:root{
    --background_color: #040404;
    --module_background_color: #0b0b0b;
    --background_akzent_color: #aac73c;
    --akzent_color: #aac73c;
    --title_color: #b0b0b0;
    --second_text_color: #cccccc;
    --headings_font_color: #f0eeee;

    --title_font_size: 18px;
    --second_font_size: 14px;
    --normal_text_font_size: 12px;

      
}

h1, h2, h3, h4{
    color: var(--headings_font_color);
}

#cart-view h1, #cart-view h2, #cart-view h3, #cart-view h4, body #cart-view {
    color: var(--module_background_color);
}

a{
    color: var(--akzent_color);
}

a:hover{
    color: var(--akzent_color);
    font-weight: bold;
}

.tzpp_bootstrap3 a:focus, .tzpp_bootstrap3 a:hover, .tzpp_bootstrap3 a{
    color: var(--akzent_color);
}
body{
    background: var(--background_color);
    color: var(--second_text_color);
}

.btn-primary{
    background: var(--background_akzent_color);
    border: none;
}

.btn-primary:hover{
    background: var(--background_akzent_color);
    font-weight: bold;
}

.body-wrapper{
    margin-left: auto;
    margin-right: auto;
}

#sp-header, #sp-menu-main, #sp-slider, #sp-willkommen, #sp-news-main{
    padding-left: 15%;
    padding-right: 15%;
}
/* FONT AWESOME */

.fa, .fas, .fab, .far{
    font-weight: normal;
    font-family: inherit;
}

.fa-angles-left, .fa-angle-double-left, .fa-angle-left, .fa-angle-right, .fa-angles-right, .fa-angle-double-right, .fa-key, .fa-angle-up{
    font-family: "Font AweSome 6 Free";
    font-weight: 600;
}

.fa-phone, .fa-address-book, .fa-globe {
    font-family: "Font AweSome 6 Free";
    font-weight: 600;
}
.fa-home::before{
    content: "\f015";
    margin-right: 10px;
    font-family: "Font Awesome 6 free";
    font-weight: 900;
}
.fa-phone-alt::before {
    content: "\f879";
    margin-right: 10px;
    font-family: "Font Awesome 6 free";
    font-weight: 900;
}
.fa-mobile-alt::before{
    content: "\f3cd";
    margin-right: 10px;
    font-family: "Font Awesome 6 free";
    font-weight: 900;
}
.fa-fax::before{
    content: "\f1ac";
    margin-right: 10px;
    font-family: "Font Awesome 6 free";
    font-weight: 900;
}
.fa-skype::before{
    content: "\f17e";
    margin-right: 10px;
    font-family: "Font Awesome 6 Brands";
    font-weight: 600;
}
.fa-envelope::before{
    content: "\f0e0";
    margin-right: 10px;
    font-family: "Font Awesome 6 free";
    font-weight: 900;
}
.fa-facebook::before{
    content: "\f09a";
    color: var(--akzent_color);
    font-family: "Font Awesome 6 Brands";
    font-weight: 600;
    font-size: x-large;
}
.fa-twitter::before{
    content: "\f099";
    color: var(--akzent_color);
    font-family: "Font Awesome 6 Brands";
    font-weight: 600;
    font-size: x-large;
}
.fa-instagram::before{
    content: "\f16d";
    color: var(--akzent_color);
    font-family: "Font Awesome 6 Brands";
    font-weight: 600;
    font-size: x-large;
}

.fa-facebook, .fa-twitter, .fa-instagram{
    color: transparent;
}

/** HEADER **/
#sp-header{
    background: var(--background_color);
    height: auto;
}
#sp-social{
    margin-top: 10px;
    margin-right: 0px;
}
#sp-logo{
    background: var(--background_color);
}
.logo-slogan{
    display: block;
    position: absolute;
    text-align: center;
    color: white;
    margin-left: auto;
    margin-right: auto;
  
}

#sp-header .slogan{
color: white;
text-align: center;

}
/** Menu **/
.sp-megamenu-parent{
    margin-left: auto;
}
.sp-megamenu-parent > li.active > a, .sp-megamenu-parent > li.active:hover > a, .sp-megamenu-parent > li:hover > a{
    color: #ffffff;
    background: var(--background_akzent_color);
    border-radius: 5px;
    line-height: 35px;
}
.sp-megamenu-parent > li > a{
    color: #ffffff;
}

