.elementor-kit-10{--e-global-color-primary:#1E398E;--e-global-color-secondary:#3564DB;--e-global-color-text:#D3DAE6;--e-global-color-accent:#1F1F1F;--e-global-color-4e32d75:#F5F5F5;--e-global-color-1fb186a:#070A14;--e-global-color-e52eebb:#151D33;--e-global-color-eabb57e:#1C1F2B;--e-global-color-856a4a8:#9EAEC7;--e-global-color-7cd8fa1:#232426;--e-global-color-f0e6b95:#232C3F;--e-global-color-7832c40:#44526F;--e-global-color-2021546:#081746;--e-global-color-742b9f4:#13151F;--e-global-color-5c0b20b:#232D49;--e-global-typography-primary-font-family:"Raleway";--e-global-typography-primary-font-size:clamp(1.961rem, 1.555rem + 1.806vw, 3.18rem);--e-global-typography-primary-font-weight:500;--e-global-typography-primary-line-height:115%;--e-global-typography-secondary-font-family:"Raleway";--e-global-typography-secondary-font-size:clamp(1.836rem, 1.548rem + 1.28vw, 2.7rem);--e-global-typography-secondary-font-weight:500;--e-global-typography-secondary-line-height:115%;--e-global-typography-text-font-family:"Raleway";--e-global-typography-text-font-size:clamp(1.7rem, 1.4333rem + 1.1852vw, 2.5rem);--e-global-typography-text-font-weight:500;--e-global-typography-text-line-height:120%;--e-global-typography-accent-font-family:"Raleway";--e-global-typography-accent-font-size:clamp(1.55rem, 1.2833rem + 1.1852vw, 2.35rem);--e-global-typography-accent-font-weight:500;--e-global-typography-accent-line-height:120%;--e-global-typography-e4dc6c7-font-family:"Raleway";--e-global-typography-e4dc6c7-font-size:clamp(1.4rem, 1.2rem + 0.8889vw, 1.9rem);--e-global-typography-e4dc6c7-font-weight:500;--e-global-typography-e4dc6c7-line-height:120%;--e-global-typography-bf83a30-font-family:"Raleway";--e-global-typography-bf83a30-font-size:clamp(1.125rem, 0.975rem + 0.6667vw, 1.575rem);--e-global-typography-bf83a30-font-weight:500;--e-global-typography-bf83a30-line-height:120%;--e-global-typography-6b6eaa6-font-family:"Raleway";--e-global-typography-6b6eaa6-font-size:clamp(1.2rem, 1.15rem + 0.2422vw, 1.3rem);--e-global-typography-6b6eaa6-font-weight:500;--e-global-typography-6b6eaa6-line-height:120%;--e-global-typography-78d70bf-font-family:"Raleway";--e-global-typography-78d70bf-font-size:clamp(1.05rem, 1rem + 0.6789vw, 1.15rem);--e-global-typography-78d70bf-font-weight:400;--e-global-typography-78d70bf-text-transform:uppercase;--e-global-typography-78d70bf-line-height:120%;--e-global-typography-78d70bf-letter-spacing:0.14rem;--e-global-typography-2437125-font-family:"Raleway";--e-global-typography-2437125-font-size:clamp(1rem, 0.9583rem + 0.1852vw, 1rem);--e-global-typography-2437125-font-weight:400;--e-global-typography-2437125-line-height:140%;--e-global-typography-727df85-font-family:"Raleway";--e-global-typography-727df85-font-size:clamp(0.9rem, 0.8083rem + 0.1452vw, 0.805rem);--e-global-typography-727df85-font-weight:400;--e-global-typography-727df85-line-height:140%;--e-global-typography-88558fb-font-family:"Raleway";--e-global-typography-88558fb-font-size:clamp(1.15rem, 1.1rem + 0.2222vw, 1.2rem);--e-global-typography-88558fb-font-weight:400;--e-global-typography-88558fb-line-height:140%;--e-global-typography-096b8fe-font-family:"Raleway";--e-global-typography-096b8fe-font-size:clamp(1.008rem, 0.966rem + 0.1867vw, 1.008rem);--e-global-typography-096b8fe-font-weight:500;--e-global-typography-096b8fe-line-height:100%;--e-global-typography-dd49410-font-family:"Raleway";--e-global-typography-dd49410-font-size:clamp(1.0318rem, 0.9887rem + 0.1911vw, 1.0318rem);--e-global-typography-dd49410-font-weight:500;--e-global-typography-dd49410-line-height:100%;--e-global-typography-2953d03-font-family:"Helvetica";--e-global-typography-2953d03-font-size:clamp(1.15rem, 1.102rem + 0.213vw, 1.15rem);--e-global-typography-2953d03-font-weight:300;--e-global-typography-2953d03-line-height:130%;--e-global-typography-2336b8c-font-family:"Raleway";--e-global-typography-2336b8c-font-size:clamp(1.008rem, 0.966rem + 0.1867vw, 1.008rem);--e-global-typography-2336b8c-font-weight:600;--e-global-typography-2336b8c-line-height:100%;--e-global-typography-2978f88-font-family:"Helvetica";--e-global-typography-2978f88-font-size:clamp(1rem, 0.9583rem + 0.1852vw, 1rem);--e-global-typography-2978f88-font-weight:300;--e-global-typography-2978f88-line-height:130%;background-color:var( --e-global-color-1fb186a );color:var( --e-global-color-text );font-family:var( --e-global-typography-2437125-font-family ), Sans-serif;font-size:var( --e-global-typography-2437125-font-size );font-weight:var( --e-global-typography-2437125-font-weight );line-height:var( --e-global-typography-2437125-line-height );}.elementor-kit-10 p{margin-block-end:0px;}.elementor-kit-10 a{color:var( --e-global-color-text );}.elementor-kit-10 h1{color:var( --e-global-color-text );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );}.elementor-kit-10 h2{color:var( --e-global-color-text );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );line-height:var( --e-global-typography-secondary-line-height );}.elementor-kit-10 h3{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );}.elementor-kit-10 h4{color:var( --e-global-color-text );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );line-height:var( --e-global-typography-accent-line-height );}.elementor-kit-10 h5{color:var( --e-global-color-text );font-family:var( --e-global-typography-e4dc6c7-font-family ), Sans-serif;font-size:var( --e-global-typography-e4dc6c7-font-size );font-weight:var( --e-global-typography-e4dc6c7-font-weight );line-height:var( --e-global-typography-e4dc6c7-line-height );}.elementor-kit-10 h6{color:var( --e-global-color-text );font-family:var( --e-global-typography-bf83a30-font-family ), Sans-serif;font-size:var( --e-global-typography-bf83a30-font-size );font-weight:var( --e-global-typography-bf83a30-font-weight );line-height:var( --e-global-typography-bf83a30-line-height );}.elementor-kit-10 button,.elementor-kit-10 input[type="button"],.elementor-kit-10 input[type="submit"],.elementor-kit-10 .elementor-button{border-radius:0px 0px 0px 0px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1300px;}.e-con{--container-max-width:1300px;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}.elementor-widget:not(:last-child){margin-block-end:0px;}.elementor-element{--widgets-spacing:0px 0px;--widgets-spacing-row:0px;--widgets-spacing-column:0px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1366px){.elementor-kit-10{font-size:var( --e-global-typography-2437125-font-size );line-height:var( --e-global-typography-2437125-line-height );}.elementor-kit-10 h1{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-kit-10 h2{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-kit-10 h3{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-kit-10 h4{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}.elementor-kit-10 h5{font-size:var( --e-global-typography-e4dc6c7-font-size );line-height:var( --e-global-typography-e4dc6c7-line-height );}.elementor-kit-10 h6{font-size:var( --e-global-typography-bf83a30-font-size );line-height:var( --e-global-typography-bf83a30-line-height );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:90%;}.e-con{--container-max-width:90%;}}@media(max-width:1200px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:90%;}.e-con{--container-max-width:90%;}}@media(max-width:1024px){.elementor-kit-10{font-size:var( --e-global-typography-2437125-font-size );line-height:var( --e-global-typography-2437125-line-height );}.elementor-kit-10 h1{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-kit-10 h2{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-kit-10 h3{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-kit-10 h4{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}.elementor-kit-10 h5{font-size:var( --e-global-typography-e4dc6c7-font-size );line-height:var( --e-global-typography-e4dc6c7-line-height );}.elementor-kit-10 h6{font-size:var( --e-global-typography-bf83a30-font-size );line-height:var( --e-global-typography-bf83a30-line-height );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:90%;}.e-con{--container-max-width:90%;}}@media(max-width:880px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:90%;}.e-con{--container-max-width:90%;}}@media(max-width:767px){.elementor-kit-10{font-size:var( --e-global-typography-2437125-font-size );line-height:var( --e-global-typography-2437125-line-height );}.elementor-kit-10 h1{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-kit-10 h2{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-kit-10 h3{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-kit-10 h4{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}.elementor-kit-10 h5{font-size:var( --e-global-typography-e4dc6c7-font-size );line-height:var( --e-global-typography-e4dc6c7-line-height );}.elementor-kit-10 h6{font-size:var( --e-global-typography-bf83a30-font-size );line-height:var( --e-global-typography-bf83a30-line-height );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:90%;}.e-con{--container-max-width:90%;}}@media(min-width:2400px){.elementor-kit-10{font-size:var( --e-global-typography-2437125-font-size );line-height:var( --e-global-typography-2437125-line-height );}.elementor-kit-10 h1{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-kit-10 h2{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-kit-10 h3{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-kit-10 h4{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}.elementor-kit-10 h5{font-size:var( --e-global-typography-e4dc6c7-font-size );line-height:var( --e-global-typography-e4dc6c7-line-height );}.elementor-kit-10 h6{font-size:var( --e-global-typography-bf83a30-font-size );line-height:var( --e-global-typography-bf83a30-line-height );}}/* Start custom CSS */.text-gradient {
  background: radial-gradient(
    circle at 50% 42%,
    #ffffff 0%,
    #e5e9ed 34%,
    #dce1e6 48%,
    #b0bac3 70%,
    #a0acb5 100%
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}



.frostedglass{
    -webkit-backdrop-filter: blur(3px); /* Für ältere iOS-Versionen */
backdrop-filter:blur(3px);
}



.frostedglass-nav{
    -webkit-backdrop-filter: blur(5px); /* Für ältere iOS-Versionen */
backdrop-filter:blur(5px);
}




/* Spitze Rechts */
:root{
  --cluster-tip: 8%; /* <- hier feiner justieren: 8% = dezenter, 12% = markanter */
}

/* Desktop/Tablet – Spitze rechts */
.tab-spitze .e-n-tabs-content > [role="tabpanel"],
.tab-spitze .e-n-tabs-content > [role="tabpanel"] .e-con:last-child{
  position: relative;
  overflow: hidden;
  -webkit-clip-path: polygon(
    0 0,
    calc(100% - var(--cluster-tip)) 0,
    100% 50%,
    calc(100% - var(--cluster-tip)) 100%,
    0 100%
  );
  clip-path: polygon(
    0 0,
    calc(100% - var(--cluster-tip)) 0,
    100% 50%,
    calc(100% - var(--cluster-tip)) 100%,
    0 100%
  );
}

/* Mobile < 767px – Spitze unten */
@media (max-width: 767px){
  :root{
    --cluster-tip: 12%; /* etwas stärker, damit es mobil sichtbar bleibt */
  }
  .tab-spitze .e-n-tabs-content > [role="tabpanel"],
  .tab-spitze .e-n-tabs-content > [role="tabpanel"] .e-con:last-child{
    -webkit-clip-path: polygon(
      0 0,
      100% 0,
      100% calc(100% - var(--cluster-tip)),
      50% 100%,
      0 calc(100% - var(--cluster-tip))
    );
    clip-path: polygon(
      0 0,
      100% 0,
      100% calc(100% - var(--cluster-tip)),
      50% 100%,
      0 calc(100% - var(--cluster-tip))
    );
  }
}

/* Bild sauber einpassen */
.tab-spitze .e-n-tabs-content img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
}






