/*
	Custom CSS
	Bitte sicherstellen, dass die CSS-Regeln spezifischer/höher priorisiert sind 
	als die Standardseitenstile
*/

#events h3 {
	/* Add your CSS rule here */
}

#sb-timeline,
#steps-nav,
#steps-content,
#sb_booking_content .item .tab .txt.short {
    text-transform: none !important;
}

#sb-timeline, 
#steps-nav, 
#steps-content, 
.title-small {
    text-transform: none !important;
}

#sb-timeline #steps-nav .steps-content .item .tab .txt.short {
    text-transform: none !important;
}

#sb_booking_company_time {
    display: none !important;
}

#events p.duration, 
#events div.duration {
	/* Add your CSS rule here */
}

#events p.description, 
#events div.description {
	/* Add your CSS rule here */
}

#events .selectedEvent {
	/* Add your CSS rule here */
}

#events input.reserve_time_btn {
	/* Add your CSS rule here */
}

#events input.select_another_btn {
	/* Add your CSS rule here */
}

#eventForm #start_date-block-container h3,
#eventForm #timeline-container h3 {
	/* Add your CSS rule here */
}

#eventForm #save_button {
	/* Add your CSS rule here */
}

div.ui-widget-content {
	/* Add your CSS rule here */
}

div.ui-widget-header {
	/* Add your CSS rule here */
}

#timeline-container table.timeline {
	/* Add your CSS rule hier */
}

.timeline td.not_worked_time {
	/* Add your CSS rule hier */
}

.timeline td.free_time {
	/* Add your CSS rule hier */
}

.timeline td.selected_time {
	/* Add your CSS rule hier */
}

.timeline td.reserved_time {
	/* Add your CSS rule hier */
}

div#loading {
	/* Add your CSS rule hier */
}

#start_date-block-container .zend_form dt, 
#start_date-block-container .zend_form dt b, 
#start_date-block-container .zend_form dd label {
	/* Add your CSS rule hier */
}

/* Zusätzliche Fixes für Buttons, Texte und Layout */
#sb_booking_content .item .tab .txt.short {
    font-family: Mulish, sans-serif !important;
    line-height: 25px !important;
    text-align: center;
    text-decoration: none !important;
}

#sb_booking_content {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
}

/* Zur Sicherheit Debugging-Outline entfernen */
*:not(.specific-class) {
    outline: none !important;
}

/* Verhindert text-transform für spezifische Elemente */
#sb-timeline,
#steps-nav,
#steps-content,
#sb_booking_content .item .tab .txt.short,
.title-small {
    text-transform: none !important;
}

/* Gilt für alle Titel oder spezifische Bereiche, falls vorhanden */
#sb-timeline #steps-nav .steps-content .item .tab .txt.short {
    text-transform: none !important;
}

/* Sicherstellung für Buttons oder andere dynamische Inhalte */
#sb_booking_content span,
button,
a,
div.title-small {
    text-transform: none !important;
}

/* Allgemeine Sicherheitsregel, falls andere Regeln Vorrang haben */
*:not(.ignore-text-transform) {
    text-transform: none !important;
}

/* Optional: Debugging für die Anwendung */
body #sb-timeline * {
    outline: 1px solid red; /* Debug: Markiere Bereiche, um sicherzugehen */
}

/* Entferne eventuelle spezifische lowercase-Regeln */
#sb-timeline, 
#steps-nav, 
#steps-content, 
.sb_booking_content {
    text-transform: none !important;
}
.sb_booking_content .btn.select {
    content: "Wählen";
}

#sb_booking_content .tab .read-more {
    padding-top: 20px !important; /* Abstand nach oben */
    margin-top: 20px !important; /* Sicherheitsabstand */

}

#menu {
    display: none !important;
}

