:root {
  --default-text-color: #444f50;
  --template-main-color: #b7358b;
  --swiper-theme-color: #b7358b;
}

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

.text-primary { color: #b7358b; }

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: #444f50;}

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

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

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

#advanced-order-history .order {border-top: 5px solid #b7358b;}
    
#header-advanced #info-top {
background: #444f50; 
}
#header-advanced #info-bottom {
background: #232829; 
}

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

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

.btn-cta,
 #pa_search_area_button {background-color: #b7358b; border-color: #b7358b; 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: #b7358b; border-color: #b7358b; color: #FFFFFF; }

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

/* --------------- Login-Seite --------------------- */
div.top-header.top-header-login{
    display: ;
}

div.footer-standard.footer-login{
    background:rgb(#b7358b)!important;
}

.color-bar, #footer .footer-standard {
    background: #ffc371;
    background: -moz-linear-gradient(left, #444f50 50%, #232829 100%);
    background: -webkit-linear-gradient(left, #444f50 50%,#232829 100%);
    background: linear-gradient(to bottom, #444f50 15%,#232829 100%);
}

section.login {
  top: -124px;
}

 div.header {
    top: 0px !important;

  }

/* ----------------- Ende Login-Seite ------------------- */



@font-face { 
font-family: 'Rosario'; src: url('/m/s/Rosario-Regular.ttf') format('truetype');
}

.header .header-logo img, .header .header-logo a img {
  margin-top: 7px !important;
}

body {
    font-family: 'Rosario', sans-serif;
    overflow:visible!important;
    background-color: #ffffff;
}

@font-face 
{ font-family: 'Rosariobold'; src: url('/m/s/Rosario-Bold.ttf') format('truetype');
}

h1{
font-family: 'Rosariobold'; font-size: 2.2em;
}

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

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

/* ------------------------- Header Hintergrund-Farbe zu den Prokon Farben ändern ------------------------- */
.top-header{
    background-color:#ffffff;
    top:0!important;
    position:sticky!important;
    position:-webkit-sticky!important;
    height: ;
    z-index:20;}

.top-header .col-left, .top-header .col-right {
    width: 50%;
    line-height: 20px;
    margin-top: 4px !important;
}

/* ----------------------------- MENÜS ----------------------------- */

/* -------------- Transparente Dropdown Menüs ----------------- */

nav.main>div.wrp.cf>ul.cf>li.has-sub-cat.cf>ul.cf{
    background:rgb(255,255,255,0.8);
}

nav.main>div.wrp.cf>ul.cf>li.has-sub-cat.cf>ul.cf>li.has-sub-cat.cf>ul.cf{
    background:rgb(255,255,255,0.8);
}

/* ------------------- Navigationsmenü Hintergrund-Farbe zu den Prokon Farben ändern -------------------------- */
div.color-bar {
    display:none!important;
}

div.btn:hover {
    background-color:#b7358b!important;
    border-color:#b7358b!important;
    transition: background .3s ease-in-out!important;
}

div.btn:hover > span.icon{
    background-color:#b7358b!important;
    border-color:#b7358b!important;
    transition: background .3s ease-in-out!important;
}

div.sub-menu>a {color:!important;}

div.sub-menu>a:hover{color:rgb(76,76,76)!important;}

.lang-switch,
#dropdown-lang{display: none!important}

nav.main > div > ul.cf > li > a {color: ;}

nav.main > div > ul.cf > li> a:hover {color:rgb(76,76,76);}

#formSearch > input[alt="Suche starten"] { color:#4c4c4c;}

#formSearch >input[alt="Suche starten"]:hover{background:#9a9a9a;}

span.cart-icon {background:#b7358b!important; color:white!important;}

span.cart-icon:hover {background:#9a9a9a!important;}

ul.topnav>li>a:hover{color:rgb(76,76,76)!important;} 

/* -------------------------- Menue-links ---------------------*/
nav.sidebar ul li {
  list-style: none;
  background: #f2f2f2;
  margin: 0 0 3px 0;
  font-size: 16px;
 border-radius: 20px;
}

nav.sidebar ul li a {
  border-radius: 20px;
}

/* -------------------------- Menue-links ENDE ---------------------*/

/* -------------------------- Artikel Kategorien Button ---------------------*/
.item-list-single .item-incart .btn-big {
  border-radius: 25px;
}
.btn {
  border: 0px !important;
}

/* ------------------ MENÜS ENDE ----------------------- */



/* ------------------ Suchfunktion und Warenkorb --------------------*/

.header .header-search input {
    height: 50px;
    box-sizing: border-box;
    border: 0px solid #dadada;
    border-radius: 40px;
    background-color: #f2f2f2;
    padding: 20px;
}

/* ------------------ Suchfunktion ENDE --------------------*/






/* ------------------------ Welcome Image mit NavBar zusammenführen 
div.welcome-image.wrp,
div.welcome-slider{
top:-50px;
z-index:-1;
margin-bottom:10px!important;
}

------------------------ */



/* ----------- section main ---------------------*/

section.main {
    margin: -124px 0 60px 0 !important;
}

section.main .cms-content {
  margin: -160px 0 45px 0;
}

/* ----------- section main ENDE ---------------------*/

/* ----------- Slider ---------------------*/

section.main .welcome-image {
width: auto;
}

.slick-dotted.slick-slider {
    margin-bottom: 0;
    width: 100%;
}

.slick-prev::before, .slick-next::before {
    font-family: 'printbridge-icon',serif;
    font-size: 25px;
    line-height: 1;
    opacity: .5;
    color: #fff;
    -webkit-font-smoothing: antialiased;
}

.slick-prev {
    left: 23px;
    z-index: 1;
    top: 60%;
}
.slick-next {
    right: 23px;
    z-index: 1;
    top: 60%;
}


/* ----------- Slider ENDE---------------------*/

section.main>div.wrp.cf{
    top:0px;
    position:relative;
}

/* --------------- Ende ---------------*/

/* --------------- Brotkrümel aus DropDown-Menü verbergen ----------------- */

div.wrp>ul.breadcrumb.cf{
    display: none;
}

/* --------------- Ende Brotkrümel aus DropDown-Menü verbergen --------------- */

/* --------------- Hauptmenü auf allen Unterseiten verbergen --------------- */

body:not(#p_welcome) nav.main div.wrp.cf ul.cf{
    display:;
}
/* --------------- Ende Hauptmenü auf allen Unterseiten verbergen --------------- */

/* Kategorien mittig */

#scroll-to-top-button{
    background:#b7358b;
}
#scroll-to-top-button:hover{background:#9a9a9a!important;border-color:#9a9a9a!important}

/* --------------- Section.main Margin-top --------------- */
section.main h1.headline {
    margin-top: 0px;
}

/* -------------------- WarengruppeStartseite -----------------*/
div.wrp.cf>ul.welcome-categories.cf{
    display:flex;
    justify-content: space-around ;
}

section.main ul.welcome-categories li {
  display: flex;
  width: 30%;
margin: 0;
}

/* ------------ item-list ------------------*/
  .item-list-single .item-incart {
    border-radius: 20px !important;
  }


/* ------------ Impressum-Kontakt-Datenschutz ------------------*/
section.main > div.wrp.cf {
  top: 160px;
  position: relative;
}

.dse h3 {
color: #b7358b;
margin: 12px 0 8px 0 !important;
}

/* ---------- MEDIA QUERIES ----------- */


@media screen and (max-width: 400px) {
section.main > div.wrp.cf {
  top: 10px;
}
}

@media screen and (max-width: 480px) {
  .header .header-logo a img, .header .header-logo img {
    height: 32px;
  }

  .header .header-cart {
    width: 42px !important;
    height: 42px !important;
    display: block;
    margin: 12PX 0 0 0 !important;
    position: relative;
  }

  section.main {
  margin-top: 110px !important;
  }

section.main .welcome-image img {
  display: none;
}

}


@media screen and (max-width: 1024px) {

.top-header {
  background-color: #ffffff !important;
  top: 0 !important;
  position: fixed !important;
  position: fixed !important;
  height: ;
  z-index: 20;
}
div.header {
background-color: #ffffff !important; 
position: sticky !important;
z-index: 10 !important;
  }

 .header {
    height: 94px;
    border-bottom: 1px solid #dadada;
    margin-bottom: 0px;
  }

 .header .header-cart .cart-count {
    display: none;
  }

.header .header-cart {
  float: right;
  border: 1px solid #dadada;
  border-radius: 0px;
  width: 50px;
  height: 50px;
  display: block;
  margin: 22px 0 0 10px;
  position: relative;
}

section.main .welcome-image {
  margin-bottom: 4vh;
}

section.main .cms-content {
  margin: 0px 0 45px 0;
}

section.main .welcome-image {
  width: 100% !important;

}

 section.main ul.welcome-categories li:nth-child(3n+3) {
    margin: 0 0 0 0;
  }

section.main .item-list-switch .item-gal-wrp.off {
  float: left !important;
}
section.main {
  margin: 0px 0 60px 0 !important;
}

section.main > div.wrp.cf {
  top: 10px;
  position: relative;
}

 .item-list-single .item-image .preview a img {
    width: 100% !important;
    height: 100% !important;
  }

  .item-list-single .item-description .infobox .col-left {
    display: block;
    float: left;
  }

 .top-header.offcanvas-info #dropdown-lang ul li:first-child, .top-header.offcanvas-info #dropdown-lang ul li:nth-child(2) {
    display: none;
  }

}




@media screen and (min-width: 1025px) {

.header .header-cart {
    float: right;
    border: 0px solid #dadada;
    border-radius: 40px;
    width: auto;
    height: 50px;
    display: block;
    margin: 44px 0 0 0;
    position: relative;
    background-color: #f2f2f2;
}

.header .header-cart .cart-icon {
    border-radius: 40px;
}

div.header{
    height:220px!important;
    background-image: url(/m/s/vignette-desktop-fmm-IV.png) !important;
    background-position-x: left !important;
    background-repeat: no-repeat !important;
}

div.header{
    position:sticky!important;
    position: -webkit-sticky;
    top:36px!important;
    z-index:10;
}

 .header {
    margin-bottom: 0px !important;
  }


section.main .welcome-image {
  margin-bottom: 45px;
}

div.header>div.wrp.cf {
    height:70px!important;
}

div.header-logo{
    height:75px!important;
    margin:0px!important;
}

div.header-logo>a>img{
    height:auto!important;
    max-height:75px!important;
    margin:0px!important;
}

div.header-search{
    height:70px!important;
    margin-top:10px!important;
}

div#header-mini-cart{
    margin:10px 0 0 0!important;
}

nav.main{
    height:25px!important;
    z-index: 100;
    position: fixed;
    width: 100%;
    margin-top: -125px;
    min-height: 30px;
    background: none;
}

nav.main>div.wrp.cf{
    top:-10px!important;
    height:auto!important;
    overflow-y:hidden!important;
}

nav.main>div.wrp.cf>ul{
    height:50px!important;
}

nav.main>div.wrp.cf>ul.cf>li.has-sub-cat:hover{
    height:200px!important;
}

nav.main>div.wrp.cf>ul.cf>li>a:hover{
    color:#C800A0 !important;
  }

nav.main>div.wrp.cf>ul.cf>li.has-sub-cat.cf>ul.cf>li>a:hover{
    color:#C800A0 !important;
    background:rgb(245,245,245,0.1);
    border-color:transparent;
  }

nav.main>div.wrp.cf>ul.cf>li.has-sub-cat.cf>ul.cf>li.has-sub-cat.cf>ul.cf>li>a:hover{
    color:#C800A0 !important;
    background:rgb(245,245,245,0.1);
    border-color:transparent;
  }

nav.main>div.wrp.cf>ul.cf>li.has-sub-cat.cf>ul> :is(li,a),
nav.main>div.wrp.cf>ul.cf>li.has-sub-cat.cf>ul{
    border-color:transparent;
    color:white;
  }

nav.main>div.wrp.cf>ul.cf>li.has-sub-cat.cf>ul.cf>li.has-sub-cat.cf>ul.cf> :is(li,a),
nav.main>div.wrp.cf>ul.cf>li.has-sub-cat.cf>ul.cf>li.has-sub-cat.cf>ul.cf{
    border-color:transparent;
    color: ;
  }

nav.main>div.wrp.cf>ul.cf>li.has-sub-cat.cf>ul>li>a{
    border-color:transparent;
    color: ;
  }


nav.main>div.wrp.cf>ul.cf>li.has-sub-cat.cf>ul>li>ul>li>a{
    border-color:transparent;
    color: ;
  }
}