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;}


@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; max-width: 100%; max-height: 100%;}
.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;}

.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 { 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 {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%; }
    .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-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-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; }
#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;}
#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 .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; }
}

/* 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 { 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}

/* 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 {width: calc(264px - 35px);}
.rental button.ui-datepicker-trigger, .dateTimePeriod 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 {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}
.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}
.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;}

/* 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 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 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;
}

/****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;
}