/* Spitze Links */
:root{
  --cluster-tip: 8%;
}

/* Desktop/Tablet – Spitze links */
.tab-spitze-links .e-n-tabs-content > [role="tabpanel"],
.tab-spitze-links .e-n-tabs-content > [role="tabpanel"] .e-con:last-child{
  position: relative;
  overflow: hidden;
  -webkit-clip-path: polygon(
    var(--cluster-tip) 0,
    100% 0,
    100% 100%,
    var(--cluster-tip) 100%,
    0 50%
  );
  clip-path: polygon(
    var(--cluster-tip) 0,
    100% 0,
    100% 100%,
    var(--cluster-tip) 100%,
    0 50%
  );
}

/* Mobile < 767px – Spitze unten */
@media (max-width: 767px){
  :root{
    --cluster-tip: 12%;
  }
  .tab-spitze-links .e-n-tabs-content > [role="tabpanel"],
  .tab-spitze-links .e-n-tabs-content > [role="tabpanel"] .e-con:last-child{
    -webkit-clip-path: polygon(
      0 0,
      100% 0,
      100% calc(100% - var(--cluster-tip)),
      50% 100%,
      0 calc(100% - var(--cluster-tip))
    );
    clip-path: polygon(
      0 0,
      100% 0,
      100% calc(100% - var(--cluster-tip)),
      50% 100%,
      0 calc(100% - var(--cluster-tip))
    );
  }
}

