body { 
	background-color: red; 
}


.hg {
	/*
	width: 1024px;
	margin:0px auto;
	*/
	/*
	background-color: pink;	
	border:dashed 1px blue;*/
	}
#header {
		/*border:dashed 1px red;*/
	background-color: #FFF;
	width: 100%;
	height: 400px;
	/*height: 360px;*/
	height: auto;/**/
}
#header .content {
	width:auto;
}
.top { height: 130px; height: 10vw; /*border:dashed 1px blue;*/}

.logobox {
	position:fixed;
	z-index:200;
	/*height: 80px;*/
	background-color: #FFF;
	width: 100%;
	/*width: auto;*/
	text-align:left;
	/*
	left:-50%;
	border-bottom:solid 10px #FFF;
	border:dashed 1px red;*/
}
.logobox .content {
	padding:0px 0px 0px 120px;
	width:auto;
	
}
#logo img{
	height: 80px;
	height: 128px;
	width:auto;
	
	width:69%;
	height: auto;
	margin:0px 0px 10px 0%;
	/*border:dashed 1px red;*/
	
}
.logobox2 {
	background-color: #FFF;
	width: 100%;
	text-align:right;
	height: 100px;
	display:none;
}
.logobox img, .logobox2 img{
	margin-top:10px;
	height: auto;
	width:50%;
	height: 100px;
	width:auto;
	/*	*/
}
.logo {
	margin: 0px;
	height: auto;
	width: auto;
}
#menubox {float:right;}
.menu {
	position: absolute;
	z-index:100;
	top:0px;
	right: 10px;
	background-color: #FFF;
	background-image: url(../userfiles/images/meta/menu.svg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	background-size: 30px auto;
	height: 32px;
	width: 32px;

	margin-top: 20px;
	margin-right:10px;
	/*border:solid 2px #ccF;*/
	cursor:pointer;
	display:none;
	/*float:right;*/
}
.aktiv {
	background-position: 0px -32px;
	
}

#map {
	height: 300px;
	background-color: #d2d2d2;
}
#footer{
	margin-bottom: 0px;
	/*width: 100%;
	height: 80px;*/
}
#footer .adressbox{
	background-color: #b1b3b4;
	background-color: #63A04E;	
	background-color: Transparent;	
	padding:5px 15px;
	padding:0px 0px 0px 0px;
	color: #000;
}
#footer2 .adressbox{
	padding:4em 0px 0px 0px;


}
#footer2 .adressbox p{
	/*border:solid 1px blue;*/
	margin:0px;
	padding:0px;
	text-align:left;
	
}
#footer2 .adressbox div {
float:left;
}

#footer .adressbox p
{
  margin-top: 0px;
  margin-bottom: 0px;
}

#footer .adressbox a{
	color: #FFF;
	color: #000;
}
#footer .adressbox a:hover{
	color: #005C8C;
}
.main {
	position:relative;
	background-color: #FFF;
	/*width:1000px;*/
	margin:0px 0px 0px 0px;
	margin:0px auto;
	padding:0px 0px 3em 0px;
	padding:0px 0px 3em 0px;

}
.main2 {	
		border-left:solid 80px #abc5d0;
}
.main2b {
		position:relative;
	background-color: #FFF;
	/*width:1000px;*/
	margin:0px 0px 0px 0px;
	margin:0px auto;
	padding:0px 0px 3em 0px;
	padding:0px 0px 0px 0px;	
}
.main3 {
	
		border-left:solid 80px #FFF;
}
.trenner {
	border-bottom:1px solid #588ca2;
	border-bottom:none;
	height: 0%;
	font-size: 0%;
	margin:0px;
	padding:0px;
	display:none;
}
.adressbox {
	position: relative;
	height: 60%;
}
.adressbox div {
	position: absolute;
	top: 50%;
	transform: translateY(-25%);

}
.adressbox a{
	color: #005C8C;
}
.adressbox a:hover{

}

