.elementor-6090 .elementor-element.elementor-element-7e89fb1e{--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;--justify-content:center;--align-items:center;--gap:0% 0%;--row-gap:0%;--column-gap:0%;--flex-wrap:nowrap;--margin-top:10px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--z-index:1000;}.elementor-6090 .elementor-element.elementor-element-7e89fb1e:not(.elementor-motion-effects-element-type-background), .elementor-6090 .elementor-element.elementor-element-7e89fb1e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF00;}.elementor-6090 .elementor-element.elementor-element-42b4da49{--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;--justify-content:flex-start;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:0px;}.elementor-widget-heading .elementor-heading-title{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 );font-style:var( --e-global-typography-primary-font-style );text-transform:var( --e-global-typography-primary-text-transform );text-decoration:var( --e-global-typography-primary-text-decoration );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );word-spacing:var( --e-global-typography-primary-word-spacing );color:var( --e-global-color-primary );}.elementor-6090 .elementor-element.elementor-element-52b77e8f{text-align:start;}.elementor-6090 .elementor-element.elementor-element-52b77e8f .elementor-heading-title{font-family:"Inter", Sans-serif;font-weight:500;font-style:normal;text-transform:none;text-decoration:none;line-height:0px;letter-spacing:0px;word-spacing:0em;}.elementor-6090 .elementor-element.elementor-element-3d66963b{--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;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-6090 .elementor-element.elementor-element-3d66963b.e-con{--align-self:center;}.elementor-widget-theme-site-logo .widget-image-caption{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 );font-style:var( --e-global-typography-text-font-style );text-transform:var( --e-global-typography-text-text-transform );text-decoration:var( --e-global-typography-text-text-decoration );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );word-spacing:var( --e-global-typography-text-word-spacing );}.elementor-6090 .elementor-element.elementor-element-79fbaf01.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-6090 .elementor-element.elementor-element-79fbaf01{text-align:center;}.elementor-6090 .elementor-element.elementor-element-79fbaf01 img{width:40px;height:40px;object-fit:contain;object-position:center center;}.elementor-6090 .elementor-element.elementor-element-46f98896{--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;--justify-content:flex-end;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-6090 .elementor-element.elementor-element-46f98896.e-con{--align-self:center;}.elementor-6090 .elementor-element.elementor-element-fcd76fc{--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;--justify-content:flex-end;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:20px;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );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 );font-style:var( --e-global-typography-accent-font-style );text-transform:var( --e-global-typography-accent-text-transform );text-decoration:var( --e-global-typography-accent-text-decoration );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );word-spacing:var( --e-global-typography-accent-word-spacing );}.elementor-6090 .elementor-element.elementor-element-79f9ad5c.elementor-element{--align-self:center;}.elementor-6090 .elementor-element.elementor-element-79f9ad5c .elementor-button{font-family:"Inter", Sans-serif;font-size:15px;font-weight:600;font-style:normal;text-transform:uppercase;text-decoration:none;line-height:1px;letter-spacing:0px;word-spacing:0em;text-shadow:0px 0px 10px rgba(0,0,0,0.3);border-radius:5px 5px 5px 5px;padding:04px 10px 04px 10px;}.elementor-6090 .elementor-element.elementor-element-28c5ea2e.elementor-element{--align-self:center;}.elementor-6090 .elementor-element.elementor-element-28c5ea2e .elementor-button{font-family:"Inter", Sans-serif;font-size:15px;font-weight:600;font-style:normal;text-transform:uppercase;text-decoration:none;line-height:1px;letter-spacing:0px;word-spacing:0em;text-shadow:0px 0px 10px rgba(0,0,0,0.3);border-radius:5px 5px 5px 5px;padding:04px 10px 04px 10px;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:1250px){.elementor-6090 .elementor-element.elementor-element-7e89fb1e{--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;--margin-top:10px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );word-spacing:var( --e-global-typography-primary-word-spacing );}.elementor-6090 .elementor-element.elementor-element-52b77e8f .elementor-heading-title{font-size:50px;line-height:0em;}.elementor-widget-theme-site-logo .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );word-spacing:var( --e-global-typography-text-word-spacing );}.elementor-6090 .elementor-element.elementor-element-79fbaf01 img{width:30px;height:30px;}.elementor-6090 .elementor-element.elementor-element-46f98896{--justify-content:flex-end;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-6090 .elementor-element.elementor-element-fcd76fc{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:10px;}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );word-spacing:var( --e-global-typography-accent-word-spacing );}.elementor-6090 .elementor-element.elementor-element-79f9ad5c .elementor-button{font-size:45px;}.elementor-6090 .elementor-element.elementor-element-28c5ea2e .elementor-button{font-size:45px;}}@media(min-width:768px){.elementor-6090 .elementor-element.elementor-element-7e89fb1e{--width:100%;}.elementor-6090 .elementor-element.elementor-element-42b4da49{--width:40%;}.elementor-6090 .elementor-element.elementor-element-3d66963b{--width:20%;}.elementor-6090 .elementor-element.elementor-element-46f98896{--width:40%;}.elementor-6090 .elementor-element.elementor-element-fcd76fc{--width:100%;}}@media(max-width:1250px) and (min-width:768px){.elementor-6090 .elementor-element.elementor-element-7e89fb1e{--width:100%;}.elementor-6090 .elementor-element.elementor-element-42b4da49{--width:40%;}.elementor-6090 .elementor-element.elementor-element-46f98896{--width:40%;}.elementor-6090 .elementor-element.elementor-element-fcd76fc{--width:100%;}}@media(max-width:767px){.elementor-6090 .elementor-element.elementor-element-7e89fb1e{--width:100%;}.elementor-6090 .elementor-element.elementor-element-42b4da49{--width:40%;--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;--padding-top:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:0px;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );word-spacing:var( --e-global-typography-primary-word-spacing );}.elementor-6090 .elementor-element.elementor-element-52b77e8f .elementor-heading-title{font-size:34px;line-height:0em;}.elementor-6090 .elementor-element.elementor-element-3d66963b{--width:20%;}.elementor-widget-theme-site-logo .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );word-spacing:var( --e-global-typography-text-word-spacing );}.elementor-6090 .elementor-element.elementor-element-79fbaf01 img{width:25px;height:25px;}.elementor-6090 .elementor-element.elementor-element-46f98896{--width:40%;}.elementor-6090 .elementor-element.elementor-element-fcd76fc{--width:100%;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:10px;}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );word-spacing:var( --e-global-typography-accent-word-spacing );}.elementor-6090 .elementor-element.elementor-element-79f9ad5c .elementor-button{font-size:40px;letter-spacing:8px;}.elementor-6090 .elementor-element.elementor-element-28c5ea2e .elementor-button{font-size:40px;letter-spacing:8px;}}/* Start custom CSS for heading, class: .elementor-element-52b77e8f *//* =========================================================
   HERO HEADING – 2 LINES, FULL CONTROL (PX ONLY)
   ========================================================= */