/* Bild sauber einpassen */
.tab-spitze-links .e-n-tabs-content img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
}






/* Spitze Rechts */
:root{
  --cluster-tip: 8%; /* <- hier feiner justieren: 8% = dezenter, 12% = markanter */
}

/* Desktop/Tablet – Spitze rechts */
.container-spitze .elementor-background-slideshow__slide{
  position: relative;
  overflow: hidden;
  -webkit-clip-path: polygon(
    0 0,
    calc(100% - var(--cluster-tip)) 0,
    100% 50%,
    calc(100% - var(--cluster-tip)) 100%,
    0 100%
  );
  clip-path: polygon(
    0 0,
    calc(100% - var(--cluster-tip)) 0,
    100% 50%,
    calc(100% - var(--cluster-tip)) 100%,
    0 100%
  );
}

/* Mobile < 767px – Spitze unten */
@media (max-width: 767px){
  :root{
    --cluster-tip: 12%; /* etwas stärker, damit es mobil sichtbar bleibt */
  }
  .container-spitze .elementor-background-slideshow__slide{
    -webkit-clip-path: polygon(
      0 0,
      100% 0,
      100% calc(100% - var(--cluster-tip)),
      50% 100%,
      0 calc(100% - var(--cluster-tip))
    );
    clip-path: polygon(
      0 0,
      100% 0,
      100% calc(100% - var(--cluster-tip)),
      50% 100%,
      0 calc(100% - var(--cluster-tip))
    );
  }
}

