/* wanninger - own css styles */

/* primary color collector */
#footer .uk-list a:hover,
#footer .uk-list a:active,
#footer .uk-list a:focus,
.uk-navbar-container.top-bar a:hover,
.uk-navbar-container.top-bar a:active,
.uk-navbar-container.top-bar a:focus,
.uk-navbar-container.main-navigation .uk-navbar-nav > li > a:hover,
.uk-navbar-container.main-navigation .uk-navbar-nav > li > a:active,
.uk-navbar-container.main-navigation .uk-navbar-nav > li > a:focus,
.uk-navbar-container.main-navigation .uk-navbar-nav > li.uk-active > a,
.uk-button-default:hover,
.uk-button-default:active,
.uk-button-default:focus,
#footer .uk-list span.uk-icon,
.uk-list span.uk-icon {
    color: #e1000a;
}


.uk-navbar-dropdown li.ware-group-item a:hover,
.uk-navbar-dropdown li.list-item a:hover,
.uk-navbar-dropdown li.list-item.uk-active a {
    color: #e1000a;
}

/* primary background color collector */
::-moz-selection,
::selection,
.call-container > .uk-card-body a.uk-button-default:hover,
.call-container > .uk-card-body a.uk-button-default:active,
.call-container > .uk-card-body a.uk-button-default:focus,
.uk-button-primary,
.uk-button-primary:hover,
.uk-button-primary:active,
.uk-button-primary:focus,
.uk-light .uk-button-primary,
.uk-light .uk-button-primary:hover,
.uk-light .uk-button-primary:active,
.uk-light .uk-button-primary:focus {
    background-color:  #e1000a;
}

.uk-light .uk-button-primary {
    background-color: #e1000a;
}


.uk-label-danger {
    background-color: #e1000a;
    color: #FFFFFF;
}


/* primary border color collector */
.call-container > .uk-card-body a.uk-button-default:hover,
.call-container > .uk-card-body a.uk-button-default:active,
.call-container > .uk-card-body a.uk-button-default:focus {
    border-color: #e1000a;
}


/* title margin -> remove global */
h1, .uk-h1,
h2, .uk-h2,
h3, .uk-h3,
h4, .uk-h4 {
    margin: 5px 0 5px 0 !important;
    line-height: 1.2;
}


.uk-header {
    min-height: 235px;
    background-color: #FFFFFF;
}


/* LOGO desktop */
.logo-container {
    padding-top: 25px;
    padding-bottom: 25px;
}

.logo-container a.uk-logo {
    display: block;
    width: 160px;
    height: 75px;

    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}


/* LOGO mobile */
.logo-container.mobile {
    padding-top: inherit;
    padding-bottom: inherit;
}