.linkbox {
	display:inline-block;
	min-width:200px;
	width:50%;
	background-color:#c6d6de;
	padding:0.2em 0.3em;
	margin:0.3em 0px;
}

.leben {
	max-width:800px;
	width:90%;
	margin: 50px auto;
	
}
.leben img{
	width: 31%;
	height:auto;
}

.content .bildbox5 { width: 102%; margin-left: -2%; background-color:pink;}
.teamclip {
	float:left;
	width: 222px;
	width: 23%;
	margin-bottom: 2%;
	margin-left: 2%;
}
.teamclip img {
	float:left;
}
.textbox {
	line-height:1.1em;
	margin: 0px 0px;
	height: 3.1em; 
	float:left;
}

.teambox {
	width: 104%;
	margin-left:-2%;
	/*border:dashed 1px red;*/
}
.teambox a{
	text-decoration:underline;
}

.team {
	width: 31.33%;
	margin-left:2%;
	/*width: 23%;*/
	max-width:200px;
	margin-left:2%;
	float:left;
}
.team img{
	width: 100%;
	border:solid 2px #FFF;
}
.team:hover img{
	border:solid 2px #005c8c;
}
.bgbild {
	background-image: url(../userfiles/images/meta/linie.png);
		background-image: none;
	background-repeat: repeat-x;
	background-position: center center;
	height: 60px;
	margin: 0px;
	padding: 0px;

}
#header .bgbild {
	
	background-image: url(../userfiles/images/header/testformatslider1.jpg);
	background-repeat: no-repeat;
	background-position: center 100px;
	background-size: 100% auto;
	
	/**/
	height: auto;
	height: 460px;
	
	padding: 0px;
	margin:0px;
	background-size:cover;/*
		border-bottom:solid 20px #ccc;*/
}

.navaktiv{
	position:absolute;
	top:0px;
}
#bottom2 {
	/*border:dashed 1px red;*/
	
}
.blau {
	z-index:1000;
	height:40px;
	height:auto;
	background-color: #F4F4F4;/**/
	background-color: #94b8c4;	
	border-bottom:solid 10px #FFF;
	margin-top:-5px;
}
.fix-search{
	position: fixed;
	/*width: 100%;*/
	margin-top:0px;
}
.fix-blau {

	background-color: #B1B3B4;
	background-color: #588ca2;
	
	
}
.fix-bottom{
  
}
.hauptbild {
/*height:300px;*/
}
.bildbox {
	position:relative;
}
.bildbox img{
	/*
	position:absolute;
	left:0px;
	bottom:0px;
	*/
	width:30%;
	height:auto;
}
.bildbox h1 {
	display:block;
	position:absolute;
	width:60%;
	top: 100%;
	left: 33%;
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
    color:#000;
	
}

.header_inhalt {
	padding:0px 0px 40px 130px;
	text-align:left;

}
/*
.header_inhalt img {
	width:30%;
	height:auto;
	margin:0px 10px 10px 0px;
	
}
.header_inhalt p{
	height:100px;
	border:solid 1px pink;
}
*/
.content {
	position:relative;
	z-index:1;
	text-align: left;
	width: 900px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding:0px 0px 0px 40px;
	background-color: #FFF;
	/*border:dashed 1px red;*/
}
#header .content {
	/*background-color: transparent;*/
	margin-top: 0px;
}

.content img {
	width: 100%;
	height:auto;
	float:left;
	margin-bottom:10px;
	margin-left:0px;
}

/*
.content img, .header_inhalt img {
	width:30%;
	height:auto;
	float:left;
	margin:0px 10px 10px 0px;
	
}
*/
.content .klein {
	width: 25%;
	height:auto;
	float:left;
	margin-bottom:5px;
	margin-right:20px;
	margin-left:0px;
}
.content .klein2 {
	width: 25%;
	width: 250px;
	height:auto;
	float:right;
	margin-bottom:10px;
	margin-right:0px;
	margin-left:20px;
}
#header .content img {
	/*border:dashed 1px red;*/
	float:none;
	margin:0px;
	padding:0px;
}
.scroll {
	margin-top: 0px;
	margin-bottom: 0px;
}
#scroll_top {
	padding:10px;
	background-color:rgba(255, 255, 255, 0.8);
	display:none;
	}