/* Menü-Container ausblenden */
#sb-menu {
    display: none !important;
}
#/* Menü-Button ausblenden */
button.nav-trigger {
    display: none !important;
}
#menu, 
#sb-menu, 
button.nav-trigger, 
header #header {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
}
#main-buttons .container-fluid .company-name {
    max-width: 444px; /* Begrenzung der Breite */
    margin: 0 auto; /* Zentriert die Headline */
    text-align: center; /* Zentriert den Text */
    line-height: 1.2; /* Passt den Zeilenabstand an */
    font-size: 2.5rem; /* Optionale Anpassung der Schriftgröße */
    word-wrap: break-word; /* Zeilenumbruch bei Bedarf */
}
@font-face {
    font-family: 'FeatureDisplayTrial';
    src: url('https://framerusercontent.com/assets/9ix1T0jAePZaMozTYSWQ0gWq2w.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}
/* Standard Desktop-Ansicht */
#main-buttons .company-name {
    font-family: 'FeatureDisplayTrial', sans-serif !important;
    font-size: 72px;
    line-height: 1.2;
    letter-spacing: -1px;
    text-align: center;
    color: #fff;
    max-width: 444px;
    margin: 24px auto 0 auto;
    text-shadow: none !important;
    white-space: normal; /* Text kann normal umbrechen */
    word-wrap: break-word;
    overflow-wrap: break-word;
}

/* Anpassung ab einer Breite von 768px */
@media (max-width: 768px) {
    #main-buttons .company-name {
        font-family: 'FeatureDisplayTrial', sans-serif !important; /* Konsistenz */
        font-size: 42px !important; /* Kleinere Schrift für mobile Ansicht */
        line-height: 1.3;
        letter-spacing: -1px;
        text-align: center;
        color: #fff;
        max-width: 300px; /* Engere Breite für Umbruch */
        margin: 0 auto 32px auto; /* Abstand nach unten von 32px */
        white-space: normal !important; /* Sicherstellung für Zeilenumbruch */
        word-wrap: break-word !important;
        overflow-wrap: break-word !important;
        text-shadow: none !important; /* Keine Schatten */
    }
}/* Entfernt den weißen Hintergrund und passt die Inhalte an */
#sb_booking_content .tab {
    background-color: transparent !important; /* Kein Hintergrund */
    border: 1px solid #1F3A2B !important; /* Rahmenfarbe setzen */
    box-shadow: none !important; /* Schatten entfernen */
    border-radius: 0; /* Option: Abrundungen entfernen */
}

/* Styling für den unteren Bereich */
#sb_booking_content .tab .excerpt-info {
    background-color: transparent !important; /* Entfernt weißen Hintergrund */
}

/* Styling für den "Weitere Infos"-Link */
#sb_booking_content .item .read-more {
    background: none !important; /* Kein Hintergrund */
    font-size: 20px !important; /* Schriftgröße */
    font-weight: 500 !important; /* Mittlere Schriftstärke (medium) */
    text-align: center !important; /* Zentrieren */
    text-decoration: underline !important; /* Unterstrich */
    color: #1F3A2B !important; /* Textfarbe */
    padding: 0 !important; /* Padding entfernen */
    margin-top: 32px auto !important; /* Abstand oben und unten */
    margin-bottom: 32px auto !important; /* Abstand oben und unten */

    display: block !important; /* Block-Level für Zentrierung */
}

/* Hover-Effekt für den "Weitere Infos"-Link */
#sb_booking_content .item .read-more:hover {
    color: #1A3124 !important; /* Hover-Farbe */
}

/* Abstand der Überschrift zum unteren Bereich */
#sb_booking_content .tab-cap {
    margin-bottom: 32px !important; /* Abstand nach unten */
}

/* Mobile Ansicht: Gleiche Anpassungen */
@media (max-width: 768px) {
    #sb_booking_content .tab {
        border: 1px solid #1F3A2B !important;
        box-shadow: none !important;
    }
}
/* Entfernt den weißen Hintergrund aus der Zähler-Komponente */
#sb_booking_content .plugin-group-booking .active-count .sb_group_count {
    background-color: transparent !important; /* Hintergrund transparent */
    border: none !important; /* Entfernt eventuelle Rahmen */
    color: #1F3A2B !important; /* Optional: Schriftfarbe anpassen */
}
/* Abstand des Preis-Badges erhöhen */
#sb_booking_content .service-item .bar-service .badge {
    position: absolute !important; 
    right: 30px !important; /* Abstand vom rechten Rand */
    top: 53% !important; /* Vertikal weiter oben */
    transform: translateY(-50%) !important; /* Besser ausgerichtet */
    background: transparent !important; 
    font-size: 20px !important;
    font-weight: 500 !important;
    color: #1F3A2B !important; 
    text-align: right !important;
    padding: 0px 0px !important; /* Optional: Etwas mehr Padding */
}

