/*
Theme Name: Fieldsets
Version: 2.5 2023
*/


/* fonts */


@font-face {
	font-family: 'Roboto';
	src: url('assets/fonts/roboto-v30-latin-regular.woff2') format('woff2');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Roboto';
	src: url('assets/fonts/roboto-v30-latin-700.woff2') format('woff2');
	font-weight: bold;
	font-style: normal;
}
@font-face {
	font-family: 'Roboto';
	src: url('assets/fonts/roboto-v30-latin-900.woff2') format('woff2');
	font-weight: 900;
	font-style: normal;
}


@font-face {
    font-family: 'brtter';
    src: url('assets/fonts/brtter_15-webfont.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}



/* basics / resets */

html {
	position: relative;
	margin: 0;
	padding: 0;
	height: 100%;
	font-size: 16px;
	
	--red: #dc2620;
	--orange: #f69406;
	
}
@media (max-width: 1399px) {
	html { font-size: 15px; }
}
@media (max-width: 1279px) {
	html { font-size: 14px; }
}
@media (max-width: 1199px) {
	html { font-size: 13px; }
}
@media (max-width: 1099px) {
	html { font-size: 12px; }
}
@media (max-width: 1049px) {
	html { font-size: 11.5px; }
}
@media (max-width: 999px) {
	html { font-size: 16px; }
}
@media (max-width: 719px) {
	html { font-size: 15px; }
}
@media (max-width: 511px) {
	html { font-size: 3.75vw; }
}


body {
	margin: 0;
	padding: 0;
	min-height: 100%;
	font-family: 'Roboto', sans-serif;
	font-size: 1em;
	background-color: var(--orange);
	color: white;
	-webkit-text-size-adjust: none;
	text-size-adjust: none;
}

* {
	-webkit-tap-highlight-color: transparent;
}


.single-rezept,
.single-post {
	background-color: white;
}
.single-rezept section:not(.red-section),
.single-post section:not(.red-section) {
	color: #000;
}
.single-post section:not(.red-section) h2,
.single-post section:not(.red-section) h3 {
	color: var(--red);
}
.single-rezept section:not(.red-section) h2,
.single-rezept section:not(.red-section) h3 {
	color: var(--orange);
}

.single-rezept h2 {
		font-size: clamp(2em, 3vw, 3em) !important;
			padding-top: 1em !important;
}

.single-rezept .content-text p, .single-rezept .content-text ul, .single-rezept .content-text ol {
	font-size: 1.2em;
}

.single-rezept p + ul {
	padding-top: 0;
}
.single-rezept ul li {
	padding-left: 1.5em !important;
}
.single-rezept ul li::before {
	content: "\2022"; /* \2013 ndash \00B7 middot \2022 bull */
	color: var(--red);
	transform-origin: left center;
	transform: scale(2);
}


.single-rezept ol {
	counter-reset: rstep;
	padding-left: 0;
}
.single-rezept ol li + li {
	margin-top: 0.5em;
}
.single-rezept ol li {
	position: relative;
	padding-left: 2.25em !important;
	list-style-type: none;
	counter-increment: rstep;
}
.single-rezept ol li::before {
		position: absolute;
	left: 0;
	top: 0.1em;
	content: counter(rstep);
		font-family: 'brtter', serif;
	font-weight: bold;
	text-align: center;
	display: inline-block;
	background-color: var(--red);
	color: white;
	transform-origin: left center;
	transform: scale(1.25);
	width: 1em;
	height: 1em;
	border-radius: 0.8em;
	line-height: 100%;
	border: 0.2em var(--red) solid;
}


.content-rezeptliste .content-image .image-wrap,
.single-rezept main > section:first-child .content-image {
	border-radius: 0.75em;
	overflow: hidden;
}





::-moz-selection {
	background: #333;
	color: #fff;
	text-shadow: none;
}
::selection {
	background: #333;
	color: #fff;
	text-shadow: none;
}

form {
	margin: 0;
	padding: 0;
}

table, td, input, textarea, select {
	font-family: inherit;
	font-size: 1em;
}

img, iframe {
	border: 0;
}

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

a {
	color: inherit;
	text-decoration: none;
	transition: color 0.3s ease;
}



/* page */

#page {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: stretch;
    align-items: stretch;
	
	min-height: 100vh;
	overflow: hidden;
}

main {
	flex: 1 0 auto;
	padding-top: 8.25em;
}

@media (max-width: 1599px) {
	main {
		padding-top: 7.5em;
	}
}
@media (max-width: 1499px) {
	main {
		padding-top: 7.25em;
	}
}
@media (max-width: 599px) {
	main {
		padding-top: 5.25em;
	}
}




.red-section {
	position: relative;
}
.red-section::after {
	content: "";
	position: absolute;
	top: -1px;
	left: 0;
	right: 0;
	bottom: -1px;
	background-color: var(--red);
	z-index: -1;
}

.top-offset::after  {
	top: 4em;
}
.bottom-offset::after  {
	bottom: 4em;
}

.top-cut-clip,
.top-cut::after {
	clip-path: polygon(0 8em, 100% 0, 100% 100%, 0 100%);
}
.bottom-cut-clip,
.bottom-cut::after {
	clip-path: polygon(0 0, 100% 0, 100% calc(100% - 8em), 0 100%);
}

.cut-clip {
	clip-path: polygon(0 8em, 100% 0, 100% calc(100% - 8em), 0 100%);
}


@media (max-width: 719px) {
	.top-cut-clip,
	.top-cut::after {
		clip-path: polygon(0 5em, 100% 0, 100% 100%, 0 100%);
	}
	.bottom-cut-clip,
	.bottom-cut::after {
		clip-path: polygon(0 0, 100% 0, 100% calc(100% - 5em), 0 100%);
	}
	
	.cut-clip {
		clip-path: polygon(0 5em, 100% 0, 100% calc(100% - 5em), 0 100%);
	}
}
 


/* header */

header {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	box-sizing: border-box;
	background-color: var(--red);
	padding: 2em 4em;
	z-index: 10000;
}

header > .wrap {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: center;
	margin: 0 auto;
	max-width: 100em;
}



#intro {
	position: relative;
}

