/* Std.-Cookie-Notice JS-Einblendung deaktivieren*/
#cookie-notice.cookie-notice-visible.cn-effect-none, #cookie-notice.cookie-revoke-visible.cn-effect-none {
    -webkit-animation-name: none;
    animation-name: none;
}

/*Main-Container und Cookie-Notice ausblenden vor JS-Einblendung*/
custom-background, #page, .page-title-bar .inner-wrap{
	display:none;
}
@media only screen and (min-width: 768px) {
.site-branding{
	box-shadow: #175E7D 0px 0px 20px 2px;
    padding: 7px 40px;
    border-radius: 10px;
    margin: -18px 0px 0px -90px;
    background-image: linear-gradient(hsl(215deg 61.29% 85.76% / 90%) 0%, hsla(215,30%,70%,0) 50%, hsl(215deg 28.95% 70.08% / 90%) 100%);
    position: absolute;
    z-index: 99999;
}
}

#page{
	max-width: 1138px;
	opacity:0.98;
}


/*Abstand Content oben*/
#main {
  padding-top: 0px;
}

#cookie-notice{
	opacity:0;
    background-color: rgba(75, 71, 72, 0.98);	
}

.cn-close-icon, .icon-search {
    display:none;

}

#cookie-notice a, #cookie-notice a:hover, #cookie-notice a:active , #cookie-notice a:visited, #cookie-notice a:focus{
	color:#fff;
	text-decoration:none;
}
/*Cookie-Banner*/ 
.cookie-notice-container {
  box-shadow: 0px 0px 5px black;
}

#cookie-notice {
  min-width:30%;
  width: 30%;
  margin-top: 170px;
  margin-left: 35%;
  margin-right: 35%;
}

.mycookiebuttons{
    padding: 5px 10px;
    border-radius: 5px;
    text-decoration: none;
}



#cn-accept-cookie{
    background-color: #4fb205;
}

#cn-refuse-cookie{
	background-color: #696e6e;
	color:#c1c1c1;
	
}

@media only screen and (min-width: 961px) {
	#cn-accept-cookie{
	/*float: right;*/
	}
}

/*Cookie-Banner Smartphones/Tablets*/
@media only screen and (max-width: 960px) {
	
	/*Cookie-Banner mit größerer Breite*/
	#cookie-notice {
	  min-width:60%;
	  width: 80%;
	  margin-left: 10%;
	  margin-right: 10%;
	}

}

/*NAVIGATION ab Tablet*/
@media only screen and (min-width: 961px) {
	
		/* Hauptmenü Abstand oben*/
		.main-navigation {
			padding-top: 25px;
		}
	
		/* Hauptmenü ebene*/
		/* ------------------------*/
		
		.nav-menu > ul > li > a, .menu > ul > li > a {

			line-height: 50px;
			height: 88px;
			font-size: 15px;
			font-weight: bold;
		}
		.nav-menu ul li{

			background-image: linear-gradient(hsl(215deg 61.29% 85.76% / 90%) 0%, hsla(215,30%,70%,0) 50%, hsl(215deg 28.95% 70.08% / 90%) 100%);
			margin-bottom: -7px;
		}
		
		.nav-menu > ul > li:hover {
		  cursor: pointer;
		  
		  background-color:#8c9bad;
		  -webkit-transition: background-color 0.2s ease-out;
		  -moz-transition: background-color 0.2s ease-out;
		  -o-transition: background-color 0.2s ease-out;
		  transition: background-color 0.2s ease-out;	
		}	
		
		.nav-menu ul:first-child >li {
			
			height: 50px;
			margin-left: 5px;
			padding-right: 21px;
			padding-left: 19px;
			padding-bottom: 5px;
			border-radius: 0px;
			border: #cdcdcd solid 1px;
			box-shadow: 1px 1px 3px #000;
			font-size: 14px;
		}
		/* Hauptmenü ebene:hover*/
		.nav-menu ul:first-child >li:hover{
			
			 background-color: #f4f6ff;
			 
        }
		.nav-menu ul:first-child >li:last-child:hover{
			
			 background-color: #60B71D;
			 
        }		
		/*Hauptmenü ebene - letzter Menüpunkt*/
		.main-navigation ul li:last-child{

			background-color:#60B71D;
		}
		.main-navigation ul li:last-child a, .main-navigation ul li:last-child a:hover, .main-navigation ul li:last-child aactive, .main-navigation ul li:last-child a:visited, .main-navigation ul li:last-child a:focus{
			
			color:#fff;
		}

		/* erstes Untermenü*/
		/* ------------------------*/
		.main-navigation ul ul {
			
			top:55px;
			margin-left: -20px;
			border-top: #333 solid 0px;
						
		}
		
		.nav-menu ul ul li {
			
		  border: #333 solid 0px;
		  box-shadow: 1px 1px 3px #000;
		  
		  font-weight:bold;
		}
		
		.nav-menu ul ul li a{	
		
		  min-width:230px;
		  min-height:40px;
		
		  background-color:#fff;
		  -webkit-transition: background-color 0.2s ease-out;
		  -moz-transition: background-color 0.2s ease-out;
		  -o-transition: background-color 0.2s ease-out;
		  transition: background-color 0.2s ease-out;		  
		}	
		.nav-menu ul ul li a:hover {
		  cursor: pointer;
		  background-color:#8c9bad;
		  color:#fff;
		  /*-webkit-transition: color 0.2s ease-in;
		  -moz-transition: color 0.2s ease-in;
		  -o-transition: color 0.2s ease-in;
		  transition: color 0.2s ease-in;		  */
		}	

        /*letzter Menüpunkt ausgeblendet*/
		.nav-menu ul ul li:last-child {
			
		  display:none;
		} 
}		


