*{box-sizing:border-box}:root{--blue:#2670b8;--ink:#142130;--muted:#66717e;--line:#e3e8ed;--soft:#f6f8fa}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;color:var(--ink);background:#fff}a{text-decoration:none;color:inherit}img{display:block;max-width:100%}header{height:72px;padding:8px clamp(18px,4vw,60px);display:flex;align-items:center;gap:30px;position:sticky;top:0;z-index:20;background:rgba(255,255,255,.94);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px}.brand img{width:145px;height:48px;object-fit:contain}.brand b{font-size:.76rem;color:var(--blue);letter-spacing:.08em;white-space:nowrap}header nav{display:flex;gap:25px;margin-left:auto;color:#52606d;font-size:.92rem}header nav a:hover{color:var(--blue)}.menu{display:none;margin-left:auto;border:0;background:none;font-size:1.5rem}.hero{height:calc(100vh - 72px);min-height:650px;position:relative;overflow:hidden;background:#17212b}.hero>img{width:100%;height:100%;object-fit:cover;object-position:center}.shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,18,27,.72) 0,rgba(8,18,27,.34) 36%,rgba(8,18,27,0) 68%)}.heroText{position:absolute;left:clamp(24px,6vw,100px);top:50%;transform:translateY(-50%);color:#fff;max-width:610px}.heroText>span,.intro>span,.next>span,.about span{text-transform:uppercase;letter-spacing:.17em;font-weight:800;font-size:.75rem}.heroText h1{font-family:Georgia,serif;font-weight:500;font-size:clamp(4rem,8vw,8rem);line-height:.87;margin:16px 0 24px;letter-spacing:-.05em}.heroText p{font-size:clamp(1.05rem,1.8vw,1.4rem);line-height:1.55;max-width:520px}.heroText a,.next a{display:inline-flex;margin-top:15px;border:1px solid rgba(255,255,255,.7);border-radius:999px;padding:12px 20px}.status{position:absolute;right:28px;bottom:24px;background:rgba(255,255,255,.9);padding:9px 14px;border-radius:999px;font-size:.86rem;display:flex;gap:8px;align-items:center}.status i{width:8px;height:8px;background:#36a66a;border-radius:50%}.section{padding:clamp(75px,8vw,120px) clamp(20px,6vw,100px)}.intro{max-width:900px}.intro>span,.about span{color:var(--blue)}h2{font-family:Georgia,serif;font-weight:500;font-size:clamp(2.5rem,5vw,5rem);line-height:1;margin:12px 0 20px;letter-spacing:-.04em}.intro>p{max-width:700px;color:var(--muted);font-size:1.08rem;line-height:1.7}.livegrid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:45px}.livegrid article{padding:30px;border:1px solid var(--line);border-radius:22px;background:#fff}.livegrid small{color:var(--blue);font-weight:800}.livegrid h3{font-family:Georgia,serif;font-size:1.5rem;font-weight:500;line-height:1.3}.soft{background:var(--soft)}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:42px}.card{height:440px;position:relative;overflow:hidden;border-radius:24px;background:#ddd}.card.wide{grid-column:span 2}.card img{width:100%;height:100%;object-fit:cover;transition:.4s}.card:hover img{transform:scale(1.025)}.card:after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(transparent,rgba(5,14,22,.85))}.card div{position:absolute;z-index:2;left:24px;right:24px;bottom:20px;color:#fff}.card b{font-family:Georgia,serif;font-size:2rem}.card p{margin:5px 0}.next{text-align:center;padding:clamp(90px,11vw,160px) 20px;background:linear-gradient(135deg,#17324d,#0c1723);color:#fff}.next>span{color:#8fc6f5}.next h2{max-width:900px;margin:14px auto 25px}.next p{max-width:950px;margin:0 auto;font-size:clamp(1.3rem,2.6vw,2.2rem);line-height:1.35}.about{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.about p{font-size:1.08rem;color:var(--muted);line-height:1.8}.about code{background:#eef3f7;padding:3px 7px;border-radius:6px}footer{padding:28px clamp(20px,6vw,100px);display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);color:#5f6b78}footer>div{display:flex;flex-direction:column;gap:3px}footer small{font-size:.76rem}footer nav{display:flex;gap:20px;font-size:.88rem}@media(max-width:900px){header nav{display:none;order:3;width:100%;padding:10px 0}header nav.open{display:flex;flex-wrap:wrap}header{height:auto;min-height:66px;flex-wrap:wrap}.menu{display:block}.hero{height:78vh;min-height:580px}.hero>img{object-position:58% center}.shade{background:linear-gradient(0deg,rgba(8,18,27,.75),rgba(8,18,27,.05) 70%)}.heroText{left:20px;right:20px;top:auto;bottom:55px;transform:none}.heroText h1{font-size:4.2rem}.livegrid,.cards,.about{grid-template-columns:1fr}.card.wide{grid-column:auto}.card{height:420px}.about{gap:20px}}@media(max-width:520px){.brand img{width:118px}.brand b{font-size:.68rem}.hero{min-height:620px}.heroText h1{font-size:3.5rem}.status{right:14px;bottom:14px}.section{padding:65px 18px}.card{height:390px}footer{display:block}footer nav{margin-top:16px;flex-wrap:wrap}}
/* HERO-FIX 2026-09-30 – Gesicht von LIA bleibt vollständig frei */
@media (min-width:901px){
  .heroText{
    left:clamp(24px,4vw,64px);
    top:auto;
    bottom:48px;
    transform:none;
    max-width:430px;
    padding:22px 26px;
    border-radius:22px;
    background:rgba(7,18,28,.54);
    backdrop-filter:blur(7px);
  }
  .heroText h1{font-size:clamp(3.2rem,5vw,5.8rem)}
  .heroText p{font-size:clamp(1rem,1.35vw,1.2rem)}
}
@media (max-width:900px){
  .hero{
    height:auto;
    min-height:0;
    overflow:visible;
    background:#fff;
    padding-bottom:0;
  }
  .hero>img{
    height:auto;
    aspect-ratio:1056/473;
    object-fit:cover;
    object-position:center;
  }
  .hero .shade{display:none}
  .heroText{
    position:relative;
    left:auto;right:auto;top:auto;bottom:auto;
    transform:none;
    padding:28px 20px 36px;
    max-width:none;
    color:var(--ink);
    background:#fff;
  }
  .heroText>span{color:var(--blue)}
  .heroText h1{font-size:clamp(3rem,12vw,4.4rem);margin:10px 0 18px}
  .heroText p{font-size:1.05rem}
  .heroText a{color:#fff;background:var(--blue);border-color:var(--blue)}
  .status{top:14px;right:14px;bottom:auto}
}

/* FINAL HERO POSITION: Text liegt NICHT mehr über dem Bild */
.hero{
  height:auto !important;
  min-height:0 !important;
  display:grid !important;
  grid-template-columns:1fr !important;
  overflow:visible !important;
  background:#fff !important;
}
.hero>img{
  position:relative !important;
  width:100% !important;
  height:auto !important;
  aspect-ratio:1056/473 !important;
  object-fit:cover !important;
  object-position:center center !important;
}
.hero .shade{display:none !important}
.heroText{
  position:relative !important;
  inset:auto !important;
  transform:none !important;
  max-width:none !important;
  width:100% !important;
  padding:34px clamp(20px,6vw,100px) 42px !important;
  border-radius:0 !important;
  background:#fff !important;
  backdrop-filter:none !important;
  color:var(--ink) !important;
}
.heroText>span{color:var(--blue) !important}
.heroText h1{
  color:var(--ink) !important;
  font-size:clamp(3rem,6vw,5.8rem) !important;
  margin:10px 0 18px !important;
}
.heroText p{color:var(--muted) !important;max-width:720px !important}
.heroText a{
  color:#fff !important;
  background:var(--blue) !important;
  border-color:var(--blue) !important;
}
.status{
  top:18px !important;
  right:18px !important;
  bottom:auto !important;
}
@media(max-width:600px){
  .heroText{padding:28px 18px 36px !important}
  .heroText h1{font-size:3.2rem !important}
}