/*
Fonts
*/

/* roboto-regular - latin */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: url('/assets/fonts/roboto-v19-latin-regular.eot'); /* IE9 Compat Modes */
    src: local('Roboto'), local('Roboto-Regular'),
    url('/assets/fonts/roboto-v19-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('/assets/fonts/roboto-v19-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
    url('/assets/fonts/roboto-v19-latin-regular.woff') format('woff'), /* Modern Browsers */
    url('/assets/fonts/roboto-v19-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
    url('/assets/fonts/roboto-v19-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-900 - latin */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 900;
    src: url('/assets/fonts/roboto-v19-latin-900.eot'); /* IE9 Compat Modes */
    src: local('Roboto Black'), local('Roboto-Black'),
    url('/assets/fonts/roboto-v19-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('/assets/fonts/roboto-v19-latin-900.woff2') format('woff2'), /* Super Modern Browsers */
    url('/assets/fonts/roboto-v19-latin-900.woff') format('woff'), /* Modern Browsers */
    url('/assets/fonts/roboto-v19-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
    url('/assets/fonts/roboto-v19-latin-900.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* Main Styles */
body {font-family: 'Roboto'; font-weight: 400;}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {font-family: 'Roboto';}
.sf-menu a {font-family: 'Roboto';text-transform: uppercase;font-weight:400;font-size:18px;}
ul.akteure li {font-family: 'Roboto';}

/*Navigation */
@media (min-width: 1200px){
    header .container { height: 81px;}
}
/*Hero Background */
/*#fh5co-hero:after{
    -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 92%, 0% 100%, 0% 0%);
    clip-path: polygon(0% 0%, 100% 0%, 100% 92%, 0% 100%, 0% 0%);
}*/
#fh5co-hero { transform: none;background: #fff no-repeat scroll center top / cover ;bottom:-160px;margin-bottom:0;height: 80vh}


.hero_polygon {width:100%; height: 8vh; top: -8vh; background-color: #fff; background-image: url("/assets/images/back_white.png");z-index:30;display:block; position:relative;clear: both;
    -webkit-clip-path: polygon(0% 100%, 100% 0%, 100% 100%, 0% 100%, 0% 0%);
    clip-path: polygon(0% 100%, 100% 0%, 100% 100%, 0% 100%, 0% 0%);
}

/* Section News */
#news {padding-top: 0;font-size:21px; line-height:1.4em; }
#news {
    background-image: url("/assets/images/MRF_Vintage-BG_grau.jpg");
    -webkit-clip-path: polygon(0% 10%, 100% 0%, 100% 100%, 0% 90%);
    clip-path: polygon(0% 10%, 100% 0%, 100% 100%, 0% 90%);
}

/* Section Teaser */
.teaser_back h2.teaser_h2 {font-size:60px!important; color:#fff!important;}
.teaser_back .teaser_text {font-size:36px!important; color:#fff!important;}
.teaser_back .container {padding:12em 0; text-align: center;}
.teaser_back {background-image: url("/assets/images/MRF_Vintage-BG_blau.jpg");
    -webkit-clip-path: polygon(0% 0%, 100% 10%, 100% 90%, 0% 100%, 0% 0%);
    clip-path: polygon(0% 0%, 100% 10%, 100% 90%, 0% 100%, 0% 0%);
}

/*FIGURE FLOAT*/
.float_left {float:left;margin: 0 25px 15px 0;}
.float_right {float:right;margin: 0 0 15px 25px; }

/*Slider Single */
.slider_single {
    text-align: center;
}
.slider_single h2 {
    font-size: 48px;
    line-height: 1em;
    margin:0 auto;
    text-transform: uppercase;
    max-width:55%;
}
.slider_single  .owl-carousel-fullwidth.owl-theme .owl-dots {
    margin-bottom: 0.5em;
}
/* Inhalt Box */
.inhalt_box {
    text-align: center;
}
.button_mrf_blue {
    width: 540px;
    padding: 5px 2.8em;
    background-color: #008bc5;
    color:#fff;
    font-size: 21px;
}
a.button_mrf_blue:hover {
    color: #fff;
    background-color:#008bc5;
}
/* Infos */
#infos {background-image: url("/assets/images/MRF_Vintage-BG_grau.jpg");
    -webkit-clip-path: polygon(0% 0%, 100% 10%, 100% 90%, 0% 100%, 0% 0%);
    clip-path: polygon(0% 0%, 100% 10%, 100% 90%, 0% 100%, 0% 0%);
    color:#000;
    font-size:21px;;
}
#infos h2 {
    font-size: 48px;
    color: #000;
}
h3.balken {
background-color: #238cc2;
}
.news_image img, .image_literatur img{
    border: 1px solid #238cc2;
    height: 175px;
}
/* Über Uns */
#ueber-uns {margin-top: 5em;background-image: url("/assets/images/MRF_Vintage-BG_orange.jpg");
    -webkit-clip-path: polygon(0% 0%, 100% 10%, 100% 90%, 0% 100%, 0% 0%);
    clip-path: polygon(0% 0%, 100% 10%, 100% 90%, 0% 100%, 0% 0%);
    color:#fff;
    font-size:21px;
    padding-bottom: 5em;
    background-size: cover;
}
#ueber-uns h2 {
    font-size:48px;
    color:#fff;
}
#ueber-uns h3.balken {
    background-color: #fff;
    color:#238cc2;
}
#ueber-uns .news_image img,#ueber-uns .image_literatur img{
    border: 1px solid #fff;
    height: 175px;
}
/* Finanzierung */
#finanzierung {margin-top: 5em;
    background-image: url("/assets/images/MRF_Vintage-BG_grau.jpg");
    background-size: cover;
    -webkit-clip-path: polygon(0% 10%, 100% 0%, 100% 100%, 0% 90%);
    clip-path: polygon(0% 10%, 100% 0%, 100% 100%, 0% 90%);
    color:#000;
    font-size:21px;
}
.owl-item.active .foerderer_sponsor {
    background-color: #238cc2;
}
.owl-item .foerderer_sponsor {
    background-color: #c6c6c6;
}
#owl-two.owl-carousel .owl-item {
    opacity: 1;
    color:#828282;
}
#owl-two.owl-carousel .owl-item a {
    color: #828282;

}
#owl-two.owl-carousel .owl-item img {
    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
}
#owl-two.owl-carousel .owl-item.active img {
    -webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
    filter: grayscale(0%);
}
#programm {margin-top: 5em;
    background-image: url("/assets/images/MRF_Vintage-BG_grau.jpg");
    background-size: cover;
    -webkit-clip-path: polygon(0% 5%, 100% 0%, 100% 100%, 0% 95%);
    clip-path: polygon(0% 5%, 100% 0%, 100% 100%, 0% 95%);
    color:#000;
    font-size:21px;
}

