/* neu26 (15.10.2026): Content-Header der Seite (Hauptbild, Headline, Subline, Einleitung, Text) - nur wirksam, wenn die Felder befuellt sind */
.contentHeaderFelder { text-align: center; padding: 20px 20px 0; }
.contentHeaderKopf { display: block; padding: 130px 20px 30px; text-align: center; }
.contentHeaderKopf .einleitung, .contentHeaderKopf .text { width: auto; max-width: 900px; margin: 0 auto 15px; }
.pageHeadline { margin: 0 0 10px; line-height: 1.15; }
.pageSubline { font-size: 1.25em; margin: 0 0 20px; line-height: 1.3; }
.pageHauptbild { margin: 0 0 20px; }
.pageHauptbild img { display: block; width: 100%; height: auto; }
/* Freies Raster: Rahmen = Grundlayout aus dem CMS (raster-rahmen--<Nr>); Standard (0) = eingerueckter Textblock */
.raster-textblock .cms-raster { width: 100%; }
.contentInnen.content_part_layout_12.raster-rahmen--0 { padding: 0 20px; }
/* Raster-Rahmen (Auswahl "Grundlayout (Rahmen)" beim Freien Raster): 0 Standard = eingerueckter Textblock (oben), 8 Ganze Breite = ohne Seitenrand */
.contentInnen.raster-rahmen--8 { padding: 0; }
.contentInnen.raster-rahmen--20 { max-width: 900px; margin: 0 auto; padding: 0 20px; }
.contentInnen.raster-rahmen--21 { margin: 0 20px; padding: 50px; border: 1px solid var(--yellow); border-radius: 15px; }
@media (max-width: 800px) { .contentInnen.raster-rahmen--21 { margin: 0 15px; padding: 25px 20px; } }
/* Hauptbild des Content-Headers = Kopfbild wie auf der Startseite (.headerGallery: 100vw x 100vh, Menueabstand); darunter Headline, Subline, Einleitung, Text */
.headerGallery--bild .slides > div { position: relative; }
.headerGallery--bild .slides > div::after { content: ""; display: block; position: absolute; height: 45%; width: 100%; background-image: linear-gradient(to bottom, rgba(255,255,255,0), rgba(255,255,255,1)); bottom: 0; left: 0; }
.contentHeaderKopf--bild { padding-top: 20px; }