/* =========================================================================
   ViNi-Immobilien – Ergänzungen für die öffentliche Startseite
   („Hier entsteht der neue Internetauftritt …"). Baut auf css/style.css auf
   (Kopie aus website/css/style.css – Farben und Schriften identisch).
   ========================================================================= */

.start-seite { min-height: 100vh; display: flex; flex-direction: column; }
.start-seite main { flex: 1; display: flex; }

.start-hero {
  position: relative;
  overflow: hidden;
  width: 100%;
  display: flex;
  align-items: center;
  padding-block: clamp(40px, 8vw, 104px);
  background:
    radial-gradient(1200px 600px at 100% 0%, var(--brand-soft) 0%, transparent 60%),
    linear-gradient(180deg, var(--paper) 0%, var(--sand) 100%);
}

/* Dezentes Haus-Motiv mittig hinter dem Text (reine Dekoration) */
.start-deko {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -54%);
  width: min(620px, 118vw);
  color: var(--brand);
  opacity: .05;
  pointer-events: none;
}

/* Eine zentrierte Spalte: nur Hinweis, keine Kontaktdaten (Warteseite) */
.start-inhalt {
  position: relative;
  max-width: calc(48rem + 2 * var(--gutter));
  text-align: center;
}
.start-hero h1 { font-size: clamp(2.1rem, 1.4rem + 3.2vw, 3.7rem); margin-bottom: 0; text-wrap: balance; }
.start-hero h1 em { font-style: italic; color: var(--accent); font-weight: 600; }
.start-trenner {
  display: block;
  width: 64px;
  height: 2px;
  margin: clamp(22px, 3vw, 32px) auto;
  border-radius: 2px;
  background: var(--gold);
}
.start-hero .lead { margin: 0; }

/* Schlichter Kopf ohne Menü */
.kopf-link { font-weight: 600; text-decoration: none; }
.kopf-link::before { content: "← "; }

/* Fuß der Startseite */
.start-fuss { background: var(--footer-bg); color: var(--footer-muted); padding-block: 22px; font-size: .92rem; }
.start-fuss-inner { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 14px 28px; }
.start-fuss p { margin: 0; }
.start-fuss nav { display: flex; flex-wrap: wrap; gap: 8px 20px; }
.start-fuss a { color: var(--footer-ink); }
.start-fuss a:hover { color: #fff; }

/* Unterseiten (Impressum, Datenschutz, 404) füllen die volle Breite */
.start-unterseite, .start-seite .fehlerseite { width: 100%; }
.start-seite .site-header .container { justify-content: space-between; }