.page-header {
    background-color: rgba(255, 255, 255, 1) !important;
    transition: background-color 0.3s ease, box-shadow 0.3s ease;
}
.dropdown-item[aria-current="page"] {
    background-color: var(--bs-primary);
    color: #FFFFFF;
    font-weight: 700;
}
.navbar-main {
    margin-left: 10rem;
}
a.nav-link {
    color: var(--bs-primary);
    font-weight: bold;
    border-bottom: none !important;
}
h1, h2 {
    color:var(--bs-primary);
}
/* H1-Umstellung 10/2026: die erste Überschrift jeder Seite ist jetzt H1 (vorher H2).
   Optisch bleibt sie in der bisherigen H2-Größe (Bootstrap-Werte von h2). */
h1, .h1 {
    font-size: calc(1.305rem + 0.66vw);
}
@media (min-width: 1200px) {
    h1, .h1 { font-size: 1.8rem; }
}
h3{
    font-size: 1.8rem;
    /*margin-top: -2rem;*/
}
@media (max-width: 991px) {
    .navbar-main {
        margin-left: 0;
    }
}
.hero {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 12px;
    padding-right: 12px;
    border: 4px solid #ffffff;
}
@media (min-width: 576px)  { .hero { max-width: 540px;  } }
@media (min-width: 768px)  { .hero { max-width: 720px;  } }
@media (min-width: 992px)  { .hero { max-width: 960px;  } }
@media (min-width: 1200px) { .hero { max-width: 1140px; } }
@media (min-width: 1400px) { .hero { max-width: 1320px; } }

.hero-content {
    min-height: 13rem !important;
}
/* Unter 992px zeigt das Hero-Bild (background-size: cover) bei fester Höhe fast
   das ganze Bild. Wie auf der alten Seite und am Desktop: gleicher Streifen-
   Ausschnitt, die Höhe folgt der Breite (1316 x 208 px am Desktop). */
@media (max-width: 991.98px) {
    .hero-content {
        min-height: 0 !important;
        aspect-ratio: 1316 / 208;
    }
}
.news-list-view span {
    font-size: 1.3rem;
    /* war #fff mit Schatten: 2,4:1 auf dem Spaltengrün, siehe Barrierefreiheit Seitenspalten unten */
    color: #1a3d22 !important;
}
.news-list-view a {
    color: #1a3d22;
    text-decoration: none !important;
    font-weight: 600;
}
.col-sidebar strong, .col-sidebar .btn a {
    font-size: 1.3rem;
    color: #ffffff;
    font-weight: 600;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.6);
}
.col-menu .nav-link.active,
.col-menu .nav-link[aria-current="page"] {
    background-color: var(--bs-primary);
    color: #ffffff;
}
#page_24 .page-main {
    margin-top: 1rem;
    margin-bottom: 2rem;
}
.page-main {
    margin-bottom: 2rem;
}

.col-main {
    background-color: #ffffff;
    border: 4px solid #ffffff;
}

.col-menu,
.col-sidebar {
    background-color: #8db0aa;
    border: 4px solid #ffffff;
}

.page-background {
    background-color: #f0f0f0;
    background-image: url(/fileadmin/images/kretzschmar/hintergrund-startseite.png);
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: top center;
}
/*.ce-content {
    margin-top:2rem;
}*/
.col-md-9 {
       width: 100%;
}

/* Absatzabstand wie auf der alten Seite (16px unter jedem Absatz). Der letzte
   Absatz eines Textblocks und Absätze in Tabellenzellen bleiben ohne Abstand. */
p {
    margin-top: 0;
    margin-bottom: 1rem;
}
p:last-child,
td p,
th p {
    margin-bottom: 0;
}

figure.table table {
    border-collapse: separate;
}

figure.table table td {
    border-bottom: none;
}



/*
#page_181 .ce-content, #page_182 .ce-content, #page_175 .ce-content, #page_191 .ce-content   {
    margin-top: -0.5rem !important;
}
.ce-content {
    margin-top: -0.5rem !important;
}
.ce-headline h2  {
    margin-bottom: -5rem !important;
}

.frame-type-div {
    padding-bottom: 0 !important;
    padding-top: 0 !important;
}
.frame-type-t3bs_fluidrow {
    margin-bottom: -5rem !important;
}

a.news-list-view span {
    margin-top: -5rem !important;
}

*/
/* Startseite, Sidebar: Adressblock und TÜV-Logo sind ein Textmedia-Element (uid 4398, Text oben, Bild unten) ohne Abstand dazwischen */
#c4398 .col-type-media {
    margin-top: 1.5rem;
}

/* Telefonnummer nicht umbrechen (Seitenleiste ist schmal) */
a[href^="tel:"] {
    white-space: nowrap;
}

