/**
 * Seiten aus den freigegebenen Entwürfen (Startseite, Produktseite, Leitseite, Landingpage): Rahmen, Umschaltung der
 * Fassungen und die Zustände aus den Entwürfen.
 * ERZEUGT von design/b2/theme_export.py (Rahmen: design/b2/theme_export_rahmen.css) – nicht von Hand ändern.
 */

.mks-start {
	position: relative;
	container: mks-start / inline-size;
	background: #0E1A24;
	color: #F3EEE2;
	font-family: 'Atkinson Hyperlegible Next', 'Atkinson Hyperlegible', system-ui, sans-serif;
	overflow-x: clip;
}

.mks-fassung--desktop {
	font-size: 17px;
	line-height: 1.55;
}

.mks-fassung--handy {
	font-size: 16px;
	line-height: 1.5;
}

@container mks-start (max-width: 759.98px) {
	.mks-fassung--desktop {
		display: none !important;
	}
}

@container mks-start (min-width: 760px) {
	.mks-fassung--handy {
		display: none !important;
	}
}

.mks-abschnitt {
	scroll-margin-top: calc(var(--mks-kopf-hoehe, 76px) + var(--wp-admin--admin-bar--height, 0px) + 16px);
}

/* Verweise auf Seiten, die es (noch) nicht gibt: Theme::link_targets() nimmt das href – dann Text ohne Linkzeichen */
.mks-start a:not([href]),
.mks-start a:not([href]) * {
	text-decoration: none !important;
}

.mks-start a:not([href]) {
	pointer-events: none;
}

.mks-start a:not([href]) [data-pfeil] {
	display: none !important;
}

/* „Seite folgt“ nur, solange es die Seite nicht gibt */
.mks-start a[href] + .mks-seite-folgt,
.mks-start a[href] .mks-seite-folgt {
	display: none !important;
}

/* Formular aus mks-core im Formularbogen (Gestaltung wie die Attrappe der Entwürfe) */
.mks-formular .mks-newsletter__label {
	display: block;
	font-size: 16px;
	line-height: 22px;
	font-weight: 600;
	color: #121D27;
}

.mks-formular .mks-newsletter__row {
	display: block;
}

.mks-formular .mks-newsletter__input {
	display: block;
	box-sizing: border-box;
	width: 100%;
	height: 56px;
	margin: 8px 0 0;
	padding: 0 16px;
	border: 1px solid #47535C;
	border-radius: 3px;
	background: #FFFFFF;
	color: #121D27;
	font-family: inherit;
	font-size: 18px;
}

.mks-formular .mks-newsletter__input:hover {
	border-color: #121D27;
}

.mks-formular .mks-newsletter__input::placeholder {
	color: #47535C;
	opacity: 1;
}

.mks-formular .mks-newsletter__button {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 56px;
	margin: 12px 0 0;
	padding: 0 24px;
	border: 0;
	border-radius: 3px;
	background: #121D27;
	color: #F3EEE2;
	font-family: inherit;
	font-size: 17px;
	font-weight: 700;
	letter-spacing: .01em;
	cursor: pointer;
	transition: background-color 150ms;
}

.mks-formular .mks-newsletter__button:hover {
	background: #22313D;
}

.mks-formular .mks-newsletter__button:active {
	background: #0B141C;
}

.mks-formular .mks-newsletter__consent {
	margin: 16px 0 0;
	font-size: 14px;
	line-height: 21px;
	color: #47535C;
}

.mks-formular .mks-newsletter__consent a {
	display: inline-block;
	padding: 12px 0;
	margin: -12px 0;
	color: #121D27;
}

.mks-fassung--handy .mks-formular .mks-newsletter__button {
	padding: 0 20px;
}

.mks-formular .mks-newsletter__message {
	margin: 12px 0 0;
	font-weight: 700;
	color: #121D27;
}

.mks-formular .mks-newsletter__message:empty {
	display: none;
}

.mks-formular :focus-visible {
	outline: 2px solid #121D27;
	outline-offset: 3px;
}

/* Zwei-Klick-Video */
.mks-video-player {
	display: block;
	width: 100%;
	aspect-ratio: 16 / 9;
	border: 0;
	background: #0E1A24;
}

