/**
 *
 * @category    design
 * @package     default_jack
 * @copyright   tailorjack
 * @author      Torsten Schieber
 * @author 		Andreas Fleichaus
 */

/* HEADLINE=============================================================================== */
@media screen and (max-width: 570px){
    h1.confi-headline{
        font-size: 35px;
        padding: 0 15px;
    }
}

/* Shirt Designer========================================================================= */

.shirt-designer {
    clear: both;
    display: block;
    position: relative;
}

.blouse-designer {
    clear: both;
    display: block;
    position: relative;
}

.suit-designer {
    clear: both;
    display: block;
    position: relative;
}

.designer-description {
    color: #c2c0c0;
    margin-bottom: 50px;
}

.designer-description h1 {
    display: none;
}

.designer-description h2,
.designer-attributesbox h2 {
    font-weight: 600;
}

.all-incl-button {
    position: absolute;
    z-index: 99;
    right: 30px;
    top: -75px;
    display: none;
}

.designer-nav-container {
    height: 60px;
    display: block;
}

#designer-tabs {
    margin: 0 18px;
    padding: 0 0px;
    height: 60px;
    background-color: transparent; /* font-size:13px; */
}

/* All Levels */ /* Style consistent throughout all nav levels */

#designer-tabs li {
    float: left;
    height: 60px;
    padding-right: 115px;
    position: relative;
    text-align: left;
}

#designer-tabs li.first {
}

#designer-tabs a {
    float: left;
    padding: 0px 0px 0px 0px;
    color: #d3d3d3;
    font-size: 18px;
    line-height: 60px;
    text-decoration: none;
    min-width: 122px;
    text-align: center;
    font-family: georgia;
    font-style: italic;
    background: url("../images/normal-bg.png") no-repeat scroll left 11px transparent;
}

#designer-tabs a:hover {
    text-decoration: none;
    cursor: pointer;
    background: url("../images/active-bg.png") no-repeat scroll left 11px transparent;
    color: #d3d3d3;
}

#designer-tabs li.active {
    color: #494948;
}

#designer-tabs li.active a {
    color: #494948;
    background: url("../images/active-bg.png") no-repeat scroll left 11px transparent;
}

#designer-tabs li.active a:hover {
    color: #494948;
}

.designer-content {
    min-height: 370px;
    background-color: #ffffff;
}

.designer-content-inner {
    position: relative;
    padding: 10px 10px 10px 0;
}

/*
.designer-content-inner h3 { font-size:20px; color: #707172; position:relative; background:url(../images/confi/line1.gif) bottom center repeat-x; clear: both; line-height: 37px; margin-bottom: 5px; margin-top: -10px; } */

.designer-content-inner h3,
.designer-attributesbox-finish h2 {
    border-bottom: medium none;
    clear: both;
    color: #707172;
    font-size: 23px;
    font-weight: normal;
    line-height: 30px;
    margin-bottom: 5px;
    margin-top: 10px;
    position: relative;
    font-family: georgia;
}

.designer-content-inner p {
    margin-bottom: 1em;
    line-height: 1.5em;
}

.designer-conten-col-left {
    width: 205px !important;
    margin: 0 0 20px 0;
    display: inline-block;
    float: left;
}

.designer-conten-col-mid {
    display: inline-block;
    float: left;
    margin: 0px 0 0;
    padding-left: 20px;
    padding-top: 15px;
    position: relative;
    min-height: 708px;
}

.sticky-wrapper {
    box-sizing: border-box;
    display: inline-block;
    float: right; /*min-height: 2131px; */
    position: relative;
    width: 306px;
    padding: 20px;
}

.sticky-wrapper .designer-attributesbox .login {
    padding: 20px;
}

.preview-col .sticky-wrapper {
    position: initial;
}

/*.suit-designer .designer-conten-col-right {
	width: 306px;
	float: right;
	display: inline-block;
	min-height: 867px;
	position: relative;
	background-color: #CC6;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 20px;
}*/

.designer-attributesbox {
    margin-bottom: 1px;
}

.designer-optionssbox h2 {
    padding: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 1px;
    margin-left: 0px;
}

.designer-attributesbox-top {
    width: 175px; /*height:9px;*/
    display: block;
}

.designer-attributesbox-content {
    width: 175px;
    display: block;
    min-height: 52px;
    position: relative;
}

.designer-attributesbox-bottom {
    width: 175px; /*height:9px;*/
    display: block;
}

.designer-attributesbox-jacket {
    display: none;
}

.designer-attributesbox-pant {
    display: none;
}

.designer-attributesbox-jacketv {
    display: none;
}

.designer-attributesbox-design {
    display: none;
}

.designer-attributesbox-detail {
    display: none;
}

.designer-attributesbox-contrast {
    display: none;
}

.designer-attributesbox-finish {
    display: none;
    margin-right: 20px;
}

.designer-addtocartbox {
    display: none;
}

.selection-overview {
    width: 100%;
}

.product-view .product-img-box {
    float: left;
    text-align: center;
    margin-bottom: 30px;
    width: 100%;
}

.selection-overview-size li {
    position: relative;
    display: block;
    padding: 10px;
    background-color: #F3F3F3;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 10px;
    margin-left: 0px;
    height: 212px;
    width: 100%;
}

.selection-overview-size li img {
    height: 190px;
    width: 100%;
}

.selection-overview-size li .remove {
    position: absolute;
    right: 21px;
    font-weight: 900;
    z-index: 1000;
    color: #fff;
    cursor: pointer;
    display: none;
    top: 21px;
}

.selection-overview-size li:hover .remove {
    display: block;
}

.selection-overview-size li .collect-detail {
    background-image: url(../images/sprite.png);
    background-position: -166px -181px;
    background-repeat: no-repeat;
    bottom: 0;
    cursor: pointer;
    display: block;
    height: 33px;
    left: 0;
    margin: auto;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: all 400ms;
    -moz-transition: all 400ms;
    -ms-transition: all 400ms;
    -o-transition: all 400ms;
    transition: all 400ms;
    width: 33px;
}

.selection-overview-size li:hover .collect-detail {
    opacity: 1;
}

.fabric-sample-popup.flash-error {
    background-image: none;
    background-color: red;
}

.fabric-sample-popup .link a {
    display: block;
    width: 100%;
    color: #fff;
    font-size: 12px;
    margin-left: 120px;
}

.fabric-sample-popup .link a:hover {
    text-decoration: none;
}

.swatch-designer #shirt {
    margin-bottom: 3px;
}

.swatch-designer .extra_price {
    font-size: 25px;
    line-height: 30px;
    font-weight: 500;
}

.swatch-designer .tax-details {
    font-size: 14px;
    font-weight: 300;
    color: #474747;
}

.swatch-designer .btn-cart {
    width: 100%;
    height: 60px;
}

.bignumber-1 {
    background-image: url(../images/layout/bignumber_1.png);
    background-repeat: no-repeat;
    background-position: center center;
}

.bignumber-2 {
    background-image: url(../images/layout/bignumber_2.png);
    background-repeat: no-repeat;
    background-position: center center;
}

.bignumber-3 {
    background-image: url(../images/layout/bignumber_3.png);
    background-repeat: no-repeat;
    background-position: center center;
}

.bignumber-4 {
    background-image: url(../images/layout/bignumber_4.png);
    background-repeat: no-repeat;
    background-position: center center;
}

h2 a.attributesection {
    line-height: 52px;
    background-color: #c1c1c1;
    display: block;
    padding-right: 10px;
    padding-left: 10px;
    font-style: italic;
    color: #FFF;
    cursor: pointer;
    margin: 0px;
    position: relative;
}

h2 a.attributesection:hover {
    background-color: #0092aa;
    text-decoration: none;
}

h2.current a.attributesection {
    background-color: transparent;
    background-image: url(../images/side-arrow.png);
    background-repeat: no-repeat;
    background-position: right center;
    padding-right: 0px;
    width: 201px;
}

button.attribute {
    cursor: pointer;
    line-height: 11px;
    border: 0;
    overflow: visible;
    display: block;
    height: 50px;
    white-space: nowrap;
    background: #f3f3f3;
    margin-top: 1px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    padding-top: 0px;
    padding-right: 5px;
    padding-bottom: 3px;
    padding-left: 5px;
    width: 198px;
}

button.attribute:hover {
    background-color: #e5e5e5;
    text-decoration: none;
}

button.attribute-first {
    margin-top: 0;
}

button.attribute-active {
    background-color: #e5e5e5;
}

button.attribute-active:hover {
}

button.attribute h1 {
    color: #0092AA;
    font-family: georgia;
    font-size: 15px;
    font-weight: 300;
    margin: 6px 0 3px;
    padding-left: 5px;
    text-align: left;
    width: 188px;
}

button.attribute p {
    color: #4A4A49;
    font-family: georgia;
    font-size: 12px;
    font-style: italic;
    font-weight: 300;
    line-height: 16px;
    max-width: 188px;
    overflow: hidden;
    padding-left: 5px;
    text-align: left;
    white-space: nowrap;
    width: 188px;
    margin: 0px;
}

button.attribute:hover h1 {
    text-decoration: none;
}

button.attribute:hover p {
}

button.attribute-active h1 { /*font-weight: bold;*/
    font-weight: normal;
}

button.attribute-active p { /*font-weight: bold;*/
    font-weight: normal;
}

#monogramm p {
    overflow: hidden;
    max-width: 142px;
}

#monogramm button {
    height: 40px;
    width: 40px;
}

button.cbutton {
    background-color: #D3D3D3;
    border: 0 none;
    color: #FFFFFF;
    cursor: pointer;
    display: block;
    float: left;
    font-size: 16px;
    height: 35px;
    margin: 0 5px 5px 0;
    padding: 8px !important;
    text-align: left;
}

button.cbutton:hover {
    background-color: #0092aa;
}

button.cbutton a {
    color: #fff;
    text-decoration: none;
    cursor: pointer;
}

button.link {
    background: url(../images/confi/designer_link_arrow.png) right center #408F9F no-repeat;
    padding-right: 24px;
    color: #fff;
}

button.link:hover {
    background: url(../images/confi/designer_link_arrow.png) right center #c38928 no-repeat;
    padding-right: 24px;
    color: #fff;
}

button.link a:visited {
    color: #fff;
}

button.link a {
    text-decoration: none;
}

#fabric_quality button {
    padding: 0;
}

#fabric_quality button span {
    font-family: georgia !important;
    font-style: italic !important;
    text-align: center !important;
}

button#limited {
    background-color: #bf1c28;
    float: left;
}

button#limited:hover {
    background-color: #c38928;
    color: #fff;
}

button#limited.active {
    background-color: #c38928
}

.limited {
    display: block;
}

.limited p {
    font-size: 16px;
    float: left;
    color: #707172;
    margin: 8px;
}

.limited span {
    color: #bf1c28;
}

button.designer-button {
    background-color: #F3F3F3;
    border: 0 none;
    color: #0092AA;
    display: block;
    float: left;
    font-size: 16px;
    font-style: italic;
    height: 50px;
    line-height: 11px;
    margin: 5px 8px 0 0;
    padding: 0 5px 3px;
    text-align: left;
    width: 169px;
}

button.designer-button:hover {
    background-color: #f3f3f3;
}

.designer-optionssbox {
    width: 198px;
    margin: 0px;
}

.designer-optionssbox p {
    margin: 10px 0 0; /*font-weight: bold;*/
    font-weight: normal;
    font-family: Helvetica, sans-serif;
    white-space: nowrap;
    max-width: 145px;
    overflow: hidden;
}

.designer-optionssbox .notloggedin {
    color: #EB340A;
}

.designer-optionssbox button.button-smal-blue,
.designer-optionssbox button.button-smal-grey {
    margin: 10px 3px 0;
}

.designer-detailbox {
    width: 100%;
    margin: 0 10px 4px 0;
    display: inline-block;
    float: left;
}

.designer-detailbox-picture {
    width: 160px;
    min-height: 120px;
    margin: 0 10px 0 0;
    border: 1px solid #707172;
    display: inline-block;
    float: left;
    position: relative;
}

.designer-detailbox-description {
    width: 100%;
    min-height: 20px;
    margin: 0;
    display: block;
    position: relative;
}

.select-measurement-box {
    width: 100%;
    height: 175px;
    background-color: #ecebde;
    display: block;
    margin-top: 20px;
    margin-bottom: 20px;
}

