/* CSS Document */

html,
html * {
	
	box-sizing: border-box;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #000;
	
}
img {
	width: 100%;
	max-width: 100%;
	height: auto;
	vertical-align: middle;
	padding: 5px 0px;
}


header {
	text-align: center;
	padding: 15% 10% 5% 10%;
	
}
.site-nav-header a {
	font-size: 3em;
	font-weight: 400;
	letter-spacing: .1em;
	text-decoration: none;
	color: #000;
	
}
.site-nav-data ul {
	list-style-type: none;
	padding-left: 0;
}
.site-nav-data ul li {
	display: inline-block;
	
}

.site-nav-data ul li a {
	font-size: 1.4em;
	letter-spacing: .1em;
	text-decoration: none;
	color: #000;
	padding: 2px;	
}


.aktuelles {
	text-align: center;
	padding: 10% 10% 10% 10%;
}

h1 {
	font-family: 'acumin-pro-extra-condensed', sans-serif;
	font-weight: 400;
	font-size: 1.4em;
	color: #000;
	letter-spacing: .2em;
	text-align: center;	
}

h2 {
	padding: 10px 0px;
	float: right;
	font-size: 1em;
	font-weight: 80;
	letter-spacing: 0.1em;
}



.Architektur-header {
	font-family: 'acumin-pro-extra-condensed', sans-serif;
	font-size: 1.2em;
	color: #000;
	letter-spacing: .1em;
	line-height: 1.55;
	text-align: left;
	padding: 10% 10% 1% 10%;	
}
.Architektur-text {
	font-family: 'acumin-pro-extra-condensed', sans-serif;
	font-size: 0.85em;
	color: #000;
	letter-spacing: .1em;
	line-height: 1.55;
	text-align: left;
	padding: 0% 10% 10% 10%;	
}

.S1-text {
	font-family: 'acumin-pro-extra-condensed', sans-serif;
	font-size: 0.85em;
	color: #000;
	letter-spacing: .1em;
	line-height: 1.55;
	text-align: left;
	padding: 2% 10% 1% 10%;
}
.S1-img {
	padding: 0% 10% 1% 10%;
}

.VIA {
	padding: 5% 10% 5% 10%;
}
.VIA-text {
	font-family: 'acumin-pro-extra-condensed', sans-serif;
	font-size: 0.85em;
	color: #000;
	letter-spacing: .1em;
	line-height: 1.55;
	text-align: left;
	padding: 0% 0% 0% 2%;
}
.VIA a {
	text-decoration: none;
	color: #000;
}
.Konzept-header {
	font-family: 'acumin-pro-extra-condensed', sans-serif;
	font-size: 1.2em;
	color: #000;
	letter-spacing: .1em;
	line-height: 1.55;
	text-align: left;
	padding: 10% 10% 1% 10%;	
}
.Konzept-text {
	font-family: 'acumin-pro-extra-condensed', sans-serif;
	font-size: 0.85em;
	color: #000;
	letter-spacing: .1em;
	line-height: 1.55;
	text-align: left;
	padding: 0% 10% 10% 10%;	
}
.M22-text {
	font-family: 'acumin-pro-extra-condensed', sans-serif;
	font-size: 0.85em;
	color: #000;
	letter-spacing: .1em;
	line-height: 1.55;
	text-align: left;
	padding: 2% 10% 1% 10%;
}
.M22-img {
	padding: 0% 10% 1% 10%;
}

.S1Konzept-text {
	font-family: 'acumin-pro-extra-condensed', sans-serif;
	font-size: 0.85em;
	color: #000;
	letter-spacing: .1em;
	line-height: 1.55;
	text-align: left;
	padding: 2% 10% 1% 10%;
}
.S1Konzept-img {
	padding: 0% 10% 1% 10%;
}
.Innenraum-header {
	font-family: 'acumin-pro-extra-condensed', sans-serif;
	font-size: 1.2em;
	color: #000;
	letter-spacing: .1em;
	line-height: 1.55;
	text-align: left;
	padding: 10% 10% 1% 10%;	
}
.Innenraum-text{
	font-family: 'acumin-pro-extra-condensed', sans-serif;
	font-size: 0.85em;
	color: #000;
	letter-spacing: .1em;
	line-height: 1.55;
	text-align: left;
	padding: 0% 10% 10% 10%;	
}
.S123-text {
	font-family: 'acumin-pro-extra-condensed', sans-serif;
	font-size: 0.85em;
	color: #000;
	letter-spacing: .1em;
	line-height: 1.55;
	text-align: left;
	padding: 2% 10% 1% 10%;
}
.S123-img {
	padding: 0% 10% 1% 10%;
}