.logo-container.mobile a.uk-logo {
    display: block;
    width: 100px;
    height: auto;

    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

/* LOGO mobile navigation */

.uk-offcanvas-bar .mobile a.uk-logo svg .cls-2 {
    fill: #FFF;
}


.uk-navbar-container.top-bar {
    background-color: #222222;
}

.uk-navbar-container.main-navigation a,
.uk-navbar-container.top-bar a {
    font-family: "Fira Sans Condensed";
    min-height: unset;
    color: #222222;
    font-size: 16px;
    line-height: 1.8;
}

.uk-navbar-container.top-bar a {
    font-size: 16px;
    color: #FFFFFF;
}

.uk-navbar-container.top-bar .uk-navbar-nav {
    padding-top: 7px;
    padding-bottom: 7px;
}

.uk-navbar-container.top-bar .uk-navbar-nav > li > a {
    margin-top: 8px;
}

.uk-navbar-container.top-bar .uk-navbar-nav > li.uk-active > a {
    color: #e1000a;
}

.uk-navbar-container.top-bar .uk-search-input {
    background-color: #4D4E4D;
    border: none;
    /* text-transform: uppercase; */
    padding-left: 15px;
    color: #FFFFFF;
}

.uk-navbar-container.top-bar .uk-search-default {
    width: 250px;
}

.uk-offcanvas-bar .uk-search-default {
    width: 100%;
}


.uk-navbar-container.main-navigation {
    border-top: 1px solid #EEEEEE;
    border-bottom: 1px solid #EEEEEE;
}

.uk-navbar-container.main-navigation .uk-navbar-nav > li > a {
    height: 55px;

    font-size: 20px;
    font-weight: 500;
    color: #222222;

    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}


.middle-bar {
    position: relative;
}

.call-container > .uk-card-body {
    text-transform: uppercase;
    font-weight: 500;
    color: #000;
    font-size: 16px;
}

.call-container > .uk-card-body a.uk-button-default {
    color: #000;
    font-size: 16px;
    border-width: 1px;
    padding-left: 10px;
    padding-right: 10px;
}

.call-container > .uk-card-body a.uk-button-default:hover,
.call-container > .uk-card-body a.uk-button-default:active,
.call-container > .uk-card-body a.uk-button-default:focus {
    color: #FFFFFF;
}

.call-container .opening-time button {
    width: 100%;
}

.call-container.shrink {
    visibility: hidden;
    display: none;
}

/* shrink - sticky header */
.uk-sticky {
    background-color: #FFFFFF;
}

.uk-navbar-sticky .logo-container .uk-logo {
    width: 100px;
    height: 45px;
}

.uk-navbar-sticky .uk-navbar-container.main-navigation .uk-navbar-nav > li > a {
    height: 40px;
}

.uk-navbar-sticky .logo-container {
    padding-top: 15px;
    padding-bottom: 15px;
}

.uk-navbar-sticky .facebook-container {
    display: none;
    visibility: hidden;
}

.uk-navbar-sticky .call-container.shrink {
    visibility: visible;
    display: inherit;
    margin-top: 6px;
    position: absolute;
    right: 0;
}

.uk-navbar-sticky .call-container:not(.shrink) {
    visibility: hidden;
    display: none;
}

.uk-navbar-sticky .uk-navbar-dropdown {

    top: 41px !important;
}

/* divers color standards */
.uk-alert-success,
.uk-label-success {
    background-color: #94C11A;
}

.uk-alert-success {
    color: #FFFFFF;
}


.uk-alert,
.uk-alert-danger {
    color: #e1000a;
}


.yform-form .has-error input {
    border-color: #e1000a;
    background-color: #fef4f6;
}

/* selected content background color */
::-moz-selection,
::selection {
    color: #FFFFFF;
}

/* Drop Down */

.uk-dropdown-nav .sub-navigation-header {
    font-size: 16px;
    margin-bottom: 10px;
    font-weight: 500;
    text-transform: uppercase;
}

.no-image-placeholder-link {
    display: block;
    width: 100%;
    height: 100%;
    /* max-height: 180px; */
}

.no-image-placeholder-link-small {
    display: block;
    width: 100%;
    height: 100%;
    max-height: 180px;
    color: #e1000a;
    float: left;
}

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

    .no-image-placeholder-link {
        height: 125px;
    }


    .search-results .uk-card .uk-card-body {
        border: 1px solid #EEEEEE;
        border-top: 0;
    }

}

/* Buttons */
.uk-button-default {
    background-color: #FFFFFF;
    border-width: 1px;
    color: #000000;
}

.uk-button-default:hover,
.uk-button-default:active,
.uk-button-default:focus {
    background-color: #FFFFFF;
    border-width: 1px;
}

.uk-light .uk-button-primary,
.uk-button-primary {
    border-width: 1px;
    color: #FFFFFF;
    font-weight: 500;
}

.uk-button-primary:hover,
.uk-button-primary:active,
.uk-button-primary:focus,
.uk-light .uk-button-primary:hover,
.uk-light .uk-button-primary:active,
.uk-light .uk-button-primary:focus {
    border-width: 1px;
    color: #FFFFFF;
}