.select-measurement-box-col-left {
    display: inline-block;
    background: url(../images/confi/bkg-page4.png);
    height: 175px;
    width: 141px;
}

.select-measurement-box-col-right {
    display: inline-block;
    padding: 15px;
    float: right;
    width: 405px;
    height: 145px;
}

.select-measurement-box-col-right h4 {
    margin-top: 0px;
}

/* .designer-detailbox-description .inner { position:absolute; bottom:0px; } */

#classic-description {
    display: block;
}

#premium-description {
    display: none;
}

#deluxe-description {
    display: none;
}

#basic-description {
    display: none;
}

#limited-description {
    display: none;
}

#fabric_quality {
    margin-bottom: 10px;
    float: left;
}

.designer-loading {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    vertical-align: middle;
    top: 12px;
}

.designer-conten-col-mid .designer-loading {
    top: 170px;
}

.designer-loading img {
    margin: auto;
    display: block;
    position: relative;
}

#nameFilter > span.close,
#priceFilter > span.close {
    display: none;
}

.designer-select-picturebox .button-grey {
    margin-right: 10px;
}

.designer-attributes-fabric {
    display: none;
}

.designer-select-fabric-standard {
    display: none;
}

.designer-select-fabric-premium {
    display: none;
}

.designer-attributes-fit {
    display: none;
}

.designer-attributes-lowercut {
    display: none;
}

.designer-attributes-sleeve {
    display: none;
}

.designer-attributes-lowercut {
    display: none;
}

.designer-attributes-collar {
    display: none;
}

.designer-attributes-cuff {
    display: none;
}

.designer-attributes-buttons {
    display: none;
}

.designer-attributes-front {
    display: none;
}

.designer-attributes-back {
    display: none;
}

.designer-attributes-bagsstyle {
    display: none;
}

.designer-attributes-monogramm {
    display: none;
}

.designer-attributes-contrast_collar_outside {
    display: none;
}

.designer-attributes-contrast_collar_bottom {
    display: none;
}

.designer-attributes-contrast_collar_standouter {
    display: none;
}

.designer-attributes-contrast_collar_standinner {
    display: none;
}

.designer-attributes-contrast_cuff_outside {
    display: none;
}

.designer-attributes-contrast_cuff_inside {
    display: none;
}

.designer-attributes-hankerchief {
    display: none;
}

.designer-attributes-buttonhole_yarn {
    display: none;
}

.designer-attributes-jacket_cut {
    display: none;
}

.designer-attributes-jacket_front {
    display: none;
}

.designer-attributes-jacket_back {
    display: none;
}

.designer-attributes-jacket_pockets {
    display: none;
}

.designer-attributes-jacket_lowercut {
    display: none;
}

.designer-attributes-jacket_sleeve {
    display: none;
}

.designer-attributes-jacket_innerfabric {
    display: none;
}

.designer-attributes-pants_count {
    display: none;
}

.designer-attributes-pants_pocketsback {
    display: none;
}

.designer-attributes-pants_pocketsside {
    display: none;
}

.designer-attributes-pants_hem {
    display: none;
}

.designer-attributes-pants_closure {
    display: none;
}

.designer-attributes-pants_pleated {
    display: none;
}

.designer-attributes-monogramm_prefix {
    display: none;
}

.designer-attributes-monogramm_yarn {
    display: none;
}

.designer-attributes-monogramm_font {
    display: none;
}

.designer-attributes-lapels_buttonhole {
    display: none;
}

.designer-attributes-lapels_buttonhole_color {
    display: none;
}

.designer-attributes-stitching {
    display: none;
}

.designer-attributes-west {
    display: none;
}

.designer-attributes-patches {
    display: none;
}

/* grün #408fa1
/* gelb #ecebde
/* gold #c38928
/* grau #707172 */

button.detailbox-magnify {
    background: transparent url(../images/confi/btn_magnify.png) right bottom no-repeat;
    width: 45px;
    height: 50px;
    border: 0;
    position: absolute;
    bottom: 7px;
    right: 7px;
    cursor: pointer;
}

.designer-select-picturebox {
    display: inline-block;
    float: left;
    min-height: 94px;
    position: relative;
    margin: 0;
    padding: 0px;
    width: 100%;
}

.designer-select-picturebox li { /* border: 1px dotted #00ff00;*/
    float: left;
    width: 90px;
    height: 90px;
    display: inline-block;
    margin: 3px;
}

.designer-select-picturebox li.active {
    border: 3px solid #0092AA;
    display: inline-block;
    margin: 0;
    cursor: pointer;
}

.designer-select-picturebox li:hover {
    border: 3px solid #0092AA;
    display: inline-block;
    margin: 0;
    cursor: pointer;
}

.designer-select-picturebox .text li {
    float: left;
    width: 90px;
    height: 11px;
    font-size: 11px;
    line-height: 11px;
    color: #4a4a49;
    display: inline-block;
    margin: 3px;
    font-style: italic;
}

.designer-select-picturebox .text li {
    border: 0;
    cursor: default;
    text-align: center;
}

.designer-select-picturebox li img {
    vertical-align: 0;
}

.designer-select-picturebox ul {
    clear: left;
}

.designer-fabric-thumb {
    position: relative;
}

.designer-fabric-thumb span {
    position: absolute;
    left: 0px;
    top: 0px;
    background-image: url(../images/layout/designer_fabric-thumb_mask_off.png);
    background-repeat: no-repeat;
    background-position: center center;
    display: block;
    height: 90px;
    width: 90px;
}

.designer-fabric-thumb:hover {
    border: 3px solid transparent !important;
}

.designer-fabric-thumb.active {
    border: 3px solid transparent !important;
}

.designer-fabric-thumb:hover span {
    background-image: url(../images/layout/designer_fabric-thumb_mask_on.png);
}

.designer-select-picturebox li.active span {
    background-image: url(../images/layout/designer_fabric-thumb_mask_on.png);
}

.magnifyimg {
    position: absolute;
    width: 90px;
    height: 90px;
    z-index: 1000;
    background-color: transparent;
    background-image: url(../images/confi/btn_magnify_small.png);
    background-repeat: no-repeat;
    background-position: 48px 48px;
}

.designer-select-dropdown {
    margin: 10px 10px 0 0;
    display: block;
    font-size: 11px;
    line-height: 25px;
    color: white;
    font-size: 1.2em;
}

.designer-select-dropdown p {
    color: #474747;
    font-size: 14px;
    line-height: 1.5;
    margin: 20px 0;
    letter-spacing: 0.02em;
}

.designer-select-dropdown select {
    color: white;
}

.designer-select-dropdown-col h3 {
    color: #474747;
}

.shirt-designer #monogramm .input-text {
    width: 148px;
    padding: 0 5px;
    margin-left: 0;
    color: #000;
    height: 40px;
    font-size: 16px;
}

.shirt-designer #monogramm .input-text:focus {
    background: #fff;
}

.suit-designer #monogramm .input-text {
    width: 80%;
    padding: 0 5px;
    margin-left: 0;
    color: #000;
    height: 40px;
    font-size: 16px;
}

.suit-designer #monogramm .input-text:focus {
    background: #fff;
}

.designer-select-detail {
    width: 395px;
    margin: 10px 10px 0 0;
    display: inline-block;
    float: left;
}

.designer-select-dropdown-col {
    display: block;
    margin: 12px 5px 0 2px;
}

/* .designer-select-dropdown h3 {display:inline-block;} */

/*.shawellapel { display: none; }*/

.designer-price-box {
    text-align: right;
    display: block;
}

.designer-price-box a {
    color: #408fa1;
}

.designer-price-box .cprice {
    font-weight: 500;
    font-size: 2em;
    color: #474747;
    display: block;
    line-height: 55px;
    text-align: center;
}

.designer-price-box .cprice-old {
    font-weight: 300;
    font-size: 24px;
    display: block;
    line-height: 24px;
    text-decoration: line-through;
}

.designer-price-box button {
    margin: 10px 0 0 10px;
    float: right;
    cursor: pointer;
    text-align: center;
    display: none;
}

.designer-select-fabric-classic {
    width: 100%;
}

.designer-select-fabric-deluxe {
}

p.designer-image-footnote,
.designer-price-box .tax-details {
    color: #707172;
    font-size: 12px;
    margin: 0px;
    text-align: center;

}

.designer-price-box .tax-details {
    display: block;
    margin-bottom: 5px
}

.designer-attributes-suit {
    display: none;
}

.designer-attributes-inner {
    display: none;
}

.designer-img-stuck {
    position: fixed !important;
    top: 0px;
    width: 306px;
    margin-top: 20px;
}

.designer-img-absbottom {
    position: absolute !important;
    width: 306px;
    bottom: 0px;
}

.designer-img-suit .img-blocker {
    position: absolute;
    top: 0px;
    left: 0px;
    height: 678px;
    width: 269px;
    z-index: 700;
}

.designer-img-suit .img-monogramm {
    position: absolute;
    top: 115px;
    left: 205px;
    z-index: 600;
}

.designer-img-suit {
    position: relative;
    display: block;
    height: 678px;
    width: 306px;
    background-image: url(../images/layout/designer_img_shadow.png);
    background-repeat: no-repeat;
    background-position: center bottom;
    padding-bottom: 10px;
}

.designer-img-suit.pants-only {
    height: 478px;
}

.designer-img-suit.no-pants {
    background-image: none;
}

.designer-img-suit .img-suit {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 310;
}

.designer-img-suit .img-inner {
    position: absolute;
    top: 0px;
    left: -90px;
    z-index: 320;
}

.designer-img-suit .img-innerlining {
    position: absolute;
    top: 0;
    left: -73px;
    z-index: 421;
}

.designer-img-suit .img-innershirt {
    position: absolute;
    top: -2px;
    left: 0;
    z-index: 500;
}

.designer-img-suit .img-innerwest {
    position: absolute;
    top: -2px;
    left: 0;
    z-index: 506;
}

.designer-img-suit .img-innerfabric {
    position: absolute;
    top: 0;
    left: -73px;
    z-index: 420;
}

.designer-img-suit .img-jacket_pockets {
    position: absolute;
    top: 104px;
    left: 54px;
    z-index: 563;
}

.designer-img-suit .img-hankerchief {
    position: absolute;
    top: 91px;
    left: 171px;
    z-index: 561;
}

.designer-img-suit .img-jacket_lapels {
    position: absolute;
    top: 0px;
    left: 67px;
    z-index: 565;
}

.designer-img-suit .img-jacket_lapelsshirt {
    position: absolute;
    top: 0px;
    left: 67px;
    z-index: 560;
}

.designer-img-suit .img-jacket_back {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 550;
}

.designer-img-suit .img-jacket_lowercut {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 550;
}

.designer-img-suit .img-jacket_shirt {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 380;
}

.designer-img-suit .img-jacket_sleeves {
    margin-left: -7px;
}

/* .designer-img-suit .img-jacket_back_shirt { position:absolute; top:0px; left:0px; z-index:545; } */

.designer-img-suit .img-pants_closure {
    position: absolute;
    top: 237px;
    left: 0px;
    z-index: 505;
}

.designer-img-suit.pants-only .img-pants_closure {
    top: 0;
}

.designer-img-suit .img-pants_hem {
    position: absolute;
    top: 634px;
    left: 0px;
    z-index: 505;
}

.designer-img-suit.pants-only .img-pants_hem {
    top: 397px;
}

.designer-img-suit .img-pants_pleated {
    position: absolute;
    top: 237px;
    left: 0px;
    z-index: 505;
}

.designer-img-suit.pants-only .img-pants_pleated {
    top: 0;
}

.designer-img-suit .img-pants_pocketsside {
    position: absolute;
    top: 237px;
    left: 0px;
    z-index: 505;
}

.designer-img-suit.pants-only .img-pants_pocketsside {
    top: 0;
}

.designer-img-suit .img-jacket_patches {
    position: absolute;
    top: 170px;
    left: 7px;
    z-index: 1505;
}

.designer-img-suit .img-pants_backpockets {
    position: absolute;
    top: 237px;
    left: 0;
    z-index: 505;
}

.designer-img-suit.pants-only .img-pants_backpockets {
    top: 0;
}

.designer-img-suit .img-pants {
    position: absolute;
    top: 237px;
    left: 0;
    z-index: 500;
}

.designer-img-suit .img-pants.pants-only {
    top: 0;
}

