@charset "UTF-8";
/* CSS Document */
/*Rothmayr-illustration.ch*/

/* Smartphones (portrait) ----------- */
@media screen and (max-width: 320px){
	 body {
		max-width:320px;
		width:100%;
		font-size:80%;
		/*background-color:yellow;*/
    }
	#BgContainer{
	max-width:100%;
	width:100%;
	max-width:320px;
	background-image:none!important;
	margin:0 auto;

}
#BgContainerweiss{
border-bottom:none!important;}
	header {
	background-position:center;
	background-repeat:no-repeat;
	width:95%;
	margin:5% 2.5% 0 2.5%!important;
	padding:0;
	/*background-color:yellow;*/
}
header .logo img{
	height:auto;
	width:100%;

}
#Layout{

	width:100%!important;
	margin:5% 0 0 0!important;
	padding:0!important;
}
/* navigation */
.main-navigation .nav-toggle,
.nav-toggle,
.fa{
	
	top:15%!important;
}

nav li {
  font-size:1.5em;
}

article h1,
article h2,
article h2.bold,
aside p{

font-size:1.4em;
padding-left:2%!important;
padding-right:2%!important;
}

article h2,
article h2.bold
{
font-size:1.4em!important;
font-weight:bold!important;
padding-left:2%!important;
padding-right:2%!important;
}


article p,
article p.grau{
	font-size:1.4em!important;
	line-height:1.5em!important;
	padding-bottom:2%!important;
	padding-top:2%!important;
	padding-left:2%!important;
	padding-right:2%!important;
	
}
aside p,
aside ul li,
article ul li
{
	font-size:1.4em!important;
	padding-left:2%!important;
	padding-right:2%!important;
}
aside h1,
aside h2{
display:block!important;
font-size:1.4em!important;
font-weight:bold!important;
padding-left:2%!important;
padding-right:2%!important;
}
aside{
	margin:0!important;
}
.multicolumn ul li a{
	font-size:1.3em!important;
	font-size:1.05em!important;
	line-height:1.4em!important;
	padding-left:2%!important;
	padding-right:2%!important;
}
	
/*  Footer  */

footer{
	clear:both;
	width:100%;
	margin:10% 0 0 0!important;
	padding:0 0 5% 0!important;
	padding:0!important;
	/*background-color:lightblue;*/
}
footer p{
	margin:0!important;
	/*font-size:1.2em;*/
	font-size:1.5em!important;
	text-align:center!important;
	padding:3.5%;	
}
	
.footer-segment-left{
	float:left;
	width:100%;
	/*border:none!important;*/
	border-top:1px solid #666!important;
	border-bottom:1px solid #666!important;
}
.footer-segment-mitte{
	float:left;
	width:100%;
	/*border:none!important;*/
	border-bottom:1px solid #666!important;
}
.footer-segment-right{
	width:100%;
	float:left;
	/*border:none!important;*/
	border-bottom:1px solid #666!important;

	}
}