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

@import "sass/my-nova.css";

:root {
    --primary: #01518A;
    --gradient1: linear-gradient(90deg, rgba(72,142,200,1) 0%, rgba(1,81,138,1) 36%, rgba(1,81,138,1) 67%, rgba(72,142,200,1) 100%);
    --color1: #000000;
    --color2: #FFFFFF;
    --color3: #A0A0A0;
    /* --color4: #01518A; */
    --color4: #0069B4;
    --color5: #004C82;
    --color6: #2C6DAA;
    --color7: #488EC8;
    --color8: #0069B4;
    --color9: #1296F3;
    --color10: rgba(1, 81, 138, 0.55);
    --font1: 'Open Sans';
    --font2: "Montserrat";
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .product-matrix .product-matrix-title, .h3, .sidepanel-left .box-normal .box-normal-link, .h4, .h5, .h6{
    color: var(--color1);
}

/* open-sans-regular - latin */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: url('/templates/Blaulichtverkauf_NovaChild/themes/base/fonts/opensans/open-sans-v34-latin-regular.eot'); /* IE9 Compat Modes */
    src: local(''),
    url('/templates/Blaulichtverkauf_NovaChild/themes/base/fonts/opensans/open-sans-v34-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('/templates/Blaulichtverkauf_NovaChild/themes/base/fonts/opensans/open-sans-v34-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
    url('/templates/Blaulichtverkauf_NovaChild/themes/base/fonts/opensans/open-sans-v34-latin-regular.woff') format('woff'), /* Modern Browsers */
    url('/templates/Blaulichtverkauf_NovaChild/themes/base/fonts/opensans/open-sans-v34-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
    url('/templates/Blaulichtverkauf_NovaChild/themes/base/fonts/opensans/open-sans-v34-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-500 - latin */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 500;
    src: url('/templates/Blaulichtverkauf_NovaChild/themes/base/fonts/opensans/open-sans-v34-latin-500.eot'); /* IE9 Compat Modes */
    src: local(''),
    url('/templates/Blaulichtverkauf_NovaChild/themes/base/fonts/opensans/open-sans-v34-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('/templates/Blaulichtverkauf_NovaChild/themes/base/fonts/opensans/open-sans-v34-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
    url('/templates/Blaulichtverkauf_NovaChild/themes/base/fonts/opensans/open-sans-v34-latin-500.woff') format('woff'), /* Modern Browsers */
    url('/templates/Blaulichtverkauf_NovaChild/themes/base/fonts/opensans/open-sans-v34-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
    url('/templates/Blaulichtverkauf_NovaChild/themes/base/fonts/opensans/open-sans-v34-latin-500.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-700 - latin */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    src: url('/templates/Blaulichtverkauf_NovaChild/themes/base/fonts/opensans/open-sans-v34-latin-700.eot'); /* IE9 Compat Modes */
    src: local(''),
    url('/templates/Blaulichtverkauf_NovaChild/themes/base/fonts/opensans/open-sans-v34-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('/templates/Blaulichtverkauf_NovaChild/themes/base/fonts/opensans/open-sans-v34-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
    url('/templates/Blaulichtverkauf_NovaChild/themes/base/fonts/opensans/open-sans-v34-latin-700.woff') format('woff'), /* Modern Browsers */
    url('/templates/Blaulichtverkauf_NovaChild/themes/base/fonts/opensans/open-sans-v34-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
    url('/templates/Blaulichtverkauf_NovaChild/themes/base/fonts/opensans/open-sans-v34-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* montserrat-regular - latin */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    src: url('/templates/Blaulichtverkauf_NovaChild/themes/base/fonts/montserrat/montserrat-v25-latin-regular.eot'); /* IE9 Compat Modes */
    src: local(''),
    url('/templates/Blaulichtverkauf_NovaChild/themes/base/fonts/montserrat/montserrat-v25-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('/templates/Blaulichtverkauf_NovaChild/themes/base/fonts/montserrat/montserrat-v25-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
    url('/templates/Blaulichtverkauf_NovaChild/themes/base/fonts/montserrat/montserrat-v25-latin-regular.woff') format('woff'), /* Modern Browsers */
    url('/templates/Blaulichtverkauf_NovaChild/themes/base/fonts/montserrat/montserrat-v25-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
    url('/templates/Blaulichtverkauf_NovaChild/themes/base/fonts/montserrat/montserrat-v25-latin-regular.svg#Montserrat') format('svg'); /* Legacy iOS */
}

body {
    font-family: var(--font1);
    color: black;
}

a{
    text-decoration: none;
}
/* Header */
#header-top-bar a:hover:not(.dropdown-item):not(.btn), 
header a:hover:not(.dropdown-item):not(.btn),
header nav.navbar a:hover:not(.dropdown-item,.btn) {
    color: var(--color9);
}

#header-top-bar a, header a {
    color: var(--color4);
}
header .hide-navbar.nav-box .navbar{
    padding: 10px 0;
}

#jtl-nav-wrapper .form-control::placeholder, #jtl-nav-wrapper .form-control:focus::placeholder {
    color: var(--color4);
    text-transform: uppercase;
}

.form-control {
    border: 1px solid var(--color4);
}

.form-control:focus {
    border-color: var(--color4);
}

.price{
    color: var(--color5);
}
.productbox-price{
    font-size: 19px;
}
.productbox-zustand{
    min-height: 20px;
    height: 40px;
}
.price.h1{
    font-weight: 600;
}
.footnote-reference{
    font-family: sans-serif;
    margin-left: -4px;
}

.estimated-delivery .a2, .estimated-delivery .a2, .popover-body a{
    text-decoration: underline;
}
#image_wrapper .variation-image-preview.show {
    border: none;
    background: none;
    box-shadow: unset;
}
.variation-image-preview .square.square-image {
    background: none;
    border: none;
}
.checkout-payment-method-note{
    font-size: large;
  }
/* Service */
.emergency-call {
    /* margin-right: 91px; */
    min-width: 175px;
}
/* .emergency-call {
    margin-right: 91px;
    min-width: 175px;
    position: absolute;
    left: 10px;
    top: 40%;
    position: fixed;
    padding: 5px;
    background-color: white;
    border: 1px solid var(--color4);
    border-radius: 1rem;
    box-shadow: 0 0 3px 1px var(--primary);
} */

.flex {
    justify-content: space-between;
    align-items: center;
    display: flex;
}
.emergency-call.flex .fa-solid {
    color: var(--color4);
    font-size: 34px;
}
.service-title {
    font-family: var(--font1);
    color: var(--color4);
    font-size: 13.5px;
    margin-bottom: 0;
}
.service-phone {
    font-family: var(--font1);
    color: var(--color4);
    font-size: 21px;
}
.vat_info a{
    text-decoration: none;
}
/* Nav */
#shop-nav {
    margin-left: 30px;
}
#shop-nav .fa-regular {
    font-size: 25px;
}
.fa.fa-shopping-cart.cart-icon-dropdown-icon {
    font-size: 25px;
}
.fa.fa-search{
    font-size: 18px;
}
.nav-box {
    padding: 0;
    margin: 0;
}
.col.d-flex.service {
    max-width: 230px;
    line-height: 1rem;
}
#mainNavigation {
    margin:0;
}
#header-top-bar a:hover:not(.dropdown-item):not(.btn), header a:hover:not(.dropdown-item):not(.btn) {
    color: var(--color2);
}
#shop-nav a:hover:not(.dropdown-item):not(.btn), #shop-nav a:hover:not(.dropdown-item):not(.btn) {
    color: var(--color7);
}
.nav-mobile-heading:hover {
    color: var(--color2);
}
.text-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    transition-delay: 0.2s;
}
.text-truncate.d-block:hover {
    color: var(--color9);
}

/* Button */
.btn-primary {
    color: var(--color2);
    background-color: var(--color4);
    border-color: var(--color4);
    box-shadow: none;
}
.btn-primary:hover {
    color: var(--color2);
    background-color: var(--color9);
    border-color: var(--color9);
    box-shadow: none;
}
.btn-primary:focus, .btn-primary.focus {
    color: var(--color2);
    background-color: var(--color5);
    border-color: var(--color5);;
    box-shadow: 0 0 0 0 var(--color4);;
}
.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle, .show > .btn-primary[data-toggle="collapse"]:not(.navbar-toggler) {
    background-color: var(--color7);
    border-color: var(--color7);
    color: var(--color2);
}
.btn-outline-primary {
    border-color: var(--color4);
    background-color: transparent;
    color: var(--color4);
    position: relative;
    overflow: hidden;
}
.btn-outline-primary:hover {
    background-color: #a8caea;
    color: var(--color2);
    border-color: var(--color4);
}
.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle, .show > .btn-outline-primary[data-toggle="collapse"]:not(.navbar-toggler) {
    border-color: var(--color4);
    background-color: var(--color4);
    color: var(--color2);
}
.btn-secondary {
    color: var(--color2);
    background-color: var(--color4);
    border-color: var(--color4);
    box-shadow: none;
}
.btn-secondary:hover {
    color: var(--color2);
    background-color: var(--color9);
    border-color: var(--color9);
    box-shadow: none;
}
.btn-link:hover {
    color: var(--color4);
    text-decoration: none;
}
.fa-sup {
    background-color: var(--color9);
    color: var(--color2);
    font-size: 0.7rem;
}
.custom-select:focus {
    border-color: var(--color9);
    outline: 0;
    box-shadow: none;
}
.bootstrap-select.custom-select button.dropdown-toggle:focus, .bootstrap-select.custom-select button[data-toggle="collapse"]:focus:not(.navbar-toggler) {
    border-color: var(--color9);
}
.bootstrap-select.custom-select.show button.dropdown-toggle, .bootstrap-select.custom-select.show button[data-toggle="collapse"]:not(.navbar-toggler) {
    background: var(--color2);
    border-color: var(--color9);
    outline: 0;
}
.badge-primary {
    color: var(--color2);
    background-color: var(--color4);
}
table td{
    line-height: 1.2 !important;
}
table .badge-primary{
    background-color: unset;
    color: var(--color1);
    font-size:100%;
    font-weight: normal;
}
table .attr-characteristic a,table .attr-characteristic a.badge-primary, table .attr-characteristic a .badge-primary{
    padding: 0;
    margin: 0;
}
table a.badge-primary:focus, a.badge-primary.focus{
    box-shadow: none;
}
table .badge-primary:hover{
    background-color: unset;
    color: var(--color1);
}
.stepper .step-active .step-content::after {
    background: var(--color4);
}
.checkout-steps .step-check {
    margin-left: 0.25rem;
    margin-right: auto;
    color: var(--color4);
}
.checkout-payment-options :not(.paypal-mark)>img{
    height: auto;
    width: 100px;
    float: left;
}
.custom-control-input:checked ~ .custom-control-label::before {
    color: var(--color2);
    border-color: var(--color4);
    background-color: var(--color4);
}

.checkout-payment-options :not(.paypal-mark) > img{
    width: 118px;
    padding-right: 21px;
}
.checkout-payment-method-note{
    display: inline !important;
}
.bootstrap-select .dropdown-menu.inner {
    width: max-content;
    max-width: 450px;
}
.checkout-confirmation-legal-notice a{
    text-decoration: underline;
}
/* #buy_form .bootstrap-select .dropdown-menu li a.variation span.text{
   display: grid; 
}
#buy_form .variation.dropdown-item span.text span{
    display: flex;
} */
#buy_form .variation.dropdown-item span.text span span.variation-badge{
    position: absolute;
    right: 10px;
    background-color: #fff;
}
/* OPC */
.gradient {
    background: var(--gradient1);
}
.nav_title{
    background: var(--gradient1);
    font: var(--font1);
    color: var(--color2);
    font-size: 18px;
    text-transform: uppercase;
    padding: 25px;
}
.nav_link {
    font-family: var(--font1);
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0.5px;
    line-height: 32px;
    color: var(--color1);
    background: transparent;
    text-transform: uppercase;
    display: flex;
    align-items: first baseline;
    margin-bottom: 1rem;
    cursor: pointer;
}
.nav_link span {
    font-size: 25px;
    color: var(--color3);
    width: 75px;
    text-align: center;
}
.nav_link span img {
    font-size: 25px;
    color: var(--color3);
}
.nav_link a {
    font-family: var(--font1);
    font-size: 16px;
    color: var(--color1);
    background: transparent;
    text-transform: uppercase;
    text-decoration: none;
    display: flex;
    align-items: first baseline;
}
.nav_link_box {
    color: var(--color1);
}
.nav_link:hover {
    color: var(--color9);
}
.nav_link a:hover {
    color: var(--color9);
}
.nav_link a:hover img, .nav_link:hover img{
    color: var(--color9);
    filter: invert(43%) sepia(48%) saturate(3660%) hue-rotate(186deg) brightness(105%) contrast(91%);
}
.nav-item a:hover .katsvg svg, .nav-item span.nav-link:hover .katsvg svg{
    color: var(--color9);
    filter: invert(43%) sepia(48%) saturate(3660%) hue-rotate(186deg) brightness(105%) contrast(91%);
}
#footer h2,#footer h3,#footer h4,#footer h5,#footer h6{
    color: var(--color2);
}
.socialhint{
    display: flex;
    align-self: flex-end;
    padding: 20px 40px 40px 0; 
}
.startseitenslider .theme-default .nivo-caption {
    font-family: var(--font1);
    background-color: var(--color10) !important;
    color: var(--color2) !important;
    height: 100%;
    width: 50%;
    margin-left: 50%;
    display: grid !important;
    align-content: center;
    left: unset;
    right:0;
    opacity: 1;
}
.page-item.active .page-link::after, .page-item.active .page-text::after {
    border-bottom: 4px solid var(--color5);
}
.page-link:hover, .page-text:hover{
    color: var(--color5);
}
.theme-default .nivo-caption .title {
    font-family: var(--font2);
    text-transform: uppercase;
    font-size: 22px;
}
.theme-default .nivo-caption .desc {
    font-family: var(--font2);
    text-transform: uppercase;
    font-size: 28px;
}
h3 {
    text-transform: uppercase;
    font-family: var(--font2);
    font-size: 20px;
    font-weight: 700;
}
.opc-Container h3 {
    text-transform: uppercase;
    font-family: var(--font2);
    font-size: 32px;
    font-weight: 500;
}
.startseitenkategorien{
    margin-right: 1rem;
}
.logo_hersteller {
    filter: grayscale(100%);
    transition: 1s scale;
}
.logo_hersteller:hover {
    filter: grayscale(0%);
    scale: 1.2;
}
.button_outline > .btn.btn-info.btn-lg {
    text-transform: uppercase;
    border: 2px solid var(--color4);
    background: transparent;
    color: var(--color4);
    font-size: 25px;
}
.button_outline > .btn.btn-info.btn-lg:hover {
    text-transform: uppercase;
    border: 2px solid var(--color9);
    background: transparent;
    color: var(--color9);
    font-size: 25px;
    box-shadow: 0 0 3px 1px var(--color9);
}
.tab-navigation .nav-link::after {
    border-color: var(--color5);
}
a:hover {
    color: var(--color5);
    text-decoration: none;
}
.carousel-thumbnails .slick-slide, #image_wrapper .product-thumbnails:not(.slick-initialized) div.js-gallery-images{
    border: 1px solid transparent;
}
#bware-aggred:invalid + label::before{
    border: 1px solid red; 
}
#bware-aggred:invalid + label{
    color: red;
}
/*Artikelübersicht*/
.sub-categories .caption{
    min-height: 50px;
}
.sub-categories .caption a{
    display: inline-block;
    width: 100%;
    height: 100%;
    color: var(--color2);
    text-decoration: none;
    font-size: 1rem;
    padding: 0.75rem;
    background-color: var(--color4);
}
.attributeheadline{
    font-size: 1rem;
    font-weight: 600;
}
.row.variations.switch-variations{
    background-color: #fff;
    padding: 5px;
}