.designer-img-suit .img-backpants {
    position: absolute;
    top: 237px;
    left: 0px;
    z-index: 500;
}

.designer-img-suit.pants-only .img-backpants {
    top: 0;
}

.designer-img-suit .img-backshirt {
    position: absolute;
    top: -2px;
    left: 0px;
    z-index: 380;
}

.designer-img-blouse {
    position: relative;
    display: block;
    height: 390px;
    width: 306px;
    background-image: url(../images/layout/designer_img_shadow.png);
    background-repeat: no-repeat;
    background-position: center bottom;
    padding-bottom: 10px;
}

.designer-img-blouse .img-fit {
    position: absolute;
    top: 9px;
    left: 44px;
    z-index: 310;
}

.designer-img-blouse .img-sleeve {
    position: absolute;
    top: 63px;
    left: 13px;
    z-index: 330;
}

.designer-img-blouse .img-sleeve-bar {
    position: absolute;
    top: 175px;
    left: 13px;
    z-index: 335;
}

.designer-img-blouse .img-front {
    position: absolute;
    top: 67px;
    left: 128px;
    z-index: 350;
}

.designer-img-blouse .img-yarn-front {
    position: absolute;
    top: 70px;
    left: 128px;
    z-index: 353;
}

.designer-img-blouse .img-buttons-front {
    position: absolute;
    top: 70px;
    left: 136px;
    z-index: 355;
}

.designer-img-blouse .img-yarn-cuff {
    position: absolute;
    top: 324px;
    left: 6px;
    z-index: 344;
}

.designer-img-blouse .img-buttons-cuff {
    position: absolute;
    top: 324px;
    left: 5px;
    z-index: 345;
}

.designer-img-blouse .img-cuff {
    position: absolute;
    top: 317px;
    left: 1px;
    z-index: 340;
}

.designer-img-blouse .img-cuff-inner {
    position: absolute;
    top: 317px;
    left: 1px;
    z-index: 341;
}

.designer-img-blouse .img-bags {
    position: absolute;
    top: 117px;
    left: 71px;
    z-index: 360;
}

.designer-img-blouse .img-collar {
    position: absolute;
    top: 17px;
    left: 79px;
    z-index: 372;
}

.designer-img-blouse .img-collar-innerstand {
    position: absolute;
    top: 10px;
    left: 103px;
    z-index: 370;
}

.designer-img-blouse .img-collar-innerback {
    position: absolute;
    top: 11px;
    left: 103px;
    z-index: 369;
}

.designer-img-blouse .img-monogramm {
    position: absolute;
    top: 300px;
    left: 75px;
    z-index: 400;
}

/*.designer-img-blouse .img-blocker { position:absolute; top:0px; left:0px; height:414px; width:306px; z-index:500; } */

.designer-img-shirt {
    position: relative;
    display: block;
    height: 414px;
    width: 306px;
    background-image: url(../images/layout/designer_img_shadow.png);
    background-repeat: no-repeat;
    background-position: center bottom;
    padding-bottom: 10px;
}

.designer-img-shirt .img-fit {
    position: absolute;
    top: 34px;
    left: 28px;
    z-index: 310;
}

.designer-img-shirt .img-button-stripe {
    position: absolute;
    top: 34px;
    left: 28px;
    z-index: 350;
}

/* .designer-img-shirt .img-lowercut { position:absolute; top:333px; left:56px; z-index:320; } */

.designer-img-shirt .img-sleeve {
    position: absolute;
    top: 67px;
    left: 5px;
    z-index: 330;
}

.designer-img-shirt .img-sleeve-bar {
    position: absolute;
    top: 67px;
    left: 5px;
    z-index: 335;
}

.designer-img-shirt .img-cuff {
    position: absolute;
    top: 283px;
    left: 2px;
    z-index: 340;
}

.designer-img-shirt .img-cuff-inner {
    position: absolute;
    top: 283px;
    left: 2px;
    z-index: 340;
}

.designer-img-shirt .img-yarn-cuff {
    position: absolute;
    top: 282px;
    left: 2px;
    z-index: 344;
}

.designer-img-shirt .img-buttons-cuff {
    position: absolute;
    top: 282px;
    left: 2px;
    z-index: 345;
}

.designer-img-shirt .img-front {
    position: absolute;
    top: 38px;
    left: 134px;
    z-index: 350;
}

.designer-img-shirt .img-yarn-front {
    position: absolute;
    top: 38px;
    left: 134px;
    z-index: 353;
}

.designer-img-shirt .img-buttons-front {
    position: absolute;
    top: 38px;
    left: 134px;
    z-index: 355;
    height: 358px;
    width: 32px;
}

.designer-img-shirt .img-bags {
    position: absolute;
    top: 135px;
    left: 72px;
    z-index: 360;
}

.designer-img-shirt .img-collar {
    position: absolute;
    top: 11px;
    left: 103px;
    z-index: 370;
}

.designer-img-shirt .img-collar-wings {
    position: absolute;
    top: 11px;
    left: 103px;
    z-index: 374;
}

.designer-img-shirt .buttondown .img-collar-wings {
    top: 10px;
    left: 99px;
}

.designer-img-shirt .buttondownsmall .img-collar-wings {
    top: 3px;
}

.designer-img-shirt .sharksmall .img-collar-wings {
    top: 5px;
}

.designer-img-shirt .img-collar-stand {
    position: absolute;
    top: 11px;
    left: 103px;
    z-index: 370;
}

.designer-img-shirt .img-collar-innerstand {
    position: absolute;
    top: 11px;
    left: 103px;
    z-index: 372;
}

.designer-img-shirt .img-collar-innerstand.buttondown {
    /*left: 108px; */
}

.designer-img-shirt .img-collar-innerback {
    position: absolute;
    top: 11px;
    left: 103px;
    z-index: 370;
}

.designer-img-shirt .buttondown .img-collar-innerback {
    left: 101px;
}

.collar-container.buttondownsmall .img-collar-innerback,
.collar-container.sharksmall .img-collar-innerback {
    top: 4px;
}

.designer-img-shirt .img-yarn-collar {
    position: absolute;
    top: 11px;
    left: 103px;
    z-index: 390;
}

.designer-img-shirt .buttondown .img-yarn-collar {
    left: 99px;
}

.collar-container.buttondownsmall .img-yarn-collar,
.collar-container.sharksmall .img-yarn-collar {
    top: 7px;
}

.designer-img-shirt .img-buttons-collar {
    position: absolute;
    top: 11px;
    left: 103px;
    z-index: 391;
}

.collar-container.buttondownsmall .img-buttons-collar,
.collar-container.sharksmall .img-buttons-collar {
    top: 2px;
}

.designer-img-shirt .buttondown .img-buttons-collar {
    top: 11px;
    left: 99px;
}

.designer-img-shirt .img-monogramm {
    position: absolute;
    top: 280px;
    left: 195px;
    z-index: 400;
}

.designer-img-shirt .img-blocker {
    position: absolute;
    top: 0px;
    left: 0px;
    height: 414px;
    width: 306px;
    z-index: 500;
}

/* Fancybox Content======================================================================= */

div#fancybox-content h1 {
    display: block;
    background-color: #ecebde;
    color: #000;
    line-height: 40px;
    margin: 0px;
}

div#ajax_fabriczoom_content p {
    display: block;
    background-color: #ecebde;
    color: #000;
    margin: 0;
    font-size: 16px;
    line-height: 30px;
}

div#inline_openregisterform_content {
    padding: 15px;
}

div#inline_openforgotpassword_content {
    padding: 15px;
}

div#inline_opencontactform_content {
    padding: 15px;
}

div#attendevent_content {
    padding: 15px;
}

div#inline_opencontactform_content .messages {
    display: none;
}

div#ajax_fabriczoom_content {
    padding: 0px;
}

div#ajax_imgzoom_content {
    padding: 0px;
}

div#ajax_summary_content {
}

.ajax_summary_innerframe {
    margin: 15px;
}

.ajax_summary_innerframe .data-table td,
.ajax_summary_innerframe .data-table th,
.ajax_summary_innerframe .data-table tr {
    padding: 3px;
}

div#ajax_summary_content .addtoCart {
    padding: 15px;
    width: 500px;
}

div#ajax_summary_content h1 {
    margin: 0px;
    display: block;
}

div#ajax_summary_content h2 {
    float: left;
    margin-bottom: 5px;
}

div#ajax_summary_content h3 {
}

div#ajax_summary_content table {
    margin-bottom: 15px;
    clear: both;
}

.summarybutton {
    margin: 0 auto 15px;
    max-width: 340px;
    width: 100%;
}

.summarybutton button {
    float: right;
    margin-right: 10px;
    margin-top: 0px;
}

.hovertip {
    position: absolute;
    display: none;
    z-index: 5000;
    margin: 10px;
    background-color: #FFFFFF;
    border: 1px solid #335C99;
    border-radius: 5px 5px 5px 5px; /*width: 270px; height:350px; */
    text-align: left;
    padding: 10px;
    box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.8);
}

.hovertip ul li {
    line-height: 18px;
    display: block;
    width: 200px;
}

ul.hovertip {
    line-height: 18px;
    display: block;
    width: 200px;
}

/* IE 8 fix */

ul.hovertip li {
    line-height: 18px;
    display: block;
    width: 200px;
}

/* IE 8 fix */

.hovertip span { /*font-weight: bold;*/
    font-weight: normal;
    width: 80px;
    display: block;
    float: left; /* text-align: right;*/
}

.hovertip h1 {
    color: #335C99; /*font-weight: bold;*/
    font-weight: normal;
    font-size: 18px;
}

/* Custom CSS Snowflakes slider========================================================== */

.snowflake {
    position: absolute;
    text-align: center;
    z-index: 9999;
    top: -100px;
    width: 1em;
    height: 1em;
    color: white;
    font-size: 16px;
    text-shadow: rgba(0, 0, 0, 0.7) 1px 1px 2px;
    /* We use the following properties to apply the fade and drop animations to each snowflake.
               Each of these properties takes two values. These values respectively match a setting
               for fade and drop.
            */
    -webkit-animation-iteration-count: infinite, 20;
    -webkit-animation-direction: normal, normal;
    -webkit-animation-timing-function: linear, ease-in;
}

.snowflake span {
    position: absolute;
    display: block;
    width: 1em;
    height: 1em;
    /* We use the following properties to adjust the clockwiseSpin or counterclockwiseSpin
               animations on each snowflake.
               The createASnowflake function determines whether a flake has the
               clockwiseSpin or counterclockwiseSpin animation.
            */
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-transform-origin: 50% -100%;
}

.snowflake.tiny {
    font-size: 0.5em;
}

.snowflake.small {
    font-size: 1em;
}

.snowflake.medium {
    font-size: 2em;
}

.snowflake.large {
    font-size: 3em;
}

.snowflake.massive {
    font-size: 7em;
}

