.elementor-kit-6{--e-global-color-primary:#C7EF00;--e-global-color-secondary:#54595F;--e-global-color-text:#0F0F12;--e-global-color-accent:#0F0F12;--e-global-color-1f12cf3:#FFFFFF;--e-global-color-fa936fa:#F8F8F9;--e-global-color-71960d5:#0E1B5E;--e-global-color-162c472:#0B3B79;--e-global-color-a098285:#064CA2;--e-global-color-7ed9519:#084DBD;--e-global-color-1291751:#3870B5;--e-global-color-9a4200c:#006CEE;--e-global-color-d0dc3a1:#82BAFF;--e-global-color-dcbb825:#E4F0FF;--e-global-color-8d003e1:#8C9E1C;--e-global-color-9214fed:#96AD12;--e-global-color-542aea9:#D7EC6E;--e-global-color-ed5839c:#3F3F41;--e-global-color-e1cfacf:#6F6F6F;--e-global-color-531b72b:#6C6C6C;--e-global-color-625beba:#CCCCCC;--e-global-color-e3e8aec:#D6D6D6;--e-global-color-07e9874:#DDDDDD;--e-global-color-f03cf65:#E3E3E3;--e-global-color-0e53721:#A2A2A2;--e-global-color-84e42a3:#FF8A8A;--e-global-typography-primary-font-family:"Brockmann";--e-global-typography-primary-font-weight:500;--e-global-typography-secondary-font-family:"Brockmann";--e-global-typography-secondary-font-weight:500;--e-global-typography-text-font-family:"Inter";--e-global-typography-text-font-size:18px;--e-global-typography-text-font-weight:400;--e-global-typography-text-line-height:23px;--e-global-typography-accent-font-family:"Inter";--e-global-typography-accent-font-size:18px;--e-global-typography-accent-font-weight:400;--e-global-typography-accent-line-height:23px;--e-global-typography-b358f7d-font-family:"Brockmann";--e-global-typography-b358f7d-font-size:96px;--e-global-typography-b358f7d-font-weight:500;--e-global-typography-7b014d1-font-family:"Brockmann";--e-global-typography-7b014d1-font-size:72px;--e-global-typography-7b014d1-font-weight:500;--e-global-typography-c478e59-font-family:"Brockmann";--e-global-typography-c478e59-font-size:48px;--e-global-typography-c478e59-font-weight:500;--e-global-typography-c478e59-line-height:58px;--e-global-typography-ba9f423-font-family:"Brockmann";--e-global-typography-ba9f423-font-size:32px;--e-global-typography-ba9f423-font-weight:500;--e-global-typography-f33ff06-font-family:"Brockmann";--e-global-typography-f33ff06-font-size:24px;--e-global-typography-f33ff06-font-weight:500;--e-global-typography-8045521-font-family:"Brockmann";--e-global-typography-8045521-font-size:20px;--e-global-typography-8045521-font-weight:500;--e-global-typography-268299a-font-family:"Brockmann";--e-global-typography-268299a-font-size:16px;--e-global-typography-268299a-font-weight:500;--e-global-typography-a4f66cb-font-family:"Inter";--e-global-typography-a4f66cb-font-size:22px;--e-global-typography-a4f66cb-font-weight:400;--e-global-typography-a4f66cb-line-height:29px;--e-global-typography-85effbb-font-family:"Inter";--e-global-typography-85effbb-font-size:22px;--e-global-typography-85effbb-font-weight:600;--e-global-typography-5ea71b6-font-family:"Inter";--e-global-typography-5ea71b6-font-size:16px;--e-global-typography-5ea71b6-font-weight:400;--e-global-typography-4e21719-font-family:"Inter";--e-global-typography-4e21719-font-size:16px;--e-global-typography-4e21719-font-weight:600;--e-global-typography-7cf8042-font-family:"Inter";--e-global-typography-7cf8042-font-size:14px;--e-global-typography-7cf8042-font-weight:400;--e-global-typography-ce5f1a7-font-family:"Inter";--e-global-typography-ce5f1a7-font-size:14px;--e-global-typography-ce5f1a7-font-weight:600;background-color:var( --e-global-color-fa936fa );color:var( --e-global-color-text );}.elementor-kit-6 button,.elementor-kit-6 input[type="button"],.elementor-kit-6 input[type="submit"],.elementor-kit-6 .elementor-button{background-color:var( --e-global-color-primary );font-family:"Brockmann", Sans-serif;font-size:18px;font-weight:500;letter-spacing:-0.18px;color:var( --e-global-color-text );border-radius:34px 34px 34px 34px;padding:7px 16px 7px 16px;}.elementor-kit-6 button:hover,.elementor-kit-6 button:focus,.elementor-kit-6 input[type="button"]:hover,.elementor-kit-6 input[type="button"]:focus,.elementor-kit-6 input[type="submit"]:hover,.elementor-kit-6 input[type="submit"]:focus,.elementor-kit-6 .elementor-button:hover,.elementor-kit-6 .elementor-button:focus{background-color:transparent;color:var( --e-global-color-text );background-image:linear-gradient(142deg, var( --e-global-color-primary ) 0%, var( --e-global-color-8d003e1 ) 100%);}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-kit-6 a{color:var( --e-global-color-text );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1340px;}.e-con{--container-max-width:1340px;}.elementor-widget:not(:last-child){--kit-widget-spacing:16px;}.elementor-element{--widgets-spacing:16px 16px;--widgets-spacing-row:16px;--widgets-spacing-column:16px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1366px){.elementor-kit-6{--e-global-typography-b358f7d-font-size:86px;}}@media(max-width:1200px){.elementor-kit-6{--e-global-typography-b358f7d-font-size:68px;--e-global-typography-7b014d1-font-size:62px;}}@media(max-width:1024px){.elementor-kit-6{--e-global-typography-b358f7d-font-size:64px;--e-global-typography-7b014d1-font-size:52px;--e-global-typography-c478e59-font-size:34px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:880px){.elementor-kit-6{--e-global-typography-b358f7d-font-size:54px;--e-global-typography-7b014d1-font-size:52px;--e-global-typography-c478e59-font-size:32px;}}@media(max-width:767px){.elementor-kit-6{--e-global-typography-b358f7d-font-size:44px;--e-global-typography-7b014d1-font-size:44px;--e-global-typography-c478e59-font-size:32px;--e-global-typography-c478e59-line-height:38px;--e-global-typography-ba9f423-font-size:24px;--e-global-typography-f33ff06-font-size:20px;--e-global-typography-8045521-font-size:18px;--e-global-typography-268299a-font-size:16px;--e-global-typography-a4f66cb-font-size:20px;--e-global-typography-85effbb-font-size:20px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */.glass-box{
  border-radius:16px;
  border:1px solid transparent; /* nötig, damit border-box ≠ padding-box ist */
  background:
    /* Füllung (Glass) → muss transparent sein, damit Blur wirkt */
    linear-gradient(131deg,
      rgba(228,240,255,.26) 22.88%,
      rgba(130,186,255,.32) 90.26%) padding-box,
    /* Rahmen als separater Hintergrund */
    linear-gradient(120deg,
      rgba(108,108,108,.5) 27.18%,
      rgba(214,214,214,.5) 96.3%) border-box;

  backdrop-filter: blur(22px);
  -webkit-backdrop-filter: blur(22px);
}

