:root {
    /* COLORS */
    --main_color: #ffffff;
    --second_color: #B0CA48;
    --third_color: #000000;
    --fourth_color: #222222;
    --decent_color: #f7f8fa;
    --transparent_color: transparent;
    --akzent_color: #C0863C;
    --logo_color: #B0CA48;
    /*BORDERS*/
    --border_1: 1px solid var(--second_color);
    --border_1_radius: 3px;
    --border_2: 1px solid var(--decent_color);
    /* FONTS */
    --font_h1: normal bold calc(18px + (30 - 18) * ((100vw - 300px) / (2000 - 300))) Arial;
    --font_h2: normal normal calc(14px + (30 - 14) * ((100vw - 300px) / (2000 - 300))) Arial;
    --font_h3: normal normal calc(14px + (20 - 14) * ((100vw - 300px) / (2000 - 300))) Arial;
    --font_h4: normal normal calc(12px + (20 - 12) * ((100vw - 300px) / (2000 - 300))) Arial;
    --font_h5: normal normal calc(11px + (14 - 11) * ((100vw - 300px) / (2000 - 300))) Arial;
    --font_h6: normal normal calc(10px + (20 - 10) * ((100vw - 300px) / (2000 - 300))) Arial;
    --font_p: normal normal calc(12px + (20 - 12) * ((100vw - 300px) / (2000 - 300))) Arial;
    --font_a: normal normal calc(14px + (20 - 14) * ((100vw - 300px) / (2000 - 300))) Arial;
    --font_body: normal normal calc(14px + (15 - 14) * ((100vw - 300px) / (2000 - 300))) Arial;
    --font_module_title: normal bold calc(14px + (24 - 14) * ((100vw - 300px) / (2000 - 300))) Arial;
    --font_module_content1: normal normal calc(14px + (20 - 14) * ((100vw - 300px) / (2000 - 300))) Arial;
    --font_module_content2: normal normal calc(14px + (15 - 14) * ((100vw - 300px) / (2000 - 300))) Arial;
    /* MARGINS */
    --margin_row: 3%;
    --margin_button: 9px;
    --margin_title: 3%;
    --margin_4: 6px;
    --margin_5: 5%;
    --margin_6: 4px;
    --margin_p: 3px;
    /* PADDINGS*/
    --padding_1: 10px;
    --padding_2: 9px;
    --padding_3: 8px;
    --padding_4: 6px;
    --padding_5: 5%;
    --padding_6: 4px;
    --padding_p: 3px;
    /* TEXT ALIGNS */
    --text_align1: center;
}
.field-value::after{
    content: ",00 €";
}

h1 {
    font: var(--font_h1) !important;
}

h2 {
    font: var(--font_h2) !important;
}

body {
    font: var(--font_body) !important;
}

p {
    font: var(--font_p) !important;
}

.s-content a {
    color: var(--akzent_color) !important;
}
tbody {
    font: var(--font_p);
}

/* HEADER TOP BAR */

#sp-top3 .header-contact{
    background: none;
}

.body-wrapper #sp-top-bar{
    padding-top: 2%;
    padding-bottom: 2%;
    background-color: white !important;
}
article.item{
    margin-bottom: 0px;
}

.logo img {
    
    width: auto;
}

/* MENUE */
.body-wrapper #sp-header {
    background-color: var(--logo_color) !important;
    padding: 5px;
}
#sp-header a{
    color: var(--fourth_color);
}
.sp-megamenu-parent >li.active>a, .sp-megamenu-parent >li:hover>a  {
    color: var(--main_color) !important;
}
/* BUTTON */

.button {
    background-color: var(--akzent_color) !important;
    color: var(--third_color) !important;
}

.btn-success {
    background: var(--second_color);
    color: var(--main_color);
    border: none;
}

.btn-success:hover {
    background: var(--decent_color);
    color: var(--second_color);
    border: none;
}

.btn-primary {
    background: var(--decent_color) !important;
    color: var(--second_color) !important;
}

.btn-primary:hover,
.btn-default:hover {
    background: var(--second_color);
    color: var(--main_color);
}

.sp-column .button {
    vertical-align: middle;
}


/*************** SLIDER *************/


/* Title */

.n2-ss-item-content {
    color: var(--second_color) !important;
}


/* Text */

p.n2-ow {
    color: var(--third_color) !important;
}


/* IMAGE */

.n2-ss-slider .n2-ss-img-wrapper img {
    max-height: 300px;
}


/* Button */

