/* v33 – Ergänzungen Startseite (Kernbotschaften 10.10.2026) */
.button-outline{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:.9rem 1.4rem;font-weight:750;text-decoration:none;color:var(--petrol);border:2px solid var(--petrol);background:transparent}
.button-outline:hover{background:var(--petrol);color:#fff}
.hero-note{font-size:.92rem;color:var(--ink);margin:.25rem 0 0;font-weight:600}
.path-grid.path-grid-2{grid-template-columns:repeat(2,1fr)}
.path-card ul{list-style:none;padding:0;margin:.5rem 0 1.75rem;display:grid;gap:.7rem}
.path-card li{position:relative;padding-left:1.6rem;color:var(--ink);line-height:1.55}
.path-card li::before{content:"";position:absolute;left:0;top:.45rem;width:.7rem;height:.7rem;border-radius:999px;background:var(--teal)}
.path-card-primary li{color:rgba(255,255,255,.85)}
.path-card .path-sub{display:block;margin:-.25rem 0 .5rem;font-weight:600}
.diff-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem 2.5rem}
.diff-grid>div{border-top:1px solid rgba(255,255,255,.35);padding-top:1.5rem}
.diff-grid h3{font-size:1.35rem;color:#fff;margin:0 0 .65rem;line-height:1.25}
.diff-grid p{color:rgba(255,255,255,.78);line-height:1.65;margin:0}
.final-actions .button-light+.final-secondary{margin-top:1.25rem}
@media(max-width:900px){.path-grid.path-grid-2,.diff-grid{grid-template-columns:1fr}}
@media(max-width:540px){.button-outline{width:100%}}
/* v33: Startseiten-Bild ohne Rahmen auf allen Breiten; Einleitung überlagert das Bild am Desktop nicht */
@media(max-width:1079px){.hero-visual{background:transparent!important;box-shadow:none!important;border:0!important}}
@media(min-width:1080px){.home-hero .lead{max-width:min(710px,46vw)}}
/* v33: Tablet-Breite (901–1079 px) wie Desktop – großes Bild rechts statt kleiner Karte */
@media(min-width:901px) and (max-width:1079px){
  .home-hero-grid{display:block;position:relative;min-height:480px}
  .home-hero-grid>div:first-child{position:relative;z-index:2;width:60%;padding-top:1rem}
  .home-hero-grid::after{content:'';position:absolute;z-index:1;inset:-1rem 22% -1rem -2rem;background:linear-gradient(90deg,var(--warm) 0%,rgba(245,243,239,.99) 60%,rgba(245,243,239,.82) 78%,rgba(245,243,239,0) 100%);pointer-events:none}
  .hero-visual{position:absolute;z-index:0;top:-2rem;right:-1.5rem;bottom:-2rem;width:66%;aspect-ratio:auto;border-radius:0;-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 22%,#000 100%);mask-image:linear-gradient(90deg,transparent 0%,#000 22%,#000 100%)}
  .hero-visual img{width:100%;height:100%;max-height:none;object-fit:contain;object-position:right center}
}
@media(max-width:900px){.hero-visual img{object-position:center}}