@font-face {
	font-family: "Outfit";
	src: url("../fonts/outfit-var.woff2") format("woff2");
	font-weight: 100 900;
	font-display: swap;
}
@font-face {
	font-family: "Source Sans 3";
	src: url("../fonts/source-sans-3-400.woff2") format("woff2");
	font-weight: 400;
	font-display: swap;
}
@font-face {
	font-family: "Source Sans 3";
	src: url("../fonts/source-sans-3-600.woff2") format("woff2");
	font-weight: 600;
	font-display: swap;
}
@font-face {
	font-family: "Source Sans 3";
	src: url("../fonts/source-sans-3-700.woff2") format("woff2");
	font-weight: 700;
	font-display: swap;
}

:root {
	--papier: #fbf7f0;
	--papier-tief: #f2eadc;
	--tinte: #1f2d3a;
	--tinte-weich: #475563;
	--ziegel: #c4572e;
	--ziegel-tief: #9e4220;
	--ziegel-hell: #f6e3d8;
	--linie: #e3d9c9;
	--weiss: #fffdf9;

	--titel: "Outfit", "Source Sans 3", sans-serif;
	--text: "Source Sans 3", sans-serif;

	--s1: 8px; --s2: 16px; --s3: 24px; --s4: 32px; --s6: 48px; --s8: 64px; --s12: 96px;
	--breite: 1240px;
	--lauf: cubic-bezier(0.16, 1, 0.3, 1);
}

*, *::before, *::after { box-sizing: border-box; }

html { -webkit-text-size-adjust: 100%; }

body {
	margin: 0;
	background: var(--papier);
	color: var(--tinte);
	font: 400 clamp(1.0625rem, 1rem + 0.25vw, 1.1875rem)/1.65 var(--text);
	min-height: 100dvh;
	display: flex;
	flex-direction: column;
}
main { flex: 1; }

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

a { color: var(--ziegel-tief); text-decoration-thickness: 1px; text-underline-offset: 0.18em; }
a:hover { color: var(--tinte); text-decoration-thickness: 2px; }

h1, h2, h3 {
	font-family: var(--titel);
	font-weight: 700;
	line-height: 1.1;
	letter-spacing: -0.02em;
	color: var(--tinte);
	text-wrap: balance;
}

.huelle { width: min(100% - 2 * var(--s2), var(--breite)); margin-inline: auto; }

/* Kopf */
.kopf { border-bottom: 1px solid var(--linie); background: var(--papier); }
.kopf__innen {
	display: flex; align-items: center; justify-content: space-between;
	gap: var(--s3); min-height: 72px; flex-wrap: wrap; padding-block: var(--s1);
}
.marke { display: inline-flex; align-items: center; gap: 10px; text-decoration: none; color: var(--tinte); }
.marke:hover { color: var(--tinte); }
.marke__zeichen { width: 40px; height: 40px; flex: none; }
.hilde-404 { width: min(100%, 480px); margin-top: var(--s6); }
.marke__text { display: grid; gap: 3px; }
.marke__name { font: 800 1.6rem/1 var(--titel); letter-spacing: -0.03em; }
.marke__slogan { font: 600 0.75rem/1 var(--text); letter-spacing: 0.08em; text-transform: uppercase; color: var(--tinte-weich); }
.marke__name b, .fuss__name b { color: var(--ziegel); font-weight: 800; }

.hauptnav { display: flex; gap: var(--s1) var(--s3); flex-wrap: wrap; }
.hauptnav a {
	color: var(--tinte-weich); text-decoration: none; font-weight: 600; font-size: 1rem;
	padding-block: 10px; position: relative;
}
.hauptnav a::after {
	content: ""; position: absolute; left: 0; right: 0; bottom: 4px; height: 2px;
	background: var(--ziegel); transform: scaleX(0); transform-origin: left;
	transition: transform 0.35s var(--lauf);
}
.hauptnav a:hover, .hauptnav a[aria-current] { color: var(--tinte); }
.hauptnav a:hover::after, .hauptnav a[aria-current]::after { transform: scaleX(1); }

