/********************************************************************************************************/
/*																										*/
/*									V  I  R  T  U  E    M  A  R  T										*/
/*																										*/
/*																										*/
/********************************************************************************************************/


/*****************************************************************************************/
/****************************  Übergreifemde Variablen  **********************************/
/*****************************************************************************************/
input[type="radio"], input[type="checkbox"] {
    font-size: 22px;
    -webkit-appearance: button;
    border:1px solid gray;
    padding:0.5rem;
}






/************ Loader Fehler ****************/

.vmLoading .vmLoadingDiv {
    display: none;
}







/*****************************************************************************************/
/************************  Icons / Buttons / Variablen  **********************************/
/*****************************************************************************************/



/***********************     andere Icons       ***************************/

.vmicon, .vmiconFE
{
    background: none;
    /*border: 3px solid #00f00f;*/
    background: #fff;
    
    color: var(--primaerfarbe);
    line-height: 18px;
    position:relative;
    top:0;
    width: 30px;
    height: 24px;

}

/*Rechnungsadresse*/

.billto-shipto {
    display: flex;
    flex-flow: column;
}

.width50 {
    width: 100%;
    padding: 15px;
    float: left;
}

.controls {
    padding-left: 20px;
}

.radio, .checkbox {
    padding: 15px 0;
}


.vm2-billto-icon {

}

.vm2-billto-icon::before {
    content:url("/images/Icons/email.png");
    
    left: -5px;
    position: relative;
}

/*Lieferadresse*/
.vm2-shipto-icon::before{
    content:url("/images/Icons/local_shipping.png");
    
    left: -5px;
    position: relative;
}

/*Anzahl aktualisieren*/
.vm2-add_quantity_cart::before {
    content:url("/images/Icons/cached.png");
}

/*Vom Warenkorb löschen*/
.vm2-remove_from_cart::before {
    content:url("/images/Icons/delete_forever.png");
}

/* Allgemeine Geschäftsbedingungen */
.vm2-termsofservice-icon::before {
    content:url("/images/Icons/article.png");
    text-transform:none;
}



/* Anordnung der Shop-Bereiche */

.vendor-store-desc {

}

.browse-view {
    display:flex;
    flex-flow:column;
}



.browse-view .orderby-displaynumber {
    order:1;
    display: none;
}

.browse-view .recent-view {
    order:3;
}

.browse-view .products-view {
    order:2;
}

.browse-view .vm-pagination {
    order:end;
}


/* Keine Kategoriebilder 

.category-view .row .category .spacer h2 a img {
    display: none;
}*/


/******************* VM Sortierung *******************/

.orderlistcontainer div.activeOrder {

}

.orderlistcontainer .orderlist {

}

.orderlistcontainer div.orderlist {
    display: flex !important;
    flex-flow:wrap;
}

.orderlistcontainer div.orderlist div {

}


/* Featured / Kürzlich betrachtete Produkte */

.featured-view h4, .discontinued-view h4, .latest-view h4, .topten-view h4, .recent-view h4, .related-products-view h4 {
    font-size:16px;
}











/*****************************************************************************************/
/****************************  SUCHE im Top-Menu  ***************************************/
/***************************************************************************************/

.vm-suche {
    width:100%;
    float:left;
    padding:0;
    margin:0;
}

.vm-suche .search {
    display:flex;
    align-items:center;
}

input#mod_virtuemart_search {
    float: left;
    width: calc(100% - 38px);
    border-radius: 5px;
    border: 1px solid var(--hintergrund3);
    padding: 5px;
    box-shadow: 0 0 3px inset var(--box-shadow);
}

.vm-suche .search .button {
    background: url(/images/Icons/search_white.png);
    
    height: 30px;
    width: 30px;
    position: relative;
    font-size: 0;
    background-repeat: no-repeat;
    background-position: center;
    border: none;
    box-shadow: none;
}

.vm-suche .search .button:hover {

    background: url(/images/Icons/search.png);
    height: 30px;
    width: 30px;
    position: relative;
    font-size: 0;
    background-repeat: no-repeat;
    background-position: center;
    border: none;
    box-shadow: none;
}





/***************************************************************************************/
/****************************  SUCHE im Shop  *****************************************/
/*************************************************************************************/

