.priceTypeLabel,
.newLabel {
    background: #00a1df;
    color: white;
    padding: 1px 7px;
    border-radius: 0 6px 0 0;
    position: absolute;
    top: 0;
    right: 0
}

.attributeLabelTop {
    background: #00a1df;
    color: white;
    padding: 1px 7px;
    position: absolute;
    top: 0
}

.attributeLabel {
    background: #00a1df;
    color: white;
    padding: 1px 7px;
    border-radius: 0 0 0 6px;
    position: absolute;
    bottom: 0
}

.attributeLabel,
.attributeLabelTop {
    border-radius: 6px 0 0 0;
    left: 0
}

.wrap .wrap2 {
    position: relative
}

.highlightAttributes {
    position: absolute;
    border-radius: 0 0 0 6px;
    bottom: 0px
}

.highlightAttributes .highlightAttribute {
    color: white;
    border-radius: 0 0 0 6px;
    padding: 1px 7px
}

.variants .newLabel,
.variants .priceTypeLabel,
.variants .highlightAttribute,
.variants .attributeLabel,
.variants .attributeLabelTop {
    font-size: 0.66666666666667em;
    padding: 2px;
    margin: 2px;
    line-height: 1em
}

.article .data .image,
.article .data .graphic {
    border: 0;
}

.greenline-icon {
    width: 90px;
    position: absolute;
    bottom: 25px;
    right: -33px;
    .image {
        min-width: 35px;
        border:none !important;
    }
}

.article .data .newLabel,
.article .data .priceTypeLabel,
.article .data .highlightAttribute,
.article .data .attributeLabel,
.article .data .attributeLabelTop {
    margin: 1px
}

.links {
    position: absolute;
    bottom: 0;
    margin-left: -10px;
    margin-right: -10px;
    width: 100%;
    padding: 1px 10px 0 10px;
    line-height: 2em;
    border-top: 2px solid white
}

.links a span {
    margin-top: 0.5em;
    float: left
}

.links .nextLink {
    float: right
}

.links .nextLink span {
    float: right
}

@media (max-width: 768px) {
    .links {
        position: relative;
        margin-top: 10px;
        margin-bottom: -10px;
        width: auto
    }
}

.shop .article>.data {
    margin-top: 40px;
}

.shop .article>.data h2 {
    font-size: 32px;
}

.shop .article>.data .content {
    padding: 0 10px;
    line-height: 2.5em
}

.shop .article>.data .slider .buttons {
    display: none
}

.shop .article>.data .slider .pager {
    position: absolute;
    right: 10px;
    bottom: 0;
    border: none;
    background: none
}

.shop .article>.data .attributes:last-child {
    border-bottom: none
}

.shop .article>.data .attributes:after {
    content: '';
    display: block;
    clear: both
}

.shop .article>.data .attributes h3 {
    font-size: 16px;
    font-weight: 500;
    margin: 0 !important;
}

.shop .article>.data .attributes .attribute {
    padding: 9px 6px 0 9px;
    width: 33.33333%;
    margin: 0;
}

/*.shop .article>.data .attributes .attribute h3 + div:only-of-type {
    border-bottom: 1px solid #EAEEEF;
}*/

.shop .article>.data .attributes .attribute h3 + div + div {
    border-bottom: 1px solid #EAEEEF;
}

@media (max-width: 480px) {
    .shop .article>.data .attributes .attribute {
        width: 50%
    }
}

.shop .article>.data .attributes .attribute-50 span {
    display: inline-block
}

.shop .article>.data .attributes .attribute-50 span.image {
    height: 26px
}

.shop .article>.data .attributes .attribute-50 span.image span {
    height: 100%
}

.shop .article>.data .attributes .attribute-50 span.image img {
    height: 100%;
    width: auto
}

.shop .article>.data .left {
    float: left
}

.shop .article>.data .right {
    float: none;
    margin: 50px 0 0 10px;
}

.shop .article>.data .right .articleOptions ul {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
}

@media (max-width: 768px) {
    .shop .article>.data .right .articleOptions ul {
        display: block;
    }

    .shop .article>.data .right .articleOptions ul li {
        width: 100%;
        margin: 0 0 10px;
    }
}

.shop .article>.data .right .articleOptions ul li {
    box-sizing: border-box;
    flex: 0 0 47%;
    text-align: center;
}

.shop .article>.data .right .articleOptions ul li a {
    display: block;
}

.shop .data .articleOptions ul li .icon:before {
    margin: 0 5px 0 0;
}

