/*
Theme Name: Hello Elementor Child
Author: 
Description: Your description goes here
Version: 1.0
Template: hello-elementor

This is the child theme for Hello Elementor theme, generated with Generate Child Theme plugin by catchthemes.

(optional values you can add: Theme URI, Author URI, License, License URI, Tags, Text Domain)
*/



/**
 * ----------------------------------------
 * animation fade-in-top
 * ----------------------------------------
 */
@-webkit-keyframes fade-in-top {
  0% {
    -webkit-transform: translateY(-50px);
            transform: translateY(-50px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}
@keyframes fade-in-top {
  0% {
    -webkit-transform: translateY(-50px);
            transform: translateY(-50px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}




/******************************
FARBEN
orange: #FC6C37
braun: #83786F
grau: #545564
******************************/

/******************************
NAVIGATION
******************************/


#headerstart .menu-item a {
	color: #fff !important; 
}

#ep-megamenu-1e62945 a.ep-menu-nav-link:hover {
	color: #83786F !important;
} 


#headerstart .elementor-735 .elementor-element.elementor-element-fc1898c:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap {
	background-color:rgba(255,255,255,0.00) !important;
}

#headerstart .elementor-735 .elementor-element.elementor-element-5b0d64c:not(.elementor-motion-effects-element-type-background), #headerstart .elementor-735 .elementor-element.elementor-element-5b0d64c > .elementor-motion-effects-container > .elementor-motion-effects-layer {
  background-color: transparent !important;
}


a.alg_back_button_simple  {
font-family: "Unit Rounded", Sans-serif;
font-weight: 300;
font-size: 20px;
text-transform: uppercase !important;

}


/*MENUBUTTON*/

.animatedfsmenu button {
    margin-top: 7px;
}


[type="button"]:focus, [type="button"]:hover, [type="submit"]:focus, [type="submit"]:hover, button:focus, button:hover {
  color: #fff;
  background-color:rgba(255,255,255,0) !important;
  text-decoration: none;
}

.animatedfsmenu-navbar-toggler .bar {
  height: 5px !important;
 }


/*MENU*/

.animatedfsmenu {
font-family: "Unit Rounded", Sans-serif;
font-weight: 300;
font-size: 20px;
text-transform: uppercase !important;
}

#menu-item-784 a, #menu-item-779 a, #menu-item-778 a, #menu-item-780 a  {
font-size: 26px !important;
color: #414250 !important;
margin-left: -10px;
} 



/******************************
PORTFOLIO FILTER
******************************/

.elementor-portfolio__filters {
	-webkit-animation: fade-in-top 1s cubic-bezier(0.390, 0.575, 0.565, 1.000) 0.5s both;
	        animation: fade-in-top 1s cubic-bezier(0.390, 0.575, 0.565, 1.000) 0.5s both;	
	padding-top: 5px !important;
	border-bottom: gray solid 1px; 
	margin-bottom:50px !important;
}

li.elementor-portfolio__filter:hover {
	color: #83786F !important;
}



/******************************
AUFZÄHLUNG
******************************/

ul { 
   padding-left: 1em;
	list-style-type: "— ";
	margin-top: -15px;
	margin-bottom: 30px; 
}





/******************************
FOOTER
******************************/

.footer a {
	color: #545564 !important;
}  

.footer a:hover {
	color: #83786F !important;
} 

 






@media (max-width: 700px) {
.elementor-163 .elementor-element.elementor-element-27836acf {
  box-shadow: 0px 0px 16px 9px rgba(0, 0, 0, 0.13);
  transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
  margin-top: 0px;
  margin-bottom: 130px;
  padding: 40px 20px 0px 20px;
  z-index: 200;
}

.elementor-37 .elementor-element.elementor-element-2fd8ee0f:not(.elementor-motion-effects-element-type-background) { 
	background-image: linear-gradient(180deg, #ffffff00 3%, #ffffff00 100%) !important;
}
	
	
	
#filter ul li { 
	font-size: 15px;
	padding: 5px 10px;
	z-index: 2; }	
	
	
	
/*
	
#filter ul { 
    height: 30px;
    width: 150px;
    border: 1px #000 solid;
}
#filter ul li { padding: 5px 10px; z-index: 2; }
#filter ul li:not(.init) { float: left; width: 130px; display: none; background: #ddd; }
#filter li:not(.init):hover, ul li.selected:not(.init) { background: #09f; }
#filter li.init { cursor: pointer; }
#filter a#submit { z-index: 1; }
		
	*/
	
	
	
}

/* saubere Worttrennung + Umbruch */
.hyphenate {
  hyphens: auto;              /* Standard */
  -webkit-hyphens: auto;      /* Safari/iOS */
  overflow-wrap: break-word;  /* bricht sehr lange Wörter/URLs */
  word-break: normal;         /* keine harten Brüche mitten im Wort */
}

/* optional: global für Fließtext/Überschriften */
.hyphenate p,
.hyphenate li,
.hyphenate h1,
.hyphenate h2,
.hyphenate h3 {
  hyphens: auto;
  -webkit-hyphens: auto;
  overflow-wrap: break-word;
}