@font-face {font-family: 'Bebas Neue'; font-style: normal; font-weight: 400; src: url('/Fonts/BebasNeue/bebas-neue-v9-latin-regular.eot'); src: local(''), url('/Fonts/BebasNeue/bebas-neue-v9-latin-regular.eot?#iefix') format('embedded-opentype'), url('/Fonts/BebasNeue/bebas-neue-v9-latin-regular.woff2') format('woff2'), url('/Fonts/BebasNeue/bebas-neue-v9-latin-regular.woff') format('woff'), url('/Fonts/BebasNeue/bebas-neue-v9-latin-regular.ttf') format('truetype'), url('/Fonts/BebasNeue/bebas-neue-v9-latin-regular.svg#BebasNeue') format('svg');}
@font-face {font-family: 'Kaushan Script'; font-style: normal; font-weight: 400; src: url('/Fonts/KaushanScript/kaushan-script-v14-latin-regular.eot'); src: local(''), url('/Fonts/KaushanScript/kaushan-script-v14-latin-regular.eot?#iefix') format('embedded-opentype'), url('/Fonts/KaushanScript/kaushan-script-v14-latin-regular.woff2') format('woff2'), url('/Fonts/KaushanScript/kaushan-script-v14-latin-regular.woff') format('woff'), url('/Fonts/KaushanScript/kaushan-script-v14-latin-regular.ttf') format('truetype'), url('/Fonts/KaushanScript/kaushan-script-v14-latin-regular.svg#KaushanScript') format('svg');}
@font-face {font-family: 'Lato'; font-style: normal; font-weight: 400; src: url('/Fonts/lato/lato-v23-latin-regular.eot'); src: local(''), url('/Fonts/lato/lato-v23-latin-regular.eot?#iefix') format('embedded-opentype'), url('/Fonts/lato/lato-v23-latin-regular.woff2') format('woff2'), url('/Fonts/lato/lato-v23-latin-regular.woff') format('woff'), url('/Fonts/lato/lato-v23-latin-regular.ttf') format('truetype'), url('/Fonts/lato/lato-v23-latin-regular.svg#Lato') format('svg');}

