/* 768 to 1440 px  */
/* CRITICAL */ 
.header.panel .header.links a::before {display: inline-block;content: "\00a0";width:35px;height:35px;background-size: 35px auto;background-repeat:no-repeat;text-align: center; background-image: url('../images/head/account.svg');transition:background-color .5s linear}
.page-header, .category-alle-produkte.catalog-category-view .page-header, .headbar{background:/*#F5F6F4 #efe9e1*/ #F9F7F3}
.nav-sections, .mob-only, .nav-toggle{display:none !important}

ul.iconrow{max-width:700px;}
.iconrow li p{font-size:18px}
.aufzaehlung.icons li{max-width:460px;padding:10px 20px;}
.promobar{height:40px;z-index:999;position:fixed;top:160px;}
.promobar.inmotion{top:90px;}
a.button:hover{text-decoration:none}
.intro h2, .intro h3, .intro p, .intro span, .intro li{text-align:left;}
.catalogsearch-result-index .columns{max-width:1200px;margin:auto;padding-top:20px!important}
.navigation ul {    margin-top: 0;    margin-bottom: 0;    padding: 0;    position: relative; display:flex;justify-content:space-around; align-items:center;}

.page-header, .category-alle-produkte.catalog-category-view .page-header{height:160px;overflow:hidden;}
.cms-berioo .page-header, .kur-page .page-header, .catalog-category-view .page-header, .cms-team-saftkur .page-header{height:140px;background:unset;}
.topbar ul{height:36px;color:black;font-weight:normal;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;max-width:1920px;margin:auto;}
.topbar li, .topbar li:nth-child(5n+1){flex-basis:33%;display:inherit;}
.topbar li:nth-child(5n+2){display:none}
.topbar .deal{height:36px;line-height:34px;font-size:15px;}
.navigation .level0.active > .level-top:before, 
.navigation .level0.has-active > .level-top:before{left:calc(50% - 5px);top:-12px;}
.navigation .level0 > .level-top {padding: 0 7px;text-decoration: none;box-sizing: border-box;position: relative;display: inline-block;}
.main.menu .parent{display:inline-block;}
.main.menu .parent ul, .main.menu .parent .ui-icon{display:none!important;}
.headbar{height:110px;box-shadow:unset;-webkit-box-shadow:unset;position:absolute;top:44px;background-color:unset;}
.cms-berioo .headbar, .main-saftkur .headbar, .protein-saftkur .headbar,.main-suppenkur .headbar,.gemuese-saftkur .headbar, .team-saftkur .headbar{background:unset;}
.headbar.inmotion{-webkit-box-shadow: 3px 0 5px 0 #00000029;box-shadow:3px 0 5px 0 #00000029;background-color:#F9F7F3;position:fixed;top:0;height:90px;}
.header.content{height:110px;background-color:transparent;box-shadow:unset;-webkit-box-shadow:unset;top:44px;position:absolute;left:50%;transform: translateX(-50%);max-width:1920px; }
.header.content.inmotion{top:0;position:fixed;height:90px}
.inmotion .logo img{width:55px}
.messages{text-align:center;top:160px;}
.messages.inmotion{top:90px} 
.panel.header{min-width:150px;flex-basis:10%;}
div.logo{max-width:172px;height:unset;flex-basis:10%}
.logo img{width:72px;height:auto}
.header .navigation{display:block;/*text-align:left*/}

.biologo, .panel.header .links, .block-search, .minicart-wrapper{display:inherit;padding:0 4px;flex-direction:column}
.columns{padding:0}
.messages .message div{position:relative;display:inline-block}
.biologo{display:block;height:45px;width:55px;background-image: url('../images/head/bio.png');background-repeat:no-repeat;background-size:54px 45px;background-position-x:10px;}
.search-content{position:absolute;top:40px;right:50px;overflow:hidden;max-width:0;padding:0;border-radius:30px;padding:15px 0;box-sizing:border-box;background:#fff}
.navigation {left: auto;overflow: inherit; padding: 0; font-size:20px; position: relative;top: 0!important; flex-basis:75%; width: 100%; z-index: 3;  }
.block.block-search::before {width:35px;height:35px;background-size: 35px auto; background-image: url('../images/head/suche-gross.svg')}
.block-search .action.search:before{position:relative;right:15px}
.contentpage .qty .control, .contentpage .grid .number-input{height:48px;}

.mobile-break{display:none}
h1 {    font-size: 54px; padding-top: 35px;} 
.head.banner{margin:auto;padding:0;width:100%;z-index:500;height:48vw;max-width:1920px;max-height:900px;top:0}
.head.banner img{width:1920px;height:/*auto*/ 56.25vw;aspect-ratio:unset;}
.inpic-box h1 {font-size: 3vw;padding-top:15px;padding-bottom:0;} 
.inpic-box h2{font-size:2.5vw;margin:0;}
.homepage .inpic-box{left:40%;width:unset;text-align:left;padding-top:7vw;}
.homepage .inpic-box button{margin-left:30px;margin-top:2.5vw;margin-top:20px}
.homepage .inpic-box h1, .inpic-box h2{font-size:2.5vw;margin:0;padding-right:0;padding-bottom:0;padding-top:0;}
.team-saftkur .inpic-box{width:unset;text-align:left}
.team-saftkur .inpic-box .button, .gutschein .inpic-box .button{margin-left:38px;margin-top:15px;text-align:center;}
.contentpage .intro > p, .team-saftkur .team > p{font-size:24px}
.contentpage .intro{padding-top:75px;padding-bottom:75px;}
h2{font-size:34px;padding-top:10px}
p{font-size:20px;max-width:700px;margin:auto;}
.intro h2, .intro h3, .intro p, .intro span{max-width:960px;margin-left:auto;margin-right:auto}
button, .cart.table-wrapper .actions-toolbar > .action, .action-gift, .button{padding:12px 25px;margin-top:30px}
button.inline{margin-top:15px;}
.inpic-box{padding-top:3vw}
.inpic-box button{margin-top:5px}
.flex{display:flex;justify-content:center;align-items:center}
.flex > div/*, .flex > img*/{width:600px;}
h3{margin-top:25px}
.fragen .fold-out span::before {top:13px;}
.offers .carousel ul{max-height:420px;height:40vw}
.offers .selection{padding-left:25px;} 
.offers .carousel li img{width:400px}
.offers .carousel .container{max-width:unset}
.product .offers .slideshow{width:100%;}
.product .container{max-width:550px;}
.product .offers .carousel ul{max-height:41vw;height:510px}
.product .offers .carousel .container{max-width:unset;}
.lieferinfo{padding:10px 0 0 0}

.product.media {width: calc(55% - 40px);padding: 20px 15px;max-width:620px;}
.cms-infopage h1{font-size:32px}
.cms-infopage h2{font-size:28px;}
.cms-infopage h3{font-size:24px;}
.cms-infopage p{font-size:16px}
.countries li{font-size:18px}
.message.warning > *:first-child:before,.message.notice > *:first-child:before,.message.info > *:first-child:before  { margin-top:2px;}

/* PDS */
.main-headline h1{font-size:44px;padding-top:10px;padding-bottom:10px;}
.siegel{padding-top:10px;}
.stock p, .contentpage .stock p{font-size:16px;padding-left:15px;}
.pds-navi{padding:40px 5px;margin:auto;}
.kur-varianten{max-height:unset;padding:0;overflow:unset;}
.pds-navi h3{font-size:26px;}
.product-info-main{align-self:center;}
.offers .carousel .arrow{top:230px;}

/* THEMEPAGE */
.contentpage button, .contentpage .button{padding-top:15px;padding-bottom:15px;min-width:200px;font-size:15px}
.contentpage .flex.intro{margin-top:30px}
.contentpage p{font-size:22px;}
.contentpage h1, .contentpage h2, .usp-sum, .contentpage h3, .contentpage p, .zutatentabelle, .icon, .steps table{padding-right:33px;padding-left:33px}
.contentpage > div, .description div, .upsell{padding-top:50px;padding-bottom:40px}
.intro > img{margin: 0 33px;}
.action.primary{margin-top:0;max-width:100%;padding:12px 26px;width:100%;max-width:250px;}
.widget-product-grid, .sticky-area{justify-content:center;/*overflow:hidden;*/}

/* Cart */



/* CATEGORY */
.shop-produkte .widget-product-grid .price-box .price, .shop-produkte .widget-product-grid .product-item-name, .shop-produkte .widget-product-grid .price-box .old-price .price{font-size:18px}
.category-description h1{padding-top:35px}
.widget-product-grid .price-box .price{font-size:23px;}
.widget-product-grid img{width:unset;}

/* Gutschein */
.gutschein .head.banner{/*margin-top:-105px;max-width:1875px;margin-bottom:0;top:0;*/}
.gutschein .inpic-box{text-align:left;left:50px;}


/* MAGAZIN */




@media all and (max-width: 1250px){
.navigation ul li.nav-6{display:none;}

}
@media all and (max-width: 1040px){
.mag-teaser.flex, .newsletter.flex, .team.flex, .contentpage .flex.intro, .shotkur .intro .flex{flex-wrap:wrap}
.contentpage .intro > img{order:2;}
.flex > div{text-align:center}	
.navigation{font-size:2.2vw}
.navigation ul{flex-wrap:wrap;padding:0 15px}
.navigation ul li{flex: 1 0 33%}
.header .navigation{text-align:left}
.navigation .level0:nth-child(n+4).active > .level-top::before, .navigation .level0:nth-child(n+4).has-active > .level-top::before{top:35px}
.navigation .level0.active > .level-top::before, .navigation .level0.has-active > .level-top::before {top:-8px;}
.gallery-teaser div:nth-child(4){display:none}
.contentpage{padding-top:20px;}
}	



    .column.main, .sidebar-main  {    box-sizing: border-box;  }
    .product-add-form .fieldset > .field {    margin-bottom: 20px;  }
   .product-add-form .fieldset > .field:not(.choice) > .label {    box-sizing: content-box;    float: none;    width: auto;    text-align: left;    padding: 0;  }
  .product-add-form .fieldset > .field > .label{    margin-bottom: 5px;    display: inline-block;  }
  .page-main {    width: 100%;  }
  .columns, .nav-sections-item-content > .navigation {    display: block;  }
  .nav-sections {    -webkit-flex-shrink: 0;    flex-shrink: 0;    -webkit-flex-basis: auto;    flex-basis: auto;    margin-bottom: 25px;  }
  .nav-sections-item-title, .nav-sections-item-content > *, .navigation:empty {    display: none;  }
  .nav-sections-item-content {    display: block !important;  }
   .navigation li.level0 {    border-top: none;  } 
    .navigation li.level1 {    position: relative;  }
   .navigation .level0 {    display: inline-block;    position: relative;  }
   .navigation .level0:last-child {    margin-right: 0;    padding-right: 0;  }
   .navigation .level0.parent:hover > .submenu {    overflow: visible !important;  }
  .navigation .level0.parent > .level-top {    padding-right: 20px;  }
  .navigation .level0.parent > .level-top > .ui-menu-icon {    position: absolute;    right: 0;    display: inline-block;    text-decoration: none;  }
  .navigation .level0.parent > .level-top > .ui-menu-icon:after {    -webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;font-size: 12px;line-height: 20px;color: inherit;content: '\e622';font-family: 'icons-blank-theme';vertical-align: middle;
    display: inline-block;font-weight: normal;overflow: hidden;speak: none;text-align: center;  }
    .navigation .level0 .submenu {background: #ffffff;border: 1px solid #d1d1d1;box-shadow: 0 5px 5px rgba(0, 0, 0, 0.19);font-weight: 700;min-width: 230px;padding: 15px 0;display: none;left: 0;margin: 0 !important;position: absolute;z-index: 1;margin-top: 11px;  }
  .navigation .level0 .submenu:before {    content: '';    display: block;    position: absolute;    width: 100%;    height: 4px;    left: 0;    top: -4px;    z-index: 1;  } 
   .navigation .level0 .submenu a {    display: block;    line-height: inherit;    color: #575757;    padding: 8px 20px;  } 
   .navigation .level0 .submenu li, .fieldset > .field > .label {    margin: 0;  } 
    .page-layout-1column .column.main {    width: 100%;    -ms-flex-order: 2;    -webkit-order: 2;    order: 2;  }
    .fieldset > .field {    box-sizing: border-box;    margin-bottom: 15px;  }
   .product.data.items {    position: relative;    z-index: 1;  } 
  .actions-toolbar .primary,  .actions-toolbar .secondary, .actions-toolbar .primary a.action, .actions-toolbar .secondary a.action{    display: inline-block;  }
  .actions-toolbar .primary .action{    margin: 0 5px 0 0;  }
  .actions-toolbar .secondary a.action {    margin-top: 6px;  }
  .actions-toolbar .secondary button a.action, .search-autocomplete {    margin-top: 0px;  }
  .actions-toolbar > .primary,  .actions-toolbar > .secondary {    margin-bottom: 0;  }
  .actions-toolbar > .primary .action,  .actions-toolbar > .secondary .action {    margin-bottom: 0;    width: auto;  }
  .block-search {    position: relative;  }
  .block-search .control {    border-top: 0;    margin: 0;    padding: 0;  }
  .block-search input {    margin: 0;    padding-right: 35px;    position: static;  }
  .block-search input::-webkit-input-placeholder, .block-search input:-moz-placeholder, .block-search input::-moz-placeholder, .block-search input:-ms-input-placeholder {    color: #c2c2c2;  }
  .block-search .action.search {display: inline-block;background-image: none;background: none;-moz-box-sizing: content-box;box-shadow: none;line-height: inherit;text-decoration: none;text-shadow: none;font-weight: 400;z-index: 9;padding:9px 15px  }
  .page-products .columns {    padding-top: 0;    position: relative;    z-index: 1;  }
  .product-info-main .box-tocart .actions,  .product-options-bottom .box-tocart .actions, .box-tocart .control {    margin-top: 15px;  }
/* END CRITICAL */
 
/* > 1440 px DESKTOP  */
@media all and (min-width: 1440px){
/* CRITICAL */
.panel.header{padding-right:40px;justify-content: right;flex-basis:15%}
.homepage .inpic-box{transform:translate(10%,0);padding-top:9vw;}
.homepage .inpic-box button{margin-top:50px}
.contentpage > div, .description div, .upsell{padding-top:60px;padding-bottom:60px}
.product-info-main{padding:0 6px 0 60px;width:50%}
.topbar li:nth-child(5n+2){display:inherit}
.topbar li, .topbar li:nth-child(5n+1){flex-basis:25%}
.inpic-box{padding-top:9vw;}
.intro .wide img{padding-left:33px;padding-right:33px;}
.inpic-box h1{font-size:44px;margin:3px;padding-top:10px;}
.inpic-box h2{font-size:38px;}
.inpic-box button{margin-top:18px}
.homepage .inpic-box h1, .inpic-box h2{font-size:36px;margin:0;padding-right:0;padding-bottom:0}
.navigation ul{justify-content:start;}
.navigation ul > li{padding:0 12px}
.biologo, .panel.header .links, .block-search, .minicart-wrapper{padding:0 10px}
.product.media{max-width:650px;}
.head.banner{top:30px;/*padding:22px;width:calc(100% - 44px);*/height:calc(47vw - 48px);max-width:1920px;max-height:900px;margin-top:-135px;margin-bottom:30px;}
.kur-sorten{font-size:16px;line-height:20px;}
/* END CRITICAL */
}

@media all and (min-width: 1900px){
.homepage .inpic-box h1, .inpic-box h2{font-size:44px}
.homepage .inpic-box{padding-top:170px;transform: translate(15%,0)}
.inpic-box{padding-top:140px;}
.inpic-box button{margin-top:32px}

}