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

.fadeInUp {
	animation-name:fadeUp;
	animation-timing-function:cubic-bezier(.215,.61,.355,1);
}
.fadeInDown {
	animation-name:fadeDown;
	animation-timing-function:cubic-bezier(.215,.61,.355,1);
}

@keyframes fadeUp {
	from{
		opacity: 0;
    	transform: translate3d(0, 25px, 0);
	}
	to{
		opacity: 1;
    	transform: none;
	}
}

@keyframes fadeDown {
	from{
		opacity: 0;
    	transform: translate3d(0, -25px, 0);
	}
	to{
		opacity: 1;
    	transform: none;
	}
}

html {
	overflow-x:hidden;
}
/*--------------------------------------------------------------
# Header, Logo
--------------------------------------------------------------*/

/* Default header */
header#masthead {
	  background: transparent;
	  position: fixed !important;
	  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 {
	background: rgba(0,0,0,.7);
    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;
}

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
.navbar-toggle {
	position:relative;
	z-index:2;
}


.navbar-main-nav {
    position: absolute;
    top: 0;
    right: 0;
    width: 0;
    height: 100vh;
    background-image: url(/wp-content/uploads/2026/03/Rectangle-64.jpg);
	background-size:cover;
    transition: all .3s ease-out;
    overflow: hidden;
    opacity: 0;
    visibility: hidden;
}

header#masthead.showNav .navbar-main-nav {
    opacity: 1;
    width: 50%;
    visibility: visible;
    transition: all .3s ease-out;
    z-index: 1;
}


.lang-item {
	list-style:none;
	margin-top:5px;
	margin-right:10px;
	padding:0;
	display:inline-block;
	position:relative;
}
.lang-item a {
	color:#fff;
}
.lang-item.current-lang a {
	font-weight:800;
}
.lang-item.lang-item-first::after {
	position:absolute;
	content:'/';
	top:0;
	right:-10px;
	color:#fff;
}
/*--------------------------------------------------------------
# Typo
--------------------------------------------------------------*/

h2, .folder-icon .elementor-icon-box-title {
	position:relative;
}

h2::before,
.folder-icon .elementor-icon-box-title::before {
	position:absolute;
	content:'';
	width:30px;
	height:6px;
	background:var(--blue);
	bottom:-5px;
	left:-12px;
}

.folder-icon .elementor-icon-box-title::before {
	background:var(--white);
	height:4px;
}

/*--------------------------------------------------------------
# Startseite
--------------------------------------------------------------*/

.anwendung-list b {
	color: var(--blue);
}

.white-box {
	position:relative;
	z-index:1 !important;
}

.white-box::after {
	position:absolute;
	content:'';
	width:200%;
	height:100%;
	background: var(--white);
	right:0;
	top:0;
	z-index:-1;
}

.use_cases-template-default .featured-image {
	display:none !important;
}
.entry-content:not(:first-child), .entry-summary:not(:first-child), .page-content:not(:first-child) {
	margin-top:0;
}

@media only screen and (max-width:600px) {
	header#masthead.showNav .navbar-main-nav {
    	width: 100%;
	}
	
	.map-mobile {
		position:absolute;
	}
}