* {
margin: 0;
padding: 0;
-ms-hyphens: auto!important;
-webkit-hyphens: auto!important;
hyphens: auto!important;
	
}
html, body {
height: 100%;
width:100%;
-ms-hyphens: auto!important;
-webkit-hyphens: auto!important;
hyphens: auto!important;
background:#f2f2f2;
}



a:visited {color:#1436DE;background-color:transparent;text-decoration:none;}
a:focus {color:#1436DE;background-color:transparent;text-decoration:none;}
a:active {color:#1436DE;background-color:transparent;text-decoration:none;}
a:link {color:#1436DE;background-color:transparent;text-decoration:none;}
a:hover {color:#EA9507;background-color:transparent;text-decoration:none;-moz-transition: background-color 0s ease 0s;}





.impressum {
color:#111;
text-decoration:none;
cursor:pointer;
}
.impressum:hover {
color:#f7d817;
text-decoration:none;
cursor:pointer;
}


p {
padding:10px 0;
}


li{
list-style-type: square;
line-height:auto;
}


.image {
opacity:1;
}

.image:hover {
opacity:0.8;
	-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);
	 -webkit-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
	backghround:red;
}





.visible {
display:inline;
}

	 


.logo {
position:relative;
width:15%;
height:auto;
margin:30px;
float:left;
z-index:100;
}


.balken_schwarz {
position:relative;
width:80px;
background:#333;
height:10px;
margin:50px 0;
}


.blau{
color:#1436DE;
}

.balken_blau {
position:relative;
width:80px;
background:#1436DE;
height:10px;
margin:50px 0;
}

.orange{
color:#EA9507;
}

.balken_orange {
position:relative;
width:80px;
background:#EA9507;
height:10px;
margin:50px 0;
}


.rot{
color:#E30C03;
}

.balken_rot {
position:relative;
width:80px;
background:#E30C03;
height:10px;
margin:50px 0;
}


#content {
position:absolute;
float:left;
height:auto;
width:90%;
}


.container {
position:relative;
width:80%;
margin:0 auto;
}




.text_willkommen {
position:relative;
width:50%;
margin:0 auto;
}






.abstand {
height:200px;
}

.abstand_klein {
height:150px;
}

.abstand_kleiner {
height:30px;
}

.abstand_video {
height:50px;
}



.abstand_Video_kleiner{
height:5px;
}



.img_klein {
width:25%;
height:auto;
}






.img_gross {
width:50%;
height:auto;
margin-right:50px;
float:left;
}






.logo_wdr {
width:40%;
height:auto;
margin-top:20px;
}



.grafik {
position:fixed;
float:left;
width:auto;
height:150%;
right:-100px;
display:flex;
}






.text {
position:relative;
width:auto;
overflow:hidden;
float:left;
}


.text_01 {
position:relative;
width:auto;
float:left;
width:45%;
margin-right:4%;
}


.text_02 {
position:relative;
width:auto;
float:left;
width:45%;
}


.breite {
width:100%;
}

.breite_harven{
width:70%;
}





.video {
position:relative;
width:90%;
float:left;
margin-left:0px;
margin-top:0px;
}

/* ===================== Danke ==================================== */




.textbox_danke {
position:relative;
	width:50%;
margin: 0 auto;

}




/* ===================== Impressum ==================================== */




.textbox_impressum_01 {
position:relative;
width:auto;
margin-bottom:20px;
float:left;
}

.textbox_impressum_02 {
position:relative;
width:auto;
float:left;
}








.box {
position:relative;
float: left;
left:50px;
}



 @media only screen and (max-width: 1699px) {
	 
	 

li{
list-style-type: square;
line-height:auto;
}

	 
	 	 .textbox_danke {
position:relative;
	width:50%;
	text-align:left;
margin: 0 auto;

}



#content {
position:absolute;
float:left;
height:auto;
width:90%;

}


.logo {
position:relative;
width:16%;
margin:30px;
height:auto;
float:left;
z-index:100;
}


.balken_schwarz {
position:relative;
width:50px;
background:#333;
height:6px;
margin:30px 0 ;
}


.blau{
color:#1436DE;
}

.balken_blau {
position:relative;
width:50px;
background:#1436DE;
height:6px;
margin:30px 0;
}

.orange{
color:#EA9507;
}

.balken_orange {
position:relative;
width:50px;
background:#EA9507;
height:6px;
margin:30px 0;
}


.rot{
color:#E30C03;
}

.balken_rot {
position:relative;
width:50px;
background:#E30C03;
height:6px;
margin:30px 0;
}






.abstand {
height:150px;
}

	 
.abstand_klein {
height:40px;
}

	 
	 
.abstand_kleiner {
height:20px;
}



.img_klein {
width:20%;
height:auto;
}




.img_gross {
width:55%;
height:auto;
margin-right:20px;
float:left;
}


 
	 
.logo_wdr {
width:40%;
height:auto;
}


.grafik {
position:fixed;
float:left;
width:auto;
height:150%;
right:-100px;
display:flex;
}





.text {
position:relative;
overflow:hidden;
width:auto;
}


.text_01 {
position:relative;
width:auto;
float:left;
width:47%;
margin-right:4%;
}


.text_02 {
position:relative;
width:auto;
float:left;
width:47%;
}






.container {
position:relative;
width:80%;
margin:0 auto;
}
	 
	 
.text_willkommen {
position:relative;
width:50%;
margin:0 auto;
}




.video {
position:relative;
width:90%;
float:left;
margin-left:0px;
margin-top:0px;
}









.textbox_impressum_01 {
position:relative;
width:auto;
margin-bottom:20px;
float:left;
}

.textbox_impressum_02 {
position:relative;
width:auto;
float:left;
}





}





 @media only screen and (max-width: 1399px) {
	 


li{
list-style-type: square;
line-height:auto;
}



	 .textbox_danke {
position:relative;
	width:60%;
	text-align:left;
margin: 0 auto;

}



.logo {
position:relative;
width:18%;
margin:30px;
height:auto;
float:left;
z-index:100;
}


.balken_schwarz {
position:relative;
width:50px;
background:#333;
height:6px;
margin:30px 0 ;
}


.blau{
color:#1436DE;
}

.balken_blau {
position:relative;
width:50px;
background:#1436DE;
height:6px;
margin:30px 0;
}

.orange{
color:#EA9507;
}

.balken_orange {
position:relative;
width:50px;
background:#EA9507;
height:6px;
margin:30px 0;
}


.rot{
color:#E30C03;
}

.balken_rot {
position:relative;
width:50px;
background:#E30C03;
height:6px;
margin:30px 0;
}






.abstand {
height:120px;
}
	 
	 
.abstand_klein {
height:20px;
}
	 
	 
.abstand_kleiner {
height:20px;
}



.img_klein {
width:20%;
height:auto;
}




.img_gross {
width:50%;
height:auto;
margin-right:20px;
float:left;
}



	 
	 
.logo_wdr {
width:40%;
height:auto;
}


.grafik {
position:fixed;
float:left;
width:auto;
height:150%;
right:-200px;
display:flex;
}





.text {
position:relative;
		overflow:hidden;
width:auto;
}


.text_01 {
position:relative;
width:auto;
float:left;
width:47%;
margin-right:4%;
}


.text_02 {
position:relative;
width:auto;
float:left;
width:47%;
}



.container {
position:relative;
width:80%;
margin:0 auto;
}
	 
	 
.text_willkommen {
position:relative;
width:60%;
margin:0 auto;
}




.video {
position:relative;
width:85%;
float:left;
margin-left:0px;
margin-top:0px;
}









.textbox_impressum_01 {
position:relative;
width:auto;
margin-bottom:20px;
float:left;
}

.textbox_impressum_02 {
position:relative;
width:auto;
float:left;
}

}





 @media only screen and (max-width: 1100px) {
	 
	 

li{
list-style-type: square;
line-height:auto;
}



	 .textbox_danke {
position:relative;
	width:70%;
	text-align:left;
margin: 0 auto;

}


.logo {
position:relative;
width:20%;
margin:15px;
height:auto;
float:left;
z-index:100;
}


.balken_schwarz {
position:relative;
width:50px;
background:#333;
height:5px;
margin:30px 0 ;
}


.blau{
color:#1436DE;
}

.balken_blau {
position:relative;
width:50px;
background:#1436DE;
height:5px;
margin:30px 0;
}

.orange{
color:#EA9507;
}

.balken_orange {
position:relative;
width:50px;
background:#EA9507;
height:5px;
margin:30px 0;
}


.rot{
color:#E30C03;
}

.balken_rot {
position:relative;
width:50px;
background:#E30C03;
height:5px;
margin:30px 0;
}





.abstand {
height:120px;
}
	 
	 
.abstand_klein {
height:40px;
}
	 
.abstand_kleiner {
height:20px;
}


.img_klein {
width:20%;
height:auto;
}


.img_klein {
width:25%;
height:auto;
float:left;
}




.img_gross {
width:50%;
height:auto;
margin-right:20px;
float:left;
}



	 
.logo_wdr {
width:35%;
height:auto;
}


.grafik {
position:fixed;
float:left;
width:auto;
height:100%;
right:-200px;
display:flex;
}




.text {
position:relative;
		overflow:hidden;
width:auto;
}


.text_01 {
position:relative;
width:auto;
float:left;
width:47%;
margin-right:3%;
}


.text_02 {
position:relative;
width:auto;
float:left;
width:47%;
}

#content {
position:absolute;
float:left;
height:auto;
width:100%;
}


.container {
position:relative;
width:80%;
margin:0 auto;
}
	 
	 
	 
.text_willkommen {
position:relative;
width:80%;
margin:0 auto;
}




.video {
position:relative;
width:85%;
float:left;
margin-left:0px;
margin-top:0px;
}



.pfeil {
display:none;
}





.textbox_impressum_01 {
position:relative;
width:auto;
margin-bottom:20px;
float:left;
}

.textbox_impressum_02 {
position:relative;
width:auto;
float:left;
}




	 
	 
	 
	 }

 @media only screen and (max-width: 768px) {
	 
	 .textbox_danke {
position:relative;
	width:90%;
	text-align:left;
margin: 0 auto;

}
	 
	 
	 .breite_harven{
width:80%;
}


li{
list-style-type: square;
line-height:auto;
}


.visible {
display:none;
}

	 


.logo {
position:relative;
width:35%;
padding:0px;
margin:0;
height:auto;
float:left;
z-index:100;
}


.balken_schwarz {
position:relative;
width:40px;
background:#333;
height:4px;
margin:20px 0 ;
}


.blau{
color:#1436DE;
}

.balken_blau {
position:relative;
width:40px;
background:#1436DE;
height:4px;
margin:20px 0;
}

.orange{
color:#EA9507;
}

.balken_orange {
position:relative;
width:40px;
background:#EA9507;
height:4px;
margin:20px 0;
}


.rot{
color:#E30C03;
}

.balken_rot {
position:relative;
width:40px;
background:#E30C03;
height:4px;
margin:20px 0;
}





.abstand {
height:40px;
}
	 
	 
.abstand_klein {
height:40px;
}

	.abstand_video {
height:0px;
}
	 
.abstand_kleiner {
height:40px;
}
	 

.img_klein {
width:100%;
height:auto;
float:none;
}




.img_gross {
width:96%;
height:auto;
margin-right:0px;
float:left;
margin-bottom:20px;
}



	 
.logo_wdr {
width:35%;
height:auto;
}


.grafik {
position:fixed;
float:left;
width:auto;
height:100%;
right:-100px;
display:none;
}




.text {
position:relative;
		overflow:hidden;
width:auto;
float:left;
}


.text_01 {
position:relative;
width:auto;
float:none;
width:100%;
margin-right:0%;
}


.text_02 {
position:relative;
width:auto;
float:none;
width:100%;
}


	 


.container {
position:relative;
width:90%;
margin:0 auto;
}
	 
	 

.text_willkommen {
position:relative;
width:90%;
margin:0 auto;
}



.video {
position:relative;
width:100%;
float:left;
margin-left:0px;
margin-top:0px;
}



.pfeil {
display:inline;
}





.textbox_impressum_01 {
position:relative;
width:auto;
margin-bottom:20px;
float:left;
}

.textbox_impressum_02 {
position:relative;
width:auto;
float:left;
}




.box {
position:absolute;
float: left;
left:20px;
}

	 
	 
	 
	 }


 @media only screen and (max-width: 411px) {
	 

	/* ===================== Danke ==================================== */




.textbox_danke {
position:relative;
	width:90%;
	text-align:left;
margin: 0 auto;

}
	 
	 
.breite_harven{
width:100%;
}


li{
list-style-type: square;
line-height:auto;
}




.logo {
position:relative;
width:40%;
padding:0px;
margin:0;
height:auto;
float:left;
z-index:100;
}


.balken_schwarz {
position:relative;
width:40px;
background:#333;
height:4px;
margin:20px 0 ;
}


.blau{
color:#1436DE;
}

.balken_blau {
position:relative;
width:40px;
background:#1436DE;
height:4px;
margin:20px 0;
}

.orange{
color:#EA9507;
}

.balken_orange {
position:relative;
width:40px;
background:#EA9507;
height:4px;
margin:20px 0;
}


.rot{
color:#E30C03;
}

.balken_rot {
position:relative;
width:40px;
background:#E30C03;
height:4px;
margin:20px 0;
}





	 
	 
.img_klein {
width:100%;
height:auto;
float:none;
}





.img_gross {
width:100%;
height:auto;
margin-right:0px;
float:left;
margin-bottom:20px;
}


	 
.logo_wdr {
width:30%;
height:auto;
}


.grafik {
position:fixed;
float:right;
right:-280px;
display:none;
}





.text {
position:relative;
width:auto;
		overflow:hidden;
float:left;
}

	 
.text_01 {
position:relative;
width:auto;
float:none;
width:100%;
margin-right:0%;
}


.text_02 {
position:relative;
width:auto;
float:none;
width:100%;
}




.container {
position:relative;
width:90%;
margin:0 auto;
}
	 
	 
.text_willkommen {
position:relative;
width:90%;
margin:0 auto;
}ab



.video {
position:relative;
width:100%;
float:left;
margin-left:0px;
margin-top:0px;
}



.pfeil {
display:inline;
}





.textbox_impressum_01 {
position:relative;
width:auto;
margin-bottom:20px;
float:left;
}

.textbox_impressum_02 {
position:relative;
width:auto;
float:left;
}





 
	 
	 }