.menu-meta.shop .highlight-shop a,
.menu-meta.corporate .highlight-corporate a,
.menu-meta.scope-100-jahre-utilis .highlight-100-jahre-utilis a,
.menu-meta.my-utilis .highlight-my-utilis a{
    color: #000;
}

.menu-meta .meta-item.active a{
    color: #000;
}

.register-loading {
    height: auto;
    width: 90px;
    display: none;
    position: absolute;
    right: 0;
    top: 48px;
}

.register-loading img {
    width: 100%;
    height: auto;
}

.success-message {
    display: none;
}
a.second.inactive-login{
    color: #999;
}
a.second.inactive-login:hover{
    cursor: pointer;
}

span.second.arrow{
    font-size: 16px;
    font-family: 'frutiger_regular',Arial,Helvetica,sans-serif;
    color: #666666;
}
span.second.arrow:before {
    content: "› ";
    white-space: nowrap;
}

.teaser-icon-link{
    width: 201px;
}

.tabpanel {
    width: 100% !important;
}

.errors {
    color: #c90123;
}

.form-terms-conditions {
    position: relative;
}

.form-terms-conditions label.error {
    position: absolute;
    /*top: 1.5em;*/
    bottom: -0.7rem;
}
.shop_tab_home{
    height: 238px;
    overflow: hidden;
}

.form-intro .shop_tab_home{
    height: auto;
}


.form-service {
    clear: both;
}

.form-service textarea {
    height: 220px;
}

.rte a.arrow{
    font-family: 'frutiger_bold', Arial, Helvetica, sans-serif;
}
/*.pimcore_area_teaser_container_1_2_1 .teaser-image, .pimcore_area_teaser_container_1_2_1 .teaser-text {*/
    /*margin-bottom: 30px;*/
    /*overflow: hidden;*/
/*}*/

/*.pimcore_area_teaser_container_1_2_1 .line > section,*/
/*.pimcore_area_teaser_container_1_2_1 .line > section > div:last-child > div {*/
    /*margin-bottom: 0;*/
/*}*/

.list-products .unit.noborders{
    border: 0px;
}
.teaser-text p{
    width: 100%;
}

#fieldset-request,
#fieldset-user,
#fieldset-claim {
    margin-top: 30px;
    border-bottom: 1px solid #DDDDDD;
    overflow: hidden;
    padding-bottom: 20px;
}
#fieldset-guidelineprivacy,
#fieldset-privacy{
    padding-top: 10px;
}
.listForm li textarea {
    border: 1px solid #DDDDDD;
    min-height: 220px;
    padding: 10px;
    width: 99%;
}

#element-privacy,
#element-guideline,
#element-chkPrivacy {
    margin-top: 20px;
    margin-left: 33.333%;
    position: relative;
}

#element-privacy input,
#element-guideline input,
#element-chkPrivacy input{
    float: left;
    width: 15px;
    position: absolute;
    top: 6px;
}

#element-privacy label.description,
#element-guideline label.description,
#element-chkPrivacy label.description {
    padding-left: 26px;
    width: 99%;
}


@media screen and (max-width: 480px) {
    #fieldset-claim label.description, #fieldset-request label.description {
        width: 100%;
    }

    #fieldset-claim li .input, #fieldset-request li .input {
        width: 100%;
    }

    #fieldset-guidelineprivacy li, #fieldset-privacy li {
        width: 100%;
        margin-left: 0;
    }
}

.input textarea {
    font-family: 'frutiger_regular',Arial,Helvetica,sans-serif;
    font-size: 16px;
    color: #666666;
}

#element-agb, #element-newsletter{
    width: 100%;
    border: none;
    float: left;
    height: 10px;
    maring-left: 0px;
    maring-rightt: 0px;
    padding-left: 0px;
    padding-right: 0px;
}


form.form-user #element-agb, form.form-user #element-newsletter_user{
    width: 100%;
    border: none;
    maring-left: 0px;
    maring-rightt: 0px;
    padding-left: 0px;
    padding-right: 0px;
    display: block;
    float: none;
}


form.form-user #element-agb .input, form.form-user #element-newsletter_user .input{
    width: 100%;
    display: inline-block;
}

form.form-user #element-agb .input>p, form.form-user #element-newsletter_user .input>p{
    padding-left: 25px;
    color:#666666;
    line-height: 26px;
    font-size: 16px;
    font-family: frutiger_regular, Arial, Helvetica, sans-serif;
}

form li div.input input[type=checkbox] + p.hint {
    padding-left: 25px;
}

#element-agb #privacy, #element-newsletter #privacy{
    width:14px !important;
}

