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

.responsive { 
	visibility:hidden;
	display: none;
}


/* ****************************************************************************** */
/* 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) {  }


/* ****************************************************************************** */
/* kleinerer Bildschirm                                                           */
/* ****************************************************************************** */

@media screen and (max-width:1150px) {
#wrapper {
	margin-left:10%;
	margin-right:10%;
 }

#main {  }  
}



/* ****************************************************************************** */
/* Smartphones                                                                    */
/* ****************************************************************************** */
@media screen and (max-width:800px) {
	
ul.lang-inline { font-size: 123%; }
	
h1 { font-size: 360%; }                      
h2 { font-size: 120%; }          
h3 { font-size: 100%; }          
h4 { font-size: 90%; }                    
h5 { font-size: 80%; }                  
h6 { font-size: 70%; } 
p  { font-size: 90%; }


body { position:absolute; }

#wrapper {
position:relative;
min-width: 100px;
margin-left:10%;
margin-right:10%;
min-height:80vh;
padding-bottom:2%;
margin-bottom:15vh; /* wichtig */
}

#header {
	position:absolute;
	top:0px;
	left:0px;
	margin:0px;	
	height:auto;
	padding-left:0%;
	padding-right:0%;
}

#main { 
	position:relativ; /* !!! */
	padding-top:240px;
	padding-bottom:10%;
	margin-top:0%;
}


.menu_bottom li:first-child { margin-right:3%; }


.non-responsive, .nonresponsive,
.kante
.mod-languages
{
    position: absolute;
    left: -3000%;
    top: -2000%;
    height: 0%;
    width: 0%;
	visibility:hidden;
}

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

#col3_content  { 
	margin:0px;
	padding:0px;
	padding-left:5.5%;
	padding-right:5.5%;
	padding-top:1%;
	padding-bottom:2%;
 }

.menu_bottom li {
	padding-left:2%; /* Abstand links */
	padding-right:2%; /* Abstand links */
} 


a[href~="top"]:before {
	color: #E9953B;
	width: 0;
	height: 0;
 	border-top: 8px solid transparent;
	border-bottom: 8px solid transparent;
	border-left: 12px solid #E9953B;
 }

ul.lang-inline {
 	position:absolute;
	right:11%;
	top:0px;
	height:2%;
	margin:0px;
	width:100%;
	text-align:right;
}
ul.lang-inline li { font-size: 90%; }

h1.titel img {
	position:relative;
	width:90%;
	margin-top:5%;
	padding-top:0%;
	padding-left:5.5%;
	padding-right:5.5%;
}
p.titel {
	position:relativ;
	width:90%;
	margin-top:-1.5%;
	margin-bottom:0%;
	font-size: 85%;
	padding-left:5.5%;
	padding-right:5.5%;
}

.float-right-20,
.float-right-30,
.float-right-40,
.float-right-45,
.float-right-50,

.float-left-90,
.float-left-80,
.float-left-70,
.float-left-60,
.float-left-55,
.float-left-50, 


.spalte-rechts-30, img.spalte-rechts-30,
.spalte-rechts-30 h6,
.spalte-links-30,
.spalte-rechts-70,
.spalte-links-70

{ width:100%; padding-top:2%; padding-bottom:2%; } 

	
} /* Smartphones */


/* ****************************************************************************** */
/* kleine Smartphones                                                                    */
/* ****************************************************************************** */
@media screen and (max-width:800px) {
#header { padding-left:1%; padding-right:2%; }
#main { padding-top:260px; }
}


@media screen and (max-width:730px) {
#main { padding-top:240px; }
}


@media screen and (max-width:710px) {
h1.titel img { margin-top:7%; }
#main { padding-top:240px; }
}

@media screen and (max-width:670px) {
h1.titel img { margin-top:7%; }
#main { padding-top:240px; }
}

@media screen and (max-width:580px) {
#main { padding-top:230px; }
}

@media screen and (max-width:530px) {
#main { padding-top:220px; }
}

@media screen and (max-width:490px) {
#main { padding-top:200px; }
}


@media screen and (max-width:450px) {
ul.lang-inline li { font-size: 90%; }
h1.titel img { margin-top:11%; }
#main { padding-top:200px; }
}


@media screen and (max-width:400px) {
h1.titel img { margin-top:11%; }
#main { padding-top:190px; }
}

@media screen and (max-width:340px) {
h1.titel img { width:85%; margin-top:11%; }
#main { padding-top:190px; }
}