#intro .content-slider {
	filter: drop-shadow(0em 3em 4em #00000033);
}

#scroll-down {
	position: absolute;
    bottom: -2.5em;
    left: calc(50% - 1em);
    width: 2em;
    height: 5.2em;
	background: url(assets/images/scroll-down.svg) center center no-repeat;
	background-size: contain;
}




#footer-logo,
#logo {
	display: block;
	width: 10em;
	height: auto;
}

@media (max-width: 1599px) {
	#footer-logo,
	#logo {
		width: 9em;
	}
}
@media (max-width: 1499px) {
	#footer-logo,
	#logo {
		width: 8em;
	}
}

#footer-logo {
	font-size: 0.85em;
}


/* footer */

footer {
	position: relative;
	background-color: var(--red);
	padding: 8em 4em;
}
footer .wrap {
	margin: 0 auto;
    max-width: 100em;
}

footer ul,
footer li {
	display: block;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
footer li {
	padding: 0.75em 0;	
}
footer nav a {
	display: inline-block;
	font-weight: 900;
	text-transform: uppercase;
	letter-spacing: 0.16em;
}


footer nav {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: flex-start;
}

@media (min-width: 1000px) {
	footer .wrap {
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		justify-content: space-between;
		align-items: flex-start;	
	}
	#logo-wrap {
		width: 35%;
	}
	#footer-menu {
		width: 65%;
		padding-right: 10%;
		box-sizing: border-box;
	}
}

@media (max-width: 999px) {
	footer nav {
		flex-wrap: wrap;
		column-gap: 1em;
	}
	#footer-menu nav > ul:first-child {
		display: none;
	}
}
@media (max-width: 511px) {
	#footer-menu {
		font-size: 0.9em;
	}
}


#logo-wrap {
	padding: 0.75em 0;
}


