:root{--blue:#0a66c2;--navy:#07376f;--ink:#22405e;--muted:#607a95;--border:#dce8f6}*{box-sizing:border-box}body{margin:0;background:#f8faff;color:var(--ink);font:16px/1.65 system-ui,-apple-system,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}.wrap{max-width:1120px;margin:auto;padding:0 24px}header{background:white;border-bottom:1px solid var(--border)}header .wrap{padding-top:20px;padding-bottom:20px;display:flex;justify-content:space-between;gap:16px;align-items:center}.logo{font-size:26px;font-weight:850;color:var(--navy)}nav{display:flex;flex-wrap:wrap;gap:19px;font-weight:750;font-size:13px;color:var(--navy)}.eyebrow{font-size:11px;font-weight:850;color:var(--blue);letter-spacing:1.5px;text-transform:uppercase}.intro{padding:56px 0 28px}.intro h1{font-size:clamp(38px,5.3vw,66px);color:var(--navy);line-height:1.1;letter-spacing:-2.4px;margin:12px 0 18px}.lead{font-size:19px;color:var(--muted);max-width:760px}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;margin:22px 0 65px}.card{display:block;background:white;border:1px solid var(--border);border-radius:18px;overflow:hidden}.card img{width:100%;height:185px;object-fit:cover}.card .copy{padding:22px}.card h2{font-size:23px;line-height:1.2;color:var(--navy);letter-spacing:-.7px}.card p{color:var(--muted);font-size:14px}.read{color:var(--blue);font-size:13px;font-weight:800}.widephoto{height:330px;border-radius:20px;overflow:hidden;background:#cfe5fc}.widephoto img{width:100%;height:100%;object-fit:cover}.article{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:45px;padding-top:46px}.article h2{font-size:30px;color:var(--navy);letter-spacing:-.9px;line-height:1.2}.article section{margin-bottom:43px}.article p{font-size:17px}.side{align-self:start;position:sticky;top:22px;background:#eaf3ff;border-radius:15px;padding:21px}.side a{display:block;color:var(--blue);font-weight:750;font-size:13px;margin:10px 0}.takeaway{border-radius:16px;padding:25px;background:#e0efff;margin:35px 0}.related{display:flex;flex-wrap:wrap;gap:9px}.related a{padding:9px 14px;border-radius:9px;background:#e6f2ff;color:var(--blue);font-weight:750}.footer{border-top:1px solid var(--border);color:var(--muted);font-size:12px;padding:30px 0 50px;margin-top:65px}@media(max-width:800px){.grid{grid-template-columns:repeat(2,1fr)}.article{grid-template-columns:1fr}.side{position:static}}@media(max-width:580px){header .wrap{display:block}.grid{grid-template-columns:1fr}nav{margin-top:12px}.widephoto{height:210px}}
/* Einheitliche Breadcrumbs auf allen internen Seiten */
.site-breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:9px;margin:14px 0 0;padding:0;font-size:13px;font-weight:650;color:#637d99;line-height:1.4}
.site-breadcrumb a{display:inline-flex;align-items:center;gap:7px;color:#0a66c2}
.site-breadcrumb a:hover{text-decoration:underline}
.site-breadcrumb a svg{flex:none;width:16px;height:16px}
.site-breadcrumb-arrow{font-size:21px;font-weight:400;color:#9aadc0;line-height:1}
.site-breadcrumb-current{font-weight:800;color:#173f6b}
.site-breadcrumb + .hero{padding-top:22px}
.site-breadcrumb + .intro{padding-top:28px}
@media(max-width:600px){.site-breadcrumb{gap:7px;font-size:12px;margin-top:11px}.site-breadcrumb + .hero{padding-top:15px}.site-breadcrumb + .intro{padding-top:19px}}

/* Schmaler redaktioneller Pflegehinweis unter Breadcrumb */
.editorial-assurance{display:flex;align-items:center;gap:9px;width:fit-content;max-width:100%;min-height:32px;margin:3px 0 14px;font-size:11.5px;line-height:1.35;color:#677e94}
.editorial-assurance-photo{display:block;flex:0 0 30px;width:30px;height:30px;border-radius:50%;object-fit:cover;background:linear-gradient(135deg,#bed9f3,#eff6fc);border:1px solid #d7e4f2}
.editorial-assurance span{font-weight:450}
.editorial-assurance>span>span{font-size:13px}
@media(max-width:620px){.editorial-assurance{font-size:11px;gap:8px;margin-bottom:12px}.editorial-assurance-photo{width:28px;height:28px;flex-basis:28px}}

/* Redaktioneller Hinweis als zurückhaltender Footer-naher Kasten */
.editorial-assurance-wrap{margin-top:42px;margin-bottom:18px}
.editorial-assurance-wrap .editorial-assurance{box-sizing:border-box;display:flex;align-items:center;gap:11px;width:100%;max-width:none;min-height:48px;margin:0;padding:10px 15px;border:1px solid #d8e6f6;border-radius:12px;background:#eef5fd;color:#617994;font-size:12px;line-height:1.45}
.editorial-assurance-wrap .editorial-assurance-photo{flex:0 0 32px;width:32px;height:32px;border-radius:50%;object-fit:cover}
@media(max-width:620px){.editorial-assurance-wrap{margin-top:27px;margin-bottom:12px}.editorial-assurance-wrap .editorial-assurance{font-size:11px;padding:10px 12px;min-height:46px}}

/* Einheitlicher Seitenrahmen – Version 2026-10 */
html,body{background:#fff!important}
.site-header{background:#fff!important;border-bottom:1px solid #e4ebf4!important;padding:0!important;height:auto!important;display:block!important}
.site-header .site-header-inner{display:flex!important;justify-content:space-between!important;align-items:center!important;flex-wrap:wrap;gap:18px;min-height:76px;padding-top:14px!important;padding-bottom:14px!important}
.site-brand{font-size:26px;font-weight:850;letter-spacing:-1.15px;white-space:nowrap;color:#07376f!important;line-height:1.15}
.site-brand span{color:#0a66c2}
.site-main-nav{display:flex!important;align-items:center;flex-direction:row!important;flex-wrap:wrap;gap:9px 23px!important;font-size:13px;font-weight:750;color:#07376f}
.site-main-nav a{color:#173f68!important;text-decoration:none;white-space:nowrap}
.site-main-nav a:hover,.site-main-nav a:focus-visible{color:#0a66c2!important;text-decoration:underline}
/* Bewusst nur der Redaktionshinweis erhält einen eigenen Hintergrund. */
.editorial-assurance-wrap{margin-top:42px!important;margin-bottom:16px!important}
.editorial-assurance-wrap .editorial-assurance{box-sizing:border-box!important;display:flex!important;align-items:center!important;gap:10px!important;width:100%!important;max-width:none!important;min-height:51px!important;margin:0!important;padding:11px 15px!important;background:#f1f6fc!important;border:1px solid #dce9f8!important;border-radius:12px!important;box-shadow:none!important;font-size:12px!important;line-height:1.5!important;color:#617990!important}
.editorial-assurance-wrap .editorial-assurance-photo{display:block!important;flex:0 0 32px!important;width:32px!important;height:32px!important;object-fit:cover!important;border-radius:50%!important}
.editorial-assurance-wrap .editorial-assurance span{font-weight:450!important;font-size:inherit!important;color:inherit!important}
@media(max-width:750px){.site-header .site-header-inner{align-items:flex-start;min-height:0;gap:10px;padding-top:15px!important;padding-bottom:13px!important}.site-main-nav{gap:8px 15px!important;font-size:12px}.site-brand{font-size:24px}.editorial-assurance-wrap{margin-top:28px!important}.editorial-assurance-wrap .editorial-assurance{font-size:11px!important}}

/* Einheitlicher mehrspaltiger Seitenfooter */
.global-footer{background:#f5f8fc!important;border-top:1px solid #dce6f1!important;margin-top:36px!important;color:#4d6681!important;font-size:14px!important;padding:0!important;width:100%;display:block}
.global-footer-main{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr) minmax(0,1fr);gap:36px;padding-top:45px!important;padding-bottom:38px!important}
.global-footer-brand{display:inline-block;color:#083a73!important;font-size:25px;font-weight:850;letter-spacing:-1px}
.global-footer-brand span{color:#0a66c2}
.global-footer-about p{font-size:13px;max-width:340px;color:#68809a;line-height:1.6;margin:13px 0 0}
.global-footer-col{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:11px!important;flex-wrap:nowrap!important}
.global-footer-col h2{font:800 14px/1.25 system-ui,-apple-system,"Segoe UI",sans-serif!important;letter-spacing:0!important;color:#07376f!important;margin:0 0 6px!important}
.global-footer-col a{font-size:13px;color:#546f89!important;font-weight:500;text-decoration:none}
.global-footer-col a:hover{text-decoration:underline;color:#0a66c2!important}
.global-footer-bottom{border-top:1px solid #dce6f1;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding-top:18px!important;padding-bottom:24px!important;color:#71849a;font-size:11px}
@media(max-width:760px){.global-footer-main{grid-template-columns:1fr 1fr;gap:28px;padding-top:33px!important;padding-bottom:27px!important}.global-footer-about{grid-column:1/-1}}
@media(max-width:440px){.global-footer-main{grid-template-columns:1fr 1fr;gap:22px}.global-footer-col a{font-size:12px}.global-footer-bottom{flex-direction:column}}

/* Einheitliches hallodeck-Logo als skalierbares, Original-Logo aus Nutzervorlage */
.site-header .site-brand{display:inline-flex!important;align-items:center!important;flex:0 0 auto}
.site-header .site-brand img{display:block;width:230px;height:auto;max-width:100%}
.global-footer .global-footer-brand{display:inline-flex;align-items:center}
.global-footer .global-footer-brand img{display:block;width:210px;height:auto;max-width:100%}
@media(max-width:620px){.site-header .site-brand img{width:195px}.global-footer .global-footer-brand img{width:190px}}

/* Einheitliche kompakte Navigation – Suche, Favoriten, Hamburger */
.site-header .site-header-inner{position:relative;flex-wrap:nowrap!important;gap:14px!important}
.site-header:has(.header-actions) .site-main-nav{display:none!important}
.header-actions{margin-left:auto;display:flex;align-items:center;gap:8px;position:relative;flex-shrink:0}
.header-icon-button{display:inline-flex;align-items:center;justify-content:center;position:relative;width:45px;height:45px;border:0;border-radius:50%;background:transparent;color:#183d61;cursor:pointer;transition:background .15s ease;color-scheme:light;text-decoration:none!important}
.header-icon-button:hover,.header-icon-button:focus-visible{background:#eaf3fc;color:#0a66c2}
.header-icon-button svg{width:27px;height:27px;pointer-events:none}
.header-fav-count{position:absolute;top:1px;right:0;display:grid;place-items:center;min-width:19px;height:19px;padding:0 4px;border-radius:12px;background:#0a66c2;color:white;font:700 11px/1 system-ui,sans-serif}
.header-fav-count[hidden]{display:none!important}
.header-menu-panel{position:absolute;top:calc(100% + 12px);right:0;z-index:100;width:min(295px,calc(100vw - 42px));padding:20px;border:1px solid #dbe8f6;border-radius:16px;background:#fff;box-shadow:0 14px 45px rgba(18,53,88,.17)}
.header-menu-panel[hidden]{display:none!important}
.header-menu-panel>strong{font-size:17px;color:#143d66}
.header-menu-links{display:grid!important;gap:0!important;margin:10px 0 0!important}
.header-menu-links a{display:block;padding:12px 6px;border-bottom:1px solid #edf2f8;color:#214568;font-size:15px;font-weight:600;line-height:1.35;text-decoration:none}
.header-menu-links a:last-child{border:0}
.header-menu-links a:hover{color:#0a66c2;background:#f6faff}
@media(max-width:600px){.header-actions{gap:1px}.header-icon-button{width:42px;height:42px}.header-icon-button svg{width:25px;height:25px}.site-header .site-header-inner{gap:6px!important}}
/* Herz liegt tatsächlich über dem Bild und bleibt bei Listen- sowie Kachelansicht sichtbar */
.offer .picture{position:relative;isolation:isolate;overflow:hidden}
.offer .picture img{z-index:0}
.offer .favorite-heart{position:absolute!important;top:13px!important;right:13px!important;z-index:5!important;display:grid!important;place-items:center!important;width:45px!important;height:45px!important;padding:0!important;border:1px solid rgba(255,255,255,.9)!important;border-radius:50%!important;background:rgba(255,255,255,.94)!important;color:#274a64!important;box-shadow:0 3px 13px rgba(10,37,65,.19)!important;cursor:pointer}
.offer .favorite-heart svg{display:block;width:27px;height:27px;pointer-events:none}
.offer .favorite-heart:hover{transform:scale(1.055);color:#b83263!important}
.offer .favorite-heart[aria-pressed="true"]{color:#ae285b!important;background:#fff1f5!important}
.offer .favorite-heart[aria-pressed="true"] svg{fill:#ae285b;stroke:#ae285b}
.offer .favorite-heart:focus-visible{outline:3px solid #0a66c2!important;outline-offset:2px}
@media(max-width:600px){.offer .favorite-heart{top:10px!important;right:10px!important;width:44px!important;height:44px!important}}