/*General Style*/

body {
	background:#FFFFFF;
	font-size:100%;
	margin:0em;
	padding:0em;
}

h1 {
	font-size:2.5em;
	line-height:3.8em;
	font-family:'Open Sans', sans-serif;
	font-weight:100%;
	color:#004F9F;
	margin:0em;
}

h2 {
	font-size:1.563em;
	line-height:1.8em;
	font-family:'Open Sans', sans-serif;
	font-weight:100%;
	color:#004F9F;
	margin:0em;
	text-align:left;
}

#h2a {
	font-size:1.563em;
	line-height:1.8em;
	font-family:'Open Sans', sans-serif;
	color:#004F9F;
	margin:0em;
	font-size:100%;
	text-align:left;
	text-decoration:none;
}

#h2a:hover {
	text-decoration:underline;
}


p{
	line-height:1.25em;
	font-family:'Open Sans', sans-serif;
	font-weight:100%;
	color:#2F2D2C;
	margin:0em;
	padding:0.75em;
	padding-left: 1.25em;
	text-align:justify;
}
select{
        font-family: 'Open Sans', sans-serif;
        font-size:1em;
        padding: 0.438em;
        outline: 0;
        border:0;
        width:6.250em;
        background: #E2EAF5;
        border-radius:0.313em;
}
select:focus {
        box-shadow: 0 0 2pt 1pt #004F9F;
		-webkit-transition: all 0.2s linear;
		-moz-transition: all 0.2s linear;
		transition: all 0.2s linear;
}
input
{	
		width:auto;
        font-family: 'Open Sans', sans-serif;
        font-size:1em;
        padding: 0.438em;
        outline: 0;
        border:0;
        background: #E2EAF5;
        border-radius:0.313em;
}
input:focus {
        box-shadow: 0 0 2pt 1pt #004F9F;
		-webkit-transition: all 0.2s linear;
		-moz-transition: all 0.2s linear;
		transition: all 0.2s linear;
}
input:required {
        box-shadow: 0 0 2pt 1pt red;
		-webkit-transition: all 0.2s linear;
		-moz-transition: all 0.2s linear;
		transition: all 0.2s linear;
}

textarea {
        font-family: 'Open Sans', sans-serif;
        font-size:1em;
        padding: 0.438em;
        outline: 0;
        border:0;
        width:18.750em;
        background: #E2EAF5;
        border-radius:0.313em;
		}
textarea:focus {
        box-shadow: 0 0 2pt 1pt #004F9F;
		-webkit-transition: all 0.2s linear;
		-moz-transition: all 0.2s linear;
		transition: all 0.2s linear;
}
input[type=submit]
{
        width:auto;
        padding: 0.313em 1.125em;
        line-height:1.563em;
        text-shadow:none;
        cursor:pointer;
        box-shadow: none;
        background: #004F9F;
        color: #fff;
		margin-bottom:1em;
}
input[type=checkbox] {
  /* Double-sized Checkboxes */
  -ms-transform: scale(2); /* IE */
  -moz-transform: scale(2); /* FF */
  -webkit-transform: scale(2); /* Safari and Chrome */
  -o-transform: scale(2); /* Opera */
  background: #004F9F;
}

.button
{
        padding:0.438em 0.875em;
        background-image: linear-gradient(bottom, #E56038 0%, #ff8c66 100%);
        background-image: linear-gradient(to bottom, #ff8c66 0%, #E56038 100%);
        background-color:  #004F9F;
        color: #EBE8DE;
        text-shadow: 0.063em 0.063em 0 #ff8155;
        text-decoration:none;
        border-radius:0.313em;
        box-shadow: 0.063em 0.063em 0.125em 0.063em rgba(0, 0, 0, 0.3);
}

.button:hover
{
        background:none #93D8F6;
		color: #000000;
        text-shadow:none;
}

div{
	line-height:1.25em;
	font-family:'Open Sans', sans-serif;
	font-weight:100%;
	color:#2F2D2C;
}

ul {
	margin:0em;
	padding:0em;
}

#impul {
	margin:1em;
	padding:1em;
}
 
li {
	list-style:square;
	font-family:Helvetica;
	font-weight:100;
	color:#FFFFFF;
	margin:0em;
	padding:0em;
}

img {
	width:100%;
	height:auto;
	max-width:100%;
}

a {
	text-decoration:underline;
	color:black;
}

a:hover {
	text-decoration:none;                                    
}

a:visited {
	text-decoration:none;                                    
}

/*on Top bar*/
#menubar {
	display:block;
	background:#93D8F6;
	height:3.250em;
	z-index:300;
}

#menubar ul {
	display:block;
	width:2em;
	padding:0.9em;
	z-index:300;
}
#balkentop {
		width:72.7%;
		height:1em;
		margin: 0 auto;
		margin-top:0;
	
}

#phone {
	    background-image:url(images/startseite/phone2.png);                                                                                         
		height:2em;
		margin-top:-1em;
		padding-top:0;
		background-repeat:no-repeat;
		background-size:1.6em 1.6em;
		float:left;
		margin-left:-4.4em;
		}
#phonetext {
		float:left;
		color:white;
		margin-left:1.8em;
		font-size:120%;	
		padding-top:0;
}	
#email {
	    background-image:url(images/startseite/email.png);  
		float:left;		
		height:2em;
		margin-top:-0.9em;
		margin-left:10em;
		background-size:1.6em 1.3em;
		background-repeat:no-repeat;
		position:absolute;
		}
