.for-desktop {
    display:block;
}

.for-mobile {
    display:none;
}

.lazy-load {
    width:100%;
}

@media (max-width:800px) {
    .for-desktop {
        display:none;
    }

    .for-mobile {
        display:block;
    }
}

/*WEBCROSSING BASE - TEASER SINGLE*/
.block.widget.webcrossing-base-teaser-single,
.block.widget.webcrossing-base-teaser-small {
    width:100%;
}

.block.widget.webcrossing-base-teaser-single .block-content .container .teaser img,
.block.widget.webcrossing-base-teaser-small .block-content .container .teaser img {
    display:block;
}

/*WEBCROSSING BASE - BANNER TWO HALFS*/
.block.widget.webcrossing-base-banner-twohalfs {
    width:100%;
}

.block.widget.webcrossing-base-banner-twohalfs .block-content .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.block.widget.webcrossing-base-banner-twohalfs .block-content .container .banner {
    width:calc((100% - 20px) / 2);
}

@media (max-width:600px) {
    .block.widget.webcrossing-base-banner-twohalfs .block-content .container .banner {
        width:100%;
    }

    .block.widget.webcrossing-base-banner-twohalfs .block-content .container .banner:first-child {
        margin-bottom:20px;
    }
}

/*WEBCROSSING BASE - TEXT SINGLE*/
.block.widget.webcrossing-base-text-single {
    width:100%;
}

.block.widget.webcrossing-base-text-single .block-content .container .text.layout-01 {
    padding: 20px;
    background:#deeaf4;
}

.block.widget.webcrossing-base-text-single .block-content .container .text .headline {
    margin: 0 0 20px 0;
}

.block.widget.webcrossing-base-text-single .block-content .container .text .text {
    margin: 0;
}

/*WEBCROSSING BASE - TEXT IMAGE SINGLE*/
.block.widget.webcrossing-base-textimage-single {
    width:100%;
}

.block.widget.webcrossing-base-textimage-single .block-content .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.block.widget.webcrossing-base-textimage-single .block-content .container .textimage {
    width:calc((100% - 20px) / 2);
}

.block.widget.webcrossing-base-textimage-single .block-content .container .textimage .headline {
    margin: 0 0 20px 0;
}

.block.widget.webcrossing-base-textimage-single .block-content .container .textimage .text {
    margin: 0 0 20px 0;
}

.block.widget.webcrossing-base-textimage-single .block-content .container .textimage .action-container {
    text-align:center;
}

.block.widget.webcrossing-base-textimage-single .block-content .container .textimage .action-container a {
    width: 100%;
    max-width: 260px;
    padding: 12px 20px;
}

@media (max-width:600px) {
    .block.widget.webcrossing-base-textimage-single .block-content .container {
        flex-direction:column-reverse;
    }
    .block.widget.webcrossing-base-textimage-single .block-content .container .textimage {
        width:100%;
    }

    .block.widget.webcrossing-base-textimage-single .block-content .container .textimage:first-child {
        margin-bottom:20px;
    }

    .block.widget.webcrossing-base-textimage-single .block-content .container .textimage .headline,
    .block.widget.webcrossing-base-textimage-single .block-content .container .textimage .text {
        margin: 0 10px 20px;
        text-align: center;
    }
}

/*WEBCROSSING BASE - PRODUCT TIPP*/
.block.widget.webcrossing-base-product-tipp {
    width:100%;
    margin-bottom:20px !important;
}

.block.widget.webcrossing-base-product-tipp .block-title h2 {
    margin: 0;
    padding:20px 0 0 0;
    text-align:center;
}

.block.widget.webcrossing-base-product-tipp .block-content .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0 -10px;
    max-width:none;
}

.block.widget.webcrossing-base-product-tipp .block-content .container .slick-list {
    width:100%;
}

.block.widget.webcrossing-base-product-tipp .block-content .container .slick-prev,
.block.widget.webcrossing-base-product-tipp .block-content .container .slick-next {
    width: 70px;
    height: 80px;
}

.block.widget.webcrossing-base-product-tipp .block-content .container .slick-prev {
    left:0;
}

.block.widget.webcrossing-base-product-tipp .block-content .container .slick-next {
    right:0;
}

.block.widget.webcrossing-base-product-tipp .block-content .container .slick-prev::before,
.block.widget.webcrossing-base-product-tipp .block-content .container .slick-next::before {
    font-size: 70px;
    text-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}

.block.widget.webcrossing-base-product-tipp .block-content .container .product {
    width:calc((100% - 40px) / 3);
    margin:0 10px;
    position:relative;
    overflow:hidden;
}

.block.widget.webcrossing-base-product-tipp .block-content .container .product img {
    display:block;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all 300ms ease 0s;
    -moz-transition: all 300ms ease 0s;
    -ms-transition: all 300ms ease 0s;
    -o-transition: all 300ms ease 0s;
    transition: all 300ms ease 0s;
}

.block.widget.webcrossing-base-product-tipp .block-content .container .product:hover img {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
    -webkit-transition: all 300ms ease 0s;
    -moz-transition: all 300ms ease 0s;
    -ms-transition: all 300ms ease 0s;
    -o-transition: all 300ms ease 0s;
    transition: all 300ms ease 0s;
}

.block.widget.webcrossing-base-product-tipp .block-content .container .product .name {
    background: rgba(35,136,207,.8);
    padding:10px 20px;
    box-sizing: border-box;
    display:block;
    text-align: center;
    position: absolute;
    bottom: 0;
    width: 100%;
    color: #fff;
}

