/* SCHWENK – Was-drinsteckt-Check 1.0. Eckig, ohne Schatten, Farben und Schriften wie die Website. */
.sk-check { background: #16191C; color: #D5D8D9; padding: 112px 0; font-family: 'Inter', sans-serif; }
.sk-check__in { max-width: 1360px; margin: 0 auto; padding: 0 40px; }
.sk-check .or { color: #FF6B1F; }
.sk-check .anker { display: inline-block; width: 0; height: 0; vertical-align: baseline; }
.sk-check__label { font: 500 13px/1.3 'IBM Plex Mono', monospace; letter-spacing: .12em; text-transform: uppercase; color: #B3B9BC; }
.sk-check__titel { font-family: 'Archivo Condensed', sans-serif; font-weight: 900; text-transform: uppercase; color: #ECEBE6;
  font-size: 124px; line-height: .88; margin: 20px 0 30px; max-width: 1100px; }
.sk-check__lead { max-width: 720px; font-size: 21px; line-height: 1.6; color: #ECEBE6; margin: 0 0 44px; }
.sk-check__unsichtbar { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.sk-check__feld { display: flex; max-width: 860px; border: 2px solid #ECEBE6; margin: 0; }
.sk-check__feld:focus-within { border-color: #FF6B1F; }
.sk-check__feld input { flex: 1; min-width: 0; background: transparent; border: 0; border-radius: 0; color: #ECEBE6; font: 400 24px/1 'Inter', sans-serif; padding: 22px 24px; }
.sk-check__feld input::placeholder { color: #7d8488; }
.sk-check__feld input:focus { outline: none; }
.sk-check__btn { display: inline-block; font: 600 17px/1 'Inter', sans-serif; padding: 20px 32px; background: #FF6B1F; color: #16191C; text-decoration: none; border: 0; border-radius: 0; cursor: pointer; }
.sk-check__btn:hover { background: #ECEBE6; color: #16191C; }
.sk-check__btn:disabled { opacity: .5; cursor: wait; }
.sk-check__btn--rahmen { background: transparent; color: #ECEBE6; border: 1.5px solid #ECEBE6; }
.sk-check__btn:focus-visible, .sk-check a:focus-visible { outline: 2px solid #FF6B1F; outline-offset: 2px; }
.sk-check__klein { font-size: 14px; line-height: 1.6; color: #B3B9BC; margin: 18px 0 0; max-width: 760px; }
.sk-check__klein a, .sk-check__ok a { color: #C8CCCE; }

.sk-check__lauf { display: none; grid-template-columns: 200px 1fr; gap: 48px; margin-top: 64px; align-items: start; }
.sk-check__lauf.an { display: grid; }
.sk-check__figur, .sk-check__figur svg { width: 200px; height: 200px; overflow: visible; }
.sk-check__protokoll { font: 400 15px/1.75 'IBM Plex Mono', monospace; color: #C8CCCE; min-height: 210px; }
.sk-check__protokoll div { opacity: 0; transform: translateY(6px); transition: opacity .3s, transform .3s; }
.sk-check__protokoll div.da { opacity: 1; transform: none; }
.sk-check__protokoll b { color: #FF6B1F; font-weight: 500; }
.sk-check__protokoll .fehler { color: #ECEBE6; border-left: 3px solid #FF6B1F; padding-left: 12px; margin-top: 10px; font-family: 'Inter', sans-serif; font-size: 17px; }
.sk-check__protokoll .fehler a { color: #FF6B1F; }
.sk-check__balken { height: 4px; background: #2E3437; margin-top: 18px; }
.sk-check__balken i { display: block; height: 100%; width: 0; background: #FF6B1F; transition: width .4s linear; }

.sk-check__ergebnis { display: none; margin-top: 72px; }
.sk-check__ergebnis.an { display: block; }
.sk-check__kopfzeile { display: flex; justify-content: space-between; gap: 20px; flex-wrap: wrap; align-items: baseline; border-bottom: 2px solid #FF6B1F; padding-bottom: 16px; }
.sk-check__befunde { counter-reset: b; }
.sk-check__befund { display: grid; grid-template-columns: 90px 1fr; gap: 28px; padding: 40px 0; border-bottom: 1px solid #2E3437; opacity: 0; transform: translateY(14px); transition: opacity .6s, transform .6s; }
.sk-check__befund.da { opacity: 1; transform: none; }
.sk-check__befund::before { counter-increment: b; content: "0" counter(b); font: 900 64px/.9 'Archivo Condensed', sans-serif; color: #FF6B1F; }
.sk-check__satz { font: 400 27px/1.42 'Inter', sans-serif; color: #ECEBE6; margin: 0 0 14px; max-width: 860px; }
.sk-check__satz strong { font-weight: 600; color: #fff; }
/* 1.1: Empfehlung – orange abgesetzt, damit man auf einen Blick sieht, was zu tun ist */
.sk-check__empf { display: flex; flex-direction: column; gap: 6px; margin: 0 0 14px; padding: 4px 0 4px 18px; border-left: 3px solid #FF6B1F; max-width: 860px;
  font: 600 22px/1.4 'Inter', sans-serif; color: #FF6B1F; }
.sk-check__empf-label { font: 500 12px/1 'IBM Plex Mono', monospace; letter-spacing: .12em; text-transform: uppercase; color: #FF6B1F; }
.sk-check a.sk-check__hebel { display: inline-block; margin: 0 0 14px 21px; font: 500 13px/1.4 'IBM Plex Mono', monospace; letter-spacing: .08em; text-transform: uppercase;
  color: #ECEBE6 !important; text-decoration: none !important; border-bottom: 1px solid #FF6B1F; }
.sk-check a.sk-check__hebel:hover { color: #FF6B1F !important; }
.sk-check__fund { font: 400 13px/1.5 'IBM Plex Mono', monospace; color: #B3B9BC; letter-spacing: .03em; margin: 0; }
.sk-check__fund::before { content: "Fundstelle  "; color: #FF6B1F; }
.sk-check__ki { font: 400 12.5px 'IBM Plex Mono', monospace; color: #B3B9BC; letter-spacing: .04em; margin: 16px 0 0; }
.sk-check__frage { margin-top: 56px; display: grid; grid-template-columns: 1fr auto; gap: 40px; align-items: end; }
.sk-check__titel--frage { font-size: 104px; line-height: .86; margin: 0; }
.sk-check__knoepfe { display: flex; gap: 12px; flex-wrap: wrap; justify-content: flex-end; }
.sk-check__mail { margin: 28px 0 0 auto; max-width: 760px; }
.sk-check__mail[hidden] { display: none; }
.sk-check__ok { display: block; margin-top: 12px; font-size: 14px; line-height: 1.5; color: #C8CCCE; }
.sk-check__hinweis { border-left: 3px solid #FF6B1F; padding: 10px 16px; background: #1E2225; color: #ECEBE6; font-size: 16px; margin-top: 24px; }
.sk-check__hinweis[hidden] { display: none; }

@media (max-width: 900px) {
  .sk-check { padding: 72px 0; }
  .sk-check__in { padding: 0 16px; }
  .sk-check__titel { font-size: 58px; }
  .sk-check__feld { flex-direction: column; }
  .sk-check__feld input { font-size: 19px; }
  .sk-check__lauf { grid-template-columns: 1fr; gap: 16px; }
  .sk-check__figur, .sk-check__figur svg { width: 120px; height: 120px; }
  .sk-check__befund { grid-template-columns: 1fr; gap: 6px; }
  .sk-check__befund::before { font-size: 44px; }
  .sk-check__satz { font-size: 20px; }
  .sk-check__empf { font-size: 18px; padding-left: 14px; }
  .sk-check a.sk-check__hebel { margin-left: 17px; }
  .sk-check__frage { grid-template-columns: 1fr; }
  .sk-check__titel--frage { font-size: 56px; }
  .sk-check__knoepfe { justify-content: flex-start; }
}
@media (prefers-reduced-motion: reduce) { .sk-check__protokoll div, .sk-check__befund, .sk-check__balken i { transition: none; } }

/* ---------- 1.0.8: Band auf der Seite ---------- */
.sk-check-band { background: #1E2225; color: #D5D8D9; border-top: 1px solid #2E3437; border-bottom: 1px solid #2E3437; padding: 64px 0; font-family: 'Inter', sans-serif; }
.sk-check-band .or { color: #FF6B1F; }
.sk-check-band .anker { display: inline-block; width: 0; height: 0; vertical-align: baseline; }
.sk-check-band__in { max-width: 1360px; margin: 0 auto; padding: 0 40px; display: flex; gap: 48px; align-items: flex-end; justify-content: space-between; }
.sk-check-band__titel { font-family: 'Archivo Condensed', sans-serif; font-weight: 900; text-transform: uppercase; color: #ECEBE6; font-size: 64px; line-height: .9; margin: 14px 0 16px; }
.sk-check-band__text p { margin: 0; max-width: 640px; font-size: 18px; line-height: 1.6; color: #C8CCCE; }
.sk-check-band__btn { flex: none; }
@media (max-width: 900px) {
  .sk-check-band { padding: 48px 0; }
  .sk-check-band__in { padding: 0 16px; flex-direction: column; align-items: flex-start; gap: 24px; }
  .sk-check-band__titel { font-size: 40px; }
  .sk-check-band__text { min-width: 0; max-width: 100%; }
}

/* ---------- 1.0.8: Ebene ---------- */
.sk-check-ebene { position: fixed; inset: 0; z-index: 2147483000; }   /* über allem, auch über dem Falte-Knopf */
.sk-check-ebene[hidden] { display: none; }
.sk-check-ebene__grund { position: absolute; inset: 0; background: rgba(10, 12, 14, .84); }
.sk-check-ebene__fenster { position: absolute; inset: 32px; max-width: 1180px; margin: 0 auto; overflow: auto; overscroll-behavior: contain;
  background: #16191C; border-top: 4px solid #FF6B1F; }
.sk-check-ebene__zu { position: sticky; top: 0; float: right; z-index: 2; margin: 0; width: 56px; height: 56px; border: 0 !important; border-radius: 0 !important;
  background: #16191C !important; color: #ECEBE6 !important; font: 400 24px/1 'Inter', sans-serif; cursor: pointer; padding: 0 !important; box-shadow: none !important; }
.sk-check-ebene__zu:hover { color: #FF6B1F !important; }
.sk-check-ebene__zu:focus-visible { outline: 2px solid #FF6B1F; outline-offset: -4px; }
.sk-check--ebene { padding: 56px 0 72px; }
.sk-check--ebene .sk-check__in { padding: 0 56px; }
.sk-check--ebene .sk-check__titel { font-size: 88px; margin-top: 14px; }
.sk-check--ebene .sk-check__titel--frage { font-size: 72px; }
html.sk-check-offen { overflow: hidden; }
@media (max-width: 900px) {
  .sk-check-ebene__fenster { inset: 0; border-top-width: 3px; }
  .sk-check--ebene { padding: 24px 0 48px; }
  .sk-check--ebene .sk-check__in { padding: 0 16px; }
  .sk-check--ebene .sk-check__titel { font-size: 38px; overflow-wrap: anywhere; hyphens: auto; }
  .sk-check--ebene .sk-check__titel--frage { font-size: 48px; }
}

/* Gegen Link- und Knopffarben der Website: Knöpfe des Checks behalten ihre Farben */
.sk-check a.sk-check__btn, .sk-check-band a.sk-check__btn, .sk-check button.sk-check__btn {
  background: #FF6B1F !important; color: #16191C !important; border: 0 !important; border-radius: 0 !important; text-decoration: none !important; }
.sk-check a.sk-check__btn:hover, .sk-check-band a.sk-check__btn:hover, .sk-check button.sk-check__btn:hover { background: #ECEBE6 !important; color: #16191C !important; }
.sk-check .sk-check__btn--rahmen, .sk-check .sk-check__btn--rahmen:hover { background: transparent !important; color: #ECEBE6 !important; border: 1.5px solid #ECEBE6 !important; }
.sk-check .sk-check__btn--rahmen:hover { border-color: #FF6B1F !important; color: #FF6B1F !important; }
.sk-check-band__label { white-space: nowrap; }
.sk-check__weniger { margin: 20px 0 0; font-size: 17px; color: #C8CCCE; border-left: 3px solid #FF6B1F; padding-left: 14px; }
.sk-check__weniger[hidden] { display: none; }

/* 1.0.11: Leuchten der Falte wie in den Falte-Illustrationen */
.sk-check__figur svg polygon { filter: drop-shadow(0 0 5px rgba(255, 107, 31, .45)); }
/* 1.0.12: auf dem Handy darf die Beschriftung umbrechen, sonst wird die Seite seitlich wischbar */
@media (max-width: 900px) { .sk-check-band__label { white-space: normal; } }