.scroll-fix{
	position:fixed;
	z-index:200;
	bottom:20px;
	margin-left:-34px;	
}

.full {
	height: auto;
	width: 100%;
	margin-right: 0%;
	margin-bottom: 1%;
}
.sp12 .full {
	height: auto;
	width: 32%;
	margin-right: 1%;
	/*float:left;*/
}
.sp12 .full img
{
  height: auto;
  width: 60%;
}
.bildbox {
	margin-left: 0%;
}
.spalte {
	background-color: #FFF;
	width: auto;
	float:left;
	
}
.spalte p {margin-left: 0%;margin-top: 5px;}
.spalte img { margin-bottom: 5px; margin-left: 0px;}
.content .sp12 .bildbox img {
	width: 24%;
	margin-right: 0px;
	margin-left: 1%;
	margin-bottom: 1%;
}
.content .bildbox img {
	width: 49%;
	margin-right: 0px;
	margin-left: 1%;
	margin-bottom: 1%;
}
#nav1  {
	/*border:solid 1px blue;
		border:dashed 1px red;*/
  margin-top:-5px;
  background-color: #B1B3B4;
  background-color: #588ca2; 
  display:none;/**/
  
}
#nav1 ul {
 /* height: 30px;*/
}

.nav2 {
	position:absolute;
	z-index:300;
	bottom:-150px;
	left:-230px;
	/*background-color: pink; */
	width:310px;
}
.icon {
	position:relative;
	border:solid 1px blue; 
	margin-right:10px;
	height:60px;
	display:none;/**/
}
.icon2 {
	
	position:relative;
	/*border:solid 1px blue; */
	margin-right:0px;
	height:60px;

}
.icon2 img {
	position:absolute; 
	top:0px;
	right:0px;
	z-index:1010;
	width:60px;
	height:auto;
	margin:0px 10px 0px 0px;
	
	/*display:none;*/
}
.icon2:hover a{

display:block;/**/
}
.icon2 a{
	width:100%;
	font-size:1.4em;
	font-weight:400;
	text-decoration:none;
	color:#FFF; 
	background-color:#588ca2; 
	display:block; 
	position:absolute; 
	top:0px;
	z-index:1000;
	padding:20px 90px 20px 10px; 
	text-align:right; 
	display:none;/**/


}



.icon a{
	width:100%;
	font-size:1.4em;
	font-weight:400;
	color:#FFF; 
	background-color:#588ca2; 
	display:block; 
	position:absolute; 
	top:10px;
	z-index:1000;
	padding:10px 80px 10px 10px; 
	 /*display:none;*/
	text-align:right; 
	background-image: none;
	background-repeat: no-repeat;
	background-position: center right;
	background-size:  auto 100%;
}
.call a {
		background-image: url(../userfiles/images/meta/icon_phone2.svg);

}
.mail a {
		background-image: url(../userfiles/images/meta/icon_email2.svg);

}


.desk {
	display:block;
}
.smart {
	display:none;
}
.anker1, .anker {
	position:relative;
	position:absolute;
	z-index:5000;
	top:-200px;
	left:-2200px;
	height: 10px; 	
	font-size: 10px;
	line-height: 10px;
	 background-color: red;	
}
.anker1{
	top:-150px;  background-color: pink;	
}
.fix-anker {
	background-color: gold;	
	top:-180px;
}
.fix-anker1 {
	background-color: gold;	
	top:-120px;
}	 
.clr {
	font-size: 0px;
	line-height: 0px;
	background-color: #cFF;
	clear: both;
	height: 0px;
}
.spacer1 {
	height: 400px;
}


#steuerung {
	background-color: #F00;
	position: fixed;
	z-index:1000;
	height: 100px;
	width: 200px;
	left: -2200px;
	top: 250px;
	color:#000;
}


