/* Style Text */
*{
  font-family: "Cairo";
  font-size: 11px;

}

h1,h2,h3,h4,h5,h6 {
	color: black; 
	line-height: 1.3;
	margin-left: 20px;
	}
h1 { 
	font-size: 32px;
	}
h2 	{
	font-size: 22px;
	}
h3 	{
  	font-size: 16px;
	}
h5 {
	font-size: 12px;
	}
h6 {
	font-size: 10px;
		}
.aktuell {
	font-size: 14px;
	color: orangered;
}
.BoxRow{
		width: auto;
		margin: 10px;
	}
.dropdown
	{
		display: inline-flex;
		padding: 10px 10px 10px 10px;
	}
hr{
	 display: block;
  margin-top: 0.1em;
  margin-bottom: 2em;
  margin-left: 20px;
  margin-right: 800px;
  border-style: dotted;
  border-width: 1px;
	}
/* Block Style */
.container{
	padding: 10px;
	background-color: #FFF;
	border-style: solid;
  	border-width: 2px;
  	border-color: lightgray;
	width: 600px;
	height: 500px;
	}
.container:fullscreen {
  background-color: #ddd
  ;
  position: absolute; 
 	height: 100%; 
 	width: 100%; 
 	left: 0; 
 	top: 0;
 	}
 	
.ClrButton{
	background-color: #CCD9DE; /* Green */
    border: none;
    color: Black;
    padding: 10px 21px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 12px;
	}
.ClrButton:hover{
	color: white;
	background-color: #51550F;
	}
	
/* Style Navi Dropdown */

ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
	background-color: #Fff;
	font-family: "helvetica", verdana, sans-serif;
	font-size: 12px;
	text-indent: 2px;
	z-index: 2;
}
    
li  {
    float: left;

    }
	
li a, .dropbtn{
    display: inline-block;
    color: black;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
    }

li a:hover, .dropdown:hover .dropbtn {
    background-color: rgb(120, 120, 120);
    }
    
li.dropdown {
    display: inline-block;
}

/* dropdown content */
a {
	color: #000000;
	}
	
.dropdown-content {
    display: none;
    position: absolute;
    background-color: rgba(220,220,220,1.0);
    min-width: 120px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}

.dropdown-content a {
    color: white;
    padding: 4px 4px;
    text-decoration: none;
    display: block;
    text-align: left;
}

.dropdown-content a:hover {background-color: rgb(120, 0, 20);}

.dropdown:hover .dropdown-content {
    display: block;
}


    
/* Style für Paperwork */	
.scaling-svg {
  height: auto; 
  width: auto; 
  left: 0; 
  top: 0;
	}
