/* BVH Mitgliederportal: Einblick vor der Anmeldung (Startseite, Funktionen, Zielgruppen, Sicherheit, Mitgliedschaft, Fragen)
   Gestaltung nach Design 2 der Website: Blassgruen, Nacht, Electric Blue, Fira Sans, Karten 10 px, Pillen.
   Ruecknahme: Einbindung in functions.php entfernen (Handle bvh-portal-einblick). */

/* 1. Grundlagen */
.bvh-einblick{background:#fff}
.bvh-main--einblick{display:block;padding:0}
.ebk-in{box-sizing:border-box;width:100%;max-width:calc(var(--v2-max) + 2 * var(--v2-seite));margin-inline:auto;padding-inline:var(--v2-seite)}
.ebk{color:var(--v2-text);font-size:17px;line-height:1.65;overflow-x:clip}
.ebk h1,.ebk h2,.ebk h3{color:var(--v2-tinte);font-weight:700}
.ebk p{margin:0 0 14px}
.ebk-kicker{margin:0 0 12px;color:var(--v2-blau);font-size:12px;font-weight:700;letter-spacing:1px;line-height:1.4;text-transform:uppercase}
.ebk-kicker--hell{color:var(--v2-akzent)}
.ebk-lead{max-width:62ch;margin:0 0 28px;color:var(--v2-leise);font-size:clamp(18px,1.45vw,21px);line-height:1.6}
.ebk-klein{font-size:14px;line-height:1.55;color:var(--v2-leise)}
.ebk-mitte{text-align:center}
.ebk-pfeil{flex:none;width:20px;height:20px;transition:transform .3s var(--v2-k-pfeil)}
.ebk a:not(.bvh-btn):not(.ebk-kachel):not(.ebk-mega__eintrag):focus-visible,.ebk-kopf a:focus-visible,.ebk-kopf button:focus-visible,.ebk-fuss a:focus-visible{outline:3px solid var(--v2-blau);outline-offset:3px;border-radius:4px}
.ebk .bvh-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;text-decoration:none}
.ebk .bvh-btn:hover .ebk-pfeil{transform:translateX(4px)}
.ebk .bvh-btn .bvh-i{width:20px;height:20px}
.ebk-aktionen{display:flex;flex-wrap:wrap;align-items:center;gap:12px}
.ebk-aktionen--dunkel .bvh-btn--ghost{border-color:#fff;color:#fff}
.ebk-aktionen--dunkel .bvh-btn--ghost:hover,.ebk-aktionen--dunkel .bvh-btn--ghost:focus{background:#fff;border-color:#fff;color:var(--v2-nacht)}
.ebk .bvh-link{display:inline-flex;align-items:center;gap:8px;font-size:16px;font-weight:600;text-decoration:none}
.ebk .bvh-link::after{content:"";flex:none;width:16px;height:16px;background:currentColor;-webkit-mask:var(--bvh-pfeil) center/contain no-repeat;mask:var(--bvh-pfeil) center/contain no-repeat;transition:transform .3s var(--v2-k-pfeil)}
.ebk .bvh-link:hover::after{transform:translateX(4px)}
.ebk-hinweis{display:flex;align-items:flex-start;gap:8px;margin:28px 0 0;font-size:13px;line-height:1.5;color:var(--v2-label)}
.ebk-hinweis .bvh-i{flex:none;width:18px;height:18px;margin-top:1px;color:var(--v2-leise)}
.ebk-held__raster+.ebk-hinweis{margin-top:56px}

/* 2. Kopf mit Mega-Menue */
.ebk-kopf{position:sticky;top:0;z-index:70;background:#fff;box-shadow:0 1px 0 var(--v2-linie);transition:background-color .25s ease,box-shadow .25s ease}
.admin-bar .ebk-kopf{top:32px}
.ebk-kopf.is-unten{box-shadow:0 1px 0 var(--v2-linie),0 12px 28px -20px rgba(0,35,37,.35)}
.ebk-kopf__in{box-sizing:border-box;display:flex;align-items:center;gap:24px;height:var(--v2-kopf);max-width:calc(var(--v2-max) + 2 * var(--v2-seite));margin-inline:auto;padding-inline:var(--v2-seite)}
.ebk-logo{position:relative;display:block;flex:none;line-height:0}
.ebk-logo img{display:block;width:180px;height:auto;transition:opacity .25s ease}
.ebk-logo__weiss{position:absolute;inset:0;opacity:0}
.ebk-kopf__claim{padding-left:20px;border-left:1px solid var(--v2-linie);color:var(--v2-label);font-size:12px;font-weight:700;letter-spacing:1px;text-transform:uppercase;white-space:nowrap;transition:color .25s,border-color .25s}
.ebk-nav{display:flex;align-items:center;gap:2px;margin-left:auto}
.ebk-nav__link{position:relative;display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 14px;border:0;border-radius:999px;background:none;color:var(--v2-tinte);font:inherit;font-size:14px;font-weight:700;letter-spacing:1px;text-transform:uppercase;text-decoration:none;white-space:nowrap;cursor:pointer;transition:color .2s}
.ebk-nav__link::after{content:"";position:absolute;left:14px;right:14px;bottom:6px;height:2px;border-radius:2px;background:var(--v2-blau);transform:scaleX(0);transform-origin:left center;transition:transform .8s var(--v2-k-aus)}
.ebk-nav__knopf::after{right:36px}
.ebk-nav__link:hover::after,.ebk-nav__link[aria-current="page"]::after,.ebk-nav__link[data-aktiv]::after,.ebk-nav__link[aria-expanded="true"]::after{transform:scaleX(1)}
.ebk-nav__pfeil{width:16px;height:16px;transition:transform .35s var(--v2-k-aus)}
.ebk-nav__link[aria-expanded="true"] .ebk-nav__pfeil{transform:rotate(180deg)}
.ebk-kopf__aktion{display:flex;align-items:center;gap:16px;flex:none}
.ebk-nav + .ebk-kopf__aktion{margin-left:8px}
.ebk-kopf__in > .ebk-kopf__aktion:nth-child(3){margin-left:auto}
.ebk-anmelden{display:inline-flex;align-items:center;gap:8px;color:var(--v2-tinte);font-size:14px;font-weight:700;letter-spacing:1px;text-transform:uppercase;text-decoration:none;white-space:nowrap}
.ebk-anmelden .bvh-i{width:20px;height:20px}
.ebk-anmelden:hover{color:var(--v2-blau)}
.ebk-kopf .bvh-btn--sm{min-height:44px;padding:9px 20px;font-size:15px;text-decoration:none;white-space:nowrap}
.ebk-burger{display:none;align-items:center;gap:10px;min-height:44px;padding:0 4px;border:0;background:none;color:var(--v2-tinte);font:inherit;font-size:14px;font-weight:700;letter-spacing:1px;text-transform:uppercase;cursor:pointer}
.ebk-burger__striche{position:relative;display:block;width:22px;height:14px}
.ebk-burger__striche i{position:absolute;left:0;right:0;height:2.2px;border-radius:2px;background:currentColor;transition:transform .35s var(--v2-k-aus),top .35s var(--v2-k-aus)}
.ebk-burger__striche i:first-child{top:2px}
.ebk-burger__striche i:last-child{top:10px}
.ebk-burger[aria-expanded="true"] .ebk-burger__striche i{top:6px}
.ebk-burger[aria-expanded="true"] .ebk-burger__striche i:first-child{transform:rotate(45deg)}
.ebk-burger[aria-expanded="true"] .ebk-burger__striche i:last-child{transform:rotate(-45deg)}

/* Offener Zustand: Kopfzeile dunkel wie auf der Website */
.ebk-kopf.is-offen{background:var(--v2-nacht);box-shadow:none}
.ebk-kopf.is-offen .ebk-logo__farbe{opacity:0}
.ebk-kopf.is-offen .ebk-logo__weiss{opacity:1}
.ebk-kopf.is-offen .ebk-kopf__claim{color:rgba(255,255,255,.7);border-color:rgba(255,255,255,.2)}
.ebk-kopf.is-offen .ebk-nav__link,.ebk-kopf.is-offen .ebk-anmelden,.ebk-kopf.is-offen .ebk-burger{color:#fff}
.ebk-kopf.is-offen .ebk-nav__link::after{background:var(--v2-akzent)}
.ebk-kopf.is-offen .bvh-btn--ghost{border-color:#fff;color:#fff}

.ebk-mega{position:absolute;left:0;right:0;top:100%;max-height:calc(100vh - var(--v2-kopf));overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.22) transparent;background:var(--v2-nacht);color:rgba(255,255,255,.8);box-shadow:0 40px 60px -30px rgba(0,0,0,.55)}
.ebk-mega[hidden]{display:none}
.ebk-mega::-webkit-scrollbar{width:8px;height:0}
.ebk-mega::-webkit-scrollbar-thumb{border-radius:8px;background:rgba(255,255,255,.22)}
.ebk-mega::-webkit-scrollbar-track{background:transparent}
.ebk-mega::before{content:"";position:absolute;right:0;bottom:0;width:460px;height:400px;background:url(../img/justiziara-siegel.webp) right -80px bottom -140px/540px 540px no-repeat;opacity:.05;pointer-events:none}
.ebk-mega.is-auf .ebk-mega__in{animation:ebk-ein .45s var(--v2-k-aus) both}
@keyframes ebk-ein{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:none}}
.ebk-mega__in{position:relative;box-sizing:border-box;display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:48px;max-width:calc(var(--v2-max) + 2 * var(--v2-seite));margin-inline:auto;padding:36px var(--v2-seite) 44px}
.ebk-mega__spalten{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 36px}
.ebk-mega__gruppe{margin:0 0 8px;color:var(--v2-akzent);font-size:12px;font-weight:700;letter-spacing:1px;text-transform:uppercase}
.ebk-mega ul{display:grid;gap:2px;margin:0 0 22px;padding:0;list-style:none}
.ebk-mega__eintrag{display:flex;align-items:flex-start;gap:12px;margin-inline:-12px;padding:10px 12px;border-radius:10px;color:#fff;text-decoration:none;transition:background-color .2s ease}
.ebk-mega__eintrag:hover,.ebk-mega__eintrag:focus-visible{background:rgba(255,255,255,.08);outline:none}
.ebk-mega__eintrag:focus-visible{box-shadow:0 0 0 2px var(--v2-akzent)}
.ebk-mega__icon{flex:none;display:grid;place-items:center;width:40px;height:40px;border-radius:10px;background:rgba(169,213,203,.13);color:var(--v2-akzent)}
.ebk-mega__icon .bvh-i{width:22px;height:22px}
.ebk-mega__icon--gross{width:56px;height:56px}
.ebk-mega__icon--gross .bvh-i{width:28px;height:28px}
.ebk-mega__eintrag strong{display:block;font-size:15px;font-weight:600;line-height:1.3}
.ebk-mega__eintrag small{display:block;margin-top:3px;color:rgba(255,255,255,.7);font-size:13px;line-height:1.45}
.ebk-mega__karte{align-self:start;display:grid;gap:12px;padding:18px;border-radius:12px;background:rgba(255,255,255,.06)}
.ebk-mega__karte .ebk-shot__rahmen{box-shadow:none}
.ebk-mega__karte .ebk-shot__leiste{height:22px}
.ebk-mega__karte .ebk-shot__leiste span{display:none}
.ebk-mega__kartetitel{margin:0;color:#fff;font-size:18px;font-weight:700;line-height:1.3}
.ebk-mega__karte .bvh-btn{justify-self:start;text-decoration:none}
.ebk-mega__lotse{justify-self:start;display:inline-flex;align-items:center;gap:8px;padding:6px 0;border:0;background:none;color:var(--v2-akzent);font:inherit;font-size:14px;font-weight:600;cursor:pointer}
.ebk-mega__lotse .bvh-i{width:20px;height:20px}
.ebk-mega__lotse:hover{color:#fff}
.ebk-mega--wer .ebk-mega__in{grid-template-columns:1fr}
.ebk-mega__wer{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.ebk-mega__zg{display:grid;align-content:start;gap:10px;padding:24px;border-radius:12px;background:rgba(255,255,255,.05);color:rgba(255,255,255,.8);text-decoration:none;transition:background-color .2s,transform .3s var(--v2-k-aus)}
.ebk-mega__zg:hover,.ebk-mega__zg:focus-visible{background:rgba(255,255,255,.09);transform:translateY(-3px);outline:none}
.ebk-mega__zg strong{color:#fff;font-size:20px;line-height:1.25}
.ebk-mega__zg small{font-size:14px;line-height:1.5}
.ebk-mega__mehr{display:inline-flex;align-items:center;gap:6px;margin-top:4px;color:var(--v2-akzent);font-size:14px;font-weight:600}
.ebk-mega__zg:hover .ebk-pfeil{transform:translateX(4px)}

/* Mobiles Menue */
.ebk-mobil{position:fixed;left:0;right:0;top:var(--v2-kopf);bottom:0;z-index:69;overflow:auto;overscroll-behavior:contain;background:var(--v2-nacht);color:#fff}
.admin-bar .ebk-mobil{top:calc(var(--v2-kopf) + 46px)}
.ebk-mobil[hidden]{display:none}
.ebk-mobil__in{box-sizing:border-box;display:grid;gap:8px;padding:16px var(--v2-seite) calc(32px + env(safe-area-inset-bottom))}
.ebk-mobil__gruppe{border-bottom:1px solid rgba(255,255,255,.12)}
.ebk-mobil__gruppe summary{display:flex;align-items:center;justify-content:space-between;min-height:56px;font-size:18px;font-weight:600;list-style:none;cursor:pointer}
.ebk-mobil__gruppe summary::-webkit-details-marker{display:none}
.ebk-mobil__gruppe summary::after{content:"";width:9px;height:9px;margin-right:6px;border-right:2px solid var(--v2-akzent);border-bottom:2px solid var(--v2-akzent);transform:rotate(45deg);transition:transform .25s}
.ebk-mobil__gruppe[open] summary::after{transform:rotate(-135deg)}
.ebk-mobil ul{display:grid;gap:2px;margin:0 0 14px;padding:0;list-style:none}
.ebk-mobil ul a{display:flex;align-items:center;gap:12px;min-height:46px;color:rgba(255,255,255,.88);font-size:16px;text-decoration:none}
.ebk-mobil ul a .bvh-i{width:20px;height:20px;color:var(--v2-akzent)}
.ebk-mobil__links{margin:6px 0 18px!important}
.ebk-mobil__links a{font-size:18px!important;font-weight:600}
.ebk-mobil .ebk-aktionen .bvh-btn{flex:1 1 100%;text-decoration:none}
.ebk-mobil .bvh-btn--ghost{border-color:#fff;color:#fff}
html.ebk-gesperrt,html.ebk-gesperrt body{overflow:hidden}

/* 3. Seitenkopf der Startseite und der Funktionsseiten */
.ebk-held{position:relative;overflow:hidden;padding:clamp(40px,5.5vw,84px) 0 clamp(28px,3.4vw,48px);background:linear-gradient(180deg,var(--v2-blass) 0%,var(--v2-blass) 58%,#fff 100%)}
.ebk-held::before{content:"";position:absolute;left:42%;right:-10%;bottom:6%;height:180px;background:linear-gradient(170deg,transparent 49.6%,rgba(169,213,203,.55) 49.8%,rgba(169,213,203,.55) 50.2%,transparent 50.4%),linear-gradient(170deg,transparent 49.6%,rgba(169,213,203,.38) 49.8%,rgba(169,213,203,.38) 50.2%,transparent 50.4%) 0 46px/100% 100% no-repeat;pointer-events:none}
.ebk-held__raster{position:relative;display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(32px,4.6vw,72px);align-items:center}
.ebk-held h1{margin:0 0 20px;font-size:clamp(36px,3.8vw,56px);line-height:1.06;letter-spacing:-.02em}
.ebk-held h1 span{display:block;color:var(--v2-blau)}
.ebk-held--funktion h1,.ebk-held--zg h1{font-size:clamp(34px,3.6vw,54px)}
.ebk-held .ebk-aktionen{margin-top:4px}
.ebk-vertrauen{display:flex;flex-wrap:wrap;gap:10px 22px;margin:26px 0 0;padding:0;list-style:none;color:var(--v2-tinte);font-size:15px;font-weight:500}
.ebk-vertrauen li{display:inline-flex;align-items:center;gap:8px}
.ebk-vertrauen .bvh-i{width:20px;height:20px;color:var(--v2-blau)}
.ebk-fuer{display:inline-flex;align-items:center;gap:10px;margin:-8px 0 26px;padding:8px 16px;border-radius:999px;background:#fff;box-shadow:0 0 0 1px var(--v2-linie);color:var(--v2-tinte);font-size:14px;font-weight:600}
.ebk-fuer .bvh-i{width:20px;height:20px;color:var(--v2-blau)}
.ebk-held__bild{position:relative;padding:0 0 clamp(40px,4vw,64px) clamp(36px,4vw,64px)}
.ebk-held--funktion .ebk-held__bild,.ebk-held--zg .ebk-held__bild{padding:0}
.ebk-held__telefon{position:absolute!important;left:0;bottom:0;z-index:3;width:clamp(150px,17vw,230px)}
.ebk-held__fenster .ebk-einf--2{left:auto;right:-14px;bottom:18%}
.ebk-brot{margin:0 0 26px;font-size:13px}
.ebk-brot ol{display:flex;flex-wrap:wrap;gap:4px 8px;margin:0;padding:0;list-style:none;color:var(--v2-leise)}
.ebk-brot li+li::before{content:"/";margin-right:8px;color:var(--v2-feld)}
.ebk-brot a{color:var(--v2-leise);text-decoration:none}
.ebk-brot a:hover{color:var(--v2-blau);text-decoration:underline;text-underline-offset:3px}
.ebk-brot [aria-current]{color:var(--v2-tinte);font-weight:600}
.ebk-seitenkopf{padding:clamp(36px,4.4vw,64px) 0 clamp(28px,3.4vw,44px);background:linear-gradient(180deg,var(--v2-blass) 0%,#fff 100%)}
.ebk-seitenkopf .ebk-kopfzeile{margin-bottom:26px}

/* 4. Echte Ansichten im Rahmen, mit Einfuegungen */
.ebk-shot{position:relative;margin:0}
.ebk-shot__rahmen{position:relative;overflow:hidden;border-radius:12px;background:#fff;box-shadow:0 34px 64px -30px rgba(0,35,37,.45),0 0 0 1px rgba(7,38,45,.08)}
.ebk-shot__leiste{display:flex;align-items:center;gap:6px;height:34px;padding:0 14px;border-bottom:1px solid var(--v2-linie);background:#F3F6F6}
.ebk-shot__leiste i{flex:none;width:10px;height:10px;border-radius:50%;background:#D3DCDB}
.ebk-shot__leiste span{min-width:0;max-width:440px;margin-left:12px;padding:3px 12px;overflow:hidden;border-radius:999px;background:#fff;color:var(--v2-leise);font-size:12px;line-height:1.4;white-space:nowrap;text-overflow:ellipsis}
.ebk-shot__bild{--s:.5;position:relative;overflow:hidden;background:var(--v2-blass)}
.ebk-shot__bild iframe{position:absolute;left:0;top:0;display:block;border:0;background:var(--v2-blass);transform-origin:0 0;transform:translate(calc(var(--x) * var(--s) * -1px),calc(var(--y) * var(--s) * -1px)) scale(var(--s));pointer-events:none}
.ebk-shot__zoom{position:absolute;left:0;right:0;bottom:0;top:34px;z-index:2;display:block;margin:0;padding:0;border:0;background:transparent;cursor:zoom-in}
.ebk-shot--telefon .ebk-shot__zoom{top:9px;left:9px;right:9px;bottom:9px;border-radius:26px}
.ebk-shot__zoom:focus-visible{outline:3px solid var(--v2-blau);outline-offset:-3px}
.ebk-shot__zoom::after{content:"";position:absolute;right:14px;bottom:14px;width:40px;height:40px;border-radius:50%;background:rgba(7,38,45,.72) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.8' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='6.5'/%3E%3Cpath d='m20 20-4.2-4.2M11 8.5v5M8.5 11h5'/%3E%3C/svg%3E") center/22px no-repeat;opacity:0;transform:scale(.85);transition:opacity .25s,transform .3s var(--v2-k-aus)}
.ebk-shot__zoom:hover::after,.ebk-shot__zoom:focus-visible::after{opacity:1;transform:none}
.ebk-shot--telefon .ebk-shot__rahmen{padding:9px;border-radius:34px;background:var(--v2-tinte);box-shadow:0 30px 60px -24px rgba(0,35,37,.6)}
.ebk-shot--telefon .ebk-shot__bild{border-radius:26px}
.ebk-shot figcaption{margin-top:12px;color:var(--v2-leise);font-size:14px;line-height:1.45}
.ebk-shot--handy{width:100%;max-width:280px;margin-left:auto;margin-right:auto}
.ebk-shot--handy .ebk-shot__rahmen{padding:8px;border-radius:34px;background:var(--v2-tinte);box-shadow:0 30px 60px -24px rgba(0,35,37,.6),0 0 0 1px rgba(7,38,45,.08)}
.ebk-shot--handy .ebk-shot__leiste{display:none}
.ebk-shot--handy .ebk-shot__bild{border-radius:26px;background:#fff}
.ebk-shot--handy .ebk-shot__zoom{top:8px;left:8px;right:8px;bottom:8px;border-radius:26px}
.ebk-shot--handy figcaption{text-align:center}
/* Bildschirm im Rahmen folgt in jedem Browser exakt der Rundung. Safari beachtet bei eingebetteten, skalierten Ansichten overflow mit border-radius nicht, deshalb Clip-Pfad und Maske. Telefon: innen 25 px = aussen 34 px minus Rand 9 px. */
.ebk-shot__rahmen>.ebk-shot__bild{-webkit-clip-path:inset(0 round 0 0 12px 12px);clip-path:inset(0 round 0 0 12px 12px);-webkit-mask-image:-webkit-radial-gradient(#fff,#000)}
.ebk-shot--telefon .ebk-shot__rahmen>.ebk-shot__bild{border-radius:25px;-webkit-clip-path:inset(0 round 25px);clip-path:inset(0 round 25px)}
.ebk-shot--telefon .ebk-shot__zoom{border-radius:25px}
.ebk-shot--handy .ebk-shot__rahmen>.ebk-shot__bild{-webkit-clip-path:inset(0 round 26px);clip-path:inset(0 round 26px)}
.ebk-zoom__bild.ebk-shot__bild{-webkit-clip-path:inset(0 round 10px);clip-path:inset(0 round 10px)}
.ebk-einf{position:absolute;z-index:4;display:flex;align-items:center;gap:12px;box-sizing:border-box;max-width:310px;padding:12px 14px;border-radius:12px;background:#fff;color:var(--v2-tinte);font-size:14px;line-height:1.35;box-shadow:0 20px 42px -16px rgba(0,35,37,.38),0 0 0 1px rgba(7,38,45,.06)}
.ebk-einf--1{top:16%;right:-22px}
.ebk-einf--2{bottom:-22px;left:10%}
.ebk-einf--3{top:52%;left:-26px}
.ebk-einf__icon{flex:none;display:grid;place-items:center;width:40px;height:40px;border-radius:10px;background:var(--v2-blau);color:#fff}
.ebk-einf__icon .bvh-i{width:22px;height:22px}
.ebk-einf__text{min-width:0}
.ebk-einf__kicker{display:block;color:var(--v2-blau);font-size:11px;font-weight:700;letter-spacing:.8px;text-transform:uppercase}
.ebk-einf strong{display:block;font-size:15px;font-weight:700;line-height:1.3}
.ebk-einf__meta{display:block;margin-top:2px;color:var(--v2-leise);font-size:13px}
.ebk-pill{flex:none;align-self:flex-start;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:700;line-height:1.5;white-space:nowrap}
.ebk-pill--gruen{background:#E6F2EE;color:#1C6E52}
.ebk-pill--rot{background:#FBEAE8;color:#B3271E}
.ebk-pill--blau{background:var(--v2-blau-tint);color:var(--v2-blau)}
.ebk-anim .ebk-einf--1{animation:ebk-schweben 7s ease-in-out infinite}
.ebk-anim .ebk-einf--2{animation:ebk-schweben 7s ease-in-out -3.5s infinite}
@keyframes ebk-schweben{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}

/* Schaubild Fallboerse */
.ebk-grafik{display:grid;grid-template-columns:minmax(0,1fr) 48px minmax(0,1fr);align-items:center;gap:8px;margin:0}
.ebk-grafik__karte{padding:24px;border-radius:12px;background:#fff;box-shadow:0 30px 60px -30px rgba(0,35,37,.45),0 0 0 1px rgba(7,38,45,.08)}
.ebk-grafik__karte--angebot{background:var(--v2-nacht);color:rgba(255,255,255,.82)}
.ebk-grafik__karte--angebot .ebk-kicker{color:var(--v2-akzent)}
.ebk-grafik__karte--angebot .ebk-grafik__titel{color:#fff}
.ebk-grafik__titel{margin:0 0 8px;color:var(--v2-tinte);font-size:19px;font-weight:700;line-height:1.3}
.ebk-grafik__text{font-size:14px;line-height:1.55}
.ebk-grafik dl{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:14px 0 0}
.ebk-grafik dl div{padding:10px 12px;border-radius:8px;background:var(--v2-blass)}
.ebk-grafik dt{color:var(--v2-label);font-size:11px;font-weight:700;letter-spacing:.8px;text-transform:uppercase}
.ebk-grafik dd{margin:2px 0 0;color:var(--v2-tinte);font-size:14px;font-weight:600}
.ebk-grafik__verdeckt{display:inline-block;padding:0 8px;border-radius:4px;background:repeating-linear-gradient(135deg,#C9D6D4 0 6px,#DCE6E4 6px 12px);color:transparent!important;user-select:none}
.ebk-grafik__pfeil{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:var(--v2-blau);color:#fff}
.ebk-grafik figcaption{grid-column:1/-1;margin-top:10px;color:var(--v2-label);font-size:13px}

/* 5. Abschnitte */
.ebk-abschnitt{padding:clamp(64px,7.5vw,112px) 0}
.ebk-abschnitt--eng{padding:clamp(40px,5vw,72px) 0}
.ebk-abschnitt--blass{background:var(--v2-blass)}
.ebk-kopfzeile{max-width:820px;margin:0 0 clamp(30px,3.4vw,48px)}
.ebk-kopfzeile--mitte{margin-inline:auto;text-align:center}
.ebk-kopfzeile--mitte .ebk-lead{margin-inline:auto}
.ebk-kopfzeile h1{margin:0;font-size:clamp(34px,3.7vw,56px);line-height:1.08;letter-spacing:-.02em}
.ebk-kopfzeile h2{margin:0;font-size:clamp(28px,2.7vw,44px);line-height:1.12;letter-spacing:-.015em}
.ebk-kopfzeile .ebk-lead{margin:18px 0 0}

/* Fuer wen: Reiter */
.ebk-reiter{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;width:max-content;max-width:100%;margin:0 auto clamp(32px,3.6vw,48px);padding:6px;border-radius:999px;background:var(--v2-blass)}
.ebk-reiter button{display:inline-flex;align-items:center;gap:8px;min-height:48px;padding:0 22px;border:0;border-radius:999px;background:transparent;color:var(--v2-tinte);font:inherit;font-size:15px;font-weight:600;cursor:pointer;transition:background-color .25s ease,color .25s ease}
.ebk-reiter button .bvh-i{width:20px;height:20px}
.ebk-reiter button:hover{background:var(--v2-blass-mittel)}
.ebk-reiter button[aria-selected="true"]{background:var(--v2-nacht);color:#fff}
.ebk-reiter button:focus-visible{outline:3px solid var(--v2-blau);outline-offset:2px}
.ebk-wer__panel{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(32px,4.6vw,72px);align-items:center}
.ebk-wer__panel+.ebk-wer__panel{margin-top:64px}
.ebk-reiter-an .ebk-wer__panel+.ebk-wer__panel{margin-top:0}
.ebk-wer__panel[hidden]{display:none}
.ebk-wer__panel.is-neu{animation:ebk-ein .5s var(--v2-k-aus) both}
.ebk-wer__text h3{margin:0 0 14px;font-size:clamp(26px,2.3vw,36px);line-height:1.15}

/* Zahlen */
.ebk-zahlen{padding:clamp(44px,5vw,68px) 0;background:var(--v2-nacht);color:#fff}
.ebk-zahlen__liste{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:28px;margin:0;padding:0;list-style:none}
.ebk-zahlen__liste li{display:grid;align-content:start;gap:6px;padding-top:18px;border-top:1px solid rgba(255,255,255,.18)}
.ebk-zahlen__liste strong{color:#fff;font-size:clamp(38px,3.6vw,58px);font-weight:700;line-height:1;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.ebk-zahlen__liste span{color:#fff;font-size:15px;font-weight:600;line-height:1.35}
.ebk-zahlen__liste small{color:rgba(255,255,255,.7);font-size:13px;line-height:1.45}
.ebk-zahlen__quelle{margin:24px 0 0;color:rgba(255,255,255,.6);font-size:13px}

/* Funktionen im Wechsel */
.ebk-zeile{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(32px,6vw,96px);align-items:center}
.ebk-zeile+.ebk-zeile{margin-top:clamp(72px,8vw,128px)}
.ebk-zeile--rechts .ebk-zeile__text{order:2}
.ebk-zeile__text h3{margin:0 0 16px;font-size:clamp(26px,2.4vw,38px);line-height:1.15;letter-spacing:-.012em}
.ebk-zeile__text>p:not(.ebk-kicker){color:var(--v2-text)}
.ebk-zeile__bild{position:relative}

/* Raster und Kacheln */
.ebk-raster{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(16px,1.8vw,24px)}
.ebk-raster--drei{grid-template-columns:repeat(3,minmax(0,1fr))}
.ebk-kachel{position:relative;display:flex;flex-direction:column;gap:10px;padding:26px;border-radius:10px;background:#fff;box-shadow:var(--v2-karte-weich);color:var(--v2-text);text-decoration:none;scroll-margin-top:calc(var(--v2-kopf) + 24px);transition:transform .3s var(--v2-k-aus),box-shadow .25s ease}
.ebk-abschnitt:not(.ebk-abschnitt--blass) .ebk-kachel,.ebk-gruppen .ebk-kachel{box-shadow:0 0 0 1px var(--v2-linie)}
a.ebk-kachel:hover,a.ebk-kachel:focus-visible{transform:translateY(-4px);box-shadow:var(--v2-karte);outline:none}
a.ebk-kachel:focus-visible{box-shadow:0 0 0 3px var(--v2-blau)}
.ebk-kachel[hidden]{display:none}
.ebk-kachel:target{box-shadow:0 0 0 3px var(--v2-blau)}
.ebk-kachel__icon{flex:none;display:grid;place-items:center;width:56px;height:56px;border-radius:10px;background:var(--v2-blau);color:#fff}
.ebk-kachel__icon .bvh-i{width:28px;height:28px}
.ebk-kachel__t{margin:6px 0 0;color:var(--v2-tinte);font-size:19px;font-weight:700;line-height:1.3}
.ebk-kachel__k{flex:1;color:var(--v2-leise);font-size:15px;line-height:1.55}
.ebk-kachel__fuss{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:6px;padding-top:14px;border-top:1px solid var(--v2-linie)}
.ebk-zg{color:var(--v2-label);font-size:12px;font-weight:600;line-height:1.35}
.ebk-kachel__mehr{display:inline-flex;align-items:center;gap:6px;color:var(--v2-blau);font-size:14px;font-weight:600;white-space:nowrap}
a.ebk-kachel:hover .ebk-pfeil{transform:translateX(4px)}
.ebk-raster+.ebk-mitte{margin-top:40px}

/* Sicherheit dunkel */
.ebk-dunkel{position:relative;overflow:hidden;padding:clamp(64px,7.5vw,112px) 0;background:var(--v2-nacht);color:rgba(255,255,255,.8)}
.ebk-dunkel::after{content:"";position:absolute;right:-120px;top:50%;width:620px;height:620px;background:url(../img/justiziara-siegel.webp) center/contain no-repeat;opacity:.05;transform:translateY(-50%);pointer-events:none}
.ebk-dunkel__raster{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:clamp(40px,6vw,96px);align-items:start}
.ebk .ebk-dunkel h2{margin:0 0 16px;color:#fff;font-size:clamp(28px,2.7vw,44px);line-height:1.12;letter-spacing:-.015em}
.ebk-dunkel p{font-size:17px}
.ebk-dunkel .bvh-btn--light{margin-top:10px;text-decoration:none}
.ebk-dunkel__liste{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 40px;margin:0;padding:0;list-style:none}
.ebk-dunkel__liste li{display:grid;grid-template-columns:48px minmax(0,1fr);gap:4px 16px}
.ebk-dunkel__icon{grid-row:span 2;display:grid;place-items:center;width:48px;height:48px;border-radius:10px;background:rgba(169,213,203,.13);color:var(--v2-akzent)}
.ebk-dunkel__icon .bvh-i{width:24px;height:24px}
.ebk-dunkel__liste strong{color:#fff;font-size:17px;line-height:1.35}
.ebk-dunkel__liste li>span:last-child{font-size:15px;line-height:1.55}

/* Grundsaetze */
.ebk-grundsaetze{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(16px,1.8vw,24px)}
.ebk-grundsatz{padding:28px;border-radius:10px;background:var(--v2-blass)}
.ebk-grundsatz h3{margin:18px 0 10px;font-size:19px;line-height:1.3}
.ebk-grundsatz p{margin:0;color:var(--v2-leise);font-size:15px;line-height:1.6}

/* Haken-Liste */
.ebk-ticks{display:grid;gap:11px;margin:18px 0 24px;padding:0;list-style:none}
.ebk-ticks li{display:flex;align-items:flex-start;gap:12px;color:var(--v2-tinte);font-size:16px;line-height:1.5}
.ebk-ticks .bvh-i{flex:none;width:24px;height:24px;margin-top:-1px;padding:4px;box-sizing:border-box;border-radius:50%;background:var(--v2-blau-tint);color:var(--v2-blau)}
.ebk-ticks--gross li{font-size:18px}

/* Portal-Lotse im Inhalt */
.ebk-lotse{display:grid;gap:22px;padding:clamp(28px,4vw,52px);border-radius:16px;background:linear-gradient(135deg,var(--v2-blass) 0%,var(--v2-blass-mittel) 100%)}
.ebk-lotse__kopf{display:flex;align-items:flex-start;gap:20px}
.ebk-lotse__kopf h2{margin:0 0 8px;font-size:clamp(24px,2.2vw,34px);line-height:1.15}
.ebk-lotse__kopf p:last-child{margin:0;color:var(--v2-leise)}
.ebk-lotse__avatar{flex:none;display:grid;place-items:center;width:64px;height:64px;border-radius:10px;background:var(--v2-blau);color:#fff}
.ebk-lotse__avatar .bvh-i{width:32px;height:32px}
.ebk-lotse__form{display:flex;gap:10px}
.ebk-lotse__form input{flex:1;min-width:0;min-height:56px;padding:0 24px;border:1px solid var(--v2-feld);border-radius:999px;background:#fff;color:var(--v2-tinte);font:inherit;font-size:16px}
.ebk-lotse__form input:focus{border-color:var(--v2-blau);outline:2px solid var(--v2-blau);outline-offset:0}
.ebk-lotse__chips{display:flex;flex-wrap:wrap;gap:10px}
.ebk-chip{min-height:44px;padding:8px 18px;border:1px solid var(--v2-linie);border-radius:999px;background:#fff;color:var(--v2-tinte);font:inherit;font-size:15px;line-height:1.35;text-align:left;cursor:pointer;transition:border-color .2s,color .2s,background-color .2s}
.ebk-chip:hover,.ebk-chip:focus-visible{border-color:var(--v2-blau);color:var(--v2-blau);outline:none}
.ebk-lotse__hinweis{margin:0;color:var(--v2-label);font-size:13px}

/* Haeufige Fragen */
.ebk-faq{display:grid;gap:12px}
.ebk-faqblock{max-width:980px}
.ebk-abschnitt .ebk-in.ebk-faqblock{max-width:calc(980px + 2 * var(--v2-seite))}
.ebk-faq__eintrag{border-radius:10px;background:#fff;box-shadow:var(--v2-karte-weich);scroll-margin-top:calc(var(--v2-kopf) + 20px)}
.ebk-abschnitt:not(.ebk-abschnitt--blass) .ebk-faq__eintrag,.ebk-fragen .ebk-faq__eintrag{background:var(--v2-blass);box-shadow:none}
.ebk-faq__eintrag[hidden]{display:none}
.ebk-faq__eintrag summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 22px;color:var(--v2-tinte);font-size:17px;font-weight:600;line-height:1.4;list-style:none;cursor:pointer;border-radius:10px}
.ebk-faq__eintrag summary::-webkit-details-marker{display:none}
.ebk-faq__eintrag summary:focus-visible{outline:3px solid var(--v2-blau);outline-offset:2px}
.ebk-faq__eintrag summary i{position:relative;flex:none;width:30px;height:30px;border-radius:50%;background:var(--v2-blau);transition:transform .3s var(--v2-k-aus)}
.ebk-faq__eintrag summary i::before,.ebk-faq__eintrag summary i::after{content:"";position:absolute;left:50%;top:50%;width:12px;height:2px;margin:-1px 0 0 -6px;border-radius:2px;background:#fff}
.ebk-faq__eintrag summary i::after{transform:rotate(90deg);transition:transform .3s var(--v2-k-aus)}
.ebk-faq__eintrag[open] summary i::after{transform:rotate(0)}
.ebk-faq__text{padding:0 22px 20px;color:var(--v2-text);font-size:16px;line-height:1.65}
.ebk-faq__text p{margin:0}
.ebk-faq__links{display:flex;flex-wrap:wrap;gap:8px 22px;margin-top:12px!important}
.ebk-faq__links .bvh-link{font-size:15px}
.ebk-faqblock>p{margin-top:24px}
.ebk-fragen{padding-top:16px;padding-bottom:clamp(48px,6vw,88px)}
.ebk-fragen__gruppe{padding:28px 0 12px;scroll-margin-top:calc(var(--v2-kopf) + 16px)}
.ebk-fragen__gruppe[hidden]{display:none}
.ebk .ebk-fragen__gruppe h2{margin:0 0 16px;font-size:clamp(22px,1.9vw,28px)}
.ebk-leer{padding:24px;border-radius:10px;background:var(--v2-blass);color:var(--v2-tinte)}
.ebk-suche{position:relative;max-width:720px;margin:0 0 20px}
.ebk-suche .bvh-i{position:absolute;left:22px;top:50%;width:22px;height:22px;color:var(--v2-leise);transform:translateY(-50%);pointer-events:none}
.ebk-suche input{box-sizing:border-box;width:100%;min-height:58px;padding:0 120px 0 56px;border:1px solid var(--v2-feld);border-radius:999px;background:#fff;color:var(--v2-tinte);font:inherit;font-size:17px}
.ebk-suche input:focus{border-color:var(--v2-blau);outline:2px solid var(--v2-blau);outline-offset:0}
.ebk-suche__zahl{position:absolute;right:24px;top:50%;color:var(--v2-leise);font-size:14px;transform:translateY(-50%)}

/* Filter */
.ebk-filter{display:flex;flex-wrap:wrap;gap:8px}
.ebk-filter button,.ebk-filter a{display:inline-flex;align-items:center;min-height:44px;padding:0 18px;border:1px solid var(--v2-linie);border-radius:999px;background:#fff;color:var(--v2-tinte);font:inherit;font-size:15px;font-weight:600;text-decoration:none;cursor:pointer;transition:background-color .2s,color .2s,border-color .2s}
.ebk-filter button:hover,.ebk-filter a:hover{border-color:var(--v2-blau);color:var(--v2-blau)}
.ebk-filter button[aria-pressed="true"]{background:var(--v2-nacht);border-color:var(--v2-nacht);color:#fff}
.ebk-filter--kat a{min-height:38px;padding:0 14px;font-size:14px;font-weight:500}

/* Gruppen auf der Funktionsuebersicht */
.ebk-gruppen{padding-bottom:clamp(48px,6vw,88px)}
.ebk-gruppe{padding:44px 0 8px;scroll-margin-top:calc(var(--v2-kopf) + 16px)}
.ebk-gruppe[hidden]{display:none}
.ebk-gruppe__kopf{display:flex;align-items:center;gap:18px;margin-bottom:22px}
.ebk .ebk-gruppe__kopf h2{margin:0;font-size:clamp(24px,2vw,30px);line-height:1.2}
.ebk-gruppe__kopf p{margin:4px 0 0;color:var(--v2-leise);font-size:16px}

/* Ablauf in Schritten */
.ebk-schritte{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:clamp(16px,1.8vw,24px);margin:0;padding:0;list-style:none}
.ebk-schritte li{padding:28px;border-radius:10px;background:#fff;box-shadow:var(--v2-karte-weich)}
.ebk-abschnitt:not(.ebk-abschnitt--blass) .ebk-schritte li{background:var(--v2-blass);box-shadow:none}
.ebk-schritte__nr{display:grid;place-items:center;width:44px;height:44px;border:2px solid var(--v2-blau);border-radius:50%;color:var(--v2-blau);font-size:18px;font-weight:700}
.ebk-schritte h3{margin:18px 0 8px;font-size:19px;line-height:1.3}
.ebk-schritte p{margin:0;color:var(--v2-leise);font-size:15px;line-height:1.6}

/* Detail mit Seitenkarte */
.ebk-detail{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(32px,5vw,80px);align-items:start}
.ebk-detail__text>p{max-width:68ch;font-size:17px}
.ebk-detail__karte{position:sticky;top:calc(var(--v2-kopf) + 24px);padding:28px;border-radius:10px;background:#fff;box-shadow:var(--v2-karte-weich)}
.ebk-abschnitt:not(.ebk-abschnitt--blass) .ebk-detail__karte{background:var(--v2-blass);box-shadow:none}
.ebk-detail__karte .ebk-ticks{margin-bottom:0}
.ebk-detail__karte .ebk-ticks:not(:last-child),.ebk-schutz__block .ebk-ticks:not(:last-child){margin-bottom:24px}

/* Galerie */
.ebk-galerie{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(24px,3vw,40px);align-items:start}
.ebk-galerie__eintrag--mobil{justify-self:center;width:min(100%,320px)}

/* Preise */
.ebk-preise{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,1.8vw,24px);align-items:stretch}
.ebk-preis{display:flex;flex-direction:column;padding:32px;border-radius:12px;background:#fff;box-shadow:var(--v2-karte-weich)}
.ebk-abschnitt:not(.ebk-abschnitt--blass) .ebk-preis{box-shadow:0 0 0 1px var(--v2-linie),var(--v2-karte-weich)}
.ebk-preis .ebk-kachel__icon{margin-bottom:18px}
.ebk-preis h3{margin:0;font-size:22px}
.ebk-preis__betrag{display:flex;align-items:baseline;gap:10px;margin:14px 0 4px!important}
.ebk-preis__betrag strong{color:var(--v2-tinte);font-size:clamp(38px,3.2vw,48px);line-height:1;letter-spacing:-.02em}
.ebk-preis__betrag span{color:var(--v2-leise);font-size:15px}
.ebk-preis .ebk-ticks{flex:1}
.ebk-preis--kompakt{padding:28px;box-shadow:none;background:transparent}
.ebk-detail__karte .ebk-preis--kompakt{padding:0}
.ebk-testband{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:24px;padding:24px 28px;border-radius:12px;background:var(--v2-blau-tint)}
.ebk .ebk-testband h2{margin:0;font-size:24px}

/* Vergleichstabelle */
.ebk-tabelle{position:relative;overflow-x:auto;border-radius:10px;box-shadow:0 0 0 1px var(--v2-linie)}
.ebk-tabelle:focus-visible{outline:3px solid var(--v2-blau);outline-offset:2px}
.ebk-tabelle table{width:100%;min-width:560px;border-collapse:collapse;font-size:16px}
.ebk-tabelle th,.ebk-tabelle td{padding:14px 18px;border-bottom:1px solid var(--v2-linie);text-align:left;vertical-align:middle}
.ebk-tabelle thead th{background:var(--v2-nacht);color:#fff;font-size:13px;font-weight:700;letter-spacing:.8px;text-transform:uppercase}
.ebk-tabelle tbody th{color:var(--v2-tinte);font-weight:500}
.ebk-tabelle tbody tr:nth-child(even){background:var(--v2-blass)}
.ebk-tabelle td{width:170px;text-align:center}
.ebk-ja{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--v2-blau-tint);color:var(--v2-blau)}
.ebk-nein{color:var(--v2-label);font-size:14px}
.ebk-tabelle+.ebk-klein{margin-top:14px}

/* Sicherheit */
.ebk-schutz{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(16px,2vw,28px)}
.ebk-schutz__block{padding:32px;border-radius:12px;background:var(--v2-blass)}
.ebk .ebk-schutz__block h2{margin:18px 0 4px;font-size:24px;line-height:1.25}
.ebk-schutz__block .ebk-ticks{margin-bottom:0}

/* Abschlussband */
.ebk-cta{padding:clamp(48px,6vw,84px) 0;background:var(--v2-blass-mittel)}
.ebk-cta__in{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px 48px;align-items:center}
.ebk .ebk-cta h2{margin:0 0 8px;font-size:clamp(26px,2.4vw,38px);line-height:1.15;letter-spacing:-.012em}
.ebk-cta p{margin:0;max-width:60ch;color:var(--v2-leise);font-size:18px}

/* Vergroesserte Ansicht */
.ebk-zoom{position:fixed;inset:0;z-index:1300;display:grid;place-items:center;align-content:center;gap:14px;padding:56px 24px 28px;background:rgba(0,26,28,.9);backdrop-filter:blur(3px)}
.ebk-zoom[hidden]{display:none}
.ebk-zoom__bild{box-shadow:0 40px 80px -30px rgba(0,0,0,.7);border-radius:10px}
.ebk-zoom p{margin:0;color:rgba(255,255,255,.85);font-size:14px;text-align:center}
.ebk-zoom__x{position:absolute;top:14px;right:14px;display:grid;place-items:center;width:48px;height:48px;border:0;border-radius:50%;background:rgba(255,255,255,.12);color:#fff;cursor:pointer}
.ebk-zoom__x:hover,.ebk-zoom__x:focus-visible{background:#fff;color:var(--v2-nacht);outline:none}
.ebk-zoom.is-auf .ebk-zoom__bild{animation:ebk-zoom .35s var(--v2-k-aus) both}
@keyframes ebk-zoom{from{opacity:0;transform:scale(.96)}to{opacity:1;transform:none}}

/* Fuss */
.ebk-fuss{position:relative;overflow:hidden;padding:clamp(56px,6vw,88px) 0 28px;background:var(--v2-nacht);color:rgba(255,255,255,.75);font-size:15px;line-height:1.6}
.ebk-fuss::after{content:"";position:absolute;left:-140px;bottom:-200px;width:560px;height:560px;background:url(../img/justiziara-siegel.webp) center/contain no-repeat;opacity:.04;pointer-events:none}
.ebk-fuss .ebk-in{position:relative;z-index:1}
.ebk-fuss__raster{display:grid;grid-template-columns:minmax(0,1.4fr) repeat(3,minmax(0,1fr));gap:40px}
.ebk-fuss__marke img{display:block;width:190px;height:auto;margin-bottom:18px}
.ebk-fuss__marke p{margin:0 0 14px}
.ebk-fuss__h{margin:0 0 14px;color:var(--v2-akzent);font-size:12px;font-weight:700;letter-spacing:1px;text-transform:uppercase}
.ebk-fuss ul{display:grid;gap:8px;margin:0;padding:0;list-style:none}
.ebk-fuss a{color:rgba(255,255,255,.85);text-decoration:none}
.ebk-fuss a:hover{color:#fff;text-decoration:underline;text-underline-offset:3px}
.ebk-fuss__recht{display:flex;flex-wrap:wrap;align-items:center;gap:10px 28px;margin-top:48px;padding-top:24px;border-top:1px solid rgba(255,255,255,.14);font-size:14px}
.ebk-fuss__claim{margin:0;color:#fff;font-weight:600}
.ebk-fuss__recht nav{display:flex;flex-wrap:wrap;gap:8px 20px;margin-left:auto}
.ebk-fuss__ck{padding:0;border:0;background:none;color:rgba(255,255,255,.85);font:inherit;font-size:14px;cursor:pointer}
.ebk-fuss__ck:hover{color:#fff;text-decoration:underline;text-underline-offset:3px}
.ebk-fuss__ck[hidden]{display:none}

/* Portal-Lotse (Fenster des Hilfe-Assistenten) auf den Informationsseiten: keine Tab-Leiste unten */
.bvh-einblick .bvh-chat{bottom:24px}
.bvh-einblick .bvh-chat__fab{background:var(--v2-blau)}
/* Niedrige Fenster: Mega-Menue kompakter, damit es ohne Scrollen passt */
@media (max-height:940px) and (min-width:1181px){
  .ebk-mega__in{padding-top:24px;padding-bottom:28px}
  .ebk-mega__eintrag{padding-top:7px;padding-bottom:7px}
  .ebk-mega ul{margin-bottom:14px}
  .ebk-mega__spalten{row-gap:18px}
}
/* Hover und Fokus auf dunklem Grund: Text bleibt lesbar (globale Linkfarbe und Knopfumkehr aus dem Portal greifen hier nicht) */
.ebk-mega a.ebk-mega__eintrag:hover,.ebk-mega a.ebk-mega__eintrag:focus-visible{color:#fff}
.ebk-mega a.ebk-mega__eintrag:hover strong,.ebk-mega a.ebk-mega__eintrag:focus-visible strong{color:var(--v2-akzent)}
.ebk-mega a.ebk-mega__eintrag:hover small,.ebk-mega a.ebk-mega__eintrag:focus-visible small{color:rgba(255,255,255,.82)}
.ebk-mega a.ebk-mega__zg:hover,.ebk-mega a.ebk-mega__zg:focus-visible{color:rgba(255,255,255,.86)}
.ebk-mobil ul a:hover,.ebk-mobil ul a:focus-visible{color:#fff}
.ebk-kopf.is-offen .bvh-btn--primary:hover,.ebk-kopf.is-offen .bvh-btn--primary:focus,.ebk-mega .bvh-btn--primary:hover,.ebk-mega .bvh-btn--primary:focus,.ebk-mobil .bvh-btn--primary:hover,.ebk-mobil .bvh-btn--primary:focus,.ebk-dunkel .bvh-btn--primary:hover,.ebk-dunkel .bvh-btn--primary:focus{background:#fff;border-color:#fff;color:var(--v2-blau)}
.ebk-kopf.is-offen .bvh-btn--ghost:hover,.ebk-kopf.is-offen .bvh-btn--ghost:focus,.ebk-mobil .bvh-btn--ghost:hover,.ebk-mobil .bvh-btn--ghost:focus,.ebk .ebk-aktionen--dunkel .bvh-btn--ghost:hover,.ebk .ebk-aktionen--dunkel .bvh-btn--ghost:focus{background:#fff;border-color:#fff;color:var(--v2-nacht)}
.ebk-dunkel .bvh-btn--light:hover,.ebk-dunkel .bvh-btn--light:focus{background:#fff;border-color:#fff;color:var(--v2-nacht)}
@media (max-width:780px){
  .bvh-einblick .bvh-chat{bottom:calc(16px + env(safe-area-inset-bottom))}
  .bvh-einblick .bvh-chat__panel{bottom:calc(80px + env(safe-area-inset-bottom))}
}

/* Anmeldung im neuen Rahmen */
.bvh-einblick .bvh-auth{min-height:calc(100vh - var(--v2-kopf))}

/* Einblenden beim Scrollen, nur mit Skript und ohne reduzierte Bewegung */
.ebk-anim [data-ebk-auf]{opacity:0;transform:translateY(26px);transition:opacity .7s var(--v2-k-aus),transform .9s var(--v2-k-aus)}
.ebk-anim [data-ebk-auf].is-da{opacity:1;transform:none}

/* 6. Umbrueche */
@media (max-width:1240px){
  .ebk-zahlen__liste{grid-template-columns:repeat(3,minmax(0,1fr))}
  .ebk-raster{grid-template-columns:repeat(3,minmax(0,1fr))}
  .ebk-grundsaetze{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ebk-mega__in{grid-template-columns:minmax(0,1fr) 250px;gap:32px}
  .ebk-kopf__claim{display:none}
}
@media (max-width:1180px){
  .ebk-nav{display:none}
  .ebk-burger{display:inline-flex}
  .ebk-kopf__in > .ebk-kopf__aktion{margin-left:auto}
  .ebk-mega{display:none!important}
}
@media (max-width:900px){
  .ebk-held__raster,.ebk-zeile,.ebk-wer__panel,.ebk-detail,.ebk-dunkel__raster,.ebk-cta__in{grid-template-columns:minmax(0,1fr)}
  .ebk-zeile--rechts .ebk-zeile__text{order:0}
  .ebk-held__bild{padding:0 0 40px 40px}
  .ebk-held--funktion .ebk-held__bild,.ebk-held--zg .ebk-held__bild{padding:0}
  .ebk-raster,.ebk-raster--drei{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ebk-preise,.ebk-schutz,.ebk-galerie{grid-template-columns:minmax(0,1fr)}
  .ebk-dunkel__liste{grid-template-columns:minmax(0,1fr)}
  .ebk-fuss__raster{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ebk-detail__karte{position:static}
  .ebk-einf--1{right:-8px}
  .ebk-einf--3{left:-8px}
  .ebk-grafik{grid-template-columns:minmax(0,1fr)}
  .ebk-grafik__pfeil{justify-self:center;transform:rotate(90deg)}
}
@media (max-width:620px){
  .ebk{font-size:16px}
  .ebk-logo img{width:130px}
  .ebk-kopf__in{gap:12px}
  .ebk-anmelden span,.ebk-kopf__test{display:none}
  .ebk-kopf .bvh-btn--sm{padding:8px 14px;font-size:14px}
  .ebk-burger__text{display:none}
  .ebk-held__bild{padding:0 0 24px}
  .ebk-held__telefon{display:none}
  .ebk-einf{max-width:250px;padding:10px 12px;gap:10px;font-size:13px}
  .ebk-einf__icon{width:34px;height:34px}
  .ebk-einf strong{font-size:14px}
  .ebk-einf__meta{display:none}
  .ebk-einf--2,.ebk-einf--3{display:none}
  .ebk-einf--1{top:auto;bottom:-18px;right:6px}
  .ebk-held__fenster .ebk-einf--1{top:-14px;bottom:auto}
  .ebk-zahlen__liste{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
  .ebk-raster,.ebk-raster--drei,.ebk-grundsaetze{grid-template-columns:minmax(0,1fr)}
  .ebk-reiter{border-radius:16px;width:auto}
  .ebk-reiter button{flex:1 1 auto;justify-content:center;padding:0 14px;font-size:14px}
  .ebk-lotse__kopf{flex-direction:column;gap:14px}
  .ebk-lotse__form{flex-direction:column}
  .ebk-lotse__form .bvh-btn{width:100%}
  .ebk-aktionen .bvh-btn{flex:1 1 100%}
  .ebk-fuss__raster{grid-template-columns:minmax(0,1fr)}
  .ebk-fuss__recht nav{margin-left:0}
  .ebk-suche input{padding-right:24px}
  .ebk-suche__zahl{display:none}
  .ebk-testband{flex-direction:column;align-items:flex-start}
  .ebk-shot__leiste span{display:none}
  .ebk-shot--handy .ebk-einf--1,.ebk-held__fenster.ebk-shot--handy .ebk-einf--1{top:auto;bottom:15%;right:-30px;max-width:228px}
}
@media (prefers-reduced-motion:reduce){
  .ebk-anim [data-ebk-auf]{opacity:1;transform:none;transition:none}
  .ebk-einf,.ebk-mega.is-auf .ebk-mega__in,.ebk-wer__panel.is-neu,.ebk-zoom.is-auf .ebk-zoom__bild{animation:none!important}
  .ebk-kachel,.ebk-mega__zg,.ebk-nav__link::after{transition:none}
}
@media print{
  .ebk-kopf,.ebk-fuss,.ebk-lotse,.ebk-cta,.bvh-chat,.ebk-zoom{display:none!important}
  .ebk-einf{display:none}
}