#email:hover {
		background-size:1.7em 1.4em;
		}		
#emailtext {
		float:left;
		color:white;
		margin-left:1.8em;
		margin-top:-0.1em;
		font-size:120%;	

}
#emailtext:hover {
		text-decoration:underline;

}		


/*nur sichtbar wenn mobile*/
#menubar ul li a.menubutton {
	display:none;
}
#logo2 {
	display:none;
}


/*logo*/
#logo{
   background-image:url(images/logo/Logo_Bolzek_GmbH.png);
   position:absolute;
   height:17em;
   width:18em;
   background-size:18em 17em;
   background-repeat:no-repeat;
   opacity:1;
   margin-left:60em;
   margin-top:-5em;
   z-index:600;
}	

#toggletext {
	margin-top:16em;
	margin-left:90em;
	z-index:200;
	position:relative;
}

#tropfenslide {
	margin-top:4.6em;
	margin-left:-30.5em;
	font-size:240%;
	color: #FFFFFF;
	font-weight:bold;		
}
#tropfenslide  img{
	height:1.8em;
    width:1.6em;
}

#slidetext {
	margin-top:-2em;
	-ms-margin-top: -5em;
	margin-left:-19em;
	font-size:240%;
	color: #FFFFFF;
	font-weight:bold;
	text-shadow: 0.025em 0.025em #333;
		
}
#slidetext2 {
	margin-top:0.2em;
	margin-left:-36.6em;
	font-size:125%;
	color: #FFFFFF;
	text-shadow: 0.025em 0.025em #333;
}


/*slide*/
#slide {	
	display:block;
	width:auto;
	max-width:100%;
	margin: 0 auto;
	padding:0em;
	}
#slide img {
	display:inline-block; 
	width:100%; 
	max-width:100%;
	vertical-align: top;
	margin:0 auto;
	margin-top:0;
	padding:0em;
	text-align:center;

}	
	
/*listepunkte nebeneinandern #93D8F6;*/
#menubar ul li {
	display:inline;
}
/*Header*/
header  {
	display:block;
	background:#004F9F;
	height:2em;
	margin-top:-0.4em;
	padding-top:0.75em;
	padding-bottom:0.4em;
	width:auto;
	text-align:center;
}
header ul {
	display:block;
    padding-right:5em;
}
header ul li {
	display:inline;
	color:#FFFFFF;
	font-size:190%;
	padding-right:1em;
	font-weight:bold;
	
}

header img {
	display:inline-block; 
	width:1em; 
	vertical-align: top;
	margin:0em;
	padding-right:0.2em;
	text-align:center;
}	

#tropfen {
   background-image:url(images/logo/tropfen.png);
   height:2em;
   width:10%;
   margin:0 auto;
   -moz-background-size:1.75em 1.875em; /* Firefox */
	-webkit-background-size:1.75em 1.875em; /* Safari, Chrome */
	background-size:1.75em 1.875em;
   background-repeat:no-repeat;
   float:left;
}
	

/*navigation*/
#getFixed {
  width:100%;
  z-index:400;
}
#menubar2 {
width:100%;
z-index:600;
}

nav {
	height:1.938em;
	text-align:left;
	width:100%; 
	max-width:95.250em;
	margin:0 auto;
	font-size:100%;
	padding-left:6.475em;
	padding-top:0.6em;
	background:#004F9F;
}
nav ul {
	display:block;
	font-size: 120%;
	
}
nav ul li {
	display:inline;
	font-size:100%;
}
nav ul li a {
	margin-top:-1em;
	color:white;
	text-decoration:none;
	background:#004F9F;	
	padding:0.5em 0.5em 0.5em 0.5em;
	transition:background 0.2s;
	-webkit-transition:background 0.2s;

}
/*E80100*/

nav ul li a:hover {
	background:white;
	color:#004F9F;
}
nav ul li a.active {
	border-bottom: 0.188em solid #93D8F6;
}

#home {
   background-image:url(images/logo/home-hover.png);
   height:1.063em;
   width:3.3em;
   margin:0 auto;
   padding-left:1.2em;
   margin-top:-0.438em;
   -moz-background-size:1.063em 1.5em; /* Firefox */
	-webkit-background-size:1.063em 1.5em; /* Safari, Chrome */
	background-size:1.063em 1.5em;
   background-repeat:no-repeat;
   float:left;
}

#home:hover {
   background-image:url(images/logo/home.png);
   height:1.063em;
   width:3.3em;
   margin:0 auto;
   padding-left:1.2em;
   margin-top:-0.5em;
   -moz-background-size:1.063em 1.5em; /* Firefox */
	-webkit-background-size:1.063em 1.5em; /* Safari, Chrome */
	background-size:1.063em 1.5em;
   background-repeat:no-repeat;
   float:left;
}

/*Inhalt*/
#main {
	display:block;
	width:100%;
	max-width:72em;
	margin:0 auto;
	padding:0em;
	margin-top:3em;
}

#mainarticle {
	display:inline-block; 
	width:33.33%;		
	background:#FFFFFF;
	vertical-align: top;
	margin:0em;
	text-align:center;

}
#main article h2 {
	padding:0em;
	letter-spacing:-0.05em;
}

#main article p {
	padding:0em;
	width:97%;
	padding-right:0.3em;
}

