@import url('user_template_min.css');

@supports (display: grid) {
.site-grid {
 grid-template-columns: [full-start] minmax(0,1fr) [main-start] repeat(4,minmax(0,18.75rem)) [main-end] minmax(0,1fr) [full-end];
  }}
ol {
  padding-left: 1.3rem;
}
ol#bestellung li {
  margin-bottom: 0.5rem;
}
ol#transport li {
  margin-bottom: 10px;
}

.Zustimmung{
  border: none !important;
}

#trackVisits {
  margin-right: 10px;
}

h1, h2, h3, h4 {
    color: #203060;
}
/****************************Unter-Kategorien Auflistung***************************/
.category .spacer h2 a::before { 
 /* content: "\23F5"; - statt ⏵ muss innerhalb von css "\23F5" verwendet werden */
   content: "↪"; color: #ff0000; font-size: 1.1rem;
}
.category-view .row .category .spacer h2 {
  font-size: 1.05rem !important;
  text-align: left !important;
}
/**************************Unter-Kategorien Bilder ausblenden******************************/
.browseCategoryImage {
  display: none;
}

.category.width20 {
  width: auto;
}
.category.width16 {
  width: auto;
}
.category.width14 {
  width: auto;
}
/********************* Warenkorb Zahl ************************/
.cart-number {
  position: absolute;
  top: -3px;
  right: 21px;
  color: white;
  border-radius: 50%;
  padding: 2px 8px;
  font-size: 16px;
  border: solid red 3px;
}

/*********************Formular Benötigtes Feld ausblenden ************************/
.control-group.field-spacer {
  display: none;
}
/****************Benachrichtige mich Button *************************/
#notifyform .notify-button.highlight-button.validate {
  margin: 5px !important;
}
#notifyform #notify_email {
  margin-bottom: 5px;
}

/*********************Warnhinweis Popup ************************/
#wf-mediabox-modal-title {
  display: none;
}
/****************Print Dialog Retoure*********************/
.print-only {
  display: block !important;
}
@media print {
  body * {
    visibility: hidden;
  }
  .print-only, .print-only * {
    visibility: visible;
  }
  .print-only {
    position: absolute;
    left: 0;
    top: 0;
  }
}

/****************Module im Footer ausrichten*********************/
.footer {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.footer .card {
    flex: 0 1 calc(33.33% - 15px); /* oder 0 1 100% bei 3 Modulen */
    height: 100%;
     width: 100%;
   /* margin-right: 10px;*/
}

.footer .card:last-child {
    margin-right: 0;
}
/**********Footer-Menü************/
#footermenu {
  justify-content: center;
}
.footer.card a {
  color: #fff !important;
}
/**********Abstand zum nachfolgenden Modul**********/
div.grid-child.container-bottom-b {
  margin-top: 50px;
}

/**********Warenkorb Zustimmung vor Kauf *************/
fieldset.vm-fieldset-CartHinweis, fieldset.vm-fieldset-Zustimmung  {
  margin: 0 !important;
}

#CartHinweis_field {
  display: none;
}
/************Ausrichtung Detail-Ansicht*****************/
.leftup {
  width: 65%;
  float:left;
}
.leftupfull {
  width: 100%;
  float:left;
}
.vm-product-container {
  float: left;
  width: 100%;
}
#bestand {
  font-size: 0.8rem;
}
/***************Warnhinweis******************/
figcaption {
  font-size: .6em;
}
.warnhinweis {
  width: 30%;
  float: right;
  text-align: center;
  margin: 5px auto;
}
div.warnhinweis img {
  width: 50px;
  padding-bottom: 10px;
}
.output-billto span.values, .output-shipto span.values, .floatleft, span.floatlef {
  float: left;
  padding-right: 5px;
}
.cartAddress {
  font-size: 12px;
  margin-bottom:10px;
}

.ausblenden {
  display: none;
}

/*********************************** Header **********************/
.container-header .grid-child {
  max-width: 1250px;
  padding: 0;
}
.container-header .navbar-brand a{
    text-decoration: none;
}
.logoslogan {
  font-size: calc(1.2rem + 0.9vw);
  color: #ffffff;
  margin: 0;
}
.slogan1, .slogan2 {
  font-size: calc(0.5rem + 0.6vw);
}
#mod-custom137 {
	margin-top: 2rem;
    margin-left: 20px;
  }

