body {
background-color: #fff;
font-size: 100%;
font-family: Arial, sans-serif;
line-height: 1.5;
text-align: left;  
}

.body {
margin: 0 auto;
width: 100%;
clear: both;
overflow-x: hidden;
}

a:hover {
color: #333;
text-decoration: none;
}

a:link, a:visited {
font-style: normal;
text-decoration: none;
}

.mainheader {
width: 100%;
background-color: fff;
position: relative;
box-shadow: 0px 1px 7px #888888;
padding-top: 3;
padding-bottom: 7px;
margin-top: 0;
line-height: 10%;
}

.mainheader h2 {
font-family: Arial Black, sans-serif;
	font-weight: black;
	letter-spacing: -2px;
font-size: 140%;
text-align: center;
color: #333;
}
.mainheader h1 {
font-size: 70%;
text-align: center;
color: #ccc;
letter-spacing: 0px;
}

.mainheader img {
width: 15%;
height: auto;
min-width: 130px;
display: block;
margin-left: auto;
margin-right: auto;
}

.mainheader a:link, a:visited {
color: #333;
}

.mainContent {
width: 80%;
margin-left: auto;
margin-right: auto;
overflow: hidden;

}

.vorstellung {
width: 100%;
margin-left: auto;
margin-right: auto;
background-color: #fff;
overflow: hidden;
text-align: center;
}

.vorstellung2 {
width: 100%;
height: 30%;
margin-left: auto;
margin-right: auto;
background-image: url(bilder/ki-und-journalismus.jpg);
background-size: cover;
background-color: #fff;
overflow: hidden;
}

.vorstellungtext {
width: 55%;
float: left;
text-align: left;
padding-top: 7%;
padding-left: 5%;
font-size: 160%;
font-weight: bold;
color: #666;
}


.vorstellungtext2 {
width: 40%;
float: left;
text-align: left;
margin-top: 3%;
margin-left: 5%;
padding: 0.8%;
margin-bottom: 5%;
font-size: 170%;
font-weight: bold;
color: #fff;
background-color: #000;
}

.vorstellungtext h2 {
font-size: 140%;
font-weight: bold;
color: #666;
}

.vorstellungbild {
width: 25%;
float: right;
text-align: left;
margin-right: 15%;
}

.vorstellungbild img {
width: 75%;
height: auto;
float: right;
padding-top: 6%;
}



.teaser1 {
width: 95%;
margin-left: auto;
margin-right: auto;
text-align: center;
font-size: 100%;
}

.teaser1 h2 {
font-size: 100%;
color: #333;
}

.teaser1 h1 {
font-size: 100%;
font-weight: bold;
color: #333;
}

.schwerpunktlinks {
text-align: left;
float: left;
width: 35%;
margin-top: 2%;
padding: 2%;
}



.schwerpunktlinks2 {
text-align: left;
float: left;
	
width: 35%;
margin-left: 1%;
margin-top: 2%;
padding: 2%;
overflow: hidden;
}

.schwerpunktlinks2 a:link, a:visited {
color: #333;
	font-weight: bold;
}

.schwerpunktlinks2 img {
width: 60%;
height: auto;
float: left;
text-align: left;

}

.profil {
width: 100%;
color: #444;
font-size: 100%;
text-align: justify;
float: left;
margin-bottom: 3%;

}

.profil h1 {
font-size: 105%;
font-weight: bold;
margin-top: 0%;
margin-bottom: 1%;
}

.profil h2 {
font-size: 100%;
font-weight: bold;
margin-top: 0%;
margin-bottom: 1%;
}

.schwerpunktrechts {
width: 55%;
text-align: left;
float: left;
margin-left: 1%;
margin-top: 2%;
padding: 2%;
overflow: hidden;
	
}

.schwerpunktrechts img {
width: 100%;
height: auto;
float: left;
text-align: left;
margin-top: 12%;

}
.schwerpunktrechts2 {
width: 55%;
text-align: left;
float: left;
margin-top: 2%;
padding: 2%;
overflow: hidden;
	
}

.schwerpunktrechts2 img {
width: 100%;
height: auto;
float: left;
text-align: left;

}

.news {
float: left;
border-bottom: dotted thin #444;
padding-bottom: 2%;
width: 100%;
margin-top: 3%;
}

.news a:link, a:visited {
color: #333;
font-style: normal;
text-decoration: none;
}


.newsbild {
float: left;
width: 29%;
margin-top: 0;

}

.newsbild img {
width: 100%;
margin-top: 0;
}

.newstext {
float: left;
width: 55%;
margin-left: 3%;
margin-top: 0%;
text-align: left;
}

.newstext h1 {
font-size: 105%;
font-weight: bold;
margin-top: 0%;
margin-bottom: 0%;
}

.newstext h2 {
font-size: 80%;
font-weight: normal;
margin-top: 0%;

}
	
.fokusbild {
width: 100%;
float: left;
text-align: left;
margin-bottom: 2%;
margin-top: 2%;
}

.fokusbild img {
width: 100%;
}

.fokustext {
width: 100%;
margin-left: auto;
margin-right: auto;
text-align: justify;
color: #444;
margin-bottom: 4%;
padding-bottom: 2%;
border-bottom: dotted thin #444;
}

.fokustext h1 {
font-style: bold;
font-style: normal;
font-size: 105%;
text-decoration: none;
line-height: 120%;
margin-top: 2%;
margin-bottom: 1.5%;
color: #333;
text-align: left;
}

.fokustext h2 {
font-style: bold;
font-style: normal;
font-size: 80%;
line-height: 100%;
margin-top: 2.5%;
color: #000;
text-align: left;
}