/*
.uk-text-lead,
.uk-text-meta,
.uk-light,
.uk-light .uk-text-lead,
.uk-light .uk-text-meta {
    color: rgba(255,255,255, 1);
}

*/
/* slider styles */

.uk-slideshow-items .slide-caption h2.uk-text-lead {
    font-size: 48px;
    font-family: 'Pacifico', cursive;

}

.uk-slideshow-items .slide-caption h2.uk-text-lead,
.uk-slideshow-items .slide-caption.uk-light h2.uk-text-lead {
    text-shadow: 0 3px 2px rgba(0, 0, 0, .7);
}


.uk-slideshow-items .slide-caption.uk-dark h2.uk-text-lead {
    text-shadow: 0 3px 2px rgba(255, 255, 255, .75);
}

.uk-slideshow-items .slide-caption p.uk-text-meta {
    font-size: 19px;
    color: #222222;
    background-color: rgba(255, 255, 255, .85);
    display: inline-block;
    padding-left: 15px;
    padding-right: 15px;
}

.uk-slideshow-items .slide-caption .uk-light .uk-button-primary,
.uk-slideshow-items .slide-caption .uk-dark .uk-button-primary,
.uk-slideshow-items .slide-caption .uk-button-primary {
    font-size: 24px;
    padding: 10px 15px;
}


.slider .uk-thumbnav .slide-title-indicator {
    padding-left: 2px;
}

.slider .uk-thumbnav .slide-title-indicator a.uk-button {
    padding: 2px 10px;
    border: none;
    color: #222222;
    background: #FFFFFF;
}

.slider .uk-thumbnav .slide-title-indicator a.uk-button:hover,
.slider .uk-thumbnav .slide-title-indicator a.uk-button:active,
.slider .uk-thumbnav .slide-title-indicator a.uk-button:focus {
    color: #e1000a;
}

.slider .uk-thumbnav .slide-title-indicator.uk-active a.uk-button {
    background-color: #222222;
    color: #FFFFFF;
}


/* footer */
#footer {
    color: #FFFFFF;
    font-weight: 500;
}

#footer .uk-heading-divider {
    border-width: 1px;
    border-color: #666666;
}


/* logo fill white */
#footer .footer-navigation .logo-container svg .cls-2 {
    fill: #FFF;
}

#footer .footer-navigation {
    background-color: #1D1D1D;
}

#footer h1,
#footer .uk-h1,
#footer h2,
#footer .uk-h2,
#footer h3,
#footer .uk-h3,
#footer h4,
#footer .uk-h4,
#footer h5,
#footer .uk-h5,
#footer h6,
#footer.uk-h6 {
    color: #FFFFFF
}


#footer .uk-list a {
    color: #FFFFFF;
    font-weight: 500;
}


/* RESPONSIVE */

