
@media screen and (min-width: 751px) {

/* ****************************************************************************** */
/* nur große Bildschirme                                                          */
/* ****************************************************************************** */
.non-responsive, .nonresponsive { }

.responsive, .logo_responsive, .logo { 
    position: absolute;
    left: -3000%;
    top: -2000%;
    height: 0%;
    width: 0%;
	visibility:hidden;
}


/* ****************************************************************************** */
/* kleinerer Bildschirm                                                           */
/* ****************************************************************************** */
@media screen and (max-width: 1000px) {

body { font-size: 92%; }
	
#wrapper { margin-left:5%; margin-right:5%; }

.logo {  }
		
.flextab li:nth-child(4n+1) { flex: 1 100%; }
.flextab li:nth-child(4n+2) { flex: 1 100%; }
.flextab li:nth-child(4n+3) { flex: 1 100%; }
.flextab li:nth-child(4n)   { flex: 1 100%; } 
	
.flextab li:nth-child(1), .flextab li:nth-child(2), .flextab li:nth-child(3), .flextab li:nth-child(4) { margin:0%; padding:0%; width:0px; height:0px; visibility:hidden; }

}
	
} 



/* ****************************************************************************** */
/* Tablets                                                                        */
/* ****************************************************************************** */
@media only screen and (device-width: 768px) {
/* For general iPad layouts */
* html #col1, * html #col2, * html #col3 { position:relative;}
}

@media screen and (orientation: landscape) {  }
@media screen and (orientation: portrait) {  }



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

.non-responsive, .nonresponsive, #header1, #header2, #col2 {
    position: absolute;
    left: -3000%;
    top: -2000%;
 	visibility:hidden;
    margin:0%;
    padding:0%;
    height:0%;
    width:0%;
}

.responsive {
	visibility:visible;
	display:inline;
    margin-left:0%;
    margin-right:0%;
}

body { font-size: 100%; }	

#wrapper {
	margin-left:5%;
	margin-right:5%;
}
#header {
	margin-left:0%;
	margin-right:0%;
	padding-top:6vH;
}
	
#main {
	margin-top:1.5%;
	margin-bottom:2%;
	margin-left:0%;
	margin-right:0%;
	padding:0%;
}

.logo {  }

#header { margin-top:10vH; }
	
#col3 { min-height:100px; width:100%; padding-bottom:2vH; }
#col3 p { text-align:justify; }
    
h1 { font-size: 170%; }                      
h2 { font-size: 140%; }          
h3 { font-size: 120%; }          
h4 { font-size: 110%; }                    
h5 { font-size: 90%; }                  
h6 { font-size: 80%; } 
p  { line-height: 140%; }
    
ul { margin-left:7%; }
	
ul.table30 li { margin-bottom:0.2%; }	
ul.table30 li:nth-child(3n+1) { width: 100%; }
ul.table30 li:nth-child(3n+2) { width: 80%; margin-bottom:0.2%; }
	
div[itemprop=articleBody] h1 { width:85%; }
	
.flextab li:nth-child(4n+1) { flex: 1 100%; }
.flextab li:nth-child(4n+2) { flex: 1 100%; }
.flextab li:nth-child(4n+3) { flex: 1 100%; }
.flextab li:nth-child(4n)   { flex: 1 100%; } 
	
.flextab li:nth-child(1), .flextab li:nth-child(2), .flextab li:nth-child(3), .flextab li:nth-child(4) { margin:0%; padding:0%; width:0px; height:0px; visibility:hidden; }
   
.float-right-20,
.float-right-30,
.float-right-40,
.float-right-45,
.float-right-50,

.float-left-80,
.float-left-70,
.float-left-60,
.float-left-55,
.float-left-50, 
    
.spalte-links-30, img.spalte-links-30,
.spalte-links-40, img.spalte-links-40,
.spalte-links-50, img.spalte-links-50,
.spalte-links-60, img.spalte-links-60,
.spalte-links-70, img.spalte-links-70,
.spalte-links-80, img.spalte-links-80,

.spalte-rechts-30, img.spalte-rechts-30,
.spalte-rechts-40, img.spalte-rechts-40,
.spalte-rechts-50, img.spalte-rechts-50,
.spalte-rechts-50, img.spalte-rechts-50,
.spalte-rechts-70, img.spalte-rechts-70,
.spalte-rechts-80, img.spalte-rechts-80

{ width:100%; margin-top:2%; margin-bottom:6%; } 
        
.all img, img.all { width:30%; }
	
}