.sp-dropdown{
    width: fit-content !important;
}
.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner{
    background: var(--background_akzent_color);
}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a{
    color: #ffffff;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a:hover{
color: #000000;
}

.sp-megamenu-parent > li:last-child > a {
    padding: 0px 10px 0px 10px;
  }

  /** Offcanvas **/
  body .burger-icon > span{
    background-color: var(--akzent_color);
  }

/*** Footer ***/
#sp-footer .sp-module-title{
    font-size: 1.25rem;
}
#sp-footer ul.menu{
    display: grid;
}
#sp-footer ul.menu li a{
    display: inline;
}
#sp-footer ul.menu li a:hover{
   color: var(--akzent_color);
}

#sp-footer li::before{
    content: "\f35a";
color: var(--background_akzent_color);
font-family: "Font Awesome 6 free";
font-weight: 900;
display: inline;
margin-right: 20px;
}
#sp-newsletter{
    width: 35%;
}

#sp-newsletter h3{
    font-size: 1.25rem;
color: var(--akzent_color);
margin-right: 5%;
text-transform: uppercase;
}
#sp-newsletter input[type="text"]:not(.form-control), #sp-newsletter input[type="email"]:not(.form-control){
    background: var(--background_color);
    color: var(--second_text_color);
    border-color: var(--second_text_color);
    font-size: 12px;
    font-weight: normal;
}

#sp-newsletter input[type="text"]:not(.form-control):focus, #sp-newsletter input[type="email"]:not(.form-control):focus{
    
    border-color: var(--akzent_color);
}

#sp-newsletter .button, #sp-newsletter .btn-primary, #sp-newsletter .sppb-btn-primary{
    background: var(--background_akzent_color);
    border: var(--second_text_color);
    font-size: 12px;
    text-transform: uppercase;
}

#sp-newsletter .unsubbutton{
    color: #000000;
}
.customcontactus{
    font-family: Arial, Helvetica, sans-serif;
    font-style: italic;
    color: var(--second_text_color);
    font-size: 12px;
}
#sp-privacy{
    color: #ffffff;
}

#sp-privacy a{
    color: #ffffff;
}

/*** Travel Destinations ***/
.pg-category-items-box{
    display: inline-flex;
}
.pg-item-box figure{
    margin-right: 5rem;
}
/*** Main Page ***/

.sp-module-title{
    color: var(--akzent_color);
    text-transform: uppercase;

}
/* Image Slider Header */

#sp-slider{
    background: var(--module_background_color);
    padding: 5%;
border: 1px solid;
margin-bottom: 2%;
}
#sp-slider .camera_caption > div{
background: transparent;
font-size: 18px;
line-height: 28px;
font-family: 'Open Sans',Arial,serif;
text-transform: uppercase;
font-weight: normal;
text-rendering: optimizelegibility;
}

#sp-slider .camera_caption_title{
    font-size: inherit;
    font-weight: normal;

}

#sp-slider .camera_caption{
    top:0;
    bottom: auto;
}

#sp-slider .camera_wrap{
    width: 100%;
max-width: 1131px;
max-height: 450px;
margin-left: auto;
margin-right: auto;
}

#sp-slider .camera_wrap .camera_pag .camera_pag_ul {
bottom: 0;
display: inline;
right: 5px;
position: absolute;
}

/* Welcome Text */
#sp-willkommen{
    background: var(--background_color);
}
#sp-willkommen h2{
    color: var(--title_color);
}
#sp-willkommen .hword span.hlite, span.hlite {
    color: var(--akzent_color);
  }

  /* News */
  #sp-news-main{
    background: var(--module_background_color);
    border: 1px solid;
    margin-bottom: 5%;
  }

  #sp-news .newsflash{
    display: grid;
    justify-content: center;
    grid-template-columns: 1fr 1fr 1fr 1fr;
}

#sp-news .mod-articlesnews__item{
    display: grid;
    column-count: 3;
}

#sp-news .newsflash-image{
    order: 0;
}

