/* HDM Website-Check · 3.4.0
   Eingabe, Analyse-Animation, Tacho, Ampeln, Bericht. Reveal-Klassen aus hdm-kartenraster.js. */
.hdm-ck{--ck-akzent:#0A55F0;--ck-akzent2:#2EA7FF;--ck-grund:#ffffff;--ck-text:#06162F;--ck-mute:rgba(6,22,47,.62);--ck-karte:#ffffff;--ck-rand:rgba(6,22,47,.09);--ck-gruen:#1a9a55;--ck-gelb:#e3a008;--ck-rot:#d93b3b;--ck-pad-y:96px;position:relative;background:var(--ck-grund);color:var(--ck-text);padding:var(--ck-pad-y) 24px;overflow:hidden;font-family:inherit}
.hdm-ck--dunkel{--ck-grund:#06162F;--ck-text:#ffffff;--ck-mute:rgba(255,255,255,.68);--ck-karte:#0c1f40;--ck-rand:rgba(255,255,255,.12)}
.hdm-ck__wrap{max-width:1100px;margin:0 auto}
.hdm-ck .hdm-kr__el{opacity:0;transform:translateY(20px);transition:opacity .7s cubic-bezier(.2,.7,.2,1) var(--kr-d,0ms),transform .7s cubic-bezier(.2,.7,.2,1) var(--kr-d,0ms)}
.hdm-ck.is-in .hdm-kr__el{opacity:1;transform:none}
.hdm-ck__eyebrow{display:flex;align-items:center;gap:12px;margin:0 0 14px;font-size:.78rem;letter-spacing:.18em;text-transform:uppercase;font-weight:700;color:var(--ck-akzent)}
.hdm-ck__eyebrow span{width:26px;height:2px;background:var(--ck-akzent);border-radius:2px}
.hdm-ck .hdm-ck__titel.hdm-ck__titel{margin:0;font-size:clamp(2rem,4.4vw,3.4rem);line-height:1.05;letter-spacing:-.02em;font-weight:700;color:var(--ck-text)!important}
.hdm-ck__titel em{font-style:normal;color:var(--ck-akzent)}
.hdm-ck__lead{margin:16px 0 0;font-size:1.1rem;line-height:1.6;color:var(--ck-mute);max-width:680px}
.hdm-ck__kopf{max-width:760px;margin:0 auto 36px;text-align:center}
.hdm-ck__kopf .hdm-ck__eyebrow{justify-content:center}.hdm-ck__kopf .hdm-ck__lead{margin-left:auto;margin-right:auto}
.hdm-ck__karte{background:var(--ck-karte);border:1px solid var(--ck-rand);border-radius:26px;padding:28px;box-shadow:0 30px 60px -40px rgba(6,22,47,.35)}
.hdm-ck__form{max-width:820px;margin:0 auto}
.hdm-ck__hp{position:absolute!important;left:-9999px!important;opacity:0}
.hdm-ck__zeile{display:flex;gap:12px;align-items:stretch}
.hdm-ck__feld{flex:1;display:flex;align-items:center;gap:0;background:rgba(6,22,47,.04);border:1.5px solid var(--ck-rand);border-radius:999px;padding:0 6px 0 18px;transition:border-color .2s,box-shadow .2s}
.hdm-ck--dunkel .hdm-ck__feld{background:rgba(255,255,255,.06)}
.hdm-ck__feld:focus-within{border-color:var(--ck-akzent);box-shadow:0 0 0 4px rgba(10,85,240,.12)}
.hdm-ck__proto{font-size:.9rem;color:var(--ck-mute);padding-right:4px;user-select:none}
.hdm-ck__feld input{flex:1;min-width:0;border:0;background:transparent;font:inherit;font-size:1.05rem;padding:15px 8px;color:var(--ck-text);outline:none}
.hdm-ck__feld input::placeholder{color:var(--ck-mute);opacity:.7}
.hdm-ck .hdm-ck__knopf.hdm-ck__knopf{display:inline-flex;align-items:center;gap:10px;padding:0 24px;min-height:54px;border-radius:999px;border:0;background:var(--ck-akzent)!important;color:#fff!important;font:inherit;font-weight:700;cursor:pointer;white-space:nowrap;transition:transform .25s,box-shadow .25s,background .25s}
.hdm-ck .hdm-ck__knopf.hdm-ck__knopf:hover{transform:translateY(-2px);box-shadow:0 18px 34px -16px var(--ck-akzent);background:var(--ck-akzent)!important;color:#fff!important}
.hdm-ck__knopf svg{width:18px;height:18px}
.hdm-ck__hinweis{margin:12px 4px 0;font-size:.82rem;color:var(--ck-mute)}
.hdm-ck__fehler{margin:12px 0 0;padding:12px 16px;border-radius:14px;background:rgba(217,59,59,.08);color:#b32d2e;font-size:.92rem}
.hdm-ck--dunkel .hdm-ck__fehler{color:#ff9d9d}
/* Fragebogen */
.hdm-ck__fragen{display:grid;grid-template-columns:1fr 1fr;gap:16px 20px;margin:0 0 22px}
.hdm-ck__frage--breit{grid-column:1/-1}
.hdm-ck__frage label,.hdm-ck__label{display:flex;flex-direction:column;gap:7px;font-size:.86rem;font-weight:700;color:var(--ck-text)}
.hdm-ck__frage input[type=text],.hdm-ck__frage select,.hdm-ck__zwei input{width:100%;border:1.5px solid var(--ck-rand);border-radius:14px;background:rgba(6,22,47,.03);padding:12px 14px;font:inherit;font-size:.98rem;font-weight:400;color:var(--ck-text);outline:none;transition:border-color .2s}
.hdm-ck--dunkel .hdm-ck__frage input,.hdm-ck--dunkel .hdm-ck__frage select,.hdm-ck--dunkel .hdm-ck__zwei input{background:rgba(255,255,255,.06)}
.hdm-ck__frage input:focus,.hdm-ck__frage select:focus,.hdm-ck__zwei input:focus{border-color:var(--ck-akzent)}
.hdm-ck__chips{display:flex;flex-wrap:wrap;gap:8px}
.hdm-ck__chips label{position:relative;display:inline-flex}
.hdm-ck__chips input{position:absolute;opacity:0;pointer-events:none}
.hdm-ck__chips span{padding:9px 14px;border-radius:999px;border:1.5px solid var(--ck-rand);font-size:.88rem;font-weight:600;cursor:pointer;transition:all .2s}
.hdm-ck__chips input:checked+span{background:var(--ck-akzent);border-color:var(--ck-akzent);color:#fff}
.hdm-ck__zwei{display:grid;grid-template-columns:1fr 1fr;gap:12px}
/* Lauf */
.hdm-ck__lauf{max-width:640px;margin:0 auto;text-align:center}
.hdm-ck__lauf-ring{width:74px;height:74px;margin:0 auto 14px;border-radius:50%;border:4px solid rgba(10,85,240,.15);border-top-color:var(--ck-akzent);animation:hdmckdreh 1s linear infinite}
@keyframes hdmckdreh{to{transform:rotate(360deg)}}
.hdm-ck__lauf-url{margin:0 0 18px;font-weight:700;word-break:break-all}
.hdm-ck__lauf-schritte{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px;text-align:left;max-width:420px;margin:0 auto}
.hdm-ck__lauf-schritte li{position:relative;padding-left:30px;color:var(--ck-mute);font-size:.95rem;transition:color .3s}
.hdm-ck__lauf-schritte li::before{content:"";position:absolute;left:0;top:3px;width:18px;height:18px;border-radius:50%;border:2px solid var(--ck-rand)}
.hdm-ck__lauf-schritte li.is-aktiv{color:var(--ck-text)}.hdm-ck__lauf-schritte li.is-aktiv::before{border-color:var(--ck-akzent);border-top-color:transparent;animation:hdmckdreh .9s linear infinite}
.hdm-ck__lauf-schritte li.is-fertig{color:var(--ck-text)}.hdm-ck__lauf-schritte li.is-fertig::before{border-color:var(--ck-gruen);background:var(--ck-gruen) center/10px no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5L20 7'/%3E%3C/svg%3E")}
/* Ergebnis */
.hdm-ck__kopf2{display:flex;justify-content:space-between;align-items:center;gap:32px;margin:0 0 28px}
.hdm-ck .hdm-ck__erg-url.hdm-ck__erg-url{margin:0;font-size:clamp(1.3rem,2.4vw,1.9rem);font-weight:700;letter-spacing:-.01em;word-break:break-all;color:var(--ck-text)!important}
.hdm-ck__erg-meta{margin:8px 0 0;color:var(--ck-mute);font-size:.95rem}
.hdm-ck__tacho{position:relative;width:150px;height:150px;flex-shrink:0}
.hdm-ck__tacho svg{width:100%;height:100%;transform:rotate(-90deg)}
.hdm-ck__tacho-bg{fill:none;stroke:var(--ck-rand);stroke-width:10}
.hdm-ck__tacho-wert{fill:none;stroke:var(--ck-akzent);stroke-width:10;stroke-linecap:round;stroke-dasharray:326.7;stroke-dashoffset:326.7;transition:stroke-dashoffset 1.4s cubic-bezier(.2,.7,.2,1),stroke .4s}
.hdm-ck__tacho.is-gruen .hdm-ck__tacho-wert{stroke:var(--ck-gruen)}.hdm-ck__tacho.is-gelb .hdm-ck__tacho-wert{stroke:var(--ck-gelb)}.hdm-ck__tacho.is-rot .hdm-ck__tacho-wert{stroke:var(--ck-rot)}
.hdm-ck__tacho-zahl{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1}
.hdm-ck__tacho-zahl b{font-size:2.4rem;font-weight:800;letter-spacing:-.03em}.hdm-ck__tacho-zahl small{font-size:.7rem;color:var(--ck-mute);margin-top:4px;letter-spacing:.08em;text-transform:uppercase}
.hdm-ck__ampeln{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.hdm-ck__amp{background:var(--ck-karte);border:1px solid var(--ck-rand);border-radius:20px;padding:20px 20px 16px;opacity:0;transform:translateY(14px);animation:hdmckrein .6s cubic-bezier(.2,.7,.2,1) forwards;animation-delay:var(--d,0ms)}
@keyframes hdmckrein{to{opacity:1;transform:none}}
.hdm-ck__amp-kopf{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 12px}
.hdm-ck__amp-kopf b{font-size:1.02rem;font-weight:700}
.hdm-ck__licht{display:inline-flex;gap:5px;padding:5px 7px;border-radius:999px;background:rgba(6,22,47,.06)}
.hdm-ck--dunkel .hdm-ck__licht{background:rgba(255,255,255,.08)}
.hdm-ck__licht i{width:12px;height:12px;border-radius:50%;background:rgba(6,22,47,.14);transition:background .3s,box-shadow .3s}
.hdm-ck__licht.is-rot i:nth-child(1){background:var(--ck-rot);box-shadow:0 0 10px var(--ck-rot)}
.hdm-ck__licht.is-gelb i:nth-child(2){background:var(--ck-gelb);box-shadow:0 0 10px var(--ck-gelb)}
.hdm-ck__licht.is-gruen i:nth-child(3){background:var(--ck-gruen);box-shadow:0 0 10px var(--ck-gruen)}
.hdm-ck__balken{height:6px;border-radius:99px;background:rgba(6,22,47,.08);overflow:hidden;margin:0 0 12px}
.hdm-ck--dunkel .hdm-ck__balken{background:rgba(255,255,255,.1)}
.hdm-ck__balken i{display:block;height:100%;width:0;border-radius:99px;background:var(--ck-akzent);transition:width 1.2s cubic-bezier(.2,.7,.2,1)}
.hdm-ck__amp.is-gruen .hdm-ck__balken i{background:var(--ck-gruen)}.hdm-ck__amp.is-gelb .hdm-ck__balken i{background:var(--ck-gelb)}.hdm-ck__amp.is-rot .hdm-ck__balken i{background:var(--ck-rot)}
.hdm-ck__punkte{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:7px}
.hdm-ck__punkte li{display:flex;gap:9px;align-items:flex-start;font-size:.88rem;line-height:1.4}
.hdm-ck__punkte li::before{content:"";flex-shrink:0;width:9px;height:9px;border-radius:50%;margin-top:5px;background:var(--ck-mute)}
.hdm-ck__punkte li.is-gruen::before{background:var(--ck-gruen)}.hdm-ck__punkte li.is-gelb::before{background:var(--ck-gelb)}.hdm-ck__punkte li.is-rot::before{background:var(--ck-rot)}
.hdm-ck__punkte li b{font-weight:700}.hdm-ck__punkte li span{display:block;color:var(--ck-mute);font-size:.82rem}
.hdm-ck__punkte li.is-mehr{display:none}.hdm-ck__amp.is-offen .hdm-ck__punkte li.is-mehr{display:flex}
.hdm-ck__mehr{margin:10px 0 0;background:none;border:0;padding:0;font:inherit;font-size:.82rem;font-weight:700;color:var(--ck-akzent);cursor:pointer}
/* Zusatz (SEO) */
.hdm-ck__zusatz{display:grid;gap:16px;margin:16px 0 0}
.hdm-ck__zusatz:empty{display:none}
.hdm-ck__box{background:var(--ck-karte);border:1px solid var(--ck-rand);border-radius:20px;padding:22px}
.hdm-ck__box h4{margin:0 0 12px;font-size:1.05rem;font-weight:700}
.hdm-ck__box p{margin:0 0 10px;color:var(--ck-mute);font-size:.92rem}
.hdm-ck__kw{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 18px}
.hdm-ck__kw li{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:12px;background:rgba(6,22,47,.035);font-size:.92rem}
.hdm-ck--dunkel .hdm-ck__kw li{background:rgba(255,255,255,.06)}
.hdm-ck__kw li i{flex-shrink:0;width:10px;height:10px;border-radius:50%}
.hdm-ck__kw li.is-gruen i{background:var(--ck-gruen)}.hdm-ck__kw li.is-gelb i{background:var(--ck-gelb)}.hdm-ck__kw li.is-rot i{background:var(--ck-rot)}
.hdm-ck__kw li small{margin-left:auto;color:var(--ck-mute);font-size:.78rem;text-align:right}
.hdm-ck__tags{display:flex;flex-wrap:wrap;gap:8px}
.hdm-ck__tags span{padding:7px 12px;border-radius:999px;border:1px solid var(--ck-rand);font-size:.85rem}
.hdm-ck__wb{display:flex;flex-direction:column;gap:10px}
.hdm-ck__wb-zeile{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,2fr) auto;gap:14px;align-items:center;font-size:.9rem}
.hdm-ck__wb-zeile b{word-break:break-all}
.hdm-ck__wb-zeile.is-du b{color:var(--ck-akzent)}
.hdm-ck__wb-zeile small{color:var(--ck-mute);white-space:nowrap}
/* Bericht */
.hdm-ck__bericht{margin:24px 0 0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:28px;align-items:center;background:linear-gradient(135deg,rgba(10,85,240,.08),rgba(46,167,255,.14))}
.hdm-ck--dunkel .hdm-ck__bericht{background:linear-gradient(135deg,rgba(10,85,240,.25),rgba(46,167,255,.18))}
.hdm-ck__bericht h4{margin:0 0 8px;font-size:1.3rem;font-weight:700;letter-spacing:-.01em}
.hdm-ck__bericht p{margin:0;color:var(--ck-mute);line-height:1.55}
.hdm-ck__bericht-form{display:flex;flex-direction:column;gap:12px}
.hdm-ck__check{display:flex;gap:10px;align-items:flex-start;font-size:.8rem;color:var(--ck-mute);line-height:1.4}
.hdm-ck__check input{margin-top:3px}
.hdm-ck__knoepfe{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.hdm-ck .hdm-ck__link.hdm-ck__link,.hdm-ck button.hdm-ck__link.hdm-ck__link{background:none!important;border:0!important;padding:0!important;min-height:0;border-radius:0;box-shadow:none!important;font:inherit;font-weight:700;color:var(--ck-akzent)!important;text-decoration:none!important;cursor:pointer;transform:none!important}
.hdm-ck .hdm-ck__link.hdm-ck__link:hover{text-decoration:underline!important;color:var(--ck-akzent)!important}
.hdm-ck__danke{margin:6px 0 0;padding:12px 16px;border-radius:14px;background:rgba(26,154,85,.1);color:var(--ck-gruen);font-weight:600}
.hdm-ck__nochmal{margin:18px 0 0;text-align:center;font-size:.9rem}
/* Einstieg */
.hdm-ck--einstieg{--ck-pad-y:72px}
.hdm-ck__einstieg{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:36px;align-items:center;padding:36px;border-radius:28px;background:linear-gradient(135deg,rgba(10,85,240,.08),rgba(46,167,255,.14));border:1px solid var(--ck-rand)}
.hdm-ck--dunkel .hdm-ck__einstieg{background:linear-gradient(135deg,rgba(10,85,240,.3),rgba(46,167,255,.18))}
.hdm-ck--einstieg .hdm-ck__titel{font-size:clamp(1.6rem,3vw,2.4rem)}
.hdm-ck__form--einstieg{display:flex;gap:12px}
.hdm-ck__einstieg .hdm-ck__hinweis{grid-column:2}
@media (max-width:1024px){.hdm-ck__ampeln{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:767px){.hdm-ck{--ck-pad-y:64px;padding-left:16px;padding-right:16px}.hdm-ck__karte{padding:20px;border-radius:20px}.hdm-ck__zeile,.hdm-ck__form--einstieg{flex-direction:column}.hdm-ck__feld{padding-right:12px}.hdm-ck .hdm-ck__knopf.hdm-ck__knopf{justify-content:center}.hdm-ck__fragen,.hdm-ck__zwei,.hdm-ck__kw{grid-template-columns:1fr}.hdm-ck__ampeln{grid-template-columns:1fr}.hdm-ck__kopf2{flex-direction:column-reverse;align-items:flex-start}.hdm-ck__bericht,.hdm-ck__einstieg{grid-template-columns:1fr;padding:22px}.hdm-ck__einstieg .hdm-ck__hinweis{grid-column:auto}.hdm-ck__wb-zeile{grid-template-columns:1fr;gap:6px}}
@media (prefers-reduced-motion:reduce){.hdm-ck *{animation-duration:.01ms!important;transition-duration:.01ms!important}}

/* 3.5.0: Einstieg als dunkles Band mit Beispielkarte */
.hdm-ck.hdm-ck--einstieg{--ck-pad-y:96px;background:linear-gradient(135deg,#061a3d,#0A3FA8 55%,#0A55F0);color:#fff;--ck-text:#fff;--ck-mute:rgba(255,255,255,.78);--ck-rand:rgba(255,255,255,.16)}
.hdm-ck--einstieg .hdm-ck__wrap{max-width:1240px}
.hdm-ck__band{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:50px;align-items:center}
.hdm-ck--einstieg .hdm-ck__eyebrow{color:#9fd0ff}.hdm-ck--einstieg .hdm-ck__eyebrow span{background:#9fd0ff}
.hdm-ck.hdm-ck--einstieg .hdm-ck__titel.hdm-ck__titel{font-size:clamp(2rem,4.2vw,3.3rem);color:#fff!important}
.hdm-ck--einstieg .hdm-ck__titel em{color:#9fd0ff}
.hdm-ck--einstieg .hdm-ck__form--einstieg{margin:30px 0 0;max-width:600px;display:flex;gap:0;background:#fff;border-radius:999px;padding:7px;box-shadow:0 30px 60px -30px rgba(0,0,0,.6)}
.hdm-ck--einstieg .hdm-ck__feld{background:transparent;border:0;box-shadow:none!important;padding-left:16px}
.hdm-ck--einstieg .hdm-ck__proto{color:rgba(6,22,47,.55)}
.hdm-ck--einstieg .hdm-ck__feld input{color:#06162F}
.hdm-ck--einstieg .hdm-ck__feld input::placeholder{color:rgba(6,22,47,.5)}
.hdm-ck__muster{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);border-radius:26px;padding:26px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.hdm-ck__muster-kopf{display:flex;align-items:center;gap:18px;margin-bottom:18px}
.hdm-ck__muster-kopf strong{display:block;font-size:1.15rem}.hdm-ck__muster-kopf small{opacity:.7}
.hdm-ck__muster-ring{width:92px;height:92px;border-radius:50%;background:conic-gradient(#e3a008 0 68%,rgba(255,255,255,.15) 0);display:grid;place-items:center;flex-shrink:0;animation:hdmckpuls 3s ease-in-out infinite}
.hdm-ck__muster-ring b{width:72px;height:72px;border-radius:50%;background:#0b2d6e;display:grid;place-items:center;font-size:1.7rem;font-weight:800}
@keyframes hdmckpuls{50%{transform:scale(1.04)}}
.hdm-ck__muster-z{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-top:1px solid rgba(255,255,255,.14);font-weight:600}
.hdm-ck__muster .hdm-ck__licht{background:rgba(0,0,0,.3)}.hdm-ck__muster .hdm-ck__licht i{background:rgba(255,255,255,.18)}
@media (max-width:900px){.hdm-ck__band{grid-template-columns:1fr;gap:32px}.hdm-ck--einstieg .hdm-ck__form--einstieg{flex-direction:column;border-radius:26px;padding:10px}}