@import url('template_grooss_slider/vos-a.css');
@import url('template_grooss_slider/frische.css');
@import url('template_grooss_slider/parken.css');
@import url('template_grooss_slider/familie-b.css');
@import url('template_grooss_slider/gruenen-bereich.css');
@import url('template_grooss_slider/autoschau.css');
@import url('template_grooss_slider/luca.css');
@import url('template_grooss_slider/marktkauf.css');
@import url('template_grooss_slider/impfzentrum.css');
@import url('template_grooss_slider/oro-muttertag-danke.css');
@import url('template_grooss_slider/ostern-2023.css');
@import url('template_grooss_slider/kleidermarkt.css');
@import url('template_grooss_slider/superpapa.css');
@import url('template_grooss_slider/supermario.css');
@import url('template_grooss_slider/geschenkgutschein.css');
@import url('template_grooss_slider/blutspende-7-7.css');
@import url('template_grooss_slider/anna-carina-woitschack.css');
@import url('template_grooss_slider/instagram_schwaben_galerie.css');
@import url('template_grooss_slider/kunterbuntes-kinderfest.css');
@import url('template_grooss_slider/kinder-in-bewegung-eva.css');
@import url('template_grooss_slider/vos-0110-fpf.css');
@import url('template_grooss_slider/alexandra-hofmann.css');
@import url('template_grooss_slider/eroffnung_rpw.css');
@import url('template_grooss_slider/familie_b_rpw.css');
@import url('template_grooss_slider/frische_rpw.css');
@import url('template_grooss_slider/gastro_essen_a_burger.css');
@import url('template_grooss_slider/sport.css');
@import url('template_grooss_slider/weihnachten_rpw.css');
@import url('template_grooss_slider/weihnachtsbaumverlosung.css');
@import url("template_a_slider/lowen_center_leipzig.css");
@import url("template_grooss_slider/fahrradsicherheit.css");
@import url("template_grooss_slider/expo_saarbasar.css");
@import url("template_grooss_slider/bernhard_brink.css");
@import url("template_grooss_slider/fussball_em_2024.css");
@import url("template_grooss_slider/neueroeffnung_woolworth.css");
@import url("template_grooss_slider/sommer-kinderfest.css");
@import url("template_grooss_slider/sgs_vos.css");
@import url("template_grooss_slider/neu-bei-uns.css");

/**********
Slider Styling
***********/

.home-slider {
    height: 680px;
    width: 100%;
    position: relative;
}

