/* --- BETHEME Dropdown Abstand komplett entfernen --- */

/* Menüpunkt als Bezug */
#Top_bar .menu > li {
    position: relative !important;
}

/* Submenu direkt unter Menüpunkt */
#Top_bar .menu > li > ul.sub-menu {
    top: 100% !important;
    margin-top: -12px !important;   /* <- DAS ist der wichtige Fix */
    padding-top: 0 !important;

    opacity: 0;
    visibility: hidden;
    pointer-events: none;

    transform: translateY(0px) !important;
    transition: opacity 0.2s ease, visibility 0.2s ease;
}

/* Hover öffnet Dropdown */
#Top_bar .menu > li:hover > ul.sub-menu {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

/* Hover-Lücke eliminieren */
#Top_bar .menu > li > ul.sub-menu:before,
#Top_bar .menu > li > ul.sub-menu:after {
    display: none !important;
}

/* Submenu-Links kompakter */
#Top_bar .menu > li > ul.sub-menu li a {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    line-height: 1.2 !important;
}
margin-top: -35px !important;

/* Dropdown Menü runder machen */
#Top_bar .menu > li > ul.sub-menu {
    border-radius: 18px !important;
    overflow: hidden; /* wichtig, damit die Ecken wirklich rund wirken */
}
#Top_bar .menu > li > ul.sub-menu {
    border-radius: 25px !important;
}
/* -------- Headlines überall auf DM Serif Display setzen -------- */

/* Desktop + Tablet + Handy */
h1, h2, h3, h4, h5, h6,
.title, .headline, .heading {
    font-family: "DM Serif Display", serif !important;
}

/* Optional: für Betheme typische Content-Wrapper */
.the_content_wrapper h1,
.the_content_wrapper h2,
.the_content_wrapper h3,
.the_content_wrapper h4,
.the_content_wrapper h5,
.the_content_wrapper h6 {
    font-family: "DM Serif Display", serif !important;
}

/* Responsive: sichergehen, dass auch mobil die Schrift greift */
@media (max-width: 1024px) {
    h1, h2, h3, h4, h5, h6,
    .title, .headline, .heading,
    .the_content_wrapper h1,
    .the_content_wrapper h2,
    .the_content_wrapper h3,
    .the_content_wrapper h4,
    .the_content_wrapper h5,
    .the_content_wrapper h6 {
        font-family: "DM Serif Display", serif !important;
    }
}