/*
Theme Name: Enfold Child
Description: A <a href='http://codex.wordpress.org/Child_Themes'>Child Theme</a> for the Enfold Wordpress Theme. If you plan to do a lot of file modifications we recommend to use this Theme instead of the original Theme. Updating wil be much easier then.
Version: 1.0
Author: Kriesi
Author URI: http://www.kriesi.at
Template: enfold
*/





#top .flex_column_table.av-equal-height-column-flextable:not(:first-child) {
    margin-top: 0px;
}





/* ====================================================================================================================
SCROLL DOWN PFEIL
==================================================================================================================== */

/* ----------------------------------------------------------
   EINSTELLUNG DER POSITION
   ---------------------------------------------------------- */

#top .scroll-down-link {
    /* Abstand vom unteren Rand des Sliders */
    bottom: 80px !important;

    /* Position horizontal */
    left: 50% !important;

    /* Größe des Bildbereichs */
    width: 140px !important;
    height: 80px !important;

    /* Eigenes Bild */
    background-image: url('/wp-content/uploads/2026/08/burgalai-geister-mouse-hover-icon-mit-pfeil.png') !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-size: contain !important;

    /* Original Enfold Icon entfernen */
    font-size: 0 !important;
    color: transparent !important;
}


/* ----------------------------------------------------------
   ORIGINAL ENFOLD PFEIL KOMPLETT AUSBLENDEN
   ---------------------------------------------------------- */

#top .scroll-down-link:before,
#top .scroll-down-link:after {
    display: none !important;
    content: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
}

#top .scroll-down-link svg {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
}

#top .scroll-down-link .avia-svg-icon,
#top .scroll-down-link .avia-svg-icon svg,
#top .scroll-down-link .av-icon-char,
#top .scroll-down-link .avia_icon,
#top .scroll-down-link .iconfont {
    display: none !important;
}


/* ----------------------------------------------------------
   HINTERGRUND / RAHMEN ENTFERNEN
   ---------------------------------------------------------- */

#top .scroll-down-link {
    background-color: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}





/* ====================================================================================================================
KONTAKTFORMULAR
==================================================================================================================== */

/* Alle Formularfelder */
#top form.avia_ajax_form input[type="text"],
#top form.avia_ajax_form input[type="email"],
#top form.avia_ajax_form input[type="tel"],
#top form.avia_ajax_form input[type="number"],
#top form.avia_ajax_form textarea,
#top form.avia_ajax_form select {

    /* Hintergrund */
    background: transparent !important;

    /* Enfold Rahmen komplett entfernen */
    border: 0 !important;
    border-top: 0 !important;
    border-left: 0 !important;
    border-right: 0 !important;

    /* EINZIGE sichtbare Linie */
    border-bottom: 1px solid #000 !important;

    /* Enfold Effekte entfernen */
    box-shadow: none !important;
    outline: none !important;

    /* Keine Rundungen */
    border-radius: 0 !important;

    /* Typografie / Abstand */
    padding: 12px 0 !important;

    /* volle Breite */
    width: 100% !important;

    /* Höhe */
    min-height: 45px !important;

    /* Abstand */
    margin-bottom: 15px !important;
}


/* ==========================================================
   TEXTAREA
   ========================================================== */

#top form.avia_ajax_form textarea {
    min-height: 120px !important;
    resize: vertical;
}


/* ==========================================================
   FOCUS – ebenfalls nur untere Linie
   ========================================================== */

#top form.avia_ajax_form input[type="text"]:focus,
#top form.avia_ajax_form input[type="email"]:focus,
#top form.avia_ajax_form input[type="tel"]:focus,
#top form.avia_ajax_form input[type="number"]:focus,
#top form.avia_ajax_form textarea:focus,
#top form.avia_ajax_form select:focus {

    border: 0 !important;
    border-top: 0 !important;
    border-left: 0 !important;
    border-right: 0 !important;
    border-bottom: 1px solid #000 !important;

    box-shadow: none !important;
    outline: none !important;

    background: transparent !important;
}

/* ==========================================================
   PLACEHOLDER
   ========================================================== */

#top form.avia_ajax_form input::placeholder,
#top form.avia_ajax_form textarea::placeholder {
    color: #000 !important;
    opacity: 1 !important;
}

