/* CSS DOCUMENT */

body {
	font-family : "Hind", Helvetica, Arial, sans-serif;
	font-size:17px;
	width: 100%;
	margin: 0;
	color:#7f7f7f; 
}

h1 {
	font-size:40px;
	font-style:normal;
	font-weight:bold;
	letter-spacing: -0.7px;
}

h2 {
	font-size:24px;
	font-weight:bold;
}

h3 {
	font-size:18px;
	font-weight:bold;
	color:#fff;
	text-align:left;
}

.h2_dark_left{ 
	color:#777; 
	text-align:left;
	margin-top:35px;
	margin-bottom:60px;
}

.h3_dark{
	color:#666;
	text-align:center;
	margin-top:30px;
	margin-bottom:60px;
}

#scroll_menu {
	position: fixed; 
	top: 0px;
	width: 100%; 
	height: 65px; 
	background-color: #fff;
	color: #999;
	z-index: 99;
	display: none;
	border:0px;
	border-bottom:1px;
	border-color:#46a019;
	border-style:solid;
}

#scroll_menu a {
}


#logo_div {
	float:left;
	padding-top:5px;
	padding-left:13px;
	z-index:23;
}

#contact_div {
	float: left;
	margin-top: 13px;
	text-align:center;
}

#contact_div_large {
	position:absolute;
	z-index:22;
}

#contact_div_mobile {
	position:absolute;
	z-index:11;
	visibility:hidden;
	font-size:9px;
}

#navi_div {
	float: right;
	margin-top: 20px;
	text-align:center;
}

#navi_div_large {
	position:absolute;
	z-index:22;
}

#navi_div_mobile {
	position:absolute;
	z-index:11;
	visibility:hidden;
	font-size:9px;
}

#navi_div_large ul li {
	margin-right:4px;
	display:inline-block;
	padding-left:4px;
	padding-right:4px;
}
 
#navi_div_mobile ul li {
	display:inline-block;
	padding-right:4px;
}

#header{
	min-height:420px;
	background-position:center center;
}
#header0{
	text-align:center; 
	height:420px; 
	background-image:url("../img/slider0.jpg");
	background-position:center center;
}
#header1{
	width:100%;
	height:420px; 
	background-image:url("../img/slider1.jpg");
	background-position:center center;
}
#header2{ 
	width:100%;
	text-align:center; 
	height:420px;
	background-image:url("../img/slider2.jpg");
	background-position:center center;
	padding-top:200px;
}
#header3{ 
	width:100%;
	text-align:center; 
	height:420px;
	background-image:url("../img/slider3.jpg");
	background-position:center center;
	padding-top:200px;
}

#content { 
	margin-top:10px;
}

#header_yellow{
	background-image:url("../img/header_yellow.jpg");
	background-repeat:repeat;
	height:180px;
}
#header_green{
	background-image:url("../img/header_green.jpg");
	background-repeat:repeat;
	height:180px;
	padding-left:80px;
}
#header_green-grey{
	background-image:url("../img/header_green-grey.jpg");
	background-repeat:repeat;
	height:180px;
}
#header_orange{ 
	background-image:url("../img/header_orange.jpg");
	background-repeat:repeat;
	height:180px;
}
#header_grey{ 
	background-image:url("../img/header_grey.jpg");
	background-repeat:repeat;
	height:180px;
}

#footer {
	background-image:url("../img/footer_bg.jpg");
	background-repeat:repeat; 
	margin-top:60px;
}

#down_navi{
	height:20px;
	padding: 30px;
	padding-left:70px;
	padding-right:70px;
	margin-bottom:30px;
}

.testimonials{
	width:550px;
	margin-top:10px;
	
}

.left_col{ 
	float:left;
	border: 10px solid #fff;
}
.right_col{
	float:right;
	border: 10px solid #fff;
}


.down_navi_left{
	text-align:left;
}
.down_navi_right{
	text-align:right;
}

.down_navi_p{
	color:#474747;
	font-size:15px; 
}

.navbar-nav.navbar-center {
    position: absolute;
    left: 50%;
    transform: translatex(-50%);
}

.p_link{
	font-weight:bold;
	color:#158B2A;
	text-decoration:none; 
}
 
.footer_link{
	color:#fff;
	text-decoration:none; 
}

.kontakt_btn{
	background-color:#999;
	color:#fff;
	font-size:14px;
	font-weight:bold;
	text-transform:uppercase;
	border:0px;
	text-align:center; 
	padding:4px;
	-webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
	transition: 0.3s;
}


.kontakt_btn:hover{
	opacity:0.8;
	color:#fff;
}

.facebook_btn{
	color:#666;
}

.facebook_btn:hover{
	opacity:0.8;
}


ul.nav > li {
	font-size:15px;
	padding:6px;
}


.display-flex-center {
    display:flex;
    align-items:center;
}


