@charset 'UTF-8';
.modal-backdrop {
    display: none !important
}
.d-flex {
    display: -ms-flexbox !important;
    display: flex !important;
}
figure.image {
    margin: 0
}

@media (max-width:767px) {
    .row [class*='col-'] {
        margin-top: 30px
    }
    .row [class*='col-']:first-child {
        margin-top: 0
    }
}

figure .video-embed.embed-responsive iframe.video-embed-item {
    position: relative
}

.ce-intext.ce-right .ce-gallery,
.ce-intext.ce-left .ce-gallery,
.ce-above .ce-gallery {
    margin: 0
}

.modal-content {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(252, 252, 252, 0.85)), to(#F2F4F5));
    background: -webkit-linear-gradient(top, rgba(252, 252, 252, 0.85), #F2F4F5 100%);
    background: -o-linear-gradient(top, rgba(252, 252, 252, 0.85), #F2F4F5 100%);
    background: linear-gradient(to bottom, rgba(252, 252, 252, 0.85), #F2F4F5 100%);
    -webkit-box-shadow: 6px 6px 20px rgba(0, 0, 0, 0.4625);
    box-shadow: 6px 6px 20px rgba(0, 0, 0, 0.4625);
    border: solid 1px #7D878D;
    border-radius: 15px
}


.ecx-home-card-small {
    border: none;
    border-radius: 0;
    background: none
}

.ecx-home-card-small .card-img-top {
    border-radius: 0;
    -webkit-box-shadow: 10px 10px 15px silver;
    box-shadow: 10px 10px 15px silver;
    width: auto;
    min-width: 195px
}

.ecx-home-card-small p {
    color: #60696F;
    font-size: 12px;
    text-align: center
}

.ecx-color-section-gray {
    background-color: #F5F6F8;
    padding-top: 15px;
    padding-bottom: 15px
}

.ecx-color-section-white {
    background-color: #fff
}

.ecx-color-section-white-to-gray {
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#F2F4F5));
    background: -webkit-linear-gradient(top, #fff, #F2F4F5 100%);
    background: -o-linear-gradient(top, #fff, #F2F4F5 100%);
    background: linear-gradient(to bottom, #fff, #F2F4F5 100%);
    padding-top: 15px;
    padding-bottom: 15px
}

.ecx-color-section-lightgray-to-darkgray {
    background: -webkit-gradient(linear, left top, left bottom, from(#FCFCFC), to(#F2F4F5));
    background: -webkit-linear-gradient(top, #FCFCFC, #F2F4F5 100%);
    background: -o-linear-gradient(top, #FCFCFC, #F2F4F5 100%);
    background: linear-gradient(to bottom, #FCFCFC, #F2F4F5 100%);
    padding-top: 15px;
    padding-bottom: 15px
}

.ecx-header .ecx-color-section-gray,
.ecx-header .ecx-color-section-white-to-gray,
.ecx-header .ecx-color-section-lightgray-to-darkgray {
    padding: 0
}

.ecx-home-sail {
    width: 100vw;
    min-height: 420px;
    overflow: hidden;
    position: relative
}

.ecx-home-sail img {
    max-height: 100%
}

.ecx-home-sail .ecx-home-sail-text {
    background: -webkit-gradient(linear, left top, right top, color-stop(20%, rgba(125, 135, 141, 0.9)), to(rgba(125, 135, 141, 0.4)));
    background: -webkit-linear-gradient(left, rgba(125, 135, 141, 0.9) 20%, rgba(125, 135, 141, 0.4));
    background: -o-linear-gradient(left, rgba(125, 135, 141, 0.9) 20%, rgba(125, 135, 141, 0.4));
    background: linear-gradient(to right, rgba(125, 135, 141, 0.9) 20%, rgba(125, 135, 141, 0.4));
    border-radius: 20px 0px 0px 20px;
    padding: 16px;
    width: 100%
}

@media (max-width:1200px) {
    .ecx-home-sail .ecx-home-sail-text {
        border-radius: 0
    }
}

.ecx-home-sail.animation-direction-right .ecx-home-sail-text {
    background: -webkit-gradient(linear, left top, right top, color-stop(20%, rgba(125, 135, 141, 0.4)), to(rgba(125, 135, 141, 0.9)));
    background: -webkit-linear-gradient(left, rgba(125, 135, 141, 0.4) 20%, rgba(125, 135, 141, 0.9));
    background: -o-linear-gradient(left, rgba(125, 135, 141, 0.4) 20%, rgba(125, 135, 141, 0.9));
    background: linear-gradient(to right, rgba(125, 135, 141, 0.4) 20%, rgba(125, 135, 141, 0.9));
    border-radius: 0px 20px 20px 0px
}

@media (max-width:1200px) {
    .ecx-home-sail.animation-direction-right .ecx-home-sail-text {
        border-radius: 0
    }
}

.homesailsailimg {
    position: absolute;
    right: 100%;
    top: 0;
    bottom: 0;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    z-index: 100
}

.animation-direction-right .homesailsailimg {
    right: auto;
    left: 100%
}

.homesailsailimg img {
    position: relative;
    z-index: 100
}

.homesailsailimg:after {
    content: ' ';
    position: absolute;
    background: #000;
    left: -40px;
    right: -40px;
    bottom: 0;
    top: 0;
    -webkit-filter: blur(30px);
    filter: blur(30px);
    border-radius: 18%;
    opacity: 0.5
}

.homesailoverlapobject,
.ecx-home-sail-text {
    margin-top: 55px;
    margin-bottom: 55px
}

@media screen and (max-width:1199px) {
    .homesailoverlapobject {
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
        margin-top: 0;
        margin-bottom: 0
    }
    .homesailoverlapobject img {
        width: 100%;
        height: auto
    }
}

@media screen and (min-width:1200px) {
    .homesailoverlapobject {
        margin-left: -455px
    }
}

@media screen and (min-width:1400px) {
    .homesailoverlapobject {
        margin-left: -325px
    }
}

.ecx-home-sail-text-wrapper {
    width: 100%;
    z-index: 2
}

.ecx-home-sail-text-wrapper * {
    color: white
}

.ecx-home-sail-text-wrapper p {
    line-height: 1.3;
    font-size: 16px
}

.ecx-home-sail-text-wrapper h2 {
    font-size: 34px;
    font-weight: normal
}

.ecx-home-sail-text-wrapper h3 {
    font-size: 24px;
    font-weight: normal
}

.ecx-home-sail-text-wrapper ul {
    font-size: 24px;
    padding-left: 1em
}

.ecx-home-sail-text-wrapper .ecx-home-sail-text-inner {
    max-width: 800px
}

.slick-slide {
    overflow: hidden
}

.slick-slide img {
    margin-left: auto;
    margin-right: auto
}

.ecx-header-slider .slick-dots {
    bottom: 4%
}

.ecx-header-slider .slick-dots button:before {
    font-size: 18px;
    color: white;
    opacity: 0.7
}

.slick-slide .row {
    padding: 20px 0 0 0
}

.ecx-main-slider {
    padding-bottom: 30px
}

.ecx-main-slider.slick-dotted {
    margin-bottom: 0
}

.ecx-main-slider .slick-dots {
    bottom: 10px
}

.ecx-main-slider .slick-dots button:before {
    font-size: 18px;
    color: gray;
    opacity: 0.45
}

.ecx-fabrics-color-slider.l-de .slick-dots-colors li:nth-child(3) button:before {
    content: 'Farben'
}

.ecx-fabrics-color-slider.l-en .slick-dots-colors li:nth-child(3) button:before {
    content: 'Colors'
}

.ecx-fabrics-color-slider.l-es .slick-dots-colors li:nth-child(3) button:before {
    content: 'Colores'
}

.ecx-fabrics-color-slider.l-nl .slick-dots-colors li:nth-child(3) button:before {
    content: 'Kleuren'
}

.ecx-fabrics-color-slider.l-it .slick-dots-colors li:nth-child(3) button:before {
    content: 'Colori'
}

.ecx-color-slider.l-de .slick-dots-colors-2 li:last-child button:before {
    content: 'Farben'
}

.ecx-color-slider.l-en .slick-dots-colors-2 li:last-child button:before {
    content: 'Colors'
}

.ecx-color-slider.l-es .slick-dots-colors-2 li:last-child button:before {
    content: 'Colores'
}

.ecx-color-slider.l-nl .slick-dots-colors-2 li:last-child button:before {
    content: 'Kleuren'
}

.ecx-color-slider.l-it .slick-dots-colors-2 li:last-child button:before {
    content: 'Colori'
}

.ecx-color-slider {
    padding-bottom: 30px
}

.ecx-color-slider.slick-dotted {
    margin-bottom: 0
}

.ecx-color-slider .slick-dots-colors-2 {
    list-style: none;
    bottom: 10px;
    margin: 0;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.ecx-color-slider .slick-dots-colors-2 li {
    margin-left: 15px;
    width: 46px;
    height: 46px
}

.ecx-color-slider .slick-dots-colors-2 li:first-child {
    margin-left: 0
}

.ecx-color-slider .slick-dots-colors-2 li:last-child button:before {
    color: white;
    width: 40px;
    height: 26px;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    position: absolute;
    left: 50%;
    top: 50%;
    font-size: 9px;
    line-height: 26px
}

.ecx-color-slider .slick-dots-colors-2 li button {
    position: relative;
    padding: 0;
    margin: 0;
    width: 46px;
    height: 46px;
    border-radius: 50%;
    background-color: #D2D5D5;
    color: #D2D5D5
}

.ecx-color-slider .slick-dots-colors-2 li.slick-active button {
    color: #FBB03B;
    background-color: #FBB03B;
    opacity: 1
}

.ecx-fabrics-color-slider {
    padding-bottom: 30px
}

.ecx-fabrics-color-slider.slick-dotted {
    margin-bottom: 0
}

.ecx-fabrics-color-slider .slick-dots-colors {
    list-style: none;
    bottom: 10px;
    margin: 0;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.ecx-fabrics-color-slider .slick-dots-colors li {
    margin-left: 15px;
    width: 46px;
    height: 46px
}

.ecx-fabrics-color-slider .slick-dots-colors li:first-child {
    margin-left: 0
}

.ecx-fabrics-color-slider .slick-dots-colors li:nth-child(3) button:before {
    color: white;
    width: 40px;
    height: 26px;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    position: absolute;
    left: 50%;
    top: 50%;
    font-size: 9px;
    line-height: 26px
}

.ecx-fabrics-color-slider .slick-dots-colors li:nth-child(2) button:before {
    content: url('../../../typo3conf/ext/ecxsitetesoliday/Resources/Public/img/slider/gear.png');
    width: 26px;
    height: 26px;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    position: absolute;
    left: 50%;
    top: 50%
}

.ecx-fabrics-color-slider .slick-dots-colors li button {
    position: relative;
    padding: 0;
    margin: 0;
    width: 46px;
    height: 46px;
    border-radius: 50%;
    background-color: #D2D5D5;
    color: #D2D5D5
}

.ecx-fabrics-color-slider .slick-dots-colors li.slick-active button {
    color: #FBB03B;
    background-color: #FBB03B;
    opacity: 1
}

.ecx-header-slider .slick-dots .slick-active button:before,
.ecx-main-slider .slick-dots .slick-active button:before {
    color: #FBB03B;
    opacity: 1
}

.ecx-header-slider {
    margin-top: 74px
}

.ecx-header-slider.ecx-bg-margin {
    margin-top: 91px
}

.ecx-header-slider .ce-above .ce-gallery {
    margin-bottom: 0
}

.ecx-aboutimgd {
    position: relative;
    z-index: 16;
    overflow: auto
}

.ecx-aboutimgdimg {
    width: 100%;
    height: auto
}

.ecx-aboutimgdtext {
    padding: 5px 40px;
    background-color: rgba(255, 255, 255, 0.7);
    position: absolute;
    bottom: 20px;
    width: 100%
}

.tx_soliday_fullWidth img {
    width: 100%;
    height: auto;
    -o-object-fit: cover;
    object-fit: cover
}

.ecx-accordion .card {
    border-radius: 0
}

.ecx-accordion .card-body .col {
    padding: 10px 5px
}

.ecx-accordion .card-header {
    border-radius: 0;
    border: none;
    background-color: #D4D8DC
}

.ecx-accordion .card-header .btn-link {
    color: #60686D;
    width: 100%;
    font-size: 20px;
    text-transform: uppercase
}

.ecx-accordion .card-header:hover {
    background-color: #EEF0F2
}

.ecx-form .form-group.ecx-form-invalid {
    color: #D7244C
}

.ecx-form .form-group.ecx-form-invalid input {
    border-color: #D7244C
}

.ecx-form .form-group.ecx-form-invalid input::-webkit-input-placeholder {
    color: #D7244C
}

.ecx-form .form-group.ecx-form-invalid input:-ms-input-placeholder {
    color: #D7244C
}

.ecx-form .form-group.ecx-form-invalid input::-ms-input-placeholder {
    color: #D7244C
}

.ecx-form .form-group.ecx-form-invalid input::placeholder {
    color: #D7244C
}

.ecx-form .form-group.ecx-form-invalid .input label {
    display: none !important
}

.ecx-form .form-control {
    border-style: solid;
    border-width: 1px;
    border-color: #C4C4C4;
    background-color: #F2F2F2;
    border-radius: 0
}

.ecx-form .form-control::-webkit-input-placeholder {
    color: #C4C4C4;
    font-style: italic
}

.ecx-form .form-control:-ms-input-placeholder {
    color: #C4C4C4;
    font-style: italic
}

.ecx-form .form-control::-ms-input-placeholder {
    color: #C4C4C4;
    font-style: italic
}

.ecx-form .form-control::placeholder {
    color: #C4C4C4;
    font-style: italic
}

.ecx-form .form-control:hover,
.ecx-form .form-control:active {
    color: #6B6B6B;
    background-color: white
}

.ecx-form .form-control:hover::-webkit-input-placeholder,
.ecx-form .form-control:active::-webkit-input-placeholder {
    color: #6B6B6B;
    font-style: normal
}

.ecx-form .form-control:hover:-ms-input-placeholder,
.ecx-form .form-control:active:-ms-input-placeholder {
    color: #6B6B6B;
    font-style: normal
}

.ecx-form .form-control:hover::-ms-input-placeholder,
.ecx-form .form-control:active::-ms-input-placeholder {
    color: #6B6B6B;
    font-style: normal
}

.ecx-form .form-control:hover::placeholder,
.ecx-form .form-control:active::placeholder {
    color: #6B6B6B;
    font-style: normal
}

.ecx-form .btn {
    border-color: #6B6B6B;
    background-color: #60686D;
    border-radius: 2px
}

.ecx-form .btn:hover,
.ecx-form .btn:active {
    background-color: #ADB4B7
}

.ecx-form .form-check {
    padding-left: 0
}

.ecx-form .form-row-inner:last-child {
    margin-left: 15px
}

#ecx-konfektion-wk {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    margin-top: -40px;
    overflow: hidden
}

#ecx-konfektion-wk .bd-l {
    border-left: 5px solid black
}

#ecx-konfektion-wk .bd-r {
    border-right: 5px solid black
}

#ecx-konfektion-wk .ecx-right,
#ecx-konfektion-wk .ecx-left {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

#ecx-konfektion-wk .ecx-right {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

@media screen and (min-width:768px) {
    #ecx-konfektion-wk .ecx-right {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }
}

#ecx-konfektion-wk .ecx-left {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

#ecx-konfektion-wk .ecx-left .ecx-konfektion-wk-element {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

#ecx-konfektion-wk .ecx-left .ecx-konfektion-wk-text-wrapper {
    text-align: right;
    padding-right: 15px
}

@media screen and (min-width:768px) {
    #ecx-konfektion-wk .ecx-left {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}

#ecx-konfektion-wk .ecx-konfektion-wk-text-wrapper {
    padding-left: 15px;
    max-width: 400px
}

#ecx-konfektion-wk .ecx-konfektion-wk-element {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    width: 100%
}

@media screen and (min-width:768px) {
    #ecx-konfektion-wk .ecx-konfektion-wk-element {
        position: relative;
        z-index: 99;
        width: 50%
    }
}

@media screen and (min-width:768px) {
    #ecx-konfektion-wk .stroke-container {
        position: absolute;
        top: 0;
        width: 100%;
        height: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
    #ecx-konfektion-wk .stroke {
        width: 6px;
        height: 100%;
        background: #363636;
        z-index: 100
    }
}

.ecx-productoverviewtext {
    text-align: center
}

#ecx-product-overview-content {
    background-color: #7D878D;
    padding: 0;
    width: 100%;
    max-width: 1200px
}

@media screen and (min-width:576px) {
    #ecx-product-overview-content {
        width: 85%
    }
}

#ecx-product-overview-content .flex-row {
    overflow-x: auto;
    overflow-y: hidden
}

#ecx-product-overview-content .d-flex.flex-column {
    min-width: 165px;
    height: 100%
}

#ecx-product-overview-content .row div.col-md-6:last-child {
    border-left: 1px solid rgba(193, 197, 201, 0.8)
}

#ecx-product-overview-content .row div.col-md-6:first-child {
    border-right: 1px solid rgba(193, 197, 201, 0.8)
}