/* Startseite */
.buehne { padding-block: clamp(var(--s6), 9vw, 140px) clamp(var(--s6), 6vw, var(--s12)); border-bottom: 1px solid var(--linie); }
.buehne__innen { display: grid; gap: var(--s6); align-items: center; }
.buehne__text-spalte { display: grid; gap: var(--s3); }
@media (min-width: 960px) { .buehne__innen--bild { grid-template-columns: minmax(0, 1fr) 520px; } }
.buehne__bild img { border-radius: 24px; width: 100%; animation: auftauchen 0.9s 0.2s var(--lauf) both; }
.buehne__dach {
	margin: 0; font-weight: 700; font-size: 0.875rem; letter-spacing: 0.12em; text-transform: uppercase; color: var(--ziegel-tief);
}
.buehne__titel {
	margin: 0; font-size: clamp(2.5rem, 1.3rem + 4.2vw, 5.25rem); font-weight: 800; letter-spacing: -0.03em; line-height: 1;
	max-width: 13ch;
	animation: auftauchen 0.9s var(--lauf) both;
}
.buehne__titel span { color: var(--ziegel); display: block; }
.buehne__text { margin: 0; max-width: 58ch; font-size: clamp(1.125rem, 1rem + 0.5vw, 1.375rem); color: var(--tinte-weich); animation: auftauchen 0.9s 0.12s var(--lauf) both; }

@keyframes auftauchen {
	from { opacity: 0; transform: translateY(18px); }
	to { opacity: 1; transform: none; }
}
@media (prefers-reduced-motion: reduce) {
	*, *::before, *::after { animation: none !important; transition: none !important; }
}

.abschnitt {
	font-size: 0.875rem; font-family: var(--text); font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase;
	color: var(--tinte-weich); margin: 0 0 var(--s3); padding-top: var(--s6);
}

.register { padding-bottom: var(--s6); }
.register__liste { list-style: none; margin: 0; padding: 0; border-top: 2px solid var(--tinte); counter-reset: nr; }
.register__liste li { border-bottom: 1px solid var(--linie); counter-increment: nr; }
.register__liste a {
	display: grid; grid-template-columns: 3.5rem 1fr auto; align-items: baseline; gap: var(--s2);
	padding: var(--s2) 0; text-decoration: none; color: var(--tinte);
	transition: transform 0.35s var(--lauf);
}
.register__liste a::before {
	content: counter(nr, decimal-leading-zero); font: 600 0.9375rem/1 var(--titel); color: var(--ziegel);
}
.register__liste a:hover { transform: translateX(8px); }
.register__liste a:hover .register__name { color: var(--ziegel-tief); }
.register__name { font: 700 clamp(1.25rem, 1rem + 1vw, 1.75rem)/1.2 var(--titel); letter-spacing: -0.02em; }
.register__rubrik { font-size: 0.9375rem; color: var(--tinte-weich); }
.register__anriss { grid-column: 2 / -1; color: var(--tinte-weich); font-size: 1rem; }

.rubrikleiste { padding-bottom: var(--s12); }
.rubrikleiste ul { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); border-top: 2px solid var(--tinte); }
.rubrikleiste a {
	display: flex; justify-content: space-between; align-items: baseline; gap: var(--s2);
	padding: var(--s3) var(--s2) var(--s3) 0; border-bottom: 1px solid var(--linie);
	text-decoration: none; color: var(--tinte); font: 700 1.25rem/1.2 var(--titel); letter-spacing: -0.02em;
}
.rubrikleiste a:hover { color: var(--ziegel-tief); }
.rubrikleiste__zahl { font: 600 0.9375rem/1 var(--text); color: var(--tinte-weich); }

/* Kopfzeile Rubrik, 404 */
.kopfzeile { padding-block: var(--s8) var(--s4); }
.leer { color: var(--tinte-weich); padding-bottom: var(--s12); }
.knopf {
	display: inline-block; background: var(--tinte); color: var(--papier); text-decoration: none;
	padding: 14px 24px; border-radius: 999px; font-weight: 700;
}
.knopf:hover { background: var(--ziegel-tief); color: var(--weiss); }
.ober { padding-bottom: var(--s6); }
.ober h2 { font-size: clamp(1.5rem, 1.2rem + 1vw, 2rem); border-top: 2px solid var(--tinte); padding-top: var(--s2); }
.ober h2 a { color: inherit; text-decoration: none; }
.ober__liste { columns: 2 260px; padding-left: 1.2em; }

