/* Header oben höher + Verlauf */
.region-header {
  background: linear-gradient(to bottom, #1ea5c9 0%, #0188b6 100%);
  min-height: 100px; display:flex; align-items:center; gap:20px; padding:0 20px;
  border-bottom: 4px solid #1a2a33;
}
/* Logo links, Schriftzug rechts */
.region-header .site-logo img { max-height:80px; height:auto; width:auto; }
.region-header .site-name, .region-header .site-name a {
  color:#fff; font-size:26px; font-weight:700; text-transform:uppercase; text-decoration:none;
}
/* Menüzeile: einzeilig, weiße Schrift */
.region-primary-menu { background:#1a2a33; border-top:2px solid #0e181c; border-bottom:2px solid #0e181c; }
.region-primary-menu .menu { display:flex; flex-wrap:nowrap; gap:18px; justify-content:center; margin:0; padding:8px 6px; list-style:none; }
.region-primary-menu .menu > li { white-space:nowrap; }
.region-primary-menu .menu a { color:#fff; font-weight:700; text-transform:uppercase; font-size:15px; text-decoration:none; }
.region-primary-menu .menu a:hover, .region-primary-menu .menu .is-active > a { color:#1ea5c9; }

/* Startseite 2-spaltig: Inhalt + rechte Spalte (Login/Info) */
.front .region-content { display:grid; grid-template-columns:2fr 1fr; gap:30px; align-items:start; }
@media (max-width: 980px){ .front .region-content { grid-template-columns:1fr; } }

/* Optionale Deko/Bubbles (falls vorhanden) ausblenden */
.header-bubbles, .bubble, .bubbles, .banner-bubbles, .decor-bubble { display:none !important; }