/* ==========================================================
   LABELS
   ========================================================== */

#top form.avia_ajax_form label {
    background: transparent !important;
}

/* ==========================================================
   SELECT-PFEIL / SELECT
   ========================================================== */

#top form.avia_ajax_form select {
    appearance: none;
    -webkit-appearance: none;
}

/* ==========================================================
   CAPTCHA OHNE UNTERLINIE
   ========================================================== */

#top .avia_ajax_form input.text_input.captcha {
    border: none !important;
    border-bottom: none !important;
    box-shadow: none !important;
    background: transparent !important;
}


/* ==========================================================
   KONTAKTFORMULAR – SENDEN BUTTON
   ========================================================== */

#top form.avia_ajax_form input[type="submit"] {
    background-color: #e30615 !important;
    border: 1px solid #e30615 !important;
    border-radius: 30px !important;
    color: #ffffff !important;
    box-shadow: none !important;
    padding: 12px 30px !important;
    transition: background-color 0.25s ease, border-color 0.25s ease !important;
}

/* Hover */
#top form.avia_ajax_form input[type="submit"]:hover {
    background-color: #b50404 !important;
    border-color: #b50404 !important;
    color: #ffffff !important;
}



/*
=================================================================
Kontaktformular
=================================================================
*/

#top label {
    font-weight: 400;
}

#top .avia_ajax_form input[type="checkbox"] {
    top: 8px;
    margin-left: 0px;
}

    @media screen and (max-width: 1400px) {
    #top .avia_ajax_form input[type="checkbox"] {
        top: 5px;
    }
    }

    @media screen and (max-width: 1150px) {
    #top .avia_ajax_form input[type="checkbox"] {
        top: 3px;
    }
    }

#top .avia_ajax_form .form_element_third {
    width: 100%;
}

#top .main_color input[type='text'] {
    border-bottom: 1px solid #ffffff !important;
    border-left: none !important;
    border-right: none !important;
    border-top: none !important;
}
 
#top .main_color textarea{
    border-bottom: 1px solid #ffffff !important;
}

/*Button*/
.avia_ajax_form .button {
    background-color: #ffffff;
    border-color: #ffffff;
    color: #121212;
    padding: 17px 33px 17px 15px;
    font-size: 17px;
    padding-left: 32px;
    letter-spacing: 1px;
    border-radius: 40px;
    min-width: 130px;
}

    @media only screen and (min-width: 320px) and (max-width: 1000px){
    .avia_ajax_form .button {
        padding: 16px 0px 14px 0px;
        font-size: 13px;
        padding-left: 0px;
        letter-spacing: 1px;
        min-width: 100px;
        border-radius: 40px;
    }
    }

.main_color input[type='submit']:hover{
    background-color: #ffffff;
    color: #121212;
    border-color: #ffffff;
    opacity: 0.9;
}

    @media only screen and (min-width: 320px) and (max-width: 767px){
    .avia_ajax_form .button {
        padding: 17px 30px 17px 15px;
        font-size: 12px;
        padding-left: 25px;
        letter-spacing: 1px;
    }
    }

.avia_ajax_form p {
    margin-bottom: 10px !important;
    margin-top: 16px !important;
}






/* ====================================================================================================================
BURGER MENU
==================================================================================================================== */

/* ----------------------------------------------------------
MENUSTEUERUNG - KREUZ Farbe
---------------------------------------------------------- */

.av-hamburger--spin.is-active .av-hamburger-inner::after {
background-color: #ffffff !important;
}

.av-burger-overlay-active #top .av-hamburger-inner, .av-burger-overlay-active #top .av-hamburger-inner::before, .av-burger-overlay-active #top .av-hamburger-inner::after {
background-color: #fff !important;
}

/* ----------------------------------------------------------
MENU BACKGROUND
---------------------------------------------------------- */

.av-burger-overlay-inner, .av-burger-overlay-bg {
    min-height: 700px;
    background-color: #055040;
}

/* ----------------------------------------------------------
MENU - TYPO
---------------------------------------------------------- */

.html_av-overlay-full #top #wrap_all #av-burger-menu-ul li {
    text-align: left;
    margin-left: 50px;
    margin-right: 50px;
    font-size: 20px;
}





/* ====================================================================================================================
TABELLE
==================================================================================================================== */