/* Footer */
#footer {
    background: var(--gradient1);
    color: var(--color2);
}
#footer .nav-link{
    color: var(--color2) !important;
    font-family: var(--font2);
    transition: 0.5s;
}
#footer .nav-link:hover{
    scale: 1.1;
}
.footnote-vat a{
    color: var(--color2);
    text-transform: uppercase;
}
#footer .productlist-filter-headline{
    color: var(--color2);
    text-transform: uppercase;
    font-family: var(--font2);
    font-weight: 400;
    font-size: 19px;
}
#footer .btn-icon-secondary {
    border-color: var(--color2);
    color: var(--color2);
    background-color: transparent;
    font-size: 17px;
}
#footer .btn-icon-secondary:hover {
    color: var(--color2);
    background-color: var(--color5);
}
div#sidebox126 {
    display: flex;
    flex-wrap: wrap;
}
div#sidebox126 img {
    padding-right: 5px;
    padding-bottom: 5px;
}
div#sidebox126 img p {
    margin-bottom: 0;
}
#footer #copyright {
    background-color: transparent;
    color: var(--color2);
}

.text-white {
    color: var(--color2) !important;
}
.box-content-wrapper p {
    margin-bottom: 0;
}

/* Newsletter Vers. 1*/
.newsletter-footer {
    background: var(--color2);
    color: var(--color5);
    padding: 20px;
    border: 3px solid var(--color5);
}
.newsletter-footer a {
    color: var(--color5);
    text-transform: uppercase;
}
.newsletter-footer-heading {
    color: var(--color5);
    text-transform: uppercase;
}
.hr {
    border-top: 1px solid var(--color7);
}
aside .nav-panel > .nav > .active > .nav-link {
    border-bottom:none;
    cursor: pointer;
}
aside .nav-panel > .nav > .active > .nav-link a {
    color: var(--color4)!important;
}
.nav-link.snippets-categories-nav-link-child {
    text-transform: uppercase;
}
.nav-link.snippets-categories-nav-link-child:hover {
    color: var(--color7);
    font-weight: bold;
}
.nav-link.dropdown-toggle a {
    text-transform: uppercase;
}
.noUi-horizontal .noUi-connect {
    background: var(--color5);
}
.noUi-horizontal .noUi-handle {
    top: -0.2em;
    border-radius: 50%;
    background: var(--color5);
    border: 0;
    width: 0.7em;
    height: 0.7em;
    box-shadow: 0 0 0 5px var(--color7);
}
/* Startseite Änderungen */
.theme-default .nivoSlider {
    box-shadow: none;
}
/* .product-wrapper.product-wrapper-product.text-center-util.slider.slick-slide.slick-active {
    width: 190px !important;
}*/
.slick-arrow:hover {
    background-color: var(--color4);
    color: #ffffff;
}
.theme-default .nivo-directionNav a{
    height: 100px
}
.theme-default .nivo-directionNav a.nivo-prevNav{
    background: url(../my-nova/base/images/slider/default/chevron-left-solid.svg) no-repeat;
}
.theme-default .nivo-directionNav a.nivo-nextNav{
    background: url(../my-nova/base/images/slider/default/chevron-right-solid.svg) no-repeat;
}
.grid-banner .col{
    margin: 0;
    padding: 0;
}
.productbox-title,.slider.slick-slide .item-slider-desc.text-clamp-2 {
    overflow: hidden;
    margin-bottom: 15px;
}
.productbox-title a{
    text-decoration: none;
    font-size: 22px;
    font-weight: 700;
    line-height: 1.3;
    margin: 0 0 7px 0;
    height: 5.5rem;
    padding: 0;
    word-break: break-word;
    color: var(--color1);
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.slick-slide a .item-slider-desc.text-clamp-2, #wl-items-form a.productbox-title.text-clamp-2 {
    text-decoration: none;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.3;
    margin: 0 0 15px 0;
    height: 75px;
    padding: 0;
    word-break: break-word;
    color: var(--color1);
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.katsvg{
    min-width: 75px;
    display: flow-root list-item;
    text-align: center;
}
.katsvg svg{
    margin-left: auto;
    margin-right: auto;
    max-height: 2rem;
}
.cstmergrp{
    display: flex;
    padding: 1rem;
}
.cstmergrp label{
    margin: 0;
    padding: .25rem;
    display: inline-block;
}
.cstmergrp input:not(:first-child){
    margin-left: 1rem;
}
#ws5_kundengruppenauswahl, .ws5_wahlinfo{
    display: none!important;
}
#cart-form .basket-items ul{
    width: 100%;
    min-width: 300px;
}
/* 
#cart-form .basket-items li.variation{ 
    background:var(--color5); 
    padding: 5px; 
    color: white;
} */