/* Suche im Shop + Description */
.virtuemart_search, .vm-search-custom-search-input {
    float:left;
    width:100%;
    background:var(--hintergrund2);
}

.virtuemart_search .inputbox {
    float:left;
    width:calc(100% - 150px);
    border-radius: 0;
    border: 1px solid var(--hintergrund3);
    padding: 12px;
}

.vm-search-custom-search-input .button {
    float:left;
    width:150px;
    margin:0;
}

.virtuemart_search .vm-search-descr {
    float:left;
    width:100%;
    color:var(--schriftfarbe2);

    font-size:smaller;
    padding:5px 10px;
}

/* Sortieren nach - Liste */

.orderby-displaynumber {
    float:left;
    width:100%;
    background:var(--hintergrund2);
    color:var(--schriftfarbe2);
    padding:5px 10px;
    /*display: flex;
    align-items: center;
    justify-content: left;*/
    border-radius: 0;
    font-size:smaller;
    border-top: 5px solid var(--hintergrund3);
    margin: 0 0 10px;
}


.orderby-displaynumber .vm-order-list {
    float: left;
}

.orderby-displaynumber .display-number {

    float: right;
    width:140px;


}

/* Auswahlliste */
.orderby-displaynumber .orderlist {

    position: relative !important;
    background: var(--weiss);
    border: 1px solid var(--hintergrund3);
    display: block !important;
    padding: 3px 10px;
    border-radius: 0;

}


/* Titel der Auswahlboxen*/

.orderby-displaynumber .orderlistcontainer .title {

    font-style: oblique;

}

/* aktivierter Button */

.orderby-displaynumber .activeOrder {
    background:var(--weiss);
    border:1px solid var(--sekundaerfarbe);
    padding: 3px 10px;
    color:var(--primaerfarbe);
    border-radius: 0;
}



/*Sortier-Auswahl-Boxen*/

.orderby-displaynumber  .orderlistcontainer {
    float:left;
    padding-right:25px;
}

.orderby-displaynumber  .orderlistcontainer .title {

}



/* Pagination */

/* Kategorieansicht keine Pagination - dort sollen alle aufgelistet sein */
.category-view .vm-pagination {
    display: none;
}




/***************************************************************************************/
/******************************  Oberes MENU  ******************************************/
/***************************************************************************************/

/*Kein Einloggen im Warenkorb*/

#warenkorb #com-form-login,
#warenkorb .pp-wrap,
#bestellungen #com-form-login,
#bestellungen .pp-wrap,
#mein_konto #com-form-login,
#mein_konto .pp-wrap
{
    display: none;
}


.vm-warenkorb {
    padding: 2px 15px;
    transition: 0.2s color;
    transition: 0.2s background;
    margin: 2px;
}

.vm-warenkorb:hover {
    background: var(--hintergrund2);
    color:var(--primaerfarbe);
}

.vm-warenkorb a {
    color: var(--weiss);
}

.vm-warenkorb:hover a {
    color:var(--primaerfarbe);
}

.vm-warenkorb a:hover {
    /*color: var(--sekundaerfarbe);*/
}



/***************************************************************************************/
/*********************************  KONTO  *********************************************/
/***************************************************************************************/

/* Menü */

.vm-konto {
    z-index:1;
    position:relative;
}

.vm-konto ul {

}

.vm-konto ul li {

}

.vm-konto ul li a {
    color:var(--hellgrau);
}

.vm-konto ul li a:hover {
    background:var(--hellgrau);
    color:var(--primaerfarbe);
}

.vm-konto ul ul {
    display: none;
    position: absolute;
    background: var(--hellgrau);
    padding: 15px 30px 15px 25px;
    border-left: 1px solid var(--weiss);
    border-bottom: 2px solid var(--weiss);
    border-right: 1px solid var(--weiss);

}


.vm-konto ul ul::before {
    content: "";
    background-image: url("/images/Icons/dreieck.png");
    top: -11px;
    position: absolute;
    height: 15px;
    width: 30px;
    left:14px;
}

.vm-konto ul li:hover ul {
    display: block;
}

.vm-konto ul ul li {
    list-style:none;
    width:100%;
    float:left;
}

.vm-konto ul ul li a {
    color:var(--primaerfarbe);
    padding: 5px 0;

    float: left;
}