.home-slider .slick-dots {
    position: absolute;
    right: 60px;
    bottom: 25px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.home-slider .slick-dots li {
    float: left;
    margin-left: 4px;
}

.home-slider .slick-dots button {
    color: transparent;
    background: transparent;
    border: 3px solid #fff;
    width: 20px;
    height: 20px;
    border-radius: 100%;
    padding: 0;
}

.home-slider .slick-dots .slick-active button {
    background: #fff;
}

.home-slider-item {
    height: 680px;
    width: 100%;
    position: relative;
    overflow: hidden;
    max-width: 100%;
    box-sizing: border-box;
}

/**********
Basic Teaser Styling
***********/

.home-slider-title {
    font-size: 100px;
    font-family: "Blog";
    line-height: 1.2;
    z-index: 2;
    position: absolute;
}

.home-slider-text {
    font-size: 24px;
    z-index: 2;
    position: absolute;
}

.home-slider-image {
    position: absolute;
}

.home-slider-image img {
    height: 100%;
    width: auto;
}

.vos-b-individuell img {
    height: 90%;
}

.home-slider-title,
.home-slider-text,
a .home-slider-title,
a .home-slider-text {
    color: #000000;
}

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

.ostern-b-tuete .home-slider-title {
    top: 375px;
    left: 60px;
    color: #FFFFFF;
}

.ostern-b-tuete .home-slider-text {
    bottom: 134px;
    left: 65px;
    color: #FFFFFF;
}

.ostern-b-tuete .home-slider-image {
    right: -94px;
    height: 170%;
    bottom: -87px;
}

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

.ostern-hase .home-slider-title {
    top: 145px;
    left: 50px;
    color: #FFFFFF;
}

.ostern-hase .home-slider-text {
    bottom: 100px;
    left: 50px;
    color: #FFFFFF;
}

.ostern-hase .home-slider-image {
    right: -135px;
    height: 140%;
    top: -30%;
}

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

.muttertag .home-slider-title {
    top: 142px;
    left: 62px;
    color: #FFFFFF;
}

.muttertag .home-slider-text {
    top: 278px;
    left: 50px;
    color: #FFFFFF;
    font-weight: 100;
}

.muttertag .home-slider-image {
    right: 12%;
    height: 120%;
    top: 7%;
}

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

.herbst-winter-b .home-slider-title {
    top: 250px;
    left: 50px;
}

.herbst-winter-b .home-slider-text {
    top: 380px;
    left: 50px;
    font-weight: 100;
}

.herbst-winter-b .home-slider-image {
    right: 5%;
    height: 88%;
    bottom: 5%;
}

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

.herbst-winter-a .home-slider-title {
    top: 230px;
    left: 50px;
    color: #fff;
}

.herbst-winter-a .home-slider-text {
    top: 360px;
    left: 50px;
    font-weight: 100;
    color: #fff;
}

.herbst-winter-a .home-slider-image {
    right: 5%;
    height: 90%;
    bottom: 0;
}

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

.fruehjahr-sommer-a .home-slider-title {
    top: 168px;
    left: 50px;
}

.fruehjahr-sommer-a .home-slider-text {
    bottom: 228px;
    left: 50px;
    font-weight: 100;
}

.fruehjahr-sommer-a .home-slider-image {
    right: 0;
    height: 129%;
    top: -12%;
}

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

.fruehjahr-sommer-b .home-slider-title {
    bottom: 126px;
    left: 50px;
}

.fruehjahr-sommer-b .home-slider-text {
    bottom: 110px;
    left: 50px;
    font-weight: 100;
}

.fruehjahr-sommer-b .home-slider-image {
    right: 1%;
    height: 73%;
    top: 11%;
}


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

.technik .home-slider-title {
    top: 170px;
    left: 50px;
}

.technik .home-slider-text {
    bottom: 228px;
    left: 50px;
    font-weight: 100;
}

.technik .home-slider-image {
    right: 5%;
    height: 90%;
    bottom: 0;
}

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

.vos-b-individuell .home-slider-title {
    font-size: 90px;
    top: 172px;
    left: 50px;
    width: 70%;
    /* Normalize styles
    top: 23%;
    left: 4%;
    font-size: 7.5em;*/
}

.vos-b-individuell .home-slider-text {
    top: 410px;
    left: 50px;
    width: 50%;
    /* Normalize styles
    top: 71%;
    left: 4%;
    font-size: 24px;
    letter-spacing: 0px;*/
}

.vos-b-individuell .home-slider-image {
    right: 41px;
    height: 103%;
    top: 3%;
}

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

.familie-a .home-slider-title {
    bottom: 20%;
    left: 50px;
    color: #FFFFFF;
    font-size: 86px;
}

.familie-a .home-slider-text {
    bottom: 10%;
    left: 50px;
    color: #FFFFFF;
}

.familie-a .home-slider-image {
    right: 0%;
    height: 90%;
    bottom: 0;
}

/*********************/
.neueroeffnung .home-slider-title {
    bottom: 42%;
    left: 50px;
    color: #000000;
    max-width: 75%;
}

.neueroeffnung .home-slider-text {
    bottom: 30%;
    left: 50px;
    color: #000000;
}

.neueroeffnung .home-slider-image {
    right: 10%;
    height: 90%;
    bottom: 5%;
}

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

.auswahl .home-slider-title {
    top: 128px;
    left: 50px;
    color: #FFFFFF;
}

.auswahl .home-slider-text {
    bottom: 270px;
    left: 50px;
    color: #FFFFFF;
}

.auswahl .home-slider-image {
    height: 95%;
    right: 4.5%;
    top: 5%;
}

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

.centergeburtstag .home-slider-title {
    bottom: 41%;
    left: 50px;
    width: 48%;
    color: #FFFFFF;
}

.centergeburtstag .home-slider-text {
    width: 663px;
    top: 60%;
    left: 50px;
    color: #FFFFFF;
}

.centergeburtstag .home-slider-image {
    height: 77%;
    right: -1%;
    top: 14%;
}

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

.trikotverlosung .home-slider-title {
    top: 20%;
    left: 62px;
    width: 48%;
}

.trikotverlosung .home-slider-text {
    top: 60%;
    left: 62px;
    width: 38%;
}

.trikotverlosung .home-slider-image {
    right: -5%;
    height: 115%;
    bottom: -7%;
}

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

.geschenk-gutschein .home-slider-title {
    bottom: 138px;
    left: 60px;
    color: #FFFFFF;
    font-size: 75px;
}

.geschenk-gutschein .home-slider-text {
    bottom: 85px;
    left: 61px;
    color: #FFFFFF;
}

.geschenk-gutschein .home-slider-image {
    right: -17%;
    height: 163%;
    top: auto;
    bottom: -27%;
}

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

.weihnachten .home-slider-title {
    top: 226px;
    left: 60px;
    color: #FFFFFF;
    font-size: 80px;
}

.weihnachten .home-slider-text {
    top: 63%;
    left: 61px;
    color: #FFFFFF;
}

.weihnachten .home-slider-image {
    right: -83px;
    height: 92%;
    top: 4%;
}

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

.live-im-center .home-slider-title {
    top: 170px;
    left: 60px;
    color: #FFFFFF;
    width: 70%;
}

.live-im-center .home-slider-text {
    top: 300px;
    left: 65px;
    color: #FFFFFF;
}

.live-im-center .home-slider-image {
    right: -10%;
    height: 100%;
    bottom: 0;
}

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

.ostern-c-nest .home-slider-title {
    top: 170px;
    left: 60px;
    color: #FFFFFF;
    width: 70%;
}

.ostern-c-nest .home-slider-text {
    top: 290px;
    left: 65px;
    color: #FFFFFF;
}

.ostern-c-nest .home-slider-image {
    right: -1%;
    height: 100%;
    bottom: 0;
}

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

.facebook .home-slider-title {
    top: 160px;
    left: 48px;
    color: #FFFFFF;
    width: 90%;
    line-height: 1.2;
    /* Normalize styles
    top: 23%;
    left: 4%;
    font-size: 7.5em; */
}

.facebook .home-slider-text {
    top: 420px;
    left: 48px;
    color: #FFFFFF;
    /* Normalize styles
    top: 71%;
    left: 4%;
    font-size: 24px;
    letter-spacing: 0px; */
}

.facebook .home-slider-image {
    height: 90%%;
    right: 5%;
    bottom: 5%;
}

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

.neujahr-b-korken .home-slider-title {
    top: 124px;
    left: 62px;
    width: 48%;
    color: #ffffff;
}

.neujahr-b-korken .home-slider-text {
    top: 390px;
    left: 65px;
    color: #FFFFFF;
}

.neujahr-b-korken .home-slider-image {
    right: -1%;
    height: 100%;
    bottom: 0;
}

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

.neujahr-a-schweinchen .home-slider-title {
    top: 164px;
    left: 62px;
    color: #ffffff;
}

.neujahr-a-schweinchen .home-slider-text {
    top: 300px;
    left: 65px;
    color: #FFFFFF;
}

.neujahr-a-schweinchen .home-slider-image {
    right: 10%;
    height: 100%;
    bottom: 0;
}

/**********
Responsive Styling
***********/

@media (max-width: 1024px) {


    /*********************/
    .facebook .home-slider-title {
        top: 15%;
    }

    .facebook .home-slider-text {
        top: 50%;
        width: 60%;
    }

    .facebook .home-slider-image {
        right: -100px;
    }


    /*********************/
    .neueroeffnung .home-slider-title {
        bottom: 18%;
        font-size: 86px;
    }

    .neueroeffnung .home-slider-text {
        bottom: 10%;
    }

    .neueroeffnung .home-slider-image {
        right: -6%;
    }
}

@media (max-width: 960px) {
    .ostern-hase .home-slider-image,
    .vos-b-individuell .home-slider-image,
    .fruehjahr-sommer-b .home-slider-image {
        position: absolute;
        right: -20%;
        height: 120%;
        top: -20%;
    }

    /*********************/
    .facebook .home-slider-title {
        top: 160px;
        left: 48px;
        color: #FFFFFF;
        width: 90%;
        line-height: 1.2;
    }

    .facebook .home-slider-text {
        top: 420px;
        left: 48px;
        color: #FFFFFF;
    }

    .facebook .home-slider-image {
        height: 124%;
        right: -124px;
        bottom: -70px;
    }

    /*********************/
    .ostern-hase .home-slider-title {
        font-size: 82px;
        left: 15px;
        bottom: 372px;
        width: calc(100% - 30px);
        word-wrap: break-word;
        top: inherit;
    }

    .ostern-hase .home-slider-text {
        font-size: 24px;
        left: 15px;
        top: 360px;
    }

    /*********************/
    .trikotverlosung .home-slider-image {
        position: absolute;
        right: -20%;
        height: 120%;
        top: -18%;
    }

    .trikotverlosung .home-slider-title {
        font-size: 82px;
        top: 20%;
        left: 15px;
        width: calc(100% - 30px);
    }

    .trikotverlosung .home-slider-text {
        font-size: 24px;
        top: 60%;
        left: 15px;
        width: calc(100% - 30px);
    }
}

@media (max-width: 768px) {


    /*********************/
    .facebook .home-slider-title {
        top: 40%;
        left: 20px;
    }

    .facebook .home-slider-text {
        top: 80%;
        left: 20px;
    }

    .facebook .home-slider-image {
        right: -295px;
        bottom: 10px;
    }

    /*********************/
    .neueroeffnung .home-slider-title {
        bottom: 20%;
        font-size: 76px;
    }

    .neueroeffnung .home-slider-text {
        bottom: 9%;
    }

    .neueroeffnung .home-slider-image {
        right: 10%;
    }

    .neueroeffnung .home-slider-image img {
        height: 50%;
    }
}

@media (max-width: 480px) {
    .ostern-hase .home-slider-image {
        position: absolute;
        right: -50%;
        height: 100%;
        top: -20%;
    }

    .ostern-hase .home-slider-title {
        font-size: 52px;
        top: 55%;
        bottom: unset;
        left: 15px;
    }

    .ostern-hase .home-slider-text {
        font-size: 13px;
        top: 75%;
        left: 15px;
    }

    /*********************/
    .fruehjahr-sommer-b .home-slider-image {
        position: absolute;
        right: -5%;
        height: 50%;
        top: 20%;
    }

    .fruehjahr-sommer-b .home-slider-title {
        left: 0;
        padding: 0 15px;
        bottom: unset;
        width: calc(55% - 30px);
        top: 50%;
    }

    .fruehjahr-sommer-b .home-slider-text {
        top: 72%;
        bottom: unset;
        width: calc(100% - 30px);
    }

    /*********************/
    .geschenk-gutschein .home-slider-title {
        bottom: unset;
        top: 44%;
        left: 15px;
        width: calc(100% - 30px);
    }

    .geschenk-gutschein .home-slider-text {
        bottom: unset;
        top: 68%;
        left: 14px;
        color: #FFFFFF;
    }

    .geschenk-gutschein .home-slider-image {
        right: -20%;
        height: 75%;
        top: -5%;
    }

    /*********************/
    .familie-a .home-slider-title {
        left: 14px;

    }

    .familie-a .home-slider-text {
        left: 14px;

    }

    .familie-a .home-slider-image {
        right: -6%;

    }

    /*********************/
    .neujahr-b-korken .home-slider-title {
        bottom: unset;
        left: 9px;
        color: #FFFFFF;
        width: 100%;
        font-size: 68px;
    }

    .neujahr-b-korken .home-slider-text {
        bottom: 22%;
        top: unset;
        left: 14px;
        color: #FFFFFF;
    }

    .neujahr-b-korken .home-slider-image {
        right: -25%;
        height: 74%;
        bottom: 27%;
    }

    /*********************/
    .neujahr-a-schweinchen .home-slider-title {
        top: 15%;
        left: 0;
        padding: 0 25px;
    }

    .neujahr-a-schweinchen .home-slider-text {
        top: 64%;
    }

    .neujahr-a-schweinchen .home-slider-image {
        right: -22%;
        height: 58%;
        bottom: 32%;
    }

    /*********************/
    .live-im-center .home-slider-title {
        top: 50%;
        left: 0;
        width: calc(100% - 30px);
        padding: 0 15px;
    }

    .live-im-center .home-slider-text {
        top: 72%;
    }

    .live-im-center .home-slider-image {
        right: -28%;
        height: 75%;
        top: 9%;
        bottom: unset;
    }

    /*********************/
    .ostern-c-nest .home-slider-title {
        top: 50%;
        left: 0;
        width: 50%;
        padding: 0 15px;
        line-height: 1.2;
    }

    .ostern-c-nest .home-slider-text {
        top: 70%;
    }

    .ostern-c-nest .home-slider-image {
        right: -20%;
        height: 70%;
        bottom: unset;
        top: -10%;
    }

    /*********************/
    .ostern-b-tuete .home-slider-title {
        top: 46%;
        left: 0;
        width: 75%;
        padding: 0 15px;
    }

    .ostern-b-tuete .home-slider-text {
        top: 70%;

    }

    .ostern-b-tuete .home-slider-image {
        right: -23%;
        height: 90%;
        bottom: unset;
        top: -15%;
    }

    /*********************/
    .muttertag .home-slider-title {
        top: 50%;
        left: 0;
        width: 90%;
        padding: 0 15px;
        line-height: 1.4
    }

    .muttertag .home-slider-text {
        top: 74%;
    }

    .muttertag .home-slider-image {
        right: 0;
        height: 75%;
        top: 0;
    }

    /*********************/
    .ostern-hase .home-slider-title {
        top: 25%;
        left: 15px;
        width: calc(100% - 30px);
    }

    .ostern-hase .home-slider-text {
        top: 58%;
        bottom: unset;
    }

    .ostern-hase .home-slider-image {
        right: -10%;
        height: 75%;
        top: -5%;
    }

    /*********************/
    .weihnachten .home-slider-title {
        top: 44%;
        left: 0;
        padding: 0 15px;
        letter-spacing: -2px;
    }

    .weihnachten .home-slider-text {
        top: 60%;
    }

    .weihnachten .home-slider-image {
        right: -20%;
        height: 70%;
        top: -8%;
    }

    /*********************/
    .facebook .home-slider-title {
        top: 50%;
        left: 0;
        padding: 0 15px;
        letter-spacing: -2px;
    }

    .facebook .home-slider-text {
        top: 72%;
    }

    .facebook .home-slider-image {
        right: -30%;
        height: 90%;
        top: -5%;
    }

    /*********************/
    .centergeburtstag .home-slider-title {
        top: 65%;
        left: 0;
        padding: 0 15px;
    }

    .centergeburtstag .home-slider-text {
        width: calc(100% - 30px);
        top: 75%;
        bottom: unset;
    }

    .centergeburtstag .home-slider-image {
        height: 50%;
        right: unset;
        left: 5%;
        top: 20%;
    }

    /*********************/
    .vos-b-individuell .home-slider-title {
        top: 35%;
        left: 0;
        width: calc(100% - 30px);
        padding: 0 15px;
    }

    .vos-b-individuell .home-slider-text {
        top: 52%;
        width: unset;
    }

    .vos-b-individuell .home-slider-image {
        right: -32%;
        height: 55%;
        top: -5%;
    }

    /*********************/
    .technik .home-slider-title {
        top: 37%;
        left: 0;
        width: calc(100% - 30px);
        padding: 0 15px;
    }

    .technik .home-slider-text {
        bottom: unset;
        top: 52%;
    }

    .technik .home-slider-image {
        right: -20%;
        height: 65%;
        top: -2%;
    }

    /*********************/
    /*********************/
    .herbst-winter-b .home-slider-title {
        top: 60%;
        left: 0;
        padding: 0 15px;
        letter-spacing: -2px;
    }

    .herbst-winter-b .home-slider-text {
        top: 72%;
    }

    .herbst-winter-b .home-slider-image {
        right: -30%;
        height: 110%;
        top: -5%;
    }


    /*********************/
    .herbst-winter-a .home-slider-title {
        top: 33%;
        left: 0;
        width: calc(55% - 30px);
        padding: 0 15px;
    }

    .herbst-winter-a .home-slider-text {
        top: 48%;
    }

    .herbst-winter-a .home-slider-image {
        right: -18%;
        height: 60%;
        top: -10%;
    }

    /*********************/
    .fruehjahr-sommer-a .home-slider-title {
        top: 33%;
        left: 0;
        width: calc(100% - 30px);
        padding: 0 15px;
    }

    .fruehjahr-sommer-a .home-slider-text {
        bottom: unset;
        top: 48%;
    }

    .fruehjahr-sommer-a .home-slider-image {
        right: -17%;
        height: 55%;
        top: 2%;
    }

    /*********************/
    .auswahl .home-slider-title {
        top: 50%;
        width: calc(100% - 30px);
        padding: 0 15px;
        left: 0;
    }

    .auswahl .home-slider-text {
        bottom: unset;
        width: unset;
        top: 72%;
    }

    .auswahl .home-slider-image {
        height: 90%;
        top: -5%;
        right: -10%;
    }

    /*********************/
    .trikotverlosung .home-slider-title {
        top: 42%;
        left: 15px;
        width: calc(100% - 30px);
    }

    .trikotverlosung .home-slider-text {
        top: 50%;
        width: calc(100% - 30px);
    }

    .trikotverlosung .home-slider-image {
        right: -30%;
        height: 60%;
        bottom: unset;
        top: -2%;
    }

    /*********************/
    .home-slider .slick-dots {
        text-align: center;
        width: 100%;
        right: auto;
        left: 0;
        bottom: 5%;
    }

    .home-slider .slick-dots li {
        display: inline-block;
        float: none;
    }

    .home-slider-title {
        font-size: 3em;
        letter-spacing: -1px;
        top: 40%;
        left: 5%;
    }

    .home-slider-text {
        font-size: 1em;
        left: 5%;
        top: 71%;
        width: 83%;
    }

    .home-slider {
        height: 440px;
        width: 100%;
        position: relative;
    }

    .home-slider-item {
        height: 440px;
        width: 100%;
        position: relative;
        overflow: hidden;
        max-width: 100%;
        box-sizing: border-box;
    }
}


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

@media (max-width: 360px) {
    .weihnachten .home-slider-title {
        top: 36%;
    }
}

/***** CORONA START ****************/

.corona .home-slider-title {
    top: 230px;
    left: 48px;
    color: #FFFFFF;
    width: 60%;
    line-height: 1.2;
}

.corona .home-slider-text {
    top: 380px;
    left: 48px;
    color: #FFFFFF;
    width: 55%;
}

.corona .home-slider-image {
    right: 125px;
    bottom: 69px;
    height: 80%;
}

@media (max-width: 1024px) {
    .corona .home-slider-title {
        top: 30%;
        left: 48px;
    }

    .corona .home-slider-text {
        top: 50%;
    }

    .corona .home-slider-image {
        right: 60px;
        height: 53%;
        bottom: 150px;
    }
}


@media (max-width: 768px) {
    .corona .home-slider-title {
        top: 20%;
        left: 20px;

    }

    .corona .home-slider-text {
        top: 44%;
        left: 20px;
    }

    .corona .home-slider-image {
        right: 5px;
        bottom: 80px;
        height: 40%;
    }
}

@media (max-width: 360px) {
    .corona .home-slider-title {
        top: 160px;
        left: 48px;
        color: #FFFFFF;
        width: 60%;
        line-height: 1.2;
        font-size: 64px;
    }

    .corona .home-slider-image {
        height: 80%;
        right: 211px;
        bottom: 76px;
    }
}

/***** CORONA END ****************/


/***** CORONA START ****************/

.coronab .home-slider-title {
    top: 130px;
    left: 48px;
    color: #FFFFFF;
    width: 60%;
    line-height: 1.2;
}

.coronab .home-slider-text {
    top: 420px;
    left: 48px;
    color: #FFFFFF;
}

.coronab .home-slider-image {
    height: 80%;
    right: 211px;
    bottom: 76px;
}


/***** TEASER GROOO TEMPLATE START *****/

.hamsterkauf .home-slider-title {
    top: 230px;
    left: 48px;
    color: #FFFFFF;
    width: 60%;
    line-height: 1.2;
}

.hamsterkauf .home-slider-text {
    top: 500px;
    left: 48px;
    color: #FFFFFF;
    width: 55%;
}

.hamsterkauf .home-slider-image {
    right: 25px;
    bottom: 69px;
    height: 75%;
}

@media (max-width: 1024px) {
    .hamsterkauf .home-slider-title {
        top: 20%;
        left: 48px;
        font-size: 100px;
    }

    .hamsterkauf .home-slider-text {
        top: 80%;
    }

    .hamsterkauf .home-slider-image {
        right: -57px;
        height: 80%;
        bottom: 100px;
    }
}


@media (max-width: 768px) {
    .hamsterkauf .home-slider-title {
        top: 40%;
        left: 20px;
    }

    .hamsterkauf .home-slider-text {
        top: 73%;
        left: 7px !important;
    }

    .hamsterkauf .home-slider-image {
        right: -8%;
        bottom: 120px;
        height: 45%;
    }
}

@media (max-width: 360px) {
    .hamsterkauf .home-slider-title {
        top: 160px;
        left: 48px;
        color: #FFFFFF;
        width: 60%;
        line-height: 1.2;
        font-size: 64px;
    }

    .hamsterkauf .home-slider-image {
        height: 80%;
        right: 211px;
        bottom: 76px;
    }
}

/***** TEASER GROOO TEMPLATE END *****/


/***** TEASER GROOO TEMPLATE START *****/

.abstand-halten .home-slider-title {
    top: 230px;
    left: 48px;
    color: #FFFFFF;
    width: 60%;
    line-height: 1.2;
}

.abstand-halten .home-slider-text {
    top: 490px;
    left: 48px;
    color: #FFFFFF;
    width: 55%;
}

.abstand-halten .home-slider-image {
    right: 125px;
    bottom: 69px;
    height: 80%;
}

@media (max-width: 1024px) {
    .abstand-halten .home-slider-title {
        top: 30%;
        left: 48px;
    }

    .abstand-halten .home-slider-text {
        top: 66%;
    }

    .abstand-halten .home-slider-image {
        right: 60px;
        height: 53%;
        bottom: 150px;
    }
}


@media (max-width: 768px) {
    .abstand-halten .home-slider-title {
        top: 47%;
        left: 20px;
        font-size: 45px !important;
        width: 90%;
    }

    .abstand-halten .home-slider-text {
        top: 74%;
        left: 20px;
        width: 90%;
    }

    .abstand-halten .home-slider-image {
        right: 32%;
        bottom: 235px;
        height: 35%;
    }
}

@media (max-width: 360px) {
    .abstand-halten .home-slider-title {
        top: 160px;
        left: 48px;
        color: #FFFFFF;
        width: 60%;
        line-height: 1.2;
        font-size: 64px;
    }

    .abstand-halten .home-slider-image {
        height: 80%;
        right: 211px;
        bottom: 76px;
    }
}

/***** TEASER GROOO TEMPLATE END *****/

/***** TEASER GROOO TEMPLATE START *****/

.corona-danke .home-slider-title {
    top: 53%;
    left: 5%;
    color: #FFFFFF;
    width: 60%;
    line-height: 1.2;
}

.corona-danke .home-slider-text {
    top: 70%;
    left: 5%;
    color: #FFFFFF;
    width: 55%;
}

.corona-danke .home-slider-image {
    right: 5%;
    bottom: 5%;
    height: 80%;
}

@media (max-width: 1024px) {
    .corona-danke .home-slider-title {
        top: 60%;
        left: 5%;
    }

    .corona-danke .home-slider-text {
        top: 76%;
        width: 90%;
    }

    .corona-danke .home-slider-image {
        right: 10%;
        height: 77%;
        bottom: 20%;
    }
}


@media (max-width: 768px) {
    .corona-danke .home-slider-title {
        top: 52%;
        left: 5%;
        width: 90%;
    }

    .corona-danke .home-slider-text {
        top: 68%;
        left: 5%;
        width: 90%;
    }

    .corona-danke .home-slider-image {
        right: 6%;
        bottom: 28%;
        height: 65%;
    }
}

@media (max-width: 360px) {
    .corona-danke .home-slider-title {
        top: 52%;
        left: 5%;
        color: #FFFFFF;
        width: 60%;
        line-height: 1.2;
        font-size: 64px;
    }

    .corona-danke .home-slider-image {
        height: 50%;
        right: 5%;
        bottom: 30%;
    }
}

/***** TEASER GROOO TEMPLATE END *****/

/***** TEASER GROOOSS TEMPLATE START *****/

/* Monitors with screen width 1366px or above */
.valentinstag .home-slider-title {
    top: 23%;
    left: 3%;
    color: #fff;
    width: 55%;
    line-height: 1.2;
    font-size: 6em;
}

.valentinstag .home-slider-text {
    top: 59%;
    left: 3%;
    color: #fff;
    width: 60%;
}

.valentinstag .home-slider-image {
    right: -7%;
    top: 0;
    height: 100%;
}

/*  Tablets in landscape mode, older desktop monitors */
@media only screen and (min-width: 1024px) and (max-width: 1365px) {
    .valentinstag .home-slider-title {
        top: 45%;
        left: 5%;
        font-size: 4em;
        width: 60%;
    }

    .valentinstag .home-slider-text {
        top: 69%;
        width: 90%;
        left: 5%;
    }

    .valentinstag .home-slider-image {
        right: -15%;
        bottom: -10%;
    }
}


@media only screen and (min-width: 500px) and (max-width: 1023px) {
    .valentinstag .home-slider-title {
        top: 45%;
        left: 5%;
        font-size: 4em;
        width: 100%;
    }

    .valentinstag .home-slider-text {
        top: 69%;
        width: 90%;
        left: 5%;
    }

    .valentinstag .home-slider-image {
        right: -15%;
        bottom: -10%;
    }
}



/* Monitors with screen width 1366px or above */
.corona-mnschutz .home-slider-title {
    top: 30%;
    left: 3%;
    color: #fff;
    width: 55%;
    line-height: 1.2;
    font-size: 5em;
}

.corona-mnschutz .home-slider-text {
    top: 77%;
    left: 3%;
    color: #fff;
    width: 60%;
}

.corona-mnschutz .home-slider-image {
    right: 5%;
    bottom: 0;
    height: 100%;
}

/*  Tablets in landscape mode, older desktop monitors */
@media only screen and (min-width: 1024px) and (max-width: 1365px) {
    .corona-mnschutz .home-slider-title {
        top: 35%;
        left: 5%;
        font-size: 4em;
        width: 60%;
    }

    .corona-mnschutz .home-slider-text {
        top: 69%;
        width: 90%;
        left: 5%;
    }

    .corona-mnschutz .home-slider-image {
        right: 5%;
        height: 65%;
        bottom: 32%;
    }
}

/*  Tablets in portrait mode, large display smartphones landscape mode */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .corona-mnschutz .home-slider-title {
        top: 45%;
        left: 5%;
        font-size: 3.5em;
        width: 70%;
    }

    .corona-mnschutz .home-slider-text {
        top: 77%;
        left: 5%;
        width: 90%;
    }

    .corona-mnschutz .home-slider-image {
        left: 34%;
        bottom: 45%;
        height: 55%;
    }
}

