/* 1. Blendet die leere read-next Spalte vollständig aus */
.read-next, 
[position="read-next"],
.t4-read-next,
.article-sidebar {
    display: none !important;
}

/* 2. Zwingt das Haupt-Raster auf die volle Breite (100%) - NUR in der echten Beitragsansicht! */
.view-article .col-lg-9,
.view-article .col-md-9,
.view-article .article-main-content,
.view-article .article-details {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    width: 100% !important;
}


/* 3. Löst die künstliche Blockade und Streckung des Introtextes */
.article-main-content {
    display: block !important; /* Deaktiviert die verzerrende Flex-Ausrichtung des Templates */
}

.article-intro, 
.lead, 
.article-intro p,
.article-content .lead,
.article-main-content .article-intro p {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important; /* Hebt die Zeichen- und Breiten-Deckelung komplett auf */
    min-width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    text-align: left !important; /* Garantiert, dass der Text linksbündig startet */
}

/* Erlaubt der Überschrift und den Meta-Infos, die komplette Seitenbreite für die Zentrierung zu nutzen */
.com-content-article .article-header,
.com-content-article .page-header,
.com-content-article h1,
.com-content-article .article-title {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    text-align: center !important; /* Erzwingt die exakte mittige Ausrichtung */
}

/* Zentriert auch die Info-Zeile (INFOS & NEWS · BY M. · 21.SEP.) exakt synchron darunter */
.com-content-article .article-meta,
.com-content-article .meta-desc {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 10px 0 !important;
}

/* Zentriert die gesamte Menüleiste und deren Container */
.t4-megamenu,
.t4-navbar,
.navbar-nav,
.t4-header .col-md-9 {
    display: flex !important;
    justify-content: center !important; /* Erzwingt die Ausrichtung in der Mitte */
    float: none !important;
    margin-left: auto !important;
    margin-right: auto !important;
    width: 100% !important;
}

/* Setzt eventuelle Bootstrap-Klassen zurück, die das Menü nach rechts schieben */
.ms-auto, .justify-content-end {
    margin-left: auto !important;
    margin-right: auto !important;
    justify-content: center !important;
}

/* Garantiert, dass die einzelnen Menüpunkte nebeneinander zentriert fließen */
.navbar-nav {
    flex-direction: row !important;
    flex-wrap: wrap !important;
}

/* 4. Menü-Abstände und Trennzeichen */
.navbar-nav > li {
    padding-left: 12px !important;
    padding-right: 12px !important;
    position: relative;
    display: flex;
    align-items: center;
}

.navbar-nav > li::after {
    content: "★" !important; /* Das Sternchen-Symbol */
    position: absolute;
    right: -6px; /* Platziert das Sternchen genau mittig im Zwischenraum */
    color: #666666; /* Die Farbe des Sternchens */
    font-size: 10px; /* Die Größe des Sternchens */
    opacity: 0.7; /* Leicht transparent */
}

.navbar-nav > li:last-child::after {
    content: "" !important;
    display: none !important;
}

/* 5. Linien um die H1-Überschrift in der Bericht-Detailansicht (.view-article) */
.view-article .t4-content h1, 
.view-article h1.page-title, 
.view-article .article-title-container h1,
.view-article [itemprop="headline"] {
    border-top: 2px solid #000000 !important;    /* Oberer schwarzer Strich */
    border-bottom: 2px solid #000000 !important; /* Unterer schwarzer Strich */
    padding-top: 15px !important;                /* Abstand von der Schrift zum oberen Strich */
    padding-bottom: 15px !important;             /* Abstand von der Schrift zum unteren Strich */
    margin-top: 5px !important;                  /* Reduziert den Platz über dem oberen Strich */
    margin-bottom: 30px !important;              /* Abstand nach unten zum Text */
    text-align: center !important;               /* Mittige Ausrichtung */
    display: block !important;
    width: 100% !important;
}

/* 6. Formatiert die Überschriften im Blog/Magazin KLEIN und LINKSBÜNDIG (für maximale Stabilität) */
.view-category h2.item-title,
.view-category .magazine-item h2,
.view-category article h2,
.view-category h2,
.view-category .magazine-item-title,
.view-category .t4-article-title {
    font-size: 1.0rem !important; /* Behält die gewünschte kleine Größe bei */
    line-height: 1.3 !important;
    text-align: left !important;  
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 10px 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    float: none !important;
}

/* Richtet den Link innerhalb der Überschrift sauber linksbündig aus und eliminiert Geister-Leerzeichen */
.view-category h2 a,
.view-category article h2 a,
.view-category .magazine-item-title a {
    font-size: 1.0rem !important; 
    color: inherit !important;
    text-align: left !important;
    display: inline-block !important; 
    width: 100% !important;
    
    /* DIE RETTUNG: Erlaubt manuelle Umbrüche (Shift+Enter), schneidet aber alle überschüssigen Leerzeichen ab! */
    white-space: pre-line !important; 
}

/* Setzt auch den gesamten umgebenden Header-Block wieder sauber auf linksbündig */
.view-category .magazine-item-header,
.view-category .article-header,
.view-category header {
    display: block !important;
    text-align: left !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 0 10px 0 !important;
    padding: 0 !important;
    float: none !important;
}

/* Richtet die Info-Zeile (Datum, Autor etc.) im Blog ebenfalls linksbündig aus */
.view-category .article-meta,
.view-category .magazine-item-meta,
.com-content-category__blog .article-meta {
    display: flex !important;
    justify-content: flex-start !important; 
    align-items: center !important;
    width: 100% !important;
    margin: 5px 0 15px 0 !important;
}

/* SPERRZONE: Schützt das mehrspaltige Grid im Magazin-/Kategorie-Layout vor automatischen T4-Resets */
.view-category .t4-slots-wrapper .col-sm-6,
.view-category .t4-slots-wrapper .col-md-6,
.view-category .t4-slots-wrapper .col-lg-4,
.view-category .row > [class*="col-"] {
    flex: unset !important;    
    max-width: unset !important; 
    width: unset !important;     
}


/* 7. Sicherheits-Reset für den Introtextbereich - NUR in der Detailansicht! */
.view-article .article-main-content {
    display: block !important;
}

/* 8. Garantiert dem Intro-Teil die volle Breite in der DETAILANSICHT */
.view-article .top-article-info,
.view-article .desc-article,
.view-article .article-intro-combined {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 100% !important;
    display: block !important;
}

/* Zwingt den Inhaltsblock des Haupttextes in der DETAILANSICHT auf volle Breite */
.view-article .bottom-article-info .col-md-9,
.view-article .article-body,
.view-article [itemprop="articleBody"] {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
}