.shop .article .accordion fieldset {
    border: 1px solid #EAEEEF;
    padding: 10px 20px;
    border-radius: 8px;
}

.shop .article .description .attribute {
    float: none;
    width: auto;
    margin-bottom: 1em
}

.shop .article .description .attribute .image {
    margin-top: 0.5em
}

.shop .article .description .attribute p {
    margin: 10px 0 0 0
}

.shop .article .variants {
    margin-bottom: 20px
}

.variant {
    .greenline-icon {
        width: 24px;
        position: absolute;
        bottom: 10px;
        right: -5px;
        .image {
            min-width: 24px;
            border:none !important;
        }
    }
}
.shop .article .variants h2 {
    font-weight: normal;
    font-size: 1em;
    padding: 10px 10px 0;
    margin: 0 !important;
}

.shop .article .variants .variant {
    width: 100%;
    border: 1px solid white;
    outline: 1px solid white
}

.shop .article .variants .variant.active {
    outline: 1.5px solid #258ED2;
    border-radius: 9px;
    outline-offset: -2px
}

.shop .article .variants:last-child {
    margin-bottom: 0
}

.shop .article .downloadCategory {
    max-width: 350px;
    margin-bottom: 10px
}

.shop .article .downloadCategory:last-child {
    margin-bottom: 0
}

.shop .article .download {
    margin-bottom: 0
}

.shop .article .download div {
    margin-bottom: 0
}

.shop .article .download .format,
.shop .article .download .size {
    color: #7f7f7f;
    font-size: 0.76923em
}

.shop .subArticle {
    position: relative
}

.shop .subArticle .info {
    width: 110%
}

.shop .subArticle .info .top {
    padding-bottom: 0;
    margin-bottom: 0
}

.shop .subArticle .info .top .articleOptions {
    float: right;
    margin-right: 5px
}

.shop .subArticle .info .top:after {
    content: '';
    display: block;
    clear: both
}

@media (max-width: 768px) {
    .shop .article .data {
        margin: 20px 0;
    }

    .shop .article .category .popupData {
        left: 0
    }

    .shop .article .category .subArticle h3 {
        background: #EAEEEF
    }

    .shop .subArticle .info {
        width: 100%
    }

    .shop .variant {
        background: white
    }
}

.errors {
    border: 1px solid red;
    padding: 10px;
    margin-bottom: 20px
}

.errors ul {
    list-style-type: none;
    font-weight: bold
}

.errors ul li {
    margin-bottom: 10px
}

.errors ul li:last-child {
    margin-bottom: 0
}

.errors ul li ul {
    list-style-type: disc;
    list-style-position: inside;
    font-weight: normal
}

.errors:empty {
    display: none
}

.amountHint {
    border: 1px solid #EAEEEF;
    padding: 10px;
    margin-bottom: 20px
}

.amountHint .error {
    color: red;
    font-weight: bold;
    margin-bottom: 10px
}

.amountHint a {
    text-decoration: underline;
    white-space: nowrap
}

.donation {
    border: 1px solid #EAEEEF;
    padding: 10px;
    margin-bottom: 20px
}

.donation .error {
    color: red;
    font-weight: bold;
    margin-bottom: 10px
}

.donation .articles {
    margin-top: 10px
}

.donation .articles .article a {
    text-decoration: underline
}

.donation .articles .article .wrap>a {
    text-decoration: none;
    background: none repeat scroll 0 0 #f6f6f6;
    border: 1px solid #555555;
    border-radius: 4px;
    padding: 3px 10px;
    text-align: center;
    position: absolute;
    bottom: 0
}

.euroBonus {
    font-size: 0.85em;
    text-decoration: line-through
}

.hover .image {
    font-size: 0;
    margin-top: 5px
}

.hover .element {
    display: none;
    position: absolute;
    top: 1px;
    right: 0;
    bottom: 0;
    left: 33%;
    background: white;
    border-right: 1px solid #EAEEEF;
    border-bottom: 1px solid #EAEEEF;
    justify-content: center
}

.hover .element span {
    height: 100%
}

.hover .element img {
    height: 100%;
    width: auto
}

.hover:hover .element {
    display: flex
}

.data>.row>div {
    position: relative
}

.data>.row>div .thumbs {
    position: absolute;
    margin-top: 5px;
    width: 100%;
    z-index: 2
}

.data>.row>div:last-child>div {
    width: 100%;
    overflow: hidden
}

.data>.row>div:last-child>div>.row {
    border-bottom: 2px solid #fff
}

.data>.row>div:last-child>div>.row>div {
    margin-bottom: 0
}

.data>.row>div:last-child>div>.row:last-child {
    border-bottom: none
}

