body {
    background-image: none;
    background-color: #F2F2F2;
}

.page_kontakt {
    background-image: none;
    background-color: #F4f4f4;
}

.has-logo .header-title {
    left: 389px;
}

/***************** Modifiziert ***********************/
.nav-primary {
    height:135px !important;
    }
.logo {
    height: 135px !important;
line-height: 135px !important;
}

.nav-primary > ul {
  line-height: 135px !important; 
}

.page_leistungen .contentAreaC .column-33 {
    width:50% !important;
}
 
.usp ul {
    font-size: 1.225em !important;
}

.formbuilder {
    background-color:#EEEEEE !important;
}


/***************** Allgemeine Grundeinstellungen ***********************/

/* mehr Abstand zwischen Aufzählungen in Listen */

.contentArea li {
    /*font-size: 1.15em;*/
    line-height: 1.5;
}

/* Farbeinstellung der kompletten Schrift ausser die der Links */
body, p, table, li, ul, ol, .preamble ul {
    color:#000000 !important;
	}
	
/* Die Schriftgröße des Fließtextes */
p {
    font-size:1em !important;
}

/* Die Schriftgröße des Eingangstextes */	
.preamble p {
    font-size: 1.225em !important;
}
	
/* Farbeinstellung für alle Links */
a {
	color:#000000 !important;
	text-decoration:underline !important;
	}
	
/* Farbeinstellung für alle Links beim drüberfahren mit der Maus */
a:hover {
	color:#FFA726 !important;
	}
	
/* Farbeinstellung aller Überschriften, sowie die Schriftfamilie */
h1, h2, h3, h4, h5, h6 {
    /*font-family:verdana;*/
    color:#FFA726 !important;
	}

/* Setze Überschriften auf Großbuchstaben */
/*.h1, .h2{
	text-transform:uppercase;
}*/

/* Überschrift h1 (Headlines) */
.contentArea .h1{
    font-size: 36px;
    color: #FFA726;
    line-height: 1; /* Zeilenabstand */
   /*font-weight: bold;*/
	}

/* Überschrift h2 (Subheadline) */
.contentArea .h2{
    font-size: 24px;
    color: #FFA726;
    line-height: 1; /* Zeilenabstand */
    
	}

.module h1.h2
{
 font-size:60px;
}


/*************************** LOGO *****************************/
/* Anpassung der Breite des Logos für die Mobile Navigation */
@media only screen and (max-width: 671px)
	{
	#identityContact img {
		width:80% !important; /* diesen Wert anpassen */
		height:auto !important; /* bitte nicht ändern, da sonst die Proportionen nicht mehr stimmen */
		}
	.logoMobile img {
        max-height: 100%; /* bitte nicht ändern, da sonst die Proportionen nicht mehr stimmen */
        width: auto;      /* bitte nicht ändern, da sonst die Proportionen nicht mehr stimmen */
        }
        
        
 .page_leistungen .contentAreaC .column-33 {
    width:100% !important;
}       
        
        
        
	}
	
	
/************************ NAVIGATION **************************/

/* 6) Size and Color */
.nav-primary ul li a{
    font-size: 22px;
    color: #808080 !important;
    text-decoration: none !important;
}

/* 7) On Hover */
.nav-primary ul li a:hover, .nav-primary ul li.active > a{
    color: #808080 !important;
    border-bottom:solid 2px #FFA726;
}






/**************************** BUTTONS **********************************/

/* Round corners on all buttons */
.contentArea .btn,
.contentArea .btn-large{
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background-color:#999999 !important;
    color:#ffffff !important;
	}

.contentArea .btn:hover,
.contentArea .btn-large:hover{
    background-color:#FFA726 !important;
    color:#ffffff !important;
	}


/**************************** FOOTER ************************************/

/**************************** FOOTER ************************************/
/* 1) Background Color */
.footer-container{
    background-color: #808080;
    filter: none !important;
}

/* Schriftgröße der Texte und Links im footer */
#footer p,
#footer a,
#footer table
{
font-size:0.9em !important;
line-height:1.2em !important;
color:#fff !important;
}
	
/* Einstellungen um die Spaltenbreiten der 4 Spalten im footer zu verändern. */
/* Um unerwünschte Zeilenumbrüche von z.B. Firmennamen oder E-Mail-Adresse entgegenzuwirken. */
/* WICHTIG: Alle vier Spalten zusammen müssen 100% betragen!!! */
@media only screen and (min-width: 672px)
	{
    #footer > .footer-content > div > div:nth-child(1) {
		width:30%;
		}
	#footer > .footer-content > div > div:nth-child(2) {
		width:30%;
		}
	#footer > .footer-content > div > div:nth-child(3) {
		width:15%;
		}
	#footer > .footer-content > div > div:nth-child(4) {
		width:25%;
		}
		
	/* Die Ausrichtung des "Bottomtext"  "Startseite | Kontakt | Impressum" für die Desktop Variante. */
	/* Verschiebt es optisch in die 4. Spalte im footer unter die social buttons. */
	/* Die mobile Variante ist bereits vom System optimiert. */	
	.address
		{
		float:right;
		margin-top:-60px;
		color:#fff !important;
		}
	}

/* Einstellungen für die Spalten im footer für die mobile Variante */
@media only screen and (max-width: 671px)
	{
	/* Durch die Einstellung "display:block;" werden die 2.+3. Spalte eingeblendet. */
	/* Standardmäßig sind diese in der mobilen Ansicht ausgeblendet. */
	/* "width:100%;" setzt die Spalten auf die komplette Breite des Bildschirms */
	#footer div:nth-child(2),
	#footer div:nth-child(3) {
		display:block;
		width:100%;
		}
		
	/* Bewirkt das der Text links gleich ausgerichtet ist. */
	#footer div:nth-child(2) table,
    #footer div:nth-child(2) p
        {
        margin-left:0;
        }
        
    #footer div:nth-child(4) {
		margin-top:20px;
		}
	}


/************************ SOCIAL MEDIA BUTTONS *************************/

/* SOCIAL ICONS (!important is used to overwrite Open Sans's !important rules) */

/* 1) Background Color (same for all) */
.btn-social{
    background: #909090 !important;
    filter: none !important;
}

/* 2) Background Color on Hover (same for all) */
.btn-social:hover{
    background: #00479c !important;
    filter: none !important;
}

/* 3) Icon Color */
.btn-social:before{
    color: #fff !important;
}

/* 4) Icon Color On Hover */
.btn-social:hover:before{
    color: #fff !important;
}

/* Round Social Icons */
.btn-social{
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}



/***************** IMPRESSUM - GOOGLE ANALYTICS ************************/

/* Einstellungen bewirken, dass das HTML-Modul, um Google Analytics zu deaktivieren, optisch an den Fließtext angepasst wird.*/
#analytics {
    margin-top: -40px !important;
    position: absolute;
}




/************************** LOGO GRÖSSE ********************************/

/*@media only screen and (min-width: 672px)
	{
    * Die Höhe des Logos bestimmen und den Abstand nach oben und unten.*
    .logo {
        height: 200px;
        margin-top:20px;
        margin-bottom:20px;
        }

    * Die Höhe der topNav, um dem Logo den benötigten Platz bzw Höhe zu geben *
    * Ergibt sich aus der Höhe des Logos, dem Abstand nach oben und unten *
    #topNav {
        height:240px;
        }
    }*/