@media only screen and (min-width: 768px) {
    .tab-spacer {
        height: 36px;
        width: 100%;
    }
}

.pimcore_area_teaserImage.pimcore_area_content * {
    background-color: transparent !important;
}

.pimcore_area_teaserImage.pimcore_area_content .x-panel-body.x-panel-body-noheader {
    border: 1px solid #ccc;
}

.minimalOrder {
    text-align: right;
    color: #c90123;
    padding-right: 21px;
}

.stage-product h1 {
    width: 465px;
    margin: 0 5px 5px 0;
}

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

    .stage-product h1 {
        width: 100%;
        margin: 0 0 5px;
    }
}

.map-france, .companymap, .pimcore_area_contactperson, .salesnetwork {
    background: white;
    position: relative;
    margin-left: -10px;
    padding-left: 10px;
}
.billing-address .accordion.small.hide{
    display: none;
}
.billing-address .accordion.small.show{
    display: block;
}
div.datepick{
    width: 100%;
    margin-bottom: 20px;
    position: relative;
}
div.datepick > input{
    width: 230px;
}
.ui-widget-content .ui-state-default{
    text-align: center;
}
.ui-datepicker th{
    font-weight: normal;
}

img.ui-datepicker-trigger{
    left: 197px;
    margin-left: 10px;
    margin-top: -2px;
    padding-bottom: 0;
    padding-top: 0;
    position: absolute;
    top: 7px;
}
#datepick-overlay{
    position: absolute;
    width: 200px;
    height:30px;
}

#datepick.error{
    color: #666;
}

textarea.comments{
    width: 100%;
    min-height: 100px;
    margin-bottom: 20px;
}
#checkout-message-error{
    display: none;
    margin-top: -10px;
    margin-bottom: 20px;
    font-size: 14px !important;
    color: #666;
}
#error-message{
    width: 100%;
}
@media only screen and (max-width: 480px) {
    .checkout > .line > .unit.size2of3 > .line.buttons > .unit.size1of2.lastUnit{
        padding-left: 0;
    }
}

.ui-datepicker tr th:first-of-type,
.ui-datepicker tr td:first-of-type {
    border-right: none;
}

.block-cart .prod-item .prod-image {
    margin-bottom: 13px;
}

.block-cart .prod-item .prod-name {
    margin-bottom: 3px;
}

.block-cart .prod-item .prod-id {
    line-height: 1.5;
}

table.result-table td.availability,
table.result-table th.availability {
    border-right: 1px solid #d9d9d9;
}


.filter-container > section {
    position: relative;
}
.filterOverlay {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;

    background-color: #fff;
    opacity: 0.5;
    z-index: 99;
}

.loading {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 100;
}

.filter-container {
    position: relative;
    min-height: 300px;
}

@media only screen and (min-width: 768px) {
    #filter li.accordion > ul.no-bullets {
        max-height: 147px;
        overflow-y: auto;
    }

    .form-filter ul ul.overflow {
        box-shadow: inset 0px -11px 8px -10px #ccc;
        padding: 10px 0;
    }

    .form-filter ul ul {
        padding-left: 1px;
    }
}

.form-filter label {
    width:80%
}

::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 7px;
}
::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: rgba(0,0,0,.5);
    -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
}

.list-cart-quickorder {
    clear: both;
}

.cart-empty {
    font-family: 'frutiger_regular',Arial,Helvetica,sans-serif;
    position: relative;
    overflow: hidden;
}

.cart-empty > p {
    border-bottom: 2px solid #ddd;
    margin-bottom: 0;
}

.block-cart .quickorder-results ul.list-cart li {
    cursor: pointer;
}
.block-cart .quickorder-results ul.list-cart li.active {
    border: 1px solid #0090d4;
}

.list-cart-quickorder .error {
    color: red;
}
.list-cart-quickorder .error.hidden {
    display: none;
}

.block-cart .list-cart-quickorder .prod-item {
    position: relative;
}

.meta-cart div.cart-empty ul.list-cart-quickorder > li {
    margin-top: 0;
    margin-bottom: 22px;
}

.meta-cart .loading {
    background: rgba(255, 255, 255, 0.5) none repeat scroll 0 0;
    height: 100%;
    width: 100%;
    text-align: center;
}

.meta-cart .loading img {
    padding-top: 30%;
}

.sk-fading-circle {
    height: 15px;
    position: absolute;
    right: 27px;
    top: 8px;
    width: 15px;
}
.sk-fading-circle.hidden {
    display: none;
}

