/* stp-auto – Wohnmobilstellplatz Nierstein (Weingut Gehring), Graustufen-Look wie weingut-gehring.de.
   Wird vom Inhalts-Installer gepflegt. Eigene Anpassungen? Diese Zeile mit „stp-auto“ löschen, dann bleibt die Datei bei Updates unverändert.
   Kundin wünscht keine Animationen – einzige Ausnahme: der Weihnachts-Fotoring (Peter, 05.11.2026). */

/* ---------- Schrift (lokal, DSGVO) ---------- */
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 300 800;
  font-stretch: 100%;
  font-display: swap;
  src: url("../../../../stp_inhalte/fonts/open-sans-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root {
  --stp-ink: #1b1b1b;      /* nur Schrift – nie als Fläche (Peter: kein Schwarz) */
  --stp-deep: #4a4a4a;     /* dunkelste Fläche */
  --stp-foot: #444444;
  --stp-grey: #565656;
  --stp-mid: #8a8a8a;
  --stp-line: #d6d6d6;
  --stp-soft: #e4e4e4;
  --stp-bg: #f1f1f1;
  --stp-r: 4px;
  --stp-max: 79.5rem;
}

body.site { background: var(--stp-bg); color: var(--stp-ink); font-size: 1.0625rem; line-height: 1.6; }
body.site h1, body.site h2, body.site h3, body.site h4 { font-weight: 700; letter-spacing: -.01em; color: var(--stp-ink); }
body.site h1 { font-size: clamp(2rem, 4.4vw, 3.2rem); line-height: 1.05; }
body.site h2 { font-size: clamp(1.55rem, 3vw, 2.3rem); line-height: 1.1; margin-top: 2.2rem; }
body.site h3 { font-size: 1.3rem; }
body.site a { color: var(--stp-grey); text-decoration-thickness: 1px; }
body.site a:hover { color: var(--stp-ink); }
:focus-visible { outline: 3px solid var(--stp-grey); outline-offset: 2px; }
::selection { background: var(--stp-line); color: var(--stp-ink); }

/* Keine Bewegung: Hover-Lift der Buttons und Karten aus */
body.site .btn:hover, body.site .btn:active { transform: none; box-shadow: none; }

/* ---------- Kopfzeile: hell, deckend, ohne Lichtkante ---------- */
body.site.header-glass .container-header {
  background: rgba(241, 241, 241, .97);
  -webkit-backdrop-filter: none; backdrop-filter: none;
  border-bottom: 1px solid var(--stp-line);
}
body.site .container-header::after { display: none; }
body.site .container-header.is-scrolled { box-shadow: 0 6px 20px rgba(27, 27, 27, .08); }
/* Größe beim Scrollen bewusst gleich (sonst zittert der Kopf in Chrome) */
body.site .container-header .navbar-brand,
body.site .container-header.is-scrolled .navbar-brand { padding-block: .6rem; }
body.site .container-header .brand-logo img,
body.site .container-header.is-scrolled .brand-logo img { max-height: 52px; width: auto; }
body.site .container-header .brand-logo .brand-text b { font-weight: 700; font-size: 1.3rem; letter-spacing: .01em; text-transform: none; }
body.site .container-header .brand-logo .brand-text small { font-size: .72rem; letter-spacing: .16em; color: var(--stp-grey); opacity: 1; }

/* v1.0.1: Desktop – Logo links, Menü rechts in einer Zeile */
@media (min-width: 992px) {
  body.site .container-header {
    display: grid;
    grid-template-columns: max(1.25rem, calc((100% - var(--stp-max)) / 2)) auto minmax(0, 1fr) max(1.25rem, calc((100% - var(--stp-max)) / 2));
    align-items: center;
  }
  body.site .container-header > .container-topbar { grid-column: 1 / -1; }
  body.site .container-header > .grid-child { grid-column: 2; max-width: none; width: auto; margin: 0; padding: 0; }
  body.site .container-header > .grid-child.container-nav { grid-column: 3; justify-self: end; padding: 0; }
  body.site .container-header .container-nav .mod-menu { flex-wrap: nowrap; gap: 0 1.4rem; margin: 0; align-items: center; }
  body.site .container-header .container-nav .mod-menu > li > a { white-space: nowrap; }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  body.site .container-header .container-nav .mod-menu { gap: 0 .9rem; }
  body.site .container-header .brand-logo .brand-text small { display: none; }
}

body.site .container-header .mod-menu > li > a { font-weight: 600; color: var(--stp-ink); }
body.site .container-header .mod-menu > li > a::before { background: var(--stp-grey); box-shadow: none; transition: none; }
body.site.header-glass .container-header .mod-menu > li > a:is(:hover, :focus-visible),
body.site.header-glass .container-header .mod-menu > li.active > a { color: var(--stp-grey); text-shadow: none; }
body.site .container-header .mod-menu > li > a.stp-menu-cta {
  padding: .5rem 1.1rem; border-radius: var(--stp-r);
  background: var(--stp-grey); color: #fff !important;
}
body.site .container-header .mod-menu > li > a.stp-menu-cta::before { display: none; }
body.site .container-header .mod-menu > li > a.stp-menu-cta:hover { background: var(--stp-deep); }