.vm-konto ul ul li a:hover {
    color:var(--sekundaerfarbe);
}








/* Menüpunkt Konto */

.konto-all {
    display: flex;
    align-items: center;
    /*justify-content: center;*/
}

.konto-1::before {
    content:"";
    height:80px;
    width:80px;
    background-image: url("/images/Icons/Anmeldung.jpg");
    display:inline-block;
}

.konto-2::before {
    content:"";
    height:80px;
    width:80px;
    background-image: url("/images/Icons/Warenkorb.jpg");
    display:inline-block;
}

.konto-3::before {
    content:"";
    height:80px;
    width:80px;
    background-image: url("/images/Icons/Bestellung.jpg");
    display:inline-block;
}


.konto-4::before {
    content:"";
    height:80px;
    width:80px;
    background-image: url("/images/Icons/Kontopflege.jpg");
    display:inline-block;
}


.konto-5::before {
    content:"";
    height:80px;
    width:80px;
    background-image: url("/images/Icons/Zahlungsart.jpg");
    display:inline-block;
}

.konto-6::before {
    content:"";
    height:80px;
    width:80px;
    background-image: url("/images/Icons/FAQ.jpg");
    display:inline-block;
}



/**** Mein Konto ****/





#com-form-login {
    border: 1px solid var(--hellgrau);
    padding: 15px;
    margin-right: 0 !important;
    background: var(--hellgrau);
}





#com-form-login-username {
    width:100% !important;
    float:left;
}

#com-form-login-password {
    width:100% !important;
    float:left;
}

#com-form-login-remember {

    float:left;
}

#com-form-login-remember input.default {
    width: auto;
    padding:10px;
    position: relative;
    display: inline-block;
    background-color: var(--primaerfarbe);
    color: var(--hellgrau);
    font-size: 16px;
    box-shadow: 0 0 3px var(--box-shadow);
    padding: 10px 15px;
    margin: 2px 2px 2px 0;
    cursor: pointer;
    transition: 0.2s;
    box-shadow: 0 0 5px var(--box-shadow);
    border: 1px solid var(--weiss);
    text-transform: uppercase;
}

#com-form-login-remember input.default:hover {
    background-color: var(--hellgrau);
    color: var(--primaerfarbe);
}





#com-form-login input {
    width:100%;
    float: left;
    width: 100%;
    border-radius: 0;
    border: 1px solid var(--hintergrund3);
    padding: 12px;
}

#com-form-login input:hover {
    background:var(--hellgrau);
}

#com-form-login input[type="checkbox"] {

    float: none;
    width: auto;

}


#ui-tabs ul#tabs li.current {

}

input[value="submit"] {
    color:#fff000 !important;
}



#adminForm .buttonBar-right {
    float:left;
    margin-bottom: 10px;
    width:100%;
}

#adminForm .buttonBar-right .button {
    float:left;
}


legend {
    color:var(--schriftfarbe1);
}


table.user-details {

    width: 100%;
    margin-bottom: 10px;


}

table.user-details input  {

    float: left;
    width: 100%;
    border-radius: 0;
    border: 1px solid var(--hintergrund3);
    padding: 12px;
    background:var(--weiss);
}

table.user-details input:hover  {
    background:var(--hellgrau);
}


table.user-details input.invalid {
    width:100%;
    float: left;
    width: 100%;
    border-radius: 0;
    border: 1px solid var(--sekundaerfarbe);
    padding: 12px;
    background:var(--weiss);

}

table.user-details textarea {
    float: left;
    width: 100%;
    border-radius: 0;
    border: none;
    padding: 12px;
    background:var(--weiss);
}




/******************************************************************/
/************************ Warenkorb Menü **************************/
/******************************************************************/

/* Buttons */

/* Weiter shoppen */
.vm-continue-shopping a, .vm-btn.vm-btn-secondary {

    position: relative;
    display: inline-block;
    background-color: var(--hintergrund1);
    color: var(--primaerfarbe);

    box-shadow: 0 0 3px var(--box-shadow);
    padding: 10px 15px;
    margin: 2px 2px 2px 0;
    cursor: pointer;
    transition: 0.2s;
    box-shadow: 0 0 5px var(--box-shadow);
    border: 1px solid var(--weiss);
    transition: 0.35s all ease-in-out;
    font-size:unset;
    border-radius:5px;
}

