/*
 * Platz für eigene Änderungen direkt als CSS
 * Die hier gemachten Änderungen überschreiben ggfs. andere Styles, da diese Datei als letzte geladen wird.
 */
 
/* Fonts */

/* Nicky Laatz - Saturday Script */

@font-face {
  font-family: 'SaturdayScript1';
  font-style: normal;
  font-weight: 300;
  src: url('/templates/Livella/themes/my-nova/fonts/saturday-script/saturday-script.otf') format('opentype'),
	  url('/templates/Livella/themes/my-nova/fonts/saturday-script/saturday-script.ttf') format('truetype');
  font-display: swap;
}

/* SaturdayScript2 / below SaturdayScript text (Raleway - ExtraBold) */

@font-face {
  font-family: 'SaturdayScript2';
  font-style: normal;
  font-weight: 800;
  src: url('/templates/Livella/themes/my-nova/fonts/raleway/raleway-extrabold-800/raleway-v28-latin-800.eot');
  src: local(''),
       url('/templates/Livella/themes/my-nova/fonts/raleway/raleway-extrabold-800/raleway-v28-latin-800.eot?#iefix') format('embedded-opentype'),
       url('/templates/Livella/themes/my-nova/fonts/raleway/raleway-extrabold-800/raleway-v28-latin-800.woff2') format('woff2'),
       url('/templates/Livella/themes/my-nova/fonts/raleway/raleway-extrabold-800/raleway-v28-latin-800.woff') format('woff'),
       url('/templates/Livella/themes/my-nova/fonts/raleway/raleway-extrabold-800/raleway-v28-latin-800.ttf') format('truetype'),
       url('/templates/Livella/themes/my-nova/fonts/raleway/raleway-extrabold-800/raleway-v28-latin-800.svg#Raleway') format('svg');
  font-display: swap;
}

/* Raleway */

@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 200;
  src: url('/templates/Livella/themes/my-nova/fonts/raleway/raleway-light-200/raleway-v28-latin-200.eot');
  src: local(''),
       url('/templates/Livella/themes/my-nova/fonts/raleway/raleway-light-200/raleway-v28-latin-200.eot?#iefix') format('embedded-opentype'),
       url('/templates/Livella/themes/my-nova/fonts/raleway/raleway-light-200/raleway-v28-latin-200.woff2') format('woff2'),
       url('/templates/Livella/themes/my-nova/fonts/raleway/raleway-light-200/raleway-v28-latin-200.woff') format('woff'),
       url('/templates/Livella/themes/my-nova/fonts/raleway/raleway-light-200/raleway-v28-latin-200.ttf') format('truetype'),
       url('/templates/Livella/themes/my-nova/fonts/raleway/raleway-light-200/raleway-v28-latin-200.svg#Raleway') format('svg');
  font-display: swap;
}

/* Raleway - Light */

@font-face {
  font-family: 'RalewayLight';
  font-style: normal;
  font-weight: 200;
  src: url('/templates/Livella/themes/my-nova/fonts/raleway/raleway-light-200/raleway-v28-latin-200.eot');
  src: local(''),
       url('/templates/Livella/themes/my-nova/fonts/raleway/raleway-light-200/raleway-v28-latin-200.eot?#iefix') format('embedded-opentype'),
       url('/templates/Livella/themes/my-nova/fonts/raleway/raleway-light-200/raleway-v28-latin-200.woff2') format('woff2'),
       url('/templates/Livella/themes/my-nova/fonts/raleway/raleway-light-200/raleway-v28-latin-200.woff') format('woff'),
       url('/templates/Livella/themes/my-nova/fonts/raleway/raleway-light-200/raleway-v28-latin-200.ttf') format('truetype'),
       url('/templates/Livella/themes/my-nova/fonts/raleway/raleway-light-200/raleway-v28-latin-200.svg#Raleway') format('svg');
  font-display: swap;
}

/* Raleway - Regular*/

@font-face {
  font-family: 'RalewayRegular';
  font-style: normal;
  font-weight: 400;
  src: url('/templates/Livella/themes/my-nova/fonts/raleway/raleway-regular-400/raleway-v28-latin-regular.eot');
  src: local(''),
       url('/templates/Livella/themes/my-nova/fonts/raleway/raleway-regular-400/raleway-v28-latin-regular.eot?#iefix') format('embedded-opentype'),
       url('/templates/Livella/themes/my-nova/fonts/raleway/raleway-regular-400/raleway-v28-latin-regular.woff2') format('woff2'),
       url('/templates/Livella/themes/my-nova/fonts/raleway/raleway-regular-400/raleway-v28-latin-regular.woff') format('woff'),
       url('/templates/Livella/themes/my-nova/fonts/raleway/raleway-regular-400/raleway-v28-latin-regular.ttf') format('truetype'),
       url('/templates/Livella/themes/my-nova/fonts/raleway/raleway-regular-400/raleway-v28-latin-regular.svg#Raleway') format('svg');
  font-display: swap;
}

/* Raleway - Bolder */

@font-face {
  font-family: 'RalewayBolder';
  font-style: normal;
  font-weight: 600;
  src: url('/templates/Livella/themes/my-nova/fonts/raleway/raleway-bolder-600/raleway-v28-latin-600.eot');
  src: local(''),
       url('/templates/Livella/themes/my-nova/fonts/raleway/raleway-bolder-600/raleway-v28-latin-600.eot?#iefix') format('embedded-opentype'),
       url('/templates/Livella/themes/my-nova/fonts/raleway/raleway-bolder-600/raleway-v28-latin-600.woff2') format('woff2'),
       url('/templates/Livella/themes/my-nova/fonts/raleway/raleway-bolder-600/raleway-v28-latin-600.woff') format('woff'),
       url('/templates/Livella/themes/my-nova/fonts/raleway/raleway-bolder-600/raleway-v28-latin-600.ttf') format('truetype'),
       url('/templates/Livella/themes/my-nova/fonts/raleway/raleway-bolder-600/raleway-v28-latin-600.svg#Raleway') format('svg');
  font-display: swap;
}

/* Raleway - SemiBold */

@font-face {
  font-family: 'RalewaySemiBold';
  font-style: normal;
  font-weight: 700;
  src: url('/templates/Livella/themes/my-nova/fonts/raleway/raleway-semibold-700/raleway-v28-latin-700.eot');
  src: local(''),
       url('/templates/Livella/themes/my-nova/fonts/raleway/raleway-semibold-700/raleway-v28-latin-700.eot?#iefix') format('embedded-opentype'),
       url('/templates/Livella/themes/my-nova/fonts/raleway/raleway-semibold-700/raleway-v28-latin-700.woff2') format('woff2'),
       url('/templates/Livella/themes/my-nova/fonts/raleway/raleway-semibold-700/raleway-v28-latin-700.woff') format('woff'),
       url('/templates/Livella/themes/my-nova/fonts/raleway/raleway-semibold-700/raleway-v28-latin-700.ttf') format('truetype'),
       url('/templates/Livella/themes/my-nova/fonts/raleway/raleway-semibold-700/raleway-v28-latin-700.svg#Raleway') format('svg');
  font-display: swap;
}

/* Raleway - Extra */

@font-face {
  font-family: 'RalewayBold';
  font-style: normal;
  font-weight: 800;
  src: url('/templates/Livella/themes/my-nova/fonts/raleway/raleway-extrabold-800/raleway-v28-latin-800.eot');
  src: local(''),
       url('/templates/Livella/themes/my-nova/fonts/raleway/raleway-extrabold-800/raleway-v28-latin-800.eot?#iefix') format('embedded-opentype'),
       url('/templates/Livella/themes/my-nova/fonts/raleway/raleway-extrabold-800/raleway-v28-latin-800.woff2') format('woff2'),
       url('/templates/Livella/themes/my-nova/fonts/raleway/raleway-extrabold-800/raleway-v28-latin-800.woff') format('woff'),
       url('/templates/Livella/themes/my-nova/fonts/raleway/raleway-extrabold-800/raleway-v28-latin-800.ttf') format('truetype'),
       url('/templates/Livella/themes/my-nova/fonts/raleway/raleway-extrabold-800/raleway-v28-latin-800.svg#Raleway') format('svg');
  font-display: swap;
}

/* Raleway - ExtraBold */

@font-face {
    font-family: 'RalewayExtraBold';
    font-style: normal;
    font-weight: 900;
    src: url('/templates/Livella/themes/my-nova/fonts/raleway/raleway-extrabold-900/raleway-v29-latin-900.eot');
    src: url('/templates/Livella/themes/my-nova/fonts/raleway/raleway-extrabold-900/raleway-v29-latin-900.eot?#iefix') format('embedded-opentype'),
       url('/templates/Livella/themes/my-nova/fonts/raleway/raleway-extrabold-900/raleway-v29-latin-900.woff2') format('woff2'),
       url('/templates/Livella/themes/my-nova/fonts/raleway/raleway-extrabold-900/raleway-v29-latin-900.woff') format('woff'),
       url('/templates/Livella/themes/my-nova/fonts/raleway/raleway-extrabold-900/raleway-v29-latin-900.ttf') format('truetype'),
       url('/templates/Livella/themes/my-nova/fonts/raleway/raleway-extrabold-900/raleway-v29-latin-900.svg#Raleway') format('svg');
}

/* Lato */

@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 100;
  src: url('/templates/Livella/themes/my-nova/fonts/lato/lato-regular-400/lato-v23-latin-regular.eot');
  src: local(''),
       url('/templates/Livella/themes/my-nova/fonts/lato/lato-regular-400/lato-v23-latin-regular.eot?#iefix') format('embedded-opentype'),
       url('/templates/Livella/themes/my-nova/fonts/lato/lato-regular-400/lato-v23-latin-regular.woff2') format('woff2'),
       url('/templates/Livella/themes/my-nova/fonts/lato/lato-regular-400/lato-v23-latin-regular.woff') format('woff'),
       url('/templates/Livella/themes/my-nova/fonts/lato/lato-regular-400/lato-v23-latin-regular.ttf') format('truetype'),
       url('/templates/Livella/themes/my-nova/fonts/lato/lato-regular-400/lato-v23-latin-regular.svg#Lato') format('svg');
  font-display: swap;
}

/* <----------------------übergreifend----------------------> */
:root {
    --primary-font: "RalewayRegular", "Arial";
    --primary-font-light: "RalewayLight", "Arial";
    --primary-font-bolder: "RalewayBolder", "Arial";
    --primary-font-semibold: "RalewaySemiBold", "Arial";
    --primary-font-bold: "RalewayBold", "Arial";
    --primary-font-extrabold: "RalewayExtraBold", "Arial";
    --handwritten-font: "SaturdayScript1";
    
    --primary-font-color: #525252;
    --primary-font-color-darker: #3D3D3D;
    --secondary-font-color: #C6ABBF;
    --font-color-white: #fff;
}

body {
    /* overflow-x: visible; */
    overflow: visible !important;
}

#result-wrapper {
    padding-bottom: 4rem;
}

/*
#result-wrapper > div:nth-child(4) {
	display: none !important;
}
#result-wrapper > div:nth-child(4) > nav {
	display: none !important;
}
*/

li.product-ean {
	display: none !important;
}
li.product-category.word-break {
	display: none !important;
}
li.product-manufacturer {
	display: none !important;
}
/* Container 50%/50% */
div.col.col-md-6.col-lg-6.col-xl-6.col-12 {
	padding-right: 0rem;
    padding-left: 0rem;
}
/* Bekannt aus */
div.row.bekannt-aus {
	justify-content: center !important;
    max-width: 95% !important;
    align-items: center !important;
    margin-top: 60px;
    margin-left: auto;
    margin-right: auto;
}
div.hebammentesten-logo {
	max-width: fit-content !important;
}
/* zentrieren */
div.centered {
   display: flex;
   justify-content: center;
   align-items: center;
}
/* Bild max 300px breit */
div.img-300px {
	max-width: 300px !important;
}
#result-wrapper > div.container-fluid > div {
	display: none !important;
}
/* Tabelle "Vergleich" */
table.table-vergleich {
	inline-size: -webkit-fill-available !important;
	border-left: hsl(0deg 0% 100% / 0%) !important;
    border-right: hsl(0deg 100% 50% / 0%) !important;
    border-top: hsl(240deg 100% 50% / 0%) !important;
    border-bottom: hsl(240deg 100% 50% / 0%) !important;
}

table.table-vergleich p {
    margin-bottom: 0 !important;
}

table.table-vergleich td {
    padding: 0.3rem !important;
}

table.table-vergleich 
/* Box Partner */
div.div-partner {
}
/* Logos Partner */
div.img-partner {
	max-width: 150px !important;
}
/* Ausblenden der Breadcrumb */
#breadcrumb {
	display:none;
}
.breadcrumb-wrapper {
  border: 0;
}

/*Button Anpassungen  */

.btn-primary {
    color: #ffffff;
    background-color: #643E5C;
    border-color: #643E5C;
    border-radius: 20px;
    box-shadow: none;
}

.btn-outline-primary {
    color: #643E5C;
    background-color: #ffffff;
    border-color: #643E5C;
    border-radius: 20px;
    box-shadow: none;
}

.btn-animated .btn-outline-primary:hover {
    border-color: hsl(313deg 23% 32%);
    background-color: hsl(0deg 0% 0% / 0%);
    color: hsl(0deg 0% 100%);
}

/* Navigation */

/* Navigation sticky - zusammen mit overflow: clip auf allen parents (e.g. body) */

#jtl-nav-wrapper {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1020;
}

@media screen and (max-width: 991.98px) {
    #jtl-nav-wrapper {
        padding-top: 0.25rem;
        padding-bottom: 0.25rem;
    }
}

/* Search-Bar verstecken */

.search-form-wrapper-fixed {
    display: none !important;
}

/* Überbleibenden leeren Search-Balken bei mobile scroll verstecken */

.fixed-search.fixed-top {
    display: none !important;
}

