@charset "utf-8";

@font-face {
    font-family: Montserrat-Light;
    src: url(Montserrat-Light.woff);     
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family:Montserrat;
    src: url(Montserrat-Regular.woff);
    font-weight: normal;
    font-style: normal;
}
body {
    background-color: white;
	margin: 0px;
    padding: 0px;
}

body, header, section, footer, aside, nav, p, span, input, textarea {
     font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 1vw;
    color: black;
}

h1, h2, h3 {
    color: grey;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-weight: bold;
}

h1 {
    font-size: 2vw;
	
}

h2 {
    font-size: 1vw;

}

h3 {
    font-size: 0.5vw;
}

strong {
    font-weight: bold;
}

em {
    font-style: italic;
}


form {
    margin: 0px;
    padding: 0px;
}


input[type="text"], input[type="password"], textarea {
    display: block;
    width: 90%;
    margin-bottom: 8px;
}

#gesamt {
    margin: auto auto auto auto;
    width: 1500px;
    background-color: #e2eaee;
    border-style: solid;
    border-color: #d4d9db;
    border-width: 0px 1px 0px 1px;
	
}




#kopf {
    text-align:center;
    margin: 0px;
    padding: 25px 0px 25px 0px;
    text-align: center;
	font-family:Montserrat;
	clear:left
	
}

#kopf h1 {
	font-size:3vw;
    color: black;
    font-family: Montserrat;
    font-weight: normal;
   
    margin: 0px;
	text-shadow: 0.5px 1px  rgba(0,0,0,0.75);
	
	

}

#content {
    background-color: #fafafa;
    border-right: 1px solid #d4d9db;
    float: left;
    width: 1470px;
    margin: 0px 0px 0px 10px;
    padding: 10px 10px 20px 10px;
	box-shadow:2px 2px #FFAA99;
}

#content a {
    color: black;
    text-decoration:none;
}

#content a:hover {
	color:black;
}

#content a.backlink:before {
    content:"←";
}

#content .zitat {
    border-top: 1px solid #2d4652;
    border-bottom: 1px solid #2d4652;
    background-color: #f5f5f5;
}

.eintrag_unten {
    text-align: right;
    border-bottom: 1px solid #acb9c0;
    padding-bottom: 5px;
    margin: 10px 0px 20px 0px;
}

.eintrag_unten span {
    color: #fff;
    background-color: #acb9c0;
    font-style: italic;
    padding: 5px;
}

#navigation{
	


		text-align:center;
		margin-top:1vw;
		
		font-size:1vw;
		}

ul{
       
		padding: 3px;
        list-style: none;
        background: white;
		float:center;
		
			
	
		font-size:1vw;
    }
    ul li{
        display: inline-block;
        position: relative;
        line-height: 1vw;
        text-align: left;
		font-family:Montserrat;
    }
    ul li a{
        display: block;
        padding: 0.5vw 1vw;
        color: #333;
        text-decoration: none;
    }
    ul li a:hover{
        color: #fff;
        background: #939393;
    }
    ul li ul.dropdown{
        min-width: 100%; /* Set width of the dropdown */
        background: #f2f2f2;
        display: none;
        position: absolute;
        z-index: 999;
        left: 0;
		font-size:0.8vw;
		font-family:Montserrat Light;
    }
    ul li:hover ul.dropdown{
        display: block; /* Display the dropdown */
    }
    ul li ul.dropdown li{
        display: block;
	}


#fuss {
    color: black;
   
    font-size: 20px;
    text-align: center;
    margin-bottom: 0px;
	margin-top:20px;
    padding: 5px;
    clear: both;
	position: fixed; 
	
  bottom: 0px; 
  height: 60px;
  width:300px;
  margin-right:40%;
  margin-left:40%;
 
    
   
}





.zentriert {
    text-align: center;
}

.rechtsbuendig {
    text-align: right;
}

.meldung {
    color: #ff0000;
}

.scrollbar {
	
    overflow-y: auto;
}

a{
text-decoration:none;
color:white;
}

a:hover{
color: white;	
}