/*Pflichtfelder mit Sternchen*/
input:not([type="checkbox"]):not([type="radio"]):required+label::after, select:required+label::after{
    content: " *" !important;
    display: inline !important;
    color: red;
    top:0 !important;
    margin-left:2px !important;
}
span+label::after {
    content: " *" !important;
    display: inline !important;
    color: red;
    top:0 !important;
    margin-left:2px !important;
}
.label-slide .form-group:not(.exclude-from-label-slide):not(.checkbox) .form-control:placeholder-shown:not(:focus) ~ label,
.label-slide .form-group:not(.exclude-from-label-slide):not(.checkbox):not(:focus-within) span:not(.filled) ~ label{
    top: calc((1.5em + 1.25rem + 2px) / 2);
    font-size: 0.875rem;
    color: #707070;
}

.billingtipp{
    display: flex;
    justify-content: right;
    padding-bottom: 5px;
    position: absolute;
    /*
    right: 5px;
    top: -15.5px;
    */
    top: 12px;
    left: 15px;
    font-size: 20px;
    z-index: 12;
}
/*
.billingtipp.notonbill{
    right: 0px;
}*/

#salutation,
[name="custom_9"] {
  padding-left: 40px !important;
}

[for="firstName"],
[for="lastName"],
[for="custom_10"],
[for="custom_11"] {
  padding-left: 26px !important;
}

