/*
Theme Name: "Waschbaer"_theme
Author: retotito
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

/* fonts */
/* general */
/* header */
/* primary-navigation */
/* mobile menu icon */
/* floating-header */
/* contact */
/* responsive */
/* custom-classes */



/* fonts */
@import url('https://fonts.googleapis.com/css?family=Dosis&display=swap');
@import url('https://fonts.googleapis.com/css?family=Open+Sans&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');

:root {
	--primary-brand-color: #02a89f;
	--transparend-background: rgba(255, 255, 255, 0.95);
	--site_max_width: 1280px;
	--menu_items_bg_color: transparent;
	--standard_box-shadow: -1px 0px 18px 0px rgba(0,0,0,0.5);
  }

* {
    font-family: "Inter", sans-serif;
	font-optical-sizing: auto;
	line-height: 20px;
}

h1,h2,h3,h4,h5,h6 {
    margin: 0px;
    color: var(--primary-brand-color);
    font-weight: 400;
	line-height: 1.2em;
	margin-bottom: 20px;
}

h1 {
	font-size: 36px;
	font-weight: 900;
}

h1 > mark {
	font-weight: 900;
}

h2 {
	font-size: 30px;
}

h3 {
	font-size: 24px;
}

h4 {
	font-size: 20px;
}



p {
    font-size: 20px;
	line-height: 1,5em;
	margin-bottom: 10px;
	font-weight: 400;
	color: #5A5A5A;
}

a {
    font-size: 14px;
	line-height: 18px;
	color: var(--primary-brand-color);
	outline : none;
	border: none;
}

a:hover {
	cursor: pointer;
	cursor: hand;
}

a img{
	outline : none;
	border: none;
}

button {
	outline: none;
}



/* general */
body { 
    margin: 0px;
    /* background-color: rgb(216, 61, 61);  */
	background-image: url("images/background.jpg");
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	background-attachment: fixed;
}

#wrapper { 
    display: block; 
    max-width: 100%;
    margin:0px auto; 
}



/* header */
#header { 
	background-color:none;
    box-sizing: border-box;
    height: 0px;
	z-index: 3098;
	box-shadow: var(--standard_box-shadow);
	-webkit-box-shadow: var(--standard_box-shadow);
    -moz-box-shadow: var(--standard_box-shadow);	

}
#header_inner {
  width: 100%;
  height: 100%;
  max-width: var(--site_max_width);
  position: relative;
  margin-left: auto;
  margin-right: auto;
}
#ti_logo {
    position: absolute;
    top: 10px;
    left: 20px; 
    z-index: 3150;
}
#ti_icon_mobile {
	display: none;
    position: absolute;
    top: 25px;
    left: 20px; 
    z-index: 3150;
}
#ti_logo img {
    width: auto;
	height: 30px;
}

/* primary-navigation */
#primary-navigation {
    position: absolute;
    right: 0px;
    top: 10px;
    display: inline-block;  
	z-index: 3098  	
}

#primary-navigation a {
}

.menu-item-has-children>a {
	cursor: default;
	pointer-events: none;
}




/* mobile menu */
#mobile_nav_overlay {
	z-index: 4200;
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100vw;
	height: 100vh;
	background-color: var(--transparend-background);
}
.ti_mobile_menu_switch {
  width: 0px;
}
.ti_mobile_menu_icon {
  position: absolute;
  right: 10px;
  top: 5px;
  display: none;
  z-index: 3220;
}
.ti_mobile_menu_icon button {
  width: 40px;
  height: 40px;
  outline: none;
}
.ti_mobile_menu_icon .dashicons {
  padding: 0px;
  background-color:rgba(0,0,0,0);
  border: none;
  color: var(--primary-brand-color);
  cursor: pointer;
}
.ti_mobile_menu_icon .dashicons:before {
  font-size: 40px;
  width: 40px;
  height:40px;
  line-height: 40px;
}

.ti_mobile_menu_icon .dashicons:hover {
}

/* floating-header */
#header {
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
  	height: 50px;
  	background-color: var(--transparend-background);
}

/* main */
#main {
    box-sizing: border-box;
    clear: both;
    overflow: hidden;
    min-height: calc(100vh - 300px);
    /* padding-top: 40px; */
}
#content {
	position: relative;
    box-sizing: border-box;
	width: 100%;
	/* max-width: var(--site_max_width); */
	height: 100%;
	margin:60px 0px 0px 0px; 
}