/*  Smartphones in landscape mode */
@media only screen and (min-width: 421px) and (max-width: 767px) {
    .corona-mnschutz .home-slider-title {
        top: 42%;
        left: 5%;
        color: #fff;
        width: 90%;
        font-size: 2.5em;
    }

    .corona-mnschutz .home-slider-text {
        top: 77%;
        left: 5%;
        width: 90%;
        font-size: 1em;
    }

    .corona-mnschutz .home-slider-image {
        height: 45%;
        right: 27%;
        bottom: 50%;
    }
}

/*  Smartphones in portrait mode  */
@media only screen and (max-width: 420px) {
    .corona-mnschutz .home-slider-title {
        top: 55%;
        left: 5%;
        width: 90%;
        font-size: 2em;
    }

    .corona-mnschutz .home-slider-text {
        top: 80%;
        left: 5%;
        width: 90%;
    }

    .corona-mnschutz .home-slider-image {
        height: 50%;
        left: 30%;
        top: 8%;
    }
}


/***** TEASER GROOOSS TEMPLATE END *****/

/***** TEASER GROOOSS TEMPLATE START *****/

/* Monitors with screen width 1366px or above */
.more-shops-opened .home-slider-title {
    top: 31%;
    left: 3%;
    color: #000;
    width: 60%;
    line-height: 1.2;
    font-size: 7em;
}

.more-shops-opened .home-slider-text {
    top: 77%;
    left: 3%;
    color: #000;
    width: 70%;
}

.more-shops-opened .home-slider-image {
    right: 25px;
    bottom: 0;
    height: 100%;
}

/*  Tablets in landscape mode, older desktop monitors */
@media only screen and (min-width: 1024px) and (max-width: 1365px) {
    .more-shops-opened .home-slider-title {
        top: 37%;
        left: 5%;
        font-size: 6em;
        width: 70%;
    }

    .more-shops-opened .home-slider-text {
        top: 77%;
        width: 90%;
        left: 5%;
    }

    .more-shops-opened .home-slider-image {
        right: 0;
        height: 100%;
        bottom: 0;
    }
}

/*  Tablets in portrait mode, large display smartphones landscape mode */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .more-shops-opened .home-slider-title {
        top: 39%;
        left: 5%;
        font-size: 5em;
        width: 75%;
    }

    .more-shops-opened .home-slider-text {
        top: 71%;
        left: 5%;
        width: 90%;
    }

    .more-shops-opened .home-slider-image {
        left: 20%;
        bottom: 26%;
        height: 80%;
    }
}

/*  Smartphones in landscape mode */
@media only screen and (min-width: 421px) and (max-width: 767px) {
    .more-shops-opened .home-slider-title {
        top: 16%;
        left: 5%;
        color: #000;
        width: 60%;
        font-size: 5em;
    }

    .more-shops-opened .home-slider-text {
        top: 63%;
        left: 5%;
        width: 90%;
        font-size: 1em;
    }

    .more-shops-opened .home-slider-image {
        height: 65%;
        right: 0;
        bottom: 40%;
    }
}

/*  Smartphones in portrait mode  */
@media only screen and (max-width: 420px) {
    .more-shops-opened .home-slider-title {
        top: 42%;
        left: 5%;
        color: #000;
        width: 90%;
        font-size: 3em;
    }

    .more-shops-opened .home-slider-text {
        top: 71%;
        left: 5%;
        width: 90%;
    }

    .more-shops-opened .home-slider-image {
        height: 60%;
        left: 15%;
        top: 12%;
    }
}


/***** TEASER GROOOSS TEMPLATE END *****/

/***** TEASER GROOOSS TEMPLATE START *****/

/* Monitors with screen width 1366px or above */
.all-shops-open .home-slider-title {
    top: 31%;
    left: 3%;
    color: #000;
    width: 50%;
    line-height: 1.2;
    font-size: 7em;
}

.all-shops-open .home-slider-text {
    top: 77%;
    left: 3%;
    color: #000;
    width: 37.3%;
}

.all-shops-open .home-slider-image {
    right: 25px;
    bottom: 0;
    height: 100%;
}

/*  Tablets in landscape mode, older desktop monitors */
@media only screen and (min-width: 1024px) and (max-width: 1365px) {
    .all-shops-open .home-slider-title {
        top: 39%;
        left: 5%;
        font-size: 6em;
        width: 60%;
    }

    .all-shops-open .home-slider-text {
        top: 77%;
        width: 90%;
        left: 5%;
    }

    .all-shops-open .home-slider-image {
        right: 0;
        height: 100%;
        bottom: 0;
    }
}

/*  Tablets in portrait mode, large display smartphones landscape mode */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .all-shops-open .home-slider-title {
        top: 43%;
        left: 5%;
        font-size: 5em;
        width: 60%;
    }

    .all-shops-open .home-slider-text {
        top: 77%;
        left: 5%;
        width: 90%;
    }

    .all-shops-open .home-slider-image {
        left: -10%;
        bottom: 0%;
        height: 100%;
    }
}

/*  Smartphones in landscape mode */
@media only screen and (min-width: 421px) and (max-width: 767px) {
    .all-shops-open .home-slider-title {
        top: 12%;
        left: 5%;
        color: #000;
        width: 60%;
        font-size: 3em;
    }

    .all-shops-open .home-slider-text {
        top: 31%;
        left: 5%;
        width: 90%;
        font-size: 1em;
    }

    .all-shops-open .home-slider-image {
        height: 45%;
        right: -3%;
        bottom: 60%;
    }
}

/*  Smartphones in portrait mode  */
@media only screen and (max-width: 420px) {
    .all-shops-open .home-slider-title {
        top: 41%;
        left: 5%;
        color: #000;
        width: 80%;
        font-size: 3em;
    }

    .all-shops-open .home-slider-text {
        top: 71%;
        left: 5%;
        width: 90%;
    }

    .all-shops-open .home-slider-image {
        height: 79%;
        left: -20%;
        top: 8%;
    }
}


/***** TEASER GROOOSS TEMPLATE END *****/


@media (max-width: 1024px) {
    .herbst-winter-b .home-slider-image {
        right: 5%;
        height: 60%;
        bottom: 23%;
    }
    .herbst-winter-b .home-slider-title {
        font-size: 80px;
    }
    .herbst-winter-a .home-slider-image {
        right: 0%;
        height: 75%;
        bottom: 0;
    }
    .technik .home-slider-title {
        font-size: 85px;
    }
    .technik .home-slider-image {
        right: 0;
        height: 80%;
    }

    .weihnachten .home-slider-image {
        height: 80%;
        top: 15%;
        right: -90px;
    }

    .auswahl .home-slider-image {
        height: 74%;
        right: -3.5%;
        top: 18%;
    }

    .vos-b-individuell .home-slider-image {
        right: 0;
        height: 80%;
        top: 21%;
    }
}

@media (max-width: 780px) {
    .vos-b-individuell .home-slider-title {
        font-size: 64px;
        top: 100px;
    }

    .vos-b-individuell .home-slider-text {
        top: 270px;
        left: 50px;
        width: 55%;
    }

    .vos-b-individuell .home-slider-image {
        position: absolute;
        right: 0;
        height: 70%;
        top: 24%;
    }

    .weihnachten .home-slider-title {
        top: 80px;
        font-size: 70px;
    }

    .weihnachten .home-slider-text {
        top: 38%;
    }

    .weihnachten .home-slider-image {
        right: -20px;
        height: 55%;
        top: 40%;
    }

    .technik .home-slider-image {
        height: 60%;
        bottom: 5%;
    }
    .technik .home-slider-title {
        font-size: 80px;
        top: 100px;
    }
    .technik .home-slider-text {
        top: 275px;
        left: 50px;
        font-weight: 100;
    }
    .herbst-winter-a .home-slider-image {
        right: 0%;
        height: 65%;
        bottom: 0;
    }
    .herbst-winter-a .home-slider-title {
        top: 100px;
        left: 50px;
        color: #fff;
    }
    .herbst-winter-a .home-slider-text {
        top: 230px;
        left: 50px;
        font-weight: 100;
        color: #fff;
    }
    .herbst-winter-b .home-slider-image {
        right: 5%;
        height: 60%;
        bottom: 5%;
    }
    .herbst-winter-b .home-slider-title {
        top: 100px;
        left: 50px;
    }
    .herbst-winter-b .home-slider-text {
        top: 215px;
        left: 50px;
        font-weight: 100;
    }
    .facebook .home-slider-image {
        height: 75%;
        right: -124px;
        bottom: 5%;
    }
    .facebook .home-slider-title {
        top: 160px;
        left: 48px;
        color: #FFFFFF;
        width: 90%;
        line-height: 1.2;
        font-size: 80px;
    }
    .facebook .home-slider-text {
        top: 368px;
        left: 48px;
        color: #FFFFFF;
    }

    .auswahl .home-slider-image {
        height: 66%;
        right: -3.5%;
        top: 27%;
    }
}

@media (max-width: 480px) {
    .vos-b-individuell .home-slider-title {
        top: 26%;
        left: 20px;
    }

    .vos-b-individuell .home-slider-text {
        left: 35px;
        width: 50%;
    }

    .vos-b-individuell .home-slider-image {
        right: 0;
        height: 55%;
        top: 36%;
    }

    .weihnachten .home-slider-title {
        top: 23%;
        left: 20px;
        padding: 0 15px;
        letter-spacing: -2px;
        font-size: 38px;
    }

    .weihnachten .home-slider-text {
        top: 48%;
        left: 36px;
    }

    .weihnachten .home-slider-image {
        right: -20%;
        height: 54%;
        top: 36%;
    }

    .technik .home-slider-image {
        height: 60%;
        bottom: 5%;
        top: auto;
    }
    .technik .home-slider-title {
        font-size: 40px;
        top: 100px;
    }
    .technik .home-slider-text {
        top: 206px;
        left: 20px;
        font-weight: 100;
    }
    .herbst-winter-a .home-slider-image {
        right: 0%;
        height: 65%;
        bottom: 0;
        top: auto;
    }
    .herbst-winter-a .home-slider-title {
        top: 100px;
        left: 20px;
        color: #fff;
        width: 100%;
    }
    .herbst-winter-a .home-slider-text {
        top: 160px;
        left: 38px;
        font-weight: 100;
        color: #fff;
    }
    .herbst-winter-b .home-slider-image {
        right: 5%;
        height: 57%;
        bottom: 7%;
        top: auto;
    }
    .herbst-winter-b .home-slider-title {
        top: 100px;
        left: 20px;
        font-size: 50px;
    }
    .herbst-winter-b .home-slider-text {
        top: 164px;
        left: 36px;
        font-weight: 100;
    }
    .facebook .home-slider-image {
        height: 55%;
        right: -45px;
        bottom: 2%;
        top: auto;
    }
    .facebook .home-slider-title {
        top: 100px;
        left: 20px;
        color: #FFFFFF;
        width: 90%;
        line-height: 1.2;
        font-size: 50px;
    }
    .facebook .home-slider-text {
        top: 230px;
        left: 40px;
        color: #FFFFFF;
        font-size: 14px;
    }

    .auswahl .home-slider-image {
        height: 50%;
        top: 43%;
        right: -3%;
    }

    .auswahl .home-slider-text {
        top: 52%;
    }

    .auswahl .home-slider-title {
        top: 23%;
        left: 20px;
    }
}

