@charset "UTF-8";
/* CSS Document */
/*rothmayr-illustration.ch*/
/*rothmayr webseiten*/
/*PAD Portrait*/

@media screen and (max-width: 768px){
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}



#BgContainer, #Container, header, footer, section, aside, nav, article { display: block;}

.menubutton a {
  cursor:pointer;
}


*{
margin: 0;padding:0;
}

body {
width:100%;
min-height: 101%;
color: #000;
font-size: 1em; /* 16px*/
font-size: 100%; /* 16px*/
font-family:/*'Conv_News-Gothic'*/'franklin_gothic_fsbook', Arial, Helvetica, sans-serif;
font-family:Helvetica, Arial, sans-serif;

}

#BgContainer{
width:100%!important;
margin:0 auto!important;
margin-top:0!important;
box-shadow:none!important;
-webkit-box-shadow:none!important;
-moz-box-shadow:none!important;


}
#BgContainerweiss{

width:100%!important;
margin:0 auto!important;
margin-top:0!important;
box-shadow:none!important;
-webkit-box-shadow:none!important;
-moz-box-shadow:none!important;


}

#Container{
	width:100%!important;
	margin:0!important;
	padding:0!important;
	padding-top:60px!important;
	float:none!important;
}

header {

	background-position:left;
	background-repeat:no-repeat;
	width:95%;
	margin-left:2.5%;
	margin-right:2.5%;
	background-origin:content-box;
	float:left;
}
.main-navigation{
	width:95%!important;
	float: left;
 	margin: 7% 2.5% 0 2.5%!important;
  	padding-top:3%!important;
    padding:0!important;

}

.main-navigation ul {
  float: left;
  list-style-type: none;
  margin: 0!important;
  padding:0!important;
  width:100%!important;

  }
nav li {
  display:inline;
   padding:0 14.85% 0 0.25%;
   padding:0 13% 0 0.25%;
}
nav li.last-item { 
display:inline;
text-align:left!important;
margin: 0!important;
padding:0!important;
}
article{
	margin:2% 0 0 0;
	margin-left:2.5%!important;
	margin-right:2.5%!important;
	padding-top:0;
	padding-bottom:2%;
	width:95%;
	float:left!important;
	border-bottom:1px solid #c0c0c0;

}
article h1,
article h2{
font-family:'franklin_gothic_fsbook', Arial, Helvetica, sans-serif;
}
article p,
article p.grau{
	font-size:1.2em;
}
article ul li{font-size:1.2em;}

aside{

	width:95%;
	float:left!important;
	margin:0 2.5%!important;
	padding:0 0 2% 0!important;
	padding:0 0 2.5% 0!important;
}
aside h2{
font-size:1.2em!important;
padding:4% 0 1.5% 0!important;
margin:0!important;
font-weight:normal!important;
}

aside .multicolumn{
	column-count:2;
	-moz-column-count:2;
	-webkit-column-count:2;
	column-gap:20px;
	}
aside ul li{
	padding:0!important;
	padding:1% 0 1% 0!important;
	margin:0!important;
}
aside ul li a { 
font-size:1.2em;
margin:0!important;
}
aside ul{
padding:0!important;
margin:0!important;
}


/*______________FOOTER**NORMAL____________*/	
footer{
	clear:both;
	width:100%!important;
	margin:0!important;
	padding:0!important;
	border-bottom:1px solid transparent!important;
	border-bottom:none!important;
	

}
	
footer p{
	color:#666;
	font-size:1.15em;
	margin:0!important;
	padding:2% 0!important;
}

.footer-segment-left{
	display: inline;
	text-align:center;
	width:33.333333%;
	float:left;
	border-top:1px solid #666;
}
.footer-segment-mitte{
	display: inline;
	text-align:center;
	float:left;
	width:33.333333%;
	border-top:1px solid #666;
	
}
.footer-segment-right{
	display: inline;
	text-align:center;
	width:33.333333%;
	float:right;
	border-top:1px solid #666;
}

footer a{
	text-decoration:none;
	color:#666;
}
footer a:hover,
footer a:focus{
	color:#dd0318;/*rot*/
	}
}