/* ===== Oberer Bereich: Logo + WWW-Adresse (heller Verlauf, höher) ===== */
.region-header{
  background: linear-gradient(to bottom, #1ea5c9 0%, #0188b6 100%) !important;
  min-height: 110px; display:flex; align-items:center; gap:20px;
  padding: 8px 20px; border-bottom: 4px solid #1a2a33;
}
.region-header .site-logo img,
.region-header .site-branding__logo img{ max-height:80px; height:auto; width:auto; }
.region-header .site-name a,
.region-header .site-branding__name,
.region-header .site-name{
  color:#fff !important; font-size:28px; font-weight:700;
  text-transform:uppercase; text-decoration:none;
}

/* ===== Unterer Bereich: getrennte Menüzeile, gut lesbar ===== */
.region-primary-menu{
  background:#2f404a !important;              /* etwas heller als zuvor */
  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 10px; list-style:none;
}
.region-primary-menu .menu > li{ white-space:nowrap; }
.region-primary-menu .menu a{
  color:#fff !important; font-weight:700; text-transform:uppercase;
  font-size:15px; text-decoration:none;
}
.region-primary-menu .menu a:hover,
.region-primary-menu .is-active > a{ color:#e9f7ff !important; }

/* Störende „Bubbles“ (falls ein Theme die einblendet) abschalten */
.header-bubbles,.bubble,.bubbles,.banner-bubbles,.decor-bubble{ display:none !important; }

/* Ruhiger Seitenhintergrund + Content-Breite */
body{ background:#eaeff2; }
.layout-container{ max-width:1140px; margin:0 auto; }
/* === Schubert: Header-Top zur Markenleiste machen === */

/* Social-Icons ausblenden */
.header-top-container .social-icons { display: none !important; }

/* Header-Top höher + Verlauf + Platz für Logo/Domain */
.header-top-container{
  background: linear-gradient(to bottom, #1ea5c9 0%, #0188b6 100%) !important;
  min-height: 110px; padding: 10px 20px;
  display:flex; align-items:center; justify-content:flex-start; gap:18px;
  border-bottom: 4px solid #1a2a33;
}

/* Logo links als Bild – Pfad ggf. anpassen */
.header-top-container::before{
  content:"";
  display:inline-block;
  width: 120px; height: 80px;
  background-image: url("/sites/default/files/schubertbund_logo.jpg");
  background-repeat:no-repeat; background-size: contain; background-position:left center;
  margin-right: 12px;
}

/* Domain rechts daneben */
.header-top-container::after{
  content:"WWW.GRAZERSCHUBERTBUND.AT";
  color:#ffffff; font-weight:700; font-size: 24px; letter-spacing: 1px;
  text-transform:uppercase; line-height:1;
}

/* Falls Themes eigene Top-Right/Top-Left-Wrapper haben: zentriert ausrichten */
.header-top-container .header-top-right,
.header-top-container .header-top-left{ display:none !important; }