.Farbe-header {
	font-family: 'acumin-pro-extra-condensed', sans-serif;
	font-size: 1.2em;
	color: #000;
	letter-spacing: .1em;
	line-height: 1.55;
	text-align: left;
	padding: 10% 10% 1% 10%;	
}
.Farbe-text {
	font-family: 'acumin-pro-extra-condensed', sans-serif;
	font-size: 0.85em;
	color: #000;
	letter-spacing: .1em;
	line-height: 1.55;
	text-align: left;
	padding: 0% 10% 10% 10%;	
}
.K9c-text {
	font-family: 'acumin-pro-extra-condensed', sans-serif;
	font-size: 0.85em;
	color: #000;
	letter-spacing: .1em;
	line-height: 1.55;
	text-align: left;
	padding: 2% 10% 1% 10%;
}
.K9c-img {
	padding: 0% 10% 1% 10%;
}
.Energieberatung-header {
	font-family: 'acumin-pro-extra-condensed', sans-serif;
	font-size: 1.2em;
	color: #000;
	letter-spacing: .1em;
	line-height: 1.55;
	text-align: left;
	padding: 10% 10% 1% 10%;	
}
.Energieberatung-text {
	font-family: 'acumin-pro-extra-condensed', sans-serif;
	font-size: 0.85em;
	color: #000;
	letter-spacing: .1em;
	line-height: 1.55;
	text-align: left;
	padding: 0% 10% 10% 10%;	
}

.Energieberatung a {
	text-decoration: none;
	color: #000;
}
.HB2c-text {
	font-family: 'acumin-pro-extra-condensed', sans-serif;
	font-size: 0.85em;
	color: #000;
	letter-spacing: .1em;
	line-height: 1.55;
	text-align: left;
	padding: 2% 10% 1% 10%;
}
.HB2c-img {
	padding: 0% 10% 5% 10%;
}



.footer-text {
	text-align: center;
	font-size: .85em;
	letter-spacing: 0.1em;
	text-decoration: none;
	color:#000;
	line-height: 1.55;
	padding: 10% 10% 5% 10%;
}


.col {
	width: 100%;
	float: left;
	padding: 2% 2%;
	}
	
.col-md-twentyfivepercent{
	width: 25%;
}
.col-md-seventyfivepercent{
	width: 75%;
}
.col-md-seventypercent{
	width: 70%;
}


	/*Uebermich*/ 

.uebermich-header {
	font-family: 'acumin-pro-extra-condensed', sans-serif;
	font-size: 1.2em;
	color: #000;
	letter-spacing: .1em;
	line-height: 1.55;
	text-align: left;
	padding: 5% 10% 1% 10%;
}	
	
.uebermich-text {
	font-family: 'acumin-pro-extra-condensed', sans-serif;
	font-size: 0.85em;
	color: #000;
	letter-spacing: 0.1em;
	line-height: 1.55;
	text-align: left;
	padding: 1% 10% 0% 10%;
	text-decoration: none;
}

.uebermich-img {
	padding: 5% 10% 10% 10%;
	width: 50%;
}
	
.row:before, row:after {
	content: "";
	display: table;
    
}

.row:after {
	clear: both;
	}



	/*Impressum*/ 
	
.impressum-header {
	font-family: 'acumin-pro-extra-condensed', sans-serif;
	font-size: 1.2em;
	color: #000;
	letter-spacing: .1em;
	line-height: 1.55;
	text-align: left;
	padding: 5% 10% 1% 10%;
}
.impressum-text {
	font-family: 'acumin-pro-extra-condensed', sans-serif;
	font-size: 0.85em;
	color: #000;
	letter-spacing: 0.1em;
	line-height: 1.55;
	text-align: left;
	padding: 1% 10% 10% 10%;
}

	/*Datenschutz*/ 
	