/* Artikel: Titelfeld */
.titelfeld { background: var(--papier-tief); border-bottom: 1px solid var(--linie); }
.titelfeld__innen {
	display: grid; gap: var(--s4); align-items: center;
	padding-block: var(--s6) var(--s6);
}
@media (min-width: 960px) {
	.titelfeld__innen { grid-template-columns: minmax(0, 1fr) 520px; gap: var(--s8); padding-block: var(--s8); }
	.titelfeld--ohne-bild .titelfeld__innen { grid-template-columns: minmax(0, 1fr); }
}
.krumen { margin: 0 0 var(--s2); font-size: 0.9375rem; color: var(--tinte-weich); }
.krumen a { color: var(--tinte-weich); }
.seitentitel {
	margin: 0; font-size: clamp(2rem, 1.2rem + 4vw, 4.75rem); font-weight: 800; letter-spacing: -0.03em; line-height: 1.02;
	animation: auftauchen 0.8s var(--lauf) both;
	hyphens: auto; overflow-wrap: break-word;
}
.anriss { font-size: clamp(1.125rem, 1rem + 0.5vw, 1.375rem); color: var(--tinte-weich); max-width: 52ch; margin: var(--s3) 0 0; }
.byline { margin: var(--s3) 0 0; font-size: 0.9375rem; color: var(--tinte-weich); }
.titelbild img { border-radius: 20px; width: 100%; }

