@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300, 700');


body,html {
  height: 100%;
  width: 100%;
  font-family: 'Open Sans Condensed', sans-serif;
  color: #3c3c3b;
  
  
}


.wide {
  width: 100%;
  height:250px;
  height:calc(50% - 1px);
  background-image: url(../img/header.png);
  background-size:cover;
  background-position:center;
  margin-top: -22px;
  
}

.wide img {
  width:100%; 
}


.centerpic{
	text-align: center;
}
.cpblock{
	display: inline-block !important;
}

	
	
.überschrift {
	font-size: 35px;		
	font-weight: 700;
	color: #575756;
	text-align: center;
	margin-bottom: 30px;
}

.breadcrumb {
	font-size: 18px;
	background-color: #fff !important;	
	margin-left: -12px;
}

a {
	text-decoration: none !important;
}


.colorblock {	
	color: #fff;
	min-height: 200px;
	margin-top: 0px;
	background-image: url(../img/block.png);
	background-size:cover;
	padding-top: 20px;
	padding-bottom: 20px;
	text-align: center;
	margin-bottom: -50px;
	
}

.navbar-collapse {
	background-color: #8e539c;
	border: none;
	
}

.included {
	margin-top: 40px;
	text-align: left;
}


.colorblock3 {	
	background-color: #7bbd60;
	min-height: 500px;
	margin-top: 0px;
	padding-bottom: 150px;
	padding-top: 100px;
}

.colorblock4 {	
	background-color: #faf0fc;	
	min-height: 500px;
	margin-top: 0px;
	padding-bottom: 150px;
	padding-top: 100px;
	color: #575756;
	
}

@media (max-width: 576px) {
/*.bilder > img {
	padding: 20px;*/
	.bottompic{
	
	padding-top: 80px;
	padding-bottom:30px;
	
	
}
.infosm {
	margin-top: -90px;
}
	
}

@media (max-width: 768px) {
/*.bilder > img {
	padding: 20px;*/
	.bottompic{
	
	padding-top: 80px;
	padding-bottom:30px;
}
.infosm {
	margin-top: -90px;
}
}

@media (max-width: 992px) {
/*.bilder > img {
	padding: 20px;*/
	.bottompic{
	
	padding-top: 80px;
	padding-bottom:30px;
}
.infosm {
	margin-top: -90px;
}
}

@media (max-width: 1200px) {
/*.bilder > img {
	padding: 20px;*/
	.bottompic{
	
	padding-top: 80px;
	padding-bottom:30px;
}
.infosm {
	margin-top: -90px;
}
}


@media (min-width: 376px) {
/*.bilder > img {
	padding: 20px;*/
	.screenabstand{
  
	padding-top: 80px;
	padding-bottom:30px;
}
}

@media (min-width: 768px) {
/*.bilder > img {
	padding: 20px;*/
	.screenabstand{
  
	padding-top: 80px;
	padding-bottom:30px;
}
}


@media (min-width: 992px) {
/*.bilder > img {
	padding: 20px;*/
	.screenabstand{
   
	padding-top: 0px;
	padding-bottom:30px;
}
}

@media (min-width: 1200px) {
/*.bilder > img {
	padding: 20px;*/
	.screenabstand{
    
    padding-top: 0px;
	padding-bottom:30px;
}
}







.colorblock5 {	
	background-color: #fbfbfb;
	min-height: 500px;
	margin-top: 0px;
	padding-bottom: 150px;
	padding-top: 100px;
	color: #575759;
}

.colorblock6 {	
	background-color: #faf0fc;
	min-height: 500px;
	margin-top: 0px;
	padding-bottom: 150px;
	padding-top: 100px;
	color: #575756;
}


.colorblock7 {	
	background-color: #fbfbfb;
	min-height: 500px;
	margin-top: 0px;
	padding-bottom: 150px;
	padding-top: 100px;
}

.colorblock8 {	
	background-color: #e5e5e5;
	min-height: 500px;
	margin-top: 0px;
	padding-bottom: 150px;
	padding-top: 100px;
	color: #575756;
}




.überschrift2 {
	font-size: 20px;
	margin-top: 15px;	
	font-weight: 700;
	padding-bottom: 50px;
}


.überschrift3 {
	font-size: 35px;		
	font-weight: 700;
	color: #4b535d;
	text-align: center;
	margin-bottom: 30px;
}


.überschrift4 {
	font-size: 35px;		
	font-weight: 700;
	color: #4b535d;
	text-align: center;
	margin-bottom: 30px;
	margin-top: 100px;
}




.fahrzeuge {
	font-size: 18px;
	margin-bottom: 5px;
	
}


.portrait {
	margin-right: 80px;
	text-align: center;
}

.about {
	margin-top:60px;
}