.corona-teststation .home-slider-title {
    color: #fff;
    max-width: 65%;
    top: 20%;
    margin-left: 50px;
}

.corona-teststation .home-slider-text {
    color: #fff;
    margin-left: 50px;
    top: 55%;
    max-width: 50%;
}

.corona-teststation .home-slider-image {
    bottom: 0;
    right: 0;
}


@media (max-width: 1305px) {
    .corona-teststation .home-slider-title {
        font-size: 85px;
    }
}

@media (max-width: 1305px) {
    .corona-teststation .home-slider-title {
        font-size: 85px;
    }
}

@media (max-width: 1120px) {
    .corona-teststation .home-slider-title {
        max-width: 80%;
    }
    .corona-teststation .home-slider-text {
        max-width: 80%;
    }
    .corona-teststation .home-slider-image img {
        float: right;
        width: 90%;
    }
}


@media (max-width: 980px) {
    .corona-teststation .home-slider-title {
        font-size: 65px;
    }
    .corona-teststation .home-slider-text {
        top: 45%;
    }
}

@media (max-width: 700px) {
    .corona-teststation .home-slider-title {
        font-size: 45px;
    }
    .corona-teststation .home-slider-text {
        top: 37%;
    }
}

@media (max-width: 480px) {
    .corona-teststation .home-slider-title {
        font-size: 30px;
    }
    .corona-teststation .home-slider-image img {
        width: 60%;
    }
}



.groooss-terminshopping .home-slider-title {
    color: #000;
    max-width: 65%;
    top: 20%;
    margin-left: 50px;
}

.groooss-terminshopping .home-slider-text {
    color: #000;
    margin-left: 50px;
    top: 55%;
    max-width: 50%;
}

.groooss-terminshopping .home-slider-image {
    bottom: 0;
    right: 0;
}


@media (max-width: 1305px) {
    .groooss-terminshopping .home-slider-title {
        font-size: 85px;
    }
}

@media (max-width: 1305px) {
    .groooss-terminshopping .home-slider-title {
        font-size: 85px;
    }
}

@media (max-width: 1120px) {
    .groooss-terminshopping .home-slider-title {
        max-width: 80%;
    }
    .groooss-terminshopping .home-slider-text {
        max-width: 80%;
    }
    .groooss-terminshopping .home-slider-image img {
        float: right;
        width: 90%;
    }
}


@media (max-width: 980px) {
    .groooss-terminshopping .home-slider-title {
        font-size: 65px;
    }
    .groooss-terminshopping .home-slider-text {
        top: 45%;
    }
}

@media (max-width: 700px) {
    .groooss-terminshopping .home-slider-title {
        font-size: 45px;
    }
    .groooss-terminshopping .home-slider-text {
        top: 37%;
    }
}

@media (max-width: 480px) {
    .groooss-terminshopping .home-slider-title {
        font-size: 30px;
    }
    .groooss-terminshopping .home-slider-image img {
        width: 60%;
    }
}





/* Monitors with screen width 1366px or above */
.playmobil .home-slider-title {
    top: 31%;
    left: 3%;
    color: #fff;
    width: 60%;
    line-height: 1.2;
    font-size: 6em;
}

.playmobil .home-slider-text {
    top: 70%;
    left: 3%;
    color: #fff;
    width: 70%;
}

.playmobil .home-slider-image {
    right: 6%;
    bottom: 10%;
    height: 80%;
}

/*  Tablets in landscape mode, older desktop monitors */
@media only screen and (min-width: 1024px) and (max-width: 1365px) {
    .playmobil .home-slider-title {
        top: 37%;
        left: 5%;
        font-size: 6em;
        width: 70%;
    }

    .playmobil .home-slider-text {
        top: 77%;
        width: 90%;
        left: 5%;
    }

    .playmobil .home-slider-image {
        right: 6%;
        bottom: 10%;
        height: 70%;
    }
}

@media only screen and (min-width: 1024px) and (max-width: 1240px) {
    .playmobil .home-slider-title {
        top: 37%;
        left: 5%;
        font-size: 4em;
        width: 70%;
    }

    .playmobil .home-slider-text {
        top: 64%;
        width: 90%;
        left: 5%;
    }

    .playmobil .home-slider-image {
        right: 6%;
        bottom: 23%;
        height: 50%;
    }
}

/*  Tablets in portrait mode, large display smartphones landscape mode */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .playmobil .home-slider-title {
        top: 49%;
        left: 5%;
        font-size: 4em;
        width: 75%;
    }

    .playmobil .home-slider-text {
        top: 77%;
        left: 5%;
        width: 90%;
    }

    .playmobil .home-slider-image {
        left: 46%;
        bottom: 26%;
        height: 60%;
    }
}

/*  Smartphones in landscape mode */
@media only screen and (min-width: 421px) and (max-width: 767px) {
    .playmobil .home-slider-title {
        top: 54%;
        left: 5%;
        color: #fff;
        width: 80%;
        font-size: 3em;
    }

    .playmobil .home-slider-text {
        top: 82%;
        left: 5%;
        width: 90%;
        font-size: 1em;
    }

    .playmobil .home-slider-image {
        height: 45%;
        right: 8%;
        bottom: 50%;
    }
}

/*  Smartphones in portrait mode  */
@media only screen and (max-width: 420px) {
    .playmobil .home-slider-title {
        top: 62%;
        left: 5%;
        color: #fff;
        width: 96%;
        font-size: 2em;
    }

    .playmobil .home-slider-text {
        top: 81%;
        left: 5%;
        width: 90%;
    }

    .playmobil .home-slider-image {
        height: 40%;
        left: 23%;
        top: 17%;
    }
}




/* Monitors with screen width 1366px or above */
.spargeltage .home-slider-title {
    top: 31%;
    left: 3%;
    color: #000;
    width: 60%;
    line-height: 1.2;
    font-size: 6em;
}

.spargeltage .home-slider-text {
    top: 70%;
    left: 3%;
    color: #000;
    width: 49%;
    font-size: 1.3em;
}

.spargeltage .home-slider-image {
    right: 2%;
    bottom: 0%;
    height: 76%;
}

/*  Tablets in landscape mode, older desktop monitors */
@media only screen and (min-width: 1024px) and (max-width: 1365px) {
    .spargeltage .home-slider-title {
        top: 37%;
        left: 5%;
        font-size: 6em;
        width: 70%;
    }

    .spargeltage .home-slider-text {
        top: 77%;
        width: 90%;
        left: 5%;
    }

    .spargeltage .home-slider-image {
        right: 6%;
        bottom: 10%;
        height: 70%;
    }
}

@media only screen and (min-width: 1024px) and (max-width: 1240px) {
    .spargeltage .home-slider-title {
        top: 37%;
        left: 5%;
        font-size: 4em;
        width: 70%;
    }

    .spargeltage .home-slider-text {
        top: 64%;
        width: 90%;
        left: 5%;
    }

    .spargeltage .home-slider-image {
        right: 6%;
        bottom: 23%;
        height: 50%;
    }
}

/*  Tablets in portrait mode, large display smartphones landscape mode */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .spargeltage .home-slider-title {
        top: 49%;
        left: 5%;
        font-size: 4em;
        width: 75%;
    }

    .spargeltage .home-slider-text {
        top: 77%;
        left: 5%;
        width: 90%;
    }

    .spargeltage .home-slider-image {
        left: 46%;
        bottom: 26%;
        height: 60%;
    }
}

/*  Smartphones in landscape mode */
@media only screen and (min-width: 421px) and (max-width: 767px) {
    .spargeltage .home-slider-title {
        top: 55%;
        left: 5%;
        color: #000;
        width: 80%;
        font-size: 2em;
    }

    .spargeltage .home-slider-text {
        top: 75%;
        left: 5%;
        width: 90%;
        font-size: 0.8em;
    }

    .spargeltage .home-slider-image {
        height: 45%;
        right: 8%;
        bottom: 50%;
    }
}

/*  Smartphones in portrait mode  */
@media only screen and (max-width: 420px) {
    .spargeltage .home-slider-title {
        top: 45%;
        left: 5%;
        color: #000;
        width: 96%;
        font-size: 1.5em;
    }

    .spargeltage .home-slider-text {
        top: 61%;
        left: 5%;
        width: 90%;
        font-size: 0.9em;
    }

    .spargeltage .home-slider-image {
        height: 40%;
        left: 23%;
        top: 17%;
    }
}





/* Monitors with screen width 1366px or above */
.megashopping .home-slider-title {
    top: 28%;
    left: 3%;
    color: #fff;
    width: 60%;
    line-height: 1.2;
    font-size: 4.5em;
}

.megashopping .home-slider-text {
    top: 59%;
    left: 3%;
    color: #fff;
    width: 70%;
}

.megashopping .home-slider-image {
    right: 0;
    bottom: 0;
    height: 80%;
}

/*  Tablets in landscape mode, older desktop monitors */
@media only screen and (min-width: 1024px) and (max-width: 1365px) {
    .megashopping .home-slider-title {
        top: 37%;
        left: 5%;
        font-size: 4em;
        width: 70%;
    }

    .megashopping .home-slider-text {
        top: 64%;
        width: 90%;
        left: 5%;
    }

    .megashopping .home-slider-image {
        right: 0;
        bottom: 0;
        height: 70%;
    }
}

@media only screen and (min-width: 1024px) and (max-width: 1240px) {
    .megashopping .home-slider-title {
        top: 37%;
        left: 5%;
        font-size: 4em;
        width: 70%;
    }

    .megashopping .home-slider-text {
        top: 64%;
        width: 90%;
        left: 5%;
    }

    .megashopping .home-slider-image {
        right: 0;
        bottom: 0;
        height: 50%;
    }
}

/*  Tablets in portrait mode, large display smartphones landscape mode */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .megashopping .home-slider-title {
        top: 18%;
        left: 5%;
        font-size: 4em;
        width: 75%;
    }

    .megashopping .home-slider-text {
        top: 45%;
        left: 5%;
        width: 90%;
    }

    .megashopping .home-slider-image {
        right: 0;
        bottom: 0;
        height: 60%;
    }
}

/*  Smartphones in landscape mode */
@media only screen and (min-width: 421px) and (max-width: 767px) {
    .megashopping .home-slider-title {
        top: 10%;
        left: 5%;
        color: #fff;
        width: 90%;
        font-size: 3em;
    }

    .megashopping .home-slider-text {
        top: 32%;
        left: 5%;
        width: 90%;
        font-size: 1em;
    }

    .megashopping .home-slider-image {
        height: 45%;
        right: 0;
        bottom: 0;
    }
}

/*  Smartphones in portrait mode  */
@media only screen and (max-width: 420px) {
    .megashopping .home-slider-title {
        top: 22%;
        left: 5%;
        color: #fff;
        width: 96%;
        font-size: 2em;
    }

    .megashopping .home-slider-text {
        top: 42%;
        left: 5%;
        width: 90%;
    }

    .megashopping .home-slider-image {
        height: 40%;
        right: 0;
        bottom: 0;
    }
}







/* Monitors with screen width 1366px or above */
.globus .home-slider-title {
    top: 33%;
    left: 3%;
    color: #fff;
    width: 60%;
    line-height: 1.2;
    font-size: 7.1em;
}

.globus .home-slider-text {
    top: 74%;
    left: 3%;
    color: #fff;
    width: 70%;
}

.globus .home-slider-image {
    right: 14%;
    bottom: 5%;
    height: 80%;
}

/*  Tablets in landscape mode, older desktop monitors */
@media only screen and (min-width: 1024px) and (max-width: 1365px) {
    .globus .home-slider-title {
        top: 37%;
        left: 5%;
        font-size: 7em;
        width: 70%;
    }

    .globus .home-slider-text {
        top: 76%;
        width: 90%;
        left: 5%;
    }

    .globus .home-slider-image {
        right: 8%;
        bottom: 5%;
        height: 70%;
    }
}

@media only screen and (min-width: 1024px) and (max-width: 1240px) {
    .globus .home-slider-title {
        top: 37%;
        left: 5%;
        font-size: 5em;
        width: 70%;
    }

    .globus .home-slider-text {
        top: 67%;
        width: 90%;
        left: 5%;
        font-size: 20px;
    }

    .globus .home-slider-image {
        right: 10%;
        bottom: 5%;
        height: 70%;
    }
}

/*  Tablets in portrait mode, large display smartphones landscape mode */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .globus .home-slider-title {
        top: 10%;
        left: 5%;
        font-size: 4em;
        width: 75%;
    }

    .globus .home-slider-text {
        top: 34%;
        left: 5%;
        width: 90%;
    }

    .globus .home-slider-image {
        right: 10%;
        bottom: 5%;
        height: 55%;
    }
}

/*  Smartphones in landscape mode */
@media only screen and (min-width: 421px) and (max-width: 767px) {
    .globus .home-slider-title {
        top: 13%;
        left: 5%;
        color: #fff;
        width: 90%;
        font-size: 3em;
    }

    .globus .home-slider-text {
        top: 32%;
        left: 5%;
        width: 90%;
        font-size: 1em;
    }

    .globus .home-slider-image {
        height: 45%;
        right: auto;
        bottom: 5%;
        width: 100%;
    }

    .globus .home-slider-image img {
        margin: 0 auto;
    }
}

/*  Smartphones in portrait mode  */
@media only screen and (max-width: 420px) {
    .globus .home-slider-title {
        top: 23%;
        left: 5%;
        color: #fff;
        width: 100%;
        font-size: 2.3em;
    }

    .globus .home-slider-text {
        top: 45%;
        left: 5%;
        width: 90%;
    }

    .globus .home-slider-image {
        height: 35%;
        right: 0;
        bottom: 10%;
    }
}