#main article img {
	max-width:35.000em;
}
#mainartikel1 {
	margin-left:0.313em;
	margin-right:0.313em;
}
#mainartikel2 {
	margin-left:0.313em;
	margin-right:0.313em;
}
#mainartikel3 {
	margin-left:0.313em;
	margin-right:0.313em;
}

#balken {
    display:block;
	width:100%;
	height:0.75em;
	background:#004F9F;
	opacity: 0.7;
	margin-top:-1em;
	z-index:50;
}

#tropfensmall{
   background-image:url(images/logo/tropfensmall.JPG);
   height:2em;
   width: 1.7em;
   -moz-background-size:1.188em 1.250em; /* Firefox */
	-webkit-background-size:1.188em 1.250em; /* Safari, Chrome */
	background-size:1.7em 2em;
   margin-top: 0.3em;
   margin-right:0.2em;
   background-repeat:no-repeat;
   background-color: white;
   float:left;
   text-align:center;
   }   


#main aside {
	display:inline-block;
	width:30.6%;
	margin-left:0%; 
	padding:0em;
	vertical-align:top;
}

#main aside section {
	margin-bottom:1.563em;
	background:#FFFFFF;
	border-bottom: 0.188em solid #E7590B;
}



#main aside section ul {
	padding:0em 1.875em 1.25em 2.5em;
}

/*Markus Bolzek*/
#markus {
	display:block;
	width:100%;
	max-width:71.250em;
	margin: auto;
	padding:0em;

}

#markus article {
	display:inline-block; 
	width:100%; 
	vertical-align: top;
	margin:0em;
	margin-top:0.25em;
	text-align:center;

}
#markus article h2 {
	padding:0.5em 0em 0.5em 0em;
	letter-spacing:-0.05em;
}

#markus article p {
	padding:0.5em 0em 0.5em 0em;
	width:100%;
	padding-right:0.3em;
}

/*Kontakt*/
#kontakt {
	display:block;
	width:100%;
	max-width:71.250em;
	margin: 0 auto;
	margin-top:-1em;
	padding:0em;

}

#kontakt article {
	display:inline-block; 
	width:100%; 
	vertical-align: top;
	margin:0em;
	margin-top:0.25em;
	padding:0em 0em 2em 0em;
	text-align:center;

}
#kontakt article h2 {
	padding:0.5em 0em 0.5em 0em;
	letter-spacing:-0.05em;
}

#kontaktspalten {
	display:block;
	width:100%;
	max-width:71.250em;
	margin: auto;
	padding:0em;

}

#kontaktspaltenartikel {
	display:inline-block; 
	width:50%; 
	vertical-align: top;
	padding:0em;
	text-align:left;
	margin-top:0em;
}
#kontaktspaltenartikel h2 {
	padding:0em;
	letter-spacing:-0.05em;
}


.zweispalten {
	clear:left;
	width:30em;
	float:left;
}

#spalte {
	float:left;
	width:10em;
}
#spalte2 {
	width:20em;
	float:left;
}
#kontaktanfrage2{
	width:100%;
	margin-bottom:1em;	
	float:left;
	margin-top:-1em;
}
#kontaktanfrage{
	width:100%;
	margin-top:1em;	
	float:left;
}

#kontaktspalte2 {
	text-align:right;
	padding-right:0;
	margin-top:1em;

}

#qrcode {
	background-image:url(images/qrcode/qrcodesmall.png);
	height:6.875em;
	width: 6.875em;
	float:right;
	margin-right:-0.6em;
	margin-top:0;
	background-repeat:no-repeat;
	text-align:right;
}
#qrcodekontakt  {
	background-image:url(images/qrcode/qrcodesmall.png);
	height:6.875em;
	width: 6.875em;
	float:left;
	background-repeat:no-repeat;
	text-align:left;
	
}

#lupe {
	background-image:url(images/qrcode/lupesmall.png);
    height:3.250em;
    width: 3.250em;
    float:right;
	margin-top:3.5em;
    background-repeat:no-repeat;
	text-align:right;
}   
#lupekontakt{
	background-image:url(images/qrcode/lupesmallblau.png);
    height:3.250em;
    width: 3.250em;
    float:left;
	margin-top:3.75em;
	margin-left:-0.5em;
    background-repeat:no-repeat;
	text-align:right;
}   


#trenner {
    display:block;
	width:100%;
	max-width:71.250em;
	height:0.1em;
	background:#004F9F;
	margin-top:-1em;
}

/* Balken Impressum, Datenschutz, Sitemap */ 
#impbalken {
	display:block;
	background:#004F9F;
	text-align:center;
}

#impbalken ul {
	display:block;
	width:100%;
	text-align:center;
	margin:0 auto;
}

#impbalken ul li {
	display:inline;
	font-size:1em;
	line-height:2em;
	color:white;
	padding:0em 0.1em 0em 0.1em;
}
#impbalken ul li a {
	color:white;
	text-decoration:none;
}

#impbalken ul li a:hover {
	text-decoration:underline;
}

#impbalken ul li a:hover {
	text-decoration:underline;
}


/* Footer */ 
footer {
	display:block;
	background:#93D8F6;
	text-align:center;
	margin-top:0.3em;
}

footer ul {
	display:block;
	width:100%;
	max-width:61.250em;	
	text-align:center;
	margin:0 auto;
}