.social-icons a {
	display: inline-block;
	width: 32px;
	height: 32px;
}
.social-icons a + a {
	margin-left: 0.5em;
}
@media (max-width: 1599px) {
	.social-icons a + a {
		margin-left: 0.25em;
	}
}

.insta {
	background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNS42NTUiIGhlaWdodD0iMjUuNjUiIHZpZXdCb3g9IjAgMCAyNS42NTUgMjUuNjUiPgogIDxwYXRoIGlkPSJJY29uX2F3ZXNvbWUtaW5zdGFncmFtIiBkYXRhLW5hbWU9Ikljb24gYXdlc29tZS1pbnN0YWdyYW0iIGQ9Ik0xMi44MjUsOC40ODZBNi41NzYsNi41NzYsMCwxLDAsMTkuNCwxNS4wNjIsNi41NjYsNi41NjYsMCwwLDAsMTIuODI1LDguNDg2Wm0wLDEwLjg1MkE0LjI3NSw0LjI3NSwwLDEsMSwxNy4xLDE1LjA2Miw0LjI4Myw0LjI4MywwLDAsMSwxMi44MjUsMTkuMzM4Wk0yMS4yLDguMjE3QTEuNTM0LDEuNTM0LDAsMSwxLDE5LjY3LDYuNjgzLDEuNTMsMS41MywwLDAsMSwyMS4yLDguMjE3Wk0yNS41Niw5Ljc3NEE3LjU5MSw3LjU5MSwwLDAsMCwyMy40ODgsNC40YTcuNjQxLDcuNjQxLDAsMCwwLTUuMzc0LTIuMDcyYy0yLjExOC0uMTItOC40NjUtLjEyLTEwLjU4MywwQTcuNjMsNy42MywwLDAsMCwyLjE1Nyw0LjM5NCw3LjYxNiw3LjYxNiwwLDAsMCwuMDg1LDkuNzY4Yy0uMTIsMi4xMTgtLjEyLDguNDY1LDAsMTAuNTgzYTcuNTkxLDcuNTkxLDAsMCwwLDIuMDcyLDUuMzc0QTcuNjUsNy42NSwwLDAsMCw3LjUzMSwyNy44YzIuMTE4LjEyLDguNDY1LjEyLDEwLjU4MywwYTcuNTkxLDcuNTkxLDAsMCwwLDUuMzc0LTIuMDcyLDcuNjQxLDcuNjQxLDAsMCwwLDIuMDcyLTUuMzc0Yy4xMi0yLjExOC4xMi04LjQ1OSwwLTEwLjU3N1pNMjIuODI0LDIyLjYyM2E0LjMyOCw0LjMyOCwwLDAsMS0yLjQzOCwyLjQzOGMtMS42ODguNjctNS42OTUuNTE1LTcuNTYxLjUxNXMtNS44NzguMTQ5LTcuNTYxLS41MTVhNC4zMjgsNC4zMjgsMCwwLDEtMi40MzgtMi40MzhjLS42Ny0xLjY4OC0uNTE1LTUuNjk1LS41MTUtNy41NjFTMi4xNjIsOS4xODQsMi44MjYsNy41QTQuMzI4LDQuMzI4LDAsMCwxLDUuMjY1LDUuMDY0YzEuNjg4LS42Nyw1LjY5NS0uNTE1LDcuNTYxLS41MTVzNS44NzgtLjE0OSw3LjU2MS41MTVBNC4zMjgsNC4zMjgsMCwwLDEsMjIuODI0LDcuNWMuNjcsMS42ODguNTE1LDUuNjk1LjUxNSw3LjU2MVMyMy40OTQsMjAuOTQsMjIuODI0LDIyLjYyM1oiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAuMDA1IC0yLjIzOCkiIGZpbGw9IiNmZmYiLz4KPC9zdmc+) center center no-repeat;
	background-size: 26px 26px;
}
.fb {
	background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMy43NzQiIGhlaWdodD0iMjUuNzE4IiB2aWV3Qm94PSIwIDAgMTMuNzc0IDI1LjcxOCI+CiAgPHBhdGggaWQ9Ikljb25fYXdlc29tZS1mYWNlYm9vay1mIiBkYXRhLW5hbWU9Ikljb24gYXdlc29tZS1mYWNlYm9vay1mIiBkPSJNMTQuNDgxLDE0LjQ2NiwxNS4yLDkuODEySDEwLjcyOVY2Ljc5MmEyLjMyNywyLjMyNywwLDAsMSwyLjYyNC0yLjUxNWgyLjAzVi4zMTRBMjQuNzU5LDI0Ljc1OSwwLDAsMCwxMS43OCwwQzguMSwwLDUuNywyLjIyOSw1LjcsNi4yNjVWOS44MTJIMS42MDl2NC42NTRINS43VjI1LjcxOGg1LjAzMlYxNC40NjZaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMS42MDkpIiBmaWxsPSIjZmZmIi8+Cjwvc3ZnPgo) center center no-repeat;
	background-size: 26px 26px;
	width: 24px !important;
}
.whatsapp {
	background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBmaWxsPSIjZmZmIiBkPSJNLjA1NyAyNGwxLjY4Ny02LjE2M2MtMS4wNDEtMS44MDQtMS41ODgtMy44NDktMS41ODctNS45NDYuMDAzLTYuNTU2IDUuMzM4LTExLjg5MSAxMS44OTMtMTEuODkxIDMuMTgxLjAwMSA2LjE2NyAxLjI0IDguNDEzIDMuNDg4IDIuMjQ1IDIuMjQ4IDMuNDgxIDUuMjM2IDMuNDggOC40MTQtLjAwMyA2LjU1Ny01LjMzOCAxMS44OTItMTEuODkzIDExLjg5Mi0xLjk5LS4wMDEtMy45NTEtLjUtNS42ODgtMS40NDhsLTYuMzA1IDEuNjU0em02LjU5Ny0zLjgwN2MxLjY3Ni45OTUgMy4yNzYgMS41OTEgNS4zOTIgMS41OTIgNS40NDggMCA5Ljg4Ni00LjQzNCA5Ljg4OS05Ljg4NS4wMDItNS40NjItNC40MTUtOS44OS05Ljg4MS05Ljg5Mi01LjQ1MiAwLTkuODg3IDQuNDM0LTkuODg5IDkuODg0LS4wMDEgMi4yMjUuNjUxIDMuODkxIDEuNzQ2IDUuNjM0bC0uOTk5IDMuNjQ4IDMuNzQyLS45ODF6bTExLjM4Ny01LjQ2NGMtLjA3NC0uMTI0LS4yNzItLjE5OC0uNTctLjM0Ny0uMjk3LS4xNDktMS43NTgtLjg2OC0yLjAzMS0uOTY3LS4yNzItLjA5OS0uNDctLjE0OS0uNjY5LjE0OS0uMTk4LjI5Ny0uNzY4Ljk2Ny0uOTQxIDEuMTY1LS4xNzMuMTk4LS4zNDcuMjIzLS42NDQuMDc0LS4yOTctLjE0OS0xLjI1NS0uNDYyLTIuMzktMS40NzUtLjg4My0uNzg4LTEuNDgtMS43NjEtMS42NTMtMi4wNTktLjE3My0uMjk3LS4wMTgtLjQ1OC4xMy0uNjA2LjEzNC0uMTMzLjI5Ny0uMzQ3LjQ0Ni0uNTIxLjE1MS0uMTcyLjItLjI5Ni4zLS40OTUuMDk5LS4xOTguMDUtLjM3Mi0uMDI1LS41MjEtLjA3NS0uMTQ4LS42NjktMS42MTEtLjkxNi0yLjIwNi0uMjQyLS41NzktLjQ4Ny0uNTAxLS42NjktLjUxbC0uNTctLjAxYy0uMTk4IDAtLjUyLjA3NC0uNzkyLjM3MnMtMS4wNCAxLjAxNi0xLjA0IDIuNDc5IDEuMDY1IDIuODc2IDEuMjEzIDMuMDc0Yy4xNDkuMTk4IDIuMDk1IDMuMiA1LjA3NiA0LjQ4Ny43MDkuMzA2IDEuMjYzLjQ4OSAxLjY5NC42MjYuNzEyLjIyNiAxLjM2LjE5NCAxLjg3Mi4xMTguNTcxLS4wODUgMS43NTgtLjcxOSAyLjAwNi0xLjQxMy4yNDgtLjY5NS4yNDgtMS4yOS4xNzMtMS40MTR6Ii8+PC9zdmc+) center center no-repeat;
	background-size: 26px 26px;
}
.tiktok {
	background: url(data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvbnMiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDUxMiA1MTIiPjxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik00MTIuMTksMTE4LjY2YTEwOS4yNywxMDkuMjcsMCwwLDEtOS40NS01LjUsMTMyLjg3LDEzMi44NywwLDAsMS0yNC4yNy0yMC42MmMtMTguMS0yMC43MS0yNC44Ni00MS43Mi0yNy4zNS01Ni40M2guMUMzNDkuMTQsMjMuOSwzNTAsMTYsMzUwLjEzLDE2SDI2Ny42OVYzMzQuNzhjMCw0LjI4LDAsOC41MS0uMTgsMTIuNjksMCwuNTItLjA1LDEtLjA4LDEuNTYsMCwuMjMsMCwuNDctLjA1LjcxLDAsLjA2LDAsLjEyLDAsLjE4YTcwLDcwLDAsMCwxLTM1LjIyLDU1LjU2LDY4LjgsNjguOCwwLDAsMS0zNC4xMSw5Yy0zOC40MSwwLTY5LjU0LTMxLjMyLTY5LjU0LTcwczMxLjEzLTcwLDY5LjU0LTcwYTY4LjksNjguOSwwLDAsMSwyMS40MSwzLjM5bC4xLTgzLjk0YTE1My4xNCwxNTMuMTQsMCwwLDAtMTE4LDM0LjUyLDE2MS43OSwxNjEuNzksMCwwLDAtMzUuMyw0My41M2MtMy40OCw2LTE2LjYxLDMwLjExLTE4LjIsNjkuMjQtMSwyMi4yMSw1LjY3LDQ1LjIyLDguODUsNTQuNzN2LjJjMiw1LjYsOS43NSwyNC43MSwyMi4zOCw0MC44MkExNjcuNTMsMTY3LjUzLDAsMCwwLDExNSw0NzAuNjZ2LS4ybC4yLjJDMTU1LjExLDQ5Ny43OCwxOTkuMzYsNDk2LDE5OS4zNiw0OTZjNy42Ni0uMzEsMzMuMzIsMCw2Mi40Ni0xMy44MSwzMi4zMi0xNS4zMSw1MC43Mi0zOC4xMiw1MC43Mi0zOC4xMmExNTguNDYsMTU4LjQ2LDAsMCwwLDI3LjY0LTQ1LjkzYzcuNDYtMTkuNjEsOS45NS00My4xMyw5Ljk1LTUyLjUzVjE3Ni40OWMxLC42LDE0LjMyLDkuNDEsMTQuMzIsOS40MXMxOS4xOSwxMi4zLDQ5LjEzLDIwLjMxYzIxLjQ4LDUuNyw1MC40Miw2LjksNTAuNDIsNi45VjEzMS4yN0M0NTMuODYsMTMyLjM3LDQzMy4yNywxMjkuMTcsNDEyLjE5LDExOC42NloiLz48L3N2Zz4=) center center no-repeat;
	background-size: 27px 27px;
	width: 30px !important;
}
.spotify {
	background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCA0OCA0OCIgaGVpZ2h0PSI0OCIgd2lkdGg9IjQ4Ij4KICAgIDxwYXRoIGZpbGw9IiNmZmYiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTQuNSAyNC4wMDAzQzQuNSAxMy4yMzA2IDEzLjIzMDYgNC41IDI0LjAwMDMgNC41YzEwLjc2OTcgMCAxOS41MDAzIDguNzMwNiAxOS41MDAzIDE5LjUwMDMgMCAxMC43Njk3IC04LjczMDYgMTkuNTAwMyAtMTkuNTAwMyAxOS41MDAzQzEzLjIzMDYgNDMuNTAwNiA0LjUgMzQuNzcgNC41IDI0LjAwMDNaTTI0LjAwMDMgMC41QzExLjAyMTQgMC41IDAuNSAxMS4wMjE0IDAuNSAyNC4wMDAzczEwLjUyMTQgMjMuNTAwMyAyMy41MDAzIDIzLjUwMDMgMjMuNTAwMyAtMTAuNTIxNCAyMy41MDAzIC0yMy41MDAzUzM2Ljk3OTIgMC41IDI0LjAwMDMgMC41Wm0xLjYwMjUgMTMuODAyNmMtNC4zNzk5IC0wLjQwNTggLTkuMDM2MSAwLjIxNDUgLTEzLjE2MzUgMi4wNDQ3IC0xLjAwOTggMC40NDc3IC0xLjQ2NTQgMS42MjkzIC0xLjAxNzYgMi42MzkgMC40NDc3IDEuMDA5OCAxLjYyOTMgMS40NjU0IDIuNjM5IDEuMDE3NiAzLjQzNCAtMS41MjI3IDcuMzk0NyAtMi4wNjg0IDExLjE3MzEgLTEuNzE4NCAzLjgwMjQgMC4zNTIzIDcuNDY3NSAxLjYxNjcgMTAuMjUxNiAzLjc1ODYgMC44NzU0IDAuNjczNSAyLjEzMTEgMC41MDk4IDIuODA0NyAtMC4zNjU3IDAuNjczNSAtMC44NzU1IDAuNTA5OCAtMi4xMzEyIC0wLjM2NTcgLTIuODA0NyAtMy40OTk3IC0yLjY5MjQgLTcuOTI3IC00LjE2NCAtMTIuMzIxNiAtNC41NzExWm0tMTEuOTE1OSA4Ljc3MTVjMy40MDUxIC0xLjYxMjYgNy4yNzU2IC0yLjE2MDUgMTAuOTAyMiAtMS44MTg0IDMuNTQ2OCAwLjMzNDUgNy4xMzUxIDEuNTQ4NiA5Ljk3MzYgMy43ODU4IDAuODY3NSAwLjY4MzcgMS4wMTY1IDEuOTQxMiAwLjMzMjggMi44MDg4IC0wLjY4MzcgMC44Njc1IC0xLjk0MTMgMS4wMTY1IC0yLjgwODggMC4zMzI4IC0yLjExOTUgLTEuNjcwNSAtNC45MzM4IC0yLjY2NzggLTcuODczMiAtMi45NDUxIC0yLjk5NjcgLTAuMjgyNyAtNi4xMzM4IDAuMTgxNiAtOC44MTQ1IDEuNDUxMiAtMC45OTgzIDAuNDcyOCAtMi4xOTA4IDAuMDQ2OCAtMi42NjM2IC0wLjk1MTUgLTAuNDcyNyAtMC45OTgzIC0wLjA0NjggLTIuMTkwOCAwLjk1MTUgLTIuNjYzNlptOS44ODk3IDUuMTkxNWMtMi42NzkgLTAuMjYwNiAtNS41Mzg4IDAuMTM5MiAtOC4wODI2IDEuMzMzIC0wLjk5OTkgMC40NjkzIC0xLjQzMDEgMS42NjAzIC0wLjk2MDggMi42NjAyIDAuNDY5MyAxIDEuNjYwMyAxLjQzMDEgMi42NjAzIDAuOTYwOSAxLjgyNTcgLTAuODU2OSAzLjk1NDEgLTEuMTcxNSA1Ljk5NTggLTAuOTcyOSAyLjA1ODUgMC4yMDAzIDQuMDA3MiAwLjkyIDUuNDU4NyAyLjEwMjEgMC44NTY1IDAuNjk3NSAyLjExNjMgMC41Njg2IDIuODEzOCAtMC4yODc5IDAuNjk3NSAtMC44NTY0IDAuNTY4NiAtMi4xMTYyIC0wLjI4NzggLTIuODEzNyAtMi4xNzEzIC0xLjc2ODMgLTQuOTA3OSAtMi43MiAtNy41OTc0IC0yLjk4MTdaIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIHN0cm9rZS13aWR0aD0iMSI+PC9wYXRoPgo8L3N2Zz4=) center center no-repeat;
	background-size: 27px 27px;
}
.mob-break {
	display: inline-block;
	height: 1px;
	width: 0.3em;
}
@media (max-width: 1599px) {
	.mob-break {
		width: 1px;
	}
}

