.elementor-1388 .elementor-element.elementor-element-caf243a{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1388 .elementor-element.elementor-element-98e0fa3{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-1388 .elementor-element.elementor-element-316c7a7{--display:flex;--min-height:100vh;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-between;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1388 .elementor-element.elementor-element-316c7a7::before, .elementor-1388 .elementor-element.elementor-element-316c7a7 > .elementor-background-video-container::before, .elementor-1388 .elementor-element.elementor-element-316c7a7 > .e-con-inner > .elementor-background-video-container::before, .elementor-1388 .elementor-element.elementor-element-316c7a7 > .elementor-background-slideshow::before, .elementor-1388 .elementor-element.elementor-element-316c7a7 > .e-con-inner > .elementor-background-slideshow::before, .elementor-1388 .elementor-element.elementor-element-316c7a7 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-1388 .elementor-element.elementor-element-b05e03e .elementor-heading-title{font-family:"Lang Gothic", Sans-serif;font-size:10rem;font-weight:600;text-transform:uppercase;text-decoration:underline;line-height:11rem;color:var( --e-global-color-eae5171 );}.elementor-1388 .elementor-element.elementor-element-f1c3594{--spacer-size:50vh;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-1388 .elementor-element.elementor-element-b1aa477 .elementor-button{background-color:#FFFFFF00;font-family:"Lang Gothic", Sans-serif;font-size:1rem;font-weight:500;text-transform:uppercase;fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-style:solid;border-width:2px 2px 2px 2px;border-color:var( --e-global-color-primary );border-radius:25px 25px 25px 25px;padding:12px 16px 12px 16px;}.elementor-1388 .elementor-element.elementor-element-b1aa477 > .elementor-widget-container{margin:0px 0px 75px 10px;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-1388 .elementor-element.elementor-element-eaa19aa{font-family:"Lang Gothic", Sans-serif;font-size:3rem;font-weight:300;line-height:3.5rem;color:var( --e-global-color-eae5171 );}.elementor-1388 .elementor-element.elementor-element-dca65e7{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--gap:24px 24px;--row-gap:24px;--column-gap:24px;--margin-top:5rem;--margin-bottom:5rem;--margin-left:0rem;--margin-right:0rem;--padding-top:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:0px;}.elementor-1388 .elementor-element.elementor-element-ef8f321 .elementor-button{background-color:#FFFFFF00;font-family:"Lang Gothic", Sans-serif;font-weight:700;fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-style:solid;border-width:2px 2px 2px 2px;border-color:var( --e-global-color-primary );border-radius:25px 25px 25px 25px;padding:12px 40px 12px 40px;}.elementor-1388 .elementor-element.elementor-element-ef8f321 .elementor-button:hover, .elementor-1388 .elementor-element.elementor-element-ef8f321 .elementor-button:focus{background-color:var( --e-global-color-primary );color:var( --e-global-color-secondary );}.elementor-1388 .elementor-element.elementor-element-ef8f321 > .elementor-widget-container{margin:0rem 0rem 0rem 0rem;}.elementor-1388 .elementor-element.elementor-element-ef8f321 .elementor-button:hover svg, .elementor-1388 .elementor-element.elementor-element-ef8f321 .elementor-button:focus svg{fill:var( --e-global-color-secondary );}.elementor-1388 .elementor-element.elementor-element-b7a0fab .elementor-heading-title{font-family:"Lang Gothic", Sans-serif;font-weight:normal;color:var( --e-global-color-primary );}body.elementor-page-1388:not(.elementor-motion-effects-element-type-background), body.elementor-page-1388 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-1388 .elementor-element.elementor-element-b05e03e .elementor-heading-title{font-size:7rem;line-height:8rem;}.elementor-1388 .elementor-element.elementor-element-eaa19aa{font-size:2rem;line-height:2.5rem;}}@media(min-width:768px){.elementor-1388 .elementor-element.elementor-element-98e0fa3{--width:20%;}}@media(max-width:1366px) and (min-width:768px){.elementor-1388 .elementor-element.elementor-element-98e0fa3{--width:40%;}}@media(max-width:1024px) and (min-width:768px){.elementor-1388 .elementor-element.elementor-element-98e0fa3{--width:50%;}}@media(max-width:1366px){.elementor-1388 .elementor-element.elementor-element-b05e03e .elementor-heading-title{font-size:8rem;line-height:9rem;}}@media(max-width:767px){.elementor-1388 .elementor-element.elementor-element-98e0fa3{--width:80%;}.elementor-1388 .elementor-element.elementor-element-b05e03e .elementor-heading-title{font-size:3rem;line-height:4rem;}.elementor-1388 .elementor-element.elementor-element-b1aa477 > .elementor-widget-container{margin:100px 0px 50px 0px;padding:0px 0px 0px 5px;}.elementor-1388 .elementor-element.elementor-element-b1aa477 .elementor-button{font-size:0.9rem;padding:6px 11px 6px 11px;}.elementor-1388 .elementor-element.elementor-element-eaa19aa{font-size:1.5rem;line-height:2rem;}.elementor-1388 .elementor-element.elementor-element-ef8f321 .elementor-button{font-size:0.9rem;padding:11px 20px 11px 20px;}}/* Start custom CSS for container, class: .elementor-element-caf243a *//* === Liquid glass für eine Flexbox ===
   Klasse: .liquid-glass
   Hinweise: backdrop-filter benötigt -webkit- prefix (Safari)
            Fallbacks für Browser ohne backdrop-filter enthalten.
*/

.liquid-glass {
  /* Layout */
  display: flex;                /* Flexbox bleibt erhalten */
  align-items: center;
  justify-content: center;

  /* Größe / Padding (anpassen) */
  padding: 1.25rem;             /* Innenabstand */
  min-width: 220px;
  min-height: 120px;

  /* Glas-Hintergrund */
  background: linear-gradient(
    135deg,
    rgba(255,255,255,0.12) 0%,
    rgba(255,255,255,0.06) 50%,
    rgba(255,255,255,0.08) 100%
  );
  border-radius: 14px;

  /* Frosted blur (modern browsers + Safari) */
  -webkit-backdrop-filter: blur(12px) saturate(140%);
  backdrop-filter: blur(12px) saturate(140%);

  /* Subtile border & inner glow */
  border: 1px solid rgba(255,255,255,0.18);
  box-shadow:
    0 6px 20px rgba(0,0,0,0.15),        /* tieferer Schatten */
    inset 0 1px 0 rgba(255,255,255,0.06);/* leichter innerer Glanz */

  /* Optional: feine Glaskontur (neon-like Highlight) */
  position: relative;
  overflow: hidden;
}

/* feiner obere Highlight-Streifen */
.liquid-glass::before{
  content: "";
  position: absolute;
  left: -10%;
  top: -40%;
  width: 120%;
  height: 120%;
  transform: rotate(-18deg);
  background: linear-gradient(
    180deg,
    rgba(255,255,255,0.18) 0%,
    rgba(255,255,255,0.03) 40%,
    rgba(255,255,255,0.00) 100%
  );
  pointer-events: none;
  mix-blend-mode: overlay;
  filter: blur(6px);
  opacity: 0.9;
}

/* Optionaler dunklerer Modus (falls deine Seite dark theme nutzt) */
.liquid-glass.dark {
  background: linear-gradient(
    135deg,
    rgba(10,14,20,0.42) 0%,
    rgba(10,14,20,0.26) 50%,
    rgba(10,14,20,0.30) 100%
  );
  border: 1px solid rgba(255,255,255,0.06);
  box-shadow:
    0 6px 20px rgba(0,0,0,0.55),
    inset 0 1px 0 rgba(255,255,255,0.02);
}

/* Fallback für Browser ohne backdrop-filter:
   leichte Semi-opaque Karte statt Blur */
@supports not ((-webkit-backdrop-filter: blur(12px)) or (backdrop-filter: blur(12px))) {
  .liquid-glass {
    background: linear-gradient(
      135deg,
      rgba(255,255,255,0.18) 0%,
      rgba(255,255,255,0.10) 50%,
      rgba(255,255,255,0.12) 100%
    );
    /* etwas stärkerer Schatten, um Tiefe zu suggerieren */
    box-shadow: 0 8px 30px rgba(0,0,0,0.18);
  }
}

/* Responsive: kleinere Rundung / weniger Blur auf sehr kleinen Displays */
@media (max-width: 480px){
  .liquid-glass {
    border-radius: 10px;
    padding: 0.9rem;
    -webkit-backdrop-filter: blur(8px) saturate(130%);
    backdrop-filter: blur(8px) saturate(130%);
  }
}/* End custom CSS */