#sp-news .newsflash-title{
    order: 1;
    text-align: center;
    align-self: center;
    font-size: 14px;
    text-transform: uppercase;
    color: var(--akzent_color);
    margin-top: -15px;
}

  #sp-news .sp-module-title{
    text-align: center;
    color: var(--akzent_color);
  }

  #sp-news .sp-module-content a{
    font-size: 14px;
    text-transform: uppercase;
  }

  #sp-news .sp-module-content .item_title{
    text-align: center;
  }

  /* Breadcrumb */
  .breadcrumb{
    background: transparent;
    color: var(--second_text_color);
  }
  /* MOVING TEXT */
  #sp-movingtext{
    background: var(--module_background_color);
  }

  /* Shopping_cart */
  #sp-cart{
    background: var(--module_background_color);
  }

 #fancybox-wrap #fancybox-outer{
    background: var(--background_color);
  }
  /* Flags */
  #sp-flags{
    background: var(--module_background_color);
  }
  #sp-flags .newsflash{
    display: grid;
    justify-content: center;
  }
  #sp-flags .newsflash-image{
    order: 0;
  }
  #sp-flags img{
    margin-left: auto;
    margin-right: auto;
    padding: 5px;
    margin-bottom: 25px;
    max-width: 99%;
  }

  #sp-flags .newsflash-title{
    order: 1;
    text-align: center;
    align-self: center;
    font-size: 20px;
    text-transform: uppercase;
  }

  #sp-flags .newsflash p{
    order: 2;
    color: var(--title_color);
    text-align: center;
    align-self: center;
    font-size: 12px;
  }

  #sp-ahrtal, #sp-heiliges-meer, #sp-thailand, #sp-kanada, #sp-schottland{
    border: 1px solid #3f3d3d;
    padding: 25px 20px 10px;
    background: #0b0b0b;
    width: 19%;
    margin-right: 1%;
  }
/** Contact **/
.form-control{
    background-color: transparent;
    border-color: #3e3f40;
}

  /** ABOUT US **/
  /*Cart Section*/
  .total_products{
    color: var(--second_text_color);
  }

  /** Galerie **/
  .card-body{
    padding: unset !important;
  }

  .tzpp_bootstrap3 .btn-primary.active:hover, .tzpp_bootstrap3 .btn-primary:active.focus, .tzpp_bootstrap3 .btn-primary, .tzpp_bootstrap3 .btn-primary.active{
    background: var(--background_akzent_color);
  }

  .tzpp_bootstrap3 .btn-primary.active{
    font-weight: bold;
  }

  /**FAQ **/
  /*   Toggling																		  */

  .toggle
  {
      min-height: 32px;
      font-size: 13px;
      font-weight: normal;
      background-image: url('../images/bg.toggle.open.png');
      background-position: left top;
      background-repeat: no-repeat;
      cursor: pointer;
      margin:  0px 0px 0px 0px;
      padding: 5px 20px 3px 60px;
      text-overflow: ellipsis;
      white-space: nowrap;
      clear: both;
      overflow: hidden;
      color: var(--second_text_color);
      /*background: linear-gradient(to right, gray 0%, #000 20%);*/
  }
  
  .toggle:hover
  {
      background-image: url('../images/bg.toggle.open.hover.png');
  }
  
  .toggle.opened
  {
      background-image: url('../images/bg.toggle.close.png');
      background-position: left top;
      background-repeat: no-repeat;
  }
  
  .toggle.opened:hover
  {
      background-image: url('../images/bg.toggle.close.hover.png');
  }
  
  .toggle_content
  {
      display: none;
      margin: 15px 0px 20px 0px;
      padding: 25px;
      font-size: 12px;
      font-weight: normal;
      border-radius: 0px;
      background-color: #191919;
      border: 1px solid #303030;	
      color: var(--second_text_color);
  }

  .arrow {
    display: inline-block;
    margin-left: 10px; /* Adjust as needed for spacing */
  }

  .arrowi{
    font-weight: 600;
  }

 /** Bestellübersicht**/
 .vm-order-list .table, .vm-orders-information .table > tbody {
    color: var(--second_text_color);
 }