.table th{
background-color:#5AA7E8;

	
}
.table {
  font-family: Trebuchet MS;
  border-collapse: collapse;
  width: 100%;
  

}

.table td, #customers th {
  border: 1px solid #ddd;
  padding: 8px;
}

.table tr:nth-child(even){background-color: #f2f2f2;}

.table tr:hover {background-color: #ddd;}

.table th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: left;
  background-color: #5AA6E8;
  color: white;
}

.table th{
background-color:#5AA7E8;
border:1;
	
}
.tablebeschreibung {
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  border-collapse: collapse;
  width: 100%;
}

.tablebeschreibung td, #customers th {
  border: 1px solid #ddd;
  padding: 8px;
}





.tablebeschreibung th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: left;
  background-color: #5AA6E8;
  color: white;
}
.tablebeschreibung h2{
	color:black;
}



 .table  thead tr{
  display:block;
  
}
 .table tbody {
  display:block;
  overflow-y:auto;
  height:27vw;
 
}
.table th, .table td {
  padding: 5px;
  text-align: left;
  width: 15.25vw;
}

.tablek th{
background-color:#5AA7E8;

	
}
.tablek {
  font-family: Trebuchet MS;
  border-collapse: collapse;
  width: 100%;
  

}

.tablek td, #customers th {
  border: 1px solid #ddd;
  padding: 8px;
}

.tablek tr:nth-child(even){background-color: #f2f2f2;}

.tablek tr:hover {background-color: #ddd;}

.tablek th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: left;
  background-color: #5AA6E8;
  color: white;
}

.tablek th{
background-color:#5AA7E8;
border:1;
	
}

.tablek th, .tablek td {
  padding: 5px;
  text-align: left;
  width:5vw;
}

 .tablek  thead tr{
  display:block;
  
}
 .tablek tbody {
  display:block;
  overflow-x:hidden;
  height:10vw;
 
}







#kopf img{
width:10vw;	
float:left;	
margin-top:-5vw;
margin-left:6vw;


}

#einloggen{
margin-left:45%;
margin-right:45%;	
text-align:center;

}


.bold{
font-style:bold;	
}


@media (orientation: portrait)
 {
body {
    background-color: white;
	margin: 0px;
    padding: 0px;
}

body, header, section, footer, aside, nav, p, span, input, textarea {
     font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 1vw;
    color: black;
}

h1, h2, h3 {
    color: grey;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-weight: bold;
}

h1 {
    font-size: 4vw;
	
}

h2 {
    font-size: 2vw;

}

h3 {
    font-size: 0.5vw;
}

strong {
    font-weight: bold;
}

em {
    font-style: italic;
}


form {
    margin: 0px;
    padding: 0px;
}


input[type="text"], input[type="password"], textarea {
    display: block;
    width: 90%;
    margin-bottom: 8px;
}

#gesamt {
    margin: auto auto auto auto;
    width: 100%;
    background-color: #e2eaee;
    border-style: solid;
    border-color: #d4d9db;
    border-width: 0px 1px 0px 1px;
	
}




#kopf {
    text-align:center;
    margin: 0px;
    padding: 25px 0px 25px 0px;
    text-align: center;
	font-family:Montserrat;
	clear:left
	
}

#kopf h1 {
	font-size:6vw;
    color: black;
    font-family: Montserrat;
    font-weight: normal;
   
    margin: 0px;
	text-shadow: 0.5px 1px  rgba(0,0,0,0.75);
	
	

}

#content {
    background-color: white;
    border-right: 1px solid #d4d9db;
    float: left;
    width: 1470px;
    margin: 0px 0px 0px 10px;
    padding: 10px 10px 20px 10px;
	box-shadow:0px 0px #FFAA99;
}

#content a {
    color: black;
    text-decoration:none;
}

#content a:hover {
	color:black;
}

#content a.backlink:before {
    content:"←";
}

#content .zitat {
    border-top: 1px solid #2d4652;
    border-bottom: 1px solid #2d4652;
    background-color: #f5f5f5;
}

.eintrag_unten {
    text-align: right;
    border-bottom: 1px solid #acb9c0;
    padding-bottom: 5px;
    margin: 10px 0px 20px 0px;
}