.sliderbox {
	position:relative;
	z-index:10;
	margin:0px 0px 0px 0px;
	background-color: gold;
	/*min-height:500px;*/

}

.fadeinbox { 
	
	position:absolute;
	top:0px;
	left:0px;
	width: 100%;
	height:100%;

}
.fadein { 
	position:relative;
	margin:0px;
	padding: 0px;
	width: 100%;
	height: 100%;
 }
.faderspacer{    
	width: 100%;
    height:auto;
    height:calc(100vw/16*9);
}
.fadein img{
	position:absolute;
	top:0px;
	left:0px;
    width: 200%;
    height:auto;
    width: calc(100%);
}

	
body { 
	background-color: red;
	font-size: 20px;
	line-height: 23px; 
}
.hg { margin:0px auto 0px auto; }
.hg, .logobox, .fix-search { width:1240px; }

@media only screen and (max-width: 1919px) {
	body { background-color: gold; 	font-size: 18px; line-height: 21px; }
	.hg { width:1010px; 	margin:0px auto 0px auto;}
	.logobox, .fix-search { width:1010px; }
	#header { height: 300px; height: auto;}
}

@media only screen and (max-width: 1599px) {
	body { background-color: orange; font-size: 16px; line-height: 19px;}	
	.hg { width:780px; 	margin:0px auto 0px auto;}
	/*#header { height: 300px; height: auto;}*/
	.content { width:auto;}
	.logobox, .fix-search { width:780px; }
	.nav1 ul li { padding-right: 0px;}
		.top { height:8vw; }	

}

@media only screen and (max-width: 1240px) {
	body { background-color: grey; }
/*
	.hg { width:780px; 	margin:0px auto 0px 230px;}
*/	
	.hg { margin:0px auto 0px auto; }
	
	/*#header { height: 300px; height: auto; }*/
	.content {width:auto;}
	.logobox { width:780px; }
	.fix-search { width:780px; }
	.blau .content {padding: 0px 0px 0px 0px;}
	.nav1 ul li { padding-right: 0px;}
	
	
	.nav2 { left:0px; }
	.icon2 a { font-size:1.3em; padding: 20px 10px 20px 90px; text-align: left; }	
	.icon2 img {  left: 0px; margin: 0px 0px 0px 10px; }	

	
	
	
}

@media only screen and (max-width: 1024px) {
	body { background-color: green; }
	/*
	.hg { width:780px; 	margin:0px auto 0px 230px;}
	#header { height: 300px; height: auto; }
	.content {width:auto;}
	.logobox { width:780px; }
	.nav1 ul li { padding-right: 0px;}
*/
	
}


/* Tablet Portrait 
@media only screen and (min-width: 768px) and (max-width: 1023px) {*/
@media only screen and (max-width: 1023px) { /* Tablet quer*/
	body { background-color: blue;}	
	.hg { margin:0px auto 0px auto; }
	.hg, .logobox, .fix-search { width: 768px; }
	.anker1, .anker {  top:-140px; }
	.nav2 { left:0px; }
	.icon2 a { font-size:1.3em; padding: 20px 10px 20px 90px; text-align: left; }	
	.icon2 img {  left: 0px; margin: 0px 0px 0px 10px; }	
	.top { height:12vw; }	
	
}





