/*
Theme Name: Hello Elementor Child
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-elementor
Author: Elementor Team
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 3.4.4.1753797789
Updated: 2025-07-29 16:03:09

*/


/* roboto-condensed-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 300;
  src: url('fonts/roboto-condensed-v30-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-condensed-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/roboto-condensed-v30-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-condensed-italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto Condensed';
  font-style: italic;
  font-weight: 400;
  src: url('fonts/roboto-condensed-v30-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-condensed-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 600;
  src: url('fonts/roboto-condensed-v30-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-condensed-800 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 800;
  src: url('fonts/roboto-condensed-v30-latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}





body, html {font-family: "Roboto Condensed"; font-size: 115%; color: #555; font-weight: 300;}

.site-header {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding-block-end: 0;
  padding-block-start: 0;
  position: relative;
}

.site-header .site-branding {
  display: none; 
}

.page-header .entry-title {display: none;}

.layer_container {
	position: relative; 
	margin-top: 350px;
	display: flex;
    align-items: center; /* Vertikale Zentrierung */
    justify-content: center; /* Optionale horizontale Zentrierung */
}


.layer_container h1 {
	z-index: 5;
    color: #fff;
	height: 268px;
    font-weight: 300; 
}

h2 {
    font-weight: 300;
	color: #233c73;
}


h3 {
	font-size: 26px;
}

.layer_medium {position: absolute; left:0, top: 0; width: 100%; z-index: 3;}

.layer_light {position: absolute; left:0, top: 0; width: 100%; z-index: 2;}
.layer_light img {
  filter: drop-shadow(5px 5px 1px rgb(0 0 0 / 0.1));
}

.layer_dark {position: absolute; left:0, top: 0; width: 100%; z-index: 1;}
.layer_dark img {
  filter: drop-shadow(8px 5px 1px rgb(0 0 0 / 0.2));
}

.layer_medium, .layer_light, .layer_dark {
  margin-block-start: 0 !important;
  margin-block-end: 0 !important;
}

.groupnav {
    display: flex;
	margin-left: 50px;
	position: fixed;
	z-index: 1000;
	transition: all 0.5s ease-in-out 0ms;  
  }

.small .groupnav {
    scale: 0.5;
	transform: translate(-490px, -106px);
  }


.groupnav .fondsnet_frame {
  width: 352px;
  height: 210px;
  background: #fff;
  clip-path: polygon(0 0, 100% 0, 80% 90%, 5% 100%);
  border: 0px solid #F4F7F8;
  position: relative;
}
.groupnav .fondsnet {
  width: 350px;
  height: 210px;
  background: #f7f9fe;
  background: #f9fafc;
  clip-path: polygon(0 0, 100% 0, 80% 90%, 5% 100%);
  border: 0px solid #F4F7F8;
}

.groupnav .bn {
  width: 200px;
  height: 159px;
  background: #f3f3f3;
  clip-path: polygon(0 0, 100% 0, 100% 89%, 0 100%);
  border: 0px solid #F4F7F8;
  transition: all 0.5s ease-in-out 0ms;
  left:-60px;
	position: relative;
	z-index:-1;
}
.groupnav:hover .bn {
  left:-60px;
}
.small .groupnav .bn {
  left:-265px;
}
.small .groupnav:hover .bn {
  left:-60px;
}

.groupnav .kontor {
  width: 140px;
  height: 129px;
  background: #f3f3f3;
  clip-path: polygon(0 0, 100% 0, 100% 91%, 0 100%);
  border: 0px solid #F4F7F8;
  left:-60px;
	position: relative;
	z-index:-1;
  transition: all 0.5s ease-in-out 0ms;  
}
.groupnav:hover .kontor {
  left:-60px;
}

.small .groupnav .kontor {
  left:-535px;
}
.small .groupnav:hover .kontor {
  left:-60px;
}

