
:root {
  --default-text-color: #63756a;
  --template-main-color: #63756a;
  --swiper-theme-color: #63756a;
}

.default-text-color { color: var(--default-text-color); }
.template-main-color { color: var(--template-main-color); }
.bg-template-main-color { background-color: var(--template-main-color); }

body {color: #4c4c4c;}

a {color: #4c4c4c;}

.color-bar,
#footer .footer-standard {
    background: #ffc371;
    background: -moz-linear-gradient(left, #63756a 50%, #63756a 100%);
    background: -webkit-linear-gradient(left, #63756a 50%,#63756a 100%);
    background: linear-gradient(to right,  #63756a 50%,#63756a 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#63756a', endColorstr='#63756a',GradientType=1 );
}

.text-primary { color: #63756a; }

section.login .login-box .password-request a,
section.login .login-box .login-request a,
.password-field-set .togglePassText span:hover,
section.main .cms-content.cms-content-welcome h1,
section.main ul.welcome-categories li:hover a .item-name span,
section.main ul.welcome-categories li:hover a .item-name,
section.main ul.category-list li:hover a .item-name span,
section.main ul.category-list li:hover a .item-name,
nav ul li a:hover,
h1,
h2,
#advancedorderSearch fieldset label,
nav.sidebar ul li.hasSubCatOpen ul li.current > a,
nav.sidebar ul li.hasSubCatOpen ul li.hasSubCatOpen ul li.current > a,
ul.switch-listing-view li.current span,
.item-list-single .item-description .item-price-from,
.item-list-single .item-description a,
.item-list-single .item-description .description-trigger span,
section.main .item-list-switch .item-gal .item-price-from,
#advanced-order-history .oder-position-content .col-left .info a,
#rental .rental-price-total,
.modal_configure .content .content_wrap .titel,
.article-package-wizard li.current .article-package-name,
section.main .pa_maincolor,
section.main .pa_boxcontent input[type="radio"]:checked+label,
section.main .pa_content_left li::before {color: #63756a;}

.item-list-single .item-description h2 {color: #4c4c4c;}

.customfieldMultiSelect {width: 380px;
    display: inline-block;
    vertical-align:top;}
.customfieldMultiSelect li:not(:last-of-type) {margin-bottom: 5px;}
.customfieldMultiSelect li {list-style-type:none; }
.customfieldMultiSelect ul {padding: 0; margin-top:0;}
.customfieldMultiSelect input[type="checkbox"] {vertical-align:middle;}
.customfieldMultiSelect label {vertical-align:middle; padding-top:0;}

@media screen and (max-width: 800px) {
    .customfieldMultiSelect {width: 100%;}
    .customfieldMultiSelect ul {margin-top: 10px;}
    .customfieldMultiSelect label {width: auto; background: none;}
}

.jq-dropdown .jq-dropdown-menu li > a:hover,
.jq-dropdown .jq-dropdown-menu label:hover,
.jq-dropdown .jq-dropdown-menu li > a.current,
.header .header-search input[type="submit"]:active,
.header .header-search input[type="submit"]:hover,
.header .header-search input[type="submit"]:focus,
.header .header-cart .cart-icon-on,
nav.sidebar ul li a.current,
nav.sidebar ul li.hasSubCatOpen,
nav.sidebar ul li.current,
.top-header .offcanvas-info-header .close-offcanvas .icon ,
.pricescale .pricescale-content ul li:nth-child(1n+2):hover,
.header .open-offcanvas-nav .icon,
#advancedorder-filter .filter .btn.current,
.chosen-container .chosen-results li.highlighted,
.collective-personalization .collective-personalization-open:hover,
.collective-personalization .collective-personalization-close:hover,
#navi_area .navi_content .navi a:hover,
#navi_area .navi_content .navi .navi_images_active a,
#navi_area .navi_content .navi .navi_document_active a,
#navi_area .navi_content .navi .navi_text_active a,
#navi_area .navi_content .navi .navi_pages_active a,
section.main .tracking .responsive-table-tracking tr.head td,
section.cart .cart-col-left .cart-box .cart-content-head,
section.pers .standard-editor .standard-editor-input .pers_headline,
.top-header #dropdown-lang ul li.active a {background:#63756a; color: #fff;}

nav.sidebar ul li a:hover{background:#9a9a9a; color: #fff;}

.pricescale .pricescale-trigger:before,
.slick-dots li button:before,
.item-modal.active .btn-modal-close:hover,
.double-bounce1,.double-bounce2,
.lSSlideOuter .lSPager.lSpg>li.active a,
.lSSlideOuter .lSPager.lSpg>li:hover a,
.article-package-wizard li.current .article-package-number {background:#63756a;}

.top-header.offcanvas-info .offcanvas-info-header,
nav.main .offcanvas-nav-header {border-top: 5px solid #63756a;}

#advanced-order-history .order-position-head:hover,
#advanced-order-history .order-position-head.current {background:#ffeeef;}

#advanced-order-history .order {border-top: 5px solid #63756a;}
    
#header-advanced #info-top {
background: #63756a; 
}
#header-advanced #info-bottom {
background: #63756a; 
}

#footer-advanced {
background: #63756a; 
}
#footer-advanced #footer-advanced-info-top {
background: #63756a; 
}
#footer-advanced #footer-advanced-info-bottom {
background: #63756a; 
}

#scroll-to-top-button {
    position: fixed;
    bottom: 100px;
    right: 20px;
    font-size: 20px;
    border: none;
    color: #fff;
    cursor: pointer;
    display: none;
}

.error-border {border: 1px solid #ff0000 !important;}

.acc_inhalt .thumb li:hover,
.acc_inhalt .thumb li.current,
.acc_inhalt .thumb li.current:after,
.acc_inhalt .thumb.infoBtn li:hover,
.acc_inhalt .thumb.infoBtn li.current,
.acc_inhalt .thumb.infoBtn li.current:after,
.acc_inhalt .thumb.infoBtn li:hover .wzInfoBtn,
section.main .welcome-user-gallery ul.user-gallery li:hover,
section.main .img-search ul.image-folder li:hover,
#navi_area .navi_content_box_max .page-preview li .page-image img.imgPagesCurrent,
section.main .pa_boxcontent input[type='radio']:checked  + label::before,
 section.main .pa_maincolor_brd {border-color: #63756a;}
    
section.main .pa_maincolor_bg {background-color: #63756a;}
    
section.main .pa_boxcontent input[type='radio']:checked + label:before {background: #63756a; border-color: #63756a;}
    
section.main .pa_boxcontent .pa_rangecontainer input[type=range]:focus::-webkit-slider-thumb,
section.main .pa_boxcontent .pa_rangecontainer input[type=range]:focus::-moz-range-thumb,
section.main .pa_boxcontent .pa_rangecontainer input[type=range]:focus::-ms-thumb {border-color: #63756a;}

.btn-cta,
 #pa_search_area_button {background-color: #7f468b; border-color: #7f468b; color: #FFFFFF;  }
.btn-cta:active, .btn-cta:focus,
.btn-cta:hover,
section.main .item-list-switch .item-gal .btn-show-details .icon,
 #pa_search_area_button:active, #pa_search_area_button:focus, #pa_search_area_button:hover {background-color: #7f468b; border-color: #7f468b; color: #FFFFFF; }

/**
 * Attach field within designer globally to label
 */
.control-label {
    float: left;
    width: 130px;
}

.form-group.cr-group-field {
    float: left;
    width: 248px;
}

h2 {
    display: none;
}


.cart-guestaccount
 { display:none;
}
#cart-guestaccount
 { display:none;
}

.lang-switch
 { display:none;
}


.top-header .sub-menu a {
    margin: 0 0 0 -3px;
    padding: 0 10px;
    border-left: 1px solid #fff;
    display: inline-block;
    color: white;
    font-size: 16px;
}

.top-header {
    height: 36px;
    background: #63756a;
}

ul.breadcrumb {
    background-color: transparent;
    border-radius: 0;
    display: none;
}


nav.main {
    min-height: 50px;
    background: #fff;
    border-top: 5px solid #63756a;
}

.header .header-search {
    float: left;
    margin: 44px 0 0 300px;
    position: relative;
    display: none;
}

.item-list-single .item-image .preview {
    width: 280px;
    max-width: 280px;
    height: 280px;
    display: table-cell;
    vertical-align: middle;
    box-sizing: border-box;
    border: none;
    margin: 0;
    text-align: center;
}


video {
    width: 100%;
    height: auto;
}

section.main ul.welcome-categories {
    margin: 0 0 60px 0;
    padding: 0;
    display: none;
}

section.main ul.welcome-article {
    margin: 0 0 60px 0;
    padding: 0;
    display: flex;
    justify-content: center;
}



section.main ul.welcome-article li a .item-image img {
    width: 100%;
    height: auto;
    vertical-align: bottom;
    display: block;
}

section.main ul.welcome-article li a .item-name {
    text-align: center;
    height: 50px;
    padding: 5px;
    display: none;
}

section.main ul.welcome-article li {
    list-style: none;
    float: left;
    display: block;
    width: 30%;
    margin: 0 1.5% 1.5% 0;
    box-sizing: border-box;
    border: 0px solid #eeeeee;
    transition: border .3s ease-in-out;
}

section.main .welcome-image {
    position: relative;
    background: #f7f7f7;
    overflow: hidden;
    margin-bottom: 50;
    width: 100%;
}


@media screen and (max-width: 840px){
    section.main .welcome-image img {display: none;}
    section.main ul.welcome-article li a .item-image img {
    width: 100%;
    height: auto;
    vertical-align: bottom;
    display: block;}
section.main ul.welcome-article li {
    list-style: none;
    float: left;
    display: block;
    width: 70%;
    margin: 0 1.5% 1.5% 0;
    box-sizing: border-box;
    border: 0px solid #eeeeee;
    transition: border .3s ease-in-out;}
}

@media screen and (max-width: 1024px){
    section.main .welcome-image img {display: none;}
    section.main ul.welcome-article li a .item-image img {
    width: 100%;
    height: auto;
    vertical-align: bottom;
    display: block;}
section.main ul.welcome-article li {
    list-style: none;
    float: left;
    display: block;
    width: 50%;
    margin: 0 1.5% 1.5% 0;
    box-sizing: border-box;
    border: 0px solid #eeeeee;
    transition: border .3s ease-in-out;}
}

.header .open-offcanvas.open-offcanvas-nav {
    display: none;
}

#footer .footer-standard {
    height: 60px;
}

body {
    color: #4c4c4c;
    background: url(https://drive.google.com/uc?export=view&id=1sj8gmwXCQjERSbsJbOEG9L6gQFVNAo_y);
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: contain;
}

/*Startseite*/

.zweispaltig {
	width: 80%;
	height: auto;
}

@media screen and (max-width: 1024px)
.zweispaltig {
	width: auto;
	height: auto;
}

.zweispaltig ul {
	list-style: none;
}

.zweispaltig li {
	margin-bottom: .3em;
	padding: .2em;
}

.zweispaltig1 ul {
    columns:         2 12em;
padding: 0px 0px 0px 0px;
}