/* Slider */
#header_slider { text-align: center; }

#header_slider .header_slider_left,
#header_slider .header_slider_right {
    position: absolute;
    z-index: 10;
    top: 240px;
    width: 55px;
    height: 55px;
    background: transparent url(../images/slider_header_left.png) center no-repeat;
    opacity: 0.5;
    cursor: pointer;
}
#header_slider .header_slider_left { left: 10%; }
#header_slider .header_slider_right { right: 10%; background-image: url(../images/slider_header_right.png); }
#header_slider .header_slider_left:hover,
#header_slider .header_slider_right:hover { opacity: 1; }
#header_slider .header_slider_content { width: 100%; text-align: center !important; }

#header_slider .header_slider_content .item {
	display: inline-block;

         width: 100%;  /* 1920px */
         height: 438px; /* 438px */
}

#header_slider .header_slider_content .item.allgemein { background: transparent url(../images/header_slider_allgemein.jpg) top center no-repeat; }
#header_slider .header_slider_content .item.allgemein2 { background: transparent url(../images/header_slider_allgemein2.jpg) top center no-repeat; }
#header_slider .header_slider_content .item.global { background: transparent url(../images/header_slider_global.jpg) top center no-repeat; }
#header_slider .header_slider_content .item.agentur { background: transparent url(../images/header_slider_agentur.jpg) top center no-repeat; }
#header_slider .header_slider_content .item.merchant { background: transparent url(../images/header_slider_merchant.jpg) top center no-repeat; }
#header_slider .header_slider_content .item.publisher { background: transparent url(../images/header_slider_publisher.jpg) top center no-repeat; }
#header_slider .header_slider_content .item.statistik { background: transparent url(../images/header_slider_statistik.jpg) top center no-repeat; }
#header_slider .header_slider_content .item.support { background: transparent url(../images/header_slider_support.jpg) top center no-repeat; }
#header_slider .header_slider_content .item.blog { background: transparent url(../images/header_slider_blog.jpg) top center no-repeat; }

#header_slider .header_slider_content .item span {
         display: block;
         position: relative;
         left: 50%;
         top: 250px;
         z-index: 10;
         margin-left: -100px;

         width: 500px;
         height: 100px;
         border: 0px #FFFFFF solid;

         color: #FFFFFF;
         font-size: 2.6em;
         text-shadow: 3px 3px 5px rgba(0, 0, 0, 0.25);
         font-weight: normal;
         text-align: center;
         text-transform: uppercase;
}
#header_slider .header_slider_content .item.allgemein span { top: 200px; margin-left: -260px; }
#header_slider .header_slider_content .item.allgemein2 span { top: 200px; margin-left: -260px; }
#header_slider .header_slider_content .item.global span { font-size: 2.4em; top: 230px;  margin-left: -500px; }
#header_slider .header_slider_content .item.publisher span { font-size: 2.3em; top: 200px; margin-left: -520px; }
#header_slider .header_slider_content .item.merchant span { font-size: 2.3em; top: 210px; margin-left: 50px; }
#header_slider .header_slider_content .item.agentur span { top: 210px; }
#header_slider .header_slider_content .item.statistik span { font-size: 2.3em; top: 210px; margin-left: 50px; }
#header_slider .header_slider_content .item.support span { top: 210px; margin-left: 10px; }

#header_slider .header_slider_content .item.blog span { margin-left: -250px; top: 200px; font-size: 2.4em; }

/* Breite Fenster: Fotokanten ausblenden, gruenen Abschluss durchgehend zeichnen. */
@media (min-width: 1921px) {
    #header_slider .header_slider_left { left: calc(50% - 768px); }
    #header_slider .header_slider_right { right: calc(50% - 768px); }

    #header_slider .item.blog {
        --rand-links: linear-gradient(#44596e, #627f9f);
        --rand-rechts: linear-gradient(#7fa2be, #8dadc6);
    }

    #header_slider .item.allgemein {
        --rand-links: linear-gradient(#395975, #829bae);
        --rand-rechts: linear-gradient(#607d96, #e6eaee);
    }

    #header_slider .item.global {
        --rand-links: linear-gradient(#0f355e, #215480);
        --rand-rechts: linear-gradient(#0f355f, #215581);
    }

    #header_slider .item.merchant {
        --rand-links: linear-gradient(#a1b2bd, #809dae);
        --rand-rechts: linear-gradient(#7295a9, #7396aa);
    }

    #header_slider .item.agentur {
        --rand-links: linear-gradient(#aebac3, #84929f);
        --rand-rechts: linear-gradient(#ced5db, #cdd4d9);
    }

    #header_slider .item.publisher {
        --rand-links: linear-gradient(#40424e, #313745);
        --rand-rechts: linear-gradient(#727989, #756e7c);
    }

    #header_slider .item.statistik {
        --rand-links: linear-gradient(#36678b, #0b3254);
        --rand-rechts: linear-gradient(#37688c, #093254);
    }

    #header_slider .item.support {
        --rand-links: linear-gradient(#b3bfc8, #c9cdd4);
        --rand-rechts: linear-gradient(#749db9, #d5dce2);
    }

    #header_slider .header_slider_content { position: relative; }
    #header_slider .header_slider_content::after {
        content: "";
        position: absolute;
        z-index: 1;
        bottom: 0;
        left: 0;
        right: 0;
        height: 16px;
        background: linear-gradient(#76b305, #88ca08);
        pointer-events: none;
    }

    #header_slider .header_slider_content .item { position: relative; }
    #header_slider .header_slider_content .item::before,
    #header_slider .header_slider_content .item::after {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        width: calc(50% - 800px);
        background-repeat: no-repeat;
        -webkit-mask-image: linear-gradient(to var(--richtung), black calc(100% - 152px), transparent);
        mask-image: linear-gradient(to var(--richtung), black calc(100% - 152px), transparent);
        pointer-events: none;
    }
    #header_slider .header_slider_content .item::before {
        left: 0;
        --richtung: right;
        background-image: var(--rand-links, none);
    }
    #header_slider .header_slider_content .item::after {
        right: 0;
        --richtung: left;
        background-image: var(--rand-rechts, none);
    }
}

#kunden_slider { text-align: center; height: 80px; margin: 10px 0px; }

#kunden_slider .kunden_slider_left {
         float:left;
         background: transparent url(../images/slider_kunden_left.png) center center no-repeat;
         width: 60px;
         height: 60px;
         cursor: pointer;
}
#kunden_slider .kunden_slider_left:hover { background: transparent url(../images/slider_kunden_left_hover.png) center center no-repeat; }

#kunden_slider .kunden_slider_content {
         float:left;
         width: calc(100% - 120px);
         text-align: center !important;
         border: 0px #FFFFFF solid;
}

#kunden_slider .kunden_slider_right {
	float:right;
         background: transparent url(../images/slider_kunden_right.png) center center no-repeat;
         width: 60px;
         height: 60px;
         cursor: pointer;
}
#kunden_slider .kunden_slider_right:hover { background: transparent url(../images/slider_kunden_right_hover.png) center center no-repeat; }

#kunden_slider .kunden_slider_content .item {
	display: inline-block;
         height: 60px;
         padding: 0px 10px;
         border: 0px #EFEFEF solid;
         text-align: center !important;
}

#kunden_slider .kunden_slider_content .item img { margin: 0px auto; }