@font-face{font-family:Jura;font-weight:500;font-display:swap;src:url(fonts/jura-latin-500-normal.woff2) format("woff2")}
@font-face{font-family:Jura;font-weight:700;font-display:swap;src:url(fonts/jura-latin-700-normal.woff2) format("woff2")}
@font-face{font-family:"Exo 2";font-weight:400;font-display:swap;src:url(fonts/exo-2-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:"Exo 2";font-weight:600;font-display:swap;src:url(fonts/exo-2-latin-600-normal.woff2) format("woff2")}
@font-face{font-family:"Exo 2";font-weight:700;font-display:swap;src:url(fonts/exo-2-latin-700-normal.woff2) format("woff2")}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:#fff;color:#1a1a1a;font-family:"Exo 2",Arial,Helvetica,sans-serif;font-size:17px;line-height:1.6}
a{color:#1a1a1a;text-decoration:underline;text-decoration-color:#e3000f;text-decoration-thickness:2px;text-underline-offset:5px}
h1,h2,h3{font-family:Jura,"Exo 2",Arial,sans-serif;font-weight:700;margin:0;line-height:1.1;overflow-wrap:break-word}
p{margin:0}
.wrap{max-width:1180px;margin:0 auto;padding:0 40px}
.kopf{background:#3e3e3e}
.kopf .wrap{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:84px}
.kopf img{display:block;width:150px;height:auto}
.kopf nav{display:flex;gap:28px;flex-wrap:wrap}
.kopf nav a{color:#f2f2f2;text-decoration:none;font-family:Jura,sans-serif;font-weight:700;font-size:15px;letter-spacing:.06em;text-transform:uppercase}
.kopf nav a:hover,.kopf nav a[aria-current]{color:#fff;text-decoration:underline;text-decoration-color:#e3000f;text-decoration-thickness:2px;text-underline-offset:8px}
.label{font-family:Jura,sans-serif;font-weight:700;font-size:13px;letter-spacing:.2em;text-transform:uppercase;color:#575756;margin:0 0 14px}
.hero{padding:88px 0 80px;border-bottom:1px solid #ddd}
.hero h1{font-size:56px;max-width:900px;margin:0 0 22px}
.heroraster{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:48px;align-items:center}
.herobild{display:block;width:100%;height:auto}
.hero .lead{font-size:20px;color:#3e3e3e;max-width:720px;margin:0 0 34px}
.knoepfe{display:flex;gap:14px;flex-wrap:wrap}
.btn{display:inline-flex;align-items:center;min-height:48px;padding:0 24px;border-radius:4px;font-weight:600;font-size:16px;text-decoration:none;border:1px solid #c8c8c8;color:#1a1a1a}
.btn.rot{background:#e3000f;border-color:#e3000f;color:#fff}
.btn.rot:hover{background:#c4000d}
.btn.hell{border-color:#5a5a5a;color:#f2f2f2}
.dunkel{background:#141414;color:#f2f2f2;padding:96px 0}
.g2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px;align-items:start}
.dunkel h2{font-size:46px;color:#fff;margin:0 0 22px}
.dunkel .label{color:#bdbdbd}
.dunkel p.txt{color:#c7c7c7;font-size:18px;max-width:480px;margin:0 0 32px}
.punkt{display:grid;grid-template-columns:64px minmax(0,1fr);gap:16px;padding:24px 0;border-top:1px solid #2c2c2c}
.punkt:last-child{border-bottom:1px solid #2c2c2c}
.punkt .nr{font-family:Jura,sans-serif;font-weight:700;font-size:28px;color:#e3000f}
.punkt b{display:block;font-family:Jura,sans-serif;font-size:21px;color:#fff}
.punkt span.t{color:#a6a6a6}
.sek{padding:88px 0}
.sek h2{font-size:44px;margin:0 0 22px}
.sek p.txt{font-size:18px;color:#3e3e3e;max-width:520px;margin:0 0 32px}
.kasten{background:#f5f5f5;border-left:3px solid #e3000f;padding:28px 32px}
.kasten b{display:block;font-family:Jura,sans-serif;font-size:21px;margin:0 0 10px}
.kasten p{color:#3e3e3e;margin:0 0 18px}
.kasten .links{display:flex;gap:28px;flex-wrap:wrap;font-weight:600}
.kontakt{border-top:1px solid #ddd;padding:56px 0}
.kontakt .g3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}
.kontakt b{display:block;font-family:Jura,sans-serif;font-size:18px;margin:0 0 8px}
.fuss{background:#3e3e3e;color:#b0b0b0;font-size:15px;padding:36px 0}
.fuss .wrap{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}
.fuss nav{display:flex;gap:22px;flex-wrap:wrap}
.fuss a{color:#e6e6e6;text-decoration:none}
.fuss a:hover{text-decoration:underline;text-decoration-color:#e3000f}
/* Rechtsseiten */
.rhero{padding:56px 0 40px;text-align:center;border-bottom:1px solid #ddd}
.rhero h1{font-size:44px;max-width:900px;margin:0 auto 24px}
.facts{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;list-style:none;margin:0;padding:0}
.facts li{background:#f5f5f5;border-left:3px solid #e3000f;padding:10px 18px;font-weight:600;font-size:15px}
.rhero .btn{margin-top:26px}
.rbody{display:grid;grid-template-columns:260px minmax(0,1fr);gap:56px;padding:56px 0 72px;align-items:start}
.rbody nav{position:sticky;top:20px;background:#f5f5f5;padding:20px 22px}
.rbody nav ol{list-style:none;margin:0;padding:0}
.rbody nav li{margin:0 0 8px;font-size:15px;line-height:1.35}
.rbody nav a{text-decoration:none}
.text{max-width:820px}
.par{padding:0 0 34px;margin:0 0 34px;border-bottom:1px solid #ddd;scroll-margin-top:20px}
.par:last-of-type{border-bottom:0}
.par h2{font-size:26px;line-height:1.2;margin:0 0 16px}
.par ol{margin:0;padding:0 0 0 28px}
.par li{margin:0 0 12px;padding-left:4px}
.par li::marker{font-family:Jura,sans-serif;font-weight:700;color:#575756}
.par p{margin:0 0 12px}
.stand{font-size:15px;color:#575756}
.hin{background:#f5f5f5;border-left:3px solid #e3000f;padding:20px 24px;margin-top:40px;font-size:15px;color:#3e3e3e}
.hin p{margin:0 0 8px}.hin p:last-child{margin:0}
mark{background:#ffe08a;padding:0 2px}
@media(max-width:900px){h1,h2{hyphens:auto;-webkit-hyphens:auto}.wrap{padding:0 16px}.kopf .wrap{flex-direction:column;align-items:flex-start;padding-top:16px;padding-bottom:16px;gap:12px}.kopf nav{gap:16px}.kopf nav a{font-size:13.5px}.hero{padding:48px 0}.heroraster{grid-template-columns:1fr}.herobild{max-width:220px;margin:0 auto}.hero h1{font-size:31px}.dunkel,.sek{padding:56px 0}.dunkel h2,.sek h2{font-size:32px}.g2{grid-template-columns:1fr;gap:40px}.kontakt .g3{grid-template-columns:1fr}.rhero h1{font-size:30px}.rbody{grid-template-columns:1fr;gap:28px;padding:36px 0 48px}.rbody nav{position:static}.par h2{font-size:22px}.par ol{padding-left:22px}}
