/* „Zeit im Fels“ – lokale Vorschau des Designs aus Matera-Guide - NEW-. */
.design-neu {
    --stein-000: #fbf8f1;
    --stein-100: #f3eee4;
    --stein-200: #ece5d7;
    --stein-300: #e4d8c5;
    --stein-400: #bcad96;
    --tinte: #28251f;
    --tinte-weich: #5e594e;
    --tinte-leise: #6f685b;
    --terrakotta: #9c583c;
    --terrakotta-dunkel: #6c3d2e;
    --terrakotta-hell: #ead8ca;
    --murgia: #5e594e;
    --linie: #d9cebd;
    --fuss: #25231f;
    --fuss-leise: #d8d0c1;
    --radius: 5px;
    --radius-gross: 8px;
    --serif: Georgia, 'Times New Roman', serif;
    --sans: system-ui, -apple-system, 'Segoe UI', sans-serif;
    --neu-textur: url('../images/design-neu/tuffstein.webp');
    --neu-flaeche: #fffdf8;
    background: linear-gradient(#fbf8f1a6, #fbf8f1a6), var(--neu-textur) top left / 960px repeat;
}

.design-neu h1,
.design-neu h2,
.design-neu h3 { font-weight: 400; letter-spacing: -.035em; }

.design-neu .kopf {
    background: linear-gradient(#fbf8f1ba, #fbf8f1ba), var(--neu-textur) top left / 960px repeat;
    border-bottom: 1px solid var(--linie);
    box-shadow: none;
    padding-bottom: .45rem;
}

.design-neu .kopf__inner,
.design-neu .navleiste,
.design-neu .band--teaser > .wrap { width: min(1600px, calc(100% - clamp(2rem, 4vw, 5.625rem))); }

.design-neu .kopf__inner { position: relative; flex-shrink: 0; min-height: 4.8rem; gap: 1.1rem; padding-block: .65rem; }
.design-neu .marke { gap: .65rem; }
.design-neu .marke__zeichen img { display: block; width: 3.1rem; height: 3.1rem; }
.design-neu .marke__name { color: var(--fuss); font-size: clamp(1.65rem, 2.65vw, 2.65rem); font-weight: 400; letter-spacing: -.055em; }
.design-neu .marke__claim { color: var(--tinte-weich); font-size: .57rem; letter-spacing: .17em; }
.design-neu .navleiste { margin-inline: auto; padding: .125rem; background: var(--fuss); border: 0; border-radius: 3px; }
.design-neu .navleiste::before { content: none; }
.design-neu .navleiste__inner { width: 100%; }
.design-neu .navleiste__inner > ul { width: 100%; gap: 0; }
.design-neu .navleiste__inner > ul > li > a,
.design-neu .navleiste__inner > ul > li > .nav-header {
    position: relative;
    display: flex;
    align-items: center;
    min-height: 38px;
    border: 0;
    border-radius: 2px;
    color: var(--stein-000);
    font-family: var(--serif);
    font-weight: 400;
    line-height: 1.25;
    letter-spacing: .01em;
}
.design-neu .navleiste__inner > ul > li > :is(a, .nav-header)::before {
    position: absolute;
    inset: auto .8rem .3rem;
    height: 2px;
    background: var(--stein-300);
    content: '';
    transform: scaleX(0);
    transform-origin: left center;
}
.design-neu .navleiste__inner > ul > li > :is(a, .nav-header):is(:hover, :focus-visible)::before { transform: scaleX(1); }
.design-neu .navleiste__inner > ul > li:is(.active, .current) > :is(a, .nav-header) {
    background: var(--stein-200);
    color: var(--fuss);
}
.design-neu .navleiste__inner > ul > li:is(.active, .current) > :is(a, .nav-header)::before { content: none; }
.design-neu .navleiste a { text-decoration: none; }
.design-neu .navleiste .parent > ul { transform: none; transition: none; }
.design-neu .navleiste[data-neu-navigation] .parent:not(.ist-offen) > ul { opacity: 0; visibility: hidden; }
.design-neu .navleiste:not([data-neu-navigation]) .parent:focus-within > ul { opacity: 1; visibility: visible; }
.design-neu .navleiste a:focus-visible,
.design-neu .navleiste__pfeil:focus-visible { outline: 2px solid currentColor; outline-offset: -4px; }
.design-neu .nav-schalter { border: 0; background: var(--fuss); color: var(--stein-000); }
.design-neu .nav-schalter__balken,
.design-neu .nav-schalter__balken::before,
.design-neu .nav-schalter__balken::after { background: var(--stein-000); }
.design-neu .nav-schalter[aria-expanded="true"] .nav-schalter__balken { background: transparent; }

.design-neu .kopf__suche { display: block; flex: 0 0 auto; margin-left: 0; }
.neu-suche summary {
    display: grid;
    width: 44px;
    height: 44px;
    place-items: center;
    border-radius: var(--radius);
    color: var(--murgia);
    cursor: pointer;
    list-style: none;
}
.neu-suche summary::-webkit-details-marker { display: none; }
.neu-suche summary:is(:hover, :focus-visible),
.neu-suche[open] summary { background: var(--stein-200); }
.neu-suche__feld {
    position: absolute;
    z-index: 45;
    inset: calc(100% + .65rem) 0 auto auto;
    width: min(24rem, 100%);
    padding: 1rem;
    border-radius: var(--radius-gross);
    background: var(--neu-flaeche);
    box-shadow: 0 10px 28px #28251f24;
}
.design-neu .neu-suche__feld input[type="text"],
.design-neu .neu-suche__feld input[type="search"] { width: 100%; min-width: 0; margin: 0; }
.neu-suche__feld .awesomplete { width: 100%; }

@media (min-width: 1000px) {
    .design-neu .navleiste__inner > ul { flex-wrap: nowrap; justify-content: space-between; }
    .design-neu .navleiste__inner > ul > li > a,
    .design-neu .navleiste__inner > ul > li > .nav-header {
        padding: .45rem clamp(.4rem, .8vw, .85rem);
        font-size: clamp(.84rem, 1.15vw, 1.05rem);
    }
    .design-neu .navleiste .parent > ul {
        display: grid;
        gap: .15rem;
        top: calc(100% + .45rem);
        width: 18rem;
        min-width: 18rem;
        padding: .7rem;
        border: 0;
        border-radius: 4px;
        background: linear-gradient(#fbf8f1e6, #fbf8f1e6), var(--neu-textur) top left / 960px repeat;
        box-shadow: 0 16px 32px #25231f30;
        transform-origin: top left;
    }
    .design-neu .navleiste .parent > ul::before { position: absolute; inset: -.45rem 0 auto; height: .45rem; content: ''; }
    .design-neu .navleiste .parent > ul:has(> li:nth-child(6)) { grid-template-columns: repeat(2, minmax(0, 1fr)); width: 34rem; }
    .design-neu .navleiste .parent > ul a {
        display: flex;
        align-items: center;
        min-height: 44px;
        padding: .6rem .8rem;
        color: var(--fuss);
        font: 1.04rem/1.3 var(--serif);
        white-space: normal;
    }
    .design-neu .navleiste .parent > ul a:is(:hover, :focus-visible) { background: var(--stein-200); color: var(--terrakotta-dunkel); }
    .design-neu .navleiste .parent > ul a[aria-current="page"] { background: var(--stein-200); color: var(--terrakotta-dunkel); }
}

@media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
    .design-neu .navleiste__inner > ul > li > :is(a, .nav-header)::before { transition: transform 180ms cubic-bezier(.22, 1, .36, 1); }
    .design-neu .navleiste .parent > ul a { transition: background-color 160ms ease, color 160ms ease, transform 180ms cubic-bezier(.22, 1, .36, 1); }
    .design-neu .navleiste .parent > ul a:hover { transform: translateX(3px); }
}

@media (max-width: 999px) {
    .design-neu .navleiste { margin-bottom: .5rem; }
    .design-neu .navleiste__inner { padding: .3rem; }
    .design-neu .navleiste a { white-space: normal; }
    .design-neu .navleiste__inner > ul > li > :is(a, .nav-header) { min-height: 44px; padding: .6rem .9rem; font-size: 1.12rem; }
    .design-neu .navleiste__inner > ul > .parent > .nav-header::after { display: none; }
    .design-neu .navleiste__pfeil { min-height: 44px; border: 0; color: var(--stein-000); }
    .design-neu .navleiste__pfeil:is(:hover, :focus-visible) { background: #ffffff16; }
    .design-neu .navleiste .parent > ul {
        flex: 0 0 calc(100% - .6rem);
        margin: .2rem .3rem .6rem;
        padding: .4rem;
        background: var(--stein-200);
        border-radius: 3px;
    }
    .design-neu .navleiste .parent > ul a {
        display: flex;
        align-items: center;
        min-height: 44px;
        padding: .55rem .7rem;
        border: 0;
        color: var(--fuss);
        font: 1rem/1.3 var(--serif);
    }
    .design-neu .navleiste .parent > ul a:is(:hover, :focus-visible) { background: var(--stein-300); color: var(--fuss); }
}

.neu-auftakt {
    position: relative;
    isolation: isolate;
    background: linear-gradient(#fbf8f199, #fbf8f199), var(--neu-textur) top left / 960px repeat;
}

.neu-panorama { position: absolute; inset: 0 0 0 auto; z-index: -1; margin: 0; width: 32%; height: 100%; overflow: hidden; }
.neu-auftakt__foto {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 57% center;
}

.neu-auftakt__raster {
    display: grid;
    width: min(1600px, calc(100% - clamp(2rem, 6.25vw, 5.625rem)));
    min-height: 43.5rem;
    grid-template-columns: minmax(0, .39fr) minmax(0, .61fr);
    align-items: center;
    gap: clamp(1.5rem, 4vw, 3.5rem);
    padding-block: clamp(2rem, 3vw, 3rem);
    margin-inline: auto;
}

.neu-einstieg { grid-column: 1; grid-row: 1; max-width: 32rem; }
.neu-rubrik {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: .6rem;
    margin: 0 0 .85rem;
    color: var(--tinte-weich);
    font-size: .72rem;
    font-weight: 700;
    letter-spacing: .16em;
    text-transform: uppercase;
}
.neu-rubrik::before { content: ''; width: 1.55rem; height: 1px; background: currentColor; }
.neu-einstieg h1,
.neu-route__kopf h2 { text-wrap: initial; line-height: 1.04; letter-spacing: -.055em; }
.neu-einstieg h1 { margin: 0 0 .65rem; font-size: clamp(2.65rem, 4.3vw, 4.25rem); scroll-margin-top: 7rem; }
.neu-einstieg__untertitel,
.neu-einstieg__text { font-family: var(--serif); }
.neu-einstieg__untertitel { margin: 0 0 1.25rem; font-size: clamp(1.15rem, 1.7vw, 1.42rem); line-height: 1.35; }
.neu-einstieg__text { max-width: 28rem; margin: 0; color: var(--tinte-weich); font-size: 1.1rem; line-height: 1.58; }

.neu-auswahl { display: grid; gap: .65rem; margin-top: clamp(1.4rem, 3vw, 2.2rem); }
.neu-auswahl:empty { display: none; }
.neu-option {
    display: grid;
    grid-template-columns: minmax(4.25rem, 8rem) minmax(0, 1fr) auto;
    align-items: center;
    gap: clamp(.55rem, 1.2vw, 1rem);
    padding: .5rem .85rem .5rem .5rem;
    background: var(--neu-flaeche);
    color: var(--tinte);
    border-radius: var(--radius-gross);
    border: 0;
    width: 100%;
    text-align: left;
    cursor: pointer;
    text-decoration: none;
}
.neu-option img { display: block; width: 100%; height: auto; aspect-ratio: 128 / 76; object-fit: cover; border-radius: var(--radius); }
.neu-option strong, .neu-option small { display: block; font-family: var(--serif); }
.neu-option strong { font-size: clamp(1rem, 1.6vw, 1.25rem); font-weight: 400; }
.neu-option small { margin-top: .12rem; color: var(--tinte-weich); font-size: .89rem; line-height: 1.3; }
.neu-option__pfeil { color: var(--murgia); font-size: 1.2rem; }
.neu-option:is(:hover, :focus-visible) { background: var(--stein-200); color: var(--tinte); }
.neu-option[aria-pressed="true"] { background: var(--stein-200); outline: 2px solid var(--murgia); outline-offset: -2px; }
.neu-option:focus-visible { outline: 2px solid var(--terrakotta-dunkel); outline-offset: 3px; }
.neu-einstieg__signatur {
    margin: 2rem 0 0 1rem;
    color: var(--murgia);
    font-family: 'Segoe Script', 'Brush Script MT', Georgia, serif;
    font-size: clamp(1.18rem, 1.75vw, 1.55rem);
    font-style: italic;
    line-height: 1.4;
    transform: rotate(-3deg);
    transform-origin: left center;
}

.neu-route {
    grid-column: 2;
    grid-row: 1;
    width: 100%;
    max-width: 45rem;
    min-width: 0;
    border: 1px solid #75695030;
    border-radius: 12px;
    background: linear-gradient(#fbf8f1c7, #fbf8f1c7), var(--neu-textur) top left / 960px repeat;
    box-shadow: 0 18px 45px #2c241a26;
    scroll-margin-top: 9rem;
}
.neu-route__kopf { padding: clamp(1.1rem, 2.2vw, 1.85rem) clamp(1rem, 2vw, 1.75rem) .85rem; }
.neu-route__kopf h2 { margin: 0 0 .2rem; font-size: clamp(1.9rem, 3.05vw, 2.65rem); }
.neu-route__kopf > [data-route-info] { margin: 0; color: var(--tinte-weich); font: 1rem/1.4 var(--serif); }
.neu-route__auswahl { display: flex; flex-wrap: wrap; gap: .35rem; margin-top: .8rem; }
.neu-route__auswahl[hidden] { display: none; }
.neu-route__auswahl button {
    min-height: 44px;
    padding: .45rem .85rem;
    border: 0;
    border-radius: var(--radius);
    background: var(--stein-200);
    color: var(--tinte);
    font: .95rem/1.2 var(--serif);
    cursor: pointer;
}
.neu-route__auswahl button[aria-pressed="true"] { background: var(--murgia); color: var(--stein-000); }
.neu-route__auswahl button:focus-visible { outline: 2px solid var(--terrakotta-dunkel); outline-offset: 3px; }
.neu-route__hinweis { margin: -.35rem clamp(1rem, 2vw, 1.75rem) .85rem; color: var(--tinte-weich); font: .85rem/1.4 var(--serif); }
.neu-route__link[hidden] { display: none; }
.neu-rubrik span {
    display: inline-block;
    padding: .4rem .85rem;
    border-radius: 99px;
    background: var(--terrakotta);
    color: #fff;
    letter-spacing: .08em;
}

.neu-route__inhalt { display: grid; grid-template-columns: 1.08fr .92fr; align-items: center; gap: .55rem; padding: 0 1rem 1rem clamp(1rem, 2vw, 1.75rem); }
.neu-stationen { display: grid; margin: 0; padding: 0; list-style: none; }
.neu-stationen li { position: relative; display: grid; grid-template-columns: 2rem minmax(0, 1fr); gap: .8rem; align-items: center; }
.neu-stationen li:not(:last-child)::after { position: absolute; z-index: 0; inset: 1.75rem auto -.4rem .95rem; width: 1px; background: var(--linie); content: ''; }
.neu-stationen li > :is(a, div) {
    position: relative;
    z-index: 1;
    display: grid;
    min-height: 3.35rem;
    grid-template-columns: minmax(0, 1fr);
    align-items: center;
    padding-block: .25rem;
    color: var(--tinte);
    font-family: var(--serif);
    text-decoration: none;
}
.neu-stationen a:is(:hover, :focus-visible) strong { text-decoration: underline; text-underline-offset: .18em; }
.neu-stationen__nummer {
    display: grid;
    width: 2rem;
    height: 2rem;
    place-items: center;
    background: var(--murgia);
    color: #fff;
    border: 2px solid var(--stein-000);
    border-radius: 50%;
    padding: 0;
    font-family: var(--serif);
    font-size: .9rem;
}
.neu-stationen button.neu-stationen__nummer { position: relative; z-index: 1; cursor: pointer; }
.neu-stationen button.neu-stationen__nummer::after { position: absolute; inset: -6px; content: ''; }
.neu-stationen .is-active .neu-stationen__nummer { background: var(--terrakotta); }
.neu-stationen .is-active strong { color: var(--terrakotta-dunkel); }
.neu-stationen button:focus-visible { outline: 2px solid var(--terrakotta-dunkel); outline-offset: 3px; }
.neu-stationen strong, .neu-stationen small { display: block; line-height: 1.22; }
.neu-stationen strong { font-size: 1.01rem; }
.neu-stationen small { margin-top: .14rem; color: var(--tinte-weich); font-size: .82rem; }
.neu-route__karte { margin: 0; }
.neu-route__karte svg { display: block; width: 100%; height: auto; }
.neu-route .route-point { fill: var(--murgia); }
.neu-route [data-route-marker].is-active .route-point { fill: var(--terrakotta); }
.neu-route[data-active-stop] .route-trace { opacity: .35; }

@media (prefers-reduced-motion: no-preference) {
    .neu-route:not(.neu-station-ruhig) [data-route-marker].is-active .route-halo {
        transform-box: fill-box;
        transform-origin: center;
        animation: neu-station-impuls 650ms ease-out;
    }
}

@keyframes neu-station-impuls {
    from { opacity: .8; transform: scale(.72); }
    to { opacity: 0; transform: scale(1.25); }
}

.design-neu.neu-tastatur .navleiste *,
.design-neu.neu-tastatur .navleiste *::before,
.design-neu.neu-tastatur .nav-schalter__balken,
.design-neu.neu-tastatur .nav-schalter__balken::before,
.design-neu.neu-tastatur .nav-schalter__balken::after { transition: none; }

@media (prefers-reduced-motion: reduce) {
    .neu-auftakt__foto { transform: none !important; }
    .design-neu .navleiste .parent > ul { transition: none; transform: none; }
    .neu-route .route-halo { animation: none; }
}

.neu-route__fuss {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: .8rem 1rem;
    padding: .85rem clamp(1rem, 2vw, 1.75rem);
    border-top: 1px solid var(--linie);
}
.neu-route__fuss dl { display: flex; flex-wrap: wrap; gap: .5rem 1rem; margin: 0; font: .8rem/1.35 var(--serif); }
.neu-route__fuss dt { font-weight: 700; }
.neu-route__fuss dd { margin: .1rem 0 0; color: var(--tinte-weich); }
.neu-route__link {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
    min-height: 44px;
    padding: .55rem 1.05rem;
    border-radius: 99px;
    background: var(--terrakotta);
    color: #fff;
    font: 1rem/1.15 var(--serif);
    text-decoration: none;
}
.neu-route__link:is(:hover, :focus-visible) { color: #fff; background: var(--terrakotta-dunkel); }

.design-neu .band--teaser { background: #fbf8f144; border: 0; }
.design-neu .rubriken__titel { font-size: clamp(2rem, 3.4vw, 2.9rem); }
.design-neu .kacheln { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: clamp(.65rem, 1.3vw, 1.1rem); }
.design-neu .kachel { background: var(--neu-flaeche); }
.design-neu .kachel--bild .kachel__bild { aspect-ratio: 1.65; }
.design-neu .kachel h3 { font-size: clamp(1rem, 1.55vw, 1.35rem); text-wrap: initial; }
.design-neu .kachel p { font-family: var(--serif); }
.design-neu.is-home .band--teaser .kachel { transition: border-color 160ms ease; }
.design-neu.is-home .band--teaser .kachel:hover { transform: none; box-shadow: none; }
.design-neu.is-home .band--teaser .neu-kachel__bildrahmen {
    flex-shrink: 0;
    width: calc(100% + 2.8rem);
    aspect-ratio: 1.65;
    margin: 0 -1.4rem 1rem;
    overflow: hidden;
}
.design-neu.is-home .band--teaser .neu-kachel__bildrahmen > .kachel__bild {
    width: 100%;
    height: 100%;
    aspect-ratio: auto;
    margin: 0;
    object-fit: cover;
}
.design-neu.is-home .band--teaser .kachel:focus-within h3 a { color: var(--terrakotta); }
@media (hover: hover) and (pointer: fine) {
    .design-neu.is-home .band--teaser .kachel:hover h3 a { color: var(--terrakotta); }
}
@media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
    .design-neu.is-home:not(.neu-tastatur) .band--teaser .neu-kachel__bildrahmen > img { transition: transform 400ms cubic-bezier(.22, 1, .36, 1); }
    .design-neu.is-home:not(.neu-tastatur) .band--teaser .kachel:hover .neu-kachel__bildrahmen > img { transform: scale(1.035); }
    .design-neu.is-home:not(.neu-tastatur) .band--teaser .kachel h3 a { transition: color 160ms ease; }
}
.design-neu .starttext { max-width: 68rem; }
.design-neu .inhalt__oben .karte,
.design-neu .inhalt__wetter .karte,
.design-neu .blog-item { background: var(--neu-flaeche); box-shadow: none; }
.design-neu .page-header:not(.blog-item .page-header) > :is(h1, h2),
.design-neu .com-content-category-blog > :is(h1, h2) { font-size: clamp(2rem, 4.5vw, 3.7rem); }
.design-neu .blog-item :is(.page-header > h2, h2.item-title) {
    font-size: clamp(1.2rem, 1.05rem + .6vw, 1.5rem);
    line-height: 1.25;
    letter-spacing: -.02em;
    text-wrap: initial;
}
.design-neu .beitrag__text { color: #39362f; line-height: 1.78; }

/* Anzeigen: dieselbe Papier- und Steinpalette wie die übrige Seite. */
.design-neu .stay { color: var(--tinte); --neu-stay-kopf: 9rem; --neu-stay-menue: 60px; }
.design-neu .stay-nav {
    position: sticky;
    top: var(--neu-stay-kopf);
    z-index: 25;
    flex-wrap: wrap;
    gap: .2rem;
    margin-bottom: 1.5rem;
    padding: .2rem;
    border: 0;
    border-radius: 5px;
    background: var(--stein-100);
    overflow: visible;
}
.design-neu .stay-nav a,
.design-neu .stay-nav a:first-child {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 38px;
    padding: .45rem 1.15rem;
    border: 0;
    border-radius: 3px;
    background: var(--stein-200);
    color: var(--fuss);
    font: 1.04rem/1.25 var(--serif);
    text-decoration: none;
    white-space: normal;
}
.design-neu .stay-nav a:hover { background: var(--stein-300); color: var(--fuss); }
.design-neu .stay-nav a[hidden] { display: none; }
.design-neu .stay-nav a[aria-current="location"] { background: var(--fuss); color: var(--stein-000); }
.design-neu .stay-nav a:focus-visible { outline: 2px solid var(--terrakotta-dunkel); outline-offset: 1px; }
.design-neu .stay [id] { scroll-margin-top: calc(var(--neu-stay-kopf) + var(--neu-stay-menue) + 14px); }
.design-neu .stay .ort__titel { font-family: var(--serif); font-weight: 400; color: var(--fuss); }
.design-neu .stay .ort__meta { color: var(--tinte-weich); }
.design-neu .stay-photo-count { background: var(--neu-flaeche); color: var(--terrakotta-dunkel); border-color: var(--linie); }
.design-neu .stay--unterkunft .galerie__gross,
.design-neu .stay--unterkunft .ort__bild img {
    box-sizing: border-box;
    padding: 6px;
    border: 2px solid var(--stein-400);
    border-radius: 6px;
    background: var(--stein-000);
}
.design-neu .stay--unterkunft .galerie__mini {
    box-sizing: border-box;
    padding: 3px;
    border: 1px solid var(--stein-400);
    border-radius: 4px;
    background: var(--stein-000);
}
.design-neu .stay--unterkunft :is(.galerie__gross, .galerie__mini) img { min-height: 0; border-radius: 2px; }
.design-neu .stay--unterkunft .galerie__mini:is(:hover, .ist-aktiv) { border-color: var(--terrakotta); }
.design-neu .stay--unterkunft :is(.galerie__gross, .galerie__mini):focus-visible { outline: 2px solid var(--terrakotta-dunkel); outline-offset: -2px; }
.design-neu .stay-contact { padding: 1.4rem; border: 0; background: var(--neu-flaeche); color: var(--tinte); }
.design-neu .stay-contact :is(h3, h4) { color: var(--fuss); font-family: var(--serif); }
.design-neu .stay-primary,
.design-neu .stay-email a { background: var(--terrakotta); }
.design-neu .stay-primary:hover,
.design-neu .stay-email a:hover { background: var(--terrakotta-dunkel); }
.design-neu .stay-secondary { border-color: var(--stein-400); background: var(--stein-100); color: var(--fuss); }
.design-neu .stay-secondary:hover { background: var(--stein-200); color: var(--fuss); }
.design-neu .stay-location { border-color: var(--linie); }
.design-neu .stay-location a { color: var(--terrakotta-dunkel); }
.design-neu .stay-amenities li span { color: var(--terrakotta-dunkel); }
@media (min-width: 851px) {
    .design-neu .stay-contact { top: calc(var(--neu-stay-kopf) + var(--neu-stay-menue) + 16px); }
}
@media (max-width: 999px) {
    .design-neu .stay-nav a,
    .design-neu .stay-nav a:first-child { min-height: 44px; }
}
@media (max-width: 650px) {
    .design-neu .stay-nav { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .design-neu .stay-nav a,
    .design-neu .stay-nav a:first-child { padding: .55rem .5rem; font-size: 1rem; }
}
@media (max-height: 500px) and (max-width: 650px) {
    .design-neu .stay-nav { display: flex; flex-wrap: nowrap; overflow-x: auto; }
    .design-neu .stay-nav a { flex-shrink: 0; }
}
.design-neu .fussspalte__titel { color: var(--stein-000); }
.design-neu .fuss__spalten {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    align-items: start;
    gap: 0 clamp(1rem, 3vw, 3rem);
    padding-block: 1rem;
}
.design-neu .fuss__spalten > .fussspalte { grid-column: auto; }
.design-neu .fussspalte--kompakt ul { columns: 1; }
.design-neu .fussspalte__schalter {
    position: relative;
    display: flex;
    align-items: center;
    min-height: 44px;
    padding: .4rem 1.65rem .4rem 0;
    color: var(--stein-000);
    cursor: pointer;
    list-style: none;
}
.design-neu .fussspalte__schalter::-webkit-details-marker { display: none; }
.design-neu .fussspalte__schalter .fussspalte__titel { margin: 0; line-height: 1.25; }
.design-neu .fussspalte__schalter::before,
.design-neu .fussspalte__schalter::after {
    position: absolute;
    top: 50%;
    right: .35rem;
    width: 12px;
    height: 2px;
    background: var(--fuss-leise);
    content: '';
    transform: translateY(-50%);
}
.design-neu .fussspalte__schalter::after { transform: translateY(-50%) rotate(90deg); }
.design-neu .fussspalte--kompakt[open] > .fussspalte__schalter::after { display: none; }
.design-neu .fussspalte__schalter:is(:hover, :focus-visible) { color: #fff; }
.design-neu .fussspalte__schalter:focus-visible { outline: 2px solid var(--fuss-leise); outline-offset: 2px; }
.design-neu .fussspalte__inhalt { padding: .3rem 0 .75rem; }
.design-neu .fussspalte__inhalt li { margin: 0; }
.design-neu .fussspalte__inhalt a { display: block; padding-block: .3rem; }
@media (max-width: 999px) {
    .design-neu .fuss__spalten { grid-template-columns: repeat(2, minmax(0, 1fr)); padding-block: .5rem; }
}
@media (max-width: 520px) {
    .design-neu .fuss__spalten { grid-template-columns: minmax(0, 1fr); padding-block: .375rem; }
    .design-neu .fussspalte__schalter { min-height: 40px; }
}
.design-neu .fuss__unten { padding-bottom: env(safe-area-inset-bottom, 0px); }
.design-neu .fuss__unten-inner {
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr) auto minmax(0, 1fr) 44px;
    align-items: center;
    gap: .25rem .9rem;
    min-height: 48px;
    padding-block: 2px;
}
.design-neu .fuss__copyright { grid-column: 2; grid-row: 1; }
.design-neu .fuss__links { grid-column: 3; grid-row: 1; min-width: 0; text-align: center; overflow-wrap: anywhere; }
.design-neu button.redim-cc-reopen { left: 12px !important; right: auto !important; bottom: 6px !important; }
.design-neu .fuss button.redim-cc-reopen {
    position: static !important;
    inset: auto !important;
    z-index: auto !important;
    margin: 0 !important;
    grid-column: 1;
    grid-row: 1;
}
@media (max-width: 1199px) {
    .design-neu .fuss__unten-inner { grid-template-columns: 44px minmax(0, 1fr) 44px; column-gap: .65rem; }
    .design-neu .fuss__copyright { text-align: center; }
    .design-neu .fuss__links { grid-column: 1 / -1; grid-row: 2; }
}
.design-neu .fuss__statistik { padding-block: .25rem .75rem; }
.design-neu .fuss__statistik .zaehler {
    display: grid;
    grid-template-columns: repeat(4, auto auto);
    justify-content: center;
    gap: .35rem .85rem;
    color: var(--fuss-leise);
}
.design-neu .fuss__statistik .zaehler__marke { color: var(--fuss-leise); font-size: .8rem; text-transform: none; letter-spacing: normal; }
.design-neu .fuss__statistik .zaehler__wert { color: var(--stein-000); margin-right: .6rem; font-size: .85rem; }
.design-neu .fuss__statistik .zaehler__wert:last-child { margin-right: 0; }

@media (max-width: 999px) {
    .neu-auftakt__raster { grid-template-columns: minmax(0, 1fr); width: min(760px, calc(100% - 2.5rem)); min-height: auto; padding-block: 2.8rem 2.25rem; }
    .neu-einstieg { max-width: none; }
    .neu-panorama { inset: auto 0 0; width: 100%; height: 58%; opacity: .32; }
    .neu-route { grid-column: 1; grid-row: auto; max-width: none; }
    .design-neu .kacheln { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@media (max-width: 599px) {
    .design-neu .kopf__inner { gap: .2rem .45rem; }
    .design-neu .kopf__wetter { display: none; }
    .design-neu .kopf__suche { order: 2; margin-left: auto; }
    .design-neu .kopf__zeile2 { gap: .35rem; }
    .design-neu .kopf__sprache { flex: 1 1 auto; min-width: 0; }
    .design-neu .kopf__sprache .sprachwahl__liste { gap: .45rem; }
    .design-neu .kopf__sprache .sprachwahl__liste li + li::before { content: none; }
    .design-neu .marke__zeichen img { width: 2.35rem; height: 2.35rem; }
    .design-neu .marke__claim { letter-spacing: .1em; font-size: .5rem; }
    .neu-auftakt__raster { width: calc(100% - 2rem); padding-top: 2rem; }
    .neu-einstieg__text { font-size: 1rem; }
    .neu-option { grid-template-columns: 5.25rem minmax(0, 1fr) auto; }
    .neu-einstieg__signatur { margin-top: 1.35rem; }
    .neu-route__inhalt { grid-template-columns: minmax(0, 1fr); padding-inline: 1rem; }
    .neu-stationen { grid-template-columns: minmax(0, 1fr); }
    .neu-route__karte { width: min(100%, 16rem); max-width: none; justify-self: center; }
    .neu-route__fuss { align-items: stretch; flex-direction: column; }
    .design-neu .kacheln { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .design-neu .kachel { padding-inline: .75rem; }
    .design-neu .kachel--bild .kachel__bild { width: calc(100% + 1.5rem); margin-inline: -.75rem; }
    .design-neu.is-home .band--teaser .neu-kachel__bildrahmen { width: calc(100% + 1.5rem); margin-inline: -.75rem; }
    .design-neu .inhalt__wetter .wetter__tage { grid-auto-flow: row; grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .design-neu .wettertag__name,
    .design-neu .modul-termin__tag { overflow-wrap: anywhere; white-space: normal; }
    .design-neu .fuss__statistik .zaehler { grid-template-columns: repeat(2, auto auto); }
}

@media (max-width: 359px) {
    .design-neu .marke { gap: .4rem; }
    .design-neu .marke__name { font-size: 1.4rem; }
    .design-neu .kacheln { grid-template-columns: minmax(0, 1fr); }
}