@font-face {
	font-family: 'Cormorant Garamond';
	src: url('../fonts/cormorant-garamond.woff2') format('woff2');
	font-weight: 300 700;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Cormorant Garamond';
	src: url('../fonts/cormorant-garamond-kursiv.woff2') format('woff2');
	font-weight: 300 700;
	font-style: italic;
	font-display: swap;
}

:root {
	--lx-nacht: #0d1722;
	--lx-navy: #13202d;
	--lx-navy-2: #1a2a3a;
	--lx-gold: #c8a76c;
	--lx-gold-hell: #e2c992;
	--lx-gold-dunkel: #a8864f;
	--lx-elfenbein: #f6f1e8;
	--lx-creme: #efe9df;
	--lx-sand: #e4dccf;
	--lx-grau: #8f877b;
	--lx-text: #1d2733;
	--lx-weiss: #fbf8f2;
	--lx-serif: 'Cormorant Garamond', 'Cormorant', Garamond, 'Times New Roman', serif;
	--lx-sans: helvetica-neue-world, 'Helvetica Neue', Helvetica, Arial, sans-serif;
	--lx-breite: 1440px;
	--lx-rand: clamp(18px, 4.4vw, 72px);
	--lx-kopf: 84px;
}

*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; scroll-padding-top: var(--lx-kopf); }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }
body.lx {
	margin: 0;
	background: var(--lx-nacht);
	color: var(--lx-weiss);
	font-family: var(--lx-sans);
	font-size: 16px;
	line-height: 1.55;
	-webkit-font-smoothing: antialiased;
	overflow-x: clip;
}
:where(.lx) img { display: block; max-width: 100%; height: auto; }
:where(.lx) a { color: inherit; }
:where(.lx) ul { margin: 0; padding: 0; list-style: none; }
:where(.lx) :where(h1, h2, p, figure, blockquote) { margin: 0; }
.lx :focus-visible { outline: 2px solid var(--lx-gold-hell); outline-offset: 3px; }

.lx-sprung { position: absolute; left: 12px; top: -60px; z-index: 100; padding: 10px 16px; background: var(--lx-gold); color: var(--lx-nacht); text-decoration: none; }
.lx-sprung:focus { top: 12px; }

.lx-wrap { width: 100%; max-width: var(--lx-breite); margin: 0 auto; padding: 0 var(--lx-rand); }
.lx-wrap--voll { max-width: none; }
.lx-wrap--weit { max-width: calc(var(--lx-breite) + 80px); padding: 0 clamp(14px, 1.6vw, 24px); }

.lx-sym { width: 1em; height: 1em; flex: none; fill: none; stroke: currentColor; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }

.lx-vorzeile {
	display: flex; align-items: center; gap: 22px;
	font-family: var(--lx-sans); font-size: 13px; font-weight: 400;
	letter-spacing: .32em; text-transform: uppercase; color: var(--lx-gold);
}
.lx-vorzeile--linie::after { content: ''; width: 68px; height: 1px; background: currentColor; opacity: .8; }
.lx-vorzeile--serif { font-family: var(--lx-serif); font-size: clamp(22px, 2vw, 28px); letter-spacing: .01em; text-transform: none; font-weight: 500; }
.lx-vorzeile--serif.lx-vorzeile--linie::after { width: 92px; }