/*slider*/
.ti_top_slider {
  margin-left: -1px;
  margin-right: -1px;
  width: calc(100% +2px);
}


/*footer*/
#footer { 
    box-sizing: border-box;
    padding: 20px 20px 0px 20px;
    background-color: #5A5A5A;
    overflow: hidden;
}


#footer_wrapper {
  box-sizing: border-box;
  clear: both;
  overflow: hidden;
  width: calc (100% + 20px);
  margin-left: -10px;
  margin-right: -10px;
}

.ti_footer_item {
  box-sizing: border-box;
  width: calc(33.3% - 20px);
  margin: 0px 10px 20px 10px;
  float: left;
  color: white
}.ti_footer_item .widget-title {	color: white;	font-size: 24px;}

.ti_footer_item a {
  color: white;
}

.zt_footer_link {
    font-size: 24px;
    line-height: 34px;
    text-decoration: none;
}

.ti_footer_item h3 {
}

#menu-footer_menu {
  list-style: none;
  padding: 0px;
  margin: 0px;
}

#mc4wp-form-1 {
  margin-top: 10px;
}

#lx_newsletter_email {
  padding: 3px 5px 3px 5px;
  color: var(--primary-brand-color);
}

#lx_newsletter_submit {
  margin-top: 5px;
  color: white;
  background-color: var(--primary-brand-color);
  border: white solid 1px;
  cursor: pointer;
}



/* to top icon */
.ti_scroll_top_icon {
	display: none;
}
.ti_scroll_top_icon button {
  width: 40px;
  height: 40px;
  outline: none;
  position: fixed;
  right: 0px;
  bottom: 0px;
	
}
.ti_scroll_top_icon .dashicons {
  padding: 0px;
  background-color:rgba(0,0,0,0);
  border: none;
  color: var(--primary-brand-color);
  cursor: pointer;
  background-color: var(--transparend-background);
}
.ti_scroll_top_icon .dashicons:before {
  font-size: 40px;
  width: 40px;
  height:40px;
  line-height: 40px;
}


/* responsive */

@media screen and (min-width: 881px) {
	#mobile_menu_wrapper {
		display: none;
	}
  #ti_main_menu .nav-menu {
		margin: 0px 15px 0px 0px;
		height: 30px;
		list-style: none;
		display: block;
		border: none; 
		padding: 0px;
		position: relative;
		clear: both;
	}

	#ti_main_menu .nav-menu a {
		text-decoration: none;
		display: block;
		text-align: center;
	}

	#ti_main_menu .nav-menu>li {
	  background-color: var(--menu_items_bg_color); 
	  height: 34px;
	}

	#ti_main_menu .nav-menu>li {
	  margin-left: 5px;
	  margin-right: 5px;
	  float: left;
	  list-style-type: none;
	  list-style: none;
	  display: block;
	  position: relative;
	  border-radius: 0px;
	}
	#ti_main_menu .nav-menu>li>a {
		padding: 5px 10px 5px 10px;
		border-radius: 0px;
	}
	

	#ti_main_menu .nav-menu ul {
	  position: absolute;
	  z-index: 3100;
	  list-style: none;
	  margin: 0px;
	
	  display: none;
	  border-radius: 0px;
	  overflow: hidden;
	}

	#ti_main_menu .nav-menu>li>ul {
		padding: 0px;
		top: 34px;
		left: 0px;
	}

	#ti_main_menu .nav-menu>li>ul>li {
		background-color: white;
	}
	
	#ti_main_menu .nav-menu>li>ul>li:nth-child(odd) {
		background: #fafafa;
	}

	#ti_main_menu .nav-menu>li>ul>li>a {
		padding: 5px 10px 5px 10px;
		text-align: left;
		padding-right: 40px;
		white-space: nowrap;
	}

	#ti_main_menu .nav-menu>li>ul>li>ul {
		padding: 0px;
		position: relative;
		top: -23px; 
		left: 100px;
	}

	#ti_main_menu .nav-menu>li>ul>li>ul>li {
	  padding: 5px 0px 5px 0px;
	  width: 100%;
	}

	#ti_main_menu .nav-menu>li>ul>li>ul>li>a {
	  
	}

	/*
	#ti_main_menu li.ti_hovered {
		background-color: #e67fb9;
	}
	*/

	#ti_main_menu .nav-menu ul li.ti_hovered {
		background-color: var(--primary-brand-color);
	}

	#ti_main_menu .nav-menu li:hover>ul {
	  display: block;
      box-shadow: var(--standard_box-shadow);
	}
	#ti_main_menu .nav-menu li:hover>a {
	 	background-color:var(--primary-brand-color);
		
	}
	#ti_main_menu .nav-menu li:hover>a{
	  color: white;
	}

	#ti_main_menu .nav-menu li.current_page_ancestor {
	  
	}
	#ti_main_menu .nav-menu li.current_page_ancestor>a {
	  color: white;
	}
	#ti_main_menu .current-menu-parent>a,
	#ti_main_menu .current-menu-parent>ul li.current-menu-item a,
	#ti_main_menu .nav-menu li.current_page_item>a {
  		background-color:var(--primary-brand-color);
	 	
	 	color: white;
	}
	#ti_main_menu .nav-menu li.current_page_item>a {
	  color: white;
	}
	.ti_main_menu_toggle {
	  display: none !important;
	  width: 1px;
	}

	#ti_main_menu .current-lang {
		background-color: white !important;
	}

	#ti_main_menu .current-lang a {
		pointer-events: none;
	}
	.lang-item a  {		background-color: white !important;		background-image: none !important;		padding-right: 0px !important;	}		.lang-item {		margin-right: 0px !important;	}
}