#firstName,
#lastName,
#custom_10,
#custom_11 {
    padding-left: 40px;
}

.label-slide .form-group:not(.exclude-from-label-slide):not(.checkbox) label{
    padding-right: 1rem;
}
em.disclaim{
    max-width: 300px;
    display: inline-block;
}

.packstation label{
    display: inline-block;
}

#product-offer .product-headline .product-title, #result-wrapper .title h1.h2{
    font-size: 32px;
    font-weight: bold;
    margin-bottom: 14px;
    text-transform: uppercase;
    color: var(--color1);
    font-family: "Roboto", sans-serif;
}
.opc-product-slider .product-wrapper.product-wrapper-product,
.product-wrapper.product-wrapper-product.text-center-util {
    text-align: left!important;

}
.price_label.price_on_application{
    font-weight: bold;
    color: var(--color5);
}
.product-wrapper.product-wrapper-product a {
    text-decoration: none !important;
}
.text-accent, .productbox-price, .tab-navigation .nav-link{
    font-family: var(--font1);
}
.ref-link{
    text-align: right;
    font-size: 1.125rem;
    text-transform: uppercase;
    text-decoration: none;
    margin-top: -3rem;
}
.ref-link a{
    color: var(--color4);
    text-decoration: none;
}
/*Guthaben Anzeige für Kunden immer ausblenden*/
.account-head-data .account-head-data-credit{
    display: none;
}