@-webkit-keyframes fade {
    0% {
        opacity: 1;
    }
    85% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

@-webkit-keyframes drop {
    0% {
        -webkit-transform: translate(0px, -50px);
    }
    100% {
        -webkit-transform: translate(0px, 650px);
    }
}

@-webkit-keyframes clockwiseSpin {
    0% {
        -webkit-transform: rotate(-50deg);
    }
    100% {
        -webkit-transform: rotate(50deg);
    }
}

@-webkit-keyframes counterclockwiseSpin {
    0% {
        -webkit-transform: rotate(50deg);
    }
    100% {
        -webkit-transform: rotate(-50deg);
    }
}

/* Custom CSS Interakting slider========================================================== */

.category-description h3 {
    font-weight: normal;
}

.category-description h1 {
    font-weight: normal;
    padding-bottom: 6px;
    font-size: 25px;
}

.category-description p {
    margin-bottom: 20px;
    font-size: 15px;
}

.num-txt {
    color: #FFFFFF;
    font-size: 30px;
    padding-left: 10px;
    padding-right: 22px;
}

.num-txt-2 {
    color: #FFFFFF;
    font-size: 30px;
    padding-left: 0px;
    padding-right: 22px;
}

.userdesign-select {
    width: 168px;
}

.content-main-2 {
    background-color: #f3f3f3;
    float: left;
}

/* NEW BY VIEN */
h3.designer-tooltiphead {
    display: block;
    margin-top: 0px;
    padding-top: 0px;
    position: relative;
}

h3.designer-tooltiphead span {
    display: block;
    height: 21px;
    position: absolute;
    right: 230px;
    top: -40px;
    width: 21px;
}

h3.designer-tooltiphead span a {
    -webkit-border-radius: 21px;
    -moz-border-radius: 21px;
    border-radius: 21px;
    display: block;
    line-height: 21px;
    text-align: center;
    height: 21px;
    width: 21px;
    font-size: 15px;
    font-style: italic;
    font-weight: normal;
    background-color: #c1c1c1;
    color: #FFF;
}

h3.designer-tooltiphead span a:hover, h3.designer-tooltiphead span a.active {
    background-color: #0092aa;
}

.toggletxt {
    display: none;
    margin-right: 20px;
}

.designer-attributesbox-finish .miniaccount {
    background-color: #FFF;
    padding: 20px;
    margin-bottom: 20px;
    border: 2px solid #C1C1C1;
    background-image: url(../images/layout/img_miniaccount.jpg);
    background-repeat: no-repeat;
    background-position: right top;
}

.designer-attributesbox-finish .miniaccount .mini-login-input {
    margin-bottom: 5px;
}

.designer-attributesbox-finish .designer-select {
    margin-bottom: 20px;
}

.designer-attributesbox-finish .tocart {
    background-color: #FFF;
    margin-bottom: 20px;
    border: 2px solid #C1C1C1;
    background-image: url(../images/layout/img_miniaccount.jpg);
    background-repeat: no-repeat;
    background-position: right top;
    padding-top: 20px;
    padding-right: 170px;
    padding-bottom: 20px;
    padding-left: 20px;
}

.designer-attributesbox-finish .tocart p {
}

.ihrpreis {
    display: block;
    margin-top: 10px;
}

/* --- NEW SHIRTDESIGNER STYLES ---- */

.suit-designer button:focus,
.shirt-designer button:focus {
    outline: none;
}

.suit-designer {
    min-height: 800px;
}

.infobox {
    float: right;
    position: relative;
    width: 28%;
}

.category-stoffmuster-bestellen .infobox {
    width: 27%;
}

.select-col {
    float: left;
    position: relative;
    width: 28.6%;
}

.preview-col {
    float: left;
    position: absolute;
    margin-left: 28.6%;
    width: 44%;
}

.top-step-name {
    font-size: 1.6em;
    transform: translate3d(0px, 0px, 0px);
    font-weight: 500;
    border-width: 5px;
    border-style: solid;
    margin-bottom: 11px;
    padding: 2px 10px;
    text-align: center;
    width: 100%;
}

.top-step-name.mobile {
    display: none;
}

#detail-description {
    display: block;
    margin-bottom: 8px;
}

.extra_price {
    display: block;
    font-size: .6em;
    color: #636363;
}

.filtersearch {
    border-top-width: 0;
    border-right-width: 0;
    border-left-width: 0;
    height: 40px;
    margin: 25px 0 15px;
    padding: 0 20px 0 10px;
    width: 100%;
}

.filtersearch:focus {
    outline: none;
}

.select-col > ul.select-btn-box {
    position: relative;
}

#filterbox {
    width: 101%;
}

.select-btn-box {
    display: inline-block;
    overflow: hidden;
    width: 100%;
}

.select-btn-box li ul {
    left: 0;
    position: absolute;
    top: 1%;
    width: 100%;
    z-index: 1000;
}

.select-btn-box .range {
    display: inline-block;
    width: 48%;
}

.select-btn-box .select-btn {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    border: 0;
    color: #fff;
    cursor: pointer;
    float: left;
    height: 54px;
    margin: 0 0 2px 0;
    border-right: 2px solid #fff;
    padding: 0 5px;
    text-align: center;
    width: 33.3%;
    font-size: 12px;
}

.select-btn-box .select-btn.cotton_blend,
.select-btn-box .select-btn#cotton_blend {
    font-size: 11px;
}

#topseller {
    clear: none;
}

.select-btn-box .select-btn.basic-bg.active {
    background: #c0c0c0;
}

#nameFilter input[type="text"] {
    margin: 0 0 5px;
    width: 98.9%;
}

#priceFilter .range-mobile {
    display: none;
}

.reset-btn {
    background-color: #e7e7e7;
    border: 0;
    color: #fff;
    cursor: pointer;
    font-size: 1.07em;
    font-weight: 900;
    padding: 4px 10px;
}

.fabric-select-btn:hover .reset-btn {
    background-color: #42b8c5;
}

.filterbox-wrapper {
    background-color: #fff;
}

#filter-close-mobile {
    display: none;
}

#patternFilter.select-btn-box .select-btn,
#colorFilter.select-btn-box .select-btn,
#weaveFilter.select-btn-box .select-btn,
#materialFilter.select-btn-box .select-btn,
#occasionFilter.select-btn-box .select-btn,
#priceFilter.select-btn-box .select-btn,
#seasonFilter.select-btn-box .select-btn {
    background-color: #474747;
}

#filterbox .select-btn-box {
    visibility: visible;
    display: inline;
}

#seasonFilter.select-btn-box .select-btn {
    height: 100px;
    padding: 0 5px;
}

.component-contrastjumper button {
    border: 0;
    color: #fff;
    padding: 9.5px 0;
    width: 48%;
}

.component-contrastjumper button.prev-btn {
    float: left;
}

.component-contrastjumper button.next-btn {
    float: right;
}

.zoom-btn {
    border: 0;
    color: #fff;
    cursor: pointer;
    margin: 0 1% 1px 0;
    padding: 4px 0;
    text-align: center;
    height: 32px;
    font-size: 14px;
    width: 54px;
    background-color: #c0c0c0;
}

.zoom-btn.btn-standalone {
    width: 100%;
}

.removetomuster-btn,
.addtomuster-btn {
    background-color: #c0c0c0;
    background-image: url(../images/addtomuster.png);
    background-repeat: no-repeat;
    background-size: inherit;
    background-position: center center;
    border: 0;
    float: right;
    min-height: 32px;
    width: 32px;
}

.swatch-designer .fabric-select-btn .removetomuster-btn,
.swatch-designer .fabric-select-btn .addtomuster-btn {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 50%;
    z-index: 100;
    background-color: #42b8c5;
    background-image: none;
    color: #fff;
    display: none;

}

.swatch-designer .fabric-select-btn:hover .removetomuster-btn,
.swatch-designer .fabric-select-btn:hover .addtomuster-btn {
    display: block;
}

.removetomuster-btn {
    background-color: #474747;
}

.addtomuster-btn.active,
.addtomuster-btn:hover {
    background-color: #42b8c5;
}

.filter-reset-btn {
    background-color: #474747;
    color: #fff;
    cursor: pointer;
    padding: 12px 0;
    position: relative;
    text-align: center;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition: background-color 300ms, color 400ms;
    -moz-transition: background-color 300ms, color 400ms;
    -ms-transition: background-color 300ms, color 400ms;
    -o-transition: background-color 300ms, color 400ms;
    transition: background-color 300ms, color 400ms;
    width: 100%;
}

.swatch-designer button {
    outline: none !important;
}

.swatch-designer .modal-image {
    background-size: cover;
}

.swatch-designer .filter-reset-btn.fabric-switch {
    height: 60px;
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 36px;
}

.infobox .prev-btn:hover,
.infobox .next-btn:hover,
.filter-reset-btn:hover {
    background-color: #fff;
    color: #474747;
}

.nav-btn-box .prev-btn:before,
.nav-btn-box .next-btn:before,
.filter-reset-btn:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    border-color: #474747;
    border-style: solid;
    border-width: 0;
    -webkit-transition-property: border-width;
    transition-property: border-width;
    -webkit-transition-duration: 0.1s;
    transition-duration: 0.1s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.nav-btn-box .prev-btn:hover:before,
.nav-btn-box .next-btn:hover:before,
.filter-reset-btn:hover:before {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    border-width: 4px;
}

.filterbox-wrapper,
.fabric-select-btn-box {
    overflow: hidden;
}

.fabric-select-btns {
    box-sizing: content-box;
    display: inline-block;
    height: 490px;
    overflow-y: scroll;
    padding: 15px 17px 0px 3px;
    width: 100%;
}

.fabric-select-btn {
    cursor: pointer;
    /*display: table; */
    float: left;
    margin: 0 7.5% 14px 0;
    position: relative;
    width: 28%;
    /* height: 90px; */
}

.fabric-select-btn.active {
    position: relative;
}

.fabric-select-btn img {
    padding: 3px;
}

#fabric .fabric-select-btn img {
    padding: 0;
}

.fabric-select-btn .mask.active + img,
.fabric-select-btn.active img {
    padding: 0;
    border: 4px solid #0092a9;
}

.fabric-select-btn:nth-child(3n) {
    margin-right: 0;
}

.fabric-select-btn .mask {
    position: absolute;
    left: 0px;
    top: 0px;
    background-image: url(../images/layout/designer_fabric-thumb_mask_off.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    display: block;
    height: 100%;
    width: 100%;
    z-index: 2;
}

.fabric-select-btn .mask.active {
    background-image: url(../images/layout/designer_fabric-thumb_mask_on.png);
}

#yarncontrast.fabric-select-btns .fabric-select-btn.active span.mask,
#monogramm_yarn.fabric-select-btns .fabric-select-btn.active span.mask,
#lapels.fabric-select-btns .fabric-select-btn.active span.mask,
#yarnbuttonhole.fabric-select-btns .fabric-select-btn.active span.mask {
    background-image: url(../images/layout/designer_fabric-thumb_mask_on.png);
}

#yarncontrast.fabric-select-btns .fabric-select-btn.active span.mask,
#yarnbuttonhole.fabric-select-btns .fabric-select-btn img,
#lapels.fabric-select-btns .fabric-select-btn img,
#monogramm_yarn.fabric-select-btns .fabric-select-btn img {
    padding: 0;
}

.zoomSpan.top {
    position: absolute;
    left: 0px;
    bottom: 50%;
    border: 0px solid rgb(255, 0, 0);
    background-color: #000;
    height: 50%;
    width: 100%;
    z-index: 100;
    text-align: center;
    display: none;
}

.swatch-designer .zoomSpan.top {
    background-color: #474747;
    border: none;
}

.fabric-select-btn .zoomSpan img {
    margin: 9px auto;
    width: 22px;
    height: 22px;
}

.swatch-designer .fabric-select-btn .zoomSpan img {
    border: none;
}

.zoomSpan.bottom {
    position: absolute;
    left: 0px;
    bottom: 0px;
    border: 0px solid rgb(255, 0, 0);
    background-color: #0092a9;
    color: #fff;
    padding-top: 12px;
    height: 50%;
    width: 100%;
    z-index: 100;
    text-align: center;
    display: none;
}

#shirtpreview,
.category-anzug-konfigurator .designer-content-col {
    width: 100%;
}

@media only screen and (max-width: 600px) {
    .category-anzug-konfigurator .designer-content-col {
        padding-left: 20px;
        overflow: hidden;
    }
}

#shirtpreview .designer-img-shirt,
.category-anzug-konfigurator .designer-img-suit {
    margin: 0 auto;
}

.fabric-select-btn:hover .zoomSpan {
    display: block;
}

.fabric-select-img {
    position: relative;
    width: 100%;
}

.fabric-select-btn img {
    height: auto;
    width: 100%;
    max-width: 100%;
    z-index: 1;
    border: 1px solid #000;
}

.fabric-select-btn .new-flag {
    background-image: url(../images/sprite.png);
    background-repeat: no-repeat;
    background-size: inherit;
    background-position: -178px -33px;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 3;
}

.fabric-select-btn .name {
    font-style: italic;
    font-size: 0.786em;
    height: 22px;
    line-height: 11px;
    margin: 4px 0;
    text-align: center;
}

#buttons .fabric-select-btn .name {
    height: 30px;
}

/*
.component-buttons #filterbox .select-btn:hover,
.component-buttons #filterbox .select-btn.active {
    background-color: #0092a9 !important;
}

.component-buttons #filterbox .select-btn {
    background-color: #e7e7e7 !important;
}*/

#pants_pocketsback.fabric-select-btns {
    height: 543px;
}

#cuff.fabric-select-btns,
#collar.fabric-select-btns {
    height: 507px
}

#jacket_sleeve.fabric-select-btns {
    height: 275px;
}

#west.fabric-select-btns,
#bags.fabric-select-btns {
    height: auto;
}

.preview img {
    display: block;
    height: auto;
    width: 100%;
}