footer ul li {
	display:inline;
	font-size:1em;
	line-height:2em;
	color:white;
	padding:0em 0.1em 0em 0.1em;
}
footer ul li a {
	color:#E2DBDB;
}

/*Service*/

/*Service*/
#mainservice {
	display:block;
	width:100%;
	max-width:72em;
	margin:0 auto;
	margin-top:2em;
	padding:0em;
	font-size:100%;
}

#mainserviceoben {
	display:inline-block; 
	width:70%;
	max-width:51.086em;	
	vertical-align: top;
	margin:0em;
	margin-top:2em;
	text-align:left;

}
#mainserviceoben2 {
	display:inline-block; 
	width:25%; 
	max-width:15.625em;
	background:#E2EAF5;
	vertical-align: top;
	margin:0em;
	margin-top:0.5em;
	padding-left:1em;
	text-align:left;
}

/*Service Seite*/

#mainleistungen {
	display:block;
	width:100%;
	max-width:71.250em;
	margin:0 auto;
	padding:0;
	font-size:100%;
	height:100%;
	margin-bottom:2em;
	margin-top:4em;
}


#mainleistungenoben {
	display:inline-block;
	width:25%; 
	max-width:71.250em;
	vertical-align: top;
	padding:0;
	text-align:left;
}
#leistungenh{
	width:100%;
	max-width:17.7em;
	color:#FFFFFF;
	margin-top:-3.5em;
	margin-left:0.75em;
	font-size:130%;
	position:absolute;
	text-align:left;
	padding:0;
}	
#leistungen{
	width:100%;
	width:17em;
	max-width:17.8125em;
	color:#FFFFFF;
	margin-top:-2.7em;
	margin-left:1em;
	text-align:left;
	position:absolute;
	}	
#leistungstexte{
	width:100%;
	max-width:15.8125em;
	padding:1em;
	text-align: justify;
	color:white;
	background:#004F9F;
	height:15.8125em;
	}			
#serviceimg1 {
	background-image:url(images/service/solar.png);   
    width:100%;	
	height:17.8125em;
	background-repeat:no-repeat;
	background-size:17.8125em 17.8125em;
    }
#servicebalken1 {
	background-image:url(images/service/trans.png);   
    width:17.8125em;	
	height:5em;
	background-repeat:no-repeat;
	background-size:17.8125em 5em;
	opacity:0.8;
	margin-top:-5em;	
	
    }	
#serviceimg2 {
	background-image:url(images/service/heizung.png);   
    width:100%;	
	height:17.8125em;
	background-repeat:no-repeat;
	background-size:17.8125em 17.8125em;

    }
#serviceimg3 {
	background-image:url(images/service/brennwert.png);   
    width:100%;	
	height:17.8125em;
	background-repeat:no-repeat;
	background-size:17.8125em 17.8125em;

    }
#serviceimg4 {
	background-image:url(images/service/wartung.png);   
    width:100%;	
	height:17.8125em;
	background-repeat:no-repeat;
	background-size:17.8125em 17.8125em;

    }	


#articleservice {
	display:inline-block; 
	width:100%; 
	max-width:71.250em;
	background:#E2EAF5;
	vertical-align: top;
	margin:0em;
	margin-top:0em;
	padding:0em;
	text-align:left;
}

#h2imp {
	padding-left:0.75em;
}

#h2kontaktimp {
	padding-top:2.1em;
}

/*contact*/
#h2contact {
	line-height:1.3em;
	padding-top:0.3em;
}

#kontaktspalte1  {
	width:25%; 
	clear:left;
	float:left;
	margin-top:1em;
}

#kontaktspalte2 {
	text-align:right;
	margin-top:-1.5em;
	padding-right:0;
}

#kontaktspaltekontakt1  {
	width:23%; 
	clear:left;
	float:left;
	margin-top:1em;
}

#kontaktspaltekontakt2  {
	width:33.5%; 
	float:left;
	margin-top:0.5em;
	text-align:left;
	padding-right:0.5em;
}
#kontaktspaltekontakt2 img {
	display:inline-block; 
	width:100%; 
	max-width:8.750em;
	vertical-align: top;
	margin:0 auto;
}

#kontaktspaltekontakt3  {
	width:28%; 
	float:left;
	padding-top:0.2em;
	margin-top:0.3em;
	position:relative;
}

#kontaktspaltekontakt2betreffnotiz {
	width:34%; 
	float:left;
	margin-top:0.5em;
	text-align:left;
	margin-bottom:0.5em;
	padding-right:2.9em;
}
#kontaktspaltekontakt3betreffnotiz  {
	width:23%; 
	float:left;
	margin-top:0.5em;
	padding-top:0;
	position:relative;
}
#kontaktspaltekontakt2schutz {
	width:4%; 
	float:left;
	margin-top:0.5em;
	text-align:left;
	margin-bottom:0.5em;
	padding-right:0.2em;
}

#kontaktspaltekontakt3schutz  {
	width:63%; 
	max-width:12.500em;
	float:left;
	padding-top:0.2em;
	margin-top:0;
	position:relative;
}
#kontaktspaltekontakt2captcha{
	width:11%; 
	float:left;
	margin-top:1em;
	text-align:left;
	margin-bottom:0.5em;
	padding-right:0.2em;
}
#kontaktspaltekontakt3captcha  {
	width:89%; 
	max-width:9.375em;
	float:left;
	padding-top:0.2em;
	margin-top:1em;
	position:relative;
	margin-left:17em;
}