.pagination-entries{
    margin-right: 1rem;
}
/*Kategorieleiste*/
.sidepanel-left {
    padding-right: 1.5rem;
}
#sidebox-categories-124{
    border: 1px solid rgb(160,160,160,1);
}
#sidebox-categories-124 .productlist-filter-headline, #sidebox-categories-124 #crd-hdr-124{
    background: var(--primary);
    font: var(--font1);
    color: var(--color2);
    font-size: 18px;
    text-transform: uppercase;
    padding: 25px 25px 25px 40px;
    /* justify-content: center; */
}
#sidebox-categories-124 .nav-link:not(.snippets-categories-nav-link-child){
    font-family: var(--font1);
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0.5px;
    line-height: 32px;
    color: var(--color1);
    background: transparent;
    text-transform: uppercase;
    display: flex;
    align-items: first baseline;
    margin-bottom: 0.5rem;
}
/* #sidebox-categories-124 ul>li>.snippets-categories-collapse{
    margin-left: 75px;
} */
#sidebox-categories-124 ul ul>li>.snippets-categories-collapse{
    margin-left: 0px
}
#sidebox-categories-124 .nav-link.snippets-categories-nav-link-child, #sidebox-categories-124 .nav-link.snippets-categories-nav-link-child>a{
    font-family: var(--font1);
    font-weight: 500;
    letter-spacing: 0.5px;
    color: var(--color1);
}
#sidebox-categories-124 .nav-item.active:not(.dropdown)>.nav-link.snippets-categories-nav-link-child, 
#sidebox-categories-124 .nav-item.active>span.snippets-categories-nav-link-child>a{
    font-weight: 700;
    color: var(--color4);
}
#sidebox-categories-124 .nav-link:not(.snippets-categories-nav-link-child) a {
    font-family: var(--font1);
    font-size: 16px;
    color: var(--color1);
    background: transparent;
    text-transform: uppercase;
    text-decoration: none;
    display: flex;
    align-items: first baseline;
}
#sidebox-categories-124 .nav-link:hover, #sidebox-categories-124 .nav-link:hover a {
    color: var(--color9);
}
#sidebox-categories-124 #crd-cllps-124{
    padding: 1.5rem;
}
/*Ende Kategorieleiste*/

/*Plugin Anpassung FAQ*/
#faq-site .accordion::after {
    display: block!important;
    height: 20px;
    margin-top: -2px;
}
#faq-site .faq-box > .faq-panel {
    margin-top: 0px!important;
}
.ws5_oss_articlewrapper{
    position: absolute;
    right: 3rem;
    margin: 0;
    padding-top: .75rem;
}
.ws5_oss_articlewrapper .btn-link{
    color: var(--color2);
    text-decoration: none;
}
.ws5_oss_article_text > span{
    text-decoration: none!important;
}
/** Ende Plugin*/