@media (max-width: 768px) {
    .data>.row>div .thumbs {
        position: relative
    }

    .data>.row>div:last-child>div {
        position: relative;
        overflow: visible;
        top: auto;
        right: auto;
        bottom: auto;
        left: auto;
        width: 100%
    }

    .data>.row>div:last-child>div .row:last-child>div {
        margin-bottom: 20px
    }
}

.categoryArticles {
    margin-top: 20px
}

.categoryArticles .subCategory {
    margin-bottom: 20px
}

.categoryArticles .subCategory:last-child {
    margin-bottom: 0
}

.categoryArticles .categoryList {
    position: relative;
    margin-bottom: 20px
}

.categoryArticles .categoryList h2,
.categoryArticles .categoryList .orderOptions {
    margin: 0 0 10px 0;
    padding: 6px 10px 6px 4px;
    border-bottom: 2px solid #EAEEEF;
    font-size: 20px;
    text-transform: none;
}

.categoryArticles .categoryList h3 {
    font-weight: normal;
    font-size: 1em;
    padding: 3px
}

.categoryArticles .categoryList .subArticle a {
    display: block
}

.categoryArticles .categoryList .type_list_options {
    position: absolute;
    top: 6px;
    line-height: 1.4em;
    right: 10px
}

.categoryArticles .categoryList .type_list_options label {
    display: inline-block;
    font-size: 1.5em
}

.categoryArticles .categoryList .type_list_options label span:not(.icon) {
    display: none
}

.categoryArticles .categoryList .type_list_options .articleCount {
    display: block;
    float: left;
    margin-top: 2px;
    margin-right: 15px;
    font-size: 0.9em;
    color: #7f7f7f
}

.categoryArticles .categoryList .popupData {
    left: 10px
}

.categoryArticles .categoryList .popupData span.label {
    display: none;
}


.categoryArticles .type_list_options:hover+.list .popupData {
    -moz-transition: none;
    -o-transition: none;
    -webkit-transition: none;
    transition: none
}

.categoryArticles>div>input[type="radio"] {
    display: none
}

.categoryArticles>div>input[type="radio"]:checked[value="default"]~.categoryList .type_list_options label.default {
    color: #7f7f7f;
    cursor: pointer;
}

.categoryArticles>div>input[type="radio"]:checked[value="list"]~.categoryList .type_list_options label.list {
    color: #7f7f7f;
    cursor: pointer;
}

.categoryArticles>div>input[type="radio"]:checked[value="list"]~.categoryList h3 {
    padding: 0;
    margin-bottom: 0.5em;
    font-weight: bold
}

.categoryArticles>div>input[type="radio"]:checked[value="list"]~.categoryList .subArticle {
    width: 100%
}

.categoryArticles>div>input[type="radio"]:checked[value="list"]~.categoryList .subArticle>.wrap {
    width: 100%;
    /* background: #EAEEEF; */
	border-bottom: 1px solid #EAEEEF !important;
    overflow: hidden;
    /* border-radius: 8px; */
}

.categoryArticles>div>input[type="radio"]:checked[value="list"]~.categoryList .subArticle>.wrap>div {
    margin-bottom: 0
}

.categoryArticles>div>input[type="radio"]:checked[value="list"]~.categoryList .subArticle>.wrap>div>* {
    margin-bottom: 0
}

.categoryArticles>div>input[type="radio"]:checked[value="list"]~.categoryList .subArticle>.wrap>div>div {
    margin: 10px 0
}

.categoryArticles>div>input[type="radio"]:checked[value="list"]~.categoryList .subArticle>.wrap>div>div>h3 {
    position: absolute;
    margin-top: 2px
}

@media (max-width: 480px) {
    .categoryArticles>div>input[type="radio"]:checked[value="list"]~.categoryList .subArticle>.wrap>div>div>h3 {
        margin: 35px 10px 0 10px
    }
}

.categoryArticles>div>input[type="radio"]:checked[value="list"]~.categoryList .subArticle>.wrap>div>div>.popupData {
    -moz-transition: none;
    -o-transition: none;
    -webkit-transition: none;
    transition: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    position: relative;
    left: auto;
    padding: 0;
    margin-bottom: 0;
    border: none;
    display: block;
    background: none;
    opacity: 1;
    width: auto;
    margin-right: 20px
}

.categoryArticles>div>input[type="radio"]:checked[value="list"]~.categoryList .subArticle>.wrap>div>div>.popupData .attributes {
    margin-bottom: 0
}

