/******************************************************************
Theme Name: eu-live-theme
Theme URI: http://www.yellowduck.at
Description: Das Theme von eu-live.eu, wenn du das hier lesen kannst, solltest du das wissen...
Author: the yellow ducks
Author URI: http://www.yellowduck.at
Version: 0.1
Tags: fluid-layout, responsive-layout, accessibility-ready, translation-ready, microformats
 Text Domain: eulive
*/


html {
	margin: 0;
	padding: 0;
	height: 100%;
}

body {
	margin: 0;
	padding: 0;
	height: 100%;
	font-family: 'Open Sans', sans-serif;
	font-size: 100%; /*16px*/
	font-weight: 400;
}

h1 {
	font-size: 1.125em; /*18px*/
	color: #009ee2;
	text-transform: uppercase;
	font-weight: 700;
	margin-top:0;
	-webkit-margin-before:0;
}

h2 {
	font-size: 0.875em; /*14px*/
	color: #009ee2;
	font-weight: 800;
	text-transform: uppercase;
}

h3 {
	font-size:0.875em; /*14px*/
	font-weight: 700;
	margin:0;
}

h6 {
        font-family: 'Open Sans', sans-serif;
        font-size: 0.875em;
        font-weight: 400;
        margin: 0 0 1em;
}

p {
	font-size: 0.875em; /*14px*/
}

ul p {
    font-size: 1em
}

ul, ol {
        font-size: 0.875em; /*14px*/
}

ul {
	list-style-image: url('img/Pfeil_rechts_Sub.svg');
	padding-left: 1.05em;
}

@-moz-document url-prefix() {
    ul {
        list-style-image: url('img/Pfeil_rechts_Sub.png');
    }
}

ul ul {
        font-size: 1em;
        list-style-image: url('img/aufzaehlung2.png');
}

a {
	color: #009ee2;
	font-size: 0.875em; /*14px*/
}

img {
	max-width: 100% !important;
	height: auto;
}

nav {
	font-size: 1.125em; /*18px*/
	text-transform: uppercase;
	height: 90px;
	font-weight: 800;
}

footer {
	font-size: 0.75em; /*12px*/
	line-height: 1.167em;
	display: flex;
	border-top: 1px solid #dddbdd;
	margin: 2% 0!important;
        padding-top: 1%!important;
}

footer * {
	align-self: flex-end;
}

footer img {
	display: inline-table;
	float: left;
        margin-right: 3%;
}

textarea {
    width: 98%;
}

#navmobile {
	display:none;
}

#wrapper {
	max-width: 950px;
	margin: 0 auto;
}

#logo {
	margin: 5% 0 1.4736842105263157%;
}

#sponsor {
    margin-top: 3px;
}

#sponsor .section {
	display: flex;
	display: -webkit-flex;
}

#sponsor .section div {
	align-self: flex-end;
}

#sidebar-header ul {
	padding: 0 !important;
	margin: 0 !important;
}

#sidebar-header ul li {
	list-style: none;
	border-bottom: 1px solid #93c01f;
	padding: 0.5em 0;
	margin: 0; 
}

#sidebar-header ul .last-child {
	border:none;
}

#sidebar-header ul li .post-date {
	font-style: normal;
	font-size: 0.75em; /*12px*/
        margin-top: 1%
} 

#sidebar-header ul li a {
	text-decoration: none;
	color: #000;
	font-weight: 700;
	font-size: 0.929em; /*13px*/ 
	display: block;
}

.cat-post-current a {
    text-transform: none !important;
}

#footernav {
    text-align: right;
    display: flex;
    justify-content: flex-end;
    flex-direction: column;
}

#footernav ul {
	list-style: none;
	padding: 0;	
/*	margin-bottom:3.2710280373831773%;*/
        margin: 2px 0 0 0;
}

#footernav ul li a {
	font-size: 1.05em;
}

#social {
    display: block;
    float: none;
    margin: 0;
}

#news .section {
	border-bottom: 1px solid #dddbdd;
	margin-bottom: 2em;
}

#news .section:last-child {
	border: none;
	margin-bottom:0;
}

#sidebar-header ul .first-child {
	padding-top:0;
}

div#partner .span_3_of_4 .section:last-child div.partnerdescr, div#partner .span_4_of_4 .section:last-child div.partnerdescr {
	border: none;
}