/*** VIRTUEMART SHOP ***/


.row .width33{
    width: 33%;
}
.category-view .row .category .spacer h2{
    font-size: 14px;
    text-transform: uppercase;
  text-align: center;
  line-height: 2;
}

.category-view .browseCategoryImage{
    margin-left: auto;
    margin-right: auto;
}

/**** Search ***/
.virtuemart_search input[type="text"]:not(.form-control){
    display: inline;
    padding: 0.5rem 0.5rem !important;
    font-size: 12px;
    color: #495057;
    background-color: transparent;
    border: 1px solid;
    width: auto;
}

.virtuemart_search .vm-search-descr{
    display: block;
    font-size: 12px;
    color: var(--second_text_color);
}

.virtuemart_search .button{
    cursor: pointer;
    background: var(--akzent_color);
    padding: 0px;
    font-size: 14px;
    border: none;
}

/*** Ordering ***/
.orderby-displaynumber{
    border-bottom: solid #E9E8E8 1px;
  border-top: solid #E9E8E8 1px;
  margin: 10px 0;
  padding: 10px 0;
}

.orderby-displaynumber .activeOrder{
    color: var(--akzent_color);
    background: white;
    width: fit-content;
}

.orderby-displaynumber .orderlist:hover{
    background: white;
    color: var(--akzent_color);
    width: fit-content;
    display: inline-block;
}

.orderby-displaynumber .orderlist{
    display: none;
}

.floatleft{
    float: left;
}
.floatright{
    float: right;
}
.orderlistcontainer{
    display: inline-block;
}

.clear{
    clear: both;
}

.orderby-displaynumber .title, .orderby-displaynumber .display-number{
    color: #ddd;
    font-size: 14px;
}

.browse-view .orderby-displaynumber #limit.inputbox{
    background: transparent;
    border: 1px solid white;
}
/*** Category View ***/
.row .vm-col-3{
    width: 33%;
    border: 1px solid #ddd;
    padding-top: 10px;
    margin-right: 2px;

}


.product .product-container .width30{
    width: 100%;
}

/*** Detail View ***/

/* Icons */
.product-container .icons{
    float: right;
    display: flex;
}
/*****/


.vm-product-media-container{
    display: flex;
    width: 45%;
    float: left;
}
/**
.vm-product-details-container{
    display: flex;
    width: 45%;
    float: right;
    margin-top: 3%;
}

 Product details / Add to cart 
.productdetails-view .vm-product-details-container .spacer-buy-area .product-price{
    font-size: var(--normal_text_font_size);
    color: var(--second_text_color);
}

.productdetails-view .vm-product-details-container .vm-customfields-wrap{
    font-size: var(--normal_text_font_size);
    color: var(--second_text_color);
    margin-bottom: 10%;
    margin-right: 25%;
}

.productdetails-view .vm-product-details-container .vm-customfields-wrap .chosen-container-single .chosen-single{
    background: transparent;
    border: 1px solid;
    box-shadow: none;
    margin-right: 25%;
  }

.productdetails-view .vm-customfields-wrap .chosen-container .chosen-drop{
    background: black;
    position: absolute;
    width: 75%;
}  
.productdetails-view .vm-customfields-wrap .chosen-container .chosen-drop:hover {
    background: black;
  width: 75%;
  position: absolute;
  border: 0.5px solid;
  box-shadow: none;
  border-radius: 5px;
  margin-bottom: 10px;
  display: block;
  z-index: 1;
} 
.productdetails-view .chosen-container .chosen-search-input:hover{
    background: yellow;
}
.productdetails-view .chosen-container .chosen-results li.active-result:hover, .productdetails-view .chosen-container-single .chosen-search:hover{
    background: grey;
}
.productdetails-view .addtocart-bar{
    margin-right: 26%;
}  
.productdetails-view .addtocart-bar .quantity-box{
    width: 10%;
    display: inline-block;
}  
.productdetails-view .addtocart-bar .quantity-controls{
    display: inline-grid;
    vertical-align: middle;
}

.productdetails-view .vm-product-details-container .addtocart-button .addtocart-button{
    background: var(--akzent_color);
  border: 1px solid;
  border-radius: 20px;
  padding: 10px;
  width: 61%;
  display: inline;
}
**/
/* Product description*/
.product-description .title, .product-box{
    color: var(--second_text_color);
    font-size: var(--normal_text_font_size);
}