/* Speziell für Mobile (bis 768px) */
@media (max-width: 1024px) {
    #sb_booking_content .service-item .bar-service .badge {
        top: 50% !important; /* Weiter nach oben verschieben */
        right: 30px !important; /* Abstand zur Seite */
    }
}

    }
}
}
/* Spezifischer Button mit maximaler Spezifität */
html body #sb-main-container #main-buttons .wrapper .inner a.btn.book.custom[href="#book"] {
    background-color: #F9F2EA !important; /* Hintergrund auf gewünschte Farbe setzen */
    color: #1F3A2B !important; /* Schriftfarbe anpassen */
    font-weight: 500 !important; /* Schriftgewicht auf 500 setzen */
    font-size: 20px !important; /* Schriftgröße auf 20px einstellen */
    height: 60px !important; /* Feste Höhe des Buttons */
    line-height: 60px !important; /* Vertikale Ausrichtung des Textes */
    padding: 0 70px !important; /* Innenabstand links/rechts */
    border-radius: 50px !important; /* Runde Ecken mit 50px Radius */
    text-align: center !important; /* Text zentrieren */
    text-decoration: none !important; /* Unterstreichung entfernen */
    display: inline-block !important; /* Inline-Block für zentrierten Text */
    box-shadow: none !important; /* Schatten entfernen */
    border: none !important; /* Rahmen entfernen */
    transition: all 0.3s ease-in-out !important; /* Weicher Übergang für Hover */
}

/* Falls zusätzliche globale Stile den Button beeinflussen */
a.btn.book.custom {
    background: none !important; /* Jeglichen anderen Hintergrund entfernen */
    background-color: #F9F2EA !important; /* Hintergrundfarbe erneut setzen */
    color: #1F3A2B !important; /* Schriftfarbe sicherstellen */
    border: none !important; /* Rahmen entfernen */
    box-shadow: none !important; /* Schatten entfernen */
}

/* Hover-Zustand: Farben invertieren */
html body #sb-main-container #main-buttons .wrapper .inner a.btn.book.custom[href="#book"]:hover {
    background-color: #1F3A2B !important; /* Hintergrund invertieren */
    color: #F9F2EA !important; /* Schriftfarbe invertieren */
    border: none !important; /* Kein Rahmen auch beim Hover */
    text-decoration: none !important; /* Unterstreichung entfernen */
}
/* Sicherstellen, dass der Hover-Zustand die volle Farbe hat */
html body #sb-main-container #main-buttons .wrapper .inner a.btn.book.custom[href="#book"]:hover {
    background-color: #1F3A2B !important; /* Exakte Farbe */
    color: #F9F2EA !important; /* Schriftfarbe */
    opacity: 1 !important; /* Transparenz entfernen */
    filter: none !important; /* Mögliche Filter entfernen */
    box-shadow: none !important; /* Schatten sicher entfernen */
    border: none !important; /* Kein Rahmen */
}