.transform-center-parent {
    position: relative;
    transform-style: preserve-3d;
}

.transform-center {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

.display-inline-block {
    display:inline;
}
.display-inline-block > div {
    display:inline-block;
    float:none;
    vertical-align: middle;
}

a:hover {
	text-decoration:none;
	opacity:0.8;
}

.headline{
	font-family: "Pacifico", cursive;
	font-size: 40px;
	color:#fff;
}

.ul_link {
	cursor:default;
	text-decoration:none;
}

.cta {
	font-weight:900;
	color:#fff;
	height:110px;
	border:0px;
	border-left:10px;
	border-right:10px;
	border-style:solid;
	border-color:#f3efec;
	padding:0px;
	padding-left:15px;
	padding-right:15px;
}

.ctaw {
	font-weight:700;
	text-align:center;
}

.three {
	width:370px;
	height:310px;
	border:15px;
	border-color:#fff;
	border-style:solid;
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center center;
	padding-top:255px;
}
.three1 {
	background-image:url("../img/Bodenreinigung-Wischmob.xyz_.jpg");
}
.three2 {	
	background-image:url("../img/Haus-Hygiene-Gesundheit.xyz_.jpg");

}
.three3 {	
	background-image:url("../img/Reinigung-Planung-Kalender.jpg");

}

.teaser_sm{
	font-size:9px;
	width:33%;
	height:170px;
	border:15px;
	border-color:#fff;
	border-style:solid; 
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center center;
}
.teaser_sm1{
	float:left;
	background-image:url("../img/Bodenreinigung-Wischmob.xyz_.jpg");
}
.teaser_sm2{
	float:left;
	background-image:url("../img/Haus-Hygiene-Gesundheit.xyz_.jpg");
}
.teaser_sm_right{
	font-size:15px;
	width:67%;
	float:right;
	border:8px;
	border-top:12px;
	border-right:20px;
	border-color:#fff; 
	border-style:solid; 
	
}

.maps{
	width:1170px;
	height:450px;
	margin-top:100px;
}

.logo_img {
	margin: 5px 0 0 5px;
}

.overlay {
    height: 0%;
    width: 100%;
    position: fixed;
    z-index: 101;
    top: 0;
    left: 0;
    background-color: rgb(243,239,236);
    background-color: rgba(243,239,236, 1);
    overflow-y: scroll;
    transition: 0.3s;
}

.overlay-content {
    position: relative;
    top: 15%;
    width: 100%;
    text-align: left;
    margin-top: 30px;
}

.overlay a {
    padding: 8px;
    text-decoration: none;
    font-size: 36px;
    color: #5c3b06;
    display: block;
    transition: 0.3s;
}

.overlay a:hover, .overlay a:focus {
    color: #46a01a;
}

.overlay .closebtn {
    color: #46a01a;
    position: absolute;
    top: 20px;
    right: 45px;
    font-size: 90px;
}

.contact_btn{
	font-size:30px;
	font-weight:bold;
	text-transform:uppercase;
    -webkit-border-radius: 20px 20px 20px 20px;
    -moz-border-radius: 20px 20px 20px;
    border-radius: 20px 20px 20px 20px;
	color:#fff;
	background-color:#1fb12e;
	padding:20px 25px 20px 25px;
	transition: transform 0.3s;
}
.contact_btn:hover{
	transform:scale(1.05);
}



nav ul {
	font-size:14px;
	list-style-type:none;
}

nav ul li {
	color:#5f3c16;
	display:inline-block;
}





.navbar-nav > li:hover > .dropdown-menu {
    display: block;
}
.dropdown-submenu {
    position: relative;
}

.dropdown-submenu>.dropdown-menu {
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px;
}

.dropdown-submenu:hover>.dropdown-menu {
    display: block;
}

.dropdown-submenu>a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    margin-top: 5px;
    margin-right: -10px;
}

.dropdown-submenu:hover>a:after {
    border-left-color: #fff;
}

.dropdown-submenu.pull-left {
    float: none;
}

.dropdown-submenu.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}


.navbar {
  display: flex;
  align-items: center;
  justify-content: center;
  z-index:3;
}


.main_content{
	margin-top:70px;
	padding-left:110px;
	padding-right:110px;
	text-align:center;
}

.overlay{ 
	opacity:0.9;
}

.tel_time{
	font-size:11px;
	visibility:hidden;
}

.p_ul > li{
	color:#666;
}

.p_teaser{
	margin-top:30px;
	font-weight:bold;
}

.teaser{	
	transition: transform 0.3s;
	position:relative;
	z-index:1;
}
.teaser:hover{
	transform:scale(1.05);
}

.main_logo{
	width:242px;
	height:auto;
	margin-top:70px; 
}

.nav_div{
	margin-top:50px;
}