.eintrag_unten span {
    color: #fff;
    background-color: #acb9c0;
    font-style: italic;
    padding: 5px;
}

#navigation{
	


		text-align:center;
		
	
		}

ul{
       
		padding: 3px;
        list-style: none;
        background: white;
		float:center;
		
			
	
		font-size:2.5vw;
    }
    ul li{
        display: inline-block;
        position: relative;
        line-height: 3vw;
        text-align: left;
		font-family:Montserrat;
    }
    ul li a{
        display: block;
        padding: 0.5vw 1vw;
        color: #333;
        text-decoration: none;
    }
    ul li a:hover{
        color: #fff;
        background: #939393;
    }
    ul li ul.dropdown{
        min-width: 100%; /* Set width of the dropdown */
        background: #f2f2f2;
        display: none;
        position: absolute;
        z-index: 999;
        left: 0;
		font-size:2vw;
		font-family:Montserrat Light;
    }
    ul li:hover ul.dropdown{
        display: block; /* Display the dropdown */
    }
    ul li ul.dropdown li{
        display: block;
	}
#navigation input{
height:4vw;	
font-size:2vw;	
}

#fuss {
    color: black;
   
    font-size: 10px;
    text-align: center;
    margin-bottom: 0px;
	margin-top:20px;
    padding: 5px;
    clear: both;
	position: fixed; 
	
  bottom: 0px; 
  height: 2vw;
  width:2vw;
  margin-right:40%;
  margin-left:40%;
  display:none;
 
 
    
   
}





.zentriert {
    text-align: center;
}

.rechtsbuendig {
    text-align: right;
}

.meldung {
    color: #ff0000;
}

.scrollbar {
	
    overflow-y: auto;
}

a{
text-decoration:none;
color:white;
}

a:hover{
color: white;	
}


.table th{
background-color:#5AA7E8;

	
}
.table {
  font-family: Trebuchet MS;
  border-collapse: collapse;
  width: 100%;
  

}

.table td, #customers th {
  border: 1px solid #ddd;
  padding: 8px;
}

.table tr:nth-child(even){background-color: #f2f2f2;}

.table tr:hover {background-color: #ddd;}

.table th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: left;
  background-color: #5AA6E8;
  color: white;
}

.table th{
background-color:#5AA7E8;
border:1;
	
}
.tablebeschreibung {
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  border-collapse: collapse;
  width: 100%;
}

.tablebeschreibung td, #customers th {
  border: 1px solid #ddd;
  padding: 8px;
}





.tablebeschreibung th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: left;
  background-color: #5AA6E8;
  color: white;
}
.tablebeschreibung h2{
	color:black;
}



 .table  thead tr{
  display:block;
  font-size:3vw;
  
}
 .table tbody {
  display:block;
  overflow-y:auto;
  height:130vw;
  font-size:2vw;
  
 
}
.table th, .table td {
  padding: 5px;
  text-align: left;
  width: 16vw;

}

.tablek th{
background-color:#5AA7E8;

	
}
.tablek {
  font-family: Trebuchet MS;
  border-collapse: collapse;
  width: 100%;
  

}

.tablek td, #customers th {
  border: 1px solid #ddd;
  padding: 8px;
}

.tablek tr:nth-child(even){background-color: #f2f2f2;}

.tablek tr:hover {background-color: #ddd;}

.tablek th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: left;
  background-color: #5AA6E8;
  color: white;
}

.tablek th{
background-color:#5AA7E8;
border:1;
	
}

.tablek th, .tablek td {
  padding: 5px;
  text-align: left;
  width:5vw;
}

 .tablek  thead tr{
  display:block;
  
}
 .tablek tbody {
  display:block;
  overflow-x:hidden;
  height:10vw;
 
}







#kopf img{
width:10vw;	
float:left;	
margin-top:-5vw;
margin-left:6vw;
display:none;


}



#einloggen input{
height:18vw;
width:50vw;
font-size:6vw;
margin-left:-20vw;
		
}
#einloggen{
	
text-align:center;

}
.bold{
font-style:bold;	
}


.block{
display:none;

}
}