/* Zweck: Startseiten und 3-Klick-Navigation | Schicht: Content/Seitentyp | Ladende Seiten: DE-/EN-Startseite */

/* Historische Home-Huelle aus main.css. */
.home-main{display:flex;flex-direction:column;min-height:0;width:100%;margin:0;overflow:visible;padding:0}
.home-main>.content{border:1px solid var(--book-line);border-radius:8px;background:rgba(255,255,255,.96);box-shadow:var(--book-shadow)}
.content--home .content__entry:empty{min-height:52vh}
.content--home .content__entry>h1:first-child{text-align:center}
.home-main>.content{flex:1 1 auto;min-height:0;overflow:visible}
.home-main>.content>.content__entry,.home-main>.content>.entry-wrapper{flex:1 1 auto;min-height:0;overflow:visible}

/* Startseiten-Layout aus home-redesign.css. Gemeinsame Karten-/Button-Basis liegt in content.css. */
.site-shell--home{align-items:flex-start}
.site-shell--home .site-main.home-main,.site-shell--home .home-main>.content{display:block;border:0;border-radius:0;background:transparent;box-shadow:none}
.home-hero{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(230px,.82fr);align-items:center;gap:clamp(1.7rem,4vw,4rem);min-height:300px;padding:clamp(1rem,2.2vw,2rem) clamp(1.7rem,4vw,3.6rem) clamp(2rem,3vw,2.8rem);background:var(--amg-mint)}
.home-hero__copy{max-width:620px}
.home-hero h1{margin:0;color:var(--amg-ink);font-family:var(--book-sans);font-size:clamp(2.05rem,3.22vw,3.425rem);font-weight:900;letter-spacing:0;line-height:1.04}
.home-hero p{max-width:560px;margin:1.45rem 0 0;color:#315253;font-size:clamp(1rem,1.35vw,1.18rem);line-height:1.7}
.home-hero__actions{display:flex;flex-wrap:wrap;gap:.9rem;margin-top:2rem}
.home-hero__profile{position:relative;justify-self:center;width:min(100%,280px);padding:12px}
.home-hero__profile::before{content:"";position:absolute;inset:0;border-radius:999px;background:rgba(255,255,255,.72);box-shadow:0 18px 42px rgba(48,124,120,.15)}
.home-hero__profile img{position:relative;z-index:1;display:block;width:100%;aspect-ratio:1;border:8px solid rgba(255,255,255,.95);border-radius:999px;object-fit:cover;box-shadow:0 12px 24px rgba(34,93,91,.14)}
.home-location-card{position:relative;z-index:2;display:flex;align-items:center;gap:.75rem;width:max-content;max-width:240px;margin:-18px auto 0;padding:.7rem .95rem;border:1px solid rgba(16,106,106,.12);border-radius:8px;background:rgba(255,255,255,.92);box-shadow:0 12px 28px rgba(32,88,86,.13);color:#244548;font-size:.78rem;line-height:1.22}
.home-location-card strong{display:block;color:#5e7675;font-size:.58rem;font-weight:850;letter-spacing:.06em;text-transform:uppercase}
.home-location-card__pin{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:999px;background:var(--amg-teal-soft);color:var(--amg-teal)}
.home-orientation{display:grid;gap:.8rem;padding:0 clamp(1.7rem,4vw,3.6rem) clamp(2.2rem,3.4vw,3.2rem);background:var(--amg-mint)}
.home-orientation p{max-width:860px;margin:0;color:#315253;font-size:.98rem;line-height:1.7}
.home-areas{padding:clamp(1.5rem,2.8vw,3rem) clamp(1.7rem,4vw,3.6rem) clamp(4rem,6vw,6.2rem);background:var(--amg-mint-soft)}
.home-section-head{max-width:680px;margin:0 auto 2.35rem;text-align:center}
.home-section-head h2{margin:0;color:var(--amg-ink);font-family:var(--book-sans);font-size:clamp(1.9rem,3vw,3rem);font-weight:900;letter-spacing:0;line-height:1.12}
.home-section-head p{margin:1rem 0 0;color:var(--amg-muted);font-size:.98rem;line-height:1.62}
.home-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.45rem;align-items:stretch}
.home-card-icon{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;margin-bottom:1.35rem;border-radius:6px}
.home-card-icon--book,.home-card-icon--community{background:#e7f7f4;color:#0f7777}
.home-card-icon--video{background:#fff0ee;color:#c84d32}
.home-card-icon--advice{background:#fff3e8;color:#cf6a2e}
.home-youtube-embed{width:min(100%,400px);margin:0 0 1rem;aspect-ratio:16/9;overflow:hidden;border-radius:8px;background:#102f31}
.home-youtube-embed iframe{display:block;width:100%;height:100%;border:0}
.home-pill-row{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:1.4rem}
.home-pill{display:inline-flex;align-items:center;min-height:30px;padding:.45rem .8rem;border-radius:999px;background:#e2f8f4;color:#143f42;font-size:.78rem;font-weight:850;text-decoration:none}

/* 3-Klick-Startseite. */
.home-hero--compact{margin-bottom:22px}
.home-choices{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:0 0 30px}
.home-choice{display:flex;flex-direction:column;gap:8px;padding:22px 20px 20px;border:1px solid var(--amg-line);border-radius:16px;background:var(--amg-paper);box-shadow:var(--amg-shadow);text-decoration:none;color:var(--amg-ink);transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}
.home-choice:hover,.home-choice:focus-visible{transform:translateY(-3px);border-color:var(--amg-teal);box-shadow:0 24px 50px rgba(16,65,66,.16);outline:none}
.home-choice__icon{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:12px;background:var(--amg-teal-soft);color:var(--amg-teal)}
.home-choice__title{font-size:1.22rem;font-weight:700;line-height:1.2}
.home-choice__sub{font-size:.96rem;color:var(--amg-muted);line-height:1.45}
.home-choice--b .home-choice__icon{background:#fde7de;color:var(--amg-orange)}
.home-choice--c .home-choice__icon{background:var(--amg-mint);color:var(--amg-teal)}
.home-panel__title{margin:0 0 6px;font-size:1.5rem;color:var(--amg-ink)}
.home-panel__lead{margin:0 0 18px;color:var(--amg-muted);font-size:1.02rem}
.home-panel__aside{margin:16px 0 0;display:flex;flex-wrap:wrap;align-items:center;gap:10px;font-size:.96rem}
.home-panel__aside-sep{color:var(--amg-muted)}
.home-pick-list{display:grid;gap:10px;margin:0 0 22px}
.home-pick{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;border:1px solid var(--amg-line);border-radius:12px;background:var(--amg-paper);text-decoration:none;color:var(--amg-ink);font-weight:600;transition:border-color .16s ease,transform .16s ease}
.home-pick:hover,.home-pick:focus-visible{border-color:var(--amg-teal);transform:translateX(2px);outline:none}
.home-pick__arrow{color:var(--amg-teal);font-size:1.3rem;line-height:1}
.home-products{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:4px 0 0}
.home-product{display:flex;flex-direction:column;gap:6px;padding:16px 18px;border:1px solid var(--amg-line);border-radius:12px;background:var(--amg-paper);text-decoration:none;color:var(--amg-ink);transition:border-color .16s ease,transform .16s ease,box-shadow .16s ease}
.home-product:hover,.home-product:focus-visible{border-color:var(--amg-teal);transform:translateY(-2px);box-shadow:var(--amg-shadow);outline:none}
.home-product__head{display:flex;align-items:baseline;justify-content:space-between;gap:10px}
.home-product__name{font-weight:700;font-size:1.02rem;line-height:1.25}
.home-product__price{flex:none;font-weight:700;color:var(--amg-orange);white-space:nowrap}
.home-product__note{font-size:.92rem;color:var(--amg-muted);line-height:1.45}
.home-wayfinder{margin:0 0 32px;padding:24px;border:1px dashed var(--amg-line);border-radius:16px}
.home-wayfinder__title{margin:0 0 14px;font-size:1.28rem}
.home-wayfinder__list{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.home-wayfinder__list a{display:block;padding:12px 16px;border-radius:10px;text-decoration:none;color:var(--amg-ink);transition:background .16s ease}
.home-wayfinder__list a:hover,.home-wayfinder__list a:focus-visible{background:var(--amg-teal-soft);outline:none}
.home-wayfinder__list strong{color:var(--amg-teal)}
.home-wayfinder__list span{display:block;font-size:.92rem;color:var(--amg-muted);margin-top:2px}
.home-community{margin:0 0 26px}
.home-member-hint{margin:0;text-align:center;font-size:.96rem;color:var(--amg-muted)}
.home-member-hint a{color:var(--amg-teal);font-weight:600}
.home-textlink{color:var(--amg-teal);font-weight:600;text-decoration:none}
.home-textlink:hover,.home-textlink:focus-visible{text-decoration:underline}

/* Ohne JS bleiben alle Inhalte sichtbar; der Prepaint-Hook setzt nur is-enhanced. */
.home-back{display:none}
.home-flow.is-enhanced .home-screen:not(.is-active),.home-flow.is-enhanced .home-crawl{display:none}
.home-flow.is-enhanced .home-screen--panel{margin-bottom:0}
.home-flow.is-enhanced .home-back{display:inline-flex;align-items:center;gap:4px;margin:0 0 16px;padding:8px 16px;border:1px solid var(--amg-line);border-radius:999px;background:var(--amg-paper);color:var(--amg-teal);font:inherit;font-weight:600;font-size:.95rem;cursor:pointer;transition:border-color .16s ease,background .16s ease}
.home-flow.is-enhanced .home-back:hover,.home-flow.is-enhanced .home-back:focus-visible{border-color:var(--amg-teal);background:var(--amg-teal-soft);outline:none}

html[data-theme="dark"] .home-location-card{background:var(--amg-paper);border-color:var(--amg-line);color:var(--amg-ink)}
html[data-theme="dark"] .home-main>.content{border-color:rgba(206,235,232,.18);background-color:rgba(18,39,42,.96);color:var(--amg-ink)}

/* Freigegebene Startseiten-Content-Grenze. */
@media(min-width:821px){
  .site-shell--home .home-flow{max-width:100%;padding-inline:var(--site-content-inset-left) var(--site-content-inset-right)}
}
@media(max-width:960px){
  .home-main{display:block;height:auto;overflow:visible}
}
@media(max-width:820px){
  .home-hero{grid-template-columns:minmax(0,1fr);text-align:left}
  .home-hero__profile{justify-self:start;width:min(72vw,300px)}
}
@media(max-width:760px){
  .home-hero,.home-areas,.home-orientation{padding-left:1.25rem;padding-right:1.25rem}
  .home-hero{min-height:0;padding-top:2.5rem;padding-bottom:3rem}
  .home-hero h1{font-size:clamp(2rem,12vw,3rem)}
  .home-card-grid,.home-choices,.home-products{grid-template-columns:1fr}
}