@charset "UTF-8";
/* CSS Document */
/*Rothmayr-illustration.ch für HOME Seite*/

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

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

}
#Layout{

	width:100%!important;
	margin:5% 0 0 0!important;
	padding:0!important;
	}
	

.a_box {

width:44%!important;
height:141px!important;
background-image:url(../images/web-hintergrund-2.png);
float:left!important;
margin:0 1% 2% 5%!important;
padding:0;
}
.b_box { /*display:hidden;*/display:none!important;}
.c_box {
	
width:44%!important;
height:141px!important; 
background-image:url(../images/malerei-hintergrund.png);
background-origin:content-box;
float:left!important;
margin:0 5% 2% 1%!important;
padding:0 3% 0 3%!important;
background-color:#0F6;
}
.c_box img{
	padding:0 !important;
	margin:0 !important;
	width:100%!important;
	height:100%!important;
}


.bigbox {

/*width:185px;*/
width:46%!important;/*height:360px;*/
/*height:100%!important;*/
height:75%!important;
height:286px!important;
/*background-color:rgba(217,188,50,1);*/
background-image:url(../images/gold-hintergrund-neu.jpg)!important;
margin:0 1% 0 3%!important;
padding:0!important;
float:left!important;
z-index:5;
}

.bildwechselbigbox {
    position:relative;
    height:46%;
    width:100%;
	width:102%;
	margin-top:32%;
}

/*.bildwechselbigbox img.top,
.bildwechselbigbox img.bottom {
	width:100%;
	height:75%;
	margin:20% 0 0 0;
	}*/
	
	/*neue Angabe  */
	

.bildwechselbigbox img {
	width:100%;
	height:75%;
	margin:20% 0 0 0;
	
	position:absolute;
	-webkit-transition: opacity 1s ease-in-out;
    -moz-transition: opacity 1s ease-in-out;
    -o-transition: opacity 1s ease-in-out;
    -ms-transition: opacity 1s ease-in-out;    
    transition: opacity 1s ease-in-out;

}
/* Neue Angabe h2.thin  und h2 bigbox  */

.bigbox h2.thin {
	font-family: Helvetica , Arial, sans-serif;
	font-size:16px!important;
	letter-spacing:0!important;
	text-align:center!important;
	margin:5px 1px 0 1px!important;
	margin:3px 1px 0 2px!important;
	margin:3px 0 0 3px!important;
}
.bigbox h2{ margin-top:32px!important;}



.d_box { /*width:175px;*/
width:44%!important;
height:141px!important;
background-image:url(../images/restaurierung-hintergrund-neu.png);
margin:0 5% 0 1%!important;
padding:0 2.75% 0 2.75%!important;
float:right!important; /*display:inline;*//*z-index:5;*/}

.d_box a:link,
.d_box a:visited
 {
    background-color:transparent;
	background-image:url(../images/restaurierung-hintergrund-neu.png);
    color: #ffffff;
	text-align:center!important;
    text-decoration:none;
	width:44%;
	height:141px;
-webkit-transition: opacity 1s ease-in-out;
-moz-transition: opacity 1s ease-in-out;
-o-transition: opacity 1s ease-in-out;
transition: opacity 1s ease-in-out;
}

.d_box a:hover,
.d_box a:active,
.d_box a:focus

 { background-image: url(../images/restaurierung.jpg);
   color:#9f9d9d!important;
    text-decoration: none;
	width:100%;
	height:141px;
	text-align:center!important;
opacity:0.7;
z-index: 100;
transition: all 0.5s linear;
-webkit-transition: all 0.5s linear; }

.e_box {display:none!important;}
.f_box {
/*width:175px;*/
width:44% !important;
height:145px!important;
margin:0 5% 0 1%!important;
padding:0!important;  
background-image:url(../images/f_box_illustration-2.png);
float:right!important;}

.f_box h2 {
	text-align:center;
	padding-top:93px;	
}
.d_box h2.thin {
	padding-top:91px;
	padding-top:93px!important;/*neue Anpassung */
	font-size:10px;
	font-size:1.3em;/*passt jetzt Wandmalerei*????*/
	text-align:center!important;}
	
.d_box a:link,
.d_box a:visited,
.d_box a:hover,
.d_box a:active,
.d_box a:focus
{
text-align:center!important;

}

.c_box h2 {
	padding-top:87px;
	text-align:center!important;
}
	
.c_box a:link{text-align:center!important;}

.c_box h2 a:link,
.c_box h2 a:visited,
.c_box h2 a:hover,
.c_box h2 a:active,
.c_box h2 a:focus{text-align:center!important;}

.a_box h2 {
	padding-top:88px;
	text-align:center!important;
}
/**** Text unten  ****/
section{
/*background-color:lightgreen!important;*/
margin-top:145%!important;
}

h3.left {
/*display:inline!important;*/
display:block!important;
font-size:1.2em!important;
text-transform:uppercase;
padding:3% 0 1% 0!important;
padding:2% 0 0 0!important;
}

p{
	font-size:1.2em!important;
	line-height:1.3em!important;
	padding:2% 0 0.3% 0!important;
}

p.home{
	/*display:inline!important;*/
	display:block!important;
	font-size:1.2em!important;
	/*padding:5px 8px 25px 8px;*/
	padding:3% 0 1% 0!important;
	line-height:1.3em!important;
}
	
/**********FOOTER************/	

footer{
	clear:both;
	width:100%;
	margin:0!important;
	padding:0!important;
	}
footer p{
	margin:0;
	font-size:1.3em!important;
	text-align:center!important;
	padding:4% 0;
	
}
	
	
.footer-segment-left{
	float:left;
	width:100%;
	}
.footer-segment-mitte{
	float:left;
	width:100%;
	}
.footer-segment-right{
	width:100%;
	float:left;

	}
}