@charset "UTF-8";
/* CSS Document */

body {
	margin:0;
	padding:0;
	font-family:'Roboto', Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:300;
	color:#4f4f4f;
	background-color:#172983;
}

.content-wrapper {
	width:1150px;
	margin-left:auto;
	margin-right:auto;
	background-color:#FFFFFF;
}

.header {
	text-transform:uppercase;
	font-size:18px;
	line-height:24px;
	border-bottom:1px solid #172983;
	padding:30px 15px 15px 15px;
	text-decoration:none;
	color:#4f4f4f;
	display:block;
	background-color:#172983;
}

.header span {
	color:#920100;
}

.navigation {
	height:190px;
	border-bottom:1px solid #033c8d;
	white-space:nowrap;
	padding-top:22px;
	margin-right:15px;
	margin-left:15px;
}

.navigation a {
	width:180px;
	height:190px;
	padding-top:22px;
	box-sizing:border-box;
	display:inline-block;
	margin-right:4px;
	text-transform:uppercase;
	font-size:13px;
	text-decoration:none;
	color:#4f4f4f;
}
	
		.navigation a img {
			border-top:10px solid;
			margin-top:7px;
		}
		
		.navigation a.malerarbeiten img {
			border-top-color:#172983;
		}
		
		.navigation a.waermedaemmung img {
			border-top-color:#d9261c;
		}
		
		.navigation a.brandschutz img {
			border-top-color:#fff500;
		}
		
		.navigation a.schimmelpilzsanierung img {
			border-top-color:#172983;
		}
		
		.navigation a.betoninstandsetzung img {
			border-top-color:#d9261c;
		}
		
		.navigation a.Asbestzementsanierung img {
			border-top-color:#fff500;
		}

		.navigation a.Asbestzementsanierung {
			margin-right:0px;
		}
		
		.navigation a.Asbestzementsanierung, .navigation a.betoninstandsetzung {
			margin-left:1px;
		}

.content {
	padding-top:14px;
	padding-bottom:30px;
	margin-right:15px;
	margin-left:15px;
	min-height:300px;
}

		.aktuelles {
			width:444px;
			height:293px;
			background-image:url(../img/Hack_1_21.jpg);
			background-repeat:no-repeat;
			background-position:top left;
			background-size:444px;
			text-align:right;
			color:#FFFFFF;
			text-transform:uppercase;
			font-size: 4em; /* 56px; */
			padding:10px;
			box-sizing:border-box;
			display:inline-block;
			float:left;
		}
		
		.aktuelles span {
			background-color:#fff500;
			padding:0px 10px;
			text-decoration:none;
			color:#fff;
		}
		
		a.aktuelles:hover span {
			text-decoration:none!important;
		}
		
		.text {
			width:601px;
			margin-left:20px;
			display:inline-block;
			font-size:13px;
			text-align:justify;
		}
		
		.clear {
			clear:both;
		}
		
		.content h1 {
			padding:0px 10px;
			color:#FFFFFF;
			text-transform:uppercase;
			font-size:33px;
			display:inline-block;
			font-weight:normal;
		}
		
		.text h3 {
			padding:0;
			margin:0;
			margin-bottom:3px;
			font-weight:300;
			color:#920100;
			font-size:14px;
		}
		
		
		.content h1.rot {
			background-color:#d9261c;
		}
		
		.content h1.blau {
			background-color:#172983;
		}
		
		.content h1.gelb {
			background-color:#fff500;
			color:inherit;
		}
		
		.content span.rot {
			color:#d9261c;
		}
		
		.content span.blau {
			color:#172983;
		}
		
		.content .spalte {
			display:inline-block;
			margin-right:15px;
			vertical-align:top;
		}
		
		.content .spalte.drei {
			width:363px;
		}
		
		.content .spalte.drei iframe {
			width:363px;
			height: 409px;
		}
		
		.content .spalte.nomarginright {
			margin-right:0;
		}
		
		.content .spalte img {
			margin-bottom:10px;
			width:80%;
			display:block;
		}
		
		.content a {
			color:#d9261c;
			text-decoration:none;
		}
		
		.content a:hover {
			text-decoration:underline;
		}
		
		.aktuelles:hover {
			text-decoration:none!important;
		}
		
		.news {
			padding:20px 0;
			border-bottom:1px dashed #CCCCCC;
		}
		
		.news h2 {
			margin:0;
			padding:0;
			padding-bottom:5px;
		}
		
		.news .news-datum {
			font-style:italic;
			margin-bottom:20px;
		}
		
		.clearfix {
			clear:both
		}

		.zertifikat {
			float:left; 
            margin:0 20px 20px 0;
            text-align: center;
		}
        .content object {
	       width: 468px;
           height: 60px;
		}
		.content .abstand {
           margin-bottom: 25px;
           clear: both;
        }

.footer {
	border-top:1px solid #033c8d;
	text-align:right;
	margin-right:15px;
	margin-left:15px;
}

		.footer a {
			color:#4f4f4f;
			text-decoration:none;
			text-transform:uppercase;
			padding:10px 20px;
			display:inline-block;
		}
		
		.footer a:hover {
			color:#920100;
		}
		
		
		
 /******************************************************************************/
/********   Responsive Webdesign   ********************************************/
/******************************************************************************/
@media only screen and (max-width: 1920px) {

}

/**********************************************/
@media only screen and (max-width: 1600px) {

}

/****************************************************************************/
@media only screen and (max-width: 1150px) {
.content-wrapper {
	width: 100%;
	background-color:#FFFFFF;
}

.navigation {
	height: auto;
	border-bottom:1px solid #033c8d;
	white-space: normal;
	padding-top:22px;
	margin-right:15px;
	margin-left:15px;
}

.content .spalte.nomarginright {
	margin-right: 15px;
	margin-bottom: 0;
}

.content .spalte {
	margin-bottom: 25px;
	vertical-align:top;
}

.aktuelles {
	width:90%;
	margin: 0 5%;
	height: auto;
	min-height: 300px;
	background-size: 90% 90%;
	font-size: 3em;
}

.text {
	width: 90%;
	margin: 0 5%;
}

.header img {
    width: 100%;
    height: auto;
}

.navigation a img {
    display: none;
}
.navigation a {
    height: auto;
    padding-top: 16px;
}
.navigation {
    padding-bottom: 20px;
    padding-top: 2px;
}

.footer {
    text-align: center;
    margin-right: 0;
    margin-left: 0;
}
.footer a {
    width: 10%;
	padding:10px 5%;
	font-size: 0.8em;
}
#aktuelles .footer {
    margin-right: 0;
    margin-left: 0;
} 
#aktuelles .footer a {
    width: 10%;
	padding:10px 5%;
	font-size: 0.7em;
}

.content .spalte.drei {
	width: 45%;
}

.content .spalte.drei iframe {
	width:320px;
	height: 409px;
}


.content img {
    float: none;
}

/*
.content object {
	width: 90%;
	margin: 0 5%;
}
.content object {
	display: none;
}
*/

.content h1 {
	font-size: 28px;
}
.content h1.smaller {
	font-size: 20px;
} 
.content .center {
	text-align: center;
}







}



/*******************************************************************/
@media only screen and (max-width: 1024px) {


}



/*******************************************************************/
@media only screen and (max-width: 760px) {
.footer a {
	font-size: 0.65em;
}

.content .spalte.drei {
	width: 100%;
}
.content .spalte img {
	color: red;
	width: 100%;
}

.zertifikat {
    float: none;
    margin: 0 auto;
    text-align: center;
    margin-bottom: 20px;
}

.content object {
	display: none;
}




}