@charset "UTF-8";

/* Fonts */

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

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

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

@font-face {
    font-family: 'ForbesBold';
    font-weight: bold;
    src:url('fonts/ForbesBold/Linotype-ForbesLTPro-Bold.otf') format('opentype');
 }


/*
 * NAV desktop
*/
.desk-collection {display: block;}
.mob-collection {display: none;}
 #mobile_nav {  min-height: unset;}
.nav-contentbg { width: 100vw; height: 0; position: fixed; left: 0; top: 0; background: rgb(0, 0, 0, .2); z-index: 900;}

nav.primary-nav-BGwhite { position: fixed; height: 2.25em;}
.primary-nav-BGwhite { background: #F3F3F0; border-bottom: 1px solid rgba(33,33,33,0.1); }

#mobile-search { float: left; }
.linkLogo { position: absolute; right: 0em; top: -0.02em; width: 5.3em; height: 1.4em;}

#mobile-search svg { padding: .1rem; width: 1.398em; }

#desktop-search { height: 2.15em; float: left; margin-left: 1.5em;z-index: 10000;position: relative;}

#desktop-nav-men { font-family: 'Nobel'; width: 100%; position: relative;  }
#desktop-nav-men-langlogo { position: absolute; right: .5em; }
.dropdown-content-lang { width: auto; margin: 0em 1em; }
#lang_btn a#lang_select {font-size: inherit;color: #222;line-height: 2.75em;}
#lang_btn a:hover {text-underline-offset: 0.3em;text-decoration:underline;text-decoration-thickness: 1px;}

#mainmenulanguage { float: left; margin-right: 6em; }
.desktop_nav_lang { position: relative; padding: 1.5em 0 4em 0; width: 160%; margin-left: -2.3em; }
.desktop_nav_lang a b {  text-transform: uppercase; }

.mainlist_wrap { display: flex; justify-content: center; }

/* #mainmenulinks { width: 15.5em;   }
#mainmenurechts { border-left: 1px solid rgba(33,33,33,0.1);  padding-left: 1em;} */
.mainlist #collection {justify-content: space-between; display: flex; min-width: 50vw;}

.dropdown button,
.mainlist button { border: none; outline: none; color: inherit; font-family: inherit; font-size: inherit; padding: 0; line-height: 2.75em; }

.mainlist button.button_nav_rechts { border: none; outline: none; font-family: 'Nobel';font-size: .8125em; padding: 0; line-height: 2.75em; color: #222; }

.mainlist button,
.dropdown button { font-family: 'Nobel'; font-size: .8125em; letter-spacing: .06em; }
.dropdown button.mainlevel {color: #222;}
.mainlist button { margin: 0 .8em; text-transform: uppercase; background: transparent; position: relative; }

.btn_collection_wrap button { font-family: 'Nobel';padding: 0em 0 1.5em 0em;font-size: 17px; letter-spacing: .06em;line-height: 1.2em;text-align: left;margin: 0;font-weight: normal; }
p.btnMoto { color: #222;font-size: 13px;}

.dropdown { float: left; overflow: hidden; }
.dropdown_:hover .dropdown-content { display: block; }

.dropdown-content { display: none; position: absolute; left: 0; z-index: 1; background: #ECEBE5; width: 100%; /*margin-left: -50%;*/  margin-top: 0rem;   } 
.SpecialSearchFormatOpenerBox { left: -1.5em; width: 100vw;}
.dropdown_show { display: block; }

.desktop_nav_oben {display: flex;flex-direction: row; justify-content: space-around;padding: 3rem 1%;max-width: 1920px;margin: 0 auto;}

.bg_links { right: 0;margin: 0 auto;height: 100%;width: 100vw;background: rgba(236, 235, 229, 1);  position: absolute; z-index: unset; }
.bg_rechts { left: 0;margin: 0 auto;height: 100%;width: 100vw; background: rgba(236, 235, 229, 1);  position: absolute;  z-index: unset;  }

.col-flex {flex:1;border-right: 1px solid #222222;z-index: 1;flex-basis: 18%; }
.col-flex:nth-last-child(1) {border-right: 0px solid #222222;}
.desktop_nav_1col { display: flex; flex-flow: column wrap;/* min-height: 4em;padding-top: 0em;*/z-index: 1;border-right: 1px solid #222;flex-basis: 20%; align-content: start;}
.col-flex10 {flex:10%;border-right: 0px solid #222222; }
.col-flex40 {flex:40%;border-right: 0px solid #222222; }
.col-flex60 {flex:60%;border-right: 0px solid #222222; }
.desktop_nav_oben #act_2 {visibility: hidden;order: 5;}

.desktop_nav_3col, .desktop_nav_2col{/*  margin-left: 18em; *//* margin-left: 15.5em; border-left: 1px solid #ddd; padding-top: 1em; */ position: relative; /*z-index: 1050;margin-top: 7em; width: 15vw;*/ }
.desktop_nav_obenLaden {display: flex;flex-direction: row;justify-content: center; padding: 3rem 15%;max-width: 1920px;margin: 0 auto;gap: 2%;}
.desktop_nav_LadenCol1 {display: flex;flex-basis: 10%;justify-content: end;z-index:1;}
.desktop_nav_LadenCol1 a {align-self: center;letter-spacing: .015em;color: #222222;text-transform: uppercase;text-underline-offset: 0.3em;text-decoration:underline;text-decoration-thickness: 1px;}
.desktop_nav_LadenCol, .desktop_nav_MediaCol {flex-basis: 17%;z-index: 1;}

.coll-2spalten { min-height: auto; }
.coll-2cols { float: left; width: 50%; min-height: auto; }

.distance-b { padding-bottom: 2em; margin-top: -2.5em;}

#desktop_menlist { margin-left: 2em;}
ul#desktop_menlist {margin-bottom: 0rem; padding: 0em 0 0em 0em;}
#desktop_menlist li { padding: .25em 0;font-size: 14px;letter-spacing: .015em;font-family: 'Nobel Book';color: #222;}
#desktop_menlist li p.TitelMenu {padding: .25em 0;font-size: 14px;letter-spacing: .015em;font-family: 'Nobel Book';color: #222;text-underline-offset: 0.2em;text-decoration:underline;text-decoration-thickness: 1px;font-style: normal;}
ul.UlExtraStyleMenu {margin: 2em 0 0 2em;}
ul.UlExtraStyleMenu li.LiExtraStyleMenu { font-size: 14px;letter-spacing: .015em;font-family: 'Nobel Book';color: #222;text-underline-offset: 0.2em;text-decoration:underline;text-decoration-thickness: 1px;text-transform: uppercase;}
.UlExtraStyleMenu li:nth-child(n+2) {text-transform: uppercase; font-style: italic;font-size: 14px;color: #222;}
.LiExtraStyleMenu a {font-size: 14px;color: #222;}
.CollectionHeader {padding: 0 0 1.5em 0;font-family: 'Nobel Book';line-height: 1.7em;font-size: 14px;letter-spacing: .015em;text-underline-offset: 0.3em;text-decoration:underline;text-decoration-thickness: 1px;color: #222222;text-transform: uppercase;}
.collect_inner-head {padding: 0 0 .9em 0;font-family: 'Nobel Book';line-height: 1.7em;font-size: 13px;letter-spacing: .015em;color: #222222;text-transform: uppercase;}

.firstElementCollect li:first-child { text-transform: uppercase; margin-bottom: .6rem;color: #222;}

#desktop_menlist li:first-child a.any-link { font-family: 'Nobel Book';font-size: 14px; letter-spacing: .015em;line-height: 1.5em;text-decoration:underline;text-decoration-thickness: 1px;text-decoration-color: #222;text-underline-offset: 0.2em;color: #222;}
#desktop_menlist li:first-child p.any-link { font-family: 'Nobel Book';font-size: 14px; letter-spacing: .015em;line-height: 1.5em;text-decoration:underline;text-decoration-thickness: 1px;text-decoration-color: #222;text-underline-offset: 0.2em;color: #222;}
 .firstElementCollect li:nth-child(n+2) { text-transform: uppercase; font-style: italic;font-size: 14px; color: #222;}

.Element2col { margin-left: -1.5em; }
.ElementRest li { font-size: .75em; }
.ElementRest li p#TitelMenu { font-family: 'Nobel'; text-transform: uppercase; letter-spacing: .015em; font-size: 1.2em; }

#desktop_menlist li a, .desktop_nav_lang a { padding: .7em 0 .5em 0; font-family: 'Nobel Book';  position: relative; line-height: 1.7em; font-size: 14px;color: #222;}
#desktop_menlist li a.TitleNav { font-family: 'Nobel Book';font-size: 14px;letter-spacing: .015em;line-height: 1.5em;text-decoration:underline;text-decoration-thickness: 1px;text-underline-offset: 0.2em;color: #222;font-style: normal;}
a.SpecialNavLink {font-family: 'Nobel Book';font-size: 14px;letter-spacing: .015em;line-height: 1.5em;}

.desktop_inner-head { text-transform: uppercase; padding: 0 0 1.5em 2em; font-family: 'Nobel Book';  position: relative; line-height: 1.7em; font-size: 14px; letter-spacing: .015em; text-underline-offset: 0.3em;text-decoration:underline;text-decoration-thickness: 1px;color: #222222;}
.desktop_inner-FeaturedHead { padding: 0em 0 0em 0em; font-family: 'Nobel Book';  position: relative; line-height: 1.7em; font-size: 14; letter-spacing: .015em; text-transform: uppercase;color: #222;}
#ueberFeatured { padding: .7em 0 .2em 0; }
.desktop_nav_lang a { font-size: .8125em; }

.desktop_nav_fullcolls { width: 100%; min-height: 100px; display: inline-block; }
.trenner-nav{border-top: 1px solid #222222;margin: .5em 1.5em;}

/*.FirstElementCol {width: 50%;}
.SecElementCol {width: 50%;}*/

.btn_collection_wrap { margin: 0em 0 2em; float: left;}
/*button.btn_collection { width: 100%;text-align: left;  padding: .1em 0 .5em 0; }
button.btn_collection b { font-weight: normal; font-size: .8em; padding-bottom: 1em;}*/

span.button-news_nav {color: #6D8286;font-family: 'Nobel';border: 3px solid #6D8286;padding: 1em 2em;text-transform: uppercase;font-size: .7em;letter-spacing: .25em;}
span.button-news_nav:hover { color: #fff;background-color: #6D8286; border: 3px solid #6D8286; }

 /*.FirstElementCol  .btn_collection{ background: rgb(240,240,239, 1); }*/
.FirstElementCol  .btn_collection.aktiv {background: transparent;}
.FirstElementCol  .btn_collection.aktiv b{border-bottom: 3px solid #222;}
/*.SecElementCol  .btn_collection{ background: rgb(255,255,255, 1);} */
.SecElementCol  .btn_collection.aktiv {background: transparent;}
.SecElementCol  .btn_collection.aktiv b{border-bottom: 3px solid #222;} 

.mainlist > button:hover span,
.mainlist > button.aktiv span,
.dropdown:hover > button.mainlevel span,
.dropdown:hover > button span,
.dropdown .aktiv > button.mainlevel span,
.dropdown .aktiv > button span,
#desktop_menlist li a:hover span,
#desktop_menlist li a.aktiv span,
.desktop_inner-head:hover span,
.desktop_inner-head.aktiv span,
.btn_collection:hover span,
.desktop_nav_lang:hover span { display: block;  }
.dropdown > button.mainlevel span { width: 100%; height: 1px; background: #222; position: absolute; bottom: .5em; display: none; }
.mainlist > button span,
.dropdown > button span { width: 100%; height: 1px; background: #222; position: absolute; bottom: .5em; display: none; }
.btn_collection.aktiv span {text-underline-offset: 0.15em;text-decoration: underline .1rem;}
.btn_collection:hover span {text-underline-offset: 0.15em;text-decoration: underline .1rem;}

/* #desktop_menlist li a span,
.desktop_inner-head span,
.btn_collection span,
.desktop_nav_lang span { width: 100%; height: 1px; background: #222; position: absolute; bottom: .5em; display: none; } */
#desktop_menlist li a span, .desktop_inner-head span, .desktop_nav_lang span { width: 100%; height: 1px; background: #222; position: absolute; bottom: .5em; display: none; }

.desktop_nav_activity article.ActBox {display: grid;grid-template-columns: repeat(3, 0fr);align-items: center;justify-items: center;}
.desktop_act_padding { /* float: left; padding: 0 .7em;*/  display: flex; flex-direction: row; justify-content: center; width: 11%; align-items: flex-start; height: 4.3em;}

.desktop_activity-icon-link { font-family: inherit; font-size: .9em; text-align: center; display: block;  border-bottom: 3px solid transparent; margin: 0 1rem;color: #222;}
.desktop_activity-icon-link:hover { text-underline-offset: 0.2em;text-decoration:underline;text-decoration-thickness: 1px; }
.desktop_activity-icon-link span:hover   {text-underline-offset: 0.2em;text-decoration:underline;text-decoration-thickness: 1px;}
.desktop_icon-act { width: 2em; margin-bottom: .3em; height: 1.85em; margin-left: .15em; margin-right: .15em;}
.desktop_icon-text { font-family: 'Nobel Light'; font-size: .7em; line-height: 1.15em; color: #222; position: relative; display: inline-block; margin-top: 0px; padding: 3px 5px; text-transform: uppercase; }

/* article .desktop_act_padding:last-child {display:none;} */

.desktop_nav_unten { border-top: 1px solid #2C2A2C; padding: .5em 0; z-index: 1050;margin: 1em 1.5em 0 0; position: relative;}
.desktop_nav_unten .desktop_inner-head { padding-left: 0; }

.fp_block { /*width: 100%; margin-bottom: 1em;margin-top: 1em; display: inline-block;*/flex-basis: 35%; padding: 0 2em; }
.fb_block24 {display: flex;}
.fb_block_inner-head {padding: 0 0 1.5em 0;font-family: 'Nobel Book';position: relative;line-height: 1.7em;font-size: 14px;letter-spacing: .015em;color: #222222;text-transform: uppercase;text-underline-offset: 0.3em;text-decoration:underline;text-decoration-thickness: 1px;}
.fp_item { width: 50%;/* float: left;*/ position: relative; }
.fp_item:nth-of-type(2n) {margin-right: 2.5%;margin-left: 2.5%;}
.fp_item a {height: 100%;display: block;}
/*.fp_item a .overlay-basic{background: linear-gradient( 180deg , rgb(0, 0, 0) 0%, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 20%, rgba(2,2,2,0.36) 80%, rgba(3, 3, 3, 0.78) 100%);position: absolute;width: 100%;height: 100%;left: 0;top: 0;display: block;}
.fp_item a:hover .overlay-basic{display: none;}*/

/*.nav_item23 {  float: left; position: relative; }*/
ul li.nav-img-list:nth-of-type(2n) {margin-right: 1%;margin-left: 1%;}
/*.nav_item23 a {height: 100%;display: block;}
.nav_item23 a .overlay-basic{background: linear-gradient( 180deg , rgb(0, 0, 0) 0%, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 20%, rgba(2,2,2,0.36) 80%, rgba(3, 3, 3, 0.78) 100%);position: absolute;width: 100%;height: 100%;left: 0;top: 0;display: block;}
.nav_item23 a:hover .overlay-basic{display: none;}*/

/*h2.nav-news-title {text-transform: uppercase;color: #F3A77A;position: relative;text-align: center;font-size: .8em;letter-spacing: .1em;font-family: 'Nobel';width: 100%;display: flex;flex-direction: column;justify-content: center;}*/
/* .fp_item_inner { position: relative; left: 0; top: 0; width: 100%; height: 100%; text-align: center; display: inline-block; background: rgba(0, 0, 0, 0.2);} */
.fp_item_inner .fp_item_nav-uber h2 { text-transform: uppercase; color: #F3A77A; font-size: .75em; letter-spacing: .1em; font-family: 'Nobel'; display: flex; align-items: center;justify-content: center; /* height: 4em; */}
.fp_item_nav { margin: -1em auto 0 auto;position: absolute;height: 50%;width: 100%;display: block;bottom: -20%;}
.fp_item_nav .button-frame-home_prod { padding: .6em 1em; font-size: .7em; }

/* .fp_item_nav-uber {position: absolute;height: 50%;width: 100%;display: table;top: 8%;} */
.fp_item_nav-uber  { /* height: 4em; */width: 100%;/* display: block;margin-top: -1em; */padding: .5em; text-align: center;margin-left: auto;margin-right: auto;}
/*
.fp_item:nth-child(1)  {background: #5B5B47;}
.fp_item:nth-child(2)  {background: #757565;}
.fp_item:nth-child(3)  {background: #919185;}
*/
.fp_item_nav a {display: none;}

ul li.nav-img-list {width: 32.63%;float: left;}
.nav_item {width: 60%;}
.nav_item a {height: 100%;display: block;}
.nav_item a .overlay-basic {background: linear-gradient( 180deg , rgb(0, 0, 0) 0%, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 20%, rgba(2,2,2,0.36) 80%, rgba(3, 3, 3, 0.78) 100%);position: absolute;width: 100%;height: 80%;left: 0;top: -7px;display: flex;}
.nav_item a .overlay-basic img {position: relative;width: 2.5em;display: flex;flex-direction: column;justify-content: center;margin: 0 auto;padding-top: 1em;}
.nav_item a:hover .overlay-basic { display: none;}
#desktop_menlist li p.alleinstehend{font-family: 'Nobel';padding: .2em 0 .5em 0;position: relative;line-height: 1.7em;font-size: 1.2em;letter-spacing: .02em; }
/* li.li-media {padding-bottom:  2em!important;}
ul li.li-media {width: 32.63%;float: left;}
.feature-head-unten h2.nav-media-title {text-transform: uppercase;color: #E6E2D8;position: relative;text-align: center;margin-top: 2.5rem;font-size: .9em;letter-spacing: .1em;font-family: 'ForbesBold';display: flex;align-items: center;justify-content: space-evenly;width: 100%;} */
 /* h2.nav-media-title-wall::before {content: url('../media_2023/nav/svg/screen-icon.svg');width: 0em;margin: 0em -1em 0em 0em}
 h2.nav-media-title-movie::before {content: url('../media_2023/nav/svg/play-icon.svg');width: 0em;margin: 0em -3em 0em 0em}
 h2.nav-media-title-podcast::before {content: url('../media_2023/nav/svg/podcast-icon.svg');width: 0em;margin: 0em -2em 0em 0em}
 h2.nav-media-title-catalog::before {content: url('../media_2023/nav/svg/book-icon_white.svg');width: 0em;margin: 0em -2em 0em 0em}
 h2.nav-media-title-book::before {content: url('../media_2023/nav/svg/book-icon_white.svg');width: 0em;margin: 0em -2em 0em 0em}
*/
ul li.li-media:nth-of-type(2n) {margin-right: 1%;margin-left: 1%;}

/*.feature-head-oben { height: 50%;width: 100%;display: flex; }
.feature-head-unten { height: 50%;width: 100%;display: flex; }*/
.feature-head-unten h2.nav-news-title, .latest-head-unten h2.nav-news-title {text-transform: uppercase;color: #222;font-size: 14px;letter-spacing: .015em;font-family: 'Nobel Book';margin-top: .5rem;/*text-underline-offset: 0.2em;text-decoration:underline;text-decoration-thickness: 1px;*/}
.feature-head-unten .SubNavTitle {text-transform: uppercase;color: #222;font-size: 14px;letter-spacing: .015em;font-family: 'Nobel Book';font-style: italic;}
.latest-head-unten { height: 50%;width: 100%;display: block; }
/* .latest-head-unten h2.nav-news-title {text-transform: uppercase;color: #222;position: relative;text-align: left;font-size: .8em;letter-spacing: .1em;font-family: 'Nobel'; width: 100%; padding:.5em 0em;} */
.feature-head-unten h2.care-title {text-transform: uppercase;color: #E6E2D8;position: relative;text-align: center;font-size: .9em;letter-spacing: .1em;font-family: 'Nobel';width: 100%;margin-top: 2.5rem;display: flex;flex-direction: column;justify-content: center;}
.latest-excerpt-laenge {padding: .5em 1.5em 0em 0em;max-height: 8em;display: block;overflow: hidden;margin-bottom: 0.5em;font-size: 1em;}
.latest-more {color: #222;}
.fp_item_latest { width: 32.63%; float: left; position: relative; padding-right: 2.5%;}
.fp_item_latest:last-child { margin-right: 0%;}
.fp_item_latest a.latest {/*height: 100%;*/ position: relative;display: block;}
/* .fp_item_latest a.latest:hover {height: 100%; } */
.fp_item_latest a.latest2 {height: 100%; }
.fp_item_latest a.latest2:hover {height: 100%; }
p.latest-more a{color: #222;font-family: 'Nobel';}
p.latest-more a:hover { border-bottom: 3px solid #222;}
.overlay-latest {position: absolute; top: 0;  bottom: 0; left: 0;right: 0; height: 97%; width: 97%; opacity: .0; transition: .5s ease; background-color: #222;}
a:hover.latest .overlay-latest {opacity: 0;}
a:hover .feature-head-unten h2.nav-news-title, a:hover .latest-head-unten h2.nav-news-title {text-underline-offset: 0.2em;text-decoration:underline;text-decoration-thickness: 1px;}

.fp_item_latest:nth-child(1)  {margin-right: 1%;}
.fp_item_latest:nth-child(2)  {margin-right: 1%;}

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

  #desktop-search .dropdown button { height: 2.4em; }
  .linkLogo { top:-.3em; width:6em; height:auto; }
  .linkLogo img { height:auto; border-bottom: 0px solid #222; }

}



/*
 * NAV mobile
*/

nav.primaty-nav-BGon { position: fixed; transition: transform .25s .1s ease-in-out; }

.down nav.primaty-nav-BGon { transform: translate3d(0, -65px, 0);  }

html.active-burger-menu #mobile-nav-container { right: 0; opacity: 1; }

#primary-nav {  top: 0; width: 100%; z-index: 1050; }
.primaty-nav-BGon { background: #F3F3F0; }
.primary-nav-BGoff { background: #E6E2D8; }

#nav-elements { position: relative; width: 100%; }
#mobile-search { height: 3.65em; position: relative;}

#mobile-logo { position: absolute;left: 50%; -webkit-transform: translate(-50%, 60%); -ms-transform: translate(-50%, 60%); transform: translate(-50%, 60%); }
#mobile-logo img { width: 5.3em; }
#mobile-burger { position: absolute; right: 1rem; margin: .35em 0; }


#primary-nav #mobile-nav-trigger { display: inline-block; vertical-align: middle; position: relative; font-size: 1.4rem; margin: .8rem; width: 1.9rem; height: .9em; color: inherit; -webkit-transition: none; transition: none; }
#primary-nav #mobile-nav-trigger > span { display: block; position: absolute; height: 1px; width: 100%; background: #3C3D3E; opacity: 1; left: 0; -webkit-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: all .3s ease-in-out, color 0.25s; transition: all .3s ease-in-out, color 0.25s; }
#primary-nav #mobile-nav-trigger > span:nth-child(1) { top: 0; }
#primary-nav #mobile-nav-trigger > span:nth-child(2),
#primary-nav #mobile-nav-trigger > span:nth-child(3) { top: 50%; /* width: 1.3rem; */width: 2.1rem; margin-top: -1px; }
#primary-nav #mobile-nav-trigger > span:nth-child(4) { bottom: 0; width: 1.6rem; }


.active-burger-menu #primary-nav #mobile-nav-trigger > span:nth-child(1) { top: 50%; width: 0; left: 50% }
.active-burger-menu #primary-nav #mobile-nav-trigger > span:nth-child(2) { -webkit-transform: rotate(45deg); transform: rotate(45deg);background: #20201F;}
.active-burger-menu #primary-nav #mobile-nav-trigger > span:nth-child(3) { -webkit-transform: rotate(-45deg); transform: rotate(-45deg);background: #20201F; }
.active-burger-menu #primary-nav #mobile-nav-trigger > span:nth-child(4) { bottom: 50%; width: 0; left: 50%; }

/* #mobile-nav-container { position: fixed; top: 0; bottom: 0; right: 0; width: 100%; z-index: 1040; overflow: hidden; background: rgba(255, 255, 255, 1); right: 100%; opacity: 0; transition: opacity 100ms; overflow-y: scroll; background-position: 95% 65%; } */

#mobile-nav-social { width: 100%; min-height: 3.4em; padding-top: 25%; position: relative; }
#social-center {text-align: center;width: 50%;left: 25%;top: 25%;margin: 0 auto;}
#mobile-nav-social a { padding: .6em 1em; font-family: 'Nobel'; font-weight: 600; font-size: .925rem; color: #20201F; text-transform: uppercase;  }
#social-center a.face-social { padding: .6em .1em .6em 1em; }

#mobile-nav-men { width: 100%; padding-top: 3.7em; /* border-top: 1px solid rgba(255, 255, 255, .35); */ }
#mobile-nav-men ul { width: 100%; /*margin-bottom: 6rem;*/ padding: 0 0; }
#mobile-nav-men ul.submen { width: 100%; padding: 0 17% 0 17%;/* background: rgba(54, 54, 55, .5); */ }
#mobile-nav-men ul li { text-transform: uppercase;font-style: italic; display: block; padding: .2em 0; font-size: .813rem;}
#mobile-nav-men ul li.gender {padding: 0em 0;}
#mobile-nav-men ul li a,
#mobile-nav-men ul li b { line-height: 1.3em;display: block; letter-spacing: .025em; padding: 1rem 0 1rem 10%; font-family: 'Nobel Book'; font-size: .813rem; color: #222222; text-transform: uppercase; padding-left: 10%; /*background: rgba(32,32,31, .05);*/ }
/* #mobile-nav-men ul li.aktiv a { background: rgba(32,32,31, .02); } */
#mobile-nav-men ul li.gender a { background: rgba(32,32,31, .0); }
#mobile-nav-men ul li span:after { content:''; background: url('../media/svg/NavDown.svg') no-repeat center; width: 1rem; height: 1rem; /*font-size: 1.25rem; line-height: 1.6rem;  color: #20201F; */ position: absolute; right:17%; transition: transform .5s; line-height: 1rem;}
#mobile-nav-men ul li span.subopen:after { content:'';background: url('../media/svg/CloseNavDash.svg') no-repeat center; width: 1rem; height: 1rem;}
#mobile-nav-men ul li.gender a {background: rgba(32,32,31, .0);}

#mobile-nav-men .submen { margin: 0; }
/* #mobile-nav-men .submen.aktiv > li {  background: rgba(32,32,31, .02);  } */
/* #mobile-nav-men .submen ul { padding: .8rem 17% .8rem 17%; } */
#mobile-nav-men .submen ul.ShopLaden { padding: 0 17% 0 7%; }
#mobile-nav-men .submen ul.UMal  { padding: 0 0 0 0; }
/* #mobile-nav-men .submen > li.gender.aktiv { background: rgba(255,255,255, 1); } */
ul.letzte-sub { background: rgba(255,255,255, 1); }
/* #mobile-nav-men .submen.aktiv > li.sonderform-style { background: rgba(255,255,255, 1); } */
/* #mobile-nav-men .submen.aktiv > li { background: rgba(255,255,255, 1); } */
/* #mobile-nav-men .submen li { display: flex; } */
#mobile-nav-men .submen li a {font-size: .813rem; padding: .8rem 0 .8rem 0%; width: 100%; line-height: 1.3em; }
#mobile-nav-men .submen li.EinFach a {font-size: .813rem; background: rgba(32,32,31, .0); padding: .8rem 0 .8rem 0rem; width: 100%; line-height: 1.3em; }
#mobile-nav-men ul.men_akt li a, #mobile-nav-men ul.men_street li a { padding: .8rem 0 .8rem 24%;}

#mobile-nav-men .subsubmen { margin: 0; /*background: rgba(255, 255, 255, .1);*/padding: 0 0 .6rem 0;}
/* #mobile-nav-men .subsubmen > li { background: rgba(255, 255, 255, .1); } */
#mobile-nav-men .subsubmen li a,
#mobile-nav-men .subsubmen li b { display: block; width: 100%; font-size: .813rem; margin-left: 0; padding: .8rem 0 .8rem .8rem; /*text-transform: none;*/ text-align: left; /*background: #222;*/font-family: 'Nobel Book';}
#mobile-nav-men .subsubmen li.UeberMaloja a,
#mobile-nav-men .subsubmen li.UeberMaloja b { display: block; width: 100%; font-size: .813rem; margin-left: 0; padding: .8rem 0 .8rem 0.83rem;  line-height: 1em;}

#mobile-nav-men .subsubmen li ul { margin: 0; padding: 0 0rem;}
#mobile-nav-men .subsubmen_ li ul li,
#mobile-nav-men_ .subsubmen_ li ul li:first-child { background: #fff; }

#mobile-nav-men .subsubmen_ li ul li a { margin: 0; }

/* .btns_list_aktiv_street { display: flex; }
.btns_list_aktiv_street li { list-style: none; width: 48%; float: left; } */
/* .btns_list_aktiv_street li:first-child { margin-right: 4%; } */

div.button-akt_street { /* background: rgba(255, 255, 255, 1); */margin: 0;display: block;min-height: 4em; }
/* div.button-akt_street a { margin-bottom: .5em; } */

#mobile-nav-men div a.button-akt { display: block;margin-left: 0;font-family: 'Nobel Book';font-size: .813rem;color: #222;text-transform: uppercase; padding: .6rem 0 0 17%;}
#mobile-nav-men div a.button-street { display: block;font-family: 'Nobel Book';font-size: .813rem;color: #222222;text-transform: uppercase;padding: .6rem 0;padding: .6rem 0 0 17%;}
#mobile-nav-men div a.button-akt:hover,
#mobile-nav-men div a.button-street:hover,
#mobile-nav-men div a.button-akt.aktiv,
#mobile-nav-men div a.button-street.aktiv { text-underline-offset: 0.2em;text-decoration:underline;text-decoration-thickness: 1px; }

/*
@media
  only screen and (-webkit-min-device-pixel-ratio: 2),
  only screen and (   min--moz-device-pixel-ratio: 2),
  only screen and (     -o-min-device-pixel-ratio: 2/1),
  only screen and (        min-device-pixel-ratio: 2),
  only screen and (                min-resolution: 192dpi),
  only screen and (                min-resolution: 2dppx) {
   #page-sizer { width: 2px; }
  #mobile-search svg{width: 2em;margin: .7em;}
}
*/
/*
@media only screen and (min-width: 834px) and (orientation: portrait) {
	#page-sizer { width: 2px; }
  #mobile-search svg{width: 2em;margin: .7em;}
}
*/
 #mobile-nav-container {position: fixed; top: 0; bottom: 0px; width: 100%; z-index: 1028; overflow: hidden;right: 100%; opacity: 0;transition: opacity 100ms; overflow-y: scroll;background-position: 95% 65%;height: auto;}
.mobile-nav-containerBg {background: rgba(243, 243, 240, 1); background-position-x: 0%; background-position-y: 0%;}

/* .bg_summer { background: rgba(255, 255, 255, 1);background: linear-gradient(180deg, rgb(233, 117, 94) 0%, rgba(243,167,122,0.5) 50%, rgba(230,222,209,0.69) 70%, rgba(230,222,209,0) 100%), url('../media_2023/nav/space_nav.jpg'); background-position-x: 0%; background-position-y: 0%;} */
.bg_winter { background: rgba(236, 235, 229, 1);}
/* .bg_winter { background: rgba(255, 255, 255, 1);background: linear-gradient(180deg, rgba(130,154,175,1) 0%, rgba(193,193,193,1) 45%, rgba(230,226,216,1) 70%, rgba(230,222,209,1) 100%), url('../media_2023/nav/space_nav.jpg'); } */
.bg_summer { background: rgba(255, 255, 255, 1); }

  /*-Footer Menu
#footer-bar {
  position: fixed;
  bottom: 0px;
  left: 0px;
  right: 0px;
  z-index: 10000;

  min-height: 55px;
  height: calc(55px + (constant(safe-area-inset-bottom))*1.1);
  height: calc(55px + (env(safe-area-inset-bottom))*1.1);
  display: flex;
  text-align: center;
}


#footer-bar .badge {
  font-style: normal;
  z-index: 5;
  top: 0px;
  position: absolute;
  margin-left: 3px;
  color: #FFF !important;
  width: 18px;
  text-align: center;
  line-height: 18px;
  padding: 0px;
  padding-left: 0px !important;
  border-radius: 18px;
  margin-top: 7px;
  font-size: 11px;
}

.footer-bar-2 .active-nav {
  color: #FFF !important;
}
.footer-bar-2 .active-nav strong {
  position: absolute;
  width: 80px;
  left: 50%;
  transform: translateX(-50%);
  top: 0px;
  bottom: 0px;
}

.footer-bar-4 .active-nav {
  color: #FFF !important;
}
.footer-bar-4 .active-nav strong {
  position: absolute;
  width: 47px;
  height: 47px;
  border-radius: 60px;
  left: 50%;
  top: 30px;
  transform: translate(-50%, -50%);
  bottom: 0px;
}
.footer-bar-4 span {
  display: none !important;
}
.footer-bar-4 i {
  padding-top: 10px;
}

.footer-bar-5 .active-nav strong {
  position: absolute;
  width: 50px;
  height: 2px;
  border-radius: 60px;
  left: 50%;
  top: 0px;
  transform: translateX(-50%);
}

.footer-bar-3 span {
  display: none !important;
}
.footer-bar-3 .active-nav {
  padding-top: 11px !important;
}
.footer-bar-3 .active-nav span {
  display: block !important;
}
.footer-bar-3 a {
  padding-top: 18px !important;
}

.footer-menu-hidden {
  transition: all 100ms ease;
  transform: translateY(100%) !important;
}

.footer-bar-white * {
  color: #FFF;
}

#footer-bar.position-relative {
  z-index: 2 !important;
}

.is-ios #footer-bar {
  height: calc(65px + (constant(safe-area-inset-bottom))*1.1);
  height: calc(65px + (env(safe-area-inset-bottom))*1.1);
}

.is-not-ios .footer-menu-clear {
  height: 70px;
  display: block;
}
.is-not-ios .footer {
  padding-bottom: 0px;
}
.is-not-ios #footer-menu a i {
  padding-top: 13px;
}
.is-not-ios #footer-menu a span {
  opacity: 0.6;
}
-*/
/*Sticky 4.1 Scrolling Footer Bar
.footer-bar-scroll {
  display: block !important;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  white-space: nowrap;
  margin: 0px;
  padding: 0px;
}
.footer-bar-scroll a {
  display: inline-block;
  width: 19.5%;
}

.footer-bar-scroll.footer-bar-4 .active-nav strong {
  margin-top: 1px;
}
.footer-bar-scroll.footer-bar-4 .badge {
  margin-left: -8px !important;
  margin-top: 14px !important;
}

.footer-bar-scroll.footer-bar-3 .badge {
  margin-left: -7px !important;
  margin-top: 0px !important;
}
.footer-bar-scroll.footer-bar-3 i {
  transform: translateY(-10px);
}
.footer-bar-scroll.footer-bar-3 .active-nav i {
  transform: translateY(0px);
}*/
#primary-nav {top: 0; /*  top: auto; */}
.down nav.primaty-nav-BGon { transform: translate3d(0, 65px, 0)}
@media (device-width: 1366px) and (device-height: 1024px) and (orientation: landscape) {
  #mobile-search svg { padding: .5rem; width: 2.6rem; margin: .5em; }
}
/* --------- your css rules for ipad landscape ---------- */
@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:landscape) {
  #mainmenulinks { width: 18.15em; }
  .mainlist_wrap { margin-left: -54%;}
  .desktop_nav_3col { margin-left: 16em; }
  #suchergebnis_desktop_wrap { height: 50vh; }
}


/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 768px) {
  #mobile-search svg { padding: .5rem; width: 2.6rem; margin: .5em; }
  #primary-nav {top: auto;}
}
@media only screen and (min-width: 820px) and (orientation: portrait) {
  #primary-nav { /*  top: auto; */}
  
  #footer-bar{height: calc(55px + (env(safe-area-inset-bottom))*1.0);}

}
/* --------- Mobile Portrait ---------- */
@media only screen and (max-width: 479px) {
  #primary-nav {top: auto;max-width: 100vw;}

}
/* Safari 9+ */

@media only screen and (-webkit-min-device-pixel-ratio: 1) {
     ::i-block-chrome, #desktop-search {height: 2.15em;}

}

@media (pointer: coarse) {
	.desk-collection {display: none;}
  .mob-collection {display: block;}
}