.sk-fading-circle .sk-circle {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.sk-fading-circle .sk-circle:before {
    content: '';
    display: block;
    margin: 0 auto;
    width: 15%;
    height: 15%;
    background-color: #333;
    border-radius: 100%;
    -webkit-animation: sk-circleFadeDelay 1.2s infinite ease-in-out both;
    animation: sk-circleFadeDelay 1.2s infinite ease-in-out both;
}
.sk-fading-circle .sk-circle2 {
    -webkit-transform: rotate(30deg);
    -ms-transform: rotate(30deg);
    transform: rotate(30deg);
}
.sk-fading-circle .sk-circle3 {
    -webkit-transform: rotate(60deg);
    -ms-transform: rotate(60deg);
    transform: rotate(60deg);
}
.sk-fading-circle .sk-circle4 {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}
.sk-fading-circle .sk-circle5 {
    -webkit-transform: rotate(120deg);
    -ms-transform: rotate(120deg);
    transform: rotate(120deg);
}
.sk-fading-circle .sk-circle6 {
    -webkit-transform: rotate(150deg);
    -ms-transform: rotate(150deg);
    transform: rotate(150deg);
}
.sk-fading-circle .sk-circle7 {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}
.sk-fading-circle .sk-circle8 {
    -webkit-transform: rotate(210deg);
    -ms-transform: rotate(210deg);
    transform: rotate(210deg);
}
.sk-fading-circle .sk-circle9 {
    -webkit-transform: rotate(240deg);
    -ms-transform: rotate(240deg);
    transform: rotate(240deg);
}
.sk-fading-circle .sk-circle10 {
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg);
}
.sk-fading-circle .sk-circle11 {
    -webkit-transform: rotate(300deg);
    -ms-transform: rotate(300deg);
    transform: rotate(300deg);
}
.sk-fading-circle .sk-circle12 {
    -webkit-transform: rotate(330deg);
    -ms-transform: rotate(330deg);
    transform: rotate(330deg);
}
.sk-fading-circle .sk-circle2:before {
    -webkit-animation-delay: -1.1s;
    animation-delay: -1.1s;
}
.sk-fading-circle .sk-circle3:before {
    -webkit-animation-delay: -1s;
    animation-delay: -1s;
}
.sk-fading-circle .sk-circle4:before {
    -webkit-animation-delay: -0.9s;
    animation-delay: -0.9s;
}
.sk-fading-circle .sk-circle5:before {
    -webkit-animation-delay: -0.8s;
    animation-delay: -0.8s;
}
.sk-fading-circle .sk-circle6:before {
    -webkit-animation-delay: -0.7s;
    animation-delay: -0.7s;
}
.sk-fading-circle .sk-circle7:before {
    -webkit-animation-delay: -0.6s;
    animation-delay: -0.6s;
}
.sk-fading-circle .sk-circle8:before {
    -webkit-animation-delay: -0.5s;
    animation-delay: -0.5s;
}
.sk-fading-circle .sk-circle9:before {
    -webkit-animation-delay: -0.4s;
    animation-delay: -0.4s;
}
.sk-fading-circle .sk-circle10:before {
    -webkit-animation-delay: -0.3s;
    animation-delay: -0.3s;
}
.sk-fading-circle .sk-circle11:before {
    -webkit-animation-delay: -0.2s;
    animation-delay: -0.2s;
}
.sk-fading-circle .sk-circle12:before {
    -webkit-animation-delay: -0.1s;
    animation-delay: -0.1s;
}

@-webkit-keyframes sk-circleFadeDelay {
    0%, 39%, 100% { opacity: 0; }
    40% { opacity: 1; }
}

@keyframes sk-circleFadeDelay {
    0%, 39%, 100% { opacity: 0; }
    40% { opacity: 1; }
}



/**
    Overlapping Quickorder
**/

@media only screen and (min-width: 1024px) {
    section.layer-cart,
    section.layer-cart * {
        overflow: visible !important;
    }

    section.layer-cart .inv {
        overflow: hidden !important;
    }

    section.layer-cart hr {
        overflow: auto !important;
    }

    div.cart-content div.line.hr {
        margin: 0;
    }

    div.cart-content div.line.hr > div {
        padding-left: 15px;
        padding-right: 15px;
    }

    /*section.layer-cart ul.list-cart,*/
    /*section.layer-cart ul.list-cart {*/
    /*overflow: hidden !important;*/
    /*}*/
    .list-cart-quickorder .quickorder-results {
        display: block;
        position: absolute;
        left: 117px;
        top: 30px;
        background-color: white;
        z-index: 20;
    }

    .layer-cart .trigger-close {
        margin-top: -20px;
    }
}
.select-error{
    display: none;
    margin-left:14px;
    color: #0090D4;
}

