:root {
  --light: #009EE1;
  --blue: #032132;
  --default: #141414;
  --white: #fff;
}





html, body {
	overflow-x: hidden;
}

a, a:hover {
	transition:all .3s ease;
}

.elementor-widget-image-carousel .swiper .swiper-slide figure {
	line-height:0
}
/*--------------------------------------------------------------
# Header, Logo
--------------------------------------------------------------*/

/* Default header */
header#masthead {
	  position: fixed;
	  z-index: 9;
	  width: 100%;
	  box-shadow: none;
	  padding: 0;
	  transform: translateY(0%);
	  transition: all .3s ease-out;
}
header#masthead.scrollUp {
	  transform: translateY(-100%);
	  transition: all .5s;
}

header#masthead.scroll-it {
	padding:0;
    transition: all .5s;
	backdrop-filter: blur(10px);
	box-shadow:2px 2px 4px rgba(0,0,0,.1);
}
header#masthead .header-image {
	top:20px;
	position: absolute;
	transition: all .5s;
}

header#masthead.scroll-it .header-image {
	top:8px;
	width: 115px;
	transition: all .5s;
}

.inside-header {
	padding:10px 40px;
}


.main-navigation .main-nav ul li a {
	font-weight:600;
	font-size:17px;
}
/*--------------------------------------------------------------
# Typo
--------------------------------------------------------------*/



/*--------------------------------------------------------------
# Animation
--------------------------------------------------------------*/
.fadeInDown {
	animation-name: fadeInDown2 !important;
}
.fadeInUp {
	animation-name: fadeInUp2 !important;
}
@keyframes fadeIN {
	from {opacity:0; transform: translateY(-10px);}
	to {opacity:1; transform: translateY(0px);}
}
@keyframes fadeInDown2 {
	from {opacity:0; transform: translate3d(0,-20px,0);}
	to {opacity:1; transform: translateY(0px);}
}
@keyframes fadeInUp2 {
	from {opacity:0; transform: translate3d(0,20px,0);}
	to {opacity:1; transform: translateY(0px);}
}
/*--------------------------------------------------------------
# Startseite
--------------------------------------------------------------*/
#info-open {
	cursor:pointer;
}
#info-box {
	width:90%;
	max-width:500px;
	transition: all .5s ease;
}
#info-box.close {
	height:0;
	padding-top:0;
	padding-bottom:0;
	overflow:hidden;
	opacity:0;
	transition: all .5s ease;
}

.overflow {
	overflow:hidden;
}
.leistungen-box .elementor-image-box-img {
	border-radius:0 15px 0 15px;
	overflow:hidden;
}

.leistungen-box h3 a{
	position:absolute;
	left:0;
	bottom:40px;
	background:rgba(3, 77, 115, .6);
	width:100%;
	border-radius: 0 20px 0 20px;
	padding:13px;
}

.leistungen-box:hover a {
	padding:33px 13px;
}


.service-link {
	position:relative
}

.service-link::before {
	position:absolute;
	content:'';
	width:100%;
	height:120%;
	top:-10%;
	left:0;
	border-radius:10px;
	background:transparent;
	transition: all .75s ease;
}

.service-link:hover::before {
	background:var(--light);
	transition: all .75s ease;
}


.elementor-kit-7 .elementor-button:hover {
	padding-right:30px;
}

@media only screen and (max-width:830px) {
	
	.site-header .header-image {
		width:150px;
	}
}