/* Artikel: Raster */
.gitter { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--s6); padding-block: var(--s6) var(--s12); }
@media (min-width: 960px) {
	.gitter { grid-template-columns: minmax(0, 1fr) 320px; gap: var(--s8); }
}
.text { max-width: 68ch; min-width: 0; }
.text > :first-child { margin-top: 0; }
.text h2 { font-size: clamp(1.625rem, 1.3rem + 1.2vw, 2.25rem); margin: var(--s8) 0 var(--s2); scroll-margin-top: var(--s3); }
.text h3 { font-size: clamp(1.25rem, 1.1rem + 0.5vw, 1.5rem); margin: var(--s4) 0 var(--s1); letter-spacing: -0.02em; scroll-margin-top: var(--s3); }
.text p, .text li { color: #2b3947; }
.text ul, .text ol { padding-left: 1.3em; }
.text li + li { margin-top: 6px; }
.text strong { color: var(--tinte); }

.kurz {
	background: var(--weiss); border: 1px solid var(--linie); border-left: 6px solid var(--ziegel);
	border-radius: 0 16px 16px 0; padding: var(--s3) var(--s3) var(--s2);
}
.text .kurz h2 { font-size: 1.125rem; font-family: var(--text); letter-spacing: 0.1em; text-transform: uppercase; margin: 0 0 var(--s1); color: var(--ziegel-tief); }
.kurz ul { margin: 0; }

/* Schritte: <ol class="schritte"> mit <li><h3>…</h3><p>…</p></li> */
.text .schritte { list-style: none; padding: 0; counter-reset: schritt; margin: var(--s3) 0; }
.text .schritte > li { counter-increment: schritt; position: relative; padding: 0 0 var(--s3) 64px; margin: 0; }
.text .schritte > li::before {
	content: counter(schritt); position: absolute; left: 0; top: 0;
	width: 44px; height: 44px; border-radius: 50%; display: grid; place-items: center;
	background: var(--tinte); color: var(--papier); font: 800 1.125rem/1 var(--titel);
}
.text .schritte > li::after {
	content: ""; position: absolute; left: 21px; top: 52px; bottom: 8px; width: 2px; background: var(--linie);
}
.text .schritte > li:last-child::after { display: none; }
.text .schritte h3 { margin: 6px 0 var(--s1); }

/* Hinweis im Text: <p class="achtung"> */
.text .achtung { background: var(--ziegel-hell); padding: var(--s2) var(--s3); border-radius: 12px; }
.text .achtung strong { color: var(--ziegel-tief); }

/* Tabellen */
.tabelle-huelle { overflow-x: auto; margin: var(--s3) 0; }
.text table { border-collapse: collapse; width: 100%; font-size: 1rem; }
.text th, .text td { text-align: left; padding: 10px 12px; border-bottom: 1px solid var(--linie); vertical-align: top; }
.text thead th { border-bottom: 2px solid var(--tinte); font-weight: 700; }

/* Video */
.video { margin: var(--s6) 0; }
.video__flaeche {
	aspect-ratio: 16 / 9; background: var(--tinte); border-radius: 16px; overflow: hidden;
	display: grid; place-items: center; align-content: center; gap: var(--s2); padding: var(--s3); text-align: center;
}
.video__flaeche--aktiv { padding: 0; }
.video__flaeche iframe { width: 100%; height: 100%; border: 0; }
.video__start {
	display: inline-flex; align-items: center; gap: 14px; cursor: pointer;
	background: var(--ziegel); color: var(--weiss); border: 0; border-radius: 999px;
	padding: 14px 26px 14px 18px; font: 700 1.0625rem/1 var(--text);
	transition: transform 0.35s var(--lauf), background-color 0.2s;
}
.video__start:hover { background: var(--ziegel-tief); transform: scale(1.03); }
.video__knopf { width: 0; height: 0; border-style: solid; border-width: 9px 0 9px 15px; border-color: transparent transparent transparent currentColor; }
.video__hinweis { margin: 0; color: #c9d2db; font-size: 0.875rem; max-width: 46ch; }
.video__hinweis a { color: #fff; }
.video figcaption { font-size: 0.9375rem; color: var(--tinte-weich); margin-top: var(--s1); }
.video__kanal { white-space: nowrap; }

/* FAQ, Quellen, Weiter */
.faq h3 { margin-top: var(--s3); }
.quellen { margin-top: var(--s8); border-top: 2px solid var(--tinte); }
.text .quellen h2 { font-size: 1.25rem; margin-top: var(--s3); }
.quellen ol { font-size: 0.9375rem; }
.quellen__meta { color: var(--tinte-weich); }
.weiter { margin-top: var(--s6); }
.text .weiter h2 { font-size: 1.25rem; }
.weiter ul { list-style: none; padding: 0; display: flex; flex-wrap: wrap; gap: var(--s1); }
.weiter li + li { margin-top: 0; }
.weiter a {
	display: inline-block; padding: 10px 16px; border: 1px solid var(--linie); border-radius: 999px;
	text-decoration: none; color: var(--tinte); background: var(--weiss); font-weight: 600;
}
.weiter a:hover { border-color: var(--tinte); background: var(--tinte); color: var(--papier); }

/* Seitenspalte */
.nebenspalte { display: grid; gap: var(--s3); align-content: start; }
.steckbrief, .material, .inhalt { background: var(--weiss); border: 1px solid var(--linie); border-radius: 16px; padding: var(--s3); }
.steckbrief__kopf { margin: 0 0 var(--s2); font: 700 0.8125rem/1 var(--text); letter-spacing: 0.12em; text-transform: uppercase; color: var(--ziegel-tief); }
.steckbrief dl { margin: 0; }
.steckbrief dl > div { display: grid; grid-template-columns: 1fr auto; gap: var(--s2); padding: 8px 0; border-top: 1px solid var(--linie); }
.steckbrief dl > div:first-child { border-top: 0; padding-top: 0; }
.steckbrief dt { color: var(--tinte-weich); }
.steckbrief dd { margin: 0; font-weight: 700; text-align: right; }
.material ul, .inhalt ol { margin: 0; padding-left: 1.2em; font-size: 1rem; }
.material li + li, .inhalt li + li { margin-top: 6px; }
.inhalt a { color: var(--tinte); text-decoration: none; }
.inhalt a:hover { color: var(--ziegel-tief); text-decoration: underline; }

/* Werbung */
.werbung { margin: var(--s3) 0; font-size: 0.9375rem; color: var(--tinte-weich); }
.werbung summary { cursor: pointer; font-weight: 700; display: inline-block; }
.anzeige { margin: var(--s4) 0; }
.anzeige__label { margin: 0 0 4px; font-size: 0.75rem; letter-spacing: 0.1em; text-transform: uppercase; color: var(--tinte-weich); }
.vgwort { position: absolute; width: 1px; height: 1px; }

/* Fuß */
.fuss { background: var(--tinte); color: #c9d2db; padding-block: var(--s8); font-size: 1rem; }
.fuss__innen { display: grid; gap: var(--s6); }
@media (min-width: 768px) { .fuss__innen { grid-template-columns: 2fr 1fr 1fr; } }
.fuss__name { font: 800 2rem/1 var(--titel); letter-spacing: -0.03em; color: var(--papier); margin: 0 0 var(--s2); }
.fuss__klein { font-size: 0.875rem; color: #9fb0c0; }
.fuss__spalte { display: grid; gap: 6px; align-content: start; }
.fuss__kopf { margin: 0 0 6px; font-weight: 700; color: var(--papier); }
.fuss a { color: #c9d2db; text-decoration: none; }
.fuss a:hover { color: var(--weiss); text-decoration: underline; }

@media (max-width: 767px) {
	.kopf__innen { padding-block: var(--s2); gap: var(--s1) 12px; flex-wrap: wrap; }
	.marke__slogan { font-size: 0.625rem; letter-spacing: 0.04em; }
	.marke__name { font-size: 1.4rem; }
	.menue-js .menue-knopf { margin-left: auto; }
	.hauptnav { width: 100%; gap: 0 var(--s2); }
	/* Burger-Menü: nur aktiv, wenn menue.js die Klasse gesetzt hat */
	.menue-js .menue-knopf { display: inline-flex; }
	.menue-js .hauptnav { display: none; }
	.menue-js .hauptnav.hauptnav--offen {
		display: grid; gap: 0; padding: var(--s1) 0 var(--s2);
		animation: auftauchen 0.35s var(--lauf) both;
	}
	.menue-js .hauptnav--offen a {
		padding: 14px 0; font-size: 1.125rem; border-top: 1px solid var(--linie);
	}
	.menue-js .hauptnav--offen a::after { display: none; }
	.menue-js .hauptnav--offen a[aria-current] { color: var(--ziegel-tief); }
	.register__liste a { grid-template-columns: 2.5rem 1fr; }
	.register__rubrik { grid-column: 2; }
	.text .schritte > li { padding-left: 56px; }
}

/* Rechtstexte */
.rechtstext { padding-bottom: var(--s12); }
.rechtstext h2 { font-size: clamp(1.375rem, 1.2rem + 0.6vw, 1.75rem); margin-top: var(--s6); }
.siegelblock { display: grid; grid-template-columns: 108px 1fr; gap: var(--s3); align-items: start; }
.siegel { width: 108px; }
@media (max-width: 480px) { .siegelblock { grid-template-columns: 1fr; } }

/* Hilde auf der Startseite */
.buehne__hilde { margin: 0; display: grid; gap: var(--s2); justify-items: center; animation: auftauchen 0.9s 0.2s var(--lauf) both; }
.buehne__hilde img { width: 100%; border-radius: 24px; }
.buehne__hilde figcaption { font-size: 1rem; color: var(--tinte-weich); max-width: 34ch; text-align: center; }
.buehne__hilde strong { color: var(--tinte); }


/* Hildes Kasten: Sprechblase, rundes Kopfbild halb links außerhalb */
.hilde { position: relative; margin: var(--s6) 0 var(--s4); padding-left: 43px; }
.hilde__bild {
	position: absolute; left: 0; top: 0; width: 86px; height: 86px; border-radius: 50%;
	background: var(--papier); border: 3px solid var(--weiss); z-index: 1;
}
.hilde__blase {
	background: var(--ziegel-hell); border-radius: 20px; min-height: 124px;
	padding: var(--s2) var(--s3) var(--s2) 60px; position: relative;
}
.hilde__blase::before {
	content: ""; position: absolute; left: 22px; top: 92px; width: 0; height: 0;
	border-style: solid; border-width: 0 14px 14px 0; border-color: transparent var(--ziegel-hell) transparent transparent;
	transform: translateX(-100%);
}
.hilde__kopf { margin: 0 0 4px; font: 700 0.8125rem/1.2 var(--text); letter-spacing: 0.12em; text-transform: uppercase; color: var(--ziegel-tief); }
.text .hilde__blase p, .hilde__blase p { margin: 0 0 8px; color: var(--tinte); }
.hilde__blase p:last-child { margin-bottom: 0; }

/* Startseite: Arbeitsweise */
.prinzip { padding-bottom: var(--s4); }
.prinzip__raster { display: grid; gap: var(--s4); align-items: start; border-top: 2px solid var(--tinte); padding-top: var(--s4); }
@media (min-width: 960px) { .prinzip__raster { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: var(--s8); } }
.prinzip__liste { list-style: none; margin: 0; padding: 0; display: grid; gap: var(--s3); }
.prinzip__liste strong { display: block; font: 700 1.375rem/1.2 var(--titel); letter-spacing: -0.02em; color: var(--tinte); margin-bottom: 4px; }
.prinzip__liste li { color: var(--tinte-weich); }
.prinzip .hilde { margin-top: 0; }
.prinzip__mehr { margin: var(--s4) 0 0; }

/* Burger-Knopf (sichtbar nur mobil, siehe Media Query) */
.menue-knopf {
	display: none; align-items: center; gap: 10px; min-height: 44px; padding: 0 14px;
	background: transparent; border: 1px solid var(--linie); border-radius: 999px;
	font: 700 0.9375rem/1 var(--text); color: var(--tinte); cursor: pointer;
}
.menue-knopf:hover { border-color: var(--tinte); }
.menue-knopf__striche, .menue-knopf__striche::before, .menue-knopf__striche::after {
	display: block; width: 18px; height: 2px; background: currentColor; border-radius: 2px;
	transition: transform 0.3s var(--lauf), opacity 0.2s;
}
.menue-knopf__striche { position: relative; }
.menue-knopf__striche::before, .menue-knopf__striche::after { content: ""; position: absolute; left: 0; }
.menue-knopf__striche::before { transform: translateY(-6px); }
.menue-knopf__striche::after { transform: translateY(6px); }
.menue-knopf[aria-expanded="true"] .menue-knopf__striche { background: transparent; }
.menue-knopf[aria-expanded="true"] .menue-knopf__striche::before { transform: rotate(45deg); background: var(--tinte); }
.menue-knopf[aria-expanded="true"] .menue-knopf__striche::after { transform: rotate(-45deg); background: var(--tinte); }
@media (min-width: 768px) { .hauptnav__extra { display: none; } }

/* Impressum: Anbieter als Namensschild, Siegelblock, Ökostrom */
.imp-anbieter {
	display: block; font-style: normal; max-width: 34rem; margin: var(--s2) 0;
	background: var(--weiss); border: 1px solid var(--linie); border-left: 4px solid var(--ziegel);
	border-radius: 0 16px 16px 0; padding: var(--s3);
}
.imp-firma { display: block; font: 700 0.78rem/1.2 var(--text); letter-spacing: 0.1em; text-transform: uppercase; color: var(--tinte-weich); margin-bottom: 8px; }
.imp-name { display: block; font: 800 1.5rem/1.2 var(--titel); letter-spacing: -0.02em; color: var(--tinte); margin-bottom: 12px; }
.imp-adresse { display: block; color: #2b3947; line-height: 1.65; }
.imp-land { display: block; margin-top: 8px; font-size: 0.9375rem; color: var(--tinte-weich); }
.imp-exali { display: flex; gap: var(--s3); align-items: flex-start; flex-wrap: wrap; margin: var(--s2) 0; }
.imp-exali-text { flex: 1 1 260px; }
.imp-exali-text p:first-child { margin-top: 0; }
.imp-siegel { width: 108px; border: 1px solid var(--linie); border-radius: 4px; }
.imp-oeko img { border-radius: 4px; }

/* Datenschutz: Kurzfassung */
.ds-vorweg { background: var(--weiss); border: 1px solid var(--linie); border-left: 6px solid var(--ziegel); border-radius: 0 16px 16px 0; padding: var(--s3); margin-bottom: var(--s4); }
.text .ds-vorweg h2 { margin-top: 0; font-size: 1.125rem; font-family: var(--text); letter-spacing: 0.1em; text-transform: uppercase; color: var(--ziegel-tief); }
.ds-vorweg ul { margin: 0; }

/* Video: Direktlink */
.video__direkt { white-space: nowrap; }
@media (max-width: 379px) {
	.menue-knopf__text { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
	.menue-knopf { padding: 0 13px; }
}