div#mod-custom138 {
  margin: 30px 12% 0;
  width: 45%;
  text-align: center;
}
#mod-custom185 {
  margin-top: 30px; /* Abstand von oben */
  margin-right: 20px; /* Abstand von rechts */
  float: right; /* Positioniert das Modul rechts */
  width: 15%; /* Breite des Moduls */
  text-align: right; /* Text rechtsbündig */
}
div.container-banner{
  margin:0;
}
/*.grid-child.container-below-top {
  border-bottom: dotted 1px;
}*/
/************************** Danke-Seite nach Bestellung *******************/
div.vm-wrap.vm-order-done form#form-login {
  display: none;
}
.post_payment_order_number, .post_payment_order_total {
  margin-bottom: 10px;
}
div.post_payment_payment_name {
  margin-bottom: 10px;
}
div.vm-wrap.vm-order-done a.vm-button-correct {
  background-color: #112855;
  margin-bottom: 20px;
}
button#checkoutFormSubmit {
  background-color: #112855;
}
/*********** Popup: zum Warenkorb hinzugefügt - zurzeit in der Konfiguration deaktiviert ********/
a.vm-btn.vm-btn-primary {
    background-color: #112855;
}
.vm-btn.vm-btn-secondary.continue_link {
  margin-bottom: 10px;
  padding: 11px;
  width: 187px;
  border: 1px solid #ccc;
}
div#facebox .content {
  padding: 40px 20px 20px;
  width: 360px;
}
/******************Warenkorb Anpassungen*************************/
.vmpayment_description, .vmshipment_description {
  font-size: 0.9rem !important;
}
.continue_link {
  float: right;
  margin-right: 5px;
}
.cart-images {
  float: left;
  padding-right: 10px;
}
div.warenkorb-titel{
  font-weight: bold;
}
.cart-summary .quantity-input {
  margin-right: 5px;
}
/*** Adressen-Teil ***/
div.billto-shipto {
  margin-bottom: 2rem;
}
/*** AGBs ***/
.vm-fieldset-tos {
  border-bottom: solid #E9E8E8 1px;
  padding: 1rem 0;
}
/*** Button: Jetzt Kaufen ***/
.checkout-button-top {
  margin-bottom: 2rem;
  border-top: none !important;
}

/*** Ausblenden des VM Login/Logout ***/
div#cart-view form#form-login {
  display: none;
}
/*** Kunden-Anmerkungsfeld ausgeblendet ****/
.vm-fieldset-customer-note {
  display: none;
}
.vm-fieldset-tos2 {
  border-bottom: solid #E9E8E8 1px;
  padding: 1rem 0;
}
/*********************** Suche nach Artikel-Nr. oder Suchbegriff**********************/
#mod_virtuemart_search {
  width: 60%;
  margin-right: 10px;
  font-size: 0.9rem;
}

/**********************Kunden-Konto **************************/
/*Lieferadresse eingeben*/
.adminForm.user-details {
  margin-top: 1.8rem;
}
.adminForm.user-details td {
  padding: 5px 5px 5px 0;
}

/***************Preis und Versand**********************/
span.vm-price-desc, span.PricesalesPrice {
  font-size: 0.95rem;
}
.vm-prices-info{
  font-size: 0.8rem;
  color: #666;
  text-align: left;
}
/********************************************Custom Fields / Filter Kategorieansicht*****************************/
/*Auswahlfeld Bezeichnung*/
div.form-group.m-0 label {
  width: 160px;
}
/*Text im Auswahlfeld*/
#customfields4_chosen .chosen-single{
  padding: 0.5rem 5rem 0 0.5rem;
}
/*Abstand der Zeilen*/
.form-group {
  margin-bottom: 0.03rem !important;
}

/*Auflistung der Custom Fields*/
.virtuemart_search .vm-search-custom-values {
    margin-bottom: 50px;
	margin-top: 30px;
}
/*******Button "Filter zurücksetzen"  Customfields ****/
#filterback {
  margin: 0 auto 20px;
  display: flex;
}

