@charset "utf-8";
/* CSS Document */
body{color:#FEFB01;background-color:#FF0107;font-family:VERDANA,ARIAL,HELVETICA;font-size:18px;padding:0;margin:0;
scrollbar-face-color:#FEFB01;
scrollbar-shadow-color:#FF0107;
scrollbar-highlight-color:#FF0107;
scrollbar-3dlight-color:#FF0107;
scrollbar-darkshadow-color:#FF0107;
scrollbar-track-color:#FEFB01;
scrollbar-arrow-color:#FEFB01;
 }
::-webkit-scrollbar { /* gesamte Scrolleiste */
 width:17px;
 background-color:#FF0107;
 -webkit-box-shadow: inset 0px 0 0px rgba(255,255,0,1));
 } 
scrollbar{
-moz-appearance: none!important;
 background-color:#FF0107 !important;
 -webkit-box-shadow: inset 0px 0px 0px rgba(255,255,0,1))!important;}
 
::-webkit-scrollbar-track { background-color:#FEFB01; } /* Bereich für den Schieberegler */
::-webkit-scrollbar-thumb { 
 border: 2px solid #FEFB01;
 border-radius:0px;
 background-color:#FF0107;
 -webkit-box-shadow: inset 0px 0px 0px rgba(255,0,0,1);
 } /* Schieberegler */
 }
#container{display:block;position:absolute;top:0;left:0;width:100%;color:#FEFB01;padding:0;margin:0;}
a:link {  color: #FEFB01;text-decoration: none;}/* unvisited link */
a:visited {  color: #FEFB01;text-decoration: none;}/* visited link */
a:hover {  color: #FEFB01;text-decoration: none;}/* mouse over link */
a:active {  color: #FEFB01;text-decoration: none;}/* selected link */
a img {border: none; }/*Bilder mit Link haben keinen blauen Rahmen*/
table{width:100%;text-align:center;border:0;padding:0;spacing:0;background-color: #FF0107;}
.topnav {  overflow: hidden;background-color: #FF0107;display:block;width:100%;}
.topnav a {  float: left;  display: inline-block;  color: #FEFB01;  text-align: center;  text-decoration: none;  font-size: 17px;}
.topnav a:hover {  background-color: #FF0107;  color: #FEFB01;}
.topnav a.active {  background-color: #FF0107;  color: #FEFB01;}
.topnav .icon {  display: none;}
.active{width:48%;height:auto;}
.button{width:12.5%;padding-right:4px;}
.mobil{display:none;}
/* ~~ Dieser Container mit fester Breite umschließt die anderen div-Tags. ~~ */
.container {	width: 100%;	background-color: #FF0107;;	margin: 0 auto; /* Der mit der Breite gekoppelte automatische Wert an den Seiten zentriert das Layout. */}
.content {	padding:0;}
/* ~~ Fußzeile ~~ */
#footer {	display:block;width:100%;padding: 10px 0;	background: #FF0107;}
.footer{display:inline-block;border:0; width:22%;font-size:medium;text-align:center;}
@media screen and (max-width: 680px) {
  .topnav a:not(:first-child) {display: none;}
  .topnav a.icon {    float: right;    display: block;padding-right:10px;  }
  .topnav.responsive {position: relative;border-bottom:1px solid #FEFB01;}
  .topnav.responsive .icon {    position: absolute;    right: 0;    top: 0;  }
  .topnav.responsive a {    float: none;    display: block;    text-align: left;  }
.button{width:auto}
.active{width:auto}
.navpic{display:none;}
.mobil{display: block;padding-left:10px;font-size:1.4rem;}
.footer{display:inline-block;border:0; width:22%;font-size:0.8rem;text-align:center;}
}