/* OpenSans-Light - latin */
@font-face {
font-family: 'OpenSans-Light';
font-style: normal;
font-weight: 100;
src: url('fonts/OpenSans-Light.eot'); /* IE9 Compat Modes */
url('fonts/OpenSans-Light.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('fonts/OpenSans-Light.woff') format('woff'); /* Modern Browsers */
}
/* OpenSans-Regular - latin */
@font-face {
font-family: 'OpenSans-Regular';
font-style: normal;
font-weight: 300;
src: url('fonts/OpenSans-Regular.eot'); /* IE9 Compat Modes */
url('fonts/OpenSans-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('fonts/OpenSans-Regular.woff') format('woff'); /* Modern Browsers */
}
/* OpenSans-Bold - latin */
@font-face {
font-family: 'OpenSans-Bold';
font-style: normal;
font-weight: 500;
src: url('fonts/OpenSans-Bold.eot'); /* IE9 Compat Modes */
url('fonts/OpenSans-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('fonts/OpenSans-Bold.woff') format('woff'); /* Modern Browsers */
}

html, body{
width: 100%; 
padding: 0px; 
margin: 0px; 
border: 0px solid #FFFFFF; 
background-color: #FFFFFF; 
font-weight: 100; 
font-family: OpenSans-Light, Segoe, Helvetica, Arial, Verdana, Sans, Lucida; 
font-size: 1.1em; 
background: rgb(255,255,255);
background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(230,230,230,1) 80%);
}

#gesamt{}

span.topmm{
background-image:url(photocase_2920160_s.jpg); 
background-size: cover; 
background-position: center center; 
width: 60%; 
height: 280px; 
border: 5px solid #FFFFFF; 
display: block; 
margin: 0px 20% 0px 20%; 
padding: 0px; 
transform: rotate(-3deg); 
position: relative; 
top: -20px; 
}


#signet{
width: 20%; 
height: auto; 
display: inline-block; 
padding: 30px 40% 50px 40%; 
margin: 0px; 
border: 0px solid #FF0000; 
}
#signet img{
width: 100%; 
height: auto; 
padding: 0px; 
margin: 0px; 
border: 0px solid #FF0000; 
}

#texte{
color: #000000; 
line-height: 1.5em; 
width: 100%; 
padding: 0px 0% 0px 0%; 
margin: 0px; 
}
#texte span.h2{
color: #FFFFFF; 
background-color: #B23B43; 
width: 60%; 
padding: 30px 20% 0px 20%; 
margin: 0px 0px 0px 0px; 
font-weight: 500; 
display: inline-block;
height: auto; 
border-top: 1px solid #000000; 
border-left: 0px solid #999999; 
border-right: 0px solid #999999; 
border-bottom: 1px solid #000000; 
}
#texte .h2 span.big{font-size: 2.0em; line-height: 2.0em; margin: 0px 40px 0px 0px; font-style: normal; position: relative; top: -20px; }
#texte .h2 span.small{font-size: 4.5em; line-height: 1.0em; opacity: 0.5; font-weight: 700; font-style: normal; position: relative; top: -15px; border: 0px solid #000000; display: inline-block; transform: rotate(-5deg); padding: 30px 0px 30px 0px; }



.inhalte{
width: 60%; 
padding: 10px 20% 10px 20%; 
margin: 0px 0px 0px 0px; 
}
h3{
color: #9F4249; 
font-size: 1.8em; 
line-height: 1.3em; 
}
.adress{
width: 60%; 
padding: 10px 20% 10px 20%; 
margin: 0px 0px 0px 0px; 
background-color: #B23B43; 
text-align: center; 
color: #FFFFFF; 
line-height: 1.5em; 
position: relative; 
border-top: 1px solid #000000; 
border-left: 0px solid #999999; 
border-right: 0px solid #999999; 
border-bottom: 0px solid #000000; 
}
span.fragen{font-size: 1.3em; font-weight: 300; }
span.contact{font-size: 1.0em; font-weight: 300; }
.adress a{
color: #FFFFFF; 

}