/* Entfernt mögliche Überlagerungen durch ::before oder ::after */
html body #sb-main-container #main-buttons .wrapper .inner a.btn.book.custom[href="#book"]::before,
html body #sb-main-container #main-buttons .wrapper .inner a.btn.book.custom[href="#book"]::after {
    display: none !important;
    content: none !important;
    background: none !important;
    opacity: 0 !important;
}
/* Mobile Ansicht sicherstellen */
@media (max-width: 768px) {
    html body #sb-main-container #main-buttons .wrapper .inner a.btn.book.custom[href="#book"] {
        background-color: #F9F2EA !important; /* Mobile Hintergrundfarbe */
        color: #1F3A2B !important; /* Mobile Schriftfarbe */
        font-size: 18px !important; /* Schriftgröße für kleinere Bildschirme */
        padding: 0 50px !important; /* Angepasstes Padding für Mobilgeräte */
        height: 50px !important; /* Kleinere Höhe für Mobilgeräte */
        line-height: 50px !important; /* Vertikale Zentrierung */
        border-radius: 50px !important; /* Runde Ecken auch mobil */
    }

    html body #sb-main-container #main-buttons .wrapper .inner a.btn.book.custom[href="#book"]:hover {
        background-color: #1F3A2B !important; /* Hover-Farbe auch mobil */
        color: #F9F2EA !important; /* Schriftfarbe invertiert */
    }
}
/* Spezifischer Button-Selektor */
#sb_booking_content .service-step-content .btn-bar a.btn.select.custom[href*="provider/2/"] {
    background-color: #f9f2ea !important;
    color: #1f3a2b !important;
    font-size: 18px !important;
    height: 58px !important;
    line-height: 58px !important; /* Vertikale Ausrichtung */
    text-align: center !important;
    padding: 0 20px !important;
    border-radius: 50px !important; /* Rundes Design */
    border: 1px solid #1f3a2b !important;
    display: inline-block !important;
    text-decoration: none !important;
    transition: all 0.3s ease-in-out !important;
}

/* Hover-Zustand */
#sb_booking_content .service-step-content .btn-bar a.btn.select.custom[href*="provider/2/"]:hover {
    background-color: #1f3a2b !important;
    color: #f9f2ea !important;
    border: 1px solid #f9f2ea !important;
    text-decoration: none !important;
}
.modal-dialog .full-info {
    font-family: 'Open Sans', sans-serif;
    font-size: 34px; /* Haupt-Schriftgröße */
    font-weight: 500; /* Medium */
    line-height: 1.4;
    background-color: #f5efe6 !important; /* Beige Hintergrund */
    padding: 20px; /* Zusätzlicher Abstand */
    border-radius: 10px; /* Optionale Abrundung */
    border: none; /* Entfernt evtl. weiße Ränder */
}
.modal-dialog .full-info .cap.full {
    font-size: 34px; /* Schriftgröße */
    font-weight: 500; /* Medium */
    text-align: center; /* Links ausrichten */
    color: #1F3A2B; /* Hauptfarbe */
    margin-bottom: 20px; /* Abstand nach unten */
}

#sb_booking_content .sb-group-counter-input-div {
    font-size: 18px !important;
    font-weight: 500 !important;
    text-align: center !important;
    color: #1F3A2B !important; /* Hauptfarbe anpassen */
}
div.sb-group-counter-input-div {
    font-size: 18px !important;
    font-weight: 500 !important;
    text-align: center !important;
    color: #1F3A2B !important;
}
.active-count .plus::before, 
.active-count .plus::after,
.active-count .minus::before, 
.active-count .minus::after {
    border-width: 8px !important; /* Erhöht die Größe der Pfeile */
}
.active-count {
    margin-right: 10px !important; /* Erhöht den Abstand zum Button */
}
.active-count {
    height: 50px !important; /* Höhe für genügend Platz */
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important; /* Zahl vertikal ausrichten */
    align-items: center !important; /* Pfeile & Zahl zentrieren */
    gap: 10px !important; /* Abstand zwischen Pfeilen erhöhen */ 
}
#sb_booking_content .btn.select.custom {
    height: 58px !important;
    line-height: 58px !important;
    font-size: 18px !important;
    font-weight: 500 !important;
    text-align: center !important;
    text-decoration: none !important;
    background: transparent !important;
    color: #1F3A2B !important; /* Text-Farbe */
    border: 1px solid #1F3A2B !important; /* Rahmen */
    border-radius: 50px !important;
    transition: all 0.3s ease-in-out !important;
    box-shadow: none !important; /* Entfernt jeglichen Schatten */