div#n2-ss-2 .n2-font-4118bb9a023d40cbcdb63812b202137a-link a {
    background: var(--second_color);
    color: var(--main_color);
}

div#n2-ss-2 .n2-style-a1cbb8ef23b030b293712341982dc0d9-heading:hover {
    background: var(--akzent_color) !important;
    color: var(--second_color) !important;
}

.scrollup {
    background-color: var(--akzent_color) !important;
}


/************** ROW under SLIDER ****/

#sp-main-menu {
    margin-top: var(--margin_row);
}

#sp-menu-horizontal .sp-module .sp-module-title {
    background: var(--second_color);
}


/************** Main Area ***********/

.page-header {
    padding-bottom: 9px;
    margin: 40px 0 0px;
    border-bottom: 1px solid #eee;
}

.entry-header.has-post-format {
    border-bottom: none;
    padding: 0px;
}

#sp-breadcrumb {
    padding-bottom: 7%;
}


/* Ask for renting */

a.ask-a-question.button:hover{
    background: var(--akzent_color);
    font-size: 15px;
}


#fancybox-wrap {
    min-height: max-content !important;
    height: 750px !important;
    top: 5% !important;
}

#fancybox-content {
    min-height: 100%;
    height: 100%;
}

input#field5.inputbox{
    border: none;
    font-size: 20px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 1%;
    background: white;
}

div.captchaCont.required{
    display: inline-flex;
}



.productdetails .product-price{
    display: none;
}


#visform1 fieldset.fieldset-1 {
width: 90vw;
padding-left: 15px;
}

#visform1 .btn-success{
    margin-left: calc(50vw - 44px);
}

/* Modules */

#sp-left .sp-module {
    margin-bottom: 20%;
}

#sp-left .search {
    width: 100%;

}

.search input[type=text] {
    float: left;
    width: calc(100% - 60px);
}


/* Breadcrumbs */

#sp-breadcrumb {
    padding-bottom: 2%;
    margin: 0em;
}


/************** ROW SONDERTARIFE ************/
#sp-bottom {
    padding-top: 3% !important;
}
#sp-sondertarife {
    background: var(--second_color);
    color: var(--main_color);
    padding: 0px;
    padding-bottom: 1%;
    text-align: var(--text_align1);
}

#sp-wochenendtarif1 {
    background: var(--second_color);
}

#sp-wochenendtarif2 {
    background: var(--second_color);
}

#sp-wochentarif {
    background: var(--second_color);
}

.wochenendtarif1 .sp-module-title {
    color: var(--main_color);
    font: var(--font_module_title);
}

.wochenendtarif1 .sp-module-content {
    color: var(--main_color);
    font: var(--font_module_content2);
}

.wochenendtarif2 .sp-module-title {
    color: var(--main_color);
    font: var(--font_module_title);
}

.wochenendtarif2 .sp-module-content {
    color: var(--main_color);
    font: var(--font_module_content2);
}

.wochentarif .sp-module-title {
    color: var(--main_color);
    font: var(--font_module_title);
}

.wochentarif .sp-module-content {
    color: var(--main_color);
    font: var(--font_module_content2);
}


/******* ROW NEWSLETTER and SOCIAL ICONS **********/

#sp-newsletter {
    background: var(--fourth_color);
    padding: 0px !important;
}

#sp-user2 .sp-social::before {
    content: "";
    display: inline-block;
    padding: 0;
    margin: 0 2.5rem 1.5rem 0;
    vertical-align: bottom;
    font-size: 1.8rem;
    color: #fff;
    font-weight: 600;
    text-transform: uppercase;
}


/****** FOOTER CONTACT INFORMATION and CATEGORIES *****/

.info-footer-adres li.phone::before { 
    content: "\f095";
}
.info-footer-adres li.mail::before {
    content: "\f003";
}
#sp-bottom2 .sp-column.row .box-footer {
    width: 100%;
}

.cat-links .sp-module-title {
    color: #222;
    font-size: 16px;
    line-height: 20px;
    margin: 0 0 0.5rem 0;
    text-transform: uppercase;
}

.cat-links .sp-module-content a {
    border: 0 none;
    padding: 0;
    padding-left: 0px;
    color: #666;
    line-height: 34px;
    position: relative;
    padding-left: 15px;
    display: inline-block;
    text-transform: capitalize;
    list-style: none;
}

.cat-links .sp-module-content ul.menu {
    list-style: none;
    padding: 0;
}