.msg-success {
    font-size: 16px;
    font-family: 'frutiger_regular',Arial,Helvetica,sans-serif;
}

.block-cart .list-cart li.merklisten-cart-empty {
    padding-left: 12px;
}

.cart-merkliste-empty {
    border-top: 2px solid #dddddd;
}

ul.list-cart .row .prod-amount a.trigger-addSingleToMerkliste {
    color: #000;
    font-family: 'frutiger_regular',Arial,Helvetica,sans-serif;
    font-size: 16px;
}
ul.list-cart .row .prod-amount a.trigger-addSingleToMerkliste:hover {
    color: #0090D4;
}

ul.list-cart .row .prod-amount a.trigger-addSingleToMerkliste:hover .ico-feature-add {
    background-position: 0 -60px;
}
input#voucher {
    -moz-osx-font-smoothing: grayscale;
    background: #f7f7f7 none repeat scroll 0 0;
    border: 1px solid #0090d4;
    color: #000;
    font-family: "frutiger_regular",Arial,Helvetica,sans-serif;
    font-size: 16px;
    padding: 5px;
}

p#codefailure {
    color: red;
}
.print-only{
    display:none;
}
#sitecontent article.checkout .line.buttons .printbutton{
    padding:0!important;
    margin:12px 0 0!important;
    float:right;
    text-align:left;
    clear:both;
}
#sitecontent article.checkout .line.buttons .unit.size1of2.lastUnit{
    float:right;
}
#sitecontent article.checkout .line.buttons .unit.size1of2.lastUnit .printbutton{
    float:left;
}
#sitecontent article.checkout .line.buttons .unit.size1of2.lastUnit .printbutton span{
    margin-left: -3px!important;
}



.footer-socials {
    display: block;
    text-align: right;
    margin-bottom: 15px;
    padding-right: 0px;
}
.footer-socials a {
    display: inline-block;
    margin-bottom: 5px;
    margin-left: 2px;
}

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

    .footer-socials
    { padding-right: 35px; }

}

.form-send-merkliste.form input.text.error {
    border-bottom: 1px solid #c90123;
}
.form-send-merkliste.form textarea.error {
    border: 1px solid #c90123;
}

a.toolProduct {
    color: #000;
    cursor: default;
}
a.toolProduct:hover {
    color: #000;
}


.result-table tr.empty:hover {
    cursor: default !important;
}
.list-products.slides .slick-prev {
    left: -24px; !important;
}
.list-products.slides .slick-next {
    right: -24px; !important;
}
.application-container img {
    opacity: 1; !important;
}

.stage-order .prod-price .price-display, .stage-order .prod-price .currency {
    display: inline-block;
}

.cart-content .prod-amount .packaging-unit {
    position: relative;
}

.block-cart li.delivery-status {
    display: none;
}

.packaging-unit-tooltip {
    position: absolute;
    background: #6da9c8;
    width: 190px;
    padding: 15px 10px 10px 10px;
    color: white;
    z-index: 99;
    border-radius: 5px;
    left: calc(50% - 95px);
    top: 35px;
    display: none;
}
.packaging-unit-tooltip:after {
    bottom: 100%;
    left: 50%;
    content: "";
    position: absolute;
    border: 10px solid transparent;
    border-bottom-color: #6da9c8;
    margin-left: -10px;
}
.packaging-unit-tooltip.show {
    display: block;
}
.packaging-unit-tooltip .close {
    position: absolute;
    right: 5px;
    top: 6px;
    width: 15px;
    height: 15px;
}
.packaging-unit-tooltip .close:before, .close:after {
    position: absolute;
    left: 6px;
    content: ' ';
    height: 12px;
    width: 1px;
    background-color: white;
}
.packaging-unit-tooltip .close:before {
    transform: rotate(45deg);
}
.packaging-unit-tooltip .close:after {
    transform: rotate(-45deg);
}


.cart-content .list-cart-quickorder .prod-amount .packaging-unit-label {
    display: block;
    float: left;
    margin-right: 5px;
}
@media only screen and (min-width: 1024px) {
    .cart-content .list-cart-quickorder .prod-amount .packaging-unit-label {
        margin-left: -40px;
        margin-right: 10px;
    }
}

.block-cart-mytools .table-mytools input.quantity {
    float: left;
    margin-right: 5px;
}
.block-cart-mytools .table-mytools .packaging-unit {
    float: left;
}

