/* med11 – statische Website */
@font-face{font-family:"Montserrat";font-weight:400;font-style:normal;font-display:swap;src:url("../fonts/montserrat-latin-400.woff2") format("woff2")}
@font-face{font-family:"Montserrat";font-weight:600;font-style:normal;font-display:swap;src:url("../fonts/montserrat-latin-600.woff2") format("woff2")}
@font-face{font-family:"Montserrat";font-weight:700;font-style:normal;font-display:swap;src:url("../fonts/montserrat-latin-700.woff2") format("woff2")}

:root{
  --deep:#0e3d3d;      /* Deep Teal */
  --sea:#4a7ca0;
  --ocean:#4a7ca0;     /* Ocean Blue */
  --ocean-dark:#35617f;
  --tint:#eef6f6;      /* sehr helles Seafoam */
  --tint2:#e2eff0;
  --text:#2f4545;
  --muted:#5b6f6f;
  --radius:14px;
  --maxw:1120px;
  --shadow:0 10px 30px rgba(14,61,61,.10);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:"Montserrat",system-ui,-apple-system,"Segoe UI",Arial,sans-serif;color:var(--text);background:#fff;line-height:1.7;font-size:17px}
img{max-width:100%;height:auto}
a{color:var(--ocean-dark);text-underline-offset:3px}
a:hover{color:var(--deep)}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 24px}
.narrow{max-width:800px}
.center{text-align:center}
.skip{position:absolute;left:-999px;top:0;background:#000;color:#fff;padding:8px 14px;z-index:100}
.skip:focus{left:8px;top:8px}

/* Kopf */
.topbar{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.96);backdrop-filter:blur(8px);border-bottom:3px solid var(--sea)}
.bar{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:78px}
.logo img{display:block;height:60px;width:auto}
.menu,.menu ul{list-style:none;margin:0;padding:0}
.menu{display:flex;gap:4px;align-items:center}
.menu a{display:block;padding:10px 16px;text-decoration:none;color:var(--deep);font-weight:600;font-size:15px;border-radius:999px;transition:background .15s,color .15s}
.menu a:hover{background:var(--tint2);color:var(--deep)}
.menu a[aria-current="page"]{background:var(--deep);color:#fff}
.has-sub{position:relative}
.has-sub>a::after{content:"";display:inline-block;margin-left:8px;width:6px;height:6px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-2px) rotate(45deg)}
.sub{position:absolute;right:0;top:100%;min-width:260px;background:#fff;box-shadow:var(--shadow);border-radius:12px;padding:8px;display:none;border:1px solid var(--tint2)}
.has-sub:hover .sub,.has-sub:focus-within .sub{display:block}
.sub a{font-weight:400;border-radius:8px}
.burger{display:none;background:none;border:0;padding:10px;cursor:pointer}
.burger span{display:block;width:26px;height:3px;background:var(--deep);margin:5px 0;border-radius:2px}

/* Hero */
.hero{position:relative;overflow:hidden;color:#fff;padding:72px 0;background:linear-gradient(120deg,var(--deep) 0%,#1d5a63 55%,var(--ocean) 100%)}
.hero::after{content:"";position:absolute;right:-120px;top:-120px;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(118,181,183,.35),rgba(118,181,183,0) 70%);pointer-events:none}
.hero-img{background-size:cover;background-position:center;padding:150px 0}
.hero .wrap{position:relative;z-index:1}
.hero h1{margin:0;max-width:820px;font-size:clamp(30px,5.2vw,54px);line-height:1.15;font-weight:700;letter-spacing:-.01em}
.hero h1::after{content:"";display:block;width:72px;height:5px;border-radius:3px;background:var(--sea);margin-top:22px}
.hero-sub{margin:18px 0 0;font-size:19px;opacity:.95}

/* Inhalt */
.block{padding:72px 0}
.block.alt{background:var(--tint)}
.band{padding:56px 0;background:var(--tint)}
h2{color:var(--deep);font-size:clamp(24px,3.2vw,32px);line-height:1.25;margin:0 0 18px;font-weight:700}
h3{color:var(--deep);font-size:20px;line-height:1.3;margin:0 0 10px;font-weight:700}
h4{color:var(--ocean-dark);margin:24px 0 6px;font-size:17px}
p{margin:0 0 16px}
.block h2:not(.center):not(.lead)::before{content:"";display:block;width:44px;height:4px;border-radius:2px;background:var(--sea);margin-bottom:14px}
.lead{font-size:clamp(24px,3.4vw,34px);color:var(--deep)}
.lead-p{font-size:19px;color:var(--deep);font-weight:600}
.intro{padding:72px 0 16px}
.intro p{font-size:19px;color:var(--muted)}
.btn{display:inline-block;background:var(--deep);color:#fff;padding:13px 28px;border-radius:999px;text-decoration:none;font-weight:600;font-size:16px;margin:4px 6px 4px 0;transition:background .15s,transform .15s}
.btn:hover{background:var(--ocean);color:#fff;transform:translateY(-1px)}
.small{font-size:14px;color:var(--muted)}
.narrow-p{max-width:800px;margin-left:auto;margin-right:auto}

.check{list-style:none;padding:0;margin:0 0 16px}
.check li{position:relative;padding-left:30px;margin:0 0 9px}
.check li::before{content:"";position:absolute;left:3px;top:.5em;width:12px;height:12px;border-radius:50%;background:var(--sea);box-shadow:0 0 0 3px var(--tint2)}
.chips{list-style:none;padding:0;margin:22px 0 0;display:flex;flex-wrap:wrap;gap:12px}
.chips li{background:#fff;border:2px solid var(--sea);border-radius:999px;padding:9px 20px;font-weight:600;color:var(--deep)}
.facts{list-style:none;padding:0;margin:0 0 26px;display:flex;flex-wrap:wrap;gap:8px}
.facts li{background:var(--tint2);border-radius:999px;padding:6px 16px;font-weight:600;color:var(--deep);font-size:15px}

.cards{list-style:none;padding:0;margin:36px 0 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:22px}
.cards.three{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}
.cards.two{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:22px;margin-top:36px}
.card{background:#fff;border:1px solid var(--tint2);border-top:5px solid var(--sea);border-radius:var(--radius);padding:26px;box-shadow:var(--shadow)}
.alt .card{border-color:transparent;border-top-color:var(--ocean)}
.card p:last-child,.card ul:last-child{margin-bottom:0}

.steps{list-style:none;padding:0;margin:36px 0 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:22px}
.steps li{background:#fff;border:1px solid var(--tint2);border-radius:var(--radius);padding:26px;box-shadow:var(--shadow)}
.num{display:inline-grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--ocean);color:#fff;font-weight:700;margin-bottom:12px}

.two{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start}
.two>div:only-child{grid-column:1/-1}
.photo{border-radius:var(--radius);display:block;width:100%;box-shadow:var(--shadow)}
.claims{background:var(--deep);padding:64px 0}
.claim-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:22px}
.claim-grid li{border-top:4px solid var(--sea);background:rgba(255,255,255,.07);border-radius:var(--radius);padding:24px;color:#fff;font-weight:600;line-height:1.5}

.leader{display:grid;grid-template-columns:220px 1fr;gap:36px;align-items:start;margin:36px 0;padding:32px;background:var(--tint);border-radius:var(--radius);border-left:6px solid var(--sea)}
.leader.flip{grid-template-columns:1fr 220px;border-left:0;border-right:6px solid var(--ocean)}
.leader.flip .portrait{order:2}
.portrait{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:var(--radius);background:var(--tint2)}
.area{color:var(--ocean-dark);font-weight:600}
details{margin-top:8px}
summary{cursor:pointer;color:var(--ocean-dark);font-weight:600;padding:6px 0}
summary:hover{color:var(--deep)}

.contact-list{list-style:none;margin:0;padding:0;display:grid;gap:26px}
.contact-list span{display:block;color:var(--ocean-dark);font-weight:700;font-size:13px;text-transform:uppercase;letter-spacing:.08em;margin-bottom:2px}
.contact-list a{font-size:22px;font-weight:600}
.legal-text h2{margin-top:36px;font-size:22px}
.legal-text h2::before{display:none!important}
.legal-text ul{padding-left:22px}

/* Fuß */
.foot{background:var(--deep);color:#d6e0e6;padding:52px 0 30px;text-align:center;border-top:6px solid var(--sea)}
.foot a{color:#fff;text-decoration:none}
.foot a:hover{text-decoration:underline}
.foot-contact,.social{list-style:none;margin:0 0 20px;padding:0;display:flex;justify-content:center;flex-wrap:wrap;gap:18px 30px}
.foot-contact a{display:inline-flex;align-items:center;gap:10px}
.foot svg{width:22px;height:22px;fill:currentColor}
.social a{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:rgba(255,255,255,.1);transition:background .15s}
.social a:hover{background:var(--sea);color:var(--deep);text-decoration:none}
.legal{margin:6px 0}
.copy{font-size:14px;opacity:.7;margin:0}

a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--ocean);outline-offset:3px}

@media (max-width:860px){
  .burger{display:block}
  .menu{display:none;position:absolute;left:0;right:0;top:100%;background:#fff;flex-direction:column;align-items:stretch;padding:8px 20px 18px;box-shadow:0 14px 24px rgba(14,61,61,.15);gap:0;max-height:calc(100vh - 80px);overflow:auto}
  .menu.open{display:flex}
  .menu a{border-radius:8px}
  .sub{position:static;display:block;box-shadow:none;border:0;padding:0 0 0 16px;min-width:0}
  .has-sub>a::after{display:none}
  .two,.leader,.leader.flip{grid-template-columns:1fr}
  .leader.flip{border-right:0;border-left:6px solid var(--ocean)}
  .leader.flip .portrait{order:0}
  .portrait{max-width:240px}
  .hero{padding:56px 0}
  .hero-img{padding:90px 0}
  .block{padding:48px 0}
  .cards.two{grid-template-columns:1fr}
  .two{gap:28px}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn{transition:none}}

/* Feinschliff */
.hero-img{background-color:var(--deep)}
.center h2::before{margin-left:auto;margin-right:auto}
.leader:not(:has(.portrait)),.leader.flip:not(:has(.portrait)){grid-template-columns:1fr}

/* Farbkorrektur: Türkis sparsam, Akzente in KTW-Rot */
:root{--red:#cc1918;--red-dark:#a81312;--tint:#f2f6f9;--tint2:#e3ecf2}
.topbar{border-bottom:3px solid var(--red)}
.hero{background:linear-gradient(120deg,var(--deep) 0%,#173f4d 55%,var(--ocean) 100%)}
.hero::after{background:radial-gradient(circle,rgba(74,124,160,.45),rgba(74,124,160,0) 70%)}
.hero h1::after{background:var(--red)}
.block h2:not(.center):not(.lead)::before,.center h2::before{background:var(--red)}
.btn{background:var(--red);color:#fff}
.btn:hover{background:var(--deep);color:#fff}
.card,.alt .card{border-top-color:var(--ocean)}
.check li::before{background:var(--ocean);box-shadow:0 0 0 3px var(--tint2)}
.chips li{border-color:var(--ocean)}
.num{background:var(--red)}
.claim-grid li{border-top-color:var(--sea)}
.leader{border-left-color:var(--ocean)}
.leader.flip{border-right-color:var(--ocean)}
.foot{border-top-color:var(--red)}
.social a:hover{background:var(--red);color:#fff}
.menu a[aria-current="page"]{background:var(--deep)}
summary,.area{color:var(--ocean-dark)}
.hero.hero-img{background-color:var(--deep)}

/* Startseite: Vorteile mit Icons, kein helles Türkis mehr */
:root{--sea:#4a7ca0}
.claim-grid{gap:36px}
.claim-grid li{display:flex;flex-direction:column;align-items:center;text-align:center;gap:16px;background:none;border:0;padding:8px;font-weight:400;font-size:16px}
.claim-grid svg{width:64px;height:64px;fill:none;stroke:#fff;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}
.claim-grid span{max-width:240px}


/* Startseite: Angebot auf einen Blick */
.offer{position:relative;z-index:2;margin-top:-84px;padding-bottom:8px}
.offer-title{color:#fff;margin-bottom:20px!important;text-shadow:0 1px 8px rgba(0,0,0,.3)}
.offer-title::before{display:none!important}
.offer-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.offer-grid a{display:flex;flex-direction:column;height:100%;background:#fff;border-radius:var(--radius);border-top:5px solid var(--red);padding:26px 22px;text-decoration:none;color:var(--text);box-shadow:0 14px 36px rgba(14,61,61,.18);transition:transform .15s,box-shadow .15s}
.offer-grid a:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(14,61,61,.26);color:var(--text)}
.offer-grid svg{width:52px;height:52px;fill:none;stroke:var(--ocean);stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;margin-bottom:14px}
.offer-grid h3{margin:0 0 8px;font-size:20px}
.offer-grid p{font-size:15px;line-height:1.55;color:var(--muted);flex:1}
.offer-grid .more{color:var(--red-dark);font-weight:700;font-size:15px}
.offer-grid .more b{display:inline-block;transition:transform .15s}
.offer-grid a:hover .more b{transform:translateX(4px)}
.intro{padding-top:56px}
@media (max-width:980px){.offer-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:560px){.offer{margin-top:-48px}.offer-grid{grid-template-columns:1fr}}

/* Startseite: Fahrzeugfoto im Kopfbereich */
.hero-home{padding:130px 0 230px;background-position:center 62%}
@media (max-width:860px){.hero-home{padding:70px 0 150px;background-position:58% center}}

/* Heller Kopfbereich, mehr Ocean Blue */
.hero-img h1{text-shadow:0 2px 16px rgba(10,30,50,.55)}
.hero-img h1,.hero-img .hero-sub,.offer-title{text-shadow:0 2px 16px rgba(10,30,50,.6)}
.menu a[aria-current="page"]{background:var(--ocean);color:#fff}
.menu a:hover{background:var(--tint2);color:var(--ocean-dark)}
h2{color:var(--ocean-dark)}
.hero h1,.offer-title{color:#fff}
.btn:hover{background:var(--ocean-dark)}
.claims{background:linear-gradient(135deg,var(--ocean-dark),var(--ocean))}
.foot{background:#274a63}
.foot{border-top-color:var(--red)}
.offer-grid svg{box-sizing:content-box;padding:12px;background:var(--tint2);border-radius:14px;stroke:var(--ocean-dark)}
.offer-grid a{border-top-color:var(--ocean)}
.offer-grid .more{color:var(--ocean-dark)}
.card,.alt .card{border-top-color:var(--ocean)}
.num{background:var(--ocean)}
.topbar{border-bottom-color:var(--red)}
.hero:not(.hero-img){background:linear-gradient(120deg,var(--ocean-dark) 0%,var(--ocean) 100%)}
.lead{color:var(--ocean-dark)}
.hero.hero-img{background-color:var(--ocean-dark)}

.hero.hero-img{background-color:var(--ocean-dark)}

/* Startseite: Aussage im Kopfbild */
.hero-home h1{max-width:620px;font-size:clamp(28px,4.2vw,46px)}
.hero-home .hero-sub{max-width:520px;font-size:19px;font-weight:600}
.offer-title{margin-top:0}
.offer{padding-bottom:72px}

/* Vorteile-Band und Fußzeile: hell und freundlich */
.claims{background:var(--tint);padding:72px 0 80px}
.claim-grid{gap:40px}
.claim-grid li{color:var(--text);font-weight:600;font-size:16px;line-height:1.55}
.claim-grid svg{box-sizing:content-box;width:46px;height:46px;padding:20px;border-radius:50%;stroke:#fff;stroke-width:2.6;background:linear-gradient(145deg,var(--ocean) 0%,var(--ocean-dark) 100%);box-shadow:0 0 0 7px #fff,0 10px 24px rgba(53,97,127,.28)}
.claim-grid li:nth-child(even) svg{background:linear-gradient(145deg,#d92b2a 0%,var(--red-dark) 100%);box-shadow:0 0 0 7px #fff,0 10px 24px rgba(204,25,24,.25)}
.claim-grid span{max-width:250px}
.foot{background:#fff;color:var(--text);border-top:6px solid var(--red)}
.foot a{color:var(--ocean-dark)}
.foot a:hover{color:var(--deep)}
.foot svg{fill:currentColor}
.social a{background:var(--ocean);color:#fff}
.social a:hover{background:var(--red);color:#fff;text-decoration:none}
.copy{color:var(--muted);opacity:1}
.claim-grid svg{width:58px;height:58px;padding:16px;stroke-width:3.2}
.claim-grid li:nth-child(even) svg{background:linear-gradient(145deg,var(--ocean) 0%,var(--ocean-dark) 100%);box-shadow:0 0 0 7px #fff,0 10px 24px rgba(53,97,127,.28)}
.foot{border-top:0}
.btn{background:var(--ocean-dark);color:#fff}
.btn:hover{background:var(--deep);color:#fff}

/* Angebotskacheln: Icons als runde Farbfelder */
.offer-grid svg{box-sizing:content-box;width:42px;height:42px;padding:19px;border-radius:50%;margin-bottom:18px;stroke:#fff;stroke-width:3;fill:rgba(255,255,255,.22);background:linear-gradient(145deg,var(--ocean) 0%,var(--ocean-dark) 100%);box-shadow:0 0 0 6px var(--tint2)}
.offer-grid svg{width:50px;height:50px;padding:16px;stroke-width:3.2}

/* Angebotskacheln: heller Kachel-Hintergrund, Linien-Icons (Lucide, ISC-Lizenz) */
.offer-grid svg{box-sizing:content-box;width:44px;height:44px;padding:16px;border-radius:16px;margin-bottom:16px;stroke:var(--ocean-dark);stroke-width:1.5;fill:none;background:var(--tint2);box-shadow:none}
.claim-grid svg{width:58px;height:58px;padding:16px;stroke:#fff;stroke-width:1.5;fill:none}

/* Vorteile-Band: schlicht, ohne Rand und Farbfeld */
.claim-grid svg,.claim-grid li:nth-child(even) svg{width:46px;height:46px;padding:0;border-radius:0;background:none;box-shadow:none;stroke:var(--ocean-dark);stroke-width:1.4;fill:none;margin-bottom:4px}
.claim-grid{gap:48px}
.claim-grid li{font-weight:500}

/* Handy-Menü: Unterpunkte klar als solche erkennbar */
@media (max-width:860px){
  .menu>li>a{font-weight:700}
  .sub{margin:2px 0 10px 20px;padding:0 0 0 14px;border-left:3px solid var(--ocean)}
  .sub li a{display:flex;align-items:center;gap:8px;padding:9px 10px;font-size:15px;font-weight:400;color:var(--muted)}
  .sub li a::before{content:"›";color:var(--ocean);font-weight:700;font-size:18px;line-height:1}
  .sub li a[aria-current="page"]{background:var(--tint2);color:var(--ocean-dark);font-weight:600}
}
@media (max-width:860px){.sub{border-radius:0}}
@media (max-width:860px){.sub li a{color:var(--ocean-dark);font-weight:500}}

/* Vorteile-Band: gleicher Icon-Stil wie die Angebotskacheln */
.claim-grid svg,.claim-grid li:nth-child(even) svg{box-sizing:content-box;width:44px;height:44px;padding:16px;border-radius:16px;background:var(--tint2);stroke:var(--ocean-dark);stroke-width:1.5;fill:none;box-shadow:none;margin-bottom:12px}

/* Krankentransport: schmaler Kopfbereich, Fahrzeug bleibt sichtbar */
.hero-kt{padding:0;min-height:430px;display:flex;align-items:flex-end;background-position:center 66%}
.hero-kt .wrap{width:100%;padding-bottom:56px}
.hero-kt h1{font-size:clamp(30px,4.6vw,48px)}
@media (max-width:860px){.hero-kt{min-height:300px;background-position:62% 60%}.hero-kt .wrap{padding-bottom:36px}}

/* Krankentransport: Werbetext im Kopfbereich + Angebotskästchen */
.hero-kt .hero-sub{max-width:620px;font-size:18px;line-height:1.5}
.kt-offer{padding-top:56px}
.kt-offer h2{margin-bottom:28px}
.kt-grid{grid-template-columns:repeat(3,1fr)}
.kt-grid .oc{display:flex;flex-direction:column;height:100%;background:#fff;border-radius:var(--radius);border-top:5px solid var(--ocean);padding:26px 22px;box-shadow:0 14px 36px rgba(14,61,61,.14)}
.kt-grid .oc svg{width:52px;height:52px;fill:none;stroke:var(--ocean-dark);stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;box-sizing:content-box;padding:12px;background:var(--tint2);border-radius:14px;margin-bottom:14px;align-self:flex-start}
.kt-grid .oc h3{margin:0 0 8px;font-size:20px}
.kt-grid .oc p{font-size:15px;line-height:1.55;color:var(--muted);margin:0}
@media (max-width:980px){.kt-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:560px){.kt-grid{grid-template-columns:1fr}.hero-kt .hero-sub{font-size:16px}.hero-kt{min-height:340px}}

/* Unsere Flotte */
.fleet{background:var(--tint);padding:64px 0}
.fleet h2{margin-bottom:28px}
.fleet-in{display:grid;grid-template-columns:1.4fr 1fr;gap:32px;align-items:stretch}
.fleet-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.fleet-grid li{background:#fff;border-radius:var(--radius);border-top:5px solid var(--ocean);padding:24px 16px;text-align:center;box-shadow:0 10px 28px rgba(14,61,61,.10);display:flex;flex-direction:column;align-items:center;gap:6px}
.fleet-grid svg,.fleet-note svg{width:44px;height:44px;fill:none;stroke:var(--ocean-dark);stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;box-sizing:content-box;padding:12px;background:var(--tint2);border-radius:14px;margin-bottom:8px}
.fleet-grid b{font-size:26px;color:var(--deep);letter-spacing:.5px}
.fleet-grid span{font-size:14px;color:var(--muted);line-height:1.4}
.fleet-note{background:#fff;border-radius:var(--radius);padding:24px;box-shadow:0 10px 28px rgba(14,61,61,.10);display:flex;flex-direction:column;justify-content:center}
.fleet-note svg{align-self:flex-start;flex:none}
.fleet-note p{margin:0;font-size:16px;line-height:1.6}
@media (max-width:900px){.fleet-in{grid-template-columns:1fr}}
@media (max-width:520px){.fleet-grid{grid-template-columns:1fr}}
.fleet-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.fleet-in{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr)}
.hero-kt .hero-sub{max-width:500px}
@media (max-width:900px){.fleet-in{grid-template-columns:minmax(0,1fr)}}
@media (max-width:520px){.fleet-grid{grid-template-columns:minmax(0,1fr)}}

/* Krankentransport: Paris-Foto, Text oben, Fahrzeug unten sichtbar */
.hero-kt{align-items:flex-start;min-height:540px;background-position:center bottom;background-size:cover}
.hero-kt .wrap{padding-top:52px;padding-bottom:0}
@media (max-width:860px){.hero-kt{min-height:440px;background-position:30% bottom}.hero-kt .wrap{padding-top:34px}}

/* Icons wie Startseite */
.kt-grid .oc svg,.fleet-grid svg,.fleet-note svg{width:44px;height:44px;padding:16px;border-radius:16px;stroke-width:1.5}
.fleet-grid svg,.fleet-note svg{margin-bottom:8px}

/* Krankentransport: Eiffelturm sichtbar */
.hero-kt{min-height:680px;background-position:center bottom}
@media (max-width:860px){.hero-kt{min-height:560px;background-position:60% bottom}}

/* Krankentransport: Foto mit Wolken */
.hero-kt{min-height:560px;background-position:center 72%}
@media (max-width:860px){.hero-kt{min-height:440px;background-position:64% bottom}}

/* Krankentransport: schmalerer Hero */
.hero-kt{min-height:400px;background-position:center 68%}
.hero-kt .wrap{padding-top:36px}
.hero-kt h1{font-size:clamp(28px,4vw,40px)}
.hero-kt .hero-sub{font-size:17px;max-width:560px}
@media (max-width:860px){.hero-kt{min-height:380px;background-position:62% bottom}.hero-kt .wrap{padding-top:28px}}

/* Unsere Flotte (neu) */
.fl{background:var(--tint);padding:56px 0;border-top:1px solid var(--tint2)}
.fl-in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;align-items:center}
.fl-text h2{margin:0 0 14px}
.fl-text p{margin:0;font-size:17px;line-height:1.65}
.fl-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}
.fl-list li{display:flex;align-items:center;gap:18px;background:#fff;border-radius:var(--radius);padding:14px 20px;box-shadow:0 8px 24px rgba(14,61,61,.08);border-left:5px solid var(--ocean)}
.fl-badge{flex:none;width:68px;text-align:center;background:var(--ocean);color:#fff;font-weight:700;letter-spacing:1px;border-radius:10px;padding:10px 0;font-size:18px}
.fl-name{font-size:18px;font-weight:600;color:var(--deep)}
@media (max-width:820px){.fl-in{grid-template-columns:minmax(0,1fr);gap:24px}}
@media (max-width:480px){.fl-name{font-size:16px}.fl-list li{gap:12px;padding:12px 14px}.fl-badge{width:58px}}

/* Flotte: schlanke Liste */
.fl-list{gap:0;border-top:1px solid #c9d8e3}
.fl-list li{background:none;box-shadow:none;border-left:0;border-radius:0;padding:14px 4px;border-bottom:1px solid #c9d8e3;gap:20px}
.fl-badge{background:none;color:var(--ocean-dark);width:52px;padding:0;font-size:16px;text-align:left;letter-spacing:1.5px}
.fl-name{font-size:17px;font-weight:500;color:var(--deep)}
@media (max-width:480px){.fl-badge{width:46px}.fl-name{font-size:16px}.fl-list li{padding:12px 2px;gap:12px}}

/* Flotte: Haken statt Kürzel-Spalte */
.fl-list li svg{flex:none;width:22px;height:22px;fill:none;stroke:var(--ocean);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.fl-abk{color:var(--muted);font-weight:400}

/* Sanitätsdienst: Hero-Slideshow */
.hero-slides{padding:0;min-height:420px;display:flex;align-items:flex-end;background:var(--ocean-dark)}
.hero-slides .wrap{padding-top:40px;padding-bottom:56px;width:100%}
.hero-slides .slides{position:absolute;inset:0;z-index:0}
.hero-slides .slides span{position:absolute;inset:0;background-size:cover;opacity:0;animation:heroFade 24s infinite}
.hero-slides .slides span:nth-child(1){opacity:1;animation-delay:0s}
.hero-slides .slides span:nth-child(2){animation-delay:6s}
.hero-slides .slides span:nth-child(3){animation-delay:12s}
.hero-slides .slides span:nth-child(4){animation-delay:18s}
.hero-slides .slides::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(30,70,105,.68) 0%,rgba(30,70,105,.3) 45%,rgba(30,70,105,.05) 75%),linear-gradient(0deg,rgba(15,40,65,.35),rgba(15,40,65,0) 45%)}
.hero-slides h1{text-shadow:0 2px 16px rgba(10,30,50,.6)}
@keyframes heroFade{0%{opacity:0}4%{opacity:1}25%{opacity:1}29%{opacity:0}100%{opacity:0}}
@media (prefers-reduced-motion:reduce){.hero-slides .slides span{animation:none}.hero-slides .slides span:nth-child(n+2){display:none}}
@media (max-width:860px){.hero-slides{min-height:320px}.hero-slides .wrap{padding-bottom:36px}}

/* Angebotskarten auf Unterseiten */
.kt-offer .lead-p{max-width:760px;margin:0 0 28px;font-size:18px}
.kt-grid .oc ul{margin:8px 0 0;padding-left:18px;font-size:15px;color:var(--muted);line-height:1.6}
.kt-grid .oc p+ul,.kt-grid .oc ul+p{margin-top:10px}
.kt-claim{margin:32px 0 0;font-size:18px;color:var(--ocean-dark)}
.cico{display:block;width:44px;height:44px;box-sizing:content-box;padding:16px;background:var(--tint2);border-radius:16px;fill:none;stroke:var(--ocean-dark);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;margin-bottom:14px}

/* Angebot wie auf der Startseite: Titel im Hero, Kästchen überlappen */
.hero-kt,.hero-slides{padding-bottom:150px;min-height:500px}
.hero-slides .wrap{padding-bottom:0}
.hero-kt .wrap{padding-bottom:0}
.offer .kt-grid{margin-bottom:0}
.offer .cards{margin-top:0}
.offer .cards .card{box-shadow:0 14px 36px rgba(14,61,61,.18)}
@media (max-width:860px){.hero-kt,.hero-slides{padding-bottom:110px;min-height:420px}}
.hero-claim{margin:14px 0 0;font-size:20px;font-weight:700;color:#fff;text-shadow:0 2px 16px rgba(10,30,50,.6)}
.tele-steps{margin-top:24px}.kt-grid .oc a{color:var(--ocean-dark)}
.kt-grid .oc a{display:inline;height:auto;background:none;border:0;padding:0;box-shadow:none;border-radius:0;color:var(--ocean-dark);text-decoration:underline;transform:none}

/* Telenotarzt: Ablauf */
.flow{list-style:none;margin:40px 0 8px;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px;counter-reset:none}
.flow li{position:relative;padding-top:64px}
.flow li::before{content:"";position:absolute;top:21px;left:52px;right:-36px;height:2px;background:var(--tint2)}
.flow li:last-child::before{display:none}
.flow-num{position:absolute;top:0;left:0;width:44px;height:44px;border-radius:50%;background:var(--ocean);color:#fff;font-weight:700;font-size:18px;display:flex;align-items:center;justify-content:center}
.flow h3{margin:0 0 8px;font-size:20px}
.flow p{margin:0;font-size:16px;line-height:1.65}
.flow a{color:var(--ocean-dark);text-decoration:underline}
@media (max-width:820px){.flow{grid-template-columns:minmax(0,1fr);gap:0}.flow li{padding:0 0 32px 64px;min-height:44px}.flow li::before{top:48px;bottom:4px;left:21px;right:auto;width:2px;height:auto}.flow li:last-child{padding-bottom:0}}
.flow li::before{background:#c3d4e0}
.hero-kt .hero-sub{max-width:640px}

/* Ablauf zentriert */
.flow{max-width:1040px;margin-left:auto;margin-right:auto}
.flow li{text-align:center}
.flow-num{left:50%;margin-left:-22px}
.flow li::before{left:calc(50% + 34px);right:calc(-50% - 2px)}
@media (max-width:820px){
 .flow{max-width:420px}
 .flow li{text-align:left}
 .flow-num{left:0;margin-left:0}
 .flow li::before{left:21px;right:auto}
}
@media (min-width:821px){.flow{max-width:none;gap:20px}.flow li{padding-left:12px;padding-right:12px}.flow li::before{left:calc(50% + 34px);right:calc(-50% + 14px)}}
.flow-band{background:var(--tint);padding:48px 0 40px;margin-top:8px}.flow-band .flow{margin:0 auto}
.flow-band{margin-top:56px;padding-top:64px}
.flow-band,.band-blue{background:#dfe9f1}.flow li::before{background:#a9c0d1}

/* KI-Kennzeichnung im Hero */
.hero-ai{position:absolute;top:14px;right:14px;z-index:3;background:rgba(255,255,255,.85);border-radius:8px;padding:5px 9px;line-height:0}
.hero-ai img{display:block;width:34px;height:auto}
.hero-kt:has(.hero-ai){background-position:center 40%}
.hero-kt:has(.hero-ai)::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(18,52,84,.55) 0%,rgba(18,52,84,.3) 50%,rgba(18,52,84,0) 80%);z-index:0}
.hero-ai{top:auto;bottom:14px;right:16px;width:34px;height:34px;padding:0;border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.88);box-shadow:0 2px 8px rgba(10,30,50,.25)}
.hero-ai img{width:18px}
@media (max-width:1250px){.hero-ai{bottom:98px}}
.hero-ai{width:26px;height:26px;right:14px}
.hero-ai img{width:14px}
@media (max-width:1250px){.hero-ai{bottom:96px}}

/* Telenotarzt/Telemedizin-Foto */
.hero-strong{background-position:center 38%}
.hero-strong::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(18,52,84,.7) 0%,rgba(18,52,84,.4) 45%,rgba(18,52,84,0) 80%);z-index:0}
@media (max-width:860px){.hero-strong{background-position:30% 40%}}

/* Textblöcke bündig mit der Hero-Überschrift (linke Kante) */
.wrap.narrow:not(.center){max-width:var(--maxw)}
.wrap.narrow:not(.center)>*{max-width:800px}

/* Leader-Akkordeon */
.leader .accs{margin-top:14px;border-top:1px solid #d5e2ec}
.leader details.acc{margin:0;border-bottom:1px solid #d5e2ec}
.leader details.acc summary{cursor:pointer;list-style:none;padding:12px 28px 12px 0;font-weight:600;color:var(--teal,#0E3D3D);position:relative}
.leader details.acc summary::-webkit-details-marker{display:none}
.leader details.acc summary::after{content:"+";position:absolute;right:4px;top:10px;font-size:1.3rem;color:#4A7CA0;font-weight:400}
.leader details.acc[open] summary::after{content:"–"}
.leader details.acc p,.leader details.acc ul{margin:0 0 14px}
.leader details.acc ul{padding-left:20px}
.leader .outro{margin-top:16px}

/* Kontakt */
.kon-grid{grid-template-columns:repeat(6,1fr)}
.kon-grid li{grid-column:span 2}
.kon-grid li:nth-child(n+4){grid-column:span 3}
.kon-grid .oc p{font-size:17px;color:var(--text)}
.kon-grid .oc a{color:var(--ocean-dark);font-weight:600;text-decoration:none;border-bottom:1px solid var(--ocean);display:inline;height:auto;padding:0;background:none;box-shadow:none;border-top:0;border-radius:0}
.kon-grid .oc a:hover{color:var(--ocean)}
.kon-gap{height:56px}
@media (max-width:980px){.kon-grid{grid-template-columns:repeat(2,1fr)}.kon-grid li,.kon-grid li:nth-child(n+4){grid-column:auto}}
@media (max-width:560px){.kon-grid{grid-template-columns:1fr}}
.kon-grid{margin-top:36px}

/* Hero-Schrift einheitlich (Vorlage: Sanitätsdienst) */
.hero-kt h1{font-size:clamp(30px,5.2vw,54px);line-height:1.15}
.hero-kt .hero-sub{font-size:19px;line-height:inherit;max-width:900px;margin-top:18px}
@media (max-width:560px){.hero-kt .hero-sub{font-size:16px}}

/* Hero-Textposition einheitlich (Vorlage: Sanitätsdienst) */
.hero-kt,.hero-slides{align-items:flex-start}
.hero-kt .wrap,.hero-slides .wrap{padding-top:163px;padding-bottom:0}
@media (max-width:860px){.hero-kt .wrap,.hero-slides .wrap{padding-top:40px}}
.hero-kt,.hero-slides{padding-bottom:110px}

/* KI-Icon: knapp über der Hero-Kante */
.hero-ai{bottom:40px}
@media (max-width:1250px){.hero-ai{bottom:44px}}
@media (max-width:560px){.hero-ai{bottom:12px;right:12px}}

/* Startseite mobil: ganzer Rettungswagen sichtbar */
@media (max-width:860px){.hero-home{background-size:cover,cover;background-position:center,52% center}}

/* Größere, besser lesbare Schrift */
body{font-size:18px}
.hero-sub,.hero-kt .hero-sub,.hero-home .hero-sub{font-size:21px;line-height:1.55;font-weight:500;text-shadow:0 1px 3px rgba(10,30,50,.55),0 2px 18px rgba(10,30,50,.7)}
.hero-claim{font-size:22px;text-shadow:0 1px 3px rgba(10,30,50,.55),0 2px 18px rgba(10,30,50,.7)}
.offer-title{font-size:clamp(28px,3.6vw,38px)}
.kt-grid .oc p,.offer-grid p,.cards .card p,.cards .oc p{font-size:16.5px;line-height:1.6}
.kt-grid .oc ul,.cards .oc ul,.cards .card ul{font-size:16.5px}
.lead-p,.intro p,.kt-offer .lead-p{font-size:20px}
.fl-text p{font-size:18px}
@media (max-width:560px){
  body{font-size:17px}
  .hero-sub,.hero-kt .hero-sub,.hero-home .hero-sub{font-size:18px}
  .hero-claim{font-size:19px}
  .offer-title{font-size:26px}
  .kt-grid .oc p,.offer-grid p,.cards .card p,.cards .oc p,.kt-grid .oc ul{font-size:16px}
}
.hero-slides .slides::after{background:linear-gradient(90deg,rgba(24,62,96,.82) 0%,rgba(24,62,96,.6) 45%,rgba(24,62,96,.12) 80%),linear-gradient(0deg,rgba(15,40,65,.4),rgba(15,40,65,0) 45%)}
@media (max-width:860px){.hero-slides .slides::after{background:linear-gradient(90deg,rgba(24,62,96,.7) 0%,rgba(24,62,96,.45) 60%,rgba(24,62,96,.2) 100%),linear-gradient(0deg,rgba(15,40,65,.3),rgba(15,40,65,0) 45%)}}

/* PC-Ansicht: noch größere Schrift */
@media (min-width:861px){
  body{font-size:20px}
  .hero-sub,.hero-kt .hero-sub,.hero-home .hero-sub{font-size:24px;line-height:1.5}
  .hero-kt .hero-sub{max-width:980px}
  .hero-home .hero-sub{max-width:620px}
  .hero-claim{font-size:25px}
  .offer-title{font-size:clamp(32px,3.4vw,42px)}
  h2{font-size:clamp(28px,3vw,36px)}
  .kt-grid .oc p,.offer-grid p,.cards .card p,.cards .oc p{font-size:18.5px;line-height:1.6}
  .kt-grid .oc ul,.cards .oc ul,.cards .card ul,.check li{font-size:18.5px}
  .kt-grid .oc h3,.offer-grid h3,.cards h3{font-size:23px}
  .lead-p,.intro p,.kt-offer .lead-p{font-size:22px}
  .fl-text p,.fl-name{font-size:19px}
  .menu a{font-size:16.5px}
  .btn{font-size:18px}
  .small{font-size:15.5px}
  .leader p{font-size:19px}
}
@media (min-width:861px){.hero-kt,.hero-slides{min-height:540px}}

/* Breiterer Inhaltsbereich, Fließtext 18px */
:root{--maxw:1320px}
@media (min-width:861px){
  body{font-size:18px}
  .kt-grid .oc p,.offer-grid p,.cards .card p,.cards .oc p,.kt-grid .oc ul,.cards .oc ul,.cards .card ul,.check li{font-size:18px}
  .leader p{font-size:18px}
  .fl-text p,.fl-name{font-size:18px}
  .offer-grid,.kt-grid{gap:26px}
}