.slider_btn{
	margin-left:-390px;	
	margin-top:330px;
	background-color:#1fa12e;
	color:#fff;
	-webkit-border-radius: 6px 6px 6px 6px;
    -moz-border-radius: 6px 6px 6px 6px;
    border-radius: 6px 6px 6px 6px;
	padding:10px;
	text-transform:uppercase;
	font-weight:bold;
	border:2px 0px 2px 0px;
	border-style:solid;
	border-color:#1fa12e;
	transition: 0.2s;
}

.slider_btn:hover{
	transform:scale(1.04);	
	opacity:1;
}

.slider_btn2{
	background-color:#1fa12e;
	color:#fff;
	-webkit-border-radius: 6px 6px 6px 6px;
    -moz-border-radius: 6px 6px 6px 6px;
    border-radius: 6px 6px 6px 6px;
	padding:10px;
	text-transform:uppercase;
	font-weight:bold;
	border:2px 0px 2px 0px;
	border-style:solid;
	border-color:#1fa12e;
	transition: 0.2s;
}

.slider_btn2:hover{
	transform:scale(1.04);	
	opacity:1;
}

.slider_txt{
	color:#fff;
	font-family:Hind, arial, sans-serif;
	font-size:30px;
	font-weight:bold;
}

.mobi_hide{
	visibility:visible;
	
}

#myCarousel{
	height:420px;
}

.carousel-inner{
	height:420px; 
}

.top_banner_carousel{ 
	height:420px;
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center center;
}

.carousel-fade .carousel-inner .item {
  opacity: 0;
  transition-property: opacity;
}

.carousel-fade .carousel-inner .active {
  opacity: 1;
}

.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}

.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}

.carousel-fade .carousel-control {
  z-index: 2;
}
 
@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-fade .carousel-inner > .item.next,
    .carousel-fade .carousel-inner > .item.active.right {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.prev,
    .carousel-fade .carousel-inner > .item.active.left {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.next.left,
    .carousel-fade .carousel-inner > .item.prev.right,
    .carousel-fade .carousel-inner > .item.active {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
}


.dropdown:hover .dropdown-menu {
   display: block !important;
}
 

@media only screen and (max-width: 1281px) { 
	ul.nav > li {font-size:11px} 
}

@media only screen and (max-width: 1170px) {
	ul.nav {width:100%;text-align:center} 
	ul.nav > li {font-size:12px} 
	.navbar-nav.navbar-center{left:75%}
	.main_logo{width:160px;margin-top:30px}
	.nav_div{margin-top:20px}
	.three{margin-bottom:30px}
	
} 

@media only screen and (max-width: 1000px) {
  .overlay { overflow-y: scroll; color:#ffffff; background-color:rgb(70,160,25); background-color:rgba(70,160,25, 1); }
  .overlay a { font-size:12px; color:#ffffff }
  .overlay-content { margin-top:5px;top:0 }
  h1 { font-size:30px }
  h2 { font-size:20px }
  #scroll_menu { height:77px;padding-top:6px;border-bottom-color:#fff;z-index:102 }
  #contact_div { width:35%;margin-left:10%;font-size:12px }
  #contact_div_large { visibility: hidden }
  #contact_div_mobile { visibility: visible;width:100%;text-align:right }
  #navi_div { width:35%;font-size:12px  }
  #navi_div_large { visibility: hidden }
  #navi_div_mobile { visibility: visible;text-align:center;margin-right:30px;width:100% }
  #call_to_actions { display:none;margin-top:7% }
  #navi_ul { margin-top:25% }
  .img_hide { visibility:hidden;margin-bottom:-150px } 
  .overlay .closebtn { display:none }
  .col-lg-11 hide { visibility:hidden }
  ul li { color:#ffffff }
  .maps{width:auto;height:auto}
  #breadcrumbs{margin-top:70px}
  .multi-level{margin-left:110px}
  .main_content{margin-top:30px;padding-left:20px;padding-right:20px}
  .tel_time{visibility:visible;font-size:11px}
	.navbar-nav.navbar-center{left:65%} 
}

@media only screen and (max-width: 768px) {
	body{}
	#content{padding-left:5px;padding-right:5px}
	#header_green{padding-left:50px}
	#content { margin-top:20px;margin-bottom:20px }
	#footer { margin-top:20px;margin-bottom:20px }
	#banner { display:none } 
	.text_ul > li {color:#7f7f7f}
	.headline_hms{margin-left:-35px}
	.headline_zsl{margin-left:-10px}
	.headline_hd{margin-left:30px}
	.down_navi_left{text-align:center}
	.down_navi_right{text-align:center}
	.hl{margin-top:70px}
	.three{width:100%}
	.main_logo{margin-top:100px}
	.slider_btn{margin-left:-1px} 
	.testimonials{width:100%}
	.mobi_hide{visibility:hidden}
}