/* ----------------------------------------------------------
TYPOGRAFIE WIE NORMALER <p>-TEXT
---------------------------------------------------------- */

#top .avia-data-table-wrap.avia-table-1 .avia-data-table,
#top .avia-data-table-wrap.avia-table-1 .avia-data-table td {
font-family: inherit !important;
font-size: inherit !important;
line-height: inherit !important;
font-weight: inherit !important;
color: inherit !important;
}

/* ----------------------------------------------------------
TABELLE – KEINE AUSSENLINIEN
---------------------------------------------------------- */

#top .avia-data-table-wrap.avia-table-1 .avia-data-table {
border: none !important;
box-shadow: none !important;
border-collapse: collapse !important;
}

/* ----------------------------------------------------------
ZELLEN – VERTIKALE LINIEN ENTFERNEN
---------------------------------------------------------- */

#top .avia-data-table-wrap.avia-table-1 .avia-data-table td {
border-left: none !important;
border-right: none !important;
}

/* ----------------------------------------------------------
HORIZONTALE LINIE ZWISCHEN DEN ZEILEN
---------------------------------------------------------- */

#top .avia-data-table-wrap.avia-table-1 .avia-data-table tbody tr {
border-bottom: 1px solid #000 !important;
}

/* ----------------------------------------------------------
LETZTE ZEILE – KEINE LINIE UNTEN
---------------------------------------------------------- */

#top .avia-data-table-wrap.avia-table-1 .avia-data-table tbody tr:last-child {
border-bottom: none !important;
}

/* ----------------------------------------------------------
ZELLENÜBERSCHREIBUNG
Enfold setzt teilweise eigene Zellrahmen.
---------------------------------------------------------- */

#top .avia-data-table-wrap.avia-table-1 .avia-data-table tbody tr td {
border-top: none !important;
border-left: none !important;
border-right: none !important;
}

/* ----------------------------------------------------------
LINIE DIREKT AUF DEN ZELLEN
---------------------------------------------------------- */

#top .avia-data-table-wrap.avia-table-1 .avia-data-table tbody tr:not(:last-child) td {
border-bottom: 1px solid #000 !important;
}





/* ====================================================================================================================
TOGGLE
==================================================================================================================== */

#top .togglecontainer.av-mshbsw48-eb4932676b1d993cc94c71021ed7bcc7 p.toggler .toggle_icon {
color: #000000;
border-color: #fff !important;
}





/* ====================================================================================================================
DROPDOWN PFEIL IM MENU
==================================================================================================================== */

@media screen and (min-width: 950px) {

#top span.dropdown_available {
    display: inline-block;
    margin-left: 10px;
}

#top span.dropdown_available::before {
    content: "\f078";
    font-family: "fontawesome5free-solid";
    font-size: 0.7em;
    font-weight: 400;
    line-height: inherit;
    color: inherit;
}

#top .av_header_transparency .header_bg {
    background: linear-gradient(
        0deg,
        rgba(0, 0, 0, 0) 1%,
        rgba(0, 0, 0, 0.3) 100%
    );
    opacity: 1;
}

#top #header .sub-menu,
#top #header .avia_mega_div .sub-menu {
    box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.16);
    overflow: hidden;
}

}





/* ====================================================================================================================
SCROLL UP ARROW
==================================================================================================================== */

#scroll-top-link {
height: 66px;
width: 53px;
line-height: 65px;
left: 0;
bottom: 0;
background-color: #055040 !important;
border: 0 !important;
}

#top .avia-svg-icon.avia-font-svg_entypo-fontello svg:first-child {
fill: #ffffff;
}





/* ====================================================================================================================
HEADER STYLE - SCHATTEN HINTER MENU
==================================================================================================================== */

@media screen and (min-width: 990px) {


#top .av_header_transparency .header_bg {
    background: linear-gradient(
        0deg,
        rgba(0, 0, 0, 0) 1%,
        rgba(0, 0, 0, 0.3) 100%
    );
    opacity: 1;
}

}





/* ====================================================================================================================
HEADER - SOCIAL ICONS
==================================================================================================================== */

/* Social-Icon-Link */
#header .social_bookmarks a {
    background: transparent !important;
    color: inherit !important;
    border: none !important;
    box-shadow: none !important;
    transition: color 0.2s ease, background-color 0.2s ease !important;
}

