@charset "utf-8";

* {
	margin: 0;
	padding: 0;
}

.clearfix {
	clear: both;
}

.cc-message {
	display: block;
}

html {
	font-size: 18px;
}

body {
	line-height: 1.4;
	font-family: Open Sans;
}

ul,
ol {
	padding-left: 40px;
}

.paddingWeg {
	padding: 0 !important;
}

.marginWeg {
	margin: 0 !important;
}

.versteckt {
	display: none !important;
}

.white {
	color: white !important;
}

.content-main {
	display: block;
}

.to-top {
	position: fixed;
	bottom: 0;
	right: 15px;
}

.to-top a {
	color: #fff;
	background-color: #2A2D3C;
	padding: .5rem;
	display: inline-block;
}

.main-header {
	margin: 0 auto;
	padding-top: 1.2%;
}

.main-header-logo a,
.main-header-brabding a,
.main-header-facebook a {
	outline: 0px;
}

.main-header-logo {
	width: 35%;
	float: left;
}

.main-header-logo img {
	margin-left: 5%;
}

.main-header-brabding {
	width: 28%;
	float: left;
	text-align: right;
	padding-right: 2.5%;
}

#maedchenname {
	position: absolute;
	top: -9999px;
	left: -9999px;
}

.main-header-brabding img {
	padding: 2%;
	min-width: 35%;
	width: auto;
}

.mein_navigation {
	padding-top: 1%;
}

.navbar-toggle {
	position: relative;
	float: left;
	padding: 9px 10px;
	margin-top: 8px;
	margin-left: 15px;
	margin-right: 15%;
	margin-bottom: 8px;
	background-color: transparent;
	background-image: none;
	border: 1px solid transparent;
	border-radius: 4px;
}

.main-header-facebook {
	padding-top: 3%;
	padding-right: 3%;
	float: right;
}

.main-header-facebook a {
	text-decoration: none;
	outline: 0px;
}

.navbar-default .navbar-toggle {
	padding: 4px;
	border-color: rgba(255, 255, 255, 0.3);
	box-shadow: 0 2px 1px rgba(0, 0, 0, 0.3);
}

.navbar-default .navbar-toggle .icon-bar {
	background-color: #40378c;
	height: 8px;
	border: 1px solid #fff;
	border-radius: 3px;
	width: 36px;
}

.navbar-default .navbar-toggle:focus .icon-bar,
.navbar-default .navbar-toggle:hover .icon-bar {
	background: #fff;
	border: 1px solid #40378c;
}

.nav-justified>li>a:hover {
	background-color: transparent;
}

.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
	background-color: transparent;
	border: none;
}

.navbar-default {
	border: none;
	background-color: transparent;
}

.navbar-nav>li {
	display: inline-block;

}

.navbar-nav>li {
	float: none !important;
}

/*.navbar-nav > li:hover {
	
}*/
.nav>li>a {
	outline: 0px;
}

.reduzierung {
	width: 50%;
}

/*.fa-facebook-official {

}*/

.impress {

	margin-left: 55px;
}

.impress a {
	text-decoration: none;
	color: #646464;
}


ul a {
	display: inline-block;
	font-size: 0.98rem;
	outline: none;
}

.mobMenu {
	display: none;
}

.mein_content {
	background: url(/img/bg.jpg) no-repeat scroll center;
	background-size: cover;
}

.main-container {
	margin: 29.4% auto 0px;
	background-color: rgba(255, 255, 255, 0.8);
}

.panellen {
	position: relative;
	-moz-transform: rotate(-2deg);
	-ms-transform: rotate(-2deg);
	-o-transform: rotate(-2deg);
	-webkit-transform: rotate(-2deg);
	transform: rotate(-2deg);
}

.erstParall {
	width: 65%;
	height: 70px;
	-moz-transform: skew(45deg);
	-ms-transform: skew(45deg);
	-o-transform: skew(45deg);
	-webkit-transform: skew(45deg);
	transform: skew(45deg);
	background-color: rgba(239, 119, 20, 0.8);
	position: absolute;
	top: 310px;
	left: 4%;
	padding-top: 1%;
}

.zweiParall {
	width: 75%;
	height: 80px;
	-moz-transform: skew(45deg);
	-ms-transform: skew(45deg);
	-o-transform: skew(45deg);
	-webkit-transform: skew(45deg);
	transform: skew(45deg);
	background-color: rgba(173, 204, 17, 0.8);
	position: absolute;
	top: 400px;
	left: 8%;
	padding-top: 1%;
}

.sachverstaendiger {
	position: relative;
}

.orang {
	box-shadow: none !important;
	font-family: Shadows Into Light;
	font-size: 2.5rem;
	color: #fff;
	-moz-transform: skew(-45deg);
	-ms-transform: skew(-45deg);
	-o-transform: skew(-45deg);
	-webkit-transform: skew(-45deg);
	transform: skew(-45deg);
}

.grue {
	background: transparent;
	box-shadow: none !important;
	font-family: Shadows Into Light;
	font-size: 2.6rem;
	color: #fff;
	-moz-transform: skew(-45deg);
	-ms-transform: skew(-45deg);
	-o-transform: skew(-45deg);
	-webkit-transform: skew(-45deg);
	transform: skew(-45deg);
}

