.directions-intro{padding:64px 0 36px;background:#eef5f6}.directions-intro h1{font-size:clamp(32px,4vw,48px);line-height:1.15;margin:14px 0 18px;color:#006d80}.directions-intro p{max-width:680px}.directions-content{padding:40px 0 64px}.directions-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:40px;align-items:start}.directions-card{padding:30px;background:#f3f7f8;border:1px solid #d8e5e8;border-top:4px solid #e6c98c}.directions-page h2{font-size:24px;line-height:1.3;margin:14px 0}.directions-card address{font-style:normal;line-height:1.8;margin-bottom:24px}.directions-route{white-space:normal;text-align:center}.directions-note{font-size:13px;color:#536779}.directions-card hr{border:0;border-top:1px solid #d3e1e4;margin:26px 0}.directions-card p{line-height:1.8;overflow-wrap:anywhere}.directions-photo{margin:0}.directions-photo img{display:block;width:100%;height:auto;border-radius:8px}.directions-photo figcaption{font-size:13px;color:#536779;margin-top:10px}.directions-arrival{margin-top:28px}.directions-text-link{color:#006d80;font-weight:600;text-underline-offset:4px}@media(max-width:760px){.directions-grid{grid-template-columns:1fr;gap:28px}.directions-intro{padding:36px 0 24px}.directions-content{padding:24px 0 40px}.directions-card{padding:22px}}

.directions-map{display:block;width:300px;max-width:100%;margin:0 0 20px;border-radius:8px;overflow:hidden}.directions-map img{display:block;width:100%;height:auto}.directions-map:focus-visible{outline:3px solid #006d80;outline-offset:4px}

.directions-card{position:relative;overflow:hidden;isolation:isolate}
.directions-card > :not(.directions-map-background){position:relative;z-index:1}
.directions-card .directions-map-background{position:absolute;right:0;top:0;width:360px;height:360px;object-fit:cover;opacity:.45;pointer-events:none;z-index:0;-webkit-mask-image:linear-gradient(to right,transparent,#000 50%),linear-gradient(to bottom,#000 35%,transparent 95%);-webkit-mask-composite:source-in;mask-image:linear-gradient(to right,transparent,#000 50%),linear-gradient(to bottom,#000 35%,transparent 95%);mask-composite:intersect}
@media(max-width:760px){.directions-card .directions-map-background{width:250px;height:250px;opacity:.2}}

.directions-card .directions-note{margin-top:18px}

.directions-hero{position:relative;isolation:isolate;overflow:hidden;background:#0c3543;min-height:480px;display:flex;align-items:center;padding:72px 0;color:#fff}
.directions-hero-map{position:absolute;z-index:-2;right:0;top:0;width:65%;height:100%;object-fit:cover;object-position:center 38%;opacity:.7}
.directions-hero::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#0c3543 5%,#0c3543f0 35%,#0c354375 72%,#0c354335)}
.directions-hero .eyebrow{color:#e6c98c}.directions-hero h1{font-size:clamp(36px,4.8vw,64px);color:#fff;line-height:1.1;max-width:760px;margin:20px 0 24px}.directions-hero p{color:#e3eef0;max-width:640px;line-height:1.7}.directions-hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin:28px 0 22px}.directions-hero-actions .button{background:#b3edf1;color:#0c3543}.directions-hero-actions .outline{background:transparent;color:#fff;border:1px solid #ffffff80}.directions-hero .directions-hero-location{font-size:13px;color:#d5e3e7;margin:0}
@media(max-width:760px){.directions-hero{min-height:440px;padding:44px 0}.directions-hero-map{width:100%;opacity:.4}.directions-hero::before{background:linear-gradient(90deg,#0c3543ed,#0c3543a0)}.directions-hero-actions{gap:10px}.directions-hero-actions .button{font-size:13px}}

/* Deliberately soft map atmosphere with fading corners. */
.directions-hero-map{filter:blur(13px);transform:scale(1.09);opacity:.5}
.directions-hero::before{background:linear-gradient(90deg,#0c3543 3%,#0c3543ed 36%,#0c354365 75%,#0c354350),radial-gradient(ellipse at top right,#6baba65c,transparent 60%),linear-gradient(0deg,#0c3543 0%,transparent 28%,transparent 72%,#0c3543a0 100%)}
@media(max-width:760px){.directions-hero-map{filter:blur(11px);opacity:.3}.directions-hero::before{background:linear-gradient(90deg,#0c3543ee,#0c3543a0),linear-gradient(0deg,#0c3543,transparent 35%,#0c354370)}}

.directions-hero-map{filter:none;transform:none;opacity:.8;width:70%;object-position:60% 45%}.directions-hero::before{background:linear-gradient(90deg,#0c3543 0%,#0c3543f0 32%,#0c354390 57%,#0c354325 100%)}.directions-map-credit{position:absolute;right:16px;bottom:12px;background:#fff;color:#0c3543;padding:4px 7px;font-size:11px;z-index:2}.directions-hero .wrap{position:static}@media(max-width:760px){.directions-hero-map{width:100%;filter:none;opacity:.4}.directions-hero{padding-bottom:60px}}

/* Abstract map atmosphere: soft edges and illustrative route. */
.directions-hero-map{filter:blur(3px) saturate(.35);opacity:.36;transform:scale(1.03);mask-image:radial-gradient(ellipse at 75% 45%,#000 15%,transparent 75%);-webkit-mask-image:radial-gradient(ellipse at 75% 45%,#000 15%,transparent 75%)}
.directions-hero::before{background:linear-gradient(90deg,#0c3543 0%,#0c3543ef 34%,#0c354350 75%,#0c354380 100%)}
.directions-hero-path{position:absolute;right:-2%;top:0;height:100%;width:65%;z-index:0;pointer-events:none;opacity:.65;mask-image:radial-gradient(ellipse at 65% 45%,#000 20%,transparent 75%);-webkit-mask-image:radial-gradient(ellipse at 65% 45%,#000 20%,transparent 75%)}
.directions-hero .wrap{z-index:1}.directions-hero .wrap> :not(.directions-map-credit){position:relative;z-index:1}
@media(max-width:760px){.directions-hero-map{filter:blur(3px) saturate(.35);opacity:.25}.directions-hero-path{width:100%;opacity:.22}}

/* Palette aligned with the site's petrol, turquoise and sand accents. */
.directions-hero-map{filter:grayscale(1) blur(2px);mix-blend-mode:luminosity;opacity:.28}
.directions-hero::before{background:linear-gradient(90deg,#0c3543 0%,#0c3543ed 36%,#0c354355 78%,#0c354395 100%),radial-gradient(ellipse at 82% 30%,#00788a55,transparent 65%)}
.directions-hero-path{color:#e6c98c;opacity:.6}
@media(max-width:760px){.directions-hero-map{filter:grayscale(1) blur(2px);opacity:.2}.directions-hero-path{opacity:.22}}

/* More visible map detail, retaining the soft edge treatment. */
.directions-hero-map{filter:grayscale(1) blur(.5px);opacity:.48}
@media(max-width:760px){.directions-hero-map{filter:grayscale(1) blur(.5px);opacity:.32}}

.directions-stellplatz{padding:24px;background:#f7f3eb;border:1px solid #e6dcc9;border-radius:10px;margin:0 0 28px}.directions-stellplatz p{line-height:1.65}.directions-pdf-preview{display:flex;align-items:center;gap:20px;margin:20px 0;color:#006d80;font-weight:600}.directions-pdf-preview img{width:150px;height:auto;border:1px solid #d8e5e8;box-shadow:0 3px 12px #0c354315}.directions-stellplatz .directions-note{font-size:12px;margin-top:14px}@media(max-width:540px){.directions-stellplatz{padding:18px}.directions-pdf-preview{gap:14px}.directions-pdf-preview img{width:110px}}

/* Stellplatzbereich: Variante 5 mit eckigen Kanten. */
.directions-stellplatz{border-radius:0;background:linear-gradient(120deg,#faf6ec,#fff 65%);border:1px solid #e8dac0;position:relative;overflow:hidden;padding:28px 28px 28px 42px}
.directions-stellplatz::before{content:"";position:absolute;top:0;bottom:0;left:0;width:7px;background:#d8b76c}
.directions-stellplatz h2{font-family:Georgia,serif!important;font-size:28px;line-height:1.25;text-transform:none}
.stellplatz-document{display:flex;align-items:center;flex-wrap:wrap;gap:15px 28px;border-top:1px dashed #cbb785;padding-top:20px;margin-top:20px}
.stellplatz-document .directions-pdf-preview{margin:0;flex:1;gap:18px}
.stellplatz-document .directions-pdf-preview img{width:75px;height:auto;transform:rotate(-4deg);border-radius:0}
.stellplatz-document .button{border-radius:0}
.stellplatz-document .directions-note{flex-basis:100%;margin:0}
@media(max-width:650px){.directions-stellplatz{padding:22px 22px 22px 30px}.directions-stellplatz h2{font-size:25px}.stellplatz-document{gap:18px}.stellplatz-document .directions-pdf-preview{flex-basis:100%}}