@charset "UTF-8";
/* Einfache fließende Medien
   Hinweis: Für fließende Medien müssen Sie die Attribute 'height' und 'width' des Medium aus dem HTML-Code entfernen
   http://www.alistapart.com/articles/fluid-images/ 
*/

/* asap-400 - latin */
@font-face {
  font-family: 'Asap';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/asap-v24-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/asap-v24-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/asap-v24-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/asap-v24-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/asap-v24-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/asap-v24-latin-regular.svg#Asap') format('svg'); /* Legacy iOS */
}

/* asap-700 - latin */
@font-face {
  font-family: 'Asap';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/asap-v24-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/asap-v24-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/asap-v24-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/asap-v24-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/asap-v24-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/asap-v24-latin-700.svg#Asap') format('svg'); /* Legacy iOS */
}

img, object, embed, video {
	max-width: 100%;
}
/* IE 6 unterstützt keine maximale Breite, verwenden Sie daher eine Standardbreite von 100% */
.ie6 img {
	width:100%;
}

/*
	Dreamweaver-Eigenschaften für fließende Raster
	----------------------------------
	dw-num-cols-mobile:		4;
	dw-num-cols-tablet:		6;
	dw-num-cols-desktop:	12;
	dw-gutter-percentage:	25;
	
	Idee durch den Artikel "Responsive Web Design" von Ethan Marcotte 
	http://www.alistapart.com/articles/responsive-web-design
	
	und "Golden Grid System" von Joni Korpi
	http://goldengridsystem.com/
*/

/* Layout für Mobilgeräte: 480 px oder weniger. */

#header {
	position: relative;
	z-index: 4;
}
.gridContainer {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	padding-left: 0%;
	padding-right: 0%;
	z-index: 1;
}
#navi {
	position: relative;
	float: none;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}
.navilogo {
	width: 250px;
	padding-top: 20px;
	padding-bottom: 5px;
	margin-top: 0;
	margin-bottom: 0;
	margin-right: auto;
	margin-left: auto;
	float: none;
}
.navitext {
	font-family: 'Asap', sans-serif;
	font-size: 1.2em;
	font-weight: 700;
	color: #FFF;
	text-shadow: none;
	text-align: center;
	padding-top: 0;
	margin-bottom: 0.8em;
	margin-top: 0;
	transition: text-shadow 0.4s ease-in-out, transform 0.5s ease-in-out;
}
/*.navitext:hover {
	font-family: 'Asap', sans-serif;
	font-size: 1.2em;
	font-weight: 700;
	color: #FFF;
	text-shadow: 0.2em 0.3em 0.4em rgba(0,0,0,0.4);
	text-align: center;
	padding-top: 0;
	margin-bottom: 0.8em;
	margin-top: 0;
	transition: text-shadow 0.4s ease-in-out, transform 0.5s ease-in-out;
	transform: scale(1.2, 1.2);
}*/
.navibutton {
	width: 100%;
	margin-left: -20px;
	margin-right: 0;
	float: none;
}
.backgroundimage {
	width: 100%;
	background-size: 100%;
	background-image: url(bilder/GlasfassadeS.jpg);
	background-repeat: no-repeat;
	background-color: #FFF;
	z-index: 1;
}
h2 {
	position: relative;
	z-index: 3;
	font-family: 'Asap', sans-serif;
	font-size: 1.4em;
	margin-top: -0.4em;
	font-weight: 400;
	color: #004F9E;
}
.block {
	width: 100%;
	margin-left: 0;
	float: none;
	margin-bottom: 0;
}
.bigblock {
	width: 80%;
	margin-left: 0%;
	text-align: left;
	margin-top: 5%;
	margin-bottom: 0%;
	font-size: 1.4em;
	color: #FFF;
	background-color: rgba(0,150,205,0.6);
	border-radius: 0em;
	border-color: rgba(255,255,255,0.05);
	border-style: outset;
	border-width: 0px;
	padding: 10% 10% 10% 10%;
}
.imagebox {
	text-align: center;
	margin-bottom: 0em;
}
.pcenter{
	position: relative;
	z-index: 3;
	font-family: 'Asap', sans-serif;
	font-size: 1.4em;
	color: #004F9E;
	text-align: center;
	margin-top: 3em;
}
.pcentersmall{
	position: relative;
	z-index: 3;
	font-family: 'Asap', sans-serif;
	font-size: 1em;
	color: #004F9E;
	text-align: center;
	margin-top: -1em;
}
.buttontel {
	transition: right 0.7s;
	position: fixed;
	width: 533px;
	height: 60px;
	top: 20em;
	right: -475px;
	z-index: 5;
	background-color: rgba(0,150,205,0.5);
	border-radius: 80px;
	border-color: rgba(255,255,255,0.1);
	border-style: outset;
	border-width: 10px;
}
.buttontel:hover {
	position: fixed;
	width: 533px;
	height: 60px;
	top: 20em;
	right: -475px;
	z-index: 5;
}
.buttonmail {
	transition: right 0.7s;
	position: fixed;
	width: 533px;
	height: 60px;
	top: calc(20em + 90px);
	right: -475px;
	z-index: 5;
	background-color: rgba(0,150,205,0.5);
	border-radius: 80px;
	border-color: rgba(255,255,255,0.1);
	border-style: outset;
	border-width: 10px;
}
.buttonmail:hover {
	position: fixed;
	width: 533px;
	height: 60px;
	top: calc(20em + 90px);
	right: -475px;
	z-index: 5;
}
.footerbutton {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	float: none;
}
.desktop {
	width: 0;
	float: left;
}
.tablet {
	width: 0;
	float: left;
}