.categoryArticles>div>input[type="radio"]:checked[value="list"]~.categoryList .subArticle>.wrap>div>div>.popupData .attributes:after {
    clear: none
}

@media (max-width: 480px) {
    .categoryArticles>div>input[type="radio"]:checked[value="list"]~.categoryList .subArticle>.wrap>div>div>.popupData .attributes {
        margin-top: 35px
    }
}

.categoryArticles>div>input[type="radio"]:checked[value="list"]~.categoryList .subArticle>.wrap>div>div>.popupData:after {
    display: none
}

@media (max-width: 480px) {
    .categoryArticles>div>input[type="radio"]:checked[value="list"]~.categoryList .subArticle>.wrap>div>div>.popupData {
        margin-right: 10px;
        margin-left: 10px
    }
}

.categoryArticles>div>input[type="radio"]:checked[value="list"]~.categoryList .subArticle>.wrap>div>div>.additional {
    margin-right: 20px
}

@media (max-width: 480px) {
    .categoryArticles>div>input[type="radio"]:checked[value="list"]~.categoryList .subArticle>.wrap>div>div>.additional {
        margin-right: 10px;
        margin-left: 10px
    }
}

.orderOptions ul {
    float: left;
    width: 60%;
    list-style-type: none
}

.orderOptions ul li {
    position: relative;
    padding-left: 5px;
    float: left;
    font-size: 0.9em
}

.orderOptions ul li:after {
    content: '';
    display: inline-block;
    margin-left: 3px;
    width: 1px;
    height: 0.8em;
    background: black
}

.orderOptions ul li:last-child:after {
    display: none
}

.orderOptions ul li a {
    font-size: 15px;
}

.orderOptions ul li a.active {
    font-weight: bold
}

.orderOptions ul:after {
    content: '';
    display: block;
    clear: both
}

.orderOptions:after {
    content: '';
    display: block;
    clear: both
}

.series .serie h3 {
    padding: 3px 0 0 6px;
    font-size: 1em;
    font-weight: normal
}

.manufacturers .manufacturer h3 {
    padding: 3px 0;
    font-size: 1em;
    font-weight: normal
}

.serie .data>.row>div:last-child>div {
    padding: 10px;
	overflow: visible;
	margin-bottom: 15px;
}

.serie .data>.row>div .links {
	bottom: -20px;
}

.compare {
    overflow: hidden;
    margin-top: 12px
}

.compare .subMenu div ul {
    border: none
}

.compare .articleOptions {
    float: right;
    line-height: 2em
}

.compare .articleOptions li {
    display: inline-block;
    margin: 0 0 20px;
}

.compare .articleOptions .label {
    display: none;
}

.compare .attributeGroups {
    margin-top: 10px
}

.compare .attributeGroups .multiAttribute h2 {
    margin: 0 0 6px 0;
    padding: 6px 10px;
    font-size: 1.1em;
    background: #EAEEEF
}

.compare .attributeGroups .multiAttribute+.attributeGroup {
    border-top: 5px solid #EAEEEF
}

.compare .attributeGroups .attributeGroup {
    padding: 3px 0;
    border-bottom: 1px solid #b2b2b2
}

.compare .attributeGroups .attributeGroup>div:first-child {
    padding-left: 20px
}

.compare .attributeGroups .attributeGroup:last-child {
    border-bottom: none
}

.compare .attributeGroups .attributeGroup+.multiAttribute {
    margin-top: -1px
}

.watchlist {
    margin-top: 12px
}

.watchlist .subMenu div ul {
    border: none
}

.watchlist ul {
    border: none;
    list-style-type: none
}

.watchlist ul li.active a,
.watchlist ul li:hover a {
    color: black
}

.watchlist .categoryArticles {
    margin-top: 0
}

.watchlist .head {
    margin: 0 0 20px 0;
    padding: 6px 10px;
    /*background: #EAEEEF;*/
    line-height: 25px
}

.watchlist .head h3 {
    float: left
}

.watchlist .head .emailHint {
    float: right;
    margin-bottom: 0
}

.watchlist .head .emailHint form {
    display: inline-block;
    margin-left: 10px
}

.watchlist .head .emailHint button {
    margin-top: 0;
    cursor: pointer
}

.watchlist .head:after {
    content: '';
    display: block;
    clear: both
}

@media (max-width: 480px) {
    .watchlist .nextButton {
        width: 100%;
        margin: 20px 0 0;
    }
}

.productfinder {
    position: relative
}

.productfinder .filter fieldset>legend>span,
.productfinder .filter fieldset>button>span {
    padding: 2px 10px;
}

.calculation {
    clear: both
}