@media (max-width:600px) {
    .block.widget.webcrossing-base-product-tipp .block-content .container {
        margin:0;
    }

    .block.widget.webcrossing-base-product-tipp .block-content .container .product {
        width:100%;
        margin-bottom:20px;
        margin-left:0;
        margin-right:0;
    }

    .block.widget.webcrossing-base-product-tipp .block-content .container .product:last-child {
        margin-bottom:0;
    }
}

/*WEBCROSSING BASE - BANNER TWO THIRDS*/
.block.widget.webcrossing-base-banner-twothirds {
    width:100%;
}

.block.widget.webcrossing-base-banner-twothirds .block-content .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.block.widget.webcrossing-base-banner-twothirds .block-content .container .banner.left.for-desktop {
    width:calc((((100% - 40px) / 3) * 2) + 20px);
}

.block.widget.webcrossing-base-banner-twothirds .block-content .container .banner.right.for-desktop {
    width:calc((100% - 40px) / 3);
}

.block.widget.webcrossing-base-banner-twothirds .block-content .container .banner.left.for-mobile {
    margin-bottom:20px;
}

.block.widget.webcrossing-base-banner-twothirds .block-content .container .banner img {
    display:block;
}

/*WEBCROSSING BASE - PRODUCT SLIDER*/
.block.widget.webcrossing-base-product-slider {
    width:100%;
}

.block.widget.webcrossing-base-product-slider .block-title h2 {
    margin: 0;
    padding:20px 0 0 0;
    text-align:center;
}

.block.widget.webcrossing-base-product-slider .block-content .container {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    margin: 0 -10px;
    max-width:none;
}

.block.widget.webcrossing-base-product-slider .block-content .container .slick-list {
    width:100%;
}

/*.block.widget.webcrossing-base-product-slider .block-content .container .slick-prev,
.block.widget.webcrossing-base-product-slider .block-content .container .slick-next {
    width: 70px;
    height: 80px;
}

.block.widget.webcrossing-base-product-slider .block-content .container .slick-prev {
    left:0;
}

.block.widget.webcrossing-base-product-slider .block-content .container .slick-next {
    right:0;
}

.block.widget.webcrossing-base-product-slider .block-content .container .slick-prev::before,
.block.widget.webcrossing-base-product-slider .block-content .container .slick-next::before {
    font-size: 70px;
    text-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}*/

.block.widget.webcrossing-base-product-slider .block-content .container .product-item {
    margin:0 10px;
    position:relative;
    max-width:calc((100% - 40px) / 3);
}

.block.widget.webcrossing-base-product-slider .block-content .container .product-item .product-content {
    background-color: #deeaf4;
    padding: 15px;
}

@media (max-width:600px) {
    .block.widget.webcrossing-base-product-slider .block-content .container {
        margin:0;
    }

    .block.widget.webcrossing-base-product-slider .block-content .container .product-item {
        margin-left:0;
        margin-right:0;
    }
}

/*WEBCROSSING BASE - COUNTDOWN SINGLE*/
.block.widget.webcrossing-base-countdown-single {
    width:100%;
}

.block.widget.webcrossing-base-countdown-single .block-content .container .countdown {
    padding: 20px;
    background:#deeaf4;
}

.block.widget.webcrossing-base-countdown-single .block-content .container .countdown h2 {
    margin: 0 0 20px 0;
    text-align:center;
}

.block.widget.webcrossing-base-countdown-single .block-content .container .countdown h3 {
    margin: 0 0 40px 0;
    text-align:center;
}

.block.widget.webcrossing-base-countdown-single .block-content .container .countdown .text {
    text-align:center;
}

.block.widget.webcrossing-base-countdown-single .block-content .container .countdown .text.hidden {
    display:none;
}

.block.widget.webcrossing-base-countdown-single .block-content .container .countdown .clock {
    display:table;
    margin:0 auto;
}

.block.widget.webcrossing-base-countdown-single .block-content .container .countdown .action {
    background: #2388cf;
    color: #fff;
    text-align: center;
    cursor: pointer;
    font-family: verdana,sans-serif;
    font-weight: 400;
    padding: 20px 10px;
    font-size: 14px;
    line-height: 20px;
    box-sizing: border-box;
    text-decoration: none;
    position: relative;
    width: 100%;
    max-width: 280px;
    margin: 40px auto 20px auto;
    display: block;
}

.flip-clock-wrapper {
    margin:0;
}

.flip-clock-divider .flip-clock-label {
    display:none;
}

@media (max-width:700px) {
    .flip-clock-wrapper ul {
        width: 36px;
        height: 60px;
    }

    .flip-clock-wrapper ul li a div div.inn {
        font-size:40px;
        line-height: 60px;
    }

    .flip-clock-dot.top {
        top: 22px;
    }

    .flip-clock-dot.bottom {
        bottom: 24px;
    }

    .flip-clock-dot {
        width: 7px;
        height: 7px;
    }

    .flip-clock-divider {
        height:70px;
    }
}

@media (max-width:500px) {
    .flip-clock-wrapper ul {
        width: 20px;
        height: 40px;
    }

    .flip-clock-wrapper ul li a div div.inn {
        font-size:20px;
        line-height: 40px;
    }

    .flip-clock-dot.top {
        top: 17px;
    }

    .flip-clock-dot.bottom {
        bottom: 18px;
    }

    .flip-clock-dot {
        width: 5px;
        height: 5px;
        left: 0;
    }

    .flip-clock-divider {
        height:50px;
        width:5px;
    }
}