@media (max-width: 1200px) {
	.social-icons {
		font-size: 0.85em;
	}
}


@media (max-width: 511px) {
	.mob-break {
		display: block !important;
		height: 1px;
		width: 1px;
	}
	.social-icons {
		position: relative;
		text-align: center;
		padding-right: 4.5em;
	}
	#burger-button {
		position: absolute;
		top: calc(50% - 16px);
		right: 0;
		margin-left: 0;
	}
}



.text-circle::before {
	content: "";
	position: absolute;
	left: -0.2em;
    top: -0.6em;
    right: -0.4em;
    bottom: -0.3em;
	background: url(assets/images/text-circle.svg) center center no-repeat;
	background-size: contain;
}
.text-heart::before {
	content: "";
	position: absolute;
	left: 0.2em;
    top: -0.3em;
    right: -0.4em;
    height: 0.55em;
	background: url(assets/images/text-heart.svg) top center no-repeat;
	background-size: contain;
}
.text-underline::before {
	content: "";
	position: absolute;
	left: -0.6em;
    height: 0.2em;
    right: -0.6em;
    bottom: 0.25em;
	background: url(assets/images/text-line.svg) bottom center no-repeat;
	background-size: contain;
}



.text-circle2::before {
	content: "";
	position: absolute;
	left: -0.2em;
    top: -0.5em;
    right: -0.4em;
    bottom: -0.3em;
	background: url(assets/images/text-circle2.svg) center center no-repeat;
	background-size: contain;
	z-index: -1;
}
.text-line2::before {
	content: "";
	position: absolute;
    left: -0.2em;
    height: 0.2em;
    right: -0.2em;
    bottom: 0.15em;
	background: url(assets/images/text-line2.svg) bottom center no-repeat;
	background-size: contain;
}


