/* =====================================================
   deepcar UIkit/YOOtheme Fix
   ===================================================== */

/* Native CSS-Smooth würde den Anfrage-Scroll erst spät anlaufen lassen */
html {
    scroll-behavior: auto !important;
}

/* ── Row ── */
.uk-panel .its_row,
#detail_fzg .its_row,
#detail_header .its_row {
    display: flex !important;
    flex-wrap: wrap !important;
    margin-left: -10px !important;
    margin-right: -10px !important;
    width: auto !important;
    min-width: 0 !important;
}

/* ── Alle Spalten ── */
.uk-panel [class*="its_col-"],
#detail_fzg [class*="its_col-"],
#detail_header [class*="its_col-"] {
    float: none !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
    box-sizing: border-box !important;
    flex-shrink: 0 !important;
    min-width: 0 !important;
}

/* ── Übersicht: 3 Spalten ── */
.uk-panel .its_col-md-4 {
    flex: 0 0 33.333% !important;
    max-width: 33.333% !important;
}

/* ── Filter: 3 Spalten ── */
.uk-panel .its_col-md-3 {
    flex: 0 0 33.333% !important;
    max-width: 33.333% !important;
}

.uk-panel .its_col-sm-4 {
    flex: 0 0 33.333% !important;
    max-width: 33.333% !important;
}
.uk-panel .its_col-sm-6 {
    flex: 0 0 50% !important;
    max-width: 50% !important;
}
.uk-panel .its_col-sm-12 {
    flex: 0 0 100% !important;
    max-width: 100% !important;
}
.uk-panel .its_col-xs-6 {
    flex: 0 0 50% !important;
    max-width: 50% !important;
}

/* ── Detailseite ── */
#detail_fzg .its_col-sm-5  { flex: 0 0 41.666% !important; max-width: 41.666% !important; }
#detail_fzg .its_col-sm-7  { flex: 0 0 58.333% !important; max-width: 58.333% !important; }
#detail_fzg .its_col-sm-6  { flex: 0 0 50% !important;     max-width: 50% !important; }
#detail_fzg .its_col-sm-4  { flex: 0 0 33.333% !important; max-width: 33.333% !important; }
#detail_fzg .its_col-sm-12 { flex: 0 0 100% !important;    max-width: 100% !important; }
#detail_fzg .its_col-xs-6  { flex: 0 0 50% !important;     max-width: 50% !important; }
#detail_header .its_col-xs-6 { flex: 0 0 50% !important;   max-width: 50% !important; }

#detail_fzg .deepcar-tech-card {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}
#detail_fzg dl.liste_weitere_daten,
#detail_fzg dl.liste_emmission {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
}

/* ── Slider fix ── */
#wrapper_detail_slider,
#detailslider,
#detailslider .flex-viewport,
.wrapper_thumbs {
    width: 100% !important;
    display: block !important;
    flex: none !important;
}
#detailslider .slides,
#detailslider .slides > li {
    display: block !important;
    width: 100% !important;
    flex: none !important;
}
.wrapper_thumbs .its_col-sm-4 {
    flex: 0 0 33.333% !important;
    max-width: 33.333% !important;
}

/* ── Buttons normal breit ── */
.uk-panel .its_btn { width: auto !important; display: inline-block !important; }
.uk-panel .its_btn-block { width: 100% !important; display: block !important; }

/* ── Responsive ── */
@media (max-width: 991px) {
    .uk-panel .its_col-md-4 { flex: 0 0 50% !important;  max-width: 50% !important; }
    .uk-panel .its_col-md-3 { flex: 0 0 50% !important;  max-width: 50% !important; }
    #detail_fzg .its_col-sm-5,
    #detail_fzg .its_col-sm-7 { flex: 0 0 100% !important; max-width: 100% !important; }
}
@media (max-width: 767px) {
    .uk-panel .its_col-md-4,
    .uk-panel .its_col-md-3,
    .uk-panel .its_col-sm-4,
    .uk-panel .its_col-sm-6 { flex: 0 0 100% !important; max-width: 100% !important; }
    #detail_fzg .its_col-sm-6,
    #detail_fzg .its_col-sm-4 { flex: 0 0 100% !important; max-width: 100% !important; }
}

/* ── Heister: Overrides aus YOOtheme Custom CSS ── */
.its_row {
    margin-left: -10px !important;
    margin-right: -10px !important;
    display: flex !important;
    flex-wrap: wrap !important;
}

.emm_hinweis {
    padding: 30px;
    color: #000 !important;
}

#form_anfrage .its_form-control {
    margin-top: 5px;
    margin-bottom: 15px;
}

#wrapper_suche {
    padding: 0 !important;
    position: relative;
    border: 0 solid #f2f2f2 !important;
    padding-bottom: 0;
}

#wrapper_suche select {
    font-family: inherit;
    color: #000 !important;
    font-size: 16px !important;
    margin-bottom: 10px;
    border-radius: 0;
}

#wrapper_suche .its_col-md-4 {
    flex: 0 0 33.333% !important;
    max-width: 33.333% !important;
}

#wrapper_fzg_liste {
    padding-top: 30px !important;
}

.info_wrapper {
    color: #000 !important;
    font-size: 15px !important;
}

#detail_fzg hr {
    border: 0;
    border-top: 0 solid #e5eaf0 !important;
    margin: 24px 0;
}

.san-widget-floating {
    z-index: 1000;
    font-family: "Open Sans", Helvetica, sans-serif !important;
    display: flex;
    align-items: center;
    justify-content: center;
    position: fixed !important;
    top: auto !important;
    bottom: 20px !important;
    left: 50% !important;
    right: auto !important;
    transform: translateX(-50%) !important;
    width: fit-content;
    height: 85px;
    border-radius: 25px;
    background: #f1f2f2;
}

@media (max-width: 767px) {
    dl.liste_weitere_daten dd,
    dl.liste_emmission dd {
        padding-left: 1px !important;
    }
}