/* KanzIQ – globale Ergänzungen zur inline gestalteten Seite */
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:#F3F5F0;color:#0C1424;font-family:'Geist',system-ui,-apple-system,sans-serif}
*{box-sizing:border-box}
a{color:#0C1424}a:hover{color:#4D7A0C}
button,input,select,textarea{font-family:inherit}
.disp{font-family:'Schibsted Grotesk','Helvetica Neue',Arial,sans-serif;font-weight:800;letter-spacing:-0.03em;line-height:1.02;margin:0}
.lab{font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase}
.tag{font-family:'Schibsted Grotesk',sans-serif;font-weight:900;letter-spacing:-0.02em;line-height:1;background:#B8F34B;color:#0C1424}
.chip{display:inline-flex;align-items:center;gap:6px;background:#F1F3EF;color:#0C1424;font-size:11px;font-weight:600;padding:3px 9px 3px 7px;border-radius:999px;white-space:nowrap}
.dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}
.mock{background:#FFFFFF;border:1px solid #DCE2DA;border-radius:16px;box-shadow:0 30px 60px -30px rgba(12,20,36,.35);overflow:hidden}
.num{font-variant-numeric:tabular-nums}
section[id]{scroll-margin-top:84px}
:focus-visible{outline:2px solid #0C1424;outline-offset:2px}
.site-header :focus-visible{outline-color:#B8F34B}
/* Formular */
.hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}
.size-opt{position:relative;cursor:pointer}
.size-opt input{position:absolute;opacity:0;inset:0;cursor:pointer}
.size-opt span{display:inline-flex;align-items:center;height:44px;padding:0 18px;border-radius:12px;border:1px solid #C9D1C7;background:#fff;font-size:14px;font-weight:600}
.size-opt input:checked+span{background:#0C1424;color:#fff;border-color:#0C1424}
.size-opt input:focus-visible+span{outline:2px solid #0C1424;outline-offset:2px}
#lead-form input:not([type=checkbox]):not([type=radio]):focus,#lead-form textarea:focus{outline:2px solid #0C1424;outline-offset:0;border-color:#0C1424}
#lead-form .invalid{border-color:#D92D3A!important}
.form-error{margin:0;font-size:14px;color:#C42634;font-weight:600}
.form-ok{flex:1 1 520px;background:#fff;border-radius:24px;padding:36px;box-shadow:0 40px 80px -40px rgba(12,20,36,.45);display:flex;flex-direction:column;gap:14px}
.form-ok[hidden],.form-error[hidden]{display:none}
#lead-form button[disabled]{opacity:.6;cursor:wait}
/* Mobil */
@media (max-width: 900px){
  .site-nav{order:3;flex-basis:100%!important;flex-wrap:nowrap!important;justify-content:flex-start!important;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}
  .site-nav::-webkit-scrollbar{display:none}
  section[id]{scroll-margin-top:130px}
}
@media (max-width: 600px){
  .disp{letter-spacing:-0.02em}
  #lead-form{padding:24px!important}
}
@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}}
/* Lange deutsche Wörter auf schmalen Bildschirmen */

[style*="flex: 1 1"],[style*="flex: 0 1"]{min-width:0}
@media (max-width: 600px){
  .disp{overflow-wrap:break-word;hyphens:auto;-webkit-hyphens:auto}
  h1.disp{font-size:48px!important}
  h2.disp{font-size:34px!important}
  h3.disp{font-size:28px!important}
  .disp.num[style*="font-size: 88px"],.disp.num[style*="font-size: 96px"]{font-size:64px!important}
}