@media (min-width: 992px) {
    header .navbar-nav > .nav-item > .nav-link::before {
        border-color: var(--color9);
    }
    header .navbar-nav > .nav-item > .nav-link {
        position: relative;
        font-size: 1.25rem;
        padding: 8px 32px;
        color: var(--color2);
        text-transform: uppercase;
    }
    header #mainNavigation {
        margin:0;
    }
    header .navbar-collapse {
        height: 2.95rem;
    }
    .navbar-nav.nav-scrollbar-inner {
        background: var(--gradient1);
        /* height: 51px; */
    }
    #sidebox-categories-124 ul>li>.snippets-categories-collapse{
        margin-left: 75px;
    }

    .box-categories .dropdown .collapse, .box-linkgroup .dropdown .collapse {
        background: transparent;
        border-left: 1px solid #333;
      }
    .logoadd{
        display: flex;
        width: 30px;
        height: 37px; 
        background:  var(--gradient1);
        animation:  alarmlight 1s infinite linear;
        -webkit-animation:  alarmlight 1s infinite linear;
        border-top-left-radius: 50%;
        border-top-right-radius: 50%;
        position: absolute;
        top: 21px;
        left: 58px;
        opacity: 0.3;
    }
    @keyframes alarmlight{
        0%, 25%   {background: linear-gradient(90deg, rgba(72,142,200,0.8) 0%, transparent 36%, transparent 100%);}
        25%, 50% {background: linear-gradient(90deg, transparent 0%, rgba(72,142,200,0.8) 50%, transparent 100%) ;}
        50%, 75% {background: linear-gradient(90deg, transparent 0%, transparent 36%, rgba(72,142,200,0.8) 100%);}
        75%, 100% {background:transparent;}
    }
    @-webkit-keyframes alarmlight{
        0%, 25%   {background: linear-gradient(90deg, rgba(72,142,200,0.8) 0%, transparent 36%, transparent 100%);}
        25%, 50% {background: linear-gradient(90deg, transparent 0%, rgba(72,142,200,0.8) 50%, transparent 100%) ;}
        50%, 75% {background: linear-gradient(90deg, transparent 0%, transparent 36%, rgba(72,142,200,0.8) 100%);}
        75%, 100% {background:transparent;}
    }
    .emergency-call.flex .fa-solid:hover{
        -webkit-animation:  ringring 1s infinite linear;
        animation:  ringring 1s infinite linear;
    }
    @keyframes ringring{
        0%, 20%   {rotate: 15deg;}
        20%, 40% {rotate: -15deg;}
        40%, 60%   {rotate: 15deg;}
        60%, 80% {rotate: -15deg;}
        80%, 100%   {rotate: 15deg;}
    }
    @-webkit-keyframes ringring{
        0%, 20%   {rotate: 15deg;}
        20%, 40% {rotate: -15deg;}
        40%, 60%   {rotate: 15deg;}
        60%, 80% {rotate: -15deg;}
        80%, 100%   {rotate: 15deg;}
    }
    /*Produktdetailseite*/
    .product-detail-image-preview-bar {
        margin-top: -100px;
    }
    
    /* #add-to-cart #quantity-grp{
        max-width: 155px;
    } */
    #add-to-cart #quantity-grp #quantity{
        width: 65px;
        max-width: 65px;
    }
    #quantity-grp.input-group{
        width: max-content;
    }
    #tab-description table{
        max-width: 50%;
    }
    #footer .footer-social-media {
        margin-top: -10rem;
    }
    .row.footer-social-media{
        width: 50%;
    }
}
@media (max-width: 768px) {
   #footer-boxes .box-normal-link.dropdown-toggle{
        color: var(--color2);
        text-transform: uppercase;
        font-family: var(--font2);
        font-weight: 400;
        font-size: 19px;
   }
   .opc-Container h3 {
        font-size: 25px;
    }
    .fa-sup{
        font-size: 0.4em;
    }
}
@media (max-width: 576px) {
    .opc-Container h3 {
        font-size: 21px;
    }
    .opc-Button.button_outline{
        text-align: center;
        font-size: 22px;
    }
    #sidebox-categories-124 .nav-link:not(.snippets-categories-nav-link-child) {
        font-size: 16px;
        font-weight: 500;
        line-height: 22px;
        letter-spacing: normal;
      }    
}

.cstmergrp {
    background: #0069b4;
    color: white;
    margin-left: 0 !important;
    position: relative;
    display: block;
    text-align: center;
    padding-top: 50px;
}

.cstmergrp:before {
    content: 'Bitte wählen:';
    position: absolute;
    left: 0;
    top: 0;
    height: 40px;
    width: 100%;
    background: #04548c;
    line-height: 40px;
    padding-left: 15px;
    padding-right: 15px;
    font-weight: bold;
}

@media (min-width: 992px) {
    .cstmergrp {
        padding-top: 1rem;
        padding-left: 125px;
    }
    
    .cstmergrp:before {
        left: 0;
        top: 0;
        height: 100%;
        width: auto;
        line-height: 60px;
    }
}

.shape-circle, .shape-square, .shape-diamond {
  --size: var(--spacing-1-5);
  width: var(--size);
  height: var(--size);
  background: white;
  display: block;
}

.shape-circle {
  border-radius: 100%;
  --size: 0.25rem;
}

.announcement-bar {
  padding-block-start: 0.625rem;
  padding-block-end: 0.625rem;
  color: white;
  background: #A2C617;
  font-weight: bold;
}

.announcement-bar p {
    padding: 0;
    margin: 0;
}

.announcement-bar i.fa-solid {
    margin-right: 5px;
    font-size: 120%;
    vertical-align: -2px;
}

.announcement-bar__wrapper {
  gap: 1rem;
  max-width: 450px;
  margin-inline-start: auto;
  margin-inline-end: auto;
  display: flex;
}

.announcement-bar__scrolling-list {
  grid: auto / auto-flow max-content;
  justify-content: center;
  display: grid;
  overflow: hidden;
}

.announcement-bar__static-list {
  text-align: center;
  place-items: center;
  display: grid;
}

.announcement-bar__static-list > * {
  grid-area: 1 / -1;
}

.announcement-bar__item {
  grid: auto / auto-flow auto 5rem;
  place-items: center;
  display: grid;
}

@media screen and (min-width: 700px) {
  .announcement-bar {
    padding-block-start: 0.875rem;
    padding-block-end: 0.875rem;
  }

  .announcement-bar__item {
    grid-auto-columns: auto 10rem;
  }
}