.glass-box-service{
  border-radius:10px;
  border: 1px solid var(--Glass-Stroke-Glass-on-dark, rgba(108, 108, 108, 0.50)); /* nötig, damit border-box ≠ padding-box ist */
  background:
    /* Füllung (Glass) → muss transparent sein, damit Blur wirkt */
   var(--Glass-Glass-on-dark, linear-gradient(131deg, rgba(228, 240, 255, 0.26) 22.88%, rgba(130, 186, 255, 0.32) 90.26%));

  backdrop-filter: blur(22px);
  -webkit-backdrop-filter: blur(22px);
}

.glass-box-on-light{
  border-radius:10px;

border: 1px solid rgba(255, 255, 255, 0.00);
background: var(--Glass-Glass-on-light, linear-gradient(101deg, rgba(227, 227, 227, 0.14) 0.25%, rgba(221, 221, 221, 0.20) 99.52%));

  backdrop-filter: blur(22px);
  -webkit-backdrop-filter: blur(22px);
}


.bot-box{
  border-radius:16px;
  border:2px solid transparent; /* nötig, damit border-box ≠ padding-box ist */
  background:
    /* Füllung (Glass) → muss transparent sein, damit Blur wirkt */
       /* Weißes Overlay (26%) – entspricht deinem zweiten Fill */
    linear-gradient(0deg, rgba(255,255,255,0.26), rgba(255,255,255,0.26)) padding-box,

    /* Blaues Padding-Gradient (0% → 35% Opazität) */
    /* 45deg = von oben-links nach unten-rechts */
    linear-gradient(45deg,
      rgba(0,115,255,0) 0%,
      rgba(0,115,255,0.35) 100%
    ) padding-box,
    /* Rahmen als separater Hintergrund */
   linear-gradient(135deg,
      rgba(255,255,255,.5) 0%,
      rgba(89,89,89,.5) 100%) border-box;
}