#contactrechts2 {
	width:26%; 
	background:#E2EAF5;
	vertical-align: top;
	margin:0em;
	margin-top:2.5em;
	padding-left:1em;
	text-align:left;
	float:right;

}

.arrow_box {
	float:left;
	position: relative;
	background: #ffffff;
	border: 0.125em solid #004F9F;
	border-radius:0.313em;
	padding:0.25em;
	box-shadow: 0 0.063em 0.125em 0.063em rgba(0, 0, 0, 0.3);
	font-size:80%;
}
.arrow_box:after, .arrow_box:before {
	right: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.arrow_box:after {
	border-color: rgba(255, 255, 255, 0);
	border-right-color: #ffffff;
	border-width: 0.625em;
	margin-top: -0.625em;
}
.arrow_box:before {
	border-color: rgba(0, 79, 159, 0);
	border-right-color: #004F9F;
	border-width: 0.813em;
	margin-top: -0.813em;
}


/*Impressum*/
#mainimp {
	display:block;
	width:100%;
	max-width:71.250em;
	margin: auto;
	margin-top:2em;
	padding:0em;

}

#mainimpoben {
	display:inline-block; 
	width:45%; 
	max-width:27.500em;
	background:#FFFFFF;
	vertical-align: top;
	margin:0em;
	margin-top:2.375em;
	padding-left:1em;
	text-align:left;
}
#articleimp {
	display:inline-block; 
	width:100%; 
	max-width:71.250em;
	background:#E2EAF5;
	vertical-align: top;
	margin:0em;
	margin-top:0em;
	padding:0em;
	text-align:left;
}

#h2imp {
	padding-left:0.75em;
}

#h2kontaktimp {
	padding-top:2.1em;
}

/* 24 Zoll Monitor*/
@media screen and (min-width:1400px) {
	body {
		font-size:100%;
	}
	#email {
		margin-left:21em;
		}
	#logo{
	margin-left:80em;
    margin-top:-6em;
	background-size:22em 21em;
	height:21em;
    width:22em;
	}
	#phone {                                                                                
		margin-left:7.5em;
		}
	header img {
	width:1em;
	}	
	nav{
	padding-left:23.825em;	
	}
	#toggletext {
	margin-top:24.5em;
	margin-left:93.5em;
	}
}
/* 19 Zoll monitor*/
@media screen and (max-width:1280px) {
	#phone {                                                                                
		margin-left:-6.9em;
		}
	#email {
		margin-left:8em;
		}	
	nav{
	padding-left:3.8em;	
	max-width:75.125em;
	}	
	#menubar {
	height:3em;
	}
	#toggletext {
	margin-top:15em;
	margin-left:87em;
	}
}
/* Ipad Querformat*/
@media screen and (max-width:1024px) {
	body {
		font-size:100%;
	}
	#logo{
	margin-left:49.5em;
    margin-top:-6em;
	height:14em;
	width:15em;
	background-size:15em 14em;
	}
	#email {
		margin-left:7em;
		}
	#phone {                                                                                
		margin-left:-7em;
		}
	header img {
	width:1em;
	}
	nav {
	height:1.938em;
	width:100%; 
	max-width:62.525em;
	padding-left:1.475em;
	}
	nav ul li a {
	padding:0.25em 0.5em 0.25em 0.5em;
	}
	#toggletext {
    font-size:80%;
	margin-top:15em;
	margin-left:88em;
	}
	#tropfenslide {
	margin-left:-32em;
	}
#slidetext2 {
	margin-left:-39em;
	}
	#home, #home:hover {
    padding-left:1.2em;
    margin-top:-0.2em;
    -moz-background-size:1.125em 1.3em; /* Firefox */
	-webkit-background-size:1.125em 1.3em; /* Safari, Chrome */
	background-size:1.125em 1.3em;
	}
	#markus article, #kontakt, #kontaktspaltenartikel{
	padding-left:0.3em;
	width:99%; 
	}
	#mainleistungen {
	padding-left:1em;
	}
	#mainleistungenoben {
	width:50%; 
	max-width:30em;
	}
	#serviceimg1, #serviceimg2,#serviceimg3, #serviceimg4  {
    width:100%;	
	height:30em;
	background-size:30em 30em;
    }
	#servicebalken1 {
    width:100%;	
	background-size:30em 5.6em;
    }
	#leistungen, #leistungstexte{
	width:100%;
	max-width:28em;
	height:10em;
    }
}
/* Mobile Style */
@media screen and (max-width:800px) {
	body {
		font-size:90%;
	}
}

