/* CleverWerk – seitenweite Ergänzungen: Fokus, Sprungmarken, mobile Navigation, Formularstatus */
[id]{scroll-margin-top:96px}
.skip{position:absolute;left:16px;top:-60px;z-index:100;padding:10px 14px;border-radius:10px;background:#3EDFC5;color:#06201c;font-weight:700;text-decoration:none}
.skip:focus{top:12px;outline:2px solid #fff}
.cw a:focus-visible,.cw button:focus-visible,.cw input:focus-visible,.cw select:focus-visible,.cw textarea:focus-visible,.cw summary:focus-visible{outline:2px solid #3EDFC5;outline-offset:3px;border-radius:6px}
.tb-burger{display:none;width:44px;height:44px;border:1px solid rgba(255,255,255,.14);border-radius:12px;background:rgba(255,255,255,.05);flex-direction:column;align-items:center;justify-content:center;gap:5px;cursor:pointer;flex:none}
.tb-burger span{display:block;width:18px;height:2px;background:#fff;border-radius:2px;transition:transform .25s,opacity .25s}
.tb-burger[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.tb-burger[aria-expanded="true"] span:nth-child(2){opacity:0}
.tb-burger[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
@media (max-width:860px){
  .tb-burger{display:flex}
  .topbar-in{gap:10px}
  .tb-cta{padding:0 12px;font-size:13px;min-height:40px}
  .tb-links{display:none}
  .tb-links.open{display:flex;position:fixed;top:64px;left:0;right:0;flex-direction:column;gap:4px;padding:12px 16px 20px;background:rgba(7,9,11,.97);border-bottom:1px solid rgba(255,255,255,.1);z-index:49}
  .tb-links.open a{display:block;padding:14px 16px;font-size:17px;border-radius:12px}
  body.nav-open{overflow:hidden}
}
.form-status{margin:0;font-size:14px;line-height:1.5;color:#aab3ba}
.form-status.err{color:#ffb4a8}
.form-status.ok{color:#8FE3C6}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.cw .btn[disabled]{opacity:.6;cursor:progress}
.calc-note{margin:0;font-size:13px;color:#aab3ba;line-height:1.5}
@media (max-width:480px){.cw .topbar .tb-cta{white-space:nowrap;font-size:12px;padding:0 10px;min-height:38px;gap:6px}.cw .topbar .tb-cta .ic{display:none}.cw .tb-logo .tb-mark{width:36px;height:19px}.cw .topbar .tb-burger{width:40px;height:40px}}
/* Sicherheitsnetz: Einstiegsanimationen dürfen Inhalte nie dauerhaft verbergen */
.anim-done .load,.anim-done .bw,.anim-done .fch,.anim-done .status{animation:none !important;opacity:1 !important;filter:none !important;transform:none !important}
/* Einwilligungs-Fenster */
#cw-consent{position:fixed;left:16px;right:16px;bottom:16px;z-index:70;display:flex;justify-content:center;pointer-events:none}
#cw-consent .cw-consent-in{pointer-events:auto;max-width:560px;width:100%;background:rgba(10,13,16,.96);border:1px solid rgba(255,255,255,.14);border-radius:20px;padding:20px 22px;box-shadow:0 30px 60px -30px rgba(0,0,0,.9);color:#fff;font-size:14px;line-height:1.55}
#cw-consent p{margin:0 0 8px}#cw-consent a{color:#8FE3C6}
#cw-consent .cw-consent-b{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}
#cw-consent .btn{min-height:44px;padding:0 18px}
/* Kennzeichnung KI-generierter Bilder (EU-KI-Verordnung, Art. 50): Klasse auf das Bild-Container-Element setzen */
.ki-img{position:relative}
.ki-img:after{content:"KI-generiertes Bild";position:absolute;right:10px;bottom:10px;padding:4px 8px;border-radius:999px;background:rgba(7,9,11,.8);color:#fff;font-size:11px;letter-spacing:.04em;pointer-events:none}
/* Touch-Ziele im Footer und bei Textlinks mobil vergrößern */
@media (max-width:860px){.foot nav a{display:inline-block;padding:8px 2px;min-height:40px;line-height:24px}.cline{min-height:44px;align-items:center}}