/* ****************************************************************************** */
/* nur große Bildschirme                                                          */
/* ****************************************************************************** */
.non-responsive { }
.responsive { 
	visibility:hidden;
	display: none;
}

/* ****************************************************************************** */
/* kleinerer Bildschirm                                                           */
/* ****************************************************************************** */
@media screen and (max-width:1300px)  and (min-width:771px) {
.logo { padding-top:2.5vH; }

}

@media screen and (max-width:1030px) {
p.non-responsive, p.line-height500 { height: 0%; }

}

@media screen and (max-width:930px) {	
/* #wrapper { margin:0px; width:10%; }
#main { margin:0px; width:100%; } */
}


/* ****************************************************************************** */
/* Smartphones                                                                    */
/* ****************************************************************************** */
@media screen and (max-width:770px) {

body { 	font-size: 90%; }

#wrapper {
	position:relative;
	margin: 0px; 
	padding:0px;
}

#main {
	margin-left:0%;
	margin-right:0%;
	width:100%;
}
	
#header { padding-top:4.5vH; }
	
.non-responsive, .nonresponsive {
    position: absolute;
    left: -3000%;
    top: -2000%;
    height: 0%;
    width: 0%;
	visibility:hidden;
}

.responsive {
	position:static;
	width:80%;
	visibility:visible;
	display:inline;
}

.logo_responsive { 
	text-align: center; padding-top: 0vH; padding-bottom: 0vH; width: 100%;
}

.button { width: 50%;
	margin-left: 0%;
	margin-top: 0%;
	margin-bottom:0px;
}

img.bild_gross { width: 40%; }

.custom_foto { 
	position:static;
	width:80%;
	visibility:visible;
}

#col1 {
	position:relative;
	float:left; 
	width: 88%; 
	margin:0%;
	padding:0%;
	vertical-align:top;
	background-color:transparent; 
	/* padding-left:0%; */
	padding-right:8%;
	padding-top:30px;
	min-height:400px;
	font-size:110%;
	padding-bottom:20px;
	
	margin-top:3%;
	border-top: 20px solid #EBEEF3;
	padding-top:1vH;
	margin-top:0vH;
}
#col1_content { }

#col2 { 
	position:relative;
	float:right; 
	width:0px;
	height:0%;
	visibility:hidden;
}

#col2_content {
	width:0px;
	height:0%;
   }

#col3 { margin-top:30%; margin-right:2%; background:transparent; }

#header, #col1 { padding-left:14%; width:80%; }

.float-right-20,
.float-right-30,
.float-right-40,
.float-right-45,
.float-right-50,
.float-right-60,
.float-right-70,
.float-right-80,

.float-left-90,
.float-left-80,
.float-left-70,
.float-left-60,
.float-left-55,
.float-left-50,
.float-left-40,
.float-left-30,
.float-left-20,
	
.team-text, .team-text, .team-bild, .team-text-rechts
{ width:100%; margin-bottom:10px; } 
 
/* .logo_smart { 
	position:relative;
	width:40%;
	text-align:left;
	visibility:visible;
} */
	
.logo { width:100%; }


.table-40 { width:50%; width:100%; } 
.table-40 tr td:nth-child(odd) { width:50%; } 
.table-40 tr td:nth-child(even) { width:40%; } 

.table-40 tr td:nth-child(odd) { width:30%; } 
.table-40 tr td:nth-child(even) { width:70%; } 
	
	
ul.team li { width:100%; padding-bottom:10%; }
ul.team ul { margin-left:-8%; }
ul.team ul li:nth-child(2n+1) { width: 100%; }
ul.team ul li:nth-child(2n) { width:100%; margin-left:0%; padding-top:1%; }
ul.team ul li:nth-child(2n+1) img { border: 1px solid #EBEEF3; }

td > ol { padding-left:5%; }

.suche { font-size:80%; margin-top:0.5vH; padding-right:1%; width:auto; text-align:right; }

.search label {     
	position: absolute;
    left: -3000%;
    top: -2000%;
    height: 0%;
    width: 0%;
	visibility:hidden;
 }
	
.search input { margin-top:4vH; padding-top:4vH; padding-left:-28%; }

div.alert {
	line-height: 1.3;
	margin-top:40%;
	width:97%;
	padding: 2%;
	font-size: 95%;
}

.alertclosebtn {
	margin-top: -10px;
	margin-right:0.5%;
	font-size: 250%;
}

.alert div { margin:2%; margin-right:6%; margin-top:3.5vH; margin-bottom: 1vH; }
.alert h1 { font-size: 120%; }
.alert h3 { font-size: 90%; }



}