@media (min-width: 1000px) {
	.desktop-narrow-text {
		margin: 0 auto;
		width: calc(100% - 10em);
	}
}

.image-shadow {
	box-shadow: 0px 0px 5.5em #00000066;
}
.button-shadow .button-link {
	box-shadow: 0px 0px 5rem #0000004A;
}


.max-image-widths .content-image {
	margin: 0 auto;
    max-width: 36em;
}


#game-container {
    position: relative;
    aspect-ratio: 16 / 9;
    max-height: calc(100vh - 8em);
    width: 100%;
}

@media (max-width: 1299px) {
	#game-container {
		aspect-ratio: 4 / 3;
	}
}
@media (max-width: 999px) {
	#game-container {
		aspect-ratio: 1;
	}
}
@media (max-width:719px) {
	#game-container {
		aspect-ratio: 2 / 3;
	}
}



.produkt-bild .content-image .image-wrap  {
	overflow: visible;
	position: static;
}
.produkt-bild .content-image {
	margin-top: -18em;
	position: relative;
	height: 60em;
}
.produkt-bild .content-image img {
	position: absolute;
	top: 0;
	left: 50%;
	width: auto;
	height: 100%;
	transform: translateX(-60%);
}
	
@media (min-width: 1600px) {
	.produkt-bild .content-image {
		margin-top: -21em;
		height: 66em;
	}
	.produkt-bild .content-image img {
		transform: translateX(-70%);
	}
}	
@media (min-width: 1550px) {
	.produkt-bild .content-image {
		margin-top: -20em;
		height: 64em;
	}
}
@media (min-width: 1350px) {
	.produkt-bild .content-image {
		margin-top: -19em;
		height: 62em;
	}
	.produkt-bild .content-image img {
		transform: translateX(-66%);
	}
}
@media (max-width: 999px) {
	.produkt-bild .content-image {
		margin-left: -2em;
		margin-right: -2em;
		margin-top: -10em;
		    margin-bottom: -4em;
		overflow: hidden;
		height: 50em;
	}
	.produkt-bild .content-image img {
		transform: translateX(-50%);
	}
}
@media (max-width: 511px) {
	.produkt-bild .content-image {
		height: 40em;
	}
}

