body { 
	background:#E6E6E6; 
	-webkit-transition-duration:0.6s; /* Safari */
	-o-transition-duration:0.6s;
	-moz-transition-duration:0.6s;
	/* display:flex; */
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-top: 0px;
	overflow-x: hidden;
}
p{
	color:black;
	font-size:25px;
	font-family:arial;
	padding-bottom:0;
	padding-top:0;
	-webkit-transition-duration:0.6s; /* Safari */
	-o-transition-duration:0.6s;
	-moz-transition-duration:0.6s;
}
h1{
	color:black;
	font-size:45px;
	font-family:arial;
	padding-bottom:0;
	padding-left:2%;
	padding-right:2%;
	padding-top:0;
	-webkit-transition-duration:0.6s; /* Safari */
	-o-transition-duration:0.6s;
	-moz-transition-duration:0.6s;
}
h2{
	color:gray;
	font-size:35px;
	font-family:arial;
	padding-bottom:0;
	padding-left:2%;
	padding-right:2%;
	padding-top:0;
	-webkit-transition-duration:0.6s; /* Safari */
	-o-transition-duration:0.6s;
	-moz-transition-duration:0.6s;
}
img{
	padding-left:2%;
	padding-right:2%;
	padding-bottom:2%;
	padding-top:2%;
	-webkit-transition-duration:0.6s; /* Safari */
	-o-transition-duration:0.6s;
	-moz-transition-duration:0.6s;
}
iframe {
  border: none;
}
.link_button_gen{
	font-family:arial;
	display:inline-block;
    font-size:25px;
	text-align:center;
	vertical-align:middle;
	text-decoration:none;
	color:#FE9A2E;
	padding:5px 8px;
	transition-duration:0.6s;
	-webkit-transition-duration:0.6s; /* Safari */
	-o-transition-duration:0.6s;
	-moz-transition-duration:0.6s;
	border-right: 2px solid black;
	margin-top:10px;
	margin-right:20px;
}
.link_button_gen:hover{
	color:#0080FF;
	background-color:#414747;
}
.link:link{
	text-decoration:none;
	-webkit-transition-duration:0.6s; /* Safari */
	-o-transition-duration:0.6s;
	-moz-transition-duration:0.6s;
}
.link:hover{
	color:#d60e00;
}
.no_space{
	padding: 0px;
	margin: 0px;
}
.show_opacity {
		-webkit-transition-duration:2s; /* Safari */
		-o-transition-duration:2s;
		-moz-transition-duration:2s;
		opacity: 0;
		transition: opacity 2s ease-in-out;
	}
.text{
	padding-left: 25%;
	padding-right: 25%;
}
.visible {
	opacity: 1;
}
.show_fin {
	-webkit-transition-duration:2s; /* Safari */
	-o-transition-duration:2s;
	-moz-transition-duration:2s;
	opacity: 0;
	transition: all 2s ease-in-out;
	padding-left:25%;
	padding-right:25%;
}

.show_fin:nth-of-type(odd) {
	transform: translateX(50%);
}

.show_fin:nth-of-type(even) {
	transform: translateX(-50%);
}

.show_fin.visible {
	transform:translateX(0);
	opacity: 1;
}
/*Beginn der Menü-Teile*/
.menuebox{
	background:white;
	-webkit-transition-duration:0.6s; /* Safari */
	-o-transition-duration:0.6s;
	-moz-transition-duration:0.6s;
}
.button_menue_tab{
    font-family: arial;
	display:block;
    font-size:18px;
	text-align:center;
	vertical-align:middle;
	text-decoration:none;
	color:#414747;
	padding:5px 8px;
	transition-duration:0.6s;
	-webkit-transition-duration:0.6s; /* Safari */
	-o-transition-duration:0.6s;
	-moz-transition-duration:0.6s;
	border-right: 2px solid black;
	margin-top:10px;
	margin-right:5px;
	margin-left: 0px;
}	
.button_menue_tab:hover{
	color:white;
	background-color:#414747;
}
.button_menue{ 
    font-family: arial;
	display:inline-block;
    font-size:18px;
	text-align:center;
	vertical-align:middle;
	text-decoration:none;
	color:#414747;
	padding:5px 8px;
	transition-duration:0.6s;
	-webkit-transition-duration:0.6s; /* Safari */
	-o-transition-duration:0.6s;
	-moz-transition-duration:0.6s;
	border-right: 2px solid black;
	margin-top:10px;
	margin-right:20px;
}	
.button_menue:hover{
	color:white;
	background-color:#414747;
}
#button_mob{
		display:none;
		transition: all 2s ease-in-out;
		transition-duration:0.6s;
		-webkit-transition-duration:0.6s; /* Safari */
		-o-transition-duration:0.6s;
		-moz-transition-duration:0.6s;
	}
.button_del{
	transition-duration:0.6s;
		-webkit-transition-duration:0.6s; /* Safari */
		-o-transition-duration:0.6s;
		-moz-transition-duration:0.6s;
}
#button_tab{
	z-index:100;
	display:block;
	transition:0.6s; 
	background:white;
	position: absolute; 
	top:0; 
	right:0;
	bottom:0;
}
label.hamburg { 
   display:none;
   background:#white; width: 150px; height: 40px; 
   position: relative; 
   border-radius: 0; 
}
#hamburg {display:none}
.line { 
   position:absolute; 
   left:10px;
   height: 4px; width: 30px; 
   background:#414747; 
   border-radius:2px;
   display:none; 
   -webkit-transition-duration:0.6s; /* Safari */
    -o-transition-duration:0.6s;
    -moz-transition-duration:0.6s;
   transform-origin: center; 
}
.line:nth-child(1) { top: 10px; left: 60px; }
.line:nth-child(2) { top: 20px; left: 60px; }
.line:nth-child(3) { top: 30px; left: 60px; }
#hamburg:checked + .hamburg .line:nth-child(1){
   transform: translateY(10px) rotate(-30deg);
}
#hamburg:checked + .hamburg .line:nth-child(2){
   opacity:0;
}
#hamburg:checked + .hamburg .line:nth-child(3){
   transform: translateY(-10px) rotate(30deg);
}
/*Ende der Menü-Teile*/
.left{
	float:left !important;
}
.fat{
	color:#414747;
	font-size:40px;
	font-family: 'Zilla Slab Highlight', cursive;
	font-weight:300;
	margin-top:0;
	margin-bottom:0;
	margin-right:20px;
	margin-left:20px;
	-webkit-transition-duration:0.6s; /* Safari */
	-o-transition-duration:0.6s;
	-moz-transition-duration:0.6s;
}


@media (max-width: 1200px){
	h1{
		font-size:20px;
	}
	h2{
	font-size:16px;
    }
	p{
		font-size:12px;
	}
	table{
		width:90%;
	}
	.button_pc{
		display:none;
	}
	.button_menue{
		width:100%;
		border-right:0 solid black;
		margin-right:0;
		padding-top:10px;
	}	
	#hamburg{
		display:block;
	}
	label.hamburg{
		display:block;
	}
	.line{
		display:block;
	}
	.fat{
	font-size:22px;
	}
	.link_button_gen{
    font-size:12px;
	}
	.text{
	padding-left: 12%;
	padding-right: 12%;
}
}