@media only screen and (max-width: 768px) {
	
			.nav-menu{
			background-image: linear-gradient(to right, rgba(255,0,0,0), rgb(207 207 207));
			}
			.sub-menu{
			background-image: linear-gradient(to right, rgb(255 251 251), rgb(165 162 162));
			}
			
		 /*letzter Menüpunkt ausgeblendet*/	
		.nav-menu ul ul li:last-child {
			
		  display:none;
		} 			
	
}


/* H2 Page-Titel*/
.elementor-widget-container h2{
  background-image: linear-gradient(90deg, white 0%, #ffebc6 50%, white 100%);
  padding: 10px 0px;
}

@media only screen and (max-width: 768px) {
	
	body .custom-background {
    background-repeat: repeat-y;
	}

	.elementor-heading-title{
		font-size: 1.7 em;
	}
	
	#content .elementor-widget-container,
	.elementor-41 .elementor-element.elementor-element-98e16f7 > .elementor-widget-container{
    margin: 0%;
	padding:0px;
	}
	
	.elementor-41 .elementor-element.elementor-element-fd78855 .elementor-heading-title,
    .elementor-831 .elementor-element.elementor-element-b5e2df1 .elementor-heading-title,
	.elementor-479 .elementor-element.elementor-element-dc63844 .elementor-heading-title,
	.elementor-794 .elementor-element.elementor-element-cb0a992 .elementor-heading-title,
	.elementor-814 .elementor-element.elementor-element-9318086 .elementor-heading-title,
	.elementor-207 .elementor-element.elementor-element-83bc9e6 .elementor-heading-title,
	.elementor-207 .elementor-element.elementor-element-72f6492 .elementor-heading-title,
	.elementor-205 .elementor-element.elementor-element-dd17523 .elementor-heading-title {
		line-height: 25px;
		font-size: 1.7em;
	}	
	
    .elementor-198 .elementor-element.elementor-element-c521d75 .elementor-heading-title	{
		line-height: 25px;
		font-size: 1.5em;		
	}	

	.elementor-column-gap-default>.elementor-column>.elementor-element-populated {
		padding: 0px;
	}	
	
	#myiframe31_container{
		margin-left:-20px;
	}
	
	#post-198 ul{
		margin-left:-30px;
	}
	#post-198 ul .elementor-icon-list-icon{
		padding-right:0px;
		padding-left:15px;
	}
	#post-198 ul .fa-check-circle:before{
		font-size:35px;	
		padding-left:5px;
	}
	.elementor-479 .elementor-element.elementor-element-c2780aa .elementor-icon-box-title, .elementor-479 .elementor-element.elementor-element-c2780aa .elementor-icon-box-title a {
		font-family: "Roboto", Sans-serif;
		font-size: 1.4em;
		font-weight: 600;
		line-height: 22px;
		padding: 5px;
	}	
}

p {
	color: #555B62;
}

p strong, p b{
	color: #5e6bab;
}



/*Footer*/
#colophon, #colophon .widget a, #colophon a , #colophon a:hover , #colophon a:active , #colophon a:visited , #colophon a:focus {
	
	color: #eeeeee;
}
.copyright, .copyright a span, .copyright a , .copyright a:hover, .copyright a:active, .copyright a:visited, .copyright a:focus {
	
	color: #666;
}


a , a:visited, a:active,a:focus, a:hover{ 
	
	color:#5FB41D;
	
}
.elementor-widget-heading > a{
	color:#5FB41D;
}

/*CSS-Animations*/

.tracking-in-contract {
	-webkit-animation: tracking-in-contract 2.8s cubic-bezier(0.215, 0.610, 0.355, 1.000) both;
	        animation: tracking-in-contract 2.8s cubic-bezier(0.215, 0.610, 0.355, 1.000) both;
}
* ----------------------------------------------
 * Generated by Animista on 2022-6-23 11:23:29
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation tracking-in-contract
 * ----------------------------------------
 */
@-webkit-keyframes tracking-in-contract {
  0% {
    letter-spacing: 3em;
    opacity: 0;
  }
  40% {
    opacity: 0.6;
  }
  100% {
    letter-spacing: normal;
    opacity: 1;
  }
}
@keyframes tracking-in-contract {
  0% {
    letter-spacing: 3em;
    opacity: 0;
  }
  40% {
    opacity: 0.6;
  }
  100% {
    letter-spacing: normal;
    opacity: 1;
  }
}

.scale-in-center {
	-webkit-animation: scale-in-center 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: scale-in-center 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

/* ----------------------------------------------
 * Generated by Animista on 2022-6-29 13:1:52
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation scale-in-center
 * ----------------------------------------
 */
@-webkit-keyframes scale-in-center {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}
@keyframes scale-in-center {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}