#partner ul {
	margin-top: 0;
}

#partner ul#menu-partner, 
#partner ul#menu-jurymembers, 
#partner ul#menu-untermenu,
#partner ul#menu-finalistsmenu {
	list-style: none;
	padding-left: 0;
}

#menu-partner li, 
#menu-jurymembers li, 
#menu-untermenu li,
#menu-finalistsmenu li {
    margin-bottom: 3%;
}

#menu-partner a, 
#menu-jurymembers a, 
#menu-untermenu a,
#menu-finalistsmenu a {
	text-decoration:none;
	color: #000;
}

#menu-partner a:hover, a:active {
	color: #009ee2;
}

#menu-jurymembers a:hover, a:active {
	color: #009ee2;
}

#menu-untermenu a:hover, a:active {
	color: #009ee2;
}

#menu-finalistsmenu a:hover, a:active {
    color: #009ee2;
}

#jump {
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	justify-content: flex-end;
}

#jump a {
	font-weight: 700;
	text-decoration:none;
}

#stoerer {
    display: none;
/*    margin: 0 0 1em;*/
}

#portrait {
    margin-top: 0
}

#winnerdiscr p {
    margin: 0
}

.slicknav_menu {
	display: none;
}

.partnerdescr {
	border-bottom: 1px solid #dddbdd;
	margin-top: 1% !important;
	margin-bottom: 1.5% !important;
}

.partnerdescr div.section {
    display: -ms-flexbox;
    display: -moz-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: flexbox;
    display: flex;
    align-items: flex-end;
}

.more-link {
	display:block;
	margin-top: 1.5em;
	text-align: right;
	font-weight: 700;
	font-size:1em;
	text-decoration:none;
}

.headline, .headline a {
	color: #000;
	font-size:1em; /*16px*/
	font-weight: 700;
	margin:0;
	text-transform:none;
        text-decoration: none;
}

.sidebar-menu h2 {
	margin: 0 0 0.2em;
}

.titelwidget {
	margin-bottom: 0.5em;
}

.dropdown .sub-menu li a:after {
	content: " ►";
}

.popup-gallery {
    margin-bottom: 0 !important
}

.popup-gallery a {
    position: relative;
    text-decoration: none;
}

.popup-gallery a img {
    margin-bottom: 8%;
}


a .bildicon {
    background: url('img/Galerie_Symbol.png') right top no-repeat;
    width: 97%;
    height: 27px;
    position: absolute;
    margin-top: 3px;
    margin-right: 3%;
}

ul.nobullet {
    list-style: none;
    padding: 0;
    margin-bottom: 1%;
}

.mobileonly {
    display: none;
}

.page-template-winner-site #partner .col > div.section:nth-child(odd) {
/*    height: 100%;*/
    border-bottom: 1px solid #dddbdd;
    margin-top: 0 !important;
    margin-bottom: 4% !important;
}

.page-template-winner-site #partner .col > div.section:last-child {
    border: none
}

.page-template-winner-site .partnerdescr {
    margin-bottom: 0 !important
}

.page-template-winner-site .partnerdescr, .page-template-winner-site #partner .col > div.section:nth-child(2n+2) * {
    border: none
}

.page-template-winner-site article {
    margin-bottom: 2.5em
}

/* FORMS */

label {
	font-size: 0.75em; /*12px*/
	font-weight: 400!important;
}

input, select, textarea {
	padding: 2% 1%;
	border: 1px solid #93c01f;
}

#mc4wp_form_widget-2 {
	border: 1px solid #009ee2;
}

#mc4wp_form_widget-2 .titelwidget {
	font-size: 0.9em;
	background-color: #009ee2;
	color:#fff;
	padding: 2.5%;
	text-transform:none;
	margin: 0;
}

#mc4wp-form-1 {
	padding: 0 2.5%;
	margin:4% 0;
}

#mc4wp-form-1 p {
	margin-bottom: 4%;
}

#subscribebutton {
	text-align: right;
}

#subscribebutton input {
	color: #fff;
	background-color: #93c01f;
	padding: 2%; 
}

p.formtitel {
	font-size: 0.9em;
        font-weight: 800;
	color:#fff;
	text-transform:none;
	margin: 3% 0 1%;
}

