/* GTranslate */
.container-below-top {
    display: flex;
    justify-content: center;
}

/* Main Menu */
.container-header .container-nav {
    justify-content: center;
    background-color:ivory; 
}

/* Hamburger on Mobile */
.container-nav .navbar-toggler {
    color: #b22222 !important;
    border-color: #b22222 !important;
}

.container-nav .navbar-toggler .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath stroke='%23b22222' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E") !important;
}

@media (max-width: 767px) {
    .container-nav {
        background: transparent !important;
    }
}

/* Angebot Button */
.com-content-category-blog a.btn-submit-popup {
    display: inline-block !important;
    padding: 10px 20px !important;
    background-color: green !important;
    color: #000 !important;
    text-decoration: none !important;
    border-radius: 15px !important;
}

/* Bazar Menu */
ul.mod-menu.mod-menu_dropdown-metismenu.metismenu.mod-list.menu-horizontal.bazar {
    display: flex;
    justify-content: center;
    background-color:ivory; 
}

.bazar a {
    display: inline-block;
    background-color: #ffffff;
    border-color: #000000;
    color: #222;
    padding: 6px 12px;
    margin: 4px;
    border-radius: 999px;
    text-decoration: none;
    font-size: 0.9rem;
}
.bazar a:hover {
    background-color: #f7bb7d;
    color: #222;
}

/* Angebotsformzualr Popup */
<a class="btn-submit-popup"
   href="/angebotsformular?tmpl=component"
   data-modals
   data-modals-element="iframe"
   data-modals-width="600"
   data-modals-height="90%">
   Angebot einreichen
</a>

.page-bazar .blog-item h2:contains("Angebotsformular") {
    display: none;
}

/* Bazar cards */
.page-bazar .com-content-category-blog__item,
.com-content-category-blog .com-content-category-blog__item {
    position: relative;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 10px;
    padding: 1.25rem;
    margin-bottom: 1.5rem;
}

/* Hide category list below */
.page-bazar .com-content-category-blog__children,
.page-bazar .cat-children,
.com-content-category-blog .com-content-category-blog__children,
.com-content-category-blog .cat-children {
    display: none !important;
}

/* Space for badge */
.page-bazar .com-content-category-blog__item .item-content,
.com-content-category-blog .com-content-category-blog__item .item-content {
    padding-top: 2.5rem;
}

/* Category badge */
.page-bazar .com-content-category-blog__item .angebot-kategorie-badge,
.com-content-category-blog .com-content-category-blog__item .angebot-kategorie-badge {
    position: absolute;
    top: 12px;
    left: 12px;
    display: inline-block;
    background: #92c8cf;
    color: #000;
    font-size: 0.75rem;
    line-height: 1;
    padding: 6px 10px;
    border-radius: 999px;
    z-index: 2;
}


/* Form Modals */
/* Center content inside modal */
.modals-content,
.modals-body {
    text-align: center;
}

/* Center the form itself */
.modals-content form {
    margin: 0 auto;
    max-width: 500px;
}

/* Contact form Button */

.page-bazar .btn-contact-popup {
    display: inline-block;
    background-color: #F5A95B;
    color: #222 !important;
    text-decoration: none;
    padding: 8px 16px;
    border-radius: 999px;
    margin-top: 1rem;
    font-size: 0.9rem;
    text-align: center;
}

.page-bazar .btn-contact-popup:hover {
    background-color: #f7bb7d;
    color: #222 !important;
}

.page-bazar .bazar-contact-link {
    text-align: center;
}

.page-bazar .bazar-contact-link {
    text-align: center;
}

.page-bazar .btn-contact-popup {
    align-self: center;
}

.btn-contact-popup {
    display: inline-block;
    background-color: #F5A95B;
    color: #222 !important;
    text-decoration: none;
    padding: 8px 16px;
    border-radius: 999px;
    text-align: center;
}

/* Aktuell Module */
.container-sidebar-right .sidebar-right:last-child {
    background-color: ivory;
}

/* DP Upcomung Module Links */
.mod-dpcalendar-upcoming-panel .dp-link {
    display: inline-block;
    background-color: #ffffff;
    color: #222 !important;
    text-decoration: none;
    padding: 6px 12px;
    border-radius: 999px;
    margin-top: 6px;
}
.mod-dpcalendar-upcoming-panel .dp-link:hover {
    background-color: #f7bb7d;
    color: #222 !important;
}
.mod-dpcalendar-upcoming-panel {
    text-align: center;
}

.mod-dpcalendar-upcoming-panel .dp-link {
    width: auto !important;
}

.dpcalendar-centered {
    text-align: center;
}

/* Front page modules */
.two-modules {
    display: flex;
    gap: 20px;
    align-items: flex-start;
}

.two-modules {
    display: flex;
    gap: 20px;
    align-items: flex-start;
}

.two-modules .module-left {
    flex: 2;   /* 2/3 */
}

.two-modules .module-right {
    flex: 1;   /* 1/3 */
}
/* Aktuell Module */
.mod-articles-group {
  background-color:ivory;
}
.mod-articles.mod-list a {
    display: inline-block;
    background-color: #ffffff;
    color: #222 !important;
    text-decoration: none;
    padding: 6px 12px;
    border-radius: 999px;
    margin: 4px 0;
}
.mod-articles.mod-list a:hover {
    background-color: #f7bb7d;
    color: #222 !important;
}
.mod-articles.mod-list a {
    width: auto !important;
}

/* Stacking for mobile */
@media (max-width: 767px) {
    .two-modules {
        flex-direction: column;
    }

    /* Make right column buttons stack cleanly */
    .module-right {
        text-align: center;
    }

    .mod-articles.mod-list a {
        display: block;
        width: fit-content;
        margin: 6px auto;
    }
}

/* Hide navigation links in blog */
.com-content-blog__links {
    display: none;
}