div.nav-mobile-body {
    color: #190707 !important;
    /* font-family: "Lato",Raleway,Arial !important; */
    font-family: var(--primary-font) !important;
    font-weight: 500 !important;
	font-size: 13px !important;
}

@media screen and (min-width: 992px) {
    div.nav-mobile-body {
	    font-size: 16px !important;
    }
}

/*Header Top Bar */
#header-top-bar {
	/* background-color: #ffead5; */
	background-color: #fff6f2;
	padding: 5px 5px 0 5px;
}

#header-top-bar .nav-link,
#header-top-bar .dropdown-item,
#shop-nav .nav-link,
#shop-nav .dropdown-item {
    color: #492E43;
}

/* Announcement bar */

#announcement-bar-desktop,
#announcement-bar-mobile {
    font-family: var(--primary-font-light) !important;
    color: #492E43;
}

#announcement-bar-mobile.siema-mobile {
    text-align: center;
    font-size: 8px;
    font-weight: bold;
    /* background: #ffead5; */
    background-color: #fff6f2;
}

#announcement-bar-mobile div {
    padding: 3px 5px;
}

#announcement-bar-desktop.siema-desktop {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    max-width: 550px;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
    padding-top: 13px;
    display: none;
}

@media screen and (min-width: 341px) {
    #announcement-bar-mobile.siema-mobile {
        font-size: 10px;
    }
    
    #announcement-bar-mobile div {
        padding: 3px 17px;
    }
}

@media screen and (min-width: 992px) {
    #announcement-bar-mobile.siema-mobile {
        display: none;
    }
    
    #announcement-bar-desktop.siema-desktop {
        display: block;
    }
}

/* EU/GB Shipping Badge im Header */

.shipping-eu-gb-badge-header-desktop {
    display: block;
    height: 40px;
    width: auto;
    margin-top: -5px;
    cursor: pointer;
}


.shipping-eu-gb-badge-header-mobile-wrapper {
    display: none;
    position: absolute;
    right: 16px;
    cursor: pointer;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1);
    border-radius: 0 0 20px 20px;
}

.shipping-eu-gb-badge-header-mobile {
    height: 40px;
    width: auto;
}

@media screen and (max-width: 1299.99px) {
    .shipping-eu-gb-badge-header-desktop {
        display: none;
    }
    
    .shipping-eu-gb-badge-header-mobile-wrapper {
        display: block;
        opacity: 1;
        transition: opacity .3s ease;
    }

    .shipping-eu-gb-badge-header-mobile-wrapper.hide {
        opacity: 0;
    }    
}

@media screen and (max-width: 991.99px) {
    .shipping-eu-gb-badge-header-mobile-wrapper {
        margin-top: 3.83px;
    }

    .shipping-eu-gb-badge-header-mobile {
        height: 37px;
    }
}

/* Ausblenden "Sie sparen" bei Sets */
div.yousave {
	display: none;
}
/* Ausblenden der Suche in Navigation */
div.search-wrapper {
	display: none;
}

/* Icons */
div.icon {
	max-width: 100px !important;
}

/* Standard Navigations-Icons überschreiben und anpassen */

.nav-icon-profile,
.nav-icon-like,
.nav-icon-cart {
    height: 22px;
    width: auto;
}

/* Burger-Menu Toggler */

.nav-icon-menue {
    height: 16px;
    width: auto;
}

/* Toggler-icon wenn das Mobile-Menü ausgeklappt ist */

.navbar-toggler .navbar-toggler-icon {
  height: 0.075rem;
}

/* Container "Deine Vorteile" */
div.container-fluid.opc-Container.div-vorteile {
	text-align: -webkit-center !important;
}
div.row.grid-vorteile {
	justify-content: center;
	max-width: 90% !important;
	margin-left: auto;
    margin-right: auto;
}
div.icon-vorteile {
	max-width: 100px !important;
}
div.text-vorteile {
}

/* Bekannt aus */

.section-bekannt-aus {
    padding: 70px 16px 30px 16px;
}

.section-bekannt-aus .section-bekannt-aus-logos > div {
    display: grid;
    grid-auto-flow: row;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: center;
    gap: 24px 32px;
    padding: 20px 8px 0 8px;
}

.section-bekannt-aus .section-bekannt-aus-logos > div img.w-100 {
    width: 33vw !important;
}

@media screen and (min-width: 576px) {
    .section-bekannt-aus .section-bekannt-aus-logos > div {
        padding: 20px 16px 0 16px;
    }
    
    .section-bekannt-aus .section-bekannt-aus-logos > div img.w-100 {
        width: 100% !important;
        max-width: 200px !important;
    }
}