/*320 Pixel (iPhone Hochformat)
480 Pixel (iPhone Querformat)
649 (Kleines Tablet Querformat)
768 Pixel (iPad Hochformat)
1024 Pixel (iPad Querformat)
1200 Pixel (Laptop)
1600 Pixel (Mega-Displays und TV)
Ipad Hochformat*/
@media screen and (max-width: 768px)
{
   body {
		font-size:80%;
		margin-left:0.35em;
	}
	header ul li{
		font-size:140%;	
	}
	#main article {
	display:inline-block;
	width:32%;
	}
	nav {
	font-size:80%;
	max-width:73.063em;
	
	}
	#markus article p  {
	font-size:90%;
	}
	#logo{
	margin-left:44em;
    margin-top:-4.8em;
	height:14em;
	width:15em;
	background-size:15em 14em;
	}	
	#kontaktspaltenartikel {
	width:100%;	
	max-width:44.875em;
	padding-left:0.3em;
	}
	#kontaktspalte2 {
	float:right;
	margin-top: 1em;
	text-align:left;
	padding-top:1em;
	float:right;
	}
	#qrcode {
	float:right;
	}
	#lupe {
	float:right;
	margin-left:1.25em;
	margin-bottom:0.25em;
	}  
	#email {
		margin-left:6em;
		}
	#phone {                                                                                
		height:2em;
		margin-top:-1em;
		background-size:1.6em 1.6em;
		margin-left:-7em;
		}
	#phonetext {
		float:left;
		color:white;
		margin-left:1.8em;
		font-size:120%;	
		padding-top:0;
		}	
	#kontaktspaltenartikel {
		width:48.5%; 
		padding-left:0.3em;
	}
	#kontaktspalte2 {
	margin-top: -1em;
	}
	#kontaktspaltekontakt1  {
	width:100%; 
	}
	#markus article, #kontakt{
	padding-left:0.3em;
	width:99%; 
	}
	#contactrechts2 {
	width:100%;	
	}
	#toggletext {
    font-size:70%;
	margin-top:16em;
	margin-left:86em;
	}
	#mainleistungenoben {
	width:50%; 
	max-width:27em;
	}
	#serviceimg1, #serviceimg2,#serviceimg3, #serviceimg4  {
    width:100%;	
	height:27em;
	background-size:27em 27em;
    }
	#servicebalken1 {
    width:100%;	
	background-size:27em 5.6em;
    }
	#leistungen, #leistungstexte{
	width:100%;
	max-width:25em;
	height:10em;
    }
}
/*Iphone 6 Querformat*/
@media screen and (max-width: 667px)
{
   body {
		font-size:80%;
		margin-left:0.35em;
	}
	header ul li{
		font-size:140%;	
	}
	#main article {
	display:inline-block;
	width:32%;
	}
	#toggletext {
    font-size:70%;
	margin-top:14em;
	margin-left:80em;
	}
	nav {
	font-size:80%;
	max-width:63.188em;
	margin-left:0;
	}
	nav ul li a {
	font-size: 120%;
	padding:0.1em 0.5em 0 0.5em;
	}
	#home, #home:hover {
    padding-left:1.5em;
    margin-top:-0.125em;
	height:1.3em;
    -moz-background-size:1.125em 1.2em; /* Firefox */
	-webkit-background-size:1.125em 1.2em; /* Safari, Chrome */
	background-size:1.125em 1.2em;
	}
	#markus article p  {
	font-size:90%;
	}
	#logo{
	margin-left:38em;
    margin-top:-4.8em;
	height:14em;
	width:15em;
	background-size:15em 14em;
	}	
	#kontaktspalte2 {
	margin-top: 1em;
	text-align:left;
	padding-left:0;
	width:100%
	}
	#qrcode {
	float:left;
	}
	#lupe {
	float:left;
	margin-left:1.25em;
	margin-bottom:0.25em;
	}  
	#email {
		margin-left:8em;
		}
	#phone {                                                                                
		height:2em;
		margin-top:-1.1em;
		background-size:1.6em 1.6em;
		margin-left:-5em;
		}
	#phonetext {
		float:left;
		color:white;
		margin-left:1.8em;
		font-size:120%;	
		padding-top:0;
		}	
	#kontaktspaltenartikel {
		width:48.5%; 
	}
	#kontaktspalte1,
	#kontaktspaltekontakt1,
	#kontaktspaltekontakt2 , 
	#kontaktspaltekontakt2schutz ,
	#kontaktspaltenartikel{
	width:100%; 
	}
	#kontaktspaltekontakt3{
	width:60%; 
	}
	#contactrechts2 {
	width:100%; 
	max-width:71.250em;
	}
	#kontaktspaltekontakt2captcha{
		width:100%; 
		margin-top:0.2em;
		
	}
	#mainleistungenoben {
	width:50%; 
	max-width:24em;
	}
	#serviceimg1, #serviceimg2,#serviceimg3, #serviceimg4  {
    width:100%;	
	height:24em;
	background-size:24em 24em;
    }
	#servicebalken1 {
    width:100%;	
	background-size:24em 5.6em;
    }
	#leistungen, #leistungstexte{
	width:100%;
	max-width:22em;
	height:12em;
    }
	.arrow_box:after {
		border-width: 0;
		margin-left: 0;
	}
	.arrow_box:before {
		border-width: 0;
		margin-left: 0;
	}
}
/*Iphone 4 horizontal Android nexus queerformat*/
@media screen and (max-width:650px) {
	#main aside, #main article {
		width:100%;
		display:block;
		margin:0.625em 0em 0.625em 0em;
        margin-top:1.3em;
	}
	#logo{
	margin-left:33.5em;
    margin-top:-4.8em;
	height:10em;
	width:11em;
	background-size:11em 10em;
	}	
	#kontaktspaltenartikel {
		width:100%; 
	}
	#kontaktspalte2 {
	width:100%; 	
	text-align:left;
	margin-top: 1em;
	}
	#toggletext {
    font-size:70%;
	margin-top:11.5em;
	margin-left:70em;
	}
	nav {
	font-size:80%;
	max-width:56.4em;
	}
	nav ul li a {
	font-size: 120%;
	padding:0.1em 0.5em 0 0.5em;
	}
	#home, #home:hover {
    padding-left:1.5em;
    margin-top:-0.125em;
	height:1.3em;
    -moz-background-size:1.125em 1.2em; /* Firefox */
	-webkit-background-size:1.125em 1.2em; /* Safari, Chrome */
	background-size:1.125em 1.2em;
	}
	#mainimpoben {
		width:100%; 
	}
	#h2kontaktimp {
	padding-top:0.5em;
	}
	#kontaktspalte1,
	#kontaktspaltekontakt1,
	#kontaktspaltekontakt2,
	#kontaktspaltekontakt2schutz 
	{
	width:100%; 
	}

	#kontaktspaltekontakt3{
	width:60%; 
	}
	#contactrechts2 {
	width:100%; 
	max-width:71.250em;
	}
	#kontaktspaltekontakt2captcha{
		width:100%; 
		margin-top:0.2em;
		
	}
	#mainleistungenoben {
	display:block;
	width:100%; 
	max-width:41em;
	}
	#serviceimg1, #serviceimg2,#serviceimg3, #serviceimg4  {
    width:100%;	
	height:41em;
	background-size:41em 41em;
    }
	#servicebalken1 {
    width:100%;	
	background-size:41em 5.6em;
    }
	#leistungen, #leistungstexte{
	width:100%;
	max-width:39em;
	height:8em;
    }
	.arrow_box:after {
		border-width: 0;
		margin-left: 0;
	}
	.arrow_box:before {
		border-width: 0;
		margin-left: 0;
	}
}
@media screen and (min-width:540px) {
	nav.nav {
		display:block !important;
	}	
}
/*Iphone 4/5 Android queerformat*/
@media screen and (max-width:540px) {
	body {
		font-size:90%;
		margin-left:0.35em;
	}
	#menubar ul li a.menubutton {
		display:block;
	}	
	nav {
		text-align:center;
		display:none;
		height:auto;
		margin-top:0;
		max-width:35em;
	}
	nav ul li {
		display:block;
		margin:0em;
		width:auto;
		background:#004F9F;
		height:2.5em;
	}
	nav ul li a {
	font-size: 120%;
	padding:0.1em 0.5em 0.2em 0.5em;
	}
	#home, #home:hover {
    margin-left:40%;	
	right:50%;
    margin-top:0;
	height:1.3em;
   -moz-background-size:1.125em 1.4em; /* Firefox */
	-webkit-background-size:1.125em 1.4em; /* Safari, Chrome */
	background-size:1.125em 1.4em;
	}
	#slide img  {
	display:none;
	}
	header {
		display:none;
		width:auto;
		}
	
	header  ul  {
		display:none;
	}
	#logo2 {
		display:block;
		width:100%;
		height:auto;
		max-width:9em;
		margin-left:24em;
		margin-top:-3em;
		z-index:600;
		}		
	#qrcode {
	float:left;
	}
	#lupe {
	float:left;
	margin-left:1.25em;
	margin-bottom:0.25em;
	}  
	#email {
	display:none;	
	}
	#emailtext {
	display:none;	
	}
	#phone {                                                                                
		height:2em;
		margin-top:-2.4em;
		background-size:1.6em 1.6em;
		margin-left:0;
		}
	#phonetext {
		float:left;
		color:white;
		margin-left:1.8em;
		font-size:120%;	
		padding-top:0;
		}	
	#mainimpoben {
		width:100%; 
	}	
	#h2kontaktimp {
	padding-top:0.5em;
	}
	#kontaktspalte1,
	#kontaktspaltekontakt1,
	#kontaktspaltekontakt2,
	#kontaktspaltekontakt2schutz
	{
	width:100%; 
	}
	#kontaktspaltekontakt3{
	width:60%; 
	}
	#contactrechts2 {
	width:100%; 
	max-width:71.250em;
	}
	#kontaktspaltekontakt2captcha{
		width:100%; 
		margin-top:0.2em;
		
	}
	#mainleistungenoben {
	display:block;
	width:100%; 
	max-width:40em;
	}
	#serviceimg1, #serviceimg2,#serviceimg3, #serviceimg4  {
    width:100%;	
	height:40em;
	background-size:40em 40em;
    }
	#servicebalken1 {
    width:100%;	
	background-size:40em 5.6em;
    }
	#leistungen, #leistungstexte{
	width:100%;
	max-width:24em;
	height:10em;
    }
	.arrow_box:after {
	border-width: 0;
	margin-left: 0;
	}
	.arrow_box:before {
		border-width: 0;
		margin-left: 0;
	}
}