/* Layout für Tablet-PCs: 561 bis 800 px. Erbt Stile vom: Layout für Mobilgeräte. */

@media only screen and (min-width: 561px) {
#header {
	position: relative;
	z-index: 4;
}
.gridContainer {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	padding-left: 0%;
	padding-right: 0%;
	z-index: 1;
}
#navi {
	position: relative;
	float: none;
	width: 70%;
	margin-left: auto;
	margin-right: auto;
}
.navilogo {
	width: 400px;
	padding-top: 40px;
	padding-bottom: 5px;
	margin-top: 0;
	margin-bottom: 0;
	margin-right: auto;
	margin-left: auto;
	float: none;
}
.navitext {
	font-family: 'Asap', sans-serif;
	font-size: 1.3em;
	font-weight: 700;
	color: #FFF;
	text-shadow: none;
	text-align: center;
	padding-top: 0;
	margin-bottom: 0.8em;
	margin-top: 0;
	transition: text-shadow 0.4s ease-in-out, transform 0.5s ease-in-out;
}
/*.navitext:hover {
	font-family: 'Asap', sans-serif;
	font-size: 1.3em;
	font-weight: 700;
	color: #FFF;
	text-shadow: 0.2em 0.3em 0.4em rgba(0,0,0,0.4);
	text-align: center;
	padding-top: 0;
	margin-bottom: 0.8em;
	margin-top: 0;
	transition: text-shadow 0.4s ease-in-out, transform 0.5s ease-in-out;
	transform: scale(1.2, 1.2);
}*/
.navibutton {
	width: 33.3333%;
	margin-left: -20px;
	margin-right: 20px;
	float: left;
}
.backgroundimage {
	width: 100%;
	background-size: 100%;
	background-image: url(bilder/GlasfassadeM.jpg);
	background-repeat: no-repeat;
	background-color: #FFF;
	z-index: 1;
}
h2 {
	position: relative;
	z-index: 3;
	font-family: 'Asap', sans-serif;
	font-size: 1.8em;
	margin-top: -0.4em;
	font-weight: 400;
	color: #004F9E;
}
.block {
	width: 80%;
	margin-left: 10%;
	float: left;
	margin-bottom: 0%;
}
.bigblock {
	width: 78%;
	margin-left: 10%;
	text-align: left;
	margin-top: 5%;
	margin-bottom: 5%;
	font-size: 1.8em;
	color: #FFF;
	background-color: rgba(0,150,205,0.6);
	border-radius: 0.8em;
	border-color: rgba(255,255,255,0.1);
	border-style: outset;
	border-width: 5px;
	padding: 0.5% 2.5% 0.5% 2.5%;
}
.imagebox {
	text-align: center;
	margin-bottom: 0em;
}
.pcenter{
	position: relative;
	z-index: 3;
	font-family: 'Asap', sans-serif;
	font-size: 1.8em;
	color: ;
	text-align: center;
	margin-top: 3em;
}
.pcentersmall{
	position: relative;
	z-index: 3;
	font-family: 'Asap', sans-serif;
	font-size: 1.2em;
	color: #004F9E;
	text-align: center;
	margin-top: -1em;
}
.buttontel {
	transition: right 0.7s;
	position: fixed;
	width: 1066px;
	height: 80px;
	top: 25em;
	right: -975px;
	z-index: 5;
	background-color: rgba(0,150,205,0.7);
	border-radius: 80px;
	border-color: rgba(255,255,255,0.15);
	border-style: outset;
	border-width: 10px;
}
.buttontel:hover {
	position: fixed;
	width: 1066px;
	height: 80px;
	top: 25em;
	right: -480px;
	z-index: 5;
}
.buttonmail {
	transition: right 0.7s;
	position: fixed;
	width: 1066px;
	height: 80px;
	top: calc(25em + 120px);
	right: -975px;
	z-index: 5;
	background-color: rgba(0,150,205,0.7);
	border-radius: 80px;
	border-color: rgba(255,255,255,0.15);
	border-style: outset;
	border-width: 10px;
}
.buttonmail:hover {
	position: fixed;
	width: 1066px;
	height: 80px;
	top: calc(25em + 120px);
	right: -480px;
	z-index: 5;
}
.footerbutton {
	width: 32.3333%;
	margin-left: 0.5%;
	margin-right: 0.5%;
	float: left;
}
.desktop {
	width: 0;
	float: left;
}
.tablet {
	width: 100%;
	float: left;
}
}

