/* =========================================================
   TNR NOTFALLPROTOKOLL – Rettungsdienst-Design
   Farben hier an das Logo anpassen:
   ========================================================= */
:root{
  --navy:#0A192F;
  --navy-2:#112240;
  --navy-3:#1d4580;
  --yellow:#FFD600;
  --yellow-2:#ffe866;
  --red:#E53935;
  --red-2:#C62828;
  --green:#0f9d58;
  --grey:#6b7685;
  --paper:#f4f6f9;
  --ink:#0d1726;
  --line:#dfe4ec;
  --radius:14px;
  --shadow:0 12px 34px rgba(11,31,58,.14);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:"Work Sans",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:var(--ink);background:var(--paper);overflow-x:hidden;-webkit-font-smoothing:antialiased}
h1,h2,h3,.bebas{font-family:"Bebas Neue",Impact,"Arial Narrow",sans-serif;letter-spacing:.02em;font-weight:400;line-height:.95}
a{color:var(--navy-3)}
.text-yellow{color:var(--yellow)!important}
.text-red{color:var(--red)!important}

/* ---------- Warnstreifen / Battenburg ---------- */
.battenburg{height:22px;background:
  linear-gradient(90deg,var(--yellow) 50%,var(--navy) 50%) 0 0/44px 11px,
  linear-gradient(90deg,var(--navy) 50%,var(--yellow) 50%) 0 11px/44px 11px;background-repeat:repeat-x}
