:root {
    --primary: #2a4872;
    --secondary: #69806a;
	--third: #1b3840;
	--accent: #f5f5f5;
	--border: #c9c9c9;
    --on-primary: #fafafa;
    --on-secondary: #000504;
}
.icon-search svg {
    color: #758CA3;
}
.bg-1 {
    background: var(--primary);
	}
.bg-2 {
    background: var(--secondary);
}

.product-detail-manufacturer-logo {
    width: 100%;
	}
h1, h2, h3 {
	color: var(--primary);
}
h1 {font-size: 1.75em;}
h2 {font-size: 1.25em;}
h3 {font-size: 1.1em;}
h1.big {font-size: 2.75em;}
h2.big {font-size: 2.25em;}
h3.big {font-size: 2.1em;}

span.sub-title {
    display: block;
    font-size: 1.5rem;
    margin-top: 1rem;
}



.mw-1920 {
    max-width: 1920px;
    margin: 0 auto;
}


.relative {
    position: relative;
}

.mt-1 { margin-top: 1em !important; }
.mt-2 { margin-top: 2em !important; }
.mt-3 { margin-top: 3em !important; }

.my-1 { margin-top: 1em !important; margin-bottom: 1em !important; }
.my-2 { margin-top: 2em !important; margin-bottom: 2em !important; }
.my-3 { margin-top: 3em !important; margin-bottom: 3em !important; }

.py-1 { padding-top: 1em !important; padding-bottom: 1em !important; }
.py-2 { padding-top: 2em !important; padding-bottom: 2em !important; }
.py-3 { padding-top: 3em !important; padding-bottom: 3em !important; }
.py-4 { padding-top: 4em !important; padding-bottom: 4em !important; }


.img-svg-shape-1 {
    position: absolute;
    left: 0;
    top: 0%;
    width: 1600px;
    right: 0;
    margin: 0 auto;
}

.cms-element-text p,
.cms-element-text h2, 
.cms-element-text h3 {
    max-width: 90ch;
}

body.is-act-home .breadcrumb {
    display: none;
}

.container-main {
    margin: 0;
    padding: 0;
}
.cms-element-elysium-slide__title {
	border-radius: 10px 0px 10px 10px;
    margin: 0;
    font-weight: bold;
    letter-spacing: 1px;
    max-width: 25ch;
    background: #ffffffeb;
    color: #000000;
    text-align: left;
}

.img-center .cms-image-container {
    text-align: center;
    margin: 0 auto;
}

nav.nav.main-navigation-menu {
    justify-content: center;
}
a.nav-link.main-navigation-link.home-link {
    display: none;
}


.btn.btn-primary {
    color: #ffffff;
}
.hero-image {
    margin-bottom: 2em;
}



.newsletter .cms-element-text {
    color: #ffffff;
}

.newsletter .cms-element-form {
    background: #ffffff;
    padding: 2em;
    border-radius: 5px;
}

.category-teaser {
    padding: 2em;
	position: relative;
}
.category-teaser-inside {
    max-width: 90ch;
}
.category-teaser p,
.category-teaser h1,
.category-teaser h2 {
    max-width: 90ch;
}
button.btn.btn-light.offcanvas-close.js-offcanvas-close {
    background: var(--primary);
	color: white;
}
li.navigation-offcanvas-list-item a.is-current-category span {
    color: white;
}
a.nav-item.nav-link.navigation-offcanvas-link.is-current-category {
    background: var(--primary);
}

.text-center {
    text-align: center;
    max-width: 90ch;
    margin: 0 auto;
}
.newsletter-anmeldung {
    color: #ffffff;
	margin: 2em;
}

select {
    border: solid 1px var(--accent);
}
a.category-navigation-link.is-active {
    background: var(--accent);
}

.card.product-box.box-standard {
    border: solid 1px #c9c9c9;
}
.divider {
    border-bottom: solid 1px;
}
.checklist li {
	position: relative;
	padding-left: 20px;
	margin-bottom: 5px;
	list-style-type: none;
}

.checklist li::before {
	content: '✔';
	position: absolute;
	left: 0;
	color: var(--primary);
}