@media only screen and (min-width: 768px) {
    .menu-meta .block-cart .prod-amount {
        width: 22%;
    }

    .block-cart .prod-amount a.btn-delete {
        position: absolute;
        top: 50px;
        left: -100px;
    }

    ul.list-cart .row .prod-amount a.trigger-addSingleToMerkliste {
        position: absolute;
        top: 50px;
        left: -20px;
    }
}

.block-cart-merkliste form .list-cart .row {
    overflow: visible;
}
.block-cart-merkliste form .list-cart .row .packaging-unit {
    position: relative;
    display: block;
    float: left;
}
@media only screen and (min-width: 930px) {
    .block-cart-merkliste form .list-cart .row .packaging-unit {
        width: 100px;
    }
}
@media only screen and (min-width: 1024px) {
    .block-cart-merkliste form .list-cart .row .packaging-unit {
        margin-left: -30px;
    }
}

.form-add-to-cart .add-to-merkliste {
    width: 255px;
    text-align: center;
    cursor: pointer;
    background-color: #eee;
    color: #69AACA;
}
.form-add-to-cart .add-to-merkliste:hover {
    background-color: #eee;
    color: #69AACA;
}

.block-content.textside-right .rte ul, .block-content.textside-left .rte ul {
    display: flow-root;
}

.form-add-to-cart .input-amount {
    float: left;
}

.input-amount-changed {
    opacity: 0;
}
.input-amount-changed.packaging-unit-tooltip {
    padding: 10px;
    text-align: center;
    display: none;
    opacity: 1;
    left: calc(50% - 146px);
}

.form-add-to-cart .packaging-wrapper {
    display: block;
    float: left;
    margin-left: 10px;
}
.form-add-to-cart .packaging-unit, .form-add-to-cart .input-amount-changed {
    display: block;
    font-family: "frutiger_regular", Arial, Helvetica, sans-serif;
    font-size: 14px;
    line-height: 16px;
    transition: all 0.5s ease;
}

.amount-changed .packaging-unit, .amount-changed .input-amount-changed {
    color: red;
    opacity: 1;
}
.amount-changed .input-amount-changed.packaging-unit-tooltip {
    display: block;
    color: white !important;
}
.amount-changed input.scale-input {
    border-width: 2px !important;
    border-color: red !important;
}
input.scale-input {
    transition: border-color 0.5s ease;
}

.menu-meta .block-cart .prod-packaging {
    float: left;
    margin: 0;
}

.block-cart-mytools .tooltip-wrapper {
    display: inline;
    position: relative;
}

@media screen and (max-width: 768px) {
    .menu-meta .block-cart .prod-packaging {
        text-align: right;
        margin-left: 40px;
    }
}

.stage-order .list-order-no {
    width: 100%;
}

.checkout .block-cart .cart-content .prod-packaging {
    width: 20%;
    float: left;
}

#sitecontent .expandable .pimcore_area_teaserImage .teaser-image img {
    margin: 0;
}

.main-container {
    overflow: visible !important;
}

/* Max Length Counter */
form[formname="_register"] ul.listForm li,
form.form-delivery ul.listForm li,
form.form-delivery-new ul.listForm li,
form.form-voucher ul.listForm li div.input,
.delivery-type-wrapper,
.order-number-wrapper,
.order-message-wrapper {
    position: relative;
}

.order-number-wrapper {
    display: inline-block;
    padding-bottom: 2px;
}
.order-number-wrapper .maxlength-counter {
    right: 0;
}
.order-message-wrapper .maxlength-counter {
    bottom: 0;
    right: 0;
}
form.form-voucher ul.listForm li div.input .maxlength-counter {
    bottom: -20px;
}

.maxlength-counter {
    opacity: 0; /* hide by default, only shown when input is active */
    position: absolute;
    right: 5px;
    bottom: -18px;
    font-size: 12px;
    color: #969696;
    transition: all .25s ease;
    pointer-events: none;
}
input:focus + .maxlength-counter,
input:focus + .error + .maxlength-counter,
textarea:focus + .maxlength-counter,
textarea:focus + .error + .maxlength-counter {
    opacity: 1;
}

.maxlength-counter.limit-reached {
    color: red;
    animation-name: horizontal-shaking;
    animation-duration: 0.3s;
}
@keyframes horizontal-shaking {
    0% { transform: translateX(0) }
    25% { transform: translateX(3px) }
    50% { transform: translateX(-3px) }
    75% { transform: translateX(3px) }
    100% { transform: translateX(0) }
}

/*************/

#sitefooter {
    position: relative;
    z-index: 999;
}