div.spacer-buy-area .manufacturer{
  margin: 0 0 3rem 3rem;
  float: left;
}

div.manufacturer {
  margin:1rem 0;
}

/***************************************  Kategorie-Ansicht *******************************/
div.browse-view div.row {
  	margin-left: calc(var(--gutter-x)*-.5);
	margin-right: calc(var(--gutter-x)*-.5);
	margin-top: calc(var(--gutter-y)*-1);
}
.spacer.product-container {
	border-radius: .25rem;
}
.vmicon.vm2-normalstock, .vmicon.vm2-lowstock, .vmicon.vm2-nostock {
	float: left;
  	margin: 3px 4px 0 15px;
}
span.stock-level{
  float:left;
}
div.width70 {
  padding:10px 0px;
}
div.vm3pr-1 div.product-price {
  text-align: left;
  margin: 10px 0;
  min-height: 40px;
}
div.width70 div.vm3pr-1 {
  	min-width: 110px;
	float: left;
  	margin-right: 2rem;
}
@media (min-width: 680px) and (max-width:815px) {
div.width70 div.vm3pr-1 {
  	margin-right: 10px;
}
}
div.width70 div.vm-details-button a {
  	padding: 2px 5px;
	font-size: 14px;
	width: 65px;
	margin-top: 20px;
}
div.category-view .horizontal-separator {
  height: 0;
}
.browseProductImage {
  padding:10px;
}

/*** Button: Warenkorb anzeigen ***/
div.show_cart a.details {
  margin-top: 15px;
}
/***************Pagination**************************/
.vm-pagination {
  margin-top: 20px;
}
div.vm-pagination ul li {
  display: inline-block;
  padding: 10px 0;
}

/***********************************   Produkt-Detail-Ansicht   ************************/
.product-container.productdetails-view.productdetails {
	margin: 2px;
	padding: 1rem;
 	border: 1px solid #ddd;
	border-radius: .25rem;
}
div.spacer-buy-area div.product-description {
  margin-top: 1.5rem;
}
.productdetails-view .product-description .title {
  font-size: 1.1rem;
  font-weight: bold;
}
.main-image img {
  float: left;
}
div.spacer-buy-area div.product-price {
  margin: 1rem 0 0;
  height: 3rem;
}
.vm-product-container .vm-product-media-container {
    width: 25% !important;
    margin-right: 2rem;
}
.vm-product-container .main-image{
  margin: 0 auto;
}
div.browse-view h1{
  display:none;
}
div.vm-product-details-container {
  width: 67%;
  float: left;
  margin-top: -10px;
}
div.width70 div.sku {
  	margin: 10px auto;
	font-size: 13px;
	color: #666;
}
div.product-container.productdetails-view.productdetails div.sku {
  	margin: 10px auto;
	font-size: 0.95rem;
	color: #666;
}
span.quantity-box {
  margin-right: 0.5rem;
}
.productdetails-view div.addtocart-bar {
  margin: 10px 0;
}

/******* Playmobil-Sets / Hersteller******/
.manufacturer {
	padding: 0 0 1rem 0;
}
/**** "Dieser Artikel ist Teil von:" *****/
div.set_text{
  margin: 1rem 0;
	font-size: 0.95rem;
	color: #666;
}
/**** Button: In den Warenkorb ******/
div.addtocart-bar span.addtocart-button input.addtocart-button{ 
	background: #112855;
	border: solid #112855 1px;
	line-height: 1.5;
	padding: .4rem 0.6rem;;
	font-weight: bold;
	margin-left: 0.5rem;
}


/*Anpassungen der Suche in der Kategorieansicht; hier soll nur über die Costum Fields eine Filterung der angezeigten Produkte erfolgen */
/********* templates/cassiopeia_children_untergeordnet/html/com_virtuemart/category/default.php***************/
/*in der .php Erklärungstext und Eingabefeld ausgeblendet (manuelle Suche soll nur über das Such-Feld im Header erfolgen)*/
div.vm-search-custom-search-input span.vm-search-descr {
  display: none;
}
.virtuemart_search .inputbox {
  display:none !important;
}
/*************************************Ausgeblendete Elemente - Suche und Sortierung *****************/
.orderby-displaynumber {display:none;}
/*Button Suche */
div.vm-search-custom-search-input .button{
  display:none;
}
/*div umfasst Text und Checkbox zur Kombination aller Filter (Custom Fields); Text Sprachschlüssel: COM_VM_COMBINETAGS*/
div.combine_search {
  display:none;
}
/*Checkbox: zur Kombination aller Filter (Custom Fields)*/
div.virtuemart_search #combineTags{
  display:none;
}
.back-to-category {
 display:none;
}
.vm-search-descr.text-warning{
  display:none;
}

