/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */
html,  body {
    overflow-x: hidden;
}
#footer ul {
	list-style-type: none;
	padding-left:0px;
}
.overflowxhidden {
	overflow-x: hidden !important;
}
 
#footer .elementor-sitemap-wrap .elementor-sitemap-title.elementor-sitemap-page-title {
	display:none;
}
#footer ul li {
	padding:5px 0px;
}
#footer ul li a{
	text-decoration: none;
}
#footer ul li a:hover{
	text-decoration: underline;
}
.footerhead {
	font-size:21px;
	color:#ccc;
}
a.rcb-sc-link {
	padding:8px 16px;
	border:2px solid var(--e-global-color-primary);
	margin-right:10px;
	transition:0.3s;
	border-radius:6px;
	   display: inline-block;
    margin-top: 20px;
}
a.rcb-sc-link:hover {
	
	background:var(--e-global-color-primary);
	color:white;

}
a {

  color:var(--e-global-color-primary);
}
a:hover {

  color:var(--e-global-color-primary);
  text-decoration: none;
}
header.elementor-sticky.elementor-sticky--effects div.elementor-menu-toggle i.elementor-menu-toggle__icon--open,
header.elementor-sticky.elementor-sticky--effects div.elementor-menu-toggle i.elementor-menu-toggle__icon--close {

color: var(--e-global-color-secondary);

}
header.elementor-sticky div.elementor-menu-toggle i.elementor-menu-toggle__icon--open,
header.elementor-sticky div.elementor-menu-toggle i.elementor-menu-toggle__icon--close  {

color: white;

}
#content .wavebg:after{
	   content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top:0;
    left:0;
 

	    background-image: url(https://innovelop.de/wp-content/uploads/2024/05/innovelop-wave-3.svg);
    background-position: 30% 100.3%;
    background-repeat: no-repeat;
    background-size: 120% auto;
    opacity: 1;
    transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
}


  #content .page-content .elementor-element.pinkewelle {
    background-image:url(https://innovelop.de/wp-content/uploads/2024/05/innovelop-wave-oben.svg),url(https://innovelop.de/wp-content/uploads/2024/05/innovelop-wave-3.svg), linear-gradient(158deg, var(--e-global-color-primary) 0%, #c54b61 100%) !important;
     background-repeat: no-repeat, no-repeat,no-repeat;
     background-attachment: contain,contain,auto;
     background-size: 120% auto,120% auto ,auto !important;
    background-position: 50% -0.5%, 50% 100.5% !important;
}  
   


@media (max-width: 1024px) {
#content .leistungoverlay .elementor-background-overlay{
background-image: linear-gradient(101deg, #234B5C 30%, #234b5c85 150%);
}
#content .boxtitel .elementor-heading-title{
	hyphens:auto;

}
.tablethyphens {
		hyphens:auto !important;
}
}


@media (max-width: 767px) {
#content .leistungoverlay .elementor-background-overlay{
background-image: linear-gradient(101deg, #234B5C 30%, #234b5c85 150%);
}
#content .heroimg::after {
        display: block;
        content: '';
        background: url(https://innovelop.de/wp-content/uploads/2024/06/innovelop-wave-2-green-1.svg);
        height: 50px;
        background-size: cover;
        width: calc(100% + 20px);
        position: absolute;
        bottom: 0px;
        left: -10px;
        background-repeat: no-repeat;
        background-position: 30% 105%;
        background-size: 120%;
}
#content .page-content .bluebg .elementor-widget-container {
	padding-top:20px;
}
}

@media only screen and (min-width: 1921px) {
#content #herostart .e-con-inner{
	--min-height:768px;
}
#herostart .elementor-spacer-inner{
--spacer-size:90px;
}
#content #heroleistungen  .elementor-container{
	min-height:700px;
}
#content #heroleistungen {
	padding-bottom: 120px;
}
}


@media (max-width: 767px) {
	#content #heroleistungen  .elementor-container{
	min-height:300px;
}
 a.rcb-sc-link {

	   display: block;
    margin-top: 40px;
    text-align: center;
}
 a.rcb-sc-link:first-child {

	
    margin-top: 0px;

}
}

@media (max-width: 520px) {

#content .elementor-heading-title {
hyphens:auto;
}