/*Iphone 6 hochformat*/
@media screen and (max-width:480px) {
	body {
		font-size:70%;
		margin-left:0.35em;
	}
	#menubar ul li a.menubutton {
		display:block;
	}	
	nav {
		text-align:center;
		display:none;
		height:auto;
		margin-top:0;
		max-width:39.7em;
	}
	nav ul li {
		display:block;
		margin:0em;
		width:auto;
		background:#004F9F;
		height:2.5em;
	}
	nav ul li a {
	font-size: 120%;
	padding:0.1em 0.5em 0.2em 0.5em;
	}
	#home, #home:hover {
    margin-left:40%;	
	right:50%;
    margin-top:0;
	height:1.3em;
   -moz-background-size:1.125em 1.4em; /* Firefox */
	-webkit-background-size:1.125em 1.4em; /* Safari, Chrome */
	background-size:1.125em 1.4em;
	}
	#slide img  {
	display:none;
	}
	header {
		display:none;
		width:auto;
		}
	
	header  ul  {
		display:none;
	}
	#logo {
		display:none;		
	}
	#logo2 {
		display:block;
		position:absolute;
		width:100%;
		height:auto;
		max-width:9em;
		margin-left:23em;
		margin-top:-3em;
		}		
	#qrcode {
	float:left;
	}
	#lupe {
	float:left;
	margin-left:1.25em;
	}  
	#email {
	display:none;	
	}
	#emailtext {
	display:none;	
	}
	#phone {                                                                                
		height:2em;
		margin-top:-2.4em;
		background-size:1.6em 1.6em;
		margin-left:0;
		}
	#phonetext {
		float:left;
		color:white;
		margin-left:1.8em;
		font-size:120%;	
		padding-top:0;
		}	
	#mainimpoben {
		width:100%; 		
	}	
	#h2kontaktimp {
	padding-top:0.5em;
	}
	#kontaktspalte1,
	#kontaktspaltekontakt1,
	#kontaktspaltekontakt2 ,
	#kontaktspaltekontakt2schutz
	{
	width:100%; 
	}
	
	#kontaktspaltekontakt3{
	width:60%; 
	}
	#contactrechts2 {
	width:100%; 
	max-width:71.250em;
	}
	#kontaktspaltekontakt2captcha{
		width:100%; 
		margin-top:0.2em;
		
	}
	#mainleistungenoben {
	display:block;
	width:100%; 
	max-width:31em;
	}
	#serviceimg1, #serviceimg2,#serviceimg3, #serviceimg4  {
    width:100%;	
	height:31em;
	background-size:31em 31em;
    }
	#servicebalken1 {
    width:100%;	
	background-size:31em 5.6em;
    }
	#leistungen, #leistungstexte{
	width:100%;
	max-width:29em;
	height:9em;
    }
	.arrow_box:after {
		border-width: 0;
		margin-left: 0;
	}
	.arrow_box:before {
		border-width: 0;
		margin-left: 0;
	}
}

