/* CSS DOCUMENT */

body {
	font-family: "Open Sans",sans-serif;
	font-size:17px;
	width: 100%;
	margin: 0;
	color:#7f7f7f; 
	line-height:20px;
}

h1 {
	font-family:"Josefin Sans",sans-serif;
	font-size:40px;
	font-style:normal;
	font-weight:bold;
	letter-spacing: -0.7px;
}

h2 {
	font-family:"Josefin Sans",sans-serif;
	font-size:24px;
	font-weight:bold;
}

h3 {
	font-family:"Josefin Sans",sans-serif;
	font-size:22px;
	font-weight:bold;
	text-align:left;
}

p{
	line-height:26px;
}

.main_navi{
}
 
.acti{
	color:#f9b001 !important;
}

.slider_h1{
	color:#fff;
	font-family:"Josefin Sans",sans-serif;
	font-size:50px;
	font-weight:bold;
}

.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;
}

#banner{
	background-color:#2a2a2a;
	color:#f9b001;
	height:40px;
}

#scroll_menu {
	position: fixed; 
	top: 0px;
	width: 100%; 
	height: 65px; 
	background-color: #2a2a2a;
	color: #fff;
	z-index: 99;
	display: none;
}

#scroll_menu a {
}


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

#contact_div {
	margin-top: 13px;
	text-align:right;
}

#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:518px;
	background-position:center center;
}
#header0{
	text-align:center; 
	height:518px; 
	background-image:url("../img/slider0.jpg");
	background-position:center center;
}
#header1{
	width:100%;
	height:518px; 
	background-image:url("../img/slider1.jpg");
	background-position:center center;
	text-align:right;
	padding-top:70px;
	padding-right:10px;
}
#header2{ 
	width:100%;
	text-align:center; 
	height:518px;
	background-image:url("../img/slider2.jpg");
	background-position:center center;
	padding-top:200px;
}

#breadcrumbs{
	height:100px;
	background-color:#fafafa;
	color:#6a6a6a;
	margin-top:30px;
	margin-bottom:30px;
	font-weight:bold;
	padding-top:35px;
}

#content { 
	margin-top:10px;
}


#footer {
	background-color:#2a2a2a; 
	margin-top:100px;
}

#down_navi{
	height:20px;
	padding: 30px;
	padding-left:70px;
	padding-right:70px;
	padding-bottom:45px;
	background-color:#000;
	color:#fff;
}

.rubrik{
	height:385px; 
	background-image: url("../img/wheat-ear-in-sunset-PG5CMMU_small.jpg");
	background-position:center center;
	background-size:cover;
	font-family:"Josefin Sans",sans-serif;
	font-size:60px;
	color:#fff;
	padding-top:140px;
	text-align:center;
}

.rubrik2{
	height:385px; 
	background-image: url("../img/candle-flame-PUFEPRY_small.jpg");
	background-position:center center;
	background-size:cover;
	font-family:"Josefin Sans",sans-serif;
	font-size:60px;
	color:#fff;
	padding-top:140px;
	text-align:center;
}

.rubrik3{
	height:385px; 
	background-image: url("../img/mystical-autumn-forest-in-yellow-fog-PQZFAT4_small.jpg");
	background-position:center center;
	background-size:cover;
	font-family:"Josefin Sans",sans-serif;
	font-size:60px;
	color:#fff;
	padding-top:140px;
	text-align:center;
}

.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:#fff;
	font-size:15px; 
	font-weight:bold;
}

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

.p_link{
	font-weight:bold;
	color:#f9b001;
	text-decoration:none; 
}
 
.footer_link{
	color:#f9b001;
	text-decoration:none; 
	cursor:default;
}

.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: #f9b001;
}

.overlay .closebtn {
    color: #f9b001;
    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:#f9b001;
	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:#f9b001;
	color:#fff;
	-webkit-border-radius: 20px 20px 20px 20px;
    -moz-border-radius: 20px 20px 20px 20px;
    border-radius: 20px 20px 20px 20px;
	padding:10px;
	text-transform:uppercase;
	font-weight:bold;
	border:2px 0px 2px 0px;
	border-style:solid;
	border-color:#f9b001;
	transition: 0.2s;
}

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

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

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

.slider_txt{
	color:#fff;
	background-image:url("../img/bgbl.png");
	background-repeat:repeat;
	font-family:Hind, arial, sans-serif;
	font-size:20px;
	padding:8px;
}

.mobi_hide{
	visibility:visible;
	
}

#myCarousel{
	height:518px;
}

.carousel-inner{
	height:518px; 
}

.top_banner_carousel{ 
	height:518px;
	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);
    }
}




.mouse {
    display: block;
    margin: 0 auto;
    width: 26px;
    height: 48px;
    border-radius: 12px;
    background-color:transparents;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
    border: 2px solid white;
    position: absolute;
    top: 40px;
    position: absolute;
    left: 51%;
    margin-left: -26px;
}
.mouse__wheel {
    display: block;
    margin: 6px auto;
    width: 3px;
    height: 3px;
    border-radius: 4px;
    background-color:#222;
    border: 1px solid transparent;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: scroll;
    animation-name: scroll;
}
@keyframes scroll { 
  0% {
    opacity: 1;
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    transform: translateY(14px);
  }
}

/*BOTTOM TO - TOP*/

.scrollup{
font-size: 28px;
font-weight:bold;
color: #fff; 
background-color: #f9b001;
border: 1px solid #f9b001;
text-align: center;
padding: 6px;
width: 75px;
height: 75px;
position: fixed;
bottom: 0;
right:0;
cursor: pointer;
display:none;
padding-top:20px;
}


 .p-y-2 {
     padding-top: 28px;
     padding-bottom: 28px
 }

 .p-y-3 {
     padding-top: 45px;
     padding-bottom: 45px
 }

 .m-b-1 {
     margin-bottom: 18px
 }

 .m-t-1 {
     margin-top: 18px
 }

 .main_counter_area {
     background-size: cover;
     overflow: hidden
 }

 .main_counter_area .main_counter_content .single_counter {
     background: #000000;
     color: #fff
 }

 .main_counter_area .main_counter_content .single_counter i {
     font-size: 36px
 }

@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}
	#breadcrumbs{display:none}
	
} 

@media only screen and (max-width: 1000px) {
  .overlay { overflow-y: scroll; color:#fff; background-color:#2a2a2a}
  .overlay a { font-size:12px; color:#fff }
  .overlay-content { margin-top:5px;top:0 }
  h1 { font-size:30px }
  h2 { font-size:20px }
  .slider_h1{font-size:30px}
  .slider_txt{font-size:15px}
  #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:#fff }
  .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 {margin-top:90px}
	#content { margin-top:20px;margin-bottom:20px }
	#banner { display:none } 
	.tel_time{ display:none}
	.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}
	#header1{padding-top:300px;padding-right:5px}
	#header2{padding-top:300px;}
  .main_content{margin-top:30px;padding-left:5px;padding-right:5px}
}