.text-color-white {
  color:white;
}
.product-slider-item .product-box.box-minimal .product-variant-characteristics,
.product-slider-item .product-box.box-minimal .product-cheapest-price {
		display:none;
}
.blur-elysium-slide-description h1,
.blur-elysium-slide-description h2 {
    color: white !important;
}
.main-navigation-link-text {
    border-bottom: none !important;
}
.col-md-3.footer-column .footer-column-toggle:nth-of-type(2) {
    display: none;
}
.line-item-refundTotal.is-offcanvas {
    display: none;
}

table {
    width: 100%;
    max-width: 800px;
    border-collapse: collapse;
    margin: auto;
    background: white;
    overflow: hidden;
}

th, td {
    padding: 12px 15px;
    text-align: left;
}

th {
    background: var(--primary);
    color: white;
    font-size: 18px;
}

tr:nth-child(even) {
    background: #f2f2f2;
}

tr:hover {
    background: #e9ecef;
}

a {
    text-decoration: none;
    font-weight: bold;
}

a:hover {
    text-decoration: underline;
}
h2.bg-primary {
    color: white;
    padding: 1rem;
    font-size: 2rem;
}
@media (max-width: 575px) {
	.shop-advantages ul {
		flex-wrap: wrap;
		width: 95%;
	}
	.shop-advantages li {
		font-size: 10px;
	}
	
	li.benefit3 {
		display: none;
	}

	.cms-element-elysium-slide__title {
		font-size: 1.5em !important;
	}

	.cms-element-elysium-slide {
		margin: 0;
		padding: 2em;
	}

	.cms-element-elysium-slide__description {
		padding: 2em 0;
		font-size: 0.75em !important;
	}


}

@media (min-width: 576px) and (max-width: 767px) {
	.shop-advantages ul {
		flex-wrap: wrap;
	}

}


@media (min-width: 768px) and (max-width: 991px) {
	.shop-advantages ul {
		flex-wrap: wrap;
	}
}


@media (max-width: 991px) {
	button.btn.btn-outline-primary.filter-panel-wrapper-toggle {
		border-radius: 2em;
	}
}

@media (min-width: 992px) {
	a.nav-link.main-navigation-link.active.home-link {
		display: none;
	}
	a.nav-link.main-navigation-link {
		font-weight: bold;
		color: var(--primary);
	}
	.cms-section.category-header.pos-0.cms-section-default {
		margin-bottom: 2em;
	}
	.category-navigation.level-0>.category-navigation-entry {
		border-bottom: 1px solid #d9d9d9;
		margin: 1em 0px;
	}
	span.cookie-permission-button.js-cookie-permission-button {
		width: initial;
		display: unset;
		margin: unset;
		padding: 10px 0;
	}
}

@media (min-width: 992px) {
	nav.nav.main-navigation-menu {
		display: flex;
		justify-content: center;
		font-weight: bold;
	}
}

@media (min-width: 992px) and (max-width: 1299px) {
	
	.pxy-s { padding: 25px; }
	.pxy-m { padding: 50px; }
	.pxy-l { padding: 75px; }
	.pxy-xl { padding: 100px; }
	.pxy-xxl { padding: 60px; }

	.row.align-items-center.header-row {
		position: relative;
	}
	
	.cms-element-elysium-slide__title {
		padding: 0.75em 1.25em;
		font-size: 2em;
		text-align: left;
	}
	
	.custom-image-text .cms-element-text {
		padding: 0 45px;
	}
	.cms-element-text h2 {
		margin: 1em 0;
	}
	.cms-block.about-box.pos-0.cms-block-text {
		color: #ffffff;
		padding: 2em;
		margin: 2em;
	}
	.commerce-slider-block,
	.about-us-block {
		padding: 3em !important;
	}
}

@media (min-width: 1200px) and (max-width: 1399px) {
	
	.pxy-s { padding: 25px; }
	.pxy-m { padding: 50px; }
	.pxy-l { padding: 75px; }
	.pxy-xl { padding: 100px; }
	.pxy-xxl { padding: 60px; }
	
	.shop-advantages ul {
		flex-wrap: wrap;
	}
}

@media (min-width: 1400px) {
	
	.pxy-s { padding: 25px; }
	.pxy-m { padding: 50px; }
	.pxy-l { padding: 75px; }
	.pxy-xl { padding: 100px; }
	.pxy-xxl { padding: 125px; }


	.shop-advantages ul {
		flex-wrap: wrap;
	}

}