.vm-continue-shopping a:hover, .show_cart a:hover, .vm-btn.vm-btn-primary:hover, .vm-btn.vm-btn-secondary:hover {
    background-color: var(--sekundaerfarbe);
    color: var(--weiss);
    transition: 0.35s all ease-in-out;
}

/* Warenkorb anzeigen*/

.show_cart {
    display: flex;
    margin: 13px 0px;
}

.show_cart a, .vm-btn.vm-btn-primary  {
    /*	display: inline-block;
        height: 50px;
        position: fixed;
        right: 50px;
        top: 30px;
        border: 2px solid var(--border1);
        color: var(--primaerfarbe);
        font-weight: 600;*/
    border: 2px solid var(--border1);
    color: var(--primaerfarbe);
    font-weight: 600;
    padding: 10px 15px;
    border-radius: 5px;
    background: var(--hintergrund1);
    transition:0.35s all ease-in-out;
    font-size: small;
}

.show_cart a:hover, .vm-btn.vm-btn-primary:hover {
    color: var(--weiss);
    background: var(--sekundaerfarbe);
    transition:0.35s all ease-in-out;
}


/* Gutscheincode Button */

span.details-button input.details-button {
    position: relative;
    display: inline-block;
    background: var(--hintergrund1);
    color: var(--primaerfarbe);
    box-shadow: 0 0 3px var(--box-shadow);
    padding: 10px 15px;
    margin: 2px 2px 2px 0;
    cursor: pointer;
    transition: 0.2s;
    box-shadow: 0 0 5px var(--box-shadow);
    border: 1px solid #fff;
    border-radius: 5px;

    font-weight: 600;
}

span.details-button input.details-button:hover {
    background: var(--sekundaerfarbe);
    color: var(--weiss);
    transition: 0.2s;
}



/**/





/* zur Kasse */

.vm-button-correct, .vm-button-correct:link, .vm-button-correct:visited {

}





/* Icons */

/* Titel */

.vm-cart-header-container {
    display: flex;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    padding:15px;
}

.vm-continue-shopping {
    text-align: left;
}

form#form-login {
    display: flex;
    flex-flow: column;
    font-size: x-large;
    padding: 15px 0;
}




/* Rechnungsadresse 
.vm2-billto-icon {
        height: 80px;
        width: 80px;
        background: url("/images/Icons/Rechnungsadresse.jpg");
        display: inline-block;
}*/

/* Lieferadresse 
.vm2-shipto-icon {
        height: 80px;
        width: 80px;
        background: url("/images/Icons/Lieferadresse.jpg");
        display: inline-block;
}*/


.vm-cart-header {
    width:100%;
}

.cart-view {
    /*padding:15px; nicht im mobile*/
}

.cart.tos {
    padding: 15px 0;
}

/* Danke für Ihre Bestellung / Bestellung ausgelöst */

.vm-order-done {
    padding:15px;
}

.post_payment_order_total {
    font-weight: 600;
    margin: 0px 0 15px;
}

/* Tabelle / Auflistung */



table.cart-summary tr th {

    background: var(--hellgrau);
    height: 50px;
    align-items: center;
    justify-content: center;
    word-break: break-word;
    font-size: small;
    display: none;
}

.cart-summary tr {
    display: block;
    flex-flow:row;
    width:100%;
    justify-content: flex-start;
    align-items: center;
    border:1px solid var(--hellgrau);
    float: left;
    padding: 15px 30px;

}

.cart-summary td {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    border:none;
}


/* Zeile Summe der Produktpreise */
.sectiontableentry1, .sectiontableentry2 {
    justify-content: flex-end !important;
}


.cart-summary td, .cart-summary th {
    width: 10%;
}




td.vm-cart-item-name, th.vm-cart-item-name {
    width:100%;
    order:1;
}
td.vm-cart-item-sku, th.vm-cart-item-sku{
    width:100%;
    order:2;
}

td.vm-cart-item-sku::before {
    content:"Artikelnummer:";
    margin-right:5px;
}

td.vm-cart-item-basicprice, th.vm-cart-item-basicprice{
    width:100%;
    float:left;
    order:3;
}
td.vm-cart-item-quantity,th.vm-cart-item-quantity{
    width:100%;
    float:left;
    order:4;
}



