/* Grundlegende Anpassungen für das Menü und das Logo */
#sp-top2 .sp-megamenu-parent>li:last-child>a, .sp-megamenu-parent>li>a, .sp-megamenu-parent>li>span {
    line-height: 42px; /* Einheitliche Zeilenhöhe für das Menü */
}
#sp-logo .d-flex {
    display: inline-block !important; /* Logo wird als inline-block angezeigt */
}

/* Zentrierung der Kopfzeile und Entfernung des Schattens */
#sp-header {
    text-align: center; /* Text zentrieren */
    box-shadow: unset !important; /* Kein Schatten */
}

/* Stiländerungen für Buttons */
.btn a {
    color: #fff !important; /* Weiße Schrift für Links in Buttons */
}
.article-details table {
    background: #9acf36; /* Hintergrundfarbe für Tabellen im Artikeldetail */
}

/* Spezifische Mindestbreite für Buttons im Custom Modul #111 */
#mod-custom111 .btn {
    min-width:152px; /* Mindestbreite definieren */
}

/* Farbgestaltung für Span-Elemente in Tabellenzellen */
.article-details td[align="left"]>span {
    color: #f68e13; /* Orange Farbe für Text */
}

/* Abstände innerhalb von Tabellenzellen */
.article-details table tr>td {
    padding-left: 17px;
    padding-right: 30px;
}

/* Hintergrund und Textfarbe für Tooltips */
.article-details .tooltipgc_tooltip {
    background: #f68e13; /* Orangener Hintergrund */
    color: #000; /* Schwarzer Text */
}

/* Farberbe bei Links innerhalb des Moduls #110 */
div#mod-custom110 a {
    color: inherit; /* Erbt die Farbe vom Elternelement */
}

/* Grid-Anzeige für Module in Sektion 5 */
#sp-section-5 .sp-module {
    display: grid;
    justify-content: center; /* Zentriert die Inhalte */
}

/* Margin-Anpassungen für Sektion 5 */
section#sp-section-5 {
    margin: 0px 20%; /* Ränder setzen */
}

/* Öffnungszeiten Layout-Anpassungen */
.openinghours-day {
    width: 40% !important; /* Breite für Tage */
}
.openinghours-time {
    width: 60% !important; /* Breite für Zeitangaben */
}

/* Ausblenden des Bearbeiten-Links in Artikeldetails */
.article-details .article-can-edit {
    display: none !important; /* Nicht anzeigen */
}

/* Zentrierung der Navigationsleiste #118 */
div#navbar118 {
    justify-content: center; /* Inhalte zentrieren */
}
#navbar118 li.nav-item {
    padding: 0px 25px; /* Padding für Navigations-Items */
}
#navbar118 li.nav-item a {
    color: #000; /* Schwarze Textfarbe */
}

/* Globale Stile für Tabellen */
tbody, td, tfoot, th, thead, tr {
    border-color: #bbb0b0bf; /* Grenzfarbe setzen */
    vertical-align: bottom; /* Vertikale Ausrichtung */
}

/* Anpassungen für den Offcanvas-Trigger */
a#offcanvas-toggler {
    height: 58px; /* Höhe definieren */
}
span.tooltipgc_inner {
    line-height: 2 !important; /* Zeilenhöhe für Tooltip-Inhalte */
}

/* Unsichtbare Elemente ausblenden */
span.hide {
    display: none; /* Nicht anzeigen */
}

/* Farbanpassungen für Öffnungszeiten */
span.icon-clock {
    padding: 0px 5px; /* Padding für das Uhr-Icon */
}
.dopen, span.icon-clock {
    color: #afca05; /* Farbe für geöffnete Zustände */
}
.dclose {
    color: #ff0000; /* Farbe für geschlossene Zustände */
}
figure.fig_openhours figcaption {
    background: unset !important; /* Kein Hintergrund */
    color: #000 important; /* Schwarze Textfarbe */
}

/* Hover-Effekte für geschlossene Tage */
.openhours td {
    border-bottom: unset !important; /* Keine untere Grenze */
}
.openhours .dclose td, .openhours tr.dclose:hover td {
    background-color: #afca0566 !important; /* Halbtransparenter Hintergrund */
}