/* mojo-lp.css v1.01 (04.10.2026) -- MINIFIZIERT. Nicht hier bearbeiten -- Quelle: _system/mojo-lp.css */
.mojo-lp {
--lp-gold: #BCA150;
--lp-gold-hi: #D4BE7C;
--lp-gold-md: #A2893E;
--lp-gold-dk: #816D31;
--lp-gold-tief: #6E5C29;
--lp-olive: #22324A;
--lp-olive-hi: #8FA3C0;
--lp-olive-dk: #131C2A;
--lp-carbon: #0B0B0C;
--lp-obsidian: #141416;
--lp-basalt: #202024;
--lp-basalt-2: #2C2C31;
--lp-basalt-3: #3A3A40;
--lp-sand: #F2F2F2;
--lp-sand-2: #DEDEDE;
--lp-sand-3: #BDBDBD;
--lp-stone: #858585;
--lp-stone-dk: #5B5B5B;
--success: #5E7F32;
--warning: #A96C15;
--error: #A63A22;
--info: #2F5E6B;
--r-card: 12px;
--r-ui: 8px;
--r-sm: 4px;
--r-round: 50%;
--sp-section: clamp(56px, 9vh, 120px);
--sp-side: clamp(20px, 6vw, 100px);
--sp-head: clamp(28px, 4vw, 52px);
--sp-eyebrow: 18px;
--sp-title: 12px;
--sp-stack: 20px;
--gap-grid: clamp(16px, 2vw, 24px);
--gap-split: clamp(32px, 5vw, 80px);
--lp-nach-lauf: clamp(22px, 3vw, 44px);
--ease: cubic-bezier(.16, 1, .3, 1);
--t-ui: 220ms;
--t-reveal: 850ms;
--t-img: 650ms;
--font: Inter, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
--font-head: "Museo Sans", Inter, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
--lp-t-eyebrow: clamp(14px, .5vw + 10px, 16px);
--lp-t-h2: clamp(30px, 1.8vw + 18px, 54px);
--lp-t-h3: clamp(20px, .6vw + 16px, 28px);
--lp-t-body: clamp(15px, .8vw + 5px, 21px);
--lp-label: var(--lp-sand);
--lp-t-karte: clamp(15px, .3vw + 13px, 18px);
--lp-t-teaser: clamp(15px, .8vw + 5px, 17px);
--lp-t-klein: clamp(14px, .15vw + 12px, 15px);
--lp-split-min: clamp(240px, 26vw, 420px);
--lp-t-schau: clamp(44px, 3.6vw + 18px, 96px);
--lp-w-body: 500;
--lp-w-kopf: 800;
--bg: var(--lp-carbon);
--surface: var(--lp-obsidian);
--surface-2: var(--lp-basalt);
--border: #1A1A1D;
--text: #FFFFFF;
--text-muted: #FFFFFF;
--accent: var(--lp-gold);
--kante-rgb: 255, 255, 255;
--schatten-rgb: 0, 0, 0;
--gold-rgb: 188, 161, 80;
--auf-bild: #FFFFFF;
--bild-rgb: 10, 11, 7;
--auf-gold: var(--lp-carbon);
--text-leise: var(--lp-stone);
--kontur: rgba(var(--gold-rgb), .38);
--kontur-hi: rgba(var(--gold-rgb), .85);
--accent-flat: var(--lp-gold);
--accent-on: var(--lp-carbon);
--secondary: var(--lp-olive-hi);
--focus: var(--lp-gold);
}
.mojo-lp.lp-obsidian { --bg: var(--lp-obsidian); --surface: var(--lp-basalt); --surface-2: var(--lp-basalt-2); --border: #242428; }
.mojo-lp.lp-basalt { --bg: var(--lp-basalt); --surface: var(--lp-basalt-2); --surface-2: var(--lp-basalt-2); --border: var(--lp-basalt-3); --text-leise: var(--lp-sand-3); }
.mojo-lp.lp-olive { --bg: var(--lp-olive); --surface: rgba(var(--bild-rgb),.12); --surface-2: rgba(var(--bild-rgb),.20); --border: rgba(var(--kante-rgb),.28); --accent: var(--lp-sand); --secondary: #FFFFFF; --text-leise: var(--lp-sand); --kontur: rgba(242, 242, 242,.80); --kontur-hi: rgba(242, 242, 242,1); --gold-rgb: 10, 11, 7; }
.mojo-lp.lp-olive-dk { --bg: var(--lp-olive-dk); --surface: rgba(var(--bild-rgb),.16); --surface-2: rgba(var(--bild-rgb),.26); --border: rgba(var(--kante-rgb),.18); --text-leise: var(--lp-olive-hi); --accent: var(--lp-gold-hi); --kontur: rgba(188,161,80,.85); --kontur-hi: rgba(212,190,124,1); }
.mojo-lp.lp-sand { --schatten-rgb: 58, 52, 40; --bg: var(--lp-sand); --surface: #FFFFFF; --surface-2: var(--lp-sand-2); --border: var(--lp-sand-3); --text: var(--lp-carbon); --text-muted: var(--lp-stone-dk); --accent: var(--lp-gold-tief); --secondary: var(--lp-olive); --kante-rgb: 10, 11, 7; --text-leise: var(--lp-stone-dk); --kontur: rgba(110, 92, 41, .85); --kontur-hi: rgba(110, 92, 41, 1); --lp-label: var(--accent); }
.mojo-lp .mojo-lp {
--schatten-rgb: inherit; --bg: inherit; --surface: inherit; --surface-2: inherit;
--border: inherit; --text: inherit; --text-muted: inherit; --text-leise: inherit;
--accent: inherit; --secondary: inherit; --kante-rgb: inherit;
--kontur: inherit; --kontur-hi: inherit; --lp-label: inherit;
}
.mojo-lp {
background: var(--bg);
color: var(--text);
font-family: var(--font);
font-size: clamp(16px, 1.05vw, 20px);
font-weight: 500;
line-height: 1.65;
padding: var(--sp-section) var(--sp-side);
overflow-x: clip;
-webkit-font-smoothing: antialiased;
box-sizing: border-box;
}
.mojo-lp *, .mojo-lp *::before, .mojo-lp *::after { box-sizing: inherit; }
.mojo-lp img, .mojo-lp svg, .mojo-lp video, .mojo-lp iframe { max-width: 100%; height: auto; }
.mojo-lp.mojo-lp picture > img, .mojo-lp-schau picture > img, .mojo-lp-lupe picture > img {
display: block !important;
inline-size: 100% !important;
block-size: 100% !important;
max-width: 100% !important;
margin: 0 !important;
border: 0 !important;
padding: 0 !important;
object-fit: inherit;
object-position: inherit;
border-radius: inherit;
}
.mojo-lp.mojo-lp p { margin-block: 0 var(--sp-stack) !important; margin-inline: 0; max-width: 68ch;
padding-block: 0 !important; }
.mojo-lp.mojo-lp li:not([class*="lp-"]) { padding-block: 0 !important; }
.mojo-lp.mojo-lp p:last-child { margin-block-end: 0 !important; }
.mojo-lp .lp-inner { max-width: 100%; margin-inline: auto; }
.mojo-lp .lp-inner--wide { max-width: 100%; }
.mojo-lp .lp-inner--text { max-width: 68ch; }
.mojo-lp .lp-inner--left { margin-inline: 0; max-width: 1100px; }
.mojo-lp.lp-hero {
position: relative; isolation: isolate;
min-height: max(620px, 100svh);
display: flex;
align-items: center;
padding: clamp(56px, 9vh, 120px) clamp(20px, 6vw, 100px);
}
.mojo-lp.lp-hero--bottom { align-items: flex-end; }
.mojo-lp.lp-hero .lp-inner {
max-width: 1100px;
margin-inline: 0;
width: 100%;
position: relative; z-index: 3;
}
.mojo-lp.lp-hero--short { min-height: 420px; }
.mojo-lp.lp-hero--center { align-items: center; }
.mojo-lp.lp-hero--mitte { justify-content: center; }
.mojo-lp.lp-hero--mitte .lp-inner { max-width: 860px; margin-inline: auto; text-align: center; }
.mojo-lp.lp-hero--mitte .lp-inner p { margin-inline: auto; }
.mojo-lp.lp-hero--mitte .lp-lead { margin-inline: auto; }
.mojo-lp.lp-hero--mitte .lp-eyebrow--line { justify-content: center; }
.mojo-lp.lp-hero--mitte .lp-btn-row { justify-content: center; }
.mojo-lp.lp-hero--mitte .lp-hs__media::after {
background: linear-gradient(180deg, rgba(0,0,0,.58) 0%, rgba(0,0,0,.46) 45%, rgba(0,0,0,.74) 100%);
}
.mojo-lp h1, .mojo-lp .lp-display, .mojo-lp h2, .mojo-lp h3, .mojo-lp h4 {
margin-block: 0 var(--sp-title) !important;
margin-inline: 0;
color: var(--text);
hyphens: auto;
hyphenate-limit-chars: 10 5 4;
overflow-wrap: break-word;
text-wrap: balance;
}
.mojo-lp h1, .mojo-lp .lp-display {
font-size: clamp(30px, 4.4vw, 62px);
font-weight: 700; line-height: 1.06 !important; letter-spacing: -.025em;
}
.mojo-lp h2 {
font-size: clamp(32px, 3.8vw, 60px);
font-weight: 600; line-height: 1.12 !important; letter-spacing: -.02em;
}
.mojo-lp h3 {
font-size: clamp(18px, 1.8vw, 26px);
font-weight: 600; line-height: 1.25 !important; letter-spacing: -.01em;
}
.mojo-lp h4 { font-size: 18px; font-weight: 600; line-height: 1.35 !important; }
@media (min-width: 1440px) { .mojo-lp { --lp-w-body: 600; } }
@media (max-width: 1400px) {
.mojo-lp { font-size: clamp(14.5px, 1.2vw, 16px); }
.mojo-lp h1, .mojo-lp .lp-display { font-size: clamp(24px, 3.6vw, 44px); }
.mojo-lp h2 { font-size: clamp(24px, 3.2vw, 42px); }
}
@media (max-width: 600px) {
.mojo-lp h1, .mojo-lp .lp-display { font-size: clamp(22px, 6.5vw, 32px); }
.mojo-lp h2 { font-size: clamp(22px, 6.2vw, 34px); }
}
.mojo-lp .lp-lead { font-size: clamp(16px, 1.9vw, 20px); line-height: 1.5; max-width: 60ch; }
.mojo-lp .lp-small { font-size: 13px; line-height: 1.5; }
.mojo-lp.mojo-lp p.lp-eyebrow, .mojo-lp.mojo-lp .lp-eyebrow {
max-width: none;
font-size: 11px; font-weight: 700;
letter-spacing: .14em; text-transform: uppercase;
font-feature-settings: "case" 1;
color: var(--accent, var(--accent));
margin-block: 0 10px !important;
margin-inline: 0;
line-height: 1.65 !important;
padding-block: 0 !important;
}
.mojo-lp.lp-olive .lp-eyebrow { color: var(--text); }
.mojo-lp .lp-num {
font-size: clamp(2rem, 4vw, 3.5rem);
font-weight: 700; line-height: 1; letter-spacing: -.03em;
font-feature-settings: "tnum" 1;
}
.mojo-lp .lp-num-label { font-size: 13px; margin-top: 8px; }
.mojo-lp em, .mojo-lp .lp-mark {
font-style: normal; color: var(--accent);
font-weight: inherit; font-family: inherit;
font-size: inherit; letter-spacing: inherit; line-height: inherit;
}
.mojo-lp.lp-olive em, .mojo-lp.lp-olive .lp-mark { color: var(--text); font-weight: 600; }
.mojo-lp strong { font-weight: 600; }
.mojo-lp li { font-weight: inherit; }
.mojo-lp :is(p, li, dd, dt, td, th, figcaption, blockquote, summary, label) { overflow-wrap: break-word; }
.mojo-lp .lp-head { margin-bottom: var(--sp-head); }
.mojo-lp .lp-head--center { text-align: center; }
.mojo-lp .lp-head--center .lp-lead { margin-inline: auto; }
.mojo-lp .lp-head--split { display: flex; justify-content: space-between; align-items: flex-end; gap: 24px var(--gap-grid); flex-wrap: wrap; }
.mojo-lp .lp-head--split h2 { margin-block: 0 !important; }
.mojo-lp .lp-head > :last-child { margin-bottom: 0; }
.mojo-lp .lp-btn {
display: inline-flex; align-items: center; justify-content: center; gap: 8px;
font-family: var(--font); font-size: 15px; font-weight: 600; line-height: 1.2;
min-height: 44px; padding: 12px 24px;
border-radius: var(--r-ui); border: 1.5px solid transparent;
cursor: pointer; text-decoration: none;
transition: background var(--t-ui) var(--ease), color var(--t-ui) var(--ease), border-color var(--t-ui) var(--ease), transform var(--t-ui) var(--ease);
}
.mojo-lp .lp-btn--primary { background: var(--accent-flat); color: var(--accent-on); }
.mojo-lp .lp-btn--primary:hover { background: var(--lp-gold-hi); transform: translateY(-1px); }
.mojo-lp .lp-btn--primary:active { background: var(--lp-gold-md); transform: translateY(0); }
.mojo-lp .lp-btn--secondary { background: transparent; color: var(--text); border-color: rgba(var(--kante-rgb),.85); }
.mojo-lp .lp-btn--secondary:hover { border-color: var(--lp-gold); color: var(--accent); transform: translateY(-1px); }
.mojo-lp .lp-btn--ghost { background: transparent; color: var(--text); border-color: rgba(var(--kante-rgb),.85); }
.mojo-lp .lp-btn--ghost:hover { border-color: var(--lp-gold); transform: translateY(-1px); }
.mojo-lp .lp-btn--ghost::after {
content: ""; width: 8px; height: 8px; margin-left: 2px;
border-top: 2px solid currentColor; border-right: 2px solid currentColor;
transform: rotate(45deg); transition: transform var(--t-ui) var(--ease);
}
.mojo-lp .lp-btn--ghost:hover { color: var(--accent); }
.mojo-lp .lp-btn--ghost:hover::after { transform: rotate(45deg) translate(2px, -2px); }
.mojo-lp.lp-sand .lp-btn--secondary { color: var(--lp-carbon); border-color: var(--lp-carbon); }
.mojo-lp.lp-sand .lp-btn--secondary:hover { color: var(--lp-gold-dk); border-color: var(--lp-gold-dk); }
.mojo-lp.lp-sand .lp-btn--ghost { color: var(--lp-carbon); }
.mojo-lp.lp-sand .lp-btn--ghost:hover { color: var(--lp-gold-dk); }
.mojo-lp.lp-olive .lp-btn--primary { background: #FFFFFF; color: var(--lp-olive-dk); }
.mojo-lp.lp-olive .lp-btn--primary:hover { background: var(--lp-sand); }
.mojo-lp.lp-olive .lp-btn--primary:active { background: var(--lp-sand-2); }
.mojo-lp.lp-olive .lp-btn--secondary:hover { border-color: #FFFFFF; color: var(--text); opacity: .85; }
.mojo-lp .lp-btn[disabled], .mojo-lp .lp-btn.is-disabled {
background: var(--surface-2); color: var(--text-muted);
border-color: transparent; cursor: not-allowed; transform: none;
}
.mojo-lp.mojo-lp .lp-btn-row { display: flex; flex-wrap: wrap; gap: 12px; margin-block-start: calc(var(--sp-stack) + 6px) !important; }
@media (hover: none) {
.mojo-lp .lp-btn:hover, .mojo-lp .lp-btn:active { transform: none; }
}
.mojo-lp .lp-link {
color: var(--accent); text-decoration: underline; text-underline-offset: 3px;
transition: color var(--t-ui) var(--ease);
}
.mojo-lp .lp-link:hover { color: var(--accent); }
.mojo-lp.lp-sand .lp-link:hover { color: var(--lp-olive); }
.mojo-lp :is(a, button, [tabindex]):focus-visible {
outline: 2px solid var(--focus); outline-offset: 3px; border-radius: var(--r-sm);
}
.mojo-lp .lp-tag {
display: inline-flex; align-items: center;
font-size: 13px; font-weight: 500; line-height: 1;
padding: 6px 12px; border-radius: var(--r-sm);
background: var(--surface); border: 1px solid var(--border); color: var(--text);
}
.mojo-lp .lp-tag--accent { background: var(--accent-flat); border-color: transparent; color: var(--accent-on); }
.mojo-lp .lp-tag--olive { background: var(--lp-olive); border-color: transparent; color: var(--text); }
.mojo-lp .lp-tag-row { display: flex; flex-wrap: wrap; gap: 8px; }
.mojo-lp .lp-badge { display: inline-flex; align-items: center; gap: 6px; font-size: 13px; font-weight: 500; padding: 4px 10px; border-radius: var(--r-sm); }
.mojo-lp .lp-badge--success { background: var(--success); color: var(--text); }
.mojo-lp .lp-badge--warning { background: var(--warning); color: var(--lp-carbon); }
.mojo-lp .lp-badge--error { background: var(--error); color: var(--text); }
.mojo-lp .lp-badge--info { background: var(--info); color: var(--text); }
.mojo-lp .lp-grid { display: grid; gap: var(--gap-grid); }
.mojo-lp .lp-grid--2 { grid-template-columns: repeat(2, 1fr); }
.mojo-lp .lp-grid--3 { grid-template-columns: repeat(3, 1fr); }
.mojo-lp .lp-grid--4 { grid-template-columns: repeat(4, 1fr); }
.mojo-lp .lp-grid--auto { grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); }
.mojo-lp .lp-col-2 { grid-column: span 2; }
.mojo-lp .lp-row-2 { grid-row: span 2; }
.mojo-lp .lp-card {
background: var(--surface); border: 1px solid var(--border);
border-radius: var(--r-card); padding: clamp(20px, 2.5vw, 32px);
display: flex; flex-direction: column; gap: 10px;
}
.mojo-lp .lp-card > * { margin: 0; }
.mojo-lp .lp-card h3 { margin-block: 0 2px !important; }.mojo-lp.mojo-lp .lp-card h3, .mojo-lp.mojo-lp .lp-tile__body h3, .mojo-lp.mojo-lp .lp-ps__body h3, .mojo-lp.mojo-lp .lp-panels__body h3, .mojo-lp.mojo-lp .lp-buehne__content h3, .mojo-lp.mojo-lp .lp-stack__inhalt h3, .mojo-lp.mojo-lp .lp-plist__name, .mojo-lp.mojo-lp .lp-prob__karte h3, .mojo-lp.mojo-lp .lp-pfad__block h3, .mojo-lp.mojo-lp .lp-pbr__halt h3, .mojo-lp.mojo-lp .lp-pbr__schluss h3, .mojo-lp.mojo-lp .lp-abr__panel h3, .mojo-lp.mojo-lp .lp-abd__block h3, .mojo-lp.mojo-lp .lp-abp__seite h3, .mojo-lp.mojo-lp .lp-abs__fuss h3, .mojo-lp.mojo-lp .lp-abz__frame h3, .mojo-lp.mojo-lp .lp-pk__text h3, .mojo-lp.mojo-lp .lp-ezf__leiste h3, .mojo-lp.mojo-lp .lp-ezh__leiste h3, .mojo-lp.mojo-lp .lp-ezs__karte h3, .mojo-lp.mojo-lp .lp-ezp__eintrag h3, .mojo-lp.mojo-lp .lp-ezm__wer h3, .mojo-lp.mojo-lp .lp-rf__name, .mojo-lp.mojo-lp .lp-loe__seite h3, .mojo-lp.mojo-lp .lp-lsf__text h3, .mojo-lp.mojo-lp .lp-lsa__kopf h3, .mojo-lp.mojo-lp .lp-lsp__text h3, .mojo-lp.mojo-lp .lp-loe__zone-lbl, .mojo-lp.mojo-lp .lp-loe__schritt-titel, .mojo-lp.mojo-lp .lp-ub__seite h3, .mojo-lp.mojo-lp .lp-ub__zone-lbl { font-weight: 700 !important; }
.mojo-lp .lp-card__index { font-size: 13px; font-weight: 600; color: var(--accent); font-feature-settings: "tnum" 1; }
.mojo-lp.lp-olive .lp-card__index { color: var(--text); }
.mojo-lp.mojo-lp .lp-card__foot { margin-block-start: calc(var(--sp-stack) - 4px) !important; padding-top: 0; }
.mojo-lp.mojo-lp .lp-card p { margin-block: 0 !important; }
.mojo-lp .lp-card--link { text-decoration: none; color: inherit; transition: border-color var(--t-ui) var(--ease), transform var(--t-ui) var(--ease); }
.mojo-lp .lp-card--link:hover { border-color: var(--accent-flat); transform: translateY(-2px); }
.mojo-lp .lp-tile {
position: relative; display: grid; --kachelmass: 75%;
min-width: 0; overflow-wrap: anywhere; overflow: hidden;
contain: layout paint;
border-radius: var(--r-card); text-decoration: none; color: var(--auf-bild);
background: var(--surface);
}
.mojo-lp .lp-tile::before { content: ""; grid-area: 1 / 1; padding-block-start: var(--kachelmass, 75%); }
.mojo-lp .lp-tile--wide { --kachelmass: 56.25%; }
.mojo-lp .lp-tile--tall { --kachelmass: 133.34%; }
.mojo-lp .lp-tile.lp-row-2, .mojo-lp .lp-tile.lp-col-2 { --kachelmass: 0%; height: auto; min-height: 100%; }
.mojo-lp .lp-tile > img, .mojo-lp .lp-tile > .lp-tile__media, .mojo-lp .lp-tile > picture {
position: absolute; inset: 0; width: 100%; height: 100%; max-width: none;
}
.mojo-lp .lp-tile > picture { display: block; }
.mojo-lp .lp-tile > picture img, .mojo-lp .lp-tile > img, .mojo-lp .lp-tile > .lp-tile__media {
object-fit: cover; transition: transform var(--t-img) var(--ease);
}
.mojo-lp .lp-tile > picture img { position: absolute; inset: 0; width: 100%; height: 100%; max-width: none; }
.mojo-lp .lp-tile::after {
content: ""; position: absolute; inset: 0;
background: linear-gradient(180deg, rgba(var(--bild-rgb),.28) 0%, rgba(var(--bild-rgb),.42) 40%, rgba(var(--bild-rgb),.9) 100%);
transition: opacity var(--t-img) var(--ease);
}
.mojo-lp .lp-tile__body {
position: relative; z-index: 1; grid-area: 1 / 1; align-self: end; width: 100%;
padding: clamp(16px, 2vw, 28px);
}
.mojo-lp .lp-tile__body .lp-eyebrow { margin-bottom: 8px; }
.mojo-lp .lp-tile__body h3 { margin: 0 !important; color: var(--auf-bild); }
.mojo-lp .lp-tile__more {
display: grid; grid-template-rows: 0fr; opacity: 0; transform: translateY(12px);
transition: grid-template-rows var(--t-img) var(--ease), opacity var(--t-img) var(--ease), transform var(--t-img) var(--ease);
}
.mojo-lp .lp-tile__more > div { overflow: hidden; }
.mojo-lp .lp-tile__more p { margin: 8px 0 0; color: var(--auf-bild); }
.mojo-lp.mojo-lp .lp-tile__body h3 { font-size: var(--lp-t-h3); }
.mojo-lp.mojo-lp .lp-tile__more p { font-size: var(--lp-t-body); }
.mojo-lp .lp-tile:hover > img, .mojo-lp .lp-tile:focus-visible > img, .mojo-lp .lp-tile:hover > picture img, .mojo-lp .lp-tile:focus-visible > picture img { transform: scale(1.04); }
.mojo-lp .lp-tile:hover .lp-tile__more, .mojo-lp .lp-tile:focus-visible .lp-tile__more, .mojo-lp .lp-tile:focus-within .lp-tile__more {
grid-template-rows: 1fr; opacity: 1; transform: none;
}
@media (hover: none) { .mojo-lp .lp-tile__more { grid-template-rows: 1fr; opacity: 1; transform: none; } }
.mojo-lp .lp-split { display: grid; grid-template-columns: 1fr 1fr; gap: var(--gap-split); align-items: center; }
.mojo-lp .lp-split--flip > .lp-split__media { order: -1; }
.mojo-lp .lp-split--sticky { align-items: start; }
.mojo-lp .lp-split--sticky > :first-child { position: sticky; top: 96px; }
.mojo-lp .lp-split--top { align-items: start; }
.mojo-lp .lp-split > .lp-split__media { align-self: stretch; position: relative; overflow: hidden; border-radius: var(--r-card); margin: 0; min-height: var(--lp-split-min); }
.mojo-lp .lp-split > .lp-split__media picture { position: absolute; inset: 0; display: block; width: 100%; height: 100%; max-width: none; }
.mojo-lp .lp-split > .lp-split__media img { position: absolute; inset: 0; width: 100%; height: 100%; max-width: none; object-fit: cover; }
.mojo-lp.mojo-lp .lp-list { margin-block: 0 var(--sp-stack) !important; margin-inline: 0; padding: 0 !important; list-style: none !important; display: grid; gap: 8px; }
.mojo-lp.mojo-lp .lp-list:last-child { margin-block-end: 0 !important; }
.mojo-lp.mojo-lp .lp-list + .lp-btn-row { margin-block-start: calc(var(--sp-stack) + 6px) !important; }
.mojo-lp.mojo-lp.mojo-lp.mojo-lp.mojo-lp p:has(+ .lp-list) { margin-block-end: 0 !important; }
.mojo-lp.mojo-lp.mojo-lp.mojo-lp.mojo-lp p + .lp-list { margin-block-start: 10px !important; }
.mojo-lp.mojo-lp.mojo-lp.mojo-lp.mojo-lp :is(.lp-pk__text, .lp-pks__ak-panel, .lp-nw__inhalt, .lp-ub__seite) p + .lp-list { margin-block-start: 0 !important; }
.mojo-lp.mojo-lp .lp-list li { padding-left: 28px; position: relative; list-style: none !important; margin: 0 !important; }
.mojo-lp.mojo-lp .lp-list li { font-family: var(--font); font-weight: 500 !important; font-size: var(--lp-t-body); line-height: 1.65; margin-block: 0 !important; }
.mojo-lp .lp-list li::before {
content: ""; position: absolute; left: 2px; top: .48em;
width: 7px; height: 7px; border-radius: 50%;
background: var(--lp-gold); border: 0; transform: none;
}
.mojo-lp ol.lp-list, .mojo-lp .lp-list--num { counter-reset: lpz; }
.mojo-lp ol.lp-list li, .mojo-lp .lp-list--num li { padding-left: 36px; counter-increment: lpz; }
.mojo-lp ol.lp-list li::before, .mojo-lp .lp-list--num li::before {
content: counter(lpz, decimal-leading-zero);
position: absolute; left: 0; top: .12em;
width: auto; height: auto; border-radius: 0; background: transparent; border: 0; transform: none;
font-size: 13px; font-weight: 600; color: var(--accent);
font-feature-settings: "tnum" 1; letter-spacing: .04em;
}
.mojo-lp .lp-list--check li::before {
content: ""; position: absolute; left: 0; top: .38em;
width: 13px; height: 7px; border-radius: 0; background: transparent;
border-left: 2px solid var(--lp-gold); border-bottom: 2px solid var(--lp-gold);
transform: rotate(-45deg);
}
.mojo-lp .lp-list--plain li { padding-left: 0; }
.mojo-lp .lp-list--plain li::before { content: none; }
.mojo-lp .lp-list--lead { font-size: clamp(16px, 1.9vw, 20px); line-height: 1.5; }
.mojo-lp.lp-olive .lp-list li::before { background: #FFFFFF; }
.mojo-lp.lp-olive .lp-list--num li::before, .mojo-lp.lp-olive ol.lp-list li::before { background: transparent; color: var(--text); }
.mojo-lp.lp-olive .lp-list--check li::before { background: transparent; border-color: #FFFFFF; }
.mojo-lp.lp-sand .lp-list--num li::before, .mojo-lp.lp-sand ol.lp-list li::before { color: var(--lp-gold-dk); }
.mojo-lp .lp-table-wrap { overflow-x: auto; border: 1.5px solid var(--border); border-radius: var(--r-card); background: var(--bg); }
.mojo-lp.mojo-lp :is(.lp-table, .lp-ww__tafel) { width: 100%; border-collapse: collapse; font-feature-settings: "tnum" 1; background: var(--bg) !important; color: var(--text) !important; }
.mojo-lp.mojo-lp :is(.lp-table, .lp-ww__tafel) :is(thead, tbody, tfoot, tr) { background: transparent !important; }
.mojo-lp.mojo-lp .lp-ww__tafel :is(th, td) { background: transparent !important; color: var(--text) !important; border: 0 !important; }
.mojo-lp.mojo-lp .lp-table th {
font-size: clamp(13px, .95vw, 16px); font-weight: 700; text-align: left;
letter-spacing: .04em; text-transform: uppercase;
padding: 14px 16px;
background: var(--surface) !important; color: var(--text) !important;
border: 0 !important; border-bottom: 1.5px solid var(--border) !important;
}
.mojo-lp.mojo-lp .lp-table td {
padding: 12px 16px;
background: var(--bg) !important; color: var(--text) !important;
border: 0 !important; border-bottom: 1.5px solid var(--border) !important;
}
.mojo-lp.mojo-lp .lp-table tbody tr:last-child td { border-bottom: 0 !important; }
.mojo-lp.mojo-lp .lp-table tbody tr:nth-child(even) td { background: rgba(var(--kante-rgb), .045) !important; }
.mojo-lp .lp-figure { margin: 0; border-radius: var(--r-card); overflow: hidden; position: relative; }
.mojo-lp .lp-figure--bleed { border-radius: 0; margin-inline: calc(-1 * var(--sp-side)); }
.mojo-lp .lp-figure img { display: block; width: 100%; object-fit: cover; }
.mojo-lp .lp-ratio-16x9 img { aspect-ratio: 16 / 9; }
.mojo-lp .lp-ratio-4x3 img { aspect-ratio: 4 / 3; }
.mojo-lp .lp-ratio-1x1 img { aspect-ratio: 1 / 1; }
.mojo-lp .lp-ratio-3x4 img { aspect-ratio: 3 / 4; }
.mojo-lp .lp-veil::after {
content: ""; position: absolute; inset: 0;
background: linear-gradient(180deg, rgba(10,11,7,0) 40%, rgba(10,11,7,.82) 100%);
pointer-events: none;
}
.mojo-lp .lp-duo::before {
content: ""; position: absolute; inset: 0; z-index: 1;
background: linear-gradient(135deg, var(--lp-basalt), var(--lp-gold));
mix-blend-mode: color; opacity: .82; pointer-events: none;
transition: opacity var(--t-img) var(--ease);
}
.mojo-lp .lp-duo--hover:hover::before { opacity: 0; }
.mojo-lp .lp-zoom img { transition: transform var(--t-img) var(--ease); }
.mojo-lp .lp-zoom:hover img { transform: scale(1.04); }
.mojo-lp .lp-acc { display: grid; gap: 8px; }
.mojo-lp .lp-acc--2col { grid-template-columns: 1fr 1fr; gap: 8px 16px; align-items: start; }
.mojo-lp .lp-acc__item { background: var(--surface); border: 1px solid var(--border); border-radius: var(--r-ui); }
.mojo-lp .lp-acc__btn {
display: flex; width: 100%; align-items: center; justify-content: space-between; gap: 16px;
background: none; border: 0; margin: 0; text-align: left; -webkit-appearance: none; appearance: none;
font-family: var(--font); font-size: inherit; font-weight: 600; line-height: 1.4; color: var(--text);
padding: 16px 20px; cursor: pointer; box-sizing: border-box;
}
.mojo-lp.mojo-lp .lp-acc__btn { font-family: var(--font); font-size: inherit; font-weight: 600; }
.mojo-lp .lp-acc__icon { flex: none; width: 12px; height: 12px; position: relative; }
.mojo-lp .lp-acc__icon::before, .mojo-lp .lp-acc__icon::after {
content: ""; position: absolute; inset: 0; margin: auto; background: var(--accent-flat);
transition: transform var(--t-ui) var(--ease);
}
.mojo-lp .lp-acc__icon::before { width: 12px; height: 2px; }
.mojo-lp .lp-acc__icon::after { width: 2px; height: 12px; }
.mojo-lp .lp-acc__btn[aria-expanded="true"] .lp-acc__icon::after { transform: scaleY(0); }
.mojo-lp .lp-acc__panel { display: grid; grid-template-rows: 0fr; transition: grid-template-rows 420ms var(--ease); }
.mojo-lp .lp-acc__btn[aria-expanded="true"] + .lp-acc__panel { grid-template-rows: 1fr; }
.mojo-lp .lp-acc__pad { overflow: hidden; padding: 0 20px; transition: padding 420ms var(--ease); }
.mojo-lp .lp-acc__btn[aria-expanded="true"] + .lp-acc__panel .lp-acc__pad { padding-bottom: 16px; }
.mojo-lp .lp-acc__pad > * { opacity: 0; transform: translateY(-4px); transition: opacity 280ms var(--ease), transform 280ms var(--ease); }
.mojo-lp .lp-acc__btn[aria-expanded="true"] + .lp-acc__panel .lp-acc__pad > * { opacity: 1; transform: none; transition-delay: 110ms; }
.mojo-lp .lp-acc__icon::before, .mojo-lp .lp-acc__icon::after { transition: transform 300ms var(--ease); }
.mojo-lp .lp-rule { border: 0; height: 1px; background: var(--border); margin: 32px 0; }
.mojo-lp .lp-rule--accent { background: var(--accent-flat); height: 2px; width: 48px; margin-inline: 0; }
.mojo-lp .lp-flow > * + * { margin-top: 16px; }
.mojo-lp .lp-center { text-align: center; }
.mojo-lp .lp-center .lp-btn-row { justify-content: center; }
.mojo-lp .lp-center p { margin-inline: auto; }
@media (max-width: 930px) {
.mojo-lp .lp-m-center { text-align: center; }
.mojo-lp .lp-m-center p { margin-inline: auto; }
.mojo-lp .lp-m-center .lp-eyebrow--line { justify-content: center; }
.mojo-lp .lp-m-center .lp-btn-row { justify-content: center; }
.mojo-lp .lp-m-center .lp-eyebrow--rule { justify-content: center; }
.mojo-lp .lp-m-center .lp-eyebrow--rule::after { display: none; }
.mojo-lp .lp-m-center .lp-eyebrow--line::before { display: none; }
}
.mojo-lp .lp-sr { position: absolute; width: 1px; height: 1px; margin: -1px; overflow: hidden; clip-path: inset(50%); }
.mojo-lp.lp-pad-0 { padding-block: 0; }
.mojo-lp.lp-cv { content-visibility: visible; contain: none; }
.mojo-lp.lp-cv.is-vorn-halter { content-visibility: visible; contain: none; }
.mojo-lp.lp-pad-s { padding-block: clamp(28px, 4.5vh, 60px); }
.lp-js .mojo-lp [data-reveal] { opacity: 0; transform: translateY(24px); transition: opacity var(--t-reveal) var(--ease), transform var(--t-reveal) var(--ease); }
.lp-js .mojo-lp [data-reveal].is-in { opacity: 1; transform: none; }
.lp-js .mojo-lp [data-reveal][style*="--sp"] {
transition: box-shadow var(--t-ui) var(--ease), background var(--t-ui) var(--ease), background-color var(--t-ui) var(--ease), color var(--t-ui) var(--ease), border-color var(--t-ui) var(--ease);
}
.lp-js .mojo-lp [data-reveal][style*="--sp"].is-in {
animation: lp-staffel var(--t-reveal) var(--ease) backwards;
animation-delay: calc(var(--sp, 0) * var(--staffel, 70ms));
}
@keyframes lp-staffel { from { opacity: 0; transform: translateY(24px); } to { opacity: 1; transform: none; } }
@media (prefers-reduced-motion: reduce) { .lp-js .mojo-lp [data-reveal][style*="--sp"].is-in { animation: none; } }
.lp-js .mojo-lp [data-reveal-delay="1"] { transition-delay: 90ms; }
.lp-js .mojo-lp [data-reveal-delay="2"] { transition-delay: 180ms; }
.lp-js .mojo-lp [data-reveal-delay="3"] { transition-delay: 270ms; }
.lp-js .mojo-lp [data-reveal-delay="4"] { transition-delay: 360ms; }
.mojo-lp.lp-hero--slider { padding: 0; display: block; position: relative; min-height: max(620px, 100svh); isolation: isolate; }
.mojo-lp .lp-hs__slide { position: absolute; inset: 0; opacity: 0; pointer-events: none; transition: opacity 700ms var(--ease); }
.mojo-lp .lp-hs__slide.is-active { opacity: 1; pointer-events: auto; z-index: 2; }
.mojo-lp .lp-hs__media { position: absolute; inset: 0; overflow: hidden; }
.mojo-lp .lp-hs__media picture {
position: absolute; inset: 0; display: block;
width: 100%; height: 100%; max-width: none;
}
.mojo-lp .lp-hs__media img, .mojo-lp .lp-hs__media video {
position: absolute; inset: 0; display: block;
width: 100%; height: 100%; max-width: none; min-width: 100%; min-height: 100%;
object-fit: cover;
}
.mojo-lp .lp-hs__media::after {
content: ""; position: absolute; inset: 0;
background: linear-gradient(105deg, rgba(0,0,0,.82) 0%, rgba(0,0,0,.44) 55%, rgba(0,0,0,.12) 100%), linear-gradient(180deg, rgba(0,0,0,.08) 0%, rgba(0,0,0,.55) 100%);
}
.mojo-lp .lp-hs__content {
position: relative; z-index: 3; height: 100%; max-width: 1100px;
display: flex; align-items: center;
padding: clamp(80px, 12vh, 160px) clamp(20px, 6vw, 100px) clamp(180px, 26vh, 280px);
}
.mojo-lp .lp-eyebrow--rule { display: flex; align-items: center; gap: 16px; }
.mojo-lp .lp-eyebrow--rule::after { content: ""; flex: 1; height: 1px; background: var(--border); }
.mojo-lp .lp-eyebrow--line { display: flex; align-items: center; gap: 8px; }
.mojo-lp .lp-head--center .lp-eyebrow--line, .mojo-lp .lp-center .lp-eyebrow--line { justify-content: center; }
.mojo-lp .lp-head--center .lp-eyebrow--line::before, .mojo-lp .lp-center .lp-eyebrow--line::before, .mojo-lp.lp-hero--mitte .lp-eyebrow--line::before { display: none; }
.mojo-lp .lp-eyebrow--line::before { content: ""; display: block; width: 28px; height: 2px; background: var(--lp-gold); flex-shrink: 0; }
.mojo-lp .lp-trustbar {
position: absolute; bottom: clamp(28px, 4vh, 56px); left: 0; right: clamp(120px, 14vw, 200px); z-index: 4;
display: flex; align-items: center; gap: 28px; flex-wrap: wrap;
padding: 14px clamp(20px, 6vw, 100px);
border-top: 1px solid rgba(var(--gold-rgb),.18);
}
.mojo-lp .lp-trustbar__metrics { display: flex; gap: 28px; flex-wrap: wrap; }
.mojo-lp .lp-trustbar__metric { display: flex; flex-direction: column; gap: 2px; }
.mojo-lp .lp-trustbar__value { font-size: clamp(16px, 1.3vw, 20px); font-weight: 700; color: var(--accent); letter-spacing: -.02em; line-height: 1; font-feature-settings: "tnum" 1; }
.mojo-lp .lp-trustbar__label { font-size: 10px; font-weight: 600; letter-spacing: .09em; text-transform: uppercase; color: var(--text); line-height: 1.3; }
.mojo-lp .lp-trustbar__divider { width: 1px; height: 34px; background: rgba(var(--kante-rgb),.12); flex-shrink: 0; }
.mojo-lp .lp-trustbar__badges { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; }
.mojo-lp .lp-trustbar__badge { display: inline-flex; align-items: center; padding: 4px 9px; border-radius: var(--r-sm); border: 1px solid rgba(var(--gold-rgb),.22); background: rgba(var(--gold-rgb),.04); font-size: 10px; font-weight: 600; letter-spacing: .06em; text-transform: uppercase; color: var(--text); white-space: nowrap; }
.mojo-lp .lp-hs__nav { position: absolute; right: clamp(20px, 3vw, 48px); top: 50%; transform: translateY(-50%); display: flex; flex-direction: column; z-index: 5; }
.mojo-lp .lp-hs__navitem { display: flex; align-items: center; gap: 10px; padding: 10px 0; cursor: pointer; background: none; border: 0; text-align: left; color: rgba(var(--kante-rgb),.38); transition: color var(--t-ui) var(--ease); position: relative; font-family: var(--font); }
.mojo-lp .lp-hs__navitem::before { content: ""; width: 2px; height: 100%; position: absolute; left: -14px; top: 0; background: rgba(var(--kante-rgb),.15); border-radius: 2px; }
.mojo-lp .lp-hs__navitem.is-active { color: var(--text); }
.mojo-lp .lp-hs__navitem.is-active::before { background: var(--lp-gold); }
.mojo-lp .lp-hs__navnum { font-size: 10px; font-weight: 700; letter-spacing: .1em; line-height: 1; min-width: 18px; font-feature-settings: "tnum" 1; }
.mojo-lp .lp-hs__navlabel { font-size: 11px; font-weight: 600; letter-spacing: .06em; text-transform: uppercase; line-height: 1.2; white-space: nowrap; }
.mojo-lp .lp-hs__track { position: absolute; right: clamp(20px, 3vw, 48px); bottom: 28px; display: flex; align-items: center; gap: 10px; z-index: 5; }
.mojo-lp .lp-hs__arrow { width: 36px; height: 36px; border-radius: var(--r-sm); border: 1px solid rgba(var(--kante-rgb),.25); background: transparent; color: var(--text); font-size: 17px; cursor: pointer; padding: 0; line-height: 1; transition: border-color var(--t-ui) var(--ease), color var(--t-ui) var(--ease); }
.mojo-lp .lp-hs__arrow:hover { border-color: var(--lp-gold); color: var(--accent); }
.mojo-lp .lp-hs__counter { font-size: 11px; font-weight: 700; letter-spacing: .1em; color: rgba(var(--kante-rgb),.35); font-feature-settings: "tnum" 1; }
.mojo-lp.lp-hero:not(.lp-hero--slider) .lp-inner > * { animation: lp-slidein 700ms var(--ease) backwards; }
.mojo-lp.lp-hero:not(.lp-hero--slider) .lp-inner > :nth-child(2) { animation-delay: 90ms; }
.mojo-lp.lp-hero:not(.lp-hero--slider) .lp-inner > :nth-child(3) { animation-delay: 180ms; }
.mojo-lp.lp-hero:not(.lp-hero--slider) .lp-inner > :nth-child(4) { animation-delay: 270ms; }
.mojo-lp.lp-hero:not(.lp-hero--slider) > .lp-hs__media img { animation: lp-kenburns 7.5s linear forwards; }
.mojo-lp.mojo-lp h1, .mojo-lp.mojo-lp .lp-display { font-family: var(--font-head); font-weight: 700; }
@keyframes lp-kenburns { from { transform: scale(1); } to { transform: scale(1.08); } }
.mojo-lp .lp-hs__slide.is-active .lp-hs__media img {
animation: lp-kenburns 7.5s linear forwards;
will-change: transform;
}
@keyframes lp-slidein { from { opacity: 0; transform: translateY(18px); } to { opacity: 1; transform: none; } }
.mojo-lp .lp-hs__slide.is-active .lp-hs__content > div > * { animation: lp-slidein 700ms var(--ease) backwards; }
.mojo-lp .lp-hs__slide.is-active .lp-hs__content > div > :nth-child(2) { animation-delay: 90ms; }
.mojo-lp .lp-hs__slide.is-active .lp-hs__content > div > :nth-child(3) { animation-delay: 180ms; }
.mojo-lp .lp-hs__slide.is-active .lp-hs__content > div > :nth-child(4) { animation-delay: 270ms; }
@media (max-width: 900px) {
.mojo-lp .lp-hs__nav, .mojo-lp .lp-trustbar { display: none; }
.mojo-lp .lp-acc--2col { grid-template-columns: 1fr; }
}
@media (max-width: 600px) {
.mojo-lp.lp-hero--slider { min-height: max(560px, 100svh); }
.mojo-lp .lp-hs__content { padding: 96px 24px 150px; }
.mojo-lp .lp-hs__track { right: 24px; bottom: 32px; }
.mojo-lp.lp-hero--slider .lp-btn { width: auto; }
.mojo-lp.lp-hero--slider .lp-btn-row { flex-direction: row; }
}
.mojo-lp .lp-bento { display: grid; gap: var(--gap-grid); grid-template-columns: repeat(4, 1fr); grid-auto-rows: minmax(clamp(150px, 15vw, 230px), max-content); grid-auto-flow: dense; }
.mojo-lp .lp-bento > * { min-height: 100%; }
.mojo-lp .lp-b-2x { grid-column: span 2; }
.mojo-lp .lp-b-2y { grid-row: span 2; }
.mojo-lp .lp-b-3x { grid-column: span 3; }
.mojo-lp .lp-bento--gross { grid-auto-rows: minmax(clamp(220px, 21vw, 330px), max-content); }
.mojo-lp .lp-bento .lp-tile { --kachelmass: 0%; }
.mojo-lp .lp-bento .lp-card { justify-content: center; }
@media (max-width: 1024px) { .mojo-lp .lp-bento { grid-template-columns: repeat(2, 1fr); grid-auto-rows: minmax(clamp(130px, 22vw, 200px), auto); } .mojo-lp .lp-bento--gross { grid-auto-rows: minmax(clamp(190px, 30vw, 280px), auto); } .mojo-lp .lp-b-3x { grid-column: span 2; } }
@media (max-width: 600px) {
.mojo-lp .lp-bento { grid-template-columns: 1fr; grid-auto-rows: auto; }
.mojo-lp .lp-bento > .lp-b-2x, .mojo-lp .lp-bento > .lp-b-2y, .mojo-lp .lp-bento > .lp-b-3x { grid-column: auto; grid-row: auto; }
.mojo-lp .lp-bento > * { min-height: 0; }
.mojo-lp .lp-bento .lp-tile { --kachelmass: 75%; }
}
.mojo-lp .lp-counter { display: grid; grid-template-columns: repeat(4, 1fr); gap: var(--gap-grid); text-align: center; }
.mojo-lp .lp-counter--3 { grid-template-columns: repeat(3, 1fr); }
.mojo-lp .lp-counter--5 { grid-template-columns: repeat(5, 1fr); }
.mojo-lp .lp-counter--6 { grid-template-columns: repeat(6, 1fr); }
.mojo-lp .lp-counter__item { display: flex; flex-direction: column; align-items: center; gap: 8px; }
.mojo-lp.mojo-lp .lp-counter .lp-num { display: block; color: var(--accent); margin: 0 !important; }
.mojo-lp.mojo-lp .lp-counter .lp-num-label { display: block; text-transform: uppercase; letter-spacing: .09em; font-size: 11px; font-weight: 700; color: var(--text); margin: 0 !important; }
@media (max-width: 900px) { .mojo-lp .lp-counter, .mojo-lp .lp-counter--3, .mojo-lp .lp-counter--5, .mojo-lp .lp-counter--6 { grid-template-columns: repeat(2, 1fr); row-gap: 32px; } }
.mojo-lp .lp-marquee { overflow: hidden; -webkit-mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent); mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent); }
.mojo-lp .lp-marquee__track { display: flex; align-items: center; gap: clamp(40px, 6vw, 96px); padding-right: clamp(40px, 6vw, 96px); width: max-content; animation: lp-marquee 36s linear infinite; }
.mojo-lp .lp-marquee:hover .lp-marquee__track { animation-play-state: paused; }
.mojo-lp .lp-marquee__item { white-space: nowrap; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; font-size: clamp(14px, 1.3vw, 19px); color: var(--text); }
.mojo-lp.mojo-lp .lp-marquee__item img { height: clamp(28px, 3vw, 44px) !important; width: auto !important; max-width: none !important; position: static !important; display: block; opacity: .75; filter: grayscale(1); transition: opacity var(--t-ui) var(--ease), filter var(--t-ui) var(--ease); }
.mojo-lp .lp-marquee__item img:hover { opacity: 1; filter: none; }
@keyframes lp-marquee { to { transform: translateX(-50%); } }
.mojo-lp.lp-parallax { position: relative; isolation: isolate; overflow: clip; min-height: max(620px, 100svh); display: flex; align-items: center; }
.mojo-lp.lp-parallax { --par-weg: .24; }
.mojo-lp.lp-parallax.lp-warum { --par-weg: .12; }
.mojo-lp .lp-par__media { position: absolute; inset: -26% 0; z-index: -1; }
.mojo-lp.lp-parallax:not(.lp-warum) .lp-par__media { inset: -32% 0; }
.mojo-lp .lp-par__media picture, .mojo-lp .lp-par__media img { position: absolute; inset: 0; display: block; width: 100%; height: 100%; max-width: none; object-fit: cover; }
.mojo-lp .lp-par__media::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(var(--bild-rgb),.5), rgba(var(--bild-rgb),.75)); }
.mojo-lp .lp-par__media img { will-change: transform; }
.mojo-lp .lp-ps { overflow-x: auto; overflow-y: hidden; scrollbar-width: none; -webkit-overflow-scrolling: touch; margin-inline: calc(-1 * var(--sp-side)); padding: 0 var(--sp-side) 2px; user-select: none; -webkit-user-select: none; cursor: grab; }
.mojo-lp .lp-ps::-webkit-scrollbar { display: none; }
.mojo-lp .lp-ps.wird-gezogen { cursor: grabbing; }
.mojo-lp .lp-ps__track { display: flex; gap: 12px; width: max-content; }
.mojo-lp .lp-ps__karte { position: relative; display: grid; overflow: hidden; flex-shrink: 0; width: clamp(320px, 30vw, 420px); border-radius: var(--r-card); background: var(--surface); text-decoration: none; contain: layout paint; }
.mojo-lp .lp-ps__karte::before { content: ""; grid-area: 1 / 1; padding-block-start: 133.33%; }
.mojo-lp .lp-ps__karte > img { position: absolute; inset: 0; width: 100%; height: 100%; max-width: none; object-fit: cover; transition: transform var(--t-img) var(--ease); }
.mojo-lp .lp-ps__karte:hover > img, .mojo-lp .lp-ps__karte.is-open > img { transform: scale(1.04); }
.mojo-lp .lp-ps__karte::after { content: ""; position: absolute; inset: 0; z-index: 1; pointer-events: none; background: linear-gradient(180deg, rgba(var(--bild-rgb),0) 30%, rgba(var(--bild-rgb),.82) 100%); transition: background 350ms var(--ease); }
.mojo-lp .lp-ps__karte:hover::after, .mojo-lp .lp-ps__karte.is-open::after { background: linear-gradient(180deg, rgba(var(--bild-rgb),.2) 0%, rgba(var(--bild-rgb),.92) 100%); }
.mojo-lp .lp-ps__body { position: relative; grid-area: 1 / 1; align-self: end; z-index: 2; padding: clamp(16px, 2vw, 24px); display: flex; flex-direction: column; gap: 6px; }
.mojo-lp .lp-ps__kat { font-size: 10px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--accent); }
.mojo-lp .lp-ps__badge { display: inline-flex; align-self: flex-start; font-size: 9px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: var(--auf-bild); background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.25); border-radius: var(--r-sm); padding: 2px 7px; }
.mojo-lp .lp-ps__body h3, .mojo-lp .lp-panels__body h3 { margin: 0 !important; color: var(--auf-bild); font-size: clamp(18px, .7vw + 8px, 22px); line-height: 1.25 !important; }
.mojo-lp .lp-ps__mehr { display: grid; grid-template-rows: 0fr; opacity: 0; transition: grid-template-rows 400ms var(--ease), opacity 300ms var(--ease); }
.mojo-lp .lp-ps__mehr > div { overflow: hidden; display: flex; flex-direction: column; gap: 6px; }
.mojo-lp .lp-ps__karte:hover .lp-ps__mehr, .mojo-lp .lp-ps__karte.is-open .lp-ps__mehr, .mojo-lp .lp-panels__panel:hover .lp-ps__mehr, .mojo-lp .lp-panels__panel.is-open .lp-ps__mehr { grid-template-rows: 1fr; opacity: 1; }
.mojo-lp.mojo-lp .lp-ps__text { margin: 0 !important; color: var(--auf-bild); font-weight: 500; font-size: var(--lp-t-teaser); line-height: 1.65 !important; text-align: left !important; max-width: none; }
.mojo-lp .lp-ps__specs { display: grid; grid-template-columns: 1fr 1fr; gap: 10px 20px; margin-top: 6px; }
.mojo-lp .lp-ps__spec { display: flex; flex-direction: column; gap: 1px; }
.mojo-lp .lp-ps__speclabel { font-size: clamp(11px, .8vw, 13px); font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: var(--accent); line-height: 1.5 !important; }
.mojo-lp .lp-ps__specwert { font-size: clamp(14px, 1vw, 17px); font-weight: 600; color: var(--auf-bild); line-height: 1.35 !important; }
.mojo-lp.mojo-lp .lp-stack__inhalt .lp-ps__specwert { color: var(--text); }
.mojo-lp .lp-ps__link { display: inline-flex; align-items: center; gap: 6px; margin-top: 2px; font-size: 11px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--accent); opacity: 0; transform: translateY(4px); transition: opacity 250ms var(--ease) 50ms, transform 250ms var(--ease) 50ms; pointer-events: none; }
.mojo-lp .lp-ps__karte:hover .lp-ps__link, .mojo-lp .lp-ps__karte.is-open .lp-ps__link, .mojo-lp .lp-panels__panel:hover .lp-ps__link, .mojo-lp .lp-panels__panel.is-open .lp-ps__link, .mojo-lp .lp-tile:hover .lp-ps__link, .mojo-lp .lp-tile:focus-visible .lp-ps__link { opacity: 1; transform: none; pointer-events: auto; }
@media (hover: none) { .mojo-lp .lp-tile .lp-ps__link { opacity: 1; transform: none; pointer-events: auto; } }
.mojo-lp .lp-ps__link svg { width: 11px; height: 11px; flex-shrink: 0; }
@media (max-width: 600px) { .mojo-lp .lp-ps__karte { width: clamp(270px, 78vw, 340px); } }
@media (hover: none) { .mojo-lp .lp-ps--einfach .lp-ps__link { opacity: 1; transform: none; pointer-events: auto; } }
.mojo-lp .lp-panels { display: flex; gap: 10px; align-items: stretch; min-height: clamp(420px, 62vh, 660px); }
.mojo-lp .lp-panels__panel { position: relative; display: block; overflow: hidden; flex: 1; min-width: 0; border-radius: var(--r-card); background: var(--surface); text-decoration: none; transition: flex 650ms var(--ease); contain: layout paint; }
.mojo-lp .lp-panels__panel:hover, .mojo-lp .lp-panels__panel.is-open { flex: 3.4; }
@media (hover: hover) {
.mojo-lp .lp-panels:hover .lp-panels__panel.is-open:not(:hover) { flex: 1; }
.mojo-lp .lp-panels:hover .lp-panels__panel.is-open:not(:hover) .lp-ps__mehr { grid-template-rows: 0fr; opacity: 0; }
.mojo-lp .lp-panels:hover .lp-panels__panel.is-open:not(:hover) .lp-ps__link { opacity: 0; transform: translateY(4px); pointer-events: none; }
.mojo-lp .lp-panels:hover .lp-panels__panel.is-open:not(:hover) .lp-panels__body h3 { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
}
.mojo-lp .lp-panels__panel > img { position: absolute; inset: 0; width: 100%; height: 100%; max-width: none; object-fit: cover; }
.mojo-lp .lp-panels__panel::after { content: ""; position: absolute; inset: 0; z-index: 1; pointer-events: none; background: linear-gradient(180deg, rgba(10,11,7,.28) 0%, rgba(10,11,7,.42) 40%, rgba(10,11,7,.9) 100%); }
.mojo-lp .lp-panels__panel { display: grid; align-content: end; }
.mojo-lp .lp-panels__body { position: relative; z-index: 2; padding: clamp(14px, 1.6vw, 22px); display: flex; flex-direction: column; gap: 6px; }
.mojo-lp .lp-panels__body h3 { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.mojo-lp .lp-panels__panel:hover .lp-panels__body h3, .mojo-lp .lp-panels__panel.is-open .lp-panels__body h3 { white-space: normal; overflow: visible; }
@media (max-width: 930px) {
.mojo-lp .lp-panels { flex-direction: column; height: auto; interpolate-size: allow-keywords; }
.mojo-lp .lp-panels__panel { flex: none; min-height: 0; height: 104px; transition: height 420ms var(--ease), min-height 420ms var(--ease); }
.mojo-lp .lp-panels__panel:hover, .mojo-lp .lp-panels__panel.is-open { min-height: 320px; height: auto; flex: none; }
}
@media (hover: none) {
.mojo-lp .lp-panels__panel:hover:not(.is-open) { flex: 1; }
.mojo-lp .lp-panels__panel:hover:not(.is-open) .lp-ps__mehr { grid-template-rows: 0fr; opacity: 0; }
.mojo-lp .lp-panels__panel:hover:not(.is-open) .lp-ps__link { opacity: 0; pointer-events: none; }
.mojo-lp .lp-panels__panel:hover:not(.is-open) .lp-panels__body h3 { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
}
@media (hover: none) and (max-width: 930px) {
.mojo-lp .lp-panels__panel:hover:not(.is-open) { height: 104px; min-height: 0; flex: none; }
}
.mojo-lp .lp-buehne { display: grid; grid-template-columns: 1fr clamp(200px, 20vw, 280px); gap: var(--gap-grid); }
.mojo-lp .lp-buehne__stage { position: relative; display: grid; overflow: hidden; border-radius: var(--r-card); background: var(--lp-obsidian); contain: layout paint; }
.mojo-lp .lp-buehne__stage::before { content: ""; grid-area: 1 / 1; padding-block-start: 56.25%; }
.mojo-lp .lp-buehne__slide { position: relative; grid-area: 1 / 1; display: grid; align-content: end; opacity: 0; transition: opacity 600ms var(--ease); pointer-events: none; }
.mojo-lp .lp-buehne__slide.is-active { opacity: 1; pointer-events: auto; }
.mojo-lp .lp-buehne__slide img { position: absolute; inset: 0; width: 100%; height: 100%; max-width: none; object-fit: cover; }
.mojo-lp .lp-buehne__slide.is-active img { animation: lp-kenburns 9s linear forwards; }
.mojo-lp .lp-buehne__slide::after { content: ""; position: absolute; inset: 0; z-index: 1; pointer-events: none; background: linear-gradient(180deg, rgba(var(--bild-rgb),.3) 0%, rgba(var(--bild-rgb),.45) 40%, rgba(var(--bild-rgb),.92) 100%); }
.mojo-lp .lp-buehne__content { position: relative; z-index: 2; padding: clamp(18px, 2.4vw, 32px); display: flex; flex-direction: column; gap: 8px; align-items: flex-start; }
.mojo-lp .lp-buehne__content h3 { margin: 0 !important; color: var(--auf-bild); font-size: var(--lp-t-h3); line-height: 1.25 !important; }
.mojo-lp.mojo-lp .lp-buehne__content .lp-ps__text { max-width: 74ch; align-self: stretch; }
.mojo-lp .lp-buehne__slide.is-active .lp-buehne__content > * { animation: lp-slidein 600ms var(--ease) backwards; }
.mojo-lp .lp-buehne__slide.is-active .lp-buehne__content > :nth-child(2) { animation-delay: 80ms; }
.mojo-lp .lp-buehne__slide.is-active .lp-buehne__content > :nth-child(3) { animation-delay: 160ms; }
.mojo-lp .lp-buehne__slide.is-active .lp-buehne__content > :nth-child(4) { animation-delay: 240ms; }
.mojo-lp .lp-buehne__thumbs { display: flex; flex-direction: column; gap: 10px; min-height: 0; }
.mojo-lp .lp-buehne__thumb { position: relative; overflow: hidden; flex: 1; min-height: 64px; border-radius: var(--r-ui); border: 1px solid var(--border); padding: 0; cursor: pointer; background: var(--lp-obsidian); text-align: left; transition: border-color var(--t-ui) var(--ease); }
.mojo-lp .lp-buehne__thumb img { position: absolute; inset: 0; width: 100%; height: 100%; max-width: none; object-fit: cover; opacity: .55; transition: opacity var(--t-ui) var(--ease); }
.mojo-lp .lp-buehne__thumb span { position: absolute; left: 12px; right: 12px; bottom: 10px; z-index: 2; font-size: clamp(11px, .85vw, 14px); font-weight: 700; letter-spacing: .06em; line-height: 1.25 !important; text-transform: uppercase; color: var(--auf-bild); text-shadow: 0 1px 8px rgba(0,0,0,.85); overflow-wrap: anywhere; }
.mojo-lp .lp-buehne__thumb:hover img { opacity: .8; }
.mojo-lp .lp-buehne__thumb.is-active { border-color: var(--lp-gold); }
.mojo-lp .lp-buehne__thumb.is-active img { opacity: 1; }
@media (max-width: 930px) {
.mojo-lp .lp-buehne { grid-template-columns: 1fr; }
.mojo-lp .lp-buehne__stage::before { padding-block-start: 75%; }
.mojo-lp .lp-buehne__thumbs { flex-direction: row; overflow-x: auto; scrollbar-width: none; }
.mojo-lp .lp-buehne__thumb { flex: 0 0 172px; height: 96px; }
.mojo-lp .lp-buehne .lp-wisch { display: block; margin-block-start: 8px; font-size: 11px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--text); text-align: center; }
}
.mojo-lp .lp-stack { display: flex; flex-direction: column; gap: 24px; }
.mojo-lp .lp-stack__karte { position: sticky; top: clamp(70px, 10vh, 110px); display: grid; grid-template-columns: 1fr 1fr; overflow: hidden; border-radius: var(--r-card); background: var(--surface); border: 1px solid var(--border); min-height: min(66vh, 540px); contain: layout paint; }
.mojo-lp .lp-stack__inhalt { padding: clamp(24px, 3.5vw, 56px); display: flex; flex-direction: column; justify-content: center; align-items: flex-start; }
.mojo-lp .lp-stack__inhalt .lp-ps__kat { margin-block-end: 10px; }
.mojo-lp .lp-stack__inhalt h3 { margin: 0 0 12px !important; color: var(--text); font-size: var(--lp-t-h3); line-height: 1.25 !important; }
.mojo-lp.mojo-lp .lp-stack__inhalt p { font-size: var(--lp-t-body); line-height: 1.65 !important; }
.mojo-lp .lp-stack__media { position: relative; overflow: hidden; min-height: 280px; }
@media (max-width: 930px) {
.mojo-lp .lp-stack__karte { grid-template-columns: 1fr; min-height: 0; top: 12px; }
.mojo-lp .lp-stack__media { order: -1; aspect-ratio: 16 / 10; min-height: 0; }
.mojo-lp .lp-stack__inhalt { align-items: center; }
}
.mojo-lp .lp-plist { display: grid; grid-template-columns: 1.15fr 1fr; gap: clamp(24px, 3vw, 56px); align-items: stretch; }
.mojo-lp .lp-plist__eintraege { display: flex; flex-direction: column; }
.mojo-lp .lp-plist__eintrag { display: flex; align-items: baseline; gap: 16px; padding: clamp(14px, 2.2vh, 24px) 0; border-bottom: 1px solid var(--border); text-decoration: none; transition: padding-left var(--t-ui) var(--ease); }
.mojo-lp .lp-plist__eintrag:first-child { border-top: 1px solid var(--border); }
.mojo-lp .lp-plist__eintrag:hover { padding-left: 14px; }
.mojo-lp .lp-plist__nr { font-size: 12px; font-weight: 700; color: var(--accent); font-feature-settings: "tnum" 1; flex-shrink: 0; }
.mojo-lp .lp-plist__name { flex: 1; color: var(--text); font-size: clamp(20px, 2vw, 32px); line-height: 1.15; letter-spacing: -.015em; transition: color var(--t-ui) var(--ease); }
.mojo-lp .lp-plist__eintrag:hover .lp-plist__name, .mojo-lp .lp-plist__eintrag.is-active .lp-plist__name { color: var(--accent); }
.mojo-lp .lp-plist__kat { font-size: 10px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--text); opacity: .9; white-space: nowrap; }
.mojo-lp .lp-plist__bild { position: relative; overflow: hidden; border-radius: var(--r-card); background: var(--lp-obsidian); min-height: 420px; contain: layout paint; }
.mojo-lp .lp-plist__bild figure { position: absolute; inset: 0; margin: 0; opacity: 0; transition: opacity 500ms var(--ease); }
.mojo-lp .lp-plist__bild figure.is-active { opacity: 1; }
@media (max-width: 930px) {
.mojo-lp .lp-plist { grid-template-columns: 1fr; }
.mojo-lp .lp-plist__bild { min-height: 0; aspect-ratio: 16 / 10; order: -1; }
.mojo-lp .lp-plist__kat { display: none; }
}
@media (max-width: 1400px) {
.mojo-lp .lp-grid--4 { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 1024px) {
.mojo-lp .lp-grid--3 { grid-template-columns: repeat(2, 1fr); }
.mojo-lp .lp-split--sticky > :first-child { position: static; }
.mojo-lp .lp-head--split { flex-direction: column; align-items: flex-start; }
.mojo-lp .lp-col-2, .mojo-lp .lp-row-2 { grid-column: auto; grid-row: auto; }
}
@media (max-width: 930px) {
.mojo-lp .lp-split { grid-template-columns: 1fr; }
.mojo-lp .lp-split--flip > .lp-split__media { order: 0; }
.mojo-lp .lp-split > .lp-split__media { aspect-ratio: 4 / 3; align-self: auto; min-height: 0; }
}
@media (max-width: 930px) {
.mojo-lp h2 { text-align: center; }
.mojo-lp .lp-eyebrow { text-align: center; }
.mojo-lp.mojo-lp p { text-align: center; margin-inline: auto; }
.mojo-lp .lp-btn-row { justify-content: center; }
.mojo-lp .lp-card .lp-eyebrow, .mojo-lp .lp-tile .lp-eyebrow { text-align: left; }
.mojo-lp.mojo-lp .lp-card p, .mojo-lp.mojo-lp .lp-tile p, .mojo-lp.mojo-lp .lp-list, .mojo-lp.mojo-lp .lp-list li, .mojo-lp.mojo-lp .lp-acc__pad p, .mojo-lp.mojo-lp .lp-prob__karte p, .mojo-lp.mojo-lp .lp-pz p, .mojo-lp.mojo-lp .lp-pfad__block p, .mojo-lp.mojo-lp .lp-pbr__halt p, .mojo-lp.mojo-lp .lp-abr__panel p { text-align: left; margin-inline: 0; }
.mojo-lp .lp-prob__karte, .mojo-lp .lp-pfad__block, .mojo-lp .lp-pbr__halt, .mojo-lp .lp-card, .mojo-lp .lp-tile__body, .mojo-lp .lp-abr__panel { text-align: left; }
.mojo-lp .lp-card .lp-btn-row, .mojo-lp .lp-acc .lp-btn-row { justify-content: flex-start; }
.mojo-lp .lp-eyebrow--line, .mojo-lp .lp-eyebrow--rule { display: flex; justify-content: center; }
.mojo-lp:is(.lp-lou, .lp-abp, .lp-adh, .lp-bes, .lp-umk, .lp-mis, .lp-nh, .lp-cx, .lp-ww, .lp-su) :is(.lp-eyebrow--line, .lp-eyebrow--rule) { justify-content: flex-start; }
.mojo-lp:is(.lp-lou, .lp-abp, .lp-adh, .lp-bes, .lp-umk, .lp-mis, .lp-nh, .lp-cx, .lp-ww, .lp-su) .lp-eyebrow--line::before { display: block; }
.mojo-lp.mojo-lp:is(.lp-lou, .lp-abp, .lp-mis, .lp-nh, .lp-cx, .lp-ww, .lp-su) :is(h2, h3, p, span) { text-align: left; margin-inline: 0; }
.mojo-lp.mojo-lp:is(.lp-lou, .lp-abp, .lp-mis, .lp-nh, .lp-cx, .lp-ww, .lp-su) .lp-btn-row { justify-content: flex-start; }
.mojo-lp.lp-fbw--hof :is(.lp-eyebrow--line, .lp-eyebrow--rule) { justify-content: flex-start; }
.mojo-lp.lp-fbw--hof .lp-eyebrow--line::before { display: block; }
.mojo-lp.mojo-lp.lp-fbw--hof :is(h2, h3, p, span, li) { text-align: left; margin-inline: 0; }
.mojo-lp.mojo-lp.lp-fbw--hof .lp-btn-row { justify-content: flex-start; }
.mojo-lp.mojo-lp.lp-lou--hof .lp-lou__wert :is(span) { text-align: center; }
.mojo-lp .lp-eyebrow--rule::after { content: none; }
.mojo-lp .lp-eyebrow--line::before { display: none; }
.mojo-lp:is(.lp-hero, .lp-hero--slider):not(.lp-hero--mitte) .lp-eyebrow--line::before { display: block; }
.mojo-lp:is(.lp-hero, .lp-hero--slider) .lp-m-center .lp-eyebrow--line::before { display: none; }
.mojo-lp .lp-head--split { align-items: center; text-align: center; }
.mojo-lp.mojo-lp:is(.lp-hero, .lp-hero--slider):not(.lp-hero--mitte) :is(h1, .lp-display, h2, p, .lp-eyebrow) { text-align: left; margin-inline: 0; }
.mojo-lp:is(.lp-hero, .lp-hero--slider):not(.lp-hero--mitte) .lp-btn-row { justify-content: flex-start; }
.mojo-lp:is(.lp-hero, .lp-hero--slider):not(.lp-hero--mitte) .lp-eyebrow--line { justify-content: flex-start; }
.mojo-lp.mojo-lp.lp-hero--mitte :is(h1, .lp-display, p, .lp-eyebrow) { text-align: center; margin-inline: auto; }
.mojo-lp.lp-hero--mitte .lp-btn-row { justify-content: center; }
.mojo-lp.lp-hero--mitte .lp-eyebrow--line { justify-content: center; }
.mojo-lp.mojo-lp:is(.lp-hero, .lp-hero--slider) .lp-m-center :is(h2, p, .lp-eyebrow) { text-align: center; margin-inline: auto; }
.mojo-lp.mojo-lp:is(.lp-hero, .lp-hero--slider) .lp-m-center .lp-btn-row { justify-content: center; }
.mojo-lp.mojo-lp:is(.lp-hero, .lp-hero--slider) .lp-m-center .lp-eyebrow--line { justify-content: center; }
}
@media (max-width: 600px) {
.mojo-lp .lp-grid--2, .mojo-lp .lp-grid--3, .mojo-lp .lp-grid--4 { grid-template-columns: 1fr; }
.mojo-lp .lp-btn { width: 100%; }
.mojo-lp .lp-btn-row { flex-direction: column; }
.mojo-lp .lp-head--split > .lp-btn { width: auto; margin-inline: auto; padding-inline: 24px; }
}
.mojo-lp.mojo-lp :is(.lp-hs__media, .lp-dbl__bild) video {
position: absolute !important; inset: 0 !important;
width: 100% !important; height: 100% !important;
max-width: none !important; min-height: 100% !important;
object-fit: cover !important; display: block !important;
}.mojo-lp.mojo-lp :is(.lp-tile, .lp-hs__media, .lp-ps__karte, .lp-panels__panel, .lp-buehne__slide, .lp-buehne__thumb, .lp-par__media, .lp-split__media, .lp-stack__media, .lp-plist__bild figure, .lp-sw__bild, .lp-vh__bild, .lp-vgl__seite, .lp-wb__medien, .lp-ctak__bild, .lp-pfen__bild, .lp-ppan__bild, .lp-stp__bild, .lp-mq__bild, .lp-dbl__bild, .lp-abd__rahmen, .lp-abz__rahmen, .lp-rfb__bild, .lp-rfs__platte, .lp-rfd__platte, .lp-rff__anschnitt, .lp-rfw__bild, .lp-rfp__bild) img {
position: absolute !important; inset: 0 !important;
width: 100% !important; height: 100% !important;
max-width: none !important; min-height: 100% !important;
object-fit: cover !important; display: block !important;
}
.mojo-lp.mojo-lp p.lp-wortlauf {
font-family: var(--font);
font-size: clamp(20px, 2.1vw, 34px);
line-height: 1.4 !important;
font-weight: 600;
letter-spacing: -.01em;
color: var(--text);
max-width: 32ch;
}
.mojo-lp .lp-wortlauf em { font-style: normal; color: var(--accent); }
.lp-js .mojo-lp .lp-wl__w { opacity: .16; transition: opacity 300ms var(--ease); }
.lp-js .mojo-lp .lp-wl__w.is-an { opacity: 1; }
.mojo-lp .lp-vh__zeile { display: block; overflow: hidden; padding-block-end: .1em; margin-block-end: -.1em; }
.lp-js .mojo-lp .lp-vorhang[data-reveal] { opacity: 1; transform: none; }
.lp-js .mojo-lp .lp-vorhang .lp-vh__text { display: block; transform: translateY(115%); transition: transform 750ms var(--ease); }
.lp-js .mojo-lp .lp-vorhang.is-in .lp-vh__text { transform: none; }
.lp-js .mojo-lp .lp-vorhang .lp-vh__zeile:nth-child(2) .lp-vh__text { transition-delay: 120ms; }
.lp-js .mojo-lp .lp-vorhang .lp-vh__zeile:nth-child(3) .lp-vh__text { transition-delay: 240ms; }
.mojo-lp .lp-vorhang em { font-style: normal; color: var(--accent); position: relative; }
.mojo-lp .lp-vorhang em::after {
content: ""; position: absolute; left: 0; right: 0; bottom: .04em; height: .07em;
background: var(--lp-gold); transform: scaleX(0); transform-origin: left;
transition: transform 600ms var(--ease) 700ms;
}
.lp-js .mojo-lp .lp-vorhang.is-in em::after { transform: scaleX(1); }
.mojo-lp .lp-vh__grid {
display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 1fr 1fr;
gap: var(--gap-grid); align-self: stretch; justify-self: end;
width: min(100%, clamp(320px, 36vw, 560px));
}
.mojo-lp .lp-vh__bild { margin: 0; position: relative; min-height: 0; border-radius: var(--r-card); overflow: hidden; contain: layout paint; }
.mojo-lp .lp-vh__bild:nth-child(even) { transform: translateY(clamp(10px, 1.6vw, 22px)); }
@media (max-width: 930px) {
.mojo-lp .lp-vh__grid { display: none; }
}
.mojo-lp .lp-schwebe { position: relative; }
.mojo-lp .lp-schwebe .lp-inner { position: relative; z-index: 2; }
.mojo-lp .lp-schwebe .lp-btn-row { justify-content: center; }
.mojo-lp .lp-sw__bild {
position: absolute; z-index: 1; margin: 0;
width: clamp(120px, 13vw, 220px); aspect-ratio: 3 / 4;
border-radius: var(--r-card); overflow: hidden;
contain: layout paint; will-change: transform;
}
.mojo-lp .lp-sw__bild--1 { left: var(--sp-side); top: 0; }
.mojo-lp .lp-sw__bild--2 { right: calc(var(--sp-side) * 0.75); top: 14%; width: clamp(96px, 9vw, 170px); }
.mojo-lp .lp-sw__bild--3 { left: calc(var(--sp-side) * 1.9); bottom: -4%; width: clamp(96px, 10vw, 180px); }
.mojo-lp .lp-sw__bild--4 { right: calc(var(--sp-side) * 1.5); bottom: -2%; width: clamp(110px, 11vw, 190px); }
@media (hover: hover) {
.mojo-lp .lp-sw__bild img { transition: transform var(--t-img) var(--ease); }
.mojo-lp .lp-sw__bild:hover img { transform: scale(1.05); }
}
@media (max-width: 930px) {
.mojo-lp .lp-sw__bild { display: none; }
}
.mojo-lp .lp-prob__grid { display: grid; grid-template-columns: 1fr 1fr; gap: var(--gap-grid); align-self: start; }
.mojo-lp .lp-prob__karte {
position: relative; overflow: hidden;
padding: clamp(24px, 2.3vw, 36px);
border: 1px solid var(--border); border-radius: var(--r-card);
background: var(--surface);
}
@media (hover: hover) {
.mojo-lp .lp-prob__karte { transition: border-color var(--t-ui) var(--ease), background var(--t-ui) var(--ease), transform var(--t-ui) var(--ease); }
.mojo-lp .lp-prob__karte:hover { border-color: rgba(var(--gold-rgb),.5); background: rgba(var(--gold-rgb),.08); transform: translateY(-4px); }
}
.mojo-lp .lp-prob__karte::before {
content: attr(data-num);
position: absolute; top: 14px; right: 18px;
font-size: clamp(38px, 3.6vw, 64px); font-weight: 800; line-height: 1;
color: transparent; -webkit-text-stroke: 1px rgba(var(--gold-rgb),.38);
pointer-events: none;
}
.mojo-lp .lp-prob__strich { display: block; width: 36px; height: 2px; background: var(--lp-gold); margin-block-end: clamp(24px, 3.5vh, 44px); }
.mojo-lp .lp-prob__karte h3 { margin: 0 0 10px !important; font-size: clamp(17px, 1.5vw, 23px); line-height: 1.15 !important; color: var(--text); max-width: 16ch; hyphens: auto; }
.mojo-lp.mojo-lp .lp-prob__karte p { margin: 0 !important; font-size: clamp(13px, .95vw, 15px); line-height: 1.65 !important; font-weight: 500; color: var(--text); max-width: 42ch; }
@media (max-width: 600px) { .mojo-lp .lp-prob__grid { grid-template-columns: 1fr; } }
@media (max-width: 930px) {
.mojo-lp.mojo-lp.mojo-lp .lp-pbr__bahn { left: 7px; transform: none; }
.mojo-lp.mojo-lp .lp-pbr__halt, .mojo-lp.mojo-lp .lp-pbr__halt:nth-of-type(even) { padding-inline: calc(14px + clamp(14px, 4vw, 22px)) 0; text-align: left; }
.mojo-lp.mojo-lp .lp-pbr__halt p:not(.lp-eyebrow) { margin-inline: 0 !important; }
.mojo-lp.mojo-lp .lp-pbr__halt:nth-of-type(odd) .lp-eyebrow { justify-content: flex-start; }
.mojo-lp.mojo-lp.mojo-lp .lp-pbr__knoten { left: 1px; }
.lp-js .mojo-lp.mojo-lp.mojo-lp .lp-pbr__halt, .lp-js .mojo-lp.mojo-lp.mojo-lp .lp-pbr__halt:nth-of-type(even) { --pbr-weg: -14px; }
}
.mojo-lp .lp-pz { border-block-end: 1px solid var(--border); }
.mojo-lp .lp-pz__zeile { border-block-start: 1px solid var(--border); }
.mojo-lp .lp-pz__kopf {
display: flex; width: 100%; align-items: baseline; gap: clamp(14px, 2vw, 28px);
background: none; border: 0; margin: 0; padding-block: clamp(18px, 2.6vw, 32px); padding-inline: 0;
cursor: pointer; text-align: left; -webkit-appearance: none; appearance: none;
font-family: var(--font); color: var(--text);
list-style: none;
}
.mojo-lp .lp-pz__kopf::-webkit-details-marker { display: none; }
.mojo-lp .lp-pz__kopf::marker { content: ""; }
.mojo-lp .lp-pz__nr { font-size: 12px; font-weight: 700; color: var(--accent); font-feature-settings: "tnum" 1; flex-shrink: 0; }
.mojo-lp .lp-pz__titel { flex: 1; font-size: clamp(19px, 2.3vw, 36px); font-weight: 700; line-height: 1.15 !important; letter-spacing: -.015em; transition: color var(--t-ui) var(--ease); }
@media (hover: hover) { .mojo-lp .lp-pz__kopf:hover .lp-pz__titel { color: var(--accent); } }
.mojo-lp .lp-pz__zeile[open] .lp-pz__titel { color: var(--accent); }
.mojo-lp .lp-pz__icon { flex-shrink: 0; align-self: center; width: 30px; height: 30px; border-radius: 50%; border: 1.5px solid var(--border); position: relative; transition: transform 300ms var(--ease), border-color var(--t-ui) var(--ease); }
.mojo-lp .lp-pz__icon::before, .mojo-lp .lp-pz__icon::after { content: ""; position: absolute; inset: 0; margin: auto; background: var(--lp-gold); }
.mojo-lp .lp-pz__icon::before { width: 12px; height: 1.5px; }
.mojo-lp .lp-pz__icon::after { width: 1.5px; height: 12px; }
.mojo-lp .lp-pz__zeile[open] .lp-pz__icon { transform: rotate(45deg); border-color: rgba(var(--gold-rgb),.5); }
.mojo-lp .lp-pz__detail { display: block; }
.mojo-lp .lp-pz__detail > div { overflow: hidden; }
.mojo-lp .lp-pz__zeile[open] .lp-pz__detail { animation: lp-pz-auf 320ms var(--ease) both; }
@keyframes lp-pz-auf { from { opacity: 0; transform: translateY(-8px); } to { opacity: 1; transform: none; } }
@media (prefers-reduced-motion: reduce) { .mojo-lp .lp-pz__zeile[open] .lp-pz__detail { animation: none; } }
.mojo-lp.mojo-lp .lp-pz__detail p { margin: 0 !important; padding-block-end: clamp(18px, 2.6vw, 32px) !important; max-width: none; font-size: var(--lp-t-body); line-height: 1.65 !important; font-weight: 500; color: var(--text); }
@media (max-width: 930px) { .mojo-lp .lp-pz__titel { font-size: clamp(17px, 4.6vw, 24px); } }
.mojo-lp .lp-pbr { display: grid; grid-template-columns: minmax(0, 1fr); }
.mojo-lp .lp-pbr__kette { position: relative; display: grid; grid-template-columns: minmax(0, 1fr); }
.mojo-lp .lp-pbr__bahn { position: absolute; left: 50%; top: 0; bottom: 0; width: 2px; transform: translateX(-1px); background: var(--border); }
.mojo-lp .lp-pbr__linie { display: block; width: 100%; height: 100%; background: var(--lp-gold); transform: scaleY(var(--pbr, 1)); transform-origin: 50% 0; }
.mojo-lp .lp-pbr__halt { position: relative; padding-block: clamp(24px, 3.6vh, 48px); padding-inline: 0 calc(50% + var(--gap-split) / 2); text-align: right; min-width: 0; }
.mojo-lp .lp-pbr__halt:nth-of-type(even) { padding-inline: calc(50% + var(--gap-split) / 2) 0; text-align: left; }
.mojo-lp .lp-pbr__knoten { position: absolute; top: calc(clamp(24px, 3.6vh, 48px) + 5px); left: calc(50% - 7px); width: 14px; height: 14px; border-radius: var(--r-round); background: var(--bg); box-shadow: inset 0 0 0 2px var(--border); transition: box-shadow .4s var(--ease), background .4s var(--ease); }
.mojo-lp.mojo-lp .lp-pbr__halt h3 { margin: 0 0 var(--sp-title) !important; font-size: var(--lp-t-h3); line-height: 1.25 !important; letter-spacing: -.015em; color: var(--text); }
.mojo-lp.mojo-lp .lp-pbr__halt p:not(.lp-eyebrow) { margin: 0 !important; font-size: var(--lp-t-body); line-height: 1.65 !important; font-weight: 500; color: var(--text); max-width: 46ch; }
.mojo-lp.mojo-lp .lp-pbr__halt .lp-eyebrow { margin: 0 0 10px !important; }
.mojo-lp .lp-pbr__halt:nth-of-type(odd) p:not(.lp-eyebrow) { margin-inline-start: auto !important; }
.mojo-lp .lp-pbr__halt:nth-of-type(odd) .lp-eyebrow { justify-content: flex-end; }
.mojo-lp .lp-pbr__schluss { margin-block-start: clamp(34px, 5vh, 64px); background: var(--surface); border-radius: var(--r-card); box-shadow: inset 0 1.5px 0 rgba(var(--gold-rgb), .5), inset 0 0 0 1.5px var(--border); padding: clamp(24px, 3.4vw, 48px); text-align: center; }
.mojo-lp.mojo-lp .lp-pbr__schluss h3 { margin: 0 0 var(--sp-title) !important; font-size: var(--lp-t-h3); line-height: 1.25 !important; color: var(--text); }
.mojo-lp.mojo-lp .lp-pbr__schluss p { margin-inline: auto !important; max-width: 56ch; }
.mojo-lp .lp-pbr__schluss .lp-btn-row { justify-content: center; }
.mojo-lp .lp-pbr__schluss .lp-eyebrow { justify-content: center; }
.lp-js .mojo-lp .lp-pbr__halt { opacity: .28; transform: translateX(var(--pbr-weg, -24px)); transition: opacity .5s var(--ease), transform .55s var(--ease); }
.lp-js .mojo-lp .lp-pbr__halt:nth-of-type(even) { --pbr-weg: 24px; }
.lp-js .mojo-lp .lp-pbr__halt.is-auf { opacity: 1; transform: none; }
.lp-js .mojo-lp .lp-pbr__halt.is-auf .lp-pbr__knoten { background: var(--lp-gold); box-shadow: inset 0 0 0 2px var(--lp-gold); }
.lp-js .mojo-lp .lp-pbr__linie { transform: scaleY(var(--pbr, 0)); }
.mojo-lp.lp-prob--bild { position: relative; isolation: isolate; overflow: clip; }
.mojo-lp .lp-prob__bild { position: absolute; inset: 0; z-index: -1; }
.mojo-lp.mojo-lp .lp-prob__bild img { position: absolute !important; inset: 0 !important; width: 100% !important; height: 100% !important; max-width: none !important; object-fit: cover; display: block; }
.mojo-lp .lp-prob__bild::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(var(--bild-rgb), .78) 0%, rgba(var(--bild-rgb), .7) 50%, rgba(var(--bild-rgb), .84) 100%); }
.mojo-lp.lp-prob--bild .lp-prob__karte { background: rgba(var(--bild-rgb), .42); backdrop-filter: blur(2px); }
.mojo-lp .lp-pfad { display: grid; grid-template-columns: minmax(300px, .85fr) 1.15fr; gap: clamp(32px, 5vw, 80px); align-items: start; }
.mojo-lp .lp-pfad__anker { position: sticky; top: clamp(72px, 12vh, 120px); }
.mojo-lp .lp-pfad__zahl {
display: flex; align-items: baseline; gap: 6px;
font-size: clamp(56px, 6.5vw, 110px); font-weight: 800; line-height: 1;
letter-spacing: -.03em; color: var(--accent); font-feature-settings: "tnum" 1;
margin-block-end: 0;
}
.mojo-lp .lp-pfad__zahlbox { display: inline-grid; overflow: hidden; }
.mojo-lp .lp-pfad__zahlbox > span { grid-area: 1 / 1; display: block; transition: transform 380ms var(--ease), opacity 380ms var(--ease); }
.mojo-lp .lp-pfad__zneu--ab { transform: translateY(105%); }
.mojo-lp .lp-pfad__zneu--auf { transform: translateY(-105%); }
.mojo-lp .lp-pfad__zahlbox > span.is-ein { transform: none; }
.mojo-lp .lp-pfad__zahlbox > span.is-aus-auf { transform: translateY(-105%); opacity: .4; }
.mojo-lp .lp-pfad__zahlbox > span.is-aus-ab { transform: translateY(105%); opacity: .4; }
.mojo-lp .lp-pfad__von { font-size: clamp(16px, 1.4vw, 22px); font-weight: 700; color: var(--text-muted, rgba(var(--kante-rgb),.55)); letter-spacing: 0; }
.mojo-lp .lp-pfad__balken { width: min(260px, 80%); height: 2px; background: var(--border); margin-block-start: clamp(14px, 2vh, 22px); overflow: hidden; }
.mojo-lp .lp-pfad__anker h2 { margin-block: 0 clamp(20px, 3vh, 32px) !important; }
.mojo-lp .lp-pfad__balken span { display: block; height: 100%; width: 0; background: var(--lp-gold); transition: width 450ms var(--ease); }
.mojo-lp .lp-pfad__block { padding-block: clamp(40px, 8vh, 96px); border-block-start: 1px solid var(--border); }
.mojo-lp .lp-pfad__bloecke .lp-pfad__block:first-child { border-block-start: 0; padding-block-start: clamp(8px, 2vh, 24px); }
.lp-js .mojo-lp .lp-pfad__block { opacity: .3; transition: opacity 450ms var(--ease); }
.lp-js .mojo-lp .lp-pfad__block.is-akt { opacity: 1; }
.mojo-lp .lp-pfad__block h3 { margin: 0 0 12px !important; font-size: var(--lp-t-h3); line-height: 1.25 !important; color: var(--text); letter-spacing: -.015em; }
.mojo-lp.mojo-lp .lp-pfad__block p { margin: 0 !important; max-width: 58ch; font-size: var(--lp-t-body); line-height: 1.65 !important; font-weight: 500; color: var(--text); }
.mojo-lp .lp-pfad__tag { display: inline-block; font-size: 10px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--accent); margin-block-end: 10px; }
@media (max-width: 930px) {
.mojo-lp .lp-pfad { grid-template-columns: 1fr; }
.mojo-lp .lp-pfad__anker { position: static; }
.mojo-lp .lp-pfad__stand {
position: sticky; top: 0; z-index: 3;
display: flex; align-items: center; gap: 14px;
background: var(--bg); padding-block: 10px;
border-block-end: 1px solid var(--border);
}
.mojo-lp .lp-pfad__zahl { font-size: clamp(30px, 9vw, 44px); margin-block-end: 0; }
.mojo-lp .lp-pfad__balken { flex: 1; width: auto; margin-block-start: 0; }
.mojo-lp .lp-pfad__anker h2 { margin-block: 0 var(--sp-title) !important; }
.mojo-lp .lp-pfad__block { padding-block: clamp(28px, 5vh, 48px); }
}
.mojo-lp .lp-vgl {
position: relative; overflow: hidden; border-radius: var(--r-card);
aspect-ratio: 16 / 10; contain: layout paint;
--lp-vgl-pos: 50%;
}
.mojo-lp .lp-vgl__seite { position: absolute; inset: 0; margin: 0; }
.mojo-lp .lp-vgl__seite--vorher { z-index: 2; clip-path: inset(0 calc(100% - var(--lp-vgl-pos)) 0 0); }
.mojo-lp .lp-vgl__seite--vorher img { filter: saturate(.6) contrast(1.05) brightness(.8); }
.mojo-lp .lp-vgl__griff {
position: absolute; z-index: 3; top: 0; bottom: 0; left: var(--lp-vgl-pos);
width: 2px; margin-left: -1px; background: var(--lp-gold); pointer-events: none;
}
.mojo-lp .lp-vgl__griff::after {
content: "\2194"; position: absolute; top: 50%; left: 50%;
transform: translate(-50%, -50%);
width: 44px; height: 44px; border-radius: 50%;
background: var(--lp-gold); color: var(--auf-gold);
display: grid; place-items: center;
font-size: 18px; font-weight: 700; line-height: 1;
box-shadow: 0 4px 18px rgba(var(--schatten-rgb),.45);
}
.mojo-lp .lp-vgl__label {
position: absolute; z-index: 3; top: 14px; pointer-events: none;
font-size: 11px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase;
color: var(--auf-bild); background: rgba(10,11,7,.88); border: 1px solid rgba(var(--kante-rgb),.2);
padding: 6px 10px; border-radius: var(--r-sm, 6px); line-height: 1;
}
.mojo-lp .lp-vgl__label--l { left: 14px; }
.mojo-lp .lp-vgl__label--r { right: 14px; border-color: rgba(var(--gold-rgb),.6); color: var(--lp-gold); }
.mojo-lp .lp-vgl__regler {
position: absolute; inset: 0; z-index: 4; width: 100%; height: 100%;
margin: 0; opacity: 0; cursor: ew-resize; -webkit-appearance: none; appearance: none;
}
@media (max-width: 930px) { .mojo-lp .lp-vgl { aspect-ratio: 4 / 3; } }
.mojo-lp.lp-warum { min-height: max(680px, 100svh); }
.mojo-lp.lp-warum .lp-inner { width: 100%; }
.mojo-lp.lp-warum .lp-par__media::after {
background: linear-gradient(90deg, rgba(var(--bild-rgb),.94) 0%, rgba(var(--bild-rgb),.8) 48%, rgba(var(--bild-rgb),.55) 100%);
}
.mojo-lp .lp-warum__layout { display: grid; grid-template-columns: 1.05fr .95fr; gap: var(--gap-split); align-items: center; width: 100%; }
.mojo-lp .lp-warum__layout h2 { max-width: 20ch; }
.mojo-lp .lp-warum__stats { display: grid; grid-template-columns: repeat(3, 1fr); border-block: 1.5px solid rgba(var(--kante-rgb),.16); margin-block: clamp(24px, 3.2vh, 38px); }
.mojo-lp .lp-warum__stat { display: flex; flex-direction: column; gap: 6px; padding: clamp(16px, 1.8vw, 24px) clamp(14px, 1.6vw, 22px); border-inline-start: 1.5px solid rgba(var(--kante-rgb),.16); }
.mojo-lp .lp-warum__stat:first-child { border-inline-start: 0; padding-inline-start: 0; }
.mojo-lp.mojo-lp .lp-warum .lp-num { font-size: clamp(26px, 2.3vw, 40px); font-weight: 800; color: var(--text); letter-spacing: -.02em; line-height: 1 !important; margin: 0 !important; font-feature-settings: "tnum" 1; }
.mojo-lp.mojo-lp .lp-warum .lp-num-label { font-size: 10px; font-weight: 700; text-transform: uppercase; letter-spacing: .12em; color: var(--accent); line-height: 1.35 !important; margin: 0 !important; }
.mojo-lp .lp-warum__sub { font-size: 12px; font-weight: 500; color: var(--text); line-height: 1.4 !important; }
.mojo-lp .lp-warum__grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: clamp(10px, 1.2vw, 16px); }
.mojo-lp.mojo-lp .lp-warum__feat :is(h3, p) { hyphens: auto; -webkit-hyphens: auto; overflow-wrap: break-word; }
.mojo-lp .lp-warum__feat {
background: rgba(10,11,7,.88); border: 1.5px solid rgba(var(--kante-rgb),.14);
border-radius: var(--r-card);
padding: clamp(18px, 2vw, 28px) clamp(16px, 1.8vw, 24px);
display: flex; flex-direction: column; gap: 10px;
transition: border-color var(--t-ui) var(--ease), background var(--t-ui) var(--ease);
}
@media (hover: hover) { .mojo-lp .lp-warum__feat:hover { border-color: rgba(var(--gold-rgb),.55); background: rgba(10,11,7,.72); } }
.mojo-lp .lp-warum__tag { display: block; font-size: 11px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--lp-gold-hi); line-height: 1.65 !important; }
.mojo-lp.mojo-lp .lp-warum__feat h3 { margin: 0 !important; font-weight: 700 !important; font-size: clamp(18px, .7vw + 8px, 22px); line-height: 1.25 !important; color: var(--auf-bild); }
.mojo-lp.mojo-lp .lp-warum__feat p { margin-block: 0 !important; margin-inline: 0; max-width: none; font-size: var(--lp-t-teaser); line-height: 1.65 !important; font-weight: var(--lp-w-body); color: var(--auf-bild); }
@media (min-width: 931px) and (max-width: 1600px) {
.mojo-lp.mojo-lp.mojo-lp .lp-warum__feat p { font-size: var(--lp-t-klein); }
}
@media (max-width: 930px) {
.mojo-lp .lp-warum__layout { grid-template-columns: 1fr; gap: clamp(32px, 5vh, 56px); }
.mojo-lp.lp-warum .lp-par__media::after { background: linear-gradient(180deg, rgba(var(--bild-rgb),.9), rgba(var(--bild-rgb),.78)); }
.mojo-lp .lp-warum__layout h2 { max-width: none; }
.mojo-lp .lp-warum__stat { align-items: center; text-align: center; }
.mojo-lp .lp-warum__feat { text-align: left; }
.mojo-lp.mojo-lp .lp-warum__feat p { text-align: left; margin-inline: 0; }
}
@media (max-width: 600px) {
.mojo-lp .lp-warum__stats { grid-template-columns: 1fr; border-block: 0; border-block-start: 1.5px solid rgba(var(--kante-rgb),.16); }
.mojo-lp .lp-warum__stat { border-inline-start: 0; border-block-end: 1.5px solid rgba(var(--kante-rgb),.16); padding-inline: 0; }
.mojo-lp .lp-warum__grid { grid-template-columns: 1fr; }
}
.mojo-lp .lp-wz { display: grid; grid-template-columns: repeat(3, 1fr); gap: clamp(28px, 4vw, 72px); }
.mojo-lp .lp-wz--4 { grid-template-columns: repeat(4, 1fr); gap: clamp(24px, 3vw, 56px); }
.mojo-lp .lp-wz__item { border-block-start: 1.5px solid var(--border); padding-block-start: clamp(18px, 2.6vh, 30px); display: flex; flex-direction: column; gap: 12px; }
.mojo-lp.mojo-lp .lp-wz .lp-num { font-size: clamp(52px, 5.8vw, 120px); font-weight: 800; letter-spacing: -.035em; color: var(--text); line-height: .95 !important; margin: 0 !important; font-feature-settings: "tnum" 1; }
.mojo-lp.mojo-lp .lp-wz--4 .lp-num { font-size: clamp(44px, 4.6vw, 96px); }
.mojo-lp .lp-wz__label { font-size: 11px; font-weight: 700; letter-spacing: .13em; text-transform: uppercase; color: var(--accent); line-height: 1.5 !important; }
.mojo-lp.mojo-lp .lp-wz__item p { margin-block: 0 !important; margin-inline: 0; max-width: 36ch; font-size: var(--lp-t-body); line-height: 1.65 !important; font-weight: var(--lp-w-body); color: var(--text); }
@media (max-width: 1024px) {
.mojo-lp .lp-wz--4 { grid-template-columns: 1fr 1fr; row-gap: clamp(28px, 5vh, 44px); }
}
@media (max-width: 930px) {
.mojo-lp .lp-wz, .mojo-lp .lp-wz--4 { grid-template-columns: 1fr; gap: 0; }
.mojo-lp .lp-wz__item { align-items: center; text-align: center; padding-block: clamp(24px, 4.5vh, 40px); }
.mojo-lp .lp-wz__item:last-child { padding-block-end: 0; }
.mojo-lp.mojo-lp .lp-wz .lp-num { font-size: clamp(44px, 13vw, 64px); }
.mojo-lp.mojo-lp .lp-wz__item p { margin-inline: auto; }
}
.mojo-lp .lp-wm { display: flex; flex-direction: column; align-items: center; }
.mojo-lp.mojo-lp .lp-wm h2 { max-width: 26ch; font-size: clamp(26px, 3vw, 52px); font-weight: 700; line-height: 1.3 !important; letter-spacing: -.015em; margin-block: 0 clamp(28px, 4vh, 46px) !important; }
.lp-js .mojo-lp .lp-wm.is-lebt .lp-wm__wort { opacity: .16; transition: opacity 280ms var(--ease); }
.lp-js .mojo-lp .lp-wm.is-lebt .lp-wm__wort.is-hell { opacity: 1; }
@media (max-width: 930px) {
.mojo-lp.mojo-lp .lp-wm h2 { font-size: clamp(21px, 5.6vw, 30px); max-width: none; }
}
.mojo-lp .lp-wb { display: grid; grid-template-columns: 1.05fr 1fr; gap: var(--gap-split); align-items: start; }
.mojo-lp .lp-wb__haft { position: sticky; top: clamp(72px, 12svh, 120px); }
.mojo-lp .lp-wb__grundbild { display: none; }
.mojo-lp .lp-wb__medien { position: relative; aspect-ratio: 4 / 3; border-radius: var(--r-card); overflow: hidden; background: var(--surface); }
.mojo-lp.mojo-lp .lp-wb__medien img { opacity: 0; transition: opacity 650ms var(--ease); }
.mojo-lp.mojo-lp .lp-wb__medien img.is-an { opacity: 1; }
html:not(.lp-js) .mojo-lp.mojo-lp .lp-wb__medien img:first-child { opacity: 1; }
.mojo-lp .lp-wb__stand { display: flex; align-items: center; gap: 12px; margin-block-start: 16px; }
.mojo-lp .lp-wb__zaehler { font-size: 12px; font-weight: 700; color: var(--accent); font-feature-settings: "tnum" 1; line-height: 1.5 !important; }
.mojo-lp .lp-wb__segmente { display: flex; gap: 6px; flex: 1; max-width: 220px; }
.mojo-lp .lp-wb__segment { height: 2px; flex: 1; background: var(--border); transition: background 400ms var(--ease); }
.mojo-lp .lp-wb__segment.is-voll { background: var(--lp-gold); }
.mojo-lp .lp-wb__grund { padding-block: clamp(36px, 7vh, 88px); border-block-start: 1.5px solid var(--border); }
.mojo-lp .lp-wb__bloecke .lp-wb__grund:first-child { border-block-start: 0; padding-block-start: clamp(8px, 2vh, 24px); }
.lp-js .mojo-lp .lp-wb__grund { opacity: .62; transition: opacity 450ms var(--ease); }
.lp-js .mojo-lp .lp-wb__grund.is-akt { opacity: 1; }
.mojo-lp .lp-wb__nr { display: inline-block; font-size: 11px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--accent); font-feature-settings: "tnum" 1; margin-block-end: 10px; line-height: 1.5 !important; }
.mojo-lp.mojo-lp .lp-wb__grund h3 { margin: 0 0 12px !important; font-weight: 700 !important; font-size: var(--lp-t-h3); line-height: 1.25 !important; color: var(--text); letter-spacing: -.015em; }
.mojo-lp.mojo-lp .lp-wb__grund p { margin-block: 0 !important; margin-inline: 0; max-width: 58ch; font-size: var(--lp-t-body); line-height: 1.65 !important; font-weight: var(--lp-w-body); color: var(--text); }
.mojo-lp .lp-wb__grund .lp-btn-row { margin-block-start: 22px; }
@media (max-width: 930px) {
.mojo-lp .lp-wb { grid-template-columns: 1fr; }
.mojo-lp .lp-wb__haft { display: none; }
.mojo-lp .lp-wb__grundbild { display: block; margin-block-end: 16px; border-radius: var(--r-ui); overflow: hidden; background: var(--surface); }
.mojo-lp.mojo-lp .lp-wb__grundbild img { display: block; width: 100%; height: auto; aspect-ratio: 16 / 9; object-fit: cover; opacity: 1; }
.lp-js .mojo-lp .lp-wb__grund { opacity: 1; }
.mojo-lp .lp-wb__medien { aspect-ratio: 16 / 9; border-radius: var(--r-ui); }
.mojo-lp .lp-wb__stand { margin-block-start: 10px; }
.mojo-lp .lp-wb__grund { padding-block: clamp(24px, 4.5vh, 40px); text-align: left; }
.lp-js .mojo-lp .lp-wb__grund { transition: none; }
.mojo-lp.mojo-lp .lp-wb__grund p { text-align: left; margin-inline: 0; }
.mojo-lp .lp-wb__grund .lp-btn-row { justify-content: flex-start; }
}
.mojo-lp .lp-cring { display: grid; grid-template-columns: repeat(4, 1fr); gap: var(--gap-grid); }
.mojo-lp .lp-cring--3 { grid-template-columns: repeat(3, 1fr); }
.mojo-lp .lp-cring__item { display: flex; flex-direction: column; align-items: center; gap: 14px; text-align: center; }
.mojo-lp .lp-cring__rad { position: relative; width: clamp(124px, 11vw, 172px); aspect-ratio: 1 / 1; }
.mojo-lp .lp-cring__rad svg { position: absolute; inset: 0; width: 100%; height: 100%; transform: rotate(-90deg); }
.mojo-lp .lp-cring__spur { fill: none; stroke: var(--border); stroke-width: 2.5; }
.mojo-lp .lp-cring__gold { fill: none; stroke: var(--lp-gold); stroke-width: 2.5; stroke-linecap: round; stroke-dasharray: 289.03; stroke-dashoffset: 289.03; transition: stroke-dashoffset 1500ms var(--ease); }
.mojo-lp .lp-cring__zahl { position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 3px; }
.mojo-lp.mojo-lp .lp-cring__zahl .lp-num { font-size: clamp(24px, 1.9vw, 32px); font-weight: 800; color: var(--text); margin: 0 !important; line-height: 1 !important; letter-spacing: -.02em; font-feature-settings: "tnum" 1; }
.mojo-lp .lp-cring__einheit { font-size: 10px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: var(--accent); line-height: 1.3 !important; }
.mojo-lp .lp-cring__label { font-size: 11px; font-weight: 700; letter-spacing: .09em; text-transform: uppercase; color: var(--text); line-height: 1.4 !important; max-width: 20ch; }
@media (max-width: 900px) {
.mojo-lp .lp-cring, .mojo-lp .lp-cring--3 { grid-template-columns: repeat(2, 1fr); row-gap: 32px; }
}
.mojo-lp .lp-crw { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--gap-grid); }
.mojo-lp .lp-crw--4 { grid-template-columns: repeat(4, 1fr); }
.mojo-lp .lp-crw__item { border-inline-start: 1.5px solid var(--border); padding-inline-start: clamp(16px, 2vw, 28px); display: flex; flex-direction: column; gap: 10px; }
.mojo-lp .lp-crw__wert { display: flex; align-items: baseline; font-size: clamp(40px, 3.6vw, 64px); font-weight: 800; letter-spacing: -.02em; color: var(--text); line-height: 1 !important; font-feature-settings: "tnum" 1; }
.mojo-lp .lp-crw__ziffer { display: inline-block; height: 1em; overflow: hidden; }
.mojo-lp .lp-crw__band { display: block; transform: translateY(0); transition: transform 1300ms var(--ease); }
.mojo-lp .lp-crw__band span { display: block; height: 1em; line-height: 1 !important; }
.mojo-lp .lp-crw__label { font-size: 11px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--accent); line-height: 1.5 !important; }
.mojo-lp.mojo-lp .lp-crw__item p { margin-block: 0 !important; margin-inline: 0; max-width: 30ch; font-size: var(--lp-t-body); line-height: 1.65 !important; font-weight: 500; color: var(--text); }
@media (max-width: 930px) {
.mojo-lp .lp-crw, .mojo-lp .lp-crw--4 { grid-template-columns: 1fr; row-gap: clamp(24px, 4vh, 36px); }
.mojo-lp .lp-crw__item { text-align: left; }
.mojo-lp.mojo-lp .lp-crw__item p { text-align: left; margin-inline: 0; }
}
.mojo-lp .lp-clin { position: relative; display: grid; grid-template-columns: repeat(4, 1fr); gap: var(--gap-grid); padding-block-start: clamp(22px, 3vh, 34px); }
.mojo-lp .lp-clin--3 { grid-template-columns: repeat(3, 1fr); }
.mojo-lp .lp-clin::before { content: ""; position: absolute; top: 0; left: 0; right: 0; height: 1.5px; background: var(--border); }
.mojo-lp .lp-clin__strich { position: absolute; top: 0; left: 0; width: 100%; height: 1.5px; background: var(--lp-gold); transform: scaleX(0); transform-origin: left; transition: transform 1600ms var(--ease); z-index: 1; }
.mojo-lp .lp-clin.is-an .lp-clin__strich { transform: scaleX(1); }
.lp-js .mojo-lp .lp-clin__item { opacity: 0; transform: translateY(10px); transition: opacity 500ms var(--ease), transform 500ms var(--ease); }
.mojo-lp .lp-clin.is-an .lp-clin__item { opacity: 1; transform: none; }
.mojo-lp .lp-clin.is-an .lp-clin__item:nth-of-type(2) { transition-delay: 380ms; }
.mojo-lp .lp-clin.is-an .lp-clin__item:nth-of-type(3) { transition-delay: 760ms; }
.mojo-lp .lp-clin.is-an .lp-clin__item:nth-of-type(4) { transition-delay: 1140ms; }
.mojo-lp .lp-clin__item { display: flex; flex-direction: column; gap: 6px; }
.mojo-lp.mojo-lp .lp-clin__item .lp-num { font-size: clamp(30px, 2.6vw, 46px); font-weight: 800; color: var(--text); margin: 0 !important; line-height: 1 !important; letter-spacing: -.02em; font-feature-settings: "tnum" 1; }
.mojo-lp .lp-clin__item .lp-num em { color: var(--accent); }
.mojo-lp .lp-clin__label { font-size: 11px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--accent); line-height: 1.5 !important; }
.mojo-lp .lp-clin__sub { font-size: var(--lp-t-klein); font-weight: 500; color: var(--text); line-height: 1.5 !important; }
@media (max-width: 900px) {
.mojo-lp .lp-clin, .mojo-lp .lp-clin--3 { grid-template-columns: repeat(2, 1fr); row-gap: 32px; }
.mojo-lp .lp-clin__item { align-items: center; text-align: center; }
}
.mojo-lp.lp-ctak { padding-inline: 0; padding-block-end: 0; }
.mojo-lp .lp-ctak__kopf { padding-inline: var(--sp-side); margin-block-end: clamp(32px, 5vh, 56px); }
.mojo-lp .lp-ctak__grid { display: grid; grid-template-columns: repeat(3, 1fr); }
.mojo-lp .lp-ctak__karte { position: relative; display: flex; align-items: center; justify-content: center; text-align: center; overflow: hidden; min-height: clamp(420px, 44vw, 640px); padding: clamp(28px, 4vw, 52px) clamp(20px, 3vw, 40px); text-decoration: none; }
.mojo-lp .lp-ctak__karte + .lp-ctak__karte { border-inline-start: 1.5px solid rgba(var(--kante-rgb),.14); }
.mojo-lp .lp-ctak__bild { position: absolute; inset: 0; }
.mojo-lp.mojo-lp .lp-ctak__bild img { transition: transform 900ms var(--ease); }
.mojo-lp .lp-ctak__karte::after { content: ""; position: absolute; inset: 0; background: rgba(5,6,4,.6); transition: background 400ms var(--ease); }
.mojo-lp .lp-ctak__karte::before { content: ""; position: absolute; top: 0; left: 0; right: 0; height: 2px; background: var(--lp-gold); transform: scaleX(0); transform-origin: left; transition: transform 500ms var(--ease); z-index: 2; }
@media (hover: hover) {
.mojo-lp .lp-ctak__karte:hover .lp-ctak__bild img, .mojo-lp .lp-ctak__karte:focus-visible .lp-ctak__bild img { transform: scale(1.05); }
.mojo-lp .lp-ctak__karte:hover::after { background: rgba(5,6,4,.44); }
.mojo-lp .lp-ctak__karte:hover::before { transform: scaleX(1); }
}
.mojo-lp .lp-ctak__body { position: relative; z-index: 1; display: flex; flex-direction: column; align-items: center; gap: 14px; max-width: 36ch; }
.mojo-lp .lp-ctak__tag { font-size: 11px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--accent); line-height: 1.5 !important; }
.mojo-lp.mojo-lp .lp-ctak__body h3 { margin: 0 !important; font-weight: 700 !important; font-size: var(--lp-t-h3); line-height: 1.25 !important; color: var(--text); letter-spacing: -.01em; }
.mojo-lp.mojo-lp .lp-ctak__body p { margin-block: 0 !important; margin-inline: 0; max-width: 34ch;
text-align: center; font-size: var(--lp-t-teaser); line-height: 1.65 !important; font-weight: 500; color: var(--text); }
.mojo-lp .lp-ctak__body .lp-btn { margin-block-start: 6px; }
@media (max-width: 930px) {
.mojo-lp .lp-ctak__grid { grid-template-columns: 1fr; }
.mojo-lp .lp-ctak__karte { min-height: clamp(320px, 52vw, 420px); }
.mojo-lp .lp-ctak__karte + .lp-ctak__karte { border-inline-start: 0; border-block-start: 1.5px solid rgba(var(--kante-rgb),.14); }
}
@keyframes lp-ctap-puls { 0% { opacity: .85; transform: scale(1); } 75%, 100% { opacity: 0; transform: scale(1.14, 1.42); } }
.mojo-lp .lp-btn--gross { font-size: clamp(14px, 1.1vw, 18px); padding: clamp(15px, 1.6vw, 21px) clamp(32px, 3.4vw, 52px); }
.mojo-lp .lp-ctaw { display: flex; flex-wrap: wrap; border-block: 1.5px solid var(--border); }
.mojo-lp .lp-ctaw__weg { flex: 1 1 clamp(240px, 26vw, 400px); display: flex; flex-direction: column; gap: 12px; padding: clamp(32px, 5vh, 64px) clamp(24px, 3.5vw, 56px); text-decoration: none; transition: flex-grow 600ms var(--ease), background 400ms var(--ease); }
.mojo-lp .lp-ctaw__weg + .lp-ctaw__weg { border-inline-start: 1.5px solid var(--border); }
@media (hover: hover) {
.mojo-lp .lp-ctaw__weg:hover { flex-grow: 1.35; background: rgba(var(--kante-rgb),.03); }
.mojo-lp .lp-ctaw__weg:hover .lp-ctaw__pfeil { transform: translateX(8px); }
.mojo-lp .lp-ctaw__weg:hover h3 { color: var(--accent); }
}
.mojo-lp .lp-ctaw__nr { font-size: 11px; font-weight: 700; letter-spacing: .12em; color: var(--accent); font-feature-settings: "tnum" 1; line-height: 1.5 !important; }
.mojo-lp.mojo-lp .lp-ctaw__weg h3 { margin: 0 !important; font-weight: 700 !important; font-size: var(--lp-t-h3); line-height: 1.25 !important; color: var(--text); letter-spacing: -.015em; transition: color var(--t-ui) var(--ease); }
.mojo-lp.mojo-lp .lp-ctaw__weg p { margin-block: 0 !important; margin-inline: 0; max-width: 44ch; font-size: var(--lp-t-teaser); line-height: 1.65 !important; font-weight: 500; color: var(--text); }
.mojo-lp .lp-ctaw__pfeil { margin-block-start: clamp(10px, 2vh, 18px); font-size: clamp(20px, 1.8vw, 28px); font-weight: 700; color: var(--accent); line-height: 1 !important; transition: transform 400ms var(--ease); }
@media (max-width: 930px) {
.mojo-lp .lp-ctaw { flex-direction: column; }
.mojo-lp .lp-ctaw__weg { align-items: center; text-align: center; }
.mojo-lp .lp-ctaw__weg + .lp-ctaw__weg { border-inline-start: 0; border-block-start: 1.5px solid var(--border); }
.mojo-lp.mojo-lp .lp-ctaw__weg p { text-align: center; }
.mojo-lp .lp-ctaw__weg { flex: 0 0 auto; }
}
.mojo-lp .lp-marquee__sep { width: 7px; height: 7px; background: var(--lp-gold); transform: rotate(45deg); flex-shrink: 0; }
.mojo-lp .lp-mgz { display: flex; flex-direction: column; gap: clamp(10px, 1.6vh, 20px); }
.mojo-lp .lp-mgz .lp-marquee__item { font-size: clamp(24px, 2.8vw, 48px); font-weight: 800; letter-spacing: -.015em; text-transform: none; color: var(--text); }
.mojo-lp .lp-mgz .lp-marquee__track { animation-duration: 46s; }
.mojo-lp .lp-marquee__track--rueck { animation-direction: reverse; animation-duration: 58s; }
.mojo-lp.lp-sand .lp-marquee__item img { opacity: .9; filter: grayscale(1); }
@media (hover: hover) { .mojo-lp.lp-sand .lp-marquee__item img:hover { opacity: 1; filter: none; } }
.mojo-lp.mojo-lp.mojo-lp .lp-marquee--gross img { height: clamp(36px, 3.6vw, 54px) !important; }
.mojo-lp .lp-split--zoom .lp-split__media img { will-change: transform; }
.mojo-lp .lp-grid > .lp-card { height: 100%; }
.mojo-lp.lp-pfen { position: relative; isolation: isolate; overflow: clip; min-height: max(620px, 96svh); display: flex; align-items: center; }
.mojo-lp .lp-pfen__bild { position: absolute; inset: -32% 0; z-index: -1; will-change: transform; }
.mojo-lp .lp-pfen__bild::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(var(--bild-rgb),.62) 0%, rgba(var(--bild-rgb),.48) 50%, rgba(var(--bild-rgb),.74) 100%); }
.mojo-lp.lp-pfen .lp-inner { width: 100%; }
.mojo-lp.mojo-lp.lp-pfen h2 { max-width: 18ch; margin-inline: auto; letter-spacing: -.02em; }
.mojo-lp.mojo-lp.lp-pfen p:not(.lp-eyebrow) { max-width: 52ch; font-size: var(--lp-t-body); line-height: 1.65 !important; }
.mojo-lp.lp-psl { position: relative; isolation: isolate; overflow: clip; padding-inline: 0; min-height: max(620px, 96svh); display: flex; align-items: center; }
.mojo-lp .lp-psl__feld { position: absolute; inset: -20% 0; z-index: -1; display: grid; grid-auto-flow: column; grid-auto-columns: minmax(0, 1fr); gap: clamp(8px, 1vw, 18px); }
.mojo-lp .lp-psl__spalte { display: grid; grid-auto-rows: 1fr; gap: clamp(8px, 1vw, 18px); min-width: 0; transform: translate3d(0, var(--psl, 0px), 0); will-change: transform; }
.mojo-lp.mojo-lp .lp-psl__spalte img { width: 100% !important; height: 100% !important; max-width: none !important; object-fit: cover; display: block; border-radius: var(--r-card); }
.mojo-lp .lp-psl__feld::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(var(--bild-rgb), .62) 0%, rgba(var(--bild-rgb), .48) 50%, rgba(var(--bild-rgb), .74) 100%); }
.mojo-lp .lp-psl__inhalt { position: relative; z-index: 1; width: 100%; text-align: center; padding-inline: var(--sp-side); }
.mojo-lp.mojo-lp .lp-psl__inhalt h2 { max-width: 20ch; margin-inline: auto; }
.mojo-lp.mojo-lp .lp-psl__inhalt p:not(.lp-eyebrow) { max-width: 54ch; margin-inline: auto; }
.mojo-lp .lp-psl__inhalt .lp-btn-row { justify-content: center; }
.mojo-lp .lp-psl__inhalt .lp-eyebrow { justify-content: center; }
.mojo-lp .lp-ptf { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: var(--gap-split); align-items: center; }
.mojo-lp .lp-ptf > * { min-width: 0; }
.mojo-lp .lp-ptf__buehne { position: relative; }
.mojo-lp .lp-ptf__buehne::before { content: ""; display: block; padding-block-start: 106%; }
.mojo-lp .lp-ptf__rahmen { position: absolute; left: 4%; top: 2%; width: 74%; height: 60%; border-radius: var(--r-card); box-shadow: inset 0 0 0 2px var(--lp-gold); transform: translate3d(0, var(--ptf, 0px), 0); will-change: transform; }
.mojo-lp .lp-ptf__hinten, .mojo-lp .lp-ptf__vorn { position: absolute; margin: 0; overflow: hidden; border-radius: var(--r-card); background: var(--surface); transform: translate3d(0, var(--ptf, 0px), 0); will-change: transform; }
.mojo-lp .lp-ptf__hinten { right: 0; top: 9%; width: 82%; height: 60%; }
.mojo-lp .lp-ptf__vorn { left: 0; bottom: 3%; width: 58%; height: 42%; box-shadow: 0 26px 64px rgba(var(--schatten-rgb), .5); }
.mojo-lp.mojo-lp .lp-ptf__buehne img { position: absolute !important; inset: 0 !important; width: 100% !important; height: 100% !important; max-width: none !important; object-fit: cover; display: block; }
.mojo-lp.mojo-lp .lp-ptf__wort p:not(.lp-eyebrow) { max-width: 46ch; }
@media (max-width: 930px) {
.mojo-lp .lp-psl__feld { inset: -14% 0; gap: 6px; }
.mojo-lp .lp-psl__feld::after { background: linear-gradient(180deg, rgba(var(--bild-rgb), .84) 0%, rgba(var(--bild-rgb), .74) 50%, rgba(var(--bild-rgb), .9) 100%); }
.mojo-lp.lp-psl { min-height: max(560px, 92svh); }
.mojo-lp.mojo-lp .lp-ptf { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--gap-split); align-items: start; }
.mojo-lp.mojo-lp .lp-ptf__wort { grid-row: 1; }
.mojo-lp.mojo-lp .lp-ptf__buehne { grid-row: 2; }
.mojo-lp.mojo-lp .lp-ptf__buehne::before { padding-block-start: 86%; }
.mojo-lp.mojo-lp .lp-ptf__vorn { width: 52%; }
.mojo-lp.mojo-lp .lp-ptf__wort p:not(.lp-eyebrow) { max-width: none; }
}
.mojo-lp.lp-ppan { padding-inline: 0; }
.mojo-lp .lp-ppan__band { position: relative; min-height: clamp(420px, 72vh, 720px); overflow: hidden; display: grid; grid-template-columns: minmax(0, 1fr); align-content: end; }
.mojo-lp .lp-ppan__bild { position: absolute; top: 0; bottom: 0; left: 0; width: 175%; max-width: none; will-change: transform; }
.mojo-lp .lp-ppan__bild::after { content: ""; position: absolute; inset: 0; background: linear-gradient(0deg, rgba(var(--bild-rgb),.78) 0%, rgba(var(--bild-rgb),.2) 45%, rgba(var(--bild-rgb),.14) 100%); }
.mojo-lp .lp-ppan__inhalt { position: relative; z-index: 1; padding: clamp(28px, 5vh, 56px) var(--sp-side) clamp(32px, 7vh, 72px); min-width: 0; }
.mojo-lp.mojo-lp .lp-ppan__inhalt h2 { max-width: 22ch; }
.mojo-lp.mojo-lp .lp-ppan__inhalt p:not(.lp-eyebrow) { max-width: 52ch; font-size: var(--lp-t-body); line-height: 1.65 !important; }
.mojo-lp .lp-ppan__leiste { position: absolute; left: 0; right: 0; bottom: 0; height: 2px; background: rgba(var(--kante-rgb),.16); z-index: 2; }
.mojo-lp .lp-ppan__leiste span { display: block; height: 100%; background: var(--lp-gold); transform: scaleX(0); transform-origin: left; will-change: transform; }
.mojo-lp .lp-stx { position: relative; }
.mojo-lp .lp-stx__buehne { position: relative; }
.mojo-lp .lp-stx--karten .lp-stx__buehne { display: flex; flex-direction: column; gap: 24px; }
.mojo-lp .lp-stx__ebene { position: relative; }
@media (min-width: 931px) {
.mojo-lp .lp-stx__ebene:not(.is-an) { position: -webkit-sticky; position: sticky; top: 0; }
.mojo-lp .lp-stx--karten .lp-stx__ebene:not(.is-an) { top: clamp(70px, 10vh, 110px); overflow: hidden; border-radius: var(--r-card); }
.mojo-lp .lp-stx--karten .lp-stx__ebene:not(.is-an):nth-child(2) { top: calc(clamp(70px, 10vh, 110px) + 14px); }
.mojo-lp .lp-stx--karten .lp-stx__ebene:not(.is-an):nth-child(3) { top: calc(clamp(70px, 10vh, 110px) + 28px); }
.mojo-lp .lp-stx--karten .lp-stx__ebene:not(.is-an):nth-child(4) { top: calc(clamp(70px, 10vh, 110px) + 42px); }
.mojo-lp .lp-stx--karten .lp-stx__ebene:not(.is-an):nth-child(5) { top: calc(clamp(70px, 10vh, 110px) + 56px); }
.mojo-lp .lp-stx--karten:not(.is-an) .lp-stx__buehne::after { content: ""; display: block; height: 16vh; }
}
.mojo-lp .lp-stx__buehne.is-an { position: -webkit-sticky; position: sticky; top: 0; height: 100svh; overflow: clip; display: block; }
.mojo-lp .lp-stx__ebene.is-an { position: absolute; inset: 0; top: 0; will-change: transform; backface-visibility: hidden; contain: paint; }
.mojo-lp .lp-stx__ebene.is-an::after { content: ""; position: absolute; inset: 0; background: #05060455; opacity: var(--dim, 0); pointer-events: none; z-index: 3; will-change: opacity; }
.mojo-lp .lp-stx__buehne.is-an.is-karten { top: clamp(70px, 10vh, 110px); height: min(74vh, 640px); overflow: visible; }
.mojo-lp .lp-stx__ebene.is-an.is-karten { overflow: hidden; border-radius: var(--r-card); }
.mojo-lp .lp-stp__panel { position: relative; min-height: 100svh; display: flex; align-items: center; overflow: hidden; }
.mojo-lp .lp-stx__ebene.is-an.lp-stp__panel { min-height: 0; height: 100%; }
.mojo-lp .lp-stp__bild { position: absolute; inset: 0; }
.mojo-lp .lp-stp__bild::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(var(--bild-rgb),.9) 0%, rgba(var(--bild-rgb),.58) 55%, rgba(var(--bild-rgb),.32) 100%); }
.mojo-lp .lp-stp__inhalt { position: relative; padding: clamp(56px, 9vh, 120px) var(--sp-side); max-width: 820px; }
.mojo-lp .lp-stp__nr { display: inline-block; font-size: 11px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--accent); font-feature-settings: "tnum" 1; margin-block-end: 10px; line-height: 1.5 !important; }
.mojo-lp.mojo-lp .lp-stp__inhalt h2, .mojo-lp.mojo-lp .lp-stp__inhalt h3 { font-size: clamp(24px, 3.2vw, 52px); max-width: 20ch; font-weight: 600; line-height: 1.12 !important; letter-spacing: -.02em; color: var(--text); margin-block: 0 var(--sp-title) !important; }
.mojo-lp.mojo-lp .lp-stp__inhalt p { max-width: 54ch; font-size: var(--lp-t-body); line-height: 1.65 !important; font-weight: var(--lp-w-body); }
.mojo-lp .lp-stp__inhalt .lp-list { margin-block: 0 !important; }
@media (max-width: 930px) {
.mojo-lp .lp-stx:not(.is-an) { height: auto !important; }
.mojo-lp .lp-stx__buehne:not(.is-an) { display: flex; flex-direction: column; gap: clamp(16px, 4vw, 24px); height: auto; overflow: visible; }
.mojo-lp .lp-stx__ebene:not(.is-an) { position: relative; inset: auto; top: auto; height: auto; }
.mojo-lp .lp-stack__karte { position: relative; top: auto; min-height: 0; grid-template-columns: 1fr; }
.mojo-lp .lp-stack__media { order: -1; aspect-ratio: 16 / 10; min-height: 0; }
.mojo-lp .lp-stack__inhalt { align-items: flex-start; text-align: left; padding: clamp(22px, 6vw, 34px) clamp(20px, 6vw, 30px) clamp(26px, 7vw, 38px); }
.mojo-lp.mojo-lp .lp-stack__inhalt p { text-align: left; margin-inline: 0; margin-block-end: 0 !important; }
.mojo-lp.mojo-lp .lp-stack__inhalt .lp-list { text-align: left; margin-inline: 0 !important; margin-block-start: 8px !important; max-width: 100%; }
.mojo-lp .lp-stack__inhalt .lp-btn-row { justify-content: flex-start; }
.mojo-lp .lp-stp__panel { min-height: 78svh; }
.mojo-lp .lp-stp__inhalt { text-align: left; padding-block: clamp(56px, 12vh, 92px); }
.mojo-lp .lp-stp__nr { display: block; }
.mojo-lp.mojo-lp .lp-stp__inhalt h2, .mojo-lp.mojo-lp .lp-stp__inhalt h3 { max-width: none; text-align: left; }
.mojo-lp.mojo-lp .lp-stp__inhalt p { text-align: left; margin-inline: 0; }
.mojo-lp.mojo-lp .lp-stp__inhalt .lp-list { text-align: left; margin-inline: 0 !important; max-width: 100%; }
.mojo-lp .lp-stp__inhalt .lp-btn-row { justify-content: flex-start; }
}
@media (max-width: 930px) {
.mojo-lp .lp-stx__buehne.is-an { position: -webkit-sticky; position: sticky; top: 0;
height: 100svh; overflow: clip; display: block; }
.mojo-lp .lp-stx__ebene.is-an { position: absolute; inset: 0; top: 0; height: auto; }
.mojo-lp .lp-stx__buehne.is-an.is-karten { top: clamp(70px, 10vh, 110px);
height: min(84vh, 700px); overflow: visible; }
.mojo-lp .lp-stx__ebene.is-an .lp-stack__karte { position: relative; height: 100%;
grid-template-columns: 1fr; grid-template-rows: auto minmax(0, 1fr); }
.mojo-lp .lp-stx__ebene.is-an .lp-stack__media { order: -1; aspect-ratio: auto;
min-height: 0; height: clamp(150px, 26vh, 240px); }
.mojo-lp .lp-stx__ebene.is-an .lp-stack__inhalt { padding: clamp(18px, 5vw, 28px);
justify-content: flex-start; align-content: start; }
.mojo-lp .lp-stx__ebene.is-an .lp-stp__panel { min-height: 0; height: 100%; }
.mojo-lp .lp-stx__ebene.is-an .lp-stp__inhalt { padding-block: clamp(28px, 7vh, 56px); }
.mojo-lp .lp-stx__ebene.is-an .lp-stp__bild { transform: translateZ(0); }
}
@keyframes lp-stk-dim { from { opacity: 0; } to { opacity: 1; } }
.mojo-lp .lp-stk { position: relative; --stk-top: var(--klebe, 0px); --stk-takt: 100svh; --stk-h: 100svh; }
.mojo-lp .lp-stk--karten { --stk-top: calc(var(--klebe, 0px) + clamp(70px, 10vh, 110px)); --stk-h: min(74vh, 640px); }
.mojo-lp .lp-stk > .lp-stk__ebene { position: relative; }
.mojo-lp .lp-stk > .lp-stk__marke { display: block; height: 0; }
.mojo-lp .lp-stk > .lp-stk__ebene::after { content: none; }
@media (max-width: 930px) { .mojo-lp .lp-stk--karten:not(.lp-stk--mobil) > .lp-stk__ebene + .lp-stk__marke + .lp-stk__ebene { margin-block-start: clamp(16px, 4vw, 24px); } }
.mojo-lp.lp-stk-voll { padding: 0; }
@media (min-width: 931px) {
.mojo-lp .lp-stk { timeline-scope: --stk-m2, --stk-m3, --stk-m4, --stk-m5, --stk-m6; }
.mojo-lp .lp-stk > .lp-stk__ebene { position: -webkit-sticky; position: sticky; top: var(--stk-top); height: var(--stk-h); }
.mojo-lp .lp-stk > .lp-stk__marke { display: block; height: max(1px, calc(var(--stk-takt) - var(--stk-h))); margin-block-end: min(0px, calc(var(--stk-takt) - var(--stk-h) - 1px)); view-timeline-axis: block; view-timeline-inset: var(--stk-top) 0px; }
.mojo-lp .lp-stk > .lp-stk__marke:nth-of-type(1) { view-timeline-name: --stk-m2; }
.mojo-lp .lp-stk > .lp-stk__marke:nth-of-type(2) { view-timeline-name: --stk-m3; }
.mojo-lp .lp-stk > .lp-stk__marke:nth-of-type(3) { view-timeline-name: --stk-m4; }
.mojo-lp .lp-stk > .lp-stk__marke:nth-of-type(4) { view-timeline-name: --stk-m5; }
.mojo-lp .lp-stk > .lp-stk__marke:nth-of-type(5) { view-timeline-name: --stk-m6; }
.mojo-lp .lp-stk > .lp-stk__ebene::after { content: ""; position: absolute; inset: 0; background: #05060455; opacity: 0; pointer-events: none; z-index: 3; will-change: opacity; animation: lp-stk-dim auto linear both; animation-range: entry 100% cover 100%; }
.mojo-lp .lp-stk > .lp-stk__ebene:nth-of-type(1)::after { animation-timeline: --stk-m2; }
.mojo-lp .lp-stk > .lp-stk__ebene:nth-of-type(2)::after { animation-timeline: --stk-m3; }
.mojo-lp .lp-stk > .lp-stk__ebene:nth-of-type(3)::after { animation-timeline: --stk-m4; }
.mojo-lp .lp-stk > .lp-stk__ebene:nth-of-type(4)::after { animation-timeline: --stk-m5; }
.mojo-lp .lp-stk > .lp-stk__ebene:nth-of-type(5)::after { animation-timeline: --stk-m6; }
.mojo-lp .lp-stk > .lp-stk__ebene:last-of-type::after { display: none; }
.mojo-lp .lp-stk.lp-stk--karten > .lp-stk__ebene:nth-of-type(2) { top: calc(var(--stk-top) + 14px); }
.mojo-lp .lp-stk.lp-stk--karten > .lp-stk__ebene:nth-of-type(3) { top: calc(var(--stk-top) + 28px); }
.mojo-lp .lp-stk.lp-stk--karten > .lp-stk__ebene:nth-of-type(4) { top: calc(var(--stk-top) + 42px); }
.mojo-lp .lp-stk.lp-stk--karten > .lp-stk__ebene:nth-of-type(5) { top: calc(var(--stk-top) + 56px); }
.mojo-lp .lp-stk.lp-stk--karten > .lp-stk__ebene:nth-of-type(6) { top: calc(var(--stk-top) + 70px); }
.mojo-lp .lp-stk.lp-stk--karten::after { content: ""; display: block; height: 16vh; }
}
.mojo-lp .lp-stk--mobil { timeline-scope: --stk-m2, --stk-m3, --stk-m4, --stk-m5, --stk-m6; }
.mojo-lp .lp-stk--mobil > .lp-stk__ebene { position: -webkit-sticky; position: sticky; top: var(--stk-top); height: var(--stk-h); }
.mojo-lp .lp-stk--mobil > .lp-stk__marke { display: block; height: max(1px, calc(var(--stk-takt) - var(--stk-h))); margin-block-end: min(0px, calc(var(--stk-takt) - var(--stk-h) - 1px)); view-timeline-axis: block; view-timeline-inset: var(--stk-top) 0px; }
.mojo-lp .lp-stk--mobil > .lp-stk__marke:nth-of-type(1) { view-timeline-name: --stk-m2; }
.mojo-lp .lp-stk--mobil > .lp-stk__marke:nth-of-type(2) { view-timeline-name: --stk-m3; }
.mojo-lp .lp-stk--mobil > .lp-stk__marke:nth-of-type(3) { view-timeline-name: --stk-m4; }
.mojo-lp .lp-stk--mobil > .lp-stk__marke:nth-of-type(4) { view-timeline-name: --stk-m5; }
.mojo-lp .lp-stk--mobil > .lp-stk__marke:nth-of-type(5) { view-timeline-name: --stk-m6; }
.mojo-lp .lp-stk--mobil > .lp-stk__ebene::after { content: ""; position: absolute; inset: 0; background: #05060455; opacity: 0; pointer-events: none; z-index: 3; will-change: opacity; animation: lp-stk-dim auto linear both; animation-range: entry 100% cover 100%; }
.mojo-lp .lp-stk--mobil > .lp-stk__ebene:nth-of-type(1)::after { animation-timeline: --stk-m2; }
.mojo-lp .lp-stk--mobil > .lp-stk__ebene:nth-of-type(2)::after { animation-timeline: --stk-m3; }
.mojo-lp .lp-stk--mobil > .lp-stk__ebene:nth-of-type(3)::after { animation-timeline: --stk-m4; }
.mojo-lp .lp-stk--mobil > .lp-stk__ebene:nth-of-type(4)::after { animation-timeline: --stk-m5; }
.mojo-lp .lp-stk--mobil > .lp-stk__ebene:nth-of-type(5)::after { animation-timeline: --stk-m6; }
.mojo-lp .lp-stk--mobil > .lp-stk__ebene:last-of-type::after { display: none; }
.mojo-lp .lp-stk--mobil.lp-stk--karten > .lp-stk__ebene:nth-of-type(2) { top: calc(var(--stk-top) + 14px); }
.mojo-lp .lp-stk--mobil.lp-stk--karten > .lp-stk__ebene:nth-of-type(3) { top: calc(var(--stk-top) + 28px); }
.mojo-lp .lp-stk--mobil.lp-stk--karten > .lp-stk__ebene:nth-of-type(4) { top: calc(var(--stk-top) + 42px); }
.mojo-lp .lp-stk--mobil.lp-stk--karten > .lp-stk__ebene:nth-of-type(5) { top: calc(var(--stk-top) + 56px); }
.mojo-lp .lp-stk--mobil.lp-stk--karten > .lp-stk__ebene:nth-of-type(6) { top: calc(var(--stk-top) + 70px); }
.mojo-lp .lp-stk--mobil.lp-stk--karten::after { content: ""; display: block; height: 16vh; }
.mojo-lp .lp-stk > .lp-stk__ebene .lp-stack__karte { position: relative; top: auto; height: 100%; min-height: 0; }
.mojo-lp .lp-stk > .lp-stk__ebene.lp-stp__panel { min-height: 0; }
@media (max-width: 930px) {
.mojo-lp .lp-stk:not(.lp-stk--mobil) > .lp-stk__ebene.lp-stp__panel { min-height: 78svh; }
.mojo-lp .lp-stk--mobil.lp-stk--karten { --stk-h: min(84vh, 700px); }
.mojo-lp .lp-stk--mobil > .lp-stk__ebene .lp-stack__karte { grid-template-columns: 1fr; grid-template-rows: auto minmax(0, 1fr); }
.mojo-lp .lp-stk--mobil > .lp-stk__ebene .lp-stack__media { order: -1; aspect-ratio: auto; min-height: 0; height: clamp(150px, 26vh, 240px); }
.mojo-lp .lp-stk--mobil > .lp-stk__ebene .lp-stack__inhalt { padding: clamp(18px, 5vw, 28px); justify-content: flex-start; }
}
.mojo-lp .lp-stk > .lp-stk__ebene { background: var(--surface); }
.mojo-lp .lp-stk > .lp-stk__ebene .lp-stp__bild { transform: translateZ(0); }
@keyframes lp-stb-rein { from { transform: translate3d(0, calc(100% + 2svh), 0); } to { transform: translate3d(0, 0, 0); } }
.mojo-lp.lp-stb-sektion { padding: 0; }
.mojo-lp .lp-stb { position: relative; --n: 3; }
.mojo-lp .lp-stb__buehne { position: relative; display: grid; grid-template-rows: auto minmax(0, 1fr); background: var(--bg); }
.mojo-lp .lp-stb__kopf { padding: clamp(22px, 3.4vh, 46px) var(--sp-side) var(--sp-head); }
.mojo-lp.mojo-lp .lp-stb__kopf h2 { margin: 0 !important; max-width: 20ch; color: var(--text); }
.mojo-lp .lp-stb__feld { position: relative; }
@media (max-width: 930px) {
.mojo-lp.mojo-lp .lp-stb__kopf :is(h2, .lp-eyebrow) { text-align: left; margin-inline: 0; }
.mojo-lp .lp-stb__kopf .lp-eyebrow--line { justify-content: flex-start; }
.mojo-lp .lp-stb__kopf .lp-eyebrow--line::before { display: block; }
}
.mojo-lp .lp-stb__karte { position: relative; overflow: hidden; background: var(--surface); border-radius: var(--r-card); min-height: 78svh; display: flex; align-items: center; margin: 0 var(--sp-side) clamp(16px, 3vh, 28px); }
.mojo-lp .lp-stb__karte .lp-stp__inhalt { padding-inline: clamp(24px, 4vw, 64px); }
@supports (animation-timeline: view()) {
@media (min-width: 931px) and (min-height: 701px) {
.mojo-lp .lp-stb { view-timeline: --stb block; height: calc(var(--n) * 100svh); }
.mojo-lp .lp-stb__buehne { position: -webkit-sticky; position: sticky; top: var(--klebe, 0px); height: calc(100svh - var(--klebe, 0px)); overflow: clip; }
.mojo-lp .lp-stb__karte { position: absolute; inset: 0 var(--sp-side) 6svh; min-height: 0; margin: 0; will-change: transform; backface-visibility: hidden; animation: lp-stb-rein auto linear both; animation-timeline: --stb; }
.mojo-lp .lp-stb__karte:nth-of-type(1) { animation: none; transform: none; }
.mojo-lp .lp-stb__karte:nth-of-type(2) { animation-range: contain calc(0 / (var(--n) - 1) * 100%) contain calc(1 / (var(--n) - 1) * 100%); z-index: 2; }
.mojo-lp .lp-stb__karte:nth-of-type(3) { animation-range: contain calc(1 / (var(--n) - 1) * 100%) contain calc(2 / (var(--n) - 1) * 100%); z-index: 3; }
.mojo-lp .lp-stb__karte:nth-of-type(4) { animation-range: contain calc(2 / (var(--n) - 1) * 100%) contain calc(3 / (var(--n) - 1) * 100%); z-index: 4; }
.mojo-lp .lp-stb__karte:nth-of-type(5) { animation-range: contain calc(3 / (var(--n) - 1) * 100%) contain calc(4 / (var(--n) - 1) * 100%); z-index: 5; }
.mojo-lp .lp-stb__karte:nth-of-type(6) { animation-range: contain calc(4 / (var(--n) - 1) * 100%) contain calc(5 / (var(--n) - 1) * 100%); z-index: 6; }
}
}
.mojo-lp .lp-stu { position: relative; --n: 4; --stu-top: calc(var(--klebe, 0px) + clamp(70px, 10vh, 110px)); --stu-stufe: 64px; --stu-luft: 24px; }
.mojo-lp .lp-stu__ebene { position: relative; background: var(--surface); border: 1px solid var(--border); border-radius: var(--r-card); overflow: hidden; display: flex; flex-direction: column; }
.mojo-lp .lp-stu__ebene + .lp-stu__ebene { margin-block-start: clamp(16px, 4vw, 24px); }
.mojo-lp .lp-stu__kopf { flex: 0 0 auto; display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px clamp(12px, 1.4vw, 20px); padding: clamp(14px, 3.5vw, 18px) clamp(20px, 2.4vw, 32px); border-bottom: 1px solid var(--border); background: var(--surface); }
.mojo-lp .lp-stu__nr { font-size: 11px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--accent); font-feature-settings: "tnum" 1; line-height: 1.5 !important; white-space: nowrap; }
.mojo-lp.mojo-lp .lp-stu__kopf h3 { margin: 0 !important; font-size: var(--lp-t-h3); line-height: 1.25 !important; font-weight: 700 !important; color: var(--text); }
.mojo-lp .lp-stu__korpus { display: grid; grid-template-columns: 1fr; min-height: 0; flex: 1 1 auto; }
.mojo-lp .lp-stu__text { padding: clamp(22px, 3vw, 44px) clamp(20px, 2.4vw, 32px); display: flex; flex-direction: column; justify-content: center; align-items: flex-start; text-align: left; }
.mojo-lp.mojo-lp .lp-stu__text p { text-align: left; margin-inline: 0; margin-block: 0 !important; font-size: var(--lp-t-body); line-height: 1.65 !important; max-width: 54ch; }
.mojo-lp.mojo-lp.mojo-lp .lp-stu__text .lp-list:has(+ .lp-btn-row) { margin-block-end: 0 !important; }
.mojo-lp.mojo-lp .lp-stu__text .lp-list { text-align: left; margin-inline: 0 !important; margin-block-start: 12px !important; max-width: 100%; }
.mojo-lp .lp-stu__bild { position: relative; overflow: hidden; order: -1; aspect-ratio: var(--ar, 3 / 2); width: 100%; }
.mojo-lp.mojo-lp .lp-stu__bild img, .mojo-lp.mojo-lp .lp-stu__bild picture > img { position: absolute !important; inset: 0 !important; width: 100% !important; height: 100% !important; max-width: none !important; min-height: 100% !important; object-fit: contain !important; object-position: center !important; display: block !important; margin: 0 !important; background: var(--surface); }
@media (min-width: 931px) {
.mojo-lp .lp-stu__kopf { flex: 0 0 var(--stu-stufe); flex-wrap: nowrap; align-items: center; padding-block: 0; }
.mojo-lp.mojo-lp .lp-stu__kopf h3 { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.mojo-lp .lp-stu__ebene { position: -webkit-sticky; position: sticky; top: calc(var(--stu-top) + (var(--i, 1) - 1) * var(--stu-stufe)); min-height: calc(100svh - var(--stu-top) - (var(--n) - 1) * var(--stu-stufe) - var(--stu-luft)); }
.mojo-lp .lp-stu__ebene + .lp-stu__ebene { margin-block-start: calc(var(--stu-top) + (var(--n) - 1) * var(--stu-stufe) + var(--stu-luft)); }
.mojo-lp .lp-stu__korpus { grid-template-columns: minmax(40%, 1fr) auto; }
.mojo-lp .lp-stu__bild { order: 0; height: 100%; width: auto; }
.mojo-lp .lp-stu::after { content: ""; display: block; height: 16vh; }
}
@keyframes lp-sgt-rein { from { transform: translate3d(0, 104%, 0); } to { transform: translate3d(0, 0, 0); } }
@keyframes lp-sgt-zieht { from { transform: scale(1); } to { transform: scale(1.08); } }
@keyframes lp-sgt-aktiv { from, to { color: var(--text); } }
@keyframes lp-sgt-aktiv-nr { from, to { color: var(--accent); border-color: var(--accent); } }
.mojo-lp .lp-sgt { position: relative; --n: 4; }
.mojo-lp .lp-sgt__buehne { display: grid; gap: clamp(20px, 3vw, 48px); }
.mojo-lp .lp-sgt__liste, .mojo-lp .lp-sgt__medien { display: contents; }
.mojo-lp .lp-sgt__punkt { display: grid; grid-template-columns: clamp(34px, 2.6vw, 46px) minmax(0, 1fr); column-gap: clamp(14px, 1.6vw, 22px); align-items: start; padding-block: clamp(14px, 2vh, 22px); border-block-start: 1px solid var(--border); order: calc(var(--i, 1) * 2 - 1); }
.mojo-lp .lp-sgt__nr { font-size: 11px; font-weight: 700; letter-spacing: .12em; border-block-start: 1.5px solid transparent; padding-block-start: 6px; margin-block-start: -1px; font-feature-settings: "tnum" 1; line-height: 1.5 !important; }
.mojo-lp.mojo-lp .lp-sgt__punkt h3 { margin: 0 0 var(--sp-title) !important; font-size: var(--lp-t-h3); line-height: 1.25 !important; font-weight: 700 !important; color: inherit; }
.mojo-lp.mojo-lp .lp-sgt__punkt p { margin: 0 !important; font-size: var(--lp-t-body); line-height: 1.65 !important; color: inherit; text-align: left; max-width: 46ch; }
.mojo-lp .lp-sgt__bild { position: relative; overflow: hidden; border-radius: var(--r-card); aspect-ratio: 4 / 3; background: var(--surface); order: calc(var(--i, 1) * 2); margin-block-end: clamp(12px, 2vh, 20px); }
.mojo-lp.mojo-lp .lp-sgt__bild img, .mojo-lp.mojo-lp .lp-sgt__bild picture > img { position: absolute !important; inset: 0 !important; width: 100% !important; height: 100% !important; max-width: none !important; min-height: 100% !important; object-fit: cover !important; display: block !important; margin: 0 !important; transform-origin: 50% 50%; }
.mojo-lp .lp-sgt__punkt { color: var(--text); }
.mojo-lp .lp-sgt__nr { color: var(--accent); }
@supports (animation-timeline: view()) {
@media (min-width: 931px) {
.mojo-lp .lp-sgt { view-timeline: --stg block; height: calc(var(--n) * 100svh); }
.mojo-lp .lp-sgt__buehne { position: -webkit-sticky; position: sticky; top: var(--klebe, 0px); height: calc(100svh - var(--klebe, 0px)); grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr); align-items: center; padding-block: clamp(64px, 10vh, 120px); box-sizing: border-box; }
.mojo-lp .lp-sgt__liste { display: flex; flex-direction: column; }
.mojo-lp .lp-sgt__medien { display: block; position: relative; aspect-ratio: 4 / 3; max-height: calc(100svh - 2 * clamp(64px, 10vh, 120px)); width: 100%; border-radius: var(--r-card); overflow: clip; background: var(--surface); }
.mojo-lp .lp-sgt__bild { position: absolute; inset: 0; margin: 0; aspect-ratio: auto; border-radius: 0; will-change: transform; backface-visibility: hidden; animation: lp-sgt-rein auto linear both; animation-timeline: --stg; }
.mojo-lp .lp-sgt__bild img { animation: lp-sgt-zieht auto linear both; animation-timeline: --stg; will-change: transform; }
.mojo-lp .lp-sgt__bild:nth-of-type(1) { animation: none; transform: none; }
.mojo-lp .lp-sgt__punkt { color: var(--text-leise); }
.mojo-lp .lp-sgt__nr { color: var(--text-leise); border-color: transparent; }
.mojo-lp .lp-sgt__punkt { animation: lp-sgt-aktiv auto linear none; animation-timeline: --stg; }
.mojo-lp .lp-sgt__punkt .lp-sgt__nr { animation: lp-sgt-aktiv-nr auto linear none; animation-timeline: --stg; }
.mojo-lp .lp-sgt__bild:nth-of-type(2) { animation-range: contain calc(0 / (var(--n) - 1) * 100%) contain calc(1 / (var(--n) - 1) * 100%); z-index: 2; }
.mojo-lp .lp-sgt__bild:nth-of-type(3) { animation-range: contain calc(1 / (var(--n) - 1) * 100%) contain calc(2 / (var(--n) - 1) * 100%); z-index: 3; }
.mojo-lp .lp-sgt__bild:nth-of-type(4) { animation-range: contain calc(2 / (var(--n) - 1) * 100%) contain calc(3 / (var(--n) - 1) * 100%); z-index: 4; }
.mojo-lp .lp-sgt__bild:nth-of-type(5) { animation-range: contain calc(3 / (var(--n) - 1) * 100%) contain calc(4 / (var(--n) - 1) * 100%); z-index: 5; }
.mojo-lp .lp-sgt__bild:nth-of-type(6) { animation-range: contain calc(4 / (var(--n) - 1) * 100%) contain calc(5 / (var(--n) - 1) * 100%); z-index: 6; }
.mojo-lp .lp-sgt__bild:nth-of-type(1) img { animation-range: contain 0% contain 100%; }
.mojo-lp .lp-sgt__bild:nth-of-type(2) img { animation-range: contain calc(1 / (var(--n) - 1) * 100%) contain 100%; }
.mojo-lp .lp-sgt__bild:nth-of-type(3) img { animation-range: contain calc(2 / (var(--n) - 1) * 100%) contain 100%; }
.mojo-lp .lp-sgt__bild:nth-of-type(4) img { animation-range: contain calc(3 / (var(--n) - 1) * 100%) contain 100%; }
.mojo-lp .lp-sgt__bild:nth-of-type(5) img { animation-range: contain calc(4 / (var(--n) - 1) * 100%) contain 100%; }
.mojo-lp .lp-sgt__bild:nth-of-type(6) img { animation-range: contain calc(5 / (var(--n) - 1) * 100%) contain 100%; }
.mojo-lp .lp-sgt__punkt:nth-of-type(1), .mojo-lp .lp-sgt__punkt:nth-of-type(1) .lp-sgt__nr { animation-range: cover 0% contain calc(0.5 / (var(--n) - 1) * 100%); }
.mojo-lp .lp-sgt__punkt:nth-of-type(2), .mojo-lp .lp-sgt__punkt:nth-of-type(2) .lp-sgt__nr { animation-range: contain calc(0.5 / (var(--n) - 1) * 100%) contain calc(1.5 / (var(--n) - 1) * 100%); }
.mojo-lp .lp-sgt__punkt:nth-of-type(3), .mojo-lp .lp-sgt__punkt:nth-of-type(3) .lp-sgt__nr { animation-range: contain calc(1.5 / (var(--n) - 1) * 100%) contain calc(2.5 / (var(--n) - 1) * 100%); }
.mojo-lp .lp-sgt__punkt:nth-of-type(4), .mojo-lp .lp-sgt__punkt:nth-of-type(4) .lp-sgt__nr { animation-range: contain calc(2.5 / (var(--n) - 1) * 100%) contain calc(3.5 / (var(--n) - 1) * 100%); }
.mojo-lp .lp-sgt__punkt:nth-of-type(5), .mojo-lp .lp-sgt__punkt:nth-of-type(5) .lp-sgt__nr { animation-range: contain calc(3.5 / (var(--n) - 1) * 100%) contain calc(4.5 / (var(--n) - 1) * 100%); }
.mojo-lp .lp-sgt__punkt:nth-of-type(6), .mojo-lp .lp-sgt__punkt:nth-of-type(6) .lp-sgt__nr { animation-range: contain calc(4.5 / (var(--n) - 1) * 100%) cover 100%; }
.mojo-lp .lp-sgt__punkt:last-of-type, .mojo-lp .lp-sgt__punkt:last-of-type .lp-sgt__nr { animation-range-end: cover 100%; }
.mojo-lp .lp-sgt__bild:last-of-type img { animation: none; transform: none; }
}
}
@keyframes lp-swi-auf { from { clip-path: inset(100% 0 0 0); } to { clip-path: inset(0 0 0 0); } }
@keyframes lp-swi-landet { from { transform: scale(1.08); } to { transform: scale(1); } }
.mojo-lp.lp-swi-sektion { padding: 0; }
.mojo-lp .lp-swi { position: relative; --n: 4; }
.mojo-lp .lp-swi__buehne { position: relative; display: grid; grid-template-rows: auto minmax(0, 1fr); background: var(--bg); }
.mojo-lp .lp-swi__kopf { padding: clamp(22px, 3.4vh, 46px) var(--sp-side) clamp(14px, 2vh, 24px); }
.mojo-lp.mojo-lp .lp-swi__kopf h2 { margin: 0 !important; max-width: 20ch; color: var(--text); }
.mojo-lp .lp-swi__feld { position: relative; }
@media (max-width: 930px) {
.mojo-lp.mojo-lp .lp-swi__kopf :is(h2, .lp-eyebrow) { text-align: left; margin-inline: 0; }
.mojo-lp .lp-swi__kopf .lp-eyebrow--line { justify-content: flex-start; }
.mojo-lp .lp-swi__kopf .lp-eyebrow--line::before { display: block; }
}
.mojo-lp .lp-swi__blatt { position: relative; display: grid; grid-template-columns: 1fr; background: var(--surface); }
.mojo-lp .lp-swi__bild { position: relative; overflow: hidden; aspect-ratio: 16 / 10; background: var(--surface-2); }
.mojo-lp.mojo-lp .lp-swi__bild img, .mojo-lp.mojo-lp .lp-swi__bild picture > img { position: absolute !important; inset: 0 !important; width: 100% !important; height: 100% !important; max-width: none !important; min-height: 100% !important; object-fit: cover !important; display: block !important; margin: 0 !important; transform-origin: 50% 50%; }
.mojo-lp .lp-swi__text { padding: clamp(28px, 4vw, 64px) var(--sp-side); display: flex; flex-direction: column; justify-content: center; align-items: flex-start; text-align: left; }
.mojo-lp .lp-swi__nr { font-size: 11px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--accent); font-feature-settings: "tnum" 1; line-height: 1.5 !important; margin-block-end: 10px; }
.mojo-lp.mojo-lp .lp-swi__text h3 { margin: 0 0 var(--sp-title) !important; font-size: var(--lp-t-h3); line-height: 1.25 !important; letter-spacing: -.01em; font-weight: 700 !important; color: var(--text); max-width: 26ch; }
.mojo-lp.mojo-lp .lp-swi__text p { margin: 0 !important; font-size: var(--lp-t-body); line-height: 1.65 !important; max-width: 50ch; text-align: left; }
.mojo-lp.mojo-lp .lp-swi__text .lp-list { text-align: left; margin-inline: 0 !important; margin-block: 14px 0 !important; max-width: 100%; }
@supports (animation-timeline: view()) {
@media (min-width: 931px) {
.mojo-lp .lp-swi { view-timeline: --stw block; height: calc(var(--n) * 100svh); }
.mojo-lp .lp-swi__buehne { position: -webkit-sticky; position: sticky; top: var(--klebe, 0px); height: calc(100svh - var(--klebe, 0px)); overflow: clip; }
.mojo-lp .lp-swi__blatt { position: absolute; inset: 0; grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); animation: lp-swi-auf auto linear both; animation-timeline: --stw; will-change: clip-path; }
.mojo-lp .lp-swi__blatt:nth-of-type(even) .lp-swi__bild { order: 2; }
.mojo-lp .lp-swi__bild { aspect-ratio: auto; height: 100%; }
.mojo-lp .lp-swi__bild img { animation: lp-swi-landet auto linear both; animation-timeline: --stw; will-change: transform; }
.mojo-lp .lp-swi__blatt:nth-of-type(1) { animation: none; clip-path: none; }
.mojo-lp .lp-swi__blatt:nth-of-type(1) .lp-swi__bild img { animation: none; transform: none; }
.mojo-lp .lp-swi__blatt:nth-of-type(2) { animation-range: contain calc(0 / (var(--n) - 1) * 100%) contain calc(1 / (var(--n) - 1) * 100%); z-index: 2; }
.mojo-lp .lp-swi__blatt:nth-of-type(2) .lp-swi__bild img { animation-range: contain calc(0 / (var(--n) - 1) * 100%) contain calc(1 / (var(--n) - 1) * 100%); }
.mojo-lp .lp-swi__blatt:nth-of-type(3) { animation-range: contain calc(1 / (var(--n) - 1) * 100%) contain calc(2 / (var(--n) - 1) * 100%); z-index: 3; }
.mojo-lp .lp-swi__blatt:nth-of-type(3) .lp-swi__bild img { animation-range: contain calc(1 / (var(--n) - 1) * 100%) contain calc(2 / (var(--n) - 1) * 100%); }
.mojo-lp .lp-swi__blatt:nth-of-type(4) { animation-range: contain calc(2 / (var(--n) - 1) * 100%) contain calc(3 / (var(--n) - 1) * 100%); z-index: 4; }
.mojo-lp .lp-swi__blatt:nth-of-type(4) .lp-swi__bild img { animation-range: contain calc(2 / (var(--n) - 1) * 100%) contain calc(3 / (var(--n) - 1) * 100%); }
.mojo-lp .lp-swi__blatt:nth-of-type(5) { animation-range: contain calc(3 / (var(--n) - 1) * 100%) contain calc(4 / (var(--n) - 1) * 100%); z-index: 5; }
.mojo-lp .lp-swi__blatt:nth-of-type(5) .lp-swi__bild img { animation-range: contain calc(3 / (var(--n) - 1) * 100%) contain calc(4 / (var(--n) - 1) * 100%); }
.mojo-lp .lp-swi__blatt:nth-of-type(6) { animation-range: contain calc(4 / (var(--n) - 1) * 100%) contain calc(5 / (var(--n) - 1) * 100%); z-index: 6; }
.mojo-lp .lp-swi__blatt:nth-of-type(6) .lp-swi__bild img { animation-range: contain calc(4 / (var(--n) - 1) * 100%) contain calc(5 / (var(--n) - 1) * 100%); }
}
}
.mojo-lp .lp-tile__btn { margin-block-start: 14px; pointer-events: none; align-self: flex-start; }
.mojo-lp .lp-tile:hover .lp-tile__btn, .mojo-lp .lp-tile:focus-visible .lp-tile__btn { border-color: var(--lp-gold); color: var(--accent); }
.mojo-lp .lp-tile__body { display: flex; flex-direction: column; align-items: flex-start; }
.mojo-lp .lp-czl { border-block-start: 1.5px solid var(--border); }
.mojo-lp .lp-czl__zeile { display: grid; grid-template-columns: minmax(170px, .8fr) .7fr 1.6fr; gap: clamp(16px, 3vw, 56px); align-items: center; padding-block: clamp(20px, 3.4vh, 40px); border-block-end: 1.5px solid var(--border); }
.mojo-lp.mojo-lp .lp-czl .lp-num { font-size: clamp(44px, 4.4vw, 84px); font-weight: 800; color: var(--text); margin: 0 !important; line-height: 1 !important; letter-spacing: -.03em; font-feature-settings: "tnum" 1; }
.mojo-lp .lp-czl .lp-num em { color: var(--accent); }
.mojo-lp .lp-czl__label { font-size: 11px; font-weight: 700; letter-spacing: .13em; text-transform: uppercase; color: var(--accent); line-height: 1.5 !important; }
.mojo-lp.mojo-lp .lp-czl__zeile p { margin-block: 0 !important; margin-inline: 0; max-width: 52ch; font-size: var(--lp-t-body); line-height: 1.65 !important; font-weight: 500; color: var(--text); }
@media (max-width: 930px) {
.mojo-lp .lp-czl__zeile { grid-template-columns: 1fr; gap: 8px; justify-items: center; text-align: center; }
}
.mojo-lp .lp-cbk { display: grid; grid-template-columns: repeat(2, 1fr); gap: clamp(30px, 4.5vh, 56px) clamp(40px, 5vw, 96px); }
.mojo-lp .lp-cbk__item { display: flex; flex-direction: column; gap: 12px; }
.mojo-lp .lp-cbk__kopf { display: flex; align-items: baseline; justify-content: space-between; gap: 16px; }
.mojo-lp.mojo-lp .lp-cbk .lp-num { font-size: clamp(30px, 2.6vw, 48px); font-weight: 800; color: var(--text); margin: 0 !important; line-height: 1 !important; letter-spacing: -.02em; font-feature-settings: "tnum" 1; }
.mojo-lp .lp-cbk .lp-num em { color: var(--accent); }
.mojo-lp .lp-cbk__label { font-size: 11px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--accent); text-align: right; line-height: 1.5 !important; }
.mojo-lp .lp-cbk__spur { height: 3px; background: var(--border); overflow: hidden; }
.mojo-lp .lp-cbk__spur span { display: block; height: 100%; width: 0; background: var(--lp-gold); transition: width 1400ms var(--ease); }
.mojo-lp .lp-cbk__sub { font-size: var(--lp-t-klein); font-weight: 500; color: var(--text); line-height: 1.5 !important; }
@media (max-width: 930px) {
.mojo-lp .lp-cbk { grid-template-columns: 1fr; }
.mojo-lp.mojo-lp :is(.lp-cbk__item, .lp-cbk__sub) { text-align: left; }
}
.mojo-lp .lp-ctaw--bild { border-block: 0; }
.mojo-lp .lp-ctaw--bild .lp-ctaw__weg { position: relative; overflow: hidden; min-height: clamp(340px, 42vh, 460px); justify-content: flex-end; border-radius: var(--r-card); }
.mojo-lp .lp-ctaw--bild .lp-ctaw__weg + .lp-ctaw__weg { border-inline-start: 0; }
.mojo-lp .lp-ctaw--bild { gap: clamp(10px, 1.2vw, 16px); }
.mojo-lp .lp-ctaw__hgr { position: absolute; inset: 0; }
.mojo-lp.mojo-lp .lp-ctaw__hgr img { position: absolute !important; inset: 0 !important; width: 100% !important; height: 100% !important; max-width: none !important; object-fit: cover !important; display: block !important; transition: transform 900ms var(--ease); }
.mojo-lp .lp-ctaw--bild .lp-ctaw__weg::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(5,6,4,.34) 0%, rgba(5,6,4,.78) 100%); transition: background 400ms var(--ease); }
.mojo-lp .lp-ctaw--bild .lp-ctaw__weg > :not(.lp-ctaw__hgr) { position: relative; z-index: 1; }
@media (hover: hover) {
.mojo-lp .lp-ctaw--bild .lp-ctaw__weg:hover .lp-ctaw__hgr img { transform: scale(1.05); }
.mojo-lp .lp-ctaw--bild .lp-ctaw__weg:hover::after { background: linear-gradient(180deg, rgba(5,6,4,.22) 0%, rgba(5,6,4,.68) 100%); }
}
@media (max-width: 930px) { .mojo-lp .lp-ctaw--bild .lp-ctaw__weg { min-height: clamp(260px, 40vw, 340px); } }
.mojo-lp .lp-marquee--bilder .lp-marquee__track { animation-duration: 60s; gap: clamp(14px, 1.6vw, 24px); padding-right: clamp(14px, 1.6vw, 24px); }
.mojo-lp .lp-mq__bild { position: relative; width: clamp(220px, 24vw, 380px); aspect-ratio: 16 / 10; border-radius: var(--r-card); overflow: hidden; flex-shrink: 0; }
.mojo-lp .lp-mq__bild::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(var(--bild-rgb),0) 55%, rgba(var(--bild-rgb),.62) 100%); }
.mojo-lp .lp-mq__wort { position: absolute; left: 14px; bottom: 12px; z-index: 1; font-size: var(--lp-t-klein); line-height: 1.25; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: var(--auf-bild); }
.mojo-lp .lp-marquee--bilder a.lp-mq__bild { display: block; color: inherit; text-decoration: none; }
.mojo-lp .lp-marquee--bilder a.lp-mq__bild:focus-visible { outline: 3px solid var(--focus); outline-offset: 3px; }
@media (max-width: 930px) { .mojo-lp .lp-marquee--bilder .lp-marquee__track { animation-duration: 34s; } }
.mojo-lp.lp-mschraeg-halter { padding-block: clamp(48px, 8vh, 96px); overflow: clip; }
.mojo-lp .lp-mschraeg { transform: rotate(-2deg); width: 104%; margin-inline: -2%; background: var(--lp-gold); padding-block: clamp(10px, 1.4vh, 16px); overflow: hidden; }
.mojo-lp .lp-mschraeg .lp-marquee__track { animation-duration: 38s; }
.mojo-lp .lp-mschraeg .lp-marquee__item { color: var(--auf-gold); font-weight: 800; text-transform: uppercase; font-size: clamp(15px, 1.5vw, 24px); letter-spacing: .06em; }
.mojo-lp .lp-mschraeg .lp-marquee__sep { background: var(--auf-gold); }
.mojo-lp .lp-marquee__chip { display: inline-flex; align-items: center; justify-content: center; background: var(--surface-2); border-radius: var(--r-ui); padding: clamp(10px, 1.2vw, 16px) clamp(18px, 2vw, 28px); }
.mojo-lp.lp-dbl-halter { padding: 0; overflow: clip; }
.mojo-lp .lp-dbl { position: relative; }
.mojo-lp .lp-dbl__buehne { position: relative; height: calc(100svh - var(--klebe, 0px)); min-height: 560px; overflow: clip; }
.mojo-lp .lp-dbl__bild { position: absolute; inset: 0; z-index: 1; transform: scale(1); will-change: transform; }
.mojo-lp .lp-dbl__bild::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(var(--bild-rgb),.52) 0%, rgba(var(--bild-rgb),.34) 42%, rgba(var(--bild-rgb),.82) 100%); opacity: var(--schleier, 1); transition: none; }
.mojo-lp .lp-dbl__platte { position: absolute; inset: 0; z-index: 2; display: none; transform-origin: 50% 50%; will-change: transform, opacity; pointer-events: none; }
.mojo-lp .lp-dbl__platte svg { display: block; width: 100%; height: 100%; }
.mojo-lp .lp-dbl__platte.is-an { display: block; }
.mojo-lp .lp-dbl__inhalt {
position: absolute; z-index: 3; left: 0; right: 0; bottom: 0;
padding: clamp(40px, 7vh, 88px) var(--sp-side) clamp(40px, 7vh, 88px);
display: flex; flex-direction: column; align-items: flex-start;
}
.mojo-lp .lp-dbl__inhalt > * { opacity: var(--auf, 1); transform: translateY(calc(var(--hub, 0px))); }
.mojo-lp.mojo-lp .lp-dbl__inhalt h2 { max-width: 24ch; letter-spacing: -.02em; color: var(--text); margin-block: 0 var(--sp-title) !important; }
.mojo-lp.mojo-lp .lp-dbl__inhalt p { max-width: 56ch; font-size: var(--lp-t-body); line-height: 1.65 !important; color: var(--text); font-weight: var(--lp-w-body); }
.mojo-lp .lp-dbl__marke { display: block; font-size: 11px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--accent); line-height: 1.5 !important; margin-block-end: 12px; }
.mojo-lp .lp-dbl__strich { display: block; width: clamp(48px, 6vw, 96px); height: 1.5px; background: var(--lp-gold); margin-block-end: clamp(16px, 2.4vh, 26px); }
.mojo-lp .lp-dbl__wink {
position: absolute; z-index: 4; left: 50%; bottom: clamp(18px, 3vh, 34px); transform: translateX(-50%);
display: none; font-size: 10px; font-weight: 700; letter-spacing: .16em; text-transform: uppercase;
color: var(--text); opacity: var(--wink, 0); line-height: 1.5 !important;
}
.mojo-lp .lp-dbl__wink.is-an { display: block; }
.mojo-lp .lp-dbl__wink::after { content: ""; display: block; width: 1.5px; height: clamp(18px, 3vh, 30px); background: var(--lp-gold); margin: 8px auto 0; }
@media (max-width: 930px) {
.mojo-lp .lp-dbl__buehne { height: auto; min-height: 82svh; display: flex; align-items: flex-end; }
.mojo-lp.mojo-lp .lp-dbl__platte.is-an { display: none; }
.mojo-lp.mojo-lp .lp-dbl__wink.is-an { display: none; }
.mojo-lp .lp-dbl__inhalt { position: relative; width: 100%; align-items: center; text-align: center; padding-block: clamp(36px, 9vw, 64px); }
.mojo-lp .lp-dbl__inhalt > * { opacity: 1; transform: none; }
.mojo-lp .lp-dbl__strich { margin-inline: auto; }
.mojo-lp.mojo-lp .lp-dbl__inhalt p { margin-inline: auto; }
.mojo-lp .lp-dbl__inhalt .lp-btn-row { justify-content: center; }
.mojo-lp .lp-dbl__bild::after { opacity: 1; }
}
.mojo-lp .lp-dbl--zahl .lp-dbl__inhalt { justify-content: flex-end; }
.mojo-lp .lp-dbl__kennwert { display: flex; align-items: baseline; gap: 10px; margin-block-end: clamp(14px, 2vh, 22px); }
.mojo-lp .lp-dbl__kennwert b { font-size: clamp(30px, 3vw, 52px); font-weight: 800; line-height: 1 !important; color: var(--accent); font-feature-settings: "tnum" 1; letter-spacing: -.02em; }
.mojo-lp .lp-dbl__kennwert span { font-size: 11px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: var(--text); line-height: 1.5 !important; }
.mojo-lp .lp-dbl__bild video { display: block; }
@media (max-width: 930px) {
.mojo-lp.mojo-lp .lp-dbl__buehne--mobil { height: calc(100svh - var(--klebe, 0px)); min-height: 520px; display: block; }
.mojo-lp.mojo-lp .lp-dbl__buehne--mobil .lp-dbl__platte.is-an { display: block; }
.mojo-lp.mojo-lp .lp-dbl__buehne--mobil .lp-dbl__wink.is-an { display: block; }
.mojo-lp.mojo-lp .lp-dbl__buehne--mobil .lp-dbl__inhalt { position: absolute; }
.mojo-lp.mojo-lp .lp-dbl__buehne--mobil .lp-dbl__inhalt > * { opacity: var(--auf, 1); transform: translateY(var(--hub, 0px)); }
.mojo-lp.mojo-lp .lp-dbl__buehne--mobil .lp-dbl__bild::after { opacity: var(--schleier, 1); }
}
.mojo-lp.mojo-lp .lp-dbl__inhalt .lp-btn-row { margin-block-start: 6px !important; }
.mojo-lp .lp-abr { display: grid; grid-template-columns: minmax(300px, .8fr) 1.2fr; gap: clamp(24px, 3.4vw, 56px); align-items: start; }
.mojo-lp .lp-abr__reiter { display: flex; flex-direction: column; gap: 10px; }
.mojo-lp .lp-abr__knopf {
display: grid; grid-template-columns: auto 1fr; gap: 4px 14px; align-items: center;
width: 100%; position: relative; box-sizing: border-box;
background: var(--surface); border: 0; border-radius: var(--r-card);
margin: 0; padding: 14px 18px; text-align: left; cursor: pointer;
-webkit-appearance: none; appearance: none;
font-family: var(--font); font-size: clamp(15px, 1.1vw, 18px); font-weight: 700; line-height: 1.35;
color: var(--text); transition: background var(--t-ui) var(--ease);
}
.mojo-lp .lp-abr__knopf::after {
content: ""; position: absolute; inset: 0; border-radius: var(--r-card);
box-shadow: inset 0 0 0 1.5px var(--border);
transition: box-shadow var(--t-ui) var(--ease);
pointer-events: none;
}
.mojo-lp .lp-abr__knopf.is-akt { background: var(--surface-2); }
.mojo-lp .lp-abr__knopf.is-akt::after { box-shadow: inset 0 0 0 1.5px var(--lp-gold); }
@media (hover: hover) { .mojo-lp .lp-abr__knopf:hover::after { box-shadow: inset 0 0 0 1.5px var(--lp-gold-dk); } }
.mojo-lp .lp-abr__knopf:focus-visible { outline: 2px solid var(--lp-gold); outline-offset: 2px; }
.mojo-lp .lp-abr__badge {
grid-row: 1 / span 2; display: grid; place-items: center;
width: 40px; height: 40px; border-radius: var(--r-ui);
background: var(--bg); color: var(--text);
font-size: 13px; font-weight: 800; font-feature-settings: "tnum" 1;
}
.mojo-lp .lp-abr__knopf.is-akt .lp-abr__badge { background: var(--lp-gold); color: var(--auf-gold); }
.mojo-lp .lp-abr__name { display: block; }
.mojo-lp .lp-abr__phase { display: block; grid-column: 2; font-size: 10px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--accent); line-height: 1.5; }
.mojo-lp .lp-abr__buehne { display: grid; gap: clamp(20px, 3vh, 34px); align-content: start; }
.mojo-lp .lp-abr__panel { background: var(--surface); border-radius: var(--r-card); padding: clamp(22px, 2.6vw, 38px); position: relative; }
.mojo-lp .lp-abr__panel::after { content: ""; position: absolute; inset: 0; border-radius: var(--r-card); box-shadow: inset 0 0 0 1.5px var(--border); pointer-events: none; }
.mojo-lp .lp-abr__panel.is-aus { display: none; }
.mojo-lp .lp-abr__tag { display: inline-block; font-size: 10px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--accent); line-height: 1.5 !important; margin-block-end: 10px; }
.mojo-lp.mojo-lp .lp-abr__panel h3 { font-size: var(--lp-t-h3); font-weight: var(--lp-w-kopf); line-height: 1.25 !important; letter-spacing: -.015em; color: var(--text); margin-block: 0 12px !important; }
.mojo-lp.mojo-lp .lp-abr__panel p { font-size: var(--lp-t-body); font-weight: var(--lp-w-body); line-height: 1.65 !important; color: var(--text); max-width: none; }
.mojo-lp .lp-abr__sub { display: block; font-size: clamp(13px, .95vw, 16px); font-weight: 700; letter-spacing: .04em; text-transform: uppercase; color: var(--accent); line-height: 1.5 !important; margin-block: 0 10px !important; }
@media (max-width: 930px) {
.mojo-lp .lp-abr { grid-template-columns: 1fr; gap: clamp(20px, 5vw, 30px); }
.mojo-lp .lp-abr__panel { text-align: left; }
.mojo-lp.mojo-lp .lp-abr__panel p { text-align: left; margin-inline: 0; }
.mojo-lp.mojo-lp .lp-abr__panel .lp-list { text-align: left; margin-inline: 0 !important; }
.mojo-lp.mojo-lp .lp-abr__panel .lp-list li { text-align: left; }
.mojo-lp .lp-abr__panel .lp-btn-row { justify-content: flex-start; }
.mojo-lp .lp-abr__knopf { text-align: left; }
}
.mojo-lp.lp-abd-halter { padding: 0; overflow: clip; }
.mojo-lp .lp-abd { position: relative; }
.mojo-lp .lp-abd__buehne { position: relative; min-height: calc(100svh - var(--klebe, 0px)); overflow: clip; display: grid; grid-template-rows: auto minmax(0, 1fr); }
.mojo-lp .lp-abd__kopf { position: relative; z-index: 4; padding: clamp(24px, 4.5vh, 52px) var(--sp-side) 0; }
.mojo-lp.mojo-lp .lp-abd__kopf h2 { font-size: clamp(22px, 2.5vw, 40px); line-height: 1.12 !important; letter-spacing: -.02em; max-width: 20ch; color: var(--text); margin-block: 0 !important; }
.mojo-lp .lp-abd__feld { display: grid; place-items: center; padding: clamp(14px, 3vh, 34px) var(--sp-side) clamp(20px, 4vh, 44px); }
.mojo-lp .lp-abd__ring { display: none; }
.mojo-lp .lp-abd__ring.is-an { display: block; }
.mojo-lp .lp-abd__ring {
position: absolute; z-index: 2; left: 50%;
top: calc(var(--kopf, 120px) + (100% - var(--kopf, 120px)) / 2);
width: min(calc((100svh - var(--kopf, 120px)) * .80), 74vw, 780px);
aspect-ratio: 1; transform: translate(-50%, -50%); pointer-events: none;
}
.mojo-lp .lp-abd__scheibe { position: absolute; inset: 0; border-radius: 50%; box-shadow: inset 0 0 0 1.5px var(--border); }
.mojo-lp .lp-abd__marke { position: absolute; left: 50%; top: 50%; width: 0; height: 0; }
.mojo-lp .lp-abd__marke i {
position: absolute; left: -5.5px; top: -5.5px; width: 11px; height: 11px; border-radius: 50%;
background: var(--bg); box-shadow: inset 0 0 0 1.5px var(--border);
transition: background 260ms var(--ease), box-shadow 260ms var(--ease);
}
.mojo-lp .lp-abd__marke b {
position: absolute; display: block; font-size: clamp(11px, .9vw, 14px); font-weight: 800;
letter-spacing: .08em; color: var(--text); white-space: nowrap;
font-feature-settings: "tnum" 1; line-height: 1.4;
transition: color 260ms var(--ease);
}
.mojo-lp .lp-abd__marke.is-akt i { background: var(--lp-gold); box-shadow: inset 0 0 0 1.5px var(--lp-gold); }
.mojo-lp .lp-abd__marke.is-akt b { color: var(--accent); }
.mojo-lp .lp-abd__zeiger { position: absolute; left: 50%; top: -1px; width: 1.5px; height: clamp(26px, 4vh, 44px); background: var(--lp-gold); transform: translateX(-50%); }
.mojo-lp .lp-abd__rahmen {
position: relative; display: block; overflow: clip;
border-radius: var(--r-card); aspect-ratio: 16 / 10;
margin-block-end: clamp(14px, 3.6vw, 20px);
}
.mojo-lp .lp-abd__rahmen::after { content: ""; position: absolute; inset: 0; background: rgba(10,11,7,.46); pointer-events: none; }
.mojo-lp .lp-abd__mitte { max-width: min(52ch, 46vw); margin-inline: auto; text-align: center; }
.mojo-lp .lp-abd__block + .lp-abd__block { margin-block-start: clamp(24px, 4vh, 44px); }
.mojo-lp .lp-abd__block.is-aus { display: none; }
.mojo-lp .lp-abd__text { position: relative; z-index: 3; }
.mojo-lp .lp-abd__nr { display: block; font-size: clamp(34px, 4vw, 68px); font-weight: 800; line-height: 1 !important; letter-spacing: -.03em; color: var(--accent); font-feature-settings: "tnum" 1; margin-block-end: 8px; }
.mojo-lp .lp-abd__tag { display: block; font-size: 10px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--text); line-height: 1.5 !important; margin-block-end: clamp(10px, 1.4vh, 16px); }
.mojo-lp.mojo-lp .lp-abd__block h3 { font-size: clamp(21px, 2.2vw, 36px); line-height: 1.14 !important; letter-spacing: -.02em; color: var(--text); margin-block: 0 12px !important; }
.mojo-lp.mojo-lp .lp-abd__block p { font-size: var(--lp-t-body); line-height: 1.65 !important; color: var(--text); margin-inline: auto; }
@media (min-width: 931px) {
.mojo-lp .lp-abd__buehne.is-an .lp-abd__rahmen {
position: absolute; inset: 0; z-index: 0;
aspect-ratio: auto; border-radius: 0; margin: 0;
opacity: 1; transition: opacity 420ms var(--ease);
}
.mojo-lp .lp-abd__buehne.is-an .lp-abd__rahmen::after {
background: linear-gradient(180deg, rgba(10,11,7,.74) 0%, rgba(10,11,7,.58) 42%, rgba(10,11,7,.86) 100%);
}
.mojo-lp.mojo-lp .lp-abd__buehne.is-an .lp-abd__block.is-aus { display: block; }
.mojo-lp.mojo-lp .lp-abd__buehne.is-an .lp-abd__block.is-aus .lp-abd__rahmen { opacity: 0; }
.mojo-lp.mojo-lp .lp-abd__buehne.is-an .lp-abd__block.is-aus .lp-abd__text { display: none; }
.mojo-lp.mojo-lp .lp-abd__buehne.is-an .lp-abd__block + .lp-abd__block { margin-block-start: 0; }
.mojo-lp.mojo-lp .lp-abd__buehne.is-an .lp-abd__mitte { max-width: min(52ch, calc(var(--ringb, 560px) * .60)); }
.mojo-lp.mojo-lp .lp-abd__buehne.is-an .lp-abd__block h3 { font-size: clamp(20px, 1.9vw, 30px); }
.mojo-lp.mojo-lp .lp-abd__buehne.is-an .lp-abd__block p { font-size: var(--lp-t-teaser); line-height: 1.65 !important; }
.mojo-lp .lp-abd__buehne.is-an .lp-abd__nr { font-size: clamp(30px, 3.2vw, 54px); }
}
@media (max-width: 1100px) {
.mojo-lp .lp-abd__mitte { max-width: min(52ch, 70vw); }
}
.mojo-lp.mojo-lp .lp-abr__panel .lp-list li { font-size: var(--lp-t-body) !important; font-weight: var(--lp-w-body) !important; }
@media (max-width: 930px) { .mojo-lp.mojo-lp .lp-abd__kopf h2 { font-size: var(--lp-t-h2); } }
.mojo-lp.mojo-lp .lp-flt { font-size: var(--lp-t-body); font-weight: var(--lp-w-body); line-height: 1.65; }
@media (max-width: 930px) {
.mojo-lp .lp-abd__buehne { min-height: 0; display: block; }
.mojo-lp.mojo-lp .lp-abd__ring.is-an { display: none; }
.mojo-lp .lp-abd__kopf { padding-block: clamp(30px, 8vw, 48px) 0; text-align: center; }
.mojo-lp .lp-abd__kopf .lp-eyebrow--line { justify-content: center; }
.mojo-lp.mojo-lp .lp-abd__kopf h2 { max-width: none; }
.mojo-lp .lp-abd__mitte { max-width: none; }
.mojo-lp.mojo-lp .lp-abd__block.is-aus { display: block; }
.mojo-lp.mojo-lp .lp-abd__block .lp-abd__rahmen { opacity: 1; }
.mojo-lp .lp-abd__block + .lp-abd__block { margin-block-start: clamp(42px, 11vw, 64px); }
.mojo-lp .lp-abd__feld { padding-block: clamp(24px, 7vw, 44px) clamp(36px, 9vw, 64px); }
}
.mojo-lp .lp-abs { --anteil-max: 30; }
.mojo-lp .lp-abs__spur { display: grid; grid-template-columns: repeat(6, 1fr); gap: clamp(22px, 2.6vw, 40px); align-items: start; margin-block-start: clamp(44px, 7vh, 80px); }
.mojo-lp .lp-abs__saeule { display: grid; grid-template-rows: clamp(180px, 30vh, 320px) auto; row-gap: clamp(24px, 3vh, 34px); }
.mojo-lp .lp-abs__saeule::before {
content: ""; grid-row: 1; grid-column: 1;
background: var(--surface); border-radius: var(--r-sm) var(--r-sm) 0 0;
}
.mojo-lp .lp-abs__balken {
grid-row: 1; grid-column: 1; align-self: end;
position: relative; width: 100%;
height: calc(var(--anteil, 10) / var(--anteil-max, 30) * 100%);
background: var(--surface-2); border-radius: var(--r-sm) var(--r-sm) 0 0;
transform-origin: 50% 100%; transform: scaleY(var(--wuchs, 1));
}
.mojo-lp .lp-abs__saeule.is-akt .lp-abs__balken { background: var(--lp-gold); }
.mojo-lp .lp-abs__fuss { grid-row: 2; grid-column: 1; margin-block-start: 0; }
.lp-js .mojo-lp .lp-abs__fuss { opacity: .4; transition: opacity 320ms var(--ease); }
.lp-js .mojo-lp .lp-abs__saeule.is-akt .lp-abs__fuss { opacity: 1; }
.mojo-lp .lp-abs__kennz { display: flex; align-items: baseline; gap: 8px; margin-block-end: 10px; flex-wrap: wrap; }
.mojo-lp .lp-abs__nr { font-size: clamp(16px, 1.5vw, 24px); font-weight: 800; line-height: 1 !important; color: var(--accent); font-feature-settings: "tnum" 1; }
.mojo-lp .lp-abs__wert { font-size: clamp(11px, .85vw, 13px); font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--text); line-height: 1.3 !important; font-feature-settings: "tnum" 1; }
.mojo-lp.mojo-lp .lp-abs__fuss h3 { font-size: clamp(18px, .7vw + 8px, 22px); font-weight: var(--lp-w-kopf); line-height: 1.25 !important; letter-spacing: -.01em; color: var(--text); margin-block: 0 8px !important; }
.mojo-lp.mojo-lp .lp-abs__fuss p { font-size: var(--lp-t-body); font-weight: var(--lp-w-body); line-height: 1.65 !important; color: var(--text); margin-block: 0 !important; max-width: 26ch; }
.mojo-lp .lp-abs__grund { height: 1.5px; background: var(--border); margin-block-start: clamp(30px, 4.5vh, 48px); }
@media (max-width: 1100px) {
.mojo-lp .lp-abs__spur { grid-template-columns: repeat(3, 1fr); row-gap: clamp(42px, 6vh, 60px); }
.mojo-lp .lp-abs__saeule { grid-template-rows: clamp(150px, 24vh, 240px) auto; }
}
@media (max-width: 930px) {
.mojo-lp .lp-abs__spur { grid-template-columns: 1fr; gap: clamp(36px, 9vw, 54px); margin-block-start: clamp(34px, 9vw, 52px); }
.mojo-lp.mojo-lp .lp-abs__saeule { grid-template-rows: 8px auto; row-gap: clamp(20px, 5vw, 26px); text-align: center; }
.mojo-lp.mojo-lp .lp-abs__saeule::before { border-radius: 999px; }
.mojo-lp.mojo-lp .lp-abs__balken {
align-self: stretch; height: auto;
width: calc(var(--anteil, 10) / var(--anteil-max, 30) * 100%);
border-radius: 999px; transform-origin: 0 50%; transform: scaleX(var(--wuchs, 1));
}
.mojo-lp .lp-abs__kennz { justify-content: center; gap: 10px; margin-block-end: 8px; }
.mojo-lp.mojo-lp .lp-abs__fuss p { font-size: var(--lp-t-body); font-weight: var(--lp-w-body); margin-inline: auto; max-width: 46ch; }
.mojo-lp.mojo-lp .lp-abs__fuss h3 { font-size: clamp(18px, .7vw + 8px, 22px); margin-block: 0 8px !important; }
.mojo-lp .lp-abs__grund { margin-block-start: clamp(28px, 8vw, 44px); }
}
.mojo-lp.lp-abz-halter { padding: 0; overflow: clip; }
.mojo-lp .lp-abz { position: relative; }
.mojo-lp .lp-abz__buehne { position: relative; --anz: 6; }
.mojo-lp .lp-abz__kopf { padding: clamp(30px, 8vw, 52px) var(--sp-side) 0; }
.mojo-lp.mojo-lp .lp-abz__kopf h2 { max-width: 22ch; color: var(--text); margin-block: 0 !important; }
.mojo-lp .lp-abz__feld { display: grid; grid-template-columns: 1fr; padding: clamp(24px, 5vw, 44px) var(--sp-side) clamp(36px, 9vw, 64px); }
.mojo-lp .lp-abz__schiene { display: none; }
.mojo-lp .lp-abz__fenster { position: relative; }
.mojo-lp .lp-abz__band { display: grid; gap: clamp(26px, 6vw, 44px); }
.mojo-lp .lp-abz__frame { display: grid; grid-template-columns: 1fr; gap: clamp(16px, 3.4vw, 26px); align-content: center; }
.mojo-lp .lp-abz__rahmen { position: relative; display: block; overflow: clip; border-radius: var(--r-card); aspect-ratio: 16 / 10; }
.mojo-lp .lp-abz__rahmen::after { content: ""; position: absolute; inset: 0; background: rgba(10,11,7,.46); pointer-events: none; }
.mojo-lp .lp-abz__nr { display: block; font-size: clamp(40px, 5vw, 86px); font-weight: 800; line-height: .9 !important; letter-spacing: -.04em; color: var(--accent); font-feature-settings: "tnum" 1; margin-block-end: 8px; }
.mojo-lp .lp-abz__tag { display: block; font-size: 10px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--text); line-height: 1.5 !important; margin-block-end: clamp(10px, 1.4vh, 16px); }
.mojo-lp.mojo-lp .lp-abz__frame h3 { font-size: var(--lp-t-h3); font-weight: var(--lp-w-kopf); line-height: 1.25 !important; letter-spacing: -.02em; color: var(--text); margin-block: 0 12px !important; }
.mojo-lp.mojo-lp .lp-abz__frame p { font-size: var(--lp-t-body); font-weight: var(--lp-w-body); line-height: 1.65 !important; color: var(--text); margin-block: 0 !important; max-width: 62ch; }
@media (min-width: 931px) {
.mojo-lp .lp-abz__buehne.is-an { min-height: calc(100svh - var(--klebe, 0px)); overflow: clip; display: grid; grid-template-rows: auto minmax(0, 1fr); }
.mojo-lp .lp-abz__buehne.is-an .lp-abz__feld { grid-template-columns: 26px minmax(0, 1fr); gap: clamp(20px, 2.6vw, 46px); align-items: center; padding-block: clamp(14px, 3vh, 34px) clamp(20px, 4vh, 44px); }
.mojo-lp .lp-abz__buehne.is-an .lp-abz__schiene { display: block; position: relative; height: min(52vh, 400px); width: 100%; }
.mojo-lp .lp-abz__buehne.is-an .lp-abz__schiene::before { content: ""; position: absolute; left: 50%; top: 0; bottom: 0; width: 1.5px; transform: translateX(-50%); background: var(--border); }
.mojo-lp .lp-abz__buehne.is-an .lp-abz__schiene::after { content: ""; position: absolute; left: 50%; top: 0; width: 1.5px; transform: translateX(-50%); height: calc(var(--lauf, 0) / (var(--anz) - 1) * 100%); background: var(--lp-gold); }
.mojo-lp .lp-abz__buehne.is-an .lp-abz__punkt { position: absolute; left: 50%; top: calc(var(--i, 0) / (var(--anz) - 1) * 100%); width: 9px; height: 9px; border-radius: 50%; background: var(--bg); box-shadow: inset 0 0 0 1.5px var(--border); transform: translate(-50%, -50%); }
.mojo-lp .lp-abz__buehne.is-an .lp-abz__daumen { position: absolute; left: 50%; top: calc(var(--lauf, 0) / (var(--anz) - 1) * 100%); width: 13px; height: 13px; border-radius: 50%; background: var(--lp-gold); transform: translate(-50%, -50%); }
.mojo-lp .lp-abz__buehne.is-an .lp-abz__fenster { height: min(58vh, 470px); overflow: clip; }
.mojo-lp.mojo-lp .lp-abz__buehne.is-an .lp-abz__band { position: absolute; inset: 0; display: block; gap: 0; transform: translateY(calc(var(--lauf, 0) * -100%)); will-change: transform; }
.mojo-lp.mojo-lp .lp-abz__buehne.is-an .lp-abz__frame { height: 100%; grid-template-columns: minmax(0, 1.06fr) minmax(0, 1fr); gap: clamp(20px, 2.6vw, 46px); align-items: center; }
.mojo-lp .lp-abz__buehne.is-an .lp-abz__rahmen { aspect-ratio: auto; height: 100%; }
.mojo-lp .lp-abz__buehne.is-an .lp-abz__rahmen::after { background: linear-gradient(180deg, rgba(var(--bild-rgb),.44) 0%, rgba(var(--bild-rgb),.30) 45%, rgba(var(--bild-rgb),.58) 100%); }
}
@media (max-width: 930px) {
.mojo-lp .lp-abz__kopf { padding-block: clamp(34px, 9vw, 54px) 0; text-align: center; }
.mojo-lp .lp-abz__kopf .lp-eyebrow--line { justify-content: center; }
.mojo-lp.mojo-lp .lp-abz__kopf h2 { max-width: none; }
.mojo-lp .lp-abz__feld { padding-block: clamp(28px, 7vw, 44px) clamp(44px, 11vw, 76px); }
.mojo-lp .lp-abz__band { gap: clamp(50px, 12vw, 76px); }
.mojo-lp .lp-abz__frame { gap: clamp(24px, 6vw, 34px); text-align: center; }
.mojo-lp.mojo-lp .lp-abz__frame p { margin-inline: auto; text-align: center; max-width: 40ch; }
.mojo-lp.mojo-lp .lp-abz__frame h3 { font-size: var(--lp-t-h3); }
.mojo-lp .lp-abz__nr { font-size: clamp(46px, 13vw, 68px); margin-block-end: 10px; }
.mojo-lp .lp-abz__tag { margin-block-end: clamp(12px, 3vw, 16px); }
.mojo-lp .lp-abz__frame .lp-btn-row { justify-content: center; }
}
@property --lauf { syntax: "<number>"; inherits: true; initial-value: 0; }
@property --f { syntax: "<number>"; inherits: true; initial-value: 0; }
@property --fn { syntax: "<number>"; inherits: true; initial-value: 0; }
@property --sf { syntax: "<number>"; inherits: true; initial-value: 0; }
@property --i { syntax: "<number>"; inherits: true; initial-value: 0; }
@property --k { syntax: "<number>"; inherits: true; initial-value: 0; }
.mojo-lp .lp-rf__text { position: relative; padding-block-start: clamp(16px, 2.2vh, 26px); }
.mojo-lp.mojo-lp .lp-rf__nr { display: block; font-size: 11px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--accent); font-feature-settings: "tnum" 1; line-height: 1.65 !important; margin: 0 0 10px !important; }
.mojo-lp.mojo-lp .lp-rf__name { margin: 0 !important; font-weight: 700 !important; font-size: clamp(24px, 3vw, 50px); line-height: 1.25 !important; letter-spacing: -.02em; color: var(--text); }
.mojo-lp.mojo-lp .lp-rf__wert { display: block; margin-block-start: 12px !important; font-size: clamp(13px, .95vw, 16px); font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: var(--accent); line-height: 1.25 !important; }
.mojo-lp.mojo-lp .lp-rf__satz { margin-block: clamp(14px, 1.8vh, 20px) 0 !important; margin-inline: 0; font-size: var(--lp-t-body); line-height: 1.65 !important; font-weight: 500; color: var(--text); }
.mojo-lp.lp-sand .lp-rf__name, .mojo-lp.lp-sand .lp-rf__satz { color: var(--lp-carbon); }
.mojo-lp.lp-olive .lp-rf__nr, .mojo-lp.lp-olive .lp-rf__wert { color: var(--text); }
.mojo-lp .lp-rf__text .lp-btn-row { margin-block-start: calc(var(--sp-stack) + 6px) !important; }
.mojo-lp .lp-rf__stand { display: none; }
.mojo-lp .lp-rf__seg { height: 1.5px; flex: 1; background: rgba(var(--kante-rgb), .28); transition: background 380ms var(--ease); }
.mojo-lp .lp-rf__seg.is-voll { background: var(--lp-gold); }
.mojo-lp .is-an .lp-rf__stand { display: flex; position: absolute; z-index: 45; inset-inline-start: var(--sp-side); inset-block-end: clamp(26px, 4.4vh, 48px); gap: 6px; width: min(220px, 30vw); }
.mojo-lp .lp-rf__schleier { position: absolute; inset: 0; z-index: 2; pointer-events: none;
background: linear-gradient(90deg, rgba(var(--bild-rgb), .88) 0%, rgba(var(--bild-rgb), .54) 46%, rgba(var(--bild-rgb), .18) 100%); }
.mojo-lp .lp-rf-buehne { position: relative; box-sizing: border-box; padding: var(--sp-section) var(--sp-side); }
.mojo-lp .lp-rf-buehne.is-an { height: calc(100svh - var(--klebe, 0px)); min-height: 560px; padding: 0; overflow: clip; }
.mojo-lp .lp-rf-kopf { margin-block-end: var(--sp-head); }
.mojo-lp .lp-rf-buehne.is-an .lp-rf-kopf { position: absolute; z-index: 40; inset-block-start: clamp(30px, 4vh, 52px); inset-inline: var(--sp-side); margin: 0; }
.mojo-lp .lp-rf-feld { position: relative; display: grid; gap: clamp(32px, 4.6vh, 60px); }
.mojo-lp .lp-rf-buehne.is-an .lp-rf-feld { position: absolute; inset: 0; display: block; gap: 0; }
.mojo-lp .lp-rf-buehne.is-an .lp-rf__text { position: absolute; z-index: 30; padding: 0;
inset-inline-start: var(--sp-side);
inset-block-start: calc(var(--kopf, 150px) + clamp(20px, 3.2vh, 42px));
inset-block-end: auto; width: min(62ch, 62vw); }
.mojo-lp.lp-rfb-halter { padding: 0; overflow: clip; }
.mojo-lp .lp-rfb { position: relative; }
.mojo-lp .lp-rfb__lage { position: relative; }
.mojo-lp .lp-rfb__fenster, .mojo-lp .lp-rfb__innen { position: relative; display: block; }
.mojo-lp .lp-rfb__bild { position: relative; display: block; overflow: clip; border-radius: var(--r-card); aspect-ratio: 16 / 9; background: var(--surface); }
.mojo-lp .lp-rfb .lp-rf__schleier { display: none; }
.mojo-lp .lp-rfb__buehne.is-an .lp-rfb__lage { position: absolute; inset: 0; --ueber: 22vh; z-index: calc(var(--i) + 1);
--f: clamp(0, calc(var(--lauf) - var(--i) + 1), 1);
--fn: clamp(0, calc(var(--lauf) - var(--i)), 1); }
.mojo-lp .lp-rfb__buehne.is-an .lp-rfb__fenster { position: absolute; inset-block: 0; inset-inline: calc(-1 * var(--ueber)); overflow: clip; transform: skewX(-9deg) translate3d(calc((var(--f) - 1) * 100%), 0, 0); will-change: transform; backface-visibility: hidden; }
.mojo-lp .lp-rfb__buehne.is-an .lp-rfb__innen { position: absolute; inset: 0; transform: translate3d(calc((1 - var(--f)) * 100%), 0, 0) skewX(9deg); will-change: transform; backface-visibility: hidden; }
.mojo-lp .lp-rfb__buehne.is-an .lp-rfb__bild { position: absolute; inset-block: 0; inset-inline: var(--ueber); border-radius: 0; aspect-ratio: auto; }
.mojo-lp .lp-rfb__buehne.is-an .lp-rf__schleier { display: block; }
.mojo-lp .lp-rfb__buehne.is-an .lp-rfb__fenster::after { content: ""; position: absolute; z-index: 6; inset-block: 0; inset-inline-end: 0; width: 1.5px; background: var(--lp-gold); }
.mojo-lp .lp-rfb__buehne.is-an .lp-rfb__lage:first-child .lp-rfb__fenster::after { display: none; }
.mojo-lp .lp-rfb__buehne.is-an .lp-rf__text {
opacity: calc(clamp(0, calc((var(--f) - .58) * 5), 1) * clamp(0, calc(1 - (var(--fn) - .06) * 5), 1)); }
.mojo-lp.lp-rfs-halter { padding: 0; overflow: clip; }
.mojo-lp .lp-rfs { position: relative; }
.mojo-lp .lp-rfs__buehne { --str: 6; --stag: .3; }
.mojo-lp .lp-rfs__lage { position: relative; }
.mojo-lp .lp-rfs__bild { position: relative; display: block; overflow: clip; border-radius: var(--r-card); aspect-ratio: 16 / 9; background: var(--surface); }
.mojo-lp .lp-rfs__streifen { display: none; }
.mojo-lp .lp-rfs__streifen:first-child { display: block; position: absolute; inset: 0; overflow: clip; }
.mojo-lp .lp-rfs__platte { position: absolute; inset: 0; display: block; }
.mojo-lp .lp-rfs .lp-rf__schleier { display: none; }
.mojo-lp .lp-rfs__buehne.is-an .lp-rfs__lage { position: absolute; inset: 0; z-index: calc(var(--i) + 1);
--f: clamp(0, calc(var(--lauf) - var(--i) + 1), 1);
--fn: clamp(0, calc(var(--lauf) - var(--i)), 1);
--ges: calc(1 + (var(--str) - 1) * var(--stag));
--spalte: calc(var(--sw, 100vw) / var(--str)); }
.mojo-lp .lp-rfs__buehne.is-an .lp-rfs__lage .lp-rf__text { opacity: calc(clamp(0, calc(var(--f) * 3 - 2), 1) * clamp(0, calc(1 - var(--fn) * 3), 1)); }
.mojo-lp .lp-rfs__buehne.is-an .lp-rfs__lage:last-child .lp-rf__text { opacity: clamp(0, calc(var(--f) * 3 - 2), 1); }
.mojo-lp .lp-rfs__buehne.is-an .lp-rfs__bild { position: absolute; inset: 0; border-radius: 0; aspect-ratio: auto; background: transparent; }
.mojo-lp .lp-rfs__buehne.is-an .lp-rfs__streifen { display: block; position: absolute; inset-block: 0; overflow: clip;
width: calc(var(--spalte) + 1px); inset-inline-start: calc(var(--k) * var(--spalte));
--sf: clamp(0, calc(var(--f) * var(--ges) - var(--k) * var(--stag)), 1);
transform: translateY(calc((var(--sf) - 1) * 100%)); will-change: transform; }
.mojo-lp .lp-rfs__buehne.is-an .lp-rfs__platte { position: absolute; inset-block: 0; width: var(--sw, 100vw); inset-inline-start: calc(var(--k) * var(--spalte) * -1); }
.mojo-lp .lp-rfs__buehne.is-an .lp-rfs__platte > .lp-rf__schleier { display: block; z-index: 3; }
.mojo-lp.lp-rfd-halter { padding: 0; overflow: clip; }
.mojo-lp .lp-rfd { position: relative; }
.mojo-lp .lp-rfd__lage { position: relative; }
.mojo-lp .lp-rfd__bild { position: relative; display: block; overflow: clip; border-radius: var(--r-card); aspect-ratio: 16 / 9; background: var(--surface); }
.mojo-lp .lp-rfd__platte { position: absolute; inset: 0; display: block; }
.mojo-lp .lp-rfd__platte--b { display: none; }
.mojo-lp .lp-rfd .lp-rf__schleier { display: none; }
.mojo-lp .lp-rfd__buehne.is-an { isolation: isolate; }
.mojo-lp .lp-rfd__buehne.is-an .lp-rfd__lage { position: absolute; inset: 0; z-index: calc(var(--i) + 1);
--f: clamp(0, calc(var(--lauf) - var(--i) + 1), 1);
--fn: clamp(0, calc(var(--lauf) - var(--i)), 1);
--weg: calc(var(--lauf) - var(--i));
opacity: calc(clamp(0, calc(var(--f) * 3), 1) * clamp(0, calc(1 - var(--fn) * 3), 1)); }
.mojo-lp .lp-rfd__buehne.is-an .lp-rfd__lage:last-child { opacity: clamp(0, calc(var(--f) * 3), 1); }
.mojo-lp .lp-rfd__buehne.is-an .lp-rfd__bild { position: absolute; inset: 0; border-radius: 0; aspect-ratio: auto; }
.mojo-lp .lp-rfd__buehne.is-an .lp-rfd__platte { transform: translate3d(calc(var(--weg) * 4.5vw), 0, 0) scale(1.1); will-change: transform; }
.mojo-lp .lp-rfd__buehne.is-an .lp-rfd__platte--b { display: block; mix-blend-mode: screen; opacity: .34;
transform: translate3d(calc(var(--weg) * -4.5vw), 0, 0) scale(1.1); }
.mojo-lp .lp-rfd__buehne.is-an .lp-rf__schleier { display: block; z-index: 20; }
.mojo-lp.lp-rff-halter { padding: 0; overflow: clip; }
.mojo-lp .lp-rff { position: relative; }
.mojo-lp .lp-rff__lage { position: relative; min-width: 0; container-type: inline-size; }
.mojo-lp.mojo-lp .lp-rff__wort { display: block; margin: 0 0 clamp(14px, 2vh, 22px) !important; font-size: min(clamp(52px, 10vw, 150px), var(--wortdeckel)); font-weight: 800; line-height: .94 !important; letter-spacing: -.045em; text-transform: uppercase; color: var(--text);
--wortdeckel: calc(100cqi / (var(--zeichen, 10) * 0.78));
overflow-wrap: normal; word-break: normal; hyphens: none; }
.mojo-lp .lp-rff__anschnitt { position: relative; display: block; overflow: clip; border-radius: var(--r-card); aspect-ratio: 16 / 9; background: var(--surface); }
.mojo-lp .lp-rff__fakten { display: flex; flex-wrap: wrap; align-items: flex-start; gap: clamp(10px, 1.2vw, 18px); list-style: none !important; margin: clamp(16px, 2.4vh, 30px) 0 0 !important; padding: 0 !important; }
.mojo-lp .lp-rff__fakten li::marker { content: none; }
.mojo-lp .lp-rff__fakten li { list-style: none !important; }
.mojo-lp.mojo-lp .lp-rff__fakten li { margin: 0 !important; padding: clamp(9px, 1.2vh, 14px) clamp(14px, 1.4vw, 22px) !important; border-radius: var(--r-ui); box-shadow: inset 0 0 0 1.5px rgba(var(--gold-rgb), .55); font-size: clamp(12px, .92vw, 15px); font-weight: 700 !important; letter-spacing: .08em; text-transform: uppercase; color: var(--text); line-height: 1.35 !important; }
.mojo-lp.lp-sand .lp-rff__fakten li { color: var(--lp-carbon); }
@supports ((background-clip: text) or (-webkit-background-clip: text)) {
.mojo-lp.mojo-lp .lp-rff__wort {
background-image: var(--bild); background-repeat: no-repeat;
background-size: 132% auto;
background-position: calc(50% + var(--weg, 0) * -30%) center;
-webkit-background-clip: text; background-clip: text;
color: transparent; -webkit-text-fill-color: transparent;
}
}
.mojo-lp .lp-rff__buehne.is-an .lp-rff__lage { position: absolute; inset: 0; z-index: calc(var(--i) + 1);
display: flex; flex-direction: column; justify-content: flex-start; row-gap: clamp(12px, 1.8vh, 24px);
padding: calc(var(--kopf, 150px) + clamp(14px, 2.2vh, 30px)) calc(clamp(200px, 25vw, 440px) + clamp(26px, 4vw, 68px)) clamp(44px, 6.5vh, 84px) var(--sp-side);
--f: clamp(0, calc(var(--lauf) - var(--i) + 1), 1);
--fn: clamp(0, calc(var(--lauf) - var(--i)), 1);
--weg: calc(var(--lauf) - var(--i));
opacity: calc(clamp(0, calc(var(--f) * 3), 1) * clamp(0, calc(1 - var(--fn) * 3), 1)); }
.mojo-lp .lp-rff__buehne.is-an .lp-rff__lage:last-child { opacity: clamp(0, calc(var(--f) * 3), 1); }
.mojo-lp.mojo-lp .lp-rff__buehne.is-an .lp-rff__wort { font-size: min(clamp(52px, min(12vw, 18.5vh), 200px), var(--wortdeckel)); margin: 0 !important; }
.mojo-lp .lp-rff__buehne.is-an .lp-rf__text { position: relative; z-index: 30; inset: auto; width: min(58ch, 100%); padding: 0; }
.mojo-lp .lp-rff__buehne.is-an .lp-rff__anschnitt { position: absolute; inset-block: 0; inset-inline-end: 0; width: clamp(200px, 25vw, 440px); border-radius: 0; aspect-ratio: auto; }
.mojo-lp .lp-rff__buehne.is-an .lp-rff__anschnitt::before { content: ""; position: absolute; z-index: 4; inset-block: 0; inset-inline-start: 0; width: 1.5px; background: var(--lp-gold); }
.mojo-lp .lp-rff__buehne.is-an .lp-rff__anschnitt::after { content: ""; position: absolute; inset: 0; z-index: 3; background: linear-gradient(90deg, rgba(var(--bild-rgb), .55) 0%, rgba(var(--bild-rgb), .12) 60%); }
@media (max-width: 930px) {
.mojo-lp.mojo-lp .lp-rf-buehne { padding: var(--sp-section) var(--sp-side); }
.mojo-lp.mojo-lp .lp-rf-kopf { margin-block-end: var(--sp-head); text-align: center; }
.mojo-lp.mojo-lp .lp-rf__text { text-align: left; padding-block-start: 24px; }
.mojo-lp.mojo-lp .lp-rf__name { font-size: clamp(24px, 3vw, 50px); }
.mojo-lp.mojo-lp .lp-rf__satz { text-align: left; margin-inline: 0; max-width: none; }
.mojo-lp.mojo-lp .lp-rf__text .lp-btn-row { justify-content: flex-start; }
.mojo-lp.mojo-lp :is(.lp-rfb, .lp-rfd) .lp-rf-buehne.is-an .lp-rf__text { inset-inline: var(--sp-side); width: auto; }
.mojo-lp.mojo-lp :is(.lp-rfb, .lp-rfd) :is(.lp-rf__text, .lp-rf__satz, .lp-rf__name, .lp-rf__nr, .lp-rf__wert, .lp-eyebrow) { text-align: center; }
.mojo-lp.mojo-lp :is(.lp-rfb, .lp-rfd) .lp-rf__satz { margin-inline: auto; }
.mojo-lp.mojo-lp :is(.lp-rfb, .lp-rfd) .lp-rf__text .lp-btn-row { justify-content: center; }
.mojo-lp.mojo-lp :is(.lp-rfb, .lp-rfd) .lp-eyebrow--line { justify-content: center; }
.mojo-lp.mojo-lp .lp-rf-feld { gap: clamp(30px, 8vw, 44px); }
.mojo-lp.mojo-lp :is(.lp-rfb__bild, .lp-rfs__bild, .lp-rfd__bild, .lp-rff__anschnitt) { aspect-ratio: 4 / 3; }
.mojo-lp .lp-rff__lage { display: flex; flex-direction: column; }
.mojo-lp .lp-rff__fakten { order: 4; }
.mojo-lp .lp-rff__wort { order: 1; }
.mojo-lp .lp-rff__anschnitt { order: 2; }
.mojo-lp .lp-rff__lage .lp-rf__text { order: 3; }
.mojo-lp.mojo-lp .lp-rff__fakten { margin-block: clamp(16px, 4vw, 24px) 0 !important; }
.mojo-lp.mojo-lp .lp-rff__wort { font-size: min(clamp(40px, 13vw, 68px), var(--wortdeckel)); text-align: left; overflow-wrap: normal; }
}
@media (max-width: 930px) {
.mojo-lp.mojo-lp .lp-rf-buehne.is-an {
padding: 0; height: calc(100svh - var(--klebe, 0px)); min-height: 520px; overflow: clip; }
.mojo-lp.mojo-lp .lp-rf-buehne.is-an .lp-rf-kopf {
margin: 0; text-align: left; }
.mojo-lp.mojo-lp .lp-rf-buehne.is-an .lp-rf-feld { gap: 0; }
.mojo-lp.mojo-lp .lp-rf-buehne.is-an .lp-rf__text { padding: 0; }
.mojo-lp.mojo-lp .lp-rf-buehne.is-an :is(.lp-rfb__bild, .lp-rfs__bild, .lp-rfd__bild, .lp-rff__anschnitt) { aspect-ratio: auto; }
.mojo-lp.mojo-lp .lp-rf-buehne.is-an .lp-rf__name { font-size: clamp(24px, 3vw, 50px); }
.mojo-lp.mojo-lp .lp-rf-buehne.is-an .lp-rf__satz { font-size: var(--lp-t-body); }
.mojo-lp.mojo-lp .lp-rf-buehne.is-an .lp-rf-kopf h2 { font-size: clamp(26px, 7.4vw, 38px); }
.mojo-lp.mojo-lp .lp-rfd__buehne.is-an .lp-rfd__platte--b {
mix-blend-mode: normal; opacity: .22; }
.mojo-lp.mojo-lp .lp-rfd__buehne.is-an .lp-rfd__platte {
transform: translate3d(calc(var(--weg) * 2.2vw), 0, 0); }
.mojo-lp.mojo-lp .lp-rfd__buehne.is-an .lp-rfd__platte--b {
transform: translate3d(calc(var(--weg) * -2.2vw), 0, 0); }
.mojo-lp.mojo-lp .lp-rff__buehne.is-an .lp-rff__wort { background-position: center !important; }
.mojo-lp.mojo-lp .lp-rfb__buehne.is-an .lp-rfb__lage { --ueber: 0px; }
.mojo-lp.mojo-lp .lp-rfb__buehne.is-an .lp-rfb__fenster {
transform: translate3d(calc((var(--f) - 1) * 100%), 0, 0); }
.mojo-lp.mojo-lp .lp-rfb__buehne.is-an .lp-rfb__innen {
transform: translate3d(calc((1 - var(--f)) * 100%), 0, 0); }
.mojo-lp.mojo-lp .lp-rff__buehne.is-an .lp-rff__wort { font-size: min(clamp(30px, 10vw, 52px), var(--wortdeckel)); }
.mojo-lp.mojo-lp .lp-rff__buehne.is-an .lp-rff__anschnitt { width: clamp(84px, 24vw, 150px); }
.mojo-lp.mojo-lp .lp-rff__buehne.is-an .lp-rf__satz { font-size: clamp(13px, 3.6vw, 16px); }
.mojo-lp.mojo-lp .lp-rff__buehne.is-an .lp-rf__text .lp-btn-row { flex-wrap: wrap; gap: 8px; }
}
.mojo-lp .lp-cbi { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--gap-grid); }
.mojo-lp .lp-cbi--4 { grid-template-columns: repeat(4, 1fr); }
.mojo-lp .lp-cbi__karte { position: relative; display: grid; --cbimass: clamp(230px, 24vw, 400px); min-width: 0; overflow-wrap: anywhere; overflow: hidden; border-radius: var(--r-card); background: var(--surface); contain: layout paint; }
.mojo-lp .lp-cbi__karte::before { content: ""; grid-area: 1 / 1; height: var(--cbimass, clamp(230px, 24vw, 400px)); }
.mojo-lp .lp-cbi__karte > img { position: absolute; inset: 0; width: 100%; height: 100%; max-width: none; object-fit: cover; transition: transform var(--t-img) var(--ease); }
.mojo-lp .lp-cbi__karte .lp-cbi__schleier { position: absolute; inset: 0; background: linear-gradient(180deg, rgba(var(--bild-rgb),.16) 0%, rgba(var(--bild-rgb),.42) 52%, rgba(var(--bild-rgb),.92) 100%); }
.mojo-lp .lp-cbi__body { position: relative; z-index: 1; grid-area: 1 / 1; align-self: end; width: 100%; padding: clamp(18px, 2vw, 30px); display: flex; flex-direction: column; align-items: flex-start; gap: 6px; }
.mojo-lp .lp-cbi__marke { width: 44px; height: 3px; background: var(--lp-gold); margin-block-end: 4px; }
.mojo-lp.mojo-lp .lp-cbi .lp-num { display: block; margin: 0 !important; font-size: clamp(46px, 4.2vw, 82px); font-weight: 800; letter-spacing: -.03em; line-height: .95 !important; color: var(--text); font-feature-settings: "tnum" 1; }
.mojo-lp.mojo-lp .lp-cbi .lp-num em { font-style: normal; color: var(--accent); }
.mojo-lp.mojo-lp .lp-cbi .lp-num-label { font-size: 11px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: var(--text); line-height: 1.4 !important; }
@media (hover: hover) {
.mojo-lp .lp-cbi__karte:hover > img { transform: scale(1.05); }
}
.mojo-lp.lp-cpn-halter { padding: 0; overflow: clip; }
.mojo-lp .lp-cpn { position: relative; isolation: isolate; min-height: max(520px, 64svh); display: flex; align-items: flex-end; overflow: clip; }
.mojo-lp .lp-cpn__bild { position: absolute; inset: 0; }
.mojo-lp .lp-cpn__bild img { position: absolute; inset: 0; width: 100%; height: 100%; max-width: none; object-fit: cover; }
.mojo-lp .lp-cpn__bild::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(var(--bild-rgb),.42) 0%, rgba(var(--bild-rgb),.28) 40%, rgba(var(--bild-rgb),.88) 100%); }
.mojo-lp .lp-cpn__inhalt { position: relative; z-index: 1; width: 100%; padding: clamp(48px, 8vh, 96px) var(--sp-side) clamp(36px, 6vh, 72px); }
.mojo-lp.mojo-lp .lp-cpn__inhalt .lp-eyebrow { text-align: left; justify-content: flex-start; }
.mojo-lp.mojo-lp .lp-cpn__inhalt h2 { text-align: left; max-width: 22ch; color: var(--text); margin-block: 0 clamp(28px, 5vh, 56px) !important; }
.mojo-lp .lp-cpn__reihe { display: grid; grid-template-columns: repeat(4, 1fr); }
.mojo-lp .lp-cpn--3 .lp-cpn__reihe { grid-template-columns: repeat(3, 1fr); }
.mojo-lp .lp-cpn__item { min-width: 0; padding: clamp(14px, 1.6vh, 22px) clamp(16px, 1.8vw, 30px); box-shadow: inset 1.5px 0 0 rgba(var(--gold-rgb), .45); display: flex; flex-direction: column; align-items: flex-start; gap: 6px; }
.mojo-lp .lp-cpn__item:first-child { box-shadow: none; padding-inline-start: 0; }
.mojo-lp.mojo-lp .lp-cpn .lp-num { display: block; margin: 0 !important; font-size: clamp(34px, 3vw, 56px); font-weight: 800; letter-spacing: -.03em; line-height: 1 !important; color: var(--text); font-feature-settings: "tnum" 1; }
.mojo-lp.mojo-lp .lp-cpn .lp-num em { font-style: normal; color: var(--accent); }
.mojo-lp.mojo-lp .lp-cpn .lp-num-label { font-size: 11px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: var(--text); line-height: 1.4 !important; }
.mojo-lp .lp-csb { display: grid; grid-template-columns: repeat(4, 1fr); grid-auto-rows: minmax(clamp(160px, 15vw, 230px), auto); gap: clamp(10px, 1.2vw, 16px); }
.mojo-lp .lp-csb__zelle { position: relative; min-width: 0; overflow: hidden; border-radius: var(--r-card); }
.mojo-lp .lp-csb__zelle--bild img { position: absolute; inset: 0; width: 100%; height: 100%; max-width: none; object-fit: cover; transition: transform var(--t-img) var(--ease); }
.mojo-lp .lp-csb__zelle--bild .lp-csb__schleier { position: absolute; inset: 0; background: rgba(var(--bild-rgb), .22); }
.mojo-lp .lp-csb__zelle--zahl { background: var(--surface); box-shadow: inset 0 0 0 1.5px rgba(var(--gold-rgb), .35); display: flex; flex-direction: column; justify-content: center; align-items: flex-start; gap: 6px; padding: clamp(16px, 1.8vw, 28px); }
.mojo-lp.mojo-lp .lp-csb .lp-num { display: block; margin: 0 !important; font-size: clamp(34px, 2.8vw, 52px); font-weight: 800; letter-spacing: -.03em; line-height: 1 !important; color: var(--text); font-feature-settings: "tnum" 1; }
.mojo-lp.mojo-lp .lp-csb .lp-num em { font-style: normal; color: var(--accent); }
.mojo-lp.mojo-lp .lp-csb .lp-num-label { font-size: 11px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: var(--text); line-height: 1.4 !important; }
@media (hover: hover) {
.mojo-lp .lp-csb__zelle--bild:hover img { transform: scale(1.05); }
}
.mojo-lp .lp-rf-buehne.is-an { background: var(--lp-carbon); }
.mojo-lp :is(.lp-rf-buehne.is-an, .lp-rfw__buehne, .lp-rfp__buehne) { color: var(--auf-bild); }
.mojo-lp.mojo-lp :is(.lp-rf-buehne.is-an, .lp-rfw__buehne, .lp-rfp__buehne) :is(h2, h3, p, li, span, em, b, strong):not(.lp-eyebrow):not(.lp-rf__nr):not(.lp-rf__wert):not(.lp-btn) { color: var(--auf-bild); }
.mojo-lp.mojo-lp :is(.lp-rf-buehne.is-an, .lp-rfw__buehne, .lp-rfp__buehne) :is(.lp-eyebrow, .lp-rf__nr, .lp-rf__wert) { color: var(--lp-gold); }
.mojo-lp.mojo-lp .lp-rff__fakten li { font-size: 11px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; line-height: 1.65 !important; }
@media (max-width: 930px) {
.mojo-lp .lp-rfw__buehne:not(.is-an) .lp-rfw__projekt::after { background: linear-gradient(180deg, rgba(var(--bild-rgb), .5) 0%, rgba(var(--bild-rgb), .62) 44%, rgba(var(--bild-rgb), .94) 100%); }
}
@media (max-width: 930px) {
.mojo-lp .lp-cbi, .mojo-lp .lp-cbi--4 { grid-template-columns: 1fr; }
.mojo-lp .lp-cbi__karte { --cbimass: clamp(200px, 46vw, 300px); }
.mojo-lp .lp-cpn { min-height: max(480px, 72svh); }
.mojo-lp .lp-cpn__reihe, .mojo-lp .lp-cpn--3 .lp-cpn__reihe { grid-template-columns: 1fr 1fr; }
.mojo-lp .lp-cpn__item { box-shadow: none; padding-inline-start: 0; padding-block: 12px; }
.mojo-lp .lp-cpn__item:nth-child(even) { box-shadow: inset 1.5px 0 0 rgba(var(--gold-rgb), .45); padding-inline-start: clamp(14px, 4vw, 22px); }
.mojo-lp.mojo-lp .lp-cpn__inhalt h2 { text-align: left; margin-inline: 0; }
.mojo-lp.mojo-lp .lp-cpn__inhalt .lp-eyebrow { text-align: left; justify-content: flex-start; }
.mojo-lp .lp-csb { grid-template-columns: 1fr 1fr; grid-auto-rows: minmax(clamp(130px, 34vw, 180px), auto); }
}
.mojo-lp.lp-psu { padding: 0 0 clamp(48px, 8vh, 96px); }
.mojo-lp .lp-psu__buehne { position: -webkit-sticky; position: sticky; top: var(--klebe, 0px); height: calc(max(480px, 88svh) - var(--klebe, 0px)); overflow: clip; display: flex; align-items: center; }
.mojo-lp .lp-psu__buehne img { position: absolute; inset-inline: 0; inset-block-start: -12%; width: 100%; height: 124%; max-width: none; object-fit: cover; transform: translate3d(0, var(--psu, 0%), 0); will-change: transform; }
.mojo-lp .lp-psu__buehne::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(var(--bild-rgb),.5) 0%, rgba(var(--bild-rgb),.3) 50%, rgba(var(--bild-rgb),.72) 100%); }
.mojo-lp .lp-psu__karte { position: relative; z-index: 1; margin-block-start: -16svh; margin-inline: auto; width: min(920px, calc(100% - 2 * var(--sp-side))); background: var(--surface); border-radius: var(--r-card); box-shadow: inset 0 1.5px 0 rgba(var(--gold-rgb), .5), 0 -28px 70px rgba(var(--schatten-rgb), .45); padding: clamp(28px, 4vw, 56px); }
.mojo-lp.mojo-lp .lp-psu__karte p { max-width: 60ch; }
@media (max-width: 930px) {
.mojo-lp .lp-psu__buehne { height: max(420px, 72svh); }
.mojo-lp .lp-psu__karte { margin-block-start: -12svh; width: calc(100% - 32px); }
}
.mojo-lp .lp-far { display: flex; flex-direction: column; }
.mojo-lp .lp-far__eintrag { display: grid; grid-template-columns: clamp(52px, 6vw, 96px) 1fr; column-gap: clamp(16px, 2.4vw, 40px); padding-block: clamp(22px, 3.4vh, 40px); border-block-start: 1px solid var(--border); }
.mojo-lp .lp-far__eintrag:last-child { border-block-end: 1px solid var(--border); }
.mojo-lp .lp-far__nr { font-size: clamp(15px, 1.2vw, 20px); font-weight: 700; color: var(--accent); letter-spacing: .1em; line-height: 1.6 !important; font-feature-settings: "tnum" 1; }
.mojo-lp.mojo-lp .lp-far__eintrag h3 { margin: 0 0 10px !important; font-size: clamp(18px, 1.5vw, 26px); font-weight: 700 !important; line-height: 1.3 !important; color: var(--text); }
.mojo-lp.mojo-lp .lp-far__eintrag p { margin: 0 !important; max-width: 78ch; color: var(--text); }
.mojo-lp .lp-izt { position: relative; display: block; max-width: min(100%, 1240px); padding-block-start: clamp(34px, 6vh, 84px); }
.mojo-lp .lp-izt__zeichen { position: absolute; inset-block-start: 0; inset-inline-start: -.055em; z-index: 0; display: block; font-size: clamp(150px, 16vw, 320px); line-height: .78 !important; font-weight: 800; color: var(--text-leise); pointer-events: none; user-select: none; }
.mojo-lp.mojo-lp .lp-izt blockquote { position: relative; z-index: 1; margin: 0 !important; padding: 0 !important; border: 0 !important; background: none !important; box-shadow: none !important; min-width: 0; }
.mojo-lp.mojo-lp .lp-izt blockquote::before, .mojo-lp.mojo-lp .lp-izt blockquote::after { content: none !important; display: none !important; }
.mojo-lp.mojo-lp .lp-izt blockquote p { margin: 0 !important; max-width: 24ch; font-size: clamp(26px, 3.3vw, 56px); font-weight: 700; line-height: 1.22 !important; letter-spacing: -.02em; color: var(--text); }
.mojo-lp .lp-izt__wer { position: relative; z-index: 1; display: flex; align-items: center; gap: 14px; margin-block-start: clamp(20px, 3.2vh, 34px); font-size: clamp(12px, .95vw, 15px); font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: var(--text); }
.mojo-lp .lp-izt__wer::before { content: ""; width: 44px; height: 1.5px; background: var(--lp-gold); }
.mojo-lp .lp-izt__wer em { font-style: normal; color: var(--accent); }
.mojo-lp .lp-marquee--kontur .lp-marquee__item { font-size: clamp(44px, 6.5vw, 110px); font-weight: 800; letter-spacing: -.02em; text-transform: none; color: transparent; -webkit-text-stroke: 1.5px var(--kontur); }
.mojo-lp .lp-marquee--kontur .lp-marquee__item em { font-style: normal; color: var(--accent); -webkit-text-stroke: 0; }
.mojo-lp .lp-marquee--kontur .lp-marquee__track { animation-duration: 48s; }
.mojo-lp .lp-mst { display: flex; flex-direction: column; gap: clamp(6px, 1vh, 14px); }
.mojo-lp .lp-mst .lp-marquee__item { text-transform: none; letter-spacing: -.02em; font-weight: 800; }
.mojo-lp .lp-mst__hinten .lp-marquee__item { font-size: clamp(34px, 4.6vw, 76px); opacity: .3; }
.mojo-lp .lp-mst__mitte .lp-marquee__item { font-size: clamp(24px, 3.2vw, 52px); opacity: .6; }
.mojo-lp .lp-mst__vorn .lp-marquee__item { font-size: clamp(17px, 2.2vw, 34px); }
.mojo-lp .lp-mst__vorn .lp-marquee__item em { font-style: normal; color: var(--accent); }
.mojo-lp .lp-mst__hinten .lp-marquee__track { animation-duration: 64s; }
.mojo-lp .lp-mst__mitte .lp-marquee__track { animation-duration: 46s; }
.mojo-lp .lp-mst__vorn .lp-marquee__track { animation-duration: 30s; }
@media (max-width: 930px) {
.mojo-lp .lp-far__eintrag { grid-template-columns: 1fr; row-gap: 6px; }
.mojo-lp.mojo-lp .lp-far__eintrag h3, .mojo-lp.mojo-lp .lp-far__eintrag p { text-align: left; margin-inline: 0 !important; }
.mojo-lp .lp-far__nr { text-align: left; }
.mojo-lp .lp-izt { padding-block-start: clamp(22px, 5vh, 40px); }
.mojo-lp .lp-izt__zeichen { font-size: clamp(110px, 30vw, 170px); }
.mojo-lp.mojo-lp .lp-izt blockquote p { text-align: left; margin-inline: 0 !important; }
.mojo-lp .lp-izt__wer { flex-wrap: wrap; row-gap: 4px; }
}
.mojo-lp .lp-ctan { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(300px, 1fr); gap: clamp(28px, 4vw, 72px); align-items: center; }
.mojo-lp.mojo-lp .lp-ctan h2 { margin: 0 0 var(--sp-title) !important; color: var(--text); max-width: 18ch; }
.mojo-lp.mojo-lp .lp-ctan__links p { margin: 0 !important; max-width: 46ch; color: var(--text); }
.mojo-lp .lp-ctan__karte { border-radius: var(--r-card); box-shadow: inset 0 0 0 1.5px rgba(var(--gold-rgb), .5); padding: clamp(24px, 3vw, 44px); display: flex; flex-direction: column; align-items: flex-start; gap: 10px; background: var(--surface); }
.mojo-lp .lp-ctan__label { font-size: 11px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--accent); line-height: 1.5 !important; }
.mojo-lp .lp-ctan__nummer { font-size: clamp(26px, 2.6vw, 44px); font-weight: 800; letter-spacing: -.01em; line-height: 1.1 !important; color: var(--text); font-feature-settings: "tnum" 1; text-decoration: none; }
.mojo-lp a.lp-ctan__nummer:hover { color: var(--accent); }
.mojo-lp .lp-ctan__zeit { font-size: clamp(12px, .95vw, 15px); font-weight: 500; color: var(--text); line-height: 1.5 !important; }
.mojo-lp .lp-ctan__karte .lp-btn-row { margin-block-start: 10px; }
.mojo-lp .lp-ctf { max-width: 1000px; }
.mojo-lp.mojo-lp .lp-ctf h2 { margin: 0 0 clamp(22px, 3.5vh, 40px) !important; font-size: clamp(34px, 4.6vw, 76px); line-height: 1.06 !important; letter-spacing: -.025em; color: var(--text); max-width: 16ch; }
.mojo-lp.mojo-lp .lp-ctf h2 em { font-style: normal; color: var(--accent); }
.mojo-lp .lp-ctf__link { display: inline-flex; align-items: baseline; gap: 12px; font-size: clamp(18px, 1.6vw, 28px); font-weight: 700; color: var(--text); text-decoration: none; padding-block-end: 8px; position: relative; }
.mojo-lp .lp-ctf__link::after { content: ""; position: absolute; inset-inline-start: 0; inset-block-end: 0; height: 1.5px; width: 44px; background: var(--lp-gold); transition: width 400ms var(--ease); }
.mojo-lp .lp-ctf__link:hover::after, .mojo-lp .lp-ctf__link:focus-visible::after { width: 100%; }
.mojo-lp .lp-ctf__link em { font-style: normal; color: var(--accent); transition: transform 400ms var(--ease); }
.mojo-lp .lp-ctf__link:hover em { transform: translateX(6px); }
.mojo-lp .lp-ctz { display: grid; grid-template-columns: minmax(0, 1fr); gap: clamp(24px, 3.4vh, 40px); align-items: center; padding-block: clamp(38px, 6vh, 76px); box-shadow: inset 0 1.5px 0 rgba(var(--gold-rgb), .45), inset 0 -1.5px 0 rgba(var(--gold-rgb), .45); }
@media (min-width: 1024px) { .mojo-lp .lp-ctz { grid-template-columns: minmax(0, 1fr) auto; column-gap: clamp(44px, 5vw, 96px); } }
.mojo-lp .lp-ctz__liste { display: grid; grid-template-columns: repeat(auto-fit, minmax(195px, 1fr)); gap: clamp(14px, 1.6vw, 26px); }
.mojo-lp .lp-ctz__punkt { display: flex; align-items: center; gap: 14px; font-size: clamp(15px, 1.15vw, 20px); font-weight: 700; letter-spacing: .02em; color: var(--text); line-height: 1.35 !important; }
.mojo-lp .lp-ctz__punkt::before { content: "\2713"; flex: 0 0 auto; width: 32px; height: 32px; border-radius: 50%; box-shadow: inset 0 0 0 1.5px rgba(var(--gold-rgb), .75); color: var(--accent); font-size: 15px; display: inline-flex; align-items: center; justify-content: center; }
@media (max-width: 930px) {
.mojo-lp .lp-ctan { grid-template-columns: 1fr; }
.mojo-lp.mojo-lp .lp-ctan h2, .mojo-lp.mojo-lp .lp-ctan__links p { text-align: left; margin-inline: 0 !important; }
.mojo-lp .lp-ctf { }
.mojo-lp.mojo-lp .lp-ctf h2 { text-align: left; max-width: none; }
.mojo-lp .lp-ctz { grid-template-columns: 1fr; }
.mojo-lp .lp-ctz__liste { grid-template-columns: 1fr; gap: 14px; }
.mojo-lp .lp-ctz .lp-eyebrow { text-align: left; }
.mojo-lp .lp-ctz .lp-eyebrow--line { justify-content: flex-start; }
.mojo-lp .lp-ctz .lp-eyebrow--line::before { display: block; }
.mojo-lp .lp-ctz .lp-btn-row { justify-content: flex-start; }
}
.mojo-lp .lp-wsg { display: grid; grid-template-columns: clamp(240px, 22vw, 420px) minmax(0, 1fr); gap: clamp(36px, 5vw, 88px); align-items: center; }
.mojo-lp .lp-wsg__rad { position: relative; width: clamp(230px, 22vw, 420px); aspect-ratio: 1 / 1; margin-inline: auto; }
.mojo-lp .lp-wsg__rad svg { display: block; width: 100%; height: 100%; animation: lp-wsg-dreh 40s linear infinite; will-change: transform; }
.mojo-lp .lp-wsg__rad svg text { fill: var(--lp-gold); font-size: 12px; font-weight: 700; letter-spacing: .32em; text-transform: uppercase; }
@keyframes lp-wsg-dreh { to { transform: rotate(360deg); } }
.mojo-lp .lp-wsg__mitte { position: absolute; inset: 0; display: grid; place-items: center; font-size: clamp(30px, 3vw, 46px); font-weight: 800; letter-spacing: -.02em; color: var(--text); pointer-events: none; }
.mojo-lp.mojo-lp .lp-wsg__inhalt h2 { margin: 0 0 clamp(20px, 3vh, 32px) !important; color: var(--text); max-width: 20ch; }
.mojo-lp .lp-wsg__liste { display: flex; flex-direction: column; gap: clamp(16px, 2.6vh, 28px); }
@media (min-width: 1500px) {
.mojo-lp .lp-wsg__liste { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(24px, 2.4vw, 44px) clamp(32px, 3vw, 72px); }
}
.mojo-lp .lp-wsg__grund { display: grid; grid-template-columns: clamp(36px, 3vw, 52px) 1fr; column-gap: clamp(14px, 1.6vw, 24px); align-items: start; }
.mojo-lp .lp-wsg__nr { font-size: clamp(13px, 1vw, 16px); font-weight: 700; color: var(--accent); letter-spacing: .1em; line-height: 1.6 !important; font-feature-settings: "tnum" 1; }
.mojo-lp.mojo-lp .lp-wsg__grund h3 { margin: 0 0 6px !important; font-size: var(--lp-t-h3); font-weight: 700 !important; line-height: 1.25 !important; color: var(--auf-bild); }
.mojo-lp.mojo-lp .lp-wsg__grund p { margin: 0 !important; max-width: 62ch; color: var(--text); font-size: var(--lp-t-body); line-height: 1.65 !important; font-weight: var(--lp-w-body); }
@media (prefers-reduced-motion: reduce) { .mojo-lp .lp-wsg__rad svg { animation: none; } }
.mojo-lp .lp-wwl { display: grid; grid-template-columns: minmax(0, 1fr); gap: clamp(26px, 3.5vw, 64px); align-items: center; }
.mojo-lp .lp-wwl__text { min-width: 0; max-width: 1040px; }
@media (min-width: 1024px) {
.mojo-lp .lp-wwl { grid-template-columns: minmax(0, 1fr) clamp(320px, 34%, 720px); }
}
.mojo-lp .lp-wwl__bilder { position: relative; display: grid; min-height: clamp(240px, 30vw, 520px); border-radius: var(--r-card); overflow: hidden; background: var(--lp-basalt); box-shadow: inset 0 0 0 1.5px rgba(var(--gold-rgb), .35); }
.mojo-lp .lp-wwl__bild { position: relative; grid-area: 1 / 1; opacity: 0; transition: opacity 700ms var(--ease); }
.mojo-lp .lp-wwl__bild.is-da { opacity: 1; }
.mojo-lp .lp-wwl__bild img { position: absolute; inset: 0; width: 100%; height: 100%; max-width: none; object-fit: cover; }
.mojo-lp.mojo-lp .lp-wwl h2 { margin: 0 0 var(--sp-title) !important; line-height: 1.1 !important; letter-spacing: -.025em; color: var(--text); }
.mojo-lp .lp-wwl__wort { display: inline-grid; color: var(--accent); }
.mojo-lp .lp-wwl__wort span { grid-area: 1 / 1; white-space: nowrap; opacity: 0; transform: translateY(.35em); transition: opacity 480ms var(--ease), transform 480ms var(--ease); }
.mojo-lp .lp-wwl__wort span.is-da { opacity: 1; transform: none; }
.mojo-lp .lp-wwl__wort span.is-weg { opacity: 0; transform: translateY(-.35em); }
.mojo-lp.mojo-lp .lp-wwl p:not(.lp-eyebrow) { margin: 0 0 clamp(24px, 3.5vh, 38px) !important; max-width: 74ch; color: var(--text); }
.mojo-lp .lp-wnr { display: flex; flex-direction: column; }
.mojo-lp .lp-wnr__grund { display: grid; grid-template-columns: minmax(0, 1fr) auto; column-gap: clamp(20px, 4vw, 72px); align-items: center; padding-block: clamp(26px, 4.5vh, 52px); border-block-start: 1px solid var(--border); }
.mojo-lp .lp-wnr__grund:last-child { border-block-end: 1px solid var(--border); }
.mojo-lp.mojo-lp .lp-wnr__grund h3 { margin: 0 0 10px !important; font-size: var(--lp-t-h3); font-weight: 700 !important; line-height: 1.25 !important; color: var(--text); max-width: 24ch; }
.mojo-lp.mojo-lp .lp-wnr__grund p { margin: 0 !important; max-width: 74ch; color: var(--text); font-size: var(--lp-t-body); line-height: 1.65 !important; font-weight: var(--lp-w-body); }
.mojo-lp .lp-wnr__zahl { font-size: clamp(64px, 10vw, 160px); font-weight: 800; line-height: 1 !important; letter-spacing: -.04em; color: transparent; -webkit-text-stroke: 1.5px rgba(var(--gold-rgb), .38); font-feature-settings: "tnum" 1; transition: -webkit-text-stroke-color 350ms var(--ease); }
.mojo-lp .lp-wnr__grund:hover .lp-wnr__zahl { -webkit-text-stroke-color: rgba(var(--gold-rgb), .85); }
@media (max-width: 930px) {
.mojo-lp .lp-wsg .lp-eyebrow--line, .mojo-lp .lp-wwl .lp-eyebrow--line { justify-content: flex-start; }
.mojo-lp .lp-wsg { grid-template-columns: 1fr; row-gap: 30px; }
.mojo-lp .lp-wsg__rad { width: 200px; }
.mojo-lp.mojo-lp .lp-wsg__inhalt h2 { text-align: left; max-width: none; }
.mojo-lp.mojo-lp .lp-wsg__grund h3, .mojo-lp.mojo-lp .lp-wsg__grund p { text-align: left; margin-inline: 0 !important; }
.mojo-lp .lp-wsg__nr { text-align: left; }
.mojo-lp.mojo-lp .lp-wwl h2 { text-align: left; }
.mojo-lp.mojo-lp .lp-wwl p:not(.lp-eyebrow) { text-align: left; margin-inline: 0 !important; }
.mojo-lp .lp-wwl .lp-btn-row { justify-content: flex-start; }
.mojo-lp .lp-wnr__grund { column-gap: 16px; }
.mojo-lp .lp-wnr__zahl { font-size: clamp(40px, 13vw, 64px); }
.mojo-lp.mojo-lp .lp-wnr__grund h3, .mojo-lp.mojo-lp .lp-wnr__grund p { text-align: left; margin-inline: 0 !important; }
}
.mojo-lp .lp-pgs { display: flex; flex-direction: column; gap: clamp(14px, 2.2vh, 24px); max-width: 900px; }
.mojo-lp.mojo-lp .lp-pgs p { margin: 0 !important; font-size: clamp(20px, 2.2vw, 36px); font-weight: 700; line-height: 1.35 !important; letter-spacing: -.015em; color: var(--text); }
.mojo-lp .lp-pgs__alt { text-decoration: line-through; text-decoration-thickness: 1.5px; text-decoration-color: var(--accent); opacity: .45; }
.lp-js .mojo-lp .lp-pgs p[data-reveal] .lp-pgs__alt { text-decoration-color: transparent; opacity: 1; transition: text-decoration-color 600ms var(--ease) var(--pgs-d, 0ms), opacity 500ms var(--ease) calc(var(--pgs-d, 0ms) + 420ms); }
.lp-js .mojo-lp .lp-pgs p[data-reveal].is-in .lp-pgs__alt { text-decoration-color: var(--accent); opacity: .45; }
.mojo-lp .lp-pgs p:nth-of-type(2) { --pgs-d: 380ms; }
.mojo-lp .lp-pgs p:nth-of-type(3) { --pgs-d: 760ms; }
.mojo-lp .lp-pgs p:nth-of-type(4) { --pgs-d: 1140ms; }
.mojo-lp .lp-pgs p:nth-of-type(5) { --pgs-d: 1520ms; }
.mojo-lp.mojo-lp p.lp-pgs__frei { color: var(--accent); margin-block-start: clamp(8px, 1.6vh, 16px) !important; }
@media (prefers-reduced-motion: reduce) {
.lp-js .mojo-lp .lp-pgs__alt { transition: none !important; }
}
.mojo-lp .lp-prg { max-width: 880px; display: flex; flex-direction: column; }
.mojo-lp .lp-prg__zeile { display: flex; align-items: baseline; gap: clamp(10px, 1.4vw, 18px); padding-block: clamp(12px, 2vh, 20px); }
.mojo-lp.mojo-lp .lp-prg__zeile h3 { margin: 0 !important; font-size: clamp(16px, 1.35vw, 23px); font-weight: 700 !important; line-height: 1.3 !important; color: var(--text); }
.mojo-lp .lp-prg__punkte { flex: 1 1 40px; min-width: 40px; align-self: flex-end; margin-block-end: 7px; border-block-end: 2px dotted rgba(var(--kante-rgb), .22); }
.mojo-lp .lp-prg__folge { flex: 0 0 auto; max-width: 40%; font-size: clamp(14px, 1.15vw, 19px); font-weight: 700; color: var(--accent); font-feature-settings: "tnum" 1; text-align: end; line-height: 1.4 !important; }
.mojo-lp .lp-prg__summe { margin-block-start: clamp(10px, 2vh, 18px); padding-block-start: clamp(14px, 2.2vh, 22px); border-block-start: 1px solid var(--border); display: flex; justify-content: space-between; align-items: baseline; gap: 18px; flex-wrap: wrap; }
.mojo-lp.mojo-lp .lp-prg__summe p { margin: 0 !important; font-weight: 700; color: var(--text); }
.mojo-lp.mojo-lp .lp-prg__summe p.lp-prg__fazit { color: var(--accent); font-size: clamp(16px, 1.35vw, 23px); }
@media (max-width: 930px) {
.mojo-lp.mojo-lp .lp-pgs p { text-align: left; margin-inline: 0 !important; }
.mojo-lp .lp-prg__zeile { flex-wrap: wrap; row-gap: 6px; }
.mojo-lp.mojo-lp .lp-prg__zeile h3 { flex: 1 1 100%; text-align: left; }
.mojo-lp .lp-prg__folge { max-width: none; }
.mojo-lp.mojo-lp .lp-prg__summe p { text-align: left; margin-inline: 0 !important; }
}
.mojo-lp .lp-stf { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.05fr); gap: clamp(32px, 4.5vw, 84px); align-items: center; }
.mojo-lp .lp-stf__liste { display: flex; flex-direction: column; gap: clamp(8px, 1.4vh, 14px); align-self: start; }
.mojo-lp .lp-stf__punkt { display: grid; grid-template-columns: clamp(30px, 2.4vw, 44px) 1fr; column-gap: clamp(12px, 1.4vw, 20px); align-items: start; text-align: left; padding: clamp(12px, 1.8vh, 18px) clamp(14px, 1.6vw, 22px); background: none; border: 0; border-radius: var(--r-ui); cursor: pointer; opacity: .55; transition: opacity var(--t-ui) var(--ease), box-shadow var(--t-ui) var(--ease); font: inherit; color: inherit; }
.mojo-lp .lp-stf__punkt:hover { opacity: .85; }
.mojo-lp .lp-stf__punkt {
border-inline-start: 2px solid rgba(var(--kante-rgb), .22);
border-start-start-radius: 0; border-end-start-radius: 0;
transition: opacity var(--t-ui) var(--ease), border-color var(--t-ui) var(--ease), background var(--t-ui) var(--ease);
}
.mojo-lp .lp-stf__punkt:hover { border-inline-start-color: rgba(var(--gold-rgb), .5); }
.mojo-lp .lp-stf__punkt.is-aktiv { opacity: 1; border-inline-start-color: var(--lp-gold); background: rgba(var(--gold-rgb), .07); box-shadow: none; }
.mojo-lp .lp-stf__punkt:focus-visible { outline: 1.5px solid var(--lp-gold); outline-offset: 2px; }
.mojo-lp .lp-stf__nr { font-size: 11px; font-weight: 700; color: var(--accent); letter-spacing: .14em; text-transform: uppercase; line-height: 1.65 !important; font-feature-settings: "tnum" 1; }
.mojo-lp.mojo-lp .lp-stf__punkt h3 { margin: 0 0 var(--sp-title) !important; font-size: var(--lp-t-h3); font-weight: 700 !important; line-height: 1.25 !important; color: var(--text); }
.mojo-lp.mojo-lp .lp-stf__punkt p { margin: 0 !important; font-size: var(--lp-t-body); line-height: 1.65 !important; color: var(--text); }
.mojo-lp .lp-stf__buehne { position: relative; aspect-ratio: 5 / 4; min-height: 300px; }
.mojo-lp .lp-stf__karte { position: absolute; inset-block-start: 6%; inset-inline-start: 12%; width: 76%; aspect-ratio: 3 / 2; border-radius: var(--r-card); overflow: hidden; background: var(--surface); box-shadow: 0 24px 60px rgba(var(--schatten-rgb), .45); transform-origin: 50% 130%; transition: transform 700ms var(--ease), filter 700ms var(--ease); will-change: transform; }
.mojo-lp .lp-stf__karte img { position: absolute; inset: 0; width: 100%; height: 100%; max-width: none; object-fit: cover; }
.mojo-lp .lp-stf__karte:nth-child(1) { transform: rotate(-10deg); }
.mojo-lp .lp-stf__karte:nth-child(2) { transform: rotate(-3.5deg); }
.mojo-lp .lp-stf__karte:nth-child(3) { transform: rotate(3.5deg); }
.mojo-lp .lp-stf__karte:nth-child(4) { transform: rotate(10deg); }
.mojo-lp .lp-stf__karte:not(.is-aktiv) { filter: grayscale(.65) brightness(.6); }
.mojo-lp .lp-stf__karte.is-aktiv { transform: rotate(0deg) scale(1.05); z-index: 5; }
@media (prefers-reduced-motion: reduce) { .mojo-lp .lp-stf__karte { transition: filter 300ms var(--ease); } }
.mojo-lp .lp-sts__werk { max-width: min(100%, 1000px); margin-inline: auto; }
.mojo-lp .lp-sts__stoss { position: relative; }
.mojo-lp .lp-sts__blatt { position: absolute; inset-inline: 0; inset-block-end: 0; height: 44px; border: 1px solid var(--border); border-radius: var(--r-card); background: var(--surface); transition: opacity 320ms var(--ease); }
.mojo-lp .lp-sts__blatt:nth-child(1) { transform: translateY(10px) scaleX(.985); z-index: 3; }
.mojo-lp .lp-sts__blatt:nth-child(2) { transform: translateY(20px) scaleX(.965); z-index: 2; }
.mojo-lp .lp-sts__blatt:nth-child(3) { transform: translateY(30px) scaleX(.945); z-index: 1; }
.mojo-lp .lp-sts__blatt.is-weg { opacity: 0; }
.mojo-lp .lp-sts__karte { --sts-pad: clamp(24px, 3.4vw, 48px); --sts-luft: calc(clamp(16px, 2.6vh, 26px) + 32px); position: relative; z-index: 4; border: 1px solid var(--border); border-radius: var(--r-card); background: var(--surface); padding: var(--sts-pad); overflow: hidden; }
.mojo-lp .lp-sts__karte { position: relative; transition: height 340ms cubic-bezier(.4, 0, .2, 1) 150ms; }
@media (prefers-reduced-motion: reduce) { .mojo-lp .lp-sts__karte { transition: none; } }
.mojo-lp .lp-sts__seite { min-width: 0; }
.mojo-lp .lp-sts__seite { position: absolute; inset-block-start: var(--sts-pad); inset-inline: var(--sts-pad); opacity: 0; visibility: hidden; transition: opacity 120ms var(--ease), visibility 0s 120ms; }
.mojo-lp .lp-sts__karte:not(:has(> .lp-sts__seite.is-aktiv)) > .lp-sts__seite:has(> .lp-sts__schalter:checked) { position: relative; inset-block-start: 0; inset-inline: 0; opacity: 1; visibility: visible; }
.mojo-lp .lp-sts__seite.is-aktiv { position: relative; inset-block-start: 0; inset-inline: 0; opacity: 1; visibility: visible; transition: opacity 320ms var(--ease) 70ms, visibility 0s; }
.mojo-lp .lp-sts__karte.is-lauf > .lp-sts__seite, .mojo-lp .lp-sts__karte.is-lauf > .lp-sts__seite.is-aktiv {
position: absolute; inset-block-start: var(--sts-pad); inset-inline: var(--sts-pad);
}
.mojo-lp.mojo-lp .lp-sts__seite .lp-list { margin-block-end: 0 !important; }
.mojo-lp .lp-sts__tag { display: inline-block; font-size: 11px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--accent); margin-block-end: 10px; line-height: 1.5 !important; }
.mojo-lp.mojo-lp .lp-sts__seite h3 { margin: 0 0 var(--sp-title) !important; font-size: var(--lp-t-h3); font-weight: 700 !important; line-height: 1.25 !important; color: var(--text); max-width: 24ch; }
.mojo-lp.mojo-lp .lp-sts__seite p { margin: 0 !important; max-width: none; color: var(--text); font-size: var(--lp-t-body); line-height: 1.65 !important; }
.mojo-lp .lp-sts__werk { position: relative; }
.mojo-lp .lp-sts__schalter { position: absolute; width: 1px; height: 1px; opacity: 0; pointer-events: none; margin: 0; }
.mojo-lp .lp-sts__zeile { display: flex; align-items: center; justify-content: space-between; gap: 18px; flex-wrap: wrap; margin-block-start: calc(clamp(16px, 2.6vh, 26px) + 12px); padding-block-start: clamp(16px, 2.6vh, 26px); border-block-start: 1px solid var(--border); }
.mojo-lp.mojo-lp .lp-sts__zeile .lp-sts__weiter { margin: 0; text-decoration: none; }
.mojo-lp .lp-sts__zaehler { font-size: 11px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--accent); font-feature-settings: "tnum" 1; line-height: 1.65 !important; }
.mojo-lp.mojo-lp .lp-sts__weiter { text-decoration: none !important; }
.mojo-lp .lp-sts__weiter { display: inline-flex; align-items: center; gap: 10px; padding: 12px 22px; border-radius: 999px; box-shadow: inset 0 0 0 1.5px rgba(var(--gold-rgb), .55); background: none; border: 0; color: var(--text); font: inherit; font-size: 15px; font-weight: 600; line-height: 1.2; letter-spacing: .04em; cursor: pointer; transition: background var(--t-ui) var(--ease), color var(--t-ui) var(--ease); }
.mojo-lp .lp-sts__weiter em { font-style: normal; transition: transform var(--t-ui) var(--ease); }
.mojo-lp .lp-sts__weiter:hover { background: var(--lp-gold); color: var(--auf-gold); }
.mojo-lp .lp-sts__weiter:hover em { transform: translateX(4px); }
.mojo-lp .lp-sts__weiter:focus-visible { outline: 1.5px solid var(--lp-gold); outline-offset: 3px; }
.mojo-lp .lp-stt { display: flex; flex-direction: column; }
.mojo-lp .lp-stt__karte { position: relative; width: 62%; background: var(--surface); border: 1px solid var(--border); border-radius: var(--r-card); padding: clamp(22px, 3vw, 40px); padding-block-end: clamp(52px, 7vh, 76px); box-shadow: 0 18px 44px rgba(var(--schatten-rgb), .38); transition: border-color var(--t-ui) var(--ease); }
.mojo-lp .lp-stt__karte:hover { border-color: rgba(var(--gold-rgb), .5); }
.mojo-lp .lp-stt__karte + .lp-stt__karte { margin-block-start: clamp(-44px, -5vh, -26px); }
.mojo-lp .lp-stt__karte:nth-child(2) { margin-inline-start: 12.5%; z-index: 2; }
.mojo-lp .lp-stt__karte:nth-child(3) { margin-inline-start: 25%; z-index: 3; }
.mojo-lp .lp-stt__karte:nth-child(4) { margin-inline-start: 37.5%; z-index: 4; }
.mojo-lp .lp-stt__nr { display: block; font-size: clamp(22px, 2.2vw, 36px); font-weight: 800; letter-spacing: -.02em; color: var(--accent); line-height: 1 !important; margin-block-end: 12px; font-feature-settings: "tnum" 1; }
.mojo-lp.mojo-lp .lp-stt__karte h3 { margin: 0 0 var(--sp-title) !important; font-size: var(--lp-t-h3); font-weight: 700 !important; line-height: 1.25 !important; color: var(--text); max-width: 24ch; }
.mojo-lp.mojo-lp .lp-stt__karte p { margin: 0 !important; max-width: 46ch; color: var(--text); font-size: var(--lp-t-body); line-height: 1.65 !important; }
@media (max-width: 930px) {
.mojo-lp .lp-stf { grid-template-columns: 1fr; row-gap: 26px; }
.mojo-lp .lp-stf__buehne { order: -1; aspect-ratio: 4 / 3; min-height: 0; }
.mojo-lp.mojo-lp .lp-stf__punkt h3, .mojo-lp.mojo-lp .lp-stf__punkt p { text-align: left; margin-inline: 0 !important; }
.mojo-lp.mojo-lp .lp-sts__seite h3, .mojo-lp.mojo-lp .lp-sts__seite p { text-align: left; margin-inline: 0 !important; }
.mojo-lp .lp-stt__karte { width: calc(100% - 42px); padding-block-end: clamp(40px, 6vh, 56px); }
.mojo-lp .lp-stt__karte + .lp-stt__karte { margin-block-start: -18px; }
.mojo-lp .lp-stt__karte:nth-child(2) { margin-inline-start: 14px; }
.mojo-lp .lp-stt__karte:nth-child(3) { margin-inline-start: 28px; }
.mojo-lp .lp-stt__karte:nth-child(4) { margin-inline-start: 42px; }
.mojo-lp.mojo-lp .lp-stt__karte h3, .mojo-lp.mojo-lp .lp-stt__karte p { text-align: left; margin-inline: 0 !important; }
}
.mojo-lp .lp-pkt { display: grid; grid-template-columns: minmax(0, 1.5fr) minmax(280px, 1fr); gap: clamp(28px, 4vw, 72px); align-items: center; }
.mojo-lp .lp-pkt__motiv { position: relative; aspect-ratio: 16 / 10; border-radius: var(--r-card); overflow: hidden; background: var(--lp-basalt); }
.mojo-lp .lp-pkt__motiv img { position: absolute; inset: 0; width: 100%; height: 100%; max-width: none; object-fit: cover; }
.mojo-lp .lp-pkt__punkt { position: absolute; width: 30px; height: 30px; margin: -15px 0 0 -15px; border-radius: 50%; background: rgba(10, 11, 7, .55); box-shadow: inset 0 0 0 1.5px rgba(var(--gold-rgb), .9); cursor: pointer; display: grid; place-items: center; transition: background var(--t-ui) var(--ease); }
.mojo-lp .lp-pkt__punkt::before { content: ""; position: absolute; inset: 0; border-radius: 50%; animation: lp-pkt-puls 2.2s var(--ease) infinite; }
.mojo-lp .lp-pkt__punkt::after { content: ""; width: 8px; height: 8px; border-radius: 50%; background: var(--lp-gold); transition: background var(--t-ui) var(--ease); }
.mojo-lp .lp-pkt__punkt.is-aktiv { background: var(--lp-gold); }
.mojo-lp .lp-pkt__punkt.is-aktiv::after { background: var(--auf-gold); }
.mojo-lp .lp-pkt__punkt:focus-visible { outline: 1.5px solid var(--lp-gold); outline-offset: 3px; }
@keyframes lp-pkt-puls { 0% { box-shadow: 0 0 0 0 rgba(var(--gold-rgb), .45); } 100% { box-shadow: 0 0 0 16px rgba(var(--gold-rgb), 0); } }
.mojo-lp .lp-pkt__infos { display: grid; grid-template-columns: minmax(0, 1fr); }
.mojo-lp .lp-pkt__info { grid-area: 1 / 1; min-width: 0; display: none; }
.mojo-lp .lp-pkt__info.is-aktiv { display: block; animation: lp-pkt-ein 340ms var(--ease) both; }
@keyframes lp-pkt-ein { from { opacity: 0; } to { opacity: 1; } }
@media (prefers-reduced-motion: reduce) { .mojo-lp .lp-pkt__info.is-aktiv { animation: none; } }
.mojo-lp .lp-pkt__nr { display: block; font-size: clamp(12px, .95vw, 15px); font-weight: 700; letter-spacing: .1em; color: var(--accent); font-feature-settings: "tnum" 1; margin-block-end: 8px; line-height: 1.6 !important; }
.mojo-lp.mojo-lp .lp-pkt__info h3 { margin: 0 0 8px !important; font-size: var(--lp-t-h3); font-weight: 700 !important; line-height: 1.25 !important; color: var(--text); }
.mojo-lp.mojo-lp .lp-pkt__info p { margin: 0 !important; max-width: none; color: var(--text); font-size: var(--lp-t-body); line-height: 1.65 !important; }
.mojo-lp .lp-pkt__wert { display: inline-block; margin-block-start: 12px; font-size: clamp(13px, 1vw, 16px); font-weight: 700; color: var(--accent); font-feature-settings: "tnum" 1; }
.mojo-lp .lp-pkt__info .lp-btn-row { margin-block-start: calc(var(--sp-stack) + 6px); }
@media (max-width: 930px) {
.mojo-lp .lp-pkt { grid-template-columns: 1fr; row-gap: 22px; }
.mojo-lp .lp-pkt__punkt { width: 26px; height: 26px; margin: -13px 0 0 -13px; }
.mojo-lp.mojo-lp .lp-pkt__info h3, .mojo-lp.mojo-lp .lp-pkt__info p { text-align: left; margin-inline: 0 !important; }
}
@media (prefers-reduced-motion: reduce) { .mojo-lp .lp-pkt__punkt::before { animation: none; } }
.mojo-lp .lp-sbl { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr); gap: clamp(28px, 4vw, 72px); align-items: stretch; }
.mojo-lp .lp-sbl__text { align-self: center; min-width: 0; }
.mojo-lp.mojo-lp .lp-sbl h2 { margin: 0 0 var(--sp-title) !important; color: var(--text); max-width: 20ch; }
.mojo-lp.mojo-lp .lp-sbl__text p:not(.lp-eyebrow) { margin: 0 0 18px !important; max-width: none; color: var(--text); }
.mojo-lp .lp-sbl__motiv { position: relative; align-self: stretch; min-height: var(--lp-split-min); border-radius: var(--r-card); overflow: hidden; background: var(--lp-basalt); }
.mojo-lp .lp-sbl__motiv img { position: absolute; inset: 0; width: 100%; height: 100%; max-width: none; object-fit: cover; }
.mojo-lp .lp-sbl__motiv::before, .mojo-lp .lp-sbl__motiv::after { content: ""; position: absolute; inset-block: 0; width: 51%; background: #0B0B0C; z-index: 2; }
.mojo-lp .lp-sbl__motiv::before { inset-inline-start: 0; transform: translateX(-102%); }
.mojo-lp .lp-sbl__motiv::after { inset-inline-end: 0; transform: translateX(102%); }
.lp-js .mojo-lp .lp-sbl[data-reveal] .lp-sbl__motiv::before, .lp-js .mojo-lp .lp-sbl[data-reveal] .lp-sbl__motiv::after { transform: translateX(0); transition: transform 950ms var(--ease) 150ms; }
.lp-js .mojo-lp .lp-sbl[data-reveal].is-in .lp-sbl__motiv::before { transform: translateX(-102%); }
.lp-js .mojo-lp .lp-sbl[data-reveal].is-in .lp-sbl__motiv::after { transform: translateX(102%); }
@media (prefers-reduced-motion: reduce) { .lp-js .mojo-lp .lp-sbl__motiv::before, .lp-js .mojo-lp .lp-sbl__motiv::after { transition: none !important; } }
.mojo-lp .lp-smk { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr); gap: clamp(28px, 4vw, 72px); align-items: stretch; }
.mojo-lp .lp-smk__text { align-self: center; min-width: 0; }
.mojo-lp.mojo-lp .lp-smk h2 { margin: 0 0 var(--sp-title) !important; color: var(--text); max-width: 20ch; }
.mojo-lp.mojo-lp .lp-smk__text p:not(.lp-eyebrow) { margin: 0 0 18px !important; max-width: none; color: var(--text); }
.mojo-lp .lp-smk__bildraster { display: grid; grid-template-columns: 1fr 1fr; grid-auto-rows: 1fr; gap: 4px; align-self: stretch; min-height: var(--lp-split-min); border-radius: var(--r-card); overflow: hidden; }
.mojo-lp .lp-smk__bildteil { position: relative; overflow: hidden; background: var(--lp-basalt); display: grid; }
.mojo-lp .lp-smk__bildteil > *, .mojo-lp .lp-smk__bildteil > picture > img { grid-area: 1 / 1; min-width: 0; min-height: 0; }
.mojo-lp .lp-smk__bildteil img {
display: block; width: 100%; height: 100%; max-width: none;
object-fit: cover; transform: scale(2); backface-visibility: hidden;
}
.mojo-lp .lp-smk__bildteil:nth-child(1) img { transform-origin: 0% 0%; }
.mojo-lp .lp-smk__bildteil:nth-child(2) img { transform-origin: 100% 0%; }
.mojo-lp .lp-smk__bildteil:nth-child(3) img { transform-origin: 0% 100%; }
.mojo-lp .lp-smk__bildteil:nth-child(4) img { transform-origin: 100% 100%; }
.lp-js .mojo-lp [data-reveal] .lp-smk__bildteil { opacity: 0; transition: transform 800ms var(--ease), opacity 600ms var(--ease); }
.lp-js .mojo-lp [data-reveal] .lp-smk__bildteil:nth-child(1) { transform: translate(-26px, -26px); }
.lp-js .mojo-lp [data-reveal] .lp-smk__bildteil:nth-child(2) { transform: translate(26px, -26px); transition-delay: 120ms; }
.lp-js .mojo-lp [data-reveal] .lp-smk__bildteil:nth-child(3) { transform: translate(-26px, 26px); transition-delay: 240ms; }
.lp-js .mojo-lp [data-reveal] .lp-smk__bildteil:nth-child(4) { transform: translate(26px, 26px); transition-delay: 360ms; }
.lp-js .mojo-lp [data-reveal].is-in .lp-smk__bildteil { opacity: 1; transform: none; }
@media (prefers-reduced-motion: reduce) { .lp-js .mojo-lp .lp-smk__bildteil { transition: none !important; } }
.mojo-lp .lp-suf { display: grid; grid-template-columns: 1fr; gap: clamp(24px, 3vw, 56px); align-items: stretch; }
.mojo-lp .lp-suf__satz { display: flow-root; max-width: 920px; min-width: 0; }
.mojo-lp .lp-suf__spalte { display: none; }
@media (min-width: 1000px) {
.mojo-lp .lp-suf__satz { max-width: 1100px; }
.mojo-lp .lp-suf__motiv { width: clamp(240px, 24vw, 380px); }
}
@media (min-width: 1600px) {
.mojo-lp .lp-suf { grid-template-columns: min(1100px, 56%) minmax(320px, 1fr); }
.mojo-lp .lp-suf__satz { max-width: none; }
.mojo-lp .lp-suf__spalte { display: block; position: relative; overflow: hidden; border-radius: var(--r-card); background: var(--surface); box-shadow: inset 0 0 0 1.5px rgba(var(--gold-rgb), .4); min-height: var(--lp-split-min); }
.mojo-lp .lp-suf__spalte img { position: absolute; inset: 0; width: 100%; height: 100%; max-width: none; object-fit: cover; }
}
.mojo-lp .lp-suf__motiv { float: inline-start; width: clamp(190px, 24vw, 320px); aspect-ratio: 1 / 1; border-radius: 50%; overflow: hidden; position: relative; background: var(--lp-basalt); shape-outside: circle(50%); shape-margin: clamp(20px, 2.6vw, 38px); margin: 8px clamp(20px, 2.6vw, 38px) 14px 0; box-shadow: 0 0 0 1.5px rgba(var(--gold-rgb), .4); }
.mojo-lp .lp-suf__motiv img { position: absolute; inset: 0; width: 100%; height: 100%; max-width: none; object-fit: cover; }
.mojo-lp.mojo-lp .lp-suf p { margin: 0 0 16px !important; max-width: none; color: var(--text); text-align: left; font-size: var(--lp-t-body); line-height: 1.65 !important; }
.mojo-lp .lp-suf p:first-of-type::first-letter { float: left; font-size: 3.1em; line-height: .82 !important; font-weight: 800; color: var(--accent); padding: 4px 12px 0 0; }
.mojo-lp .lp-sbl--flip { grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr); }
.mojo-lp .lp-sbl--flip > .lp-sbl__motiv { order: -1; }
.mojo-lp .lp-smk--flip { grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr); }
.mojo-lp .lp-smk--flip > .lp-smk__bildraster { order: 1; }
@media (max-width: 930px) {
.mojo-lp .lp-sbl, .mojo-lp .lp-smk { grid-template-columns: 1fr; row-gap: 22px; }
.mojo-lp .lp-sbl__motiv, .mojo-lp .lp-smk__bildraster { aspect-ratio: 4 / 3; min-height: 0; }
.mojo-lp .lp-smk__bildraster { order: -1; }
.mojo-lp.mojo-lp .lp-sbl h2, .mojo-lp.mojo-lp .lp-smk h2 { text-align: left; max-width: none; }
.mojo-lp.mojo-lp .lp-sbl__text p:not(.lp-eyebrow), .mojo-lp.mojo-lp .lp-smk__text p:not(.lp-eyebrow) { text-align: left; margin-inline: 0 !important; }
.mojo-lp .lp-sbl .lp-btn-row, .mojo-lp .lp-smk .lp-btn-row { justify-content: flex-start; }
.mojo-lp .lp-sbl--flip > .lp-sbl__motiv { order: 1; }
.mojo-lp .lp-smk--flip > .lp-smk__bildraster { order: -1; }
.mojo-lp .lp-sbl .lp-eyebrow, .mojo-lp .lp-smk .lp-eyebrow { text-align: left; }
.mojo-lp .lp-sbl .lp-eyebrow--line, .mojo-lp .lp-smk .lp-eyebrow--line { justify-content: flex-start; }
.mojo-lp .lp-sbl .lp-eyebrow--line::before, .mojo-lp .lp-smk .lp-eyebrow--line::before { display: block; }
.mojo-lp .lp-suf__motiv { float: none; margin: 0 auto 22px; }
.mojo-lp.mojo-lp .lp-suf p { text-align: left; margin-inline: 0 !important; }
}
.mojo-lp .lp-igr { display: grid; grid-template-columns: minmax(0, 1fr); gap: clamp(26px, 3.5vw, 64px); align-items: start; }
@media (min-width: 1024px) {
.mojo-lp .lp-igr { grid-template-columns: minmax(0, 1.1fr) minmax(320px, .9fr); }
}
.mojo-lp .lp-igr__text { min-width: 0; }
.mojo-lp.mojo-lp .lp-igr__text h2 { margin: 0 0 var(--sp-title) !important; max-width: 20ch; color: var(--text); }
.mojo-lp.mojo-lp .lp-igr__text p:not(.lp-eyebrow) { margin: 0 0 16px !important; max-width: 62ch; color: var(--text); }
.mojo-lp .lp-igr__seite { min-width: 0; display: flex; flex-direction: column; gap: clamp(18px, 2.4vh, 26px); padding: clamp(26px, 2.8vw, 46px); border-radius: var(--r-card); background: linear-gradient(180deg, rgba(var(--kante-rgb), .045) 0%, rgba(var(--kante-rgb), .015) 100%); box-shadow: inset 0 0 0 1.5px rgba(var(--gold-rgb), .45); }
.mojo-lp.mojo-lp .lp-igr__label { margin: 0 !important; font-size: 11px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; line-height: 1.65 !important; color: var(--accent); }
.mojo-lp .lp-igr__punkte { display: flex; flex-direction: column; }
.mojo-lp .lp-igr__punkt { display: grid; grid-template-columns: 32px minmax(0, 1fr); column-gap: 16px; align-items: center; padding-block: clamp(13px, 1.8vh, 18px); }
.mojo-lp .lp-igr__punkt + .lp-igr__punkt { box-shadow: inset 0 1px 0 rgba(var(--gold-rgb), .22); }
.mojo-lp .lp-igr__punkt::before { content: "\2713"; width: 32px; height: 32px; border-radius: 50%; box-shadow: inset 0 0 0 1.5px rgba(var(--gold-rgb), .7); color: var(--accent); font-size: 15px; display: inline-flex; align-items: center; justify-content: center; }
.mojo-lp.mojo-lp .lp-igr__punkt span { font-size: var(--lp-t-body); font-weight: var(--lp-w-body); line-height: 1.65 !important; color: var(--text); text-align: left; }
.mojo-lp .lp-igr__seite .lp-btn-row { margin: 0; }
.mojo-lp .lp-igr__seite .lp-btn { width: 100%; }
.mojo-lp .lp-fqg { display: grid; grid-template-columns: minmax(0, 1fr); gap: clamp(24px, 3vw, 56px); align-items: start; }
@media (min-width: 1024px) {
.mojo-lp .lp-fqg { grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr); grid-template-rows: auto minmax(0, 1fr); column-gap: clamp(32px, 4vw, 80px); row-gap: clamp(16px, 2.4vh, 28px); }
.mojo-lp .lp-fqg__titel { grid-column: 1; grid-row: 1; }
.mojo-lp .lp-fqg__text { grid-column: 1; grid-row: 2; }
.mojo-lp .lp-fqg__fragen { grid-column: 2; grid-row: 2; }
}
.mojo-lp .lp-fqg__titel, .mojo-lp .lp-fqg__text { min-width: 0; }
.mojo-lp.mojo-lp .lp-fqg__titel h2 { margin: 0 !important; max-width: 18ch; color: var(--text); }
.mojo-lp.mojo-lp .lp-fqg__text p:not(.lp-eyebrow) { margin: 0 0 var(--sp-stack) !important; max-width: 54ch; color: var(--text); }
.mojo-lp .lp-fqg__fragen { min-width: 0; }
@media (max-width: 930px) {
.mojo-lp.mojo-lp .lp-igr__text h2, .mojo-lp.mojo-lp .lp-fqg__titel h2 { text-align: left; max-width: none; }
.mojo-lp.mojo-lp .lp-igr__text p:not(.lp-eyebrow), .mojo-lp.mojo-lp .lp-fqg__text p:not(.lp-eyebrow) { text-align: left; margin-inline: 0 !important; }
.mojo-lp .lp-igr .lp-eyebrow, .mojo-lp .lp-fqg .lp-eyebrow { text-align: left; }
.mojo-lp .lp-igr .lp-eyebrow--line, .mojo-lp .lp-fqg .lp-eyebrow--line { justify-content: flex-start; }
.mojo-lp .lp-igr .lp-eyebrow--line::before, .mojo-lp .lp-fqg .lp-eyebrow--line::before { display: block; }
.mojo-lp .lp-igr__seite .lp-btn-row { justify-content: flex-start; }
}
.mojo-lp.lp-swg { padding-inline: 0; }
.mojo-lp .lp-swg { position: relative; }
.mojo-lp .lp-swg__buehne { position: relative; display: grid; grid-template-rows: auto minmax(0, 1fr); background: var(--lp-carbon); }
.mojo-lp .lp-swg__buehne.is-an { height: calc(100svh - var(--klebe, 0px)); overflow: clip; }
.mojo-lp .lp-swg__kopf { padding: clamp(22px, 3.4vh, 46px) var(--sp-side) var(--sp-head); }
.mojo-lp.mojo-lp .lp-swg__kopf, .mojo-lp.mojo-lp .lp-swg__kopf :is(h2, p, em, span, b, strong):not(.lp-eyebrow) { color: var(--auf-bild); }
.mojo-lp.mojo-lp .lp-swg__kopf .lp-eyebrow { color: var(--lp-gold); }
.mojo-lp.mojo-lp .lp-swg__kopf .lp-eyebrow--line::before { background: var(--lp-gold); }
.mojo-lp.mojo-lp .lp-swg__kopf h2 { margin: 0 !important; max-width: 20ch; color: var(--text); }
.mojo-lp .lp-swg__feld { position: relative; min-width: 0; }
.mojo-lp .lp-swg__band { display: flex; gap: 0; height: 100%; }
.mojo-lp .lp-swg__buehne.is-an .lp-swg__band { transform: translate3d(calc(-1 * var(--x, 0px)), 0, 0); will-change: transform; }
.mojo-lp .lp-swg__buehne.is-an .lp-swg__tafel { flex: 0 0 var(--sw, 100vw); width: var(--sw, 100vw); }
.mojo-lp .lp-swg__tafel { position: relative; flex: 0 0 min(86%, 620px); overflow: hidden; display: grid; align-content: end; padding: clamp(24px, 3vw, 56px); padding-block-end: calc(clamp(26px, 4.4vh, 48px) + var(--sp-head)); }
.mojo-lp .lp-swg__tafel > img { position: absolute; inset: 0; width: 100%; height: 100%; max-width: none; object-fit: cover; }
.mojo-lp .lp-swg__tafel::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(10,11,7,.28) 0%, rgba(10,11,7,.45) 46%, rgba(10,11,7,.9) 100%); }
.mojo-lp .lp-swg__inhalt { position: relative; z-index: 1; max-width: 46ch; }
.mojo-lp .lp-swg__nr { display: block; font-size: 11px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--accent); font-feature-settings: "tnum" 1; line-height: 1.65 !important; margin-block-end: 10px; }
.mojo-lp.mojo-lp .lp-swg__inhalt h3 { margin: 0 0 var(--sp-title) !important; font-size: var(--lp-t-h3); font-weight: 700 !important; line-height: 1.25 !important; color: var(--text); }
.mojo-lp.mojo-lp.lp-swg:not(.lp-swg--voll) .lp-swg__inhalt h3 { font-size: clamp(20px, 2vw, 34px); line-height: 1.2 !important; }
.mojo-lp.mojo-lp .lp-swg__inhalt p { margin: 0 !important; color: var(--text); max-width: none; font-size: var(--lp-t-body); line-height: 1.65 !important; }
.mojo-lp .lp-swg__buehne.is-an .lp-swg__tafel + .lp-swg__tafel { box-shadow: inset 1.5px 0 0 rgba(var(--gold-rgb), .35); }
.mojo-lp .lp-swg__buehne:not(.is-an) .lp-swg__feld { overflow-x: auto; scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch; }
.mojo-lp .lp-swg__buehne:not(.is-an) .lp-swg__tafel { scroll-snap-align: start; min-height: clamp(320px, 52vh, 460px); border-radius: var(--r-card); }
@media (max-width: 930px) {
.mojo-lp .lp-swg__buehne:not(.is-an) .lp-swg__tafel { display: block; min-height: 0; padding: 0; overflow: hidden; background: var(--surface); box-shadow: inset 0 0 0 1px var(--border); }
.mojo-lp .lp-swg__buehne:not(.is-an) .lp-swg__tafel > img { position: static; inset: auto; width: 100%; height: auto; aspect-ratio: 4 / 3; object-fit: cover; }
.mojo-lp .lp-swg__buehne:not(.is-an) .lp-swg__tafel::after { display: none; }
.mojo-lp .lp-swg__buehne:not(.is-an) .lp-swg__inhalt { padding: var(--sp-head) clamp(18px, 4.6vw, 24px) clamp(22px, 5.6vw, 28px); }
.mojo-lp .lp-swg--voll .lp-swg__buehne:not(.is-an) .lp-swg__tafel { padding-block-start: 0; }
}
.mojo-lp .lp-swg__buehne:not(.is-an) .lp-swg__band { gap: 12px; padding-inline: var(--sp-side); }
@media (min-width: 931px) {
.mojo-lp .lp-swg__buehne:not(.is-an) .lp-swg__band { gap: 0; padding-inline: 0; }
.mojo-lp .lp-swg__buehne:not(.is-an) .lp-swg__tafel { flex: 0 0 100%; width: 100%; min-height: clamp(520px, 72vh, 780px); border-radius: 0; }
}
@media (max-width: 930px) {
.mojo-lp .lp-swg__kopf { padding-block-end: var(--sp-head); }
.mojo-lp.mojo-lp .lp-swg__kopf h2 { text-align: left; max-width: none; }
.mojo-lp.lp-swg .lp-eyebrow { text-align: left; margin-inline: 0; }
.mojo-lp.lp-swg .lp-eyebrow--line { justify-content: flex-start; }
.mojo-lp.lp-swg .lp-eyebrow--line::before { display: block; }
.mojo-lp.mojo-lp .lp-swg__inhalt h3, .mojo-lp.mojo-lp .lp-swg__inhalt p { text-align: left; margin-inline: 0 !important; }
}
@media (prefers-reduced-motion: reduce) {
.mojo-lp .lp-swg__buehne.is-an .lp-swg__band { transition: none !important; }
}
.mojo-lp .lp-swg--voll .lp-swg__buehne { grid-template-rows: minmax(0, 1fr); }
.mojo-lp .lp-swg--voll .lp-swg__kopf { position: absolute; z-index: 30; inset: 0 auto auto 0; width: min(100%, 46rem); padding: clamp(20px, 3.2vh, 44px) var(--sp-side) clamp(24px, 3.4vh, 44px); pointer-events: none; }
.mojo-lp .lp-swg--voll .lp-swg__kopf::before { content: ""; position: absolute; z-index: -1; inset: 0 -10% -30% 0; background: linear-gradient(160deg, rgba(10, 11, 7, .88) 0%, rgba(10, 11, 7, .55) 55%, rgba(10, 11, 7, 0) 100%); pointer-events: none; }
.mojo-lp .lp-swg--voll .lp-swg__feld { grid-row: 1; }
.mojo-lp .lp-swg--voll .lp-swg__tafel { padding-block-start: clamp(96px, 16vh, 190px); }
@media (max-width: 930px) {
.mojo-lp .lp-swg--voll .lp-swg__kopf { position: relative; inset: auto; width: auto; }
.mojo-lp .lp-swg--voll .lp-swg__kopf::before { content: none; }
.mojo-lp .lp-swg--voll .lp-swg__buehne { grid-template-rows: auto minmax(0, 1fr); }
.mojo-lp .lp-swg--voll .lp-swg__feld { grid-row: auto; }
.mojo-lp .lp-swg--voll .lp-swg__tafel { padding-block-start: clamp(24px, 3vw, 56px); }
}
.mojo-lp.lp-rfw-halter { padding: 0; }
.mojo-lp .lp-rfw { position: relative; width: 100vw; max-width: 100vw;
margin-inline: calc(50% - 50vw); }
.mojo-lp .lp-rfw__buehne { position: relative; display: grid; grid-template-rows: auto minmax(0, 1fr); background: var(--lp-carbon); }
.mojo-lp .lp-rfw__buehne.is-an { display: block; }
.mojo-lp .lp-rfw__buehne.is-an .lp-rfw__feld { position: absolute; inset: 0; }
.mojo-lp .lp-rfw__buehne.is-an .lp-rfw__kopf { position: absolute; z-index: 40; inset-block-start: clamp(30px, 4vh, 52px); inset-inline: var(--sp-side); padding: 0; }
.mojo-lp .lp-rfw__buehne.is-an { height: calc(100svh - var(--klebe, 0px)); overflow: clip; }
.mojo-lp .lp-rfw__kopf { padding: clamp(22px, 3.4vh, 46px) var(--sp-side) var(--sp-head); }
.mojo-lp.mojo-lp .lp-rfw__kopf h2 { margin: 0 !important; max-width: 20ch; color: var(--text); }
.mojo-lp .lp-rfw__feld { position: relative; min-width: 0; }
.mojo-lp .lp-rfw__band { display: flex; height: 100%; }
.mojo-lp .lp-rfw__buehne.is-an .lp-rfw__band { transform: translate3d(calc(-1 * var(--x, 0px)), 0, 0); will-change: transform; }
.mojo-lp .lp-rfw__buehne.is-an .lp-rfw__projekt { flex: 0 0 var(--sw, 100vw); width: var(--sw, 100vw); }
.mojo-lp .lp-rfw__projekt { position: relative; flex: 0 0 min(86%, 640px); overflow: hidden; display: grid; align-content: end; padding: clamp(24px, 3vw, 60px) var(--sp-side); }
.mojo-lp .lp-rfw__buehne.is-an .lp-rfw__projekt { padding-block-start: clamp(130px, 22vh, 240px); padding-block-end: clamp(76px, 9.5vh, 108px); }
.mojo-lp .lp-rfw__bild { position: absolute; inset: 0; display: block; overflow: clip; }
.mojo-lp .lp-rfw__projekt::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(10,11,7,.24) 0%, rgba(10,11,7,.42) 44%, rgba(10,11,7,.9) 100%); }
.mojo-lp .lp-rfw__buehne.is-an .lp-rfw__projekt::after { background: linear-gradient(180deg, rgba(var(--bild-rgb),.74) 0%, rgba(var(--bild-rgb),.34) 26%, rgba(var(--bild-rgb),.44) 52%, rgba(var(--bild-rgb),.92) 100%); }
.mojo-lp .lp-rfw__buehne.is-an .lp-rfw__projekt + .lp-rfw__projekt { box-shadow: inset 1.5px 0 0 rgba(var(--gold-rgb), .4); }
.mojo-lp .lp-rfw__buehne .lp-rfw__projekt .lp-rf__text { position: relative; z-index: 1;
inset: auto; width: auto; max-width: 52ch; }
.mojo-lp .lp-rfw__buehne:not(.is-an) .lp-rfw__feld { overflow-x: auto; scroll-snap-type: x mandatory; scroll-padding-inline-start: var(--sp-side); }
.mojo-lp .lp-rfw__buehne:not(.is-an) .lp-rfw__projekt { scroll-snap-align: start; min-height: clamp(340px, 56vh, 480px); border-radius: var(--r-card); }
.mojo-lp .lp-rfw__buehne:not(.is-an) .lp-rfw__band { gap: 12px; padding-inline: var(--sp-side); }
.mojo-lp .lp-rfw__buehne:not(.is-an) { padding-block-end: var(--sp-section); }
.mojo-lp .lp-rfw__buehne:not(.is-an) .lp-rfw__wisch { margin-block-start: var(--sp-head); }
.mojo-lp.lp-rfp-halter { padding: 0; }
.mojo-lp .lp-rfp { position: relative; width: 100vw; max-width: 100vw;
margin-inline: calc(50% - 50vw); }
.mojo-lp .lp-rfp__buehne { position: relative; display: grid; grid-template-rows: auto minmax(0, 1fr); background: var(--lp-carbon); }
.mojo-lp .lp-rfp__buehne.is-an { display: block; }
.mojo-lp .lp-rfp__buehne.is-an .lp-rfp__feld { position: absolute; inset: 0; }
.mojo-lp .lp-rfp__buehne.is-an .lp-rfp__kopf { position: absolute; z-index: 40; inset-block-start: clamp(30px, 4vh, 52px); inset-inline: var(--sp-side); padding: 0; }
.mojo-lp .lp-rfp__buehne.is-an { height: calc(100svh - var(--klebe, 0px)); overflow: clip; }
.mojo-lp .lp-rfp__kopf { padding: clamp(22px, 3.4vh, 46px) var(--sp-side) clamp(14px, 2vh, 24px); }
.mojo-lp.mojo-lp .lp-rfp__kopf h2 { margin: 0 !important; max-width: 20ch; color: var(--text); }
.mojo-lp .lp-rfp__feld { position: relative; min-width: 0; display: flex; align-items: center; }
.mojo-lp .lp-rfp__band { display: flex; gap: clamp(16px, 2vw, 34px); padding-inline: var(--sp-side); align-items: center; }
.mojo-lp .lp-rfp__buehne.is-an .lp-rfp__band { transform: translate3d(calc(-1 * var(--x, 0px)), 0, 0); will-change: transform;
height: 100%; align-items: stretch; }
.mojo-lp .lp-rfp__karte { position: relative; flex: 0 0 clamp(280px, 44vw, 820px); overflow: hidden; border-radius: var(--r-card); display: grid; align-content: end; padding: clamp(20px, 2vw, 40px); min-height: clamp(320px, 46vh, 520px); box-shadow: inset 0 0 0 1.5px rgba(var(--gold-rgb), .35); }
.mojo-lp .lp-rfp__buehne.is-an .lp-rfp__karte { height: calc(100% - clamp(26px, 5vh, 64px)); min-height: 0; padding-block-start: clamp(130px, 22vh, 240px); padding-block-end: clamp(66px, 8.5vh, 96px); }
.mojo-lp .lp-rfp__karte { align-self: stretch; }
.mojo-lp .lp-rfp__bild { position: absolute; inset: 0; display: block; overflow: clip; }
.mojo-lp .lp-rfp__karte::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(10,11,7,.2) 0%, rgba(10,11,7,.44) 46%, rgba(10,11,7,.92) 100%); }
.mojo-lp .lp-rfp__buehne.is-an .lp-rfp__karte::after { background: linear-gradient(180deg, rgba(var(--bild-rgb),.7) 0%, rgba(var(--bild-rgb),.3) 28%, rgba(var(--bild-rgb),.46) 54%, rgba(var(--bild-rgb),.93) 100%); }
.mojo-lp .lp-rfp__buehne .lp-rfp__karte .lp-rf__text { position: relative; z-index: 1;
inset: auto; width: auto; }
.mojo-lp.mojo-lp .lp-rfp__karte .lp-rf__name { font-size: clamp(24px, 3vw, 50px); }
.mojo-lp .lp-rfp__buehne:not(.is-an) .lp-rfp__feld { overflow-x: auto; scroll-snap-type: x mandatory; }
.mojo-lp .lp-rfp__buehne:not(.is-an) .lp-rfp__karte { scroll-snap-align: center; }
.mojo-lp .lp-rfw__wisch, .mojo-lp .lp-rfp__wisch { display: none; }
.mojo-lp .lp-rfw__buehne:not(.is-an) .lp-rfw__wisch, .mojo-lp .lp-rfp__buehne:not(.is-an) .lp-rfp__wisch {
display: flex; align-items: center; gap: 10px;
margin-block: clamp(26px, 4.5vh, 44px) 0 !important;
margin-inline: var(--sp-side);
font-size: 11px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase;
color: var(--accent); line-height: 1.5 !important;
}
.mojo-lp .lp-rfw__wisch::after, .mojo-lp .lp-rfp__wisch::after {
content: ""; width: clamp(26px, 7vw, 44px); height: 1.5px; background: currentColor;
animation: lp-wisch 2.4s var(--ease, ease) infinite;
}
@keyframes lp-wisch { 0%, 100% { transform: translateX(0); opacity: .5; }
50% { transform: translateX(8px); opacity: 1; } }
@media (prefers-reduced-motion: reduce) {
.mojo-lp .lp-rfw__wisch::after, .mojo-lp .lp-rfp__wisch::after { animation: none; opacity: 1; }
}
@media (max-width: 930px) {
.mojo-lp .lp-rfw__kopf, .mojo-lp .lp-rfp__kopf { padding-block-end: clamp(12px, 2vh, 18px); }
.mojo-lp.mojo-lp .lp-rfw__kopf h2, .mojo-lp.mojo-lp .lp-rfp__kopf h2 { text-align: left; max-width: none; }
.mojo-lp .lp-rfw .lp-eyebrow, .mojo-lp .lp-rfp .lp-eyebrow { text-align: left; }
.mojo-lp .lp-rfw .lp-eyebrow--line, .mojo-lp .lp-rfp .lp-eyebrow--line { justify-content: flex-start; }
.mojo-lp .lp-rfw .lp-eyebrow--line::before, .mojo-lp .lp-rfp .lp-eyebrow--line::before { display: block; }
.mojo-lp .lp-rfp__karte { flex: 0 0 min(76%, 320px); }
.mojo-lp .lp-rfw__projekt { flex: 0 0 min(84%, 520px); }
.mojo-lp .lp-rfp__karte { min-height: clamp(300px, 46vh, 420px); }
}
.mojo-lp .lp-dbi { --r: calc(7vmin + var(--f, 0) * 62vmax); }
.mojo-lp .lp-dbi__blatt:nth-child(1) { --i: 0; }
.mojo-lp .lp-dbi__blatt:nth-child(2) { --i: 1; }
.mojo-lp .lp-dbi__blatt:nth-child(3) { --i: 2; }
.mojo-lp .lp-dbi__blatt:nth-child(4) { --i: 3; }
.mojo-lp .lp-dbi__blatt:nth-child(5) { --i: 4; }
.mojo-lp .lp-dbi__blatt:nth-child(6) { --i: 5; }
.mojo-lp .lp-dbi__blatt {
--i: 0;
position: absolute; left: 50%; bottom: 50%;
width: 320vmax; height: 320vmax; margin-left: -160vmax;
background: var(--bg);
transform-origin: 50% 100%;
transform: rotate(calc(var(--i) * 60deg + var(--f, 0) * 14deg)) translateY(calc(-1 * var(--r)));
box-shadow: inset 0 -1.5px 0 rgba(var(--gold-rgb), .55);
will-change: transform;
}
.mojo-lp .lp-dbi__blatt::after {
content: ""; position: absolute; inset-inline: 0; bottom: 0; height: clamp(40px, 6vh, 90px);
background: linear-gradient(0deg, rgba(var(--gold-rgb), .20), rgba(var(--gold-rgb), 0));
}
.mojo-lp .lp-dbi { overflow: clip; }
@media (prefers-reduced-motion: reduce) {
.mojo-lp .lp-dbi__blatt { transform: rotate(calc(var(--i) * 60deg)) translateY(-70vmax); }
}
@media (max-width: 930px) {
.mojo-lp .lp-dbi { --r: calc(9vmin + var(--f, 0) * 58vmax); }
}
.mojo-lp .lp-ezf { display: grid; grid-template-columns: repeat(4, 1fr); gap: 0; }
.mojo-lp .lp-ezf--3 { grid-template-columns: repeat(3, 1fr); }
.mojo-lp .lp-ezf:has(> .lp-ezf__karte:nth-child(3):last-child) { grid-template-columns: repeat(3, 1fr); }
.mojo-lp .lp-ezf:has(> .lp-ezf__karte:nth-child(5)) { grid-template-columns: repeat(5, 1fr); }
.mojo-lp .lp-ezf__karte {
position: relative; overflow: hidden; display: flex; flex-direction: column;
justify-content: flex-end; min-height: clamp(420px, 44vw, 640px);
}
.mojo-lp .lp-ezf__motiv { position: absolute; inset: 0; overflow: hidden; }
.mojo-lp.mojo-lp :is(.lp-ezf__motiv, .lp-ezs__motiv) img {
position: absolute !important; inset: 0 !important;
width: 100% !important; height: 100% !important;
max-width: none !important; min-height: 100% !important;
object-fit: cover !important; display: block !important;
}
.mojo-lp .lp-ezf__motiv img { transition: transform .6s var(--ease); }
.mojo-lp .lp-ezf__karte::after {
content: ""; position: absolute; inset: 0; z-index: 1; pointer-events: none;
background: linear-gradient(180deg, rgba(0,0,0,.22) 0%, rgba(0,0,0,.45) 45%, rgba(0,0,0,.92) 100%);
transition: background .3s var(--ease);
}
.mojo-lp .lp-ezf__leiste {
position: relative; z-index: 2; padding: clamp(20px, 2.5vw, 32px);
display: flex; flex-direction: column; gap: 10px;
}
.mojo-lp .lp-ezf__leiste::before {
content: ""; position: absolute; top: 0; left: 0; right: 0; height: 2px;
background: var(--lp-gold); opacity: 0; transition: opacity .3s var(--ease);
}
.mojo-lp .lp-ezf__nr {
font-size: 10px; font-weight: 700; letter-spacing: .16em; text-transform: uppercase;
color: var(--lp-label); transition: color .3s var(--ease);
}
.mojo-lp.mojo-lp .lp-ezf__leiste h3 { margin: 0 !important; color: var(--text); font-size: clamp(18px, .7vw + 8px, 22px); line-height: 1.25 !important; letter-spacing: -.01em; }
.mojo-lp .lp-ezf__lade { display: grid; grid-template-rows: 1fr; transition: grid-template-rows .45s var(--ease), opacity .3s var(--ease); }
.mojo-lp .lp-ezf__text { min-height: 0; overflow: hidden; }
.mojo-lp.mojo-lp .lp-ezf__text p {
margin-block: 0 !important; margin-inline: 0; max-width: none;
font-size: var(--lp-t-teaser); line-height: 1.65 !important;
font-weight: 500; color: var(--text);
}
.mojo-lp.mojo-lp .lp-eza .lp-ezf__text p { font-size: var(--lp-t-teaser); }
.mojo-lp .lp-ezf.is-an .lp-ezf__karte:not(.is-offen) .lp-ezf__lade { grid-template-rows: 0fr; opacity: 0; }
.mojo-lp .lp-ezf__karte.is-offen .lp-ezf__leiste::before, .mojo-lp .lp-ezf__karte.is-offen .lp-ezf__nr { opacity: 1; color: var(--accent); }
@media (hover: hover) {
.mojo-lp .lp-ezf__karte:hover .lp-ezf__motiv img { transform: scale(1.05); }
.mojo-lp .lp-ezf__karte:hover::after { background: linear-gradient(180deg, rgba(0,0,0,.3) 0%, rgba(0,0,0,.55) 40%, rgba(0,0,0,.95) 100%); }
.mojo-lp .lp-ezf__karte:hover .lp-ezf__leiste::before { opacity: 1; }
.mojo-lp .lp-ezf__karte:hover .lp-ezf__nr { color: var(--accent); }
}
.mojo-lp .lp-eza { display: grid; grid-template-columns: 1.55fr 1fr; grid-template-rows: repeat(3, 1fr); gap: 0; }
.mojo-lp .lp-eza .lp-ezf__karte { min-height: clamp(150px, 16vw, 236px); }
.mojo-lp .lp-eza .lp-ezf__karte--gross { grid-row: 1 / -1; min-height: clamp(520px, 52vw, 720px); }
.mojo-lp .lp-eza:has(> .lp-ezf__karte:nth-child(3):last-child) { grid-template-rows: repeat(2, 1fr); }
.mojo-lp .lp-eza:has(> .lp-ezf__karte:nth-child(5)) { grid-template-rows: repeat(4, 1fr); }
.mojo-lp .lp-ezf__karte--gross .lp-ezf__leiste { max-width: none; }
.mojo-lp .lp-ezf__karte--gross .lp-ezf__leiste :is(h3, .lp-ezf__text p) { max-width: 56ch; }
.mojo-lp.mojo-lp .lp-eza .lp-ezf__leiste h3 { font-size: var(--lp-t-h3); line-height: 1.25 !important; }
.mojo-lp.mojo-lp .lp-ezf.is-an .lp-ezf__karte--offen .lp-ezf__lade, .mojo-lp.mojo-lp .lp-eza.is-an .lp-ezf__karte--offen .lp-ezf__lade { grid-template-rows: 1fr; opacity: 1; }
.mojo-lp .lp-eza.is-an .lp-ezf__karte:not(.is-offen):not(.lp-ezf__karte--offen) .lp-ezf__lade { grid-template-rows: 0fr; opacity: 0; }
.mojo-lp .lp-ezh { display: flex; gap: 2px; min-height: clamp(500px, 60vh, 680px); }
.mojo-lp .lp-ezh__panel {
position: relative; overflow: hidden; display: flex; flex-direction: column;
justify-content: flex-end; flex: 1 1 0; min-width: 0;
transition: flex-grow .55s var(--ease);
}
.mojo-lp .lp-ezh__panel::after {
content: ""; position: absolute; inset: 0; z-index: 1; pointer-events: none;
background: linear-gradient(180deg, rgba(0,0,0,.12) 30%, rgba(0,0,0,.86) 100%);
transition: background .4s var(--ease);
}
.mojo-lp .lp-ezh__leiste {
position: relative; z-index: 2; padding: clamp(18px, 2.2vw, 30px);
display: flex; flex-direction: column; gap: 10px;
}
.mojo-lp .lp-ezh__leiste::before {
content: ""; position: absolute; top: 0; left: 0; width: 40px; height: 2px;
background: var(--lp-gold); opacity: 0; transition: opacity .35s var(--ease), width .55s var(--ease);
}
.mojo-lp.mojo-lp .lp-ezh__leiste h3 { margin: 0 !important; color: var(--text); font-size: clamp(18px, .7vw + 8px, 22px); line-height: 1.25 !important; letter-spacing: -.01em; hyphens: auto; }
.mojo-lp .lp-ezh.is-an .lp-ezh__panel:not(.is-offen) .lp-ezf__lade { grid-template-rows: 0fr; opacity: 0; }
.mojo-lp .lp-ezh__panel.is-offen { flex-grow: 2.6; }
.mojo-lp .lp-ezh__panel.is-offen .lp-ezh__leiste::before { opacity: 1; width: 72px; }
@media (hover: hover) {
.mojo-lp .lp-ezh.is-an .lp-ezh__panel:hover { flex-grow: 2.6; }
.mojo-lp .lp-ezh__panel:hover .lp-ezh__leiste::before { opacity: 1; width: 72px; }
.mojo-lp .lp-ezh.is-an:hover .lp-ezh__panel.is-offen:not(:hover) { flex-grow: 1; }
.mojo-lp .lp-ezh.is-an:hover .lp-ezh__panel.is-offen:not(:hover) .lp-ezf__lade { grid-template-rows: 0fr; opacity: 0; }
}
@media (hover: hover) {
.mojo-lp .lp-ezf.is-an .lp-ezf__karte:hover .lp-ezf__lade { grid-template-rows: 1fr; opacity: 1; }
.mojo-lp .lp-eza.is-an .lp-ezf__karte:hover:not(.lp-ezf__karte--offen) .lp-ezf__lade { grid-template-rows: 1fr; opacity: 1; }
.mojo-lp .lp-ezh.is-an .lp-ezh__panel:hover .lp-ezf__lade { grid-template-rows: 1fr; opacity: 1; }
}
@property --lp-ezs-x { syntax: '<percentage>'; inherits: true; initial-value: 50%; }
@property --lp-ezs-y { syntax: '<percentage>'; inherits: true; initial-value: 55%; }
.mojo-lp .lp-ezs { position: relative; }
.mojo-lp .lp-ezs__buehne { position: relative; height: clamp(500px, 66vh, 740px); overflow: hidden; }
.mojo-lp .lp-ezs__motiv { position: absolute; inset: 0; overflow: hidden; }
.mojo-lp .lp-ezs__schleier {
position: absolute; inset: 0; z-index: 1; pointer-events: none; opacity: 0;
background: radial-gradient(circle clamp(190px, 24vw, 360px) at var(--lp-ezs-x) var(--lp-ezs-y), rgba(0,0,0,0) 0 52%, rgba(0,0,0,.34) 74%, rgba(0,0,0,.66) 100%);
transition: opacity .5s var(--ease), --lp-ezs-x .7s var(--ease), --lp-ezs-y .7s var(--ease);
}
.mojo-lp .lp-ezs__buehne.is-an .lp-ezs__schleier { opacity: 1; }
.mojo-lp .lp-ezs__marke {
position: absolute; z-index: 3; width: 44px; height: 44px;
left: calc(var(--mx) - 22px); top: calc(var(--my) - 22px);
display: grid; place-items: center; cursor: pointer;
border: 0; border-radius: 50%; padding: 0;
background: rgba(10,11,7,.55); color: var(--text);
font: 700 12px/1 var(--font); letter-spacing: .04em;
box-shadow: inset 0 0 0 1.5px rgba(var(--gold-rgb),.8);
transition: background .3s var(--ease), color .3s var(--ease), box-shadow .3s var(--ease);
}
.mojo-lp .lp-ezs__marke.is-akt, .mojo-lp .lp-ezs__marke:hover { background: var(--lp-gold); color: var(--auf-gold); box-shadow: inset 0 0 0 1.5px var(--lp-gold); }
.mojo-lp .lp-ezs__karten { display: grid; grid-template-columns: repeat(4, 1fr); gap: clamp(14px, 1.6vw, 24px); margin-block-start: clamp(16px, 2vh, 26px); }
.mojo-lp .lp-ezs__karte { padding: clamp(16px, 1.8vw, 24px); border-radius: var(--r-card); background: var(--surface); box-shadow: inset 0 0 0 1.5px rgba(var(--gold-rgb),.35); display: flex; flex-direction: column; gap: 8px; }
.mojo-lp .lp-ezs__karte .lp-ezf__nr { color: var(--lp-label); }
.mojo-lp.mojo-lp .lp-ezs__karte h3 { margin: 0 !important; color: var(--text); font-size: var(--lp-t-h3); line-height: 1.25 !important; }
.mojo-lp.mojo-lp .lp-ezs__karte p { margin-block: 0 !important; margin-inline: 0; max-width: none; font-size: var(--lp-t-body); line-height: 1.65 !important; font-weight: 500; color: var(--text); }
.mojo-lp.mojo-lp .lp-ezs__karte .lp-btn-row { margin-block-start: 10px !important; }
.mojo-lp .lp-ezs.is-an .lp-ezs__karten {
position: absolute; z-index: 2; left: clamp(20px, 2.5vw, 36px); bottom: clamp(20px, 2.5vw, 36px);
margin: 0; display: grid; grid-template-columns: 1fr; max-width: min(46ch, 74%);
}
.mojo-lp .lp-ezs.is-an .lp-ezs__karte { grid-area: 1 / 1; opacity: 0; pointer-events: none; transition: opacity .45s var(--ease); background: rgba(10,11,7,.82); }
.mojo-lp.mojo-lp .lp-ezs.is-an .lp-ezs__karte :is(h3, p) { color: var(--auf-bild); }
.mojo-lp.mojo-lp .lp-ezs.is-an .lp-ezs__karte .lp-ezf__nr { color: var(--lp-sand); }
.mojo-lp.mojo-lp .lp-ezs.is-an .lp-ezs__karte .lp-btn--ghost { color: var(--auf-bild); box-shadow: inset 0 0 0 1.5px rgba(var(--gold-rgb), .55); }
.mojo-lp .lp-ezs.is-an .lp-ezs__karte.is-akt { opacity: 1; pointer-events: auto; }
.mojo-lp .lp-ezp { display: grid; grid-template-columns: .9fr 1.4fr; gap: clamp(24px, 3.5vw, 64px); align-items: start; }
.mojo-lp .lp-ezp__liste { display: flex; flex-direction: column; }
.mojo-lp .lp-ezp__eintrag {
border: 0; background: none; text-align: left; cursor: pointer; color: var(--text);
font-family: var(--font); padding: clamp(14px, 1.8vh, 22px) clamp(14px, 1.4vw, 22px);
position: relative; display: flex; flex-direction: column; gap: 8px;
}
.mojo-lp.mojo-lp .lp-ezp__eintrag .lp-btn-row { margin-block-start: calc(var(--sp-stack) + 6px) !important; }
.mojo-lp .lp-ezp__eintrag::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 1px; background: var(--border); }
.mojo-lp .lp-ezp__eintrag::before { content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 0; border-radius: var(--r-card); background: rgba(var(--gold-rgb),.14); transition: width .35s var(--ease); }
.mojo-lp .lp-ezp__eintrag.is-akt::before { width: 100%; }
.mojo-lp .lp-ezp__kopfzeile { display: flex; align-items: baseline; gap: 14px; position: relative; }
.mojo-lp .lp-ezp__zahl { font-size: clamp(11px, .8vw, 13px); font-weight: 700; letter-spacing: .14em; color: var(--lp-label); font-feature-settings: "tnum" 1; }
.mojo-lp .lp-ezp__eintrag.is-akt .lp-ezp__zahl { color: var(--accent); }
.mojo-lp.mojo-lp .lp-ezp__eintrag h3 { margin: 0 !important; color: var(--text); font-size: var(--lp-t-h3); line-height: 1.25 !important; }
.mojo-lp .lp-ezp__eintrag .lp-ezf__lade { position: relative; }
.mojo-lp.mojo-lp .lp-ezp__eintrag p { margin-block: 0 !important; margin-inline: 0; max-width: none; font-size: var(--lp-t-body); line-height: 1.65 !important; font-weight: 500; color: var(--text); }
.mojo-lp .lp-ezp.is-an .lp-ezp__eintrag:not(.is-akt) .lp-ezf__lade { grid-template-rows: 0fr; opacity: 0; }
.mojo-lp .lp-ezp__buehne { position: relative; }
.mojo-lp .lp-ezp__svg { width: 100%; height: auto; display: block; }
.mojo-lp .lp-ezp__svg .lp-ezp__raster { stroke: rgba(var(--gold-rgb),.13); }
.mojo-lp .lp-ezp__zone path, .mojo-lp .lp-ezp__zone line, .mojo-lp .lp-ezp__zone polyline {
fill: none; stroke: var(--lp-gold); stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round;
stroke-dasharray: 1; stroke-dashoffset: 0;
}
.mojo-lp .lp-ezp__zone text { font-family: var(--font); font-size: 13px; font-weight: 700; letter-spacing: .1em; fill: #FFFFFF; text-transform: uppercase; }
.mojo-lp .lp-ezp__flaeche { stroke: none; transition: opacity .5s var(--ease); }
.mojo-lp .lp-ezp__flaeche--o { fill: #232619; }
.mojo-lp .lp-ezp__flaeche--l { fill: #15170F; }
.mojo-lp .lp-ezp__flaeche--r { fill: #0E100A; }
.mojo-lp .lp-ezp.is-an .lp-ezp__zone .lp-ezp__flaeche { opacity: 0; transition: none; }
.mojo-lp .lp-ezp.is-an .lp-ezp__zone.is-akt .lp-ezp__flaeche { opacity: 1; transition: opacity .6s var(--ease) .55s; }
.mojo-lp .lp-ezp.is-an .lp-ezp__zone.is-halb .lp-ezp__flaeche { opacity: .16; transition: opacity .4s var(--ease); }
.mojo-lp .lp-ezp.is-an .lp-ezp__zone :is(path, line, polyline) { stroke-dashoffset: 1; transition: none; }
.mojo-lp .lp-ezp.is-an .lp-ezp__zone text { opacity: 0; transition: opacity .4s var(--ease) .5s; }
.mojo-lp .lp-ezp.is-an .lp-ezp__zone.is-akt :is(path, line, polyline) {
stroke-dashoffset: 0;
transition: stroke-dashoffset .85s var(--ease) calc(var(--i, 0) * .14s);
}
.mojo-lp .lp-ezp.is-an .lp-ezp__zone.is-halb :is(path, line, polyline) { stroke-dashoffset: 0; stroke-opacity: .22; transition: stroke-dashoffset .01s, stroke-opacity .4s var(--ease); }
.mojo-lp .lp-ezp.is-an .lp-ezp__zone.is-akt text { opacity: 1; }
@media (max-width: 930px) {
.mojo-lp.mojo-lp :is(.lp-ezf__leiste, .lp-ezh__leiste, .lp-ezs__karte, .lp-ezp__eintrag) :is(p, h3) { text-align: left !important; margin-inline: 0 !important; }
.mojo-lp .lp-ezf { grid-template-columns: 1fr 1fr; }
.mojo-lp .lp-ezf--3 { grid-template-columns: 1fr; }
.mojo-lp .lp-ezf:has(> .lp-ezf__karte:nth-child(5)) { grid-template-columns: 1fr 1fr; }
.mojo-lp .lp-ezf:has(> .lp-ezf__karte:nth-child(3):last-child) { grid-template-columns: 1fr; }
.mojo-lp .lp-ezf__karte { min-height: 300px; }
.mojo-lp .lp-eza { grid-template-columns: 1fr; grid-template-rows: none; }
.mojo-lp .lp-eza:has(> .lp-ezf__karte:nth-child(3):last-child), .mojo-lp .lp-eza:has(> .lp-ezf__karte:nth-child(5)) { grid-template-rows: none; }
.mojo-lp .lp-ezf__karte::after {
background: linear-gradient(180deg, rgba(0,0,0,.46) 0%, rgba(0,0,0,.58) 40%, rgba(0,0,0,.94) 100%);
}
.mojo-lp .lp-ezh__panel::after {
background: linear-gradient(180deg, rgba(0,0,0,.44) 0%, rgba(0,0,0,.6) 45%, rgba(0,0,0,.94) 100%);
}
.mojo-lp .lp-eza .lp-ezf__karte--gross { grid-row: auto; min-height: 380px; }
.mojo-lp .lp-ezh { flex-direction: column; min-height: 0; }
.mojo-lp .lp-ezh__panel { min-height: 300px; overflow-anchor: none; transition: min-height .5s var(--ease); }
.mojo-lp.mojo-lp .lp-ezh__panel { flex-basis: auto; }
.mojo-lp.mojo-lp .lp-ezh__panel.is-offen, .mojo-lp.mojo-lp .lp-ezh.is-an .lp-ezh__panel { flex-grow: 1; }
.mojo-lp.mojo-lp.mojo-lp .lp-ezh.is-an .lp-ezh__panel { min-height: 132px; }
.mojo-lp.mojo-lp.mojo-lp .lp-ezh.is-an .lp-ezh__panel.is-offen { min-height: 380px; }
.mojo-lp.mojo-lp.mojo-lp .lp-ezh.is-an .lp-ezh__panel.is-offen .lp-ezf__lade { grid-template-rows: 1fr; opacity: 1; }
.mojo-lp .lp-ezs__buehne { height: 46vh; min-height: 300px; }
.mojo-lp.mojo-lp .lp-ezs.is-an .lp-ezs__karten { position: static; max-width: none; grid-template-columns: 1fr; }
.mojo-lp.mojo-lp .lp-ezs.is-an .lp-ezs__karte { opacity: 1; pointer-events: auto; background: var(--surface); display: none; }
.mojo-lp.mojo-lp .lp-ezs.is-an .lp-ezs__karte.is-akt { display: flex; }
.mojo-lp .lp-ezs__karten { grid-template-columns: 1fr; }
.mojo-lp .lp-ezp { grid-template-columns: 1fr; }
}
@media (max-width: 600px) {
.mojo-lp .lp-ezf, .mojo-lp .lp-ezf:has(> .lp-ezf__karte:nth-child(5)) { grid-template-columns: 1fr; }
}
.mojo-lp .lp-sti__wer { font-size: var(--lp-t-klein); line-height: 1.65 !important; font-weight: 700; color: var(--text); letter-spacing: .01em; }
.mojo-lp .lp-sti__rolle { font-size: 11px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--accent); }.mojo-lp.mojo-lp :is(.lp-stg__motiv, .lp-sfo__bild) img {
position: absolute !important; inset: 0 !important;
width: 100% !important; height: 100% !important;
max-width: none !important; min-height: 100% !important;
object-fit: cover !important; display: block !important;
}
@property --lp-stm-f { syntax: '<number>'; inherits: true; initial-value: 1; }
.mojo-lp .lp-stm { display: flex; flex-direction: column; gap: clamp(40px, 6vh, 84px); max-width: 1500px; margin-inline: auto; }
.mojo-lp .lp-stm__block { max-width: min(100%, 900px); position: relative; }
.mojo-lp .lp-stm__block + .lp-stm__block { padding-block-start: clamp(34px, 5vh, 64px); }
.mojo-lp .lp-stm__block + .lp-stm__block::before { content: ""; position: absolute; top: 0; left: 0; width: clamp(120px, 14vw, 260px); height: 1.5px; background: rgba(var(--gold-rgb),.45); }
.mojo-lp .lp-stm__block:nth-child(even) { margin-inline-start: auto; }
.mojo-lp.mojo-lp .lp-stm__zitat {
margin: 0 0 clamp(22px, 3vh, 34px) !important; max-width: 24ch;
font-size: clamp(24px, 2.9vw, 50px); font-weight: 600; line-height: 1.32 !important;
letter-spacing: -.015em; color: var(--text);
}
.mojo-lp .lp-stm__w {
background-image: linear-gradient(rgba(var(--gold-rgb),.34), rgba(var(--gold-rgb),.34));
background-repeat: no-repeat; background-position: 0 86%;
background-size: calc(clamp(0, var(--lp-stm-f) * var(--n, 20) - var(--i, 0), 1) * 100%) 74%;
box-decoration-break: clone; -webkit-box-decoration-break: clone;
padding: .03em .06em; margin-inline: -.06em;
}
.mojo-lp .lp-stm__fuss { display: flex; align-items: center; gap: clamp(14px, 1.6vw, 24px); flex-wrap: wrap; }
.mojo-lp .lp-stm__zeichen { font-size: clamp(44px, 4vw, 72px); font-weight: 800; color: var(--accent); line-height: 0 !important; align-self: center; height: .4em; overflow: visible; }
.mojo-lp .lp-stg__buehne { position: relative; min-height: clamp(540px, 66vh, 740px); display: flex; align-items: flex-end; overflow: hidden; }
.mojo-lp .lp-stg__motiv { position: absolute; inset: 0; overflow: hidden; }
.mojo-lp .lp-stg__buehne::after {
content: ""; position: absolute; inset: 0; z-index: 1; pointer-events: none;
background: linear-gradient(180deg, rgba(6,7,4,.18) 0%, rgba(6,7,4,.30) 46%, rgba(6,7,4,.42) 100%);
}
.mojo-lp .lp-stg__seiten { position: relative; z-index: 2; width: 100%; display: grid; gap: clamp(12px, 1.4vw, 20px); padding: clamp(16px, 2vw, 30px); }
.mojo-lp .lp-stg__seite { grid-area: 1 / 1; }
.mojo-lp .lp-stg.is-an .lp-stg__seite:not(.is-akt) { position: absolute; inset-inline: clamp(16px, 2vw, 30px); inset-block-start: clamp(16px, 2vw, 30px); }
.mojo-lp .lp-stg.is-an .lp-stg__seiten { grid-template-columns: 1fr; }
.mojo-lp .lp-stg.is-an .lp-stg__seite { grid-area: 1 / 1; opacity: 0; pointer-events: none; transition: opacity .45s var(--ease); }
.mojo-lp .lp-stg.is-an .lp-stg__seite.is-akt { opacity: 1; pointer-events: auto; }
.mojo-lp .lp-stg__karten {
display: grid; grid-template-columns: repeat(3, 1fr);
gap: clamp(12px, 1.4vw, 20px);
}
.mojo-lp .lp-stg__karte {
position: relative; padding: clamp(18px, 2vw, 28px); cursor: pointer;
border-radius: var(--r-card); overflow: hidden;
background: rgba(10, 11, 7, .42);
-webkit-backdrop-filter: blur(4px) saturate(1); backdrop-filter: blur(4px) saturate(1);
box-shadow: inset 0 0 0 1.5px rgba(var(--gold-rgb),.4);
display: flex; flex-direction: column; gap: 10px;
transition: background .5s var(--ease), backdrop-filter .5s var(--ease), -webkit-backdrop-filter .5s var(--ease), box-shadow .5s var(--ease);
}
.mojo-lp .lp-stg__karte::before {
content: ""; position: absolute; inset: 0; z-index: 0; pointer-events: none;
background: linear-gradient(180deg, rgba(6,7,4,.30) 0%, rgba(6,7,4,.52) 100%);
opacity: 0; transition: opacity .5s var(--ease);
}
.mojo-lp .lp-stg__karte > * { position: relative; z-index: 1; }
.mojo-lp.mojo-lp .lp-stg__karte :is(p, .lp-sti__wer, b, strong, em) { color: var(--auf-bild); }
.mojo-lp.mojo-lp .lp-stg__karte .lp-sti__rolle { color: rgba(255, 255, 255, .78); }
.mojo-lp .lp-stg.is-an .lp-stg__karte.is-akt::before { opacity: 1; }
.mojo-lp.mojo-lp .lp-stg__karte p {
margin-block: 0 !important; margin-inline: 0; max-width: none;
font-size: var(--lp-t-body); font-weight: 500; line-height: 1.65 !important;
color: var(--text); transition: opacity .5s var(--ease);
}
.mojo-lp .lp-stg__karte .lp-sti__wer, .mojo-lp .lp-stg__karte .lp-sti__rolle { transition: opacity .5s var(--ease); }
.mojo-lp .lp-stg.is-an .lp-stg__karte:not(.is-akt) {
background: rgba(10, 11, 7, .78);
-webkit-backdrop-filter: blur(18px) saturate(.6); backdrop-filter: blur(18px) saturate(.6);
box-shadow: inset 0 0 0 1.5px rgba(var(--gold-rgb),.18);
}
.mojo-lp .lp-stg.is-an .lp-stg__karte:not(.is-akt) :is(p, .lp-sti__wer, .lp-sti__rolle) { opacity: .42; }
.mojo-lp .lp-stg.is-an .lp-stg__karte.is-akt { background: rgba(var(--bild-rgb), .12); -webkit-backdrop-filter: blur(0px) saturate(1.05); backdrop-filter: blur(0px) saturate(1.05); box-shadow: inset 0 0 0 1.5px var(--lp-gold); }
.mojo-lp .lp-sfo { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); gap: clamp(24px, 3.5vw, 64px); align-items: center; }
.mojo-lp .lp-sfo__zitate { display: grid; }
.mojo-lp .lp-sfo__zitat { display: flex; flex-direction: column; gap: 12px; }
.mojo-lp.mojo-lp .lp-sfo__zitat p { margin-block: 0 !important; margin-inline: 0; max-width: 40ch; font-size: clamp(18px, 1.7vw, 30px); font-weight: 600; line-height: 1.4 !important; letter-spacing: -.01em; color: var(--text); }
.mojo-lp .lp-sfo.is-an .lp-sfo__zitate { grid-template-columns: 1fr; }
.mojo-lp .lp-sfo.is-an .lp-sfo__zitat { grid-area: 1 / 1; opacity: 0; transition: opacity .5s var(--ease); }
.mojo-lp .lp-sfo.is-an .lp-sfo__zitat.is-akt { opacity: 1; }
.mojo-lp .lp-sfo__staffel { position: relative; height: clamp(380px, 42vw, 540px); }
.mojo-lp .lp-sfo__karte { cursor: pointer; overflow: hidden; border-radius: var(--r-card); }
.mojo-lp .lp-sfo__bild { position: absolute; inset: 0; overflow: hidden; }
.mojo-lp.mojo-lp .lp-sfo__bild img { transition: filter .7s var(--ease); }
.mojo-lp .lp-sfo__karte::after { content: ""; position: absolute; inset: 0; z-index: 1; pointer-events: none; background: rgba(5, 6, 3, 0); transition: background .7s var(--ease); }
.mojo-lp .lp-sfo__schild { position: absolute; z-index: 2; left: 0; bottom: 0; right: 0; padding: clamp(12px, 1.4vw, 20px); display: flex; flex-direction: column; gap: 3px; background: linear-gradient(180deg, rgba(0,0,0,0), rgba(0,0,0,.78)); opacity: 0; transition: opacity .5s var(--ease); }
.mojo-lp .lp-sfo__staffel:not(.is-an) { height: auto; display: grid; grid-template-columns: repeat(3, 1fr); gap: clamp(12px, 1.4vw, 20px); }
.mojo-lp .lp-sfo__staffel:not(.is-an) .lp-sfo__karte { position: relative; min-height: clamp(240px, 26vw, 360px); }
.mojo-lp .lp-sfo__staffel:not(.is-an) .lp-sfo__schild { opacity: 1; }
.mojo-lp .lp-sfo__staffel.is-an .lp-sfo__karte { position: absolute; transition: left .7s var(--ease), top .7s var(--ease), width .7s var(--ease), height .7s var(--ease); }
.mojo-lp .lp-sfo__staffel.is-an .lp-sfo__karte.pos-0 { left: 0; top: 6%; width: 64%; height: 88%; z-index: 3; box-shadow: inset 0 0 0 1.5px rgba(var(--gold-rgb),.55); }
.mojo-lp .lp-sfo__staffel.is-an .lp-sfo__karte.pos-0 .lp-sfo__schild { opacity: 1; }
.mojo-lp .lp-sfo__staffel.is-an .lp-sfo__karte.pos-1 { left: 42%; top: 0; width: 50%; height: 62%; z-index: 2; }
.mojo-lp .lp-sfo__staffel.is-an .lp-sfo__karte.pos-1 .lp-sfo__bild img { filter: blur(3px); }
.mojo-lp .lp-sfo__staffel.is-an .lp-sfo__karte.pos-1::after { background: rgba(5, 6, 3, .38); }
.mojo-lp .lp-sfo__staffel.is-an .lp-sfo__karte.pos-2 { left: 60%; top: 52%; width: 40%; height: 44%; z-index: 1; }
.mojo-lp .lp-sfo__staffel.is-an .lp-sfo__karte.pos-2 .lp-sfo__bild img { filter: blur(6px); }
.mojo-lp .lp-sfo__staffel.is-an .lp-sfo__karte.pos-2::after { background: rgba(5, 6, 3, .55); }
.mojo-lp .lp-skl { position: relative; max-width: min(100%, 60rem); margin-inline: auto; padding-block: clamp(10px, 2vh, 30px); }
.mojo-lp .lp-skl__paar { position: relative; min-height: clamp(260px, 30vw, 420px); display: grid; align-items: center; }
.mojo-lp .lp-skl__zeichen {
position: absolute; z-index: 1; top: calc(50% + .19em); height: 0; overflow: visible;
font-size: clamp(110px, 13vw, 240px); font-weight: 800; color: var(--accent);
line-height: 0 !important; pointer-events: none; user-select: none;
transition: left .55s var(--ease), right .55s var(--ease), opacity .55s var(--ease);
}
.mojo-lp .lp-skl__zeichen--auf { left: 0; }
.mojo-lp .lp-skl__zeichen--zu { right: 0; }
.mojo-lp .lp-skl.is-zu .lp-skl__zeichen--auf { left: calc(50% - .62em); }
.mojo-lp .lp-skl.is-zu .lp-skl__zeichen--zu { right: calc(50% - .62em); }
.mojo-lp .lp-skl__zitate { display: grid; padding-inline: clamp(70px, 9vw, 170px); }
.mojo-lp .lp-skl__zitat { display: flex; flex-direction: column; gap: 14px; align-items: center; text-align: center; }
.mojo-lp.mojo-lp .lp-skl__zitat p { margin-block: 0 !important; margin-inline: 0; max-width: 32ch; font-size: clamp(20px, 2.1vw, 38px); font-weight: 600; line-height: 1.38 !important; letter-spacing: -.012em; color: var(--text); }
.mojo-lp .lp-skl.is-an .lp-skl__zitate { grid-template-columns: 1fr; }
.mojo-lp .lp-skl.is-an .lp-skl__zitat { grid-area: 1 / 1; align-self: center; opacity: 0; transition: opacity .4s var(--ease); }
.mojo-lp .lp-skl.is-an .lp-skl__zitat.is-akt { opacity: 1; }
.mojo-lp .lp-skl.is-zu .lp-skl__zitat.is-akt { opacity: 0; }
.mojo-lp .lp-sti__steuer { display: flex; justify-content: center; align-items: center; gap: clamp(12px, 1.4vw, 20px); flex-wrap: wrap; margin-block-start: clamp(18px, 2.4vh, 30px); }
.mojo-lp .lp-sti__pfeil {
border: 0; cursor: pointer; width: 46px; height: 46px; border-radius: 50%;
display: grid; place-items: center; background: none; color: var(--text);
font-size: 19px; box-shadow: inset 0 0 0 1.5px rgba(var(--gold-rgb),.5);
transition: background .3s var(--ease), color .3s var(--ease);
}
.mojo-lp .lp-sti__pfeil:hover { background: var(--lp-gold); color: var(--auf-gold); }
.mojo-lp .lp-sti__punkte { display: flex; gap: 8px; flex-wrap: wrap; justify-content: center; max-width: 60%; }
.mojo-lp .lp-sti__punkt { border: 0; padding: 0; cursor: pointer; width: 8px; height: 8px; border-radius: 50%; background: rgba(var(--gold-rgb),.3); transition: background .3s var(--ease); }
.mojo-lp .lp-sti__punkt.is-akt { background: var(--lp-gold); }
.mojo-lp .lp-sti__zaehler { font-size: 11px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--text-leise); font-feature-settings: "tnum" 1; line-height: 1.65 !important; }
.mojo-lp .lp-sti__zaehler b { color: var(--accent); font-weight: 700; }
.mojo-lp .lp-stn { display: grid; grid-template-columns: minmax(0, 1.12fr) minmax(0, .88fr); gap: clamp(24px, 3.2vw, 60px); align-items: center; }
.mojo-lp .lp-stn__pult { display: flex; flex-direction: column; gap: clamp(8px, 1vh, 14px); }
.mojo-lp .lp-stn__spur {
border: 0; cursor: pointer; background: none; font-family: var(--font); text-align: left;
display: grid; grid-template-columns: minmax(0, 50%) minmax(0, 1fr); align-items: center;
gap: clamp(12px, 1.4vw, 20px); padding: clamp(9px, 1vw, 14px) clamp(12px, 1.3vw, 18px);
border-radius: var(--r-card); box-shadow: inset 0 0 0 1.5px rgba(var(--gold-rgb),.22);
transition: box-shadow .4s var(--ease), background .4s var(--ease);
}
.mojo-lp .lp-stn.is-an .lp-stn__spur:not(.is-akt) { box-shadow: none;
}
.mojo-lp .lp-stn__kanal { display: flex; flex-direction: column; gap: 2px; min-width: clamp(96px, 9vw, 150px); }
.mojo-lp .lp-stn__nr { font-size: 11px; font-weight: 700; letter-spacing: .14em; color: var(--text-leise); font-feature-settings: "tnum" 1; }
.mojo-lp .lp-stn__welle { position: relative; height: clamp(32px, 3.2vw, 46px); }
.mojo-lp .lp-stn__welle::before { content: ""; position: absolute; left: 0; right: 0; top: 50%; height: 1.5px; background: rgba(var(--gold-rgb),.3); }
.mojo-lp .lp-stn__welle svg { position: absolute; inset: 0; width: 100%; height: 100%; display: block; overflow: visible; }
.mojo-lp .lp-stn__welle g { transform-origin: 50% 50%; transition: transform .55s var(--ease); }
.mojo-lp .lp-stn__welle path { fill: none; stroke: var(--lp-gold); stroke-width: 2; stroke-linecap: round; transition: stroke .55s var(--ease); }
.mojo-lp .lp-stn.is-an .lp-stn__spur:not(.is-akt) .lp-stn__welle g { transform: scaleY(.04); }
.mojo-lp .lp-stn.is-an .lp-stn__spur:not(.is-akt) .lp-stn__welle path { stroke: rgba(var(--gold-rgb),.34); }
.mojo-lp .lp-stn__spur.is-akt { background: var(--surface); box-shadow: inset 0 0 0 1.5px var(--lp-gold); }
@media (hover: hover) {
.mojo-lp .lp-stn.is-an .lp-stn__spur:not(.is-akt):hover { box-shadow: inset 0 0 0 1.5px rgba(var(--gold-rgb),.55); }
}
.mojo-lp .lp-stn__feld { display: grid; gap: clamp(26px, 4vh, 48px); }
.mojo-lp .lp-stn__stimme { display: flex; flex-direction: column; gap: clamp(12px, 1.6vh, 20px); }
.mojo-lp.mojo-lp .lp-stn__stimme p { margin-block: 0 !important; margin-inline: 0; max-width: 34ch; font-size: clamp(19px, 1.85vw, 32px); font-weight: 600; line-height: 1.4 !important; letter-spacing: -.01em; color: var(--text); }
.mojo-lp .lp-stn.is-an .lp-stn__feld { grid-template-columns: 1fr; }
.mojo-lp .lp-stn.is-an .lp-stn__stimme { grid-area: 1 / 1; align-self: center; opacity: 0; pointer-events: none; transition: opacity .45s var(--ease); }
.mojo-lp .lp-stn.is-an .lp-stn__stimme.is-akt { opacity: 1; pointer-events: auto; }
.mojo-lp .lp-stn__strich { width: clamp(60px, 7vw, 120px); height: 1.5px; background: var(--lp-gold); }
@media (max-width: 930px) {.mojo-lp.mojo-lp :is(.lp-stg__karte, .lp-sfo__zitat) :is(p, span) { text-align: left !important; margin-inline: 0 !important; }
.mojo-lp.mojo-lp .lp-stm__zitat { text-align: left !important; margin-inline: 0 !important; }
.mojo-lp.mojo-lp:has(.lp-sfo) :is(.lp-head .lp-eyebrow, .lp-head h2, .lp-head .lp-flt) { text-align: left; margin-inline: 0 !important; }
.mojo-lp:has(.lp-sfo) .lp-head .lp-eyebrow--line { justify-content: flex-start; }
.mojo-lp:has(.lp-sfo) .lp-head .lp-eyebrow--line::before { display: block; }
.mojo-lp .lp-stg__buehne { min-height: 0; display: block; }
.mojo-lp .lp-stg__karten { grid-template-columns: 1fr; }
.mojo-lp.mojo-lp .lp-stg.is-an .lp-stg__karte:not(.is-akt) { -webkit-backdrop-filter: blur(12px) saturate(.7); backdrop-filter: blur(12px) saturate(.7); background: rgba(10, 11, 7, .82); }
.mojo-lp.mojo-lp .lp-stg.is-an .lp-stg__karte.is-akt { background: rgba(10, 11, 7, .26); }
.mojo-lp .lp-sfo { grid-template-columns: 1fr; }
.mojo-lp.mojo-lp .lp-sfo__staffel.is-an { height: auto; position: relative; display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.mojo-lp.mojo-lp .lp-sfo__staffel.is-an .lp-sfo__karte { position: relative; left: auto !important; top: auto !important; width: 100% !important; height: auto; }
.mojo-lp.mojo-lp .lp-sfo__staffel.is-an .lp-sfo__karte.pos-0 { grid-column: 1 / -1; order: 0; min-height: clamp(260px, 42vh, 360px); }
.mojo-lp.mojo-lp .lp-sfo__staffel.is-an .lp-sfo__karte.pos-1 { order: 1; }
.mojo-lp.mojo-lp .lp-sfo__staffel.is-an .lp-sfo__karte.pos-2 { order: 2; }
.mojo-lp.mojo-lp .lp-sfo__staffel.is-an .lp-sfo__karte:not(.pos-0) { min-height: 108px; }
.mojo-lp.mojo-lp .lp-sfo__staffel.is-an .lp-sfo__karte:not(.pos-0) .lp-sfo__bild img { filter: none; }
.mojo-lp.mojo-lp .lp-sfo__staffel.is-an .lp-sfo__karte:not(.pos-0)::after { background: rgba(5, 6, 3, .34); }
.mojo-lp.mojo-lp .lp-sfo__staffel.is-an .lp-sfo__karte:not(.pos-0) .lp-sfo__schild { opacity: 1; padding: 8px 10px; }
.mojo-lp.mojo-lp .lp-sfo__staffel.is-an .lp-sfo__karte:not(.pos-0) .lp-sti__rolle { display: none; }
.mojo-lp .lp-skl__paar { min-height: 0; }
.mojo-lp .lp-skl__zitate { padding-inline: clamp(6px, 3vw, 18px); padding-block: clamp(62px, 17vw, 96px); }
.mojo-lp .lp-skl__zeichen { font-size: clamp(62px, 17vw, 104px); opacity: .8; }
.mojo-lp .lp-skl__zeichen--auf { top: clamp(34px, 9vw, 54px); left: 0; }
.mojo-lp .lp-skl__zeichen--zu { top: auto; bottom: clamp(10px, 3vw, 20px); right: 0; }
.mojo-lp .lp-skl.is-zu .lp-skl__zeichen--auf { left: calc(50% - .62em); }
.mojo-lp .lp-skl.is-zu .lp-skl__zeichen--zu { right: calc(50% - .62em); }
.mojo-lp .lp-stm__block:nth-child(even) { margin-inline-start: 0; }
.mojo-lp .lp-stn { grid-template-columns: 1fr; gap: clamp(20px, 4vh, 34px); }
.mojo-lp .lp-stn__feld { order: 0; }
.mojo-lp .lp-stn__pult { order: 1; }
.mojo-lp .lp-stn__welle { height: clamp(26px, 7vw, 36px); }
.mojo-lp .lp-stn__spur { grid-template-columns: minmax(0, 1fr); gap: 8px; }
.mojo-lp .lp-stn__kanal { min-width: 0; }
.mojo-lp.mojo-lp .lp-stn__stimme p { text-align: left !important; margin-inline: 0 !important; max-width: none; }
}
.mojo-lp .lp-chr__steuer { display: flex; align-items: center; gap: clamp(10px, 1.2vw, 16px); flex-wrap: wrap; margin-top: var(--sp-head); }
.mojo-lp .lp-chr__pfeil { width: 38px; height: 38px; flex: 0 0 auto; border: 0; padding: 0; background: none; cursor: pointer; color: var(--text); font: 400 16px/1 var(--font); border-radius: var(--r-round); display: flex; align-items: center; justify-content: center; box-shadow: inset 0 0 0 1.5px var(--border); transition: box-shadow var(--t-ui) var(--ease), color var(--t-ui) var(--ease); }
.mojo-lp .lp-chr__pfeil:hover { box-shadow: inset 0 0 0 1.5px var(--lp-gold); color: var(--accent); }
.mojo-lp .lp-chr__zaehler { font-size: 11px; font-weight: 700; letter-spacing: .14em; color: var(--lp-label); font-feature-settings: "tnum" 1; }
.mojo-lp .lp-chr__zaehler b { color: var(--accent); }
.mojo-lp .lp-chr__jahr { display: inline-block; font-size: 11px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--accent); font-feature-settings: "tnum" 1; }
.mojo-lp .lp-chs { position: relative; }
.mojo-lp .lp-chs__linie { position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; z-index: 0; overflow: visible; }
.mojo-lp .lp-chs__pfad { fill: none; stroke: var(--lp-gold); stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; opacity: .85; transition: stroke-dashoffset 1.4s var(--ease); }
@media (min-width: 931px) {
.mojo-lp .lp-chs .lp-grid--4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}
.mojo-lp .lp-chs__reihe { position: relative; z-index: 1; }
.mojo-lp .lp-chs__reihe + .lp-chs__reihe { margin-top: clamp(64px, 7.5vw, 110px); }
.mojo-lp.mojo-lp :is(.lp-chp, .lp-chf) :is(.lp-card, .lp-chf__station) h3 { font-size: var(--lp-t-h3); line-height: 1.25 !important; font-weight: 700 !important; }
.mojo-lp.mojo-lp :is(.lp-chs, .lp-cha) .lp-card h3 { font-size: clamp(18px, .7vw + 8px, 22px); line-height: 1.25 !important; font-weight: 700 !important; }
.mojo-lp.mojo-lp :is(.lp-chs, .lp-cha) .lp-card p { font-size: var(--lp-t-teaser); line-height: 1.65 !important; font-weight: 500; }
.mojo-lp.mojo-lp :is(.lp-chp, .lp-chf) :is(.lp-card, .lp-chf__station) p { font-size: var(--lp-t-body); line-height: 1.65 !important; font-weight: 500; }
.mojo-lp.mojo-lp :is(.lp-chm__inhalt, .lp-chn__eintrag) p { font-size: var(--lp-t-body); line-height: 1.65 !important; font-weight: 500; }
.mojo-lp .lp-cha { display: grid; grid-template-columns: auto minmax(0, 1fr); column-gap: clamp(32px, 5vw, 90px); row-gap: 0; align-items: start; }
.mojo-lp .lp-cha__jahre { grid-column: 1; grid-row: 1 / span 3; }
.mojo-lp .lp-cha__text, .mojo-lp .lp-cha__tafel, .mojo-lp .lp-cha > .lp-chr__steuer { grid-column: 2; }
.mojo-lp .lp-cha__jahre { display: flex; flex-direction: column; align-items: flex-end; }
.mojo-lp .lp-cha__jahr { border: 0; padding: 0; background: none; cursor: pointer; text-align: right; white-space: nowrap; font-family: var(--font); font-size: clamp(44px, 5.6vw, 92px); font-weight: 800; line-height: .95; letter-spacing: -.03em; color: var(--text-leise); font-feature-settings: "tnum" 1; transition: color var(--t-ui) var(--ease); }
.mojo-lp .lp-cha__jahr.is-akt { color: var(--accent); }
@supports (-webkit-text-stroke: 1px #000) {
.mojo-lp .lp-cha__jahr { color: transparent; -webkit-text-stroke: 1px var(--kontur); transition: -webkit-text-stroke-color var(--t-ui) var(--ease), color var(--t-ui) var(--ease); }
.mojo-lp .lp-cha__jahr:hover { -webkit-text-stroke-color: var(--kontur-hi); }
.mojo-lp .lp-cha__jahr.is-akt { color: var(--accent); -webkit-text-stroke-width: 0; }
}
.mojo-lp .lp-cha__jahre { position: relative; padding-right: clamp(24px, 3.4vw, 60px); }
.mojo-lp .lp-cha__jahre::after { content: ""; position: absolute; right: 0; top: 0; bottom: 0; width: 1.5px; background: var(--surface-2); }
.mojo-lp .lp-cha__tafel { position: relative; display: grid; margin-top: var(--sp-head); padding-top: var(--sp-head); }
.mojo-lp .lp-cha__tafel::before { content: ""; position: absolute; left: 0; right: 0; top: 0; height: 1.5px; background: var(--surface-2); }
.mojo-lp .lp-cha__aera { display: flex; flex-direction: column; gap: clamp(14px, 1.8vw, 22px); }
.mojo-lp .lp-cha__aera + .lp-cha__aera { margin-top: clamp(26px, 3.4vw, 44px); }
.mojo-lp .lp-cha.is-an .lp-cha__aera { grid-area: 1 / 1; align-self: start; margin-top: 0; opacity: 0; pointer-events: none; transition: opacity .42s var(--ease); }
.mojo-lp .lp-cha.is-an .lp-cha__aera.is-akt { opacity: 1; pointer-events: auto; }
.mojo-lp .lp-cha__kopfzeile { display: flex; align-items: center; gap: 14px; }
.mojo-lp .lp-cha__lauf { flex: 1 1 auto; height: 1.5px; background: var(--surface-2); }
.mojo-lp .lp-chf { --fh: clamp(84px, 9vw, 150px); --fb: clamp(60px, 6.4vw, 108px); }
.mojo-lp .lp-chf__anzeige { display: flex; align-items: flex-start; gap: clamp(6px, .7vw, 12px); }
.mojo-lp .lp-chf__ziffer {
position: relative; width: var(--fb); height: var(--fh); flex: 0 0 auto;
perspective: 520px; border-radius: var(--r-ui); overflow: hidden;
font-size: calc(var(--fh) * .70); font-weight: 800; letter-spacing: -.03em;
color: var(--text); font-feature-settings: "tnum" 1;
}
.mojo-lp .lp-chf__ziffer::after { content: ""; position: absolute; left: 0; right: 0; top: 50%; height: 2px; margin-top: -1px; background: var(--bg); z-index: 5; }
.mojo-lp .lp-chf__ziffer { box-shadow: 0 6px 18px rgba(var(--schatten-rgb), .45); }
.mojo-lp .lp-chf__h { position: absolute; left: 0; right: 0; height: 50%; overflow: hidden; background: var(--surface-2); display: flex; justify-content: center; }
.mojo-lp .lp-chf__h b { display: block; height: var(--fh); line-height: var(--fh); font-weight: inherit; }
.mojo-lp .lp-chf__h--o { top: 0; align-items: flex-start; background: var(--surface-2); }
.mojo-lp .lp-chf__h--o::after, .mojo-lp .lp-chf__k--o::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 26%; background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,.42)); pointer-events: none; }
.mojo-lp .lp-chf__h--u::after, .mojo-lp .lp-chf__k--u::after { content: ""; position: absolute; left: 0; right: 0; top: 0; height: 26%; background: linear-gradient(to top, rgba(0,0,0,0), rgba(var(--kante-rgb),.05)); pointer-events: none; }
.mojo-lp .lp-chf__h--u { bottom: 0; }
.mojo-lp .lp-chf__h--u b { margin-top: calc(var(--fh) * -.5); }
.mojo-lp .lp-chf__k { position: absolute; left: 0; right: 0; height: 50%; overflow: hidden; display: flex; justify-content: center; z-index: 3; backface-visibility: hidden; }
.mojo-lp .lp-chf__k b { display: block; height: var(--fh); line-height: var(--fh); font-weight: inherit; }
.mojo-lp .lp-chf__k--o { top: 0; align-items: flex-start; background: var(--surface-2); transform-origin: 50% 100%; transform: rotateX(0deg); }
.mojo-lp .lp-chf__k--u { bottom: 0; background: var(--surface-2); transform-origin: 50% 0%; transform: rotateX(90deg); }
.mojo-lp .lp-chf__k--u b { margin-top: calc(var(--fh) * -.5); }
.mojo-lp .lp-chf__ziffer.is-faellt .lp-chf__k--o { animation: lp-chf-oben .10s ease-in forwards; }
.mojo-lp .lp-chf__ziffer.is-faellt .lp-chf__k--o::after { background: linear-gradient(to bottom, rgba(0,0,0,.25), rgba(0,0,0,.7)); }
.mojo-lp .lp-chf__ziffer.is-faellt .lp-chf__k--u { animation: lp-chf-unten .10s ease-out .10s forwards; }
@keyframes lp-chf-oben { to { transform: rotateX(-90deg); } }
@keyframes lp-chf-unten { to { transform: rotateX(0deg); } }
.mojo-lp .lp-chf:not(.is-an) .lp-chf__k--u { transform: rotateX(0deg); }
.mojo-lp .lp-chf__trenner { width: clamp(8px, 1vw, 16px); flex: 0 0 auto; }
.mojo-lp .lp-chf { display: grid; grid-template-columns: minmax(0, 1fr); }
.mojo-lp .lp-chf__bild { display: none; }
@media (min-width: 931px) {
.mojo-lp .lp-chf { grid-template-columns: minmax(0, 1.15fr) minmax(0, .85fr); column-gap: var(--gap-split); align-items: stretch; }
.mojo-lp .lp-chf > :not(.lp-chf__bild) { grid-column: 1; }
.mojo-lp .lp-chf__bild {
display: block; grid-column: 2; grid-row: 1 / span 4; position: relative;
min-height: clamp(320px, 36vw, 560px); margin: 0; overflow: hidden;
border-radius: var(--r-card); background: var(--surface);
}
.mojo-lp.mojo-lp .lp-chf__bild img {
position: absolute !important; inset: 0 !important; width: 100% !important;
height: 100% !important; max-width: none !important; object-fit: cover !important;
display: block !important; border-radius: inherit !important;
opacity: 0; transition: opacity .45s var(--ease);
}
.mojo-lp.mojo-lp .lp-chf__bild img.is-akt { opacity: 1; }
.mojo-lp.mojo-lp .lp-chf:not(.is-an) .lp-chf__bild img:first-child { opacity: 1; }
}
.mojo-lp .lp-chf__feld { display: grid; margin-top: var(--sp-head); }
.mojo-lp .lp-chf__station { display: flex; flex-direction: column; gap: var(--sp-title); align-items: flex-start; }
.mojo-lp .lp-chf__station + .lp-chf__station { margin-top: var(--sp-head); }
.mojo-lp .lp-chf.is-an .lp-chf__station { grid-area: 1 / 1; align-self: start; margin-top: 0; opacity: 0; pointer-events: none; transition: opacity .3s var(--ease) .34s; }
.mojo-lp .lp-chf.is-an .lp-chf__station.is-akt { opacity: 1; pointer-events: auto; }
.mojo-lp .lp-chf__leiste { display: flex; flex-wrap: wrap; gap: 8px clamp(10px, 1.2vw, 18px); margin-top: var(--sp-head); }
.mojo-lp .lp-chr__wahl { border: 0; padding: 6px 0 0; background: none; cursor: pointer; font: 700 11px/1 var(--font); letter-spacing: .14em; color: var(--lp-label); font-feature-settings: "tnum" 1; position: relative; transition: color var(--t-ui) var(--ease); }
.mojo-lp .lp-chr__wahl::before { content: ""; position: absolute; left: 0; right: 0; top: 0; height: 1.5px; background: var(--border); transition: background var(--t-ui) var(--ease); }
.mojo-lp .lp-chr__wahl:hover { color: var(--text); }
.mojo-lp .lp-chr__wahl:hover::before { background: var(--lp-gold-dk); }
.mojo-lp .lp-chr__wahl.is-akt { color: var(--accent); }
.mojo-lp .lp-chr__wahl.is-akt::before { background: var(--lp-gold); }
.mojo-lp .lp-chp { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, .85fr); gap: clamp(24px, 3.4vw, 60px); align-items: start; }
.mojo-lp .lp-chp__blatt { position: relative; aspect-ratio: 4 / 3; border-radius: var(--r-card); background: var(--surface); box-shadow: inset 0 0 0 1.5px var(--border); overflow: hidden; }
.mojo-lp .lp-chp__blatt::before { content: ""; position: absolute; inset: 0; pointer-events: none; opacity: .5;
background-image: linear-gradient(to right, rgba(var(--kante-rgb),.045) 1px, transparent 1px), linear-gradient(to bottom, rgba(var(--kante-rgb),.045) 1px, transparent 1px);
background-size: clamp(28px, 3vw, 46px) clamp(28px, 3vw, 46px); }
.mojo-lp .lp-chp__kopfzeile { position: absolute; left: clamp(14px, 1.6vw, 24px); top: clamp(12px, 1.4vw, 20px); right: clamp(14px, 1.6vw, 24px); display: flex; align-items: center; gap: 12px; }
.mojo-lp .lp-chp__lauf { flex: 1 1 auto; height: 1.5px; background: var(--surface-2); }
.mojo-lp .lp-chp__abdruck { position: absolute; left: calc(var(--x) * 1%); top: calc(var(--y) * 1%); width: clamp(74px, 9vw, 132px); margin-left: calc(clamp(74px, 9vw, 132px) / -2); margin-top: calc(clamp(74px, 9vw, 132px) / -2); rotate: calc(var(--d) * 1deg); opacity: 0; transition: opacity .5s var(--ease); }
.mojo-lp .lp-chp__abdruck svg { display: block; width: 100%; height: auto; }
.mojo-lp .lp-chp__abdruck.is-gesetzt { opacity: .62; }
.mojo-lp .lp-chp__abdruck.is-akt { opacity: 1; }
.mojo-lp .lp-chp:not(.is-an) .lp-chp__abdruck { opacity: .62; }
.mojo-lp .lp-chp__kopf { position: absolute; left: calc(var(--x) * 1%); top: calc(var(--y) * 1%); width: clamp(74px, 9vw, 132px); margin-left: calc(clamp(74px, 9vw, 132px) / -2); margin-top: calc(clamp(74px, 9vw, 132px) / -2); opacity: 0; pointer-events: none; z-index: 3; }
.mojo-lp .lp-chp__kopf svg { display: block; width: 100%; height: auto; }
.mojo-lp .lp-chp.is-an .lp-chp__kopf.is-schlag { animation: lp-chp-schlag .42s var(--ease) forwards; }
@keyframes lp-chp-schlag {
0% { opacity: 0; scale: 2.1; }
55% { opacity: 1; scale: 1.06; }
100% { opacity: 0; scale: 1; }
}
.mojo-lp .lp-chp__zaehlung { position: absolute; left: clamp(14px, 1.6vw, 24px); bottom: clamp(12px, 1.4vw, 20px); }
.mojo-lp .lp-chp__feld { display: grid; }
.mojo-lp .lp-chp__station + .lp-chp__station { margin-top: clamp(14px, 1.8vw, 22px); }
.mojo-lp .lp-chp.is-an .lp-chp__station { grid-area: 1 / 1; align-self: start; margin-top: 0; opacity: 0; pointer-events: none; transition: opacity .34s var(--ease) .2s; }
.mojo-lp .lp-chp.is-an .lp-chp__station.is-akt { opacity: 1; pointer-events: auto; }
@media (max-width: 930px) {
.mojo-lp .lp-chs__linie { display: none; }
.mojo-lp .lp-chs .lp-grid--4 { grid-template-columns: 1fr; }
.mojo-lp .lp-chs__reihe + .lp-chs__reihe { margin-top: var(--gap-grid); }
.mojo-lp .lp-cha__jahre { flex-direction: row; flex-wrap: wrap; justify-content: center; gap: clamp(12px, 3vw, 24px); }
.mojo-lp .lp-cha__jahr { font-size: clamp(26px, 7vw, 44px); }
.mojo-lp .lp-cha__jahre { padding-right: 0; padding-bottom: clamp(18px, 4vw, 28px); }
.mojo-lp .lp-cha__jahre::after { left: 0; right: 0; top: auto; bottom: 0; width: auto; height: 1.5px; }
.mojo-lp .lp-cha__text { padding-top: var(--sp-head); }
.mojo-lp .lp-cha { grid-template-columns: 1fr; }
.mojo-lp .lp-cha__jahre { grid-column: 1; grid-row: auto; }
.mojo-lp .lp-cha__text, .mojo-lp .lp-cha__tafel, .mojo-lp .lp-cha > .lp-chr__steuer { grid-column: 1; }
.mojo-lp .lp-chp { grid-template-columns: 1fr; gap: clamp(20px, 4vw, 34px); }
.mojo-lp .lp-chp .lp-chr__steuer { justify-content: center; }
.mojo-lp.mojo-lp .lp-chp__station { text-align: center; }
.mojo-lp .lp-chf { --fh: clamp(72px, 21vw, 104px); --fb: clamp(52px, 15vw, 74px); }
.mojo-lp .lp-chf__anzeige { justify-content: center; }
.mojo-lp .lp-chf__leiste { justify-content: center; }.mojo-lp .lp-chf .lp-chr__steuer { justify-content: center; }
.mojo-lp.mojo-lp .lp-chf__station { text-align: center; align-items: center; }
}
.mojo-lp .lp-chm { --chr-top: clamp(80px, 12svh, 120px); display: grid; }
.mojo-lp .lp-chm__eintrag {
display: grid; grid-template-columns: minmax(0, .38fr) minmax(0, 1fr);
column-gap: var(--gap-split); align-items: start;
padding-block: clamp(28px, 3.4vw, 52px);
border-block-start: 1.5px solid var(--border);
}
.mojo-lp .lp-chm__eintrag:last-of-type { border-block-end: 1.5px solid var(--border); }
.mojo-lp .lp-chm__marke { position: sticky; top: var(--chr-top); display: grid; gap: 6px; align-content: start; }
.mojo-lp.mojo-lp .lp-chm__jahr {
display: block; margin: 0 !important;
font-size: clamp(44px, 5.6vw, 92px); font-weight: 800; line-height: .95 !important;
letter-spacing: -.035em; color: var(--text); font-feature-settings: "tnum" 1;
}
.mojo-lp .lp-chm__inhalt { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, .9fr); column-gap: var(--gap-split); align-items: start; }
.mojo-lp.mojo-lp .lp-chm__inhalt h3 { grid-column: 1; font-size: var(--lp-t-h3) !important; font-weight: 700 !important; line-height: 1.25 !important; letter-spacing: -.01em; margin: 0 0 var(--sp-title) !important; }
.mojo-lp.mojo-lp .lp-chm__inhalt p { grid-column: 1; margin: 0 !important; max-width: 52ch; }
.mojo-lp .lp-chm__bild { grid-column: 2; grid-row: 1 / span 3; position: relative; margin: 0; aspect-ratio: 4 / 3; overflow: hidden; border-radius: var(--r-card); background: var(--surface); }
.mojo-lp.mojo-lp .lp-chm__bild img { position: absolute !important; inset: 0 !important; width: 100% !important; height: 100% !important; max-width: none !important; object-fit: cover !important; display: block !important; border-radius: inherit !important; }
@keyframes lp-chm-wisch-text { from { clip-path: inset(0 0 100% 0); } to { clip-path: inset(0); } }
@keyframes lp-chm-wisch-bild { from { clip-path: inset(100% 0 0 0); } to { clip-path: inset(0); } }
@supports (animation-timeline: view()) {
@media (prefers-reduced-motion: no-preference) {
.mojo-lp .lp-chm__inhalt > :is(h3, p) { animation: lp-chm-wisch-text auto linear both; animation-timeline: view(); animation-range: entry 15% entry 90%; }
.mojo-lp .lp-chm__bild { animation: lp-chm-wisch-bild auto linear both; animation-timeline: view(); animation-range: entry 5% entry 80%; }
}
}
.mojo-lp .lp-chn { --chr-top: clamp(80px, 12svh, 120px); }
.mojo-lp .lp-chn__eintrag {
display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, .8fr);
column-gap: var(--gap-split); align-items: center;
padding-block: clamp(26px, 3vw, 44px); border-block-start: 1.5px solid var(--border);
}
.mojo-lp.mojo-lp .lp-chn__jahr { display: block; margin: 0 0 var(--sp-title) !important; font-size: clamp(44px, 6vw, 104px); font-weight: 800; line-height: .95 !important; letter-spacing: -.035em; color: var(--text); font-feature-settings: "tnum" 1; }
.mojo-lp.mojo-lp .lp-chn__eintrag h3 { font-size: var(--lp-t-h3) !important; font-weight: 700 !important; line-height: 1.25 !important; letter-spacing: -.01em; margin: 0 0 var(--sp-title) !important; }
.mojo-lp.mojo-lp .lp-chn__eintrag p { margin: 0 !important; max-width: 52ch; }
.mojo-lp .lp-chn__bild { position: relative; margin: 0; aspect-ratio: 4 / 3; overflow: hidden; border-radius: var(--r-card); background: var(--surface); }
.mojo-lp.mojo-lp .lp-chn__bild img { position: absolute !important; inset: 0 !important; width: 100% !important; height: 100% !important; max-width: none !important; object-fit: cover !important; display: block !important; border-radius: inherit !important; }
.mojo-lp .lp-chn__schiene { display: none; }
@property --lp-chn-a { syntax: "<number>"; inherits: true; initial-value: 0; }
@keyframes lp-chn-lauf { from { --lp-chn-a: 0; } to { --lp-chn-a: 1; } }
@keyframes lp-chn-an { from, to { opacity: 1; visibility: visible; } }
@keyframes lp-chn-punkt { from, to { background: var(--lp-gold); border-color: var(--lp-gold); } }
@supports (animation-timeline: view()) {
@media (min-width: 931px) and (prefers-reduced-motion: no-preference) {
.mojo-lp .lp-chn__lauf { position: relative; height: calc(var(--n) * 70svh); view-timeline-name: --chn; view-timeline-axis: block;
animation: lp-chn-lauf auto linear both; animation-timeline: --chn; animation-range: contain 0% contain 100%; }
.mojo-lp .lp-chn__buehne { position: sticky; top: var(--chr-top); height: calc(100svh - var(--chr-top)); display: grid; grid-template-rows: minmax(0, 1fr) auto; align-content: center; }
.mojo-lp .lp-chn__eintraege { display: grid; }
.mojo-lp .lp-chn__eintrag { grid-area: 1 / 1; border: 0; padding-block: 0; opacity: 0; visibility: hidden;
animation: lp-chn-an auto linear none; animation-timeline: --chn;
animation-range: contain calc(var(--i) * 100% / var(--n)) contain calc((var(--i) + 1) * 100% / var(--n)); }
.mojo-lp .lp-chn__eintrag:first-child { animation-range: cover 0% contain calc(100% / var(--n)); }
.mojo-lp .lp-chn__eintrag:last-child { animation-range: contain calc((var(--n) - 1) * 100% / var(--n)) cover 100%; }
.mojo-lp .lp-chn__schiene { display: grid; grid-template-columns: repeat(var(--n), minmax(0, 1fr)); position: relative; padding-top: 14px; margin-top: var(--sp-head); }
.mojo-lp .lp-chn__schiene::before { content: ""; position: absolute; inset-block-start: 0; inset-inline: 0; height: 1.5px; background: var(--border); }
.mojo-lp .lp-chn__schiene::after { content: ""; position: absolute; inset-block-start: 0; inset-inline-start: 0; height: 1.5px; width: calc(var(--lp-chn-a) * 100%); background: var(--lp-gold); }
.mojo-lp .lp-chn__punkt { display: grid; gap: 8px; justify-items: start; font-size: var(--lp-t-klein); font-weight: 800; letter-spacing: .1em; color: var(--lp-label); font-feature-settings: "tnum" 1; }
.mojo-lp .lp-chn__punkt::before { content: ""; width: 9px; height: 9px; border-radius: var(--r-round); border: 1.5px solid var(--border); background: var(--bg); margin-top: -19px;
animation: lp-chn-punkt auto linear none; animation-timeline: --chn;
animation-range: contain calc(var(--i) * 100% / var(--n)) contain calc((var(--i) + 1) * 100% / var(--n)); }
}
}
@media (max-width: 930px) {
.mojo-lp .lp-chm__eintrag { grid-template-columns: minmax(0, 1fr); row-gap: var(--sp-stack); }
.mojo-lp .lp-chm__marke { position: static; }
.mojo-lp .lp-chm__inhalt { grid-template-columns: minmax(0, 1fr); }
.mojo-lp .lp-chm__bild { grid-column: 1; grid-row: 1; margin-bottom: var(--sp-stack); aspect-ratio: 16 / 9; }
.mojo-lp.mojo-lp .lp-chm__inhalt :is(h3, p) { grid-column: 1; }
.mojo-lp .lp-chn__eintrag { grid-template-columns: minmax(0, 1fr); row-gap: var(--sp-stack); }
.mojo-lp .lp-chn__eintrag + .lp-chn__eintrag { margin-block-start: var(--sp-head); }
.mojo-lp .lp-chn__bild { order: -1; aspect-ratio: 16 / 9; }
.mojo-lp.mojo-lp :is(.lp-chm__eintrag, .lp-chn__eintrag) :is(h3, p) { text-align: left; margin-inline: 0 !important; }
}
.mojo-lp .lp-loe__steuer { display: flex; align-items: center; gap: clamp(10px, 1.2vw, 16px); flex-wrap: wrap; margin-top: var(--sp-head); }
.mojo-lp .lp-loe__spalte .lp-loe__steuer { margin-top: clamp(16px, 2vh, 26px); }
.mojo-lp .lp-loe__pfeil { width: 38px; height: 38px; flex: 0 0 auto; border: 0; padding: 0; background: none; cursor: pointer; color: var(--text); font: 400 16px/1 var(--font); border-radius: var(--r-round); display: flex; align-items: center; justify-content: center; box-shadow: inset 0 0 0 1.5px var(--border); transition: box-shadow var(--t-ui) var(--ease), color var(--t-ui) var(--ease), background var(--t-ui) var(--ease); }
.mojo-lp .lp-loe__pfeil:hover { box-shadow: inset 0 0 0 1.5px var(--lp-gold); color: var(--accent); }
.mojo-lp .lp-loe__zaehler { font-size: 11px; font-weight: 700; letter-spacing: .14em; color: var(--text-leise); font-feature-settings: "tnum" 1; }
.mojo-lp .lp-loe__zaehler b { color: var(--accent); }
.mojo-lp .lp-loe__punkte { display: inline-flex; align-items: center; gap: 7px; }
.mojo-lp .lp-loe__punkt { width: 6px; height: 6px; border: 0; padding: 0; cursor: pointer; border-radius: 3px; background: rgba(var(--gold-rgb),.3); transition: width .25s var(--ease), background .25s var(--ease); }
.mojo-lp .lp-loe__punkt.is-akt { width: 18px; background: var(--lp-gold); }
.mojo-lp .lp-loe__punkt { width: 8px; height: 8px; }
.mojo-lp .lp-loe__punkt.is-akt { width: 22px; }
.mojo-lp .lp-loe__punkt:hover { background: rgba(var(--gold-rgb),.7); }
.mojo-lp .lp-loe__nr, .mojo-lp .lp-loe__label { display: block; font-size: 11px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--accent); line-height: 1.65 !important; font-feature-settings: "tnum" 1; }
.mojo-lp .lp-loe__sub { display: block; font-size: clamp(13px, .95vw, 16px); font-weight: 700; letter-spacing: .04em; text-transform: uppercase; color: var(--accent); line-height: 1.5 !important; }
.mojo-lp .lp-loe__paar { display: grid; grid-template-columns: minmax(0, 1.08fr) minmax(0, 1fr); grid-template-rows: auto auto; gap: 0 var(--gap-split); align-items: center; }
.mojo-lp .lp-loe__paar { --steuerblock: calc(38px + clamp(16px, 2vh, 26px)); }
.mojo-lp .lp-loe__paar > .lp-loe__spalte { grid-column: 1; grid-row: 1; align-self: start; }
.mojo-lp .lp-loe__paar > .lp-loe__tafel { grid-column: 2; grid-row: 1; align-self: center; margin-block-end: var(--steuerblock); }
.mojo-lp .lp-loe__spalte { min-width: 0; }.mojo-lp :is(.lp-lsf__buehne, .lp-lsf__folie, .lp-lsa__blatt, .lp-lsa__inhalt, .lp-lsp__raster, .lp-lsp__karte, .lp-lsq__band, .lp-lsq__kachel, .lp-lsg__buehne, .lp-lsm__buehne) { min-width: 0; }
.mojo-lp :is(.lp-loe__zonen, .lp-loe__schritt, .lp-loe__zeile, .lp-loe__hakenzeile) > * { min-width: 0; }
.mojo-lp .lp-loe__tafel { display: grid; grid-template-columns: minmax(0, 1fr); gap: clamp(28px, 4vw, 52px); align-content: start; min-width: 0; }
.mojo-lp .lp-loe__seite, .mojo-lp .lp-lsf__text, .mojo-lp .lp-lsa__text, .mojo-lp .lp-lsp__text { display: flex; flex-direction: column; align-items: stretch; gap: 10px; min-width: 0; }
.mojo-lp [data-lp-loesungen].is-an .lp-loe__seite:not(.is-akt) { display: none; }
.mojo-lp [data-lp-loesungen].is-an .lp-loe__seite.is-akt { grid-area: 1 / 1; }
.mojo-lp.mojo-lp :is(.lp-loe__seite, .lp-lsf__text, .lp-lsa__text, .lp-lsp__text) h3 { font-size: clamp(20px, 2vw, 34px); line-height: 1.15 !important; letter-spacing: -.015em; margin-block: 0 2px !important; }
.mojo-lp.mojo-lp :is(.lp-loe__seite, .lp-lsf__text, .lp-lsa__text, .lp-lsp__text) :is(p, li, .lp-loe__schritt-titel, .lp-loe__pille) { font-size: clamp(15px, .8vw + 5px, 19px); line-height: 1.65 !important; max-width: none; }
.mojo-lp.mojo-lp :is(.lp-loe__seite, .lp-lsf__text, .lp-lsa__text, .lp-lsp__text) p { margin-block: 0 !important; }
.mojo-lp.mojo-lp :is(.lp-loe__seite, .lp-lsf__text, .lp-lsa__text, .lp-lsp__text) .lp-list { margin-block: 0 !important; gap: 6px; }
.mojo-lp.mojo-lp :is(.lp-loe__seite, .lp-lsf__text, .lp-lsa__text, .lp-lsp__text) .lp-list li { padding-left: 22px; }
.mojo-lp.mojo-lp :is(.lp-loe__seite, .lp-lsf__text, .lp-lsa__text, .lp-lsp__text) .lp-list li b { color: var(--text); font-weight: 700; }
.mojo-lp.mojo-lp :is(.lp-loe__seite, .lp-lsf__text, .lp-lsa__text, .lp-lsp__text) .lp-btn-row { margin-block-start: calc(var(--sp-stack) + 6px - 10px) !important; }
.mojo-lp.mojo-lp :is(.lp-loe__seite, .lp-lsf__text, .lp-lsa__text, .lp-lsp__text) .lp-btn {
max-width: 100%; white-space: normal; text-align: center; overflow-wrap: anywhere; hyphens: auto;
}
.mojo-lp .lp-loe__motiv { position: relative; overflow: hidden; border-radius: var(--r-card); background: var(--surface); }
.mojo-lp.mojo-lp :is(.lp-loe__motiv, .lp-lsf__bild, .lp-lsa__bild, .lp-lsp__bild, .lp-lsp__gross, .lp-lsm__ersatz) img {
position: absolute !important; inset: 0 !important;
width: 100% !important; height: 100% !important;
max-width: none !important; min-height: 100% !important;
object-fit: cover !important; display: block !important;
}
.mojo-lp .lp-loe__label { margin-block-start: 4px; }
.mojo-lp .lp-loe__zonen { --gap-grid: 8px; }
.mojo-lp .lp-loe__zone.lp-card { padding: clamp(12px, 1.3vw, 18px) clamp(14px, 1.5vw, 20px); gap: 5px; border-top: 2px solid var(--lp-gold); }
.mojo-lp .lp-loe__zone-lbl { display: block; font-weight: 700; color: var(--text); }
.mojo-lp.mojo-lp .lp-loe__zone :is(p, .lp-loe__zone-lbl) { font-size: clamp(13px, .95vw, 15px); line-height: 1.55 !important; color: var(--text); max-width: none; }
.mojo-lp .lp-loe__schritte { display: flex; flex-direction: column; gap: 0; }
.mojo-lp .lp-loe__schritt { display: grid; grid-template-columns: 32px minmax(0, 1fr); gap: 14px; align-items: start; padding: 13px 0; border-bottom: 1.5px solid var(--border); }
.mojo-lp .lp-loe__schritt:last-child { border-bottom: none; }
.mojo-lp .lp-loe__schritt:first-child { padding-top: 4px; }
.mojo-lp .lp-loe__ziffer { width: 32px; height: 32px; display: flex; align-items: center; justify-content: center; background: rgba(var(--gold-rgb),.14); box-shadow: inset 0 0 0 1.5px rgba(var(--gold-rgb),.45); color: var(--accent); font: 700 12px/1 var(--font); font-feature-settings: "tnum" 1; }
.mojo-lp .lp-loe__schritt-titel { display: block; font-weight: 700; color: var(--text); margin-block-end: 2px; }
.mojo-lp.mojo-lp :is(.lp-loe__schritt, .lp-loe__hakenzeile, .lp-loe__zeile) p { color: var(--text); }
.mojo-lp .lp-loe__tabelle { display: flex; flex-direction: column; }
.mojo-lp .lp-loe__zeile { display: grid; grid-template-columns: minmax(96px, 26%) minmax(0, 1fr); gap: 8px 16px; align-items: baseline; padding: 11px 0; border-bottom: 1.5px solid var(--border); }
.mojo-lp .lp-loe__zeile:last-child { border-bottom: none; }
.mojo-lp .lp-loe__schluessel { font-size: 11px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--accent); line-height: 1.5 !important; }
.mojo-lp.mojo-lp .lp-loe__zeile p b { color: var(--text); font-weight: 700; }
.mojo-lp .lp-loe__pillen { display: flex; flex-wrap: wrap; gap: 8px; }
.mojo-lp .lp-loe__pille { font-weight: 500; color: var(--text); background: rgba(var(--gold-rgb),.14); box-shadow: inset 0 0 0 1.5px rgba(var(--gold-rgb),.45); border-radius: var(--r-ui); padding: 9px 16px; }
.mojo-lp .lp-loe__haken { display: flex; flex-direction: column; gap: 9px; }
.mojo-lp .lp-loe__hakenzeile { display: grid; grid-template-columns: 20px minmax(0, 1fr); gap: 12px; align-items: start; }
.mojo-lp .lp-loe__haken-icon { color: var(--accent); font-size: 15px; line-height: 1.5; }
.mojo-lp .lp-loe__ergebnis { background: rgba(var(--gold-rgb),.1); box-shadow: inset 0 0 0 1.5px rgba(var(--gold-rgb),.35); border-radius: var(--r-card); padding: clamp(13px, 1.4vw, 18px) clamp(15px, 1.7vw, 22px); display: flex; flex-direction: column; gap: 6px; }
.mojo-lp.mojo-lp .lp-loe__ergebnis p { color: var(--text); }
.mojo-lp .lp-loe__tagreihe { margin-block-start: 2px; }
.mojo-lp .lp-lsa { display: grid; grid-template-columns: minmax(0, 1fr); gap: 10px; }
.mojo-lp .lp-lsa__blatt.lp-card { padding: 0; gap: 0; overflow: hidden; transition: border-color 420ms var(--ease), background 420ms var(--ease); }
.mojo-lp .lp-lsa.is-an .lp-lsa__blatt.is-akt { border-color: rgba(var(--gold-rgb),.5); }
.mojo-lp .lp-lsa__kopf { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: 4px clamp(14px, 1.6vw, 24px); align-items: center; padding: clamp(16px, 1.8vw, 24px) clamp(20px, 2.5vw, 32px); cursor: pointer; }
.mojo-lp .lp-lsa__kopf:hover .lp-lsa__zeichen { box-shadow: inset 0 0 0 1.5px var(--lp-gold); }
.mojo-lp .lp-lsa__kopf .lp-loe__nr { grid-row: 1 / span 2; font-size: clamp(17px, 1.5vw, 23px); letter-spacing: 0; line-height: 1 !important; }
.mojo-lp.mojo-lp .lp-lsa__kopf h3 { grid-column: 2; margin: 0 !important; font-size: clamp(17px, 1.5vw, 23px); line-height: 1.15 !important; }
.mojo-lp .lp-lsa__titel { all: unset; display: block; font: inherit; color: inherit; cursor: pointer; text-align: inherit; }
.mojo-lp .lp-lsa__titel:focus-visible { outline: 2px solid var(--focus); outline-offset: 3px; border-radius: var(--r-sm); }
.mojo-lp .lp-lsa__meta { grid-column: 2; font-size: 11px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--accent); line-height: 1.5 !important; }
.mojo-lp .lp-lsa__zeichen { grid-column: 3; grid-row: 1 / span 2; width: 38px; height: 38px; border-radius: var(--r-round); box-shadow: inset 0 0 0 1.5px var(--border); position: relative; transition: box-shadow var(--t-ui) var(--ease); }
.mojo-lp .lp-lsa__zeichen::before, .mojo-lp .lp-lsa__zeichen::after { content: ""; position: absolute; left: 50%; top: 50%; width: 14px; height: 2px; margin: -1px 0 0 -7px; background: var(--lp-gold); transition: transform 420ms var(--ease), opacity 420ms var(--ease); }
.mojo-lp .lp-lsa__zeichen::after { transform: rotate(90deg); }
.mojo-lp .lp-lsa.is-an .lp-lsa__blatt.is-akt .lp-lsa__zeichen::after { transform: rotate(0deg); opacity: 0; }
.mojo-lp .lp-lsa__aufzug { display: grid; grid-template-rows: 1fr; }
.mojo-lp .lp-lsa.is-an .lp-lsa__aufzug { grid-template-rows: 0fr; transition: grid-template-rows 480ms var(--ease); }
.mojo-lp .lp-lsa.is-an .lp-lsa__blatt.is-akt .lp-lsa__aufzug { grid-template-rows: 1fr; }
.mojo-lp .lp-lsa.is-an .lp-lsa__inhalt { overflow: hidden; min-height: 0; padding-block-end: 0; transition: padding-block-end 480ms var(--ease); }
.mojo-lp .lp-lsa.is-an .lp-lsa__blatt.is-akt .lp-lsa__inhalt { padding-block-end: clamp(20px, 2.5vw, 32px); }
.mojo-lp .lp-lsa__inhalt { display: grid; grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr); gap: var(--gap-split); align-items: stretch; padding: 0 clamp(20px, 2.5vw, 32px) clamp(20px, 2.5vw, 32px); }
.mojo-lp .lp-lsa.is-an .lp-lsa__inhalt > * { opacity: 0; transform: translateY(-6px); transition: opacity 320ms var(--ease), transform 320ms var(--ease); }
.mojo-lp .lp-lsa.is-an .lp-lsa__blatt.is-akt .lp-lsa__inhalt > * { opacity: 1; transform: none; transition-delay: 160ms; }
.mojo-lp .lp-lsa__bild { position: relative; min-height: 260px; border-radius: var(--r-card); overflow: hidden; align-self: stretch; background: var(--surface-2); }
.mojo-lp .lp-lsa__text { align-self: center; }
.mojo-lp .lp-lsf__buehne { position: relative; display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--gap-grid); }
.mojo-lp .lp-lsf__folie { position: relative; display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); min-height: clamp(360px, 28vw, 460px); border-radius: var(--r-card); overflow: hidden; background: var(--surface); isolation: isolate; }
.mojo-lp .lp-lsf__bild { position: absolute; inset: 0; z-index: 0; }
.mojo-lp .lp-lsf__bild::after { content: ""; position: absolute; inset: 0; z-index: 1; background: linear-gradient(90deg, rgba(var(--bild-rgb),.95) 0%, rgba(var(--bild-rgb),.88) 44%, rgba(var(--bild-rgb),.42) 64%, rgba(var(--bild-rgb),.08) 100%); }
.mojo-lp .lp-lsf__folie--rechts .lp-lsf__bild::after { background: linear-gradient(270deg, rgba(var(--bild-rgb),.95) 0%, rgba(var(--bild-rgb),.88) 44%, rgba(var(--bild-rgb),.42) 64%, rgba(var(--bild-rgb),.08) 100%); }
.mojo-lp .lp-lsf__text { position: relative; z-index: 1; grid-column: 1; align-self: center; padding: clamp(28px, 3.4vw, 56px) clamp(60px, 5vw, 90px) clamp(28px, 3.4vw, 56px) clamp(84px, 7vw, 120px); }
.mojo-lp .lp-lsf__folie--rechts .lp-lsf__text { grid-column: 2; padding: clamp(28px, 3.4vw, 56px) clamp(84px, 7vw, 120px) clamp(28px, 3.4vw, 56px) clamp(60px, 5vw, 90px); }
.mojo-lp .lp-lsf.is-an .lp-lsf__buehne { gap: 0; }
.mojo-lp .lp-lsf.is-an .lp-lsf__folie { grid-area: 1 / 1; display: none; }
.mojo-lp .lp-lsf.is-an .lp-lsf__folie.is-akt { display: grid; }
.mojo-lp .lp-lsf__seitenpfeil { display: none; position: absolute; top: clamp(180px, 14vw, 230px); transform: translateY(-50%); z-index: 3; width: 46px; height: 46px; background: rgba(10,11,7,.55); box-shadow: inset 0 0 0 1.5px rgba(var(--kante-rgb),.35); }
.mojo-lp .lp-lsf__seitenpfeil:hover { background: rgba(var(--gold-rgb),.28); box-shadow: inset 0 0 0 1.5px var(--lp-gold); color: var(--text); }
.mojo-lp .lp-lsf.is-an .lp-lsf__seitenpfeil { display: flex; }
.mojo-lp .lp-lsf__seitenpfeil--l { left: clamp(14px, 2vw, 28px); }
.mojo-lp .lp-lsf__seitenpfeil--r { right: clamp(14px, 2vw, 28px); }
.mojo-lp .lp-lsf .lp-loe__steuer { justify-content: center; }
.mojo-lp .lp-lsf__halter { position: relative; width: 100vw; max-width: 100vw; margin-inline: calc(50% - 50vw); }
.mojo-lp .lp-lsf--vollbild .lp-lsf__folie { border-radius: 0; min-height: clamp(400px, 32vw, 520px); }
.mojo-lp .lp-lsf--vollbild .lp-lsf__seitenpfeil { top: clamp(200px, 16vw, 260px); }
.mojo-lp .lp-lsf--vollbild .lp-lsf__text { padding-inline: max(var(--sp-side), clamp(84px, 7vw, 120px)) clamp(60px, 5vw, 90px); }
.mojo-lp .lp-lsf--vollbild .lp-lsf__folie--rechts .lp-lsf__text { padding-inline: clamp(60px, 5vw, 90px) max(var(--sp-side), clamp(84px, 7vw, 120px)); }
.mojo-lp .lp-lsf--vollbild .lp-lsf__bild::after { background: linear-gradient(90deg, rgba(var(--bild-rgb),.96) 0%, rgba(var(--bild-rgb),.9) 40%, rgba(var(--bild-rgb),.55) 62%, rgba(var(--bild-rgb),.2) 82%, rgba(var(--bild-rgb),.06) 100%); }
.mojo-lp .lp-lsf--vollbild .lp-lsf__folie--rechts .lp-lsf__bild::after { background: linear-gradient(270deg, rgba(var(--bild-rgb),.96) 0%, rgba(var(--bild-rgb),.9) 40%, rgba(var(--bild-rgb),.55) 62%, rgba(var(--bild-rgb),.2) 82%, rgba(var(--bild-rgb),.06) 100%); }
.mojo-lp .lp-lsf--vollbild .lp-loe__steuer { padding-inline: var(--sp-side); }
.mojo-lp .lp-lsg__buehne { position: relative; min-height: clamp(360px, 36vw, 580px); border-radius: var(--r-card); overflow: hidden; background: radial-gradient(ellipse at 50% 34%, #23261C 0%, #0B0B0C 72%); perspective: 1000px; perspective-origin: 50% 44%; }
.mojo-lp .lp-lsg__boden { position: absolute; left: -60%; right: -60%; bottom: -2%; height: 120%; transform-origin: 50% 100%; transform: rotateX(74deg); background: repeating-linear-gradient(90deg, rgba(var(--gold-rgb),.26) 0 1.5px, transparent 1.5px 90px), repeating-linear-gradient(0deg, rgba(var(--gold-rgb),.26) 0 1.5px, transparent 1.5px 90px); -webkit-mask-image: linear-gradient(to top, rgba(0,0,0,.95) 0%, rgba(0,0,0,.5) 45%, transparent 88%); mask-image: linear-gradient(to top, rgba(0,0,0,.95) 0%, rgba(0,0,0,.5) 45%, transparent 88%); }
.mojo-lp .lp-lsg__horizont { position: absolute; left: 18%; right: 18%; top: 33%; height: 2px; background: linear-gradient(90deg, transparent, var(--lp-gold) 40%, var(--lp-gold) 60%, transparent); opacity: .55; box-shadow: 0 0 24px 6px rgba(var(--gold-rgb),.18); }
.mojo-lp .lp-lsg__nebel { position: absolute; inset: 0; z-index: 2; pointer-events: none; background: radial-gradient(ellipse at 50% 42%, rgba(10,11,7,0) 26%, rgba(10,11,7,.5) 58%, rgba(10,11,7,.9) 100%); }
.mojo-lp .lp-lsg__raum { position: absolute; inset: 0; transform-style: preserve-3d; z-index: 1; }
.mojo-lp .lp-lsg__tafel {
--tb: clamp(220px, 25vw, 420px);
--d: calc(var(--i) - var(--akt));
--wand: clamp(0, var(--d), 1);
--tief: max(var(--d), 0);
position: absolute; left: 50%; top: 47%; width: var(--tb); aspect-ratio: 4 / 3;
margin-left: calc(var(--tb) / -2); transform-style: preserve-3d;
transform: translateY(-50%) translate3d(calc(var(--seite) * (var(--wand) * clamp(150px, 15vw, 260px) + var(--d) * 22px)), calc(var(--d) * -6px), calc(var(--d) * -300px)) rotateY(calc(var(--seite) * var(--wand) * -30deg));
opacity: clamp(0, calc(1 + var(--d) * 1.35), 1);
transition: transform 1.05s cubic-bezier(.22, 1.12, .32, 1), opacity .6s var(--ease), filter .8s var(--ease);
filter: blur(calc(min(var(--tief), 2.5) * 2px));
}
.mojo-lp .lp-lsg__tafel .lp-loe__motiv { position: absolute; inset: 0; box-shadow: 0 30px 50px -24px rgba(var(--schatten-rgb),.9); }
.mojo-lp .lp-lsg__tafel .lp-loe__motiv::after { content: ""; position: absolute; inset: 0; background: #0B0B0C; opacity: clamp(0, calc(var(--d) * .22), .8); transition: opacity .95s var(--ease); }
.mojo-lp .lp-lsg__tafel::after { content: ""; position: absolute; left: 8%; right: 8%; bottom: -14px; height: 1.5px; background: var(--lp-gold); opacity: clamp(0, calc(1 - var(--d) * var(--d) * 4), 1); transition: opacity .95s var(--ease); }
.mojo-lp .lp-lsg__tafel::before { content: ""; position: absolute; left: 0; right: 0; top: 100%; height: 46%; background-image: inherit; transform: scaleY(-1); transform-origin: top; opacity: clamp(0, calc((1 - var(--d) * var(--d) * 4) * .3), .3); -webkit-mask-image: linear-gradient(to bottom, rgba(0,0,0,.55), transparent 78%); mask-image: linear-gradient(to bottom, rgba(0,0,0,.55), transparent 78%); pointer-events: none; }
.mojo-lp .lp-lsg:not(.is-an) .lp-lsg__buehne { perspective: none; min-height: 0; background: none; padding: 0; }
.mojo-lp .lp-lsg:not(.is-an) :is(.lp-lsg__boden, .lp-lsg__horizont, .lp-lsg__nebel) { display: none; }
.mojo-lp .lp-lsg:not(.is-an) .lp-lsg__raum { position: static; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--gap-grid); }
.mojo-lp .lp-lsg:not(.is-an) .lp-lsg__tafel { position: relative; left: auto; top: auto; margin: 0; width: auto; transform: none; opacity: 1; filter: none; }
.mojo-lp .lp-lsg:not(.is-an) .lp-lsg__tafel::after, .mojo-lp .lp-lsg:not(.is-an) .lp-lsg__tafel::before { display: none; }
.mojo-lp .lp-lsg:not(.is-an) .lp-lsg__tafel .lp-loe__motiv::after { display: none; }
.mojo-lp .lp-lsp__raster { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--gap-grid, 20px); align-items: start; }
.mojo-lp .lp-lsp[data-n="4"] .lp-lsp__raster { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.mojo-lp .lp-lsp[data-n="5"] .lp-lsp__raster { grid-template-columns: repeat(6, minmax(0, 1fr)); }
.mojo-lp .lp-lsp[data-n="5"] .lp-lsp__raster > .lp-lsp__karte { grid-column: span 2; }
.mojo-lp .lp-lsp[data-n="5"] .lp-lsp__raster > .lp-lsp__karte:nth-of-type(4) { grid-column: 2 / span 2; }
.mojo-lp .lp-lsp__karte.lp-card { padding: 0; gap: 0; overflow: hidden; position: relative; min-width: 0; transition: border-color var(--t-ui) var(--ease), opacity var(--t-ui) var(--ease); }
.mojo-lp .lp-lsp__flaeche { all: unset; display: block; width: 100%; min-width: 0; cursor: pointer; color: inherit; font: inherit; text-align: inherit; }
.mojo-lp .lp-lsp__flaeche:focus-visible { outline: 2px solid var(--lp-gold); outline-offset: -2px; }
.mojo-lp .lp-lsp.is-an .lp-lsp__karte:not(.is-offen):hover { border-color: rgba(var(--gold-rgb),.6); }
.mojo-lp .lp-lsp__bild { position: relative; aspect-ratio: 16 / 10; background: var(--surface-2); }
.mojo-lp .lp-lsp__kopf { display: block; padding: clamp(16px, 1.8vw, 24px) clamp(18px, 2.2vw, 28px) clamp(18px, 2.2vw, 28px); }
.mojo-lp.mojo-lp .lp-lsp__titel { display: block; font-size: clamp(17px, 1.5vw, 23px); font-weight: 700; line-height: 1.15 !important; color: var(--text); margin-block: 2px 3px; letter-spacing: -.01em; }
.mojo-lp .lp-lsp__zeichen { position: absolute; top: clamp(14px, 1.6vw, 20px); right: clamp(14px, 1.6vw, 20px); z-index: 2; width: 30px; height: 30px; border-radius: var(--r-round); background: rgba(10,11,7,.62); box-shadow: inset 0 0 0 1.5px rgba(var(--kante-rgb),.32); }
.mojo-lp .lp-lsp__zeichen::before, .mojo-lp .lp-lsp__zeichen::after { content: ""; position: absolute; left: 50%; top: 50%; width: 11px; height: 1.5px; background: var(--auf-bild); transform: translate(-50%, -50%); transition: transform var(--t-ui) var(--ease); }
.mojo-lp .lp-lsp__zeichen::after { transform: translate(-50%, -50%) rotate(90deg); }
.mojo-lp .lp-lsp.is-an .lp-lsp__karte.is-offen { border-color: rgba(var(--gold-rgb),.75); }
.mojo-lp .lp-lsp.is-an .lp-lsp__karte.is-offen .lp-lsp__zeichen { background: var(--lp-gold); box-shadow: none; }
.mojo-lp .lp-lsp.is-an .lp-lsp__karte.is-offen .lp-lsp__zeichen::before, .mojo-lp .lp-lsp.is-an .lp-lsp__karte.is-offen .lp-lsp__zeichen::after { background: var(--auf-gold); }
.mojo-lp .lp-lsp.is-an .lp-lsp__karte.is-offen .lp-lsp__zeichen::after { transform: translate(-50%, -50%) rotate(45deg); }
.mojo-lp .lp-lsp.is-an .lp-lsp__karte.is-offen .lp-lsp__zeichen::before { transform: translate(-50%, -50%) rotate(-45deg); }
.mojo-lp .lp-lsp.is-vordergrund .lp-lsp__karte:not(.is-offen) { opacity: .5; }
.mojo-lp .lp-lsp__schleier { display: none; }
.mojo-lp .lp-lsp.is-an.is-vordergrund .lp-lsp__schleier { display: block; position: fixed; inset: 0; z-index: 60; background: rgba(6,7,4,.72); -webkit-backdrop-filter: blur(3px); backdrop-filter: blur(3px); animation: lp-lsp-ein .28s var(--ease) both; }
.mojo-lp .lp-lsp__tafel { grid-column: 1 / -1; min-width: 0; }
.mojo-lp .lp-lsp.is-an .lp-lsp__tafel { display: none; }
.mojo-lp .lp-lsp.is-an .lp-lsp__tafel.is-offen { display: block; }
.mojo-lp .lp-lsp.is-an .lp-lsp__tafel.is-vorn {
position: fixed; z-index: 61;
inset: 0; margin: auto;
width: min(1080px, 94vw); height: -moz-fit-content; height: fit-content;
max-height: min(88vh, 900px);
overflow-y: auto; overscroll-behavior: contain;
animation: lp-lsp-blatt .3s var(--ease) both;
}
@keyframes lp-lsp-ein { from { opacity: 0; } to { opacity: 1; } }
@keyframes lp-lsp-blatt { from { opacity: 0; } to { opacity: 1; } }
.mojo-lp .lp-lsp__aufzug, .mojo-lp .lp-lsp__inhalt { min-width: 0; }
.mojo-lp .lp-lsp__blatt.lp-card {
position: relative; display: grid; grid-template-columns: minmax(0, .82fr) minmax(0, 1.18fr);
gap: var(--gap-split); align-items: center;
padding: clamp(18px, 2vw, 30px);
background: var(--bg); box-shadow: inset 0 0 0 1.5px rgba(var(--gold-rgb),.5), 0 40px 90px -30px rgba(var(--schatten-rgb),.95);
}
.mojo-lp .lp-lsp__blatt.lp-card > * { min-width: 0; }
.mojo-lp .lp-lsp__gross { position: relative; min-width: 0; align-self: stretch; min-height: clamp(220px, 22vw, 340px); max-height: min(70vh, 620px); border-radius: var(--r-card); overflow: hidden; background: var(--surface-2); }
.mojo-lp .lp-lsp__text { display: flex; flex-direction: column; align-items: stretch; gap: 10px; min-width: 0; }
.mojo-lp .lp-lsp__zu { position: absolute; top: 14px; right: 14px; z-index: 3; width: 40px; height: 40px; background: rgba(10,11,7,.9); box-shadow: inset 0 0 0 1.5px rgba(var(--kante-rgb),.34); }
.mojo-lp .lp-lsp__zu:hover { box-shadow: inset 0 0 0 1.5px var(--lp-gold); color: var(--accent); }
.mojo-lp .lp-lsp:not(.is-an) .lp-lsp__zu { display: none; }
.mojo-lp .lp-lsp:not(.is-an) .lp-lsp__gross { display: none; }
.mojo-lp .lp-lsp__inhalt { padding-block: clamp(12px, 1.4vw, 18px) clamp(4px, .6vw, 10px); }
.mojo-lp .lp-lsp.is-an .lp-lsp__tafel.is-vorn .lp-lsp__inhalt { padding-block: 0; }
.mojo-lp .lp-lsm__buehne { position: relative; overflow: hidden; border-radius: var(--r-card); background: radial-gradient(ellipse at 50% 46%, #1B1E16 0%, #0B0B0C 78%); aspect-ratio: 1200 / 760; }
.mojo-lp .lp-lsm__feld { display: none; position: absolute; inset: 0; width: 100%; height: 100%; touch-action: none; cursor: crosshair; }
.mojo-lp .lp-lsm.is-an .lp-lsm__feld { display: block; }
.mojo-lp .lp-lsm__muster { display: none; }
.mojo-lp .lp-lsm__ersatz { position: absolute; inset: 0; border-radius: var(--r-card); overflow: hidden; }
.mojo-lp .lp-lsm__ersatz::after { content: ""; position: absolute; inset: 0; background: rgba(10,11,7,.55); }
.mojo-lp .lp-lsm.is-an .lp-lsm__ersatz { display: none; }
.mojo-lp .lp-lsm__hinweis { display: none; position: absolute; left: clamp(14px, 1.6vw, 24px); bottom: clamp(10px, 1.2vw, 16px); z-index: 3; font: 700 10px/1.5 var(--font); letter-spacing: .14em; text-transform: uppercase; color: rgba(var(--kante-rgb),.5); }
.mojo-lp .lp-lsm.is-an .lp-lsm__hinweis { display: block; }
.mojo-lp .lp-lsm__buehne::after { content: ""; position: absolute; inset: 0; border-radius: var(--r-card); box-shadow: inset 0 0 0 1.5px rgba(var(--gold-rgb),.22); pointer-events: none; z-index: 4; }
.mojo-lp .lp-lsq__bahn { position: relative; overflow: hidden; }
.mojo-lp .lp-lsq__band { display: flex; gap: clamp(14px, 1.6vw, 24px); align-items: stretch; }
.mojo-lp .lp-lsq__kachel { position: relative; min-width: 0; }
.mojo-lp .lp-lsq__kachel .lp-loe__motiv { aspect-ratio: 16 / 10; }
.mojo-lp .lp-lsq__mitte { display: none; }
.mojo-lp .lp-lsq .lp-loe__tafel { margin-top: clamp(20px, 3vh, 34px); }
.mojo-lp .lp-lsq.is-an { --kb: clamp(280px, 40vw, 560px); }
.mojo-lp .lp-lsq.is-an .lp-lsq__bahn { cursor: grab; touch-action: pan-y; -webkit-user-select: none; user-select: none; }
.mojo-lp .lp-lsq.is-an.is-zug .lp-lsq__bahn { cursor: grabbing; }
.mojo-lp .lp-lsq.is-an .lp-lsq__band { padding-inline: calc(50% - var(--kb) / 2); transform: translate3d(var(--zug), 0, 0); }
.mojo-lp .lp-lsq.is-an .lp-lsq__kachel { flex: 0 0 var(--kb); width: var(--kb); cursor: pointer; opacity: .58; transition: opacity .6s var(--ease), filter .6s var(--ease); filter: saturate(.7); }
.mojo-lp .lp-lsq.is-an .lp-lsq__kachel.is-akt { opacity: 1; filter: none; }
.mojo-lp .lp-lsq.is-an .lp-lsq__kachel .lp-loe__motiv { box-shadow: 0 0 0 1.5px var(--border); }
.mojo-lp .lp-lsq.is-an .lp-lsq__kachel.is-akt .lp-loe__motiv { box-shadow: 0 0 0 1.5px var(--lp-gold), 0 26px 44px -22px rgba(var(--schatten-rgb),.85); }
.mojo-lp .lp-lsq__kante { position: absolute; left: 0; bottom: 2px; font: 700 10px/1.5 var(--font); letter-spacing: .14em; text-transform: uppercase; color: rgba(var(--kante-rgb),.55); white-space: nowrap; }
.mojo-lp .lp-lsq__kante b { color: var(--accent); font-weight: 700; font-feature-settings: "tnum" 1; }
.mojo-lp .lp-lsq.is-an .lp-lsq__kachel { padding-bottom: 28px; }
.mojo-lp .lp-lsq.is-an .lp-lsq__kachel.is-akt .lp-lsq__kante { color: var(--auf-bild); }
.mojo-lp .lp-lsq.is-an .lp-lsq__mitte { display: block; position: absolute; left: 50%; top: 0; bottom: 28px; width: 0; margin-left: calc(var(--kb) / -2 - clamp(7px, .8vw, 12px)); border-left: 1.5px solid rgba(var(--gold-rgb),.35); pointer-events: none; }
.mojo-lp .lp-lsq.is-an .lp-lsq__mitte::after { content: ""; position: absolute; left: calc(var(--kb) + clamp(14px, 1.6vw, 24px)); top: 0; bottom: 0; border-left: 1.5px solid rgba(var(--gold-rgb),.35); }
.mojo-lp .lp-lsq .lp-loe__steuer { justify-content: center; }
.mojo-lp .lp-lsq:not(.is-an) .lp-lsq__band { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.mojo-lp .lp-lsq:not(.is-an) .lp-lsq__kachel { padding-bottom: 26px; position: relative; }
@media (max-width: 1024px) {
.mojo-lp .lp-lsp__raster, .mojo-lp .lp-lsp[data-n="5"] .lp-lsp__raster { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.mojo-lp .lp-lsp[data-n="5"] .lp-lsp__raster > .lp-lsp__karte, .mojo-lp .lp-lsp[data-n="5"] .lp-lsp__raster > .lp-lsp__karte:nth-of-type(4) { grid-column: auto; }
.mojo-lp .lp-lsp.is-an .lp-lsp__tafel.is-vorn { width: min(760px, 94vw); }
}
@media (max-width: 930px) {
.mojo-lp .lp-loe__paar { grid-template-columns: minmax(0, 1fr); grid-template-rows: auto; gap: clamp(24px, 5vw, 36px); }
.mojo-lp .lp-loe__paar > .lp-loe__spalte { grid-column: 1; grid-row: auto; }
.mojo-lp .lp-loe__paar > .lp-loe__tafel { grid-column: 1; grid-row: auto; margin-block-end: 0; }
.mojo-lp .lp-loe__steuer { justify-content: center; }
.mojo-lp :is(.lp-loe__seite, .lp-lsf__text, .lp-lsa__text, .lp-lsp__text, .lp-lsa__kopf) { text-align: left; }
.mojo-lp.mojo-lp :is(.lp-loe__seite, .lp-lsf__text, .lp-lsa__text, .lp-lsp__text) :is(p, .lp-list, .lp-list li) { text-align: left; margin-inline: 0; }
.mojo-lp.mojo-lp :is(.lp-loe__seite, .lp-lsf__text, .lp-lsa__text, .lp-lsp__text) .lp-btn-row { justify-content: flex-start; }
.mojo-lp.mojo-lp :is(.lp-loe__seite, .lp-lsf__text, .lp-lsa__text, .lp-lsp__text) .lp-btn { width: auto; }
.mojo-lp .lp-loe__zonen { grid-template-columns: minmax(0, 1fr); }
.mojo-lp .lp-loe__zeile { grid-template-columns: minmax(0, 1fr); gap: 4px; }
.mojo-lp .lp-loe__pille { flex: 1 1 auto; text-align: center; }
.mojo-lp .lp-lsa__inhalt { grid-template-columns: minmax(0, 1fr); gap: clamp(18px, 4vw, 26px); }
.mojo-lp .lp-lsa__bild { min-height: 0; aspect-ratio: 16 / 10; }
.mojo-lp .lp-lsf__folie { grid-template-columns: minmax(0, 1fr); grid-template-rows: auto auto; min-height: 0; }
.mojo-lp .lp-lsf--vollbild .lp-lsf__folie { min-height: 0; }
.mojo-lp .lp-lsf__bild { position: relative; grid-row: 1; grid-column: 1; aspect-ratio: 16 / 10; }
.mojo-lp .lp-lsf__bild::after, .mojo-lp .lp-lsf__folie--rechts .lp-lsf__bild::after, .mojo-lp .lp-lsf--vollbild .lp-lsf__bild::after, .mojo-lp .lp-lsf--vollbild .lp-lsf__folie--rechts .lp-lsf__bild::after {
background: linear-gradient(180deg, rgba(18,20,14,0) 45%, var(--surface) 100%);
}
.mojo-lp .lp-lsf__text, .mojo-lp .lp-lsf__folie--rechts .lp-lsf__text, .mojo-lp .lp-lsf--vollbild .lp-lsf__text, .mojo-lp .lp-lsf--vollbild .lp-lsf__folie--rechts .lp-lsf__text {
grid-row: 2; grid-column: 1; padding: clamp(18px, 5vw, 28px); padding-inline: var(--sp-side);
}
.mojo-lp .lp-lsf.is-an .lp-lsf__seitenpfeil { display: none; }
.mojo-lp .lp-lsg__buehne { min-height: clamp(260px, 66vw, 400px); }
.mojo-lp .lp-lsg__tafel { --tb: clamp(160px, 42vw, 250px); }
.mojo-lp .lp-lsg__tafel { transform: translateY(-50%) translate3d(calc(var(--seite) * (var(--wand) * clamp(80px, 22vw, 130px) + var(--d) * 14px)), calc(var(--d) * -4px), calc(var(--d) * -220px)) rotateY(calc(var(--seite) * var(--wand) * -30deg)); }
.mojo-lp .lp-lsm__buehne { aspect-ratio: 4 / 3; }
.mojo-lp .lp-lsp__raster, .mojo-lp .lp-lsp[data-n="4"] .lp-lsp__raster, .mojo-lp .lp-lsp[data-n="5"] .lp-lsp__raster { grid-template-columns: minmax(0, 1fr); }
.mojo-lp .lp-lsp__blatt.lp-card { grid-template-columns: minmax(0, 1fr); gap: clamp(16px, 4vw, 24px); padding: clamp(14px, 4vw, 22px); }
.mojo-lp .lp-lsp__gross { min-height: 0; aspect-ratio: 16 / 10; }
.mojo-lp .lp-lsp.is-an .lp-lsp__tafel.is-vorn { width: calc(100vw - 2 * var(--sp-side)); max-height: 90vh; }
.mojo-lp .lp-lsq.is-an { --kb: clamp(230px, 76vw, 330px); }
}
@media (max-width: 600px) {
.mojo-lp .lp-lsp[data-n] .lp-lsp__raster { grid-template-columns: minmax(0, 1fr); }.mojo-lp .lp-lsg:not(.is-an) .lp-lsg__raum, .mojo-lp .lp-lsq:not(.is-an) .lp-lsq__band { grid-template-columns: minmax(0, 1fr); }
}
.mojo-lp .lp-ub__steuer { display: flex; align-items: center; gap: clamp(10px, 1.2vw, 16px); flex-wrap: wrap; margin-top: var(--sp-head); }
.mojo-lp .lp-ub__spalte .lp-ub__steuer { margin-top: clamp(16px, 2vh, 26px); }
.mojo-lp .lp-ub__pfeil { width: 38px; height: 38px; flex: 0 0 auto; border: 0; padding: 0; background: none; cursor: pointer; color: var(--text); font: 400 16px/1 var(--font); border-radius: var(--r-round); display: flex; align-items: center; justify-content: center; box-shadow: inset 0 0 0 1.5px var(--border); transition: box-shadow var(--t-ui) var(--ease), color var(--t-ui) var(--ease); }
.mojo-lp .lp-ub__pfeil:hover { box-shadow: inset 0 0 0 1.5px var(--lp-gold); color: var(--accent); }
.mojo-lp .lp-ub__zaehler { font-size: 11px; font-weight: 700; letter-spacing: .14em; color: var(--text-leise); font-feature-settings: "tnum" 1; }
.mojo-lp .lp-ub__zaehler b { color: var(--accent); }
.mojo-lp .lp-ub__punkte { display: inline-flex; align-items: center; gap: 7px; }
.mojo-lp .lp-ub__punkt { width: 8px; height: 8px; border: 0; padding: 0; cursor: pointer; border-radius: 4px; background: rgba(var(--gold-rgb),.3); transition: width .25s var(--ease), background .25s var(--ease); }
.mojo-lp .lp-ub__punkt.is-akt { width: 22px; background: var(--lp-gold); }
.mojo-lp .lp-ub__punkt:hover { background: rgba(var(--gold-rgb),.7); }.mojo-lp .lp-ub__nr { display: block; font-size: 11px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--accent); line-height: 1.65 !important; font-feature-settings: "tnum" 1; }
.mojo-lp .lp-ub__sub { display: block; font-size: clamp(13px, .95vw, 16px); font-weight: 700; letter-spacing: .04em; text-transform: uppercase; color: var(--accent); line-height: 1.25 !important; }
.mojo-lp .lp-ub__paar { --steuerblock: calc(38px + clamp(16px, 2vh, 26px)); display: grid; grid-template-columns: minmax(0, 1.08fr) minmax(0, 1fr); grid-template-rows: auto auto; gap: 0 var(--gap-split); align-items: center; }
.mojo-lp .lp-ub__paar > .lp-ub__spalte { grid-column: 1; grid-row: 1; min-width: 0; }
.mojo-lp .lp-ub__paar > .lp-ub__tafel { grid-column: 2; grid-row: 1; align-self: center; margin-block-end: var(--steuerblock); }
.mojo-lp :is(.lp-ubf__blatt, .lp-ubf__seg, .lp-uba__leiste, .lp-uba__eintrag, .lp-ubr__fenster, .lp-ubz__band, .lp-ubz__zahn, .lp-ubs__blatt) { min-width: 0; }.mojo-lp :is(.lp-ub__zonen, .lp-ub__zeile) > * { min-width: 0; }
.mojo-lp .lp-ub__tafel { display: grid; grid-template-columns: minmax(0, 1fr); gap: clamp(28px, 4vw, 52px); align-content: start; min-width: 0; }
.mojo-lp .lp-ub__seite { display: flex; flex-direction: column; align-items: stretch; gap: 10px; min-width: 0; }
.mojo-lp [data-lp-ueber-uns].is-an .lp-ub__tafel > .lp-ub__seite { grid-area: 1 / 1; opacity: 0; visibility: hidden; pointer-events: none; transition: opacity .42s var(--ease), visibility 0s .42s; }
.mojo-lp [data-lp-ueber-uns].is-an .lp-ub__tafel > .lp-ub__seite.is-akt { opacity: 1; visibility: visible; pointer-events: auto; transition: opacity .48s var(--ease) .16s, visibility 0s; }
.mojo-lp.mojo-lp .lp-ub__seite h3 { font-size: var(--lp-t-h3); line-height: 1.25 !important; letter-spacing: -.015em; margin-block: 0 2px !important; }.mojo-lp.mojo-lp .lp-ub__seite :is(p, li) { font-size: var(--lp-t-body); line-height: 1.65 !important; max-width: none; }
.mojo-lp.mojo-lp .lp-ub__seite p { margin-block: 0 !important; }
.mojo-lp.mojo-lp .lp-ub__seite .lp-list { margin-block: 0 !important; gap: 6px; }
.mojo-lp.mojo-lp .lp-ub__seite .lp-list li { padding-left: 22px; }
.mojo-lp.mojo-lp .lp-ub__seite .lp-list li b { color: var(--text); font-weight: 700; }
.mojo-lp.mojo-lp .lp-ub__seite .lp-btn-row { margin-block-start: calc(var(--sp-stack) + 6px - 10px) !important; }
.mojo-lp.mojo-lp .lp-ub__seite .lp-btn { max-width: 100%; white-space: normal; text-align: center; overflow-wrap: anywhere; hyphens: auto; }
.mojo-lp .lp-ub__zonen { --gap-grid: clamp(12px, 1.4vw, 18px); }
.mojo-lp.mojo-lp .lp-ub__zone { padding: clamp(14px, 1.6vw, 20px); gap: 4px; }
.mojo-lp.mojo-lp .lp-ub__zone :is(p, .lp-ub__zone-lbl) { font-size: var(--lp-t-teaser); line-height: 1.65 !important; margin: 0 !important; max-width: none; }
.mojo-lp .lp-ub__zone-lbl { color: var(--accent); }
.mojo-lp .lp-ub__zeile { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 6px clamp(12px, 1.6vw, 24px); align-items: baseline; padding-block: 10px; position: relative; }
.mojo-lp .lp-ub__zeile::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 1.5px; background: var(--border); }
.mojo-lp .lp-ub__zeile:last-child::after { display: none; }
.mojo-lp .lp-ub__wert { font-size: var(--lp-t-body); font-weight: 700; color: var(--accent); font-feature-settings: "tnum" 1; line-height: 1.25 !important; }
.mojo-lp .lp-ub__motiv { position: relative; overflow: hidden; border-radius: var(--r-card); background: var(--surface); }
.mojo-lp.mojo-lp :is(.lp-ub__motiv, .lp-ubr__plan, .lp-ubs__bild) img {
position: absolute !important; inset: 0 !important;
width: 100% !important; height: 100% !important;
max-width: none !important; min-height: 100% !important;
object-fit: cover !important; display: block !important;
}
.mojo-lp :is(.lp-ubf__seg, .lp-ubz__zahn) > .lp-ub__motiv::after {
content: ""; position: absolute; inset: 0; z-index: 1; pointer-events: none;
background: rgba(var(--bild-rgb), calc(.10 + .52 * var(--dim, 0)));
transition: background .45s var(--ease);
}
.mojo-lp .lp-ubf { --winkel: 62; --nutz: .84; }
.mojo-lp .lp-ubf__buehne { perspective: 2800px; perspective-origin: 50% 50%; }
.mojo-lp .lp-ubf__blatt {
display: grid; grid-template-columns: repeat(var(--n, 4), minmax(0, 1fr));
gap: 4px; transform-style: preserve-3d;
}
.mojo-lp .lp-ubf.is-an .lp-ubf__blatt { display: block; position: relative; }
.mojo-lp .lp-ubf.is-an .lp-ubf__blatt::before { content: ""; display: block; padding-block-start: 64%; }
.mojo-lp .lp-ubf__seg {
position: relative; display: grid; grid-template-columns: minmax(0, 1fr);
border: 0; padding: 0; background: none; cursor: pointer; text-align: left;
border-radius: var(--r-card); overflow: hidden;
box-shadow: inset 0 0 0 1.5px transparent;
transition: box-shadow var(--t-ui) var(--ease);
}
.mojo-lp .lp-ubf.is-an .lp-ubf__seg {
position: absolute; top: 0; bottom: 0;
left: var(--x, 0px); width: var(--w, 25%);
transform-origin: left center;
transform: rotateY(var(--a, 0deg));
transition: left .8s var(--ease), width .8s var(--ease), transform .8s var(--ease), box-shadow var(--t-ui) var(--ease);
}
.mojo-lp .lp-ubf__seg.is-akt { box-shadow: inset 0 0 0 1.5px var(--lp-gold); }
.mojo-lp .lp-ubf__seg > .lp-ub__motiv { grid-area: 1 / 1; border-radius: 0; }
.mojo-lp .lp-ubf__seg > .lp-ub__motiv::before { content: ""; display: block; padding-block-start: 155%; }
.mojo-lp .lp-ubf.is-an .lp-ubf__seg > .lp-ub__motiv::before { display: none; }
.mojo-lp .lp-ubf.is-an .lp-ubf__seg > .lp-ub__motiv { position: absolute; inset: 0; }
.mojo-lp .lp-ubf__falz {
position: absolute; inset: 0; z-index: 2; pointer-events: none; border-radius: 0;
background: linear-gradient(calc(90deg * var(--vz, 1)), rgba(0,0,0, calc(.06 + .34 * var(--fz, 0))) 0%, rgba(0,0,0, calc(.03 + .10 * var(--fz, 0))) 58%, rgba(255,255,255, calc(.12 * var(--fz, 0))) 100%);
transition: background .8s var(--ease);
}
.mojo-lp .lp-ubf__seg > .lp-ub__motiv::after { background: rgba(var(--bild-rgb), calc(.06 + .26 * var(--dim, 0))); }
.mojo-lp .lp-ubf__kante {
position: absolute; left: 0; right: 0; bottom: 0; z-index: 3;
padding: clamp(10px, 1.2vw, 16px); text-align: left;
font-size: 11px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase;
color: var(--text); line-height: 1.65 !important;
background: linear-gradient(180deg, rgba(10,11,7,0), rgba(10,11,7,.82));
font-feature-settings: "tnum" 1;
}
.mojo-lp .lp-ubf__kante { opacity: 0; transition: opacity .4s var(--ease); }
.mojo-lp .lp-ubf:not(.is-an) .lp-ubf__kante { opacity: 1; }
.mojo-lp .lp-ubf__seg.is-akt .lp-ubf__kante { color: var(--accent); opacity: 1; }
.mojo-lp .lp-uba { --dauer: 6.5s; }
.mojo-lp .lp-uba__gitter { display: grid; grid-template-columns: minmax(0, 1.04fr) minmax(0, 1fr); gap: var(--gap-split); align-items: stretch; }
.mojo-lp .lp-uba__leiste { display: grid; grid-template-columns: minmax(0, 1fr); gap: 6px; align-content: start; min-width: 0; }
.mojo-lp .lp-uba__eintrag { position: relative; display: grid; grid-template-columns: minmax(0, 1fr); border-radius: var(--r-card); min-width: 0; }
.mojo-lp .lp-uba.is-an .lp-uba__eintrag { grid-template-rows: auto 0fr auto; transition: grid-template-rows .46s var(--ease), background .34s var(--ease); }
.mojo-lp .lp-uba.is-an .lp-uba__eintrag.is-akt { grid-template-rows: auto 1fr auto; background: var(--surface); }
.mojo-lp.mojo-lp .lp-uba__kopfzeile { margin: 0 !important; font-size: inherit; font-weight: inherit; line-height: inherit !important; letter-spacing: normal; }
.mojo-lp.mojo-lp .lp-uba__kopf {
border: 0; background: none; cursor: pointer; text-align: left; color: inherit; font: inherit;
width: 100%; min-width: 0; display: grid; grid-template-columns: auto minmax(0, 1fr);
align-items: start; gap: clamp(12px, 1.4vw, 20px);
padding: clamp(13px, 1.5vw, 19px) clamp(14px, 1.7vw, 24px);
}
.mojo-lp .lp-uba__zahl { font-size: 11px; font-weight: 700; letter-spacing: .14em; color: var(--text-leise); line-height: 1.65 !important; font-feature-settings: "tnum" 1; transition: color var(--t-ui) var(--ease); }
.mojo-lp.mojo-lp .lp-uba__titel { display: block; font-size: var(--lp-t-h3); font-weight: 700; line-height: 1.25 !important; letter-spacing: -.01em; color: var(--text); text-wrap: balance; transition: color var(--t-ui) var(--ease); }
.mojo-lp .lp-uba__titel em { font-style: normal; color: var(--accent); }
.mojo-lp .lp-uba__kopf:hover .lp-uba__titel { color: var(--accent); }
.mojo-lp .lp-uba__eintrag.is-akt .lp-uba__zahl { color: var(--accent); }
.mojo-lp .lp-uba__lade { min-width: 0; }
.mojo-lp .lp-uba.is-an .lp-uba__lade { overflow: hidden; min-height: 0; }
.mojo-lp .lp-uba__ladeinhalt { display: grid; grid-template-columns: minmax(0, 1fr); gap: 6px; padding: 0 clamp(14px, 1.7vw, 24px) clamp(15px, 1.7vw, 22px); min-width: 0; }
.mojo-lp.mojo-lp .lp-uba__ladeinhalt p { font-size: var(--lp-t-body); line-height: 1.65 !important; margin: 0 !important; max-width: none; }
.mojo-lp .lp-uba__balken { display: none; height: 2px; border-radius: 2px; background: var(--border); overflow: hidden; margin: 0 clamp(14px, 1.7vw, 24px) clamp(13px, 1.5vw, 18px); }
.mojo-lp .lp-uba.is-an .lp-uba__eintrag.is-akt .lp-uba__balken { display: block; }
.mojo-lp .lp-uba__lauf { display: block; width: 100%; height: 100%; background: var(--lp-gold); transform: scaleX(0); transform-origin: 0 50%; }
.mojo-lp .lp-uba.is-an .lp-uba__eintrag.is-akt .lp-uba__lauf { animation: lpUbaZeit var(--dauer) linear both; }
.mojo-lp .lp-uba.is-pause .lp-uba__eintrag.is-akt .lp-uba__lauf, .mojo-lp .lp-uba.is-fort .lp-uba__eintrag.is-akt .lp-uba__lauf { animation-play-state: paused; }
@keyframes lpUbaZeit { from { transform: scaleX(0); } to { transform: scaleX(1); } }
.mojo-lp .lp-uba__buehne { position: relative; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; align-content: start; min-width: 0; }
.mojo-lp .lp-uba__bild::before { content: ""; display: block; padding-block-start: 68%; }
.mojo-lp .lp-uba.is-an .lp-uba__buehne { display: block; border-radius: var(--r-card); overflow: hidden; background: var(--surface); }
.mojo-lp .lp-uba.is-an .lp-uba__buehne::before { content: ""; display: block; padding-block-start: 74%; }
.mojo-lp .lp-uba.is-an .lp-uba__bild { position: absolute; inset: 0; border-radius: 0; opacity: 0; transition: opacity .55s var(--ease); }
.mojo-lp .lp-uba.is-an .lp-uba__bild::before { display: none; }
.mojo-lp .lp-uba.is-an .lp-uba__bild.is-akt { opacity: 1; }
.mojo-lp.mojo-lp .lp-uba__aktion { margin-block: var(--sp-head) 0 !important; }
@media (prefers-reduced-motion: reduce) {
.mojo-lp .lp-uba.is-an .lp-uba__eintrag.is-akt .lp-uba__lauf { animation: none; transform: scaleX(1); }
.mojo-lp .lp-uba.is-an .lp-uba__eintrag { transition: none; }
.mojo-lp .lp-uba.is-an .lp-uba__bild { transition: none; }
}
@property --lp-ubr-ab { syntax: '<number>'; inherits: true; initial-value: 1; }
.mojo-lp .lp-ubr__fenster { position: relative; border-radius: var(--r-card); overflow: hidden; background: var(--surface); }
.mojo-lp .lp-ubr__fenster::before { content: ""; display: block; padding-block-start: 63%; }
.mojo-lp .lp-ubr.is-zu { --lp-ubr-ab: 0; }
.mojo-lp .lp-ubr.is-an { transition: --lp-ubr-ab 1.35s var(--ease); }
.mojo-lp .lp-ubr__plan {
position: absolute; inset: 0;
-webkit-mask-image: linear-gradient(180deg, #000 0%, #000 calc(var(--lp-ubr-ab) * 100%), rgba(0,0,0,0) calc(var(--lp-ubr-ab) * 100% + 9%));
mask-image: linear-gradient(180deg, #000 0%, #000 calc(var(--lp-ubr-ab) * 100%), rgba(0,0,0,0) calc(var(--lp-ubr-ab) * 100% + 9%));
}
.mojo-lp .lp-ubr__raster {
position: absolute; inset: 0; z-index: 1; pointer-events: none;
-webkit-mask-image: linear-gradient(180deg, #000 0%, #000 calc(var(--lp-ubr-ab) * 100%), rgba(0,0,0,0) calc(var(--lp-ubr-ab) * 100% + 9%));
mask-image: linear-gradient(180deg, #000 0%, #000 calc(var(--lp-ubr-ab) * 100%), rgba(0,0,0,0) calc(var(--lp-ubr-ab) * 100% + 9%));
background:
repeating-linear-gradient(90deg, rgba(var(--gold-rgb),.16) 0 1.5px, rgba(var(--gold-rgb),0) 1.5px 9%), repeating-linear-gradient(180deg, rgba(var(--gold-rgb),.16) 0 1.5px, rgba(var(--gold-rgb),0) 1.5px 13%);
}
.mojo-lp .lp-ubr__marke {
position: absolute; z-index: 4; border: 0; background: none; padding: 0; cursor: pointer;
left: calc(var(--mx) * 1%); top: calc(var(--my) * 1%);
display: flex; align-items: center; gap: 8px;
margin-left: -7px; margin-top: -7px;
opacity: clamp(0, calc((var(--lp-ubr-ab) - var(--mp)) * 9), 1);
transition: opacity .3s var(--ease);
}
.mojo-lp .lp-ubr__punktmarke {
width: 14px; height: 14px; flex: 0 0 auto; border-radius: var(--r-round);
background: var(--lp-gold); box-shadow: 0 0 0 4px rgba(var(--gold-rgb),.22), 0 2px 8px rgba(var(--schatten-rgb),.6);
transition: box-shadow .3s var(--ease);
}
.mojo-lp .lp-ubr__marke.is-akt .lp-ubr__punktmarke { box-shadow: 0 0 0 9px rgba(var(--gold-rgb),.3), 0 2px 8px rgba(var(--schatten-rgb),.6); }
.mojo-lp .lp-ubr__markentext {
font-size: 11px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase;
color: var(--auf-bild); line-height: 1.65 !important; white-space: nowrap;
padding: 5px 10px; border-radius: var(--r-ui);
background: rgba(10,11,7,.72); box-shadow: inset 0 0 0 1.5px rgba(var(--kante-rgb),.14);
}
.mojo-lp .lp-ubr__marke.is-akt .lp-ubr__markentext { color: var(--auf-gold); background: var(--lp-gold); box-shadow: none; }
.mojo-lp .lp-ubr__marke--links { flex-direction: row-reverse; }
@property --lp-ubz-ein { syntax: '<number>'; inherits: true; initial-value: 1; }
.mojo-lp .lp-ubz__buehne { overflow: hidden; }
.mojo-lp .lp-ubz { --sicht: 3; --luecke: 8px; }
.mojo-lp .lp-ubz__band { display: grid; grid-template-columns: repeat(var(--n, 6), minmax(0, 1fr)); gap: var(--luecke); grid-template-rows: clamp(240px, 26vw, 360px); }
.mojo-lp .lp-ubz.is-zu { --lp-ubz-ein: 0; }
.mojo-lp .lp-ubz.is-an { transition: --lp-ubz-ein 1.25s var(--ease); }
.mojo-lp .lp-ubz.is-an .lp-ubz__band { display: block; position: relative; height: clamp(300px, 31vw, 440px); grid-template-rows: none; }
.mojo-lp .lp-ubz__zahn {
position: relative; display: grid; grid-template-columns: minmax(0, 1fr);
border: 0; padding: 0; background: var(--surface); cursor: pointer; text-align: left;
height: 74%; align-self: var(--kante, start);
border-radius: var(--r-card); overflow: hidden;
transform: translateY(calc((1 - var(--lp-ubz-ein)) * var(--vz, 1) * 78%));
box-shadow: inset 0 0 0 1.5px transparent;
transition: box-shadow var(--t-ui) var(--ease);
}
.mojo-lp .lp-ubz.is-an .lp-ubz__zahn {
position: absolute; left: var(--x, 0px); width: var(--w, 33%); height: 74%;
top: var(--oben, auto); bottom: var(--unten, auto);
transition: left .62s var(--ease), transform 1.25s var(--ease), box-shadow var(--t-ui) var(--ease);
}
.mojo-lp .lp-ubz.is-an .lp-ubz__zahn.is-sprung { transition: transform 1.25s var(--ease), box-shadow var(--t-ui) var(--ease); }
.mojo-lp .lp-ubz__zahn.is-akt { box-shadow: inset 0 0 0 1.5px var(--lp-gold); }
.mojo-lp .lp-ubz__zahn > .lp-ub__motiv { grid-area: 1 / 1; border-radius: 0; }
.mojo-lp .lp-ubz__kante {
position: absolute; left: 0; right: 0; z-index: 3;
top: var(--lbl-top, auto); bottom: var(--lbl-bottom, 0);
padding: clamp(10px, 1.2vw, 16px);
font-size: 11px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase;
color: var(--text); line-height: 1.65 !important;
background: linear-gradient(180deg, rgba(10,11,7,0), rgba(10,11,7,.82));
}
.mojo-lp .lp-ubz__zahn.is-akt .lp-ubz__kante { color: var(--accent); }
.mojo-lp .lp-ubz__buehne { position: relative; }
.mojo-lp .lp-ubz__naht {
position: absolute; left: 0; right: 0; top: 50%; margin-top: -.75px; height: 1.5px;
background: linear-gradient(90deg, rgba(var(--gold-rgb),0), rgba(var(--gold-rgb),.9) 18%, rgba(var(--gold-rgb),.9) 82%, rgba(var(--gold-rgb),0));
opacity: calc(var(--lp-ubz-ein) * 1); pointer-events: none; z-index: 0;
box-shadow: 0 0 14px rgba(var(--gold-rgb),.45);
}
.mojo-lp.mojo-lp .lp-ubs__satz {
font-size: clamp(21px, 2.2vw, 36px); font-weight: 700; line-height: 1.62 !important;
letter-spacing: -.02em; max-width: 32ch; color: var(--text); text-wrap: balance;
margin-block: 0 !important; margin-inline: 0;
}
.mojo-lp .lp-ubs__wort {
font: inherit; letter-spacing: inherit; color: var(--accent);
border: 0; padding: 3px 10px; margin: 0; cursor: pointer;
background: rgba(var(--gold-rgb),.09);
box-shadow: inset 0 0 0 1.5px rgba(var(--gold-rgb),.34);
border-radius: 8px; box-decoration-break: clone; text-decoration: none;
transition: background var(--t-ui) var(--ease), color var(--t-ui) var(--ease), box-shadow var(--t-ui) var(--ease);
}
.mojo-lp .lp-ubs__wort:hover { background: rgba(var(--gold-rgb),.28); box-shadow: inset 0 0 0 1.5px var(--lp-gold); }
.mojo-lp .lp-ubs__wort.is-akt { background: var(--lp-gold); color: var(--auf-gold); box-shadow: inset 0 0 0 1.5px var(--lp-gold); }
.mojo-lp .lp-ubs .lp-ub__steuer { margin-top: clamp(18px, 2.4vh, 30px); }
.mojo-lp .lp-ubs__hinweis { display: block; font-size: 11px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--text-leise); line-height: 1.65 !important; margin-top: clamp(16px, 2vh, 24px); }
.mojo-lp .lp-ubs__paar { display: grid; grid-template-columns: minmax(0, 1.02fr) minmax(0, 1fr); gap: 0 var(--gap-split); align-items: center; }
.mojo-lp .lp-ubs__spalte { min-width: 0; }
.mojo-lp .lp-ubs__blaetter { display: grid; grid-template-columns: minmax(0, 1fr); gap: clamp(28px, 4vw, 52px); min-width: 0; margin-top: 0; }
.mojo-lp .lp-ubs__blatt { display: grid; grid-template-columns: minmax(0, 1fr); gap: clamp(16px, 2vw, 26px); align-content: start; }
.mojo-lp .lp-ubs.is-an .lp-ubs__blatt { grid-area: 1 / 1; opacity: 0; visibility: hidden; pointer-events: none; transition: opacity .42s var(--ease), visibility 0s .42s; }
.mojo-lp .lp-ubs.is-an .lp-ubs__blatt.is-akt { opacity: 1; visibility: visible; pointer-events: auto; transition: opacity .48s var(--ease) .14s, visibility 0s; }
.mojo-lp .lp-ubs__bild { position: relative; overflow: hidden; border-radius: var(--r-card); background: var(--surface); min-width: 0; }
.mojo-lp .lp-ubs__bild::before { content: ""; display: block; padding-block-start: 56%; }
@media (max-width: 1024px) {
.mojo-lp .lp-ub__paar { grid-template-columns: minmax(0, 1fr); grid-template-rows: auto auto; }
.mojo-lp .lp-ub__paar > .lp-ub__spalte { grid-column: 1; grid-row: 1; }
.mojo-lp .lp-ub__paar > .lp-ub__tafel { grid-column: 1; grid-row: 2; align-self: start; margin-block-end: 0; margin-block-start: var(--sp-head); }
.mojo-lp .lp-ubs__paar { grid-template-columns: minmax(0, 1fr); }
.mojo-lp .lp-ubs__blaetter { margin-top: var(--sp-head); }
}
@media (max-width: 930px) {
.mojo-lp [data-lp-ueber-uns].is-an .lp-ub__tafel { display: block; }
.mojo-lp [data-lp-ueber-uns].is-an .lp-ub__tafel > .lp-ub__seite { display: none; }
.mojo-lp [data-lp-ueber-uns].is-an .lp-ub__tafel > .lp-ub__seite.is-akt { display: flex; }
.mojo-lp .lp-ubs.is-an .lp-ubs__blaetter { display: block; }
.mojo-lp .lp-ubs.is-an .lp-ubs__blatt { display: none; }
.mojo-lp .lp-ubs.is-an .lp-ubs__blatt.is-akt { display: grid; }
.mojo-lp .lp-ubf__blatt { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(8px, 2vw, 14px); }
.mojo-lp .lp-ubf.is-an .lp-ubf__blatt { display: grid; }
.mojo-lp .lp-ubf.is-an .lp-ubf__blatt::before { display: none; }
.mojo-lp .lp-ubf__buehne { perspective: none; }
.mojo-lp .lp-ubf.is-an .lp-ubf__seg {
position: relative; left: auto; width: auto; top: auto; bottom: auto;
transform: none; transition: box-shadow var(--t-ui) var(--ease), opacity .4s var(--ease);
}
.mojo-lp .lp-ubf.is-an .lp-ubf__seg > .lp-ub__motiv { position: relative; inset: auto; }
.mojo-lp .lp-ubf__seg > .lp-ub__motiv::before { padding-block-start: 132%; }
.mojo-lp .lp-ubf.is-an .lp-ubf__seg > .lp-ub__motiv::before { display: block; }
.mojo-lp .lp-ubf__falz { display: none; }
.mojo-lp .lp-ubf.is-an .lp-ubf__kante { opacity: 1; }
.mojo-lp .lp-ubf.is-an .lp-ubf__seg:not(.is-akt) { opacity: .62; }
.mojo-lp .lp-uba__gitter { grid-template-columns: minmax(0, 1fr); gap: clamp(14px, 3.4vw, 22px); }
.mojo-lp .lp-uba__buehne { grid-row: 1; }
.mojo-lp .lp-uba__leiste { grid-row: 2; gap: 8px; }
.mojo-lp .lp-uba.is-an .lp-uba__buehne::before { padding-block-start: 62%; }
.mojo-lp .lp-uba__eintrag { box-shadow: inset 0 0 0 1.5px var(--border); }
.mojo-lp .lp-uba.is-an .lp-uba__eintrag.is-akt { box-shadow: inset 0 0 0 1.5px var(--lp-gold); }
.mojo-lp.mojo-lp .lp-uba__eintrag { text-align: left; }
.mojo-lp.mojo-lp .lp-uba__ladeinhalt p { text-align: left !important; margin-inline: 0 !important; }
.mojo-lp.mojo-lp .lp-ubs__satz { line-height: 1.7 !important; }
.mojo-lp .lp-ubs__paar { grid-template-columns: minmax(0, 1fr); }
.mojo-lp .lp-ubs__blaetter { margin-top: var(--sp-head); }
.mojo-lp .lp-ubr__markentext { display: none; }
.mojo-lp .lp-ubz { --sicht: 2; }
.mojo-lp .lp-ubz__band { grid-template-columns: repeat(2, minmax(0, 1fr)); grid-template-rows: auto; row-gap: 0; }
.mojo-lp .lp-ubz.is-an .lp-ubz__band { height: clamp(240px, 62vw, 380px); }
.mojo-lp .lp-ubz__zahn { height: auto; }
.mojo-lp .lp-ubz.is-an .lp-ubz__zahn { height: 74%; }
.mojo-lp .lp-ubz__zahn > .lp-ub__motiv::before { content: ""; display: block; padding-block-start: 96%; }
.mojo-lp .lp-ubz__naht { display: none; }
.mojo-lp .lp-ubs__satz { max-width: none; text-align: center; }
.mojo-lp.mojo-lp .lp-ub__seite { text-align: left; }
.mojo-lp.mojo-lp .lp-ub__seite p, .mojo-lp.mojo-lp .lp-ub__seite li { text-align: left !important; margin-inline: 0 !important; }
.mojo-lp.mojo-lp .lp-ub__seite .lp-btn-row { justify-content: flex-start; }
}
@media (max-width: 600px) {
.mojo-lp .lp-ubf__blatt { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.mojo-lp .lp-ubf__seg > .lp-ub__motiv::before { padding-block-start: 124%; }
.mojo-lp .lp-ubz__band { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.mojo-lp .lp-ubz__zahn > .lp-ub__motiv::before { padding-block-start: 104%; }
}
.mojo-lp .lp-pk__steuer { display: flex; align-items: center; gap: clamp(10px, 1.2vw, 16px); flex-wrap: wrap; margin-top: clamp(16px, 2vh, 26px); }
.mojo-lp .lp-pk__pfeil { width: 38px; height: 38px; flex: 0 0 auto; border: 0; padding: 0; background: none; cursor: pointer; color: var(--text); font: 400 16px/1 var(--font); border-radius: var(--r-round); display: flex; align-items: center; justify-content: center; box-shadow: inset 0 0 0 1.5px var(--border); transition: box-shadow var(--t-ui) var(--ease), color var(--t-ui) var(--ease); }
.mojo-lp .lp-pk__pfeil:hover { box-shadow: inset 0 0 0 1.5px var(--lp-gold); color: var(--accent); }
.mojo-lp .lp-pk__zaehler { font-size: 11px; font-weight: 700; letter-spacing: .14em; color: var(--text-leise); font-feature-settings: "tnum" 1; }
.mojo-lp .lp-pk__zaehler b { color: var(--accent); }.mojo-lp .lp-pk__nr { display: block; font-size: 11px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--accent); line-height: 1.65 !important; font-feature-settings: "tnum" 1; }
.mojo-lp.mojo-lp .lp-pk__sub { display: block; font-size: 11px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--accent); line-height: 1.65 !important; margin: 0 !important; max-width: none; }
.mojo-lp .lp-pk__motiv { position: relative; overflow: hidden; border-radius: var(--r-card); background: var(--surface); }
.mojo-lp.mojo-lp .lp-pk__motiv img {
position: absolute !important; inset: 0 !important;
width: 100% !important; height: 100% !important;
max-width: none !important; min-height: 100% !important;
object-fit: cover !important; display: block !important;
}
.mojo-lp .lp-pk__motiv::after {
content: ""; position: absolute; inset: 0; z-index: 1; pointer-events: none;
background: rgba(var(--bild-rgb), calc(.06 + .54 * var(--dim, 0)));
transition: background .45s var(--ease);
}
.mojo-lp .lp-pk__balken { display: none; height: 2px; border-radius: 2px; background: var(--border); overflow: hidden; }
.mojo-lp .lp-pk.is-an .lp-pk__balken { display: block; }
.mojo-lp .lp-pk__lauf { display: block; width: 100%; height: 100%; background: var(--lp-gold); transform: scaleX(0); transform-origin: 0 50%; }
.mojo-lp .lp-pk.is-an.is-lauf .lp-pk__lauf { animation: lpPkZeit var(--dauer, 7s) linear both; }
.mojo-lp .lp-pk.is-pause .lp-pk__lauf, .mojo-lp .lp-pk.is-fort .lp-pk__lauf { animation-play-state: paused; }
@keyframes lpPkZeit { from { transform: scaleX(0); } to { transform: scaleX(1); } }
.mojo-lp.mojo-lp .lp-pk__tab { border: 0; background: none; cursor: pointer; text-align: left; color: inherit; font: inherit; width: 100%; min-width: 0; display: grid; gap: 2px; padding: 0; }
.mojo-lp .lp-pk__tab:focus-visible { outline: 2px solid var(--lp-gold); outline-offset: 3px; }
.mojo-lp :is(.lp-pku__streifen, .lp-pku__kachel, .lp-pkl__paar, .lp-pkl__leiste, .lp-pkl__block, .lp-pks__reihe, .lp-pks__karte, .lp-pkk__band, .lp-pkk__huelle, .lp-pkk__inhalt) { min-width: 0; }
.mojo-lp :is(.lp-pku__streifen, .lp-pkl__paar, .lp-pks__reihe, .lp-pkk__huelle) > * { min-width: 0; }
.mojo-lp .lp-pk__text { display: grid; grid-template-columns: minmax(0, 1fr); gap: 10px; min-width: 0; }
.mojo-lp.mojo-lp .lp-pk__text h3 { font-size: var(--lp-t-h3); line-height: 1.25 !important; letter-spacing: -.015em; margin-block: 0 2px !important; }
.mojo-lp.mojo-lp .lp-pk__text :is(p, li) { font-size: var(--lp-t-body); line-height: 1.65 !important; max-width: none; margin-block: 0 !important; }
.mojo-lp.mojo-lp .lp-pk__text .lp-list { margin-block: 0 !important; gap: 10px; }
.mojo-lp .lp-pk__text .lp-list li b { color: var(--text); font-weight: 700; }
.mojo-lp.mojo-lp :is(.lp-pk__text, .lp-pks__ak-panel) .lp-btn-row { margin-block-start: calc(var(--sp-stack) + 6px - 10px) !important; }
.mojo-lp.mojo-lp .lp-pk .lp-btn { max-width: 100%; white-space: normal; text-align: center; overflow-wrap: anywhere; hyphens: auto; }
.mojo-lp .lp-pku { --dauer: 16.5s; }
.mojo-lp .lp-pku__feld { position: relative; }
.mojo-lp .lp-pku__buehne { position: relative; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; align-content: start; }
.mojo-lp .lp-pku__bild::before { content: ""; display: block; padding-block-start: 62%; }
.mojo-lp .lp-pku.is-an .lp-pku__buehne { display: block; border-radius: var(--r-card); overflow: hidden; background: var(--surface); }
.mojo-lp .lp-pku.is-an .lp-pku__buehne::before { content: ""; display: block; padding-block-start: 56%; }
.mojo-lp .lp-pku.is-an .lp-pku__bild {
position: absolute; left: 0; top: 0; width: 100%; height: 100%; border-radius: var(--r-card); z-index: 5;
transition: left .62s var(--ease), top .62s var(--ease), width .62s var(--ease), height .62s var(--ease), opacity .3s var(--ease);
}
.mojo-lp .lp-pku.is-an .lp-pku__bild::before { display: none; }
.mojo-lp .lp-pku.is-an .lp-pku__bild.is-akt { z-index: 1; border-radius: 0; }
.mojo-lp .lp-pku__grund { display: none; position: absolute; inset: 0; z-index: 3; pointer-events: none;
background: linear-gradient(to bottom, rgba(var(--bild-rgb),.72) 0%, rgba(var(--bild-rgb),0) 26%, rgba(var(--bild-rgb),0) 44%, rgba(var(--bild-rgb),.88) 100%); }
.mojo-lp .lp-pku.is-an .lp-pku__grund { display: block; }
.mojo-lp .lp-pku__auf { display: none; position: absolute; z-index: 4; left: clamp(16px, 2vw, 30px); top: clamp(14px, 1.8vw, 26px); right: clamp(16px, 2vw, 30px); }
.mojo-lp .lp-pku.is-an .lp-pku__auf { display: grid; grid-template-columns: minmax(0, 1fr); gap: 2px; }
.mojo-lp .lp-pku__titel { display: block; }
.mojo-lp.mojo-lp .lp-pku__gross { font-size: var(--lp-t-h3); font-weight: 700; line-height: 1.25 !important; letter-spacing: -.015em; color: var(--text); }
.mojo-lp .lp-pku.is-an .lp-pku__auf .lp-pku__titel { grid-column: 1; grid-row: 2; opacity: 0; visibility: hidden; transition: opacity .4s var(--ease), visibility 0s .4s; }
.mojo-lp .lp-pku.is-an .lp-pku__auf .lp-pku__titel.is-akt { opacity: 1; visibility: visible; transition: opacity .45s var(--ease) .28s, visibility 0s; }
.mojo-lp .lp-pku__streifen { display: grid; grid-template-columns: repeat(var(--n, 3), minmax(0, 1fr)); gap: clamp(8px, 1vw, 14px); margin-top: 14px; }
.mojo-lp .lp-pku.is-an .lp-pku__streifen { position: absolute; z-index: 6; left: clamp(14px, 1.8vw, 26px); right: clamp(14px, 1.8vw, 26px); bottom: clamp(30px, 3.4vw, 46px); margin: 0; }
.mojo-lp .lp-pku__kachel { display: grid; gap: 6px; align-content: start; }
.mojo-lp .lp-pku__rahmen { display: none; width: 100%; border-radius: 8px; box-shadow: inset 0 0 0 1.5px rgba(var(--kante-rgb),.34); transition: box-shadow var(--t-ui) var(--ease); }
.mojo-lp .lp-pku__rahmen::before { content: ""; display: block; padding-block-start: 62%; }
.mojo-lp .lp-pku.is-an .lp-pku__rahmen { display: block; }
.mojo-lp .lp-pku__kachel:hover .lp-pku__rahmen, .mojo-lp .lp-pku__kachel.is-akt .lp-pku__rahmen { box-shadow: inset 0 0 0 1.5px var(--lp-gold); }
.mojo-lp.mojo-lp .lp-pku__name { display: block; font-size: clamp(13px, .95vw, 16px); font-weight: 700; line-height: 1.25 !important; color: var(--text); transition: color var(--t-ui) var(--ease); }
.mojo-lp .lp-pku__kachel.is-akt .lp-pku__name, .mojo-lp .lp-pku__kachel:hover .lp-pku__name { color: var(--accent); }
.mojo-lp .lp-pku__takt { margin-top: 10px; }
.mojo-lp .lp-pku.is-an .lp-pku__takt { position: absolute; z-index: 6; left: clamp(14px, 1.8vw, 26px); right: clamp(14px, 1.8vw, 26px); bottom: clamp(12px, 1.4vw, 18px); margin: 0; }
.mojo-lp .lp-pku__steuer { display: none; }
.mojo-lp .lp-pku__tafel { display: grid; grid-template-columns: minmax(0, 1fr); gap: clamp(28px, 4vw, 52px); margin-top: var(--sp-head); }
.mojo-lp .lp-pku__blatt { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr); gap: clamp(18px, 2.6vw, 44px); align-items: start; min-width: 0; }
.mojo-lp .lp-pku__blatt > * { min-width: 0; }
.mojo-lp .lp-pku.is-an .lp-pku__tafel > .lp-pku__blatt { grid-area: 1 / 1; opacity: 0; visibility: hidden; pointer-events: none; transition: opacity .42s var(--ease), visibility 0s .42s; }
.mojo-lp .lp-pku.is-an .lp-pku__tafel > .lp-pku__blatt.is-akt { opacity: 1; visibility: visible; pointer-events: auto; transition: opacity .48s var(--ease) .3s, visibility 0s; }
.mojo-lp .lp-pkl__paar { display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); gap: var(--gap-split); align-items: start; }
.mojo-lp .lp-pkl__leiste { display: grid; grid-template-columns: minmax(0, 1fr); gap: 4px; align-content: start; }
.mojo-lp .lp-pkl__kopf { position: relative; display: grid; grid-template-columns: minmax(0, 1fr); border-radius: var(--r-card); box-shadow: inset 0 0 0 1.5px var(--border); }
.mojo-lp.mojo-lp .lp-pkl__kopfinhalt { display: block; padding: 0; min-width: 0; min-height: 0; }
.mojo-lp .lp-pkl__innen { display: grid; gap: 2px; padding: clamp(11px, 1.3vw, 16px) clamp(13px, 1.5vw, 20px); min-width: 0; }
.mojo-lp.mojo-lp .lp-pkl__kname { display: block; font-size: clamp(13px, .95vw, 16px); font-weight: 700; line-height: 1.25 !important; color: var(--text); transition: color var(--t-ui) var(--ease); }
.mojo-lp .lp-pkl__kopf:hover .lp-pkl__kname { color: var(--accent); }
.mojo-lp .lp-pkl.is-an .lp-pkl__kopf { grid-template-rows: 0fr; opacity: 0; overflow: hidden; transition: grid-template-rows .42s var(--ease), opacity .34s var(--ease), box-shadow .34s var(--ease), background .34s var(--ease); }
.mojo-lp .lp-pkl.is-an .lp-pkl__kopf.is-da { grid-template-rows: 1fr; opacity: 1; }
.mojo-lp .lp-pkl.is-an .lp-pkl__kopf.is-akt { box-shadow: inset 0 0 0 1.5px var(--lp-gold); background: var(--surface); }
.mojo-lp .lp-pkl.is-an .lp-pkl__kopf.is-akt .lp-pkl__kname { color: var(--accent); }
.mojo-lp .lp-pkl__blocke { display: grid; grid-template-columns: minmax(0, 1fr); gap: clamp(40px, 6vw, 90px); }
.mojo-lp .lp-pkl__block { display: grid; grid-template-columns: minmax(0, 1fr); gap: clamp(14px, 1.8vw, 22px); scroll-margin-top: 120px; }
.mojo-lp .lp-pkl__block > * { min-width: 0; }
.mojo-lp .lp-pkl__block .lp-pk__motiv::before { content: ""; display: block; padding-block-start: 54%; }
.mojo-lp .lp-pkl.is-an .lp-pkl__block { opacity: .55; transition: opacity .4s var(--ease); }
.mojo-lp .lp-pkl.is-an .lp-pkl__block.is-akt { opacity: 1; }
.mojo-lp .lp-pkl__halter { display: none; }
.mojo-lp .lp-pkl.is-fest .lp-pkl__halter { display: block; }
.mojo-lp .lp-pkl.is-fest .lp-pkl__leiste { position: fixed; z-index: 18; top: var(--klebe, 0px); left: var(--lx, 0px); width: var(--lw, 320px); }
.mojo-lp .lp-pks { position: relative; }
.mojo-lp .lp-pks__reihe { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--gap-grid); align-items: stretch; }
.mojo-lp.mojo-lp .lp-pks__karte { position: relative; display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: auto 1fr; gap: clamp(14px, 1.6vw, 20px); padding: clamp(16px, 1.8vw, 24px); box-shadow: inset 0 0 0 1.5px var(--border); transition: box-shadow .45s var(--ease), background .45s var(--ease); }
.mojo-lp .lp-pks__karte .lp-pk__motiv::before { content: ""; display: block; padding-block-start: 66%; }
.mojo-lp.mojo-lp .lp-pks__karte .lp-pk__text h3 { font-size: clamp(18px, .7vw + 8px, 22px); line-height: 1.25 !important; letter-spacing: -.01em; }
.mojo-lp.mojo-lp .lp-pks__karte .lp-pk__text :is(p, li) { font-size: var(--lp-t-teaser); line-height: 1.65 !important; }
.mojo-lp .lp-pks__marke { position: absolute; top: 0; right: clamp(14px, 1.8vw, 24px); transform: translateY(-50%); background: var(--lp-gold); color: var(--auf-gold); padding: 4px 10px; border-radius: 20px; font-size: 11px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; z-index: 3; }
.mojo-lp .lp-pks.is-an .lp-pks__karte { --dim: .55; }
.mojo-lp .lp-pks.is-an .lp-pks__karte.is-akt { --dim: 0; box-shadow: inset 0 0 0 1.5px var(--lp-gold); background: var(--surface); }
.mojo-lp .lp-pks__saum { display: none; position: absolute; left: var(--r-card); right: var(--r-card); top: -1px; height: 2px; border-radius: 2px; background: var(--lp-gold); transform: scaleX(0); transform-origin: 50% 50%; }
.mojo-lp .lp-pks.is-an .lp-pks__saum { display: block; transition: transform .5s var(--ease); }
.mojo-lp .lp-pks.is-an .lp-pks__karte.is-akt .lp-pks__saum { transform: scaleX(1); }
.mojo-lp .lp-pkk__baender { display: grid; grid-template-columns: minmax(0, 1fr); gap: clamp(18px, 2.4vw, 34px); }
.mojo-lp .lp-pkk__band { position: relative; }
.mojo-lp .lp-pkk__huelle { position: relative; display: grid; grid-template-columns: minmax(0, .82fr) minmax(0, 1fr); gap: clamp(18px, 2.6vw, 44px); align-items: stretch; padding: clamp(16px, 1.8vw, 26px); border-radius: var(--r-card); box-shadow: inset 0 0 0 1.5px var(--border); }
.mojo-lp .lp-pkk__band--empf .lp-pkk__huelle { box-shadow: inset 0 0 0 1.5px var(--lp-gold); background: var(--surface); }
.mojo-lp .lp-pkk__band .lp-pk__motiv::before { content: ""; display: block; padding-block-start: 62%; }
.mojo-lp .lp-pkk__marke { position: absolute; top: 0; left: clamp(16px, 2vw, 30px); transform: translateY(-50%); background: var(--lp-gold); color: var(--auf-gold); padding: 4px 10px; border-radius: 20px; font-size: 11px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; z-index: 5; }
.mojo-lp .lp-pkk.is-an .lp-pkk__marke { opacity: 0; transition: opacity .3s var(--ease); }
.mojo-lp .lp-pkk.is-an .lp-pkk__band.is-frei .lp-pkk__marke { opacity: 1; transition-delay: .55s; }
.mojo-lp .lp-pkk.is-an .lp-pkk__huelle { clip-path: inset(0 100% 0 0); transition: clip-path .95s var(--ease); }
.mojo-lp .lp-pkk.is-an .lp-pkk__band.is-frei .lp-pkk__huelle { clip-path: inset(0 0 0 0); }
.mojo-lp .lp-pkk__kante { display: none; position: absolute; top: 0; bottom: 0; left: 0; width: 2px; background: var(--lp-gold); z-index: 4; }
.mojo-lp .lp-pkk.is-an .lp-pkk__kante { display: block; transform: translateX(0); opacity: 1; transition: transform .95s var(--ease), opacity .25s var(--ease) .8s; }
.mojo-lp .lp-pkk.is-an .lp-pkk__band.is-frei .lp-pkk__kante { transform: translateX(var(--bw, 100%)); opacity: 0; }
@media (min-width: 931px) {
.mojo-lp.mojo-lp .lp-pkk__band .lp-pk__motiv { height: 100%; min-height: 220px; }
.mojo-lp .lp-pkk__band .lp-pk__motiv::before { display: none; }
}
.mojo-lp .lp-pku__marke { display: grid; gap: 2px; min-width: 0; }
@media (min-width: 931px) {
.mojo-lp .lp-pku__blatt { grid-template-rows: auto auto; column-gap: clamp(18px, 2.6vw, 44px); row-gap: 10px; }
.mojo-lp .lp-pku__blatt > .lp-pku__marke { grid-column: 1; grid-row: 1; }
.mojo-lp .lp-pku__blatt > .lp-pk__text:nth-child(2) { grid-column: 1; grid-row: 2; }
.mojo-lp .lp-pku__blatt > .lp-pk__text:nth-child(3) { grid-column: 2; grid-row: 2; }
}
.mojo-lp .lp-pks__ak { margin-block-start: clamp(12px, 1.6vw, 18px); }
.mojo-lp .lp-pks__ak-btn { list-style: none; cursor: pointer; }
.mojo-lp .lp-pks__ak-btn::-webkit-details-marker { display: none; }
.mojo-lp .lp-pks__ak-btn::marker { content: ""; }
.mojo-lp .lp-pks__ak-btn:hover { color: var(--accent); border-color: var(--accent); }
.mojo-lp.mojo-lp .lp-pks__ak-panel { display: grid; gap: 10px; padding-block-start: clamp(12px, 1.6vw, 18px); min-width: 0; }
.mojo-lp .lp-pks__reihe { align-items: start; }
@media (max-width: 1024px) {
.mojo-lp .lp-pku__blatt { grid-template-columns: minmax(0, 1fr); gap: clamp(14px, 2vw, 22px); }
.mojo-lp .lp-pkl__paar { grid-template-columns: minmax(0, .88fr) minmax(0, 1.12fr); gap: clamp(20px, 3vw, 40px); }
.mojo-lp .lp-pks__reihe { gap: clamp(10px, 1.4vw, 16px); }
.mojo-lp.mojo-lp .lp-pks__karte { padding: clamp(13px, 1.6vw, 18px); }
.mojo-lp .lp-pkk__huelle { grid-template-columns: minmax(0, .9fr) minmax(0, 1fr); gap: clamp(14px, 2vw, 26px); }
}
@media (max-width: 930px) {
.mojo-lp .lp-pku.is-an .lp-pku__buehne::before { padding-block-start: 76%; }
.mojo-lp .lp-pku__rahmen { display: none !important; }
.mojo-lp .lp-pku.is-an .lp-pku__streifen { position: static; margin-top: 12px; grid-template-columns: repeat(var(--n, 3), minmax(0, 1fr)); gap: 8px; }
.mojo-lp .lp-pku.is-an .lp-pku__takt { position: static; margin-top: 12px; }
.mojo-lp.mojo-lp .lp-pku__kachel { text-align: center; padding: 10px 8px; border-radius: 8px; box-shadow: inset 0 0 0 1.5px var(--border); gap: 3px; }
.mojo-lp .lp-pku__kachel.is-akt { box-shadow: inset 0 0 0 1.5px var(--lp-gold); background: var(--surface); }
.mojo-lp .lp-pku.is-an .lp-pku__steuer { display: flex; justify-content: center; }
.mojo-lp .lp-pku__grund { background: linear-gradient(to bottom, rgba(10,11,7,.74) 0%, rgba(10,11,7,0) 34%, rgba(10,11,7,0) 100%); }
.mojo-lp .lp-pku__blatt { grid-template-columns: minmax(0, 1fr); }
.mojo-lp .lp-pku__tafel { gap: clamp(24px, 6vw, 40px); margin-top: clamp(22px, 5vw, 32px); }
.mojo-lp .lp-pku.is-an .lp-pku__tafel > .lp-pku__blatt { display: none; }
.mojo-lp .lp-pku.is-an .lp-pku__tafel > .lp-pku__blatt.is-akt { display: grid; grid-area: auto; }
.mojo-lp .lp-pkl__paar { grid-template-columns: minmax(0, 1fr); gap: var(--sp-head); }
.mojo-lp .lp-pkl.is-an .lp-pkl__kopf { grid-template-rows: 1fr !important; opacity: 1 !important; }
.mojo-lp .lp-pkl.is-an .lp-pkl__block { opacity: 1 !important; }
.mojo-lp .lp-pkl__blocke { gap: clamp(30px, 7vw, 44px); }
.mojo-lp .lp-pkl__block .lp-pk__motiv::before { padding-block-start: 66%; }
.mojo-lp .lp-pks__reihe { grid-template-columns: minmax(0, 1fr); gap: 12px; }
.mojo-lp.mojo-lp .lp-pks__karte .lp-pk__text h3 { font-size: var(--lp-t-h3); }
.mojo-lp.mojo-lp .lp-pks__karte .lp-pk__text :is(p, li) { font-size: var(--lp-t-body); }
.mojo-lp .lp-pks__karte .lp-pk__motiv::before { padding-block-start: 56%; }
.mojo-lp .lp-pkk__huelle { grid-template-columns: minmax(0, 1fr); gap: 14px; }
.mojo-lp .lp-pkk__band .lp-pk__motiv::before { padding-block-start: 58%; }
.mojo-lp.mojo-lp :is(.lp-pku__blatt, .lp-pkl__block, .lp-pks__karte, .lp-pkk__band) :is(p, li, h3) { text-align: left; margin-inline: 0 !important; }
}
@media (prefers-reduced-motion: reduce) {
.mojo-lp .lp-pk.is-an .lp-pk__lauf { animation: none; transform: scaleX(1); }
.mojo-lp .lp-pku.is-an .lp-pku__bild, .mojo-lp .lp-pkl.is-an .lp-pkl__kopf, .mojo-lp .lp-pks.is-an .lp-pks__karte { transition: none; }
.mojo-lp .lp-pks.is-an .lp-pks__saum { transition: none; }
.mojo-lp .lp-pkk.is-an .lp-pkk__huelle { clip-path: none; transition: none; }
.mojo-lp .lp-pkk.is-an .lp-pkk__kante { display: none; }
}
.mojo-lp :is(.lp-nw, .lp-nwb__bogen, .lp-nwb__blatt, .lp-nwm, .lp-nwm__register, .lp-nwm__gruppe, .lp-nwm__buehne, .lp-nwp__wrap, .lp-nw__inhalt, .lp-nw__blatt, .lp-nw__lade) { min-width: 0; }
.mojo-lp :is(.lp-nwb__bogen, .lp-nwm) > * { min-width: 0; }
.mojo-lp .lp-nw__nr { display: block; font-size: 11px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--accent); line-height: 1.65 !important; font-feature-settings: "tnum" 1; }
.mojo-lp.mojo-lp .lp-nw__sub { display: block; font-size: 11px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--text-leise); line-height: 1.65 !important; margin: 0 !important; max-width: none; font-feature-settings: "tnum" 1; }
.mojo-lp.mojo-lp .lp-nw__tab { border: 0; background: none; padding: 0; margin: 0; cursor: pointer; text-align: left; color: inherit; font: inherit; width: 100%; min-width: 0; display: grid; gap: 3px; }
.mojo-lp .lp-nw__tab:focus-visible { outline: 2px solid var(--lp-gold); outline-offset: 3px; }
.mojo-lp.mojo-lp .lp-nw__titel { display: block; font-size: var(--lp-t-h3); font-weight: 700; line-height: 1.25 !important; letter-spacing: -.01em; color: var(--text); margin: 0 !important; }
.mojo-lp .lp-nw__lade { display: grid; grid-template-rows: 1fr; min-height: 0; }
.mojo-lp .lp-nw.is-an .lp-nw__lade { grid-template-rows: 0fr; overflow: hidden; transition: grid-template-rows 430ms var(--ease); }
.mojo-lp .lp-nw.is-an .lp-nw__lade.is-auf { grid-template-rows: 1fr; }
.mojo-lp .lp-nw__blatt { min-height: 0; overflow: hidden; }
.mojo-lp .lp-nw__inhalt { display: grid; gap: 10px; padding-block: clamp(14px, 1.7vw, 22px); }
.mojo-lp.mojo-lp .lp-nw__inhalt :is(p, li) { font-size: clamp(14px, 1vw, 19px); line-height: 1.65 !important; max-width: none; margin-block: 0 !important; }
.mojo-lp.mojo-lp .lp-nw__inhalt .lp-list { margin-block: 0 !important; gap: 10px; }
.mojo-lp .lp-nw__inhalt .lp-list li b { color: var(--text); font-weight: 700; }
.mojo-lp .lp-nw__inhalt .lp-nw__zeile { display: flex; flex-wrap: wrap; gap: 6px clamp(14px, 1.6vw, 22px); }
.mojo-lp.mojo-lp .lp-nw__aktion { margin-block-start: 26px !important; margin-block-end: 0 !important; }
.mojo-lp .lp-nwp { --nwp-luft: clamp(10px, 1.2vw, 18px); }
.mojo-lp .lp-nwp.is-an { --nwp-luft: clamp(24px, 4vw, 64px); }
.mojo-lp .lp-nwp.is-an.is-frei { --nwp-luft: clamp(10px, 1.2vw, 18px); }
.mojo-lp .lp-nwp__wrap { border-radius: var(--r-card); }
.mojo-lp.mojo-lp .lp-nwp__tab :is(th, td) { padding-inline: var(--nwp-luft); transition: padding-inline 820ms var(--ease); vertical-align: top; }
.mojo-lp.mojo-lp .lp-nwp__tab.lp-nwp__tab tbody tr td { background: var(--bg) !important; }
.mojo-lp.mojo-lp.mojo-lp .lp-nwp__tab tbody tr:nth-child(4n+1) td, .mojo-lp.mojo-lp.mojo-lp .lp-nwp__tab tbody tr:nth-child(4n+2) td { background: var(--surface) !important; }
.mojo-lp.mojo-lp .lp-nwp__tab th { font-size: 11px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--text-leise); white-space: nowrap; }
.mojo-lp.mojo-lp .lp-nwp__tab td { font-size: var(--lp-t-body); line-height: 1.65; font-feature-settings: "tnum" 1; }
.mojo-lp .lp-nwp__wert { display: block; }
.mojo-lp .lp-nwp__wert b { font-weight: 600; color: var(--text); }
.mojo-lp .lp-nwp__wert i { display: block; font-style: normal; font-size: 11px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--accent); line-height: 1.65; }
.mojo-lp .lp-nwp.is-an :is(th, td) > * { opacity: 0; transition: opacity 400ms var(--ease); }
.mojo-lp .lp-nwp.is-an.is-frei :is(th, td) > * { opacity: 1; transition-delay: calc(var(--sp, 0) * 140ms); }
.mojo-lp.mojo-lp .lp-nwp__knopf { display: inline-flex; align-items: center; gap: 8px; width: auto; font-size: 11px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--accent); white-space: nowrap; }
.mojo-lp .lp-nwp__knopf em { font-style: normal; display: inline-block; width: 18px; height: 18px; border-radius: var(--r-round); box-shadow: inset 0 0 0 1.5px rgba(var(--gold-rgb), .5); text-align: center; line-height: 17px; }
.mojo-lp.mojo-lp .lp-nwp__satz > td { padding-block: 0 !important; border-block-end: 0 !important; }
.mojo-lp.mojo-lp .lp-nwp__tab tbody tr.lp-nwp__zeile.is-akt td { background: rgba(var(--gold-rgb), .07) !important; }
.mojo-lp .lp-nwb__bogen { display: grid; grid-template-columns: repeat(auto-fill, minmax(clamp(104px, 10.5vw, 158px), 1fr)); gap: clamp(12px, 1.4vw, 22px); }
.mojo-lp.mojo-lp .lp-nwb__blatt { display: grid; gap: 8px; align-content: start; }
.mojo-lp .lp-nwb__blatt[data-reveal] { --staffel: 55ms; }
.mojo-lp .lp-nwb__doku { position: relative; display: grid; overflow: hidden; border-radius: var(--r-sm); background: var(--surface); box-shadow: inset 0 0 0 1px var(--border); transition: box-shadow var(--t-ui) var(--ease); }
.mojo-lp .lp-nwb__doku::before { content: ""; grid-area: 1 / 1; padding-block-start: 141%; }
.mojo-lp.mojo-lp .lp-nwb__doku img {
position: absolute !important; inset: 0 !important;
width: 100% !important; height: 100% !important;
max-width: none !important; min-height: 100% !important;
object-fit: cover !important; object-position: top center !important; display: block !important;
}
.mojo-lp .lp-nwb__blatt:hover .lp-nwb__doku, .mojo-lp .lp-nwb__blatt.is-akt .lp-nwb__doku { box-shadow: inset 0 0 0 1.5px rgba(var(--gold-rgb), .85); }
.mojo-lp.mojo-lp .lp-nwb__name { display: block; font-size: clamp(13px, .95vw, 15px); font-weight: 600; line-height: 1.3 !important; color: var(--text); margin: 0 !important; }
.mojo-lp .lp-nwb__tafel { margin-block-start: clamp(4px, .6vw, 10px); }
.mojo-lp .lp-nwb__tafel .lp-nw__inhalt { border-block-start: 1.5px solid rgba(var(--gold-rgb), .38); padding-block-start: clamp(16px, 1.9vw, 24px); }
.mojo-lp .lp-nwb__gross { display: grid; place-items: center; padding: clamp(12px, 1.4vw, 22px); background: var(--surface); border-radius: var(--r-card); box-shadow: inset 0 0 0 1px var(--border); }
.mojo-lp.mojo-lp .lp-nwb__gross img { width: auto; max-width: 100%; max-height: min(70vh, 820px); object-fit: contain; display: block; }
.mojo-lp .lp-nwm { display: grid; grid-template-columns: minmax(0, clamp(240px, 26%, 360px)) minmax(0, 1fr); gap: clamp(22px, 3vw, 56px); align-items: start; }
.mojo-lp .lp-nwm__register { display: grid; gap: clamp(16px, 1.8vw, 26px); align-content: start; }
.mojo-lp .lp-nwm__gruppe { display: grid; gap: 1px; }
.mojo-lp.mojo-lp .lp-nwm__institut { display: block; font-size: 11px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--text-leise); line-height: 1.65 !important; margin: 0 0 6px !important; padding-block-end: 6px; border-block-end: 1px solid var(--border); }
.mojo-lp.mojo-lp .lp-nwm__zeile { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 10px; align-items: baseline; padding-block: 7px; font-size: clamp(13px, .95vw, 15px); font-weight: 500; line-height: 1.4; color: var(--text-muted); border: 0; background: none; cursor: pointer; text-align: left; width: 100%; min-width: 0; font-family: var(--font); }
.mojo-lp .lp-nwm__zeile:hover { color: var(--accent); }
.mojo-lp .lp-nwm__zeile:focus-visible { outline: 2px solid var(--lp-gold); outline-offset: 2px; }
.mojo-lp .lp-nwm__zeile.is-akt { color: var(--accent); }
.mojo-lp .lp-nwm__zeile > i { font-style: normal; font-size: 11px; font-weight: 700; letter-spacing: .1em; color: var(--text-leise); font-feature-settings: "tnum" 1; }
.mojo-lp .lp-nwm__zeile.is-akt > i { color: var(--accent); }
.mojo-lp .lp-nwm__buehne { display: grid; }
.mojo-lp .lp-nwm__doku { grid-area: 1 / 1; justify-self: center; width: 100%; max-width: min(100%, clamp(420px, 46vw, 640px)); display: grid; place-items: center; min-height: clamp(320px, 40vw, 660px); padding: clamp(12px, 1.6vw, 24px); background: var(--surface); border-radius: var(--r-card); box-shadow: inset 0 0 0 1px var(--border); }
.mojo-lp.mojo-lp .lp-nwm__doku img { width: auto; max-width: 100%; max-height: min(70vh, 820px); object-fit: contain; display: block; }
.mojo-lp .lp-nwm.is-an .lp-nwm__doku { opacity: 0; pointer-events: none; transition: opacity 380ms var(--ease); }
.mojo-lp .lp-nwm.is-an .lp-nwm__doku.is-akt { opacity: 1; pointer-events: auto; }
.mojo-lp .lp-nwm__fuss { display: flex; flex-wrap: wrap; align-items: baseline; gap: 6px clamp(14px, 1.6vw, 22px); margin-block-start: clamp(12px, 1.4vw, 18px); padding-block-start: clamp(12px, 1.4vw, 18px); border-block-start: 1.5px solid rgba(var(--gold-rgb), .38); }
.mojo-lp .lp-nwm__fuss > div { display: grid; }
.mojo-lp.mojo-lp .lp-nwm__fuss .lp-nw__titel { font-size: var(--lp-t-h3); }
.mojo-lp .lp-nwm__fuss .lp-nwm__stueck { grid-area: 1 / 1; }
.mojo-lp .lp-nwm.is-an .lp-nwm__stueck { opacity: 0; transition: opacity 300ms var(--ease); }
.mojo-lp .lp-nwm.is-an .lp-nwm__stueck.is-akt { opacity: 1; }
@media (max-width: 930px) {
.mojo-lp .lp-nwb__bogen { grid-template-columns: repeat(auto-fill, minmax(92px, 1fr)); gap: 12px; }
.mojo-lp .lp-nwm { grid-template-columns: minmax(0, 1fr); gap: 20px; }
.mojo-lp .lp-nwm__doku { grid-area: auto; max-width: 100%; min-height: clamp(220px, 62vw, 420px); }
.mojo-lp .lp-nwm.is-an .lp-nwm__doku { display: none; opacity: 1; transition: none; }
.mojo-lp .lp-nwm.is-an .lp-nwm__doku.is-akt { display: grid; }
.mojo-lp.mojo-lp .lp-nwm__doku img { max-height: 62vh; }
.mojo-lp .lp-nwm.is-an .lp-nwm__stueck { display: none; opacity: 1; transition: none; }
.mojo-lp .lp-nwm.is-an .lp-nwm__stueck.is-akt { display: grid; }
.mojo-lp .lp-nwm__fuss > div { grid-area: auto; }
.mojo-lp .lp-nwp { --nwp-luft: 0px !important; }
.mojo-lp.mojo-lp .lp-nwp__tab :is(th, td) { padding: 12px 14px !important; white-space: nowrap; }
.mojo-lp.mojo-lp .lp-nwp__tab td .lp-nwp__wert { white-space: normal; }
.mojo-lp.mojo-lp .lp-nwp__tab :is(th, td) > * { opacity: 1 !important; transition: none !important; }
.mojo-lp.mojo-lp :is(.lp-nw__inhalt, .lp-nwp__zeile, .lp-nwb__blatt, .lp-nwm__register) :is(p, li, span, h3) { text-align: left; margin-inline: 0 !important; }
}
@media (prefers-reduced-motion: reduce) {
.lp-js .mojo-lp .lp-nwb__blatt[data-reveal] { transition-delay: 0ms; }
.mojo-lp .lp-nwm.is-an :is(.lp-nwm__doku, .lp-nwm__stueck) { transition: none; }
.mojo-lp .lp-nwp.is-an { --nwp-luft: clamp(10px, 1.2vw, 18px); }
.mojo-lp.mojo-lp .lp-nwp.is-an :is(th, td) > * { opacity: 1; transition: none; }
.mojo-lp .lp-nw.is-an .lp-nw__lade { transition: none; }
}
@property --lp-z { syntax: "<integer>"; inherits: false; initial-value: 0; }
@keyframes lp-zaehler { from { --lp-z: 0; } to { --lp-z: var(--z-ziel); } }
.mojo-lp .lp-zaehler { --lp-z: var(--z-ziel); counter-reset: lpz var(--lp-z); }
.mojo-lp .lp-zaehler::after {
content: counter(lpz);
display: inline-block; min-width: calc(var(--z-stellen, 2) * 1ch); text-align: center;
font-variant-numeric: tabular-nums; font-feature-settings: "tnum" 1;
}
@supports (animation-timeline: view()) {
@media (prefers-reduced-motion: no-preference) {
.mojo-lp .lp-zaehler {
animation: lp-zaehler auto linear both;
animation-timeline: view();
animation-range: entry 25% cover 45%;
}
}
}.mojo-lp :is(.lp-na, .lp-nae, .lp-nah__gruppe, .lp-nah__reihe, .lp-nab__band, .lp-nal__zeile) { min-width: 0; }
.mojo-lp :is(.lp-nah__reihe, .lp-nab__band) > * { min-width: 0; }
.mojo-lp.mojo-lp .lp-na__rolle { display: block; font-size: 11px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--accent); line-height: 1.65 !important; margin: 0 !important; max-width: none; }
.mojo-lp.mojo-lp .lp-na__name { display: block; font-size: clamp(17px, 1.5vw, 23px); font-weight: 600; line-height: 1.2 !important; letter-spacing: -.01em; color: var(--text); margin: 0 !important; }
.mojo-lp.mojo-lp .lp-na__satz { font-size: var(--lp-t-teaser); font-weight: var(--lp-w-body); line-height: 1.65 !important; color: var(--text-muted); max-width: 56ch; margin-block: 0 !important; }
.mojo-lp .lp-na__foto { position: relative; display: grid; overflow: hidden; border-radius: var(--rund, var(--r-card)); background: var(--surface-2); box-shadow: inset 0 0 0 1.5px var(--border); }
.mojo-lp .lp-na__foto::before { content: ""; grid-area: 1 / 1; padding-block-start: var(--mass, 116%); }
.mojo-lp .lp-na__mono { position: absolute; inset: 0; z-index: 0; display: grid; place-items: center; font-size: clamp(20px, 2.6vw, 40px); font-weight: 700; letter-spacing: .06em; color: var(--accent); font-feature-settings: "tnum" 1; }
.mojo-lp.mojo-lp .lp-na__foto img {
position: absolute !important; inset: 0 !important; z-index: 1;
width: 100% !important; height: 100% !important;
max-width: none !important; min-height: 100% !important;
object-fit: cover !important; display: block !important;
}
.mojo-lp .lp-na__kontakt { display: flex; flex-wrap: wrap; gap: 8px clamp(12px, 1.4vw, 18px); }
.mojo-lp.mojo-lp .lp-na__kontakt a {
display: inline-flex; align-items: center; gap: 8px;
font-size: clamp(14px, 1vw, 17px); font-weight: 600; line-height: 1.4;
color: var(--text) !important; background: transparent !important;
text-decoration: none !important; border-bottom: 1.5px solid rgba(var(--gold-rgb), .45);
padding-block-end: 2px; transition: color var(--t-ui) var(--ease), border-color var(--t-ui) var(--ease);
}
.mojo-lp.mojo-lp .lp-na__kontakt a:hover { color: var(--accent) !important; border-color: var(--accent); }
.mojo-lp .lp-na__kontakt a:focus-visible { outline: 2px solid var(--lp-gold); outline-offset: 3px; }
.mojo-lp .lp-na__kontakt a > i { font-style: normal; font-size: 11px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--text-leise); }
.mojo-lp .lp-na [data-reveal][style*="--sp"] { --staffel: 70ms; }
.mojo-lp .lp-nae { display: grid; grid-template-columns: clamp(96px, 12vw, 168px) minmax(0, 1fr); gap: clamp(18px, 2.4vw, 40px); align-items: center; padding-block: clamp(20px, 2.6vw, 34px); border-block: 1.5px solid var(--border); }
.mojo-lp .lp-nae .lp-na__foto { --mass: 100%; --rund: var(--r-round); }
.mojo-lp .lp-nae__text { display: grid; gap: 8px; align-content: center; }
.mojo-lp .lp-nat .lp-card { display: grid; gap: clamp(12px, 1.4vw, 18px); align-content: start; }
.mojo-lp .lp-nat .lp-na__foto { --mass: 112%; }
.mojo-lp .lp-nat__text { display: grid; gap: 7px; }
.mojo-lp .lp-nah { display: grid; gap: clamp(26px, 3.4vw, 48px); }
.mojo-lp .lp-nah__gruppe { display: grid; gap: clamp(14px, 1.8vw, 22px); }
.mojo-lp.mojo-lp .lp-nah__anschrift { display: block; font-size: 11px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--text-leise); line-height: 1.65 !important; margin: 0 !important; }
.mojo-lp .lp-nah__kopf { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px clamp(12px, 1.6vw, 20px); padding-block-end: clamp(10px, 1.2vw, 14px); border-block-end: 1.5px solid rgba(var(--gold-rgb), .38); }
.mojo-lp.mojo-lp .lp-nah__ort { display: block; font-size: clamp(17px, 1.5vw, 23px); font-weight: 600; line-height: 1.2 !important; color: var(--text); margin: 0 !important; }
.mojo-lp .lp-nah__reihe { display: grid; grid-template-columns: repeat(auto-fit, minmax(clamp(180px, 20vw, 260px), 1fr)); gap: clamp(16px, 2vw, 28px); }
.mojo-lp .lp-nah__person { display: grid; grid-template-columns: clamp(64px, 7vw, 88px) minmax(0, 1fr); gap: clamp(12px, 1.4vw, 18px); align-items: center; }
.mojo-lp .lp-nah .lp-na__foto { --mass: 100%; --rund: var(--r-round); }
.mojo-lp .lp-nah__text { display: grid; gap: 5px; }
.mojo-lp.mojo-lp .lp-nah__text .lp-na__name { font-size: clamp(15px, 1.1vw, 18px); }
.mojo-lp .lp-nab { padding-block-start: clamp(18px, 2.2vw, 30px); border-block-start: 1.5px solid var(--border); }
.mojo-lp .lp-nab__band { display: grid; grid-template-columns: repeat(auto-fit, minmax(clamp(104px, 11vw, 150px), 1fr)); gap: clamp(18px, 2.2vw, 34px) clamp(12px, 1.4vw, 22px); }
.mojo-lp .lp-nab__person { display: grid; gap: 10px; justify-items: center; text-align: center; }
.mojo-lp .lp-nab .lp-na__foto { --rund: var(--r-round); --seite: clamp(72px, 8vw, 108px); width: var(--seite); height: var(--seite); }
.mojo-lp .lp-nab .lp-na__foto::before { content: none; }
.mojo-lp .lp-nab__text { display: grid; gap: 3px; }
.mojo-lp.mojo-lp .lp-nab__text .lp-na__name { font-size: clamp(14px, 1vw, 17px); }
.mojo-lp.mojo-lp .lp-nab__text .lp-na__rolle { letter-spacing: .1em; }
.mojo-lp .lp-nal { display: grid; }
.mojo-lp .lp-nal__zeile { display: grid; grid-template-columns: clamp(52px, 5.5vw, 76px) minmax(0, 1fr) auto; gap: clamp(12px, 1.6vw, 24px); align-items: center; padding-block: clamp(14px, 1.7vw, 20px); border-block-start: 1.5px solid var(--border); }
.mojo-lp .lp-nal__zeile:last-child { border-block-end: 1.5px solid var(--border); }
.mojo-lp .lp-nal .lp-na__foto { --mass: 100%; --rund: var(--r-round); }
.mojo-lp .lp-nal__text { display: grid; gap: 3px; }
.mojo-lp.mojo-lp .lp-nal__text .lp-na__name { font-size: clamp(15px, 1.1vw, 19px); }
.mojo-lp .lp-nal__zeile .lp-na__kontakt { justify-content: flex-end; }
@media (max-width: 930px) {
.mojo-lp .lp-nae { grid-template-columns: minmax(0, 1fr); gap: 16px; text-align: center; justify-items: center; }
.mojo-lp .lp-nae .lp-na__foto { width: clamp(92px, 30vw, 132px); }
.mojo-lp .lp-nae__text { justify-items: center; }
.mojo-lp .lp-nae .lp-na__kontakt { justify-content: center; }
.mojo-lp .lp-nah__reihe { grid-template-columns: minmax(0, 1fr); gap: 14px; }
.mojo-lp .lp-nab__band { grid-template-columns: repeat(auto-fit, minmax(84px, 1fr)); gap: 16px 10px; }
.mojo-lp .lp-nal__zeile { grid-template-columns: clamp(48px, 14vw, 64px) minmax(0, 1fr); }
.mojo-lp .lp-nal__zeile .lp-na__kontakt { grid-column: 2; justify-content: flex-start; }
.mojo-lp.mojo-lp :is(.lp-nat__text, .lp-nah__text, .lp-nal__text) :is(p, span) { text-align: left; margin-inline: 0 !important; }
}
@media (prefers-reduced-motion: reduce) {
.lp-js .mojo-lp .lp-na [data-reveal][style*="--sp"] { transition-delay: 0ms; }
}
.mojo-lp .lp-ak { display: grid; }
.mojo-lp .lp-ak * { min-width: 0; }
.mojo-lp .lp-ak__bild {
position: relative; display: grid; overflow: hidden;
border-radius: var(--rund, var(--r-card));
background: var(--surface-2);
box-shadow: inset 0 0 0 1.5px var(--border);
}
.mojo-lp .lp-ak__bild::before { content: ""; grid-area: 1 / 1; padding-block-start: var(--mass, 62%); }
.mojo-lp.mojo-lp .lp-ak__bild img {
position: absolute !important; inset: 0 !important; z-index: 1;
width: 100% !important; height: 100% !important;
max-width: none !important; min-height: 100% !important;
object-fit: cover !important; display: block !important;
}
.mojo-lp .lp-ak__meta {
display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px clamp(10px, 1.2vw, 16px);
font-size: 11px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase;
color: var(--text-leise); font-feature-settings: "tnum" 1;
}
.mojo-lp .lp-ak__rubrik { color: var(--accent); }
.mojo-lp .lp-ak__titel {
display: block; font-size: var(--lp-t-h3); font-weight: var(--lp-w-kopf);
line-height: 1.26; letter-spacing: -.01em; color: var(--text);
}
.mojo-lp .lp-ak__satz {
font-size: var(--lp-t-teaser); font-weight: var(--lp-w-body); line-height: 1.65; color: var(--text-muted);
margin: 0 !important; max-width: 62ch;
display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;
}
@media (max-width: 600px) { .mojo-lp .lp-ak__satz { -webkit-line-clamp: 2; } }
.mojo-lp .lp-ak [style*="--gross"] .lp-ak__titel { font-size: clamp(22px, 2.3vw, 34px); line-height: 1.18; }
.mojo-lp.mojo-lp .lp-ak__teaser {
display: grid; gap: clamp(8px, .9vw, 13px); align-content: start;
color: var(--text) !important; background: transparent !important;
text-decoration: none !important; border: 0;
transition: color var(--t-ui) var(--ease);
}
.mojo-lp .lp-ak__text { display: grid; gap: clamp(6px, .7vw, 11px); align-content: start; }
.mojo-lp .lp-ak__teaser--quer {
grid-template-columns: minmax(0, 1.08fr) minmax(0, .92fr);
gap: clamp(18px, 2.4vw, 38px) !important; align-items: center;
}
.mojo-lp.mojo-lp .lp-ak__teaser:hover .lp-ak__titel { color: var(--accent); }
.mojo-lp.mojo-lp .lp-ak__teaser:hover .lp-ak__bild { box-shadow: inset 0 0 0 1.5px rgba(var(--gold-rgb), .55); }
.mojo-lp .lp-ak__teaser:focus-visible { outline: 2px solid var(--lp-gold); outline-offset: 4px; border-radius: var(--r-sm); }
.mojo-lp .lp-ak [data-reveal][style*="--sp"] { --staffel: 65ms; }
.mojo-lp .lp-aka { gap: clamp(26px, 3.2vw, 48px); }
.mojo-lp .lp-aka__auf .lp-ak__bild { --mass: 58%; }
.mojo-lp .lp-aka__reihe { padding-block-start: clamp(22px, 2.6vw, 36px); border-block-start: 1.5px solid var(--border); }
.mojo-lp .lp-aka__reihe .lp-ak__bild { --mass: 64%; }
.lp-js .mojo-lp .lp-aka__auf [data-reveal]:not(.is-in) { transform: translateY(30px); }
.mojo-lp .lp-akb { display: block; columns: 3; column-gap: var(--gap-grid); }
.mojo-lp .lp-akb__stueck { break-inside: avoid; margin-block-end: var(--gap-grid); }
.mojo-lp .lp-akb__stueck--auf { column-span: all; margin-block-end: clamp(22px, 2.6vw, 38px); }
.mojo-lp .lp-akb__stueck--auf .lp-ak__bild { --mass: 54%; }
.mojo-lp .lp-akb__stueck .lp-ak__bild { --mass: 66%; }
.mojo-lp .lp-akb__stueck:nth-of-type(3n) .lp-ak__bild { --mass: 100%; }
.mojo-lp .lp-akb__stueck:nth-of-type(4n) .lp-ak__bild { --mass: 78%; }
.lp-js .mojo-lp .lp-akb__stueck[data-reveal]:not(.is-in) { transform: translateY(34px) scale(.985); }
.mojo-lp .lp-ake { gap: 0; }
.mojo-lp .lp-ake__streifen {
display: grid;
grid-template-columns: clamp(92px, 10vw, 148px) minmax(0, 1fr) clamp(112px, 13vw, 200px);
gap: clamp(14px, 2vw, 30px); align-items: center;
padding-block: clamp(16px, 2vw, 26px);
border-block-start: 1.5px solid var(--border);
}
.mojo-lp .lp-ake__streifen:last-child { border-block-end: 1.5px solid var(--border); }
.mojo-lp .lp-ake__tag {
display: grid; align-content: start; gap: 2px;
font-size: 11px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase;
color: var(--text-leise); font-feature-settings: "tnum" 1;
}
.mojo-lp .lp-ake__tag b { display: block; font-size: clamp(22px, 2vw, 30px); font-weight: 700; letter-spacing: -.02em; color: var(--text); }
.mojo-lp .lp-ake__streifen .lp-ak__bild { --mass: 70%; }
.mojo-lp .lp-ake__streifen[style*="--gross"] { padding-block: clamp(22px, 2.8vw, 40px); align-items: start; }
.mojo-lp .lp-ake__streifen[style*="--gross"] { grid-template-columns: clamp(92px, 10vw, 148px) minmax(0, 1fr) clamp(200px, 26vw, 400px); }
.mojo-lp .lp-ake__streifen[style*="--gross"] .lp-ak__bild { --mass: 62%; }
.lp-js .mojo-lp .lp-ake__streifen[data-reveal]:not(.is-in) { transform: translateY(26px); }
.mojo-lp .lp-ak__wisch { display: none; }
.mojo-lp .lp-akf__feld { grid-auto-rows: minmax(clamp(150px, 14vw, 210px), max-content); }
.mojo-lp.mojo-lp .lp-akf__kachel {
gap: clamp(10px, 1vw, 14px);
padding: clamp(14px, 1.4vw, 20px);
align-content: start;
background: var(--surface) !important;
border: 1.5px solid var(--border);
border-radius: var(--r-card);
}
.mojo-lp.mojo-lp .lp-akf__kachel:hover { border-color: rgba(var(--gold-rgb), .45); }
.mojo-lp .lp-akf__kachel .lp-ak__bild { --mass: 62%; --rund: var(--r-sm); }
.mojo-lp .lp-akf__kachel.lp-b-2y .lp-ak__bild { --mass: 85%; }
.lp-js .mojo-lp .lp-akf__kachel[data-reveal]:not(.is-in) { transform: translateY(28px) scale(.99); }
.mojo-lp .lp-akg {
grid-template-columns: minmax(0, .38fr) minmax(0, .62fr);
gap: clamp(24px, 3vw, 56px); align-items: start;
}
.mojo-lp .lp-akg__kopf { display: grid; gap: clamp(10px, 1.2vw, 16px); align-content: start; }
.mojo-lp.mojo-lp .lp-akg__kopf h2 { margin: 0 0 var(--sp-title) !important; }
.mojo-lp.mojo-lp .lp-akg__kopf p { margin: 0 !important; }
.mojo-lp.mojo-lp .lp-akg__kopf p:not([class]) { font-size: var(--lp-t-body) !important; font-weight: var(--lp-w-body); line-height: 1.65 !important; }
.mojo-lp .lp-akg__liste { display: grid; }
.mojo-lp.mojo-lp .lp-akg__zeile {
grid-template-columns: minmax(0, 1fr) clamp(84px, 9vw, 132px);
gap: clamp(14px, 1.6vw, 24px) !important; align-items: center;
padding-block: clamp(14px, 1.6vw, 22px);
border-block-start: 1.5px solid var(--border);
}
.mojo-lp .lp-akg__zeile:last-child { border-block-end: 1.5px solid var(--border); }
.mojo-lp .lp-akg__zeile .lp-ak__bild { --mass: 72%; --rund: var(--r-sm); }
.lp-js .mojo-lp .lp-akg__zeile[data-reveal]:not(.is-in) { transform: translateX(24px); }
.lp-js .mojo-lp .lp-akg__kopf[data-reveal]:not(.is-in) { transform: translateY(26px); }
@media (max-width: 1100px) {
.mojo-lp .lp-akb { columns: 2; }
}
@media (max-width: 930px) {
.mojo-lp .lp-ak__teaser--quer { grid-template-columns: minmax(0, 1fr); gap: 14px !important; }
.mojo-lp .lp-aka__auf .lp-ak__bild { --mass: 62%; }
.mojo-lp .lp-akb { columns: 1; }
.mojo-lp .lp-akb__stueck .lp-ak__bild, .mojo-lp .lp-akb__stueck:nth-of-type(3n) .lp-ak__bild, .mojo-lp .lp-akb__stueck:nth-of-type(4n) .lp-ak__bild { --mass: 58%; }
.mojo-lp .lp-ake__streifen, .mojo-lp .lp-ake__streifen[style*="--gross"] { grid-template-columns: minmax(0, 1fr); gap: 12px; }
.mojo-lp .lp-ake__tag { grid-auto-flow: column; justify-content: start; align-items: baseline; gap: 10px; }
.mojo-lp .lp-ake__streifen .lp-ak__bild, .mojo-lp .lp-ake__streifen[style*="--gross"] .lp-ak__bild { --mass: 56%; }
.mojo-lp.mojo-lp .lp-ak__teaser :is(p, span) { text-align: left; margin-inline: 0 !important; }
}
@media (prefers-reduced-motion: reduce) {
.lp-js .mojo-lp .lp-ak [data-reveal][style*="--sp"] { transition-delay: 0ms; }
}
@media (max-width: 700px) {
.mojo-lp .lp-ak__wisch {
display: block; margin-block-start: 2px;
font-size: 11px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase;
color: var(--text);
}
.mojo-lp.mojo-lp .lp-ak__bahn {
display: grid; grid-auto-flow: column;
grid-auto-columns: 78%;
grid-template-columns: none; grid-template-rows: none; grid-auto-rows: auto;
gap: 14px;
overflow-x: auto; overflow-y: hidden;
scroll-snap-type: x mandatory;
-webkit-overflow-scrolling: touch;
scrollbar-width: none;
margin-inline: calc(var(--sp-side) * -1);
padding-inline: var(--sp-side);
padding-block-end: 4px;
overscroll-behavior-x: contain;
}
.mojo-lp .lp-ak__bahn::-webkit-scrollbar { display: none; }
.lp-js .mojo-lp .lp-ak__bahn > [data-reveal] {
opacity: 1 !important; transform: none !important; transition: none !important;
}
.mojo-lp.mojo-lp .lp-ak__bahn > * {
scroll-snap-align: center; min-height: 0; grid-column: auto; grid-row: auto;
}
.mojo-lp .lp-ak__bahn .lp-ak__bild { --mass: 58% !important; }
.mojo-lp.mojo-lp .lp-akg__zeile, .mojo-lp.mojo-lp .lp-akg__zeile:last-child {
grid-template-columns: minmax(0, 1fr); gap: 10px !important;
padding-block: 0; border: 0;
}
.mojo-lp.mojo-lp .lp-akg__zeile > .lp-ak__bild { grid-row: 1; }
.mojo-lp.mojo-lp .lp-akg__zeile > .lp-ak__text { grid-row: 2; }
.mojo-lp .lp-akg { grid-template-columns: minmax(0, 1fr); gap: 18px; }
}
.mojo-lp .lp-wisch { display: none; }
.mojo-lp .lp-gal { display: grid; }
.mojo-lp .lp-gal * { min-width: 0; }
.mojo-lp.mojo-lp .lp-gal__bild {
position: relative; display: grid; overflow: hidden;
border-radius: var(--rund, var(--r-sm));
background: var(--surface-2);
box-shadow: inset 0 0 0 1.5px var(--border);
color: var(--text) !important; background-color: var(--surface-2) !important;
text-decoration: none !important;
transition: box-shadow var(--t-ui) var(--ease);
}
.mojo-lp .lp-gal__bild::before { content: ""; grid-area: 1 / 1; padding-block-start: var(--mass, 100%); }
.mojo-lp.mojo-lp .lp-gal__bild img {
position: absolute !important; inset: 0 !important; z-index: 1;
width: 100% !important; height: 100% !important;
max-width: none !important; min-height: 100% !important;
object-fit: cover !important; display: block !important;
}
.mojo-lp.mojo-lp .lp-gal__bild:hover { box-shadow: inset 0 0 0 1.5px rgba(var(--gold-rgb), .6); }
.mojo-lp .lp-gal__bild:focus-visible { outline: 2px solid var(--lp-gold); outline-offset: 3px; }
.mojo-lp .lp-gal__nr {
position: absolute; inset-block-end: 0; inset-inline-start: 0; z-index: 2;
padding: 5px 9px; border-start-end-radius: var(--r-sm);
background: rgba(var(--bild-rgb), .62);
font-size: 11px; font-weight: 700; letter-spacing: .1em;
color: var(--auf-bild); font-feature-settings: "tnum" 1;
}
.mojo-lp .lp-gal [data-reveal][style*="--sp"] { --staffel: 45ms; }
.lp-js .mojo-lp .lp-gal [data-reveal]:not(.is-in) { transform: translateY(22px) scale(.985); }
.mojo-lp .lp-gala__feld {
display: grid; gap: clamp(6px, .7vw, 12px);
grid-template-columns: repeat(auto-fill, minmax(clamp(140px, 12vw, 200px), 1fr));
}
.mojo-lp .lp-gala__feld .lp-gal__bild { --mass: 100%; }
.mojo-lp .lp-galb__feld { display: block; columns: 4; column-gap: clamp(8px, 1vw, 16px); }
.mojo-lp .lp-galb__feld .lp-gal__bild {
break-inside: avoid; margin-block-end: clamp(8px, 1vw, 16px);
}
.mojo-lp .lp-galb__feld .lp-gal__bild { --mass: 78%; }
.mojo-lp .lp-galb__feld .lp-gal__bild:nth-of-type(3n) { --mass: 100%; }
.mojo-lp .lp-galb__feld .lp-gal__bild:nth-of-type(4n) { --mass: 62%; }
.mojo-lp .lp-galb__feld .lp-gal__bild:nth-of-type(5n) { --mass: 92%; }
.mojo-lp .lp-galc__feld {
display: grid; grid-template-columns: repeat(3, minmax(0, 1fr));
gap: clamp(12px, 1.6vw, 26px);
padding-block-end: clamp(48px, 6vw, 104px);
}
.mojo-lp .lp-galc__feld .lp-gal__bild { --mass: 96%; }
.mojo-lp .lp-galc__feld > *:nth-child(3n-1) { margin-block-start: clamp(24px, 3vw, 52px); }
.mojo-lp .lp-galc__feld > *:nth-child(3n) { margin-block-start: clamp(48px, 6vw, 104px); }
.mojo-lp.mojo-lp .lp-gald__feld {
display: grid; grid-auto-flow: column;
grid-auto-columns: clamp(210px, 21vw, 330px);
gap: clamp(8px, 1vw, 16px);
overflow-x: auto; overflow-y: hidden;
scroll-snap-type: x mandatory;
-webkit-overflow-scrolling: touch;
scrollbar-width: none;
overscroll-behavior-x: contain;
margin-inline: calc(var(--sp-side) * -1);
padding: 0 var(--sp-side) 4px;
}
.mojo-lp .lp-gald__feld::-webkit-scrollbar { display: none; }
.mojo-lp.mojo-lp .lp-gald__feld > * { scroll-snap-align: center; --mass: 76%; }
.lp-js .mojo-lp .lp-gald__feld > [data-reveal] {
opacity: 1 !important; transform: none !important; transition: none !important;
}
.mojo-lp .lp-gale__feld {
display: grid; grid-template-columns: repeat(6, minmax(0, 1fr));
grid-template-rows: repeat(6, clamp(84px, 8vw, 132px));
gap: clamp(6px, .8vw, 12px);
}
.mojo-lp .lp-gale__feld .lp-gal__bild { --mass: 0%; }
.mojo-lp .lp-gale__feld > * { min-height: 100%; }
.mojo-lp .lp-gale__p1 { grid-area: 1 / 1 / 4 / 4; }
.mojo-lp .lp-gale__p2 { grid-area: 1 / 4 / 3 / 6; }
.mojo-lp .lp-gale__p3 { grid-area: 1 / 6 / 2 / 7; }
.mojo-lp .lp-gale__p4 { grid-area: 2 / 6 / 3 / 7; }
.mojo-lp .lp-gale__p5 { grid-area: 3 / 4 / 4 / 6; }
.mojo-lp .lp-gale__p6 { grid-area: 3 / 6 / 4 / 7; }
.mojo-lp .lp-gale__p7 { grid-area: 4 / 1 / 6 / 3; }
.mojo-lp .lp-gale__p8 { grid-area: 4 / 3 / 5 / 4; }
.mojo-lp .lp-gale__p9 { grid-area: 5 / 3 / 6 / 4; }
.mojo-lp .lp-gale__p10 { grid-area: 4 / 4 / 6 / 7; }
.mojo-lp .lp-gale__p11 { grid-area: 6 / 1 / 7 / 3; }
.mojo-lp .lp-gale__p12 { grid-area: 6 / 3 / 7 / 4; }
.mojo-lp .lp-gale__p13 { grid-area: 6 / 4 / 7 / 6; }
.mojo-lp .lp-gale__p14 { grid-area: 6 / 6 / 7 / 7; }
@media (min-width: 701px) {
.mojo-lp .lp-gale__feld:not(:has(> :nth-child(14):last-child)) { grid-template-columns: repeat(3, minmax(0, 1fr)); grid-template-rows: none; grid-auto-rows: clamp(126px, 12vw, 198px); }
.mojo-lp .lp-gale__feld:not(:has(> :nth-child(14):last-child)) > * { grid-area: auto; }
.mojo-lp .lp-gale__feld:not(:has(> :nth-child(14):last-child)) > :first-child { grid-column: span 2; grid-row: span 2; }
.mojo-lp .lp-gale__feld:not(:has(> :nth-child(14):last-child)) > :nth-child(2):last-child { grid-row: span 2; }
.mojo-lp .lp-gale__feld:not(:has(> :nth-child(14):last-child)) > :only-child { grid-column: 1 / -1; }
.mojo-lp .lp-gale__feld:not(:has(> :nth-child(14):last-child)) > :nth-child(3n+4):last-child { grid-column: span 3; }
.mojo-lp .lp-gale__feld:not(:has(> :nth-child(14):last-child)) > :nth-child(3n+5):last-child { grid-column: span 2; }
}
:root {
--lupe-grund: rgb(6, 6, 7);
--lupe-text: #EDEDED;
--lupe-leise: rgba(237, 235, 228, .72);
--lupe-gold: #BCA150;
}
.mojo-lp-lupe {
position: fixed; inset: 0; z-index: 99990;
display: grid; grid-template-rows: auto minmax(0, 1fr) auto;
gap: clamp(10px, 1.4vw, 18px);
padding: clamp(12px, 2vw, 28px);
background: var(--lupe-grund);
opacity: 0; visibility: hidden;
transition: opacity 240ms cubic-bezier(.16, 1, .3, 1), visibility 0s linear 240ms;
font-family: Inter, system-ui, -apple-system, "Segoe UI", sans-serif;
}
.mojo-lp-lupe.is-auf {
opacity: 1; visibility: visible;
transition: opacity 240ms cubic-bezier(.16, 1, .3, 1), visibility 0s;
}
.mojo-lp-lupe__kopf { display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.mojo-lp-lupe__zaehler {
font-size: 12px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase;
color: var(--lupe-leise); font-feature-settings: "tnum" 1;
}
.mojo-lp-lupe__buehne { position: relative; display: grid; place-items: center; min-height: 0; }
.mojo-lp-lupe__buehne img {
position: absolute !important; inset: 0 !important; margin: auto !important;
max-width: 100% !important; max-height: 100% !important;
width: auto !important; height: auto !important;
object-fit: contain !important; display: block !important;
border-radius: 6px;
}
.mojo-lp-lupe__fuss {
display: grid; gap: 4px; justify-items: center; text-align: center;
max-width: 80ch; margin-inline: auto;
}
.mojo-lp-lupe__bu { font-size: clamp(13px, 1vw, 15px); line-height: 1.5; color: var(--lupe-text); }
.mojo-lp-lupe__quelle { font-size: 11px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--lupe-gold); }
.mojo-lp-lupe__knopf {
appearance: none; border: 1.5px solid color-mix(in srgb, var(--lupe-text) 30%, transparent);
background: color-mix(in srgb, var(--lupe-text) 8%, transparent); color: var(--lupe-text);
border-radius: 999px; cursor: pointer;
display: grid; place-items: center;
inline-size: clamp(40px, 4vw, 52px); block-size: clamp(40px, 4vw, 52px);
font-size: 20px; line-height: 1;
transition: background 180ms, border-color 180ms;
}
.mojo-lp-lupe__knopf:hover { background: color-mix(in srgb, var(--lupe-gold) 20%, transparent); border-color: var(--lupe-gold); }
.mojo-lp-lupe__knopf:focus-visible { outline: 2px solid var(--lupe-gold); outline-offset: 3px; }
.mojo-lp-lupe__knopf[disabled] { opacity: .35; cursor: default; }
.mojo-lp-lupe__nav { position: absolute; inset-block: 0; display: grid; align-content: center; z-index: 2; }
.mojo-lp-lupe__nav--zurueck { inset-inline-start: 0; }
.mojo-lp-lupe__nav--vor { inset-inline-end: 0; }
@media (prefers-reduced-motion: reduce) {
.mojo-lp-lupe { transition: none; }
}
@media (max-width: 1100px) {
.mojo-lp .lp-galb__feld { columns: 3; }
}
@media (max-width: 700px) {
.mojo-lp .lp-wisch {
display: block; margin-block-start: 2px;
font-size: 11px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase;
color: var(--text);
}
.mojo-lp.mojo-lp .lp-bahn, .mojo-lp.mojo-lp .lp-ak__bahn {
display: grid; grid-auto-flow: column;
grid-template-columns: none;
grid-template-rows: repeat(var(--reihen, 1), auto);
grid-auto-rows: auto;
grid-auto-columns: var(--karte, 78%);
gap: 10px;
overflow-x: auto; overflow-y: hidden;
scroll-snap-type: x mandatory;
-webkit-overflow-scrolling: touch;
scrollbar-width: none;
overscroll-behavior-x: contain;
margin-inline: calc(var(--sp-side) * -1);
padding: 0 var(--sp-side) 4px;
columns: auto;
}
.mojo-lp .lp-bahn::-webkit-scrollbar, .mojo-lp .lp-ak__bahn::-webkit-scrollbar { display: none; }
.mojo-lp.mojo-lp .lp-bahn > *, .mojo-lp.mojo-lp .lp-ak__bahn > * {
scroll-snap-align: center; min-height: 0;
grid-column: auto; grid-row: auto; margin-block: 0;
}
.lp-js .mojo-lp .lp-bahn > [data-reveal], .lp-js .mojo-lp .lp-ak__bahn > [data-reveal] {
opacity: 1 !important; transform: none !important; transition: none !important;
}
.mojo-lp.mojo-lp .lp-bahn > .lp-gal__bild { --mass: 82% !important; }
.mojo-lp.mojo-lp .lp-bahn > [class*="lp-gale__p"] { grid-area: auto; }
.mojo-lp.mojo-lp .lp-gale__feld { grid-template-rows: none; }
.mojo-lp .lp-galc__feld { padding-block-end: 0; }
.mojo-lp .lp-gald__feld { grid-auto-columns: 78%; }
.mojo-lp-lupe__fuss { max-width: 100%; }
.mojo-lp-lupe__knopf { inline-size: 44px; block-size: 44px; }
}
.mojo-lp .lp-sto { display: grid; }
.mojo-lp .lp-sto * { min-width: 0; }
.mojo-lp .lp-sto__ort {
display: block; font-size: clamp(18px, .7vw + 8px, 22px); font-weight: 700;
line-height: 1.25; letter-spacing: -.01em; color: var(--text);
}
.mojo-lp .lp-sto__land {
display: block; font-size: 11px; font-weight: 700; letter-spacing: .14em;
text-transform: uppercase; color: var(--accent);
}
.mojo-lp .lp-sto__firma, .mojo-lp.mojo-lp .lp-sto__anschrift {
display: block; font-size: var(--lp-t-klein); line-height: 1.65;
color: var(--text-muted); margin: 0 !important;
}
.mojo-lp .lp-sto__rolle {
display: inline-block; padding: 2px 8px; border-radius: var(--r-sm);
background: rgba(var(--gold-rgb), .14);
font-size: 11px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase;
color: var(--text);
}
.mojo-lp .lp-sto__kontakt { display: flex; flex-wrap: wrap; gap: 4px clamp(12px, 1.4vw, 18px); }
.mojo-lp.mojo-lp .lp-sto__kontakt a {
font-size: var(--lp-t-klein); font-weight: 600; line-height: 1.65;
color: var(--text) !important; background: transparent !important;
text-decoration: none !important;
border-bottom: 1.5px solid rgba(var(--gold-rgb), .45);
transition: color var(--t-ui) var(--ease), border-color var(--t-ui) var(--ease);
}
.mojo-lp.mojo-lp .lp-sto__kontakt a:hover { color: var(--accent) !important; border-color: var(--accent); }
.mojo-lp .lp-sto__kontakt a:focus-visible { outline: 2px solid var(--lp-gold); outline-offset: 3px; }
.mojo-lp .lp-sto__kontakt i { font-style: normal; font-size: 11px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--accent); margin-inline-end: 5px; }
.mojo-lp.mojo-lp .lp-sto__fussnote {
font-size: var(--lp-t-klein); line-height: 1.65; color: var(--text-leise);
margin: clamp(10px, 1.2vw, 16px) 0 0 !important;
}
.mojo-lp .lp-sto [data-reveal][style*="--sp"] { --staffel: 70ms; }
.mojo-lp .lp-sto__welt {
position: relative; display: block;
border-radius: var(--r-card);
background: rgb(var(--bild-rgb));
box-shadow: inset 0 0 0 1.5px var(--border);
overflow: hidden;
}
.mojo-lp.mojo-lp .lp-sto__weltbild {
position: relative; z-index: 0;
display: block !important;
width: 100% !important; height: auto !important; max-width: 100% !important;
margin: -5.857% 0 -8.638% !important;
border: 0 !important; border-radius: 0 !important;
box-shadow: none !important;
}
.lp-js .mojo-lp .lp-sto__welt [data-reveal]:not(.is-in) { transform: none; }
.mojo-lp .lp-stoa__strahl {
position: absolute; z-index: 2;
left: var(--x); top: var(--y);
width: 0; height: 1.5px;
transform-origin: 0 50%;
transform: rotate(var(--rot));
background: linear-gradient(to right, rgba(var(--gold-rgb), .85), rgba(var(--gold-rgb), .18));
}
.lp-js .mojo-lp .lp-stoa__strahl[data-reveal], .lp-js .mojo-lp .lp-stoa__strahl[data-reveal].is-in {
transform: rotate(var(--rot)); opacity: 1;
transition: width 900ms var(--ease);
}
.lp-js .mojo-lp .lp-stoa__strahl.is-in { width: var(--len); }
.mojo-lp .lp-stoa__strahl { width: var(--len); }
.lp-js .mojo-lp .lp-stoa__strahl:not(.is-in) { width: 0; }
.mojo-lp.mojo-lp .lp-stoa__punkt {
position: absolute; z-index: 3;
left: var(--x); top: var(--y);
display: grid; place-items: center;
inline-size: clamp(16px, 1.3vw, 20px); block-size: clamp(16px, 1.3vw, 20px);
margin: calc(clamp(16px, 1.3vw, 20px) / -2);
border-radius: var(--r-round);
background: rgba(var(--bild-rgb), .82) !important;
box-shadow: inset 0 0 0 1.5px var(--lp-gold), 0 0 0 4px rgba(var(--gold-rgb), .22);
text-decoration: none !important;
transition: box-shadow var(--t-ui) var(--ease);
}
.mojo-lp .lp-stoa__punkt::after {
content: ""; inline-size: 7px; block-size: 7px;
border-radius: var(--r-round); background: var(--lp-gold);
}
.mojo-lp.mojo-lp .lp-stoa__punkt:hover {
box-shadow: inset 0 0 0 1.5px var(--lp-gold), 0 0 0 8px rgba(var(--gold-rgb), .30);
}
.mojo-lp .lp-stoa__punkt:focus-visible { outline: 2px solid var(--lp-gold); outline-offset: 4px; }
.mojo-lp .lp-stoa__schild {
position: absolute; z-index: 4;
left: var(--x); top: var(--y);
margin-block-start: clamp(22px, 1.8vw, 28px);
margin-inline-start: -8px;
display: grid; gap: 1px;
padding: 5px 10px; border-radius: var(--r-sm);
background: rgba(var(--bild-rgb), .84);
white-space: nowrap;
}
.mojo-lp .lp-stoa__schild--hoch {
top: auto; bottom: calc(100% - var(--y));
margin-block: 0 clamp(22px, 1.8vw, 28px);
}
.mojo-lp .lp-stoa__schild b {
font-size: 11px; font-weight: 700; letter-spacing: .02em;
color: var(--auf-bild);
}
.mojo-lp .lp-stoa__schild i {
font-style: normal; font-size: 10px; font-weight: 700; letter-spacing: .1em;
text-transform: uppercase; font-feature-settings: "tnum" 1;
color: var(--auf-bild);
}
.mojo-lp .lp-stoa__unten {
display: grid; grid-template-columns: repeat(auto-fit, minmax(clamp(200px, 19vw, 280px), 1fr));
gap: clamp(16px, 2vw, 30px);
padding-block-start: clamp(24px, 3vw, 44px);
margin-block-start: clamp(24px, 3vw, 40px);
border-block-start: 1.5px solid var(--border);
}
.mojo-lp .lp-stoa__gruppe { display: grid; gap: 8px; align-content: start; }
.mojo-lp .lp-stof { display: grid; gap: clamp(18px, 2.2vw, 32px); }
.mojo-lp .lp-stof__nadel {
position: absolute; z-index: 3;
left: var(--x); top: var(--y);
display: grid; place-items: center;
inline-size: 16px; block-size: 16px; margin: -8px;
border-radius: var(--r-round);
background: rgba(var(--bild-rgb), .78);
box-shadow: inset 0 0 0 1.5px rgba(var(--gold-rgb), .55);
transition: background var(--t-ui) var(--ease), box-shadow var(--t-ui) var(--ease);
}
.mojo-lp .lp-stof__nadel::after {
content: ""; inline-size: 5px; block-size: 5px;
border-radius: var(--r-round); background: rgba(var(--gold-rgb), .6);
transition: inline-size var(--t-ui) var(--ease), block-size var(--t-ui) var(--ease), background var(--t-ui) var(--ease);
}
.mojo-lp .lp-stof__nadel.is-akt {
background: rgba(var(--bild-rgb), .88);
box-shadow: inset 0 0 0 2px var(--lp-gold), 0 0 0 10px rgba(var(--gold-rgb), .34);
}
.mojo-lp .lp-stof__nadel.is-akt::after {
inline-size: 8px; block-size: 8px; background: var(--lp-gold);
}
.mojo-lp .lp-stof__register {
display: grid; grid-template-columns: repeat(6, minmax(0, 1fr));
gap: clamp(8px, 1vw, 14px);
}
.mojo-lp.mojo-lp .lp-stof__reiter {
display: grid; gap: 4px; align-content: start;
padding: clamp(11px, 1.2vw, 16px) clamp(12px, 1.3vw, 18px);
border-radius: var(--r-ui);
box-shadow: inset 0 0 0 1.5px var(--border);
background: transparent !important;
color: var(--text) !important; text-decoration: none !important;
transition: box-shadow var(--t-ui) var(--ease), background var(--t-ui) var(--ease);
}
.mojo-lp.mojo-lp .lp-stof__reiter:hover { box-shadow: inset 0 0 0 1.5px rgba(var(--gold-rgb), .55); }
.mojo-lp.mojo-lp .lp-stof__reiter.is-akt {
box-shadow: inset 0 0 0 2px rgba(var(--gold-rgb), .85);
background: rgba(var(--gold-rgb), .12) !important;
}
.mojo-lp .lp-stof__reiter:focus-visible { outline: 2px solid var(--lp-gold); outline-offset: 3px; }
.mojo-lp .lp-stof__zahl {
font-size: clamp(20px, 1.8vw, 28px); font-weight: 700; letter-spacing: -.02em;
line-height: 1.1; color: var(--text); font-feature-settings: "tnum" 1;
}
.mojo-lp .lp-stof__kartei { display: grid; }
.mojo-lp .lp-stof__blatt {
display: grid; gap: clamp(14px, 1.6vw, 22px);
padding: clamp(18px, 2.2vw, 30px);
border-radius: var(--r-card);
background: var(--surface-2);
box-shadow: inset 0 0 0 1.5px var(--border);
}
.mojo-lp .lp-stof__blatt { display: none; }
.mojo-lp .lp-stof__blatt.is-akt { display: grid; }
.mojo-lp .lp-stof__kartei:not(:has(> .lp-stof__blatt.is-akt)) > .lp-stof__blatt:target { display: grid; }
.mojo-lp .lp-stof__kartei:not(:has(> .lp-stof__blatt.is-akt)):not(:has(> .lp-stof__blatt:target)) > .lp-stof__blatt:first-of-type { display: grid; }
.mojo-lp .lp-stof__blattkopf {
display: flex; align-items: baseline; gap: clamp(10px, 1.2vw, 16px);
flex-wrap: wrap;
padding-block-end: clamp(10px, 1.2vw, 16px);
border-block-end: 1.5px solid var(--border);
}
.mojo-lp .lp-stof__blatt .lp-stof__blattkopf .lp-sto__land { display: inline-block; }
.mojo-lp .lp-stof__orte {
display: grid; grid-template-columns: repeat(auto-fit, minmax(clamp(220px, 21vw, 300px), 1fr));
gap: clamp(16px, 2vw, 30px);
}
.mojo-lp .lp-stof__blatt .lp-stof__ort { display: grid; gap: 6px; align-content: start; justify-items: start; }
.mojo-lp .lp-stoc__kopfsitz {
display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.12fr);
gap: clamp(20px, 2.6vw, 40px); align-items: start;
}
.mojo-lp .lp-stoc__kartei { display: grid; align-content: start; }
.mojo-lp .lp-stoc__blatt { display: grid; gap: clamp(9px, 1.1vw, 14px); align-content: start; justify-items: start; }
.mojo-lp .lp-stoc__blatt { display: none; }
.mojo-lp .lp-stoc__blatt.is-akt { display: grid; }
.mojo-lp .lp-stoc__kartei:not(:has(> .lp-stoc__blatt.is-akt)) > .lp-stoc__blatt:target { display: grid; }
.mojo-lp .lp-stoc__kartei:not(:has(> .lp-stoc__blatt.is-akt)):not(:has(> .lp-stoc__blatt:target)) > .lp-stoc__blatt:first-of-type { display: grid; }
.mojo-lp .lp-stoc__nadel {
position: absolute; z-index: 3;
left: var(--x); top: var(--y);
display: grid; place-items: center;
inline-size: 15px; block-size: 15px; margin: -7.5px;
border-radius: var(--r-round);
background: rgba(var(--bild-rgb), .78);
box-shadow: inset 0 0 0 1.5px rgba(var(--gold-rgb), .5);
transition: background var(--t-ui) var(--ease), box-shadow var(--t-ui) var(--ease);
}
.mojo-lp .lp-stoc__nadel::after {
content: ""; inline-size: 4px; block-size: 4px;
border-radius: var(--r-round); background: rgba(var(--gold-rgb), .55);
transition: inline-size var(--t-ui) var(--ease), block-size var(--t-ui) var(--ease), background var(--t-ui) var(--ease);
}
.mojo-lp .lp-stoc__nadel.is-akt {
background: rgba(var(--bild-rgb), .88);
box-shadow: inset 0 0 0 2px var(--lp-gold), 0 0 0 10px rgba(var(--gold-rgb), .34);
}
.mojo-lp .lp-stoc__nadel.is-akt::after {
inline-size: 7px; block-size: 7px; background: var(--lp-gold);
}
.mojo-lp .lp-stoc__sockel {
display: grid; grid-template-columns: repeat(auto-fit, minmax(clamp(150px, 14vw, 200px), 1fr));
gap: clamp(12px, 1.6vw, 24px);
padding-block-start: clamp(20px, 2.4vw, 32px);
margin-block-start: clamp(22px, 2.8vw, 40px);
border-block-start: 1.5px solid var(--border);
}
.mojo-lp.mojo-lp .lp-stoc__stein {
display: grid; gap: 3px; align-content: start;
padding: clamp(10px, 1.1vw, 14px) clamp(11px, 1.2vw, 16px);
border-radius: var(--r-ui);
box-shadow: inset 0 0 0 1.5px var(--border);
background: transparent !important;
color: var(--text) !important; text-decoration: none !important;
transition: box-shadow var(--t-ui) var(--ease), background var(--t-ui) var(--ease);
}
.mojo-lp.mojo-lp .lp-stoc__stein:hover { box-shadow: inset 0 0 0 1.5px rgba(var(--gold-rgb), .55); }
.mojo-lp.mojo-lp .lp-stoc__stein.is-akt {
box-shadow: inset 0 0 0 2px rgba(var(--gold-rgb), .85);
background: rgba(var(--gold-rgb), .12) !important;
}
.mojo-lp .lp-stoc__stein:focus-visible { outline: 2px solid var(--lp-gold); outline-offset: 3px; }
.lp-js .mojo-lp .lp-stoc__stein[data-reveal]:not(.is-in) { transform: translateY(18px); }
.mojo-lp .lp-stod__feld {
display: grid; grid-template-columns: repeat(auto-fit, minmax(clamp(150px, 13vw, 210px), 1fr));
gap: clamp(14px, 1.8vw, 28px);
}
.mojo-lp .lp-stod__saeule {
display: grid; gap: clamp(10px, 1.2vw, 16px); align-content: start;
padding-block-start: clamp(12px, 1.4vw, 18px);
border-block-start: 2px solid rgba(var(--gold-rgb), .5);
}
.mojo-lp .lp-stod__kopf { display: grid; gap: 2px; }
.mojo-lp .lp-stod__zahl {
font-size: clamp(22px, 2vw, 30px); font-weight: 700; letter-spacing: -.02em;
color: var(--text); font-feature-settings: "tnum" 1;
}
.mojo-lp .lp-stod__eintrag { display: grid; gap: 8px; padding-block-start: 10px; border-block-start: 1.5px solid var(--border); }
.mojo-lp.mojo-lp .lp-stod__griff {
display: grid; gap: 2px;
color: var(--text) !important; background: transparent !important;
text-decoration: none !important;
transition: color var(--t-ui) var(--ease);
}
.mojo-lp .lp-stod__griff { cursor: pointer; }
.mojo-lp.mojo-lp .lp-stod__griff:hover .lp-sto__ort { color: var(--accent); }
.mojo-lp .lp-stod__griff:focus-visible { outline: 2px solid var(--lp-gold); outline-offset: 3px; }
.mojo-lp .lp-stod__griff .lp-sto__ort::after {
content: "\2197"; margin-inline-start: 7px;
font-size: .72em; font-weight: 700; color: var(--accent);
}
.mojo-lp .lp-stod__blatt { display: grid; gap: 6px; justify-items: start; }
.mojo-lp .lp-stod__blatt { display: none; }
.mojo-lp .lp-stod__blatt:target { display: grid; }
.lp-js .mojo-lp .lp-stod__saeule[data-reveal]:not(.is-in) { transform: translateY(24px); }
.mojo-lp .lp-stoe__stapel { display: grid; }
.mojo-lp .lp-stoe__blatt {
position: -webkit-sticky; position: sticky;
top: calc(clamp(74px, 11vh, 116px) + var(--i, 0) * 16px);
display: grid;
grid-template-columns: clamp(150px, 16vw, 230px) minmax(0, 1fr);
gap: clamp(16px, 2vw, 40px); align-items: start;
min-height: clamp(240px, 30vh, 340px);
padding: clamp(20px, 2.6vw, 38px);
border-radius: var(--r-card);
background: var(--surface);
box-shadow: inset 0 0 0 1.5px var(--border), 0 -14px 34px rgba(var(--schatten-rgb), .22);
contain: layout paint;
}
.mojo-lp .lp-stoe__blatt + .lp-stoe__blatt { margin-block-start: clamp(18px, 2.2vw, 30px); }
.lp-js .mojo-lp .lp-stoe__blatt[data-reveal] {
opacity: 1 !important; transform: none !important; transition: none !important;
}
.mojo-lp .lp-stoe__marke { display: grid; gap: 6px; align-content: start; }
.mojo-lp .lp-stoe__nr {
display: block; font-size: clamp(26px, 2.6vw, 42px); font-weight: 800;
letter-spacing: -.03em; line-height: 1;
color: var(--accent); font-feature-settings: "tnum" 1;
}
.mojo-lp .lp-stoe__zahl {
font-size: 11px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase;
color: var(--text-leise); font-feature-settings: "tnum" 1;
}
.mojo-lp .lp-stoe__orte {
display: grid; grid-template-columns: repeat(auto-fit, minmax(clamp(210px, 20vw, 300px), 1fr));
gap: clamp(14px, 1.8vw, 28px);
}
.mojo-lp .lp-stoe__ort { display: grid; gap: 5px; align-content: start; justify-items: start; }
.mojo-lp .lp-stoe__landklein { display: none; }
.mojo-lp .lp-stoe__kopf { display: flex; align-items: baseline; gap: 10px; flex-wrap: wrap; }
:root {
--schau-schleier: rgba(6, 6, 7, .72);
--schau-grund: #141416;
--schau-text: #EDEDED;
--schau-leise: rgba(237, 235, 228, .72);
--schau-kante: rgba(237, 235, 228, .16);
--schau-gold: #BCA150;
--schau-gold-schleier: rgba(188, 161, 80, .2);
--schau-gold-marke: rgba(188, 161, 80, .18);
--schau-gold-linie: rgba(188, 161, 80, .5);
}
.mojo-lp-schau {
position: fixed; inset: 0; z-index: 99990;
display: grid; place-items: center;
padding: clamp(14px, 3vw, 40px);
background: var(--schau-schleier);
opacity: 0; visibility: hidden;
transition: opacity 240ms cubic-bezier(.16, 1, .3, 1), visibility 0s linear 240ms;
font-family: Inter, system-ui, -apple-system, "Segoe UI", sans-serif;
}
.mojo-lp-schau.is-auf {
opacity: 1; visibility: visible;
transition: opacity 240ms cubic-bezier(.16, 1, .3, 1), visibility 0s;
}
.mojo-lp-schau__karte {
inline-size: min(560px, 100%); max-block-size: 100%; overflow: auto;
display: grid; gap: clamp(14px, 1.8vw, 22px);
padding: clamp(20px, 2.6vw, 34px);
border-radius: 14px;
background: var(--schau-grund);
box-shadow: inset 0 0 0 1.5px var(--schau-kante);
}
.mojo-lp-schau__kopf { display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.mojo-lp-schau__marke {
font-size: 11px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase;
color: var(--schau-gold);
}
.mojo-lp-schau__knopf {
appearance: none; flex: 0 0 auto;
inline-size: 38px; block-size: 38px;
border: 1.5px solid var(--schau-kante);
border-radius: 999px;
background: transparent; color: var(--schau-text);
font: 700 20px/1 Inter, system-ui, sans-serif; cursor: pointer;
transition: background 160ms cubic-bezier(.16, 1, .3, 1), border-color 160ms cubic-bezier(.16, 1, .3, 1);
}
.mojo-lp-schau__knopf:hover { background: var(--schau-gold-schleier); border-color: var(--schau-gold); }
.mojo-lp-schau__knopf:focus-visible { outline: 2px solid var(--schau-gold); outline-offset: 3px; }
.mojo-lp-schau__inhalt { display: grid; gap: 12px; }
.mojo-lp-schau__inhalt > * { display: grid; gap: 10px; justify-items: start; }
.mojo-lp-schau__inhalt .lp-sto__land {
font-size: 11px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase;
color: var(--schau-gold);
}
.mojo-lp-schau__inhalt .lp-sto__ort {
font-size: clamp(21px, 2.4vw, 28px); font-weight: 700; line-height: 1.2;
letter-spacing: -.02em; color: var(--schau-text);
}
.mojo-lp-schau__inhalt .lp-sto__firma, .mojo-lp-schau__inhalt .lp-sto__anschrift {
font-size: 14px; line-height: 1.6; color: var(--schau-leise); margin: 0;
}
.mojo-lp-schau__inhalt .lp-sto__kontakt { display: grid; gap: 8px; justify-items: start; }
.mojo-lp-schau__inhalt .lp-sto__kontakt a {
font-size: 14px; font-weight: 600; line-height: 1.4;
color: var(--schau-text); text-decoration: none;
border-bottom: 1.5px solid var(--schau-gold-linie);
}
.mojo-lp-schau__inhalt .lp-sto__kontakt a:hover { color: var(--schau-gold); border-color: var(--schau-gold); }
.mojo-lp-schau__inhalt .lp-sto__kontakt a:focus-visible { outline: 2px solid var(--schau-gold); outline-offset: 3px; }
.mojo-lp-schau__inhalt .lp-sto__kontakt i {
font-style: normal; font-size: 10px; font-weight: 700; letter-spacing: .14em;
text-transform: uppercase; color: var(--schau-gold); margin-inline-end: 6px;
}
.mojo-lp-schau__inhalt .lp-sto__rolle {
display: inline-block; padding: 2px 8px; border-radius: 6px;
background: var(--schau-gold-marke);
font-size: 10px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase;
color: var(--schau-text);
}
@media (prefers-reduced-motion: reduce) { .mojo-lp-schau { transition: none; } }
.mojo-lp.lp-aus {
display: grid; align-content: center;
min-height: clamp(360px, 62vh, 660px);
position: relative; isolation: isolate;
--korn-mix: screen;
--korn-bild: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)'/%3E%3C/svg%3E");
}
.mojo-lp.mojo-lp.lp-aus h2 {
margin: 0 !important;
font-size: clamp(34px, 4.6vw, 76px);
font-weight: 800 !important;
line-height: 1.04 !important;
letter-spacing: -.03em;
color: var(--text);
max-width: 24ch;
text-wrap: balance;
position: relative; z-index: 2;
}
.mojo-lp.mojo-lp.lp-aus h2 em { font-style: normal; color: var(--accent); }
.mojo-lp.mojo-lp.lp-aus .lp-aus__zeile {
margin: clamp(24px, 3.5vh, 40px) 0 0 !important;
max-width: 54ch;
font-size: 11px !important;
font-weight: 700 !important;
letter-spacing: .1em;
text-transform: uppercase;
line-height: 1.6 !important;
color: var(--text);
position: relative; z-index: 2;
}
.mojo-lp.lp-aus .lp-head { position: relative; z-index: 2; }
.mojo-lp.mojo-lp.lp-aus .lp-btn-row {
position: relative; z-index: 2;
margin: clamp(26px, 3.6vh, 44px) 0 0;
}
.mojo-lp:is(.lp-aus--kehre, .lp-aus--fuellung, .lp-aus--markierung, .lp-aus--kern) {
view-timeline-name: --lp-aus-band; view-timeline-axis: block;
}
@supports (animation-timeline: view()) {
.mojo-lp.lp-aus--sperrung h2 {
animation-name: lp-aus-sperrung;
animation-duration: auto;
animation-timing-function: linear;
animation-fill-mode: both;
animation-timeline: view();
animation-range: entry 15% cover 55%;
}
}
@keyframes lp-aus-sperrung {
from { letter-spacing: .34em; opacity: .55; }
to { letter-spacing: -.03em; opacity: 1; }
}
@supports (animation-timeline: view()) and (font-variation-settings: "wght" 400) {
.mojo-lp.lp-aus--gewicht h2 {
animation-name: lp-aus-gewicht;
animation-duration: auto;
animation-timing-function: linear;
animation-fill-mode: both;
animation-timeline: view();
animation-range: entry 10% cover 60%;
}
}
@keyframes lp-aus-gewicht {
from { font-variation-settings: "wght" 180; }
to { font-variation-settings: "wght" 800; }
}
.mojo-lp.lp-aus--korn::before {
content: ""; position: absolute; inset: -20%; z-index: 1;
background-image: var(--korn-bild);
background-size: 140px 140px;
opacity: .06;
mix-blend-mode: var(--korn-mix);
pointer-events: none;
}
@supports (animation-timeline: view()) {
.mojo-lp.lp-aus--korn::before {
animation-name: lp-aus-korn;
animation-duration: auto;
animation-timing-function: linear;
animation-fill-mode: both;
animation-timeline: view();
animation-range: entry 0% cover 62%;
}
}
@keyframes lp-aus-korn { from { opacity: .5; } to { opacity: .06; } }
@supports (animation-timeline: view()) {
.mojo-lp.lp-aus--kehre {
animation-name: lp-aus-kehre;
animation-duration: auto;
animation-timing-function: linear;
animation-fill-mode: both;
animation-timeline: --lp-aus-band;
animation-range: entry 20% cover 50%;
}
.mojo-lp.mojo-lp.lp-aus--kehre h2, .mojo-lp.mojo-lp.lp-aus--kehre .lp-aus__zeile, .mojo-lp.mojo-lp.lp-aus--kehre .lp-eyebrow, .mojo-lp.mojo-lp.lp-aus--kehre .lp-btn {
animation-name: lp-aus-kehre-text;
animation-duration: auto;
animation-timing-function: steps(1, jump-end);
animation-fill-mode: both;
animation-timeline: --lp-aus-band;
animation-range: entry 20% cover 50%;
}
.mojo-lp.lp-aus--kehre .lp-inner {
animation-name: lp-aus-hof;
animation-duration: auto;
animation-timing-function: linear;
animation-fill-mode: both;
animation-timeline: --lp-aus-band;
animation-range: entry 20% cover 50%;
}
}
@keyframes lp-aus-kehre {
from { background-color: var(--lp-carbon); }
to { background-color: var(--bg); }
}
@keyframes lp-aus-kehre-text {
from { color: var(--auf-bild); }
to { color: currentColor; }
}
.mojo-lp.mojo-lp.lp-aus--kehre .lp-btn--ghost {
border-color: color-mix(in srgb, currentColor 62%, transparent);
background: rgba(var(--bild-rgb), calc(var(--lp-aus-hof) * .92));
}
.mojo-lp.mojo-lp.lp-aus--kehre .lp-btn--ghost:hover { border-color: currentColor; }
@property --lp-aus-hof { syntax: "<number>"; inherits: true; initial-value: 0; }
.mojo-lp.lp-aus--kehre :is(h2, .lp-aus__zeile, .lp-eyebrow, .lp-btn) {
text-shadow:
0 0 clamp(14px, 1.4vw, 24px) rgba(var(--bild-rgb), var(--lp-aus-hof)), 0 0 clamp(34px, 3.4vw, 60px) rgba(var(--bild-rgb), calc(var(--lp-aus-hof) * .85));
}
.mojo-lp.lp-aus--kehre :is(.lp-aus__zeile, .lp-eyebrow) {
text-shadow:
0 0 5px rgba(var(--bild-rgb), var(--lp-aus-hof)), 0 0 10px rgba(var(--bild-rgb), var(--lp-aus-hof)), 0 0 20px rgba(var(--bild-rgb), var(--lp-aus-hof));
}
@keyframes lp-aus-hof { 0% { --lp-aus-hof: 0; } 16%, 82% { --lp-aus-hof: 1; } 100% { --lp-aus-hof: 0; } }
@property --lp-aus-f { syntax: "<percentage>"; inherits: true; initial-value: 100%; }
@supports ((-webkit-background-clip: text) or (background-clip: text)) {
.mojo-lp.mojo-lp.lp-aus--fuellung h2 {
--lp-aus-f: 100%;
color: transparent;
-webkit-text-stroke: 1.5px color-mix(in srgb, var(--text) 52%, transparent);
background-image: linear-gradient(to top, var(--text) 0 var(--lp-aus-f), transparent var(--lp-aus-f) 100%);
-webkit-background-clip: text;
background-clip: text;
}
}
@keyframes lp-aus-fuellung { from { --lp-aus-f: 0%; } to { --lp-aus-f: 100%; } }
@supports (animation-timeline: view()) {
.mojo-lp.mojo-lp.lp-aus--fuellung h2 {
animation: lp-aus-fuellung auto linear both;
animation-timeline: --lp-aus-band;
animation-range: entry 25% cover 55%;
}
}
.mojo-lp.lp-aus--markierung .lp-aus__w { position: relative; }
.mojo-lp.lp-aus--markierung .lp-aus__w::before {
content: ""; position: absolute; z-index: -1;
inset: .04em -.16em .1em;
background: var(--lp-sand);
opacity: 0;
}
.mojo-lp.lp-sand.lp-aus--markierung .lp-aus__w::before, .mojo-lp.lp-olive.lp-aus--markierung .lp-aus__w::before { background: var(--lp-carbon); }
@keyframes lp-aus-marke { from, to { opacity: 1; } }
@keyframes lp-aus-marke-wort { from, to { color: var(--lp-carbon); } }
@keyframes lp-aus-marke-wort-hell { from, to { color: var(--lp-sand); } }
@supports (animation-timeline: view()) {
.mojo-lp.lp-aus--markierung .lp-aus__w::before, .mojo-lp.mojo-lp.lp-aus--markierung .lp-aus__w {
animation-duration: auto;
animation-timing-function: linear;
animation-fill-mode: none;
animation-timeline: --lp-aus-band;
animation-range: cover calc(var(--i) * var(--s)) cover calc((var(--i) + 1) * var(--s));
}
.mojo-lp.lp-aus--markierung .lp-aus__w::before { animation-name: lp-aus-marke; }
.mojo-lp.mojo-lp.lp-aus--markierung .lp-aus__w { animation-name: lp-aus-marke-wort; }
.mojo-lp.mojo-lp.lp-sand.lp-aus--markierung .lp-aus__w, .mojo-lp.mojo-lp.lp-olive.lp-aus--markierung .lp-aus__w { animation-name: lp-aus-marke-wort-hell; }
}
@property --lp-aus-a { syntax: "<number>"; inherits: true; initial-value: 0; }
@keyframes lp-aus-kern { from { --lp-aus-a: 0; } to { --lp-aus-a: 1; } }
.mojo-lp.mojo-lp.lp-aus--kern .lp-aus__neben {
opacity: clamp(.3, calc((var(--i) - var(--lp-aus-a)) * 7 + 1), 1);
}
.mojo-lp.mojo-lp.lp-aus--kern .lp-aus__kern { color: var(--accent); }
@supports (animation-timeline: view()) {
.mojo-lp.lp-aus--kern {
animation: lp-aus-kern auto linear both;
animation-timeline: --lp-aus-band;
animation-range: entry 30% cover 60%;
}
}
.mojo-lp.lp-sand.lp-aus { --korn-mix: multiply; }
@media (max-width: 930px) {
.mojo-lp.lp-aus { min-height: clamp(320px, 56vh, 520px); }
.mojo-lp.mojo-lp.lp-aus h2 { max-width: none; }
}
@media (prefers-reduced-motion: reduce) {
.mojo-lp.lp-aus--sperrung h2, .mojo-lp.lp-aus--gewicht h2, .mojo-lp.lp-aus--korn::before, .mojo-lp.lp-aus--kehre, .mojo-lp.mojo-lp.lp-aus--kehre h2, .mojo-lp.mojo-lp.lp-aus--kehre .lp-aus__zeile, .mojo-lp.mojo-lp.lp-aus--kehre .lp-eyebrow, .mojo-lp.mojo-lp.lp-aus--kehre .lp-btn, .mojo-lp.lp-aus--kehre .lp-inner, .mojo-lp.mojo-lp.lp-aus--fuellung h2, .mojo-lp.lp-aus--markierung .lp-aus__w::before, .mojo-lp.mojo-lp.lp-aus--markierung .lp-aus__w, .mojo-lp.lp-aus--kern { animation: none !important; }
.mojo-lp.mojo-lp.lp-aus--fuellung h2 { --lp-aus-f: 100%; }
.mojo-lp.mojo-lp.lp-aus--kern .lp-aus__neben { opacity: 1; }
}
@media (max-width: 1100px) {
.mojo-lp .lp-stof__register { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 930px) {
.mojo-lp .lp-stoa__schild { display: none; }
.mojo-lp .lp-stoc__kopfsitz { grid-template-columns: minmax(0, 1fr); gap: 16px; }
.mojo-lp .lp-stoc__welt { order: 2; }
.mojo-lp .lp-stoc__kartei { order: 1; }
.mojo-lp .lp-stoe__blatt {
grid-template-columns: minmax(0, 1fr); gap: 14px;
min-height: 0; top: clamp(64px, 9vh, 92px);
}
.mojo-lp .lp-stoe__marke { display: flex; align-items: baseline; gap: 12px; }
.mojo-lp.mojo-lp .lp-sto :is(.lp-stoe__ort, .lp-stod__saeule, .lp-stoc__stein, .lp-stoc__blatt, .lp-stof__ort, .lp-stof__reiter) :is(p, span) {
text-align: left; margin-inline: 0 !important;
}
.mojo-lp.mojo-lp .lp-sto :is(.lp-stoc__blatt, .lp-stof__ort) p { text-align: left; }
}
@media (max-width: 700px) {
.mojo-lp .lp-stof__register { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.mojo-lp.mojo-lp .lp-bahn > .lp-stoe__blatt {
display: contents; position: static; top: auto;
}
.mojo-lp.mojo-lp .lp-bahn .lp-stoe__orte { display: contents; }
.mojo-lp.mojo-lp .lp-bahn .lp-stoe__marke { display: none; }
.mojo-lp.mojo-lp .lp-bahn .lp-stoe__landklein { display: block; }
.mojo-lp.mojo-lp .lp-bahn .lp-stoe__ort {
scroll-snap-align: center; align-self: start;
gap: 7px;
padding: clamp(16px, 4vw, 22px);
border-radius: var(--r-card);
background: var(--surface);
box-shadow: inset 0 0 0 1.5px var(--border);
}
}
.mojo-lp.lp-kat { position: relative; }
.mojo-lp.lp-kat * { min-width: 0; }
.mojo-lp .lp-kat__feld { display: grid; gap: clamp(44px, 7vh, 104px); }
.mojo-lp .lp-kat__lage { position: relative; min-width: 0; }
.mojo-lp.mojo-lp .lp-kat__nr {
display: block; margin: 0 0 10px !important;
font-size: 11px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase;
line-height: 1.65 !important; color: var(--accent); font-feature-settings: "tnum" 1;
}
.mojo-lp.mojo-lp .lp-kat__name {
margin: 0 0 12px !important;
font-size: clamp(24px, 3vw, 50px);
font-weight: 700 !important; line-height: 1.25 !important; letter-spacing: -.02em;
color: var(--text);
}
.mojo-lp.mojo-lp .lp-kat__satz { margin: 0 !important; max-width: 62ch; color: var(--text); font-size: var(--lp-t-body); font-weight: 500; line-height: 1.65 !important; }
.mojo-lp .lp-kat__werte {
display: flex; flex-wrap: wrap; gap: 8px clamp(14px, 1.6vw, 24px);
list-style: none !important; margin: clamp(14px, 1.8vh, 20px) 0 0 !important; padding: 0 !important;
}
.mojo-lp .lp-kat__werte li::marker { content: none; }
.mojo-lp.mojo-lp .lp-kat__werte li {
list-style: none !important; margin: 0 !important;
font-size: 11px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase;
line-height: 1.65 !important; color: var(--text-leise);
}
.mojo-lp .lp-kat__bild {
position: relative; display: grid; overflow: hidden;
border-radius: var(--r-card); background: var(--surface);
}
.mojo-lp .lp-kat__bild::before { content: ""; grid-area: 1 / 1; padding-block-start: var(--mass, 56.25%); }
.mojo-lp.mojo-lp .lp-kat__bild img {
position: absolute !important; inset: 0 !important; z-index: 1;
width: 100% !important; height: 100% !important; max-width: none !important;
object-fit: cover !important; display: block !important;
}
.mojo-lp .lp-kat__text { position: relative; }
.mojo-lp .lp-kat__text .lp-btn-row { margin-block-start: 26px !important; }
@property --lp-kat-x { syntax: "<percentage>"; inherits: true; initial-value: 200%; }
.mojo-lp.lp-kat--keil .lp-kat__lage { --lp-kat-schraege: 9%; }
.mojo-lp.lp-kat--keil .lp-kat__bild { --mass: 46%; }
.mojo-lp.lp-kat--keil .lp-kat__text { padding-block-start: clamp(16px, 2.2vh, 26px); }
@supports (animation-timeline: view()) {
.mojo-lp.lp-kat--keil .lp-kat__bild {
clip-path: polygon(0 0, calc(var(--lp-kat-x, 200%) + var(--lp-kat-schraege)) 0, calc(var(--lp-kat-x, 200%) - var(--lp-kat-schraege)) 100%, 0 100%);
animation-name: lp-kat-keil;
animation-duration: auto;
animation-timing-function: linear;
animation-fill-mode: both;
animation-timeline: view();
animation-range: entry 10% cover 46%;
}
.mojo-lp.lp-kat--keil .lp-kat__bild::after {
content: ""; position: absolute; inset: 0; z-index: 3; pointer-events: none;
background: var(--lp-gold);
clip-path: polygon(calc(var(--lp-kat-x, 200%) + var(--lp-kat-schraege)) 0, calc(var(--lp-kat-x, 200%) + var(--lp-kat-schraege) - 2px) 0, calc(var(--lp-kat-x, 200%) - var(--lp-kat-schraege) - 2px) 100%, calc(var(--lp-kat-x, 200%) - var(--lp-kat-schraege)) 100%);
}
}
@keyframes lp-kat-keil { from { --lp-kat-x: 0%; } to { --lp-kat-x: 109%; } }
@media (min-width: 931px) {
.mojo-lp.lp-kat--keil .lp-kat__feld { grid-template-columns: 1fr 1fr; gap: clamp(44px, 7vh, 104px) clamp(32px, 4vw, 72px); }
}
.mojo-lp.lp-kat--wort .lp-kat__lage { container-type: inline-size; }
.mojo-lp.mojo-lp.lp-kat--wort .lp-kat__wort {
display: block; margin: 0 0 clamp(12px, 1.8vh, 20px) !important;
--wortdeckel: calc(100cqi / (var(--zeichen, 12) * 0.78));
font-size: min(clamp(52px, 10vw, 150px), var(--wortdeckel));
font-weight: 800 !important; line-height: .94 !important; letter-spacing: -.045em;
text-transform: uppercase; color: var(--text);
overflow-wrap: normal; word-break: normal; hyphens: none;
}
@supports ((background-clip: text) or (-webkit-background-clip: text)) {
.mojo-lp.mojo-lp.lp-kat--wort .lp-kat__wort {
background-image: linear-gradient(rgba(255,255,255,var(--wort-aufhellung,0)), rgba(255,255,255,var(--wort-aufhellung,0))), var(--bild); background-repeat: no-repeat; background-blend-mode: screen;
background-color: var(--text);
background-size: 100% 100%, 100% auto; background-position: 50% 50%;
-webkit-background-clip: text; background-clip: text;
color: transparent; -webkit-text-fill-color: transparent;
}
}
@supports (animation-timeline: view()) and ((background-clip: text) or (-webkit-background-clip: text)) {
.mojo-lp.mojo-lp.lp-kat--wort .lp-kat__wort {
animation-name: lp-kat-wort;
animation-duration: auto;
animation-timing-function: linear;
animation-fill-mode: both;
animation-timeline: view();
animation-range: entry 0% exit 100%;
}
}
@keyframes lp-kat-wort { from { background-position: 50% 6%; } to { background-position: 50% 94%; } }
.mojo-lp.lp-kat--wort .lp-kat__lage + .lp-kat__lage::before {
content: ""; position: absolute; inset-inline: 0; inset-block-start: calc(-1 * clamp(22px, 3.5vh, 52px));
height: 1.5px; background: rgba(var(--kante-rgb), .14);
}
@property --lp-kat-w { syntax: "<percentage>"; inherits: true; initial-value: 0%; }
.mojo-lp.lp-kat--grund { view-timeline-name: --lp-kat-grund; view-timeline-axis: block; isolation: isolate; }
.mojo-lp.lp-kat--grund .lp-kat__feld { gap: 0; }
.mojo-lp.lp-kat--grund .lp-kat__kopf, .mojo-lp.lp-kat--grund .lp-kat__lage { position: relative; padding-inline: 0; }
.mojo-lp.lp-kat--grund .lp-kat__lage { padding-block: clamp(20px, 2.8vh, 38px); }
.mojo-lp.lp-kat--grund .lp-kat__klar { display: block; }
.mojo-lp.lp-kat--grund .lp-kat__klar :is(.lp-kat__text, .lp-kat__zeile, div, ul, li, p, span, a) {
position: static;
}
.mojo-lp.lp-kat--grund .lp-kat__zeile {
display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.3fr);
column-gap: clamp(20px, 3vw, 56px); align-items: start;
}
.mojo-lp.lp-kat--grund .lp-kat__lage::after {
content: ""; position: absolute; inset-inline: 0; inset-block-start: 0;
height: 1.5px; background: rgba(var(--gold-rgb), .34);
}
.mojo-lp.lp-kat--grund .lp-kat__lage:first-child::after { display: none; }
.mojo-lp.mojo-lp.lp-kat--grund .lp-kat__mehr {
margin: clamp(14px, 1.8vh, 20px) 0 0 !important;
font-size: 11px; font-weight: 700; letter-spacing: .12em;
text-transform: uppercase; line-height: 1.65 !important;
}
.mojo-lp.lp-kat--grund .lp-kat__mehr a { color: var(--accent); text-decoration: none; }
.mojo-lp.lp-kat--grund .lp-kat__mehr a:hover { text-decoration: underline; text-underline-offset: 3px; }
@supports (animation-timeline: view()) {
.mojo-lp.lp-kat--grund {
animation-name: lp-kat-grund;
animation-duration: auto;
animation-timing-function: linear;
animation-fill-mode: both;
animation-timeline: --lp-kat-grund;
animation-range: cover 6% cover 26%;
}
}
@keyframes lp-kat-grund {
from { background-color: var(--lp-carbon); }
to { background-color: var(--bg); }
}
@supports (animation-timeline: view()) and ((background-clip: text) or (-webkit-background-clip: text)) {
.mojo-lp.lp-kat--grund .lp-kat__kopf::before, .mojo-lp.lp-kat--grund .lp-kat__lage::before {
content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none;
background-image: linear-gradient(90deg, rgba(var(--gold-rgb), 0) 0 var(--lp-kat-w), rgba(var(--gold-rgb), .55) var(--lp-kat-w) calc(var(--lp-kat-w) + 2px), rgba(var(--gold-rgb), 0) calc(var(--lp-kat-w) + 2px) 100%), linear-gradient(90deg, rgba(var(--bild-rgb), 0) 0 var(--lp-kat-w), rgba(var(--bild-rgb), .82) var(--lp-kat-w) 100%);
}
.mojo-lp.lp-kat--grund .lp-kat__klar {
background-image: linear-gradient(90deg, var(--text) 0 var(--lp-kat-w), var(--auf-bild) var(--lp-kat-w) 100%);
-webkit-background-clip: text; background-clip: text;
}
.mojo-lp.mojo-lp.lp-kat--grund .lp-kat__klar :is(h2, h3, p, span, li, a, em, strong) {
color: transparent !important; -webkit-text-fill-color: transparent;
}
.mojo-lp.lp-kat--grund .lp-kat__kopf {
animation-name: lp-kat-licht;
animation-duration: auto;
animation-timing-function: linear;
animation-fill-mode: both;
animation-timeline: --lp-kat-grund;
animation-range: cover 30% cover 42%;
}
.mojo-lp.lp-kat--grund .lp-kat__lage:nth-child(1) {
animation-name: lp-kat-licht;
animation-duration: auto;
animation-timing-function: linear;
animation-fill-mode: both;
animation-timeline: --lp-kat-grund;
animation-range: cover 34% cover 46%;
}
.mojo-lp.lp-kat--grund .lp-kat__lage:nth-child(2) {
animation-name: lp-kat-licht;
animation-duration: auto;
animation-timing-function: linear;
animation-fill-mode: both;
animation-timeline: --lp-kat-grund;
animation-range: cover 38% cover 50%;
}
.mojo-lp.lp-kat--grund .lp-kat__lage:nth-child(3) {
animation-name: lp-kat-licht;
animation-duration: auto;
animation-timing-function: linear;
animation-fill-mode: both;
animation-timeline: --lp-kat-grund;
animation-range: cover 42% cover 54%;
}
.mojo-lp.lp-kat--grund .lp-kat__lage:nth-child(4) {
animation-name: lp-kat-licht;
animation-duration: auto;
animation-timing-function: linear;
animation-fill-mode: both;
animation-timeline: --lp-kat-grund;
animation-range: cover 46% cover 58%;
}
.mojo-lp.lp-kat--grund .lp-kat__lage:nth-child(n+5) {
animation-name: lp-kat-licht;
animation-duration: auto;
animation-timing-function: linear;
animation-fill-mode: both;
animation-timeline: --lp-kat-grund;
animation-range: cover 50% cover 62%;
}
}
@keyframes lp-kat-licht { from { --lp-kat-w: 0%; } to { --lp-kat-w: 100%; } }
@media (forced-colors: active) {
.mojo-lp.lp-kat--grund .lp-kat__kopf::before, .mojo-lp.lp-kat--grund .lp-kat__lage::before { display: none !important; }
.mojo-lp.lp-kat--grund .lp-kat__klar { background-image: none !important; }
.mojo-lp.mojo-lp.lp-kat--grund .lp-kat__klar :is(h2, h3, p, span, li, a, em, strong) {
color: revert !important; -webkit-text-fill-color: revert;
}
}
.mojo-lp.lp-kat--schnitt .lp-kat__lage { display: grid; }
.mojo-lp.lp-kat--schnitt .lp-kat__bild { grid-area: 1 / 1; --mass: 62%; }
.mojo-lp.lp-kat--schnitt .lp-kat__band {
grid-area: 1 / 1; align-self: center; z-index: 4;
margin-inline: clamp(14px, 4vw, 64px);
padding: clamp(18px, 2.8vh, 34px) clamp(18px, 3vw, 44px);
background: var(--bg);
border-radius: var(--r-ui);
box-shadow: inset 0 1.5px 0 0 rgba(var(--gold-rgb), .9), inset 0 -1.5px 0 0 rgba(var(--gold-rgb), .9);
}
@supports (animation-timeline: view()) {
.mojo-lp.lp-kat--schnitt .lp-kat__band {
clip-path: inset(0 0 0 0);
animation-name: lp-kat-schnitt;
animation-duration: auto;
animation-timing-function: linear;
animation-fill-mode: both;
animation-timeline: view();
animation-range: entry 15% cover 50%;
}
}
@keyframes lp-kat-schnitt {
from { clip-path: inset(50% 0 50% 0); }
to { clip-path: inset(0 0 0 0); }
}
.mojo-lp.lp-kat--negativ .lp-kat__feld { gap: clamp(30px, 5vh, 72px); }
.mojo-lp.lp-kat--negativ .lp-kat__lage {
display: grid; grid-template-columns: minmax(0, 46%) minmax(0, 1fr);
column-gap: clamp(20px, 3vw, 52px); align-items: center;
}
.mojo-lp.lp-kat--negativ .lp-kat__bild { --mass: 70%; border-radius: var(--r-sm); }
@supports (animation-timeline: view()) {
.mojo-lp.lp-kat--negativ .lp-kat__bild {
animation-name: lp-kat-negativ;
animation-duration: auto;
animation-timing-function: linear;
animation-fill-mode: both;
animation-timeline: view();
animation-range: entry 8% cover 46%;
}
}
@keyframes lp-kat-negativ {
from { filter: grayscale(1) brightness(.4) contrast(1.3); }
to { filter: grayscale(0) brightness(1) contrast(1); }
}
.mojo-lp.lp-sand.lp-kat--keil .lp-kat__bild::after { background: var(--lp-gold-tief); }
.mojo-lp.lp-olive.lp-kat--keil .lp-kat__bild::after { background: var(--lp-sand); }
.mojo-lp.lp-olive.lp-kat .lp-kat__nr { color: var(--text); }
@media (min-width: 931px) {
.mojo-lp.mojo-lp.lp-kat--raster .lp-kat__feld { grid-template-columns: 1fr 1fr; gap: clamp(44px, 7vh, 104px) clamp(32px, 4vw, 72px); }
.mojo-lp.mojo-lp.lp-kat--negativ.lp-kat--raster .lp-kat__lage { grid-template-columns: minmax(0, 1fr); row-gap: clamp(14px, 2.4vh, 20px); }
}
.mojo-lp.lp-kat--wort.lp-kat--raster .lp-kat__lage + .lp-kat__lage::before { display: none; }
.mojo-lp.lp-kat--aufklapp .lp-kat__feld { display: grid; gap: 16px; }
.mojo-lp.lp-kat--aufklapp .lp-kat__akkarte {
background: var(--surface); border: 1px solid var(--border); border-radius: var(--r-card);
padding: clamp(20px, 2.4vw, 32px); align-self: start;
}
.mojo-lp.mojo-lp.lp-kat--aufklapp .lp-kat__akkarte .lp-kat__name { margin: 0 !important; }
.mojo-lp.lp-kat--aufklapp .lp-kat__ak { margin-block-start: clamp(14px, 1.8vh, 20px); }
.mojo-lp.lp-kat--aufklapp .lp-kat__ak-btn { list-style: none; cursor: pointer; }
.mojo-lp.lp-kat--aufklapp .lp-kat__ak-btn:hover { color: var(--accent); border-color: var(--accent); }
.mojo-lp.lp-kat--aufklapp .lp-kat__ak-icon { display: none; }
.mojo-lp details, .mojo-lp details *, .mojo-lp details *::before, .mojo-lp details *::after { box-sizing: border-box; }
.mojo-lp .lp-kat__ak-btn::-webkit-details-marker { display: none; }
.mojo-lp .lp-kat__ak-btn::marker { content: ""; }
.mojo-lp .lp-kat__ak-icon { flex: none; width: 12px; height: 12px; position: relative; }
.mojo-lp .lp-kat__ak-icon::before, .mojo-lp .lp-kat__ak-icon::after {
content: ""; position: absolute; inset-block-start: 5px; inset-inline-start: 0; background: var(--accent);
}
.mojo-lp .lp-kat__ak-icon::before { width: 12px; height: 2px; }
.mojo-lp .lp-kat__ak-icon::after { width: 2px; height: 12px; inset-block-start: 0; inset-inline-start: 5px; transition: transform 300ms var(--ease); }
.mojo-lp .lp-kat__ak[open] .lp-kat__ak-icon::after { transform: scaleY(0); }
.mojo-lp.mojo-lp.lp-kat--aufklapp .lp-kat__ak-panel { padding-block-start: clamp(14px, 1.8vh, 18px); }
.mojo-lp.mojo-lp.lp-kat--aufklapp .lp-kat__ak-panel .lp-kat__satz { margin: 0 !important; }
.mojo-lp.lp-kat--aufklapp .lp-kat__ak-sub {
display: flex; flex-wrap: wrap; gap: 8px clamp(14px, 1.6vw, 24px);
list-style: none !important; margin: clamp(12px, 1.6vh, 18px) 0 0 !important; padding: 0 !important;
}
.mojo-lp .lp-kat__ak-sub li::marker { content: none; }
.mojo-lp.mojo-lp.lp-kat--aufklapp .lp-kat__ak-sub li { list-style: none !important; margin: 0 !important; }
.mojo-lp.mojo-lp.lp-kat--aufklapp .lp-kat__ak-sub a {
font-size: 11px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase;
line-height: 1.65; color: var(--text-leise); text-decoration: none;
}
.mojo-lp.lp-kat--aufklapp .lp-kat__ak-sub a:hover { color: var(--accent); text-decoration: underline; text-underline-offset: 3px; }
.mojo-lp.mojo-lp.lp-kat--aufklapp .lp-kat__ak-panel .lp-btn-row { margin-block-start: 26px !important; }
@media (min-width: 931px) {
.mojo-lp.mojo-lp.lp-kat--aufklapp.lp-kat--ak-raster .lp-kat__feld { grid-template-columns: 1fr 1fr; gap: clamp(20px, 2vw, 28px); }
.mojo-lp.mojo-lp.lp-kat--aufklapp.lp-kat--ak-bento .lp-kat__feld { grid-template-columns: repeat(12, 1fr); gap: clamp(20px, 2vw, 28px); align-items: start; }
.mojo-lp.lp-kat--ak-bento .lp-kat__akkarte:nth-child(1) { grid-column: span 7; }
.mojo-lp.lp-kat--ak-bento .lp-kat__akkarte:nth-child(2) { grid-column: span 5; }
.mojo-lp.lp-kat--ak-bento .lp-kat__akkarte:nth-child(3) { grid-column: span 5; }
.mojo-lp.lp-kat--ak-bento .lp-kat__akkarte:nth-child(4) { grid-column: span 7; }
}
@media (max-width: 930px) {
.mojo-lp.mojo-lp.lp-kat :is(h2, h3, p, span, li, .lp-eyebrow, .lp-kat__wort) {
text-align: left; margin-inline: 0;
}
.mojo-lp.lp-kat .lp-eyebrow--line { justify-content: flex-start; }
.mojo-lp.lp-kat .lp-eyebrow--line::before { display: block; }
.mojo-lp.mojo-lp.lp-kat .lp-btn-row { justify-content: flex-start; }
.mojo-lp.lp-kat .lp-head--split { align-items: flex-start; text-align: left; }
.mojo-lp.mojo-lp.lp-kat--keil .lp-head--split { align-items: center; text-align: center; }
.mojo-lp.mojo-lp.lp-kat--keil .lp-head--split .lp-eyebrow--line { justify-content: center; }
.mojo-lp.mojo-lp.mojo-lp.lp-kat--keil .lp-head--split :is(h2, .lp-eyebrow) { text-align: center; margin-inline: auto; }
.mojo-lp.mojo-lp.lp-kat--keil .lp-head--split > .lp-btn { margin-inline: auto; }
.mojo-lp.mojo-lp.lp-kat--aufklapp .lp-head--split { align-items: center; text-align: center; }
.mojo-lp.mojo-lp.lp-kat--aufklapp .lp-head--split .lp-eyebrow--line { justify-content: center; }
.mojo-lp.mojo-lp.mojo-lp.lp-kat--aufklapp .lp-head--split :is(h2, .lp-eyebrow) { text-align: center; margin-inline: auto; }
.mojo-lp.mojo-lp.lp-kat--aufklapp .lp-head--split > .lp-btn { margin-inline: auto; }
.mojo-lp.mojo-lp.mojo-lp:is(.lp-kat--keil, .lp-kat--aufklapp) .lp-head--split .lp-eyebrow--line::before { display: none; }
.mojo-lp.mojo-lp.lp-kat--aufklapp .lp-kat__ak-btn { width: 100%; }
.mojo-lp .lp-kat__feld { gap: clamp(30px, 5vh, 56px); }
.mojo-lp.lp-kat--keil .lp-kat__bild { --mass: 62%; }
.mojo-lp.lp-kat--grund .lp-kat__zeile { grid-template-columns: minmax(0, 1fr); row-gap: 10px; }
.mojo-lp.lp-kat--negativ .lp-kat__lage { grid-template-columns: minmax(0, 1fr); row-gap: clamp(14px, 2.4vh, 20px); }
.mojo-lp.mojo-lp .lp-kat__satz { max-width: none; }
.mojo-lp.mojo-lp.lp-kat--wort .lp-kat__wort {
--wortdeckel: calc(100cqi / (var(--zeichen-m, 13) * 0.78));
line-height: 1.0 !important;
}
.mojo-lp.lp-kat--schnitt .lp-kat__lage { display: block; }
.mojo-lp.lp-kat--schnitt .lp-kat__bild { --mass: 66%; }
.mojo-lp.lp-kat--schnitt .lp-kat__band {
margin-inline: 0; margin-block-start: clamp(14px, 2.4vh, 20px);
animation: none !important; clip-path: none !important;
box-shadow: inset 0 1.5px 0 0 rgba(var(--gold-rgb), .9);
padding-inline: 0; border-radius: 0;
}
}
@media (prefers-reduced-motion: reduce) {
.mojo-lp.lp-kat--keil .lp-kat__bild, .mojo-lp.lp-kat--keil .lp-kat__bild::after, .mojo-lp.mojo-lp.lp-kat--wort .lp-kat__wort, .mojo-lp.lp-kat--grund, .mojo-lp.lp-kat--grund .lp-kat__kopf, .mojo-lp.lp-kat--grund .lp-kat__lage, .mojo-lp.lp-kat--schnitt .lp-kat__band, .mojo-lp.lp-kat--negativ .lp-kat__bild { animation: none !important; }
.mojo-lp.lp-kat--keil .lp-kat__bild { clip-path: none !important; }
.mojo-lp.lp-kat--keil .lp-kat__bild::after { display: none !important; }
.mojo-lp.lp-kat--schnitt .lp-kat__band { clip-path: none !important; }
.mojo-lp.lp-kat--grund .lp-kat__kopf::before, .mojo-lp.lp-kat--grund .lp-kat__lage::before { display: none !important; }
.mojo-lp.lp-kat--grund .lp-kat__klar { background-image: none !important; }
.mojo-lp.mojo-lp.lp-kat--grund .lp-kat__klar :is(h2, h3, p, span, li, a, em, strong) {
color: revert !important; -webkit-text-fill-color: revert;
}
.mojo-lp.lp-kat--negativ .lp-kat__bild { filter: none !important; }
}
@property --lp-msk-a { syntax: "<percentage>"; inherits: true; initial-value: 14.2857%; }
@property --lp-msk-b { syntax: "<percentage>"; inherits: true; initial-value: 118%; }
@property --lp-msk-c { syntax: "<length>"; inherits: true; initial-value: 12px; }
.mojo-lp.lp-msk { position: relative; view-timeline-name: --lp-msk; view-timeline-axis: block; }
.mojo-lp.lp-msk * { min-width: 0; }
.mojo-lp.mojo-lp .lp-msk__nr {
display: block; margin: 0 0 10px !important;
font-size: 11px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase;
line-height: 1.65 !important; color: var(--accent); font-feature-settings: "tnum" 1;
}
.mojo-lp.mojo-lp .lp-msk__name {
margin: 0 0 12px !important;
font-size: clamp(24px, 3vw, 50px);
font-weight: 700 !important; line-height: 1.06 !important; letter-spacing: -.02em;
color: var(--text);
}
.mojo-lp.mojo-lp .lp-msk__satz { margin: 0 !important; max-width: 64ch; color: var(--text); font-size: var(--lp-t-body); line-height: 1.65 !important; font-weight: var(--lp-w-body); }
.mojo-lp .lp-msk__bild {
position: relative; display: grid; overflow: hidden;
border-radius: var(--r-card); background: var(--surface);
}
.mojo-lp .lp-msk__bild::before { content: ""; grid-area: 1 / 1; padding-block-start: var(--mass, 56.25%); }
.mojo-lp.mojo-lp .lp-msk__bild img {
position: absolute !important; inset: 0 !important; z-index: 1;
width: 100% !important; height: 100% !important; max-width: none !important;
object-fit: cover !important; display: block !important;
}
.mojo-lp .lp-msk__text { position: static; }
.mojo-lp .lp-msk__unterschrift { margin-block-start: clamp(14px, 2vh, 22px); }
.mojo-lp .lp-msk__stueck { position: relative; }
.mojo-lp.mojo-lp .lp-msk__ganz {
color: inherit !important; text-decoration: none !important;
}
.mojo-lp .lp-msk__ganz::after {
content: ""; position: absolute; inset: 0; z-index: 5;
}
.mojo-lp .lp-msk__stueck .lp-btn-row { position: relative; z-index: 6; }
.mojo-lp .lp-msk__stueck:hover .lp-msk__bild { box-shadow: inset 0 0 0 1.5px rgba(var(--gold-rgb), .7); }
.mojo-lp .lp-msk__stueck:has(.lp-msk__ganz:focus-visible) {
outline: 2px solid var(--lp-gold); outline-offset: 4px; border-radius: var(--r-sm);
}
.mojo-lp .lp-msk__ganz:focus-visible { outline: 2px solid var(--lp-gold); outline-offset: 3px; }
@media (hover: none) {
.mojo-lp .lp-msk__stueck:hover .lp-msk__bild { box-shadow: none; }
}
.mojo-lp .lp-msk__linie {
display: block; height: 1.5px; margin: 0; border: 0;
background: rgba(var(--gold-rgb), .5);
}
.mojo-lp.mojo-lp.lp-msk--zeile h2 {
margin: 0 !important; font-weight: 800 !important;
font-size: clamp(34px, 4.6vw, 76px); line-height: 1.06 !important;
letter-spacing: -.03em; color: var(--text); max-width: 34ch;
hyphens: none; -webkit-hyphens: none; overflow-wrap: normal; word-break: normal;
}
.mojo-lp.lp-msk--zeile .lp-msk__zeile { display: block; clip-path: none; }
.mojo-lp.lp-msk--zeile .lp-msk__zeile em { font-style: normal; color: var(--accent); }
.mojo-lp.lp-msk--zeile .lp-msk__linie { margin: clamp(22px, 3vh, 36px) 0 0; width: 100%; clip-path: none; }
@supports (animation-timeline: view()) {
.mojo-lp.lp-msk--zeile .lp-msk__zeile, .mojo-lp.lp-msk--zeile .lp-msk__linie {
animation-name: lp-msk-zeile;
animation-duration: auto;
animation-timing-function: linear;
animation-fill-mode: both;
animation-timeline: --lp-msk;
}
.mojo-lp.lp-msk--zeile .lp-msk__zeile:nth-child(1) { animation-range: cover 14% cover 34%; }
.mojo-lp.lp-msk--zeile .lp-msk__zeile:nth-child(2) { animation-range: cover 18% cover 38%; }
.mojo-lp.lp-msk--zeile .lp-msk__zeile:nth-child(3) { animation-range: cover 22% cover 42%; }
.mojo-lp.lp-msk--zeile .lp-msk__zeile:nth-child(4) { animation-range: cover 26% cover 46%; }
.mojo-lp.lp-msk--zeile .lp-msk__linie { animation-name: lp-msk-linie; animation-range: cover 30% cover 52%; }
}
@keyframes lp-msk-zeile { from { clip-path: inset(0 0 100% 0); } to { clip-path: inset(0 0 0 0); } }
@keyframes lp-msk-linie { from { clip-path: inset(0 100% 0 0); } to { clip-path: inset(0 0 0 0); } }
.mojo-lp.lp-msk--spiegel .lp-msk__paar {
display: grid; grid-template-columns: repeat(2, minmax(0, 1fr));
gap: clamp(12px, 1.6vw, 24px);
}
.mojo-lp.lp-msk--spiegel .lp-msk__bild { --mass: 74%; clip-path: none; }
.mojo-lp.lp-msk--spiegel .lp-msk__text { margin-block-start: clamp(20px, 3vh, 34px); }
@supports (animation-timeline: view()) {
.mojo-lp.lp-msk--spiegel .lp-msk__bild {
animation-duration: auto;
animation-timing-function: linear;
animation-fill-mode: both;
animation-timeline: --lp-msk;
}
.mojo-lp.lp-msk--spiegel .lp-msk__paar > :nth-child(1) .lp-msk__bild {
animation-name: lp-msk-vonlinks; animation-range: cover 16% cover 44%;
}
.mojo-lp.lp-msk--spiegel .lp-msk__paar > :nth-child(2) .lp-msk__bild {
animation-name: lp-msk-vonrechts; animation-range: cover 20% cover 48%;
}
}
@keyframes lp-msk-vonlinks { from { clip-path: inset(0 100% 0 0); } to { clip-path: inset(0 0 0 0); } }
@keyframes lp-msk-vonrechts { from { clip-path: inset(0 0 0 100%); } to { clip-path: inset(0 0 0 0); } }
.mojo-lp.lp-msk--ecke .lp-msk__bild { --mass: 42%; clip-path: none; }
.mojo-lp.lp-msk--ecke .lp-msk__lage {
display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
grid-template-rows: auto auto;
column-gap: clamp(24px, 4vw, 72px); align-items: start;
margin-block-start: clamp(22px, 3.2vh, 38px);
}
.mojo-lp.lp-msk--ecke .lp-msk__lage > .lp-msk__nr { grid-column: 1; grid-row: 1; }
.mojo-lp.mojo-lp.lp-msk--ecke .lp-msk__lage > h2 { grid-column: 1; grid-row: 2; margin-block-end: 0 !important; }
.mojo-lp.lp-msk--ecke .lp-msk__lage > .lp-msk__text { grid-column: 2; grid-row: 2; margin-block-start: 0; }
@supports (animation-timeline: view()) {
.mojo-lp.lp-msk--ecke .lp-msk__bild {
animation-name: lp-msk-ecke;
animation-duration: auto;
animation-timing-function: linear;
animation-fill-mode: both;
animation-timeline: --lp-msk;
animation-range: cover 14% cover 50%;
}
}
@keyframes lp-msk-ecke { from { clip-path: inset(100% 100% 0 0); } to { clip-path: inset(0 0 0 0); } }
.mojo-lp.lp-msk--lamelle .lp-msk__bild { --mass: 46%; }
.mojo-lp.lp-msk--lamelle .lp-msk__text { margin-block-start: clamp(24px, 3.6vh, 44px); }
.mojo-lp.lp-msk--lamelle .lp-msk__text.lp-split { align-items: start; }
.mojo-lp.mojo-lp.mojo-lp.lp-msk--lamelle .lp-msk__text h3 { font-size: var(--lp-t-h3) !important; line-height: 1.25 !important; font-weight: 700 !important; margin: 0 0 var(--sp-title) !important; }
.mojo-lp.mojo-lp.mojo-lp.lp-msk--lamelle .lp-msk__text .lp-list li { font-size: var(--lp-t-body) !important; line-height: 1.65 !important; font-weight: var(--lp-w-body) !important; }
.mojo-lp.mojo-lp.lp-msk--lamelle .lp-msk__text .lp-list { margin: 0 !important; }
@supports (animation-timeline: view()) {
.mojo-lp.lp-msk--lamelle .lp-msk__bild {
-webkit-mask-image: repeating-linear-gradient(90deg, #000 0 var(--lp-msk-a), transparent var(--lp-msk-a) 14.2857%);
mask-image: repeating-linear-gradient(90deg, #000 0 var(--lp-msk-a), transparent var(--lp-msk-a) 14.2857%);
-webkit-mask-repeat: no-repeat; mask-repeat: no-repeat;
-webkit-mask-size: 100% 100%; mask-size: 100% 100%;
animation-name: lp-msk-lamelle;
animation-duration: auto;
animation-timing-function: linear;
animation-fill-mode: both;
animation-timeline: --lp-msk;
animation-range: cover 14% cover 50%;
}
}
@keyframes lp-msk-lamelle { from { --lp-msk-a: 0%; } to { --lp-msk-a: 14.2857%; } }
.mojo-lp.lp-msk--kreis .lp-inner { text-align: center; }
.mojo-lp.mojo-lp.lp-msk--kreis p { margin-inline: auto; }
.mojo-lp.lp-msk--kreis .lp-msk__rund {
position: relative; display: grid; overflow: hidden;
width: min(46vw, 520px); margin-inline: auto;
border-radius: var(--r-round); background: var(--surface);
clip-path: none;
}
.mojo-lp.lp-msk--kreis .lp-msk__rund::before { content: ""; grid-area: 1 / 1; padding-block-start: 100%; }
.mojo-lp.mojo-lp.lp-msk--kreis .lp-msk__rund img {
position: absolute !important; inset: 0 !important; z-index: 1;
width: 100% !important; height: 100% !important; max-width: none !important;
object-fit: cover !important; display: block !important;
}
.mojo-lp.lp-msk--kreis .lp-msk__text { margin-block-start: clamp(24px, 4vh, 44px); }
.mojo-lp.mojo-lp.lp-msk--kreis .lp-msk__satz { margin-inline: auto !important; }
.mojo-lp.lp-msk--kreis .lp-msk__linie {
width: 56px;
margin: clamp(18px, 2.6vh, 28px) auto clamp(20px, 3vh, 30px);
}
@supports (animation-timeline: view()) {
.mojo-lp.lp-msk--kreis .lp-msk__rund {
animation-name: lp-msk-kreis;
animation-duration: auto;
animation-timing-function: linear;
animation-fill-mode: both;
animation-timeline: --lp-msk;
animation-range: cover 16% cover 54%;
}
}
@keyframes lp-msk-kreis { from { clip-path: circle(0% at 50% 50%); } to { clip-path: circle(71% at 50% 50%); } }
.mojo-lp.lp-msk--weich .lp-msk__lage {
display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, .68fr);
column-gap: clamp(24px, 4vw, 72px); align-items: start;
}
.mojo-lp.lp-msk--weich .lp-msk__bild { --mass: 128%; }
@supports (animation-timeline: view()) {
.mojo-lp.lp-msk--weich .lp-msk__weich {
-webkit-mask-image: linear-gradient(180deg, #000 0 var(--lp-msk-b), transparent calc(var(--lp-msk-b) + 16%) 100%);
mask-image: linear-gradient(180deg, #000 0 var(--lp-msk-b), transparent calc(var(--lp-msk-b) + 16%) 100%);
-webkit-mask-repeat: no-repeat; mask-repeat: no-repeat;
-webkit-mask-size: 100% 100%; mask-size: 100% 100%;
animation-name: lp-msk-weich;
animation-duration: auto;
animation-timing-function: linear;
animation-fill-mode: both;
animation-timeline: --lp-msk;
}
.mojo-lp.lp-msk--weich .lp-msk__lage > :nth-child(1) .lp-msk__weich, .mojo-lp.lp-msk--weich .lp-msk__lage > :nth-child(1).lp-msk__weich { animation-range: cover 10% cover 56%; }
.mojo-lp.lp-msk--weich .lp-msk__lage > :nth-child(2) .lp-msk__weich, .mojo-lp.lp-msk--weich .lp-msk__lage > :nth-child(2).lp-msk__weich { animation-range: cover 16% cover 64%; }
}
@keyframes lp-msk-weich { from { --lp-msk-b: -18%; } to { --lp-msk-b: 118%; } }
.mojo-lp.lp-msk--raster .lp-msk__reihe {
display: grid; grid-template-columns: repeat(2, minmax(0, 1fr));
gap: clamp(12px, 1.6vw, 22px); align-items: start;
}
.mojo-lp.lp-msk--raster .lp-msk__bild { --mass: 56%; max-height: clamp(240px, 24vw, 360px); }
.mojo-lp.lp-msk--raster .lp-msk__text { margin-block-start: clamp(14px, 2vh, 20px); }
@supports (animation-timeline: view()) {
.mojo-lp.lp-msk--raster .lp-msk__bild {
-webkit-mask-image: radial-gradient(circle, #000 var(--lp-msk-c), transparent calc(var(--lp-msk-c) + 1.5px));
mask-image: radial-gradient(circle, #000 var(--lp-msk-c), transparent calc(var(--lp-msk-c) + 1.5px));
-webkit-mask-repeat: repeat; mask-repeat: repeat;
-webkit-mask-size: 16px 16px; mask-size: 16px 16px;
animation-name: lp-msk-raster;
animation-duration: auto;
animation-timing-function: linear;
animation-fill-mode: both;
animation-timeline: --lp-msk;
}
.mojo-lp.lp-msk--raster .lp-msk__reihe > :nth-child(1) .lp-msk__bild { animation-range: cover 14% cover 44%; }
.mojo-lp.lp-msk--raster .lp-msk__reihe > :nth-child(2) .lp-msk__bild { animation-range: cover 20% cover 50%; }
.mojo-lp.lp-msk--raster .lp-msk__reihe > :nth-child(3) .lp-msk__bild { animation-range: cover 26% cover 56%; }
.mojo-lp.lp-msk--raster .lp-msk__reihe > :nth-child(4) .lp-msk__bild { animation-range: cover 32% cover 62%; }
}
@keyframes lp-msk-raster { from { --lp-msk-c: 0px; } to { --lp-msk-c: 12px; } }
html.lp-nozeit .mojo-lp.lp-msk :is(.lp-msk__zeile, .lp-msk__linie, .lp-msk__bild, .lp-msk__rund, .lp-msk__weich) {
animation-name: none !important;
}
html.lp-nozeit .mojo-lp.lp-msk :is(.lp-msk__zeile, .lp-msk__linie, .lp-msk__bild, .lp-msk__rund, .lp-msk__weich) {
transition: clip-path 780ms var(--ease), -webkit-mask-image 780ms var(--ease), mask-image 780ms var(--ease), --lp-msk-a 780ms var(--ease), --lp-msk-b 900ms var(--ease), --lp-msk-c 780ms var(--ease);
transition-delay: calc(var(--sp, 0) * 110ms);
}
html.lp-nozeit .mojo-lp.lp-msk--zeile .lp-msk__zeile { clip-path: inset(0 0 100% 0); }
html.lp-nozeit .mojo-lp.lp-msk--zeile.is-auf .lp-msk__zeile { clip-path: inset(0 0 0 0); }
html.lp-nozeit .mojo-lp.lp-msk--zeile .lp-msk__linie { clip-path: inset(0 100% 0 0); }
html.lp-nozeit .mojo-lp.lp-msk--zeile.is-auf .lp-msk__linie { clip-path: inset(0 0 0 0); }
html.lp-nozeit .mojo-lp.lp-msk--spiegel .lp-msk__paar > :nth-child(1) .lp-msk__bild { clip-path: inset(0 100% 0 0); }
html.lp-nozeit .mojo-lp.lp-msk--spiegel .lp-msk__paar > :nth-child(2) .lp-msk__bild { clip-path: inset(0 0 0 100%); }
html.lp-nozeit .mojo-lp.lp-msk--spiegel.is-auf .lp-msk__paar > * .lp-msk__bild { clip-path: inset(0 0 0 0); }
html.lp-nozeit .mojo-lp.lp-msk--ecke .lp-msk__bild { clip-path: inset(100% 100% 0 0); }
html.lp-nozeit .mojo-lp.lp-msk--ecke.is-auf .lp-msk__bild { clip-path: inset(0 0 0 0); }
html.lp-nozeit .mojo-lp.lp-msk--kreis .lp-msk__rund { clip-path: circle(0% at 50% 50%); }
html.lp-nozeit .mojo-lp.lp-msk--kreis.is-auf .lp-msk__rund { clip-path: circle(71% at 50% 50%); }
html.lp-nozeit .mojo-lp.lp-msk--lamelle .lp-msk__bild {
--lp-msk-a: 0%;
-webkit-mask-image: repeating-linear-gradient(90deg, #000 0 var(--lp-msk-a), transparent var(--lp-msk-a) 14.2857%);
mask-image: repeating-linear-gradient(90deg, #000 0 var(--lp-msk-a), transparent var(--lp-msk-a) 14.2857%);
-webkit-mask-repeat: no-repeat; mask-repeat: no-repeat;
-webkit-mask-size: 100% 100%; mask-size: 100% 100%;
}
html.lp-nozeit .mojo-lp.lp-msk--lamelle.is-auf .lp-msk__bild { --lp-msk-a: 14.2857%; }
html.lp-nozeit .mojo-lp.lp-msk--weich .lp-msk__weich {
--lp-msk-b: -18%;
-webkit-mask-image: linear-gradient(180deg, #000 0 var(--lp-msk-b), transparent calc(var(--lp-msk-b) + 16%) 100%);
mask-image: linear-gradient(180deg, #000 0 var(--lp-msk-b), transparent calc(var(--lp-msk-b) + 16%) 100%);
-webkit-mask-repeat: no-repeat; mask-repeat: no-repeat;
-webkit-mask-size: 100% 100%; mask-size: 100% 100%;
}
html.lp-nozeit .mojo-lp.lp-msk--weich.is-auf .lp-msk__weich { --lp-msk-b: 118%; }
html.lp-nozeit .mojo-lp.lp-msk--raster .lp-msk__bild {
--lp-msk-c: 0px;
-webkit-mask-image: radial-gradient(circle, #000 var(--lp-msk-c), transparent calc(var(--lp-msk-c) + 1.5px));
mask-image: radial-gradient(circle, #000 var(--lp-msk-c), transparent calc(var(--lp-msk-c) + 1.5px));
-webkit-mask-repeat: repeat; mask-repeat: repeat;
-webkit-mask-size: 16px 16px; mask-size: 16px 16px;
}
html.lp-nozeit .mojo-lp.lp-msk--raster.is-auf .lp-msk__bild { --lp-msk-c: 12px; }
.mojo-lp.lp-sand.lp-msk .lp-msk__linie { background: rgba(110, 92, 41, .55); }
.mojo-lp.lp-olive.lp-msk .lp-msk__nr { color: var(--text); }
.mojo-lp.lp-olive.lp-msk .lp-msk__linie { background: rgba(242, 242, 242, .6); }
@media (max-width: 930px) {
.mojo-lp.mojo-lp.lp-msk:not(.lp-msk--kreis) :is(h2, h3, p, span, li, .lp-eyebrow) {
text-align: left; margin-inline: 0;
}
.mojo-lp.lp-msk:not(.lp-msk--kreis) .lp-eyebrow--line { justify-content: flex-start; }
.mojo-lp.lp-msk:not(.lp-msk--kreis) .lp-eyebrow--line::before { display: block; }
.mojo-lp.mojo-lp.lp-msk:not(.lp-msk--kreis) .lp-btn-row { justify-content: flex-start; }
.mojo-lp.lp-msk .lp-head--split { align-items: flex-start; text-align: left; justify-content: flex-start; }
.mojo-lp.lp-msk .lp-head--split > .lp-btn { margin-inline-start: 0; }
.mojo-lp.mojo-lp.lp-msk--kreis :is(h2, p, span) { text-align: center; }
.mojo-lp.lp-msk--kreis .lp-eyebrow--line { justify-content: center; }
.mojo-lp.mojo-lp .lp-msk__satz { max-width: none; }
.mojo-lp.lp-msk--spiegel .lp-msk__paar { grid-template-columns: minmax(0, 1fr); }
.mojo-lp.lp-msk--raster .lp-msk__reihe { grid-template-columns: minmax(0, 1fr); }
.mojo-lp.lp-msk--raster .lp-msk__bild { --mass: 70%; }
.mojo-lp.lp-msk--weich .lp-msk__lage { grid-template-columns: minmax(0, 1fr); row-gap: clamp(20px, 3vh, 30px); }
.mojo-lp.lp-msk--weich .lp-msk__bild { --mass: 78%; }
.mojo-lp.lp-msk--ecke .lp-msk__bild { --mass: 74%; }
.mojo-lp.lp-msk--ecke .lp-msk__lage { grid-template-columns: minmax(0, 1fr); row-gap: 0; }
.mojo-lp.lp-msk--ecke .lp-msk__lage > .lp-msk__nr, .mojo-lp.mojo-lp.lp-msk--ecke .lp-msk__lage > h2, .mojo-lp.lp-msk--ecke .lp-msk__lage > .lp-msk__text { grid-column: 1; grid-row: auto; }
.mojo-lp.mojo-lp.lp-msk--ecke .lp-msk__lage > h2 { margin-block-end: clamp(14px, 2vh, 20px) !important; }
.mojo-lp.lp-msk--lamelle .lp-msk__bild { --mass: 78%; }
.mojo-lp.lp-msk--kreis .lp-msk__rund { width: min(78vw, 420px); }
.mojo-lp.mojo-lp.lp-msk--zeile h2 { max-width: none; }
}
@media (prefers-reduced-motion: reduce) {
.mojo-lp.lp-msk :is(.lp-msk__zeile, .lp-msk__linie, .lp-msk__bild, .lp-msk__rund, .lp-msk__weich) {
animation: none !important; transition: none !important;
clip-path: none !important;
-webkit-mask-image: none !important; mask-image: none !important;
}
}
@media (forced-colors: active) {
.mojo-lp.lp-msk :is(.lp-msk__bild, .lp-msk__rund, .lp-msk__weich) {
-webkit-mask-image: none !important; mask-image: none !important;
}
}
@property --lp-umk-x { syntax: "<percentage>"; inherits: false; initial-value: 0%; }
@property --lp-umk-k { syntax: "<percentage>"; inherits: false; initial-value: 0%; }
@property --lp-umk-r { syntax: "<percentage>"; inherits: false; initial-value: 0%; }
@property --lp-umk-v { syntax: "<percentage>"; inherits: false; initial-value: 0%; }
@property --lp-umk-p { syntax: "<percentage>"; inherits: false; initial-value: 0%; }
@property --lp-umk-d { syntax: "<percentage>"; inherits: false; initial-value: 45%; }
@property --lp-umk-b { syntax: "<number>"; inherits: true; initial-value: 1; }
@property --lp-umk-s { syntax: "<number>"; inherits: true; initial-value: 1; }
@property --lp-umk-t { syntax: "<number>"; inherits: true; initial-value: 1; }
.mojo-lp.lp-umk { position: relative; view-timeline-name: --lp-umk; view-timeline-axis: block; }
.mojo-lp.lp-umk * { min-width: 0; }
.mojo-lp .lp-umk__feld { display: grid; gap: clamp(28px, 4.5vh, 64px); }
.mojo-lp .lp-umk__buehne {
position: relative; isolation: isolate; overflow: hidden;
background: var(--lp-carbon);
margin-inline: calc(-1 * var(--sp-side));
padding: clamp(40px, 6vw, 96px) var(--sp-side);
display: grid;
}
.mojo-lp .lp-umk__buehne--voll { margin-block: calc(-1 * var(--sp-section)); }
.mojo-lp .lp-umk__grund { position: absolute; inset: 0; z-index: -1; background: var(--lp-sand); pointer-events: none; }
.mojo-lp .lp-umk__motiv { display: block; position: relative; overflow: hidden; border-radius: var(--r-card); background: var(--lp-basalt); }
.mojo-lp .lp-umk__grund, .mojo-lp .lp-umk__flor, .mojo-lp .lp-umk__kante, .mojo-lp .lp-umk__platte { display: block; }
.mojo-lp.mojo-lp .lp-umk__motiv img {
position: absolute !important; inset: 0 !important;
width: 100% !important; height: 100% !important; max-width: none !important;
object-fit: cover !important; display: block !important;
object-position: var(--op, 50% 50%); border-radius: 0 !important;
}
.mojo-lp .lp-umk__inhalt { position: relative; display: flex; flex-direction: column; align-items: flex-start; gap: 0; }
.mojo-lp.mojo-lp.lp-umk .lp-umk__eyebrow { margin: 0 0 10px !important; color: var(--auf-bild); }
.mojo-lp .lp-umk__eyebrow.lp-eyebrow--line::before { background: var(--lp-gold); }
.mojo-lp.mojo-lp .lp-umk__satz { margin: 0 0 var(--sp-title) !important; color: var(--auf-bild); max-width: 20ch; hyphens: none; }
.mojo-lp.mojo-lp .lp-umk__satz em { font-style: normal; font-weight: inherit; color: inherit !important; }
.mojo-lp.mojo-lp .lp-umk__text { margin: 0 !important; max-width: 52ch; color: var(--auf-bild); font-size: var(--lp-t-body); line-height: 1.65 !important; font-weight: var(--lp-w-body); }
.mojo-lp.mojo-lp .lp-umk__text + .lp-umk__text { margin-top: var(--sp-stack) !important; }
.mojo-lp .lp-umk__werte {
display: flex; flex-wrap: wrap; gap: 8px clamp(14px, 1.6vw, 24px);
list-style: none !important; margin: var(--sp-stack) 0 0 !important; padding: 0 !important;
}
.mojo-lp .lp-umk__werte li::marker { content: none; }
.mojo-lp.mojo-lp .lp-umk__werte li {
list-style: none !important; margin: 0 !important;
font-size: 11px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase;
line-height: 1.65 !important; color: var(--auf-bild); opacity: .9;
}
.mojo-lp.mojo-lp .lp-umk__inhalt .lp-btn-row { margin-block-start: calc(var(--sp-stack) + 6px) !important; }
.mojo-lp.mojo-lp .lp-umk__legende {
margin: 10px 0 0 !important; font-size: 11px; font-weight: 700; letter-spacing: .14em;
text-transform: uppercase; line-height: 1.65 !important; color: var(--auf-bild); opacity: .9; max-width: none;
}
.mojo-lp .lp-umk__kante { position: absolute; z-index: 1; height: 1.5px; background: rgba(var(--gold-rgb), .85); pointer-events: none; }.mojo-lp.lp-umk :is(.lp-umk__eyebrow, .lp-umk__satz, .lp-umk__text, .lp-umk__werte, .lp-umk__legende, .lp-btn--ghost, .lp-btn--secondary) { mix-blend-mode: difference; }
.mojo-lp.mojo-lp.lp-umk .lp-umk__feld > .lp-umk__eyebrow { mix-blend-mode: normal; color: var(--accent); }
.mojo-lp.lp-umk .lp-umk__feld > .lp-umk__text { mix-blend-mode: normal; color: var(--text); }
.mojo-lp.lp-umk :is(.lp-btn--primary, img, picture, video) { mix-blend-mode: normal; }
.mojo-lp.lp-umk .lp-btn--ghost, .mojo-lp.lp-umk .lp-btn--secondary { color: var(--auf-bild); border-color: rgba(255, 255, 255, .85); }
.mojo-lp.lp-umk .lp-btn--ghost:hover, .mojo-lp.lp-umk .lp-btn--secondary:hover { color: var(--auf-bild); border-color: rgba(255, 255, 255, 1); }
.mojo-lp.lp-umk .lp-btn--ghost::after { color: var(--auf-bild); }
.mojo-lp:is(.lp-umk--schwelle, .lp-umk--vorhang, .lp-umk--deckung) .lp-umk__rahmen {
align-self: stretch; display: grid; min-height: clamp(300px, 22vw, 440px);
}
.mojo-lp:is(.lp-umk--schwelle, .lp-umk--vorhang, .lp-umk--deckung) .lp-umk__rahmen > .lp-umk__motiv { grid-area: 1 / 1; align-self: stretch; aspect-ratio: auto; }
.mojo-lp.lp-umk .lp-umk__motiv:has(> .lp-umk__legende)::after {
content: ""; position: absolute; inset: auto 0 0 0; height: 34%; pointer-events: none;
background: linear-gradient(180deg, rgba(var(--bild-rgb), 0) 0%, rgba(var(--bild-rgb), .62) 100%);
}
.mojo-lp.mojo-lp.lp-umk .lp-umk__motiv > .lp-umk__legende {
position: absolute; z-index: 1; inset: auto clamp(14px, 1.6vw, 22px) clamp(12px, 1.4vw, 18px) auto; margin: 0 !important;
mix-blend-mode: normal; opacity: 1; color: var(--auf-bild); text-shadow: 0 1px 2px rgba(var(--bild-rgb), .7); text-align: right;
}
@supports not (mix-blend-mode: difference) {
.mojo-lp .lp-umk__grund, .mojo-lp .lp-umk__platte, .mojo-lp .lp-umk__band, .mojo-lp .lp-umk__rand, .mojo-lp .lp-umk__takt { background: var(--lp-basalt); }
.mojo-lp.lp-umk--stand .lp-umk__inhalt::before { background: var(--lp-basalt); }
}
.mojo-lp.lp-umk--stand .lp-umk__bahn { position: relative; height: 230vh; margin-inline: calc(-1 * var(--sp-side)); }
.mojo-lp.lp-umk--stand .lp-umk__halt {
position: sticky; top: calc(var(--klebe, 0px) + 7vh); height: calc(86vh - var(--klebe, 0px) * .5);
isolation: isolate; overflow: hidden; background: var(--lp-carbon);
display: grid; grid-template-columns: minmax(0, 1fr) auto; grid-template-rows: minmax(0, 1fr) auto auto;
align-items: end; column-gap: var(--gap-split);
padding: clamp(28px, 4vw, 56px) var(--sp-side);
}
.mojo-lp.lp-umk--stand .lp-umk__motiv { position: absolute; inset: 0; z-index: -3; border-radius: 0; }
.mojo-lp.lp-umk--stand .lp-umk__flor {
position: absolute; z-index: -2; inset: auto 0 0 0; height: 72%; pointer-events: none;
background: linear-gradient(180deg, rgba(var(--bild-rgb), 0) 0%, rgba(var(--bild-rgb), .58) 34%, rgba(var(--bild-rgb), .92) 100%);
}
.mojo-lp.lp-umk--stand .lp-umk__eyebrow { grid-column: 1; grid-row: 2; align-self: end; }
.mojo-lp.lp-umk--stand .lp-umk__inhalt {
grid-column: 1; grid-row: 3; max-width: 54ch;
padding: clamp(22px, 2.8vw, 40px); margin-inline-start: calc(-1 * clamp(22px, 2.8vw, 40px));
}
.mojo-lp.lp-umk--stand .lp-umk__inhalt::before {
content: ""; position: absolute; inset: 0; z-index: -1;
background: var(--lp-sand); clip-path: inset(0 var(--lp-umk-p) 0 0);
}
.mojo-lp.lp-umk--stand .lp-umk__legende { grid-column: 2; grid-row: 3; align-self: end; text-align: right; margin: 0 !important; }
.mojo-lp.lp-umk--stand :is(.lp-umk__satz, .lp-umk__text, .lp-umk__werte, .lp-btn-row .lp-btn) { clip-path: inset(var(--lp-umk-r) 0 0 0); }
.mojo-lp.mojo-lp.lp-umk--stand .lp-umk__satz { max-width: 16ch; }
@supports (animation-timeline: view()) {
.mojo-lp.lp-umk--stand :is(.lp-umk__satz, .lp-umk__text, .lp-umk__werte, .lp-btn-row .lp-btn) {
animation-name: lp-umk-wisch; animation-duration: auto; animation-timing-function: linear;
animation-fill-mode: both; animation-timeline: --lp-umk;
}
.mojo-lp.lp-umk--stand .lp-umk__satz { animation-range: cover 14% cover 30%; }
.mojo-lp.lp-umk--stand .lp-umk__text { animation-range: cover 19% cover 35%; }
.mojo-lp.lp-umk--stand .lp-umk__werte { animation-range: cover 22% cover 38%; }
.mojo-lp.lp-umk--stand .lp-btn-row .lp-btn { animation-range: cover 25% cover 41%; }
.mojo-lp.lp-umk--stand .lp-umk__inhalt::before {
animation-name: lp-umk-platte; animation-duration: auto; animation-timing-function: linear;
animation-fill-mode: both; animation-timeline: --lp-umk; animation-range: cover 44% cover 66%;
}
}
@keyframes lp-umk-wisch { from { --lp-umk-r: 100%; } to { --lp-umk-r: 0%; } }
@keyframes lp-umk-platte { from { --lp-umk-p: 100%; } to { --lp-umk-p: 0%; } }
.mojo-lp.lp-umk--zwei .lp-umk__buehne { padding: 0; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
.mojo-lp.lp-umk--zwei .lp-umk__grund { inset: 0 0 0 50%; transform: translateX(var(--lp-umk-x)); }
.mojo-lp.mojo-lp.lp-umk--zwei .lp-umk__satz {
grid-column: 1 / -1; grid-row: 1; justify-self: center; text-align: center; max-width: 18ch;
margin: 0 var(--sp-side) clamp(24px, 3.4vw, 48px) !important;
}
.mojo-lp.mojo-lp.lp-umk--zwei .lp-umk__eyebrow { margin: clamp(40px, 6vw, 96px) 0 10px !important; }
.mojo-lp .lp-umk__halb { grid-row: 2; display: flex; flex-direction: column; align-items: center; padding: 0 var(--sp-side) clamp(40px, 6vw, 96px); }
.mojo-lp .lp-umk__halb--links { grid-column: 1; }
.mojo-lp .lp-umk__halb--rechts { grid-column: 2; }
.mojo-lp.lp-umk--zwei .lp-umk__motiv { width: 100%; aspect-ratio: 4 / 3; }
.mojo-lp.lp-umk--zwei .lp-umk__motiv::after {
content: ""; position: absolute; inset: auto 0 0 0; height: 58%; pointer-events: none;
background: linear-gradient(180deg, rgba(var(--bild-rgb), 0) 0%, rgba(var(--bild-rgb), .42) 45%, rgba(var(--bild-rgb), .8) 100%);
}
.mojo-lp.mojo-lp.lp-umk--zwei .lp-umk__motiv .lp-btn-row { position: absolute; z-index: 1; inset: auto auto clamp(16px, 2vw, 28px) clamp(16px, 2vw, 28px); margin: 0 !important; }
.mojo-lp.mojo-lp.lp-umk--zwei .lp-umk__motiv .lp-btn { mix-blend-mode: normal; color: var(--auf-bild); border-color: rgba(255, 255, 255, .85); }
.mojo-lp.mojo-lp.lp-umk--zwei .lp-umk__motiv .lp-btn:hover { color: var(--auf-bild); border-color: rgba(255, 255, 255, 1); }
.mojo-lp.mojo-lp.lp-umk--zwei .lp-umk__motiv .lp-btn--ghost::after { color: var(--auf-bild); }
.mojo-lp.mojo-lp.lp-umk--zwei .lp-umk__text { grid-column: 1 / -1; text-align: center; margin-inline: auto !important; }
.mojo-lp.mojo-lp.lp-umk--zwei .lp-umk__eyebrow { justify-content: center; }
.mojo-lp.lp-umk--zwei .lp-umk__eyebrow::before { display: block; }
.mojo-lp.lp-umk--zwei .lp-umk__eyebrow::after { content: ""; display: block; width: 28px; height: 2px; background: var(--lp-gold); flex-shrink: 0; }
@supports (animation-timeline: view()) {
.mojo-lp.lp-umk--zwei .lp-umk__grund {
animation-name: lp-umk-rechts; animation-duration: auto; animation-timing-function: linear;
animation-fill-mode: both; animation-timeline: --lp-umk; animation-range: entry 12% entry 100%;
}
}
@keyframes lp-umk-rechts { from { --lp-umk-x: 100%; } to { --lp-umk-x: 0%; } }
.mojo-lp.lp-umk--schwelle .lp-umk__buehne { grid-template-columns: minmax(0, 1fr) minmax(0, .82fr); column-gap: var(--gap-split); align-items: start; }
.mojo-lp.lp-umk--schwelle .lp-umk__grund { clip-path: inset(var(--lp-umk-k) 0 0 0); }
.mojo-lp.lp-umk--schwelle .lp-umk__inhalt { grid-column: 1; }
.mojo-lp.lp-umk--schwelle .lp-umk__rahmen { grid-column: 2; position: relative; }
.mojo-lp.lp-umk--schwelle .lp-umk__motiv { clip-path: inset(var(--lp-umk-k) 0 0 0); }
.mojo-lp.lp-umk--schwelle .lp-umk__kante { inset-inline: 0; inset-block-start: var(--lp-umk-k); }
.mojo-lp.lp-umk--schwelle .lp-umk__rahmen .lp-umk__kante { position: absolute; }
@supports (animation-timeline: view()) {
.mojo-lp.lp-umk--schwelle :is(.lp-umk__grund, .lp-umk__motiv, .lp-umk__kante) {
animation-name: lp-umk-schwelle; animation-duration: auto; animation-timing-function: linear;
animation-fill-mode: both; animation-timeline: --lp-umk; animation-range: entry 18% entry 100%;
}
}
@keyframes lp-umk-schwelle { from { --lp-umk-k: 100%; } to { --lp-umk-k: 0%; } }
.mojo-lp.lp-umk--vorhang .lp-umk__buehne { grid-template-columns: minmax(0, 1fr) minmax(0, .82fr); column-gap: var(--gap-split); align-items: start; }
.mojo-lp.lp-umk--vorhang .lp-umk__grund { clip-path: inset(var(--lp-umk-v) 0 var(--lp-umk-v) 0); }
.mojo-lp.lp-umk--vorhang .lp-umk__inhalt { grid-column: 1; }
.mojo-lp.lp-umk--vorhang .lp-umk__rahmen { grid-column: 2; position: relative; }
.mojo-lp.lp-umk--vorhang .lp-umk__motiv { clip-path: inset(var(--lp-umk-v) 0 var(--lp-umk-v) 0); }
.mojo-lp.lp-umk--vorhang .lp-umk__kante { inset-inline: 56% 0; }
.mojo-lp.lp-umk--vorhang .lp-umk__kante--oben { inset-block-start: var(--lp-umk-v); }
.mojo-lp.lp-umk--vorhang .lp-umk__kante--unten { inset-block-end: var(--lp-umk-v); }
@supports (animation-timeline: view()) {
.mojo-lp.lp-umk--vorhang :is(.lp-umk__grund, .lp-umk__motiv, .lp-umk__kante) {
animation-name: lp-umk-vorhang; animation-duration: auto; animation-timing-function: linear;
animation-fill-mode: both; animation-timeline: --lp-umk; animation-range: entry 20% cover 62%;
}
}
@keyframes lp-umk-vorhang { from { --lp-umk-v: 50%; } to { --lp-umk-v: 0%; } }
.mojo-lp.lp-umk--lesezeile .lp-umk__buehne { overflow: visible; padding-block: clamp(40px, 6vw, 96px); }
.mojo-lp .lp-umk__band {
position: sticky; top: 41vh; height: 18vh; margin-bottom: -18vh; z-index: -1;
margin-inline: calc(-1 * var(--sp-side)); background: var(--lp-sand); pointer-events: none;
display: grid; grid-template-columns: minmax(0, 1fr) 36%;
}
.mojo-lp.lp-umk--lesezeile .lp-umk__band .lp-umk__motiv { grid-column: 2; border-radius: 0; }
.mojo-lp.lp-umk--lesezeile .lp-umk__band .lp-umk__legende {
position: absolute; inset: auto var(--sp-side) 10px auto; margin: 0 !important; mix-blend-mode: normal; opacity: 1;
color: var(--auf-bild); text-shadow: 0 1px 2px rgba(var(--bild-rgb), .7);
}
.mojo-lp.lp-umk--lesezeile .lp-umk__inhalt { max-width: 58%; padding-block: 12vh 10vh; }
.mojo-lp.mojo-lp.lp-umk--lesezeile .lp-umk__text { max-width: 58ch; }
.mojo-lp.lp-umk--deckung .lp-umk__buehne { grid-template-columns: minmax(0, .9fr) minmax(0, 1fr); column-gap: var(--gap-split); align-items: start; }
.mojo-lp.lp-umk--deckung .lp-umk__rahmen { grid-column: 1; position: relative; }
.mojo-lp .lp-umk__platte {
position: absolute; z-index: -1; inset-block: calc(-1 * clamp(22px, 2.8vw, 40px));
inset-inline-start: calc(-1 * var(--sp-side));
width: calc(100% + var(--sp-side) + var(--lp-umk-d)); background: var(--lp-sand); pointer-events: none;
}
.mojo-lp.lp-umk--deckung .lp-umk__inhalt { grid-column: 2; }
@supports (animation-timeline: view()) {
.mojo-lp.lp-umk--deckung .lp-umk__platte {
animation-name: lp-umk-deckung; animation-duration: auto; animation-timing-function: linear;
animation-fill-mode: both; animation-timeline: --lp-umk; animation-range: entry 25% cover 60%;
}
}
@keyframes lp-umk-deckung { from { --lp-umk-d: 0%; } to { --lp-umk-d: 45%; } }
.mojo-lp.lp-umk--ausbleichen .lp-umk__buehne {
grid-template-columns: minmax(0, 1fr) auto; grid-template-rows: minmax(0, 1fr) auto auto; align-items: end;
min-height: clamp(460px, 68vh, 760px); column-gap: var(--gap-split);
}
.mojo-lp.lp-umk--ausbleichen .lp-umk__motiv { position: absolute; inset: 0; z-index: -3; border-radius: 0; }
.mojo-lp.lp-umk--ausbleichen .lp-umk__flor {
position: absolute; z-index: -2; inset: auto 0 0 0; height: 70%; pointer-events: none;
background: linear-gradient(180deg, rgba(var(--bild-rgb), 0) 0%, rgba(var(--bild-rgb), .55) 34%, rgba(var(--bild-rgb), .9) 100%);
}
.mojo-lp.lp-umk--ausbleichen .lp-umk__grund { opacity: calc(var(--lp-umk-b) * .94); }
.mojo-lp.lp-umk--ausbleichen .lp-umk__eyebrow { grid-column: 1; grid-row: 2; align-self: end; }
.mojo-lp.lp-umk--ausbleichen .lp-umk__inhalt { grid-column: 1; grid-row: 3; }
.mojo-lp.lp-umk--ausbleichen .lp-umk__legende { grid-column: 2; grid-row: 3; align-self: end; text-align: right; margin: 0 !important; }
.mojo-lp.mojo-lp.lp-umk--ausbleichen :is(.lp-umk__eyebrow, .lp-umk__satz, .lp-umk__text, .lp-umk__werte, .lp-umk__legende, .lp-btn--ghost) {
mix-blend-mode: normal;
color: color-mix(in srgb, var(--auf-bild) calc((1 - var(--lp-umk-s)) * 100%), var(--lp-carbon));
}
.mojo-lp.lp-umk--ausbleichen .lp-btn--ghost { border-color: color-mix(in srgb, rgba(255, 255, 255, .85) calc((1 - var(--lp-umk-s)) * 100%), rgba(10, 11, 7, .85)); }
.mojo-lp.lp-umk--ausbleichen .lp-btn--ghost::after { color: inherit; }
@supports (animation-timeline: view()) {
.mojo-lp.lp-umk--ausbleichen .lp-umk__buehne {
animation-name: lp-umk-bleich; animation-duration: auto; animation-timing-function: linear;
animation-fill-mode: both; animation-timeline: --lp-umk; animation-range: contain 0% contain 90%;
}
}
@keyframes lp-umk-bleich {
0% { --lp-umk-b: 0; --lp-umk-s: 0; }
29% { --lp-umk-s: 0; }
31% { --lp-umk-s: 1; }
100% { --lp-umk-b: 1; --lp-umk-s: 1; }
}
.mojo-lp.lp-umk--passepartout .lp-umk__buehne {
--pad: clamp(40px, 6vw, 96px); --eat: clamp(24px, 4vh, 56px);
padding: var(--pad) var(--sp-side);
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
grid-template-rows: auto minmax(clamp(240px, 36vh, 460px), 1fr) auto;
row-gap: clamp(28px, 4vh, 48px); column-gap: var(--gap-split); align-items: start;
}
.mojo-lp.lp-umk--passepartout .lp-umk__kopf { grid-column: 1 / -1; grid-row: 1; display: flex; flex-direction: column; align-items: flex-start; position: relative; }
.mojo-lp.lp-umk--passepartout .lp-umk__motiv { grid-column: 1 / -1; grid-row: 2; align-self: stretch; z-index: -2; border-radius: 0; }
.mojo-lp.lp-umk--passepartout .lp-umk__inhalt { grid-column: 1; grid-row: 3; }
.mojo-lp.lp-umk--passepartout .lp-umk__legende { grid-column: 2; grid-row: 3; align-self: end; text-align: right; margin: 0 !important; }
.mojo-lp .lp-umk__rand { display: block; z-index: -1; background: var(--lp-sand); pointer-events: none; }
.mojo-lp.lp-umk--passepartout .lp-umk__rand--oben { grid-column: 1 / -1; grid-row: 1; align-self: stretch; margin: calc(-1 * var(--pad)) calc(-1 * var(--sp-side)) calc(-1 * (var(--eat) + clamp(28px, 4vh, 48px))); clip-path: inset(0 0 calc((1 - var(--lp-umk-t)) * 100%) 0); }
.mojo-lp.lp-umk--passepartout .lp-umk__rand--unten { grid-column: 1 / -1; grid-row: 3; align-self: stretch; margin: calc(-1 * (var(--eat) + clamp(28px, 4vh, 48px))) calc(-1 * var(--sp-side)) calc(-1 * var(--pad)); clip-path: inset(calc((1 - var(--lp-umk-t)) * 100%) 0 0 0); }
.mojo-lp.lp-umk--passepartout .lp-umk__rand--links { grid-column: 1; grid-row: 2; justify-self: start; width: calc(var(--sp-side) + clamp(24px, 6vw, 110px)); margin-inline-start: calc(-1 * var(--sp-side)); align-self: stretch; clip-path: inset(0 calc((1 - var(--lp-umk-t)) * 100%) 0 0); }
.mojo-lp.lp-umk--passepartout .lp-umk__rand--rechts { grid-column: 2; grid-row: 2; justify-self: end; width: calc(var(--sp-side) + clamp(24px, 6vw, 110px)); margin-inline-end: calc(-1 * var(--sp-side)); align-self: stretch; clip-path: inset(0 0 0 calc((1 - var(--lp-umk-t)) * 100%)); }
@supports (animation-timeline: view()) {
.mojo-lp.lp-umk--passepartout .lp-umk__buehne {
animation-name: lp-umk-rahmen; animation-duration: auto; animation-timing-function: linear;
animation-fill-mode: both; animation-timeline: --lp-umk; animation-range: entry 25% cover 48%;
}
}
@keyframes lp-umk-rahmen { from { --lp-umk-t: 0; } to { --lp-umk-t: 1; } }
.mojo-lp.lp-umk--takt .lp-umk__buehne {
--fuge: 10px; --innen: clamp(20px, 2.6vw, 40px);
grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr);
grid-template-rows: auto auto auto auto; gap: var(--fuge); align-items: stretch;
}
.mojo-lp.mojo-lp.lp-umk--takt .lp-umk__eyebrow { grid-column: 1 / -1; grid-row: 1; mix-blend-mode: normal; color: var(--auf-bild); margin-bottom: calc(10px - var(--fuge)) !important; }
.mojo-lp.mojo-lp.lp-umk--takt .lp-umk__satz { grid-column: 1 / -1; grid-row: 2; margin: 0 !important; padding: var(--innen); max-width: none; }
.mojo-lp.mojo-lp.lp-umk--takt .lp-umk__satz em { display: inline; }
.mojo-lp.mojo-lp.lp-umk--takt .lp-umk__text { grid-column: 1; grid-row: 3; padding: var(--innen); max-width: none; }
.mojo-lp.lp-umk--takt .lp-umk__inhalt { grid-column: 2; grid-row: 3; padding: var(--innen); }
.mojo-lp.mojo-lp.lp-umk--takt .lp-umk__inhalt .lp-umk__werte { margin-top: 0 !important; }
.mojo-lp.lp-umk--takt .lp-umk__motiv { grid-column: 1 / -1; grid-row: 4; aspect-ratio: 3 / 1; margin-top: calc(clamp(28px, 4vh, 48px) - var(--fuge)); }
.mojo-lp .lp-umk__takt { display: block; z-index: -1; background: var(--lp-sand); pointer-events: none; }
.mojo-lp.lp-umk--takt .lp-umk__takt--1 { grid-column: 1 / -1; grid-row: 2; }
.mojo-lp.lp-umk--takt .lp-umk__takt--2 { grid-column: 1; grid-row: 3; }
.mojo-lp.lp-umk--takt .lp-umk__takt--3 { grid-column: 2; grid-row: 3; }
@supports (animation-timeline: view()) {
.mojo-lp.lp-umk--takt .lp-umk__takt {
animation-name: lp-umk-takt; animation-duration: auto; animation-timing-function: steps(1, jump-end);
animation-fill-mode: both; animation-timeline: --lp-umk;
}
.mojo-lp.lp-umk--takt .lp-umk__takt--1 { animation-range: entry 35% entry 60%; }
.mojo-lp.lp-umk--takt .lp-umk__takt--2 { animation-range: entry 60% entry 85%; }
.mojo-lp.lp-umk--takt .lp-umk__takt--3 { animation-range: entry 85% cover 42%; }
}
@keyframes lp-umk-takt { from { opacity: 0; } to { opacity: 1; } }
html.lp-nozeit .mojo-lp.lp-umk :is(.lp-umk__grund, .lp-umk__motiv, .lp-umk__kante, .lp-umk__platte, .lp-umk__buehne, .lp-umk__satz, .lp-umk__text, .lp-umk__werte, .lp-btn-row .lp-btn), html.lp-nozeit .mojo-lp.lp-umk--stand .lp-umk__inhalt::before {
animation-name: none !important;
transition: --lp-umk-x 1100ms var(--ease), --lp-umk-k 1100ms var(--ease), --lp-umk-r 900ms var(--ease), --lp-umk-v 1100ms var(--ease), --lp-umk-p 1100ms var(--ease) 700ms, --lp-umk-d 1100ms var(--ease), --lp-umk-b 1400ms var(--ease), --lp-umk-s 0s linear 500ms;
transition-delay: calc(var(--sp, 0) * 130ms);
}
html.lp-nozeit .mojo-lp.lp-umk--stand :is(.lp-umk__satz, .lp-umk__text, .lp-umk__werte, .lp-btn-row .lp-btn) { --lp-umk-r: 100%; }
html.lp-nozeit .mojo-lp.lp-umk--stand.is-auf :is(.lp-umk__satz, .lp-umk__text, .lp-umk__werte, .lp-btn-row .lp-btn) { --lp-umk-r: 0%; }
html.lp-nozeit .mojo-lp.lp-umk--stand .lp-umk__inhalt::before { --lp-umk-p: 100%; transition-delay: 700ms; }
html.lp-nozeit .mojo-lp.lp-umk--stand.is-auf .lp-umk__inhalt::before { --lp-umk-p: 0%; }
html.lp-nozeit .mojo-lp.lp-umk--zwei .lp-umk__grund { --lp-umk-x: 100%; }
html.lp-nozeit .mojo-lp.lp-umk--zwei.is-auf .lp-umk__grund { --lp-umk-x: 0%; }
html.lp-nozeit .mojo-lp.lp-umk--schwelle :is(.lp-umk__grund, .lp-umk__motiv, .lp-umk__kante) { --lp-umk-k: 100%; }
html.lp-nozeit .mojo-lp.lp-umk--schwelle.is-auf :is(.lp-umk__grund, .lp-umk__motiv, .lp-umk__kante) { --lp-umk-k: 0%; }
html.lp-nozeit .mojo-lp.lp-umk--vorhang :is(.lp-umk__grund, .lp-umk__motiv, .lp-umk__kante) { --lp-umk-v: 50%; }
html.lp-nozeit .mojo-lp.lp-umk--vorhang.is-auf :is(.lp-umk__grund, .lp-umk__motiv, .lp-umk__kante) { --lp-umk-v: 0%; }
html.lp-nozeit .mojo-lp.lp-umk--deckung .lp-umk__platte { --lp-umk-d: 0%; }
html.lp-nozeit .mojo-lp.lp-umk--deckung.is-auf .lp-umk__platte { --lp-umk-d: 45%; }
html.lp-nozeit .mojo-lp.lp-umk--ausbleichen .lp-umk__buehne { --lp-umk-b: 0; --lp-umk-s: 0; }
html.lp-nozeit .mojo-lp.lp-umk--ausbleichen.is-auf .lp-umk__buehne { --lp-umk-b: 1; --lp-umk-s: 1; }
html.lp-nozeit .mojo-lp.lp-umk--passepartout .lp-umk__buehne { --lp-umk-t: 0; transition: --lp-umk-t 1300ms var(--ease) 150ms; }
html.lp-nozeit .mojo-lp.lp-umk--passepartout.is-auf .lp-umk__buehne { --lp-umk-t: 1; }
html.lp-nozeit .mojo-lp.lp-umk--takt .lp-umk__takt { animation-name: none !important; opacity: 0; transition: opacity 0s linear; }
html.lp-nozeit .mojo-lp.lp-umk--takt .lp-umk__takt--1 { transition-delay: 250ms; }
html.lp-nozeit .mojo-lp.lp-umk--takt .lp-umk__takt--2 { transition-delay: 550ms; }
html.lp-nozeit .mojo-lp.lp-umk--takt .lp-umk__takt--3 { transition-delay: 850ms; }
html.lp-nozeit .mojo-lp.lp-umk--takt.is-auf .lp-umk__takt { opacity: 1; }
@media (max-width: 930px) {.mojo-lp.lp-umk :is(.lp-umk__eyebrow, .lp-umk__satz, .lp-umk__text, .lp-umk__werte, .lp-umk__legende, .lp-btn--ghost, .lp-btn--secondary) { mix-blend-mode: normal; }
.mojo-lp.lp-umk .lp-umk__grund, .mojo-lp.lp-umk .lp-umk__flor, .mojo-lp.lp-umk .lp-umk__kante, .mojo-lp .lp-umk__platte, .mojo-lp .lp-umk__rand, .mojo-lp .lp-umk__takt, .mojo-lp.lp-umk--stand .lp-umk__inhalt::before { display: none; }
.mojo-lp.mojo-lp.mojo-lp.lp-umk .lp-umk__legende { display: none !important; }
.mojo-lp.mojo-lp.lp-umk .lp-umk__buehne { display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: none; overflow: visible; padding: 0 var(--sp-side); gap: clamp(20px, 3.4vh, 32px); min-height: 0; animation: none; }
.mojo-lp.mojo-lp.lp-umk .lp-umk__buehne--voll { margin-block: 0; }
.mojo-lp.mojo-lp.lp-umk .lp-umk__motiv { position: relative; inset: auto; z-index: auto; grid-column: 1; grid-row: auto; aspect-ratio: 4 / 3; border-radius: var(--r-card); clip-path: none; margin: 0; width: 100%; align-self: auto; }
.mojo-lp.mojo-lp.lp-umk .lp-umk__rahmen, .mojo-lp.mojo-lp.lp-umk .lp-umk__buehne > .lp-umk__motiv, .mojo-lp.mojo-lp.lp-umk .lp-umk__halt > .lp-umk__motiv { grid-column: 1; grid-row: auto; margin: 0; order: 1; align-self: auto; display: block; min-height: 0; }
.mojo-lp.mojo-lp.lp-umk .lp-umk__kopf, .mojo-lp.mojo-lp.lp-umk .lp-umk__inhalt { grid-column: 1; grid-row: auto; max-width: none; padding: 0; margin: 0; align-items: flex-start; justify-content: flex-start; }
.mojo-lp.mojo-lp.lp-umk .lp-umk__kopf { display: contents; }
.mojo-lp.mojo-lp.lp-umk .lp-umk__eyebrow { grid-column: 1; grid-row: auto; justify-content: flex-start; text-align: left; align-self: auto; color: var(--accent); }
.mojo-lp.mojo-lp.lp-umk :is(.lp-umk__halt, .lp-umk__buehne, .lp-umk__feld, .lp-umk__kopf) > .lp-umk__eyebrow { margin-bottom: calc(-1 * clamp(20px, 3.4vh, 32px) + 10px) !important; }
.mojo-lp.mojo-lp.lp-umk :is(.lp-umk__satz, .lp-umk__text) { text-align: left; max-width: none; margin-inline: 0 !important; padding: 0; grid-column: 1; grid-row: auto; }
.mojo-lp.mojo-lp.lp-umk .lp-umk__satz { clip-path: none; }
.mojo-lp.mojo-lp.lp-umk :is(.lp-umk__text, .lp-umk__werte, .lp-btn-row .lp-btn) { clip-path: none; }
.mojo-lp.mojo-lp.lp-umk .lp-umk__werte { justify-content: flex-start; }
.mojo-lp.mojo-lp.lp-umk .lp-umk__inhalt .lp-btn-row { justify-content: flex-start; }
.mojo-lp.mojo-lp.lp-umk--stand .lp-umk__bahn { height: auto; margin: 0; }
.mojo-lp.mojo-lp.lp-umk--stand .lp-umk__halt { position: relative; top: auto; height: auto; overflow: visible; background: none; padding: 0; display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: none; gap: clamp(20px, 3.4vh, 32px); align-items: start; }
.mojo-lp.mojo-lp.lp-umk--zwei .lp-umk__feld { gap: clamp(20px, 3.4vh, 32px); }
.mojo-lp.mojo-lp.lp-umk--zwei .lp-umk__buehne { display: contents; }
.mojo-lp.mojo-lp.lp-umk--zwei .lp-umk__eyebrow { order: -3; justify-content: flex-start; }
.mojo-lp.mojo-lp.lp-umk--zwei .lp-umk__eyebrow::before { display: block; }
.mojo-lp.mojo-lp.lp-umk--zwei .lp-umk__satz { order: -2; grid-column: auto; grid-row: auto; justify-self: auto; margin: 0 !important; }
.mojo-lp.mojo-lp.lp-umk--zwei .lp-umk__feld > .lp-umk__text { order: -1; text-align: left; margin: 0 !important; }
.mojo-lp.mojo-lp.lp-umk .lp-umk__halb { grid-column: auto; grid-row: auto; padding: 0; align-items: stretch; }
.mojo-lp.mojo-lp.lp-umk--zwei .lp-umk__grund { transform: none; }
.mojo-lp.mojo-lp.lp-umk .lp-umk__band { position: relative; top: auto; height: auto; margin: 0; z-index: auto; background: none; display: block; order: 1; }
.mojo-lp.mojo-lp.lp-umk--lesezeile .lp-umk__band .lp-umk__motiv { aspect-ratio: 16 / 9; border-radius: var(--r-card); }
.mojo-lp.mojo-lp.lp-umk--lesezeile .lp-umk__inhalt { padding: 0; }
.mojo-lp.mojo-lp.lp-umk--ausbleichen :is(.lp-umk__eyebrow, .lp-umk__satz, .lp-umk__text, .lp-umk__werte) { color: var(--text); }
.mojo-lp.mojo-lp.lp-umk--ausbleichen .lp-umk__eyebrow { color: var(--accent); }
.mojo-lp.mojo-lp.lp-umk--ausbleichen .lp-btn--ghost { color: var(--text); border-color: rgba(var(--kante-rgb), .85); }
.mojo-lp.mojo-lp.lp-umk--ausbleichen .lp-umk__motiv { aspect-ratio: 16 / 9; }
.mojo-lp.mojo-lp.lp-umk--passepartout .lp-umk__motiv, .mojo-lp.mojo-lp.lp-umk--takt .lp-umk__motiv { aspect-ratio: 16 / 9; }
.mojo-lp.mojo-lp.lp-umk--takt .lp-umk__eyebrow { margin-bottom: calc(-1 * clamp(20px, 3.4vh, 32px) + 10px) !important; }
.mojo-lp.mojo-lp.lp-umk:is(.lp-umk--takt, .lp-umk--passepartout) .lp-umk__satz { margin: 0 0 calc(-1 * clamp(20px, 3.4vh, 32px) + var(--sp-title)) !important; }
.mojo-lp.mojo-lp.lp-umk--takt .lp-umk__inhalt .lp-umk__werte { margin-top: 0 !important; }
.mojo-lp.mojo-lp.lp-umk--takt .lp-umk__inhalt .lp-btn-row { margin-block-start: calc(var(--sp-stack) + 6px) !important; }
}
@media (prefers-reduced-motion: reduce) {
.mojo-lp.lp-umk :is(.lp-umk__grund, .lp-umk__motiv, .lp-umk__kante, .lp-umk__platte, .lp-umk__buehne, .lp-umk__takt, .lp-umk__satz, .lp-umk__text, .lp-umk__werte, .lp-btn-row .lp-btn), .mojo-lp.lp-umk--stand .lp-umk__inhalt::before { animation: none !important; transition: none !important; }
.mojo-lp.lp-umk--stand .lp-umk__bahn { height: auto; }
.mojo-lp.lp-umk--stand .lp-umk__halt { position: relative; top: auto; height: auto; min-height: 76vh; }
}
@media (forced-colors: active) {.mojo-lp.lp-umk :is(.lp-umk__eyebrow, .lp-umk__satz, .lp-umk__text, .lp-umk__werte, .lp-umk__legende, .lp-btn--ghost) { mix-blend-mode: normal; }
.mojo-lp .lp-umk__grund, .mojo-lp .lp-umk__platte, .mojo-lp .lp-umk__band, .mojo-lp .lp-umk__rand, .mojo-lp .lp-umk__takt { display: none; }
}
@property --lp-adh-a { syntax: "<number>"; inherits: true; initial-value: 1; }
.mojo-lp.lp-adh { position: relative; view-timeline-name: --lp-adh; view-timeline-axis: block; }
.mojo-lp.lp-adh * { min-width: 0; }
.mojo-lp .lp-adh__feld { display: grid; gap: clamp(28px, 4.5vh, 64px); }
.mojo-lp .lp-adh__flaeche {
position: relative;
margin-inline: calc((1 - var(--lp-adh-a) * var(--st, 1)) * 5vw
- var(--lp-adh-a) * var(--st, 1) * var(--sp-side));
background: var(--lp-sand);
color: var(--lp-carbon);
--lp-adh-em: var(--lp-gold-tief);
padding: clamp(34px, 6vw, 96px) var(--sp-side);
}
.mojo-lp.lp-sand.lp-adh .lp-adh__flaeche, .mojo-lp.lp-olive.lp-adh .lp-adh__flaeche {
background: var(--lp-carbon); color: var(--lp-sand); --lp-adh-em: var(--lp-gold);
}
.mojo-lp.mojo-lp .lp-adh__flaeche :is(h2, h3, p, span, li) { color: currentColor; }
.mojo-lp.mojo-lp .lp-adh__flaeche em { color: var(--lp-adh-em) !important; }
.mojo-lp.mojo-lp .lp-adh__flaeche .lp-btn--ghost {
color: currentColor; border-color: color-mix(in srgb, currentColor 85%, transparent);
}
.mojo-lp.mojo-lp .lp-adh__flaeche .lp-btn--ghost:hover {
color: var(--lp-adh-em); border-color: var(--lp-adh-em);
}
.mojo-lp.mojo-lp .lp-adh__flaeche p.lp-eyebrow { color: var(--lp-adh-em); }
.mojo-lp .lp-adh__flaeche .lp-eyebrow--line::before { background: var(--lp-adh-em); }
.mojo-lp.mojo-lp .lp-adh__flaeche .lp-btn-row { margin: clamp(24px, 3.4vh, 42px) 0 0; }
.mojo-lp.mojo-lp .lp-adh__flaeche h2 { margin: 0 0 var(--sp-title) !important; }
.mojo-lp.mojo-lp .lp-adh__text { margin: 0 !important; max-width: 58ch; }
.mojo-lp.mojo-lp .lp-adh__aussen { color: var(--text); }
.mojo-lp .lp-adh__reihe {
display: grid; grid-template-columns: repeat(4, minmax(0, 1fr));
gap: clamp(20px, 3vw, 48px);
margin-block-start: clamp(30px, 5vh, 64px);
}
.mojo-lp .lp-adh__wert { border-top: 1.5px solid currentColor; padding-block-start: clamp(14px, 2vh, 22px); }
.mojo-lp.mojo-lp .lp-adh__zahl {
display: block; margin: 0 0 6px !important;
font-size: clamp(34px, 4.6vw, 76px);
font-weight: 800 !important; line-height: 1.02 !important; letter-spacing: -.03em;
font-feature-settings: "tnum" 1;
}
.mojo-lp.mojo-lp .lp-adh__wort {
display: block; margin: 0 !important;
font-size: 11px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase;
line-height: 1.65 !important;
}
@supports (animation-timeline: view()) {
.mojo-lp.lp-adh .lp-adh__flaeche {
animation-name: lp-adh-wachsen;
animation-duration: auto; animation-timing-function: linear;
animation-fill-mode: both; animation-timeline: --lp-adh;
animation-range: entry 10% entry 100%;
}
}
@keyframes lp-adh-wachsen { from { --lp-adh-a: 0; } to { --lp-adh-a: 1; } }
.mojo-lp.mojo-lp.lp-adh--zahlen .lp-adh__text { max-width: 44ch; }
.mojo-lp.lp-adh--spalt .lp-adh__flaeche {
margin-inline-start: 0;
margin-inline-end: calc((1 - var(--lp-adh-a)) * 5vw
- var(--lp-adh-a) * var(--sp-side));
padding-inline-start: clamp(20px, 4vw, 64px);
}
.mojo-lp.lp-adh--spalt .lp-adh__paar {
display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr);
gap: clamp(24px, 4vw, 72px); align-items: start;
}
.mojo-lp .lp-adh__stapel { display: grid; gap: clamp(10px, 1.6vh, 18px); }
.mojo-lp.lp-adh--treppe .lp-adh__flaeche { padding: clamp(22px, 3.4vw, 44px) var(--sp-side); }
.mojo-lp.lp-adh--treppe .lp-adh__stufe {
display: grid; grid-template-columns: auto minmax(0, 1fr);
gap: clamp(14px, 2.6vw, 40px); align-items: baseline;
}
.mojo-lp.mojo-lp.lp-adh--treppe .lp-adh__zahl { font-size: clamp(28px, 3.2vw, 52px); }
.mojo-lp.mojo-lp.lp-adh--treppe .lp-adh__stufe h3 {
font-size: inherit; font-weight: 700 !important; line-height: 1.35 !important;
margin: 0 0 4px !important;
}
.mojo-lp.lp-adh--decke { padding-block-start: 0; view-timeline-name: none; }
.mojo-lp.lp-adh--decke .lp-adh__bahn { position: relative; }
.mojo-lp.lp-adh--decke .lp-adh__hinter {
position: sticky; top: var(--klebe, 0px); height: calc(100vh - var(--klebe, 0px)); overflow: hidden;
margin-inline: calc(-1 * var(--sp-side));
}
.mojo-lp.mojo-lp.lp-adh--decke .lp-adh__hinter :is(picture, img), .mojo-lp.mojo-lp.lp-adh--decke .lp-adh__klein :is(picture, img) {
width: 100% !important; height: 100% !important; max-width: none !important;
object-fit: cover !important; display: block !important;
}
.mojo-lp.mojo-lp.lp-adh--decke .lp-adh__hinter img { filter: saturate(.9) brightness(.82); }
.mojo-lp.lp-adh--decke .lp-adh__flaeche {
position: relative; margin-block-start: -18vh;
view-timeline-name: --lp-adh; view-timeline-axis: block;
padding-block-end: clamp(34px, 6vw, 96px);
}
.mojo-lp.lp-adh--decke .lp-adh__klein {
display: block; width: min(52%, 560px); margin: clamp(26px, 4vh, 48px) auto 0;
aspect-ratio: 16 / 10; overflow: hidden; border-radius: var(--r-card);
}
.mojo-lp.mojo-lp.lp-adh--decke .lp-adh__flaeche :is(h2, p) { text-align: center; }
.mojo-lp.mojo-lp.lp-adh--decke .lp-adh__flaeche :is(h2, p, .lp-adh__text) { margin-inline: auto !important; }
.mojo-lp.mojo-lp.lp-adh--decke .lp-adh__flaeche .lp-btn-row { justify-content: center; }
.mojo-lp.mojo-lp.lp-adh--decke .lp-adh__nr {
display: block; margin: 0 0 14px !important; text-align: center;
font-size: 11px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase;
line-height: 1.65 !important; opacity: .72;
}
@supports (animation-timeline: view()) {
.mojo-lp.lp-adh--decke .lp-adh__flaeche { animation-range: entry 0% entry 100%; }
}
.mojo-lp.lp-adh--schritte .lp-adh__lauf {
position: relative; height: 1.5px; margin-block: clamp(18px, 2.6vh, 28px) clamp(26px, 4vh, 44px);
background: color-mix(in srgb, currentColor 22%, transparent);
}
.mojo-lp.lp-adh--schritte .lp-adh__lauf::after {
content: ""; position: absolute; inset: 0 auto 0 0;
width: calc(var(--lp-adh-a) * 100%);
background: var(--lp-gold-tief);
}
.mojo-lp.lp-sand.lp-adh--schritte .lp-adh__lauf::after, .mojo-lp.lp-olive.lp-adh--schritte .lp-adh__lauf::after { background: var(--lp-gold); }
.mojo-lp .lp-adh__schritte {
display: grid; grid-template-columns: repeat(4, minmax(0, 1fr));
gap: clamp(20px, 3vw, 48px); list-style: none !important; margin: 0 !important; padding: 0 !important;
}
.mojo-lp .lp-adh__schritte li::marker { content: none; }
.mojo-lp.mojo-lp .lp-adh__schritte li {
list-style: none !important; margin: 0 !important;
opacity: clamp(.55, calc((var(--lp-adh-a) - var(--i)) * 6), 1);
}
.mojo-lp.mojo-lp .lp-adh__schritte h3 {
font-size: inherit; font-weight: 700 !important; line-height: 1.35 !important;
margin: 8px 0 4px !important;
}
.mojo-lp.mojo-lp .lp-adh__schritte .lp-adh__text {
font-weight: 500 !important; color: currentColor;
}
.mojo-lp.mojo-lp.lp-adh--schritte .lp-adh__zahl { font-size: clamp(28px, 3.2vw, 52px); }
.mojo-lp.lp-adh--naht .lp-adh__paar {
display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px;
}
.mojo-lp.lp-adh--naht .lp-adh__flaeche--links {
margin-inline-start: calc((1 - var(--lp-adh-a)) * 5vw - var(--lp-adh-a) * var(--sp-side));
margin-inline-end: 0;
}
.mojo-lp.lp-adh--naht .lp-adh__flaeche--rechts {
margin-inline-start: 0;
margin-inline-end: calc((1 - var(--lp-adh-a)) * 5vw - var(--lp-adh-a) * var(--sp-side));
background: var(--lp-carbon); color: var(--lp-sand); --lp-adh-em: var(--lp-gold);
box-shadow: inset 0 0 0 1.5px rgba(var(--gold-rgb), .35);
display: grid; align-content: center;
}
.mojo-lp.lp-sand.lp-adh--naht .lp-adh__flaeche--rechts, .mojo-lp.lp-olive.lp-adh--naht .lp-adh__flaeche--rechts {
background: var(--lp-sand); color: var(--lp-carbon); --lp-adh-em: var(--lp-gold-tief); box-shadow: none;
}
.mojo-lp.lp-adh--naht .lp-adh__reihe {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: clamp(18px, 2.4vw, 36px) clamp(20px, 3vw, 48px);
margin-block-start: 0;
}
.mojo-lp.lp-adh--hoehe .lp-adh__flaeche {
margin-inline: calc(-1 * var(--sp-side));
min-height: calc(18vh + var(--lp-adh-a) * 60vh);
display: grid; align-content: center;
}
.mojo-lp.mojo-lp.lp-adh--hoehe .lp-adh__text { max-width: 62ch; }
html.lp-nozeit .mojo-lp.lp-adh .lp-adh__flaeche { animation-name: none !important; }
html.lp-nozeit .mojo-lp.lp-adh .lp-adh__flaeche {
--lp-adh-a: 0; transition: --lp-adh-a 1100ms var(--ease);
transition-delay: calc(var(--sp, 0) * 140ms);
}
html.lp-nozeit .mojo-lp.lp-adh.is-auf .lp-adh__flaeche { --lp-adh-a: 1; }
@media (max-width: 930px) {
.mojo-lp .lp-adh__flaeche {
margin-inline: calc((1 - var(--lp-adh-a) * var(--st, 1)) * 7vw
- var(--lp-adh-a) * var(--st, 1) * var(--sp-side));
}
.mojo-lp.lp-adh--spalt .lp-adh__flaeche {
margin-inline-start: 0;
margin-inline-end: calc((1 - var(--lp-adh-a)) * 7vw
- var(--lp-adh-a) * var(--sp-side));
}
.mojo-lp.lp-adh--hoehe .lp-adh__flaeche {
margin-inline: calc(-1 * var(--sp-side));
min-height: calc(16vh + var(--lp-adh-a) * 48vh);
}
.mojo-lp .lp-adh__reihe { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.mojo-lp .lp-adh__schritte { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.mojo-lp.lp-adh--naht .lp-adh__paar { grid-template-columns: minmax(0, 1fr); }
.mojo-lp.lp-adh--naht .lp-adh__flaeche--links, .mojo-lp.lp-adh--naht .lp-adh__flaeche--rechts {
margin-inline: calc((1 - var(--lp-adh-a)) * 7vw - var(--lp-adh-a) * var(--sp-side));
}
.mojo-lp.lp-adh--naht .lp-adh__flaeche--links {
display: grid; align-content: center;
}
.mojo-lp.lp-adh--naht .lp-adh__reihe { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.mojo-lp.lp-adh--decke .lp-adh__hinter { height: 70vh; }
.mojo-lp.lp-adh--decke .lp-adh__flaeche { margin-block-start: -12vh; }
.mojo-lp.lp-adh--decke .lp-adh__klein { width: 100%; }
.mojo-lp.mojo-lp.lp-adh--decke .lp-adh__flaeche :is(h2, p) { text-align: left; margin-inline: 0; }
.mojo-lp.mojo-lp.lp-adh--decke .lp-adh__nr { text-align: left; }
}
@media (max-width: 600px) {
.mojo-lp .lp-adh__reihe { grid-template-columns: minmax(0, 1fr); gap: clamp(18px, 3vh, 26px); }
.mojo-lp.lp-adh--naht .lp-adh__reihe { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(16px, 2.6vh, 24px); }
.mojo-lp .lp-adh__schritte { grid-template-columns: minmax(0, 1fr); gap: clamp(16px, 2.6vh, 24px); }
.mojo-lp.lp-adh--spalt .lp-adh__paar { grid-template-columns: minmax(0, 1fr); }
.mojo-lp.lp-adh--treppe .lp-adh__stufe { grid-template-columns: minmax(0, 1fr); gap: 4px; }
.mojo-lp.mojo-lp.lp-adh :is(h2, h3, p, span, li, .lp-eyebrow) { text-align: left; margin-inline: 0; }
.mojo-lp.lp-adh .lp-eyebrow--line { justify-content: flex-start; }
.mojo-lp.mojo-lp.lp-adh .lp-btn-row { justify-content: flex-start; }
.mojo-lp.mojo-lp .lp-adh__text { max-width: none; }
.mojo-lp .lp-adh__feld { gap: clamp(24px, 4vh, 40px); }
}
@media (prefers-reduced-motion: reduce) {
.mojo-lp.lp-adh .lp-adh__flaeche {
animation: none !important; transition: none !important; --lp-adh-a: 1;
}
.mojo-lp.lp-adh--decke .lp-adh__hinter { position: relative; height: 56vh; }
.mojo-lp.lp-adh--decke .lp-adh__flaeche { margin-block-start: 0; }
}
@media (forced-colors: active) {
.mojo-lp.lp-adh .lp-adh__flaeche { border: 1px solid CanvasText; }
}
@property --lp-eta-p { syntax: "<number>"; inherits: true; initial-value: 1; }
@property --lp-eta-z { syntax: "<integer>"; inherits: true; initial-value: 100; }
.mojo-lp.lp-eta {
position: relative;
view-timeline-name: --lp-eta; view-timeline-axis: block;
timeline-scope: --lp-eta-1, --lp-eta-2, --lp-eta-3, --lp-eta-4;
}
.mojo-lp.lp-eta * { min-width: 0; }
.mojo-lp .lp-eta__folge { display: grid; gap: clamp(28px, 4.5vh, 64px); }
.mojo-lp .lp-eta__schritt { --lp-eta-z: var(--bis, 100); position: relative; }
.mojo-lp .lp-eta__folge > .lp-eta__schritt:nth-child(1) { view-timeline-name: --lp-eta-1; }
.mojo-lp .lp-eta__folge > .lp-eta__schritt:nth-child(2) { view-timeline-name: --lp-eta-2; }
.mojo-lp .lp-eta__folge > .lp-eta__schritt:nth-child(3) { view-timeline-name: --lp-eta-3; }
.mojo-lp .lp-eta__folge > .lp-eta__schritt:nth-child(4) { view-timeline-name: --lp-eta-4; }
.mojo-lp.mojo-lp .lp-eta__kennung {
display: inline-block; width: fit-content; justify-self: start;
margin: 0 0 clamp(12px, 1.8vh, 18px) !important;
padding: 4px 10px; border-radius: 999px;
background: rgba(var(--gold-rgb), .14); color: var(--accent);
font-size: 11px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase;
line-height: 1.65 !important;
}
.mojo-lp.mojo-lp .lp-eta__text { margin: 0 !important; max-width: 52ch; }
.mojo-lp.mojo-lp .lp-eta :is(.lp-eta__karte, .lp-eta__inhalt, .lp-ev-body > div) .lp-btn-row {
margin-block-start: clamp(26px, 2.6vh, 30px) !important; justify-content: flex-start;
}
.mojo-lp.mojo-lp .lp-eta__intro { margin: 0 !important; max-width: 58ch; }
.mojo-lp .lp-eta__bild { position: relative; overflow: hidden; border-radius: var(--r-card); }
.mojo-lp .lp-eta__bild { --eta-weg: 32%; }
.mojo-lp.mojo-lp .lp-eta__bild :is(picture, img) {
position: absolute; top: 0; bottom: 0; right: auto;
left: calc(var(--lp-eta-p) * -1 * var(--eta-weg));
width: calc(100% + var(--eta-weg)) !important; height: 100% !important;
max-width: none !important; object-fit: cover !important; display: block !important;
object-position: 50% 50%;
filter: saturate(.92);
}
.mojo-lp.mojo-lp .lp-eta__bild picture img { position: static; left: auto; width: 100% !important; }
.mojo-lp .lp-eta__ring {
position: absolute; left: clamp(16px, 2vw, 28px); bottom: clamp(16px, 2vw, 28px);
width: clamp(96px, 9vw, 136px); aspect-ratio: 1; border-radius: 50%;
background: conic-gradient(var(--lp-gold) calc((var(--i, 0) + var(--lp-eta-p)) * 90deg), rgba(255, 255, 255, .30) 0);
display: grid; place-items: center;
}
.mojo-lp .lp-eta__ring::after {
content: counter(lp-eta-z) " %"; counter-reset: lp-eta-z var(--lp-eta-z);
width: calc(100% - 14px); aspect-ratio: 1; border-radius: 50%;
background: var(--lp-carbon); color: #FFFFFF;
display: grid; place-items: center;
font-size: 18px; font-weight: 800; letter-spacing: -.02em; font-feature-settings: "tnum" 1;
}
@supports (animation-timeline: view()) {
.mojo-lp.lp-eta .lp-eta__schritt {
animation-name: lp-eta-lauf;
animation-duration: auto; animation-timing-function: linear;
animation-fill-mode: both; animation-timeline: view();
animation-range: entry 50% exit 50%;
}
}
@keyframes lp-eta-lauf {
from { --lp-eta-p: 0; --lp-eta-z: var(--von, 0); }
to { --lp-eta-p: 1; --lp-eta-z: var(--bis, 100); }
}
.mojo-lp.lp-eta--karten .lp-head { text-align: center; margin-inline: auto; max-width: 64ch; }
.mojo-lp.lp-eta--karten .lp-eyebrow--line { justify-content: center; }
.mojo-lp.lp-eta--karten .lp-eta__intro { margin-inline: auto !important; text-align: center; }
.mojo-lp .lp-eta__reiter {
display: flex; flex-wrap: wrap; justify-content: center; gap: 4px;
width: fit-content; max-width: 100%; margin: 0 auto clamp(30px, 5vh, 64px);
padding: 5px; border-radius: var(--r-card);
background: var(--surface-2); border: 1px solid var(--border);
}
.mojo-lp.mojo-lp .lp-eta__reiter a {
position: relative; isolation: isolate;
display: block; padding: 10px 18px;
border-radius: calc(var(--r-card) - 4px);
color: var(--text); text-decoration: none;
font-size: 13px; font-weight: 700; letter-spacing: .04em; line-height: 1.3;
}
.mojo-lp .lp-eta__reiter a::before {
content: ""; position: absolute; inset: 0; z-index: -1;
border-radius: inherit; background: var(--surface);
box-shadow: inset 0 0 0 1.5px rgba(var(--gold-rgb), .55);
opacity: 0;
}
.mojo-lp .lp-eta__reiter a:nth-child(1)::before { animation-timeline: --lp-eta-1; }
.mojo-lp .lp-eta__reiter a:nth-child(2)::before { animation-timeline: --lp-eta-2; }
.mojo-lp .lp-eta__reiter a:nth-child(3)::before { animation-timeline: --lp-eta-3; }
.mojo-lp .lp-eta__reiter a:nth-child(4)::before { animation-timeline: --lp-eta-4; }
@supports (animation-timeline: view()) {
.mojo-lp.lp-eta .lp-eta__reiter a::before {
animation-name: lp-eta-reiter; animation-duration: auto;
animation-timing-function: linear; animation-fill-mode: both;
animation-range: cover 0% cover 100%;
}
}
@keyframes lp-eta-reiter { 0%, 31% { opacity: 0; } 34% { opacity: 1; } 69% { opacity: 1; } 72%, 100% { opacity: 0; } }
.mojo-lp .lp-eta__reiter a:nth-child(4)::before { animation-name: lp-eta-reiter-letzter; }
@keyframes lp-eta-reiter-letzter { 0%, 31% { opacity: 0; } 34%, 100% { opacity: 1; } }
.mojo-lp.lp-eta--karten .lp-eta__schritt {
display: grid; grid-template-columns: repeat(2, minmax(0, 1fr));
gap: clamp(16px, 2vw, 28px); align-items: stretch;
}
.mojo-lp.lp-eta--karten .lp-eta__schritt:nth-child(even) .lp-eta__bild { order: 2; }
.mojo-lp.lp-eta--karten .lp-eta__bild { min-height: clamp(320px, 36vw, 520px); }
.mojo-lp.lp-eta--karten .lp-eta__karte {
display: grid; align-content: center; gap: 0;
padding: clamp(26px, 3.6vw, 60px);
}
.mojo-lp.mojo-lp.lp-eta--karten .lp-eta__karte h3 { margin: 0 0 clamp(12px, 1.8vh, 18px) !important; }
.mojo-lp.lp-eta--karten .lp-eta__karte .lp-btn-row { margin-block-start: clamp(20px, 3vh, 30px); }
.mojo-lp.lp-eta--ziffer .lp-eta__folge { gap: 0; border-bottom: 1.5px solid rgba(var(--kante-rgb), .16); }
.mojo-lp.lp-eta--ziffer .lp-eta__schritt {
display: grid; grid-template-columns: clamp(150px, 24vw, 340px) minmax(0, 1fr);
gap: clamp(24px, 4vw, 72px); align-items: center;
padding-block: clamp(28px, 4.5vh, 56px);
border-top: 1.5px solid rgba(var(--kante-rgb), .16);
}
.mojo-lp.mojo-lp .lp-eta__ziffer {
position: relative; display: block; margin: 0 !important;
font-size: clamp(88px, 12vw, 200px); font-weight: 800; line-height: .9 !important;
letter-spacing: -.05em; font-feature-settings: "tnum" 1;
color: transparent; -webkit-text-stroke: 1.5px rgba(var(--kante-rgb), .55);
}
.mojo-lp.mojo-lp .lp-eta__ziffer b {
position: absolute; inset: 0; font-weight: inherit;
color: var(--text); -webkit-text-stroke: 0;
clip-path: inset(calc((1 - var(--lp-eta-p)) * 100%) 0 0 0);
}
.mojo-lp.mojo-lp.lp-eta--ziffer .lp-eta__schritt h3 {
font-size: inherit; font-weight: 700 !important; line-height: 1.35 !important;
margin: 0 0 6px !important;
}
.mojo-lp.mojo-lp .lp-eta__ziffer--gold { -webkit-text-stroke-color: rgba(var(--gold-rgb), .6); font-size: clamp(58px, 7.2vw, 120px); }
.mojo-lp.mojo-lp .lp-eta__ziffer--gold b { color: var(--lp-gold); }
.mojo-lp.mojo-lp .lp-eta__ziffer--gold small { font-size: .42em; font-weight: inherit; letter-spacing: -.02em; }
.mojo-lp.mojo-lp.lp-eta--ziffer .lp-eta__schritt .lp-btn-row { margin-block-start: clamp(26px, 2vh, 30px) !important; }
.mojo-lp.mojo-lp.lp-eta--ziffer .lp-eta__wo {
display: block; margin: 0 0 12px !important;
font-size: 11px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase;
line-height: 1.65 !important; color: var(--lp-label);
}
.mojo-lp.lp-eta--pegel .lp-eta__paar {
display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr);
gap: clamp(32px, 6vw, 120px); align-items: start;
}
.mojo-lp .lp-eta__pegel { position: sticky; top: 12vh; display: grid; gap: clamp(22px, 3.4vh, 36px); }
.mojo-lp .lp-eta__scheibe {
width: min(100%, 360px); aspect-ratio: 1; border-radius: 50%;
background: conic-gradient(var(--lp-gold) calc(var(--lp-eta-p) * 360deg), rgba(var(--kante-rgb), .14) 0);
display: grid; place-items: center;
}
.mojo-lp .lp-eta__scheibe::after {
content: counter(lp-eta-z) " %"; counter-reset: lp-eta-z var(--lp-eta-z);
width: calc(100% - 2 * clamp(10px, 1.2vw, 16px)); aspect-ratio: 1; border-radius: 50%;
background: var(--bg); color: var(--text);
display: grid; place-items: center;
font-size: clamp(34px, 4.6vw, 76px);
font-weight: 800; letter-spacing: -.03em; font-feature-settings: "tnum" 1;
}
.mojo-lp.mojo-lp .lp-eta__liste { list-style: none !important; margin: 0 !important; padding: 0 !important; display: grid; gap: 10px; }
.mojo-lp.mojo-lp .lp-eta__liste li {
list-style: none !important; margin: 0 !important;
display: grid; grid-template-columns: 2.4em minmax(0, 1fr); gap: 10px; align-items: baseline;
font-weight: 700;
opacity: clamp(.38, calc((var(--lp-eta-p) - var(--i, 0)) * 6), 1);
}
.mojo-lp.mojo-lp .lp-eta__liste li span:first-child {
font-size: 11px; letter-spacing: .14em; text-transform: uppercase; color: var(--accent);
line-height: 1.65 !important;
}
@supports (animation-timeline: view()) {
.mojo-lp.lp-eta--pegel .lp-eta__pegel {
animation-name: lp-eta-lauf; animation-duration: auto;
animation-timing-function: linear; animation-fill-mode: both;
animation-timeline: --lp-eta;
animation-range: contain 0% contain 100%;
}
}
.mojo-lp.lp-eta--pegel .lp-eta__folge { gap: clamp(40px, 8vh, 96px); }
.mojo-lp.lp-eta--pegel .lp-eta__schritt { display: grid; gap: clamp(18px, 2.6vh, 28px); }
.mojo-lp.lp-eta--pegel .lp-eta__bild { aspect-ratio: 16 / 9; }
.mojo-lp.mojo-lp.lp-eta--pegel .lp-eta__schritt h3 {
font-size: inherit; font-weight: 700 !important; line-height: 1.35 !important;
margin: 0 0 6px !important;
}
html.lp-nozeit .mojo-lp.lp-eta .lp-eta__schritt, html.lp-nozeit .mojo-lp.lp-eta .lp-eta__pegel {
animation-name: none !important;
--lp-eta-p: 0; --lp-eta-z: var(--bis, 100);
transition: --lp-eta-p 1.4s cubic-bezier(.2, .7, .2, 1);
}
html.lp-nozeit .mojo-lp.lp-eta .lp-eta__schritt.is-auf, html.lp-nozeit .mojo-lp.lp-eta.is-auf .lp-eta__pegel { --lp-eta-p: 1; }
html.lp-nozeit .mojo-lp.lp-eta--atmen .lp-etm__klebe {
animation-name: none !important; --lp-eta-p: 0;
transition: --lp-eta-p 1.4s cubic-bezier(.2, .7, .2, 1);
}
html.lp-nozeit .mojo-lp.lp-eta--atmen.is-auf .lp-etm__klebe { --lp-eta-p: 1; }
html.lp-nozeit .mojo-lp.lp-eta--atmen .lp-etm__paneel, html.lp-nozeit .mojo-lp.lp-eta--atmen .lp-etm__karte { animation-name: none !important; }
html.lp-nozeit .mojo-lp.lp-eta--atmen .lp-etm__karte { opacity: 1; visibility: visible; }
html.lp-nozeit .mojo-lp.lp-eta .lp-eta__reiter a::before {
animation-name: none !important; opacity: 0; transition: opacity .4s ease;
}
html.lp-nozeit .mojo-lp.lp-eta:has(.lp-eta__folge > :nth-child(1).is-auf):not(:has(.lp-eta__folge > :nth-child(2).is-auf)) .lp-eta__reiter a:nth-child(1)::before, html.lp-nozeit .mojo-lp.lp-eta:has(.lp-eta__folge > :nth-child(2).is-auf):not(:has(.lp-eta__folge > :nth-child(3).is-auf)) .lp-eta__reiter a:nth-child(2)::before, html.lp-nozeit .mojo-lp.lp-eta:has(.lp-eta__folge > :nth-child(3).is-auf):not(:has(.lp-eta__folge > :nth-child(4).is-auf)) .lp-eta__reiter a:nth-child(3)::before, html.lp-nozeit .mojo-lp.lp-eta:has(.lp-eta__folge > :nth-child(4).is-auf) .lp-eta__reiter a:nth-child(4)::before { opacity: 1; }
@media (max-width: 930px) {
.mojo-lp.lp-eta--karten .lp-eta__schritt { grid-template-columns: minmax(0, 1fr); }
.mojo-lp.lp-eta--karten .lp-eta__schritt:nth-child(even) .lp-eta__bild { order: 0; }
.mojo-lp.lp-eta--karten .lp-eta__bild { min-height: 0; aspect-ratio: 16 / 10; }
.mojo-lp.lp-eta--karten .lp-eta__karte { text-align: left; }
.mojo-lp.lp-eta--ziffer .lp-eta__schritt { grid-template-columns: minmax(0, 1fr); gap: clamp(12px, 2vh, 20px); align-items: start; }
.mojo-lp.mojo-lp .lp-eta__ziffer { font-size: clamp(64px, 20vw, 96px); }
.mojo-lp.lp-eta--pegel .lp-eta__paar { grid-template-columns: minmax(0, 1fr); gap: clamp(28px, 5vh, 44px); }
.mojo-lp .lp-eta__pegel { position: static; animation-name: none !important; transition: none !important; --lp-eta-p: 1; --lp-eta-z: 100; }
.mojo-lp.lp-eta--pegel .lp-eta__pegel { display: none; }
.mojo-lp .lp-eta__scheibe { display: none; }
.mojo-lp.mojo-lp .lp-eta__liste { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.mojo-lp.lp-eta--karten .lp-eta__karte :is(h3, p) { text-align: left; }
.mojo-lp.lp-eta--ziffer .lp-eta__schritt, .mojo-lp.lp-eta--pegel .lp-eta__schritt { text-align: center; }
.mojo-lp.mojo-lp .lp-eta__text, .mojo-lp.mojo-lp .lp-eta__intro { margin-inline: auto !important; }
.mojo-lp.mojo-lp .lp-eta__liste { width: fit-content; margin-inline: auto !important; }
}
@media (max-width: 930px) {
.mojo-lp.lp-eta .lp-eta__schritt, .mojo-lp.lp-eta .lp-eta__pegel, .mojo-lp.lp-eta--atmen .lp-etm__klebe { --lp-eta-z: var(--bis, 100) !important; }
html.lp-nozeit .mojo-lp.lp-eta .lp-eta__schritt, html.lp-nozeit .mojo-lp.lp-eta .lp-eta__pegel, html.lp-nozeit .mojo-lp.lp-eta--atmen .lp-etm__klebe { transition-property: --lp-eta-p !important; }
}
@media (max-width: 600px) {
.mojo-lp .lp-eta__reiter { display: none; }
.mojo-lp.mojo-lp .lp-eta__liste { grid-template-columns: minmax(0, 1fr); }
.mojo-lp .lp-eta__ring { width: 84px; }
}
@media (prefers-reduced-motion: reduce) {
.mojo-lp.lp-eta .lp-eta__schritt, .mojo-lp.lp-eta .lp-eta__pegel, .mojo-lp.lp-eta .lp-eta__reiter a::before {
animation-name: none !important; transition: none !important;
}
.mojo-lp.lp-eta .lp-eta__schritt, .mojo-lp.lp-eta .lp-eta__pegel { --lp-eta-p: 1; --lp-eta-z: var(--bis, 100); }
}
@property --lp-wsl-an { syntax: "<number>"; inherits: true; initial-value: 0; }
.mojo-lp.lp-wsl {
position: relative;
view-timeline-name: --lp-wsl; view-timeline-axis: block;
timeline-scope: --lp-wsl-1, --lp-wsl-2, --lp-wsl-3, --lp-wsl-4, --lp-wsl-5;
}
.mojo-lp.lp-wsl * { min-width: 0; }
.mojo-lp .lp-wsl__bahn { position: relative; height: calc(var(--n, 4) * 80vh + 86vh); }
.mojo-lp .lp-wsl__buehne { position: sticky; top: calc(var(--klebe, 0px) + 7vh); height: calc(86vh - var(--klebe, 0px)); }
.mojo-lp .lp-wsl__bilder { position: relative; overflow: hidden; border-radius: var(--r-card); background: var(--surface); }
.mojo-lp .lp-wsl__bild { position: absolute; inset: 0; opacity: var(--lp-wsl-an); }
.mojo-lp.mojo-lp .lp-wsl__bild :is(picture, img) {
position: absolute; inset: 0; width: 100% !important; height: 100% !important;
max-width: none !important; object-fit: cover !important; display: block !important;
filter: saturate(.92);
}
.mojo-lp.mojo-lp .lp-wsl__bild picture img { position: static; }
.mojo-lp.mojo-lp .lp-wsl__liste { list-style: none !important; margin: 0 !important; padding: 0 !important; display: grid; }
.mojo-lp.mojo-lp .lp-wsl__satz { list-style: none !important; margin: 0 !important; position: relative; }
.mojo-lp.mojo-lp .lp-wsl__satz :is(h3, .lp-wsl__name) {
margin: 0 !important; font-weight: 700 !important;
font-size: var(--lp-t-h3); line-height: 1.25 !important;
color: color-mix(in srgb, var(--text) calc(var(--lp-wsl-an) * 100%), var(--text-leise));
}
.mojo-lp.mojo-lp .lp-wsl__satz .lp-wsl__nr {
font-size: 11px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase;
line-height: 1.65 !important; font-feature-settings: "tnum" 1;
color: color-mix(in srgb, var(--accent) calc(var(--lp-wsl-an) * 100%), var(--text-leise));
}
.mojo-lp.mojo-lp .lp-wsl__text { margin: 0 !important; max-width: 52ch; font-size: var(--lp-t-body); line-height: 1.65 !important; font-weight: var(--lp-w-body); }
.mojo-lp.mojo-lp .lp-wsl__intro { margin: 0 !important; max-width: 58ch; font-size: var(--lp-t-body); line-height: 1.65 !important; font-weight: var(--lp-w-body); }
@supports (animation-timeline: view()) {
.mojo-lp.lp-wsl--register :is(.lp-wsl__satz, .lp-wsl__bild), .mojo-lp.lp-wsl--tafel :is(.lp-wsl__satz, .lp-wsl__bild) {
animation-name: lp-wsl-an;
animation-duration: auto; animation-timing-function: linear;
animation-fill-mode: none;
animation-timeline: --lp-wsl;
animation-range-start: contain calc(var(--i, 0) * 100% / var(--n, 4) - 4%);
animation-range-end: contain calc((var(--i, 0) + 1) * 100% / var(--n, 4) + 4%);
}
.mojo-lp.lp-wsl :is(.lp-wsl__satz:first-child, .lp-wsl__bild:first-child) { animation-range-start: cover 0%; }
.mojo-lp.lp-wsl :is(.lp-wsl__satz:last-child, .lp-wsl__bild:last-child) { animation-range-end: cover 100%; }
.mojo-lp.lp-wsl--register .lp-wsl__bild { animation-name: lp-wsl-deck; }
}
@keyframes lp-wsl-an { 0% { --lp-wsl-an: 0; } 10% { --lp-wsl-an: 1; } 90% { --lp-wsl-an: 1; } 100% { --lp-wsl-an: 0; } }
@keyframes lp-wsl-deck { 0% { --lp-wsl-an: 0; } 12% { --lp-wsl-an: 1; } 100% { --lp-wsl-an: 1; } }
.mojo-lp.lp-wsl--register .lp-wsl__buehne {
display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
gap: clamp(28px, 4vw, 72px); align-items: stretch;
}
.mojo-lp.lp-wsl--register .lp-wsl__kopf { display: grid; align-content: start; }
.mojo-lp.lp-wsl--register .lp-wsl__kopf .lp-head { margin-bottom: clamp(24px, 4vh, 48px); }
.mojo-lp.lp-wsl--register .lp-wsl__liste { gap: 0; }
.mojo-lp.lp-wsl--register .lp-wsl__satz {
display: grid; grid-template-columns: 3em minmax(0, 1fr) auto; gap: clamp(12px, 1.6vw, 24px); align-items: baseline;
padding-block: clamp(20px, 2.8vh, 34px);
border-top: 1.5px solid rgba(var(--kante-rgb), .16);
}
.mojo-lp.lp-wsl--register .lp-wsl__satz:last-child { border-bottom: 1.5px solid rgba(var(--kante-rgb), .16); }
.mojo-lp.mojo-lp.lp-wsl--register .lp-wsl__name { font-size: var(--lp-t-h3); line-height: 1.25 !important; }
.mojo-lp.mojo-lp.lp-wsl--register .lp-wsl__art {
font-size: 11px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; line-height: 1.65 !important;
color: color-mix(in srgb, var(--text) calc(var(--lp-wsl-an) * 100%), var(--text-leise));
text-align: end;
}
.mojo-lp.lp-wsl--register .lp-wsl__bilder { height: 100%; }
.mojo-lp.lp-wsl--register .lp-wsl__bild {
opacity: 1;
clip-path: inset(calc((1 - var(--lp-wsl-an)) * 100%) 0 0 0);
}
.mojo-lp.lp-wsl--register .lp-wsl__bild:first-child { --lp-wsl-an: 1; }
.mojo-lp.lp-wsl--tafel { padding-block: 0; }
.mojo-lp.lp-wsl--tafel .lp-wsl__bahn { height: calc(var(--n, 5) * 80vh + 100vh); }
.mojo-lp.lp-wsl--tafel .lp-wsl__buehne { top: var(--klebe, 0px); height: calc(100vh - var(--klebe, 0px)); margin-inline: calc(-1 * var(--sp-side)); display: grid; }
.mojo-lp.lp-wsl--tafel .lp-wsl__bilder { position: absolute; inset: 0; border-radius: 0; }
.mojo-lp.lp-wsl--tafel .lp-wsl__tafel {
position: relative; align-self: center; margin-inline-start: var(--sp-side);
width: min(46%, 640px); background: var(--bg); color: var(--text);
padding: clamp(28px, 4vw, 64px) clamp(26px, 3.4vw, 56px);
display: grid; gap: clamp(18px, 2.6vh, 30px);
}
.mojo-lp.mojo-lp.lp-wsl--tafel .lp-wsl__tafel .lp-head { margin-bottom: 0; }
.mojo-lp.mojo-lp.lp-wsl--tafel .lp-wsl__tafel h2 { margin: 0 !important; }
.mojo-lp.lp-wsl--tafel .lp-wsl__liste { gap: 10px; }
.mojo-lp.lp-wsl--tafel .lp-wsl__satz {
display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 16px; align-items: baseline;
padding-block: clamp(10px, 1.4vh, 16px);
}
.mojo-lp.mojo-lp.lp-wsl--tafel .lp-wsl__name {
font-size: var(--lp-t-h3); line-height: 1.25 !important;
color: color-mix(in srgb, var(--accent) calc(var(--lp-wsl-an) * 100%), var(--text-leise));
}
.mojo-lp.mojo-lp.lp-wsl--tafel .lp-wsl__art {
font-size: 11px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; line-height: 1.65 !important;
color: color-mix(in srgb, var(--text) calc(var(--lp-wsl-an) * 100%), var(--text-leise));
}
.mojo-lp .lp-wsl__pille {
position: sticky; top: calc(var(--klebe, 0px) + 7vh); z-index: 5;
display: flex; flex-wrap: wrap; justify-content: center; gap: 4px;
width: fit-content; max-width: 100%; margin: 0 auto clamp(30px, 5vh, 64px);
padding: 5px; border-radius: 999px;
background: rgba(var(--bild-rgb), .88); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px);
border: 1px solid rgba(255, 255, 255, .12);
}
.mojo-lp.mojo-lp .lp-wsl__pille a {
position: relative; isolation: isolate; display: block; padding: 9px 16px;
border-radius: 999px; color: #FFFFFF; text-decoration: none;
font-size: 13px; font-weight: 700; letter-spacing: .04em; line-height: 1.3;
}
.mojo-lp .lp-wsl__pille a::before {
content: ""; position: absolute; inset: 0; z-index: -1; border-radius: inherit;
background: var(--lp-gold); opacity: 0;
}
.mojo-lp.mojo-lp .lp-wsl__pille a { color: color-mix(in srgb, var(--lp-carbon) calc(var(--lp-wsl-an) * 100%), #FFFFFF); }
.mojo-lp .lp-wsl__pille a:nth-child(1) { animation-timeline: --lp-wsl-1; }
.mojo-lp .lp-wsl__pille a:nth-child(2) { animation-timeline: --lp-wsl-2; }
.mojo-lp .lp-wsl__pille a:nth-child(3) { animation-timeline: --lp-wsl-3; }
.mojo-lp .lp-wsl__pille a:nth-child(4) { animation-timeline: --lp-wsl-4; }
.mojo-lp .lp-wsl__pille a:nth-child(5) { animation-timeline: --lp-wsl-5; }
.mojo-lp .lp-wsl__pille a::before { opacity: var(--lp-wsl-an); }
@supports (animation-timeline: view()) {
.mojo-lp.lp-wsl .lp-wsl__pille a {
animation-name: lp-wsl-reiter; animation-duration: auto;
animation-timing-function: linear; animation-fill-mode: both;
animation-range: cover 0% cover 100%;
}
.mojo-lp.lp-wsl .lp-wsl__pille a:last-child { animation-name: lp-wsl-reiter-letzter; }
}
@keyframes lp-wsl-reiter { 0%, 31% { --lp-wsl-an: 0; } 34% { --lp-wsl-an: 1; } 69% { --lp-wsl-an: 1; } 72%, 100% { --lp-wsl-an: 0; } }
@keyframes lp-wsl-reiter-letzter { 0%, 31% { --lp-wsl-an: 0; } 34%, 100% { --lp-wsl-an: 1; } }
.mojo-lp .lp-wsl__faelle { display: grid; gap: clamp(28px, 4.5vh, 64px); }
.mojo-lp .lp-wsl__faelle > .lp-wsl__fall:nth-child(1) { view-timeline-name: --lp-wsl-1; }
.mojo-lp .lp-wsl__faelle > .lp-wsl__fall:nth-child(2) { view-timeline-name: --lp-wsl-2; }
.mojo-lp .lp-wsl__faelle > .lp-wsl__fall:nth-child(3) { view-timeline-name: --lp-wsl-3; }
.mojo-lp .lp-wsl__faelle > .lp-wsl__fall:nth-child(4) { view-timeline-name: --lp-wsl-4; }
.mojo-lp .lp-wsl__faelle > .lp-wsl__fall:nth-child(5) { view-timeline-name: --lp-wsl-5; }
.mojo-lp .lp-wsl__fall {
display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr);
gap: clamp(20px, 3vw, 56px); align-items: center; min-height: 72vh;
}
.mojo-lp.lp-wsl--pille .lp-wsl__bild { position: relative; inset: auto; opacity: 1; aspect-ratio: 4 / 3; overflow: hidden; border-radius: var(--r-card); }
.mojo-lp.lp-wsl--pille .lp-wsl__fall .lp-card { padding: clamp(26px, 3.4vw, 56px); gap: 0; }
.mojo-lp.mojo-lp.lp-wsl--pille .lp-wsl__fall h3 { margin: 0 0 clamp(12px, 1.8vh, 18px) !important; font-size: var(--lp-t-h3); line-height: 1.25 !important; }
.mojo-lp.lp-wsl--pille .lp-wsl__fall .lp-btn-row { margin-block-start: clamp(20px, 3vh, 30px); }
.mojo-lp.mojo-lp .lp-wsl__kennung {
display: inline-block; width: fit-content; justify-self: start;
margin: 0 0 clamp(12px, 1.8vh, 18px) !important;
padding: 4px 10px; border-radius: 999px;
background: rgba(var(--gold-rgb), .14); color: var(--text);
font-size: 11px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase;
line-height: 1.65 !important;
}
@supports not (animation-timeline: view()) {
.mojo-lp.lp-wsl { --lp-wsl-ruhe: 1; }
}
html.lp-nozeit .mojo-lp.lp-wsl { --lp-wsl-ruhe: 1; }
@media (prefers-reduced-motion: reduce) { .mojo-lp.lp-wsl { --lp-wsl-ruhe: 1; } }
@container style(--lp-wsl-ruhe: 1) {
.mojo-lp.lp-wsl .lp-wsl__bahn { height: auto; }
.mojo-lp.lp-wsl .lp-wsl__buehne { position: static; height: auto; display: grid; grid-template-columns: minmax(0, 1fr); gap: clamp(24px, 4vh, 40px); margin-inline: 0; }
.mojo-lp.lp-wsl .lp-wsl__bilder { position: relative; inset: auto; height: auto; aspect-ratio: 16 / 10; border-radius: var(--r-card); order: -1; }
.mojo-lp.lp-wsl .lp-wsl__bild { animation-name: none; }
.mojo-lp.lp-wsl .lp-wsl__bild:not(:first-child) { display: none; }
.mojo-lp.lp-wsl .lp-wsl__bild:first-child { --lp-wsl-an: 1; opacity: 1; clip-path: none; }
.mojo-lp.lp-wsl .lp-wsl__satz { animation-name: none; --lp-wsl-an: 1; }
.mojo-lp.lp-wsl .lp-wsl__tafel { width: auto; margin-inline: 0; padding: 0; }
.mojo-lp.lp-wsl .lp-wsl__pille a { animation-name: none; }
.mojo-lp.lp-wsl .lp-wsl__fall { grid-template-columns: minmax(0, 1fr); min-height: 0; }
.mojo-lp.lp-wsl .lp-wsl__fall .lp-wsl__bild { aspect-ratio: 16 / 10; }
}
html.lp-nozeit .mojo-lp.lp-wsl:has(.lp-wsl__faelle > :nth-child(1).is-auf):not(:has(.lp-wsl__faelle > :nth-child(2).is-auf)) .lp-wsl__pille a:nth-child(1), html.lp-nozeit .mojo-lp.lp-wsl:has(.lp-wsl__faelle > :nth-child(2).is-auf):not(:has(.lp-wsl__faelle > :nth-child(3).is-auf)) .lp-wsl__pille a:nth-child(2), html.lp-nozeit .mojo-lp.lp-wsl:has(.lp-wsl__faelle > :nth-child(3).is-auf):not(:has(.lp-wsl__faelle > :nth-child(4).is-auf)) .lp-wsl__pille a:nth-child(3), html.lp-nozeit .mojo-lp.lp-wsl:has(.lp-wsl__faelle > :nth-child(4).is-auf):not(:has(.lp-wsl__faelle > :nth-child(5).is-auf)) .lp-wsl__pille a:nth-child(4), html.lp-nozeit .mojo-lp.lp-wsl:has(.lp-wsl__faelle > :nth-child(5).is-auf) .lp-wsl__pille a:nth-child(5) { --lp-wsl-an: 1; }
html.lp-nozeit .mojo-lp .lp-wsl__pille a { transition: color .4s ease; }
html.lp-nozeit .mojo-lp .lp-wsl__pille a::before { transition: opacity .4s ease; }
@media (max-width: 930px) {
.mojo-lp.lp-wsl .lp-wsl__bahn { height: auto; }
.mojo-lp.lp-wsl .lp-wsl__buehne { position: static; height: auto; display: grid; grid-template-columns: minmax(0, 1fr); gap: clamp(24px, 4vh, 40px); margin-inline: 0; }
.mojo-lp.lp-wsl .lp-wsl__bilder { position: relative; inset: auto; height: auto; aspect-ratio: 16 / 10; border-radius: var(--r-card); order: -1; }
.mojo-lp.lp-wsl .lp-wsl__bild { animation-name: none; }
.mojo-lp.lp-wsl .lp-wsl__bild:not(:first-child) { display: none; }
.mojo-lp.lp-wsl .lp-wsl__bild:first-child { --lp-wsl-an: 1; opacity: 1; clip-path: none; }
.mojo-lp.lp-wsl .lp-wsl__satz { animation-name: none; --lp-wsl-an: 1; }
.mojo-lp.lp-wsl .lp-wsl__tafel { width: auto; margin-inline: 0; padding: 0; }
.mojo-lp.lp-wsl .lp-wsl__pille a { animation-name: none; }
.mojo-lp.lp-wsl .lp-wsl__fall { grid-template-columns: minmax(0, 1fr); min-height: 0; }
.mojo-lp.lp-wsl .lp-wsl__fall .lp-wsl__bild { aspect-ratio: 16 / 10; }
.mojo-lp.lp-wsl--tafel { padding-block: var(--sp-section); }
.mojo-lp.lp-wsl--tafel .lp-wsl__satz { grid-template-columns: minmax(0, 1fr); gap: 2px; padding-block: 10px; }
.mojo-lp.mojo-lp.lp-wsl--tafel .lp-wsl__art { text-align: start; }
.mojo-lp.lp-wsl--register .lp-wsl__satz { grid-template-columns: 3em minmax(0, 1fr); }
.mojo-lp.mojo-lp.lp-wsl--register .lp-wsl__art { grid-column: 2; text-align: start; }
.mojo-lp.lp-wsl .lp-wsl__satz :is(h3, .lp-wsl__name, .lp-wsl__text) { text-align: left; }
.mojo-lp.mojo-lp .lp-wsl__text { margin-inline: 0 !important; }
}
@media (max-width: 600px) {
.mojo-lp .lp-wsl__pille { display: none; }
}
@property --lp-flg-a { syntax: "<number>"; inherits: true; initial-value: 1; }
@property --lp-flg-s { syntax: "<number>"; inherits: true; initial-value: 0; }
@property --lp-flg-z { syntax: "<integer>"; inherits: true; initial-value: 1; }
.mojo-lp.lp-flg { position: relative; view-timeline-name: --lp-flg; view-timeline-axis: block; }
.mojo-lp.lp-flg * { min-width: 0; }
.mojo-lp .lp-flg__teil {
--t: clamp(0, calc((var(--lp-flg-a) - var(--i, 0)) * 4), 1);
opacity: var(--t);
clip-path: inset(calc((1 - var(--t)) * 100%) 0 0 0);
}
.mojo-lp .lp-flg__linie { display: block; height: 1.5px; border: 0; margin: 0; background: rgba(var(--kante-rgb), .14); position: relative; }
.mojo-lp .lp-flg__linie::after { content: ""; position: absolute; inset: 0 auto 0 0; width: calc(var(--lp-flg-a) * 100%); background: var(--lp-gold); }
.mojo-lp.lp-sand.lp-flg .lp-flg__linie::after { background: var(--lp-gold-tief); }
.mojo-lp.mojo-lp .lp-flg__text { margin: 0 !important; max-width: 56ch; }
@supports (animation-timeline: view()) {
.mojo-lp.lp-flg {
animation-name: lp-flg-kommen; animation-duration: auto; animation-timing-function: linear;
animation-fill-mode: both; animation-timeline: --lp-flg;
animation-range: entry 15% entry 100%;
}
}
@keyframes lp-flg-kommen { from { --lp-flg-a: 0; } to { --lp-flg-a: 1; } }
.mojo-lp.lp-flg--satz { min-height: 70vh; display: grid; align-items: center; }
.mojo-lp.lp-flg--satz .lp-flg__mitte { display: grid; justify-items: center; text-align: center; gap: clamp(18px, 2.6vh, 30px); }
.mojo-lp.lp-flg--satz .lp-flg__linie { width: min(100%, 520px); }
.mojo-lp.mojo-lp.lp-flg--satz .lp-flg__mitte h2 { margin: 0 0 var(--sp-title) !important; max-width: 22ch; }
.mojo-lp.mojo-lp.lp-flg--satz .lp-flg__text { text-align: center; margin-inline: auto !important; max-width: 48ch; }
.mojo-lp.lp-flg--tickets .lp-flg__kopf { text-align: center; display: grid; justify-items: center; margin-bottom: clamp(28px, 4.5vh, 56px); }
.mojo-lp.lp-flg--tickets .lp-flg__kopf .lp-eyebrow--line { justify-content: center; }
.mojo-lp .lp-flg__tickets { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(16px, 2.2vw, 32px); align-items: start; }
.mojo-lp .lp-flg__ticket { display: grid; gap: 0; padding: 0; overflow: hidden; }
.mojo-lp .lp-flg__ticket > div { padding: clamp(20px, 2.4vw, 32px); }
.mojo-lp .lp-flg__ticket > div:last-child { padding-block-start: clamp(16px, 2vh, 24px); }
.mojo-lp.mojo-lp .lp-flg__ticket h3 { margin: 0 0 10px !important; font-size: var(--lp-t-h3); line-height: 1.25 !important; }
.mojo-lp.mojo-lp .lp-flg__ticket .lp-flg__text { max-width: none; }
.mojo-lp.mojo-lp .lp-flg__ticket ul { list-style: none !important; margin: clamp(14px, 2vh, 22px) 0 0 !important; padding: 0 !important; display: grid; gap: 6px; }
.mojo-lp.mojo-lp .lp-flg__ticket li { list-style: none !important; margin: 0 !important; display: grid; grid-template-columns: 10px minmax(0, 1fr); gap: 10px; align-items: baseline; font-weight: var(--lp-w-body) !important; }
.mojo-lp .lp-flg__ticket li::before { content: ""; display: block; width: 6px; height: 6px; border-radius: 50%; background: var(--accent); }
.mojo-lp .lp-flg__riss { position: relative; height: 0; border-top: 1.5px dashed rgba(var(--kante-rgb), .35); margin-inline: 14px; }
.mojo-lp .lp-flg__riss::before, .mojo-lp .lp-flg__riss::after { content: ""; position: absolute; top: -9px; width: 16px; height: 16px; border-radius: 50%; background: var(--bg); }
.mojo-lp .lp-flg__riss::before { left: -22px; }
.mojo-lp .lp-flg__riss::after { right: -22px; }
.mojo-lp .lp-flg__preis { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 12px; align-items: baseline; }
.mojo-lp.mojo-lp .lp-flg__preis span:first-child { font-size: 11px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; line-height: 1.65 !important; color: var(--text-leise); }
.mojo-lp.mojo-lp .lp-flg__preis span:last-child { font-size: clamp(18px, 1.8vw, 26px); font-weight: 800; letter-spacing: -.02em; font-feature-settings: "tnum" 1; }
.mojo-lp .lp-flg__code {
height: 34px; margin-block-start: 14px;
background: repeating-linear-gradient(90deg, currentColor 0 2px, transparent 2px 5px, currentColor 5px 6px, transparent 6px 9px, currentColor 9px 12px, transparent 12px 14px);
opacity: .55;
}
.mojo-lp.mojo-lp .lp-flg__fuss { margin: 10px 0 0 !important; font-size: 11px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; line-height: 1.65 !important; color: var(--text-leise); }
.mojo-lp .lp-flg__ticket .lp-btn-row { margin-block-start: clamp(16px, 2.4vh, 24px); }
.mojo-lp.lp-flg--tickets .lp-flg__ticket .lp-btn { width: 100%; }
.mojo-lp.lp-flg--zitat .lp-flg__paar { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); gap: clamp(28px, 5vw, 96px); align-items: center; min-height: 56vh; }
.mojo-lp.mojo-lp.lp-flg--zitat .lp-flg__paar .lp-head { margin-bottom: 0; }
.mojo-lp.mojo-lp .lp-flg__zitat { margin: 0 !important; padding: 0 0 0 clamp(20px, 2.4vw, 36px); border: 0; border-inline-start: 1.5px solid var(--lp-gold); }
.mojo-lp.mojo-lp .lp-flg__zitat p { margin: 0 !important; font-size: clamp(22px, 2.2vw, 34px); font-weight: 600; line-height: 1.3 !important; letter-spacing: -.01em; max-width: 30ch; }
.mojo-lp .lp-flg__sprecher { display: grid; grid-template-columns: 52px minmax(0, 1fr); gap: 16px; align-items: center; margin-block-start: clamp(20px, 3vh, 32px); }
.mojo-lp.mojo-lp .lp-flg__mono {
width: 52px; height: 52px; border-radius: 50%; display: grid; place-items: center;
background: var(--surface-2); color: var(--text); font-size: 15px; font-weight: 800; letter-spacing: .04em;
box-shadow: inset 0 0 0 1.5px rgba(var(--gold-rgb), .55);
}
.mojo-lp.mojo-lp .lp-flg__sprecher cite { display: block; font-style: normal; font-weight: 700; }
.mojo-lp.mojo-lp .lp-flg__sprecher span:last-child { display: block; font-size: 11px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; line-height: 1.65 !important; color: var(--text-leise); }
.mojo-lp.lp-flg--reihe { --kw: clamp(220px, 24vw, 340px); --kg: clamp(14px, 1.6vw, 24px); }
.mojo-lp.lp-flg--reihe .lp-flg__kopf { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 24px; align-items: end; margin-bottom: var(--sp-head); }
.mojo-lp.mojo-lp.lp-flg--reihe .lp-flg__kopf .lp-head { margin-bottom: 0; }
.mojo-lp.mojo-lp .lp-flg__zaehler { font-size: 11px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; line-height: 1.65 !important; font-feature-settings: "tnum" 1; white-space: nowrap; color: var(--lp-label); }
.mojo-lp .lp-flg__zaehler::before { content: "0" counter(lp-flg-z); counter-reset: lp-flg-z var(--lp-flg-z); color: var(--accent); }
.mojo-lp.mojo-lp .lp-flg__reihe {
list-style: none !important; margin: 0 !important; padding: 0 !important;
display: flex; gap: var(--kg); width: max-content;
margin-inline-start: calc(-1 * var(--lp-flg-s) * max(0px, var(--n, 5) * var(--kw) + (var(--n, 5) - 1) * var(--kg) - 100%)) !important;
}
.mojo-lp.mojo-lp .lp-flg__kachel { list-style: none !important; margin: 0 !important; width: var(--kw); flex: 0 0 auto; }
.mojo-lp .lp-flg__kachel .lp-flg__bild { position: relative; aspect-ratio: 1 / 1; overflow: hidden; border-radius: var(--r-card); }
.mojo-lp.mojo-lp .lp-flg__bild :is(picture, img) { position: absolute; inset: 0; width: 100% !important; height: 100% !important; max-width: none !important; object-fit: cover !important; display: block !important; filter: saturate(.92); }
.mojo-lp.mojo-lp .lp-flg__bild picture img { position: static; }
.mojo-lp.mojo-lp .lp-flg__kachel .lp-flg__name { display: block; margin: 12px 0 0 !important; font-weight: 700 !important; }
.mojo-lp.mojo-lp .lp-flg__kachel .lp-flg__art { display: block; margin: 2px 0 0 !important; font-size: 11px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; line-height: 1.65 !important; color: var(--lp-label); }
@supports (animation-timeline: view()) {
.mojo-lp.lp-flg--reihe .lp-flg__spur {
animation-name: lp-flg-fahren; animation-duration: auto; animation-timing-function: linear;
animation-fill-mode: both; animation-timeline: --lp-flg;
animation-range: entry 60% exit 40%;
}
}
@keyframes lp-flg-fahren { from { --lp-flg-s: 0; --lp-flg-z: 1; } to { --lp-flg-s: 1; --lp-flg-z: var(--n, 5); } }
.mojo-lp.lp-flg--worte { display: grid; align-items: center; }
.mojo-lp .lp-flg__worte { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); grid-template-rows: auto auto; row-gap: clamp(6px, 1vh, 12px); }
.mojo-lp.mojo-lp .lp-flg__wort { margin: 0 !important; display: block; line-height: 1 !important; letter-spacing: -.03em; }
.mojo-lp.mojo-lp .lp-flg__wort--fett { grid-column: 2; grid-row: 1; justify-self: end; font-size: clamp(56px, 8vw, 128px); font-weight: 800; text-transform: uppercase; }
.mojo-lp.mojo-lp .lp-flg__wort--gold { grid-column: 1; grid-row: 2; font-size: clamp(28px, 3.3vw, 64px); font-weight: 600; color: var(--accent); }
.mojo-lp.mojo-lp .lp-flg__wort--umriss { grid-column: 2; grid-row: 2; justify-self: end; font-size: clamp(56px, 8vw, 128px); font-weight: 800; text-transform: uppercase; color: transparent; -webkit-text-stroke: 1.5px rgba(var(--kante-rgb), .5); }
.mojo-lp.lp-flg--worte .lp-flg__linie { margin-block: clamp(20px, 3vh, 32px); }
html.lp-nozeit .mojo-lp.lp-flg, html.lp-nozeit .mojo-lp.lp-flg .lp-flg__spur { animation-name: none !important; }
html.lp-nozeit .mojo-lp.lp-flg { --lp-flg-a: 0; transition: --lp-flg-a 2.2s cubic-bezier(.2, .7, .2, 1); }
html.lp-nozeit .mojo-lp.lp-flg.is-auf { --lp-flg-a: 1; }
html.lp-nozeit .mojo-lp.lp-flg .lp-flg__spur { --lp-flg-s: 0; --lp-flg-z: 1; transition: --lp-flg-s 2.4s ease .4s, --lp-flg-z 2.4s linear .4s; }
html.lp-nozeit .mojo-lp.lp-flg.is-auf .lp-flg__spur { --lp-flg-s: .5; --lp-flg-z: 3; }
@media (max-width: 930px) {
.mojo-lp .lp-flg__tickets { grid-template-columns: minmax(0, 1fr); }
.mojo-lp.lp-flg--zitat .lp-flg__paar { grid-template-columns: minmax(0, 1fr); min-height: 0; }
.mojo-lp.mojo-lp .lp-flg__zitat p { max-width: none; text-align: left; }
.mojo-lp.lp-flg--reihe .lp-flg__kopf { grid-template-columns: minmax(0, 1fr); justify-items: center; }
.mojo-lp.lp-flg--reihe .lp-flg__spur { animation-name: none !important; overflow-x: auto; scroll-snap-type: x mandatory; margin-inline: calc(-1 * var(--sp-side)); padding-inline: var(--sp-side); scrollbar-width: none; }
.mojo-lp.lp-flg--reihe .lp-flg__spur::-webkit-scrollbar { display: none; }
.mojo-lp.mojo-lp .lp-flg__reihe { margin-inline-start: 0 !important; --lp-flg-s: 0; }
.mojo-lp.mojo-lp .lp-flg__kachel { scroll-snap-align: start; width: min(78vw, 340px); }
.mojo-lp.mojo-lp .lp-flg__kachel :is(.lp-flg__name, .lp-flg__art) { text-align: left; }
.mojo-lp .lp-flg__worte { grid-template-columns: minmax(0, 1fr); grid-template-rows: auto; }
.mojo-lp.mojo-lp .lp-flg__wort { grid-column: 1; grid-row: auto; justify-self: start; text-align: left; }
.mojo-lp.mojo-lp .lp-flg__wort--fett, .mojo-lp.mojo-lp .lp-flg__wort--umriss { font-size: clamp(30px, 9vw, 44px); }
.mojo-lp.mojo-lp .lp-flg__wort--gold { font-size: clamp(22px, 6.2vw, 34px); }
.mojo-lp.mojo-lp .lp-flg__ticket :is(h3, p, li) { text-align: left; }
.mojo-lp.mojo-lp .lp-flg__ticket .lp-flg__text { margin-inline: 0 !important; }
}
@media (max-width: 600px) {
.mojo-lp.lp-flg--satz { min-height: 60vh; }
}
@media (prefers-reduced-motion: reduce) {
.mojo-lp.lp-flg, .mojo-lp.lp-flg .lp-flg__spur { animation-name: none !important; transition: none !important; }
.mojo-lp.lp-flg { --lp-flg-a: 1; }
.mojo-lp.lp-flg .lp-flg__spur { --lp-flg-s: 0; --lp-flg-z: 1; }
}
.mojo-lp.lp-bes { --bes-top: clamp(80px, 12svh, 120px); }
.mojo-lp.lp-bes .lp-inner { min-width: 0; }
.mojo-lp.lp-bes .lp-bes__kopf { align-items: start; }
.mojo-lp.lp-bes .lp-bes__kopf h2 { margin-block-end: 0 !important; }
.mojo-lp.lp-bes .lp-bes__layout { min-width: 0; }
.mojo-lp.lp-bes .lp-bes__kapitelteil { min-width: 0; margin: 0; }
.mojo-lp.lp-bes .lp-bes__text { min-width: 0; text-align: left; }
.mojo-lp.lp-bes .lp-bes__text h3 { color: var(--text) !important; font-family: var(--font-head) !important; font-size: inherit !important; line-height: inherit !important; font-weight: 700 !important; text-align: left; }
.mojo-lp.lp-bes .lp-bes__text p { color: var(--text) !important; font-size: var(--lp-t-body) !important; line-height: 1.65 !important; text-align: left; margin-inline: 0 !important; }
.mojo-lp.lp-bes .lp-bes__intro p, .mojo-lp.lp-bes .lp-bes__abschluss p { color: var(--text) !important; font-size: var(--lp-t-body) !important; line-height: 1.65 !important; }
.mojo-lp.lp-bes .lp-btn--ghost:hover { color: var(--accent); border-color: var(--accent); }
.mojo-lp.lp-bes .lp-bes__nummer { display: block; color: var(--accent); margin-bottom: var(--sp-stack); }
.mojo-lp.lp-bes .lp-bes__bild { position: relative; min-width: 0; margin: 0; aspect-ratio: 4 / 3; border-radius: var(--r-card); overflow: hidden; background: var(--surface); }
.mojo-lp.lp-bes .lp-bes__bild[data-strebe] {
aspect-ratio: auto; align-self: stretch;
min-height: var(--bes-strebe, clamp(260px, 30vw, 520px));
}
.mojo-lp.lp-bes .lp-bes__bild > :is(img,picture), .mojo-lp.lp-bes .lp-bes__bild > picture > img { position: absolute !important; inset: 0 !important; display: block !important; width: 100% !important; height: 100% !important; max-width: none !important; margin: 0 !important; padding: 0 !important; object-fit: cover !important; object-position: center; border-radius: inherit !important; }
.mojo-lp.lp-bes .lp-bes__abschluss { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--sp-stack) var(--gap-grid); border-top: 1.5px solid var(--border); padding-top: var(--sp-head); margin-top: var(--sp-head); }
.mojo-lp.lp-bes .lp-bes__abschluss p { margin: 0 !important; }
.mojo-lp.lp-bes .lp-bes__abschluss .lp-btn-row { margin: 0 !important; }
.mojo-lp.lp-bes--dreispur .lp-bes__grossspur, .mojo-lp.lp-bes--dreispur .lp-bes__film { display: none; }
.mojo-lp.lp-bes--dreispur .lp-bes__kapitel { display: grid; gap: var(--sp-head); }
.mojo-lp.lp-bes--dreispur .lp-bes__kapitelteil { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: var(--gap-split); align-items: center; }
.mojo-lp.lp-bes--randfilm .lp-bes__layout { display: grid; gap: var(--gap-grid); }
.mojo-lp.lp-bes--randfilm .lp-bes__kapitelteil { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,.35fr); column-gap: var(--gap-split); align-items: stretch; }
.mojo-lp.lp-bes--randfilm .lp-bes__bild { grid-column: 2; grid-row: 1; --bes-strebe: clamp(280px, 30vw, 520px); }
.mojo-lp.lp-bes--randfilm .lp-bes__text { grid-column: 1; grid-row: 1; display: grid; grid-template-columns: minmax(0,.22fr) minmax(0,1fr); column-gap: var(--gap-grid); align-content: center; padding-block: var(--sp-head); border-top: 1.5px solid var(--border); }
.mojo-lp.lp-bes--randfilm .lp-bes__nummer { grid-column: 1; grid-row: 1 / 4; }
.mojo-lp.lp-bes--randfilm .lp-bes__text :is(h3,p) { grid-column: 2; }
.mojo-lp.lp-bes--doppelseite .lp-bes__layout { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: var(--sp-section) var(--gap-split); }
.mojo-lp.lp-bes--doppelseite .lp-bes__kapitelteil { display: flex; flex-direction: column; gap: var(--sp-head); align-self: start; }
.mojo-lp.lp-bes--doppelseite .lp-bes__kapitelteil:nth-child(even) { padding-top: var(--sp-section); }
.mojo-lp.lp-bes--doppelseite .lp-bes__text { padding-top: var(--sp-stack); border-top: 1.5px solid var(--border); }
.mojo-lp.lp-bes--doppelseite .lp-bes__nummer { float: left; margin-right: var(--gap-grid); }
.mojo-lp.lp-bes--doppelseite .lp-bes__text::after { content: ''; display: block; clear: both; }
.mojo-lp.lp-bes--mittelspur .lp-bes__layout { display: grid; gap: var(--gap-grid); }
.mojo-lp.lp-bes--mittelspur .lp-bes__kapitelteil { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,.85fr) minmax(0,1fr); gap: var(--gap-split); align-items: center; }
.mojo-lp.lp-bes--mittelspur .lp-bes__bild { grid-column: 2; grid-row: 1; --bes-strebe: clamp(300px, 34vw, 560px); }
.mojo-lp.lp-bes--mittelspur .lp-bes__text { grid-column: 1; grid-row: 1; padding-block: var(--sp-head); }
.mojo-lp.lp-bes--mittelspur .lp-bes__kapitelteil:nth-child(even) .lp-bes__text { grid-column: 3; }
.mojo-lp.lp-bes .lp-bes__abschluss { display: block; }
.mojo-lp.lp-bes--mittelspur .lp-bes__abschluss, .mojo-lp.lp-bes--randfilm .lp-bes__abschluss, .mojo-lp.lp-bes--dreispur .lp-bes__abschluss {
grid-template-columns: minmax(0, 1fr);
justify-content: normal; justify-items: stretch; align-items: start;
}
.mojo-lp.lp-bes--doppelseite .lp-bes__abschluss {
display: grid; grid-template-columns: minmax(0,1fr) auto minmax(0,1fr);
column-gap: var(--gap-split); row-gap: var(--sp-stack); align-items: baseline;
}
.mojo-lp.mojo-lp.lp-bes--doppelseite .lp-bes__abschluss > p { max-width: 40ch; }
.mojo-lp.mojo-lp.lp-bes--doppelseite .lp-bes__abschluss .lp-btn-row { justify-content: flex-end; margin: 0 !important; }
.mojo-lp.lp-bes .lp-bes__angaben { display: flex; flex-wrap: wrap; justify-content: center; text-align: center; gap: 8px clamp(32px, 4.5vw, 72px); }
.mojo-lp.mojo-lp.lp-bes .lp-bes__angabe {
display: block; font-size: 11px; font-weight: 700; letter-spacing: .14em;
text-transform: uppercase; line-height: 1.65 !important; color: var(--accent); margin: 0 !important;
}
.mojo-lp.mojo-lp.lp-bes .lp-bes__angabe b { display: block; font-weight: 700; color: var(--text); letter-spacing: -.01em; text-transform: none; font-size: clamp(15px,1.1vw,19px); }
.mojo-lp.lp-bes--dreispur .lp-bes__abschluss { display: grid; gap: var(--sp-head); }
.mojo-lp.mojo-lp.lp-bes--dreispur .lp-bes__abschluss > p { max-width: 52ch; margin: 0 !important; }
.mojo-lp.mojo-lp.lp-bes--dreispur .lp-bes__abschluss .lp-btn-row { justify-content: flex-start; }
.mojo-lp .lp-pfeil {
position: relative; flex-shrink: 0; display: block;
width: clamp(28px, 2.4vw, 40px); height: 12px;
color: var(--lp-gold);
transition: transform var(--t-ui) var(--ease), color var(--t-ui) var(--ease);
}
.mojo-lp .lp-pfeil::before {
content: ""; position: absolute; top: 50%; left: 0; right: 3px;
height: 2px; background: currentColor; transform: translateY(-50%);
}
.mojo-lp .lp-pfeil::after {
content: ""; position: absolute; top: 50%; right: 1px;
width: 8px; height: 8px;
border-top: 2px solid currentColor; border-right: 2px solid currentColor;
transform: translateY(-50%) rotate(45deg);
}
.mojo-lp a:hover .lp-pfeil, .mojo-lp a:focus-visible .lp-pfeil { transform: translateX(6px); }
@media (prefers-reduced-motion: reduce) { .mojo-lp .lp-pfeil { transition: none; } }
.mojo-lp.lp-bes--mittelspur .lp-bes__abschluss { display: grid; gap: var(--sp-head); }
.mojo-lp.lp-bes--mittelspur .lp-bes__index {
display: grid; grid-template-columns: repeat(4, minmax(0, 1fr));
border-block-start: 1.5px solid var(--border);
}
.mojo-lp.lp-bes--mittelspur .lp-bes__feld {
position: relative; padding: clamp(18px, 2.2vw, 28px) clamp(14px, 1.6vw, 22px) clamp(20px, 2.4vw, 30px) 0;
}
.mojo-lp.lp-bes--mittelspur .lp-bes__feld + .lp-bes__feld {
border-inline-start: 1.5px solid var(--border);
padding-inline-start: clamp(14px, 1.6vw, 22px);
}
.mojo-lp.mojo-lp.lp-bes--mittelspur .lp-bes__feld-nr {
display: block; font-size: 11px; font-weight: 700; letter-spacing: .14em;
text-transform: uppercase; line-height: 1.65 !important; color: var(--accent);
margin: 0 0 6px !important; font-feature-settings: "tnum" 1;
}
.mojo-lp.mojo-lp.lp-bes--mittelspur .lp-bes__feld-wort {
display: block; font-size: clamp(17px, 1.5vw, 23px); font-weight: 600;
line-height: 1.2 !important; letter-spacing: -.01em; color: var(--text); margin: 0 !important;
}
.mojo-lp.lp-bes--mittelspur .lp-bes__feld::after {
content: ""; position: absolute; inset-block-end: 0; inset-inline-start: 0;
width: 100%; height: 2px; background: var(--lp-gold); transform-origin: left center;
}
@keyframes lp-bes-linie { from { width: 0; } to { width: 100%; } }
@supports (animation-timeline: view()) {
@media (prefers-reduced-motion: no-preference) {
.mojo-lp.lp-bes--mittelspur .lp-bes__feld::after {
animation: lp-bes-linie auto linear both;
animation-timeline: view();
animation-range: entry 20% cover 40%;
}
}
}
.mojo-lp.mojo-lp.lp-bes--mittelspur .lp-bes__band {
display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center;
gap: var(--gap-split);
margin-inline: calc(-1 * var(--sp-side));
padding: clamp(20px, 2.6vw, 34px) var(--sp-side);
border-block: 1.5px solid var(--border);
text-decoration: none; color: var(--text); background: none;
}
.mojo-lp.mojo-lp.lp-bes--mittelspur .lp-bes__band b {
display: block; font-size: clamp(24px, 3.2vw, 52px); font-weight: 600;
line-height: 1.12 !important; letter-spacing: -.02em; color: inherit;
}
.mojo-lp.mojo-lp.lp-bes--mittelspur .lp-bes__band i {
display: block; font-style: normal; margin-top: 6px;
font-size: 11px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase;
line-height: 1.65 !important; color: var(--lp-label);
}
.mojo-lp.mojo-lp.lp-bes--mittelspur .lp-bes__band:hover b { color: var(--lp-gold); }
.mojo-lp.lp-bes--randfilm .lp-bes__abschluss { display: grid; gap: var(--sp-head); }
.mojo-lp.mojo-lp.mojo-lp.lp-bes--randfilm .lp-bes__bogenzeile {
max-width: 24ch; margin: 0 !important;
font-size: clamp(24px, 3.2vw, 52px) !important; font-weight: 600 !important;
line-height: 1.12 !important; letter-spacing: -.02em; color: var(--text);
}
.mojo-lp.lp-bes--randfilm .lp-bes__wege { display: grid; }
.mojo-lp.mojo-lp.lp-bes--randfilm .lp-bes__weg {
position: relative;
display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center;
gap: var(--gap-grid); padding-block: clamp(16px, 2.2vw, 28px);
border-block-start: 1.5px solid var(--border);
text-decoration: none; color: var(--text); background: none;
}
.mojo-lp.mojo-lp.lp-bes--randfilm .lp-bes__weg:last-of-type { border-block-end: 1.5px solid var(--border); }
.mojo-lp.mojo-lp.lp-bes--randfilm .lp-bes__weg b {
display: block; font-size: clamp(24px, 3.2vw, 52px); font-weight: 600;
line-height: 1.12 !important; letter-spacing: -.02em; color: inherit;
transition: color var(--t-ui) var(--ease);
}
.mojo-lp.mojo-lp.lp-bes--randfilm .lp-bes__weg i {
display: block; font-style: normal; margin-top: 4px;
font-size: 11px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase;
line-height: 1.65 !important; color: var(--lp-label);
}
.mojo-lp.mojo-lp.lp-bes--randfilm .lp-bes__weg:hover b { color: var(--lp-gold); }
.mojo-lp.lp-bes--randfilm .lp-bes__vorschau { display: none; }
@media (hover: hover) and (min-width: 931px) {
.mojo-lp.lp-bes--randfilm .lp-bes__vorschau {
display: block; position: absolute; z-index: 2; pointer-events: none;
inset-block: clamp(-26px, -2vw, -14px);
inset-inline-end: clamp(78px, 6.5vw, 120px);
aspect-ratio: 4 / 3; margin: 0; overflow: hidden;
border-radius: var(--r-card);
clip-path: inset(0 0 100% 0);
transition: clip-path 320ms var(--ease);
}
.mojo-lp.mojo-lp.lp-bes--randfilm .lp-bes__vorschau img {
position: absolute !important; inset: 0 !important; width: 100% !important;
height: 100% !important; max-width: none !important; object-fit: cover !important; display: block !important;
border-radius: inherit !important;
}
.mojo-lp.lp-bes--randfilm .lp-bes__weg:hover .lp-bes__vorschau, .mojo-lp.lp-bes--randfilm .lp-bes__weg:focus-visible .lp-bes__vorschau { clip-path: inset(0 0 0 0); }
@media (prefers-reduced-motion: reduce) {
.mojo-lp.lp-bes--randfilm .lp-bes__vorschau { transition: none; }
}
}
.mojo-lp.lp-bes--leiste .lp-bes__layout {
display: grid; grid-template-columns: repeat(4, minmax(0, 1fr));
column-gap: var(--gap-split); row-gap: var(--sp-head);
}
.mojo-lp.lp-bes--leiste .lp-bes__kapitelteil { display: grid; gap: var(--sp-stack); align-content: start; }
.mojo-lp.lp-bes--leiste .lp-bes__bild { aspect-ratio: 4 / 5; max-width: 320px; width: 100%; }
.mojo-lp.lp-bes--leiste .lp-bes__text { border-top: 1.5px solid var(--border); padding-top: var(--sp-stack); }
.mojo-lp.lp-bes--leiste .lp-bes__nummer { margin-bottom: 6px !important; }
@keyframes lp-bes-schaerfe { from { filter: blur(12px); opacity: .55; } to { filter: blur(0); opacity: 1; } }
@supports (animation-timeline: view()) {
@media (prefers-reduced-motion: no-preference) {
.mojo-lp.lp-bes--leiste .lp-bes__kapitelteil > .lp-bes__bild { animation: none; clip-path: none; }
.mojo-lp.lp-bes--leiste .lp-bes__bild > img {
animation: lp-bes-schaerfe auto linear both;
animation-timeline: view();
animation-range: entry 10% entry 90%;
}
}
}
.mojo-lp.lp-bes--leiste .lp-bes__abschluss { display: grid; justify-items: end; }
.mojo-lp.mojo-lp.lp-bes--leiste .lp-bes__ruf {
display: inline-grid; grid-template-columns: auto auto; align-items: center; gap: clamp(14px, 1.6vw, 24px);
text-decoration: none; color: var(--text);
font-size: clamp(24px, 3.2vw, 52px); font-weight: 600; line-height: 1.12 !important; letter-spacing: -.02em;
}
.mojo-lp.mojo-lp.lp-bes--leiste .lp-bes__ruf:hover { color: var(--lp-gold); }
.mojo-lp.lp-bes--zeile .lp-bes__layout { display: grid; }
.mojo-lp.lp-bes--zeile .lp-bes__kapitelteil, .mojo-lp.mojo-lp.lp-bes--zeile .lp-bes__ruf {
position: relative; overflow: hidden;
display: grid; grid-template-columns: auto minmax(0, .9fr) clamp(120px, 12vw, 180px) minmax(0, 1.4fr);
column-gap: var(--gap-split); align-items: center;
padding-block: clamp(18px, 2.2vw, 30px);
border-block-start: 1.5px solid var(--border);
}
.mojo-lp.lp-bes--zeile .lp-bes__kapitelteil:last-of-type { border-block-end: 0; }
.mojo-lp.lp-bes--zeile .lp-bes__bild { aspect-ratio: 4 / 3; }
.mojo-lp.lp-bes--zeile .lp-bes__text { display: contents; }
.mojo-lp.lp-bes--zeile .lp-bes__kapitelteil > *, .mojo-lp.lp-bes--zeile .lp-bes__text > *, .mojo-lp.mojo-lp.lp-bes--zeile .lp-bes__ruf > * { grid-row: 1; }
.mojo-lp.mojo-lp.lp-bes--zeile .lp-bes__nummer { margin: 0 !important; grid-column: 1; }
.mojo-lp.mojo-lp.lp-bes--zeile .lp-bes__text h3 { grid-column: 2; font-size: var(--lp-t-h3) !important; font-weight: 700 !important; line-height: 1.25 !important; letter-spacing: -.01em; margin: 0 !important; }
.mojo-lp.lp-bes--zeile .lp-bes__kapitelteil > .lp-bes__bild { grid-column: 3; }
.mojo-lp.mojo-lp.lp-bes--zeile .lp-bes__text p { grid-column: 4; margin: 0 !important; }
.mojo-lp.mojo-lp.lp-bes--zeile .lp-bes__text p + p { display: none; }
.mojo-lp.lp-bes--zeile .lp-bes__kapitelteil::after {
content: ""; position: absolute; inset: 0; pointer-events: none; z-index: 2;
background: linear-gradient(105deg, transparent 42%, rgba(var(--gold-rgb), .16) 50%, transparent 58%);
background-size: 260% 100%; background-position: 120% 0; background-repeat: no-repeat;
}
@keyframes lp-bes-schimmer { from { background-position: 120% 0; } to { background-position: -20% 0; } }
@supports (animation-timeline: view()) {
@media (prefers-reduced-motion: no-preference) {
.mojo-lp.lp-bes--zeile .lp-bes__kapitelteil::after {
animation: lp-bes-schimmer auto linear both;
animation-timeline: view();
animation-range: entry 0% entry 100%;
}
.mojo-lp.lp-bes--zeile .lp-bes__kapitelteil > .lp-bes__text { animation: none; clip-path: none; }
}
}
.mojo-lp.lp-bes--zeile .lp-bes__abschluss { display: block; border-top: 0; padding-top: 0; margin-top: 0; }
.mojo-lp.mojo-lp.lp-bes--zeile .lp-bes__ruf {
text-decoration: none; color: var(--text); border-block-end: 1.5px solid var(--border);
}
.mojo-lp.mojo-lp.lp-bes--zeile .lp-bes__ruf b { grid-column: 2; font-size: var(--lp-t-h3); font-weight: 700; line-height: 1.25 !important; letter-spacing: -.01em; }
.mojo-lp.mojo-lp.lp-bes--zeile .lp-bes__ruf i { grid-column: 4; font-style: normal; font-size: 11px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; line-height: 1.65 !important; color: var(--lp-label); }
.mojo-lp.lp-bes--zeile .lp-bes__ruf .lp-pfeil { grid-column: 3; justify-self: start; }
.mojo-lp.mojo-lp.lp-bes--zeile .lp-bes__ruf:hover b { color: var(--lp-gold); }
@keyframes lp-bes-wisch-bild { from { clip-path: inset(100% 0 0 0); } to { clip-path: inset(0 0 0 0); } }
@keyframes lp-bes-wisch-text { from { clip-path: inset(0 0 100% 0); } to { clip-path: inset(0 0 0 0); } }
@supports (animation-timeline: view()) {
@media (prefers-reduced-motion: no-preference) {
.mojo-lp.lp-bes .lp-bes__kapitelteil > .lp-bes__bild {
animation: lp-bes-wisch-bild auto linear both;
animation-timeline: view();
animation-range: entry 5% entry 85%;
}
.mojo-lp.lp-bes .lp-bes__kapitelteil > .lp-bes__text {
animation: lp-bes-wisch-text auto linear both;
animation-timeline: view();
animation-range: entry 18% entry 96%;
}
.mojo-lp.lp-bes--dreispur .lp-bes__kapitelteil > .lp-bes__bild { animation: none; }
}
}
@keyframes lp-bes-bildwechsel { from { opacity: 0; } to { opacity: 1; } }
@keyframes lp-bes-bildzug { from { transform: scale(1.12) translateY(3%); } to { transform: scale(1.12) translateY(-3%); } }
@supports (animation-timeline: view()) {
@media (min-width: 931px) and (prefers-reduced-motion: no-preference) {
.mojo-lp.lp-bes .lp-bes__kapitelteil { view-timeline-name: --bes-kapitel; view-timeline-axis: block; }
.mojo-lp.lp-bes:not(.lp-bes--dreispur) .lp-bes__bild > :is(img,picture) { animation: lp-bes-bildzug auto linear both; animation-timeline: --bes-kapitel; animation-range: entry 0% exit 100%; }
.mojo-lp.lp-bes--dreispur .lp-bes__layout { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1.05fr) minmax(0,.23fr); gap: var(--gap-split); align-items: start; timeline-scope: --bes-c1, --bes-c2, --bes-c3, --bes-c4, --bes-c5, --bes-c6; }
.mojo-lp.lp-bes--dreispur .lp-bes__grossspur { display: block; position: sticky; top: var(--bes-top); height: min(68svh,720px); background: var(--surface); border-radius: var(--r-card); overflow: clip; }
.mojo-lp.lp-bes--dreispur .lp-bes__grossbild { position: absolute; inset: 0; height: 100%; aspect-ratio: auto; }
.mojo-lp.lp-bes--dreispur .lp-bes__grossbild:not(:first-child) { animation: lp-bes-bildwechsel auto linear both; animation-range: entry 45% entry 95%; }
.mojo-lp.lp-bes--dreispur .lp-bes__grossbild--2 { animation-timeline: --bes-c2 !important; }
.mojo-lp.lp-bes--dreispur .lp-bes__grossbild--3 { animation-timeline: --bes-c3 !important; }
.mojo-lp.lp-bes--dreispur .lp-bes__grossbild--4 { animation-timeline: --bes-c4 !important; }
.mojo-lp.lp-bes--dreispur .lp-bes__kapitel { gap: 0; }
.mojo-lp.lp-bes--dreispur .lp-bes__kapitelteil { display: flex; flex-direction: column; justify-content: center; align-items: stretch; min-height: 76svh; padding-block: var(--sp-head); }
.mojo-lp.lp-bes--dreispur .lp-bes__kapitelteil--1 { view-timeline-name: --bes-c1; }
.mojo-lp.lp-bes--dreispur .lp-bes__kapitelteil--2 { view-timeline-name: --bes-c2; }
.mojo-lp.lp-bes--dreispur .lp-bes__kapitelteil--3 { view-timeline-name: --bes-c3; }
.mojo-lp.lp-bes--dreispur .lp-bes__kapitelteil--4 { view-timeline-name: --bes-c4; }
.mojo-lp.lp-bes--dreispur .lp-bes__mobilbild { display: none; }
.mojo-lp.lp-bes--dreispur .lp-bes__film { display: grid; grid-auto-rows: minmax(0,1fr); gap: var(--gap-grid); align-self: stretch; }
.mojo-lp.lp-bes--dreispur .lp-bes__filmbild { aspect-ratio: auto; min-height: 0; }
}
}
@media (max-width: 1100px) and (min-width: 931px) {
.mojo-lp.lp-bes--mittelspur .lp-bes__kapitelteil { gap: var(--gap-grid); }
.mojo-lp.lp-bes--dreispur .lp-bes__layout { column-gap: var(--gap-grid); }
}
@media (max-width: 930px) {
.mojo-lp.lp-bes .lp-bes__kopf { grid-template-columns: minmax(0,1fr); gap: 0; }
.mojo-lp.lp-bes .lp-bes__kopf h2 { margin-bottom: var(--sp-title) !important; text-align: left; }
.mojo-lp.lp-bes .lp-bes__kopf :is(p,.lp-eyebrow) { text-align: left; margin-inline: 0 !important; }
.mojo-lp.lp-bes .lp-bes__kopf .lp-eyebrow { justify-content: flex-start; }
.mojo-lp.lp-bes .lp-bes__kopf .lp-eyebrow::before { display: block; }
.mojo-lp.lp-bes .lp-bes__layout, .mojo-lp.lp-bes .lp-bes__kapitel { display: grid; grid-template-columns: minmax(0,1fr); gap: var(--sp-head); }
.mojo-lp.lp-bes .lp-bes__kapitelteil { display: flex; flex-direction: column; gap: var(--sp-stack); min-height: 0; padding: 0; }
.mojo-lp.lp-bes .lp-bes__bild { aspect-ratio: 4 / 3; width: 100%; order: 0; min-height: 0; }
.mojo-lp.lp-bes .lp-bes__bild[data-strebe] { align-self: auto; }
.mojo-lp.lp-bes--doppelseite .lp-bes__abschluss, .mojo-lp.lp-bes--randfilm .lp-bes__abschluss { grid-template-columns: minmax(0,1fr); row-gap: var(--sp-head); }
.mojo-lp.lp-bes--mittelspur .lp-bes__index { grid-template-columns: repeat(2, minmax(0,1fr)); }
.mojo-lp.lp-bes--mittelspur .lp-bes__feld + .lp-bes__feld { border-inline-start: 0; padding-inline-start: 0; }
.mojo-lp.lp-bes--mittelspur .lp-bes__feld:nth-child(even) { border-inline-start: 1.5px solid var(--border); padding-inline-start: 14px; }
.mojo-lp.lp-bes--mittelspur .lp-bes__feld:nth-child(n+3) { border-block-start: 1.5px solid var(--border); }
.mojo-lp.lp-bes--mittelspur .lp-bes__feld { padding-inline-end: 14px; }
.mojo-lp.mojo-lp.lp-bes--mittelspur .lp-bes__band { grid-template-columns: minmax(0,1fr) auto; gap: var(--sp-stack); }
.mojo-lp.lp-bes .lp-bes__text { display: block; padding: 0; border: 0; width: 100%; }
.mojo-lp.lp-bes--leiste .lp-bes__layout { grid-template-columns: repeat(2, minmax(0,1fr)); column-gap: var(--gap-grid); }
.mojo-lp.lp-bes--leiste .lp-bes__bild { max-width: none; }
.mojo-lp.lp-bes--leiste .lp-bes__abschluss { justify-items: start; }
.mojo-lp.lp-bes--zeile .lp-bes__kapitelteil, .mojo-lp.mojo-lp.lp-bes--zeile .lp-bes__ruf { display: grid; grid-template-columns: auto minmax(0,1fr); row-gap: var(--sp-stack); align-items: start; }
.mojo-lp.lp-bes--zeile .lp-bes__text { display: contents; }
.mojo-lp.lp-bes--zeile .lp-bes__kapitelteil > *, .mojo-lp.lp-bes--zeile .lp-bes__text > *, .mojo-lp.mojo-lp.lp-bes--zeile .lp-bes__ruf > * { grid-row: auto; }
.mojo-lp.mojo-lp.lp-bes--zeile .lp-bes__nummer, .mojo-lp.mojo-lp.lp-bes--zeile .lp-bes__text h3 { grid-row: 1; }
.mojo-lp.mojo-lp.lp-bes--zeile .lp-bes__text h3 { grid-column: 2; }
.mojo-lp.lp-bes--zeile .lp-bes__kapitelteil > .lp-bes__bild { grid-column: 1 / -1; aspect-ratio: 16 / 9; }
.mojo-lp.mojo-lp.lp-bes--zeile .lp-bes__text p { grid-column: 1 / -1; }
.mojo-lp.mojo-lp.lp-bes--zeile .lp-bes__ruf b { grid-column: 2; }
.mojo-lp.mojo-lp.lp-bes--zeile .lp-bes__ruf i { grid-column: 1 / -1; }
.mojo-lp.lp-bes--zeile .lp-bes__ruf .lp-pfeil { grid-column: 1; }
.mojo-lp.mojo-lp.lp-bes--zeile .lp-bes__kapitelteil, .mojo-lp.mojo-lp.lp-bes--zeile .lp-bes__ruf { padding-block: clamp(24px, 7vw, 34px); }
.mojo-lp.lp-bes .lp-bes__nummer { float: none; margin: 0 0 var(--sp-title); }
.mojo-lp.lp-bes .lp-bes__grossspur, .mojo-lp.lp-bes .lp-bes__film { display: none; }
.mojo-lp.lp-bes--dreispur .lp-bes__mobilbild { display: block; }
.mojo-lp.lp-bes--doppelseite .lp-bes__kapitelteil:nth-child(even) { padding-top: 0; }
.mojo-lp.lp-bes--doppelseite .lp-bes__kapitelteil:nth-child(even) .lp-bes__bild { order: 0; aspect-ratio: 4 / 3; }
.mojo-lp.lp-bes .lp-bes__abschluss { align-items: flex-start; flex-direction: column; }
.mojo-lp.lp-bes .lp-bes__abschluss .lp-btn-row { justify-content: flex-start; }
}
.mojo-lp.lp-lmt .lp-lmt__buehne { position:relative; isolation:isolate; min-width:0; view-timeline-name:--lmt-weg; view-timeline-axis:block; }
.mojo-lp.lp-lmt .lp-lmt__text { min-width:0; position:relative; z-index:2; }
.mojo-lp.lp-lmt .lp-lmt__text h3 { font-family:var(--font-head) !important; font-weight:700 !important; color:var(--text) !important; text-align:left; }
.mojo-lp.lp-lmt :is(.lp-lmt__text,.lp-lmt__abschluss) p:not(.lp-eyebrow) { color:var(--text) !important; }
.mojo-lp.lp-lmt .lp-lmt__bild { position:relative; margin:0; aspect-ratio:4/3; border-radius:0; min-width:0; overflow:hidden; background:var(--surface); }
.mojo-lp.lp-lmt .lp-lmt__bild > :is(img,picture),.mojo-lp.lp-lmt .lp-lmt__bild > picture > img { position:absolute !important; inset:0 !important; width:100% !important; height:100% !important; max-width:none !important; margin:0 !important; padding:0 !important; display:block !important; object-fit:cover !important; }
.mojo-lp.lp-lmt .lp-lmt__weg { position:absolute; inset:0; width:100%; height:100%; max-width:none; overflow:visible; z-index:1; pointer-events:none; }
.mojo-lp.lp-lmt .lp-lmt__spur { fill:none; stroke:var(--accent); stroke-opacity:.4; stroke-width:1.5; stroke-dasharray:5 7; }
.mojo-lp.lp-lmt .lp-lmt__linie { fill:none; stroke:var(--accent); stroke-width:1.5; stroke-dasharray:1000; stroke-dashoffset:1000; }
.mojo-lp.lp-lmt .lp-lmt__motiv { display:none; offset-distance:0%; offset-rotate:auto; offset-anchor:0px 0px; }
.mojo-lp.lp-lmt .lp-lmt__pfeil { fill:var(--accent); stroke:var(--bg); stroke-width:2; paint-order:stroke fill; vector-effect:non-scaling-stroke; }
.mojo-lp.lp-lmt .lp-lmt__falte { stroke:var(--bg); stroke-width:1.5; fill:none; vector-effect:non-scaling-stroke; }
.mojo-lp.lp-lmt .lp-lmt__abschluss { margin-top:var(--sp-head); padding-top:var(--sp-head); border-top:1.5px solid var(--border); display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; gap:var(--sp-stack); }
.mojo-lp.lp-lmt .lp-lmt__abschluss :is(p,.lp-btn-row) { margin:0 !important; }
.mojo-lp.lp-lmt .lp-btn--ghost:hover { color:var(--accent); border-color:var(--accent); }
.mojo-lp.lp-lmt .lp-lmt__stationen { display:grid; gap:var(--sp-head); }
.mojo-lp.lp-lmt .lp-lmt__station { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,.8fr) minmax(0,1fr); align-items:center; gap:var(--gap-grid); }
.mojo-lp.lp-lmt .lp-lmt__station .lp-lmt__bild { grid-column:1; grid-row:1; }
.mojo-lp.lp-lmt .lp-lmt__station .lp-lmt__text { grid-column:3; grid-row:1; }
.mojo-lp.lp-lmt .lp-lmt__station:nth-of-type(even) .lp-lmt__bild { grid-column:3; }
.mojo-lp.lp-lmt .lp-lmt__station:nth-of-type(even) .lp-lmt__text { grid-column:1; }
.mojo-lp.lp-lmt .lp-lmt__bogen { padding-top:var(--sp-section); }
.mojo-lp.lp-lmt .lp-lmt__bogen > .lp-lmt__weg { height:380px; }
.mojo-lp.lp-lmt .lp-lmt__bogenreihe { display:grid; grid-auto-flow:column; grid-auto-columns:minmax(0,1fr); gap:var(--gap-split); position:relative; z-index:2; }
.mojo-lp.lp-lmt .lp-lmt__bogenstueck { min-width:0; padding-top:var(--sp-head); }
.mojo-lp.lp-lmt .lp-lmt__bogenstueck .lp-lmt__bild { aspect-ratio:4/3; margin-bottom:var(--sp-head); }
@keyframes lp-lmt-reise { from { offset-distance:0%; } to { offset-distance:100%; } }
@keyframes lp-lmt-zeichnen { from { stroke-dashoffset:1000; } to { stroke-dashoffset:0; } }
@supports (animation-timeline:view()) and (offset-path:path('M0 0L1 1')) {
@media (min-width:931px) and (prefers-reduced-motion:no-preference) {
.mojo-lp.lp-lmt .lp-lmt__motiv { display:block; animation:lp-lmt-reise auto linear both; animation-timeline:--lmt-weg; animation-range:entry 20% cover 50%; }
.mojo-lp.lp-lmt .lp-lmt__linie { animation:lp-lmt-zeichnen auto linear both; animation-timeline:--lmt-weg; animation-range:entry 20% cover 50%; }
.mojo-lp.lp-lmt .lp-lmt__stationen :is(.lp-lmt__motiv,.lp-lmt__linie) { animation-range:cover 20% cover 80%; }
}
}
@media (max-width:1100px) and (min-width:931px) {
.mojo-lp.lp-lmt .lp-lmt__bogenreihe { gap:var(--gap-grid); }
}
@media (max-width:930px) {
.mojo-lp.lp-lmt .lp-lmt__text .lp-eyebrow { justify-content:flex-start; }
.mojo-lp.lp-lmt .lp-lmt__weg { display:none; }
.mojo-lp.lp-lmt .lp-lmt__station,.mojo-lp.lp-lmt .lp-lmt__bogenreihe { display:flex; flex-direction:column; gap:var(--sp-stack); align-items:stretch; grid-auto-flow:row; }
.mojo-lp.lp-lmt .lp-lmt__stationen,.mojo-lp.lp-lmt .lp-lmt__bogenreihe { gap:var(--sp-head); }
.mojo-lp.lp-lmt .lp-lmt__bogen,.mojo-lp.lp-lmt .lp-lmt__bogenstueck { padding-top:0; }
.mojo-lp.lp-lmt .lp-lmt__bogenstueck .lp-lmt__bild { margin-bottom:var(--sp-stack); }
.mojo-lp.lp-lmt .lp-lmt__abschluss { align-items:flex-start; flex-direction:column; gap:26px; }
.mojo-lp.lp-lmt .lp-lmt__abschluss .lp-btn-row { justify-content:flex-start; }
}
@property --lp-fbw-a { syntax: "<number>"; inherits: true; initial-value: 1; }
.mojo-lp.lp-fbw { position: relative; isolation: isolate; view-timeline-name: --lp-fbw; view-timeline-axis: block; }
.mojo-lp.lp-fbw * { min-width: 0; }
.mojo-lp.mojo-lp.lp-fbw .lp-fbw__text { margin: 0 !important; max-width: 56ch; }
@supports (animation-timeline: view()) {
.mojo-lp.lp-fbw {
animation-name: lp-fbw-wechsel; animation-duration: auto; animation-timing-function: linear;
animation-fill-mode: both; animation-timeline: --lp-fbw;
animation-range: cover 8% cover 52%;
}
.mojo-lp.lp-fbw--tonleiter { animation-range: contain 0% contain 100%; }
}
@keyframes lp-fbw-wechsel { from { --lp-fbw-a: 0; } to { --lp-fbw-a: 1; } }
.mojo-lp.lp-fbw--kante {
--lp-fbw-neu: var(--lp-sand);
--text: #FFFFFF; --text-muted: #FFFFFF; --accent: #FFFFFF;
--text-leise: rgba(255, 255, 255, .72);
--kante-rgb: 255, 255, 255;
--surface: #1C1C1F; --surface-2: #2A2A2E; --border: #1A1A1D;
}
.mojo-lp.lp-sand.lp-fbw--kante { --lp-fbw-neu: var(--lp-carbon); --schatten-rgb: 0, 0, 0; --kontur: rgba(255,255,255,.38); --kontur-hi: rgba(255,255,255,.85); }
.mojo-lp.lp-fbw--kante::before {
content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none;
background: var(--lp-fbw-neu);
}
.mojo-lp.lp-fbw--flut::before { clip-path: inset(calc((1 - var(--lp-fbw-a)) * 100%) 0 0 0); }
.mojo-lp.lp-fbw--grenze::before { clip-path: inset(0 calc((1 - var(--lp-fbw-a)) * 100%) 0 0); }
.mojo-lp.lp-fbw--schraege::before {
clip-path: polygon(100% calc(100% - var(--lp-fbw-a) * 230%), 100% 100%, calc(100% - var(--lp-fbw-a) * 230%) 100%);
}
.mojo-lp.lp-fbw--kante :is(h2, h3, h4, p, li, blockquote, cite, .lp-card, .lp-fbw__linie, .lp-btn--secondary, .lp-btn--ghost, .lp-num, .lp-num-label) { mix-blend-mode: difference; }
.mojo-lp.lp-fbw--kante :is(.lp-btn--primary, img, picture, video) { mix-blend-mode: normal; }
.mojo-lp.lp-fbw--kante em, .mojo-lp.lp-fbw--kante .lp-mark { color: inherit; font-weight: 600; }
.mojo-lp.lp-fbw--kante .lp-eyebrow--line::before { background: currentColor; }
.mojo-lp.lp-fbw--kante .lp-list li::before { background: currentColor; }
.mojo-lp.lp-fbw--kante .lp-list--num li::before, .mojo-lp.lp-fbw--kante ol.lp-list li::before { background: transparent; color: inherit; }
.mojo-lp.lp-fbw--kante .lp-btn--secondary, .mojo-lp.lp-fbw--kante .lp-btn--ghost { color: var(--text); border-color: rgba(var(--kante-rgb), .85); }
.mojo-lp.lp-fbw--kante .lp-btn--secondary:hover, .mojo-lp.lp-fbw--kante .lp-btn--ghost:hover { color: var(--text); border-color: rgba(var(--kante-rgb), 1); }
.mojo-lp.lp-fbw--kante .lp-btn--ghost::after { color: var(--text); }
.mojo-lp.lp-fbw--kante .lp-card:hover { transform: none; }
.mojo-lp.lp-fbw__linie { display: block; height: 1.5px; border: 0; margin: 0; background: rgba(var(--kante-rgb), .22); }
.mojo-lp.lp-fbw--flut .lp-head { text-align: center; }
.mojo-lp.lp-fbw--flut .lp-head .lp-eyebrow--line { justify-content: center; }
.mojo-lp.lp-fbw--flut .lp-head .lp-eyebrow--line::before { display: none; }
.mojo-lp.lp-fbw--flut .lp-head .lp-fbw__text { margin-inline: auto !important; }
.mojo-lp.lp-fbw--flut .lp-btn-row { justify-content: center; }
.mojo-lp .lp-fbw__paar { display: grid; grid-template-columns: minmax(0, 1fr) 1.5px minmax(0, 1fr); column-gap: var(--gap-split); align-items: start; }
.mojo-lp .lp-fbw__paar .lp-fbw__linie { height: auto; align-self: stretch; }
.mojo-lp.mojo-lp .lp-fbw__paar h3 { margin-block: 0 var(--sp-title) !important; }
.mojo-lp.mojo-lp .lp-fbw__paar .lp-list { margin-block-start: var(--sp-stack) !important; }
.mojo-lp.lp-fbw--schraege { min-height: 62vh; display: grid; align-items: center; }
.mojo-lp .lp-fbw__cta { display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(0, .7fr); column-gap: var(--gap-split); align-items: end; }
.mojo-lp .lp-fbw__kontakt { display: grid; gap: 6px; justify-items: start; }
.mojo-lp.mojo-lp .lp-fbw__kontakt p { margin: 0 !important; }
.mojo-lp.mojo-lp .lp-fbw__kontakt a { color: inherit; text-decoration: none; border-bottom: 1.5px solid rgba(var(--kante-rgb), .5); }
.mojo-lp .lp-fbw__kontakt .lp-fbw__leise { color: var(--lp-label); font-size: 11px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; }
.mojo-lp.lp-fbw--hof {
--lp-fbw-bg: color-mix(in srgb, var(--lp-carbon), var(--lp-olive) calc(var(--lp-fbw-a) * 100%));
--bg: var(--lp-fbw-bg);
--accent: color-mix(in srgb, var(--lp-gold), var(--lp-sand) calc(var(--lp-fbw-a) * 100%));
--text-leise: color-mix(in srgb, var(--lp-stone), var(--lp-sand) calc(var(--lp-fbw-a) * 100%));
--border: rgba(var(--kante-rgb), .18);
--gold-rgb: 244, 238, 225;
}
.mojo-lp.lp-fbw--tonleiter {
--t1: clamp(0, calc((var(--lp-fbw-a) - .07) * 10), 1);
--t2: clamp(0, calc((var(--lp-fbw-a) - .42) * 10), 1);
--t3: clamp(0, calc((var(--lp-fbw-a) - .76) * 10), 1);
--lp-fbw-bg: color-mix(in srgb, color-mix(in srgb, color-mix(in srgb, var(--lp-carbon), var(--lp-basalt) calc(var(--t1) * 100%)), var(--lp-olive-dk) calc(var(--t2) * 100%)), var(--lp-olive) calc(var(--t3) * 100%));
--bg: var(--lp-fbw-bg);
--accent: color-mix(in srgb, var(--lp-gold-hi), var(--lp-sand) calc(var(--t3) * 100%));
--text-leise: color-mix(in srgb, var(--lp-stone), var(--lp-sand) calc(var(--t2) * 100%));
--border: rgba(var(--kante-rgb), .18);
--gold-rgb: 244, 238, 225;
}
.mojo-lp:is(.lp-fbw--hof, .lp-fbw--tonleiter) .lp-eyebrow--line::before { background: var(--accent); }
.mojo-lp:is(.lp-fbw--hof, .lp-fbw--tonleiter) .lp-list li::before { background: var(--accent); }
.mojo-lp .lp-fbw__hof { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); column-gap: var(--gap-split); align-items: center; }
.mojo-lp .lp-fbw__bild { position: relative; aspect-ratio: 4 / 3; border-radius: var(--r-card); overflow: hidden; background: var(--lp-obsidian); }
.mojo-lp .lp-fbw__bild img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; display: block; }
.mojo-lp.lp-fbw--hof .lp-head { margin-bottom: var(--sp-stack); }
.mojo-lp .lp-fbw__leiter { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); column-gap: var(--gap-split); align-items: start; }
.mojo-lp .lp-fbw__klebe { position: sticky; top: calc(var(--klebe, 90px) + 24px); }
.mojo-lp .lp-fbw__klebe .lp-head { margin-bottom: 0; }
.mojo-lp .lp-fbw__bloecke { display: grid; }
.mojo-lp .lp-fbw__block { min-height: clamp(280px, 38vh, 440px); display: grid; align-content: center; gap: 10px; padding-block: clamp(24px, 4vh, 48px); border-top: 1.5px solid var(--border); }
.mojo-lp .lp-fbw__block:first-child { border-top: 0; }
.mojo-lp.mojo-lp .lp-fbw__block .lp-num { font-size: clamp(56px, 8vw, 128px); line-height: 1; letter-spacing: -.03em; font-weight: 700; margin: 0 !important; color: var(--text); }
.mojo-lp.mojo-lp .lp-fbw__block .lp-num sup { font-size: .4em; vertical-align: top; color: var(--accent); }
.mojo-lp.mojo-lp .lp-fbw__block .lp-fbw__leise { color: var(--lp-label); font-size: 11px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; margin: 0 !important; }
.mojo-lp.mojo-lp .lp-fbw__block .lp-fbw__text { max-width: 44ch; }
html.lp-nozeit .mojo-lp.lp-fbw { animation-name: none !important; --lp-fbw-a: 0; transition: --lp-fbw-a 2.4s cubic-bezier(.2, .7, .2, 1); }
html.lp-nozeit .mojo-lp.lp-fbw.is-auf { --lp-fbw-a: 1; }
@media (max-width: 930px) {
.mojo-lp .lp-fbw__paar { grid-template-columns: minmax(0, 1fr); row-gap: var(--sp-head); }
.mojo-lp .lp-fbw__paar .lp-fbw__linie { height: 1.5px; align-self: auto; }
.mojo-lp .lp-fbw__cta { grid-template-columns: minmax(0, 1fr); row-gap: var(--sp-head); }
.mojo-lp .lp-fbw__hof { grid-template-columns: minmax(0, 1fr); row-gap: var(--sp-head); }
.mojo-lp .lp-fbw__leiter { grid-template-columns: minmax(0, 1fr); row-gap: var(--sp-head); }
.mojo-lp .lp-fbw__klebe { position: static; }
.mojo-lp .lp-fbw__block { min-height: 0; }
.mojo-lp.mojo-lp .lp-fbw__block .lp-num { font-size: clamp(40px, 12vw, 64px); }
.mojo-lp.lp-fbw--schraege { min-height: 0; }
}
@media (prefers-reduced-motion: reduce) {
.mojo-lp.lp-fbw { animation-name: none !important; transition: none !important; --lp-fbw-a: 1; }
}
.mojo-lp.lp-abp .lp-abp__kopf { align-items: start; }
.mojo-lp.lp-abp .lp-abp__kopf h2 { margin-bottom:0 !important; }
.mojo-lp.mojo-lp.lp-abp .lp-abp__text p { color:var(--text) !important; font-size:var(--lp-t-body) !important; font-weight:var(--lp-w-body) !important; line-height:1.65 !important; }
.mojo-lp.lp-abp .lp-abp__lauf { position:relative; margin-inline:calc(-1 * var(--sp-side)); view-timeline-name:--abp-lauf; view-timeline-axis:block; }
.mojo-lp.lp-abp .lp-abp__buehne { position:relative; }
.mojo-lp.lp-abp .lp-abp__bild { position:relative; margin:0; aspect-ratio:16/9; background:var(--surface); }
.mojo-lp.lp-abp .lp-abp__ganz,.mojo-lp.lp-abp .lp-abp__haelfte { position:absolute; inset:0; margin:0; }
.mojo-lp.lp-abp .lp-abp__haelfte { display:none; }
.mojo-lp.lp-abp .lp-abp__bild :is(img,picture),.mojo-lp.lp-abp .lp-abp__bild picture > img { position:absolute !important; inset:0 !important; display:block !important; width:100% !important; height:100% !important; max-width:none !important; margin:0 !important; padding:0 !important; object-fit:cover !important; object-position:50% 50%; border-radius:0 !important; }
.mojo-lp.lp-abp .lp-abp__schluss { margin-top:var(--lp-nach-lauf); }
.mojo-lp.lp-abp .lp-abp__paar { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:clamp(28px,4vw,68px); }
.mojo-lp.lp-abp .lp-abp__seite + .lp-abp__seite { border-inline-start:1.5px solid var(--border); padding-inline-start:clamp(28px,4vw,68px); }
.mojo-lp.lp-abp .lp-abp__seite { text-align:center; }
.mojo-lp.mojo-lp.lp-abp .lp-abp__seite h3 {
font-family:var(--font-head) !important; font-size:var(--lp-t-h3) !important;
line-height:1.25 !important; letter-spacing:-.015em;
color:var(--text) !important; margin:0 0 var(--sp-title) !important;
}
.mojo-lp.mojo-lp.lp-abp .lp-abp__seite p {
margin:0 auto !important; color:var(--text); max-width:40ch;
font-size:var(--lp-t-body) !important; font-weight:var(--lp-w-body) !important; line-height:1.65 !important;
}
.mojo-lp.lp-abp .lp-abp__fuss {
margin-top:clamp(26px,3.6vh,46px); padding-top:clamp(22px,3vh,34px);
border-top:1.5px solid var(--border); display:flex; justify-content:center;
}
.mojo-lp.mojo-lp.lp-abp .lp-abp__fuss .lp-btn-row { margin:0; justify-content:center; }
.mojo-lp.lp-abp .lp-btn--ghost:hover { color:var(--accent); border-color:var(--accent); }
@keyframes lp-abp-links { from { transform:translateY(14%); clip-path:inset(0 calc(50% + 5px) 0 0); } 55%,to { transform:none; clip-path:inset(0 50% 0 0); } }
@keyframes lp-abp-rechts { from { transform:translateY(-14%); clip-path:inset(0 0 0 calc(50% + 5px)); } 55%,to { transform:none; clip-path:inset(0 0 0 50%); } }
@keyframes lp-abp-weite { 0%,55% { margin-inline:calc(var(--sp-side) + 8vw); } 100% { margin-inline:0; } }
@keyframes lp-abp-original { 0%,55% { opacity:0; } 56%,100% { opacity:1; } }
@supports (animation-timeline:view()) {
@media (min-width:931px) and (prefers-reduced-motion:no-preference) {
.mojo-lp.lp-abp .lp-abp__lauf { height:195svh; padding-block-start:4.8svh; }
.mojo-lp.lp-abp .lp-abp__buehne { position:sticky; top:calc(var(--klebe, 0px) + 10svh); height:calc(80svh - var(--klebe, 0px)); display:grid; align-items:center; }
.mojo-lp.lp-abp .lp-abp__bild { height:70svh; aspect-ratio:auto; background:transparent; animation:lp-abp-weite auto linear both; animation-timeline:--abp-lauf; animation-range:contain 0% contain 100%; }
.mojo-lp.lp-abp .lp-abp__haelfte { display:block; animation:lp-abp-links auto linear both; animation-timeline:--abp-lauf; animation-range:contain 0% contain 100%; }
.mojo-lp.lp-abp .lp-abp__haelfte--rechts { animation-name:lp-abp-rechts; }
.mojo-lp.lp-abp .lp-abp__ganz { z-index:2; animation:lp-abp-original auto linear both; animation-timeline:--abp-lauf; animation-range:contain 0% contain 100%; }
}
}
@media (max-width:930px) {
.mojo-lp.lp-abp .lp-abp__paar { grid-template-columns:minmax(0,1fr); gap:var(--sp-stack); }
.mojo-lp.lp-abp .lp-abp__kopf :is(h2,p,.lp-eyebrow) { text-align:left; margin-inline:0 !important; }
.mojo-lp.lp-abp .lp-abp__seite + .lp-abp__seite { border-inline-start:0; padding-inline-start:0; border-block-start:1.5px solid var(--border); padding-block-start:clamp(18px,3vh,28px); }
.mojo-lp.lp-abp .lp-abp__seite { text-align:left; }
.mojo-lp.mojo-lp.lp-abp .lp-abp__seite p { margin-inline:0 !important; max-width:none; }
.mojo-lp.lp-abp .lp-abp__fuss { justify-content:center; }
.mojo-lp.mojo-lp.lp-abp .lp-abp__fuss .lp-btn-row { justify-content:center; }
.mojo-lp.lp-abp .lp-abp__bild { aspect-ratio:4/3; }
}
.mojo-lp.lp-lou .lp-lou__kopf { align-items: start; }
.mojo-lp.lp-lou .lp-lou__kopf h2 { margin-bottom:0 !important; }
.mojo-lp.lp-lou .lp-lou__text { min-width:0; }
.mojo-lp.mojo-lp.lp-lou .lp-lou__text p { color:var(--text) !important; font-size:var(--lp-t-body) !important; font-weight:var(--lp-w-body) !important; line-height:1.65 !important; }
.mojo-lp.mojo-lp .lp-adh__text { font-size:var(--lp-t-body); font-weight:var(--lp-w-body); line-height:1.65; }
.mojo-lp.lp-lou .lp-lou__schluss { margin-top:var(--lp-nach-lauf); }
.mojo-lp.lp-lou--hof .lp-lou__zahlen { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:clamp(20px,3vw,48px); }
.mojo-lp.lp-lou--hof .lp-lou__wert { border-block-start:1.5px solid var(--border); padding-block-start:clamp(14px,2vh,22px); }
.mojo-lp.mojo-lp.lp-lou--hof .lp-lou__zahl { display:block; margin:0 0 6px !important; font-size:clamp(34px,4.6vw,76px); font-weight:800 !important; line-height:1.02 !important; letter-spacing:-.03em; font-feature-settings:"tnum" 1; color:var(--text); }
.mojo-lp.mojo-lp.lp-lou--hof .lp-lou__zahl .lp-zaehler { display:inline; }
.mojo-lp.lp-lou--hof .lp-lou__wert { text-align:center; }
.mojo-lp.mojo-lp.lp-lou--hof .lp-lou__wort { display:block; margin:0 !important; font-size:11px; font-weight:700; letter-spacing:.14em; text-transform:uppercase; line-height:1.65 !important; color:var(--lp-sand); }
.mojo-lp.mojo-lp.lp-lou--hof .lp-lou__schluss .lp-btn-row { justify-content:center; margin:clamp(24px,3.4vh,44px) 0 0; }
.mojo-lp.lp-lou--tor .lp-lou__schluss { display:grid; }
.mojo-lp.mojo-lp.lp-lou--tor .lp-lou__vorspann { margin:0 0 clamp(14px,2vh,22px) !important; max-width:52ch; color:var(--text); font-size:var(--lp-t-body); font-weight:var(--lp-w-body); line-height:1.65; }
.mojo-lp.lp-lou--tor .lp-lou__rufe { display:grid; }
.mojo-lp.mojo-lp.lp-lou--tor .lp-lou__ruf {
display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center;
gap:clamp(16px,2.4vw,40px);
padding-block:clamp(18px,2.6vw,32px);
border-block-start:1.5px solid var(--border);
text-decoration:none; color:var(--text); background:none;
}
.mojo-lp.mojo-lp.lp-lou--tor .lp-lou__ruf:last-of-type { border-block-end:1.5px solid var(--border); }
.mojo-lp.mojo-lp.lp-lou--tor .lp-lou__ruf b {
display:block; font-size:clamp(24px,3.2vw,52px); font-weight:600;
line-height:1.12 !important; letter-spacing:-.02em; color:inherit;
}
.mojo-lp.mojo-lp.lp-lou--tor .lp-lou__ruf i {
display:block; font-style:normal; margin-top:6px;
font-size:11px; font-weight:700; letter-spacing:.14em; text-transform:uppercase;
line-height:1.65 !important; color:var(--lp-sand);
}
.mojo-lp.lp-lou--tor .lp-lou__pfeil {
position:relative; display:grid; place-items:center;
width:clamp(38px,3.4vw,58px); height:clamp(38px,3.4vw,58px);
border-radius:var(--r-round); flex-shrink:0;
box-shadow:inset 0 0 0 1.5px color-mix(in srgb, var(--lp-gold) 55%, transparent);
transition:box-shadow 240ms var(--ease), background 240ms var(--ease);
}
.mojo-lp.lp-lou--tor .lp-lou__pfeil::before {
content:"\2192"; font-size:clamp(20px,1.9vw,30px); line-height:1;
color:var(--lp-gold); font-weight:400;
transition:transform 240ms var(--ease), color 240ms var(--ease);
}
.mojo-lp.mojo-lp.lp-lou--tor .lp-lou__ruf:hover .lp-lou__pfeil, .mojo-lp.mojo-lp.lp-lou--tor .lp-lou__ruf:focus-visible .lp-lou__pfeil {
background:var(--lp-gold); box-shadow:inset 0 0 0 1.5px var(--lp-gold);
}
.mojo-lp.mojo-lp.lp-lou--tor .lp-lou__ruf:hover .lp-lou__pfeil::before, .mojo-lp.mojo-lp.lp-lou--tor .lp-lou__ruf:focus-visible .lp-lou__pfeil::before { color:var(--lp-carbon); transform:translateX(4px); }
.mojo-lp.mojo-lp.lp-lou--tor .lp-lou__ruf:hover b { color:var(--lp-gold); }
@media (prefers-reduced-motion: reduce) {
.mojo-lp.lp-lou--tor :is(.lp-lou__pfeil, .lp-lou__pfeil::before) { transition:none; }
}
.mojo-lp.lp-lou--staffel .lp-lou__register { display:grid; }
.mojo-lp.lp-lou--staffel .lp-lou__zeile { display:grid; grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) auto; gap:clamp(12px,1.6vw,24px); align-items:baseline; padding-block:clamp(14px,1.7vw,20px); border-block-start:1.5px solid var(--border); }
.mojo-lp.lp-lou--staffel .lp-lou__zeile:last-of-type { border-block-end:1.5px solid var(--border); }
.mojo-lp.mojo-lp.lp-lou--staffel .lp-lou__was { display:block; font-size:clamp(17px,1.5vw,23px); font-weight:600; line-height:1.2 !important; letter-spacing:-.01em; margin:0 !important; color:var(--text); }
.mojo-lp.mojo-lp.lp-lou--staffel .lp-lou__wo { display:block; margin:0 !important; color:var(--lp-sand); }
.mojo-lp.mojo-lp.lp-lou--staffel .lp-lou__jahr { display:block; font-size:11px; font-weight:700; letter-spacing:.14em; text-transform:uppercase; line-height:1.65 !important; color:var(--accent); margin:0 !important; }
.mojo-lp.mojo-lp.lp-lou--staffel .lp-lou__schluss .lp-btn-row { margin:clamp(22px,3vh,38px) 0 0; }
.mojo-lp.lp-lou .lp-lou__lauf { position:relative; view-timeline-name:--lou-lauf; view-timeline-axis:block; }
.mojo-lp.lp-lou .lp-lou__collage { position:relative; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:var(--gap-grid); }
.mojo-lp.lp-lou .lp-lou__foto { position:relative; margin:0; overflow:hidden; aspect-ratio:4/3; background:var(--surface); }
.mojo-lp.lp-lou .lp-lou__haupt { grid-column:1/-1; aspect-ratio:16/9; }
.mojo-lp.lp-lou .lp-lou__foto :is(img,picture),.mojo-lp.lp-lou .lp-lou__foto picture > img { position:absolute !important; inset:0 !important; display:block !important; width:100% !important; height:100% !important; max-width:none !important; margin:0 !important; padding:0 !important; object-fit:cover !important; object-position:50% 50%; border-radius:0 !important; }
.mojo-lp.lp-lou .lp-btn--ghost:hover { color:var(--accent); border-color:var(--accent); }
.mojo-lp.lp-lou--tor .lp-lou__kopf { display:flex; flex-direction:column; align-items:center; text-align:center; gap:var(--sp-stack); }
.mojo-lp.lp-lou--tor .lp-lou__kopf .lp-eyebrow { justify-content:center; }
.mojo-lp.lp-lou--tor .lp-lou__kopf .lp-lou__text { max-width:54ch; }
@keyframes lp-lou-hof { from { transform:scale(.56); } 85%,to { transform:scale(1); } }
@keyframes lp-lou-tor { from { clip-path:inset(8% 34%); } 85%,to { clip-path:inset(0); } }
@keyframes lp-lou-staffel { from { clip-path:inset(0 34% 52% 34%); } 18% { clip-path:inset(0 34% 52% 34%); } 90%,to { clip-path:inset(0); } }
@keyframes lp-lou-weichen { from { transform:translate(0,0); opacity:1; } 65% { opacity:1; } to { transform:translate(var(--lou-dx),var(--lou-dy)); opacity:0; } }
@supports (animation-timeline:view()) {
@media (min-width:931px) and (prefers-reduced-motion:no-preference) {
.mojo-lp.lp-lou .lp-lou__lauf { height:200svh; margin-inline:calc(-1 * var(--sp-side)); }
.mojo-lp.lp-lou .lp-lou__buehne { position:sticky; top:calc(var(--klebe, 0px) + 9svh); height:calc(82svh - var(--klebe, 0px)); display:grid; align-items:center; overflow:clip; }
.mojo-lp.lp-lou .lp-lou__collage { display:block; height:76svh; isolation:isolate; }
.mojo-lp.lp-lou .lp-lou__foto { position:absolute; aspect-ratio:auto; }
.mojo-lp.lp-lou .lp-lou__haupt { inset:0; z-index:2; animation:lp-lou-hof auto linear both; animation-timeline:--lou-lauf; animation-range:contain 0% contain 100%; }
.mojo-lp.lp-lou .lp-lou__neben { z-index:1; left:var(--lou-x); top:var(--lou-y); width:var(--lou-w); height:var(--lou-h); animation:lp-lou-weichen auto linear both; animation-timeline:--lou-lauf; animation-range:contain 0% contain 85%; }
.mojo-lp.lp-lou--hof .lp-lou__neben--1 { --lou-x:3%; --lou-y:4%; --lou-w:20%; --lou-h:30%; --lou-dx:-30vw; --lou-dy:-24svh; }
.mojo-lp.lp-lou--hof .lp-lou__neben--2 { --lou-x:2%; --lou-y:64%; --lou-w:19%; --lou-h:34%; --lou-dx:-28vw; --lou-dy:28svh; }
.mojo-lp.lp-lou--hof .lp-lou__neben--3 { --lou-x:80%; --lou-y:1%; --lou-w:18%; --lou-h:37%; --lou-dx:28vw; --lou-dy:-28svh; }
.mojo-lp.lp-lou--hof .lp-lou__neben--4 { --lou-x:79%; --lou-y:68%; --lou-w:20%; --lou-h:28%; --lou-dx:30vw; --lou-dy:24svh; }
.mojo-lp.lp-lou--tor .lp-lou__haupt { animation-name:lp-lou-tor; }
.mojo-lp.lp-lou--tor .lp-lou__neben--1 { --lou-x:3%; --lou-y:8%; --lou-w:28%; --lou-h:84%; --lou-dx:-40vw; --lou-dy:0px; }
.mojo-lp.lp-lou--tor .lp-lou__neben--2 { --lou-x:69%; --lou-y:8%; --lou-w:28%; --lou-h:84%; --lou-dx:40vw; --lou-dy:0px; }
.mojo-lp.lp-lou--staffel .lp-lou__haupt { animation-name:lp-lou-staffel; }
.mojo-lp.lp-lou--staffel .lp-lou__neben { --lou-w:32%; --lou-h:48%; --lou-dx:0px; }
.mojo-lp.lp-lou--staffel .lp-lou__neben--1 { --lou-x:0%; --lou-y:0%; --lou-dy:-85svh; animation-range:contain 0% contain 60%; }
.mojo-lp.lp-lou--staffel .lp-lou__neben--2 { --lou-x:68%; --lou-y:0%; --lou-dy:-85svh; animation-range:contain 12% contain 72%; }
.mojo-lp.lp-lou--staffel .lp-lou__neben--3 { --lou-x:0%; --lou-y:52%; --lou-dy:85svh; animation-range:contain 8% contain 68%; }
.mojo-lp.lp-lou--staffel .lp-lou__neben--4 { --lou-x:34%; --lou-y:52%; --lou-dy:85svh; animation-range:contain 16% contain 76%; }
.mojo-lp.lp-lou--staffel .lp-lou__neben--5 { --lou-x:68%; --lou-y:52%; --lou-dy:85svh; animation-range:contain 24% contain 84%; }
}
}
@media (max-width:930px) {
.mojo-lp.lp-lou .lp-lou__kopf { display:flex; flex-direction:column; align-items:stretch; gap:var(--sp-stack); text-align:left; }
.mojo-lp.lp-lou .lp-lou__kopf :is(h2,p,.lp-eyebrow) { text-align:left; margin-inline:0 !important; }
.mojo-lp.lp-lou .lp-lou__kopf .lp-eyebrow { justify-content:flex-start; }
.mojo-lp.lp-lou .lp-lou__kopf .lp-lou__text { max-width:none; }
.mojo-lp.lp-lou .lp-lou__haupt { aspect-ratio:4/3; }
.mojo-lp.lp-lou .lp-lou__neben:last-child:nth-child(even) { grid-column:1/-1; aspect-ratio:16/9; }
.mojo-lp.lp-lou--hof .lp-lou__zahlen { grid-template-columns:repeat(3,minmax(0,1fr)); gap:clamp(14px,3vw,24px); }
.mojo-lp.lp-lou--staffel .lp-lou__zeile { grid-template-columns:minmax(0,1fr); gap:4px; }
.mojo-lp.mojo-lp.lp-lou .lp-lou__schluss .lp-btn-row { justify-content:flex-start; }
.mojo-lp.mojo-lp.lp-lou--tor .lp-lou__ruf b { font-size:clamp(22px,6.4vw,32px); }
}
.mojo-lp.lp-pxc { --pxc-hover:color-mix(in srgb,var(--bg) 94%,var(--text) 6%); }
.mojo-lp.lp-pxc.lp-olive { --pxc-hover:color-mix(in srgb,var(--bg) 94%,var(--lp-carbon) 6%); }
.mojo-lp.lp-pxc .lp-pxc__kopf { display:flex; align-items:end; justify-content:space-between; gap:var(--gap-grid); }
.mojo-lp.lp-pxc .lp-pxc__kopf h2 { margin-bottom:0 !important; }
.mojo-lp.lp-pxc .lp-pxc__verbund { gap:1px; background:var(--border); border:1px solid var(--border); }
.mojo-lp.lp-pxc .lp-pxc__verbund > .lp-card { background:var(--bg); border:0; border-radius:0; min-width:0; gap:var(--sp-stack); transition:background-color var(--t-ui) var(--ease); }
.mojo-lp.lp-pxc .lp-card h3 { font:inherit !important; font-weight:700 !important; color:var(--text) !important; }
.mojo-lp.lp-pxc :is(.lp-card p:not(.lp-eyebrow),.lp-list li,td,dd,dt,summary,textarea,legend) { font-size:inherit !important; line-height:inherit !important; color:var(--text) !important; }
.mojo-lp.lp-pxc :is(.lp-card p,.lp-list li,td,dd,dt) { text-align:left; }
.mojo-lp.lp-pxc .lp-card .lp-btn-row { justify-content:flex-start; margin:0; }
.mojo-lp.lp-pxc .lp-pxc__verbund > .lp-card:focus-within { background:var(--pxc-hover); }
.mojo-lp.lp-pxc :is(a,button,input,summary,textarea):focus-visible { outline:2px solid var(--accent); outline-offset:4px; }
.mojo-lp.lp-pxc .lp-btn--ghost:hover { color:var(--accent); border-color:var(--accent); }
@media (hover:hover) and (pointer:fine) {
.mojo-lp.lp-pxc .lp-pxc__verbund > .lp-card:hover { background:var(--pxc-hover); }
.mojo-lp.lp-pxc .lp-pxc__matrix tbody tr:hover > :is(th,td) { background:var(--pxc-hover) !important; }
}
.mojo-lp.lp-pxc .lp-pxc__leistungen { grid-template-columns:repeat(3,minmax(0,1fr)); }
.mojo-lp.lp-pxc .lp-pxc__verbund > .lp-card.lp-pxc__auftakt { grid-row:span 2; justify-content:center; row-gap: 0; }
.mojo-lp.mojo-lp.lp-pxc .lp-pxc__auftakt .lp-eyebrow { margin-block-end: 10px !important; }
.mojo-lp.mojo-lp.lp-pxc .lp-pxc__auftakt h2 { margin-bottom: var(--sp-title) !important; }
.mojo-lp.lp-pxc .lp-pxc__auftakt h2 { margin-bottom:0 !important; }
.mojo-lp.lp-pxc .lp-pxc__fuss { display:flex; align-items:center; justify-content:space-between; gap:var(--gap-grid); margin-top:var(--sp-head); }
.mojo-lp.lp-pxc .lp-pxc__fuss > p { margin:0 !important; font-size:inherit !important; line-height:inherit !important; color:var(--text) !important; text-align:left; }
.mojo-lp.lp-pxc .lp-pxc__matrix { table-layout:fixed; }
.mojo-lp.lp-pxc .lp-pxc__matrix :is(th,td) { width:auto; padding:var(--sp-stack) !important; text-align:left !important; vertical-align:top; overflow-wrap:anywhere; border:1px solid var(--border) !important; background:var(--bg) !important; color:var(--text) !important; transition:background-color var(--t-ui) var(--ease); }
.mojo-lp.lp-pxc .lp-pxc__matrix thead th { background:var(--surface) !important; font-weight:700 !important; }
.mojo-lp.lp-pxc .lp-pxc__matrix tbody th { font-weight:700 !important; }
.mojo-lp.lp-pxc .lp-pxc__matrix td::before { display:none; }
.mojo-lp.lp-pxc .lp-pxc__projekt { grid-template-columns:repeat(2,minmax(0,1fr)); }
.mojo-lp.lp-pxc .lp-pxc__foto { position:relative; grid-row:span 2; padding:0; min-height:320px; overflow:hidden; margin:0; }
.mojo-lp.lp-pxc .lp-pxc__foto :is(img,picture),.mojo-lp.lp-pxc .lp-pxc__foto picture > img { position:absolute !important; inset:0 !important; width:100% !important; height:100% !important; max-width:none !important; margin:0 !important; padding:0 !important; display:block !important; object-fit:cover !important; object-position:58% 50%; border-radius:0 !important; }
.mojo-lp.lp-pxc .lp-pxc__daten { display:grid; gap:var(--sp-title); margin:0; }
.mojo-lp.lp-pxc .lp-pxc__daten > div { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.2fr); gap:var(--sp-title); }
.mojo-lp.lp-pxc .lp-pxc__daten dt { font-weight:700; }
.mojo-lp.lp-pxc .lp-pxc__daten dd { margin:0; }
.mojo-lp.lp-pxc .lp-pxc__ablauf { grid-template-columns:repeat(4,minmax(0,1fr)); padding:0; margin:0; list-style:none; }
.mojo-lp.lp-pxc .lp-pxc__ablauf > li { margin:0; list-style:none; }
.mojo-lp.lp-pxc .lp-pxc__ablauf .lp-pxc__daten > div { grid-template-columns:minmax(0,1fr); gap:0; }
.mojo-lp.lp-pxc .lp-pxc__details summary { cursor:pointer; font-weight:700; padding-block:var(--sp-title); }
.mojo-lp.lp-pxc .lp-pxc__details[open] summary { margin-bottom:var(--sp-title); }
.mojo-lp.lp-pxc [hidden] { display:none !important; }
@media (max-width:1200px) {
.mojo-lp.lp-pxc .lp-pxc__ablauf { grid-template-columns:repeat(2,minmax(0,1fr)); }
.mojo-lp.lp-pxc .lp-pxc__leistungen { grid-template-columns:repeat(2,minmax(0,1fr)); }
.mojo-lp.lp-pxc .lp-pxc__auftakt { grid-column:1/-1; grid-row:auto; }
}
@media (max-width:930px) {
.mojo-lp.lp-pxc .lp-pxc__kopf,.mojo-lp.lp-pxc .lp-pxc__fuss { flex-direction:column; align-items:flex-start; }
.mojo-lp.lp-pxc .lp-pxc__kopf h2,.mojo-lp.lp-pxc .lp-pxc__auftakt h2,.mojo-lp.lp-pxc .lp-head h2 { text-align:left; margin-inline:0 !important; }
.mojo-lp.lp-pxc .lp-pxc__projekt { grid-template-columns:minmax(0,1fr); }
.mojo-lp.lp-pxc .lp-pxc__foto { grid-row:auto; min-height:0; aspect-ratio:4/3; }
}
@media (max-width:600px) {
.mojo-lp.lp-pxc .lp-pxc__daten > div { grid-template-columns:minmax(0,1fr); gap:0; }
}
@media (prefers-reduced-motion:reduce) {
.mojo-lp.lp-pxc .lp-pxc__verbund > .lp-card,.mojo-lp.lp-pxc .lp-pxc__matrix :is(th,td) { transition:none; }
}
.mojo-lp { --lp-h2-kante: calc(11px * 1.65 + 10px); }
.mojo-lp .lp-split { align-items: start; }
.mojo-lp .lp-split:has(.lp-eyebrow) > .lp-split__media { margin-top: var(--lp-h2-kante); }
.mojo-lp .lp-sbl__text, .mojo-lp .lp-smk__text { align-self: start; }
.mojo-lp .lp-sbl:has(.lp-eyebrow) > .lp-sbl__motiv { margin-top: var(--lp-h2-kante); }
.mojo-lp .lp-smk:has(.lp-eyebrow) > .lp-smk__bildraster { margin-top: var(--lp-h2-kante); }
.mojo-lp .lp-wwl { align-items: start; }
.mojo-lp .lp-wwl:has(.lp-eyebrow) > .lp-wwl__bilder { margin-top: var(--lp-h2-kante); }
.mojo-lp.lp-msk--weich .lp-msk__lage:has(.lp-eyebrow) > :has(> .lp-msk__bild) { margin-top: var(--lp-h2-kante); }
.mojo-lp.lp-wsl--register .lp-wsl__buehne:has(.lp-eyebrow) > .lp-wsl__bilder { margin-top: var(--lp-h2-kante); }
.mojo-lp .lp-fbw__hof { align-items: start; }
.mojo-lp .lp-fbw__hof:has(.lp-eyebrow) > .lp-fbw__bild { margin-top: var(--lp-h2-kante); }
@media (max-width: 930px) {
.mojo-lp.mojo-lp.mojo-lp .lp-split > .lp-split__media, .mojo-lp.mojo-lp.mojo-lp .lp-sbl > .lp-sbl__motiv, .mojo-lp.mojo-lp.mojo-lp .lp-smk > .lp-smk__bildraster, .mojo-lp.mojo-lp.mojo-lp .lp-wwl > .lp-wwl__bilder, .mojo-lp.mojo-lp.mojo-lp.lp-msk--weich .lp-msk__lage > :has(> .lp-msk__bild), .mojo-lp.mojo-lp.mojo-lp.lp-wsl--register .lp-wsl__buehne > .lp-wsl__bilder, .mojo-lp.mojo-lp.mojo-lp .lp-fbw__hof > .lp-fbw__bild { margin-top: 0 !important; }
}
.mojo-lp.mojo-lp.lp-bes .lp-bes__text h3, .mojo-lp.mojo-lp.lp-lmt .lp-lmt__text h3, .mojo-lp.mojo-lp.lp-pxc .lp-card h3, .mojo-lp.mojo-lp.lp-eta--ziffer .lp-eta__schritt h3, .mojo-lp.mojo-lp.lp-eta--pegel .lp-eta__schritt h3, .mojo-lp.mojo-lp.lp-adh--schritte .lp-adh__schritte li h3, .mojo-lp.mojo-lp.lp-adh--treppe .lp-adh__stufe h3 {
font-size: clamp(18px, 1.8vw, 26px) !important;
line-height: 1.25 !important;
letter-spacing: -.01em !important;
}
.mojo-lp.mojo-lp.lp-adh--schritte .lp-adh__schritte li h3, .mojo-lp.mojo-lp.lp-adh--treppe .lp-adh__stufe h3 {
font-size: var(--lp-t-h3) !important;
line-height: 1.25 !important;
}
.mojo-lp.mojo-lp.lp-bes .lp-bes__text h3 { font-size: var(--lp-t-h3) !important; font-weight: 700 !important; }
@media (max-width: 930px) {
.mojo-lp.mojo-lp .lp-adh__schritte li :is(h3, p), .mojo-lp.mojo-lp .lp-adh__stufe :is(h3, p), .mojo-lp.mojo-lp .lp-fbw__block :is(h3, p), .mojo-lp.mojo-lp .lp-lmt__text :is(.lp-eyebrow, h3, p) { text-align: left; margin-inline: 0; }
.mojo-lp.mojo-lp.mojo-lp .lp-chp__station :is(h3, p) { text-align: center; margin-inline: auto; }
.mojo-lp .lp-lmt__text .lp-eyebrow--line { justify-content: flex-start; }
.mojo-lp .lp-lmt__text .lp-eyebrow--line::before { display: block; }
}
.mojo-lp.mojo-lp.mojo-lp :is(.lp-trustbar__label, .lp-trustbar__badge, .lp-hs__navnum, .lp-ps__kat, .lp-ps__badge, .lp-plist__kat, .lp-pfad__tag, .lp-vgl__label, .lp-warum .lp-num-label, .lp-warum__tag, .lp-cring__einheit, .lp-ctak__tag, .lp-dbl__wink, .lp-abr__phase, .lp-abr__tag, .lp-abd__tag, .lp-abz__tag, .lp-ezf__nr, .lp-sto__rolle, .lp-sto__kontakt i, .lp-stoa__schild i, .lp-lsm__hinweis, .lp-lsq__kante), .mojo-lp-schau__inhalt :is(.lp-sto__kontakt i, .lp-sto__rolle) { font-size: 11px; }
.mojo-lp.lp-pxc .lp-pxc__verbund { gap:var(--gap-grid); background:transparent; border:0; }
.mojo-lp.lp-pxc .lp-pxc__verbund > .lp-card { border:1px solid var(--border); border-radius:var(--r-card); }
.mojo-lp.lp-rx { view-timeline-name:--rx-section; view-timeline-axis:block; }.mojo-lp.lp-rx .lp-rx-photo { position:relative; margin:0; min-width:0; overflow:hidden; border-radius:var(--r-card); background:var(--surface-2); }
.mojo-lp.lp-rx .lp-rx-photo :is(img,picture),.mojo-lp.lp-rx .lp-rx-photo picture > img { position:absolute !important; inset:0 !important; width:100% !important; height:100% !important; max-width:none !important; margin:0 !important; padding:0 !important; display:block !important; object-fit:cover !important; border-radius:0 !important; }
.mojo-lp.lp-rx :is(p,li,dt,dd,summary) { color:var(--text); }
.mojo-lp.lp-rx p { line-height:1.65 !important; }
.mojo-lp.lp-rx :is(.lp-rx-data,.lp-rx-notes) { margin:0; }
.mojo-lp.lp-rx .lp-rx-data { display:grid; gap:var(--sp-stack); }
.mojo-lp.mojo-lp.lp-rx .lp-rx-data dt { font-weight:700; margin-bottom:4px; font-size: var(--lp-t-body); line-height: 1.65 !important; }
.mojo-lp.mojo-lp.lp-rx .lp-rx-data dd { margin:0; font-size: var(--lp-t-body); line-height: 1.65 !important; }
.mojo-lp.lp-rx .lp-rx-foot { display:flex; gap:var(--sp-stack); justify-content:space-between; align-items:center; padding-top:var(--sp-head); }
.mojo-lp.lp-rx .lp-rx-foot p { margin-bottom:0 !important; }.mojo-lp.lp-rx :is(.lp-rx-index, .lp-rx-caption) { font-size:11px; font-weight:700; letter-spacing:.04em; }
.mojo-lp.lp-rx .lp-rx-index { color:var(--accent); }
.mojo-lp.lp-rx .lp-rx-caption { line-height:1.6 !important; }
.mojo-lp.lp-rx summary { cursor:pointer; list-style:none; }
.mojo-lp.lp-rx summary::-webkit-details-marker { display:none; }
.mojo-lp.lp-rx summary:focus-visible,.mojo-lp.lp-rx .lp-rx-window__menu a:focus-visible { outline:2px solid var(--focus); outline-offset:5px; border-radius:var(--r-ui); }
.mojo-lp.lp-rx .lp-rx-window { position:relative; min-height:610px; padding:var(--sp-head); display:flex; align-items:center; isolation:isolate; }
.mojo-lp.lp-rx .lp-rx-window__photo { position:absolute; inset:0; }
.mojo-lp.lp-rx .lp-rx-window__photo::after { content:""; position:absolute; inset:0; background:linear-gradient(0deg,rgba(var(--bild-rgb),.7),transparent 50%); }
.mojo-lp.lp-rx .lp-rx-window__menu { z-index:1; position:relative; width:min(420px,44%); padding:var(--sp-head); background:var(--bg); border-radius:var(--r-card); gap:var(--sp-stack); }
.mojo-lp.lp-rx .lp-rx-window__menu nav { display:grid; width:100%; }
.mojo-lp.lp-rx .lp-rx-window__menu nav a { display:grid; grid-template-columns:22px minmax(0,1fr) 16px; align-items:center; gap:var(--sp-title); padding:var(--sp-stack) 0; border-bottom:1px solid rgba(var(--kante-rgb),.18); color:var(--text); text-decoration:none; min-height:56px; }
.mojo-lp.lp-rx .lp-rx-window__menu nav a:hover { color:var(--accent); }
.mojo-lp.lp-rx .lp-rx-window__menu nav a span { font-size:11px; }
.mojo-lp.lp-rx .lp-rx-window__menu p { margin:0 !important; }
.mojo-lp.lp-rx .lp-rx-window__menu .lp-btn-row { margin-top:0; }
.mojo-lp.lp-rx .lp-rx-window__label { position:absolute; right:var(--sp-head); bottom:var(--sp-head); color:var(--auf-bild); text-align:right; font-size:11px; font-weight:700; line-height:1.8; letter-spacing:.06em; }
.mojo-lp.lp-rx .lp-rx-register { border-top:1px solid rgba(var(--kante-rgb),.24); }
.mojo-lp.lp-rx .lp-rx-register__row { border-bottom:1px solid rgba(var(--kante-rgb),.24); }
.mojo-lp.lp-rx .lp-rx-register__row > .lp-rx-register__zeile { display:grid; grid-template-columns:40px minmax(0,1.1fr) minmax(0,.8fr) minmax(140px,.8fr); gap:var(--gap-grid); align-items:center; padding:var(--gap-grid) 0; }
.mojo-lp.lp-rx .lp-rx-register__row h3 { margin:0 !important; }
.mojo-lp.lp-rx .lp-rx-register__row .lp-rx-photo { height:116px; }
.mojo-lp.lp-rx .lp-rx-process { display:grid; grid-template-columns:1.14fr 1fr .92fr; gap:var(--gap-split); list-style:none; padding:0; margin:0; }
.mojo-lp.lp-rx .lp-rx-process__step { list-style:none; margin:0; padding:0; min-width:0; }
.mojo-lp.lp-rx .lp-rx-process__step--2 { padding-top:clamp(60px,8vw,120px); }
.mojo-lp.lp-rx .lp-rx-process__step--3 { padding-top:clamp(20px,3vw,48px); }
.mojo-lp.lp-rx .lp-rx-process__title { display:flex; align-items:center; justify-content:space-between; gap:var(--sp-title); border-top:1px solid rgba(var(--kante-rgb),.25); padding-top:var(--sp-stack); margin-bottom:var(--sp-stack); }
.mojo-lp.lp-rx .lp-rx-process__title .lp-num { color:var(--accent); }
.mojo-lp.lp-rx .lp-rx-process__title h3 { margin:0 !important; }
.mojo-lp.lp-rx .lp-rx-process .lp-rx-photo { aspect-ratio:1.35; margin-bottom:var(--sp-stack); }
.mojo-lp.lp-rx .lp-rx-process__step--2 .lp-rx-photo { aspect-ratio:.95; }
.mojo-lp.lp-rx .lp-rx-work { display:grid; grid-template-columns:minmax(0,1.45fr) minmax(0,1fr); gap:var(--gap-split); align-items:start; }
.mojo-lp.lp-rx .lp-rx-work__media { position:relative; padding-bottom:90px; padding-right:14%; }
.mojo-lp.lp-rx .lp-rx-work__main { aspect-ratio:.8; }
.mojo-lp.lp-rx .lp-rx-work__detail { position:absolute; bottom:0; right:0; width:44%; padding:10px; background:var(--bg); border-radius:var(--r-card); }
.mojo-lp.lp-rx .lp-rx-work__detail .lp-rx-photo { aspect-ratio:.82; }
.mojo-lp.lp-rx .lp-rx-work__detail .lp-rx-caption { display:block; padding:var(--sp-title) 0 0; }
.mojo-lp.lp-rx .lp-rx-work__notes { min-width:0; }
.mojo-lp.lp-rx .lp-rx-notes { display:grid; gap:var(--sp-stack); margin-top:var(--sp-head); }
.mojo-lp.lp-rx .lp-rx-notes > div { border-top:1px solid rgba(var(--kante-rgb),.2); padding-top:var(--sp-stack); }
.mojo-lp.mojo-lp.lp-rx .lp-rx-notes dt { font-weight:700; margin-bottom:var(--sp-title); font-size:var(--lp-t-body); line-height:1.65 !important; }
.mojo-lp.lp-rx .lp-rx-notes dt span { color:var(--accent); display:inline-block; width:32px; font-size:11px; }
.mojo-lp.mojo-lp.lp-rx .lp-rx-notes dd { margin:0 0 0 32px; font-size:var(--lp-t-body); line-height:1.65 !important; }
.mojo-lp.lp-rx .lp-rx-manifest { padding-block:var(--sp-head); }
.mojo-lp.lp-rx .lp-rx-manifest h2 { display:grid; gap:var(--sp-stack); }
.mojo-lp.lp-rx .lp-rx-manifest__first { display:block; }
.mojo-lp.lp-rx .lp-rx-manifest__middle { display:grid; grid-template-columns:minmax(0,1.5fr) minmax(0,1fr); gap:var(--gap-split); align-items:center; }
.mojo-lp.lp-rx .lp-rx-manifest__middle .lp-rx-photo { height:clamp(160px,24vw,350px); }
.mojo-lp.lp-rx .lp-rx-manifest__last { display:block; text-align:right; }
.mojo-lp.lp-rx .lp-rx-manifest__bottom { display:flex; justify-content:space-between; align-items:end; gap:var(--gap-split); padding-top:var(--sp-head); margin-top:var(--sp-head); border-top:1px solid rgba(var(--kante-rgb),.25); }
.mojo-lp.lp-rx .lp-rx-manifest__bottom .lp-rx-data { grid-template-columns:repeat(3,minmax(0,1fr)); gap:var(--gap-grid); flex:1; }
.mojo-lp.lp-rx .lp-rx-manifest__bottom .lp-btn-row { margin:0; }
.mojo-lp.lp-rx .lp-rx-mosaic__track { position:relative; view-timeline-name:--rx-mosaic; view-timeline-axis:block; }
.mojo-lp.lp-rx .lp-rx-mosaic__canvas { position:relative; aspect-ratio:1.8; isolation:isolate; }
.mojo-lp.lp-rx .lp-rx-mosaic__hero { position:absolute; inset:0; z-index:2; }
.mojo-lp.lp-rx .lp-rx-mosaic__hero::after { content:""; position:absolute; inset:0; background:linear-gradient(transparent 55%,rgba(var(--bild-rgb),.84)); }
.mojo-lp.lp-rx .lp-rx-mosaic__sat { position:absolute; width:25%; height:47%; }
.mojo-lp.lp-rx .lp-rx-mosaic__sat--1 { left:0; top:0; }
.mojo-lp.lp-rx .lp-rx-mosaic__sat--2 { left:0; bottom:0; }
.mojo-lp.lp-rx .lp-rx-mosaic__sat--3 { right:0; top:0; }
.mojo-lp.lp-rx .lp-rx-mosaic__sat--4 { right:0; bottom:0; }
.mojo-lp.lp-rx .lp-rx-mosaic__canvas:has(> .lp-rx-mosaic__sat:nth-child(3)):not(:has(> .lp-rx-mosaic__sat:nth-child(4))) > .lp-rx-mosaic__sat:nth-child(1) { left:0; right:auto; top:0; bottom:auto; height:47%; }
.mojo-lp.lp-rx .lp-rx-mosaic__canvas:has(> .lp-rx-mosaic__sat:nth-child(3)):not(:has(> .lp-rx-mosaic__sat:nth-child(4))) > .lp-rx-mosaic__sat:nth-child(2) { left:0; right:auto; top:auto; bottom:0; height:47%; }
.mojo-lp.lp-rx .lp-rx-mosaic__canvas:has(> .lp-rx-mosaic__sat:nth-child(3)):not(:has(> .lp-rx-mosaic__sat:nth-child(4))) > .lp-rx-mosaic__sat:nth-child(3) { left:auto; right:0; top:0; bottom:auto; height:100%; }
.mojo-lp.lp-rx .lp-rx-mosaic__canvas:has(> .lp-rx-mosaic__sat:nth-child(2)):not(:has(> .lp-rx-mosaic__sat:nth-child(3))) > .lp-rx-mosaic__sat:nth-child(1) { left:0; right:auto; top:0; bottom:auto; height:100%; }
.mojo-lp.lp-rx .lp-rx-mosaic__canvas:has(> .lp-rx-mosaic__sat:nth-child(2)):not(:has(> .lp-rx-mosaic__sat:nth-child(3))) > .lp-rx-mosaic__sat:nth-child(2) { left:auto; right:0; top:0; bottom:auto; height:100%; }
.mojo-lp.lp-rx .lp-rx-mosaic__canvas:not(:has(> .lp-rx-mosaic__sat:nth-child(2))) > .lp-rx-mosaic__sat:nth-child(1) { left:0; right:auto; top:0; bottom:auto; height:100%; }
.mojo-lp.lp-rx .lp-rx-mosaic__caption { position:absolute; z-index:3; inset:auto var(--sp-head) var(--sp-head); display:flex; justify-content:space-between; gap:var(--sp-stack); color:var(--auf-bild); font-weight:600; }
.mojo-lp.lp-rx .lp-rx-arc__photos { position:relative; height:clamp(230px,30.24vw,432px); margin-bottom:var(--sp-head); }
.mojo-lp.lp-rx .lp-rx-arc__photo { position:absolute; width:20%; height:100%; top:0; box-shadow:0 8px 26px rgba(var(--schatten-rgb),.18); }
.mojo-lp.lp-rx .lp-rx-arc__photo--1 { left:0; }
.mojo-lp.lp-rx .lp-rx-arc__photo--2 { left:20%; }
.mojo-lp.lp-rx .lp-rx-arc__photo--3 { left:40%; z-index:2; }
.mojo-lp.lp-rx .lp-rx-arc__photo--4 { left:60%; z-index:1; }
.mojo-lp.lp-rx .lp-rx-arc__photo--5 { left:80%; }
.mojo-lp.lp-rx .lp-rx-arc__body { display:grid; grid-template-columns:minmax(0,1.25fr) minmax(0,1fr); gap:var(--gap-split); align-items:start; }
.mojo-lp.lp-rx .lp-rx-arc__brief { min-width:0; }
@keyframes lp-rx-window { from { clip-path:inset(0 0 0 40% round var(--r-card)); } to { clip-path:inset(0 round var(--r-card)); } }
@keyframes lp-rx-strip { from { clip-path:inset(0 55% 0 0 round var(--r-card)); } to { clip-path:inset(0 round var(--r-card)); } }
@keyframes lp-rx-rise { from { clip-path:inset(35% 0 0 round var(--r-card)); } to { clip-path:inset(0 round var(--r-card)); } }
@keyframes lp-rx-work-main { from { transform:scale(1.1) translateY(-2%); } to { transform:scale(1.1) translateY(2%); } }
@keyframes lp-rx-work-detail { from { transform:scale(1.14) translateY(4%); } to { transform:scale(1.14) translateY(-4%); } }
@keyframes lp-rx-sentence { from { clip-path:inset(0 35% 0 0 round var(--r-card)); } to { clip-path:inset(0 round var(--r-card)); } }
@keyframes lp-rx-mosaic { 0% { inset:14% 28%; } 78%,100% { inset:0; } }
@keyframes lp-rx-satellites { 0% { opacity:1; } 72%,100% { opacity:0; } }
@keyframes lp-rx-mosaic-caption { 0%,65% { opacity:0; } 85%,100% { opacity:1; } }
@keyframes lp-rx-arc { from { transform:translate(var(--rx-x),var(--rx-y)) rotate(var(--rx-r)); } to { transform:translate(0,0) rotate(0); } }
@supports (animation-timeline:view()) {
@media (min-width:931px) and (min-height:600px) and (prefers-reduced-motion:no-preference) {
.mojo-lp.lp-rx .lp-rx-window__photo { animation:lp-rx-window auto linear both; animation-timeline:--rx-section; animation-range:entry 20% cover 50%; }
.mojo-lp.lp-rx .lp-rx-register__row .lp-rx-photo { animation:lp-rx-strip auto linear both; animation-timeline:view(); animation-range:entry 0% cover 40%; }
.mojo-lp.lp-rx .lp-rx-process .lp-rx-photo { animation:lp-rx-rise auto linear both; animation-timeline:view(); animation-range:entry 0% cover 45%; }
.mojo-lp.lp-rx .lp-rx-work__main > :is(img,picture) { animation:lp-rx-work-main auto linear both; animation-timeline:--rx-section; animation-range:entry 0% exit 100%; }
.mojo-lp.lp-rx .lp-rx-work__detail .lp-rx-photo > :is(img,picture) { animation:lp-rx-work-detail auto linear both; animation-timeline:--rx-section; animation-range:entry 0% exit 100%; }
.mojo-lp.lp-rx .lp-rx-manifest .lp-rx-photo { animation:lp-rx-sentence auto linear both; animation-timeline:--rx-section; animation-range:entry 15% cover 50%; }
.mojo-lp.lp-rx .lp-rx-mosaic__track { height:180svh; }
.mojo-lp.lp-rx .lp-rx-mosaic__stage { position:sticky; top:calc(var(--klebe, 0px) + 6svh); height:calc(88svh - var(--klebe, 0px)); display:grid; align-items:center; }
.mojo-lp.lp-rx .lp-rx-mosaic__canvas { height:80svh; aspect-ratio:auto; }
.mojo-lp.lp-rx .lp-rx-mosaic__hero { animation:lp-rx-mosaic auto linear both; animation-timeline:--rx-mosaic; animation-range:contain 0% contain 100%; }
.mojo-lp.lp-rx .lp-rx-mosaic__sat { animation:lp-rx-satellites auto linear both; animation-timeline:--rx-mosaic; animation-range:contain 0% contain 100%; }
.mojo-lp.lp-rx .lp-rx-mosaic__caption { animation:lp-rx-mosaic-caption auto linear both; animation-timeline:--rx-mosaic; animation-range:contain 0% contain 100%; }
.mojo-lp.lp-rx .lp-rx-arc__photos { margin-inline:5%; view-timeline-name:--rx-arc; view-timeline-axis:block; }
.mojo-lp.lp-rx .lp-rx-arc__photo { width:19%; animation:lp-rx-arc auto linear both; animation-timeline:--rx-arc; animation-range:entry 20% cover 50%; }
.mojo-lp.lp-rx .lp-rx-arc__photo--1 { --rx-x:8%; --rx-y:16%; --rx-r:-12deg; }
.mojo-lp.lp-rx .lp-rx-arc__photo--2 { --rx-x:2%; --rx-y:3%; --rx-r:-6deg; }
.mojo-lp.lp-rx .lp-rx-arc__photo--3 { --rx-x:0%; --rx-y:-4%; --rx-r:0deg; }
.mojo-lp.lp-rx .lp-rx-arc__photo--4 { --rx-x:-2%; --rx-y:3%; --rx-r:6deg; }
.mojo-lp.lp-rx .lp-rx-arc__photo--5 { --rx-x:-8%; --rx-y:16%; --rx-r:12deg; }
}
}
@media (max-width:1200px) {
.mojo-lp.lp-rx .lp-rx-window { padding:var(--sp-stack); min-height:540px; }
.mojo-lp.lp-rx .lp-rx-window__menu { width:48%; padding:var(--sp-stack); }
.mojo-lp.lp-rx .lp-rx-register__row > .lp-rx-register__zeile { grid-template-columns:24px minmax(0,1fr) minmax(140px,.6fr); }
.mojo-lp.lp-rx .lp-rx-register__tag { display:none; }
.mojo-lp.lp-rx .lp-rx-manifest__bottom { align-items:start; flex-direction:column; row-gap:0; }
.mojo-lp.lp-rx .lp-rx-manifest__bottom .lp-rx-data { width:100%; }
.mojo-lp.lp-rx .lp-rx-work { grid-template-columns:minmax(0,1.15fr) minmax(0,1fr); }
}
@media (max-width:930px) {
.mojo-lp.lp-rx :is(h2,h3,p) { text-align:left; margin-inline:0 !important; } .mojo-lp.lp-rx .lp-btn-row { justify-content:flex-start; }
.mojo-lp.lp-rx .lp-rx-window { min-height:0; padding:0; display:flex; flex-direction:column; align-items:stretch; }
.mojo-lp.lp-rx .lp-rx-window__photo { position:relative; aspect-ratio:1.65; }
.mojo-lp.lp-rx .lp-rx-window__menu { width:auto; margin:-32px var(--sp-stack) 0; border:1px solid var(--border); }
.mojo-lp.lp-rx .lp-rx-window__label { display:none; }
.mojo-lp.lp-rx .lp-rx-process { gap:var(--gap-grid); }
.mojo-lp.lp-rx .lp-rx-process__title { align-items:flex-start; flex-direction:column; }
.mojo-lp.lp-rx .lp-rx-work { grid-template-columns:minmax(0,1fr); }
.mojo-lp.lp-rx .lp-rx-work__main { aspect-ratio:1.2; }
.mojo-lp.lp-rx .lp-rx-work__detail { width:32%; }
.mojo-lp.lp-rx .lp-rx-mosaic__caption { inset:auto var(--sp-stack) var(--sp-stack); font-size:11px; }
.mojo-lp.lp-rx .lp-rx-arc__photos { height:clamp(187px,36vw,302px); }
.mojo-lp.lp-rx .lp-rx-arc__photo { width:19%; }
}
@media (max-width:600px) {
.mojo-lp.lp-rx .lp-rx-foot { align-items:flex-start; flex-direction:column; }
.mojo-lp.lp-rx .lp-rx-window__menu { margin:-24px 12px 0; }
.mojo-lp.lp-rx .lp-rx-register__row > .lp-rx-register__zeile { grid-template-columns:20px minmax(0,1fr) 64px; gap:var(--sp-title); padding:var(--sp-stack) 0; }
.mojo-lp.lp-rx .lp-rx-register__row .lp-rx-photo { height:72px; }
.mojo-lp.lp-rx .lp-rx-process { grid-template-columns:minmax(0,1fr); gap:var(--sp-head); }
.mojo-lp.lp-rx .lp-rx-process__step { padding-top:0; }
.mojo-lp.lp-rx .lp-rx-process__title { flex-direction:row; align-items:center; }
.mojo-lp.lp-rx .lp-rx-process .lp-rx-photo { aspect-ratio:1.5; }
.mojo-lp.lp-rx .lp-rx-process .lp-rx-data { grid-template-columns:minmax(0,1fr) minmax(0,1fr); }
.mojo-lp.lp-rx .lp-rx-work__detail { width:44%; }
.mojo-lp.lp-rx .lp-rx-manifest { padding-block:0; }
.mojo-lp.lp-rx .lp-rx-manifest__middle { gap:var(--sp-stack); grid-template-columns:minmax(0,1.25fr) minmax(0,1fr); }
.mojo-lp.lp-rx .lp-rx-manifest__middle .lp-rx-photo { height:160px; }
.mojo-lp.lp-rx .lp-rx-manifest__bottom .lp-rx-data { grid-template-columns:minmax(0,1fr); }
.mojo-lp.lp-rx .lp-rx-mosaic__canvas { aspect-ratio:1; }
.mojo-lp.lp-rx .lp-rx-mosaic__caption { flex-direction:column; gap:var(--sp-title); }
.mojo-lp.lp-rx .lp-rx-arc__photos { height:auto; display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:var(--sp-title); }
.mojo-lp.lp-rx .lp-rx-arc__photo { position:relative; inset:auto; width:auto; height:auto; aspect-ratio:.8; grid-column:span 2; }
.mojo-lp.lp-rx .lp-rx-arc__photo:nth-child(4),.mojo-lp.lp-rx .lp-rx-arc__photo:nth-child(5) { grid-column:span 3; aspect-ratio:1.3; }
.mojo-lp.lp-rx .lp-rx-arc__body { grid-template-columns:minmax(0,1fr); gap:var(--sp-stack); }
}
@property --lp-akn-a { syntax: "<number>"; inherits: true; initial-value: 1; }
@property --lp-akn-an { syntax: "<number>"; inherits: true; initial-value: 0; }
@property --lp-akn-s { syntax: "<number>"; inherits: true; initial-value: 0; }
@property --lp-akn-z { syntax: "<integer>"; inherits: true; initial-value: 1; }
.mojo-lp.lp-akn { position: relative; view-timeline-name: --lp-akn; view-timeline-axis: block; }
.mojo-lp.lp-akn * { min-width: 0; }
.mojo-lp.mojo-lp .lp-akn__nr, .mojo-lp.mojo-lp .lp-akn__zaehler, .mojo-lp.mojo-lp .lp-akn__restzeile time {
font-size: 11px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase;
line-height: 1.65 !important; font-feature-settings: "tnum" 1; color: var(--text-leise);
}
@supports not (animation-timeline: view()) { .mojo-lp.lp-akn { --lp-akn-ruhe: 1; } }
html.lp-nozeit .mojo-lp.lp-akn--zeile, html.lp-nozeit .mojo-lp.lp-akn--fahrt { --lp-akn-ruhe: 1; }
@media (prefers-reduced-motion: reduce) { .mojo-lp.lp-akn { --lp-akn-ruhe: 1; } }
@keyframes lp-akn-an { 0% { --lp-akn-an: 0; } 10% { --lp-akn-an: 1; } 90% { --lp-akn-an: 1; } 100% { --lp-akn-an: 0; } }
@keyframes lp-akn-auf { from { --lp-akn-a: 0; } to { --lp-akn-a: 1; } }
@keyframes lp-akn-fahren { from { --lp-akn-s: 0; --lp-akn-z: 1; } to { --lp-akn-s: 1; --lp-akn-z: var(--n, 6); } }
.mojo-lp.lp-akn--zeile { --spalt: clamp(28px, 4vw, 72px); }
.mojo-lp.lp-akn--zeile .lp-akn__bahn { position: relative; height: calc(var(--n, 6) * 55vh + 84vh); }
.mojo-lp.lp-akn--zeile .lp-akn__buehne {
position: sticky; top: calc(var(--klebe, 0px) + 8vh); height: calc(84vh - var(--klebe, 0px));
display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); column-gap: var(--spalt);
}
.mojo-lp.lp-akn--zeile .lp-akn__buehne::after { content: ""; grid-column: 2; grid-row: 1; border-radius: var(--r-card); background: var(--surface); }
.mojo-lp.lp-akn--zeile .lp-akn__liste, .mojo-lp.lp-akn--zeile .lp-akn__zeile, .mojo-lp.lp-akn--zeile .lp-akn__link { position: static; }
.mojo-lp.mojo-lp .lp-akn__liste { list-style: none !important; margin: 0 !important; padding: 0 !important; display: grid; grid-column: 1; grid-row: 1; align-content: center; }
.mojo-lp.mojo-lp .lp-akn__zeile { list-style: none !important; margin: 0 !important; border-top: 1.5px solid rgba(var(--kante-rgb), .16); }
.mojo-lp.mojo-lp .lp-akn__zeile:last-child { border-bottom: 1.5px solid rgba(var(--kante-rgb), .16); }
.mojo-lp.lp-akn--zeile .lp-akn__link { grid-template-columns: minmax(0, 1fr); gap: 0; padding-block: clamp(14px, 2vh, 22px); }
.mojo-lp.lp-akn--zeile .lp-akn__link .lp-ak__text { grid-template-columns: 2.6em minmax(0, 1fr); column-gap: clamp(12px, 1.6vw, 24px); row-gap: 4px; align-items: baseline; }
.mojo-lp.lp-akn--zeile .lp-akn__nr { grid-row: 1 / span 2; color: color-mix(in srgb, var(--accent) calc(var(--lp-akn-an) * 100%), var(--text-leise)); }
.mojo-lp.lp-akn--zeile .lp-akn__link .lp-ak__meta, .mojo-lp.lp-akn--zeile .lp-akn__link .lp-ak__titel { grid-column: 2; }
.mojo-lp.lp-akn--zeile .lp-ak__titel {
font-size: var(--lp-t-h3); line-height: 1.25; letter-spacing: -.015em;
color: color-mix(in srgb, var(--text) calc(var(--lp-akn-an) * 100%), var(--text-leise));
}
.mojo-lp.mojo-lp.lp-akn--zeile .lp-akn__link:hover .lp-ak__titel { color: var(--accent); }
.mojo-lp.lp-akn--zeile .lp-akn__bild {
position: absolute; inset: 0 0 0 auto; width: calc(50% - var(--spalt) / 2); height: 100%;
opacity: var(--lp-akn-an); box-shadow: none;
}
.mojo-lp.lp-akn--zeile .lp-akn__bild::before { content: none; }
@supports (animation-timeline: view()) {
.mojo-lp.lp-akn--zeile .lp-akn__zeile {
animation-name: lp-akn-an; animation-duration: auto; animation-timing-function: linear;
animation-fill-mode: none; animation-timeline: --lp-akn;
animation-range-start: contain calc(var(--i, 0) * 100% / var(--n, 6) - 4%);
animation-range-end: contain calc((var(--i, 0) + 1) * 100% / var(--n, 6) + 4%);
}
.mojo-lp.lp-akn--zeile .lp-akn__zeile:first-child { animation-range-start: cover 0%; }
.mojo-lp.lp-akn--zeile .lp-akn__zeile:last-child { animation-range-end: cover 100%; }
}
@container style(--lp-akn-ruhe: 1) {
.mojo-lp.lp-akn--zeile .lp-akn__bahn { height: auto; }
.mojo-lp.lp-akn--zeile .lp-akn__buehne { position: static; height: auto; display: block; }
.mojo-lp.lp-akn--zeile .lp-akn__buehne::after { content: none; }
.mojo-lp.lp-akn--zeile .lp-akn__zeile { animation-name: none; --lp-akn-an: 1; }
.mojo-lp.lp-akn--zeile .lp-akn__link { grid-template-columns: minmax(0, .34fr) minmax(0, .66fr); gap: clamp(16px, 2vw, 32px); align-items: center; }
.mojo-lp.lp-akn--zeile .lp-akn__bild { position: relative; inset: auto; width: auto; height: auto; opacity: 1; --mass: 62%; }
.mojo-lp.lp-akn--zeile .lp-akn__bild::before { content: ""; }
}
@media (max-width: 930px) {
.mojo-lp.lp-akn--zeile .lp-akn__bahn { height: auto; }
.mojo-lp.lp-akn--zeile .lp-akn__buehne { position: static; height: auto; display: block; }
.mojo-lp.lp-akn--zeile .lp-akn__buehne::after { content: none; }
.mojo-lp.lp-akn--zeile .lp-akn__zeile { animation-name: none; --lp-akn-an: 1; }
.mojo-lp.lp-akn--zeile .lp-akn__link { grid-template-columns: minmax(0, .34fr) minmax(0, .66fr); gap: clamp(16px, 2vw, 32px); align-items: center; }
.mojo-lp.lp-akn--zeile .lp-akn__bild { position: relative; inset: auto; width: auto; height: auto; opacity: 1; --mass: 62%; }
.mojo-lp.lp-akn--zeile .lp-akn__bild::before { content: ""; }
.mojo-lp.lp-akn--zeile .lp-ak__titel { font-size: var(--lp-t-h3); }
.mojo-lp.lp-akn--zeile .lp-akn__link .lp-ak__text { text-align: left; }
}
@media (max-width: 700px) {
.mojo-lp.mojo-lp .lp-akn__zeile { border: 0; }
.mojo-lp.lp-akn--zeile .lp-akn__link { grid-template-columns: minmax(0, 1fr); gap: clamp(8px, 2vw, 12px); padding-block: 0; }
.mojo-lp.lp-akn--zeile .lp-akn__link .lp-ak__text { grid-template-columns: minmax(0, 1fr); }
.mojo-lp.lp-akn--zeile .lp-akn__nr { grid-row: auto; }
.mojo-lp.lp-akn--zeile .lp-akn__link .lp-ak__meta, .mojo-lp.lp-akn--zeile .lp-akn__link .lp-ak__titel { grid-column: 1; }
}
.mojo-lp.lp-akn--vorhang .lp-akn__aufmacher { gap: clamp(14px, 2vh, 22px); margin-bottom: clamp(24px, 4vh, 44px); }
.mojo-lp.lp-akn--vorhang .lp-akn__buehne {
position: relative; isolation: isolate; overflow: hidden; display: grid; gap: 0; align-content: end;
border-radius: var(--r-card); background: var(--lp-carbon);
}
.mojo-lp.lp-akn--vorhang .lp-akn__unter { padding-inline: clamp(4px, .6vw, 10px); }
.mojo-lp.lp-akn--vorhang .lp-akn__unter .lp-ak__satz { max-width: 62ch; }
.mojo-lp.lp-akn--vorhang .lp-akn__buehne::before { content: ""; grid-area: 1 / 1; padding-block-start: var(--mass, 47.6%); width: 0; pointer-events: none; }
.mojo-lp .lp-akn__motiv {
position: absolute; inset: 0; z-index: 0; overflow: hidden;
clip-path: inset(calc((1 - var(--lp-akn-a)) * 100%) 0 0 0);
}
.mojo-lp.mojo-lp .lp-akn__motiv img {
position: absolute !important; inset: 0 !important; width: 100% !important; height: 100% !important;
max-width: none !important; object-fit: cover !important; display: block !important; filter: saturate(.9);
}
.mojo-lp .lp-akn__tafel {
grid-area: 1 / 1; position: relative; align-self: end; justify-self: start;
display: block; padding: clamp(24px, 4vw, 64px); max-width: min(100%, 860px);
mix-blend-mode: difference; color: var(--auf-bild);
}
.mojo-lp.mojo-lp .lp-akn__tafel .lp-ak__titel { color: var(--auf-bild); font-size: clamp(28px, 3.8vw, 62px); line-height: 1.04; letter-spacing: -.02em; max-width: 18ch; }
.mojo-lp.mojo-lp.lp-akn--vorhang .lp-akn__aufmacher:hover .lp-akn__tafel .lp-ak__titel { color: var(--auf-bild); }
@supports (animation-timeline: view()) {
.mojo-lp.lp-akn--vorhang .lp-akn__buehne {
animation-name: lp-akn-auf; animation-duration: auto; animation-timing-function: linear;
animation-fill-mode: both; animation-timeline: view(); animation-range: entry 20% entry 100%;
}
}
html.lp-nozeit .mojo-lp.lp-akn--vorhang .lp-akn__buehne { animation-name: none; --lp-akn-a: 0; transition: --lp-akn-a 1.8s cubic-bezier(.2, .7, .2, 1); }
html.lp-nozeit .mojo-lp.lp-akn--vorhang.is-auf .lp-akn__buehne { --lp-akn-a: 1; }
.mojo-lp.mojo-lp .lp-akn__rest { list-style: none !important; margin: 0 !important; padding: 0 !important; display: grid; }
.mojo-lp.mojo-lp .lp-akn__rest li { list-style: none !important; margin: 0 !important; }
.mojo-lp.lp-akn--vorhang .lp-akn__restzeile {
grid-template-columns: auto minmax(0, 1fr) auto; gap: clamp(14px, 2vw, 32px); align-items: baseline;
padding-block: clamp(14px, 2vh, 20px); border-top: 1.5px solid rgba(var(--kante-rgb), .16);
}
.mojo-lp.lp-akn--vorhang .lp-akn__rest li:last-child .lp-akn__restzeile { border-bottom: 1.5px solid rgba(var(--kante-rgb), .16); }
.mojo-lp.lp-akn--vorhang .lp-akn__restzeile .lp-ak__titel { font-size: var(--lp-t-h3); line-height: 1.25; }
.mojo-lp.mojo-lp .lp-akn__restzeile .lp-ak__rubrik { font-size: 11px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; line-height: 1.65 !important; color: var(--accent); }
@media (max-width: 930px) {
.mojo-lp.lp-akn--vorhang .lp-akn__buehne { --mass: 125% !important; }
.mojo-lp.lp-akn--vorhang .lp-akn__tafel { padding: clamp(20px, 6vw, 32px); text-align: left; }
.mojo-lp.mojo-lp .lp-akn__tafel .lp-ak__titel { font-size: clamp(26px, 8vw, 38px); }
.mojo-lp.lp-akn--vorhang .lp-akn__unter { text-align: left; }
.mojo-lp.mojo-lp .lp-akn__unter .lp-ak__satz { margin-inline: 0 !important; }
.mojo-lp.lp-akn--vorhang .lp-akn__restzeile { grid-template-columns: minmax(0, 1fr) auto; }
.mojo-lp.lp-akn--vorhang .lp-akn__restzeile .lp-ak__titel { grid-column: 1 / -1; grid-row: 2; text-align: left; }
}
.mojo-lp.lp-akn--fahrt { --kw: clamp(260px, 26vw, 380px); --kg: clamp(14px, 1.6vw, 24px); }
.mojo-lp .lp-akn__kopf { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 24px; align-items: end; }
.mojo-lp.mojo-lp .lp-akn__kopf .lp-head { margin-bottom: 0 !important; }
.mojo-lp.mojo-lp .lp-akn__zaehler { white-space: nowrap; }
.mojo-lp .lp-akn__zaehler::before { content: "0" counter(lp-akn-z); counter-reset: lp-akn-z var(--lp-akn-z); color: var(--accent); }
.mojo-lp.lp-akn--fahrt .lp-akn__bahn { position: relative; height: calc(var(--n, 6) * 36vh + 84vh); }
.mojo-lp.lp-akn--fahrt .lp-akn__buehne { position: sticky; top: calc(var(--klebe, 0px) + 8vh); display: grid; gap: clamp(24px, 4vh, 44px); }
.mojo-lp .lp-akn__spur { overflow-x: clip; overflow-y: visible; }
.mojo-lp.mojo-lp .lp-akn__reihe { list-style: none !important; margin: 0 !important; padding: 0 !important; }
.mojo-lp.mojo-lp .lp-akn__karte { list-style: none !important; margin: 0 !important; padding: 0; overflow: hidden; }
.mojo-lp.lp-akn--fahrt .lp-akn__karte .lp-ak__teaser { padding: 0 0 clamp(18px, 2vw, 26px); gap: clamp(12px, 1.4vw, 18px); height: 100%; }
.mojo-lp.lp-akn--fahrt .lp-akn__karte .lp-ak__bild { border-radius: 0; box-shadow: none; --mass: 66%; }
.mojo-lp.lp-akn--fahrt .lp-akn__karte .lp-ak__text { padding-inline: clamp(16px, 1.8vw, 24px); }
.mojo-lp.lp-akn--fahrt .lp-ak__titel { font-size: var(--lp-t-h3); line-height: 1.25; }
.mojo-lp.lp-akn--fahrt .lp-ak__satz { font-size: var(--lp-t-teaser); max-width: none; }
@media (min-width: 701px) {
.mojo-lp.mojo-lp .lp-akn__reihe {
display: flex; gap: var(--kg); width: max-content;
margin-inline-start: calc(-1 * var(--lp-akn-s) * max(0px, var(--n, 6) * var(--kw) + (var(--n, 6) - 1) * var(--kg) - 100%)) !important;
}
.mojo-lp.mojo-lp .lp-akn__karte { width: var(--kw); flex: 0 0 auto; }
}
@supports (animation-timeline: view()) {
.mojo-lp.lp-akn--fahrt .lp-akn__buehne {
animation-name: lp-akn-fahren; animation-duration: auto; animation-timing-function: linear;
animation-fill-mode: both; animation-timeline: --lp-akn; animation-range: contain 0% contain 100%;
}
}
@container style(--lp-akn-ruhe: 1) {
.mojo-lp.lp-akn--fahrt .lp-akn__bahn { height: auto; }
.mojo-lp.lp-akn--fahrt .lp-akn__buehne { position: static; animation-name: none; --lp-akn-z: var(--n, 6); }
.mojo-lp.lp-akn--fahrt .lp-akn__spur { overflow-x: auto; overflow-y: hidden; scroll-snap-type: x proximity; scrollbar-width: thin; padding-block-end: 6px; }
.mojo-lp.mojo-lp.lp-akn--fahrt .lp-akn__reihe { margin-inline-start: 0 !important; }
.mojo-lp.lp-akn--fahrt .lp-akn__karte { scroll-snap-align: start; }
}
@media (max-width: 930px) {
.mojo-lp.lp-akn--fahrt .lp-akn__bahn { height: auto; }
.mojo-lp.lp-akn--fahrt .lp-akn__buehne { position: static; animation-name: none; --lp-akn-z: var(--n, 6); }
.mojo-lp.lp-akn--fahrt .lp-akn__spur { overflow-x: auto; overflow-y: hidden; scroll-snap-type: x proximity; scrollbar-width: thin; padding-block-end: 6px; }
.mojo-lp.mojo-lp.lp-akn--fahrt .lp-akn__reihe { margin-inline-start: 0 !important; }
.mojo-lp.lp-akn--fahrt .lp-akn__karte { scroll-snap-align: start; }
.mojo-lp.lp-akn--fahrt .lp-akn__karte .lp-ak__text { text-align: left; }
}
@media (max-width: 700px) {
.mojo-lp .lp-akn__kopf { grid-template-columns: minmax(0, 1fr); }
.mojo-lp.mojo-lp .lp-akn__zaehler { display: none; }
.mojo-lp.lp-akn--fahrt .lp-akn__spur { overflow: visible; padding-block-end: 0; }
}
.mojo-lp .lp-akn__stapel { margin-top: clamp(8px, 1vh, 16px); }
.mojo-lp.mojo-lp.mojo-lp .lp-akn__blatt {
padding: 0; overflow: hidden; display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr); gap: 0;
grid-template-rows: minmax(0, 1fr); align-content: stretch; align-items: stretch;
background: var(--surface) !important; border: 1px solid var(--border) !important;
}
.mojo-lp.lp-akn--blaetter .lp-akn__blattbild { border-radius: 0; box-shadow: none; height: 100%; }
.mojo-lp.lp-akn--blaetter .lp-akn__blatt .lp-ak__text { padding: clamp(24px, 3.2vw, 56px); align-content: center; gap: clamp(10px, 1.2vw, 16px); }
.mojo-lp.lp-akn--blaetter .lp-ak__titel { font-size: var(--lp-t-h3); line-height: 1.25; letter-spacing: -.015em; }
.mojo-lp.lp-akn--blaetter .lp-ak__satz { font-size: var(--lp-t-body); max-width: none; }
.mojo-lp.lp-akn--blaetter .lp-akn__blatt .lp-btn { justify-self: start; margin-block-start: clamp(8px, 1vh, 14px); }
@media (min-width: 931px) {
.mojo-lp.lp-akn--blaetter .lp-akn__blattbild::before { content: none; }
}
@media (max-width: 930px) {
.mojo-lp.mojo-lp.mojo-lp .lp-akn__blatt { grid-template-columns: minmax(0, 1fr); }
.mojo-lp.lp-akn--blaetter .lp-akn__blattbild { height: auto; --mass: 62%; }
.mojo-lp.lp-akn--blaetter .lp-akn__blatt .lp-ak__text { padding: clamp(18px, 5vw, 28px); text-align: left; }
.mojo-lp.mojo-lp.lp-akn--blaetter .lp-ak__satz { margin-inline: 0 !important; }
.mojo-lp.lp-akn--blaetter .lp-akn__blatt .lp-btn { align-self: start; }
}
.mojo-lp.mojo-lp .lp-akn__folge { list-style: none !important; margin: 0 !important; padding: 0 !important; display: grid; }
.mojo-lp.mojo-lp .lp-akn__fokus {
list-style: none !important; margin: 0 !important;
padding-block: clamp(28px, 4.5vh, 64px); border-top: 1.5px solid rgba(var(--kante-rgb), .16);
view-timeline-name: --lp-akn-r; view-timeline-axis: block;
}
.mojo-lp.mojo-lp .lp-akn__fokus:last-child { border-bottom: 1.5px solid rgba(var(--kante-rgb), .16); }
.mojo-lp.lp-akn--fokus .lp-akn__paar { grid-template-columns: minmax(0, 1.15fr) minmax(0, .85fr); gap: clamp(24px, 3.5vw, 64px); align-items: center; }
.mojo-lp.lp-akn--fokus .lp-akn__scharf {
--mass: 62.5%;
filter: blur(calc((1 - var(--lp-akn-a)) * 16px)) saturate(calc(.5 + .5 * var(--lp-akn-a)));
opacity: calc(.35 + .65 * var(--lp-akn-a));
}
.mojo-lp.lp-akn--fokus .lp-akn__klar { clip-path: inset(0 calc((1 - var(--lp-akn-a)) * 100%) 0 0); gap: clamp(8px, 1vw, 14px); }
.mojo-lp.lp-akn--fokus .lp-ak__titel { font-size: var(--lp-t-h3); line-height: 1.25; letter-spacing: -.015em; }
.mojo-lp.lp-akn--fokus .lp-ak__satz { font-size: var(--lp-t-body); }
@supports (animation-timeline: view()) {
@media (min-width: 931px) {
.mojo-lp.lp-akn--fokus .lp-akn__fokus {
animation-name: lp-akn-auf; animation-duration: auto; animation-timing-function: linear;
animation-fill-mode: both; animation-timeline: --lp-akn-r; animation-range: entry 10% entry 95%;
}
}
}
@media (min-width: 931px) {
html.lp-nozeit .mojo-lp.lp-akn--fokus .lp-akn__fokus { animation-name: none; --lp-akn-a: 0; transition: --lp-akn-a 1.6s cubic-bezier(.2, .7, .2, 1) calc(var(--i, 0) * .25s); }
html.lp-nozeit .mojo-lp.lp-akn--fokus.is-auf .lp-akn__fokus { --lp-akn-a: 1; }
}
@media (max-width: 930px) {
html .mojo-lp.mojo-lp.lp-akn--fokus .lp-akn__fokus { animation-name: none; --lp-akn-a: 1; transition: none; }
.mojo-lp.lp-akn--fokus .lp-akn__paar { grid-template-columns: minmax(0, 1fr); gap: clamp(14px, 3vw, 20px); }
.mojo-lp.lp-akn--fokus .lp-akn__klar { text-align: left; }
.mojo-lp.mojo-lp.lp-akn--fokus .lp-ak__satz { margin-inline: 0 !important; }
}
@media (prefers-reduced-motion: reduce) {
.mojo-lp.lp-akn--vorhang .lp-akn__buehne, .mojo-lp.lp-akn--fokus .lp-akn__fokus { animation-name: none; --lp-akn-a: 1; transition: none; }
}
.mojo-lp .lp-wvg__tafel { position: relative; border: 1.5px solid var(--border); border-radius: var(--r-card); background: var(--bg); }
.mojo-lp.mojo-lp.mojo-lp .lp-wvg__tab { border-collapse: separate !important; border-spacing: 0; table-layout: fixed; }
.mojo-lp.mojo-lp.mojo-lp .lp-wvg__tab col.lp-wvg__c1 { width: 22%; }
.mojo-lp.mojo-lp.mojo-lp .lp-wvg__tab col.lp-wvg__c2 { width: 42%; }
.mojo-lp.mojo-lp.mojo-lp .lp-wvg__tab col.lp-wvg__c3 { width: 36%; }
.mojo-lp.mojo-lp.mojo-lp .lp-wvg__tab th, .mojo-lp.mojo-lp.mojo-lp .lp-wvg__tab td {
border: 0 !important;
box-shadow: inset 0 -1.5px 0 var(--border);
padding: clamp(16px, 1.8vw, 26px) clamp(14px, 1.6vw, 24px);
vertical-align: top;
text-align: left;
background: var(--bg) !important;
color: var(--text) !important;
}
.mojo-lp.mojo-lp.mojo-lp .lp-wvg__tab tbody tr:nth-child(even) td { background: var(--bg) !important; }
.mojo-lp.mojo-lp.mojo-lp .lp-wvg__tab tbody tr:last-child :is(th, td) { box-shadow: none; }
.mojo-lp.mojo-lp.mojo-lp .lp-wvg__tab thead th {
position: sticky; top: calc(var(--klebe, 0px) + clamp(12px, 2vh, 20px)); z-index: 2;
background: var(--surface) !important;
font-size: clamp(13px, .95vw, 16px); font-weight: 700; letter-spacing: .04em; text-transform: uppercase;
line-height: 1.25 !important;
}
.mojo-lp.mojo-lp.mojo-lp .lp-wvg__tab thead th:first-child { border-start-start-radius: calc(var(--r-card) - 1.5px); }
.mojo-lp.mojo-lp.mojo-lp .lp-wvg__tab thead th:last-child { border-start-end-radius: calc(var(--r-card) - 1.5px); }
.mojo-lp.mojo-lp.mojo-lp .lp-wvg__tab tbody tr:last-child th { border-end-start-radius: calc(var(--r-card) - 1.5px); }
.mojo-lp.mojo-lp.mojo-lp .lp-wvg__tab tbody tr:last-child td:last-child { border-end-end-radius: calc(var(--r-card) - 1.5px); }
.mojo-lp.mojo-lp.mojo-lp .lp-wvg__tab tbody th {
font-size: 13px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase;
color: var(--text-leise) !important; line-height: 1.5 !important; padding-top: calc(clamp(16px, 1.8vw, 26px) + .35em);
}
.mojo-lp.mojo-lp.mojo-lp .lp-wvg__tab td.lp-wvg__mojo, .mojo-lp.mojo-lp.mojo-lp .lp-wvg__tab th.lp-wvg__mojo {
background: var(--surface) !important;
box-shadow: inset 1.5px 0 0 rgba(var(--gold-rgb), .45), inset -1.5px 0 0 rgba(var(--gold-rgb), .45), inset 0 -1.5px 0 var(--border);
}
.mojo-lp.mojo-lp.mojo-lp .lp-wvg__tab thead th.lp-wvg__mojo {
background: var(--surface-2) !important;
box-shadow: inset 0 2px 0 var(--accent-flat), inset 1.5px 0 0 rgba(var(--gold-rgb), .45), inset -1.5px 0 0 rgba(var(--gold-rgb), .45), inset 0 -1.5px 0 var(--border);
}
.mojo-lp.mojo-lp.mojo-lp .lp-wvg__tab tbody tr:last-child td.lp-wvg__mojo { box-shadow: inset 1.5px 0 0 rgba(var(--gold-rgb), .45), inset -1.5px 0 0 rgba(var(--gold-rgb), .45); }
.mojo-lp .lp-wvg__marke { color: var(--accent); }
.mojo-lp .lp-wvg__hinweis { display: inline-block; margin-inline-start: 8px; font-size: 11px; font-weight: 600; letter-spacing: .08em; color: var(--text-leise); text-transform: none; }
.mojo-lp .lp-wvg__wert { display: grid; grid-template-columns: 8px minmax(0, 1fr); column-gap: 12px; align-items: start; }
.mojo-lp .lp-wvg__wert::before { content: ""; width: 8px; height: 8px; border-radius: 50%; background: var(--accent-flat); margin-top: .55em; }
.mojo-lp.mojo-lp .lp-wvg__tab p { margin: 0 !important; max-width: none; }
html.lp-js .mojo-lp .lp-wvg__tafel:not(.is-in) tbody tr { opacity: 0; }
html.lp-js .mojo-lp .lp-wvg__tafel.is-in tbody tr { animation: lp-wvg-zeile 700ms var(--ease) both; animation-delay: calc(var(--i, 0) * 90ms); }
@keyframes lp-wvg-zeile { from { opacity: 0; } to { opacity: 1; } }
@media (max-width: 930px) {
.mojo-lp.mojo-lp.mojo-lp .lp-wvg__tab p { text-align: left; margin-inline: 0 !important; }
.mojo-lp .lp-wvg__tafel { overflow-x: auto; -webkit-overflow-scrolling: touch; scrollbar-width: none; margin-inline: calc(-1 * var(--sp-side)); padding-inline: var(--sp-side); }
.mojo-lp .lp-wvg__tafel::-webkit-scrollbar { display: none; }
.mojo-lp.mojo-lp.mojo-lp .lp-wvg__tab { min-width: 720px; }
.mojo-lp.mojo-lp.mojo-lp .lp-wvg__tab tbody th { letter-spacing: .04em; overflow-wrap: break-word; hyphens: auto; -webkit-hyphens: auto; }
.mojo-lp.mojo-lp.mojo-lp .lp-wvg__tab col.lp-wvg__c1 { width: 30%; }
.mojo-lp.mojo-lp.mojo-lp .lp-wvg__tab col.lp-wvg__c2 { width: 38%; }
.mojo-lp.mojo-lp.mojo-lp .lp-wvg__tab col.lp-wvg__c3 { width: 32%; }
.mojo-lp.mojo-lp.mojo-lp .lp-wvg__tab :is(th, td) { padding: 12px 14px; }
.mojo-lp.mojo-lp.mojo-lp .lp-wvg__tab tbody :is(td, td p, th) { font-size: var(--lp-t-klein); line-height: 1.55 !important; }
.mojo-lp.mojo-lp.mojo-lp .lp-wvg__tab thead th { position: static; }
.mojo-lp .lp-wvg__tafel::after { content: "Wischen →"; display: block; font-size: 11px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--accent); padding-block-start: 10px; position: sticky; left: 0; }
}
.mojo-lp.lp-wsc { position: relative; }
.mojo-lp .lp-wsc__strecke { margin-inline: calc(-1 * var(--sp-side)); }
.mojo-lp .lp-wsc__buehne { position: relative; display: grid; gap: var(--sp-head); padding-inline: var(--sp-side); }
.mojo-lp.mojo-lp .lp-wsc__video { display: block; width: 100%; height: auto; aspect-ratio: 16 / 9; object-fit: cover; border-radius: var(--r-card); background: var(--lp-basalt); }
.mojo-lp .lp-wsc__schleier, .mojo-lp .lp-wsc__leiste { display: none; }
.mojo-lp.mojo-lp .lp-wsc__kapitel { list-style: none !important; margin: 0 !important; padding: 0 !important; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(20px, 2.4vw, 36px) var(--gap-split); }
.mojo-lp .lp-wsc__kap { display: flex; flex-direction: column; gap: var(--sp-title); }
.mojo-lp .lp-wsc__nr { font-size: 11px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--text); font-feature-settings: "tnum" 1; }
.mojo-lp.mojo-lp .lp-wsc__kap h3 { margin: 0 !important; font-weight: 700 !important; max-width: 26ch; }
.mojo-lp.mojo-lp .lp-wsc__kap p { margin: 0 !important; max-width: 52ch; font-size: var(--lp-t-body); line-height: 1.65 !important; font-weight: var(--lp-w-body); }
.mojo-lp.lp-wsc--laeuft .lp-wsc__strecke { height: calc(var(--n, 4) * 100vh); }
.mojo-lp.lp-wsc--laeuft { --wsc-luft: clamp(12px, 2.2vh, 26px); }
.mojo-lp.lp-wsc--laeuft .lp-wsc__buehne { position: sticky; top: calc(var(--klebe, 0px) + var(--wsc-luft)); height: calc(100svh - var(--klebe, 0px) - 2 * var(--wsc-luft)); min-height: 420px; display: block; padding: 0; overflow: hidden; }
.mojo-lp.mojo-lp.lp-wsc--laeuft .lp-wsc__video { position: absolute; inset: 0; width: 100%; height: 100%; max-width: none; aspect-ratio: auto; border-radius: 0; }
.mojo-lp.lp-wsc--laeuft .lp-wsc__schleier { display: block; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(var(--bild-rgb), 0) 38%, rgba(var(--bild-rgb), .86) 100%); pointer-events: none; }
.mojo-lp.lp-wsc--laeuft .lp-wsc__leiste { display: flex; align-items: center; gap: 14px; position: absolute; right: var(--sp-side); top: clamp(20px, 3vh, 36px); z-index: 2; color: var(--auf-bild); font-size: 13px; font-weight: 600; letter-spacing: .04em; font-feature-settings: "tnum" 1; text-shadow: 0 1px 2px rgba(var(--bild-rgb), .6); }
.mojo-lp .lp-wsc__spur { display: block; width: clamp(120px, 12vw, 220px); height: 2px; background: rgba(255, 255, 255, .3); }
.mojo-lp .lp-wsc__fortschritt { display: block; height: 100%; width: calc(var(--lp-wsc-p, 0) * 100%); background: var(--lp-gold); }
.mojo-lp.lp-wsc--laeuft .lp-wsc__kapitel { position: absolute; left: var(--sp-side); right: var(--sp-side); bottom: clamp(28px, 6vh, 64px); z-index: 2; display: grid; grid-template-columns: minmax(0, 1fr); gap: 0; }
.mojo-lp.lp-wsc--laeuft .lp-wsc__kap { grid-area: 1 / 1; max-width: 46ch; opacity: 0; pointer-events: none; transition: opacity 420ms var(--ease); }
.mojo-lp.lp-wsc--laeuft .lp-wsc__kap.is-akt { opacity: 1; pointer-events: auto; }
.mojo-lp.mojo-lp.lp-wsc--laeuft .lp-wsc__kap h3 { color: var(--auf-bild); font-size: var(--lp-t-h3); line-height: 1.25 !important; }
.mojo-lp.mojo-lp.lp-wsc--laeuft .lp-wsc__kap p { color: var(--auf-bild); }
.mojo-lp.lp-wsc--laeuft .lp-wsc__nr { color: var(--lp-gold-hi); }
@media (max-width: 930px) {
.mojo-lp.mojo-lp .lp-wsc__kapitel { grid-template-columns: minmax(0, 1fr); gap: 0; }
.mojo-lp .lp-wsc__kapitel > .lp-wsc__kap + .lp-wsc__kap { margin-block-start: 26px; padding-block-start: 26px; border-block-start: 1.5px solid var(--border); }
.mojo-lp.mojo-lp.mojo-lp .lp-wsc__kap p { text-align: left; margin-inline: 0 !important; }
}
.mojo-lp.mojo-lp .lp-wzg__liste { list-style: none !important; margin: 0 !important; padding: 0 !important; position: relative; display: flex; flex-direction: column; }
.mojo-lp .lp-wzg__zeile { display: grid; grid-template-columns: clamp(40px, 4vw, 64px) minmax(0, 1fr) clamp(200px, 22vw, 340px); column-gap: clamp(20px, 3vw, 56px); align-items: center; padding-block: clamp(30px, 4.4vh, 56px); border-block-start: 1px solid var(--border); }
.mojo-lp .lp-wzg__zeile:last-child { border-block-end: 1px solid var(--border); }
.mojo-lp .lp-wzg__nr { align-self: start; font-size: 13px; font-weight: 700; letter-spacing: .1em; color: var(--accent); font-feature-settings: "tnum" 1; line-height: 1.6 !important; padding-top: .2em; }
.mojo-lp.mojo-lp .lp-wzg__zeile p { font-size: var(--lp-t-body); line-height: 1.65 !important; font-weight: var(--lp-w-body); }
.mojo-lp.mojo-lp .lp-wzg__zeile h3 { margin: 0 0 var(--sp-title) !important; font-weight: 700 !important; font-size: var(--lp-t-h3); line-height: 1.25 !important; max-width: 28ch; transition: color 300ms var(--ease); }
.mojo-lp.mojo-lp .lp-wzg__zeile p { margin: 0 !important; max-width: 62ch; transition: color 300ms var(--ease); }
.mojo-lp .lp-wzg__bild { display: block; aspect-ratio: 4 / 3; border-radius: var(--r-card); overflow: hidden; background: var(--lp-basalt); object-fit: cover; }
.mojo-lp .lp-wzg__bild img { display: block; width: 100%; height: 100%; object-fit: cover; }
.mojo-lp.lp-wzg--schwebt .lp-wzg__zeile { grid-template-columns: clamp(40px, 4vw, 64px) minmax(0, 1fr); }
.mojo-lp.lp-wzg--schwebt .lp-wzg__bild { position: absolute; left: 0; top: 0; width: clamp(220px, 22vw, 380px); height: auto; opacity: 0; pointer-events: none; z-index: 3; transform: translate(var(--lp-wzg-x, 0px), var(--lp-wzg-y, 0px)) rotate(var(--lp-wzg-r, 0deg)); transition: opacity 260ms var(--ease); will-change: transform; box-shadow: 0 28px 60px -22px rgba(var(--schatten-rgb), .75); }
.mojo-lp.lp-wzg--schwebt .lp-wzg__zeile.is-akt .lp-wzg__bild { opacity: 1; }
.mojo-lp.mojo-lp.lp-wzg--schwebt.lp-wzg--zeigt .lp-wzg__zeile:not(.is-akt) :is(h3, p) { color: var(--text-leise); }
@media (max-width: 930px) {
.mojo-lp.mojo-lp .lp-wzg__zeile { grid-template-columns: clamp(36px, 8vw, 48px) minmax(0, 1fr); column-gap: 14px; row-gap: 14px; }
.mojo-lp.mojo-lp .lp-wzg__bild { grid-column: 2; aspect-ratio: 16 / 10; }
.mojo-lp.mojo-lp.mojo-lp .lp-wzg__zeile p { text-align: left; margin-inline: 0 !important; }
}
.mojo-lp .lp-whv__karte { --lp-whv-pad: clamp(20px, 2.5vw, 32px); padding: var(--lp-whv-pad); transition: border-color var(--t-ui) var(--ease); }
.mojo-lp .lp-whv__medium { position: relative; margin: calc(-1 * var(--lp-whv-pad)) calc(-1 * var(--lp-whv-pad)) calc(var(--lp-whv-pad) - 10px); aspect-ratio: 16 / 9; overflow: hidden; border-radius: var(--r-card) var(--r-card) 0 0; background: var(--lp-basalt); }
.mojo-lp.mojo-lp .lp-whv__medium video { position: absolute; inset: 0; width: 100%; height: 100%; max-width: none; object-fit: cover; display: block; }
.mojo-lp .lp-whv__zeichen { position: absolute; right: 14px; bottom: 14px; width: 10px; height: 10px; border-radius: 50%; background: rgba(255, 255, 255, .6); box-shadow: 0 0 0 1.5px rgba(var(--bild-rgb), .45); transition: background 300ms var(--ease); }
.mojo-lp .lp-whv__karte.is-an .lp-whv__zeichen { background: var(--lp-gold); }
.mojo-lp .lp-whv__tag { font-size: 11px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--accent); font-feature-settings: "tnum" 1; }
.mojo-lp.mojo-lp .lp-whv__karte h3 { font-size: var(--lp-t-h3); line-height: 1.25 !important; font-weight: 700; }
.mojo-lp.mojo-lp .lp-whv__karte p { max-width: 52ch; font-size: var(--lp-t-body); line-height: 1.65 !important; font-weight: var(--lp-w-body); }
@media (hover: hover) and (pointer: fine) {
.mojo-lp .lp-whv__karte:hover { border-color: rgba(var(--gold-rgb), .55); }
}
.mojo-lp.lp-lx :is(h2,h3,p,.lp-eyebrow) { text-align: left; }
.mojo-lp.lp-lx .lp-eyebrow--line { justify-content: flex-start; }
.mojo-lp.lp-lx .lp-eyebrow--line::before { display: block; }
.mojo-lp.lp-lx :is(button,fieldset,legend) { font:inherit; }
.mojo-lp.lp-lx button { cursor:pointer; }
.mojo-lp.lp-lx :is(button,a,input):focus-visible { outline:3px solid var(--focus); outline-offset:5px; }.mojo-lp.lp-lx :is(.lp-lxp-result, .lp-lxk-layout) > * { min-width:0; }
.mojo-lp.lp-lx .lp-btn { max-width:100%; white-space:normal; overflow-wrap:anywhere; }
.mojo-lp.lp-lx .lp-btn-row { justify-content:flex-start; }
.mojo-lp.lp-lx .lp-lx-label { font-size:13px; font-weight:600; letter-spacing:.04em; }
.mojo-lp.lp-lx .lp-lx-photo { margin:0; position:relative; overflow:hidden; }
.mojo-lp.lp-lx .lp-lx-photo :is(picture,img) { display:block; width:100%; height:100%; object-fit:cover; }
.mojo-lp.lp-lx .lp-lx-photo picture { position:absolute; inset:0; }
.mojo-lp.lp-lx .lp-lx-photo img { object-position:var(--lx-position,center); }
.mojo-lp.lp-lx [hidden] { display:none !important; }
.mojo-lp.lp-lx .lp-sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; border:0; }
.mojo-lp.lp-lx .lp-lx-specs { display:grid; gap:var(--sp-stack); margin:0; }
.mojo-lp.lp-lx .lp-lx-specs div { display:grid; gap:8px; }
.mojo-lp.lp-lx .lp-lx-specs dt { color:var(--accent); font-size:13px; font-weight:600; }
.mojo-lp.lp-lx .lp-lx-specs dd { margin:0; }
.mojo-lp.lp-lxp .lp-lxp-landscape { position:relative; margin-inline:calc(-1 * var(--sp-side)); }
.mojo-lp.lp-lxp .lp-lxp-landscape .lp-lx-photo { aspect-ratio:2.35; }
.mojo-lp.lp-lxp .lp-lxp-landscape::after { content:""; position:absolute; inset:0; pointer-events:none; background:linear-gradient(0deg,rgba(var(--bild-rgb),.8),transparent 35%); }
.mojo-lp.lp-lxp .lp-lxp-caption { position:absolute; bottom:var(--sp-stack); left:var(--sp-side); z-index:1; color:var(--auf-bild); }
.mojo-lp.lp-lxp .lp-lxp-pin { display:none; position:absolute; left:var(--lx-x); top:var(--lx-y); z-index:2; align-items:center; gap:8px; padding:6px 12px 6px 6px; border:1px solid rgba(var(--kante-rgb),.6); border-radius:var(--r-ui); background:rgba(var(--bild-rgb),.9); color:var(--auf-bild); transform:translate(-50%,-50%); min-height:44px; transition:background var(--t-ui),border-color var(--t-ui); }
.mojo-lp.lp-lxp.is-lx-ready .lp-lxp-pin { display:flex; }
.mojo-lp.lp-lxp .lp-lxp-pin b { display:grid; place-items:center; width:32px; height:32px; border-radius:var(--r-sm); font-size:13px; background:var(--surface-2); }
.mojo-lp.lp-lxp .lp-lxp-pin span { font-size:11px; font-weight:700; }
.mojo-lp.lp-lxp .lp-lxp-pin[aria-pressed="true"] { background:var(--accent-flat); color:var(--accent-on); border-color:var(--accent-flat); }
.mojo-lp.lp-lxp .lp-lxp-pin[aria-pressed="true"] b { color:var(--accent-on); background:transparent; }
.mojo-lp.lp-lxp .lp-lxp-tabs { display:none; grid-template-columns:repeat(4,minmax(0,1fr)); gap:var(--gap-grid); padding-block:var(--sp-stack); }
.mojo-lp.lp-lxp.is-lx-ready .lp-lxp-tabs { display:grid; }
.mojo-lp.lp-lxp .lp-lxp-tab { display:flex; gap:12px; align-items:center; text-align:left; color:var(--text); border:0; border-radius:var(--r-ui); padding:12px; min-height:56px; background:transparent; box-shadow:inset 0 -2px var(--border); }
.mojo-lp.lp-lxp .lp-lxp-tab span { color:var(--accent); font-size:11px; font-weight:700; }
.mojo-lp.lp-lxp .lp-lxp-tab[aria-selected="true"] { background:var(--surface); box-shadow:inset 0 -2px var(--accent-flat); }
.mojo-lp.lp-lxp .lp-lxp-result { display:grid; grid-template-columns:1.25fr 1fr; gap:var(--gap-split); padding-block:var(--sp-stack); }
.mojo-lp.lp-lxp .lp-lxp-result .lp-lx-specs { grid-template-columns:1fr 1fr; align-content:start; padding-top:var(--sp-stack); }
.mojo-lp.lp-lxf .lp-lxf-fan { display:grid; gap:var(--gap-grid); }
.mojo-lp.lp-lxf .lp-lxf-scene { position:relative; isolation:isolate; overflow:hidden; border-radius:var(--r-card); display:flex; flex-direction:column; background:var(--surface); }
.mojo-lp.lp-lxf .lp-lxf-scene > .lp-lx-photo { position:absolute; inset:0; z-index:-2; }
.mojo-lp.lp-lxf .lp-lxf-scene::after { content:""; position:absolute; inset:0; z-index:-1; pointer-events:none; background:linear-gradient(180deg,rgba(var(--bild-rgb),.55) 0%,rgba(var(--bild-rgb),.05) 22%,rgba(var(--bild-rgb),.94) 67%,rgba(var(--bild-rgb),.98) 100%); }
.mojo-lp.lp-lxf .lp-lxf-toggle { display:flex; width:100%; align-items:center; gap:12px; padding:24px; min-height:88px; color:var(--auf-bild); background:transparent; border:0; text-align:left; }
.mojo-lp.lp-lxf .lp-lxf-toggle > span:first-child { color:var(--accent); font-size:13px; }
.mojo-lp.lp-lxf .lp-lxf-toggle b { flex:1; min-width:0; overflow-wrap:anywhere; font-size:15px; font-weight:600; }
.mojo-lp.lp-lxf .lp-lxf-plus { display:grid; place-items:center; width:32px; height:32px; border:1px solid rgba(var(--kante-rgb),.6); border-radius:var(--r-round); flex-shrink:0; }
.mojo-lp.lp-lxf .lp-lxf-teaser { padding:24px; margin-top:auto; color:var(--auf-bild); }
.mojo-lp.lp-lxf .lp-lxf-body { padding:24px; margin-top:auto; color:var(--auf-bild); }
.mojo-lp.lp-lxf .lp-lxf-body .lp-lx-specs { grid-template-columns:1fr 1fr; gap:16px; padding-block:var(--sp-stack) 0; }
.mojo-lp.lp-lxf .lp-lxf-scene:not(.is-active) .lp-lxf-body { margin-top:var(--sp-head); }
.mojo-lp.lp-lxf .lp-lxf-teaser { display:none; }
.mojo-lp.lp-lxf.is-lx-ready .lp-lxf-scene:not(.is-active) .lp-lxf-teaser { display:block; }
.mojo-lp.lp-lxf .lp-lxf-note { display:flex; justify-content:space-between; flex-wrap:wrap; gap:var(--sp-stack); margin-top:var(--sp-stack); }
.mojo-lp.lp-lxf .lp-lxf-note p { margin:0 !important; }
@media(min-width:931px) {
.mojo-lp.lp-lxf.is-lx-ready .lp-lxf-fan { display:flex; gap:12px; align-items:stretch; }
.mojo-lp.lp-lxf.is-lx-ready .lp-lxf-scene { flex:1 1 0; min-width:0; min-height:660px; transition:flex-grow var(--t-img) var(--ease); }
.mojo-lp.lp-lxf.is-lx-ready .lp-lxf-scene.is-active { flex-grow:2.8; }
.mojo-lp.lp-lxf .lp-lxf-body { padding:32px; }
.mojo-lp.lp-lxf .lp-lxf-teaser { padding-bottom:32px; }
.mojo-lp.lp-lxf .lp-lxf-toggle { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:8px; }
.mojo-lp.lp-lxf .lp-lxf-toggle > span:first-child { grid-column:1; grid-row:1; }
.mojo-lp.lp-lxf .lp-lxf-toggle b { grid-column:1; grid-row:2; }
.mojo-lp.lp-lxf .lp-lxf-plus { grid-column:2; grid-row:1 / 3; }
}
.mojo-lp.lp-lxk .lp-lxk-layout { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.3fr); gap:var(--gap-split); align-items:start; }
.mojo-lp.lp-lxk .lp-lxk-controls { display:none; }
.mojo-lp.lp-lxk.is-lx-ready .lp-lxk-controls { display:block; }
.mojo-lp.lp-lxk fieldset { margin:0 0 var(--sp-head); padding:0; border:0; min-width:0; }
.mojo-lp.lp-lxk legend { display:flex; gap:12px; align-items:center; margin-bottom:var(--sp-stack); padding:0; font-weight:600; }
.mojo-lp.lp-lxk legend span { color:var(--accent); font-size:13px; }
.mojo-lp.lp-lxk .lp-lxk-options { display:grid; gap:12px; }
.mojo-lp.lp-lxk .lp-lxk-option { display:flex; align-items:center; gap:16px; position:relative; padding:16px 20px; border:1px solid var(--border); border-radius:var(--r-ui); cursor:pointer; background:transparent; transition:background var(--t-ui),border-color var(--t-ui); }
.mojo-lp.lp-lxk .lp-lxk-option input { appearance:none; width:20px; height:20px; border:1px solid var(--accent); border-radius:var(--r-round); margin:0; flex-shrink:0; }
.mojo-lp.lp-lxk .lp-lxk-option input:checked { border:6px solid var(--accent); }
.mojo-lp.lp-lxk .lp-lxk-option:has(:checked) { background:var(--surface); border-color:var(--accent); }
.mojo-lp.lp-lxk .lp-lxk-option span { display:grid; gap:4px; }
.mojo-lp.lp-lxk .lp-lxk-option small { font-size:13px; }
.mojo-lp.lp-lxk .lp-lxk-ground { display:flex; gap:12px; flex-wrap:wrap; }
.mojo-lp.lp-lxk .lp-lxk-ground .lp-lxk-option { flex:1; padding:12px; min-width:120px; }
.mojo-lp.lp-lxk .lp-lxk-profile { display:grid; gap:var(--sp-stack); }
.mojo-lp.lp-lxk .lp-lxk-visual { position:relative; }
.mojo-lp.lp-lxk .lp-lxk-visual .lp-lx-photo { aspect-ratio:1.65; border-radius:var(--r-card); }
.mojo-lp.lp-lxk .lp-lxk-selection { display:flex; flex-wrap:wrap; gap:8px; position:absolute; bottom:20px; left:20px; right:20px; }
.mojo-lp.lp-lxk .lp-lxk-selection span { padding:8px 12px; background:rgba(var(--bild-rgb),.94); color:var(--auf-bild); border-radius:var(--r-sm); font-size:13px; }
.mojo-lp.lp-lxk .lp-lxk-profile h3 { margin-bottom:0 !important; }
.mojo-lp.lp-lxk .lp-lxk-profile p { margin:0 !important; max-width:none; }
.mojo-lp.lp-lxk .lp-lxk-groundnote { padding-left:20px; border-left:2px solid var(--accent); }
.mojo-lp.lp-lxk .lp-lxk-profile .lp-lx-specs { grid-template-columns:1fr 1fr; }
.mojo-lp.lp-lxk .lp-lxk-profile .lp-btn-row { margin-top:0 !important; }
.mojo-lp.lp-lxk:not(.is-lx-ready) .lp-lxk-layout { display:block; }
.mojo-lp.lp-lxk:not(.is-lx-ready) .lp-lxk-profile { margin-bottom:var(--sp-head); }
@media(max-width:930px) {.mojo-lp.lp-lxk .lp-lxk-layout { grid-template-columns:1fr; gap:var(--sp-stack); }
.mojo-lp.lp-lxp .lp-lxp-landscape .lp-lx-photo { aspect-ratio:1.65; }
.mojo-lp.lp-lxp .lp-lxp-result { gap:var(--sp-stack); }
.mojo-lp.lp-lxf.is-lx-ready .lp-lxf-scene:not(.is-active) .lp-lxf-teaser { display:none; }
.mojo-lp.lp-lxf.is-lx-ready .lp-lxf-scene.is-active .lp-lxf-toggle { margin-bottom:120px; }
.mojo-lp.lp-lxk fieldset { margin-bottom:var(--sp-stack); }
}
@media(max-width:600px) {
.mojo-lp.lp-lxp .lp-lxp-pin span { display:none; }
.mojo-lp.lp-lxp .lp-lxp-pin { padding:5px; min-width:44px; justify-content:center; }
.mojo-lp.lp-lxp .lp-lxp-tabs { grid-template-columns:1fr 1fr; gap:8px; }
.mojo-lp.lp-lxp .lp-lxp-tab { min-height:52px; padding:12px 8px; gap:8px; }
.mojo-lp.lp-lxp .lp-lxp-result { grid-template-columns:1fr; }
.mojo-lp.lp-lxp .lp-lxp-caption { position:relative; display:block; left:auto; bottom:auto; padding:12px var(--sp-side); background:var(--surface); font-size:13px; }
.mojo-lp.lp-lxf .lp-lxf-body,.mojo-lp.lp-lxf .lp-lxf-toggle { padding:20px; }
.mojo-lp.lp-lxf .lp-lxf-body .lp-lx-specs { grid-template-columns:1fr; }
.mojo-lp.lp-lxk .lp-lxk-profile .lp-lx-specs { grid-template-columns:1fr; }
}
@media(prefers-reduced-motion:reduce) {
.mojo-lp.lp-lx *, .mojo-lp.lp-lx *::before,.mojo-lp.lp-lx *::after { transition:none !important; animation:none !important; scroll-behavior:auto !important; }
}
.mojo-lp.lp-lvb .lp-lvb-track { position:relative; view-timeline:--lp-lvb block; }
.mojo-lp.lp-lvb .lp-lvb-stage { display:grid; gap:var(--sp-stack); }
.mojo-lp.lp-lvb .lp-lvb-picture { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); aspect-ratio:2.2; position:relative; isolation:isolate; }
.mojo-lp.lp-lvb .lp-lvb-slice { position:relative; overflow:hidden; margin:0; min-width:0; }
.mojo-lp.lp-lvb .lp-lvb-slice :is(img,picture),.mojo-lp.lp-lvb .lp-lvb-slice picture > img { position:absolute !important; max-width:none !important; width:300% !important; height:100% !important; top:0 !important; left:calc(var(--lvb-i) * -100%) !important; object-fit:cover !important; object-position:center !important; }
.mojo-lp.lp-lvb .lp-lvb-slice picture > img { width:100% !important; left:0 !important; }
.mojo-lp.lp-lvb .lp-lvb-categories { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:var(--gap-split); }
.mojo-lp.lp-lvb .lp-lvb-categories > article { min-width:0; }
.mojo-lp.lp-lvb .lp-lvb-categories p { margin-inline:0; }
.mojo-lp.lp-lvb .lp-lvb-product { display:block; padding-top:var(--sp-stack); color:var(--accent); font-size:13px; font-weight:600; }
.mojo-lp.lp-lvb .lp-lvb-finish { display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:var(--sp-stack); row-gap:calc(var(--sp-stack) + 6px); padding-top:var(--sp-stack); }
.mojo-lp.lp-lvb .lp-lvb-finish p { margin:0 !important; }
.mojo-lp.lp-lvb .lp-lvb-finish .lp-btn-row { margin:0 !important; }
.mojo-lp.lp-lvb .lp-lvb-progress { height:2px; background:var(--border); border-radius:var(--r-sm); overflow:hidden; }
.mojo-lp.lp-lvb .lp-lvb-progress::after { content:""; display:block; height:100%; background:var(--accent-flat); transform-origin:left; }
@keyframes lp-lvb-left { from { transform:translateY(-9%) rotate(-4deg); clip-path:inset(12% 8% 6% 4% round 12px); } 75%,to { transform:translateY(0) rotate(0); clip-path:inset(0 round 0); } }
@keyframes lp-lvb-center { from { transform:translateY(9%); clip-path:inset(4% 7% 4% 7% round 12px); } 75%,to { transform:translateY(0); clip-path:inset(0 round 0); } }
@keyframes lp-lvb-right { from { transform:translateY(-7%) rotate(4deg); clip-path:inset(8% 4% 12% 8% round 12px); } 75%,to { transform:translateY(0) rotate(0); clip-path:inset(0 round 0); } }
@keyframes lp-lvb-progress { from { transform:scaleX(0); } 75%,to { transform:scaleX(1); } }
@supports(animation-timeline:view()) {
@media(prefers-reduced-motion:no-preference) {
.mojo-lp.lp-lvb .lp-lvb-slice { animation:lp-lvb-left auto linear both; animation-timeline:--lp-lvb; animation-range:entry 0% entry 100%; }
.mojo-lp.lp-lvb .lp-lvb-slice:nth-child(2) { animation-name:lp-lvb-center; }
.mojo-lp.lp-lvb .lp-lvb-slice:nth-child(3) { animation-name:lp-lvb-right; }
.mojo-lp.lp-lvb .lp-lvb-progress::after { animation:lp-lvb-progress auto linear both; animation-timeline:--lp-lvb; animation-range:entry 0% entry 100%; }
}
@media(min-width:931px) and (min-height:600px) and (prefers-reduced-motion:no-preference) {
.mojo-lp.lp-lvb .lp-lvb-track { min-height:185svh; }
.mojo-lp.lp-lvb .lp-lvb-stage { position:sticky; top:calc(var(--klebe, 0px) + var(--sp-stack)); padding-block:var(--sp-stack); }
.mojo-lp.lp-lvb .lp-lvb-picture { height:44svh; aspect-ratio:auto; margin-inline:calc(-1 * var(--sp-side)); }
.mojo-lp.lp-lvb .lp-lvb-slice,.mojo-lp.lp-lvb .lp-lvb-progress::after { animation-range:contain 0% contain 100%; }
}
}
.mojo-lp.lp-lgf .lp-lgf-story { position:relative; view-timeline:--lp-lgf block; }
.mojo-lp.lp-lgf .lp-lgf-overview { display:none; }
.mojo-lp.lp-lgf .lp-lgf-chapters { display:grid; gap:var(--sp-head); }
.mojo-lp.lp-lgf .lp-lgf-chapter { display:grid; grid-template-columns:1.2fr 1fr; gap:var(--gap-split); align-items:center; min-width:0; view-timeline:--lp-lgf-chapter block; }
.mojo-lp.lp-lgf .lp-lgf-chapter > * { min-width:0; }
.mojo-lp.lp-lgf .lp-lgf-copy { display:grid; grid-template-columns:minmax(0,1fr); gap:var(--sp-stack); }
.mojo-lp.lp-lgf .lp-lgf-copy :is(p,h3) { margin-block:0 !important; }
.mojo-lp.lp-lgf .lp-lgf-copy .lp-btn-row { margin:0 !important; }
.mojo-lp.lp-lgf .lp-lgf-crop { aspect-ratio:1672 / 941; border-radius:var(--r-card); overflow:hidden; position:relative; margin:0; }
.mojo-lp.lp-lgf .lp-lgf-crop :is(picture,img),.mojo-lp.lp-lgf .lp-lgf-crop picture > img { position:absolute !important; inset:0 !important; height:100% !important; width:100% !important; max-width:none !important; object-fit:cover !important; }
.mojo-lp.lp-lgf .lp-lgf-crop > :is(img,picture) { transform:scale(2.45); transform-origin:var(--lgf-origin); }
.mojo-lp.lp-lgf .lp-lgf-chapter .lp-lx-specs { padding-top:var(--sp-stack); }
.mojo-lp.lp-lgf .lp-lgf-route { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; padding-top:var(--sp-stack); }
.mojo-lp.lp-lgf .lp-lgf-route span { font-size:13px; font-weight:600; padding-top:12px; border-top:2px solid var(--border); }
.mojo-lp.lp-lgf .lp-lgf-route b { color:var(--accent); margin-right:8px; }
@keyframes lp-lgf-camera {
0% { transform:scale(1); transform-origin:100% 65%; }
12%,30% { transform:scale(2.45); transform-origin:100% 65%; }
44%,63% { transform:scale(2.45); transform-origin:50% 35%; }
77%,100% { transform:scale(2.45); transform-origin:0% 60%; }
}
@keyframes lp-lgf-route-one { 0%,32% { border-color:var(--accent-flat); } 33%,100% { border-color:var(--border); } }
@keyframes lp-lgf-route-two { 0%,32% { border-color:var(--border); } 33%,65% { border-color:var(--accent-flat); } 66%,100% { border-color:var(--border); } }
@keyframes lp-lgf-route-three { 0%,65% { border-color:var(--border); } 66%,100% { border-color:var(--accent-flat); } }
@keyframes lp-lgf-mobile { from { transform:scale(1.6); } to { transform:scale(2.45); } }
@supports(animation-timeline:view()) {
@media(prefers-reduced-motion:no-preference) {
.mojo-lp.lp-lgf .lp-lgf-chapter .lp-lgf-crop > :is(img,picture) { animation:lp-lgf-mobile auto linear both; animation-timeline:--lp-lgf-chapter; animation-range:entry 0% entry 100%; }
}
@media(min-width:931px) and (min-height:600px) and (prefers-reduced-motion:no-preference) {
.mojo-lp.lp-lgf .lp-lgf-story { display:grid; grid-template-columns:1.35fr 1fr; gap:var(--gap-split); }
.mojo-lp.lp-lgf .lp-lgf-overview { display:block; position:sticky; top:18svh; align-self:start; margin-left:calc(-1 * var(--sp-side)); }
.mojo-lp.lp-lgf .lp-lgf-overview .lp-lgf-crop { border-radius:0 var(--r-card) var(--r-card) 0; }
.mojo-lp.lp-lgf .lp-lgf-overview .lp-lgf-crop > :is(img,picture) { animation:lp-lgf-camera auto linear both; animation-timeline:--lp-lgf; animation-range:contain 0% contain 100%; }
.mojo-lp.lp-lgf .lp-lgf-route { padding-left:var(--sp-side); }
.mojo-lp.lp-lgf .lp-lgf-route span { animation:lp-lgf-route-one auto steps(1,end) both; animation-timeline:--lp-lgf; animation-range:contain 0% contain 100%; }
.mojo-lp.lp-lgf .lp-lgf-route span:nth-child(2) { animation-name:lp-lgf-route-two; }
.mojo-lp.lp-lgf .lp-lgf-route span:nth-child(3) { animation-name:lp-lgf-route-three; }
.mojo-lp.lp-lgf .lp-lgf-chapters { gap:0; }
.mojo-lp.lp-lgf .lp-lgf-chapter { display:flex; flex-direction:column; align-items:stretch; justify-content:center; min-height:92svh; padding-block:var(--sp-head); }
.mojo-lp.lp-lgf .lp-lgf-chapter > .lp-lgf-crop { display:none; }
}
}
@media(max-width:930px) {
.mojo-lp.lp-lvb .lp-lvb-picture { aspect-ratio:1.65; }
.mojo-lp.lp-lvb .lp-lvb-categories { gap:var(--gap-grid); }
.mojo-lp.lp-lgf .lp-lgf-chapter { grid-template-columns:minmax(0,1fr); gap:var(--sp-stack); }
}
@media(max-width:600px) {
.mojo-lp.lp-lvb .lp-lvb-categories { grid-template-columns:1fr; gap:var(--sp-head); }
.mojo-lp.lp-lvb .lp-lvb-picture { margin-inline:calc(-1 * var(--sp-side)); }
.mojo-lp.lp-lvb .lp-lvb-product { padding-top:0; }
.mojo-lp.lp-lvb .lp-lvb-finish { align-items:stretch; flex-direction:column; }
.mojo-lp.lp-lvb .lp-lvb-finish .lp-btn-row { width:100%; }
}
.mojo-lp.lp-etn :is(h2,h3,p,.lp-eyebrow) { text-align:left; }
.mojo-lp.mojo-lp.lp-etn :is(h3) { font-weight: 700 !important; }
.mojo-lp.lp-etn .lp-eyebrow--line { justify-content:flex-start; }
.mojo-lp.lp-etn .lp-eyebrow--line::before { display:block; }
.mojo-lp.lp-etn .lp-btn-row { justify-content:flex-start; }
.mojo-lp.lp-etn .lp-btn { max-width:100%; white-space:normal; overflow-wrap:anywhere; }
.mojo-lp.lp-etn .lp-etn-head { display:grid; grid-template-columns:1fr 1.1fr; gap:var(--gap-split); align-items:center; }
.mojo-lp.lp-etn .lp-etn-head p { max-width:52ch; margin-inline:0; }
.mojo-lp.lp-etn .lp-etn-photo { position:relative; margin:0; overflow:hidden; border-radius:var(--r-card); aspect-ratio:16/9; }
.mojo-lp.lp-etn .lp-etn-photo :is(img,picture),.mojo-lp.lp-etn .lp-etn-photo picture > img { display:block; position:absolute !important; inset:0 !important; width:100% !important; height:100% !important; max-width:none !important; object-fit:cover !important; }
.mojo-lp.lp-etn .lp-etn-small { font-size:13px; font-weight:600; }
.mojo-lp.lp-etn .lp-etn-data { display:grid; gap:0; margin:0; }
.mojo-lp.lp-etn .lp-etn-data > div { display:grid; grid-template-columns:1fr 1.4fr; gap:var(--sp-stack); padding-block:16px; border-bottom:1px solid var(--border); }
.mojo-lp.lp-etn .lp-etn-data > div:first-child { padding-top:0; }
.mojo-lp.lp-etn .lp-etn-data dt { color:var(--accent); font-size:13px; font-weight:600; }
.mojo-lp.lp-etn .lp-etn-data dd { margin:0; }
.mojo-lp.lp-etn .lp-etn-foot { display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:var(--sp-stack); margin-top:var(--sp-head); }
.mojo-lp.lp-etn .lp-etn-foot p,.mojo-lp.lp-etn .lp-etn-foot .lp-btn-row { margin:0 !important; }
.mojo-lp.lp-eta--besuchertag { --ev-clock:clamp(150px,20vw,280px); --ev-gap:var(--gap-split); }
.mojo-lp.lp-eta--besuchertag .lp-etn-head .lp-etn-photo { aspect-ratio:3/2; }
.mojo-lp.lp-eta--besuchertag .lp-eta__folge { gap:0; }
.mojo-lp.lp-eta--besuchertag .lp-eta__schritt { display:grid; grid-template-columns:var(--ev-clock) minmax(0,1fr); gap:var(--ev-gap); padding-block:var(--sp-head); }
.mojo-lp.lp-eta--besuchertag .lp-ev-clock { display:grid; gap:12px; align-content:start; }
.mojo-lp.lp-eta--besuchertag .lp-ev-clock time { display:block; color:var(--accent); font-variant-numeric:tabular-nums; }
.mojo-lp.lp-eta--besuchertag .lp-ev-clock > span { font-size:13px; font-weight:600; }
.mojo-lp.lp-eta--besuchertag .lp-ev-route { position:absolute; left:calc(var(--ev-clock) + var(--ev-gap) / 2); top:0; bottom:0; width:2px; background:var(--border); }
.mojo-lp.lp-eta--besuchertag .lp-ev-route::before { content:""; position:absolute; inset:0; background:var(--accent-flat); transform:scaleY(var(--lp-eta-p)); transform-origin:top; }
.mojo-lp.lp-eta--besuchertag .lp-ev-route::after { content:""; position:absolute; width:12px; height:12px; border-radius:var(--r-round); left:-5px; top:calc(var(--lp-eta-p) * (100% - 12px)); background:var(--accent-flat); box-shadow:0 0 0 6px var(--bg); }
.mojo-lp.lp-eta--besuchertag .lp-ev-body { display:grid; grid-template-columns:1fr 1fr; gap:0 var(--gap-split); align-items:start; }
.mojo-lp.mojo-lp.lp-eta--besuchertag .lp-ev-body > .lp-eyebrow {
grid-column: 1 / -1; margin: 0 0 clamp(12px, 1.8vh, 18px) !important;
}
.mojo-lp.lp-eta--besuchertag .lp-ev-body > div > :first-child { margin-block-start: 0 !important; }
.mojo-lp.lp-eta--besuchertag .lp-ev-body p { margin-inline:0; }
.mojo-lp.lp-eta--besuchertag .lp-ev-program { list-style:none; margin:0 !important; padding:0 !important; display:grid; gap:16px; }
.mojo-lp.lp-eta--besuchertag .lp-ev-program li { list-style:none; margin:0 !important; padding:0 !important; display:grid; grid-template-columns:32px 1fr; gap:12px; align-items:baseline; }
.mojo-lp.lp-eta--besuchertag .lp-ev-program li > span:first-child { font-size:13px; color:var(--accent); }
.mojo-lp.lp-eta--besuchertag .lp-ev-program strong { display:block; margin-bottom:4px; }
.mojo-lp.lp-eta--besuchertag .lp-ev-aside { padding-left:var(--sp-stack); border-left:2px solid var(--border); }
.mojo-lp.lp-eta--besuchertag .lp-ev-aside p { margin:0 !important; }
.mojo-lp.lp-eta--besuchertag .lp-ev-aside strong { display:block; margin-bottom:12px; color:var(--accent); }
.mojo-lp.lp-eta--besuchertag .lp-ev-chapter { display:block; font-size:13px; padding-top:var(--sp-stack); }
@media(max-width:1100px) {
.mojo-lp.lp-eta--besuchertag .lp-ev-body { grid-template-columns:1fr; gap:var(--sp-stack); }
.mojo-lp.mojo-lp.lp-eta--besuchertag .lp-ev-body > .lp-eyebrow { margin-block-end: 0 !important; }
}
@media(max-width:930px) {
.mojo-lp.lp-etn .lp-etn-head { grid-template-columns:1fr; gap:var(--sp-stack); }
.mojo-lp.lp-eta--besuchertag { --ev-clock:130px; }
.mojo-lp.lp-eta--besuchertag .lp-ev-body { gap:14px; }
.mojo-lp.lp-eta--besuchertag .lp-ev-chapter { padding-top:12px; }
.mojo-lp.mojo-lp.lp-etn .lp-etn-head :is(h2, p, .lp-eyebrow) { text-align:center; margin-inline:auto; }
.mojo-lp.lp-etn .lp-etn-head .lp-eyebrow--line { justify-content:center; }
.mojo-lp.lp-etn .lp-etn-head .lp-eyebrow--line::before { display:none; }
}
@media(max-width:600px) {
.mojo-lp.lp-eta--besuchertag .lp-eta__schritt { grid-template-columns:1fr; gap:var(--sp-stack); padding-left:28px; }
.mojo-lp.lp-eta--besuchertag .lp-ev-route { left:0; }
.mojo-lp.lp-eta--besuchertag .lp-ev-clock { display:flex; align-items:baseline; flex-wrap:wrap; gap:12px; }
.mojo-lp.lp-etn .lp-etn-data > div { grid-template-columns:1fr; gap:8px; }
}
.mojo-lp .lp-ezm { display: grid; grid-template-columns: 2fr 1fr; gap: clamp(24px, 3vw, 56px); align-items: stretch; }
.mojo-lp .lp-ezm__tafel { display: flex; flex-direction: column; min-width: 0; }
.mojo-lp .lp-ezm__kopfzeile, .mojo-lp .lp-ezm__zeile {
display: grid; grid-template-columns: minmax(260px, 2fr) repeat(5, minmax(0, 1fr));
align-items: center; position: relative;
}
.mojo-lp .lp-ezm__zeile { grid-template-rows: auto auto; }
.mojo-lp .lp-ezm__kopfzeile { padding-block: 0 14px; }
.mojo-lp .lp-ezm__kopfzeile::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 1px; background: rgba(var(--gold-rgb),.45); }
.mojo-lp .lp-ezm__eck, .mojo-lp .lp-ezm__spalte {
font-size: 11px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--lp-label);
}
.mojo-lp .lp-ezm__spalte { text-align: center; }
.mojo-lp .lp-ezm__zeile { padding-block: clamp(16px, 2vh, 24px); cursor: pointer; }
.mojo-lp .lp-ezm__zeile::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 1px; background: var(--border); }
.mojo-lp .lp-ezm__zeile::before {
content: ""; position: absolute; inset: 0; border-radius: var(--r-card);
background: rgba(var(--gold-rgb),.08); box-shadow: 0 0 0 14px rgba(var(--gold-rgb),.08);
opacity: 0; transition: opacity .35s var(--ease);
}
.mojo-lp .lp-ezm__zeile.is-akt::before { opacity: 1; }
.mojo-lp .lp-ezm__wer { grid-area: 1 / 1; position: relative; z-index: 1; display: flex; flex-direction: column; gap: 6px; padding-inline-end: 16px; min-width: 0; }
.mojo-lp .lp-ezm__mehr { grid-area: 2 / 1 / 3 / -1; position: relative; z-index: 1; max-width: 62ch; }
.mojo-lp .lp-ezm__wer .lp-ezf__nr { color: var(--lp-label); transition: color .3s var(--ease); }
.mojo-lp .lp-ezm__zeile.is-akt .lp-ezf__nr { color: var(--accent); }
.mojo-lp.mojo-lp .lp-ezm__wer h3 { margin: 0 !important; font-size: clamp(18px, .7vw + 8px, 22px); line-height: 1.25 !important; }
.mojo-lp.mojo-lp .lp-ezm__mehr p {
margin: 0 !important; max-width: none; padding-block-start: 10px;
font-size: var(--lp-t-teaser); line-height: 1.65 !important; font-weight: 500; color: var(--text);
}
.mojo-lp .lp-ezm.is-an .lp-ezm__zeile:not(.is-akt) .lp-ezf__lade { grid-template-rows: 0fr; opacity: 0; }
.mojo-lp .lp-ezm__zelle { grid-row: 1; grid-column: calc(var(--i, 0) + 2); position: relative; z-index: 1; display: grid; place-items: center; min-height: 40px; align-self: center; }
.mojo-lp .lp-ezm__zelle i { display: none; }
.mojo-lp .lp-ezm__punkt {
display: block; width: 12px; height: 12px; border-radius: 50%;
box-shadow: inset 0 0 0 1.5px var(--lp-gold); background: transparent;
transition: background .35s var(--ease) calc(var(--i, 0) * .09s), opacity .35s var(--ease), box-shadow .35s var(--ease);
}
.mojo-lp .lp-ezm__zelle--voll .lp-ezm__punkt { background: var(--lp-gold); }
.mojo-lp .lp-ezm__zelle--leer .lp-ezm__punkt { width: 12px; height: 1.5px; border-radius: 0; box-shadow: none; background: rgba(242, 242, 242,.35); }
.mojo-lp .lp-ezm__leitung {
grid-area: 1 / 2 / 2 / -1; align-self: center; justify-self: start; pointer-events: none;
height: 1.5px; width: 0; margin-inline-start: 10%; background: var(--lp-gold); transition: width .7s var(--ease);
}
.mojo-lp .lp-ezm__zeile.is-akt .lp-ezm__leitung { width: 80%; }
.mojo-lp .lp-ezm.is-an .lp-ezm__zeile:not(.is-akt) .lp-ezm__punkt { opacity: .42; }
.mojo-lp .lp-ezm.is-an .lp-ezm__zeile:not(.is-akt) .lp-ezm__zelle--voll .lp-ezm__punkt { background: transparent; transition-delay: 0s; }
.mojo-lp .lp-ezm__fuss { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 16px 24px; padding-block-start: clamp(16px, 2vh, 24px); margin-block-start: auto; }
.mojo-lp .lp-ezm__legende { display: flex; flex-wrap: wrap; gap: 10px 22px; font-size: 11px; font-weight: 700; color: var(--lp-label); }
.mojo-lp .lp-ezm__legende span { display: inline-flex; align-items: center; gap: 8px; }
.mojo-lp .lp-ezm__legende .lp-ezm__punkt { width: 10px; height: 10px; transition: none; }
.mojo-lp .lp-ezm__legende .lp-ezm__punkt--voll { background: var(--lp-gold); }
.mojo-lp .lp-ezm__legende .lp-ezm__punkt--leer { width: 12px; height: 1.5px; border-radius: 0; box-shadow: none; background: rgba(242, 242, 242,.35); }
.mojo-lp.mojo-lp .lp-ezm__fuss .lp-btn-row { margin: 0 !important; }
.mojo-lp .lp-ezm__karte { display: flex; flex-direction: column; min-width: 0; }
.mojo-lp .lp-ezm__bild { flex: 1 1 auto; position: relative; overflow: hidden; border-radius: var(--r-card); min-height: clamp(320px, 34vw, 520px); background: var(--surface); }
.mojo-lp.mojo-lp .lp-ezm__bild img {
position: absolute !important; inset: 0 !important; width: 100% !important; height: 100% !important;
max-width: none !important; object-fit: cover !important; display: block !important; border-radius: inherit;
opacity: 0; transition: opacity .6s var(--ease);
}
.mojo-lp .lp-ezm__bild img:first-child { opacity: 1; }
.mojo-lp .lp-ezm.is-an .lp-ezm__bild img { opacity: 0; }
.mojo-lp .lp-ezm.is-an .lp-ezm__bild img.is-akt { opacity: 1; }
.mojo-lp .lp-ezz__satz { position: relative; }
.mojo-lp .lp-ezz__slot { position: relative; display: inline-block; vertical-align: baseline; }
.mojo-lp.mojo-lp .lp-ezz__wort {
-webkit-appearance: none; appearance: none; background: none; border: 0; margin: 0;
padding: 0 1.05em .06em 0; font: inherit; letter-spacing: inherit; line-height: inherit;
color: var(--text); cursor: pointer; position: relative; display: inline-block; vertical-align: baseline;
text-align: left; text-transform: none; white-space: nowrap; transition: color .25s var(--ease);
}
.mojo-lp .lp-ezz__wort::after, .mojo-lp .lp-ezz__strich { color: var(--lp-gold); }
.mojo-lp.mojo-lp .lp-ezz__wort:hover, .mojo-lp.mojo-lp .lp-ezz__wort:focus-visible { color: var(--lp-gold-hi); outline: none; }
.mojo-lp .lp-ezz__wort::after {
content: ""; position: absolute; right: .28em; top: calc(50% - .32em);
width: .3em; height: .3em; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor;
transform: rotate(45deg); transition: transform .3s var(--ease), top .3s var(--ease);
}
.mojo-lp .lp-ezz__slot.is-offen .lp-ezz__wort::after { transform: rotate(225deg); top: calc(50% - .1em); }
.mojo-lp .lp-ezz__wahl { display: inline; }
.mojo-lp .lp-ezz__wahl > span { display: none; }
.mojo-lp .lp-ezz__wahl > span.is-akt { display: inline; }
.mojo-lp .lp-ezz__strich { position: absolute; left: 0; top: calc(100% - .14em); width: calc(100% - 1.05em); height: auto; aspect-ratio: 100 / 2; display: block; overflow: visible; z-index: 1; }
.mojo-lp .lp-ezz__strich path {
fill: none; stroke: var(--lp-gold); stroke-width: 1.1; stroke-linecap: round;
stroke-dasharray: 100; stroke-dashoffset: 0; transition: stroke-dashoffset .8s var(--ease) .35s;
}
.lp-js .mojo-lp .lp-ezz__kopf[data-reveal]:not(.is-in) .lp-ezz__strich path { stroke-dashoffset: 100; }
.mojo-lp .lp-ezz__wort.is-neu .lp-ezz__strich path { animation: lp-ezz-strich .75s var(--ease) both; }
@keyframes lp-ezz-strich { from { stroke-dashoffset: 100; } to { stroke-dashoffset: 0; } }
.mojo-lp.mojo-lp .lp-ezz__liste {
position: absolute; z-index: 6; top: calc(100% + 10px); left: 0; min-width: 260px;
margin: 0 !important; padding: 6px !important; list-style: none; display: none; text-align: left;
border-radius: var(--r-card); background: var(--surface);
box-shadow: inset 0 0 0 1.5px rgba(var(--gold-rgb),.55), 0 18px 40px rgba(0,0,0,.45);
}
.mojo-lp .lp-ezz__slot.is-offen .lp-ezz__liste { display: block; }
.mojo-lp.mojo-lp .lp-ezz__liste li { list-style: none; margin: 0 !important; padding: 0 !important; display: block; }
.mojo-lp.mojo-lp .lp-ezz__option {
-webkit-appearance: none; appearance: none; display: flex; width: 100%; align-items: baseline; justify-content: space-between; gap: 18px;
background: none; border: 0; border-radius: calc(var(--r-card) - 4px); padding: 12px 16px; margin: 0; cursor: pointer;
font: 600 clamp(15px, 1.05vw, 18px)/1.3 var(--font); letter-spacing: 0; text-transform: none; color: var(--text); text-align: left;
transition: background .25s var(--ease), color .25s var(--ease);
}
.mojo-lp.mojo-lp .lp-ezz__option:hover, .mojo-lp.mojo-lp .lp-ezz__option:focus-visible { background: rgba(var(--gold-rgb),.14); outline: none; }
.mojo-lp.mojo-lp .lp-ezz__option[aria-selected="true"] { color: var(--accent); }
.mojo-lp .lp-ezz__option small { font: 600 11px/1 var(--font); letter-spacing: .12em; text-transform: uppercase; color: var(--lp-label); white-space: nowrap; }
.mojo-lp .lp-ezz { display: grid; }
.mojo-lp .lp-ezz__fall { display: grid; grid-template-columns: 1.1fr .9fr; gap: clamp(24px, 3.5vw, 64px); align-items: start; }
.mojo-lp .lp-ezz__fall + .lp-ezz__fall { margin-block-start: clamp(32px, 4vh, 56px); }
.mojo-lp .lp-ezz.is-an .lp-ezz__fall { grid-area: 1 / 1; margin: 0; opacity: 0; visibility: hidden; transition: opacity .5s var(--ease), visibility 0s .5s; }
.mojo-lp .lp-ezz.is-an .lp-ezz__fall.is-akt { opacity: 1; visibility: visible; transition: opacity .5s var(--ease) .1s, visibility 0s; }
.mojo-lp .lp-ezz__bild { position: relative; overflow: hidden; border-radius: var(--r-card); aspect-ratio: 16 / 10; background: var(--surface); }
.mojo-lp.mojo-lp .lp-ezz__bild img {
position: absolute !important; inset: 0 !important; width: 100% !important; height: 100% !important;
max-width: none !important; object-fit: cover !important; display: block !important; border-radius: inherit;
}
.mojo-lp .lp-ezz.is-an .lp-ezz__fall .lp-ezz__bild { clip-path: inset(0 100% 0 0 round var(--r-card)); transition: clip-path .7s var(--ease); }
.mojo-lp .lp-ezz.is-an .lp-ezz__fall.is-akt .lp-ezz__bild { clip-path: inset(0 0 0 0 round var(--r-card)); transition-delay: .1s; }
.mojo-lp .lp-ezz__text { display: flex; flex-direction: column; min-width: 0; }
.mojo-lp .lp-ezz__text .lp-ezf__nr { color: var(--lp-label); margin-block-end: 10px; }
.mojo-lp.mojo-lp .lp-ezz__posten { list-style: none; margin: 0 !important; padding: 0 !important; display: grid; }
.mojo-lp.mojo-lp .lp-ezz__posten li {
list-style: none; margin: 0 !important; padding: 14px 0 !important; position: relative;
display: grid; grid-template-columns: 14px 1fr; gap: 3px 14px; align-items: start;
}
.mojo-lp .lp-ezz__posten li::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 1px; background: var(--border); }
.mojo-lp .lp-ezz__posten li::before { content: ""; grid-row: 1; width: 8px; height: 8px; margin-top: .5em; border-radius: 50%; background: var(--lp-gold); }
.mojo-lp .lp-ezz__posten strong { display: block; grid-column: 2; font-size: var(--lp-t-h3); font-weight: 700; line-height: 1.25; color: var(--text); }
.mojo-lp .lp-ezz__posten span { grid-column: 2; font-size: var(--lp-t-body); font-weight: 500; line-height: 1.65; color: var(--text); }
.mojo-lp .lp-ezz.is-an .lp-ezz__posten li { opacity: 0; transition: opacity .45s var(--ease); }
.mojo-lp .lp-ezz.is-an .lp-ezz__fall.is-akt .lp-ezz__posten li { opacity: 1; transition-delay: calc(.2s + var(--i, 0) * .09s); }
.mojo-lp.mojo-lp .lp-ezz__text .lp-btn-row { margin-block-start: clamp(26px, 2.4vh, 30px) !important; }
@media (max-width: 1180px) {
.mojo-lp .lp-ezm { grid-template-columns: 1.5fr 1fr; }
.mojo-lp .lp-ezm__kopfzeile, .mojo-lp .lp-ezm__leitung { display: none; }
.mojo-lp .lp-ezm__zeile { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; padding-block: 28px; }
.mojo-lp .lp-ezm__zeile::before { box-shadow: 0 0 0 10px rgba(var(--gold-rgb),.08); }
.mojo-lp .lp-ezm__wer { flex: 1 0 100%; padding: 0; order: 0; }
.mojo-lp .lp-ezm__mehr { flex: 1 0 100%; order: 1; max-width: none; }
.mojo-lp .lp-ezm__zelle { order: 2; display: inline-flex; align-items: center; gap: 7px; min-height: 0; padding: 6px 12px; border-radius: 999px; box-shadow: inset 0 0 0 1.5px rgba(var(--gold-rgb),.5); }
.mojo-lp .lp-ezm__zelle--leer { display: none; }
.mojo-lp .lp-ezm__zelle i { display: inline; font-style: normal; font-size: 11px; font-weight: 700; letter-spacing: 0; color: var(--text); }
.mojo-lp .lp-ezm__punkt { width: 8px; height: 8px; }
.mojo-lp.mojo-lp .lp-ezm.is-an .lp-ezm__zeile:not(.is-akt) .lp-ezm__punkt { opacity: 1; }
.mojo-lp.mojo-lp .lp-ezm.is-an .lp-ezm__zeile:not(.is-akt) .lp-ezm__zelle--voll .lp-ezm__punkt { background: var(--lp-gold); }
.mojo-lp.mojo-lp .lp-ezm__mehr p { padding-block-start: 4px !important; }
}
@media (max-width: 930px) {.mojo-lp.mojo-lp :is(.lp-ezm__wer, .lp-ezm__mehr, .lp-ezz__text, .lp-ezm__legende) :is(p, h3, span, strong) { text-align: left !important; margin-inline: 0 !important; }
.mojo-lp .lp-ezm { grid-template-columns: 1fr; }
.mojo-lp .lp-ezm__karte { display: none; }
.mojo-lp .lp-ezm__fuss { flex-direction: column; align-items: flex-start; }
.mojo-lp .lp-ezz__slot { position: static; }
.mojo-lp.mojo-lp .lp-ezz__liste { left: 0; right: 0; min-width: 0; padding: 10px !important; }
.mojo-lp .lp-ezz__slot.is-offen .lp-ezz__liste { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; }
.mojo-lp.mojo-lp .lp-ezz__option { width: auto; padding: 8px 14px; border-radius: 999px; box-shadow: inset 0 0 0 1.5px rgba(var(--gold-rgb),.5); font-size: 14px; }
.mojo-lp .lp-ezz__option small { display: none; }
.mojo-lp .lp-ezz__fall { grid-template-columns: 1fr; gap: 20px; }
.mojo-lp .lp-ezz.is-an .lp-ezz__fall .lp-ezz__bild { clip-path: none; }
}
.mojo-lp :is(.lp-etl__zeile, .lp-etm__karte) .lp-eta__kennung::after {
display: inline-block; min-width: 7.1ch; text-align: right;
font-variant-numeric: tabular-nums; font-feature-settings: "tnum" 1;
}
@property --etl-f { syntax: "<number>"; inherits: true; initial-value: 1; }
.mojo-lp .lp-etl { --etl-klein: clamp(20px, 1.5vw, 26px); --etl-gross: clamp(40px, 5.4vw, 88px); }
.mojo-lp .lp-etl__folge { display: grid; gap: 0; border-block-end: 1.5px solid rgba(var(--kante-rgb), .16); }
.mojo-lp .lp-etl__zeile {
display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr) clamp(104px, 11vw, 168px);
gap: clamp(20px, 3vw, 56px); align-items: center;
min-height: clamp(180px, 27vh, 280px); padding-block: clamp(14px, 2vh, 24px);
border-block-start: 1.5px solid rgba(var(--kante-rgb), .16);
}
.mojo-lp.mojo-lp .lp-etl__zeile .lp-eta__kennung { margin-block-end: clamp(8px, 1.2vh, 14px) !important; }
.mojo-lp .lp-etl__zeile .lp-eta__kennung::after { content: " · " counter(lp-eta-z) " %"; counter-reset: lp-eta-z var(--lp-eta-z); }
.mojo-lp.mojo-lp .lp-etl__titel {
margin: 0 !important; font-weight: 800 !important; letter-spacing: -.03em; line-height: .96 !important;
font-size: calc(var(--etl-klein) + (var(--etl-gross) - var(--etl-klein)) * var(--etl-f));
color: var(--text); hyphens: manual; text-wrap: balance;
}
.mojo-lp .lp-etl__titel .lp-etl__nr { color: var(--accent); font-feature-settings: "tnum" 1; margin-inline-end: .28em; }
.mojo-lp .lp-etl__mehr { display: flex; flex-direction: column; }
.mojo-lp.mojo-lp .lp-etl__mehr h3 { margin: 0 0 6px !important; font-weight: 700 !important; }
.mojo-lp.mojo-lp .lp-etl__mehr p { margin: 0 !important; max-width: none; }
.mojo-lp .lp-etl__bild { position: relative; overflow: hidden; border-radius: var(--r-card); aspect-ratio: 4 / 3; opacity: clamp(0, calc(var(--etl-f) * 1.6 - .4), 1); }
.mojo-lp.mojo-lp .lp-etl__bild img {
position: absolute !important; inset: 0 !important; width: 100% !important; height: 100% !important;
max-width: none !important; object-fit: cover !important; display: block !important; border-radius: inherit;
}
@keyframes lp-etl-walze { 0%, 100% { --etl-f: 0; } 40%, 60% { --etl-f: 1; } }
@supports (animation-timeline: view()) {
.mojo-lp.lp-eta--walze .lp-eta__schritt {
animation-name: lp-eta-lauf, lp-etl-walze;
animation-duration: auto, auto;
animation-timing-function: linear, steps(30, jump-none);
animation-fill-mode: both, both; animation-timeline: view(), view();
animation-range: entry 50% exit 50%, cover 0% cover 100%;
}
}
html.lp-nozeit .mojo-lp.lp-eta--walze .lp-eta__schritt { --etl-f: 1; }
@property --etm-f { syntax: "<number>"; inherits: true; initial-value: 0; }
.mojo-lp .lp-etm { position: relative; }
.mojo-lp .lp-etm__klebe { display: grid; gap: clamp(16px, 2.4vh, 28px); }
.mojo-lp .lp-etm__buehne { display: flex; gap: 4px; height: clamp(360px, 56vh, 640px); overflow: hidden; border-radius: var(--r-card); }
.mojo-lp .lp-etm__paneel { position: relative; overflow: hidden; flex: 1 1 0; min-width: 0; display: flex; align-items: flex-start; }
.mojo-lp.mojo-lp .lp-etm__paneel img {
position: absolute !important; inset: 0 !important; width: 100% !important; height: 100% !important;
max-width: none !important; object-fit: cover !important; display: block !important;
filter: saturate(calc(.55 + .45 * var(--etm-f)));
}
.mojo-lp .lp-etm__paneel::after {
content: ""; position: absolute; inset: 0; z-index: 1; pointer-events: none;
background: linear-gradient(180deg, rgba(0,0,0,calc(.42 - .22 * var(--etm-f))) 0%, rgba(0,0,0,.72) 100%);
}
.mojo-lp.mojo-lp .lp-etm__nr {
position: relative; z-index: 2; margin: 0 !important; padding: clamp(18px, 2.2vw, 34px) clamp(14px, 1.8vw, 28px);
font-size: clamp(56px, 8.5vw, 150px); font-weight: 800; line-height: .9 !important; letter-spacing: -.05em;
font-feature-settings: "tnum" 1;
color: rgba(255,255,255, calc(var(--etm-f) * .96)); -webkit-text-stroke: 1.5px rgba(255,255,255,.7);
}
.mojo-lp .lp-etm { --etm-n: 4; }
.mojo-lp .lp-etm:has(.lp-etm__buehne > .lp-etm__paneel:nth-child(3):last-child) { --etm-n: 3; }
.mojo-lp .lp-etm:has(.lp-etm__buehne > .lp-etm__paneel:nth-child(5):last-child) { --etm-n: 5; }
.mojo-lp .lp-etm:has(.lp-etm__buehne > .lp-etm__paneel:nth-child(6):last-child) { --etm-n: 6; }
.mojo-lp :is(.lp-etm__paneel, .lp-etm__karte):nth-child(1) { --etm-j: 0; }
.mojo-lp :is(.lp-etm__paneel, .lp-etm__karte):nth-child(2) { --etm-j: 1; }
.mojo-lp :is(.lp-etm__paneel, .lp-etm__karte):nth-child(3) { --etm-j: 2; }
.mojo-lp :is(.lp-etm__paneel, .lp-etm__karte):nth-child(4) { --etm-j: 3; }
.mojo-lp :is(.lp-etm__paneel, .lp-etm__karte):nth-child(5) { --etm-j: 4; }
.mojo-lp :is(.lp-etm__paneel, .lp-etm__karte):nth-child(6) { --etm-j: 5; }
.mojo-lp .lp-etm:has(.lp-etm__buehne > .lp-etm__paneel:nth-child(3):last-child) .lp-etm__karte:nth-child(1) { --von: 0 !important; --bis: 33 !important; }
.mojo-lp .lp-etm:has(.lp-etm__buehne > .lp-etm__paneel:nth-child(3):last-child) .lp-etm__karte:nth-child(2) { --von: 33 !important; --bis: 67 !important; }
.mojo-lp .lp-etm:has(.lp-etm__buehne > .lp-etm__paneel:nth-child(3):last-child) .lp-etm__karte:nth-child(3) { --von: 67 !important; --bis: 100 !important; }
.mojo-lp .lp-etm:has(.lp-etm__buehne > .lp-etm__paneel:nth-child(5):last-child) .lp-etm__karte:nth-child(1) { --von: 0 !important; --bis: 20 !important; }
.mojo-lp .lp-etm:has(.lp-etm__buehne > .lp-etm__paneel:nth-child(5):last-child) .lp-etm__karte:nth-child(2) { --von: 20 !important; --bis: 40 !important; }
.mojo-lp .lp-etm:has(.lp-etm__buehne > .lp-etm__paneel:nth-child(5):last-child) .lp-etm__karte:nth-child(3) { --von: 40 !important; --bis: 60 !important; }
.mojo-lp .lp-etm:has(.lp-etm__buehne > .lp-etm__paneel:nth-child(5):last-child) .lp-etm__karte:nth-child(4) { --von: 60 !important; --bis: 80 !important; }
.mojo-lp .lp-etm:has(.lp-etm__buehne > .lp-etm__paneel:nth-child(5):last-child) .lp-etm__karte:nth-child(5) { --von: 80 !important; --bis: 100 !important; }
.mojo-lp .lp-etm:has(.lp-etm__buehne > .lp-etm__paneel:nth-child(6):last-child) .lp-etm__karte:nth-child(1) { --von: 0 !important; --bis: 17 !important; }
.mojo-lp .lp-etm:has(.lp-etm__buehne > .lp-etm__paneel:nth-child(6):last-child) .lp-etm__karte:nth-child(2) { --von: 17 !important; --bis: 33 !important; }
.mojo-lp .lp-etm:has(.lp-etm__buehne > .lp-etm__paneel:nth-child(6):last-child) .lp-etm__karte:nth-child(3) { --von: 33 !important; --bis: 50 !important; }
.mojo-lp .lp-etm:has(.lp-etm__buehne > .lp-etm__paneel:nth-child(6):last-child) .lp-etm__karte:nth-child(4) { --von: 50 !important; --bis: 67 !important; }
.mojo-lp .lp-etm:has(.lp-etm__buehne > .lp-etm__paneel:nth-child(6):last-child) .lp-etm__karte:nth-child(5) { --von: 67 !important; --bis: 83 !important; }
.mojo-lp .lp-etm:has(.lp-etm__buehne > .lp-etm__paneel:nth-child(6):last-child) .lp-etm__karte:nth-child(6) { --von: 83 !important; --bis: 100 !important; }
.mojo-lp .lp-etm__karten { display: grid; grid-template-columns: repeat(var(--etm-n, 4), minmax(0, 1fr)); gap: clamp(14px, 1.6vw, 24px); }
.mojo-lp .lp-etm__karte { --lp-eta-z: var(--bis, 100); padding: clamp(18px, 2vw, 28px); border-radius: var(--r-card); background: var(--surface); box-shadow: inset 0 0 0 1.5px rgba(var(--gold-rgb), .35); display: flex; flex-direction: column; }
.mojo-lp.mojo-lp .lp-etm__karte .lp-eta__kennung { margin-block-end: 10px !important; }
.mojo-lp .lp-etm__karte .lp-eta__kennung::after { content: " · " counter(lp-eta-z) " %"; counter-reset: lp-eta-z var(--lp-eta-z); }
.mojo-lp.mojo-lp .lp-etm__karte h3 { margin: 0 0 6px !important; font-weight: 700 !important; }
.mojo-lp.mojo-lp .lp-etm__karte p { margin: 0 !important; max-width: none; }
@keyframes lp-etm-atmen { 0%, 100% { flex-grow: 1; --etm-f: 0; } 28%, 72% { flex-grow: 3.4; --etm-f: 1; } }
@keyframes lp-etm-atmen-ende { 0% { flex-grow: 1; --etm-f: 0; } 28%, 100% { flex-grow: 3.4; --etm-f: 1; } }
@keyframes lp-etm-karte-ende { 0% { opacity: 0; visibility: hidden; } 7%, 100% { opacity: 1; visibility: visible; } }
@keyframes lp-etm-karte { 0%, 100% { opacity: 0; visibility: hidden; } 7%, 93% { opacity: 1; visibility: visible; } }
@supports (animation-timeline: view()) {
.mojo-lp .lp-etm { height: calc(var(--etm-n, 4) * (100svh - var(--klebe, 0px))); view-timeline: --lp-etm block; }
.mojo-lp .lp-etm__klebe { position: sticky; top: var(--klebe, 0px); height: calc(100svh - var(--klebe, 0px)); display: block; }
.mojo-lp .lp-etm__buehne { height: 100%; }
.mojo-lp .lp-etm__paneel { transition: none; animation: lp-etm-atmen auto linear both; animation-timeline: --lp-etm; }
.mojo-lp .lp-etm__paneel { animation-range: contain calc(var(--etm-j, 0) / var(--etm-n, 4) * 100%) contain calc((var(--etm-j, 0) + 1) / var(--etm-n, 4) * 100%); }
.mojo-lp .lp-etm__paneel:last-child { animation-name: lp-etm-atmen-ende; }
.mojo-lp .lp-etm__karten {
position: absolute; z-index: 3; left: clamp(18px, 2.2vw, 36px); bottom: clamp(18px, 2.2vw, 36px);
grid-template-columns: 1fr; width: min(46ch, 68%);
}
.mojo-lp .lp-etm__karte { grid-area: 1 / 1; background: rgba(10,11,7,.86); animation: lp-etm-karte auto linear both; animation-timeline: --lp-etm; }
.mojo-lp .lp-etm__karte { animation-range: contain calc(var(--etm-j, 0) / var(--etm-n, 4) * 100%) contain calc((var(--etm-j, 0) + 1) / var(--etm-n, 4) * 100%); }
.mojo-lp .lp-etm__karte:last-child { animation-name: lp-etm-karte-ende; }
.mojo-lp .lp-etm__klebe { animation: lp-eta-lauf auto linear both; animation-timeline: --lp-etm; animation-range: contain 0% contain 100%; }
.mojo-lp .lp-etm__lauf { position: absolute; z-index: 3; left: 0; right: 0; top: 0; height: 3px; background: rgba(255,255,255,.18); }
.mojo-lp .lp-etm__lauf::before { content: ""; position: absolute; inset: 0; background: var(--lp-gold); transform-origin: left; transform: scaleX(var(--lp-eta-p)); }
}
.mojo-lp .lp-etm__lauf { display: none; }
@supports (animation-timeline: view()) { .mojo-lp .lp-etm__lauf { display: block; } }
@media (max-width: 930px) {
.mojo-lp .lp-etl { --etl-klein: 20px; --etl-gross: clamp(30px, 8.6vw, 40px); }
.mojo-lp .lp-etl__zeile { grid-template-columns: minmax(0, 1fr); gap: 10px; min-height: 0; align-items: start; padding-block: clamp(18px, 3vh, 26px); }
.mojo-lp .lp-etl__bild { display: none; }
.mojo-lp .lp-etl__mehr { opacity: 1; }
.mojo-lp.mojo-lp .lp-etl__zeile :is(h3, p, .lp-eta__kennung) { text-align: left !important; margin-inline: 0 !important; }
.mojo-lp .lp-etm__buehne { flex-direction: column; }
.mojo-lp.mojo-lp .lp-etm__nr { font-size: clamp(34px, 11vw, 48px); padding: 12px 14px; }
.mojo-lp.mojo-lp .lp-etm__karte :is(h3, p, .lp-eta__kennung) { text-align: left !important; margin-inline: 0 !important; }
}
@supports (animation-timeline: view()) {
@media (max-width: 930px) {
.mojo-lp .lp-etm__klebe { display: grid; grid-template-rows: 58% minmax(0, 1fr); gap: 12px; }
.mojo-lp .lp-etm__buehne { height: auto; }
.mojo-lp .lp-etm__karten { position: static; width: auto; }
.mojo-lp .lp-etm__karte { background: var(--surface); }
}
}
@media (max-width: 600px) { .mojo-lp .lp-etm__karten { grid-template-columns: minmax(0, 1fr); } }
@media (prefers-reduced-motion: reduce) {
.mojo-lp .lp-etm__paneel, .mojo-lp .lp-etm__karte, .mojo-lp .lp-etm__klebe, .mojo-lp.lp-eta--walze .lp-eta__schritt { animation-name: none !important; }
.mojo-lp .lp-etm__karte { opacity: 1; visibility: visible; }
.mojo-lp .lp-etl { --etl-f: 1; }
}
.mojo-lp.lp-tab {
--tab-top: calc(var(--klebe, 90px) + 16px);
}
.mojo-lp .lp-tab__layout { position: relative; }
.mojo-lp .lp-tab__nav { display: flex; gap: 8px; z-index: 8; }
.mojo-lp.mojo-lp .lp-tab__link {
position: relative; display: flex; align-items: center; justify-content: center;
gap: 12px; min-height: 44px; padding: 12px 20px;
font-family: var(--font); font-size: clamp(13px, .95vw, 16px); font-weight: 700;
letter-spacing: .04em; line-height: 1.25; text-decoration: none;
color: var(--text); border: 1px solid transparent;
transition: background var(--t-ui) var(--ease), color var(--t-ui) var(--ease), border-color var(--t-ui) var(--ease);
}
.mojo-lp .lp-tab__link:hover { border-color: var(--accent); }
.mojo-lp .lp-tab__link:focus-visible { outline: 2px solid var(--accent); outline-offset: 4px; }
.mojo-lp.mojo-lp .lp-tab__link[aria-current="step"] { background: var(--accent-flat); color: var(--accent-on); }
.mojo-lp .lp-tab__steps { display: block; min-width: 0; }
.mojo-lp .lp-tab__step { position: relative; min-width: 0; scroll-margin-top: calc(var(--tab-top) + 80px); }
.mojo-lp .lp-tab__photo { position: relative; margin: 0; overflow: hidden; border-radius: var(--r-card); min-width: 0; }
.mojo-lp.mojo-lp .lp-tab__photo img { display: block; width: 100%; height: 100%; object-fit: cover; }
.mojo-lp .lp-tab__copy { min-width: 0; }
.mojo-lp.mojo-lp .lp-tab__copy h3, .mojo-lp.mojo-lp .lp-tab__body h3 { font-size: var(--lp-t-h3); line-height: 1.25 !important; font-weight: 700; }
.mojo-lp.mojo-lp .lp-tab__body p, .mojo-lp.mojo-lp .lp-tab__copy p { font-size: var(--lp-t-body); line-height: 1.65 !important; }
.mojo-lp .lp-tab__copy .lp-eyebrow { display: block; }
.mojo-lp .lp-tab__detail { display: flex; flex-wrap: wrap; gap: 8px 20px; padding-block: var(--sp-stack); border-top: 1px solid var(--border); margin-top: var(--sp-stack); }
.mojo-lp.mojo-lp .lp-tab__detail span { display: inline-flex; align-items: center; gap: 8px; font-size: var(--lp-t-klein); line-height: 1.65; font-weight: 500; }
.mojo-lp .lp-tab__detail span::before { content: ''; width: 4px; height: 4px; background: var(--accent); border-radius: var(--r-round); }
.mojo-lp.lp-tab--dock .lp-tab__nav {
position: sticky; top: var(--tab-top); width: max-content; max-width: 100%;
margin: 0 auto -68px; padding: 8px; border-radius: 999px;
background: var(--lp-carbon); --text: #fff; --accent: var(--lp-gold);
border: 1px solid var(--lp-basalt-3);
}
.mojo-lp.lp-tab--dock .lp-tab__link { border-radius: 999px; }
.mojo-lp.lp-tab--dock .lp-tab__step { padding-top: 20px; }
.mojo-lp.lp-tab--dock .lp-tab__photo { height: 68svh; min-height: 380px; }
.mojo-lp.lp-tab--dock .lp-tab__copy { position: relative; width: 48%; margin: calc(-1 * var(--sp-head)) var(--sp-head) 0 auto; padding: var(--sp-head); background: var(--surface); border-top: 3px solid var(--accent-flat); border-radius: var(--r-card); }
@media (min-width: 931px) { .mojo-lp.lp-tab--dock .lp-tab__unit:nth-child(4n) .lp-tab__step .lp-tab__copy { margin-inline: var(--sp-head) auto; } }
.mojo-lp.lp-tab--seitenleiste .lp-tab__layout { display: grid; grid-template-columns: 1fr 3fr; gap: var(--gap-split); }
.mojo-lp.lp-tab--seitenleiste .lp-tab__nav { position: sticky; top: calc(var(--tab-top) + var(--sp-head)); align-self: start; flex-direction: column; border-left: 1px solid var(--border); }
.mojo-lp.lp-tab--seitenleiste .lp-tab__link { justify-content: flex-start; padding-block: var(--sp-stack); border-radius: 0 var(--r-ui) var(--r-ui) 0; }
.mojo-lp.lp-tab--seitenleiste .lp-tab__link span:first-child { font-variant-numeric: tabular-nums; }
.mojo-lp.lp-tab--seitenleiste .lp-tab__step { display: grid; grid-template-columns: 1fr 1fr; column-gap: var(--gap-grid); row-gap: var(--sp-stack); border-top: 1px solid var(--border); padding-top: var(--sp-stack); align-items: start; }
.mojo-lp.lp-tab--seitenleiste .lp-tab__photo { grid-column: 1 / -1; aspect-ratio: 16 / 9; }
.mojo-lp.lp-tab--seitenleiste .lp-tab__copy { display: contents; }
.mojo-lp.lp-tab--seitenleiste .lp-tab__heading { grid-column: 1 / -1; }
.mojo-lp.lp-tab--seitenleiste .lp-tab__body { grid-column: 1; padding-top: 0; }
.mojo-lp.lp-tab--seitenleiste .lp-tab__seite { grid-column: 2; min-width: 0; }
.mojo-lp.mojo-lp.lp-tab--seitenleiste .lp-tab__body h3 { margin-block: 0 var(--sp-title) !important; }
.mojo-lp.mojo-lp.lp-tab--seitenleiste .lp-tab__body p:last-child { margin-block-end: 0 !important; }
@media (min-width: 931px) { .mojo-lp.lp-tab--seitenleiste .lp-tab__unit:nth-child(4n) .lp-tab__step .lp-tab__photo { aspect-ratio: 2 / 1; } }
.mojo-lp.lp-tab--register .lp-tab__nav { position: sticky; top: var(--tab-top); gap: 0; background: var(--bg); padding-top: 8px; }
.mojo-lp.lp-tab--register .lp-tab__link { flex: 1; border: 1px solid var(--border); border-bottom: 0; border-radius: var(--r-card) var(--r-card) 0 0; padding-block: var(--sp-stack); background: var(--surface-2); }
.mojo-lp.lp-tab--register .lp-tab__steps { gap: var(--sp-section); }
.mojo-lp.lp-tab--register .lp-tab__step { background: var(--bg); border: 1px solid var(--border); border-radius: 0 0 var(--r-card) var(--r-card); padding: var(--sp-head); display: grid; grid-template-columns: 1fr 1fr; gap: var(--gap-split); align-items: center; min-height: 65svh; }
.mojo-lp.lp-tab--register .lp-tab__photo { aspect-ratio: 4 / 3; order: 2; }
.mojo-lp.lp-tab--register .lp-tab__copy { order: 1; }
@media (min-width: 931px) { .mojo-lp.lp-tab--register .lp-tab__unit:nth-child(4n) .lp-tab__step .lp-tab__photo { order: 0; } }
.mojo-lp.lp-tab--bildindex .lp-tab__layout { display: grid; grid-template-columns: minmax(0, 1fr) minmax(150px, 16%); gap: var(--gap-split); }
.mojo-lp.lp-tab--bildindex .lp-tab__nav { grid-column: 2; grid-row: 1; position: sticky; top: var(--tab-top); align-self: start; flex-direction: column; }
.mojo-lp.lp-tab--bildindex .lp-tab__link { display: grid; grid-template-columns: 1fr; padding: 8px; justify-items: start; border-radius: var(--r-ui); gap: 8px; }
.mojo-lp.lp-tab--bildindex .lp-tab__thumb { display: block; width: 100%; aspect-ratio: 2 / 1; object-fit: cover; border-radius: var(--r-sm); }
.mojo-lp.lp-tab--bildindex .lp-tab__steps { grid-column: 1; grid-row: 1; }
.mojo-lp.lp-tab--bildindex .lp-tab__step { display: grid; grid-template-columns: 3fr 2fr; align-items: center; }
.mojo-lp.lp-tab--bildindex .lp-tab__photo { aspect-ratio: 4 / 5; grid-column: 1; grid-row: 1; }
.mojo-lp.lp-tab--bildindex .lp-tab__copy { grid-column: 2; grid-row: 1; position: relative; margin-left: calc(-1 * var(--sp-head)); padding: var(--sp-head); background: var(--bg); border-left: 3px solid var(--accent-flat); }
.mojo-lp.lp-tab--kapitelspur .lp-tab__layout { display: grid; grid-template-columns: minmax(0,1fr) 150px minmax(0,1fr); column-gap: var(--gap-grid); }
.mojo-lp.lp-tab--kapitelspur .lp-tab__nav { grid-column: 2; grid-row: 1; position: sticky; top: calc(var(--tab-top) + var(--sp-head)); align-self: start; flex-direction: column; padding-block: var(--sp-head); }
.mojo-lp.lp-tab--kapitelspur .lp-tab__nav::before { content: ''; position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: var(--border); }
.mojo-lp.lp-tab--kapitelspur .lp-tab__link { flex-direction: column; gap: 8px; background: var(--bg); border: 1px solid var(--border); border-radius: var(--r-card); margin-block: 8px; }
.mojo-lp.lp-tab--kapitelspur .lp-tab__steps { display: block; grid-column: 1 / -1; grid-row: 1; pointer-events: none; }
.mojo-lp.lp-tab--kapitelspur .lp-tab__step { display: grid; grid-template-columns: minmax(0,1fr) 150px minmax(0,1fr); column-gap: var(--gap-grid); align-items: center; min-height: 65svh; pointer-events: none; }
.mojo-lp.lp-tab--kapitelspur .lp-tab__photo { grid-column: 1; grid-row: 1; aspect-ratio: 4 / 5; pointer-events: auto; }
.mojo-lp.lp-tab--kapitelspur .lp-tab__copy { grid-column: 3; grid-row: 1; padding-block: var(--sp-head); border-top: 1px solid var(--border); pointer-events: auto; }
@media (min-width: 931px) { .mojo-lp.lp-tab--kapitelspur .lp-tab__unit:nth-child(4n) .lp-tab__step .lp-tab__photo { grid-column: 3; } }
@media (min-width: 931px) { .mojo-lp.lp-tab--kapitelspur .lp-tab__unit:nth-child(4n) .lp-tab__step .lp-tab__copy { grid-column: 1; } }
@supports (animation-timeline: view()) {
@media (min-width: 931px) and (prefers-reduced-motion: no-preference) {
.mojo-lp.lp-tab .lp-tab__photo { animation: lp-tab-bild auto linear both; animation-timeline: view(); animation-range: entry 0% entry 85%; }
.mojo-lp.lp-tab--bildindex .lp-tab__photo { animation-name: lp-tab-bild-seite; }
.mojo-lp.lp-tab--register .lp-tab__photo { animation: none; }
}
}
@keyframes lp-tab-bild { from { clip-path: inset(14% 0 0 0 round 12px); } to { clip-path: inset(0 round 12px); } }
@keyframes lp-tab-bild-seite { from { clip-path: inset(0 18% 0 0 round 12px); } to { clip-path: inset(0 round 12px); } }
@media (max-width: 930px) {
.mojo-lp.lp-tab .lp-tab__layout { display: block; }
.mojo-lp.lp-tab .lp-tab__nav { --text: inherit; --accent: inherit; position: static; flex-direction: row; flex-wrap: wrap; width: auto; max-width: none; margin: 0 0 var(--sp-head); padding: 0; border: 0; border-radius: 0; background: var(--bg); }
.mojo-lp.lp-tab .lp-tab__nav::before { display: none; }
.mojo-lp.lp-tab .lp-tab__link { flex: 1; flex-direction: row; margin: 0; justify-content: center; border: 1px solid var(--border); border-radius: var(--r-ui); padding: 12px; color: var(--text); }
.mojo-lp.lp-tab .lp-tab__steps { display: block; }
.mojo-lp.lp-tab .lp-tab__step { position: relative; top: auto; display: grid; grid-template-columns: minmax(0,1fr); gap: var(--sp-stack); min-height: 0; padding: 0; scroll-margin-top: 20px; pointer-events: auto; }
.mojo-lp.mojo-lp.lp-tab .lp-tab__step .lp-tab__photo { grid-area: auto; order: 0; height: auto; min-height: 0; aspect-ratio: 16 / 9; }
.mojo-lp.mojo-lp.lp-tab .lp-tab__step .lp-tab__copy { grid-area: auto; order: 1; display: block; width: auto; margin: 0; padding: 0; border: 0; }
.mojo-lp.mojo-lp.lp-tab--dock .lp-tab__step .lp-tab__copy { padding: var(--sp-stack); border-top: 3px solid var(--accent-flat); }
.mojo-lp.lp-tab--register .lp-tab__step { padding: var(--sp-stack); border-radius: var(--r-card); }
.mojo-lp.lp-tab--bildindex .lp-tab__nav { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); }
.mojo-lp.lp-tab--bildindex .lp-tab__link { padding: 8px; }
.mojo-lp.lp-tab--seitenleiste .lp-tab__body { padding-top: 0; }
.mojo-lp.mojo-lp.lp-tab .lp-tab__body + .lp-tab__seite { margin-block-start: var(--sp-stack); }
}
@media (max-width: 600px) {
.mojo-lp.lp-tab .lp-tab__nav { display: none; }
.mojo-lp.mojo-lp.lp-tab .lp-tab__copy, .mojo-lp.mojo-lp.lp-tab .lp-tab__body { text-align: left; }
.mojo-lp.mojo-lp.lp-tab :is(.lp-tab__copy, .lp-tab__body) :is(h2, h3, p) { text-align: left; margin-inline: 0; }
.mojo-lp.mojo-lp.lp-tab :is(.lp-tab__copy, .lp-tab__body) :is(.lp-eyebrow, .lp-eyebrow--line) { justify-content: flex-start; text-align: left; margin-inline: 0; }
.mojo-lp.lp-tab .lp-tab__detail { justify-content: flex-start; }
.mojo-lp.mojo-lp.lp-tab .lp-tab__copy .lp-btn-row { justify-content: flex-start; }
.mojo-lp.mojo-lp.lp-tab--bildindex .lp-tab__step .lp-tab__photo { aspect-ratio: 4 / 3; }
.mojo-lp.lp-tab--kapitelspur .lp-tab__step { border-bottom: 1px solid var(--border); padding-bottom: var(--sp-head); }
}
@media (prefers-reduced-motion: reduce), (max-height: 650px) {
.mojo-lp.lp-tab .lp-tab__nav, .mojo-lp.lp-tab--register .lp-tab__unit { position: relative; top: auto; }
.mojo-lp.lp-tab--dock .lp-tab__nav { margin-bottom: var(--sp-stack); }
.mojo-lp.lp-tab .lp-tab__photo { animation: none; }
.mojo-lp.lp-tab .lp-tab__link { transition: none; }
}
.mojo-lp .lp-tab__unit { margin-bottom: var(--sp-section); min-width:0; }
.mojo-lp .lp-tab__unit:last-child { margin-bottom:0; }
.mojo-lp .lp-tab__marker { height:1px; margin-bottom:-1px; scroll-margin-top:calc(var(--tab-top) + 80px); pointer-events:none; }
@media(min-width:931px) and (min-height:651px) and (prefers-reduced-motion:no-preference){ .mojo-lp.lp-tab--register .lp-tab__unit { position:sticky; top:calc(var(--tab-top) + 66px); } }
.mojo-lp.lp-tab--flow .lp-tab__unit { position: relative; top: auto; }.mojo-lp.mojo-lp.lp-bes .lp-bes__abschluss, .mojo-lp.mojo-lp.lp-etn .lp-etn-foot { row-gap: calc(var(--sp-stack) + 6px); }
.mojo-lp.mojo-lp.mojo-lp .lp-ezs__karte .lp-btn-row { margin-block-start: calc(var(--sp-stack) + 6px - 8px) !important; }
@property --lp-mis-a { syntax: "<number>"; inherits: true; initial-value: 1; }
.mojo-lp.lp-mis { timeline-scope: --lp-mis; }
.mojo-lp .lp-mis__marke { display: block; height: 1px; margin-block-end: -1px; view-timeline-name: --lp-mis; view-timeline-axis: block; pointer-events: none; }
.mojo-lp.mojo-lp .lp-mis .lp-eyebrow { margin-block: 0 var(--sp-eyebrow) !important; }
.mojo-lp .lp-mis__kopf { margin-block-end: var(--sp-head); }
.mojo-lp.mojo-lp .lp-mis__kopf h2 { margin-block-end: 0 !important; }
.mojo-lp.mojo-lp .lp-mis__kopf .lp-split > div > p:last-child { margin-block-end: 0 !important; }
@keyframes lp-mis-auf { from { --lp-mis-a: 0; } to { --lp-mis-a: 1; } }
.mojo-lp.lp-mis--leitsatz .lp-mis__satz {
font-size: clamp(34px, 4.6vw, 78px) !important; font-weight: 700 !important; letter-spacing: -.028em;
line-height: calc(.84 + .24 * var(--lp-mis-a)) !important;
max-width: none; text-wrap: balance; hyphens: manual; margin-block-end: var(--sp-head) !important;
}
.mojo-lp.lp-mis--leitsatz .lp-mis__satz em { font-style: normal; color: var(--accent); }
.mojo-lp .lp-mis__fuss { display: grid; grid-template-columns: 1fr 1fr; gap: var(--gap-split); align-items: start; }
.mojo-lp .lp-mis__fuss > div { grid-column: 2; }
.mojo-lp.mojo-lp .lp-mis__fuss p { max-width: 58ch; }
@supports (animation-timeline: view()) {
.mojo-lp.lp-mis--leitsatz .lp-mis__satz {
animation: lp-mis-auf auto steps(24, jump-none) both;
animation-timeline: --lp-mis; animation-range: cover 0% cover 58%;
}
}
html.lp-nozeit .mojo-lp.lp-mis--leitsatz .lp-mis__satz { animation: none; --lp-mis-a: 0; transition: --lp-mis-a 1.4s steps(24, jump-none); }
html.lp-nozeit .mojo-lp.lp-mis--leitsatz.is-auf .lp-mis__satz { --lp-mis-a: 1; }
.mojo-lp .lp-mis__saeulen {
display: grid; grid-template-columns: repeat(3, minmax(0, 1fr));
gap: calc(var(--gap-grid) * var(--lp-mis-a));
border-radius: var(--r-card); overflow: clip;
}
.mojo-lp .lp-mis__platte {
background: var(--surface); padding: clamp(22px, 2.6vw, 36px);
border-radius: calc(var(--r-card) * var(--lp-mis-a));
position: relative; display: flex; flex-direction: column; gap: 8px;
}
.mojo-lp .lp-mis__platte + .lp-mis__platte::before {
content: ""; position: absolute; inset-block: 0; inset-inline-start: calc(-1 * var(--gap-grid) * var(--lp-mis-a) / 2 - .5px);
width: 1px; background: var(--border); opacity: calc(1 - var(--lp-mis-a));
}
.mojo-lp .lp-mis__nr { font-size: 11px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--accent); font-feature-settings: "tnum" 1; line-height: 1.65; }
.mojo-lp.mojo-lp .lp-mis__platte h3 { margin: 0 !important; font-size: clamp(17px, 1.5vw, 23px) !important; line-height: 1.15 !important; font-weight: 700 !important; }
.mojo-lp.mojo-lp .lp-mis__platte p { margin: 0 !important; max-width: none; font-size: clamp(13px, .95vw, 15px); line-height: 1.65; }
@supports (animation-timeline: view()) {
.mojo-lp.lp-mis--saeulen .lp-mis__saeulen {
animation: lp-mis-auf auto steps(24, jump-none) both;
animation-timeline: --lp-mis; animation-range: cover 0% cover 55%;
}
}
html.lp-nozeit .mojo-lp.lp-mis--saeulen .lp-mis__saeulen { animation: none; --lp-mis-a: 0; transition: --lp-mis-a 1.4s steps(24, jump-none); }
html.lp-nozeit .mojo-lp.lp-mis--saeulen.is-auf .lp-mis__saeulen { --lp-mis-a: 1; }
.mojo-lp.lp-mis--original .lp-split { align-items: stretch; }
.mojo-lp .lp-mis__medaillon {
position: relative; overflow: hidden; min-height: clamp(280px, 30vw, 520px);
border-radius: calc(50% * (1 - var(--lp-mis-a)) + var(--r-card) * var(--lp-mis-a));
}
.mojo-lp.mojo-lp .lp-mis__medaillon img {
position: absolute !important; inset: 0 !important; width: 100% !important; height: 100% !important;
max-width: none !important; object-fit: cover !important; display: block !important; border-radius: inherit;
}
.mojo-lp.mojo-lp .lp-mis__text h2 { margin-block-end: var(--sp-title) !important; }
@supports (animation-timeline: view()) {
.mojo-lp.lp-mis--original .lp-mis__medaillon {
animation: lp-mis-auf auto linear both;
animation-timeline: --lp-mis; animation-range: cover 0% cover 62%;
}
}
html.lp-nozeit .mojo-lp.lp-mis--original .lp-mis__medaillon { animation: none; --lp-mis-a: 0; transition: --lp-mis-a 1.6s cubic-bezier(.2, .7, .2, 1); }
html.lp-nozeit .mojo-lp.lp-mis--original.is-auf .lp-mis__medaillon { --lp-mis-a: 1; }
.mojo-lp.lp-mis--panorama { padding-block: 0; }
.mojo-lp .lp-mis__buehne {
position: relative; isolation: isolate; overflow: clip; view-timeline-name: --lp-mis-pan; view-timeline-axis: block;
margin-inline: calc(-1 * var(--sp-side)); width: calc(100% + 2 * var(--sp-side));
min-height: max(560px, calc(100svh - var(--klebe, 90px)));
display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center;
gap: var(--sp-head); padding: var(--sp-section) var(--sp-side);
}
.mojo-lp.mojo-lp .lp-mis__buehne img {
position: absolute !important; left: 0 !important; top: -30% !important; width: 100% !important; height: 160% !important;
max-width: none !important; object-fit: cover !important; display: block !important; z-index: 0;
translate: 0 calc((var(--lp-mis-a) - .5) * 36%);
}
.mojo-lp .lp-mis__buehne::after { content: ""; position: absolute; inset: 0; z-index: 1; background: linear-gradient(180deg, rgba(var(--bild-rgb), .5) 0%, rgba(var(--bild-rgb), .66) 55%, rgba(var(--bild-rgb), .78) 100%); }
.mojo-lp .lp-mis__buehne > * { position: relative; z-index: 2; }
.mojo-lp .lp-mis__buehne .lp-inner { max-width: 820px; display: flex; flex-direction: column; align-items: stretch; }
.mojo-lp.mojo-lp .lp-mis__buehne .lp-eyebrow--line { justify-content: center; color: var(--lp-gold); align-self: stretch; }
.mojo-lp.mojo-lp .lp-mis__buehne .lp-eyebrow--line::before { display: block; }
.mojo-lp.mojo-lp.mojo-lp .lp-mis__buehne h2 { color: var(--auf-bild); width: 100%; max-width: none; margin-inline: 0 !important; }
.mojo-lp.mojo-lp .lp-mis__buehne p:not(.lp-eyebrow) { color: var(--auf-bild); margin-inline: auto; max-width: 62ch; }
.mojo-lp .lp-mis__raster { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(28px, 3.4vw, 56px) var(--gap-grid); text-align: center; width: min(100%, 1240px); }
.mojo-lp .lp-mis__punkt { display: flex; flex-direction: column; align-items: center; }
.mojo-lp .lp-mis__punkt svg { width: 44px; height: 44px; color: var(--lp-gold); margin-block-end: 14px; flex: none; }
.mojo-lp.mojo-lp .lp-mis__punkt h3 { margin: 0 0 6px !important; font-weight: 700 !important; text-align: center; color: var(--auf-bild); }
.mojo-lp.mojo-lp .lp-mis__punkt p { margin: 0 !important; max-width: 34ch; text-align: center; }
.mojo-lp .lp-mis__outro { text-align: center; display: flex; flex-direction: column; align-items: center; }
.mojo-lp.mojo-lp .lp-mis__outro p { margin: 0 !important; max-width: 58ch; margin-inline: auto !important; }
.mojo-lp.mojo-lp .lp-mis__outro .lp-btn-row { justify-content: center; }
@supports (animation-timeline: view()) {
.mojo-lp.lp-mis--panorama .lp-mis__buehne img {
animation: lp-mis-auf auto linear both;
animation-timeline: --lp-mis-pan; animation-range: cover 0% cover 100%;
}
}
html.lp-nozeit .mojo-lp.lp-mis--panorama .lp-mis__buehne img { animation: none; --lp-mis-a: .5; }
.mojo-lp .lp-mis__kurve { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: var(--gap-grid); align-items: start; margin-block-end: 0; }
.mojo-lp .lp-mis__saeule { display: flex; flex-direction: column; min-width: 0; }
.mojo-lp .lp-mis__jahr { font-size: clamp(22px, 1.9vw, 32px); font-weight: 700; letter-spacing: -.02em; line-height: 1.1; color: var(--text); font-feature-settings: "tnum" 1; }
.mojo-lp .lp-mis__kennwert { font-size: 11px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--accent); margin-block: 4px 12px; line-height: 1.65; }
.mojo-lp .lp-mis__balken { position: relative; height: clamp(150px, 20vh, 260px); border-radius: var(--r-ui); background: var(--surface); overflow: hidden; margin-block-end: 16px; }
.mojo-lp .lp-mis__balken::before {
content: ""; position: absolute; inset-inline: 0; bottom: 0;
height: calc(var(--wert, 100) * 1% * var(--lp-mis-a));
background: linear-gradient(180deg, var(--lp-gold-hi), var(--lp-gold)); border-radius: inherit;
}
.mojo-lp.mojo-lp .lp-mis__saeule h3 { margin: 0 0 6px !important; font-size: clamp(17px, 1.5vw, 23px) !important; line-height: 1.15 !important; font-weight: 700 !important; }
.mojo-lp.mojo-lp .lp-mis__saeule p { margin: 0 !important; max-width: none; font-size: clamp(13px, .95vw, 15px); line-height: 1.65; }
.mojo-lp .lp-mis__wisch { display: none; }
@supports (animation-timeline: view()) {
.mojo-lp.lp-mis--wachstum .lp-mis__balken { animation: lp-mis-auf auto linear both; animation-timeline: --lp-mis; }
.mojo-lp.lp-mis--wachstum .lp-mis__saeule:nth-child(1) .lp-mis__balken { animation-range: cover 0% cover 40%; }
.mojo-lp.lp-mis--wachstum .lp-mis__saeule:nth-child(2) .lp-mis__balken { animation-range: cover 7% cover 47%; }
.mojo-lp.lp-mis--wachstum .lp-mis__saeule:nth-child(3) .lp-mis__balken { animation-range: cover 14% cover 54%; }
.mojo-lp.lp-mis--wachstum .lp-mis__saeule:nth-child(4) .lp-mis__balken { animation-range: cover 21% cover 61%; }
.mojo-lp.lp-mis--wachstum .lp-mis__saeule:nth-child(5) .lp-mis__balken { animation-range: cover 28% cover 68%; }
}
html.lp-nozeit .mojo-lp.lp-mis--wachstum .lp-mis__balken { animation: none; --lp-mis-a: 0; transition: --lp-mis-a 1.4s cubic-bezier(.2, .7, .2, 1); }
html.lp-nozeit .mojo-lp.lp-mis--wachstum .lp-mis__saeule:nth-child(2) .lp-mis__balken { transition-delay: .15s; }
html.lp-nozeit .mojo-lp.lp-mis--wachstum .lp-mis__saeule:nth-child(3) .lp-mis__balken { transition-delay: .3s; }
html.lp-nozeit .mojo-lp.lp-mis--wachstum .lp-mis__saeule:nth-child(4) .lp-mis__balken { transition-delay: .45s; }
html.lp-nozeit .mojo-lp.lp-mis--wachstum .lp-mis__saeule:nth-child(5) .lp-mis__balken { transition-delay: .6s; }
html.lp-nozeit .mojo-lp.lp-mis--wachstum.is-auf .lp-mis__balken { --lp-mis-a: 1; }
@property --lp-mis-e { syntax: "<integer>"; inherits: true; initial-value: 1; }
@keyframes lp-mis-epoche { from { --lp-mis-e: 1; } to { --lp-mis-e: 5; } }
@keyframes lp-mis-linie { from { --lp-mis-a: 0; } to { --lp-mis-a: 1; } }
.mojo-lp.lp-mis--epochen { timeline-scope: --lp-mis, --lp-mis-reihe; }
.mojo-lp .lp-mis__stand { display: flex; align-items: center; justify-content: flex-end; gap: 14px; align-self: start; }
.mojo-lp .lp-mis__stand p { margin: 0 !important; font-size: 11px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--accent); counter-reset: lp-mis-e var(--lp-mis-e); white-space: nowrap; }
.mojo-lp .lp-mis__stand p::before { content: "Epoche " counter(lp-mis-e, decimal-leading-zero) " von 05"; }
.mojo-lp .lp-mis__pfeil { appearance: none; border: 1px solid rgba(var(--kante-rgb), .28); background: transparent; color: var(--text); width: 40px; height: 40px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; cursor: pointer; transition: border-color var(--t-ui) var(--ease), background var(--t-ui) var(--ease); }
.mojo-lp .lp-mis__pfeil:hover, .mojo-lp .lp-mis__pfeil:focus-visible { border-color: var(--accent); outline: none; }
.mojo-lp .lp-mis__pfeil svg { width: 16px; height: 16px; display: block; }
.mojo-lp .lp-mis__reihe {
display: grid; grid-auto-flow: column; grid-auto-columns: calc((100% - 2 * var(--gap-grid)) / 3); gap: var(--gap-grid);
overflow-x: auto; overflow-y: hidden; scroll-snap-type: x mandatory; scrollbar-width: none; -webkit-overflow-scrolling: touch;
scroll-timeline-name: --lp-mis-reihe; scroll-timeline-axis: x;
padding-block-end: 2px; margin-block-end: 18px;
}
.mojo-lp .lp-mis__reihe::-webkit-scrollbar { display: none; }
.mojo-lp .lp-mis__epoche { scroll-snap-align: start; scroll-snap-stop: always; container-type: scroll-state; min-width: 0; }
.mojo-lp .lp-mis__epocheninnen {
display: flex; flex-direction: column; height: 100%;
border-block-start: 2px solid rgba(var(--kante-rgb), .18); padding-block-start: 18px;
transition: border-color var(--t-ui) var(--ease);
}
.mojo-lp .lp-mis__epoche .lp-mis__jahr { font-size: clamp(30px, 3vw, 52px); letter-spacing: -.03em; line-height: 1; margin-block-end: 14px; }
.mojo-lp.mojo-lp .lp-mis__epoche h3 { margin: 0 0 6px !important; font-weight: 700 !important; }
.mojo-lp.mojo-lp .lp-mis__epoche p { margin: 0 0 18px !important; max-width: none; font-size: clamp(14px, 1vw, 19px); line-height: 1.65; }
.mojo-lp .lp-mis__epochenbild { position: relative; overflow: hidden; border-radius: var(--r-card); aspect-ratio: 4 / 3; margin-block-start: auto; }
.mojo-lp.mojo-lp .lp-mis__epochenbild img { position: absolute !important; inset: 0 !important; width: 100% !important; height: 100% !important; max-width: none !important; object-fit: cover !important; display: block !important; }
@container scroll-state(snapped: x) {
.mojo-lp .lp-mis__epocheninnen { border-color: var(--accent); }
.mojo-lp .lp-mis__epocheninnen .lp-mis__jahr { color: var(--accent); }
}
.mojo-lp .lp-mis__linie { position: relative; height: 2px; background: rgba(var(--kante-rgb), .14); border-radius: 1px; overflow: hidden; }
.mojo-lp .lp-mis__linie::before { content: ""; position: absolute; inset-block: 0; inset-inline-start: 0; width: calc(34% + 66% * var(--lp-mis-a)); background: var(--accent); border-radius: inherit; }
@supports (animation-timeline: scroll()) {
.mojo-lp.lp-mis--epochen .lp-mis__stand p { animation: lp-mis-epoche auto linear both; animation-timeline: --lp-mis-reihe; }
.mojo-lp.lp-mis--epochen .lp-mis__linie { animation: lp-mis-linie auto linear both; animation-timeline: --lp-mis-reihe; }
}
@supports not (animation-timeline: scroll()) {
.mojo-lp.lp-mis--epochen .lp-mis__stand p { display: none; }
.mojo-lp.lp-mis--epochen .lp-mis__pfeil { display: none; }
.mojo-lp.lp-mis--epochen .lp-mis__linie { display: none; }
}
@media (max-width: 930px) {
.mojo-lp.mojo-lp.lp-mis--leitsatz .lp-mis__satz { animation: none; --lp-mis-a: 1; }
.mojo-lp.mojo-lp.lp-mis--saeulen .lp-mis__saeulen { animation: none; --lp-mis-a: 1; grid-template-columns: 1fr; gap: 12px; overflow: visible; }
.mojo-lp.mojo-lp .lp-mis__platte + .lp-mis__platte::before { content: none; }
.mojo-lp .lp-mis__fuss { grid-template-columns: 1fr; }
.mojo-lp .lp-mis__fuss > div { grid-column: 1; }
.mojo-lp.lp-mis--original .lp-mis__medaillon { order: 2; min-height: 0; aspect-ratio: 4 / 3; }
.mojo-lp.lp-mis--original .lp-mis__text { order: 1; }
.mojo-lp.mojo-lp.lp-mis--panorama .lp-mis__buehne img { animation: none; --lp-mis-a: .5; }
.mojo-lp.lp-mis--panorama .lp-mis__buehne { min-height: 0; gap: clamp(28px, 6vh, 44px); }
.mojo-lp.mojo-lp.lp-mis--panorama :is(h2, h3, p:not(.lp-eyebrow), span) { text-align: center; margin-inline: auto; }
.mojo-lp.mojo-lp.lp-mis--panorama .lp-btn-row { justify-content: center; }
.mojo-lp.mojo-lp.lp-mis--panorama .lp-eyebrow--line { justify-content: center; }
.mojo-lp .lp-mis__raster { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.mojo-lp .lp-mis__kurve { grid-auto-flow: column; grid-auto-columns: 78%; grid-template-columns: none; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; margin-inline: calc(-1 * var(--sp-side)); padding-inline: var(--sp-side); scroll-padding-inline: var(--sp-side); }
.mojo-lp .lp-mis__kurve::-webkit-scrollbar { display: none; }
.mojo-lp .lp-mis__saeule { scroll-snap-align: start; }
.mojo-lp.mojo-lp.lp-mis--wachstum .lp-mis__balken { animation: none; --lp-mis-a: 1; height: 140px; }
.mojo-lp .lp-mis__wisch { display: flex; align-items: center; gap: 10px; font-size: 11px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--accent); margin-block: -8px 18px; }
.mojo-lp .lp-mis__reihe { grid-auto-columns: 82%; margin-inline: calc(-1 * var(--sp-side)); padding-inline: var(--sp-side); scroll-padding-inline: var(--sp-side); }
.mojo-lp .lp-mis__stand { justify-content: flex-start; margin-block-end: var(--sp-stack); }
}
@media (max-width: 600px) {
.mojo-lp .lp-mis__raster { grid-template-columns: 1fr; }
}
@property --lp-nh-a { syntax: "<number>"; inherits: true; initial-value: 1; }
@keyframes lp-nh-auf { from { --lp-nh-a: 0; } to { --lp-nh-a: 1; } }
.mojo-lp.lp-nh { timeline-scope: --lp-nh; }
.mojo-lp .lp-nh__marke { display: block; height: 1px; margin-block-end: -1px; view-timeline-name: --lp-nh; view-timeline-axis: block; pointer-events: none; }
.mojo-lp .lp-nh__kopf { margin-block-end: var(--sp-head); }
.mojo-lp .lp-nh__wisch { display: none; }
.mojo-lp.mojo-lp .lp-nh__kopf h2 { margin-block-end: 0 !important; }
.mojo-lp.mojo-lp .lp-nh__kopf .lp-split > div > p:last-child { margin-block-end: 0 !important; }
.mojo-lp .lp-nh__label { display: block; font-size: 11px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--accent); line-height: 1.65; }
.mojo-lp .lp-nh__bilanz { display: grid; grid-template-columns: 1fr 1fr; gap: var(--gap-split); align-items: start; margin-block-start: var(--sp-head); }
.mojo-lp .lp-eyebrow + .lp-nh__bilanz { margin-block-start: 10px; }
.mojo-lp .lp-nh__text { border-inline-start: 2px solid var(--accent); padding-inline-start: clamp(24px, 2.6vw, 48px); }
.mojo-lp.mojo-lp .lp-nh__text h2 { margin-block-end: var(--sp-title) !important; }
.mojo-lp.mojo-lp .lp-nh__text > p { margin-block-end: var(--sp-head) !important; }
.mojo-lp .lp-nh__tags { gap: 10px 12px; }
.mojo-lp.mojo-lp .lp-nh__tags .lp-tag { font-size: 11px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; padding: 12px 16px; border-radius: var(--r-sm); border-color: rgba(var(--kante-rgb), .22); }
.mojo-lp .lp-nh__kennzahlen { display: grid; }
.mojo-lp .lp-nh__kennzahl { display: grid; grid-template-columns: auto 1fr; gap: 0 clamp(18px, 2vw, 36px); align-items: start; padding-block: clamp(22px, 3vh, 40px); border-block-start: 1.5px solid rgba(var(--kante-rgb), .16); }
.mojo-lp .lp-nh__kennzahl > div { min-width: 0; }
.mojo-lp .lp-nh__kennzahl:last-child { border-block-end: 1.5px solid rgba(var(--kante-rgb), .16); }
.mojo-lp .lp-nh__kennzahl:first-child { padding-block-start: 0; border-block-start: 0; }
.mojo-lp .lp-nh__wert { font-size: clamp(44px, 4.4vw, 84px); font-weight: 800; letter-spacing: -.03em; line-height: 1; color: var(--text); font-feature-settings: "tnum" 1; display: inline-flex; align-items: flex-start; }
.mojo-lp .lp-nh__wert sup { font-size: .34em; font-weight: 700; color: var(--accent); margin-inline-start: .06em; line-height: 1; margin-block-start: .12em; }
.mojo-lp .lp-nh__kennzahl .lp-nh__label { margin-block: .55em 8px; }
.mojo-lp.mojo-lp .lp-nh__kennzahl p { margin: 0 !important; max-width: none; }
.mojo-lp .lp-nh__anteile { display: grid; gap: clamp(22px, 3vh, 40px); margin-block-end: 0; }
.mojo-lp .lp-nh__anteil { display: grid; gap: 10px; }
.mojo-lp .lp-nh__paar { display: flex; justify-content: space-between; gap: 16px; }
.mojo-lp .lp-nh__paar .lp-nh__label:last-child { color: var(--text); text-align: right; }
.mojo-lp .lp-nh__balken {
display: grid; grid-template-columns: calc(50% + (var(--wert, 50) - 50) * 1% * var(--lp-nh-a)) minmax(0, 1fr);
gap: 3px; height: clamp(44px, 4.4vw, 64px); border-radius: var(--r-ui); overflow: clip;
}
.mojo-lp .lp-nh__balken > b { display: flex; align-items: center; padding-inline: clamp(12px, 1.4vw, 20px); background: linear-gradient(90deg, var(--lp-gold-md), var(--lp-gold)); color: #FFFFFF; font-size: clamp(17px, 1.5vw, 23px); font-weight: 700; letter-spacing: -.01em; font-feature-settings: "tnum" 1; white-space: nowrap; min-width: 0; overflow: clip; }
.mojo-lp .lp-nh__balken > i { display: block; background: var(--surface); }
.mojo-lp.mojo-lp .lp-nh__anteil p { margin: 0 !important; max-width: 68ch; }
@supports (animation-timeline: view()) {
.mojo-lp.lp-nh--anteil .lp-nh__balken { animation: lp-nh-auf auto steps(24, jump-none) both; animation-timeline: --lp-nh; }
.mojo-lp.lp-nh--anteil .lp-nh__anteil:nth-child(1) .lp-nh__balken { animation-range: cover 0% cover 45%; }
.mojo-lp.lp-nh--anteil .lp-nh__anteil:nth-child(2) .lp-nh__balken { animation-range: cover 8% cover 53%; }
.mojo-lp.lp-nh--anteil .lp-nh__anteil:nth-child(3) .lp-nh__balken { animation-range: cover 16% cover 61%; }
}
html.lp-nozeit .mojo-lp.lp-nh--anteil .lp-nh__balken { animation: none; --lp-nh-a: 0; transition: --lp-nh-a 1.4s steps(24, jump-none); }
html.lp-nozeit .mojo-lp.lp-nh--anteil .lp-nh__anteil:nth-child(2) .lp-nh__balken { transition-delay: .15s; }
html.lp-nozeit .mojo-lp.lp-nh--anteil .lp-nh__anteil:nth-child(3) .lp-nh__balken { transition-delay: .3s; }
html.lp-nozeit .mojo-lp.lp-nh--anteil.is-auf .lp-nh__balken { --lp-nh-a: 1; }
.mojo-lp .lp-nh__tabelle { --nh-py: clamp(14px, 1.6vw, 22px); --nh-px: clamp(14px, 1.6vw, 24px); overflow: visible; border-radius: var(--r-card); border: 1.5px solid var(--border); margin-block-end: 0; }
.mojo-lp.mojo-lp.mojo-lp .lp-nh__tabelle .lp-table th { font-size: 11px; font-weight: 700; letter-spacing: .14em; }
.mojo-lp.mojo-lp.mojo-lp .lp-nh__tabelle .lp-table td { font-size: var(--lp-t-body); line-height: 1.65; }
.mojo-lp.mojo-lp .lp-nh__tabelle .lp-table th { position: sticky; top: var(--klebe, 90px); z-index: 2; container-type: scroll-state; background: var(--surface) !important; }
.mojo-lp.mojo-lp .lp-nh__tabelle .lp-table th > span { display: block; position: relative; transition: color var(--t-ui) var(--ease); }
.mojo-lp.mojo-lp .lp-nh__tabelle .lp-table th > span::after { content: ""; position: absolute; inset-inline: calc(-1 * var(--nh-px)); inset-block-end: calc(-1 * var(--nh-py) - 1.5px); height: 2px; background: transparent; transition: background var(--t-ui) var(--ease); }
@container scroll-state(stuck: top) {
.mojo-lp.mojo-lp.mojo-lp .lp-nh__tabelle .lp-table th > span::after { background: var(--accent); }
.mojo-lp.mojo-lp.mojo-lp .lp-nh__tabelle .lp-table th > span { color: var(--accent); }
}
.mojo-lp.mojo-lp .lp-nh__tabelle .lp-table th, .mojo-lp.mojo-lp .lp-nh__tabelle .lp-table td { padding: var(--nh-py) var(--nh-px); vertical-align: top; }
.mojo-lp.mojo-lp .lp-nh__tabelle .lp-table td:first-child { font-weight: 700; }
.mojo-lp.mojo-lp .lp-nh__tabelle .lp-table td:last-child { position: relative; padding-inline-start: calc(var(--nh-px) + 24px); }
.mojo-lp .lp-nh__tabelle .lp-table td:last-child::before { content: ""; position: absolute; left: var(--nh-px); top: calc(var(--nh-py) + .55em); width: 12px; height: 6px; border-left: 2px solid var(--accent); border-bottom: 2px solid var(--accent); transform: rotate(-45deg); }
.mojo-lp.mojo-lp .lp-nh__tabelle .lp-table th:last-child { color: var(--accent) !important; }
.mojo-lp.mojo-lp .lp-nh__tabelle .lp-table tbody tr:last-child td { border-bottom: 0 !important; }
.mojo-lp .lp-nh__tabelle .lp-table th:first-child { border-start-start-radius: var(--r-card); }
.mojo-lp .lp-nh__tabelle .lp-table th:last-child { border-start-end-radius: var(--r-card); }
.mojo-lp .lp-nh__grafik { display: block; width: 100%; height: auto; overflow: visible; }
.mojo-lp .lp-nh__grafik .lp-nh__neu { fill: var(--surface); stroke: rgba(var(--kante-rgb), .3); stroke-width: 1.5; }
.mojo-lp .lp-nh__grafik .lp-nh__mojo { fill: var(--accent); r: calc(100px * (1 - (1 - var(--anteil, .22)) * var(--lp-nh-a))); }
.mojo-lp .lp-nh__grafik text { fill: var(--text); font-family: var(--font); }
.mojo-lp .lp-nh__grafik .lp-nh__gross { font-size: 30px; font-weight: 800; letter-spacing: -.02em; font-feature-settings: "tnum" 1; }
.mojo-lp .lp-nh__grafik .lp-nh__etikett { font-size: 11px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; fill: var(--accent); }
.mojo-lp .lp-nh__grafik .lp-nh__linie { stroke: rgba(var(--kante-rgb), .16); stroke-width: 1.5; }
@supports (animation-timeline: view()) {
.mojo-lp.lp-nh--fussabdruck .lp-nh__mojo { animation: lp-nh-auf auto linear both; animation-timeline: --lp-nh; animation-range: cover 0% cover 60%; }
}
html.lp-nozeit .mojo-lp.lp-nh--fussabdruck .lp-nh__mojo { animation: none; --lp-nh-a: 0; transition: --lp-nh-a 1.6s cubic-bezier(.2, .7, .2, 1); }
html.lp-nozeit .mojo-lp.lp-nh--fussabdruck.is-auf .lp-nh__mojo { --lp-nh-a: 1; }
.mojo-lp .lp-nh__kurve { display: block; width: 100%; height: auto; overflow: visible; margin-block-end: var(--sp-head); }
.mojo-lp .lp-nh__kurve text { fill: var(--text); font-family: var(--font); font-size: 11px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }
.mojo-lp .lp-nh__kurve .lp-nh__achse { stroke: rgba(var(--kante-rgb), .22); stroke-width: 1.5; }
.mojo-lp .lp-nh__kurve .lp-nh__raster { stroke: rgba(var(--kante-rgb), .08); stroke-width: 1; }
.mojo-lp .lp-nh__kurve .lp-nh__neukauf { fill: none; stroke: rgba(var(--kante-rgb), .5); stroke-width: 2; stroke-dasharray: 6 8; }
.mojo-lp .lp-nh__kurve .lp-nh__mojokurve { fill: none; stroke: var(--accent); stroke-width: 3; stroke-linecap: round; stroke-linejoin: round; }
.mojo-lp .lp-nh__kurve .lp-nh__punkt { fill: var(--accent); }
.mojo-lp .lp-nh__kurve .lp-nh__wertlabel { fill: var(--accent); }
@keyframes lp-nh-kurve { from { d: var(--kurve-start); } to { d: var(--kurve-ende); } }
@keyframes lp-nh-punkt { from { cy: var(--punkt-start, 60px); } to { cy: var(--punkt-ende); } }
.mojo-lp .lp-nh__kurve .lp-nh__mojokurve { d: var(--kurve-ende); }
.mojo-lp .lp-nh__kurve .lp-nh__punkt { cy: var(--punkt-ende); }
.mojo-lp .lp-nh__fuss { display: grid; grid-template-columns: 1fr auto; gap: var(--gap-split); align-items: center; }
.mojo-lp.mojo-lp .lp-nh__fuss p { margin: 0 !important; max-width: 62ch; }
.mojo-lp.mojo-lp .lp-nh__fuss .lp-btn-row { margin: 0 !important; }
@supports (animation-timeline: view()) {
.mojo-lp.lp-nh--kurve .lp-nh__mojokurve { animation: lp-nh-kurve auto cubic-bezier(.2, .7, .2, 1) both; animation-timeline: --lp-nh; animation-range: cover 0% cover 65%; }
.mojo-lp.lp-nh--kurve .lp-nh__punkt { animation: lp-nh-punkt auto cubic-bezier(.2, .7, .2, 1) both; animation-timeline: --lp-nh; animation-range: cover 0% cover 65%; }
}
html.lp-nozeit .mojo-lp.lp-nh--kurve :is(.lp-nh__mojokurve, .lp-nh__punkt) { animation: none; transition: d 1.8s cubic-bezier(.2, .7, .2, 1), cy 1.8s cubic-bezier(.2, .7, .2, 1); }
html.lp-nozeit .mojo-lp.lp-nh--kurve:not(.is-auf) .lp-nh__mojokurve { d: var(--kurve-start); }
html.lp-nozeit .mojo-lp.lp-nh--kurve:not(.is-auf) .lp-nh__punkt { cy: var(--punkt-start, 60px); }
@media (pointer: coarse), (max-width: 930px) {
.mojo-lp.mojo-lp.lp-nh--kurve .lp-nh__mojokurve, html.lp-nozeit .mojo-lp.lp-nh--kurve .lp-nh__mojokurve { animation: none !important; transition: none !important; d: var(--kurve-ende) !important; }
.mojo-lp.mojo-lp.lp-nh--kurve .lp-nh__punkt, html.lp-nozeit .mojo-lp.lp-nh--kurve .lp-nh__punkt { animation: none !important; transition: none !important; cy: var(--punkt-ende) !important; }
}
@media (max-width: 930px) {
.mojo-lp .lp-nh__bilanz { grid-template-columns: 1fr; }
.mojo-lp .lp-nh__text { padding-inline-start: 18px; }
.mojo-lp .lp-nh__kennzahl { grid-template-columns: 1fr; gap: 4px; }
.mojo-lp.mojo-lp.lp-nh--anteil .lp-nh__balken { animation: none; --lp-nh-a: 1; }
.mojo-lp .lp-nh__tabelle { overflow-x: auto; }
.mojo-lp .lp-nh__wisch { display: flex; align-items: center; gap: 10px; font-size: 11px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--accent); margin-block: 0 12px; }
.mojo-lp .lp-nh__kurve text { font-size: 28px; letter-spacing: .06em; }
.mojo-lp .lp-nh__kurve .lp-nh__mojokurve { stroke-width: 6; }
.mojo-lp .lp-nh__kurve .lp-nh__neukauf { stroke-width: 4; stroke-dasharray: 12 14; }
.mojo-lp .lp-nh__kurve .lp-nh__achse { stroke-width: 3; }
.mojo-lp .lp-nh__kurve .lp-nh__punkt { r: 14px; }
.mojo-lp .lp-nh__kurvewrap .lp-nh__kurve { min-width: 560px; }
.mojo-lp.mojo-lp .lp-nh__tabelle .lp-table th { position: static; }
.mojo-lp.mojo-lp .lp-nh__tabelle .lp-table { min-width: 640px; }
.mojo-lp .lp-nh__fuss { grid-template-columns: 1fr; gap: 0; }
.mojo-lp.mojo-lp .lp-nh__fuss .lp-btn-row { margin-block-start: calc(var(--sp-stack) + 6px) !important; }
.mojo-lp.lp-nh--fussabdruck .lp-split > .lp-nh__grafik { order: 2; }
.mojo-lp.lp-nh--fussabdruck .lp-nh__grafik .lp-nh__etikett { font-size: 14px; }
.mojo-lp.lp-nh--fussabdruck .lp-nh__grafik .lp-nh__gross { font-size: 36px; }
.mojo-lp .lp-nh__anteile { gap: 40px; }
.mojo-lp .lp-nh__kurvewrap { overflow-x: auto; scrollbar-width: none; margin-inline: calc(-1 * var(--sp-side)); padding-inline: var(--sp-side); }
.mojo-lp .lp-nh__kurvewrap::-webkit-scrollbar { display: none; }
.mojo-lp .lp-nh__kurvewrap .lp-nh__kurve { min-width: 760px; }
}
@property --lp-cx-a { syntax: "<number>"; inherits: true; initial-value: 1; }
@keyframes lp-cx-auf { from { --lp-cx-a: 0; } to { --lp-cx-a: 1; } }
.mojo-lp.lp-cx { timeline-scope: --lp-cx; }
.mojo-lp .lp-cx__marke { display: block; height: 1px; margin-block-end: -1px; view-timeline-name: --lp-cx; view-timeline-axis: block; pointer-events: none; }
.mojo-lp .lp-cx__label { display: block; font-size: 11px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--accent); line-height: 1.65; }
.mojo-lp .lp-cx__kopf { margin-block-end: var(--sp-head); }
.mojo-lp.mojo-lp .lp-cx__kopf .lp-split > div > p:last-child { margin-block-end: 0 !important; }
.mojo-lp .lp-cx__gesamt { display: flex; flex-direction: column; align-items: flex-end; text-align: right; }
.mojo-lp .lp-cx__zahl { font-size: clamp(56px, 5.6vw, 108px); font-weight: 800; letter-spacing: -.04em; line-height: .95; color: var(--text); font-feature-settings: "tnum" 1; display: inline-flex; align-items: flex-start; }
.mojo-lp .lp-cx__zahl sup { font-size: .32em; font-weight: 700; color: var(--accent); line-height: 1; margin-block-start: .08em; margin-inline-start: .18em; letter-spacing: 0; white-space: nowrap; }
.mojo-lp .lp-cx__zahl sup .lp-cx__bruch { display: inline-block; margin-inline-end: .18em; }
.mojo-lp .lp-cx__zahl .lp-zaehler::after { text-align: right; min-width: 1ch; }
.mojo-lp .lp-cx__sternchen { display: flex; gap: 3px; margin-block: 10px 6px; }
.mojo-lp .lp-cx__sternchen svg { width: 14px; height: 14px; fill: var(--accent); }
.mojo-lp .lp-cx__sternchen svg.lp-cx__halb { fill: rgba(var(--gold-rgb), .35); }
.mojo-lp .lp-cx__stimme { border: 1.5px solid rgba(var(--kante-rgb), .16); border-radius: var(--r-card); padding: clamp(20px, 2.4vw, 32px); display: flex; flex-direction: column; gap: 14px; min-width: 0; }
.mojo-lp.mojo-lp .lp-cx__stimme p { margin: 0 !important; max-width: none; font-style: italic; font-weight: 600; font-size: var(--lp-t-body); line-height: 1.65; }
.mojo-lp .lp-cx__stimme footer { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 8px 12px; }
.mojo-lp .lp-cx__stimme footer .lp-cx__sternchen { margin: 0; }
.mojo-lp .lp-cx__stimme footer .lp-cx__label { min-width: 0; overflow-wrap: anywhere; }
.mojo-lp .lp-cx__stimme footer .lp-cx__sternchen svg { width: 11px; height: 11px; }
.mojo-lp .lp-cx__score { display: grid; grid-template-columns: 1fr 1fr; gap: var(--gap-split); align-items: start; padding-block-start: var(--sp-head); border-block-start: 1.5px solid rgba(var(--kante-rgb), .16); }
.mojo-lp .lp-cx__kriterien { display: grid; }
.mojo-lp .lp-cx__kriterium { display: grid; grid-template-columns: 1fr auto; gap: 10px clamp(14px, 1.6vw, 28px); align-items: end; padding-block: clamp(14px, 1.8vh, 22px); }
.mojo-lp .lp-cx__kriterium + .lp-cx__kriterium { border-block-start: 1.5px solid rgba(var(--kante-rgb), .1); }
.mojo-lp .lp-cx__kriterium .lp-cx__label { color: var(--text); grid-column: 1; font-size: clamp(11px, .83vw - 1px, 15px); }
.mojo-lp .lp-cx__wert { grid-column: 2; grid-row: 1 / span 2; font-size: clamp(17px, 1.5vw, 23px); font-weight: 700; letter-spacing: -.01em; font-feature-settings: "tnum" 1; color: var(--text); align-self: center; }
.mojo-lp .lp-cx__spur { grid-column: 1; position: relative; height: 2px; background: rgba(var(--kante-rgb), .14); border-radius: 1px; }
.mojo-lp .lp-cx__spur::before { content: ""; position: absolute; inset-block: 0; inset-inline-start: 0; width: calc(var(--wert, 5) / 5 * 100% * var(--lp-cx-a)); background: var(--accent); border-radius: inherit; }
.mojo-lp .lp-cx__methodik { margin-block-start: var(--sp-head); border-inline-start: 2px solid var(--accent); padding-inline-start: clamp(16px, 1.6vw, 24px); }
.mojo-lp .lp-cx__methodik .lp-cx__label { margin-block-end: 8px; }
.mojo-lp.mojo-lp .lp-cx__methodik p { margin: 0 !important; max-width: none; font-size: var(--lp-t-body); line-height: 1.65; }
.mojo-lp .lp-cx__stimmen { display: grid; gap: var(--gap-grid); align-content: start; }
.mojo-lp .lp-cx__leiste { display: flex; flex-wrap: wrap; gap: clamp(18px, 2.4vw, 40px) 0; align-items: center; margin-block-start: var(--sp-head); padding-block-start: var(--sp-head); border-block-start: 1.5px solid rgba(var(--kante-rgb), .16); }
.mojo-lp .lp-cx__kenn { display: flex; flex-direction: column; gap: 4px; padding-inline: clamp(20px, 3vw, 56px); border-inline-start: 1.5px solid rgba(var(--kante-rgb), .16); }
.mojo-lp .lp-cx__kenn:first-child { padding-inline-start: 0; border-inline-start: 0; }
.mojo-lp .lp-cx__kenn b { font-size: clamp(20px, 1.6vw, 26px); font-weight: 800; letter-spacing: -.02em; line-height: 1.1; font-feature-settings: "tnum" 1; white-space: nowrap; }
.mojo-lp .lp-cx__kenn .lp-cx__label { color: var(--text); }
.mojo-lp.mojo-lp .lp-cx__leiste .lp-btn-row { margin: 0 0 0 auto !important; justify-content: flex-end; }
@supports (animation-timeline: view()) {
.mojo-lp.lp-cx--score .lp-cx__spur { animation: lp-cx-auf auto cubic-bezier(.2, .7, .2, 1) both; animation-timeline: --lp-cx; }
.mojo-lp.lp-cx--score .lp-cx__kriterium:nth-child(1) .lp-cx__spur { animation-range: cover 0% cover 40%; }
.mojo-lp.lp-cx--score .lp-cx__kriterium:nth-child(2) .lp-cx__spur { animation-range: cover 4% cover 44%; }
.mojo-lp.lp-cx--score .lp-cx__kriterium:nth-child(3) .lp-cx__spur { animation-range: cover 8% cover 48%; }
.mojo-lp.lp-cx--score .lp-cx__kriterium:nth-child(4) .lp-cx__spur { animation-range: cover 12% cover 52%; }
.mojo-lp.lp-cx--score .lp-cx__kriterium:nth-child(5) .lp-cx__spur { animation-range: cover 16% cover 56%; }
.mojo-lp.lp-cx--score .lp-cx__kriterium:nth-child(6) .lp-cx__spur { animation-range: cover 20% cover 60%; }
}
html.lp-nozeit .mojo-lp.lp-cx--score .lp-cx__spur { animation: none; --lp-cx-a: 0; transition: --lp-cx-a 1.4s cubic-bezier(.2, .7, .2, 1); }
html.lp-nozeit .mojo-lp.lp-cx--score.is-auf .lp-cx__spur { --lp-cx-a: 1; }
.mojo-lp .lp-cx__radar { display: block; width: 100%; height: auto; overflow: visible; }
.mojo-lp .lp-cx__radar .lp-cx__netz { fill: none; stroke: rgba(var(--kante-rgb), .16); stroke-width: 1.5; }
.mojo-lp .lp-cx__radar .lp-cx__achse { stroke: rgba(var(--kante-rgb), .22); stroke-width: 1.5; }
.mojo-lp .lp-cx__radar .lp-cx__flaeche { fill: rgba(var(--gold-rgb), .28); stroke: var(--accent); stroke-width: 2.5; stroke-linejoin: round; d: var(--radar-ende); }
.mojo-lp .lp-cx__radar text { fill: var(--text); font-family: var(--font); font-size: 12px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
.mojo-lp .lp-cx__radar .lp-cx__ringwert { fill: var(--accent); font-size: 11px; letter-spacing: .06em; }
.mojo-lp .lp-cx__radar .lp-cx__punkt { fill: var(--accent); }
@keyframes lp-cx-radar { from { d: var(--radar-start); } to { d: var(--radar-ende); } }
@supports (animation-timeline: view()) {
.mojo-lp.lp-cx--radar .lp-cx__flaeche { animation: lp-cx-radar auto cubic-bezier(.2, .7, .2, 1) both; animation-timeline: --lp-cx; animation-range: cover 0% cover 62%; }
}
html.lp-nozeit .mojo-lp.lp-cx--radar .lp-cx__flaeche { animation: none; transition: d 1.6s cubic-bezier(.2, .7, .2, 1); }
html.lp-nozeit .mojo-lp.lp-cx--radar:not(.is-auf) .lp-cx__flaeche { d: var(--radar-start); }
.mojo-lp .lp-cx__gesamtzeile { display: flex; align-items: baseline; gap: 14px; margin-block-end: var(--sp-stack); }
.mojo-lp .lp-cx__gesamtzeile .lp-cx__zahl { font-size: clamp(34px, 3vw, 52px); }
.mojo-lp .lp-cx__sterne { display: flex; justify-content: center; gap: clamp(10px, 2vw, 36px); margin-block: var(--sp-head); }
.mojo-lp .lp-cx__sterne svg { width: clamp(52px, 8vw, 140px); height: auto; flex: none; clip-path: polygon(50.00% 4.55%, 60.69% 35.29%, 93.23% 35.95%, 67.29% 55.62%, 76.72% 86.77%, 50.00% 68.18%, 23.28% 86.77%, 32.71% 55.62%, 6.77% 35.95%, 39.31% 35.29%); }
.mojo-lp .lp-cx__sterne svg polygon { fill: none; stroke: var(--accent); stroke-linejoin: miter; stroke-miterlimit: 10; paint-order: stroke; stroke-width: calc(2px + 98px * var(--voll, 1) * var(--lp-cx-a)); }
.mojo-lp .lp-cx__sterne svg .lp-cx__umriss { fill: none; stroke: rgba(var(--gold-rgb), .35); stroke-width: 2px; }
.mojo-lp .lp-cx__scorezeile { display: flex; justify-content: center; align-items: baseline; gap: 14px; flex-wrap: wrap; margin-block-end: var(--sp-head); }
.mojo-lp .lp-cx__scorezeile .lp-cx__zahl { font-size: clamp(34px, 3vw, 52px); }
.mojo-lp .lp-cx__reihe { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--gap-grid); text-align: left; margin-block-end: var(--sp-head); }
.mojo-lp.lp-cx--sterne .lp-head, .mojo-lp.lp-cx--sterne .lp-btn-row { text-align: center; justify-content: center; }
.mojo-lp.mojo-lp.lp-cx--sterne .lp-head :is(h2, p) { margin-inline: auto; }
.mojo-lp.mojo-lp.lp-cx--sterne .lp-eyebrow--line { justify-content: center; }
@supports (animation-timeline: view()) {
.mojo-lp.lp-cx--sterne .lp-cx__sterne svg { animation: lp-cx-auf auto cubic-bezier(.2, .7, .2, 1) both; animation-timeline: --lp-cx; }
.mojo-lp.lp-cx--sterne .lp-cx__sterne svg:nth-child(1) { animation-range: cover 0% cover 40%; }
.mojo-lp.lp-cx--sterne .lp-cx__sterne svg:nth-child(2) { animation-range: cover 6% cover 46%; }
.mojo-lp.lp-cx--sterne .lp-cx__sterne svg:nth-child(3) { animation-range: cover 12% cover 52%; }
.mojo-lp.lp-cx--sterne .lp-cx__sterne svg:nth-child(4) { animation-range: cover 18% cover 58%; }
.mojo-lp.lp-cx--sterne .lp-cx__sterne svg:nth-child(5) { animation-range: cover 24% cover 64%; }
}
html.lp-nozeit .mojo-lp.lp-cx--sterne .lp-cx__sterne svg { animation: none; --lp-cx-a: 0; transition: --lp-cx-a 1.4s cubic-bezier(.2, .7, .2, 1); }
html.lp-nozeit .mojo-lp.lp-cx--sterne.is-auf .lp-cx__sterne svg { --lp-cx-a: 1; }
@media (max-width: 930px) {
.mojo-lp .lp-cx__score { grid-template-columns: 1fr; }
.mojo-lp .lp-cx__gesamt { align-items: flex-start; text-align: left; margin-block-start: var(--sp-stack); }
.mojo-lp .lp-cx__leiste { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }
.mojo-lp .lp-cx__kenn { border-inline-start: 0; padding-inline: 0; min-width: 0; }
.mojo-lp .lp-cx__kenn b { white-space: normal; }
.mojo-lp .lp-cx__kenn .lp-cx__label { overflow-wrap: anywhere; }
.mojo-lp.mojo-lp .lp-cx__leiste .lp-btn-row { grid-column: 1 / -1; justify-content: flex-start; margin: 0 !important; min-width: 0; }
.mojo-lp.mojo-lp .lp-cx__leiste .lp-btn { max-width: 100%; width: 100%; box-sizing: border-box; white-space: normal; text-align: center; justify-content: center; }
.mojo-lp.lp-cx--radar .lp-split > .lp-cx__radar { order: 2; }
.mojo-lp .lp-cx__radar text { font-size: 22px; letter-spacing: .04em; }
.mojo-lp .lp-cx__radar .lp-cx__ringwert { font-size: 19px; }
.mojo-lp .lp-cx__radar .lp-cx__achsname { transform: translateY(-20px); }
.mojo-lp.lp-cx--radar .lp-split > .lp-cx__radar { margin-block-start: calc(var(--sp-head) + 1px); }
.mojo-lp .lp-cx__reihe { grid-template-columns: 1fr; }
.mojo-lp.mojo-lp.lp-cx--sterne :is(h2, p:not(.lp-eyebrow)) { text-align: center; margin-inline: auto; }
.mojo-lp.mojo-lp.lp-cx--sterne .lp-cx__stimme p { text-align: left; }
.mojo-lp.mojo-lp.lp-cx--sterne .lp-eyebrow--line { justify-content: center; }
.mojo-lp.mojo-lp.lp-cx--sterne .lp-btn-row { justify-content: center; }
}
@property --lp-vid-a { syntax: "<number>"; inherits: true; initial-value: 1; }
@property --lp-vid-y { syntax: "<percentage>"; inherits: true; initial-value: 26%; }
@keyframes lp-vid-auf { from { --lp-vid-a: 0; } to { --lp-vid-a: 1; } }
.mojo-lp.lp-vid { timeline-scope: --lp-vid; }
.mojo-lp .lp-vid__marke { display: block; height: 1px; margin-block-end: -1px; view-timeline-name: --lp-vid; view-timeline-axis: block; pointer-events: none; }
.mojo-lp .lp-vid__label { display: block; font-size: 11px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--accent); line-height: 1.65; }
.mojo-lp .lp-vid__spieler { position: relative; display: grid; grid-template-columns: minmax(0, 1fr); border-radius: var(--rund, var(--r-card)); background: var(--surface-2); box-shadow: inset 0 0 0 1.5px var(--border); overflow: clip; isolation: isolate; text-decoration: none; color: var(--text); }
.mojo-lp .lp-vid__spieler::before { content: ""; grid-area: 1 / 1; padding-block-start: var(--mass, 56.25%); }
.mojo-lp.mojo-lp .lp-vid__spieler img { position: absolute !important; inset: 0 !important; z-index: 1; width: 100% !important; height: 100% !important; max-width: none !important; min-height: 100% !important; object-fit: cover !important; display: block !important; }
.mojo-lp .lp-vid__spieler iframe { position: absolute; inset: 0; z-index: 4; width: 100%; height: 100%; border: 0; }
.mojo-lp .lp-vid__ring { position: absolute; z-index: 3; inset-block-start: 50%; inset-inline-start: 50%; margin: -34px 0 0 -34px; width: 68px; height: 68px; border-radius: var(--r-round); background: rgba(10, 11, 7, .52); box-shadow: inset 0 0 0 2px var(--accent); display: grid; place-items: center; transition: background var(--t-ui) var(--ease); }
.mojo-lp .lp-vid__ring svg { width: 20px; height: 22px; fill: var(--accent); margin-inline-start: 3px; }
.mojo-lp .lp-vid__spieler:hover .lp-vid__ring, .mojo-lp .lp-vid__spieler:focus-visible .lp-vid__ring { background: rgba(10, 11, 7, .78); }
.mojo-lp .lp-vid__spieler:focus-visible { outline: 2px solid var(--accent); outline-offset: 3px; }
.mojo-lp .lp-vid__dauer { position: absolute; z-index: 3; inset-block-end: 10px; inset-inline-end: 10px; font-size: 11px; font-weight: 700; letter-spacing: .14em; line-height: 1.25; padding: 6px 9px; border-radius: var(--r-sm); background: rgba(10, 11, 7, .82); color: #FFFFFF; font-feature-settings: "tnum" 1; }
.mojo-lp.mojo-lp .lp-vid__spieler.is-an :is(.lp-vid__ring, .lp-vid__dauer, .lp-vid__glas, img) { display: none !important; }
.mojo-lp .lp-vid__hinweis { display: block; font-size: var(--lp-t-klein); font-weight: 500; letter-spacing: normal; line-height: 1.65; color: var(--text); margin-block-start: 10px; }
.mojo-lp.mojo-lp .lp-vid__titel { font-size: clamp(18px, .7vw + 8px, 22px); font-weight: 700; letter-spacing: -.01em; line-height: 1.25; color: var(--text); margin-block-start: 12px; display: block; text-indent: 0; }
.mojo-lp .lp-vid__meta { display: flex; flex-wrap: wrap; gap: 6px 14px; margin-block-start: 6px; }
.mojo-lp .lp-vid__meta .lp-vid__label { color: var(--text); }
.mojo-lp .lp-vid__kanalzeile { display: flex; flex-wrap: wrap; align-items: center; gap: 12px clamp(16px, 2vw, 28px); margin-block-start: var(--sp-stack); padding-block-start: var(--sp-stack); border-block-start: 1.5px solid rgba(var(--kante-rgb), .16); }
.mojo-lp .lp-vid__kanal { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.mojo-lp .lp-vid__kanal b { font-size: clamp(17px, 1.4vw, 21px); font-weight: 800; letter-spacing: -.02em; line-height: 1.2; overflow-wrap: anywhere; }
.mojo-lp .lp-vid__abo { font-size: clamp(17px, 1.4vw, 21px); font-weight: 800; letter-spacing: -.02em; font-feature-settings: "tnum" 1; color: var(--text); }
.mojo-lp.mojo-lp .lp-vid__kanalzeile .lp-btn-row { margin: 0 0 0 auto !important; }
.mojo-lp .lp-vid__glas { position: absolute; z-index: 2; inset-inline: 0; inset-block-end: 0; display: flex; align-items: flex-end; justify-content: space-between; gap: 10px clamp(14px, 1.6vw, 24px); padding: clamp(30px, 4vw, 52px) clamp(14px, 1.6vw, 22px) clamp(12px, 1.4vw, 18px); background: linear-gradient(to top, rgba(10, 11, 7, .92), rgba(10, 11, 7, .58) 58%, rgba(10, 11, 7, 0)); -webkit-backdrop-filter: blur(calc((1 - var(--lp-vid-a)) * 14px)); backdrop-filter: blur(calc((1 - var(--lp-vid-a)) * 14px)); }
.mojo-lp .lp-vid__glas b { font-size: var(--lp-t-teaser); font-weight: 700; line-height: 1.35; color: #FFFFFF; min-width: 0; }
.mojo-lp .lp-vid__glas .lp-vid__label { color: #FFFFFF; white-space: nowrap; }
.mojo-lp.lp-vid--kanal .lp-vid__spieler--gross .lp-vid__dauer { display: none; }
.mojo-lp .lp-vid__drei { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--gap-grid); margin-block-start: var(--sp-head); }
@supports (animation-timeline: view()) {
.mojo-lp.lp-vid--kanal .lp-vid__glas { animation: lp-vid-auf auto cubic-bezier(.2, .7, .2, 1) both; animation-timeline: --lp-vid; animation-range: cover 0% cover 46%; }
}
html.lp-nozeit .mojo-lp.lp-vid--kanal .lp-vid__glas { animation: none; --lp-vid-a: 0; transition: --lp-vid-a 1.4s cubic-bezier(.2, .7, .2, 1); }
html.lp-nozeit .mojo-lp.lp-vid--kanal.is-auf .lp-vid__glas { --lp-vid-a: 1; }
.mojo-lp .lp-vid__bildspalte { min-width: 0; }
.mojo-lp .lp-vid__auf { display: grid; grid-template-columns: 1.28fr 1fr; gap: var(--gap-split); align-items: start; }
.mojo-lp .lp-vid__kapitel { display: grid; margin-block-start: var(--sp-stack); }
.mojo-lp .lp-vid__kap { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 4px clamp(12px, 1.4vw, 20px); align-items: baseline; padding-block: clamp(10px, 1.4vh, 15px); text-decoration: none; color: var(--text); border-block-start: 1.5px solid rgba(var(--kante-rgb), .12); transition: color var(--t-ui) var(--ease); }
.mojo-lp .lp-vid__kap:last-child { border-block-end: 1.5px solid rgba(var(--kante-rgb), .12); }
.mojo-lp .lp-vid__kap:hover, .mojo-lp .lp-vid__kap:focus-visible { color: var(--accent); }
.mojo-lp .lp-vid__kap .lp-vid__label { font-feature-settings: "tnum" 1; }
.mojo-lp.mojo-lp .lp-vid__kap span:last-child { font-size: var(--lp-t-teaser); font-weight: 700; line-height: 1.65; }
@keyframes lp-vid-schwenk { from { --lp-vid-y: var(--schwenk-von, 78%); } to { --lp-vid-y: var(--schwenk-bis, 26%); } }
.mojo-lp.mojo-lp.lp-vid--aufmacher .lp-vid__spieler img { object-position: 50% var(--lp-vid-y, 26%) !important; }
@supports (animation-timeline: view()) {
.mojo-lp.lp-vid--aufmacher .lp-vid__spieler { animation: lp-vid-schwenk auto linear both; animation-timeline: --lp-vid; animation-range: cover 0% cover 58%; }
}
html.lp-nozeit .mojo-lp.lp-vid--aufmacher .lp-vid__spieler { animation: none; --lp-vid-y: var(--schwenk-von, 78%); transition: --lp-vid-y 1.6s cubic-bezier(.2, .7, .2, 1); }
html.lp-nozeit .mojo-lp.lp-vid--aufmacher.is-auf .lp-vid__spieler { --lp-vid-y: var(--schwenk-bis, 26%); }
.mojo-lp .lp-vid__vier { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--gap-grid); }
.mojo-lp .lp-vid__stueck { min-width: 0; display: grid; grid-template-rows: auto minmax(0, 1fr) auto; align-content: start; }
@keyframes lp-vid-einzug { from { text-indent: var(--einzug, 1.8em); } to { text-indent: 0; } }
@supports (animation-timeline: view()) {
.mojo-lp.lp-vid--reihe .lp-vid__titel { animation: lp-vid-einzug auto cubic-bezier(.2, .7, .2, 1) both; animation-timeline: --lp-vid; }
.mojo-lp.lp-vid--reihe .lp-vid__stueck:nth-child(1) .lp-vid__titel { animation-range: cover 0% cover 38%; }
.mojo-lp.lp-vid--reihe .lp-vid__stueck:nth-child(2) .lp-vid__titel { animation-range: cover 6% cover 44%; }
.mojo-lp.lp-vid--reihe .lp-vid__stueck:nth-child(3) .lp-vid__titel { animation-range: cover 12% cover 50%; }
.mojo-lp.lp-vid--reihe .lp-vid__stueck:nth-child(4) .lp-vid__titel { animation-range: cover 18% cover 56%; }
}
html.lp-nozeit .mojo-lp.lp-vid--reihe .lp-vid__titel { animation: none; text-indent: var(--einzug, 1.8em); transition: text-indent 1.4s cubic-bezier(.2, .7, .2, 1); }
html.lp-nozeit .mojo-lp.lp-vid--reihe.is-auf .lp-vid__titel { text-indent: 0; }
.mojo-lp .lp-vid__fuenf { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: var(--gap-grid); }
.mojo-lp.lp-vid--hochformat .lp-vid__spieler { --mass: 177.8%; -webkit-mask-image: linear-gradient(to bottom, #000 0 50%, transparent 50% 100%); mask-image: linear-gradient(to bottom, #000 0 50%, transparent 50% 100%); -webkit-mask-size: 100% 200%; mask-size: 100% 200%; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: 0% 0%; mask-position: 0% 0%; }
.mojo-lp.lp-vid--hochformat .lp-vid__ring { margin: -26px 0 0 -26px; width: 52px; height: 52px; }
.mojo-lp.lp-vid--hochformat .lp-vid__ring svg { width: 15px; height: 17px; }
.mojo-lp .lp-vid__imbild { position: absolute; z-index: 3; inset-inline: 0; inset-block-end: 0; padding: clamp(26px, 3vw, 40px) 12px 12px; background: linear-gradient(to top, rgba(10, 11, 7, .92), rgba(10, 11, 7, 0)); }
.mojo-lp .lp-vid__imbild b { display: block; font-size: var(--lp-vid-karte); font-weight: 700; line-height: 1.35; color: #FFFFFF; }
.mojo-lp.lp-vid--hochformat .lp-vid__dauer { inset-block-start: 10px; inset-block-end: auto; }
@keyframes lp-vid-fenster { from { -webkit-mask-position: 0% 100%; mask-position: 0% 100%; } to { -webkit-mask-position: 0% 0%; mask-position: 0% 0%; } }
@supports (animation-timeline: view()) {
.mojo-lp.lp-vid--hochformat .lp-vid__spieler { animation: lp-vid-fenster auto cubic-bezier(.2, .7, .2, 1) both; animation-timeline: --lp-vid; }
.mojo-lp.lp-vid--hochformat .lp-vid__stueck:nth-child(1) .lp-vid__spieler { animation-range: cover 0% cover 40%; }
.mojo-lp.lp-vid--hochformat .lp-vid__stueck:nth-child(2) .lp-vid__spieler { animation-range: cover 5% cover 45%; }
.mojo-lp.lp-vid--hochformat .lp-vid__stueck:nth-child(3) .lp-vid__spieler { animation-range: cover 10% cover 50%; }
.mojo-lp.lp-vid--hochformat .lp-vid__stueck:nth-child(4) .lp-vid__spieler { animation-range: cover 15% cover 55%; }
.mojo-lp.lp-vid--hochformat .lp-vid__stueck:nth-child(5) .lp-vid__spieler { animation-range: cover 20% cover 60%; }
}
html.lp-nozeit .mojo-lp.lp-vid--hochformat .lp-vid__spieler { animation: none; -webkit-mask-position: 0% 100%; mask-position: 0% 100%; transition: mask-position 1.5s cubic-bezier(.2, .7, .2, 1), -webkit-mask-position 1.5s cubic-bezier(.2, .7, .2, 1); }
html.lp-nozeit .mojo-lp.lp-vid--hochformat.is-auf .lp-vid__spieler { -webkit-mask-position: 0% 0%; mask-position: 0% 0%; }
@media (max-width: 930px) {
.mojo-lp .lp-vid__auf { grid-template-columns: minmax(0, 1fr); }
.mojo-lp.lp-vid--aufmacher .lp-vid__auf > .lp-vid__spalte { order: 1; }
.mojo-lp.lp-vid--aufmacher .lp-vid__auf > .lp-vid__bildspalte { order: 2; }
.mojo-lp .lp-vid__drei { grid-template-columns: minmax(0, 1fr); }
.mojo-lp.mojo-lp .lp-vid__kanalzeile .lp-btn-row { margin: calc(var(--sp-stack) + 6px - 12px) 0 0 !important; width: 100%; }
.mojo-lp.mojo-lp .lp-vid__kanalzeile .lp-btn { width: 100%; box-sizing: border-box; white-space: normal; text-align: center; justify-content: center; }
.mojo-lp.mojo-lp :is(.lp-vid__vier, .lp-vid__fuenf) {
display: grid; grid-auto-flow: column; grid-auto-columns: 78%;
grid-template-columns: none; grid-template-rows: none; grid-auto-rows: auto;
gap: 14px; overflow-x: auto; overflow-y: hidden; scroll-snap-type: x mandatory;
-webkit-overflow-scrolling: touch; scrollbar-width: none;
margin-inline: calc(var(--sp-side) * -1); padding-inline: var(--sp-side);
padding-block-end: 4px; overscroll-behavior-x: contain;
}
.mojo-lp :is(.lp-vid__vier, .lp-vid__fuenf)::-webkit-scrollbar { display: none; }
.mojo-lp.mojo-lp :is(.lp-vid__vier, .lp-vid__fuenf) > * { scroll-snap-align: center; min-height: 0; grid-column: auto; grid-row: auto; }
.mojo-lp.mojo-lp .lp-vid__fuenf { grid-auto-columns: 62%; }
.lp-js .mojo-lp :is(.lp-vid__vier, .lp-vid__fuenf) > [data-reveal] { opacity: 1 !important; transform: none !important; transition: none !important; }
.mojo-lp.mojo-lp.lp-vid--reihe .lp-head--split > .lp-btn-row { margin-block-start: calc(var(--sp-stack) + 6px - 24px) !important; }
.mojo-lp .lp-vid__wisch { display: block; font-size: 11px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--accent); margin-block-start: 12px; }
}
@media (min-width: 931px) { .mojo-lp .lp-vid__wisch { display: none; } }
@media (prefers-reduced-motion: reduce) {
.mojo-lp.lp-vid :is(.lp-vid__glas, .lp-vid__titel, .lp-vid__spieler, .lp-vid__spieler img) { animation: none !important; transition: none !important; }
.mojo-lp.mojo-lp.lp-vid--aufmacher .lp-vid__spieler img { object-position: 50% var(--schwenk-bis, 26%) !important; }
.mojo-lp.lp-vid--reihe .lp-vid__titel { text-indent: 0 !important; }
.mojo-lp.lp-vid--hochformat .lp-vid__spieler { -webkit-mask-position: 0% 0% !important; mask-position: 0% 0% !important; }
}
@property --lp-ww-a { syntax: "<number>"; inherits: true; initial-value: 1; }
@keyframes lp-ww-auf { from { --lp-ww-a: 0; } to { --lp-ww-a: 1; } }
.mojo-lp.lp-ww { timeline-scope: --lp-ww; }
.mojo-lp .lp-ww__marke { display: block; height: 1px; margin-block-end: -1px; view-timeline-name: --lp-ww; view-timeline-axis: block; pointer-events: none; }
.mojo-lp .lp-ww__label { display: block; font-size: 11px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--accent); line-height: 1.65; }
.mojo-lp .lp-ww__pfeil { display: inline-block; width: 18px; height: 18px; flex: 0 0 18px; }
.mojo-lp .lp-ww__pfeil svg { width: 100%; height: 100%; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.mojo-lp .lp-ww__zaehlzeile { display: block; margin-block-start: var(--sp-stack); font-size: 11px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--text); line-height: 1.65; }
@media (min-width: 931px) {
.mojo-lp.lp-ww--matrix .lp-table-wrap { padding-inline: 12px; }
}
.mojo-lp.mojo-lp .lp-ww__tafel { --fuge: 12px; width: calc(100% + 2 * var(--lp-ww-a) * var(--fuge)); margin: 0 calc(-1 * var(--lp-ww-a) * var(--fuge)); border-collapse: separate; border-spacing: calc(var(--lp-ww-a) * var(--fuge)); table-layout: fixed; border: 0; background: transparent; }
.mojo-lp.mojo-lp.mojo-lp .lp-ww__tafel :is(th, td) { padding: 0 !important; border: 0 !important; box-shadow: none !important; background: transparent !important; text-align: left; vertical-align: top; font-size: inherit; }
.mojo-lp.mojo-lp.mojo-lp .lp-ww__tafel thead th { padding-block-end: 12px !important; vertical-align: bottom; }
.mojo-lp.mojo-lp.mojo-lp .lp-ww__tafel thead th + th { padding-inline-start: clamp(14px, 1.4vw, 20px) !important; }
.mojo-lp.mojo-lp .lp-ww__tafel thead th:first-child { width: 22%; }
.mojo-lp.mojo-lp.mojo-lp .lp-ww__tafel tbody th { padding-inline-end: clamp(14px, 1.6vw, 24px) !important; padding-block-start: clamp(14px, 1.4vw, 20px) !important; vertical-align: top; }
.mojo-lp.mojo-lp .lp-ww__tafel tbody th { text-transform: none; letter-spacing: normal; font-size: inherit; }
.mojo-lp.mojo-lp .lp-ww__tafel tbody th b { display: block; font-size: var(--lp-ww-titel); font-weight: 700; letter-spacing: -.02em; line-height: 1.25; color: var(--text); text-transform: none; }
.mojo-lp .lp-ww__tafel tbody th .lp-ww__label { color: var(--text); margin-block-start: 4px; }
.mojo-lp .lp-ww__tafel thead th .lp-ww__label { color: var(--text); transition: color var(--t-ui) var(--ease); }
.mojo-lp .lp-ww__zelle { display: flex; flex-direction: column; justify-content: space-between; gap: 10px; min-height: clamp(88px, 6.2vw, 112px); padding: clamp(14px, 1.4vw, 20px); background: var(--surface); box-shadow: inset 0 0 0 1.5px var(--border); border-radius: calc(var(--lp-ww-a) * var(--r-card)); color: var(--text); text-decoration: none; transition: box-shadow var(--t-ui) var(--ease), color var(--t-ui) var(--ease); }
.mojo-lp .lp-ww__zelle b { font-size: var(--lp-ww-titel); font-weight: 700; line-height: 1.25; overflow-wrap: break-word; hyphens: auto; -webkit-hyphens: auto; }
.mojo-lp .lp-ww__zelle .lp-ww__pfeil { color: var(--accent); align-self: flex-end; }
.mojo-lp .lp-ww__zelle .lp-ww__nur-mobil { display: none; }
.mojo-lp .lp-ww__zelle:hover, .mojo-lp .lp-ww__zelle:focus-visible { box-shadow: inset 0 0 0 2px var(--accent); outline: 0; }
.mojo-lp .lp-ww__tafel tbody tr:has(.lp-ww__zelle:hover) th b { color: var(--accent); }
.mojo-lp .lp-ww__tafel:has(td:nth-child(2) .lp-ww__zelle:hover) thead th:nth-child(2) .lp-ww__label, .mojo-lp .lp-ww__tafel:has(td:nth-child(3) .lp-ww__zelle:hover) thead th:nth-child(3) .lp-ww__label, .mojo-lp .lp-ww__tafel:has(td:nth-child(4) .lp-ww__zelle:hover) thead th:nth-child(4) .lp-ww__label, .mojo-lp .lp-ww__tafel:has(td:nth-child(5) .lp-ww__zelle:hover) thead th:nth-child(5) .lp-ww__label { color: var(--accent); }
.mojo-lp.lp-ww { --lp-ww-karte: var(--lp-t-teaser); --lp-ww-titel: clamp(18px, .7vw + 8px, 22px); }
@supports (animation-timeline: view()) {
.mojo-lp.lp-ww--matrix .lp-ww__tafel { animation: lp-ww-auf auto cubic-bezier(.2, .7, .2, 1) both; animation-timeline: --lp-ww; animation-range: cover 0% cover 52%; }
}
html.lp-nozeit .mojo-lp.lp-ww--matrix .lp-ww__tafel { animation: none; --lp-ww-a: 0; transition: --lp-ww-a 1.5s cubic-bezier(.2, .7, .2, 1); }
html.lp-nozeit .mojo-lp.lp-ww--matrix.is-auf .lp-ww__tafel { --lp-ww-a: 1; }
.mojo-lp.mojo-lp .lp-ww__satz { max-width: 22ch; text-wrap: balance; }
.mojo-lp .lp-ww__luecke { display: inline-block; vertical-align: baseline; interpolate-size: allow-keywords; width: auto; max-width: 100%; overflow: clip; white-space: nowrap; color: var(--accent); box-shadow: inset 0 -3px 0 var(--accent); padding-block-end: .06em; line-height: 1.1; }
.mojo-lp .lp-ww__luecke .lp-ww__wort { display: none; }
.mojo-lp .lp-ww__wahl { display: grid; gap: clamp(14px, 1.6vw, 22px); margin-block-start: var(--sp-head); }
.mojo-lp.mojo-lp .lp-ww__wahl fieldset { border: 0; padding: 0; margin: 0; min-width: 0; display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 10px clamp(14px, 1.6vw, 24px); align-items: center; }
.mojo-lp.mojo-lp .lp-ww__wahl legend { float: left; padding: 0; margin: 0; width: clamp(64px, 6vw, 88px); }
.mojo-lp .lp-ww__chips { display: flex; flex-wrap: wrap; gap: 8px; }
.mojo-lp .lp-ww__chip { position: relative; display: inline-flex; align-items: center; padding: 9px 14px; border-radius: 999px; box-shadow: inset 0 0 0 1.5px rgba(var(--kante-rgb), .28); font-size: var(--lp-ww-karte); font-weight: 600; line-height: 1.2; color: var(--text); cursor: pointer; transition: box-shadow var(--t-ui) var(--ease), color var(--t-ui) var(--ease); }
.mojo-lp .lp-ww__chip input { position: absolute; inset: 0; width: 100%; height: 100%; margin: 0; opacity: 0; cursor: pointer; }
.mojo-lp .lp-ww__chip:hover { box-shadow: inset 0 0 0 1.5px var(--accent); }
.mojo-lp .lp-ww__chip:has(input:checked) { box-shadow: inset 0 0 0 2px var(--accent); color: var(--accent); }
.mojo-lp .lp-ww__chip:has(input:focus-visible) { outline: 2px solid var(--accent); outline-offset: 3px; }
.mojo-lp .lp-ww__ziele { margin-block-start: var(--sp-head); }
.mojo-lp .lp-ww__ziel { display: none; grid-template-columns: minmax(0, 1fr) auto; gap: 6px clamp(18px, 2vw, 32px); align-items: center; padding: clamp(18px, 2vw, 28px); border-radius: var(--r-card); background: var(--surface); box-shadow: inset 0 0 0 1.5px var(--border); color: var(--text); text-decoration: none; transition: box-shadow var(--t-ui) var(--ease); }
.mojo-lp .lp-ww__ziel:hover, .mojo-lp .lp-ww__ziel:focus-visible { box-shadow: inset 0 0 0 2px var(--accent); outline: 0; }
.mojo-lp .lp-ww__ziel b { display: block; font-size: var(--lp-ww-titel); font-weight: 700; letter-spacing: -.02em; line-height: 1.25; }
.mojo-lp .lp-ww__ziel span:not(.lp-ww__label):not(.lp-ww__pfeil) { display: block; font-size: var(--lp-ww-karte); line-height: 1.45; margin-block-start: 4px; }
.mojo-lp .lp-ww__ziel .lp-ww__pfeil { grid-column: 2; grid-row: 1 / span 3; width: 28px; height: 28px; flex-basis: 28px; color: var(--accent); }
@keyframes lp-ww-luecke { from { width: 0; } to { width: auto; } }
@supports (animation-timeline: view()) and (interpolate-size: allow-keywords) {
.mojo-lp.lp-ww--satz .lp-ww__luecke { animation: lp-ww-luecke auto cubic-bezier(.2, .7, .2, 1) both; animation-timeline: --lp-ww; }
.mojo-lp.lp-ww--satz .lp-ww__luecke:nth-of-type(1) { animation-range: cover 0% cover 26%; }
.mojo-lp.lp-ww--satz .lp-ww__luecke:nth-of-type(2) { animation-range: cover 8% cover 36%; }
}
@supports (interpolate-size: allow-keywords) {
html.lp-nozeit .mojo-lp.lp-ww--satz .lp-ww__luecke { animation: none; width: 0; transition: width 1.2s cubic-bezier(.2, .7, .2, 1); }
html.lp-nozeit .mojo-lp.lp-ww--satz .lp-ww__luecke:nth-of-type(2) { transition-delay: .35s; }
html.lp-nozeit .mojo-lp.lp-ww--satz.is-auf .lp-ww__luecke { width: auto; }
}
.mojo-lp.mojo-lp :is(.lp-list, .lp-wsc__kapitel, .lp-wzg__liste, .lp-ww__liste) > li::marker { content: none !important; font-size: 0 !important; }
.mojo-lp .lp-ww__index { position: relative; display: grid; grid-template-columns: minmax(0, 1fr) 30%; gap: var(--gap-split); align-items: start; }
.mojo-lp.mojo-lp .lp-ww__liste { list-style: none !important; margin: 0 !important; padding: 0 !important; display: block; }
.mojo-lp.mojo-lp .lp-ww__liste li { list-style: none !important; margin: 0 !important; padding: 0 !important; }
.mojo-lp .lp-ww__zeile { display: grid; grid-template-columns: 3ch minmax(0, 1fr) auto; gap: 6px clamp(14px, 1.8vw, 28px); align-items: baseline; padding-block: clamp(9px, 1vw, 13px); border-block-start: 1.5px solid rgba(var(--kante-rgb), .12); color: var(--text); text-decoration: none; }
.mojo-lp.mojo-lp .lp-ww__liste li:last-child .lp-ww__zeile { border-block-end: 1.5px solid rgba(var(--kante-rgb), .12); }
.mojo-lp .lp-ww__zeile .lp-ww__label { font-feature-settings: "tnum" 1; color: var(--text); }
.mojo-lp .lp-ww__zeile b { font-size: var(--lp-t-body); font-weight: 700; letter-spacing: -.02em; line-height: 1.25; text-decoration: underline; text-decoration-color: rgba(var(--gold-rgb), .7); text-decoration-thickness: 2px; text-decoration-skip-ink: none; text-underline-offset: calc(.16em + (1 - var(--lp-ww-a)) * 1.1em); }
.mojo-lp .lp-ww__zeile b em { font-style: normal; color: var(--accent); }
.mojo-lp .lp-ww__zeile .lp-ww__pfeil { color: var(--accent); align-self: center; }
.mojo-lp .lp-ww__zeile:hover b, .mojo-lp .lp-ww__zeile:focus-visible b { color: var(--accent); text-decoration-color: var(--accent); }
.mojo-lp .lp-ww__zeile:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }
.mojo-lp .lp-ww__vorschau { display: none; }
@supports (anchor-name: --a) {
.mojo-lp .lp-ww__vorschau { display: block; position: absolute; inset-inline-end: 0; width: 30%; aspect-ratio: 4 / 3; top: anchor(--ww-z1 start); translate: 0 0; border-radius: var(--r-card); overflow: clip; background: var(--surface-2); box-shadow: inset 0 0 0 1.5px var(--border); transition: top .5s var(--ease); pointer-events: none; }
.mojo-lp.mojo-lp .lp-ww__vorschau > * { position: absolute !important; inset: 0 !important; width: 100% !important; height: 100% !important; display: block !important; opacity: 0; transition: opacity .35s var(--ease); }
.mojo-lp.mojo-lp .lp-ww__vorschau :is(picture, img) { max-width: none !important; object-fit: cover !important; }
.mojo-lp.mojo-lp .lp-ww__vorschau picture img { position: absolute !important; inset: 0 !important; width: 100% !important; height: 100% !important; display: block !important; opacity: 1 !important; }
.mojo-lp .lp-ww__vorschau > :first-child { opacity: 1; }
}
@supports (animation-timeline: view()) {
.mojo-lp.lp-ww--register .lp-ww__zeile b { animation: lp-ww-auf auto cubic-bezier(.2, .7, .2, 1) both; animation-timeline: --lp-ww; }
}
html.lp-nozeit .mojo-lp.lp-ww--register .lp-ww__zeile b { animation: none; --lp-ww-a: 0; transition: --lp-ww-a 1.2s cubic-bezier(.2, .7, .2, 1); }
html.lp-nozeit .mojo-lp.lp-ww--register.is-auf .lp-ww__zeile b { --lp-ww-a: 1; }
.mojo-lp .lp-ww__mobil { display: none; }
.mojo-lp .lp-ww__netz { position: relative; display: grid; grid-template-columns: minmax(0, 1fr) minmax(120px, .9fr) minmax(0, 1fr); gap: 0 clamp(20px, 3vw, 48px); }
.mojo-lp .lp-ww__knoten { display: grid; gap: clamp(10px, 1.2vw, 16px); align-content: start; }
.mojo-lp .lp-ww__knoten--rechts { text-align: right; }
.mojo-lp .lp-ww__knopf { display: flex; flex-direction: column; gap: 3px; padding: clamp(14px, 1.4vw, 20px) clamp(16px, 1.6vw, 24px); border-radius: var(--r-card); background: var(--surface); box-shadow: inset 0 0 0 1.5px var(--border); color: var(--text); text-decoration: none; transition: box-shadow var(--t-ui) var(--ease); }
.mojo-lp .lp-ww__knopf b { font-size: var(--lp-ww-titel); font-weight: 700; letter-spacing: -.02em; line-height: 1.2; }
.mojo-lp .lp-ww__knopf .lp-ww__label { color: var(--text); }
.mojo-lp .lp-ww__knopf:hover, .mojo-lp .lp-ww__knopf:focus-visible { box-shadow: inset 0 0 0 2px var(--accent); outline: 0; }
.mojo-lp .lp-ww__leitung, .mojo-lp .lp-ww__leitung i { display: none; }
@supports (anchor-name: --a) {
.mojo-lp .lp-ww__leitung { display: contents; }
.mojo-lp .lp-ww__leitung i { display: block; position: absolute; pointer-events: none; border: 0 solid rgba(var(--kante-rgb), .26); transition: border-color var(--t-ui) var(--ease); }
.mojo-lp .lp-ww__leitung .lp-ww__a { top: anchor(var(--ww-k) center); left: anchor(var(--ww-k) right); right: calc(anchor(var(--ww-s) left) + (anchor(var(--ww-k) right) - anchor(var(--ww-s) left)) * (1 - var(--ww-x))); border-block-start-width: calc(var(--lp-ww-a) * 1.5px); }
.mojo-lp .lp-ww__leitung .lp-ww__b { left: calc(anchor(var(--ww-k) right) + (anchor(var(--ww-s) left) - anchor(var(--ww-k) right)) * var(--ww-x)); top: min(anchor(var(--ww-k) center), anchor(var(--ww-s) center)); bottom: min(anchor(var(--ww-k) center), anchor(var(--ww-s) center)); border-inline-start-width: calc(var(--lp-ww-a) * 1.5px); }
.mojo-lp .lp-ww__leitung .lp-ww__c { top: anchor(var(--ww-s) center); left: calc(anchor(var(--ww-k) right) + (anchor(var(--ww-s) left) - anchor(var(--ww-k) right)) * var(--ww-x)); right: anchor(var(--ww-s) left); border-block-start-width: calc(var(--lp-ww-a) * 1.5px); }
.mojo-lp .lp-ww__netz:has(.lp-ww__knopf:hover) .lp-ww__leitung i { border-color: rgba(var(--kante-rgb), .1); }
.mojo-lp .lp-ww__netz:has([style*="--ww-k1"]:hover) .lp-ww__leitung[data-k="1"] i, .mojo-lp .lp-ww__netz:has([style*="--ww-k2"]:hover) .lp-ww__leitung[data-k="2"] i, .mojo-lp .lp-ww__netz:has([style*="--ww-k3"]:hover) .lp-ww__leitung[data-k="3"] i, .mojo-lp .lp-ww__netz:has([style*="--ww-k4"]:hover) .lp-ww__leitung[data-k="4"] i, .mojo-lp .lp-ww__netz:has([style*="--ww-s1"]:hover) .lp-ww__leitung[data-s="1"] i, .mojo-lp .lp-ww__netz:has([style*="--ww-s2"]:hover) .lp-ww__leitung[data-s="2"] i, .mojo-lp .lp-ww__netz:has([style*="--ww-s3"]:hover) .lp-ww__leitung[data-s="3"] i, .mojo-lp .lp-ww__netz:has([style*="--ww-s4"]:hover) .lp-ww__leitung[data-s="4"] i { border-color: var(--accent); }
}
.mojo-lp .lp-ww__routen { display: flex; flex-wrap: wrap; gap: 8px; margin-block-start: var(--sp-head); }
.mojo-lp .lp-ww__route { display: inline-flex; align-items: center; gap: 8px; padding: 9px 14px; border-radius: 999px; box-shadow: inset 0 0 0 1.5px rgba(var(--kante-rgb), .28); font-size: var(--lp-ww-karte); font-weight: 600; line-height: 1.2; color: var(--text); text-decoration: none; transition: box-shadow var(--t-ui) var(--ease); }
.mojo-lp .lp-ww__route:hover, .mojo-lp .lp-ww__route:focus-visible { box-shadow: inset 0 0 0 2px var(--accent); outline: 0; }
.mojo-lp .lp-ww__route .lp-ww__pfeil { width: 14px; height: 14px; flex-basis: 14px; color: var(--accent); }
@supports (animation-timeline: view()) {
.mojo-lp.lp-ww--netz .lp-ww__leitung { animation: lp-ww-auf auto cubic-bezier(.2, .7, .2, 1) both; animation-timeline: --lp-ww; }
.mojo-lp.lp-ww--netz .lp-ww__leitung[data-k="1"] { animation-range: cover 0% cover 36%; }
.mojo-lp.lp-ww--netz .lp-ww__leitung[data-k="2"] { animation-range: cover 6% cover 42%; }
.mojo-lp.lp-ww--netz .lp-ww__leitung[data-k="3"] { animation-range: cover 12% cover 48%; }
.mojo-lp.lp-ww--netz .lp-ww__leitung[data-k="4"] { animation-range: cover 18% cover 54%; }
}
html.lp-nozeit .mojo-lp.lp-ww--netz .lp-ww__leitung { animation: none; --lp-ww-a: 0; transition: --lp-ww-a 1.3s cubic-bezier(.2, .7, .2, 1); }
html.lp-nozeit .mojo-lp.lp-ww--netz .lp-ww__leitung[data-k="2"] { transition-delay: .15s; }
html.lp-nozeit .mojo-lp.lp-ww--netz .lp-ww__leitung[data-k="3"] { transition-delay: .3s; }
html.lp-nozeit .mojo-lp.lp-ww--netz .lp-ww__leitung[data-k="4"] { transition-delay: .45s; }
html.lp-nozeit .mojo-lp.lp-ww--netz.is-auf .lp-ww__leitung { --lp-ww-a: 1; }
.mojo-lp .lp-ww__gelaende { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); gap: var(--gap-split); align-items: start; }
.mojo-lp .lp-ww__legende { display: grid; }
.mojo-lp .lp-ww__eintrag { display: grid; grid-template-columns: 3ch minmax(0, 1fr); gap: 4px clamp(12px, 1.4vw, 20px); align-items: baseline; padding-block: clamp(10px, 1.4vh, 15px); border-block-start: 1.5px solid rgba(var(--kante-rgb), .12); color: var(--text); text-decoration: none; }
.mojo-lp .lp-ww__eintrag:last-child { border-block-end: 1.5px solid rgba(var(--kante-rgb), .12); }
.mojo-lp .lp-ww__eintrag .lp-ww__label { font-feature-settings: "tnum" 1; color: var(--text); }
.mojo-lp .lp-ww__eintrag b { display: block; font-size: var(--lp-ww-titel); font-weight: 700; letter-spacing: -.02em; line-height: 1.25; }
.mojo-lp .lp-ww__eintrag span:not(.lp-ww__label) { display: block; font-size: var(--lp-t-body); line-height: 1.65; font-weight: var(--lp-w-body); margin-block-start: 4px; }
.mojo-lp.mojo-lp.lp-ww--plan .lp-ww__eintrag b { font-size: var(--lp-t-h3); line-height: 1.25; }
.mojo-lp .lp-ww__eintrag:hover b, .mojo-lp .lp-ww__eintrag:focus-visible b { color: var(--accent); }
.mojo-lp .lp-ww__plan { display: grid; grid-template-columns: 1fr 3fr 1fr; grid-template-rows: auto auto minmax(0, 1fr) auto; grid-template-areas: "back buehne cont" "back barrier cont" "back boden cont" "zufahrt zufahrt zufahrt"; gap: clamp(10px, 1.2vw, 18px); aspect-ratio: 5 / 4; padding: clamp(14px, 1.6vw, 24px); border-radius: var(--r-card); background: var(--surface); box-shadow: inset 0 0 0 1.5px var(--border); }
.mojo-lp .lp-ww__zone { position: relative; display: flex; flex-direction: column; justify-content: space-between; gap: 6px; padding: clamp(10px, 1.1vw, 16px); border-radius: var(--r-sm); background: var(--surface-2); box-shadow: inset 0 0 0 1.5px rgba(var(--kante-rgb), .14); color: var(--text); text-decoration: none; outline: 2px solid var(--accent); outline-offset: calc((1 - var(--lp-ww-a)) * 28px - 2px); min-height: 0; transition: background var(--t-ui) var(--ease); }
.mojo-lp .lp-ww__zone b { font-size: var(--lp-ww-karte); font-weight: 700; line-height: 1.3; }
.mojo-lp .lp-ww__zone .lp-ww__label { color: var(--text); }
.mojo-lp .lp-ww__zone--buehne { grid-area: buehne; min-height: clamp(56px, 6vw, 92px); }
.mojo-lp .lp-ww__zone--barrier { grid-area: barrier; min-height: 0; padding-block: 8px; flex-direction: row; align-items: center; justify-content: space-between; background: repeating-linear-gradient(90deg, rgba(var(--gold-rgb), .55) 0 12px, transparent 12px 20px) center / 100% 2px no-repeat, var(--surface-2); }
.mojo-lp .lp-ww__zone--barrier b, .mojo-lp .lp-ww__zone--barrier .lp-ww__label { background: var(--surface-2); padding-inline: 6px; }
.mojo-lp .lp-ww__zone--boden { grid-area: boden; background: repeating-linear-gradient(0deg, rgba(var(--kante-rgb), .1) 0 1.5px, transparent 1.5px 18px), repeating-linear-gradient(90deg, rgba(var(--kante-rgb), .1) 0 1.5px, transparent 1.5px 18px), var(--surface-2); }
.mojo-lp .lp-ww__zone--back { grid-area: back; }
.mojo-lp .lp-ww__zone--cont { grid-area: cont; }
.mojo-lp .lp-ww__zone--zufahrt { grid-area: zufahrt; flex-direction: row; align-items: center; justify-content: space-between; outline: 0; box-shadow: none; background: transparent; padding-inline: 0; padding-block: 6px 0; }
.mojo-lp .lp-ww__zone:hover, .mojo-lp .lp-ww__zone:focus-visible { background-color: rgba(var(--gold-rgb), .12); }
.mojo-lp .lp-ww__gelaende:has(.lp-ww__eintrag[data-k="1"]:hover) .lp-ww__zone[data-k="1"], .mojo-lp .lp-ww__gelaende:has(.lp-ww__eintrag[data-k="2"]:hover) .lp-ww__zone[data-k="2"], .mojo-lp .lp-ww__gelaende:has(.lp-ww__eintrag[data-k="3"]:hover) .lp-ww__zone[data-k="3"], .mojo-lp .lp-ww__gelaende:has(.lp-ww__eintrag[data-k="4"]:hover) .lp-ww__zone[data-k="4"] { background-color: rgba(var(--gold-rgb), .12); }
@supports (animation-timeline: view()) {
.mojo-lp.lp-ww--plan .lp-ww__zone { animation: lp-ww-auf auto cubic-bezier(.2, .7, .2, 1) both; animation-timeline: --lp-ww; }
.mojo-lp.lp-ww--plan .lp-ww__zone--buehne { animation-range: cover 0% cover 34%; }
.mojo-lp.lp-ww--plan .lp-ww__zone--barrier { animation-range: cover 7% cover 41%; }
.mojo-lp.lp-ww--plan .lp-ww__zone--boden { animation-range: cover 14% cover 48%; }
.mojo-lp.lp-ww--plan :is(.lp-ww__zone--back, .lp-ww__zone--cont) { animation-range: cover 21% cover 55%; }
}
html.lp-nozeit .mojo-lp.lp-ww--plan .lp-ww__zone { animation: none; --lp-ww-a: 0; transition: --lp-ww-a 1.3s cubic-bezier(.2, .7, .2, 1); }
html.lp-nozeit .mojo-lp.lp-ww--plan .lp-ww__zone--barrier { transition-delay: .15s; }
html.lp-nozeit .mojo-lp.lp-ww--plan .lp-ww__zone--boden { transition-delay: .3s; }
html.lp-nozeit .mojo-lp.lp-ww--plan :is(.lp-ww__zone--back, .lp-ww__zone--cont) { transition-delay: .45s; }
html.lp-nozeit .mojo-lp.lp-ww--plan.is-auf .lp-ww__zone { --lp-ww-a: 1; }
@media (max-width: 930px) {
.mojo-lp.mojo-lp .lp-ww__tafel { table-layout: auto; }
.mojo-lp.mojo-lp .lp-ww__tafel thead th, .mojo-lp.mojo-lp .lp-ww__tafel tbody th { min-width: 150px; }
.mojo-lp.mojo-lp .lp-ww__tafel tbody td { min-width: 170px; }
.mojo-lp .lp-ww__zelle { min-height: 0; border-radius: var(--r-card); }
.mojo-lp .lp-ww__zelle .lp-ww__nur-mobil { display: block; }
.mojo-lp.mojo-lp .lp-ww__satz { max-width: none; }
.mojo-lp.mojo-lp .lp-ww__wahl fieldset { grid-template-columns: minmax(0, 1fr); }
.mojo-lp.mojo-lp .lp-ww__wahl legend { float: none; width: auto; }
.mojo-lp .lp-ww__index { grid-template-columns: minmax(0, 1fr); }
.mojo-lp.mojo-lp .lp-ww__vorschau { display: none; }
.mojo-lp .lp-ww__zeile { grid-template-columns: 3ch minmax(0, 1fr); }
.mojo-lp .lp-ww__zeile .lp-ww__pfeil { display: none; }
.mojo-lp .lp-ww__netz { grid-template-columns: minmax(0, 1fr); gap: 18px; }
.mojo-lp .lp-ww__knoten { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.mojo-lp .lp-ww__knopf { padding: 12px 14px; }
.mojo-lp.mojo-lp .lp-ww__routen { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
.mojo-lp .lp-ww__route { display: flex; justify-content: space-between; gap: 8px; padding: 9px 12px; border-radius: var(--r-ui); font-size: var(--lp-t-klein); line-height: 1.45; }
.mojo-lp.mojo-lp .lp-ww__leitung, .mojo-lp.mojo-lp .lp-ww__leitung i { display: none; }
.mojo-lp .lp-ww__knoten--rechts { text-align: left; }
.mojo-lp.lp-ww--netz .lp-ww__mobil { display: grid; gap: 10px; margin-block-end: 18px; }
.mojo-lp.mojo-lp.lp-ww--netz:has(.lp-ww__mobil) .lp-ww__netz > .lp-ww__knoten:first-child, .mojo-lp.mojo-lp.lp-ww--netz:has(.lp-ww__mobil) .lp-ww__routen { display: none; }
.mojo-lp .lp-ww__auf { border-radius: var(--r-card); background: var(--surface); box-shadow: inset 0 0 0 1.5px var(--border); }
.mojo-lp .lp-ww__auf[open] { box-shadow: inset 0 0 0 1.5px var(--accent); }
.mojo-lp .lp-ww__auf > summary { list-style: none; cursor: pointer; display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 3px 12px; padding: 12px 14px; }
.mojo-lp .lp-ww__auf > summary::-webkit-details-marker { display: none; }
.mojo-lp .lp-ww__auf > summary .lp-ww__label { grid-column: 1; color: var(--text); }
.mojo-lp .lp-ww__auf > summary b { grid-column: 1; font-size: var(--lp-ww-titel); font-weight: 700; letter-spacing: -.02em; line-height: 1.2; }
.mojo-lp .lp-ww__auf > summary::after { content: "+"; grid-column: 2; grid-row: 1 / span 2; width: 32px; height: 32px; display: grid; place-items: center; border-radius: 50%; box-shadow: inset 0 0 0 1.5px var(--border); color: var(--accent); font-weight: 700; }
.mojo-lp .lp-ww__auf[open] > summary::after { content: "\2212"; }
.mojo-lp .lp-ww__auf-inhalt { display: grid; gap: 8px; padding: 0 14px 14px; }
.mojo-lp .lp-ww__gelaende { grid-template-columns: minmax(0, 1fr); }
.mojo-lp .lp-ww__plan { aspect-ratio: auto; grid-template-columns: 1fr 1fr; grid-template-areas: "buehne buehne" "barrier barrier" "boden boden" "back cont" "zufahrt zufahrt"; }
.mojo-lp .lp-ww__zone--boden { min-height: 120px; }
}
@media (prefers-reduced-motion: reduce) {
.mojo-lp.lp-ww :is(.lp-ww__tafel, .lp-ww__luecke, .lp-ww__zeile b, .lp-ww__leitung, .lp-ww__zone, .lp-ww__vorschau) { animation: none !important; transition: none !important; --lp-ww-a: 1 !important; }
.mojo-lp.lp-ww--satz .lp-ww__luecke { width: auto !important; }
}
.mojo-lp.lp-ww--satz:has(#ww-s1:checked) .lp-ww__wort[data-s="1"] { display: inline; }
.mojo-lp.lp-ww--satz:has(#ww-k1:checked) .lp-ww__wort[data-k="1"] { display: inline; }
.mojo-lp.lp-ww--satz:has(#ww-s2:checked) .lp-ww__wort[data-s="2"] { display: inline; }
.mojo-lp.lp-ww--satz:has(#ww-k2:checked) .lp-ww__wort[data-k="2"] { display: inline; }
.mojo-lp.lp-ww--satz:has(#ww-s3:checked) .lp-ww__wort[data-s="3"] { display: inline; }
.mojo-lp.lp-ww--satz:has(#ww-k3:checked) .lp-ww__wort[data-k="3"] { display: inline; }
.mojo-lp.lp-ww--satz:has(#ww-s4:checked) .lp-ww__wort[data-s="4"] { display: inline; }
.mojo-lp.lp-ww--satz:has(#ww-k4:checked) .lp-ww__wort[data-k="4"] { display: inline; }
.mojo-lp.lp-ww--satz:has(#ww-s1:checked):has(#ww-k1:checked) .lp-ww__ziel[data-s="1"][data-k="1"] { display: grid; }
.mojo-lp.lp-ww--satz:has(#ww-s1:checked):has(#ww-k2:checked) .lp-ww__ziel[data-s="1"][data-k="2"] { display: grid; }
.mojo-lp.lp-ww--satz:has(#ww-s1:checked):has(#ww-k3:checked) .lp-ww__ziel[data-s="1"][data-k="3"] { display: grid; }
.mojo-lp.lp-ww--satz:has(#ww-s1:checked):has(#ww-k4:checked) .lp-ww__ziel[data-s="1"][data-k="4"] { display: grid; }
.mojo-lp.lp-ww--satz:has(#ww-s2:checked):has(#ww-k1:checked) .lp-ww__ziel[data-s="2"][data-k="1"] { display: grid; }
.mojo-lp.lp-ww--satz:has(#ww-s2:checked):has(#ww-k2:checked) .lp-ww__ziel[data-s="2"][data-k="2"] { display: grid; }
.mojo-lp.lp-ww--satz:has(#ww-s2:checked):has(#ww-k3:checked) .lp-ww__ziel[data-s="2"][data-k="3"] { display: grid; }
.mojo-lp.lp-ww--satz:has(#ww-s2:checked):has(#ww-k4:checked) .lp-ww__ziel[data-s="2"][data-k="4"] { display: grid; }
.mojo-lp.lp-ww--satz:has(#ww-s3:checked):has(#ww-k1:checked) .lp-ww__ziel[data-s="3"][data-k="1"] { display: grid; }
.mojo-lp.lp-ww--satz:has(#ww-s3:checked):has(#ww-k2:checked) .lp-ww__ziel[data-s="3"][data-k="2"] { display: grid; }
.mojo-lp.lp-ww--satz:has(#ww-s3:checked):has(#ww-k3:checked) .lp-ww__ziel[data-s="3"][data-k="3"] { display: grid; }
.mojo-lp.lp-ww--satz:has(#ww-s3:checked):has(#ww-k4:checked) .lp-ww__ziel[data-s="3"][data-k="4"] { display: grid; }
.mojo-lp.lp-ww--satz:has(#ww-s4:checked):has(#ww-k1:checked) .lp-ww__ziel[data-s="4"][data-k="1"] { display: grid; }
.mojo-lp.lp-ww--satz:has(#ww-s4:checked):has(#ww-k2:checked) .lp-ww__ziel[data-s="4"][data-k="2"] { display: grid; }
.mojo-lp.lp-ww--satz:has(#ww-s4:checked):has(#ww-k3:checked) .lp-ww__ziel[data-s="4"][data-k="3"] { display: grid; }
.mojo-lp.lp-ww--satz:has(#ww-s4:checked):has(#ww-k4:checked) .lp-ww__ziel[data-s="4"][data-k="4"] { display: grid; }
@supports (animation-timeline: view()) {
.mojo-lp.lp-ww--register li:nth-child(1) .lp-ww__zeile b { animation-range: cover 0% cover 30%; }
.mojo-lp.lp-ww--register li:nth-child(2) .lp-ww__zeile b { animation-range: cover 2.5% cover 32.5%; }
.mojo-lp.lp-ww--register li:nth-child(3) .lp-ww__zeile b { animation-range: cover 5% cover 35%; }
.mojo-lp.lp-ww--register li:nth-child(4) .lp-ww__zeile b { animation-range: cover 7.5% cover 37.5%; }
.mojo-lp.lp-ww--register li:nth-child(5) .lp-ww__zeile b { animation-range: cover 10% cover 40%; }
.mojo-lp.lp-ww--register li:nth-child(6) .lp-ww__zeile b { animation-range: cover 12.5% cover 42.5%; }
.mojo-lp.lp-ww--register li:nth-child(7) .lp-ww__zeile b { animation-range: cover 15% cover 45%; }
.mojo-lp.lp-ww--register li:nth-child(8) .lp-ww__zeile b { animation-range: cover 17.5% cover 47.5%; }
.mojo-lp.lp-ww--register li:nth-child(9) .lp-ww__zeile b { animation-range: cover 20% cover 50%; }
.mojo-lp.lp-ww--register li:nth-child(10) .lp-ww__zeile b { animation-range: cover 22.5% cover 52.5%; }
.mojo-lp.lp-ww--register li:nth-child(11) .lp-ww__zeile b { animation-range: cover 25% cover 55%; }
.mojo-lp.lp-ww--register li:nth-child(12) .lp-ww__zeile b { animation-range: cover 27.5% cover 57.5%; }
.mojo-lp.lp-ww--register li:nth-child(13) .lp-ww__zeile b { animation-range: cover 30% cover 60%; }
.mojo-lp.lp-ww--register li:nth-child(14) .lp-ww__zeile b { animation-range: cover 32.5% cover 62.5%; }
.mojo-lp.lp-ww--register li:nth-child(15) .lp-ww__zeile b { animation-range: cover 35% cover 65%; }
.mojo-lp.lp-ww--register li:nth-child(16) .lp-ww__zeile b { animation-range: cover 37.5% cover 67.5%; }
}
@supports (anchor-name: --a) {
.mojo-lp .lp-ww__index:has(li:hover) .lp-ww__vorschau > * { opacity: 0; }
.mojo-lp .lp-ww__index:has(li:nth-child(1):hover) .lp-ww__vorschau { top: anchor(--ww-z1 center); }
.mojo-lp .lp-ww__index:has(li:nth-child(1):hover) .lp-ww__vorschau > :nth-child(1) { opacity: 1; }
.mojo-lp .lp-ww__index:has(li:nth-child(2):hover) .lp-ww__vorschau { top: anchor(--ww-z2 center); }
.mojo-lp .lp-ww__index:has(li:nth-child(2):hover) .lp-ww__vorschau > :nth-child(2) { opacity: 1; }
.mojo-lp .lp-ww__index:has(li:nth-child(3):hover) .lp-ww__vorschau { top: anchor(--ww-z3 center); }
.mojo-lp .lp-ww__index:has(li:nth-child(3):hover) .lp-ww__vorschau > :nth-child(3) { opacity: 1; }
.mojo-lp .lp-ww__index:has(li:nth-child(4):hover) .lp-ww__vorschau { top: anchor(--ww-z4 center); }
.mojo-lp .lp-ww__index:has(li:nth-child(4):hover) .lp-ww__vorschau > :nth-child(4) { opacity: 1; }
.mojo-lp .lp-ww__index:has(li:nth-child(5):hover) .lp-ww__vorschau { top: anchor(--ww-z5 center); }
.mojo-lp .lp-ww__index:has(li:nth-child(5):hover) .lp-ww__vorschau > :nth-child(5) { opacity: 1; }
.mojo-lp .lp-ww__index:has(li:nth-child(6):hover) .lp-ww__vorschau { top: anchor(--ww-z6 center); }
.mojo-lp .lp-ww__index:has(li:nth-child(6):hover) .lp-ww__vorschau > :nth-child(1) { opacity: 1; }
.mojo-lp .lp-ww__index:has(li:nth-child(7):hover) .lp-ww__vorschau { top: anchor(--ww-z7 center); }
.mojo-lp .lp-ww__index:has(li:nth-child(7):hover) .lp-ww__vorschau > :nth-child(2) { opacity: 1; }
.mojo-lp .lp-ww__index:has(li:nth-child(8):hover) .lp-ww__vorschau { top: anchor(--ww-z8 center); }
.mojo-lp .lp-ww__index:has(li:nth-child(8):hover) .lp-ww__vorschau > :nth-child(3) { opacity: 1; }
.mojo-lp .lp-ww__index:has(li:nth-child(9):hover) .lp-ww__vorschau { top: anchor(--ww-z9 center); }
.mojo-lp .lp-ww__index:has(li:nth-child(9):hover) .lp-ww__vorschau > :nth-child(4) { opacity: 1; }
.mojo-lp .lp-ww__index:has(li:nth-child(10):hover) .lp-ww__vorschau { top: anchor(--ww-z10 center); }
.mojo-lp .lp-ww__index:has(li:nth-child(10):hover) .lp-ww__vorschau > :nth-child(5) { opacity: 1; }
.mojo-lp .lp-ww__index:has(li:nth-child(11):hover) .lp-ww__vorschau { top: anchor(--ww-z11 center); }
.mojo-lp .lp-ww__index:has(li:nth-child(11):hover) .lp-ww__vorschau > :nth-child(1) { opacity: 1; }
.mojo-lp .lp-ww__index:has(li:nth-child(12):hover) .lp-ww__vorschau { top: anchor(--ww-z12 center); }
.mojo-lp .lp-ww__index:has(li:nth-child(12):hover) .lp-ww__vorschau > :nth-child(2) { opacity: 1; }
.mojo-lp .lp-ww__index:has(li:nth-child(13):hover) .lp-ww__vorschau { top: anchor(--ww-z13 center); }
.mojo-lp .lp-ww__index:has(li:nth-child(13):hover) .lp-ww__vorschau > :nth-child(3) { opacity: 1; }
.mojo-lp .lp-ww__index:has(li:nth-child(14):hover) .lp-ww__vorschau { top: anchor(--ww-z14 center); }
.mojo-lp .lp-ww__index:has(li:nth-child(14):hover) .lp-ww__vorschau > :nth-child(4) { opacity: 1; }
.mojo-lp .lp-ww__index:has(li:nth-child(15):hover) .lp-ww__vorschau { top: anchor(--ww-z15 center); }
.mojo-lp .lp-ww__index:has(li:nth-child(15):hover) .lp-ww__vorschau > :nth-child(5) { opacity: 1; }
.mojo-lp .lp-ww__index:has(li:nth-child(16):hover) .lp-ww__vorschau { top: anchor(--ww-z16 center); }
.mojo-lp .lp-ww__index:has(li:nth-child(16):hover) .lp-ww__vorschau > :nth-child(1) { opacity: 1; }
}
@property --lp-su-a { syntax: "<number>"; inherits: true; initial-value: 1; }
@keyframes lp-su-auf { from { --lp-su-a: 0; } to { --lp-su-a: 1; } }
.mojo-lp.lp-su {
timeline-scope: --lp-su;
--lp-su-h: clamp(52px, 4.2vw, 62px);
--lp-su-logo: clamp(26px, 2.3vw, 40px);
--lp-su-wort: clamp(14px, 1.05vw, 17px);
}
.mojo-lp .lp-su__marke { display: block; height: 1px; margin-block-end: -1px; view-timeline-name: --lp-su; view-timeline-axis: block; pointer-events: none; }
.mojo-lp .lp-su__marken { display: flex; align-items: center; gap: clamp(18px, 2.6vw, 40px); flex: 0 0 auto; }
.mojo-lp .lp-su__marken a { display: inline-flex; align-items: center; height: var(--lp-su-logo); line-height: 0; text-decoration: none; opacity: 1; transition: opacity var(--t-ui) var(--ease); }
.mojo-lp .lp-su__marken a:hover { opacity: .78; }
.mojo-lp.mojo-lp.mojo-lp .lp-su__logo { display: block; height: var(--lp-su-logo) !important; max-height: var(--lp-su-logo) !important; width: auto !important; max-width: clamp(112px, 12vw, 190px) !important; object-fit: contain; object-position: center; margin: 0 !important; padding: 0 !important; border-radius: 0; }
.mojo-lp.lp-sand .lp-su__marken a { background: var(--lp-carbon); padding: 7px 12px; border-radius: var(--r-ui); }
.mojo-lp .lp-su__feld { position: relative; width: 100%; min-width: 0; font-size: 0; }
.mojo-lp .lp-su__feld > * { font-size: 15px; }
.mojo-lp .lp-su__feld :is(div, span) { max-width: 100%; }
.mojo-lp.mojo-lp .lp-su__feld form { display: flex; align-items: stretch; gap: 0; width: 100%; margin: 0; padding: 0; border: 0; background: transparent; }
.mojo-lp.mojo-lp .lp-su__feld :is(input[type="search"], input[type="text"], .wcas-search-input) {
flex: 1 1 auto; min-width: 0; height: var(--lp-su-h);
margin: 0; padding: 0 clamp(16px, 1.6vw, 26px);
font-family: var(--font); font-size: clamp(14px, 1vw, 16px); font-weight: 500; font-style: italic;
color: var(--lp-carbon); background: #FFFFFF;
border: 0; box-shadow: inset 0 0 0 1.5px var(--border);
border-radius: var(--r-ui) 0 0 var(--r-ui);
transition: box-shadow var(--t-ui) var(--ease);
}
.mojo-lp .lp-su__feld :is(input[type="search"], input[type="text"], .wcas-search-input)::placeholder { color: var(--lp-stone-dk); font-style: italic; opacity: 1; }
.mojo-lp .lp-su__feld :is(input[type="search"], input[type="text"], .wcas-search-input):focus { outline: 0; box-shadow: inset 0 0 0 2px var(--lp-gold); }
.mojo-lp.mojo-lp .lp-su__feld :is(button, input[type="submit"], .wcas-search-submit) {
flex: 0 0 auto; height: var(--lp-su-h); min-height: 0;
margin: 0; padding: 0 clamp(18px, 1.8vw, 34px);
font-family: var(--font); font-size: 15px; font-weight: 600; line-height: 1;
color: var(--accent-on); background: var(--lp-gold);
border: 0; border-radius: 0 var(--r-ui) var(--r-ui) 0; cursor: pointer;
transition: background var(--t-ui) var(--ease);
}
.mojo-lp .lp-su__feld :is(button, input[type="submit"], .wcas-search-submit):hover { background: var(--lp-gold-hi); }
.mojo-lp .lp-su__feld :is(button, input[type="submit"], .wcas-search-submit):active { background: var(--lp-gold-md); }
.mojo-lp .lp-su__feld :is(.wcas-suggestions-wrapp, .wcas-suggestion) { z-index: 40; }
.mojo-lp .lp-su { position: relative; z-index: 1; }
.mojo-lp .lp-su__feld > div { width: 100%; }
.mojo-lp .lp-su__feld:has(form:not(.lp-su__ersatz)) .lp-su__ersatz, .mojo-lp .lp-su__feld:has(> :not(.lp-su__ersatz) input) .lp-su__ersatz { display: none !important; }
.mojo-lp.lp-su--aufmacher .lp-su__kopf { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: clamp(24px, 3vw, 56px); align-items: start; margin-bottom: var(--sp-head); }
.mojo-lp.lp-su--aufmacher .lp-su__kopf .lp-head { margin-bottom: 0; }
.mojo-lp.lp-su--aufmacher .lp-su__marken { padding-block-start: var(--lp-h2-kante); justify-content: flex-end; }
.mojo-lp.lp-su--aufmacher h2 { word-spacing: calc((1 - var(--lp-su-a)) * .30em); }
.mojo-lp.lp-su--aufmacher .lp-su__feld { --lp-su-h: clamp(58px, 5vw, 74px); }
.mojo-lp.lp-su--aufmacher .lp-su__bereiche { display: flex; flex-wrap: wrap; align-items: baseline; gap: 6px clamp(12px, 1.4vw, 22px); margin-block-start: var(--sp-stack); }
.mojo-lp.lp-su--aufmacher .lp-su__bereiche > span { color: var(--text-leise); }
.mojo-lp.lp-su--aufmacher .lp-su__bereich { font-size: var(--lp-su-wort); font-weight: 600; color: var(--text); text-decoration: none; box-shadow: inset 0 -1.5px 0 0 transparent; transition: color var(--t-ui) var(--ease), box-shadow var(--t-ui) var(--ease); }
.mojo-lp.lp-su--aufmacher .lp-su__bereich:hover { color: var(--accent); box-shadow: inset 0 -1.5px 0 0 var(--accent); }
@supports (animation-timeline: view()) {
@media (prefers-reduced-motion: no-preference) {
.mojo-lp.lp-su--aufmacher .lp-su__kopf { animation: lp-su-auf auto cubic-bezier(.2, .7, .2, 1) both; animation-timeline: --lp-su; animation-range: cover 2% cover 46%; }
}
}
html.lp-nozeit .mojo-lp.lp-su--aufmacher .lp-su__kopf { animation: none; --lp-su-a: 0; transition: --lp-su-a 1.4s cubic-bezier(.2, .7, .2, 1); }
html.lp-nozeit .mojo-lp.lp-su--aufmacher.is-auf .lp-su__kopf { --lp-su-a: 1; }
.mojo-lp.lp-su--leiste { padding-block: clamp(30px, 4.5vh, 60px); }
.mojo-lp.lp-su--leiste .lp-su__zeile { display: flex; align-items: center; gap: clamp(18px, 2.6vw, 46px); }
.mojo-lp.lp-su--leiste .lp-su__feld { flex: 1 1 auto; }
.mojo-lp.lp-su--leiste .lp-su__schiene {
display: block; height: 1.5px; margin-block-start: clamp(16px, 1.8vw, 26px);
background-image: linear-gradient(90deg, rgba(var(--gold-rgb, 188, 161, 80), 0) 0%, var(--lp-gold) 22%, var(--lp-gold) 78%, rgba(var(--gold-rgb, 188, 161, 80), 0) 100%);
background-repeat: no-repeat;
background-position: center;
background-size: calc(var(--lp-su-a) * 100%) 1.5px;
}
.mojo-lp.lp-su--leiste .lp-su__hinweis { display: block; margin-block-start: 12px; font-size: 11px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--text-leise); line-height: 1.65; }
@supports (animation-timeline: view()) {
@media (prefers-reduced-motion: no-preference) {
.mojo-lp.lp-su--leiste .lp-su__schiene { animation: lp-su-auf auto cubic-bezier(.2, .7, .2, 1) both; animation-timeline: --lp-su; animation-range: cover 4% cover 54%; }
}
}
html.lp-nozeit .mojo-lp.lp-su--leiste .lp-su__schiene { animation: none; --lp-su-a: 0; transition: --lp-su-a 1.4s cubic-bezier(.2, .7, .2, 1); }
html.lp-nozeit .mojo-lp.lp-su--leiste.is-auf .lp-su__schiene { --lp-su-a: 1; }
.mojo-lp.lp-su--stichwort .lp-su__platte { margin-block-start: var(--sp-head); padding-block-start: clamp(18px, 2vw, 26px); border-top: 1px solid var(--border); }
@media (max-width: 930px) {
.mojo-lp.lp-su--stichwort .lp-su__platte { margin-block-end: var(--sp-head); padding-block-end: clamp(18px, 4.6vw, 26px); border-bottom: 1px solid var(--border); }
.mojo-lp.lp-su .lp-su__marken { justify-content: center; gap: clamp(26px, 8vw, 44px); }
.mojo-lp.lp-su .lp-su__etikett { text-align: center; }
}
.mojo-lp.lp-su--stichwort .lp-su__etikett { display: block; margin-block-end: clamp(12px, 1.4vw, 18px); font-size: 11px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--accent); line-height: 1.65; }
.mojo-lp.lp-su--stichwort .lp-su__etikett--wort { margin-block-start: clamp(20px, 2.4vw, 32px); }
.mojo-lp.lp-su--stichwort .lp-su__woerter { display: flex; flex-wrap: wrap; gap: clamp(12px, 1.4vw, 22px); }
.mojo-lp.mojo-lp .lp-su__wort {
font-size: var(--lp-su-wort); font-weight: 600; color: var(--text); cursor: pointer;
background: transparent; border: 0; padding: 2px 0; font-family: var(--font);
text-decoration-line: underline; text-decoration-color: var(--accent);
text-underline-offset: 6px;
text-decoration-thickness: calc(var(--lp-su-a) * 2px);
transition: color var(--t-ui) var(--ease), text-underline-offset var(--t-ui) var(--ease);
}
.mojo-lp .lp-su__wort:hover, .mojo-lp .lp-su__wort:focus-visible { color: var(--accent); text-underline-offset: 3px; outline: 0; }
@supports (animation-timeline: view()) {
@media (prefers-reduced-motion: no-preference) {
.mojo-lp.lp-su--stichwort .lp-su__wort { animation: lp-su-auf auto cubic-bezier(.2, .7, .2, 1) both; animation-timeline: --lp-su; animation-range: cover calc(6% + var(--i, 0) * 3%) cover calc(40% + var(--i, 0) * 3%); }
}
}
html.lp-nozeit .mojo-lp.lp-su--stichwort .lp-su__wort { animation: none; --lp-su-a: 0; transition: --lp-su-a .9s cubic-bezier(.2, .7, .2, 1) calc(var(--i, 0) * 70ms); }
html.lp-nozeit .mojo-lp.lp-su--stichwort.is-auf .lp-su__wort { --lp-su-a: 1; }
@media (max-width: 930px) {
.mojo-lp.lp-su { --lp-su-h: 52px; --lp-su-logo: 32px; }
.mojo-lp.lp-su--aufmacher .lp-su__kopf { grid-template-columns: 1fr; gap: clamp(20px, 4vw, 32px); }
.mojo-lp.lp-su--aufmacher .lp-su__marken { padding-block-start: 0; justify-content: flex-start; }
.mojo-lp.lp-su--aufmacher .lp-su__bereiche { gap: 10px clamp(16px, 5vw, 26px); }
.mojo-lp.lp-su--aufmacher .lp-su__feld { --lp-su-h: 54px; }
.mojo-lp.lp-su--aufmacher h2 { word-spacing: calc((1 - var(--lp-su-a)) * .16em); }
.mojo-lp.lp-su--leiste .lp-su__zeile { flex-wrap: wrap; gap: clamp(16px, 4vw, 24px); }
.mojo-lp.lp-su--leiste .lp-su__zeile { row-gap: clamp(14px, 3.5vw, 20px); column-gap: clamp(18px, 5vw, 32px); }
.mojo-lp.lp-su--leiste .lp-su__marken { order: -1; flex: 0 0 auto; }
.mojo-lp.lp-su--leiste .lp-su__marken--rechts { order: -1; }
.mojo-lp.lp-su--leiste .lp-su__feld { flex: 1 1 100%; }
.mojo-lp.lp-su--stichwort .lp-su__platte { margin-block-start: clamp(22px, 5vw, 30px); }
.mojo-lp .lp-su__feld :is(button, input[type="submit"], .wcas-search-submit) { padding: 0 16px; }
}
@media (max-width: 560px) {
.mojo-lp.lp-su--aufmacher .lp-su__bereiche > span { display: none; }
}
@media (max-width: 420px) {
.mojo-lp .lp-su__feld :is(button, input[type="submit"], .wcas-search-submit) { padding: 0 14px; font-size: 14px; }
}
.mojo-lp.mojo-lp.lp-eta h3 {
font-size: var(--lp-t-h3) !important; line-height: 1.25 !important; font-weight: 700 !important;
}
.mojo-lp.mojo-lp.lp-eta--ziffer .lp-eta__schritt h3, .mojo-lp.mojo-lp.lp-eta--pegel .lp-eta__schritt h3 {
font-size: var(--lp-t-h3) !important; line-height: 1.25 !important;
}
.mojo-lp.mojo-lp.lp-eta :is(p, dd):not(.lp-eyebrow):not(.lp-etl__titel) {
font-size: var(--lp-t-body) !important; line-height: 1.65 !important; font-weight: var(--lp-w-body) !important;
}
.mojo-lp.mojo-lp.lp-eta--besuchertag :is(.lp-ev-clock > span, .lp-ev-chapter, .lp-ev-program li > span:first-child, dt), .mojo-lp.mojo-lp.lp-etn :is(.lp-etn-small, .lp-etn-data dt) {
font-size: 11px !important;
}
.mojo-lp.mojo-lp.lp-eta--besuchertag .lp-ev-program li > div { font-size: var(--lp-t-body) !important; line-height: 1.65 !important; font-weight: var(--lp-w-body) !important; }
.mojo-lp.mojo-lp.lp-eta--besuchertag .lp-ev-aside strong { font-size: var(--lp-t-body) !important; line-height: 1.65 !important; }
.mojo-lp.mojo-lp .lp-eta__reiter a { font-size: 11px !important; }
.mojo-lp.mojo-lp .lp-acc__btn, .mojo-lp.mojo-lp .lp-far__eintrag h3 {
font-size: clamp(18px, 1.25vw + 3.52px, 28px) !important;
line-height: 1.25 !important; font-weight: 700 !important;
}
.mojo-lp.mojo-lp :is(.lp-acc__pad, .lp-fqg, .lp-far__eintrag) :is(p, li, dd, dt, td):not(.lp-eyebrow) {
font-size: var(--lp-t-body) !important; line-height: 1.65 !important; font-weight: var(--lp-w-body) !important;
}
.mojo-lp .lp-acc__pad > * + * { margin-block-start: var(--sp-stack) !important; }
.mojo-lp.mojo-lp .lp-acc__pad :is(.lp-list, .lp-table-wrap):last-child { margin-block-end: 0 !important; }
.mojo-lp.mojo-lp .lp-acc__pad :is(ul, ol) { list-style: none !important; }
.mojo-lp.mojo-lp .lp-acc__pad :is(ul, ol) > li { list-style: none !important; }
.mojo-lp .lp-acc__pad :is(ul, ol) > li::marker { content: none; }
.mojo-lp.mojo-lp .lp-acc__pad .lp-table th { font-size: 11px !important; font-weight: 700 !important; }
.mojo-lp.mojo-lp .lp-acc__pad .lp-table td { font-size: var(--lp-t-teaser) !important; font-weight: 500 !important; line-height: 1.55 !important; }
.mojo-lp.mojo-lp .lp-fqg__text .lp-list { margin-block: 0 var(--sp-stack) !important; }
.mojo-lp.mojo-lp .lp-fqg__text .lp-btn-row { margin-block-start: calc(var(--sp-stack) + 6px) !important; }
.mojo-lp.mojo-lp.lp-fbw h3 {
font-size: var(--lp-t-h3) !important; line-height: 1.25 !important; font-weight: 700 !important;
}
.mojo-lp.mojo-lp.lp-fbw :is(p, li):not(.lp-eyebrow):not(.lp-fbw__leise):not(.lp-num) {
font-size: var(--lp-t-body) !important; line-height: 1.65 !important; font-weight: var(--lp-w-body) !important;
}
@media (max-width: 930px) {
.mojo-lp.lp-fbw--schraege .lp-fbw__kontakt { justify-items: center; text-align: center; }
}
.mojo-lp.mojo-lp .lp-fbw__block .lp-num { margin-block-end: -.06em !important; }
.mojo-lp.mojo-lp .lp-flg__text, .mojo-lp.mojo-lp .lp-flg__ticket li, .mojo-lp.mojo-lp.lp-flg--zitat cite {
font-size: var(--lp-t-body) !important; line-height: 1.65 !important; font-weight: var(--lp-w-body) !important;
}
.mojo-lp.mojo-lp.lp-flg--zitat cite { font-weight: 700 !important; font-style: normal; }
.mojo-lp.mojo-lp.lp-flg--reihe .lp-flg__kachel .lp-flg__name {
font-size: clamp(18px, .7vw + 8px, 22px) !important; line-height: 1.25 !important; font-weight: 700 !important;
}
.mojo-lp.mojo-lp.lp-flg--tickets h3 {
font-size: var(--lp-t-h3) !important; line-height: 1.25 !important; font-weight: 700 !important;
}
@media (max-width: 930px) {
.mojo-lp .lp-flg__kachel .lp-flg__bild { aspect-ratio: 4 / 3; }
}
.mojo-lp .lp-split--top > .lp-kante { margin-block-start: var(--lp-h2-kante); }
.mojo-lp.mojo-lp .lp-split--top > .lp-kante :is(p, li):not(.lp-eyebrow) {
font-size: var(--lp-t-body) !important; line-height: 1.65 !important; font-weight: var(--lp-w-body) !important;
}
@media (max-width: 930px) {
.mojo-lp .lp-split--top > .lp-kante { margin-block-start: 0; }
}
.mojo-lp.mojo-lp .lp-outro {
margin: 0 !important; max-width: 24ch;
font-size: clamp(24px, 3.2vw, 52px); font-weight: 600;
line-height: 1.12 !important; letter-spacing: -.02em; color: var(--text);
}
.mojo-lp .lp-outro em { font-style: normal; color: var(--accent); }
.mojo-lp.lp-rx.lp-rx--mosaikzoom .lp-rx-foot { align-items: end; flex-wrap: wrap; }
.mojo-lp.mojo-lp.lp-rx--mosaikzoom .lp-rx-foot .lp-btn-row { margin: 0 !important; }
.mojo-lp.lp-rx .lp-rx-arc__body.lp-split { grid-template-columns: 1fr 1fr; }
@media (max-width: 930px) {
.mojo-lp.lp-rx .lp-rx-arc__body.lp-split { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 930px) {
.mojo-lp .lp-split--top, .mojo-lp .lp-rx-arc__body.lp-split { row-gap: 0; }
}
@media (max-width: 930px) {
.mojo-lp.lp-rx:is(.lp-rx--bildbogen, .lp-rx--mosaikzoom) .lp-split--top.lp-head .lp-eyebrow--line, .mojo-lp.lp-rx:is(.lp-rx--bildbogen, .lp-rx--mosaikzoom) .lp-rx-arc__body.lp-split .lp-eyebrow--line { justify-content: flex-start; }
}
@media (max-width: 930px) {
.mojo-lp:has(> .lp-inner > .lp-gal) :is(.lp-eyebrow--line, .lp-eyebrow--rule) { justify-content: flex-start; }
.mojo-lp:has(> .lp-inner > .lp-gal) .lp-eyebrow--line::before { display: block; }
.mojo-lp.mojo-lp:has(> .lp-inner > .lp-gal) :is(h2, h3, p, span, li) { text-align: left; margin-inline: 0; }
.mojo-lp.mojo-lp:has(> .lp-inner > .lp-gal) .lp-btn-row { justify-content: flex-start; }
}
@media (max-width: 930px) {
.mojo-lp.mojo-lp.lp-rx .lp-rx-foot { flex-direction: column; align-items: flex-start !important; justify-content: flex-start; }
.mojo-lp.mojo-lp.lp-rx .lp-rx-foot .lp-btn-row { justify-content: flex-start; margin-block-start: calc(var(--sp-stack) + 6px - var(--sp-stack)) !important; }
}
.mojo-lp.mojo-lp .lp-split--top > h2 { margin-block-end: var(--sp-title) !important; }
.mojo-lp.mojo-lp .lp-akg__kopf > .lp-eyebrow { margin-block-end: 10px !important; }
.mojo-lp.mojo-lp .lp-flg--satz .lp-flg__mitte > .lp-flg__linie { margin-block-end: clamp(18px, 2.6vh, 30px) !important; }
@media (max-width: 930px) {
.mojo-lp .lp-akg__kopf { row-gap: 0; }
.mojo-lp.lp-flg--satz .lp-flg__mitte { row-gap: 0; }
}
@media (max-width: 930px) {
.mojo-lp.mojo-lp.lp-lou .lp-lou__kopf { row-gap: 0; }
.mojo-lp.mojo-lp .lp-adh__paar { row-gap: 0; }
.mojo-lp.mojo-lp .lp-fqg { row-gap: var(--sp-title); }
.mojo-lp.mojo-lp .lp-fqg > .lp-fqg__fragen { margin-block-start: calc(clamp(24px, 3vw, 56px) - var(--sp-title)); }
}
.mojo-lp.mojo-lp.lp-lou .lp-lou__kopf h2 { margin-block-end: var(--sp-title) !important; }
.mojo-lp.mojo-lp.lp-lou .lp-lou__kopf .lp-eyebrow { margin-block-end: 10px !important; }
.mojo-lp.mojo-lp.lp-lou .lp-lou__titel h2 { margin-block-end: var(--sp-title) !important; }
.mojo-lp.mojo-lp .lp-head--fliess { margin-block-end: var(--sp-title); }
.mojo-lp.mojo-lp .lp-akg__kopf { row-gap: 0; }
.mojo-lp.mojo-lp .lp-adh__paar { row-gap: 0; }
.mojo-lp.mojo-lp .lp-fqg { row-gap: var(--sp-title); }
.mojo-lp.mojo-lp.lp-flg--satz .lp-flg__mitte { row-gap: 0; }
.mojo-lp.mojo-lp .lp-split--top { row-gap: 0; }
.mojo-lp.mojo-lp.lp-lou .lp-lou__kopf { row-gap: 0; }
@media (max-width: 930px) {
.mojo-lp.mojo-lp.mojo-lp.mojo-lp .lp-split--top > .lp-split__media, .mojo-lp.mojo-lp.mojo-lp.mojo-lp .lp-split--top > .lp-vgl, .mojo-lp.mojo-lp.mojo-lp.mojo-lp .lp-split--top > .lp-prob__grid, .mojo-lp.mojo-lp.mojo-lp.mojo-lp .lp-split--top > .lp-mis__medaillon, .mojo-lp.mojo-lp.mojo-lp.mojo-lp .lp-split--top > .lp-vh__grid { margin-block-start: var(--gap-split) !important; }
}
.mojo-lp.mojo-lp .lp-head--center { margin-block-end: var(--sp-title); }
.mojo-lp.mojo-lp .lp-inner > :is(.lp-cring, .lp-ctak__grid, .lp-acc, .lp-grid) { margin-block-start: var(--sp-head); }
.mojo-lp.mojo-lp .lp-ctan__karte .lp-btn-row { margin-block-start: calc(var(--sp-stack) + 6px - 10px) !important; }
.mojo-lp.mojo-lp .lp-igr__seite .lp-btn-row { margin-block-start: calc(var(--sp-stack) + 6px - clamp(18px, 2.4vh, 26px)) !important; }
.mojo-lp.mojo-lp .lp-cx__reihe { margin-block-end: 0; }
@media (max-width: 930px) {
.mojo-lp.mojo-lp.mojo-lp .lp-ezm__fuss .lp-btn-row { margin-block-start: calc(var(--sp-stack) + 6px - 16px) !important; }
.mojo-lp.mojo-lp.mojo-lp .lp-cx__leiste .lp-btn-row { margin-block-start: calc(var(--sp-stack) + 6px - 18px) !important; }
.mojo-lp.mojo-lp .lp-ctz { row-gap: 0; }
.mojo-lp.mojo-lp .lp-ctz > .lp-ctz__liste { margin-block-end: 0; }
}
@media (min-width: 931px) {
.mojo-lp.mojo-lp .lp-cx__leiste { row-gap: calc(var(--sp-stack) + 6px); }
}
.mojo-lp.mojo-lp.lp-pxc .lp-card h3 { font-size: var(--lp-t-h3) !important; line-height: 1.25 !important; font-weight: 700 !important; }
.mojo-lp.mojo-lp.lp-pxc :is(.lp-card p:not(.lp-eyebrow), .lp-list li, td, dd, dt, summary, legend, .lp-pxc__fuss > p) {
font-size: var(--lp-t-body) !important; line-height: 1.65 !important; font-weight: var(--lp-w-body) !important; }
.mojo-lp.mojo-lp.mojo-lp.lp-pxc :is(dt, th, summary, legend, .lp-pxc__matrix thead th, .lp-pxc__matrix tbody th) { font-weight: 700 !important; }
.mojo-lp.mojo-lp.lp-pxc .lp-pxc__matrix :is(th, td) { font-size: var(--lp-t-body) !important; line-height: 1.65 !important; }
.mojo-lp.mojo-lp.lp-pxc .lp-tag, .mojo-lp.mojo-lp .lp-card__index {
font-size: 11px !important; font-weight: 700 !important; letter-spacing: .14em; text-transform: uppercase; line-height: 1.65 !important; }
.mojo-lp.mojo-lp.lp-pxc .lp-pxc__matrix td::before { font-size: 11px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; line-height: 1.65; color: var(--accent); }
.mojo-lp.mojo-lp.lp-pxc .lp-pxc__kopf > div > h2 { margin-bottom: 0 !important; }
.mojo-lp.mojo-lp.lp-kg .lp-grid--2 > .lp-card p:not(.lp-card__index) { font-size: var(--lp-t-body) !important; line-height: 1.65 !important; font-weight: var(--lp-w-body) !important; }
@media (max-width: 930px) {
.mojo-lp .lp-tile::after { background: linear-gradient(180deg, rgba(var(--bild-rgb), .35) 0%, rgba(var(--bild-rgb), .62) 35%, rgba(var(--bild-rgb), .92) 100%); }
}
.mojo-lp.mojo-lp.lp-pxc .lp-pxc__verbund > .lp-card { background: var(--surface); }
.mojo-lp.lp-pxc .lp-pxc__bild { margin: 0; aspect-ratio: 3 / 2; overflow: hidden; border-radius: var(--r-sm); background: var(--surface-2); }
.mojo-lp.lp-pxc .lp-pxc__bild img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform var(--t-img) var(--ease); }
@media (hover: hover) and (pointer: fine) {
.mojo-lp.lp-pxc .lp-card:hover .lp-pxc__bild img { transform: scale(1.04); }
}
.mojo-lp.mojo-lp.lp-pxc .lp-pxc__auftakt { row-gap: 0; }
.mojo-lp.mojo-lp.lp-pxc .lp-pxc__auftakt > .lp-eyebrow { margin-block-end: 10px !important; }
.mojo-lp.mojo-lp.lp-pxc .lp-pxc__auftakt > h2 { margin-block-end: var(--sp-title) !important; }
.mojo-lp.mojo-lp.lp-pxc .lp-pxc__auftakt > p:not(.lp-eyebrow) { margin-block-end: 0 !important; }
.mojo-lp.mojo-lp.mojo-lp.lp-pxc .lp-card .lp-btn-row { margin-block-start: calc(var(--sp-stack) + 6px - var(--sp-stack)) !important; }
.mojo-lp.mojo-lp.mojo-lp.lp-pxc .lp-pxc__auftakt .lp-btn-row { margin-block-start: calc(var(--sp-stack) + 6px) !important; }
.mojo-lp.mojo-lp.lp-pxc .lp-card > .lp-list { margin-block-end: 0 !important; }
.mojo-lp.mojo-lp.mojo-lp li.lp-card { padding: clamp(20px, 2.5vw, 32px) !important; }
.mojo-lp.mojo-lp.mojo-lp.lp-pxc .lp-pxc__matrix :is(th, td) { font-size: var(--lp-t-body) !important; line-height: 1.65 !important; letter-spacing: 0; text-transform: none; }
.mojo-lp.mojo-lp.mojo-lp.lp-pxc .lp-pxc__matrix td::before { font-size: var(--lp-t-body); font-weight: 700; letter-spacing: 0; text-transform: none; color: var(--text); }
@media (max-width: 930px) {
.mojo-lp.mojo-lp.lp-pxc .lp-pxc__verbund > .lp-card, .mojo-lp.mojo-lp.lp-kg .lp-grid > .lp-card { min-height: 260px; }
}
.mojo-lp.mojo-lp.mojo-lp :is(.lp-kg .lp-grid--3, .lp-kg .lp-grid--4, .lp-pxc__leistungen, .lp-pxc__ablauf) > :is(.lp-tile, .lp-card):not(.lp-pxc__auftakt) :is(h3) {
font-size: clamp(18px, .7vw + 8px, 22px) !important; line-height: 1.25 !important; font-weight: 700 !important; }
.mojo-lp.mojo-lp.mojo-lp :is(.lp-kg .lp-grid--3, .lp-kg .lp-grid--4, .lp-pxc__leistungen, .lp-pxc__ablauf) > :is(.lp-tile, .lp-card):not(.lp-pxc__auftakt) :is(p:not(.lp-eyebrow):not(.lp-card__index), li, dd, dt, summary) {
font-size: var(--lp-t-teaser) !important; line-height: 1.65 !important; }
@media (max-width: 930px) {
.mojo-lp.mojo-lp.mojo-lp :is(.lp-kg .lp-grid--3, .lp-kg .lp-grid--4, .lp-pxc__leistungen, .lp-pxc__ablauf) > :is(.lp-tile, .lp-card):not(.lp-pxc__auftakt) :is(h3) { font-size: var(--lp-t-h3) !important; }
.mojo-lp.mojo-lp.mojo-lp :is(.lp-kg .lp-grid--3, .lp-kg .lp-grid--4, .lp-pxc__leistungen, .lp-pxc__ablauf) > :is(.lp-tile, .lp-card):not(.lp-pxc__auftakt) :is(p:not(.lp-eyebrow):not(.lp-card__index), li, dd, dt, summary) { font-size: var(--lp-t-body) !important; }
}
@media (max-width: 930px) {
.mojo-lp.mojo-lp.lp-pxc :is(.lp-pxc__ablauf, .lp-pxc__leistungen) { grid-template-columns: minmax(0, 1fr); }
.mojo-lp.mojo-lp.lp-pxc .lp-pxc__auftakt { grid-row: auto; }
}
@media (max-width: 930px) {
.mojo-lp.mojo-lp.lp-pxc .lp-pxc__auftakt { text-align: left; align-items: flex-start; justify-content: flex-start; }
.mojo-lp.mojo-lp.lp-pxc .lp-pxc__auftakt :is(h2, p, .lp-eyebrow) { text-align: left; margin-inline: 0 !important; }
.mojo-lp.mojo-lp.lp-pxc .lp-pxc__auftakt .lp-eyebrow--line { justify-content: flex-start; }
.mojo-lp.mojo-lp.lp-pxc .lp-pxc__auftakt .lp-btn-row { justify-content: flex-start; }
}
@media (max-width: 930px) {
.mojo-lp.mojo-lp.lp-kg .lp-grid > .lp-tile { --kachelmass: 75%; min-height: 260px; }
}
.mojo-lp.mojo-lp.mojo-lp.lp-lmt .lp-lmt__text h3 { font-size: var(--lp-t-h3) !important; line-height: 1.25 !important; font-weight: 700 !important; letter-spacing: -.01em !important; }
.mojo-lp.mojo-lp.mojo-lp.lp-lmt :is(.lp-lmt__text, .lp-lmt__abschluss) :is(p, li):not(.lp-eyebrow) { font-size: var(--lp-t-body) !important; line-height: 1.65 !important; font-weight: var(--lp-w-body) !important; }
@media (min-width: 931px) {
.mojo-lp.mojo-lp.mojo-lp.lp-lmt--bogen .lp-lmt__text h3 { font-size: clamp(18px, .7vw + 8px, 22px) !important; }
}
.mojo-lp.mojo-lp.lp-lmt .lp-lmt__text > .lp-eyebrow { margin: 0 0 10px !important; }
.mojo-lp.mojo-lp.lp-lmt .lp-lmt__text > h3 { margin: 0 0 var(--sp-title) !important; }
@media (max-width: 930px) {
.mojo-lp.mojo-lp.mojo-lp.lp-lx .lp-split--top.lp-head :is(h2, p, .lp-eyebrow) { text-align: center; margin-inline: auto; }
.mojo-lp.mojo-lp.lp-lx .lp-split--top.lp-head .lp-eyebrow--line { justify-content: center; }
.mojo-lp.mojo-lp.lp-lx .lp-split--top.lp-head .lp-eyebrow--line::before { display: none; }
}
.mojo-lp.mojo-lp.mojo-lp:is(.lp-lxp, .lp-lxk, .lp-lgf, .lp-rx--serviceregister) h3, .mojo-lp.mojo-lp.mojo-lp.lp-lxf .lp-lxf-body h3 { font-size: var(--lp-t-h3) !important; line-height: 1.25 !important; font-weight: 700 !important; letter-spacing: -.01em !important; }
.mojo-lp.mojo-lp.mojo-lp:is(.lp-lvb, .lp-rx--ablauffenster) h3, .mojo-lp.mojo-lp.mojo-lp.lp-lxf .lp-lxf-teaser h3 { font-size: var(--lp-t-h3) !important; line-height: 1.25 !important; font-weight: 700 !important; letter-spacing: -.01em !important; }
@media (min-width: 931px) {
.mojo-lp.mojo-lp.mojo-lp:is(.lp-lvb, .lp-rx--ablauffenster) h3, .mojo-lp.mojo-lp.mojo-lp.lp-lxf .lp-lxf-teaser h3 { font-size: clamp(18px, .7vw + 8px, 22px) !important; }
.mojo-lp.mojo-lp.mojo-lp.lp-lvb .lp-lvb-categories p:not(.lp-eyebrow), .mojo-lp.mojo-lp.mojo-lp.lp-rx--ablauffenster .lp-rx-process p { font-size: var(--lp-t-teaser) !important; }
}
.mojo-lp.mojo-lp.mojo-lp:is(.lp-lx, .lp-rx--ablauffenster, .lp-rx--servicefenster, .lp-rx--serviceregister) :is(p, li, dd):not(.lp-eyebrow):not(.lp-small) { font-size: var(--lp-t-body) !important; line-height: 1.65 !important; font-weight: var(--lp-w-body) !important; }
.mojo-lp.mojo-lp.mojo-lp.lp-lxk .lp-small { font-size: var(--lp-t-klein) !important; line-height: 1.65 !important; }
.mojo-lp.mojo-lp.mojo-lp.lp-lx :is(.lp-lx-specs dt, .lp-lx-label, .lp-lvb-product, .lp-lgf-route span, .lp-lxp-tab > span, .lp-lxf-toggle > span:first-child, .lp-lxk legend span, .lp-lxk-selection span), .mojo-lp.mojo-lp.mojo-lp.lp-rx--servicefenster .lp-rx-window__menu nav a > span:first-child { font-size: 11px !important; font-weight: 700 !important; letter-spacing: .14em !important; text-transform: uppercase; line-height: 1.65 !important; }
.mojo-lp.mojo-lp.lp-lx .lp-lgf-route b { font-weight: 700; }
.mojo-lp.mojo-lp.lp-lx .lp-lx-specs dt { color: var(--accent); margin: 0 0 10px; }
.mojo-lp.mojo-lp.lp-lx .lp-lx-specs div { display: block; }
.mojo-lp.mojo-lp.lp-lxp .lp-lxp-pin span { font-weight: 700; }
.mojo-lp.mojo-lp.lp-lxp .lp-lxp-tab { font-size: var(--lp-t-body); font-weight: 600; line-height: 1.25; }
.mojo-lp.mojo-lp.lp-lxf .lp-lxf-toggle b { font-size: var(--lp-t-body); font-weight: 700; line-height: 1.25; }
.mojo-lp.mojo-lp.lp-lxf .lp-lxf-scene :is(h3, p, dd) { overflow-wrap: anywhere; }
.mojo-lp.mojo-lp.lp-lxk legend { font-size: clamp(18px, .7vw + 8px, 22px); font-weight: 700; line-height: 1.25; }
.mojo-lp.mojo-lp.lp-lxk .lp-lxk-option strong { font-size: var(--lp-t-body); font-weight: 700; line-height: 1.25; }
.mojo-lp.mojo-lp.lp-lxk .lp-lxk-option small { font-size: var(--lp-t-klein); line-height: 1.5; }
.mojo-lp.mojo-lp.lp-lxk .lp-lxk-ground .lp-lxk-option span { font-size: var(--lp-t-body); font-weight: 600; }
.mojo-lp.mojo-lp.lp-rx--servicefenster .lp-rx-window__menu nav a strong { font-size: var(--lp-t-body); font-weight: 600; line-height: 1.25; }
.mojo-lp.mojo-lp.lp-lgf .lp-lgf-copy { gap: 0; }
.mojo-lp.mojo-lp.mojo-lp.lp-lgf .lp-lgf-copy > .lp-eyebrow { margin: 0 0 10px !important; }
.mojo-lp.mojo-lp.mojo-lp.lp-lgf .lp-lgf-copy > h3 { margin: 0 0 var(--sp-title) !important; }
.mojo-lp.mojo-lp.lp-lgf .lp-lgf-chapter .lp-lx-specs { padding-top: 26px; }
.mojo-lp.mojo-lp.mojo-lp.lp-lgf .lp-lgf-copy .lp-btn-row { margin: 26px 0 0 !important; }
.mojo-lp.mojo-lp.lp-lxp .lp-lxp-result .lp-lx-specs { padding-top: 0; }
.mojo-lp.mojo-lp.lp-lxk .lp-lxk-profile { gap: 0; }
.mojo-lp.mojo-lp.lp-lxk .lp-lxk-visual { margin-bottom: var(--sp-stack); }
.mojo-lp.mojo-lp.mojo-lp.lp-lxk .lp-lxk-profile h3 { margin: 0 0 var(--sp-title) !important; }
.mojo-lp.mojo-lp.mojo-lp.lp-lxk .lp-lxk-profile > p:not(.lp-lxk-groundnote) { margin: 0 0 26px !important; }
.mojo-lp.mojo-lp.lp-lxk .lp-lxk-profile .lp-lx-specs { margin: 0 0 var(--sp-stack); }
.mojo-lp.mojo-lp.mojo-lp.lp-lxk .lp-lxk-groundnote { margin: 0 0 26px !important; }
.mojo-lp.mojo-lp.lp-lxf .lp-lxf-body .lp-lx-specs { padding-block: 26px 0; }
.mojo-lp.mojo-lp.lp-rx--servicefenster .lp-rx-window__menu { gap: 0; }
.mojo-lp.mojo-lp.lp-rx--servicefenster .lp-rx-window__menu .lp-tag { margin-bottom: var(--sp-stack); }
.mojo-lp.mojo-lp.lp-rx--servicefenster .lp-rx-window__menu nav { margin-bottom: var(--sp-stack); }
.mojo-lp.mojo-lp.lp-rx--serviceregister .lp-rx-register__tag { font-size: var(--lp-t-klein); }
.mojo-lp.mojo-lp.lp-rx--ablauffenster .lp-rx-process__step > p { margin: 0 !important; }
.mojo-lp.mojo-lp:is(.lp-lx, .lp-rx--ablauffenster, .lp-rx--serviceregister) h3 { overflow-wrap: anywhere; hyphens: auto; min-width: 0; }
@media (max-width: 930px) {
.mojo-lp.mojo-lp.mojo-lp.lp-rx:is(.lp-rx--ablauffenster, .lp-rx--servicefenster, .lp-rx--serviceregister) .lp-split--top.lp-head :is(h2, p, .lp-eyebrow) { text-align: center; margin-inline: auto !important; }
.mojo-lp.mojo-lp.mojo-lp.lp-rx:is(.lp-rx--ablauffenster, .lp-rx--servicefenster, .lp-rx--serviceregister) .lp-split--top.lp-head .lp-eyebrow--line { justify-content: center; }
.mojo-lp.mojo-lp.mojo-lp.lp-rx:is(.lp-rx--ablauffenster, .lp-rx--servicefenster, .lp-rx--serviceregister) .lp-split--top.lp-head .lp-btn-row { justify-content: center; }
.mojo-lp.mojo-lp.lp-lvb .lp-lvb-product { display: none; }
.mojo-lp.mojo-lp.lp-lxp .lp-lxp-result .lp-lx-specs { grid-template-columns: minmax(0, 1fr); }
.mojo-lp .lp-lsf__buehne { container-type: inline-size; }
.mojo-lp.mojo-lp .lp-lsf.is-an .lp-lsf__seitenpfeil { display: flex; top: 31.25cqw; }
.mojo-lp.mojo-lp.mojo-lp .lp-lsf .lp-lsf__text { padding-top: 12px; align-self: start; }
.mojo-lp.mojo-lp .lp-lsf.is-an .lp-lsf__folie:not(.is-akt) { display: none; }
.mojo-lp.mojo-lp .lp-lsf.is-an .lp-lsf__folie.is-akt { transition: none; }
.mojo-lp.mojo-lp .lp-lsf__folie { align-content: start; }
.mojo-lp.mojo-lp.mojo-lp .lp-lsf .lp-lsf__bild::after { background: linear-gradient(180deg, rgba(18,20,14,0) 72%, var(--surface) 100%); }
}
@media (max-width: 600px) {
.mojo-lp.mojo-lp.lp-lvb .lp-lvb-finish { gap: 26px; }
.mojo-lp.mojo-lp.lp-lxp .lp-lxp-pin span { display: inline; font-size: 11px; }
.mojo-lp.mojo-lp.lp-lxp .lp-lxp-pin { padding: 4px 10px 4px 4px; min-height: 36px; gap: 6px; justify-content: flex-start; }
.mojo-lp.mojo-lp.lp-lxp .lp-lxp-pin b { width: 26px; height: 26px; font-size: 11px; }
}
.mojo-lp.mojo-lp.mojo-lp.lp-mis :is(.lp-mis__kopf, .lp-mis__text, .lp-mis__fuss, .lp-mis__outro, .lp-head) :is(p, li):not(.lp-eyebrow), .mojo-lp.mojo-lp.mojo-lp.lp-mis .lp-mis__buehne > p:not(.lp-eyebrow), .mojo-lp.mojo-lp.mojo-lp.lp-mis .lp-mis__buehne > div > p:not(.lp-eyebrow) { font-size: var(--lp-t-body) !important; line-height: 1.65 !important; font-weight: var(--lp-w-body) !important; }
.mojo-lp.mojo-lp.mojo-lp.lp-mis :is(.lp-mis__platte, .lp-mis__saeule, .lp-mis__epoche, .lp-mis__punkt) h3 { font-size: var(--lp-t-h3) !important; line-height: 1.25 !important; font-weight: 700 !important; letter-spacing: -.01em !important; margin: 0 0 var(--sp-title) !important; }
.mojo-lp.mojo-lp.mojo-lp.lp-mis :is(.lp-mis__platte, .lp-mis__saeule, .lp-mis__epoche, .lp-mis__punkt) p:not(.lp-eyebrow) { font-size: var(--lp-t-body) !important; line-height: 1.65 !important; font-weight: var(--lp-w-body) !important; }
.mojo-lp.mojo-lp.lp-mis .lp-mis__platte { row-gap: 0; }
.mojo-lp.mojo-lp.mojo-lp.lp-mis .lp-mis__platte > .lp-mis__nr { margin-block-end: 10px; }
@media (min-width: 931px) {
.mojo-lp.mojo-lp.mojo-lp.lp-mis :is(.lp-mis__platte, .lp-mis__saeule, .lp-mis__epoche, .lp-mis__punkt) h3 { font-size: clamp(18px, .7vw + 8px, 22px) !important; }
.mojo-lp.mojo-lp.mojo-lp.lp-mis :is(.lp-mis__platte, .lp-mis__saeule, .lp-mis__epoche, .lp-mis__punkt) p:not(.lp-eyebrow) { font-size: var(--lp-t-teaser) !important; }
}
.mojo-lp.mojo-lp.mojo-lp.lp-nh :is(p, li):not(.lp-eyebrow):not(.lp-nh__wisch) { font-size: var(--lp-t-body) !important; line-height: 1.65 !important; font-weight: var(--lp-w-body) !important; }
.mojo-lp .lp-nh__kurvewrap { margin-block-end: var(--sp-head); }
.mojo-lp .lp-nh__kurvewrap .lp-nh__kurve { margin-block-end: 0; }
.mojo-lp.mojo-lp.mojo-lp .lp-nw__inhalt :is(p, li) { font-size: var(--lp-t-body) !important; line-height: 1.65 !important; font-weight: 500 !important; }
.mojo-lp.mojo-lp.mojo-lp .lp-nwp__tab tbody tr.lp-nwp__zeile.is-akt td { background: rgba(var(--gold-rgb), .12) !important; }
.mojo-lp .lp-nw__zu { display: none; }
@media (max-width: 930px) {
.mojo-lp .lp-nwb .lp-nw__lade { display: none; }
.mojo-lp.mojo-lp .lp-nwb .lp-nw__lade.is-auf { display: block; position: fixed; inset: 0; z-index: 99999; overflow: auto; background: var(--bg); padding: var(--sp-side); grid-template-rows: none; transition: none; }
.mojo-lp.mojo-lp .lp-nwb .lp-nw__lade.is-auf { padding-top: 64px; }
.mojo-lp.mojo-lp .lp-nwb .lp-nw__lade.is-auf .lp-nw__inhalt { border-block-start: 0; padding-block-start: 0; }
.mojo-lp.mojo-lp .lp-nwb .lp-nw__lade.is-auf .lp-nw__zu { display: inline-flex; position: absolute; top: var(--sp-side); right: var(--sp-side); z-index: 2; }
.mojo-lp.mojo-lp .lp-nwb .lp-nw__lade.is-auf .lp-nwb__gross { max-height: 62svh; }
html.lp-nw-gesperrt, html.lp-nw-gesperrt body { overflow: hidden; }
}
.mojo-lp .lp-nw__zu { display: none; }
@media (max-width: 930px) {
.mojo-lp.mojo-lp .lp-nwb .lp-nw__lade.is-auf .lp-nw__zu {
display: grid; place-items: center; position: fixed;
top: calc(var(--sp-side) + 4px); right: var(--sp-side); z-index: 3;
width: 44px; height: 44px; padding: 0; border: 0; border-radius: var(--r-round);
background: rgba(10, 11, 7, .9); box-shadow: inset 0 0 0 1.5px rgba(var(--kante-rgb), .34);
color: var(--auf-bild); font-size: 17px; line-height: 1; cursor: pointer;
}
.mojo-lp.mojo-lp .lp-nwb .lp-nw__lade.is-auf .lp-nw__zu:focus-visible { box-shadow: inset 0 0 0 2px var(--lp-gold); outline: none; }
}
@media (max-width: 930px) {
.mojo-lp.mojo-lp .lp-nwp__wrap { overflow-x: auto; }
}
.mojo-lp.mojo-lp .lp-mis__buehne img { opacity: 1 !important; visibility: visible !important; }
@media (max-width: 930px) {
.mojo-lp.mojo-lp.lp-msk--lamelle .lp-msk__text.lp-split > * + * { margin-block-start: var(--gap-split); }
}
.mojo-lp.mojo-lp.mojo-lp .lp-nw__inhalt .lp-btn-row { margin-block-start: calc(var(--sp-stack) + 6px - 10px) !important; }
.mojo-lp.mojo-lp.mojo-lp .lp-warum__stats:has(+ .lp-btn-row) { margin-block-end: 0 !important; }
.mojo-lp.mojo-lp.mojo-lp .lp-wwl__text :is(p, .lp-flt):has(+ .lp-btn-row) { margin-block-end: 0 !important; }
.mojo-lp.mojo-lp.mojo-lp .lp-uba .lp-btn-row { margin-block-start: calc(var(--sp-stack) + 6px) !important; }
@media (max-width: 930px) {
.mojo-lp.mojo-lp.mojo-lp .lp-akg__liste { row-gap: 24px; }
.mojo-lp.mojo-lp.mojo-lp .lp-aka__reihe { row-gap: 24px; }
.mojo-lp.mojo-lp.mojo-lp.lp-akn--zeile .lp-akn__liste { row-gap: 24px; }
.mojo-lp.mojo-lp.mojo-lp .lp-akb__stueck { margin-block-end: 24px; }
.mojo-lp.mojo-lp.mojo-lp .lp-ake__streifen { padding-block: 20px; }
.mojo-lp.mojo-lp.mojo-lp.lp-akn--vorhang .lp-akn__restzeile { padding-block: 20px; }
}
@media (max-width: 1599px) {
.mojo-lp.mojo-lp.mojo-lp .lp-eza .lp-ezf__leiste h3, .mojo-lp.mojo-lp.mojo-lp .lp-ezs__karte h3, .mojo-lp.mojo-lp.mojo-lp .lp-ezp__eintrag h3, .mojo-lp.mojo-lp.mojo-lp .lp-ezz__posten strong { font-size: clamp(18px, .7vw + 8px, 22px); }
}
.mojo-lp.mojo-lp.mojo-lp.mojo-lp :is(.lp-table, .lp-ww__tafel, .lp-nwp__tab, .lp-wvg__tab, .lp-pxc__matrix) thead th {
font-size: clamp(13px, .95vw, 16px) !important; font-weight: 700 !important;
letter-spacing: .04em !important; text-transform: uppercase !important;
line-height: 1.4 !important;
}
.mojo-lp.mojo-lp.mojo-lp.mojo-lp :is(.lp-table, .lp-ww__tafel, .lp-nwp__tab, .lp-wvg__tab, .lp-pxc__matrix) :is(tbody th, td) { font-size: var(--lp-t-teaser) !important; line-height: 1.55 !important; }
.mojo-lp.mojo-lp.mojo-lp.mojo-lp :is(.lp-table, .lp-ww__tafel, .lp-nwp__tab, .lp-wvg__tab, .lp-pxc__matrix) td { font-weight: 500 !important; }
.mojo-lp.mojo-lp.mojo-lp.mojo-lp :is(.lp-table, .lp-nwp__tab, .lp-wvg__tab, .lp-pxc__matrix):not(.lp-ww__tafel) thead th { padding: 14px 16px !important; }
.mojo-lp.mojo-lp.mojo-lp.mojo-lp :is(.lp-table, .lp-nwp__tab, .lp-wvg__tab, .lp-pxc__matrix):not(.lp-ww__tafel) :is(tbody th, td) { padding: 12px 16px !important; }
@media (max-width: 930px) {
.mojo-lp.mojo-lp.mojo-lp.mojo-lp :is(.lp-table, .lp-nwp__tab, .lp-wvg__tab, .lp-pxc__matrix):not(.lp-ww__tafel) :is(th, td) { min-width: 148px; }
.mojo-lp.mojo-lp.mojo-lp.mojo-lp :is(.lp-table, .lp-nwp__tab, .lp-pxc__matrix):not(.lp-ww__tafel) { table-layout: auto; width: auto; min-width: 100%; }
.mojo-lp.mojo-lp.mojo-lp.mojo-lp.mojo-lp .lp-wvg__tab:not(.lp-ww__tafel) { table-layout: auto; width: auto; min-width: 720px; }
.mojo-lp.mojo-lp.mojo-lp.mojo-lp .lp-wvg__tab :is(th, td) { overflow-wrap: break-word; hyphens: auto; -webkit-hyphens: auto; }
}
@media (max-width: 930px) {
.mojo-lp.mojo-lp.mojo-lp.mojo-lp:not(.lp-kat):not(.lp-abd-halter) h3:not(.lp-rf__name) {
font-size: 20px !important; font-weight: 700 !important; line-height: 1.25 !important;
}
}
.mojo-lp.mojo-lp.mojo-lp.mojo-lp p + :is(ul, ol) { margin-block-start: 10px !important; }
.mojo-lp.mojo-lp.mojo-lp.mojo-lp.lp-wsl--tafel .lp-wsl__tafel > p + :is(ul, ol) { margin-block-start: calc(10px - clamp(18px, 2.6vh, 30px)) !important; }
@media (max-width: 930px) {
.mojo-lp.mojo-lp.lp-lxp .lp-lxp-pin {
transform: translate(calc(-1 * var(--lx-x)), calc(-1 * var(--lx-y))) !important;
max-width: calc(100% - 2 * var(--sp-side));
}
}
@media (max-width: 600px) {
.mojo-lp .lp-lsm.is-an .lp-lsm__buehne::before {
content: ""; position: absolute; inset: auto 0 0 0; height: 88px; z-index: 2;
pointer-events: none;
background: linear-gradient(0deg, rgba(10,11,7,.94) 0%, rgba(10,11,7,.72) 42%, rgba(10,11,7,0) 100%);
}
.mojo-lp.mojo-lp .lp-lsm__hinweis {
bottom: 14px; left: clamp(14px, 1.6vw, 24px); right: clamp(14px, 1.6vw, 24px);
font-size: 9px; letter-spacing: .02em; line-height: 1.5;
color: rgba(var(--kante-rgb), .8);
}
}
@media (min-width: 931px) {
.mojo-lp .lp-lsf__folie { min-height: calc(100svh - var(--klebe, 0px) - 150px); }
.mojo-lp .lp-lsf--vollbild .lp-lsf__folie { min-height: calc(100svh - var(--klebe, 0px) - 110px); }
.mojo-lp .lp-lsf__seitenpfeil { top: calc((100svh - var(--klebe, 0px) - 150px) / 2); }
.mojo-lp .lp-lsf--vollbild .lp-lsf__seitenpfeil { top: calc((100svh - var(--klebe, 0px) - 110px) / 2); }
}
@media (min-width: 931px) {
.mojo-lp.mojo-lp .lp-lsf.is-an .lp-lsf__folie:not(.is-akt) {
display: grid; visibility: hidden; pointer-events: none;
}
}
.mojo-lp.mojo-lp .lp-stg.is-an .lp-stg__seite:not(.is-akt) { position: static; }
.mojo-lp .lp-mis__buehne > picture { display: contents; }
.mojo-lp.mojo-lp.mojo-lp.mojo-lp .lp-nh__tabelle .lp-table td:last-child {
padding-inline-start: 40px !important;
}
.mojo-lp.mojo-lp .lp-nh__tabelle .lp-table td:last-child::before {
left: 16px; top: calc(12px + .55em);
}
@media (max-width: 930px) {
.mojo-lp.mojo-lp.mojo-lp .lp-nwb .lp-nw__lade.is-auf .lp-nwb__gross img {
max-height: calc(62svh - 2 * clamp(12px, 1.4vw, 22px));
}
.mojo-lp.mojo-lp.mojo-lp .lp-nwb .lp-nw__lade.is-auf .lp-nw__zu {
background: rgba(10, 11, 7, .92);
box-shadow: inset 0 0 0 1.5px var(--lp-gold);
color: var(--lp-gold);
}
}
@media (max-width: 930px) {
.mojo-lp.mojo-lp.mojo-lp .lp-nwb .lp-nw__lade.is-auf {
padding-top: calc(var(--klebe, 0px) + 64px) !important;
}
.mojo-lp.mojo-lp.mojo-lp .lp-nwb .lp-nw__lade.is-auf .lp-nw__zu {
top: calc(var(--klebe, 0px) + var(--sp-side) + 4px);
}
}
.mojo-lp:is(.lp-parallax, .lp-pfen, .lp-ppan, .lp-psl, .lp-psu)
:is(.lp-par__media, .lp-pfen__bild, .lp-ppan__bild, .lp-psl__feld, .lp-psu__buehne)::after {
background: linear-gradient(180deg, rgba(var(--bild-rgb), .84) 0%, rgba(var(--bild-rgb), .74) 50%, rgba(var(--bild-rgb), .9) 100%) !important;
}
@media (max-width: 930px) {
.mojo-lp.mojo-lp:is(.lp-parallax, .lp-pfen, .lp-ppan, .lp-psl, .lp-psu)
:is(.lp-par__media, .lp-pfen__bild, .lp-ppan__bild, .lp-psl__feld, .lp-psu__buehne)::after {
background: linear-gradient(180deg, rgba(var(--bild-rgb), .84) 0%, rgba(var(--bild-rgb), .74) 50%, rgba(var(--bild-rgb), .9) 100%) !important;
}
}
.mojo-lp :is(h1, h2, h3, h4, h5, h6, [role="heading"]) { font-family: var(--font-head); }
.mojo-lp.mojo-lp.mojo-lp.mojo-lp.mojo-lp.mojo-lp.mojo-lp p:has(+ dl.lp-lx-specs) { margin-block-end: 0 !important; }
.mojo-lp.mojo-lp.mojo-lp.mojo-lp.mojo-lp.mojo-lp.mojo-lp p + dl.lp-lx-specs { margin-block-start: 10px !important; padding-top: 0 !important; }
.mojo-lp {
--text: #FFFFFF;
--text-muted: #FFFFFF;
--text-leise: #FFFFFF;
--auf-bild: #FFFFFF;
}
.mojo-lp.lp-olive, .mojo-lp.lp-olive-dk {
--text: #FFFFFF;
--text-muted: #FFFFFF;
--text-leise: #FFFFFF;
}
.mojo-lp.lp-sand {
--text: #000000;
--text-muted: #000000;
--text-leise: #000000;
}
.mojo-lp.mojo-lp .lp-panels__panel .lp-ps__link {max-height: 0; margin-top: 0; overflow: hidden; transition: opacity 250ms var(--ease) 50ms, transform 250ms var(--ease) 50ms, max-height 400ms var(--ease);}
.mojo-lp.mojo-lp .lp-panels__panel:hover .lp-ps__link,.mojo-lp.mojo-lp .lp-panels__panel.is-open .lp-ps__link {max-height: 6em; margin-top: 2px;}
@media (hover: hover) {.mojo-lp.mojo-lp .lp-panels:hover .lp-panels__panel.is-open:not(:hover) .lp-ps__link {max-height: 0; margin-top: 0;}}
@media (hover: none) {.mojo-lp.mojo-lp .lp-panels__panel:hover:not(.is-open) .lp-ps__link {max-height: 0; margin-top: 0;}}
.mojo-lp.mojo-lp.mojo-lp.mojo-lp.mojo-lp.mojo-lp.mojo-lp.mojo-lp .lp-acc__pad .lp-table-wrap + * {margin-block-start: calc(var(--sp-stack) + 8px) !important;}