/* Monitors with screen width 1366px or above */
.kinderfest .home-slider-title {
    top: 21%;
    left: 3%;
    font-size: 6em;
    width: 70%;
    color: #000;
    line-height: 1.2;
}

.kinderfest .home-slider-text {
    top: 63%;
    width: 90%;
    left: 3%;
    font-size: 23px;
}

.kinderfest .home-slider-image {
    right: -3%;
    bottom: -9%;
    height: 93%;
}

/*  Tablets in landscape mode, older desktop monitors */
@media only screen and (min-width: 1024px) and (max-width: 1365px) {
    .kinderfest .home-slider-title {
        top: 23%;
        left: 3%;
        font-size: 6em;
        width: 70%;
    }

    .kinderfest .home-slider-text {
        top: 66%;
        width: 90%;
        left: 3%;
        font-size: 22px;
    }

    .kinderfest .home-slider-image {
        right: -3%;
        bottom: -10%;
        height: 84%;
    }
}

@media only screen and (min-width: 1024px) and (max-width: 1240px) {
    .kinderfest .home-slider-title {
        top: 19%;
        left: 3%;
        font-size: 5em;
        width: 70%;
    }

    .kinderfest .home-slider-text {
        top: 57%;
        width: 90%;
        left: 3%;
        font-size: 20px;
    }

    .kinderfest .home-slider-image {
        right: -3%;
        bottom: 5%;
        height: 70%;
    }
}

/*  Tablets in portrait mode, large display smartphones landscape mode */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .kinderfest .home-slider-title {
        top: 20%;
        left: 5%;
        font-size: 4em;
        width: 75%;
    }

    .kinderfest .home-slider-text {
        top: 50%;
        left: 5%;
        width: 90%;
        font-size: 15px;
    }

    .kinderfest .home-slider-image {
        right: -1%;
        bottom: -3%;
        height: 55%;
    }
}

/*  Smartphones in landscape mode */
@media only screen and (min-width: 421px) and (max-width: 767px) {
    .kinderfest .home-slider-title {
        top: 22%;
        left: 5%;
        color: #000;
        width: 90%;
        font-size: 2em;
    }

    .kinderfest .home-slider-text {
        top: 45%;
        left: 5%;
        width: 90%;
        font-size: 0.8em;
    }

    .kinderfest .home-slider-image {
        height: 35%;
        right: auto;
        bottom: 5%;
        width: 100%;
    }

    .kinderfest .home-slider-image img {
        margin: 0 auto;
    }
}

/*  Smartphones in portrait mode  */
@media only screen and (max-width: 420px) {
    .kinderfest .home-slider-title {
        top: 23%;
        left: 5%;
        color: #000;
        width: 100%;
        font-size: 1.6em;
    }

    .kinderfest .home-slider-text {
        top: 45%;
        left: 5%;
        width: 90%;
        font-size: 13px;
    }

    .kinderfest .home-slider-image {
        height: 35%;
        right: auto;
        bottom: 5%;
        width: 100%;
    }

    .kinderfest .home-slider-image img {
        margin: 0 auto;
    }
}







/* Monitors with screen width 1366px or above */
.lego .home-slider-title {
    top: 21%;
    left: 3%;
    font-size: 6em;
    width: 70%;
    color: #000;
    line-height: 1.2;
}

.lego .home-slider-text {
    top: 59%;
    width: 50%;
    left: 3%;
    font-size: 23px;
}

.lego .home-slider-image {
    right: 0;
    bottom: 0;
    height: 100%;
}

/*  Tablets in landscape mode, older desktop monitors */
@media only screen and (min-width: 1024px) and (max-width: 1365px) {
    .lego .home-slider-title {
        top: 23%;
        left: 3%;
        font-size: 6em;
        width: 70%;
    }

    .lego .home-slider-text {
        top: 62%;
        width: 50%;
        left: 3%;
        font-size: 21px;
    }

    .lego .home-slider-image {
        right: 0;
        bottom: 0;
        height: 84%;
    }
}

@media only screen and (min-width: 1024px) and (max-width: 1240px) {
    .lego .home-slider-title {
        top: 19%;
        left: 3%;
        font-size: 5em;
        width: 70%;
    }

    .lego .home-slider-text {
        top: 52%;
        width: 50%;
        left: 3%;
        font-size: 20px;
    }

    .lego .home-slider-image {
        right: -3%;
        bottom: 5%;
        height: 70%;
    }
}

/*  Tablets in portrait mode, large display smartphones landscape mode */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .lego .home-slider-title {
        top: 20%;
        left: 5%;
        font-size: 4em;
        width: 75%;
    }

    .lego .home-slider-text {
        top: 50%;
        left: 5%;
        width: 50%;
        font-size: 17px;
    }

    .lego .home-slider-image {
        right: -4%;
        bottom: 0;
        height: 61%;
    }
}

/*  Smartphones in landscape mode */
@media only screen and (min-width: 421px) and (max-width: 767px) {
    .lego .home-slider-title {
        top: 12%;
        left: 5%;
        color: #000;
        width: 90%;
        font-size: 2.5em;
    }

    .lego .home-slider-text {
        top: 30%;
        left: 5%;
        width: 90%;
        font-size: 1.1em;
    }

    .lego .home-slider-image {
        height: 35%;
        right: auto;
        bottom: 5%;
        width: 100%;
    }

    .lego .home-slider-image img {
        margin: 0 auto;
    }
}

/*  Smartphones in portrait mode  */
@media only screen and (max-width: 480px) {
    .lego .home-slider-title {
        top: 23%;
        left: 5%;
        color: #000;
        width: 100%;
        font-size: 1.6em;
    }

    .lego .home-slider-text {
        top: 41%;
        left: 5%;
        width: 50%;
        font-size: 15px;
    }

    .lego .home-slider-image {
        height: 65%;
        right: -10%;
        bottom: 5%;
        width: auto;
    }
}







/* Monitors with screen width 1366px or above */
.energie .home-slider-title {
    top: 31%;
    left: 3%;
    font-size: 5em;
    width: 70%;
    color: #fff;
    line-height: 1.2;
}

.energie .home-slider-text {
    top: 62%;
    width: 50%;
    left: 3%;
    color: #fff;
    font-size: 23px;
}

.energie .home-slider-image {
    right: 7%;
    bottom: 0;
    height: 100%;
}

/*  Tablets in landscape mode, older desktop monitors */
@media only screen and (min-width: 1024px) and (max-width: 1365px) {
    .energie .home-slider-title {
        top: 32%;
        left: 3%;
        font-size: 5em;
        width: 70%;
    }

    .energie .home-slider-text {
        top: 62%;
        width: 50%;
        left: 3%;
        font-size: 21px;
    }

    .energie .home-slider-image {
        right: 7%;
        bottom: 10%;
        height: 84%;
    }
}

@media only screen and (min-width: 1024px) and (max-width: 1240px) {
    .energie .home-slider-title {
        top: 28%;
        left: 3%;
        font-size: 4em;
        width: 70%;
    }

    .energie .home-slider-text {
        top: 52%;
        width: 52%;
        left: 3%;
        font-size: 20px;
    }

    .energie .home-slider-image {
        right: 5%;
        bottom: 5%;
        height: 70%;
    }
}

/*  Tablets in portrait mode, large display smartphones landscape mode */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .energie .home-slider-title {
        top: 20%;
        left: 5%;
        font-size: 4em;
        width: 75%;
    }

    .energie .home-slider-text {
        top: 45%;
        left: 5%;
        width: 50%;
        font-size: 17px;
    }

    .energie .home-slider-image {
        right: 7%;
        bottom: 0;
        height: 61%;
    }
}

/*  Smartphones in landscape mode */
@media only screen and (min-width: 421px) and (max-width: 767px) {
    .energie .home-slider-title {
        top: 12%;
        left: 5%;
        color: #fff;
        width: 90%;
        font-size: 2.5em;
    }

    .energie .home-slider-text {
        top: 30%;
        left: 5%;
        width: 90%;
        font-size: 1.1em;
    }

    .energie .home-slider-image {
        height: 55%;
        right: auto;
        bottom: 5%;
        width: 100%;
    }

    .energie .home-slider-image img {
        margin: 0 auto;
    }
}

/*  Smartphones in portrait mode  */
@media only screen and (max-width: 480px) {
    .energie .home-slider-title {
        top: 23%;
        left: 5%;
        color: #fff;
        width: 100%;
        font-size: 1.6em;
    }

    .energie .home-slider-text {
        top: 41%;
        left: 5%;
        width: 50%;
        font-size: 15px;
    }

    .energie .home-slider-image {
        height: 65%;
        right: -10%;
        bottom: 5%;
        width: auto;
    }
}













/* Monitors with screen width 1366px or above */
.stoffmarkt .home-slider-title {
    top: 31%;
    left: 3%;
    font-size: 5em;
    width: 70%;
    color: #fff;
    line-height: 1.2;
}

.stoffmarkt .home-slider-text {
    top: 62%;
    width: 50%;
    left: 3%;
    color: #fff;
    font-size: 23px;
}

.stoffmarkt .home-slider-image {
    right: -5%;
    bottom: 25%;
    height: 100%;
}

@media only screen and (min-width: 1365px) {
    .stoffmarkt .home-slider-image img {
        height: 150%;
    }
}

/*  Tablets in landscape mode, older desktop monitors */
@media only screen and (min-width: 1024px) and (max-width: 1365px) {
    .stoffmarkt .home-slider-title {
        top: 32%;
        left: 3%;
        font-size: 5em;
        width: 70%;
    }

    .stoffmarkt .home-slider-text {
        top: 62%;
        width: 50%;
        left: 3%;
        font-size: 21px;
    }

    .stoffmarkt .home-slider-image {
        right: 7%;
        bottom: 10%;
        height: 84%;
    }
}

@media only screen and (min-width: 1024px) and (max-width: 1240px) {
    .stoffmarkt .home-slider-title {
        top: 28%;
        left: 3%;
        font-size: 4em;
        width: 70%;
    }

    .stoffmarkt .home-slider-text {
        top: 52%;
        width: 52%;
        left: 3%;
        font-size: 20px;
    }

    .stoffmarkt .home-slider-image {
        right: 5%;
        bottom: 5%;
        height: 70%;
    }
}

/*  Tablets in portrait mode, large display smartphones landscape mode */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .stoffmarkt .home-slider-title {
        top: 20%;
        left: 5%;
        font-size: 4em;
        width: 75%;
    }

    .stoffmarkt .home-slider-text {
        top: 45%;
        left: 5%;
        width: 50%;
        font-size: 17px;
    }

    .stoffmarkt .home-slider-image {
        right: 7%;
        bottom: 0;
        height: 61%;
    }
}

/*  Smartphones in landscape mode */
@media only screen and (min-width: 421px) and (max-width: 767px) {
    .stoffmarkt .home-slider-title {
        top: 12%;
        left: 5%;
        color: #fff;
        width: 90%;
        font-size: 2.5em;
    }

    .stoffmarkt .home-slider-text {
        top: 30%;
        left: 5%;
        width: 90%;
        font-size: 1.1em;
    }

    .stoffmarkt .home-slider-image {
        height: 55%;
        right: auto;
        bottom: 5%;
        width: 100%;
    }

    .stoffmarkt .home-slider-image img {
        margin: 0 auto;
    }
}

/*  Smartphones in portrait mode  */
@media only screen and (max-width: 480px) {
    .stoffmarkt .home-slider-title {
        top: 23%;
        left: 5%;
        color: #fff;
        width: 100%;
        font-size: 1.6em;
    }

    .stoffmarkt .home-slider-text {
        top: 41%;
        left: 5%;
        width: 50%;
        font-size: 15px;
    }

    .stoffmarkt .home-slider-image {
        height: 65%;
        right: -10%;
        bottom: 5%;
        width: auto;
    }
}








/* Monitors with screen width 1366px or above */
.halloween .home-slider-title {
    top: 31%;
    left: 3%;
    font-size: 5em;
    width: 57%;
    color: #fff;
    line-height: 1.2;
}

.halloween .home-slider-text {
    top: 62%;
    width: 50%;
    left: 3%;
    color: #fff;
    font-size: 23px;
}

.halloween .home-slider-image {
    right: -10%;
    bottom: 25%;
    height: 80%;
}

@media only screen and (min-width: 1365px) {
    .halloween .home-slider-image img {
        height: 150%;
    }
}

/*  Tablets in landscape mode, older desktop monitors */
@media only screen and (min-width: 1024px) and (max-width: 1365px) {
    .halloween .home-slider-title {
        top: 32%;
        left: 3%;
        font-size: 5em;
        width: 70%;
    }

    .halloween .home-slider-text {
        top: 62%;
        width: 50%;
        left: 3%;
        font-size: 21px;
    }

    .halloween .home-slider-image {
        right: 7%;
        bottom: 10%;
        height: 84%;
    }
}

@media only screen and (min-width: 1024px) and (max-width: 1240px) {
    .halloween .home-slider-title {
        top: 28%;
        left: 3%;
        font-size: 4em;
        width: 59%;
    }

    .halloween .home-slider-text {
        top: 52%;
        width: 52%;
        left: 3%;
        font-size: 20px;
    }

    .halloween .home-slider-image {
        right: -17%;
        bottom: -6%;
        height: 90%;
    }
}

/*  Tablets in portrait mode, large display smartphones landscape mode */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .halloween .home-slider-title {
        top: 20%;
        left: 5%;
        font-size: 4em;
        width: 75%;
    }

    .halloween .home-slider-text {
        top: 45%;
        left: 5%;
        width: 50%;
        font-size: 17px;
    }

    .halloween .home-slider-image {
        right: 7%;
        bottom: 0;
        height: 61%;
    }
}

/*  Smartphones in landscape mode */
@media only screen and (min-width: 421px) and (max-width: 767px) {
    .halloween .home-slider-title {
        top: 12%;
        left: 5%;
        color: #fff;
        width: 90%;
        font-size: 2.5em;
    }

    .halloween .home-slider-text {
        top: 30%;
        left: 5%;
        width: 90%;
        font-size: 1.1em;
    }

    .halloween .home-slider-image {
        height: 55%;
        right: auto;
        bottom: 5%;
        width: 100%;
    }

    .halloween .home-slider-image img {
        margin: 0 auto;
    }
}