@media only screen and (max-width: 990px) and (min-width: 480px) {
    /* footer header */
    #footer-header .uk-text-lead {
        font-size: 3.5vw;
    }


}

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

    /* slider */
    .uk-slideshow-items .slide-caption h2.uk-text-lead {
        font-size: 4.5vw;
    }

    .uk-offcanvas-bar .mobile-nav-main {
        padding-left: 25px;
        padding-bottom: 0;
        background-color: #FFFFFF;
    }

    .uk-offcanvas-bar .uk-nav-default.mobile-nav-main > li {
        border-bottom: 1px solid rgba(0,0,0,.15);
    }

    .uk-offcanvas-bar .uk-nav-default.mobile-nav-main > li > a {
        color: #000000;
        font-size: 1.1rem;
        font-weight: 400;
    }

    .uk-offcanvas-bar .sub-navigation-header {
        color: rgba(0,0,0, .5);
        text-transform: uppercase;
    }

    .uk-offcanvas-bar .uk-nav-default .uk-nav-sub.mobile-subsub > li > a {
        color: #000000;
        font-weight: 400;
        padding: 5px 0;
    }



    .uk-offcanvas-bar .uk-nav-default .uk-nav-sub.mobile-subsub > li > a:hover,
    .uk-offcanvas-bar .uk-nav-default .uk-nav-sub.mobile-subsub > li > a:active,
    .uk-offcanvas-bar .uk-nav-default .uk-nav-sub.mobile-subsub > li > a:focus,
    .uk-offcanvas-bar .mobile-nav-topbar a:hover,
    .uk-offcanvas-bar .mobile-nav-topbar a:active,
    .uk-offcanvas-bar .mobile-nav-topbar a:focus,
    .uk-offcanvas-bar .mobile-nav-footerlist a:hover,
    .uk-offcanvas-bar .mobile-nav-footerlist a:active,
    .uk-offcanvas-bar .mobile-nav-footerlist a:focus,
    .uk-offcanvas-bar .uk-nav-default.mobile-nav-main > li.uk-active > a,
    .uk-offcanvas-bar .uk-nav-default .uk-nav-sub.mobile-subsub > li.uk-active > a {
        color: #e1000a;
    }


    .uk-offcanvas-bar .uk-container [class*="uk-divider"] {
        border: 1px solid #666666;
    }



}

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

    /* slider */
    .uk-slideshow-items .slide-caption h2.uk-text-lead {
        font-size: 8vw;
    }

    .uk-slideshow-items .slide-caption p a.uk-button {
        font-size: 4vw;
        padding: 1% 10px;
    }

    .slider-katalog.uk-container {
        padding-left: 0;
        padding-right: 0;
    }

}

@media only screen and (max-width: 480px) {
    /* footer header */
    #footer-header .uk-text-lead {
        font-size: 21px;
    }
}

/* overwrites */
.uk-section {
    padding-top: 30px;
    padding-bottom: 30px;
}

@media only screen and (max-width: 960px) {
    .uk-section.first {
        padding-top: 0;
        padding-bottom: 30px;
    }
}


[class*="uk-divider"] {
    border: 3px solid #eeeeee;
}


.uk-light .uk-text-lead,
.uk-section-primary:not(.uk-preserve-color) .uk-text-lead,
.uk-section-secondary:not(.uk-preserve-color) .uk-text-lead,
.uk-tile-primary:not(.uk-preserve-color) .uk-text-lead,
.uk-tile-secondary:not(.uk-preserve-color) .uk-text-lead,
.uk-card-primary.uk-card-body .uk-text-lead,
.uk-card-primary > :not([class*="uk-card-media"]) .uk-text-lead,
.uk-card-secondary.uk-card-body .uk-text-lead,
.uk-card-secondary > :not([class*="uk-card-media"]) .uk-text-lead,
.uk-overlay-primary .uk-text-lead,
.uk-offcanvas-bar .uk-text-lead {
    color: rgba(255, 255, 255, 1);
}


.uk-text-bold {
    font-weight: 500;
}


/* wanninger */

.wohnbereiche a {
    color: #222222;
    text-decoration: none;
}

.premium-kategorien h2,
.premium-kategorien h3 {
    font-weight: 400;
    display: inline-block;
    padding-left: 10px;
    padding-right: 10px;
}


/* catalog lightbox */
.uk-lightbox {
    background: rgba(0, 0, 0, 0.75);
}

.uk-legend {
    font-size: 1.35rem;
}


.marken-filter .uk-dropdown-nav > li > a:hover,
.marken-filter .uk-dropdown-nav > li > a:focus {
    color: #000000;
}

.marken-filter .uk-dropdown-nav > li.uk-active > a {
    color: #FFFFFF;
}

.schlemmertreff .uk-card-badge {
    left: 40px;
    right: inherit;
}

picture {
    display: block;
    /* margin: 20px 0; */
}


#wanningermap {
    height: 420px;
}

#eKomiSeal_default {
    position: absolute;
    top: 20px;
    right: 180px;
    z-index: 50;
}

#eKomiSeal_default a {
    display: block;
}