/* */
img {max-width:100%; height: auto; }
@media screen and (max-width: 650px) {
    .hero_polygon {display:none;}
}
@media screen and (max-width: 769px) {
    .not-mobile {
        display:none;
    }
    .mobile {
        display:block;
    }
    .teaser_back h2.teaser_h2 {word-wrap: break-word!important;width:75%;margin: 0 auto;font-size: 2.5em!important;}
    h2 {word-wrap: break-word!important;width:75%;margin: 0 auto;font-size: 1.5em!important;}
    #news, #programm, #infos, #finanzierung, #ueber-uns, #presse, #teaser, .teaser_back {
        -webkit-clip-path: polygon(0% 0%, 100% 100%, 100% 100%, 0% 100%);
        clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
        background-size: cover;
        background-image: none;
        background-color: #008bc5;
        -webkit-clip-path: none;
        clip-path: none;

    }
    .foerderer_sponsor {
        background-color: #238cc2;
    }
    #programm, #infos {
        text-align: center;
    }
    h3.balken {
        max-width:400px;
        margin:0 auto;
    }
    .news_image img, .image_literatur img {
        max-width: 400px;
        height: auto;

    }
    .news_image {
        max-width: 400px;
        height: auto;
        margin:0 auto;

    }
}
/* iphone */
@media only screen
and (device-width : 414px)
and (device-height : 896px)
and (-webkit-device-pixel-ratio : 2) {
    #news, #programm, #infos, #finanzierung, #ueber-uns, #presse, #teaser, .teaser_back {
        -webkit-clip-path: polygon(0% 0%, 100% 100%, 100% 100%, 0% 100%);
        clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
        background-size: cover;
    }
}

/* 2436x1125px at 458ppi */
@media only screen
and (device-width : 375px)
and (device-height : 812px)
and (-webkit-device-pixel-ratio : 3) {
    #news, #programm, #infos, #finanzierung, #ueber-uns, #presse, #teaser, .teaser_back {
        -webkit-clip-path: polygon(0% 0%, 100% 100%, 100% 100%, 0% 100%);
        clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
        background-size: cover;
    }
}

/* 2688x1242px at 458ppi */
@media only screen
and (device-width : 414px)
and (device-height : 896px)
and (-webkit-device-pixel-ratio : 3) {
    #news, #programm, #infos, #finanzierung, #ueber-uns, #presse, #teaser, .teaser_back {
        -webkit-clip-path: polygon(0% 0%, 100% 100%, 100% 100%, 0% 100%);
        clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
        background-size: cover;
    }
}
@media only screen
and (min-device-width : 414px)
and (device-width : 414px)
and (max-device-height : 896px)
and (-webkit-device-pixel-ratio : 3)
and (orientation : portrait) {

}

    @media screen and (min-width: 770px) {
    .not-mobile {
        display:block;
    }
    .mobile {
        display:none;
    }
}