*{box-sizing:border-box}.aed8-app{--red:#b40000;--dark:#09111d;max-width:620px;min-height:100vh;margin:auto;background:#111;color:#fff;font-family:"Segoe UI",Arial,Helvetica,sans-serif;padding-bottom:78px}.aed8-header{min-height:82px;padding:9px 14px;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(135deg,#c60000,#820000);box-shadow:0 3px 12px #0008}.brand{display:flex;align-items:center;gap:12px;min-width:0}.brand img,.fallback-logo{width:58px;height:58px;object-fit:contain;border-radius:10px;background:#fff;flex:none}.fallback-logo{display:grid;place-items:center;text-align:center;color:#b40000;font-weight:900;font-size:15px;line-height:12px}.fallback-logo small{font-size:8px}.brand div:last-child{min-width:0}.brand strong{display:block;font-size:clamp(20px,6vw,31px);font-weight:900;line-height:1.05;letter-spacing:.3px;white-space:nowrap}.brand span{display:block;font-size:13px;font-weight:700;margin-top:4px;white-space:nowrap}.aed8-header>button{width:44px;height:44px;border:0;background:#ffffff18;color:#fff;border-radius:10px;font-size:34px;line-height:1;flex:none}.hero{padding:20px 16px 24px;text-align:center;background:linear-gradient(#720000,#210000)}.club{font-size:32px}.hero h1{font-size:44px;margin:2px 0 8px;font-weight:900}.hero>p{font-size:15px;line-height:1.4;margin:0 auto 18px;max-width:540px}.tiles{display:grid;grid-template-columns:1fr 1fr;gap:10px}.tile{min-height:130px;border:0;border-radius:15px;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;text-decoration:none;cursor:pointer;padding:10px}.tile .ico{font-size:38px;line-height:1}.tile b{font-size:18px}.tile small{font-size:12px;font-weight:700}.tile.call{background:#e32626}.tile.cpr{background:#155da8}.tile.aed{background:#168b43}.tile.location{background:#155da8}.bottom{position:fixed;z-index:1000;bottom:0;left:50%;transform:translateX(-50%);width:min(620px,100%);height:78px;background:#07101a;display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid #ffffff16}.bottom button{border:0;background:none;color:#c8cdd2;font-size:24px;cursor:pointer}.bottom small{display:block;font-size:10px;font-weight:800;margin-top:3px}.bottom .active{color:#fff}.modal{position:fixed;inset:0;background:#000c;z-index:99999;display:flex;align-items:center;justify-content:center;padding:15px}.modal[hidden]{display:none}.modalbox{position:relative;width:min(100%,480px);max-height:88vh;overflow:auto;background:#fff;color:#222;border-radius:18px;padding:25px 20px 20px;box-shadow:0 15px 50px #000}.modalx{position:absolute;right:8px;top:7px;width:44px;height:44px;border:0;border-radius:50%;background:#eee;font-size:30px;cursor:pointer}.modalbox h2{text-align:center;margin:4px 35px 18px}.bigbtn{display:block;text-align:center;text-decoration:none;background:#168b43;color:#fff;border-radius:12px;padding:14px;font-weight:900;margin-top:14px}.distance{text-align:center;color:#168b43;font-size:36px;font-weight:900}.badge{display:inline-block;background:#168b43;color:#fff;padding:7px 12px;border-radius:20px;font-weight:900;margin:0 auto 12px;display:table}.aedphoto{width:100%;max-height:220px;object-fit:cover;border-radius:12px}.choice{display:grid;gap:10px}.choice button{padding:15px;text-align:left;border:1px solid #ddd;border-radius:12px;background:#f8fafc;font-size:18px}.choice small{display:block;margin-left:34px;color:#666;font-size:12px}.info,.hint{background:#eef3f8;border-radius:12px;padding:12px;margin-top:12px;color:#334}.metro-big{text-align:center;font-size:38px;font-weight:900}.metro-big small{display:block;font-size:12px}.metro-pulse{width:220px;height:220px;margin:20px auto;border-radius:50%;border:8px solid #168b43;display:grid;place-items:center;font-size:55px;color:#168b43;box-shadow:0 0 20px #168b4366}.metro-pulse span{display:block;font-size:14px;font-weight:900;margin-top:-80px}.metro-pulse.beat{animation:pulse .17s ease-out}@keyframes pulse{0%{transform:scale(.88)}100%{transform:scale(1.06)}}.stopbtn{width:100%;border:0}.aed8-install{max-width:600px;margin:18px auto;padding:18px;border-radius:15px;background:#eef5ed;color:#17301f;display:flex;gap:15px;align-items:center}.install-icon{width:54px;height:54px;border-radius:12px;background:#168b43;color:#fff;display:grid;place-items:center;font-size:30px}.aed8-install h3{margin:0}.aed8-install p{margin:4px 0 10px}.aed8-install button{border:0;border-radius:20px;padding:10px 15px;background:#168b43;color:#fff;font-weight:800}@media(max-width:420px){.brand img,.fallback-logo{width:50px;height:50px}.brand strong{font-size:20px}.brand span{font-size:10px}.hero h1{font-size:38px}.tile{min-height:118px}.tile b{font-size:15px}}

/* V9 dynamic theme */
.aed8-header{background:linear-gradient(135deg,var(--red),var(--head2))!important;padding:var(--header-pad)!important;border-radius:var(--header-radius)!important}.aed8-header .brand strong{font-size:var(--header-font)!important;color:var(--header-title)!important}.aed8-header .brand span{color:var(--header-slogan)!important}.aed8-header .brand img,.aed8-header .fallback-logo{width:var(--logo-size)!important;height:var(--logo-size)!important}.hero{background:linear-gradient(var(--emergency),#220000)!important}.hero h1{font-size:var(--hero-title-size)!important;color:var(--hero-title)!important}.hero>p{font-size:var(--hero-text-size)!important;color:var(--hero-text)!important}.tiles{gap:var(--tile-gap)!important}.tile{min-height:var(--tile-height)!important;border-radius:var(--tile-radius)!important;color:var(--tile-text)!important}.tile.call{background:var(--call)!important}.tile.cpr,.tile.location{background:var(--blue)!important}.tile.aed{background:var(--aed)!important}.bottom{height:var(--nav-height)!important;background:var(--nav-bg)!important}.bottom button{color:var(--nav-text)!important}.modal{background:rgba(0,0,0,var(--overlay))!important}.modalbox{width:min(100%,var(--modal-width))!important;border-radius:var(--modal-radius)!important;background:var(--modal-bg)!important;color:var(--modal-text)!important}.modalx{right:10px!important;top:10px!important;width:48px!important;height:48px!important;display:grid!important;place-items:center!important;background:var(--close-bg)!important;color:var(--close-color)!important;border:2px solid #888!important;font-size:34px!important;font-weight:900!important;line-height:1!important;z-index:20!important}.bigbtn{background:var(--success)!important;border-radius:var(--button-radius)!important;font-size:var(--button-font)!important}.cpr-steps{display:grid;gap:9px}.cpr-steps div{display:flex;align-items:center;gap:12px;padding:12px;border-radius:12px;background:#eef2f5;color:#222}.cpr-steps strong{min-width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:var(--info);color:#fff}
.cpr-key{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:10px 0}.cpr-key>div{background:#eaf5ec;border-radius:12px;padding:12px;text-align:center}.cpr-key b{display:block;font-size:12px;color:#555}.cpr-key strong{display:block;font-size:27px;color:#168b43;margin-top:3px}.cpr-initial{padding:12px;border-radius:12px;background:#fff4d6;color:#604900;margin:10px 0}.cpr-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:10px 0}.cpr-detail-grid>div{padding:14px;border-radius:12px;background:#f1f4f7;text-align:center}.cpr-detail-grid span,.cpr-detail-grid b,.cpr-detail-grid small{display:block}.cpr-detail-grid b{font-size:22px;color:#155da8;margin:5px}.cpr-detail-grid small{font-size:12px;color:#555;line-height:1.35}.cpr-alt{padding:11px;border-left:4px solid #d18b00;background:#fff7df;margin:10px 0;border-radius:8px;font-size:13px}

/* v11 – bessere Lesbarkeit / reduzierte Reanimationsübersicht */
.aed8-app,
.aed8-app button,
.aed8-app a,
.aed8-app input,
.aed8-app textarea,
.aed8-app select {
  font-family:"Segoe UI",Arial,Helvetica,sans-serif !important;
}
.aed8-app {
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
.aed8-header .brand strong {
  font-weight:800 !important;
  letter-spacing:0 !important;
}
.hero h1 {
  font-weight:800 !important;
  letter-spacing:.2px !important;
}
.hero > p,
.tile small,
.bottom small,
.modalbox,
.cpr-steps div,
.cpr-detail-grid small,
.cpr-initial,
.info {
  line-height:1.45 !important;
}
.tile b {
  font-weight:800 !important;
}
.modalbox h2 {
  font-weight:800 !important;
  letter-spacing:0 !important;
}
.cpr-key strong {
  font-weight:800 !important;
}

.modalbox{position:relative!important}
.modalx{position:absolute!important;top:10px!important;right:10px!important;width:46px!important;height:46px!important;margin:0!important;padding:0!important;display:flex!important;align-items:center!important;justify-content:center!important;box-sizing:border-box!important;line-height:1!important;text-align:center!important;font-family:"Segoe UI",Arial,sans-serif!important;font-size:30px!important;font-weight:700!important;transform:none!important;overflow:hidden!important}
.modalbox h2{padding-right:52px!important}
.cpr-head{display:flex;align-items:center;gap:12px;margin:0 45px 14px 0}.cpr-head h2{padding-right:0!important;margin:0!important;text-align:left!important}.cpr-head p{margin:3px 0 0;color:#666;font-size:13px}.cpr-heart{width:46px;height:46px;border-radius:12px;background:#e32626;color:#fff;display:flex;align-items:center;justify-content:center;font-size:25px;flex:none}
.ratio-card{display:grid;grid-template-columns:1fr 36px 1fr;align-items:center;background:#eef6f0;border:2px solid #168b43;border-radius:16px;padding:14px 8px;margin:12px 0}.ratio-side{text-align:center}.ratio-number{display:block;font-size:42px;line-height:1;font-weight:900;color:#168b43}.ratio-label{display:block;font-size:12px;font-weight:900;margin-top:4px}.ratio-side small{display:block;font-size:11px;color:#555;margin-top:3px}.ratio-colon{font-size:30px;font-weight:900;text-align:center;color:#333}.cpr-meta{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:9px 0}.cpr-meta div{background:#f4f6f8;border-radius:10px;padding:9px;text-align:center}.cpr-meta b{display:block;font-size:11px;color:#666}.cpr-meta strong{display:block;font-size:14px;margin-top:3px}.ventilation-box{display:flex;gap:8px;align-items:flex-start;background:#eaf1fb;border-left:4px solid #155da8;border-radius:9px;padding:11px;margin:10px 0;color:#17344f}.ventilation-box b{white-space:nowrap}.ventilation-box span{line-height:1.35}.cpr-steps div{align-items:flex-start!important}.cpr-steps div span{padding-top:5px}
@media(max-width:390px){.ratio-number{font-size:36px}.ratio-card{grid-template-columns:1fr 28px 1fr}}

/* v13 – HDM/Beatmung unmissverständlich */
.ratio-card{min-height:145px!important}
.ratio-number{font-size:48px!important;line-height:1!important;font-variant-numeric:tabular-nums!important}
.ratio-label{font-size:14px!important;letter-spacing:.3px!important}
.ratio-colon{font-size:34px!important}
.ratio-caption{display:flex!important;align-items:center!important;justify-content:space-between!important;margin:8px 0 10px!important;padding:10px 12px!important;background:#fff!important;border:1px solid #d9dfe5!important;border-radius:10px!important;color:#222!important}
.ratio-caption b{font-size:12px!important;color:#555!important}.ratio-caption span{font-size:22px!important;font-weight:900!important;color:#168b43!important}

.modalx{background:#f2f2f2!important;color:#111!important;border:1px solid #777!important;filter:none!important;text-shadow:none!important}
.extra-emergency{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}.extra-call{display:flex;align-items:center;gap:12px;padding:13px 14px;border-radius:13px;color:#fff!important;text-decoration:none!important;min-height:64px}.extra-call>span{font-size:28px;width:38px;text-align:center}.extra-call b,.extra-call small{display:block}.extra-call b{font-size:14px}.extra-call small{font-size:12px;margin-top:2px}.extra-call.poison{background:#6a4a8a}.extra-call.kv{background:#155da8}
.cpr-clean-title{display:flex;align-items:center;gap:12px;margin:0 45px 12px 0}.cpr-clean-title h2{margin:0!important;padding:0!important;font-size:22px!important}.cpr-clean-title p{margin:2px 0 0;color:#666;font-size:13px}.clean-ratio{margin:8px 0 10px}.cpr-facts{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:10px}.cpr-facts div{padding:10px;background:#f3f5f7;border-radius:10px;text-align:center}.cpr-facts span{display:block;font-size:11px;color:#666}.cpr-facts b{display:block;font-size:16px;margin-top:3px}.cpr-action{padding:11px 13px;border-left:4px solid #168b43;background:#eef7f0;border-radius:9px;margin-bottom:10px}.cpr-action p{margin:4px 0 0;line-height:1.35}.clean-steps{gap:7px!important}.clean-steps div{padding:9px 10px!important}.cpr-breathe{font-size:13px;line-height:1.4;background:#eaf1fb;border-radius:9px;padding:10px;margin:9px 0}
@media(max-width:520px){.extra-emergency{grid-template-columns:1fr}.cpr-clean-title h2{font-size:20px!important}}

.extra-emergency{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:12px 0}.extra-call{display:flex;align-items:center;gap:10px;padding:12px 14px;min-height:64px;border-radius:13px;color:#fff!important;text-decoration:none!important;box-sizing:border-box}.extra-call-icon{width:34px;min-width:34px;text-align:center;font-size:25px;line-height:1}.extra-call b,.extra-call small{display:block}.extra-call b{font-size:14px;line-height:1.2}.extra-call small{font-size:12px;margin-top:3px}.extra-call.poison{background:#6a4a8a}.extra-call.kv{background:#155da8}@media(max-width:520px){.extra-emergency{grid-template-columns:1fr}}

.popup-call b{font-size:15px}.popup-call small{font-size:13px;margin-top:3px}

.emergency-editor .em-row{padding:16px;margin:12px 0;background:#f7f8fa;border:1px solid #d7dce2;border-radius:12px}.emergency-editor label{display:block;margin:8px 0}.emergency-editor input,.emergency-editor select{width:100%;box-sizing:border-box}.emergency-editor .em-top{display:flex;justify-content:space-between}.popup-call b{font-size:15px}.popup-call small{font-size:13px;margin-top:3px}

.morecalls{cursor:pointer!important}.popup-call *{pointer-events:none}.modalx{z-index:20!important}


/* v23 – AED-Popups immer opak und lesbar */
#aed8-modal{position:fixed!important;inset:0!important;z-index:999999!important;background:rgba(0,0,0,.72)!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:16px!important;box-sizing:border-box!important}
#aed8-modal[hidden]{display:none!important}
#aed8-modal .modalbox,#aed8-modal .modal-content,#aed8-modal-content{background:#fff!important;background-color:#fff!important;color:#111!important;opacity:1!important;mix-blend-mode:normal!important;filter:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
#aed8-modal .modalbox{position:relative!important;width:min(560px,100%)!important;max-height:90vh!important;overflow:auto!important;border-radius:18px!important;box-shadow:0 18px 55px rgba(0,0,0,.45)!important;border:1px solid #d0d0d0!important;padding:22px!important;box-sizing:border-box!important}
#aed8-modal-content{position:relative!important;min-height:20px!important}
#aed8-modal h1,#aed8-modal h2,#aed8-modal h3,#aed8-modal p,#aed8-modal span,#aed8-modal b,#aed8-modal strong,#aed8-modal small{opacity:1!important;color:#111}
#aed8-modal .modalx{background:#eee!important;background-color:#eee!important;color:#111!important;opacity:1!important;border:1px solid #777!important;z-index:10!important}
#aed8-modal .bigbtn,#aed8-modal button{opacity:1!important}

/* v24 */
.metro-clean{text-align:center;padding:4px}.metro-clean h2{margin:0 0 10px!important}.metro-rate{font-size:16px;font-weight:700}.metro-count{font-size:52px;font-weight:800;line-height:1.05;margin:10px 0}.metro-clean p{font-size:13px;color:#444}.metro-clean .bigbtn{width:100%;margin-top:8px}.metro-clean .metro-stop{background:#eee!important;color:#111!important}
.nav-arrow,.next-arrow,.prev-arrow,.mini-arrow,.cpr-next,.cpr-prev{width:48px!important;height:48px!important;min-width:48px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;border:1px solid #777!important;border-radius:12px!important;background:#f2f2f2!important;color:#111!important;font-size:28px!important;font-weight:800!important;line-height:1!important;opacity:1!important;visibility:visible!important}
.nav-arrow,.next-arrow,.prev-arrow,.mini-arrow,.cpr-next,.cpr-prev{font-size:0!important}
.next-arrow::before,.cpr-next::before{content:"▶";font-size:22px}.prev-arrow::before,.cpr-prev::before{content:"◀";font-size:22px}

/* v25 – echte Navigationsflächen */
.modalbox .nav-arrow,.modalbox .next-arrow,.modalbox .prev-arrow,
.modalbox .mini-arrow,.modalbox .cpr-next,.modalbox .cpr-prev,
.modalbox [class*="arrow"],.modalbox [class*="next"],.modalbox [class*="prev"]{
 width:52px!important;height:52px!important;min-width:52px!important;min-height:52px!important;
 padding:0!important;margin:6px!important;display:inline-flex!important;
 align-items:center!important;justify-content:center!important;
 border:2px solid #333!important;border-radius:12px!important;
 background:#fff!important;color:#111!important;opacity:1!important;visibility:visible!important;
 font-size:0!important;line-height:1!important;box-shadow:0 2px 5px rgba(0,0,0,.18)!important;
}
.modalbox .next-arrow::before,.modalbox .cpr-next::before,.modalbox [class*="next"]::before{content:"▶"!important;font-size:24px!important;color:#111!important}
.modalbox .prev-arrow::before,.modalbox .cpr-prev::before,.modalbox [class*="prev"]::before{content:"◀"!important;font-size:24px!important;color:#111!important}
.metro-clean{text-align:center;padding:4px}.metro-clean h2{margin:0 0 10px!important}.metro-rate{font-size:16px;font-weight:700}.metro-count{font-size:52px;font-weight:800;line-height:1.05;margin:10px 0}.metro-clean p{font-size:13px;color:#444}.metro-controls{display:grid;gap:10px}.metro-clean .bigbtn{width:100%;margin:0!important;min-height:50px}.metro-stop{background:#eee!important;color:#111!important}.metro-stop:disabled{opacity:.45!important}