.scaling-svg fullscreen {
  background-color: green; 
	}
  
    .FarbForm1
    {
    	fill: rgba(0, 200, 20, 1.0);
    	animation: colorshift1 10s infinite;
    	animation-timing-function: cubic-bezier(0.25,0.1,0.25,1);
    }
	@keyframes colorshift1 {
		0% {fill: rgba(221,62,23, 1.0);}
  		30% {fill: rgba(24, 17, 13, 1.0);}
  		75%  {fill: rgba(206,178,154, 1.0);}
  		95%  {fill: rgba(196,115,21, 1.0);}
  		100% {fill: rgba(221,62,23, 1.0);}
	}
    .FarbForm2{
		fill:rgba(223, 175,37, 0.7);
		animation: colorshift2 20s infinite;
    }
    @keyframes colorshift2 {
	    0% {fill: rgba(223, 175,137, 0.7);}
  		30% {fill: rgba(238,232,170, 0.7);}
  		100% {fill: rgba(223, 175,137, 0.7);}
  	}
 	.FarbForm3{
		fill:rgba(153, 167, 69, 1.0);
		animation: colorshift3 16s infinite;
    }
    @keyframes colorshift3 {
	    0% {fill: rgba(0, 20, 0, 1.0);}
  		30% {fill: rgba(255, 255, 255, 0.8);}
  		60% {fill: rgba(238,232,170, 0.4);}
  		100%  {fill: rgba(0, 20, 0, 1.0);}
  	}
    .FarbForm4{
		fill:rgba(220, 233, 1, 1.0);
		animation: colorshift4 32s infinite;
    }
	 @keyframes colorshift4 {
	    0% {fill: rgba(126, 203, 226, 1.0);}
  		30% {fill: rgba(0, 10, 15, 0.8);}
  		60% {fill: rgba(80, 100, 215, 0.4);}
  		100%  {fill: rgba(126, 203, 226, 1.0);}
  		
    }
    .FarbForm5{
		fill:rgba(0, 200, 0, 0.9);
		animation: colorshift5 25s infinite;
    }
	 @keyframes colorshift5 {
	    0% {fill: rgba(120, 200, 200, 1.0);}
  		10% {fill: rgba(80, 100, 15, 0.2);}
  		60% {fill: rgba(120, 60, 115, 0.4);}
  		100%  {fill: rgba(120, 200, 200, 1.0);}
    }
 	.FarbForm6{
		fill:rgba(92, 20, 30, 1.0);
		animation: colorshift6 32s infinite;
    }
	 @keyframes colorshift6 {
	    0% {fill: rgba(120, 200, 200, 1.0);}
  		10% {fill: rgba(238,232,170, 0.2);}
  		60% {fill: rgba(20, 60, 120, 1.0);}
  		100%  {fill: rgba(120, 200, 200, 1.0);}
    }
    .FarbForm7{
		fill:rgba(189,87,81, 1.0);
		animation: colorshift7 60s infinite;
    }
	 @keyframes colorshift7 {
	    0% {fill: rgba(10, 50, 10, 1.0);}
  		10% {fill: rgba(40, 180, 150, 0.2);}
  		40% {fill: rgba(70, 60, 120, 0.7);}
  		70% {fill: rgba(238,232,170, 0.4);}
  		100%  {fill: rgba(10, 50, 10, 1.0);}
    }
    .FarbForm8{
		fill:rgba (117,41, 39, 1.0);
		animation: colorshift8 20s infinite;
    }
	 @keyframes colorshift8 {
	    0% {fill: rgba(80, 80, 80, 1.0);}
  		10% {fill: rgba(180, 180, 150, 0.2);}
  		60% {fill: rgba(20, 60, 120, 1.0);}
  		100%  {fill: rgba(80, 80, 80, 1.0);}
    }
    .FarbForm9{
		fill:rgba(2, 185, 2, 0.4);
		animation: colorshift9 25s infinite;
    }
	 @keyframes colorshift9 {
	    0% {fill: rgba(80, 80, 200, 1.0);}
  		10% {fill: rgba(180, 120, 50, 0.92);}
  		60% {fill: rgba(120, 160, 120, 1.0);}
  		100%  {fill: rgba(80, 80, 200, 1.0);}
    }
    .FarbForm10{
		fill:rgba(2, 185, 2, 0.4);
		animation: colorshift10 30s infinite;
		animation-timing-function: cubic-bezier(0.25,0.1,0.25,1);
		animation-delay: 10s;
    }
	 @keyframes colorshift10 {
	    0% {fill: rgba(255, 255, 255, 1.0);}
  		10% {fill: rgba(0, 0, 255, 1.0);}
  		60% {fill: rgba(0, 0, 0, 1.0);}
  		100%  {fill: rgba(255, 255, 255, 1.0);}
    }
    
	/* Safari syntax
:-webkit-full-screen {
  background-color: darkgray;

  width: 100%;
  padding-bottom: 92%;
  eight: 1px; 
  overflow: visible;
}

/* IE11 syntax 
:-ms-fullscreen {
  background-color: blue;
  width: 100%;
  padding-bottom: 92%;
  eight: 1px; 
  overflow: visible;
}

/* Standard syntax
:fullscreen {
  background-color: white;
}

/* Style the button
button {
  padding: 20px;
  font-size: 20px;
}
*/