@media screen and (min-width: 992px) {
    .section-bekannt-aus .section-bekannt-aus-logos > div {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media screen and (min-width: 1200px) {
    .section-bekannt-aus {
        padding: 80px 90px 0 90px;    
    }
    
    .section-bekannt-aus .section-bekannt-aus-logos > div {
        padding: 32px 16px 0 16px;
    }

    .section-bekannt-aus .section-bekannt-aus-logos > div {
        grid-auto-flow: column;
        grid-template-columns: auto;
    }
    
}

/* Warenkorbvorschau rechts als Slider/Drawer von rechts nach links öffnen*/

header .nav-right .cart-dropdown.dropdown-menu {
    display: block;
    /* transform: translateX(100%); */
    transition: width .2s ease-in-out;
    overflow: hidden;
    width: 0%;
    min-width: 0%;
}

header .nav-right .cart-dropdown.dropdown-menu.show {
    /* transform: translateX(0); */
    width: 100%;
}

@media screen and (min-width: 992px) {
	header .cart-icon-dropdown.nav-item.dropdown {
		position: static;
	}

	header .nav-right .cart-dropdown.dropdown-menu.show {
		width: 400px;
	}
}

/* Startseite */

/* Start Hero Section */

.hero-section-wrapper > div {
    display: grid;
}

.hero-section-left h1,
.hero-section-left h3,
.hero-section-left .h3 {
    -webkit-hyphens: initial;
    -moz-hyphens: initial;
    -ms-hyphens: initial;
    hyphens: initial;
}

.hero-section-left h1 {
    font-family: var(--primary-font-extrabold);
    color: var(--primary);
    line-height: 1;
    font-weight: 900;
}

.hero-section-left h3,
.hero-section-left .h3 {
    color: #492E43;
    font-family: var(--handwritten-font);
    font-size: 26px;
    font-weight: initial;
}


.hero-section-left p {
    color: var(--primary);
    font-family: var(--primary-font-light);
    font-size: 18px;
    z-index: 10;
    position: relative;
}

.hero-section-left .btn {
    width: 160px;
    font-family: var(--primary-font-extrabold) !important;
    font-size: 16px;
    border-radius: 25px;
    z-index: 10;
    position: relative;
}

.hero-section-left img {
    display: flex;
    margin-left: auto;
}

.hero-section-left .hero-section-left-productimage img {
    width: 300px !important;
    height: auto !important;
    margin-top: -80px;
}

.hero-section-left .hero-section-left-hebammen-testen-badge {
    position: absolute;
    top: -8rem;
    right: -2rem;
    z-index: 9;
}

.hero-section-left .hero-section-left-hebammen-testen-badge img {
    width: 100px !important;
    height: auto !important;
}

.hero-section-right > div:not(.opc-area),
.hero-section-right > div > div:not(.opc-area) {
    max-width: inherit !important; 
}

@media screen and (max-width: 991px) {
    .hero-section-wrapper > div {
        grid-auto-flow: row;
    }    

    .hero-section-left {
        grid-row: 2;
        padding-left: 2rem !important;
        padding-right: 2rem !important;
        padding-top: 2.5rem !important;
    }
    
    /* avoid linebreak of paragraph below main heading */
    .hero-section-left .col-6 {
        flex: 0 0 100%;
        max-width: 100%;
    }
    
    .hero-section-left .hero-section-left-productimage img {
        width: 300px !important;
        margin-top: -60px;
    }

    .hero-section-left .hero-section-left-hebammen-testen-badge img {
        width: 100px !important;
    }
    
    .hero-section-left h1,
    .hero-section-left h3,
    .hero-section-left .h3,
    .hero-section-left p {
        /* margin-bottom: 20px; */
    }
    
    .hero-section-left h3,
    .hero-section-left .h3 {
        margin-top: 10px;
        margin-right: 3rem;
    }
    
    .hero-section-left .btn {
        margin-top: 5px;
        margin-bottom: 5px;
    }

    .hero-section-right {
        grid-row: 1;
    }
    
    .hero-section-right video {
        margin-bottom: -10px;
    }
}

@media screen and (max-width: 490px) {
    .hero-section-left .hero-section-left-productimage img {
        max-width: 260px !important;
    }
    
    .hero-section-left .hero-section-left-hebammen-testen-badge {
        top: -7rem;
    }
    
    .hero-section-left .hero-section-left-hebammen-testen-badge img {
        width: 80px !important;
    }
}

@media screen and (max-width: 400px) {
    .hero-section-left .hero-section-left-productimage img {
        max-width: 220px !important;
    }
}

@media screen and (max-width: 375px) {
    .hero-section-left .hero-section-left-productimage img {
        max-width: 180px !important;
        margin-top: -50px;
    }
}

@media screen and (max-width: 345px) {
    .hero-section-left .hero-section-left-productimage img {
        max-width: 140px !important;
        margin-top: -40px;
    }

    .hero-section-left .hero-section-left-hebammen-testen-badge img {
        width: 70px !important;
    }
    
    .hero-section-left h3,
    .hero-section-left .h3 {
        margin-right: initial;
    }
}

@media screen and (max-width: 325px) {
    .hero-section-left .hero-section-left-productimage img {
        max-width: 140px !important;
        margin-top: 0;
    }
}

@media screen and (min-width: 992px) {
    .hero-section-wrapper > div {
        grid-auto-flow: column;
        /* grid-template-columns: 1fr 1fr; */
        grid-template-columns: 0.9fr 1.1fr;
    }
    
    .hero-section-left {
        grid-column: 1;
        padding: 6rem 4rem 4rem 4rem !important;
    }
    
    .hero-section-left .btn {
        width: 212px;
        font-size: 20px;
    }
    
    .hero-section-left-productimage {
        min-width: 430px;
    }
    
    .hero-section-left .hero-section-left-hebammen-testen-badge {
        top: -0.5rem;
        right: -4rem;
    }
    
    .hero-section-left h1,
    .hero-section-left h3,
    .hero-section-left .h3,
    .hero-section-left p {
        margin-bottom: 28px;
    }
    
    .hero-section-left h1 {
        font-size: 54px;
    }
    
    html[lang="de"] .hero-section-left h1 {
        padding-right: 3rem;
    }
    
    html[lang="en"] .hero-section-left h1 {
        max-width: 550px;
    }
    
    .hero-section-left h3,
    .hero-section-left .h3 {
        font-size: 40px;
    }
    
    html[lang="en"] .hero-section-left h3,
    html[lang="en"] .hero-section-left .h3 {
        padding-right: 3rem;
    }
    
    .hero-section-left p {
        font-size: 20px;
    }
    
    .hero-section-right {
        grid-column: 2;
    }
    
    /* Falls rechts ein Bild integriert ist */
    
    .hero-section-right > div:not(.opc-area),
    .hero-section-right > div > div:not(.opc-area) {
        height: 100%;
        width: 100%;
    }
    
    .hero-section-right img {
        width: auto !important;
        height: 100%;
        object-fit: cover;
    }
}

@media screen and (min-width: 1700px) {
    .hero-section-wrapper > div:not(.opc-area) {
        height: 88vh;
        overflow: hidden;
    }
    
    .hero-section-left .hero-section-left-productimage img {
        width: 400px !important;
    }
}

/* Falls rechts ein video integriert ist */

.hero-section-right video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* End Hero Section */

/* Startseite - immer genau das Richtige Abschnitt */

.always-the-right-choice .always-the-right-choice-product-gallery {
    margin-top: 1rem !important;
}  

.always-the-right-choice .always-the-right-choice-product-gallery h2 {
    margin-top: 1.2rem;
    margin-bottom: 0.7rem;
}

.always-the-right-choice .always-the-right-choice-product-gallery h2,
.always-the-right-choice .always-the-right-choice-product-gallery h3,
.always-the-right-choice .always-the-right-choice-product-gallery .btn {
    font-family: var(--primary-font-bolder);
    font-weight: 600;
}  

@media screen and (max-width: 991.98px) {
    .always-the-right-choice {
        padding-top: 60px !important;
        padding-bottom: 8px !important;
    }  
    
    /* horizontale Abstände zwischen Zeilen */
    .always-the-right-choice .always-the-right-choice-product-gallery .col.col-md-12.col-lg-4.col-xl-4.col-12:not(:last-child) {
        margin-bottom: 1rem;
    }
}

@media screen and (min-width: 992px) {
    .always-the-right-choice {
        padding-top: 60px !important;
        padding-bottom: 60px !important;
    }  

    /* gleichmäßige Abstände vor, zwischen und nach Spalten */
    .always-the-right-choice .always-the-right-choice-product-gallery .col.col-md-12.col-lg-4.col-xl-4.col-12:not(:first-child) {
        padding-left: 0;
    }
}

/* Entdecke unsere Stillsets */

.discover-nursing-sets-section > div {
    display: grid;
}

.discover-nursing-sets-section-left h2 {
    font-family: var(--primary-font-bolder);
    color: var(--primary-font-color-darker);
    line-height: 1;
}

.discover-nursing-sets-section-left p {
    color: var(--primary-font-color-darker);
}

@media screen and (max-width: 991px) {
    .discover-nursing-sets-section > div {
        margin-top: 60px;
        padding-top: 30px;
    }    

    .discover-nursing-sets-section > div {
        grid-auto-flow: row;
    }    

    .discover-nursing-sets-section-left {
        grid-row: 1;
        padding-top: 1rem !important;
        padding-right: 1rem !important;
        padding-left: 1rem !important;
    }
    
    /* avoid linebreak of paragraph below main heading */
    .discover-nursing-sets-section-left .col-6 {
        flex: 0 0 100%;
        max-width: 100%;
    }
    
    .discover-nursing-sets-section-left h2,
    .discover-nursing-sets-section-left p {
        margin-bottom: 14px;
    }
    
    .discover-nursing-sets-section-left h2 {
        font-size: 24px;
    }
    
    .discover-nursing-sets-section-left p {
        font-size: 18px;
    }
    
    .discover-nursing-sets-section-left .btn {
        margin-top: 5px;
        margin-bottom: 5px;
    }

    .discover-nursing-sets-section-right {
        grid-row: 2;
    }
    
    .discover-nursing-sets-section-right > div > div {
        margin-top: -10px !important;
        margin-right: 1rem !important;
        margin-bottom: 2rem !important;
        padding-left: 1rem !important;
        max-width: 350px !important;
    }
    
}

@media screen and (max-width: 575px) {
    .discover-nursing-sets-section-left h2 {
        font-size: 24px;
    }

    .discover-nursing-sets-section-right > div > div {
        max-width: 300px !important;
    }
}  

@media screen and (min-width: 992px) {
    .discover-nursing-sets-section {
        margin-top: 60px;
    }

    .discover-nursing-sets-section > div {
        grid-auto-flow: column;
        grid-template-columns: 1.5fr 1fr;
    }
    
    .discover-nursing-sets-section-left {
        grid-column: 1;
        padding-top: 60px !important;
        padding-left: 90px !important;
        padding-bottom: 60px !important;
        margin: auto 0;
    }
    
    .discover-nursing-sets-section-left h2,
    .discover-nursing-sets-section-left p {
        margin-bottom: 28px;
    }
    
    .discover-nursing-sets-section-left h2 {
        font-size: 34px;
    }
    
    .discover-nursing-sets-section-left p {
        font-size: 20px;
    }
    
    .discover-nursing-sets-section-right {
        grid-column: 2;
        padding-top: 30px;
        padding-right: 90px;
        padding-bottom: 30px;
    }
    
    /* Falls rechts ein Bild integriert ist */
    
    .discover-nursing-sets-section-right > div:nth-child(1),
    .discover-nursing-sets-section-right > div:nth-child(1) > div:nth-child(1) {
        height: 100%;
        width: 100%;
    }
    
    .discover-nursing-sets-section-right img {
        width: auto !important;
        height: 100%;
        object-fit: contain;
    }

    .discover-nursing-sets-section-right > div > div {
        max-width: 550px !important;
    }    
}

/* Hebammen-Blog Banner */

.midwife-blog-section {
    padding-left: 1rem;
    padding-right: 1rem;
}

.midwife-blog-section-left img {
    height: 100%;
    width: 100% !important;
    object-fit: cover;
}

.midwife-blog-section-left > div:nth-child(1),
.midwife-blog-section-left > div:nth-child(1) > div:nth-child(1) {
    height: 100%;
    width: 100%;
    max-width: 100% !important;
}

.midwife-blog-section-right {
    display: flex;
    background: #f6eaf2;
    padding: 2rem 1rem;
}

.midwife-blog-section-right > div {
    margin: auto 0;
}

.midwife-blog-section-right h2,
.midwife-blog-section-right p {
    margin-bottom: 14px;
}

.midwife-blog-section-right h2 {
    font-size: 24px;
    font-family: var(--primary-font-bolder);
    color: var(--primary-font-color-darker);
    line-height: 1;
}

.midwife-blog-section-right p {
    font-size: 18px;
    color: var(--primary-font-color-darker);
}

@media screen and (min-width: 992px) {
    .midwife-blog-section > div {
        display: grid;
        grid-auto-flow: column;
        grid-template-columns: 1fr 1fr;
    }

    .midwife-blog-section-right {
        padding: 60px 90px 60px 30px;
        height: 100% !important;
        width: 100% !important;
    }
    
    .midwife-blog-section-right h2,
    .midwife-blog-section-right p {
        margin-bottom: 28px;
    }
    
    .midwife-blog-section-right p {
        font-size: 20px;
    }
    
    .midwife-blog-section-right h2 {
        font-size: 34px;
    }
}

/* Produkt-Slider */

.custom-slider a {
    color: #525252;
    text-align: left;
    text-decoration: none;
} 

.custom-slider a:hover {
    color: #525252;
}

.custom-slider .price_wrapper {
    text-align: left;
}

.custom-slider .price_wrapper .productbox-price {
    font-family: var(--primary-font);
    font-weight: 600;
    font-size: 14px;
}

.custom-slider .price_wrapper .suggested-price ~ .productbox-price {
    color: #643E5C;
}

.custom-slider .price_wrapper .price-note .base_price {
    font-size: 12px;
}

.custom-slider .price_wrapper .suggested-price {
    font-size: 13px;
}

@media screen and (min-width: 992px) {
    .custom-slider .price_wrapper .productbox-price {
        font-size: 16px;
    }
    
    .custom-slider .price_wrapper .price-note .base_price {
        font-size: 14px;
    }
    
    .custom-slider .price_wrapper .suggested-price {
        font-size: 14px;
    }
}

/* Produktseiten */

/* Oberen Abschnitt auf Artikelseiten der die Beschreibung, Bewertung etc. ausblenden */
.tab-navigation {
    display: none;
}

#tabAccordion {
    display: none;
}

/* Produktseiten: Lieferdetails Abschnitt  */

.product-offer .delivery-status {
    font-size: 14px;
}

.product-offer .delivery-status .status-icon {
    font-size: 16px;
}

.product-offer .delivery-status .status {
    line-height: 1.8;
}

.product-offer .availability-notify-button-wrap {
    margin-top: 0.1rem;
}

.product-offer .availability-notify-trigger {
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    padding: 0;
    font-size: 14px;
    line-height: 1.8;
    color: #333333;
    font-weight: 900;
    text-decoration: none;
    text-align: left;
    white-space: normal;
}

.product-offer .availability-notify-trigger .availability-notify-trigger-text {
    font-family: var(--primary-font-bolder);
    font-weight: 900;
}

.product-offer .availability-notify-trigger:hover {
    color: #333333;
    text-decoration: none;
}

.product-offer .availability-notify-trigger:hover .availability-notify-trigger-text {
    text-decoration: underline;
    text-underline-offset: 2px;
}

.product-offer .availability-notify-trigger:focus {
    color: #333333;
    text-decoration: none;
    outline: none !important;
    box-shadow: none !important;
    padding-left: 0;
    padding-right: 0;
}

.product-offer .availability-notify-trigger:focus:not(:focus-visible) {
    outline: none;
    padding-left: 0;
    padding-right: 0;
}

.product-offer .availability-notify-trigger:focus-visible {
    outline: none !important;
    box-shadow: none !important;
}

.product-offer .availability-notify-trigger .fa-bell {
    width: 17px;
    min-width: 17px;
    margin-right: 10px;
    margin-left: 1px;
    font-size: 14px;
    text-align: center;
    text-decoration: none !important;
}

.availability-notify-modal {
    transition: visibility 0.3s linear, opacity 0.3s ease-in-out;
}

.availability-notify-modal .availability-notification-form legend {
    display: none;
}

.availability-notify-modal:not(.show) {
    visibility: hidden;
    opacity: 0;
}

.availability-notify-modal.show {
    visibility: visible;
    opacity: 1;
}

.availability-notify-modal .modal-dialog {
    transition: transform 0.3s ease-in-out;
}

.availability-notify-modal .modal-content {
    position: relative;
    overflow: visible;
}

.availability-notify-modal .modal-header {
    position: static;
    padding-right: 2.75rem;
}

.availability-notify-modal .modal-content .modal-header .close {
    background-color: #ebebeb;
    color: #707070;
    width: 3rem;
    min-width: 3rem;
    height: 3rem;
    border-radius: 50% !important;
    aspect-ratio: 1 / 1;
    opacity: 1;
    margin: 0;
    position: absolute;
    right: 0;
    top: 0;
    transform: translate(50%, -50%);
    outline: 0;
    padding: 0;
    font-size: 1.3125rem;
    font-weight: 700;
    border: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    -webkit-appearance: none;
    appearance: none;
}

.availability-notify-modal .modal-content .modal-header .close:hover,
.availability-notify-modal .modal-content .modal-header .close:focus {
    background-color: #643E5C;
    color: #fff;
}

@media (max-width: 767.98px) {
    .availability-notify-modal .modal-header {
        padding-right: 0;
    }

    .availability-notify-modal .modal-content .modal-header .close {
        right: 50%;
        transform: translate(50%, -50%);
    }
}

@media (min-width: 576px) {
    .availability-notify-modal .modal-dialog {
        max-width: 550px;
    }
}

.product-offer .estimated-delivery {
    display: flex;
    align-items: center;
    color: #1C871E;
    font-size: 14px;
    white-space: nowrap !important;
    cursor: auto;
}

.product-offer .estimated-delivery span:nth-child(2) {
    margin-left: 3px;
}

.product-offer .estimated-delivery:visited {
    color: #1C871E;
}

.product-offer .estimated-delivery .estimated-delivery-icon {
    font-size: 17px;
    margin-right: 10px;
    margin-left: 1px;
}

.product-offer .estimated-delivery .estimated-delivery-info {
    text-decoration: none;
}

.product-offer .estimated-delivery:hover .estimated-delivery-info {
    color: #1C871E;
}

.product-offer .estimated-delivery .estimated-delivery-info:hover {
    color: #1C871E;
}

.product-offer .delivery-price,
.product-offer .location-pin {
    color: #1C871E;
}

.product-offer .delivery-price-icon,
.product-offer .location-pin-icon {
    height: 20px;
    width: 18px;
    margin-right: 6px;
}

.product-offer .delivery-price-text,
.product-offer .location-pin-text {
    color: #1C871E;
    font-size: 14px;
    text-decoration: none;
}

.product-offer .delivery-price-text:hover,
.product-offer .location-pin-text:hover {
    color: #1C871E;
}

@media screen and (min-width: 992px) {
    .product-offer .estimated-delivery .estimated-delivery-info:hover {
        text-decoration: underline;
    }
    
    .product-offer .delivery-price-text:hover,
    .product-offer .location-pin-text:hover  {
        text-decoration: underline;
    }
}

.product-offer .delivery-infos {
    font-size: 0.875rem;
    font-weight: 400;
    color: #525252;
    margin-left: 0.5px;
    cursor: pointer;
}

/* <-----------------------------------------------------Einzelseiten----------------------------------------------------------> */
/* <-----------------------------------------------------Livella-Shop */

.productbox-inner .productbox-image img {
    border-radius: 6px !important;
}

.productbox-inner a {
    color: #525252;
    font-weight: 600 !important;
    text-decoration: none !important;
}

.productbox-inner a:hover {
    color: #525252;
}

.productbox-inner .productbox-title {
    padding: 20px 0;
}

.productbox-inner .productbox-price {
    font-family: var(--primary-font);
    font-weight: 600;
    font-size: 14px;
}

.productbox-inner .suggested-price ~ .productbox-price {
    color: #643E5C;
}

#result-wrapper > div.row.productlist-page-nav-header-m.productlist-page-nav.no-gutters {
	display: none !important;
}

#result-wrapper > hr:nth-child(3) {
	display: none !important;
}

#result-wrapper > div.row.row-eq-height.content-cats-small {
	display: none;
}

@media screen and (max-width: 1299px) {
    .productbox-inner {
        box-shadow: 0px 8px 20px #F6EBF3 !important;
        border-radius: 12px !important;
	    padding-left: .5rem !important;
	    padding-right: .5rem !important;
	    min-height: 300px !important;
	    padding-top: 15px !important;
    }
    
    .productbox.productbox-hover .productbox-inner::before {
        box-shadow: 0px 8px 20px #F6EBF3 !important;
        border-radius: 12px !important;
    }
    
    .productbox.productbox-hover:hover .productbox-inner::before {
        box-shadow: 0px 8px 20px #F6EBF3 !important;
        border-radius: 12px !important;
    }
    
    #product-list {
	    margin-right: 1px !important;
	    margin-left: 1px !important;
    }
}

@media screen and (min-width: 1300px) {
    .productbox-inner {
        box-shadow: 0px 8px 20px #F6EBF3 !important;
        border-radius: 12px !important;
	    padding-left: 20px !important;
	    padding-right: 20px !important;
	    min-height: 450px !important;
	    padding-top: 20px !important;
    }

    .productbox.productbox-hover .productbox-inner::before {
        box-shadow: 0px 8px 20px #F6EBF3 !important;
        border-radius: 12px !important;
    }

    .productbox.productbox-hover:hover .productbox-inner::before {
        box-shadow: 0px 8px 20px #F6EBF3 !important;
        border-radius: 12px !important;
    }

    #result-wrapper > div.row.productlist-page-nav-header-m.productlist-page-nav.no-gutters > div.col.displayoptions.col-xl-auto.col-12 {
	    padding-left: 90px !important;
    }

    #product-list {
	    padding-right: 90px !important;
	    padding-left: 90px !important;
    }
}

@media screen and (max-width: 991px) {
    /*
    #product-list .product-wrapper:not(:last-child) {
        margin-bottom: 2rem;
        padding-right: 0.3rem;
        padding-left: 0.3rem;
    }
    */
    
    #product-list .product-wrapper {
        margin-bottom: 2rem;
        padding-right: 0.3rem;
        padding-left: 0.3rem;
    }
    
    .productbox-inner .productbox-title {
        padding: 14px 0;
        font-size: 13px;
    }
    
    .productbox-inner .productbox-price {
        font-family: var(--primary-font);
        font-weight: 600;
        font-size: 14px;
    }
    
    .productbox-inner .price-note .base_price {
        font-size: 12px;
    }
    
    .productbox-inner .suggested-price {
        font-size: 13px;
    }
    
    .productbox-inner .text-clamp-2 {
        -webkit-line-clamp: 4;
        -ms-hyphens: auto;
        -moz-hyphens: auto;
        -webkit-hyphens: auto;
        hyphens: auto;
    }
}

