/* Unterseiten: Verbindung zur Startseite (Leiste oben, Startseiten-Vorschau unten) */
.home-bar{background:#0b315a;color:#deedfc;font:600 13px/1.3 Inter,ui-sans-serif,-apple-system,"Segoe UI",sans-serif}
.home-bar .hb-in{width:min(1180px,calc(100% - 48px));margin:auto;min-height:38px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.home-bar a{color:#fff;font-weight:800;text-decoration:none}
.home-bar .hb-home{display:inline-flex;align-items:center;gap:8px}
.home-bar .hb-home span{opacity:.8;font-weight:600}
.home-bar .hb-cta{white-space:nowrap}
@media(max-width:700px){.home-bar .hb-home span,.home-bar .hb-cta{display:none}.home-bar .hb-in{justify-content:center}}

.home-teaser{padding:90px 0;background:#071c31;color:#fff}
.home-teaser .ht-in{width:min(1180px,calc(100% - 48px));margin:auto}
.home-teaser .ht-head{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:32px;flex-wrap:wrap}
.home-teaser .ht-kicker{color:#6bc5ff;font-size:12px;font-weight:850;letter-spacing:.2em;display:flex;align-items:center;gap:12px}
.home-teaser .ht-kicker:before{content:"";width:26px;height:1px;background:currentColor}
.home-teaser h2{margin:14px 0 0;font-size:44px;line-height:1.06;letter-spacing:-.045em;color:#fff}
.home-teaser h2 em{color:#63c1ff;font-style:normal}
.home-teaser .ht-all{display:inline-flex;align-items:center;gap:10px;min-height:54px;padding:0 26px;border-radius:999px;background:#1765dc;color:#fff;font-weight:800;text-decoration:none;box-shadow:0 14px 34px #1765dc55}
.ht-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.ht-card{position:relative;display:flex;flex-direction:column;justify-content:flex-end;min-height:300px;border-radius:18px;overflow:hidden;color:#fff;text-decoration:none;background:#0f2a45;border:1px solid #ffffff1a;transition:transform .25s,box-shadow .25s}
.ht-card:hover{transform:translateY(-5px);box-shadow:0 24px 50px #0008}
.ht-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.ht-card.photo img{object-position:center 18%}
.ht-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#04121f22 0%,#04121fcc 50%,#04121ff7 80%)}
.ht-card .ht-copy{position:relative;z-index:1;padding:24px}
.ht-card small{display:block;color:#6bc5ff;font-size:11px;font-weight:850;letter-spacing:.16em;text-transform:uppercase}
.ht-card b{display:block;margin-top:8px;font-size:22px;line-height:1.2;letter-spacing:-.02em}
.ht-card span{display:block;margin-top:6px;color:#b7c6d5;font-size:14px;line-height:1.5}
.ht-cam{position:absolute;inset:0;background:radial-gradient(circle at 70% 30%,#33465c,#0a121b 70%)}
.ht-cam i{position:absolute;left:18px;top:16px;font-style:normal;font:800 11px/1 ui-monospace,Menlo,monospace;color:#ff5a5a;letter-spacing:.08em}
.ht-cam i:before{content:"●";margin-right:6px}
.ht-cam em{position:absolute;right:18px;top:16px;font:700 11px/1 ui-monospace,Menlo,monospace;color:#cfd8e3;font-style:normal}
.ht-cam b{position:absolute;left:50%;top:38%;width:56px;height:96px;margin:0;transform:translate(-50%,-50%);border:2px solid #7cc4ff;border-radius:4px}
.ht-cam b:after{content:"PERSON";position:absolute;left:-2px;top:-18px;font:700 9px ui-monospace,Menlo,monospace;color:#0b1f35;background:#7cc4ff;padding:2px 4px}
@media(max-width:900px){.ht-grid{grid-template-columns:1fr}.ht-card{min-height:240px}.home-teaser h2{font-size:34px}.home-teaser{padding:64px 0}}