.bot-box-start{
  background: linear-gradient(133deg, rgba(0, 0, 0, 0.00) -70.66%, rgba(0, 115, 255, 0.61) 90.24%), #0F0F12
}

.bot-box-start:hover{
 border: 1px solid var(--Off-Wei, #F8F8F9);
background: linear-gradient(226deg, rgba(0, 0, 0, 0.00) -52.21%, rgba(0, 115, 255, 0.61) 98.3%), #0F0F12
    
}



.verlauf-dark {background: linear-gradient(105deg, #0F0F12 20.14%, #0B3B79 79.52%)}

.glass-glass-on-dark{
    background: linear-gradient(131deg, rgba(228, 240, 255, 0.26) 22.88%, rgba(130, 186, 255, 0.32) 90.26%);
    
      backdrop-filter: blur(22px);
  -webkit-backdrop-filter: blur(22px);
}

.glass-stroke-glass-on-dark
{background: linear-gradient(120deg, rgba(108, 108, 108, 0.50) 27.18%, rgba(214, 214, 214, 0.50) 96.3%);}

.font-verlauf-dark{
  background: linear-gradient(119deg, #0E1B5E 11%, #084DBD 82.56%);
  -webkit-background-clip: text;
  background-clip: text;

  color: transparent;                  /* Firefox */
  -webkit-text-fill-color: transparent;/* Chrome/Safari */

  background-repeat: no-repeat;        /* optional */
  display: inline-block;               /* optional, stabiler bei inline-Text */
}


/* Wrapper: volle Höhe als Mindestmaß, aber Wachstum erlauben */
.process-view{
  position: relative;
  min-height: var(--pv-min-h, 100svh); /* svh statt vh → korrekter auf Mobile */
  width: 100%;
  overflow-x: hidden; /* Sicherheitsnetz gegen Quer-Overflow */
}

/* Gemeinsame Übergänge wie gehabt (ohne fixed height) */
.pv-overview,
.pv-detail{
  width: 100%;
  /* KEIN height:100%; KEIN position:absolute standardmäßig */
  transition:
    opacity .55s ease,
    transform .55s cubic-bezier(.2,.8,.2,1),
    visibility 0s .55s;
  will-change: opacity, transform;
}

/* Ausgangszustand: Overview ist im Fluss → bestimmt die Höhe */
.process-view .pv-overview{
  position: static;
  z-index: 1;
  opacity: 1;
  transform: scale(1);
  visibility: visible;
  pointer-events: auto;
  transition: opacity .55s ease, transform .55s cubic-bezier(.2,.8,.2,1), visibility 0s 0s;
}

/* Detail liegt überlagernd bereit, nimmt keinen Platz ein */
.process-view .pv-detail{
  position: absolute;
  inset: 0;            /* überlagern */
  z-index: 2;
  opacity: 0;
  transform: scale(.96);
  visibility: hidden;
  pointer-events: none;
}

/* Aktiv: Rollen tauschen → Detail wird „static“, Overview wird „absolute“ */
.process-view.is-detail-active .pv-detail{
  position: static;     /* ← jetzt im Fluss → Container wächst mit */
  inset: auto;
  opacity: 1;
  transform: scale(1);
  visibility: visible;
  pointer-events: auto;
  transition: opacity .55s ease, transform .55s cubic-bezier(.2,.8,.2,1), visibility 0s 0s;
}

.process-view.is-detail-active .pv-overview{
  position: absolute;   /* ← jetzt überlagernd & ohne Einfluss auf Höhe */
  inset: 0;
  opacity: 0;
  transform: scale(.96);
  visibility: hidden;
  pointer-events: none;
}

/* Optionaler Dimmer bleibt unverändert */
.process-view::after{
  content:"";
  position:absolute; inset:0;
  background: radial-gradient(140% 120% at 50% 40%, rgba(0,0,0,0) 45%, rgba(0,0,0,.22) 100%);
  opacity: 0; transition: opacity .55s ease;
  pointer-events:none; z-index: 3;
}
.process-view.is-detail-active::after{ opacity: 1; }

/* Motion-Reduce bleibt gleich */
@media (prefers-reduced-motion: reduce){
  .pv-overview, .pv-detail, .process-view::after{
    transition: none !important;
  }
}


/* nur im Editor-Preview wirken */
.is-editor .has-glass,
.is-editor .has-heavy-fx{
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  filter: none !important;
  box-shadow: none !important;
}


/* === Globale Styles für Icon-"Tabs" ======================================= */
/* Nur Controls: jedes Control hat data-tabs */
.tab-icons [data-tabs]{
  cursor: pointer;
}

/* Ausgangszustand – NUR Icons innerhalb der Controls */
.tab-icons [data-tabs] .elementor-icon{
  border-radius: 300px;
  border: 1px solid var(--Glass-Stroke-Glass-on-Light, rgba(255, 255, 255, 0));
  background: var(--Glass-Glass-on-light, linear-gradient(101deg, rgba(227,227,227,0.14) 0.25%, rgba(221,221,221,0.20) 99.52%));
  transition: background .25s ease, border-color .25s ease, box-shadow .25s ease, transform .25s ease;
  background-color: transparent !important;
}

/* Hover + Active nur auf Controls */
.tab-icons [data-tabs] .elementor-icon:hover,
.tab-icons [data-tabs]:hover .elementor-icon,
.tab-icons [data-tabs].is-active .elementor-icon{
  border-radius: 300px !important;
  border: 1px solid var(--Glass-Stroke-Glass-on-Light, rgba(255,255,255,0)) !important;
  background: var(--verlauf, linear-gradient(90deg, #43BEFD 0%, #FFE732 100%)) !important;
  background-image: var(--verlauf, linear-gradient(90deg, #43BEFD 0%, #FFE732 100%)) !important;
  background-repeat: no-repeat !important;
  background-origin: border-box !important;
  box-shadow: 0 8px 24px rgba(0,0,0,.18) !important;
}

/* Pulsieren + Icon-Farbe nur im aktiven Control */
.tab-icons [data-tabs].is-active .elementor-icon{
  animation: tabIconPulse 1.6s ease-in-out infinite;
  color: #F8F8F9 !important;
}
.tab-icons [data-tabs].is-active .elementor-icon i{ color:#F8F8F9 !important; }
.tab-icons [data-tabs].is-active .elementor-icon svg{
  fill:#F8F8F9 !important; stroke:#F8F8F9 !important;
}
.tab-icons [data-tabs].is-active .elementor-icon svg [fill]:not([fill="none"]){ fill:#F8F8F9 !important; }
.tab-icons [data-tabs].is-active .elementor-icon svg [stroke]:not([stroke="none"]){ stroke:#F8F8F9 !important; }

@keyframes tabIconPulse{ 0%,100%{transform:scale(1)} 50%{transform:scale(1.03)} }
@media (prefers-reduced-motion: reduce){
  .tab-icons [data-tabs].is-active .elementor-icon{ animation:none; transform:none; }
}


/* Icon-Farbe im aktiven Zustand (#F8F8F9) */
.tab-icons [data-tabs].is-active .elementor-icon{
  color: #F8F8F9 !important; /* für Font-Icons & currentColor-basierte SVGs */
}

/* Font-Icons (<i>) */
.tab-icons [data-tabs].is-active .elementor-icon i{
  color: #F8F8F9 !important;
}

/* SVG-Icons */
.tab-icons [data-tabs].is-active .elementor-icon svg{
  fill:   #F8F8F9 !important;
  stroke: #F8F8F9 !important;
}

/* Sicherstellen, dass Pfade mit eigenen Attributen überschrieben werden */
.tab-icons [data-tabs].is-active .elementor-icon svg [fill]:not([fill="none"]){
  fill: #F8F8F9 !important;
}
.tab-icons [data-tabs].is-active .elementor-icon svg [stroke]:not([stroke="none"]){
  stroke: #F8F8F9 !important;
}

/* 1) Gemeinsamer Stacking-Kontext OHNE transform/filter am Wrapper */
.swiper-slide .overlap-wrap{
  position: relative;
  isolation: isolate;           /* isoliert die Kinder sauber vom Rest */
  /* kein transform/filter/opacity/clip-path hier! */
}

/* 2) Z-Ordnung nur hier regeln */
.swiper-slide .overlap-wrap .el{
  position: relative;
}

.swiper-slide .overlap-wrap .el--bottom{ z-index: 1; }
.swiper-slide .overlap-wrap .el--top{
  z-index: 2;
  /* eigene Compositing-Layer vermeiden Glitches beim Slide-Transform: */
  will-change: transform;
  transform: translateZ(0.001px); /* „GPU-Nudge“ → bleibt oben während der Transition */
  backface-visibility: hidden;
}

/* 3) Sicherheit: Slides nicht über eigene z-index-Regeln nach vorn holen */
.swiper-slide{ z-index: 0; }             /* Standardisieren */
.swiper-slide-active{ z-index: 1; }      /* ok, aber Kinder steuern wir im Wrapper */


/* ------------------------------
   Grund-Setup (keine Layout-Styles)
---------------------------------*/

/* Bild darf beim Zoom "atmen" */
.prod-grid,
.product,
.prod-media{
  overflow: visible !important;
}

/* Aktive Karte über die Nachbarn legen */
.product:hover{
  position: relative;
  z-index: 5;
}

/* ------------------------------
   INFO-Bereich: Glass-BG + Text getrennt
---------------------------------*/

.prod-info{
  --info-radius: 8.845px;

  position: relative;
  border-radius: var(--info-radius);   /* echtes Runden erfolgt hier */
  overflow: hidden;                    /* clippt BG/Blur sauber auf Radius */
  isolation: isolate;

  -webkit-backdrop-filter: blur(12.383px);
  backdrop-filter: blur(12.383px);
}

/* Standard-Background (alle initial) */
.prod-info::before{
  content: "";
  position: absolute; inset: 0;
  z-index: 0;
  pointer-events: none;

  background: var(--Glass-Glass-on-dark,
    linear-gradient(131deg, rgba(228,240,255,0.26) 22.88%, rgba(130,186,255,0.32) 90.26%)
  );
  border: 0.885px solid var(--Glass-Stroke-Glass-on-dark, rgba(108,108,108,.50));
  border-radius: inherit;              /* erbt den Radius */
  background-clip: padding-box;
  transition: background .25s ease, opacity .2s ease;

  /* sichere Rundung auch bei störrischen Browsern */
  clip-path: inset(0 round var(--info-radius));
}

/* Nur der TEXT im Info-Container soll dimmen/aufhellen */
.prod-info > *{
  position: relative;
  z-index: 1;
  transition: opacity .2s ease;
}

/* Grid-Hover: alle Texte dimmen … */
.prod-grid:hover .product .prod-info > *{
  opacity: .7;
}

/* Grid-Hover: alle Texte dimmen … */
.prod-grid:hover .product .prod-media > *{
  opacity: .7;
}

/* …außer im aktuell hovernden Produkt */
.prod-grid:hover .product:hover .prod-info > *{
  opacity: 1;
}

/* …außer im aktuell hovernden Produkt */
.prod-grid:hover .product:hover .prod-media > *{
  opacity: 1;
}

/* Beim Hover: alle NICHT-hovernden Karten → dunklerer BG */
.prod-grid:hover .product:not(:hover) .prod-info::before{
  background:
    linear-gradient(0deg, rgba(0,0,0,.40) 0%, rgba(0,0,0,.40) 100%),
    linear-gradient(103deg, rgba(0,115,255,0) 35.95%, rgba(0,115,255,.35) 139.27%),
    rgba(255,255,255,.26);
}

/* ------------------------------
   Bild-Zoom im aktiven Produkt
---------------------------------*/

.prod-media img{
  transform-origin: 50% 50%;
  transform: scale(1);
  transition: transform .3s ease;
  will-change: transform;
}

.product:hover .prod-media img{
  transform: scale(1.2); /* ~20% */
}

/* ------------------------------
   Tooltip (nur Sichtbarkeit)
---------------------------------*/

.prod-tooltip{
  opacity: 0;
  pointer-events: none;
  transition: opacity .2s ease;
}

.product:hover .prod-tooltip{
  opacity: 1;
  pointer-events: auto;
}

/* ------------------------------
   Optional: reduzierte Bewegung
---------------------------------*/
@media (prefers-reduced-motion: reduce){
  .prod-info > *,
  .prod-info::before,
  .prod-media img,
  .prod-tooltip{
    transition: none !important;
  }
}

/* ------------------------------
   Newsletter-Formular
---------------------------------*/

.marketingForm th{background-color:#f8f8f9 !important;border-color:#f8f8f9 !important}
.marketingForm .textFormFieldBlock, .dateTimeFormFieldBlock, .twoOptionFormFieldBlock, .optionSetFormFieldBlock, .multiOptionSetFormFieldBlock, .lookupFormFieldBlock {padding:10px 0px !important;}

.marketingForm label span {font-family:"Brockmann";
    color:#0f0f12 !important}

.marketingForm input {font-family:"Brockmann";}

.marketingForm tbody {border-color:#f8f8f9 !important}


.marketingForm p span{font-family:"Brockmann";
    color:#0f0f12 !important}
    
  .marketingForm .submitButtonWrapper {padding: 0px !important}

/* ===========================================
   PEEK CAROUSEL – Variante ohne Scale
   =========================================== */

.peek-carousel{
  --peek: clamp(72px, 12vw, 260px);  /* wie weit Nachbarn in die Mitte ragen */
  --side-opacity: .6;                /* Transparenz der Nachbarn */
  --anim: .45s cubic-bezier(.2,.8,.2,1);
}

.peek-carousel .swiper,
.peek-carousel .elementor-main-swiper{
  overflow: visible !important;
}

.peek-carousel .swiper-slide{
  transition: transform var(--anim), opacity var(--anim);
  will-change: transform, opacity;
  backface-visibility: hidden;
  transform-style: preserve-3d;
}

/* Aktive Slide bleibt völlig stabil */
.peek-carousel .swiper-slide-active{
  transform: none !important;
  opacity: 1;
  z-index: 3;
}

/* Entfernte Slides leicht abblenden */
.peek-carousel .swiper-slide:not(.swiper-slide-active){
  z-index: 1;
  opacity: var(--side-opacity);
}

/* Verhindert Clipping durch Elementor */
.peek-carousel .elementor-widget-container{ overflow: visible !important; }

.peek-carousel .swiper-button-prev,
.peek-carousel .swiper-button-next{ position: relative; z-index: 6; }

@media (max-width:767px){
  .peek-carousel{
    --peek: clamp(48px, 20vw, 120px);
    --side-opacity: .7;
  }
}


.e-search-submit {display:none !important}


.footermenu a:hover {text-decoration: underline !important}}
.footermenu a{color:#fff !important}}


.elementor-popup-modal[data-id="2670"],
.elementor-popup-modal[data-id="2670"] .dialog-widget-overlay,
.elementor-popup-modal[data-id="2670"] .dialog-widget-content{
  pointer-events: none !important;
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Brockmann';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://aubex.de/wp-content/uploads/2025/09/brockmann-medium-webfont.woff2') format('woff2'),
		url('https://aubex.de/wp-content/uploads/2025/09/brockmann-medium-webfont.woff') format('woff'),
		url('https://aubex.de/wp-content/uploads/2025/09/brockmann-medium-1.ttf') format('truetype');
}
@font-face {
	font-family: 'Brockmann';
	font-style: normal;
	font-weight: 500;
	font-display: auto;
	src: url('https://aubex.de/wp-content/uploads/2025/09/brockmann-medium-webfont.woff2') format('woff2'),
		url('https://aubex.de/wp-content/uploads/2025/09/brockmann-medium-webfont.woff') format('woff'),
		url('https://aubex.de/wp-content/uploads/2025/09/brockmann-medium-1.ttf') format('truetype');
}
/* End Custom Fonts CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Inter';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://aubex.de/wp-content/uploads/2025/09/Inter_18pt-Regular.ttf') format('truetype');
}
@font-face {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 400;
	font-display: auto;
	src: url('https://aubex.de/wp-content/uploads/2025/09/Inter_18pt-Regular.ttf') format('truetype');
}
@font-face {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 600;
	font-display: auto;
	src: url('https://aubex.de/wp-content/uploads/2025/09/Inter_18pt-SemiBold.ttf') format('truetype');
}
@font-face {
	font-family: 'Inter';
	font-style: italic;
	font-weight: 400;
	font-display: auto;
	src: url('https://aubex.de/wp-content/uploads/2025/09/Inter_18pt-Italic.ttf') format('truetype');
}
@font-face {
	font-family: 'Inter';
	font-style: italic;
	font-weight: 600;
	font-display: auto;
	src: url('https://aubex.de/wp-content/uploads/2025/09/Inter_18pt-SemiBoldItalic.ttf') format('truetype');
}
@font-face {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 700;
	font-display: auto;
	src: url('https://aubex.de/wp-content/uploads/2025/09/Inter_18pt-Bold.ttf') format('truetype');
}
@font-face {
	font-family: 'Inter';
	font-style: normal;
	font-weight: bold;
	font-display: auto;
	src: url('https://aubex.de/wp-content/uploads/2025/09/Inter_18pt-Bold.ttf') format('truetype');
}
/* End Custom Fonts CSS */