/* Bild sauber einpassen */
.container-spitze .elementor-background-slideshow__slide img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
}





/* Spitze Links */
:root{
  --cluster-tip: 8%; /* 8% dezenter, 12% markanter */
}

/* Desktop/Tablet – Spitze links */
.slider-spitze-links .elementor-background-slideshow__slide{
  position: relative;
  overflow: hidden;
  -webkit-clip-path: polygon(
    var(--cluster-tip) 0,
    100% 0,
    100% 100%,
    var(--cluster-tip) 100%,
    0 50%
  );
  clip-path: polygon(
    var(--cluster-tip) 0,
    100% 0,
    100% 100%,
    var(--cluster-tip) 100%,
    0 50%
  );
}

/* Mobile < 767px – Spitze unten */
@media (max-width: 767px){
  :root{
    --cluster-tip: 12%;
  }
  .slider-spitze-links .elementor-background-slideshow__slide{
    -webkit-clip-path: polygon(
      0 0,
      100% 0,
      100% calc(100% - var(--cluster-tip)),
      50% 100%,
      0 calc(100% - var(--cluster-tip))
    );
    clip-path: polygon(
      0 0,
      100% 0,
      100% calc(100% - var(--cluster-tip)),
      50% 100%,
      0 calc(100% - var(--cluster-tip))
    );
  }
}