.groupnav .foo {
  width: 140px;
  height: 141px;
  background: #f3f3f3;
  clip-path: polygon(0 0, 100% 0, 100% 91.8%, 0 100%);
  border: 0px solid #F4F7F8;
  left:-60px;
	position: relative;
	z-index:-1;
  transition: all 0.5s ease-in-out 0ms;  
}
.groupnav:hover .foo {
  left:-60px;
}
.small .groupnav .foo {
  left:-400px;
}
.small .groupnav:hover .foo {
  left:-60px;
}

.groupnav .reuss {
  width: 140px;
  height: 117px;
  background: #f3f3f3;
  clip-path: polygon(0 0, 100% 0, 100% 90.3%, 0 100%);
  border: 0px solid #F4F7F8;
  left:-60px;
	position: relative;
	z-index:-1;
  transition: all 0.5s ease-in-out 0ms;  
}
.groupnav:hover .reuss {
  left:-60px;
}

.small .groupnav .reuss {
  left:-675px;
}
.small .groupnav:hover .reuss {
  left:-60px;
}

.fondsnet img.logo-image {
  width: 180px;
  height: auto;
  margin-left: 65px;
  margin-top: 55px;
}
.kontor img.logo-image {
	width: 90px;
	height: auto;
	margin-left: 25px;
	margin-top: 15px;
	opacity: 0.6;
} 
.bn img.logo-image {
	width: 100px;
	height: auto;
	margin-left: 80px;
	margin-top: 20px;
	opacity: 0.6;
} 
.foo img.logo-image {
	width: 130px;
	height: auto;
	margin-left: 5px;
	margin-top: 50px;
	opacity: 0.6;
} 
.reuss img.logo-image {
	width: 120px;
	height: auto;
	margin-left: 10px;
	margin-top: 23px;
	opacity: 0.6;
} 

ul.groupnav__entries{
	list-style-type: none;
	display: flex;
	padding-left: 0;
}

ul.groupnav__entries li{
	margin-left: 2px;
}


.bg_blau {
	background-image: url('https://fondsnet.0815design.de/wp-content/uploads/2025/07/Layer_bg_blau.svg');
	background-repeat: no-repeat;
	background-position: bottom;
	background-size: 90%;
	color: #fff;
}


.imagelayer1 {
  width: 100%;
  height: 400px;
  clip-path: polygon(0 0, 100% 3%, 80% 90%, 5% 100%);
  overflow: hidden;
}





.site-footer {
	position: relative;
}

.footer-widgets-wrap {
	padding-block-end: 2.5rem !important;
  padding-block-start: 2.5rem !important;
}

.footer-widgets-wrap::before{
	content: '';
	clip-path: polygon(5% 10%, 85% 18%, 70% 90%, 0% 100%);
	background: rgba(50,95,155,0.8);
    position: absolute;
	width: 100%;
	height: 100%;
	left:0;
	top: 0;
	z-index:-1;
}

.footer-widgets-wrap::after{
	content: '';
	clip-path: polygon(30% 18%, 100% 3%, 90% 80%, 40% 70%);
	background: rgba(80,135,195,0.8);
    position: absolute;
	width: 100%;
	height: 100%;
	left:0;
	top: 0;
	z-index:-2;
}

.footer-widgets {
  max-width: 1100px;
  margin: 0 auto;
  display: flex;
	color: #fff;
}
.footer-widgets a, .footer-widgets a:hover{
	color: #fff;
}

.footer-widgets ul{
  list-style-type: none;
	padding: 0;
}

.footer-widget-column{
  width: 25%;
}

@media (min-width: 1400px) {
  .page-header .entry-title, .site-footer .footer-inner, .site-header .header-inner, .site-header:not(.dynamic-header),        body:not([class*="elementor-page-"]) .site-main {
    max-width: 1340px;
  }
	
 .site-footer:not(.dynamic-footer) {
    max-width: 90%;
  }
}