/*  Smartphones in portrait mode  */
@media only screen and (max-width: 480px) {
    .halloween .home-slider-title {
        top: 23%;
        left: 5%;
        color: #fff;
        width: 100%;
        font-size: 1.6em;
    }

    .halloween .home-slider-text {
        top: 41%;
        left: 5%;
        width: 50%;
        font-size: 15px;
    }

    .halloween .home-slider-image {
        height: 65%;
        right: -10%;
        bottom: 5%;
        width: auto;
    }
}









/* Monitors with screen width 1366px or above */
.black-shopping .home-slider-title {
    top: 31%;
    left: 3%;
    font-size: 5em;
    width: 70%;
    color: #fff;
    line-height: 1.2;
}

.black-shopping .home-slider-text {
    top: 62%;
    width: 50%;
    left: 3%;
    color: #fff;
    font-size: 23px;
}

.black-shopping .home-slider-image {
    right: -5%;
    bottom: 35%;
    height: 80%;
}

@media only screen and (min-width: 1365px) {
    .black-shopping .home-slider-image img {
        height: 150%;
    }
}

/*  Tablets in landscape mode, older desktop monitors */
@media only screen and (min-width: 1024px) and (max-width: 1365px) {
    .black-shopping .home-slider-title {
        top: 32%;
        left: 3%;
        font-size: 5em;
        width: 70%;
    }

    .black-shopping .home-slider-text {
        top: 62%;
        width: 50%;
        left: 3%;
        font-size: 21px;
    }

    .black-shopping .home-slider-image {
        right: 7%;
        bottom: 10%;
        height: 84%;
    }
}

@media only screen and (min-width: 1024px) and (max-width: 1240px) {
    .black-shopping .home-slider-title {
        top: 28%;
        left: 3%;
        font-size: 4em;
        width: 70%;
    }

    .black-shopping .home-slider-text {
        top: 52%;
        width: 52%;
        left: 3%;
        font-size: 20px;
    }

    .black-shopping .home-slider-image {
        right: 5%;
        bottom: 5%;
        height: 70%;
    }
}

/*  Tablets in portrait mode, large display smartphones landscape mode */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .black-shopping .home-slider-title {
        top: 20%;
        left: 5%;
        font-size: 4em;
        width: 75%;
    }

    .black-shopping .home-slider-text {
        top: 45%;
        left: 5%;
        width: 50%;
        font-size: 17px;
    }

    .black-shopping .home-slider-image {
        right: 7%;
        bottom: 0;
        height: 61%;
    }
}

/*  Smartphones in landscape mode */
@media only screen and (min-width: 421px) and (max-width: 767px) {
    .black-shopping .home-slider-title {
        top: 12%;
        left: 5%;
        color: #fff;
        width: 90%;
        font-size: 2.5em;
    }

    .black-shopping .home-slider-text {
        top: 30%;
        left: 5%;
        width: 90%;
        font-size: 1.1em;
    }

    .black-shopping .home-slider-image {
        height: 55%;
        right: auto;
        bottom: 5%;
        width: 100%;
    }

    .black-shopping .home-slider-image img {
        margin: 0 auto;
    }
}

/*  Smartphones in portrait mode  */
@media only screen and (max-width: 480px) {
    .black-shopping .home-slider-title {
        top: 23%;
        left: 5%;
        color: #fff;
        width: 100%;
        font-size: 1.6em;
    }

    .black-shopping .home-slider-text {
        top: 41%;
        left: 5%;
        width: 50%;
        font-size: 15px;
    }

    .black-shopping .home-slider-image {
        height: 65%;
        right: -10%;
        bottom: 5%;
        width: auto;
    }
}





/* Monitors with screen width 1366px or above */
.michael-hirte .home-slider-title {
    top: 31%;
    left: 3%;
    font-size: 5em;
    width: 70%;
    color: #fff;
    line-height: 1.2;
}

.michael-hirte .home-slider-text {
    top: 62%;
    width: 50%;
    left: 3%;
    color: #fff;
    font-size: 23px;
}

.michael-hirte .home-slider-image {
    right: -5%;
    bottom: 25%;
    height: 80%;
}

@media only screen and (min-width: 1365px) {
    .michael-hirte .home-slider-image img {
        height: 150%;
    }
}

/*  Tablets in landscape mode, older desktop monitors */
@media only screen and (min-width: 1024px) and (max-width: 1365px) {
    .michael-hirte .home-slider-title {
        top: 32%;
        left: 3%;
        font-size: 5em;
        width: 70%;
    }

    .michael-hirte .home-slider-text {
        top: 62%;
        width: 50%;
        left: 3%;
        font-size: 21px;
    }

    .michael-hirte .home-slider-image {
        right: 7%;
        bottom: 10%;
        height: 84%;
    }
}

@media only screen and (min-width: 1024px) and (max-width: 1240px) {
    .michael-hirte .home-slider-title {
        top: 28%;
        left: 3%;
        font-size: 4em;
        width: 70%;
    }

    .michael-hirte .home-slider-text {
        top: 52%;
        width: 52%;
        left: 3%;
        font-size: 20px;
    }

    .michael-hirte .home-slider-image {
        right: 5%;
        bottom: 5%;
        height: 70%;
    }
}

/*  Tablets in portrait mode, large display smartphones landscape mode */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .michael-hirte .home-slider-title {
        top: 20%;
        left: 5%;
        font-size: 4em;
        width: 75%;
    }

    .michael-hirte .home-slider-text {
        top: 45%;
        left: 5%;
        width: 50%;
        font-size: 17px;
    }

    .michael-hirte .home-slider-image {
        right: 7%;
        bottom: 0;
        height: 61%;
    }
}

/*  Smartphones in landscape mode */
@media only screen and (min-width: 421px) and (max-width: 767px) {
    .michael-hirte .home-slider-title {
        top: 12%;
        left: 5%;
        color: #fff;
        width: 90%;
        font-size: 2.5em;
    }

    .michael-hirte .home-slider-text {
        top: 30%;
        left: 5%;
        width: 90%;
        font-size: 1.1em;
    }

    .michael-hirte .home-slider-image {
        height: 55%;
        right: auto;
        bottom: 5%;
        width: 100%;
    }

    .michael-hirte .home-slider-image img {
        margin: 0 auto;
    }
}

/*  Smartphones in portrait mode  */
@media only screen and (max-width: 480px) {
    .michael-hirte .home-slider-title {
        top: 23%;
        left: 5%;
        color: #fff;
        width: 100%;
        font-size: 1.6em;
    }

    .michael-hirte .home-slider-text {
        top: 41%;
        left: 5%;
        width: 50%;
        font-size: 15px;
    }

    .michael-hirte .home-slider-image {
        height: 65%;
        right: -10%;
        bottom: 5%;
        width: auto;
    }
}









/* Monitors with screen width 1366px or above */
.christian-bahrmann .home-slider-title {
    top: 31%;
    left: 3%;
    font-size: 4.5em;
    width: 70%;
    color: #fff;
    line-height: 1.2;
}

.christian-bahrmann .home-slider-text {
    top: 73%;
    width: 50%;
    left: 3%;
    color: #fff;
    font-size: 23px;
}

.christian-bahrmann .home-slider-image {
    right: -5%;
    bottom: 25%;
    height: 90%;
}

@media only screen and (min-width: 1365px) {
    .christian-bahrmann .home-slider-image img {
        height: 150%;
    }
}

/*  Tablets in landscape mode, older desktop monitors */
@media only screen and (min-width: 1024px) and (max-width: 1365px) {
    .christian-bahrmann .home-slider-title {
        top: 32%;
        left: 3%;
        font-size: 5em;
        width: 70%;
    }

    .christian-bahrmann .home-slider-text {
        top: 75%;
        width: 50%;
        left: 3%;
        font-size: 21px;
    }

    .christian-bahrmann .home-slider-image {
        right: 7%;
        bottom: 10%;
        height: 84%;
    }
}

@media only screen and (min-width: 1024px) and (max-width: 1240px) {
    .christian-bahrmann .home-slider-title {
        top: 28%;
        left: 3%;
        font-size: 4em;
        width: 70%;
    }

    .christian-bahrmann .home-slider-text {
        top: 64%;
        width: 52%;
        left: 3%;
        font-size: 20px;
    }

    .christian-bahrmann .home-slider-image {
        right: 5%;
        bottom: 5%;
        height: 70%;
    }
}

/*  Tablets in portrait mode, large display smartphones landscape mode */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .christian-bahrmann .home-slider-title {
        top: 20%;
        left: 5%;
        font-size: 4em;
        width: 75%;
    }

    .christian-bahrmann .home-slider-text {
        top: 56%;
        left: 5%;
        width: 50%;
        font-size: 17px;
    }

    .christian-bahrmann .home-slider-image {
        right: 7%;
        bottom: 0;
        height: 61%;
    }
}

/*  Smartphones in landscape mode */
@media only screen and (min-width: 421px) and (max-width: 767px) {
    .christian-bahrmann .home-slider-title {
        top: 12%;
        left: 5%;
        color: #fff;
        width: 90%;
        font-size: 2.5em;
    }

    .christian-bahrmann .home-slider-text {
        top: 37%;
        left: 5%;
        width: 90%;
        font-size: 1.1em;
    }

    .christian-bahrmann .home-slider-image {
        height: 55%;
        right: auto;
        bottom: 5%;
        width: 100%;
    }

    .christian-bahrmann .home-slider-image img {
        margin: 0 auto;
    }
}

/*  Smartphones in portrait mode  */
@media only screen and (max-width: 480px) {
    .christian-bahrmann .home-slider-title {
        top: 23%;
        left: 5%;
        color: #fff;
        width: 100%;
        font-size: 1.6em;
    }

    .christian-bahrmann .home-slider-text {
        top: 48%;
        left: 5%;
        width: 50%;
        font-size: 15px;
    }

    .christian-bahrmann .home-slider-image {
        height: 65%;
        right: -10%;
        bottom: 5%;
        width: auto;
    }
}







/* Monitors with screen width 1366px or above */
.weihnachten_2022 .home-slider-title {
    top: 35%;
    left: 3%;
    font-size: 5em;
    width: 70%;
    color: #fff;
    line-height: 1.2;
}

.weihnachten_2022 .home-slider-text {
    top: 66%;
    width: 50%;
    left: 3%;
    color: #fff;
    font-size: 22px;
}

.weihnachten_2022 .home-slider-image {
    right: 2%;
    bottom: 25%;
    height: 65%;
}

@media only screen and (min-width: 1365px) {
    .weihnachten_2022 .home-slider-image img {
        height: 150%;
    }
}

/*  Tablets in landscape mode, older desktop monitors */
@media only screen and (min-width: 1024px) and (max-width: 1365px) {
    .weihnachten_2022 .home-slider-title {
        top: 32%;
        left: 3%;
        font-size: 5em;
        width: 70%;
    }

    .weihnachten_2022 .home-slider-text {
        top: 65%;
        width: 50%;
        left: 3%;
        font-size: 21px;
    }

    .weihnachten_2022 .home-slider-image {
        right: 7%;
        bottom: 10%;
        height: 84%;
    }
}

@media only screen and (min-width: 1024px) and (max-width: 1240px) {
    .weihnachten_2022 .home-slider-title {
        top: 28%;
        left: 3%;
        font-size: 4em;
        width: 70%;
    }

    .weihnachten_2022 .home-slider-text {
        top: 54%;
        width: 52%;
        left: 3%;
        font-size: 20px;
    }

    .weihnachten_2022 .home-slider-image {
        right: 5%;
        bottom: 5%;
        height: 70%;
    }
}

/*  Tablets in portrait mode, large display smartphones landscape mode */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .weihnachten_2022 .home-slider-title {
        top: 20%;
        left: 5%;
        font-size: 4em;
        width: 75%;
    }

    .weihnachten_2022 .home-slider-text {
        top: 46%;
        left: 5%;
        width: 50%;
        font-size: 17px;
    }

    .weihnachten_2022 .home-slider-image {
        right: 7%;
        bottom: 0;
        height: 61%;
    }
}

/*  Smartphones in landscape mode */
@media only screen and (min-width: 421px) and (max-width: 767px) {
    .weihnachten_2022 .home-slider-title {
        top: 12%;
        left: 5%;
        color: #fff;
        width: 90%;
        font-size: 2.5em;
    }

    .weihnachten_2022 .home-slider-text {
        top: 30%;
        left: 5%;
        width: 90%;
        font-size: 1.1em;
    }

    .weihnachten_2022 .home-slider-image {
        height: 55%;
        right: auto;
        bottom: 5%;
        width: 100%;
    }

    .weihnachten_2022 .home-slider-image img {
        margin: 0 auto;
    }
}

/*  Smartphones in portrait mode  */
@media only screen and (max-width: 480px) {
    .weihnachten_2022 .home-slider-title {
        top: 23%;
        left: 5%;
        color: #fff;
        width: 100%;
        font-size: 1.6em;
    }

    .weihnachten_2022 .home-slider-text {
        top: 40%;
        left: 5%;
        width: 50%;
        font-size: 15px;
    }

    .weihnachten_2022 .home-slider-image {
        height: 65%;
        right: -13%;
        bottom: 2%;
        width: auto;
    }
}







/* Monitors with screen width 1366px or above */
.aladdin_jasmin .home-slider-title {
    top: 35%;
    left: 3%;
    font-size: 5em;
    width: 70%;
    color: #fff;
    line-height: 1.2;
}

.aladdin_jasmin .home-slider-text {
    top: 66%;
    width: 50%;
    left: 3%;
    color: #fff;
    font-size: 22px;
}

.aladdin_jasmin .home-slider-image {
    right: -11%;
    bottom: 25%;
    height: 80%;
}

@media only screen and (min-width: 1365px) {
    .aladdin_jasmin .home-slider-image img {
        height: 150%;
    }
}