.cat-links .sp-module-content {
    column-count: 2;
}

.cat-links .sp-module-content ul.menu li a::before {
    font-family: 'FontAwesome';
    content: "\f111";
    font-size: 4px;
    position: absolute;
    top: 0px;
    left: 0;
}

.box-footer ul.menu li a:hover{

    color: var(--akzent_color);
}


/* VIRTUEMART SHOP LAYOUT ****************/
/* Pagination */

.browse-view .vm-pagination .pagination li.active a, .browse-view .vm-pagination .pagination li.active span, .browse-view .vm-pagination .pagination li:hover a, .browse-view .vm-pagination .pagination li:hover span{
    background-color: var(--akzent_color);
    color: var(--third_color);
}

/* Category Layout */

div.vm-view.vm-list {
    display: none !important;
}

.category-view .row .category {
    padding: 0 15px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.title-underline:before,
.browse-view .cate-title:before,
.category-view>h1.cate-title:before {
    background: var(--second_color);
}

.category-view .group-addtocart {
    background: var(--main_color);
    /*top: 80px !important; */
    position: relative;
}

.addtocart-area article.item {
    margin-bottom: 0px;
}

.addtocart-area .s-content {
    background: 0, 255, 0, 1;
    z-index: 10;
}

div.product:hover,
.category-view .product .spacer.product-container:hover {
    max-height: min-content;
    margin-bottom: 20px;
}

.category-view .product .spacer.product-container:hover {
    max-height: max-content;
}

.vm-pagination {
    margin-top: 120px;
}


/*div.product .vm-product-media-container a img:not[alt*="produkt"] {
    max-height: 10rem;
}*/

div.product {
    max-height: min-content;
}

.product-fields .product-field {
    max-height: 10px;
}

.category-view .product .spacer.product-container {
    max-height: 10px;
}

.toolbar-center,
.vm-view-list {
    display: none;
}


/* No image */

.category-view img[src="/components/com_virtuemart/assets/images/vmgeneral/noimage_new.gif"] {
    display: none;
   
}

.vm-product-media-container a img[src="/images/virtuemart/product/"] {
    display: none;
}


/* Product Detail Page */

.printModal {
    display: none;
}
div.vm-product-container{
}
.productdetails .vm-product-container .vm-product-details-container .product-price .PricesalesPrice {
    color: var(--akzent_color);
}

.productdetails .main-image{
    width: 80%;
}

.productdetails-view .product-short-description,
.product_sku {
    display: none;
}

.article-footer-wrap {
    display: none;
}

.productdetails .vm-product-container .vm-product-details-container .itemSocialBlock {
    display: none;
}


/* Ask a question Form */

.visforms .form-control.vis_productname {
    background: var(--main_color);
    border: none;
    font: var(--font_h1);
    text-align: var(--text_align1);
}

input#field10.form-control.vis_mietstarttag {
    display: block !important;
}


/* Contact Form */

.visforms #visform_plg2_0 label {
    font: var(--font_body);
}

#mod-visform2 img.captcharefresh2 {
    width: 10% !important;
    height: 10% !important;
}


@media only screen and (max-width: 600px) {
    /* For mobile divices */
    .cat-links .sp-module-content {
        column-count: 1;
    }
    div.product {
        max-height: min-content;
        min-width: 100%;
    }
}

@media (max-width: 991px) {
    .box-footer .footer-block-title {
        background: var(--second_color);
    }
    #sp-bottom {
        padding-top: 45px !important;
    }
    div.product {
        max-height: min-content;
    }
    .product-fields .product-field {
        max-height: min-content;
    }
    .category-view .product .spacer.product-container {
        max-height: min-content;
    }
    .browse-view {
        width: 100%;
    }
    .vm-pagination {
        margin-top: 10px;
    }
    .ask-a-question.button {
        margin-top: 0px;
        margin-bottom: 30px;
    }
}

@media (max-width: 767px) {
    .category-view .hidden-xs {
        display: block!important;
    }

    #mod-visform2 img.captcharefresh2 {
        width: 10% !important;
        height: 10% !important;
    }
    .visforms img#captchacode2.captchacode {
        width: 35vw !important;
    }
    
    input#modvisform178viscaptcha_response {
        width: 26vw;
    }
}

@media (min-width: 991px) {
    .fa-close:before,
    .fa-remove:before,
    .fa-times:before {
        display: none;
    }
    .ask-a-question.button {
        margin-top: 100px;
        margin-bottom: 10px;
    }
}