/* Rechte Seitenleiste: E-Mail-Adresse hervorheben, Aufforderung "Technische Beratung anfordern" als Button */
.col-sidebar a[href^="mailto:"] {
    font-weight: 600;
    font-size: 1.05rem;
}
.col-sidebar .sidebar-cta {
    margin-top: 1rem;
}
.col-sidebar .sidebar-cta a,
.col-main a[href*="/anfrage-"],
.col-main a[href*="/request-"] {
    display: inline-block;
    padding: .5rem 1rem;
    border-radius: .375rem;
    background-color: #295c33;
    color: #fff;
    font-weight: 600;
    line-height: 1.3;
    text-decoration: none;
}
.col-sidebar .sidebar-cta a:hover,
.col-sidebar .sidebar-cta a:focus,
.col-main a[href*="/anfrage-"]:hover,
.col-main a[href*="/anfrage-"]:focus,
.col-main a[href*="/request-"]:hover,
.col-main a[href*="/request-"]:focus {
    background-color: #214a29;
    color: #fff;
}
/* Die Anfrage-Links ("Hier können Sie … online anfragen!") stehen im Fließtext und werden als Button gezeigt */
.col-main a[href*="/anfrage-"],
.col-main a[href*="/request-"] {
    margin: .5rem 0;
}

/* Barrierefreiheit Seitenspalten (Hintergrund #8db0aa): Grüne Links (#295c33) kamen auf 3,3:1, weiße
   Überschriften auf 2,4:1 — WCAG AA verlangt 4,5:1. Dunkelgrün #1a3d22 erreicht ca. 5:1.
   Aktive Menüpunkte (weiß auf #295c33) und Buttons bleiben unverändert. */
.col-menu a:not(.btn):not(.active):not(.current),
.col-sidebar a:not(.btn) {
    color: #1a3d22;
}
.col-menu a:not(.btn):not(.active):not(.current):hover,
.col-sidebar a:not(.btn):hover {
    color: #000;
}
.col-sidebar .sidebar-cta a,
.col-sidebar .sidebar-cta a:hover {
    color: #fff;
}
.col-menu h1, .col-menu h2, .col-menu h3, .col-menu h4, .col-menu h5, .col-menu h6,
.col-menu .ce-headline, .col-menu .ce-headline *,
.col-sidebar h1, .col-sidebar h2, .col-sidebar h3, .col-sidebar h4, .col-sidebar h5, .col-sidebar h6,
.col-sidebar strong {
    color: #1a3d22;
    text-shadow: none;
}
.col-menu .btn:not(.btn-primary),
.col-sidebar .btn:not(.btn-primary) {
    color: #1a3d22;
    border-color: #1a3d22;
    text-shadow: none;
}
.col-menu .btn:not(.btn-primary):hover,
.col-sidebar .btn:not(.btn-primary):hover {
    color: #fff;
    background-color: #1a3d22;
}

/* TÜV-Logo in der Seitenleiste: jetzt in voller Auflösung, auf schmalen Bildschirmen nicht über die ganze Breite ziehen.
   Nie breiter als die Spalte: die Galerie schneidet mit overflow:hidden ab (Desktop-Spalte nur ca. 190px breit). */
.col-sidebar figure.image img {
    max-width: min(100%, 220px);
    height: auto;
}

/* Sprachauswahl in der Kopfzeile und im mobilen Menü: Flagge hinter dem Sprachnamen (Kundenwunsch 12.10.2026).
   Bilder: TYPO3-Core-Flaggen (32x32 mit 32x24 Motiv), per cover auf 20x15 zugeschnitten. */
a.nav-link[hreflang="en"]::after,
a.nav-link[hreflang="de"]::after {
    content: "";
    display: inline-block;
    width: 20px;
    height: 15px;
    margin-left: .4rem;
    vertical-align: -2px;
    background: center / cover no-repeat;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, .15);
}
a.nav-link[hreflang="en"]::after { background-image: url(/design/flags/gb.webp); }
a.nav-link[hreflang="de"]::after { background-image: url(/design/flags/de.webp); }

/* Download-Zeilen (ehemals DCE: Name | DE-PDF | EN-PDF) mit einheitlichem Abstand, ohne Unterstreichung unter den Flaggen */
.dce-download {
    margin-bottom: 1rem;
    align-items: center;
}
.dce-download a.ico-class {
    text-decoration: none;
    white-space: nowrap;
}
/* Kopfzeile "Produkt | PDF-Download" direkt über den Download-Zeilen: dieselbe Aufteilung 75 % / 25 % wie die
   Zeilen darunter, damit "PDF-Download" über den Flaggen steht. Die Kopfzeile ist eine RTE-Tabelle, die die
   Position früher mit vielen   erzwungen hat; die werden hier abgeschnitten. */
.col-main .frame:has(+ .dce-download) table {
    width: 100% !important;
    table-layout: fixed;
    margin-bottom: .5rem;
}
.col-main .frame:has(+ .dce-download) table td {
    padding: 0;
    border: 0;
    vertical-align: bottom;
}
.col-main .frame:has(+ .dce-download) table td:first-child {
    width: 75%;
    overflow: hidden;
    white-space: nowrap;
}
.col-main .frame:has(+ .dce-download) table td:last-child {
    padding-left: .75rem;
}
/* Zwei Flaggen (DE | EN) stehen links und rechts der 75-%-Linie: Überschrift mittig darüber */
.col-main .frame:has(+ .dce-download--de-en) table td:last-child {
    padding-left: 0;
}
.col-main .frame:has(+ .dce-download--de-en) table td:last-child strong {
    display: inline-block;
    transform: translateX(-50%);
}
/* Luft zwischen Fließtext und der ersten Download-Zeile bzw. nach der letzten Zeile (früher über space_before/after_class) */
.col-main .frame:not(:has(table)) + .dce-download {
    margin-top: 1.5rem;
}
.col-main .dce-download + .frame {
    margin-top: 1.5rem;
}