
/********************************************************/
/* 				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: #555;
}

#pagetitle {
	background-color: #f2f3f3;
	width: 100% !important;
	position: left !important;
	max-width: 1920px !important;
	margin: 0 auto !important;
	text-align: center !important;
}
#h1 {
	max-width: 1170px;
	text-align: left;
	margin: 0 auto;
}

h1{
	color: #404142;
	line-height: 70px;
}

.boxform h4,
.boxform p,
.boxform-inner label  {
	color: #555;
}

.right-inner h3,
.right-inner li,
.right-inner li:before {
	color: #555;
}

.boxform h5 {
	border-bottom: 1px dotted #555;
}

.teaserbox h5 {
	border-bottom: 1px dotted #555;
}

.boxform i.fa-facebook-square,
.boxform i.fa-youtube-square {
	color: #2c5887;
}

a{
	color: #ff01a2;
	text-decoration: XXX;
}

.right-inner a:hover{
	color: #555;
}

a:hover {
color: #ff64a2;
}

.teaserbox h5,
.boxform h5,
.boxform i.fa-phone-square,
.boxform i.fa-shopping-cart {
	color: #555;
}

.teaserbox p,
.teaser-inner .teaser-inner-middle p {
	color: #555;
}

.teaserbox h4,
.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-middle h4  {
	color: #555;
}

.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: #fff;
}

/* Farben Background Seitenbereiche */
#content,
#content-top,
#content-main  {
	background-color: #fff;
	/* background-image: url("./../img/bg.jpg"); */
}

/* Farben Background one-two-three Boxen und lange Teaserboxen */
.one-inner,
.two-inner,
.three-inner,
.teaser-inner {
	background-color: #fff;
	border: 1px solid #e5e5e5;
}

/* Farben Background Hauptwrapper und left-right Boxen */
body,
#contentwrapper,
#content-teaserboxen,
.right-inner {
	background-color: #f2f3f3;
}

/* Farben Background Header */
#header {
	background-color: #ffffff;
}

#footer {
	background-color: #292a2b;
	color: #aaa;
}

#footer a {
	color: #aaa;
	text-decoration: none;
}

/* 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: rgb(255, 1, 162);;
}

/* Hintergrundfarbe Submit-Buttons */
.teaser-inner .teaser-inner-right button[type="submit"],
.teaserbox-inner button[type="submit"],
.boxform-inner button[type="submit"] {
	background: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#FF5AA2),color-stop(100%,#ff01a2));
  background: -webkit-linear-gradient(top,#FF5AA2,#ff01a2);
  background: -moz-linear-gradient(top,#FF5AA2,#ff01a2);
  background: -o-linear-gradient(top,#FF5AA2,#ff01a2);
  background: linear-gradient(top,#FF5AA2,#ff01a2);
  background-color: #ff01a2;
  border-color: #d70087;
  color: #fff ! important;
  text-shadow: 0 -1px 1px rgba(26,9,27,.35);
}

.teaser-inner .teaser-inner-right button[type="submit"]:hover,
.teaserbox-inner button[type="submit"]:hover,
.boxform-inner button[type="submit"]:hover{
	background: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#ff73b4),color-stop(100%,#ff01a2));
	background: -webkit-linear-gradient(top,#ff73b4,#ff01a2);
	background: -moz-linear-gradient(top,#ff73b4,#ff01a2);
	background: -o-linear-gradient(top,#ff73b4,#ff01a2);
	background: linear-gradient(top,#ff73b4,#ff01a2);
	color: #fff!important;
}

input[type=text], textarea {
  -webkit-transition: all 0.20s ease-in-out;
  -moz-transition: all 0.20s ease-in-out;
  -ms-transition: all 0.20s ease-in-out;
  -o-transition: all 0.20s ease-in-out;
  outline: none;
  padding: 3px 0px 3px 3px;
  margin: 5px 1px 3px 0px;
  border: 1px solid #f2f3f3 !important;
}
 
input[type=text]:focus, textarea:focus {
  padding: 3px 0px 3px 3px;
  margin: 5px 1px 3px 0px !important;
  border: 1px solid #ff01a2 !important;
}

/* Hintergrundfarbe Formularfelder */
.boxform-inner input[type="text"], input[type="email"],
.boxform-inner textarea {
	background-color: #fff;
}

/* 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;
}