/* Smartphone Portrait und Landscape 
@media only screen and (min-width: 512px) and (max-width: 767px) {
*/
@media only screen and (max-width: 767px) {	
	body { background-color: pink;  font-size: 14px; line-height: 16px;}
	.hg, .logobox, .fix-search { width: 100%; width: 96%; }
	.logobox { height:auto;}
	.logobox .content  { padding:0px;}
	.header_inhalt {  padding: 0px 0px 40px 10px; }
	.top { height:18vw; }
	
	#nav1  { /*display:block;*/  position: fixed;  z-index:2000; width: 100%; height: calc(100vh - 18vw); top:18vw;  left:0px; }
	
	.linkbox {width: 90%;}
	
	
	#header { height: auto;}
	.anker1, .anker {  top:-70px; top:-11vh; }
	.desk {display:none;}
	.smart {display:block;}
	
	
	
/*
#header h1 {
    margin-top: 40px;
    margin-bottom: 0px;
}	
*/		
	/*
	.hg { width: 480px; }
	.content { width: 480px; }
	#header { height: auto;}
	#header .bgbild {	height: 220px; background-size: auto 160px;}
	.logobox { height: auto; margin-top:-10px;}
	.adressbox { height: auto;}

	.top {height: 70px; }
	.logobox,  .logobox2, .logobox2 img { height: 60px;  margin-right: 10px; margin-top: 0px;}
	#logo img {height: 50px;}
	.anker1, .anker {  top:-70px; }	
	*/
	


}

/*@media only screen and (min-width: 320px)  and (max-width: 511px) {*/
@media only screen and (max-width: 511px) {
	body { background-color: purple; }	
	
	
	
	/*.anker1, .anker {  top:-50px; }	*/	
	.menu { display:block;}	
	.main { background-color: #CFC;}
	.main2 { border-left:solid 40px #abc5d0; }
	.main3 { border-left:solid 40px #FFF; }
	#header { height: auto;}	
	.icon2 img { width: 60px; margin: 0px 0px 0px -10px; }
	

	#logo img { margin: 10px 0px 0px 0%; }	
	.header_inhalt {  padding: 0px 0px 0px 0px; }

.bildbox  {
    position:static
}	
.bildbox img {
    width: 60%;
    height: auto;
    position:static
}
.bildbox h1 {
		font-size: 1.2em;
	line-height: 1.3em;
	display:block;
	position:static;
	width:97%;
	top: 0%;
	left: 3%;
    -ms-transform: none;
    transform: none;
    color:#000;
    padding: 1em 2% 0em 2%;
    margin-top:10%;
	
}
	
/*	
	.hg { width: 100%; }
	.top {height: 50px; }
	.logobox, .logobox img, .logobox2, .logobox2 img { height: 40px;  margin-right: 10px; margin-top: 0px;}
	
	#logo img {height: 30px; width: auto;margin: 5px 0px 0px 3px;}	
	.anker1, .anker {  top:-50px; }		
	.menu { display:block;}	
	.main { background-color: #CFC;}
	.main2 { 		border-left:solid 40px #abc5d0;}	
	.blau, #nav1 { height: auto; }
	.bgbild {  background-position-y: 40px; height: 10px;}
	#header .bgbild {	 background-position-y: 40px; height: 200px;}
	#scroll_top { display:inline-block;}
	#header { height: auto;}
	.content { width: 300px; width: 90%; padding:0px;}	
	.content .sp12 .bildbox img { width: 99%; }
	.content .bildbox img { width: 99%; }	
	.content .klein { width: 99%; }	
	.team { width: 200px; margin-bottom:30px; }
	.content .team img {  }
	#footer, .adressbox { height: auto;}
	.adressbox, .adressbox div { position: static; }
	.adressbox div { top: 0px; transform: translateY(0%); }
	h1 { margin-left: -5px; }
	#nav1  { margin-top:0px; margin-bottom:0px; display:block;}
	#nav1 ul  { height: auto;}
	.nav0 ul{ height: auto;}
	.desk { display:none;  }
	.smart { display:block; }
	iframe {height:400px;}

	.teamclip { width: 96%; margin-bottom: 2%; margin-left: 2%; }
	
	.header_inhalt {
	    padding: 0px 0px 120px 40px; }
	.bildbox img { width: 70%; }
	.bildbox h1 {
	    display: block;
	    position: static;
	    width: 60%;
	    top: 100%;
	    left: 32%;
	    left: 92%;
	    -ms-transform: translateY(-100%);
	    transform: translateY(-100%);
	    color: #000;
	}

*/
}