.calculation>div:after {
    content: '';
    display: block;
    clear: both
}

.calculation>div>div:last-child {
    text-align: right
}

header .top .mouseOver span {
    text-shadow: none
}

header .top .mouseOver span img {
    border-radius: 8px;
}

header .top .mouseOver .articleOptions {
    margin: 0 0 10px;
}

header .top .mouseOver .articleOptions a {
    background: white;
    color: #258ED2;
}

header .top .mouseOver .articleOptions a:hover {
    color: black;
    background: transparent;
}

header .top .mouseOver .articleOptions ul li a {
	border: none;
}

header .top .mouseOver .articleOptions span.label {
    display: none;
}

.basket .label,
.basket .field label,
#purchaseIcon .mouseOver .label,
#purchaseIcon .mouseOver .field label {
    display: block;
    font-weight: bold
}

.basket form,
#purchaseIcon .mouseOver form {
    min-height: 240px
}

.basket .articles>.article:after,
#purchaseIcon .mouseOver .articles>.article:after {
    content: '';
    display: block;
    clear: both
}

.loginForm {
    position: relative
}

.loginForm .label {
    font-weight: bold
}

.finish .label {
    font-weight: bold;
    margin-bottom: 3px
}

.basket .articles>.article {
    background: white;
    border: 1px solid #EAEEEF;
    border-radius: 8px;
    margin-bottom: 10px;
    color: #454545;
}

.basket .articles>.article h3 {
    font-size: 1em;
    margin-bottom: 3px;
    padding: 5px 5px 5px 0;
    color: black
}

.basket .articles>.article .itemData .attributes .attribute {
    height: 5em;
    border-right: 1px solid #454545
}

.basket .articles>.article .itemData .attributes .attribute:last-child {
    border-right: none
}

.basket .articles>.article .row {
    margin-bottom: 0
}

.basket .articles>.article .row>* {
    margin-bottom: 0
}

.basket .calculation {
    padding: 0 10px
}

.basket .calculation .amount {
    margin-top: 10px
}

@media (max-width: 480px) {
    .basket .calculation {
        padding: 0
    }
}

.basket .termsAccepted {
    padding-left: 20%;
    margin-top: 20px
}

.basket .termsAccepted label {
    margin-left: 10px
}

.basket .nextButton {
    float: right;
    margin-top: 20px;
    background: #258ED2;
    transition: all 0.3s;
	color: white;
}

.basket .nextButton:hover {
    background: white !important;
    border: 1px solid #258ED2;
    color: black;
}

.icon-delete {
    font-size: 1.5em;
	color: #00a1df;
	position: relative;
	top: -2px;
	left: 10px;
}

.basket img {
	border-radius: 8px;
}

@media (max-width: 480px) {
    .basket .row>div:last-child .wrap {
        padding: 10px
    }
}

.nextButton,
.refreshButton,
.orderButton {
    padding: 10px 15px;
    font-size: 16px;
    line-height: 24px;
    border-radius: 8px;
    background: white;
    border: 1px solid #258ED2;
    transition: all 0.3s;
    color: black;
    cursor: pointer;
}

.nextButton:hover,
.refreshButton:hover,
.orderButton:hover {
	background: #258ED2;
    border: 1px solid #258ED2;
    color: white;
    transition: all 0.3s;
}

#purchaseIcon .mouseOver .articles>.article {
    color: #454545
}

#purchaseIcon .mouseOver .articles>.article h3 {
    color: black;
    font-size: 1em;
    border-bottom: 1px solid #EAEEEF
}

#purchaseIcon .mouseOver .articles>.article h3 div {
    font-size: 1.15em;
    line-height: 0.8695652173913em
}

#purchaseIcon .mouseOver .calculation {
    clear: both;
    padding-top: 0.3em;
    margin-top: 0.3em;
    border-top: 1px solid #EAEEEF
}

.purchase em {
    color: #686868
}

.purchase .tx-felogin-pi1 {
    margin-top: 20px
}

.purchase .tx-felogin-pi1 input[type="text"],
.purchase .tx-felogin-pi1 input[type="password"] {
    width: 60%
}

.purchase .loginForm input[type="submit"],
.purchase .loginForm button {
    margin-top: 5px
}

.purchase .loginForm h3 {
    font-size: 1em
}

.purchase .loginForm [class*="col-"] .greyBackground {
    padding: 20px
}

.purchase .parts {
    background: #EAEEEF;
    margin-bottom: 20px;
    list-style-type: none
}