.bottom-arrow,
.top-arrow {
    text-align: center;
    cursor: pointer;
    -webkit-user-select: none;
    -webkit-touch-callout: none;
}

.top-arrow {
    border-color: #e3e3e3;
    border-width: 0;
    border-bottom-width: 1px;
    border-style: solid;
    margin-top: 40px;
    position: relative;
    clear: both;
}

.top-arrow:before,
.bottom-arrow:before {
    border-style: solid;
    border-width: 0 12px 14px 12px;
    border-color: transparent transparent #0092a9 transparent;
    content: "";
    display: block;
    height: 0;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    top: -24px;
    width: 0;
}

.top-arrow:before {
    border-color: transparent transparent #e6e6e6 transparent;
}

.top-arrow.on:before {
    border-color: transparent transparent #0092a9 transparent;
}

.top-arrow .top-arrow-text {
    font-weight: 500;
    margin-bottom: 5px;
    visibility: hidden;
}

.bottom-arrow .bottom-arrow-text {
    display: block;
    font-weight: 500;
    margin-top: 5px
}

.bottom-arrow {
    border-color: #e3e3e3;
    border-width: 0;
    border-top-width: 1px;
    border-style: solid;
    margin-bottom: 50px;
    position: relative;
}

.bottom-arrow:before {
    border-width: 12px 14px 0 12px;
    border-color: #0092a9 transparent transparent transparent;
    top: 33px;
}

.bottom-arrow.off:before {
    border-color: #e3e3e3 transparent transparent transparent;
}

.select-col .preview {
    height: 360px;
}

.component-yarncontrast.select-col .preview img,
.component-contrast_collar_bottom.select-col .preview img,
.component-contrast_collar_stand_outer.select-col .preview img,
.component-contrast_collar_stand_inner.select-col .preview img {
    border: 1px solid #f2f2f2;
}

.preview-col .shirt-preview {
    margin: 10px 10.5%;
    width: 79%;
}

.infobox .nav-btn-box {
    display: inline-block;
    margin-bottom: 25px;
    width: 100%;
}

.infobox .prev-btn,
.infobox .next-btn,
.infobox .checkout-btn {
    border: 0;
    color: #fff;
    float: left;
    font-size: 1.429em;
    padding: 14px 10px;
    position: relative;
    width: 48%;
    transform: translate3d(0px, 0px, 0px);
}

.infobox .next-btn {
    float: right;
}

.infobox .checkout-btn {
    width: 100%;
    background-color: #c0c0c0;
    margin-top: 10px;
    -webkit-transition: all 400ms;
    -moz-transition: all 400ms;
    -ms-transition: all 400ms;
    -o-transition: all 400ms;
    transition: all 400ms;
}

.infobox .checkout-btn:hover {
    background-color: #0092a9;
}

.infobox .design-name {
    border: 1px solid #eeeeee;
    padding-bottom: 30px;
}

.design-name .design-label {
    font-size: 1.28em;
    font-weight: 700;
    margin: 25px 0 4px 45px;
}

.design-name .input-text {
    border-width: 1px;
    margin-left: 45px;
    width: 70%;
}

.msg.success,
.msg.error {
    color: #fff;
    font-weight: 600;
    margin: 25px 0 4px 45px;
    padding: 5px;
    text-align: center;
    width: 70%;
}

.msg.error > a {
    color: #fff;
}

.msg.error > a:hover {
    text-decoration: none;
}

.msg.success {
    background-color: #11b400;
}

.msg.error {
    background-color: #df280a;
}

.design-name .save-design,
.design-name .cancel-design {
    border: 0;
    color: #fff;
    cursor: pointer;
    font-size: 1.07em;
    font-weight: 300;
    line-height: 35px;
    padding: 4px 10px;

}

.design-name .cancel-design {
    background-color: #474747;
    width: 70%;
}

.design-name .save-design {
    margin-left: 45px;
    width: 70%;
}

@media only screen and (min-width: 1160px) {
    .design-name .save-design {
        width: 31%;
    }

    .design-name .cancel-design {
        width: 37%;
    }
}

.infobox button:focus {
    outline: none;
}

.infobox .step {
    border: 1px solid #eeeeee;
    border-bottom-width: 0px;
    border-top-width: 0px;
    display: inline-block;
    width: 100%;
}

.infobox .step li {
    border-bottom: 1px solid #eee;
    color: #474747;
    cursor: pointer;
    display: block;
    font-size: 1.143em;
    padding: 5px 25px 5px 15px;
    text-decoration: none;

}

.infobox .step li:hover {
    text-decoration: underline;
}

.step span.edit-icon {
    background-image: url(../images/sprite.png);
    background-repeat: no-repeat;
    background-size: inherit;
    background-position: -86px -145px;
    display: inline-block;
    float: left;
    height: 25px;
    margin-bottom: -4px;
    width: 25px;
}

.step .step-name {
    display: table;
    font-weight: 500;
    padding-left: 5px;
}

.step .step-name.active {
    font-weight: 700;
}

.step .step-disabled .step-name {
    cursor: initial;
    color: #eee;
}

.infobox .step li.step-disabled:hover {
    text-decoration: none;
}

.infobox .step a .username {
    float: right;
}

.infobox .price {
    border: 1px solid #eeeeee;
    border-bottom: 0;
    padding: 30px 18px;
    text-align: center;
}

.category-stoffmuster-bestellen .info-box .price {
    padding: 0
}

.infobox .cprice span strong {
    font-size: 1.45em;
}

.infobox .cprice span {
    font-size: 1.571em;
}

.sticky-wrapper {
    float: left;
    display: block;
    width: 100%;
}

.designer-content-col {
    display: block;
    float: left;
    margin: 0 auto;
    padding: 0;
    text-align: center;
    transform: translate3d(0px, 0px, 0px);
    width: 43.4%;
}

.designer-content-col .product-img-box {
    margin: 0 13%;
    width: 76%;
}

.preview-col .top-step-name {
    margin: 60px 0 20px;
    width: 100%;
}

.preview-col .top-step-name,
.fabric-select-btn.filter-mobile,
.filter-mobile,
.filterboxes-close.select-btn,
.design-name.mobile,
.designer-imgtopbot-box .mobile {
    display: none;
}

.filterboxes-close {
    border: 3px solid #fff;
    border-radius: 50%;
    float: left;
}

.filter-mobile {
    float: left;
    margin-right: 9px;
}

.filter-mobile .name {
    color: #fff;
    font-size: 0.786em;
    font-style: normal;
    height: 11px;
    line-height: 11px;
    margin: 4px 0;
    text-align: center;
}

.mobile-fabric-preview {
    display: none;
}

.mobile-preview-addbtn {
    border-width: 0;
    border-top-width: 1px;
    border-right-width: 1px;
    border-style: dashed;
    display: none;
    height: 70px;
    position: absolute;
    right: 16%;
    top: 68px;
    width: 25%;
    z-index: 1000;
}

.mobile-preview-addbtn .preview {
    border-radius: 50%;
    box-shadow: 0px 2px 14px rgba(0, 0, 0, 0.7);
    position: absolute;
    right: -30px;
    top: -32px;
}

.mobile-preview-addbtn .addtomuster-btn,
.mobile-preview-addbtn .removetomuster-btn {
    box-shadow: 0px 2px 14px rgba(0, 0, 0, 0.7);
    position: absolute;
    right: -30px;
    top: 62px;
}

.designer-description.mobile {
    display: none;
}

.fixed {
    position: fixed;
    top: 0;
    z-index: 2000;
}
.category-mund-und-nasenmaske-bestellen .info-text ul , .category-mund-und-nasenmaske-bestellen .info-text li {
    margin: 0 10px 0;
    padding: initial;
    list-style: initial;
}
.category-mund-und-nasenmaske-bestellen .info-text p {
    display: block;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
}
.category-mund-und-nasenmaske-bestellen .top-step-name.fixed,
.category-mund-und-nasenmaske-bestellen .designer-content-col.fixed{
    position: relative;
    top: 0;
    z-index: 2000;
}
.top-step-name.fixed {
    background-color: #fff;
}

.nav-btn-box.fixed {
    margin-bottom: 0;
}

.fixed .checkout-btn {
    display: none;
}

.top-step-name.fixed {
    margin-top: 0;
    margin-bottom: 0;
}

.absolute {
    bottom: 0;
    margin: 0;
    position: absolute;
    top: auto;
}

@media only screen and (max-width: 1330px) {
    .fabric-select-btn .zoom-btn,
    .fabric-select-btn .addtomuster-btn,
    .fabric-select-btn .removetomuster-btn {
        width: 100%;
    }

    .fabric-select-btn.active:before {
        height: 6.4vw;
    }

    .bottom-arrow .bottom-arrow-text,
    .top-arrow .top-arrow-text {
        font-size: 13px;
    }
}

@media only screen and (max-width: 1160px) {
    .category-anzug-konfigurator .designer-img-suit {
        margin-left: 12%;
    }

    .design-name .cancel-design {
        margin-top: 5px;
        margin-left: 45px;
    }
}

@media screen and (max-width: 1024px) {
    .sticky-wrapper {
        padding: 0;
    }

    .top-step-name {
        font-size: 1.8em;
    }

    /* .select-btn-box .select-btn {
        font-size: 13.5px;
    } */
    #buttons .fabric-select-btn {
        margin: 0 1.4% 14px 0;
        width: 31.9%;
    }

    #buttons .fabric-select-btn.active:before {
        height: 7.3vw;
    }

    .touch-enabled .infobox .prev-btn:hover,
    .touch-enabled .infobox .next-btn:hover {
        background-color: #0092a9;
        color: #fff;
    }

    .infobox .prev-btn.hover_effect,
    .infobox .next-btn.hover_effect {
        background-color: #fff;
        color: #474746;
        -webkit-user-select: none;
        -webkit-touch-callout: none;
    }

    .touch-enabled .nav-btn-box .prev-btn:hover:before,
    .touch-enabled .nav-btn-box .next-btn:hover:before {
        border-width: 0;
    }

    .nav-btn-box .prev-btn.hover_effect:before,
    .nav-btn-box .next-btn.hover_effect:before {
        border-width: 4px;
    }
}

@media screen and (max-width: 982px) {
    .select-btn-box .select-btn#button_filter_4 {
        padding: 7.5px;
    }

    #jacket_sleeve.fabric-select-btns .fabric-select-btn {
        margin: 0 2.1% 14px 0;
        width: 31%;
    }
}

@media screen and (max-width: 930px) {
    .fabric-select-btn {
        margin: 0 2.9% 14px 0;
        width: 31%;
    }

}

@media screen and (max-width: 900px) {
    .category-anzug-konfigurator .main-container,
    .category-hemden-konfigurator .main-container {
        margin-left: 20px;
        margin-right: 20px;
    }

    .fabric-select-btn.active:before {
        height: 7.4vw;
    }

    #buttons .fabric-select-btn.active:before {
        height: 8.5vw;
    }

    .category-stoffmuster-bestellen .select-col {
        width: 40%;
    }

    .category-stoffmuster-bestellen .designer-content-col {
        width: 60%;
        margin-top: 400px;
    }

    .category-stoffmuster-bestellen .designer-content-col .product-img-box {
        margin: 0 10%;
        width: 90%;
    }

    .category-stoffmuster-bestellen .infobox {
        padding-left: 6%;
        width: 60%;
        position: absolute;
        top: 0;
        left: 40%;
    }
}

@media only screen and (max-width: 860px) {
    .fabric-select-btn {
        width: 47%;
    }

    .fabric-select-btn:nth-child(even) {
        margin-right: 0;
    }

    .fabric-select-btn:nth-child(odd) {
        margin-right: 3%;
    }

    .fabric-select-btn.active:before {
        height: 12.8vw;
    }

    #buttons .fabric-select-btn.active:before {
        height: 8.5vw;
    }

    #collar.fabric-select-btns {
        height: 940px;
    }

    #cuff.fabric-select-btns {
        height: 507px
    }

    #jacket_sleeve.fabric-select-btns {
        height: 466px;
    }

    #jacket_sleeve.fabric-select-btns .fabric-select-btn {
        margin: 0 2% 14px 0;
        width: 48%;
    }
}