@media screen and (min-width: 992px) {
    .productbox-inner .productbox-title {
        font-size: 16px;
    }
    
    .productbox-inner .productbox-price {
        font-size: 16px;
    }
    
    .productbox-inner .price-note .base_price {
        font-size: 14px;
    }
    
    .productbox-inner .suggested-price {
        font-size: 14px;
    }
}

#result-wrapper > div.row.productlist-page-nav-header-m.productlist-page-nav.no-gutters > div.col.productlist-item-info.col-auto {
	display: none !important;
}

#result-wrapper > hr.productlist-page-nav-top {
	display: none !important;
}

/*#result-wrapper > div:nth-child(8) > div {
	display: none !important;
}*/

hr.productlist-page-nav-bottom {
    display: none;
}

/* <-----------------------------------------------------Stillset Angebote */

.stillsets-angebote-header {
    padding-top: 0;
    padding-bottom: 60px;
    margin-top: -1.5rem;
}

@media screen and (max-width: 575px) {
    .stillsets-angebote-header {
        padding-left: 0rem;
        padding-right: 0rem;
        margin-left: -1rem;
        margin-right: -1rem;
    }
}

@media screen and (min-width: 576px) {
    .stillsets-angebote-header {
    	padding-left: 1rem;
	    padding-right: 1rem;
    }
}

@media screen and (min-width: 992px) {
    .stillsets-angebote-header {
        margin-top: -2rem;
    }
}

@media screen and (min-width: 1200px) {
    .stillsets-angebote-header {
    	padding-left: 0;
	    padding-right: 0;
    }
}

/* <-----------------------------------------------------Partner vor Ort */

.partner-grid > div:not(.opc-area) {
    display: grid;
    grid-template-columns: 1fr !important;
	gap: 32px;
	hyphens: auto;
}

/* Hyphens funktioniert auf englischen Seiten nicht (lang=en), daher word-break */

.partner-grid:lang(en) {
    word-break: break-word;
    word-wrap: break-word;
}

@media screen and (min-width: 576px) {
    .partner-grid > div:not(.opc-area) {
        grid-template-columns: 1fr !important;
    }
}

@media screen and (min-width: 768px) {
    .partner-grid > div:not(.opc-area) {
        grid-template-columns:  repeat(2, minmax(0, 1fr)) !important;
    }
}

@media screen and (min-width: 992px) {
    .partner-grid > div:not(.opc-area) {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    	padding-left: 90px !important;
	    padding-right: 90px !important;
    }
}

@media screen and (min-width: 1200px) {
    .partner-grid > div:not(.opc-area) {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
}

/* <-----------------------------------------------------Über uns */

@media screen and (min-width: 992px) {
    .ueber-uns-unsere-mission-container {
        padding: 30px 90px;
    }
    
    .ueber-uns-unsere-mission-container__text {
        padding-top: 0;
        padding-bottom: 0;   
        max-width: 900px;
        margin-left: auto;
        margin-right: auto;
    }
}

/* <-----------------------------------------------------Blog */
h1.h1-blogartikel {
    /* font-family: 'RalewayBold'; */
    font-family: var(--primary-font-bold);
    color: #fff;
    padding-top: 90px;
    padding-left: 60px;
    padding-right: 60px;
    padding-bottom: 90px;
    text-align: left;
    font-size: 35px;
    font-weight: 800;
    line-height: 1.2em;
    text-shadow: 7px 0 16px rgb(0 0 0 / 38%);
	overflow-wrap: break-word;
}
h2.h2-blogartikel {
	/* font-family: "Raleway",Raleway,Arial; */
	font-family: var(--primary-font);
	clear: both;
    font-weight: 300;
	color: #333;
    font-size: 29px;
    line-height: 1.3em;
    text-shadow: 0 0 10px rgb(255 255 255 / 30%);
	overflow-wrap: break-word;
}
h3.h3-blogartikel {
    /* font-family: "RalewayBold",Raleway,Arial; */
    font-family: var(--primary-font-bold);
    color: #C6ABBF;
    font-weight: 800;
	font-size: 29px;
	overflow-wrap: break-word;
}
h4.h4-blogartikel {
    /* font-family: "RalewayBold",Raleway,Arial; */
    font-family: var(--primary-font-bold);
    color: #C6ABBF;
    font-weight: 800;
	font-size: 20px;
	overflow-wrap: break-word;
}

#content > div > article > h1 {
	display: none !important;
}
#content > div > article > img {
	display: none !important;
}
#content > div:nth-child(1) > h1:not(.show) {
	display: none !important;
}

/* Blog Startseite/Übersicht */

.blog-overview-hero-section-headings h1 {
    font-size: 2rem;
    font-family: var(--handwritten-font);
    color: #633D59;
    margin-top: 2rem;
    margin-bottom: 0.25rem;
}

.blog-overview-hero-section-headings h2 {
    font-size: 1.5rem;
    font-family: var(--primary-font-extrabold);
    color: #D2B9C8;
}

.blog-overview-hero-section-introduction {
    max-width: 101rem !important;
    padding-left: 1rem !important;
    padding-right: 1rem !important;
    margin: 0 auto;
    display: flex;
    margin-bottom: 2rem;
}

@media screen and (max-width: 767.99px) {
    .blog-overview-hero-section-introduction img {
        width: 170px !important;
        height: auto !important;
        display: flex;
        margin-top: -8.5rem;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 2rem;
    }
    
    .blog-overview-hero-section-introduction .intro-text {
        text-align: center;
    }
}

@media screen and (min-width: 768px) {
    .blog-overview-hero-section-introduction img {
        max-width: 330px !important;
    }

    .blog-overview-hero-section-introduction {
        line-height: 1.6;
    }
}

.blog-overview {
    max-width: 101rem !important;
    padding-left: 1rem !important;
    padding-right: 1rem !important; 
} 

.blog-overview .blog-overview-hr {
    display: none;
}

.blog-overview .pagination {
    gap: 6px;
}

.blog-overview .pagination .page-item {
    background: #f7f4f7;
    border-radius: 50px;
    color: var(--primary);
    font-family: var(--primary-font-light);
    font-size: 1rem;
}

.blog-overview .pagination .page-item.active {
    background: #e8dce3 !important;
}

/* Gleiche höhe/größe pagination-entries/kreise wie die Filter dropdowns */

.blog-overview .pagination .page-item {
    border-radius: 30px;
}

.blog-overview .pagination .page-item .page-link {
    height: 46px;
    width: 46px;
    display: flex !important;
    align-items: center;
    justify-content: center;
}

/* "Drei Punkte", (d.h. 1 2 ... 3) bei vielen Seiten stylen */

.blog-overview .pagination .page-item.pagination-three-dots {
    font-size: 1.5rem;
    background: transparent;
}

/* Navigationslinks (letzte und nächste Seite, Pfeile) der Pagination ausblenden */

.blog-overview .pagination #pagination-page-link-previous,
.blog-overview .pagination #pagination-page-link-next {
    display: none !important;
}

/* Auf Mobile Filter für Monate und die obere Pagination ausblenden */

@media screen and (max-width: 575.99px) {
    .blog-overview-main .custom-select[name="cDatum"],
    .blog-overview-pagination .pagination {
        display: none;
    }
}

/* Anpassung der Filter-/Selection-Dropdowns */

.blog-overview-main .custom-select {
    border-radius: 50px;
    background: #f7f4f7 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='%23707070' x='0px' y='0px' style='enable-background:new 0 0 32 32;' xml:space='preserve'%3E%3Cpolygon  points='16,18.2 11.8,14.6 12.4,13.8 16,16.8 19.6,13.8 20.2,14.6 '/%3E%3C/svg%3E") no-repeat right center / auto 120%;
    padding-left: 1.8rem;
    border: none;
    color: #633D59;
    font-family: var(--primary-font-light);
    font-size: 1rem;
}

/* Blogartikel-Vorschau-Cards */

.blog-overview-preview .blog-overview-preview-item .blog-preview-author {
    display: none;
}

.blog-overview-preview .blog-overview-preview-item .newsbox-body .newsbox-headline {
    font-size: 1.25rem;
    text-decoration: none;
    font-family: var(--primary-font-extrabold);
    color: #D2B8C7;
}

.blog-overview-preview .blog-overview-preview-item .newsbox-body p {
    color: #492E43;
    font-family: var(--primary-font-light);
    font-size: 1rem;
}

.blog-overview-preview .blog-overview-preview-item .newsbox-footer .continue-reading-button {
    border-radius: 50px;
    background: #f7f4f7;
    padding-left: 2rem;
    padding-right: 2rem;
    border: none;
    color: #633D59;
    font-family: var(--primary-font-light);
    font-size: 1rem;
}

.blog-overview-preview .blog-overview-preview-item .newsbox-footer i {
    display: none;
}

/* Auf Desktop nur zwei Einträge in der ersten Zeile der Blogbeiträge-Previews. 
Die restlichen Zeilen erhalten 4 Einträge */

@media screen and (min-width: 992px) {
    .row.blog-overview-preview .col {
        flex: 0 0 25%;
        max-width: 25%;
    }

    /* Die ersten beiden 50% Breite und Bilder volle Höhe */
    .row.blog-overview-preview .col:nth-child(-n+2) {
        flex: 0 0 50%;
        max-width: 50%;
    }
    
    .row.blog-overview-preview .col:nth-child(-n+2) .newsbox-image {
        height: 430px;
    }
}

/* Ende Blog Startseite/Übersicht */

/* Unterseiten */

.blog-article-header-image {
    display: flex;
    align-items: center;
    padding: 0;
}

.blog-article-header-image h1 {
    font-family: var(--primary-font-bold);
    color: var(--font-color-white);
    text-shadow: 7px 0 16px rgb(0 0 0 / 38%);
	overflow-wrap: break-word;
	margin-left: 1rem;
    margin-right: 1rem;
    font-size: 35px;
    font-weight: 800;
    line-height: 1.2em;
}

/* Bugfix: overflow-wrap won't work on the h1 */

.blog-article-header-image > div {
    overflow: auto;
}

.blog-article-wrapper {
    padding: 2rem 1rem;
}

.blog-article-wrapper > .col {
    padding: 0;
}

.blog-product-gallery-vertical {
    display: grid;
    grid-auto-flow: row;
    grid-template-columns: auto;
    justify-items: center;                        
}                        
                        
.blog-product-gallery-vertical .col {
    max-width: 250px !important;                     
    height: auto !important;
}

.blog-product-gallery-vertical .productbox-inner {
    box-shadow: 0 16px 40px 0 rgb(246, 234, 242) !important;
    min-height: auto !important;
}

.blog-product-gallery-vertical .productbox.productbox-hover:hover .productbox-inner::before {
    box-shadow: 0 16px 40px 0 rgb(246, 234, 242) !important;
}

.blog-article-body {
    padding: 0;
}

.blog-article-body .blog-article-featured-product .row > .col:nth-child(1) > div {
    height: 100%;
}

.blog-article-body .blog-article-featured-product .row > .col:nth-child(1) > div > img {
    height: 100%;
    object-fit: cover;
}

.blog-article-body .blog-article-body-section-header {
    font-family: var(--primary-font);
    color: #333;
    margin: 2rem 0;
    font-weight: 300;
}

.blog-article-body .blog-article-body-section-silberhuetchen {
    padding-top: 2rem;
    padding-bottom: 1rem;
}

.blog-article-body .blog-article-body-section-silberhuetchen > div {
    display: grid;
}

.blog-article-body .blog-article-body-section-two-images {
    padding-top: 2rem;
    padding-bottom: 1rem;
}

.blog-article-body .blog-article-body-section-two-images > div {
    display: grid;
    grid-auto-flow: row;
    gap: 2rem;
}

.blog-article-body .blog-article-infobox {
    background-color: #f6eaf2;
    border-radius: 15px;
    padding: 30px;
    margin: 2rem 0;
}

.blog-article-body .blog-article-infobox img {
    width: 60px !important;
    height: auto !important;
}

.blog-article-body .blog-article-infobox .h2 {
    font-family: RalewayBold;
    color: #643e5c;
    margin: 0.8rem 0 0.7rem 0;
    font-size: 29px;
    line-height: 1.3em;
}

@media screen and (max-width: 991.99px) {
    .blog-article-body .blog-article-body-section-silberhuetchen > div {
        grid-auto-flow: row;
    }    

    .blog-article-body .blog-article-body-section-silberhuetchen-left {
        grid-row: 2;
    }

    .blog-article-body .blog-article-body-section-silberhuetchen-right {
        grid-row: 1;
    }
}

@media screen and (min-width: 992px) {
    .blog-article-header-image > div {
        margin-left: auto;
        margin-right: auto;
        max-width: 103.125rem;
        width: 100%;
        padding: 0;
    }

    .blog-article-header-image > div > h1 {
        font-family: var(--primary-font-bold);
        color: var(--font-color-white);
        text-shadow: 7px 0 16px rgb(0 0 0 / 38%);
	    overflow-wrap: break-word;
        font-size: 35px;
        font-weight: 800;
        line-height: 1.2em;
        text-align: left;
	    margin: 0;
        padding-top: 0;
        padding-bottom: 0;
        padding-left: 2.5rem;
        padding-right: 1rem;
    }

    .blog-article-wrapper {
        padding-top: 2rem;
        padding-bottom: 2rem;
        padding-left: 2.5rem;
        padding-right: 1rem;
        margin-left: auto;
        margin-right: auto;
        max-width: 103.125rem;
    }
    
    .blog-article-body {
        padding-right: 40px;
    }

    .blog-article-body .blog-article-body-section-silberhuetchen > div {
        grid-auto-flow: column;
        grid-template-columns: 1fr 1fr;
    }
    
    .blog-article-body .blog-article-body-section-silberhuetchen-left {
        grid-column: 1;
        padding-top: 30px !important;
        padding-left: 30px !important;
    }
    
    .blog-article-body .blog-article-body-section-silberhuetchen-right {
        grid-column: 2;
    }
    
    .blog-article-body .blog-article-body-section-silberhuetchen-right img {
        width: auto !important;
        height: 100%;
        object-fit: cover;
    }

    .blog-article-body .blog-article-body-section-two-images > div {
        grid-auto-flow: column;
    }
}



