/* ==========================================================================
   Author's custom styles
   ========================================================================== */
/* Fonts */
@font-face {
  font-family: 'amatic';
  src: url('../fonts/amatic-sc-v26-latin-regular.eot'); /* IE9 Compat Modes */
  src: url('../fonts/amatic-sc-v26-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/amatic-sc-v26-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('../fonts/amatic-sc-v26-latin-regular.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */ url('../fonts/amatic-sc-v26-latin-regular.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ url('../fonts/amatic-sc-v26-latin-regular.svg#Urbanist') format('svg'); /* Legacy iOS */
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'urbanistregular';
  src: url('../fonts/urbanist-v15-latin-regular.eot'); /* IE9 Compat Modes */
  src: url('../fonts/urbanist-v15-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/urbanist-v15-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('../fonts/urbanist-v15-latin-regular.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */ url('../fonts/urbanist-v15-latin-regular.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ url('../fonts/urbanist-v15-latin-regular.svg#Urbanist') format('svg'); /* Legacy iOS */
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'urbanist700';
  src: url('../fonts/urbanist-v15-latin-700.eot'); /* IE9 Compat Modes */
  src: url('../fonts/urbanist-v15-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/urbanist-v15-latin-700.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('../fonts/urbanist-v15-latin-700.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */ url('../fonts/urbanist-v15-latin-700.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ url('../fonts/urbanist-v15-latin-700.svg#Urbanist') format('svg'); /* Legacy iOS */
  font-weight: normal;
  font-style: normal;
}
/* Navbar brand seperate from navigation (used)*/
.navbar-brand-seperate {
  text-align: center;
}
/* wrapper for prevent x-scrolling on iOS (used) */
.overflow-x-wrapper {
  overflow-x: hidden;
  position: relative;
  ;
}
/* Main Content (used) */
.container-primarycontent {
  width: 100%; /* Falls nötig, um die volle Breite zu nutzen */
  padding: 40px;

}
/* Footer (Used) */
.footer {
  position: relative;
  background-color: #64665c;
  height: 500px;
  padding: 40px 0px 0px 0px;
  color: #ffffff;

}
/* Contact form spam protection */
.honeypot {
  position: absolute;
  left: -9999px;
}
/* Preheader */
.container-preheader {
  background: #516A98;
  padding: 20px 0px 20px 0px;
  text-align: left;
  color: #ffffff;
  min-height: 100px;
  display: flex;
  align-items: center;
  top: 0;
  z-index: 4;
  width: 100%;
}
/* Preheader Link */
.container-preheader a {
  display: inline-block;
  color: #ffffff;
}
.container-preheader a:hover {
  display: inline-block;
  color: #ffffff;
}
/* Header */
.headerbg {
  height: 375px;
  width: 100%;
  background-color: #ffffff;
  position: relative;
}
/* CTA */
.cta {
  background-image: url(../../media/header/ctabg.png);
  color: #ffffff;
  padding: 12px 0px 10px 10px;
  font-size: 1rem;
  height: 50px;
  width: 230px;
  position: fixed;
  bottom: 25px;
  z-index: 99;
}
/* Custom Styles (im Standard löschen) */


.fullheight {
  min-height: 100vh; /* Mindestens die gesamte Viewport-Höhe */
  display: flex; /* Flexbox aktivieren */
  justify-content: center; /* Horizontale Zentrierung */
  align-items: center; /* Vertikale Zentrierung */
  transition: all 1s ease;

}
.bg-video {
  position: absolute;
  width: 100vw;
  height: 100vh;
  object-fit: cover; /* Schneidet das Video passend zu */
  z-index: -1; /* Legt das Video hinter den Content */
}