/*
 * Platz für eigene Änderungen direkt als CSS
 * Die hier gemachten Änderungen überschreiben ggfs. andere Styles, da diese Datei als letzte geladen wird.
 */

 /* Fonts */
  /* gabarito-regular - latin */
  @font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Gabarito';
    font-style: normal;
    font-weight: 400;
    src: url('../../../AltezarNext/themes/my-nova/fonts/gabarito-v1-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
        url('../../../AltezarNext/themes/my-nova/fonts/gabarito-v1-latin-regular.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* gabarito-500 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Gabarito';
    font-style: normal;
    font-weight: 500;
    src: url('../../../AltezarNext/themes/my-nova/fonts/gabarito-v1-latin-500.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
        url('../../../AltezarNext/themes/my-nova/fonts/gabarito-v1-latin-500.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* gabarito-600 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Gabarito';
    font-style: normal;
    font-weight: 600;
    src: url('../../../AltezarNext/themes/my-nova/fonts/gabarito-v1-latin-600.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
        url('../../../AltezarNext/themes/my-nova/fonts/gabarito-v1-latin-600.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* gabarito-700 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Gabarito';
    font-style: normal;
    font-weight: 700;
    src: url('../../../AltezarNext/themes/my-nova/fonts/gabarito-v1-latin-700.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
        url('../../../AltezarNext/themes/my-nova/fonts/gabarito-v1-latin-700.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* gabarito-800 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Gabarito';
    font-style: normal;
    font-weight: 800;
    src: url('../../../AltezarNext/themes/my-nova/fonts/gabarito-v1-latin-800.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
        url('../../../AltezarNext/themes/my-nova/fonts/gabarito-v1-latin-800.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Overpass';
    font-style: normal;
    font-weight: 400;
    src: url('../../../AltezarNext/themes/my-nova//fonts/overpass-v13-latin-regular.eot'); /* IE9 Compat Modes */
    src: url('../../../AltezarNext/themes/my-nova//fonts/overpass-v13-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../../../AltezarNext/themes/my-nova//fonts/overpass-v13-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
         url('../../../AltezarNext/themes/my-nova//fonts/overpass-v13-latin-regular.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
         url('../../../AltezarNext/themes/my-nova//fonts/overpass-v13-latin-regular.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
         url('../../../AltezarNext/themes/my-nova//fonts/overpass-v13-latin-regular.svg#Overpass') format('svg'); /* Legacy iOS */
  }
  /* overpass-700 - latin */
  @font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Overpass';
    font-style: normal;
    font-weight: 700;
    src: url('../../../AltezarNext/themes/my-nova//fonts/overpass-v13-latin-700.eot'); /* IE9 Compat Modes */
    src: url('../../../AltezarNext/themes/my-nova//fonts/overpass-v13-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../../../AltezarNext/themes/my-nova//fonts/overpass-v13-latin-700.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
         url('../../../AltezarNext/themes/my-nova//fonts/overpass-v13-latin-700.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
         url('../../../AltezarNext/themes/my-nova//fonts/overpass-v13-latin-700.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
         url('../../../AltezarNext/themes/my-nova//fonts/overpass-v13-latin-700.svg#Overpass') format('svg'); /* Legacy iOS */
  }

h1, h2, h3, h4, h5, h6, .h1, .h2, .product-matrix .product-matrix-title, .h3, .sidepanel-left .box-normal .box-normal-link, .h4, .h5, .h6 {
    margin-bottom: 1rem;
    font-family: 'Overpass' !important;
    font-weight: 700;
    line-height: 1.5;
    color: #525252;
}


 /* 1. Header */

 header .navbar {
    padding: 0;
    position: static;
    text-transform: uppercase;
    font-weight: bold;
}


.text-clamp-2 {
    line-height: 1.2rem;
    font-family: 'Overpass', sans-serif !important;
}

body {
    font-size: 1rem;
}

.form-counter .form-control {
border: 0;
text-align: center;
font-family: 'Overpass', sans-serif;
font-weight: 700;
-moz-appearance: textfield;
}

.form-counter .input-group-text {
border: 0;
background: none;
font-family: 'Overpass', sans-serif;
font-weight: 700;
}

.hr-sect {
display: flex;
justify-content: center;
flex-basis: 100%;
align-items: center;
color: #525252;
margin: 8px 0;
font-size: 1.5rem;
font-family: 'Overpass', sans-serif !important;
text-transform: uppercase;
}

.text-accent, .productbox-price, .tab-navigation .nav-link {
font-family: 'Overpass', sans-serif;
font-weight: 700;
}

header .submenu-headline-toplevel {
font-family: 'Overpass', sans-serif;
font-size: 1rem;
border-bottom: 1px solid #ebebeb;
margin-bottom: 1rem;
}

.cart-items-body .cart-items-price {
white-space: nowrap;
color: #DB9C29;
}

.tooltip {
position: absolute;
z-index: 1070;
display: block;
margin: 0.5rem;
font-family: "Overpass", sans-serif;
font-style: normal;
font-weight: 400;
line-height: 1.5;
text-align: left;
text-align: start;
text-decoration: none;
text-shadow: none;
text-transform: none;
letter-spacing: normal;
word-break: normal;
word-spacing: normal;
white-space: normal;
line-break: auto;
font-size: 0.75rem;
word-wrap: break-word;
opacity: 0;
}

.popover {
position: absolute;
top: 0;
left: 0;
z-index: 1060;
display: block;
max-width: 276px;
font-family: "Overpass", sans-serif;
font-style: normal;
font-weight: 400;
line-height: 1.5;
text-align: left;
text-align: start;
text-decoration: none;
text-shadow: none;
text-transform: none;
letter-spacing: normal;
word-break: normal;
word-spacing: normal;
white-space: normal;
line-break: auto;
font-size: 0.75rem;
word-wrap: break-word;
background-color: #ffffff;
background-clip: padding-box;
border: 1px solid rgba(0, 0, 0, 0.2);
border-radius: 0.125rem;
box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.2);
}

.fa-sup {
position: absolute;
top: 0;
left: 100%;
margin-left: -0.3em;
background-color: #DB9C29;
margin-top: -1em;
padding: 0.4em 0.6em;
border-radius: 50rem;
font-size: 0.7em;
font-family: "Overpass", sans-serif;
color: #525252;
max-width: 3em;
text-overflow: ellipsis;
overflow: hidden;
}

#footer .productlist-filter-headline {
border-bottom: 0 solid #ebebeb;
font-size: 0.875rem;
font-weight: 700;
font-family: "Overpass", sans-serif;
padding-bottom: 0;
}



/* Logo Größe anpassen */

@media (min-width: 992px){
    header .navbar-brand img {
        height: 100px;
    }
}

   /* Suche */

   .main-search-wrapper {
    max-width: 320px;
}

/* Suche Form Styling */

.form-control {
    display: block;
    width: 100%;
    height: calc(1.5em + 1.25rem + 2px);
    padding: 0.625rem 0.9375rem;
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.5;
    color: #151e28;
    background-color: #ffffff;
    background-clip: padding-box;
    border: 1px solid #151e28;
    border-radius: 0.5rem;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.btn-secondary {
    color: #151e28;
    background-color: #ffffff;
    border-color: #ffffff;
    box-shadow: none;
    margin-left: 5px;
}


    /* Styling der oberen Top-Bar */

    #header-top-bar {
        margin-bottom: 10px;
        padding: 1rem 0rem;
        text-transform: uppercase;
        font-style: normal;
        letter-spacing: 0.06rem;
        background-color: #212020;
        color: #fff;
        font-size: 0.9em;
        font-weight: bold;
}

    /* Top-Nav Styling */

    header .submenu-headline-image {
        display: block;
        height: 215px;
        /* max-width: 150px; */
        width: 235px;
        border: 2px solid;
        border-radius: 5px;
        padding: 15px;
        border-color: rgb(235, 235, 235);
    }

    .submenu-headline-image:hover{
        border:5px solid;
        border-color:#f5efe9 !important;
    }

    .nav-scrollbar .nav, .nav-scrollbar .navbar-nav {
        flex-wrap: nowrap;
        justify-content: center;
        align-items: center;
    }

    .fa, .fas {
        font-weight: 700;
        /* height: 45px; */
        font-size: 1.5em;
    }


    header .navbar-nav > .nav-item > .nav-link::before {
        border-color: #DB9C29 !important;
    }    

/* 2. Slider */

    /* Slider Abstand nach oben minimieren */
    
    @media (min-width: 992px){
    #content-wrapper:not(.has-fluid) {
        padding-top: 0rem;
    }
}
    
    #content-wrapper:not(.has-fluid) {
        padding-top: 0rem;
    }

    /* Slider Shadow */

    .theme-default .nivoSlider {
        position: relative;
        background: #fff url(../../../NOVA/themes/base/images/slider/default/loading.gif) no-repeat 50% 50%;
        margin-bottom: 10px;
        -webkit-box-shadow: 0 1px 5px 0 #ffffff;
        -moz-box-shadow: 0 1px 5px 0 #ffffff;
        box-shadow: 0 1px 5px 0 #ffffff;
    }
   
    /* Main Content nicht auf komplette Breite strecken */

    #content-wrapper {
        margin-top: 0;
        max-width: 1300px;
        margin: 0 auto;
    }

    /* Hover Effekte für Grid-Ansicht */

    .gallery-grid {

    }

    @media (min-width: 730px){
        .gallery-grid:hover {
            transform: scale(1.05);
          }
    }

    /* Choose-Elements */

    .flex-choose-container{
        max-width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: row;
    }

    .flex-choose-box {
        width: 25%;
        display: flex;
        padding: 15px 0px 0px 0px;
        margin: 10px;
        font-size: 17px;
      }

    .choose-inner-icon{

    }

    .choose-inner-text{
        padding: 10px;
        font-weight: bold;
    }

    .flex-choose-box:hover{
        border-color:#ea7913 !important;
    }

    @media(max-width: 550px){
        .flex-choose-container{
            max-width: 100%;
            display: flex;
            justify-content: center;
            align-items: center;
            flex-direction: column;
        }

        .flex-choose-box {
            background-color: #fbfbfb;
            padding: 15px 0px 0px 0px;
            width: 90%;
            margin: 10px;
            padding:10px;
            text-align: center;
            line-height: 60px;
            font-size: 15px;
            border: 2px solid rgb(235, 235, 235);
            border-radius: 5px;
            box-shadow: 3px 2px 2px rgb(236, 235, 235);
          }

        .choose-inner-icon{

        }

        .choose-inner-text{

        }
    }

    /* OPC-Modifications */

    .full-width-container {
        width: 100vw;
        position: relative;
        left: 50%;
        right: 50%;
        margin-left: -50vw;
        margin-right: -50vw;
    }

    .content-container {
        max-width: 1300px;
        margin:0 auto;
    }

    .small-rounded-img {
        width: 80px !important;
    }

    .small-rounded-img-2 {
        width: 185px !important;
    }


    /* Badges */

    /* Footer Elements */

    .footer-pay{
        width: 100%;
        text-align: center;
    }

    #footer .productlist-filter-headline {
        font-weight: bold;
        letter-spacing: 0.13em;
        font-size: 1.2em !important;
        text-transform: uppercase;
        padding: 10px 0 10px 0;
    }

     /* Seiten und Inhalte */

     #faq {
        margin-top: 20px;
    }
    
    .template_faq {
        background: #edf3fe none repeat scroll 0 0;
    }
    #faq .panel-group {
        background: #fff none repeat scroll 0 0;
        border-radius: 3px;
        /*box-shadow: 0 5px 30px 0 rgba(0, 0, 0, 0.04); */
        margin-bottom: 0;
        padding: 20px;
        margin-top: 30px;
    }
    #accordion .panel {
        border: medium none;
        border-radius: 0;
        box-shadow: none;
        margin: 0 0 15px 10px;
    }
    #accordion .panel-heading {
        border-radius: 30px;
        padding: 0;
    }
    #accordion .panel-title a {
        background: #DB9C29 none repeat scroll 0 0;
        border: 1px solid transparent;
        border-radius: 30px;
        color: #fff;
        display: block;
        font-size: 18px;
        font-weight: 600;
        padding: 12px 20px 12px 50px;
        position: relative;
        transition: all 0.3s ease 0s;
    }
    #accordion .panel-title a.collapsed {
        background: #fff none repeat scroll 0 0;
        border: 1px solid #ddd;
        color: #333;
    }
    #accordion .panel-title a::after, #accordion .panel-title a.collapsed::after {
        background: #DB9C29 none repeat scroll 0 0;
        border: 1px solid transparent;
        border-radius: 50%;
        box-shadow: 0 3px 10px rgba(0, 0, 0, 0.58);
        color: #fff;
        content: "";
        font-family: fontawesome;
        font-size: 25px;
        height: 55px;
        left: -20px;
        line-height: 55px;
        position: absolute;
        text-align: center;
        top: -5px;
        transition: all 0.3s ease 0s;
        width: 55px;
    }
    #accordion .panel-title a.collapsed::after {
        background: #fff none repeat scroll 0 0;
        border: 1px solid #ddd;
        box-shadow: none;
        color: #333;
        content: "";
    }
    #accordion .panel-body {
        background: transparent none repeat scroll 0 0;
        border-top: medium none;
        padding: 20px 25px 10px 9px;
        position: relative;
    }
    #accordion .panel-body p {
        border-left: 1px dashed #8c8c8c;
        padding-left: 25px;
    }
    #faq {margin-top: 20px;}
    #faq h1 {font-size: 40px;font-weight: 600;color: #444;margin-bottom: 10px;}
    #faq .table {width: 40%;}

    /* Galerie Element */

    #uid_65e0423842c27 .col {
        /* Standard-Spaltenbreite */
        width: 33.333333%;
        float: left;
        padding: 0 5px;
      
        /* Medienabfragen */
        @media (min-width: 1300px) {
          width: 25%;
        }
      
        @media (max-width: 1299px) {
          width: 50%;
        }
      
        @media (max-width: 991px) {
          width: 50%;
        }
      }

    /* Stile für das Pop-up-Overlay */

       .popup-overlay {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.8); /* Halbtransparentes Schwarz */
        display: none; /* Anfangszustand ist versteckt */
        justify-content: center;
        align-items: center;
        z-index: 1000;
    }

    .popup-content {
        background-color: white;
        padding: 20px;
        border-radius: 8px;
        max-width: 80%;
        max-height: 80%;
        text-align: center;
        position: relative;
    }

    .close-button {
        position: absolute;
        top: 10px;
        right: 10px;
        background-color: rgb(219, 156, 41);
        color: white;
        border: none;
        padding: 5px 10px;
        cursor: pointer;
        border-radius: 4px;
    }

    .popup-image {
        max-width: 100%;
        max-height: 100%;
    }