/* Desktoplayout: 801 bis maximal 1232 px.  Erbt Stile von: den Layouts für Mobilgeräte und Tablet-PCs. */

@media only screen and (min-width: 1201px) {
#header {
	position: relative;
	z-index: 0;
	background-color: #FFF;
}
.gridContainer {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	padding-left: 0%;
	padding-right: 0%;
	z-index: 1;
}
#navi {
	position: relative;
	float: none;
	width: 50%;
	margin-left: auto;
	margin-right: auto;
}
.navilogo {
	width: 500px;
	padding-top: 100px;
	padding-bottom: 30px;
	margin-top: 0;
	margin-bottom: 0;
	margin-right: auto;
	margin-left: auto;
	float: none;
}
.navitext {
	font-family: 'Asap', sans-serif;
	font-size: 1.8em;
	font-weight: 400;
	color: #FFF;
	text-shadow: none;
	text-align: center;
	padding-top: 0;
	margin-bottom: 0.8em;
	margin-top: 0;
	transition: text-shadow 0.4s ease-in-out, transform 0.5s ease-in-out;
}
/*.navitext:hover {
	font-family: 'Asap', sans-serif;
	font-size: 1.4em;
	font-weight: 700;
	color: #FFF;
	text-shadow: 0.2em 0.3em 0.4em rgba(0,0,0,0.4);
	text-align: center;
	padding-top: 0;
	margin-bottom: 0.8em;
	margin-top: 0;
	transition: text-shadow 0.4s ease-in-out, transform 0.5s ease-in-out;
	transform: scale(1.2, 1.2);
}*/
.navibutton {
	width: 33.3333%;
	margin-left: -20px;
	margin-right: 20px;
	float: left;
}
.backgroundimage {
	width: 100%;
	background-size: 100%;
	background-image: url(bilder/GlasfassadeL.jpg);
	background-repeat: no-repeat;
	background-color: #FFF;
	z-index: 1;
}
h2 {
	position: relative;
	z-index: 3;
	font-family: 'Asap', sans-serif;
	font-size: 2.4em;
	margin-top: -0.4em;
	font-weight: 400;
	color: #004F9E;
}
.block {
	width: 30%;
	margin-left: 2.5%;
	float: left;
	margin-bottom: 5%;
}
.bigblock {
	width: 59%;
	margin-left: 20%;
	text-align: left;
	margin-top: 5%;
	margin-bottom: 5%;
	font-size: 2.4em;
	color: #FFF;
	background-color: rgba(0,150,205,0.6);
	border-radius: 0.8em;
	border-color: rgba(255,255,255,0.1);
	border-style: outset;
	border-width: 5px;
	padding: 0.5% 2.5% 0.5% 2.5%;
}
.imagebox {
	text-align: center;
	margin-bottom: -10.4em;
}
.pcenter{
	position: relative;
	z-index: 3;
	font-family: 'Asap', sans-serif;
	font-size: 2.4em;
	color: #004F9E;
	text-align: center;
	margin-top: 3em;
}
.pcentersmall{
	position: relative;
	z-index: 3;
	font-family: 'Asap', sans-serif;
	font-size: 1.6em;
	color: #004F9E;
	text-align: center;
	margin-top: -1em;
}
.buttontel {
	transition: right 0.7s;
	position: fixed;
	width: 1066px;
	height: 80px;
	top: 25em;
	right: -975px;
	z-index: 5;
	background-color: rgba(0,150,205,0.5);
	border-radius: 80px;
	border-color: rgba(255,255,255,0.10);
	border-style: outset;
	border-width: 10px;
}
.buttontel:hover {
	position: fixed;
	width: 1066px;
	height: 80px;
	top: 25em;
	right: -480px;
	z-index: 5;
}
.buttonmail {
	transition: right 0.7s;
	position: fixed;
	width: 1066px;
	height: 80px;
	top: calc(25em + 120px);
	right: -975px;
	z-index: 5;
	background-color: rgba(0,150,205,0.5);
	border-radius: 80px;
	border-color: rgba(255,255,255,0.10);
	border-style: outset;
	border-width: 10px;
}
.buttonmail:hover {
	position: fixed;
	width: 1066px;
	height: 80px;
	top: calc(25em + 120px);
	right: -480px;
	z-index: 5;
}
.footerbutton {
	width: 32.3333%;
	margin-left: 0.5%;
	margin-right: 0.5%;
	float: left;
}
.desktop {
	width: 100%;
	float: left;
}
.tablet {
	width: 0;
	float: left;
}
}

