/* Deutsche Startseite, Entwurf 2026-10-30: Hero mit einer Botschaft, Referenzen mit Zahlen, Planung, Kosten, Ansprechpartner.
   Wird nur von /index.html geladen und ergänzt home.css. EN/NL/SV nutzen weiter den alten Aufbau. */

/* Platzhalter für Fakten, die Marcel noch liefert. Absichtlich auffällig. */
.tt-ph{display:inline;padding:0 .3em;border:1px dashed #b38a00;border-radius:4px;background:#fff3b0;color:#4d3a00!important;font-weight:600;font-size:.92em;line-height:1.5;-webkit-box-decoration-break:clone;box-decoration-break:clone}

/* ---------- Hero ---------- */
.home-page .home-hero--focus .home-intro h1{font-size:clamp(2.3rem,3.7vw,3.4rem);max-width:none}
.home-page .home-hero--focus .home-intro h1 span{display:inline;margin-left:.22em}
.home-hero--focus .home-actions{align-items:center;gap:14px 24px}
.home-hero-sub{color:#d6e7f2;font-weight:600;font-size:.95rem;text-decoration:underline;text-underline-offset:4px}
.home-hero-sub:hover{color:#fff}
.home-page .home-hero .home-benefit{margin:18px 0 0;font-size:.92rem;line-height:1.5;color:var(--hero-muted);max-width:48ch}
.home-page .home-hero--focus .home-orbit{height:500px}
.home-page .home-hero--focus .home-globe-stage .hero-globe{top:-120px}
.home-page .home-hero--focus .home-proof strong{font-size:clamp(1.2rem,1.8vw,1.55rem)}

/* KI-Assistent auf der Startseite nur als runder Knopf, damit er die Kennzahlen nicht verdeckt */
.home-page #tt-chat-launcher{padding:13px}
.home-page #tt-chat-launcher .tt-launcher-label{display:none}

/* ---------- Referenzen ---------- */
.home-ref-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-bottom:26px}
.home-ref{display:flex;flex-direction:column;padding:24px 24px 20px;border:1px solid var(--home-line);border-top:4px solid var(--home-accent);border-radius:16px;background:var(--home-surface)}
.home-ref small{align-self:flex-start;padding:4px 10px;border-radius:999px;background:color-mix(in srgb,var(--home-accent) 11%,transparent);color:var(--home-accent);font-size:.72rem;font-weight:650;letter-spacing:.02em}
.home-ref h3{font-size:1.25rem;margin:12px 0 8px}
.home-ref>p{font-size:.95rem;line-height:1.5;margin-bottom:16px}
.home-ref dl{margin:auto 0 0;padding-top:14px;border-top:1px solid var(--home-line);display:grid;gap:7px;font-size:.86rem}
.home-ref dl>div{display:grid;grid-template-columns:118px minmax(0,1fr);gap:10px;align-items:baseline}
.home-ref dt{color:var(--home-muted);font-weight:500}
.home-ref dd{margin:0;color:var(--home-text);font-weight:600}

/* ---------- Produkte: Radar-Hinweis ---------- */
.home-page .home-portfolio{display:flex;flex-direction:column;gap:12px;align-items:flex-start}
.home-new{display:inline-block;margin-right:4px;padding:1px 7px;border-radius:5px;background:var(--home-accent);color:var(--home-surface);font-size:.7rem;letter-spacing:.05em;text-transform:uppercase;text-decoration:none}

/* ---------- Planung & Ausschreibung ---------- */
.home-page .home-plan{padding-bottom:20px}
.home-plan-inner{padding:42px;border:1px solid var(--home-line);border-radius:22px;background:linear-gradient(120deg,var(--home-tint),var(--home-surface))}
.home-plan-list{list-style:none;margin:0 0 28px;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.home-plan-list li{display:flex;flex-direction:column;padding:20px;border:1px solid var(--home-line);border-radius:14px;background:var(--home-surface)}
.home-plan-list h3{font-size:1.08rem;margin-bottom:8px}
.home-plan-list p{font-size:.92rem;line-height:1.5}
.home-plan-list .home-link{margin-top:auto;font-size:.9rem}

/* ---------- Kostenorientierung ---------- */
.home-cost-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.home-cost{display:flex;flex-direction:column;padding:26px;border:1px solid var(--home-line);border-radius:18px;background:var(--home-surface)}
.home-cost small{font-size:.74rem;font-weight:650;color:var(--home-accent);text-transform:uppercase;letter-spacing:.07em}
.home-cost h3{font-size:1.22rem;margin:9px 0 12px}
.home-page .home-cost .home-cost-price{margin:0 0 16px;font-size:1.15rem;color:var(--home-text)}
.home-cost ul{padding-left:18px;margin:0 0 18px;color:var(--home-muted);font-size:.92rem}
.home-cost li{margin:5px 0}
.home-page .home-cost .home-cost-run{margin:auto 0 0;padding-top:14px;border-top:1px solid var(--home-line);font-size:.86rem;line-height:1.5}
.home-page .home-cost-note{margin:22px 0 22px;font-size:.92rem;max-width:80ch}

/* ---------- Betrieb: Fakten für öffentliche Auftraggeber ---------- */
.home-facts{margin:0 0 30px;padding:28px 30px;border:1px solid var(--home-line);border-radius:18px;background:var(--home-surface)}
.home-facts h3{font-size:1.2rem;margin-bottom:16px}
.home-facts dl{margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 28px}
.home-facts dt{font-weight:650;color:var(--home-text);font-size:.92rem;margin-bottom:4px}
.home-facts dd{margin:0;color:var(--home-muted);font-size:.9rem;line-height:1.5}

/* ---------- Abschluss: Kontakt, Ansprechpartner, Newsletter ---------- */
.home-page .home-closing .home-contact-inner .home-benefit{margin:16px 0 0;font-size:.92rem;color:#d9e6f0;max-width:46ch}
.home-person{display:grid;grid-template-columns:112px minmax(0,1fr);gap:22px;align-items:center;padding:30px;border:1px solid var(--home-line);border-radius:22px;background:var(--home-surface)}
.home-person-photo{display:grid;place-items:center;width:112px;height:112px;border-radius:50%;background:var(--home-tint);border:1px dashed var(--home-line);text-align:center}
.home-person small{display:block;color:var(--home-accent);font-size:.74rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;margin-bottom:8px}
.home-person h3{font-size:1.3rem;margin-bottom:6px}
.home-person p{font-size:.93rem;line-height:1.55;margin:0 0 6px}
.home-page .home-closing .home-contact-inner{grid-column:1/-1}
.home-page .home-closing .newsletter-card{grid-column:1/-1;flex-direction:row;align-items:center;gap:28px;padding:26px 30px}
.home-page .home-closing .newsletter-card>div{flex:1 1 40%}
.home-page .home-closing .newsletter-card form{flex:1 1 60%}
.home-page .home-closing .newsletter-card h2{font-size:1.25rem}

/* ---------- Dunkelmodus und hoher Kontrast ---------- */
[data-theme=dark] .tt-ph{background:#5c4a00;color:#fff3b0!important;border-color:#e0b400}
[data-contrast=high] .tt-ph{background:#fff!important;color:#000!important;border:2px dashed #000}
[data-contrast=high] .home-ref,[data-contrast=high] .home-plan-inner,[data-contrast=high] .home-plan-list li,[data-contrast=high] .home-cost,[data-contrast=high] .home-facts,[data-contrast=high] .home-person{background:#fff!important;color:#000!important;border:2px solid #000!important}
[data-contrast=high] .home-hero-sub,[data-contrast=high] .home-page .home-hero .home-benefit{color:#000!important}
[data-contrast=high] .home-new{background:#000;color:#fff}
[data-contrast=high] .home-page .home-closing .home-contact-inner .home-benefit{color:#fff!important}

/* ---------- Responsiv ---------- */
@media(max-width:1100px){
  .home-plan-list{grid-template-columns:repeat(2,minmax(0,1fr))}
  .home-facts dl{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:1000px){
  .home-ref-grid,.home-cost-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .home-page .home-closing .newsletter-card{flex-direction:column;align-items:stretch}
}
@media(max-width:1100px) and (min-width:761px){
  .home-page .home-hero--focus .home-orbit{height:470px}
}
@media(max-width:760px){
  /* Handy: erst Botschaft, Knopf und Kennzahlen, dann ein kleinerer Globus */
  .home-page .home-hero--focus .container{display:flex;flex-direction:column}
  .home-page .home-hero--focus .home-intro{display:contents}
  .home-page .home-hero--focus .home-proof{order:2;margin-top:24px}
  .home-page .home-hero--focus .home-orbit{order:3;height:300px;max-width:420px}
  .home-page .home-hero--focus .home-globe-stage{clip-path:inset(0)}
  .home-page .home-hero--focus .home-globe-stage .hero-globe{width:520px;height:420px;top:-60px}
  .home-page .home-hero--focus .home-orbit .earth-controls{top:auto;bottom:10px;right:4px}
  .home-page .home-hero--focus .home-intro h1{font-size:clamp(2rem,8.6vw,2.6rem)}
  .home-hero--focus .home-actions{flex-direction:column;align-items:stretch;gap:14px}
  .home-hero--focus .home-actions .btn{min-height:48px;justify-content:center}
  .home-hero-sub{text-align:center}
  .home-page .home-hero .home-benefit{margin-top:14px;font-size:.88rem}
  .home-ref-grid,.home-cost-grid{grid-template-columns:1fr;gap:14px}
  .home-ref{padding:20px}
  .home-plan-inner{padding:24px 20px}
  .home-plan-list{grid-template-columns:1fr;gap:12px}
  .home-facts{padding:22px 20px}
  .home-facts dl{grid-template-columns:1fr;gap:14px}
  .home-cost{padding:22px}
  .home-person{grid-template-columns:84px minmax(0,1fr);gap:16px;padding:22px}
  .home-person-photo{width:84px;height:84px;font-size:.8rem}
  .home-page .home-closing .newsletter-card{padding:24px}
}
@media(max-width:430px){
  .home-ref dl>div{grid-template-columns:104px minmax(0,1fr)}
}
.home-page .home-contact .home-person p{color:var(--home-muted)}
.home-page .home-contact .home-person h3{color:var(--home-text)}

/* Handy: Referenzen als wischbare Reihe wie Anwendungen und Produkte (Punkte kommen aus home.js) */
@media(max-width:760px){
  .home-page .home-ref-grid{display:grid;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:84%;gap:14px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;--swipe-gutter:clamp(1.25rem,3vw,2rem);margin-inline:calc(-1 * var(--swipe-gutter));margin-bottom:0;padding:4px var(--swipe-gutter) 16px;scroll-padding-inline:var(--swipe-gutter)}
  .home-page .home-ref-grid::-webkit-scrollbar{display:none}
  .home-page .home-ref{scroll-snap-align:start}
  .home-page .home-refs .home-swipe-dots{margin-bottom:22px}
}
@media(max-width:430px){.home-page .home-ref-grid{grid-auto-columns:86%}}