.purchase .parts li {
    float: left;
    width: 20%;
    background: url(../Images/purchasePart-bg.png) no-repeat;
    background-size: 13px 32px;
    background-position: right top
}

.purchase .parts li a,
.purchase .parts li span {
    display: block;
    padding: 0 5px;
    line-height: 32px;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center
}

.purchase .parts li a {
    text-decoration: underline
}

.purchase .parts li.active a,
.purchase .parts li.active span {
    font-weight: bold
}

.purchase .parts li:last-child {
    background: none
}

.purchase .parts:after {
    content: '';
    display: block;
    clear: both
}

.purchase input[type="text"],
.purchase input[type="password"],
.purchase textarea {
    width: 100%;
    border: 1px solid #686868;
    padding: 0 3px;
    line-height: 20px
}

.purchase textarea {
    margin-top: 3px
}

.tx-felogin-pi1 h3 {
    margin-top: 20px
}

.tx-felogin-pi1 input {
    margin-bottom: 3px
}

.tx-felogin-pi1 fieldset {
    border: none;
    margin: 20px 0
}

.tx-felogin-pi1 fieldset legend {
    font-weight: bold
}

.field.error label,
.field.error .message,
.fullsizeField.error label,
.fullsizeField.error .message {
    color: red
}

.field.error label a,
.field.error .message a,
.fullsizeField.error label a,
.fullsizeField.error .message a {
    color: red
}

.field.error input[type="text"],
.field.error textarea,
.field.error select,
.fullsizeField.error input[type="text"],
.fullsizeField.error textarea,
.fullsizeField.error select {
    border: 1px solid red
}

.field.error .message,
.fullsizeField.error .message {
    font-size: 0.9em
}

article form.customerForm .title,
.overlay form.customerForm .title {
    font-weight: bold;
    margin-top: -10px
}

article form.customerForm .title label,
.overlay form.customerForm .title label {
    font-weight: bold !important
}

article form.customerForm input:disabled,
.overlay form.customerForm input:disabled {
    opacity: 0.7
}

article form.customerForm .field,
.overlay form.customerForm .field {
    position: relative;
    margin-bottom: 3px;
    padding-left: 100px
}

article form.customerForm .field>div:after,
.overlay form.customerForm .field>div:after {
    content: '';
    display: block;
    clear: both
}

article form.customerForm .field>div div~div input,
.overlay form.customerForm .field>div div~div input {
    border-left: 3px solid #EAEEEF
}

article form.customerForm .greyBackground>.row,
.overlay form.customerForm .greyBackground>.row {
    margin: 20px 20px 0px 20px
}

@media (max-width: 768px) {

    article form.customerForm .greyBackground>.row,
    .overlay form.customerForm .greyBackground>.row {
        margin: 10px 0
    }
}

article form.customerForm input#differingDeliveringAddress,
.overlay form.customerForm input#differingDeliveringAddress {
    display: none
}

article form.customerForm input#differingDeliveringAddress+label,
.overlay form.customerForm input#differingDeliveringAddress+label {
    margin-left: 30px
}

article form.customerForm input#differingDeliveringAddress+label .icon,
.overlay form.customerForm input#differingDeliveringAddress+label .icon {
    position: absolute;
    margin-left: -20px
}

article form.customerForm input#differingDeliveringAddress+label .icon-arrow-up,
.overlay form.customerForm input#differingDeliveringAddress+label .icon-arrow-up {
    display: none
}

article form.customerForm input#differingDeliveringAddress~.deliveringAddress,
.overlay form.customerForm input#differingDeliveringAddress~.deliveringAddress {
    -moz-transition: all .25s ease-out;
    -o-transition: all .25s ease-out;
    -webkit-transition: all .25s ease-out;
    transition: all .25s ease-out;
    -moz-transition-delay: 0.1s;
    -o-transition-delay: 0.1s;
    -webkit-transition-delay: 0.1s;
    transition-delay: 0.1s;
    overflow: hidden;
    max-height: 0;
    margin-top: 0
}

article form.customerForm input#differingDeliveringAddress:checked+label .icon-arrow-down,
.overlay form.customerForm input#differingDeliveringAddress:checked+label .icon-arrow-down {
    display: none
}

article form.customerForm input#differingDeliveringAddress:checked+label .icon-arrow-up,
.overlay form.customerForm input#differingDeliveringAddress:checked+label .icon-arrow-up {
    display: inline
}

article form.customerForm input#differingDeliveringAddress:checked~.deliveringAddress,
.overlay form.customerForm input#differingDeliveringAddress:checked~.deliveringAddress {
    max-height: 500px;
    margin-top: 20px
}

