body .sppb-btn, body .btn {
    text-transform: none!important;
}
/* =========================================================
   HERO SLIDER - Textbereich mittig mit ovalem Hintergrund
   ========================================================= */

#sppb-addon-78ce359b-1da4-4819-9364-c6c84754dc0b
.sppb-carousel-extended-content-wrap {
    position: absolute !important;

    /* Inhalt wieder exakt mittig */
    top: 66% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;

    /* NICHT über die ganze Höhe */
    width: auto !important;
    height: auto !important;
    min-height: 0 !important;

    /* Größe des Inhaltsbereiches */
    max-width: 850px;
    padding: 45px 70px !important;

    /* Hintergrund */
    background: rgba(255, 255, 255, 0.7);

    /* Glass-Effekt */
    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(2px);

    /* Oval */
    border-radius: 80px;

    /* dezenter Schatten */
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.15);

    /* Text mittig */
    text-align: center;

    /* sicherstellen, dass nichts gestreckt wird */
    display: block !important;

    z-index: 5;
}


/* Überschrift wieder ohne eigenen Hintergrund */
#sppb-addon-78ce359b-1da4-4819-9364-c6c84754dc0b
.sppb-carousel-extended-heading {
    background: transparent !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    padding: 0 !important;
    width: auto !important;
}


/* Unterüberschrift ebenfalls zentrieren */
#sppb-addon-78ce359b-1da4-4819-9364-c6c84754dc0b
.sppb-carousel-extended-subheading {
    text-align: center;
}


/* Mobile */
@media (max-width: 767px) {

    #sppb-addon-78ce359b-1da4-4819-9364-c6c84754dc0b
    .sppb-carousel-extended-content-wrap {
        width: calc(100% - 40px) !important;
        max-width: 600px;

        padding: 28px 25px !important;

        border-radius: 40px;
    }
}
/* =========================================================
   UBUNTU - OHNE ICON FONTS ZU ZERSTOEREN
   ========================================================= */

@import url('https://fonts.googleapis.com/css2?family=Ubuntu:wght@300;400;500;700&display=swap');


/* Grundschrift */
body {
    font-family: 'Ubuntu', Arial, sans-serif !important;
}


/* Überschriften */
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Ubuntu', Arial, sans-serif !important;
}


/* Absätze und Listen */
p,
li,
td,
th,
label {
    font-family: 'Ubuntu', Arial, sans-serif !important;
}


/* Navigation */
.sp-megamenu-parent > li > a,
.sp-megamenu-parent > li > span {
    font-family: 'Ubuntu', Arial, sans-serif !important;
}


/* SP Page Builder Überschriften und Texte */
.sppb-addon-title,
.sppb-carousel-extended-heading,
.sppb-carousel-extended-subheading,
.sppb-carousel-extended-description {
    font-family: 'Ubuntu', Arial, sans-serif !important;
}


/* Buttons */
.sppb-btn,
.btn,
button,
input,
textarea,
select {
    font-family: 'Ubuntu', Arial, sans-serif !important;
}
#sp-header #sp-menu .sp-megamenu-wrapper .sp-megamenu-parent .sp-menu-item>a, #sp-header #sp-menu .sp-megamenu-wrapper .sp-megamenu-parent .sp-menu-item>span {
    font-size: 18px!important;
}
/* =========================================================
   HAUPTMENUE - ACTIVE + HOVER
   angepasst an Helix Ultimate
   ========================================================= */

/* Normaler Menülink */
#sp-header #sp-menu .sp-megamenu-parent > li > a {
    position: relative;

    /* Wichtig: keine zusätzlichen horizontalen Abstände */
    padding: 5px 10px !important;

    /* Template-Line-Height überschreiben */
    line-height: 20px !important;

    /* keine feste Höhe */
    height: auto !important;
    min-height: 0 !important;

    color: #222222 !important;
    background: transparent !important;

    border-radius: 15px;

    font-family: 'Ubuntu', Arial, sans-serif !important;
    font-weight: 500;

    transition:
        color 0.2s ease,
        background-color 0.2s ease,
        box-shadow 0.2s ease;
}


/* =========================================================
   HOVER
   ========================================================= */

#sp-header #sp-menu .sp-megamenu-parent > li > a:hover {
    color: #365f34 !important;
    background-color: rgba(54, 95, 52, 0.12) !important;
}


/* =========================================================
   AKTIVER MENÜPUNKT
   ========================================================= */

#sp-header #sp-menu .sp-megamenu-parent > li.current-item > a,
#sp-header #sp-menu .sp-megamenu-parent > li.active > a {
    color: #ffffff !important;
    background-color: #a1cc00 !important;

    box-shadow: 0 2px 6px rgba(54, 95, 52, 0.25);
}


/* Active Hover */
#sp-header #sp-menu .sp-megamenu-parent > li.current-item > a:hover,
#sp-header #sp-menu .sp-megamenu-parent > li.active > a:hover {
    color: #ffffff !important;
    background-color: #a1cc00 !important;
}


/* =========================================================
   ABSTAND ZWISCHEN DEN MENÜPUNKTEN
   Helix setzt hier standardmäßig 15px
   ========================================================= */

#sp-header #sp-menu .sp-megamenu-wrapper
.sp-megamenu-parent > .sp-menu-item {
    margin: 0 5px !important;
}
.openinghours-credit {
display: none !important;
}

.hero-content {
    position: absolute;
    left: 50%;
    top: 66%;
    transform: translate(-50%, -50%);

    width: min(750px, 75%);
    padding: 42px 60px;

    text-align: center;

    background: rgba(255, 255, 255, 0.72);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);

    border-radius: 60px;
}