p.formtitel span {
	padding: 1%;
	background-color: #009ee2;
}

.formwrapper {
    border: 1px solid #009ee2;
    padding: 2%;
}

.formwrapper .span_1_of_3 {
    width: 30.6%;
}

.wpcf7-form-control-wrap input  {
    width: 95%;
    height: 25px;
    padding: 0;
}

.gender select {
    padding: 4% 0;
}

input[type="checkbox"] {
    /*-webkit-appearance: none;
    /*display:none;
    display: inline-block; */ 
    content: "";  
    width: 4%;
    width: 15px; 
    height: 15px;
    box-shadow: none;
    vertical-align: middle;
    border-radius: 0;
    text-shadow: none;
    border: 1px solid #93c01f;
}

input[type="checkbox"]:checked {
    content: "\2714";   
    text-align: center;
    color: #000;
    line-height: 8px;
    text-shadow: none;
    background: transparent;
    border: 1px solid #93c01f;
}
/*
input[type="checkbox"] + span:before {
    content: "";  
    display: inline-block;  
    width: 10px; 
    height: 10px;
    vertical-align: middle;
    background-color: #fff;
    box-shadow: none;
    border-radius: 0;
    color: #000;
    text-shadow: none;
    border: 1px solid #93c01f;
}

input[type="checkbox"]:checked + span:before {
    content: "\2714";   
    text-align: center;
    line-height: 8px;
    text-shadow: none;
    border: 1px solid #93c01f;
}*/

span.wpcf7-list-item {
    display: block;
    vertical-align: middle;
}
.wpcf7-checkbox .wpcf7-list-item-label {
    font-size: 0.75em; /*12px*/
    font-weight: 400!important;
}

input[type="submit"] {
    border: none;
    background-color: #009ee2;
    color: #fff;
    font-weight: 800;
    padding: 4%;
    text-transform: uppercase;
}

#sendenbutton {
    text-align: right;
}

#sendenbutton .left {
    text-align: left;
    font-size: 0.75em;
}

span.wpcf7-not-valid-tip {
    font-size: 0.8em !important;
    font-weight: 700;
}

div.wpcf7-validation-errors {
    border: 4px solid #009ee2;
    color: #f00;
    padding: 4%;
}

div.wpcf7-mail-sent-ok {
    border: 2px solid #93c01f;
    padding: 4%;
}

span#terms {
    font-size: 0.75em;
    padding-left: 10%;
}


/* media queries */

@media screen and (max-width: 950px) {
	#logo, #maincontent, footer {
		margin-left: 1.5% !important;
		margin-right: 1.5% !important;
	}
	
	#news .span_3_of_4:first-child {
		width: 100%;
	}
	
	#news .span_1_of_4:last-child {
		width: 30%;
		margin-left: 35%;
		margin-right: 35%;
	}
	
	#partner .span_3_of_4:first-child {
		width: 100%;
	}
	
	#partner .span_1_of_4:last-child {
		display: none;
	}
        
        .mobileonly {
            display: block;
        }
        
        .page-id-423 .span_3_of_4:first-child {
            width: 100%;
        }
        
        .page-id-423 .span_1_of_4:last-child {
            display: none;
        }
}

@media screen and (max-width: 655px) {
	#fundtext {
		width: 74.21%;
	}
	
	#sponsor .push {
		display: none;
	}
}

@media screen and (max-width: 575px ) {
	.slicknav_menu {
		display: block;
	}
	
	nav {
		display: none;
	}
}

@media only screen and (max-width: 480px) {
	#news .span_1_of_4:last-child {
		width: 50%;
		margin-left: 25%;
		margin-right: 25%;
	}
	
	footer{
		display: block;
	}
	
	li.current-menu-item a, 
	li.current-menu-item a:link {
		color: #000 !important;
	}
        
        .partnerlogo {
            text-align: center;
        }
        
        .mehrbilder {
            display: none;
        }
        
        .popup-gallery a img {
            margin-bottom: 3%;
        }
        
        .category-news #headerbild, .single-post #headerbild {
            margin-bottom: 8%;
        }
        
        .formwrapper .span_1_of_3 {
            width: 100%;
        }
}

@media only screen and (max-width: 350px) {
	#fundtext {
		width: 100%;
	}
	
	#sponsor * {
		display: block !important;
	}
}