/*********************** responsive Anpassungen **********************************/
@media (min-width: 1200px){
  .sectiontableentry1 h4{
    font-size: 1.2rem;
  }
}
.metismenu.mod-menu .metismenu-item {
  font-size: 1rem;
  /*padding: .5em .6em;*/
   padding: 0 .6em 0.5rem 0;
}
#navbar1 .metismenu.mod-menu .metismenu-item {
  padding: 0.5em 0.6em;
  border-right: dotted 1px;
}
/*Bugfix für Cassiopeia Template, so dass Menü bei Tablets im Hochformat als Burgersymbol angezeigt wird*/
@media (min-width: 768px) and (max-width: 1200px) {
.navbar-expand-md .navbar-collapse:not(.show) {
display: none !important;
}
}
@media (max-width: 1200px) {
.navbar-expand-md .navbar-toggler {
	display: block !important;
 	margin: 0 1rem 1rem;
}
}
/*Bugfix für Cassiopeia Template so dass Menü umgebrochen wird, wenn es nicht in eine Zeile passt*/
.container-header .mod-menu {
flex-wrap: wrap;
}


@media (min-width: 1200px) {
.mod-custom137 img{
   margin: 20px 10px 20px 20px;
   float: left;
	}
.container-header nav {
  margin-top: .5em;
  padding: 0;
  /*width: 85%;
  float: right;*/
}
  }
@media (max-width: 870px) {
.logoslogan {
        font-size: calc(0.8rem + 0.6vw);      
      }
}

@media (max-width: 800px) {
.bottom-a.card {
  display: none;
  } }

@media (max-width: 800px) {
  div.vendor-store-desc {
    display: block !important;
  }
}

/*Bugfix für Cassiopeia Template für Back to Top Button, so dass er dauerhaft sichtbar ist*/
.back-to-top-link {
position: fixed;
}

@media (max-width: 680px){
  .product.floatleft.width50 {
  width: 90%;
}
}

@media (max-width: 600px){
  .slogan2 {
    display:none;
  }
  #logo-gpe {
	max-width: 80%;
}
}

@media (max-width: 480px) {
      .row div[class*="width"] {
        width: 100% !important; 
      }
      div.width70 {
      text-align: center;
   	  }
      div.vm-details-button { 
        width: 30%;
        float: left;
        margin-bottom: 10px;
      }
      .paddingtop8 {
        margin-left: 30px;
      }
      div.width70 div.vm3pr-1 {
          margin-left: 30px;
      }
    #bestand{
    text-align: center;
  }
      
}

/***********************************FancyBox - Popup**************************************/
#fancybox-wrap {
  width: 1890px !important;
}
#fancybox-content {
  width: 95% !important;
  padding: 20px !important;
}
/***************** Zuordnen - noch aktuell? ******************/
#facebox .close {
 right: 1px !important;
}

div.product-container.width20.floatleft a {
  font-size: 0.8rem;
  padding-bottom: 10px;
  text-align: center;
}

/**************** Stil für das Overlay, das bei deaktiviertem JavaScript angezeigt wird *****************/
.no-js-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8); /* Halbdurchsichtiger Hintergrund */
    z-index: 9999; /* Höchste Priorität */
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}

/* Stil für die Nachricht im Pop-up */
.no-js-message {
    background-color: #fff;
    padding: 30px;
    border-radius: 8px;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
    max-width: 600px;
}

.no-js-message h2 {
    color: #ff0000; /* Auffällige Warnfarbe */
    margin-bottom: 15px;
}

.no-js-message p {
    color: #333;
    font-size: 16px;
    line-height: 1.5;
}