/* 	ENTRY – überschreibt Default-Layout
	Die saubere, endgültige Regel (bitte merken)

	ENTRY überschreibt nichts.
	ENTRY definiert alles selbst.
*/
.site-wrapper {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;   /* horizontal */
  align-items: centert;   /* vertikal: oben */
  padding-top: 3rem;         /* Luft nach oben */
}

main.content {
  margin-top: 0;
  text-align: center;
}

body {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

a {
  color: #555;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}
/* Branding oben */
.brand-text {
  font-size: 2.0rem;
  font-weight: 400;
  letter-spacing: 0.04em;
  color: var(--text-main);
  margin-bottom: 1.1rem;   /* Abstand zum Logo (≈ 3 mm optisch) */
}

/* Logo direkt unter dem Namen */
.logo-inline {
  margin-bottom: 0.9rem;   /* Einheit mit Schriftzug, aber klar getrennt */
}

/* Sprachumschaltung – etwas mehr Luft */
.language-switch {
  margin-top: 0.6rem;      /* mehr Abstand zum Logo */
}

/* Sprachlinks minimal kräftiger */
.language-switch a {
  font-weight: 500;        /* nur ein Tick, nicht dominant */
  margin: 0 0.6rem;
}

/* Unteres Logo – leicht nach unten absetzen */
.logo-signature-end {
  margin-top: 2.0rem;      /* bewusst zurückhaltend */
}