#sb_booking_content .btn.select.custom::before,
#sb_booking_content .btn.select.custom::after {
    content: none !important; /* Entfernt mögliche überschreibende Inhalte */
    display: none !important;
}

/* Falls CSS den Text überschreibt, erzwinge "Wählen" */
#sb_booking_content .btn.select.custom {
    content: "Wählen" !important;
    text-transform: none !important; /* Falls automatische Groß-/Kleinschreibung greift */
}
}

/* Hover-Zustand */
#sb_booking_content .btn.select.custom:hover {
    background: #1F3A2B !important; /* Hintergrund */
    color: #F9F2EA !important; /* Text-Farbe */
    border: 1px solid #1F3A2B !important;
    box-shadow: none !important; /* Entfernt Schatten */
}

/* Falls ein Link innerhalb des Buttons ist */
#sb_booking_content .btn.select.custom a {
    color: inherit !important;
    text-decoration: none !important;
}

/* Falls zusätzliche globale Stile den Button überschreiben */
a.btn.select.custom {
    background: none !important;
    border: 1px solid #1F3A2B !important;
    color: #1F3A2B !important;
    text-decoration: none !important;
    box-shadow: none !important; /* Sicherstellen, dass kein Shadow bleibt */
}

/* Hover für alle Fälle absichern */
a.btn.select.custom:hover {
    background: #1F3A2B !important;
    color: #F9F2EA !important;
    text-decoration: none !important;
    box-shadow: none !important; /* Sicherstellen, dass kein Shadow bleibt */
}
.btn.select.custom {
    background-color: transparent !important;
    color: #1F3A2B !important;
    border: 2px solid #1F3A2B !important;
    box-shadow: none !important;
    opacity: 1 !important;
}

.btn.select.custom:hover {
    background-color: #1F3A2B !important;
    color: #F9F2EA !important;
    border: 2px solid #1F3A2B !important;
    box-shadow: none !important;
    opacity: 1 !important;
}

.btn.select.custom::before,
.btn.select.custom::after {
    display: none !important;
    content: none !important;
}

.btn.select.custom:hover::before,
.btn.select.custom:hover::after {
    display: none !important;
}
#sb_booking_content .btn.select.custom::before,
#sb_booking_content .btn.select.custom::after {
    content: none !important; /* Entfernt mögliche überschreibende Inhalte */
    display: none !important;
}

/* Falls CSS den Text überschreibt, erzwinge "Wählen" */
#sb_booking_content .btn.select.custom {
    content: "Wählen" !important;
    text-transform: none !important; /* Falls automatische Groß-/Kleinschreibung greift */
}
/* Stil für die Zeitfenster-Buttons */
#sb_timeview_container .slot a {
    height: 58px !important; /* Höhe fixieren */
    line-height: 58px !important; /* Vertikale Zentrierung */
    font-size: 14px !important; /* Schriftgröße */
    font-weight: 600 !important; /* Semibold */
    text-align: center !important;
    text-decoration: none !important;
    background: transparent !important;
    color: #1F3A2B !important; /* Textfarbe */
    border: 1px solid #1F3A2B !important; /* Rahmen */
    border-radius: 50px !important;
    transition: all 0.3s ease-in-out !important;
    box-shadow: none !important; /* Kein Schatten */
}

/* Hover-Zustand */
#sb_timeview_container .slot a:hover {
    background: #1F3A2B !important; /* Hintergrund */
    color: #F9F2EA !important; /* Textfarbe */
    border: 1px solid #1F3A2B !important;
    box-shadow: none !important; /* Kein Schatten */
}

/* Entfernt eventuell versteckte Pseudoelemente */
#sb_timeview_container .slot a::before,
#sb_timeview_container .slot a::after {
    display: none !important;
    content: none !important;
}