.einheit {
	font-weight: 300 !important;
	margin-left: 10px;
	font-size: 16px;
}



.footer {
	background-color: #7bbd60;
	color: #fff;
	min-height: 200px;
	margin-top:0px;
	padding-bottom: 50px;
	padding-top: 20px;

	
}

ul{
	FONT-size: 18px;
}



nav {
	background-color: #8e539c !important;
	color: #3c3c3b !important;
	border-style: none !important;
	border-radius: 0px !important;
	height: 77px;
	padding-top: 24px;
	z-index: 2000;
	position: absolute;
	

}

nav img {
	width: 150px !important;
	margin-top: -10px;
}

.navbar-brand { 
	position: relative;
	z-index: 2; 
}

.navbar-nav.navbar-right .btn { 
	position: relative;
	z-index: 2;
	padding:4px 20px;
	margin: 10px auto; 
}

.navbar .navbar-collapse { 
	position: relative; 
}



.navbar .nav-collapse { 
	position: absolute; 
	z-index: 1; 
	top: 0; 
	left: 0;
	right: 0;
	bottom: 0;
	margin: 0;
	padding-right: 120px;
	padding-left: 80px;
	width: 100%;
}

.navbar.navbar-default .nav-collapse { 
	background-color: #fff ; 
}

.navbar.navbar-inverse .nav-collapse {
	 background-color: #fff ;
}

.navbar .nav-collapse .navbar-form { 
	border-width: 0;
	box-shadow: none; 
}

.nav-collapse>li { 
	float: right; 
}

.btn.btn-circle { 
	border-radius: 5px; 
}

.btn.btn-outline { 
	background-color: transparent;
}



@media screen and (max-width: 767px) {
   
    
    .navbar .nav-collapse { margin: 7.5px auto; padding: 0; }
    .navbar .nav-collapse .navbar-form { margin: 0; }
    .nav-collapse>li { float: none; }
}




.adresse {
	font-size: 22px;
	margin-top: 20px;
}

.webadresse {
	font-size: 22px;
	margin-top: 40px;
}


.impressum {
	font-size: 22px;
	margin-top: 20px;
}


.firma {
	font-size: 22px;
	font-weight: 700;
	margin-top: 20px;
	margin-bottom: 40px;
}




.glyphicon {
	font-size: 18px;
	margin-right: 15px;
}


.fa {
	margin-right: 15px;
}

.socials {
	font-size: 40px;
	margin-top: 40px;
	padding-top: 20px;
	margin-left: 20px;
	
}

.facebook > a {
	color: #fff;
}

.facebook > a:hover {
	color: #fff;
}


.zitat {
	font-size: 50px;
	font-weight: 700;
	margin-top: 20px;
}


.ueber {
	text-align: center;
	font-size: 23px;
}



.ueber2 {
	text-align: center;
	font-size: 23px;

}

.eigen {
	text-align: center;
	margin-top: 120px;

	
}

.glyphicon-heart, .glyphicon-leaf, .glyphicon-gift, .glyphicon-education  {
	font-size: 40px;
	margin-top: 0px;
	color: #7bbd60;
	padding-left: 20px;
	padding-bottom: 50px;
	padding-top: 20px;

}

.bullet1 {
	text-align: left;
	font-size: 20px;
	margin-top: -20px;
}


.bullet2 {
	text-align: center;
	font-size: 20px;
	margin-top: -60px;
	margin-bottom: 150px;
}

.bullet3 {
	text-align: center;
	font-size: 20px;
	margin-top: -200px;
	margin-bottom: 150px;
}


.fixed {
	position: fixed;
	width: 100%;
	z-index: 1000;
}


.kosmetik img {
	width: 50px !important;
}



.angebot {
	font-size: 26px;
	margin-top: 20px;	
	font-weight: 700;
	
}

.angebot2 {
	font-size: 26px;
	margin-bottom: 50px;	
	font-weight: 700;
	
}


.preis {
	font-size: 18px;
	color: #574b60;
	margin-top: 20px;
}


.preis2 {
	font-size: 20px;
	color: #574b60;
	margin-top: 20px;
}


table {
	text-align: left;
	margin-top: 25px;
	
}


td {
	padding-left: 0px;
}


.glyphicon-ok {
	color: #7bbd60;
	font-size: 15px;
}



.bild {
	margin-left: -50px;
}

.bild2 {
	margin-right: 20px;
}


.top {
	margin-top: 70px;
	
}

.top3 {
	margin-top: 150px;
	
}

.bottom {
	margin-top: 50px;
}


.info {
	font-size: 18px;
	line-height: 30px;

}

.portrait {
	margin-right: 40px;
}

.green {
	color: #7bbd60;
}

.lila {
	color: #8e539c;
}



.intro {
	font-size: 18px;
	color: #aaa;
	
}