/* Sprungmarken/Anchor der Überschriften offsetten, um nicht durch den fixed header verdeckt zu werden */

.blog-article-body h2 {
    scroll-margin-top: 70px;
}

@media screen and (min-width: 992px) {
    .blog-article-body h2 {
        scroll-margin-top: 90px;
    }
}

/* Overflow durch lange links in der Quellenangabe verhindern */

.blog-article-body ul a {
    word-wrap: break-word;
}
 
/* Redundantes Bild (identisch zum Headerbild) ganz unten in Blogartikeln ausblenden */
.blog-details picture {
    display: none;
} 

/* Wissen aus der Praxis-Blogsektion */

.praxiswissen-section {
    box-shadow: 0px 8px 20px 0px #F6EBF3;
    border-radius: 20px;
    padding: 1.4rem;
    margin: 2rem 0;
}

.praxiswissen-section.praxiswissen-colorscheme-lavender {
    background: #F6EAF2;
}

.praxiswissen-section.praxiswissen-colorscheme-serenade {
    background: #FFEAD5;
    box-shadow: 0px 8px 20px 0px #FFEAD5;
}

.praxiswissen-section .praxiswissen-section-heading {
    font-family: var(--primary-font-bold);
    color: hsl(313deg 23% 32%);
    font-weight: 800;
}

.praxiswissen-section .praxiswissen-section-main-text::before,
.praxiswissen-section .praxiswissen-section-main-text p:last-of-type::after {
    font-size: 90px;
    font-weight: 500;
    color: #C8ACC0;
}

.praxiswissen-section.praxiswissen-colorscheme-lavender .praxiswissen-section-main-text::before,
.praxiswissen-section.praxiswissen-colorscheme-lavender .praxiswissen-section-main-text p:last-of-type::after,
.praxiswissen-section.praxiswissen-colorscheme-serenade .praxiswissen-section-main-text::before,
.praxiswissen-section.praxiswissen-colorscheme-serenade .praxiswissen-section-main-text p:last-of-type::after {
    color: #643E5C;
}

.praxiswissen-section .praxiswissen-section-main-text::before {
    content: '“';
    display: block;
    height: 72px;
    margin-top: -1rem;
}

.praxiswissen-section .praxiswissen-section-main-text p:last-of-type::after {
    content: '„';
    line-height: 0;
    position: absolute;
    margin-top: -0.4rem;
}

.praxiswissen-section .praxiswissen-section-main-text blockquote {
    margin: -2rem 0 0 2rem;
}

.praxiswissen-section .praxiswissen-section-footer > div {
    display: grid;
    grid-auto-flow: column;
    grid-template-columns: 100px auto;
    gap: 1.25rem;
    margin-top: 2.75rem;
}
 
.praxiswissen-section .praxiswissen-section-footer .praxiswissen-section-footer-right {
    display: flex;
    align-items: center;
}

.praxiswissen-section .praxiswissen-section-footer .praxiswissen-section-footer-right .praxiswissen-section-footer-right-signature {
    font-family: var(--handwritten-font);
    color: hsl(313deg 23% 32%);
    font-size: 26px;
}

.praxiswissen-section .praxiswissen-section-footer .praxiswissen-section-footer-right .praxiswissen-section-footer-right-tagline {
    font-size: 14px;
}

/* <----------------------------------------------------- Livella Shop */

#result-wrapper > div.title {
	display: none;
}

/* <----------------------------------------------------- Produktseiten */

/* Produktoffer */

/* Umrandung auf Mobile */

@media screen and (max-width: 991.99px) {
    #product-offer .product-offer {
        box-shadow: 0px 8px 20px 2px #F6EBF3, 0px 8px 20px 2px #F6EBF3;
        padding: 1.25rem;
        border-radius: 12px;
    }
}

/* Kurzbeschreibung */

.shortdesc-mobile {
    display: block;
    padding-top: 2rem;
    padding-bottom: 2rem;
}

.shortdesc-desktop {
    display: none;
}

@media screen and (min-width: 992px) {
    .shortdesc-mobile {
        display: none;
    }
    
    .shortdesc-desktop {
        display: block;
    }
}

/* Stillsets Upsale-Banner */

.stillsets-upsale-desktop-mobile {
    margin-top: 1rem;
}

@media screen and (min-width: 992px) {
    .stillsets-upsale-desktop-mobile {
        margin: 1rem 0;
    }
}

.stillsets-upsale-mobile {
    display: block;
    margin-top: 1rem;
}

.stillsets-upsale-desktop {
    display: none;
}

.stillsets-upsale {
    display: flex;
    background-color: #F6EBF3;
    border-radius: 10px;
    height: 95px;
    padding: 11px;
    cursor: pointer;
}

.stillsets-upsale img {
    width: 73px;
    height: auto;
    border-radius: 5px;
    margin-right: 11px;
}

.stillsets-upsale-right {
    width: 100%;
    position: relative;
}

.stillsets-upsale-slogan {
    margin-top: 1px;
    margin-right: 3px;
    font-size: 14px;
    line-height: 1.2;
    color: #492E43;
    font-family: var(--primary-font-bold);
}

.stillsets-upsale-discover-link {
    position: absolute;
    bottom: 1px;
    right: 6px;
    font-size: 14px;
    text-decoration: none;
    color: #492E43;
    font-family: var(--primary-font-bold);
}

@media screen and (min-width: 375px) {
    .stillsets-upsale-slogan {
        margin-top: 8px;
        margin-right: 5px;
    }

    .stillsets-upsale-discover-link {
        bottom: 6px;
    }
}

@media screen and (min-width: 992px) {
    .stillsets-upsale-mobile {
        display: none;
    }
    
    .stillsets-upsale-desktop {
        display: block;
    }
    
    .stillsets-upsale-slogan {
        font-size: 16px;
    }
}

/* FAQ-Sections der Produktseiten */

.product-page-faq { 
    padding: 60px 16px;
}

.product-page-faq h3:nth-child(2) {
    font-family: var(--primary-font-bold);
    font-size: 16px;
    color: hsl(313deg 23% 32%);
    font-weight: 800;
}

@media screen and (min-width: 992px) {
    .product-page-faq { 
        padding: 90px 60px;
    }
    
    .product-page-faq h3:nth-child(2) {
        font-size: 28px;
        color: hsl(317deg 20% 73%);
    }
}

.product-page-faq .card .card-header { 
    background-color: #fff;
}

.product-page-faq .card .card-header h2 button { 
    text-align: left;
    font-family: var(--primary-font);
    color: var(--primary-font-color);
    font-weight: 600;
    font-size: 16px;    
}

.product-page-faq .card .card-body { 
    color: rgb(112, 112, 112);
}

/* Accordion-Headings für h2 und h3 identisch stylen */

.accordion h2 button, 
.accordion h3 button{
    font-family: var(--primary-font);
    font-size: 16px;
    line-height: 1.3em;
    color: rgb(82, 82, 82);
    font-weight: 600;
    text-align: left;
}

/* Fixed add to cart button popup auf mobile */

#fixed-add-to-cart-mobile-bottom-popup {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: #fff;
    max-height: 0px;
    transition: max-height 0.8s ease-in-out;
    z-index: 7999999;
}

#fixed-add-to-cart-mobile-bottom-popup-button {
    margin: 10px auto;
    cursor: pointer;
    width: max-content;
    display: block;
    overflow: hidden;
    position: relative;
    color: #ffffff;
    background-color: #643e5c;
    border-color: #643e5c;
    border-radius: 20px;
    box-shadow: none;
}

#fixed-add-to-cart-mobile-bottom-popup-button span {
    font-size: 13px; 
}

@media screen and (min-width: 576px) {
    #fixed-add-to-cart-mobile-bottom-popup-button span {
        font-size: 14px; 
    }
}

@media screen and (min-width: 992px) {
    #fixed-add-to-cart-mobile-bottom-popup {
        display: none;        
    }
}


/* Bewertungen */

/* Ursprüngliche Registerkarte (neben Beschreibung) ausblenden 
   - #tab-votes-head wird via Javascript auf Mobile eingefügt (#tabAccordion, blenden wir oben auch aus)  */
#tab-link-votes,
#tab-votes-head {
    display: none;
}

/* Goldene Sterne */
.fa-star, 
.fa-star-half-alt {
    color: #ffa41c;
}

/* Greyed out stars for non reviewed articles */

.fas.fa-star.fa-grey {
    color: #ebebeb;
}

/* Optional: Die Sprungmarken link-id wurde modiziert, damit die Sprungmarke wieder funktioniert, dieser re-stylen */

#jump-to-votes-tab-custom {
    text-decoration: none;
}

/* Eigentlicher Bewertungsabschnitt */

.reviews-headers {
    text-align: center;
    padding: 1rem;
    scroll-margin-top: 70px;
}

.reviews {
    padding: 0px 1rem 60px 1rem;
    max-width: 1020px;
    margin: auto;
}

.reviews #reviews-overview {
    text-align: center;
}

.reviews #reviews-overview #ratingDropdown{
    margin: auto;
}

/* Button 'Wie funktionieren Bewertungen?' ausblenden  */
.reviews .verified-purchase-notice {
    display: none;
}
 
.reviews .pagination-entries {
    font-size: 12px;
    color: #707070;
}
 
.reviews .pagination-wrapper {
    border: none;
}

.reviews .progress-bar {
    background-color: #ffa41c;
}

@media screen and (min-width: 992px) {
    .reviews-headers {
        padding: 2rem 1rem;
    }

    .reviews {
        padding: 0px 60px 60px 60px;
    }
}

/* Bewertung abgeben Form */

.review-form-image img {
    display: none;
}

.review-form {
    margin-bottom: 60px;
}

/* Bewertungen auf Produktboxen: dort "Top bewertet" sowie Sterne ausblenden */ 

.productbox-inner .productbox-ribbon {
    display: none;
}


/* <-----------------------------------------------------Menstruationstassen */
/* Menstruationstassen Alnatura Partner */
/* #content > div:nth-child(2) > div > div > div > h2 {
	font-weight: 900;
} */


.product-test-references-wrapper h3:nth-child(1) {
    margin-top: 16px;
}

.product-test-references > div {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
    gap: 30px;
    max-width: 1100px;
    justify-self: center;
    margin: auto auto;
    margin-top: 2.5rem;
}

.product-test-references > div img {
    margin-bottom: 0 !important;
    min-width: 80px !important;
}

.meno-cups-warum-livella-vorteile {
    display: flex;
    margin-top: 1rem;
}

.meno-cups-warum-livella-vorteile > div {
    margin-left: auto;
    margin-right: auto;
}

@media screen and (max-width: 991px) {
    .livella-vertical-mid h2.saturday-script1,
    .livella-vertical-mid h3.saturday-script1 {
        line-height: 1;
        margin-top: 2rem;
    }
}


/* <-----------------------------------------------------Silberhütchen */
#content > div:nth-child(15) > div > div > div.col.col-md-6.col-lg-8.col-xl-8.col-12 {
	padding-right: 0rem !important;
	padding-left: 0rem !important;
}
/*anatomische form*/
div.anatomische-form {
	align-items: center !important;
}
/* dermatest */
div.dermatest {
	max-width: max-content !important;
}
/* Überschrift "Das sagen Hebammen / Sicherheit - Keine Kompromisse"*/
div.das-sagen-hebammen {
	max-width: 300px !important;
}
div.entwickelt-mit-hebammen {
	max-width: 150px !important;
	text-align: -webkit-center !important;

}
/* Zertifikate*/
div.zertifikate-silberhuetchen-desktop {
	max-width: 250px !important;
}
/* Bild "Vergleich" */
div.image-vergleich {
	max-width: 200px !important;
}
div.babydecke-siegel {
	max-width: 100px !important;
}

/* <----------------------------------------------------- Silberhütchen - überarbeitet */

.silberhuetchen-vorteile-wrapper {
    background-color: rgb(246, 235, 243);
    padding-top: 60px;
    padding-bottom: 60px;
    padding-left: 1rem;
    padding-right: 1rem;
}

.silberhuetchen-vorteile-wrapper .vorteile-wrapper > div {
    display: grid;
    grid-template-columns: 1fr;
    gap: 2rem;
    padding-top: 30px;
}

.silberhuetchen-vorteile-wrapper .vorteile-wrapper > div .vorteil-container > div {
    display: grid;
    gap: 1rem;
}

.silberhuetchen-vorteile-wrapper .vorteile-wrapper > div .vorteil-container > div .vorteil-icon img {
    height: 100px;
    width: auto !important;
}

.silberhuetchen-vorteile-wrapper .vorteile-wrapper > div .vorteil-container > div .vorteil-text {
    color: rgb(100, 62, 92);
}

