@charset "UTF-8";

/* #Basic
-------------------------------------------------------------------------------*/

html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video { margin: 0; padding: 0;  border: 0; outline: 0; font-size: 100%;vertical-align: baseline;-moz-osx-font-smoothing: grayscale;  -ms-overflow-style: -ms-autohiding-scrollbar; -webkit-overflow-style: -ms-autohiding-scrollbar; -moz-overflow-style: -ms-autohiding-scrollbar; }

*, *:before, *:after {
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

html { -webkit-overflow-scrolling: touch; height:100%; }
body {height: 100%;overflow-x: hidden;}

body.DLopen {
    overflow: hidden; position: fixed;
}
:focus-visible
{
  outline: 0px transparent !important;
}
.noscroll { overflow-y: hidden; }

img, object, embed { max-width: 100%; vertical-align: middle; }

#page-sizer { position: absolute; left: 0; top: 0; width: 3px; height: 0; background: transparent; }
#desktop_nav {display: block; }
#mobile_nav { display: none; }
.page-top { padding-top: 2rem; }

.ausblenden { display: none; }
.show_hide1920 { display: block; }

/* Fonts */

.nobelbold {
  font-family: Nobel;
  font-style: normal;
  font-weight: bold;
}

.nobelbook {
  font-family: "Nobel Book";
  font-style: normal;
  font-weight: normal;
}

.nobellight {
  font-family: "Nobel Light";
  font-style: normal;
  font-weight: normal;
}

/* PP Right Gothic Wide Black */
@font-face {
    font-family: 'PP Right Gothic Wide Black';
    font-style: normal;
    font-weight: normal;
    src: url('fonts/pp-right-gothic-wide-black/PPRightGothic-WideBlack.woff') format('woff'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  


/* Typography
-------------------------------------------------------------------------------*/

p { color: #222222;font-size: 1.1em; line-height: 1.5em; letter-spacing: .015em; font-family: 'Nobel Book';   }
.slick-beitrag p {color: #222222;font-size: 1.125em; text-transform: inherit;overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.FlexBoxImgRightLeft .grid-item .slick-beitrag p.excerpt-laenge {padding: 0 5rem 2em 5rem;font-style: italic;}
p.BoldUnderscore {font-family: 'Nobel';text-transform: uppercase;text-decoration:underline;text-decoration-thickness: 2px;text-decoration-color: #222;text-underline-offset: 0.2em;}
p.MovingMalojaText {padding-top: 0;max-width: 33.33vw;}
.ImpDat p {margin-bottom: 1em;line-height: 1.4em;}
.RowHThin_bread p {font-style: italic;text-transform: uppercase;font-size: 1.1em;line-height: 1.9em;letter-spacing: 0.015em;font-family: "Nobel Book";}
a { color: #222222;font-size: 1em; line-height: 1.4em; font-family: 'Nobel Book';  cursor: pointer; text-decoration: none;border: none; }
a:focus { outline: none;border: none; }
a:hover {text-decoration:underline;text-decoration-thickness: 2px;text-decoration-color: #222;text-underline-offset: 0.2em;}

h1 { color: #222222; font-size: 2.5vw; letter-spacing: .1em; font-family: 'Nobel'; text-transform: uppercase;  line-height: 1.4em; }
h1.Seiten { color: #222222; font-size: 2.4em; letter-spacing: .1em; font-family: 'PP Right Gothic Wide Black'; text-transform: uppercase;  line-height: 1.4em;}
.FirstSection #products h1 {color:#222222;font-size: 2em;font-family: 'Nobel Book';line-height:1.3em;font-style:italic;}
.FlexBoxImgLeftRight .grid-item .slick-beitrag h1 {color: #222222;line-height: 1.1em;letter-spacing: .1em;font-family: 'PP Right Gothic Wide Black';text-transform: uppercase; font-size: 3.5em;padding: 2em 5rem;max-width: 40rem;}
.FlexBoxImgRightLeft .grid-item .slick-beitrag h1 {color: #222222;line-height: 1.1em;letter-spacing: .1em;font-family: 'PP Right Gothic Wide Black';text-transform: uppercase; font-size: 3.5em;padding: 0em 5rem;max-width: 60rem;}
.FlexBoxImgRightLeft .grid-item .slick-beitrag p.excerpt-laengeUppercase {padding: 0 5rem 2em 5rem;font-style: italic;text-transform: uppercase;letter-spacing: 0.01em;}
.FlexBoxImgLeftRight .grid-item .slick-beitrag p.excerpt-laengeUppercase {padding: 0 5rem 2em 5rem;font-style: italic;text-transform: uppercase;letter-spacing: 0.01em;}
h2 { color: #3C3D3E; font-size: 1.125em; font-family: 'Nobel'; line-height: 1.5em; }
h2.download { color: #222222; font-size: 2.1rem; font-family: 'Nobel'; line-height: 1.5em; text-transform: uppercase; }
h3 { color: #222222; font-size: 1.3em; text-transform: uppercase; font-family: 'Nobel'; line-height: 1.1em; letter-spacing: .1em; }
h3.sub-header { color: #222222; font-size: 1.3em; letter-spacing: .015em;text-transform: uppercase; font-family: 'Nobel'; line-height: 1.5em; font-style:italic; }
.H3_underscore {text-underline-offset: 0.2em; text-decoration: underline 2px;}
h3.MovingMalojaH3 {  color: #222222;font-size: 1.3em; text-transform: uppercase;font-family: 'Nobel Book';line-height: 1.1em;padding-top: .5em;}
.ImpDat h3 { line-height: 2.5em;font-size: 1em;font-family: 'Nobel Book';letter-spacing: .015em; }
.RowHThinHeader h3 {font-size: 1.6em;line-height: 1.5em;} 
h4 { color: #222222; font-size: 1em; text-transform: uppercase; font-family: 'Nobel Book'; line-height: 1.1em;letter-spacing: .25em;  }
h4.header {color: #222222; font-family: 'Nobel'; font-size: 3.5em; letter-spacing: .1em; text-transform: uppercase; line-height: 1.1em;}
h4.sub-header {color: #222222; font-family: 'Nobel Book'; font-size: .8em; letter-spacing: .15em; text-transform: uppercase; line-height: 1.5em;font-style:italic;}
.slick-beitrag h4 {padding: .5em 0 0 0; letter-spacing: .07em; color:#222222;font-size: 1.125em;font-family: 'Nobel';text-decoration:underline;text-decoration-thickness: 2px;text-decoration-color: #222;text-underline-offset: 0.2em; line-height: 1.5em;text-decoration:none;}
h5 { color: #222222; font-size: 1.125em; text-transform: uppercase; font-family: 'Nobel'; line-height: 1.1em; letter-spacing: .1em; }
h6 { color: #222222; font-size: .7em; text-transform: uppercase; font-family: 'Nobel Book'; line-height: 1.1em;  letter-spacing: .3em; padding: .4em; }
h6.movie { color: #222222;line-height: 1.4rem; font-size: 16px;  letter-spacing: .015em; font-family: 'Nobel';}
h6.movie span {font-size: 14px;font-style:italic;font-family: 'Nobel Book';}
.farbrad_item h6, .farbrad-label h6 { color: #203951; font-size: .65em; text-transform: none; font-family: 'Nobel'; line-height: 1.1em;  letter-spacing: .06em; padding: .4em;}
a .TextButtonSlide { font-size: 16px;letter-spacing: .05em; }


span.FontBoldItalic {font-family: 'Nobel';font-style: italic;}

.MovingMaloja_1 {display: flex;flex-wrap: wrap;}
.MovingMaloja_img {max-height: 70vh;object-fit: cover;width: 100vw;object-position: 0% 30%;}
.MovingMalojaTextBox {width: 100vw;display: flex;flex-direction: row;flex-wrap: wrap;align-items: flex-start;padding: 3rem 50px;justify-content: space-between;}

.slick-list { margin: 0 0px 0 0; }
.slick-dots { position: relative;}
.journal .slick-list .slick-track .slick-slide div.slick_slide-abstand {max-width: 600px;padding: 0 10px;}
#js-slick .slick-dots {bottom: 0;top: unset;z-index: 1;background-color: #ECEBE5;line-height: 1rem;display: flex !important; flex-direction: row; gap: 5px; }
.slick-dots li button { font-size: unset;padding: 0;width: auto;height: auto;line-height: 1em;}
.slick-dots li {width: 20vw;margin: unset;height:unset;}
.slick-dots li button::before { font-family: 'Nobel';font-size: 1em; line-height: 0px; position: absolute;top: 0; left: 0; width: 100%; height: 1rem;content: '–';text-align: center;opacity: .44; color: rgba(191,191,188,1);  -moz-osx-font-smoothing: grayscale;letter-spacing: -.1em; background: rgba(191,191,188,1);}
.slick-dots li.slick-active button::before {background: rgba(191,191,188,1);color: rgba(191,191,188,1);}
.slick-dots li button:hover::before, .slick-dots li button:focus::before {opacity: 1;background: rgba(191,191,188,1); color: rgba(191,191,188,1);}
h5.slider-ueberschrift { color: #3C3D3E; }
p.more { line-height: 2.2em;  }
p.more a { color: #222222; font-family: 'Nobel'; font-size: 1em;border-bottom: 2px solid transparent;padding-top: 2em;width:100%;}
p.more a:hover { border-bottom: 0px solid #222222; }
p.more a span { color: #222222; font-family: 'Nobel'; font-size: 16px;text-transform: uppercase;float: left;}
p.more a:hover span{ border-bottom: 2px solid #222222; }
/* p.more a img { padding-top: .1em; } */
.btnmehr { display: none;font-size: 1.1em; color:#222222;padding: .25em 1em;font-family: 'Nobel Book';cursor: pointer;text-transform: uppercase; }
.btnmehr:hover { text-decoration:underline;text-decoration-thickness: 2px;text-decoration-color: #222;text-underline-offset: 0.2em; }

.ImpDat p a {color: #222222;font-size: 16px!important;}
.ImpDat p a:hover { text-decoration:underline;text-decoration-thickness: 2px;text-decoration-color: #222;text-underline-offset: 0.2em; }

#js-slick .slick-dotted.slick-slider { margin-bottom: 0em;}

/* Allgemein
-------------------------------------------------------------------------------*/

.BgColorBlue {background-color: #9EABC7;}
.BgColorGreen {background-color: #72836A;}
.BgColorPurple {background-color: #B0A0B0;}
.BgColorYellow {background-color: #D9C476;}
.BgColorBeige {background-color: #ECEBE5;}
.BgColorBeigeDark {background-color: #E0D8CD}
.BgColorGrey {background-color: #DFDFD9}
.BgColorLightGrey {background-color: #F3F3F0}
.OpacityGrey {background: rgba(243,243,240,.4);}

.MaxWidthBox {max-width:1920px;}

.NewPadding {padding: 3em 0px 0 50px!important;} 
.ThirdSection2_2 .align {margin-left: -50px;}

article.SecSection { background-color:#F2F1ED;max-width: 100vw; width: 100%;}
article.ThirdSection2_2, article.ThirdSection2_1 { background-color: rgb(222,223,217,.6);max-width: 100vw; width: 100%;}
.center {text-align:center;}
hr { border: 1px solid rgba(32, 32, 31, .1); border-width: 1px 0 0; clear: both;margin: 1.4em 0; height: 0; }

.distanz-2 { margin-top: 4em; }
.distanz_10 { margin: .75em 0; }
.distanz_15 { margin: .95em 0; }
.distanz_20 { margin: 2.25em 0; }
.distanz_30 { margin: 2em 0; }
.distanz_30_team { margin: 2em 0; }
.distanz_40 { margin: 2.45em 0; }
.distanz_50 { margin: 3.45em 0; }
.distanz_50_team { margin: 5.45em 0; }
.distanz_50_journal { margin: 3.45em 0; }
.distanz_60index { margin: 9.9em 0; }
.distanz_60 { margin: 3.9em 0; }
.distanz_80 { margin: 5.9em 0; }
.distanz_85 { margin: 7.45em 0; }
.distanz_footer { margin: 3.45em 0;display: inline-block; }
.distanz_110 { margin: 10.45em 0; }

.distanz_o4em-o3em { margin: 2em 0 1em 0; }
.distanz_o30em-u60em { margin: 2em 0 3em 0; }
.distanz_o4em-o0em { margin: 0.75em 0 0em 0; }
.distanz_o75-u3em { margin: 0.95em 0 3em 0; }
.distanz_o40-u0em { margin: 4.15em 0 0em 0; }
.distanz_08-u3em { margin: 8em 0 3em 0; }

.distanz_15-top { margin: .95em 0 0em 0; }
.distanz_40-top { margin: 2.45em 0 0em 0; }
.distanz_1-5-bottom { margin: 0  0 1.5em 0; }
.distanz_3-5-bottom { margin: 0 0 3.5em 0; }
.distanz_110_7_5bot { margin: 10.45em 0 7.45em 0; }
.distanz_110_1_5bot {  margin: 10.45em 0 1.45em 0; }
.abstand-seite10 { padding: 0 .625em; }
.abstand-seite5rem { padding: 0 5rem; }
.NoPadding {padding:0 0 0 0!important;}

._width20 {max-width: 20rem;}

.containerCenterMargin10 {margin: 5vh 10vw;}

.max-width60 {max-width:60%;}
.max-width80 {max-width:80%;}

img.arrowRightLink {padding-left: 2rem;max-width: 3.8em;}
img.arrowSecLove {padding-left: 2rem; max-width: 3.8em; }

.HeaderRowThin {width: 100%;background: #fff;height: 3em;padding: 0.5em 2rem;border-bottom:1px solid #DFDFD9;margin-top: 2rem;}
.RowHThinHeader {position: absolute;left: 50%;-webkit-transform: translate(-50%, 0%);-ms-transform: translate(-50%, 0%);transform: translate(-50%, 0%);}

/* Boxes
-------------------------------------------------------------------------------*/

.align{display: flex;align-items: center;justify-content: center;}
.align-center-item{text-align: center;}
.simple-flex {display:flex;}
article.FlexBox {max-width: 100vw;width: 100%;display: block;max-height: 80vh;}
.FlexBoxImgLeftRight {display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex; flex-direction: column;max-height: 80vh;}
.FlexBoxImgLeftRight .grid-item {align-items: flex-end;width: auto;float:none;margin:unset;margin-bottom: unset;display: -webkit-box; display: -webkit-flex;display: -moz-box; display: -ms-flexbox;display: flex;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-webkit-flex-direction: row;-moz-box-orient: horizontal;-moz-box-direction: normal;-ms-flex-direction: row;flex-direction: row;max-height: 80vh;}
.FlexBoxImgLeftRight .grid-item:nth-child(even) a, .FlexBoxImgLeftRight .grid-item:nth-child(even) img {display: inline-block; position: relative; width: 100%; order: 1;padding-top: 0em;}
.FlexBoxImgLeftRight .grid-item:nth-child(odd) a, .FlexBoxImgLeftRight .grid-item:nth-child(odd) img {display: inline-block; position: relative; width: 100%; order: 2;padding-top: 0em;}
.FlexBoxImgLeftRight .grid-item img {color: transparent;width: 100%;height: auto;object-fit: cover;}
.FlexBoxImgLeftRight .grid-item:nth-child(even) .slick-beitrag {padding: 3rem 0%; width: 100%;order: 2;}
.FlexBoxImgLeftRight .grid-item:nth-child(odd) .slick-beitrag {padding: 3rem 0%; width: 100%;order: 1;}

.FlexBoxImgRightLeft {display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex; flex-direction: column;max-height: 80vh;}
.FlexBoxImgRightLeft .grid-item {align-items: flex-end;width: auto;float:none;margin:unset;margin-bottom: unset;display: -webkit-box; display: -webkit-flex;display: -moz-box; display: -ms-flexbox;display: flex;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-webkit-flex-direction: row;-moz-box-orient: horizontal;-moz-box-direction: normal;-ms-flex-direction: row;flex-direction: row;max-height: 80vh;}
.FlexBoxImgRightLeft .grid-item:nth-child(odd) a, .FlexBoxImgRightLeft .grid-item:nth-child(odd) img {display: inline-block; position: relative; width: 100%; order: 1;padding-top: 0em;}
.FlexBoxImgRightLeft .grid-item:nth-child(even) a, .FlexBoxImgRightLeft .grid-item:nth-child(even) img {display: inline-block; position: relative; width: 100%; order: 2;padding-top: 0em;}
.FlexBoxImgRightLeft .grid-item img {color: transparent;width: 100%;height: auto;object-fit: cover;}
.FlexBoxImgRightLeft .grid-item:nth-child(odd) .slick-beitrag {padding: 3rem 0%; width: 100%;order: 2;}
.FlexBoxImgRightLeft .grid-item:nth-child(even) .slick-beitrag {padding: 3rem 0%; width: 100%;order: 1;}
.FlexBoxImgLeftRight .grid-item .slick-beitrag p.moreLeftPadding, .FlexBoxImgRightLeft .grid-item .slick-beitrag p.moreLeftPadding {padding: 0em 5rem 0 5rem;}
.FlexBoxImgRightLeft .grid-item .slick-beitrag p.more a span, .FlexBoxImgLeftRight .grid-item .slick-beitrag p.more a span {color: #222222; font-family: 'Nobel';  border-bottom: 0px solid #222222;text-transform: uppercase;font-size: 16px;letter-spacing: .05em;line-height: 1.1em;float: none;}
.FlexBoxImgRightLeft .grid-item .slick-beitrag p.more a:hover span, .FlexBoxImgLeftRight .grid-item .slick-beitrag p.more a:hover span {border-bottom: 2px solid #222222;}
.FlexBoxImgRightLeft .grid-item .slick-beitrag p.more a:hover, .FlexBoxImgLeftRight .grid-item .slick-beitrag p.more a:hover {border-bottom: 0px solid #222222;}

#cookie-bar { font-size: .95em; background: #222222; height: auto; line-height: 1.15em; color: #eeeeee; text-align: center; padding: .6em 0 .3em; z-index: 100000; }
#cookie-bar.fixed { position: fixed; top: 0; left: 0; width: 100%; }
#cookie-bar.fixed.bottom { bottom: 0; top: auto; }
#cookie-bar p { margin: 0 3%; padding: 0; }
#cookie-bar a { margin-left: 2em; padding: 2px 10px; border: 1px solid #fff; font-size: 1em; line-height: 2.15em;font-family: 'Nobel'; text-transform: uppercase; letter-spacing: .02em; }
#cookie-bar .cb-enable { color: #fff; }
#cookie-bar .cb-enable:hover { color: #ddd; }
#cookie-bar .cb-disable { background: #ddd; }
#cookie-bar .cb-disable:hover { background: #fff; }
#cookie-bar .cb-policy { background: #ddd; }
#cookie-bar .cb-policy:hover { background: #ddd; }

.slider-gradi { position: absolute; bottom: 0em;/* left: 0; */ height: 100vh; width: 100%;  background: rgba(0,0,0, .2);z-index: -1; }
.slider-gradi-mask { position: absolute; top: -15vh; height: 70vh; width: 100%;  background: rgba(0,0,0, .2);z-index: -1; }

.headerBoxColored {background: #ECEBE5;text-align: center;padding: 3rem 5% 3rem;margin-bottom: 2rem;}
.headerColBoxColored {background: #ECEBE5;text-align: left;padding: 3rem 5% 3rem;border-bottom: .6rem solid #fff;}

.EXPLORE {display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;flex-direction: column;}
.EXPLORE .grid-item {align-items: flex-end;width: auto;float:none;margin:unset;margin-bottom: unset;display: -webkit-box; display: -webkit-flex;display: -moz-box; display: -ms-flexbox;display: flex;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-webkit-flex-direction: row;-moz-box-orient: horizontal;-moz-box-direction: normal;-ms-flex-direction: row;flex-direction: row;}
.EXPLORE .grid-item img {color: transparent;width: 100%;height: auto;object-fit: cover;}
.EXPLORE .grid-item:nth-child(even) .slick-beitrag {padding: 3rem 0%; width: 100%;order: 2;}
.EXPLORE .grid-item:nth-child(odd) .slick-beitrag {padding: 3rem 0%; width: 100%;order: 1;}
.EXPLORE  .grid-item .slick-beitrag h4, .EXPLORE .grid-item .slick-beitrag p {padding: 2em 5rem 0 50px;}
.EXPLORE .grid-item .slick-beitrag h4 {color: #222222;line-height: 1.1em;letter-spacing: .1em;font-family: 'Nobel';text-transform: uppercase; font-size: 2.15em;}
.EXPLORE .grid-item .slick-beitrag p.excerpt-laenge {padding-bottom:2rem;}
.EXPLORE .grid-item .slick-beitrag p.more a span {color: #222222; font-family: 'Nobel';  border-bottom: 0px solid #222222;text-transform: uppercase;font-size: 16px;letter-spacing: .05em;line-height: 1.1em;float: none;}
.EXPLORE .grid-item .slick-beitrag p.more a:hover span {border-bottom: 2px solid #222222;}
.EXPLORE .grid-item .slick-beitrag p.more a:hover {border-bottom: 0px solid #222222;}
.EXPLORE .grid-item img.PicLeftRight {height:80vh;}
.FlexBoxImgRightLeft .grid-item img.PicLeftRight {height:80vh;}

.quadrat { position: relative; box-sizing: border-box; display: flex; align-items: flex-start; }
.FlexBoxImgRightLeft .quadrat, .FlexBoxImgLeftRight .quadrat, .EXPLORE .grid-item { max-height: 80vh; }
.quadrat::before { content: ""; padding-bottom: 100%; display: block;}
.quadrat_inner { width: 100%; height: 100%; display: flex; align-items: center; }
.quadrat_inner a,
.quadrat_inner span { height: 100%; width: 100%;  overflow: hidden; position: absolute;  top: 0; }
.quadrat_inner img { display: inline; object-fit: cover;  object-position: center center; width: 100%; height: 100%; text-align: center; }
.FlexBoxImgRightLeft .grid-item .GridImgStory {display: inline-block; position: relative; width: 100%; order: 1;padding-top: 0em;}
.FlexBoxImgLeftRight .grid-item .GridImgStory {display: inline-block; position: relative; width: 100%; order: 2;padding-top: 0em;}

/* Buttons
-------------------------------------------------------------------------------*/

button { cursor: pointer; }
a.button-frame-white {color: #fff; font-family: 'Nobel'; background-color: rgba(0,0,0,0.2); border: 1px solid #fff; padding: 1.5em 2em; text-transform: uppercase; font-size:.8em; letter-spacing:.25em; -webkit-transition:brightness .3s ease-out; -moz-transition: brightness .3s ease-out; -o-transition: brightness .3s ease-out; transition: brightness .3s ease-out; }
a.button-frame-white:hover { -moz-filter: brightness(80%); -webkit-filter: brightness(80%); -o-filter: brightness(80%); filter: brightness(80%); }
.button-frame-dark { margin: 2em auto; text-align: center; }
.button-frame-dark a {color: #222222; font-family: 'Nobel'; border: 1px solid #222222; padding: 1.5em 3.5em; text-transform: uppercase; font-size:.9em; -webkit-transition:brightness .3s ease-out; -moz-transition: brightness .3s ease-out; -o-transition: brightness .3s ease-out; transition: brightness .3s ease-out; }
.button-frame-dark a:hover { -moz-filter: brightness(80%); -webkit-filter: brightness(80%); -o-filter: brightness(80%); filter: brightness(80%); }
.Wo-MenP {display: flex;justify-content: space-between;flex-wrap: wrap;align-content: space-around;flex-direction: row;}
img.Wo-MenButton {padding-left: 2rem;}
a.button-frame-home_prod { color: #fff;font-family: 'Nobel Book';   font-size: 1em; letter-spacing: .1em; -webkit-transition:brightness .3s ease-out; -moz-transition: brightness .3s ease-out; -o-transition: brightness .3s ease-out; transition: brightness .3s ease-out;display: inline-flex;padding-right: 3rem; }

a.button-frame-home_prod span {  border-bottom: 2px solid transparent; }
a.button-frame-home_prod:hover span { border-bottom: 2px solid #fff; }

a.blue_sign {color: #3C3D3E; font-family: 'Nobel';text-underline-offset: 0.2em;text-decoration: underline 1px;}

span.button-frame-home_prod { color: #fff;font-family: 'Nobel'; background-color:#384639 ;  border: 3px solid #384639; padding: 1em 2em; text-transform: uppercase; font-size: .9em; letter-spacing: .25em; margin: 0 1em; -webkit-transition:brightness .3s ease-out; -moz-transition: brightness .3s ease-out; -o-transition: brightness .3s ease-out; transition: brightness .3s ease-out; }
span.button-frame-home_prod:hover { border: 2px solid #384639; }
a.button-frame-lookbook_b2b { color: #fff;font-family: 'Nobel'; background-color:#384639 ;  border: 3px solid #384639; padding: 1em 2em; text-transform: uppercase; font-size: .9em; letter-spacing: .25em; margin: 0 1em; -webkit-transition:brightness .3s ease-out; -moz-transition: brightness .3s ease-out; -o-transition: brightness .3s ease-out; transition: brightness .3s ease-out; }
a.button-frame-lookbook_b2b:hover { background-color: rgba(0,0,0,0); border: 3px solid #384639; color: #384639;}
a:hover#btn_sizechart {text-decoration: underline 1px transparent; text-underline-offset: 0.2em;}
.back-field { width:0.8em; height:auto; line-height: 2em; float: left;}
.groesse-field { width:1.8em; height:auto; line-height: 2em; float: left;}
.back-button{ position: absolute;display: flex;flex-direction: row; justify-content: left; z-index: 5;/* margin-bottom: -5.5em;*/ }
.back_p{ margin: 2em 0 0 2em; text-transform:uppercase;line-height: 1.3em; font-size: 1em; color:#222222; border-bottom: 1px solid transparent; font-style: italic; letter-spacing: .015em;}
#btn_sizechart {display: inline-flex; gap: 50px;}
.groesse_p span.DealerText {text-underline-offset: 0.2em;text-decoration: underline 1px;text-transform:uppercase; font-family:'Nobel Book'; padding: 0em 0 0 0em; font-size: 13px; line-height: 2.8em;/*border-bottom: 3px solid transparent;*/ display: inline-block;}
.groesse_p span.DealerPlus {padding-left: 1rem;font-size: 13px;}
.back_p:hover { border-bottom: 1px solid #222222; }
.btn-lookbook{ color: #222; font-family: 'Nobel Book'; border: 3px solid #222222;text-align: center; padding: 1.5em 2em;text-transform: uppercase;font-size: .9em;letter-spacing: .015em;}
/*.btn-lookbook:hover {color: #fff; border: 3px solid #203951;background: #203951}*/
#mobileButtonAb{ margin-bottom: 1em!important; }

.grid-item a img { -webkit-transition:brightness .3s ease-out; -moz-transition: brightness .3s ease-out; -o-transition: brightness .3s ease-out; transition: brightness .3s ease-out; }
.grid-item a img:hover { -moz-filter: brightness(80%); -webkit-filter: brightness(80%); -o-filter: brightness(80%); filter: brightness(80%); }
/* p.more a { border-bottom: 3px solid transparent; }
p.more a:hover { border-bottom: 3px solid #222222; } */

.over-the-btn-img { padding: 0 18em 0 16em;margin-bottom: -3.7em; }
a.crosslink-blog { color: #222222; font-family: 'Nobel'; text-transform: uppercase; font-size:1.1em;  letter-spacing: .015em;transition:opacity .3s ease-out; -webkit-transition:opacity .3s ease-out; }
span.wp-button a:after  {content: url('https://www.maloja.de/collection/media/svg/StartSliderArrow.svg');display: inline-block;margin-left: 3rem;transform: translateY(0.3rem);}
a.crosslink-blog:hover { background: transparent;color: #203951; }
a#crosslink-blog11, a#crosslink-blog12  { display: inline-block; margin: 0 1em 0 0; }

p.LinkArrow a {color: #222222;font-size: 1em;text-transform: uppercase;border-bottom: 2px solid transparent;}
.LinkArrow a span {color: #222222;border-bottom: 0px solid #222222;font-size: 16px;letter-spacing: .05em;line-height: 1.1em;float: none;}
.LinkArrow a:hover span { border-bottom: 2px solid #222222;}

/* Suche
-------------------------------------------------------------------------------*/
#desktop-search .dropdown button { width: 1.3em; line-height: 2em; padding: .7em 0 0em 0; }

#desktop-search .dropdown { margin-left: 1em; }

#desktop-search .dropdown-content { margin-left: 0; }
#desktop-search .desktop_nav_oben_ { margin-left: 50%; }
#desktop-search .search-formelements  { margin-bottom: 3em; }

form { border-bottom: 1px solid rgba(33,33,33,0.1); }
form input[type=text].suchen_desktop { background-color: rgba(33,33,33,0.1);  border: 3px solid rgba(33,33,33,0.001); padding: .2em .5em; margin: 1em auto; font-size: 0.8125em; font-family: 'Nobel'; }

div.auswahl_eingrenzen { text-align: center; }

h1.suche-ueber { font-size: 1.9em; padding: 1em 0 .6em 0; }
p.suche-subtext, p.auswahl_eingrenzen, p.fehler_suche_ { font-family: 'Nobel'; font-size: .8125em; letter-spacing: .02em;   }
p.auswahl_eingrenzen { padding: 1em 0; }
p.fehler_suche_ { padding: 2em; }

.search_inhalt { position: relative; width: 100%; text-align: center; }

.search_inner { margin-bottom: 2em; margin-top: 2em; }
.search_head { font-size: 1.2em; color: #fff; text-transform: uppercase; }

#search_submit { color: #222222; }
button#search_submit { width: 5%!important; color: #222222; font-family: 'Nobel'; background-color: rgba(0,0,0,0); line-height: 2em; border: 1px solid #222222; padding: 0em 0em!important; text-transform: uppercase; font-size: .8125em; letter-spacing: .1em; -webkit-transition: brightness .3s ease-out; -moz-transition: brightness .3s ease-out; -o-transition: brightness .3s ease-out; transition: brightness .3s ease-out;cursor: pointer; }
button#search_select_desktop { width: auto!important; color: #222222; font-family: 'Nobel'; background-color: rgba(0,0,0,0); line-height: .9em; border: 1px solid #222222; padding: .85em 1em!important; text-transform: uppercase; font-size: .8125em; letter-spacing: .1em; -webkit-transition: brightness .3s ease-out; -moz-transition: brightness .3s ease-out; -o-transition: brightness .3s ease-out; transition: brightness .3s ease-out;cursor: pointer; }
button:hover #search_submit, button:hover #search_select_desktop { -moz-filter: brightness(80%); -webkit-filter: brightness(80%); -o-filter: brightness(80%); filter: brightness(80%); }

.suchebtns { margin-bottom: 2em; }

#search_select_mobile { color: #fff; width: 25%!important; font-family: 'Nobel'; background-color: rgba(0,0,0,0); line-height: 2em; border: 1px solid #fff; padding: 0em 0em!important; text-transform: uppercase; font-size: .8125em;letter-spacing: .1em; -webkit-transition: brightness .3s ease-out; -moz-transition: brightness .3s ease-out; -o-transition: brightness .3s ease-out; transition: brightness .3s ease-out; margin: 0 .5em; }
.artikelholder #search_select_mobile { color: #222222; width: 15%!important; font-family: 'Nobel'; background-color: rgba(0,0,0,0); line-height: 2em; border: 1px solid #222222; padding: .8em 0em!important; text-transform: uppercase; font-size: .8125em; letter-spacing: .1em; -webkit-transition: brightness .3s ease-out; -moz-transition: brightness .3s ease-out; -o-transition: brightness .3s ease-out; transition: brightness .3s ease-out; margin: 0 .5em; }
#suchen_mobile,
.fehler_suche_mobile { color: #fff; }

form#suchen_mobile input[type=text]  {background-color: rgba(255, 255, 255);border: 3px solid rgba(255, 255, 255); padding: .2em .5em;  margin: 1em auto; font-size: 0.8125em; font-family: 'Nobel'; float: left; margin: 0em 2em; }

#desktop-search #search_select { color: #222222; }
#suchloader_desktop,
#suchloader_mobile { display: none; }
#suchergebnis_desktop_wrap { height: 70vh; overflow-y: scroll; padding-top: 2em; }
#suchergebnis_desktop_wrap .suchitem { width: 24%; float: left; margin: 0 .5%; margin-bottom: 0px; margin-bottom: 1%; }


#suchergebnis_mobile_wrap { height: 70vh; overflow-x: scroll; }
#suchergebnis_mobile_wrap .suchitem { width: 48%; float: left; margin: 0 1%; color: #fff; }

.suchitem-meta { font-size: .9em; letter-spacing: .1em; text-transform: uppercase; line-height: 1.3em; font-family: 'Nobel Book';  padding: 1.5em 0 0 0; }

.fehler_suche_desktop { margin: 2em 0; }

/* Startseite
-------------------------------------------------------------------------------*/

.slick-slider div.slider-pfeil { display: none; padding-top: 2em; position: absolute; top: 58vh; left: 50%; z-index: 2; -moz-transform: translate(-1em, -50%); -webkit-transform: translate(-1em, -50%); transform: translate(-1em, -50%); -o-transform: translate(-1em, -50%); color: #fff; transition: opacity .3s; }
.slick-slider div.slider-pfeil span { position: relative; top: 0; left: 50%; width: 3em; height: 1.5em; margin-left: -1.5em;  content: url('../media/img/slider-arrow-down.svg'); -webkit-transform: rotate(-0deg); transform: rotate(0deg); -webkit-animation: sdb 2s infinite; animation: sdb 2s infinite; box-sizing: border-box; animation-iteration-count: 5; animation-fill-mode: forwards; }
@-webkit-keyframes sdb {
    0% {  -webkit-transform: rotate(0deg) translate(0, 0); opacity: 0;  }
    50% { opacity: 1;  }
    100% {  -webkit-transform: rotate(0deg) translate(0em, 20px);  opacity: 0; }
}
@keyframes sdb {
    0% {  transform: rotate(0deg) translate(0, 0); opacity: 0; }
    50% { opacity: 1;  }
    100% { transform: rotate(0deg) translate(0em, 20px); opacity: 0;  }
}

.GM-Logo {height: 65vh;max-width: 11rem;display: flex;flex-flow: column;height: 70vh;align-content: center; margin: 0 8vw;justify-content: end;}
.slick-dots {position: absolute;bottom: -7.7em;display: block;width: 100%;padding: 0;margin: 0;list-style: none;text-align: center;z-index: 5;}

/* Arrows */
.slick-prev {font-size: 0;line-height: 0;position: absolute;top: 40%;display: block;width: 50px;height: 60px;padding: 0;-webkit-transform: translate(0, -30px) scale(.7) rotate(180deg);-ms-transform: translate(0, -30px) scale(.7) rotate(180deg);transform: translate(0, -30px) scale(.7) rotate(180deg);cursor: pointer;color: transparent;border: none;outline: none;background: transparent;}
.slick-next {font-size: 0;line-height: 0;position: absolute;top: 40%;display: block;width: 50px;height: 60px;padding: 0;-webkit-transform: translate(25px, -30px) scale(.7) ;-ms-transform: translate(25px, -30px) scale(.7) ;transform: translate(25px, -30px) scale(.7) ;cursor: pointer;color: transparent;border: none;outline: none;background: transparent;}

.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus {color: transparent;outline: none;background: transparent;}

.slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before {opacity: 1;}

.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before {opacity: 1;}

.slick-prev:before, .slick-next:before {font-family: 'FontAwesome';font-size: 50px;font-weight: bold;line-height: 1;opacity: 1;color: black;transition: opacity 0.25s;}

.slick-prev {left: -50px;z-index: 1;}

[dir='rtl'] .slick-prev {right: 0;left: auto;}

.slick-prev:before {content: url('../media_2024/svg/StartSliderArrow.svg');}

[dir='rtl'] .slick-prev:before {content: url('../media_2024/svg/StartSliderArrow.svg');}

.slick-next {right: -50;z-index: 100;}

[dir='rtl'] .slick-next {right: auto;left: 0;}

.slick-next:before {content: url('../media_2024/svg/StartSliderArrow.svg');}

[dir='rtl'] .slick-next:before {content: url('../media_2024/svg/StartSliderArrow.svg');}

#js-slick .slick-dots { bottom: -1em; }

#js-slick button.slick-prev, #js-slick button.slick-next {top: 61.5vh;}

#js-slick button.slick-prev {left: 45%;z-index: 1;}
#js-slick button.slick-prev:before {content: url('../media_2024/svg/StartSliderArrow.svg');}

[dir='rtl'] #js-slick button.slick-prev:before {content: url('../media_2024/svg/StartSliderArrow.svg');}

#js-slick button.slick-next {right: 45%;z-index: 100;}

#js-slick button.slick-next:before {content: url('../media_2024/svg/StartSliderArrow.svg');}

[dir='rtl'] #js-slick button.slick-next:before {content: url('../media_2024/svg/StartSliderArrow.svg');}


#homekategorie-grid {line-height: 0;-webkit-column-count: 4;-webkit-column-gap: 0px;-moz-column-count: 4;-moz-column-gap: 0px;column-count: 4; column-gap: 0px;}
#homekategorie-grid img { width: auto !important;height: auto !important;}

.hovereffect {float: left;overflow: hidden;position: relative;cursor: default;flex: 1 0 25%;}
.KategorienActive {position: absolute;bottom: 1em;left:2em;}

.hovereffect .overlay-home {position: absolute;overflow: hidden;width: 100%;height: 100%;left: 0%;top: 0%;-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;transition: opacity 0.35s, transform 0.35s;/*opacity: 0;*/}

.hovereffect img { display: block;position: relative;-webkit-transition: all 0.35s;transition: all 0.35s;filter: saturate(85%)brightness(90%);-webkit-filter: saturate(85%)brightness(90%);}

.hovereffect h2#kategorie_ueberschrift {text-transform: uppercase;color: #fff;font-size: 1.5em;letter-spacing: .25em;font-family: 'Nobel';width: 100%;}

.slick-dots li button:before {font-family: 'Nobel Light';font-size: 13em;line-height: 5px; position: absolute;top: 0;left: 0;width: .5em;height: 3.438em;content: '–'; text-align: center; /* opacity: .30; */ color: #E6E2D8;  -moz-osx-font-smoothing: grayscale;}

.pos-kat-inhalt { color:#fff; text-transform:uppercase; position: relative; top: 15%;  }
.zwischen { margin:5% auto; }
.zwischenButton { margin:8% auto; }
.pos-kat-ueber { font-family: 'Nobel'; font-size: 2em;letter-spacing: .1em; }
.pos-kat-sub { font-family: 'Nobel Book'; font-size: .625em; letter-spacing: .1em; }
#kategorie_breite { width:100%; padding: 0 25px; }
.ThirdSection2 #kategorie_breite { width:100%; padding: 0 0px; }
.pos-kat-svg { width:6%; margin:0 auto; -webkit-filter: brightness(100%)!important; filter: brightness(100%)!important; }
.pos-kat-svg img { -webkit-filter: brightness(100%)!important; filter: brightness(100%)!important; }

.grid-container { display: flow-root; grid-template-columns: repeat(auto-fill, minmax(1000px, 1fr)); grid-gap: 0em; }
#grid-container-lookbook-index { display: flex; }

.BGkategorie-look_active {background-color:#6D8A64;height: 4em;}
.BGkategorie-look_street {background-color:#384639;height: 4em;}

.BGkategorie-look_active_mobile {display: none;}
.BGkategorie-look_street_mobile {display: none;}

.BGkategorie-look_women_mobile_top {display: none;}
.BGkategorie-look_women_mobile_bottom {display: none;}

.FirstSection .hovereffect div {display: flex;align-items: flex-end; flex-wrap: wrap;justify-content: space-between;margin: 1rem 0 5rem 0;}
.FirstSection p.kategorie {font-size: 1.2em;letter-spacing: .05em;line-height: 1.1em;border-bottom: 2px solid transparent;}
.FirstSection .hovereffect:hover p.kategorie {border-bottom: 2px solid #222222;}
.FirstSection img.arrow24 {max-width:35px;margin-right: 2rem;}

/* Katalogbestellung
-------------------------------------------------------------------------------*/
.pic_katalogbestellung {background: url('../media_2024/katalogbestellung/Katalogarchiv-Header-Rotation_03.jpg') no-repeat fixed center center;background-size: cover; height:auto;}

/* Feedback
-------------------------------------------------------------------------------*/
.pic_feedback {background: url('../media/sales_feedback/header.jpg') no-repeat center center;background-size: cover; height:auto;}

/* Strava
-------------------------------------------------------------------------------*/
.pic_ridetowork {background: url('../ride-to-work/media_2020/img/ridetowork.jpg') no-repeat fixed center center;background-size: cover; height:auto;}

/* NordicKitBestellung
-------------------------------------------------------------------------------*/
.pic_nordickit {background: url('../nordic-kit-de/media_2020/img/nordickit.jpg') no-repeat fixed center center;background-size: cover; height:auto;}

/* Journal
-------------------------------------------------------------------------------*/
.excerpt-laenge { /*overflow: hidden; float: left; max-height: 10.3em; min-height: 5.9em; */ line-height: 1.5em;}



/* Back to Top
-------------------------------------------------------------------------------*/

.go-top { position: fixed; top: 78vh; right: 0px; color: #E6E2D8; padding: 1em 30px 1.1em 0px; display: inline-block; background-color: rgb(32, 32, 32); z-index: 100;  cursor: pointer;visibility: hidden;opacity: 0; -webkit-transition: opacity .3s 0s, visibility 0s .3s, background-color .3s 0s;transition: opacity .3s 0s, visibility 0s .3s, background-color .3s 0s;height: 2em;width: 2em;}

.go-top.go-top--show, .go-top.go-top--fade-out, .go-top:hover { -webkit-transition: opacity .3s 0s, visibility 0s 0s, background-color .3s 0s; transition: opacity .3s 0s, visibility 0s 0s, background-color .3s 0s;}

.go-top.go-top--show {visibility: visible;opacity: 1;}

.go-top.go-top--fade-out {opacity: 1;}

.go-top:hover { opacity: 0.95;}

#arrow-up { position: absolute; transform: rotate(-90deg) translateX(0.5em) translateY(0.3em); -webkit-transform: rotate(-90deg) translateX(0.5em) translateY(0.3em); -moz-transform: rotate(-90deg) translateX(0.5em) translateY(0.3em); -o-transform: rotate(-90deg) translateX(0.5em) translateY(0.3em);-ms-transform: rotate(-90deg) translateX(0.5em) translateY(0.3em); display: inline-block; }
#pfeil img { width: 0.8em; }
#pfeil p { color: #E6E2D8; text-transform: uppercase;font-size: .75em; transform: rotate(-90deg); -webkit-transform: rotate(-90deg);-moz-transform: rotate(-90deg);-o-transform: rotate(-90deg); -ms-transform: rotate(-90deg); font-family: 'Nobel Book';}

a#mobile-nav-trigger span.FilterFont { font-size: 16px; font-family:'Nobel Book';margin-right: 1rem;letter-spacing: .015em;}
 span:hover.FilterFont { border-bottom: 1px solid #222222;}

/* Farbazeige: Radl, Balken, Circle
-------------------------------------------------------------------------------*/

.farbwahl_main_plate { width: 100%; text-align: center; padding-top: 0.4em; padding-left: .3em; padding-bottom: 0.5em; min-height: 7em; }

.farbrad-icon { display: inline-block; width: 3rem; height: 3rem; margin-top: 1em; margin-bottom: .5em; padding: 0em; cursor: pointer;}
.farbraddrehen { -webkit-animation: drehen 1.5 infinite linear; animation: drehen 1.5s infinite linear; }

@keyframes drehen {
    from {
	transform: rotate(0deg);
    }
    to {
	transform: rotate(359deg);
    }
}
@-webkit-keyframes drehen {
    from {
	-webkit-transform: rotate(0deg);
    }
    to {
	-webkit-transform: rotate(359deg);
    }
}

.farbselector-scroller,
.colorway-selector-scroller { width: 100%; margin: 0 auto; overflow-x: scroll; display: none; position: relative; }
.colorway-selector-scroller { display: inline-block; }
.colorway-selector-scroller ::-webkit-scrollbar { display: none;}
.colorway-farbbalken { margin-bottom: 1em; margin-top: 5.5em; }
.farbcontainer { display: block; margin: 5em auto 1em auto; text-align: center; height: auto; font-family: 'Nobel'; width: 100%!important; padding: 0 0%!important; }
.farbselector,
.farbselectorItem,
.farbanzeige { display: inline-block; list-style: none; margin: 0 auto; margin-top: 1em; }
.farbselectorItem { display: flex; margin-top: .5em; padding-bottom: .6em; }
.farbanzeige { margin: 1em auto; }
.farbselector li,
.farbselectorItem li,
.farbanzeige li { list-style: none; float: left; position: relative; }

.farbanzeige-circle li { list-style: none; float: left; position: relative; margin: .1em .25em 1.5em .2em; min-width: 1.1em; }
.farbanzeige-circle .farbrect-klein { width: 1.5em; height: 1.5em; border-radius: 50%; padding: 0; border: 2px solid #FFF; box-shadow: 0 0 0 1px; color: #fff; }
.farbanzeige-circle.farbwahl-selectname { text-align: left; margin-left: .55em; }

.farbselectorItem_wrap { width: 100%; overflow-x: scroll; overflow-y: hidden; padding-top: .4em; height: 4.5em;}
.farbselector .farbrect,
.farbselectorItem .farbrect {  width: 4vw; height: 4em; cursor: pointer; display: block; }
.farbselector .farbrect:hover,
.farbselectorItem .farbrect:hover { opacity: .9;  }
.farbanzeige .farbrect-klein { width: 1em; height: 1em; }
.farbname { display: none; position: absolute; top: 110%; font-size: .9em; line-height: .8em; font-family: 'Nobel'; width: 100%; white-space: nowrap; }
.farbanzeige li:hover > .farbname,
.farbselector .aktiv { display: block; }

h6.hinweis-farbe { display: none; }

.farbwahl_item_plate { position: relative; min-height: 0em; margin: .2em 0 0 0; }
.farbrad-label { text-transform: uppercase; font-size: .65em;}

#farbrad_btn_scroll_left, #farbrad_btn_scroll_right, #farbrad_btn_item_scroll_left, #farbrad_btn_item_scroll_right { position: absolute; top: 10em; display: none; }
#farbrad_btn_item_scroll_left, #farbrad_btn_item_scroll_right { top: 1.7em; }
#farbrad_btn_scroll_left, #farbrad_btn_item_scroll_left { left: 2em; }
#farbrad_btn_scroll_right, #farbrad_btn_item_scroll_right { right: 2em; }
.farbrad_btn_scroll_animL {  -webkit-animation: fbsL 1s 5; animation: fbsL 1s 5; }
.farbrad_btn_scroll_animR {  -webkit-animation: fbsR 1s 5; animation: fbsR 1s 5; }

@-webkit-keyframes fbsL {
    0% {  -webkit-transform: translate(0, 0); opacity: 0; }
    50% { opacity: 1; }
    100% {  -webkit-transform: translate(-1.5em, 0);  opacity: 0; }
}
@keyframes fbsL {
    0% {  transform: rotate(0deg) translate(0, 0); opacity: 0; }
    50% { opacity: 1; }
    100% { transform: rotate(0deg) translate(-1.5em, 0); opacity: 0; }
}
@-webkit-keyframes fbsR {
    0% {  -webkit-transform: translate(0, 0); opacity: 0; }
    50% { opacity: 1; }
    100% {  -webkit-transform: translate(1.5em, 0);  opacity: 0; }
}
@keyframes fbsR {
    0% {  transform: rotate(0deg) translate(0, 0); opacity: 0; }
    50% { opacity: 1; }
    100% { transform: rotate(0deg) translate(1.5em, 0); opacity: 0; }
}



/* Filter Nav
-------------------------------------------------------------------------------*/
#FilterBurger { position: absolute; right: 2rem; display: flex; }
#filterShow { display: none; }
.FilterSVG {width:1.5rem;}


/* Cookie Side
-------------------------------------------------------------------------------*/

.cookie-btn {position: relative;display: inline-block;} 
.go-top:hover { opacity: 0.95;}
#cook p { color: #E6E2D8; text-transform: uppercase;font-size: .75em; font-family: 'Nobel Book';}

/* Footer
-------------------------------------------------------------------------------*/
footer {   z-index: 10;}
footer .footer-center { width: 100%;background-color: #DEDFD9;display: flex;flex-direction: row; justify-content: space-around;align-items: center;}
/* .allgemeinfoo {transform: rotate(2deg);} */
.colinfoo {text-align: right;/*transform: rotate(-2deg);*/}
.svg-logo-collect-footer { margin: 5vh 3rem; max-width: 19rem;}
#svg-social-collect-footer { margin: 0em 0 1em 0; }
#svg-social-collect-footer a { margin: 0 .5em; }
.terms1 {font-family: 'Nobel Book';line-height: 35px;color: #353535;text-transform: uppercase; font-style: italic;}

a.cont_b2b_1 { /*padding: 0px 0px 0px 30px; border-bottom: 1px solid #333333;*/font-size: .9em;}
a:hover.cont_b2b_1 {border-bottom: 1px solid #353535;}

p.colfoo {font-family: 'Nobel Book';color: #353535;text-transform: uppercase;margin-bottom: 13px; font-size: 1.1em;}
#svg-social-collect-footer a:hover { border-bottom: 3px solid #fff; }

/* Dialog und UI
-------------------------------------------------------------------------------*/
#dialog_bottom { display: grid; position: fixed; top: 100vh; left: 0; z-index: 11000; }
#dialog_bottom_inner { display: inline-block; width: 100vw; background: rgba(0, 0, 0, .9); text-align: center; }
#dialog_bottom_h5 { color: white;  margin-bottom: 3em; margin-bottom: 40vh; font-family: 'Nobel Book';font-size: 1.1em;}
#dialog_bottom_content {  margin-bottom: 3em;  margin-top: 2em; }
.dialog_bottom_closer { position: absolute; right: 1em; top: 1em; cursor: pointer; }

#dialog_left { display: grid; position: fixed; width: 50vw; left: -50vw; top: 0; bottom: 0; z-index: 11000; }
#dialog_left_inner { display: inline-block; width: 50vw; height: 100%; /* background: rgba(0, 0, 0, .9); */background: #222222; text-align: right; }


/* Dialog und UI
-------------------------------------------------------------------------------*/
#dialog_bottom,
#dialog_right,
#dialog_left { display: grid; position: fixed; top: 100vh; left: 0; z-index: 11000; }
#dialog_right { top: 0; left: 100vw; }
#dialog_left { width: 50vw; left: -50vw; top: 0; bottom: 0; }

#dialog_bottom { display: grid; position: fixed; top: 100vh; left: 0; z-index: 11000; }
#dialog_bottom_inner { display: inline-block; width: 100vw; background: #3C3D3E; text-align: center; }
#dialog_bottom_h5 { color: white;  margin-bottom: 3em; margin-bottom: 40vh; font-family: 'Nobel Book';font-size: 1.1em;}
#dialog_bottom_content {  margin-bottom: 3em;  margin-top: 2em; }
.dialog_bottom_closer { position: absolute; right: 1em; top: 1em; cursor: pointer; }

#dialog_left { display: grid; position: fixed; width: 50vw; left: -50vw; top: 0; bottom: 0; z-index: 11000; }
#dialog_left_inner { display: inline-block; width: 35vw; height: 100%; /* background: rgba(0, 0, 0, .9); */background: #222222; text-align: right; }

#dialog_left_inner {height: 100vh;}

.header-content-list { font-family: "Nobel Light"; color: #fff; text-align: center; padding: 1.5em 2em; border-bottom: 1px solid #eee; text-transform: uppercase;}

.content-slider-artikel, .content-list-artikel { width: 100%; height: 100vh; overflow-y: scroll; padding: 2em 0 5em;}

.dialog_bottom_featured_scrolllist {margin-top: 2.5rem;margin-bottom: 12vh;}

.content-list-artikel { padding: 0;}

.content-list-artikel li.selekt .dailog_featured_item_inner {background: black;}

.dailog_featured_item_inner {padding: 2em 4rem;}
.dialog_bottom_featured_item {font-size: .8em;line-height: 1.4em;letter-spacing: .025em; font-family: 'Nobel Light'}
.dialog_bottom_featured_item_linie .dailog_featured_item_inner p.featured_beschr {margin: 3.5rem 0;}

.featured_beschr, .message_text {font-size: 1.1em;}

p.featured_head, .message_head { font-size: 1.1em;}

.StoreLand {font-size: .9em !important;}

.closer { position: relative; display: inline-block; width: 2em; height: 2em; overflow: hidden; z-index: 1; }
.closer.weiss:before,
.closer.weiss:after { background: #fff; }
.closer:before,
.closer:after { height: 1px; content: ''; position: absolute; width: 100%; top: 50%; left: 0; margin-top: -1px; background: #222222; }
.closer:before { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
.closer:after { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }

.close_anim { -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; }
.close_anim:hover { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); }

/* Feedback 
-------------------------------------------------------------------------------*/
.pic_feedback2 {background: url('../feedback/media/Katalogarchiv-Header-Rotation_03.jpg') no-repeat fixed; background-size: cover;}

/* Jobs-Styles
-------------------------------------------------------------------------------*/
.pic_job1 {
    background: url('../media/jobs/job1.jpg') no-repeat center center;
    background-size: cover;
    height: auto;
    }
    
/* Impressum & Datenschutz 
-------------------------------------------------------------------------------*/

article.ImpDat {text-align: center;padding: 5rem 0;}
ul#daten { margin: 2em}
ul li#liste_daten {line-height: 1.5em; list-style-type: circle; margin-left: 1em; padding: .5em 0;font-size: 18px;font-family: 'Nobel Book'; }

@media all and (max-width: 1920px) {
.show_hide1920 { display: none; }
#grid-container-lookbook-index { display: grid; }
}

@media only screen and (min-width: 1600px) and (max-width: 1920px) {
    .submenu {padding-left: 0vw;}
    .slider-gradi { bottom: 0em; }
    #js-slick .slick-dots { bottom: 0; }
    #js-slick button.slick-prev, #js-slick button.slick-next {top: 61.5vh;}
    .slick-dots { bottom: -7.9em; }
    .grid-container { display: grid; grid-template-columns: repeat(4, minmax(25%, 1fr)); grid-gap: 0em; }
    #grid-container-lookbook-index { display: grid; }
}

@media only screen and (min-width: 1280px) and (max-width: 1600px) {
    #maloja_sustainability {background: url('../media/sustainability/sustainability-full.jpg') no-repeat fixed; background-size: cover;}
    .grid-container { display: grid; grid-template-columns: repeat(4, minmax(25%, 1fr)); grid-gap: 0em; }
    #grid-container-lookbook-index { display: grid; }
}
@media all and (max-width: 1550px) {
    /* Blog */

    section#submenu_desktop{display: none;}
    section#submenu_mobile{display: block;}

    #submenu_mobile .submenu_mobile{text-align:center;position: relative;padding-top: 2.5em;z-index: 100;width: 100%;}
    .submenu_mobile{position: absolute;}
    .submenu_mobile h2 { font-family: 'Nobel Light';font-size:1.5em; margin: 0; padding: 0; margin-bottom: .5em; text-transform: uppercase; font-weight: lighter;}
    .submenu_mobile ul { display: flex;align-items: center;justify-content: center;}
    .submenu_mobile ul li { margin: 0 0 .5em .5em; font-size: .95em;float: left;padding: 0 .7em; border:1px #222222 solid;}
    .submenu_mobile ul li:hover{border:1px rgba(0, 0, 0, 0.5) solid;color:rgba(0, 0, 0, 0.5);}
    .distanz_50_journal{margin: 1.45em 0;}
    .grid-container { display: grid; grid-template-columns: repeat(4, minmax(25%, 1fr)); grid-gap: 0em; }
}

@media all and (max-width: 1366px) {
    .pos-kat-inhalt { top: 20%; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
    .pos-kat-ueber{ font-size: 1.5em;line-height: 1em;}
    .zwischen{ margin: 0; margin-bottom: 1em; }
    .grid-container { display: grid; grid-template-columns: repeat(4, minmax(25%, 1fr)); grid-gap: 0em; }
    

}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    
	.pos-kat-inhalt { top: 0%; }
    .pos-kat-ueber { display: none; font-size: 1.5em; line-height: 1em; margin-bottom: 1em; }
     .zwischen { margin: 3em 0 0 0; margin-bottom: 1em;}
      .zwischenButton { margin: 7% auto; /*10% auto;*/ }
    .pos-kat-svg { width: 2em; }
    .pos-kat-svg img { width: 80%; }
    .slick-slide { margin: 0px 10px; }
    #js-slick .slick-slide{ margin: 0px 0px; }
    .grid-container { display: grid; grid-template-columns: repeat(4, minmax(25%, 1fr)); grid-gap: 0em; }
    #js-slick button.slick-prev, #js-slick button.slick-next {top: 61.5vh;}
    #js-slick button.slick-prev { left: 40%; }
    #js-slick button.slick-next { right: 40%; }
    #js-slick button.slick-prev, #js-slick button.slick-next {top: 61.6vh;}
    .farbselector .farbrect, .farbselectorItem .farbrect {  width: 6vw; }
    .grid-container { display: grid; grid-template-columns: repeat(4, minmax(25%, 1fr)); grid-gap: 0em; }
    #grid-container-lookbook-index { display: grid; }
    .pic_maloja_mask1 {background: url('../media/mask/MalojaReusableDoubleMoss.jpg') no-repeat  center center;background-size: cover; height:auto;}
    h1 { font-size: 2.5em; }

}
@media only screen and (min-width: 820px) and (orientation: portrait) {
	#page-sizer { width: 2px;}
	   #desktop_nav { display: none; }
	   #mobile_nav { display: block;}
	   #mobile-search svg { padding: .5rem!important;width: 2.6rem!important;margin: .5em; }
    }
    /* Portrait */
    @media only screen
	  and (min-device-width: 820px)
	  and (max-device-width: 820px)
	  and (orientation: portrait)
	  and (-webkit-min-device-pixel-ratio: 2) {
	  #page-sizer { width: 2px;}
	 #desktop_nav { display: none; }
	 #mobile_nav { display: block;}
	 #mobile-search svg { padding: .5rem!important;width: 2.6rem!important;margin: .5em; }

	}
    @media only screen and (min-width: 810px) and (orientation: portrait) {
        #page-sizer { width: 2px;}
           #desktop_nav { display: none; }
           #mobile_nav { display: block;}
           #mobile-search svg { padding: .5rem!important;width: 2.6rem!important;margin: .5em; }
        }
@media (max-width: 800px) {
    #page-sizer { width: 2px; }
    #desktop_nav {display: none; }
    #mobile_nav { display: block; }
    .go-top { top: 75vh;}
    .photo .center-slider-content h2 {font-size: 2.1em;}
    #homekategorie-grid { -moz-column-count: 2;-webkit-column-count: 2;column-count: 2; }
    .svg-logo-collect{width: 18vw;margin: 30vh auto 7vh auto;}
    #slick_slide-abstand{ padding: 0px 5px; }
    

    .slick-dots { bottom: -5.7em; }
    .grid-container { display: grid; grid-template-columns: repeat(4, minmax(25%, 1fr)); grid-gap: 0em; }
    #grid-container-lookbook-index { display: grid; }
    .farbselectorItem_wrap {display: flex;justify-content: center;align-items: center;}
    .farbselectorItem { margin-top: 0.1em; padding-bottom: .5em; }
    .pic_maloja_mask1 {background: url('../media/mask/MalojaReusableDoubleMoss.jpg') no-repeat  center center;background-size: cover; height:auto;}
    h1 { font-size: 2.5em; }
   
}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 768px) {
    .pos-kat-ueber { display: none; }
    .distanz_60index { margin: 3.9em 0; }
    #desktop_nav {display: none; }
    #mobile_nav { display: block; }
    .hovereffect .overlay-home { display: none; }
    .slick-slider div.slider-pfeil { display: block; top: 75vh;  }
    .back-button {padding: 0 4%;}
    .heater-autor{padding: 0 4%;margin: -.5em 0 0 0em;}
    .back_p {margin: 1em 0 0 1em;border-bottom: 1px solid #222222;}
    .headerBoxColored {padding: 2rem 5% 2rem;}
   h1 { font-size: 2.5em; }
   h6.movie {width: 80%;}
   h6.movie span {font-size: 14px;letter-spacing: .015em;}
   .FlexBoxImgRightLeft .grid-item .slick-beitrag h1 {font-size: 2.2em;padding: 2em 2rem 0.5rem 2rem; max-width: 100%;}
   .FlexBoxImgLeftRight .grid-item .slick-beitrag h1 {font-size: 2.2em;padding: 2em 2rem; max-width: 100%;}
    .svg-logo-collect {width: 19vw;margin: 15vh auto 7vh auto;}
    .farbselector, .farbselectorItem, .farbanzeige { display: inline-flex; }
    h6.hinweis-farbe { display: block; }
    .farbwahl_main_plate { overflow-x: scroll; padding-left: 0em; }
    .farbselectorItem .farbrect, .farbselector .farbrect { width: 14.25vw; height: 3.3rem; }
    .farbcontainer { display: block; margin: 5em auto 1em auto; text-align: center; height: auto; font-family: 'Nobel Book'; width: 100%!important; padding: 0 0%!important; margin: 14% auto -12% auto!important; }
    .farbwahl_item_plate { padding-top: 0em; padding-left: 0em; }
    #js-slick .slick-dotted.slick-slider { margin-bottom: 6em;}
    #slick_slide-abstand{ padding: 0px 0; }
    .grid-container { display: grid; grid-template-columns: repeat(4, minmax(25%, 1fr)); grid-gap: 0em; }
    #grid-container-lookbook-index { display: grid; }
    .distanz_08-u3em { margin: 12em 0 3em 0;}
    /* .distanz_20 { margin: -1.75em 0;} */
    .slick-dots { bottom: -7.9em; width: 20%;right: 0%;left: 0%;}
    #js-slick .slick-dots { top: 80vh; width: 20%; right: 0%; left: 0%; }
    #js-slick button.slick-prev { left: 40%; }
    #js-slick button.slick-next { right: 40%; }
	.over-the-btn-img { padding: 0 30% 0 32%; }
    .excerpt-laenge { max-height: 12.9em; }
    .farbrad-label { text-transform: uppercase; padding-bottom: .8em; }
    .farbwahl_item_plate { position: relative; min-height: 6em; margin: 0; }
     .hovereffect h2#kategorie_ueberschrift {font-size: .9em;letter-spacing: 0.2em;}
    #cookie-bar a { display: table; text-align: center; margin: .4em auto; line-height: 2.15em; }
    /* 2024 */
    img.arrowSecLove{ max-width: 3.3em;}
    #kategorie_breite {width: 100vw;padding: 0;}
    .FlexBoxImgRightLeft .grid-item  { display: block; }
    .FlexBoxImgRightLeft .grid-item img.PicLeftRight {height: 55vh;}
    .FlexBoxImgRightLeft .grid-item:nth-child(odd) .slick-beitrag {padding: 1rem 0%; height: 25vh;}
    .FlexBoxImgRightLeft .grid-item .slick-beitrag h4 {max-width: 95vw;}
    .FlexBoxImgRightLeft .grid-item .slick-beitrag p.excerpt-laenge {padding: 0px 2rem 1em 3rem !important;}
    
    .allgemeinfoo {margin-left: 2rem;}
    a.cont_b2b_1 {font-size: 1em;}
    .logofoo {flex-basis: 35%;text-align: center;}
    .colinfoo { margin-right: 2rem;}
    .svg-logo-collect-footer {margin: 7vh 0rem; padding: 0 2rem; }

    
    
}

/* --------- your css rules for ipad portrait ---------- */
@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait) {
    #page-sizer { width: 2px; }
    #desktop_nav {display: none; }
    #mobile_nav { display: block; }
    .go-top { top: 75vh;}
    .slider-gradi { bottom: 0em; }
    .photo { min-height: 91vh; }
    .slick-slider div.slider-pfeil { display: block; top: 53vh;  }
    h1 { font-size: 2.5em; }
    .svg-logo-collect{width: 15vw;margin: 15vh auto 7vh auto;}
    .distanz_30_team { margin: 4em 0; }
    #js-slick button.slick-prev, #js-slick button.slick-next {top: 77.2vh;  }
    #js-slick button.slick-prev, #js-slick button.slick-next { right: 35%; }
    #js-slick button.slick-prev { left: 35%; }
    #js-slick .slick-dots { top: 80vh; width: 95%;left: 0%; }
    .slick-dots { width: 30%; right: 35%; left: 35%; }
    .hovereffect .overlay-home { display: none; }
    .farbselectorItem .farbrect, .farbselector .farbrect {  width: 12.3vw; height: 3rem; }
    .farbselectorItem_wrap {display: flex;justify-content: center;align-items: center;}
    .farbselectorItem { margin-top: 0.1em; padding-bottom: .5em; }
    .grid-container { display: grid; grid-template-columns: repeat(4, minmax(25%, 1fr)); grid-gap: 0em; }
    .farbrad_item .farbrad-icon { width: 3rem; height: 3rem; }
    #js-slick button.slick-prev { left: 36%; }
    #js-slick button.slick-next { right: 36%; }
    .farbrad-label { text-transform: uppercase; }
   
    .hovereffect h2#kategorie_ueberschrift {font-size: 1.3rem;line-height: 1.3em;letter-spacing: 0em;padding: 0em .4em;}
    #dialog_bottom_content {  margin-top: 10em; }
    .zwischenButton { margin: 0% auto; padding-bottom: 0em; }
    .zwischen {  margin-bottom: 4em; }
    #cookie-bar a { display: table; text-align: center; margin: .4em auto; line-height: 2.15em; }
    .over-the-btn-img { padding: 0 30% 0 32%; }
     .pos-kat-svg img { width: 60%;}
     .zwischen { margin: 1em 0 0 0; margin-bottom: 1em;}
    a#crosslink-blog1  { margin: 0 0em 0 -30%; padding: 1.5em 1em; }
    a#crosslink-blog2  { margin: 0 0em 0 -10%; padding: 1.5em 1em; }
    #farbrad_btn_scroll_left, #farbrad_btn_scroll_right {position: absolute;top: 13.7em; display: none;}
    #farbrad_btn_item_scroll_left, #farbrad_btn_item_scroll_right { position: absolute;top: 1.5em;display: none; }
    .pic_maloja_mask1 {background: url('../media/mask/MalojaReusableDoubleMoss.jpg') no-repeat  center center;background-size: cover; height:auto;}
    article.FirstSection { margin-top: -6em;}

    
}
/* ----------- iPad Pro 10.5" Portrait ----------- */
@media only screen
and (min-device-width: 834px)
and (max-device-width: 834px)
and (orientation: portrait)
and (-webkit-min-device-pixel-ratio: 2) {
    #page-sizer { width: 2px; }
    #desktop_nav {display: none; }
    #mobile_nav { display: block; }
    .pos-kat-ueber { display: none; }
    .distanz_60index { margin: 3.9em 0; }
    .hovereffect .overlay-home { display: none; }
    .slick-slider div.slider-pfeil { display: block; top: 75vh;  }
    .back-button {padding: 0 4%;}
    .heater-autor{padding: 0 4%;margin: -.5em 0 0 0em;}
    .back_p {margin: 1em 0 0 1em;border-bottom: 1px solid #222222;}
    .headerBoxColored {padding: 2rem 5% 2rem;}
   h1 { font-size: 2.5em; }
   h6.movie {width: 80%;}
   h6.movie span {font-size: 14px;letter-spacing: .015em;}
   .FlexBoxImgRightLeft .grid-item .slick-beitrag h1 {font-size: 2.2em;padding: 2em 2rem 0.5rem 2rem; max-width: 100%;}
   .FlexBoxImgLeftRight .grid-item .slick-beitrag h1 {font-size: 2.2em;padding: 2em 2rem; max-width: 100%;}
    .svg-logo-collect {width: 19vw;margin: 15vh auto 7vh auto;}
    .farbselector, .farbselectorItem, .farbanzeige { display: inline-flex; }
    h6.hinweis-farbe { display: block; }
    .farbwahl_main_plate { overflow-x: scroll; padding-left: 0em; }
    .farbselectorItem .farbrect, .farbselector .farbrect { width: 14.25vw; height: 3.3rem; }
    .farbcontainer { display: block; margin: 5em auto 1em auto; text-align: center; height: auto; font-family: 'Nobel Book'; width: 100%!important; padding: 0 0%!important; margin: 14% auto -12% auto!important; }
    .farbwahl_item_plate { padding-top: 0em; padding-left: 0em; }
    #js-slick .slick-dotted.slick-slider { margin-bottom: 6em;}
    #slick_slide-abstand{ padding: 0px 0; }
    .grid-container { display: grid; grid-template-columns: repeat(4, minmax(25%, 1fr)); grid-gap: 0em; }
    #grid-container-lookbook-index { display: grid; }
    .distanz_08-u3em { margin: 12em 0 3em 0;}
    /* .distanz_20 { margin: -1.75em 0;} */
    .slick-dots { bottom: -7.9em; right: 0%;left: 0%;}
    #js-slick .slick-dots { top: 80vh;  right: 0%; left: 0%; }
    #js-slick button.slick-prev { left: 40%; }
    #js-slick button.slick-next { right: 40%; }
	.over-the-btn-img { padding: 0 30% 0 32%; }
    .excerpt-laenge { max-height: 12.9em; }
    .farbrad-label { text-transform: uppercase; padding-bottom: .8em; }
    .farbwahl_item_plate { position: relative; min-height: 6em; margin: 0; }
     .hovereffect h2#kategorie_ueberschrift {font-size: .9em;letter-spacing: 0.2em;}
    #cookie-bar a { display: table; text-align: center; margin: .4em auto; line-height: 2.15em; }

    /* 2024 */
    img.arrowSecLove{ max-width: 3.3em;}
    #kategorie_breite {width: 100vw;padding: 0;}
    .FlexBoxImgRightLeft .grid-item  { display: block; }
    .FlexBoxImgRightLeft .grid-item img.PicLeftRight {height: 55vh;}
    .FlexBoxImgRightLeft .grid-item:nth-child(odd) .slick-beitrag {padding: 1rem 0%; height: 25vh;}
    .FlexBoxImgRightLeft .grid-item .slick-beitrag h4 {max-width: 95vw;}
    .FlexBoxImgRightLeft .grid-item .slick-beitrag p.excerpt-laenge {padding: 0px 2rem 1em 3rem !important;}
    
    .allgemeinfoo {margin-left: 2rem;}
    a.cont_b2b_1 {font-size: 1em;}
    .logofoo {flex-basis: 35%;}
    .colinfoo { margin-right: 2rem;}
    .svg-logo-collect-footer {margin: 7vh 0rem; padding: 0 2rem; }
}
/* ----------- iPad Pro 12.9" Portrait ----------- */

@media only screen
and (min-device-width: 1024px)
and (max-device-width: 1024px)
and (orientation: portrait)
and (-webkit-min-device-pixel-ratio: 2) {
    #page-sizer { width: 2px; }
    #desktop_nav {display: none; }
    #mobile_nav { display: block; }
    .hovereffect .overlay-home { display: none; }
    .slick-slider div.slider-pfeil { display: block; top: 75vh;  }
    .back-button {padding: 0 4%;}
    .heater-autor{padding: 0 4%;margin: -.5em 0 0 0em;}
    .back_p {margin: 1em 0 0 1em;border-bottom: 1px solid #222222;}
    .headerBoxColored {padding: 2rem 5% 2rem;}
   h1 { font-size: 2.5em; }
   h6.movie {width: 80%;}
   h6.movie span {font-size: 14px;letter-spacing: .015em;}
   .FlexBoxImgRightLeft .grid-item .slick-beitrag h1 {font-size: 2.2em;padding: 2em 2rem 0.5rem 2rem; max-width: 100%;}
   .FlexBoxImgLeftRight .grid-item .slick-beitrag h1 {font-size: 2.2em;padding: 2em 2rem; max-width: 100%;}
    .svg-logo-collect {width: 19vw;margin: 15vh auto 7vh auto;}
    .farbselector, .farbselectorItem, .farbanzeige { display: inline-flex; }
    h6.hinweis-farbe { display: block; }
    .farbwahl_main_plate { overflow-x: scroll; padding-left: 0em; }
    .farbselectorItem .farbrect, .farbselector .farbrect { width: 14.25vw; height: 3.3rem; }
    .farbcontainer { display: block; margin: 5em auto 1em auto; text-align: center; height: auto; font-family: 'Nobel Book'; width: 100%!important; padding: 0 0%!important; margin: 14% auto -12% auto!important; }
    .farbwahl_item_plate { padding-top: 0em; padding-left: 0em; }
    #js-slick .slick-dotted.slick-slider { margin-bottom: 6em;}
    #slick_slide-abstand{ padding: 0px 0; }
    .grid-container { display: grid; grid-template-columns: repeat(4, minmax(25%, 1fr)); grid-gap: 0em; }
    #grid-container-lookbook-index { display: grid; }
    .distanz_08-u3em { margin: 12em 0 3em 0;}
    /* .distanz_20 { margin: -1.75em 0;} */
    
    #js-slick button.slick-prev { left: 40%; }
    #js-slick button.slick-next { right: 40%; }
	.over-the-btn-img { padding: 0 30% 0 32%; }
    .excerpt-laenge { max-height: 12.9em; }
    .farbrad-label { text-transform: uppercase; padding-bottom: .8em; }
    .farbwahl_item_plate { position: relative; min-height: 6em; margin: 0; }
     .hovereffect h2#kategorie_ueberschrift {font-size: .9em;letter-spacing: 0.2em;}
    #cookie-bar a { display: table; text-align: center; margin: .4em auto; line-height: 2.15em; }
    /* 2024 */
    img.arrowSecLove{ max-width: 3.3em;}
    #kategorie_breite {width: 100vw;padding: 0;}
    .FlexBoxImgRightLeft .grid-item  { display: block; }
    .FlexBoxImgRightLeft .grid-item img.PicLeftRight {height: 55vh;}
    .FlexBoxImgRightLeft .grid-item:nth-child(odd) .slick-beitrag {padding: 1rem 0%; height: 25vh;}
    .FlexBoxImgRightLeft .grid-item .slick-beitrag h4 {max-width: 95vw;}
    .FlexBoxImgRightLeft .grid-item .slick-beitrag p.excerpt-laenge {padding: 0px 2rem 1em 3rem !important;}
    
    .allgemeinfoo {margin-left: 2rem;}
    a.cont_b2b_1 {font-size: 1em;}
    .logofoo {flex-basis: 35%;}
    .colinfoo { margin-right: 2rem;}
    .svg-logo-collect-footer {margin: 7vh 0rem; padding: 0 2rem; }

}

/* --------- your css rules for ipadPro landscape ---------- */
@media all and (device-width: 1366px) and (device-height: 1024px) and (orientation:landscape) {
    #page-sizer { width: 2px; }
    #desktop_nav {display: none; }
#mobile_nav { display: block; }
    .slider-gradi { bottom: 0em; }
     .slick-slider div.slider-pfeil { display: block; top: 52vh;  }
    .farbwahl_item_plate { padding-top: .5em; padding-left: .5em; }
    #js-slick .slick-dots { bottom: 5.1em; }
    .svg-logo-collect{width: 18vw;height:auto; margin: 8vh auto;}
    .grid-container { display: grid; grid-template-columns: repeat(4, minmax(25%, 1fr)); grid-gap: 0em; }
    #js-slick .slick-dots { top: 64.5vh; bottom:0;  right: 0%; left: 0%; }
    .slick-dots {width: 20%;right: 40%;left: 40%;}
    #js-slick button.slick-prev { left: 40%; }
    #js-slick button.slick-next { right: 40%; }
    #js-slick button.slick-prev, #js-slick button.slick-next {top: 61.6vh;}
    .farbselector .farbrect, .farbselectorItem .farbrect {  width: 6vw; }
    .farbwahl_item_plate { padding-top: 0em; padding-left: 0em; }
    .articel_sliderbadge {display: none; }
    .back_p { line-height: 2.9em; }
    .slick-dots { width: 14%; left: 43%;}
    .pos-kat-inhalt { top: 15%; }
    .zwischen { margin: 3em 0 0 0; margin-bottom: 1em;}
    .zwischenButton { margin: 7% auto; }
    .show_hide1920 { display: block; }
    .pos-kat-inhalt { top: 15%; }
    .hovereffect h2#kategorie_ueberschrift {font-size: 1.3rem;line-height: 1.3em;letter-spacing: 0em;padding: 0em .4em;}
    .pic_maloja_mask1 {background: url('../media/mask/MalojaReusableDoubleMoss.jpg') no-repeat  center center;background-size: cover; height:auto;}
}


/* --------- your css rules for ipad landscape ---------- */
@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:landscape) {
    #page-sizer { width: 2px; }
    #desktop_nav {display: none; }
    #mobile_nav { display: block; }
    .svg-logo-collect{width: 14vw;height:auto; margin: 8em auto 4em auto;}
    .slider-gradi { bottom: -5em; height: 120vh;}
    .photo { min-height: 100vh; }
    #slick_slide-abstand{ padding: 0px 0; }
    .slick-prev { left: 42%; }
    .slick-next { right: 42%; }
    .slick-dots { bottom: -7.9em; }
    #js-slick button.slick-prev { left: 40%; }
    #js-slick button.slick-next { right: 40%; }
    #js-slick button.slick-prev, #js-slick button.slick-next {top: 61.2vh;}
    .farbwahl_item_plate { padding-top: .5em; padding-left: .5em; }
    .grid-container { display: grid; grid-template-columns: repeat(4, minmax(25%, 1fr)); grid-gap: 0em; }
    .farbselector .farbrect, .farbselectorItem .farbrect {  width: 6vw; }
    .farbwahl_item_plate { padding-top: 0em; padding-left: 0em; }
    .articel_sliderbadge {display: none; }
    .back_p { line-height: 2.9em; }
    .excerpt-laenge { max-height: 12.9em; }
     .zwischen { margin: 3em 0 0 0; margin-bottom: 1em;}
      .zwischenButton { margin: 7% auto;  }
      .hovereffect h2#kategorie_ueberschrift {font-size: 1.3rem;line-height: 1.3em;letter-spacing: 0em;padding: 0em .4em;}
    #cookie-bar a { display: table; text-align: center; margin: .4em auto; line-height: 2.15em; }
    .show_hide1920 { display: block; }
    .pos-kat-inhalt { top: 0%; }
    .pic_maloja_mask1 {background: url('../media/mask/MalojaReusableDoubleMoss.jpg') no-repeat  center center;background-size: cover; height:auto;}
}


/* ----------- iPad Pro 10.5" Landscape ----------- */
@media only screen
and (min-device-width: 1112px)
and (max-device-width: 1112px)
and (orientation: landscape)
and (-webkit-min-device-pixel-ratio: 2) {
    #page-sizer { width: 2px; }
    #desktop_nav {display: none; }
#mobile_nav { display: block; }
.pos-kat-inhalt { top: 15%; }
.slick-dots { width: 14%; left: 43%;}
.pos-kat-inhalt { top: 20%; }
.zwischen { margin: 3em 0 0 0; margin-bottom: 1em;}
.zwischenButton { margin: 7% auto; }
.pic_maloja_mask1 {background: url('../media/mask/MalojaReusableDoubleMoss.jpg') no-repeat  center center;background-size: cover; height:auto;}
.show_hide1920 { display: block; }
.hovereffect h2#kategorie_ueberschrift {font-size: 1.3rem;line-height: 1.3em;letter-spacing: 0em;padding: 0em .4em;}
}

/* Kindle Fire HD 7" portrait */
@media only screen
and (min-device-width: 800px)
and (max-device-width: 1280px)
and (-webkit-min-device-pixel-ratio: 1.5)
and (orientation: portrait) {
    #page-sizer { width: 2px; }
    #desktop_nav {display: none; }
    #mobile_nav { display: block; }
    h5.slider-ueberschrift { font-size: .825em; }
    #cookie-bar a { display: table; text-align: center; margin: .4em auto; line-height: 2.15em; }

    a#crosslink-blog1  { margin: 0 0em 0 -30%; padding: 1.5em 1em; }
    a#crosslink-blog2  { margin: 0 0em 0 -10%; padding: 1.5em 1em; }
    .hovereffect h2#kategorie_ueberschrift {font-size: 1.3rem;line-height: 1.3em;letter-spacing: 0em;padding: 0em .4em;}
}

/* Kindle Fire HD 7" landscape */
@media only screen
and (min-device-width: 800px)
and (max-device-width: 1280px)
and (-webkit-min-device-pixel-ratio: 1.5)
and (orientation: landscape) {
    #page-sizer { width: 2px; }
    #desktop_nav {display: none; }
    #mobile_nav { display: block; }
    h5.slider-ueberschrift { font-size: .825em; }
    .svg-logo-collect {width: 9vw;margin: 15vh auto 7vh auto;}
    .photo .center-slider-content h2 { font-size: 1.5em; line-height: 1.2em; }
    .center-slider-content h2 { font-size: 1.5em; line-height: 1.2em; }
    #js-slick button.slick-prev,  #js-slick button.slick-next { visibility: hidden; }
    #cookie-bar a { display: table; text-align: center; margin: .4em auto; line-height: 2.15em; }
  a#crosslink-blog1  { margin: 0 0em 0 -30%; padding: 1.5em 1em; }
    a#crosslink-blog2  { margin: 0 0em 0 -10%; padding: 1.5em 1em; }
    .hovereffect h2#kategorie_ueberschrift {font-size: 1.3rem;line-height: 1.3em;letter-spacing: 0em;padding: 0em .4em;}
}

@media only screen
and (min-device-width : 375px)
and (max-device-width : 812px)
and (-webkit-device-pixel-ratio : 3)
and (orientation : landscape) {
    #page-sizer { width: 2px; }
    #desktop_nav {display: none; }
    #mobile_nav { display: block; }
    h5.slider-ueberschrift { font-size: .825em; }
    .svg-logo-collect {width: 9vw;margin: 15vh auto 7vh auto;}
    .photo .center-slider-content h2 { font-size: 1.5em; line-height: 1.2em; }
    .center-slider-content h2 { font-size: 1.5em; line-height: 1.2em; }
    #js-slick button.slick-prev,  #js-slick button.slick-next { visibility: hidden; }
    #cookie-bar a { display: table; text-align: center; margin: .4em auto; line-height: 2.15em; }
    a#crosslink-blog1  { margin: 0 0em 0 -21%; padding: 1.5em 1em; }
    .hovereffect h2#kategorie_ueberschrift {font-size: 1.3rem;line-height: 1.3em;letter-spacing: 0em;padding: 0em .4em;}
}


/* --------- Mobile Landscape ---------- */
@media only screen and (min-width: 480px) and (max-width: 767px) {
    #page-sizer { width: 2px; }
    .go-top { display: none;}
    .slider-gradi { bottom: 0em; }
    .photo { min-height: 100vh; }
    h5.slider-ueberschrift { font-size: .825em; }
    h1.Seiten {font-size: 1.7em;}
    .svg-logo-collect {width: 9vw;margin: 15vh auto 7vh auto;}
    .photo .center-slider-content a { padding: 1em 2em; font-size: .7em;  }
    .photo .center-slider-content h2 { font-size: 1.5em; line-height: 1.2em; }
    .center-slider-content h2 { font-size: 1.5em; line-height: 1.2em; }
    .distanz_30_team { margin: 4em 0; }
    #js-slick button.slick-prev, #js-slick button.slick-next {top: 77.2vh;  }
    #js-slick button.slick-prev, #js-slick button.slick-next { right: 35%; }
    #js-slick button.slick-prev { left: 35%; }
    #js-slick .slick-dots { top: 80vh;  right: 0%; left: 0%; }
    .slick-dots { width: 30%; right: 35%; left: 35%; }
    .hovereffect .overlay-home { display: none; }
    .farbselectorItem .farbrect, .farbselector .farbrect {  width: 14.25vw; height: 3rem; }
    .grid-container { display: grid; grid-template-columns: repeat(4, minmax(25%, 1fr)); grid-gap: 0em; }
    .farbrad_item .farbrad-icon { width: 3rem; height: 3rem; }
    #js-slick button.slick-prev,  #js-slick button.slick-next { visibility: hidden; }
    .farbrad-label { text-transform: uppercase; }
    .back_p { line-height: 2.6em; }
    .farbwahl_main_plate { margin-bottom: 5em; }
    .artikel-block { margin-bottom: 2em; }
    #cookie-bar a { display: table; text-align: center; margin: .4em auto; line-height: 2.15em; }
     .pic_strava {background: url('.. /ride-to-work/media_2020/img/ridetowork.jpg') no-repeat center center;background-size: cover; height:auto;}
     a#crosslink-blog1  { margin: 0 0em 0 -21%; padding: 1.5em 1em; }
    a#crosslink-blog2  { margin: 0 0em 0 -10%; padding: 1.5em 1em; }
    .pic_maloja_mask1 {background: url('../media/mask/MalojaReusableDoubleMoss.jpg') no-repeat  center center;background-size: cover; height:auto;}
    .hovereffect h2#kategorie_ueberschrift {font-size: 1.3rem;line-height: 1.3em;letter-spacing: 0em;padding: 0em .4em;}
    

}
/* ----------- iPhone 6+, 7+ and 8+ (Portrait)----------- */
@media only screen
and (min-device-width: 414px)
and (max-device-width: 736px)
and (-webkit-min-device-pixel-ratio: 3)
and (orientation: portrait) {

}

/* --------- Mobile Portrait ---------- */
@media only screen and (max-width: 479px) {
    .pagePadding {padding-top: 3.6rem;}
    .slick-slider div.slider-pfeil { display: block; top: 50vh; }
    .Klassedesktop {display: none;}
	.Klassemobile {display: block;}
    .abstand-seite5rem { padding: 0 0rem;}
    .max-width60, .max-width80 {max-width:100%;}
    img.arrowSecLove { max-width: 3.2em; }
    h1.Seiten { font-size: 2em;line-height: 1.1em;hyphens: manual; }
    .ThirdSection2_2 .align { margin-left: 0px; }

    .FlexBoxImgRightLeft .grid-item .slick-beitrag h4 {font-size: 1.55em;padding: 0.5em 1rem; }
    .FlexBoxImgRightLeft .grid-item .slick-beitrag p.excerpt-laenge { padding: 0 1rem 0em 1rem !important;font-size: 1em;margin-bottom: 1rem;}
    .FlexBoxImgRightLeft .grid-item .slick-beitrag p.more { padding: 0px 0rem 0em 1rem;}
    .photo { min-height: auto; }
    .GM-Logo { max-width: 7rem;height: 32vh; }
    #page-sizer { width: 1px; }
    .go-top { top: 65vh; padding: 0em 0px 1.6em 0em; }
    .back_p { margin: 1em 0 0 0em;border-bottom: 1px solid #222222; }
    .distanz_30_team { margin: 4em 0; }
    .distanz_20 { margin: 2.25em 0; }
    .distanz_08-u3em { margin: 13em 0 3em 0; }

    .photo .center-slider-content h2 { font-size: 1.65em;  }
    .center-slider-content h2 { font-size: 1.65em;   }
    .svg-logo-mask {width: 33vw;margin: 0vh auto 7vh auto;}
    .slick-list { margin: 0 5px 0 0;}
    .hovereffect .overlay-home {display: none;}
    .hovereffect .overlay-home {display: none;}

    #dialog_bottom_content {  margin-top: 5em; }
    .zwischenButton { margin: 5% auto 13% auto;padding-bottom: 1em;display: flex; }
    .zwischen {  margin-bottom: 4em; }

    .svg-logo-collect { width: 21vw; margin: -7em auto 3em auto; }
    .slick-slide{margin: 0px 5px;}
    #js-slick .slick-slide{ margin: 0px 0px; }
    #js-slick .slick-dots { top: auto; right: 0;left: 0%; }
    .slick-dots {width: 100%;right: 0%;left: -10%;}
    #js-slick button.slick-prev, #js-slick button.slick-next { display: none!important; }
    footer .footer-right{position: relative; width: 100%; height: 100px; background-color: #2c313e; margin-top: 0px;bottom: 0; text-align: center;}

    .farbwahl_item_plate { padding-top: 0; }
    .farbselector, .farbselectorItem, .farbanzeige { display:inline-flex; }
    .farbrad_item .farbrad-icon { width: 1.8rem;height: 1.8rem; }
    .farbselectorItem .farbrect, .farbselector .farbrect {  width: 25vw; }

    .bildganzebreite{margin-top: 50px;height: 50vh;}
    .im-bild{bottom: 1em;}
    .linie-blog{display: none;}
    .im-bild h1{font-size: 1.3em;}
    .blog_text h3{margin: 0em 0em;}
   
    .grid-container { display: grid; grid-template-columns: repeat(2, minmax(25%, 1fr)); grid-gap: 0em; }

	.over-the-btn-img { padding: 0 18% 0 17%; }
    .excerpt-laenge { max-height: 7.7em; }

    .farbrad-label { text-transform: uppercase; color: #203951;font-family: 'Nobel';}
	.farbwahl-selectname { min-height: 55px; }
    #farbrad_btn_scroll_left, #farbrad_btn_scroll_right, #farbrad_btn_item_scroll_left, #farbrad_btn_item_scroll_right { top: 8.3em; }

	.mobile-center-blog_link { text-align: center;margin: 0 auto;display: block; }
	.mobile-center-blog_link a.crosslink-blog { margin: 0 0em 0 0; }

    #arrow-up { position: absolute;  -webkit-transform: rotate(-90deg) translateX(-0.35em) translateY(.5em); -moz-transform: rotate(-90deg) translateX(-0.35em) translateY(.5em); -o-transform: rotate(-90deg) translateX(-0.35em) translateY(.5em);-ms-transform: rotate(-90deg) translateX(-0.35em) translateY(.5em);transform: rotate(-90deg) translateX(-0.35em) translateY(.5em); display: inline-block; }
    #cookie-bar a { display: table; text-align: center; margin: .4em auto; line-height: 2.15em; }

    button#search_submit, button#search_select_mobile { width: 27%!important; color: #fff; font-family: 'Nobel'; background-color: rgba(0,0,0,0); line-height: 2em; border: 1px solid #fff; padding: 0em 0em!important; text-transform: uppercase; font-size: .8125em; letter-spacing: .1em; -webkit-transition: brightness .3s ease-out; -moz-transition: brightness .3s ease-out; -o-transition: brightness .3s ease-out; transition: brightness .3s ease-out;cursor: pointer; }
    button:hover #search_submit, button:hover #search_select_desktop { -moz-filter: brightness(80%); -webkit-filter: brightness(80%); -o-filter: brightness(80%); filter: brightness(80%); }
    .artikelholder #search_select_mobile {  width: 25%!important;  padding: .5em 0em!important; }

    .pic_strava {background: url('../ride-to-work/media_2020/img/ridetowork.jpg') no-repeat center center;background-size: cover; height:auto;}

     a#crosslink-blog1  { margin: 31px 0em 0 13%; padding: 1.5em 2em; position: absolute; }
    a#crosslink-blog2  { margin: -43px 0em 0 100%; padding: 1.5em 1.8em; position: absolute;}
    article.FirstSection { width: 100%;padding: 5% 0%; }

    #dialog_left { display: grid; position: fixed; width: 100vw; left: -100vw; top: 0; bottom: 0; z-index: 11000; }
	#dialog_left_inner { display: inline-block; width: 100vw; height: 100%; background: #222222; text-align: right; }

	.BGkategorie-look_active {display: none;}
	.BGkategorie-look_street {display: none;}
	.BGkategorie-look_active_mobile {display: block;position: absolute;width: 100%;}
	.BGkategorie-look_street_mobile {display: block;position: absolute;width: 100%;}
	.BGkategorie-look_women_mobile_top {display: block;position: absolute;width: 100%;margin-top: -.55em;}
	.BGkategorie-look_women_mobile_bottom {display: block;position: absolute;width: 100%;margin-top: -0.55em;}

	.BGkategorie-look_active_mobile h1.kategorie {color:#FCF2DF;font-size: 18px; transform: rotate(-90deg);line-height: 20px;padding-top: 0; margin: 55% 0 0em 0em; position: relative;z-index: 1;}
	.BGkategorie-look_street_mobile h1.kategorie {color:#FCF2DF;font-size: 18px; transform: rotate(-90deg);line-height: 20px;padding-top: 0; margin: -13% 0 0em 0em; position: relative;z-index: 1;}
	.BGkategorie-look_women_mobile_top h1.kategorie {color:#FCF2DF;font-size: 18px; line-height: 18px;padding-top: 0;  position: relative;z-index: 1;}
	.BGkategorie-look_women_mobile_bottom h1.kategorie {color:#FCF2DF;font-size: 18px; line-height: 18px;padding-top: 0;  position: relative;z-index: 1;}
	.slick-dots li button::before { font-size: 2.9em;height: 0.438em; }
    footer .footer-center {flex-direction: column; align-items: normal;}
    .allgemeinfoo {order: 3;margin-bottom: 2rem;margin-left: 2rem;}
    .logofoo {order: 2;}
    .colinfoo {order: 1;margin-top: 2rem; margin-right: 2rem;}
    .svg-logo-collect-footer {margin: 5vh 0rem;padding: 0 1.5rem; }

    .FlexBoxImgRightLeft .grid-item, .FlexBoxImgLeftRight .grid-item { display: block; }
    .FlexBoxImgRightLeft .grid-item img.PicLeftRight { min-height: 50vh;height: 50vh; }
    .FlexBoxImgRightLeft .grid-item:nth-child(2n+1) .slick-beitrag {padding: 1rem 0%;}

    .containerCenterMargin10 {margin: 5vh 0vw; }

    .slick-beitrag h4 { letter-spacing: .01em; }
    article.FlexBox {max-height: 100vh;}
    .FlexBoxImgLeftRight, .FlexBoxImgRightLeft {height: 100vh;max-height: 100vh;}
    .FlexBoxImgLeftRight .grid-item:nth-child(even) .slick-beitrag, .FlexBoxImgRightLeft .grid-item:nth-child(even) .slick-beitrag {height:50vh;padding: 0rem 0%;}
    .FlexBoxImgLeftRight .grid-item:nth-child(odd) .slick-beitrag, .FlexBoxImgRightLeft .grid-item:nth-child(odd) .slick-beitrag {height:50vh;padding: 0rem 0%;}
    

}
@media (max-width: 400px) {
    #page-sizer { width: 1px; }
    #homekategorie-grid { -moz-column-count: 2;-webkit-column-count: 2;column-count: 2; }
    .pic_strava {background: url('../ride-to-work/media_2020/img/ridetowork.jpg') no-repeat center center;background-size: cover; height:auto;}

    a#crosslink-blog1  { margin: 31px 0em 0 13%; padding: 1.5em 2em; position: absolute; }
    a#crosslink-blog2  { margin: -43px 0em 0 100%; padding: 1.5em 1.8em; position: absolute;}
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    /* IE10 & IE11 CSS styles go here */

    .grid-container{ display: block; }
    .hovereffect { width:25%; }
    .hovereffect img { width:100%; }
    .pos-kat-inhalt { top: 105px; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
    .slick-slide img { width:100%;  }
    .svg-logo-collect { width:6em!important;}
    .slick-prev, .slick-next { display: none!important; }
}

@media (hover: none) {
  .hover_effect:hover .overlay-lookbook, .hover_effect:active .overlay-lookbook, .hover_effect:focus .overlay-lookbook { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; }
  .hover_effect:hover img, .hover_effect:active img { filter: brightness(100%); -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; }
.hovereffect:hover img, .hovereffect:active img { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; }
.hovereffect:hover .overlay-home, .hovereffect:active .overlay-home { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; }
}