#header{background:transparent!important;border:0!important;box-shadow:none!important}
#header #mainBanner.simple-header{display:flex!important;align-items:center!important;gap:52px!important;padding:24px 28px!important;box-sizing:border-box!important;min-height:142px!important;height:auto!important;background:#f4f6f9!important;background-image:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;text-align:left!important}
#mainBanner.simple-header:before,#mainBanner.simple-header:after{display:none!important}
#mainBanner.simple-header img{width:72px!important;height:72px!important;object-fit:contain!important;flex:0 0 72px!important;border:0!important;margin:0!important}
#mainBanner .brand-copy{font-family:Arial,Helvetica,sans-serif!important;text-align:left!important;text-shadow:none!important;color:#273449!important}
#mainBanner .brand-eyebrow{font-size:10px!important;font-weight:700!important;letter-spacing:2px!important;color:#6271ff!important;margin:0 0 14px!important;line-height:1.4!important}
#mainBanner .brand-heading{font-size:27px!important;font-weight:400!important;font-variant:normal!important;line-height:1.25!important;letter-spacing:-.5px!important;color:#273449!important;text-shadow:none!important;margin:0!important}
#mainBanner .brand-heading strong{font-weight:700!important}
#mainBanner .brand-subtitle{font-size:12px!important;line-height:1.5!important;color:#8793a8!important;margin:12px 0 0!important}
#header #settingsDiv .fa{color:#8793a8!important;text-shadow:none!important}
@media(max-width:650px){#header #mainBanner.simple-header{gap:20px!important;padding:22px 16px!important}#mainBanner.simple-header img{width:56px!important;height:56px!important;flex-basis:56px!important}#mainBanner .brand-heading{font-size:22px!important}}

/* Logo und Titel direkt auf dem Seitenhintergrund. */
#header,#header #mainBanner.simple-header{background:transparent!important;background-image:none!important;border:0!important;box-shadow:none!important;border-radius:0!important}
#header #mainBanner.simple-header{min-height:0!important;padding:22px 28px!important;margin:0!important}
#header{padding:0!important;margin-top:0!important}

/* Kompakter Kopf mit gelbem Titel und hellblauer Ortszeile. */
#header #mainBanner.simple-header{padding-top:12px!important;padding-bottom:12px!important}
#mainBanner .brand-eyebrow{font-size:12px!important;color:#93c5fd!important;margin:0 0 6px!important;line-height:1.2!important}
#mainBanner .brand-heading,#mainBanner .brand-heading strong{color:#ffd34d!important;line-height:1.1!important}
#mainBanner .brand-subtitle{margin:6px 0 0!important;line-height:1.25!important}
#mainBanner.simple-header img{width:64px!important;height:64px!important;flex-basis:64px!important}

#mainBanner .brand-subtitle{color:#d1dfcb!important}#header #settingsDiv .fa{color:#d1dfcb!important}#mainBanner.simple-header>a{display:flex!important;flex:0 0 auto!important}

/* Mobil: gezielte Zeilentrennung, rechtsbuendige Textgruppe. */
#mainBanner .brand-copy-mobile { min-width:0!important; flex:1 1 auto!important; text-align:right!important; }
#mainBanner .brand-copy-mobile .brand-heading { text-align:right!important; font-size:clamp(18px,5.1vw,22px)!important; line-height:1.15!important; letter-spacing:-.4px!important; }
#mainBanner .brand-copy-mobile .brand-heading strong,
#mainBanner .brand-copy-mobile .brand-place { display:block!important; white-space:nowrap!important; }
#mainBanner .brand-copy-mobile .brand-subtitle { font-size:clamp(8px,2.35vw,10px)!important; white-space:nowrap!important; letter-spacing:-.1px!important; text-align:right!important; line-height:1.3!important; margin-top:5px!important; }
#mainBanner .brand-copy-mobile .brand-eyebrow { font-size:clamp(9px,2.6vw,11px)!important; letter-spacing:1.2px!important; white-space:nowrap!important; text-align:right!important; }
@media(max-width:650px) { #header #mainBanner.simple-header:has(.brand-copy-mobile) { gap:12px!important; padding-left:12px!important; padding-right:12px!important; } }
@media(max-width:360px) { #mainBanner.simple-header:has(.brand-copy-mobile) img { width:48px!important; height:48px!important; flex-basis:48px!important; } }
/* Mobil: groesseres Logo bei gleicher Textanordnung. */
@media(max-width:650px) { #header #mainBanner.simple-header:has(.brand-copy-mobile) img { width:76px!important; height:76px!important; flex-basis:76px!important; } #header #mainBanner.simple-header:has(.brand-copy-mobile)>a { flex:0 0 76px!important; } }
@media(max-width:360px) { #header #mainBanner.simple-header:has(.brand-copy-mobile) img { width:68px!important; height:68px!important; flex-basis:68px!important; } #header #mainBanner.simple-header:has(.brand-copy-mobile)>a { flex-basis:68px!important; } }

/* Mobil: Text linksbuendig neben dem Logo. */
#mainBanner .brand-copy-mobile, #mainBanner .brand-copy-mobile .brand-heading, #mainBanner .brand-copy-mobile .brand-eyebrow, #mainBanner .brand-copy-mobile .brand-subtitle { text-align:left!important; }

/* Kompakter Abschluss unter der letzten Textzeile. */
#header #mainBanner.simple-header { padding-bottom:2px!important; margin-bottom:0!important; }
#header { padding-bottom:0!important; margin-bottom:0!important; min-height:0!important; }
#mainBanner .brand-copy { padding-bottom:0!important; margin-bottom:0!important; }
#mainBanner .brand-subtitle { margin-bottom:0!important; padding-bottom:0!important; }

/* Logo und letzte Textzeile unten buendig ausrichten. */
#header #mainBanner.simple-header { align-items:flex-end!important; }
#header #mainBanner.simple-header > a { align-self:flex-end!important; line-height:0!important; margin-bottom:0!important; padding-bottom:0!important; }
#mainBanner .brand-copy { align-self:flex-end!important; margin-bottom:0!important; padding-bottom:0!important; }

/* Logo unveraendert zentriert; nur Text nach oben verschieben. */
#header #mainBanner.simple-header { align-items:center!important; }
#header #mainBanner.simple-header > a { align-self:center!important; }
#mainBanner .brand-copy { align-self:center!important; transform:translateY(-8px)!important; }

/* Nur die Unterzeile nach oben; Textblock und Logo unveraendert. */
#mainBanner .brand-copy { transform:none!important; }
#mainBanner .brand-subtitle { position:relative!important; top:-5px!important; }

/* Unterzeile naeher an den Ortsnamen, ohne Logo oder obere Zeilen zu verschieben. */
#mainBanner .brand-subtitle, #mainBanner .brand-copy-mobile .brand-subtitle { margin-top:0!important; top:-5px!important; }

/* Mobil: etwas mehr Abstand zwischen Logo und Text. */
@media(max-width:650px) { #header #mainBanner.simple-header:has(.brand-copy-mobile) { gap:20px!important; } }

/* Desktop: bisheriger Bildbanner mit neuem Logo und neuer Schrift. */
#mainBanner.desktop-original-header .brand-copy{align-self:center!important;transform:none!important}
#mainBanner.desktop-original-header .brand-heading{font-size:42px!important;line-height:1.1!important;text-shadow:0 2px 6px rgba(0,0,0,.5)!important}
#mainBanner.desktop-original-header .brand-eyebrow{font-size:12px!important;margin-bottom:8px!important}
#mainBanner.desktop-original-header .brand-subtitle{position:static!important;top:auto!important;font-size:12px!important;margin-top:8px!important;text-shadow:0 1px 4px rgba(0,0,0,.7)!important}
#mainBanner.desktop-original-header .modernHeaderLogo img{width:100px!important;height:auto!important;max-height:110px!important}
@media(max-width:800px){#mainBanner.desktop-original-header .brand-heading{font-size:30px!important}}

/* Desktop: einheitliche linke Textkante und mehr Abstand zum Logo. */
#mainBanner.desktop-original-header .modernHeaderInner { column-gap:36px!important; }
#mainBanner.desktop-original-header .brand-copy { text-align:left!important; }
#mainBanner.desktop-original-header .brand-heading,
#mainBanner.desktop-original-header .brand-eyebrow,
#mainBanner.desktop-original-header .brand-subtitle { text-align:left!important; }
#mainBanner.desktop-original-header .brand-eyebrow { font-size:16px!important; font-weight:700!important; color:#fff4d6!important; letter-spacing:2px!important; text-shadow:0 1px 3px rgba(0,0,0,.95),0 2px 8px rgba(0,0,0,.8)!important; }
/* Mobil: Textgruppe gleich hoch wie Logo; Titel mittig in zwei Zeilen. */
#mainBanner .brand-copy-mobile { height:76px!important; display:flex!important; flex-direction:column!important; justify-content:space-between!important; transform:none!important; padding:0!important; margin:0!important; }
#mainBanner .brand-copy-mobile .brand-eyebrow { margin:0!important; line-height:1!important; }
#mainBanner .brand-copy-mobile .brand-heading { margin:0!important; text-align:center!important; line-height:1.05!important; }
#mainBanner .brand-copy-mobile .brand-subtitle { position:static!important; top:auto!important; margin:0!important; padding:0!important; line-height:1!important; }
@media(max-width:360px) { #mainBanner .brand-copy-mobile { height:68px!important; } }
/* Mobil: Titel linksbuendig; nur Unterzeile optisch etwas anheben. */
#mainBanner .brand-copy-mobile .brand-heading { text-align:left!important; }
#mainBanner .brand-copy-mobile .brand-subtitle { position:relative!important; top:-4px!important; }
/* Desktop: Unterzeile naeher an den Titel und optisch hoeher. */
#mainBanner.desktop-original-header .brand-subtitle { position:relative!important; top:-4px!important; margin-top:0!important; }