/*Iphone 5 hochformat*/
@media screen and (max-width:320px) {
	body {
		font-size:70%;
		margin-left:0.35em;
	}
	#menubar ul li a.menubutton {
		display:block;
	}	
	nav {
		text-align:center;
		display:none;
		height:auto;
		margin-top:0;
		max-width:33.5em;
	}
	nav ul li {
		display:block;
		margin:0em;
		width:auto;
		background:#004F9F;
		height:2.5em;
	}
	nav ul li a{
		line-height:2em;
		padding:0em 1em 0em 1em;
	}
	#slide img  {
	display:none;
	}

	header {
		display:none;
		width:auto;
		}
	
	header  ul  {
		display:none;
	}
	#logo {
		display:none;		
	}
	#logo2 {
		display:block;
		position:absolute;
		width:100%;
		height:auto;
		max-width:9em;
		margin-left:19em;
		margin-top:-3em;
		}		
	#qrcode {
	float:left;
	}
	#lupe {
	float:left;
	margin-left:1.25em;
	}  
	#email {
	display:none;	
	}
	#emailtext {
	display:none;	
	}
	#phone {                                                                                
		height:2em;
		margin-top:-2.4em;
		background-size:1.6em 1.6em;
		margin-left:0;
		}
	#phonetext {
		float:left;
		color:white;
		margin-left:1.8em;
		font-size:120%;	
		padding-top:0;
		}	
	#mainimpoben {
		width:100%;
	}
	h2{
	font-size:120%;	
	}
	#kontaktspalte1,
	#kontaktspaltekontakt1 ,
	#kontaktspaltekontakt2,
	#kontaktspaltekontakt2schutz
	{
	width:100%; 
	}
	#kontaktspaltekontakt3{
	width:80%; 
	}
	#contactrechts2 {
	width:100%; 
	max-width:71.250em;
	}
	#kontaktspaltekontakt2captcha{
		width:100%; 
		margin-bottom:0em;
	}
	#kontaktspaltekontakt2captcha{
		width:60%; 

	}
	#mainleistungenoben {
	display:block;
	width:100%; 
	max-width:26em;
	}
	#serviceimg1, #serviceimg2,#serviceimg3, #serviceimg4  {
    width:100%;	
	height:26em;
	background-size:26em 26em;
    }
	#servicebalken1 {
    width:100%;	
	background-size:26em 5.6em;
    }
	#leistungen, #leistungstexte{
	width:100%;
	max-width:24em;
	height:10em;
    }
	.arrow_box:after {
		border-width: 0;
		margin-left: 0;
	}
	.arrow_box:before {
		border-width: 0;
		margin-left: 0;
	}
}


.scrollicon{
text-align: center;
text-decoration:none;
width:11.250em;
height:2.188em;
background:#004F9F;
opacity:0.7;
position:fixed;
padding-bottom:0.625em;
bottom:-0.313em;
right:100px;
display:none;
border-radius:0.313em;
color:white;

}

.scrollicon:hover{
background:#004F9F;
opacity:0.9;
}
.scrollicon div{
font-size:1em;
color:white;
padding-top:0.750em;
color:white;
}