.elementor-33 .elementor-element.elementor-element-606ae01{--display:flex;--position:absolute;--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:space-between;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:nowrap;--border-radius:50px 50px 50px 50px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:20px;--padding-top:8px;--padding-bottom:8px;--padding-left:30px;--padding-right:8px;top:20px;--z-index:50;}body:not(.rtl) .elementor-33 .elementor-element.elementor-element-606ae01{left:0px;}body.rtl .elementor-33 .elementor-element.elementor-element-606ae01{right:0px;}.elementor-33 .elementor-element.elementor-element-8cb6f9e{--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;--flex-wrap:nowrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-33 .elementor-element.elementor-element-8cb6f9e.e-con{--flex-grow:1;--flex-shrink:0;}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:hover,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-accent );}.elementor-widget-nav-menu .e--pointer-framed .elementor-item:before,
					.elementor-widget-nav-menu .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-accent );}.elementor-widget-nav-menu{--e-nav-menu-divider-color:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-33 .elementor-element.elementor-element-a7eb414.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-33 .elementor-element.elementor-element-a7eb414 .elementor-menu-toggle{margin:0 auto;}.elementor-33 .elementor-element.elementor-element-a7eb414 .elementor-nav-menu .elementor-item{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 );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-33 .elementor-element.elementor-element-a7eb414 .elementor-nav-menu--main .elementor-item:hover,
					.elementor-33 .elementor-element.elementor-element-a7eb414 .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-33 .elementor-element.elementor-element-a7eb414 .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-33 .elementor-element.elementor-element-a7eb414 .elementor-nav-menu--main .elementor-item:focus{color:#EE7665;fill:#EE7665;}.elementor-33 .elementor-element.elementor-element-a7eb414 .elementor-nav-menu--main .elementor-item{padding-left:4px;padding-right:4px;padding-top:0px;padding-bottom:0px;}.elementor-33 .elementor-element.elementor-element-a7eb414{--e-nav-menu-horizontal-menu-item-margin:calc( 62px / 2 );}.elementor-33 .elementor-element.elementor-element-a7eb414 .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:62px;}.elementor-33 .elementor-element.elementor-element-9b5a288{--display:flex;--position:absolute;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;top:0px;--z-index:100;}.elementor-33 .elementor-element.elementor-element-9b5a288.e-con{--flex-grow:0;--flex-shrink:0;}body:not(.rtl) .elementor-33 .elementor-element.elementor-element-9b5a288{left:0px;}body.rtl .elementor-33 .elementor-element.elementor-element-9b5a288{right:0px;}.elementor-33 .elementor-element.elementor-element-094fec0{width:var( --container-widget-width, 100% );max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-33 .elementor-element.elementor-element-1554fb3{--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 30px;--row-gap:0px;--column-gap:30px;--flex-wrap:nowrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-33 .elementor-element.elementor-element-1554fb3.e-con{--flex-grow:1;--flex-shrink:0;}.elementor-33 .elementor-element.elementor-element-9cc6937 .elementor-menu-toggle{margin:0 auto;}.elementor-33 .elementor-element.elementor-element-9cc6937 .elementor-nav-menu .elementor-item{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 );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-33 .elementor-element.elementor-element-9cc6937 .elementor-nav-menu--main .elementor-item{padding-left:4px;padding-right:4px;padding-top:0px;padding-bottom:0px;}.elementor-33 .elementor-element.elementor-element-9cc6937{--e-nav-menu-horizontal-menu-item-margin:calc( 58px / 2 );}.elementor-33 .elementor-element.elementor-element-9cc6937 .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:58px;}.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-33 .elementor-element.elementor-element-4878876 .elementor-button{background-color:#EE7665;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 );letter-spacing:var( --e-global-typography-secondary-letter-spacing );transition-duration:0.6s;border-radius:50px 50px 50px 50px;}.elementor-33 .elementor-element.elementor-element-4878876 .elementor-button:hover, .elementor-33 .elementor-element.elementor-element-4878876 .elementor-button:focus{background-color:var( --e-global-color-primary );color:var( --e-global-color-accent );}.elementor-33 .elementor-element.elementor-element-4878876{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-33 .elementor-element.elementor-element-4878876 .elementor-button:hover svg, .elementor-33 .elementor-element.elementor-element-4878876 .elementor-button:focus svg{fill:var( --e-global-color-accent );}.elementor-33{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(min-width:768px){.elementor-33 .elementor-element.elementor-element-606ae01{--width:100%;}.elementor-33 .elementor-element.elementor-element-8cb6f9e{--width:auto;}.elementor-33 .elementor-element.elementor-element-9b5a288{--width:auto;}.elementor-33 .elementor-element.elementor-element-1554fb3{--width:auto;}}@media(max-width:1024px){.elementor-33 .elementor-element.elementor-element-a7eb414 .elementor-nav-menu .elementor-item{font-size:var( --e-global-typography-secondary-font-size );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-33 .elementor-element.elementor-element-9cc6937 .elementor-nav-menu .elementor-item{font-size:var( --e-global-typography-secondary-font-size );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-33 .elementor-element.elementor-element-4878876 .elementor-button{font-size:var( --e-global-typography-secondary-font-size );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}}@media(max-width:767px){.elementor-33 .elementor-element.elementor-element-a7eb414 .elementor-nav-menu .elementor-item{font-size:var( --e-global-typography-secondary-font-size );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-33 .elementor-element.elementor-element-9cc6937 .elementor-nav-menu .elementor-item{font-size:var( --e-global-typography-secondary-font-size );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-33 .elementor-element.elementor-element-4878876 .elementor-button{font-size:var( --e-global-typography-secondary-font-size );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}}/* Start custom CSS for container, class: .elementor-element-9b5a288 */.elementor-33 .elementor-element.elementor-element-9b5a288 {
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-606ae01 *//* NEU: Verhindert das Aufblitzen durch einen weichen Fade-In beim Laden */
@keyframes headerFadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

/* 1. GRUNDZUSTAND (Oben auf der Seite) */
.elementor-33 .elementor-element.elementor-element-606ae01 {
  animation: headerFadeIn 2s ease forwards !important; /* Versteckt den Lade-Ruckler */
  
  width: 100% !important; 
  max-width: 1400px !important; 
  left: 50% !important;
  transform: translateX(-50%) !important;
  
  background-color: transparent !important;
  border: 2px solid transparent !important;
  backdrop-filter: blur(0px) !important;
  -webkit-backdrop-filter: blur(0px) !important;
  box-shadow: none !important;
  
  transition: all 0.6s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* SVG Logo weiss färben im Grundzustand (NEU: Direkt über die Farbe, ohne aggressiven Filter!) */
.elementor-33 .elementor-element.elementor-element-606ae01:not(.elementor-sticky--effects) .custom-logo svg path,
.elementor-33 .elementor-element.elementor-element-606ae01:not(.elementor-sticky--effects) .custom-logo svg polygon,
.elementor-33 .elementor-element.elementor-element-606ae01:not(.elementor-sticky--effects) .custom-logo svg circle,
.elementor-33 .elementor-element.elementor-element-606ae01:not(.elementor-sticky--effects) .custom-logo svg text {
  fill: #ffffff !important;
  color: #ffffff !important;
  transition: fill 0.4s ease, color 0.4s ease !important;
}

/* Menüpunkte weiss im Grundzustand */
.elementor-33 .elementor-element.elementor-element-606ae01 .elementor-nav-menu a {
  color: rgba(255, 255, 255, 0.8) !important;
  transition: all 0.6s ease !important;
}

/* Hover-Effekt für Menüpunkte im Grundzustand */
.elementor-33 .elementor-element.elementor-element-606ae01 .elementor-nav-menu a:hover {
  color: #da5d52 !important; 
  -webkit-text-stroke: 0.6px #da5d52 !important; 
}

/* NEU: Logo dunkel färben im Scrollzustand (Sticky) */
.elementor-33 .elementor-element.elementor-element-606ae01.elementor-sticky--effects .custom-logo svg path,
.elementor-33 .elementor-element.elementor-element-606ae01.elementor-sticky--effects .custom-logo svg polygon,
.elementor-33 .elementor-element.elementor-element-606ae01.elementor-sticky--effects .custom-logo svg circle,
.elementor-33 .elementor-element.elementor-element-606ae01.elementor-sticky--effects .custom-logo svg text {
  fill: rgba(17, 17, 17, 0.8) !important;
  color: rgba(17, 17, 17, 0.8) !important;
  transition: fill 0.4s ease, color 0.4s ease !important;
}

/* NEU: Aktiver Menüpunkt (aktuelle Seite) im Grundzustand in Akzentfarbe */
.elementor-33 .elementor-element.elementor-element-606ae01 .elementor-nav-menu .current-menu-item > a,
.elementor-33 .elementor-element.elementor-element-606ae01 .elementor-nav-menu .current_page_item > a,
.elementor-33 .elementor-element.elementor-element-606ae01 .elementor-nav-menu a.elementor-item-active {
  color: #da5d52 !important;
  -webkit-text-stroke: 0.6px #da5d52 !important;
}

/* ---------------------------------------------------- */
/* 2. APPLE LIQUID GLASS EFFEKT (Beim Scrollen)         */
/* ---------------------------------------------------- */
.elementor-33 .elementor-element.elementor-element-606ae01.elementor-sticky--effects {
  background-color: rgba(245, 243, 238, 0.4) !important; 
  backdrop-filter: blur(24px) saturate(250%) !important;
  -webkit-backdrop-filter: blur(24px) saturate(250%) !important;
  border: 2px solid rgba(255, 255, 255, 0.3) !important;
  border-bottom: 2px solid rgba(255, 255, 255, 0.3) !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3) !important;
}

/* Dunkle Menüpunkte beim Scrollen */
.elementor-33 .elementor-element.elementor-element-606ae01.elementor-sticky--effects .elementor-nav-menu a {
  color: rgba(17, 17, 17, 0.8) !important;
}

/* Hover-Farbe beim Scrollen */
.elementor-33 .elementor-element.elementor-element-606ae01.elementor-sticky--effects .elementor-nav-menu a:hover {
  color: #da5d52 !important;
  -webkit-text-stroke: 0.6px #da5d52 !important;
}

/* NEU: Aktiver Menüpunkt (aktuelle Seite) beim Scrollen in Akzentfarbe */
.elementor-33 .elementor-element.elementor-element-606ae01.elementor-sticky--effects .elementor-nav-menu .current-menu-item > a,
.elementor-33 .elementor-element.elementor-element-606ae01.elementor-sticky--effects .elementor-nav-menu .current_page_item > a,
.elementor-33 .elementor-element.elementor-element-606ae01.elementor-sticky--effects .elementor-nav-menu a.elementor-item-active {
  color: #da5d52 !important;
  -webkit-text-stroke: 0.6px #da5d52 !important;
}

/* ---------------------------------------------------- */
/* LOGO ANIMATION BEIM SCROLLEN                         */
/* ---------------------------------------------------- */

/* 1. Der Text blendet weich aus (ohne zu verrutschen) */
.elementor-33 .elementor-element.elementor-element-606ae01.elementor-sticky--effects .custom-logo .logo-text {
  opacity: 0 !important;
  transform: scale(0.95);
  transform-origin: center center;
  pointer-events: none;
}
.elementor-33 .elementor-element.elementor-element-606ae01 .custom-logo .logo-text {
  transition: all 0.3s ease !important;
  opacity: 0.8 !important; 
  transform: scale(1);
  transform-origin: center center;
}

/* 2. Das Symbol zentriert sich leicht */
.elementor-33 .elementor-element.elementor-element-606ae01.elementor-sticky--effects .custom-logo .logo-symbol {
  transform: scale(0.8) !important;
}

/* Das Symbol als Ganzes bekommt den Skalierungs-Übergang */
.elementor-33 .elementor-element.elementor-element-606ae01 .custom-logo .logo-symbol {
  transition: transform 0.4s ease, opacity 0.4s ease !important;
  transform-origin: center center !important;
  transform-box: fill-box !important;
  opacity: 0.8 !important; 
}

/* Das Symbol leuchtet beim Hovern (auch ganz oben) auf 100% auf */
.elementor-33 .elementor-element.elementor-element-606ae01 .custom-logo .logo-symbol:hover {
  opacity: 1 !important;
}

/* Nur die echten Formen (Pfade) bekommen den Farb-Übergang */
.elementor-33 .elementor-element.elementor-element-606ae01 .custom-logo .logo-symbol path,
.elementor-33 .elementor-element.elementor-element-606ae01 .custom-logo .logo-symbol polygon,
.elementor-33 .elementor-element.elementor-element-606ae01 .custom-logo .logo-symbol circle {
  transition: fill 0.6s ease, color 0.4s ease !important;
}

/* Hover-Effekt für das Symbol (nur Skalierung, nur nach dem Scrollen) */
.elementor-33 .elementor-element.elementor-element-606ae01.elementor-sticky--effects .custom-logo .logo-symbol:hover {
  transform: scale(0.88) !important; 
  cursor: pointer !important;
  opacity: 1 !important; 
}

/* Das Logo leuchtet jetzt ÜBERALL in der neuen Akzentfarbe auf (Grundzustand & Sticky) */
.elementor-33 .elementor-element.elementor-element-606ae01 .custom-logo .logo-symbol:hover path,
.elementor-33 .elementor-element.elementor-element-606ae01 .custom-logo .logo-symbol:hover polygon,
.elementor-33 .elementor-element.elementor-element-606ae01 .custom-logo .logo-symbol:hover circle {
  fill: #da5d52 !important;
  color: #da5d52 !important;
}

/* Macht die Hilfs-Box zu einer massiven "Glasplatte" für die Maus! */
.elementor-33 .elementor-element.elementor-element-606ae01 .custom-logo .logo-symbol .hover-box {
  fill: #ffffff !important; 
  opacity: 0.01 !important; 
  pointer-events: all !important; 
}

/* ---------------------------------------------------- */
/* ICONS IM MENÜ (Google Fonts)                         */
/* ---------------------------------------------------- */

/* NEU: Killt die versteckten Listen-Abstände von Elementor komplett */
.elementor-33 .elementor-element.elementor-element-606ae01 .elementor-nav-menu ul {
  padding: 0 !important;
  margin: 0 !important;
}

/* NEU: Flexbox & Gap für die Menüs (ersetzt die unsichtbaren Elementor-Abstände) */
.elementor-33 .elementor-element.elementor-element-606ae01 .elementor-nav-menu {
  display: flex !important;
  gap: 40px !important; /* Hier kannst du den Abstand zwischen Film, Foto, Web anpassen */
}

/* Zwingt Menüpunkt und Icon auf eine perfekte Linie */
.elementor-33 .elementor-element.elementor-element-606ae01 .elementor-nav-menu a.elementor-item {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important; 
  padding-left: 0 !important; /* HIER IST DIE LÖSUNG: Löscht das unsichtbare Polster vor "film" */
  padding-right: 0 !important; 
}

/* Feinschliff für die Icons */
.elementor-33 .elementor-element.elementor-element-606ae01 .elementor-nav-menu a .material-symbols-outlined {
  font-size: 1.2em !important; 
  color: inherit !important; 
  transition: all 0.5s ease !important;
  margin-top: -2px !important; 
}

/* ---------------------------------------------------- */
/* ICONS IM BUTTON (Google Fonts)                       */
/* ---------------------------------------------------- */

/* Zwingt das Icon und den Text im Button auf eine Linie */
.elementor-33 .elementor-element.elementor-element-606ae01 .elementor-button-text {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
}

/* Feinschliff für das Button-Icon */
.elementor-33 .elementor-element.elementor-element-606ae01 .elementor-button-text .material-symbols-outlined {
  margin-top: 0px !important; 
}

/* ---------------------------------------------------- */
/* BUTTON FARBEN (Grundzustand vs. Scrollen)            */
/* ---------------------------------------------------- */

/* 1. GRUNDZUSTAND (Ganz oben): Button ist weiss, Text ist dunkel */
.elementor-33 .elementor-element.elementor-element-606ae01 .elementor-button {
  background-color: #ffffff !important;
  color: #111111 !important; 
  transition: all 0.6s ease !important;
}

/* Falls du ein Icon im Button hast, wird dieses auch dunkel */
.elementor-33 .elementor-element.elementor-element-606ae01 .elementor-button .material-symbols-outlined {
  color: #111111 !important;
  transition: all 0.6s ease !important;
}

/* 2. BEIM SCROLLEN (Sticky): Button wechselt zur NEUEN Akzentfarbe */
.elementor-33 .elementor-element.elementor-element-606ae01.elementor-sticky--effects .elementor-button {
  background-color: #da5d52 !important;
  color: #ffffff !important;
}

/* Icon im Button beim Scrollen weiss färben */
.elementor-33 .elementor-element.elementor-element-606ae01.elementor-sticky--effects .elementor-button .material-symbols-outlined {
  color: #ffffff !important;
}

/* ---------------------------------------------------- */
/* BUTTON HOVER-EFFEKTE                                 */
/* ---------------------------------------------------- */

/* 1. HOVER GANZ OBEN (Wenn der Button weiss ist) */
.elementor-33 .elementor-element.elementor-element-606ae01 .elementor-button:hover {
  background-color: #da5d52 !important; 
  color: #ffffff !important; 
}

.elementor-33 .elementor-element.elementor-element-606ae01 .elementor-button:hover .material-symbols-outlined {
  color: #ffffff !important; 
}

/* 2. HOVER BEIM SCROLLEN (Wenn der Button bereits die Akzentfarbe hat) */
.elementor-33 .elementor-element.elementor-element-606ae01.elementor-sticky--effects .elementor-button:hover {
  background-color: #4A4644 !important; 
  color: #da5d52 !important;
}

.elementor-33 .elementor-element.elementor-element-606ae01.elementor-sticky--effects .elementor-button:hover .material-symbols-outlined {
  color: #da5d52 !important;
}/* End custom CSS */
/* Start custom CSS */margin: 0px !important;
padding: 0px !important;/* End custom CSS */