@media (min-width: 1000px) {
	.teaser .image-wrap {
	margin-bottom: 0.75em;
}

}
@media (min-width: 600px) {
	.teaser .content-text {
		padding-right: 2em;
	}
}
@media (min-width: 1000px) {
	.teaser .content-text {
		padding-right: 3.5em;
	}
}


.darken {
	background-color: black;
}
.darken img {
	opacity: 0.8;
}

.drop-shadow {
	filter: drop-shadow(0px 0px 5rem #0000004A);
	overflow: visible !important;
}

@media (min-width: 1000px) {
	.desktop-shift-right {
		transform: translateX(15%);
	}
	.desktop-shift-left {
		transform: translateX(-15%);
	}
}


#produkt-filter {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-content: flex-start;
	align-items: flex-start;
	column-gap: 1em;
	row-gap: 1em;
}


.button-short {
	padding-top: 0.85em !important;
	padding-bottom: 0.85em !important;
	margin: 0 !important;
	border: 2px var(--red) solid;
}

.button-short:not(.active) {
	border: 2px white solid;
	background-color: transparent;
}


.cover-image {
	position: relative;
}
.cover-image .content-image .image-wrap {
	max-height: 42em;
}
.cover-image:first-child .content-image {
	margin-left: calc( var(--content-offset) * -1 );
	overflow: hidden;
}
.cover-image:last-child .content-image {
	margin-right: calc( var(--content-offset) * -1 );
	overflow: hidden;
}
.cover-image .content-image img {
	width: 100%;
}
@media (max-width: 999px) {
	.cover-image .content-image {
		margin-left: calc( var(--content-offset) * -1 );
		margin-right: calc( var(--content-offset) * -1 );
	}
}



