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

/* Header */
/*#shop-nav {display:none;}*/
#shop-logo {height:60px;margin-top: -6px;}
/*#jtl-nav-wrapper .container-fluid-xl {margin-left: 25rem;margin-right:25rem;height: 100px;}*/
#mainNavigation .navbar-nav {font-size:1.2em;font-weight: bold;font-family: Montserrat,sans-serif;}
@media (max-width: 991.98px) {
  header .navbar-brand img {max-width: 60vw;}
  #breadcrumb {display:none;}
}
#header {background-color:#ffffff;}

/* Body */
body {font-family:Montserrat,sans-serif !important;}
/*.vage_h2 {display:none;}*/
.vage .h2 {color:#000000;font-size:2.5em;}
/*#main-wrapper {background-color:#ededed;} 
/*body {background-color:#ededed !important;}*/
#vage_contact .container {background-color:#383838;color:#ffffff;padding: 10px 50px 10px 50px;}
#vage_contact .h3 {color:#ffffff;text-decoration:underline;font-size:1.5rem;}
#vage_contact .contact-form-privacy .popup {color: #ffffff;}
#vage_contact button {background-color:#ffffff;color:#666;}
#vage_contact label {color:#666;}

@media (min-width: 1200px) {
.vage_h1 {font-size:1.875rem;color:rgb(0,0,0);}
.vage_h2 {font-size:1.6em;color:rgb(0,0,0);}
.vage_h3 {font-size:1.6em;color:rgb(0,0,0);}
.vage_rich {font-size:1.5em;}
.opc-Accordion-head {font-size: 1.5em;margin-left: auto;margin-right: auto;color:#000000;}
#vage_occ .vage_button {padding:15px;font-size:1.5em;}
}
@media (max-width: 1199.98px) {
.vage_h1 {font-size:1.875rem;color:rgb(0,0,0);}
.vage_h2 {font-size:1.4em;color:rgb(0,0,0);}
.vage_h3 {font-size:1.3em;color:rgb(0,0,0);}
.vage_rich {font-size:1.3em;}
.opc-Accordion-head {font-size: 1.1em;margin-left: auto;margin-right: auto;color:#000000;}
#vage_occ .vage_button {padding:5px;font-size:1.0em;}
}

.card-header {background:#ededed;}

.displayoptions, .productlist-page-nav-header-m, .productlist-item-info {display:none;color:transparent;}
.vage_box {text-align:center;font-size:1.5em;}
.productbox-price {text-align:center;font-size:1.5em;}
.vage_price_box {text-align:center;}
.vage_angebot {text-align:center;}

.product-buy {display:none !important;}
#product-offer .shortdesc {font-size:1.5em;}
#tab-description .desc {font-size:1.8em;}
#vage_occ .vage_button {background-color: #ededed;
  color: #F0A500;
  margin-bottom: 50px;
  border-style: solid;
  border-color: #F0A500;
  border-radius: 1px;}
  
.price span {padding-left: 15px;}

/*Kachel*/
/*.gn_kachel {margin-left: 10px;margin-right: 10px;}*/
.gn_kachel {/*text-align: center;*/border:2px solid #F0A500;border-radius:0.3rem;}
.gn_kachel:hover {
/*	position: unset;/*absolute;*/
   /* z-index: 19;*/
    left: 0;
    top: 0;
    height: auto;/*!important;*/
    min-height: 100%;
    width: 100%;
  /*  padding-left: 5px;
    padding-right: 5px;
    padding-top: 5px;
    padding-bottom: 5px;*/
    box-shadow: 0 0 15px #F0A500 /*rgba(0, 0, 0, 0.45)*/;
    transition: box-shadow 0.9s;
    background-color: #fff;
	border-radius:1%;
}
.gn_icon_kurz {max-width:30px;}
.productbox-inner a {text-decoration:none;color:#525252;}
#vage_occ {margin-bottom:50px;}
.footnote-reference {font-size:10px;}
#product-list .product-wrapper:not(:last-child) {margin-bottom: 0rem;}
.gn_mwst {font-size:10px;}

/*Produktdetail*/
.sticky-art {
  position: sticky;
  top: 0;
}
.gn_ort {text-decoration:none;font-size:1.3em;}

/* Footer */
#footer {padding:0 0 0 0;}
#footer .btn-instagram, .btn-facebook {color:#000000;}
.smoothscroll-top.show {bottom: 160px;}
#footer-boxes .productlist-filter-headline {text-decoration:underline;font-size:1.5em;color:#666;}
#footer a:not(.btn) {font-size:1.3em;color:#666;}
#footer a:not(.btn):hover {color:#666;}
#footer .btn-icon-secondary:hover {color:#666;}
#footer .gnb_footer, #footer .gnt_footer, #footer .list-unstyled {text-align:center;}
#footer .gnb_footer img {max-width:100%;}
#footer .footnote-vat {display:none;}
#footer .gnt_footer {color:#666;}
#copyright {background-color:#ffffff;}

#whatsapp {z-index: 999;width:70px;cursor: pointer;position: fixed;
    bottom: 100px;
    left: 30px;}
#whatsapp {visibility: visible;
  animation-duration: 0.5s;
  animation-delay: 5s;
  animation-iteration-count: 10000;
  animation-name: pulse;}

/*neu* Hinweis rechts unten */
.seitenbanner_vage {
    width: 200px;
    position: fixed;
    color: white;
    text-align: center;
    transform: rotate(45deg);
    top: auto;
    bottom: -39px;
    left: -75px;
    z-index: 10;
    font-size: 20px;
    height: 124px;
    transition: all 0.25s ease-in-out;
}

.seitenbanner_vage:hover {
    cursor: pointer;
    width: 250px;
    height: 145px;
    bottom: -34px;
    left: -88px;

}

.bannerRechtsUnten_vage{
    transform: rotate(-45deg);
    left:auto !important;
    right: -75px !important;
	margin: 0 0px 0px 0;
}

.bannerRechtsUnten_vage:hover{
    right: -88px!important;
}

/*neu* Hinweis rechts unten */