@media (max-width: 991.98px) {
  body.site.header-glass .imhof-burger { background: var(--stp-deep); color: #fff; border-radius: var(--stp-r); transition: none; }
  body.site .container-header .container-nav { background: var(--stp-deep); transition: visibility 0s; transform: none; display: none; }
  body.nav-open .container-header .container-nav { display: flex; }
  body.site .container-header .container-nav .mod-menu > li { opacity: 1; transform: none; transition: none; }
  body.site .container-header .container-nav .mod-menu > li > a { color: #fff; border-radius: var(--stp-r); }
  body.site .container-header .container-nav .mod-menu > li > a.stp-menu-cta { background: #fff; color: var(--stp-ink) !important; text-align: center; margin-top: .5rem; }
  body.site .container-header .container-nav .mod-menu > li.active > a { box-shadow: inset 4px 0 0 #fff; }
  .imhof-nav-backdrop { -webkit-backdrop-filter: none; backdrop-filter: none; transition: none; }
  body.site .container-header .brand-logo img { max-height: 44px; }
  body.site .container-header .brand-logo .brand-text b { font-size: 1.05rem; }
}

/* ---------- Leiste ganz oben: Welt von Weingut Gehring ---------- */
.container-topbar { background: var(--stp-deep); }
.stp-topbar { max-width: var(--stp-max); margin: 0 auto; padding: .45rem 1.25rem; display: flex; flex-wrap: wrap; align-items: center; gap: .2rem 1.25rem; font-size: .82rem; color: #c5c5c5; }
body.site .stp-topbar a { color: #c5c5c5; text-decoration: none; }
body.site .stp-topbar a:hover, body.site .stp-topbar strong { color: #fff; }
.stp-topbar__tel { margin-left: auto; }
@media (max-width: 600px) { .stp-topbar__lead, .stp-topbar__tel { display: none; } .stp-topbar { gap: .2rem .9rem; } }
/* Menü-Schalter unter die schwarze Leiste setzen */
@media (max-width: 991.98px) {
  body.site .container-header:has(.container-topbar) .imhof-burger,
  body.site .container-header.is-scrolled:has(.container-topbar) .imhof-burger { top: calc(2rem + .9rem); }
}

/* ---------- Buttons ---------- */
body.site .btn { border-radius: var(--stp-r); padding: .8rem 1.5rem; font-weight: 700; transition: background-color .2s, color .2s, border-color .2s; }
body.site .btn-primary { background: var(--stp-grey); border-color: var(--stp-grey); color: #fff; }
body.site .btn-primary:hover { background: var(--stp-deep); border-color: var(--stp-deep); color: #fff; }
body.site .btn-ghost { border: 1.5px solid var(--stp-grey); color: var(--stp-ink); background: transparent; }
body.site .btn-ghost:hover { background: var(--stp-deep); border-color: var(--stp-deep); color: #fff; }
body.site .btn.stp-btn-light { background: #fff; border: 1.5px solid #fff; color: var(--stp-ink); }
body.site .btn.stp-btn-light:hover { background: var(--stp-soft); color: var(--stp-ink); }
body.site .btn.stp-btn-outline { background: transparent; border: 1.5px solid #fff; color: #fff; }
body.site .btn.stp-btn-outline:hover { background: #fff; color: var(--stp-ink); }
.stp-btns, .stp-hero__btns, .stp-cta__btns { display: flex; flex-wrap: wrap; gap: .75rem; }

/* ---------- Startbereich: Foto (später Video) über die volle Breite ---------- */
.container-banner { margin: 0; }
.stp-hero { position: relative; display: flex; align-items: flex-end; min-height: clamp(480px, 74vh, 760px); overflow: hidden; background: var(--stp-deep); color: #fff; }
.stp-hero__media, .stp-hero__media picture, .stp-hero__media img, .stp-hero__media video { position: absolute; inset: 0; width: 100%; height: 100%; }
.stp-hero__media img, .stp-hero__media video { object-fit: cover; }
.stp-hero__media { z-index: 0; }
.stp-hero__shade { position: absolute; inset: 0; z-index: 1; background-image: linear-gradient(to top, rgba(22, 22, 22, .85) 0%, rgba(22, 22, 22, .3) 55%, rgba(22, 22, 22, .05) 100%); }
.stp-hero__content { position: relative; z-index: 2; width: 100%; max-width: var(--stp-max); margin: 0 auto; padding: 0 1.25rem clamp(2.5rem, 7vw, 5.5rem); }
body.site .stp-hero h1 { color: #fff; font-size: clamp(2.5rem, 7vw, 4.6rem); line-height: .98; margin: .4rem 0 1rem; max-width: 14ch; }
.stp-hero__lead { font-size: clamp(1.05rem, 2vw, 1.3rem); max-width: 38rem; color: #ececec; margin-bottom: 1.5rem; }
.stp-kicker { margin: 0 0 .4rem; font-size: .82rem; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; color: var(--stp-grey); }
.stp-hero .stp-kicker { color: #d6d6d6; }

.stp-facts { display: grid; grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)); gap: 1rem 1.5rem; padding: 1.4rem max(1.25rem, calc((100% - var(--stp-max)) / 2 + 1.25rem)); background: var(--stp-grey); color: #fff; }
.stp-facts div { display: flex; flex-direction: column; line-height: 1.25; }
.stp-facts strong { font-size: 1.3rem; }
.stp-facts span { font-size: .88rem; color: #e4e4e4; }

/* ---------- Bausteine ---------- */
.stp-section { margin-block: clamp(2.5rem, 6vw, 5rem); }
.stp-section > h2 { margin-top: 0; }
.stp-lead { font-size: 1.2rem; color: #363636; max-width: 46rem; }
.stp-small { font-size: .85rem; color: var(--stp-grey); }
.stp-note { padding: 1rem 1.25rem; background: #fff; border-left: 4px solid var(--stp-grey); border-radius: var(--stp-r); }
.stp-grid-2 { display: grid; gap: clamp(1.25rem, 3vw, 2.5rem); align-items: start; margin-block: 1.5rem; }
@media (min-width: 800px) { .stp-grid-2 { grid-template-columns: 1fr 1fr; } }
.stp-box { background: #fff; border: 1px solid var(--stp-line); border-radius: var(--stp-r); padding: 1.5rem; }
.stp-box h3 { margin-top: 0; }
.stp-figure { margin: 1.5rem 0; }
.stp-figure img { display: block; max-width: 100%; height: auto; border-radius: var(--stp-r); border: 1px solid var(--stp-line); }
.stp-figure--narrow { max-width: 420px; }
.stp-hours, .stp-table { width: 100%; border-collapse: collapse; }
.stp-hours th, .stp-hours td, .stp-table th, .stp-table td { padding: .5rem .25rem; border-bottom: 1px solid var(--stp-line); text-align: left; vertical-align: top; }
.stp-hours th, .stp-table th { width: 38%; font-weight: 600; }
.stp-table { background: #fff; border: 1px solid var(--stp-line); border-radius: var(--stp-r); }
.stp-table th, .stp-table td { padding: .8rem 1rem; }

.stp-cards { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr)); gap: 1.4rem; margin-top: 1.5rem; }
body.site .stp-card-link { display: flex; flex-direction: column; background: #fff; border: 1px solid var(--stp-line); border-radius: var(--stp-r); overflow: hidden; color: var(--stp-ink); text-decoration: none; }
body.site .stp-card-link:hover { border-color: var(--stp-grey); color: var(--stp-ink); }
.stp-card-link img { display: block; width: 100%; aspect-ratio: 16 / 10; object-fit: cover; }
.stp-card-link__body { display: flex; flex-direction: column; gap: .35rem; padding: 1.25rem 1.4rem 1.5rem; }
.stp-card-link__body strong { font-size: 1.25rem; }
.stp-card-link__body span { color: var(--stp-grey); }
body.site .stp-card-link:hover .stp-card-link__body strong { text-decoration: underline; text-underline-offset: .2em; }

.stp-prices { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 200px), 1fr)); gap: 1rem; margin: 1.5rem 0; }
.stp-price { display: flex; flex-direction: column; gap: .2rem; padding: 1.4rem; background: #fff; border: 1px solid var(--stp-line); border-radius: var(--stp-r); }
.stp-price strong { font-size: 2rem; line-height: 1.1; }
.stp-price__label { font-size: .78rem; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--stp-grey); }
.stp-price span:last-child { color: var(--stp-grey); }
.stp-price--top { background: var(--stp-deep); border-color: var(--stp-deep); color: #fff; }
.stp-price--top .stp-price__label, .stp-price--top span:last-child { color: #c5c5c5; }

.stp-rules { counter-reset: r; list-style: none; padding: 0; display: grid; gap: .6rem; }
.stp-rules li { counter-increment: r; position: relative; padding: .9rem 1rem .9rem 3.4rem; background: #fff; border: 1px solid var(--stp-line); border-radius: var(--stp-r); }
.stp-rules li::before { content: counter(r); position: absolute; left: 1rem; top: .85rem; width: 1.7rem; height: 1.7rem; display: grid; place-items: center; border-radius: 50%; background: var(--stp-grey); color: #fff; font-size: .85rem; font-weight: 700; }

.stp-quotes { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 320px), 1fr)); gap: 1rem; }
.stp-quotes blockquote { margin: 0; padding: 1.4rem; background: #fff; border: 1px solid var(--stp-line); border-radius: var(--stp-r); }
.stp-quotes footer { margin-top: .6rem; font-size: .88rem; color: var(--stp-grey); }

.stp-faq details { border-bottom: 1px solid var(--stp-line); background: #fff; padding: 0 1.25rem; }
.stp-faq details:first-of-type { border-top: 1px solid var(--stp-line); }
.stp-faq summary { cursor: pointer; padding: 1rem 2rem 1rem 0; font-weight: 600; list-style: none; position: relative; }
.stp-faq summary::-webkit-details-marker { display: none; }
.stp-faq summary::after { content: "+"; position: absolute; right: 0; top: .8rem; font-size: 1.4rem; font-weight: 400; color: var(--stp-grey); }
.stp-faq details[open] summary::after { content: "–"; }
.stp-faq details p { margin: 0 0 1.1rem; color: #363636; }

/* YouTube erst nach Klick */
.stp-yt { position: relative; max-width: 780px; aspect-ratio: 16 / 9; margin: 1.5rem 0; background: var(--stp-deep); border-radius: var(--stp-r); overflow: hidden; }
.stp-yt > img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: .55; }
.stp-yt > p { position: absolute; left: 1rem; bottom: .5rem; margin: 0; color: #fff; font-weight: 600; }
.stp-yt__btn { position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: .6rem; width: 100%; border: 0; background: rgba(27, 27, 27, .35); color: #fff; font: inherit; cursor: pointer; text-align: center; padding: 1rem; }
.stp-yt__btn svg { width: 64px; height: 64px; }
.stp-yt__btn small { max-width: 30rem; font-size: .8rem; color: #e4e4e4; }
.stp-yt iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }

.stp-camigo { min-height: 420px; margin: 1.5rem 0; padding: 1rem; background: #fff; border: 1px solid var(--stp-line); border-radius: var(--stp-r); }

/* Weihnachts-Fotoring (Animation bewusst an) */
.stp-split { display: grid; gap: clamp(1.5rem, 4vw, 3rem); align-items: center; }
@media (min-width: 800px) { .stp-split { grid-template-columns: 1fr 1fr; } }
.stp-xmas { overflow: hidden; overflow: clip; margin-block: clamp(2.5rem, 6vw, 5rem); padding: clamp(1.5rem, 4vw, 3rem); background: #fff; border: 1px solid var(--stp-line); border-radius: var(--stp-r); }
.stp-xmas h2 { margin-top: 0; }
.stp-xmas .photo-ring { margin-block: 2.5rem; width: min(80%, 440px); }
.stp-xmas .photo-ring img { border-radius: 50%; }
body.site .photo-ring .ring-cta.btn-accent { background: #fff; border-color: #fff; color: var(--stp-ink); box-shadow: 0 10px 30px rgba(27, 27, 27, .25); }
.photo-ring__ring text { fill: var(--stp-ink); }

/* ---------- Band „Lieblingsplatz buchen“ ---------- */
.imhof-band.band-dark.stp-cta { background: var(--stp-deep); padding-block: clamp(2.5rem, 5vw, 4rem); }
.stp-cta__grid { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 1.5rem; }
body.site .stp-cta h2 { margin: 0 0 .4rem; color: #fff; }
.stp-cta p { margin: 0; color: #d6d6d6; max-width: 40rem; }

/* ---------- Fußbereich ---------- */
body.site .container-footer { background: var(--stp-foot); color: #c5c5c5; }
body.site .container-footer a { color: #fff; }
body.site .container-footer a:hover { color: #d6d6d6; }
.stp-footer { display: grid; gap: 2rem; padding-block: 3rem 2rem; }
@media (min-width: 800px) { .stp-footer { grid-template-columns: 1.3fr 1fr 1fr; } }
.stp-footer__brand { display: flex; align-items: center; gap: .75rem; font-weight: 700; color: #fff; font-size: 1.1rem; }
.stp-footer__brand img { width: 44px; height: auto; filter: brightness(1.6); }
.stp-footer__title { font-weight: 700; color: #fff; text-transform: uppercase; letter-spacing: .12em; font-size: .82rem; }
.stp-footer .stp-hours th, .stp-footer .stp-hours td { border-color: #5a5a5a; padding: .35rem 0; }
.stp-footer__links { list-style: none; padding: 0; margin: 0; display: grid; gap: .35rem; }
.stp-footer__bottom { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 1rem; padding-block: 1.25rem 2rem; border-top: 1px solid #5a5a5a; font-size: .85rem; }
.stp-footer__bottom p { margin: 0; }
.stp-credits { color: #9a9a9a; }

/* ---------- Kontaktseiten (Anfrage, Gutschein) ---------- */
body.site .com-contact .contact-form, body.site .com-contact__form { background: #fff; border: 1px solid var(--stp-line); border-radius: var(--stp-r); padding: clamp(1rem, 3vw, 2rem); }
body.site .com-contact .form-control { border-radius: var(--stp-r); border-color: #afafaf; }
body.site .com-contact__miscinfo dt { display: none; }
body.site .com-contact__miscinfo dd { margin: 0; }
/* v1.0.1: Kontaktname (h2) und Joomla-Adressblock aus – die Angaben stehen im Infotext */
.stp-page-gutschein .com-contact .page-header, .stp-page-kontakt .com-contact .page-header,
.stp-page-gutschein .com-contact__container, .stp-page-kontakt .com-contact__container { display: none; }
.stp-contact-info { margin-bottom: 2rem; }
.stp-hidden-heading { display: none !important; }

/* ---------- Gutschein-Gestalter ---------- */
.stp-gs { display: grid; gap: 2rem; margin: 2rem 0; align-items: start; }
@media (min-width: 992px) { .stp-gs { grid-template-columns: minmax(0, 1fr) minmax(0, 1.05fr); } .stp-gs__preview { position: sticky; top: 110px; } }
.stp-gs fieldset { margin: 0 0 1.25rem; padding: 1.25rem; border: 1px solid var(--stp-line); border-radius: var(--stp-r); background: #fff; }
.stp-gs legend { float: none; width: auto; padding: 0 .4rem; margin: 0; font-size: .82rem; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--stp-grey); }
.stp-gs label { display: block; font-weight: 600; margin: .6rem 0 .25rem; }
.stp-gs input[type="text"], .stp-gs input[type="email"], .stp-gs select, .stp-gs textarea { width: 100%; padding: .6rem .75rem; border: 1px solid #afafaf; border-radius: var(--stp-r); font: inherit; background: #fff; }
.stp-gs textarea { min-height: 5.5rem; }
.stp-gs__motifs { display: grid; grid-template-columns: repeat(4, 1fr); gap: .5rem; }
.stp-gs__motifs button { padding: 0; border: 2px solid transparent; border-radius: var(--stp-r); background: none; cursor: pointer; overflow: hidden; }
.stp-gs__motifs button[aria-pressed="true"] { border-color: var(--stp-deep); }
.stp-gs__motifs img { display: block; width: 100%; aspect-ratio: 4 / 3; object-fit: cover; }
.stp-gs__chips { display: flex; flex-wrap: wrap; gap: .5rem; }
.stp-gs__chips label { margin: 0; font-weight: 600; }
.stp-gs__chips input { position: absolute; opacity: 0; }
.stp-gs__chips span { display: inline-flex; align-items: center; min-height: 44px; padding: 0 1rem; border: 1.5px solid #afafaf; border-radius: var(--stp-r); cursor: pointer; background: #fff; }
.stp-gs__chips input:checked + span { background: var(--stp-deep); border-color: var(--stp-deep); color: #fff; }
.stp-gs__chips input:focus-visible + span { outline: 3px solid var(--stp-grey); outline-offset: 2px; }
.stp-gs__check { display: flex !important; gap: .6rem; align-items: flex-start; font-weight: 400 !important; }
.stp-gs__check input { margin-top: .35rem; }
.stp-gs__sum { display: flex; justify-content: space-between; align-items: baseline; gap: 1rem; padding: 1rem 1.25rem; background: var(--stp-deep); color: #fff; border-radius: var(--stp-r); }
.stp-gs__sum strong { font-size: 1.8rem; }
.stp-gs__hint { font-size: .88rem; color: var(--stp-grey); }

/* Gutschein-Karte (Vorschau und PDF) */
.stp-voucher { position: relative; aspect-ratio: 297 / 150; container-type: inline-size; overflow: hidden; border-radius: var(--stp-r); background: #2b2b2b center / cover no-repeat; color: #fff; box-shadow: 0 24px 60px rgba(27, 27, 27, .25); -webkit-print-color-adjust: exact; print-color-adjust: exact; }
.stp-voucher::before { content: ""; position: absolute; inset: 0; background: linear-gradient(100deg, rgba(20, 20, 20, .92) 0%, rgba(20, 20, 20, .78) 48%, rgba(20, 20, 20, .25) 100%); }
.stp-voucher__in { position: absolute; inset: 0; display: flex; flex-direction: column; padding: 5cqw 6cqw; gap: 1.2cqw; }
.stp-voucher__brand { max-width: 64%; display: flex; align-items: center; gap: 1.6cqw; font-size: 1.9cqw; letter-spacing: .18em; text-transform: uppercase; color: #d6d6d6; }
.stp-voucher__brand img { width: 6cqw; height: auto; filter: brightness(1.7); }
.stp-voucher__title { font-size: 7cqw; font-weight: 300; line-height: 1; letter-spacing: .06em; text-transform: uppercase; margin-top: 1cqw; }
.stp-voucher__for { font-size: 2.6cqw; }
.stp-voucher__for b { font-size: 3.6cqw; }
.stp-voucher__msg { max-width: 58%; font-size: 2.3cqw; font-style: italic; color: #ececec; }
.stp-voucher__gift { max-width: 60%; font-size: 2.1cqw; color: #d6d6d6; }
.stp-voucher__value { position: absolute; right: 6cqw; top: 5cqw; text-align: right; font-size: 2cqw; letter-spacing: .14em; text-transform: uppercase; color: #d6d6d6; }
.stp-voucher__value b { display: block; font-size: 8cqw; letter-spacing: 0; color: #fff; font-weight: 700; line-height: 1; }
.stp-voucher__foot { max-width: 76%; margin-top: auto; display: flex; flex-wrap: wrap; gap: .5cqw 3cqw; font-size: 1.65cqw; color: #c5c5c5; }
.stp-voucher__foot b { color: #fff; letter-spacing: .08em; }
.stp-voucher__stamp { position: absolute; right: 6cqw; bottom: 5cqw; padding: .8cqw 2cqw; border: 1px solid rgba(255, 255, 255, .6); border-radius: 2px; font-size: 1.7cqw; letter-spacing: .16em; text-transform: uppercase; color: #fff; }

/* Interne Seite „Gutschein ausstellen“ + PDF-Druck */
.stp-issue { display: grid; gap: 1.5rem; }
@media print {
  @page { size: A4 landscape; margin: 12mm; }
  body * { visibility: hidden !important; }
  .stp-print-area, .stp-print-area * { visibility: visible !important; }
  .stp-print-area { position: absolute; left: 0; top: 0; width: 273mm; }
  .stp-print-area .stp-voucher { box-shadow: none; border-radius: 0; }
  .stp-print-area .stp-voucher__note { display: block !important; }
  .bacchi { display: none !important; }
}
.stp-voucher__note { display: none; margin-top: 5mm; font-size: 9pt; color: #333; }

/* ---------- Bacchi – Chat-Helfer (geführte Auswahl, keine KI) ---------- */
.bacchi { position: fixed; right: calc(16px + env(safe-area-inset-right, 0px)); bottom: calc(16px + env(safe-area-inset-bottom, 0px)); z-index: 1050; display: flex; flex-direction: column; align-items: flex-end; gap: 12px; font-size: 15px; line-height: 1.5; color: var(--stp-ink); }
.bacchi__launch { display: flex; align-items: center; gap: 10px; min-height: 58px; padding: 5px 18px 5px 5px; border: 0; border-radius: 999px; background: var(--stp-deep); color: #fff; font: 700 15px/1.2 "Open Sans", Arial, sans-serif; cursor: pointer; box-shadow: 0 12px 30px rgba(27, 27, 27, .3); }
.bacchi__launch img { width: 48px; height: 48px; border-radius: 50%; background: #fff; object-fit: cover; }
.bacchi__panel { width: 380px; max-width: calc(100vw - 32px); height: min(600px, calc(100vh - 120px)); display: flex; flex-direction: column; overflow: hidden; background: var(--stp-bg); border: 1px solid var(--stp-line); border-radius: 14px; box-shadow: 0 24px 60px rgba(27, 27, 27, .28); }
.bacchi__panel[hidden] { display: none; }
.bacchi__head { display: flex; align-items: center; gap: 12px; padding: 12px 12px 12px 14px; background: var(--stp-deep); color: #fff; }
.bacchi__head img { width: 46px; height: 46px; border-radius: 50%; background: #fff; object-fit: cover; }
.bacchi__head b { display: block; font-size: 17px; line-height: 1.2; }
.bacchi__head small { font-size: 12px; color: #c5c5c5; }
.bacchi__head button { margin-left: auto; width: 40px; height: 40px; border: 1px solid #4a4a4a; border-radius: 10px; background: transparent; color: #fff; font-size: 18px; cursor: pointer; }
.bacchi__head button + button { margin-left: 6px; }
.bacchi__intro { display: flex; align-items: center; gap: 12px; padding: 14px 16px 4px; }
.bacchi__intro img { width: 92px; height: auto; }
.bacchi__intro b { display: block; font-size: 18px; }
.bacchi__intro small { color: var(--stp-grey); }
.bacchi__log { flex: 1 1 auto; overflow-y: auto; padding: 12px 16px; display: flex; flex-direction: column; gap: 10px; }
.bacchi__m { max-width: 88%; margin: 0; padding: 10px 14px; }
.bacchi__m--bot { align-self: flex-start; background: #fff; border: 1px solid var(--stp-line); border-radius: 4px 14px 14px 14px; }
.bacchi__m--user { align-self: flex-end; background: var(--stp-grey); color: #fff; border-radius: 14px 4px 14px 14px; }
.bacchi__m a { color: var(--stp-ink); font-weight: 700; }
.bacchi__chips { display: flex; flex-wrap: wrap; gap: 6px; padding: 10px 16px 14px; border-top: 1px solid var(--stp-line); background: #fff; max-height: 45%; overflow-y: auto; }
.bacchi__chips button, .bacchi__chips a { display: inline-flex; align-items: center; min-height: 38px; padding: 0 14px; border: 1.5px solid #afafaf; border-radius: 999px; background: #fff; color: var(--stp-ink); font: 600 13.5px/1.2 "Open Sans", Arial, sans-serif; text-decoration: none; cursor: pointer; }
.bacchi__chips a { background: var(--stp-deep); border-color: var(--stp-deep); color: #fff; }
.bacchi__note { margin: 0; padding: 0 16px 10px; background: #fff; font-size: 11px; color: var(--stp-grey); }
@media (max-width: 600px) { .bacchi__launch span { display: none; } .bacchi__launch { padding: 5px; } }
body.nav-open .bacchi { display: none; }

/* =====================================================================
   v1.0.2 – Feedback Peter 05.11.2026: kein Schwarz (max. Dunkelgrau), Überschriften 300,
   Boxen #dfdfdf mit leichtem 3D-Effekt + Schatten, Logo größer, Hero-Foto ganz sichtbar,
   Info-Kästchen mit Icons, Karten über die volle Breite, mehr Grautöne und Bänder.
   ===================================================================== */
:root { --stp-box: #dfdfdf; --stp-band: #e4e4e4; --stp-band2: #d4d4d4; --stp-hero-ratio: 2 / 1; }

/* Überschriften edel und leicht */
body.site h1, body.site h2, body.site h3 { font-weight: 300; letter-spacing: 0; }
body.site h1 { font-size: clamp(2.2rem, 5vw, 3.8rem); line-height: 1.08; }
body.site h2 { font-size: clamp(1.7rem, 3.4vw, 2.6rem); line-height: 1.15; }
body.site h3 { font-size: 1.4rem; }
body.site .stp-hero h1 { font-weight: 300; font-size: clamp(2.6rem, 6vw, 5.2rem); line-height: 1.02; max-width: 15ch; }
body.site .stp-card-link__body strong, .stp-glance__item strong { font-weight: 600; }

/* Boxen nicht reinweiß, mit 3D-Hover */
.stp-box, body.site .stp-card-link, .stp-price, .stp-quotes blockquote, .stp-rules li, .stp-note, .stp-table,
.stp-faq details, .stp-xmas, .stp-gs fieldset, body.site .com-contact .contact-form, body.site .com-contact__form {
  background: var(--stp-box); border-color: #cfcfcf;
}
.stp-price--top { background: var(--stp-deep); border-color: var(--stp-deep); }
.stp-box, body.site .stp-card-link, .stp-price, .stp-quotes blockquote, .stp-glance__item {
  transform: perspective(1000px) rotateX(0) rotateY(0);
  transition: transform .45s cubic-bezier(.22, 1, .36, 1), box-shadow .45s, background-color .3s;
  will-change: transform;
}
.stp-box:hover, body.site .stp-card-link:hover, .stp-price:hover, .stp-quotes blockquote:hover, .stp-glance__item:hover {
  transform: perspective(1000px) rotateX(3deg) rotateY(-4deg) translateY(-4px);
  box-shadow: 0 18px 36px rgba(40, 40, 40, .16), 0 4px 10px rgba(40, 40, 40, .08);
}
@media (prefers-reduced-motion: reduce) {
  .stp-box, body.site .stp-card-link, .stp-price, .stp-quotes blockquote, .stp-glance__item { transition: none; }
  .stp-box:hover, body.site .stp-card-link:hover, .stp-price:hover, .stp-quotes blockquote:hover, .stp-glance__item:hover { transform: none; }
}

/* Logo größer (Größe bleibt beim Scrollen gleich) */
body.site .container-header .brand-logo img,
body.site .container-header.is-scrolled .brand-logo img { max-height: 84px; }
body.site .container-header .brand-logo .brand-text b { font-weight: 600; font-size: 1.55rem; }
body.site .container-header .brand-logo .brand-text small { font-size: .78rem; }
@media (max-width: 991.98px) {
  body.site .container-header .brand-logo img, body.site .container-header.is-scrolled .brand-logo img { max-height: 58px; }
  body.site .container-header .brand-logo .brand-text b { font-size: 1.1rem; }
  body.site .container-header:has(.container-topbar) .imhof-burger,
  body.site .container-header.is-scrolled:has(.container-topbar) .imhof-burger { top: calc(2rem + 1.4rem); }
}

/* Hero: ganzes Foto sichtbar (Seitenverhältnis des Fotos; für das Drohnen-Video später --stp-hero-ratio: 16 / 9) */
.stp-hero { min-height: 0; aspect-ratio: var(--stp-hero-ratio); background: var(--stp-deep); }
.stp-hero__shade { background-image: linear-gradient(to top, rgba(45, 45, 45, .78) 0%, rgba(45, 45, 45, .25) 50%, rgba(45, 45, 45, 0) 80%); }
@media (min-width: 992px) { .stp-hero__content { padding-bottom: clamp(5rem, 8vw, 7.5rem); } }
@media (max-width: 991.98px) {
  .stp-hero { display: block; aspect-ratio: auto; }
  .stp-hero__media { position: relative; aspect-ratio: var(--stp-hero-ratio); }
  .stp-hero__shade { display: none; }
  .stp-hero__content { padding: 1.75rem 1.25rem 2.25rem; background: var(--stp-deep); }
}

/* Info-Kästchen mit Icons (Modul „Auf einen Blick“, mymodul1, über die volle Breite) */
.container-mymodul1 { margin-block: 0 clamp(2rem, 4vw, 3rem); }
.stp-glance { position: relative; z-index: 3; max-width: calc(var(--stp-max) + 2.5rem); margin: 0 auto; padding: 0 1.25rem; }
@media (min-width: 992px) { .stp-glance { margin-top: -3.75rem; } }
@media (max-width: 991.98px) { .stp-glance { margin-top: 1.5rem; } }
.stp-glance__grid { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 1rem; }
@media (max-width: 1199.98px) { .stp-glance__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 767.98px) { .stp-glance__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 419.98px) { .stp-glance__grid { grid-template-columns: 1fr; } }
.stp-glance__item { display: flex; flex-direction: column; gap: .3rem; padding: 1.3rem 1.25rem 1.4rem; background: var(--stp-box); border: 1px solid #cfcfcf; border-radius: var(--stp-r); box-shadow: 0 10px 28px rgba(40, 40, 40, .12); }
.stp-glance__icon { display: grid; place-items: center; width: 3rem; height: 3rem; margin-bottom: .5rem; border-radius: 50%; background: var(--stp-grey); color: #fff; }
.stp-glance__icon svg { width: 1.6rem; height: 1.6rem; }
.stp-glance__item strong { font-size: 1.2rem; line-height: 1.2; }
.stp-glance__item span:last-child { font-size: .92rem; color: var(--stp-grey); }

/* Karten „Alles für Ihren Aufenthalt“ über die volle Breite: 6 → 2 → 1 */
.container-mymodul2 { margin-block: clamp(2.5rem, 5vw, 4rem) 0; }
.container-mymodul2 .stp-section { margin: 0; padding: clamp(2.5rem, 5vw, 4.5rem) clamp(1.25rem, 3vw, 3rem); background: var(--stp-band); }
.container-mymodul2 .stp-section > .stp-kicker, .container-mymodul2 .stp-section > h2 { max-width: var(--stp-max); margin-inline: auto; }
.container-mymodul2 .stp-cards { grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 1.25rem; }
@media (max-width: 1199.98px) { .container-mymodul2 .stp-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 599.98px) { .container-mymodul2 .stp-cards { grid-template-columns: 1fr; } }
.container-mymodul2 .stp-card-link img { aspect-ratio: 4 / 3; }
.container-mymodul2 .stp-card-link__body { padding: 1.1rem 1.15rem 1.3rem; }
.container-mymodul2 .stp-card-link__body strong { font-size: 1.1rem; }
.container-mymodul2 .stp-card-link__body span { font-size: .92rem; }

/* Bänder über die volle Breite in Grautönen */
.stp-faq { padding-block: clamp(2.5rem, 5vw, 4rem); background: var(--stp-band2); box-shadow: 0 0 0 100vmax var(--stp-band2); clip-path: inset(0 -100vmax); }
.stp-faq details { background: #e6e6e6; }
.imhof-band.band-dark.stp-cta { background: #5c5c5c; box-shadow: 0 0 0 100vmax #5c5c5c; clip-path: inset(0 -100vmax); }
.container-bottom-a .stp-section { margin-bottom: 0; }

/* Dropdown unter „Der Platz“ (Desktop) */
@media (min-width: 992px) {
  body.site .container-header .mod-menu > li.parent { position: relative; }
  body.site .container-header .mod-menu > li.parent > a::after {
    content: ""; display: inline-block; width: .45em; height: .45em; margin-left: .45em; vertical-align: .2em;
    border-right: 1.5px solid currentColor; border-bottom: 1.5px solid currentColor; transform: rotate(45deg);
    position: static; background: none;
  }
  body.site .container-header .mod-menu > li > .mod-menu__sub {
    display: none; position: absolute; left: -1rem; top: 100%; z-index: 60; min-width: 270px;
    margin: 0; padding: .5rem; list-style: none;
    background: #ececec; border: 1px solid #cfcfcf; border-radius: var(--stp-r);
    box-shadow: 0 18px 36px rgba(40, 40, 40, .18);
  }
  body.site .container-header .mod-menu > li.parent:hover > .mod-menu__sub,
  body.site .container-header .mod-menu > li.parent:focus-within > .mod-menu__sub { display: block; }
  body.site .container-header .mod-menu__sub a { display: block; padding: .55rem .8rem; border-radius: var(--stp-r); color: var(--stp-ink); font-weight: 500; text-decoration: none; white-space: nowrap; }
  body.site .container-header .mod-menu__sub a:hover, body.site .container-header .mod-menu__sub li.active > a { background: var(--stp-box); color: var(--stp-ink); }
}
@media (max-width: 991.98px) {
  body.site .container-header .container-nav .mod-menu__sub { list-style: none; margin: 0 0 .5rem 1rem; padding: 0; }
  body.site .container-header .container-nav .mod-menu__sub a { display: block; padding: .5rem 1rem; color: #e4e4e4; font-size: 1rem; text-decoration: none; }
}

/* Sprachwahl: DE aktiv, EN folgt – rechts in der grauen Leiste ganz oben (zum Vorstellen für die Kundin) */
.container-topbar { display: grid; grid-template-columns: max(1.25rem, calc((100% - var(--stp-max)) / 2)) minmax(0, 1fr) auto max(1.25rem, calc((100% - var(--stp-max)) / 2)); align-items: center; }
.container-topbar > * { grid-column: 2; min-width: 0; }   /* Joomla legt jedes Modul in div.mod-custom */
.container-topbar > :has(.stp-lang) { grid-column: 3; }
.container-topbar .stp-topbar { max-width: none; margin: 0; padding-inline: 0; }
.stp-lang { position: relative; display: inline-flex; align-items: center; gap: .25rem; margin: .3rem 0 .3rem 1rem; padding: .2rem; border-radius: 999px; background: #5c5c5c; }
.stp-lang__item { display: inline-flex; align-items: center; gap: .45rem; padding: .3rem .75rem; border: 0; border-radius: 999px; background: transparent; color: #fff; font: 600 .82rem/1 "Open Sans", Arial, sans-serif; cursor: pointer; }
.stp-lang__item.is-active { background: #f1f1f1; color: var(--stp-ink); cursor: default; }
.stp-lang__item:not(.is-active):hover { background: #6e6e6e; }
.stp-lang__item svg { width: 24px; height: 16px; border-radius: 2px; box-shadow: 0 0 0 1px rgba(0, 0, 0, .15); }
.stp-lang__note { position: absolute; right: 0; top: calc(100% + .45rem); z-index: 1200; width: 250px; padding: .75rem .95rem; background: #f1f1f1; color: var(--stp-ink); border: 1px solid #cfcfcf; border-radius: var(--stp-r); font-size: .85rem; line-height: 1.4; box-shadow: 0 12px 28px rgba(40, 40, 40, .22); }
.stp-lang__note[hidden] { display: none; }
@media (max-width: 600px) { .stp-lang__item { padding: .3rem .55rem; } .stp-topbar { font-size: .78rem; } }
@media (max-width: 991.98px) { body.site .container-header:has(.container-topbar) .imhof-burger, body.site .container-header.is-scrolled:has(.container-topbar) .imhof-burger { top: calc(2.4rem + 1.3rem); } }
/* Social-Icons im Fuß */
.stp-social { display: inline-flex; align-items: center; gap: .45rem; }
.stp-social svg { width: 20px; height: 20px; }
/* v1.0.2: Menü kompakter, damit es neben dem größeren Logo Platz hat */
@media (min-width: 992px) {
  body.site .container-header .container-nav .mod-menu > li { margin: 0; padding: 0; }
  body.site .container-header .container-nav .mod-menu { gap: 0 1.15rem; }
  body.site .container-header .container-nav .mod-menu > li > a { font-size: .98rem; padding-inline: 0; }
  body.site .container-header .container-nav .mod-menu > li > a.stp-menu-cta { padding: .5rem 1rem; }
  body.site .container-header > .grid-child:not(.container-nav) { padding-right: 1.5rem; }
}
@media (min-width: 992px) and (max-width: 1365.98px) {
  body.site .container-header .brand-logo img, body.site .container-header.is-scrolled .brand-logo img { max-height: 68px; }
  body.site .container-header .brand-logo .brand-text b { font-size: 1.25rem; }
  body.site .container-header .brand-logo .brand-text small { display: none; }
  body.site .container-header .container-nav .mod-menu { gap: 0 .85rem; }
  body.site .container-header .container-nav .mod-menu > li > a { font-size: .92rem; }
}
@media (min-width: 992px) and (max-width: 1199.98px) { body.site .container-header .brand-logo .brand-text { display: none; } }

/* v1.0.3: Joomla bringt am Elternpunkt einen eigenen Pfeil-Knopf mit (.mod-menu__toggle-sub) – den nutzen, eigenen Pfeil aus */
body.site .container-header .mod-menu > li.parent > a::after { display: none !important; }
body.site .container-header .mod-menu__toggle-sub { padding: 0 0 0 .3rem; border: 0; background: none; color: var(--stp-ink); font-size: .62rem; line-height: 1; cursor: pointer; vertical-align: middle; }
@media (min-width: 992px) {
  body.site .container-header .mod-menu > li.parent > .mod-menu__toggle-sub[aria-expanded="true"] + .mod-menu__sub { display: block; }
}
/* Handy-Menü: aktiver Punkt weiß, Unterpunkte immer sichtbar, Pfeil-Knopf aus */
@media (max-width: 991.98px) {
  body.site.header-glass .container-header .container-nav .mod-menu > li > a,
  body.site.header-glass .container-header .container-nav .mod-menu > li.active > a,
  body.site.header-glass .container-header .container-nav .mod-menu > li > a:is(:hover, :focus-visible) { color: #fff; }
  body.site .container-header .container-nav .mod-menu > li.active > a { background: #5c5c5c; }
  body.site .container-header .container-nav .mod-menu__toggle-sub { display: none; }
  body.site .container-header .container-nav .mod-menu__sub { display: block !important; position: static; margin: .1rem 0 .4rem 1rem; padding: 0; background: none; border: 0; box-shadow: none; }
  body.site .container-header .container-nav .mod-menu__sub a { color: #e4e4e4 !important; font-size: .98rem; font-weight: 500; }
}/* Pfeil am Knopf selbst zeichnen (unabhängig von der Icon-Schrift) */
body.site .container-header .mod-menu__toggle-sub .icon-chevron-down { display: none; }
body.site .container-header .mod-menu__toggle-sub::before { content: ""; display: inline-block; width: .42rem; height: .42rem; margin-left: .2rem; border-right: 1.5px solid currentColor; border-bottom: 1.5px solid currentColor; transform: translateY(-.2rem) rotate(45deg); }
body.site .container-header .mod-menu__toggle-sub { font-size: 1rem; padding: .3rem .1rem .3rem .3rem; }
/* =====================================================================
   v1.0.4 – Feedback Peter 05.11.2026
   ===================================================================== */
/* „Online buchen“ im Menü wie alle anderen Punkte (der Kasten wirkte wie „aktive Seite“) */
body.site .container-header .mod-menu > li > a.stp-menu-cta,
body.site .container-header .mod-menu > li > a.stp-menu-cta:hover {
  padding: .35rem 0; border-radius: 0; background: none; color: var(--stp-ink) !important; text-align: left; margin: 0;
}
body.site .container-header .mod-menu > li > a.stp-menu-cta::before { display: block; }
body.site.header-glass .container-header .mod-menu > li.active > a.stp-menu-cta,
body.site.header-glass .container-header .mod-menu > li > a.stp-menu-cta:hover { color: var(--stp-grey) !important; }
@media (max-width: 991.98px) {
  body.site .container-header .container-nav .mod-menu > li > a.stp-menu-cta,
  body.site .container-header .container-nav .mod-menu > li > a.stp-menu-cta:hover { padding: .85rem 1rem; color: #fff !important; border-radius: var(--stp-r); }
  body.site .container-header .container-nav .mod-menu > li > a.stp-menu-cta::before { display: none; }
}

/* Hero: h1 = Ort (klein, gesperrt), h2 = Slogan (groß), Inhalt vertikal mittig */
body.site .stp-hero h1.stp-hero__h1 { max-width: none; margin: 0 0 .7rem; font-size: clamp(.82rem, 1.1vw, 1rem); font-weight: 700; line-height: 1.4; letter-spacing: .18em; text-transform: uppercase; color: #ececec; }
body.site .stp-hero h2.stp-hero__title { max-width: 15ch; margin: 0 0 1.1rem; font-size: clamp(2.6rem, 6vw, 5.2rem); font-weight: 300; line-height: 1.02; color: #fff; }
@media (min-width: 992px) {
  .stp-hero { align-items: center; }
  .stp-hero__content { padding-block: 2rem 4.5rem; }
  .stp-hero__shade { background-image: linear-gradient(90deg, rgba(45, 45, 45, .7) 0%, rgba(45, 45, 45, .35) 45%, rgba(45, 45, 45, 0) 75%), linear-gradient(to top, rgba(45, 45, 45, .35), rgba(45, 45, 45, 0) 40%); }
}

/* Runde, transparente Buttons im Hero – Schrift fett, beim Überfahren weiß */
body.site .btn.stp-btn-pill {
  min-height: 3.6rem; padding: .95rem 2.2rem; border-radius: 999px;
  border: 2px solid #fff; background: rgba(255, 255, 255, .1); color: #fff;
  font-size: 1.12rem; font-weight: 700; letter-spacing: .02em; text-shadow: 0 1px 3px rgba(0, 0, 0, .45);
}
body.site .btn.stp-btn-pill:hover, body.site .btn.stp-btn-pill:focus-visible { background: #fff; color: var(--stp-ink); text-shadow: none; }
.stp-hero__btns { gap: 1rem; }

/* Video so breit wie der Weihnachts-Kasten darunter */
.stp-yt { max-width: none; }
.stp-yt > img { opacity: .7; }

/* Kästen nebeneinander gleich hoch, Button unten bündig */
.stp-grid-2:has(> .stp-box) { align-items: stretch; }
.stp-grid-2 > .stp-box { display: flex; flex-direction: column; }
.stp-grid-2 > .stp-box > p:last-child:has(.btn) { margin-top: auto; margin-bottom: 0; padding-top: .5rem; }
.stp-grid-2 > .stp-box p { line-height: 1.75; }
@media (min-width: 992px) { body.site .container-header .container-nav .mod-menu > li > a.stp-menu-cta { padding: .35rem 0; } }