.datenschutz-header {
	font-family: 'acumin-pro-extra-condensed', sans-serif;
	font-size: 1.2em;
	color: #000;
	letter-spacing: .1em;
	line-height: 1.55;
	text-align: left;
	padding: 5% 10% 1% 10%;
}

.datenschutz-text {
	font-family: 'acumin-pro-extra-condensed', sans-serif;
	font-size: 0.85em;
	color: #000;
	letter-spacing: 0.1em;
	line-height: 1.55;
	text-align: left;
	padding: 1% 10% 10% 10%;
}









	/*Tablet View*/ 
	
@media (min-width: 768px){

.site-nav-header a {
	font-size: 2em;
	font-weight: 400;	
}
.site-nav-data ul {
	list-style-type: none;
	padding-left: 0;
}
.site-nav-data ul li {
	display: inline-block;	
}

.site-nav-data ul li a {
	font-size: 1em;	
}

.aktuelles {
	text-align: center;
	padding: 10% 10% 10% 10%;
}

h1 {
	font-weight: 400;
	font-size: 1em;	
}

h2 {
	padding: 10px 0px;
	float: right;
	font-size: 0.85em;
	font-weight: 80;
}



.col-md-one-half {
	width: 50%;
	}
.col {
	float: left;
	padding: 0px 5px;
	}
.col-md-seventypercent{
	width: 70%;
}
.col-md-thirtypercent{
	width: 30%;
}
.col-md-twentyfivepercent{
	width: 25%;
}
.col-md-seventyfivepercent{
	width: 75%;
}
}

	/*Desktop View*/ 
	
@media (min-width: 1024px){

header {
	text-align: center;
	padding: 8% 10% 5% 10%;
	
}

.col-lg-one-fourth{
	width: 25%;
	}

.aktuelles {
	text-align: center;
	padding: 5% 20% 2% 20%;
}
h2 {
	padding: 0% 28% 0% 0%;
}
.Architektur-header {
	padding: 8% 20% 1% 20%;	
}
.Architektur-text {
	padding: 0% 20% 4% 20%;	
}
.S1-text {
	padding: 2% 20% 1% 20%;
}
.S1-img {
	padding: 0% 20% 1% 20%;
}
.VIA-img a img {
	width: 50%;	
}
.VIA {
	padding: 2% 20% 1% 20%;
}
.Konzept-header {
	padding: 5% 20% 1% 20%;	
}
.Konzept-text {
	padding: 0% 20% 4% 20%;	
}
.M22-text {
	padding: 2% 20% 1% 20%;
}
.M22-img {
	padding: 0% 20% 1% 20%;
}
.S1Konzept-text {
	padding: 2% 20% 1% 20%;
}
.S1Konzept-img {
	padding: 0% 20% 1% 20%;
}
.Innenraum-header {
	padding: 5% 20% 1% 20%;	
}
.Innenraum-text{
	padding: 0% 20% 4% 20%;	
}
.S123-text {
	padding: 2% 20% 1% 20%;
}
.S123-img {
	padding: 0% 20% 1% 20%;
}
.Farbe-header {
	padding: 5% 20% 1% 20%;	
}
.Farbe-text {
	padding: 0% 20% 4% 20%;	
}
.K9c-text {
	padding: 2% 20% 1% 20%;
}
.K9c-img {
	padding: 0% 20% 1% 20%;
}
.Energieberatung-header {
	padding: 5% 20% 1% 20%;	
}
.Energieberatung-text {
	padding: 0% 20% 4% 20%;	
}
.HB2c-text {
	padding: 2% 20% 1% 20%;
}
.HB2c-img {
	padding: 0% 20% 5% 20%;
}

.footer-text {
	padding: 10% 20% 5% 20%;
			
}



.uebermich-header {
	padding: 5% 20% 1% 20%;
}
.uebermich-text {
	padding: 1% 20% 2% 20%;
}

.uebermich-img {
	padding: 2% 20% 10% 20%;
	width: 50%;
}

.impressum-header {
	padding: 5% 20% 1% 20%;
}
.impressum-text {
	padding: 1% 20% 10% 20%;
}

.datenschutz-header {
	padding: 5% 20% 1% 20%;
}	
.datenschutz-text {
	padding: 1% 20% 10% 20%;
}

}