td.vm-cart-item-tax, th.vm-cart-item-tax{
    width:100%;
    float:left;
    order:5;
}
td.vm-cart-item-discount, th.vm-cart-item-discount{
    width:100%;
    float:left;
    order:6;
}
td.vm-cart-item-total, th.vm-cart-item-total{
    width:100%;
    float:left;
    order:7;
}



.cart-summary .quantity-input {
    height: 50px;
    width: 100%;
    border: 1px solid var(--hellgrau);
}

.vm2-add_quantity_cart {
    width: 100%;
    height: 50px;
    border: 1px solid var(--hellgrau);
}

.vm2-remove_from_cart {
    width: 100%;
    height: 50px;
    border: 1px solid var(--hellgrau);
}




/* Bilder in Tabelle */
span.cart-images img {
    float: left;
    margin: 0;
    width: 90px;
    padding: 5px;
    height: auto;
}




/* Buttons */
.general-bg, input.custom-attribute, input.quantity-input, .manufacturer-product-link a, a.ask-a-question, input.vm-default, a.product-details, a.details, div.details, button.default {

    position: relative;
    display: inline-block;
    background: var(--hellgrau);
    color: var(--primaerfarbe);
    box-shadow: 0 0 3px var(--box-shadow);
    padding: 10px 15px;
    margin: 2px 2px 2px 0;
    cursor: pointer;
    transition: 0.2s;
    box-shadow: 0 0 5px var(--box-shadow);
    border: 1px solid #fff;
    border-radius: 5px;
}

.vm-button, .vm-button-correct, .vm-button-correct:link, .vm-button-correct:visited {
    position: relative;
    display: inline-block;
    background: var(--hellgrau);
    color: var(--primaerfarbe);
    box-shadow: 0 0 3px var(--box-shadow);
    padding: 10px 15px;
    margin: 2px 2px 2px 0;
    cursor: pointer;
    transition: 0.2s;
    box-shadow: 0 0 5px var(--box-shadow);
    border: 1px solid #fff;
    border-radius: 5px;
    font-size: unset;
}

.vm-button-correct:hover {
    background: var(--sekundaerfarbe);
    color: var(--weiss);
}


/* Gutscheine */

.coupon {
    color: var(--hintergrund1);
    border-radius: 5px;
    border: 1px solid var(--hellgrau);
    font-size: unset;
    padding: 3px;
    width: 70%;
}



/* Popup nach Drücken von "In den Warenkorb" */

#fancybox-content {
    padding: 15px;
}




span.custom-variant-inputbox input.custom-attribute:hover, span.quantity-box input.quantity-input:hover, input.vm-default:hover, span.quantity-box input.quantity-input:hover, .ask-a-question-view input.counter:hover, .ask-a-question-view input#email:hover, table.user-details input:hover, a.ask-a-question:hover, a.details:hover, div.details:hover, a.product-details:hover, button.default:hover {
    background: var(--sekundaerfarbe);
    color:var(--weiss);
}

/* In den Warenkorb Button */

span.addtocart-button span.addtocart-button, span.addtocart-button input.addtocart-button, span.addtocart-button input.notify-button, span.addtocart-button span.addtocart-button-disabled {
    background:var(--hellgrau);
    color:var(--primaerfarbe);
    border:2px solid var(--weiss);
    box-shadow: 0 0 5px var(--box-shadow);
    transition:0.35s all ease-in-out;
}

span.addtocart-button input.addtocart-button:hover, span.addtocart-button input.notify-button:hover, input.highlight-button:hover, a.highlight:hover {
    background:var(--sekundaerfarbe);
    color:var(--weiss);
    transition:0.35s all ease-in-out;
}

.quantity-box .quantity-input, .cart-summary .quantity-input {

    cursor: inherit;
}

table.cart-summary {

}


/* Details */

div.vm-details-button a {
    border:2px solid var(--weiss);
}



/*********************  ENDE Warenkorb  ***************************/



/* Error Farbe */

.invalid {
    border-color:var(--sekundaerfarbe) !important;
}

label.invalid, span.red {

    color: var(--sekundaerfarbe) !important;

}