#footer {
	position: relative;
	width: 60%;
	height: 2.4em;
	margin-top: 30px;
	margin-bottom: 20px;
	margin-left: -1.5em;
	padding-left: 20%;
}
body {
	postion: relative;
	width: 100%;
	background-color: #004F9E;
}
.logo {
	transition: transform 0.7s;
}
/*.logo:hover {
	transform: scale(1.15, 1.15);
}*/
.liststyle {
	list-style: none;
}
.liststyle-cleaning {
	list-style-image: url(bilder/Haken.png);
	margin-left: 10em;
}
h1 {
	font-family: 'Asap', sans-serif;
	font-size: 0px;
	font-weight: 400;
	text-align: center;
}
h2 {
	position: relative;
	z-index: 3;
	font-family: 'Asap', sans-serif;
	font-size: 2.4em;
	margin-top: -0.4em;
	font-weight: 400;
	color: #004F9E;
}
h5 {
	font-family: 'Asap', sans-serif;
	font-size: 1.5em;
	font-weight: 400;
	color: #004F9E;
	margin: 0;
}
h6 {
	font-family: 'Asap', sans-serif;
	font-size: 1.5em;
	font-weight: 400;
	color: #004F9E;
	margin: 0;
}
p {
	position: relative;
	z-index: 3;
	font-family: 'Asap', sans-serif;
	font-weight: 400;
}
.image {
	transition: transform 0.7s;
}
/*.image:hover {
	transform: rotate(-2deg) scale(1.05, 1.05);
}*/
.whitecarpet {
	width: 100%;
	background-size: 100%;
	background-repeat: no-repeat;
	background: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 1));
	z-index: 2;
}
.shaddow {
	position: relative;
	background-image: url(bilder/Schatten.png);
	background-repeat: repeat-x;
	height: 20px;
	margin-bottom: -20px;
	z-index: 4;
}
#text-align-center {
	text-align: center;
}