@charset "utf-8";
/* CSS Document */

body {	background-color:#ffffff;
        color:#112a5d;
        font-family:Verdana, Geneva, sans-serif;
        margin:0px;}

body a {color:#0066ff;}

#lang_btn  {position: fixed;
        top: 12px;
        right: 150px;
		border: 1px solid;
		border-color: #112a5c;
		border-radius: 20px;
		background-color: rgba(255,99,00,0.2);
		width: 130px;
		height: 25px;
		text-align: center;
        

}

#calendar_btn  {position: fixed;
        top: 12px;
        right: 20px;
		border: 1px solid;
		border-color: #112a5c;
		border-radius: 20px;
		background-color: rgba(255,99,00,0.2);
		width: 130px;
		height: 25px;
		text-align: center;
        }
        
#logo   {position: fixed;
         width: 210px;
         height: auto;
         margin-left: 50px;
         
}

#header
	{ 	
		position: relative;
		margin: 0 auto;
		width: 554px;
		height: 118px;
		background-image: url(../img/Markenhintergrund.png) ;
		border: 1px solid;
		border-color: #112a5c;
		border-radius: 30px;
		font-size: 40px;
        font-style:italic;
        font-weight:bolder;
        padding: 5px;
		text-align: center;}
		
#txt
    {
        position: relative;
		margin: 0 auto;
		width: 504px;
		height: 107px;
		background-color: rgba(255,255,255,0.7);
		font-size: 30px;
        font-style:italic;
        font-weight:bolder;
        padding: 5px;
		text-align: center;
		color: #112a5c;
        
    }


section {
        display: -webkit-flex;
        display: -ms-flex;

display: flex;
}



#hilfscontainer {margin:0px auto;
         max-width:1024px;}

aside {float:left;
        text-align:center;
        width:25%;}

nav {margin:10px;
        padding-bottom:20px;
        padding-left:5px;
        padding-right:5px;
        padding-top:10px;
        text-align:center;}



figure img {
        width: 20%;
        margin-left: 300px;
        
}

main {background-color:#ffffff;
        color: #112a5d;
        float:left;
        width:50%;}

main h1 {font-size: xx-large;
         margin-bottom: 10px;
        margin-top: 0px;}

article {border: 1px solid grey;
        border-radius:10px;
        margin:20px;
        padding-bottom:10px;
        padding-left:20px;
        padding-right:20px;
        padding-top:10px;}

footer {background-color:#112a5d;
        clear:left;
        color:#e5ffff;
        font-size:large;
        font-style:italic;
        font-weight:bolder;
        padding-bottom:10px;
        padding-top:10px;
        text-align:center;
        width: 100%;}

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

ul {margin:0;
    padding:0;
    width:100%;
    list-style-type:none;
        font-size:large;
}

ul li a {text-decoration:none;
    color:#ffffff;
    padding:10.5px 11px;
        margin-bottom:10px;
    background-color:#112a5d;
    display:block;
        border-radius:10px;
}

ul li a:visited {color:#ffffff;}

ul li a:hover, ul li .current {color:black;
    background-color:#ffbf00;}