/* Sicherstellen, dass der Text nur "Wählen" ist */
#sb_timeview_container .slot a {
    content: "Wählen" !important;
}
#sb_product_container .title-main {
    font-weight: 800 !important;
    font-size: 20px !important;
    color: #1F3A2B !important;
    text-align: left !important;
    display: block !important;
}
#sb_booking_content .current-booking-info .cap.mg {
    font-weight: 800 !important;
    font-size: 20px !important;
    color: #1F3A2B !important;
    text-align: left !important;
    line-height: 1.1 !important;
    display: block !important;
}
#sb_booking_content .time_slots_container .slot a {
    height: 58px !important;
    line-height: 58px !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    text-align: center !important;
    text-decoration: none !important;
    background: transparent !important;
    color: #1F3A2B !important;
    border: 1px solid #1F3A2B !important;
    border-radius: 50px !important;
    transition: all 0.3s ease-in-out !important;
    box-shadow: none !important;
}
/* Hover-Zustand */
#sb_booking_content .time_slots_container .slot a:hover {
    background: #1F3A2B !important;
    color: #F9F2EA !important;
    border: 1px solid #1F3A2B !important;
    box-shadow: none !important;
}#sb_booking_content .buttons-container #sb_book_btn {
    height: 58px !important;
    line-height: 58px !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    text-align: center !important;
    text-decoration: none !important;
    background: #1F3A2B !important;
    color: #F9F2EA !important;
    border: none !important;
    border-radius: 50px !important;
    transition: all 0.3s ease-in-out !important;
    box-shadow: none !important;
}
/* Hover-Zustand */
#sb_booking_content .buttons-container #sb_book_btn:hover{
    box-shadow: none !important;
    opacity: 1 !important;

}
#sb_book_btn {
    height: 58px !important;
    line-height: 58px !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    text-align: center !important;
    background: #1F3A2B !important;
    color: #F9F2EA !important;
    border: none !important;
    border-radius: 50px !important;
    transition: all 0.3s ease-in-out !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important; /* Abstand zwischen Text & Icon */
}

/* Optional: Falls das Icon nicht als <span> oder <svg> sondern als Pseudo-Element generiert wird */
#sb_book_btn::after {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.product-item .tab .cap.short {
    font-size: 20px !important;
    font-weight: 500 !important;
}
.cap.short {
    font-size: 20px !important;
    font-weight: 500 !important;
    text-align: center !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}
.badge.right {
    font-size: 20px !important;
    font-weight: 500 !important;
    text-align: center !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: auto !important; /* Falls Höhe angepasst werden muss */
    min-width: 50px; /* Falls der Text abgeschnitten wird */
}

.sb-inline-svg path {
    stroke: #1F3A2B !important; /* Beibehaltung eurer Farbe */
    stroke-width: 2px !important; /* Linienstärke erhöhen (probier 3px oder mehr falls nötig) */
    fill: none !important; /* Falls gefüllt, bleibt nur die Linie */
    vector-effect: non-scaling-stroke; /* Hält die Strichstärke unabhängig von Skalierung */
}
.sb-inline-svg path,
.sb-inline-svg g path {
    stroke: #1F3A2B !important;
    stroke-width: 2px !important;
}
.wrapper {
    display: flex !important;
    align-items: center !important;  /* Zentriert Checkbox und Zahl vertikal */
    gap: 0px;  /* Abstand zwischen Checkbox und Zahl */
}

/* Pfeilgröße anpassen */
.active-count .plus::before, 
.active-count .plus::after,
.active-count .minus::before, 
.active-count .minus::after {
    border-width: 8px !important; /* Pfeile größer */
}

/* Abstand zur Checkbox */
.active-count {
    margin-left: 5px !important; /* Falls nötig */
}