/* Hover */
#header .social_bookmarks a:hover {
    background: transparent !important;
    background-color: transparent !important;
    color: #e30615 !important;
    border: none !important;
    box-shadow: none !important;
}

/* Icon selbst */
#header .social_bookmarks a:hover:before {
    color: #e30615 !important;
}

/* Instagram */
#header .social_bookmarks .social_instagram a:hover,
#header .social_bookmarks .av-social-link-instagram:hover {
    background: transparent !important;
    background-color: transparent !important;
    color: #e30615 !important;
}

/* Facebook */
#header .social_bookmarks .social_facebook a:hover,
#header .social_bookmarks .av-social-link-facebook:hover {
    background: transparent !important;
    background-color: transparent !important;
    color: #e30615 !important;
}

/* Auch mögliche Enfold-Hintergründe beim Hover entfernen */
#header .social_bookmarks li:hover,
#header .social_bookmarks li:hover a {
    background: transparent !important;
    background-color: transparent !important;
}





/* ====================================================================================================================
MOBILE BREAK POINT
==================================================================================================================== */

@media only screen and (max-width: 950px) {


/* Normale Menüpunkte ausblenden */
.responsive #top #wrap_all #header .av-main-nav > li:not(.av-burger-menu-main) {
    display: none !important;
}

/* Burger-Menü einblenden */
.responsive #top #wrap_all #header .av-main-nav > li.av-burger-menu-main {
    display: block !important;
}

}





                                    /* ====================================================================================================================
                                    MARGIN MOBILE
                                    ====================================================================================================================

                                    @media screen and (max-width: 767px) {


                                    #top .flex_column_table.av-equal-height-column-flextable:not(:first-child) {
                                        margin-top: 10px;
                                    }

                                    #top #wrap_all #main .avia-no-border-styling {
                                        border: none;
                                        margin-bottom: -70px;
                                        margin-top: -70px;
                                    }

                                    }*/





/* ====================================================================================================================
HEADLINES
==================================================================================================================== */

/* ==========================================================
HEADLINE H1
========================================================== */

#top #wrap_all .all_colors h1 {
font-size: 120px;
line-height: 1.1em;
font-weight: 500;
}

@media only screen and (min-width: 1300px) and (max-width: 1600px) {


#top #wrap_all .all_colors h1 {
    font-size: 110px;
    line-height: 1.1em;
    font-weight: 500;
}

}

@media only screen and (min-width: 900px) and (max-width: 1299px) {

#top #wrap_all .all_colors h1 {
    font-size: 90px;
    line-height: 1.1em;
    font-weight: 500;
}

}

@media only screen and (min-width: 700px) and (max-width: 899px) {

#top #wrap_all .all_colors h1 {
    font-size: 65px;
    line-height: 1.1em;
    font-weight: 500;
}

}

@media only screen and (min-width: 300px) and (max-width: 699px) {


#top #wrap_all .all_colors h1 {
    font-size: 35px;
    line-height: 1.1em;
    font-weight: 500;
}

}

/* ==========================================================
HEADLINE H2
========================================================== */

#top #wrap_all .all_colors h2 {
font-size: 60px;
line-height: 1.2em;
font-weight: 500;
}

