/******************************************
 CUSTOM STYLESHEET
*******************************************/

/*
* You can place your custom CSS statements in this file, after this message.
* It is better to write everything custom here
* because this file won't be replaced during updates.
*
* Simply copy an existing style from style.css to this file,
* and modify it to your liking.
*/



/*
STRUKTUR
----------*/

.home-page .content-area{
    width: 100%;
}
.wpzoom-featured-cat{
    float: left;
    width: 25%;
}
@media (max-width:1024px ){

    .wpzoom-featured-cat{
        width: 50%;
    }

}
@media (max-width:520px ){

    .wpzoom-featured-cat{
        float: none;
        width: 100%;
    }

}
.featured-grid-4{
    width: 100%;
}
.wpzoom-featured-cat .featured-grid-4.featured-style-style_text > div{
    width: 95%;
}

.starting-page .entry-content {
    margin-bottom:50px;
}

.starting-page .entry-header{
    display:none;
}
.starting-page .kgvid_wrapper{
    margin-top:0;
}
.starting-page .entry-content p{

}

.post-thumb img,
.sidebar-content img{
    border:1px solid #cbcbcb;
}


/* Participants */


.participants-wrapper h2{
    margin-bottom:20px;
}
.participants-wrapper h3{
    margin-top:5px;
    font-size: 18px;
    padding-bottom:5px;
    min-height:50px;
}
.participants-wrapper ul{
    list-style:none;
}
.participants-wrapper li{
    display:inline-block;
    width:15%;
    margin-right: 1%;
    margin-bottom:10px;
    vertical-align:bottom;

}
.participants-wrapper li a{
    font-size:16px;

}




.recent-posts .post{
    max-width: 20%;
    min-width:200px;
}
.recent-posts .post img{
    max-width: 200px;

}
@media (max-width:680px ){

    .participants-wrapper li{
        width:22%;
        margin-right: 1%;

    }
    .participants-wrapper li a{
        font-size:14px;

    }


}


/* Paricipants Detailseite */
@media (max-width:680px ){

    .recent-posts .post{
        max-width: 50%;
    }
    .recent-posts .post .entry-content{
        padding-right:20px;
    }
}
@media (max-width:480px ){


    .recent-posts .post{
        max-width: 100%;

    }

}



/*
FARBEN
----------*/

/*!* Navigation *!*/
/*.navbar,*/
/*.site-info-top*/
/*{background-color:#C52F47 !important}*/
/*.main-navbar .current-menu-item > a,*/
/*.main-navbar .current_page_item > a,*/
/*.main-navbar .current-menu-parent > a,*/
/*.main-navbar .current_page_parent > a {*/
/*background-color:#982236 !important;*/
/*}*/

/*.navbar-nav ul{*/
/*background-color:#C52F47 !important;*/
/*border-radius:0 !important;*/
/*}*/
/*.navbar-nav > li > ul:before{*/

/*background-color:#C52F47 !important;*/
/*border-bottom-color:#C52F47 !important;*/
/*}*/





.entry-content a:link,
.entry-content a:visited,
.entry-content a:active{color: #064578}
.entry-content a:hover{color:#000;}

/* Hintergruende Kategorien */
#wpzoom-featured-cat-2 h3.title a{
    background-color:#C52F47 !important;
}
#wpzoom-featured-cat-5 h3.title a{
    background-color:#E6883D !important;
}
#wpzoom-featured-cat-4 h3.title a{
    background-color:#F2BB4D !important;
}
#wpzoom-featured-cat-3 h3.title a{
    background-color:#1D4474 !important;
}


/* Homepage */
.featured_area .post-area {
    margin-bottom:0 !important;
    padding-bottom:0 !important;
}
.featured-area{
    padding-bottom:0;
}
.featured-video{
    width:60%;
    float:left;
}
.right-of-featured-video{
    width:40%;
    float:right;
    padding-left:3%;
}
.right-of-featured-video a:link{
    color:#fff !important;
}
.right-of-featured-video a:hover{
    color:#000 !important;
}
.readmore_button a:hover{
    color:#000 !important;
}

.wpzoom-featured-cat {
    padding: 0 1%;
}


.right-of-featured-video-box-1,
.right-of-featured-video-box-2,
.right-of-featured-video-box-3{
    margin-top:20px;
    padding: 15px;
    font-size:24px;
}
.right-of-featured-video-box-1 {

    background-color:#fcb82b;
}
.right-of-featured-video-box-2 {
    background-color:#1eb8de;
}
.right-of-featured-video-box-3 {
    background-color:#C40046;
}
.right-of-featured-video-box-1 a{
    color:#fff !important;

}
.right-of-featured-video-box-2 a{
    color:#fff !important;
}
.right-of-featured-video-box-3 a{
    color:#fff !important;
}

@media (max-width:680px ){

    .featured-video{
        width:100%;
        float:none;
    }
    .right-of-featured-video{
        width:100%;
        float:none;
        padding-left:0;
    }

}

.awesome-weather-header,
.awesome-weather-current-temp,
.awesome-weather-forecast
{
    font-family:'Open Sans' !important;
}



.countrylist{
    list-style:none;
}

/*
    Header
*/

.logo-area{
    display:table;
    width:100%;
    border-collapse: collapse;
    border-spacing: 0;
    table-layout: fixed
}
.logo-area-inner{
    display:table-row;
    width:100%
}
.logo-area-left,
.logo-area-right{
    display:table-cell;
    width:20%;
    min-width:280px !important;


}
.logo-area-left{
    text-align:left;
}
.logo-area-right{
    text-align:right;
}
.logo-area-center{
    display:table-cell;
    width:60%;
    text-align:center;
    margin:auto;
}
.logo-area-center a img  {
    width:100%;
    max-width:500px;
}



@media (max-width:1024px ){
    .logo-area-center{
        display:none;
    }
}
@media (max-width:680px ){

    .logo-area,.logo-area-inner,.logo-area-left,.logo-area-right {display:block}

    .logo-area-left,
    .logo-area-right{
        padding:1%;
        width:100%;
        float:none;
        text-align:center;
    }
}


/* Hack to prevent linebreaks in footer headline */
.footer-widgets .widget h3.title{

    overflow: visible;
    white-space: nowrap;

}

input[type="submit"]{
    background-color:#1eb8de;
}



.post-area{
    border-color:transparent !important;
}


.main-navbar .navbar-nav > li:last-child{
    float:right;

}


/* FLow flow*/

.social-media-plugin{
    background-color: #f6f6f4 !important;
}
.ff-stream-wrapper,
.ff-stream{
    background-color: #f6f6f4 !important;
}

.ff-layout-masonry{
    min-height: 800px !important;
}

.ff-stream,
.ff-stream-wrapper,
.ff-item,
.ff-content{
    font-family: 'Open Sans', sans-serif !important;
}


/* Responsive Video */

.videoWrapper {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    padding-top: 25px;
    height: 0;
}
.videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}