/* Pfeile & Zahl vertikal richtig ausrichten */
.active-count {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important; /* Pfeile & Zahl vertikal zentrieren */
    align-items: center !important;
    height: 50px !important; /* Genug Platz */
    gap: 5px !important; /* Abstand zwischen Zahl und Pfeilen */
}
.plus.product_count,
.minus.product_count {
    display: none !important;
}
.title-small {
    text-align: center;
    display: block;
    width: 100%;
    border: none !important; /* Entfernt jegliche Border */
    outline: none !important; /* Entfernt eventuelle Umrandungen */
}
#sb_booking_info::before, 
#sb_booking_content::before, 
.container-fluid.column::before, 
.content::before, 
.step_info_item::before, 
.sb_booking_info::before, 
.title-small::before,
#sb_booking_info::after, 
#sb_booking_content::after, 
.container-fluid.column::after, 
.content::after, 
.step_info_item::after, 
.sb_booking_info::after, 
.title-small::after {
    content: none !important;
    border: none !important;
    display: none !important;
}
.menu_active,
.menu_active::before,
.menu_active::after {
    border: none !important;
    box-shadow: none !important;
    background: none !important;
}
#sb_menu_active::before,
#sb_menu_active::after {
    display: none !important;
    content: '' !important;
    border: none !important;
}
#content-view #contacts li .phone,
#content-view #contacts li .emails,
#content-view #contacts li .links,
#content-view #contacts li .website {
    font-size: 20px !important;
    font-weight: 500 !important;
}
a[href*="www.google.com/maps/search/?api=1&query=Landmannstraße"] {
    color: transparent !important; /* Originaltext unsichtbar machen */
    text-decoration: none !important; /* Unterstreichung entfernen */
    position: relative;
}

a[href*="www.google.com/maps/search/?api=1&query=Landmannstraße"]::after {
    content: "Landmannstraße 3, 50823 Köln"; /* Neuer sichtbarer Text */
    position: absolute;
    left: 0;
    top: 0;
    color: #1f3a2b !important; /* Farbe anpassen */
    font-size: 20px; /* Einheitliche Schriftgröße */
    font-weight: 500;
    white-space: nowrap; /* Kein Zeilenumbruch */
}
.payment-system-v2.payment-system-paypal,
.sub-systems.sbpay-sub-systems {
    display: none !important;
}
/* Entfernt das Padding vom Modal */
.modal-dialog {
    padding: 0 !important;
    margin: 0 auto;
    max-width: 600px; /* Begrenzung für bessere Lesbarkeit */
}

/* Entfernt inneres Padding vom Modal-Inhalt */
.modal-content {
    padding: 0 !important;
    border-radius: 10px; /* Falls du weiche Ecken behalten willst */
}

/* Entfernt unnötiges Padding in der Info-Box */
#tab-pd {
    padding: 0 !important;
    margin: 0 !important;
}

/* Falls der Textbereich selbst Padding hat */
#modal-info {
    padding: 10px 15px !important;
}

/* Reduziert den Abstand im Text */
.modal-content p {
    margin-bottom: 10px !important;
}
.modal-dialog .full-info {
    padding: 0 !important; /* Entfernt das 20px Padding */
    margin: 0 !important;
}

.close-full-info i {
    font-size: 40px !important; /* Icon-Größe */
    width: 40px !important;
    height: 40px !important;
    display: flex;
    align-items: center;
    justify-content: center;
}
.close-full-info {
    width: 50px !important; /* Klickbarer Bereich */
    height: 50px !important;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
.modal-dialog .close-full-info {
    width: 40px !important; 
    height: 40px !important; 
    font-size: 24px !important; /* Größerer Font für das "X" */
    top: 12px !important; 
    right: 12px !important; 
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
!important; 
    cursor: pointer !important; /* Zeigt an, dass es klickbar ist */
}

.modal-dialog .close-full-info svg {
    width: 20px !important; 
    height: 20px !important; 
}
.modal-dialog {
    margin-top: 40px !important; /* Abstand nach oben */
}
.cap.full {
    font-size: 34px !important;
    line-height: 1.2 !important;
    color: #1f3a2b !important;
    text-align: center !important;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%; /* Falls nötig, um volle Breite zu nutzen */
}
.modal-dialog .full-info {
    font-size: 16px !important;
}
.sb-layout_page--gdpr-report .modal-dialog .full-info {
    font-size: 16px !important;
}
.modal-dialog .full-info {
    font-size: 16px !important;
}

#sb_gdpr_repeat_submit {
    font-size: 16px !important;
    padding: 20px 20px;
    border-radius: 6px;
    border: none;
}