/* =========================================
   1. Farben - Dark Magenta Variante
   ========================================= */

:root {
  --bg: #4b1a40;
  --bg-shadow: #5c254d;
  --bg-sub: #602a55;
  --hover: #a0327a;
  --focus: #ff66b2;
  --bg-trans: rgba(75, 26, 64, 0.95);
}


/* =========================================
   2. Hero-Bereich
   ========================================= */

.hero {
  background-image: url('../images/start/bg_start.jpg');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* Fallback für ältere Browser */
  height: 300px;

  /* Moderne Browser */
  height: 45vh;

  width: 100%;
  margin-top: 0;
}