/***************************************************************************************/
/***************************  Kategorieübersicht  ****************************************/
/***************************************************************************************/







/*************************************************************************************/
/*								  Kategorieübersicht  								 */
/* 			override: html/com_virtuemart/sublayouts/products.php	  				 */
/*************************************************************************************/


/* Umbenennen */

.vm-price-desc{
    display: none;
}

span.PricepriceWithoutTax::before {
    content:"Preis:";
    margin-right:5px;
}

.category-view{
}

.category-view .row .category .spacer h2 {
}

/* Kategorie Beschreibung */
.category_description {
    padding-bottom: 9px;
    margin: 40px 0 20px;
}

/* In der Kategorieübersicht keine Produkt h1 - weil sonst doppelt */
.category-view .browse-view h1 {
    /*display: none;*/
}


/* Kategorie Produktgestaltung */
.category-view .product-container {
    display: flex;
    /*align-items: center;*/
    flex-flow: column;
}



.vm-product-media-container {
    width:100%;
}


/* Produkt Artikeln */

/*
.vm-product-container div {
    flex-flow: column;
    display: flex;
}*/
.vm-product-container .vm-product-box {
    flex-flow: column;
    display: flex;
}

.vm-product-container .vm-product-media-container {
    width:100%;
}

.vm-product-details-container {
    width:100%;
}

/*PayPal Logo wenn Cookies aus, dann sthet das Alt-Tag dort und ist immer noch anklickbar*/

/*.pp-logo a {
    font-size:0;
}*/

/* add to card */

.productdetails-view .addtocart-bar {
    flex-flow:row;
    justify-content: space-around;
}


/* Kein Produkt Rating / Bewertung */
.vm-product-rating-container {
    display: none;
}

.vm-product-descr-container-1 > h2, .vm-product-descr-container-0 > h2 {
    font-size: 24px;
    text-align: left;
}

.product-container .product-price {
    text-align:left;
}

.browse-view .row .product .spacer span {
    font-size:18px;

}

.product-container .PricesalesPriceTt{

    font-family: 'DaxWeb-Medi';
    font-weight: bold;
}


.product-field-display {

    margin: 15px 0;
}

.product-container .vm3pr-2 {
    display: inline-block;
    float: left;
    width: 100%;
}

.product-container .vm-prices-info {
    font-size:12px;
}

.product-container .vm-prices-info img {
    max-width: 100%;
    height: auto;
    width: auto;
}

.custom_field_C_container {
    display: flex;
    align-items: center;
    flex-flow: column;
}

.vm-cmv-label {
    width:100%;
}

/* Dropboxen */

.product-field-type-C .chzn-container {
    width: 100% !important;
}



.chzn-container-single .chzn-drop {
    margin-top: 1px;
    border-radius: 0 0 4px 4px;
    background-clip: padding-box;
    margin-left: 10px;
    width: calc(100% - 20px) !important;
    margin-right: -20px;
}

.chzn-container-single .chzn-single {
    padding: 20px 10px;
    display: flex;
    align-items: center;
    margin: 0 5px;
    background: var(--weiss);
    transition: 0.35s all ease-in-out;
}


.chzn-container-single .chzn-single:hover {
    background: var(--sekundaerfarbe);

    transition: 0.35s all ease-in-out;
}

.chzn-container-active .chzn-single {
    border: 1px solid var(--sekundaerfarbe);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}

.chzn-container-single .chzn-single:hover span {
    color:var(--weiss) !important;
}

.chzn-container-single .chzn-single span {
    font-size: 14px !important;
}

.chzn-container-single .chzn-single div {
    height: 20px;
    top: 9px;
}

/* wenn im Produktdetail das Dropdown ausgewählt wird */

select.vm-chzn-select {
    padding: 10px 15px 10px 5px;
    border-radius: 5px;
    width: 100%;
    margin-bottom: 10px;
    box-shadow: 0 0 3px white inset 0 1px 1px rgb(0 0 0 / 10%);
    color: #444;
    font-weight: 600;
    font-family: 'DaxWeb-Medi', san-serif;
    font-size:14px;
}

.chosen-container {
    
}

.chosen-container-single .chosen-search {
    display: flex;
}

/*select.vm-chzn-select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 5px;
}*/

