/** baumi award **/

body{

	font-family: 'Montserrat', sans-serif;



}

h1,h2,h3,h4,h5,h6,p,td,li{

	font-family: 'Montserrat', sans-serif;	

}

#site{
	margin:auto;
	max-width:1200px;
	padding:0 20px;
	color:#1d1d1b;
}



#site a{
	text-decoration:none;
}



#ba_logo{
	padding:22px 40px 0 0;
	max-width:160px;
}

.socialcontainer{
	white-space:nowrap;
}

.socialmediabutton{

	background-color:black;

	color:white;

	padding:6px;

	border-radius:4px;

	margin-top:65px;

	min-width:15px;

	text-align:center;

	min-height:15px;

	color:#000;

	white-space: nowrap;

}

.socialmediabutton:hover{

color:#FFF;

}

.mainnav{

	margin-top:65px;

	list-style-type: none;

	padding:0;



}

.mainnav li {

	padding:0 9.5% 0 0;	

	display:inline-block;



}



.mainnav a.mainnava{

	font-size:2em;

	font-weight:600;

	color:#1d1d1b;

	display:inline-block;

	margin-bottom:0.2em;
}

@media screen and (max-width:1190px) {
	.mainnav li {padding:0 30px 0 0;	}
	.mainnav a.mainnava{font-size:1.9em;}
}


@media screen and (max-width: 960px) {
	.mainnav li {padding:0 30px 0 0;	}
	.mainnav a.mainnava{font-size:1.8em;}
}

@media screen and (max-width: 848px) {
	.mainnav li {padding:0 25px 0 0;	}
	.mainnav a.mainnava{font-size:1.7em;}
}

@media screen and (max-width: 800px) {
	.mainnav li {padding:0 25px 0 0;	}
	.mainnav a.mainnava{font-size:1.6em;}
}





.mainnav li:hover a.mainnava{

	

}

.subnav{

	background-color:white;

	display:none;

	position:absolute;	

	z-index:99;

	padding:0px;

	margin-top:1.9em;

	text-align:left;

}

.mainnav .navli.active .subnav,

.mainnav .navli:hover .subnav{

	display:block;

}



.mainnav .subnavli{

	padding:0;	

	display:block;

}

.subnavli a{

	font-size:1.6em;

	line-height:1.2em;

	font-weight:600;

	display:block;

	color:#1d1d1b;



}





.mainnav li.active > a,
.mainnav a:hover{
	color:rgb(255,221,0);
}

.mainnav a:hover{}





#mobilenavbutton{ 

	background-color:white;

	color:black;

	margin-top:2.4em;

}

.uk-offcanvas-bar{

background-color:white;

padding-top:2em;

}

.uk-offcanvas-bar ul li{

list-style-type:none;

}

.uk-offcanvas-bar ul li a{

	color:#000;

	line-height:2em;

	font-size:1.5em;

	display:inline-block;

}

.uk-offcanvas-bar ul li.active a{

color:rgb(255,221,0);

}











#content{

	margin-top:100px;

	min-height:330px; 

}







.title h1{
color:#1d1d1b;
font-size:8.5em;
line-height:0.9em;
font-weight:800;

}

.title h2{

color:rgb(255,221,0);

line-height:0.9em;

font-size:2.1em;

}



.title:hover h1{

color:rgb(255,221,0);

}

.title:hover h2{

color:#1d1d1b;

}

@media screen and (max-width: 850px) {

	#content{margin-top:130px;}



}



@media screen and (max-width: 767px) {

	#content{margin-top:20px;}

	.title h1{font-size:7em;}

	.title h2{font-size:3em;}

	

}







#content p,

#content li{

	font-size:1.2em;

	line-height:1.4em;

	font-weight:600;

}

#content p strong{

color:#9e9e9e;

}



#content li li{

	list-style-type:disc;

}

#content a{

	color:#9e9e9e;

	text-decoration:underline;

}

#content a:hover{

	color:rgb(255,221,0);

}

#content .bildtext{

	padding-left:1.2%;

}



.bildmittext .bild{

	text-align:right;

}





@media screen and (max-width: 800px) {

	.bildmittext .bild{

	text-align:left;

	margin-bottom:1em;

	}



}























.footer{

	margin-top:2em;

}

.footer h2{

	color:#1d1d1b;

	font-size:2.1em;

	font-weight:600;

}

.footer h2.thx{

	

	color:rgb(255,221,0);

	text-align:right;

}

.footer img{



}

@media screen and (max-width: 1050px) {

	.footer h2{

		padding-bottom:1em;

		font-size:1.5em;

	}

	.footer h2.thx{text-align:right;}



}

@media screen and (max-width: 768px) {

	.footer h2{

		padding-bottom:1em;

		font-size:1.2em;

	}

	.footer h2.thx{text-align:left;}



}