@media only screen and (min-width: 1300px) and (max-width: 1600px) {

```
#top #wrap_all .all_colors h2 {
    font-size: 55px;
    line-height: 1.2em;
    font-weight: 500;
}

}

@media only screen and (min-width: 900px) and (max-width: 1299px) {


#top #wrap_all .all_colors h2 {
    font-size: 45px;
    line-height: 1.2em;
    font-weight: 500;
}

}

@media only screen and (min-width: 700px) and (max-width: 899px) {


#top #wrap_all .all_colors h2 {
    font-size: 35px;
    line-height: 1.2em;
    font-weight: 500;
}

}

@media only screen and (min-width: 200px) and (max-width: 699px) {


#top #wrap_all .all_colors h2 {
    font-size: 21px;
    line-height: 1.2em;
    font-weight: 500;
}

}

/* ==========================================================
HEADLINE H4
========================================================== */

#top #wrap_all .all_colors h4 {
font-size: 33px;
line-height: 1.5em;
font-weight: 300;
}

@media only screen and (min-width: 1300px) and (max-width: 1600px) {


#top #wrap_all .all_colors h4 {
    font-size: 29px;
    line-height: 1.5em;
    font-weight: 300;
}

}

@media only screen and (min-width: 900px) and (max-width: 1299px) {


#top #wrap_all .all_colors h4 {
    font-size: 24px;
    line-height: 1.5em;
    font-weight: 300;
}

}

@media only screen and (min-width: 700px) and (max-width: 899px) {

#top #wrap_all .all_colors h4 {
    font-size: 23px;
    line-height: 1.5em;
    font-weight: 300;
}

}

@media only screen and (min-width: 200px) and (max-width: 699px) {

#top #wrap_all .all_colors h4 {
    font-size: 16px;
    line-height: 1.5em;
    font-weight: 300;
}

}





/* ====================================================================================================================
MOBILE MENÜ – SOCIAL ICONS AUSBLENDEN
==================================================================================================================== */

@media only screen and (max-width: 767px) {

.responsive #top #wrap_all .social_bookmarks {
    display: none !important;
}

}

.avia-menu.av_menu_icon_beside {
margin-right: 0;
}





/* ====================================================================================================================
SCHLOSSICON
==================================================================================================================== */

#av-cookie-consent-badge.av-consent-badge-right-bottom {
display: block;
bottom: 19px !important;
right: 19px !important;
font-size: 17px;
background-color: #055040;
border-color: #055040;
}

#scroll-top-link.avia_pop_class,
#av-cookie-consent-badge.avia_pop_class {
opacity: 1;
}

#av-cookie-consent-badge.avia-svg-icon:hover svg:first-child {
fill: #6abfa8;
}





/* ====================================================================================================================
BUTTON
==================================================================================================================== */

/* ==========================================================
MENU BUTTON
========================================================== */
#top #wrap_all .header_color .av-menu-button-colored > a .avia-menu-text {
border-radius: 30px;
padding: 7px 14px 10px 14px;
}


.avia-button.avia-size-large,
body div .avia-button {
padding: 25px 50px 25px 32px;
font-size: 17px;
letter-spacing: 1px;
border-radius: 40px;
}

@media only screen and (min-width: 320px) and (max-width: 1000px) {

.avia-button.avia-size-large {
    padding: 18px 30px 18px 27px;
    font-size: 14px;
    letter-spacing: 1px;
    border-radius: 40px;
}

}

/* ====================================================================================================================
COOKIE CONSENT
==================================================================================================================== */

/* ==========================================================
COOKIE CONSENT
========================================================== */

.mfp-auto-cursor .mfp-content {
background: #ffffff;
}

#av-consent-extra-info {
background: #ffffff;
}

#top #av-consent-extra-info .active_tab {
background-color: #121212;
color: #ffffff;
}

.main_color .tabcontainer .tab {
color: #121212 !important;
}

#top #av-consent-extra-info .main_color .sidebar_tab {
color: #121212 !important;
}

#top #av-consent-extra-info p {
margin: 0 !important;
font-size: 14px !important;
color: #121212 !important;
}

.sidebar_tab .tab_titles {
letter-spacing: 1px;
}

/* ----------------------------------------------------------
COOKIE CONSENT – SCHRIFT
---------------------------------------------------------- */

.avia-cookie-consent .avia-cookie-consent-button.av-extra-cookie-btn,
.avia-popup .avia-cookie-consent-button.av-extra-cookie-btn {
color: #ffffff !important;
}

.avia-popup .avia-cookie-consent-button {
border: 1px solid #121212 !important;
}

/* ----------------------------------------------------------
COOKIE CONSENT – BUTTONS
---------------------------------------------------------- */

#top .main_color .avia-color-theme-color-highlight {
color: #121212;
border-color: #121212;
background-color: #ffffff;
}

/* ----------------------------------------------------------
COOKIE CONSENT – OVERLAY
---------------------------------------------------------- */

.mfp-container {
text-align: center;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
padding: 0;
background-color: transparent;
box-sizing: border-box;
}

.mfp-bg {
background: transparent;
opacity: 0.6 !important;
}

.mfp-content {
vertical-align: bottom;
}

/* ----------------------------------------------------------
COOKIE CONSENT – BREITE CONTENT
---------------------------------------------------------- */

.av-inline-modal {
max-width: 1700px;
}

/* ----------------------------------------------------------
COOKIE CONSENT – BUTTONS
---------------------------------------------------------- */

.avia-cookie-consent .avia-cookie-consent-button,
.avia-popup .avia-cookie-consent-button {
padding-left: 22px !important;
padding-right: 22px !important;
border-radius: 40px !important;
font-size: 13px;
}

#top #av-consent-extra-info p {
margin: 0 !important;
font-size: 14px !important;
}

.main_color b {
color: #ffffff !important;
}

/* ----------------------------------------------------------
LINKFARBE – ZUM DATENSCHUTZ
---------------------------------------------------------- */

#top #av-consent-extra-info a {
color: #121212 !important;
font-size: 14px !important;
}

/* ----------------------------------------------------------
COOKIE CONSENT – H3
---------------------------------------------------------- */

#top #av-consent-extra-info h3 {
font-size: 20px;
line-height: 1.3;
color: #121212;
padding-top: 20px;
padding-left: 27px;
letter-spacing: 1.5px;
}

#top #av-consent-extra-info h3 .special_amp {
font-family: inherit;
font-style: inherit;
font-size: inherit;
line-height: inherit;
font-weight: inherit;
color: inherit;
}

/* ----------------------------------------------------------
COOKIE CONSENT – TRENNELEMENTE
---------------------------------------------------------- */

#av-consent-extra-info .hr-custom {
border-color: #f9f8f7;
}

#av-consent-extra-info .hr-inner {
border-color: transparent;
}

/* ----------------------------------------------------------
COOKIE CONSENT – TABS
---------------------------------------------------------- */

#av-consent-extra-info .tab {
font-weight: 400;
padding: 15px 30px;
font-size: 16px;
border: 0;
width: 100%;
}

#top #av-consent-extra-info .active_tab {
background-color: #ffffff;
color: #121212;
}

#av-consent-extra-info :focus {
outline: none;
}

#av-consent-extra-info .tab_titles .tab,
#av-consent-extra-info .tab_titles .tab:first-child {
border-radius: 0;
}

#av-consent-extra-info .tab_content {
box-shadow: none;
font-size: 16px;
}

/* ----------------------------------------------------------
COOKIE CONSENT – TOGGLE
---------------------------------------------------------- */

#top .av-toggle-switch .toggle-label-content {
font-weight: 700;
font-size: 15px !important;
color: #121212 !important;
}

#top .av-toggle-switch {
margin-bottom: 30px;
}

#top .av-toggle-switch input[type="checkbox"]:checked + .toggle-track {
background: #5a0;
}

#top .av-toggle-switch input[type="checkbox"][disabled="disabled"] + .toggle-track {
opacity: 0.4;
}

.main_color .sidebar_tab,
.main_color .tabcontainer .tab {
color: #ffffff;
}

/* ----------------------------------------------------------
COOKIE CONSENT – HAUPTBANNER
---------------------------------------------------------- */

div.avia-cookie-consent {
background-color: #055040;
color: #ffffff;
font-size: 37px;
line-height: 2em;
text-align: left;
}

div.avia-cookie-consent p {
background-color: transparent;
color: #ffffff;
font-size: 17px;
font-weight: 400;
line-height: 1.8em;
}

div.avia-cookie-consent .avia-cookie-consent-button.avia-cookie-close-bar {
font-weight: 400;
text-transform: none;
border-radius: 40px;
}

div.avia-cookie-consent .avia-cookie-consent-button.av-extra-cookie-btn {
font-weight: 400;
border-radius: 40px;
}

.avia-cookie-consent .avia-cookie-consent-button,
.avia-popup .avia-cookie-consent-button {
margin: 0 14px 0 0 !important;
}

/* ==========================================================
COOKIE CONSENT – DESKTOP
========================================================== */

@media screen and (min-width: 768px) {


#av-consent-extra-info {
    padding: 30px 50px;
}

#av-consent-extra-info .tab {
    border-right: 1px solid #ffffff;
}

.sidebar_tab .tab_titles {
    letter-spacing: 1px;
}

.active_tab_content .tab_inner_content h2 {
    font-size: 19px;
}

#top #av-consent-extra-info p {
    font-size: 12px;
}

#av-consent-extra-info > .av-special-heading {
    padding-top: 0;
}

#top .av-toggle-switch .toggle-label-content {
    font-weight: 400;
    font-size: 12px;
    letter-spacing: 0.08em;
    line-height: 22px;
}

.responsive #top .main_color .active_tab_content {
    background-color: #ffffff !important;
}

.tabcontainer {
    margin: 0;
}

}

/* ==========================================================
COOKIE CONSENT – MOBILE
========================================================== */

@media screen and (max-width: 767px) {

#av-consent-extra-info {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    max-height: 100%;
}

#av-consent-extra-info .active_tab_content {
    overflow: visible;
}

html.responsive.avia_mobile .avia-popup .av-inline-modal .tabcontainer.sidebar_tab,
html.responsive.avia-safari.avia_mobile .avia-popup .av-inline-modal .tabcontainer.sidebar_tab {
    overflow: visible;
    position: relative;
}

.av-inline-modal .avia-cookie-consent-modal-buttons-wrap {
    padding-top: 20px;
    clear: both;
}

.responsive #top .main_color .active_tab_content {
    background-color: #ffffff !important;
}

.sidebar_tab .tab_titles {
    letter-spacing: 1px;
}


}





                                                                       /* ==========================================================
   BURGALAI-GEISTER
   ENFOLD MEGA-MENÜ "FIGUREN"
   3 SPALTEN / 3 INDIVIDUELLE BILDER
   ========================================================== */


/* ==========================================================
   BILDER EINSTELLEN
   ----------------------------------------------------------
   HIER NUR DIE 3 BILD-URLS ÄNDERN
   ========================================================== */

/*
   BILD 1 = Burgalai-Geist
   BILD 2 = Kräuter-Bäsle
   BILD 3 = Flegga-Gnom

   Beispiel:
   https://burgalai-geister.de/wp-content/uploads/2026/08/bild.jpg
*/



```css

/* ==========================================================
   BURGALAI-GEISTER
   ENFOLD MEGA-MENÜ "FIGUREN"
   3 SPALTEN / 3 INDIVIDUELLE BILDER
   ========================================================== */


/* ==========================================================
   MEGA-MENÜ ÜBER KOMPLETTE BREITE
   ========================================================== */

#top #header .menu-item-mega-parent > .avia_mega_div {
    width: 100% !important;
    max-width: 100% !important;
    left: 0 !important;
    right: auto !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box !important;
}