.lx-h1 {
	font-family: var(--lx-serif); font-weight: 500;
	font-size: clamp(50px, 6.2vw, 92px); line-height: .98; letter-spacing: -.005em;
	color: var(--lx-gold-hell);
	background: linear-gradient(170deg, #ead6a8 10%, #c9a86d 62%, #b8955c);
	-webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;
}
.lx-h2 { font-family: var(--lx-serif); font-weight: 500; font-size: clamp(32px, 2.9vw, 42px); line-height: 1.08; color: inherit; }
.lx-h2--gross { font-size: clamp(36px, 3.6vw, 54px); line-height: 1.04; }
.lx-h2--linie { display: flex; align-items: center; gap: 26px; }
.lx-h2--linie::after { content: ''; width: 92px; height: 1px; background: var(--lx-gold); }

.lx-knopf {
	display: inline-flex; align-items: center; justify-content: center; gap: 12px;
	min-height: 50px; padding: 0 28px; border-radius: 999px;
	font: 500 15px/1 var(--lx-sans); letter-spacing: .01em; text-decoration: none; cursor: pointer;
	transition: background-color .2s, color .2s, border-color .2s, transform .2s;
}
.lx-knopf .lx-sym { font-size: 17px; transition: transform .2s; }
.lx-knopf:hover .lx-sym { transform: translateX(3px); }
.lx-knopf--gold { border: 0; border-radius: 6px; color: var(--lx-nacht); background: linear-gradient(135deg, #e3c88f, #c9a76b 55%, #b8945a); box-shadow: 0 8px 24px rgb(0 0 0 / 25%); }
.lx-knopf--gold:hover { background: linear-gradient(135deg, #ecd5a2, #d2b179 55%, #c09d63); }
.lx-knopf--rahmen { border: 1px solid var(--lx-gold); background: transparent; color: var(--lx-weiss); }
.lx-knopf--rahmen:hover { background: rgb(200 167 108 / 14%); }
.lx-knopf--hell { color: var(--lx-weiss); background: rgb(13 23 34 / 28%); backdrop-filter: blur(2px); }
.lx-knopf--klein { min-height: 42px; padding: 0 20px; font-size: 14px; }

.lx-rund {
	display: inline-grid; place-items: center; width: 44px; height: 44px; flex: none;
	border-radius: 50%; border: 1px solid currentColor; background: transparent; color: inherit; cursor: pointer;
}
.lx-rund .lx-sym { font-size: 20px; }

.lx-textlink { display: inline-flex; align-items: center; gap: 12px; font-size: 15px; text-decoration: none; color: var(--lx-text); white-space: nowrap; }
.lx-textlink .lx-sym { font-size: 17px; transition: transform .2s; }
.lx-textlink:hover .lx-sym { transform: translateX(3px); }

.lx-ki {
	position: absolute; z-index: 4; color: rgb(251 248 242 / 78%); text-shadow: 0 1px 3px rgb(0 0 0 / 45%);
	font: 500 11px/1.3 var(--lx-sans); letter-spacing: .04em; pointer-events: none;
}
.lx-ziel > .lx-ki { display: none; }
.lx-symbolbilder { margin: 10px 0 0; font: 400 12px/1.4 var(--lx-sans); letter-spacing: .02em; color: rgb(13 23 34 / 55%); text-align: right; }

.lx-servicezeile { background: #091119; border-bottom: 1px solid rgb(200 167 108 / 14%); font-size: 12.5px; letter-spacing: .02em; }
.lx-servicezeile__inner { display: flex; align-items: center; justify-content: space-between; gap: 16px; min-height: 34px; }
.lx-servicezeile a { display: inline-flex; align-items: center; gap: 8px; color: rgb(251 248 242 / 78%); text-decoration: none; }
.lx-servicezeile a:hover { color: var(--lx-gold-hell); }
.lx-servicezeile .lx-sym { font-size: 14px; color: var(--lx-gold); }
@media (max-width: 560px) {
	.lx-servicezeile a.lx-servicezeile__rechts { display: none; }
	.lx-servicezeile__lang { display: none; }
}

.lx-kopfzeile { position: sticky; top: 0; z-index: 50; background: rgb(13 23 34 / 96%); border-bottom: 1px solid rgb(200 167 108 / 18%); backdrop-filter: saturate(1.2) blur(8px); }
.lx-kopfzeile__inner { display: flex; align-items: center; gap: 28px; min-height: var(--lx-kopf); }
.lx-marke { display: flex; flex-direction: column; gap: 7px; flex: none; text-decoration: none; }
.lx-marke__logo { width: 250px; height: auto; }
.lx-marke__zusatz { font: 400 12.5px/1 var(--lx-sans); letter-spacing: .5em; text-transform: uppercase; color: var(--lx-gold); padding-left: 1px; }
.lx-nav { margin-left: auto; }
.lx-nav ul { display: flex; gap: clamp(20px, 2.4vw, 40px); }
.lx-nav a { font-size: 15px; text-decoration: none; color: var(--lx-weiss); padding: 8px 0; border-bottom: 1px solid transparent; transition: border-color .2s, color .2s; }
.lx-nav a:hover { color: var(--lx-gold-hell); border-bottom-color: var(--lx-gold); }
.lx-werkzeuge { display: flex; align-items: center; gap: 10px; margin-left: clamp(8px, 2vw, 40px); }
.lx-ikon { display: inline-grid; place-items: center; width: 44px; height: 44px; border: 0; background: none; color: var(--lx-weiss); cursor: pointer; text-decoration: none; }
.lx-ikon .lx-sym { font-size: 22px; }
.lx-ikon:hover { color: var(--lx-gold-hell); }

.lx-ikon--merk { position: relative; }
.lx-ikon__zahl { position: absolute; top: 4px; right: 2px; min-width: 18px; height: 18px; padding: 0 5px; border-radius: 9px; background: var(--lx-gold); color: var(--lx-nacht); font: 600 11px/18px var(--lx-sans, system-ui, sans-serif); text-align: center; }
.lx-ikon__zahl[hidden] { display: none; }

.lx-mk-kopf { margin: 0; z-index: 600; }
.lx-mk-kopf.ist-leer .lx-ikon__zahl { display: none; }
.ua-mk-kopf, .ua-mk, .ua-mk-herz { --ua-mk-schrift: var(--lx-nacht); --ua-mk-gelb: var(--lx-gold); --ua-mk-akzent: var(--lx-gold-dunkel); --ua-mk-grau: var(--lx-grau); --ua-mk-font: var(--lx-sans); }

.lx-cookie { position: relative; z-index: 60; display: flex; align-items: center; justify-content: center; gap: 10px 24px; padding: 10px var(--lx-rand); border-bottom: 1px solid rgba(200, 167, 108, .35); background: var(--lx-navy); color: var(--lx-elfenbein); font-size: .86rem; line-height: 1.45; }
.lx-cookie[hidden] { display: none; }
.lx-cookie p { margin: 0; max-width: 820px; }
.lx-cookie a { color: var(--lx-gold-hell); }
.lx-cookie .lx-knopf { flex: none; min-height: 40px; }
@media (max-width: 700px) {
	.lx-cookie { gap: 8px 14px; padding: 10px 14px; font-size: .8rem; }
	.lx-cookie p { flex: 1 1 0; }
}
.lx-kopfzeile__cta { margin: 0 8px; }
.lx-kopfzeile__cta .lx-sym { font-size: 18px; }
.lx-schublade { position: absolute; top: 100%; right: 0; width: min(380px, 100vw); max-height: calc(100vh - var(--lx-kopf)); overflow: auto; padding: 18px 28px 26px; background: var(--lx-nacht); border: 1px solid rgb(200 167 108 / 22%); border-top: 0; box-shadow: 0 24px 48px rgb(0 0 0 / 45%); }
.lx-schublade a { display: block; padding: 13px 0; font-family: var(--lx-serif); font-size: 24px; text-decoration: none; color: var(--lx-weiss); border-bottom: 1px solid rgb(200 167 108 / 14%); }
.lx-schublade a:hover { color: var(--lx-gold-hell); }
.lx-schublade__trenner { margin-top: 14px; }
.lx-schublade__trenner ~ li a { font-family: var(--lx-sans); font-size: 15px; color: var(--lx-sand); }
.lx-schublade__trenner a { color: var(--lx-gold-hell) !important; }

@media (max-width: 1180px) {
	.lx-nav, .lx-kopfzeile__cta { display: none; }
	.lx-werkzeuge { margin-left: auto; }
}
@media (max-width: 560px) {
	:root { --lx-kopf: 68px; }
	.lx-marke__logo { width: 178px; }
	.lx-marke__zusatz { font-size: 9.5px; letter-spacing: .44em; }
	.lx-werkzeuge { gap: 0; margin-right: -8px; }
	.lx-schublade { width: 100vw; }
}

.lx-hero { position: relative; isolation: isolate; overflow: hidden; background: var(--lx-nacht); }
.lx-hero__bild, .lx-hero__bild img { position: absolute; inset: 0; width: 100%; height: 100%; }
.lx-hero__bild { z-index: -2; }
.lx-hero__bild img { object-fit: cover; object-position: 62% 40%; }
.lx-hero::before {
	content: ''; position: absolute; inset: 0; z-index: -1;
	background:
		linear-gradient(90deg, rgb(10 18 28 / 72%) 0%, rgb(10 18 28 / 38%) 38%, rgb(10 18 28 / 0%) 62%),
		linear-gradient(180deg, rgb(10 18 28 / 0%) 46%, rgb(10 18 28 / 55%) 72%, rgb(13 23 34 / 96%) 100%);
}
.lx-hero > .lx-ki { top: 14px; left: 14px; }
.lx-hero__inhalt {
	position: relative; display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	grid-template-areas: 'text seite' 'suche suche' 'vorteile vorteile';
	padding-top: clamp(48px, 6.4vw, 96px); padding-bottom: 34px;
	min-height: min(980px, calc(100vh + 120px));
}
.lx-hero__text { grid-area: text; max-width: 690px; }
.lx-hero__text .lx-vorzeile { margin-bottom: 26px; }
.lx-hero__unter { margin-top: 22px; font-family: var(--lx-serif); font-weight: 500; font-size: clamp(22px, 2vw, 29px); line-height: 1.2; color: var(--lx-gold-hell); }
.lx-hero__fliess { margin-top: 38px; max-width: 560px; font-size: clamp(15px, 1.15vw, 17.5px); line-height: 1.62; color: rgb(251 248 242 / 94%); text-shadow: 0 1px 12px rgb(0 0 0 / 35%); }
.lx-hero__seite {
	grid-area: seite; align-self: start; position: relative;
	max-width: 11.5em; padding: 2px 0 26px 22px; border-left: 1px solid var(--lx-gold);
	color: #fff; text-shadow: 0 1px 3px rgb(0 0 0 / 70%), 0 0 18px rgb(0 0 0 / 55%);
	font-size: 11.5px; line-height: 2.05; letter-spacing: .34em; text-transform: uppercase; color: rgb(251 248 242 / 88%);
}
.lx-hero__seite::after { content: ''; position: absolute; left: 22px; bottom: 0; width: 46px; height: 1px; background: var(--lx-gold); }
.lx-hero__suche { grid-area: suche; align-self: end; margin-top: clamp(40px, 6vw, 96px); scroll-margin-top: calc(var(--lx-kopf) + 24px); }

.lx-suche {
	display: grid; grid-template-columns: 1fr 1fr 1fr auto; gap: 14px; align-items: stretch;
	padding: 14px; border: 1px solid rgb(200 167 108 / 85%); border-radius: 14px;
	background: rgb(13 23 34 / 58%); backdrop-filter: blur(6px);
}
.lx-feld {
	position: relative; display: grid; grid-template-columns: 26px 1fr 18px; grid-template-rows: auto auto; column-gap: 14px;
	align-items: center; padding: 12px 18px; border-radius: 8px;
	background: rgb(22 34 48 / 82%); border: 1px solid rgb(255 255 255 / 6%);
	transition: border-color .2s, background-color .2s;
}
.lx-feld:hover, .lx-feld:focus-within { border-color: rgb(200 167 108 / 55%); background: rgb(26 40 56 / 90%); }
.lx-feld__sym { grid-row: 1 / 3; color: var(--lx-gold); }
.lx-feld__sym .lx-sym { font-size: 22px; }
.lx-feld__label { grid-column: 2; font-size: 13px; font-weight: 500; color: var(--lx-weiss); }
.lx-feld__label span { font-weight: 400; color: rgb(251 248 242 / 70%); }
.lx-feld__wahl {
	grid-column: 2 / 4; grid-row: 2; position: relative; z-index: 1; width: 100%; min-width: 0; margin: 2px 0 0; padding: 0 22px 0 0;
	appearance: none; -webkit-appearance: none; border: 0; background: transparent;
	font: 400 14.5px/1.5 var(--lx-sans); color: rgb(251 248 242 / 72%); cursor: pointer; text-overflow: ellipsis;
}
.lx-feld__wahl:focus { outline: none; }
.lx-feld:focus-within { outline: 2px solid var(--lx-gold-hell); outline-offset: 2px; }
.lx-feld__wahl option { color: var(--lx-text); background: var(--lx-weiss); }
.lx-feld__pfeil { grid-column: 3; grid-row: 1 / 3; font-size: 18px; color: var(--lx-weiss); pointer-events: none; }
.lx-suche__los { min-height: 60px; padding: 0 34px; font-size: 16px; }

.lx-vorteile { grid-area: vorteile; display: grid; grid-template-columns: repeat(4, 1fr); gap: 28px; margin-top: 40px; }
.lx-vorteil { display: flex; align-items: center; gap: 22px; font-size: 14px; line-height: 1.5; color: rgb(251 248 242 / 92%); }
.lx-vorteil__sym { font-size: 38px; color: var(--lx-gold); stroke-width: 1.2; }

.lx-reedereien { padding: clamp(44px, 4.6vw, 70px) 0 clamp(48px, 5vw, 76px); background: var(--lx-elfenbein); color: var(--lx-text); }
.lx-kopf { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; margin-bottom: 30px; }
.lx-kopf__unter { margin-top: 10px; font-size: 15px; color: #5f6670; }
.lx-karussell { position: relative; display: flex; align-items: center; gap: 18px; }
.lx-logos { display: flex; gap: 14px; flex: 1; min-width: 0; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; padding: 8px 6px; }
.lx-logos::-webkit-scrollbar { display: none; }
.lx-logo { flex: 0 0 calc((100% - 5 * 14px) / 6); min-width: 168px; scroll-snap-align: start; }
.lx-logo a { display: grid; place-items: center; height: 132px; padding: 22px 26px; background: #fbf9f5; border: 1px solid var(--lx-sand); text-decoration: none; transition: border-color .2s, box-shadow .2s, transform .2s; }
.lx-logo a:hover { border-color: var(--lx-gold); box-shadow: 0 12px 30px rgb(29 39 51 / 10%); transform: translateY(-2px); }
.lx-logo img { width: auto; max-width: 100%; max-height: 64px; object-fit: contain; }
.lx-logo span { font-family: var(--lx-serif); font-size: 20px; text-align: center; }
.lx-karussell .lx-rund { width: 48px; height: 48px; border: 1px solid var(--lx-sand); background: #fff; color: var(--lx-text); box-shadow: 0 6px 18px rgb(29 39 51 / 12%); }
.lx-karussell .lx-rund:hover { border-color: var(--lx-gold); }
.lx-karussell .lx-rund[disabled] { opacity: .35; cursor: default; }

.lx-inspiration { background: var(--lx-nacht); padding-bottom: clamp(18px, 1.6vw, 24px); }
.lx-inspiration__band { position: relative; isolation: isolate; overflow: hidden; }
.lx-inspiration__bild { position: absolute; inset: 0; z-index: -2; width: 100%; height: 100% !important; object-fit: cover; object-position: 60% 50%; }
.lx-inspiration__band::before { content: ''; position: absolute; inset: 0; z-index: -1; background: linear-gradient(90deg, rgb(13 23 34 / 80%) 0%, rgb(13 23 34 / 30%) 50%, rgb(13 23 34 / 20%) 100%), linear-gradient(180deg, rgb(13 23 34 / 10%) 55%, var(--lx-nacht) 100%); }
.lx-inspiration__band > .lx-ki { top: 14px; right: 14px; }
.lx-inspiration__kopf { display: flex; justify-content: space-between; align-items: flex-end; gap: 40px; padding-top: clamp(42px, 4.4vw, 64px); padding-bottom: clamp(28px, 3vw, 44px); min-height: clamp(260px, 25vw, 360px); }
.lx-inspiration__kopf .lx-vorzeile { margin-bottom: 26px; }
.lx-inspiration__kopf .lx-h2 { color: var(--lx-weiss); }
.lx-inspiration__rechts { position: relative; max-width: 330px; padding-left: 22px; border-left: 1px solid rgb(200 167 108 / 75%); }
.lx-inspiration__rechts p { font-size: 14px; line-height: 1.6; color: rgb(251 248 242 / 88%); margin-bottom: 24px; }
.lx-ziele { display: grid; grid-template-columns: repeat(4, 1fr); gap: clamp(10px, 1vw, 16px); }
.lx-ziel { position: relative; }
.lx-ziel > .lx-ki { top: 12px; left: 12px; }
.lx-ziel__link { position: relative; display: block; aspect-ratio: 6 / 5; overflow: hidden; text-decoration: none; color: var(--lx-weiss); background: var(--lx-navy); }
.lx-ziel__bild { position: absolute; inset: 0; width: 100%; height: 100% !important; object-fit: cover; transition: transform .7s cubic-bezier(.2, .6, .2, 1); }
.lx-ziel__link::after { content: ''; position: absolute; inset: 0; background: linear-gradient(180deg, rgb(13 23 34 / 0%) 38%, rgb(13 23 34 / 60%) 66%, rgb(13 23 34 / 90%) 100%); }
.lx-ziel__link:hover .lx-ziel__bild { transform: scale(1.04); }
.lx-ziel__text { position: absolute; z-index: 1; left: clamp(16px, 1.6vw, 24px); right: 76px; bottom: clamp(16px, 1.6vw, 24px); display: grid; gap: 6px; }
.lx-ziel__vor { font-size: 11px; letter-spacing: .3em; text-transform: uppercase; color: var(--lx-gold-hell); text-shadow: 0 1px 3px rgb(0 0 0 / 80%); }
.lx-ziel__titel { font-family: var(--lx-serif); font-weight: 500; font-size: clamp(21px, 1.7vw, 26px); line-height: 1.15; }
.lx-ziel__pfeil { position: absolute; z-index: 1; right: clamp(14px, 1.4vw, 22px); bottom: clamp(14px, 1.4vw, 22px); width: 48px; height: 48px; border-color: rgb(251 248 242 / 85%); transition: background-color .2s, color .2s; }
.lx-ziel__link:hover .lx-ziel__pfeil { background: var(--lx-weiss); color: var(--lx-nacht); }

.lx-suite { display: grid; grid-template-columns: minmax(0, 69fr) minmax(0, 31fr); background: var(--lx-creme); }
.lx-suite__bild { position: relative; isolation: isolate; min-height: clamp(520px, 46vw, 720px); overflow: hidden; }
.lx-suite__bild > img { position: absolute; inset: 0; z-index: -2; width: 100%; height: 100% !important; object-fit: cover; object-position: 50% 60%; }
.lx-suite__bild::before { content: ''; position: absolute; inset: 0; z-index: -1; background: linear-gradient(100deg, rgb(13 23 34 / 70%) 0%, rgb(13 23 34 / 28%) 34%, rgb(13 23 34 / 0%) 55%); }
.lx-suite__bild > .lx-ki { right: 14px; bottom: 14px; }
.lx-suite__text { padding: clamp(46px, 5vw, 84px) var(--lx-rand) 40px; max-width: 620px; }
.lx-suite__text .lx-vorzeile { margin-bottom: 22px; }
.lx-suite__text .lx-h2 { color: var(--lx-weiss); text-shadow: 0 2px 22px rgb(0 0 0 / 35%); }
.lx-suite__text .lx-knopf { margin-top: 34px; }
.lx-zitat { position: relative; isolation: isolate; display: flex; flex-direction: column; justify-content: center; padding: clamp(40px, 4vw, 64px) clamp(28px, 3.4vw, 56px); color: var(--lx-text); }
.lx-zitat__grund { position: absolute; inset: 0; z-index: -1; width: 100%; height: 100% !important; object-fit: cover; }
.lx-zitat blockquote p { font-family: var(--lx-serif); font-style: italic; font-weight: 500; font-size: clamp(26px, 2.2vw, 34px); line-height: 1.22; color: var(--lx-navy); }
.lx-zitat blockquote::after { content: ''; display: block; width: 52px; height: 1px; margin: 38px 0 30px; background: var(--lx-gold); }
.lx-zitat figcaption { font-size: 14.5px; line-height: 1.6; color: #4b525c; }

.lx-fuss { background: var(--lx-nacht); border-top: 1px solid rgb(200 167 108 / 22%); color: rgb(251 248 242 / 72%); font-size: 13.5px; }
.lx-fuss__inner { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 14px 30px; padding-top: 26px; padding-bottom: 26px; }
.lx-fuss__marke { font-family: var(--lx-serif); font-size: 18px; color: var(--lx-weiss); }
.lx-fuss__marke span { color: var(--lx-gold); }
.lx-fuss ul { display: flex; flex-wrap: wrap; gap: 6px 22px; }
.lx-fuss a { text-decoration: none; }
.lx-fuss a:hover { color: var(--lx-gold-hell); }

@media (max-width: 1100px) {
	.lx-hero__bild img { object-position: 70% 38%; }
	.lx-suche { grid-template-columns: 1fr 1fr; }
	.lx-vorteile { grid-template-columns: repeat(2, 1fr); gap: 22px 28px; }
	.lx-ziele { grid-template-columns: repeat(2, 1fr); }
	.lx-suite { grid-template-columns: 1fr; }
	.lx-zitat { min-height: 380px; }
	.lx-logo { flex-basis: calc((100% - 3 * 14px) / 4); }
}

@media (max-width: 700px) {
	
	.lx-hero__bild { inset: 0 0 auto 0; height: 150vw; }
	.lx-hero__bild img { object-position: 62% 0; }
	.lx-hero::before {
		inset: 0 0 auto 0; height: 150vw;
		background: linear-gradient(180deg, rgb(10 18 28 / 70%) 0%, rgb(10 18 28 / 34%) 30%, rgb(10 18 28 / 0%) 46%, rgb(10 18 28 / 0%) 70%, var(--lx-nacht) 100%);
	}
	.lx-hero > .lx-ki { top: calc(150vw - 34px); left: auto; right: 12px; }
	.lx-hero__inhalt { grid-template-columns: 1fr; grid-template-areas: 'vor' 'titel' 'unter' 'fliess' 'suche' 'vorteile'; padding-top: 30px; min-height: 0; }
	.lx-hero__text { display: contents; }
	.lx-hero__text .lx-vorzeile { grid-area: vor; font-size: 11.5px; gap: 14px; margin-bottom: 16px; }
	.lx-hero__text .lx-vorzeile::after { width: 40px; }
	.lx-h1 { grid-area: titel; font-size: clamp(42px, 12.2vw, 58px); }
	.lx-hero__unter { grid-area: unter; margin-top: 12px; font-size: 21px; text-shadow: 0 1px 14px rgb(0 0 0 / 45%); }
	.lx-hero__fliess { grid-area: fliess; margin-top: max(28px, calc(150vw - 330px)); font-size: 15px; }
	.lx-hero__fliess br { display: none; }
	.lx-hero__seite { display: none; }
	.lx-hero__suche { margin-top: 26px; }
	.lx-suche { grid-template-columns: 1fr; gap: 10px; padding: 10px; }
	.lx-feld { padding: 11px 16px; }
	.lx-suche__los { grid-column: auto; min-height: 56px; }
	.lx-vorteile { grid-template-columns: 1fr 1fr; gap: 20px 16px; margin-top: 30px; }
	.lx-vorteil { flex-direction: column; align-items: flex-start; gap: 10px; font-size: 13px; }
	.lx-vorteil__sym { font-size: 30px; }

	.lx-kopf { flex-direction: column; align-items: flex-start; gap: 16px; margin-bottom: 22px; }
	.lx-h2--linie { gap: 16px; }
	.lx-h2--linie::after { width: 48px; }
	.lx-karussell .lx-rund { display: none; }
	.lx-logos { margin: 0 calc(var(--lx-rand) * -1); padding: 4px var(--lx-rand); scroll-padding: 0 var(--lx-rand); }
	.lx-logo { flex-basis: 42%; min-width: 0; }
	.lx-logo a { height: 104px; padding: 16px 18px; }
	.lx-logo img { max-height: 50px; }

	.lx-inspiration__kopf { flex-direction: column; align-items: flex-start; gap: 26px; min-height: 0; padding-top: 44px; }
	.lx-ziele { display: flex; gap: 12px; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; margin: 0 -14px; padding: 0 14px; scroll-padding: 0 14px; }
	.lx-ziele::-webkit-scrollbar { display: none; }
	.lx-ziel { flex: 0 0 84%; scroll-snap-align: start; }
	.lx-ziel__link { aspect-ratio: 4 / 5; }

	.lx-suite__bild { min-height: 560px; }
	.lx-suite__bild::before { background: linear-gradient(180deg, rgb(13 23 34 / 72%) 0%, rgb(13 23 34 / 25%) 42%, rgb(13 23 34 / 0%) 60%); }
	.lx-suite__bild > img { object-position: 62% 50%; }
	.lx-suite__text { padding-top: 44px; }
	.lx-zitat { min-height: 0; padding: 52px var(--lx-rand); }
	.lx-fuss__inner { flex-direction: column; align-items: flex-start; }
}

body.lx .lx-abschnitt { padding: clamp(64px, 6vw, 88px) 0; color: var(--lx-text); background: var(--lx-elfenbein); }
body.lx .lx-abschnitt .lx-vorzeile { margin-bottom: 20px; color: #775b30; }
body.lx .lx-abschnitt .lx-h2--linie::after { flex: 0 0 76px; }
body.lx .lx-abschnitt--dunkel { color: var(--lx-weiss); background: var(--lx-nacht); }
body.lx .lx-abschnitt--dunkel .lx-vorzeile { color: var(--lx-gold-hell); }
body.lx .lx-abschnitt--dunkel .lx-fliess { color: var(--lx-elfenbein); }
body.lx .lx-abschnitt--dunkel .lx-fliess a { color: var(--lx-gold-hell); }

body.lx .lx-brotkrumen { max-width: 100%; margin-bottom: clamp(36px, 5vw, 70px); font-size: 14px; line-height: 1.5; color: var(--lx-elfenbein); }
body.lx .lx-brotkrumen ol { display: flex; flex-wrap: wrap; gap: 5px 12px; margin: 0; padding: 0; list-style: none; }
body.lx .lx-brotkrumen li { display: inline-flex; align-items: center; gap: 12px; }
body.lx .lx-brotkrumen li + li::before { content: '/'; color: var(--lx-gold-hell); }
body.lx .lx-brotkrumen a { text-underline-offset: 4px; text-decoration-color: transparent; }
body.lx .lx-brotkrumen a:hover { color: var(--lx-gold-hell); text-decoration-color: currentColor; }
body.lx .lx-brotkrumen [aria-current] { color: var(--lx-weiss); }

body.lx .lx-seitenkopf { position: relative; display: flex; align-items: center; min-height: clamp(330px, 31vw, 440px); padding: 42px 0 58px; overflow: hidden; isolation: isolate; background: radial-gradient(ellipse at 85% 5%, rgb(200 167 108 / 9%), transparent 55%), var(--lx-nacht); border-bottom: 1px solid rgb(200 167 108 / 28%); }
body.lx .lx-seitenkopf__bild, body.lx .lx-seitenkopf__bild::after { position: absolute; inset: 0; }
body.lx .lx-seitenkopf__bild { z-index: -1; }
body.lx .lx-seitenkopf__bild img { width: 100%; height: 100%; object-fit: cover; object-position: center 48%; }
body.lx .lx-seitenkopf__bild::after { content: ''; background: linear-gradient(90deg, rgb(8 16 25 / 92%) 0%, rgb(8 16 25 / 77%) 43%, rgb(8 16 25 / 34%) 100%), linear-gradient(0deg, rgb(8 16 25 / 45%), transparent 65%); }
body.lx .lx-seitenkopf__inhalt { position: relative; }
body.lx .lx-seitenkopf .lx-brotkrumen { margin-bottom: clamp(34px, 4vw, 60px); }
body.lx .lx-seitenkopf .lx-vorzeile { margin-bottom: 16px; color: var(--lx-gold-hell); }
body.lx .lx-seitenkopf .lx-h2 { max-width: 850px; font-size: clamp(44px, 5vw, 64px); color: var(--lx-weiss); }
body.lx .lx-seitenkopf__text { max-width: 65ch; margin-top: 20px; color: var(--lx-weiss); font-size: clamp(16px, 1.3vw, 18px); line-height: 1.6; }
body.lx .lx-seitenkopf > .lx-ki { top: 16px; right: 18px; left: auto; }

body.lx .lx-rkopf { padding: clamp(36px, 4vw, 58px) 0 clamp(70px, 7vw, 108px); background: radial-gradient(ellipse at 84% 10%, rgb(200 167 108 / 10%), transparent 55%), var(--lx-nacht); border-bottom: 1px solid rgb(200 167 108 / 28%); }
body.lx .lx-rkopf__inner { display: grid; grid-template-columns: minmax(0, 1fr) minmax(330px, 45%); align-items: center; gap: clamp(40px, 6vw, 94px); }
body.lx .lx-rkopf__text { min-width: 0; }
body.lx .lx-rkopf .lx-brotkrumen { margin-bottom: clamp(42px, 5vw, 74px); }
body.lx .lx-rkopf .lx-vorzeile { margin-bottom: 25px; color: var(--lx-gold-hell); }
body.lx .lx-rkopf__logo { display: inline-flex; align-items: center; justify-content: center; min-width: 190px; max-width: min(100%, 320px); min-height: 90px; margin: 0 0 28px; padding: 20px 30px; background: #fbf9f5; border: 1px solid var(--lx-sand); border-radius: 4px; }
body.lx .lx-rkopf__logo img { width: auto; max-width: 100%; max-height: 58px; object-fit: contain; }
body.lx .lx-rkopf .lx-h2 { font-size: clamp(50px, 5.2vw, 72px); color: var(--lx-weiss); }
body.lx .lx-rkopf__claim { max-width: 52ch; margin: 15px 0 0; color: var(--lx-elfenbein); font: 500 clamp(22px, 2vw, 29px)/1.25 var(--lx-serif); }
body.lx .lx-kennzahlen { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0; max-width: 670px; margin: clamp(34px, 4vw, 54px) 0 0; border-top: 1px solid rgb(200 167 108 / 38%); border-bottom: 1px solid rgb(200 167 108 / 38%); }
body.lx .lx-kennzahlen > div { display: flex; flex-direction: column-reverse; justify-content: center; min-width: 0; padding: 19px 20px 19px 0; }
body.lx .lx-kennzahlen > div:nth-child(2n) { padding-left: 22px; border-left: 1px solid rgb(200 167 108 / 28%); }
body.lx .lx-kennzahlen > div:nth-child(n+3) { border-top: 1px solid rgb(200 167 108 / 28%); }
body.lx .lx-kennzahlen dt { margin-top: 3px; color: var(--lx-elfenbein); font-size: 14px; line-height: 1.4; }
body.lx .lx-kennzahlen dd { margin: 0; color: var(--lx-gold-hell); font: 500 clamp(27px, 2.5vw, 34px)/1.1 var(--lx-serif); font-variant-numeric: lining-nums; }
body.lx .lx-rkopf__knoepfe { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 34px; }
body.lx .lx-rkopf__bild { align-self: stretch; min-height: 530px; position: relative; margin: 0; padding: 12px; border: 1px solid rgb(200 167 108 / 48%); background: rgb(251 248 242 / 5%); }
body.lx .lx-rkopf__bild img { width: 100%; height: 100%; min-height: 506px; aspect-ratio: 4 / 5; object-fit: cover; object-position: center; background: var(--lx-navy); }
body.lx .lx-rkopf__bild figcaption { position: absolute; right: 12px; bottom: 12px; left: 12px; padding: 32px 18px 15px; color: var(--lx-weiss); background: linear-gradient(0deg, rgb(8 16 25 / 88%), transparent); font-size: 14px; }

body.lx .lx-textblock__raster { display: grid; grid-template-columns: minmax(240px, .7fr) minmax(0, 1.3fr); gap: clamp(40px, 7vw, 120px); }
body.lx .lx-textblock__kopf { align-self: start; }
body.lx .lx-textblock__kopf .lx-h2--linie { display: block; }
body.lx .lx-textblock__kopf .lx-h2--linie::after { display: block; width: 54px; height: 1px; margin-top: 24px; }
body.lx .lx-fliess { max-width: 76ch; color: var(--lx-text); font-size: 16px; line-height: 1.7; }
body.lx .lx-fliess > * + * { margin-top: 19px; }
body.lx .lx-fliess h2 { margin-top: 36px; font: 500 clamp(27px, 2.4vw, 34px)/1.14 var(--lx-serif); }
body.lx .lx-fliess h2:first-child { margin-top: 0; }
body.lx .lx-fliess ul { padding-left: 22px; list-style: disc; }
body.lx .lx-fliess li + li { margin-top: 8px; }
body.lx .lx-fliess a { color: #644b25; text-decoration-thickness: 1px; text-underline-offset: 3px; }
body.lx .lx-fliess a:hover { text-decoration-thickness: 2px; }

body.lx .lx-reisen { background: #fbf9f5; }
body.lx .lx-abschnitt .lx-kopf { gap: 24px; margin-bottom: 36px; }
body.lx .lx-abschnitt .lx-textlink { align-self: end; min-height: 44px; text-decoration: underline; text-decoration-color: transparent; text-underline-offset: 4px; }
body.lx .lx-abschnitt .lx-textlink:hover { text-decoration-color: currentColor; }
body.lx .lx-reisen__liste, body.lx .lx-flotte__liste, body.lx .lx-rliste__raster { display: grid; gap: 22px; list-style: none; padding: 0; margin: 0; }
body.lx .lx-reisen__liste { grid-template-columns: repeat(3, minmax(0, 1fr)); }
body.lx .lx-reisekarte, body.lx .lx-schiff, body.lx .lx-rkarte { min-width: 0; }
body.lx .lx-reisekarte { position: relative; }
body.lx .lx-reisekarte a, body.lx .lx-schiff a, body.lx .lx-rkarte a { display: flex; flex-direction: column; height: 100%; overflow: hidden; color: var(--lx-text); background: #fff; border: 1px solid var(--lx-sand); border-radius: 12px; text-decoration: none; transition: border-color .2s, box-shadow .2s, transform .2s; }
body.lx .lx-reisekarte a:hover, body.lx .lx-schiff a:hover, body.lx .lx-rkarte a:hover { border-color: var(--lx-gold-dunkel); box-shadow: 0 8px 24px rgb(29 39 51 / 9%); transform: translateY(-2px); }
body.lx .lx-reisekarte a:focus-visible, body.lx .lx-schiff a:focus-visible, body.lx .lx-rkarte a:focus-visible { outline: 2px solid #72572d; outline-offset: 3px; }
body.lx .lx-reisekarte__bild, body.lx .lx-schiff__bild { display: block; aspect-ratio: 16 / 10; overflow: hidden; background: var(--lx-creme); }
body.lx .lx-reisekarte__bild { aspect-ratio: 7 / 5; }
body.lx .lx-reisekarte__bild img, body.lx .lx-schiff__bild img { width: 100%; height: 100%; object-fit: cover; object-position: center; }
body.lx .lx-reisekarte__text { display: flex; flex: 1; flex-direction: column; padding: 22px 24px 24px; }
body.lx .lx-reisekarte__meta { color: #4b525c; font-size: 14px; }
body.lx .lx-reisekarte__titel { margin-top: 12px; font: 500 clamp(25px, 2.2vw, 31px)/1.14 var(--lx-serif); }
body.lx .lx-reisekarte__schiff { margin-top: 12px; color: #4b525c; font-size: 14px; line-height: 1.45; }
body.lx .lx-reisekarte__preis { display: block; margin-top: auto; padding-top: 24px; font: 600 23px/1.2 var(--lx-sans); font-variant-numeric: tabular-nums; }
body.lx .lx-reisekarte__preis::before { content: ''; display: block; height: 1px; margin-bottom: 17px; background: var(--lx-sand); }
body.lx .lx-reisekarte__preis small { font-size: 14px; font-weight: 400; }
body.lx .lx-reisen__hinweis { max-width: 85ch; margin-top: 22px; color: #4b525c; font-size: 14px; line-height: 1.55; }

body.lx .lx-fuerwen { background: var(--lx-creme); }
body.lx .lx-fuerwen__raster { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px; margin-top: 34px; }
body.lx .lx-fuerwen__raster > div { padding: clamp(26px, 3vw, 42px); background: #fbf9f5; border: 1px solid var(--lx-sand); border-top: 2px solid var(--lx-gold-dunkel); }
body.lx .lx-fuerwen__raster h3 { margin: 0 0 22px; font: 500 clamp(25px, 2.3vw, 32px)/1.15 var(--lx-serif); }
body.lx .lx-liste { list-style: none; padding: 0; margin: 0; }
body.lx .lx-liste li { position: relative; padding-left: 28px; line-height: 1.55; }
body.lx .lx-liste li + li { margin-top: 15px; }
body.lx .lx-liste li::before { position: absolute; left: 0; top: 1px; color: #72572d; font-size: 17px; font-weight: 600; }
body.lx .lx-liste--ja li::before { content: '✓'; }
body.lx .lx-liste--nein li::before { content: '–'; }

body.lx .lx-flotte { background: var(--lx-elfenbein); }
body.lx .lx-flotte__liste { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px; }
body.lx .lx-flotte__liste > .lx-schiff:last-child:nth-child(4n+1) { grid-column: 2 / span 2; width: min(100%, 280px); justify-self: center; }
body.lx .lx-schiff a { border-radius: 6px; }
body.lx .lx-schiff__bild { aspect-ratio: 16 / 9; }
body.lx .lx-schiff__name { padding: 15px 18px 17px; font: 500 clamp(22px, 1.9vw, 27px)/1.12 var(--lx-serif); }

body.lx .lx-abfahrten-abschnitt { background: #fbf9f5; }
body.lx .lx-abfahrten { overflow: hidden; border-top: 1px solid var(--lx-gold-dunkel); border-bottom: 1px solid var(--lx-sand); background: #fff; }
body.lx .lx-abfahrten__kopf, body.lx .lx-abfahrten__zeile { display: grid; grid-template-columns: minmax(150px, 1fr) minmax(0, 3fr) minmax(70px, .55fr) minmax(130px, 1fr); align-items: center; gap: 20px; padding: 16px 24px; }
body.lx .lx-abfahrten__kopf { color: #4b525c; background: var(--lx-elfenbein); border-bottom: 1px solid var(--lx-sand); font-size: 12px; font-weight: 600; letter-spacing: .11em; text-transform: uppercase; }
body.lx .lx-abfahrten__zeile { min-height: 78px; color: var(--lx-text); border-top: 1px solid var(--lx-sand); text-decoration: none; }
body.lx .lx-abfahrten__zeile:first-of-type { border-top: 0; }
body.lx .lx-abfahrten__zeile:hover { background: var(--lx-elfenbein); }
body.lx .lx-abfahrten__zeile:focus-visible { position: relative; z-index: 1; outline: 2px solid #72572d; outline-offset: -3px; }
body.lx .lx-abfahrten__datum { font: 500 23px/1.1 var(--lx-serif); font-variant-numeric: lining-nums; }
body.lx .lx-abfahrten__reise strong { display: block; font: 500 22px/1.1 var(--lx-serif); }
body.lx .lx-abfahrten__reise small { display: block; margin-top: 5px; color: #4b525c; font-size: 14px; line-height: 1.4; }
body.lx .lx-abfahrten__preis { font-size: 19px; font-weight: 600; font-variant-numeric: tabular-nums; white-space: nowrap; }
body.lx .lx-abfahrten__preis small { font-size: 14px; font-weight: 400; }

body.lx .lx-rliste { background: var(--lx-elfenbein); }
body.lx .lx-rliste__raster { grid-template-columns: repeat(8, minmax(0, 1fr)); gap: 18px; }
body.lx .lx-rliste__raster > .lx-rkarte { grid-column: span 2; }
body.lx .lx-rliste__raster > .lx-rkarte:nth-last-child(2):nth-child(4n+1) { grid-column: 3 / span 2; }
body.lx .lx-rliste__raster > .lx-rkarte:nth-last-child(3):nth-child(4n+1) { grid-column: 2 / span 2; }
body.lx .lx-rkarte a { min-height: 100%; padding: 18px; }
body.lx .lx-rkarte__logo { display: grid; place-items: center; width: 100%; min-height: 104px; padding: 18px; background: #fbf9f5; border: 1px solid var(--lx-sand); }
body.lx .lx-rkarte__logo img { width: auto; max-width: 100%; max-height: 58px; object-fit: contain; }
body.lx .lx-rkarte__logo > span { font: 500 24px/1.1 var(--lx-serif); text-align: center; }
body.lx .lx-rkarte__name { margin-top: 19px; font: 500 clamp(24px, 2vw, 29px)/1.1 var(--lx-serif); }
body.lx .lx-rkarte__claim { margin-top: 10px; color: #4b525c; font-size: 14px; line-height: 1.5; }
body.lx .lx-rkarte__mehr { display: inline-flex; align-items: center; gap: 9px; margin-top: auto; padding-top: 20px; color: #624922; font-size: 14px; font-weight: 600; }
body.lx .lx-rkarte__mehr .lx-sym { width: 18px; height: 18px; }

body.lx .lx-band { padding: clamp(64px, 7vw, 104px) 0; color: var(--lx-weiss); background: radial-gradient(ellipse at 90% 30%, rgb(200 167 108 / 10%), transparent 60%), var(--lx-nacht); border-top: 1px solid rgb(200 167 108 / 27%); border-bottom: 1px solid rgb(200 167 108 / 27%); }
body.lx .lx-band__inner { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: clamp(35px, 7vw, 110px); }
body.lx .lx-band .lx-vorzeile { margin-bottom: 22px; color: var(--lx-gold-hell); }
body.lx .lx-band .lx-h2 { font-size: clamp(38px, 4.2vw, 58px); }
body.lx .lx-band__text { max-width: 61ch; margin-top: 20px; color: var(--lx-elfenbein); line-height: 1.6; }
body.lx .lx-band__wege { display: flex; flex-direction: column; align-items: flex-start; gap: 20px; min-width: 230px; }
body.lx .lx-band__tel { display: flex; flex-direction: column; gap: 2px; color: var(--lx-weiss); font-size: 19px; font-weight: 600; text-decoration-color: var(--lx-gold); text-underline-offset: 4px; }
body.lx .lx-band__tel span { color: var(--lx-elfenbein); font-size: 13px; font-weight: 400; }

@media (max-width: 1100px) {
	body.lx .lx-rkopf__inner { grid-template-columns: minmax(0, 1fr) minmax(290px, 42%); gap: 36px; }
	body.lx .lx-rkopf__bild { min-height: 440px; }
	body.lx .lx-rkopf__bild img { min-height: 416px; }
	body.lx .lx-textblock__raster { grid-template-columns: minmax(210px, .65fr) minmax(0, 1.35fr); gap: 45px; }
	body.lx .lx-reisen__liste, body.lx .lx-flotte__liste { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	body.lx .lx-flotte__liste > .lx-schiff:last-child:nth-child(4n+1) { grid-column: auto; width: auto; }
	body.lx .lx-flotte__liste > .lx-schiff:last-child:nth-child(2n+1) { grid-column: 1 / -1; width: min(100%, 300px); justify-self: center; }
	body.lx .lx-rliste__raster { grid-template-columns: repeat(4, minmax(0, 1fr)); }
	body.lx .lx-rliste__raster > .lx-rkarte:nth-last-child(2):nth-child(4n+1), body.lx .lx-rliste__raster > .lx-rkarte:nth-last-child(3):nth-child(4n+1) { grid-column: span 2; }
	body.lx .lx-rliste__raster > .lx-rkarte:last-child:nth-child(2n+1) { grid-column: 2 / span 2; }
}
@media (max-width: 700px) {
	body.lx .lx-abschnitt { padding: 52px 0; }
	body.lx .lx-abschnitt .lx-h2--linie::after { flex-basis: 48px; }
	body.lx .lx-seitenkopf { min-height: 350px; padding: 30px 0 48px; }
	body.lx .lx-seitenkopf__bild img { object-position: 58% center; }
	body.lx .lx-seitenkopf__bild::after { background: linear-gradient(90deg, rgb(8 16 25 / 90%), rgb(8 16 25 / 60%)), linear-gradient(0deg, rgb(8 16 25 / 45%), transparent); }
	body.lx .lx-seitenkopf .lx-h2 { font-size: clamp(38px, 8vw, 48px); }
	body.lx .lx-rkopf { padding: 32px 0 60px; }
	body.lx .lx-rkopf__inner, body.lx .lx-textblock__raster, body.lx .lx-band__inner { grid-template-columns: minmax(0, 1fr); }
	body.lx .lx-rkopf .lx-brotkrumen { margin-bottom: 42px; }
	body.lx .lx-rkopf__bild { min-height: 0; max-width: 560px; }
	body.lx .lx-rkopf__bild img { min-height: 0; aspect-ratio: 5 / 4; }
	body.lx .lx-textblock__raster { gap: 28px; }
	body.lx .lx-fuerwen__raster { grid-template-columns: minmax(0, 1fr); }
	body.lx .lx-abfahrten { border: 0; background: transparent; }
	body.lx .lx-abfahrten__kopf { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
	body.lx .lx-abfahrten__zeile { grid-template-columns: minmax(0, 1fr) auto; gap: 12px 18px; margin-bottom: 12px; padding: 20px; background: #fff; border: 1px solid var(--lx-sand); border-radius: 8px; }
	body.lx .lx-abfahrten__zeile:first-of-type { border-top: 1px solid var(--lx-sand); }
	body.lx .lx-abfahrten__datum { grid-column: 1; grid-row: 1; }
	body.lx .lx-abfahrten__reise { grid-column: 1 / -1; grid-row: 2; }
	body.lx .lx-abfahrten__naechte { grid-column: 2; grid-row: 1; color: #4b525c; font-size: 14px; }
	body.lx .lx-abfahrten__naechte::after { content: ' Nächte'; }
	body.lx .lx-abfahrten__preis { grid-column: 1 / -1; grid-row: 3; padding-top: 12px; border-top: 1px solid var(--lx-sand); }
	body.lx .lx-band__inner { gap: 34px; }
}
@media (max-width: 560px) {
	body.lx .lx-brotkrumen { margin-bottom: 30px; font-size: 13px; }
	body.lx .lx-brotkrumen ol { gap: 3px 8px; }
	body.lx .lx-brotkrumen li { gap: 8px; }
	body.lx .lx-seitenkopf { min-height: 320px; }
	body.lx .lx-seitenkopf__text { font-size: 16px; }
	body.lx .lx-rkopf .lx-h2 { font-size: clamp(43px, 10vw, 54px); }
	body.lx .lx-rkopf__logo { min-height: 76px; padding: 15px 22px; }
	body.lx .lx-rkopf__logo img { max-height: 46px; }
	body.lx .lx-kennzahlen dt { font-size: 13px; }
	body.lx .lx-rkopf__knoepfe, body.lx .lx-rkopf__knoepfe .lx-knopf, body.lx .lx-band__wege, body.lx .lx-band__wege .lx-knopf { width: 100%; }
	body.lx .lx-rkopf__bild img { aspect-ratio: 4 / 3; }
	body.lx .lx-reisen__liste, body.lx .lx-rliste__raster { grid-template-columns: minmax(0, 1fr); gap: 16px; }
	body.lx .lx-flotte__liste { gap: 12px; }
	body.lx .lx-flotte__liste > .lx-schiff:last-child:nth-child(2n+1) { width: min(100%, 220px); }
	body.lx .lx-schiff__name { padding: 12px 13px 14px; font-size: 21px; }
	body.lx .lx-rliste__raster > .lx-rkarte, body.lx .lx-rliste__raster > .lx-rkarte:nth-last-child(2):nth-child(4n+1), body.lx .lx-rliste__raster > .lx-rkarte:nth-last-child(3):nth-child(4n+1), body.lx .lx-rliste__raster > .lx-rkarte:last-child:nth-child(2n+1) { grid-column: auto; }
	body.lx .lx-reisekarte__text { padding: 20px; }
	body.lx .lx-rkarte a { padding: 20px; }
	body.lx .lx-band__wege { align-items: stretch; }
}

body.lx .lx-seitenkopf--bild { min-height: clamp(360px, 32vw, 460px); }
body.lx .lx-seitenkopf--bild .lx-seitenkopf__inhalt { width: 100%; }
body.lx .lx-seitenkopf--bild .lx-h2,
body.lx .lx-seitenkopf--bild .lx-seitenkopf__text { max-width: 680px; text-shadow: 0 2px 18px rgb(0 0 0 / 42%); }

body.lx .lx-formular-abschnitt { background: #f6f1e8; }
body.lx .lx-formular-raster { display: grid; grid-template-columns: minmax(0, 1fr) minmax(260px, 330px); align-items: start; gap: clamp(36px, 5vw, 76px); }
body.lx .lx-formular { min-width: 0; }
body.lx .lx-formular > p:first-child { max-width: 68ch; margin: 0 0 38px; font-size: 17px; line-height: 1.7; }
body.lx .lx-formular .kfa-formular { display: grid; gap: 28px; min-width: 0; margin: 0; }
body.lx .lx-formular .kfa-gruppe { display: grid; gap: 24px; min-width: 0; margin: 0; padding: clamp(22px, 3vw, 38px); border: 1px solid var(--lx-sand); border-top: 2px solid var(--lx-gold-dunkel); border-radius: 10px; background: #fbf9f5; box-shadow: 0 10px 32px rgb(29 39 51 / 4%); }
body.lx .lx-formular .kfa-gruppe > legend { max-width: 100%; padding: 0 12px 0 0; color: var(--lx-text); font: 500 clamp(27px, 2.4vw, 34px)/1.15 var(--lx-serif); }
body.lx .lx-formular .kfa-beratung-nummer { display: inline-grid; place-items: center; width: 44px; height: 44px; margin-right: 10px; vertical-align: middle; border: 1px solid var(--lx-gold-dunkel); border-radius: 50%; color: #624922; background: var(--lx-elfenbein); font: 600 14px/1 var(--lx-sans); }
body.lx .lx-formular .kfa-beratung-nummer::after { content: none; }
body.lx .lx-formular .kfa-raster { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; min-width: 0; }
body.lx .lx-formular .kfa-dfeld { display: grid; align-content: start; gap: 8px; min-width: 0; color: var(--lx-text); font-size: 15px; font-weight: 600; }
body.lx .lx-formular .kfa-dfeld--breit { grid-column: 1 / -1; }
body.lx .lx-formular .kfa-dfeld > span { line-height: 1.4; }
body.lx .lx-formular .kfa-dfeld :is(input, select, textarea) { width: 100%; min-width: 0; min-height: 50px; padding: 11px 14px; border: 1px solid #8f877b; border-radius: 6px; color: var(--lx-text); background-color: #fff; font: 400 16px/1.4 var(--lx-sans); }
body.lx .lx-formular .kfa-dfeld :is(input, textarea)::placeholder { color: #5f6670; opacity: 1; }
body.lx .lx-formular .kfa-dfeld select { appearance: none; padding-right: 42px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='m3 6 5 5 5-5' fill='none' stroke='%231d2733' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 14px center; background-size: 16px; }
body.lx .lx-formular .kfa-dfeld textarea { min-height: 132px; resize: vertical; }
body.lx .lx-formular .kfa-dfeld :is(input, select, textarea):focus-visible { outline: 2px solid #72572d; outline-offset: 2px; border-color: #72572d; }
body.lx .lx-formular .kfa-beratung-reedereien { min-width: 0; margin: 0; padding: 28px 0 0; border: 0; border-top: 1px solid var(--lx-sand); }
body.lx .lx-formular .kfa-beratung-reedereien > legend { padding: 0 12px 0 0; color: var(--lx-text); font: 500 25px/1.2 var(--lx-serif); }
body.lx .lx-formular .kfa-beratung-reedereien > p { margin: 8px 0 20px; color: #4b525c; font-size: 14px; line-height: 1.55; }
body.lx .lx-formular .kfa-rlogos { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
body.lx .lx-formular .kfa-rlogo { position: relative; display: block; min-width: 0; cursor: pointer; }
body.lx .lx-formular .kfa-rlogo > input { position: absolute; top: 12px; right: 12px; z-index: 1; width: 20px; height: 20px; margin: 0; accent-color: #72572d; cursor: pointer; }
body.lx .lx-formular .kfa-rlogo__kachel { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 12px; min-height: 126px; height: 100%; padding: 22px 16px 16px; border: 1px solid var(--lx-sand); border-radius: 8px; background: #fff; text-align: center; transition: border-color .2s, box-shadow .2s; }
body.lx .lx-formular .kfa-rlogo__kachel img { display: block; width: auto; max-width: 100%; max-height: 48px; object-fit: contain; }
body.lx .lx-formular .kfa-rlogo > input[value="Silversea"] + .kfa-rlogo__kachel img { filter: contrast(1.65) brightness(.72); }
body.lx .lx-formular .kfa-rlogo__kachel > span { color: var(--lx-text); font-size: 13px; font-weight: 600; line-height: 1.35; overflow-wrap: anywhere; }
body.lx .lx-formular .kfa-rlogo:hover .kfa-rlogo__kachel { border-color: var(--lx-gold-dunkel); box-shadow: 0 5px 18px rgb(29 39 51 / 7%); }
body.lx .lx-formular .kfa-rlogo > input:checked + .kfa-rlogo__kachel { border: 2px solid #72572d; background: var(--lx-elfenbein); padding: 21px 15px 15px; }
body.lx .lx-formular .kfa-rlogo > input:focus-visible + .kfa-rlogo__kachel { outline: 2px solid #72572d; outline-offset: 3px; }
body.lx .lx-formular .kfa-beratung-reedereien details { margin-top: 22px; padding-top: 16px; border-top: 1px solid var(--lx-sand); }
body.lx .lx-formular .kfa-beratung-reedereien summary { display: flex; align-items: center; gap: 10px; width: fit-content; min-height: 44px; color: #624922; font-size: 15px; font-weight: 600; cursor: pointer; list-style: none; }
body.lx .lx-formular .kfa-beratung-reedereien summary::-webkit-details-marker { display: none; }
body.lx .lx-formular .kfa-beratung-reedereien summary::before { content: '+'; display: inline-grid; place-items: center; width: 26px; height: 26px; border: 1px solid var(--lx-gold-dunkel); border-radius: 50%; font-size: 19px; font-weight: 400; line-height: 1; }
body.lx .lx-formular .kfa-beratung-reedereien details[open] > summary::before { content: '−'; }
body.lx .lx-formular .kfa-beratung-reedereien details fieldset { min-width: 0; margin: 20px 0 0; padding: 0; border: 0; }
body.lx .lx-formular .kfa-beratung-reedereien details legend { padding: 0; margin-bottom: 12px; font-size: 15px; font-weight: 600; }
body.lx .lx-formular .kfa-beratung-reedereien__liste { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px 18px; }
body.lx .lx-formular .kfa-beratung-reedereien__liste label { display: flex; align-items: flex-start; gap: 9px; min-width: 0; font-size: 14px; line-height: 1.45; cursor: pointer; }
body.lx .lx-formular :is(.kfa-beratung-reedereien__liste, .kfa-chips, .kfa-check) input { flex: none; width: 19px; height: 19px; margin: 2px 0 0; accent-color: #72572d; cursor: pointer; }
body.lx .lx-formular .kfa-chips { display: flex; flex-wrap: wrap; gap: 10px 18px; align-items: center; }
body.lx .lx-formular .kfa-chips label { display: inline-flex; align-items: flex-start; gap: 8px; min-height: 44px; padding: 10px 0; font-size: 15px; line-height: 1.4; cursor: pointer; }
body.lx .lx-formular .kfa-chips__titel { width: 100%; margin-bottom: -8px; font-size: 15px; font-weight: 600; }
body.lx .lx-formular .kfa-beratung-absenden { display: grid; justify-items: start; gap: 20px; padding: clamp(22px, 3vw, 34px); border: 1px solid var(--lx-sand); border-radius: 10px; background: var(--lx-creme); }
body.lx .lx-formular .kfa-check { display: flex; align-items: flex-start; gap: 12px; font-size: 14px; line-height: 1.6; }
body.lx .lx-formular .kfa-check a { color: #624922; text-underline-offset: 3px; }
body.lx .lx-formular .kfa-formular__senden { display: inline-flex; align-items: center; justify-content: center; gap: 12px; min-height: 54px; padding: 12px 26px; border: 1px solid #a98750; border-radius: 6px; color: var(--lx-nacht); background: linear-gradient(115deg, #e3c88f, #c9a76b 55%, #b8945a); box-shadow: 0 8px 24px rgb(11 20 28 / 12%); font: 600 15px/1.2 var(--lx-sans); cursor: pointer; }
body.lx .lx-formular .kfa-formular__senden:hover { background: linear-gradient(115deg, #ead5a9, #d6b881 55%, #c5a16a); }
body.lx .lx-formular .kfa-formular__senden .kfa-icon { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 1.8; }
body.lx .lx-formular .kfa-formular__fuss { margin: 0; color: #4b525c; font-size: 13px; line-height: 1.5; }
body.lx .lx-formular .kfa-formfehler { margin: 0; padding: 16px 20px; border: 1px solid #b42318; border-left-width: 4px; border-radius: 6px; color: #7a271a; background: #fef3f2; font-weight: 600; }
body.lx .lx-formular .kfa-danke { padding: clamp(28px, 4vw, 48px); border: 1px solid var(--lx-sand); border-top: 2px solid var(--lx-gold-dunkel); border-radius: 10px; background: #fbf9f5; }
body.lx .lx-formular .kfa-danke h2 { margin: 0 0 14px; font: 500 clamp(30px, 3vw, 42px)/1.1 var(--lx-serif); }
body.lx .lx-formular .kfa-danke p { margin: 0 0 16px; line-height: 1.6; }
body.lx .lx-formular .kfa-danke .kfa-btn { display: inline-flex; align-items: center; min-height: 48px; padding: 10px 22px; border: 1px solid var(--lx-gold-dunkel); border-radius: 6px; color: var(--lx-nacht); background: var(--lx-gold-hell); font: 600 15px/1.3 var(--lx-sans); text-decoration: none; }
body.lx .lx-concierge { position: sticky; top: calc(var(--lx-kopf) + 30px); padding: 34px 0 34px 30px; border-left: 1px solid var(--lx-gold-dunkel); }
body.lx .lx-concierge .lx-vorzeile { margin-bottom: 20px; }
body.lx .lx-concierge .lx-h2 { margin-bottom: 22px; font-size: clamp(31px, 2.9vw, 42px); }
body.lx .lx-concierge > p:not(.lx-vorzeile):not(.lx-concierge__tel):not(.lx-concierge__mail) { max-width: 37ch; margin: 0 0 28px; color: #4b525c; line-height: 1.65; }
body.lx .lx-concierge__tel { display: grid; gap: 2px; margin: 0 0 18px; }
body.lx .lx-concierge__tel a { width: fit-content; font: 500 clamp(29px, 3vw, 42px)/1.1 var(--lx-serif); text-decoration-color: var(--lx-gold-dunkel); text-underline-offset: 5px; }
body.lx .lx-concierge__tel span { color: #4b525c; font-size: 14px; }
body.lx .lx-concierge__mail { margin: 0; font-size: 15px; overflow-wrap: anywhere; text-underline-offset: 4px; }

body.lx .lx-vergleich { background: var(--lx-creme); }
body.lx .lx-vergleich__rahmen { overflow: hidden; border: 1px solid var(--lx-sand); border-top: 2px solid var(--lx-gold-dunkel); border-radius: 10px; background: #fbf9f5; }
body.lx .lx-vergleich__tabelle { width: 100%; border-collapse: collapse; table-layout: fixed; text-align: left; }
body.lx .lx-vergleich__tabelle :is(th, td) { padding: 20px clamp(16px, 2.5vw, 34px); vertical-align: top; overflow-wrap: anywhere; }
body.lx .lx-vergleich__tabelle thead { color: var(--lx-weiss); background: var(--lx-nacht); }
body.lx .lx-vergleich__tabelle thead th { font-size: 13px; font-weight: 600; letter-spacing: .1em; text-transform: uppercase; }
body.lx .lx-vergleich__tabelle tbody tr + tr { border-top: 1px solid var(--lx-sand); }
body.lx .lx-vergleich__tabelle tbody tr:nth-child(even) { background: #f6f1e8; }
body.lx .lx-vergleich__tabelle tbody th { width: 26%; font: 500 23px/1.15 var(--lx-serif); }
body.lx .lx-vergleich__tabelle tbody th a { color: var(--lx-text); text-decoration-color: var(--lx-gold-dunkel); text-underline-offset: 4px; }
body.lx .lx-vergleich__tabelle tbody td { font-size: 15px; line-height: 1.55; }
body.lx .lx-vergleich__leer { color: #4b525c; font-style: italic; }
body.lx .lx-vergleich__tabelle tbody tr:hover { background: #f0e9dc; }
body.lx .lx-vergleich__tabelle tbody th a:hover { text-decoration-thickness: 2px; }

body.lx .lx-zliste { background: var(--lx-elfenbein); }
body.lx .lx-ziele--liste { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: clamp(14px, 1.6vw, 24px); margin: 0; padding: 0; overflow: visible; scroll-snap-type: none; }
body.lx .lx-ziele--liste > .lx-ziel { grid-column: span 2; }
body.lx .lx-ziele--liste .lx-ziel__link { aspect-ratio: 6 / 5; border-radius: 6px; }
body.lx .lx-ziele--liste .lx-ziel__titel { font-size: clamp(24px, 2.3vw, 34px); }
body.lx .lx-ziele--liste .lx-ziel__link { transition: box-shadow .2s, transform .2s; }
body.lx .lx-ziele--liste .lx-ziel__link:hover { box-shadow: 0 14px 32px rgb(13 23 34 / 18%); transform: translateY(-3px); }
body.lx .lx-ziele--liste > .lx-ziel:nth-last-child(2):nth-child(3n + 1) { grid-column: 2 / span 2; }
body.lx .lx-ziele--liste > .lx-ziel:last-child:nth-child(3n + 2) { grid-column: 4 / span 2; }
body.lx .lx-ziele--liste > .lx-ziel:last-child:nth-child(3n + 1) { grid-column: 3 / span 2; }

@media (max-width: 1100px) {
	body.lx .lx-formular-raster { grid-template-columns: minmax(0, 1fr) 270px; gap: 30px; }
	body.lx .lx-formular .kfa-rlogos { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	body.lx .lx-ziele--liste { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	body.lx .lx-ziele--liste > .lx-ziel:nth-child(n) { grid-column: auto; }
	body.lx .lx-ziele--liste > .lx-ziel:last-child:nth-child(odd) { grid-column: 1 / -1; width: min(100%, 50%); justify-self: center; }
}
@media (max-width: 700px) {
	body.lx .lx-textblock__raster { gap: 34px; }
	body.lx .lx-fliess { line-height: 1.75; }
	body.lx .lx-fliess h2 { margin-top: 32px; }
	body.lx .lx-seitenkopf--bild { min-height: 370px; }
	body.lx .lx-seitenkopf--bild .lx-seitenkopf__bild::after { background: linear-gradient(90deg, rgb(8 16 25 / 96%) 0%, rgb(8 16 25 / 78%) 52%, rgb(8 16 25 / 35%) 100%), linear-gradient(0deg, rgb(8 16 25 / 60%), transparent 70%); }
	body.lx .lx-formular-raster { grid-template-columns: minmax(0, 1fr); gap: 48px; }
	body.lx .lx-formular > p:first-child { margin-bottom: 28px; font-size: 16px; }
	body.lx .lx-formular .kfa-gruppe { gap: 20px; }
	body.lx .lx-concierge { position: static; padding: 30px 0 0; border-left: 0; border-top: 1px solid var(--lx-gold-dunkel); }
	body.lx .lx-vergleich__rahmen { overflow: visible; border: 0; border-radius: 0; background: transparent; }
	body.lx .lx-vergleich__tabelle, body.lx .lx-vergleich__tabelle tbody, body.lx .lx-vergleich__tabelle tr, body.lx .lx-vergleich__tabelle :is(th, td) { display: block; width: 100%; }
	body.lx .lx-vergleich__tabelle thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
	body.lx .lx-vergleich__tabelle tbody { display: grid; gap: 14px; }
	body.lx .lx-vergleich__tabelle tbody tr { overflow: hidden; border: 1px solid var(--lx-sand); border-top: 2px solid var(--lx-gold-dunkel); border-radius: 8px; background: #fbf9f5; }
	body.lx .lx-vergleich__tabelle tbody tr + tr { border-top: 2px solid var(--lx-gold-dunkel); }
	body.lx .lx-vergleich__tabelle tbody tr:nth-child(even) { background: #fbf9f5; }
	body.lx .lx-vergleich__tabelle tbody th { padding: 18px 20px 14px; font-size: 26px; }
	body.lx .lx-vergleich__tabelle tbody td { padding: 12px 20px 16px; border-top: 1px solid var(--lx-sand); }
	body.lx .lx-vergleich__tabelle tbody td::before { display: block; margin-bottom: 4px; color: #4b525c; font-size: 12px; font-weight: 600; letter-spacing: .1em; text-transform: uppercase; }
	body.lx .lx-vergleich__tabelle tbody td:nth-child(2)::before { content: 'Butler'; }
	body.lx .lx-vergleich__tabelle tbody td:nth-child(3)::before { content: 'Veranda'; }
	body.lx .lx-ziele--liste { display: grid; overflow: visible; scroll-snap-type: none; }
	body.lx .lx-ziele--liste .lx-ziel { flex: initial; scroll-snap-align: none; }
	body.lx .lx-ziele--liste .lx-ziel__link { aspect-ratio: 1 / 1; }
}
@media (max-width: 560px) {
	body.lx .lx-formular .kfa-raster, body.lx .lx-formular .kfa-beratung-reedereien__liste { grid-template-columns: minmax(0, 1fr); }
	body.lx .lx-formular .kfa-gruppe { padding: 20px 18px 24px; }
	body.lx .lx-formular .kfa-gruppe > legend { font-size: 26px; }
	body.lx .lx-formular .kfa-rlogo__kachel { min-height: 108px; }
	body.lx .lx-formular .kfa-beratung-absenden { justify-items: stretch; padding: 22px 18px; }
	body.lx .lx-formular .kfa-formular__senden { width: 100%; }
	body.lx .lx-ziele--liste { grid-template-columns: minmax(0, 1fr); }
	body.lx .lx-ziele--liste > .lx-ziel:last-child:nth-child(n) { grid-column: auto; width: 100%; }
	body.lx .lx-ziele--liste .lx-ziel__link { aspect-ratio: 6 / 5; }
}
@media (max-width: 380px) {
	body.lx .lx-formular .kfa-rlogos { grid-template-columns: minmax(0, 1fr); }
}

body.lx .lx-formular .kfa-falle { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }

body.lx .lx-formular .kfa-anfrage { gap: 24px; }
body.lx .lx-formular .kfa-anfrage .kfa-reisekarte { display: grid; grid-template-columns: minmax(180px, 38%) minmax(0, 1fr); align-items: center; gap: clamp(18px, 3vw, 32px); overflow: hidden; border: 1px solid var(--lx-sand); border-top: 2px solid var(--lx-gold-dunkel); border-radius: 10px; background: #fbf9f5; box-shadow: 0 10px 32px rgb(29 39 51 / 4%); }
body.lx .lx-formular .kfa-anfrage .kfa-reisekarte:not(:has(> .kfa-reisekarte__bild)) { grid-template-columns: minmax(0, 1fr); }
body.lx .lx-formular .kfa-reisekarte__bild { width: 100%; height: 100%; min-height: 210px; aspect-ratio: 4 / 3; object-fit: cover; }
body.lx .lx-formular .kfa-reisekarte__text { min-width: 0; padding: 24px 28px 24px 0; }
body.lx .lx-formular .kfa-reisekarte:not(:has(> .kfa-reisekarte__bild)) .kfa-reisekarte__text { padding-left: 28px; }
body.lx .lx-formular .kfa-reisekarte .kfa-vorzeile { margin: 0 0 8px; color: #72572d; font-size: 12px; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; }
body.lx .lx-formular .kfa-reisekarte__titel { margin: 0 0 10px; color: var(--lx-text); font: 500 clamp(27px, 2.4vw, 36px)/1.1 var(--lx-serif); }
body.lx .lx-formular .kfa-reisekarte__fakten { margin: 0; color: #4b525c; font-size: 14px; line-height: 1.6; }
body.lx .lx-formular .kfa-anfrage__aktion { margin: 0; padding: 14px 18px; border-left: 3px solid var(--lx-gold-dunkel); border-radius: 0 6px 6px 0; color: var(--lx-text); background: var(--lx-creme); font-size: 14px; line-height: 1.55; }
body.lx .lx-formular .kfa-anfrage .kfa-dialog__hinweis { margin: 0; color: #4b525c; font-size: 14px; line-height: 1.6; }
body.lx .lx-formular .kfa-anfrage__kabinen { display: grid; gap: 26px; min-width: 0; }
body.lx .lx-formular .kfa-kabine { position: relative; }
body.lx .lx-formular .kfa-kabine > legend { padding-right: 46px; }
body.lx .lx-formular .kfa-kabine > .kfa-dfeld { width: 100%; }
body.lx .lx-formular .kfa-personen { display: grid; gap: 16px; min-width: 0; }
body.lx .lx-formular .kfa-personen { counter-reset: kfa-person; }
body.lx .lx-formular .kfa-person { position: relative; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px 20px; min-width: 0; padding: 22px; border: 1px solid var(--lx-sand); border-radius: 8px; background: #f5f0e8; counter-increment: kfa-person; }
body.lx .lx-formular .kfa-person::before { content: 'Person ' counter(kfa-person); grid-column: 1 / -1; padding-right: 48px; color: #72572d; font: 500 23px/1.1 var(--lx-serif); }
body.lx .lx-formular :is(.kfa-kabine__weg, .kfa-person__weg) { position: absolute; z-index: 1; top: 14px; right: 20px; display: inline-grid; place-items: center; width: 38px; height: 38px; padding: 0; border: 1px solid var(--lx-sand); border-radius: 50%; color: var(--lx-text); background: #fff; cursor: pointer; }
body.lx .lx-formular .kfa-kabine__weg { top: 0; right: 30px; }
body.lx .lx-formular :is(.kfa-kabine__weg, .kfa-person__weg) .kfa-icon { display: block; width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; }
body.lx .lx-formular :is(.kfa-kabine__weg, .kfa-person__weg):hover { border-color: var(--lx-gold-dunkel); background: var(--lx-elfenbein); }
body.lx .lx-formular :is(.kfa-kabine__weg, .kfa-person__weg)[hidden],
body.lx .lx-formular :is(.kfa-anfrage__plus, [data-kfa-kabine-plus])[hidden] { display: none; }
body.lx .lx-formular .kfa-anfrage__plus,
body.lx .lx-formular [data-kfa-kabine-plus] { display: inline-flex; align-items: center; justify-content: center; justify-self: start; width: fit-content; min-height: 46px; padding: 10px 20px; border: 1px solid var(--lx-gold-dunkel); border-radius: 6px; color: #624922; background: transparent; font: 600 15px/1.3 var(--lx-sans); text-decoration: none; cursor: pointer; }
body.lx .lx-formular .kfa-anfrage__plus:hover,
body.lx .lx-formular [data-kfa-kabine-plus]:hover { background: var(--lx-creme); }
body.lx .lx-formular .kfa-anfrage__mehr { display: grid; justify-items: start; gap: 18px; padding: 4px 0 8px; }
body.lx .lx-formular .kfa-anfrage > .kfa-check:last-of-type { padding: 22px; border: 1px solid var(--lx-sand); border-radius: 8px; background: var(--lx-creme); }
body.lx .lx-formular .kfa-anfrage > .kfa-formular__senden { justify-self: start; }
body.lx .lx-formular .kfa-anfrage > .kfa-formular__fuss { margin-top: -12px; }
@media (max-width: 900px) {
	body.lx .lx-formular .kfa-anfrage .kfa-reisekarte { grid-template-columns: minmax(0, 1fr); gap: 0; }
	body.lx .lx-formular .kfa-reisekarte__bild { min-height: 0; height: auto; max-height: 320px; aspect-ratio: 16 / 9; }
	body.lx .lx-formular .kfa-reisekarte__text { padding: 22px 24px 26px; }
}
@media (max-width: 560px) {
	body.lx .lx-formular .kfa-person { grid-template-columns: minmax(0, 1fr); gap: 14px; padding: 20px 18px; }
	body.lx .lx-formular .kfa-person::before { grid-column: 1; }
	body.lx .lx-formular .kfa-kabine__weg { right: 12px; }
	body.lx .lx-formular .kfa-person__weg { right: 16px; }
	body.lx .lx-formular .kfa-reisekarte__text { padding: 20px 18px 24px; }
	body.lx .lx-formular .kfa-anfrage > .kfa-formular__senden { width: 100%; }
}

@media (min-width: 1181px) { body.lx .lx-menueknopf, body.lx .lx-schublade { display: none; } }

.lx-hero + .lx-reedereien { position: relative; z-index: 1; }
.lx-hero + .lx-reedereien::before {
	content: ''; position: absolute; left: 0; right: 0; top: -30px; height: 31px; pointer-events: none;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 31' preserveAspectRatio='none'%3E%3Cpath d='M0 31V17C180 4 360 0 540 7s360 22 540 20 270-15 360-21v25z' fill='%23f6f1e8'/%3E%3C/svg%3E") bottom / 100% 100% no-repeat;
}

body.lx .lx-reisekarte__bild, body.lx .lx-schiff__bild { background: var(--lx-creme) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 44'%3E%3Cg fill='%23d9cfbd'%3E%3Cpath d='M4 27h112l-9 11H15z'/%3E%3Cpath d='M22 27v-6h72v6z'/%3E%3Cpath d='M32 21v-5h54v5z'/%3E%3Cpath d='M44 16v-4h30v4z'/%3E%3Cpath d='M62 12V5h8v7z'/%3E%3C/g%3E%3C/svg%3E") center / 42% auto no-repeat; }
@media (prefers-reduced-motion: reduce) {
	body.lx .lx-reisekarte a, body.lx .lx-schiff a, body.lx .lx-rkarte a { transition: none; }
	body.lx .lx-reisekarte a:hover, body.lx .lx-schiff a:hover, body.lx .lx-rkarte a:hover { transform: none; }
}