@font-face {
  font-family: 'Quicksand';
  src: url('./assets/fonts/quicksand-regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Literata';
  src: url('./assets/fonts/literata-regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Swiza';
  src: url('./assets/fonts/swiza-regular-webfont.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}


body {
  line-height: 1.6666;
}

h1, h2, h3, h4, h5, h6 {
  line-height: 1.9999;	
}


.wp-block-post-content a {
	text-decoration-thickness:  0.1em !important;
}





.site-logo {
  width: 280px !important;
  height: auto !important;
  color: #1A1C28 !important; /* or any color you want */
  background-color: transparent !important;
  padding-top: 1%;
  padding-left: 20%;
}


.site-logo-content {
  width: 200px !important;
  height: auto !important;
  color: #1A1C28 !important; /* or any color you want */
  background-color: transparent !important;
  padding-top: 1%;
}

@media (max-width: 480px) {
	.site-logo {
	  width: 150px !important;
	  padding-left: 10%;
	}
}


@media (min-width: 480px) and (max-width: 820px) {
	.site-logo {
	  width: 220px !important;
	  padding-left: 12%;
	}
}

@media (min-width: 820px) and (max-width: 1024px) {
	.site-logo {
	  width: 250px !important;
	  padding-left: 7%;
	}
}



html {
  scroll-behavior: smooth;
}

body p a {
  font-size: 120%;;
}


/* Navigation inkl Breakpoints
$break-xlarge: 1024px;
$break-mid-tablet: 820px;
$break-small: 600px;
$break-mobile: 480px;
*/



/* Navigation Modal */
.has-modal-open .wp-block-navigation-item__content {
	  color: #f8f8f4 !important; 
}

.wp-block-navigation__responsive-container-close {
	color: #f8f8f4 !important; 
}

/* check for close button */
.wp-block-navigation.is-responsive .wp-block-navigation__container > li:not(:first-child)::before {
  height: 0px !important;
  display:none !important;
}


.wp-block-navigation.is-responsive .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content {
	width: 80% !important;
}

@media (min-width: 1024px) and (max-width: 1500px) {
	.wp-block-navigation.is-responsive .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content {
		padding-left: 4%;
	}
}


.wp-block-navigation.is-responsive .wp-block-navigation-item__content:hover {
	color: #1A1C28 !important; 
	opacity: 0.8;
}

.wp-block-navigation.is-responsive .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content:hover {
	color: #f8f8f4 !important; 
	opacity: 0.7;
}


.wp-block-navigation.is-responsive .current-menu-item > a, .wp-block-navigation.is-responsive .active-nav-item > a {
	color: #F8F8F4 !important; 
	font-weight: 400 !important; 
	text-decoration: underline !important; 
	opacity: 0.8;
}

.wp-block-navigation.is-responsive .wp-block-navigation__responsive-container.is-menu-open .current-menu-item > a, .wp-block-navigation.is-responsive .wp-block-navigation__responsive-container.is-menu-open .current-menu-item > a {
	color: #f8f8f4 !important; 
	opacity: 0.8;
}


/* Navigation Modal */








/* === Video Section Wrapper (outer Group block) === */
.video-header {
  display: flex;
  flex-direction: column;
  height: 100vh;
  min-height: 100vh;
  position: relative;
  overflow: hidden;
}

/* === Inner Content Wrapper (mimics wp-block-cover__inner-container) === */
.video-header .video-content {
  display: flex;
  flex-direction: column;
  justify-content: center; /* default vertical */
  align-items: center;     /* default horizontal */
  flex-grow: 1;
  padding: 4% 4% 10% 4%;
  width: 100%;
  max-height: 100%;
  box-sizing: border-box;
  position: relative;
  z-index: auto !important;
  background: transparent !important;
}

/* === Alignment Modifiers: Horizontal */
.video-header.is-position-left .video-content {
  align-items: flex-start;
  text-align: left;
}

.video-header.is-position-right .video-content {
  align-items: flex-end;
  text-align: right;
}

.video-header.is-position-center .video-content {
  align-items: center;
  text-align: center;
}

/* === Alignment Modifiers: Vertical */
.video-header.is-position-top .video-content {
  justify-content: flex-start;
}

.video-header.is-position-bottom .video-content {
  justify-content: flex-end;
}


.video-header.is-position-center .video-content {
  justify-content: center;
}

/* === Combined Position Example */
.video-header.is-position-bottom-left .video-content {
  justify-content: flex-end;
  align-items: flex-start;
  text-align: left;
}

.video-header.is-position-bottom-right .video-content {
  justify-content: flex-end;
  align-items: flex-end;
  text-align: right;
}




/* === Video Backgrounds === */
.video-desktop,
.video-mobile {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 0;
  border: none;
  margin: 0;
  padding: 0;
  max-width: none;
  max-height: none;
  box-shadow: none;
}



.video-desktop video,
.video-mobile video {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  object-fit: cover;
  z-index: -1;
}



.video-desktop {
  display: none;
}

.video-mobile {
  display: none;
}

@media (min-width: 769px) {
  .video-desktop { display: block; }
}

@media (max-width: 768px) {
  .video-mobile { display: block; }
}

/* === Headings & Text Colors === */
.video-header h1,
.video-header h2,
.video-header p,
.video-header .wp-block-button__link {
  z-index: 1;
  position: relative;
}

/* === Remove inherited constraints from layout system === */
.video-content.is-layout-constrained {
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.blend {
    mix-blend-mode: difference;
    color: white;
    z-index: 1;
    position: relative;
	transform: translate3d(0,0,0);
}




.cmplz-cookiebanner .cmplz-buttons .cmplz-btn {
	font-family: 'Swiza';
	font-size: 1.1em !important;
	font-weight: 700;
	height: 35px !important;
	padding-top: 2px !important;
	padding-bottom: 2px !important;
}



/* === Navigation für cover pages === */
.over-navbar {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 10;
  display: flex;
  justify-content: space-between;
  align-items: center;
  box-sizing: border-box;

  /* ✨ Match the page container */
  padding-left: var(--wp--custom--gap--horizontal);
  padding-right: var(--wp--custom--gap--horizontal);
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;

  background: transparent;
}




.is-sticky-header {
	padding-left: 20px;	
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 999;
  background-color: rgba(248, 248, 244, 0.5);
  backdrop-filter: blur(5px); /* For background blur */
  -webkit-backdrop-filter: blur(5px); /* Safari support */
}



.is-sticky-header::after {
  content: "";
  position: absolute;
  bottom: -20px;
  left: 0;
  width: 100%;
  height: 20px;
  pointer-events: none;
  background: linear-gradient(to bottom, rgba(226, 229, 200, 0.3), transparent);
  z-index: -1;
}

/* === button styles === */
.wp-block-button.is-style-outline.bg-none .wp-block-button__link:hover, 
.wp-block-button.is-style-outline.bg-none .wp-block-button__link:focus,
.wp-block-button.is-style-outline.bg-none .wp-block-button__link.has-focus {
    background-color: transparent !important; /* your hover background color */
}


.wp-block-button.custom-bg .wp-block-button__link:hover,
.wp-block-button.custom-bg .wp-block-button__link:focus {
    background-color: #1A1C28 !important; /* your hover background color */
}

.wp-block-button.is-style-fill .wp-block-button__link{
	font-family: 'swiza';
	color: #F8F8F4;
	background-color: #3158A1;
}

.wp-block-button.is-style-fill a.wp-block-button__link:hover,
.wp-block-button.is-style-fill a.wp-block-button__link:focus,
.wp-block-button.is-style-fill a.wp-block-button__link:hover.has-focus {
	background-color: #AEB2A6 !important;
	color: #F8F8F4 !important;
}


.wp-block-separator {
	background-color: #1a1c28 !important;
	height:   0.1em !important;
}

.big-hr {
	height:   0.15em !important;	
}

/* Navigation inkl Breakpoints
$break-xlarge: 1024px;
$break-mid-tablet: 820px;
$break-small: 600px;
$break-mobile: 480px;
*/

@media (max-width: 599px) {
  .top-spacer {
    max-height: 15vh !important;
	height: 15vh !important;
  }
  
  body p {
  	font-size: 120%;
  }
  
  h1 {
	  font-size: 250%;
  }
  
  
}

@media (max-width: 819px) {
  .top-spacer {
    max-height: 15vh !important;
	height: 15vh !important;
  }
}


@media (max-width: 1023px) {
  .top-spacer {
    max-height: 15vh !important;
	height: 15vh !important;
  }
}

@media (min-width: 1024px) {
  .top-spacer {
    max-height: 20vh !important;
	height: 18vh !important;
  }
}