/*  Tablets in landscape mode, older desktop monitors */
@media only screen and (min-width: 1024px) and (max-width: 1365px) {
    .aladdin_jasmin .home-slider-title {
        top: 32%;
        left: 3%;
        font-size: 5em;
        width: 70%;
    }

    .aladdin_jasmin .home-slider-text {
        top: 65%;
        width: 50%;
        left: 3%;
        font-size: 21px;
    }

    .aladdin_jasmin .home-slider-image {
        right: 7%;
        bottom: 10%;
        height: 84%;
    }
}

@media only screen and (min-width: 1024px) and (max-width: 1240px) {
    .aladdin_jasmin .home-slider-title {
        top: 28%;
        left: 3%;
        font-size: 4em;
        width: 70%;
    }

    .aladdin_jasmin .home-slider-text {
        top: 54%;
        width: 52%;
        left: 3%;
        font-size: 20px;
    }

    .aladdin_jasmin .home-slider-image {
        right: 5%;
        bottom: 5%;
        height: 70%;
    }
}

/*  Tablets in portrait mode, large display smartphones landscape mode */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .aladdin_jasmin .home-slider-title {
        top: 20%;
        left: 5%;
        font-size: 4em;
        width: 75%;
    }

    .aladdin_jasmin .home-slider-text {
        top: 46%;
        left: 5%;
        width: 50%;
        font-size: 17px;
    }

    .aladdin_jasmin .home-slider-image {
        right: 7%;
        bottom: 0;
        height: 61%;
    }
}

/*  Smartphones in landscape mode */
@media only screen and (min-width: 421px) and (max-width: 767px) {
    .aladdin_jasmin .home-slider-title {
        top: 12%;
        left: 5%;
        color: #fff;
        width: 90%;
        font-size: 2.5em;
    }

    .aladdin_jasmin .home-slider-text {
        top: 30%;
        left: 5%;
        width: 90%;
        font-size: 1.1em;
    }

    .aladdin_jasmin .home-slider-image {
        height: 55%;
        right: auto;
        bottom: 5%;
        width: 100%;
    }

    .aladdin_jasmin .home-slider-image img {
        margin: 0 auto;
    }
}

/*  Smartphones in portrait mode  */
@media only screen and (max-width: 480px) {
    .aladdin_jasmin .home-slider-title {
        top: 23%;
        left: 5%;
        color: #fff;
        width: 100%;
        font-size: 1.6em;
    }

    .aladdin_jasmin .home-slider-text {
        top: 40%;
        left: 5%;
        width: 50%;
        font-size: 15px;
    }

    .aladdin_jasmin .home-slider-image {
        height: 65%;
        right: -13%;
        bottom: 2%;
        width: auto;
    }
}







/* Monitors with screen width 1366px or above */
.pettersson_findus .home-slider-title {
    top: 23%;
    left: 3%;
    font-size: 5em;
    width: 70%;
    color: #fff;
    line-height: 1.2;
}

.pettersson_findus .home-slider-text {
    top: 66%;
    width: 50%;
    left: 3%;
    color: #fff;
    font-size: 22px;
}

.pettersson_findus .home-slider-image {
    right: -11%;
    bottom: 34%;
    height: 80%;
}

@media only screen and (min-width: 1365px) {
    .pettersson_findus .home-slider-image img {
        height: 150%;
    }
}

/*  Tablets in landscape mode, older desktop monitors */
@media only screen and (min-width: 1024px) and (max-width: 1365px) {
    .pettersson_findus .home-slider-title {
        top: 20%;
        left: 3%;
        font-size: 5em;
        width: 70%;
    }

    .pettersson_findus .home-slider-text {
        top: 65%;
        width: 50%;
        left: 3%;
        font-size: 21px;
    }

    .pettersson_findus .home-slider-image {
        right: 0%;
        bottom: 10%;
        height: 84%;
    }
}

@media only screen and (min-width: 1024px) and (max-width: 1240px) {
    .pettersson_findus .home-slider-title {
        top: 18%;
        left: 3%;
        font-size: 4em;
        width: 70%;
    }

    .pettersson_findus .home-slider-text {
        top: 54%;
        width: 52%;
        left: 3%;
        font-size: 20px;
    }

    .pettersson_findus .home-slider-image {
        right: -5%;
        bottom: 5%;
        height: 90%;
    }
}

/*  Tablets in portrait mode, large display smartphones landscape mode */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .pettersson_findus .home-slider-title {
        top: 20%;
        left: 5%;
        font-size: 3em;
        width: 75%;
    }

    .pettersson_findus .home-slider-text {
        top: 46%;
        left: 5%;
        width: 50%;
        font-size: 17px;
    }

    .pettersson_findus .home-slider-image {
        right: 7%;
        bottom: 0;
        height: 61%;
    }
}

/*  Smartphones in landscape mode */
@media only screen and (min-width: 421px) and (max-width: 767px) {
    .pettersson_findus .home-slider-title {
        top: 12%;
        left: 5%;
        color: #fff;
        width: 90%;
        font-size: 2em;
    }

    .pettersson_findus .home-slider-text {
        top: 30%;
        left: 5%;
        width: 90%;
        font-size: 1.1em;
    }

    .pettersson_findus .home-slider-image {
        height: 55%;
        right: auto;
        bottom: 5%;
        width: 100%;
    }

    .pettersson_findus .home-slider-image img {
        margin: 0 auto;
    }
}

/*  Smartphones in portrait mode  */
@media only screen and (max-width: 480px) {
    .pettersson_findus .home-slider-title {
        top: 23%;
        left: 5%;
        color: #fff;
        width: 100%;
        font-size: 1.3em;
    }

    .pettersson_findus .home-slider-text {
        top: 40%;
        left: 5%;
        width: 50%;
        font-size: 15px;
    }

    .pettersson_findus .home-slider-image {
        height: 65%;
        right: -13%;
        bottom: 2%;
        width: auto;
    }
}

/* Monitors with screen width 1366px or above */
.baumarkt_messe .home-slider-title {
    top: 23%;
    left: 3%;
    font-size: 5em;
    width: 70%;
    color: #fff;
    line-height: 1.2;
}

.baumarkt_messe .home-slider-text {
    top: 56%;
    width: 50%;
    left: 3%;
    color: #fff;
    font-size: 22px;
}

.baumarkt_messe .home-slider-image {
    right: -3%;
    bottom: 34%;
    height: 70%;
}

@media only screen and (min-width: 1365px) {
    .baumarkt_messe .home-slider-image img {
        height: 150%;
    }
}

/*  Tablets in landscape mode, older desktop monitors */
@media only screen and (min-width: 1024px) and (max-width: 1365px) {
    .baumarkt_messe .home-slider-title {
        top: 20%;
        left: 3%;
        font-size: 5em;
        width: 70%;
    }

    .baumarkt_messe .home-slider-text {
        top: 55%;
        width: 50%;
        left: 3%;
        font-size: 21px;
    }

    .baumarkt_messe .home-slider-image {
        right: 0%;
        bottom: 10%;
        height: 84%;
    }
}

@media only screen and (min-width: 1024px) and (max-width: 1240px) {
    .baumarkt_messe .home-slider-title {
        top: 18%;
        left: 3%;
        font-size: 4em;
        width: 70%;
    }

    .baumarkt_messe .home-slider-text {
        top: 44%;
        width: 52%;
        left: 3%;
        font-size: 20px;
    }

    .baumarkt_messe .home-slider-image {
        right: -5%;
        bottom: 5%;
        height: 90%;
    }
}

/*  Tablets in portrait mode, large display smartphones landscape mode */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .baumarkt_messe .home-slider-title {
        top: 20%;
        left: 5%;
        font-size: 3em;
        width: 75%;
    }

    .baumarkt_messe .home-slider-text {
        top: 40%;
        left: 5%;
        width: 50%;
        font-size: 17px;
    }

    .baumarkt_messe .home-slider-image {
        right: 7%;
        bottom: 0;
        height: 61%;
    }
}

/*  Smartphones in landscape mode */
@media only screen and (min-width: 421px) and (max-width: 767px) {
    .baumarkt_messe .home-slider-title {
        top: 12%;
        left: 5%;
        color: #fff;
        width: 90%;
        font-size: 2em;
    }

    .baumarkt_messe .home-slider-text {
        top: 26%;
        left: 5%;
        width: 90%;
        font-size: 1.1em;
    }

    .baumarkt_messe .home-slider-image {
        height: 55%;
        right: auto;
        bottom: 5%;
        width: 100%;
    }

    .baumarkt_messe .home-slider-image img {
        margin: 0 auto;
    }
}

/*  Smartphones in portrait mode  */
@media only screen and (max-width: 480px) {
    .baumarkt_messe .home-slider-title {
        top: 23%;
        left: 5%;
        color: #fff;
        width: 100%;
        font-size: 1.3em;
    }

    .baumarkt_messe .home-slider-text {
        top: 40%;
        left: 5%;
        width: 50%;
        font-size: 15px;
    }

    .baumarkt_messe .home-slider-image {
        height: 65%;
        right: -13%;
        bottom: 2%;
        width: auto;
    }
}









/* Monitors with screen width 1366px or above */
.kinderfasching .home-slider-title {
    top: 23%;
    left: 3%;
    font-size: 5em;
    width: 70%;
    color: #fff;
    line-height: 1.2;
}

.kinderfasching .home-slider-text {
    top: 56%;
    width: 50%;
    left: 3%;
    color: #fff;
    font-size: 22px;
}

.kinderfasching .home-slider-image {
    right: -3%;
    bottom: 34%;
    height: 70%;
}

@media only screen and (min-width: 1365px) {
    .kinderfasching .home-slider-image img {
        height: 150%;
    }
}

/*  Tablets in landscape mode, older desktop monitors */
@media only screen and (min-width: 1024px) and (max-width: 1365px) {
    .kinderfasching .home-slider-title {
        top: 20%;
        left: 3%;
        font-size: 5em;
        width: 70%;
    }

    .kinderfasching .home-slider-text {
        top: 55%;
        width: 50%;
        left: 3%;
        font-size: 21px;
    }

    .kinderfasching .home-slider-image {
        right: 0%;
        bottom: 10%;
        height: 84%;
    }
}

@media only screen and (min-width: 1024px) and (max-width: 1240px) {
    .kinderfasching .home-slider-title {
        top: 18%;
        left: 3%;
        font-size: 4em;
        width: 70%;
    }

    .kinderfasching .home-slider-text {
        top: 44%;
        width: 52%;
        left: 3%;
        font-size: 20px;
    }

    .kinderfasching .home-slider-image {
        right: -5%;
        bottom: 5%;
        height: 90%;
    }
}

/*  Tablets in portrait mode, large display smartphones landscape mode */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .kinderfasching .home-slider-title {
        top: 20%;
        left: 5%;
        font-size: 3em;
        width: 75%;
    }

    .kinderfasching .home-slider-text {
        top: 40%;
        left: 5%;
        width: 50%;
        font-size: 17px;
    }

    .kinderfasching .home-slider-image {
        right: 7%;
        bottom: 0;
        height: 61%;
    }
}

/*  Smartphones in landscape mode */
@media only screen and (min-width: 421px) and (max-width: 767px) {
    .kinderfasching .home-slider-title {
        top: 12%;
        left: 5%;
        color: #fff;
        width: 90%;
        font-size: 2em;
    }

    .kinderfasching .home-slider-text {
        top: 26%;
        left: 5%;
        width: 90%;
        font-size: 1.1em;
    }

    .kinderfasching .home-slider-image {
        height: 55%;
        right: auto;
        bottom: 5%;
        width: 100%;
    }

    .baumarkt_messe .home-slider-image img {
        margin: 0 auto;
    }
}

/*  Smartphones in portrait mode  */
@media only screen and (max-width: 480px) {
    .kinderfasching .home-slider-title {
        top: 23%;
        left: 5%;
        color: #fff;
        width: 100%;
        font-size: 1.3em;
    }

    .kinderfasching .home-slider-text {
        top: 40%;
        left: 5%;
        width: 50%;
        font-size: 15px;
    }

    .kinderfasching .home-slider-image {
        height: 65%;
        right: -13%;
        bottom: 2%;
        width: auto;
    }
}













/* Monitors with screen width 1366px or above */
.job_ideen .home-slider-title {
    top: 34%;
    left: 3%;
    font-size: 5em;
    width: 70%;
    color: #fff;
    line-height: 1.2;
    /* Normalize styles */
    top: 23%;
    left: 4%;
    font-size: 7.5em;
}

.job_ideen .home-slider-text {
    top: 63%;
    width: 50%;
    left: 3%;
    color: #fff;
    font-size: 22px;
    /* Normalize styles */
    top: 71%;
    left: 4%;
    font-size: 24px;
    letter-spacing: 0px;
}

.job_ideen .home-slider-image {
    right: -19%;
    bottom: 27%;
    height: 140%;
}

@media only screen and (min-width: 1365px) {
    .job_ideen .home-slider-image img {
        height: 150%;
    }
}

/*  Tablets in landscape mode, older desktop monitors */
@media only screen and (min-width: 1024px) and (max-width: 1365px) {
    .job_ideen .home-slider-title {
        top: 40%;
        left: 3%;
        font-size: 5em;
        width: 70%;
    }

    .job_ideen .home-slider-text {
        top: 68%;
        width: 50%;
        left: 3%;
        font-size: 21px;
    }

    .job_ideen .home-slider-image {
        right: -14%;
        bottom: -30%;
        height: 164%;
    }
}

@media only screen and (min-width: 1024px) and (max-width: 1240px) {
    .job_ideen .home-slider-title {
        top: 24%;
        left: 3%;
        font-size: 4em;
        width: 70%;
    }

    .job_ideen .home-slider-text {
        top: 48%;
        width: 52%;
        left: 3%;
        font-size: 20px;
    }

    .job_ideen .home-slider-image {
        right: -19%;
        bottom: -33%;
        height: 170%;
    }
}

/*  Tablets in portrait mode, large display smartphones landscape mode */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .job_ideen .home-slider-title {
        top: 10%;
        left: 5%;
        font-size: 3em;
        width: 75%;
    }

    .job_ideen .home-slider-text {
        top: 28%;
        left: 5%;
        width: 50%;
        font-size: 17px;
    }

    .job_ideen .home-slider-image {
        right: -19%;
        bottom: -25%;
        height: 141%;
    }
}