/* ==========================================================
   3 SPALTEN
   ========================================================== */

#top #header .menu-item-mega-parent > .avia_mega_div > .sub-menu {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 30px !important;

    width: 100% !important;
    max-width: 100% !important;

    margin: 0 !important;
    padding: 30px !important;

    box-sizing: border-box !important;
}


/* ==========================================================
   SPALTEN
   ========================================================== */

#top #header .menu-item-mega-parent > .avia_mega_div > .sub-menu > li {
    width: 100% !important;
    max-width: 100% !important;

    float: none !important;

    margin: 0 !important;
    padding: 0 !important;

    box-sizing: border-box !important;
}


/* ==========================================================
   MEGA-MENÜ ELEMENT
   ========================================================== */

#top #header .menu-item-mega-parent > .avia_mega_div
.burgalai-mega-item {

    display: block !important;

    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    text-align: left !important;

    box-sizing: border-box !important;

    background: none !important;
}


/* ==========================================================
   ==========================================================
   BILD 1 – BURGALAI-GEIST
   ==========================================================
   HIER URL ÄNDERN
   ========================================================== */

#top #header .menu-item-mega-parent > .avia_mega_div
.sub-menu > li:nth-child(1)
.burgalai-mega-item img {

    content: url("/wp-content/uploads/2026/08/burgalai-geister-wurmlingen-menuebild-burgalaigeist.jpg") !important;

}