:root{
  /* Abstand zwischen Zeile 1 und 2 */
  --hero-gap: 3px;

  /* Line-heights separat */
  --hero-lh-name: 1.05;
  --hero-lh-role: 1.05;
}

/* Base line setup */
.hero-line{
  display:block;
  white-space:nowrap;
  margin:0;              /* wichtig: keine default margins */
  padding:0;
}

/* ======================
   LINE 1 – NAME
   ====================== */
.hero-name{
  font-size:20px;
  font-weight:500;
  letter-spacing:1.5px;
  line-height: var(--hero-lh-name);
}

/* ======================
   LINE 2 – ROLE
   ====================== */
.hero-role{
  font-size:12px;
  font-weight:300;
  letter-spacing:6.2px;
  line-height: var(--hero-lh-role);

  /* DER EINZIGE Abstand zwischen den Zeilen */
  margin-top: var(--hero-gap);
}

/* ======================
   TABLET
   ====================== */
@media (max-width:1024px){
  :root{
    --hero-gap: 2px;
    --hero-lh-name: 1.05;
    --hero-lh-role: 1.05;
  }

  .hero-name{
    font-size:13px;
    font-weight:600;
  }
  .hero-role{
    font-size:9px;
    font-weight:400;
    letter-spacing:4.4px;
  }
}

/* ======================
   MOBILE
   ====================== */