select.vm-chzn-select option {
    font-size: 16px;
    padding: 15px 5px 10px;
    position: relative;
    display: inline-block;
    height: 35px;
    min-height:35px;
    size:20px;
    margin: 5px;
    font-family: 'DaxWeb-Medi', san-serif;
}

select.vm-chzn-select option:hover,
select.vm-chzn-select option:focus {
    background-color: var(--sekundaerfarbe);
}



.chzn-container .chzn-results li.highlighted {
    background-color: var(--sekundaerfarbe);
    background-image:none;
}



.chzn-container .chzn-results li {
    font-size: 14px;
    padding: 15px 5px 10px;
}



.category_description h1 {

}

.category_description h2 {
    text-align:center;
}

.category_description h3 {

}

.browse-view {

}
.addtocart-bar, div.vm-details-button {
    text-align: center;
}

div.vm-details-button a {
    text-align:center;
}

/*************************************************************************************/
/*								  Produkt Details  								 */
/*			  	override: html/com_virtuemart/productdetails/default.php			 */
/*************************************************************************************/


.productdetails-view {
    display: flex;
    flex-flow: column;
}
.productdetails-view .spacer-buy-area {
    display: flex;
    flex-flow: column;
}

.productdetails-view .spacer-buy-area .product-price {
    order:1;
}

.productdetails-view .spacer-buy-area .addtocart-area {
    order:3;
}

.productdetails-view .spacer-buy-area .availability {
    order:2;
    text-align: left;
    margin: 0 0 15px;
    /* Sofort versandfertig */
    display: none;
}


/**** "Per Versandkosten zum Preis" entfernt **/

.productdetails-view .productDisplayShipment {
    display: none;
}

/* PAYPAL */
div#paypal-button-container {
    display: flex;
    height: 60px;
}

div#paypal-button-login {
    display: flex;
    height: 60px;
}


/* AMPEL - Verfügbarkeitsanzeige 

Bilder tauschen in:
components > com_virtuemart > assets > images > availability

Allgemeine Einstellung für alle Produkte:
VM > Konfiguration > Shopfront << Aktion, falls ein Produkt nicht vorrätig ist 
> Nicht vorrätige Produkte sind bestellbar und das Feld 'Verfügbarkeit' wird angezeigt

*/
.back-to-category {
    float: left;
    width: 100%;
}


/* Zusätzliche Produktbilder */

.additional-images .floatleft {
    border:1px solid var(--hellgrau);
    margin:2px;
    transition: 0.35s border ease-in-out;
}

.additional-images .floatleft:hover {
    border:1px solid var(--sekundaerfarbe);
    transition: 0.35s border ease-in-out;
}


/* tabelle */
.product-description tr {
    border-bottom:1px solid var(--hellgrau);
}






/***************************************************************************************/
/***************************  Warenkorb  ****************************************/
/***************************************************************************************/

/* Vorlage Shop Raebel */

#Warenkorb.collapse.in {
    display: flex;
    z-index: 999;
    top: 0;
}

#Warenkorb {
    z-index: 999;
    position: fixed;
    right: 0;
    background: var(--weiss);
    height: 100%;
    padding: 100px 100px 50px 25px;
    border-left: 3px solid var(--primaerfarbe);
    width: 40%;
}

/**/

button.btn-schliessen {

    height: 50px;
    position: fixed;
    right: 50px;
    top: 30px;
    border: 2px solid var(--weiss);
    color: var(--primaerfarbe);
    font-weight: 600;
    transition:0.35s all ease-in-out;
    box-shadow:0 0 3px var(--box-shadow);
}

button.btn-schliessen:hover {
    color: var(--weiss);
    background: var(--sekundaerfarbe);
    transition:0.35s all ease-in-out;
}


/*Preis größer */

#Warenkorb .total_products, #Warenkorb .total {
    font-size: larger;
    border-top: 1px solid;
    margin-top: 10px;
}




/* OVERRIDE notwendig */

td.wk_sektion1, th.wk_sektion1, td.wk_sektion_b1, th.wk_sektion_b1 {
    width:70%;
}



.wk_sektion2, .wk_sektion3, .wk_sektion4 {
    width:10%;
}

.versandart, .zahlungsart {
    display:flex;
    flex-flow: column;
}

/* Ausgewählte Versandart Name größer */