/* ==========================================================
   BILD 2 – KRÄUTER-BÄSLE
   ==========================================================
   HIER URL ÄNDERN
   ========================================================== */

#top #header .menu-item-mega-parent > .avia_mega_div
.sub-menu > li:nth-child(2)
.burgalai-mega-item img {

    content: url("/wp-content/uploads/2026/08/burgalai-geister-wurmlingen-menuebild-krauter-basie.jpg") !important;

}


/* ==========================================================
   BILD 3 – FLEGGA-GNOM
   ==========================================================
   HIER URL ÄNDERN
   ========================================================== */

#top #header .menu-item-mega-parent > .avia_mega_div
.sub-menu > li:nth-child(3)
.burgalai-mega-item img {

    content: url("/wp-content/uploads/2026/08/burgalai-geister-wurmlingen-menuebild-flegga-gnom.jpg") !important;

}


/* ==========================================================
   BILDER
   ========================================================== */

#top #header .menu-item-mega-parent > .avia_mega_div
.burgalai-mega-item img {

    display: block !important;

    width: 100% !important;
    height: auto !important;

    max-width: 100% !important;

    object-fit: initial !important;
    object-position: center center !important;

    margin: 0 0 15px 0 !important;
    padding: 0 !important;

    border: none !important;

    box-sizing: border-box !important;

    opacity: 1 !important;
    visibility: visible !important;

    transition: transform 0.3s ease,
                opacity 0.3s ease !important;
}