@media screen and (min-width: 576px) {
    .silberhuetchen-vorteile-wrapper .vorteile-wrapper > div {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media screen and (min-width: 768px) {
    .silberhuetchen-vorteile-wrapper .vorteile-wrapper > div {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media screen and (min-width: 992px) {
    .silberhuetchen-vorteile-wrapper {
        padding-left: 90px;
        padding-right: 90px;
    }

    .silberhuetchen-vorteile-wrapper .vorteile-wrapper > div {
        grid-template-columns: repeat(5, minmax(0, 1fr));
    }
}

/* optional: kompakter auf großen Geräten */
/*
@media screen and (min-width: 1200px) {
    .silberhuetchen-vorteile-wrapper .vorteile-wrapper > div {
        padding-left: 60px;
        padding-right: 60px;
    }
}
*/

.silberhuetchen-das-sagen-hebammen-wrapper {
    background-color: rgb(255, 245, 230);
    padding-top: 60px;
    padding-bottom: 60px;
    padding-left: 1rem;
    padding-right: 1rem;
}

.silberhuetchen-das-sagen-hebammen-wrapper .title-and-video-section > div {
    display: grid;
    grid-auto-flow: row;  
}

.silberhuetchen-das-sagen-hebammen-wrapper .title-and-video-section > div .title-and-video-section-right-container {
    padding-top: 8px;
}

.silberhuetchen-das-sagen-hebammen-wrapper .tests-and-feedback-section > div:not(.opc-area)  {
    display: grid;
    grid-auto-flow: row;
    padding-top: 3rem;
    gap: 2rem;
}



.silberhuetchen-das-sagen-hebammen-wrapper .tests-and-feedback-section > div:not(.opc-area) .tests-and-feedback-section-left > div {
    display: grid;
    grid-auto-flow: row;
    gap: 2rem;
}

.silberhuetchen-das-sagen-hebammen-wrapper .tests-and-feedback-section > div:not(.opc-area) .tests-and-feedback-section-left > div .test-scores {
    color: rgb(100, 62, 92);
    grid-row: 2;
}

.silberhuetchen-das-sagen-hebammen-wrapper .tests-and-feedback-section > div:not(.opc-area) .tests-and-feedback-section-left > div .test-scores:lang(de) {
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
}

.silberhuetchen-das-sagen-hebammen-wrapper .tests-and-feedback-section > div:not(.opc-area) .tests-and-feedback-section-left > div .test-scores:lang(en) {
    word-wrap: break-word;
    overflow-wrap: break-word;
}

.silberhuetchen-das-sagen-hebammen-wrapper .tests-and-feedback-section > div:not(.opc-area) .tests-and-feedback-section-left > div .hebammen-testen-zertifikat {
    grid-row: 1;
}

.silberhuetchen-das-sagen-hebammen-wrapper .tests-and-feedback-section > div:not(.opc-area) .tests-and-feedback-section-left > div .hebammen-testen-zertifikat img {
    width: 135px !important;
    height: fit-content !important;
    min-width: 135px !important;
    max-width: 135px !important;
}

.silberhuetchen-das-sagen-hebammen-wrapper .tests-and-feedback-section > div:not(.opc-area) .tests-and-feedback-section-right .midwife-testimonials {
    color: rgb(100, 62, 92);
}

.silberhuetchen-das-sagen-hebammen-wrapper .tests-and-feedback-section > div:not(.opc-area) .tests-and-feedback-section-right .midwife-testimonials p {
    text-align: center;
}

@media screen and (min-width: 576px) {
    .silberhuetchen-das-sagen-hebammen-wrapper .tests-and-feedback-section > div:not(.opc-area) .tests-and-feedback-section-left > div {
        display: grid;
        grid-auto-flow: column;
        grid-template-columns: 1.7fr 0.3fr;
        gap: 2rem;
    }
    
    .silberhuetchen-das-sagen-hebammen-wrapper .tests-and-feedback-section > div:not(.opc-area) .tests-and-feedback-section-left > div .test-scores {
        grid-column: 1;
        grid-row: 1;
    }
    
    .silberhuetchen-das-sagen-hebammen-wrapper .tests-and-feedback-section > div:not(.opc-area) .tests-and-feedback-section-left > div .hebammen-testen-zertifikat {
        grid-column: 2;
    }
}

@media screen and (min-width: 992px) {
    .silberhuetchen-das-sagen-hebammen-wrapper {
        padding-left: 90px;
        padding-right: 90px;
    }

    .silberhuetchen-das-sagen-hebammen-wrapper .title-and-video-section > div:not(.opc-area) {
        grid-auto-flow: column;
        grid-template-columns: 1.25fr 0.75fr;
        gap: 2rem;
    }
    
    /* Optional: dem youtube video responsiv volle höhe geben (wie der section links daneben). Hierdurch entstehen oben und unten schwarze balken beim Video. */ 
    /*
    .silberhuetchen-das-sagen-hebammen-wrapper .title-and-video-section > div:not(.opc-area) .title-and-video-section-right-container > div,
    .silberhuetchen-das-sagen-hebammen-wrapper .title-and-video-section > div:not(.opc-area) .title-and-video-section-right-container > div > div,
    .silberhuetchen-das-sagen-hebammen-wrapper .title-and-video-section > div:not(.opc-area) .title-and-video-section-right-container > div > div > div {
        height: 100%;
        object-fit: cover;
        width: 100%;
    }
    */

}

@media screen and (min-width: 1200px) {
    .silberhuetchen-das-sagen-hebammen-wrapper .title-and-video-section > div .title-and-video-section-left-container {
        max-width: 890px;
    }

    .silberhuetchen-das-sagen-hebammen-wrapper .tests-and-feedback-section > div:not(.opc-area) {
        grid-auto-flow: column;
        grid-template-columns: 1.25fr 0.75fr;
        padding-top: 3rem;
    }


    .silberhuetchen-das-sagen-hebammen-wrapper .tests-and-feedback-section > div:not(.opc-area) .tests-and-feedback-section-right .midwife-testimonials p {
        text-align: left;
    }
}

.silberhuetchen-sicherheit-wrapper-container {
    background-color: rgb(246, 235, 243);
}

.silberhuetchen-sicherheit-wrapper {
    padding-top: 60px;
    padding-bottom: 60px;
    padding-left: 1rem;
    padding-right: 1rem;
    max-width: 1250px;
}

.silberhuetchen-sicherheit-wrapper > div {
    display: grid;
    grid-auto-flow: row;
    gap: 1rem;
}

.silberhuetchen-sicherheit-wrapper > div .silberhuetchen-sicherheit-left {
    text-align: center;    
}

.silberhuetchen-sicherheit-wrapper > div .silberhuetchen-sicherheit-left .saturday-script1,
.silberhuetchen-sicherheit-wrapper > div .silberhuetchen-sicherheit-left .saturday-script2 {
    text-align: center !important;
}

.silberhuetchen-sicherheit-wrapper > div .silberhuetchen-sicherheit-right {
    display: flex;
    margin-left: auto;
    margin-right: auto;
}

.silberhuetchen-sicherheit-wrapper > div .silberhuetchen-sicherheit-right > div {
    display: grid;
    grid-auto-flow: row;
    gap: 1rem;
}

.silberhuetchen-sicherheit-wrapper > div .silberhuetchen-sicherheit-right > div .dermatest-dokument {
    width: 250px !important;
    max-width: 250px !important;
    min-width: 250px !important;
}

.silberhuetchen-sicherheit-wrapper > div .silberhuetchen-sicherheit-right > div .dermatest-dokument img {
    width: 250px !important;
    max-width: 250px !important;
    min-width: 250px !important;
}

@media screen and (min-width: 576px) {
    .silberhuetchen-sicherheit-wrapper > div .silberhuetchen-sicherheit-right > div {
        grid-auto-flow: column;
        grid-template-columns: 1fr 1fr;
    }
}

/* nicht-standard breakpoint (optimiert) */
@media screen and (min-width: 1100px) {
    .silberhuetchen-sicherheit-wrapper {
        padding-left: 90px;
        padding-right: 90px;
        margin-left: auto;
        margin-right: auto;
    }

    .silberhuetchen-sicherheit-wrapper > div {
        grid-auto-flow: column;
        grid-template-columns: auto;
    }
    
    .silberhuetchen-sicherheit-wrapper > div .silberhuetchen-sicherheit-left {
        text-align: left;    
    }
    
    .silberhuetchen-sicherheit-wrapper > div .silberhuetchen-sicherheit-left .saturday-script1,
    .silberhuetchen-sicherheit-wrapper > div .silberhuetchen-sicherheit-left .saturday-script2 {
        text-align: left !important;
    }
}

.silberhuetchen-warum-livella .silberhuetchen-warum-livella-tabelle {
    display: flex;
    align-items: center;
    flex-direction: column;
    padding-top: 2rem;
}

/* Divider als Sprungmarke (aus dem Infos zum Artikel-Popup)*/

.silberhuetchen-faq-divider {
    visibility: hidden;
}

/* <----------------------------------------------------- End Silberhütchen - überarbeitet */


/* Stilltee */

div.bio-stilltee-zutaten {
	max-width: 122px !important;
}
div.stilltee-contentflow-image{
	max-width: 250px !important;
}

/* Stilltee Bild zentrieren */

.stilltee-warum-livella-vorteile-wrapper div:nth-child(1) div:nth-child(1) {
    margin-left: auto !important; 
    margin-right: auto !important;
}

.stilltee-warum-livella-vorteile {
    display: flex;
    margin-top: 1rem;
}

.stilltee-warum-livella-vorteile > div {
    margin-left: auto;
    margin-right: auto;
}

/* Silberhütchen */

#content > div.container-fluid.opc-Container.livella-banner {
	padding-left: 0px !important;
	padding-right: 0px !important;
}
/* Referenzen Slider */
div.testimonials {
	text-align: -webkit-center !important;
}
img.nivo-main-image {
	max-width: 150px !important,
	-webkit-border-radius: 100% !important;
	margin-top: 15px !important;
}
/* Warenkorb Artikelgewicht + Versandgewicht ausblenden*/
#pushed-success > div.card-body > div > div.col.col-md-6.col-12 > div.productbox-inner > div > div:nth-child(3) > div > div > dl > dt:nth-child(7) {
	display: none !important;
}
#pushed-success > div.card-body > div > div.col.col-md-6.col-12 > div.productbox-inner > div > div:nth-child(3) > div > div > dl > dd:nth-child(10) {
	display: none !important;
}
#pushed-success > div.card-body > div > div.col.col-md-6.col-12 > div.productbox-inner > div > div:nth-child(3) > div > div > dl > dt:nth-child(9) {
	display: none !important;
}
#pushed-success > div.card-body > div > div.col.col-md-6.col-12 > div.productbox-inner > div > div:nth-child(3) > div > div > dl > dd:nth-child(8) {
	display: none !important;
}
#pushed-success > div.card-body > div > div.col.col-md-6.col-12 > div.productbox-inner > div > div:nth-child(3) > div > div > dl > dt:nth-child(5) {
	display: none !important;
}
#pushed-success > div.card-body > div > div.col.col-md-6.col-12 > div.productbox-inner > div > div:nth-child(3) > div > div > dl > dd:nth-child(6) {
	display: none !important;
}
#pushed-success > div.card-body > div > div > div.productbox-inner > div > div:nth-child(3) > div > div > dl > dt:nth-child(5) {
	display: none !important;
}
#pushed-success > div.card-body > div > div > div.productbox-inner > div > div:nth-child(3) > div > div > dl > dd:nth-child(6) {
	display: none !important;
}
#pushed-success > div.card-body > div > div > div.productbox-inner > div > div:nth-child(3) > div > div > dl > dt:nth-child(7) {
	display: none !important;
}
#pushed-success > div.card-body > div > div > div.productbox-inner > div > div:nth-child(3) > div > div > dl > dd:nth-child(8) {
	display: none !important;
}

/* Font Anpassungen */

body {
    /* font-family: "Lato",Raleway,Arial; */
    font-family: var(--primary-font) !important;
	max-width: 100%;
	color: hsl(0deg 0% 0%);
	font-size: 16px;
    font-weight: 300;
}

b,
strong {
    /* font-family: "Lato",Raleway,Arial; */
    font-family: var(--primary-font);
    font-weight: 600;
}

h1,
h2,
h3,
h4,
h5,
.h1,
.h2,
.h3,
.h4,
.h5 {
    overflow-wrap: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
}

h1,
.h1 {
	/* font-family: "Raleway",Raleway,Arial; */
	font-family: var(--primary-font);
    font-weight: 500;
    letter-spacing: .1px;
	color: hsl(0deg 0% 20%)
}

h2,
.h2 {
    /* font-family: "RalewayLight",Raleway,Arial; */
    font-family: var(--primary-font-light);
    font-size: 29px;
    line-height: 1.3em;
    color: hsl(0deg 0% 0%);
}

h3,
.h3 {
    /* font-family: "RalewayBold", Raleway, Arial; */
    font-family: var(--primary-font-bold);
    color: hsl(313deg 23% 32%);
    font-weight: 800;
}

h4,
.h4 {
    font-family: var(--primary-font-light);
    clear: both;
    font-weight: 300;
    margin: 0 0 0.5407911001em;
    color: #131315;
}

h5,
.h5 {
    /* font-family: "Raleway",Raleway,Arial; */
    font-family: var(--primary-font);
    color: #643E5C;
    font-weight: 800;
}

h2.saturday-script1,
.h2.saturday-script1 {
	font-family: var(--handwritten-font);
    font-weight: 500;
    font-size: 40px;
    line-height: 1;
	overflow-wrap: break-word;
	color: hsl(313deg 23% 32%);
}

h3.saturday-script1,
.h3.saturday-script1 {
	font-family: var(--handwritten-font);
    font-weight: 500;
    font-size: 40px;
    line-height: 1;
	overflow-wrap: break-word;
	color: hsl(313deg 23% 32%);
}

h2.saturday-script2,
h2.saturday-script2 strong,
.h2.saturday-script2,
.h2.saturday-script2 strong {
	font-family: var(--primary-font-bold);
	font-weight: 800;
    font-size: 28px;
	overflow-wrap: break-word;
    color: hsl(317deg 20% 73%);
}

h3.saturday-script2,
h3.saturday-script2 strong,
.h3.saturday-script2,
.h3.saturday-script2 strong {
	font-family: var(--primary-font-bold);
	font-weight: 800;
    font-size: 28px;
	overflow-wrap: break-word;
    color: hsl(317deg 20% 73%);
}

