html{
width: 100%;
height: 100%;
}
body{
width: 100%;
height: 150%;
margin: 0;

}






a:link{
	text-decoration: none;
	font-family: 'Raleway', sans-serif;
	font-size: 100%;
	color: #1E90FF;	

}
a:visited{
	text-decoration: none;
	font-family: 'Raleway', sans-serif;
	font-size: 100%;
	color: #1E90FF;	
}
a.backs:link{
color: black;
display: inline-block;
text-decoration: none;
border-style: solid;
border-color: grey;
border-width: 1px;
width: 20%;
height: 50px;
background-color: white;
font-size: 200%;
border-radius:50%;
}

a.backs:visited{
border-radius:50%;
color: black;
display: inline-block;
text-decoration: none;
border-style: solid;
border-color: grey;
border-width: 1px;
width: 20%;
height: 50px;
background-color: white;
font-size: 200%;
}


.datum{
font-family: 'Raleway', sans-serif;
font-size: 120%;
position: fixed;
width: 100%;
margin-top: 15%;
color: black;

text-align: center;
display: none;
}
.companie{
width: 100%;
text-align: center;
border-style: solid;
border-width: 2px;
border-color: grey;
border-radius: 10px;
background-color: #DFDCDC;
margin-bottom: 10px;
}

#h1{
	
	font-size: 20pt;
color: grey;
  
text-align: center;
width: 100%;
}


h1{
font-size: 20pt;
color: grey;
  
text-align: center;
width: 100%;
}
h3{
font-size: 150%;
color: grey;
  font-family: 'Raleway', sans-serif;

width: 100%;
}
h2{
font-size: 120%;
width: 100%;
text-align: center;
color: grey;
  font-family: 'Raleway', sans-serif;

width: 100%;
}

.werb{
display: block;
margin-bottom: 20px;
}
a.werbung: link{
text-decoration: none;
width: 90%;
border-style: solid;
border-width: 10px;
border-color: grey;
display: block;
margin-bottom: 20px;
margin-top: 20px;
}
a.werbung: visited{
display: block;
text-decoration: none;
width: 90%;
border-style: solid;
border-width: 10px;
border-color: grey;
margin-bottom: 20px;
margin-top: 20px;
}
.titel{
font-family: 'Arial';
font-size: 600%;
font-style:normal;

position: absolute;
width: 100%;
margin-top: 5%;
color: white;
z-index: 200;
text-align: center;

}
a.CL:link{
color: grey;
font-size: 200%;
text-decoration: none

}
a.CL:link{
color: grey;
font-size: 200%;
text-decoration: none
}
.ML{
list-style: none;
width: 100%;

}
#links{
position: absolute;
width: 20%;
height: 100%;
float: left;
margin-top: 20%;




}

#content{
margin-left:20%;
padding-top: 15%;
padding-left: 0%;
padding-right: 5%;
width: 55%;
height: 100%;
z-index: 500;
float: left;

}

#rechts{
text-align: center;
padding-top: 30%;
width: 20%;
height: 100%;
z-index: 500;
float: left;
margin-right: 0;




}
.BT{
  font-family: 'Arial';
  font-style:normal;
  font-size: 120%;
  color: grey;
}
.BT::first-letter { 
  font-size: 180%;
  color: grey;

}
.MR{
width: 100%;
text-align: center;
position: fixed;
margin-top: 10%;
z-index: 40;
}
#MB:link{

color: white;
font-size: 60pt;
text-decoration: none;
margin-bottom: 0;
z-index: 50;
font-weight: bold;

}
#MB:visited{


z-index: 50;
color: white;
font-size: 60pt;
font-weight: bold;
text-decoration: none;
margin-bottom: 0;
}

.TB{
width: 100%;
margin-top: 0px;
position: absolute;
z-index: 100;
}
#banner{

height: 50%;
}
.menu{
display: block;
width: 30%;
height: 100%;
text-align: left;
float: left;
z-index: 5;	
background-color: white;
text-align: left;

}

p{
font-size: 100%;
color: grey;
font-family: 'Raleway', sans-serif;



}
.liste{
font-size: 100%;
color: grey;
font-family: 'Raleway', sans-serif;
}
a.menupunkt:link{
width: 80%;
height: 20px;
line-height: 20px;
color: grey;
font-size: 13pt;
padding-left: 10px;
text-decoration: none;
margin-bottom: 10px;
display: block;
}

}
a.menupunkt:visited{
width: 80%;
height: 20px;
line-height: 20px;
padding-left: 10px;
color: grey;
font-size: 13pt;
text-decoration: none;
margin-bottom: 10px;
display: block;
}


a.menupunkt:hover{
width: 80%;
border-radius: 5px;
height: 20px;
line-height: 20px;
color: red;
padding-left: 10px;
font-size: 13pt;
text-decoration: none;
margin-bottom: 10px;
display: block;

}

a.menupunkt::first-letter { 
  

  
  
}
.header{
width: 100%;
height: 40%;
background-color: black;
color: white;
font-size: 300%;
position: fixed;
z-index: 11;
text-align: center;
}

.frame{
width: 100%;
height: 400px;
}
a.card:link{
text-decoration: none;
font-size: 100%;
color: grey;
font-family: 'Raleway', sans-serif;
	
}

a.card:visited{
text-decoration: none;
font-size: 100%;
color: grey;
font-family: 'Raleway', sans-serif;
	
}
a.themes:link{
display: block;
width: 100%;
height: 25px;
line-height: 25px;
margin-bottom: 5px;
text-decoration: none;
font-size: 14pt;
color: grey;
font-family: 'Raleway', sans-serif;

}
a.themes:visited{
width: 100%;
height: 25px;
line-height: 25px;
margin-bottom: 5px;
display: block;
text-decoration: none;
font-size: 14px;
color: grey;
font-family: 'Raleway', sans-serif;

}
a.themes:hover{
background-color: #E6E6FA;
display: block;
width: 100%;
height: 25px;
line-height: 25px;
margin-bottom: 5px;
text-decoration: none;
font-size: 14pt;
color: grey;
font-family: 'Raleway', sans-serif;
}

.menubutton{
width: 100%;
position: fixed;
z-index: 120;
text-align: center;
margin-top: 11%;

}
a.MB:link{

color: white;
font-size: 80pt;
text-decoration: none;
margin-bottom: 0;
z-index: 50;
font-weight: bold;

}
a.MB:visited{


z-index: 50;
color: white;
font-size: 80pt;
font-weight: bold;
text-decoration: none;
margin-bottom: 0;
}

a.impressum:link{
display: inline-block;
width: 15%;
color: white;
text-decoration: none;
font-family: 'Raleway', sans-serif;
font-size: 12pt;


}
a.impressum:visited{
display: inline-block;	
width: 15%;
color: white;
text-decoration: none;
font-family: 'Raleway', sans-serif;
font-size: 12pt;


}
a.impressum:hover{
display: inline-block;
width: 15%;
color: red;
text-decoration: none;
font-family: 'Raleway', sans-serif;
font-size: 12pt;


}