/* ==========================================================
   TITEL UNTER DEM BILD
   ========================================================== */

#top #header .menu-item-mega-parent > .avia_mega_div
.burgalai-mega-item span {

    display: block !important;

    position: relative !important;

    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    text-align: left !important;

    font-size: 19px !important;

    line-height: 1.3 !important;

    font-weight: 500 !important;

    text-transform: none !important;

    color: #ffffff !important;

    background: transparent !important;

    transition: color 0.3s ease !important;
}


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

#top #header .menu-item-mega-parent > .avia_mega_div
.burgalai-mega-item:hover img {

    transform: scale(1.03) !important;

}


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

#top #header .menu-item-mega-parent > .avia_mega_div
.burgalai-mega-item:hover span {

    color: #ffffff !important;

    text-decoration: none !important;

}


/* ==========================================================
   UNTERSTREICHUNG ENTFERNEN
   ========================================================== */

#top #header #menu-item-45 .avia_mega_div a,
#top #header #menu-item-45 .avia_mega_div a:hover,
#top #header #menu-item-45 .avia_mega_div a:focus {

    text-decoration: none !important;

    border: none !important;

    box-shadow: none !important;

}


/* ==========================================================
   ENFOLD PFEILE / STANDARD-OPTIK ENTFERNEN
   ========================================================== */

#top #header .menu-item-mega-parent > .avia_mega_div
.burgalai-mega-item::after,

#top #header .menu-item-mega-parent > .avia_mega_div
.burgalai-mega-item::before {

    display: none !important;

}


/* ==========================================================
   MEGA-MENÜ HINTERGRUND
   ========================================================== */

#top #header .menu-item-mega-parent > .avia_mega_div {

    background: transparent !important;

    border: none !important;

    box-shadow: 0 10px 30px rgba(0,0,0,0.12);

    box-sizing: border-box !important;

}


/* ==========================================================
   DESKTOP
   ========================================================== */

@media only screen and (min-width: 768px) {

    #top #header .menu-item-mega-parent > .avia_mega_div {

        min-width: 100% !important;

    }

}


/* ==========================================================
   TABLET
   ========================================================== */

@media only screen and (min-width: 768px)
and (max-width: 1100px) {

    #top #header .menu-item-mega-parent > .avia_mega_div
    > .sub-menu {

        gap: 20px !important;

        padding: 20px !important;

    }


    #top #header .menu-item-mega-parent > .avia_mega_div
    .burgalai-mega-item img {

        width: 100% !important;

        height: auto !important;

    }


    #top #header .menu-item-mega-parent > .avia_mega_div
    .burgalai-mega-item span {

        font-size: 16px !important;

    }

}


/* ==========================================================
   MOBILE
   ========================================================== */

@media only screen and (max-width: 767px) {

    #top #header .menu-item-mega-parent > .avia_mega_div
    > .sub-menu {

        display: grid !important;

        grid-template-columns: 1fr !important;

        gap: 25px !important;

        padding: 20px !important;

    }


    #top #header .menu-item-mega-parent > .avia_mega_div
    .burgalai-mega-item img {

        width: 100% !important;

        height: auto !important;

    }

}
```

/* ==========================================================
ENDE STYLE.CSS
========================================================== */