/* breakpoints */

.mobile-only {
	display: none;
}

@media (max-width: 999px) {
	.desktop-only {
		display: none;
	}
	.mobile-only {
		display: block;
	}
	
	footer {
		padding-top: 4em;
		padding-bottom: 4em;
	}
	footer #logo-wrap {
		display: none;
	}
}


@media (max-width: 599px) {
	header,
	footer {
		padding-left: 2em;
		padding-right: 2em;
	}
	
	header {
		padding-top: 1em;
		padding-bottom: 1em;
	}
	footer {
		padding-top: 3em;
		padding-bottom: 3em;
	}
	
	footer nav a {
		font-size: 0.9em;
	}
	
}

.content-text a:not(.button-link) {
	text-decoration: underline;
}

.whatsapp, .spotify {
	display: none !important;
}



.rezept-template-default .red-section .image-wrap::before,
.content-rezeptliste .image-wrap::before,
.ai-label .image-wrap::before {
	content: "KI";
	width: 1.5em;
	line-height: 1.5em;
	background-color: black;
	color: white;
	border-radius: 50%;
	height: 1.5em;
	display: block;
	position: absolute;
	bottom: 0.5em;
	right: 0.5em;
	text-align: center;
	opacity: 0.75;
	font-size: 0.75em;
	z-index: 1;
}
.content-rezeptliste .image-wrap::before {
	font-size: 0.66em;
}