.customer-reviews{
    display: none;
}
/* H4 */
.featured-view h4{
    font-size: 14px;
}

/** IMAGE */
.browse-view .product .product-container img{
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10%;
}

.product .product-container h2{
    font-size: 14px;
    text-transform: uppercase;
  text-align: center;
  margin-bottom: 10%;
}

.product .product-container .vm-product-descr-container-0{
    min-height: 70px;
}
.productdetails-view .product .product-container .product-price{
    width: 75%;
}

.product .product-container span.vm-price-desc{
    font-size: 13px;
    color: var(--second_text_color);
    margin-bottom: 10%;
    text-align: left;
}

.product .product-container .product-price div.PricebasePriceVariant.vm-display.vm-price-value > span.PricebasePriceVariant{
    text-align: right;
    font-size: 13px;
}
.product .product-container .product-fields-title strong{
font-weight: bold;
  text-align: center;
  font-size: 13px;
  color: #666;
  line-height: 20px;
  width: 100%;
  display: block;
}

.product .product-container .product-field-desc{
    font-size: 12px;
    text-align: center;
    color: var(--second_text_color);
    margin-bottom: 10%;
}

.product .product-container .addtocart-area{
    margin-top: 10%;
}

.product .product-container .chosen-container-single .chosen-single{
    border: 1px solid;
    box-shadow: none;
    background: transparent;
    border-radius: 0px;
}

.product .product-container input[type="text"]:not(.form-control){
    width: 34px;
    height: auto;
    display: inline;
    text-align: center;
    font-size: 12px;
    margin-bottom: 10%;
    vertical-align: top;
}
.product .product-container .quantity-controls{
    display: inline-grid;
}
span.quantity-controls input.quantity-plus {
    background: url(/components/com_virtuemart/assets/images/vmgeneral/quantity-controls.png) no-repeat;
    margin: 1px 0;
    height: 15px;
  width: 15px;
  border: none;
}

span.quantity-controls input.quantity-minus {
    background: url(/components/com_virtuemart/assets/images/vmgeneral/quantity-controls.png) repeat-x;
      background-position-x: 0%;
      background-position-y: 0%;
    background-position: 15px 0;
    margin: 1px 0;
    width: 15px;
    height: 15px;
    border: none;
}

.product .product-container .addtocart-button{
    width: 75%;
    padding-top: 5px;
  padding-bottom: 5px;
  vertical-align: middle;
}
.product .product-container .vm-details-button{
    background: var(--headings_font_color);
    margin-left: auto;
    margin-right: auto;
    max-width: 85%;
  padding: 5px 12px;
  border: 1px solid;
  border-radius: 10px;
  margin-bottom: 10%;
  text-align: center;
}

.product .product-container .vm-details-button a{
    color: var(--background_color);
}



.vm-display {
    display: block;
  }

  span.vm-price-desc {
    text-align: left;
    min-width: 16px;
    margin: 0 12px 3px 0;
  }

  

.featured-view .spacer span, .discontinued-view .spacer span, .latest-view .spacer span, .topten-view .spacer span, .recent-view .spacer span, .related-products-view .spacer span, .browse-view .row .product .spacer span {
  font-size: 13px;
  color: #666;
  text-align: center;
  margin-right: 0px;

}

.product-price {
  text-align: right;

  line-height: 18px;

}

body .vm-product-title a{
    color: var(--headings_font_color);
}
body .input-group > .form-control, .input-group > .form-floating, body .input-group > .form-select{
    min-width: fit-content;
}

#cart-view .vm-cart-item-name a{
    color: var(--akzent_color);
}

#cart-view .form-control, #cart-view .form-label, #cart-view label{
    color: var(--headings_font_color);
}

#cart-view .list-group label{
    color: var(--module_background_color);
}

#cart-view .vm-checkout-shipping-userfields h2, #cart-view .vm-checkout-shipping h2{
    color: var(--headings_font_color);
}

#cart-view .btn-secondary{
    width: fit-content !important;
}