.ecx-productoverviewtext {
    color: #fff;
    font-size: .8rem
}

.ecx-productoverviewcategory {
    color: #60686D;
    background-color: rgba(193, 197, 201, 0.8);
    padding: 10px 15px;
    width: calc(100% + 30px);
    margin: 0 -15px
}

.productoverviewimage-wrapper {
    height: 135px
}

.ecx-img-map {
    position: relative;
    display: inline-block
}

.ecx-img-map .ecx-img-map-ul {
    list-style: none;
    margin: 0
}

.ecx-img-map .ecx-img-map-button {
    position: absolute;
    left: 0;
    top: 0;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    border: none;
    padding: 0;
    background: none !important
}

.ecx-img-map .ecx-img-map-button:focus,
.ecx-img-map .ecx-img-map-button:active,
.ecx-img-map .ecx-img-map-button:hover {
    background: none;
    border: none
}

[id*='ecx-img-map-modal-'] img {
    max-width: 100%;
    height: auto
}

[id*='ecx-img-map-modal-'] p {
    font-size: 14px;
   
}

[id*='ecx-img-map-modal-'] h5.modal-title {
    font-size: 18px;
    color: #60686D;
    font-weight: bold
}

.ecx-img-map-img {
    max-width: 100% !important;
    height: 100% !important
}

