body {margin: 0; padding: 0; font-size: 14px; font-family: 'Open Sans', sans-serif; color: #4c4c4c; position: relative;}
@media screen and (max-width: 1024px){
    body {overflow-y: scroll; -webkit-overflow-scrolling: touch;}
}
html {-webkit-text-size-adjust: 100%;}

.cf { zoom: 1; }
.cf:before, .cf:after { content: ""; display: table; }
.cf:after { clear: both; }
.clr {clear:both; margin:0; padding:0; line-height:0; height:0;}

a {text-decoration:none;}
a:hover {text-decoration:none; }
a:focus {outline:none;}
a img {border:none; outline:none; margin: 0; vertical-align:bottom;}
img {border:none;}

p {margin:0 0 20px 0; line-height: 21px;}
hr { border:none; border-bottom: #e7e7e7 1px solid;  margin:20px 0; padding: 0;}

h1,
h2,
.box-headline
{font-size: 24px; font-weight: 300; line-height: 26px; margin: 0 0 26px 0;}

div,
input {box-sizing: border-box;}


.wrp {width: 1580px; margin: auto;}

@media screen and (max-width: 1920px){
    .wrp {width: 1400px;}
}
@media screen and (max-width: 1440px){
    .wrp {width: 96%;}
}

.col-left,
.pull-left{float: left;}
.col-right,
.pull-right {float: right;}

img.pull-left {margin: 0 100px 20px 0; width: 40%; height: auto;}
img.pull-right {margin: 0 0 20px 100px; width: 40%; height: auto;}

/* Alerts */
.alert {margin-bottom: 20px; padding: 15px; border: 1px solid; display: block; border-radius: 0;}
.alert p {margin: 0;}
.alert-clean {background: #f0f0f0; border-color: #dbdbdb; color: #757575;  transition: color .3s ease-in-out;}
.alert-clean a:not(.btn) {color: #757575; text-decoration: underline;}
.alert-clean a:hover:not(.btn) {color: #4d4d4d;}
.alert-success {background: #dff0d8; border-color: #b2dba1; color: #3c763d;  transition: color .3s ease-in-out;}
.alert-success a:not(.btn) {color: #3c763d; text-decoration: underline;}
.alert-success a:hover:not(.btn) {color: #274d28;}
.alert-warning {background: #fcf8e3; border-color:#f5e79e; color: #8a6d3b;}
.alert-warning a:not(.btn) {color: #8a6d3b; text-decoration: underline;}
.alert-warning a:hover:not(.btn) {color: #4d3d21;}
.alert-danger {background: #f2dede; border-color:#dca7a7; color: #a94442;}
.alert-danger a:not(.btn) {color: #a94442; text-decoration: underline;}
.alert-danger a:hover:not(.btn) {color: #662928;}
.text-danger {color: #a94442;}

.y-scroll-height {max-height: 250px; overflow-y: auto;}

.alert.latestOrderInformation {
    background: #d8e5f3;
}

.alert-noscript {width: 80vw; position: fixed; top: 10vh; left:10vw; z-index: 99;}
.compatibility-check-notice {position: fixed; top: 0; width: 100%; z-index: 99;}

/* Buttons */
.btn {border: 1px solid #dadada; background: #f0f0f0; color:#4c4c4c; text-align: center; cursor: pointer; user-select: none; position: relative;overflow: hidden; -webkit-appearance: none; box-sizing: border-box; border-radius: 0;}
.btn a {display: block; -webkit-appearance: none;}
.btn:hover { background: #d9d9d9; border-color:#cccccc;  color:#4c4c4c; transition: background .3s ease-in-out; }
.btn:active,
.btn:hover,
.btn:focus {outline: none;-webkit-appearance: none;}
.btn-small {padding:0 10px; line-height: 31px;-webkit-appearance: none; display: inline-block; font-size: 14px;}
.btn-big { padding:0 15px; line-height: 48px; height: 50px; font-size: 15px; display: inline-block;-webkit-appearance: none;}


input[type="submit"].btn-big,
input[type="button"].btn-big {line-height: 46px; -webkit-appearance: none; height: 49px;}
.CategoryContentWizzard .in_cart input[type="button"].btn-big {min-width: 30%; max-width: 30%; margin: 10px 0 10px 0;}
.CategoryContentWizzard .in_cart {
    position: sticky;
    bottom: 0;
}

input[type="submit"]:disabled, input[type="button"]:disabled {opacity: 0.5; background-color: #2156ad; cursor: not-allowed;}

.btn-cta {background-color: #0090d9; border-color: #006699; color: #fff; transition: background .3s ease-in-out; }
.btn-cta:active, .btn-cta:focus,
.btn-cta:hover {background-color: #0077b3; border-color: #006699; color: #fff; }
.btn-success {background-color: #5cb85c; border-color: #398439; color: #fff;  transition: background .3s ease-in-out;}
.btn-success:active, .btn-success:focus,
.btn-success:hover {background-color: #419641; border-color: #398439; color: #fff; }
.btn-warning {background-color: #f0ad4e; border-color: #d58512; color: #fff;  transition: background .3s ease-in-out;}
.btn-warning:active, .btn-warning:focus,
.btn-warning:hover {background-color: #eb9316; border-color: #d58512; color: #fff; }
.btn-danger {background-color: #d9534f; border-color: #ac2925; color: #fff;  transition: background .3s ease-in-out;}
.btn-danger:active, .btn-danger:focus,
.btn-danger:hover {background-color: #c12e2a; border-color: #ac2925; color: #fff; }
.btn-white {background-color: #fff; border-color: #dadada; color: #4c4c4c;  transition: background .3s ease-in-out; }
.btn-white:active, .btn-cta:focus,
.btn-white:hover {background-color: #f2f2f2; border-color: #d9d9d9; color: #4c4c4c;}

.txt-gray { color: #757575; }
.txt-advice { font-size: 0.92em; }

.txt-link {text-decoration: none; transition: all .3s ease-in-out;}
.txt-link:hover {text-decoration: underline;}

.txt-link .icon {font-size: 10px; }

.txt-link-success {color:#398439;}
.txt-link-success:hover {color:#5cb85c;}
.txt-link-warning {color:#d58512;}
.txt-link-warning:hover {color:#f0ad4e;}
.txt-link-cta {color:#006699;}
.txt-link-cta:hover {color:#0090d9;}
.txt-link-danger {color:#ac2925;}
.txt-link-danger:hover {color:#d9534f;}

/** */
.no_margin_top { top: 0 !important; }
.no_margin_bottom { margin-bottom: 0 !important; }

/* Main Overlay */
.bg-overlay {visibility: hidden; opacity: 0; filter:Alpha(Opacity=0); display: block; background: rgba(0, 0, 0, 0.35); position: fixed; width: 100%; height: 100%; top:0; right:0; bottom:0; left:0; z-index: 2;-webkit-transition: all .4s ease-in-out;-moz-transition: all .4s ease-in-out;-o-transition: all .4s ease-in-out;transition: all .4s ease-in-out;}
.bg-overlay.active {visibility: visible; opacity: 1; filter:Alpha(Opacity=100); }
.bg-overlay.blocking.active { z-index: 1040; }

.topbar-item-single-personalization .input-sm {
    font-size: inherit;
}

/* Input Elements */
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="number"],
input[type="url"],
input[type="password"],
input[type="file"],
.uploadedImage,
#proofDocumentsExport input.form-control {font-family: 'Open Sans', sans-serif; border: 1px solid #dddddd; margin: 0 0 10px 0; width: 380px; max-width: 100%; /*padding: 15px 15px 14px 15px;*/ padding: 7px; font-size: 14px;  -webkit-appearance: none;  color: #4c4c4c; }
#proofDocumentsExport input.uploadedImage, #proofDocumentsExport input.form-control { width: 100%; border-radius: initial; box-shadow: initial; }
select {font-family: 'Open Sans', sans-serif; border: 1px solid #dddddd; margin: 0 0 10px 0; width: 380px;  /*padding: 14px;*/ padding:7px; font-size: 13px;  color: #4c4c4c; background: url("../../assets/structure/select-arrow.png") right center no-repeat #fff; background-size: 31px 31px;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;}
select[multiple] {background: inherit;}
input[type="submit"] { -webkit-appearance: none; vertical-align: top;}
textarea {font-family: 'Open Sans', sans-serif; border: 1px solid #dddddd; margin: 0 0 10px 0; width: 380px;  padding: 15px; font-size: 14px;  -webkit-appearance: none; box-sizing: border-box; height: 150px;  color: #4c4c4c; resize: vertical;}

fieldset {border: none; padding: 0; margin: 0 0 21px 0;}
fieldset legend {position: relative; font-size: 18px; margin: 0 0 21px 0; padding: 0;}
label {display: inline-block;}
label.textarea {vertical-align: top; margin: 5px 0 0 0;}
label .required {font-size: 12px; color: #a94442; vertical-align: top;}

.hidden { display: none; }

.uploadedImage { display: inline-block;}
.uploadedImage img { width: 100%; }
.contact-form .uploadedImage .btn { margin: 0; padding: 4px 10px; line-height: 31px; font-size: 14px; }

@media screen and (max-width: 1024px) {
    input[type="text"],
    input[type="email"],
    input[type="tel"],
    input[type="password"],
    input[type="file"],
    .uploadedImage,
    select,
    textarea { width: 65%; }
}
@media screen and (max-width: 800px) {
    input[type="text"],
    input[type="email"],
    input[type="tel"],
    input[type="password"],
    input[type="file"],
    .uploadedImage,
    select,
    textarea  { width: 100%; }

}

/* Section Contact */
.contact-form {}
.contact-form input[type="text"],
.contact-form input[type="email"],
.contact-form input[type="tel"],
.contact-form input[type="number"],
.contact-form input[type="url"],
.contact-form input[type="password"],
.contact-form input[type="file"] {  padding: 7px;display: inline-block;}
.contact-form label {display: inline-block; width: 220px; vertical-align: top; padding: 7px 0 0 0; box-sizing: border-box; font-weight: normal;}
.contact-form .btn-cta {margin: 0 0 0 224px;}
.contact-form .input-zip {width: 80px;}
.contact-form .input-town {width: 296px;}
.contact-form input[type="file"] {padding: 10px; line-height: 0; background: #fff;   border: 1px solid #dddddd;margin: 0 0 10px 0;  }

.contact-form label.required:after { content: "*"; padding-left: 5px; color: #DB3443; }
.contact-form input:required { border-color: #dddddd;}

.contact-form .select2-container { border: 1px solid #dddddd; margin-bottom: 15px; }
.contact-form .select2-container--default .select2-selection--multiple { border: none; }

@media screen and (max-width: 1024px) {
    .contact-form .input-zip {width: 13%; }
    .contact-form .input-town {width: 51.5%;}
    .contact-form label {width: 34%; }
    .contact-form textarea {width: 65%;}
    .contact-form .btn {margin: 0 0 0 34.5%;}
}

@media screen and (max-width: 800px) {
    .contact-form .input-zip {width: 20%; }
    .contact-form .input-town {width: 79%;}
    .contact-form label {width: 100%; margin: 0 0 0 0; padding: 0; background: #f2f2f2; line-height: 22px; box-sizing: border-box; text-indent: 8px; }
    .contact-form textarea {width: 100%;}
    .contact-form .btn {margin: 0 0 0 0; width: 100%;}
}

@media screen and (max-width: 480px){
    .contact-form .input-zip {width: 25%; }
    .contact-form .input-town {width: 73.5%;}
}



/* Function Password Field Show/Hide */
.password-field-set {height: 48px; position: relative; margin: 0 0 10px 0;}
.password-field-set .passText {display: none;position: absolute;}
.password-field-set .offPage {position: absolute; display: block;}
.password-field-set .hide-icon {display: none;}
.password-field-set .togglePassText {position: absolute; z-index: 1; right: 10px; top:10px; height: 28px; width: 28px;}
.password-field-set .togglePassText span {line-height: 28px; display: block; text-align: center; font-size: 20px; color: #aaaaaa; height: 28px; width: 28px; box-sizing: border-box; padding-top: 3px;transition: color .3s ease-in-out;}


/* Function Dropdown */
.jq-dropdown{position:absolute;z-index:100;display:none}
.jq-dropdown .jq-dropdown-menu,
.jq-dropdown .jq-dropdown-panel{min-width:200px;max-width:360px;list-style:none;background:#fff;border:solid 1px #ddd;border-radius:4px;box-shadow:0 5px 10px rgba(0,0,0,0.2);overflow:visible;padding:5px;margin:0}
.jq-dropdown .jq-dropdown-panel{padding:10px}
.jq-dropdown.jq-dropdown-tip{margin-top:8px}
.jq-dropdown.jq-dropdown-tip.jq-dropdown-anchor-right:before{left:auto;right:9px}
.jq-dropdown.jq-dropdown-tip.jq-dropdown-anchor-right:after{left:auto;right:10px}
.jq-dropdown.jq-dropdown-scroll .jq-dropdown-menu,
.jq-dropdown.jq-dropdown-scroll .jq-dropdown-panel{max-height:180px;overflow:auto}
.jq-dropdown .jq-dropdown-menu li{list-style:none;padding:0;line-height:18px; background: #f2f2f2; margin:0 0 3px 0;}
.jq-dropdown .jq-dropdown-menu li:last-child {margin:0 0 0 0;}
.jq-dropdown .jq-dropdown-menu li > a,
.jq-dropdown .jq-dropdown-menu label {display:block;color:inherit;text-decoration:none;margin:0;padding:3px 5px;white-space:nowrap; line-height: 24px; box-sizing: border-box; transition: all .3s ease-in-out;}
.jq-dropdown .jq-dropdown-menu li > a:hover,
.jq-dropdown .jq-dropdown-menu label:hover {cursor:pointer}
.jq-dropdown .jq-dropdown-menu .jq-dropdown-divider{font-size:1px;border-top:solid 1px #e5e5e5;padding:0;margin:14px 0;}

@media screen and (max-width: 1024px){
    .jq-dropdown{position:absolute;z-index:100;display:none}
    .jq-dropdown .jq-dropdown-menu,
    .jq-dropdown .jq-dropdown-panel{min-width:200px;max-width:100%; width:100%; list-style:none;background:#fff;border:none;border-radius:0;box-shadow:none;overflow:visible;padding:0;margin:0; box-sizing: border-box;}
    .jq-dropdown .jq-dropdown-panel{padding:10px}
    .jq-dropdown.jq-dropdown-tip{margin-top:0}
    .jq-dropdown.jq-dropdown-tip.jq-dropdown-anchor-right:before{left:auto;right:9px}
    .jq-dropdown.jq-dropdown-tip.jq-dropdown-anchor-right:after{left:auto;right:10px}
    .jq-dropdown.jq-dropdown-scroll .jq-dropdown-menu,
    .jq-dropdown.jq-dropdown-scroll .jq-dropdown-panel{max-height:180px;overflow:auto}
    .jq-dropdown .jq-dropdown-menu li{list-style:none;padding:0; line-height:45px; height: 45px; background: #fff; margin:0; border-bottom: 1px solid #dadada;}
    .jq-dropdown .jq-dropdown-menu li:last-child {margin:0 0 0 0;border-bottom:none;}
    .jq-dropdown .jq-dropdown-menu li > a,
    .jq-dropdown .jq-dropdown-menu label {display:block;padding:0 0 0 20px;color:inherit;text-decoration:none;margin:0;white-space:nowrap; line-height: 45px; box-sizing: border-box; transition: all .3s ease-in-out;}
    .jq-dropdown .jq-dropdown-menu li > a:hover,
    .jq-dropdown .jq-dropdown-menu label:hover {cursor:pointer}
    .jq-dropdown .jq-dropdown-menu .jq-dropdown-divider{display:none;}
}

/* Modul Cookie Notice */
.cookie-notice {margin: 0; visibility: hidden; display: none;}
.cookie-notice.show {display: block; visibility: visible;}
.cookie-notice .content {margin:6px 0 0 0;}

#registerForm .cookie-notice.show,
#login .cookie-notice.show { position: fixed; top: 40px; left: 0; width: 100%; z-index: 10; }

@media screen and (max-width: 1920px){
    .cookie-notice .content {width: 95%; margin: 0;}
}
@media screen and (max-width: 1280px){
    .cookie-notice .content {width: 85%;}
}

@media screen and (max-width: 1024px){
    #registerForm .cookie-notice.show { top: 0; }
}

/* user Representation Notice */
.user-representation {margin: 0; display: block;}

/* Template Top Header */
.color-bar {height: 5px;}
.top-header {height:36px; background: #f2f2f2;}
.top-header .col-left,
.top-header .col-right {width: 50%; line-height: 20px; margin-top: 8px;}

.top-header .lang-switch {float: left; margin: 0 20px 0 0; padding: 0;}
.top-header .lang-switch li {position: relative;}
.top-header .lang-switch-icon {position:absolute; margin: 4px 2px 0 0; padding: 0; right: 10px;}
.top-header #dropdown-lang .jq-dropdown-menu {min-width:140px;}
.top-header .lang-switch a span,
.top-header .sub-menu a span {font-size: 10px; line-height: 20px; padding: 1px 0 0 3px;}
.top-header .customer-info {float: left;}
.top-header .sub-menu {text-align: right;}
.top-header .sub-menu a {margin: 0 0 0 -3px; padding: 0 10px; border-left: 1px dashed #bfbfbf; display: inline-block;}
.top-header .sub-menu a:first-of-type {border: none;}
.top-header .sub-menu ul.jq-dropdown-panel {text-align: left;}
.top-header .sub-menu ul.jq-dropdown-menu {text-align: left;}
.top-header .sub-menu ul.jq-dropdown-menu a span {font-size: 18px; margin:0; padding: 2px 0 0 0; line-height: 24px; float: left; width: 28px;}
.top-header #dropdown-lang ul li.active a {cursor: default}
#socialMediaInfo img {max-height: 20px; height: 20px; width:auto;}
.socialMediaFooter img {max-height: 20px; height: 20px; width:auto;}

.top-header .offcanvas-info-header,
nav.main .offcanvas-nav-header {display:none;}

.top-header.top-header-login .col-left {width: 100%; float: none;}
.top-header.top-header-login .col-right {display: none;}

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


    .top-header.offcanvas-info {height:auto; width: 450px; right: -500px; position: fixed; z-index: 201;  top:0; bottom: 0; background: #f2f2f2;
        -webkit-box-shadow: 0 0 20px 0 rgba(0,0,0,0.5);
        -moz-box-shadow: 0 0 20px 0 rgba(0,0,0,0.5);
        box-shadow: 0 0 20px 0 rgba(0,0,0,0.5);
        overflow-y: scroll; -webkit-overflow-scrolling: touch;
        transition: all .4s ease-in-out .25s;}
    .top-header.offcanvas-info.active { right: 0;transition: all .4s ease-in-out .25s;}

    .top-header.offcanvas-info .wrp {width: 100%;}
    .top-header.offcanvas-info .col-left,
    .top-header.offcanvas-info .col-right {width: 100%; line-height: 20px; margin-top: 0; float: none;}
    .top-header.offcanvas-info .offcanvas-info-header {border-top: 5px solid #ccc;  display: block; height: 98px; background: #fff; line-height: 95px; font-size: 20px; box-sizing: border-box; padding:0 0 0 20px; }
    .top-header.offcanvas-info .offcanvas-info-header .close-offcanvas {display:block; float: right; margin: 22px 10px 0 0; border: 1px solid #dadada; border-radius: 1px; width: 50px; height: 50px;  position: relative; }
    .top-header.offcanvas-info .offcanvas-info-header .close-offcanvas .icon {position: absolute;width: 42px; height: 42px; right: 3px; top:3px; border: 0;   cursor: pointer;transition: all .3s ease-in-out; display: block; background: #f2f2f2; color:#808080 }
    .top-header.offcanvas-info .offcanvas-info-header .close-offcanvas .icon:before {font-size: 20px; text-align: center;width: 42px; height: 42px; display: block; line-height: 40px;}

    .top-header .sub-menu {text-align: left;}
    .top-header .sub-menu a.open-dropdown {margin: 0; padding: 0 0 0 20px;  display:block; border: none; background: #fff; font-size: 16px; font-weight: 600; line-height: 45px; height: 45px; box-sizing: border-box;}
    .top-header .sub-menu a.open-dropdown span {display:none;}
    .top-header .sub-menu ul.jq-dropdown-menu a span {font-size: 22px; padding: 10px 0 0 0; line-height: 30px; width: 35px;}

    .top-header.offcanvas-info .lang-switch,
    .top-header.offcanvas-info .customer-info {display: none;}
    .top-header.offcanvas-info #dropdown-lang,
    .top-header.offcanvas-info #dropdown-infocenter,
    .top-header.offcanvas-info #dropdown-account,
    .top-header.offcanvas-info #dropdown-administration {display: block!important; position: relative;margin-bottom: 45px; border: 1px solid #dadada; border-left: none; border-right: none;}


    .top-header.offcanvas-info #dropdown-lang ul li {width: 50%; float: left; box-sizing: border-box; position: relative;}
    .top-header.offcanvas-info #dropdown-lang ul li:first-child,
    .top-header.offcanvas-info #dropdown-lang ul li:nth-child(2) {border: none;}
    .top-header.offcanvas-info #dropdown-lang ul li:nth-child(2n +2) {border-left:1px solid #dadada; }
    .top-header.offcanvas-info #dropdown-lang ul li .lang-switch-icon { float: left; margin: 15px 10px 0 0;}
}

@media screen and (max-width: 680px) {
    .top-header.top-header-login .col-left .customer-info {display: none;}
}

@media screen and (max-width: 480px) {
    .top-header.offcanvas-info {height:auto; width: 300px; right: -350px;}
    .top-header.offcanvas-info .offcanvas-info-header {height: 72px; background: #fff; line-height: 67px; font-size: 20px; box-sizing: border-box; padding:0 0 0 20px; }
    .top-header.offcanvas-info .offcanvas-info-header .close-offcanvas {margin: 12px 10px 0 0; border: none; padding: 0; width: 42px; height: 42px; }
    .top-header.offcanvas-info .offcanvas-info-header .close-offcanvas .icon {top:0; left:0;}
}

.logo-single {width: 300px; height: 100px; margin: 20px 0;}
.logo-single a {display: block;}
.logo-single a img {max-width: 100%; height: auto;}

@media screen and (max-width: 1024px) {
    .logo-single {width: 200px; height: auto; margin: 15px 0 20px 0;}
}

@media screen and (max-width: 480px) {
    .logo-single {width: 120px;}
}

/* Template Header */

.header .header-logo {float: left; width: 300px; height: 100px; margin: 20px 0;}
.header .header-logo a {display: block;}
.header .header-logo img, .header .header-logo a img {height: auto; max-height: 100px;   }

.header #changeable-user-groups { position: relative; float: left; margin: 40px 40px 0; }
.header #changeable-user-groups label { font-weight: normal; margin: 0; font-size: 0.92em; }
.header #changeable-user-groups select { width: 100%; }
.header #changeable-user-groups #changeableUserGroupStatus { position: absolute; left: 100%; top: 0; margin: 26px 0 0 10px; background: inherit; }

.header #changeable-user-groups label {
    display:none !important;
}

.header #changeable-user-groups select {
    width: 320px  !important;
    height: 52px !important;
    margin-top:3px;
}

.header .header-search {float: left; margin: 44px 0 0 300px; position: relative;}
.header .header-search input {height: 50px; box-sizing: border-box; border: 1px solid #dadada; border-radius: 1px;}
.header .header-search input[type="submit"] {position: absolute; background: #f2f2f2; display: block; text-align: center; padding: 0; width: 42px; height: 42px; right: 4px; top:4px; border: 0; font-family: 'printbridge-icon', sans-serif; font-size: 20px; color: #4d4d4d; cursor: pointer;transition: all .3s ease-in-out;}
.header .header-search input[type="submit"]:active,
.header .header-search input[type="submit"]:hover,
.header .header-search input[type="submit"]:focus {outline: none;}

.header .header-cart {float: right; border: 1px solid #dadada; border-radius: 1px; width: auto; height: 50px; display: block; margin: 44px 0 0 0; position: relative; }
.header .header-cart a {display: block; width: 100%; height: 50px;}
.header .header-cart .cart-count {display: block; font-size: 16px; color: #b2b2b2; line-height: 22px; padding: 13px 62px 0 20px;}
.header .header-cart .cart-icon {position: absolute;width: 42px; height: 42px; right: 3px; top:3px; border: 0;   cursor: pointer;transition: all .3s ease-in-out; display: block; background: #f2f2f2; color:#808080 }
.header .header-cart .cart-icon span {font-size: 24px;  text-align: center; line-height: 22px; width: 42px; display: block; margin: 8px 0 0 0;}
.header .header-cart .cart-icon .cart-icon-count {font-size: 12px;  text-align: center; line-height: 20px; width: 20px; display: block; position: absolute; border-radius: 50%; background: #b2b2b2; right: -8px; top:-18px;}
.header .header-cart .cart-content {visibility: hidden; opacity: 0;background: #fff; z-index: 5; width: 400px; position: absolute; right: -1px; top: 48px; border:solid 1px #ddd;border-radius:4px;box-shadow:0 5px 10px rgba(0,0,0,0.2);overflow:visible;padding:5px;margin:0;transition: all 300ms ease-in;}
.header .header-cart .currentBudget {width: 300px; position: absolute; right: -1px; top: 55px; text-align: right; }
.header .header-cart .cart-drop:hover .cart-content {visibility: visible; opacity: 1; }

.header .header-cart .cart-content .cart-content-head {background: #e5e5e5; font-weight: 600; margin-bottom: 2px;}
.header .header-cart .cart-content .col-1 {width: 60%; float: left; padding: 3px 5px; box-sizing: border-box;}
.header .header-cart .cart-content .col-2 {width: 20%; float: left; padding: 3px 5px; box-sizing: border-box; text-align: center;}
.header .header-cart .cart-content .col-3 {width: 20%; float: right; padding: 3px 5px; box-sizing: border-box; text-align: right;}
.header .header-cart .cart-content .btn {line-height: 38px; height: 40px;}
.header .header-cart .cart-content hr {margin: 15px 0;}
.header .header-cart .cart-content .cart-item-aid {background: #f4f4f4;}

.header .header-cart .cart-content .col-2.float-right {float: right;}

.header .open-offcanvas {display:none; float: right; margin: 22px 0 0 10px; border: 1px solid #dadada; border-radius: 1px; width: 50px; height: 50px;  position: relative; }
.header .open-offcanvas .icon {position: absolute;width: 42px; height: 42px; right: 3px; top:3px; border: 0;   cursor: pointer;transition: all .3s ease-in-out; display: block; background: #f2f2f2; color:#808080 }
.header .open-offcanvas .icon:before {font-size: 20px; text-align: center;width: 42px; height: 42px; display: block; line-height: 40px;}


#ExportOptions { float: left}
#ExportOptions a.btnCartExport {border: 1px solid #dadada;background: #f0f0f0;color: #4c4c4c;text-align: center;float: left;margin-right: 10px; font-weight: normal; font-size: 12px; padding: 0 10px 0 25px; position: relative}
#ExportOptions a.btnCartExport:hover {background: #d9d9d9;border-color: #cccccc;color: #4c4c4c;transition: background .3s ease-in-out;}

#ExportOptions a.btnCartExport.btnExcel:before, #ExportOptions a.btnCartExport.btnPDF:before {  width: 10px;position: absolute; left: 8px;top: 1px;opacity: 0.7; }
#ExportOptions a.btnCartExport.btnExcel:before { content: url("../../assets/icon/cart_icon_excel.svg");  }
#ExportOptions a.btnCartExport.btnPDF:before { content: url("../../assets/icon/cart_icon_pdf.svg"); }



@media screen and (max-width: 1920px){
    .header .header-search {margin: 44px 0 0 150px;}
}

@media screen and (max-width: 1280px){
    .header .header-logo { width: 300px; height: 100px; margin: 20px 0;}
    .header .header-search { margin: 44px 0 0 80px; }
}

@media screen and (max-width: 1024px){
    .header {height: 94px; border-bottom: 1px solid #dadada; margin-bottom: 20px;}
    .header.search-active {height: 158px; border-bottom: 1px solid #dadada; margin-bottom: 20px;}
    .header .header-logo {float: left; width: 200px; height: auto; margin: 15px 0 0 10px;}
    .header .header-logo a img, .header .header-logo img {max-height: 65px;}
    .header .header-search {display: none;}
    #userList .header { width: 76%}
    #userList .header .header-search {display: block;width: 100%;}
    #userList .header .header-search input[type="text"] {width: 100%;}
    .header .header-search.active {display: block; position: absolute; top:94px; margin: 0; box-sizing: border-box; width: 96%; float: none;}
    .header .header-search.active input[type="text"] { width:100%; display: block; margin: 0; }

    .header .header-cart {width: 50px; margin: 22px 0 0 10px;}
    .header .header-cart .cart-count {display: none;}
    .header .header-cart.cart-drop:hover .cart-content {visibility: hidden; opacity: 0; display: none; }

    .header .header-cart .currentBudget {font-size: 10px; line-height: 10px;}

    .header .open-offcanvas {display: block;}
    .header .open-offcanvas.open-offcanvas-nav {float: left; margin: 22px 0 0 0;}
}

@media screen and (max-width: 480px) {
    .header {height: 68px; margin-bottom: 20px;}
    .header .header-logo {width: 120px; height: auto; margin: 12px 0 0 5px;}
    .header .header-logo a img, .header .header-logo img {max-height: 42px;}
    .header .open-offcanvas {margin: 12px 5px 0 0; border: none; padding: 0; width: 42px; height: 42px;}
    .header .open-offcanvas.open-offcanvas-nav {margin: 12px 0 0 0;}
    .header .open-offcanvas .icon {top:0; left:0;}
    .header .header-cart {margin: 12px 0 0 0; border: none; padding: 0; width: 42px; height: 42px;}
    .header .header-cart .cart-icon {top:0; left:0;}
    .header .header-cart .cart-content { top: 60px; !important }

    .header .header-cart .currentBudget { top: 62px; max-width: 150px;}

    .header.search-active {height: 134px; border-bottom: 1px solid #dadada; }
    .header .header-search {display: none;}
    .header .header-search.active {display: block; position: absolute; top:74px; margin: 0; box-sizing: border-box; width: 96%; float: none;}
    .header .header-search.active input[type="text"] { width:100%; display: block; margin: 0; }
}

@media screen and (max-width: 340px) {
    .header .header-logo {width: 85px; margin: 16px 0 0 5px;}
    .header .header-logo a img, .header .header-logo img {max-height: 34px; }
}

/* Main Nav Header */
nav.main {min-height: 50px; background: #f2f2f2;}
nav.main ul {margin: auto; padding: 0;}
nav.main ul li {list-style: none; display: block; float: left; box-sizing: border-box; font-size: 16px; position: relative;}
nav.main ul li a {line-height: 50px; display:block;  margin-right: 40px; transition: color .3s ease-in-out;}
nav.main ul li.has-sub-cat a {margin-right: 50px;}
nav.main ul li.has-sub-cat a span {font-size: 11px; padding:0; box-sizing: border-box; display: inline-block; line-height: 20px; margin: 16px 0 0 10px;  }
nav.main ul li ul li.has-sub-cat a span {font-size: 11px; float: right; margin: 1px 0 0 10px; transform: rotate(-90deg);}
nav.main ul li ul {display: none; position: absolute; background: #fff; z-index: 5; width: 250px; transition: all .3s  ease-in-out; border: 1px solid #dadada; }
/*nav.main ul li:last-child ul {right:50px;}*/
nav.main ul li ul li { display: block; width: 100%; float: none; border-bottom: 1px solid #dadada; }
nav.main ul li ul li.current { background: #f2f2f2; }
nav.main ul li ul li:last-child {border: none;}
nav.main ul li ul li a {display: block; width: 100%; padding: 10px; line-height: 20px; box-sizing: border-box; }
nav.main ul li:hover ul {display: block;}
nav.main ul li.has-sub-cat ul li a {transition: background .3s ease-in-out;}
nav.main ul li.has-sub-cat ul li a:hover {background: #f2f2f2;}
nav.main ul li ul li ul { position: absolute; background: #fff; left:250px; top:-1px; transition: all .25s  ease-in-out;}
nav.main ul li:hover ul li ul {display: none; }
nav.main ul li ul li:hover > ul {display: block;}
nav.main .offcanvas-sub-drop {display: none;}


@media screen and (max-width: 1024px) {
    nav.main {height:auto; width: 450px; left: -500px; position: fixed; z-index: 201;  top:0; bottom: 0; background: #f2f2f2;
        -webkit-box-shadow: 0 0 20px 0 rgba(0,0,0,0.5);
        -moz-box-shadow: 0 0 20px 0 rgba(0,0,0,0.5);
        box-shadow: 0 0 20px 0 rgba(0,0,0,0.5);
        overflow-y: scroll; -webkit-overflow-scrolling: touch;
        transition: all .4s ease-in-out .25s;}
    nav.main.active { left: 0;transition: all .4s ease-in-out .25s;}
    nav.main .wrp {width: 100%;}

    nav.main .offcanvas-nav-header {border-top: 5px solid #ccc;  display: block; height: 98px; background: #fff; line-height: 95px; font-size: 20px; box-sizing: border-box; padding:0 0 0 20px; }
    nav.main .offcanvas-nav-header .close-offcanvas {display:block; float: right; margin: 22px 10px 0 0; border: 1px solid #dadada; border-radius: 1px; width: 50px; height: 50px;  position: relative; }
    nav.main .offcanvas-nav-header .close-offcanvas .icon {position: absolute;width: 42px; height: 42px; right: 3px; top:3px; border: 0;   cursor: pointer;transition: all .3s ease-in-out; display: block; background: #f2f2f2; color:#808080 }
    nav.main .offcanvas-nav-header .close-offcanvas .icon:before {font-size: 20px; text-align: center;width: 42px; height: 42px; display: block; line-height: 40px;}

    nav.main ul  {border-top: 1px solid #dadada;}
    nav.main ul li {list-style: none; display: block; float: none; box-sizing: border-box; font-size: 16px; position: relative; line-height: 45px;width: 100%; border-bottom: 1px solid #dadada;}
    nav.main ul li a { display:block; line-height: 25px;  margin-right: 0; transition: color .3s ease-in-out;padding:10px 0 10px 20px;}
    nav.main ul li.has-sub-cat a {margin-right: 0;}
    nav.main ul li.has-sub-cat a span {font-size: 11px;  padding:15px 0 0 0; box-sizing: border-box; display: block; margin: -10px 11px 0 0 ; width: 49px; height: 45px; float: right; background: #fff; border-left: 1px solid #dadada;border-right: 1px solid #dadada; line-height: 20px; text-align: center;  }
    nav.main ul li ul li.has-sub-cat a span { transform: none;margin: 0 11px 0 0 ;}
    nav.main ul li ul {display:none; position: relative;  background: #fff; z-index: auto; width: 100%; transition: all .3s  ease-in-out; border: none; border-top: 1px solid #dadada;  left:0; }
    nav.main ul li ul li { display: block; width: 100%; float: none; border-bottom: 1px solid #dadada; }
    nav.main ul li ul li:last-child { border-bottom: 1px solid #dadada;}
    nav.main ul li ul li a {display: block; width: 100%;  padding:0 0 0 20px; line-height: 45px; box-sizing: border-box; }
    nav.main ul li:hover ul {display:none;}
    nav.main ul li.has-sub-cat ul li a {transition: background .3s ease-in-out;}
    nav.main ul li.has-sub-cat ul li a:hover {background: #f2f2f2;}
    nav.main ul li ul li ul { position: relative; background: #fff; left:0; transition: all .25s  ease-in-out; border-top: 1px solid #dadada;}
    nav.main ul li:hover ul li ul {display: block;}
    nav.main ul li ul li:hover ul {display: block;}
    nav.main ul li ul li ul li a {padding: 0 0 0 40px;}
    nav.main ul li ul li:last-child {border-bottom: none;}
    nav.main .offcanvas-sub-drop {display: block; background: rgba(255,255,255,0); width: 49px; height: 45px; position: absolute; right: 10px; top: 0;}
    nav.main ul li ul.active {display: block;}
    nav.main ul li.has-sub-cat a span.active {transform: rotate(-180deg);}
}

@media screen and (max-width: 480px) {
    nav.main .offcanvas-nav-header {height: 72px; background: #fff; line-height: 67px; font-size: 20px; box-sizing: border-box; padding:0 0 0 20px; }
    nav.main .offcanvas-nav-header .close-offcanvas {margin: 12px 10px 0 0; border: none; padding: 0; width: 42px; height: 42px; }
    nav.main .offcanvas-nav-header .close-offcanvas  .icon {top:0; left:0;}

    nav.main {height:auto; width: 300px; left: -350px; }
    nav.main ul li.has-sub-cat a span,
    nav.main ul li ul li.has-sub-cat a span { width: 43px;}
}

ul.breadcrumb {margin: 0 0 10px 0; padding: 0;}
ul.breadcrumb li {float: left; display: block; list-style: none; height: 40px; line-height: 40px;}
ul.breadcrumb li a { color:#bababa }
ul.breadcrumb li a:after {content: '»'; margin: 0 10px;}
ul.breadcrumb li:last-child a:after {display: none;}

ul.breadcrumb li:before {display: none;}
ul.breadcrumb {background-color: transparent;border-radius:0;}


@media screen and (max-width: 1024px){
    ul.breadcrumb {display: none;}
}

/* Section Login */
section.login {position: relative; background: url("../../assets/structure/bg_login_fallback.jpg") center center no-repeat; background-size: cover; height:calc(100vh - 41px); overflow: auto; }
section.login .login-box {width: 580px;  padding: 50px 100px; background: #fff; position: relative; left: 0; margin: 150px auto auto auto; -webkit-box-shadow: 0 0 30px 0 rgba(0,0,0,0.25); -moz-box-shadow: 0 0 30px 0 rgba(0,0,0,0.25); box-shadow: 0 0 30px 0 rgba(0,0,0,0.25);}
section.login .login-box h1 {text-align: center;}
section.login .login-box .shop-logo {display: block; margin: 0 0 10px 0;}
section.login .login-box .shop-logo img {display: block; margin: auto; width: auto; height: 100%; max-height: 100px; }
section.login .login-box .password-request {line-height: 45px; }
section.login .login-box .password-request a:hover {text-decoration: underline; }
section.login .login-box .login-request {}
section.login .login-box .login-request a:hover {text-decoration: underline; }
section.login .login-box input[type="text"],
section.login .login-box input[type="email"],
section.login .login-box input[type="password"] { padding: 15px 15px 14px 15px }
section.login .login-box .textPanel {overflow-y: auto; max-height: 150px; margin-bottom: 25px;}
section.login .login-box .remember-me {margin: 0 0 10px 0;}


@media screen and (-webkit-min-device-pixel-ratio:0) {
    /* Safari 5+ ONLY */
    ::i-block-chrome, section.login {
        padding-bottom: 11%;
    }
}

@media screen and (max-width: 1024px){
    section.login {position: relative; background:#fff;  height:auto; overflow: auto;    background-image: none!important;}
    section.login .login-box {width: 380px;  padding: 0; background: #fff; left:0; margin: 20px auto 0 auto; position: relative;  -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;}
    section.login .login-box input[type="text"],
    section.login .login-box input[type="email"],
    section.login .login-box input[type="password"] { width: 100%; }
}
@media screen and ( max-height: 900px ){
    section.login .login-box {margin-top: 100px; margin-bottom: 100px;}
}
@media screen and ( max-height: 800px ){
    section.login .login-box {margin-top: 75px; margin-bottom: 75px;}
}
@media screen and (max-width: 480px){
    section.login .login-box {width: 90%; }
    section.login .login-box .shop-logo img {max-width: 80%; height: auto; }
}

section.main {margin: 0 0 60px 0;}
section.main .ncrn {width: 3px; height: 3px; background:none; display: block; position: absolute; bottom:40px; left:50%;}
section.main .col-left {width: 17.722%; margin: 0 0 60px 0;}
section.main .col-right {width: 81.0132%; margin: 0 0 60px 0; }
section.main h1.headline { margin-left:298px}

@media screen and (max-width: 1920px) {
    section.main .col-left {width: 22.722%;}
    section.main .col-right {width: 76.0132%; min-height:0;}
    section.main h1.headline { margin-left:335px}
}
@media screen and (max-width: 1440px) {
    section.main h1.headline { margin-left: 24% }
}
@media screen and (max-width: 1280px) {
    section.main .col-left {width: 27.722%;}
    section.main .col-right {width: 71.0132%; min-height:0;}
    section.main h1.headline { margin-left: 29%}
}
@media screen and (max-width: 1024px){
    section.main .col-left {display: none;}
    section.main .col-right {width: 100%;  min-height: 0; float: none;}
    section.main h1.headline { margin-left: 0 }
}

section.main .col-right h1 {margin: 5px 0 26px 0; font-size: 30px; font-weight: 300;}

@media screen and (max-width: 480px){
    section.main .col-right h1 { margin: 5px 0 18px 0; font-size: 24px;}
}

section.main .welcome-image {position: relative; background: #f7f7f7; overflow: hidden; margin-bottom: 60px;}
section.main .welcome-image img {width: 100%; height: auto; max-width: 1920px; display: block; margin: auto;}
section.main .welcome-slider { position: relative; width: 100%; background: #f7f7f7; overflow: hidden; margin-bottom: 60px;}
section.main .cms-content {margin:0 0 60px 0 }

@media screen and (max-width: 800px){
    section.main .welcome-slider {display: none;}
    #userList .header { width: 100%}
}

section.main ul.welcome-categories {margin: 0 0 60px 0; padding: 0; }
section.main ul.welcome-categories li {list-style:none; float:left; display: block; width: 18.8%;  margin: 0 1.5% 1.5% 0;  box-sizing: border-box; border: 1px solid #eeeeee; transition: border .3s ease-in-out;}
section.main ul.welcome-categories li:nth-child(5n+5) {margin: 0 0 1.5% 0;}
section.main ul.welcome-categories li a {display: block; width: 100%;  position: relative;}
section.main ul.welcome-categories li a .item-image {display: block; margin: 0; padding: 0; height: auto;}
section.main ul.welcome-categories li a .item-image img {width: 100%; height: auto; padding: 0; border: 0; margin: 0; display: inline;vertical-align:bottom; }
section.main ul.welcome-categories li a .item-name {display: block; position: absolute; bottom: 0; width: 100%; background: rgba(242, 242, 242, 0.80); height: 60px; line-height: 60px; font-size: 16px; font-weight: 300; padding: 0 20px; box-sizing: border-box; transition: all .3s ease-in-out;}
section.main ul.welcome-categories li a .item-name span.icon {float: right; font-size: 10px; padding-top: 3px; }
section.main ul.welcome-categories li a .item-name span.label-groupname {display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width:22ch}
section.main ul.welcome-categories li a .item-name span.icon.icon-arrow-68 {position: absolute !important; right: 20px!important; top: 2px!important;}
section.main ul.welcome-categories li:hover {border-color:#cccccc;}
section.main ul.welcome-categories li:hover a .item-name {background: rgba(255, 255, 255, 0.85);}

@media screen and (max-width: 1440px){
    section.main ul.welcome-categories li {width: 23.5%; min-height: 100px; margin: 0 2% 2% 0; }
    section.main ul.welcome-categories li:nth-child(5n+5) {margin: 0 2% 2% 0;}
    section.main ul.welcome-categories li:nth-child(4n+4) {margin: 0 0 2% 0;}
}

@media screen and (max-width: 1024px) {
    section.main ul.welcome-categories li {width: 32%; min-height: 100px; margin: 0 2% 2% 0; }
    section.main ul.welcome-categories li:nth-child(4n+4) {margin: 0 2% 2% 0;}
    section.main ul.welcome-categories li:nth-child(3n+3) {margin: 0 0 2% 0;}
}

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

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

section.main ul.welcome-article {margin: 0 0 60px 0; padding: 0; }
section.main ul.welcome-article li {list-style:none; float:left; display: block; width: 15.4166666666666667%;  margin: 0 1.5% 1.5% 0;  box-sizing: border-box; border: 1px solid #eeeeee; transition: border .3s ease-in-out;}
section.main ul.welcome-article li:nth-child(6n+6) {margin: 0 0 1.5% 0;}
section.main ul.welcome-article li:hover {border-color:#cccccc;}
section.main ul.welcome-article li a {display: block; width: 100%;  position: relative;}
section.main ul.welcome-article li a .item-image {display: block; margin: 0; padding: 5px; height: auto;}
section.main ul.welcome-article li a .item-image img {width: 100%; height: auto; vertical-align: bottom;}
section.main ul.welcome-article li a .item-name{display: block; text-align: center; height: 50px; padding: 5px;}
section.main ul.welcome-article li a .btn-cta {width: 100%; text-align: center; vertical-align: bottom;}


@media screen and (max-width: 1920px){
    section.main ul.welcome-article li {width: 18.4%; min-height: 100px; margin: 0 2% 2% 0; }
    section.main ul.welcome-article li:nth-child(6n+6) {margin: 0 2% 2% 0;}
    section.main ul.welcome-article li:nth-child(5n+5) {margin: 0 0 2% 0;}
}

@media screen and (max-width: 1024px) {
    section.main ul.welcome-article li {width: 23.5%; min-height: 100px;  }
    section.main ul.welcome-article li:nth-child(5n+5) {margin: 0 2% 2% 0;}
    section.main ul.welcome-article li:nth-child(4n+4) {margin: 0 0 2% 0;}
}

@media screen and (max-width: 800px) {
    section.main ul.welcome-article li {width: 32%; min-height: 100px; }
    section.main ul.welcome-article li:nth-child(4n+4) {margin: 0 2% 2% 0;}
    section.main ul.welcome-article li:nth-child(3n+3) {margin: 0 0 2% 0;}
}

@media screen and (max-width: 480px){
    section.main ul.welcome-article li {width: 49%; min-height: 100px;  }
    section.main ul.welcome-article li:nth-child(3n+3) {margin: 0 2% 2% 0;}
    section.main ul.welcome-article li:nth-child(2n+2) {margin: 0 0 2% 0;}
}

section.main .welcome-user-gallery {margin: 0 0 60px 0;}
section.main .welcome-user-gallery ul.user-gallery {margin:0; padding: 0;}
section.main .welcome-user-gallery ul.user-gallery li {float: left; list-style: none; width: 9.1%; position: relative;  height: 140px; margin:0 1% 1% 0; border: 1px solid #eeeeee; box-sizing: border-box; display: block; padding: 3px; transition: all .3s ease-in-out;}
section.main .welcome-user-gallery ul.user-gallery li:nth-child(10n+10) {margin:0 0 1% 0; }
section.main .welcome-user-gallery ul.user-gallery li a {display: block; position: absolute; top:3px; left:3px; right:3px; bottom: 3px;}

section.main .welcome-user-gallery ul.user-gallery li .item-modal-trigger { position: absolute; top: inherit; right: 3px; bottom: 3px; left: 3px;}


@media screen and (max-width: 1920px){
    section.main .welcome-user-gallery ul.user-gallery li { width: 11.625%;  height: 140px; }
    section.main .welcome-user-gallery ul.user-gallery li:nth-child(10n+10) {margin:0 1% 1% 0; }
    section.main .welcome-user-gallery ul.user-gallery li:nth-child(8n+8) {margin:0 0 1% 0; }
}

@media screen and (max-width: 1024px){
    section.main .welcome-user-gallery ul.user-gallery li { width: 13.428571%;  height: 130px; }
    section.main .welcome-user-gallery ul.user-gallery li:nth-child(8n+8) {margin:0 1% 1% 0; }
    section.main .welcome-user-gallery ul.user-gallery li:nth-child(7n+7) {margin:0 0 1% 0; }
}

@media screen and (max-width: 800px){
    section.main .welcome-user-gallery ul.user-gallery li { width: 15.833333333%;  height: 110px; }
    section.main .welcome-user-gallery ul.user-gallery li:nth-child(7n+7) {margin:0 1% 1% 0; }
    section.main .welcome-user-gallery ul.user-gallery li:nth-child(6n+6) {margin:0 0 1% 0; }
}

@media screen and (max-width: 640px){
    section.main .welcome-user-gallery ul.user-gallery li { width: 19.2%;  height: 110px; }
    section.main .welcome-user-gallery ul.user-gallery li:nth-child(6n+6) {margin:0 1% 1% 0; }
    section.main .welcome-user-gallery ul.user-gallery li:nth-child(5n+5) {margin:0 0 1% 0; }
}

@media screen and (max-width: 480px){
    section.main .welcome-user-gallery ul.user-gallery li { width: 24.25%;  height: 100px; }
    section.main .welcome-user-gallery ul.user-gallery li:nth-child(5n+5) {margin:0 1% 1% 0; }
    section.main .welcome-user-gallery ul.user-gallery li:nth-child(4n+4) {margin:0 0 1% 0; }
}

@media screen and (max-width: 380px){
    section.main .welcome-user-gallery ul.user-gallery li { width: 32.666666667%;  height: 100px; }
    section.main .welcome-user-gallery ul.user-gallery li:nth-child(4n+4) {margin:0 1% 1% 0; }
    section.main .welcome-user-gallery ul.user-gallery li:nth-child(3n+3) {margin:0 0 1% 0; }
}


section.main ul.category-list {margin: 0 0 60px 0; padding: 0; }
section.main ul.category-list li {list-style:none; float:left; display: block; width: 23.875%;  margin: 0 1.5% 1.5% 0;  box-sizing: border-box; border: 1px solid #eeeeee; transition: border .3s ease-in-out;}
section.main ul.category-list li:nth-child(4n+4) {margin: 0 0 1.5% 0;}
section.main ul.category-list li a {display: block; width: 100%;  position: relative;}
section.main ul.category-list li a .item-image {display: block; margin: 0; padding: 0; height: auto;}
section.main ul.category-list li a .item-image img {width: 100%; height: auto; padding: 0; border: 0; margin: 0; display: inline;vertical-align:bottom; }
section.main ul.category-list li a .item-name {display: block; position: absolute; bottom: 0; width: 100%; background: rgba(242, 242, 242, 0.80); height: 60px; line-height: 60px; font-size: 16px; font-weight: 300; padding: 0 20px; box-sizing: border-box; transition: all .3s ease-in-out;}
section.main ul.category-list li a .item-name span.icon {float: right; font-size: 10px; padding-top: 3px; }
section.main ul.category-list li a .item-name span.label-groupname {display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width:22ch}
section.main ul.category-list li a .item-name span.icon.icon-arrow-68 {position: absolute !important; right: 20px!important; top: 2px!important;}
section.main ul.category-list li:hover {border-color:#cccccc;}
section.main ul.category-list li:hover a .item-name {background: rgba(255, 255, 255, 0.85);}

@media screen and (max-width: 1440px) {
    section.main ul.category-list li {width: 32.33333333333%;  margin: 0 1.5% 1.5% 0; }
    section.main ul.category-list li:nth-child(4n+4) {margin: 0 1.5% 1.5% 0;}
    section.main ul.category-list li:nth-child(3n+3) {margin: 0 0 1.5% 0;}
}

@media screen and (max-width: 800px) {
    section.main ul.category-list li {width: 49.25%;  margin: 0 1.5% 1.5% 0; }
    section.main ul.category-list li:nth-child(3n+3) {margin: 0 1.5% 1.5% 0;}
    section.main ul.category-list li:nth-child(2n+2) {margin: 0 0 1.5% 0;}
}

@media screen and (max-width: 480px){
    section.main ul.category-list li {width: 100%;  margin: 0 0 1.5% 0; }
    section.main ul.category-list li:nth-child(3n+3) {margin: 0 0 1.5% 0;}
}

/* Section Adressbook */
.adressbook .adress-search {float: left; margin: 0; position: relative;}
.adressbook .adress-search input {height: 50px; box-sizing: border-box; border: 1px solid #dadada; border-radius: 1px; width: 320px;}
.adressbook .adress-search input[type="submit"] {position: absolute; background: #f2f2f2; display: block; text-align: center; padding: 0; width: 42px; height: 42px; right: 4px; top:4px; border: 0; font-family: 'printbridge-icon', sans-serif; font-size: 20px; color: #4d4d4d; cursor: pointer;transition: all .3s ease-in-out;}
.adressbook .adress-search input[type="submit"]:active,
.adressbook .adress-search input[type="submit"]:hover,
.adressbook .adress-search input[type="submit"]:focus {outline: none;}
.adressbook .btn-new-adress {float: right; margin: 0 0 0 15px;}
.adressbook .btn-all-adress {float: right;}

.adressbook input[type="text"],
.adressbook input[type="email"],
.adressbook input[type="tel"],
.adressbook input[type="number"],
.adressbook input[type="password"] {  padding: 7px;}
.adressbook label {display: inline-block; width: 220px; vertical-align: top; padding: 7px 0 0 0; box-sizing: border-box;}

@media screen and (max-width: 800px) {
    .adressbook .adress-search {float: none;}
    .adressbook .adress-search input {width: 100%;}
    .adressbook .btn-all-adress {float: left;}
}

@media screen and (max-width: 420px) {
    .adressbook .btn-all-adress,
    .adressbook .btn-new-adress {float: none; display: block; width: 100%; margin: 0 0 10px 0;}
}

ul.switch-listing-view {width: auto; float: right; margin: -50px 0 0 0; padding: 0;}
ul.switch-listing-view li { display: block; width: 26px; height: 26px; float: left;   }
ul.switch-listing-view li.divider {  border-right:1px dashed #e5e5e5; margin: 5px 8px; width: 1px; box-sizing: border-box; height:16px; }
ul.switch-listing-view li:hover {cursor: pointer;}
ul.switch-listing-view li span { color: #cccccc; font-size: 24px;}
ul.switch-listing-view li.current span {}
ul.switch-listing-view-hidden { display: none; }

section.main .item-list-standard {margin: 0; padding: 0;}
.item-list-single {list-style: none; margin: 0 0 20px 0; padding: 0 0 20px 0 ; border-bottom: 1px solid #e6e6e6; position: relative;}
.item-list-single .item-image {float: left; width: 280px;}
.item-list-single .item-image .preview {width: 280px; max-width: 280px; height: 280px; display: table-cell; vertical-align: middle; box-sizing: border-box; border: 1px solid #e6e6e6; margin: 0;text-align: center;}
.item-list-single .item-image .preview  a {padding:10px; cursor: zoom-in; display: block;}
.item-list-single .item-image .preview  a img { height: auto; vertical-align: bottom;}
/* Default size of the article images (PL-24106), formerly inline styles in the templates: :where() keeps the
   specificity at 0, so the shop's own CSS (e.g. for .printess-thumbnail) overrides it without !important */
:where(.item-list-single .item-image .preview) img {max-width: 100%; max-height: 257px;}
:where(.item-gal .item-image .preview) img {max-width: 100%; max-height: 218px;}
:where(.related-items .preview) img {max-width: 100%; max-height: 257px;}
.item-list-single .item-image .preview.no-image {text-align: center; vertical-align: middle; display: table-cell; font-size: 12px; color: #a5a5a5}
.item-list-single .item-image .thumbnail {margin: 0; padding: 0;}
.item-list-single .item-image .thumbnail li {padding: 0; width: 63px; height: 63px; display: block; float: left; margin: 8px 8px 0 0; box-sizing: border-box; border: 1px solid #e6e6e6;}
.item-list-single .item-image .thumbnail li a {display: table-cell; vertical-align: middle; width: 63px; height: 63px; text-align: center; cursor: zoom-in;}
.item-list-single .item-image .thumbnail li a img {width: 100%; max-width: 100%; height: auto; vertical-align: top;}
.item-list-single .item-image .thumbnail li:nth-child(4n+4){margin: 8px 0 0 0;}

.item-list-single .item-description {float: left; margin-left: 20px; width: 480px; display: block;}
.item-list-single .item-description h2 {margin: 0 0 4px 0;}
.item-list-single .item-description .item-price-from {font-size: 24px; display: block; font-weight: 300;}

.item-list-single .item-description .infobox {margin: 10px 0 0 0; display: block; position: relative;}
.item-list-single .item-description .infobox .col-left {width: 100%; min-height: 0; margin: 0; float: none;}
.item-list-single .item-description .infobox .col-right {width: 100%; min-height: 0; margin: 0; float: none; position: relative; right: 0; top: 0; z-index: 2;}
.item-list-single .item-description .infobox .distancer {display: inline-block; width: 110px;}
.pricescale {position: relative;}
.pricescale .pricescale-trigger {cursor: pointer;}
.pricescale .pricescale-trigger:before {content: '+'; color: #fff; font-weight: 400; font-size: 11px;  padding: 0 0 3px 0; line-height: 10px; text-align: center; box-sizing: border-box; background: #ff5f67; height: 11px; width: 11px; display: block; float: left; margin: 4px 5px 0 0 ;}
.pricescale .pricescale-content {display: none; margin: 0 0 7px 0;}
.pricescale .pricescale-content ul {margin: 5px 0 0 0; padding: 0; width: 100%;}
.pricescale .pricescale-content ul li {margin: 0;  background: #f2f2f2; line-height: 24px; box-sizing: border-box; padding: 0 0 0 5px; list-style: none;}
.pricescale .pricescale-content ul li:nth-child(odd) { background: #e5e5e5;}
.pricescale .pricescale-content ul li .qty {display: block; float: left; width: 60%; box-sizing: border-box;}
.pricescale .pricescale-content ul li .price {display: block; float: right; text-align: right; width: 35%; padding-right: 5px; box-sizing: border-box;}
.pricescale .pricescale-content ul li:nth-child(1n+2):hover {background: #ff5f67; cursor: default; color: #fff;}
.pricescale.pricescale-with-unit .pricescale-content ul li .qty {width: 38%;}
.pricescale.pricescale-with-unit .pricescale-content ul li .unit-price {display: block; float: left; width: 32%; text-align: left; box-sizing: border-box; padding-right: 5px;}
.pricescale.pricescale-with-unit .pricescale-content ul li .price {width: 30%;}
.pricescale.pricescale-with-unit .pricescale-content ul li.pricescale-head {font-weight: 600;}
.pricescale.pricescale-with-unit .pricescale-content ul li.pricescale-current {background: #fff5e6; border-left: 3px solid #ff8a1f; padding-left: 2px;}
.pricescale.pricescale-with-unit .pricescale-content ul li.pricescale-current:nth-child(odd) {background: #fff5e6;}
.pricescale.pricescale-with-unit .pricescale-content ul li.pricescale-current:hover {background: #ffe9cc; color: inherit;}
.pricescale.pricescale-with-unit .pricescale-current-label {display: inline-block; margin-left: 4px; font-size: 10px; font-style: normal; font-weight: 600; color: #ff8a1f; text-transform: uppercase;}
.pricescale.pricescale-with-unit .pricescale-diff {display: inline-block; margin-left: 4px; padding: 0 5px; color: #fff; border-radius: 9px; font-size: 11px; line-height: 18px; vertical-align: middle;}
.pricescale.pricescale-with-unit .pricescale-diff-down {background: #2eb872;}
.pricescale.pricescale-with-unit .pricescale-diff-up {background: #b0b0b0;}

.item-list-single .item-description .description-trigger {cursor: pointer; text-align: right;}
.item-list-single .item-description .description-trigger .less {display: none;}
.item-list-single .item-description .description-trigger.active .more {display: none;}
.item-list-single .item-description .description-trigger.active .less {display: inline-block;}
.item-list-single .item-description .description-content {display: none;}
.item-list-single .item-description .description-content .active {display: block;}


.item-list-single .item-incart {float: right; width: 480px; display: block; box-sizing: border-box; border: 1px solid #e6e6e6; background: #fafafa; padding: 15px; margin: 0 0 0 0;}
.highlighted-background { display: block; box-sizing: border-box; border: 1px solid #e6e6e6; background: #fafafa; padding: 15px; margin: 0 0 0 0; }
.item-list-single .item-incart .alert {margin-bottom: 15px;}
.item-list-single .item-incart label {width: 180px;}
.item-list-single .item-incart small.globalOptionGroupNotice {margin-left: 180px;}
.item-list-single .item-incart input[type="text"],
.item-list-single .item-incart input[type="email"],
.item-list-single .item-incart input[type="tel"],
.item-list-single .item-incart input[type="number"],
.item-list-single .item-incart input[type="password"] {border: 1px solid #dddddd; margin: 0 0 10px 0; width: 264px;  padding: 7px; font-size: 14px;  -webkit-appearance: none;}
.item-list-single .item-incart select {border: 1px solid #dddddd; margin: 0 0 10px 0; width: 264px;  padding: 7px; font-size: 13px; background-size: 31px; }
.item-list-single .item-incart textarea {border: 1px solid #dddddd; margin: 0 0 10px 0; width: 264px;  padding: 7px; font-size: 14px;  -webkit-appearance: none; box-sizing: border-box; height: 100px;}
.item-list-single .item-incart input[type="checkbox"] {display: inline-block; float: left; margin: 5px 15px 5px 0;}
.item-list-single .item-incart .btn-big {width: 100%;}
.item-list-single .item-incart .btn-data {float: right; margin: 15px 0 0 0;}
.item-list-single .item-incart .option-checkbox {}
.item-list-single .item-incart .option-checkbox input[type="checkbox"] {margin:11px 15px 5px 0;}
.item-list-single .item-incart .option-checkbox label {width: auto; line-height: 33px;}
.item-list-single .item-incart .option-checkbox input:not([type="checkbox"]){float: right;}
.item-list-single .item-incart .option-checkbox input[type="number"]{width: 100px;}
.item-list-single .item-incart .alert label {width: 80%;}

.item-list-single .item-incart input[type="text"].passText {display: none;}

.item-list-single .item-incart .existing-data {margin-bottom: 15px;}
.item-list-single .item-incart .not-in-stock {margin-bottom: 0;}

.item-list-single .item-incart .input-group {margin-bottom: 10px;}
.item-list-single .item-incart .input-group input {margin-bottom: 0;width: 100%;}
.item-list-single .item-incart .fixInputGroupWidth {display: inline-table;width: 264px;}

.item-list-single .item-incart .volumeDiscountInfo {padding-top: 10px;}
.item-list-single .item-incart small.globalOptionGroupNotice {margin-top: -10px;margin-bottom: 10px;display: block;}

section.cart .col-left.cart-col-left .batchmodal {background-color:#ffffff;}
section.main .item-list-switch .item-modal {display: block;}
section.main .item-list-switch .item-modal .modal-close {display: none;}
section.main .item-list-switch .item-modal .item-list-single {display: none;}
section.main .item-list-switch .item-modal .item-list-single.active {display: block;}
section.main .item-list-switch .item-modal.active .item-list-single {display: block; border-bottom: none; margin: 0; padding: 0; }
section.main .item-list-switch .item-modal.active .item-list-single .item-incart {margin-top:50px;}
section.main .item-list-switch .item-modal.active .item-list-single .item-description h2  {margin-right:120px;}
section.main .item-list-switch .item-gal {display: none;}
section.main .item-list-switch .item-gal.active {display: block;}
section.main .item-list-switch .item-gal.active select, section.main .item-list-switch .item-gal.active input, section.main .item-list-switch .item-gal.active textarea { width: 100%}
section.main .item-list-switch .item-gal.active .item-incart { padding: 10px;}
section.main .item-list-switch .item-gal.active .in-cart-btn { margin-bottom: 10px;}
section.main .item-list-switch .item-gal.active .input-group { margin-bottom: 10px; }
section.main .item-list-switch .item-gal.active .input-group input { margin-bottom: 0px; }

section.main .item-list-switch .item-gal.active  .icon.info {  cursor: pointer; margin-right: 5px;width: 16px;height: 16px; display: inline-block;}
section.main .item-list-switch .item-gal.active  .icon.info:before {font-size: 14px; line-height: 16px; content: "?";width: 16px;height: 16px;display: block; color:  dimgrey;border-radius: 50%; font-style: normal; border: 1px solid dimgrey;  text-align: center}

section.main .item-list-switch .item-gal-wrp {box-sizing: border-box; width: 240px; margin: 0 20px 20px 0; float: left;}
section.main .item-list-switch .item-gal-wrp:nth-child(5n+5) {margin: 0 0 20px 0;}
section.main .item-list-switch .item-gal-wrp.off {box-sizing: border-box; width: 100%; margin: 0; float: none;}
section.main .item-list-switch .item-gal-wrp.off:nth-child(5n+5) {margin:0;}

section.main .item-list-switch .item-gal-wrp .article-stock {display: none;}

section.main .item-list-switch .item-gal {border: 1px solid #f2f2f2; box-sizing: border-box; background: #fff;}
section.main .item-list-switch .item-gal .item-image {padding: 10px; box-sizing: border-box; text-align: center; height: 238px; width: 238px; display: table-cell; vertical-align: middle; }
section.main .item-list-switch .item-gal .item-image img {width: auto; height: auto; vertical-align: bottom; display: block; margin: auto; max-width: 100%; }
section.main .item-list-switch .item-gal .item-image {height: auto; width: 100%; display: block; }
section.main .item-list-switch .item-gal .item-name {background: #f7f7f7; height: 81px; box-sizing: border-box; padding: 10px; line-height: 22px;}
section.main .item-list-switch .item-gal .item-description {background: #f7f7f7; box-sizing: border-box; padding: 10px; display: none;}
section.main .item-list-switch .item-gal .item-price-from { box-sizing: border-box; padding: 10px; font-size: 20px; font-weight: 300;}
section.main .item-list-switch .item-gal .btn-show-details {text-align: left; padding: 0 0 0 10px; font-size: 14px; width: 100%; height: 45px; line-height: 43px; vertical-align: bottom;}
section.main .item-list-switch .item-gal .btn-show-details .icon {background: #0083c5; width: 43px; height: 43px; float: right; text-align: center; }
section.main .item-list-switch .item-gal .btn-show-details .icon:before {line-height: 43px; }


section.calculation .item-list-switch .item-modal {display: block;}
section.calculation .item-list-switch .item-modal .modal-close {display: none;}
section.calculation .item-list-switch .item-modal .item-list-single {display: none;}
section.calculation .item-list-switch .item-modal .item-list-single.active {display: block;}
section.calculation .item-list-switch .item-modal.active .item-list-single {display: block; border-bottom: none; margin: 0; padding: 0; }
section.calculation .item-list-switch .item-modal.active .item-list-single .item-incart {margin-top:50px;}
section.calculation .item-list-switch .item-modal.active .item-list-single .item-description h2  {margin-right:120px;}
section.calculation .item-list-switch .item-gal {display: none;}
section.calculation .item-list-switch .item-gal.active {display: block;}
section.calculation .item-list-switch .item-gal.active select, section.calculation .item-list-switch .item-gal.active input { width: 100%}
section.calculation .item-list-switch .item-gal.active .item-incart { padding: 10px;}
section.calculation .item-list-switch .item-gal.active .in-cart-btn { display: none}

section.calculation .item-list-switch .item-gal.active  .icon.info {  cursor: pointer; margin-right: 5px;width: 16px;height: 16px; display: inline-block;}
section.calculation .item-list-switch .item-gal.active  .icon.info:before {font-size: 14px; line-height: 16px; content: "?";width: 16px;height: 16px;display: block; color:  dimgrey;border-radius: 50%; font-style: normal; border: 1px solid dimgrey;  text-align: center}

section.calculation .item-list-switch .item-gal-wrp {box-sizing: border-box; width: 240px; margin: 0 20px 20px 0; float: left;}
section.calculation .item-list-switch .item-gal-wrp:nth-child(5n+5) {margin: 0 0 20px 0;}
section.calculation .item-list-switch .item-gal-wrp.off {box-sizing: border-box; width: 100%; margin: 0; float: none;}
section.calculation .item-list-switch .item-gal-wrp.off:nth-child(5n+5) {margin:0;}

section.calculation .item-list-switch .item-gal {border: 1px solid #f2f2f2; box-sizing: border-box; background: #fff;}
section.calculation .item-list-switch .item-gal .item-image {padding: 10px; box-sizing: border-box; text-align: center; height: 238px; width: 238px; display: table-cell; vertical-align: middle; }
section.calculation .item-list-switch .item-gal .item-image img {width: auto; height: auto; vertical-align: bottom; display: block; margin: auto; max-width: 100%; }
section.calculation .item-list-switch .item-gal .item-image {height: auto; width: 100%; display: block; }
section.calculation .item-list-switch .item-gal .item-name {background: #f7f7f7; height: 81px; box-sizing: border-box; padding: 10px; line-height: 22px;}
section.calculation .item-list-switch .item-gal .item-price-from { box-sizing: border-box; padding: 10px; font-size: 20px; font-weight: 300;}
section.calculation .item-list-switch .item-gal .btn-show-details {text-align: left; padding: 0 0 0 10px; font-size: 14px; width: 100%; height: 45px; line-height: 43px; vertical-align: bottom;}
section.calculation .item-list-switch .item-gal .btn-show-details .icon {background: #0083c5; width: 43px; height: 43px; float: right; text-align: center; }
section.calculation .item-list-switch .item-gal .btn-show-details .icon:before {line-height: 43px; }

section.main table.presentation {background: #fff;border-spacing:0;}
section.main .fileupload-buttonbar .ui-button {margin-bottom: 0;}
section.main .fileinput-button {margin-top: 0;}
section.main .upload-input {position: relative; margin: 0 0 15px 0;}
section.main .pers-remark textarea {width: 100%; margin: 10px 0 0 0;}

section.main .item-list-single .item-image .preview.preview-upload {padding: 10px;}
section.main .item-list-single .item-image .preview.preview-upload img {width: 100%; height: auto; margin: 0; vertical-align: bottom;}

section.main .gallery-modal h2 { padding-right: 150px; box-sizing: border-box; }
section.main .gallery-modal .item-list-single .item-image { width: 124px; }
section.main .gallery-modal .item-list-single .item-image .preview { width: 124px; height: 124px; }

.font-weight-normal { font-weight: normal !important; }

@media screen and (max-width: 1920px) {
    section.main .item-list-switch .item-gal-wrp {width: 23.875%; margin: 0 1.5% 1.5% 0; }
    section.main .item-list-switch .item-gal-wrp:nth-child(5n+5) {margin: 0 1.5% 1.5% 0;}
    section.main .item-list-switch .item-gal-wrp:nth-child(4n+4) {margin: 0 0 1.5% 0;}
    section.main .item-list-switch .item-gal-wrp.off:nth-child(4n+4) {margin:0;}
    section.main .item-list-switch .item-gal .item-price-from { font-size: 18px;}


    .item-list-single .item-image {width: 20%;}
    .item-list-single .item-image .preview {width: 100%; max-width: 100%; height: auto; display: block; }
    .item-list-single .item-image .preview  a {padding:10px; display: block;}
    .item-list-single .item-image .preview  a img {max-width: 100%;  height: auto;}
    .item-list-single .item-image .preview.no-image {display: block;  width: 100%; min-height: 150px; line-height: 150px;}
    .item-list-single .item-image .thumbnail li {width: 23.5%; height: auto;  margin: 2% 2% 0 0; }
    .item-list-single .item-image .thumbnail li a {width: auto; height: auto; display: block;}
    .item-list-single .item-image .thumbnail li a img { vertical-align: bottom;}
    .item-list-single .item-image .thumbnail li:nth-child(4n+4){margin: 2% 0 0 0;}

    section.main .gallery-modal .item-list-single .item-image .preview { min-height: inherit; display: table-cell; line-height: 24px; }


    .item-list-single .item-description {float: left;  margin: 0 0 0 1.5%; width: 39%; }
    .item-list-standard .item-description .infobox .pricescale .pricescale-content ul,
    .item-list-single .item-description .infobox .pricescale .pricescale-content ul {width: 100%; }

    .item-list-single .item-incart {float: right; width: 38%; margin: 0;}

    .item-list-single .item-incart label {width: 30%;}
    .item-list-single .item-incart input[type="text"],
    .item-list-single .item-incart input[type="email"],
    .item-list-single .item-incart input[type="tel"],
    .item-list-single .item-incart input[type="number"],
    .item-list-single .item-incart input[type="password"] {width: 100%; }
    .item-list-single .item-incart select { width: 100%;  }
    .item-list-single .item-incart textarea { width: 100%; }
    .item-list-single .item-incart small.globalOptionGroupNotice {margin-left: 0;}

    .item-list-single .item-incart .fixInputGroupWidth {width: 100%}

    .item-list-single .item-description .infobox .col-left {width: 100%; }
    .item-list-single .item-description .infobox .col-right {width: 100%;  position: relative; left: 0; top: 0; z-index: 0;}
}

@media screen and (max-width: 1280px) {
    section.main .item-list-switch .item-gal-wrp {box-sizing: border-box; width: 32.3333333%; margin: 0 1.5% 1.5% 0; float: left;}
    section.main .item-list-switch .item-gal-wrp:nth-child(4n+4) {margin: 0 1.5% 1.5% 0;}
    section.main .item-list-switch .item-gal-wrp:nth-child(3n+3) {margin: 0 0 1.5% 0;}

    .item-list-single .item-image {width: 30%;}
    .item-list-single .item-incart {float: right; width: 68%; margin: 2% 0 0 0;}
    .item-list-single .item-description {float: right;  margin: 0; width: 68%; }

    .item-list-single .item-incart label {width: 30%;}
    .item-list-single .item-incart small.globalOptionGroupNotice {margin-left: 30%;}
    .item-list-single .item-incart input[type="text"],
    .item-list-single .item-incart input[type="email"],
    .item-list-single .item-incart input[type="tel"],
    .item-list-single .item-incart input[type="number"],
    .item-list-single .item-incart input[type="password"] {width: 69%; }
    .item-list-single .item-incart select { width: 69%;  }
    .item-list-single .item-incart textarea { width: 69%; }

    .item-list-single .item-incart .fixInputGroupWidth {width: 69%}
    .item-list-single .item-incart .fixInputGroupWidth input {width: 100%;}

    .item-list-single .item-description .infobox .col-left {width: 100%; min-height: 0; margin: 0; float: none;}
    .item-list-single .item-description .infobox .col-right {width: 100%; min-height: 0; margin: 0; float: none; position: relative; left: 0; top: 0; z-index: 2;}

}

@media screen and (max-width: 1024px){
    section.main .item-list-switch .item-gal-wrp { width: 23.875%; margin: 0 1.5% 1.5% 0; }
    section.main .item-list-switch .item-gal-wrp:nth-child(3n+3) {margin: 0 1.5% 1.5% 0;}
    section.main .item-list-switch .item-gal-wrp:nth-child(4n+4) {margin: 0 0 1.5% 0;}
    .item-list-single .item-description .infobox .col-left {display: block;}
}

@media screen and (max-width: 800px){
    section.main .item-list-switch .item-gal-wrp { width: 32.33333333%; margin: 0 1.5% 1.5% 0; }
    section.main .item-list-switch .item-gal-wrp:nth-child(4n+4) {margin: 0 1.5% 1.5% 0;}
    section.main .item-list-switch .item-gal-wrp:nth-child(3n+3) {margin: 0 0 1.5% 0;}
    section.main .item-list-switch .item-gal .btn-show-details {font-size: 13px;}
    section.main .item-list-switch .item-gal .item-price-from { font-size: 16px;}
    .item-list-single .item-image {width: 20%; margin: 0 0 0 0; z-index: 5; position: absolute; right: 0;}
    .item-list-single .item-image .preview {width: 100%;   }
    .item-list-single .item-image .preview a {padding: 1px; }
    .item-list-single .item-image .preview.no-image { display: none;}
    .item-list-single .item-image .thumbnail  {display: none; }
    section.main .item-list-switch .item-modal.active .item-list-single .item-image {top: 50px;}
    .item-list-single .item-description {float: left;  margin: 0; width: 78%; }
    .item-list-single .item-description .infobox .col-left {width: 100%; }
    .item-list-single .item-description .infobox .col-right {width: 100%;  position: relative; left: 0; top: 0; z-index: 0;}
    .item-list-single .item-incart {float: left; width: 100%; margin: 2% 0 0 0;}

    section.main .item-list-single .item-image .preview.preview-upload {display: none;}

    section.main .gallery-modal .item-list-single .item-image { display: none; }
}

@media screen and (max-width: 760px) {
    section.main .fileupload-buttonbar .ui-button {width: 100%; float: none; display: block;margin-bottom: 5px;}
}

@media screen and (max-width: 580px) {
    section.main .item-list-switch .item-gal-wrp { width: 49.25%; margin: 0 1.5% 1.5% 0; }
    section.main .item-list-switch .item-gal-wrp:nth-child(3n+3) {margin: 0 1.5% 1.5% 0;}
    section.main .item-list-switch .item-gal-wrp:nth-child(2n+2) {margin: 0 0 1.5% 0;}

    .item-list-single .item-image {width: 20%; margin: 0 0 0 0; z-index: 0; position: relative; float: right;}
    .item-list-single .item-description {float: none;  margin: 0; width: 100%; clear: both; }
    .item-list-single .item-incart {float: none; width: 100%;}

    .item-list-single.article-detail .pricescale .pricescale-content ul {margin: 0 0 0 0; width: 75%;}

    section.main .upload-input .btn-continue {width: 100%; float: none; display:block; }
    section.main .upload-input .btn-continue-without {width: 100%; float: none; display:block; margin: 5px 0 0 0; }

    section.main .gallery-modal h2 { font-size: 18px; }

}

@media screen and (max-width: 480px) {
    .item-list-single .item-incart label {width: 100%;}
    .item-list-single .item-incart small.globalOptionGroupNotice {margin-left: 0;}
    .item-list-single .item-incart input[type="text"],
    .item-list-single .item-incart input[type="email"],
    .item-list-single .item-incart input[type="tel"],
    .item-list-single .item-incart input[type="number"],
    .item-list-single .item-incart input[type="password"] {width: 100%; }
    .item-list-single .item-incart select { width: 100%;  }
    .item-list-single .item-incart textarea { width: 100%; }
    .item-list-single .item-incart .fixInputGroupWidth {width: 100%;}
}


@media screen and (max-width: 420px) {
    section.main .item-list-switch .item-gal-wrp { width: 100%; margin: 0 0 1.5% 0; }
    section.main .item-list-switch .item-gal-wrp:nth-child(3n+3) {margin: 0 0 1.5% 0;}

    .item-list-single.article-detail .pricescale .pricescale-content ul {width: 100%;}
}

@media screen and (min-width: 1921px) {
    .item-list-single.article-detail .item-description { width:750px;  }
    .item-list-single.article-detail .item-image {width: 300px; }
}


nav.sidebar {}
nav.sidebar ul {margin: 0; padding: 0;}
nav.sidebar ul li {list-style: none; background:#f2f2f2; margin: 0 0 3px 0; font-size: 16px; }
nav.sidebar ul li a {display: block; text-decoration: none; margin: 0; padding: 8px 10px;  line-height: 24px; box-sizing: border-box; transition: all .3s ease-in-out; word-break: normal; }
nav.sidebar ul li a span { font-size: 18px; margin: 0; padding: 2px 0 0 0; line-height: 24px; float: left; width: 28px;}
nav.sidebar ul li.hasSubCatOpen,
nav.sidebar ul li a.current,
nav.sidebar ul li.current {background: #cccccc; color: #fff;}
nav.sidebar ul li.hasSubCatOpen a,
nav.sidebar ul li.current a {color: #fff;}
nav.sidebar ul li a:hover {}
nav.sidebar ul li.jq-dropdown-divider {border-bottom: 1px solid #ccc; margin-bottom: 15px; padding-bottom: 15px; background: transparent;}
nav.sidebar ul li.hasSubCatOpen ul,
nav.sidebar ul li.current ul {background: #fff; padding: 3px 0 0 0;}
nav.sidebar ul li.hasSubCatOpen ul li,
nav.sidebar ul li.current ul li {background: #fff; border-bottom: 1px solid #f2f2f2; margin: 0; padding: 0;}
nav.sidebar ul li.hasSubCatOpen ul li:last-child,
nav.sidebar ul li.current ul li:last-child {border-bottom:none;}
nav.sidebar ul li.hasSubCatOpen ul li a,
nav.sidebar ul li.current ul li a {color:#4c4c4c; padding: 6px 10px 6px 30px; }
nav.sidebar ul li.hasSubCatOpen ul li a:hover,
nav.sidebar ul li.current ul li a:hover {background: #ebebeb;}
nav.sidebar ul li.hasSubCatOpen ul li.hasSubCatOpen ul {padding: 0;}
nav.sidebar ul li.hasSubCatOpen ul li.hasSubCatOpen ul li:first-child { border-top: 1px solid #f2f2f2;}
nav.sidebar ul li.hasSubCatOpen ul li.current ul li:first-child a { color:#4c4c4c;}
nav.sidebar ul li.hasSubCatOpen ul li.hasSubCatOpen ul li a { padding: 6px 10px 6px 50px;}
nav.sidebar ul li.hasSubCatOpen.current ul li.hasSubCatOpen ul li a {color:#4c4c4c;}
nav.sidebar ul li.hasSubCatOpen ul li.current ul li a:hover,
nav.sidebar ul li.hasSubCatOpen ul li.hasSubCatOpen ul li.hasSubCatOpen ul li a:hover {background: #ebebeb;}
nav.sidebar ul li.hasSubCatOpen ul li.hasSubCatOpen ul li.hasSubCatOpen ul li a {padding:6px 10px 6px 70px;}
nav.sidebar ul li.hasSubCatOpen ul li.hasSubCatOpen ul li.current ul li a {color:#4c4c4c;}
nav.sidebar ul li.hasSubCatOpen ul li.hasSubCatOpen ul li.hasSubCatOpen ul li.hasSubCatOpen ul li a {font-size:14px;padding:6px 10px 6px 70px;background:#f7f7f7;}
nav.sidebar ul li.hasSubCatOpen ul li.hasSubCatOpen ul li.hasSubCatOpen ul li.hasSubCatOpen ul li a:hover {background: #ebebeb;}



nav.sidebar {margin-top: -50px;}
nav.sidebar .jq-dropdown-menu {margin-top: 50px;}


/* Section Advanced Order History */
#advancedorder-search {}
#advancedorder-search fieldset {border: none; outline: none; display: block; margin-bottom: 3px; padding: 0; }
#advancedorder-search fieldset label {width: 150px; line-height: 33px; }

#advancedorder-search fieldset select {box-sizing: border-box; border: 1px solid #ccc; padding: 7px; border-radius: 3px; color:#3e3e3e; width: 200px; }
#advancedorder-search fieldset input[type="submit"] { text-align: center; color: #fff; margin: 0 0 0 10px!important;}
#advancedorder-search fieldset select {padding: 7px 7px 8px 4px; font-size: 14px;}
#advancedorder-search fieldset .search-option {width: 380px;}

#advancedorder-filter {}
#advancedorder-filter .filter {float: left; width: 71%;}
#advancedorder-filter .filter .head {float: left; font-weight: 600; padding: 6px; margin-right: 5px;}
#advancedorder-filter .filter .btn {padding: 6px; float: left;  margin-right: 5px;}
#advancedorder-filter .pagination {float: right; width: 28%; text-align: right;}
#advancedorder-filter .pagination select {box-sizing: border-box; border: 1px solid #ccc; padding: 6px; border-radius: 1px; color:#3e3e3e; width:90px; font-size: 14px;}

#advanced-order-history {}
#advanced-order-history hr {border: none; border-bottom: 1px solid #ccc; margin: 10px 0 12px 0;}
#advanced-order-history .order {margin-bottom: 10px;}
#advanced-order-history .order-head {box-sizing:border-box; background: #f2f2f2;border-radius: 3px 3px 0 0; padding: 10px;border:1px solid #f2f2f2;}
#advanced-order-history .order.paymentInterfaceUnpaid .order-head,
section.main .tracking .responsive-table-tracking tr.head.order.paymentInterfaceUnpaid td:not(:last-of-type) { background: #f2dede !important; }
#advanced-order-history .order-head .order-head-col {float: left; width: 65%;font-weight: 600;}
#advanced-order-history .order-head .order-head-col50 {width: 48%; margin-right: 4%;}
#advanced-order-history .order-head .order-head-col50:nth-of-type(2) {margin-right: 0;}
#advanced-order-history .order-head .order-head-col.right {float: right; width: 35%; text-align: right; }
#advanced-order-history .order-head .order-head-col.right .col-item.advanced-order-history-order-status  {text-align: left;}
#advanced-order-history .order-head .order-head-col .dist {
    width: 50%; display: inline-block; font-weight: normal;
    @media screen and (max-width: 1200px) { width: 60%; }
    @media screen and (max-width: 800px) { width: 70%; }
    @media screen and (max-width: 450px) { width: 120%; }
}
#advanced-order-history .order-head .item-head-position,
#advanced-order-history .order-head .item-head-orderid,
#advanced-order-history .order-head .item-head-name,
#advanced-order-history .order-head .item-head-price,
#advanced-order-history .order-head .item-head-releasestate,
#advanced-order-history .order-head .item-head-details{font-weight: 600;}
#advanced-order-history .order-head .item-head-name {padding-left: 0; width: 85%;}

#advanced-order-history .btn-show-additional-fields {cursor: pointer; display: block;}
#advanced-order-history .btn-show-additional-fields .order-head-col50 span {width: 11px;  height: 11px;  position: relative; display: block; float: right; margin-right: 19px;}
#advanced-order-history .btn-show-additional-fields .order-head-col50 span:before,
#advanced-order-history .btn-show-additional-fields .order-head-col50 span:after {content: ""; position: absolute;}
#advanced-order-history .btn-show-additional-fields .order-head-col50 span:before {left: 5px; top: 0;width: 1px; height: 100%; background: #333;}
#advanced-order-history .btn-show-additional-fields .order-head-col50 span:after { top: 5px; left:0; height: 1px; width: 100%; background: #333;}
#advanced-order-history .btn-show-additional-fields.current .order-head-col50 span:before { top: 5px; left:0; height: 1px; width: 100%; background: #333;}
#advanced-order-history .btn-show-additional-fields.current .order-head-col50 span:after { top: 0; left:0; height: 0; width: 0; background: none;}

#advanced-order-history .order-head .show-additional-fields-block {display: none;}
#advanced-order-history .order-head .show-additional-fields-block .order-head-col50 {width: 48%; font-weight: normal; border-top: 1px solid #ccc; margin-top: 5px; padding-top: 5px; margin-right: 4%; box-sizing: border-box;}
#advanced-order-history .order-head .show-additional-fields-block .order-head-col50:nth-of-type(2) {margin-right: 0;}
#advanced-order-history .order-head .show-additional-fields-block .order-head-col50 .dist {width: 30%; display: inline-block; font-weight: normal; background:#f7f7f7; margin:0 1% 3px 0; padding: 3px; box-sizing: border-box; }
#advanced-order-history .order-head .show-additional-fields-block .order-head-col50 .info {width: 68%; box-sizing: border-box; display: inline-block; background:#fff; padding: 3px;}

#advanced-order-history .btn-show-address {cursor: pointer; display: block;}
#advanced-order-history .btn-show-address .order-head-col50 span {width: 11px;  height: 11px;  position: relative; display: block; float: right; margin-right: 19px;}
#advanced-order-history .btn-show-address .order-head-col50 span:before,
#advanced-order-history .btn-show-address .order-head-col50 span:after {content: ""; position: absolute;}
#advanced-order-history .btn-show-address .order-head-col50 span:before {left: 5px; top: 0;width: 1px; height: 100%; background: #333;}
#advanced-order-history .btn-show-address .order-head-col50 span:after { top: 5px; left:0; height: 1px; width: 100%; background: #333;}
#advanced-order-history .btn-show-address.current .order-head-col50 span:before { top: 5px; left:0; height: 1px; width: 100%; background: #333;}
#advanced-order-history .btn-show-address.current .order-head-col50 span:after { top: 0; left:0; height: 0; width: 0; background: none;}

#advanced-order-history .order-head .show-adress-block {display: none;}
#advanced-order-history .order-head .show-adress-block .order-head-col50 {width: 48%; font-weight: normal; border-top: 1px solid #ccc; margin-top: 5px; padding-top: 5px; margin-right: 4%; box-sizing: border-box;}
#advanced-order-history .order-head .show-adress-block .order-head-col50:nth-of-type(2) {margin-right: 0;}
#advanced-order-history .order-head .show-adress-block .order-head-col50 .dist {width: 30%; display: inline-block; font-weight: normal; background:#f7f7f7; margin:0 1% 3px 0; padding: 3px; box-sizing: border-box; }
#advanced-order-history .order-head .show-adress-block .order-head-col50 .info {width: 68%; box-sizing: border-box; display: inline-block; background:#fff; padding: 3px;}
#advanced-order-history .order-head .head-adress-invoice {display: none;}

#advanced-order-history .item-head-position,
#advanced-order-history .item-head-name,
#advanced-order-history .item-head-price,
#advanced-order-history .item-head-personalization,
#advanced-order-history .item-head-releasestate,
#advanced-order-history .item-head-details{float: left;  box-sizing:border-box; padding-left: 5px; display: block; height: auto; line-height: 15px; }
#advanced-order-history .item-head-position {width: 2%; padding-left: 0; text-align: center; min-height: 1px;}
#advanced-order-history .item-head-name {width: 83%;}
#advanced-order-history .item-head-name .cart-remark { font-style: italic; color: #999999;}
#advanced-order-history .item-head-name .accessories {display:inline-block; height: 6px; width: 6px; position: relative; margin:0 5px 3px 0;}
#advanced-order-history .item-head-name .accessories:before {content:''; left: 0; top: 0;width: 1px; height: 100%; background: #999999; position: absolute;}
#advanced-order-history .item-head-name .accessories:after {content:''; bottom: 0; left:0; height: 1px; width: 100%; background: #999999; position: absolute;}
#advanced-order-history .item-head-releasestate {width: 8%; padding-left: 0; text-align: center; position: relative; min-height: 1px;}
#advanced-order-history .release-state {border-radius: 50%; display:block;  height: 12px; width: 12px; background: #ccc; margin: auto; box-sizing: border-box; border:2px solid #fff;}
#advanced-order-history .release-state.release-state-Green {background: #5cb85c;}
#advanced-order-history .release-state.release-state-Orange {background: #f0ad4e;}
#advanced-order-history .release-state.release-state-Red {background: #d9534f;}
#advanced-order-history .item-head-releasestate .tooltipp { opacity: 0; filter: Alpha(Opacity=0);  visibility: hidden; background: #fff; width: 150px; height:auto; position: absolute; top:-11px; left:-140px; z-index:5; border-radius: 3px; padding:10px; text-align:center;-webkit-box-shadow: 0 2px 10px 0 rgba(0,0,0,0.2);  box-shadow: 0 2px 10px 0 rgba(0,0,0,0.2);    -webkit-transition: all .3s ease-in-out;  -moz-transition: all .3s ease-in-out;    -o-transition: all .3s ease-in-out;  transition: all .3s ease-in-out;}
#advanced-order-history .item-head-releasestate .tooltipp:after {content:'';width: 0; height: 0; border-style: solid; border-width: 12px 0 12px 12px; border-color: transparent transparent transparent #fff; top: 5px; right:-11px; position: absolute; z-index: 4;}
#advanced-order-history .item-head-releasestate:hover .tooltipp {top: -11px; opacity: 1; filter: Alpha(Opacity=100);  visibility: visible;}
#advanced-order-history .item-head-details {width: 7%; padding-left: 0; text-align: center; border: none; cursor: pointer; position: relative; }
#advanced-order-history .item-head-price {display: none;}

#advanced-order-history .order-position-head .item-head-details span {width: 11px;  height: 11px;  position: relative; display: block; margin: auto;}
#advanced-order-history .order-position-head .item-head-details span:before,
#advanced-order-history .order-position-head .item-head-details span:after {content: ""; position: absolute;}
#advanced-order-history .order-position-head .item-head-details span:before {left: 5px; top: 0;width: 1px; height: 100%; background: #333;}
#advanced-order-history .order-position-head .item-head-details span:after { top: 5px; left:0; height: 1px; width: 100%; background: #333;}
#advanced-order-history .order-position-head.current .item-head-details span:before { top: 5px; left:0; height: 1px; width: 100%; background: #333;}
#advanced-order-history .order-position-head.current .item-head-details span:after { top: 0; left:0; height: 0; width: 0; background: none;}

#advanced-order-history .order-position-head {box-sizing:border-box;padding: 10px; border:1px solid #ededed;  border-top: 1px solid #fff;  display: block; -webkit-transition: background 0.2s ease-in-out; -moz-transition: background 0.2s ease-in-out;  -o-transition: background 0.2s ease-in-out; transition: background 0.2s ease-in-out;}
#advanced-order-history .order-position-head:hover {cursor: pointer; background-color: #f2f2f2; border-top: 1px solid #fff;}
#advanced-order-history .order-position-head.current {background-color: #f2f2f2; border-top: 1px solid #fff; }

#advanced-order-history .oder-position-content {box-sizing:border-box;padding:20px 10px ; border:1px solid #ededed; border-top: none;  border-bottom:10px solid #ededed;  display: none;}
#advanced-order-history .oder-position-content .col-left {float: left; width:68%; margin: 0; }
#advanced-order-history .oder-position-content .col-left .dist {width: 35%; display: inline-block; font-weight: normal; background:#f7f7f7; margin:0 5px 3px 0; padding: 3px; box-sizing: border-box; }
#advanced-order-history .oder-position-content .col-left .info {width: 60%; box-sizing: border-box; display: inline-block;}

#advanced-order-history .order-pers-data .dist {width: 30%; display: inline-block; font-weight: normal; background:#f7f7f7; margin:0 5px 3px 0; padding: 3px; box-sizing: border-box; }
#advanced-order-history .order-pers-data .info {width: 65%; box-sizing: border-box; display: inline-block;}


#advanced-order-history .oder-position-content .col-right {float: right; width:28%;margin: 27px 0 0 0; }
#advanced-order-history .oder-position-content .col-right .positionImg {box-sizing: border-box; padding: 10px; border: 1px solid #ededed; line-height: 0; margin-top: 20px; text-align: center; display: table-cell; vertical-align: middle; width: 200px;  background: #fafafa;}
#advanced-order-history .oder-position-content .col-right .positionInfobox {box-sizing: border-box; border: 1px solid #ededed; margin-top: 20px;}
#advanced-order-history .oder-position-content .col-right .positionInfobox .head {background: #ededed; padding: 10px; font-weight: 600;}
#advanced-order-history .oder-position-content .col-right .positionInfobox .head .releaseState {float: right;}
#advanced-order-history .oder-position-content .col-right .positionInfobox .content {padding:10px;}
#advanced-order-history .content-col-left {width: 48%; float: left; white-space: nowrap; margin-right: 2%}
#advanced-order-history .content-col-right {width: 48%; float: right; white-space: nowrap; margin-left: 2%}

.order-history-order-code-origin { display: none; }
.order-history-order-code-origin:after { content: " | "; }

@media screen and (max-width: 1180px) {
    #advanced-order-history .order-head .show-adress-block .order-head-col50 .dist {display: none; }
    #advanced-order-history .order-head .show-adress-block .order-head-col50 .info {width: 100%; }
}
@media screen and (max-width: 1024px) {
    #advanced-order-history .oder-position-content .col-left {display: block; width: 100%; float: none; }
    #advanced-order-history .oder-position-content .col-right {width: 100%; float: none; }
}

@media screen and (max-width: 800px) {
    #advancedorder-search fieldset label {width: 80px; line-height: 50px; }
    #advancedorder-search fieldset input[type="submit"] {}
    #advancedorder-search fieldset input[type="text"] {width: 60%;}
}

@media screen and (max-width: 799px) {
    #advanced-order-history .item-head-releasestate-off,
    #advanced-order-history .item-head-details-off {display: none;}
    #advanced-order-history .order-head .show-adress-block .order-head-col50 { width: 100%; float: none;}
    #advanced-order-history .order-head .order-head-col50:nth-of-type(2) {display: none;}
    #advanced-order-history .order-head .order-head-col50.adress-invoice {display: block;}
    #advanced-order-history .order-head .head-adress-invoice {display: block; font-weight: 600; padding-top: 12px;}
}

@media screen and (max-width: 580px) {
    #advancedorder-filter .filter .head {display: none;}
    #advancedorder-filter .filter { float: none;  width: 100%; margin: 0 0 15px 0; }
    #advancedorder-filter .filter .btn {width: 32.5%; margin: 0 1.25% 0 0; }
    #advancedorder-filter .filter .btn.btn-last {margin: 0 0 0 0; }
    #advancedorder-filter .pagination { float: none; width: 100%; text-align: left; }
}

@media screen and (max-width: 480px) {
    #advancedorder-search fieldset label {display: none;}
    #advancedorder-search fieldset input[type="text"] { width: 70%; }
    #advanced-order-history .oder-position-content .col-left .dist { width: 45%;}
    #advanced-order-history .oder-position-content .col-left .info { width: 50%;}
}

#advanced-order-history .advanced-order-history-customer-user-name,
#advanced-order-history .advanced-order-history-customer-user-email {display: none;}

/* Section Footer */
#footer {position: fixed; bottom: 0; width: 100%; z-index: 3;}
#footer .footer-standard {height: 40px;}
#footer .footer-standard ul {margin:11px 0 0 0; padding: 0; float:left;}
#footer .footer-standard ul li {display: inline-block; list-style: none; border-right: 1px dashed #fff; padding: 0 10px;}
#footer .footer-standard ul li:first-child {padding-left: 0;}
#footer .footer-standard ul li:last-child {border: none;}
#footer .footer-standard ul li a {color: #fff; transition: color .3s ease-in-out; }
#footer .footer-standard ul li a:hover {color: rgba(255, 255, 255, 0.7);}

#footer .footer-standard.footer-login ul {margin:11px 0 0 0; padding: 0; width: 100%; float:left;}

@media screen and (max-width: 800px){
    #footer {position: relative; margin: 50px 0 0 0;}
}

@media screen and (max-width: 700px){
    #footer .footer-standard ul {width: 100%;}
    #footer .footer-standard.footer-login ul {display: block;}
}


/* Ripple Animation Button Behavior */
@-webkit-keyframes ripple-animation {
    0% {
        -webkit-transform: scale(.01);
        transform: scale(.01);
        opacity: 0.7;
        transition: ease-in-out;
    }

    100% {
        -webkit-transform: scale(1.5);
        transform: scale(1.5);
        opacity: 0;
    }
}

@keyframes ripple-animation {
    0% {
        -webkit-transform: scale(.01);
        transform: scale(.01);
        opacity: 0.7;
        transition: ease-in-out;
    }

    100% {
        -webkit-transform: scale(1.5);
        transform: scale(1.5);
        opacity: 0;
    }
}


/* Plugin Slider */
.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}
.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}
.slick-list:focus{outline:none}
.slick-list.dragging{cursor:hand;}
.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.slick-track{position:relative;top:0;left:0;display:block}
.slick-track:before,.slick-track:after{display:table;content:''}
.slick-track:after{clear:both}
.slick-loading .slick-track{visibility:hidden}
.slick-slide{display:none;float:left;width:100%;min-height:1px}
[dir='rtl'] .slick-slide{float:right}
.slick-slide img{display:block; width: 100%; height: auto;}
.slick-slide.slick-loading img{display:none}
.slick-slide.dragging img{pointer-events:none}
.slick-initialized .slick-slide{display:block}
.slick-loading .slick-slide{visibility:hidden}
.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}
.slick-arrow.slick-hidden{display:none}
.slick-loading .slick-list{background:#fff url(../../assets/structure/ajax-loader.gif) center center no-repeat}
.slick-prev,.slick-next{font-size:0;line-height:0;position:absolute;top:50%;display:block;width:20px;height:20px;padding:0;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);cursor:pointer;color:transparent;border:none;outline:none;background:transparent}
.slick-prev:hover,.slick-prev:focus,.slick-next:hover,.slick-next:focus{color:transparent;outline:none;background:transparent}
.slick-prev:hover:before,.slick-prev:focus:before,.slick-next:hover:before,.slick-next:focus:before{opacity:1}
.slick-prev.slick-disabled:before,.slick-next.slick-disabled:before{opacity:.25}
.slick-prev:before,.slick-next:before{font-family:'printbridge-icon',serif;font-size:30px;line-height:1;opacity:.75;color:#ccc;-webkit-font-smoothing:antialiased;}
.slick-prev{left:-45px}
[dir='rtl'] .slick-prev{right:-25px;left:auto}
.slick-prev:before{content:'i'}
[dir='rtl'] .slick-prev:before{content:'i'}
.slick-next{right:-45px}
[dir='rtl'] .slick-next{right:auto;left:-25px}
.slick-next:before{content:'j'}
[dir='rtl'] .slick-next:before{content:'j'}
.slick-dotted.slick-slider{margin-bottom:0}
.slick-dots{position:absolute;bottom:10px;display:block;width:100%;padding:0;margin:0;list-style:none;text-align:center}
.slick-dots li{position:relative;display:inline-block;width:14px;height:14px;margin:0 2px;padding:0;cursor:pointer}
.slick-dots li button{font-size:0;line-height:0;display:block;width:14px;height:14px;padding:5px;cursor:pointer;color:transparent;border:0;outline:none;background:transparent}
.slick-dots li button:hover,.slick-dots li button:focus{outline:none}
.slick-dots li button:hover:before,.slick-dots li button:focus:before{opacity:1}
.slick-dots li button:before{position:absolute;top:3px;left:3px;width:8px;height:8px;content:''; background:#999999; border: 2px solid #fff; opacity:.25; border-radius: 50%;}
.slick-dots li.slick-active button:before{opacity:.75;}


/* Modal*/
.item-modal {display: none;}
.item-modal.active {display:block;}
.item-modal.active { background: #fff; position: fixed;  z-index: 100; overflow-y: auto; overflow-x: hidden; height:auto; max-height: 75vh; width: 1350px; top:10vh; left:50%; margin-left: -650px; box-sizing: border-box;padding: 10px; border: 10px solid #fff; -webkit-box-shadow: 0 0 25px 0 rgba(0,0,0,0.25);    -moz-box-shadow: 0 0 25px 0 rgba(0,0,0,0.25); box-shadow: 0 0 25px 0 rgba(0,0,0,0.25); border-radius: inherit; }
div.CategoryContentWizzard .item-modal.active { min-height: 90vh; max-height: 90vh; width: 1600px; top: 5vh; left: 50%; margin-left: -800px; }

.item-modal .btn-modal-close { display: none; }
.item-modal.active .btn-modal-close { display: block; position: absolute; top:10px; right: 10px; padding: 0 15px;  width: auto; height: 30px; line-height: 30px; border-radius: 2px; background: #ccc; color: #fff; text-align: center; cursor: pointer; transition: background .3s ease-in-out;}
.item-modal.active .btn-modal-close:hover {}
.item-modal.active .btn-modal-close.abort { height: inherit; position: relative; top: inherit; right: inherit; display: inline-block; padding: 0 10px!important; border-radius: 0; line-height: 31px!important; display: inline-block; font-size: 14px!important; }
.item-modal.active .btn-modal-close.abort:hover,
.item-modal.active .btn-modal-close.abort:focus,
.item-modal.active .btn-modal-close.abort:active { background: #d9d9d9; border-color: #cccccc; }

.item-modal.active .button-wrapper{ text-align: right; }
.item-modal.active.delete-modal,
.item-modal.active.modal-small { width: 420px; margin-left: -220px; top: 15vh; }
.item-modal.active.modal-small#item-modal-cart-withdrawal-action { width: 450px;}

.modal-headline {padding-right:100px;}

.item-modal .modal-body .form-group { margin-bottom: 10px; }
.item-modal .modal-body .form-group label { width: 25%; }
.item-modal .modal-body .form-group input { width: 33.333%; }

.item-modal.active { background: #fff; position: fixed;  z-index: 100; overflow-y: auto; overflow-x: hidden; height:auto; max-height: 75vh; width: 1350px; top:10vh; left:50%; margin-left: -650px; box-sizing: border-box;padding: 10px; border: 10px solid #fff; -webkit-box-shadow: 0 0 25px 0 rgba(0,0,0,0.25);    -moz-box-shadow: 0 0 25px 0 rgba(0,0,0,0.25); box-shadow: 0 0 25px 0 rgba(0,0,0,0.25); border-radius: inherit; }

@media screen and (max-width: 1920px){
    .item-modal.active, div.CategoryContentWizzard .item-modal.active { width: 70vw;  margin-left: -35vw;}
}

@media screen and (max-width: 1600px){
    .item-modal.active, div.CategoryContentWizzard .item-modal.active { width: 80vw;  margin-left: -40vw;}
}

@media screen and (max-width: 1280px){
    .item-modal.active, div.CategoryContentWizzard .item-modal.active { width: 88vw;  margin-left: -44vw;}
}

.item-modal.item-modal-centered { left: 50%; margin-left: inherit; transform: translate(-50%, 0); }

.item-modal-branchManagementSelectionModal { max-width: 750px; }
.item-modal-branchManagementDataSetSelectionModal { max-width: 900px; }
.item-modal-branchManagementSelectionModal *, .item-modal-branchManagementDataSetSelectionModal * { border-radius: inherit; font-weight: normal; }
.item-modal-branchManagementSelectionModal input[type="text"], .item-modal-branchManagementSelectionModal select { width: 100%; }
.item-modal-branchManagementSelectionModal [data-rel="addToCartWithBranchSelection"] { line-height: 100%; height: auto; padding: 10px; }
.item-modal-branchManagementDataSetSelectionModal .dataTable { width: 100% !important; margin-bottom: inherit; }
.item-modal-branchManagementSelectionModal .modal-title, .item-modal-branchManagementDataSetSelectionModal .modal-title { margin-bottom: 1.4em; }

#branch-management-datatable { position: relative; }
#branch-management-datatable .dataTables_processing {  }
#branch-management-datatable .btn[data-id] { padding: 4px 10px; outline: none; }

#duplicableCartItemsModal .modal-content { max-width: 720px; margin-left: inherit; left: 50%; transform: translateX(-50%); }
#duplicableCartItemsModal .qty { width: 100%; margin-bottom: 0; }
#duplicableCartItemsModal td.vertical-middle { vertical-align: middle; }
#duplicableCartItemsModal td { padding: 14px 8px; }

/* Accordion */
.item-accordion-head {cursor: pointer;}
.item-accordion-btn {width: 16px; height: 16px; background: #d7d7d7; float: right; margin: 0; cursor: pointer; position: relative;}
.item-accordion-btn:before {content: 'x'; font-family:'printbridge-icon',sans-serif; color: #fff; position: absolute; width: 16px; height: 16px; text-align: center; line-height: 16px; font-size: 10px;}
.item-accordion.hidden .item-accordion-btn:before {content: 'y'; }
.item-accordion.active .item-accordion-btn:before {content: 'y'; }
.item-accordion.hidden.active .item-accordion-btn:before {content: 'x'; }
.item-accordion.hidden .item-accordion-content {display: none;}


/* Tabs */
.item-tab {}
.item-tab ul.tab-head {margin: 0; padding: 0; border-bottom: 1px solid #ccc;}
.item-tab ul.tab-head .item-tab-head {cursor: pointer; height: 33px; line-height: 33px; list-style: none; float: left; background: #f2f2f2; padding: 0 10px; border: 1px solid #ccc; border-bottom: none; margin: 0 3px 0 0;}
.item-tab ul.tab-head .item-tab-head.active {background: #d7d7d7;}
.item-tab .item-tab-content {display: none;  padding: 10px; box-sizing: border-box;}
.item-tab .item-tab-content.active {display: block; }
.item-tab .item-tab-content ul {margin: 0 0 20px 30px;}

@media screen and (max-width: 480px) {
    .item-tab ul .item-tab-head { float: none; width: 100%; box-sizing: border-box;}
}

/* Responsive Table */
.responsive-table table,
.responsive-table thead,
.responsive-table tbody,
.responsive-table th,
.responsive-table td,
.responsive-table tr { display: block; overflow: hidden;}
.responsive-table tr:nth-child(odd) { background-color: #f2f2f2;}
.responsive-table tr:nth-child(even) { background-color: #fafafa;}
.responsive-table thead tr { position: absolute;  top: -9999px; left: -9999px; background-color: #b2b2b2!important; color: #fff; font-weight: 300;}
.responsive-table td { padding: 0.25em 0.5em;}
.responsive-table td:before { content: attr(data-label) ""; display: inline-block; font-weight: bold;   width: 25%;}
.responsive-table.responsive-table-adressbook td.adressbook-edit:before { display: none;}
.responsive-table tr.dark { background-color: #f2f2f2;}
.responsive-table tr.dark:hover { background-color: #ebebeb;}
.responsive-table tr.light { background-color: #fafafa;}
.responsive-table tr.light:hover { background-color: #f7f7f7;}
@media screen and (max-width: 1920px) {
    .responsive-table {
        overflow: auto
    }
}

/*@media screen and (max-width: 1640px) {
    .responsive-table th:nth-child(1n+6),
    .responsive-table td:nth-child(1n+6) {display: none;}
}*/

@media screen and (max-width: 650px) {
    .responsive-table.responsive-table-adressbook td.adressbook-edit .btn-small { display: block; margin: 0 0 3px 0; }
    .responsive-table td:before {width: 35%;    vertical-align: top;}
    .responsive-table tr:nth-child(even) {margin-bottom: 10px;}
}

@media screen and (min-width: 650px) {
    .responsive-table table { display: table;  width: 100%; }
    .responsive-table thead {display: table-header-group; }
    .responsive-table thead tr { position: static;  top: auto; left: auto; }
    .responsive-table tbody { display: table-row-group;}
    .responsive-table tr {display: table-row; }
    .responsive-table th,
    .responsive-table td {  display: table-cell;  padding: 6px 12px; vertical-align: middle; text-align: left;}
    .responsive-table td:before { content: ""; width: auto; }
    /* Keeps a row's action buttons on one line and the column no wider than they are; the wrapper scrolls if the table gets too wide. */
    .responsive-table td.responsive-table-actions { white-space: nowrap; width: 1%; }
}

/* Standard Editor mit Softproof */
section.pers {margin: 0 0 60px 0;}
section.pers .standard-editor {}
section.pers .standard-editor #pers_bg {}
section.pers .standard-editor .standard-editor-input {width: 100%; background: #f7f7f7; padding: 10px; border-radius: 5px; box-sizing: border-box;}
section.pers .standard-editor .standard-editor-input.standard-editor-input-full {width: 100%; float: none;}
section.pers .standard-editor .standard-editor-input.standard-editor-input-half {width: 49%; float: right;}
section.pers .standard-editor .standard-editor-input.standard-editor-input-oci { width: 49%; min-width: 370px; float: right;}

section.pers .standard-editor .standard-editor-input .pers_headline{background:#ff5f6d; color: #fff; padding:5px 10px; box-sizing: border-box;margin:0 0 5px 0;}
section.pers .standard-editor .standard-editor-input .pers_headline_fieldname{float:left;width:30%;}
section.pers .standard-editor .standard-editor-input .pers_headline_fieldvalue{float:left;width: 70%;}

section.pers .standard-editor .standard-editor-input .pers_fieldname {float:left; width:30%; margin:0 0 3px 0; padding:0 0 0 10px; line-height: 32px; background: #ddd; box-sizing: border-box; }
section.pers .standard-editor .standard-editor-input .pers_content {float:left; width:auto; margin:0 0 3px 0; box-sizing: border-box; }
section.pers .standard-editor .standard-editor-input .pers_content .suffix,
section.pers .standard-editor .standard-editor-input .pers_content .praefix {float:left; line-height: 32px;margin: 0 0 0 5px;}
section.pers .standard-editor .standard-editor-input .pers_content .suffix {float: right;}
section.pers .standard-editor .standard-editor-input .pers_content input[type="text"] {margin: 0 0 0 5px; padding: 5px 10px; width: 300px; height: 32px;}
section.pers .standard-editor .standard-editor-input .pers_content input:disabled  {background: #f2f2f2; cursor: not-allowed;}
section.pers .standard-editor .standard-editor-input .pers_content .disabled-fields {background: #f2f2f2; cursor: not-allowed; margin: 0 0 0 5px; padding: 5px 10px; height: 32px; border: 1px solid #dddddd; box-sizing: border-box; display: inline-block;}
section.pers .standard-editor .standard-editor-input .pers_content select {margin: 0 0 0 5px; padding: 5px 10px; width: 300px; height: 32px; background: url(../../assets/structure/select-arrow.png) 100% center no-repeat #fff;background-size: 31px 31px;}
section.pers .standard-editor .standard-editor-input .pers_content textarea {margin: 0 0 0 5px; padding: 5px 10px; width: 300px; max-height: 150px;}
section.pers .standard-editor .standard-editor-input .pers_content input[type="submit"],
section.pers .standard-editor .standard-editor-input .pers_content input[type="button"] {margin: 0 0 0 5px;}
section.pers .standard-editor .standard-editor-input .pers_content .pers-image {margin: 0 0 0 5px;}
section.pers .standard-editor .standard-editor-input .pers_content .beispieltext {display: block}
section.pers .standard-editor .standard-editor-input .pers_content .cke {max-width: 470px;margin: 0 0 0 5px;}
section.pers .standard-editor .standard-editor-input .pers_content .input-advanced  {background: #f2f2f2; height: 32px; margin: 0 0 0 3px; font-size: 10px; box-sizing: border-box; padding: 0 0 0 10px; line-height: 32px;}
section.pers .standard-editor .standard-editor-input .pers_content .input-advanced input { width: 40px; font-size: 10px; text-align: center; padding: 5px; height:25px;}
section.pers .standard-editor .standard-editor-input .pers_content .input-advanced select { width: 180px; font-size: 10px; padding: 5px; height:25px;}
section.pers .standard-editor .standard-editor-input .pers_content .input-advanced span {margin: 0 10px 0 0;}
section.pers .standard-editor .standard-editor-input  input.btn-pers  {width:100%;}
section.pers .standard-editor .standard-editor-input.standard-editor-input-full  input.btn-pers {max-width: 300px;}
section.pers .standard-editor .standard-editor-input .pers_content.pers-content-submit {float:none; width:100%; margin:0 0 3px 0; box-sizing: border-box; }
section.pers .standard-editor .standard-editor-input .pers_content.pers-content-submit input,
section.pers .standard-editor .standard-editor-input .pers_content.pers-content-submit select {margin: 0; }

section.pers .standard-editor .standard-editor-input .alert-info {display: none;}
section.pers .standard-editor .standard-editor-input .alert-info hr {border-color:#dca7a7; margin: 10px 0; }

section.pers .standard-editor .standard-editor-input .caption {padding:5px 10px; float: left; width: 100%; box-sizing: border-box; margin:2px 0 5px 0; font-weight: 600; }

section.pers .standard-editor #softproof {width: 39%; float: left;}
section.pers .standard-editor #softproof ol li {margin: 0 0 0 20px; }
section.pers .standard-editor #softproof .softproof-image-wrp img {vertical-align: bottom; width:100%; height: auto; margin: 0 0 2% 0; float: none; }

section.pers .standard-editor #softproof .softproof-preview-fresco {}
section.pers .standard-editor #softproof .softproof-preview-fresco a {display: none; text-decoration: none;}
section.pers .standard-editor #softproof .softproof-preview-fresco a:first-child {display: block;}
section.pers .standard-editor #softproof .alert-white {width: 49%; margin: 0 0 10px 0;}
section.pers .standard-editor #softproof .btn-pdf-preview  {color: #757575;}
section.pers .standard-editor #softproof .btn-pdf-preview img,
section.softproof .btn-pdf-preview img {vertical-align: middle; margin: 0 10px 0 0;}


section.pers .standard-editor .confirmproof {display: inline; cursor: pointer;}

section.pers #search_data input[type="button"].btn-small {margin: 0 0 0 10px; height: 34px; }
section.pers #upload_data input[type="file"].btn-upload {padding: 12px 15px 18px 15px; line-height: 0; background: #fff;    }
section.pers #upload_data input[type="submit"] {margin-left: 10px;}
section.pers .pers-remark textarea {width: 100%; margin: 10px 0 0 0;}
section.pers #article_options input[type="text"] {margin: 0 0 3px 5px; padding: 5px 10px; width: 300px; height: 32px; }
section.pers #article_options select {margin: 0 0 3px 5px; padding: 5px 10px; width: 300px; height: 32px; background: url(../../assets/structure/select-arrow.png) 100% center no-repeat #fff;background-size: 31px 31px;}
section.pers #article_options label {float:left; width:30%; margin:0 0 3px 0; padding:0 0 0 10px; line-height: 32px; background: #ddd; box-sizing: border-box; }


@media screen and (max-width: 1920px){
    section.pers .standard-editor .standard-editor-input .pers_content .cke {max-width: 370px;}
    section.pers .standard-editor #softproof {width: 49%; float: left;}
    section.main .col-left.col-50, section.main .col-right.col-50 { width:49%}
}

@media screen and (max-width: 1280px){
    section.pers .standard-editor .standard-editor-input .pers_content .cke {max-width:300px;}
    section.pers .standard-editor #softproof .btn.pull-left,
    section.pers .standard-editor #softproof .btn.pull-right {float: none; width: 100%;}
    section.pers .standard-editor .standard-editor-input input[type="text"].input-approval {width: 300px;}
}

@media screen and (max-width: 1024px) {
    section.pers .standard-editor #softproof .softproof-image-wrp img {width: 49%; margin: 0 2% 2% 0; float: left; }
    section.pers .standard-editor #softproof .softproof-image-wrp img:nth-child(2n+2) {margin: 0 0 2% 0; }
    section.pers .standard-editor .standard-editor-input.standard-editor-input-half {width: 100%; float: none;}
    section.pers .standard-editor #softproof {width: 100%; float: none;}
    section.pers .standard-editor #softproof .btn.pull-left {float: left; width: 49%; margin: 0 0 2% 0;}
    section.pers .standard-editor #softproof .btn.pull-right {float: right; width: 49%; margin: 0 0 2% 0;}
}

@media screen and (max-width: 800px){
    #search_data input[type="text"] {width: 70%;}
}

@media screen and (max-width: 720px){
    section.pers .standard-editor #softproof .btn.pull-left,
    section.pers .standard-editor #softproof .btn.pull-right {float: none; width: 100%;margin: 0 0 1% 0;}
}

@media screen and (max-width: 600px){
    section.pers .standard-editor #softproof .softproof-image-wrp img {width: 100%; margin: 0 0 2% 0; float: none; }
}

@media screen and (max-width: 530px){
    section.pers .standard-editor .standard-editor-input .pers_headline_fieldname {display: none;}
    section.pers .standard-editor .standard-editor-input .pers_fieldname {float:none; width:100%; }
    section.pers .standard-editor .standard-editor-input .pers_content input[type="text"] {margin: 0 5px 0 0;  max-width: 100%;}
    section.pers .standard-editor .standard-editor-input .pers_content select {margin: 0;  max-width: 100%;}
    section.pers .standard-editor .standard-editor-input .pers_content textarea {margin: 0;  max-width: 100%;}
    section.pers .standard-editor .standard-editor-input .pers_content .cke {margin: 0; max-width: 100%;}
    section.pers .standard-editor .standard-editor-input .pers_content input[type="submit"],
    section.pers .standard-editor .standard-editor-input .pers_content input[type="button"] {margin: 0 5px 5px 0;}
    section.pers .standard-editor .standard-editor-input .pers_content .input-advanced  { margin: 0; }
    section.pers .standard-editor .standard-editor-input input[type="text"].input-approval {width: 100%;}
    section.pers .standard-editor .standard-editor-input input[type="submit"].btn-approval {width: 100%;}

    section.pers #article_options input[type="text"] {margin: 0 5px 3px 0;  max-width: 100%; }
    section.pers #article_options select {margin: 0 5px 3px 0;  max-width: 100%;}
    section.pers #article_options label {float: none; width: 100%; }

    section.pers #upload_data input[type="file"].btn-upload {width: 100%; float: none; margin: 0 0 3px 0;  }
    section.pers #upload_data input[type="submit"] {width: 100%; float: none; margin: 0;}
    section.pers .standard-editor .standard-editor-input .pers_content.pers-content-submit input[type="submit"] {max-width: 100%; float: none; margin: 0;}


}

@media screen and (max-width: 420px) {
    section.pers .standard-editor .standard-editor-input .pers_content input[type="text"] {max-width: 240px;}
    section.pers .standard-editor .standard-editor-input .pers_content select {max-width: 240px;}
    section.pers .standard-editor .standard-editor-input .pers_content textarea {max-width: 240px;}
    #search_data input[type="text"] {width: 60%;}
}


section.waitpage {margin: 0 0 60px 0;}
section.waitpage  h1 {text-align: center;}
section.waitpage .alert {width: 500px; margin: auto; text-align: center;}

section.softproof {margin: 0 0 60px 0;}
section.softproof .skip-page {margin: 0 0 20px 0; line-height: 28px;}
section.softproof .skip-page .icon {font-size: 10px; line-height: 28px; color: #989898;}
section.softproof #softproof .alert-clean {text-align: center;}
section.softproof #softproof .alert-clean img {vertical-align: bottom; margin: 15px auto 0 auto;}
section.softproof #softproof .alert-clean img:first-child {margin: 0 0 0 0;}
section.softproof .confirmproof-disclaimer {margin-top: 15px; padding-top: 15px; border-top: 1px solid #f5e79e;}

@media screen and (max-width: 800px){
    section.softproof #softproof .alert-clean img {width: 100%; height: auto;}
}

@media screen and (max-width: 480px){
    section.softproof .btn-full {width: 100%; margin-bottom: 15px;}
}


/* Warenkorb */
section.cart {margin: 0 0 60px 0;}
section.cart .cart-col-left {width: 58.5%;}
section.cart .cart-col-right {width: 40%;}
section.cart .cart-col-left .cart-box {border: 1px solid #e6e6e6; margin-bottom: 20px;}
section.cart .cart-col-right .cart-box {border: 1px solid #e6e6e6; margin-bottom: 20px;}
section.cart .cart-box .cart-content-head {background: #e6e6e6; font-weight: 600; padding: 10px; border-bottom: 1px solid #cccccc;}
section.cart .cart-box .cart-content {padding: 10px 10px 0 10px;}
section.cart .cart-box .cart-content hr {margin: 5px 0;}
section.cart .cart-box.cart-box-half {width: 49%;}

section.cart input[type="text"],
section.cart input[type="email"],
section.cart input[type="tel"],
section.cart input[type="number"],
section.cart input[type="password"] { margin: 0 0 10px 0; width: 65%;  padding: 6px; font-size: 14px;  }
section.cart select { margin: 0 0 10px 0; width: 65%;  padding: 6px; background-size: 31px; }
section.cart input[type="submit"] { vertical-align: top;}
section.cart textarea { margin: 0 0 10px 0; width: 65%;  padding: 6px;  height: 150px;  }

section.cart .rental input.desired_schedule, section.cart .cart-additional-field input.datepicker { width: calc(65% - 30px); }

section.cart .cart-item-additional-fields.infotext input,
section.cart .cart-item-additional-fields.infotext select {
    width: calc(65% - 40px);
}
.item-incart .cart-item-additional-fields.infotext input,
.item-incart .cart-item-additional-fields.infotext select {
    width: calc(69% - 40px);
}

section.cart label {width: 34%; vertical-align: top; padding-top: 7px;}
section.cart.anfrage label {width: 20%; vertical-align: top; padding-top: 7px;}
section.cart label.maximumWidth {width: 100%;}
section.cart .check-terms label {width: auto; display: inline-block; cursor: pointer; padding: 0;}
section.cart .cart-type-checkbox label {width: auto; display: inline-block; cursor: pointer; padding: 0;}

section.cart .cart-box.cart-box-half .cart-content label {width: 100%; float: none; display: block; margin-bottom: 5px;}

section.cart .cart-box .cart-content-head.is_stuck {z-index: 10;}

section.cart .cart-box .cart-content-head .col-1,
section.cart .cart-box .cart-content .col-1 {width: 60%; box-sizing: border-box;}
section.cart .cart-box .cart-content-head .col-2,
section.cart .cart-box .cart-content .col-2 {width: 26%; text-align: center; box-sizing: border-box;}
section.cart .cart-box .cart-content-head .col-3,
section.cart .cart-box .cart-content .col-3 {width: 14%; text-align: right; box-sizing: border-box;}

section.cart .cart-box .cart-content .col-1,
section.cart .cart-box .cart-content .col-2,
section.cart .cart-box .cart-content .col-3 {padding: 0 10px;}
section.cart .cart-box .cart-content .col-1,
section.cart .cart-box .cart-content .col-2 {border-right:1px solid  #f1f1f1;}
section.cart .cart-box .cart-content .col-2 {padding-bottom: 100%;  margin-bottom: -100%;}

section.cart .cart-box .cart-content .col-1 .item-title {font-weight: 400; line-height: 33px; margin:  0;}
section.cart .cart-box .cart-content .col-1 .item-title.item-title-aid {font-weight: 600; }
section.cart .cart-box .cart-content .col-1 .alert {width: 95.5%; margin-bottom: 10px;}
section.cart .cart-box .cart-content .col-2 .show-qty,
section.cart .cart-box .cart-content .col-1 .cart-item-actions {line-height: 33px; }
section.cart .cart-box .cart-content .col-1 .cart-item-additional-fields .item-value {line-height: 33px; }
section.cart .cart-box .cart-content .col-2 select {width: 100%; max-width: 160px;}
section.cart .cart-box .cart-content .col-3 .price {line-height: 33px;}
section.cart .cart-box .cart-content .col-2 .free-qty-refresh {margin-top: 3px;}
section.cart .cart-box .cart-content .col-2 .free-qty-refresh .icon {cursor: pointer; margin: 0 5px 0 0; line-height: 33px;}
section.cart .cart-box .cart-content .col-2 .free-qty-refresh .icon:hover {color:#0090d9; }

section.cart .cart-box .cart-content.cart-content-item {padding: 0;}
section.cart .cart-box .cart-content .cart-item {border-top: #f1f1f1 1px solid; overflow: hidden;}
section.cart .cart-box .cart-content .cart-item .cart-item-optional {margin-top: 10px;}
section.cart .cart-box .cart-content .cart-item-aid {border-top: #e6e6e6 2px solid;}
section.cart .cart-box .cart-content .cart-item-aid:nth-child(1) {border-top:none; }

section.cart .cart-box .cart-content .cart-item .item-voucher .voucher-code {line-height: 33px; }
section.cart .cart-box .cart-content .cart-item .item-voucher input[type="text"] {width: 45%; }
section.cart .cart-box .cart-content .cart-item .item-voucher .btn {margin-right: 0; margin-bottom: 10px; }
section.cart .cart-box .cart-content .cart-item .item-voucher  .alert-voucher-redeemed {width: 65%; display: inline-block; }

section.cart .cart-box .cart-content .cart-item .item-withdawal .btn {margin-bottom: 10px; }

section.cart .cart-box .cart-content .cart-voucher {background: #fafafa;  border-top:#e6e6e6 2px solid; padding: 0;  }
section.cart .cart-box .cart-content .cart-voucher .col-1 {padding: 10px;}
section.cart .cart-box .cart-content .cart-voucher input[type="text"] {width: 45%; }
section.cart .cart-box .cart-content .cart-voucher .btn {margin-right: 0;}
section.cart .cart-box .cart-content .cart-voucher .voucher-title { font-weight: 600; padding-bottom: 10px;}
section.cart .cart-box .cart-content .cart-voucher .voucher-code {line-height: 33px; }

section.cart .cart-box .cart-content .cart-assumption-of-costs {background: #fafafa;}
section.cart .cart-box .cart-content .cart-assumption-of-costs td {line-height: 200%;}

section.cart .cart-box .cart-content .cart-total {border-top:#e6e6e6 2px solid; padding: 10px 0; }
section.cart .cart-box .cart-content .cart-total .cart-total-left {float:left; width: 86%; text-align: right; padding: 0 10px; box-sizing: border-box; line-height: 25px;}
section.cart .cart-box .cart-content .cart-total .cart-total-right {float:right; width: 14%; text-align: right; padding: 0 10px; box-sizing: border-box; line-height: 25px;}
section.cart .cart-box .cart-content .cart-total .cart-total-right.budget { position: relative; }
section.cart .cart-box .cart-content .cart-total .cart-total-right.budget .budgetDiff { position: absolute; top: 20px; right: 10px;}
section.cart .cart-box .cart-content .cart-total .cart-total-bold {font-weight: 700;}

section.cart .cart-box .cart-content .vatinput {margin: 0 0 10px 0; border-bottom: 1px solid #e6e6e6; padding-bottom: 10px;}
section.cart .cart-box .cart-content .vatinput .btn {margin: 0 0 0 34.65%;}

section.cart .cart-box .cart-content .customerlogin  {margin: 0 0 10px 0;}
section.cart .cart-box .cart-content .customerlogin .btn {margin: 0 0 0 31%;}
section.cart .cart-box .cart-content .customerlogin hr {margin: 10px 0;}

section.cart .cart-box .cart-content .btn-adressbook  {margin: 0 0 10px 0;}

section.cart .cart-box.cart-box-half select {width: 100%; }

section.cart .btn-cart-submit {width: 100%; margin-bottom: 20px;}


@media screen and (max-width: 1240px){
    section.cart input[type="text"],
    section.cart input[type="email"],
    section.cart input[type="tel"],
    section.cart input[type="number"],
    section.cart input[type="password"] { width: 55%;  }
    section.cart select {width: 55%;  }
    section.cart textarea { width: 55%; }
    section.cart label {width: 43%;}
    section.cart .cart-box .cart-content .cart-item .item-voucher input[type="text"],
    section.cart .cart-box .cart-content .cart-voucher input[type="text"] {width: 25%; }
    section.cart .cart-box .cart-content .cart-item .item-voucher  .alert-voucher-redeemed {width:55%;  }
    section.cart .cart-box .cart-content .vatinput .btn {margin-left: calc(43% + 4px);}
    section.cart .cart-box .cart-content .customerlogin .btn {margin-left: calc(40% + 4px);}
}

@media screen and (max-width: 1024px){
    section.cart .cart-col-left {width: 100%; float: none;}
    section.cart .cart-col-right {width: 100%; float: none; position: relative; z-index: 1; background: #fff;}
}

@media screen and (max-width: 600px){
    section.cart .cart-box .cart-content .cart-item {position: relative;}
    section.cart .cart-box .cart-content-head .col-1,
    section.cart .cart-box .cart-content .col-1 {width: 100%; float: none;}
    section.cart .cart-box .cart-content-head .col-2 {display: none;}
    section.cart .cart-box .cart-content .col-2 {width: 100%; text-align: left; float: left; }
    section.cart .cart-box .cart-content-head .col-3 {display: none;}
    section.cart .cart-box .cart-content .col-3 {width: 40%; text-align: right; float: none; position: absolute; top: 0; right: 5px; }

    section.cart .cart-box .cart-content .col-1 .alert {width: 100%; }
    section.cart .cart-box.cart-box-half {width: 100%; float: none;}
    section.cart .cart-box .cart-content .cart-item .item-voucher  .alert-voucher-redeemed {width:100%;  }

    section.cart input[type="text"],
    section.cart input[type="email"],
    section.cart input[type="tel"],
    section.cart input[type="number"],
    section.cart input[type="password"] { width: 100%;  }
    section.cart select {width: 100%;  }
    section.cart textarea { width: 100%; }
    section.cart .cart-content label {width: 100%; background: #f2f2f2; line-height: 22px; box-sizing: border-box; text-indent: 8px;}

    section.cart .cart-box .cart-content .cart-total .cart-total-left {width: 70%;}
    section.cart .cart-box .cart-content .cart-total .cart-total-right {width: 30%;}

    section.cart .cart-box .cart-content .cart-item .item-voucher input[type="text"] {width: 65%; }
    section.cart .cart-box .cart-content .cart-item .item-voucher .btn {margin-right: 0; margin-bottom: 10px; }

    section.cart .cart-box .cart-content .cart-item .item-withdawal .btn {margin-bottom: 10px; }

    section.cart .cart-box .cart-content .cart-voucher input[type="text"] {width: 65%; }
    section.cart .cart-box .cart-content .cart-voucher .btn {margin-right: 0;}

    section.cart .cart-box .cart-content .col-2 .free-qty-refresh input[type="text"] {width: 50%;}

    section.cart .cart-box .cart-content .vatinput .btn {margin-left: 0;}
    section.cart .cart-box .cart-content .customerlogin .btn {margin-left: 0; width: 100%;}
}

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

    section.cart .cart-box .cart-content .cart-total .cart-total-left {width: 50%; text-align: left;}
    section.cart .cart-box .cart-content .cart-total .cart-total-right {width: 50%;}
}

/*PL-6554*/
section.cart .cart-box .cart-content.cart-content-item-head {padding:5px 10px !important;border-bottom:#e6e6e6 2px solid;}
section.cart .cart-box .cart-content.cart-content-item .deliveryPeriod .distribution-timespan {font-size:14px;margin:10px 0;}
section.cart .cart-box .cart-content.cart-content-item .deliveryPeriod .distribution-timespan strong { font-weight: 600}
section.cart .cart-box .cart-content.cart-content-item .deliveryPeriod .distribution-timespan .icon{margin-right:7px;vertical-align:middle;}
section.cart .cart-box .cart-content.cart-content-item .deliveryPeriod label {width:6%;margin:0 5px 5px 0;}
section.cart .cart-box .cart-content.cart-content-item .deliveryPeriod input.date-picker {width:calc(135px - 35px)}
section.cart .cart-box .cart-content.cart-content-item .deliveryPeriod button {vertical-align:-5px;height:34px;}
.check-terms {position:relative;}
.check-terms input {position: absolute;left: 0; top: 0;}
.check-terms label {padding:0 0 0 25px !important;}
.spacer {display:inline-block;width:5%;}

@media screen and (max-width: 600px) {
    section.cart .cart-box .cart-content.cart-content-item .deliveryPeriod label {width:100%;}
    section.cart .cart-box .cart-content.cart-content-item .deliveryPeriod input.date-picker {width:calc(100% - 30px);}
}
/**/
/* Finish */
section.finish .lptable {width: 100%; text-align: left; }
section.finish .lptable th { background: lightslategrey; color: #fff;  padding: 5px 10px; font-weight: normal}
section.finish .lptable td {  padding:5px 10px; border-bottom: 0px solid grey}
section.finish .lptable td a { border: 1px solid lightslategrey; color: lightslategrey; display: inline-block; padding: 5px 10px; text-decoration: none; margin-left: -10px; -webkit-transition: background-color .5s}
section.finish .lptable td a:hover {  background-color: lightslategrey; color: #fff;}
section.finish .lptable tr{  -webkit-transition: background-color .5s}
section.finish .lptable tr:hover { background-color: #fff}
section.finish .lptable td .copy-merchandise-plus-file { display: none;}

/* Kalkulation */
section.calculation {margin: 0 0 0 0;}
section.calculation .calc-content {width: 68%; margin-bottom: 40px;}

section.calculation .calc { box-sizing: border-box; position: relative;}
section.calculation .calc .col-left {float: left; width: 30%; box-sizing: border-box; margin: 20px 0 20px 0; }
section.calculation .calc .col-mid {float: none; width: 36%;  box-sizing: border-box; padding-bottom: 60px; margin: 20px 0 20px 20px;display:inline-block;}
section.calculation .calc .col-right {float: right; width: 30%; box-sizing: border-box; margin: 20px 0 20px 0;}

section.calculation .calc h1 {border-bottom:1px solid #ddd; padding-bottom: 15px; margin-bottom: 25px; }

section.calculation .calc .item-list-single  { border: 0;}
section.calculation .calc .calc-image {width: auto; margin: 0 0 25px 0;}
section.calculation .calc .calc-image a {border: 1px solid #e6e6e6; padding: 10px; display: block; cursor: zoom-in; }
section.calculation .calc .calc-image img {max-width: 100%; height: auto; vertical-align: bottom;}
section.calculation .calc .calc-image .calcImageThumbs {margin: 10px 0 0 0; padding: 0;}
section.calculation .calc .calc-image .calcImageThumbs li {width: 64px; margin: 0 10px 10px 0; list-style: none; float: left;}
section.calculation .calc .calc-image .calcImageThumbs li a {padding: 0;}
section.calculation .calc .calc-short-desc {margin: 0 0 25px 0;}

section.calculation .calc legend {position: relative; text-align: left; font-size: 16px;margin:30px 0 10px 0; display: block; width: 100%; padding: 0;}
section.calculation .calc legend span {background: #fff; padding: 0 15px 0 0; position: relative;}
section.calculation .calc legend:before { background: #ddd; content: ""; display: block; height: 1px; position: absolute; top: 50%; width: 100%;}
section.calculation .calc legend:before { left: 0;}
section.calculation .calc fieldset {border: none; margin: 0 0 5px 0; position: relative;}
section.calculation .calc fieldset .errorBox {margin:5px 0 0 160px; float: left; padding: 5px; width: 270px; position: relative;}
section.calculation .calc fieldset .errorBox.error-message {display: none;}

section.calculation .calc fieldset:before,
section.calculation .calc fieldset:after {content:""; display:table;}
section.calculation .calc fieldset:after {clear:both;}
section.calculation .calc fieldset {zoom:1;}
section.calculation .calc select {padding: 7px; width: 350px;}
section.calculation .calc label {width: 180px;}
section.calculation .calc input[type=text],
section.calculation .calc input[type=number]{padding:7px;}
section.calculation .calc input[type=number]{width: 316px;}
section.calculation .calc #singleWeight{display: flex;flex-flow: row wrap;}
section.calculation .calc #singleWeight .singleWeight{width: calc(100% - 180px - 20px - 8px);}
section.calculation .calc textarea {height: 180px; padding: 7px;}

section.calculation .calc input[type=checkbox],
section.calculation .calc input[type=radio]{margin: 0 10px 0 0; vertical-align: baseline ;}
section.calculation .calc input[type=button].btn-reload {width: 34px;margin: 0 0 0 -4px; padding: 0; line-height: 33px; vertical-align: top; font-family: 'printbridge-icon', sans-serif; color: #fff; font-size: 20px; text-align: center;}

section.calculation .calc .info, .cart-item-additional-fields .info {cursor: help; position: relative; display: block; float: right; width: 20px; height: 20px; margin: 7px 0 0 8px; box-sizing: border-box}
section.calculation .calc .info:before, .cart-item-additional-fields .info:before {display: block;  width: 16px;  height: 16px; text-align: center; line-height: 16px; font-size: 11px; content: '?'; color: #9c9c9c; border: 1px solid #b6b6b6; border-radius: 50%;}
section.calculation .calc .info .tooltip, .cart-item-additional-fields .info .tooltip {cursor:text; left:35px;top:-12px;min-width:220px;max-width:360px; transition:all .25s ease-out; position:absolute;z-index:3;padding:7px 10px;border-radius:3px;border:solid 1px #cfcfcf;box-shadow:0 2px 10px 0 rgba(0,0,0,0.2);visibility:hidden;opacity:0;background:#fff}
section.calculation .calc .info .tooltip:after, .cart-item-additional-fields .info .tooltip:after{content:'';position:absolute;top:20px;right:100%;margin-top:-8px;width:0;height:0;border-right:8px solid #fff;border-top:8px solid transparent;border-bottom:8px solid transparent}
section.calculation .calc .info .tooltip:before, .cart-item-additional-fields .info .tooltip:before{content:'';position:absolute;top:20px;right:100%;margin-top:-9px;width:0;height:0;border-right:9px solid #cfcfcf;border-top:9px solid transparent;border-bottom:9px solid transparent}
section.calculation .calc .info:hover .tooltip, .cart-item-additional-fields .info:hover .tooltip{transition:all .25s ease-out;opacity:1;visibility:visible; left:27px;}

section.calculation.srce .calc .col-left { display: none; }
section.calculation.srce .calc .col-mid { width: 62%; }
section.calculation.srce .calc .col-right { width: 33%; }

.cart-item-additional-fields .info { margin: 9px 3px; }

.info.fromright .tooltip { left: inherit; right: 35px; }
.info.fromright:hover .tooltip,
.info.fromright:hover .tooltip { left: inherit; right: 27px; }
.info.fromright .tooltip:after, .info.fromright .tooltip:after {
    right: inherit; left: 100%; border-right: none; border-left: 8px solid #fff;
}
.info.fromright .tooltip:before, .info.fromright .tooltip:before {
    right: inherit; left: 100%; border-right: none; border-left: 9px solid #cfcfcf;
}

section.calculation .calc .calcTotal { margin: 0 0 30px 0; position: relative; display: block;background: #fafafa;box-sizing: border-box; padding: 15px; border: 1px solid #dbdbdb;}
section.calculation .calc .calcTotal .head {font-weight:600; border-bottom: 1px solid #dbdbdb; padding-bottom: 10px; margin-bottom: 10px;}
section.calculation .calc .calcTotal .calcTotalBlock {margin: 0 0 30px 0; }
section.calculation .calc .calcTotal hr {border: none; border-bottom: 1px solid #ccc; padding: 0; margin: 10px 0;}
section.calculation .calc .calcTotal ul {margin: 0; padding: 0;}
section.calculation .calc .calcTotal ul li {list-style: none; text-align: left; line-height: 21px;}
section.calculation .calc .calcTotal ul li .calcItemLabel { display: inline-block; /*width: 50%;*/ text-align: left; width: 70%; }
section.calculation .calc .calcTotal ul li .calcItemTotal { display: inline-block; white-space: nowrap; width: 30%; text-align: right; }
section.calculation .calc .calcTotal .calcTotalPrice { text-align: right; font-weight: 600; }
section.calculation .calc .calcTotal .calcTotalWeightPerPage { text-align: right; font-weight: 600; }
section.calculation .calc .calcTotal .calcTotalPrice .calcTotalLabel {display: inline-block; width: 50%; float: left; text-align: left;}
section.calculation .calc .calcTotal .calcTotalWeightPerPage .calcTotalLabel {display: inline-block; width: 50%; float: left; text-align: left;}
section.calculation .calc .btn-calc {width: 100%; }
section.calculation .calc .calcTotal.calcInfo { background: none; color: #939698}
section.calculation .calc .calcTotal.calcInfo .info {margin: 2px 0 0 8px;}
section.calculation .calc .calcTotal.calcInfo ul li {line-height: 23px;}

section.calculation .postageDetailPositions { font-size: 0.92em; }
section.calculation .postageDetailPositions .title { font-weight: 600; }
section.calculation .calc .postageDetailPositions ul { margin-left: 20px; }

div.article-package-globalPriceList {float: left; width: calc(74% - 40px);}
section.article-package-globalPriceList {float: right; width: 26%}

#calcInfoBox { position: relative; width: initial; }
#calcInfoBox .row label { width: 30%; }
#calcInfoBox .row select { width: 68%; }

#calcInfoItems { margin: 0 0 20px; padding: 0; list-style: none; }
#calcInfoItems li { list-style: none; margin: 0; padding: 0; clear: both; }
#calcInfoItems li .calcItemLabel { font-weight: 600; }
#calcInfoItems li .calcInfoBoxValue { font-weight: 600; }
section.article-package-globalPriceList form .submit { display: block; width: 100%; font-size: 1.06em; padding: 5px; }

.overlayLoading {background: rgba(255, 255, 255, 0.75); visibility: hidden; opacity: 0;height: 100%; width: 100%; top:0; bottom:0; left:0; right:0; position: absolute; z-index: 2; display: block; -webkit-transition:all .5s ease-out;-moz-transition:all .5s ease-out;transition:all .5s ease-out;}
.overlayLoading.active {background: rgba(255, 255, 255, 0.75); visibility: visible; opacity: 1;}
#paypal_checkout .overlayLoading{z-index:999}
.spinner{width:40px;height:40px;position:relative;margin:100px auto;}
.double-bounce1,.double-bounce2{width:100%;height:100%;border-radius:50%;background-color:#ccc;opacity:.6;position:absolute;top:0;left:0;-webkit-animation:sk-bounce 2s infinite ease-in-out;animation:sk-bounce 2s infinite ease-in-out}
.double-bounce2{-webkit-animation-delay:-1s;animation-delay:-1s}
@-webkit-keyframes sk-bounce {
    0%,100%{-webkit-transform:scale(0.0)}
    50%{-webkit-transform:scale(1.0)}
}
@keyframes sk-bounce {
    0%,100%{transform:scale(0.0);-webkit-transform:scale(0.0)}
    50%{transform:scale(1.0);-webkit-transform:scale(1.0)}
}

@media screen and (max-width: 1920px){
    section.calculation .calc .col-mid { width: 41%; }
    section.calculation .calc .col-right { width: 25%; }
    section.calculation .calc-content {width: 73%; margin-bottom: 40px;}

    section.calculation .calc select {width: 270px;}
    section.calculation .calc label {width: 180px;}
    section.calculation .calc input[type=number]{  width: 236px;  }
}

@media screen and (max-width: 1280px) {
    section.calculation .calc .col-mid { width: 51%; left: 22%;}
    section.calculation .calc .col-left { width: 20%; }
    section.calculation .calc .calc-image .calcImageThumbs li {width: 44px; }
}

@media screen and (max-width: 1024px) {
    section.calculation .calc .col-left { width: 100%; float: right;}
    section.calculation .calc .col-mid { width: 49%; float: left; position: relative; left: 0; margin: 20px 0;}
    section.calculation .calc .col-right { width: 49%; }
    section.calculation .calc label {width: 150px;}
    section.calculation .calc select {width: 260px;}
    section.calculation .calc input[type=number]{  width: 226px;  }
    section.calculation .calc input[type=checkbox],
    section.calculation .calc input[type=radio]{margin: 0 10px 0 160px; }
    section.calculation .calc .calc-image {width: 49%; margin: 0 0 25px 0; float: left;}
    section.calculation .calc .calc-short-desc {width:49%; float:right; margin: 0 0 25px 0;}
    section.calculation .calc-content {width: 100%; margin-bottom: 40px;}
    section.calculation .calc #singleWeight .singleWeight{width: calc(100% - 150px - 20px - 8px);}
}

@media screen and (max-width: 960px) {
    section.calculation .calc .col-mid { width: 59%;}
    section.calculation .calc .col-right { width: 39%; }
}

@media screen and (max-width: 800px) {
    section.calculation .calc .col-mid { width: 100%; float: none;}
    section.calculation .calc .col-right { width: 100%; float: none;  }
    section.calculation .calc .info, .cart-item-additional-fields .info {display: none;}

    section.calculation .calc label {width: 30%;}
    section.calculation .calc select {width: 60%;}
    section.calculation .calc input[type=number]{  width: calc(60% - 34px);  }
    section.calculation .calc input[type=checkbox],
    section.calculation .calc input[type=radio]{margin: 0 10px 0 31%; }
    section.calculation .calc #singleWeight .singleWeight{width: 60%;}
}

@media screen and (max-width: 600px) {
    section.calculation .calc .calc-image {width: 100%; float: none;}
    section.calculation .calc .calc-short-desc {width:100%; float:none; }
    section.calculation .calc label {width: 100%; background: #f2f2f2; line-height: 22px; box-sizing: border-box; text-indent: 8px;}
    section.calculation .calc select {width: 100%;}
    section.calculation .calc input[type=number]{  width: calc(100% - 34px);  }
    section.calculation .calc input[type=checkbox],
    section.calculation .calc input[type=radio]{margin: 0 10px 0 0; position: absolute; top:4px; right: 4px; }
}

@media screen and (max-width: 480px){
    section.main .btn-subsequentfileupload,
    section.main .btn-masterlogin {width: 100%;  margin: 0 0 1.5% 0;}
}

/* Merkliste */
.responsive-table-merkliste .item-name{font-weight: 600; margin-bottom: 10px; display: inline-block;}
.responsive-table-merkliste .item-actions {border-bottom: 15px #fff solid;}
.responsive-table-merkliste .item-actions:before {display:none;}
.responsive-table-merkliste .item-actions .icon {color:#5cb85c; float: right; margin: 2px 0 0 5px; line-height: 29px; }


@media screen and (min-width: 650px) {
    .responsive-table.responsive-table-merkliste td {vertical-align: top; }
}

@media screen and (max-width: 1200px){
    .responsive-table-merkliste .item-actions .btn {width: 32.5%; float: left; display: block; margin: 0 1.25% 1.25% 0;}
    .responsive-table-merkliste .item-actions .btn:nth-child(3n+3) { margin: 0 0 1.25% 0;}
}

@media screen and (max-width: 720px){
    .responsive-table-merkliste .item-actions .btn {width: 49.375%; }
    .responsive-table-merkliste .item-actions .btn:nth-child(3n+3) { margin: 0 1.25% 1.25% 0;}
    .responsive-table-merkliste .item-actions .btn:nth-child(2n+2) { margin: 0 0 1.25% 0;}
}

@media screen and (max-width: 480px){
    .responsive-table-merkliste .item-actions .btn {width: 100%;}
}

/* Nachträglicher Datenupload */

.sc-fileupload {margin:30px 0 15px 0;}
.sc-fileupload .fileinput-button {margin-top:0;}

.sc-fileupload h1 {margin: 0 0 15px 0;}
.sc-fileupload .item {box-sizing: border-box; border:1px solid #e2e2e2; margin-bottom: 20px; }
.sc-fileupload .item .item-headline {font-size: 14px; background: #f2f2f2; padding: 10px; font-weight: 600;}
.sc-fileupload .item .item-content {padding: 10px;}
.sc-fileupload .item .item-content select {  margin: 0 0 10px 0; width: 380px;  padding: 6px; background-size: 31px; }
.sc-fileupload .item .fileDrop {border: 1px dashed #ccc; height: 60px; width: 100%; box-sizing: border-box; margin: 0 0 15px 0;border-radius:5px; transition: all 0.3s ease-in-out;}
.sc-fileupload .item .fileDrop:before {content:'A';  font-size: 40px;  font-family: printbridge-icon, sans-serif; display: block; line-height: 42px; color:#f4f4f4; text-align: center;}
.sc-fileupload .item .fileDrop:after {content: 'Dateien hier ablegen'; text-align: center; display: block;margin-top:-28px; color: #808080; font-size: 12px;}
.sc-fileupload .item .fileDrop:hover {border-color:#2156ad;}
.sc-fileupload .item hr { border:none; border-top: 1px solid #ccc; margin: 20px 0; display: block; width: 100%;}
.sc-fileupload .item .table tbody>tr>td { vertical-align: middle;}
.sc-fileupload .item .table tbody>tr>td.progressCell {padding-top: 10px;}
.sc-fileupload .item .table tbody>tr>td.progressCell .progress {margin-bottom: 0;}
.sc-fileupload .item .fileupload-progress {}
.sc-fileupload .item .fileupload-progress .progress {margin: 0;}
.sc-fileupload .item .fileupload-progress.fade {display: block; height: 0; }
.sc-fileupload .item .fileupload-progress.fade.in {margin:15px 0; height: auto}
.sc-fileupload .item .fileupload-progress .progress-extended {padding-top: 5px;}

@media screen and (max-width: 740px){
    .sc-fileupload .item .item-content select {width: 280px;}
}

@media screen and (max-width: 650px){
    .sc-fileupload .item .table tbody>tr>td.file-name {background: #b2b2b2; color: #fff;word-wrap:break-word; display: block; }
    .responsive-table tr:nth-child(odd) {margin-bottom: 10px;}
}


@media screen and (max-width: 620px){
    .sc-fileupload .item .item-content .item-btn-set {width: 100%; float: none;}
    .sc-fileupload .item .item-content .item-btn-set .btn {width: 49.375%; margin: 0 1.25% 1.25% 0; box-sizing: border-box; float: left;}
    .sc-fileupload .item .item-content .item-btn-set .btn:nth-child(2n+2) {margin: 0 0 1.25% 0;}
    .sc-fileupload .item .item-content .item-select-data {width: 100%; float: none;}
    .sc-fileupload .item .item-content .item-select-data select {width: 100%; }
}

@media screen and (max-width: 480px){
    .sc-fileupload .item .item-content .item-btn-set .btn {width: 100%; margin: 0 0 1.25% 0;}
}

/* Register */
section.main.register {margin:0;position: relative; background: url(../../assets/structure/bg_login_fallback.jpg) center center no-repeat; background-size: cover; height: calc(100vh - 41px); overflow: auto;}
section.main.register .registerFinish {width: 800px; padding: 50px 100px; background: #fff; position: relative; left: 0; margin: 100px auto 100px auto; -webkit-box-shadow: 0 0 30px 0 rgba(0,0,0,0.25); -moz-box-shadow: 0 0 30px 0 rgba(0,0,0,0.25); box-shadow: 0 0 30px 0 rgba(0,0,0,0.25);}
.register-form {width: 800px; padding: 50px 100px; background: #fff; position: relative; left: 0; margin: 100px auto 100px auto; -webkit-box-shadow: 0 0 30px 0 rgba(0,0,0,0.25); -moz-box-shadow: 0 0 30px 0 rgba(0,0,0,0.25); box-shadow: 0 0 30px 0 rgba(0,0,0,0.25);}
.register-form .logo-single{margin:0 auto 10px auto;}
.register-form .logo-single img{display:block;margin:auto;}
.register-form input[type="text"],
.register-form input[type="email"],
.register-form input[type="tel"],
.register-form input[type="number"],
.register-form input[type="password"],
.register-form select {position: relative; padding: 7px;display:inline-block;}
.register-form label {display: inline-block; width: 190px; vertical-align: top; padding: 7px 0 0 0; box-sizing: border-box;}
.register-form .btn {margin: 0 px;}
.register-form .input-zip {width: 80px;}
.register-form .input-town {width: 296px;}
.register-form input[type="file"] {padding: 10px; line-height: 0; background: #fff;   border: 1px solid #dddddd;margin: 0 0 10px 0;  }
.register-form select {  margin: 0 0 10px 0; width: 380px;  padding: 6px; background-size: 31px; }
.register-form label.error {background: #f2dede;color: #a94442; margin: -10px 0 0 193px; padding: 5px; border: 1px solid #dca7a7; display: block; border-radius: 0; width: 380px;}
.register-form .checkbox {margin:0 0 10px 225px; width: 380px; padding: 0; box-sizing: border-box; position: relative; border: 1px solid #dddddd; }
.register-form .checkbox input[type="checkbox"] {margin: 30px 10px 30px 20px; display:inline-block; }
.register-form .checkbox label {width: 300px; margin: 0 0 0 20px;}
.register-form .checkbox label.error {background: #f2dede; color: #a94442; margin: 0; height: 75%; padding: 5px; box-sizing: border-box;  border-radius: 0; width: 320px; display: inline-block; position: absolute; top: 10px; right: 8px; }
.register-form .select2-container--default .select2-selection--multiple,
.register-form .select2-container--default .select2-selection--single { border: 1px solid #dddddd; border-radius: 0; height: 35px; }
.register-form .select2-container--default .select2-selection--single .select2-selection__rendered,
.register-form .select2-container--default .select2-selection--single .select2-selection__arrow { padding: 4px 5px 3px 5px; }
.register-form .hnypt { display: none; }

@media screen and (max-width: 1024px) {
    section.main.register {background: #fff; height: auto; background-image: none!important;}
    section.main.register .registerFinish{background: #fff; left:0; margin: 20px auto 0 auto; position: relative;  -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;}
    .register-form {background: #fff; left:0; margin: 20px auto 0 auto; position: relative;  -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;}
    .register-form label {width: 34%; }
    .register-form textarea,
    .register-form input[type="text"],
    .register-form input[type="email"],
    .register-form input[type="tel"],
    .register-form input[type="number"],
    .register-form input[type="password"],
    .register-form select,
    .register-form .select2-container {width: 65%;}
    .register-form .btn {margin:0;}
    .register-form label.error {margin: -10px 0 0 34.4%; width: 65%;}
    .register-form .checkbox {width: 65%; margin: 0px 0 10px 34.4%;}
    .register-form .checkbox label {padding-top: 5px;}
    .register-form .checkbox label.error { width: 90%; top: 7px; }
}

@media screen and (max-width: 800px) {
    section.main.register .registerFinish {width:95%;padding:0;}
    .register-form {width:95%;padding:0;}
    .register-form label {width: 100%; margin: 0 0 0 0; padding: 0; background: #f2f2f2; line-height: 22px; box-sizing: border-box; text-indent: 8px; }
    .register-form textarea,
    .register-form input[type="text"],
    .register-form input[type="email"],
    .register-form input[type="tel"],
    .register-form input[type="number"],
    .register-form input[type="password"],
    .register-form select {width: 100%;}
    .register-form .btn {margin: 0 0 20px 0; width: 100%;}
    .register-form .checkbox {width: 100%; margin: 0 0 10px 0;}
    .register-form .checkbox label { background: none; text-indent: 0; width: 80%;}
    .register-form label.error {margin: -10px 0 0 0; width: 100%;}
    .register-form .checkbox label.error { height: 80%; width: 90%; top: 7px; }
    .register-form .select2-container { width: 100%!important; }
}

@media screen and (max-width: 520px) {
    .register-form .checkbox label.error { height: 82%; width: 85%; }
}

/* Report */
section.main .report-box {border: 1px solid #e6e6e6; margin-bottom: 20px;}
section.main .report-box .report-content-head {background: #e6e6e6; font-weight: 600; padding: 10px;}
section.main .report-box .report-content {padding: 10px 10px 0 10px;}
section.main .report-box .report-content hr { margin: 5px 0 15px 0;}
section.main .report-box .report-content fieldset {margin: 0 0 12px 0;}
section.main .report-box .report-content label {display: inline-block; width: 220px; vertical-align: top; padding: 7px 0 0 0; box-sizing: border-box;}
section.main .report-box .report-content select {  margin: 0 0 10px 0; width: 300px;  padding: 6px; background-size: 31px; }
section.main .report-box .report-content select[name="Date_from_Day"],
section.main .report-box .report-content select[name="Date_to_Day"],
section.main .report-box .report-content select[name="Date_from_Month"],
section.main .report-box .report-content select[name="Date_to_Month"]{width: 70px;}
section.main .report-box .report-content select[name="Date_from_Year"],
section.main .report-box .report-content select[name="Date_to_Year"]{width: 100px;}

@media screen and (max-width: 800px) {
    section.main .report-box .report-content label {width: 100%; margin: 0 0 3px 0; padding: 0; background: #f2f2f2; line-height: 28px; box-sizing: border-box; text-indent: 5px; }
}

@media screen and (max-width: 480px) {
    section.main .report-box .report-content select {   width: 100%; }
    section.main .report-box .report-content .btn {margin: 0 0 5px 0; width: 100%;}
}

/* Evaluation */
section.main .evaluation {}
section.main .evaluation fieldset {margin: 0 0 12px 0;}
section.main .evaluation label {display: inline-block; width: 220px; vertical-align: top; padding: 7px 0 0 0; box-sizing: border-box;}
section.main .evaluation select {  margin: 0 0 10px 0; width: 300px;  padding: 6px; background-size: 31px; }
section.main .evaluation input[type="text"]  {  padding: 7px;}

@media screen and (max-width: 800px) {
    section.main .evaluation label {width: 100%; margin: 0 0 0 0; padding: 0; background: #f2f2f2; line-height: 28px; box-sizing: border-box; text-indent: 5px; }
}

@media screen and (max-width: 480px) {
    section.main .evaluation select {   width: 100%; }
    section.main .evaluation .btn {margin: 0 0 5px 0; width: 100%;}
}



/* Choosen Select with Search */
.chosen-container {font-size: 14px;}
.chosen-container-single .chosen-single { margin: 0 0 10px 0; position: relative; display: block; overflow: hidden; padding: 6px; height: 23px; border: 1px solid #dddddd; border-radius: 0; box-shadow: none; color: #4c4c4c; background: url("../../assets/structure/select-arrow.png") right center no-repeat #fff; text-decoration: none; white-space: nowrap; line-height: 24px; width: 365px; background-size: 31px;}
.chosen-container-single .chosen-single div b {display:none;}
.chosen-container-single .chosen-drop { margin-top: -11px;}

@media screen and (max-width: 800px) {
    .chosen-container-single {width: 100%!important;}
    .chosen-container-single .chosen-single {width: 100%; box-sizing: border-box; height: 36px; font-size: 14px;}
}



/* Rental */
.rental input[type="text"].date-picker,
.dateTimePeriod  input.date-picker,
section.cart .cart-additional-field button.ui-datepicker {width: calc(264px - 35px);}
.rental button.ui-datepicker-trigger,
.dateTimePeriod button.ui-datepicker-trigger,
section.cart .cart-additional-field button.ui-datepicker-trigger {background: #f2f2f2;  font-size: 0; cursor: pointer; height: 34px;  display: inline-block;border: 1px solid #dddddd; vertical-align: -5px; border-left: none; }
.rental button.ui-datepicker-trigger:before, .dateTimePeriod button.ui-datepicker-trigger:before,
section.cart .cart-additional-field button.ui-datepicker-trigger:before {content:'q'; font-family: 'printbridge-icon', sans-serif; color: #7f7f7f; font-size: 17px; line-height: 34px; }
.rental .rental-price-total, .dateTimePeriod .rental-price-total {font-size: 24px; display: inline-block; font-weight: 300; margin-bottom: 20px;}

.ui-widget-content .rented .ui-state-default {background: #FEF6F3; border: 1px solid #CD0A0A;color: #CD0A0A;}
.rental_price{ /*border-style: none;*/}


.ui-widget-content .requested .ui-state-default { background: #FEF6F3; border: 1px solid #ccad66; }

@media screen and (max-width: 1920px) {
    .rental input[type="text"].date-picker, .dateTimePeriod input.date-picker {width: calc(69% - 35px);}
}

@media screen and (max-width: 480px) {
    .rental input[type="text"].date-picker, .dateTimePeriod input.date-picker {width: calc(100% - 35px);}
}

/* Wizard */
.CategoryContentWizzard h1{margin-left:10px}
section.main .item-list-switch .CategoryContentWizzard .item-modal {display: none;}
section.main .item-list-switch .CategoryContentWizzard .item-modal.active {display: block;}
.CategoryContentWizzard .wizarditem-image {float: left; width: 280px;}
.CategoryContentWizzard .wizarditem-image .preview {width: 280px; height: 280px; display: table-cell; vertical-align: middle; box-sizing: border-box; border: 1px solid #e6e6e6; margin: 0;text-align: center;}
.CategoryContentWizzard .wizarditem-image .preview  a {padding:10px; cursor: zoom-in; display: block;}
.CategoryContentWizzard .wizarditem-image .preview  a img {width: 100%; height: auto;}
.CategoryContentWizzard .wizarditem-image .thumbnail {margin: 0; padding: 0;}
.CategoryContentWizzard .wizarditem-image .thumbnail li {padding: 0; width: 64px; height: 64px; display: block; float: left; margin: 8px 8px 0 0; box-sizing: border-box; border: 1px solid #e6e6e6;}
.CategoryContentWizzard .wizarditem-image .thumbnail li a {display: table-cell; vertical-align: middle; width: 64px; text-align: center; cursor: zoom-in;}
.CategoryContentWizzard .wizarditem-image .thumbnail li a img {width: 100%; height: auto; vertical-align: top;}
.CategoryContentWizzard .wizarditem-image .thumbnail li:nth-child(4n+4){margin: 8px 0 0 0;}


.CategoryContentWizzard .wizarditem-info{float:left;width:435px; margin: 0 0 0 20px;}

.CategoryContentWizzard .wizarditem-incart {float: right; width: 480px; display: block; box-sizing: border-box; border: 1px solid #e6e6e6; background: #fafafa; padding: 15px; margin: 0 0 0 20px;}
.CategoryContentWizzard .wizarditem-incart label {width: 180px;}
.CategoryContentWizzard .wizarditem-incart input[type="text"],
.CategoryContentWizzard .wizarditem-incart input[type="email"],
.CategoryContentWizzard .wizarditem-incart input[type="tel"],
.CategoryContentWizzard .wizarditem-incart input[type="number"],
.CategoryContentWizzard .wizarditem-incart input[type="password"] {border: 1px solid #dddddd; margin: 0 0 10px 0; width: 264px;  padding: 7px; font-size: 14px;  -webkit-appearance: none;}
.CategoryContentWizzard .wizarditem-incart select {border: 1px solid #dddddd; margin: 0 0 10px 0; width: 264px;  padding: 7px; font-size: 14px; background-size: 31px; }
.CategoryContentWizzard .wizarditem-incart textarea {border: 1px solid #dddddd; margin: 0 0 10px 0; width: 264px;  padding: 7px; font-size: 14px;  -webkit-appearance: none; box-sizing: border-box; height: 100px;}
.CategoryContentWizzard .wizarditem-incart input[type="checkbox"] {display: inline-block; float: left; margin: 5px 15px 5px 0;}
.CategoryContentWizzard .wizarditem-incart .btn-big {width: 100%; text-align: center;}
.CategoryContentWizzard .wizarditem-incart .price{font-size:20px;font-weight:300;text-align:left}

@media screen and (max-width: 1920px) {
    .CategoryContentWizzard .wizarditem-image { width: 30%; }
    .CategoryContentWizzard .wizarditem-info {width: 68%; margin: 0;float: right;}
    .CategoryContentWizzard .wizarditem-incart  {width: 68%; margin: 0;}

    .CategoryContentWizzard .wizarditem-image .preview {width: 100%; height: auto; display: block; }
    .CategoryContentWizzard .wizarditem-image .preview  a {padding:10px; display: block;}
    .CategoryContentWizzard .wizarditem-image .preview  a img {width: 100%; height: auto;}
    .CategoryContentWizzard .wizarditem-image .preview.no-image {display: block;  width: 100%; min-height: 150px; line-height: 150px;}
    .CategoryContentWizzard .wizarditem-image .thumbnail li {width: 23.5%; height: auto;  margin: 2% 2% 0 0; }
    .CategoryContentWizzard .wizarditem-image .thumbnail li a {width: auto; height: auto;}
    .CategoryContentWizzard .wizarditem-image .thumbnail li a img { vertical-align: bottom;}
    .CategoryContentWizzard .wizarditem-image .thumbnail li:nth-child(4n+4){margin: 2% 0 0 0;}

    .CategoryContentWizzard .wizarditem-incart label {width: 30%;}
    .CategoryContentWizzard .wizarditem-incart input[type="text"],
    .CategoryContentWizzard .wizarditem-incart input[type="email"],
    .CategoryContentWizzard .wizarditem-incart input[type="tel"],
    .CategoryContentWizzard .wizarditem-incart input[type="number"],
    .CategoryContentWizzard .wizarditem-incart input[type="password"] {width: 69%; }
    .CategoryContentWizzard .wizarditem-incart select { width: 69%;  }
    .CategoryContentWizzard .wizarditem-incart textarea { width: 69%; }
}

@media screen and (max-width: 800px){
    .CategoryContentWizzard .wizarditem-image {width: 20%; margin: 0 2% 0 0; z-index: 5; position: absolute; right: 0;}
    .CategoryContentWizzard .wizarditem-image .preview {width: 100%;   }
    .CategoryContentWizzard .wizarditem-image .preview a {padding: 1px; }
    .CategoryContentWizzard .wizarditem-image .preview.no-image { display: none;}
    .CategoryContentWizzard .wizarditem-image .thumbnail  {display: none; }
    .CategoryContentWizzard .wizarditem-info {float: left;  margin: 0; width: 78%; }
    .CategoryContentWizzard .wizarditem-incart {float: left; width: 100%; margin: 2% 0 0 0;}
}

@media screen and (max-width: 580px) {
    .CategoryContentWizzard .wizarditem-image {width: 20%; margin: 0 0 0 0; z-index: 0; position: relative; float: right;}
    .CategoryContentWizzard .wizarditem-info {float: none;  margin: 0; width: 100%; }
    .CategoryContentWizzard .wizarditem-incart {float: none; width: 100%;}
}

@media screen and (max-width: 480px) {
    .CategoryContentWizzard .wizarditem-incart label {width: 100%;}
    .CategoryContentWizzard .wizarditem-incart input[type="text"],
    .CategoryContentWizzard .wizarditem-incart input[type="email"],
    .CategoryContentWizzard .wizarditem-incart input[type="tel"],
    .CategoryContentWizzard .wizarditem-incart input[type="number"],
    .CategoryContentWizzard .wizarditem-incart input[type="password"] {width: 100%; }
    .CategoryContentWizzard .wizarditem-incart select { width: 100%;  }
    .CategoryContentWizzard .wizarditem-incart textarea { width: 100%; }
}

.modal_configure .content .content_wrap{box-sizing:border-box;width:100%;position:relative}
.modal_configure .content .content_wrap .titel{margin-bottom:10px; font-size: 24px; font-weight:300; border-bottom: 1px solid #dddddd; padding-bottom: 10px;}
.modal_configure .content .content_wrap .col_left{float:left;width:30%}
.modal_configure .content .content_wrap .col_left .wz_product_image {border:1px solid #e6e6e6;display:block; box-sizing: border-box; padding:10px 10px 5px 10px;}
.modal_configure .content .content_wrap .col_left .wz_product_image a { margin: 0; display: block;}
.modal_configure .content .content_wrap .col_left .wz_product_image a img {width: 100%; height: auto; vertical-align: bottom;}

.modal_configure .content .content_wrap .col_left .configure_summary{margin-top:15px}
.modal_configure .content .content_wrap .col_left .configure_summary .head{background:#f2f2f2;padding:10px; font-weight: 600;}
.modal_configure .content .content_wrap .col_left .configure_summary .sec_head{padding:10px; font-weight: 600;}
.modal_configure .content .content_wrap .col_left .configure_summary .sec_content {border-bottom:1px solid #dddddd;padding:0 10px 10px}
.modal_configure .content .content_wrap .col_left .configure_summary .sec_content .left,
.modal_configure .content .content_wrap .col_left .configure_summary .head .left {float:left;width:170px}
.modal_configure .content .content_wrap .col_left .configure_summary .sec_content .right,
.modal_configure .content .content_wrap .col_left .configure_summary .head .right{float:right; text-align: right;}
.modal_configure .content .content_wrap .col_left .configure_summary .sec_content.sec_content-variant {}
.modal_configure .content .content_wrap .col_left .configure_summary .sec_content.sec_content-layout .left {float:none;width:100%; margin-bottom: 5px;}
.modal_configure .content .content_wrap .col_left .configure_summary .sec_content .additionalInformation { display: block; clear: both; }
.modal_configure .content .content_wrap .col_left .configure_summary .sec_content .optionDescription { font-weight: 600; }
.modal_configure .content .content_wrap .col_left .configure_summary .sec_content .left small,
.modal_configure .content .content_wrap .col_left .configure_summary .sec_content .right small{color:#999; font-weight: 400;}
.modal_configure .content .content_wrap .col_left .configure_summary .sec_content select{float:left; width: 50%; margin-bottom: 0;}
.modal_configure .content .content_wrap .col_left .configure_summary .sec_content {border-bottom:1px solid #dddddd;padding:0 10px 10px}
.modal_configure .content .content_wrap .col_left .configure_summary .sec_content input[type="number"],
.modal_configure .content .content_wrap .col_left .configure_summary .sec_content input[type="text"]{width:80px;float:left;}
.modal_configure .content .content_wrap .col_left .configure_summary .sec_content input[type="text"]:disabled{background:#fff;color:#b6bdbf}
.modal_configure .content .content_wrap .col_left .configure_summary .sec_content .clr{padding-bottom:10px}
.modal_configure .content .content_wrap .col_left .btn-cta {width: 100%;}
.modal_configure .content .content_wrap .col_right{float:right;width:68%;padding-bottom:20px}
.modal_configure .content .content_wrap .in_cart{border-top:1px solid #dddddd; box-sizing:border-box;float:right;margin-top:50px;padding:10px 0 0; display: block; width:100%;}
.modal_configure .content .content_wrap .in_cart label{float:left;width:60px;line-height:34px;margin:0 0 0 220px}
.modal_configure .content .content_wrap .in_cart input[type="number"] {float:left;border:1px solid #dddddd;width:60px;height:32px;text-align:center;color:#333}
.modal_configure .content .content_wrap .in_cart select{float:left;border:1px solid #dddddd;width:62px;height:32px;color:#333;padding:4px;border-radius:2px}
.modal_configure .content .content_wrap .col_right .product_variants{margin-bottom:10px}
.modal_configure .content .content_wrap .col_right .product_variants label{width:160px;float:left;line-height:28px;padding-left:10px}
.modal_configure .content .content_wrap .col_right .product_variants select{width:185px;float:left;border:1px solid #dddddd;margin-bottom:10px}
.modal_configure .content .content_wrap .col_right .product_selection{margin-bottom:10px}
.modal_configure .content .content_wrap .col_right .accessoires .acc_inhalt{display:block}
.modal_configure .content .content_wrap .col_right .head {background:#f2f2f2;padding:10px;margin:0 0 10px;font-weight:700}


.acc_head{display:block;background:#fff;padding:10px;margin:0;cursor:pointer;-webkit-transition:.5s;-moz-transition:.5s;transition:.5s;border-bottom:1px solid #dddddd}
.acc_head:hover{background:#f2f2f2;cursor:pointer}
.acc_head span {}
.acc_head span:before {content: 'j'; font-family: 'printbridge-icon', sans-serif; width: 12px; height: 12px; font-size: 8px; line-height: 24px; margin: 0 7px 0 0 }
.acc_head.current span {}
.acc_head.current span:before {content: 'g'; font-family: 'printbridge-icon', sans-serif; width: 12px; height: 12px; font-size: 8px; line-height: 24px; margin: 0 7px 0 0 }

.acc_inhalt{display:none;padding:10px;margin:10px 0;border-top:none;clear:both}
.acc_inhalt .thumb{margin:0;padding:0;position:relative;clear:both}
.acc_inhalt .thumb li{display:inline-block;width:19.2%;height:auto;box-sizing:border-box;border:1px solid #dddddd;margin:0 1% 1% 0;font-size:0;vertical-align:top}
.acc_inhalt .thumb li:last-child{margin-right:0}
.acc_inhalt .thumb li:nth-child(5n+5){margin-right:0}
.acc_inhalt .thumb li:hover,
.acc_inhalt .thumb li.current{border:1px solid #0090d9;cursor:pointer;position:relative}
.acc_inhalt .thumb li.current:after{content:'';border:2px solid #0090d9;position:absolute;width:calc(100% + 2px);height:calc(100% + 2px);top:-1px;left:-1px;box-sizing:border-box; z-index: 0;}
.acc_inhalt .thumb li.notavailable{opacity:.5}
.acc_inhalt .thumb li.notavailable:hover{opacity:.5;border:1px solid #dddddd;cursor:auto}
.acc_inhalt .thumb li .wz_image{width:100%;height:100%;display:block;overflow:hidden;box-sizing:border-box;}
.acc_inhalt .thumb li .wz_image img{width:100%;height:auto}
.acc_inhalt .thumb li .wz_name{display:block;background:#f2f2f2;padding:5px;height:40px;vertical-align:top; font-size: 14px; font-weight: 600; line-height: 30px; }
.acc_inhalt .thumb li .additionalInformation { font-size: 13px; padding: 5px; background: #f6f6f6; display: none; }
.acc_inhalt .thumb li .wz_desc{display:none;}
.acc_inhalt .thumb li .wzInfoActive{background:#ccc;height:200px;display:block;box-sizing:border-box}
.acc_inhalt .thumb li .wz_price{display:block;background:#f2f2f2;padding:5px}
.acc_inhalt .thumb li a{text-decoration:none;color:#333}
.acc_inhalt .thumb.infoBtn li{display:inline-block;width:100px;height:auto;box-sizing:border-box;border:1px solid #dddddd;margin:0 4px 30px 0;font-size:0;vertical-align:top;position:relative}
.acc_inhalt .thumb.infoBtn li:hover,
.acc_inhalt .thumb.infoBtn li.current{border:1px solid #0090d9;cursor:pointer;position:relative}
.acc_inhalt .thumb.infoBtn li.current:after{content:'';border:3px solid #0090d9;position:absolute;width:100px;height:150px;top:-1px;left:-1px;box-sizing:border-box;}
.acc_inhalt .thumb.infoBtn li .wz_image{width:98px;height:98px;display:block;overflow:hidden;box-sizing:border-box}
.acc_inhalt .thumb.infoBtn li .wz_image img{width:100%;height:auto}
.acc_inhalt .thumb.infoBtn li .wz_name{display:block;background:#f2f2f2;padding:5px;height:40px;vertical-align:top;word-wrap:break-word;overflow:hidden}
.acc_inhalt .thumb.infoBtn li .wzInfoBtn{background:#fafafa;color:#333;border:1px solid #dddddd;box-sizing:border-box;display:block;height:22px;line-height:22px;text-indent:7px;position:absolute;bottom:-20px;left:-1px;width:100px}
.acc_inhalt .thumb.infoBtn li:hover .wzInfoBtn{border-top-color:#0090d9}
.acc_inhalt .thumb.infoBtn li .wz_desc{display:none}
.acc_inhalt .thumb.infoBtn li .wzInfoActive{background:#ccc;height:200px;display:block;box-sizing:border-box}
.acc_inhalt .thumb.infoBtn li .wz_price{display:block;background:#f2f2f2;padding:5px}
.acc_inhalt .thumb.infoBtn li a{text-decoration:none;color:#333}
.acc_inhalt .thumb.infoBtn li .wzInfoSpace{display:none;background:#fafafa;height:14px;width:100px;position:absolute;bottom:-32px;left:-1px;z-index:15;border-left:1px solid #dddddd;border-right:1px solid #dddddd;box-sizing:border-box}
.acc_inhalt .thumb.infoBtn li .wzInfoSpace.active{display:block}
.acc_inhalt .thumb.infoBtn li.wzInfoText{background:#fafafa;border:1px solid #ccc;box-sizing:border-box;width:516px;float:left;display:none;padding:10px;height:auto;position:relative;margin-top:0}
.acc_inhalt .thumb.infoBtn li.wzInfoText.active{display:block}
.acc_inhalt .thumb.infoBtn li.wzInfoText:hover{border:1px solid #dddddd!important;cursor:default}

/* PL-23682 – preview thumbnails nested inside a wizard article tile.
   An article tile is itself an `.acc_inhalt .thumb li`, so without these resets
   the nested items inherit the whole tile styling (grid width, border, nth-child
   margins) and their images fall back to their intrinsic size, which makes them
   overflow the tile and overlap the rest of the list. The selectors carry the
   extra `li` on purpose: they must outrank the `.thumb.infoBtn li` variants and
   the responsive `.thumb li` widths further down. */
.acc_inhalt .thumb li ul.thumbnail{display:grid;grid-template-columns:repeat(auto-fill,minmax(48px,1fr));gap:6px;margin:0;padding:6px;list-style:none;position:relative;z-index:10}
.acc_inhalt .thumb li ul.thumbnail:empty{display:none}
/* The markup carries `cf` for consistency with the other thumbnail lists, but a
   grid needs no clearfix and would turn both pseudo-elements into empty cells. */
.acc_inhalt .thumb li ul.thumbnail:before,
.acc_inhalt .thumb li ul.thumbnail:after{content:none}
.acc_inhalt .thumb li ul.thumbnail li{width:auto;height:auto;aspect-ratio:1;margin:0;padding:0;border:1px solid #e6e6e6;box-sizing:border-box;overflow:hidden;font-size:0}
.acc_inhalt .thumb li ul.thumbnail li:hover{border-color:#0090d9}
.acc_inhalt .thumb li ul.thumbnail li a{display:block;width:100%;height:100%;cursor:zoom-in}
.acc_inhalt .thumb li ul.thumbnail li a img{width:100%;height:100%;object-fit:contain;vertical-align:top}
/* The infoBtn variant uses fixed 100px tiles, so the strip needs a finer raster. */
.acc_inhalt .thumb.infoBtn li ul.thumbnail{grid-template-columns:repeat(auto-fill,minmax(26px,1fr));gap:4px;padding:4px}
.acc_inhalt:after{content:".";clear:both;display:block;visibility:hidden;height:0}
.accInfotext{box-sizing:border-box;padding:10px;margin:-20px -10px 20px}

.acc_master_head{display:block;background:#f2f2f2;padding:10px;margin:0 0 10px;font-weight:700;cursor:pointer;-webkit-transition:.5s;-moz-transition:.5s;transition:.5s}
.acc_master_head:hover{background:#e5e5e5;cursor:pointer}
.acc_master_head span {float:right}
.acc_master_head span:before {content: 'j'; font-family: 'printbridge-icon', sans-serif; width: 12px; height: 12px; font-size: 12px; line-height: 21px; margin: 0 3px 0 0 }
.acc_master_head.current span:before {content: 'g'; font-family: 'printbridge-icon', sans-serif; width: 12px; height: 12px; font-size: 12px; line-height: 21px; margin: 0 3px 0 0 }
.acc_master_content{display:none;padding:0;margin:0;border-top:none}

@media screen and (max-width: 1920px) {
    .acc_inhalt .thumb li{width:24.25%;}
    .acc_inhalt .thumb li:nth-child(5n+5){margin-right:1%}
    .acc_inhalt .thumb li:nth-child(4n+4){margin-right:0}
}

@media screen and (max-width: 1024px) {
    .modal_configure .content .content_wrap .col_left{width:38%}
    .modal_configure .content .content_wrap .col_right{width:60%;}

    .acc_inhalt .thumb li{width:32.66666666666666666666667%;}
    .acc_inhalt .thumb li:nth-child(4n+4){margin-right:1%}
    .acc_inhalt .thumb li:nth-child(3n+3){margin-right:0}
}

@media screen and (max-width: 860px) {
    .acc_inhalt .thumb li{width:49.5%;}
    .acc_inhalt .thumb li:nth-child(3n+3){margin-right:1%}
    .acc_inhalt .thumb li:nth-child(2n+2){margin-right:0}
}

@media screen and (max-width: 730px) {
    .modal_configure .content .content_wrap .col_left {width:100%; float: right;}
    .modal_configure .content .content_wrap .col_right {width:100%; float: left;}
}

/*Artikel Paket*/
.article-package-wizard {margin:20px 0; padding: 0; width: 100%; display: table; table-layout: fixed;}
.article-package-wizard li {list-style: none; margin: 0; padding: 0; position: relative; display: table-cell; text-align: center; border: none; box-sizing: border-box; line-height: 31px; vertical-align: bottom;}
.article-package-wizard li .article-package-number {display: block; width: 32px; height: 32px; line-height: 31px; font-size: 18px; border-radius: 50%; background:#ccc; color: #fff; margin: auto;  }
.article-package-wizard li .article-package-name {display: block; box-sizing: border-box; padding: 10px 10px 0 10px; }
.article-package-wizard li.current .article-package-number {background:#999999;}
.article-package-wizard li.current .article-package-name {color:#4d4d4d;}
.article-package-wizard li.done .article-package-number {background:#5cb85c; font-size: 0;}
.article-package-wizard li.done .article-package-number:before {content: 'D'; font-family: 'printbridge-icon',sans-serif; width: 32px; height: 32px; font-size: 19px; color: #fff; text-align: center;}
.article-package-wizard li:after {content:'j'; font-family: 'printbridge-icon',sans-serif;  position:absolute; right: -7px; top: 12px; width: 14px;  height: 16px; display: block; }
.article-package-wizard li:last-child:after {background: none; width:0; height: 0; display: none;}

.article-package-detail-list {margin: 20px 0 20px 0; padding: 0; display: flex; flex-wrap: wrap;}
.article-package-detail-list li {list-style: none; float: left; width: calc(100% / 3 - 20px); margin: 10px;  background: #fafafa; }
.article-package-detail-list li .itemImage {width: 25%; height: 100%; box-sizing: border-box; border: 1px solid #ccc; display: block; text-align: center; float: left;background: #fafafa; overflow: hidden; }
.article-package-detail-list li .itemImage img {display: block; width: 100%; max-width: 250px; height: auto;}
.article-package-detail-list li .itemImage.noImage {padding-top: 35px; font-size: 12px; color: #ccc;}
.article-package-detail-list li .itemDescription { float: left; width: 75%;}
.article-package-detail-list li .itemDescription > span { box-sizing: border-box; display: block; padding: 5px; line-height: 20px; border-bottom: 1px solid #fff; }
.article-package-detail-list li .itemDescription > span > span { width: 50%; float: left;}
.article-package-detail-list li .itemDescription > span > .articleTitle { width: 100%; display: block; font-size: 12px; }
.article-package-detail-list li .articleTitle  > span { width: 100%; display: block; }

#articlepackagedetail .tab-pane { display: none; }
#articlepackagedetail .tab-pane.active { display: block; }
#articlepackagedetail #bb-bookblock.bb-bookblock { height: 100%; z-index: 3; }
#articlepackagedetail .nav-tabs { border-top: 0; margin-top: 10px; border-bottom: 1px solid #ddd; height: 40px; }
#articlepackagedetail .nav { padding-left: 0; margin-bottom: 0; list-style: none; }
#articlepackagedetail .nav-tabs > li { float: left; margin-bottom: -1px; }
#articlepackagedetail .bb-bookblock { z-index: 1; width: 100%;}
#articlepackagedetail .bb-bookblock .bb-item { right: 0; }
#articlepackagedetail .nav > li { position: relative; display: block; }
#articlepackagedetail .nav-tabs > li > a { margin-right: 2px; line-height: 1.42857143; border: 1px solid transparent; border-radius: 4px 4px 0 0; }
#articlepackagedetail .nav > li > a { position: relative; display: block; padding: 10px 15px; }
#articlepackagedetail .nav-tabs > li.active > a, #articlepackagedetail .nav-tabs > li.active > a:focus, #articlepackagedetail .nav-tabs > li.active > a:hover { cursor: default; border: 1px solid #ddd; border-bottom-color: transparent; }
#articlepackagedetail #bb-nav-prev, #articlepackagedetail #bb-nav-next { border-radius: 3px; }
#articlepackagedetail #bb-nav-prev .fa, #articlepackagedetail #bb-nav-next .fa { padding: 3px; }

.bookletPart .preview img {
    float: left;
}

.bookBlockPageFlip #bb-bookblock img { float: left; }
.bookBlockPageFlip #crPreviewPagination, .bookBlockPageFlip #crPreviewPagination .input-group { display: flex; justify-content: center; margin: 10px 0; align-items: center; }
.bookBlockPageFlip #crPreviewPagination .input-group .btn { padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px; margin: 0 10px; }

@media screen and (max-width: 1280px) {
    .article-package-detail-list li { width: 50%; }
}

@media screen and (max-width: 800px) {
    .article-package-detail-list li { width: 100%; }
}

/* Image-Search*/
section.main .img-search {}
section.main .img-search ul.image-folder {margin: 0; padding: 0;}
section.main .img-search ul.image-folder li {list-style:none; float:left; display: block; width: 15.4166666666666667%;  margin: 0 1.5% 1.5% 0;  box-sizing: border-box; border: 1px solid #eeeeee; transition: border .3s ease-in-out; }
section.main .img-search ul.image-folder li a {display: block; width: 100%;  margin: 0;  box-sizing: border-box; height: 100px; text-align: center; padding: 20px;  }
section.main .img-search ul.image-folder li a .icon { display: block; width: 100%; text-align: center; font-size: 30px; margin-bottom: 5px; }
section.main .img-search ul.image-folder li:hover {border: 1px solid #eeeeee;}
section.main .img-search ul.image-folder li:nth-child(6n+6) {margin: 0 0 1.5% 0;}

section.main .img-search ul.images {margin:0; padding: 0;}
section.main .img-search ul.images li {float: left; list-style: none; width: 9.1%; position: relative;  height: 140px; margin:0 1% 1% 0; border: 1px solid #eeeeee; box-sizing: border-box; display: block; padding: 3px; transition: all .3s ease-in-out;}
section.main .img-search ul.images li:nth-child(10n+10) {margin:0 0 1% 0; }
section.main .img-search ul.images li a {display: block; position: absolute; top:3px; left:3px; right:3px; bottom: 3px;}
section.main .img-search ul.images li span {display: none; position: absolute; bottom:-40px; left:0; width: 250px; height: auto; background: #fff;box-shadow:0 0 10px rgba(0,0,0,0.2);box-sizing: border-box; padding: 10px; z-index: 21;}
section.main .img-search ul.images li:hover span {display: block;}
section.main .img-search ul.images li:nth-child(10n+10) span {right:0; left: inherit;}

@media screen and (max-width: 1920px){
    section.main .img-search ul.image-folder li {width: 18.4%; margin: 0 2% 2% 0; }
    section.main .img-search ul.image-folder li:nth-child(6n+6) {margin: 0 2% 2% 0;}
    section.main .img-search ul.image-folder li:nth-child(5n+5) {margin: 0 0 2% 0;}
    section.main .img-search ul.images li { width: 11.625%;  height: 140px; }
    section.main .img-search ul.images li:nth-child(10n+10) {margin:0 1% 1% 0; }
    section.main .img-search ul.images li:nth-child(8n+8) {margin:0 0 1% 0; }
    section.main .img-search ul.images li:nth-child(10n+10) span {left:0; right: inherit;}
    section.main .img-search ul.images li:nth-child(8n+8) span {right:0; left: inherit;}
}

@media screen and (max-width: 1280px){
    section.main .img-search ul.image-folder li {width: 23.5%;  }
    section.main .img-search ul.image-folder li:nth-child(5n+5) {margin: 0 2% 2% 0;}
    section.main .img-search ul.image-folder li:nth-child(4n+4) {margin: 0 0 2% 0;}
}


@media screen and (max-width: 1024px){
    section.main .img-search ul.images li { width: 15.833333333%;   }
    section.main .img-search ul.images li:nth-child(8n+8) {margin:0 1% 1% 0; }
    section.main .img-search ul.images li:nth-child(6n+6) {margin:0 0 1% 0; }
    section.main .img-search ul.images li:nth-child(8n+8) span {left:0; right: inherit;}
    section.main .img-search ul.images li:nth-child(6n+6) span {right:0; left: inherit;}
}

@media screen and (max-width: 800px){
    section.main .img-search ul.image-folder li {width: 32%;  }
    section.main .img-search ul.image-folder li:nth-child(4n+4) {margin: 0 2% 2% 0;}
    section.main .img-search ul.image-folder li:nth-child(3n+3) {margin: 0 0 2% 0;}

    section.main .img-search ul.images li { width: 19.2%;  height: 110px; }
    section.main .img-search ul.images li:nth-child(6n+6) {margin:0 1% 1% 0; }
    section.main .img-search ul.images li:nth-child(5n+5) {margin:0 0 1% 0; }
    section.main .img-search ul.images li:nth-child(6n+6) span {left:0; right: inherit;}
    section.main .img-search ul.images li:nth-child(5n+5) span {right:0; left: inherit;}
}

@media screen and (max-width: 680px){
    section.main .img-search ul.image-folder li {width: 49%;  }
    section.main .img-search ul.image-folder li:nth-child(3n+3) {margin: 0 2% 2% 0;}
    section.main .img-search ul.image-folder li:nth-child(2n+2) {margin: 0 0 2% 0;}

    section.main .img-search ul.images li { width: 24.25%;  height: 110px; }
    section.main .img-search ul.images li:nth-child(5n+5) {margin:0 1% 1% 0; }
    section.main .img-search ul.images li:nth-child(4n+4) {margin:0 0 1% 0; }
    section.main .img-search ul.images li:hover span {display: none;}
}

@media screen and (max-width: 420px){
    section.main .img-search ul.image-folder li {width: 100%; margin: 0 0 2% 0;  }
}

@media screen and (max-width: 480px){
    section.main .img-search ul.images li { width: 32.666666667%;  height: 100px; }
    section.main .img-search ul.images li:nth-child(4n+4) {margin:0 1% 1% 0; }
    section.main .img-search ul.images li:nth-child(3n+3) {margin:0 0 1% 0; }
}

/* Lokaler Bestellworkflow */
section.main .responsive-table-localworkflow {margin-bottom: 20px;}
section.main .local-workflow-edit {}
section.main .local-workflow-edit label {display: inline-block; width: 220px; vertical-align: top; padding: 7px 0 0 0; box-sizing: border-box;}

@media screen and (max-width: 1024px) {
    section.main .local-workflow-edit label {width: 34%; }
}

@media screen and (max-width: 800px) {
    section.main .local-workflow-edit label {width: 100%; margin: 0 0 0 0; padding: 0; background: #f2f2f2; line-height: 22px; box-sizing: border-box; text-indent: 8px; }
}

/* Kalender Modul */
section.main .appointment .responsive-table-appointment {margin: 20px 0 0 0;}
section.main .appointment .responsive-table-appointment table {border-collapse: separate; border-spacing: 2px;}
section.main .appointment .responsive-table-appointment .table>thead>tr>th {vertical-align: bottom; border-bottom: none;}
section.main .appointment .responsive-table-appointment .table>thead>tr>th,
section.main .appointment .responsive-table-appointment .table>tbody>tr>th,
section.main .appointment .responsive-table-appointment .table>tfoot>tr>th,
section.main .appointment .responsive-table-appointment .table>thead>tr>td,
section.main .appointment .responsive-table-appointment .table>tbody>tr>td,
section.main .appointment .responsive-table-appointment .table>tfoot>tr>td {padding: 6px 12px; line-height: 1.42857143; vertical-align: middle; border-top: none;}

@media screen and (max-width: 640px){
    section.main .appointment .btn {width: 100%; text-align: center; margin-bottom: 5px;}
    section.main .appointment .responsive-table-appointment .table>tbody>tr>td .btn {width: 65%;}

}

@media screen and (max-width: 400px){
    section.main .appointment .responsive-table-appointment .table>tbody>tr>td:before {display: none;}
    section.main .appointment .responsive-table-appointment .table>tbody>tr>td:nth-child(1) {font-weight: 600;}
    section.main .appointment .responsive-table-appointment .table>tbody>tr>td .btn {width: 100%;}
}

/* Tracking alter Version EOT */
section.main .tracking-eot{}
section.main .tracking-eot .responsive-table td:before {font-weight: normal;}
section.main .tracking-eot select.page {width: 120px; margin-right: 5px;}

section.main .tracking-eot #trackingFilter {}
section.main .tracking-eot #trackingFilter input[type="text"]{width: 200px; margin-right: 5px;}
section.main .tracking-eot #trackingFilter input[type="submit"]{border: 1px solid #dadada; background: #f0f0f0; color:#4c4c4c; text-align: center; cursor: pointer; user-select: none; position: relative;overflow: hidden; box-sizing: border-box; border-radius: 0; padding:0 10px; line-height: 33px;-webkit-appearance: none; display: inline-block; font-size: 14px;}
section.main .tracking-eot #trackingFilter input[type="submit"]:hover { background: #d9d9d9; border-color:#cccccc;  color:#4c4c4c; transition: background .3s ease-in-out; }
section.main .tracking-eot #trackingFilter input[type="submit"]:active,
section.main .tracking-eot #trackingFilter input[type="submit"]:hover,
section.main .tracking-eot #trackingFilter input[type="submit"]:focus {outline: none;-webkit-appearance: none;}
section.main .tracking-eot #trackingFilter select {width: 200px; float: right; }



@media screen and (max-width: 1640px) {
    section.main .tracking-eot .responsive-table tr th:nth-child(1n+6),
    section.main .tracking-eot .responsive-table tr td:nth-child(1n+6) {display: table-cell;}
    section.main .tracking-eot .responsive-table tr th:nth-child(2),
    section.main .tracking-eot .responsive-table tr td:nth-child(2),
    section.main .tracking-eot .responsive-table tr th:nth-child(3),
    section.main .tracking-eot .responsive-table tr td:nth-child(3),
    section.main .tracking-eot .responsive-table tr th:nth-child(4),
    section.main .tracking-eot .responsive-table tr td:nth-child(4) {display: none;}
}
@media screen and (max-width: 650px) {
    section.main .tracking-eot .responsive-table tr th:nth-child(1n+6),
    section.main .tracking-eot .responsive-table tr td:nth-child(1n+6) {display: block;}
}

@media screen and (max-width: 520px){
    section.main .tracking-eot #trackingFilter select {width: 100%; float: none; margin-top: -26px; }
    section.main .tracking-eot #trackingFilter input[type="text"]{width: calc(100% - 75px);}
}

/* Tracking */

section.main .tracking .tracking-order-table label  {display: inline-block; width: 220px; vertical-align: top; padding: 7px 0 0 0; box-sizing: border-box;}
section.main .tracking .tracking-order-table input[type="submit"] { height: 35px;}
section.main .tracking .responsive-table-tracking {}
section.main .tracking .responsive-table-tracking tr.head td {background: #b2b2b2; color: #fff;}
section.main .tracking .responsive-table-tracking tr.head td a {color: #fff;}
section.main .tracking .responsive-table-inner {}
section.main .tracking .responsive-table-tracking table,
section.main .tracking .responsive-table-tracking thead,
section.main .tracking .responsive-table-tracking tbody,
section.main .tracking .responsive-table-tracking th,
section.main .tracking .responsive-table-tracking tr,
section.main .tracking .responsive-table-tracking td { overflow: visible;}
section.main .tracking .responsive-table-inner th {background: #b2b2b2; font-weight: 400;}
section.main .tracking .responsive-table-inner td:before {display: none;}

section.main .tracking .order-detail h3 {font-weight: 400;}
section.main .tracking .order-detail .option {background: #f2f2f2; padding: 3px; margin:0 2px 4px 0; width: calc(35% - 6px); box-sizing: border-box; display: inline-block;}
section.main .tracking .order-detail .value {background: #f6f6f6; padding: 3px; margin: 0 0 4px 0; width: 65%; box-sizing: border-box; display: inline-block;}

section.main .tracking .pers-tooltipp-link {position: relative; cursor: pointer;}
section.main .tracking .pers-tooltipp-link .pers-tooltipp {display: none; position: absolute;background: #fff;box-shadow:0 0 10px rgba(0,0,0,0.2);box-sizing: border-box; padding: 10px; z-index: 21; }
section.main .tracking .pers-tooltipp-link:hover .pers-tooltipp {display: block;}
section.main .tracking .pers-tooltipp-link .pers-tooltipp table tbody tr td p {margin: 0;}

@media screen and (max-width: 1024px) {
    section.main .tracking .tracking-order-table input[type="text"]{width: 330px; margin-right: 5px;}
}

@media screen and (max-width: 800px) {
    section.main .tracking .tracking-order-table label {width: 100%; margin: 0 0 0 0; padding: 0; background: #f2f2f2; line-height: 22px; box-sizing: border-box; text-indent: 8px; }
    section.main .tracking .tracking-order-table input[type="text"]{ width: calc(100% - 50px);}
    section.main .tracking .tracking-order-table select{ width: 100%;}
}


/* Related Items */
.related-items-content {}
.related-items-content ul.related-items {margin:0 0 60px 0; padding: 0;}
.related-items-content ul.related-items li {list-style:none; float:left; display: block; width: 15.4166666666666667%;  margin: 0 1.5% 1.5% 0;  box-sizing: border-box; border: 1px solid #eeeeee; transition: border .3s ease-in-out; }
.related-items-content ul.related-items li:nth-child(6n+6) {margin: 0 0 1.5% 0;}
.related-items-content ul.related-items li:hover {border-color:#cccccc;}
.related-items-content ul.related-items li a {display: block; width: 100%;  position: relative;}
.related-items-content ul.related-items li a .item-image {display: block; margin: 0; padding: 5px; height: auto;}
.related-items-content ul.related-items li a .item-image img {width: 100%; height: auto; vertical-align: bottom;}
.related-items-content ul.related-items li a .item-name{display: block; text-align: center; height: 50px; padding: 5px;}
.related-items-content ul.related-items li a .btn-cta {width: 100%; text-align: center; vertical-align: bottom;}

@media screen and (max-width: 1920px){
    .related-items-content ul.related-items li {width: 18.4%; min-height: 100px; margin: 0 2% 2% 0; }
    .related-items-content ul.related-items li:nth-child(6n+6) {margin: 0 2% 2% 0;}
    .related-items-content ul.related-items li:nth-child(5n+5) {margin: 0 0 2% 0;}
}

@media screen and (max-width: 1024px) {
    .related-items-content ul.related-items li {width: 23.5%; min-height: 100px;  }
    .related-items-content ul.related-items li:nth-child(5n+5) {margin: 0 2% 2% 0;}
    .related-items-content ul.related-items li:nth-child(4n+4) {margin: 0 0 2% 0;}
}

@media screen and (max-width: 800px) {
    .related-items-content ul.related-items li {width: 32%; min-height: 100px; }
    .related-items-content ul.related-items li:nth-child(4n+4) {margin: 0 2% 2% 0;}
    .related-items-content ul.related-items li:nth-child(3n+3) {margin: 0 0 2% 0;}
}

@media screen and (max-width: 480px){
    .related-items-content ul.related-items li {width: 49%; min-height: 100px;  }
    .related-items-content ul.related-items li:nth-child(3n+3) {margin: 0 2% 2% 0;}
    .related-items-content ul.related-items li:nth-child(2n+2) {margin: 0 0 2% 0;}
}


/* Banner Ad aka upcoming-item */
.upcoming-item {margin: 0 0 60px 0;}
.upcoming-item .image img {width: 100%; height: auto; vertical-align: bottom;}


/* Printing Approval */
@media screen and (max-width: 1640px) {
    section.main .printing-approval .responsive-table-approval tr th:nth-child(1n+6),
    section.main .printing-approval .responsive-table-approval tr td:nth-child(1n+6) {display: table-cell;}

}
@media screen and (max-width: 650px) {
    section.main .printing-approval .responsive-table-approval tr th:nth-child(1n+6),
    section.main .printing-approval .responsive-table-approval tr td:nth-child(1n+6) {display: block;}
}
.printing-approval td span.orderUserName {display: none;}
.printing-approval td span.orderUserCustomerNumber {display: none;}
.printing-approval td span.orderUserCompany1 {display: none;}

/* Alte Styles ohne Zuordnung */
.rte_section {margin-bottom: 2px !important;padding: 5px;border-radius: 3px 3px 0 0;background:#F7F4F4;}

/* Freigabe */
section.freigabe .fixed-header {position: fixed; top: 0; width: 100%; background: #f2f2f2; height: 60px; z-index: 599; box-shadow:0 0 10px 0 rgba(0,0,0,0.25);  }
section.freigabe .fixed-header h1 {line-height: 52px; margin: 0; float: left;}
section.freigabe .wrp-freigabe {padding: 80px 0;}
section.freigabe .wrp-freigabe .alert-pdf {text-align: center;}
section.freigabe .wrp-freigabe .alert-pdf a {text-align: center; display: block;text-decoration: none;}
section.freigabe .wrp-freigabe .alert-pdf img {display: block; margin: -20px auto 0 auto;}
section.freigabe .wrp-freigabe .alert-pdf a strong {text-decoration: none;}
section.freigabe .wrp-freigabe .alert-pdf.additionalPrintData img {max-width: 70px;}
section.freigabe .wrp-freigabe .alert-pdf.additionalPrintData ul {list-style-type: none; margin: 0; padding: 0; text-decoration: underline;}
section.freigabe .wrp-freigabe .alert-pdf.additionalPrintData ul li:not(:last-of-type) {margin-bottom: 4px;}
section.freigabe .wrp-freigabe .order-details {}
section.freigabe .wrp-freigabe .order-details .order-detail-label {width: 30%; float: left; box-sizing: border-box; padding: 5px; background: #f2f2f2; margin: 0 1px 1px 0; line-height: 29px; }
section.freigabe .wrp-freigabe .order-details .order-detail-value {width: 69%; float: right; box-sizing: border-box; padding: 5px; min-height: 39px;margin: 0 0 1px 0; line-height: 29px;}
section.freigabe .wrp-freigabe .order-details .order-detail-value.editable {padding: 0px;}
section.freigabe .wrp-freigabe .order-details .order-detail-value.editable input,
section.freigabe .wrp-freigabe .order-details .order-detail-value.editable select {max-height: 39px; margin: 0 0 5px 0;}
section.freigabe .wrp-freigabe ul.preview-img {margin: 0; padding: 0;}
section.freigabe .wrp-freigabe ul.preview-img li {list-style:none; float:left; margin: 0; padding: 0; width: 25%; box-sizing: border-box;}
section.freigabe .wrp-freigabe ul.preview-img li a {display: block; padding: 15px;}
section.freigabe .wrp-freigabe ul.preview-img li a img {width: 100%; height: auto; vertical-align: bottom; box-shadow:0 0 20px 0 rgba(0,0,0,0.15);  }

section.freigabe .wrp-freigabe .edit-order-data {margin-bottom: 10px;}

section.freigabe .wrp-freigabe label {width: 30%; line-height: 35px;}
section.freigabe .wrp-freigabe textarea {width: 69%; line-height: 35px;}

section.freigabe #subsequentChangesLog .order-detail-value { padding: 0 5px; }
section.freigabe #subsequentChangesLog table.subsequentChangesLogTable { float: left; margin-right: 20px; width: 440px; box-sizing: border-box; }
section.freigabe #subsequentChangesLog.block-view table { float: none; width: 500px; margin-bottom: 20px; }
section.freigabe #subsequentChangesLog.block-view .personalizationLogContent { height: 0; overflow: hidden; transition: 240ms all; }
section.freigabe #subsequentChangesLog.block-view .subsequentChangesLogContent { width: auto !important; }
section.freigabe #subsequentChangesLog.block-view .subsequentChangesLogTable thead th:after { display: inline-block; float: right; content: "\f107"; font-family: FontAwesome; }
section.freigabe #subsequentChangesLog.block-view .subsequentChangesLogTable .personalizationLogContent td { border-bottom: 1px solid #eee; padding: 8px 10px; }
section.freigabe #subsequentChangesLog.block-view .subsequentChangesLogTable.visible thead th:after { display: inline-block; float: right; content: "\f106"; font-family: FontAwesome; }
section.freigabe #subsequentChangesLog.block-view .subsequentChangesLogTable.visible .personalizationLogContent { height: auto; }
section.freigabe #subsequentChangesLog table th { font-weight: 600; text-align: left; box-sizing: border-box; padding: 5px 10px; background: #f2f2f2; margin: 0 1px 1px 0; line-height: 29px; }
section.freigabe #subsequentChangesLog .personalizationVariable { font-weight: 600; }
section.freigabe #subsequentChangesLog table.subsequentChangesLogTable td { text-align: left; vertical-align: top; }

section.freigabe .wrp-freigabe .order-details .order-detail-value select{margin: 0;}

@media screen and (max-width: 1280px) {
    section.freigabe .wrp-freigabe ul.preview-img li {width: 50%; }
}

@media screen and (max-width: 800px) {
    section.freigabe .wrp-freigabe textarea {width: 100%; }
}

@media screen and (max-width: 640px) {
    section.freigabe .wrp-freigabe .order-details .order-detail-label {width: 100%; float: none;}
    section.freigabe .wrp-freigabe .order-details .order-detail-value {width: 100%; float: none;}

    section.freigabe .wrp-freigabe .btn-big {width: 100%; float: none; margin-bottom: 10px;}
}

/* Sammelpersonalisierung */
.btn-watch-list {margin-bottom: 10px;}
.collective-personalization {float: right;}
.collective-personalization .collective-personalization-open {background:#f2f2f2; float: right; width: auto; height:50px; text-align: center; margin: -10px 0 0 0; padding:17px 20px 0 20px; box-sizing: border-box; cursor: pointer; box-shadow:0 1px 5px 0 rgba(0,0,0,0.15); transition: .3s ease-in-out; }
.collective-personalization .collective-personalization-open:hover {background:#d9d9d9; }
.collective-personalization .collective-personalization-close {background:#f2f2f2; float: right; width: auto; height:40px; text-align: center; margin: 0; padding:0 20px; box-sizing: border-box; cursor: pointer; line-height: 40px; transition: .3s ease-in-out; }
.collective-personalization .collective-personalization-close:hover {background:#d9d9d9; }
.collective-personalization .collective-personalization-content {position: fixed;  bottom: -1000px; width: 600px; right: calc(50vw - 800px); padding: 15px; box-sizing: border-box; z-index: 801; height: auto; background: rgba(255,255,255,1.00); border-radius: 3px 3px 0 0; box-shadow: 0 0 10px 0 rgba(50, 50, 50, 0.5);  transition: 0.5s; }
.collective-personalization .collective-personalization-content.active {background: #fff;  bottom: 0;transition: 0.5s; }
.collective-personalization .collective-personalization-content .easy-autocomplete input {font-family: 'Open Sans', sans-serif; border: 1px solid #dddddd; margin: 0;width: 380px;padding: 7px;font-size: 14px;-webkit-appearance: none;  color: #4c4c4c;  border-radius: 0;box-shadow: none;  }
.collective-personalization .collective-personalization-content ul#watchlistItems,
.collective-personalization .collective-personalization-content ul#watchlistSelectedCustomerUsers{margin:10px 0 0 0; padding: 0; width: 100%;}
.collective-personalization .collective-personalization-content ul#watchlistItems li,
.collective-personalization .collective-personalization-content ul#watchlistSelectedCustomerUsers li{margin: 0 0 1px 0; padding: 5px; background: #f2f2f2; display: block;}
.collective-personalization .collective-personalization-content ul#watchlistItems li .icon,
.collective-personalization .collective-personalization-content ul#watchlistSelectedCustomerUsers li .icon {color:#ccc;}
.collective-personalization .collective-personalization-content ul#watchlistItems li .itemDesc {width: 50%; display: inline-block;}
.collective-personalization .collective-personalization-content ul#watchlistItems li .itemDetails {width: 35%; display: inline-block;}

@media screen and (max-width: 1920px) {
    .collective-personalization .collective-personalization-content {right: calc(50vw - 700px);}
}

@media screen and (max-width: 1280px) {
    .collective-personalization .collective-personalization-content {right: 2%;}
}

@media screen and (max-width: 640px) {
    .collective-personalization .collective-personalization-content {right: 2%; width: 96%;}
}

/* Sammelbestellung */
@media screen and (max-width: 1640px) {
    section.main .collective-order .responsive-table th:nth-child(1n+6),
    section.main .collective-order .responsive-table td:nth-child(1n+6) {display: table-cell;}
}

@media screen and (max-width: 650px) {
    section.main .collective-order .responsive-table tr th:nth-child(1n+6),
    section.main .collective-order .responsive-table tr td:nth-child(1n+6) {display: block;}
    section.main .collective-order .responsive-table tr.newTr {display: none;}
    section.main .collective-order .responsive-table tr.newTrContent:last-child td:nth-child(1),
    section.main .collective-order .responsive-table tr.newTrContent:last-child td:nth-child(2),
    section.main .collective-order .responsive-table tr.newTrContent:last-child td:nth-child(3),
    section.main .collective-order .responsive-table tr.newTrContent:last-child td:nth-child(6) {display: none;}
}


/* PL-2492 Tabel-Sort*/
#search_data_table  table.tablesorter thead th {cursor: pointer;}
#search_data_table  table.tablesorter thead th:nth-child(5) {cursor: auto;}

.clickable {cursor: pointer;}

/* */
.addToCartConfirmation { position: fixed; top: 0; left: 50%; margin: 0 0 0 -125px; width: auto; white-space: nowrap; text-align: center; padding: 10px; background: #fff; box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.25); z-index: 999; }
.addToCartConfirmation.errorMessage {background: red; color: lightgray;}

/* WEB-793 invoice output styling */

@media screen {
    .invoiceLabel, .invoiceOutput { display: inline-block; vertical-align: middle; margin: 0 0 10px 0; }
    .invoiceOutput { width: 65%; padding-top: 7px; box-sizing: border-box; margin: 0 0 10px 0; }
}

@media screen and (max-width: 1240px) {
    .invoiceOutput { width: 43%; }
    .invoiceOutput { width: 55%; }
}

@media screen and (max-width: 600px) {
    .invoiceLabel:nth-of-type(2) { display: none; }
    .invoiceOutput { width: 100%; padding: 6px; font-size: 14px; }
}


/* PL-3148 */
@media screen {
    .gallery-image-item:hover .thumbDown { display:block; }
    .successColor {
        color: #4c4c4c;
        background-color: #e5ffe5;
    }

    .responsive-table td:before { display: none; }

    table.tablesorter thead tr > th { position: relative; }

    table.tablesorter thead tr .headerSortInactive:before {
        content: " ";
        background: url("../../assets/structure/headerSortInactive.svg") right center no-repeat rgba(255,255,255,0);
        background-size: 14px 14px;
        height: 14px; width: 14px;
        position: absolute; right: 10px; top: 10px;
        line-height: 1;
    }

    table.tablesorter thead tr .headerSortDown:before{
        content: "\67";
        background: none;
        font-size: 14px; color: #ffffff;
        position: absolute; right: 10px; top: 10px;
        font-family: "printbridge-icon" !important;
        font-style: normal !important;
        font-weight: normal !important;
        font-variant: normal !important;
        text-transform: none !important;
        speak: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
    }

    table.tablesorter thead tr .headerSortUp:before {
        content: "\68";
        background: none;
        font-size: 14px; color: #ffffff;
        position: absolute; right: 10px; top: 10px;
        font-family: "printbridge-icon" !important;
        font-style: normal !important;
        font-weight: normal !important;
        font-variant: normal !important;
        text-transform: none !important;
        speak: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
    }

    section.main .tracking .responsive-table-tracking tr.head td:not(:last-of-type) {
        background: #e8e8e8 !important;
        color: #4c4c4c !important;
    }
}

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

    table.tablesorter thead tr .headerSortInactive:before,
    table.tablesorter thead tr .headerSortDown:before,
    table.tablesorter thead tr .headerSortUp:before { top: 12px; right: 7px; }

    table.tablesorter thead tr .headerSortInactive:before { height: 10px; width: 10px; background-size: 10px 10px; }

    table.tablesorter thead tr .headerSortDown:before,
    table.tablesorter thead tr .headerSortUp:before { font-size: 10px; }

}

@media screen and (max-width: 800px) {
    section.main .tracking .tracking-order-table label.orderSortLabel { display: none; }

}

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

    .responsive-table td:before {display: inline-block;}

    section.main .tracking .responsive-table-tracking tr.head td > a { display: block; }

    section.main .tracking .responsive-table-tracking tr.head td > br { display: none; }

    .responsive-table td.successColor:before { content: ''; display: none;}

}

/* PL-3112 handelsware mit bildupload */

@media screen {

    .cart-content .cart-item .previewWrapper .cart-preview {
        text-align: center;
        box-sizing: border-box;
        border: 1px solid #eeeeee;
        margin-bottom: 10px;
    }

    .cart-content .cart-item .previewWrapper .cart-preview.oci-punchout {
        max-width: 200px;
    }

    .cart-content .cart-item .previewWrapper .preview {
        width: 30%;
        float: left;
        text-align: center;
        box-sizing: border-box;
        border: 1px solid #eeeeee;
        margin-bottom: 10px;
        margin-right: 5%;
    }

    .cart-content .cart-item .previewWrapper .preview.address-list{
        width: 70%;
    }

    .cart-content .cart-item .previewWrapper .preview.address-list .address-list-wrapper{
        padding: 6px;
    }

    .cart-content .cart-item .previewWrapper .preview.address-list .address-list-for-upload-article{
        width: 90%;
    }

    .cart-content .cart-item .previewWrapper .preview:nth-of-type(3n+3){margin-right: 0;}

    .cart-content .cart-item .previewWrapper .preview > img {
        width: auto; max-width: 100%; height: 100%; min-height: 100px;
        max-height: 180px;
    }

    .cart-content .cart-item .previewWrapper .preview > .filenameWrapper {
        padding: 0 10px;
        box-sizing: border-box;
        font-size: 12px; line-height: 12px; font-weight: 300;
        background: rgba(242, 242, 242, 0.80);
        width: 100%; max-width: 100%; display: block;overflow: hidden;
    }

    .cart-content .cart-item .previewWrapper .preview > .filenameWrapper > span {
        width: 100%;
        padding: 5px 0;
        box-sizing: border-box;
        display: block;
        overflow: hidden;
    }
}


/* WEB-796 */
@media screen {

    body { min-height: 100vh; }

    #footer {
        position: fixed;
        bottom: 0;
        width: 100%;
        z-index: 3;
    }

    .invisible {
        display: none !important;
    }

    /* navigation_type == 1 */
    nav.main ul.oneNavpoint { position: relative; }
    nav.main ul.oneNavpoint > li > ul { left: 0; right: inherit; }
    nav.main ul.oneNavpoint > li > ul > li > ul > li > ul { display: none; }

    nav.main ul.oneNavpoint > li > ul > li > ul > li:hover > ul,
    nav.main ul.oneNavpoint > li > ul > li > ul > li:active > ul,
    nav.main ul.oneNavpoint > li > ul > li > ul > li:focus > ul { display: block; }

    nav.main ul.oneNavpoint > li:last-of-type > a { margin-right: 0; }

    /* navigation_type == 2 */

    nav.main > .wrp { position: relative; }

    nav.main ul.meganav > .fullsizeSubmenu { float: right; position: static; }
    nav.main ul.meganav > .fullsizeSubmenu > a { margin: 0; }

    nav.main ul.meganav .fullsizeSubmenu > ul { right: 0; width: 100%; }
    nav.main ul.meganav .fullsizeSubmenu > ul > li { width: 25%; box-sizing: border-box; float: left; }
    nav.main ul.meganav .fullsizeSubmenu > ul > li:last-of-type { border-bottom: 1px solid #dadada; }
}

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

    /* navigation_type == 1 */
    nav.main ul.oneNavpoint li a { margin-right: 20px; }

}

@media screen and (max-width: 1024px) {
    /* navigation_type == 1 */
    nav.main ul.oneNavpoint > li > ul > li > ul,
    nav.main ul.oneNavpoint > li > ul > li > ul > li:hover > ul,
    nav.main ul.oneNavpoint > li > ul > li > ul > li:active > ul,
    nav.main ul.oneNavpoint > li > ul > li > ul > li:focus > ul { display: none; }

    nav.main ul.oneNavpoint ul.active,
    nav.main ul.oneNavpoint > li > ul > li > ul > li:hover > ul.active,
    nav.main ul.oneNavpoint > li > ul > li > ul > li:active > ul.active,
    nav.main ul.oneNavpoint > li > ul > li > ul > li:focus > ul.active { display: block; }

    nav.main ul.oneNavpoint > li > ul > li > ul > li > ul > li { background: #f3f3f3; }
    nav.main ul.oneNavpoint > li > ul > li > ul > li > ul > li { padding: 0 0 0 20px; }

    /* navigation_type == 2 */

    nav.main ul.meganav > li > ul > li > ul,
    nav.main ul.meganav > li > ul > li > ul > li,
    nav.main ul.meganav > li > ul > li:hover > ul{display: none;}

    nav.main ul.meganav > li > ul > li > ul.active,
    nav.main ul.meganav > li > ul > li > ul.active > li { display: block; }

    nav.main ul.meganav > .fullsizeSubmenu { display: none; }

}

/* PL-3423 - PaymentMethod */

@media screen {

    #PaymentMethod ~ div > .info {
        display: block; padding: 0 0 15px 0;  box-sizing: border-box;
    }
}

/* PL-3478 - form validation / */

@media screen {

    /* remove glow (firefox) and outline (chrome) */
    :invalid {
        box-shadow: none;
    }

    :-moz-submit-invalid {
        box-shadow: none;
    }

    :-moz-ui-invalid {
        box-shadow: none;
    }

    input:focus,
    select:focus,
    textarea:focus,
    button:focus,
    input:required:invalid,
    textarea:required:invalid { outline: none; box-shadow: 0; }

    /* global styling for inputs and textareas */

    textarea,
    input,
    input:valid,
    input:required:valid,
    textarea:valid { border: 1px solid #dddddd; }

    textarea:focus:invalid,
    textarea:focus:required:invalid,
    input:focus:invalid,
    input:focus:required:invalid  { border-color: #C00000; }

}

/* PL-3592 */

@media screen {

    .ui-combobox { position: relative; }

    .ui-combobox > .ui-helper-hidden-accessible {display: none;}

    .ui-combobox > input {
        margin: 0 0 10px 0;
        width: 100%;
        padding: 6px;
        font-size: 14px;
        border: 1px solid #dddddd;
        background: #fff;
        border-radius: 0 0 0 0;
    }

    .ui-combobox > .custom-combobox-toggle {
        height: 28px; width: 28px;
        position: absolute; top: -5px; right: 2px;
        background: url(../../assets/structure/select-arrow.png) right center no-repeat #fff;
        background-size: 28px 28px;
    }

    .ui-autocomplete.ui-menu {
        width: 17%!important;
        border: 1px solid #dddddd;
        padding: 0;
        background: #fff;
        border-radius: 0;
    }

    .ui-autocomplete.ui-menu > li {
        list-style-type: none;
        padding: 8px 5px; box-sizing: border-box;
    }
}

@media screen and (max-width: 1240px) {
    .ui-combobox > input { width: 55%; }
}

@media screen and (max-width: 1024px) {
    .ui-autocomplete.ui-menu { width: 30%!important; }
}

@media screen and (max-width: 600px) {
    .ui-combobox > input { width: 100%; }
    .ui-autocomplete.ui-menu { width: 91.5%!important; }
}


/* PL-3682 */

@media screen {
    #content_cms table > tbody > tr > td > a:not(.btn) {
        padding: 0 10px;
        line-height: 31px;
        -webkit-appearance: none;
        display: inline-block;
        font-size: 14px;
        transition: background .3s ease-in-out;
        color: #FFFFFF;
        background-color: #0090d9;
        border-color: #006699;
    }

    #content_cms table > tbody > tr > td > a:not(.btn):hover {
        background-color: #0077B3;
        border-color: #006699;
    }

    #content_cms table > tbody > tr > td > a:not(.btn):after {
        content: "\6a";
        font-size: 10px;
        font-family: "printbridge-icon" !important;
        font-style: normal !important;
        font-weight: normal !important;
        font-variant: normal !important;
        text-transform: none !important;
        speak: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        padding-left: 3px;
    }
}

/* PL-3796 */

@media screen {

    section.pers .standard-editor .standard-editor-input.standard-editor-input-full.handelswarePers .pers_headline { margin-bottom: 25px; }

    section.pers .standard-editor .standard-editor-input.standard-editor-input-full.handelswarePers .pers_headline .pers_headline_fieldname,
    section.pers .standard-editor .standard-editor-input.standard-editor-input-full.handelswarePers .pers_wrapper #pers_fieldname { width: 25%;float: left; }

    section.pers .standard-editor .standard-editor-input.standard-editor-input-full.handelswarePers .pers_headline .pers_headline_fieldvalue,
    section.pers .standard-editor .standard-editor-input.standard-editor-input-full.handelswarePers .pers_wrapper #pers_content{ width: 75%; float: left; }

    section.pers .standard-editor .standard-editor-input.standard-editor-input-full.handelswarePers .pers_wrapper #pers_content > input,
    section.pers .standard-editor .standard-editor-input.standard-editor-input-full.handelswarePers .pers_wrapper #pers_content > textarea { width: 100%!important; }

    section.pers .standard-editor .standard-editor-input.standard-editor-input-full.handelswarePers .pers_wrapper {
        margin-bottom: 25px;
        padding: 0 10px; box-sizing: border-box;
    }
}

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

    section.pers .standard-editor .standard-editor-input.standard-editor-input-full.handelswarePers .pers_headline .pers_headline_fieldname{ display: none; }

    section.pers .standard-editor .standard-editor-input.standard-editor-input-full.handelswarePers .pers_wrapper { padding: 0; }

    section.pers .standard-editor .standard-editor-input.standard-editor-input-full.handelswarePers .pers_wrapper #pers_fieldname,
    section.pers .standard-editor .standard-editor-input.standard-editor-input-full.handelswarePers .pers_wrapper #pers_content { width: 100%; float: left; }

    section.pers .standard-editor .standard-editor-input.standard-editor-input-full.handelswarePers .pers_wrapper #pers_fieldname { margin-bottom: 5px; }
}

/* PL-3761 */

@media screen {
    .error {background: #f2dede;color: #a94442; padding: 5px; border: 1px solid #dca7a7; display: block; border-radius: 0; /*width: 380px;*/}
}

/* PL-4192 */

@media screen {

    #branchManagement #table_wrapper > .row > .col-sm-6 { width: 50%; float: left;}

    #branchManagement #table_wrapper #table_length { margin-bottom: 25px; }
    #branchManagement #table_wrapper #table_length label { display: inline-block; margin-bottom: 5px; }
    #branchManagement #table_wrapper #table_length label > select,
    #branchManagement #table_wrapper #table_length label > span { float: left; margin-top: 10px; }
    #branchManagement #table_wrapper #table_length label .select2-container .select2-selection--single { border: 0; }

    #branchManagement #table_wrapper #table_filter { text-align: right; box-sizing: border-box; }
    #branchManagement #table_wrapper #table_filter label { text-align: left; }
    #branchManagement #table_wrapper #table_filter input { display: block; margin-top: 10px; padding: 5px 7px; width: 100%; }

    #branchManagement #table_wrapper > .row:last-of-type { float: right; }

    #branchManagement #table_wrapper #table_info { margin-top: 10px; font-size: 12px; text-align: right; }

    #branchManagement #table_wrapper #table_paginate .pagination { padding: 0; }
    #branchManagement #table_wrapper #table_paginate .pagination li {
        border: 1px solid #e3e3e3;
        float: left;
        text-align: center;
        list-style-type: none;
    }

    #branchManagement #table_wrapper #table_paginate .pagination li.active { background: #0090d9; }
    #branchManagement #table_wrapper #table_paginate .pagination li.active a { color: #fff; }

    #branchManagement #table_wrapper table { width: 100%!important; }
    #branchManagement #table_wrapper table thead tr th { position: relative; }
    #branchManagement #table_wrapper table thead th:not(:last-of-type):hover { cursor: pointer; }
    #branchManagement #table_wrapper table thead tr th:after {
        font-family: "printbridge-icon" !important;
        font-style: normal !important;
        font-weight: normal !important;
        font-variant: normal !important;
        text-transform: none !important;
        speak: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        position: absolute; right: 5px; top: 10px;
    }

    #branchManagement #table_wrapper table thead tr th.sorting:after {content: "\36";}
    #branchManagement #table_wrapper table thead tr th.sorting_desc:after {content: "\67";}
    #branchManagement #table_wrapper table thead tr th.sorting_asc:after {content: "\68";}

    #branchManagement #table_wrapper table tbody tr td button { margin-left: 0; }

    #branchManagement #table_wrapper #table_paginate .pagination li a { padding: 5px 10px; }
    #branchManagement #table_wrapper #table_paginate .pagination li:first-of-type,
    #branchManagement #table_wrapper #table_paginate .pagination li:last-of-type { width: 65px; background: #fafafa; transition: all .3s ease-in-out; }
    #branchManagement #table_wrapper #table_paginate .pagination li:first-of-type:hover,
    #branchManagement #table_wrapper #table_paginate .pagination li:last-of-type:hover { background: #9a9a9a; }
    #branchManagement #table_wrapper #table_paginate .pagination li:first-of-type:hover a,
    #branchManagement #table_wrapper #table_paginate .pagination li:last-of-type:hover a { color: #fff; }
    #branchManagement #table_wrapper #table_paginate .pagination li:first-of-type { margin-right: 5px; }
    #branchManagement #table_wrapper #table_paginate .pagination li:last-of-type { margin-left: 5px; }
    #branchManagement #table_wrapper #table_paginate .pagination li > a { box-sizing: border-box; display: block; }

    #branchManagement .actions > a { float: left; margin-right: 25px; }
    #branchManagement .actions form { float: right; }

    #branchManagement .actions form > input,
    #branchManagement .actions form > button,
    #branchManagement .actions form > a { vertical-align: middle; float: none; display: inline-block; }

    #branchManagement .actions form > button { margin-right: 25px; }

    #branchManagement .actions form > br,
    #branchManagement .actions form > hr { display: none; }

    #branchManagement .actions.insideForm > button { float: left; margin: 0; }
    #branchManagement .actions.insideForm > a { float: right; margin: 0;  }

    #branchManagement .deleteContent button,
    #branchManagement .deleteContent a { vertical-align: top; }

    #branchManagement #branch-management-form .checkboxWrapper,
    #branchManagement #branch-management-form .unknownField,
    #branchManagement #branch-management-form .help-block { width: 380px; margin-left: 224px; }

    #branchManagement #branch-management-form .checkboxWrapper { margin-bottom: 15px; text-indent: 0; }

    #branchManagement #branch-management-form .help-block { display: inline-block; margin-bottom: 25px; }

    #branchManagement #branch-management-form .easy-autocomplete { display: inline-block; }
    #branchManagement #branch-management-form .easy-autocomplete input { border: 1px solid #dddddd; border-radius: 0; box-shadow: none; }

    #branchManagement .select2-container {
        width: 380px!important;
        padding: 0 7px;
        border: 1px solid #dddddd;
        margin: 0 0 10px 0;
        font-family: 'Open Sans', sans-serif;
        font-size: 14px;
        -webkit-appearance: none;
        color: #4c4c4c;
    }

    #branchManagement .dataTables_length .select2-container { width: 100%!important; }

    #branchManagement .select2-container--default .select2-selection--single { border: 0px; }
    #branchManagement .select2-container .select2-selection--single .select2-selection__rendered { padding: 0; }

    #branchManagement #branch-management-form .readOnly { position: relative;}

    #branchManagement #branch-management-form .readOnly:after {
        content:'aktivieren';
        display: inline-block;
        padding-left: 15px;
        font-size: 14px;
        font-family: 'Open Sans', sans-serif;
        color: #4c4c4c;
        position: absolute; left: 2px; top: -5px;
    }

    #branchManagement #branch-management-form .branchManagerPictureUpload { width: 380px; display: inline-block; }
    #branchManagement #branch-management-form .branchManagerPictureUpload .dropzone-field.dz-clickable { padding: 7px; margin: 0;}
    #branchManagement #branch-management-form .branchManagerPictureUpload .dropzone-field.dz-clickable:before {
        content: "\41";
        font-family: "printbridge-icon" !important;
        font-style: normal !important;
        font-weight: normal !important;
        font-variant: normal !important;
        text-transform: none !important;
        speak: none;
        font-size: 18px;
        line-height: 18px;
        -webkit-font-smoothing: antialiased;
        display: inline-block;
        padding-right: 15px;
    }

    #branchManagement #branch-management-form .branchManagerPictureUpload img { width: 100%; height: auto; display: block; }
    #branchManagement #branch-management-form .branchManagerPictureUpload .field-dropzone-preview .btn { margin: 0; }
}

@media screen and (max-width: 1400px) {
    #branchManagement .actions > a { float: none; }

    #branchManagement .actions form { float: none; width: 100%; }
    #branchManagement .actions form > br,
    #branchManagement .actions form > hr { display: block; }
}


@media screen and (max-width: 1024px) {
    #branchManagement #branch-management-form .checkboxWrapper,
    #branchManagement #branch-management-form .unknownField,
    #branchManagement #branch-management-form .help-block { width: 64%; margin-left: 35%; }

    #branchManagement #branch-management-form .easy-autocomplete { width: 65%!important; }
    #branchManagement #branch-management-form .easy-autocomplete input { width: 100%; }

    #branchManagement .select2-container { width: 65%!important; }
    #branchManagement #table_wrapper #table_length label { width: 75%; }
    #branchManagement .dataTables_length .select2-container { width: 100%!important; }

    #branchManagement #branch-management-form .branchManagerPictureUpload { width: 65%; }
    #branchManagement #branch-management-form .branchManagerPictureUpload .dropzone-field.dz-clickable { width: 100%; }
}

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

    #branchManagement #branch-management-form .checkboxWrapper { margin-left: 0; width: auto;  }

    #branchManagement #branch-management-form .easy-autocomplete,
    #branchManagement #branch-management-form .select2-container { width: 100%!important; }

    #branchManagement #branch-management-form .unknownField, #branchManagement #branch-management-form .help-block { width: 100%; margin-left: 0; }

    #branchManagement #branch-management-form .checkboxWrapper { background: none; margin-bottom: 15px; }

    #branchManagement #branch-management-form .readOnly { margin-top: 15px; vertical-align: middle; }

    #branchManagement #branch-management-form .branchManagerPictureUpload { width: 100%; }

    #branchManagement #table_wrapper #table_length label,
    #branchManagement #table_wrapper #table_filter label { background: #fff;}

    #branchManagement .actions.insideForm > button,
    #branchManagement .actions.insideForm > a { float: none; margin-bottom: 15px; }
}

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

    #branchManagement .responsive-table td:last-of-type { padding-top: 10px; }
    #branchManagement .responsive-table td:last-of-type:before { content: ' '; }

    #branchManagement #table_wrapper > .row > .col-sm-6 { float: none; display: inline-block; width: 49%; vertical-align: top; }

}

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

    #branchManagement #table_wrapper > .row > .col-sm-6 { width: 100%; }

    #branchManagement #table_wrapper #table_length { margin-bottom: 10px; }
    #branchManagement #table_wrapper #table_length label { width: 100%; }

    #branchManagement #table_wrapper #table_filter { text-align: left; margin-bottom: 20px; }
    #branchManagement #table_wrapper #table_filter label,
    #branchManagement #table_wrapper #table_filter input{ width: 100%; }

}

/* PL-4428 */

@media screen {
    #cartAdvice { padding: 0 10px; box-sizing: border-box; }
}

/* */
.item-modal-remove-single-campaign-recipient .header { height: auto; }
.item-modal-remove-single-campaign-recipient .header .header-search { margin: 0; }
.recipientPagination ul.pagination { margin-bottom: 0; }

#ssoProgressSpinner { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: url('../../assets/img/loading.gif') no-repeat center; }

/** */
.step-navigation { position: relative; margin: 0 0 50px; }
.step-navigation:after { clear: both; content: ""; display: block; width: 100%; }
.step-navigation .step { position: relative; float: left; display: inline-block; width: 20%; height: 50px; }
.step-navigation.four-steps .step { width: 25%; }
.step-navigation.six-steps .step { width: 16.66%; }
.step-navigation .step .number { position: absolute; left: 50%; top: 0; width: 50px; height: 50px; background: #ddd; line-height: 50px; font-size: 20px; font-weight: 500; color: #fff; border-radius: 50%; text-align: center; z-index: 2; border: 2px solid #fff; margin-left: -25px; }
.step-navigation .step.active .number, .step-navigation .step.success .number { background: #0077b3; }
.step-navigation .step.success .number { text-indent: -999px; overflow: hidden; }
.step-navigation .step.success .number:after { position: absolute; left: 0px; top: 0px; text-indent: 0; content: "\f00c"; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; width: 100%; }
.step-navigation .step .description { text-align: center; width: 100%; position: relative; top: 100%; margin: 10px 0 0; display: block; color: #ddd; }
.step-navigation .step.active .description, .step-navigation .step.success .description { color: #0077b3; }
.step-navigation .step:after { position: absolute; top: 50%; left: 50%; height: 6px; margin-top: -1px; background: #ddd; width: 100%; content: ""; z-index: 0; }
.step-navigation .step.active:after, .step-navigation .step.success:after { background: #0077b3; }
.step-navigation .step:last-child:after, .step-navigation .step.last:after{ display: none; }
label.trashbox { position: relative; display: block; overflow: hidden; font-size: 18px; }
label.trashbox input { position: absolute; left: -20px; }
label.trashbox:after { display: block; width: 100%; content: "\f00c"; font-family: FontAwesome; font-style: normal; font-weight: normal; }
label.trashbox.checked:after { display: block; width: 100%; content: "\f00d"; font-family: FontAwesome; font-style: normal; font-weight: normal; }

/** PL-5230 */
.productChildItemsLink { display: block; background: #eeeeee; padding: 10px 10px; line-height: 100%; font-weight: 600; cursor: pointer; }
.productChildItemsLink .item-accordion-btn:before {content: 'y'; }
.productChildItemsLink.active .item-accordion-btn:before {content: 'x'; }
.cart-item-childs .cart-item:last-child {
    border-bottom: 2px solid #e6e6e6;
}

.acc_inhalt .thumb li { cursor: inherit !important; }
.acc_inhalt .wz_actions { height: 40px; }
.acc_inhalt .wz_actions i { font-size: 21px; width: 50%; float: left; line-height: 38px; text-align:center; cursor: pointer; opacity: .5; }
.acc_inhalt .wz_actions i:last-child { width: calc(50% - 1px); border-left: 1px solid #f2f2f2; }
.acc_inhalt .wz_actions i:hover { opacity: 1; }
.acc_inhalt .thumb li.current .wz_actions .fa-check { display: none; }
.acc_inhalt .thumb li .wz_actions .fa-search { width: 100%; }
.acc_inhalt .thumb li.current:after { border: 0; height: calc(100% - 38px); }
.acc_inhalt .thumb li.current { border-width: 2px; }
.modal_configure .content .content_wrap .col_left .wz_product_image img { width: 100%; height: auto; vertical-align: bottom; }
.modal_configure .content .content_wrap .col_left .wz_product_image .fa-search { position: absolute; right: 10px; bottom: 10px; z-index: 2; font-size: 24px; border-radius: 50%; border: 1px solid #fff; width: 40px; height: 40px; text-align: center; line-height: 34px; color: #fff; cursor: pointer; background: rgba(0,0,0,.3); }
.cart-item-data-copy { margin:15px 0; }


/* PL-5752 */

@media screen {
    .item-list-single .item-incart .articleAttributes > label { vertical-align: top; }
    .articleAttributes > span { display: inline-block; width: 264px;  vertical-align: top; margin-bottom: 10px; white-space: pre-line; }
}

@media screen and (max-width: 1920px) {
    .articleAttributes > span { width: 100%; }
}

@media screen and (max-width: 1280px) {
    .articleAttributes > span { width: 69%; }
}

@media screen and (max-width: 480px) {
    .item-list-single .item-incart .articleAttributes > label { width: 100%; }
    .articleAttributes > span { width: 100%; }
}


.wishlist-item-row td {
    background: #fafafa;
}

.wishlist-actions-row td {
    background: #f2f2f2
}

.wishlist-actions-row > td:first-child,
.wishlist-item-row > td:first-child {
    border-left: 1px solid #dddddd;
}

.wishlist-actions-row > td:last-child,
.wishlist-item-row > td:last-child {
    border-right: 2px solid #dddddd;
}

.wishlist-main-item-row td {
    border-top: 1px solid #dddddd;
    padding-top: 8px;
}

.wishlist-actions-row .item-actions {
    border-top: 1px solid #dddddd;
    padding-bottom: 6px;
    border-bottom: 0;
}

.wishlist-placeholder-row td {
    background: #fff;
}

.wishlist-placeholder-row td {
    border-top: 1px solid #dddddd;
    padding: 0;
}

.wishlist-child-item-headline td {
    border-bottom: 1px solid #eee;
}

@media screen and (max-width: 650px) {
    .wishlist-item-row td {
        border-bottom: 0;
        border-top: 0;
        border-right: 1px solid #dddddd !important;
        border-left: 1px solid #dddddd;
    }
    .wishlist-main-item-row, .wishlist-child-item-row, .wishlist-actions-row {
        margin-bottom: 0 !important;
    }
    .wishlist-main-item-row td:first-child {
        border: 1px solid #dddddd;
    }
    .wishlist-item-row-desktop {
        display: none !important;
    }
    .wishlist-item-row-mobile {
        display: block !important;
    }
    .wishlist-item-row-mobile td {
        padding-left: 0;
    }
}


/*****PostAktuell*****/
section.additionalSearchSettings {min-height: 100px}

.btn.postAktuell {background-color: lightgrey;color: #fff;border-color: grey;}
.postAktuellLogo {color: black;font-weight: bold;font-style: italic;text-transform: uppercase;}
.postAktuellLogo:before {content: "Post";}
.postAktuellLogo:after {content: "Aktuell";color: darkred;}

.box-headline { display: block; margin-bottom: 15px;}
.box-subline { font-size: 16px; line-height: 1.4em; font-weight: 500; margin-top: -12px; display: block; margin-bottom: 10px;}
.m-left-20 { margin-left: 20px}
.p-20 {  padding:20px;}
.p-left-20 { padding-left: 20px}
.p-right-20 { padding-right: 20px}

section.disabled {opacity: 0.5;}

section.main .bg_grey { background-color: #f6f6f6}
section.main .bg_white { background-color: #fff}
section.main .pa_box-header {font-weight: 300; font-size: 24px; padding: 15px 20px; color: #fff; display: block;}
section.main .pa_map {width: 100%;}
section.main .pa_map article {height: 600px; overflow: hidden;}
section.main .pa_map img {width: 100%; margin: 0}
section.main .pa_map_info {background-color: #f6f6f6; font-size: 12px; color: #5d5d5d; display: block; padding: 10px 20px 10px 20px; box-sizing: border-box; margin: 0; position: relative}
section.main .pa_map .pa_map_info {margin-bottom: 30px;}
section.main .pa_map_info .col-left {  width:33%}
section.main .tabs { background-color: #f6f6f6; }
section.main .tabs>a { display: block; float: left; width: 50%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-weight: 300; font-size: 24px; line-height: 100%; padding: 15px 20px;
    -webkit-transition: all 240ms;
    -moz-transition: all 240ms;
    -ms-transition: all 240ms;
    -o-transition: all 240ms;
    transition: all 240ms; }
section.main .tabs>a.active { color: #fff; }
section.main .tabs:after { content: ""; clear: both; display: block; width: 100%; height: 1px; }
section.main .pa_map_info .mapAdvice:after { content: '|'; display: inline-block; margin: 0 2px; }
section.main .pa_map_info .mapAdvice:last-child:after { content: ''; }

section.main .pa_dstrbtn_area {font-weight: 300;}
section.main .pa_dstrbtn_area .txt-link-danger {}
section.main .pa_dstrbtn_area .txt-link .icon { font-size: 12px;}
section.main .pa_dstrbtn_area table { width: 100%;background: #f6f6f6; font-weight: 300; }
section.main .pa_dstrbtn_area table tbody { display:block; max-height:200px; overflow:auto; }
section.main .pa_dstrbtn_area table tbody tr { background-color: #fff; transition: background-color 420ms; }
section.main .pa_dstrbtn_area table tbody tr:nth-child(2n+0) { background-color: #fafafa }
section.main .pa_dstrbtn_area table thead, section.main .pa_dstrbtn_area table tbody tr {display:table; width:100%; table-layout:fixed;}
section.main .pa_dstrbtn_area table thead { width: calc( 100% - 15px )}

section.main .pa_dstrbtn_area table th:first-of-type, section.main .pa_dstrbtn_area table td:first-of-type {padding: 10px 5px 10px 20px;}
section.main .pa_dstrbtn_area table th { background: #f6f6f6;padding: 10px 5px 10px 0; text-align: left;font-weight: 300;}
section.main .pa_dstrbtn_area table td {padding: 10px 5px 10px 3px;}
section.main .pa_dstrbtn_area .pa_dstrbtn_total { padding: 15px 20px; color: #fff; background: #858585; font-size: 16px;margin-bottom:50px}

section.main  .pa_content_left { padding: 20px 0; line-height: 1.8em; margin-bottom: 50px; padding-right: 50px}
section.main  .pa_content_left p { line-height: 1.8em; font-weight: 300}

section.main .pa_boxcontent { font-weight: 300; line-height: 1.8em; padding: 20px; border-bottom: 1px solid #dfdfdf }
section.main .pa_boxcontent .row { display: table-row; width: 100%}
section.main .pa_boxcontent .col { display: table-cell; position: relative}
section.main .pa_boxcontent .col.left { vertical-align: top;}
section.main .pa_boxcontent .col.left img {display: inline-block;  padding-right: 45px}
section.main .pa_boxcontent .col.right { width:87%}
section.main .pa_boxcontent small { font-size: 12px}
section.main .pa_boxcontent .col.right.result { font-size: 18px; vertical-align: middle}

section.main .pa_boxcontent .col input {  -webkit-appearance: none;  -moz-appearance: none; appearance: none; border:none; border-radius: 0; font-size: 1em;}

/* graceful degradation for ie8 */
section.main .pa_boxcontent input[type='radio'] {  width:auto; float:left; margin-right: .75em; background:transparent; border:none;}
section.main .pa_boxcontent input[type='radio']:checked,
section.main .pa_boxcontent input[type='radio']:not(:checked) { background: transparent; position: relative; visibility: hidden; margin:0; padding:0;}

section.main .pa_boxcontent input[type='radio'] + label { cursor: pointer; min-width: 35%;}
section.main .pa_boxcontent input[type='radio']:checked + label::before,
section.main .pa_boxcontent input[type='radio']:not(:checked) + label::before {
    content:' '; display:inline-block; width: 13px; height:13px;position: relative; top:3px; border: 1px solid #bbb; background: white; margin-right: 1em; box-shadow: inset 0 1px 1px 0 rgba(0,0,0,.1);  }

section.main .pa_boxcontent input[type=radio]:checked + label::before,
section.main .pa_boxcontent input[type=radio]:not(:checked) + label::before { border-radius: 30px;}
section.main .pa_boxcontent input[type='radio']:hover  + label::before { background:#ddd; box-shadow: inset 0 0 0 4px white;}
section.main .pa_boxcontent input[type='radio']:checked  + label::before { box-shadow: inset 0 0 0 4px white;}
section.main .pa_boxcontent input[type="radio"]:checked+label{ font-weight: 800; }

section.main .pa_boxcontent .pa_search_area {width:100%; border: none; height: 35px; margin-bottom: 0}
section.main .pa_boxcontent .pa_search_area_button {position: absolute; display: block;text-align: center; padding: 0;width: 35px; height: 35px; right: 0px; top: 0px;  font-family: 'printbridge-icon', sans-serif;  font-size: 12px;  color: #fff;  cursor: pointer;  transition: all .3s ease-in-out;}

section.main .pa_boxcontent .pa_rangecontainer { display: inline-block; width:64%; }
section.main .pa_boxcontent .pa_rangecontainer input[type=range] { -webkit-appearance: none;  border: 1px solid white; width: 100%; cursor: pointer;}
section.main .pa_boxcontent .pa_rangecontainer input[type=range]::-webkit-slider-runnable-track {width: 100%; height: 2px; background: #5d5d5d; border: none; border-radius: 3px;}
section.main .pa_boxcontent .pa_rangecontainer input[type=range]::-webkit-slider-thumb { -webkit-appearance: none; height: 15px; width: 15px; border-radius: 50%; background: #fff;border: 4px solid #5d5d5d; margin-top: -7px;}
section.main .pa_boxcontent .pa_rangecontainer input[type=range]:focus { outline: none;}
section.main .pa_boxcontent .pa_rangecontainer input[type=range]:focus::-webkit-slider-runnable-track { background: #5d5d5d;}
section.main .pa_boxcontent .pa_rangecontainer input[type=range]::-moz-range-track { width: 100%; height: 2px; background: #5d5d5d; border: none; border-radius: 3px;}
section.main .pa_boxcontent .pa_rangecontainer input[type=range]::-moz-range-thumb { height: 15px; width: 15px; border-radius: 50%; background: #fff;border: 4px solid #5d5d5d; box-sizing: border-box}
section.main .pa_boxcontent .pa_rangecontainer input[type=range]:-moz-focusring{ outline: 1px solid white; outline-offset: -1px;}
section.main .pa_boxcontent .pa_rangecontainer input[type=range]::-ms-track { width: 100%; height: 2px; background: transparent; border-color: transparent; border-width: 6px 0;color: transparent;}
section.main .pa_boxcontent .pa_rangecontainer input[type=range]::-ms-fill-lower { background: #777; border-radius: 10px;}
section.main .pa_boxcontent .pa_rangecontainer input[type=range]::-ms-fill-upper { background: #ddd; border-radius: 10px;}
section.main .pa_boxcontent .pa_rangecontainer input[type=range]::-ms-thumb { height: 15px; width: 15px; border-radius: 50%; background: #fff;border: 4px solid #5d5d5d;}
section.main .pa_boxcontent .pa_rangecontainer input[type=range]::-moz-focus-outer { border: 0;}
section.main .pa_boxcontent .pa_rangecontainer input[type=range]:focus::-ms-fill-lower { background: #888;}
section.main .pa_boxcontent .pa_rangecontainer input[type=range]:focus::-ms-fill-upper { background: #ccc;}
section.main .pa_boxcontent .col.right .addressCount { margin-top: 10px; float: left; }
section.main .pa_boxcontent .col.right a.pull-right { margin: 0 0 0 3%; }

section.main .pa_boxcontent .col input {  -webkit-appearance: none;  -moz-appearance: none; appearance: none; border:none; border-radius: 0; font-size: 1em;}

section.main .pa_boxcontent ul { padding-left: 20px; margin-top: 0; line-height: 1.4em; font-size: 12px}
section.main .pa_boxcontent a.pa_edit_btn { border: 1px solid ; padding:3px 15px 3px 35px; font-size: 14px; position: relative}
section.main .pa_boxcontent a.pa_edit_btn::before {font-family: 'printbridge-icon', sans-serif; content: 'Z'; position: absolute; top: 3px; left: 15px}

section.main .pa_boxcontent .pa_price_table { margin-top: 15px}
section.main .pa_boxcontent .pa_price_table .total { font-size: 18px; font-weight:600; padding-top: 10px}

section.main .pa_boxcontent .pa_price_info { border: 1px solid; text-align: right; line-height: 1.2em; padding: 3px  }

section.main .pa_boxcontent .btn-cta, section.main .pa_content_left .btn-cta { padding: 5px 15px; color: #fff; float: right; margin-top: 50px; margin-bottom: 35px; border: 1px solid #dddddd;line-height: 1.8em;}
section.main .pa_boxcontent .btn-cta .icon, section.main .pa_content_left .btn-cta  .icon { font-size: 12px}
section.main .pa_boxcontent .additionalSearchSettings .btn-cta {float: none}
section.main .pa_content_left .btn-cta { margin: 0}
section.main .pa_content_left ul { font-weight: 300;list-style: none; padding-left: 15px  }
section.main .pa_content_left li {padding: 5px 0 5px 20px; position: relative}
section.main .pa_content_left li::before {content: "•"; color: red; font-size: 32px; position: absolute;  top:4px; left:0}

.bootstrap-datetimepicker-widget table td.disabled {background-color: rgba(0,0,0,0.1)!important; }
.bootstrap-datetimepicker-widget table td.disabled:hover {background-color: rgba(0,0,0,0.2)!important; }

#pa_accordeon .cart-box .cart-content-head { background: #e6e6e6; font-weight: 600; padding: 10px; margin-bottom: 25px; position: relative }
#pa_accordeon .cart-box.active .cart-content-head { color: #fff }
#pa_accordeon .cart-box.active .item-accordion-btn { background: none }
#pa_accordeon .cart-box .cart-content-head .breadcrump { position: absolute; left: 21%; font-weight: 300}

section.main .pa-info  { background: #f6f6f6; margin-bottom: 30px}
section.main .pa-image .wrp {  background-size: cover; position: relative}
section.main .pa-image.config .wrp {background: url('../../assets/img/postaktuell_header.jpg') no-repeat top center; height:300px;}
section.main .pa-image.landing .wrp {background: url('../../assets/img/postaktuell_header_landing.jpg') no-repeat top center; height: 300px;}
section.main .pa-image .wrp { background-size: cover; position: relative}
section.main .pa-image .text {position: absolute; background: rgba(75, 75, 75, 0.75); padding: 30px; bottom: 10%; left:10%; color: #fff; max-width: 595px; box-sizing: border-box}
section.main .pa-image .text h1 { color: #fff; font-size: 36px; font-weight: 600}
section.main .pa-image .text p { font-size: 18px; font-weight: 300; margin: 0; line-height: 1.4em;}
section.main .pa-image .welcome-image { margin-bottom: 0; }
section.main .pa-image.start { position: relative; }
section.main .pa-image.start .welcome-slider { background: none; }
section.main .pa-image.start .text {position: absolute; background: none; padding: 0px; top: 10%; left:52%; color: #fff; max-width: 615px; box-sizing: border-box}
section.main .pa-image.start .text h1 { color: #fff; font-size: 54px; font-weight: 300; line-height: 1.2em; text-transform: uppercase; margin-bottom: 15px}
section.main .pa-image.start .text p { margin-bottom: 15px}
section.main .pa-image.start .pa_search_con {width:60%}
.pa-image.landing, .pa-image.config { margin-bottom: 60px; }
section.main .pa-image.start .slick-initialized .slick-slide { position: relative; }

section.main .pa_search_con { position: relative}
section.main .pa_search_area {width:100%; border: none; height: 35px; margin-bottom: 0}
section.main .pa_search_area_button {position: absolute; display: block;text-align: center; padding: 0;width: 35px; height: 35px; right: 0px; top: 0px;  font-family: 'printbridge-icon', sans-serif;  font-size: 12px;  color: #fff;  cursor: pointer;  transition: all .3s ease-in-out;}

section.main .pa-info .wrp  { padding: 70px 0 0 0}
section.main .pa-info .wrp .pa_content_left { padding-bottom:0}
section.main .pa-info .col-left { margin-bottom:0}
section.cart .cart-box .cart-content.cart-content-item-head.pa-cart-head { padding-left: 0 !important; margin-bottom: 10px; border-bottom: 0}
section.cart .cart-box .cart-content.cart-content-item-head.pa-cart-head img { height:10px;}
section.cart .cart-box .pa-palettes { display: inline-table; margin-bottom: 0}
section.cart .cart-box .pa-palettes li { list-style-type: none; display: inline-block; margin-right: 15px}
section.cart .cart-box .pa-cart-information { font-size: 14px}
section.cart .cart-box .pa-cart-information th, section.cart .cart-box .pa-cart-information td { vertical-align: top}
section.cart .cart-box .pa-cart-information th, section.cart .cart-box .pa-cart-information th strong { font-weight: 600}
section.cart .cart-box .pa-cart-information th { width:120px}
section.cart .cart-box .cart-content.cart-content-item .deliveryPeriod label { font-weight: 500; font-size: 14px}


/*section.main .pa_step {width:20%; height: 20%; display: inline-block; border-radius: 50%; margin-right: 35px;  background-repeat: no-repeat; background-position: center}*/
section.main .pa_step {position: relative;  width: 20%; float: left; padding: 0;  padding-bottom: 30%; height: 0; overflow: hidden; margin-right: 6.666%; }
section.main .pa_step:last-of-type { margin-right: 0}
section.main .pa_step .inner {position: absolute; top: 0; left: 0; width: 100%; height: 66%;border-radius: 50%; background-repeat: no-repeat; background-position: center;}
section.main .pa_step .inner p {position: absolute;  bottom: -80px; font-size: 18px; font-weight: 300; text-align: center; width:100%}
section.main .pa_step .inner .pa_step_number { position: absolute; left: 8px; bottom: 0px; width: 30px; height: 30px; line-height: 30px; border-radius: 50%; background: #fff; border: 2px solid; text-align: center;}
section.main .pa_step_01 { background-image: url('../../assets/icon/pa_01_step.png');}
section.main .pa_step_02 { background-image: url('../../assets/icon/pa_02_step.png');}
section.main .pa_step_03 { background-image: url('../../assets/icon/pa_03_step.png');}
section.main .pa_step_04 { background-image: url('../../assets/icon/pa_04_step.png');}


/* width */
section.main .pa_dstrbtn_area tbody::-webkit-scrollbar { width: 20px;}
/* Track */
section.main .pa_dstrbtn_area tbody::-webkit-scrollbar-track {  background:#efefef;  border-radius: 0px;}
/* Handle */
section.main .pa_dstrbtn_area tbody::-webkit-scrollbar-thumb {  background: #bfbfbf;   border-radius: 0px;}
/* Handle on hover */
section.main .pa_dstrbtn_area tbody::-webkit-scrollbar-thumb:hover {   background: #ababab;}

section.main .col-left.col-50, section.main .col-right.col-50 { width:49%}

@media screen and (max-width: 1680px){
    section.main .pa-image.start .text h1 { font-size: 36px; }
}

@media screen and (max-width: 1440px) {
    section.main .pa_step .inner p { font-size: 16px}
}

@media screen and (max-width: 1280px) {
    section.main .pa_step .inner p { font-size: 14px}
    section.main .pa-info .col-left { width:100%; text-align: center}
    section.main .pa_content_left { padding: 0 20px }
    section.main .pa-info .col-right { width:100%; padding: 0 20px; }
}

@media screen and (max-width: 1245px) {
    section.main .pa_boxcontent .pa_rangeconta { width: 100%}
    section.main .pa-image .text h1 {  font-size: 32px;}
    section.main .pa-image .text p { font-size: 14px; }
    section.main .pa-image .text {left:5%;}
}

@media screen and (max-width: 1024px){
    section.main .col-left.col-50 { display: block; float: left}
    section.main .col-right.col-50 { width: 49%; float: right;}
    section.main .pa-info .col-50 { width: 100%; float: none;}
    section.main .pa-image .text h1 {  font-size: 21px; margin-bottom: 10px !important}
    section.main .pa-image .text { max-width:100%; width:100%; left:0; bottom: 0; padding: 15px;}
    section.main .pa-image.start .text { left:40%;  max-width: 50%; }
    section.main .pa-image.start .text p { display: none; }
}

@media screen and (max-width: 800px){
    section.main .col-left.col-50, section.main .col-right.col-50{ width:100%}
    section.main .pa_boxcontent .col.right { width: 87%; }
    section.main .pa_step .inner p { font-size: 16px}
    section.main .pa-image.start .text { left:15px;  max-width: 90%; }
    section.main .pa-image.start .text h1 {  font-size: 7.5vw; }
    section.main .pa-image.start .text p { font-size:2.5vw;}
}
@media screen and (max-width: 600px){
    section.main .pa_boxcontent .pa_rangecontainer { width: 100%}
    section.main .pa-info .col-right { padding: 0 30%}
    section.main .pa_step {float: none;margin: 0 auto;}
    section.main .pa_step:last-of-type { margin-right: auto}
    section.main .pa-info .col-right { padding: 0;}
    section.main .pa_step .inner.pa_maincolor_bg { background: #F6F6F6; background-repeat: no-repeat; background-position: top;}
    section.main .pa_step_01 { background-image: url('../../assets/icon/pa_01_step_red.png') !important;}
    section.main .pa_step_02 { background-image: url('../../assets/icon/pa_02_step_red.png') !important;}
    section.main .pa_step_03 { background-image: url('../../assets/icon/pa_03_step_red.png') !important;}
    section.main .pa_step_04 { background-image: url('../../assets/icon/pa_04_step_red.png') !important;}
    section.main .pa_step { width: 100%;    height: 115px; padding-bottom: 0}
    section.main .pa_step .inner { height: 70%}
    section.main .pa_step .inner p { bottom: -20px}
    section.main .pa_step .inner .pa_step_number { display: none}
    section.main .pa-image.start .text p { font-size:3vw;}
}

/*disabled class for input / select*/

@media screen {
    .disabled  {background: #f2f2f2; cursor: not-allowed !important;}
}



/*PL-6764*/

@media screen {
    .freigabe .previewTop { display: none; }
    /*.freigabe .previewBottom { display: none; }*/
}

/* datepicker */
@media screen {
    .ui-datepicker { z-index: 9999!important; }
}

/* show / hide hidden inputs */

@media screen {
    .hiddenInputs  { display: none; }
    .toggleHiddenInput:checked + .hiddenInputs { display: block; }
}

/* multiselect */
@media screen {
    #search_data_table .ms-container {width: 100%; }
    #search_data_table .ms-container .ms-selectable .ms-list,
    #search_data_table .ms-container .ms-selection .ms-list {border: 1px solid #dddddd; border-radius: 1px;}

    #search_data_table .ms-container .ms-selectable .custom-header,
    #search_data_table .ms-container .ms-selection .custom-header { font-weight: 700; margin-bottom: 15px; }

    #search_data_table .ms-container .ms-selectable .custom-footer { font-size: 12px; margin-top: 10px;  }

    #custom_multiselect { width: 100%; background: transparent url(../../assets/icon/switch_arrow.png) no-repeat 50% 50%; }

    #custom_multiselect .selectable,
    #custom_multiselect .selection { background: #fff; color: #555555; width: 45%; margin-bottom: 25px;}

    #custom_multiselect .selectable { float: left; }
    #custom_multiselect .selection { float: right; }

    #custom_multiselect .selectable .header,
    #custom_multiselect .selection .header {font-weight: 700; margin-bottom: 15px;}

    #custom_multiselect .selectable .header small,
    #custom_multiselect .selection .header small {font-weight: 300;}

    #custom_multiselect .selectable .footer,
    #custom_multiselect .selection .footer { font-size: 12px; margin-top: 10px; }

    #custom_multiselect .selectable .list,
    #custom_multiselect .selection .list { padding: 0; border: 1px solid #dddddd; border-radius: 1px; margin: 0; overflow-y: auto; position: relative;  list-style-type: none; height: 100vh; max-height: 350px;}

    #custom_multiselect .selectable .list .listelement,
    #custom_multiselect .selection .list .listelement { -webkit-transition: all ease-in 200ms; -moz-transition: all ease-in 200ms; -ms-transition: all ease-in 200ms; -o-transition: all ease-in 200ms; transition: all ease-in 200ms; border-bottom: 1px #eee solid; padding: 2px 10px; color: #555; font-size: 14px;}

    #custom_multiselect .selectable .list .listelement:last-of-type,
    #custom_multiselect .selection .list .listelement:last-of-type { border-bottom: 0px; }

    #custom_multiselect .selectable .list .listelement:hover,
    #custom_multiselect .selection .list .listelement:hover { cursor: pointer; background: #eee; }

    #custom_multiselect .selectable .list .listelement span { display: inline-block; padding: 6px 0 5px 0; }
    #custom_multiselect .selection .list .listelement span { display: inline-block;}

    #custom_multiselect .selection .list .listelement span:before {
        content:'';
        display: inline-block;
        height: 30px; width: 30px;
        background-size: 30px 30px; background-repeat: no-repeat;
        vertical-align: middle;
        margin-right: 5px;
    }

    #custom_multiselect .selection .list .listelement:nth-child(1) span:before { background-image: url("../../assets/icon/eat-the-world/punkt_a.svg"); }
    #custom_multiselect .selection .list .listelement:nth-child(2) span:before { background-image: url("../../assets/icon/eat-the-world/punkt_b.svg"); }
    #custom_multiselect .selection .list .listelement:nth-child(3) span:before { background-image: url("../../assets/icon/eat-the-world/punkt_c.svg"); }
    #custom_multiselect .selection .list .listelement:nth-child(4) span:before { background-image: url("../../assets/icon/eat-the-world/punkt_d.svg"); }
    #custom_multiselect .selection .list .listelement:nth-child(5) span:before { background-image: url("../../assets/icon/eat-the-world/punkt_e.svg"); }
    #custom_multiselect .selection .list .listelement:nth-child(6) span:before { background-image: url("../../assets/icon/eat-the-world/punkt_f.svg"); }
    #custom_multiselect .selection .list .listelement:nth-child(7) span:before { background-image: url("../../assets/icon/eat-the-world/punkt_g.svg"); }
    #custom_multiselect .selection .list .listelement:nth-child(8) span:before { background-image: url("../../assets/icon/eat-the-world/punkt_h.svg"); }
    #custom_multiselect .selection .list .listelement:nth-child(9) span:before { background-image: url("../../assets/icon/eat-the-world/punkt_i.svg"); }
    #custom_multiselect .selection .list .listelement:nth-child(10) span:before { background-image: url("../../assets/icon/eat-the-world/punkt_j.svg"); }
    #custom_multiselect .selection .list .listelement:nth-child(11) span:before { background-image: url("../../assets/icon/eat-the-world/punkt_k.svg"); }
    #custom_multiselect .selection .list .listelement:nth-child(12) span:before { background-image: url("../../assets/icon/eat-the-world/punkt_l.svg"); }
    #custom_multiselect .selection .list .listelement:nth-child(13) span:before { background-image: url("../../assets/icon/eat-the-world/punkt_m.svg"); }
    #custom_multiselect .selection .list .listelement:nth-child(14) span:before { background-image: url("../../assets/icon/eat-the-world/punkt_n.svg"); }
    #custom_multiselect .selection .list .listelement:nth-child(15) span:before { background-image: url("../../assets/icon/eat-the-world/punkt_o.svg"); }
    #custom_multiselect .selection .list .listelement:nth-child(16) span:before { background-image: url("../../assets/icon/eat-the-world/punkt_p.svg"); }
    #custom_multiselect .selection .list .listelement:nth-child(17) span:before { background-image: url("../../assets/icon/eat-the-world/punkt_q.svg"); }
    #custom_multiselect .selection .list .listelement:nth-child(18) span:before { background-image: url("../../assets/icon/eat-the-world/punkt_r.svg"); }
    #custom_multiselect .selection .list .listelement:nth-child(19) span:before { background-image: url("../../assets/icon/eat-the-world/punkt_s.svg"); }
    #custom_multiselect .selection .list .listelement:nth-child(20) span:before { background-image: url("../../assets/icon/eat-the-world/punkt_t.svg"); }
    #custom_multiselect .selection .list .listelement:nth-child(21) span:before { background-image: url("../../assets/icon/eat-the-world/punkt_u.svg"); }
    #custom_multiselect .selection .list .listelement:nth-child(22) span:before { background-image: url("../../assets/icon/eat-the-world/punkt_v.svg"); }
    #custom_multiselect .selection .list .listelement:nth-child(23) span:before { background-image: url("../../assets/icon/eat-the-world/punkt_w.svg"); }
    #custom_multiselect .selection .list .listelement:nth-child(24) span:before { background-image: url("../../assets/icon/eat-the-world/punkt_x.svg"); }
    #custom_multiselect .selection .list .listelement:nth-child(25) span:before { background-image: url("../../assets/icon/eat-the-world/punkt_y.svg"); }
    #custom_multiselect .selection .list .listelement:nth-child(26) span:before { background-image: url("../../assets/icon/eat-the-world/punkt_z.svg"); }

}

@media screen and (max-width: 1024px) {
    #custom_multiselect .selectable .header,
    #custom_multiselect .selection .header { height: inherit; border-bottom: none; }
}

@media screen and (max-width: 800px) {
    #custom_multiselect { background: none;}

    #custom_multiselect .selectable,
    #custom_multiselect .selection { width: 100%; }

    #custom_multiselect .selectable .list,
    #custom_multiselect .selection .list { height: 350px; }
}

/* status */

.partner-list .status .icon,
.city-list .status .icon,
.tour-list .status .icon { font-size: 20px;}

.partner-list .status .icon.status-locked,
.city-list .status .icon.status-locked,
.tour-list .status .icon.status-locked,
.eattheworld-edit-status .status-locked { color: #a94442; }

.partner-list .status .icon.status-ok,
.city-list .status .icon.status-ok,
.tour-list .status .icon.status-ok,
.eattheworld-edit-status .status-ok { color: #6ab76b; }

.eattheworld-edit-status { font-weight: 700; }


#efficiencyTracker {
    position: relative;
    background: #2558aa;
}

.welcome-slider > #efficiencyTracker { padding: 25px 0; }
.welcome-image > #efficiencyTracker { padding: 25px 50px; box-sizing: border-box; }

#efficiencyTracker .efficiencyTrackerText {
    line-height: 140%;
    color: #fff;
}

#efficiencyTracker .efficiencyTrackerText h2 {
    margin-bottom: 16px;
    color: #fff;
}

#efficiencyTracker .efficiencyTrackerText p {
    margin-bottom: 0!important;
}

#externalSystems {
    position: relative;
    background: #2558aa;
}

#externalSystems { padding: 25px 0; }
#externalSystems { padding: 25px 50px; box-sizing: border-box; }

#externalSystems .externalSystems {
    line-height: 140%;
    color: #fff;
}
#externalSystems .externalSystems img{
    width: 150px;
    height: auto;
}
#externalSystems {
    margin-bottom: 50px;
}

#externalSystems .externalSystems a {
    background: transparent;
    border: none;
    color: #fff;
    width: 12%;
    margin-right: 8% !important;
    text-align: center;
}
#externalSystems .externalSystems .form {
    display: flex;
}

#externalSystems .externalSystems button p {
    margin-bottom: 0!important;
    margin-top: 20px;
}

/* PL-7328 */

@media screen {

    #content_creator  #html_pages .navi_content_box #designsbar .rotate a,
    #content_creator  #html_pages .navi_content_box #designsbar .step_back a {
        width: 49.5%;
        padding: 0 10px;
        line-height: 31px;
        display: inline-block;
        font-size: 14px;
        border: 1px solid #dadada;
        background: #f0f0f0;
        color: #4c4c4c;
        text-align: center;
        cursor: pointer;
        user-select: none;
        position: relative;
        overflow: hidden;
        box-sizing: border-box;
        border-radius: 0;
        transition: background .3s ease-in-out;
    }

    #content_creator  #html_pages .navi_content_box #designsbar .rotate a { background-color: #0090d9; border-color: #006699; color: #FFFFFF; }

    #content_creator  #html_pages .navi_content_box #designsbar .rotate a:hover,
    #content_creator  #html_pages .navi_content_box #designsbar .rotate a:focus,
    #content_creator  #html_pages .navi_content_box #designsbar .rotate a:active { background-color: #0077B3; border-color: #006699; color: #FFFFFF; }

    #content_creator  #html_pages .navi_content_box #designsbar .step_back a:hover,
    #content_creator  #html_pages .navi_content_box #designsbar .step_back a:focus,
    #content_creator  #html_pages .navi_content_box #designsbar .step_back a:active { background: #d9d9d9; border-color: #cccccc; color: #4c4c4c; }

}

@media screen and (max-width: 1024px) {
    #content_creator #html_pages .navi_content_box #designsbar .rotate a,
    #content_creator #html_pages .navi_content_box #designsbar .step_back a { width: 100%; margin: 0 0 2% 0; float: none; }
}

@media screen {
    .customform fieldset { width: 48%; margin-bottom: 13px; position: relative; float: left; }
    .customform fieldset:nth-child(2n+2) { margin-left: 4%; }
    .customform fieldset label { width: 20%; padding-top: 7px; }
    .customform fieldset input[type="text"] { width: 80%; margin-bottom: 0;}
    .customform fieldset .btn { line-height: 33px; }
    .customform fieldset.search input.btn { position: absolute; right: 0; bottom: 0; height: 100%; }
    .customform fieldset input.input-double { width: 38%;}
    .customform fieldset input.input-double:last-of-type { margin-left: 4%;}
    .customform fieldset.date-picker input.input-double { width: 28%; margin-right: 2%;}
    .customform fieldset.date-picker input.btn {width: 20%;}
}

@media screen and (max-width: 1280px) {
    .customform fieldset { width: 75%; margin-bottom: 13px; position: relative; float: none; }
    .customform fieldset:nth-child(2n+2) { margin-left: 0; }
}

@media screen and (max-width: 650px) {
    .customform fieldset { width: 100%; }
}

@media screen and (max-width: 480px) {
    .customform fieldset label { display: block; width: 100%; margin-bottom: 5px; }
    .customform fieldset input[type="text"] { width: 100%; }
    .customform fieldset.search input.btn { position: absolute; top: inherit; right: 0; bottom: 0; height: 35px; }
    .customform fieldset.date-picker input.input-double { width: 38%; margin-right: 2%;}
    .customform fieldset.date-picker input.btn {width: 20%;}
}

/**
 *
 */
.acc_master_content.listing {
    display: inline-block;
    width: 50%;
    box-sizing: border-box;
    margin: 0 0 10px 0;
}

    .acc_master_content.listing .acc_head {
        position: relative;
        font-family: 'Open Sans', sans-serif;
        border: 1px solid #dddddd;
        margin: 10px 0;
        padding: 7px;
        font-size: 13px;
        color: #4c4c4c;
        -webkit-appearance: none;
        -moz-appearance: none;
        -ms-appearance: none;
        appearance: none;
        border-radius: 5px;
        z-index: 1;
        margin-bottom: -3px;
        background: #fff;
    }

        .acc_master_content.listing .acc_head span {
            color: #4c4c4c;
            font-weight: 600;
        }

            .acc_master_content.listing .acc_head span:before {
                font-size: 10px;
                background: #f2f2f2;
                position: absolute;
                line-height: 100%;
                margin-right: -3px;
                float: right;
                padding: 7px;
                top: 4px;
                right: 8px;
                width: auto;
                height: auto;
            }

        .acc_master_content.listing .acc_inhalt {
            background: #f6f6f6;
            margin: 0;
            padding: 0;
            border: 1px solid #ddd;
            border-radius: 0 0 5px 5px;
        }

            .acc_master_content.listing .acc_inhalt ul {
            }

            .acc_master_content.listing .acc_inhalt ul li {
                display: block;
                width: 100%;
                box-sizing: border-box;
                padding: 12px 7px;
                line-height: 100%;
                border-left: none !important;
                border-right: none !important;
                border-top: none !important;
                margin: 0;
                border-color: #ddd !important;
                cursor: pointer !important;
            }

                .acc_master_content.listing .acc_inhalt ul li:hover,
                .acc_master_content.listing .acc_inhalt ul li.current {
                    background: #eaeaea;
                }

                .acc_master_content.listing .acc_inhalt ul li:last-child {
                    border-bottom: none;
                }

                .acc_master_content.listing .acc_inhalt ul li .wz_image {
                    display: inline-block;
                    padding: 0 10px 0 0;
                    width: 20%;
                    box-sizing: border-box;
                    height: auto;
                    display: none;
                }

                .acc_master_content.listing .acc_inhalt ul li .wz_name {
                    display: inline-block;
                    width: 100%;
                    box-sizing: border-box;
                    background: none;
                    line-height: 100%;
                    height: auto;
                    font-size: 13px;
                    font-weight: 500;
                    padding: 0 0 0 30px;
                }

#toast-container>.toast { opacity: 1; border-radius: 0; }

/**
 *
 */
#paLoadingOverlay, .loadingAdviceContainer {visibility: hidden; opacity: 0; filter:Alpha(Opacity=0); display: block; background: rgba(0, 0, 0, 0.42); position: fixed; width: 100%; height: 100%; top:0; right:0; bottom:0; left:0; z-index: 2;-webkit-transition: all .4s ease-in-out;-moz-transition: all .4s ease-in-out;-o-transition: all .4s ease-in-out;transition: all .4s ease-in-out; color: #fff; text-align: center; }
#paLoadingOverlay:after, .loadingAdviceContainer:after {
    content: "\f110";  /* this is your text. You can also use UTF-8 character codes as I do here */
    font-family: 'FontAwesome';
    left:50%;
    position:absolute;
    top:50%;
    animation: fa-spin 1s infinite linear;
    font-size: 32px;
    margin: -42px 0 0 -16px;
}
#paLoadingOverlay .loadingAdvice, .loadingAdviceContainer .loadingAdvice {
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: 0px;
    width: 100%;
    font-weight: 600;
    font-size: 1.16em;
    cursor: default;
}
#paLoadingOverlay.active, .loadingAdviceContainer.active {visibility: visible; opacity: 1; filter:Alpha(Opacity=100);}
.acc_master_content.listing .acc_inhalt ul li .wz_name:after {
    content: "";
    display: block;
    clear: both;
    width: 100%;
}

.acc_master_content.listing .acc_inhalt ul li .wzInfoBtn,
.acc_master_content.listing .acc_inhalt ul li .additionalInformation,
.acc_master_content.listing .acc_inhalt ul li .wzInfoSpace,
.acc_master_content.listing .acc_inhalt ul li .wz_desc,
.acc_master_content.listing .acc_inhalt .thumb.infoBtn li.current:after {
                    display: none;
                }


                .acc_master_content.listing .acc_inhalt ul li .wz_actions {
                    position: absolute;
                    right: 0;
                    top: 0;
                }

                    .acc_master_content.listing .acc_inhalt .thumb li .wz_actions .fa-search {
                        line-height: 16px;
                        font-size: 16px;
                        padding: 11px;
                        border: none;
                    }

.partial-order-item-inactive { opacity: .5; }
.cart-total-loader { border-top: #e6e6e6 2px solid; padding: 13px 0;}
.cart-total-loader i { color: #888; }
p.label-text { width: 65%; display: inline-block; margin: 6px 0 10px 0; padding: 0; }

.colorButton.btn-group>.btn:first-child:before { content: 'x'; color: red; position: absolute; top: 0; left: 2px; font-size: 38px; line-height: 0.4em; font-weight: 200;}
.colorButton.btn-group label { width: 25px; height: 25px; background: white}
.colorButton.btn-group>.btn {  margin: 0 1px 1px 0; border: 1px solid #FAFAFA}
.colorButton.btn-group>.btn.active { border: 1px solid red; }
.item-list-single .item-incart label.colorButtonLabel { width:100%}

/* Cart Werbekostenzuschuss */
.grant {display: block;padding: 10px 0;}
.grant.warning {background-color: #fcf6e5;}
.grant.info {background-color: #f7f4f4;}
.currentGrant {line-height: 1.8em; position: relative}

.header .header-cart a.currentGrant_info{
    cursor: pointer;
    display: inline;

}
.currentGrant_info .icon {    top: 2px;
    position: relative;}
.currentGrant_info .banner{
    top: 22px;
    right: -7px;
    position: absolute;
    visibility: visible;
    opacity: 0;
    transition: all .4s;
    border: 1px solid #dadada;
    background-color: #fff;
    text-align: right;
    padding: 10px 5px;
    box-sizing: border-box;
    line-height: 1.2em;
    z-index: 1;
}
.currentGrant_info .banner hr { margin: 5px 0}
.currentGrant_info:hover .banner{
    visibility: visible;
    opacity: 1;
}
a.currentGrant_info:hover {
    color: #000;
}
@media screen and (max-width: 1024px){
    .header .header-cart .currentGrant {
        font-size: 10px;
        line-height: 10px;
    }
    .header .header-cart .currentGrant {
        width: 300px;
        position: absolute;
        right: -1px;
        top: 75px;
        text-align: right;
    }
    .header .header-cart a.currentGrant_info {
        width: auto;
        height: auto;
    }
    .currentGrant_info .banner{ top:25px}
}

section.cart .cart-box .cart-content .grant .col-1 .item-title {line-height: 1em;}
div.strikedOut {text-decoration: line-through;}
.clear {clear: both}

.cart-content-head .tooltip {
    position: relative;
    display: inline-block;
    opacity: 1;
}
.cart-content-head .tooltip:hover {cursor: pointer}
.cart-content-head .tooltip .tooltiptext {
    visibility: hidden;
    background-color: black;
    color: #fff;
    text-align: center;
    border-radius: 5px;
    padding: 5px 10px;
    font-size: 12px;

    /* Position the tooltip */
    position: absolute;
    z-index: 1;
    margin-left: 5px;
}

.cart-content-head .tooltip:hover .tooltiptext {
    visibility: visible;
}
.fa.fa-money { font-size: 16px;}
.margin-left-5 {margin-left: 5px !important;}

/** Erweiterte Budgetverwaltung Frontend  PL-12492 **/
#group-credit-form {
    margin-top:50px;
}
#group-credit-form .group-credit,
#group-credit-form .group-credit-message {
    width:600px;
}
#group-credit-form .group-credit select {
    width: 100%;
    border: none;
}
#group-credit-form .group-credit option {
    color:#ccc;
}
#group-credit-form .group-credit,
#group-credit-form .group-credit td {
    padding: 5px;
    border:1px solid #dddddd;
    border-collapse: collapse;
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
}
#group-credit-form .group-credit td:nth-child(3) {
    width: 100px;
}
/** /Erweiterte Budgetverwaltung Fronteend **/

/**
 * sourc-e
 */
.parameterContainerData label {
    width: 30% !important;
}

.parameterContainerData input,
.parameterContainerData select {
    width: 70% !important;
}

    .parameterBlock.multiple>.parameterContainer>.parameterContainerData>input,
    .parameterBlock.multiple>.parameterContainer>.parameterContainerData>select {
        width: calc(70% - 35px) !important;
    }

.parameterBlock {
    margin-bottom: 10px;
}

.parameterInteraction {
    background: #c00;
    color: #fff;
    padding: 5px 10px;
    display: block;
    text-align: center;
    margin-top: -10px;
    width: 100%;
    box-sizing: border-box;
}

    .parameterContainerData>.parameterInteraction {
        width: inherit;
        background: #f2f2f2;
        display: inline-block;
        padding: 7px;
        color: #a6a6a6;
        line-height: 19px;
        width: 35px;
        border: 1px solid #ddd;
        border-left: none;
    }

.parameterBlock.labeled>.parameterContainer {
    padding: 10px;
    border: 1px solid #f2f2f2;
}

.parameterOptionsBar.opened:after {
    font-family: "FontAwesome";
    content: '\f146';
    float: right;
    color: #a6a6a6;
    padding: 3px 0;
}

.parameterOptionsBar.collapsed:after {
    font-family: "FontAwesome";
    content: '\f0fe';
    float: right;
    color: #a6a6a6;
    padding: 3px 0;
}

.parameterSummary {
    padding: 5px 10px;
    background: #f6f6f6;
    font-size: 0.92em;
    color: #a6a6a6;
}

.parameterBlock label.required:after {
    content: " *";
}

#agreementOnOrderProcessingRequiredForUpload {
    position: relative;
}

#pricingPresenterOverlay {
    position: fixed;
    left: 0;
    top: 0;
    background: #0c0c0d;
    width: 100%;
    height: 100%;
}

#pricingPresenterContainer{
    position: fixed;
    left: 50%;
    top: 50%;
    background: #fff;
    width: 100%;
    max-width: 1080px;
    max-height: 90%;
    padding: 20px;
}

#pricingPresenterContent {
    position: relative;
    white-space: nowrap;
    overflow: auto;
}

.pricing {
    position: relative;
    min-width: 240px;
    max-width: 360px;
    min-height: 100px;
    margin: 0 20px;
    display: inline-block;
    white-space: inherit;
    vertical-align: top;
}

.pricing.empty {
    background: #eee;
}

/* google reCaptcha */
.grecaptcha-badge {
    z-index: 4;
}

.cartItemBlocked {
    color: #ac2925;
}

/* Modul NewsTeaser */
.newsteaser-modal-header {
    padding-top: 5px;
    padding-right: 10px;
}
/** finish */


section.main .articleCats .item-gal input[type="checkbox"] {
    width: auto; margin-right: 10px;
}
#category-items .item-gal label { width: 100%}
#category-items .item-gal-wrp.disabled { opacity: 0.5; cursor: not-allowed}
#category-items .item-gal-wrp.disabled label:hover { cursor: not-allowed}
#category-items .pagination { margin: 0}

.category-item-container, #bookletParts {
    display: grid;
    grid-gap: 1rem;
    grid-template-columns: repeat(auto-fill, 240px);
    justify-content: space-between;
}


    #bookletParts.loading {
        animation: bookletPartsPulse 2s infinite ease-in-out;
    }

    .category-item-container .item-gal-wrp,
    #bookletParts .bookletPart {
        position: relative;
        margin: 0 0 20px !important;
        width: 240px !important;
        background: #fff;
    }
    #articlepackagedetail #bookletParts {
        display: flex;
        grid-gap: 1rem;
        justify-content: space-between;
        grid-template-columns: none;
        flex-wrap: wrap;
    }
    #articlepackagedetail #bookletParts .bookletPart {
        width: inherit !important;
    }

    #bookletParts .bookletPart {
        border: 1px solid #f2f2f2;
    }

        #bookletParts .bookletPart::after {
            content: '';
            position: absolute;
            left: 0;
            top: 0;
            z-index: -1;
            width: 100%;
            height: 100%;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.24);
            transition: opacity 0.3s ease-in-out;
            opacity: 0;
        }

            #bookletParts .bookletPart:hover::after {
                opacity: 1;
            }

            #bookletParts.loading .bookletPart::after {
                opacity: 0 !important;
            }

        #bookletParts .bookletPart .partPages {
            font-size: 0.92em;
            color: #999;
        }

        #divisibilityCheckAdvice {
            line-height: 33px;
            margin-right: 10px;
            color: #c00;
        }

        .category-item-container .item-gal-wrp .item-gal {
            position: relative;
        }

        section.main .item-list-switch#category-items .category-item-container.booklet .item-gal-wrp .item-gal::after {
            content: '';
            position: absolute;
            left: 0;
            top: 0;
            z-index: -1;
            width: 100%;
            height: 100%;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.24);
            transition: opacity 0.3s ease-in-out;
            opacity: 0;
        }

            section.main .item-list-switch#category-items .category-item-container.booklet .item-gal-wrp:hover .item-gal::after {
                opacity: 1;
            }

        section.main .item-list-switch#category-items .category-item-container .item-gal .item-image {
            height: 190px;
        }

        section.main .item-list-switch#category-items .category-item-container.booklet .item-gal .preview {
            position: relative;
            top: 50%;
            -ms-transform: translateY(-50%);
            transform: translateY(-50%);
        }

        section.main .item-list-switch#category-items .category-item-container.booklet .item-gal .item-image {
            position: relative;
        }

        section.main .item-list-switch#category-items .category-item-container.booklet .item-gal .item-image .zoom-image {
            position: absolute;
            right: 0px;
            bottom: 0px;
            line-height: 14px;
            padding: 5px;
            width: 30px;
            background: #fff;
            color: #000;
            font-size: 14px;
        }

        section.main .item-list-switch#category-items .category-item-container.booklet .item-gal .item-image,
        #bookletParts .bookletPart .preview {
            width: auto;
            background: #f0f0f0;
            margin: 15px;
            padding: initial;
            min-height: 240px;
            overflow: hidden;
        }

        #bookletParts .bookletPart .preview {
            display: flex;
        }

            #bookletParts .bookletPart .preview img {
                display: block;
                transition: 0.42s opacity;
            }

            #bookletParts .bookletPart .preview.loading {
                overflow: hidden;
                height: 50px;
                margin:5px;
                background: linear-gradient(90deg, transparent 33%,rgba(255,255,255,1) 50%, transparent 66%) #f0f0f0;
                background-size: 300% 100%;
                animation: bookletPreviewShine 2s infinite;
            }

                #bookletParts .bookletPart .preview.loading img {
                    opacity: 0;
                }

        section.main .item-list-switch#category-items .category-item-container.booklet .item-gal .item-name,
        #bookletParts .bookletPart .info {
            height: auto;
            background: initial;
            padding: 0 15px 15px;
        }

        section.main .item-list-switch#category-items .category-item-container.booklet .item-gal .btn-show-details {
            height: inherit;
            line-height: 100%;
            padding: inherit;
        }

            section.main .item-list-switch#category-items .category-item-container.booklet .item-gal .btn-show-details label {
                margin: 0;
                font-weight: normal;
                cursor: pointer;
                padding: 15px;
            }

            section.main .item-list-switch#category-items .category-item-container.booklet .item-gal .btn-show-details label .labelText {
                background: inherit;
            }

    .item-gal-wrp.switch-it.selected .item-gal {
        border: 1px solid #239d02;
    }

        .item-gal-wrp.switch-it.selected .item-gal .btn-cta {
            background: #239d02;
            border-color: #239d02;
        }

        .checkMarker {
            position: absolute;
            top: 10px;
            right: 10px;
            padding: 3px 7px;
            line-height: 20px;
            border-radius: 15px;
            font-size: 12px;
            font-weight: 700;
            content: "\f00c";
            background: #239d02;
            color: #fff;
            text-align: center;
            cursor: default;
            opacity: 0;
            transition: opacity 0.12s;
        }

            .selected .checkMarker {
                display: block;
                opacity: 1;
            }

            .checkMarker .number {
                font-size: 0.92em;
            }

.transformCapitalize {text-transform: capitalize;}

/**
 * Stamp articles
 */
.stampTemplateFilterContainer {
    height: 100%;
}

.stampTemplates .item-image {
    height: 160px;
    overflow: hidden;
}

.stampTemplateFilterContainer select {
    max-width: 100%;
}

.stampTemplatesContainer .stampTemplate h6 {
    font-weight: 600;
}

.stampTemplatesContainer .stampTemplate .preview {
    height: 180px;
    overflow: hidden;
    padding: 10px;
}

.item-modal.active .in-cart-btn .btn-stamp-detail {
    display: none;
}

.articleStampTemplatesContainer {
    display: none;
}

    .articleStampTemplatesContainer .row {
        margin: 0;
        padding: 0;
    }

.item-modal.active .articleStampTemplatesContainer {
    display: block;
    margin: 0;
    padding: 0;
    width: auto;
}

.availability {
    display: inline-block;
    height: 10px;
    width: 10px;
    border-radius: 2px;
}

.availability-green {
    background: #3db61d;
}
.availability-yellow {
    background: #e8ca56;
}
.availability-red {
    background: #ef1640;
}

/* inc.benutzerlogin.php start */
.masterLoginForm .header .header-search {
    float: unset;
    margin: unset;
}
/* inc.benutzerlogin.php finish */


@keyframes bookletPartsPulse {
    0% { opacity: 1; }
    50% { opacity: 0.42; }
    100% { opacity: 1; }
}

@keyframes bookletPreviewShine {
    0% {
        background-position: right;
    }
    /*100% {
      background-position: left; it's the default value, no need to define it
    }*/
}

.btn.wishlist {background-color: lightgrey; transition: background .3s ease-in-out; }
.btn.wishlist:hover {background-color: darkgrey; border-color: grey;}
i.wishlistHeartIconActive {
    color: #0090d9;
}
a.wishlistLink {
    color: #0090d9;
}
.accessibility-text {
    position: absolute;
    overflow: hidden;
    left: -100000px;
}

.badge {
    font-size: 11px!important;
    font-weight: 300;
    height: 18px;
    color: #fff;
    padding: 3px 6px;
    -webkit-border-radius: 12px!important;
    -moz-border-radius: 12px!important;
    border-radius: 12px!important;
    text-shadow: none!important;
    text-align: center;
    vertical-align: middle;
}
.badge.badge-roundless {
    -webkit-border-radius: 0!important;
    -moz-border-radius: 0!important;
    border-radius: 0!important;
}
.badge.label-info {
    background-color: #659be0;
}
.badge.label-primary {
    background-color: #337ab7;
}
.badge.label-success {
    background-color: #36c6d3;
}
.badge.label-default {
    background-color: #bac3d0;
}
.badge.label-danger {
    background-color: #d9534f;
}
.badge.label-warning {
    background-color: #f0ad4e;
}

.order-head-col.right .col-item {
    float: right;
    margin-left: 30px;
}

#advancedorder-search .bootstrap-select,
#formEvaluation .bootstrap-select,
#formSearchOrder .bootstrap-select {
    -webkit-appearance: none;
    -webkit-border-radius:0;
    margin-bottom: 10px;
    border-radius: 0;
    border: 1px solid #dddddd;
}

/**
 *
 */
.mb-0 { margin-bottom: 0; }
.mt-20 { margin-top: 20px; }

#userLoginModal { width: 460px; margin-left: -230px; padding: 20px 40px; z-index: 1050; }

#userLoginModal #formLoginContent input[type="text"], #userLoginModal #formLoginContent input[type="password"] { width: 100%; }

#userLoginModal #formLoginContent .password-field-set .togglePassText span { margin-top: -6px; }

.upload-drag-and-drop {background: #ffffff;width: 40%;margin-left: auto;margin-right: auto;text-align: center;margin-bottom: 50px}
.upload-drag-and-drop .upload-drag-and-drop-text {margin: 20px;}
.row.fileupload-buttonbar.calc-fileUpload .upload-drag-and-drop .upload-drag-and-drop-text {margin: 0;}

.row.fileupload-buttonbar {border: 2px dashed #dbdbdb;background: white;padding: 50px;text-align: center;}
.row.fileupload-buttonbar.calc-fileUpload {border: 2px dashed #dbdbdb;background: white;padding: 15px;text-align: center;}
span.btn.btn-success.fileinput-button.uploader-fileinput-button {padding: 10px; display: inline-block; text-align: center;float: none;}
.upload-input td.delete {text-align: right;}
.upload-input button.btn.btn-danger {padding: 10px; margin: 10px 0;}
.upload-input tr.template-download img {margin: 5px;}
.upload-input tr.template-download.fade { background: #fbfbfb}
.upload-input tr.template-download.fade:nth-of-type(2n) { background: #eeeeee}

/****** NFC Vcard****/
#NFCData .header .open-offcanvas.open-offcanvas-nav, #NFCData .open-offcanvas.open-offcanvas-search.ripple-effect {display: none;}
#NFCData nav.main{    min-height: 1px;margin-bottom: 30px;}
#NFCData .NFCImg { text-align: center;}
#NFCData .NFCAddressCon { display: flex;justify-content: center;}
#NFCData .NFCAddress  { min-width: 30%;margin: 10px;}
#NFCData .NFCAddress h1, #NFCData .NFCButton h1 { background: #F2F2F2; padding: 10px 15px; color: black; font-size: 21px; text-align: center; font-weight: 400;}
#NFCData .NFCAddress p { margin: 0; line-height: 1.8em; }
#NFCData .NFCAddress p strong { margin-bottom: 15px; display: block}
.NFCButtonCon { display: flex; justify-content: center; }
#NFCData .NFCButton { width: 62%; text-align: center; margin-top: 15px}

@media only screen and (max-width: 1024px) {
    #NFCData .NFCAddress { min-width: 49%;}
    #NFCData .NFCButton { width: 100%}
}
@media only screen and (max-width: 556px) {
    #NFCData .NFCAddressCon { display: block;}
    #NFCData .NFCAddress { min-width: 100%;}
}

.article-list-search {float: left; position: relative;}
.article-list-search input {height: 40px; box-sizing: border-box; border: 1px solid #dadada; border-radius: 1px;}
.article-list-search input[type="submit"] {position: absolute; background: #f2f2f2; display: block; text-align: center; padding: 0; width: 32px; height: 32px; right: 4px; top:4px; border: 0; font-family: 'printbridge-icon', sans-serif; font-size: 16px; color: #4d4d4d; cursor: pointer;transition: all .3s ease-in-out;}
.article-list-search input[type="submit"]:active,
.article-list-search input[type="submit"]:hover,
.article-list-search input[type="submit"]:focus {outline: none;}

.article-list table.dataTable {
    width: 100% !important;
}

.article-list div.dataTables_wrapper div.dataTables_paginate ul.pagination,
.userLoginList div.dataTables_wrapper div.dataTables_paginate ul.pagination {
    margin: 2px 0;
    white-space: nowrap;
}
.article-list .pagination,
.userLoginList .pagination {
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px;
}
.article-list .pagination>li,
.userLoginList .pagination>li {
    display: inline;
}
.article-list .pagination>li>a, .article-list .pagination>li>span,
.userLoginList .pagination>li>a, .article-list .pagination>li>span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #000;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
}
.article-list .pagination>li>:hover,
.userLoginList .pagination>li>:hover {
    background-color: #fafafa;
}
.article-list .pagination>.active>a, .article-list .pagination>.active>a:focus, .article-list .pagination>.active>a:hover, .article-list .pagination>.active>span, .article-list .pagination>.active>span:focus, .article-list .pagination>.active>span:hover,
.userLoginList .pagination>.active>a, .userLoginList .pagination>.active>a:focus, .userLoginList .pagination>.active>a:hover, .userLoginList .pagination>.active>span, .userLoginList .pagination>.active>span:focus, .userLoginList .pagination>.active>span:hover
{
    z-index: 3;
    color: #fff;
    cursor: default;
    background-color: #b2b2b2;
    border-color: #b2b2b2;
}

.article-list #article-table_filter {
    display: none;
}

.article-list .article-list-number, .article-list .article-list-stock {
    display: none;
}

#releaseOrderBudgetGroup { display:none; }

.dynamic_web_content_wrapper {
    margin-bottom: 50px;
}
.dynamic_web_content_element {
    margin: 0 0 60px 0;
}
.dynamic_web_content_element .swiper .slider-text .slider-headline {
    font-size: 21px;
    margin:20px 0 20px 0;
}
.dynamic_web_content_element .swiper .slider-text .slider-body {
    width: 80%;
}
.dynamic_web_content_element .swiper .slider-text .slider-action {
    width: 80%;
}

#header-advanced #dropdown-lang .lang-switch-icon {
    vertical-align: middle;
    margin-left: 5px;
}

#article-table_wrapper .admin-article-list-log-button {display:none;}
#article-table_wrapper tbody td.article-list-action {display: inline-block; min-width:270px;}
#article-table_wrapper tbody .article-list-action span.btn-small,
#article-table_wrapper tbody a.btn-small {
    margin: 2px;
}

.priceListQuantityLabel {margin: 10px; vertical-align: middle; line-height: 2.5;}

.ui-datepicker-week-col { cursor: pointer; }

/**
 * week number based datepicker
 */
.ui-datepicker.useWeekNumber td {
    padding: 0;
    border-left-width: 0 !important;
    border-right-width: 0 !important;;
}

.ui-datepicker.useWeekNumber .ui-state-default {
    background: none;
    border: none;
    cursor: default;
}

.ui-datepicker.useWeekNumber tbody .ui-datepicker-week-col {
    background: #efefef;
    border: 2px solid #fff;
    text-align: center;
    transition: all 0.12s;
}

.ui-datepicker.useWeekNumber tbody .ui-datepicker-week-col:hover {
    background: #e0e0e0;
    border-color: #eaeaea;
}

.ui-datepicker.useWeekNumber .ui-state-default.ui-state-active {
    background: #f0f0f0;
    border: 1px solid #aaa;
    border-left-width: 0;
    border-right-width: 0;
}

.ui-datepicker.useWeekNumber tbody .ui-datepicker-week-col.ui-state-active {
    padding: 4px 0 3px;
    background: #aaa;
}

#printwarehouse-calculation-form .chosen-results .disabled-result {
    display: none;
}

#header-advanced .jq-dropdown .jq-dropdown-menu li > a,
#header-advanced .jq-dropdown .jq-dropdown-menu label { color: #4c4c4c; }

#header-advanced .jq-dropdown .jq-dropdown-menu li > a:hover,
#header-advanced .jq-dropdown .jq-dropdown-menu label:hover { color: #ffffff; }

.item-list-single .item-incart .bootstrap-select.btn-group:not(.input-group-btn), .bootstrap-select.btn-group[class*="col-"] {
    border: 1px solid #ddd;
    margin: 0 0 10px 0;
    font-size: 13px;
    background-size: 31px;
    background-color: #fff;
}
.item-list-single .item-incart .bootstrap-select .btn.dropdown-toggle {
    background: none;
}
.item-list-single .item-incart .bootstrap-select.btn-group.open .dropdown-toggle {
    -webkit-box-shadow: none;
    box-shadow: none;
}

#p_wg .item-gal .item-name .tooltip_description {
    position: relative;
    display: inline-block;
    cursor: pointer;
}

#p_wg .item-gal .item-name .tooltip_description::after {
    content: attr(data-tooltip);
    background: #fff;
    position: absolute;
    right: 15px;
    height: auto;
    width: 180px;
    z-index: 10;
    padding: 10px;
    border: solid 1px #f0f0f0;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.05);
    top: 22px;
    border-radius: 4px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

#p_wg .item-gal .item-name .tooltip_description:hover::after {
    visibility: visible;
    opacity: 1;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

#formPers div.fileupload-buttonbar span.uploader-fileinput-button input[type=file] {
    max-width: none;
}

#pers .ui-selectmenu-button {
    margin-bottom: 10px;
}

.pers_content .ui-selectmenu-button {
    margin-left: 5px;
}

/** Printess SavedToken ***/
td.previewImage {
    width: 100px;
    height: 100px;
    text-align: center;
    vertical-align: middle;
}

/****Slider FIX*****/
.slider-image img { max-width: 100% }
@media only screen and (max-width: 980px) {
    .swiper-wrapper .slider-text { height: auto !important; padding-bottom: 50px;}
    .swiper-wrapper .slider-image span.pull-right { float: none !important }
    .swiper-wrapper .slider-image img { width: 100% }
    .swiper-button-prev, .swiper-button-next { top: 30vw; }
}

.select-topbar {
    padding: 4px 12px 5px;
    font-size: 12px;
    max-width: 250px;
    color: #000;
}


#modalImages .additionalInfo .imageTitle {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#lightbox .lb-details {
    white-space: nowrap;
    overflow: scroll;
}

.localWorkflowStepDescription.truncateLength {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 200px;
}

.printingapprovalStatus.localWorkflow .trackingStatus {display:none;}


/* EU notice on the legal guarantee above the order button */
section.cart .cart-legal-warranty-label {max-width: 420px; margin: 0 0 20px;}
section.cart .cart-legal-warranty-label a {display: block;}
/* the official SVG is transparent, keep it legible on any shop background */
section.cart .cart-legal-warranty-label img {background-color: #fff;}
section.cart .cart-legal-warranty-label a:focus {outline: 2px solid #4c4c4c; outline-offset: 2px;}

/* EU guarantee label: product page and cart position */
.article-detail-guarantee-label {max-width: 360px; margin: 20px 0 0;}
.article-detail-guarantee-label figcaption,
.guarantee-label-dialog-label figcaption {margin-top: 8px;}
.cart-item-guarantee-label-toggle {display: block; padding: 0; border: 0; background: none; cursor: pointer; text-align: left;}
.cart-item-guarantee-label-toggle:focus {outline: 2px solid #4c4c4c; outline-offset: 2px;}
.cart-item-guarantee-label {margin: 10px 0 0;}
.cart-item-guarantee-label-toggle img {max-width: 240px; height: auto;}
.cart-item-guarantee-label-full {max-width: 240px; margin: 0;}
.cart-item-guarantee-label-name {display: block; margin-top: 5px; font-size: 12px;}
.cart-item-guarantee-label-link {display: inline-block; margin-top: 5px; padding: 0; border: 0; background: none; font-size: 12px; text-decoration: underline; cursor: pointer;}
.cart-item-guarantee-label-link:focus {outline: 2px solid #4c4c4c; outline-offset: 2px;}
.guarantee-label-dialog .modal-title {font-size: 18px; margin: 0;}
.guarantee-label-dialog-label {margin: 0; text-align: center;}
/* label uploaded as a PDF: embedded, the browser brings its own viewer */
.guarantee-label-pdf {border: 0; min-height: 200px;}

/* Text overlays on the article preview image (ribbon and text box), maintained per article.
   The frame wraps the image only, so the overlays sit on the image and not on the padding around it. */
.image-overlay-frame {position: relative; display: inline-block; max-width: 100%; overflow: hidden; vertical-align: bottom;}
section.main ul.welcome-article li a .item-image .image-overlay-frame {display: block;}
/* Category tiles: the frame fills the tile image, and its own stacking context keeps the
   name bar at the bottom of the tile above ribbon and text box. */
section.main ul.welcome-categories li a .item-image .image-overlay-frame,
section.main ul.category-list li a .item-image .image-overlay-frame {display: block; isolation: isolate;}
.CategoryContentWizzard .wizarditem-image .preview .image-overlay-frame {display: block;}
.image-overlay {
    position: absolute;
    z-index: 1;
    box-sizing: border-box;
    background-color: var(--image-overlay-background);
    font-weight: 700;
    line-height: 1.2;
    text-align: center;
    pointer-events: none;
}

/* Ribbon across a corner: the band is painted beyond the element by its shadow
   and cut back to the height of the element, the frame clips it at the image
   edge - so it reaches from edge to edge whatever the length of the text. */
.image-overlay-ribbon {
    /* above the text box, which may cover the corner at size L */
    z-index: 2;
    padding: 0.3em 0.6em;
    white-space: nowrap;
    box-shadow: 0 0 0 999px var(--image-overlay-background);
    clip-path: inset(0 -100%);
}

.image-overlay-ribbon.image-overlay-top-left {
    inset: 0 auto auto 0;
    transform-origin: 100% 0;
    transform: translate(-29.3%) rotate(-45deg);
}

.image-overlay-ribbon.image-overlay-top-right {
    inset: 0 0 auto auto;
    transform-origin: 0 0;
    transform: translate(29.3%) rotate(45deg);
}

.image-overlay-ribbon.image-overlay-bottom-left {
    inset: auto auto 0 0;
    transform-origin: 100% 100%;
    transform: translate(-29.3%) rotate(45deg);
}

.image-overlay-ribbon.image-overlay-bottom-right {
    inset: auto 0 0 auto;
    transform-origin: 0 100%;
    transform: translate(29.3%) rotate(-45deg);
}

/* Text box in the middle of the image; S/M/L size it relative to the image, the
   position places the text inside it. Background and opacity come as rgba(). */
.image-overlay-box {
    top: 50%;
    left: 50%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 0.4em 0.6em;
    overflow: hidden;
    transform: translate(-50%, -50%);
}

.image-overlay-size-s {
    width: 50%;
    height: 30%;
}

.image-overlay-size-m {
    width: 70%;
    height: 45%;
}

.image-overlay-size-l {
    width: 90%;
    height: 70%;
}

.image-overlay-box.image-overlay-top {
    justify-content: flex-start;
}

.image-overlay-box.image-overlay-bottom {
    justify-content: flex-end;
}

/* Order wizard: the frame fills the card image, the sub-thumbnail and the large image, so the
   text box sizes refer to the whole image. The sub-thumbnails are about a third of the card
   image, the texts set in px are scaled down with them. */
.acc_inhalt .thumb li .image-overlay-frame,
.modal_configure .wz_product_image .image-overlay-frame {
    display: block;
    width: 100%;
}

.acc_inhalt .thumb li ul.thumbnail li .image-overlay-frame {
    height: 100%;
}

.acc_inhalt .thumb li ul.thumbnail li .image-overlay {
    zoom: 0.3;
}

/* while the card shows another image of the article than the preview image */
.image-overlay-frame.image-overlay-hidden .image-overlay {
    display: none;
}