article form.customerForm input[type="text"],
article form.customerForm textarea,
.overlay form.customerForm input[type="text"],
.overlay form.customerForm textarea {
    width: 100%;
    border: 1px solid #686868;
	border-radius: 4px;
}

article form.customerForm label,
.overlay form.customerForm label {
    font-weight: normal
}

article form.customerForm textarea,
.overlay form.customerForm textarea {
    height: 150px;
    resize: none
}

article form.customerForm textarea#note,
.overlay form.customerForm textarea#note {
    height: 50px
}

article form.customerForm .field,
.overlay form.customerForm .field {
    float: left;
    clear: both;
    width: 100%
}

article form.customerForm .field>label,
.overlay form.customerForm .field>label {
    position: absolute;
    margin-left: -100px;
    font-weight: normal
}

@media (max-width: 392px) {

    article form.customerForm .field,
    .overlay form.customerForm .field {
        padding-left: 0;
        margin-bottom: 6px
    }

    article form.customerForm .field>label,
    .overlay form.customerForm .field>label {
        margin-left: 0;
        display: block;
        clear: both;
        position: relative
    }
}

article form.customerForm .subField,
.overlay form.customerForm .subField {
    margin-bottom: 1em
}

article form.customerForm .subField:last-child,
.overlay form.customerForm .subField:last-child {
    margin-bottom: 0
}

article form.customerForm fieldset,
.overlay form.customerForm fieldset {
    border: none
}

article form.customerForm fieldset legend,
.overlay form.customerForm fieldset legend {
    font-weight: bold;
    display: block;
    float: left;
    margin-bottom: 0.5em
}

.subMenu.categories ul label {
    font-weight: bold;
    margin-top: 10px;
    display: block
}

.subMenu.categories ul .productCount {
    display: none
}

.subMenu.categories ul ul label {
    font-weight: normal;
    margin-top: 0;
    display: inline
}

.subMenu.categories ul ul .productCount {
    display: inline
}

.loginForm .tx-felogin-pi1 form {
    margin-bottom: 10px
}

.loginForm .tx-felogin-pi1 form input[type="text"],
.loginForm .tx-felogin-pi1 form input[type="password"] {
    border: 1px solid #686868
}

.paymentMethods .row {
    margin: 0
}

.paymentMethods .row>* {
    margin: 0;
    padding: 0
}

.paymentMethods .row>.logo {
    margin-bottom: 10px
}

.title .field {
    padding-left: 0 !important
}

.title .field label {
    display: block;
    position: relative !important;
    margin-left: 0 !important
}

.title .field .message {
    font-weight: normal
}

.jQueryOpener .icon-arrow-left {
    font-size: 0.9em
}

.tx-suter-storfinder>.row .overlayer {
    width: calc(100% - 20px);
    height: calc(100% - 20px);
    z-index: 2000;
    background: rgba(0, 0, 0, 0.75);
    position: absolute;
    top: 0;
    left: 0;
    margin: 0 0 0 10px;
    opacity: 0.4
}

#basket>form,
.femanager>form,
#customerForm,
.tx-suter-storfinder,
.loginForm {
    position: relative
}

#basket>form .overlay,
.femanager>form .overlay,
#customerForm .overlay,
.tx-suter-storfinder .overlay,
.loginForm .overlay {
    position: absolute;
    top: 0;
    left: 0;
    margin: -15px;
    width: calc(100% + 30px);
    height: calc(100% + 30px);
    opacity: 0.4
}

#basket>form .lds-spinner,
.femanager>form .lds-spinner,
#customerForm .lds-spinner,
.tx-suter-storfinder .lds-spinner,
.loginForm .lds-spinner {
    color: official;
    display: inline-block;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 80px;
    height: 80px
}

#basket>form .lds-spinner div,
.femanager>form .lds-spinner div,
#customerForm .lds-spinner div,
.tx-suter-storfinder .lds-spinner div,
.loginForm .lds-spinner div {
    transform-origin: 40px 40px;
    animation: lds-spinner 1.2s linear infinite
}

#basket>form .lds-spinner div:after,
.femanager>form .lds-spinner div:after,
#customerForm .lds-spinner div:after,
.tx-suter-storfinder .lds-spinner div:after,
.loginForm .lds-spinner div:after {
    content: " ";
    display: block;
    position: absolute;
    top: 3px;
    left: 37px;
    width: 6px;
    height: 18px;
    border-radius: 20%;
    background: #fff
}

