:root {
  --default-text-color: #029b9d;
  --template-main-color: #029b9d;
  --swiper-theme-color: #029b9d;
}

.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, #029b9d 50%, #029b9d 100%);
    background: -webkit-linear-gradient(left, #029b9d 50%,#029b9d 100%);
    background: linear-gradient(to right,  #029b9d 50%,#029b9d 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#029b9d', endColorstr='#029b9d',GradientType=1 );
}

.text-primary { color: #029b9d; }

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: #029b9d;}

.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:#029b9d; 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:#029b9d;}

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

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

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

#footer-advanced {
background: #029b9d; 
}
#footer-advanced #footer-advanced-info-top {
background: #029b9d; 
}
#footer-advanced #footer-advanced-info-bottom {
background: #029b9d; 
}

#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: #029b9d;}
    
section.main .pa_maincolor_bg {background-color: #029b9d;}
    
section.main .pa_boxcontent input[type='radio']:checked + label:before {background: #029b9d; border-color: #029b9d;}
    
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: #029b9d;}

.btn-cta,
 #pa_search_area_button {background-color: #0090d9; border-color: #006699; 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: #0077B3; border-color: #006699; color: #FFFFFF; }

/**
 * Attach field within designer globally to label
 */

/* Slider-Bereich - h1-Headline */

section.main .welcome-image {background: #ffffff;}
section.main .welcome-image img {width: 90%;}

section.main ul.category-list li:hover a .item-name {background: #f2f2f2;}
section.main ul.welcome-categories li:hover a .item-name {background: #f2f2f2; color: #029b9d;}
section.main ul.welcome-categories li:hover a .item-name span.label-groupname {color: #029b9d;}

.control-label {float: left; width: 130px;}

.form-group.cr-group-field {float: left; width: 248px;}


/* Sprachauswahl ausgeblendet */
.lang-switch {display: none}

/* weiss nicht mehr */

.item-list-single.cf {display: none;}
span.btn.btn-success.fileinput-button, button.btn.btn-danger {padding: 10px;}

#formPers > div.alert.alert-warning {border-color:white; background-color:white; padding:0px;}
#formPers > div.alert.alert-warning a {color:black;}
.row.registration, .dynamicOptionsArticle h4 {display: none;}

/* weiss nicht mehr - ENDE */


/* Startseite-Welcome die 4 Boxen unten */

.cms-content-welcome  .row.boxes {
 margin: 0;
 display: grid;
 grid-template-columns: repeat(auto-fill, minmax(24%, 1fr)) !important;
 grid-gap: 10px;}

.box-icon {max-width: 7.5vw}
.box {background: #eaeaea; padding: 25px 25px !important; height: 380px;}
.box-text {font-size: clamp(0.8rem, 1.1vw, 1.4rem);}
.col-lg-3 {padding-right: 0px; padding-left: 0px;}
.box-text-kontakt {font-size: 1.35em;}

img.jessie {width: 110px; height: 110px; border-radius: 10px; float: right; margin-top: 5px; margin-bottom: 5px; margin-left: 15px;}

.control-label {float: left; width: 130px;}
.form-group.cr-group-field {float: left; width: 248px;}

.header .header-logo {
    margin-top: 38px;
    margin-bottom: 0;
}

nav.main { background: #d9f0f0; }
nav.main ul li a { color: ; }
nav.main ul li.has-sub-cat ul li a { color: #565656; }

section.main ul.welcome-categories { display: grid; grid-template-columns: repeat(auto-fill, minmax(23.5%, 1fr)); grid-gap: 10px; margin-bottom: 0;}
section.main ul.welcome-categories:before { display: none}
section.main ul.welcome-categories li {width: auto; margin: 0;}
section.main ul.welcome-categories li a .item-image img {margin-top: 60px;}

section.main ul.welcome-categories li a .item-name {background: #059c9d;top: 0;color: white;}

.calc_container { background: white; float: left;  width: 68%; padding: 15px; margin-top: 20px; box-shadow: rgb(0 0 0 / 3%) 0px 2px 20px 0px;}
.alert.alert-clean.calcTotal { box-shadow: rgb(0 0 0 / 20%) 0px 25px 20px -20px; border: none; border-top: 10px solid #1e9fac;}

section.calculation .calc {background: #f7f7f7;padding-top: 25px;}
section.calculation .calc .calcTotal ul li { line-height: 26px;}
section.calculation .calc legend { font-weight: 600; text-transform: uppercase;  font-size: 16px; border-bottom: none;display: flow-root;}

section.calculation .calc .calc-image a {max-width: 100%; border: none}
section.calculation .calc fieldset, section.calculation .calc legend span  {
    margin-left: 25%;
}
section.calculation .calc legend:before {
    position: relative;
    top: 50%;
    width: 54%;
    float: right;
    margin-top: 10px;
}

section.calculation .row.description {
    border-bottom: 20px solid #f7f7f7;
    margin-bottom: 25px;
    margin-right: -25px;
    margin-left: -25px;
padding-bottom: 25px
}
section.calculation .calc label { font-weight: 300; width: 28%;}
section.calculation .calc select {
    width: 65%;
}
section.calculation .calc input[type=number] {
    width: 59%;
}
img.optionGroupPreviewImage { float: left}

.calcTotalPrice {font-size: 18px;}
span.calcTotalLabel {color: #757575;}


.box {background: #eaeaea;padding: 50px 25px;
height:380px;}

.box h3 {
    color: #059b9d;
    font-size: 24px;
    text-transform: uppercase;
    margin: 25px 0 0 0;
}

.box h4 {
    font-size: 1.2em; font-weight: 600;
}

.box hr {
    border-bottom: #999797 1px solid;
    width: 18%;
}
.cms-content-welcome .row {
    margin-left: 0;
    padding: 0;
}
.cms-content-welcome .row.boxes {
    margin: 0;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(32%, 1fr));
    grid-gap: 10px;
}

.cms-content-welcome .row.boxes .col-lg-4.col-xs-12 {
    padding: 0;
    width: auto;
}

.cms-content-welcome .row:before {
    display: none;
}
.row.service { display: flex; padding-top: 80px;}
.row.service .text {
    align-self: center;
font-weight: 300!important;
}
.row.service  .text h1 {
    color: #059b9d;
      font-size: clamp(25px, 6.5vw, 48px);
    font-weight: 300;
display: block;
margin-bottom: 1vw;
line-height: 1em
}

.subtext {
font-size: 24px;
line-height: 1.5em !important;
text-align: center;
margin-bottom: 40px;
}

.row.service  .text a { color: #029B9D}
.row.service .img {
    text-align: center;
    padding: 0;
}
.row.service h2 {
    color: #029b9d !important;
    text-transform: uppercase;
    font-size: 48px;
    font-weight: 700;
}

.row.service .text {
    align-self: center;
}

.row.registration {
    background: #029B9D;
    text-align: center;
    color: white;
    font-size: 18px;
    padding: 70px 0;
}

.row.registration h2 {
    color: white;
   font-size: clamp(21px, 6.5vw, 42px);
    font-weight: 700;
    text-transform: uppercase;
}

.row.registration p {
    color: white;
    font-weight: 300;
}

.row.registration a.btn {
    font-weight: 300;
    background: none;
    color: white;
    border-radius: 5px;
    font-size: 18px;
    padding: 10px 25px;
    margin-top: 25px;
border: 1px solid white;
}
.row.registration a.btn:hover {
    background: white;
    color: #029B9D;
}

section.calculation { background: #f7f7f7;}
.step-navigation {
    position: relative;
    margin: 25px 0 50px;
}
section.calculation .calc .col-mid, section.calculation .calc .calc-short-desc {
    background: white;
    padding: 25px;
}
section.calculation .calc .calcTotal {
    border: none;
    padding: 25px;
    border-top: 10px solid #029B9D;
background: white;
}
section.calculation .calc .calcTotal .head {
    font-size: 21px;
    font-weight: 300;
    line-height: 22px;
    margin: 0 0 26px 0;
    color: #909090;
}
section.calculation .calc .col-right {
    width: 30%;}
section.calculation .calc .col-left {
    width: 25%;
}
section.calculation .calc .col-mid {
    width: 66%;
margin-bottom: 150px;
}
p.dynamicOptionGroupInfo {
    display: none;
}

.dynamicOptionsRow:before, .dynamicOptionsRow:after {
    content: "";
    display: table;
}

.dynamicOptionsRow {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
}
h5.dynamicOptionGroupTitle {
    width: 100%;
    display: block;
    font-weight: 700;
    border-bottom: 1px solid lightgrey;
    padding-bottom: 10px;
}
img.dynamicOptionGroupPreviewImage {
    margin-right: 25px;
max-width: 130px !important;
mix-blend-mode: multiply;
}
.articleDynamicOption.row.form-group.cf {
    width: 80%;
}
.dynamicOptionsRow .col-md-5.col-lg-5 {
    width: 25%;
}
.dynamicOptionsRow .col-md-7.col-lg-7 {
    width: 75%;
}
.articleDynamicOption.row.form-group.cf label {    font-weight: 300;}


#cat_description .row { margin:  0 0 15px 0}
section.main .item-list-switch .item-gal .btn-show-details {
    background: #029B9D;
    max-width: 80%;
    text-align: center;
    margin: 0 auto;
    width: auto;
    display: inline-block;
    padding: 15px 25px;
    height: auto;
    width: auto;
    line-height: 1em;
    border-radius: 5px;
    border: 1px solid #029B9D;
    margin: 15px auto;
}
ul.switch-listing-view {  margin: 0}
section.main .item-list-standard {
    margin-top: 50px;
}
section.main .item-list-switch .item-gal .btn-show-details:hover {
    background: #bbbbbb;
    color: #029B9D;
}
section.main ul.category-list li a .item-name {
    background: #029B9D;
    text-align: left;
    font-weight: 500;
    top: 0;
    color: white;
    font-weight: 500;
}
section.main ul.category-list li a .item-image img {
    margin-top: 60px;
}


section.main ul.category-list li a .item-name span:before {
    content: none;
}

section.main .item-list-switch .item-gal.active {
    text-align: center;
}


section.main .item-list-switch .item-gal .btn-show-details .icon {
    display: none;
}

section.main .item-list-switch .item-gal .item-name {
    background: white;
    font-weight: 600;
}
section.main .item-list-switch .item-gal .item-name {
    height: auto; 
    padding-bottom: 0;
}
.item-category-quantity { display: none}
.item-list-switch .item-gal.active input.desired_schedule {
    width: 85% !important;
}
section.main ul.welcome-categories li a .item-name span.label-groupname {
    color: white;
}

body {
color: #686868;
}

h2 {
color: #029b9d;
}

.text h2{
color: #4a4a49 !important;
}
section.main .item-list-switch .item-gal .item-name {
    background: white;
    font-weight: 600;
}

section.main ul.welcome-categories {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(23.5%, 1fr));
  grid-gap: 10px;
  margin-bottom: 0;
}

section.main .pa-image .wrp {
    background-size: cover;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

section.main .pa-image.start .text h1 {
    color: #029b9d;
    text-align: center;
    font-size: clamp(4rem, 5vw + 0.5rem, 7rem);
}

.text h1 strong {
    font-weight: 300;
}

section.main .pa-image.start .text {
    left: 0px ;
    width: 100%;
    max-width: 100%;
    display: flex;
    justify-content: center;
}

section.main .pa-image.start .text p {
    display: none;
}
section.main .pa-image.start .pa_search_con {
    display: none;
}



.download {
    border: 0;
    line-height: 2;
    padding: 0 20px;
    font-size: 1.5rem;
    font-weight: 600;
    text-align: center;
    color: #fff;
    border-radius: 6px;
    background-color: #029b9d;
}

.download:hover {
    background-color: #006666;
}

.download:active {
        background-color: #003333;
}

.downloadtab th, tr:not(:last-child) {
  border-bottom: 1px solid #ccc !important;
    border-bottom-color: rgb(204, 204, 204) !important;
    border-bottom-style: solid !important;
    border-bottom-width: 1px !important;
}

.downloadtab td, th {
  padding: 8px;
}

.downloadtab th {
text-transform: uppercase;
}

.box {
border-radius: 20px;
}

section.main ul.welcome-categories li {
  border-radius: 20px !important;
}

section.main ul.welcome-categories li a .item-image img {
  border-radius: 0 0 20px 20px !important;
}

section.main ul.welcome-categories li a .item-name {
  border-radius: 20px 20px 0 0 !important;
}

#cart-guestaccount {
display: none !important;
}

.aboutus {
margin-bottom: 50px;
width: 100%;
}


/* -------------- Datenschutzseite --------------*/
.datenschutz {
  column-width: 30em;
  column-gap: 4em;
}

.datenschutz strong {
    color: #029b9d;
}

h4 {
  margin-bottom: 7px;
}

/* ------ Kontaktseite ------ */

.left-div, .right-div {
        width: 46%;
        float: left;
    }

.left-div {
       margin-right: 60px;
    }

.contact-left, .contact-right {
        float: left;
    }

.contact-left {
       margin-right: 30px;
    }

.col-right hr{
display: none !important;
}

/* Media-Query max 1440px */

@media screen and (max-width: 1440px) {
section.main ul.welcome-categories li:nth-child(4n+4) {margin: 0 0 0 0;}
.box h3 {    font-size: 1.6vw; margin: 25px 0 0 0;}
.box-text-kontakt {font-size: 1.2vw;}
}

/* Media-Query max 1170px */

@media screen and (max-width: 1170px) {
section.calculation .calc fieldset, section.calculation .calc legend span {margin-left: 20vw;}
img.optionGroupPreviewImage {float: left; width: 15vw;}
section.calculation .calc legend:before {width: 24vw;}
section.calculation .calc label {width: 15vw;}
section.calculation .calc input[type=number] {width: 18vw;}
section.calculation .calc select {width: 21vw;}
.box h4 {font-size: 1.0em; font-weight: 600;}
}

/* Media-Query max 1024px */

@media screen and (max-width: 1024px) {
section.main ul.welcome-categories li:nth-child(3n+3) {margin: 0 0 0 0;}
.header .header-logo a img, .header .header-logo img { max-height: 45px;}
.header .header-logo {margin-top: 22px;}
.row.service .img img {max-width: 100%}
img.optionGroupPreviewImage {width: 10vw;}
section.calculation .calc fieldset, section.calculation .calc legend span {margin-left: 15vw;}
img.jessie {width: 70px; height: 70px;}
.box-icon { max-width: 5.5vw;}
}

/* Media-Query max 800px */

@media screen and (max-width: 800px) {
section.main ul.welcome-categories li:nth-child(2n+2) {margin: 0 0 0 0;}
}

/* Media-Query max 767px */

@media screen and (max-width: 767px) {
section.calculation .calc .col-mid {width: 100%;}
section.calculation .calc .col-right {width: 100%;}
img.optionGroupPreviewImage {width: 20vw;}
section.calculation .calc fieldset, section.calculation .calc legend span {margin-left: 25vw;}
section.calculation .calc legend:before {width: 41vw;}
section.calculation .calc label {width: 24vw;}
section.calculation .calc select {width: 38vw;}
section.calculation .calc input[type=number] {width: 33vw;}
}

/* Media-Query max 625px */

@media screen and (max-width: 625px) {
section.main ul.welcome-categories {display: grid; grid-template-columns: repeat(auto-fill, minmax(45%, 1fr)); grid-gap: 10px; margin-bottom: 0;}
.cms-content-welcome .row.boxes {margin: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(45%, 1fr)) !important; grid-gap: 10px;}
section.calculation .calc select {width: 35vw;}
section.calculation .calc input[type=number] {width: 30vw;}
section.calculation .calc label { background: none !important}
.box h3 {font-size: 3.0vw; margin: 25px 0 0 0;}
img.jessie {width: 110px; height: 110px; 
    border-radius: 10px;
    margin-top: 5px;
    margin-bottom: 5px;
    margin-left: 0px;}
.box-icon { max-width: 7.5vw;}
.box-text { font-size: clamp(1.2rem, 1.2vw, 1.4rem);}
 .box-text-kontakt { font-size: 2vw;}
}

/* Media-Query max 540px */

@media screen and (max-width: 540px) {
section.main ul.welcome-categories, .cms-content-welcome .row.boxes  { grid-template-columns: repeat(auto-fill, minmax(100%, 1fr));}
.row.service .text { width: 100%}
.row.service .img, img.optionGroupPreviewImage {display: none;}
.cms-content-welcome .row.boxes .col-lg-4.col-xs-12{width: 100%;}
section.calculation .calc fieldset, section.calculation .calc legend span {margin-left: 0;}
section.calculation .calc label {width: 34vw;}
section.calculation .calc select {width: 49vw;}
section.calculation .calc legend:before {width: 51vw;}
section.calculation .calc input[type=number] {width: 40vw;}
section.calculation .calc select, section.calculation .calc label {width: 100%;}
section.calculation .calc input[type=number] {width: 89%;}
}

/* Media-Query max 540px */

@media screen and (max-width: 540px) {
section.main ul.welcome-categories, .cms-content-welcome .row.boxes {grid-template-columns: repeat(auto-fill, minmax(48%, 1fr)) !important;}
}

/* Media-Query max 480px */

@media screen and (max-width: 480px) {
.header {margin-bottom: 0px;}  
.header .header-logo {margin-top: 14px !important; margin-left: 8px !important; }
.header .header-logo a img, .header .header-logo img {max-height: 40px !important; }
section.main .welcome-image {margin-bottom: 30px;}
section.main .welcome-image img {width: 100%;}
.row, .service {padding-top: 18px !important;}
.subtext {font-size: 1.4em !important; margin-bottom: 0px !important;}
.cms-content-welcome .row.boxes {grid-template-columns: repeat(auto-fill, minmax(100%, 1fr)) !important;}
.col-lg-12, .col-xs-12 text {padding-left: 0px}
#footer {margin: 0px;}
#footer .footer-standard {height: 60px;}
}


/* Media-Query min 1200px */

@media (min-width: 1200px) {
.row.boxes .col-lg-3 {width: 100%;}
}