html, body {line-height: 32px; font-family: 'Lato', sans-serif; font-size: 16px; font-weight: 300; color: #3E3E25; overflow-x: hidden;}

body {
	background-image: url('/Images/egg_tint_10.svg');
	background-position: -480px -720px;
	background-repeat: no-repeat;
	background-size: 1920px auto;
}
body.is--locked {overflow: hidden;}


h1, h2, h3, h4, h5, h6, p, ul, ol {margin: 0; padding: 32px 0 0 0;}
h1 {line-height: 72px; font-family: 'Bebas Neue', cursive; font-size: 60px; color: #796F4D; text-transform: uppercase;}
h2 {line-height: 42px; font-family: 'Kaushan Script', cursive; font-size: 40px; color: #796F4D;}
h2.bebas_neue {font-family: 'Bebas Neue', cursive;}
body.homepage h2 {line-height: 52px; font-size: 40px;}
h2 + p {padding-top: 12px;}
h2 + h3 {padding: 0;}
h3 {line-height: 38px; font-family: 'Bebas Neue', cursive; font-size: 26px; color: #B15F47; text-transform: uppercase;}
h3.kaushan_script {font-family: 'Kaushan Script', cursive; text-transform: none;}
h2.bebas_neue + h3.kaushan_script {font-size: 30px;}

p strong {font-weight: 900;}

a, a:hover {color: #000000;}
a {text-decoration: underline;}
a:hover {text-decoration: none;}

.brown {color: #B15F47;}

ul li, ol li {margin: 0 0 0 16px; padding: 0;}

.text-center {text-align: center;}

.image {padding-top: 32px;}
.image.shop {background-image: url('../Images/egg_flipped.svg'); background-position: center center; background-repeat: no-repeat; background-size: 100%; padding-top: 107%; position: relative;}
.image.shop img {top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; margin: auto; object-fit: contain; position: absolute; z-index: 1;}

img.img-fluid {width: 100%; height: auto; display: block;}

.clipping {margin-top: 32px; display: block; position: relative;}
.clipping:after { top: 0; right: 0; width: 180px; height: 192px; background-image: url('/Images/egg_flipped_B15F47.svg'); display: block; mix-blend-mode: multiply; content: ""; position: absolute;}
.clipping figure.media {margin: 0; padding-top: 89%; -webkit-mask-image: url(/Images/egg_rotated.svg); -webkit-mask-repeat: no-repeat; -webkit-mask-size: cover; -webkit-mask-position: center; mask-image: url(/Images/egg_flipped.svg); mask-position: center; mask-repeat: no-repeat; mask-size: 100%; position: relative;}
.clipping figure.media picture {top: 0; right: 0; bottom: 0; left: 0; margin: auto; position: absolute;}
.clipping figure.media, 
.clipping figure.media picture {height: 100%;}
.clipping figure.media picture img {width: 100%; min-height: 100%; object-fit: cover;}

.float-right {float: right;}
.float-left {float: left;}

table {width: 100%; margin: 0; padding: 0; border: 0; border-collapse: collapse;}

.buttons {padding-top: 12px; display: flex; justify-content: center;}
.buttons p.button {margin: 0 15px; padding: 0;}
.buttons p.button + p.button {margin: 0 15px;}
p.button {display: inline-block;}
p.button + p.button {margin-left: 11px;}
p.button a, p.button a:hover {text-decoration: none;}
p.button a {display: block;}
p.button a span {padding: 16px 40px; background-color: #B15F47; border-radius: 32px; font-size: 16px; font-weight: bold; color: #FFFFFF; display: inline-block;}
p.button.bordered a span {padding: 14px 38px; background-color: transparent; border: 2px solid #B15F47; color: #000000;}
p.button.alternative a span {background-color: #796F4D;}
p.button.alternative.bordered a span {background-color: transparent; border: 2px solid #796F4D;}
p.button a:hover span {background-color: #796F4D; color: #FFFFFF;}
p.button.bordered a:hover span {border-color: #796F4D;}
p.button.alternative a:hover span {background-color: #B15F47;}
p.button.alternative.bordered a:hover span {border-color: #B15F47;}
p.button.right {display: flex;}
p.button.right a {margin-left: auto;}

p.address {margin-left: 30px; position: relative;}
p.address:before {left: -30px; width: 20px; font-family: "Font Awesome 6 Pro"; font-size: 20px; font-weight: 900; text-align: center; content: "\f3c5"; color: #B15F47; position: absolute;}
p.opening-hours {margin-left: 30px; position: relative;}
p.opening-hours:before {left: -30px; width: 20px; font-family: "Font Awesome 6 Pro"; font-size: 20px; font-weight: 900; text-align: center; content: "\f017"; color: #B15F47; position: absolute;}

.pin {margin: 32px 0 0 30px;}
.pin img {width: auto; height: 48px;}

.padding {position: relative;}

#wrapper.is--locked {top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; overflow: hidden; position: fixed;}

.wrapper {width: 100%; max-width: 1640px; padding: 0; margin: auto;}

header {top: 0; right: 30px; left: 30px; /*background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 1%, rgba(255,255,255,0) 100%); background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 1%,rgba(255,255,255,0) 100%); background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 1%,rgba(255,255,255,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 );*/ position: absolute; z-index: 2;}
header ul {margin: 32px 0 0 0; padding: 0; display: flex;}
header ul li {margin: 0; padding: 0; list-style: none;}
header ul li.logo {display: flex;}
header ul li.logo a {}
header ul li.logo a img {width: auto; height: 96px; display: block;}
header ul li.logo a.hofleverancier {margin-left: 50px;}
header ul li.logo a.hofleverancier img {height: 96px; display: block;}
header ul li.navigation {width: 100%;}
header ul li.navigation nav.secondary {}
header ul li.navigation nav.secondary ul {height: 100%; margin: 0; padding: 0; align-items: center; display: flex; justify-content: right;}
header ul li.navigation nav.secondary ul li {margin-left: 40px;}
header ul li.navigation nav.secondary ul li a, 
header ul li.navigation nav.secondary ul li a:hover {font-weight: bold; color: #B15F47;}
header ul li.navigation nav.secondary ul li a {text-decoration: none;}
header ul li.navigation nav.secondary ul li a:hover {text-decoration: underline;}
header ul li.navigation nav.secondary ul li a span {padding: 8px 0; font-size: 16px; display: block;}
header ul li.navigation nav.secondary ul li.social a {width: 21px; height: 48px; font-size: 24px; display: block;}
header ul li.navigation nav.secondary ul li.social a i {width: 21px; height: 24px; line-height: 24px; margin: 12px 0; vertical-align: middle;}
header ul li.navigation nav.secondary ul ul {display: none;}
header ul li.navigation nav.primary {}
header ul li.navigation nav.primary > ul {height: 100%; margin: 0; padding: 0; align-items: center; display: flex; justify-content: right;}
header ul li.navigation nav.primary > ul > li {margin-left: 50px; position: relative;}
header ul li.navigation nav.primary > ul > li > a, 
header ul li.navigation nav.primary > ul > li > a:hover {color: #000000;}
header ul li.navigation nav.primary > ul > li.is-selected > a {color: #B15F47;}
header ul li.navigation nav.primary > ul > li > a {text-decoration: none;}
header ul li.navigation nav.primary > ul > li > a:hover {text-decoration: underline;}
header ul li.navigation nav.primary > ul > li > span,
header ul li.navigation nav.primary > ul > li > a > span {padding: 8px 0; font-family: 'Bebas Neue', cursive; font-size: 22px; color: #000000; display: block;}
header ul li.navigation nav.primary > ul > li > .dropdown {top: 100%; left: 0; min-width: 200px; padding: 16px 20px; background-color: #FFFFFF; border-radius: 20px; -webkit-box-shadow: 0px 0px 30px 0px rgb(0 0 0 / 10%); -moz-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.1); box-shadow: 0px 0px 30px 0px rgb(0 0 0 / 10%); display: none; position: absolute;}
header ul li.navigation nav.primary > ul > li:hover > .dropdown {display: block;}
header ul li.navigation nav.primary > ul > li > .dropdown > ul {margin: 0; padding: 0; display: block;}
header ul li.navigation nav.primary > ul > li > .dropdown > ul > li, 
header ul li.navigation nav.primary > ul > li > .dropdown > ul > li a,
header ul li.navigation nav.primary > ul > li > .dropdown > ul > li a span {display: block;}
header ul li.navigation nav.primary > ul > li > .dropdown > ul > li a, header ul li.navigation nav.primary > ul > li > .dropdown > ul > li a:hover {text-decoration: none;}
header ul li.navigation nav.primary > ul > li > .dropdown > ul > li.is-selected a span, 
header ul li.navigation nav.primary > ul > li > .dropdown > ul > li a:hover span {color: #B15F47;}

body:not(.homepage) main {background-image: url('/Images/egg_rotated_D4A989.svg'); background-position: bottom -480px right -240px; background-repeat: no-repeat; background-size: 870px auto;}
body.homepage main {position: relative;}
body.homepage main:before {position: absolute; top: 60%; left: 0;	right: 0; height: 960px; content: ''; z-index: -1; background-image: url('/Images/egg_B15F47.svg'); background-position: -340px 0; background-repeat: no-repeat; background-size: auto 960px;}
body.homepage section.intro {margin-top: 48px;}
body.homepage section.cards .card figure, 
body.homepage section.cards .card figure picture {height: 100%;}
body.homepage section.cards .card figure picture img {width: 100%; height: 100%; object-fit: cover;}

main {padding-top: 80px;}

section {padding: 10px 0 42px 0;}
section h1 {padding-top: 0;}
section h1 + p {padding-top: 12px;}
section:last-of-type {padding-bottom: 84px;}
section.header-image {padding: 0; position: relative;}
section.header-image:before {top: 0; right: 0; left: 0; height: 320px; background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 1%, rgba(255,255,255,0) 100%); background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 1%,rgba(255,255,255,0) 100%); background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 1%,rgba(255,255,255,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 ); content: ""; position: absolute; z-index: 1;}
section.header-image:after {top: -80px; right: 0; left: 0; width: 100%; height: 80px; background-color: #FFFFFF; content: ""; display: block; position: absolute;}
section.header-image .wrapper {width: calc(100% - 60px); max-width: 1920px; height: 648px; padding: 0; margin-bottom: 42px; background-color: rgba(212,169,137,0.11); border-radius: 0 0 100px 100px; position: relative;}
section.header-image.small .wrapper {height: 460px;}
section.header-image .wrapper:not(.splitted) img {width: 100%; height: 100%; border-radius: 0 0 100px 100px; object-fit: cover;}
section.header-image .wrapper:not(.splitted) .overlay {right: 0; bottom: -55px; left: 0; text-align: center; position: absolute; z-index: 3;}
section.header-image .wrapper:not(.splitted) .overlay h1 {line-height: 150px; padding: 0; font-family: 'Bebas Neue', cursive; font-size: 150px; color: #FFFFFF;}
section.header-image .wrapper:not(.splitted) .overlay h2 {margin-top: -48px; padding: 0; line-height: 72px; font-family: 'Kaushan Script', cursive; font-size: 100px; color: #B15F47; position: relative;}
section.header-image .wrapper.splitted {display: flex;}
section.header-image .wrapper.splitted .inner-wrapper {top: 0; left: 0; right: 0; width: 100%; max-width: 1640px; padding: 0; margin: auto; position: absolute; z-index: 1;}
section.header-image .wrapper.splitted img {width: 60%; height: 100%; border-radius: 0 0 0 100px; object-fit: cover}
section.header-image .wrapper.splitted .inner-wrapper .overlay {width: calc(100% - 24px); position: absolute;}
section.header-image .wrapper.splitted .inner-wrapper .overlay .placeholder {padding: 192px 0 96px 100px;}
section.header-image .wrapper.splitted .inlay {width: 50%; height: 100%; background-color: #F8F7F6; border-bottom-right-radius: 100px; position: relative;}
section.header-image .wrapper.splitted .inlay:before {top: 0; right: 100%; bottom: 0; width: 400px; background: -moz-linear-gradient(left, rgba(248,247,246,0) 0%, rgba(248,247,246,1) 100%); background: -webkit-linear-gradient(left, rgba(248,247,246,0) 0%,rgba(248,247,246,1) 100%); background: linear-gradient(to right, rgba(248,247,246,0) 0%,rgba(248,247,246,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00f8f7f6', endColorstr='#f8f7f6',GradientType=1 ); content: ""; display: block; position: absolute;}

section.header-image + section {padding-top: 0;}
section.header-image .egg {bottom: -50%; right: -10%; width: 600px; height: 641px; mix-blend-mode: multiply; position: absolute;}
section .outer-wrapper {width: calc(100% - 60px); max-width: 1920px; margin: 32px auto auto; background-color: #F1F0ED; border-radius: 20px; position: relative; overflow: hidden;}
section .outer-wrapper .background-image {top: 0; right: 0; bottom: 0; left: 0; position: absolute;}
section .outer-wrapper .background-image img {mix-blend-mode: luminosity; opacity: 0.1; width: 100%; height: 100%; object-fit: cover;}
section .outer-wrapper .inner-wrapper {width: 100%; max-width: 1640px; padding: 48px 0 80px 0; margin: auto; position: relative; z-index: 2;}
section.intro p {line-height: 36px; font-size: 20px; font-weight: 300;}
section.intro p:first-of-type {padding-top: 84px;}
section.intro .chicken {bottom: 0; right: -112px; width: 72px; position: absolute;}
section.intro .buttons {padding-top: 32px;}
section.intro .buttons p {padding: 0;}
section.shop {padding-top: 0;}
section.shop .outer-wrapper {margin-top: 240px; background-color: #B15F47; overflow: visible;}
section.social {position: relative; overflow: hidden;}
section.social .clipping {right: -670px; top: 0; width: 1340px; height: 1432px; background-color: #B15F47; -webkit-mask-image: url(/Images/egg_flipped.svg); -webkit-mask-repeat: no-repeat; -webkit-mask-size: cover; -webkit-mask-position: center; mask-image: url(/Images/egg_flipped.svg); mask-position: center; mask-repeat: no-repeat; mask-size: 100%; position: absolute; overflow: hidden;}
section.social .clipping figure picture img {opacity: 0.15; mix-blend-mode: luminosity;}
section.social .clipping:after {display: none; visibility: hidden;}
.labels:after,
body.homepage section .outer-wrapper:after {position: absolute; bottom: 0; top: 50%; left: 0; right: 0; content: ''; background: rgb(248,247,246); background: linear-gradient(0deg, rgba(248,247,246,1) 0%, rgba(248,247,246,0) 100%);}

ol.breadcrumb {margin: 0; padding: 0; display: flex;}
ol.breadcrumb li {margin: 0; padding: 0; list-style: none;}
ol.breadcrumb li:not(:last-of-type):after {margin: 0 10px; content: "/";}
ol.breadcrumb li:after, ol.breadcrumb li a span, ol.breadcrumb li span {font-size: 14px;}
ol.breadcrumb li a {text-decoration: underline;}
ol.breadcrumb li a:hover {text-decoration: none;}
ol.breadcrumb li:after, ol.breadcrumb li a, ol.breadcrumb li a:hover, ol.breadcrumb li a span {color: #796F4D;}
ol.breadcrumb li span {color: #B15F47;}

.products {}

.cart {height: calc(100% - 32px); margin: 32px 0 0 0; padding: 8px 40px 40px 40px; background-color: #F8F7F6; border-radius: 20px 0 0 20px;}
.cart .padding {height: 100%;}
.cart.image {height: calc(100% - 32px); padding: 0; background-color: #F8F7F6; border-radius: 0 20px 20px 0; overflow: hidden; position: relative;}
.cart.image img {width: 100%; height: 100%; object-fit: cover;}
.cart.image .clipping {top: 0; left: 0; position: absolute;}
.cart.image .overlay {top: 10px; left: 10px; position: absolute;}

.products.home .products .product {height: calc(100% - 32px); margin: 32px 0 0 0; background-color: #F8F7F6; border-radius: 20px; position: relative; overflow: hidden;}
.products.home .products .product a {top: 0; right: 0; bottom: 0; left: 0; position: absolute; z-index: 1;}
.products.home .products .product .image {padding: 0;}
.products.home .products .product .body {padding: 0 40px 48px 40px;}
.products.home .products .product .body h3 {display: flex;}
.products.home .products .product .body p {padding: 0;}

.products.shop .products {margin-top: -288px;}
.products.shop .products h2 {padding: 0;}
.products.shop .products .product {height: calc(100% - 32px); margin: 32px 0 0 0; background-color: #F8F7F6; border-radius: 20px; position: relative; overflow: hidden;}
.products.shop .products .product a {top: 0; right: 0; bottom: 0; left: 0; position: absolute; z-index: 1;}
.products.shop .products .product .image {padding: 0;}
.products.shop .products .product .body {padding: 0 40px 48px 40px;}
.products.shop .products .product .body h3 {display: flex;}
.products.shop .products .product .body p {padding: 0;}
.products.shop .products p.button.alternative a span {background-color: #FFFFFF; color: #7E362C;}
.products.shop .products p.button.alternative:hover a span {background-color: #796F4D; color: #FFFFFF;}

.quote.shop {position: relative;}
.quote.shop .chicken {bottom: -84px; left: 20.83333333%; transform: translateX(-50%); position: absolute;}
.quote.shop .chicken img {width: auto; height: 226px;}
.quote.shop .quote {}
.quote.shop .quote p.text {line-height: 48px; font-family: 'Kaushan Script', cursive; font-size: 32px; text-align: center; color: #796F4D;}
.quote.shop .quote p.name {padding: 0; font-size: 18px; font-style: italic; text-align: center; color: #B15F47;}
.quote.shop .quote figure.media {margin: -134px 0 0 0;}
.quote.shop .quote figure.media picture {overflow: hidden; border-radius: 20px; display: block;}
.quote.shop .quote figure.media picture img {}

.categories.overview .category {height: calc(100% - 32px); margin: 32px 0 0 0; position: relative;}
.categories.overview .category a {top: 0; right: 0; bottom: 0; left: 0; position: absolute; z-index: 1;}
.categories.overview .category .image {padding: 0; background-color: #F8F7F6;background-image: url('/Images/egg.svg'); background-size: 240px 257px; background-position: right -40px bottom -48px; background-repeat: no-repeat; border: 1px solid #DFDFDF; border-radius: 20px; overflow: hidden;}
.categories.overview .category .body h3 {padding: 18px 0 0 0;}

.products.overview .product { margin: 32px 0 0 0; background-color: #FFFFFF; border-radius: 20px; -webkit-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.1); -moz-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.1); box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.1); overflow: hidden; position: relative;}
.products.overview .product a {top: 0; right: 0; bottom: 0; left: 0; position: absolute; z-index: 1;}
.products.overview .product .image {height: 100%; padding: 0; background-color: #F8F7F6; background-image: url('/Images/egg.svg'); background-size: 240px 257px; background-position: -120px -96px; background-repeat: no-repeat;}
.products.overview .product .image img {width: 100%; height: 100%; object-fit: cover;}
.products.overview .product .body {padding: 0 92px 32px 30px; background-color: #FFFFFF; position: relative;}
.products.overview .product .body h3 + p {padding: 18px 0 0 0;}
.products.overview .product .body p {height: 82px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}
.products.overview .product .body .toggler {right: 30px; bottom: 32px; width: 32px; height: 32px; background-color: #F1F0ED; border: 2px solid #B15F47; border-radius: 16px; display: block; position: absolute;}
.products.overview .product .body .toggler:after {width: 28px; height: 28px; line-height: 28px; font-family: "Font Awesome 5 Pro"; font-size: 12px; font-weight: 900; text-align: center; color: #B15F47; content: "\f078"; display: block; transition: all linear 125ms; cursor: pointer;}
.products.overview .product .body .toggler.active:after {transform: rotate(-180deg);}
.products.overview .product .data {padding: 0 30px 32px 30px; background-color: #F1F0ED; display: none;}

.card {margin: 32px auto auto; background-color: #F8F7F6; border-radius: 20px; overflow: hidden;}
.card .image {height: 100%; padding: 0;}
.card .image img {width: 100%; height: 100%; object-fit: cover;}
.card .body {padding: 48px 80px 80px 160px;}
.card .body h2 + h3 {padding-top: 0;}

.card.with-image .body {height: 100%; padding: 48px 80px 80px 80px;}
.card.with-image .body.image-left {background-image: url('/Images/egg_cart_with_image_left.svg'); background-position: bottom right; background-repeat: no-repeat; background-size: auto 240px;}
.card.with-image .body.image-right {background-image: url('/Images/egg_cart_with_image_right.svg'); background-position: top left; background-repeat: no-repeat; background-size: auto 320px;}
.card.with-image figure {margin: 0;}
.card.with-image figure, 
.card.with-image figure picture {height: 100%;}
.card.with-image figure img {width: 100%; height: 100%; object-fit: cover;}

.card.with-image.beige {background-color: #F8F7F6;}
.card.with-image.beige h2 {color: #B15F47;}
.card.with-image.beige p {color: #3E3E25;}
.card.with-image.brown {background-color: #B15F47;}
.card.with-image.dark-brown {background-color: #79704D;}
.card.with-image.brown h2, 
.card.with-image.brown p, 
.card.with-image.dark-brown h2, 
.card.with-image.dark-brown p {color: #FFFFFF;}
.card.with-image.beige p.button a span {padding: 14px 38px; background-color: transparent; border: 2px solid #B15F47; color: #000000;}
.card.with-image.brown p.button a span, 
.card.with-image.dark-brown p.button a span {padding: 14px 38px; background-color: transparent; border: 2px solid #FFFFFF; color: #FFFFFF;}
.card.with-image.beige p.button:hover a span {background-color: #79704D; border-color: #79704D; color: #FFFFFF;}
.card.with-image.brown p.button:hover a span {background-color: #79704D; border-color: #79704D;}
.card.with-image.dark-brown p.button:hover a span {background-color: #B15F47; border-color: #B15F47;}

.labels {padding: 52px 0 84px 0; background-color: #F8F7F6; border-radius: 20px; text-align: center; position: relative; overflow: hidden;}
.labels h2 {color: #796F4D;}
.labels h3 {line-height: 0; color: #B15F47;}
.labels:before {top: 0; right: 0; bottom: 0; left: 0; opacity: 0.1; background-image: url('/Images/img_labels_kippenschuur.png'); background-position: center; background-repeat: no-repeat; background-size: cover; display: block; content: ""; position: absolute; z-index: 0;}
.labels .logos {margin-top: 32px; display: flex; flex-wrap: wrap; align-content: center; mix-blend-mode: luminosity; justify-content: center; position: relative; z-index: 1;}
.labels .logos img {width: auto; height: 128px;}
.labels .documents {margin-top: 32px; display: flex; flex-wrap: wrap; align-content: center; justify-content: center; position: relative; z-index: 1;}
.labels .documents a {margin: 5px 15px; padding: 8px 20px; border: 1px solid #B15F47; border-radius: 24px; font-weight: bold; text-decoration: none; display: inline-block;}
.labels .documents a:before {margin-right: 10px; font-family: "Font Awesome 6 Pro"; content: "\f15b"; color: #B15F47;}
.labels .documents a:hover {background-color: #B15F47; color: #FFFFFF;} 
.labels .documents a:hover:before {color: #FFFFFF;}

.umbraco-forms-form {margin: 32px 0 0 0; padding: 0;}
.umbraco-forms-form .umbraco-forms-page {}
.umbraco-forms-form .umbraco-forms-page .umbraco-forms-fieldset {}
.umbraco-forms-form .umbraco-forms-page .umbraco-forms-fieldset .umbraco-forms-container {}
.umbraco-forms-form .umbraco-forms-page .umbraco-forms-fieldset .umbraco-forms-container .umbraco-forms-field {margin-bottom: 24px;}
.umbraco-forms-form .umbraco-forms-page .umbraco-forms-fieldset .umbraco-forms-container .umbraco-forms-field label.umbraco-forms-label {line-height: 48px; margin: 0;}
.umbraco-forms-form .umbraco-forms-page .umbraco-forms-fieldset .umbraco-forms-container .umbraco-forms-field .umbraco-forms-field-wrapper {}
.umbraco-forms-form .umbraco-forms-page .umbraco-forms-fieldset .umbraco-forms-container .umbraco-forms-field .umbraco-forms-field-wrapper input[type=text], 
.umbraco-forms-form .umbraco-forms-page .umbraco-forms-fieldset .umbraco-forms-container .umbraco-forms-field .umbraco-forms-field-wrapper input[type=email], 
.umbraco-forms-form .umbraco-forms-page .umbraco-forms-fieldset .umbraco-forms-container .umbraco-forms-field .umbraco-forms-field-wrapper input[type=password], 
.umbraco-forms-form .umbraco-forms-page .umbraco-forms-fieldset .umbraco-forms-container .umbraco-forms-field .umbraco-forms-field-wrapper textarea {width: 100%; max-width: unset !important; margin: 0; padding: 0; border: 2px solid #F1F0ED; border-radius: 10px; outline: none;}
.umbraco-forms-form .umbraco-forms-page .umbraco-forms-fieldset .umbraco-forms-container .umbraco-forms-field .umbraco-forms-field-wrapper input[type=text], 
.umbraco-forms-form .umbraco-forms-page .umbraco-forms-fieldset .umbraco-forms-container .umbraco-forms-field .umbraco-forms-field-wrapper input[type=email], 
.umbraco-forms-form .umbraco-forms-page .umbraco-forms-fieldset .umbraco-forms-container .umbraco-forms-field .umbraco-forms-field-wrapper input[type=password] {height: 64px; line-height: 48px; padding: 16px 0 0 0; text-indent: 20px;}
.umbraco-forms-form .umbraco-forms-page .umbraco-forms-fieldset .umbraco-forms-container .umbraco-forms-field .umbraco-forms-field-wrapper textarea {padding: 36px 20px 32px 20px;}
.umbraco-forms-form .umbraco-forms-page .umbraco-forms-fieldset .umbraco-forms-container .umbraco-forms-field .umbraco-forms-field-wrapper span.field-validation-error {display: block; color: #B15F47;}
.umbraco-forms-form .umbraco-forms-page .umbraco-forms-fieldset .umbraco-forms-container .umbraco-forms-field.recaptcha3 input,
.umbraco-forms-form .umbraco-forms-page .umbraco-forms-fieldset .umbraco-forms-container .umbraco-forms-field.recaptcha3 .umbraco-forms-label { display:none; }
.umbraco-forms-form .umbraco-forms-page .umbraco-forms-navigation {margin: 0 0 24px 0;}
.umbraco-forms-form .umbraco-forms-page .umbraco-forms-navigation input[type=submit] {padding: 16px 40px; background-color: #B15F47; border: 0; border-radius: 32px; font-size: 16px; font-weight: bold; color: #FFFFFF; display: inline-block;}
.umbraco-forms-form .umbraco-forms-page .umbraco-forms-navigation input[type=submit]:hover {background-color: #796F4D; color: #FFFFFF;}
.umbraco-forms-form .umbraco-forms-page .umbraco-forms-fieldset .umbraco-forms-container .umbraco-forms-field .umbraco-forms-field-wrapper {position: relative;}
.umbraco-forms-form .umbraco-forms-page .umbraco-forms-fieldset .umbraco-forms-container .umbraco-forms-field .umbraco-forms-field-wrapper input + label {transition: all .15s ease-in-out,opacity .15s ease-in-out;}
.umbraco-forms-form .umbraco-forms-page .umbraco-forms-fieldset .umbraco-forms-container .umbraco-forms-field .umbraco-forms-field-wrapper input:placeholder-shown + label, 
.umbraco-forms-form .umbraco-forms-page .umbraco-forms-fieldset .umbraco-forms-container .umbraco-forms-field .umbraco-forms-field-wrapper textarea:placeholder-shown + label {top: 8px; left: 20px; cursor: text; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; transform-origin: left bottom; position: absolute; width: 100%; pointer-events: none;}
.umbraco-forms-form .umbraco-forms-page .umbraco-forms-fieldset .umbraco-forms-container .umbraco-forms-field .umbraco-forms-field-wrapper input::-webkit-input-placeholder, 
.umbraco-forms-form .umbraco-forms-page .umbraco-forms-fieldset .umbraco-forms-container .umbraco-forms-field .umbraco-forms-field-wrapper textarea::-webkit-input-placeholder {opacity: 0; transition: inherit;}
.umbraco-forms-form .umbraco-forms-page .umbraco-forms-fieldset .umbraco-forms-container .umbraco-forms-field .umbraco-forms-field-wrapper input::-moz-placeholder, 
.umbraco-forms-form .umbraco-forms-page .umbraco-forms-fieldset .umbraco-forms-container .umbraco-forms-field .umbraco-forms-field-wrapper textarea::-moz-placeholder {opacity: 0; transition: inherit;}
.umbraco-forms-form .umbraco-forms-page .umbraco-forms-fieldset .umbraco-forms-container .umbraco-forms-field .umbraco-forms-field-wrapper input:focus::-webkit-input-placeholder, 
.umbraco-forms-form .umbraco-forms-page .umbraco-forms-fieldset .umbraco-forms-container .umbraco-forms-field .umbraco-forms-field-wrapper textarea:focus::-webkit-input-placeholder {opacity: 0.9;}
.umbraco-forms-form .umbraco-forms-page .umbraco-forms-fieldset .umbraco-forms-container .umbraco-forms-field .umbraco-forms-field-wrapper input:focus::-moz-placeholder, 
.umbraco-forms-form .umbraco-forms-page .umbraco-forms-fieldset .umbraco-forms-container .umbraco-forms-field .umbraco-forms-field-wrapper textarea:focus::-moz-placeholder {opacity: 0.9;}
.umbraco-forms-form .umbraco-forms-page .umbraco-forms-fieldset .umbraco-forms-container .umbraco-forms-field .umbraco-forms-field-wrapper input:not(:placeholder-shown) + label, 
.umbraco-forms-form .umbraco-forms-page .umbraco-forms-fieldset .umbraco-forms-container .umbraco-forms-field .umbraco-forms-field-wrapper input:focus + label {top: 4px; left: 20px; line-height: 24px; position: absolute; font-size: 12px;}
.umbraco-forms-form .umbraco-forms-page .umbraco-forms-fieldset .umbraco-forms-container .umbraco-forms-field .umbraco-forms-field-wrapper textarea:not(:placeholder-shown) + label, 
.umbraco-forms-form .umbraco-forms-page .umbraco-forms-fieldset .umbraco-forms-container .umbraco-forms-field .umbraco-forms-field-wrapper textarea:focus + label {top: 4px; left: 20px; position: absolute;}
.umbraco-forms-form .umbraco-forms-page .umbraco-forms-fieldset .umbraco-forms-container .umbraco-forms-field .umbraco-forms-field-wrapper .message-error {color: #bf1818; font-weight: normal; font-size: 16px;}

.umbraco-forms-field.emailadres {width: calc(50% - 10px); margin-right: 20px; display: inline-block; float: left;}
.umbraco-forms-field.telefoonnummer {width: calc(50% - 10px); display: inline-block; float: none;}

.gallery.overview {}
.gallery.overview .image {margin: 32px 0 0 0; padding: 0; border-radius: 20px; overflow: hidden; position: relative;}
.gallery.overview .image:hover:after {top: 0; right: 0; bottom: 0; left: 0; background-image: url('/Images/icon_zoom.svg'); background-position: center; background-repeat: no-repeat; background-size: 25%; content: ""; display: block; position: absolute;}
.gallery.overview .image:hover:before {top: 0; right: 0; bottom: 0; left: 0; background-color: #B15F47; mix-blend-mode: multiply; content: ""; display: block; position: absolute;}
.gallery.overview .image a {top: 0; right: 0; bottom: 0; left: 0; position: absolute; z-index: 1;}
.gallery.overview .image figure {margin: 0;}
.gallery.overview .image figure picture {}
.gallery.overview .image figure picture img {border: 0;}

footer .footer-top {background-color: #F8F7F6;}
footer .footer-top .wrapper {position: relative; color: #FFFFFF;}
footer .footer-top ul {width: 100%; margin: 32px 0; padding: 0; display: flex;}
footer .footer-top ul > li {margin: 0; padding: 0; list-style: none;}
footer .footer-top ul > li:not(.logo) {width: 100%;}
footer .footer-top ul > li.logo {margin-right: 0;}
footer .footer-top ul > li.logo a img {width: auto; height: 64px; display: block;}
footer .footer-top ul > li > ul {width: unset; margin: 16px auto; justify-content: center; display: flex;}
footer .footer-top ul > li > ul > li {width: auto !important; margin: 0 20px; font-size: 14px; color: #000000;}
footer .footer-top ul > li > ul > li.address > span {white-space: nowrap;}
footer .footer-top ul > li > ul > li.phone {white-space: nowrap;}
footer .footer-top ul > li > ul > li a, footer ul > li > ul > li a:hover {color: #000000;}
footer .footer-top ul > li > ul > li a {text-decoration: none;}
footer .footer-top ul > li > ul > li a:hover {text-decoration: underline;}
footer .footer-top ul > li > ul > li strong {font-weight: bold; color: #796F4D;}
footer .footer-top ul > li > ul > li.social a {font-size: 24px; color: #B15F47;}
footer .footer-top ul > li > ul > li.social a:hover {color: #796F4D;}
footer .footer-bottom {background-color: #796F4D;}
footer .footer-bottom p {margin: 0; padding: 20px 0; font-size: 14px; color: #FFFFFF; text-align: center; /*display: flex;*/}
footer .footer-bottom p a:first-of-type {margin-left: 40px;}
footer .footer-bottom p a {margin: 0 20px;}
footer .footer-bottom p a, footer .footer-bottom p a:hover {color: #FFFFFF;}
footer .footer-bottom p a {text-decoration: none;}
footer .footer-bottom p a:hover {text-decoration: underline;}
footer .footer-bottom p #copyright-line {margin-left: auto;}

.timeline {position: relative;}
.timeline .date {margin: 32px auto auto; background-color: #F8F7F6; border-radius: 20px;}
.timeline .date.odd {margin-right: 40px;}
.timeline .date.even {margin-left: 40px;}
.timeline .date.odd .clipping {margin: -30px -40px 0 0;}
.timeline .date.even .clipping {margin: -30px 0 0 -40px;}
.timeline .date .clipping:after {top: unset; right: unset; bottom: 0; left: 0; width: 90px; height: 96px;}
.timeline .date .body {padding: 40px 30px;}
.timeline .date .body h3 {padding: 0; font-size: 18px;}
.timeline .date .body h2 {padding: 0; font-size: 34px;}
.timeline .positioner {position: relative;}
.timeline .dot {top: 50%; left: 50%; width: 28px; height: 29px; background-image: url('/images/egg_timeline.svg'); background-position: center center; background-repeat: no-repeat; transform: translate(-50%, -50%); position: absolute;}
.timeline .line {top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; position: absolute;}
.timeline .positioner.first .line, 
.timeline .first .line {height: 50%; top: 50%;} 
.timeline .first .line:before {top: -149px; left: 50%; width: 72px; height: 120px; background-image: url('/Images/haan_links.svg'); content: ""; display: block; position: absolute; transform: translateX(-50%);}
.timeline .last .line {height: 50%; bottom: 50%;}
.timeline .line:after {top: 0; left: 50%; height: 100%; width: 0px; border-left: 2px dotted #B15F47; content: ""; position: absolute; transform: translateX(-50%);}

.hamburger {top: 32px; right: 10px; width: 48px; height: 48px; display: inline-block; cursor: pointer; transition-property: opacity, filter; transition-duration: 0.15s; transition-timing-function: linear; font: inherit; color: inherit; text-transform: none; background-color: transparent; border: 0; margin: 0; overflow: visible; position: absolute;}
.hamburger:hover {opacity: 1;}
.hamburger.is-active:hover {}
.hamburger.is-active .hamburger-inner, .hamburger.is-active .hamburger-inner::before, .hamburger.is-active .hamburger-inner::after {background-color: #000;}
.hamburger-box {width: 24px; height: 24px; margin: 12px; display: inline-block; position: relative;}
.hamburger-inner {display: block; top: 50%; margin-top: -2px;}
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {width: 24px; height: 2px; border-radius: 1px; position: absolute; transition-property: transform; transition-duration: 0.15s; transition-timing-function: ease; }
.hamburger-inner {background-color: #000;}
.hamburger-inner::before, 
.hamburger-inner::after {background-color: #B15F47;}
.hamburger-inner::before, .hamburger-inner::after {content: ""; display: block; }
.hamburger-inner::before {top: -6px; }
.hamburger-inner::after {bottom: -6px; }
.hamburger--squeeze .hamburger-inner {transition-duration: 0.075s; transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);}
.hamburger--squeeze .hamburger-inner::before {transition: top 0.075s 0.12s ease, opacity 0.075s ease;}
.hamburger--squeeze .hamburger-inner::after {transition: bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19);}
.hamburger--squeeze.is-active .hamburger-inner {transform: rotate(45deg); transition-delay: 0.12s; transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);}
.hamburger--squeeze.is-active .hamburger-inner::before {top: 0; opacity: 0; transition: top 0.075s ease, opacity 0.075s 0.12s ease;}
.hamburger--squeeze.is-active .hamburger-inner::after {bottom: 0; transform: rotate(-90deg); transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);}

nav.mobile {height: 0; width: 100%; position: fixed; z-index: 3; bottom: 0; left: 0; background-color: rgba(0,0,0,0.9); overflow-x: hidden; transition: 0.5s; text-align: center;}
nav.mobile > .mobile-placeholder {background-color: #FFFFFF; -webkit-box-shadow: 0px 2px 6px 0px rgba(0,0,0,0.16); -moz-box-shadow: 0px 2px 6px 0px rgba(0,0,0,0.16); box-shadow: 0px 2px 6px 0px rgba(0,0,0,0.16);}
nav.mobile > .mobile-placeholder > .search-placeholder {padding: 24px 35px; background-color: #FFFFFF; border-bottom: 1px solid #E3E3E3;}
nav.mobile > .mobile-placeholder > .search-placeholder .search input {width: calc(100% - 49px); background-color: #F2F2F2;}
nav.mobile > .mobile-placeholder > .search-placeholder .search button {background-color: #F2F2F2; border-left: 1px solid #FFFFFF; color: #000000;}
nav.mobile > .mobile-placeholder > .search-placeholder .search button:hover {background-color: #000000; color: #FFFFFF;}

.slinky-menu {overflow: hidden; transform: translateZ(0);}
.slinky-menu > ul {left: 0; position: relative; transform: translateZ(0);}
.slinky-menu ul, .slinky-menu li {list-style: none; margin: 0; padding: 0;}
.slinky-menu ul {width: 100%;}
.slinky-menu span, .slinky-menu a {align-items: center; display: flex;}
.slinky-menu span, .slinky-menu a span {line-height: 32px; flex: 1;}
.slinky-menu li ul {display: none; left: 100%; position: absolute; top: 0;}
.slinky-menu .header {display: flex;}
.slinky-menu .header .title {flex: 1; line-height: 1.4; margin: 0; order: 1;}

.slinky-theme-default {border-top: 1px solid #E3E3E3;}
.slinky-theme-default .title {}
.slinky-theme-default li, .slinky-theme-default li a, .slinky-theme-default li a span {text-align: left;}
.slinky-theme-default li {line-height: 1; border-bottom: 1px solid #E3E3E3; display: block;}
.slinky-theme-default li > span, .slinky-theme-default li > a {transition: all linear 125ms;}
.slinky-theme-default li > span:not(.back):not(.next), .slinky-theme-default li > a:not(.back):not(.next) {width: calc(100% - 90px); padding: 8px 40px 8px 35px; text-decoration: none; color: #000000; display: inline-block; vertical-align: top;}
.slinky-theme-default span.nav-link, .slinky-theme-default a.nav-link {width: 100% !important; display: block !important;}
.slinky-theme-default span, 
.slinky-theme-default a, 
.slinky-theme-default a:hover, 
.slinky-theme-default a:active {text-decoration: none;}
.slinky-theme-default span:hover, .slinky-theme-default a:hover {background-color: #F2F2F2;}
.slinky-theme-default .next, .slinky-theme-default .back {line-height: 32px; text-align: center; display: inline-block; vertical-align: top;}
.slinky-theme-default .next {padding: 8px 35px 8px 40px; border-left: 1px solid #E3E3E3;}
.slinky-theme-default .back {padding: 8px 40px 8px 35px; border-right: 1px solid #E3E3E3;}
.slinky-theme-default .next::after, .slinky-theme-default .back::after {font-family: 'Font Awesome 5 Pro'; font-weight: bold; color: #B15F47;}
.slinky-theme-default .next::after {content: "\f061";}
.slinky-theme-default .back::after {content: "\f060";}
.slinky-theme-default .next a, .slinky-theme-default .back a {text-decoration: none;}

.embedsocial-hashtag {margin: 0 -10px;}

.sitemap ul {margin: 0; padding: 0;}
.sitemap ul li {margin: 0; padding: 0; list-style: none;}
.sitemap ul li a {text-decoration: none;}
.sitemap ul li a:hover {text-decoration: underline;}
.sitemap ul li.level-2 {font-weight: bold;}
.sitemap ul li.level-3 {font-weight: normal;}
.sitemap ul li.level-4 {font-style: italic;}

/* Mobile */
@media (max-width: 576px) {
	h1 {line-height: 54px; font-size: 40px;}
	h2 {line-height: 48px; font-size: 24px;}
	body.homepage h2 {line-height: 54px; font-size: 32px;}
	h3 {line-height: 36px; font-size: 26px;}
	.buttons p.button {margin: 0 10px;}
	p.button a span {padding: 8px 30px; border-radius: 24px;}
	header {right: 15px; left: 15px;}
	header ul li.logo a img {height: 64px;}
	header ul li.logo img.hofleverancier {margin-left: 30px; height: 64px; display: block;}
	header ul li.navigation {display: none; visibility: hidden;}
	section {padding: 2px 0 18px 0;}
	section.header-image .wrapper {width: calc(100% - 24px); height: 440px; margin-bottom: 52px;}
	section.header-image .wrapper:not(.splitted) img {border-radius: 0 0 50px 50px;}
	section.header-image .wrapper:not(.splitted) .overlay {bottom: -24px;}
	section.header-image .wrapper:not(.splitted) .overlay h1 {line-height: 68px; font-size: 68px;}
	section.header-image .wrapper:not(.splitted) .overlay h2 {margin-top: -20px; line-height: 30px; font-size: 44px;}
	footer .footer-top ul {flex-direction: column; text-align: center;}
	footer .footer-top ul li.logo a img {margin: 0 auto;}
	footer .footer-bottom p {flex-direction: column;}

	/**/
	section.header-image .wrapper {border-radius: 0 0 50px 50px;}
	section.intro .buttons {padding-top: 16px;}
	section.intro .padding.left {padding-left: 28px;}
	section.intro .padding.right {padding-right: 28px;}
	section.intro p {font-size: 16px;}
	section.header-image:before {background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 25%, rgba(255,255,255,0) 100%); background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 25%,rgba(255,255,255,0) 100%); background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 25%,rgba(255,255,255,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 );}
	section.header-image .egg {width: 450px; height: 481px; right: -100%; bottom: -40%;}
	section .outer-wrapper {width: calc(100% - 24px);}
	section.intro .chicken {right: -56px;}
	.card .body {padding: 0 30px 32px 30px;}
	section.social .clipping {right: -60px; top: unset; bottom: -128px; width: 240px; height: 256px;}

	.products .row {margin: 0; padding: 0;}
	.products .row .column {margin: 0; padding: 0;}
	.products .row .column .product {margin: 0;}

	.cart.shop {border-radius: 20px 20px 0 0;}
	.cart.image {margin-top: 0; padding: 0; border-top: 1px solid #F1F0ED; border-radius: 0 0 20px 20px;}

.breadcrumb {
	display: none !important;
	visibility: none !important;
}
.products.overview .product .body p {
    height: unset;
    display: unset;
    -webkit-line-clamp: unset;
    -webkit-box-orient: unset;
    overflow: unset;
}

}

/* Tablets / iPad (Air) */
@media (min-width: 576.02px) and (max-width: 820px) {
	footer .footer-top ul {width: 100%;}
	footer .footer-top ul > li {width: 50%;}
	footer .footer-top ul > li:not(.logo) {width: unset;}
	footer .footer-top ul > li > ul {margin: 0; flex-direction: column;}
	footer .footer-top ul > li > ul > li {margin: 0;}
	.card .body {padding: 0 30px 32px 30px;}
	section.products.home .wrapper, 
	section.social .wrapper, 
	section.cards .wrapper {width: calc(100% - 36px);}
	section .outer-wrapper .inner-wrapper {padding-right: 20px; padding-left: 20px;}
.products.overview .product .body h3 {
white-space:nowrap;
}
}
@media (max-width: 820px) {
	section.header-image .wrapper {width: 100%; margin-bottom: 0; background-color: transparent; border-radius: 0 0 100px 100px; position: relative;}
	section.header-image .wrapper.splitted {height: unset; display: block !important;}
	section.header-image .wrapper.splitted .inner-wrapper {width: 100% !important; position: relative !important;}
	section.header-image .wrapper.splitted img {width: 100%; min-height: 460px; border-radius: 0 0 100px 100px; object-fit: cover}
	section.header-image .wrapper.splitted .inner-wrapper, 
	section.header-image .wrapper.splitted .inner-wrapper .overlay {position: relative;}
	section.header-image .wrapper.splitted .inner-wrapper .overlay .placeholder {padding: 32px 0 32px 0;}
	section.header-image .wrapper.splitted .inlay {width: 100%; height: 100%; background-color: #F8F7F6; border-bottom-right-radius: 100px; position: relative;}
	section.header-image .wrapper.splitted .inlay:before {display: none; visibility: hidden;}
	section.header-image.small + section .padding.top {padding-top: 32px; padding-bottom: 32px;}

	.image.shop {margin-top: 32px;}

	.quote.shop .quote figure.media {margin-top: 32px;}
	.quote.shop .chicken {display: none; visibility: hidden;}

	.timeline .dot, 
	.timeline .line {display: none;}
	.timeline .date {margin: 64px auto auto; background-color: #F8F7F6; border-radius: 20px;}
	.timeline .date .clipping {margin: -30px 40px 0 40px !important;}

	section.social .clipping {right: -335px; top: 50%; width: 670px; height: 716px;}
	section:last-of-type {padding-bottom: 32px;}

	body.homepage main:before {display: none; visibility: hidden;}
}
@media (max-width: 992px)
{
	header ul li.navigation {display: none; visibility: hidden;}

	.timeline .date.odd {margin-right: 0px;}
	.timeline .date.even {margin-left: 0px;}
	.timeline .line {left: 0;}
	.timeline .date.odd .clipping {margin-right: 0;}
	.timeline .date.even .clipping {margin-left: 0;}
}
@media (min-width: 992.02px)
{
	.hamburger {display: none; visibility: hidden}
}
@media (min-width: 940.02px) and (max-width: 1550px) {
	section.header-image .egg {right: -460px;}
}
@media (min-width: 576.02px) and (max-width: 940px) {
	section.header-image .egg {display: none;}
	section.header-image .wrapper:not(.splitted) .overlay h2 {font-size: 80px;}
}
@media (min-width: 820.02px) and (max-width: 1440px) {
	.quote.shop .chicken {opacity: 0.15;}
}
.cookie-notification {width: calc(100% - 60px); max-width: 1920px; padding: 16px 10vw; position: fixed; bottom: 0; left: 50%; transform: translateX(-50%); background-color: rgba(255,255,255,0.9); border-radius: 20px 20px 0 0; box-shadow: 0 0 10px rgb(0 0 0 / 10%); text-align: center; z-index: 9999; display: none;}
.cookie-notification p {padding: 0;}
.cookie-notification p a {margin: 0 5px; padding: 4px 30px; background-color: #B15F47; border-radius: 20px; font-size: 14px; font-weight: 700; text-decoration: none; color: #FFFFFF; transition: color linear 125ms, background-color linear 125ms, border-color linear 125ms; display: inline-block; position: relative; z-index: 1;}
.cookie-notification p a:hover {background-color: #796F4D;}