/* Footer */

#footer {
	font-family: var(--primary-font-light) !important;
	font-size: 13px !important;
	padding: 0px !important;
}

#footer-boxes {
	align-items: baseline !important;
}

#footer > div.container.d-print-none {
	max-width: 75% !important
}

p.nav-link-kontakt {
    /* font-family: "Raleway",Raleway,Arial; */
	padding: 0.2rem 0;
    font-size: 13px;
    font-weight: 300;
    color: hsl(0deg 0% 0%);
    line-height: 150%;
}

/* Kontakt-Mailadresse */
.nav-link-kontakt ~ p {
    font-family: var(--primary-font);
}

#copyright > div {
    padding-top: 1rem;
    padding-bottom: 1rem;
    font-size: .75rem;
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 100%;
    height: auto;
}


div.container-fluid.opc-Container.opc-hidden-xs.opc-hidden-sm {
	margin-bottom: 0px !important
}

#content-wrapper {
	padding-top: 0px !important;
}

#footer .productlist-filter-headline {
    /* font-family: "Raleway",Raleway,Arial; */
	color: hsl(0deg 0% 0%);
    font-family: var(--primary-font-light);
    font-size: 14px;
    font-weight: 300;
    text-transform: uppercase;
    letter-spacing: 1px;
	line-height: 50%;
	margin-top: 10px !important;
}

#footer .nav-link {
    /* font-family: "Raleway",Raleway,Arial; */
    padding: 0.2rem 0;
    font-size: 13px;
    font-weight: 300;
    color: hsl(0deg 0% 0%);
	line-height:60%;
}

#sidebox128 > div > h4 {
    /* font-family: "Raleway",Raleway,Arial; */
	color: hsl(0deg 0% 0%);
    font-size: 14px;
    font-weight: 300;
    text-transform: uppercase;
    letter-spacing: 1px;
	line-height: 0.75px
}

#sidebox128 > div > p {
    /* font-family: "Raleway",Raleway,Arial; */
    padding: 0.2rem 0;
    font-size: 13px;
    font-weight: 300;
    color: hsl(0deg 0% 0%);
	line-height:2;
}

#sidebox149 {
    margin-bottom: 8px;
}

@media (max-width: 575px) {
	#footer {
		padding: 0px !important;
	}
	
	#footer .col:nth-child(1) {
		margin-bottom: 32px;
	}
	
	#content-wrapper {
		padding-top: 0px !important;
	}

	#sidebox128 > div > div > h4 {
		margin-top: 10px !important;
	}
}

/* Footer-Accordion auf mobile deaktivieren */

@media screen and (max-width: 767px) {
	#footer .box.box-normal .d-md-block {
		display: block;
	}

	#footer .box.box-normal .box-normal-link  span {
		/* font-family: "Raleway",Raleway,Arial; */
		color: hsl(0deg 0% 0%);
		font-size: 14px;
		font-weight: 300;
		text-transform: uppercase;
		letter-spacing: 1px;
		margin-top: 10px;
	}

	/* Obsolete Hilfselemente ausblenden */

	#footer .box.box-normal + .box-normal-hr {
		border: none;
	}

	#footer .box.box-normal .box-normal-link::after {
		display: none;
	} 
}

/* Zahlungsarten */

#footer .col:nth-child(2) .box-content-wrapper {
    display: inline-flex;
    flex-wrap: wrap;
}

#footer .col:nth-child(2) .box-content-wrapper input {
	margin-right: 6px;
}

/* Line spacing linkelemente und headlines */

#footer .nav-link,
#footer .productlist-filter-headline {
    line-height: 1.1;
    padding: 0;
}

/* VAT-Text */

#footer .footnote-vat {
    font-family: var(--primary-font);
}

/* Kontrollstellen-Hinweis */

#footer .footnote-inspection-body {
    font-family: var(--primary-font);
    margin-left: 6px;
}

/* Copyright */

#footer #copyright {
    font-family: var(--primary-font);
}

/* Credits unter dem footer */

#system-credits {
    padding: 0 16px !important;
}


/* Add to card button text auf allen viewports anzeigen */

#add-to-cart .btn .btn-basket-check span {
	display: initial;
}

/* Choose variation alert/info */

.alert.choose-variations.alert-info {
    margin-bottom: 0;
    margin-top: 2rem;
}

/* Bugfix for iOS devices (FF, Chrome); overflow on mobile product pages with variations  */
.row.variations.switch-variations {
    overflow-x: auto;
}

@supports (overflow-x: clip) {
    .row.variations.switch-variations {
        overflow-x: clip;
    }
}

/* Warenkorb-Seite */

@media screen and (max-width: 991px) {
    .basket .basket-heading {
        margin-top: 1rem;
    }
}

@media screen and (max-width: 991px) {
    .basket .basket-items {
        margin-bottom: 1rem;
    }
    
    #basket-order-overview {
        margin-bottom: 2.5rem;
    }
}

/* Zahlungsmittel auf der Product-Details Seite */

#productdetails-paymentoptions img {
    margin-right: 3px;
    width: 50px;
    height: 50px;
}

#productdetails-paymentoptions img:last-child {
    margin-right: 0;
    width: 50px;
    height: 50px;
}

/* Paypal-Button */

#ppc-orderProcess-horizontal-container {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

#paypal-button-productDetails-container {
    flex: 0 0 100% !important;
    max-width: 100%;
}

#ppc-productDetails-horizontal-container {
    justify-content: end;
}

/* Paypal-Button in Produktoffer der Produktdetailseite einpassen */

#product-offer #add-to-cart {
    margin-bottom: 0.25rem;
    margin-top: 1.25rem;
}

#product-offer #add-to-cart .basket-form-inline {
    margin-bottom: 0.5rem;
}

#product-offer #add-to-cart .basket-form-inline .col:first-child {
    margin-bottom: 0.5rem;
}

@media screen and (min-width: 576px) {
    #product-offer #add-to-cart .basket-form-inline .col:first-child {
        margin-bottom: 0;
    }
}

/* Das folgende könnte überflüssig sein. Es verursacht overflows und muss zwischen
 ..:nth-child(1) and ...(2) gewechselt werden. Ursprünglich stand es unter 
 dem css für partner vor ort, aber es targeted alle seiten. */

/* #main-wrapper > div:nth-child(2) {
	padding-left: 0px !important;
	padding-right: 0px !important;
} */

/* disable button animation to avoid iOS double tap on :hover bug.
   This seems to occur when a transition on hover is involved.
   On the add-to-cart-Buttons the ::before pseudoclass has an animation, 
   we therefore switch this off. With the media pointer coarse query 
   we target only mobile devices that have*/

/*
@media screen and (pointer: coarse) {
    .btn-animated #add-to-cart .btn-primary::before {
        content: none;
    }
}
*/


/* Instagram-Sektion (LightWidget) auf der Startseite */

#instagram-section {
    margin-top: 60px;
    margin-bottom: 30px;
}

#instagram-section .lightwidget-wrapper {
    margin-top: 60px;
    /* center cmp preview */
    display: grid; 
    justify-items: center;
}

#instagram-section h2,
#instagram-section h3 {
    text-align:center;
}

@media screen and (max-width: 991.98px) {
    #instagram-section .lightwidget-wrapper {
        width: 100%;
        padding-left: 15px;
        padding-right: 15px;
    }
    
    /* CPM Scroll overflow Bugfix */
    
    #instagram-section .lightwidget-wrapper .cmplazypreviewiframe {
        max-width: 90vw !important;
    }
}

@media screen and (min-width: 992px) {
    #instagram-section {
        margin-top: 90px;
    }
    
    #instagram-section .lightwidget-wrapper {
        width: 100%;
        padding: 0px calc(90px - 1rem);
    }
}


/* Start Sendinblue Newsletter integration styles */

/* Icon und Modal/Popup */

.newsletter-triangle-icon {
    position: fixed;
    bottom: 0;
    left: 0;
    height: 100px;
    width: 100px;
    background: linear-gradient(to bottom left, transparent 50%, #ffead5 50%);
    transform: translate(0%, 0%);
    transition: transform 0.6s;
    z-index: 8000000;
}

.newsletter-triangle-icon-hidden {
    transform: translate(-100%, 100%);
    transition: transform 0.6s;
}

.newsletter-triangle-icon:hover {
    cursor: pointer;
}

.newsletter-triangle-icon-text-de {
    position: absolute;
    bottom: 0;
    left: 0;
    transform: translate(6%, -35%) rotate(45deg);
    font-size: 13px;
    color: black;
    text-align: center;
}

.newsletter-triangle-icon-text-en {
    position: absolute;
    bottom: 0;
    left: 0;
    transform: translate(10%, -40%) rotate(45deg);
    font-size: 13px;
    color: black;
    text-align: center;
}

/* CM-Badge nach oben schieben, damit es nicht über dem newsletter-icon liegt. */

#cmpboxrecall {
    bottom: 110px;
}

/* TS-Badge has maximum possible z-index; reduce to below Newsletter. */

#trustbadge-container-98e3dadd90eb493088abdc5597a70810 {
    z-index: 7999999 !important;
} 

@media screen and (min-width: 576px) {
    .newsletter-triangle-icon {
        height: 120px;
        width: 120px;
    }

    .newsletter-triangle-icon-text-de,
    .newsletter-triangle-icon-text-en {
        font-size: 16px;
    }
    
    #cmpboxrecall {
        bottom: 140px;
    }
}

.newsletter-modal {
    display: none;
    position: fixed;
    z-index: 8000021;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    padding: 20px;
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.4);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: visibility 0.3s linear, opacity 0.3s ease-in-out;  
    -moz-transition: visibility 0.3s linear, opacity 0.3s ease-in-out;
    transition: visibility 0.3s linear, opacity 0.3s ease-in-out;
}

.newsletter-modal.newsletter-modal-active {
    visibility: visible;
    opacity: 1;
}

.newsletter-modal-content {
    background-color: #fefefe;
    margin: 5% auto;
    height: min-content;
}

.newsletter-modal-content-header {
    position: relative;
    width: 100%;
}

.newsletter-modal-close {
    background-color: #ebebeb;
    color: #707070;
    width: 3rem;
    height: 3rem;
    border-radius: 50%;
    opacity: 1;
    margin: 0;
    position: absolute;
    right: 50%;
    top: 0;
    transform: translate(50%, -50%);
    outline: 0;
    padding: 0;
    font-size: 1.3125rem;
    font-weight: 700;
    border: 0;
    text-align: center;
    padding-top: auto;
    padding-bottom: auto;
    line-height: 2.9rem;
    z-index: 8000023;
}

.newsletter-modal-close:hover,
.newsletter-modal-close:focus {
    background-color: #643E5C;
    color: #fff;
    cursor: pointer;
}

@media screen and (min-width: 576px) {
    .newsletter-modal {
        padding: 0;
    }
}

@media (min-width: 768px) {
    .newsletter-modal-close {
        right: 0;
    }
}

/* Form im Modal/Popup */

#sib-form {
    padding: 0;
}

#sib-container {
    padding: 0;
}

.sib-form {
    padding: 30px 20px 20px 20px;
}

#sib-container input:-ms-input-placeholder {
    font-size: 14px;
    text-align: left;
    color: #c0ccda;
}

#sib-container input::placeholder {
    font-size: 14px;
    text-align: left;
    color: #c0ccda;
}

.sib-form-block__button {
    background-color: #643E5C !important;
    border-color: #643E5C !important;
    color: #fff !important;
}

.sib-form-block__button:hover {
    background-color: #7d4e73 !important;
    border-color: #7d4e73 !important;
    color: #f5f7fa !important;
}

.sib-newsletter-form-success .sib-newsletter-form-success__message {
    font-size: 14px;
}

.sib-newsletter-form-success .continue-shopping-button {
    background-color: #643E5C !important;
    border-color: #643E5C !important;
    color: #fff !important;
    margin-top: 20px;
    min-height: 40px;
    line-height: 23px;
}

.sib-newsletter-form-success .continue-shopping-button:hover {
    background-color: #7d4e73 !important;
    border-color: #7d4e73 !important;
    color: #f5f7fa !important;
}

/* End Sendinblue Newsletter integration styles */

/* Start Geburtsrechner Modal */

.geburtsrechner-modal {
    display: none;
    position: fixed;
    z-index: 8000021;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    padding: 20px;
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.4);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: visibility 0.3s linear, opacity 0.3s ease-in-out;  
    -moz-transition: visibility 0.3s linear, opacity 0.3s ease-in-out;
    transition: visibility 0.3s linear, opacity 0.3s ease-in-out;
}

.geburtsrechner-modal * {
    font-family: var(--primary-font ) !important;
}

.geburtsrechner-modal.geburtsrechner-modal-active {
    visibility: visible;
    opacity: 1;
}

.geburtsrechner-modal-content {
    background-color: #fefefe;
    margin: 5% auto;
    height: min-content;
}

.geburtsrechner-modal-content,
.geburtsrechner-modal-content .sib-form {
    background-color: #f6eaf2 !important;
    border-radius: 10px !important;
}

.geburtsrechner-modal-content .sib-form {
    padding: 30px 10px 20px 10px;
}

.geburtsrechner-modal-content-header {
    position: relative;
    width: 100%;
}

.geburtsrechner-modal-close {
    /* background-color: #ebebeb; */
    background-color: #dbdada;
    color: #707070;
    width: 3rem;
    height: 3rem;
    border-radius: 50%;
    opacity: 1;
    margin: 0;
    position: absolute;
    right: 50%;
    top: 0;
    transform: translate(50%, -50%);
    outline: 0;
    padding: 0;
    font-size: 1.3125rem;
    font-weight: 700;
    border: 0;
    text-align: center;
    padding-top: auto;
    padding-bottom: auto;
    line-height: 2.9rem;
    z-index: 8000023;
}

