.elementor .e-176dd02-d6e37df{height:90px;position:fixed;z-index:3;opacity: 0;
visibility: hidden;
transform: translate3d(0, -140px, 0);
pointer-events: none;

animation:
intro-menu-in
1.3s
cubic-bezier(.22, 1, .36, 1)
3s
both;

will-change: transform, opacity;\n}.elementor .e-ee92631-79876b6{justify-content:center;position: absolute;
inset: 0;
width: 100%;
height: 100%;
z-index: 2;
pointer-events: none;

background-color: #F7F1EA;

/* Größe des Logos */
--logo-size: clamp(180px, 22vw, 320px);

/* Logo-Datei */
--logo-url: url("https://eyland-sylt.100server.100hosting.de/wp-content/uploads/2026/07/2026-07-21_Eyland-Sylt_Logosymbol_weiss_V01.svg");

/* Vollfläche minus Logo */
-webkit-mask-image:
linear-gradient(#fff 0 0),
var(--logo-url);

mask-image:
linear-gradient(#fff 0 0),
var(--logo-url);

-webkit-mask-repeat: no-repeat, no-repeat;
mask-repeat: no-repeat, no-repeat;

-webkit-mask-position: center, center;
mask-position: center, center;

-webkit-mask-size:
100% 100%,
var(--logo-size) auto;

mask-size:
100% 100%,
var(--logo-size) auto;

/* wichtig für saubere SVG-Auswertung */
-webkit-mask-mode: alpha, alpha;
mask-mode: alpha, alpha;

/* Logo aus der Vollfläche "herausschneiden" */
-webkit-mask-composite: xor;
mask-composite: exclude;

/* Intro-Timing */
--intro-delay: 1.6s;
--intro-duration: 1.45s;
--intro-end-size: 1000vmax;

visibility: visible;

animation:
intro-logo-open
var(--intro-duration)
cubic-bezier(.72, 0, .18, 1)
var(--intro-delay)
1
normal
forwards;

will-change: -webkit-mask-size, mask-size, opacity;\n}.elementor .e-69a757d-dbc7a81{width:60%;font-family:"Jost";font-weight:400;font-size:5em;color:#ffffff;line-height:100%;text-align:center;/* Ausgangszustand */
transform: translate3d(0, 250px, 0);
pointer-events: none;

/* Startet direkt nach dem Intro */
animation:
intro-content-in
1.3s
cubic-bezier(.22, 1, .36, 1)
3s
both;

will-change: transform, opacity;\n}.elementor .e-0277de4-70c9b01{overflow:hidden;justify-content:center;}.elementor .e-0426c37-05e0213{width:100%;height:90px;max-width:1920px;position:absolute;inset-block-end:0px;padding-block-start:16px;padding-block-end:16px;padding-inline-start:50px;padding-inline-end:50px;flex-direction:column;row-gap:10px;justify-content:center;align-items:center;opacity: 0;
visibility: hidden;
transform: translate3d(0, -140px, 0);
pointer-events: none;

animation:
intro-menu-in
1.3s
cubic-bezier(.22, 1, .36, 1)
3s
both;

will-change: transform, opacity;\n}.elementor .e-ead054d-6feb939{position:relative;inset-block-start:0px;flex-direction:column;justify-content:center;align-items:center;}.elementor .e-9f5d5f0-091aee4{overflow:visible;position:relative;z-index:2;padding:0px;background-image:linear-gradient(180deg, rgba(0, 0, 0, 0.33) 0%,rgba(0, 0, 0, 0.1) 100%),url("https://eyland-sylt.100server.100hosting.de/wp-content/uploads/2026/07/Vermittelte-Immobilien-Startbild.jpg");background-repeat:repeat,no-repeat;background-attachment:scroll;background-size:auto auto,cover;background-position:0% 0%;flex-direction:column;}.elementor .e-d31c093-f7cd97e{width:100%;padding:50px;background-color:#ffffff;}.elementor .e-d62bde0-d0085eb{height:auto;flex-direction:column;gap:10px;justify-content:flex-end;align-items:end;}