/* Bild sauber einpassen */
.container-spitze-links .elementor-background-slideshow__slide img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
}






/* Spitze unten – spitzer */
:root{
  --cluster-tip: 17%;     /* wie weit die Seiten nach oben laufen */
  --peak-narrow: 0%;     /* je kleiner, desto spitzer die Mitte */
}

.container-spitze-unten{
  position: relative;
  overflow: hidden;
  border: none;

  -webkit-clip-path: polygon(
    0 0,                                 /* oben links */
    100% 0,                              /* oben rechts */
    100% calc(100% - var(--cluster-tip)),/* rechts leicht nach oben */
    calc(50% + var(--peak-narrow)) 100%, /* rechte Seite der Spitze */
    50% 100%,                            /* untere Spitze */
    calc(50% - var(--peak-narrow)) 100%, /* linke Seite der Spitze */
    0 calc(100% - var(--cluster-tip))    /* links leicht nach oben */
  );
  clip-path: polygon(
    0 0,
    100% 0,
    100% calc(100% - var(--cluster-tip)),
    calc(50% + var(--peak-narrow)) 100%,
    50% 100%,
    calc(50% - var(--peak-narrow)) 100%,
    0 calc(100% - var(--cluster-tip))
  );
}

/* Bild sauber einpassen */
.container-spitze-unten img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
}





/* Spitze oben – allgemeiner Container */
:root{
  --cluster-tip: 17%; /* 8% dezenter, 12% markanter */
}

.container-spitze-oben{
  position: relative;
  overflow: hidden;
  border: none;              /* weiße Linie entfernen */
  -webkit-clip-path: polygon(
    0 var(--cluster-tip),    /* links etwas unterhalb */
    50% 0,                   /* Spitze oben */
    100% var(--cluster-tip), /* rechts etwas unterhalb */
    100% 100%,               /* unten rechts */
    0 100%                   /* unten links */
  );
  clip-path: polygon(
    0 var(--cluster-tip),
    50% 0,
    100% var(--cluster-tip),
    100% 100%,
    0 100%
  );
}

