:root {
  --blue: #00A3DA;
  --default: #636363;
  --white: #fff;
}






/*--------------------------------------------------------------
# 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;
	  box-shadow:1px 1px 1px rgb(0 0 0 / 5%)
}
header#masthead.scrollUp {
	  transform: translateY(-100%);
	  transition: all .5s;
}

header#masthead.scroll-it {
	padding:0;
    transition: all .5s;
	backdrop-filter: blur(10px);
}
header#masthead .header-image {
	transition: all .5s;
}

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


/*--------------------------------------------------------------
# Typo
--------------------------------------------------------------*/

h2 {
	position:relative;
}

/*--------------------------------------------------------------
# Animation
--------------------------------------------------------------*/
.fadeInDown {
	animation-name: fadeInDown2 !important;
}
@keyframes fadeIN {
	from {opacity:0; transform: translateY(-20px);}
	to {opacity:1; transform: translateY(0px);}
}
@keyframes fadeInDown2 {
	from {opacity:0; transform: translate3d(0,-30px,0);}
	to {opacity:1; transform: translateY(0px);}
}


/*--------------------------------------------------------------
# Startseite
--------------------------------------------------------------*/
.number-percentage-wraper {
	display:none;
}

ol, ul {
	margin-left: 25px;
}
/*--------------------------------------------------------------
# Contact
--------------------------------------------------------------*/
.elementor-image-box-wrapper {
	position:relative;
}
.elementor-image-box-content {
	position:relative;
	margin-left: 30px;
    margin-top: -100px;
    margin-bottom: 35px;
	background:var( --e-global-color-primary );
	padding:20px 23px 30px;
	width:100%;
	max-width:320px;
}
.elementor-image-box-title {
	min-height:47px;
}

.wpcf7-form p {
	display:flex;
	gap:10px;
	margin-bottom:0;
	color:#fff;
}
.wpcf7-form label {
	display:block;
	width:100%;
}
.wpcf7-form .label-name, .wpcf7-form .label-phone {
	display:block;
	width:50%;
}
.wpcf7-form input, .wpcf7-form input[type=email], textarea {
	width:100%;
	background:rgba(255,255,255,.3);
	color:#fff;
	font-family:'Merriweather Sans';
	border:1px solid transparent;
	font-size:16px;
}

.wpcf7-form input::placeholder, .wpcf7-form input[type=email]::placeholder, textarea::placeholder {
	color: rgba(255,255,255,.8);
	font-size:12px;
}

.wpcf7-form input:focus, .wpcf7-form input[type=email]:focus, textarea:focus {
	border-radius:0;
	background:#fff;
	color:var( --e-global-color-primary );
	outline:0;
}

textarea {
	height:110px;
}
.wpcf7-list-item {
	margin:0;
}

.wpcf7-form .hint {
	color: rgba(255,255,255,.8);
	font-size:11px;
	font-weight:300;
	
}
.wpcf7-form .hint label {
	display:flex;
	align-items:start;
	margin-top:5px;
	margin-bottom:15px;
	line-height:1.3;
}
.wpcf7-form .hint input {
	appearance:none;
	width: 25px;
	height:15px;
	margin-top:3px;
	margin-right:10px;
	border-radius:0;
	border:2px solid transparent;
	background:rgba(255,255,255,.3);
}
.wpcf7-form .hint input:checked {
	background:rgba(255,255,255,1);
	border:3px solid var( --e-global-color-primary );
	outline: 2px solid #fff;
}

.wpcf7-form input[type=submit] {
	color: var( --e-global-color-primary ) !important;
	background:#fff !important;
	border: 1px solid #fff !important;
	font-size:14px !important;
	width:200px;
	padding:6px 20px !important;
	transition: all .3s ease;
}

.wpcf7-form input[type=submit]:hover {
	color:#fff !important;
	background:transparent !important;
	transition: all .3s ease;
}