.ecx-img-map-text {
    max-width: 50%
}

.ecx-rollup-sails-sub-title {
    background: -webkit-gradient(linear, left top, right top, from(#7D878D), to(#F2F4F5));
    background: -webkit-linear-gradient(left, #7D878D, #F2F4F5 100%);
    background: -o-linear-gradient(left, #7D878D, #F2F4F5 100%);
    background: linear-gradient(to right, #7D878D, #F2F4F5 100%);
    height: 35px;
    color: white;
    font-size: 20px
}

.ecx-rollup-sails-render-img {
    margin-right: -25px
}

.ecx-rollup-sails-text {
    padding: 40px;
    font-size: 14px
}

.ecx-rollup-sails-text a {
    color: #60686D;
    font-weight: bold
}

.ecx-rollu-psails-small-img img {
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.ecx-roll-up-sails-head-img {
    background-color: #F2F4F5;
    height: 150px
}

.ecx-rollup-sails .table {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #F2F4F5), to(#fff));
    background: -webkit-linear-gradient(top, #F2F4F5 50%, #fff);
    background: -o-linear-gradient(top, #F2F4F5 50%, #fff);
    background: linear-gradient(to bottom, #F2F4F5 50%, #fff)
}

.ecx-rollup-sails .table tr:last-child th,
.ecx-rollup-sails .table tr:last-child td {
    border-bottom: none
}

.ecx-rollup-sails .table th,
.ecx-rollup-sails .table td {
    color: #60686D;
    background: none
}

.ecx-rollup-sails .ecx-left {
    margin-top: 15px
}

.ecx-rollup-sails .ecx-rollup-sails-content {
    margin-top: 3px
}

.ecx-rollup-sails .img-and-table {
    min-width: 350px
}

@media (max-width:1199px) {
    .ecx-rollup-sails img {
        width: 100%;
        height: auto
    }
    .ecx-rollup-sails img.sun,
    .ecx-rollup-sails img.rain {
        width: inherit
    }
    .ecx-rollup-sails .img-and-table {
        min-width: inherit
    }
}

@media (min-width:1200px) {
    .ecx-rollup-sails .table {
        margin-bottom: 0
    }
    .ecx-rollup-sails .table tr:last-child td {
        padding-bottom: 0
    }
}

.tooltip-inner {
    background-color: white;
    color: #7D878D
}

.tooltip .arrow:before {
    border-left-color: white
}

.ecx-animation {
    position: relative;
    display: inline-block
}

.ecx-animation-button {
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    left: 50%;
    top: 50%
}

.ecx-animation-video {
    max-width: 1000px;
    width: 100%;
    height: 100%
}

.ecx-fabrics-colors-img-map-wrapper {
    position: relative;
    display: inline-block
}

.ecx-fabrics-colors {
    max-width: 100vw
}

@media (min-width:1800px) {
    .ecx-fabrics-colors {
        padding-left: 100px
    }
}

.ecx-fabrics-colors .ecx-img-map {
    width: 100%
}

.ecx-fabrics-colors .ecx-img-map-img {
    width: 100%
}

.ecx-fabrics-colors-certifications img {
    margin-left: inherit;
    margin-right: inherit
}

.ecx-fabrics-colors-headerimg-badges {
    padding-bottom: 40px
}

@media (min-width:1200px) {
    .ecx-fabrics-colors-headerimg-badges {
        margin-left: -90px
    }
}

.ecx-fabrics-colors-guarantee {
    position: absolute;
    left: 70%;
    top: 76%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

@media (max-width:767px) {
    .ecx-fabrics-colors-guarantee {
        width: 105px
    }
}

@media (min-width:1200px) {
    .ecx-fabrics-colors-description-wrapper {
        margin-left: -45px
    }
}

.ecx-static-table-sm-img {
    max-height: 85px
}

.ecx-static-table-dot {
    display: inline-block;
    height: 22px;
    width: 22px;
    background-color: #60686D;
    border-radius: 30px;
    margin-bottom: -5px
}

.table {
    text-align: center
}

.table thead th {
    border: none
}

.table .ecx-table-shadow-wrapper {
    vertical-align: top;
    border-bottom: none;
    background: none
}

.ecx-table-headings td:empty {
    background-color: #F2F4F5
}

.ecx-table-headings td,
.ecx-table-headings th {
    border-top: 3px solid #ADB4B7
}

.ecx-table-shadow-element-wrapper {
    position: relative
}

.ecx-table-shadow-element {
    position: absolute;
    background: url("/typo3conf/ext/ecxsitetesoliday/Resources/Public/img/table/table_shadow.png");
    right: -12px;
    top: -12px;
    width: 23px;
    height: 675px;
    pointer-events: none
}

.ecx-static-table-dot-wrapper {
    text-align: center
}

td,
th {
    background-color: white
}

.general-header-background {
    background-color: #F2F4F5
}

tr {
    color: #60686D
}

tr th,
tr td {
    border: 1px solid #ADB4B7
}

tr th:first-child,
tr td:first-child {
    border-left: none;
    border-right: none
}

tr th:nth-child(2),
tr td:nth-child(2) {
    border-left: none
}

tr td {
    border-right: none
}

tr.ecx-form-product-names td {
    background-color: #7D878D;
    color: white;
    font-size: 16px;
    font-weight: bold
}

tr.ecx-form-product-names td.special {
    border-top: none;
    background: none;
    background-color: white
}

.ecx-press-description {
    padding: 15px
}

.ecx-press-link {
    margin-bottom: 15px
}

@media (max-width:767px) {
    .ecx-press {
        border-bottom: solid #60686D 1px
    }
}

.ecx-care-recommendation-logos {
    border-top: solid 2px #606875;
    border-bottom: solid 2px #606875;
    padding: 20px 0;
    margin-bottom: 30px
}

.ecx-equipment-wrapper ul {
    padding-left: 1rem
}

.ecx-equipment-wrapper .ecx-color-section-lightgray-to-darkgray,
.ecx-equipment-wrapper .ecx-color-section-white-to-gray {
    padding-top: 0;
    padding-bottom: 0
}

.ecx-equipment-wrapper .ecx-color-section-lightgray-to-darkgray .row .col-md-6:first-child,
.ecx-equipment-wrapper .ecx-color-section-white-to-gray .row .col-md-6:first-child {
    border-right: white solid 2px
}

.ecx-equipment-wrapper .ecx-color-section-lightgray-to-darkgray .row .col-md-6:last-child,
.ecx-equipment-wrapper .ecx-color-section-white-to-gray .row .col-md-6:last-child {
    border-left: white solid 2px
}

.ecx-yt-video {
    margin-bottom: 30px
}

.modal-header .close {
margin: -3rem -1rem -1rem auto;
}