@media screen and (min-width: 768px) {
    /* #patternFilter, #colorFilter {
        top: 63px;
    }

    #weaveFilter, #materialFilter, #seasonFilter {
        top: 126px;
    }

    #occasionFilter {
        top: 189px;
    } 

    #occasionFilter li {
        height: 84px;
    } */
    #priceFilter label {
        font-size: 0.9em;
        width: 97%;
    }

    #priceFilter label span {
        float: right;
    }

    #priceFilter .range.right input {
        float: right;
    }

}

@media only screen and (max-width: 768px) {
    .design-name .design-label,
    .design-name .save-design,
    .design-name .cancel-design {
        margin-left: 9%;
        width: 82%;
    }

    .top-step-name {
        font-size: 1.7em
    }

    .infobox .prev-btn,
    .infobox .next-btn,
    .infobox .checkout-btn {
        padding: 7.5px 10px;
    }

    .selection-overview-size li .remove {
        display: block;
    }

    #materialFilter.select-btn-box .select-btn,
    #materialButton {
        word-break: break-all;
    }
}

@media only screen and (max-width: 768px) and (max-height: 1024px) {
    .zoomSpan.bottom {
        opacity: 0;
    }

    .zoomSpan.top {
        display: none !important;
        opacity: 0;
        visibility: hidden;
    }

    .selection-overview-size li .collect-detail {
        opacity: 1;
    }
}

@media only screen and (max-width: 1024px) and (max-height: 768px) {
    .zoomSpan.bottom {
        opacity: 0;
    }

    .zoomSpan.top {
        display: none !important;
        opacity: 0;
        visibility: hidden;
    }

    .selection-overview-size li .collect-detail {
        opacity: 1;
    }
}

@media screen and (max-width: 767px) {
    .category-anzug-konfigurator .col-main > .designer-description,
    .category-hemden-konfigurator .col-main > .designer-description {
        display: none;
    }

    .preview-col {
        margin-left: 0;
        position: relative;
        width: 58%;
    }

    .preview-col .top-step-name.mobile,
    .fabric-select-btn.filter-mobile {
        display: block;
    }

    .preview-col .designer-description {
        display: none;
    }

    .designer-description.mobile {
        display: block;
    }

    .select-col {
        width: 58%;
    }

    .select-col .top-step-name {
        display: none;
    }

    .category-anzug-konfigurator .infobox,
    .category-hemden-konfigurator .infobox {
        position: absolute;
        right: 0;
        top: 60px;
        width: 40%;
    }

    .msg.error, .msg.success,
    .design-name .input-text {
        margin-left: 9%;
        width: 82%;
    }

    .fabric-select-btn:nth-child(2n) {
        margin-right: 2%;
    }

    .category-anzug-konfigurator .fabric-select-btn:nth-child(4n),
    .category-hemden-konfigurator .fabric-select-btn:nth-child(4n) {
        margin-right: 0;
    }

    .fabric-select-btn {
        width: 21%;
    }

    #buttons .fabric-select-btn {
        width: 21%;
    }

    .select-btn-box .select-btn#button_filter_4 {
        padding: 18px 0;
    }

    .fabric-select-btn.active:before {
        height: 11.7vw;
    }

    #buttons .fabric-select-btn.active:before {
        height: 11.5vw;
    }

    .category-stoffmuster-bestellen .fabric-select-btn {
        width: 29.3%;
    }

    #collar.fabric-select-btns {
        height: 492px;
    }

    #cuff.fabric-select-btns {
        height: 325px;
    }

    #jacket_sleeve.fabric-select-btns {
        height: 266px;
    }

    #jacket_sleeve.fabric-select-btns .fabric-select-btn {
        margin: 0 2% 14px 0;
        width: 23%;
    }

    .zoomSpan.bottom {
        opacity: 0;
    }

    .zoomSpan.top {
        display: none !important;
        opacity: 0;
        visibility: hidden;
    }

    .selection-overview-size li .collect-detail {
        opacity: 1;
    }
}

/*@media screen and (max-width: 600px) {
    .suit-designer,
    .shirt-designer {
        height: 1400px;
    }
}*/

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

    .designer-detailbox-description #detail-description {
        text-align: center;
    }

    .category-anzug-konfigurator .main-container,
    .category-hemden-konfigurator .main-container {
        margin: 0;
        padding: 0px;
    }

    .category-stoffmuster-bestellen .fabric-select-btn {
        width: 60px;
    }

    #shirtpreview, #suitpreview {
        width: 100%;
    }

    #shirtpreview .designer-img-shirt,
    .category-anzug-konfigurator .designer-img-suit {
        margin: 0 auto;
    }

    .sticky-wrapper {
        padding: 0;
    }

    .preview-col, .infobox, .select-col {
        position: relative;
        width: 100%;
    }

    .category-anzug-konfigurator .infobox, .category-hemden-konfigurator .infobox {
        margin-top: 1px;
        position: relative;
        top: 0;
        width: 100%;
    }

    .category-stoffmuster-bestellen .main-container {
        margin: 0;
    }

    .select-btn-box .select-btn {
        margin: 0 10px 2px 0;
    }

    .select-btn-box .select-btn:nth-of-type(3n) {
        margin: 0 10px 2px 0;
    }

    .fabric-select-btn-box {
        background-color: #0092a9;
        -webkit-box-shadow: inset 0 20px 20px -20px rgba(0, 0, 0, 0.8);
        -moz-box-shadow: inset 0 20px 20px -20px rgba(0, 0, 0, 0.8);
        box-shadow: inset 0 20px 20px -20px rgba(0, 0, 0, 0.8);
        height: 115px;
        overflow-x: scroll;
        width: 100%;
    }

    .designer-select-dropdown p {
        display: none;
    }

    .fabric-select-btn-box .designer-select-dropdown select {
        border: 1px solid #fff;
    }

    .component-hankerchief .fabric-select-btn-box, .component-hankerchief .fabric-select-btns {
        height: 190px;
    }

    .shirt-designer .component-buttons .fabric-select-btn-box, .component-buttons .fabric-select-btns {
        height: 140px;
    }

    .component-monogramm .fabric-select-btn-box, .component-monogramm .fabric-select-btns {
        height: 410px;
    }

    .suit-designer .component-monogramm .fabric-select-btn-box, .component-monogramm .fabric-select-btns {
        height: 330px;
    }

    /*SUIT DESIGNER*/
    .suit-designer .component-west .fabric-select-btn-box {
        height: 190px;
    }

    .suit-designer .component-patches .mobile-fabric-preview {
        width: 40px;
        top: -510px;
    }

    .suit-designer .component-jacket_innerfabric .mobile-fabric-preview {
        width: 50px;
        top: -510px;
    }

    .suit-designer .component-jacket_cut .fabric-select-btn-box,
    .suit-designer .component-jacket_cut .fabric-select-btns {
        height: 140px;
    }

    #monogramm_yarn {
        width: 1180px;
    }

    .component-monogramm .designer-select-picturebox > h3 {
        padding-left: 22px;
    }

    .fabric-select-btns {
        height: 100px;
        white-space: nowrap;
        overflow: hidden;
        width: auto;
        /* width: 1000px; */
    }

    /* Buttons Fix */
    .shirt-designer .component-buttons .fabric-select-btn-box, .component-buttons .fabric-select-btns {
        min-height: 138px;
        height: auto;
    }

    .shirt-designer .component-buttons .fabric-select-btns .fabric-select-btn {
        height: auto !important;
        width: 100px !important;
    }

    /* Special, Menu with blue BG */
    .fabric-select-btn-box > .designer-select-dropdown > .designer-select-dropdown-col h3,
    .component-monogramm .fabric-select-btn-box > .designer-select-picturebox {
        color: #fff;
    }

    .fabric-select-btn {
        height: 60px !important;
        width: 60px !important;
        margin-right: 9px !important;
        display: inline-block;
        float: none;
        vertical-align: top;
        white-space: normal;
    }

    .fabric-select-btn.active:before {
        height: 60px;
        border: 4px solid #474747;
    }

    .fabric-select-btn img {
        border: 0;
        padding: 0px;
    }

    .fabric-select-btn.active img {
        border: none;
        box-shadow: 0 0 0 3px #474747;
    }

    #yarnbuttonhole.fabric-select-btns .fabric-select-btn.active img,
    #yarncontrast.fabric-select-btns .fabric-select-btn.active img,
    #monogramm_yarn.fabric-select-btns .fabric-select-btn.active img,
    .fabric-select-btn .mask.active + img {
        border-radius: 50%;
        border: 2px solid #0092a9;
    }

    .suit-designer #monogramm_yarn.fabric-select-btns .fabric-select-btn.active img,
    .suit-designer #lapels.fabric-select-btns .fabric-select-btn.active img {
        border-radius: 50% !important;
        border: 2px solid #0092a9 !important;
    }

    .suit-designer #monogramm_yarn.fabric-select-btns .fabric-select-btn .mask,
    .suit-designer #lapels.fabric-select-btns .fabric-select-btn .mask {
        background-image: none !important;
    }

    .fabric-select-btn .mask,
    .fabric-select-btn .mask.active,
    #yarnbuttonhole.fabric-select-btns .fabric-select-btn.active span.mask,
    #monogramm_yarn.fabric-select-btns .fabric-select-btn.active span.mask,
    #yarncontrast.fabric-select-btns .fabric-select-btn.active span.mask {
        background-image: none;
    }

    .fabric-select-btn .name {
        font-style: normal;
        color: #fff;
    }

    .mobile-fabric-preview {
        display: block;
        height: 180px;
        position: absolute;
        right: 50px;
        top: -375px;
        width: 33%;
        z-index: 1000;
    }

    .suit-designer .mobile-fabric-preview {
        top: -575px;
    }

    .suit-designer .mobile-fabric-preview.only-pants {
        top: -475px;
    }

    .mobile-fabric-preview.show-border {
        border-top: 1px dashed #0092a9;
        border-right: 1px dashed #0092a9;
    }

    .mobile-preview img {
        border: 3px solid #fff;
        border-radius: 50%;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.7);
        margin: 0;
        position: absolute;
        right: -27px;
        top: -27px;
        height: 60px;

        width: 60px;
    }

    .mobile-fabric-preview .addtomuster-btn,
    .mobile-fabric-preview .removetomuster-btn {
        background-color: #0092a9;
        background-image: url(../images/sprite.png);
        background-position: -76px -173px;
        border-radius: 50%;
        border: 3px solid #fff;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.7);
        bottom: 43px;
        height: 56px;
        position: absolute;
        right: -27px;
        width: 56px;
    }

    .mobile-fabric-preview .removetomuster-btn {
        background-color: #474747;
    }

    .mobile-fabric-preview .zoom-btn {
        background-color: #0092a9;
        border: 3px solid #fff;
        border-radius: 50%;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.7);
        bottom: -27px;
        height: 56px;
        position: absolute;
        right: -29px;
        width: 56px;
    }

    .category-mund-und-nasenmaske-bestellen .designer-content-col {
        width: 100%;
    }
    #filterbox > div {
        display: inline;
    }

    #filterbox {
        white-space: nowrap;
        height: 111px;
        padding: 15px;
        height: 100%;
        z-index: 1;
        overflow-x: scroll;
    }

    #filterbox .select-btn {
        border: 3px solid #fff;
        border-radius: 50%;
        height: 80px !important;
        width: 80px;
        float: none;
        display: inline;
        white-space: normal;
        vertical-align: top;
    }

    #filterbox .select-btn.active {
        overflow: hidden;
        text-overflow: ellipsis;
    }

    #buttons .fabric-select-btn {
        width: 60px;
    }

    .component-buttons #filterbox .select-btn#button_filter_4 {
        font-size: 0.8em;
    }

    /* width of each filterbutton-container */
    #colorFilter {
        width: 815px;
    }

    #patternFilter {
        width: 635px;
    }

    #weaveFilter {
        width: 725px;
    }

    #seasonFilter {
        width: 273px;
    }

    #seasonFilter > button {
        font-size: 0.9em;
    }

    #occasionFilter {
        width: 550px;
    }

    #materialFilter {
        width: 275px;
    }

    /*    #priceFilter.select-btn-box {
            width: 200px;
        } */
    button#herringbone,
    button.select-btn.herringbone {
        font-size: 12px;
    }

    #nameFilter {
        position: absolute;
        top: 0;
        left: 2%;
        overflow: hidden;
        width: 96%;
        height: auto;
        padding: 8%;
        background: #fff;
        z-index: 99999999;
        box-shadow: 0 0 0 3px #0092a9;
    }

    #nameFilter label {
        font-size: 1.3em;
        display: block;
        margin-bottom: 15px;
    }

    #nameFilter > span.close {
        display: block;
        cursor: pointer;
        position: absolute;
        top: 0;
        right: 8px;
        font-size: 35px;
        line-height: 0.7em;
    }

    button#cotton_blend,
    button.select-btn.cotton_blend {
        font-size: 0.7em;
    }

    button[id='100%_cotton'] {
        font-size: 0.7em !important;
    }

    button.select-btn.full_cotton {
        font-size: 0.7em !important;
    }

    button#business_festive_casual,
    button.select-btn.business_festive_casual {
        font-size: 0.7em;
        padding-right: 6px;
        padding-left: 6px;
    }

    .filterbox-wrapper {
        width: 100%;
        background-color: #0092a9;
    }

    #filter-close-mobile,
    .filterboxes-close.select-btn,
    .mobile-preview-addbtn {
        display: block;
    }

    .select-col .preview {
        height: inherit;
    }

    .step span.edit-icon, .select-col .top-arrow, .select-col .bottom-arrow,
    .fabric-select-btn .zoom-btn,
    .fabric-select-btn .addtomuster-btn,
    .fabric-select-btn .removetomuster-btn,
    .filter-reset-btn {
        display: none;
    }

    .filter-reset-btn.fabric-switch {
        display: block;
        float: left;
        width: 47%;
        margin-right: 2%;
    }

    .filter-reset-btn.fabric-switch:nth-of-type(1) {
        margin-left: 2%;
    }

    .swatch-designer .designer-detailbox-description {
        display: none;
    }

    .component-contrastjumper button {
        margin-bottom: 30px;
    }

    .infobox .nav-btn-box {
        display: block;
        margin-bottom: 0px;
    }

    .infobox .price {
        display: inline-block;
        padding: 0;
        width: 100%;
    }

    .step {
        overflow-x: scroll;
        white-space: nowrap;
    }

    .infobox #steps {
        width: 5120px;
    }

    .infobox #steps li {
        border-top: 8px solid #ddd;
        border-left: 1px solid #ddd;
        border-right: 1px solid #ddd;
        border-bottom: 0;
        padding: 10px 15px;
        float: left;
    }

    .filterbox {
        background-color: #0092a9;
        padding-left: 5px;
        overflow-x: scroll;
    }

    .filterbox .select-btn {
        border: 3px solid #fff;
        border-radius: 50%;
        font-size: 12px;
        height: 56px;
        margin: 9px 13px 9px 0 !important;
        padding: 0px;
        width: 56px;
    }

    .select-btn-box .select-btn:before {
        display: none;
    }

    .filter-toggle {
        float: left;
    }

    .filter-toggle-icon {
        border: 3px solid #fff;
        border-radius: 50%;
        height: 56px;
        width: 56px;
    }

    .filter-mobile {
        display: block;
    }

    .fabric-select-img,
    .mobile-preview-addbtn .preview img,
    .mobile-preview-addbtn .addtomuster-btn,
    .mobile-preview-addbtn .removetomuster-btn {
        border: 3px solid #fff;
        border-radius: 50%;
        height: 56px;
        margin: 0 auto;
        overflow: hidden;
        width: 56px;
    }

    .mobile-preview-addbtn .addtomuster-btn,
    .mobile-preview-addbtn .removetomuster-btn {
        background-position: -76px -174px;
    }

    .select-btn-box button {
        width: auto;
    }

    .design-name .save-design,
    .design-name .cancel-design {
        background-color: #474747;
        float: left;
        margin: 15px 0 0;
        padding: 10px;
        width: 50%;
    }

    .designer-price-box .tax-details {
        margin-bottom: 20px;
    }

    .design-name .save-design {
        border-right: 1px solid #616161;
    }

    .infobox .prev-btn, .infobox .next-btn {
        padding: 8px 10px;
        margin-top: 1px;
        width: 50%;
    }

    .component-checkout + .infobox .nav-btn-box .prev-btn {
        margin: 0 0 20px 20px
    }

    .infobox .prev-btn {
        border-right: 1px solid #e6e6e6;
    }

    .infobox .checkout-btn {
        margin-top: 0;
        margin-bottom: 10px;
    }

    .msg.error, .msg.success {
        margin: 1px 0 0 0;
        width: 100%;
    }

    .designer-description,
    .designer-attributesbox,
    .designer-detailbox-description {
        padding: 20px;
    }

    .category-stoffmuster-bestellen .fabric-select-btns {
        width: 2090px;
    }

    .category-stoffmuster-bestellen .select-col {
        margin-bottom: 20px;
        width: 100%;
        margin-top: 360px;
        float: left;
        height: 1200px;
    }

    .preview-col .top-step-name {
        margin-left: 10%;
        margin-right: 10%;
        width: 80%;
    }

    .category-stoffmuster-bestellen .designer-content-col {
        width: 100%;
        position: absolute;
        margin-top: 670px;
    }

    .category-stoffmuster-bestellen .designer-content-col .product-img-box {
        width: 100%;
    }

    .category-stoffmuster-bestellen .designer-content-col .product-img-box {
        margin: 0 40px;
        width: calc(100% - 80px);
    }

    .category-stoffmuster-bestellen .infobox .filter-reset-btn {
        display: block;
    }

    .category-stoffmuster-bestellen .infobox {
        padding: 0;
        left: 40px;
        right: 40px;
        top: 40px;
        width: inherit;
    }

    .swatch-designer .fabric-select-btn .removetomuster-btn,
    .swatch-designer .fabric-select-btn .addtomuster-btn {
        height: 100%;
        background-color: transparent;
        color: transparent;
    }

    .designer-select-dropdown {
        padding: 0 5%;
    }

}

