/* Startseite ************************************************************************/
/* ANIMATIONEN */
@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}
/* Container */
#container {padding-top:0;}
#container::before {content:'';display:block;position:absolute;top:0px;left:0;z-index:1000;width:100%;height:2em;background:url('../img/welle-wassergenossenschaft-rotkreuz.svg') no-repeat center -1px;background-size:110% auto;}
/* Artikel */
.mod_article.first {margin:0 0 4.5em 0;width:100%;max-width:none;}
.mod_article.einleitung {margin-bottom:4.5em;}
#main > .inside {padding-top:0;}

/* Flexslider */
.flexslider {margin:0;width:100%;background:none;border:0;border-radius:0;box-shadow:0;}
.flex-direction-nav a:before {content:url('../img/pfeil-prev.svg');display:block;width:16px;margin:0 0 0 auto;height:auto;}
.flex-direction-nav a.flex-next:before {content:url('../img/pfeil-next.svg');margin:0 auto 0 0;}


/* Figcaption */
.flexslider figure {display:block;position:relative;}
.flexslider figcaption {display:block;position:absolute;top:calc(50% - 78px);left:calc(50% - 178px);padding:0;width:355px;height:155px;background-color:#004f91;background:rgba(0,79,145,0.8);border-radius:2px;color:#fff;text-align:center;transition:background 0.25s ease;box-shadow:0px 0px 10px rgba(255,255,255,0.25);opacity:1;animation-name:fadeIn;animation-duration:1s;}
/*.flexslider:hover figcaption {background:rgba(0,79,145,1);}*/
.flexslider figcaption span {font-size:3em;display:block;padding-top:24px;}

@media screen and (max-width:767px) {
	.flexslider figcaption {display:block;position:relative;top:auto;left:auto;margin:0;padding:0;width:100%;height:auto;background-color:#004f91;background:rgba(0,79,145,1);border-radius:0;color:#fff;text-align:center;transition:background 0.25s ease;box-shadow:none;opacity:1;animation-name:fadeIn;animation-duration:1s;}
	.flexslider figcaption span {font-size:1em;display:inline-block;padding:8px 4px 8px 0;}
}

/* Live-Cam */
.livecam-sliderimg img {display:none;}
#livecam-home {position:absolute;top:0;left:0;width:100%;height:100%;background-repeat:no-repeat;background-position:center;background-size:cover;}

/* Einleitung */
.ce_text {text-align:center;margin:0 auto;width:100%;max-width:661px;}
.ce_text p strong {font-size:22px;font-weight:normal;color:#004f91;}