#primary-navigation-mobile {
		display: none;
	}
@media screen and (max-width: 880px) {
	#primary-navigation {
		display: none;
	}
	#primary-navigation-mobile {
		display: block;
	}
	/* #ti_logo img {
		width: 200px;
		margin-top: 0px;
	} */
    #wrapper {
      overflow: hidden;   
    }
    .ti_mobile_menu_switch {
        width: 1px;
    }
	/* [target="_blank"] */
    .ti_mobile_menu_icon {
      display: block;
    }
	.ti_mobile_menu_icon[status="opened"] > .open_mobile_menu {
		display: none;
	}
	.ti_mobile_menu_icon[status="closed"] > .close_mobile_menu {
		display: none;
	}
    #ti_main_menu-mobile {
      position: absolute;
      right: -400px;
      top: 0px;
      z-index: 3200;
      background-color:#ffffff;
      padding: 40px 20px 0px 20px;
    }
	#ti_main_menu-mobile {
		box-shadow: var(--standard_box-shadow);
		-webkit-box-shadow: var(--standard_box-shadow);
	    -moz-box-shadow: var(--standard_box-shadow);	
	}
    #ti_main_menu-mobile * {    
      list-style: none;
      padding: 0px;
      text-decoration: none;
      color: var(--primary-brand-color)	;
    }
    #ti_main_menu-mobile a{
      white-space:nowrap;
    }
    #ti_main_menu-mobile li {
    	position: relative;
    }
    #ti_main_menu-mobile li a{
      margin-right: 30px;
      padding: 0px 5px 0px 5px;
      font-size: 20px;
      line-height: 40px;
    }
	#ti_main_menu-mobile>div>ul>li>a {
    	font-weight: bold;
    }
    #ti_main_menu-mobile li ul {
      display: none;
	  margin-left: 15px;
    }
    #menu-main_menu-mobile>li>ul {
      display: none;
      margin-left: 10px
    }
    #menu-main_menu-mobile>li>ul>li>ul {
      display: none;
      margin-left: 10px
    }
    .ti_main_menu_toggle {
      position: absolute;
      right: 10px;
      top: 0px;
      cursor: pointer;
      width: 20px;
      text-align: center;
    }
    .ti_main_menu_toggle span {
		color: green !important;
		font-size: 28px;
		font-weight: bold;
		line-height: 40px;
    }
    .ti_footer_item {
      float: none;
      width: calc(100% - 20px);
      margin-bottom: 50px;
      text-align: center;
    }
    .ti_footer_item_inner {
      display: block;
    }

    .lx_contact_left {
		width: calc(100% - 20px);
		margin: 0px 10px 20px 10px;
		float: left;

	}
	.lx_contact_left iframe {
		height: 45vw;
		margin-top: 20px;
	}
	.lx_contact_right {
		width: calc(100% - 20px);
		margin: 0px 10px 20px 10px;
		float: left;
	}
}
@media screen and (max-width: 600px) {
    .ti_600 {
        width: 1px;
    }
}

@media screen and (max-width: 380px) {
	#ti_main_menu li a{
      	font-size: 18px;
    }
}

/* custom-classes */
/* .ti_overflow_hidden{
	overflow: hidden !important;
} */