.geburtsrechner-modal-close:hover,
.geburtsrechner-modal-close:focus {
    background-color: #643E5C;
    color: #fff;
    cursor: pointer;
}

@media screen and (min-width: 576px) {
    .geburtsrechner-modal {
        padding: 0;
    }
}

@media (min-width: 768px) {
    .geburtsrechner-modal-close {
        right: 0;
    }
}

/* End Geburtsrechner Modal */

/* Megamenu-Anpassungen */

/* Auf Desktop: Unterkategorien-/Produkteinträge untereinander*/

@media screen and (min-width: 992px) {
    .nav-scrollbar-item .dropdown-body {
        padding-bottom: 0.8rem;
    }

    header .navbar-nav > .nav-item > .dropdown-menu {
        max-height: min-content;
    }

    header .navbar-nav > .nav-item .nav {
        display: block;
    }

    header .navbar-nav .dropdown .nav-item {
        max-width: 100%;
        padding: 0;
        margin: 0 0 0 10px;
        text-align: left;
    }
    
    html[lang="en"] header .navbar-nav .dropdown .nav-item {
        margin: 0 0 0 114px;
    }
    
    header .submenu-headline-toplevel {
        font-family: RalewayRegular;
        font-size: 1rem;
        border-bottom: 0;
    }
    
    header .submenu-headline-toplevel:hover {
        font-weight: bolder;
    }
}

@media screen and (min-width: 1300px) {
    header .navbar-nav .dropdown .nav-item {
        margin: 0 0 0 165px;
    }

    html[lang="en"] header .navbar-nav .dropdown .nav-item {
        margin: 0 0 0 155px;
    }
}

/* Styling für Sprach- und Währungsicons */

.lang-dropdown-head-icon {
    height: 16px;
    width: 16px;
    margin-right: 4px;
}

.lang-dropdown-item-icon {
    height: 16px;
    width: 16px;
    margin-right: 4px;
    margin-bottom: 2px;
}

.currency-dropdown-head-icon {
    height: 16px;
    width: 16px;
    margin-right: 6px;
}

.currency-dropdown-item-icon {
    height: 16px;
    width: 16px;
    margin-right: 6px;
    margin-bottom: 3px;
}

.currency-mobile-mega-menu-item-icon {
    height: 16px;
    width: 16px;
    margin-right: 6px;
    margin-bottom: 3px;
}

@media (max-width: 991.98px) {
    /* (Insb. horizentaler) Abstände der Währungsauswahl-Einträge auf Mobile reduzieren */
    header .navbar-nav #currency-dropdown ~ .dropdown-menu .nav-item:not(:first-child) {
        padding: 0.25rem;
    }
}

/* Account icon in der top bar auf mobile ausblenden */

@media (max-width: 991.98px) {
    .navbar .account-icon-dropdown {
        display: none;
    }
}

/* Livella-Logo in der top bar auf mobile zentrieren */

@media (max-width: 991.98px) {

    /* Livella-Logo zentrieren */
    
    .toggler-logo-wrapper {
        position: inherit;
    }

    .toggler-logo-wrapper .logo-wrapper {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    /* Elemente rechts daneben etwas quetschen für mehr platz */
    
    .dropdown-toggle::after {
      margin-left: 0.3rem;
    }

    #shop-nav .nav-link {
        padding-left: 0.5em;
        padding-right: 0.5em;
    }
}


/* Bugfix: zu große Bilder in aufklappbare. Fix kann auch in der image.tpl vorgenommen werden; dann aber Seiteneffekte prüfen. */

.dropdown-menu-right table img {
    height: 45px !important;
    width: 45px !important;
}

/* Bugfix-Workaround (für 5.2.2): product-list Cards Bug; Cards sind doppelt so hoch, da das zweite Bild nicht ausgeblendet wird */

.list-gallery .second-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.price_wrapper {
    margin-bottom: 1.5rem;
}

#product-list .product-wrapper {
    height: auto !important;
}

/* Anpassungen für maßgeschneiderte Wellenelemente auf Produktseiten */

/* Wellenelemente: weiße-Linie-Bugfix */

.remove-white-separating-line-odd-viewports {
    margin-top: -1px !important;
    margin-bottom: -1px !important;
}

/* Gewünschte Wellenelemente nach oben schieben */

.push-up-into-section-above {
    position: relative;
    margin-top: -47px !important;
}

.col:not(.opc-area) .center-vertically-and-horizontally {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    width: 100%;
    padding: 20px 0 45px 0;
}

@media screen and (min-width: 992px) {
    .col:not(.opc-area) .center-vertically-and-horizontally {
        padding: 40px 0;
    }
}

.cols-no-padding-left-and-right .col {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* Optimierung des Videos der Junior SMM Jobsausschreibung */

.video-junior-smm > div::before {
    padding-top: 0;
}

.video-junior-smm video {
    position: relative;
    width: 100%;
    height: auto;
    display: flex;
    margin-left: auto;
    margin-right: auto;
}

@media screen and (min-width: 576px) {
    .video-junior-smm video {
        width: auto;
        height: 600px;
    }
}

/* Feinanpassung Umgebung Upsale-Banner */

@media screen and (max-width: 575.99px) {
    #add-to-cart {
        margin-top: 1rem;
    }
}

@media screen and (min-width: 576px) {
    #add-to-cart .basket-form-inline {
        margin-bottom: 0;
    }
}

/* Frage zum Artikel Button: ungewünschtes Padding entfernen */

.question-on-item .question {
    padding: 0;
}

.question-on-item .question .fa-question-circle {
    font-size: 17px;
}

@media screen and (max-width: 383.99px) {
    .question-on-item .question .fa-question-circle {
        margin-right: 5px;
        margin-left: 1px;
    }
}

.mirror-vertically { 
    transform: scale(-1, 1);
}

.livella-dm-banner-ueberall-verfuegbar-ger-at {
    max-width: 700px !important;
    /* display: flex !important; */
    margin-left: auto !important;
    margin-right: auto !important
}

/* Added after 5.5.1 update */

/* Megamenu not properly displayed */

@media (min-width: 992px) {
    header .navbar-nav>.nav-item.dropdown-full {
        position: static;
    }

    header .navbar-nav>.nav-item.dropdown-full .dropdown-menu {
        width: 100%;
    }

    header .submenu-headline::after {
        display: none;

    }

    header .submenu-headline-toplevel {
        font-family: RalewayRegular, Montserrat, sans-serif;
        font-size: 1rem;
        margin-bottom: 1rem;
        border-bottom: 0;
    }

    header .navbar-nav>.nav-item>.dropdown-menu {
        max-height: calc(100vh - 12.5rem);
        overflow: auto;
        margin-top: -0.03125rem;
        box-shadow: inset 0 1rem 0.5625rem -0.75rem rgba(0, 0, 0, 0.06);
    }

    .d-lg-block {
        display: block !important;
    }
}

/* Mobile nav drawer not properly displayed */

@media (max-width: 991.98px) {
    header .navbar-collapse {
        position: fixed;
        top: 0;
        left: 0;
        display: block;
        height: 100vh !important;
        -webkit-overflow-scrolling: touch;
        max-width: 16.875rem;
        transition: all 0.2s ease-in-out;
        z-index: 1050;
        width: 100%;
        background: #ffffff;
    }

    header .nav-mobile-header {
        padding-left: 1rem;
        padding-right: 1rem;
    }

    header .nav-mobile-header>.row {
        height: 3.125rem;
    }

    header .dropup,
    header .dropright,
    header .dropdown,
    header .dropleft,
    header .col,
    header [class*="col-"] {
        position: static;
    }

    header .navbar-nav .nav-item {
        margin-left: 0;
        margin-right: 0;
        padding: 1rem;
        height: 54px;
    }

    header .navbar-collapse:not(.show) {
        transform: translateX(-100%);
    }

    header .navbar-nav .dropdown-menu:not(.show) {
        display: none;
    }

    header .navbar-nav .dropdown-menu {
        position: absolute;
        left: 100%;
        top: 0;
        box-shadow: none;
        width: 100%;
        padding: 0;
        margin: 0;
    }

    header .navbar-nav .dropdown-body {
        margin: 0;
        padding: 0;
    }

    header .nav-scrollbar-inner {
        overflow: visible;
    }

    header .navbar-nav {
        transition: all 0.2s ease-in-out;
    }

    div.nav-mobile-body {
        color: black;
        font-family: "Lato", Raleway, Arial;
        font-weight: 400;
        font-size: 13px;
    }

    header .nav-mobile-body {
        height: calc(var(--vh, 1vh) * 100 - 3.125rem);
        overflow-y: auto;
        position: relative;
    }

    .nav-scrollbar-inner {
        overflow-x: auto;
        padding-bottom: 1.5rem;
        align-self: flex-start;
    }

    .mr-auto,
    .mx-auto {
        margin-right: auto !important;
    }

    .navbar-nav {
        display: flex;
        flex-direction: column;
        padding-left: 0;
        margin-bottom: 0;
    }

    hr {
        margin-top: 1rem;
        margin-bottom: 1rem;
        border: 0;
        border-top: 1px solid rgba(0, 0, 0, 0.1);
    }

    header .nav-mobile-header .nav-mobile-header-hr {
        margin-top: 0;
        margin-bottom: 0;
    }

    header .navbar-nav .nav-link::after {
        content: '\f054' !important;
        font-family: "Font Awesome 5 Free" !important;
        font-weight: 900;
        margin-left: 0.5rem;
        margin-top: 0;
        font-size: 0.75em;
        padding: 0 !important;
    }

    .dropdown-toggle::after {
        margin-left: 0.3rem;
    }

    header .navbar-nav .nav-item:not(.dropdown) .nav-link::after {
        display: none;
    }

    header .navbar-nav .nav {
        flex-direction: column;
    }

    .nav-scrollbar .nav,
    .nav-scrollbar .navbar-nav {
        flex-wrap: nowrap;
        place-content: center;
    }
}


/* Slick-Slider problem/overflow on mobile (product pages) */

#image_wrapper {
    text-align: right;
    margin-bottom: 3rem;
}

#image_wrapper .product-detail-image-topbar {
    display: none;
    margin-bottom: 1.5rem;
}

#image_wrapper #gallery {
    margin-bottom: 2rem;
}

#image_wrapper .slick-list,
#image_wrapper .slick-slide,
#image_wrapper img {
    outline: none !important;
}

.carousel {
    position: relative;
    transition: opacity 0.2s;
}

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    user-select: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
}

.slick-list {
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0;
    padding-right: 0;
}

.slick-dots {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 0;
    line-height: 0;
    padding: 0;
    height: 1rem;
    width: 100%;
    margin: 2rem 0 0;
}

.slick-dots li {
    margin: 0 0.25rem;
    list-style: none;
}

.slick-dots li.slick-active button {
    background-color: #525252;
    border-color: #525252;
}

.slick-dots li button {
    width: 0.75rem;
    height: 0.75rem;
    padding: 0;
    border-radius: 50%;
    border: 0.125rem solid #ebebeb;
    background-color: #ebebeb;
    transition: all 0.2s ease-in-out;
}

button:not(:disabled),
[type="button"]:not(:disabled),
[type="reset"]:not(:disabled),
[type="submit"]:not(:disabled) {
    cursor: pointer;
}

.carousel-thumbnails {
    margin: 0 -0.5rem 0 -0.5rem;
}

@media (max-width: 991.99px) {
    #image_wrapper #gallery .slick-list {
        padding-right: 0;
    }

    .product-detail .product-thumbnails-wrapper .product-thumbnails {
        display: none;
    }
}

#footer li.nav-item > a.nav-link[href*="Silberhuetchen-Recycling-Programm_1"] {
    display: none !important;
}

/* NEU-Badge im Mobile-Menü für Recycling-Link */
#mainNavigation a.nav-link[href*="silberhuetchen-recycling-programm"]::after {
    content: "NEU" !important;
    display: inline-block;
    margin-left: -1px;
    transform: translateY(-6px) scale(0.85);
    transform-origin: left center;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    color: #7b4a82 !important; /* Livella purple */
    /* background: #f3e9f6; */
    /* padding: 1px 5px; */
    border-radius: 10px;
    text-transform: uppercase;
    letter-spacing: 0.02em;
    vertical-align: super;
    font-family: var(--primary-font-extrabold) !important;
}

@media (min-width: 991px) {
    #mainNavigation a.nav-link[href*="silberhuetchen-recycling-programm"] {
        display: none !important;
    }
}

/* Recycling popup */
.livella-popup-overlay {
    position: fixed;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, 0.55);
    z-index: 999999;
    opacity: 0;
    visibility: hidden;
    transition: opacity 200ms ease, visibility 200ms ease;
    padding: 16px;
}

.livella-popup-overlay.is-visible {
    opacity: 1;
    visibility: visible;
}

.livella-popup-card {
    position: relative;
    max-width: 500px;
    width: 100%;
    background: #ffffff;
    border-radius: 16px;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.25);
    overflow: hidden;
}

.livella-popup-link {
    display: block;
}

.livella-popup-link img {
    display: block;
    width: 100%;
    height: auto;
}

.livella-popup-deadzone {
    position: absolute;
    top: 0;
    right: 0;
    width: 80px;
    height: 80px;
    z-index: 1;
    cursor: pointer;
    touch-action: manipulation;
}

.livella-popup-close {
    position: absolute;
    top: 8px;
    right: 8px;
    width: 52px;
    height: 52px;
    border-radius: 999px;
    border: none;
    background: rgba(255, 255, 255, 0.9);
    color: #5a3a53;
    font-size: 30px;
    line-height: 1;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 6px 14px rgba(0, 0, 0, 0.15);
    z-index: 2;
    touch-action: manipulation;
}

.livella-popup-close::after {
    content: '';
    position: absolute;
    inset: -10px -10px -18px -10px;
    border-radius: 999px;
}

.livella-popup-close:hover {
    background: #ffffff;
}