/** Shopify CDN: Minification failed

Line 1765:63 Unexpected "{"
Line 2331:19 Expected identifier but found whitespace
Line 2331:24 Unexpected ";"
Line 2348:120 Unexpected ","

**/


* {
    -webkit-font-smoothing: antialiased;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin: 0px;
    padding: 0px;
}
/* @font-face {
    font-family: 'Foco';
    src: url('../fonts/Foco-Bold.woff2') format('woff2'),
        url('../fonts/Foco-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Foco';
    src: url('../fonts/Foco-Regular.woff2') format('woff2'),
        url('../fonts/Foco-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
} */
@font-face {
    font-family:"foco";
    src:url("https://use.typekit.net/af/6106bc/00000000000000003b9b033a/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"),url("https://use.typekit.net/af/6106bc/00000000000000003b9b033a/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"),url("https://use.typekit.net/af/6106bc/00000000000000003b9b033a/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype");
    font-display:auto;font-style:normal;font-weight:400;font-stretch:normal;
    }
    
    @font-face {
    font-family:"foco";
    src:url("https://use.typekit.net/af/09a46f/00000000000000003b9b033d/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff2"),url("https://use.typekit.net/af/09a46f/00000000000000003b9b033d/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff"),url("https://use.typekit.net/af/09a46f/00000000000000003b9b033d/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("opentype");
    font-display:auto;font-style:normal;font-weight:700;font-stretch:normal;
    }
    
    .tk-foco { font-family: "foco",sans-serif; }

html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
       -moz-text-size-adjust: 100%;
        -ms-text-size-adjust: 100%;
            text-size-adjust: 100%;
    min-height: 100%;
    font-family: 'Foco', sans-serif;
    font-size: 16px;
    font-weight: normal;
    color: rgb(0, 0, 0);
    background: rgb(255, 255, 255);
}
.btn{position: relative; z-index: 1; font-family: 'Foco', sans-serif;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border: 0px; overflow: hidden; outline: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-flex-negative: 0; flex-shrink: 0; pointer-events: all; cursor: pointer; -webkit-transition: all 0.1s ease-out 0s; -o-transition: all 0.1s ease-out 0s; transition: all 0.1s ease-out 0s; text-decoration: none; font-size: 1rem; line-height: 1.25rem;  font-weight: bold; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; height: 2rem;padding: 0px 1rem;border-radius: 50px; color: rgb(255, 255, 255); background: rgb(31, 53, 115);}
.btn .icon { -webkit-box-sizing: content-box; box-sizing: content-box; fill: currentcolor; min-width: 16px; min-height: 16px; height: auto; position: relative; right: -0.5rem; color: rgb(255, 255, 255);}