#basket>form .lds-spinner div:nth-child(1),
.femanager>form .lds-spinner div:nth-child(1),
#customerForm .lds-spinner div:nth-child(1),
.tx-suter-storfinder .lds-spinner div:nth-child(1),
.loginForm .lds-spinner div:nth-child(1) {
    transform: rotate(0deg);
    animation-delay: -1.1s
}

#basket>form .lds-spinner div:nth-child(2),
.femanager>form .lds-spinner div:nth-child(2),
#customerForm .lds-spinner div:nth-child(2),
.tx-suter-storfinder .lds-spinner div:nth-child(2),
.loginForm .lds-spinner div:nth-child(2) {
    transform: rotate(30deg);
    animation-delay: -1s
}

#basket>form .lds-spinner div:nth-child(3),
.femanager>form .lds-spinner div:nth-child(3),
#customerForm .lds-spinner div:nth-child(3),
.tx-suter-storfinder .lds-spinner div:nth-child(3),
.loginForm .lds-spinner div:nth-child(3) {
    transform: rotate(60deg);
    animation-delay: -0.9s
}

#basket>form .lds-spinner div:nth-child(4),
.femanager>form .lds-spinner div:nth-child(4),
#customerForm .lds-spinner div:nth-child(4),
.tx-suter-storfinder .lds-spinner div:nth-child(4),
.loginForm .lds-spinner div:nth-child(4) {
    transform: rotate(90deg);
    animation-delay: -0.8s
}

#basket>form .lds-spinner div:nth-child(5),
.femanager>form .lds-spinner div:nth-child(5),
#customerForm .lds-spinner div:nth-child(5),
.tx-suter-storfinder .lds-spinner div:nth-child(5),
.loginForm .lds-spinner div:nth-child(5) {
    transform: rotate(120deg);
    animation-delay: -0.7s
}

#basket>form .lds-spinner div:nth-child(6),
.femanager>form .lds-spinner div:nth-child(6),
#customerForm .lds-spinner div:nth-child(6),
.tx-suter-storfinder .lds-spinner div:nth-child(6),
.loginForm .lds-spinner div:nth-child(6) {
    transform: rotate(150deg);
    animation-delay: -0.6s
}

#basket>form .lds-spinner div:nth-child(7),
.femanager>form .lds-spinner div:nth-child(7),
#customerForm .lds-spinner div:nth-child(7),
.tx-suter-storfinder .lds-spinner div:nth-child(7),
.loginForm .lds-spinner div:nth-child(7) {
    transform: rotate(180deg);
    animation-delay: -0.5s
}

#basket>form .lds-spinner div:nth-child(8),
.femanager>form .lds-spinner div:nth-child(8),
#customerForm .lds-spinner div:nth-child(8),
.tx-suter-storfinder .lds-spinner div:nth-child(8),
.loginForm .lds-spinner div:nth-child(8) {
    transform: rotate(210deg);
    animation-delay: -0.4s
}

#basket>form .lds-spinner div:nth-child(9),
.femanager>form .lds-spinner div:nth-child(9),
#customerForm .lds-spinner div:nth-child(9),
.tx-suter-storfinder .lds-spinner div:nth-child(9),
.loginForm .lds-spinner div:nth-child(9) {
    transform: rotate(240deg);
    animation-delay: -0.3s
}

#basket>form .lds-spinner div:nth-child(10),
.femanager>form .lds-spinner div:nth-child(10),
#customerForm .lds-spinner div:nth-child(10),
.tx-suter-storfinder .lds-spinner div:nth-child(10),
.loginForm .lds-spinner div:nth-child(10) {
    transform: rotate(270deg);
    animation-delay: -0.2s
}

#basket>form .lds-spinner div:nth-child(11),
.femanager>form .lds-spinner div:nth-child(11),
#customerForm .lds-spinner div:nth-child(11),
.tx-suter-storfinder .lds-spinner div:nth-child(11),
.loginForm .lds-spinner div:nth-child(11) {
    transform: rotate(300deg);
    animation-delay: -0.1s
}

#basket>form .lds-spinner div:nth-child(12),
.femanager>form .lds-spinner div:nth-child(12),
#customerForm .lds-spinner div:nth-child(12),
.tx-suter-storfinder .lds-spinner div:nth-child(12),
.loginForm .lds-spinner div:nth-child(12) {
    transform: rotate(330deg);
    animation-delay: 0s
}

@keyframes lds-spinner {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

.attributeFilters .subMenu div ul li label {
    float: none;
}

.attributeFilters .subMenu .productCount {
    font-weight: 500;
    float: right;
}
header .navigation_main_mobile .nav-expand-content .nav-item .nav-items.nav-expand-content {
	top: 0;
}