.faq{padding-block:var(--s-6);border-top:1px solid var(--c-line)}
.faq-inner{display:grid;gap:var(--s-5)}
.faq-title{margin:0;font-family:var(--f-display);font-weight:400;text-transform:uppercase;font-size:var(--t-h2);line-height:1;text-wrap:balance}
.faq-list{border-top:1px solid var(--c-line-2)}
.faq-item{border-bottom:1px solid var(--c-line-2)}
.faq-q{display:grid;grid-template-columns:2.6rem 1fr 20px;align-items:center;gap:var(--s-3);min-height:60px;padding-block:var(--s-3);cursor:pointer;list-style:none;-webkit-tap-highlight-color:transparent;user-select:none}
.faq-q::-webkit-details-marker{display:none}
.faq-n{color:var(--c-ink-3)}
.faq-qt{font-family:var(--f-cond);font-weight:500;font-size:var(--t-xl);letter-spacing:.01em;text-transform:uppercase;line-height:1.15;text-wrap:balance;transition:color .2s var(--ease)}
.faq-q:hover .faq-qt,.faq-item[open] .faq-qt{color:var(--c-or)}
.faq-item[open] .faq-n{color:var(--c-or)}
.faq-ic{position:relative;width:20px;height:20px}
.faq-ic::before,.faq-ic::after{content:"";position:absolute;left:3px;right:3px;top:50%;height:2px;margin-top:-1px;background:currentColor;transition:transform .3s var(--ease),opacity .3s var(--ease)}
.faq-ic::after{transform:rotate(90deg)}
.faq-item[open] .faq-ic::after{transform:rotate(0);opacity:0}
.faq-a{padding:0 0 var(--s-4) calc(2.6rem + var(--s-3));color:var(--c-ink-2);max-width:60ch;overflow:hidden;will-change:height}
.faq-a p{margin:0}
.faq-a a{color:var(--c-ink);text-decoration-color:var(--c-or);text-underline-offset:.25em;text-decoration-thickness:2px}
.faq-a a:hover{color:var(--c-or)}
.anreise{display:grid;gap:var(--s-2);padding:var(--s-4);border-left:3px solid var(--c-or);background:var(--c-bg-2);align-content:start}
.anreise-k{margin:0;color:var(--c-or)}
.anreise-t{margin:0 0 .2em;font-family:var(--f-display);font-size:clamp(1.6rem,4.6vw,2.6rem);text-transform:uppercase;line-height:1.12;text-wrap:balance;hyphens:none;-webkit-hyphens:none}
.anreise-l2{display:block}
.faq-nw{white-space:nowrap}
.anreise-alt{color:var(--c-or)}
@media (max-width:760px){
  .faq{padding-block:var(--s-7) var(--s-6);scroll-margin-top:var(--nav-h)}
  .faq-inner{gap:var(--s-5)}
  .faq-q{grid-template-columns:2.2rem 1fr 24px;gap:var(--s-2);min-height:64px;padding-block:var(--s-3);margin-inline:calc(var(--gutter) * -1);padding-inline:var(--gutter);transition:background .15s var(--ease)}
  .faq-q:active{background:var(--c-bg-2)}
  .faq-q:hover .faq-qt{color:inherit}
  .faq-item[open] .faq-q .faq-qt{color:var(--c-or)}
  .faq-qt{font-size:1.25rem}
  .faq-n{font-size:.7rem}
  .faq-ic{width:24px;height:24px;color:var(--c-ink-2)}
  .faq-item[open] .faq-ic{color:var(--c-or)}
  .faq-a{padding:0 0 var(--s-5) calc(2.2rem + var(--s-2))}
  .anreise{padding:var(--s-5) var(--s-4);gap:var(--s-3);scroll-margin-top:var(--nav-h)}
  .anreise-t{font-size:clamp(1.7rem,7.2vw,2.3rem);line-height:1.12}
}
@media (min-width:761px){
  .faq{padding-block:var(--s-9) var(--s-8)}
  .faq-inner{grid-template-columns:minmax(0,.9fr) minmax(0,1.6fr);gap:var(--s-7) var(--s-8)}
  .faq-head{grid-row:span 2}
  .faq-title{position:sticky;top:calc(var(--nav-h) + var(--s-5))}
  .anreise{grid-column:2;padding:var(--s-5) var(--s-6)}
}

.anreise-adr{margin:0;font-style:normal;font-size:var(--t-s);line-height:1.55;letter-spacing:.02em;color:var(--c-ink-2)}
.anreise-map{display:inline-flex;align-items:center;gap:.5em;justify-self:start;min-height:44px;font-family:var(--f-cond);font-weight:600;font-size:var(--t-s);letter-spacing:.16em;text-transform:uppercase;color:var(--c-ink);text-decoration:underline;text-decoration-color:var(--c-or);text-decoration-thickness:2px;text-underline-offset:.35em;transition:color .2s var(--ease)}
.anreise-map:hover{color:var(--c-or)}
.anreise-arr{color:var(--c-or);text-decoration:none}