/*-------------------------
 * Fabric sample page
 *-----------------------*/
.category-stoffmuster-bestellen .infobox .price,
.category-stoffmuster-bestellen .infobox .filter-reset-btn {
    border: 0;
}

/*-------------------------
 * FABRIC SAMPLE POPUP
 *-----------------------*/
.fabric-sample-popup {
    bottom: 0;
    color: #fff;
    font-size: 1.214em;
    left: 0;
    letter-spacing: 0.034em;
    padding: 40px 8.848%;
    position: fixed;
    width: 100%;
    z-index: 10000;
}

.fabric-sample-popup .icon {
    background-image: url(http://relaunch.tailorjack.de/shop/skin/frontend/tailorjack/default/images/sprite.png);
    background-repeat: no-repeat;
    background-size: inherit;
    background-position: -89px -231px;
    border: 0;
    float: left;
    height: 51px;
    margin-right: 40px;
    width: 55px;
}

.fabric-sample-popup .text {
    display: table;
    padding-top: 12px;
}

.mobile-fabric-zoom-preview {
    display: none;
}

@media screen and (max-width: 800px) {
    .fabric-sample-popup .text {
        padding-top: 2px;
    }

}

@media screen and (max-width: 700px) {
    .fabric-sample-popup {
        font-size: 16px;
        padding: 20px 6%;
    }

    .fabric-sample-popup .icon {
        margin-right: 20px;
    }
}

@media screen and (max-width: 570px) {
    .mobile-fabric-zoom-preview {
        display: block;
    }
}

@media screen and (max-width: 480px) {
    .fabric-sample-popup {
        font-size: 14.5px;
        padding: 14px 5%;
    }

    .fabric-sample-popup .icon {
        background-position: -89px -180px;
        display: block;
        margin-top: 6px;
        height: 30px;
        width: 26px;
    }
}

/* ------ MODAL STYLES ------- */

.modal-mask {
    position: fixed;
    z-index: 9998;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .8);
    display: block;
    overflow-y: scroll;
    bottom: 0;
    transition: opacity .3s ease;
}

.modal-wrapper {
    text-align: center;
    height: 100%;
}

.modal-wrapper:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

.modal-wrapper > .modal-fabric-container,
.modal-wrapper > .modal-container {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
    width: 94%;
}

.modal-container {
    background-color: #fff;
    box-shadow: 0 2px 8px rgba(0, 0, 0, .33);
    height: 90vh;
    margin: 0px auto;
    overflow-y: auto;
    transition: all .3s ease;
    width: 90%;
}

.modal-container .ajax_summary_innerframe {
    margin: 0px;
}

div#ajax_summary_content h1 {
    display: block;
    float: left;
    font-weight: 600;
    font-size: 2.8em;
    margin: 1% 1% 40px 1%;
    text-align: center;
    width: 98%;
}

.modal-fabric-container {
    background-color: #fff;
    border-radius: 2px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, .33);
    display: table;
    margin: 0px auto;
    max-width: 1025px;
    min-height: 500px;
    position: relative;
    transition: all .3s ease;
    width: 90%;
}

.modal-close-button {
    border: 0;
    color: #fff;
    position: absolute;
    right: 25px;
    top: -25px;
    height: 50px;
    background: #0092a9;
    padding: 0 50px 0 20px;
    font-size: 18px;
}

.modal-close-button:after {
    content: 'x';
    position: absolute;
    top: 0;
    right: 0;
    font-size: 40px;
    margin: -14px 12px auto auto;
}

.modal-image {
    background-position: center center;
    -webkit-background-size: contain;
    background-size: contain;
    background-repeat: no-repeat;
    float: left;
    height: 500px;
    width: 50%;
    max-width: 500px;
}

.component-fabric .modal-image,
.component-contrast_bs_upper_outside .modal-image,
.component-contrast_bs_upper_inside .modal-image,
.component-contrast_bs_bottom_outside .modal-image,
.component-component-contrast_collar_outside .modal-image,
.component-contrast_collar_bottom .modal-image,
.component-contrast_collar_stand_outer .modal-image,
.component-contrast_collar_stand_inner .modal-image,
.component-contrast_cuff_outside .modal-image,
.component-contrast_cuff_inside .modal-image,
.component-contrast_sleeve_buttons_outside .modal-image,
.component-patches .modal-image,
.component-jacket_innerfabric .modal-image,
.component-contrast_sleeve_buttons_inside .modal-image {
    -webkit-background-size: cover;
    background-size: cover;
}

.modal-text {
    float: left;
    padding: 6% 4% 4%;
    width: 50%;
}

.modal-title {
    font-size: 2em;
    font-weight: bold;
}

.modal-subtitle {
    font-weight: 700;
}

.modal-text p {
    font-size: 1.143em;
}

.modal-text button {
    background-image: url(../images/sprite.png);
    background-repeat: no-repeat;
    background-size: inherit;
    background-position: -76px -173px;
    border: 0;
    float: right;
    height: 50px;
    width: 50px;
}

.modal-text button.removetomuster-btn {
    background-color: #474747;
}

.modal-text .price {
    font-size: 2em;
    font-weight: 500;
    margin-top: 5px;
}

.modal-text .info-itembox {
    border: 0;
    margin-top: 32px;
}

.modal-text .info-itembox .info-item {
    float: left;
    margin-right: 20%;
    text-align: center;
    width: 20%;
}

.modal-text .info-itembox .info-item .info-icon {
    min-height: 81px;
    margin: 0 auto;
    max-width: 58px;
    overflow: hidden;
    position: relative;
    width: 100%;
}

.modal-text .info-itembox .info-item:first-of-type .info-icon {
    width: 50px;
}

.modal-text .info-itembox .info-item .info-icon .darkbg {
    background-color: #333;
    height: 81px;
    position: absolute;
    width: 50px;
    z-index: 1;
}

.modal-text .info-itembox .info-item .info-icon .mask {
    background-color: #0092a9;
    bottom: -100%;
    height: 81px;
    position: absolute;
    width: 50px;
    z-index: 2;
}

.modal-text .info-itembox .info-item .info-icon img {
    margin: 0 auto;
    position: absolute;
    z-index: 3;
}

.modal-text .info-itembox .info-item .info-icon.webart {

}

.modal-text .info-itembox .info-item:nth-child(3) {
    margin-right: 0;
}

.modal-text .info-itembox .info-item .info-title {
    font-size: 1.214em;
    font-weight: 700;
}

.modal-text .info-itembox .info-item span {
    font-size: 0.929em;
    font-weight: 700;
}

.modal-header h3 {
    margin-top: 0;
    color: #42b983;
}

.modal-body {
    margin: 20px 0;
}

.modal-default-button {
    float: right;
}

/*
 * the following styles are auto-applied to elements with
 * v-transition="modal" when their visiblity is toggled
 * by Vue.js.
 *
 * You can easily play with the modal transition by editing
 * these styles.
 */