.fokustext a:link, a:visited {
font-style: normal;
text-decoration: none;
color: #333;
}

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 0;
    height: 0;
    overflow: hidden;
}



.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;

	
}

.impressum {
text-align: left;
float: left;
width: 100%;
margin-top: 0%;
}

.impressum h1 {
font-size: 105%;
font-weight: bold;
margin-top: 0%;
margin-bottom: 1%;
}

.impressum h2 {
font-style: bold;
font-style: normal;
font-size: 105%;
text-decoration: none;
line-height: 120%;
margin-top: 2%;
margin-bottom: 0.5%;
color: #333;
text-align: left;
}

.impressum a:link, a:visited {
font-style: bold;
text-decoration: underline;
font-style: normal;
color: #333;
}

.impressum_detail {
text-align: left;
float: left;
width: 100%;
padding: 2%;
margin-top: 8%;
}



.impressum_detail a:link, a:visited {
font-style: bold;
text-decoration: underline;
font-style: normal;
color: #333;
}

.impressum2 {
text-align: left;
float: left;
width: 100%;
margin-top: 0%;
}

.impressum2 h1 {
font-size: 105%;
font-weight: bold;
margin-top: 0%;
margin-bottom: 1%;
}

.impressum2 h2 {
font-style: bold;
font-style: normal;
font-size: 105%;
text-decoration: none;
line-height: 120%;
margin-top: 2%;
margin-bottom: 0.5%;
color: #333;
text-align: left;
}

.impressum2 a:link, a:visited {
font-style: bold;
text-decoration: underline;
font-style: normal;
color: #333;
}


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




.mainContent {
width: 100%;
}
	
.vorstellung {
margin-top: 3%;
	}
	
	.vorstellung2 {
height: 50%;
	}
	
.vorstellungtext {
font-size: 120%;
		}

.vorstellungtext2 {
width: 40%;

font-size: 100%;

	
}
	
.schwerpunktrechts img {
width: 100%;
height: auto;
float: left;
text-align: left;
margin-top: 7%;

}
	

.schwerpunktlinks {
width: 95%;
margin-left: auto;
margin-right: auto;
margin-top: 0%;
margin-bottom: 0%;
}
	
.schwerpunktlinks2 {
width: 95%;
margin-left: auto;
margin-right: auto;
margin-top: 0%;
margin-bottom: 0%;
}
	
.schwerpunktrechts {
width: 95%;
margin-left: auto;
margin-right: auto;
margin-top: 0%;
}

.schwerpunktrechts2 {
width: 95%;
margin-left: auto;
margin-right: auto;
margin-top: 0%;
}

.teaser1 {
width: 90%;
text-align: left;
float: left;
padding-left: 3%;
}

.teaser1 h1 {
font-size: 100%;
text-align: left;
line-height: 30px;
}

.profil {
font-size: 95%;
	}

.profil h1 {
font-size: 85%;
text-align: left;
margin-top: 1%;
}

	
.impressum_detail {
font-size: 95%;
margin-top: 10%;
	}	
	
.impressum_detail h1 {
font-size: 85%;
	}
	
.impressum {
font-size: 90%;
	}
	
.impressum h1 {
font-size: 150%;
	}	
	

.impressum h2 {
font-size: 110%;
	}	
	
.impressum2 {
font-size: 95%;
	}
	
.impressum2 h1 {
font-size: 95%;
	}	
	

.impressum2 h2 {
font-size: 95%;
	}	
	


}


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



	


.mainContent {
width: 100%;
}
	
.vorstellung {
margin-top: 2%;
	}
	
.vorstellung2 {
height: 30%;
	}
	

	
.vorstellungtext {
font-size: 95%;
		}
	
.vorstellungtext2 {
width: 50%;

font-size: 85%;
}

.vorstellungbild {
margin-right: 10%;
}
	
.vorstellungbild img {

padding-top: 15%;
}
	
	
.teaser1 {
width: 90%;
	}


.teaser1 h1 {
font-size: 100%;
line-height: 30px;
}

.schwerpunktlinks {
width: 95%;
margin-left: auto;
margin-right: auto;
margin-top: 0%;
margin-bottom: 0%;
}
	
.schwerpunktlinks2 {
width: 95%;
margin-left: auto;
margin-right: auto;
margin-top: 0%;
margin-bottom: 0%;
}
	
.schwerpunktrechts {
width: 95%;
margin-left: auto;
margin-right: auto;
margin-top: 0%;
}

.schwerpunktrechts2 {
width: 95%;
margin-left: auto;
margin-right: auto;
margin-top: 0%;
}
	
.schwerpunktlinks2 img {
width: 35%;


}

.profil {
width: 100%;
margin-left: auto;
margin-right: auto;
font-size: 95%;
text-align: justify;
float: left;
margin-bottom: 1%;

}

.profil h1 {
font-size: 95%;
text-align: left;
margin-top: 1%;
}
	
.fokustext {
margin-bottom: 3%;
padding-bottom: 3%;
}

.fokusbild {
display: none;
	}
	
.impressum {
font-size: 95%;
	}
	
.impressum h1 {
font-size: 95%;
text-align: left;
}
	
.impressum h2 {
font-size: 95%;
	}
	
.impressum2 {
font-size: 95%;
	}
	
.impressum2 h1 {
font-size: 95%;
text-align: left;
}
	
.impressum2 h2 {
font-size: 95%;
	}

	
.impressum_detail {
margin-top: 20%;
}

.newsbild {

margin-top: 0;
}

.newsbild img {

display: none;
}

.newstext {

margin-left: 0;
width: 100%;
padding-bottom: 1%;
}

.news {

padding-bottom: 1%;
}