/* Zustände der Desktop-Fassungen (HELMET der Generatoren) */
.mks-fassung--desktop a{color:#121D27;text-decoration-color:#7A5B1F;text-decoration-thickness:1px;text-underline-offset:.28em}
.mks-fassung--desktop a:hover{color:#7A5B1F;text-decoration-thickness:2px}
.mks-fassung--desktop [data-ton="nacht"] a,.mks-fassung--desktop[data-ton="nacht"] a{color:#F3EEE2;text-decoration-color:#7D7553}
.mks-fassung--desktop [data-ton="nacht"] a[data-leise],.mks-fassung--desktop[data-ton="nacht"] a[data-leise]{color:#B3BEC2}
.mks-fassung--desktop [data-ton="nacht"] a:hover,.mks-fassung--desktop[data-ton="nacht"] a:hover{color:#E2CB8C;text-decoration-color:#D8BF7A}
.mks-fassung--desktop [data-ton="nacht"] a[data-nav]:hover,.mks-fassung--desktop[data-ton="nacht"] a[data-nav]:hover{color:#F3EEE2;text-decoration:underline;text-decoration-color:#D8BF7A;text-decoration-thickness:1px;text-underline-offset:8px}
.mks-fassung--desktop a[data-knopf="kauf"]:hover{background:#EBCB80!important}
.mks-fassung--desktop a[data-knopf="kauf"]:active{background:#CDA44B!important;box-shadow:inset 0 2px 0 rgba(70,48,8,.35)!important;transform:translateY(1px)}
.mks-fassung--desktop a[data-knopf="kauf"]:hover [data-pfeil],.mks-fassung--desktop a[data-pfeil-link]:hover [data-pfeil]{transform:translateX(3px)}
.mks-fassung--desktop [data-knopf="kontur"]:hover,.mks-fassung--desktop[data-knopf="kontur"]:hover{background:#16252F!important;border-color:#E2CB8C!important;color:#E2CB8C!important}
.mks-fassung--desktop [data-knopf="dunkel"]:hover,.mks-fassung--desktop[data-knopf="dunkel"]:hover{background:#22313D!important}
.mks-fassung--desktop [data-knopf="dunkel"]:active,.mks-fassung--desktop[data-knopf="dunkel"]:active{background:#0B141C!important}
.mks-fassung--desktop [data-icon]:hover,.mks-fassung--desktop[data-icon]:hover{background:#16252F!important}
.mks-fassung--desktop :focus-visible,.mks-fassung--desktop:focus-visible{outline:2px solid #121D27;outline-offset:3px}
.mks-fassung--desktop [data-ton="nacht"] :focus-visible,.mks-fassung--desktop[data-ton="nacht"] :focus-visible{outline-color:#F3EEE2}
.mks-fassung--desktop [data-sprung],.mks-fassung--desktop[data-sprung]{position:absolute;left:16px;top:-120px;z-index:50;padding:12px 18px;background:#F3EEE2;color:#08111A;font:700 16px 'Atkinson Hyperlegible Next',system-ui,sans-serif}
.mks-fassung--desktop [data-sprung]:focus,.mks-fassung--desktop[data-sprung]:focus{top:12px}
.mks-fassung--desktop [data-sprung]:focus-visible,.mks-fassung--desktop[data-sprung]:focus-visible{outline-color:#F3EEE2}
.mks-fassung--desktop summary{list-style:none;cursor:pointer}
.mks-fassung--desktop summary::-webkit-details-marker{display:none}
.mks-fassung--desktop details[open]>summary [data-plus]{transform:rotate(45deg)}
.mks-fassung--desktop summary:hover [data-frage]{text-decoration:underline;text-decoration-color:#7A5B1F;text-decoration-thickness:1px;text-underline-offset:.28em}
.mks-fassung--desktop input::placeholder{color:#47535C;opacity:1}
.mks-fassung--desktop input[type="email"]:hover{border-color:#121D27!important}
.mks-fassung--desktop input[data-rete-stopp]:checked{background:repeating-linear-gradient(135deg,#D8BF7A 0 1px,transparent 1px 4px)!important}
.mks-fassung--desktop [data-lehrplan]:has([data-rete-stopp]:checked) [data-rete],.mks-fassung--desktop[data-lehrplan]:has([data-rete-stopp]:checked) [data-rete]{animation-play-state:paused!important}
@keyframes mk-rete{to{transform:rotate(360deg)}}
@container (max-width:999.98px){.mks-fassung--desktop [data-ab="1000"],.mks-fassung--desktop[data-ab="1000"]{display:none!important}}
@container (min-width:1000px){.mks-fassung--desktop [data-bis="1000"],.mks-fassung--desktop[data-bis="1000"]{display:none!important}.mks-fassung--desktop [data-raster],.mks-fassung--desktop[data-raster]{display:grid!important}}
@container (max-width:759.98px){.mks-fassung--desktop [data-rete],.mks-fassung--desktop[data-rete]{animation:none!important}.mks-fassung--desktop [data-rete-schalter],.mks-fassung--desktop[data-rete-schalter]{display:none!important}}
@media (prefers-reduced-motion:reduce){.mks-fassung--desktop [data-rete],.mks-fassung--desktop[data-rete]{animation:none!important}.mks-fassung--desktop *{transition:none!important}}
.mks-fassung--desktop [data-ton="nacht"] [data-ton="papier"] a,.mks-fassung--desktop[data-ton="nacht"] [data-ton="papier"] a{color:#121D27;text-decoration-color:#7A5B1F}
.mks-fassung--desktop [data-ton="nacht"] [data-ton="papier"] a:hover,.mks-fassung--desktop[data-ton="nacht"] [data-ton="papier"] a:hover{color:#7A5B1F;text-decoration-color:#7A5B1F}
.mks-fassung--desktop [data-ton="nacht"] [data-ton="papier"] :focus-visible,.mks-fassung--desktop[data-ton="nacht"] [data-ton="papier"] :focus-visible{outline-color:#121D27}
.mks-fassung--desktop input[type="email"]:focus-visible{border-color:#121D27!important;outline-offset:2px}
@container (max-width:479.98px){.mks-fassung--desktop [data-ab="480"],.mks-fassung--desktop[data-ab="480"]{display:none!important}}
@container (max-width:359.98px){.mks-fassung--desktop [data-ab="360"],.mks-fassung--desktop[data-ab="360"]{display:none!important}}

/* Zustände der Handy-Fassungen */
html{scroll-padding-bottom:88px}
.mks-fassung--handy a{color:#121D27;text-decoration-color:#7A5B1F;text-decoration-thickness:1px;text-underline-offset:.28em}
.mks-fassung--handy a:hover{color:#7A5B1F;text-decoration-thickness:2px}
.mks-fassung--handy [data-ton="nacht"] a,.mks-fassung--handy[data-ton="nacht"] a{color:#F3EEE2;text-decoration-color:#7D7553}
.mks-fassung--handy [data-ton="nacht"] a[data-leise],.mks-fassung--handy[data-ton="nacht"] a[data-leise]{color:#B3BEC2}
.mks-fassung--handy [data-ton="nacht"] a:hover,.mks-fassung--handy[data-ton="nacht"] a:hover{color:#E2CB8C;text-decoration-color:#D8BF7A}
.mks-fassung--handy a[data-knopf="kauf"]:hover{background:#EBCB80!important}
.mks-fassung--handy a[data-knopf="kauf"]:active{background:#CDA44B!important;box-shadow:inset 0 2px 0 rgba(70,48,8,.35)!important;transform:translateY(1px)}
.mks-fassung--handy a[data-knopf="kauf"]:hover [data-pfeil],.mks-fassung--handy a[data-pfeil-link]:hover [data-pfeil]{transform:translateX(3px)}
.mks-fassung--handy [data-knopf="kontur"]:hover,.mks-fassung--handy[data-knopf="kontur"]:hover{background:#16252F!important;border-color:#E2CB8C!important;color:#E2CB8C!important}
.mks-fassung--handy [data-knopf="dunkel"]:hover,.mks-fassung--handy[data-knopf="dunkel"]:hover{background:#22313D!important}
.mks-fassung--handy [data-knopf="dunkel"]:active,.mks-fassung--handy[data-knopf="dunkel"]:active{background:#0B141C!important}
.mks-fassung--handy [data-icon]:hover,.mks-fassung--handy[data-icon]:hover{background:#16252F!important}
.mks-fassung--handy :focus-visible,.mks-fassung--handy:focus-visible{outline:2px solid #121D27;outline-offset:3px}
.mks-fassung--handy [data-ton="nacht"] :focus-visible,.mks-fassung--handy[data-ton="nacht"] :focus-visible{outline-color:#F3EEE2}
.mks-fassung--handy [data-sprung],.mks-fassung--handy[data-sprung]{position:absolute;left:16px;top:-120px;z-index:50;padding:12px 18px;background:#F3EEE2;color:#08111A;font:700 16px 'Atkinson Hyperlegible Next',system-ui,sans-serif}
.mks-fassung--handy [data-sprung]:focus,.mks-fassung--handy[data-sprung]:focus{top:12px}
.mks-fassung--handy [data-sprung]:focus-visible,.mks-fassung--handy[data-sprung]:focus-visible{outline-color:#F3EEE2}
.mks-fassung--handy summary{list-style:none;cursor:pointer;-webkit-tap-highlight-color:transparent}
.mks-fassung--handy summary::-webkit-details-marker{display:none}
.mks-fassung--handy details[open]>summary [data-plus]{transform:rotate(45deg)}
.mks-fassung--handy details[open]>summary [data-zu]{display:none!important}
.mks-fassung--handy details:not([open])>summary [data-auf]{display:none!important}
.mks-fassung--handy summary:hover [data-frage]{text-decoration:underline;text-decoration-color:#7A5B1F;text-decoration-thickness:1px;text-underline-offset:.28em}
.mks-fassung--handy input::placeholder{color:#47535C;opacity:1}
.mks-fassung--handy input[type="email"]:hover{border-color:#121D27!important}
@media (prefers-reduced-motion:reduce){.mks-fassung--handy *{transition:none!important}}
.mks-fassung--handy [data-ton="nacht"] [data-ton="papier"] a,.mks-fassung--handy[data-ton="nacht"] [data-ton="papier"] a{color:#121D27;text-decoration-color:#7A5B1F}
.mks-fassung--handy [data-ton="nacht"] [data-ton="papier"] a:hover,.mks-fassung--handy[data-ton="nacht"] [data-ton="papier"] a:hover{color:#7A5B1F;text-decoration-color:#7A5B1F}
.mks-fassung--handy [data-ton="nacht"] [data-ton="papier"] :focus-visible,.mks-fassung--handy[data-ton="nacht"] [data-ton="papier"] :focus-visible{outline-color:#121D27}
.mks-fassung--handy input[type="email"]:focus-visible{border-color:#121D27!important;outline-offset:2px}
@container (max-width:349.98px){.mks-fassung--handy [data-ab="350"],.mks-fassung--handy[data-ab="350"]{display:none!important}}