@media all
{
 img{ max-width: 100%;}
 


a:link {text-decoration: none;	color: #000;}
a:visited {	text-decoration: none;	color:#000;}
a:hover { text-decoration: none; color:#dd231c;	}
a:active { text-decoration: none; color:#000;}

h1{ margin-bottom: 1%; padding:0; font-size: 130%;}
h2{	margin: 0;	padding: 0;	font-size: 120%; color: #0A; }
h2 a{ text-decoration:underline; }	
h3{	margin: 0;	padding: 0;	font-size: 101%;	color: #d80000;}
h3 a{ text-decoration:underline; }	
h4{ margin:0; padding:0; font-size: 100;}
p{ font-size: 100%;}

details > summary {
  cursor: pointer;
}




.aussenwrapper
{
	width: 75%;
	height: 98%;
	float: left;
	margin-left: 12.5%;
}

.aussenwrapper2  /*footer*/
{
	width: 75%;
	float: left;
	margin-left: 12.5%;
	font-size: 85%;
	background-color:#FFF;
}


.aussenwrapper2  a:link {text-decoration: none;	color: #616161;}
.aussenwrapper2  a:visited {	text-decoration: none;	color: #616161;}
.aussenwrapper2  a:hover { text-decoration: none; color: #000;}
.aussenwrapper2  a:active { text-decoration: none; color: #000;}


.text
{
	float: left;
	width: 98%;
	margin-top: 2%;
	margin-left: 1%;
	margin-right: 1%;
	font-size: 80%;
	padding: 1%;
	background-color:#EBEBEB;
	
}


.text-w
{
	float: left;
	width: 98%;
	margin-top: 1%;
	margin-left: 1%;
	margin-right: 1%;
	font-size: 80%;
	padding: 0;
	background-color: #FFF;
	
}

.text-50p
{
	float: left;
	width: 40%;
	margin-top: 2%;
	margin-left: 1%;
	font-size: 80%;
	margin-bottom: 1%;
	padding: 1%;
	background-color: #EBEBEB;
	
}

.beispiel-projekte{
	float: left;
	width: 100%;
	padding-top: 1%;
	padding-left: 2%;
	padding-right: 2%;
	height: auto;
	margin: 0;
}


.bild-projekte{
	max-height: 400px;
	float: right;
}	


.nur-bilder{
	float: right;
	width: 45%;
	height: auto;
	padding-left: 2%;
	padding-right: 2%;
	height: auto;
	margin: 0;
}	

.nur-bilder-g{
	float: right;
	width: 50%;
	height: auto;
	padding-left: 2%;
	padding-right: 2%;
	height: auto;
	margin: 0;
}

.nur-text{
	float: left;
	width: 45%;
	padding-top: 1%;
	padding-left: 2%;
	padding-right: 1%;
	height: auto;
	margin: 0;
}
.nur-text-g{
	float: left;
	width: 50%;
	padding-top: 1%;
	padding-left: 2%;
	padding-right: 1%;
	height: auto;
	margin: 0;
}



.text-footer-r
{
	margin-left: 40%;
	color: #616161;	
}


.text-50p-2i
{
	float: left;
	width: 48.5%;
	margin-top: 1%;
	margin-left: 1%;
	font-size: 80%;
	margin-bottom: 1%;
	padding: 1%;
	background-color: #EBEBEB;
	
}

	.text-50p-2
{
	float: left;
	width: 48.5%;
	margin-top: 2%;
	margin-left: 1%;
	font-size: 80%;
	margin-bottom: 1%;
	padding: 1%;
	background-color: #EBEBEB;
}


.text-50p-2-center
{
	float: center;
	width: 48.5%;
	margin-top: 2%;
	margin-left: 1%;
	font-size: 100%;
	margin-bottom: 1%;
	padding: 1%;
	background-color: #EBEBEB;
}

.mitarbeiter-box{
	padding: 1%;
	margin-left: 3.8%;
	width: 28%;
	height: auto;
	text-align: center;
	float: left;
	margin-top: 1%;
	margin-bottom: 1%;
}	

.mitarbeiter-bild{
	width: 100%;
}

.div_top-ueberschrift{
	width: 102%;
	height: auto;
	padding: 1%;
	margin: 0;
	margin-left: -1%;
    margin-top: -1%;
	background-color: hsl(60, 1%, 30%);
	font-size: 120%;
	color: #FFF;
}

.orangener-strich{
	width: 51%;
	height: 5px;
	margin: 0;
	margin-left: -1%;
	margin-bottom: 1%;
	background-color: hsl(28, 98%, 47%);
}	


.div_top-ueberschrift2{
	width: 100%;
	height: auto;
	float: left;
	padding: 1%;
	margin-top: 1%;
	background-color: hsl(60, 1%, 30%);
	font-size: 120%;
	color: #FFF;
}

.orangener-strich2{
	width: 50%;
	float: left;
	height: 5px;
	margin-right: 49%;
	margin-bottom: 1%;
	background-color: hsl(28, 98%, 47%);
}

.orangener-strich-100p{
	width: 100%;
	height: 5px;
	margin-top: 1%;
	margin-bottom: 1%;
	background-color: hsl(28, 98%, 47%);
}

.grauer-strich-100p{
	width: 100%;
	height: 5px;
	margin-top: 1%;
	margin-bottom: 1%;
	background-color: hsl(60, 1%, 30%);
}



.div_top-ueberschrift50{
	width: 104%;
	height: auto;
	padding: 2%;
	margin: 0;
	margin-left: -2%;
    margin-top: -2%;
	background-color: hsl(60, 1%, 30%);
	font-size: 120%;
	color: #FFF;
}

.orangener-strich50{
	width: 51%;
	height: 5px;
	margin: 0;
	margin-left: -2%;
	margin-bottom: 5%;
	background-color: hsl(28, 98%, 47%);
}


.logo-top
{
	width: 30%;
	float: left;
	margin-left: 0.5%;
}

.logo-schrift
{
	width: 100%;
	float: left;
	margin-left: 1%;
	font-size: 120%;
	margin-bottom: 1%;
	font-family: Georgia, "Times New Roman", Times, serif;
}

.schrift-top-logo1
{
	font-size: 130%;
	color: #666;
}



.footer-logo
{
	font-size:80%;
	
}



.logo-schrift-footer
{
	width: 90%;
	float: left;
	margin-left: 0;
	font-size: 100%;
	margin-bottom: 0;
	/* font-family: Georgia, "Times New Roman", Times, serif; */
	background-color: #CCCCCC;
}

.div_footer_100p {
	float: left;
	margin-left: 1%;
	width: 99%;
	background-color: #CCCCCC;
	font-size: 100%;
}



/* ----------------------------------- MENÜ horizontal */



.menuewrapper
{
	width: 100%;
	height: 5%;
	float: left;
	font-size: 100%;
	background-color: #FFF;
    
}



.div_inactive_button
{
	width: 25%;
	height: 100%;
	float: left;
	padding-top: 1.2%;
	padding-bottom: 1%;
	padding-left: 2%;
	padding-right: 2%;
	text-align: center;
	background-color: #7f8679;
	background-color: hsl(60,1%,30%);
	color: #FFF;
}


.div_inactive_button:hover
{
	background-color: #7f8679;
	background-color: hsl(28,98%,47%);
}

.div_active_button
{
	width: 25%;
	height: 100%;
	float: left;
	padding-top: 1.2%;
	padding-bottom: 1%;
	padding-left: 2%;
	padding-right: 2%;
	text-align: center;
	background-color: #7f8679;
	background-color: hsl(28,98%,47%);
	color: #FFF;
}

.logo-footer {
	width:60%
}


/* ------------------------------------- FOOTER */




.div_footer_30p {
	float: left;
	margin-left: 1%;
	width: 32.25%;
	border-right-width: thin;
	border-right-style: solid;
	border-right-color: #FFF;
}

.div_footer_30p_rechts {
	float: left;
	margin-left: 1%;
	width: 32.25%;
	color: #616161;
}



/* ------------------------------------ VIDEO */

 video { display: block; } 

 video#bgvideo{
	position: fixed;
	right: 0;
	bottom: 0;
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
	z-index: -100;	
}

}