@font-face{font-family:"Montserrat";font-style:normal;font-weight:400;font-display:swap;src:url("/assets/fonts/montserrat-400.woff2") format("woff2")}
@font-face{font-family:"Montserrat";font-style:normal;font-weight:700;font-display:swap;src:url("/assets/fonts/montserrat-700.woff2") format("woff2")}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:#F5F7FA;color:#17204A;font-family:"Montserrat",system-ui,-apple-system,"Segoe UI",sans-serif;line-height:1.5}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
.kopf{display:flex;align-items:center;height:96px;padding:0 24px;background:#101633}
.kopf-innen{width:100%;max-width:1200px;margin:0 auto}
.kopf img{height:46px;width:auto}
.fuss{background:#101633;padding:40px 24px}
.fuss-innen{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:32px}
.fuss nav{display:flex;gap:32px}
.fuss nav a{font-size:18px;color:#F5F7FA;transition:color 180ms cubic-bezier(.22,.8,.36,1)}
.fuss nav a:hover,.fuss nav a:focus-visible{color:#00A0FF}
.copy{font-size:16px;color:#9AA6C4}
.buehne{padding:96px 24px 112px}
.spalte{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;align-items:center}
.karte{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;width:100%;max-width:420px;min-height:168px;padding:36px 28px;border:1px solid #B8892B;border-radius:12px;background:#FFFFFF;box-shadow:0 1px 2px rgba(23,32,74,.05),0 12px 28px rgba(23,32,74,.10)}
a.karte{transition:border-color 180ms cubic-bezier(.22,.8,.36,1)}
a.karte:hover,a.karte:focus-visible{border-color:#00A0FF}
.karte .domain{font-size:16px;color:#5A6478}
.karte .logo-mutter{height:62px;width:auto}
.karte .logo-sd{height:62px;width:auto}
.bbn{display:flex;align-items:center;gap:18px}
.bbn .kreis{height:62px;width:auto}
.bbn .wort{height:40px;width:auto}
.linie-senk{width:2px;height:44px;background:#00A0FF}
.verbinder{display:flex;justify-content:center;gap:48px;width:100%;height:44px}
.zelle{flex:1;max-width:420px;position:relative}
.zelle .quer{position:absolute;top:0;height:2px;width:calc(50% + 24px);background:#00A0FF}
.zelle:first-child .quer{right:-24px}
.zelle:last-child .quer{left:-24px}
.zelle .runter{position:absolute;top:0;bottom:0;left:calc(50% - 1px);width:2px;background:#00A0FF}
.reihe{display:flex;justify-content:center;gap:48px;width:100%}
.reihe>.karte{flex:1}
.linie-zwischen{display:none}
@media (max-width:939px){
  .kopf{height:72px;padding:0 20px}
  .kopf img{height:34px}
  .buehne{padding:56px 20px 64px}
  .karte{max-width:none;min-height:140px;padding:28px 20px;gap:12px}
  .karte .logo-mutter{height:46px}
  .karte .logo-sd{height:48px}
  .bbn{gap:14px}
  .bbn .kreis{height:48px}
  .bbn .wort{height:30px}
  .linie-senk{height:36px}
  .verbinder{display:none}
  .reihe{flex-direction:column;align-items:center;gap:0}
  .reihe>.karte{flex:none}
  .linie-zwischen{display:block;width:2px;height:36px;background:#00A0FF}
  .fuss{padding:32px 20px}
  .fuss-innen{flex-direction:column;gap:24px}
  .fuss nav{flex-direction:column;align-items:center;gap:16px}
  .copy{text-align:center}
}
.recht{padding:64px 24px 96px}
.recht-innen{max-width:760px;margin:0 auto;background:#FFFFFF;border:1px solid #DDE2E8;border-radius:12px;padding:48px 48px 56px;font-size:16px;line-height:1.7}
.recht-innen h1{font-size:32px;line-height:1.25;font-weight:700;margin:0 0 24px}
.recht-innen h2{font-size:22px;line-height:1.35;font-weight:700;margin:40px 0 12px}
.recht-innen h3{font-size:18px;line-height:1.4;font-weight:700;margin:28px 0 8px}
.recht-innen h4{font-size:16px;font-weight:700;margin:20px 0 6px}
.recht-innen p{margin:0 0 14px}
.recht-innen ul,.recht-innen ol{margin:0 0 14px;padding-left:22px}
.recht-innen li{margin:0 0 6px}
.recht-innen a{color:#0069C2;text-decoration:underline;word-break:break-word}
.recht-innen address{font-style:normal;margin:0 0 14px}
@media (max-width:939px){.recht{padding:32px 16px 56px}.recht-innen{padding:28px 20px 36px}.recht-innen h1{font-size:26px}.recht-innen h2{font-size:20px}}