.modal-enter, .modal-leave {
    opacity: 0;
}

.modal-enter .modal-container,
.modal-leave .modal-container {
    -webkit-transform: scale(0.3);
    transform: scale(0.3);
}

@media only screen and  (max-width: 600px) {
    .modal-image, .modal-text {
        width: 100%;
    }

    .modal-image {
        background-size: cover;
        padding-top: 100%;
        height: auto;
        max-width: inherit;
    }

    .modal-wrapper > .modal-fabric-container {
        margin: 40px auto;
    }
}

/* Summary Table */
#summary-table {
    max-width: 480px;
    margin: 0 auto;
}

#summary-table .attrtitle {
    padding-right: 15px;
}

.ajax_summary_innerframe {
    color: #474747;
    font-size: 1.14em;
    padding: 20px;
}

.ajax_summary_innerframe .sum-col {
    float: left;
    width: 50%;
}

.ajax_summary_innerframe .header {
    color: #0092a9;
    font-size: 1.4em;
    font-weight: 500;
    margin-bottom: 30px;
}

.ajax_summary_innerframe .row {
    border-bottom: 1px solid #e6e6e6;
    display: inline-block;
    width: 100%;
}

.ajax_summary_innerframe .row:first-of-type {
    border: 0;
}

.ajax_summary_innerframe .attrtitle {
    font-weight: 500;
}

.ajax_summary_innerframe .title {
    font-size: 1.3em;
    font-weight: 600;
    margin-top: 50px;
    margin-bottom: 40px;
    text-align: center;
}

.ajax_summary_innerframe .smallwidth {
    margin-bottom: 20px;
    width: 11.11%;
}

.ajax_summary_innerframe .summarybutton {
    clear: both;
    padding: 40px 0;

}

@media screen and (max-width: 980px) {
    .ajax_summary_innerframe .smallwidth {
        width: 16.666%;
        min-height: 70px;
    }
}

@media screen and (max-width: 769px) {
    .modal-fabric-container {
        display: block;
    }

    .modal-close-button {
        /*float: right;
        position: relative;
        top: 25px; */
    }
}

@media screen and (max-width: 630px) {
    .ajax_summary_innerframe .smallwidth {
        width: 25%;
    }
}

@media screen and (max-width: 470px) {
    .ajax_summary_innerframe .smallwidth {
        width: 33.33%;
    }

    div#ajax_summary_content h1 {
        font-size: 2.0em;
    }

}

/* DRAW USER TO DESKTOP POPUO */
.to-desktop-popup {
    left: 0;
    right: 0;
    margin: 0px auto 0;
    max-width: 470px;
    text-align: center;
    width: 95%;
}

.popup-overlay {
    height: 100%;
    left: 0;
    opacity: 0.7;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 9999;
}

.to-desktop-popup .text-box {
    background-color: #fff;
    box-shadow: 0 0 13px 0 rgba(0, 0, 0, 0.7);
    /*height: 508px;*/
    padding: 6%;
    position: relative;
    text-align: center;
    z-index: 10001;
}

.to-desktop-popup img {
    bottom: 65%;
    left: 0px;
    position: absolute;
}

.to-desktop-popup .title {
    font-size: 25px;
    font-weight: 600;
    line-height: 31px;
    margin-top: 140px;
}

.to-desktop-popup .text {
    color: #474747;
    font-size: 16px;
    margin: 15px 0;
}

.to-desktop-popup .todesktop-email {
    background-color: #e7e7e7;
    border: 0;
    font-size: 18px;
    height: 55px;
    padding: 0 10px;
    text-align: center;
    width: 100%;
}

.to-desktop-popup .todesktop-email:focus {
    outline: 0;
    border: 1px solid #474747;
}

.to-desktop-popup .save-design-popup {
    background-color: #0092a9;
    border: 0;
    color: #fff;
    font-size: 18px;
    height: 55px;
    line-height: 21px;
    margin-top: 10px;
    width: 100%;
}

.to-desktop-popup .close-todesktop-popup {
    background-color: #fff;
    border: 0;
    font-size: 19.21px;
    font-weight: 600;
    line-height: 63px;
    margin: 40px 0 0 0;
    position: relative;
    text-align: center;
    width: 160px;
    z-index: 10001;
}

@media only screen and (max-width: 360px) {
    .to-desktop-popup img {
        bottom: 68%;
    }
}

@media only screen and (max-width: 1024px) and (min-width: 768px) {
    .designer-content-col-mid {
        width: 90%;
        margin: 0 auto;
    }
}

.preselection-container {
    position: fixed;
    left: 0;
    right: 0;
    background: rgba(255, 255, 255, 0.8);
    z-index: 10000;
    top: 150px;
    bottom: 0;
    overflow-y: auto;
}

.preselection-container .preselection {
    max-width: 1280px;
    margin: 0 auto;
    text-align: center;
}

.preselection-container .preselection .pre-title {
    display: block;
    margin: 20px 0 40px;
    font-size: 23px;
    color: #0092a9;
}

.preselection-container .preselection .box-container {
    margin: 0 auto;
    clear: both;
    overflow: hidden;
    max-width: 1007px;
}

.preselection-container .preselection .pre-box {
    width: 248px;
    margin-right: 5px;
    float: left;
    overflow: hidden;
}

.preselection-container .preselection .pre-box:nth-of-type(4) {
    margin-right: 0;
}

.preselection-container .preselection .button-container {
    width: 100%;
    overflow: hidden;
    margin-top: 40px;
}

.preselection-container .preselection .pre-box .image-holder {
    width: 248px;
    height: 238px;
    background: transparent url('../images/suit_menu.png') no-repeat;
    background-position-y: 0;
}

.preselection-container .preselection .pre-box .pre-button {
    margin-top: 10px;
    width: 100%;
    background: #0092a9;
    border: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    height: 50px;
    line-height: 50px;
}

.preselection-container .preselection .pre-box.selected .pre-button {
    background: #474747;
}

.preselection-container .preselection .pre-box .pre-button > span {
    font-size: 18px;
    color: #fff;
}

.preselection-container .preselection .start-button {
    margin-top: 40px;
    width: 248px;
    background: #0092a9;
    border: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    height: 50px;
    line-height: 50px;
}

.preselection-container .preselection .start-button > span {
    font-size: 18px;
    color: #fff;
}

.preselection-container .preselection .pre-box .image-holder .image-title {
    display: block;
    font-size: 25px;
    color: #fff;
    padding-top: 10px;
}

.preselection-container .preselection .pre-box#pre-suit .image-holder {
    background-position-x: 0;
}

.preselection-container .preselection .pre-box#pre-jacket .image-holder {
    background-position-x: -248px;
}

.preselection-container .preselection .pre-box#pre-west .image-holder {
    background-position-x: -496px;
}

.preselection-container .preselection .pre-box#pre-trousers .image-holder {
    background-position-x: -744px;
}

.preselection-container .preselection .pre-box.selected .image-holder {
    background-position-y: -238px;
}

@media only screen and (max-width: 1191px) {
    .preselection-container {
        top: 270px;
    }
}

@media only screen and (max-width: 1025px) {
    .preselection-container {
        top: 170px;
    }

    .preselection-container .preselection .box-container {
        width: 735px;
    }

    .preselection-container .preselection .pre-box {
        width: 180px;
    }

    .preselection-container .preselection .pre-box .image-holder {
        width: 180px;
        height: 173px;
        background-size: 720px 346px;
    }

    .preselection-container .preselection .pre-box#pre-suit .image-holder {
        background-position-x: 0;
    }

    .preselection-container .preselection .pre-box#pre-jacket .image-holder {
        background-position-x: -180px;
    }

    .preselection-container .preselection .pre-box#pre-west .image-holder {
        background-position-x: -360px;
    }

    .preselection-container .preselection .pre-box#pre-trousers .image-holder {
        background-position-x: -540px;
    }

    .preselection-container .preselection .pre-box.selected .image-holder {
        background-position-y: -173px;
    }
}

@media only screen and (max-width: 770px) {
    .preselection-container .preselection .box-container {
        width: 365px;
    }

    .preselection-container .preselection .pre-box .pre-button {
        margin-top: 2px;
    }

    .preselection-container .preselection .pre-box:nth-of-type(2) {
        margin-right: 0;
    }

    .preselection-container .preselection .pre-box:nth-of-type(1),
    .preselection-container .preselection .pre-box:nth-of-type(2) {
        margin-bottom: 20px;
    }
}

@media only screen and (max-width: 480px) {
    .preselection-container {
        top: 0;
    }

    .preselection-container .preselection .start-button {
        margin-top: 20px;
    }
}

@media only screen and (max-width: 370px) {
    .preselection-container .preselection .box-container {
        width: 180px;
    }

    .preselection-container .preselection .pre-box:nth-of-type(1),
    .preselection-container .preselection .pre-box:nth-of-type(2),
    .preselection-container .preselection .pre-box:nth-of-type(3),
    .preselection-container .preselection .pre-box:nth-of-type(4) {
        margin-right: 0;
        margin-bottom: 20px;
    }
}

.mobile-arrow {
    height: 50px;
    width: 32px;
    padding-top: 8px;
    position: absolute;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.arrow-left {
    left: 0;
    background: #ddd url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTEuNDMzIDE1Ljk5MkwyMi42OSA1LjcxMmMuMzkzLS4zOS4zOTMtMS4wMyAwLTEuNDItLjM5My0uMzktMS4wMy0uMzktMS40MjMgMGwtMTEuOTggMTAuOTRjLS4yMS4yMS0uMy40OS0uMjg1Ljc2LS4wMTUuMjguMDc1LjU2LjI4NC43N2wxMS45OCAxMC45NGMuMzkzLjM5IDEuMDMuMzkgMS40MjQgMCAuMzkzLS40LjM5My0xLjAzIDAtMS40MmwtMTEuMjU3LTEwLjI5IiBmaWxsPSIjZmZmZmZmIiBvcGFjaXR5PSIwLjgiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==') no-repeat center;
}

.arrow-right {
    right: 0;
    background: #ddd url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTAuNzIyIDQuMjkzYy0uMzk0LS4zOS0xLjAzMi0uMzktMS40MjcgMC0uMzkzLjM5LS4zOTMgMS4wMyAwIDEuNDJsMTEuMjgzIDEwLjI4LTExLjI4MyAxMC4yOWMtLjM5My4zOS0uMzkzIDEuMDIgMCAxLjQyLjM5NS4zOSAxLjAzMy4zOSAxLjQyNyAwbDEyLjAwNy0xMC45NGMuMjEtLjIxLjMtLjQ5LjI4NC0uNzcuMDE0LS4yNy0uMDc2LS41NS0uMjg2LS43NkwxMC43MiA0LjI5M3oiIGZpbGw9IiNmZmZmZmYiIG9wYWNpdHk9IjAuOCIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+') no-repeat center;

}

.designer-attributesbox button {
    width: 200px;
}

.designer-attributesbox .designer-select {
    margin-top: 40px;
}

.designer-attributesbox button.summary {
    background: #fff;
    cursor: pointer;
    color: #0092a9;
}

.collar-container {
    position: relative;
    overflow: hidden;
    height: 80px;
    width: 100%;
}

.collar-container.kentsmall,
.collar-container.buttondownsmall,
.collar-container.sharksmall {
    top: 7px;
}

.swatch-designer .info-text {
    margin-top: 40px;
    background: transparent url("../images/info_icon.png") no-repeat left top;
    padding-left: 50px;
}

.swatch-designer button#topseller,
.swatch-designer button#occasionButton {
    display: none;
}

.swatch-designer #nameFilter label {
    width: 100%;
}



@media only screen and (max-width: 900px) {
    .swatch-designer .info-text {
        margin-top: 20px;
    }
}

@media only screen and (max-width: 580px) and (min-width: 571px) {
    .category-stoffmuster-bestellen .designer-content-col {
        margin-top: 425px;
    }
}

@media only screen and (min-width: 571px) {
    .mobile-arrow {
        display: none;
    }
}

@media only screen and (max-width: 570px) {
    .infobox .step {
        width: calc(100% - 62px);
        margin: 0 31px;
    }
}

@media only screen and (max-width: 340px) {
    .category-stoffmuster-bestellen .select-col {
        margin-top: 420px;
    }

    .category-stoffmuster-bestellen .designer-content-col {
        margin-top: 730px;
    }
}