/* Entwurf 3 – Der Schnelle: vertraute Marke (Rot/Schwarz/Weiß), kräftig und reduziert. Anruf und Störung zuerst, mobil zuerst gedacht. */
:root{--brand:#d1231c;--brand-d:#a91812;--ink:#111;--alt:#f2f2f0;--line:#d9d9d5;--dark:#111;--head:"Bahnschrift","Franklin Gothic Medium","Arial Narrow",Arial,sans-serif}
h1,h2{font-family:var(--head);text-transform:uppercase;letter-spacing:.005em;font-weight:700}
h1{font-size:clamp(2.3rem,7vw,4.6rem);line-height:1.02}
h2{font-size:clamp(1.7rem,4vw,2.5rem)}
.alertbar{background:var(--brand);color:#fff}
.alertbar a{display:flex;gap:.7rem;justify-content:center;align-items:center;color:#fff;text-decoration:none;padding:.75rem 16px;text-align:center;font-size:.95rem;flex-wrap:wrap}
.alertbar a:hover{background:var(--brand-d);color:#fff}
header.site{border-bottom:3px solid #111}
.hero3{background:#111;color:#fff;padding:clamp(48px,7vw,104px) 0}
.hero3 h1{color:#fff;margin-bottom:.45em;max-width:16ch}
.hero3 h1 em{font-style:normal;color:var(--brand)}
.hero3 .lead{color:#cfcfca;font-size:1.25rem}
.bigcall{display:inline-flex;gap:1rem;align-items:center;background:var(--brand);color:#fff;text-decoration:none;font:700 clamp(1.8rem,6vw,3.2rem)/1 var(--head);letter-spacing:.01em;padding:1.2rem 2rem;margin:.8rem 0 .6rem}
.bigcall:hover{background:var(--brand-d);color:#fff}
.hint{color:#aaa;font-size:.95rem}
.tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:2px;margin-top:2.6rem;background:#333;border:2px solid #333}
.tile{display:flex;flex-direction:column;gap:.5rem;background:#fff;color:#111;padding:1.6rem 1.4rem;text-decoration:none;transition:background .15s,color .15s}
.tile:hover{background:var(--brand);color:#fff}.tile:hover span,.tile:hover .tile__ic{color:#fff}
.tile b{font-family:var(--head);text-transform:uppercase;font-size:1.25rem;letter-spacing:.01em}.tile span{color:var(--muted);font-size:.95rem}
.tile__ic{color:var(--brand);margin-bottom:.8rem}
.list3{list-style:none;margin:1.8rem 0 0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:0 40px}
.list3 a{display:flex;gap:1.1rem;align-items:center;padding:1.3rem 0;border-top:2px solid #111;color:#111;text-decoration:none}
.list3 a:hover{color:var(--brand)}
.list3 a>.ic:first-child{color:var(--brand)}
.list3 span{flex:1}.list3 b{display:block;font-family:var(--head);text-transform:uppercase;font-size:1.25rem}.list3 small{color:var(--muted);font-size:.92rem}
.section--dark .why{border-top:2px solid var(--brand);padding-top:1.2rem}.section--dark .why p{color:#bdbdb8}
.why h3{font-family:var(--head);text-transform:uppercase;font-size:1.25rem}
.karr{background:var(--brand);color:#fff;padding:clamp(44px,6vw,72px) 0}
.karr__in{display:flex;justify-content:space-between;gap:28px;align-items:center;flex-wrap:wrap}.karr h2{margin-bottom:.3rem}.karr p{margin:0;opacity:.92}
.karr .btn--primary{background:#111}.karr .btn--primary:hover{background:#000}
.card,.block,.form{border:2px solid #111}
.phero{background:#111;color:#fff;border:0}.phero h1{color:#fff}.phero .lead{color:#cfcfca}.phero .eyebrow{color:#fff}
.phero .eyebrow::before{background:var(--brand)}
.ctaband{background:var(--brand)}
.ctaband .btn--primary{background:#111}.ctaband .btn--primary:hover{background:#000}
.ctaband .btn--ghost:hover{color:var(--brand)}
.erich__head{background:#111}
@media (max-width:960px){.tiles{grid-template-columns:1fr 1fr}.list3{grid-template-columns:1fr}}
@media (max-width:620px){.bigcall{width:100%;justify-content:center}.tile{padding:1.1rem}}