/*  Smartphones in landscape mode */
@media only screen and (min-width: 421px) and (max-width: 767px) {
    .job_ideen .home-slider-title {
        top: 12%;
        left: 5%;
        color: #fff;
        width: 90%;
        font-size: 2em;
    }

    .job_ideen .home-slider-text {
        top: 26%;
        left: 5%;
        width: 90%;
        font-size: 1.1em;
    }

    .job_ideen .home-slider-image {
        height: 125%;
        right: 41%;
        bottom: -21%;
        width: 100%;
    }

    .job_ideen .home-slider-image img {
        margin: 0 auto;
    }
}

/*  Smartphones in portrait mode  */
@media only screen and (max-width: 480px) {
    .job_ideen .home-slider-title {
        top: 23%;
        left: 5%;
        color: #fff;
        width: 100%;
        font-size: 1.3em;
    }

    .job_ideen .home-slider-text {
        top: 40%;
        left: 5%;
        width: 50%;
        font-size: 15px;
    }

    .job_ideen .home-slider-image {
        height: 65%;
        right: -13%;
        bottom: 2%;
        width: auto;
    }
}


/* Monitors with screen width 1366px or above */
.moped_ausstellung .home-slider-title {
    top: 23%;
    left: 3%;
    font-size: 5em;
    width: 70%;
    color: #fff;
    line-height: 1.2;
}

.moped_ausstellung .home-slider-text {
    top: 70%;
    width: 50%;
    left: 3%;
    color: #fff;
    font-size: 22px;
}

.moped_ausstellung .home-slider-image {
    right: -14%;
    bottom: 27%;
    height: 90%;
}

@media only screen and (min-width: 1365px) {
    .moped_ausstellung .home-slider-image img {
        height: 150%;
    }
}

/*  Tablets in landscape mode, older desktop monitors */
@media only screen and (min-width: 1024px) and (max-width: 1365px) {
    .moped_ausstellung .home-slider-title {
        top: 20%;
        left: 3%;
        font-size: 5em;
        width: 70%;
    }

    .moped_ausstellung .home-slider-text {
        top: 66%;
        width: 50%;
        left: 3%;
        font-size: 21px;
    }

    .moped_ausstellung .home-slider-image {
        right: 0%;
        bottom: 10%;
        height: 84%;
    }
}

@media only screen and (min-width: 1024px) and (max-width: 1240px) {
    .moped_ausstellung .home-slider-title {
        top: 18%;
        left: 3%;
        font-size: 4em;
        width: 70%;
    }

    .moped_ausstellung .home-slider-text {
        top: 55%;
        width: 52%;
        left: 3%;
        font-size: 20px;
    }

    .moped_ausstellung .home-slider-image {
        right: -13%;
        bottom: 5%;
        height: 90%;
    }
}

/*  Tablets in portrait mode, large display smartphones landscape mode */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .moped_ausstellung .home-slider-title {
        top: 20%;
        left: 5%;
        font-size: 3em;
        width: 75%;
    }

    .moped_ausstellung .home-slider-text {
        top: 48%;
        left: 5%;
        width: 50%;
        font-size: 17px;
    }

    .moped_ausstellung .home-slider-image {
        right: -6%;
        bottom: 0;
        height: 61%;
    }
}

/*  Smartphones in landscape mode */
@media only screen and (min-width: 421px) and (max-width: 767px) {
    .moped_ausstellung .home-slider-title {
        top: 12%;
        left: 5%;
        color: #fff;
        width: 90%;
        font-size: 2em;
    }

    .moped_ausstellung .home-slider-text {
        top: 31%;
        left: 5%;
        width: 90%;
        font-size: 1.1em;
    }

    .moped_ausstellung .home-slider-image {
        height: 55%;
        right: auto;
        bottom: 5%;
        width: 100%;
    }

    .moped_ausstellung .home-slider-image img {
        margin: 0 auto;
    }
}

/*  Smartphones in portrait mode  */
@media only screen and (max-width: 480px) {
    .moped_ausstellung .home-slider-title {
        top: 23%;
        left: 5%;
        color: #fff;
        width: 100%;
        font-size: 1.3em;
    }

    .moped_ausstellung .home-slider-text {
        top: 40%;
        left: 5%;
        width: 50%;
        font-size: 15px;
    }

    .moped_ausstellung .home-slider-image {
        height: 65%;
        right: -13%;
        bottom: 2%;
        width: auto;
    }
}




/* Monitors with screen width 1366px or above */
.stellenangebot .home-slider-title {
    top: 33%;
    left: 3%;
    font-size: 5em;
    width: 70%;
    color: #000;
    line-height: 1.2;
}

.stellenangebot .home-slider-text {
    top: 66%;
    width: 75%;
    left: 3%;
    color: #000;
    font-size: 22px;
}

.stellenangebot .home-slider-image {
    right: -10%;
    bottom: 19%;
    height: 90%;
}

@media only screen and (min-width: 1365px) {
    .stellenangebot .home-slider-image img {
        height: 150%;
    }
}

/*  Tablets in landscape mode, older desktop monitors */
@media only screen and (min-width: 1024px) and (max-width: 1365px) {
    .stellenangebot .home-slider-title {
        top: 20%;
        left: 3%;
        font-size: 5em;
        width: 70%;
    }

    .stellenangebot .home-slider-text {
        top: 66%;
        width: 50%;
        left: 3%;
        font-size: 21px;
    }

    .stellenangebot .home-slider-image {
        right: 0%;
        bottom: 10%;
        height: 84%;
    }
}

@media only screen and (min-width: 1024px) and (max-width: 1240px) {
    .stellenangebot .home-slider-title {
        top: 18%;
        left: 3%;
        font-size: 4em;
        width: 70%;
    }

    .stellenangebot .home-slider-text {
        top: 55%;
        width: 52%;
        left: 3%;
        font-size: 20px;
    }

    .stellenangebot .home-slider-image {
        right: -13%;
        bottom: 5%;
        height: 90%;
    }
}

/*  Tablets in portrait mode, large display smartphones landscape mode */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .stellenangebot .home-slider-title {
        top: 20%;
        left: 5%;
        font-size: 3em;
        width: 75%;
    }

    .stellenangebot .home-slider-text {
        top: 48%;
        left: 5%;
        width: 50%;
        font-size: 17px;
    }

    .stellenangebot .home-slider-image {
        right: -6%;
        bottom: 0;
        height: 61%;
    }
}

/*  Smartphones in landscape mode */
@media only screen and (min-width: 421px) and (max-width: 767px) {
    .stellenangebot .home-slider-title {
        top: 12%;
        left: 5%;
        color: #000;
        width: 90%;
        font-size: 2em;
    }

    .stellenangebot .home-slider-text {
        top: 31%;
        left: 5%;
        width: 90%;
        font-size: 1.1em;
    }

    .stellenangebot .home-slider-image {
        height: 55%;
        right: auto;
        bottom: 5%;
        width: 100%;
    }

    .stellenangebot .home-slider-image img {
        margin: 0 auto;
    }
}

/*  Smartphones in portrait mode  */
@media only screen and (max-width: 480px) {
    .stellenangebot .home-slider-title {
        top: 23%;
        left: 5%;
        color: #000;
        width: 100%;
        font-size: 1.3em;
    }

    .stellenangebot .home-slider-text {
        top: 40%;
        left: 5%;
        width: 50%;
        font-size: 15px;
    }

    .stellenangebot .home-slider-image {
        height: 65%;
        right: -13%;
        bottom: 2%;
        width: auto;
    }
}





/* Monitors with screen width 1366px or above */
.geschenk-gutschein-2 .home-slider-title {
    top: 20%;
    left: 3%;
    font-size: 5em;
    width: 70%;
    color: #fff;
    line-height: 1.2;
}

.geschenk-gutschein-2 .home-slider-text {
    top: 50%;
    width: 75%;
    left: 3%;
    color: #fff;
    font-size: 22px;
}

.geschenk-gutschein-2 .home-slider-image {
    right: -10%;
    bottom: 19%;
    height: 90%;
}

@media only screen and (min-width: 1365px) {
    .geschenk-gutschein-2 .home-slider-image img {
        height: 150%;
    }
}

/*  Tablets in landscape mode, older desktop monitors */
@media only screen and (min-width: 1024px) and (max-width: 1365px) {
    .geschenk-gutschein-2 .home-slider-title {
        top: 20%;
        left: 3%;
        font-size: 5em;
        width: 70%;
    }

    .geschenk-gutschein-2 .home-slider-text {
        top: 50%;
        width: 50%;
        left: 3%;
        font-size: 21px;
    }

    .geschenk-gutschein-2 .home-slider-image {
        right: 0%;
        bottom: 10%;
        height: 84%;
    }
}

@media only screen and (min-width: 1024px) and (max-width: 1240px) {
    .geschenk-gutschein-2 .home-slider-title {
        top: 18%;
        left: 3%;
        font-size: 4em;
        width: 70%;
    }

    .geschenk-gutschein-2 .home-slider-text {
        top: 55%;
        width: 52%;
        left: 3%;
        font-size: 20px;
    }

    .geschenk-gutschein-2 .home-slider-image {
        right: -13%;
        bottom: 5%;
        height: 90%;
    }
}

/*  Tablets in portrait mode, large display smartphones landscape mode */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .geschenk-gutschein-2 .home-slider-title {
        top: 20%;
        left: 5%;
        font-size: 3em;
        width: 75%;
    }

    .geschenk-gutschein-2 .home-slider-text {
        top: 38%;
        left: 5%;
        width: 50%;
        font-size: 17px;
    }

    .geschenk-gutschein-2 .home-slider-image {
        right: -6%;
        bottom: 0;
        height: 61%;
    }
}

/*  Smartphones in landscape mode */
@media only screen and (min-width: 421px) and (max-width: 767px) {
    .geschenk-gutschein-2 .home-slider-title {
        top: 12%;
        left: 5%;
        color: #fff;
        width: 90%;
        font-size: 2em;
    }

    .geschenk-gutschein-2 .home-slider-text {
        top: 31%;
        left: 5%;
        width: 90%;
        font-size: 1.1em;
    }

    .geschenk-gutschein-2 .home-slider-image {
        height: 55%;
        right: auto;
        bottom: 5%;
        width: 100%;
    }

    .geschenk-gutschein-2 .home-slider-image img {
        margin: 0 auto;
    }
}

/*  Smartphones in portrait mode  */
@media only screen and (max-width: 480px) {
    .geschenk-gutschein-2 .home-slider-title {
        top: 23%;
        left: 5%;
        color: #fff;
        width: 100%;
        font-size: 1.3em;
    }

    .geschenk-gutschein-2 .home-slider-text {
        top: 40%;
        left: 5%;
        width: 50%;
        font-size: 15px;
    }

    .geschenk-gutschein-2 .home-slider-image {
        height: 65%;
        right: -13%;
        bottom: 2%;
        width: auto;
    }
}






/* Monitors with screen width 1366px or above */
.geschenk-gutschein-3 .home-slider-title {
    top: 33%;
    left: 3%;
    font-size: 5em;
    width: 70%;
    color: #fff;
    line-height: 1.2;
}

.geschenk-gutschein-3 .home-slider-text {
    top: 66%;
    width: 75%;
    left: 3%;
    color: #fff;
    font-size: 22px;
}

.geschenk-gutschein-3 .home-slider-image {
    right: -10%;
    bottom: 19%;
    height: 90%;
}

@media only screen and (min-width: 1365px) {
    .geschenk-gutschein-3 .home-slider-image img {
        height: 150%;
    }
}

/*  Tablets in landscape mode, older desktop monitors */
@media only screen and (min-width: 1024px) and (max-width: 1365px) {
    .geschenk-gutschein-3 .home-slider-title {
        top: 20%;
        left: 3%;
        font-size: 5em;
        width: 70%;
    }

    .geschenk-gutschein-3 .home-slider-text {
        top: 66%;
        width: 50%;
        left: 3%;
        font-size: 21px;
    }

    .geschenk-gutschein-3 .home-slider-image {
        right: 0%;
        bottom: 10%;
        height: 84%;
    }
}

@media only screen and (min-width: 1024px) and (max-width: 1240px) {
    .geschenk-gutschein-3 .home-slider-title {
        top: 18%;
        left: 3%;
        font-size: 4em;
        width: 70%;
    }

    .geschenk-gutschein-3 .home-slider-text {
        top: 55%;
        width: 52%;
        left: 3%;
        font-size: 20px;
    }

    .geschenk-gutschein-3 .home-slider-image {
        right: -13%;
        bottom: 5%;
        height: 90%;
    }
}

/*  Tablets in portrait mode, large display smartphones landscape mode */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .geschenk-gutschein-3 .home-slider-title {
        top: 20%;
        left: 5%;
        font-size: 3em;
        width: 75%;
    }

    .geschenk-gutschein-3 .home-slider-text {
        top: 48%;
        left: 5%;
        width: 50%;
        font-size: 17px;
    }

    .geschenk-gutschein-3 .home-slider-image {
        right: -6%;
        bottom: 0;
        height: 61%;
    }
}

/*  Smartphones in landscape mode */
@media only screen and (min-width: 421px) and (max-width: 767px) {
    .geschenk-gutschein-3 .home-slider-title {
        top: 12%;
        left: 5%;
        color: #fff;
        width: 90%;
        font-size: 2em;
    }

    .geschenk-gutschein-3 .home-slider-text {
        top: 31%;
        left: 5%;
        width: 90%;
        font-size: 1.1em;
    }

    .geschenk-gutschein-3 .home-slider-image {
        height: 55%;
        right: auto;
        bottom: 5%;
        width: 100%;
    }

    .geschenk-gutschein-3 .home-slider-image img {
        margin: 0 auto;
    }
}

/*  Smartphones in portrait mode  */
@media only screen and (max-width: 480px) {
    .geschenk-gutschein-3 .home-slider-title {
        top: 23%;
        left: 5%;
        color: #fff;
        width: 100%;
        font-size: 1.3em;
    }

    .geschenk-gutschein-3 .home-slider-text {
        top: 40%;
        left: 5%;
        width: 50%;
        font-size: 15px;
    }

    .geschenk-gutschein-3 .home-slider-image {
        height: 65%;
        right: -13%;
        bottom: 2%;
        width: auto;
    }
}