/* Schriftsystem "Bauplan" (Entwurf A, gewaehlt am 08.10.2026)
   Archivo als variable Schrift (Breite 62 bis 125 %, Staerke 100 bis 900)
   fuer alles, IBM Plex Mono fuer Rubrikzeilen. Ersetzt Inter und Playfair
   Display. Wird NACH dem Seiten-CSS geladen und ueberschreibt gezielt die
   Regeln, die vorher Playfair setzten. */
@font-face{font-family:'Archivo';src:url(../fonts/archivo.woff2) format('woff2');font-weight:100 900;font-stretch:62% 125%;font-style:normal;font-display:swap}
@font-face{font-family:'Plex Mono';src:url(../fonts/plex-mono-500.woff2) format('woff2');font-weight:500;font-style:normal;font-display:swap}

:root{--f-text:'Archivo',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;--f-mono:'Plex Mono',ui-monospace,monospace}
body{font-family:var(--f-text)}
input,select,textarea,button{font-family:inherit}

/* Ueberschriften: schmal, kraeftig, Versalien wie auf einem Bauschild */
.hero h1,.section-title,.projekt-info h3,.showroom-text h3,.variante-card h3,.lageplan-header h3,
.draufsicht-block h3,.bau-milestone-block h3,.partner-feature-text h3,h3[style*="Playfair"],
.bau-jetzt-text h3,.expose-gate h3,
.page h1{
  font-family:var(--f-text)!important;font-weight:800;font-stretch:68%;
  text-transform:uppercase;letter-spacing:.005em;line-height:.98;
  -webkit-hyphens:manual;hyphens:manual;overflow-wrap:normal;word-break:normal
}
.hero h1{line-height:.94}
.section-title{line-height:.98}

/* Zahlen und Kennwerte: schmal, ohne Versalien */
.bau-date-day,.bau-stats strong,.bau-tl-stats strong,.preis-wert{font-family:var(--f-text);font-weight:800;font-stretch:80%;letter-spacing:-.01em}

/* Zitate: normale Breite, halbfett, aufrecht */
.presse-hero-quote blockquote,.team-quote blockquote,.chef-zitat{font-family:var(--f-text);font-weight:600;font-style:normal;font-stretch:100%;line-height:1.35}
.presse-hero-quote .quote-icon,.presse-quote .quote-mark{font-family:var(--f-text);font-weight:800}

/* Rubrikzeilen ueber den Ueberschriften: Schreibmaschine wie im Bauplan */
.section-label{font-family:var(--f-mono);font-weight:500;letter-spacing:.04em}

/* Lange Woerter in Versalien (08.10.2026, Detailtest bei 320/390 px):
   "12 EIGENTUMSWOHNUNGEN" weitete das Projektraster auf, der Rest wurde
   abgeschnitten; "DATENSCHUTZERKLAERUNG" war breiter als der Bildschirm.
   Spalten duerfen schrumpfen, die Ueberschriften skalieren mit. */
.projekt-showcase{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}
@media (max-width:968px){.projekt-showcase{grid-template-columns:minmax(0,1fr)}}
.projekt-info h3{font-size:clamp(1.45rem,7.4vw,2rem)}
.page h1{font-size:clamp(1.4rem,7.5vw,2rem)}
/* Mini-Beschriftungen nicht unter 11 px */
.bau-tl-badge{font-size:max(.6rem,11px)}
/* Kontaktlinks (Telefon, E-Mail, Instagram): groessere Tippflaeche */
.kontakt-item-text a{display:inline-block;padding:6px 0}

/* Preistabelle zwischen Handy-Kartenansicht (bis 720 px) und Desktop:
   vorher scrollte die Tabelle bei 768 px seitlich. Kompakter gesetzt, damit
   alle Spalten hineinpassen. */
@media (min-width:721px) and (max-width:1000px){
  .preis-table{font-size:.82rem}
  .preis-table th{padding:.8rem .5rem;font-size:.7rem;letter-spacing:.03em}
  .preis-table td{padding:.75rem .5rem}
  .preis-table th:first-child,.preis-table td:first-child{padding-left:.9rem}
}
/* Variante B: Link zum Bauverlauf mit ausreichender Tippflaeche */
.bau-jetzt-verlauf{padding:.5rem 0}

/* Barrierefreiheit (Lighthouse, 08.10.2026)
   - Kennzahlen im Startbereich sind keine Ueberschriften (vorher h3 direkt nach h1)
   - Kontrast der grauen Beschriftungen auf Dunkel ueber 4,5:1
   - Fotografen-Link nicht nur ueber die Farbe erkennbar */
.hero-stat .hero-stat-wert{font-size:2.2rem;color:var(--white,#fff);font-weight:800;line-height:1.2}
.hero-stat p{color:rgba(255,255,255,.55)}
footer,footer .footer-links a{color:rgba(255,255,255,.72)}
footer .footer-links a:hover{color:#fff}
.bau-credit a{text-decoration:underline;text-underline-offset:2px}
/* Expose-Kasten unter dem Startbereich: h2 statt h3 (Ueberschriften-Reihenfolge), Aussehen wie vorher */
.rueckruf-box h2.rueckruf-titel{font-size:1.5rem;margin:0 0 .5rem;font-weight:700;-webkit-hyphens:manual;hyphens:manual}