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



/* ==========================================================================
   Logos
   ========================================================================== */  

/* Logo - Änderung Größe*/
.logo {
    max-width: 320px;
}

.logo-foot {
    max-width: 100px;
}


/* ==========================================================================
   Theme Colours
   ========================================================================== */

.main ul li:before, h1 span, h2 span, h3 span, h4 span, .highlight, h5, h6, h1:after, h2:after, h3:after, .main-container a:hover, 
.more:before, ol > li:before, .cta a:hover, .error[generated=true], .footable.breakpoint > tbody > tr > td.expand:before{
	color: #c7105c; /* Feature Color*/
}   
a.btn, input[type=button], nav a.active, input[type=submit]{
	background-color: #c7105c; /* Button Back Ground Color*/
}

h1, h2, h3, h4, .nav a, h1 a, h2 a, h3 a, h4 a, #response .success, .success::before, #response .failure {
    color: #5e5e5d;
}

strong, b, .lead, .main table th, blockquote, .more, .cta a {
    color: #5e5e5d;
}

a.btn:hover, input[type=button]:hover, nav a:hover, input[type=submit]:hover{
	background-color: #5e5e5d; /* Button Back Ground Color on Hover*/
	color: #fff;
}

#masthead{
	background: #b4a7a7!important; /* Home Page Masthead Background Color - Match to image*/
}

/* ==========================================================================
   Main Container General Layout Styles
   ========================================================================== */


/* Header - Änderung padding-top und Linienfarbe */
.header-container header {
	padding-bottom: 25px;
	border-bottom: 1px solid #ffffff;
    padding-top: 5px;
}


.linienfarbe{border-bottom: 1px solid #9fa6aa !important;}





.right-aside{
	width: 26%;
}



/* ============= Columns ===============*/ 


.three-fourths {
	color: #c7105c;
	width: 100%;
}

/* ==========================================================================
   Main Navigation Styles
   ========================================================================== */

/* Navigation - Änderung margin-top */
.header-container nav {
    margin-top: 98px;
}

/* Navigation - Änderung Abstand */
.nav a {
    padding: 0.3em 0.6em;
}


/* ==========================================================================
   Typography
   ========================================================================== */

/* h3 - Änderungen */
.cta h3 {
    font-family: "robotobold";
    letter-spacing: 0;
	color: #ffffff;
}

h4, h5{
	font-size: 24px;
	letter-spacing: 0;
}

.lead, blockquote {
    font-family: "roboto-condensed-italic";
	color: #c7105c;
}

h1:after, h2:after, h3:after{
	content: ".";
	font-family: "aleo";
	font-size: 65px;
	position: relative;
	padding-left: 3px;
}

/* ============= Buttons ===============*/

a.btn:hover{
	color: #fff;
}

/* ============= Forms ===============*/
 input[type=text]:focus, textarea:focus, input[type=email]:focus, input[type=password]:focus{
 	border: 1px solid #c7105c;
 }
 
/* ============= Lists ===============*/

.aufzaehlung::before {
    content: "●";
	color: #c7105c;
	padding-right: 5px;
	font-size: 12px;
}

/* ============= Kontaktformular ===============*/ 


/* ==========================================================================
   Footer Styles
   ========================================================================== */

footer .wrapper {

    padding: 10px 0 10px;
	
}

.social-link {

    padding-top: 20px;
	opacity: 1;	
}

.footer-left a{

margin-right:60px;

}

.footer-left a:hover{

margin-right:60px;
opacity: 0.6;

}

.footer-logo {

float:left;

}
.footer-links {

float: left;
margin-top: 25px;

}

/* ==========================================================================
   Cookie Plugin
   ========================================================================== */

.cc_container .cc_btn {
background-color: #c7105c !important; /* Farbe des Buttons */
color: #ffffff !important; /* Textfarbe des Buttons */
}
 
.cc_container {
background: #5e5e5d !important; /* Hintergrundfarbe des gesamten Bereichs */
color: #f2f2f3 !important; /* Schriftfarbe des gesamten Bereichs */
}
 
.cc_container a {
color: #c7105c !important; /* Textlink-Farbe "Mehr Infos" */
}