/* Ergänzungen zum Entwurf: Mobil, Formular, FAQ, Rechtstexte */
.navlinks a[aria-current="page"]{color:#0E6377}
.hero-vis>svg{pointer-events:none}

/* FAQ (details/summary, funktioniert ohne JavaScript) */
.qa{border-top:2px solid #15171C}
.qa details{border-bottom:1px solid #D5D5CE}
.qa summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px 0;font-size:19px;font-weight:700}
.qa summary::-webkit-details-marker{display:none}
.qa summary::after{content:"+";color:#0E6377;font-size:26px;font-weight:400;line-height:1}
.qa details[open] summary::after{content:"\2212"}
.qa details p{margin:0;padding:0 0 22px;font-size:17px;line-height:1.65;color:#3C424C;max-width:760px}

/* Rechtstexte */
.legal{max-width:760px;font-size:17px;line-height:1.7;color:#3C424C}
.legal h1{font-size:48px;line-height:1.05;letter-spacing:-.03em;font-weight:700;color:#15171C;margin:0 0 28px}
.legal h2{font-size:22px;font-weight:700;color:#15171C;margin:40px 0 10px;letter-spacing:-.01em}
.legal p{margin:0 0 14px}
.legal .todo{background:#FFF1C2;color:#5C4300;padding:0 4px;border-radius:4px}

/* Formular */
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chipi{position:relative}
.chipi input{position:absolute;opacity:0;width:1px;height:1px}
.chipi span{display:inline-flex;align-items:center;font-size:14px;padding:9px 14px;border-radius:999px;border:1px solid #CFCFC8;background:#FFFFFF;color:#15171C;cursor:pointer;min-height:40px}
.chipi input:checked+span{background:#15171C;color:#FFFFFF;border-color:#15171C}
.chipi input:focus-visible+span{outline:2px solid #0E6377;outline-offset:2px}
.f:has(#f-file:focus-visible) .drop{outline:2px solid #0E6377;outline-offset:2px}
.drop.over{border-color:#0E6377!important;background:#E0F0F4!important}
.err{font-size:14px;color:#A3300B;font-weight:600}
.in.bad{border-color:#A3300B;background:#FFF6F2}
.formmsg{border-radius:12px;padding:14px 16px;font-size:15px;line-height:1.5;background:#FFF6F2;border:1px solid #E9B7A5;color:#7A2408}
.btn[disabled]{opacity:.55;cursor:progress}
.hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}

@media (max-width:900px){
  .hero-vis{height:auto!important;display:flex;flex-direction:column;gap:16px}
  .hero-vis>.card{position:static!important;width:auto!important}
  .hero-vis>svg{display:none}
  aside[style*="sticky"]{position:static!important}
  #faq-grid{grid-template-columns:minmax(0,1fr)!important;gap:28px!important}
}
@media (max-width:640px){
  .wrap{padding-left:20px!important;padding-right:20px!important}
  .nav{gap:14px!important}
  .navlinks{gap:16px!important;width:100%}
  .navlinks .btn{display:none!important}
  .hero-h{font-size:40px!important}
  h1{font-size:40px!important;line-height:1.08!important}
  h2{font-size:30px!important;line-height:1.12!important}
  h2.label{font-size:13px!important;line-height:1.4!important}
  section.wrap,section>.wrap{padding-top:64px!important;padding-bottom:64px!important}
  .legal h1{font-size:36px}
  form[novalidate]{padding:22px!important}
}