.vmshipment_name {
    font-weight:600;
}

/* Versandart /Zahlungsart im Warenkorb größer */

.vmpayment_description, .vmshipment_description {
    font-size: 14px;
}


/* ******************* Linke Spalte ********************** */

/*Override wird benötigt - aktuell deaktiviert */

/*
.category-view .category-view {
        
    float: left;
    width: 35%;
    
    flex-flow: column;
        padding-right: 15px;
        padding-top: 74px;
        display: none;
}
*/

/* erzwungene Responsivität */

.vm-col-3 {
    width: 100% !important;
}

.horizontal-separator
{
    display: none;
}








/*******************************************************************************/
/*                                                                             */
/*                                                                             */
/*                      @media (min-width: 450px)                              */
/*                                                                             */
/*                                                                             */
/*******************************************************************************/

@media (min-width: 450px) {


    .vm-col-3 {
        width: 100% !important;
    }






}/*ENDE @media (min-width: 450px) ENDE*/


/*******************************************************************************/
/*                                                                             */
/*                                                                             */
/*                      @media (min-width: 600px)                              */
/*                                                                             */
/*                                                                             */
/*******************************************************************************/

@media (min-width: 600px) {

    .vm-col-3 {
        width: 100% !important;
    }


}/*ENDE @media (min-width: 600px) ENDE*/

/*******************************************************************************/
/*                                                                             */
/*                                                                             */
/*                      @media (min-width: 767px)                              */
/*                                                                             */
/*                                                                             */
/*******************************************************************************/

@media (min-width: 767px) {

    /* Warenkorb */
    /* Rechnungsadresse */
    .billto-shipto {

        flex-flow: row;
    }

    .width50 {
        /*width:50%;*/
    }




    table.cart-summary tr th {
        display: flex;
    }



    .cart-summary tr {
        display: flex;
        padding:0;
    }
    .cart-summary td {
        justify-content: center;
    }

    td.vm-cart-item-name, th.vm-cart-item-name {
        width:50%;
    }

    td.vm-cart-item-sku, th.vm-cart-item-sku{
        width:20%;
    }

    td.vm-cart-item-basicprice, th.vm-cart-item-basicprice,
    td.vm-cart-item-quantity, th.vm-cart-item-quantity,
    td.vm-cart-item-tax, th.vm-cart-item-tax,
    td.vm-cart-item-discount, th.vm-cart-item-discount,
    td.vm-cart-item-total, th.vm-cart-item-total {
        width:10%;

    }

    td.vm-cart-item-sku::before {
        content:"";
    }

    .cart-summary .quantity-input {
        height: 24px;
        width: 24px;
        border:none;
    }
    .vm2-add_quantity_cart {
        height: 24px;
        width: 30px;
        border:none;
    }
    .vm2-remove_from_cart {
        height: 24px;
        width: 24px;
        border:none;
    }


    /* VM Kategorie Produktgestaltung */
    .category-view .product-container {
        display: flex;
        align-items: center;
        flex-flow: row;
    }
    
    .category-view .product-container .part_left {
        max-width:50%;
        width:100%;
    }
    
    .category-view .product-container .part-right {
        max-width:50%;
        width:100%;
    }

    .addtocart-bar, div.vm-details-button {
        text-align: left;
    }

    /* VM Produkt Cetails */

    .vm-product-container .vm-product-box {
        flex-flow: row;

    }


}






/*ENDE @media (min-width: 767px) ENDE*/

@media (min-width: 800px) {
    .vm-col-3 {
        width: 33% !important;
    }
    .horizontal-separator {
        display: block;
    }
}


/*******************************************************************************/
/*                                                                             */
/*                                                                             */
/*                      @media (min-width: 990px)                              */
/*                                                                             */
/*                                                                             */
/*******************************************************************************/


@media (min-width: 990px) {

    /*
            .category-view .category-view {
                    display: flex;
                    width: 20%;
            }
    */


} /*ENDE @media (min-width: 990px) ENDE*/



/*******************************************************************************/
/*                                                                             */
/*                                                                             */
/*                      @media (min-width: 1200px)   				           */
/*                                                                             */
/*                                                                             */
/*******************************************************************************/



@media (min-width: 1200px) {




} /*ENDE @media (min-width: 1160px) ENDE*/