.transp {
	border: 0px;
	background-color: rgba(255, 255, 255, 0.8);
	box-shadow: none !important;
	font-size: 1.3rem;
	position: absolute;
	top: 280px;
	left: 16%;
	padding: 1%;
}

.sachver {
	font-size: 2.3rem !important;
	font-family: Shadows Into Light;
}

.transp a {
	text-decoration: none;
	color: #d91d2b;
	outline: 0px;
}

/*.tabelle {
	
}*/
.mein_inhalt {
	padding-bottom: 20px;
}

.unterseiten {
	width: 75%;
	margin: 0px auto 100px;
	font-size: 1rem;
}

/*.unterseiten h2 {

}*/
.zertifikate {
	text-align: center;
}

.bld {
	width: 100%;
	padding: 0 1%;
}

.bld img {
	width: 22%;
}

.bilder img {
	margin: 1% auto;
}

.ueberschrift {
	font-size: 1rem;
	font-weight: bold;
}

.zwischenraum {
	padding-left: 5%;
	padding-top: 10px;
}

h1,
.h1 {
	width: 75%;
	margin: 0px auto 2%;
}

.fliess {
	font-size: 1rem;
}

.fliesstext {
	font-size: 0.8rem;
}

.fliesstext li {
	margin-top: 1%;
}

.linie {
	font-size: 2rem;
	color: #cc7cb1;
	letter-spacing: -4px;
}

.werbung {
	padding: 65px 0 10px;
	font-size: 1.1rem;
}

.mehr {
	width: 50%;
	border-radius: 0px;
	border: 0px;
	color: #fff;
	font-size: 1.1rem;
	background-color: #de2342;
	text-align: left;
	padding-left: 3%;
}

.mehr:hover {
	background-color: #920087;
}

.infoBlock {
	height: auto;
	background: #2a2d3c;
}

.inform {
	width: 80%;
	color: #fff;
	padding-top: 2%;
	font-size: 1rem;
	padding-left: 3%;
	text-align: justify;
}

.noch {
	background-color: #de2342;
	border-radius: 0px;
	margin-top: 4%;
	margin-left: 3%;
}

.noch:hover {
	background-color: #f20e54;
}

.youtube {
	margin: 2%;
	margin-left: 3%;
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
}

.youtube iframe,
.youtube object,
.youtube embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.rechts {
	padding-left: 2%;
}

.inhalt {
	padding-right: 5%;
	margin-top: 5%;
	font-size: 0.9rem;
}

.haus {
	margin-top: 5%;
}

.haus img {
	border: 2px solid #2A2D3C;
}

.slogan {
	margin-top: 5px;
	height: 230px;
	background: url(/img/slogan.jpg) no-repeat;
	background-size: cover;
	position: relative;
}

.slogan>div {
	height: 100%;
}

.motto {
	position: absolute;
	top: 50%;
	left: 20%;
	width: 60%;
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	color: #2a2d3e;
	font-size: 1.8rem;
	text-align: center;
	padding-top: 0px;
}

.page-footer {
	height: auto;
	background: #2a2d3c;
	color: #fff;
}

.firma {
	margin-left: 45%;
	margin-top: 110px;
}

.company {
	font-weight: bold;
}

.verbindung {
	padding-top: 140px;
	text-align: center;
}

.email {
	padding-top: 1%;
	margin-bottom: 0px;
	min-width: 180px;
	width: 300px;
	text-align: right;
}

.email a,
.tel a {
	text-decoration: none;
	color: #fff;
	outline: 0px;
}

.email a:hover,
.tel a:hover {
	color: #C9A97B;
}

.fbook {
	margin-top: 4%;
}

img.mfp-img {
	max-width: 849px;
	height: auto;
}

/*Impressum*/

.abstand {
	padding-left: 5%;
}

.gruuen {
	font-size: 1rem;
	color: #40a314;
}


.mapBereich {
	position: relative;
	padding-bottom: 25.6%;
	width: 95%;
	height: 0;
	left: 1%;
	margin-top: 10px;
	margin-bottom: 50px;
	overflow: hidden;
	border: 1px dotted #2f54a8;
}

.mapBereich iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: 5px;
}

/*Kontakt*/
.karte {
	margin-top: 5%;
}

.kontakt_Rahmen {
	padding-left: 20px;
	padding-right: 20px;
}

.kontakt_Rahmen h1 {
	font-size: 1.9rem;
}

textarea.form-control {
	padding-top: 0px;
}

.form-control {
	border: 1px solid #71b224;
	line-height: 1.4;
}

.btn-primary {
	color: #fff;
	background-color: #431305;
	border-color: #b44e04;
}

.btn-primary:hover {
	color: #fff;
	background-color: #b44e04;
	border-color: #431305;
}

#phoneModal .modal-dialog {
	width: 90%;
	max-width: 400px;
}

@media screen and (min-width: 768px) {
	#phoneModal .modal-dialog {
		width: 400px;
	}
}