.container{padding-left: 4.5rem; padding-right: 4.5rem;}
#header {position: fixed; top: 0; left: 0; width: 100%; z-index: 50;     -webkit-transition: background-color 0.4s ease-out 0s;     -o-transition: background-color 0.4s ease-out 0s;     transition: background-color 0.4s ease-out 0s;}
.header_wrap{padding-top: 22px; padding-bottom: 22px;}
.header-row{display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;}
.header-left{display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.logo{width: 120px; margin-right: 3rem;}
.logo a{display: block;}
.logo a img{width: 100%; height: auto;}
.menu ul{list-style: none; padding-left: 0; margin: 0;     display: -webkit-box;     display: -ms-flexbox;     display: flex;}
.menu ul li{    margin-right: 2rem; position: relative;}
.menu ul li a { text-decoration: none; font-size: 1rem; line-height: 1.25rem; font-weight: bold;position: relative; display: inline-block;  color: rgb(31, 53, 115);}
.menu ul li a.active:after{content: "";display: block;width: 100%;height: 0.125rem; border-top-left-radius: 0.125rem; border-bottom-right-radius: 0.125rem; background-color: rgb(31, 53, 115); -webkit-transition: background-color 0.3s ease-out 0s; -o-transition: background-color 0.3s ease-out 0s; transition: background-color 0.3s ease-out 0s;}
.menu ul li a svg{    width: 1.25em; height: 1.25em;  fill: currentcolor; min-width: unset;  min-height: unset; margin-right: 0.25em; margin-top: -0.25em; vertical-align: middle;}

.menu ul li:first-child::after { position: absolute;right: -2rem; top: -0.125rem; content: ""; display: block; margin-right: -1px; border-radius: 2px; width: 3px;height: 32px; background: rgba(39, 49, 103, 0.4); -webkit-transform: scaleX(0.5); -ms-transform: scaleX(0.5); transform: scaleX(0.5);}
.menu ul li:first-child{margin-right: 4rem;}
#header.headroom--not-top { display: block;  background: rgba(255, 255, 255, 0.98);}
#header.headroom--unpinned { top: 0px;left: 0px;right: 0px;}
.headroom { will-change: transform;-webkit-transition: -webkit-transform 200ms linear;transition: -webkit-transform 200ms linear;-o-transition: transform 200ms linear;transition: transform 200ms linear;transition: transform 200ms linear, -webkit-transform 200ms linear;}
.headroom--pinned {  -webkit-transform: translateY(0%);  -ms-transform: translateY(0%);  transform: translateY(0%);}
.headroom--unpinned {-webkit-transform: translateY(-100%);-ms-transform: translateY(-100%);transform: translateY(-100%);}

.header-icon{display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end;}
.CartLink {background-color: transparent; color: rgb(31, 53, 115); display: -webkit-box; display: -ms-flexbox; display: flex; border-radius: 2.5rem; padding: 0.375rem 0.625rem; margin-right: 0px;  text-decoration: none;  -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
.CartLink svg{    -webkit-box-sizing: content-box;    box-sizing: content-box;fill: currentcolor;min-width: 24px;min-height: 24px;height: auto;}
.search-link { display: block;width: 2.75rem;height: 2.75rem; position: relative;}
.search-container {position: absolute; top: 0px;right: 0px; opacity:0; width: auto; height: 100%; pointer-events: none;}
.active .search-container{pointer-events: inherit; opacity:1;}
.SearchBox {display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transition: all 0.2s ease-out 0s; -o-transition: all 0.2s ease-out 0s; transition: all 0.2s ease-out 0s; pointer-events: none; padding-right: 1rem; border-radius: 1.375rem; background: transparent;}
.active .SearchBox { padding-right: 1rem; border-radius: 1.375rem; pointer-events: inherit; background: rgba(255, 255, 255, 0.98);}
.SearchBox .form-control{  border: 0px; height: 2.75rem;  padding-left: 1.25rem; padding-right: 0.5rem; width: 22rem; font-size: 1rem;line-height: 1.25rem;     outline: none; color: rgb(31, 53, 115); background: transparent;opacity: 0;-webkit-transition: all 0.2s ease-out 0s;-o-transition: all 0.2s ease-out 0s;transition: all 0.2s ease-out 0s;}
.active .SearchBox .form-control{opacity: 1;}
.SearchButton { display: block; border: 0px; font-size: 0px; color: rgb(31, 53, 115); background: transparent; cursor: pointer;outline: none; pointer-events: all;  position: relative;
    top: 11px;}
.SearchButton svg {-webkit-box-sizing: content-box;box-sizing: content-box; fill: currentcolor;min-width: 24px;min-height: 24px; height: auto;}
.SearchBox .form-control::-webkit-input-placeholder{text-overflow:ellipsis;color:#6274A2;}
.SearchBox .form-control::-moz-placeholder{text-overflow:ellipsis;color:#6274A2;}
.SearchBox .form-control:-ms-input-placeholder{text-overflow:ellipsis;color:#6274A2;}
.SearchBox .form-control::-ms-input-placeholder{text-overflow:ellipsis;color:#6274A2;}
.SearchBox .form-control::placeholder{-o-text-overflow:ellipsis;text-overflow:ellipsis;color:#6274A2;}
.SearchBox .form-control:-ms-input-placeholder{ color:#6274A2; }


.search-link predictive-search.search-modal__form {display: none;}


.search-link.active predictive-search.search-modal__form {display: block;position: absolute;right: 0;}

input[type="hidden"] {display: none !important;}

button.search__button.field__button {background: transparent;border: none;width: auto;display: none;}

label.field__label {display: none;}
button.modal__close-button.link.link--text.focus-inset {
    display: none;
}

div#predictive-search-results {
    background: #fff;
    border-radius: 15px;
    border: none;
    outline: none;
    box-shadow: none;
  padding-top:1rem;
  
}
.predictive-search.predictive-search--header {border: none;}

ul#predictive-search-results-list {list-style: none;margin: 0;padding: 0;}

h2#predictive-search-products {color: #1f3573;
    font-weight: 400;}

a.predictive-search__item.predictive-search__item--link.link.link--text { color: #1f3573;color: #1f3573;font-weight: 400;font-size: 14px;padding: 0; margin-bottom: 0.75rem;}

.predictive-search__list-item {padding: 0;}
ul#predictive-search-results-list li:last-child{padding-bottom: 1rem; border-bottom: 1px solid rgb(173, 201, 226);}


.Search__Results {
    background: #fff;
    max-height: 60vh;
  overflow:hidden;
  overflow-y:auto;
    position: absolute;
    z-index: -1; 
    top: 0px;
    left: 0px;
    right: 0px;
    padding-top: 2.75rem;
    border-radius: 1.375rem;
    background: rgba(255, 255, 255, 0.98);
   padding-left:1.25rem;
  padding-right:1.25rem; opacity:0;
}
.Search__Results::-webkit-scrollbar {
  width: 5px; border-radius: 1.375rem;
}
.Search__Results[aria-hidden="false"]{opacity:1}

/* Track */
.Search__Results::-webkit-scrollbar-track {
  background: transparent; border-radius: 1.375rem;
}

/* Handle */
.Search__Results::-webkit-scrollbar-thumb {
  background: #ccc; border-radius: 1.375rem;
} 



.PageLayout.PageLayout--breakLap {
  padding:1rem 0rem 0.75rem;
  border-top: 1px solid rgb(173, 201, 226);
}

.Segment__Title.Segment__Title--flexed {
    padding-top: 0.5rem;
    padding-bottom: 0.75rem;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
}

.Segment__Title.Segment__Title--flexed span.Heading {
    text-decoration: none;
    font-size: 0.875rem;
    line-height: 1rem;
    font-weight: bold;
    text-transform: uppercase;
    hyphens: none;
    white-space: pre-line;
    color: rgb(31, 53, 115);
}

.Segment__Title a.Heading.Link {
    font-weight: normal;
    text-decoration: none;
    font-size: 0.875rem;
    line-height: 1.125rem;
    hyphens: none;
    white-space: pre-line;
    color: rgb(98, 116, 162);
}
.PageLayout__Section {
    padding-bottom: 1rem;
    border-bottom: 1px solid rgb(173, 201, 226);
    margin-bottom: 0.75rem;
}

.Segment__Content ul {
    list-style: none;
}

.Segment__Content ul li {
    font-size: 1.125rem;
    line-height: 1.5rem;
    color: rgb(31, 53, 115);
    font-weight: 400;
    /* font-size: 14px; */
    padding: 0;
    margin-bottom: 0.75rem;
}
.Segment__Content p{ font-size: 1.125rem;
    line-height: 1.5rem;
    color: rgb(31, 53, 115);
    font-weight: 400;
    padding: 0;
    margin-bottom: 0.75rem; }
.Segment__Content ul li a {
    color: rgb(31, 53, 115);
    text-decoration: none;
}


.menu-btn{display: none; margin-left: 0;}
.header__nav-button {background: transparent; width: 24px; margin-left: 0; height: 18px;border: none;-webkit-appearance: none;-moz-appearance: none;appearance: none;display: block; -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); }
.header__nav-button:hover, .header__nav-button:focus {  outline: none; }
.header__nav-button > span {   background: rgb(31, 53, 115); display: block; position: absolute; height: 2px; border-radius: 56px; width: 100%; left: 0; -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg);   -webkit-transition: 0.3s ease-in-out, background 0.2s cubic-bezier(0, 0, 0.58, 1);   -o-transition: 0.3s ease-in-out, background 0.2s cubic-bezier(0, 0, 0.58, 1);   transition: 0.3s ease-in-out, background 0.2s cubic-bezier(0, 0, 0.58, 1); }
.header__nav-button > span:nth-child(1) { top: 0px; }
.header__nav-button > span:nth-child(2) { top: 9px; }
.header__nav-button > span:nth-child(3) {top: 18px; }
.header__nav-button.header__nav-button_open span{background: rgb(31, 53, 115);}
.header__nav-button.header__nav-button_open > span:nth-child(1) { top: 9px; -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); }
.header__nav-button.header__nav-button_open > span:nth-child(2) { opacity: 0;left: -60px; }
.header__nav-button.header__nav-button_open > span:nth-child(3) { top: 9px;-webkit-transform: rotate(-135deg);-ms-transform: rotate(-135deg);transform: rotate(-135deg); }

.CartLink.add {background-color: rgb(31, 53, 115);color: rgb(255, 255, 255); display: -webkit-box; display: -ms-flexbox; display: flex; border-radius: 2.5rem; padding: 0.375rem 0.625rem; margin-right: 0.5rem; text-decoration: none; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
.CartLink.add span {text-decoration: none;  font-size: 1rem; line-height: 1.25rem; -webkit-hyphens: none; -ms-hyphens: none; hyphens: none; white-space: pre-line; font-weight: bold;}

.cart-notification { position: fixed;  z-index:-1;top: 119px;right: 2.5rem; width: 20rem; border-radius: 0.5rem; background: rgba(255, 255, 255, 0.95); -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px);-webkit-box-shadow: rgba(0, 0, 0, 7%) 0px 0px 16px;box-shadow: rgba(0, 0, 0, 7%) 0px 0px 16px; pointer-events: none; -webkit-transform: translateY(-2rem); -ms-transform: translateY(-2rem); transform: translateY(-2rem); padding: 1rem; opacity: 0; -webkit-transition: all 0.4s ease-in-out 0s; -o-transition: all 0.4s ease-in-out 0s; transition: all 0.4s ease-in-out 0s;}
.cart-notification .c-head{font-size: 1.375rem;  line-height: 1.5rem; margin-bottom: 1rem;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center; -ms-flex-align: center; align-items: center; color: rgb(31, 53, 115);}
.cart-notification .c-head svg{-webkit-box-sizing: content-box;box-sizing: content-box; fill: currentcolor; min-width: 28px; min-height: 28px;height: auto;     margin-top: -0.125rem;width: 28px;}
.cart-notification .c-head .count{margin-left: 0.25rem; font-weight: bold; margin-right: 1rem;  font-size: 1.125rem;line-height: 1.5rem;}
.ProgressBar__Outer{padding: 5px;border-radius: 99px; margin-bottom: 0.25rem;background-color: rgba(39, 49, 103, 0.07);}
.ProgressBar__Inner {width: 71%; height: 0.375rem; background-color: rgb(31, 53, 115); border-radius: 99px;  -webkit-transition: all 0.4s ease 0s;  -o-transition: all 0.4s ease 0s;  transition: all 0.4s ease 0s;}
.cart-notification .small-text{font-weight: normal;text-decoration: none;font-size: 0.875rem; line-height: 1.125rem; margin-bottom: 1rem;color: rgb(69, 93, 139);}
.cart-notification .btn{display: block; width: 100%; text-align: center; padding: 12px; height: 2.75rem;}

.cart-notification.active { opacity: 1; pointer-events: all;z-index: 10000;}





.headroom--top .nav_SubHeader{-webkit-transform: translateY(-1rem);-ms-transform: translateY(-1rem);transform: translateY(-1rem);}
.nav_SubHeader { position: absolute; top: 9.125rem; left: 0px; right: 0px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;pointer-events: none;-webkit-transition: -webkit-transform 0.4s ease-out 0s;transition: -webkit-transform 0.4s ease-out 0s;-o-transition: transform 0.4s ease-out 0s;transition: transform 0.4s ease-out 0s;transition: transform 0.4s ease-out 0s, -webkit-transform 0.4s ease-out 0s; padding-left: 4rem; padding-right: 4rem;z-index: 3;}
.nav_SubHeader nav {position: relative; display: -webkit-box; display: -ms-flexbox; display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center; -webkit-box-pack: center;-ms-flex-pack: center;justify-content: center; height: 2.75rem;  max-width: 100%;border-radius: 1.375rem; background: rgba(255, 255, 255, 0.95); -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); pointer-events: all;padding-left: 2.5rem;padding-right: 2.5rem;}
.nav_SubHeader nav ul {display: -webkit-box;display: -ms-flexbox;display: flex;list-style: none;padding: 0;margin: 0; overflow-x: scroll; -ms-overflow-style: none;   scrollbar-width: none;  }
.nav_SubHeader nav ul::-webkit-scrollbar {display: none;}
  
.nav_SubHeader nav ul li {padding: 0px 0.75rem; -ms-flex-negative: 0; flex-shrink: 0;}
.nav_SubHeader nav ul li:first-child{padding-left: 0;}
.nav_SubHeader nav ul li:last-child{padding-right: 0;}
.nav_SubHeader nav ul li a {text-decoration: none; font-size: 1rem; line-height: 1.25rem; font-weight: bold;display: inline-block; color: rgb(98, 116, 162);cursor: pointer;-webkit-transition: color 0.15s ease-out 0s;-o-transition: color 0.15s ease-out 0s;transition: color 0.15s ease-out 0s;}
.nav_SubHeader nav ul li a.active{color: rgb(31, 53, 115);}


.hero-banner {
/*    height: 97vh; */
    position: relative;
    overflow: hidden;
}
.hero-banner img {/*position: absolute; top: 0px; left: 0px; width: 100%;  -o-object-fit: cover; object-fit: cover;-o-object-position: 50% 50%;object-position: 50% 50%;opacity: 1; -webkit-transition: opacity 500ms ease 0s; -o-transition: opacity 500ms ease 0s; transition: opacity 500ms ease 0s; font-family: "object-fit: cover; object-position: 50% 50%";*/ width:100%;     width: 100%;
    height: 100%;} 
.hero-banner .container {position: absolute;bottom: 70px;   left: 0;width: 100%;}
.hero-banner .content {text-align: center;}
.hero-banner .content h2 {color: #fff;font-size: 3.125rem; line-height: 3.25rem; left: -2px;    position: relative;margin-bottom: 1.25rem; font-weight: normal;} 
.hero-banner .item.bg-img {display: block;/*background-size: cover; background-position:center; height: 80vh;*/ height: 100%;}
    .bestseller-wrap{padding-top: 5rem; padding-bottom: 5rem;}
    .bestseller-wrap h2{font-size: 3.125rem;line-height: 3.25rem;left: -2px;  text-align: center ;color: rgb(31, 53, 115);    position: relative;margin-bottom: 2rem; font-weight: normal;}
.bestseller-wrap .single-collection{margin-bottom: 0;}
.hero-banner .owl-stage {
    display: flex;
}


.hero-banner .owl-dots {position: absolute; bottom: 20px; width: 100%;text-align: center; left: 0;}
.hero-banner .owl-dots button.owl-dot { margin: 0 7px;}
.hero-banner .owl-dots button.owl-dot span {width: 28px; height: 2px;background: #1f3573;display: block; opacity: 0.5;}
.hero-banner .owl-dots .owl-dot.active span { opacity: 1;}


    .img-wrap{padding-top: 27.77777777777778%; position: relative; overflow: hidden;}
.img-wrap img{position: absolute;top: 0px;left: 0px; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover;-o-object-position: 50% 50%;object-position: 50% 50%; opacity: 1; -webkit-transition: opacity 500ms ease 0s; -o-transition: opacity 500ms ease 0s; transition: opacity 500ms ease 0s;font-family: "object-fit: cover; object-position: 50% 50%";}
.erwachsene_wrap{overflow: hidden;background: -o-linear-gradient(335.07deg, rgb(226, 241, 255) 1.02%, rgb(210, 233, 255) 93.53%);background: linear-gradient(114.93deg, rgb(226, 241, 255) 1.02%, rgb(210, 233, 255) 93.53%); min-height: 70vh; display: -webkit-box; display: -ms-flexbox; display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-top: 3.5rem; padding-bottom: 4.5rem;}
#sets{background: -o-linear-gradient(357.69deg, rgb(217, 227, 246) 8.4%, rgb(176, 199, 233) 89.31%);background: linear-gradient(92.31deg, rgb(217, 227, 246) 8.4%, rgb(176, 199, 233) 89.31%); /*padding-top: 11.875rem;*/}
.f-pad{padding-top: 11.875rem;}
.erwachsene_row {position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: -0.75rem;margin-right: -0.75rem;}
.erwachsene_content {width: 29.1667%; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; padding-left: 0.75rem;padding-right: 0.75rem; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center;}
.erwachsene_content span{text-decoration: none; font-family: 'Foco', sans-serif; display: block; font-size: 0.875rem; line-height: 1rem; font-weight: bold;text-transform: uppercase; margin-bottom: 0.5rem;  color: rgb(69, 93, 139);}
.erwachsene_content h2{ font-size: 3.125rem;line-height: 3.25rem;left: -2px; text-transform: uppercase;position: relative; color: rgb(31, 53, 115); font-weight: normal; margin-bottom: 1.25rem;}
.erwachsene_content p{font-size: 1.125rem;line-height: 1.5rem;     margin-bottom: 1.25rem;     color: rgb(69, 93, 139);}
.erwachsene_content .btn{height: 2.75rem;padding: 0px 1.625rem;      margin-top: 0.75rem;  }

.erwachsene_img{width: 66.6667%; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; margin-left: 4.16667%; padding-left: 0.75rem;padding-right: 0.75rem;}
/* .erwachsene_img_row{display: -webkit-box;display: -ms-flexbox;display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; position: relative;} */
.erwachsene_img_row .item{width:100%; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; position: relative;  }
/* .erwachsene_img_row .item.item-6{width: 62.5%;} */

.erwachsene_img_row2 .item-box.item-box-big{max-width: 80%; margin:0 auto}
.item.item-6 .gatsby-image-wrapper{border-radius: 0.75rem; overflow: hidden !important;}
.erwachsene_img_row .item-box-big{margin-bottom: 1.125rem;margin-left: auto; margin-right: auto; max-width: 536px;}
 .ProductImage__ImageWrapper.bg-img {/*padding-top: 172%;*/display: block; background-position: center; background-size: contain; background-repeat: no-repeat; }
.item.item-6  a.ProductImage__ImageWrapper.bg-img {display: block;/*padding-top: 75%;*/border-radius: 0.75rem;background-size: cover;background-repeat: no-repeat;background-position: center;}
.erwachsene_img_row .item{width: 80%;}
.ProductImage__ImageWrapper.bg-img img{width:100%; display:block}

/* .erwachsene_img_row .item{padding-left:0.5rem;padding-right:0.5rem;margin-left:0rem;margin-right:0rem;width:41.6667%;} */
/* @media screen and (min-width: 36em){.erwachsene_img_row .item{padding-left:0.75rem;padding-right:0.75rem;}}
@media screen and (min-width: 36em){.erwachsene_img_row .item{width:29.1667%;}}
@media screen and (min-width: 48em){.erwachsene_img_row .item{width:29.1667%;}}
@media screen and (min-width: 62em){.erwachsene_img_row .item{width:41.6667%;}}
@media screen and (min-width: 75em){.erwachsene_img_row .item{width:31.25%;}} */
.item-box{margin-bottom:1.125rem;margin-left:auto;margin-right:auto;max-width:256px;}
.erwachsene_img_row .item{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;}
.item-box .relative{position:relative;}
.item-box .relative::after{content:"";display:block;padding-bottom:206.25%;}
.erwachsene_wrap .container{padding-right: 0;}
.erwachsene_wrap.set_col_wrap  .container{padding-right:4.5rem}
.erwachsene_img_row .owl-stage, .erwachsene_img_row2  .owl-stage{
    padding-left: 0 !important;
}
.erwachsene_img_row .owl-next, .erwachsene_img_row2 .owl-next, .owl-next {width: 40px;height: 40px;background: rgb(31, 53, 115) !important;color: #fff !important;border-radius: 50%;display: flex;align-items: center;justify-content: center;position: absolute;top: 50%; transform: translateY(-50%); right: 20px;z-index: 2;}

.erwachsene_img_row .owl-next svg, .erwachsene_img_row2 .owl-next svg, .owl-next svg {fill: currentColor;width: 18px;height: 18px;}
.erwachsene_img_row .owl-prev, .erwachsene_img_row2 .owl-prev , .owl-prev  {width: 40px;height: 40px;background: rgb(31, 53, 115) !important;color: #fff !important;border-radius: 50%;display: flex;align-items: center;justify-content: center;position: absolute;top: 50%; transform: translateY(-50%); left: 20px;z-index: 2;}
.erwachsene_img_row .owl-prev svg, .erwachsene_img_row2 .owl-prev svg, .owl-prev svg {fill: currentColor;width: 18px;height: 18px; transform: rotate(180deg);}

.newsletter_wrap{background: -o-linear-gradient(357.69deg, rgb(217, 227, 246) 8.4%, rgb(176, 199, 233) 89.31%);background: linear-gradient(92.31deg, rgb(217, 227, 246) 8.4%, rgb(176, 199, 233) 89.31%);}
.newsletter_wrap .container{/*padding: 7.5rem 4.5rem 9.5rem;*/ padding: 5.5rem 4.5rem 5.5rem;}
.newsletter_box{display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column;}
.newsletter_box .icon  { padding: 0.75rem; border-radius: 50%; background: white; -webkit-box-sizing: content-box; box-sizing: content-box; fill: currentcolor;min-width: 32px; min-height: 32px; height: auto; margin-bottom: 1.5rem;width: 32px;}
.newsletter_box h2 {    margin-bottom: 1.25rem; color: rgb(31, 53, 115); font-weight: normal;text-decoration: none; font-size: 2rem; line-height: 2rem; left: -1px;  position: relative; -webkit-hyphens: none; -ms-hyphens: none; hyphens: none;white-space: pre-line;}
.newsletter_box h6{font-size: 1.125rem; font-weight: normal; color: rgb(69, 93, 139); line-height: 1.5rem; margin-bottom: 1rem;}
.newsletter_box p{margin-bottom: 1rem; margin-left:auto; margin-right:auto; max-width: 36rem;text-align: center; color: rgb(98, 116, 162); font-size: 0.875rem;line-height: 1.125rem;}
.newsletter_box p a {font-weight: bold;border-bottom: 2px solid currentcolor;-webkit-transition: opacity 0.1s ease-out 0s;-o-transition: opacity 0.1s ease-out 0s;transition: opacity 0.1s ease-out 0s; color: inherit;     text-decoration: none;}
.newsletter_box p a:hover{opacity: 0.8;}
.newsletter_box form{width: 100%;}
.newsletter_box .input-group{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;border-radius: 99px;background: rgb(255, 255, 255); max-width: 416px; width: 100%; margin: 1rem auto; padding-left: 1rem;padding-right: 0.375rem; height: 2.75rem;}
.newsletter_box .form-control{border-width: 0px; font-family: 'Foco', sans-serif; border-radius: 0px; color: rgb(31, 53, 115); background: transparent; -webkit-appearance: none; -moz-appearance: none; appearance: none;outline: none;-webkit-transition: all 0.15s ease-out 0s;-o-transition: all 0.15s ease-out 0s;transition: all 0.15s ease-out 0s;-webkit-box-flex: 1;-ms-flex: 1 1 auto;flex: 1 1 auto;-o-text-overflow: ellipsis;text-overflow: ellipsis;overflow: hidden;     padding-right: 0.5rem; font-weight: normal;font-size: 1rem;line-height: 1.25rem;}
.newsletter_box .form-control::-webkit-input-placeholder{text-overflow:ellipsis;color:#6274A2;}
.newsletter_box .form-control::-moz-placeholder{text-overflow:ellipsis;color:#6274A2;}
.newsletter_box .form-control:-ms-input-placeholder{text-overflow:ellipsis;color:#6274A2;}
.newsletter_box .form-control::-ms-input-placeholder{text-overflow:ellipsis;color:#6274A2;}
.newsletter_box .form-control::placeholder{-o-text-overflow:ellipsis;text-overflow:ellipsis;color:#6274A2;}
.newsletter_box .form-control:-ms-input-placeholder{ color:#6274A2; }
.newsletter_box .form-control {
    display: block !important;
}

.newsletter_box .btn{    -webkit-box-flex: 0;    -ms-flex: 0 0 auto;    flex: 0 0 auto;}
.footer_wrap{ position: relative;  padding: 7.75rem  4.5rem 3rem; display: block; background: -o-linear-gradient(159.85deg, rgb(42, 53, 92) 9.68%, rgb(87, 100, 143) 96.7%); background: linear-gradient(290.15deg, rgb(42, 53, 92) 9.68%, rgb(87, 100, 143) 96.7%);}
.footer_row{display: -webkit-box;display: -ms-flexbox;display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;     margin-left: -0.75rem;margin-right: -0.75rem;}
.footer_nav_wrap{display: -webkit-box;display: -ms-flexbox;display: flex;     width: 66.6667%; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; margin-left: -0.75rem;margin-right: -0.75rem; padding-left: 0.75rem; padding-right: 0.75rem;}
.footer-nav {width: 25%; padding-left: 0.75rem; padding-right: 0.75rem;}
/* .footer-nav h6{color: rgb(173, 201, 226);     font-size: 0.75rem;line-height: 0.875rem;font-weight: bold; text-transform: uppercase;} */
.footer-nav ul{list-style: none; padding: 0;  margin-top: 0.75rem; display: -webkit-box; display: -ms-flexbox; display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column; color: rgb(255, 255, 255); }
.footer-nav ul li {   font-weight: normal; margin-bottom: 4px;  font-size: 1rem;line-height: 1.25rem;}
.footer-nav ul li a{color: inherit;text-decoration: none;}
.payment-wrap{width: 33.3333%; padding-bottom: 3.5rem; padding-left: 0.75rem; padding-right: 0.75rem; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2;}
.footer_row h6{color: rgb(173, 201, 226); font-size: 0.75rem;line-height: 0.875rem;font-weight: bold; text-transform: uppercase;}
.payment-icon{display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap; list-style: none;padding-left: 0; align-items:center;    margin-top: 0.75rem;}
.payment-icon li {margin-right: 0.5rem;}
.payment-icon li img {height: 1.5rem;width: auto;}
.shipping-wrap{width: 33.3333%; padding-bottom: 3.5rem; padding-left: 0.75rem; padding-right: 0.75rem; -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4;}
.social-icon{-webkit-box-ordinal-group: 4;-ms-flex-order: 3;order: 3; width: 66.6667%; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; padding-left: 0.75rem; padding-right: 0.75rem;}
.social-icon ul{padding: 0;  margin-top: 0.75rem; display: -webkit-box; display: -ms-flexbox; display: flex;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row; list-style: none;}
.social-icon ul li+li{    margin-left: 0.75rem;}
.social-icon ul li a{position: relative; z-index: 1; -webkit-box-align: center; -ms-flex-align: center; align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center; border: 0px; overflow: hidden; outline: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;-ms-flex-negative: 0;flex-shrink: 0; pointer-events: all; cursor: pointer;-webkit-transition: all 0.1s ease-out 0s;-o-transition: all 0.1s ease-out 0s;transition: all 0.1s ease-out 0s;text-decoration: none; font-size: 1rem;line-height: 1.25rem;font-weight: bold;display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex; height: 2.75rem; border-radius: 1.375rem; padding: 0px;width: 2.75rem; background: rgba(255, 255, 255, 0.98);}
.social-icon ul li a svg { -webkit-box-sizing: content-box; box-sizing: content-box; fill: currentcolor; min-width: 28px; min-height: 28px; height: auto;position: relative;color: rgb(31, 53, 115);}
.footer-b{width: 100%; -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; padding-left: 0.75rem;padding-right: 0.75rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.footer-b p{width: 50%; text-decoration: none; font-size: 0.875rem;line-height: 1rem;font-weight: normal; color: rgb(173, 201, 226);}
.footer-b p a{color: inherit; text-decoration: none; margin-right: 1rem;     }
.footer-b p.t-right{text-align: right;}
.mobile-search{display: none; margin-top: 22px;}
.mobile-search form.SearchBox {pointer-events: all;}

.mobile-search form.SearchBox input.form-control {opacity: 1;font-weight: normal; text-decoration: none; font-size: 1.25rem; line-height: 1.5rem; width: 100%;height: 2.75rem; border-width: 0px 0px 1px;border-top-style: initial;border-right-style: initial; border-left-style: initial;border-top-color: initial;border-right-color: initial;border-left-color: initial; -o-border-image: initial; border-image: initial;border-bottom-style: solid;border-bottom-color: rgb(173, 201, 226);outline: none;color: rgb(31, 53, 115); background: transparent; opacity: 1; -webkit-transition: all 0.2s ease-out 0s; -o-transition: all 0.2s ease-out 0s; transition: all 0.2s ease-out 0s;}

.collection-box.block-bg {background-size: cover;background-position: center;position: relative;}

.collection-box.block-bg:before {content: "";width: 100%;height: 100%;display: block;background: #000;opacity: 0.5;position: absolute;top: 0;left: 0;}

.collection-box.block-bg a {position: relative;z-index: 2;}

/* collection page css*/
.collection-row{display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap;  margin-left: -0.75rem; margin-right: -0.75rem;}
.collection-row .col-3{width: 25%; padding-left: 0.75rem; padding-right: 0.75rem;}
.collection-row .col-6{padding-left: 0.75rem; padding-right: 0.75rem; width: 50%;}
.collection-content{margin-bottom: 4rem;}
.single-collection {margin-bottom: 4rem; opacity:0;  transition:opacity 1s; }
.collection-content > span {    font-size: 0.875rem;line-height: 1rem;font-weight: bold;text-transform: uppercase;     margin-bottom: 0.5rem;color: rgb(69, 93, 139); display: block;}
.collection-content h2{font-weight: normal;text-transform: uppercase;position: relative; font-size: 3.125rem;line-height: 3.25rem;left: -2px; color: rgb(31, 53, 115); margin-bottom:1.25rem;}
.collection-content ul{    list-style: disc;padding-left: 2rem;     margin-bottom: 1rem;}
.collection-content ul li{padding-left: 0.25rem; font-size: 1.125rem;line-height: 1.5rem;     color: rgb(69, 93, 139);}
.collection-content p, .collection-content .desonly{margin-bottom: 1rem ; font-size: 1.125rem;line-height: 1.5rem; color: rgb(69, 93, 139);}
.collection-img{max-width: 196px; margin-bottom: 1.125rem; display:flex; align-items:end; justify-content:center; margin-left: auto; margin-right: auto;}
.collection-img a{display: block; /*padding-top: 175%;*/ background-size: contain; background-position: center bottom; background-repeat: no-repeat;}
.collection-img a img{width:100%; display:block; margin:0 auto; position:relative; z-index:1;}
.collection-info{text-align: center;}
.collection-info p{font-size: 1rem; line-height: 1.25rem; font-weight: bold; outline: none;width: 100%;color: rgb(31, 53, 115); margin-bottom: 1rem;}
.collection-info .btn{width: 100%; max-width: 200px; display: block; margin-left: auto; margin-right: auto; height: 2.75rem;padding: 0px 1.625rem;}
.collection-info .btn .icon{ left: -0.5rem;color: rgb(255, 255, 255); fill: currentcolor; vertical-align: middle;    width: 24px; min-width: 24px; min-height: 24px;height: auto;}
.collection-info .p-link{    font-weight: normal; text-decoration: none;font-size: 0.875rem;line-height: 1.125rem; margin-top: 0.5rem; color: rgb(69, 93, 139); display: inline-block;}
.collection-info .show{display: none;}
.qty-option{ background-color: rgb(255, 255, 255); max-width: 100px; margin:0 auto;  border-radius: 185px; padding: 0.5rem;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.qtybtn {width: 28px;height: 28px; cursor: pointer; border-radius: 50%;border: none;background: rgb(31, 53, 115);padding: 0;margin: 0;/* line-height: 1; */display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
.qtybtn svg {color: #fff;fill: currentcolor; min-width: 24px; min-height: 24px; height: auto;position: relative;}
.qty-option input {width: 27px;text-align: center; border: none; width: 27px;color: rgb(31, 53, 115);font-size: 1rem;font-weight: bold;}
.collection-row .col-6 .collection-img{max-width: 536px;}
.bg-dark{background: -o-linear-gradient(357.69deg, rgb(217, 227, 246) 8.4%, rgb(176, 199, 233) 89.31%);background: linear-gradient(92.31deg, rgb(217, 227, 246) 8.4%, rgb(176, 199, 233) 89.31%);}
.bg-light{background: -o-linear-gradient(335.07deg, rgb(226, 241, 255) 1.02%, rgb(210, 233, 255) 93.53%);background: linear-gradient(114.93deg, rgb(226, 241, 255) 1.02%, rgb(210, 233, 255) 93.53%);}
/* .collection-row .col-6  .collection-img a{padding-top: 80%;} */
.menu .social-icon{display: none;}

a.btn-back {z-index: 1; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border: 0px; overflow: hidden; outline: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-flex-negative: 0; flex-shrink: 0; pointer-events: all; cursor: pointer; -webkit-transition: all 0.1s ease-out 0s; -o-transition: all 0.1s ease-out 0s; transition: all 0.1s ease-out 0s; text-decoration: none; font-size: 1rem; line-height: 1.25rem; font-weight: bold; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; height: 2.75rem; border-radius: 1.375rem; padding: 0px; width: 2.75rem; background: rgba(255, 255, 255, 0.98);position: absolute;left: 4rem;top: 0;}
a.btn-back svg {color: rgb(31, 53, 115);fill: currentcolor; min-width: 16px; min-height: 16px; height: auto;width: 16px;}

.set-colle a img {
    border-radius: 0.75rem;
}
.set-colle h2{font-size: 1.125rem;
    line-height: 1.5rem; font-weight: normal;
      margin-bottom: 0.25rem;
    color: rgb(31, 53, 115);
}
.m-flex {height: 100%;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}
.m-flex .social-icon {padding-bottom: 0; padding: 0;}
.m-flex .social-icon ul {display: -webkit-box;display: -ms-flexbox;display: flex; margin-top: 20px;}
.m-flex .social-icon ul li{margin-bottom: 0;}
.m-flex .social-icon ul li a {position: relative; z-index: 1;-webkit-box-align: center;-ms-flex-align: center;align-items: center; -webkit-box-pack: center;  -ms-flex-pack: center;  justify-content: center;border: 0px; overflow: hidden; outline: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-flex-negative: 0; flex-shrink: 0; pointer-events: all; cursor: pointer; -webkit-transition: all 0.1s ease-out 0s; -o-transition: all 0.1s ease-out 0s; transition: all 0.1s ease-out 0s; text-decoration: none; font-size: 1rem; line-height: 1.25rem; font-weight: bold; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; height: 2.75rem; border-radius: 1.375rem; padding: 0px; width: 2.75rem; background: rgb(31, 53, 115);}
.m-flex .social-icon ul li a svg{     -webkit-box-sizing: content-box;     box-sizing: content-box; margin: 0; fill: currentcolor;min-width: 28px; min-height: 28px; height: auto;position: relative;color: #fff;}


/* product page css*/
.product-wrap{display: -webkit-box;display: -ms-flexbox;display: flex; overflow:hidden; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; min-height: 100vh; padding-bottom: 4.5rem;}
.product-row{display: -webkit-box;display: -ms-flexbox;display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-pack: distribute; justify-content: space-around; }
.product-content{width: 25%; position:relative; z-index:2;}
.product-content h1{font-size: 3.5rem;line-height: 3.5rem; left: -3px; font-weight: bold;position: relative; margin-bottom: 0.75rem; color: rgb(31, 53, 115);}
.product-content h4{font-size: 1.375rem;font-weight: normal; line-height: 1.5rem; margin-bottom: 1.75rem; color: rgb(69, 93, 139);}
.product-content p{    font-size: 1.125rem;line-height: 1.5rem;  color: rgb(69, 93, 139);     margin-bottom: 1rem;}
.product-content img{width: 156px; max-width: 100%; height: auto; display: inline-block;}
.product-img{width: 50%; -webkit-box-flex: 0; -ms-flex: 0 0 auto; padding:0 0.75rem; flex: 0 0 auto; max-width: 330px;}
.product-img .bg-img{/*padding-top: 175%;*/ background-size: contain; background-position: center; background-repeat: no-repeat;}
.product-img .bg-img img{width:80%; margin:0 auto; display:block; position:relative; z-index:2;}
.product-detail{width: 25%;}
.product-detail h4{font-size: 0.875rem; line-height: 1rem; font-weight: bold;     margin-bottom: 0.25rem; color: rgb(69, 93, 139);}
.product-detail .badge{ font-size: 0.75rem; line-height: 0.875rem; font-weight: bold; text-transform: uppercase; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; height: 1rem; min-width: 1.75rem; padding: 0px 0.375rem; border-radius: 0.875rem;color: rgb(255, 255, 255); background: rgb(31, 53, 115);}
.product-detail .btn{height: 2.75rem;padding: 0px 1.625rem; display: block; margin-top: 2rem; margin-bottom: 1rem;}
.product-detail p{    font-weight: normal;text-decoration: none;font-size: 0.75rem;line-height: 1rem; color: #263472;     margin-bottom: 0.75rem;}
.product-img.baby-bad .bg-img img {
    width: 77%;
}
.produc-baby-bad div#uebersicht {
    min-height: unset;
    padding-bottom: 5.5rem;
}
.custom-radio [type="radio"]:checked,
.custom-radio [type="radio"]:not(:checked) { position: absolute; left: -9999px;}
.custom-radio [type="radio"]:checked + label,
.custom-radio [type="radio"]:not(:checked) + label{ position: relative; min-height: 24px; cursor: pointer;  display: block; padding: 1rem;
    margin-bottom: 0.75rem;     background: rgba(255, 255, 255, 0.2);color: rgb(31, 53, 115); border-radius: 1rem;  margin: 0;}
.custom-radio [type="radio"]:checked + label:before,
.custom-radio [type="radio"]:not(:checked) + label:before { content: ''; position: absolute; left: 1rem;top: 1.3rem;width: 1rem;height: 1rem;  border-radius: 100%; background: #fff;}
.custom-radio [type="radio"]:checked + label:after,
.custom-radio [type="radio"]:not(:checked) + label:after { content: ''; width:6px;  height:6px; top: 26px;  left: 21px;border-radius:50%;background: rgb(31, 53, 115);position: absolute;  border-radius: 100%; -webkit-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease;}
.custom-radio [type="radio"]:not(:checked) + label:after { opacity: 0; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0);}
.custom-radio[type="radio"]:checked + label:after { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1);}
.custom-radio [type="radio"]:checked + label::before{border-color: #333;}
.custom-radio label .d-flex{display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding-left: 1.5rem;}
.custom-radio [type="radio"] + label .d-flex p{    font-size: 1.125rem;line-height: 1.5rem; margin: 0; color: rgb(31, 53, 115);}
.custom-radio [type="radio"] + label .d-flex h5{    font-size: 1.75rem;line-height: 1.75rem; font-weight: bold; color: rgb(31, 53, 115);}
.product-detail .custom-radio{    margin-bottom: 0.75rem;}
.custom-radio [type="radio"]:checked + label{ background: rgb(31, 53, 115);color: rgb(255, 255, 255);}
.custom-radio [type="radio"]:checked + label .d-flex p{color: #fff;}
.custom-radio [type="radio"]:checked + label .d-flex h5{color: #fff;}
.product-detail label .show-check{margin-top: 1rem; display: none;}
.custom-radio [type="radio"]:checked + label .show-check{display: block;}
.product-detail .form{margin-top: 2rem;}
.product-detail select.form-control{width: 100%; margin-bottom: 0.5rem;  border: none;  padding: 0.5rem 2.5rem 0.5rem 0.875rem;border-radius: 0.5rem;  outline: none;  background: rgb(255, 255, 255); color: rgb(98, 116, 162); cursor: pointer;  }
.product-detail label .show-check p{    font-size: 0.875rem;line-height: 1.125rem; color: #fff;}
.product-row .mobile-img{display: none;}

.benefits-wrap{display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; min-height: 100vh;}
.benefits-row{display: -webkit-box;display: -ms-flexbox;display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; min-height: 100vh; }
.benefits-feat{width: 50%;     display: -webkit-box;     display: -ms-flexbox;     display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center;  padding: 0.75rem;  background: -o-linear-gradient(159.85deg, rgb(42, 53, 92) 9.68%, rgb(87, 100, 143) 96.7%);  background: linear-gradient(290.15deg, rgb(42, 53, 92) 9.68%, rgb(87, 100, 143) 96.7%);}
.benefits-feat ul {width: 66.66%;margin: 0 auto;display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap;list-style: none;}

.benefits-feat ul li {padding: 0 0.75rem;margin: 1rem 0;width: 33.33%;text-align: center;}

.benefits-feat ul li .icon {width: 4rem; height: 4rem; border-radius: 50%;background: rgb(255, 255, 255);display: block;margin: 0 auto 0.5rem;overflow: hidden;}

.benefits-feat ul li .icon img {width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;}
.benefits-feat ul li p{    font-size: 0.75rem;line-height: 0.875rem;font-weight: bold; color: #fff;}
.ingredients{padding: 7.5rem 4.5rem 9.5rem; width: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
.ingredients h5{    font-size: 0.875rem;line-height: 1rem;text-transform: uppercase; margin-bottom: 1.25rem; color: rgb(69, 93, 139);}
.ingredients p{font-size: 0.875rem; line-height: 1.125rem; color: rgb(69, 93, 139);}
.usage-wrap{background: -o-linear-gradient(335.07deg, rgb(253, 244, 240) 1.02%, rgb(244, 229, 223) 93.53%);background: linear-gradient(114.93deg, rgb(253, 244, 240) 1.02%, rgb(244, 229, 223) 93.53%);}
.usage-row{display: -webkit-box;display: -ms-flexbox;display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; min-height: 100vh; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; }
.usage-img{width: 50%;}
.usage-img img{width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover;}
.usage-content{width: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column;  -webkit-box-pack: center;  -ms-flex-pack: center;  justify-content: center; padding: 7.5rem 4.5rem 9.5rem;}
.usage-content h3{    font-size: 0.875rem;line-height: 1rem; font-weight: bold;text-transform: uppercase; margin-bottom: 0.5rem; color: rgb(69, 93, 139);}
.usage-content ol{list-style: none; margin-top: 2rem; margin-bottom: 2rem; padding-left: 3rem;counter-reset: large-number-counter 0;     font-size: 1.125rem; line-height: 1.5rem;}
.usage-content ol li{  color: rgb(69, 93, 139);  position: relative; display: -webkit-box; display: -ms-flexbox; display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;min-height: 2.5rem; margin-top: 1rem; margin-bottom: 1rem;counter-increment: large-number-counter 1;     padding-left: 0.5rem;}
.usage-content ol li::before {text-decoration: none; text-transform: uppercase;font-weight: bold;content: counter(large-number-counter);position: absolute;left: -3rem;top: 0px;display: -webkit-box;display: -ms-flexbox;display: flex; width: 2.5rem; height: 2.5rem; border-radius: 50%; -webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;  -ms-flex-align: center;  align-items: center; background: rgb(255, 255, 255);}

.value-wrap{padding: 7.5rem 0 9.5rem; min-height: 100vh; display: -webkit-box; display: -ms-flexbox; display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;   background: -o-linear-gradient(335.07deg, rgb(226, 241, 255) 1.02%, rgb(210, 233, 255) 93.53%);   background: linear-gradient(114.93deg, rgb(226, 241, 255) 1.02%, rgb(210, 233, 255) 93.53%);}

.value-wrap h3{text-decoration: none;font-size: 0.875rem; line-height: 1rem; font-weight: bold; text-transform: uppercase; color: rgb(69, 93, 139); margin-bottom: 2.5rem;}
.value-row{display: -webkit-box;display: -ms-flexbox;display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;}
.value-row .v-box{width: 48%;}
.value-row .v-box img{width: 96px; height: 96px; border-radius: 50%; -o-object-fit: cover; object-fit: cover; background: #fff;  margin-bottom: 0.75rem;}
.value-row .v-box h2{font-size: 3.125rem; color: rgb(31, 53, 115); line-height: 3.25rem; left: -2px; margin-bottom: 1.25rem;    text-transform: uppercase;position: relative; font-weight: normal;}
.value-row .v-box p{    font-size: 1.125rem;line-height: 1.5rem; color: rgb(69, 93, 139); margin-bottom: 1.25rem;}

.value-row .v-box .btn{margin-top: 0.75rem; height: 2.75rem; padding: 0px 1.625rem;}

.product-detail .btn svg{vertical-align: middle;}

button.owl-prev.disabled, button.owl-next.disabled{display: none;}


/* cart page css**/
.cart_wrapper{padding-bottom: 9.5rem;}
.cart_row{position: relative; margin-left: -0.75rem; margin-right: -0.75rem; display: flex; flex-wrap: wrap;}
.cart_left{    width: 66.6667%;     flex: 0 0 auto;     padding-left: 0.75rem;padding-right: 0.75rem;}

.cart_item_f{display: flex; margin-bottom: 1rem; flex-wrap: wrap; font-size: 0.875rem; color: rgb(69, 93, 139);line-height: 1rem; margin-left: -0.75rem; margin-right: -0.75rem;  font-weight: bold; text-transform: uppercase;}
.cart_item{flex: 0 0 auto; padding-left: 0.75rem; padding-right: 0.75rem;}
.cart_th{  width: 12.5%;}
.cart_pr{width: 31.25%; display: block;}
.cart_q {width: 18.75%;}
.cart_t { width: 12.5%; text-align: right;}
.cart_r{width: 12.5%; display: block;}
.cart_pric{width: 12.5%;}
.shipping_wrap{padding-top: 5rem; padding-bottom: 5rem;}
.shipping_wrap h4{font-size: 0.875rem;line-height: 1rem;font-weight: bold;text-transform: uppercase;     margin-bottom: 0.5rem;color: rgb(31, 53, 115);}
.shipping_wrap p{font-size: 1.125rem; line-height: 1.5rem; max-width: 24rem;    margin-bottom: 1rem;     color: rgb(69, 93, 139);  }
.cart_head .m-show{display: none;}
.cart_wrap{    border-style: solid; border-color: rgb(137, 163, 202);  border-image: initial;  border-width: 1px 0px 0px;  min-height: 3rem; list-style: none;}
.cart_wrap li{ padding-top: 0.75rem;padding-bottom: 0.75rem;     border-bottom: 1px solid rgb(137, 163, 202);}
.cart_grid{display: flex; align-items: center;  flex-wrap: wrap; margin-left: -0.75rem; margin-right: -0.75rem;}
.cart_grid .cart_th a{display: block;}

.cart_grid .cart_th a img{width: 100%; height: auto;  border-radius: 0.5rem;}
.cart_grid .cart_pr h3{    text-decoration: none; font-size: 1.125rem;line-height: 1.5rem;     font-weight: bold; margin-bottom: 0.25rem ;color: rgb(31, 53, 115); white-space: pre-line;}
.cart_grid .cart_pr h3 a{text-decoration: none; color: rgb(31, 53, 115);}
.cart_grid .cart_pr p{    font-size: 0.875rem;line-height: 1.125rem;     margin-bottom: 0.375rem;color: rgb(31, 53, 115);}
.cart_grid .cart_pric p{    font-size: 1rem;line-height: 1.25rem; color: rgb(31, 53, 115); margin: 0;}
.cart_grid .m-show{display: none;}
.cart_grid .qty-option{margin: 0;}
.cart_grid .cart_r a{font-size: 0.75rem;line-height: 0.875rem; text-transform: uppercase; text-decoration: underline;     color: rgb(31, 53, 115);font-weight: bold;}
.cart_t h4{    font-size: 1.125rem; line-height: 1.5rem;  color: rgb(31, 53, 115); margin: 0;}

.cart_checkout{margin-left: 8.33333%; width: 25%; padding-left: 0.75rem; padding-right: 0.75rem;}

.cart_checkout h5{ font-size: 1.5rem; line-height: 1.5rem; text-transform: capitalize; margin-bottom: 1rem;color: rgb(31, 53, 115);}
.Summary__Section{    border-style: solid; border-color: rgb(137, 163, 202);border-image: initial; border-width: 1px 0px 0px; padding-top: 1.5rem; padding-bottom: 0.5rem;}
.Summary__Section p{ color: rgb(31, 53, 115); font-size: 0.875rem;  line-height: 1.125rem;   padding-bottom: 0.75rem;display: flex;-webkit-box-pack: justify;justify-content: space-between;-webkit-box-align: center; align-items: center;}
.Summary__Section p span{font-weight: bold; text-transform: uppercase;}

.Summary__Section.total p span{font-size: 1rem;line-height: 1.25rem; font-weight: normal;}
.Summary__Section.total p span.big-t{font-size: 1.25rem;line-height: 1.375rem; font-weight: bold;}
.delivery-f {display: flex; align-items: center; margin-bottom: 1rem;}
.deliveryIcon{background-color: rgb(31, 53, 115);border-radius: 99px; display: flex; -webkit-box-pack: center; justify-content: center;-webkit-box-align: center;align-items: center;width: 32px; height: 32px; flex: 0 0 32px; color: rgb(255, 255, 255);  margin-right: 0.5rem;}
.deliveryIcon svg { box-sizing: content-box; fill: currentcolor; min-width: 24px; min-height: 24px;height: auto; width: 24px;}
.delivery-f p{    font-size: 0.875rem;line-height: 1.125rem;  color: rgb(31, 53, 115);}
.cart_checkout .ProgressBar__Outer{background: #fff;}
.cart_checkout .ProgressBar__Inner{background:rgb(53, 210, 27); width: 100%;}
.cart_checkout .btn-checkout{width: 100%;     height: 2.75rem;padding: 0px 1.625rem;     margin-top: 2.5rem; margin-bottom: 0.75rem;}
.cart_checkout .terms{margin-bottom: 1rem; font-size: 0.75rem;line-height: 1rem; color: rgb(69, 93, 139); margin-bottom: 1rem;}
.cart_checkout .terms a {font-weight: bold; color: inherit; text-decoration: none; border-bottom: 2px solid currentcolor;   transition: opacity 0.1s ease-out 0s;}
.cart_checkout .terms a:hover{opacity: 0.8;}
.cart_checkout .payment-icon{margin-top: 2rem;}


.bg-blue{background: linear-gradient(290.15deg,rgb(42,53,92) 9.68%,rgb(87,100,143) 96.7%);}
.h-collection-list{display: flex; flex-wrap: wrap;}
.collection-box{width: 25%; padding: 30px 15px; min-height: 40vh; display: flex; text-align: center; align-items: center; justify-content: center; flex-direction:column}
.collection-box{text-decoration: none;}
.collection-box>*{position:relative; z-index:2;}
.collection-box h2{color: #fff; font-weight: normal; margin-bottom: 0.75rem; text-decoration: none; font-size: 2.5rem;}
.collection-box  p{color: #fff; font-size: 1.4rem;}
.collection-box  h4{color: #fff; font-size: 2rem; text-transform: capitalize;}

.featured-row{display: flex; flex-wrap: wrap; }
/* .featured-wrap .featured-row:nth-child(even){flex-direction: row-reverse;} */
.featured-img{width: 50%;}
.featured-img img{max-width: 100%; width: 100%; display:block; height: 100%; -o-object-fit: cover; object-fit: cover;}
.featured-content{width: 50%; display: flex;flex-direction: column; -webkit-box-pack: center; padding: 3.5rem 4.5rem 2.5rem; justify-content: center;}
.featured-content h2{font-size: 3.125rem;line-height: 3.25rem; left: -2px;   position: relative; color: rgb(31, 53, 115);font-weight: normal; margin-bottom: 1.25rem;}
.featured-content h6{color: rgb(31, 53, 115);}
.featured-content p{font-size: 1.125rem; line-height: 1.5rem;  margin-bottom: 1.25rem;  color: rgb(69, 93, 139);}
.featured-content .btn {
    height: 2.75rem;
    padding: 0px 1.625rem;
    margin-top: 0.75rem;
}


a.ProductImage__ImageWrapper.bg-img{position:relative;}
.product-img .bg-img{position:relative; z-index:1;}
/* a.ProductImage__ImageWrapper.bg-img::before {
    content: "";
    position: absolute;
    display: block;
    box-shadow: rgb(0 0 0 / 40%) 0px 0px 80px;
    inset: 40% 12% 4%; z-index:-1;
} */
/* .owl-carousel .item-box {
    padding-top: 70px;
    padding-bottom: 70px;
}
a.ProductImage__ImageWrapper.bg-img:after, {z-index: -1;
    position: absolute;
    width: 250%;
    pointer-events: none;
    transform-origin: 0px 50%;
    opacity: 0.4;
    top: -20%;
    bottom: -8%;
    left: -2%;
    transform: translateY(-10%) rotate(13deg) skew(0deg, 39deg);
  background: url(/cdn/shop/t/4/assets/productShadow2-small.png) 0% 0% / 100% 100% no-repeat;
    background-repeat: no-repeat;
    transition: opacity 1.5s ease-out 0.25s;content: "";height: 100%;}
 */
.collection-img{position:relative}
.collection-img a{position:relative; z-index:2;}
.ProductImage__Shadow, .shadow {

   z-index: 1;
    position: absolute;
    width: 250%;
    pointer-events: none;
    transform-origin: 0px 50%;
    opacity: 0.2;
    top: -15%;
    bottom: -14%;
    left: -2%;
  
    transform: translateY(-10%) rotate(13deg) skew(0deg, 39deg);
  background: url(/cdn/shop/t/4/assets/productShadow2-small.png) 0% 0% / 100% 100% no-repeat;
    background-repeat: no-repeat;
    transition: opacity 1.5s ease-out 0.25s;
}
.shadow{top: -16%;
    bottom: -25%;
    left: 9%;}


.collection-item-row {display: flex;justify-content: center;flex-wrap: nowrap;}

.col-cu {padding: 0 5px;max-width: 124px; min-width:124px; width: 100%;}

.col-cu .item-content {display: block;text-align: center;text-decoration: none;}

.col-cu .selected .image {border: 1px solid #1f3573;}

.col-cu .image img {width: 100%;height: 100%;display: block; object-fit: cover;}

.col-cu .image {border-radius: 20px; background:#fff; overflow: hidden;}

.col-cu .name {margin-top: 10px;font-size: 1rem; line-height: 1.25rem; font-weight: 700; outline: none; width: 100%;color: #6274a2;}
.col-cu .selected .name{color: #1f3573; }


.rc_popup {
    display: none !important;
}
.rc-template__legacy-radio .rc-radio {position: relative;
    min-height: 24px;
    cursor: pointer;
    display: block;
    padding: 1rem !important;
    
    background: rgba(255,255,255,.2);
    color: #1f3573;
    border-radius: 1rem ;
    margin: 0; margin-bottom: 0.75rem !important;}
.rc-widget .rc-option--active{background: rgb(31,53,115) !important;color: #fff;}

.rc-template__legacy-radio .rc-radio__input {
    display: none !important;
}
.rc-template__legacy-radio .rc-radio__label {display: flex !important;width: 100%;justify-content: space-between;font-size: 1.125rem;
    line-height: 1.5rem;
    margin: 0;
    color: #1f3573;
      padding-left: 1.5rem;
    position: relative;
}
.rc-widget .rc-option--active .rc-radio__label{color:#fff !important}
.rc-widget .rc-option--active span.rc-option__price{color:#fff !important}
.rc-template__legacy-radio .rc-radio__label:before{content: "";
    position: absolute;
    left: 0;
    top: 6px;
    width: 1rem;
    height: 1rem;
    border-radius: 100%;
background: #fff;}

.rc-template__legacy-radio .rc-radio__label:after{content: "";
    width: 6px;
    height: 6px;
    top: 11px;
    left: 5px;
    background: rgb(31,53,115);
    position: absolute;
    border-radius: 100%;
    -webkit-transition: all .2s ease;
    -o-transition: all .2s ease;
transition: all .2s ease; opacity:0;}
.rc-widget .rc-option--active .rc-radio__label:after{opacity:1;}
.rc-template__legacy-radio span.rc-option__price{font-size: 1.75rem;
    line-height: 1.75rem;
    font-weight: 700;
    color: #1f3573;}

.rc-template__legacy-radio .rc_widget__option__selector+.rc-selling-plans {
    padding-left: 0 !important;
    padding-bottom: 0 !important;
    margin-top: 20px;
}
.rc-widget .rc-selling-plans__dropdown{width: 100%;
    margin-bottom: 0.5rem;
    border: none;
    padding: 0.5rem 2.5rem 0.5rem 0.875rem;
    border-radius: 0.5rem;
    outline: none;
    background: rgb(255,255,255);
    color: #6274a2;
    cursor: pointer;}


.set-includes-wrap {
    padding: 7.5rem 0 9.5rem;
    min-height: 100vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.set-includes-wrap h4{text-decoration: none;
    font-size: 0.875rem;
    line-height: 1rem;
    font-weight: bold;
    text-transform: uppercase;
    hyphens: none;
    white-space: pre-line;
  margin-bottom: 4.25rem;
      color: rgb(69, 93, 139);
}
.set-includes-row{display:flex; flex-wrap:wrap; margin-left: -0.75rem; margin-right: -0.75rem;} 
.single-set {width: 25%;padding: 0 0.75rem;margin-bottom: 4rem;display: flex;align-items: center;}


.single-set-img {min-width: 112px;width: 112px;display: flex;align-items: center;justify-content: center;padding-left: 0px;
    padding-right: 0px;}

.single-set-img img {max-width: 100%;height: auto;display: block;}
.single-set-info {display: flex;
    flex-direction: column;
    align-items: flex-start;}
.single-set-info h3 {font-size: 1.125rem;
    line-height: 1.5rem;margin-bottom: 0.5rem;
    color: rgb(31, 53, 115);font-weight: bold;}

.single-set-info span.badge {position: relative;
    z-index: 1;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    border: 0px;
    overflow: hidden;
    outline: none;
    user-select: none;
    flex-shrink: 0;
    pointer-events: all;
    cursor: pointer;
    transition: all 0.1s ease-out 0s;
    text-decoration: none;
    font-size: 0.75rem;
    line-height: 0.875rem;
    font-weight: bold;
    text-transform: uppercase;
    display: inline-flex;
    height: 1rem;
    min-width: 1.75rem;
    padding: 0px 0.375rem;
    border-radius: 0.875rem;
    color: rgb(255, 255, 255);
    background: rgb(98, 116, 162);cursor: default;margin-bottom: 0.75rem;}

.single-set-info .link {border: 0px;
    background: transparent;
    cursor: pointer;
    appearance: none;
    text-decoration: underline;
    text-underline-offset: 0.175em;
    white-space: nowrap;font-size: 0.875rem;
    line-height: 1.125rem;font-weight: bold;color: rgb(69, 93, 139);/* hyphens: none; *//* display: block; */}
.set-in-mobile{display:none}

.set-includes-slide .owl-stage {
    padding-left: 0 !important;
}

.set-includes-slide .owl-stage {padding-left: 0 !important;}

.set-includes-slide .owl-dots .owl-dot span {width: 0.5rem;
    height: 0.5rem;
    border-radius: 50%;
    background: #fff;display: block;}

.set-includes-slide .owl-dots {text-align: center;margin-top: 20px;}

.set-includes-slide .owl-dots .owl-dot {margin: 0 3px;}

.set-includes-slide .owl-dots .owl-dot.active span {background: rgb(31, 53, 115);}

.product-row-w .product-img {max-width: inherit;width: 58.33%;}

.product-row-w .product-img .bg-img img {width: 100%;border-radius: 0.75rem;}
.product-row-w .product-img {max-width: inherit;width: 58.33%;}

.product-row-w .product-img .bg-img img {width: 100%;border-radius: 0.75rem;}

.product-row-w .product-content {width: 33.33%;margin-left: 8.33333%;}

.product-row-w .product-detail {width: 100%;}


.detail-modal {max-width: 83.33%; border-radius: 0.75rem; width: 100%;margin: 0 auto;background: linear-gradient(114.93deg, rgb(226, 241, 255) 1.02%, rgb(210, 233, 255) 93.53%);padding: 5.75rem 0.75rem;position: relative;}

.detail-modal-row {display: flex;margin-left: -0.75rem;
    margin-right: -0.75rem;flex-wrap: wrap;align-items: center;}

.detail-modalimage {width: 20%;padding: 0 0.75rem;margin-left: 10%;}

.detail-modalimage img {max-width: 100%;display: block;margin: 0 auto;width: 70%;}

.detail-modalContent {width: 50%;width: 50%;margin-left: 10%;padding-left: 0.75rem;
    padding-right: 0.75rem;}

.detail-modalContent h2 {font-size: 2rem;
    line-height: 1.875rem;margin-bottom: 0.5rem;
    color: rgb(31, 53, 115);font-weight: bold;}

.detail-modalContent span.badge {position: relative;
    z-index: 1;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    border: 0px;
    overflow: hidden;
    outline: none;
    user-select: none;
    flex-shrink: 0;
    pointer-events: all;
    cursor: pointer;
    transition: all 0.1s ease-out 0s;
    text-decoration: none;
    font-size: 0.75rem;
    line-height: 0.875rem;
    font-weight: bold;
    text-transform: uppercase;
    display: inline-flex;
    height: 1rem;
    min-width: 1.75rem;
    padding: 0px 0.375rem;
    border-radius: 0.875rem;
    color: rgb(255, 255, 255);
    background: rgb(98, 116, 162);margin-bottom: 1rem;}

.detail-modalContent p {font-size: 1rem;
    line-height: 1.25rem;color: rgb(69, 93, 139);margin-bottom: 2rem;}

.detail-modalContent h5 {text-decoration: none;
    font-size: 0.875rem;
    line-height: 1rem;
    font-weight: bold;
    text-transform: uppercase;margin-bottom: 0.5rem;
    color: rgb(69, 93, 139);}

.detail-modalContent .btn {height: 2.75rem;
    padding: 0px 1.625rem;
    border-radius: 1.375rem;
    color: rgb(255, 255, 255);
    background: rgb(31, 53, 115);margin-top: 0.5rem;}

.detail-modal .mfp-close {width: auto;height: auto;right: 20px;top: 20px;line-height: inherit;opacity: 1;}


.index .featured-img img {
    min-height: 100vh;
}
.index  .video-container{height: 100vh;}

/* campaign page css*/
.campaign-wrap{min-height:100vh; overflow:hidden; position:relative;}
.video-container{position:absolute; top:0;left:0; width:100%; height:100%;}
.video-container video{width:100%; height:100%;    object-fit: cover; display:block;}
.campaign-wrap .container{padding-bottom:2.5rem; position:absolute;width:100%; left:0; bottom:0}
.featured-content span {text-decoration: none; font-size: 0.875rem;line-height: 1rem; font-weight: bold;text-transform: uppercase;hyphens: none;white-space: pre-line;margin-bottom: 0.5rem; color: rgb(69, 93, 139); display: block;}
.campaign-featured .featured-content h2 {text-transform: uppercase;}
.featured-content span div { background-color: rgb(255, 255, 255); border-radius: 99px; display: inline-flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center;align-items: center; width: 40px; height: 40px; flex: 0 0 40px; margin-top: -4px;color: rgb(31, 53, 115);  vertical-align: middle; margin-right: 0.5rem;}
button.Video_MuteButton {position: relative;z-index: 1;-webkit-box-align: center;align-items: center;-webkit-box-pack: center;justify-content: center;border: 0px;overflow: hidden;outline: none;user-select: none;flex-shrink: 0;pointer-events: all;cursor: pointer;transition: all 0.1s ease-out 0s;text-decoration: none;font-size: 1rem;line-height: 1.25rem;font-weight: bold;display: inline-flex;height: 2.75rem;border-radius: 1.375rem;padding: 0px;width: 2.75rem;background: rgba(0, 0, 0, 0.4); transform: scale(1.5);
    transform-origin: left bottom;}
button.Video_MuteButton svg { box-sizing: content-box;fill: currentcolor; min-width: 24px;min-height: 24px; height: auto; color: #fff; position: relative; width: 24px;}
button.Video_MuteButton .play-h{display:none}
button.Video_MuteButton.Mute .play-h{display:block}
button.Video_MuteButton.Mute .mute-h{display:none}
.featured-img{position:relative; overflow:hidden}
 .featured-img   .container{padding-bottom:2.5rem; position:absolute;width:100%; left:0; bottom:0}
.campaign-featured .featured-row:nth-child(even){flex-direction:row-reverse}
 .featured-img .video-container{position:relative;}
.featured-row.bg-blue .featured-content h2{color:#fff}
.featured-row.bg-blue .featured-content span, .featured-row.bg-blue .featured-content p{color:rgb(173, 201, 226)}
.featured-row.bg-blue .featured-content h6{color:rgb(173, 201, 226);}

/* ratgeber page css*/
.ratgeber-banner {min-height: 100vh;overflow: hidden;background: linear-gradient(92.31deg, rgb(217, 227, 246) 8.4%, rgb(176, 199, 233) 89.31%);display: flex;flex-direction: column;}

.ratgeber-banner-row {position: relative;display: flex;flex-flow: column wrap;flex-direction: row;    min-height: 100vh;}
.ratgeber-banner-content.container {z-index: 1;display: flex;flex-direction: column;-webkit-box-pack: center;justify-content: center;width: 50%;padding-top: 12.875rem;padding-bottom: 9.5rem;}
.ratgeber-banner-image { width: 50%;}
.ratgeber-banner-image img {position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;object-fit: cover;object-position: 50% 50%;opacity: 1;transition: opacity 500ms ease 0s;font-family: "object-fit: cover;object-position: 50% 50%";}
.ratgeber-banner-content span {text-decoration: none;font-size: 0.875rem;line-height: 1rem;font-weight: bold;text-transform: uppercase;hyphens: none;white-space: pre-line;margin-bottom: 0.5rem;color: rgb(69, 93, 139);display: block;}
.ratgeber-banner-content h2{font-size: 4rem;    margin-bottom: 1.25rem; color: rgb(31, 53, 115); line-height: 4rem; left: -3px; text-transform: uppercase;    position: relative; font-weight: normal; hyphens: none;  white-space: pre-line;}
.ratgeber-banner-content p{font-size: 1.125rem;line-height: 1.5rem;margin-bottom:1rem; font-weight: normal; color: rgb(69, 93, 139);}
.tab-show{display:none !important}

.articleOverview_wrap{padding-top:7.5rem; padding-bottom:9.5rem}
ul.artical-type {display: flex;-webkit-box-pack: center;justify-content: center;flex-wrap: wrap;list-style: none;margin-top: -2rem;margin-bottom: 6rem;padding: 0;}
ul.artical-type li {margin: 0.125rem 0.25rem;}
ul.artical-type li a {position: relative;z-index: 1;display: inline-flex;-webkit-box-align: center;align-items: center;-webkit-box-pack: center;justify-content: center;border: 0px;overflow: hidden;outline: none;text-decoration: none;font-size: 1rem;line-height: 0.9375rem;font-weight: bold;text-transform: uppercase;background: transparent;color: rgb(31, 53, 115);padding: 0.375rem 0.8125rem;border-radius: 1.375rem;hyphens: none;white-space: pre-line;}
ul.artical-type li a.active{background: rgb(31, 53, 115); color:#fff}

.article_Grid {display: flex;margin-left: -0.75rem;margin-right: -0.75rem;flex-wrap: wrap;align-items: flex-end;}
.article_item {color: rgb(31, 53, 115);padding: 0 0.75rem;margin-bottom: 2rem;width: 33.33%;}
.article_card {background: #fff; display:block; transition: all 0.2s ease-out 0s; text-decoration: none; border-radius: 0.75rem;overflow: hidden;}
a.article_card:hover{opacity:0.8;}
.article_image img {width: 100%;height: auto;display: block;}
.article_info {padding: 1.5rem 2rem 1.25rem;}
.article_info h5 {text-decoration: none;font-size: 0.875rem;line-height: 1rem;font-weight: bold;text-transform: uppercase;hyphens: none;white-space: pre-line;margin-bottom: 0.625rem;color: rgb(98, 116, 162);}
.article_info h3{font-weight: normal;text-decoration: none;font-size: 1.625rem;line-height: 1.625rem;text-transform: uppercase;hyphens: auto;white-space: pre-line;margin-bottom: 0.75rem;color: rgb(31, 53, 115);}
.article_info p{font-weight: normal;text-decoration: none;font-size: 1rem;line-height: 1.25rem;hyphens: auto;white-space: pre-line;margin-bottom: 1.5rem;color: rgb(98, 116, 162);}
.article_info-flex { display: flex;align-items: center; justify-content: space-between;}
.article_info-flex div{margin-bottom:0.75rem}
.article_info-flex .tag{position: relative;z-index: 1;display: inline-flex;-webkit-box-align: center;align-items: center;-webkit-box-pack: center;justify-content: center;border: 0px;color: rgb(255, 255, 255);overflow: hidden;outline: none;text-decoration: none;font-size: 0.75rem;line-height: 1rem;font-weight: bold;text-transform: uppercase;background: rgb(98, 116, 162);padding: 0px 0.375rem;border-radius: 0.5rem;}
.article_info-flex .tag:last-child{margin-right:0}
.article_info-flex .btn{font-size: 1rem;line-height: 1.25rem;font-weight: bold;display: inline-flex;height: 2.75rem;padding: 0px 1.625rem; margin-top:0 !important;}
.article_info p.date{font-weight: normal;
    text-decoration: none;
    font-size: 1rem;
    line-height: 1.25rem;
    hyphens: none;
    white-space: pre-line;
    margin-bottom: 0.75rem;
    color: rgb(31, 53, 115);}
.pagination a {position: relative;z-index: 1;-webkit-box-align: center;align-items: center;-webkit-box-pack: center;justify-content: center;border: 0px;overflow: hidden;outline: none;user-select: none;flex-shrink: 0;pointer-events: all;cursor: pointer;transition: all 0.1s ease-out 0s;text-decoration: none;font-size: 1rem;line-height: 1.25rem;font-weight: bold;display: inline-flex;height: 2.75rem;border-radius: 1.375rem;padding: 0px;width: 2.75rem;background: rgba(255,255,255,0.4);color: rgb(31, 53, 115);}
.pagination a.active{background:rgba(255,255,255,0.85)}
.pagination {display: flex;-webkit-box-pack: center;justify-content: center;-webkit-box-align: center;align-items: center;margin-top: 4rem;}
.pagination p{text-decoration: none; margin:0 2rem; font-size: 1rem; line-height: 1.25rem; font-weight: bold; hyphens: none; white-space: pre-line;}

/* single article page css */
.single-article-banner img{width:100%; height:auto; display:block}
.single-article-banner {width: 66.6667%; margin-left: 16.6667%; margin-bottom:3rem}

.single-article-wrap.bg-dark .container { padding-top: 7.625rem; padding-bottom:9.5rem;}
.single-article-content>* { width: 50%;margin-left: 25%;}

.single-article-content p { font-size: 1.125rem;line-height: 1.5rem;color: rgb(69, 93, 139); font-weight: normal;margin-bottom: 1rem;}
.single-article-content p.intro{margin-bottom:4rem}
.single-article-content h2 {font-size: 2rem;     margin-bottom: 1.5rem;    text-transform: uppercase; position: relative; line-height: 2rem;left: -1px; font-weight: normal; color: rgb(31, 53, 115);}
.single-article-content p + h2{ margin-top: 4rem;}
.single-article-content h4{font-size: 1.125rem;line-height: 1.5rem; margin-top: 1.5rem;  font-weight: bold; color: rgb(31, 53, 115); margin-bottom: 1rem;}
.single-article-content figure { width: 66.6667%; margin-left: 16.6667%; margin-top: 4rem; margin-bottom: 4rem;}
.single-article-content img{max-width:100%; width: 66.6667%; margin-left: 16.6667%; margin-top: 4rem; margin-bottom: 4rem; height:auto; display:block}
.single-article-content p a, .single-article-content li a {font-weight: bold;border-bottom: 2px solid currentcolor;transition: opacity 0.1s ease-out 0s; color: rgb(31, 53, 115); text-decoration:none}
.single-article-content p a:hover, .single-article-content li a:hover{opacity: 0.8;}
.single-article-head h4 { text-decoration: none; font-size: 0.875rem;line-height: 1rem;font-weight: bold; text-transform: uppercase; hyphens: none; white-space: pre-line; margin-bottom: 0.5rem;color: rgb(31, 53, 115);}
.single-article-head h1 {font-weight: normal; text-decoration: none; text-transform: uppercase; position: relative;  hyphens: auto; white-space: pre-line; font-size: 3.125rem;line-height: 3.25rem; left: -2px; margin-top: 0rem; margin-bottom: 0rem; color: rgb(31, 53, 115);}
.single-article-head .w-50{padding-bottom: 1.5rem; width:50%;}
.single-article-head {display: flex; flex-wrap: wrap;}
.single-article-head .w-25{width:25%}
.single-article-head .w-25 h5{text-decoration: none; font-size: 0.875rem; line-height: 1rem; font-weight: bold; text-transform: uppercase; hyphens: none; white-space: pre-line;margin-bottom: 0.5rem;color: rgb(31, 53, 115);text-align: left;}
.single-article-content h3 {text-decoration: none;  font-size: 0.875rem;line-height: 1rem;font-weight: bold; text-transform: uppercase; margin-bottom: 0.5rem; color: rgb(31, 53, 115); margin-top: 1.5rem;}
.single-article-content ul { font-weight: normal; margin-bottom: 1rem;list-style: disc;padding-left: 2rem;font-size: 1.125rem; line-height: 1.5rem; color: rgb(69, 93, 139);}
.single-article-content ul>li {padding-left: 0.25rem;}
.tag-list{list-style:none; margin:0; padding:0; margin-bottom:2.5rem}
.tag-list li{position: relative;z-index: 1;display: inline-flex;-webkit-box-align: center;align-items: center;-webkit-box-pack: center;justify-content: center;border: 0px;color: rgb(255, 255, 255);overflow: hidden;outline: none;text-decoration: none;font-size: 0.75rem;line-height: 1rem;font-weight: bold;text-transform: uppercase;background: rgb(98, 116, 162);padding: 0px 0.375rem;border-radius: 0.5rem;hyphens: none;white-space: pre-line;}
.tag-list li:last-child{margin-right:0}
.single-article-head .social-icon { padding: 0;}
.Split-wrap{text-align:center; width: 100%; margin-top: 3rem; padding-bottom:0}
.Split-wrap h5{text-decoration: none; font-size: 0.875rem; line-height: 1rem; font-weight: bold; text-transform: uppercase; hyphens: none; white-space: pre-line;margin-bottom: 0.5rem;color: rgb(31, 53, 115);}
.Split-wrap.social-icon ul li+li, .single-article-head .social-icon ul li+li {
    margin-left: 0.5rem;
}
.social-icon.Split-wrap ul {
    justify-content: center;
}
.single-article-head .w-25 p.date {
    margin-bottom: 2.5rem;
    font-size: 1.125rem;
    line-height: 1.5rem;
    color: rgb(69, 93, 139);
}
.single-article-content sub {
    bottom: -0.25em;
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}
.single-article-content .single-article-content-flex, .single-article-content table{ width: 66.6667%;  flex-direction: row-reverse;
    margin-top: 4rem; margin-bottom: 4rem;margin-left: 16.6667%; margin-right:-0.75rem}
.single-article-content table tbody{display:block}
.single-article-content table tbody tr{display:flex; flex-wrap:wrap; }
.single-article-content-flex div, .single-article-content table tbody tr td:first-child{padding:0 0.75rem; padding-right:1rem; width:50% !important;}
.single-article-content-flex figure,  .single-article-content table tbody tr td:last-child{padding:0 0.75rem; width:50% !important; margin:0;}
.single-article-content table tbody tr td img{width:100%; margin:0}
.ExpertProfile_wrap {
    margin-top: 4rem;
    padding-top: 4rem;
    border-top: 2px solid  rgb(31, 53, 115);
    display: flex;
    align-items: flex-start;
}

.ExpertProfile_Image {
    min-width: 120px;
    border-radius: 50%;
    overflow: hidden;
    margin-right: 2rem;
    margin-top: 1rem;
}

.ExpertProfile_Image img {
    margin: 0;
    object-fit: cover;
    width: 120px;
    height: 120px;
    display: block;
}

.ExpertProfile_content h4 {
    text-decoration: none;
    font-size: 0.875rem;
    line-height: 1rem;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 0.5rem;
    color: rgb(31, 53, 115);
    margin-top: 0;
}

.ExpertProfile_content h3 {
    margin-top: 0;
    font-size: 1.375rem;
    line-height: 1.5rem;
    margin-bottom: 1rem;
    color: rgb(31, 53, 115);
    text-transform: inherit;
    font-weight: normal;
}
/* payment page css*/
.page-content-wrap{padding-top:12.875rem; padding-bottom:9.5rem;}
.page-content h1 {font-weight: normal;text-decoration: none;font-size: 4rem;line-height: 4rem;text-transform: uppercase;position: relative;left: -3px;hyphens: none;white-space: pre-line;margin-bottom: 1.25rem;color: rgb(31, 53, 115);margin-bottom: 3rem;}
.page-content {width: 50%;margin-left: 25%;}
.page-content h1 {font-weight: normal;text-decoration: none;font-size: 4rem;line-height: 4rem;text-transform: uppercase;position: relative;left: -3px;hyphens: none;white-space: pre-line;margin-bottom: 1.25rem;color: rgb(31, 53, 115);margin-bottom: 4.25rem;}
.page-content h2 {font-weight: normal;text-decoration: none;font-size: 2rem;line-height: 2rem;text-transform: uppercase;position: relative;margin-bottom: 1.5rem;left: -1px;color: rgb(31, 53, 115);}
.page-content p {font-weight: normal;text-decoration: none;font-size: 1.125rem;line-height: 1.5rem;hyphens: none;white-space: pre-line;color: rgb(69, 93, 139);margin-bottom: 1rem;}
.page-content h2 ~h2 {margin-top: 4rem;}
.page-content ol {padding-left: 1.75rem;font-weight: normal;margin-bottom: 1rem;}
.page-content ol>li {padding-left: 0.5rem;font-weight: normal;text-decoration: none;font-size: 1.125rem;line-height: 1.5rem;hyphens: none;white-space: pre-line;color: rgb(69, 93, 139);}
.page-content ul{list-style: disc;padding-left: 2rem;margin-top: 1rem;font-weight: normal;margin-bottom: 1rem;}
.page-content ul>li{padding-left: 0.25rem;font-weight: normal;text-decoration: none;font-size: 1.125rem;line-height: 1.5rem;hyphens: none;white-space: pre-line;color: rgb(69, 93, 139);}
.page-content a{font-weight: bold;border-bottom: 2px solid currentcolor;transition: opacity 0.1s ease-out 0s;text-decoration: none;color: rgb(31, 53, 115);}
.page-content a:hover{opacity:0.8}
.page-content h3{text-decoration: none;     margin-top: 1.5rem; font-size: 0.875rem; line-height: 1rem; font-weight: bold;text-transform: uppercase;margin-bottom: 0.5rem; color: rgb(31, 53, 115);}
.page-content h4{    text-decoration: none;
    font-size: 1.125rem;
    line-height: 1.375rem;
    font-weight: bold;
    margin-bottom: 1rem; color: rgb(31, 53, 115); margin-top:1rem}
/* contact page css*/
.kontakt_wrap{padding-top:12.875rem; padding-bottom:9.5rem;}
.kontakt_head{margin-bottom:4rem}
.kontakt_head h5{text-decoration: none;font-size: 0.875rem;line-height: 1rem;font-weight: bold;text-transform: uppercase;hyphens: none;white-space: pre-line;margin-bottom: 0.5rem;color: rgb(69, 93, 139);}
.kontakt_head h1{font-weight: normal;text-decoration: none;font-size: 6rem;line-height: 5.875rem;text-transform: uppercase;position: relative;left: -6px;hyphens: none;white-space: pre-line;margin-bottom: 1.25rem;color: rgb(31, 53, 115);}
.kontakt_head p{font-weight: normal; text-decoration: none;font-size: 1.125rem;line-height: 1.5rem; hyphens: none;white-space: pre-line;color: rgb(69, 93, 139); margin-bottom:1rem}

.kontakt_row{display:flex;flex-wrap:wrap; margin-left:-0.75rem; margin-right:-0.75rem;}
.kontakt_address {width: 50%;padding: 0 0.75rem;}
.kontakt_address h4 {text-decoration: none;font-size: 0.875rem;line-height: 1rem;font-weight: bold;text-transform: uppercase;hyphens: none;white-space: pre-line;margin-bottom: 0.5rem;color: rgb(69, 93, 139);}
.kontakt_address p {font-weight: normal;text-decoration: none;font-size: 1.125rem;line-height: 1.5rem;hyphens: none;white-space: pre-line;color: rgb(69, 93, 139);margin-bottom: 1rem;}
.kontakt_address p a {font-weight: bold;border-bottom: 2px solid currentcolor;transition: opacity 0.1s ease-out 0s;color: inherit;text-decoration: none;}
.kontakt_address p a:hover {opacity: 0.8;}

.kontakt_form .form-filed {display: flex;flex-wrap: wrap; margin-left: -0.75rem;margin-right:-0.75rem;}
.form-group {padding-left: 0.75rem;padding-right: 0.75rem;margin-bottom: 2.125rem;width: 100%;}
.kontakt_form {width: 50%;padding: 0 0.75rem;}
.form-filed .form-group.w-50 {width: 50%;}
.kontakt_form label {text-decoration: none;font-size: 0.875rem;line-height: 1rem;font-weight: bold;text-transform: uppercase;hyphens: none;white-space: pre-line;padding-bottom: 0.5rem;display: inline-block;color: rgb(31, 53, 115);}
.kontakt_form .form-control {width: 100%;display: block;font-weight: normal;text-decoration: none;font-size: 1rem;line-height: 1.25rem;border: 0px;padding: 0.75rem 1rem;font-family: inherit;width: 100%;border-radius: 0.5rem;color: rgb(31, 53, 115);background: rgb(255, 255, 255);appearance: none;}
.kontakt_form .form-control::-webkit-input-placeholder {color: rgb(69, 93, 139);}
.kontakt_form .form-control::-moz-placeholder {color: rgb(69, 93, 139);}
.kontakt_form .form-control:-ms-input-placeholder {color: rgb(69, 93, 139);}
.kontakt_form .form-control::-ms-input-placeholder {color: rgb(69, 93, 139);}
.kontakt_form .form-control::placeholder {color: rgb(69, 93, 139);}
.kontakt_form .form-control:focus, .Dropdown-sc select:focus{outline: none;color: rgb(31, 53, 115);box-shadow: rgb(255 255 255) 0px 0px 0px 2px inset, rgb(98 116 162) 0px 0px 0px 4px inset;}
.Dropdown-sc{position: relative;color: rgb(31, 53, 115);}
.Dropdown-sc select{font-weight: normal;text-decoration: none;font-size: 1rem;font-family: inherit;line-height: 1.25rem;appearance: none;display: block;border: 0px;padding: 0.75rem 1rem;width: 100%;border-radius: 0.5rem;background: rgb(255, 255, 255);color: rgb(31, 53, 115);cursor: pointer;outline: none;}
.Dropdown-sc svg{box-sizing: content-box;fill: currentcolor;min-width: 28px;min-height: 28px;height: auto;position: absolute;top: 0.65rem;right: 0.5rem;pointer-events: none;width: 28px;}
.kontakt_form select:hover:not(:focus) {color: rgb(69, 93, 139);}
.kontakt_form textarea{font-weight: normal;text-decoration: none;font-size: 1rem;font-family: inherit;line-height: 1.25rem;border: 0px;border-radius: 0.5rem;padding: 0.75rem 1rem;width: 100%;background: rgb(255, 255, 255);color: rgb(31, 53, 115);resize: vertical;appearance: none;}
.kontakt_form .btn-primary {height: 2.75rem; padding: 0px 1.625rem; border-radius: 1.375rem;}

.custom-checkbox input{padding: 0; height: initial; width: initial; margin-bottom: 0; display: none; cursor: pointer;}
.custom-checkbox label{position:relative; font-family: Foco, sans-serif; padding-left:1.625rem; font-weight: normal;text-decoration: none;font-size: 0.875rem; line-height: 1.125rem; hyphens: none; white-space: pre-line; color: rgb(98, 116, 162); margin-bottom:0; position:relative;     text-transform: inherit; }
.custom-checkbox label:before{content:"";appearance: none; background: rgb(255, 255, 255); border-radius: 0.25rem; width: 1rem; height: 1rem; display: block; border: 0px; margin: 0.0625rem 0.5rem 0px 0px;color: rgb(255, 255, 255); position:absolute; top:0; left:0}
.custom-checkbox input:checked + label:before{background: rgb(31, 53, 115);}
.Checkbox__CheckIcon{position: absolute; width: 1rem;height: 1rem;pointer-events: none; top: 5px; left: 3px; opacity: 0; transition: opacity 0.4s ease-out 0s; color: rgb(255, 255, 255);}
.custom-checkbox input:checked + label .Checkbox__CheckIcon{opacity:1;}
.Checkbox__CheckIcon path {  fill: #fff;}

.abo-richtlinien-wrap{min-height: 100vh; display: flex; justify-content: center; flex-direction: column;}
 .abo-richtlinien-wrap .container{   display: flex;flex-direction: column;-webkit-box-pack: center; justify-content: center; padding-top:12.875rem; padding-bottom: 9.5rem;}
.abo-content { margin-left: 25%; width: 50%;}
.abo-content h5{text-decoration: none;font-size: 0.875rem; line-height: 1rem;font-weight: bold; text-transform: uppercase;hyphens: none; white-space: pre-line; margin-bottom: 3.05rem; color: rgb(69, 93, 139);}
.abo-content h1{ font-weight: bolder; text-decoration: none;font-size: 2rem;line-height: 2rem;text-transform: uppercase; position: relative;margin-bottom: 1.5rem;     color: rgb(31, 53, 115);}
.abo-content p{    font-weight: normal; text-decoration: none; font-size: 1.125rem;line-height: 1.5rem; hyphens: none;white-space: pre-line; color: rgb(69, 93, 139); margin-bottom: 1rem;}
.featured-content p a{font-weight: bold;
    border-bottom: 2px solid currentcolor;
    transition: opacity 0.1s ease-out 0s;
    color: inherit;
    text-decoration: none;
}
.featured-content p a:hover{opacity:0.8}
/* mission page css*/


.mission-feat .video-container{height:100vh;}
.mission-feat .featured-content p{margin-bottom:1rem}
.mission-feat .featured-content h2{text-transform:uppercase;}
.featured-content ul.icon-list { margin-top: 4rem; list-style: none; padding: 0;}
.featured-content ul.icon-list li{margin-bottom:1rem;display:flex;-webkit-box-align:center;align-items:center;color:#1f3573;text-decoration:none;font-size:.875rem;line-height:1rem;font-weight:700;text-transform:uppercase;hyphens:none;white-space:pre-line}
.featured-content ul.icon-list li span{flex:0 0 auto;margin-right:.75rem;width:3.5rem;height:3.5rem;border-radius:50%;overflow:hidden;position:relative;margin-bottom:0}
.featured-content ul.icon-list li span img{max-width:100%;height:auto;display:block}
.bg-blue ul.icon-list li{color:#fff}
.featured-row.row-reverse {flex-direction: row-reverse;}
.featured-wrap.erwachsene_wrap { min-height: auto; padding: 0;}
.verpackung-wrap{padding-top:7.5rem; padding-bottom:9.5rem;background:url("/cdn/shop/t/4/assets/SavingsBackground-7ab561f58212287b4bbdb01f42341a65.png?v=1665561654") right bottom / 800px no-repeat, linear-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.25)), url("/cdn/shop/t/4/assets/backgroundTileRecycled-ade8bc839faec99770a1be031f482fc6.jpg") center center / 200px repeat;}
.verpackung-row {display: flex;flex-direction: row-reverse;justify-content: space-between; flex-wrap:wrap;}
.verpackung-content {width: 50%;}
.verpackung-img {width: 45.8333%;}
.verpackung-img img {width: 100%;height: auto;display: block; max-width: 35rem;margin-left: auto;}
.verpackung-wrap .container {padding-right: 4.5rem;}
.verpackung-content h5 {text-decoration: none;font-size: 0.875rem;line-height: 1rem;font-weight: bold;text-transform: uppercase;hyphens: none;white-space: pre-line;margin-bottom: 0.5rem;color: rgb(69, 93, 139);}
.verpackung-content h2 {font-weight: normal;text-decoration: none;font-size: 3.125rem;line-height: 3.25rem;text-transform: uppercase;position: relative;left: -2px;hyphens: none;white-space: pre-line;margin-bottom: 1.25rem;color: rgb(31, 53, 115);}
.verpackung-content p {font-weight: normal;text-decoration: none;font-size: 1.125rem;line-height: 1.5rem;hyphens: none;white-space: pre-line;color: rgb(69, 93, 139);margin-bottom: 2.5rem;}
.verpackung-content h3 {text-decoration: none;font-size: 1.5rem;line-height: 1.5rem;text-transform: uppercase;font-weight: bold;hyphens: none;white-space: pre-line;margin-bottom: 1.5rem;color: rgb(31, 53, 115);}
ol.Bullets__List {margin-left: -0.75rem;margin-right: -0.75rem;display: flex;flex-wrap: wrap;position: relative;counter-reset: bullets 0;list-style: none;}
ol.Bullets__List li {padding-left: 0.75rem;padding-right: 0.75rem;width: 50%;counter-increment: bullets 1;margin-bottom: 1rem;min-height: 2rem;flex: 0 0 auto;}
ol.Bullets__List li> div {position: relative;padding-left: 3rem;}
ol.Bullets__List li>div:before {position: absolute;left: 0px;top: 0px;content: counter(bullets);display: block;width: 2rem;height: 2rem;border-radius: 50%;font-size: 1.375rem;line-height: 2rem;font-weight: bold;background: rgb(31, 53, 115);color: rgb(255, 255, 255);text-align: center;}
ol.Bullets__List li p {text-decoration: none;font-size: 0.875rem;line-height: 1.125rem;hyphens: none;white-space: pre-line;font-weight: bold;color: rgb(31, 53, 115);margin: 0;}
.verpackung-content p small {font-weight: normal;text-decoration: none;font-size: 0.6875rem;line-height: 0.875rem;hyphens: none;white-space: pre-line;color: rgb(31, 53, 115);}
.verpackung-bottom {margin-top: 6rem;}
.verpackung-bottom h2 {font-weight: normal;text-decoration: none;font-size: 3.125rem;line-height: 3.25rem;text-transform: uppercase;position: relative;left: -2px;hyphens: none;white-space: pre-line;margin-bottom: 1.25rem;color: rgb(31, 53, 115);}
.verpackung-bottom p {font-weight: normal;text-decoration: none;font-size: 1.125rem;line-height: 1.5rem;hyphens: none;white-space: pre-line;color: rgb(69, 93, 139);margin-bottom: 1rem;max-width: 50%;}
.verpackung-bottom img {max-width: 25rem;margin-left: 12%;margin-right: 12%;width: 100%;margin-top: 3rem;}

.ueber-banner .ratgeber-banner-content h2{color:#fff}
.ueber-banner .ratgeber-banner-content span, .ueber-banner .ratgeber-banner-content p{color:rgb(173, 201, 226)}

.historie-ueber-wrap{padding-top:7.5rem; padding-bottom: 9.5rem;}
.historie-ueber-head{width:50%;}
.historie-ueber-head h5{text-decoration: none; font-size: 0.875rem; line-height: 1rem; font-weight: bold; text-transform: uppercase; hyphens: none; white-space: pre-line; margin-bottom: 0.5rem; color: rgb(69, 93, 139);}
.historie-ueber-head h2{font-weight: normal;     margin-bottom: 1.25rem;color: rgb(31, 53, 115); text-decoration: none; font-size: 3.125rem; line-height: 3.25rem;text-transform: uppercase; position: relative; left: -2px; hyphens: none; white-space: pre-line;}
.historie-ueber-head p{ margin-bottom:1rem;  font-weight: normal; text-decoration: none; font-size: 1.125rem;line-height: 1.5rem; hyphens: none;  white-space: pre-line;-webkit-mask-composite: xor; color: rgb(69, 93, 139);}

.historie-ueber-row {display: flex;margin-left: -0.75rem;margin-right: -0.75rem;flex-wrap: nowrap;}
.historie-ueber-container {overflow: hidden;overflow-x: auto;padding-bottom:1.5rem;}
.historie-item {width: 25%;padding: 0 0.75rem;max-width: 24rem;flex: 0 0 auto;}
.img-fluid {max-width: 100%;}
.hisorie-img {padding: 1.25rem 1.25rem 2rem;background: rgb(255, 255, 255);border-radius: 0.75rem 0.75rem 0 0;}
.hisorie-img img{display:block}
.hisorie-info {padding: 3.25rem 1.25rem 1rem;border-radius:0 0 0.75rem 0.75rem;background: #fff;color: rgb(31, 53, 115);position: relative;}
.hisorie-info h5 {text-decoration: none;font-size: 1.5rem;line-height: 1.5rem;text-transform: uppercase;font-weight: bold;hyphens: none;white-space: pre-line;padding-bottom: 0.5rem;color: rgb(31, 53, 115);}
.hisorie-info p {font-size: 1rem;line-height: 1.25rem;hyphens: auto;white-space: pre-line;color: rgb(98, 116, 162);margin-bottom:1rem}
.hisorie-info:before{position: absolute;left: 1.25rem;top: 1.5rem;content: "";display: block;width: 0.75rem;height: 0.75rem;border-radius: 50%;background: rgb(31, 53, 115);}
.hisorie-info:after{position: absolute;left: 1.5rem;right: -0.75rem;top: 1.825rem;content: "";width: auto;height: 2px;background: rgb(31, 53, 115);}
.historie-ueber-row .historie-item + .historie-item .hisorie-info:after{left: -0.75rem}
.gatsby-image-wrapper{position:relative;overflow:hidden}.historie-card-img {position: relative;}
.historie-card-img:before {content: "";display: block;height: 0px;padding-bottom: 87%;}
.cDJqh {position: absolute;bottom: -2rem;left: 0px;right: 0px;border-radius: 0.75rem;}
.cDJqh .gatsby-image-wrapper {width: 100%;padding-bottom: 80.37735849056604%;}
.hisorie-img img {display: block;position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;object-fit: cover;object-position: 50% 50%;opacity: 1;transition-delay: 500ms;font-family: "object-fit: cover;object-position: 50% 50%";}
.historie-ueber-row .historie-item:nth-child(even) .gatsby-image-wrapper, .historie-ueber-row .historie-item:last-child .gatsby-image-wrapper  {/*padding-bottom: 77.35849056603773%;*/ padding-bottom: 88.358491%;}
.historie-ueber-row .historie-item:last-child .hisorie-info:after{left: -0.75rem;right: auto;width: 2.25rem;}
.development_wrap .cDJqh .gatsby-image-wrapper {/*padding-bottom: 77.35849056603773%;*/  padding-bottom: 91.358491%;}
.presse-ueber-wrap {padding-top:7.5rem;padding-bottom:9.5rem;}
.presse-ueber-wrap h2{text-decoration: none;font-size: 0.875rem;line-height: 1rem;font-weight: bold;text-transform: uppercase;hyphens: none;white-space: pre-line;margin-bottom: 0.5rem;color: rgb(69, 93, 139);}
.presse-ueber-wrap h2.mb-2{margin-bottom:2rem}
.presse-ueber-slider .article_item{width:100%; padding:0;}
.presse-ueber-slider .owl-stage {display: flex; align-items: flex-end;}
.presse-ueber-slider .owl-dots .owl-dot span { width: 10px; width: 0.5rem; height: 0.5rem;border-radius: 50%;background: rgb(255, 255, 255);margin: 0 3px;display: block;}
.presse-ueber-slider .owl-dots {text-align: center;}
.presse-ueber-slider button.owl-dot.active span { background: rgb(31, 53, 115);}
.text-center{text-align:center;}
.presse-ueber-wrap .btn{margin-top:2rem; height: 2.75rem;padding: 0px 1.625rem;}

.data-facts-wrap{padding-top:7.5rem;padding-bottom:0rem;}
.data-facts-row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}

.col-58 {
    width: 58.3333%;
    flex: 0 0 auto;
}

.col-45 {
    width: 41.6667%;
    flex: 0 0 auto;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
}



.col-58 h2 {
    text-decoration: none;
    font-size: 0.875rem;
    line-height: 1rem;
    font-weight: bold;
    text-transform: uppercase;
    hyphens: none;
    white-space: pre-line;
    margin-bottom: 0.5rem;
    color: rgb(69, 93, 139);
}

.data-facts-column {
    display: flex;
    position: relative;
    flex-wrap: wrap;
    margin-left: -0.75rem;
    margin-right: -0.75rem;
}

.data-facts-single {
    width: 41.6667%;
    padding: 0 .75rem;
    margin-bottom: 3rem;
}
.data-facts-column .data-facts-single:nth-child(even) {
    width: 58.33%;
}

.data-facts-single p {
    font-weight: normal;
    text-decoration: none;
    font-size: 1.125rem;
    line-height: 1.5rem;
    hyphens: none;
    white-space: pre-line;
    -webkit-mask-composite: xor;
    color: rgb(69, 93, 139);
}

.data-facts-single h3 {
    font-weight: normal;
    text-decoration: none;
    font-size: 6rem;
    line-height: 5.875rem;
    text-transform: uppercase;
    position: relative;
    left: -6px;
    hyphens: none;
    white-space: pre-line;
    color: rgb(31, 53, 115);
}

.data-facts-single h3 span {
    font-weight: normal;
    text-decoration: none;
    font-size: 2rem;
    line-height: 1.875rem;
    hyphens: none;
    white-space: pre-line;
    margin-top: 0.625rem;
    padding-left: 0.75rem;
    display: inline-block;
    vertical-align: top;
}
.data-facts-single h4 {
    font-weight: normal;
    text-decoration: none;
    font-size: 4rem;
    line-height: 4rem;
    text-transform: uppercase;
    position: relative;
    left: -3px;
    hyphens: none;
    white-space: pre-line;
    color: rgb(31, 53, 115);
}
.data-facts-single h4 ~ p{margin-top:3rem}

.data-map-wrap {
    position: relative;
    max-width: 26rem;
}

.Map__Marker {
    position: absolute;
    left: 24%;
    top: 43%;
}

.Map__Marker:before {
    position: absolute;
    left: -1rem;
    top: 0.375rem;
    content: "";
    display: block;
    width: 0.5rem;
    height: 0.5rem;
    border-radius: 50%;
    background: rgb(255, 255, 255);
}

.Map__Marker p {
    text-decoration: none;
    font-size: 1rem;
    line-height: 1.25rem;
    font-weight: bold;
    hyphens: none;
    white-space: pre-line;
    color: #fff;
}

.Map__Marker p.cu {
    text-decoration: none;
    font-size: 0.875rem;
    line-height: 1rem;
    font-weight: bold;
    text-transform: uppercase;
    hyphens: none;
    white-space: pre-line;
    margin-bottom: 0.5rem;
     
}

#header .nav_SubHeader{display:none}
.article  #header .nav_SubHeader{display:block}
.page-mission  .featured-img img{min-height:100vh}
.fade-in-up {
/*     opacity:0; 
     visibility: hidden;

    -webkit-transform: translateY(30px);
    transform: translateY(30px);
    
    -webkit-transition: all .8s ease-in-out;
    transition: all .8s ease-in-out; */
}

.page-mission #header .nav_SubHeader {
    display: flex;
}
.page-mission  .nav_SubHeader .ueber-page, .page-mission  .nav_SubHeader a.btn-back{display:none}
.page-ueber-buebchen #header .nav_SubHeader {
    display: flex;
}
.page-ueber-buebchen  .nav_SubHeader a.btn-back, .page-ueber-buebchen  .nav_SubHeader .mission-page{display:none}

div#news .mfp-close {
    display: none;
}
.newsletter_popup {
/*     z-index: 10000;
    position: fixed;
    bottom: 1rem;
    left: auto;
    right: 2rem; */ max-width:640px; margin:0 auto;
    border-radius: 0.75rem;
    background: linear-gradient(114.93deg, rgb(226, 241, 255) 1.02%, rgb(210, 233, 255) 93.53%);
    box-shadow: rgb(0 0 0 / 7%) 0px 0px 16px;
/*       opacity: 0;
    pointer-events: none;
    transform: translateY(4rem); */
    transition: all 0.2s ease-out 0s;
      position: relative;


    padding: 1.5rem 2rem;
}
/* .newsletter_popup.show{    opacity: 1;
    pointer-events: all;
    transform: translateY(0rem);
    transition: all 0.2s ease-out 0s;
    transform: translateX(0rem);} */

button.NewsletterOverlay__CloseButton {
    z-index: 1;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    border: 0px;
    background: transparent;
    overflow: hidden;
    outline: none;
    user-select: none;
    flex-shrink: 0;
    pointer-events: all;
    cursor: pointer;
    transition: all 0.1s ease-out 0s;
    text-decoration: none;
    font-size: 1rem;
    line-height: 1.25rem;
    font-weight: bold;
    display: inline-flex;
    height: 2.75rem;
    border-radius: 1.375rem;
    padding: 0px;
    width: 2.75rem;
    position: absolute;
    left: 1;
    top: 1rem;
    right: 1rem;
}

.highlight_wrap{overflow:hidden;}
.highlight_row { position: relative; display: flex; flex-direction: row;}
.highlight_Container {padding: 7.5rem 4.5rem 9.5rem; z-index: 1;display: flex; flex-direction: column; -webkit-box-pack: center; justify-content: center; position: relative;  margin-left: auto;  margin-right: auto; width: 50%;}
.highlight_content span{text-decoration: none; font-size: 0.875rem; line-height: 1rem; font-weight: bold; text-transform: uppercase; hyphens: none;  white-space: pre-line;margin-bottom: 0.5rem;color: rgb(173, 201, 226);}
.highlight_content h2{font-weight: normal; text-decoration: none; font-size: 3.125rem; line-height: 3.25rem; text-transform: uppercase;position: relative; left: -2px;hyphens: none;white-space: pre-line; margin-bottom: 1.25rem; color: #fff;}

.highlight_content p{font-size: 1.125rem; line-height: 1.5rem;margin-bottom: 1.25rem;     color: rgb(173, 201, 226);}
.highlight_content .btn {
    position: relative;
    z-index: 1;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    border: 0px;
    overflow: hidden;
    outline: none;
    user-select: none;
    flex-shrink: 0;
    pointer-events: all;
    cursor: pointer;
    transition: all 0.1s ease-out 0s;
    text-decoration: none;
    font-size: 1rem;
    line-height: 1.25rem;
    font-weight: bold;
    display: inline-flex;
    height: 2.75rem;
    padding: 0px 1.625rem;
    border-radius: 1.375rem;
    color: rgb(31, 53, 115);
    background: rgba(255, 255, 255, 0.98);
}
.highlight_content .btn svg {position: relative; right: -0.5rem; color: rgb(31, 53, 115);}
.highligt_img {
    width: 50%;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    align-items: flex-end;
    position: relative;
    margin-top: 5%;
}

.highligt_img_inner {
    width: 55%;
    margin-bottom: -15%;
    max-width: 600px;
    flex: 0 0 auto;
}
.highligt_img_inner > div {
    width: 80%;
    /* position: absolute; */
    display: flex;
    align-items: flex-end;
    justify-content: center;
    margin: 0 auto;
    inset: 0px;     position: relative;
}
.highligt_img_inner > div:before {
    content: "";
    position: absolute;
    display: block;
    box-shadow: rgb(0 0 0 / 40%) 0px 0px 80px;
    inset: 26% 12% 3%;
}
.highligt_img_inner img {
    max-width: 100%;
    position: relative;
}

.highligt_img_inner img {
   max-width: 100%;
}
.unsere-content span{text-decoration: none;
    font-size: 0.875rem;
    line-height: 1rem;
    font-weight: bold;
    text-transform: uppercase;
    hyphens: none;
    white-space: pre-line;
    margin-bottom: 0.5rem;
    color: rgb(173, 201, 226);}
.unsere-content h2{font-weight: normal; text-decoration: none; font-size: 3.125rem; line-height: 3.25rem; text-transform: uppercase;position: relative; left: -2px;hyphens: none;white-space: pre-line; margin-bottom: 1.25rem; color: #fff;}

.unsere-content p{font-size: 1.125rem; line-height: 1.5rem;margin-bottom: 1.25rem;     color: rgb(173, 201, 226);}

.klimaschutz-fact .data-facts-single h3 { font-size: 3.125rem;  line-height: 3.25rem;left: -2px;}
.klimaschutz-fact .data-facts-single h5 {font-weight: normal; text-decoration: none; font-size: 1.625rem; line-height: 1.625rem;text-transform: uppercase; hyphens: none; white-space: pre-line;color: rgb(31, 53, 115);}
.klimaschutz-fact .data-facts-single h4 { font-size: 3.125rem; line-height: 3.25rem;left: -2px;}
.klimaschutz-fact .data-map-wrap { max-width: 100%;}
.klimaschutz-fact .Map__Marker {  left: 0; top: 0;position: relative;}
.klimaschutz-fact .Map__Marker:before { display: none;}
.page-klimaschutz .featured-img img {
    min-height: 100vh;
}
.page-klimaschutz #header .nav_SubHeader {
    display: block;
}
.facts-co2 {
    padding-top: 7.5rem;
    padding-bottom: 9.5rem;
}
.facts-co2-head{margin-bottom:5rem}
.facts-co2-head span{text-decoration: none; display:block; font-size: 0.875rem; line-height: 1rem; font-weight: bold; text-transform: uppercase; hyphens: none;  white-space: pre-line; margin-bottom: 0.75rem;color: rgb(69, 93, 139);}
.facts-co2-head h2{    font-weight: normal; text-decoration: none; font-size: 3.125rem; line-height: 3.25rem; text-transform: uppercase;position: relative; left: -2px;  hyphens: none;  white-space: pre-line; margin-bottom: 1.25rem;  color: rgb(31, 53, 115);}
.facts-co2-head p{font-weight: normal; text-decoration: none; font-size: 1.125rem; line-height: 1.5rem;  hyphens: none; white-space: pre-line; color: rgb(69, 93, 139);}

.facts-co2-row { position: relative;display: flex; flex-wrap: wrap; margin-left: -0.75rem; margin-right: -0.75rem;  margin-bottom: -5rem;}

.FactItem-sc { padding-left: 0.75rem;  padding-right: 0.75rem; position:relative; width: 29.1667%; flex: 0 0 auto;  margin-bottom: 5rem; margin-left: 4.16667%;}

.facts-co2-row .FactItem-sc:first-child {margin-left: 0;}

.Box-fact {width: 85.7143%; margin-left: 14.2857%; margin-top: -1rem;}

.FactItem-sc img { width: 71.4286%;}
.Box-fact h3 {font-size: 2rem; line-height: 2rem; left: -1px; text-transform: uppercase; padding-right: 25%;  color: rgb(31, 53, 115); font-weight: bold; margin-bottom: 0.75rem;}
.Box-fact p { font-size: 1.125rem; line-height: 1.5rem; color: rgb(69, 93, 139);}
.FactItem-sc:after{display: block;bottom: unset;  left: unset; top: 30%; right: -2rem; content: "oder";  color: rgb(31, 53, 115); position: absolute; font-size: 2rem;line-height: 1.875rem;}
.facts-co2-row .FactItem-sc:last-child:after{display:none}
.facts-co2-row .FactItem-sc:nth-child(2){margin-top:14%;}
.facts-co2-row .FactItem-sc:last-child{margin-top:6%;}
.Nachhaltige_w .featured-row.bg-light {
    min-height: 100vh;
}

.page-klimaschutz .Nachhaltige_w .featured-img img {
    min-height: auto; height:auto;
}


@media screen and (max-width: 1200px){
    .container{padding-left: 2rem; padding-right: 2rem;}
    .nav_SubHeader{padding-left: 2rem; padding-right: 2rem;}
    a.btn-back{left: 2rem;}
    .erwachsene_img_row .item.item-6 {width: 83.33%; }
    .erwachsene_wrap .container, .erwachsene_wrap.set_col_wrap .container{padding-left: 2.5rem; padding-right:2.5rem;}
  
    .newsletter_wrap .container{padding-left: 2.5rem; padding-right: 2.5rem;}
    .footer_wrap{padding-bottom: 4.5rem;padding-right: 2.5rem;padding-left: 2.5rem;}
    .collection-row .col-3{width: 33.33%;}
    .product-row{-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}
    .product-content{width: 100%; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; text-align: center; margin-bottom: 3rem; margin-top: 1.5rem;}
    .product-content p{max-width: 600px; margin-left: auto; margin-right: auto;}
    .product-content .desk-img{display: none;}
  .product-row .mobile-img{display:block; order:4}
  .product-row .mobile-img img{max-width:100%; max-width:156px; display:inline-block; vertical-align:middle}
    .product-img{width: 58.3333%; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1;}
    .product-detail{width: 100%; -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; text-align: center;}
    .product-detail .btn{margin-left: auto;margin-right: auto;}
    .custom-radio [type="radio"]:checked + label:after, .custom-radio [type="radio"]:not(:checked) + label:after{top: 25px;}

    .cart_checkout{margin-left: 0; width: 33.33%;}
  .single-set{width:33.33%}
  .product-row-w .product-img {
    max-width: inherit;
    width: 66.66%; margin-bottom: 2rem;
}
  .product-row-w .product-content {
    width: 66.66%;
    margin-left: auto; margin-top:0;
    margin-right: auto;
}
  .erwachsene_img{margin-left:0}
  ul.artical-type{margin-bottom:5rem}
  .single-article-head { flex-direction: column-reverse; width: 66.667%;  margin-left: 16.66%;}
  .single-article-head .w-25 { width: 100%; padding-bottom: 2rem;}
  .single-article-head .w-50 { padding-bottom: 2rem;width: 100%;}
  .single-article-content>* {width: 66.66%; margin-left: 16.66%;}
  .col-58 {
    width: 66.67%;
    flex: 0 0 auto;
}
  .col-45 {
    width: 33.33%;
}
.highlight_Container {
    padding: 7.5rem 2.5rem 9.5rem;}
  .highligt_img_inner{width:65%}
}

@media screen and (max-width: 992px){
    .menu-btn{display: block;}
    .menu {position: absolute; top: 98px;background: #fff; height: calc(100vh - 98px); overflow: hidden; overflow-y: auto; width: 100%;left: 0; z-index: 33; padding:  2.5rem;display: none;}
    .menu .social-icon{display: block;}
    .menu ul {display: block;}
    .menu ul li {margin-right: 0;margin-bottom: 1.25rem;}
    .menu ul li:first-child::after {display: none;}
    .menu ul li:first-child {margin: 0;margin-bottom: 1.25rem;}  
    .menu ul li a {font-size: 2rem; line-height: 2.5rem;}
    .menu ul li a.active:after {display: none;}
    body.hidden { overflow: hidden; }
    body.hidden div#header {background: rgba(255, 255, 255, 1); min-height: 100vh; overflow-y: scroll;}
    .f-pad { padding-top: 11.875rem; }
    .nav_SubHeader{top: 8.12rem;}
    .container{padding-left: 2.5rem; padding-right: 2.5rem;}
    .nav_SubHeader{padding-left: 2.5rem; padding-right: 2.5rem;}
    a.btn-back{left: 2.5rem;}
    .SearchButton svg, .CartLink svg {
        -webkit-box-sizing: content-box;
                box-sizing: content-box;
        fill: currentcolor;
        min-width: 28px; width: 28px;
        min-height: 28px;
        height: auto;
    }
    .active .SearchBox {
        padding-right: 0;
        border-radius: 0;
        pointer-events: inherit;
        background: transparent;
    }
    .active .SearchBox .form-control{opacity: 0;}
    .active-search div#header {background: rgba(255, 255, 255, 0.95);height: 100vh;overflow-y: scroll;}
    .active-search {overflow: hidden;}
    .active-search .mobile-search {display: block; z-index: 55;}
  .active-search .mobile-search {
    display: block;
    z-index: 55;
    position: fixed;
    left: 0;
    width: 100%;
    padding: 0 20px;
    top: 105px;
}
  .active .search-container{padding:0 1rem}
 .mobile-search .search-container{width:100%;}
  .SearchBox{padding-right:0}
    .active-search .nav_SubHeader{opacity: 0; visibility: hidden; pointer-events: none;}
    .erwachsene_img_row .item.item-6{width: 58.33%;}
    .img-wrap{padding-top: 44.217%;}
    .erwachsene_wrap .container, .erwachsene_wrap.set_col_wrap .container{padding-left: 3rem; padding-right: 3rem}
    .erwachsene_content{width: 100%; margin-bottom: 2.5rem;}
    .erwachsene_img{width: 100%; margin-left: 0;}
    .newsletter_wrap .container{padding: 7.75rem 3rem 9.5rem; }
    .footer_wrap{padding: 7.75rem 3rem 4.5rem;}
    .footer-nav{padding-bottom: 3.5rem;}
    .footer_nav_wrap{width: 100%; padding-bottom: 3rem;}
    .payment-wrap{width: 50%;}
    .shipping-wrap{-webkit-box-ordinal-group: 4;-ms-flex-order: 3;order: 3; width: 50%; padding-bottom: 6.5rem;}
    .social-icon{-webkit-box-ordinal-group: 5;-ms-flex-order: 4;order: 4; width: 100%; padding-bottom: 6.5rem;}
    .collection-row .collection-content.col-3{width: 100%;}
    .collection-info .btn {font-size: 0; max-width: 76px; margin: 0 auto; display: block; padding: 10px; }
    .collection-info .btn .icon{Left:0}
    .value-row .v-box {width: 100%;}
    .value-row .v-box~.v-box{margin-top: 4rem;}
    .benefits-feat{width: 100%; padding-top: 4.5rem; padding-bottom: 6.5rem;}
    .ingredients, .usage-content, .featured-content{width: 100%; padding: 7.5rem 3rem 9.5rem;}
    .featured-img{width: 100%;}
  .page-mission  .featured-img img{min-height:auto}
    .usage-img{width: 100%;}

    .cart_left{width: 100%;}
    .cart_checkout{width: 50%; margin-left: 50%; margin-top: 65px;}
  .shadow {
    top: -20%;
    bottom: -8%;
    left: 29%;
    width: 150%;
}
    .single-set{width:50%}
   .product-row-w .product-img {
    width: 83.33%; 
}
  .product-row-w .product-content {
    width: 83.33%;
}
  .collection-row .col-6.set-colle {width:100%;}
  .collection-row{align-items:inherit}
  .ratgeber-banner-content.container{width:100%; padding:12.875rem 3rem 9.5rem}
  .ratgeber-banner-image {width: 100%;}
  .ratgeber-banner-image img {position: relative; width: 100%;  height: auto;}
  .tab-show{display:block !important}
  .desk-show{display:none !important}
  .article_item{width:50%;}
  .articleOverview_wrap .container { padding-left: 3rem; padding-right: 3rem;}
.single-article-wrap.bg-dark .container {
    padding-left: 0;
    padding-right: 0;
}
  .single-article-banner { width: 100%; margin-left: 0;}
.single-article-head {width: 100%; margin-left: 0; padding: 0 3rem;}
  .single-article-content { padding: 0 3rem;}
  .single-article-content>*, .single-article-content figure, .single-article-content img { width: 100%; margin-left: 0;}
  .Split-wrap{padding-bottom:0 !important}
  .page-content, .abo-content { margin-left: 25%; width: 50%;} {width: 66.66%; margin-left: 16.66%;}
.hebammen-wrap .featured-content{padding:12.875rem 3rem 6.5rem}
  .kontakt_row {
    flex-direction: column-reverse;
}
  .kontakt_form {
    width: 83.33%;
}
  .kontakt_address {
    width: 83.33%;
    margin-top: 4rem;
}
.single-article-content .single-article-content-flex, .single-article-content table{width: 100%; margin-left:0; margin-right:0}
.single-article-content table tbody tr {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column-reverse;
}
.single-article-content-flex div, .single-article-content table tbody tr td:first-child {
    padding: 0 ;
    padding-right: 0;
    width: 100% !important;
}
.single-article-content table tbody tr td:last-child{padding: 0 ;
    padding-right: 0;
    width: 100% !important; margin-bottom:4rem;}
.single-article-content-flex figure{margin-bottom:4rem; padding:0;}
.presse-banner .ratgeber-banner-image img {
    position: absolute;
    width: 100%;
    height: 100%;
}
.presse-banner .ratgeber-banner-row {

    flex-flow: column-reverse wrap;

}
.mission-feat .video-container {
    height: auto;
}
.index .featured-img img {
    min-height: auto;
}
.index  .video-container{height: auto;}
  .verpackung-content {width: 100%;}
.verpackung-img {width: 100%; margin-bottom:3rem}
  .verpackung-img img{margin-right:auto;}
  .verpackung-bottom img {
    margin-left: auto;
    margin-right: auto;
    display: block;
}
  .verpackung-bottom p{max-width:100%;}
.verpackung-wrap{background:url("/cdn/shop/t/4/assets/SavingsBackground-mobile-fe3c5eb2e726eb0d49127717fc8cc9d1.png?v=1665563052") right bottom / 80% no-repeat, linear-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.25)), url("/cdn/shop/t/4/assets/backgroundTileRecycled-ade8bc839faec99770a1be031f482fc6.jpg?v=1665561691") center center / 200px repeat}
.historie-ueber-head{width:100%;}
.historie-item{width:41.66%;}
.presse-ueber-wrap h2{padding-left:2.5rem; padding-right:2.5rem;}
  .presse-ueber-slider .article_item {
    width: 100%;
    padding: 0 0 0 2.5rem;
}
.presse-ueber-wrap .container {
    padding: 0;
}
.presse-ueber-slider .owl-stage {
    padding-left: 0 !important;
}
.col-58 {
    width: 100%;
    margin-bottom: 4rem;
}

.col-45 {
    width: 100%;
}
.highlight_row{   flex-flow: column wrap;}
.highligt_img { width: 100%; margin-top:0}

.highlight_Container { width: 100%;padding: 7.5rem 3rem 9.5rem;}
.highligt_img_inner {
    margin-top: -15%;
    margin-bottom: -25%;
    width: 40%;
}
.highligt_img_inner > div{width:85%}
.page-klimaschutz .featured-img img {
    min-height: auto;
    height: auto;
}
.ratgeber-banner-content.container{justify-content:flex-end; height:100%;}
.klimaschutz-banner  .ratgeber-banner-image img {
    position: absolute; height:100%;
}
.klimaschutz-banner .ratgeber-banner-row{height:100vh}
.FactItem-sc img {
    width: 100%;
}
.facts-co2-head h2{font-size:2rem; line-height:2rem; left:-1px;}
.FactItem-sc {
    width: 75%;
    margin-bottom: 12rem;
}
.FactItem-sc img {
    width: 66.667%;
}
.FactItem-sc:after{
      font-size: 1.75rem;
    line-height: 1.75rem;
    position: absolute; top:auto;
    bottom: -6rem;
    left: 3rem;
}
.facts-co2-row{margin-bottom:-3rem}
.facts-co2-row .FactItem-sc:nth-child(2) {
    margin-top: 0;
    margin-left: 25%;
}
.facts-co2-row .FactItem-sc:last-child{ margin: 0;}
.home-top .featured-content {
    padding-top: 12.5rem;
}
.Nachhaltige_w .featured-row.bg-light {
    min-height: auto;
}
.featured-img.Prinzip_img {
    padding-top: 92.2659%;
    position: relative;
}

.page-klimaschutz .featured-img.Prinzip_img img {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 130%;
    object-fit: cover;
    object-position: 50% 50%;
   opacity: 1; 
     transition: opacity 500ms ease 0s;
     font-family: "object-fit: cover; object-position: 50% 50%";
}
}
@media screen and (max-width: 767px){
  .bestseller-slide.owl-carousel.owl-loaded.owl-drag .owl-nav {
    display: none;
}
  .benefits-feat ul li {padding: 0 0.5rem;}
    .logo{max-width: 100px;}
    .menu{padding: 2rem;}
    .nav_SubHeader{padding-left: 1.5rem; padding-right: 1.5rem;}
    .nav_SubHeader nav ul li{padding: 0 0.5rem;}
    .container{padding-left: 2rem; padding-right: 2rem;}
    a.btn-back{top: 16px;}
    .erwachsene_wrap{padding-top: 4.5rem; padding-bottom: 5.5rem;}
    .f-pad { padding-top: 10.75rem; }
    .erwachsene_wrap .container, .erwachsene_wrap.set_col_wrap .container{padding-left: 2rem; padding-right:2rem}
    .erwachsene_content h2, .collection-content h2, .value-row .v-box h2, .product-content h1, .hero-banner .content h2{font-size: 2rem; line-height: 2rem;}
    .bestseller-wrap h2, .featured-content h2{font-size: 2rem; line-height: 2rem;}
    .product-content h4{font-size: 1.25rem; line-height: 1.5rem; font-weight: normal;}
    .erwachsene_content p, .collection-content p, .value-row .v-box p, .product-content p{line-height: 1.375rem;}
    .newsletter_wrap .container{padding:4.5rem 2rem 5.5rem; }
    .newsletter_box{-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start;}
    .newsletter_box .input-group{margin: 1rem  0;}
    .newsletter_box p{max-width: 100%; text-align: left;}
    .footer_wrap{padding: 3rem 2rem 4.5rem;}
    .footer_nav_wrap{-ms-flex-wrap: wrap;flex-wrap: wrap;}
    .footer-nav{width: 50%; padding-bottom: 2.5rem;}
    .payment-wrap{width: 100%; padding-bottom: 2.5rem;}
    .shipping-wrap{width: 100%; padding-bottom: 5.5rem;}
    .social-icon{padding-bottom: 5.5rem;}
    .footer-b p{width: 100%; margin-bottom: 1rem;}
    .footer-b p.t-right{text-align: left; margin-bottom: 0;}
    .collection-content{margin-bottom: 2rem;}
    .collection-row .col-3{margin-bottom: 2rem;}
    .value-wrap{padding: 4.5rem 0rem 5.5rem;}
    .ingredients, .usage-content, .featured-content{width: 100%; padding: 4.5rem 2rem 5.5rem;}
    .erwachsene_img_row2 .item-box.item-box-big{max-width: 100%;}

    .cart_wrap li{padding-top: 1.25rem; padding-bottom: 1.25rem;}
    .cart_item_f{display: none;}
    .cart_head .m-show{display: block; color: rgb(69, 93, 139); font-size: 0.875rem;line-height: 1rem;font-weight: bold; margin-bottom: 1rem;}
    .cart_th{width: 25%;}
    .cart_pr{width: 75%;}
    .cart_pric{display: none;}
    .cart_q{width: 37.5%; margin-bottom: 1.5rem; margin-left: 25%;}
    .cart_grid .m-show{display: block; color: rgb(69, 93, 139); font-size: 0.875rem;line-height: 1rem;font-weight: bold; margin-bottom: 0.25rem; text-transform: uppercase;}
    .cart_t{width: 37.5%; text-align: left; align-self: flex-start;}
    .cart_t h4{margin-top: 1rem;}
    .cart_r{order: 7; margin-left: 25%;}
    .cart_checkout{width: 66.6667%; margin-left: 33.3333%;}
    .cart_wrapper{padding-bottom: 5.5rem;}
    .shipping_wrap {
        padding-top: 3rem;
        padding-bottom: 3rem;
    }

    .collection-box{width: 50%;}
   .collection-item-row::-webkit-scrollbar {
  display: none;
}
  .collection-item-row{overflow-x:auto; justify-content:flex-start; -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none; }
  .set-includes-wrap{min-height:inherit}
  .product-row-w .product-img {
    width: 100%; 
}
  .product-row-w .product-content {
    width: 100%;
}
    .detail-modalimage {width: 200px;margin-left: auto; margin-right:auto; margin-bottom: 1.25rem;}

.detail-modalContent {width: 100%;margin-left: 0;}

.detail-modalContent h2 {font-size: 1.75rem;line-height: 1.75rem;}

.detail-modal {max-width: 97%; padding:3rem 0.75rem}
  .ratgeber-banner-content.container{ padding:8rem 2rem 5.5rem}
  .ratgeber-banner-content h2{font-size:2.5rem; line-height:2.5rem; left:-1px; margin-bottom:1rem}
  .articleOverview_wrap {
    padding-top: 4.5rem;
    padding-bottom: 5.5rem;
}
  ul.artical-type{margin-top:-1rem; margin-bottom:3rem}
  .article_item{width:100%;}
  .article_info {
    padding: 1.25rem 1.5rem;
}
  .pagination{margin-top:2rem}
  .articleOverview_wrap .container {
    padding-left: 2rem;
    padding-right: 2rem;
}
  .single-article-head {width: 100%; margin-left: 0; padding: 0 2rem;}
  .single-article-content { padding: 0 2rem; }
  .single-article-banner{margin-bottom:1.25rem}
  .single-article-head h1 {
    font-size: 2rem;
    line-height: 2rem;
    left: -1px;
}
  .tag-list, .single-article-head .w-25 p.date{margin-bottom:1.25rem}
  .single-article-content h2 {
    font-size: 1.75rem;
    line-height: 1.75rem;
    margin-bottom: 1rem;
}
  .single-article-content p + h2 {
    margin-top: 2rem;
}
  .single-article-content figure, .single-article-content img {
    margin-top: 2rem;
    margin-bottom: 2rem;
}
  .single-article-wrap.bg-dark .container{padding-bottom:5.25rem}
  .page-content-wrap {
    padding-top: 9rem;
    padding-bottom: 5.5rem;
}
  .page-content { width: 100%; margin-left: 0;}
  .page-content h1{font-size: 2.5rem;line-height: 2.5rem; margin-bottom:3rem}
  .page-content h2{font-size: 1.75rem;line-height: 1.75rem; margin-bottom:1rem}
  .page-content h2 ~h2{margin-top:2rem}
  .page-content h3{margin-top:1rem}
  .kontakt_wrap {padding-top: 10rem;padding-bottom: 5.5rem;}
  .kontakt_head h1{font-size: 3.5rem; line-height: 3.5rem; left:-3px; margin-bottom:1rem}
  .kontakt_head {  margin-bottom: 2rem;}
  .form-filed .form-group.w-50 {width: 100%;}
  .kontakt_form, .kontakt_address { width: 100%;}
  .abo-richtlinien-wrap{min-height:auto;}
  .abo-content {margin-left: 0; width: 100%;}
.abo-richtlinien-wrap .container {padding-top: 10rem;padding-bottom: 5.5rem;}
  .abo-content h1{font-size: 1.75rem;line-height: 1.75rem; margin-bottom:1rem}
  .abo-content h5{margin-bottom:2rem}
  .single-article-content-flex figure, .single-article-content table tbody tr td:last-child{margin-bottom:2rem}
  .single-article-content .single-article-content-flex, .single-article-content table{margin-top:0;margin-bottom:0;}
  .featured-content ul.icon-list{margin-top:3rem} 
  .erwachsene_wrap.verpackung-wrap {
    padding-top: 4.5rem;
    padding-bottom: 5.5rem;
}
  .verpackung-content h2, .verpackung-bottom h2 {font-size: 2rem;line-height: 2rem;left: -1px; margin-bottom:1rem}
  ol.Bullets__List li{width:100%}
  .historie-ueber-wrap {padding-top: 4.5rem; padding-bottom: 5.5rem;}
  .historie-item{width:58.33%} 
  .historie-ueber-head h2{font-size: 2rem;line-height: 2rem;left: -1px; margin-bottom:1rem}
  .presse-ueber-wrap h2{padding-left:1.25rem; padding-right:1.25rem;}
  
.presse-ueber-wrap .container {
    padding:0;
}
  .presse-ueber-wrap {
    padding-top: 4.5rem;
    padding-bottom: 5.5rem;
}
  .presse-ueber-slider .article_item {
    width: 100%;
    padding: 0 0 0 1.25rem;
}
  .data-facts-wrap {
    padding-top: 4.5rem;
    padding-bottom: 5.5rem;
}
  .data-facts-single h3 {
    font-size: 3.5rem;
    line-height: 3.5rem;
    left: -3px;
}
  .data-facts-single {
    width: 33.33%;
   
}
  .data-facts-column .data-facts-single:nth-child(even) {
    width: 66.66%;
}
  .data-facts-single h3 span {
    font-size: 1.75rem;
    margin-top: 0.25rem;
    padding-left: 0.5rem;
    line-height: 1.75rem;
}
  .data-facts-single h4 {
    font-size: 2.5rem;
    line-height: 2.5rem;
    left: -1px;
}
  .ExpertProfile_wrap {
    margin-top: 2rem;
    padding-top: 3rem;
    flex-wrap: wrap;
}
  .ExpertProfile_Image img {
    margin: 0 !important;
    object-fit: cover;
    width: 120px !important;
    height: 120px;
    display: block;
  
}
  .ExpertProfile_Image{margin-bottom:2rem; margin-top:0}
  .newsletter_popup { /*left: 1rem; right: 1rem; bottom: 1rem;*/ padding:1.5rem;}
  .highlight_content h2, .unsere-content h2 {
    font-size: 2rem;
    line-height: 2rem;
}
.highligt_img_inner {
    margin-top: -10%;
    margin-bottom: -30%;
    width: 50%;
}
   .highlight_Container {
    width: 100%;
    padding:4.5rem 2rem 5.5rem;
}
  .facts-co2 {
    padding-top: 4.5rem;
    padding-bottom: 5.5rem;
}
  .klimaschutz-fact .data-facts-single h3, .klimaschutz-fact .data-facts-single h4 {
    font-size: 2rem;
    line-height: 2rem;
    left: -2px;
}
  .home-top .featured-content {
    padding-top:10rem;
}

}
 
.collection-info {
    text-align: center;
    margin-bottom: 60px;
}
 
@media screen and (max-width: 570px){
/*     .hero-banner, .hero-banner .item.bg-img{height: 100vh;} */
  .collection-info {
    text-align: center;
    margin-bottom: initial;
}
    .menu{padding: 2rem 1.25rem;}
    .nav_SubHeader{padding-left: 0.75rem; padding-right: 0.75rem;}
    .container{padding-left: 1.25rem; padding-right: 1.25rem;}
    .erwachsene_img_row .item.item-6{width: 83.33%;}
    .erwachsene_wrap .container, .erwachsene_wrap.set_col_wrap .container{padding-left: 1.25rem; padding-right: 1.25rem;}
    .newsletter_wrap .container{padding: 4.5rem 1.25rem 5.5rem;}
    .newsletter_box h2{font-size: 1.75rem; line-height: 1.75rem;}
    .newsletter_box h6{ line-height: 1.375rem;}
    .footer_wrap{padding: 3rem 1.25rem 4.5rem;}
    .footer-nav{padding-left: 0.5rem; padding-right: c;}
    .footer_nav_wrap{margin-left: -0.5rem; margin-right: -0.5rem;}
    .collection-row .col-3{width: 50%;}
    .ingredients, .usage-content, .featured-content{width: 100%; padding: 4.5rem 1.25rem 5.5rem;}
    .benefits-feat ul{width: 90%;}
    .cart-notification {
        width: 96%;
        right: 2%;
    }
    .erwachsene_img_row2 .item-box.item-box-big{max-width: 100%;}

    .cart_item {
        flex: 0 0 auto;
        padding-left: 0.5rem;
        padding-right: 0.5rem;
    }
    .cart_grid{margin-left: -0.5rem; margin-right: -0.5rem;}
    .cart_checkout{width: 100%; margin-left:0;}
    .collection-box{width: 100%; min-height: 30vh;}
  .set-in-mobile{display:block}
  .set-includes-row{display:none}
  .single-set{width:100%; margin-bottom:0}
  .set-includes-wrap{padding:4.5rem 0 5.5rem}
  .set-includes-wrap .container { 
    padding: 0;
}
  .set-includes-wrap h4{padding-left: 1.25rem;
    padding-right: 1.25rem;}
.single-article-head {width: 100%; margin-left: 0; padding: 0 1.25rem;}
  .single-article-content { padding: 0 1.25rem; }
  .hebammen-wrap .featured-content{padding:8rem 1.25rem 3.5rem}
  .hebammen-wrap.mission-feat .featured-content {
    padding: 11.75rem 1.25rem 3.5rem;
}
    .historie-item{width:91.6667%} 
    .data-facts-single {
    width: 100%; margin-bottom:1rem;
   
}
  .klimaschutz-fact .data-facts-single{margin-bottom:3rem}
  .data-facts-column .data-facts-single:nth-child(2){margin-bottom:3rem}
  .data-facts-column .data-facts-single:nth-child(even) {
    width: 100%;
}
  .data-facts-single h4 ~ p {
    margin-top: 1rem;
}
  .facts-co2-row .FactItem-sc:last-child{margin-bottom:12rem;}
  .facts-co2-row {
    margin-bottom: -12rem;
}


}

.ProgressBar__Inner.green{background-color: rgb(53, 210, 27);}


.item .ProductImage__Shadow {
  
    top: -5%;
    bottom: 32%;
    left: -2%;
}

  .item .buntes-badespass-set.kklpffbuntes-badespass-set .ProductImage__Shadow.shado {
    width: 250%;
    top: -72%;
    bottom: -6%;
    left: 18%;

}
  .item .bade-labor.kklpffbade-labor .ProductImage__Shadow.shado {
    width: 149%;
    top: -19%;
    bottom: -9%;
    left: 34%;
    opacity: 0.2;
    width: 100%;
    top: -6%;
    left: 45%;
    bottom: -6%;
}
  .item .buntes-badespass-set.kklpffbuntes-badespass-set .ProductImage__Shadow.shado{
        width: 133%;
    top: -10%;
    left: 28%;
    bottom: 10%;
}

 .item .sensitiv-feuchttuecher.kklpffsensitiv-feuchttuecher .ProductImage__Shadow.shado{width: 100%;
    top: 4%;
    left: 42%;
bottom: 10%;}

 .item .entdecker-bad.kklpffentdecker-bad .ProductImage__Shadow.shado{width: 100%;
    top: 4%;
    left: 42%;
bottom: 10%;}


 .item  .baby-wundschutzcreme.kklpffbaby-wundschutzcreme .ProductImage__Shadow.shado{width: 100%;
    top: 4%;
    left: 42%;
bottom: 10%;}

.item .spezial-wundschutzcreme.kklpffspezial-wundschutzcreme .ProductImage__Shadow {
    width: 97%;
    top: 26%;
    left: 35%;
    bottom: 10%;
}

.erwachsene_img_row2   .item .ProductImage__Shadow.small-shadow{
    top: -12%;
    left: 23%;
    width: 100%;
    opacity: 0.20;
    height: 90%;
    background-size: contain;
}


.erwachsene_img_row2 .item.ffprinzessin-rosalea .ProductImage__Shadow.small-shadow {
    top: 0;
    height:44%;
    left: 35%;
}
.erwachsene_img_row2 .item.ffprinzessin-annabella .ProductImage__Shadow.small-shadow {
    top: 0;
    left: 32%;
    /* opacity: 0.1; */
    height: 44%;
}
.erwachsene_img_row2 .item.ffbaby-shampoo .ProductImage__Shadow.small-shadow {
    top: -8%;
    left: 32%;
    height: 50%;
}
.erwachsene_img_row2 .item.ffbaby-bad .ProductImage__Shadow.small-shadow {
    top: -8%;
    left: 25%;
}
.erwachsene_img_row2 .item.ffbuebchen-baby-oel .ProductImage__Shadow.small-shadow {
top: -4%;
}
.erwachsene_img_row2 .item.ffbeste-freunde .ProductImage__Shadow.small-shadow {
transform-origin: 0px 50%;
    opacity: 0.2;
    top: 0;
    bottom: -8%;
    left: 91px;
transform: translateY(-10%) rotate(13deg) skew(0deg, 39deg);}
.erwachsene_img_row2 .item.ffwolken-wunder .ProductImage__Shadow.small-shadow{
transform-origin: 0px 50%;
    opacity: 0.2;
    top: 0;
    bottom: -8%;
    left: 91px;
transform: translateY(-10%) rotate(13deg) skew(0deg, 39deg);}

.erwachsene_img_row2 .item.ffallerliebst-bad .ProductImage__Shadow.small-shadow {
    top: 0;
    height: 50%;
}
.erwachsene_img_row2  .owl-item img {
    display: block;
    width: 100%;
    position: relative;
    z-index: 2;
}


 .ffarewasch-gel .ProductImage__Shadow { top: -2%;
    bottom: 0;
    left: -2%;
    transform: translateY(-10%) rotate(13deg) skew(0deg, 39deg);
}
    pointer-events: none;
    transform-origin: 0px 50%;
    opacity: 0.4;
    top: -15%;
    bottom: 0;
    left: -2%;
.bad-und-shampoo.ffarebad-und-shampoo .ProductImage__Shadow {transform: translateY(-10%) rotate(13deg) skew(0deg, 39deg);}
.gesichtscreme-lsf-50.ffaregesichtscreme-lsf-50 .ProductImage__Shadow{  top: 13%;
    bottom: 0;
    left: 16%;
transform: translateY(-13%) rotate(17deg) skew(0deg, 35deg);}
.product-img.sensitiv-feuchttuecher, .product-img.aqua-touch-feuchttuecher, .product-img.aqua-touch-feuchttucher {
    max-width: 600px;
}
.product-img.baby-wundschutzcreme {
    max-width: 432px;
}
.product-img.sensitiv-feuchttuecher .bg-img img.img-fluid, .product-img.aqua-touch-feuchttuecher .bg-img img.img-fluid, , .product-img.aqua-touch-feuchttucher .bg-img img.img-fluid {
    width: 100%;
}

.product-img.sensitiv-feuchttuecher .shadow, .product-img.aqua-touch-feuchttuecher .shadow{
    z-index: -1;
    position: absolute;
    width: 125%;
    pointer-events: none;
    transform-origin: 0px 50%;
    opacity: 0.4;
    top: -60%;
    bottom: -60%;
    left: 45%;
    transform: translateY(-8%) rotate(67deg) skew(0deg, -15deg);
     background-repeat: no-repeat;
    transition: opacity 0.5s ease-out 0.25s, transform 1s ease-out 0.25s;
}

.product-img.buebchen-pflege-creme .shadow {
    z-index: -1;
    position: absolute;
    width: 250%;
    pointer-events: none;
    transform-origin: 0px 50%;
    opacity: 0.4;
    top: -42%;
    bottom: -45%;
    left: 20%;
    transform: translateY(-20%) rotate(47deg) skew(0deg, 5deg);
    
    background-repeat: no-repeat;
    transition: opacity 0.5s ease-out 0.25s, transform 1s ease-out 0.25s;
}

 

.single-collection.col-3.baby-wundschutzcreme .ProductImage__Shadow {
    z-index: -1;
    position: absolute;
    width: 250%;
    pointer-events: none;
    transform-origin: 0px 50%;
    opacity: 0.4;
    top: -42%;
    bottom: -45%;
    left: 20%;
    transform: translateY(-20%) rotate(47deg) skew(0deg, 5deg);
   
    background-repeat: no-repeat;
    transition: opacity 1.5s ease-out 0.25s;
}
.bg-dark.f-pad {
    padding-bottom: 30px;
}

.product-img.calendula-gesichtspflege .shadow {
    z-index: -1;
    position: absolute;
    width: 250%;
    pointer-events: none;
    transform-origin: 0px 50%;
    opacity: 0.4;
    top: -42%;
    bottom: -45%;
    left: 20%;
    transform: translateY(-20%) rotate(47deg) skew(0deg, 5deg);
    
    background-repeat: no-repeat;
    transition: opacity 0.5s ease-out 0.25s, transform 1s ease-out 0.25s;
}

.product-img.baby-wundschutzcreme .shadow {
    z-index: -1;
    position: absolute;
    width: 250%;
    pointer-events: none;
    transform-origin: 0px 50%;
    opacity: 0.4;
    top: -23%;
    bottom: -14%;
    left: 20%;
    transform: translateY(-22%) rotate(47deg) skew(0deg, 5deg);
    
    background-repeat: no-repeat;
    transition: opacity 0.5s ease-out 0.25s, transform 1s ease-out 0.25s;
}



.calendula-gesichtspflege.ffarecalendula-gesichtspflege .ProductImage__Shadow_small{transform-origin: 0px 50%;
    opacity: 0.4;
    top: -30%;
    bottom: -45%;
    left: 0%;
    transform: translateY(-20%) rotate(47deg) skew(0deg, 5deg);
    height: auto;
    width: 250%;
}
.buebchen-pflege-creme.ffarebuebchen-pflege-creme .ProductImage__Shadow_small{   width: 250%;
    pointer-events: none;
    transform-origin: 0px 50%;
    opacity: 0.4;
    top: -33%;
    bottom: -45%;
    left: -11%;
      height: auto;
    transform: translateY(-20%) rotate(47deg) skew(0deg, 5deg);
}
.baby-wundschutzcreme.ffarebaby-wundschutzcreme .ProductImage__Shadow_small{     width: 250%;
    pointer-events: none;
    transform-origin: 0px 50%;
    opacity: 0.4;
    top: -23%;
    bottom: -14%;
      height: auto;
    left: 20%;
    transform: translateY(-22%) rotate(47deg) skew(0deg, 5deg);
}
.single-collection.col-4 .collection-img {
    max-width: 273px;
}
.collection-row .col-4 {
    width: 33%;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
}
.single-collection.roundbord .collection-img img {
    border-radius: 0.75rem;
}
.item-box.item-box-big {
    margin-bottom: 10px!important;
}
.collection-content.col-3 .btn {
    height: 2.75rem;
    padding: 0px 1.625rem;
    margin-top: 0.75rem;
}
span.VariantSelect__CompareAtPrice-qo85iq-3.kJqCHH {
    opacity: 0.5;
    text-decoration: line-through;
    padding-left: 0.5em;
}
.kgcrmU {
    border-radius: 1rem;
}
 
.gHEdEU {
    padding: 0.5rem 1rem;
    background: rgb(173, 201, 226);
}
.bQORcM {
    text-decoration: none;
    font-size: 1rem;
    line-height: 1.25rem;
    hyphens: none;
    white-space: pre-line;
    font-weight: bold;
}
 
.bgmDUI {
    color: rgb(31, 53, 115);
    font-weight: bold;
    text-align: center;
}
@media screen and (max-width: 570px){
  .collection-row .col-4 {
    width: 50%;
}
  .highligt_img_inner {
     margin-top: -10%;
    margin-bottom: -30%;
    width: 50%;
}
  .FactItem-sc{width:100%;}
  .facts-co2-row .FactItem-sc:nth-child(2) {
    margin-top: 0;
    margin-left: 0;
}
 .Box-fact {
    width: 100%;
    margin-left: 0;
    margin-top: -1rem;
}
  .Box-fact h3{font-size: 1.75rem;
    line-height: 1.75rem;}
}
.selector-wrapper, select#productSelect {
    display: none;
}
.emtycart h2 {
    color: rgb(31, 53, 115);
    font-size: 2rem;
    line-height: 2rem;
    font-weight: normal;
}

.cart_wrapper.emtycart.f-pad.bg-light a.btn {
    position: relative;
    z-index: 1;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    border: 0px;
    overflow: hidden;
    outline: none;
    user-select: none;
    flex-shrink: 0;
    pointer-events: all;
    cursor: pointer;
    transition: all 0.1s ease-out 0s;
    text-decoration: none;
    font-size: 1rem;
    line-height: 1.25rem;
    font-weight: bold;
    display: inline-flex;
    height: 2.75rem;
    padding: 0px 1.625rem;
    border-radius: 1.375rem;
    color: rgb(255, 255, 255);
    background: rgb(31, 53, 115);
    margin-top: 2.5rem;
}

.ProductImage__Shadow_small {
    z-index: 1;
    position: absolute;
    width: 250%;
    pointer-events: none;
    transform-origin: 0px 50%;
    opacity: .4;
    top: -23%;
    bottom: -14%;
    left: -2%;
    transform: translateY(-10%) rotate(13deg) skew(0,39deg);
    background: url(/cdn/shop/t/4/assets/productShadow2-small.png) 0% 0% / 100% 100% no-repeat;
    background-repeat: no-repeat;
    transition: opacity 1.5s ease-out .25s;
}
.ProductImage__Shadow_small {
    top: -12%;
    left: 23%;
    width: 100%;
    opacity: .2;
    height: 90%;
    background-size: contain;
}

.single-collection.monsterglibber-pink.ffaremonsterglibber-pink .ProductImage__Shadow_small {
    top: -24%;
    left: 10%;
    height: 90%;
    width: 250%;
}
.single-collection.badeglibber-grun.ffarebadeglibber-grun .ProductImage__Shadow_small {
    top: -24%;
    left: 10%;
    height: 90%;
    width: 250%;
}


.calendula-pflege-oel.ffarecalendula-pflege-oel .ProductImage__Shadow{transform-origin: 0px 50%;
    opacity: 0.4;
    top: -3%;
    bottom: -17%;
    left: 0%;
    transform: translateY(-10%) rotate(17deg) skew(0deg, 35deg);
}

.calendula-milk.ffarecalendula-milk .ProductImage__Shadow{    top: 0;
    bottom: -20%;
    left: 5%;
    transform: translateY(-10%) rotate(17deg) skew(0deg, 35deg);
}

.aqua-touch-feuchttuecher.ffareaqua-touch-feuchttuecher .ProductImage__Shadow_small{top: 0;
    bottom: -50%;
    left: 40%;
    transform: translateY(-13%) rotate(62deg) skew(0deg, -10deg);
    height: auto;
    width: 125%;
  background-size: 100% 100%;}

.sensitiv-feuchttuecher.ffaresensitiv-feuchttuecher .ProductImage__Shadow_small{top: 0;
    bottom: -50%;
    left: 40%;
    transform: translateY(-13%) rotate(62deg) skew(0deg, -10deg);
    height: auto;
    width: 125%;
  background-size: 100% 100%;}

.entdecker-bad.ffareentdecker-bad .ProductImage__Shadow_small {
    transform: translateY(-15%) rotate(32deg) skew(0deg, 20deg);
    height: auto;
width: 250%;
    background-size: 100% 100%;
    opacity: 0.4;
    top: -8%;
    bottom: 1%;
    left: 17%;

}

.allerliebst-bad.ffareallerliebst-bad .ProductImage__Shadow_small {
     transform: translateY(-15%) rotate(32deg) skew(0deg, 20deg);
    height: auto;
width: 250%;
    background-size: 100% 100%;
    opacity: 0.4;
    top: -8%;
    bottom: 1%;
    left: 17%;
}

.kuschel-bad.ffarekuschel-bad .ProductImage__Shadow_small {
     transform: translateY(-15%) rotate(32deg) skew(0deg, 20deg);
    height: auto;
width: 250%;
    background-size: 100% 100%;
    opacity: 0.4;
    top: -8%;
    bottom: 1%;
    left: 17%;
}
.super-power-bad.ffaresuper-power-bad .ProductImage__Shadow_small {
    height: auto;
    width: 250%;
    background-size: 100% 100%;
        opacity: 0.4;
    top: -18%;
    bottom: 3%;
    left: 12%;
    transform: translateY(-15%) rotate(32deg) skew(0deg, 20deg);
}
.bade-labor.ffarebade-labor .ProductImage__Shadow_small {
    transform: translateY(-15%) rotate(32deg) skew(0deg, 20deg);
    height: auto;
    width: 250%;
    background-size: 100% 100%;
       opacity: 0.4;
    top: 1%;
    bottom: 1%;
    left: 17%;
}

.prinzessin-annabella.ffareprinzessin-annabella .ProductImage__Shadow{opacity: 0.4;
    top: 12%;
    bottom: 6%;
    left: 12%;
    transform: translateY(-15%) rotate(32deg) skew(0deg, 20deg);}
.prinzessin-rosalea.ffareprinzessin-rosalea .ProductImage__Shadow{opacity: 0.4;
    top: 12%;
    bottom: 6%;
    left: 12%;
    transform: translateY(-15%) rotate(32deg) skew(0deg, 20deg);}
.buebchen-baby-oel.ffarebuebchen-baby-oel .ProductImage__Shadow{    opacity: 0.4;
    top: 0;
    bottom: -25%;
    left: 9%;
    transform: translateY(-15%) rotate(17deg) skew(0deg, 35deg);}
.super-power-bad.ffaresuper-power-bad.col-3  .ProductImage__Shadow_small {
    top: 40%;
    bottom: 0;
    width: 250%;
    left: 11%;
   
}

.entdecker-bad.ffareentdecker-bad.col-3  .ProductImage__Shadow_small {
    top: 30%;
}

.bade-labor.ffarebade-labor.col-3  .ProductImage__Shadow_small {
    top: 36%;
}

.allerliebst-bad.ffareallerliebst-bad.col-3  .ProductImage__Shadow_small {
    top: 34%;
}
  .single-collection.col-3.wasch-and-duschcreme.ffarewasch-and-duschcreme .ProductImage__Shadow {
    top: 8%;
    height: 80%;
}
 
.single-collection.col-3.sweet-vanilla-duschgel.ffaresweet-vanilla-duschgel .ProductImage__Shadow {
    top: 1%;
} 
.single-collection.col-3.sweet-vanilla-shampoo-und-spuelung.ffaresweet-vanilla-shampoo-und-spuelung .ProductImage__Shadow {
    top: -5%; 
    height: 97%;   
}
.buebchen-pflege-creme.ffarebuebchen-pflege-creme.col-4 .ProductImage__Shadow_small {
    top: 30%;
    left: 10%;
    width: 200%;
}
.kuschel-bad.ffarekuschel-bad.col-3 .ProductImage__Shadow_small {
    top: 30%;
}
.prinzessin-annabella.ffareprinzessin-annabella.col-3 .ProductImage__Shadow {
    top: 22%;
}

.single-collection.col-3.sportsfreund.ffaresportsfreund .ProductImage__Shadow {
    top: 5%;
}
.single-collection.col-3.tigerwaesche.ffaretigerwaesche .ProductImage__Shadow {
    top: 5%;
}
.single-collection.col-3.wasser-marsch.ffarewasser-marsch .ProductImage__Shadow {
    top: 5%;
}
.single-collection.col-3.pflege-lotion.ffarepflege-lotion .ProductImage__Shadow {
    top: 5%;
}
.calendula-gesichtspflege.ffarecalendula-gesichtspflege.col-4 .ProductImage__Shadow_small {
    top: 26%;
}

.prinzessin-rosalea.ffareprinzessin-rosalea.col-3 .ProductImage__Shadow {
    top: 30%;
}

.single-collection.col-3.wind-und-wetter-creme.ffarewind-und-wetter-creme .ProductImage__Shadow {
    top: -2%;
    left: 10%;
    height: 90%;
}

.erwachsene_img_row2 .item.item-6.ffbeste-freunde .ProductImage__Shadow.small-shadow {
    top: 8%;
    left: 23%;
}
.erwachsene_img_row2 .item.item-6.ffwolken-wunder .ProductImage__Shadow.small-shadow {
    top: 8%;
    left: 23%;
}
.erwachsene_img_row2 .item.item-6 .ProductImage__Shadow.small-shadow {
    top: 1%;
    left: 23%;
}


.item .single-collection.col-3.pflege-lotion.kklpffpflege-lotion  .ProductImage__Shadow {
    width: 100% !important;
    top: -10% !important;
    left: 28% !important; opacity: 0.2;
  
}
.item .single-collection.roundbord.col-6.sensitiv-feuchttuecher.kklpffsensitiv-feuchttuecher .ProductImage__Shadow.shado{opacity: 0.2;}
.item  .single-collection.roundbord.col-6.aqua-touch-feuchttuecher.kklpffaqua-touch-feuchttuecher .ProductImage__Shadow.shado{opacity:0.2; width:100%; left: 46%;
    top: 24%;}
.item .single-collection.col-3.traum-bad.kklpfftraum-bad .ProductImage__Shadow {
    width: 100%;
    opacity: 0.2;
    left: 30%;
}
.item .single-collection.col-3.baby-bad.kklpffbaby-bad .ProductImage__Shadow {
    opacity: 0.2;
    width: 100%;
    left: 30%;
}
.item .single-collection.col-3.creme-pflegebad.kklpffcreme-pflegebad .ProductImage__Shadow {
    opacity: 0.2;
    width: 100%;
    left: 30%;
}
.item .single-collection.col-3.wasch-gel.kklpffwasch-gel .ProductImage__Shadow {
    width: 100%;
    opacity: 0.2;
    left: 28%;
}
.item .single-collection.col-3.milk.kklpffmilk .ProductImage__Shadow {width: 100% !important;top: 22% !important;left: 31% !important;}
.item .single-collection.col-3.kinder-shampoo.kklpffkinder-shampoo .ProductImage__Shadow {
    width: 100%;
    opacity: 0.2;
    left: 30%;
}
.item .single-collection.col-3.wind-und-wetter-creme.kklpffwind-und-wetter-creme  .ProductImage__Shadow {
    width: 100% !important;
    top: 27% !important;
    left: 32% !important;
}

.item .single-collection.col-3.calendula-pflege-oel.kklpffcalendula-pflege-oel  .ProductImage__Shadow {
    width: 100% !important;
    left: 32% !important;
    top: 27% !important;
}
.item .single-collection.col-3.calendula-milk.kklpffcalendula-milk  .ProductImage__Shadow {
    width: 100% !important;
    left: 32% !important;
    top: 23% !important;
}
.item .single-collection.col-4.calendula-gesichtspflege.kklpffcalendula-gesichtspflege  .ProductImage__Shadow {
    width: 100% !important;
    left: 50% !important;
    top: -5% !important;
}

/* .item .buebchen-baby-oel.kklpffbuebchen-baby-oel .ProductImage__Shadow {
    width: 100% !important;
    top: 21% !important;
    left: 28% !important;
    bottom: 10% !important;
} */
.hero-banner .content p {
    color: white;
    padding-bottom: 20px;
}
.topbar p a {
    color: white;
    text-decoration: underline;
}
.topbar {
    background: rgb(31, 53, 115);
    color: white;
    text-align: center;
    padding: 5px 0;
}
@media screen and (max-width: 1199px){
  .calendula-gesichtspflege.ffarecalendula-gesichtspflege.col-4 .ProductImage__Shadow_small {
    top: 44%;
}
}
@media screen and (max-width: 992px){
.buebchen-pflege-creme.ffarebuebchen-pflege-creme.col-4 .ProductImage__Shadow_small {
    top: 44%;
    left: 10%;
}
  
} 
.single-collection.col-3.kuschel-bad.kklpffkuschel-bad .ProductImage__Shadow.shado {
    left: 39%;
    top: -7%;
    width: 100%;
}
.single-collection.col-3.allerliebst-bad.kklpffallerliebst-bad .ProductImage__Shadow.shado {
    left: 30%;
    width: 100%;
    top: 0;
}
.single-collection.col-3.super-power-bad.kklpffsuper-power-bad .ProductImage__Shadow.shado {
    top: 0;
    width: 100%;
    left: 40%;
}
.single-collection.col-3.wolken-wunder.kklpffwolken-wunder .ProductImage__Shadow {
    width: 100%;
    top: 5%;
    left: 40%;
}
.single-collection.col-3.sonnenlotion-lsf-50.kklpffsonnenlotion-lsf-50 .ProductImage__Shadow {
    width: 100%;
    left: 36%;
    top: -0%;
}
.single-collection.col-3.gesichtscreme-lsf-50.kklpffgesichtscreme-lsf-50 .ProductImage__Shadow {
    width: 100%;
    left: 30%;
    top: -35%;
}
.single-collection.col-3.gesichtscreme-lsf-50.kklpffgesichtscreme-lsf-50 .ProductImage__Shadow {
    top: -5%;
    bottom: 32%;
    left: 30%;
    width: 100%;
}

.collection-kinder .entdecker-bad.ffareentdecker-bad.col-3 .ProductImage__Shadow_small, .collection-baden .entdecker-bad.ffareentdecker-bad.col-3 .ProductImage__Shadow_small {
    top: 0;
    opacity: 0.2;
}

.collection-kinder .allerliebst-bad.ffareallerliebst-bad.col-3 .ProductImage__Shadow_small, .collection-baden .allerliebst-bad.ffareallerliebst-bad.col-3 .ProductImage__Shadow_small {
    top: 0;
    opacity: 0.2;
}
.collection-kinder .kuschel-bad.ffarekuschel-bad.col-3 .ProductImage__Shadow_small, .collection-baden .kuschel-bad.ffarekuschel-bad.col-3 .ProductImage__Shadow_small {
    top: 0;
    opacity: 0.2;
}
.collection-kinder .super-power-bad.ffaresuper-power-bad.col-3 .ProductImage__Shadow_small, .collection-baden .super-power-bad.ffaresuper-power-bad.col-3 .ProductImage__Shadow_small {
    top: 0;
    bottom: 0;
    width: 250%;
    left: 11%;
    opacity: 0.2;
}

.collection-kinder .bade-labor.ffarebade-labor.col-3 .ProductImage__Shadow_small, .collection-baden .bade-labor.ffarebade-labor.col-3 .ProductImage__Shadow_small  {
    top: 0;
    opacity: 0.2;
}

@media screen and (max-width: 640px){

  div#shopify-section-template--15442227232922__1654861438deeedb47 .container {
    padding: 0;
}
   div#shopify-section-template--15442227232922__1654861438deeedb47 .collection-content.col-3 {
    padding: 0 30px;
}
    .calendula-gesichtspflege.ffarecalendula-gesichtspflege.col-4 .ProductImage__Shadow_small {
    top: 54%;
}
.buebchen-pflege-creme.ffarebuebchen-pflege-creme.col-4 .ProductImage__Shadow_small{top:-24%}
  .item .single-collection.col-3.pflege-lotion.kklpffpflege-lotion .ProductImage__Shadow{top:18% !important}
  .item .single-collection.col-3.calendula-milk.kklpffcalendula-milk .ProductImage__Shadow{top:0 !important}
  .item .single-collection.col-3.milk.kklpffmilk .ProductImage__Shadow, .item .spezial-wundschutzcreme.kklpffspezial-wundschutzcreme .ProductImage__Shadow{top:16% !important}
  .item .single-collection.col-3.wind-und-wetter-creme.kklpffwind-und-wetter-creme .ProductImage__Shadow{top:18% !important}
.item .single-collection.col-3.calendula-milk.kklpffcalendula-milk .ProductImage__Shadow{top:15% !important}
.item .single-collection.col-4.calendula-gesichtspflege.kklpffcalendula-gesichtspflege .ProductImage__Shadow{top:0 !important}
.erwachsene_img_row2 .item-box.item-box-big {
    max-width: 100%;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    position: relative;
}
  .erwachsene_img_row2 .item.item-6 .ProductImage__Shadow.small-shadow {
    top: 80%;
    left: 23%;
}
  .erwachsene_img_row2 .item.item-6.ffbeste-freunde .ProductImage__Shadow.small-shadow {
    top: 40%;
    left: 24%;
    width: 250%;
}
  .erwachsene_img_row2 .item.item-6.ffwolken-wunder .ProductImage__Shadow.small-shadow {
    top: 18%;
    left: 24%;
    width: 250%;
}
  .bestseller-slide .collection-img, .erwachsene_img .item-box-big{
    padding-left: 1.25rem;
    padding-right: 1.25rem;
}
.item .ProductImage__Shadow {
    top: 0;
    width: 200%;
    opacity: 0.2;
}
  .item .single-collection.col-3.kinder-shampoo.kklpffkinder-shampoo .ProductImage__Shadow, .item .single-collection.col-3.creme-pflegebad.kklpffcreme-pflegebad .ProductImage__Shadow,
  .item .single-collection.col-3.baby-bad.kklpffbaby-bad .ProductImage__Shadow, .item .single-collection.col-3.wasch-gel.kklpffwasch-gel .ProductImage__Shadow,   .item .single-collection.col-3.traum-bad.kklpfftraum-bad .ProductImage__Shadow
  {top:7%;}
  .item .single-collection.roundbord.col-6.sensitiv-feuchttuecher.kklpffsensitiv-feuchttuecher .ProductImage__Shadow.shado {
    opacity: 0.3;
    top: 26%;
}
  .item .single-collection.roundbord.col-6.aqua-touch-feuchttuecher.kklpffaqua-touch-feuchttuecher .ProductImage__Shadow.shado {
    opacity: 0.3;
    width: 100%;
    left: 46%;
    top: 42%;
}
 .item .buebchen-baby-oel.kklpffbuebchen-baby-oel .ProductImage__Shadow {
    width: 143% !important;
    top: 0 !important;
    left: 28% !important;
    bottom: 0;
    opacity: 0.2;
    width: 200%;
}
  .item .single-collection.baby-bad.kklpffbaby-bad .ProductImage__Shadow {
    top: -13%; opacity: 0.2;
    width: 200%;
}
  .item .single-collection.milk.kklpffmilk .ProductImage__Shadow {
    top: 5%;
}
  .item .single-collection.pflege-lotion.kklpffpflege-lotion .ProductImage__Shadow {
    top: 5%;
}
  .erwachsene_img_row2 .item.item-6 .item-box-big .ProductImage__Shadow.small-shadow {
    top: 0;
    left: 23%;
    width: 250%;
}
   .erwachsene_img_row2 article.item.item-6.ffbade-labor .item-box .ProductImage__Shadow.small-shadow {
    top: 50%;
    left: 25%;
    width: 200%;
}
  .erwachsene_img_row2 .item.item-6.ffbeste-freunde .item-box .ProductImage__Shadow.small-shadow {
    top: 10%;
    left: 24%;
}
  .erwachsene_img_row2 article.item.item-6.ffbade-labor .item-box .ProductImage__Shadow.small-shadow {
    top: 39%;
}
 .erwachsene_img_row2  article.item.item-6.ffprinzessin-rosalea .item-box .ProductImage__Shadow.small-shadow {
    top: 24%;
}
.erwachsene_img{padding:0;
    padding: 0;
    
}
   div#perfekt-furs-baby .collection-row .collection-content.col-3,  div#fur-kleine-entdecker .collection-row .collection-content.col-3{padding-left:2rem; padding-right:2rem}
  div#perfekt-furs-baby .container, div#fur-kleine-entdecker .container {
    padding: 0;
}
  #fur-kleine-entdecker article.item.item-6.ffprinzessin-annabella .ProductImage__Shadow.small-shadow {
    top: 25%;
    width: 200%;
}
  #fur-kleine-entdecker article.item.item-6.ffallerliebst-bad .ProductImage__Shadow.small-shadow {
    width: 200%;
    top: 29%;
}
   #fur-kleine-entdecker  article.item.item-6.ffkuschel-bad .ProductImage__Shadow.small-shadow {
    width: 200%;
    top: 29%;
}
 #fur-kleine-entdecker  article.item.item-6.ffentdecker-bad .ProductImage__Shadow.small-shadow {
    width: 200%;
    top: 29%;
}
  #fur-kleine-entdecker  article.item.item-6.ffsuper-power-bad  .ProductImage__Shadow.small-shadow {
    width: 200%;
    top: 29%;
}
}
.hero-banner.owl-carousel .owl-stage-outer {
    position: relative;
    overflow: initial;
}
.shopify-challenge__container {
    margin-top: 200px!Important;
    margin-bottom: 200px!important;
}
p.shopify-challenge__message {
    padding-bottom: 20px;
}
input.shopify-challenge__button.btn {
    margin-top: 20px;
}
.lirzRu {
    font-weight: normal;
    text-decoration: none;
    font-size: 1rem;
    line-height: 1.25rem;
    border: 0px;
    padding: 0.75rem 1rem;
    width: 100%;
    border-radius: 0.5rem;
    color: rgb(31, 53, 115);
    background: rgb(255, 255, 255);
    appearance: none;
    box-shadow: rgb(255 255 255) 0px 0px 0px 2px inset, rgb(210 2 27) 0px 0px 0px 4px inset;
}
.jVrHqk {
    position: absolute;
    bottom: -1.25rem;
}
 
.gAayde {
    font-weight: normal;
    text-decoration: none;
    font-size: 0.875rem;
    line-height: 1.125rem;
    hyphens: none;
    white-space: pre-line;
}
 .form-group.w-50, .form-group.w-100 {
    position: relative;
}
.kNgdSv {
    color: rgb(210, 2, 27);
}



@media screen and (min-width: 640px){
  .featured-wrap.hebammen-wrap.mission-feat .featured-content h2 {
    font-size: 4rem;
    line-height: 4rem;
}
div#shopify-section-template--15442227232922__165224495355583f67 {
    padding-top: 2vh;
}
  .article_info {
   
    min-height: 229px;
}
}
@media screen and (max-width: 640px){
.hero-banner .container {
    position: absolute;
    bottom: 50px;
}
}





/* style copy */

/*! CSS Used from: Embedded */
.bMtERk{width:16px;height:16rem;}
.jKzRyx{overflow:hidden;background:linear-gradient(290.15deg, rgb(42, 53, 92) 9.68%, rgb(87, 100, 143) 96.7%);}
.cDVdvG{padding:4.5rem 1.25rem 5.5rem;margin-top:0rem;margin-bottom:-50%;overflow:hidden;}
@media screen and (min-width: 36em){
.cDVdvG{padding:4.5rem 2rem 5.5rem;margin-top:0rem;margin-bottom:-40%;}
}
@media screen and (min-width: 48em){
.cDVdvG{padding:7.5rem 3rem 9.5rem;margin-top:0rem;margin-bottom:-40%;}
}
@media screen and (min-width: 62em){
.cDVdvG{margin-top:-7.5%;margin-bottom:-22.5%;padding-right:2.5rem;padding-left:2.5rem;}
}
@media screen and (min-width: 75em){
.cDVdvG{padding-right:4.5rem;padding-left:4.5rem;}
}
.brNgNN{margin-left:-0.5rem;margin-right:-0.5rem;display:flex;}
@media screen and (min-width: 36em){
.brNgNN{margin-left:-0.75rem;margin-right:-0.75rem;}
}
.cxOpiJ{padding-left:0.5rem;padding-right:0.5rem;margin-left:0rem;margin-right:0rem;width:100%;order:1;}
@media screen and (min-width: 36em){
.cxOpiJ{padding-left:0.75rem;padding-right:0.75rem;}
}
@media screen and (min-width: 36em){
.cxOpiJ{width:100%;}
}
@media screen and (min-width: 48em){
.cxOpiJ{width:100%;}
}
@media screen and (min-width: 62em){
.cxOpiJ{width:50%;}
}
@media screen and (min-width: 36em){
.cxOpiJ{order:1;}
}
@media screen and (min-width: 48em){
.cxOpiJ{order:1;}
}
@media screen and (min-width: 62em){
.cxOpiJ{order:2;}
}
.ctEMhl{padding-left:0.5rem;padding-right:0.5rem;margin-left:0rem;margin-right:0rem;width:50%;max-width:380px;display:none;}
@media screen and (min-width: 36em){
.ctEMhl{padding-left:0.75rem;padding-right:0.75rem;}
}
@media screen and (min-width: 36em){
.ctEMhl{display:none;}
}
@media screen and (min-width: 48em){
.ctEMhl{display:none;}
}
@media screen and (min-width: 62em){
.ctEMhl{display:block;}
}
.guVUAQ{padding-top:0rem;padding-left:0rem;}
@media screen and (min-width: 36em){
.guVUAQ{padding-top:0rem;padding-left:0rem;}
}
@media screen and (min-width: 48em){
.guVUAQ{padding-top:0rem;padding-left:0rem;}
}
@media screen and (min-width: 62em){
.guVUAQ{padding-top:4rem;padding-left:1.75rem;}
}
@media screen and (min-width: 75em){
.guVUAQ{padding-top:6rem;padding-left:3.75rem;}
}
.gtQPbs{margin-bottom:0.5rem;color:rgb(173, 201, 226);}
.cMJaUk{margin-bottom:1rem;color:rgb(255, 255, 255);}
@media screen and (min-width: 36em){
.cMJaUk{margin-bottom:1rem;}
}
@media screen and (min-width: 48em){
.cMJaUk{margin-bottom:1.25rem;}
}
.hPmaPy{margin-bottom:1rem;color:rgb(173, 201, 226);}
@media screen and (min-width: 36em){
.hPmaPy{margin-bottom:1rem;}
}
@media screen and (min-width: 48em){
.hPmaPy{margin-bottom:1.25rem;}
}
.biPGqc{margin-top:0.5rem;}
@media screen and (min-width: 36em){
.biPGqc{margin-top:0.5rem;}
}
@media screen and (min-width: 48em){
.biPGqc{margin-top:0.75rem;}
}
.imSAl{padding-left:0.5rem;padding-right:0.5rem;margin-left:0rem;margin-right:0rem;width:100%;order:2;}
@media screen and (min-width: 36em){
.imSAl{padding-left:0.75rem;padding-right:0.75rem;}
}
@media screen and (min-width: 36em){
.imSAl{width:100%;}
}
@media screen and (min-width: 48em){
.imSAl{width:100%;}
}
@media screen and (min-width: 62em){
.imSAl{width:50%;}
}
@media screen and (min-width: 36em){
.imSAl{order:2;}
}
@media screen and (min-width: 48em){
.imSAl{order:2;}
}
@media screen and (min-width: 62em){
.imSAl{order:1;}
}
.eKZMEU{margin-left:-0.5rem;margin-right:-0.5rem;display:flex;-webkit-box-pack:start;justify-content:flex-start;}
@media screen and (min-width: 36em){
.eKZMEU{margin-left:-0.75rem;margin-right:-0.75rem;}
}
@media screen and (min-width: 36em){
.eKZMEU{-webkit-box-pack:start;justify-content:flex-start;}
}
@media screen and (min-width: 48em){
.eKZMEU{-webkit-box-pack:start;justify-content:flex-start;}
}
@media screen and (min-width: 62em){
.eKZMEU{-webkit-box-pack:end;justify-content:flex-end;}
}
.dgXAoQ{margin-bottom:0rem;padding-left:0.5rem;padding-right:0.5rem;margin-left:0rem;margin-right:0rem;width:50%;max-width:380px;}
@media screen and (min-width: 36em){
.dgXAoQ{margin-bottom:0rem;padding-left:0.75rem;padding-right:0.75rem;}
}
@media screen and (min-width: 48em){
.dgXAoQ{margin-bottom:0rem;}
}
@media screen and (min-width: 62em){
.dgXAoQ{margin-bottom:4rem;}
}
.fyIxBp{margin-bottom:0rem;padding-left:0.5rem;padding-right:0.5rem;margin-left:0rem;margin-right:0rem;width:50%;max-width:380px;display:none;}
@media screen and (min-width: 36em){
.fyIxBp{margin-bottom:0rem;padding-left:0.75rem;padding-right:0.75rem;}
}
@media screen and (min-width: 48em){
.fyIxBp{margin-bottom:0rem;}
}
@media screen and (min-width: 62em){
.fyIxBp{margin-bottom:4rem;}
}
@media screen and (min-width: 36em){
.fyIxBp{display:none;}
}
@media screen and (min-width: 48em){
.fyIxBp{display:none;}
}
@media screen and (min-width: 62em){
.fyIxBp{display:block;}
}
.csXSrv{flex:0 0 auto;}
.hWlpFS{position:relative;margin-left:auto;margin-right:auto;width:100%;}
.ffLWzt{position:relative;flex-wrap:wrap;}
.jRfMaW{box-sizing:content-box;fill:currentcolor;min-width:16px;min-height:16px;height:auto;}
.FfcVx{font-weight:normal;text-decoration:none;font-size:1.125rem;line-height:1.375rem;hyphens:none;white-space:pre-line;}
@media (min-width: 48em){
.FfcVx{font-size:1.125rem;line-height:1.5rem;}
}
.jHFsvL{text-decoration:none;font-size:0.875rem;line-height:1rem;font-weight:bold;text-transform:uppercase;hyphens:none;white-space:pre-line;}
.bxSsjK{position:relative;z-index:1;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;border:0px;overflow:hidden;outline:none;user-select:none;flex-shrink:0;pointer-events:all;cursor:pointer;transition:all 0.1s ease-out 0s;text-decoration:none;font-size:1rem;line-height:1.25rem;font-weight:bold;display:inline-flex;height:2.75rem;padding:0px 1.625rem;border-radius:1.375rem;color:rgb(31, 53, 115);background:rgba(255, 255, 255, 0.98);}
.bxSsjK:focus{background:rgba(255, 255, 255, 0.9);}
.bxSsjK:active{background:rgba(255, 255, 255, 0.85);}
.bxSsjK:disabled{color:rgba(39, 49, 103, 0.2);background:rgba(255, 255, 255, 0.4);}
.bxSsjK .Button__StyledIcon-sc-54kc7g-0{position:relative;right:-0.5rem;color:rgb(31, 53, 115);}
a{background-color:transparent;}
img{border-style:none;}
*{-webkit-font-smoothing:antialiased;box-sizing:border-box;margin:0px;padding:0px;}
::selection{background:rgba(0, 0, 0, 0.2);color:rgb(0, 0, 0);}
.bnyzBZ p{font-weight:normal;margin-bottom:1rem;}
.fuTJab{font-weight:normal;text-decoration:none;font-size:2rem;line-height:2rem;text-transform:uppercase;position:relative;left:-1px;hyphens:none;white-space:pre-line;}
@media (min-width: 48em){
.fuTJab{font-size:3.125rem;line-height:3.25rem;left:-2px;}
}
.kGKNAa{z-index:1;display:flex;flex-direction:column;-webkit-box-pack:center;justify-content:center;}
@media (min-width: 62em){
.kGKNAa{min-height:100vh;}
}
.hPJXIT{display:flex;flex-direction:column;}
@media (min-width: 48em){
.hPJXIT{min-height:100vh;}
}
.hPJXIT > *{flex:1 1 auto;}
.eUXEQs{position:relative;}
.eUXEQs::after{content:"";display:block;padding-bottom:206.25%;}
.gpHBos{position:absolute;inset:0px;display:flex;-webkit-box-pack:center;justify-content:center;align-items:flex-end;}
.oLbSi{position:relative;display:block;width:85%;}
.oLbWs{position:relative;display:block;width:70%;}
.oLbVL{position:relative;display:block;width:73%;}
.czzHM{z-index:1;opacity:1;transition:opacity 0.8s ease-out 0s;border-radius:0px;overflow:visible!important;}
.czzHM::before{content:"";position:absolute;display:block;box-shadow:rgba(0, 0, 0, 0.4) 0px 0px 80px;inset:10% 11% 3%;}
.gGbYot{z-index:1;opacity:1;transition:opacity 0.8s ease-out 0s;border-radius:0px;overflow:visible!important;}
.gGbYot::before{content:"";position:absolute;display:block;box-shadow:rgba(0, 0, 0, 0.4) 0px 0px 80px;inset:11% 10% 3%;}
.gEJQyl{z-index:1;opacity:1;transition:opacity 0.8s ease-out 0s;border-radius:0px;overflow:visible!important;}
.gEJQyl::before{content:"";position:absolute;display:block;box-shadow:rgba(0, 0, 0, 0.4) 0px 0px 80px;inset:11% 12% 3%;}
.dfNnBh{z-index:1;opacity:1;transition:opacity 0.8s ease-out 0s;border-radius:0px;overflow:visible!important;}
.dfNnBh::before{content:"";position:absolute;display:block;box-shadow:rgba(0, 0, 0, 0.4) 0px 0px 80px;inset:9% 13% 2%;}
.brdXYZ{z-index:-1;position:absolute;width:250%;background:url(/cdn/shop/t/4/assets/productShadow2-small-43317910fa7262923e8e4ca407e27e81.png?v=1665563129) 0% 0% / 100% 100% no-repeat;pointer-events:none;transform-origin:0px 50%;opacity:0.4;transition:opacity 1.5s ease-out 0.25s;top:-16%;bottom:-25%;left:9%;transform:translateY(-15%) rotate(17deg) skew(0deg, 35deg);}
.mjQes{z-index:-1;position:absolute;width:250%;background:url(/cdn/shop/t/4/assets/productShadow2-small-43317910fa7262923e8e4ca407e27e81.png?v=1665563129) 0% 0% / 100% 100% no-repeat;pointer-events:none;transform-origin:0px 50%;opacity:0.4;transition:opacity 1.5s ease-out 0.25s;top:-20%;bottom:-20%;left:5%;transform:translateY(-10%) rotate(17deg) skew(0deg, 35deg);}
.fbnmKN{z-index:-1;position:absolute;width:250%;background:url(/cdn/shop/t/4/assets/productShadow2-small-43317910fa7262923e8e4ca407e27e81.png?v=1665563129) 0% 0% / 100% 100% no-repeat;pointer-events:none;transform-origin:0px 50%;opacity:0.4;transition:opacity 1.5s ease-out 0.25s;top:-16%;bottom:-17%;left:10%;transform:translateY(-10%) rotate(17deg) skew(0deg, 35deg);}
.gHQcgu:nth-child(2n){transform:translateY(40%);}
@media (min-width: 62em){
.gHQcgu:nth-child(2n){transform:translateY(30%);}
}
.clGPuu{opacity:0;transform:translateY(70px);}
.dqbdRA{opacity:0;transform:translateY(140px);}
.dyhkYp{opacity:0;transform:translateY(40px);}




.collection-img .ProductImage__Shadow, .ProductImage__Shadow.small-shadow, .ProductImage__Shadow_small, .shadow {
    display: none !important;
}
.hisorie-info a {
    font-weight: bold;
    /* border-bottom: 2px solid currentcolor; */
    -webkit-transition: opacity 0.1s ease-out 0s;
    -o-transition: opacity 0.1s ease-out 0s;
    transition: opacity 0.1s ease-out 0s;
    color: inherit;
    text-decoration: none;
}
@media (max-width: 900px){
.featured-wrap.campaign-featured .featured-row.bg-dark {
    padding-top: 50px;
}
}


/* new page css*/
.newsletter-top .featured-img img {
    min-height: 100vh;
}
.newsletter-top .featured-content{padding-top:8.5rem}
.newsletter-top .form-control {
    max-width: 547px;
    width: 100%;
    background: #fff;
    border-radius: 50px;
    border: none;
    height: 55px;
    padding: 0 15px;
/*     font-family: 'Inter'; */
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 25px;
/* identical to box height, or 139% */
    color: #959DBE;
    margin-bottom: 27px;
    display: block;
}

.newsletter-top .input-group {
    margin-bottom: 40px; margin-top:32px;
}

.newsletter-top 
 .featured-content p {
/*     font-family: 'Inter'; */
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 25px;
    color: #000000;
    max-width: 545px;
}

.career-top .featured-img img {
    min-height: 100vh;
}

.career-bub-wrap{background: linear-gradient(92.31deg, rgb(217, 227, 246) 8.4%, rgb(176, 199, 233) 89.31%); padding:68px 0;}
.career-bub-wrap h2 {font-size: 56px; line-height: 64px;color: #263472; text-align: center; margin-bottom: 65px;}
ul.career-bub-list { list-style: none;   max-width: 1470px;  margin: 0 auto;display: flex;  flex-wrap: wrap;}

ul.career-bub-list li {width: 33.33%; padding: 0 37.5px; margin-bottom: 17px;}

ul.career-bub-list li span { padding: 16px; height:100%; font-weight: 800; font-size: 25px; line-height: 28px; color: #263472;  background: #D8E3FF;  border-radius: 10px; display: block;}
ul.career-bub-list li span.bg-white {
    background: #fff;
}

ul.career-bub-list li span.bg-light {    background: linear-gradient(114.93deg, rgb(226, 241, 255) 1.02%, rgb(210, 233, 255) 93.53%);}

.career-value-wrap{background: #5A638E; padding-top:67px; padding-bottom:100px;}
.career-value-wrap h2{font-weight: 800;font-size: 56px;line-height: 64px; margin-bottom:50px; text-align:center; color:#fff}
.single-value-slide { background: linear-gradient(152.28deg, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0.1) 98.9%);box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);border-radius: 20px; padding: 40px; color: #fff; height: 100%;}
.career-value-slide { max-width: 1470px; margin: 0 auto;}
.single-value-slide h3 {font-weight: 800;font-size: 32px; line-height: 36px;  margin-bottom: 24px;}
.single-value-slide p {font-size: 20px;line-height: 30px;  margin: 0;}
.career-value-slide .owl-item { height: inherit; padding: 10px;}
.career-value-slide .owl-stage { display: flex;}
.career-value-slide 
 button.owl-prev {
    background: transparent !important;
    left: -5%;
}
.career-value-slide  button.owl-prev svg, .career-value-slide button.owl-next svg{width:25px; height:25px;}
.career-value-slide 
 button.owl-next {
    background: transparent !important;
    right: -5%;
}
.featured-row.bg-blue .featured-content h4{color:#fff; font-weight: 800; font-size: 18px;line-height: 21px; margin-bottom:25px;}

.career-gallary-wrap{padding-top:52px; padding-bottom:62px;}
.career-gallary-wrap h2{ font-size: 56px;line-height: 64px;color: #263472; margin-bottom:37px;}


.career-family-wrap { background: #D7EAFE; padding: 114px 0;}
.item.single-family-slide {display: flex;align-items: center; justify-content:space-between; max-width: 1312px; margin: 0 auto;}
.family-slide-img { min-width: 156px; text-align: center; position:relative}
.family-slide-img:before {content: "";width: 3px; height: 100%; background: #263472;  display: block; position: absolute;  right: -111px;}
.family-slide-img:after {content: "";width: 29px; height: 93px; background: #D7EAFE url(quote-icon-b.svg) no-repeat center; background-size:contain;  display: block; position: absolute;  right: -125.5px; top: 50%;
    transform: translateY(-50%);}
.family-slide-content { width: calc(100% - 267px); padding-left: 106px;}
.family-slide-img img { width: 156px !important; height: 156px; border-radius: 50%; object-fit: cover; margin-bottom: 20px; display: block;}
.family-slide-img h4 {  font-weight: 800;  font-size: 18px; line-height: 21px; text-align: center;text-transform: uppercase;  color: #263472;margin-bottom: 5px;}
.family-slide-img p { font-weight: 700;font-size: 14px; text-transform: uppercase; color: #263472;}

.family-slide-content h2 { font-weight: 800; font-size: 56px; line-height: 64px; color: #263472;}

.family-slide-content h3 { font-size: 25px;line-height: 28px; color: #263472; margin-bottom: 33px;}

.family-slide-content p {font-size: 18px; line-height: 23px; margin-bottom:40px; color: #263472;}

.career-family-slide button.owl-prev, .career-family-slide button.owl-next { background: transparent !important; position: relative; top: auto; transform: none;left: auto;right: auto;}

.career-family-slide .owl-nav { display: flex; margin: 0 auto; max-width: 1314px; padding-left: 363px;}

.career-family-slide .owl-nav svg { color: #263472; width: 35px; height: 35px;}
.career-job-slide {
    max-width: 1336px;
    margin: 0 auto;
}
.career-job-wrap{padding-top:55px; padding-bottom:40px;}
.career-job-wrap h2{ font-weight: 800;font-size: 56px;line-height: 64px; margin-bottom:48px; text-align: center;color: #263472;}
ul.single-job-slide-list{display:flex; flex-wrap:wrap; justify-content:space-between; padding:0; margin:0; list-style:none}
ul.single-job-slide-list li {
    width: 48%;
    margin-bottom: 20px;
}
.career-job-slide  .owl-dots .owl-dot span { width: 18px;  height: 18px;border-radius: 50%;background: #B7BFE7;margin: 0 3px;display: block;}
.career-job-slide .owl-dots {
    text-align: center;
    margin-top: 25px;
}
.career-job-slide  button.owl-dot.active span { background: #263472;}


ul.single-job-slide-list li a {
    background: #263472;
    display: block;
    border-radius: 15px;
    color: #fff;
    text-decoration: none;
    font-weight: 800;
    font-size: 24px;
    line-height: inherit;
    padding: 34px 21px; padding-left:42px; position:relative;
}
ul.single-job-slide-list li a:before {
    content: "";
    position: absolute;
    left: 16px;
    top: 50%;
    width: 1rem;
    height: 1rem;
    border-radius: 100%;
    background: #fff;
    transform: translateY(-50%);
}

ul.single-job-slide-list li a:after {
    content: "";
    width: 6px;
    height: 6px;
    top: 11px;
    left: 21px;
    background: rgb(31,53,115);
    position: absolute;
    border-radius: 100%;
    -webkit-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
    opacity: 1;
    top: 50%;
    transform: translateY(-50%);
}
.item.single-job-slide h3 {
    font-size: 32px;
    line-height: 1.12;
    color: #263472;
    margin-bottom: 33px;
    text-align: center;
}
.payment-icon li:last-child {
    margin-left: -7px;
}
.payment-icon li:nth-child(3) {
    margin-right: 0.7rem;
}
.payment-icon li:nth-last-child(2){margin-left: -5px;}
.career-top .featured-row.bg-blue .featured-content span, 
 .career-top .featured-row.bg-blue .featured-content p {
    color: #fff;
}
@media (max-width: 1450px){
ul.career-bub-list li{padding:0 11px}
  .career-value-slide button.owl-prev {
    left: -30px;
}
  .career-value-slide button.owl-next {
    right: -30px;
}
}
@media (max-width: 992px){
.career-top .featured-img img, .newsletter-top .featured-img img {
    min-height: auto;
}
  ul.career-bub-list{margin-left:-11px; margin-right:-11px;}
  ul.career-bub-list li{padding:0 11px;width:50%;}
  ul.career-bub-list li span {
    font-size: 16px;
    line-height: 1.12;
}
  .family-slide-content {
    width: calc(100% - 200px);
    padding-left: 77px;
}
  .family-slide-img:before{right:-44px;}
  .family-slide-img:after{right:-58.5px;}
  .career-family-slide .owl-nav{padding-left:276px;}
  .single-value-slide {
    padding: 20px;
}
  ul.single-job-slide-list li {
    width: 100%;
    margin-bottom: 20px;
}
ul.single-job-slide-list li a {
    font-size: 16px;
    padding-top: 21px;
    padding-bottom: 21px;
}
  
}
@media (max-width: 767px){
.career-bub-wrap h2, .career-gallary-wrap h2, .family-slide-content h2, .career-value-wrap h2, .career-job-wrap h2 {
    font-size: 45px;
    line-height: 1.14;
    margin-bottom: 36px;
}
  .family-slide-content h2{margin-bottom:10px;}
  .item.single-family-slide{flex-wrap:wrap;}
  .family-slide-img {
    width: 100%;
}
  .family-slide-img img {
    margin-left: auto;
    margin-right: auto;
}
  .family-slide-img:before, .family-slide-img:after{display:none}
  .family-slide-content {
    width: 100%;
    padding: 0;
    margin-top: 25px;
}
  .career-family-slide .owl-nav{padding-left:0;}
  .item.single-job-slide h3 {font-size:25px;}
}
.campaign-featured .featured-content li {
    font-size: 1.125rem;
    line-height: 1.5rem;
    color: rgb(69, 93, 139);
}
.newsletter-top .featured-content p{color: rgb(69, 93, 139);}
.newsletter-top .featured-content ul {
    padding-left: 15px;
}
@media (max-width: 640px){
   ul.career-bub-list li{padding:0 11px;width:100%;}
  .career-value-slide button.owl-next {
    right: -18px;
}
.career-value-slide button.owl-prev {
    left: -18px;
}

}
.footer_row .payment-icon li:nth-last-child(2) {
    margin-left: 0;
}
.payment-icon li:nth-last-child(4) {
    margin-left: 0;
    margin-right: 4px;
}
@media (max-width: 440px){
.payment-icon li:last-child {
    margin-left: -17px;
}
  .footer_row .payment-icon li:last-child {
    margin-left: -6px;
}
  .shipping-wrap .payment-icon li:last-child {
    margin-left: 0;
}
}

.new-pro-wrap.bg-dark {
    padding-bottom: 85px; padding-top:200px;
}
.new-pro-wrap .product-content {
    width: 100%; margin-bottom: 26px;
}
.product-detail .product-content p {
    font-size: 1.125rem;
    line-height: 1.5rem;
    color: #263472;
    margin-bottom: 1rem;
}
.product-detail .product-content h4 {
    font-size: 1.375rem;
    font-weight: normal;
    line-height: 1.5rem;
    margin-bottom: 1.75rem;
    color: #263472;
}
.d-flex.pro-bottom {
    display: flex;
    justify-content: space-between;
}

.d-flex.pro-bottom .desk-img {
    max-width: 156px;
}

.new-pro-wrap .product-img.test {
    width: 50%;
    max-width: 100%;
    display: flex;
}

.product-slide {
    width: 120px;
}

.product-slide-big {
    width: calc(100% - 120px);
}
.nav-thumb {
    padding: 0;
    border: 1px solid #263472;
}

.slide-nav .item {
    padding: 5px 0;
}
.slide-nav .slick-arrow {
    left: 50%;
    transform: translateX(-50%);
    top: 0;
    z-index: 2;
    width: auto;
    height: auto;
}

.slide-nav .slick-arrow:before {
    display: none;
}

.slide-nav .slick-arrow.slick-prev {
    font-size: 20px;
    top: -20px;
}
.slide-nav .slick-arrow.slick-next {
    font-size: 20px; top:auto; right:auto;
    bottom: -20px;  left: 50%;
}

.slide-nav .slick-arrow svg {
    width: 16px;
    height: 9px;
}
.slide-for  ul.slick-dots {
    position: relative;
    bottom: auto;
    margin-top: 15px;
}

.slide-for ul.slick-dots li {
    width: 10px;
    height: 10px;
    border: 1px solid rgb(31, 53, 115);
    border-radius: 50%;
}

.slide-for ul.slick-dots li.slick-active {
    background: rgb(31, 53, 115);
}

.slide-for ul.slick-dots li button {
    display: none;
}
.new-pro-wrap .product-row {
    align-items: flex-start;
}
.new-pro-wrap .product-slide{padding-top:20px;}
@media (max-width: 1200px){

.product-slide {
    display: none;
}
  .new-pro-wrap .product-img.test {
    width: 100%;
    max-width: 100%;
    display: flex;
}
  .product-slide-big {
    width: 100%;
}
.d-flex.pro-bottom {
    display: block;
    justify-content: space-between;
}
}
@media (max-width: 767px){

.new-pro-wrap.bg-dark{padding-top:10.75rem}

}
@media (max-width: 640px){
    .new-pro-wrap .product-img.test {
    width: 100%;
    max-width: 100%;
    display: flex;
}
  .erwachsene_img_row2 .owl-dots .owl-dot span { width: 10px; width: 0.5rem; height: 0.5rem;border-radius: 50%;background: rgb(255, 255, 255);margin: 0 3px;display: block;}
.erwachsene_img_row2 .owl-dots {text-align: center; margin-top:30px}
.erwachsene_img_row2 button.owl-dot.active span { background: rgb(31, 53, 115);}

.bestseller-slide  .owl-dots .owl-dot span { width: 10px; width: 0.5rem; height: 0.5rem;border-radius: 50%;background: rgb(255, 255, 255);margin: 0 3px;display: block;}
.bestseller-slide .owl-dots {text-align: center; margin-top:30px}
.bestseller-slide button.owl-dot.active span { background: rgb(31, 53, 115);}


}

.ElementsWidget-prefix .ElementsWidget{
--slider-indicator-width: 310px;
}

.ElementsWidget-prefix .ElementsWidget {
    margin-bottom: 0px !important;
}