.hazard{height:8px;background:repeating-linear-gradient(-45deg,var(--red) 0 14px,#fff 14px 28px)}
.hazard-y{height:8px;background:repeating-linear-gradient(-45deg,var(--yellow) 0 14px,var(--navy) 14px 28px)}

/* ---------- Topbar ---------- */
.topbar{background:var(--red);color:#fff;font-weight:700;font-size:.92rem;position:relative;z-index:1031}
.topbar a{color:#fff;text-decoration:none}
.blink-dot{display:inline-block;width:10px;height:10px;border-radius:50%;background:#fff;margin-right:8px;animation:blink 1s infinite}
@keyframes blink{50%{opacity:.15}}

/* ---------- Navbar & animiertes Logo ---------- */
.navbar-tnr{background:rgba(11,31,58,.97);backdrop-filter:blur(8px);border-bottom:3px solid var(--yellow);transition:padding .25s}
.navbar-tnr .nav-link{color:#fff;font-weight:600;text-transform:uppercase;font-size:.88rem;letter-spacing:.06em}
.navbar-tnr .nav-link:hover{color:var(--yellow)}
.brand-wrap{display:flex;align-items:center;gap:.75rem;text-decoration:none}
.brand-name{color:#fff;font-family:"Bebas Neue",sans-serif;font-size:1.55rem;line-height:.9}
.brand-name small{display:block;color:var(--yellow);font-family:"Work Sans";font-weight:700;font-size:.62rem;letter-spacing:.22em}
.logo-anim{position:relative;width:62px;height:62px;flex:0 0 62px;animation:logoIn 1.1s cubic-bezier(.2,1.4,.4,1) both}
.logo-anim img,.logo-anim svg{width:100%;height:100%;object-fit:cover;position:relative;z-index:2;border-radius:50%;background:#fff;box-shadow:0 0 0 3px var(--yellow)}
.logo-anim::before,.logo-anim::after{content:"";position:absolute;inset:-4px;border-radius:50%;border:3px solid var(--red);animation:ring 2.2s ease-out infinite;z-index:1}
.logo-anim::after{border-color:var(--yellow);animation-delay:1.1s}
.logo-anim .sweep{position:absolute;inset:0;border-radius:50%;overflow:hidden;z-index:3;pointer-events:none}
.logo-anim .sweep::before{content:"";position:absolute;top:-20%;left:-60%;width:40%;height:140%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.75),transparent);transform:rotate(20deg);animation:sweep 4s ease-in-out infinite 1.4s}
@keyframes logoIn{0%{transform:scale(.2) rotate(-200deg);opacity:0}100%{transform:none;opacity:1}}
@keyframes ring{0%{transform:scale(1);opacity:.9}100%{transform:scale(1.55);opacity:0}}
@keyframes sweep{0%,60%{left:-60%}100%{left:130%}}
.btn-call{background:var(--yellow);color:var(--navy);font-weight:800;border:0;border-radius:999px;padding:.55rem 1.1rem;text-transform:uppercase;letter-spacing:.04em;box-shadow:0 0 0 0 rgba(255,212,0,.7);animation:pulseY 2s infinite}
.btn-call:hover{background:#fff;color:var(--navy)}
@keyframes pulseY{70%{box-shadow:0 0 0 14px rgba(255,212,0,0)}100%{box-shadow:0 0 0 0 rgba(255,212,0,0)}}

/* ---------- Hero mit Parallax ---------- */
.hero{position:relative;min-height:92vh;display:flex;align-items:center;overflow:hidden;color:#fff;background:var(--navy)}
.hero-bg{position:absolute;inset:-12% 0;background:
   linear-gradient(100deg,rgba(11,31,58,.96) 0%,rgba(11,31,58,.82) 42%,rgba(11,31,58,.35) 100%),
   url("hero.jpg") center/cover no-repeat,
   url("https://images.pexels.com/photos/8671795/pexels-photo-8671795.jpeg?auto=compress&cs=tinysrgb&w=1920") center/cover no-repeat,
   radial-gradient(circle at 75% 40%,#1d4580 0,#0b1f3a 60%);will-change:transform}
.hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(90deg,#000 0,transparent 70%)}
.hero .container{position:relative;z-index:2}
.hero-kicker{display:inline-flex;align-items:center;gap:.5rem;background:var(--yellow);color:var(--navy);font-weight:800;padding:.35rem .8rem;border-radius:4px;text-transform:uppercase;font-size:.85rem;letter-spacing:.12em}
.hero h1{font-size:clamp(3.4rem,10vw,7.8rem);margin:.6rem 0 .4rem}
.hero h1 .hl{color:var(--navy);background:var(--yellow);padding:0 .18em;display:inline-block;transform:skew(-6deg)}
.hero h1 .hl span{display:inline-block;transform:skew(6deg)}
.hero-lead{font-size:clamp(1.05rem,2.2vw,1.35rem);max-width:640px;color:#dce6f5}
.btn-sos{background:var(--red);color:#fff;font-family:"Bebas Neue";font-size:1.7rem;letter-spacing:.06em;padding:.7rem 1.6rem;border:0;border-radius:10px;box-shadow:0 10px 30px rgba(227,6,19,.45),inset 0 -4px 0 rgba(0,0,0,.2)}
.btn-sos:hover{background:var(--red-2);color:#fff;transform:translateY(-2px)}
.btn-outline-y{border:2px solid var(--yellow);color:var(--yellow);font-family:"Bebas Neue";font-size:1.7rem;letter-spacing:.06em;padding:.6rem 1.4rem;border-radius:10px;background:transparent}
.btn-outline-y:hover{background:var(--yellow);color:var(--navy)}
.ecg{position:absolute;left:0;right:0;bottom:70px;height:80px;z-index:1;opacity:.55}
.ecg path{stroke:var(--yellow);stroke-width:3;fill:none;stroke-dasharray:1400;stroke-dashoffset:1400;animation:ecg 3.6s linear infinite}
@keyframes ecg{to{stroke-dashoffset:0}}
.hero-card{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);border-left:6px solid var(--yellow);border-radius:var(--radius);padding:1.2rem 1.4rem;backdrop-filter:blur(6px)}
.hero-card .num{font-family:"Bebas Neue";font-size:3rem;color:var(--yellow);line-height:1}
.scroll-cue{position:absolute;bottom:18px;left:50%;transform:translateX(-50%);z-index:2;color:#fff;opacity:.8;animation:bob 1.8s infinite}
@keyframes bob{50%{transform:translate(-50%,8px)}}

/* ---------- Sektionen ---------- */
section{position:relative}
.sec{padding:84px 0}
.sec-title{font-size:clamp(2.4rem,6vw,4rem);color:var(--navy)}
.sec-title .bar{display:inline-block;width:14px;height:.8em;background:var(--red);margin-right:.35em;vertical-align:-.05em}
.eyebrow{color:var(--red);font-weight:800;text-transform:uppercase;letter-spacing:.18em;font-size:.8rem}

/* USP */
.usp{background:#fff;border-radius:var(--radius);padding:1.6rem 1.3rem;height:100%;box-shadow:var(--shadow);border-top:5px solid var(--yellow);transition:transform .25s,border-color .25s}
.usp:hover{transform:translateY(-6px);border-top-color:var(--red)}
.usp i{font-size:2.2rem;color:var(--red)}
.usp h3{font-size:1.8rem;margin:.6rem 0 .3rem;color:var(--navy)}
.usp p{margin:0;color:#4b5667;font-size:.97rem}

/* Erste Hilfe */
.firstaid{background:var(--navy);color:#fff}
.fa-step{display:flex;gap:1rem;align-items:flex-start;padding:1.1rem;border-radius:var(--radius);background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);height:100%}
.fa-step .n{flex:0 0 52px;height:52px;border-radius:12px;background:var(--yellow);color:var(--navy);font-family:"Bebas Neue";font-size:2rem;display:grid;place-items:center}
.fa-step h4{font-family:"Bebas Neue";font-size:1.55rem;margin:0;color:var(--yellow)}
.fa-step p{margin:.2rem 0 0;color:#cfdbee;font-size:.95rem}

/* Parallax-Trenner */
.parallax-band{position:relative;overflow:hidden;color:#fff;text-align:center;padding:110px 0;background:var(--navy-2)}
.parallax-band .pb-bg{position:absolute;inset:-25% 0;background:linear-gradient(rgba(11,31,58,.78),rgba(11,31,58,.86)),url("hero.jpg") center/cover,url("https://images.pexels.com/photos/6816861/pexels-photo-6816861.jpeg?auto=compress&cs=tinysrgb&w=1600") center/cover,linear-gradient(135deg,var(--navy-3),var(--navy));will-change:transform}
.parallax-band .container{position:relative}
.parallax-band blockquote{font-family:"Bebas Neue";font-size:clamp(2.2rem,6vw,4.4rem);margin:0}
.parallax-band blockquote span{color:var(--yellow)}

/* ---------- PROTOKOLL ---------- */
.protocol-wrap{background:linear-gradient(180deg,var(--paper) 0,#e9edf3 100%)}
.protocol{background:#fff;border-radius:18px;box-shadow:0 22px 60px rgba(11,31,58,.18);overflow:hidden;border:1px solid var(--line)}
.protocol-head{background:var(--navy);color:#fff;padding:1rem 1.3rem;display:flex;flex-wrap:wrap;gap:.6rem 1.4rem;align-items:center;justify-content:space-between}
.protocol-head .ph-title{font-family:"Bebas Neue";font-size:2rem;line-height:1}
.protocol-head .ph-title i{color:var(--red)}
.ph-meta{display:flex;gap:1rem;flex-wrap:wrap;font-size:.82rem;color:#b9c8de;font-weight:600}
.ph-meta b{color:#fff;font-family:"Bebas Neue";font-size:1.25rem;letter-spacing:.05em;margin-left:.25rem}
.ph-timer b{color:var(--yellow)}
.stepper{display:flex;background:#eef2f7;border-bottom:1px solid var(--line);overflow-x:auto;scrollbar-width:none}
.stepper::-webkit-scrollbar{display:none}
.stepper .st{flex:1 0 auto;min-width:96px;display:flex;align-items:center;gap:.5rem;padding:.75rem .9rem;font-weight:700;font-size:.8rem;text-transform:uppercase;letter-spacing:.06em;color:#7d8899;border-bottom:4px solid transparent;cursor:default;white-space:nowrap}
.stepper .st .c{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#d5dce6;color:#fff;font-size:.85rem;flex:0 0 28px}
.stepper .st.active{color:var(--navy);border-bottom-color:var(--red);background:#fff}
.stepper .st.active .c{background:var(--red)}
.stepper .st.done{color:var(--navy);cursor:pointer}
.stepper .st.done .c{background:var(--green)}
.protocol-body{padding:1.6rem 1.3rem 1.3rem}
@media(min-width:768px){.protocol-body{padding:2.2rem 2.4rem 1.6rem}}
.pstep{display:none;animation:stepIn .35s ease}
.pstep.active{display:block}
@keyframes stepIn{from{opacity:0;transform:translateX(18px)}to{opacity:1;transform:none}}
.q-title{font-family:"Bebas Neue";font-size:2rem;color:var(--navy);margin-bottom:.2rem}
.q-sub{color:#5a6577;margin-bottom:1.1rem}
.q-label{font-weight:800;text-transform:uppercase;letter-spacing:.08em;font-size:.78rem;color:var(--navy);margin:1.2rem 0 .55rem;display:flex;align-items:center;gap:.4rem}
.q-label .req{color:var(--red)}

/* Auswahl-Karten Kategorie */
.cat-card{position:relative;display:block;border:3px solid var(--line);border-radius:16px;padding:1.4rem 1.2rem;cursor:pointer;height:100%;transition:all .2s;background:#fff;overflow:hidden}
.cat-card input{position:absolute;opacity:0}
.cat-card .ico{width:64px;height:64px;border-radius:14px;display:grid;place-items:center;font-size:2rem;color:#fff;margin-bottom:.8rem}
.cat-card h3{font-size:2.1rem;margin:0;color:var(--navy)}
.cat-card p{margin:.3rem 0 0;color:#5a6577;font-size:.95rem}
.cat-card.notfall .ico{background:var(--red)}
.cat-card.totfund .ico{background:var(--grey)}
.cat-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}
.cat-card.selected.notfall{border-color:var(--red);box-shadow:0 0 0 5px rgba(227,6,19,.14)}
.cat-card.selected.totfund{border-color:var(--navy);box-shadow:0 0 0 5px rgba(11,31,58,.12)}
.cat-card .check{position:absolute;top:12px;right:12px;width:30px;height:30px;border-radius:50%;background:var(--green);color:#fff;display:none;place-items:center}
.cat-card.selected .check{display:grid}
.cat-card .stripe{position:absolute;left:0;right:0;bottom:0;height:6px}
.cat-card.notfall .stripe{background:repeating-linear-gradient(-45deg,var(--red) 0 10px,#fff 10px 20px)}
.cat-card.totfund .stripe{background:repeating-linear-gradient(-45deg,var(--grey) 0 10px,#fff 10px 20px)}
.subtype-box{display:none;margin-top:1rem;padding:1rem;border-radius:14px;background:#f1f4f8;border:2px dashed #c5cfdc}
.subtype-box.show{display:block;animation:stepIn .3s}

/* Chips */
.chips{display:flex;flex-wrap:wrap;gap:.5rem}
.chip{position:relative}
.chip input{position:absolute;opacity:0;pointer-events:none}
.chip span{display:inline-flex;align-items:center;gap:.4rem;padding:.6rem .95rem;border-radius:999px;border:2px solid var(--line);background:#fff;font-weight:700;font-size:.95rem;cursor:pointer;transition:all .15s;user-select:none}
.chip span:hover{border-color:var(--navy-3)}
.chip input:checked+span{background:var(--navy);border-color:var(--navy);color:#fff}
.chip input:focus-visible+span{outline:3px solid var(--yellow);outline-offset:2px}
.chip.red input:checked+span{background:var(--red);border-color:var(--red)}

/* Segmented Vitalzeichen */
.vital{background:#f6f8fb;border:1px solid var(--line);border-radius:14px;padding:.85rem;height:100%}
.vital .vh{font-weight:800;color:var(--navy);display:flex;align-items:center;gap:.45rem;margin-bottom:.55rem}
.vital .vh i{color:var(--red)}
.seg{display:flex;gap:.35rem}
.seg label{flex:1}
.seg input{position:absolute;opacity:0}
.seg span{display:block;text-align:center;padding:.55rem .3rem;border-radius:10px;border:2px solid var(--line);background:#fff;font-weight:700;font-size:.85rem;cursor:pointer;transition:all .15s}
.seg input:checked+span{color:#fff}
.seg input[data-lvl="g"]:checked+span{background:var(--green);border-color:var(--green)}
.seg input[data-lvl="y"]:checked+span{background:#e6a800;border-color:#e6a800}
.seg input[data-lvl="r"]:checked+span{background:var(--red);border-color:var(--red)}
.seg input:focus-visible+span{outline:3px solid var(--yellow)}

/* Triage-Karte live */
.triage-live{border-radius:14px;padding:1rem 1.1rem;display:flex;gap:1rem;align-items:center;color:#fff;background:var(--grey);transition:background .3s;margin-top:1.2rem}
.triage-live .tl-badge{font-family:"Bebas Neue";font-size:2.3rem;line-height:1;min-width:92px;text-align:center;background:rgba(0,0,0,.18);border-radius:10px;padding:.35rem .5rem}
.triage-live small{opacity:.9}
.triage-live.rot{background:var(--red);animation:alarm 1.2s infinite}
.triage-live.gelb{background:#e6a800}
.triage-live.gruen{background:var(--green)}
.triage-live.grau{background:var(--grey)}
@keyframes alarm{50%{box-shadow:0 0 0 6px rgba(227,6,19,.25)}}

/* GPS */
.gps-btn{width:100%;border:0;border-radius:16px;background:var(--navy);color:#fff;padding:1.2rem;display:flex;align-items:center;gap:1rem;text-align:left;box-shadow:inset 0 -5px 0 rgba(0,0,0,.25);transition:background .2s}
.gps-btn:hover{background:var(--navy-3)}
.gps-btn .gi{flex:0 0 60px;height:60px;border-radius:50%;background:var(--yellow);color:var(--navy);display:grid;place-items:center;font-size:1.8rem;position:relative}
.gps-btn .gi::after{content:"";position:absolute;inset:-6px;border-radius:50%;border:3px solid var(--yellow);opacity:0}
.gps-btn.loading .gi::after{animation:ring 1.2s infinite}
.gps-btn .gt{font-family:"Bebas Neue";font-size:1.9rem;line-height:1}
.gps-btn small{color:#c4d2e8;font-weight:600}
.gps-btn.ok{background:var(--green)}
.gps-btn.ok .gi{background:#fff;color:var(--green)}
.gps-status{font-weight:700;font-size:.9rem;margin-top:.6rem}
#map{height:300px;border-radius:14px;border:2px solid var(--line);margin-top:1rem;z-index:1}
.map-hint{font-size:.83rem;color:#5a6577;margin-top:.35rem}

/* Kamera */
.cam-btn{width:100%;border:3px dashed var(--red);border-radius:18px;background:#fff5f5;padding:1.6rem 1rem;text-align:center;cursor:pointer;transition:all .2s;display:block}
.cam-btn:hover{background:#ffe9ea}
.cam-btn .ci{width:84px;height:84px;margin:0 auto .6rem;border-radius:50%;background:var(--red);color:#fff;display:grid;place-items:center;font-size:2.4rem;box-shadow:0 10px 26px rgba(227,6,19,.35)}
.cam-btn .ct{font-family:"Bebas Neue";font-size:2.1rem;color:var(--navy);line-height:1}
.thumbs{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:.6rem;margin-top:1rem}
.thumb{position:relative;border-radius:12px;overflow:hidden;aspect-ratio:1;background:#eee;border:2px solid var(--line)}
.thumb img{width:100%;height:100%;object-fit:cover}
.thumb button{position:absolute;top:6px;right:6px;width:30px;height:30px;border-radius:50%;border:0;background:rgba(11,31,58,.85);color:#fff;display:grid;place-items:center}
.thumb .sz{position:absolute;left:0;right:0;bottom:0;background:rgba(11,31,58,.75);color:#fff;font-size:.72rem;padding:2px 6px;font-weight:600}

/* Inputs */
.form-control,.form-select{border:2px solid var(--line);border-radius:12px;padding:.75rem .9rem;font-weight:600}
.form-control:focus,.form-select:focus{border-color:var(--navy-3);box-shadow:0 0 0 4px rgba(29,69,128,.15)}
.form-switch .form-check-input{width:3rem;height:1.6rem;margin-top:0}
.form-check-input:checked{background-color:var(--green);border-color:var(--green)}
.switch-row{display:flex;gap:.9rem;align-items:center;padding:.85rem 1rem;background:#f6f8fb;border-radius:12px;border:1px solid var(--line)}
.switch-row label{font-weight:700}

.summary{background:#f6f8fb;border:1px solid var(--line);border-left:6px solid var(--navy);border-radius:12px;padding:1rem 1.1rem;font-size:.93rem}
.summary dt{font-weight:800;color:var(--navy);text-transform:uppercase;font-size:.72rem;letter-spacing:.08em}
.summary dd{margin:0 0 .5rem}

.notice-triage{display:flex;gap:.8rem;background:#fff8d6;border:2px solid var(--yellow);border-radius:12px;padding:.9rem 1rem;font-size:.92rem}
.notice-triage i{color:var(--navy);font-size:1.4rem}

.protocol-foot{display:flex;justify-content:space-between;gap:.8rem;padding:1rem 1.3rem;border-top:1px solid var(--line);background:#fafbfd}
@media(min-width:768px){.protocol-foot{padding:1rem 2.4rem}}
.btn-next{background:var(--navy);color:#fff;font-weight:800;text-transform:uppercase;letter-spacing:.06em;border-radius:12px;padding:.8rem 1.4rem;border:0}
.btn-next:hover{background:var(--navy-3);color:#fff}
.btn-back{background:transparent;border:2px solid var(--line);font-weight:800;text-transform:uppercase;border-radius:12px;padding:.8rem 1.1rem;color:var(--navy)}
.btn-send{background:var(--red);color:#fff;font-family:"Bebas Neue";font-size:1.7rem;letter-spacing:.06em;border-radius:12px;padding:.55rem 1.6rem;border:0;box-shadow:0 8px 24px rgba(227,6,19,.35)}
.btn-send:hover{background:var(--red-2);color:#fff}
.btn-send:disabled{opacity:.7}
.err-box{display:none;margin-top:1rem}

/* Ticket-Ergebnis */
.result{display:none;padding:2rem 1.3rem;text-align:center;animation:stepIn .4s}
.result.show{display:block}
.result .ok-ico{width:96px;height:96px;margin:0 auto 1rem;border-radius:50%;background:var(--green);color:#fff;display:grid;place-items:center;font-size:3rem;animation:logoIn .8s cubic-bezier(.2,1.4,.4,1)}
.ticket{display:inline-block;margin:.6rem auto 1rem;background:var(--navy);color:#fff;border-radius:14px;padding:1rem 1.4rem;position:relative;border:3px dashed var(--yellow)}
.ticket small{display:block;color:var(--yellow);font-weight:800;letter-spacing:.2em;font-size:.72rem}
.ticket .tno{font-family:"Bebas Neue";font-size:clamp(1.9rem,6vw,3rem);letter-spacing:.04em;line-height:1.05;word-break:break-all}
.next-steps{text-align:left;max-width:640px;margin:1.2rem auto}
.next-steps li{margin-bottom:.55rem}
.btn-wa{background:#25d366;color:#fff;font-weight:800;border-radius:12px;padding:.85rem 1.2rem;border:0}
.btn-wa:hover{background:#1da851;color:#fff}

/* Ablauf */
.flow{counter-reset:f}
.flow-item{position:relative;background:#fff;border-radius:var(--radius);padding:1.4rem 1.2rem 1.2rem;box-shadow:var(--shadow);height:100%}
.flow-item .fi{width:54px;height:54px;border-radius:12px;background:var(--navy);color:var(--yellow);display:grid;place-items:center;font-size:1.6rem;margin-bottom:.7rem}
.flow-item h4{font-family:"Bebas Neue";font-size:1.7rem;color:var(--navy);margin:0}
.flow-item p{margin:.3rem 0 0;color:#4b5667;font-size:.95rem}
.flow-item.decide{border:3px solid var(--yellow)}
.flow-item.decide .fi{background:var(--yellow);color:var(--navy)}

/* Zähler */
.counters{background:var(--navy);color:#fff}
.cnt{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);border-radius:var(--radius);padding:1.1rem;text-align:center;height:100%}
.cnt .v{font-family:"Bebas Neue";font-size:clamp(2.4rem,6vw,3.6rem);line-height:1;color:var(--yellow)}
.cnt .l{text-transform:uppercase;font-weight:800;letter-spacing:.12em;font-size:.75rem;color:#c4d2e8}
.cnt.big{background:var(--red);border-color:var(--red)}
.cnt.big .v{color:#fff}
.cnt.big .l{color:#ffe0e2}
.visitors{background:#0a1a31;color:#fff;border-top:4px solid var(--yellow)}
.vbox{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:.8rem .9rem}
.vbox .v{font-family:"Bebas Neue";font-size:2rem;line-height:1;color:#fff}
.vbox .l{font-size:.72rem;text-transform:uppercase;font-weight:800;letter-spacing:.1em;color:#9fb2cf}
.vbox.live .v{color:#3ee07f}
.live-dot{display:inline-block;width:9px;height:9px;border-radius:50%;background:#3ee07f;margin-right:6px;animation:blink 1.2s infinite}
.vchart{display:flex;align-items:flex-end;gap:5px;height:120px;padding-top:10px}
.vchart .b{flex:1;background:linear-gradient(180deg,var(--yellow),#c9a700);border-radius:4px 4px 0 0;position:relative;min-height:3px;transition:height .8s cubic-bezier(.2,1,.3,1)}
.vchart .b:last-child{background:linear-gradient(180deg,var(--red),#8f0009)}
.vchart .b:hover::after{content:attr(data-t);position:absolute;bottom:100%;left:50%;transform:translateX(-50%);background:#fff;color:var(--navy);font-size:.72rem;font-weight:800;padding:2px 6px;border-radius:5px;white-space:nowrap;margin-bottom:4px}
.vlabels{display:flex;gap:5px;margin-top:4px}
.vlabels span{flex:1;text-align:center;font-size:.62rem;color:#8ea3c3;font-weight:700}

/* Footer */
footer{background:#06111f;color:#9fb2cf;font-size:.9rem}
footer a{color:#fff;text-decoration:none}
footer a:hover{color:var(--yellow)}

/* Sticky Mobile-Notruf */
.mobile-sos{position:fixed;left:0;right:0;bottom:0;z-index:1040;display:flex;box-shadow:0 -6px 20px rgba(0,0,0,.25)}
.mobile-sos a{flex:1;text-align:center;padding:.85rem .5rem;font-family:"Bebas Neue";font-size:1.35rem;letter-spacing:.05em;text-decoration:none;color:#fff}
.mobile-sos .m1{background:var(--red)}
.mobile-sos .m2{background:var(--navy)}
@media(min-width:992px){.mobile-sos{display:none}}
@media(max-width:991.98px){body{padding-bottom:60px}}

/* Reveal */
.reveal{opacity:0;transform:translateY(26px);transition:opacity .7s ease,transform .7s ease}
.reveal.in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}

/* Hero-Logo groß */
.hero-logo-wrap{justify-content:center}
.hero-logo{width:220px;height:220px;border-radius:50%;object-fit:cover;box-shadow:0 0 0 6px var(--yellow);animation:logoIn 1.2s cubic-bezier(.2,1.4,.4,1) both,floatY 4s ease-in-out 1.2s infinite,heroPulse 2.4s ease-in-out infinite}
@keyframes floatY{50%{transform:translateY(-10px)}}
@keyframes heroPulse{0%,100%{box-shadow:0 0 0 6px var(--yellow),0 0 0 6px rgba(229,57,53,.55)}50%{box-shadow:0 0 0 6px var(--yellow),0 0 0 30px rgba(229,57,53,0)}}
/* Ticketstatus */
.ticketcheck{background:#fff;border-top:1px solid var(--line)}
.status-card{background:var(--paper);border:1px solid var(--line);border-left:6px solid var(--navy);border-radius:12px;padding:1rem 1.2rem;text-align:left}
.st-badge{display:inline-block;padding:.3rem .8rem;border-radius:999px;font-weight:800;font-size:.85rem}
.st-neu{background:#fde2e2;color:#a3141c}.st-triage{background:#fff3c4;color:#8a6300}.st-einsatz{background:#dbe8ff;color:#1846a3}.st-weitergeleitet{background:#ece1ff;color:#5b2aa8}.st-erledigt{background:#d9f5e3;color:#11713a}

/* Notdienst */
.notdienst{background:#fff}
.nd-fixed{display:flex;gap:1rem;align-items:flex-start;border-radius:var(--radius);padding:1.2rem;box-shadow:var(--shadow)}
.nd-fixed h3{font-size:1.9rem;margin:.1rem 0}
.nd-klinik{background:var(--red);color:#fff}
.nd-klinik .nd-ico{background:#fff;color:var(--red)}
.nd-zentral{background:var(--navy);color:#fff}
.nd-zentral .nd-ico{background:var(--yellow);color:var(--navy)}
.nd-ico{flex:0 0 54px;height:54px;border-radius:12px;display:grid;place-items:center;font-size:1.6rem}
.nd-k{font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.12em;opacity:.9}
.btn-navy{background:var(--navy);color:#fff;font-weight:800;border-radius:999px;border:2px solid var(--yellow)}
.btn-navy:hover{background:var(--yellow);color:var(--navy)}
.nd-list{display:grid;gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}
.nd-card{background:var(--paper);border:1px solid var(--line);border-left:6px solid var(--yellow);border-radius:12px;padding:1rem 1.1rem;display:flex;flex-direction:column;gap:.25rem}
.nd-card .nd-date{font-weight:800;color:var(--red);font-size:.78rem;text-transform:uppercase;letter-spacing:.1em}
.nd-card h4{font-family:"Bebas Neue";font-size:1.6rem;color:var(--navy);margin:0;line-height:1}
.nd-card .btn{align-self:flex-start;margin-top:.4rem}
.nd-empty{grid-column:1/-1;background:var(--paper);border:2px dashed var(--line);border-radius:12px;padding:1.4rem;color:#4b5667;font-weight:600}
.skip-link{position:absolute;left:-9999px;top:0;z-index:3000;background:var(--yellow);color:var(--navy);font-weight:800;padding:.8rem 1.2rem;border-radius:0 0 10px 0;text-decoration:none}
.skip-link:focus{left:0}
:focus-visible{outline:3px solid var(--yellow)!important;outline-offset:3px!important;box-shadow:0 0 0 6px var(--navy)!important}

/* KEIN AUTOMATISCHER EINSATZ */
.hero-warn{display:flex;gap:.7rem;align-items:flex-start;background:rgba(255,214,0,.12);border:2px solid var(--yellow);border-radius:12px;padding:.75rem .9rem;max-width:640px;color:#fff}
.hero-warn i{color:var(--yellow);font-size:1.5rem}
.hero-warn strong{color:var(--yellow)}
.no-auto{display:flex;gap:1rem;align-items:flex-start;background:#fff;border:4px solid var(--red);border-radius:16px;padding:1.2rem 1.3rem;margin-bottom:1.4rem;box-shadow:0 12px 30px rgba(229,57,53,.18);position:relative;overflow:hidden}
.no-auto::before{content:"";position:absolute;left:0;right:0;top:0;height:8px;background:repeating-linear-gradient(-45deg,var(--yellow) 0 14px,var(--navy) 14px 28px)}
.no-auto .na-ico{flex:0 0 58px;height:58px;border-radius:14px;background:var(--red);color:#fff;display:grid;place-items:center;font-size:2rem;margin-top:.4rem}
.no-auto h3{font-size:clamp(1.7rem,4vw,2.4rem);color:var(--red);margin:.3rem 0 .5rem}
.no-auto p,.no-auto li{font-size:1.05rem}
.no-auto.small-v{margin:1rem auto;border-width:3px;padding:1rem}
.no-auto.small-v .na-ico{flex-basis:44px;height:44px;font-size:1.4rem}
.ack-check{background:#fff1f1;border:2px solid var(--red);border-radius:12px;padding:.8rem .9rem .8rem 2.6rem}
@media(max-width:575.98px){.no-auto{flex-direction:column}.no-auto .na-ico{margin-top:.6rem}}
.navbar-tnr .nav-link{white-space:nowrap;font-size:.8rem;padding-left:.55rem!important;padding-right:.55rem!important}
.btn-call{white-space:nowrap}
.ecg{bottom:14px;height:60px;opacity:.35}
@media(max-width:1199.98px){.navbar-tnr .navbar-collapse{padding:1rem 0}.navbar-tnr .nav-link{font-size:1rem;padding:.6rem 0!important}}

/* ===== Kategorie-Karten (6 Arten) ===== */
.cat-card{--c:var(--red);border-color:color-mix(in srgb,var(--c) 25%,#fff);background:linear-gradient(160deg,#fff 55%,color-mix(in srgb,var(--c) 9%,#fff))}
.cat-card .ico{background:var(--c)!important;box-shadow:0 8px 20px color-mix(in srgb,var(--c) 40%,transparent)}
.cat-card h3{font-size:1.85rem;line-height:1}
.cat-card .stripe{background:repeating-linear-gradient(-45deg,var(--c) 0 10px,#fff 10px 20px)!important}
.cat-card.selected{border-color:var(--c)!important;box-shadow:0 0 0 5px color-mix(in srgb,var(--c) 18%,transparent)!important}
.cat-card:hover{border-color:var(--c)}
.c-notfall{--c:#E53935}.c-haustier{--c:#1d4ed8}.c-fundtier{--c:#0f9d58}.c-eingeklemmt{--c:#f57c00}.c-brand{--c:#c2185b}.c-totfund{--c:#546072}
.c-brand .ico{background:linear-gradient(135deg,#ff9800,#e53935)!important}
.pet-redirect{display:none;margin-top:1.2rem;gap:1rem;align-items:flex-start;background:#eef4ff;border:3px solid #1d4ed8;border-radius:16px;padding:1.2rem}
.pet-redirect.show{display:flex;animation:stepIn .3s}
.pet-redirect h4{font-family:"Bebas Neue";font-size:1.8rem;color:#1d4ed8;margin:0 0 .4rem}
.pr-ico{flex:0 0 56px;height:56px;border-radius:14px;background:#1d4ed8;color:#fff;display:grid;place-items:center;font-size:1.7rem}
.pr-count{font-weight:800;color:#1d4ed8}
@media(max-width:575.98px){.pet-redirect{flex-direction:column}}
.cat-alert{display:flex;gap:.8rem;align-items:flex-start;border-radius:14px;padding:1rem 1.1rem;margin-bottom:.4rem;font-size:1rem;border:2px solid}
.cat-alert i{font-size:1.6rem}
.cat-alert.a-brand{background:#fff1e6;border-color:#f57c00;color:#7a3300}
.cat-alert.a-eingeklemmt{background:#fff7e0;border-color:#f5b400;color:#6b4b00}
.cat-alert.a-fundtier{background:#e8f7ef;border-color:#0f9d58;color:#0b5e36}

/* ===== Ersttriage – bunt, groß, luftig ===== */
.tri-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1rem;margin:2rem 0 1.1rem;padding-top:1.4rem;border-top:2px dashed var(--line)}
.tri-progress{font-weight:800;color:var(--navy);font-size:.9rem;min-width:180px}
.tp-bar{height:10px;border-radius:10px;background:#e3e8ef;overflow:hidden;margin-top:6px}
.tp-bar span{display:block;height:100%;width:0;background:linear-gradient(90deg,#0f9d58,#FFD600,#E53935);transition:width .4s}
.vcard{border:0;margin:0;background:#fff;border-radius:18px;padding:1.2rem 1.2rem 1.3rem;box-shadow:0 6px 22px rgba(11,31,58,.09);border-top:6px solid var(--navy-3);height:100%;transition:border-color .3s,box-shadow .3s}
.vcard.ans-g{border-top-color:#0f9d58}.vcard.ans-y{border-top-color:#f5a300}.vcard.ans-r{border-top-color:#E53935;box-shadow:0 8px 26px rgba(229,57,53,.2)}.vcard.ans-n{border-top-color:#8a97a8}
.vq{display:flex;align-items:center;gap:.7rem;font-family:"Bebas Neue";font-size:1.75rem;color:var(--navy);margin:0 0 1rem;float:none;width:auto;line-height:1}
.vq-ico{flex:0 0 46px;height:46px;border-radius:12px;background:var(--navy);color:var(--yellow);display:grid;place-items:center;font-size:1.35rem}
.vopts{display:grid;grid-template-columns:repeat(2,1fr);gap:.7rem}
@media(min-width:576px){.vopts{grid-template-columns:repeat(4,1fr)}}
@media(min-width:992px) and (max-width:1399.98px){.vopts{grid-template-columns:repeat(2,1fr)}}
.vopt{position:relative;display:block;cursor:pointer}
.vopt input{position:absolute;opacity:0;pointer-events:none}
.vopt span{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:.2rem;min-height:104px;padding:.8rem .5rem;border-radius:14px;border:3px solid transparent;background:var(--tint);color:var(--ink-c);transition:transform .15s,box-shadow .15s,background .15s}
.vopt span i{font-size:1.7rem;color:var(--ic)}
.vopt span b{font-size:1rem;line-height:1.15}
.vopt span small{font-size:.78rem;opacity:.85;line-height:1.2}
.vopt:hover span{transform:translateY(-2px);box-shadow:0 6px 16px rgba(0,0,0,.1)}
.vopt input:focus-visible+span{outline:3px solid var(--navy);outline-offset:3px}
.v-g{--tint:#e6f6ec;--ic:#0f9d58;--ink-c:#0b4d2c;--sol:#0f9d58}
.v-y{--tint:#fff6d6;--ic:#c98a00;--ink-c:#5a4100;--sol:#f5a300}
.v-r{--tint:#ffe5e4;--ic:#E53935;--ink-c:#7a1210;--sol:#E53935}
.v-n{--tint:#f0f2f5;--ic:#6b7685;--ink-c:#3b4452;--sol:#6b7685}
.vopt input:checked+span{background:var(--sol);color:#fff;border-color:rgba(0,0,0,.12);transform:scale(1.04);box-shadow:0 10px 22px color-mix(in srgb,var(--sol) 45%,transparent)}
.vopt input:checked+span i{color:#fff;animation:pop .35s}
.v-y input:checked+span{color:#2b1f00}.v-y input:checked+span i{color:#2b1f00}
@keyframes pop{50%{transform:scale(1.35)}}
.triage-live{margin-top:1.6rem;padding:1.2rem 1.3rem;gap:1.2rem;flex-wrap:wrap;border-radius:18px}
.triage-live .tl-badge{font-size:2.6rem;min-width:118px;padding:.45rem .7rem}
.tl-txt{flex:1;min-width:200px;display:flex;flex-direction:column;gap:.2rem}
.tl-txt strong{font-size:1.2rem}
.tl-txt small{font-size:.95rem;line-height:1.35}
.tl-lights{display:flex;flex-direction:column;gap:5px;background:#111;padding:7px;border-radius:12px}
.tl-lights span{width:20px;height:20px;border-radius:50%;background:#333;transition:all .3s}
.triage-live.rot .l-r{background:#ff3b30;box-shadow:0 0 14px #ff3b30}
.triage-live.gelb .l-y{background:#FFD600;box-shadow:0 0 14px #FFD600}
.triage-live.gruen .l-g{background:#2ee86b;box-shadow:0 0 14px #2ee86b}
.triage-live.gelb{background:#f5a300;color:#2b1f00}
.chips{gap:.65rem}
.chip span{padding:.7rem 1.05rem;font-size:1rem}

/* ===== Hamburger + Vollbildmenü ===== */
.burger{position:relative;z-index:1060;display:flex;flex-direction:column;justify-content:center;gap:6px;width:64px;height:54px;padding:0 12px;border-radius:12px;border:2px solid var(--yellow);background:transparent;cursor:pointer}
.burger .bl{display:block;height:3px;border-radius:3px;background:var(--yellow);transition:transform .3s,opacity .2s}
.burger .burger-txt{font-size:.55rem;font-weight:800;letter-spacing:.2em;color:var(--yellow);line-height:1;margin-top:1px}
.burger:hover{background:rgba(255,214,0,.12)}
.burger[aria-expanded="true"]{background:var(--yellow)}
.burger[aria-expanded="true"] .bl{background:var(--navy)}
.burger[aria-expanded="true"] .burger-txt{color:var(--navy)}
.burger[aria-expanded="true"] .bl:nth-child(1){transform:translateY(9px) rotate(45deg)}
.burger[aria-expanded="true"] .bl:nth-child(2){opacity:0}
.burger[aria-expanded="true"] .bl:nth-child(3){transform:translateY(-9px) rotate(-45deg)}
.menu-overlay{position:fixed;inset:0;z-index:1050;background:radial-gradient(circle at 80% 20%,#1d4580,var(--navy) 65%);color:#fff;display:flex;align-items:center;overflow-y:auto;padding:110px 0 40px;clip-path:circle(0 at calc(100% - 60px) 60px);transition:clip-path .55s cubic-bezier(.7,0,.2,1)}
.menu-overlay.open{clip-path:circle(150% at calc(100% - 60px) 60px)}
.mo-stripes{position:absolute;left:0;right:0;top:0;height:10px;background:repeating-linear-gradient(-45deg,var(--yellow) 0 16px,var(--navy) 16px 32px)}
.mo-inner{display:flex;justify-content:center}
.mo-list{list-style:none;margin:0;padding:0}
.mo-list li{opacity:0;transform:translateX(-30px);transition:opacity .4s,transform .4s}
.menu-overlay.open .mo-list li{opacity:1;transform:none}
.menu-overlay.open .mo-list li:nth-child(1){transition-delay:.15s}.menu-overlay.open .mo-list li:nth-child(2){transition-delay:.2s}.menu-overlay.open .mo-list li:nth-child(3){transition-delay:.25s}.menu-overlay.open .mo-list li:nth-child(4){transition-delay:.3s}.menu-overlay.open .mo-list li:nth-child(5){transition-delay:.35s}.menu-overlay.open .mo-list li:nth-child(6){transition-delay:.4s}.menu-overlay.open .mo-list li:nth-child(7){transition-delay:.45s}
.mo-list a{display:flex;align-items:baseline;gap:1rem;font-family:"Bebas Neue";font-size:clamp(2rem,5.5vw,3.6rem);line-height:1.12;color:#fff;text-decoration:none;padding:.15rem 0;transition:color .2s,transform .2s}
.mo-list a span{font-family:"Work Sans";font-size:.85rem;font-weight:800;color:var(--yellow);letter-spacing:.1em;min-width:2rem}
.mo-list a:hover,.mo-list a:focus{color:var(--yellow);transform:translateX(10px)}
.mo-list a.mo-hot{color:var(--yellow)}
.mo-list a.mo-hot::after{content:"";width:12px;height:12px;border-radius:50%;background:var(--red);align-self:center;animation:blink 1s infinite}
.mo-card{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.15);border-left:6px solid var(--yellow);border-radius:18px;padding:1.6rem;text-align:center}
.mo-logo{width:120px;height:120px;border-radius:50%;box-shadow:0 0 0 5px var(--yellow)}
.mo-phone{display:block;font-family:"Bebas Neue";font-size:2.6rem;color:var(--yellow);text-decoration:none;line-height:1.1}
body.menu-open{overflow:hidden}
.menu-overlay{z-index:1015}
body.menu-open .mobile-sos{display:none}

/* Hero-Logo (transparent, tiernotruf.saarland) */
.hero-logo{width:300px;height:300px;border-radius:50%;object-fit:contain;background:transparent;box-shadow:none;filter:drop-shadow(0 18px 30px rgba(0,0,0,.45));animation:logoIn 1.2s cubic-bezier(.2,1.4,.4,1) both,floatY 4s ease-in-out 1.2s infinite}
.hero-logo-wrap{position:relative;justify-content:center}
.hero-logo-wrap::before,.hero-logo-wrap::after{content:"";position:absolute;left:50%;top:50%;width:300px;height:300px;margin:-150px 0 0 -150px;border-radius:50%;border:4px solid var(--red);animation:ring 2.6s ease-out infinite;pointer-events:none}
.hero-logo-wrap::after{border-color:var(--yellow);animation-delay:1.3s}
.hero-logo-m{width:150px;height:150px}
.vq{float:left;width:100%;padding:0}
.vopts{clear:both}
.pr-ico{width:56px;flex:0 0 auto}

.c-wildvogel{--c:#00838f}.c-stadttaube{--c:#6a4fb3}
.rd-wivo{background:#e6f7f8;border-color:#00838f}.rd-wivo h4,.rd-wivo .pr-count{color:#00838f}.rd-wivo .pr-ico{background:#00838f}
.rd-taube{background:#f2eeff;border-color:#6a4fb3}.rd-taube h4{color:#6a4fb3}.rd-taube .pr-ico{background:#6a4fb3}
.tauben-call{display:inline-flex;align-items:center;gap:1rem;background:#0f9d58;color:#fff;text-decoration:none;border-radius:16px;padding:.9rem 1.4rem;box-shadow:0 10px 26px rgba(15,157,88,.4);animation:pulseG 2s infinite}
.tauben-call i{font-size:2rem}
.tauben-call span{font-family:"Bebas Neue";font-size:2.1rem;line-height:1}
.tauben-call small{display:block;font-family:"Work Sans";font-size:.72rem;font-weight:800;letter-spacing:.12em;opacity:.95}
.tauben-call:hover{background:#0b7d45;color:#fff}
@keyframes pulseG{70%{box-shadow:0 0 0 16px rgba(15,157,88,0)}100%{box-shadow:0 0 0 0 rgba(15,157,88,0)}}
.cat-card h3{font-size:1.7rem}
.menu-overlay.open .mo-list li:nth-child(8){transition-delay:.5s}.menu-overlay.open .mo-list li:nth-child(9){transition-delay:.55s}
.mo-list a{font-size:clamp(1.8rem,4.6vw,3.1rem)}

.c-entlaufen{--c:#0277bd}
.rd-entlaufen{background:#e7f3fb;border-color:#0277bd}.rd-entlaufen h4,.rd-entlaufen .pr-count{color:#0277bd}.rd-entlaufen .pr-ico{background:#0277bd}
.no-secure{display:flex;gap:.8rem;align-items:flex-start;background:#fff;border:3px solid var(--red);border-radius:14px;padding:.9rem 1rem;font-size:1rem}
.no-secure i{color:var(--red);font-size:1.6rem}
.menu-overlay.open .mo-list li:nth-child(10){transition-delay:.6s}

/* Wildunfall & Eppelborn */
.c-wildunfall{--c:#b71c1c}.c-unverletzt{--c:#558b2f}
.wu-box{border-color:#b71c1c;background:#fff5f5}
.wu-110{display:flex;flex-wrap:wrap;align-items:center;gap:.9rem;background:#fff;border:3px solid var(--red);border-radius:14px;padding:.9rem 1rem;margin-bottom:.4rem}
.wu-110>i{font-size:1.8rem;color:var(--red)}
.wu-110>div{flex:1;min-width:200px}
.wu-110 a:not(.btn){color:var(--red);font-weight:800}
.wu-110 .btn{font-size:1.5rem;padding:.3rem 1.2rem}
.rd-wutot{background:#fff1f1;border-color:var(--red)}.rd-wutot h4{color:var(--red)}.rd-wutot .pr-ico{background:var(--red)}
.rd-eppel{background:#f1f8e9;border-color:#558b2f}.rd-eppel h4{color:#33691e}.rd-eppel .pr-ico{background:#558b2f}
.eppel-box{background:#fff;border:1px solid #c5e1a5;border-radius:12px;padding:.8rem 1rem}
.eppel-status{display:flex;align-items:center;gap:.5rem;font-size:1.05rem}
.eppel-status .dot{width:12px;height:12px;border-radius:50%;background:#9aa5b4}
.eppel-status.open .dot{background:#2ee86b;box-shadow:0 0 10px #2ee86b;animation:blink 1.2s infinite}.eppel-status.open b{color:#11713a}
.eppel-status.closed .dot{background:var(--red)}.eppel-status.closed b{color:#a3141c}
.eppel-hours{font-size:.88rem;border-collapse:collapse;width:100%}
.eppel-hours th{padding:.3rem .8rem .3rem 0;vertical-align:top;white-space:nowrap;color:#33691e}
.eppel-hours td{padding:.3rem 0}

/* Notfall-Kachel volle Breite */
.cat-wide{display:flex!important;align-items:center;gap:1.4rem;padding:1.6rem 1.8rem 1.8rem!important;border-width:4px!important;background:linear-gradient(110deg,#fff 40%,#ffe9e8)!important;box-shadow:0 14px 34px rgba(229,57,53,.18)}
.cat-wide .ico{width:96px!important;height:96px!important;flex:0 0 96px;font-size:3rem!important;margin:0!important;border-radius:22px!important;animation:heartBeat 1.6s ease-in-out infinite}
@keyframes heartBeat{0%,100%{transform:scale(1)}15%{transform:scale(1.08)}30%{transform:scale(1)}45%{transform:scale(1.06)}}
.cat-wide .cw-txt{flex:1;min-width:0}
.cat-wide h3{font-size:clamp(2rem,4.6vw,3.1rem)!important;color:var(--red)!important;margin:.15rem 0 .25rem!important}
.cat-wide p{font-size:1.08rem!important;color:#3b4452!important;margin:0}
.cw-kicker{display:inline-flex;align-items:center;gap:.4rem;font-size:.72rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--red)}
.cw-dot{width:9px;height:9px;border-radius:50%;background:var(--red);animation:blink 1s infinite}
.cw-go{flex:0 0 auto;background:var(--red);color:#fff;font-family:"Bebas Neue";font-size:1.6rem;letter-spacing:.05em;padding:.6rem 1.2rem;border-radius:12px;box-shadow:0 8px 20px rgba(229,57,53,.35);display:inline-flex;align-items:center;gap:.5rem}
.cat-wide:hover .cw-go{transform:translateX(4px)}
@media(max-width:767.98px){.cat-wide{flex-wrap:wrap;gap:1rem}.cat-wide .ico{width:72px!important;height:72px!important;flex-basis:72px;font-size:2.2rem!important}.cw-go{width:100%;justify-content:center}}
.rd-wivo .eppel-box{border-color:#b2dfdb}
@media(max-width:767.98px){.cat-wide{flex-direction:column;align-items:flex-start!important}.cat-wide .cw-txt{width:100%}}

/* 4 goldene Regeln – groß mit Icon */
.rule{position:relative;height:100%;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);border-top:6px solid var(--rc);border-radius:20px;padding:1.6rem 1.5rem 1.7rem;transition:transform .25s,background .25s;overflow:hidden}
.rule:hover{transform:translateY(-6px);background:rgba(255,255,255,.11)}
.rule-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}
.rule-ico{width:84px;height:84px;border-radius:22px;background:var(--rc);color:var(--navy);display:grid;place-items:center;font-size:2.7rem;box-shadow:0 12px 28px color-mix(in srgb,var(--rc) 45%,transparent)}
.rule:hover .rule-ico{animation:pop .45s}
.rule-n{font-family:"Bebas Neue";font-size:5rem;line-height:.8;color:rgba(255,255,255,.12)}
.rule h4{font-family:"Bebas Neue";font-size:clamp(2.1rem,3.2vw,2.6rem);color:#fff;margin:0 0 .4rem;line-height:1}
.rule p{color:#d6e1f2;font-size:1.08rem;line-height:1.5;margin:0}