/********************************************************/
/* 				CSS Farben - anpassbar 					*/
/********************************************************/

/* Farben Schriften */
.content-inner h2,
.content-inner h3,
.content-inner p,
.content-inner li,
.right-inner h4,
.content-inner li:before {
	color: #000000;
}

#pagetitle h1 {
	color: #ffffff;
}

.boxform h4,
.boxform p,
.boxform-inner label  {
	color: #000000;
}

.right-inner h3,
.right-inner li,
.right-inner li:before {
	color: #000000;
}

.boxform h5 {
	border-bottom: 1px dotted #000000;
}

.teaserbox h5 {
	border-bottom: 1px dotted #000000;
}

.boxform i.fa-facebook-square,
.boxform i.fa-youtube-square {
	color: #000000;
}

a,
.teaserbox h5,
.boxform h5,
.boxform i.fa-phone-square,
.boxform i.fa-shopping-cart {
	color: #009be2;
}

.teaserbox p,
.teaser-inner .teaser-inner-middle p {
	color: #000000;
}

.teaser-inner .teaser-inner-right button[type="submit"],
.teaserbox-inner button[type="submit"],
.boxform-inner button[type="submit"],
.boxform-inner input[type="text"], input[type="email"],
.boxform-inner textarea,
.teaser-inner .teaser-inner-left .teaser-inner-icon i.fa-phone,
.teaser-inner .teaser-inner-left .teaser-inner-icon i.fa-envelope,
.teaser-inner .teaser-inner-left .teaser-inner-icon i.fa-check-circle,
.teaser-inner .teaser-inner-left .teaser-inner-icon i.fa-mobile,
.teaser-inner .teaser-inner-left .teaser-inner-icon i.fa-gamepad,
.teaser-inner .teaser-inner-left .teaser-inner-icon i.fa-shopping-cart,
.teaser-inner .teaser-inner-left .teaser-inner-icon i.fa-pencil-square,
.teaser-inner .teaser-inner-left .teaser-inner-icon i.fa-download,
.teaser-inner .teaser-inner-left .teaser-inner-icon i.fa-calendar,
.teaser-inner .teaser-inner-left .teaser-inner-icon i.fa-facebook-official  {
	color: #ffffff;
}

.teaserbox h4 {
	color: #000000;
}

.teaser-inner .teaser-inner-middle h4 {
	color: #009be2;
}

/* Farben Background Seitenbereiche */
#content,
#content-main {
	background-color: #ffffff;
}

#content-top {
	background-color: #009be2;
}

/* Farben Background one-two-three Boxen und lange Teaserboxen */
.one-inner,
.two-inner,
.three-inner {
	background-color: #ffffff;
}

.teaser-inner {
	background-color: #f5f5f5;
}

/* Farben Background Hauptwrapper und left-right Boxen */
body,
#contentwrapper,
#content-teaserboxen,
.right-inner {
	/*background-color: #f5f5f5;*/
}

#content-teaserboxen {
	background-color: #f5f5f5;
}

/* Farben Background Header */
#header {
	background-color: #009be2;
}

#footer {
	color: #ffffff;
	background-color: #000000;
}

/* Farben Background Icons und allgemeine Farben Buttons */
.teaser-inner .teaser-inner-left .teaser-inner-icon,
.teaser-inner .teaser-inner-right button[type="submit"],
.teaserbox-inner button[type="submit"],
.boxform-inner button[type="submit"] {
	background-color: #009be2;
}

/* Hintergrundfarbe Formularfelder */
.boxform-inner input[type="text"], input[type="email"],
.boxform-inner textarea {
	background-color: #009be2;
}

/* Allgemein verwendete Font Family */
body,
.teaser-inner .teaser-inner-right button[type="submit"],
.teaserbox-inner button[type="submit"],
.boxform-inner button[type="submit"],
.boxform-inner label,
.boxform-inner input[type="text"], input[type="email"],
.boxform-inner textarea {
	font-family: "Open Sans", sans-serif;
	/* font-family: "Lora", serif; */
}
div.alert-success {
	color: #33cc00;
}
label.error {
	color: #ff0000;
}