@media (max-width:767px){
  :root{
    --hero-gap: 2px;     /* <- hier kannst du super feinjustieren */
    --hero-lh-name: 1.05;
    --hero-lh-role: 1.00;
  }

  .hero-name{
    font-size:9px;
    font-weight:600;
  }
  .hero-role{
    font-size:5.5px;
    font-weight:400;
    letter-spacing:4px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fcd76fc *//* =========================================================
   HEADER RIGHT – BUTTON ROW (Filmproduction / Contact / Toggle)
   Place this CSS on the INNER button container
   ========================================================= */

.elementor-6090 .elementor-element.elementor-element-fcd76fc{
  display:flex;
  align-items:center;
  justify-content:flex-end;

  gap:20px;          /* desktop spacing */
  flex-wrap:nowrap;  /* never wrap to next line */
}

/* Keep each item from shrinking (prevents overlap/squish) */
.elementor-6090 .elementor-element.elementor-element-fcd76fc > *{
  flex: 0 0 auto;
  min-width: 0;
}

/* Tablet */
@media (max-width: 1024px){
  .elementor-6090 .elementor-element.elementor-element-fcd76fc{
    gap:16px;
  }
}

/* Mobile */
@media (max-width: 767px){
  .elementor-6090 .elementor-element.elementor-element-fcd76fc{
    gap:12px;
  }
}

/* Ultra small phones (optional safety) */
@media (max-width: 420px){
  .elementor-6090 .elementor-element.elementor-element-fcd76fc{
    gap:10px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7e89fb1e *//* =========================================================
   HEADER: overlay + invert (NO TOGGLE)
   Identische Sizes/Breakpoints wie Toggle-Header
   ========================================================= */

.elementor-6090 .elementor-element.elementor-element-7e89fb1e{
  mix-blend-mode: difference;
  position: fixed;
  top: 0; left: 0;
  width: 100%;
  z-index: 9999;
  isolation: isolate;

  /* =======================
     CONTROL PANEL — DESKTOP
     ======================= */

  /* spacing between items on the right (pills only) */
  --gm-right-gap: 6px;

  /* Pill sizing */
  --gm-pill-pad-y: 5px;
  --gm-pill-pad-x: 5px;
  --gm-pill-font: 14px; /* optional – only used if you want to force it */
}

/* Links */
.elementor-6090 .elementor-element.elementor-element-7e89fb1e a{ color:#fff !important; text-decoration:none; }
.elementor-6090 .elementor-element.elementor-element-7e89fb1e a:hover{ opacity:.75; }

/* =========================================================
   RIGHT SIDE: layout + spacing (CSS-driven)
   classes:
   - outer: gm-header-right
   - inner: gm-header-right-inner
   ========================================================= */

.elementor-6090 .elementor-element.elementor-element-7e89fb1e .gm-header-right{
  display:flex !important;
  justify-content:flex-end !important;
  align-items:center !important;
}

.elementor-6090 .elementor-element.elementor-element-7e89fb1e .gm-header-right .gm-header-right-inner{
  display:flex !important;
  justify-content:flex-end !important;
  align-items:center !important;
  flex-wrap:nowrap !important;
  gap: var(--gm-right-gap) !important;
}

.elementor-6090 .elementor-element.elementor-element-7e89fb1e .gm-header-right .gm-header-right-inner > .elementor-element{
  margin:0 !important;
}

/* Make widgets behave like real flex items */
.elementor-6090 .elementor-element.elementor-element-7e89fb1e .gm-header-right .gm-header-right-inner > .elementor-element,
.elementor-6090 .elementor-element.elementor-element-7e89fb1e .gm-header-right .gm-header-right-inner .elementor-widget,
.elementor-6090 .elementor-element.elementor-element-7e89fb1e .gm-header-right .gm-header-right-inner .elementor-widget-container{
  display:flex !important;
  align-items:center !important;
  width:auto !important;
  margin:0 !important;
  padding:0 !important;
}

/* =========================================================
   PILL BUTTON (gm-pill-cutout) – identical to toggle header
   ========================================================= */

.elementor-6090 .elementor-element.elementor-element-7e89fb1e .gm-pill-cutout{
  display:inline-flex;
  align-items:center;
}

.elementor-6090 .elementor-element.elementor-element-7e89fb1e .gm-pill-cutout .elementor-button{
  background:#fff !important;
  border:0 !important;
  border-radius:3px !important;

  /* variable-driven */
  padding: var(--gm-pill-pad-y) var(--gm-pill-pad-x) !important;

  line-height:1 !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  position:relative;
  isolation:isolate;
  transform:translateZ(0);
}

.elementor-6090 .elementor-element.elementor-element-7e89fb1e .gm-pill-cutout .elementor-button-text{
  color:#000 !important;
  mix-blend-mode:destination-out;
  line-height:1 !important;
  display:block !important;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;

  /* OPTIONAL: force pill font-size via variable
     (Remove next 2 lines if Elementor should fully control typography.) */
  font-size: var(--gm-pill-font) !important;
  letter-spacing: 0em !important;
}

@supports not (mix-blend-mode: destination-out){
  .elementor-6090 .elementor-element.elementor-element-7e89fb1e .gm-pill-cutout .elementor-button-text{
    mix-blend-mode:normal;
    color:#000 !important;
  }
}

/* =========================================================
   RESPONSIVE — same breakpoints as toggle header
   ========================================================= */

/* Tablet (<= 1024px) */
@media (max-width:1024px){
  .elementor-6090 .elementor-element.elementor-element-7e89fb1e{
    --gm-right-gap: 8px;
    --gm-pill-font: 12px;
  }
}

/* Mobile (<= 767px) */
@media (max-width:767px){
  .elementor-6090 .elementor-element.elementor-element-7e89fb1e{
    --gm-right-gap: 8px;

    /* Pills */
    --gm-pill-pad-y: 2px;
    --gm-pill-pad-x: 3px;
    --gm-pill-font: 8px; /* falls du es so im Toggle-Header hattest */
  }

  /* Wenn du stattdessen deine "finalen" Mobile-Pills nutzt,
     kannst du diese beiden Werte hier ändern (z.B. 3px/3px & 12px) */
}
/* =========================================================
   SAFARI FALLBACK – Cutout ohne Halo
   ========================================================= */
@supports (-webkit-touch-callout: none) {
  .elementor-6090 .elementor-element.elementor-element-7e89fb1e .gm-pill-cutout .elementor-button{
    background:#fff !important;
  }

  .elementor-6090 .elementor-element.elementor-element-7e89fb1e .gm-pill-cutout .elementor-button-text{
    mix-blend-mode: normal !important;
    color:#000 !important;
  }
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Inter';
	font-display: auto;
	src: url('https://grizzmount.com/wp-content/uploads/2026/02/Inter-VariableFont_opszwght.ttf') format('truetype');
}
/* End Custom Fonts CSS */