/* Falls da ein Bild drin steckt */
.container-spitze-oben img{
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Optional: mobil identisch lassen */
@media (max-width: 767px){
  :root{
    --cluster-tip: 8%; /* mobil etwas flacher */
  }
}






/* Spitze rechts – allgemeiner Container */
:root{
  --cluster-tip: 8%; /* 8% dezenter, 12% markanter */
}

/* Mobile < 767px – Spitze unten */
@media (max-width: 767px){
  :root{
    --cluster-tip: 12%;
  }
  .tab-spitze-links .e-n-tabs-content > [role="tabpanel"],
  .tab-spitze-links .e-n-tabs-content > [role="tabpanel"] .e-con:last-child{
    -webkit-clip-path: polygon(
      0 0,
      100% 0,
      100% calc(100% - var(--cluster-tip)),
      50% 100%,
      0 calc(100% - var(--cluster-tip))
    );
    clip-path: polygon(
      0 0,
      100% 0,
      100% calc(100% - var(--cluster-tip)),
      50% 100%,
      0 calc(100% - var(--cluster-tip))
    );
  }
}

/* Container Spitze rechts – Desktop */
.container-spitze-rechts{
  position: relative;
  overflow: hidden;
  border: none;

  -webkit-clip-path: polygon(
    0 0,
    calc(100% - var(--cluster-tip)) 0,
    100% 50%,
    calc(100% - var(--cluster-tip)) 100%,
    0 100%
  );
  clip-path: polygon(
    0 0,
    calc(100% - var(--cluster-tip)) 0,
    100% 50%,
    calc(100% - var(--cluster-tip)) 100%,
    0 100%
  );
}

/* Falls ein Bild drin liegt */
.container-spitze-rechts img{
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Mobil: .container-spitze-rechts → Spitze unten statt rechts */
@media (max-width: 767px){
  :root{
    --cluster-tip: 12%;
  }

  .container-spitze-rechts{
    -webkit-clip-path: polygon(
      0 0,
      100% 0,
      100% calc(100% - var(--cluster-tip)),
      50% 100%,
      0 calc(100% - var(--cluster-tip))
    );
    clip-path: polygon(
      0 0,
      100% 0,
      100% calc(100% - var(--cluster-tip)),
      50% 100%,
      0 calc(100% - var(--cluster-tip))
    );
  }
}





/* Spitze links – allgemeiner Container */
:root{
  --cluster-tip: 8%; /* 8% dezenter, 12% markanter */
}

/* Container Spitze links – Desktop */
.container-spitze-links{
  position: relative;
  overflow: hidden;
  border: none;

  -webkit-clip-path: polygon(
    var(--cluster-tip) 0,
    100% 0,
    100% 100%,
    var(--cluster-tip) 100%,
    0 50%
  );
  clip-path: polygon(
    var(--cluster-tip) 0,
    100% 0,
    100% 100%,
    var(--cluster-tip) 100%,
    0 50%
  );
}

/* Falls ein Bild im Container liegt */
.container-spitze-links img{
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Mobil: Spitze unten statt links */
@media (max-width: 767px){
  :root{
    --cluster-tip: 12%;
  }

  .container-spitze-links{
    -webkit-clip-path: polygon(
      0 0,
      100% 0,
      100% calc(100% - var(--cluster-tip)),
      50% 100%,
      0 calc(100% - var(--cluster-tip))
    );
    clip-path: polygon(
      0 0,
      100% 0,
      100% calc(100% - var(--cluster-tip)),
      50% 100%,
      0 calc(100% - var(--cluster-tip))
    );
  }
}




/* Spitze unten – nav */
:root{
  --cluster-tip: 17%;     /* wie weit die Seiten nach oben laufen */
  --peak-narrow: 0%;     /* je kleiner, desto spitzer die Mitte */
}

.container-spitze-unten-nav{
  --cluster-tip: 10%;     /* hier anpassen – kleiner = flachere Spitze */
  --peak-narrow: 0%;
  position: relative;
  overflow: hidden;
  border: none;
  -webkit-clip-path: polygon(
    0 0,
    100% 0,
    100% calc(100% - var(--cluster-tip)),
    calc(50% + var(--peak-narrow)) 100%,
    50% 100%,
    calc(50% - var(--peak-narrow)) 100%,
    0 calc(100% - var(--cluster-tip))
  );
  clip-path: polygon(
    0 0,
    100% 0,
    100% calc(100% - var(--cluster-tip)),
    calc(50% + var(--peak-narrow)) 100%,
    50% 100%,
    calc(50% - var(--peak-narrow)) 100%,
    0 calc(100% - var(--cluster-tip))
  );
}

@media (max-width: 768px) {
  .container-spitze-unten-nav {
    -webkit-clip-path: none;
    clip-path: none;
  }
}/* End custom CSS */