/* =========================
   Grundlayout
   ========================= */

html, body {
  margin: 0;
  padding: 0;
  height: 100%;
}

body {
  background: url("/image/bild1.jpg") center center / cover no-repeat;
  font-family: Arial, Helvetica, sans-serif;
  color: white;
}

/* Overlay */
.overlay {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.35);
  text-align: center;
}


/* =========================
   Standort-Menü (Index + Görlitz + Zittau)
   ========================= */

/* Menü-Position: überall gleich */
.locations {
  position: fixed;
  top: 75px;        /* ↓ 75px nach unten */
  right: 250px;     /* ← 250px nach links */
  z-index: 10;
  text-align: right;
  letter-spacing: 0.05em;
}

/* Links allgemein */
.locations a {
  color: white;
  text-decoration: none;
  opacity: 0.9;
}

.locations a:hover {
  opacity: 1;
  text-decoration: underline;
}

/* Start-Link (nur sichtbar, wenn im HTML vorhanden) */
.start-link {
  display: block;
  font-size: 0.8rem;
  margin-bottom: 6px;
  opacity: 0.7;
}

/* Görlitz | Zittau in einer Zeile */
.city-links {
  display: flex;
  align-items: center;
  gap: 8px;
}

/* Basisgröße: Index-Größe und Referenz auf Standortseiten */
.city-links a {
  font-size: 2.0rem;   /* DAS ist die gemeinsame Größe (Index + aktive Stadt) */
  opacity: 0.9;
}

/* Inaktive Stadt kleiner (nur auf Standortseiten per Klasse) */
.city-links a.inactive {
  font-size: 0.85rem;
  opacity: 0.6;
}

/* Divider */
.city-links .divider {
  opacity: 0.6;
}


/* =========================
   Impressum
   ========================= */

.legal {
  position: fixed;
  right: 24px;   /* weiter nach links = größerer Wert */
  bottom: 20px;  /* weiter nach oben = größerer Wert */
  z-index: 10;
  font-size: 0.85rem;
}

.legal a {
  color: white;
  text-decoration: none;
  opacity: 0.8;
}

.legal a:hover {
  opacity: 1;
  text-decoration: underline;
}

/* Adresse Görlitz – mittig rechts */
.address-box {
  position: fixed;
  right: 200px;              /* Abstand vom rechten Rand */
  top: 50%;                 /* vertikal mittig */
  transform: translateY(-50%);
  text-align: right;
  font-size: 2rem;
  line-height: 1.6;
  opacity: 0.9;
}