@media (prefers-reduced-motion: no-preference) {
  .announcement-bar__item {
    animation: translateFull 34.472s linear infinite;
  }
}

@keyframes translateFull {
  from {
    transform: translateX(0);
  }

  to {
    transform: translateX(calc(-100% * 1));
  }
}

.price-wrap-el,
#wnmProductConfigurationOverview .price_wrapper {
    position: relative;
    background: #f0f0f0;
    padding: 15px;
}

#wnmProductConfigurationOverview {
    /*
    border-top: 1px solid #c0c1c3;
    padding-top: 40px;
    */
    margin-top: 40px;
}

.price-wrap-el .btn.wishlist {
    position: absolute;
    right: 0;
    top: -52px;
}

.square-image .inner img {
    top: 0;
    transform: translate(-50%, 0);
}

.product-detail-image-preview-bar {
    margin-top: -150px;
    align-self: unset !important;
}

.price-wrap-el .logo-in-price-box {
    position: absolute;
    top: 15px;
    right: 15px;
    /*
    background: white;
    padding: 5px;
    border: 1px solid #525252;
    */
}

.price-wrap-el .logo-in-price-box img {
    max-width: 90px;
}

.price-wrap-el .logo-in-price-box img.bigger-logo-size {
    max-width: 150px;
}

.price-wrap-el .price,
#wnmProductConfigurationOverview .price.h1 {
    color: #0069b4;
    margin-bottom: 0;
}

#wnmProductConfigurationOverview .price.h1:after {
    display: block;
    content: 'inkl. 19% USt., zzgl. Versand';
    font-size: 12px;
    color: #707070;
    font-weight: 400;
}

.price-wrap-el .price-note .vat_info {
    font-size: 12px;
}

.price-wrap-el .stock-information {
    border: none !important;
    padding: 0 !important;
    font-weight: 600;
}

.price-wrap-el .estimated-delivery {
    font-weight: 600;
}

button[name="inWarenkorb"] {
    background-color: #ffda00;
    border-color: #ffda00;
    color: black;
}

button[name="inWarenkorb"]:hover {
    background-color: #f2cf01;
    border-color: #ffda00;
    color: black;
}

#newsletter-unsubscribe {
    display: none !important;
}

#meineinkauf .btn.btn-primary {
    background: #C0C0C0;
    border-color: #ddd;
    color: black;
}

#meineinkauf .btn.btn-primary:hover {
    background: #0069b4;
    border-color: #0069b4;
    color: white;
}

.slick-slide  .square-image .inner img {
    min-width: 100%;
}

#tab-description .desc {
    
}

#tab-description .desc p,
#tab-description .desc ul {
    margin-bottom: 1.5rem;
}

#tab-description .desc ul {
    margin-top: -15px;
}

#tab-description .desc ul ul {
    margin-top: 5px;
    margin-bottom: 5px;
}

#tab-description .desc h3 {
    margin-bottom: 0.5rem;
    text-transform: none;
}

.product-manufacturer a {
    color: black;
}

.product-manufacturer a:hover {
    text-decoration: underline;
}

.attributeheadline {
    display: block;
    margin-bottom: 1.5rem;
}

#footer a:not(.btn), #footer .productlist-filter-headline, #footer .newsletter-footer-heading, #footer .btn-outline-primary {
    color: white;
}

#footer .box-categories .dropdown .collapse, #footer .box-linkgroup .dropdown .collapse {
    background: none;
}

.cart-dropdown .dropdown-cart-items img {
    width: 70px;
}

.newsletter-footer .h2 {
    color: black !important;
}

.newsletter-footer a {
    text-transform: none !important;
    color: #004C82 !important;
    text-decoration: underline !important;
}

.newsletter-footer a:hover {
    color: #004C82 !important;
}

#product-offer .product-headline .product-title, #result-wrapper .title h1.h2,
.price.h1,
#tab-description .desc h2,
#tab-description .desc h2 b,
#tab-description .desc h3,
#tab-description .desc h3 b {
    font-family: var(--font1) !important;
    font-weight: 700 !important;
}

#product-offer .product-info .product-offer > .row {
  margin-bottom: 2.5rem;
}

label[for="city"]:after,
label[for="register-shipping_address-city"]:after {
    content: " *" !important;
    display: inline !important;
    color: red;
    top: 0 !important;
    margin-left: 2px !important;
}

.openOfferRequestWrapper {
    display: block !important;
    text-align: center;
    margin-top: 20px;
}

.basket .openOfferRequestWrapper {
    margin-top: 0;
}

.openOfferRequestWrapper .openOfferRequest {
    background: #77aa00;
    border-color: #77aa00;
}

#wnm-product-configurator .row.config-group-row {
    margin-bottom: 10px;
}

#wnm-product-configurator .card .card-body {
    padding: 0;
    padding-left: 10px !important;
    padding-right: 10px !important;
}

#wnm-product-configurator .card .card-body:has(.configGroupItem)  {
    box-shadow: 0px 0px 6px #00000080;
}

#wnm-product-configurator .card .card-body > .d-flex {
    position: relative;
    background: #f3f3f4;
    padding: 10px 15px;
    margin-left: -10px;
    margin-right: -10px;
}

#wnm-product-configurator .card .card-body > .d-flex .font-weight-bold {
    font-weight: 500 !important;
}

#wnm-product-configurator .card .card-body > .d-flex.mb-3 .font-weight-bold {
    font-weight: 700 !important;
}

