/**
* Template :: ew_evelations_MY_SHOP
*
* Custom stylesheet for adjustment of design
*
*/

/* Erweiterte Shop-Breite für bessere Ausnutzung moderner Bildschirme */

/* Desktop (ab 992px): Von 970px auf 1140px erweitert */
@media (min-width: 992px) {

    .container,
    div.container,
    #site-wrap>.container,
    .container-fluid {
        width: 1140px !important;
        max-width: 1140px !important;
    }
}

/* Großer Desktop (ab 1200px): Von 1170px auf 1400px erweitert */
@media (min-width: 1200px) {

    .container,
    div.container,
    #site-wrap>.container,
    .container-fluid {
        width: 1400px !important;
        max-width: 1400px !important;
    }
}

/* Extra Large Screens (ab 1600px): Neue Breakpoint für sehr große Monitore */
@media (min-width: 1600px) {

    .container,
    div.container,
    #site-wrap>.container,
    .container-fluid {
        width: 1540px !important;
        max-width: 1540px !important;
    }
}

/* Slider Bildgröße begrenzen und zentrieren */
.carousel-outer-wrap img,
.picture-slider img,
.owl img {
    max-height: 350px !important;
    width: auto !important;
    object-fit: contain !important;
    display: block;
    margin: 0 auto;
}

[id^=pictureCarousel] {
    max-height: 350px !important;
}

/* Kopfzeile (Meta-Navigation) - Schwarzer Hintergrund mit weißem Text */
body #header #meta-navigation,
#header #meta-navigation,
#meta-navigation {
    background-color: #000 !important;
    border-bottom-color: #000 !important;
}

body #header #meta-navigation .user a,
body #header #meta-navigation .user li,
body #header #meta-navigation a:not(.btn),
#header #meta-navigation .user a,
#header #meta-navigation .user li,
#header #meta-navigation a:not(.btn),
#meta-navigation .user a,
#meta-navigation .user li,
#meta-navigation a:not(.btn) {
    color: #fff !important;
}

body #header #meta-navigation .user a:hover,
body #header #meta-navigation a:not(.btn):hover,
#header #meta-navigation .user a:hover,
#header #meta-navigation a:not(.btn):hover,
#meta-navigation .user a:hover,
#meta-navigation a:not(.btn):hover {
    color: #ddd !important;
}

/* Icons in der Meta-Navigation weiß machen */
body #header #meta-navigation i,
body #header #meta-navigation .glyphicon,
body #header #meta-navigation .fa,
body #header #meta-navigation .checkout-icon,
#header #meta-navigation i,
#header #meta-navigation .glyphicon,
#header #meta-navigation .fa,
#header #meta-navigation .checkout-icon,
#meta-navigation i,
#meta-navigation .glyphicon,
#meta-navigation .fa,
#meta-navigation .checkout-icon {
    color: #fff !important;
}

body #header #meta-navigation .dropdown-toggle,
#header #meta-navigation .dropdown-toggle,
#meta-navigation .dropdown-toggle {
    color: #fff !important;
}

body #header #meta-navigation .selectpicker,
body #header #meta-navigation .bootstrap-select .btn,
#header #meta-navigation .selectpicker,
#header #meta-navigation .bootstrap-select .btn,
#meta-navigation .selectpicker,
#meta-navigation .bootstrap-select .btn {
    color: #fff !important;
    background-color: transparent !important;
}

body #header #meta-navigation .text-muted,
body #header #meta-navigation .customer-name,
#header #meta-navigation .text-muted,
#header #meta-navigation .customer-name,
#meta-navigation .text-muted,
#meta-navigation .customer-name {
    color: #fff !important;
}