#wnm-product-configurator .card .card-body > .d-flex.mb-3 {
    /* margin-bottom: 10px !important; */
    margin-bottom: 0 !important;
}

#wnm-product-configurator .card .fa-circle-info {
    color: #0069b4;
}

.configGroupItem--active .configGroupItem--input[data-v-214411e0], .configGroupItem--active .configGroupItem--label[data-v-214411e0], .configGroupItem--active .configGroupItem--price[data-v-214411e0] {
    color: #0069b4 !important;
}

#wnm-product-configurator .card .configGroupItem--price {
    margin-right: 10px !important;
}

#wnm-product-configurator .configGroupItem {
    background: none !important;
    border-bottom: 1px solid #c0c1c3;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

#wnm-product-configurator .configGroupItem.configGroupItem--active {
    font-weight: 600 !important;
}

#wnm-product-configurator .card .card-body .configGroupItem:last-child {
    border-bottom: none;
}

.configGroupItem[data-v-214411e0] {
    height: 44px !important;
}

#wnm-product-configurator .card .card-body > .d-flex h5 span[data-v-ae7ff846] span[data-v-ae7ff846] {
    /*
    position: absolute;
    right: 20%;
    */
    position: absolute;
    right: 20px;
    max-width: 55%;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%);
    line-height: 1;
    top: 50%;
    font-size: 80%;
    text-align: right;
}

#wnm-product-configurator .card .card-body > .d-flex h5 span[data-v-ae7ff846] span[data-v-ae7ff846]:before {
    content: '•';
    display: inline-block;
    margin-right: 10px;
}

#wnm-product-configurator .fa.fa-angle-up.cursor-pointer {
    position: absolute;
    left: 15px;
}

#wnm-product-configurator .card .card-body > .d-flex h5 {
    padding-left: 20px;
}

#wnmProductConfigurationOverview #add-to-cart {
    margin-top: 0;
}

#product-offer .product-info #wnmProductConfigurationOverview.product-offer > .row {
    margin-bottom: 0;
}

#wnm-product-configurator .fa-triangle-exclamation {
    margin-right: 0 !important;
}

#wnm-product-configurator .configuration-overview {
    display: block !important;
}

.tooltipContent--wrapper {
    text-align: left !important;
}

.dkc-set-wrap .hr-sect:after,
.dkc-set-wrap .hr-sect:before {
    display: none;
}

.dkc-set-wrap .hr-sect {
    justify-content: start;
    align-items: start;
}

.dk-set-wrap .slick-type-product .slick-slide .item-slider-price {
    display: none !important;
}

.recommendations .slick-track {
    width: 100% !important;
}

.recommendations .x-supplies.dkc-set-wrap .item-slider-price {
    display: none !important;
}

#image_wrapper.fullscreen #gallery .square-image .inner img {
    object-fit: unset;
    min-width: unset;
    height: auto;
    width: 730px;
    max-width: 100%;
}

@media (min-width: 992px) {
  .card-columns.card-columns-2 {
    column-count: 3;
  }
}

#tab-Downloads .card-body .card-title,
#tab-Downloads .card-body .mediafiles-description {
    display: none;
}

#tab-Downloads .card-body .col-md-6 {
    flex: 0 0 100%;
    max-width: 100%;
}

#tab-Downloads .card-body .col-md-6 img {
    margin-right: 10px;
}

#tab-Downloads .card:hover {
    background: #f5f7fa;
}

.dkc-gpsr-bg {
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,.85);
  z-index: 1500;
  display: none;
  justify-content: center;
  align-items: center;
}

.dkc-gpsr-bg {
  left: 0;
  top: 0;
  padding: 15px;
}

.dkc-gpsr-display {
  padding: 30px;
  margin-top: 30px;
  border: 1px solid #ddd;
}

.dkc-gpsr-display a {
  text-decoration: underline;
}

.dkc-gpsr-box {
  position: relative;
  width: 600px;
  max-width: 100%;
  background: #ffffff;
  padding: 20px;
  border-radius: 8px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
  text-align: left;
  color: black;
}

.dkc-gpsr-box .dkc-gspr-headline,
.dkc-gpsr-box .dkc-gspr-subheadline {
  display: block;
  font-weight: 600;
}

.dkc-gpsr-box .dkc-gspr-headline {
  margin-bottom: 15px;
  font-size: var(--font-size-heading-4);
}

.dkc-gpsr-box .dkc-gspr-subheadline {
  margin-bottom: 10px;
  font-size: var(--font-size-heading-5);
}

.dkc-gpsr-box p:last-child {
  margin-bottom: 0;
}

.dkc-gpsr-close {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 25px;
  height: 25px;
  border-radius: 100%;
  text-align: center;
  background: #eee;
  border: none;
  font-size: 16px;
  cursor: pointer;
  font-weight: 600;
}

.dkc-gpsr-close:hover {
  background: #ddd;
}

#wnm-product-configurator .fa-triangle-exclamation:before {
    content: "\f071";
}

.configGroupItem .fa-circle-info::before {
    content: "\f05a";
}

.emergency-call .fa-phone::before {
    content: "\f095";
}

.emergency-call .fa-phone,
.configGroupItem .fa {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
}

.cart-icon-dropdown .btn.cart-dropdown-next,
#cart-checkout-btn {
    background-color: #ffda00;
    border-color: #ffda00;
    color: black;
}

.cart-icon-dropdown .btn.cart-dropdown-next:hover,
#cart-checkout-btn:hover {
    background-color: #f2cf01;
    color: black;
}