/* Impeccable adapt/clarify · Potsdam Rundgang · 04.11.2026. Bestehende Petrol-/Rost-Identität erhalten. */
:root{--ux-ink:#233239;--ux-muted:#53636a;--ux-line:#d2d2c8;--ux-form:#fffdf9;--ux-paper:#f8f5ee;--ux-select:#e7d2bd;--ux-focus:#91432d;--ux-button:#173e50;--ux-button-hover:#102d3b;--section:clamp(2.5rem,5vw,4.5rem)}
html{scroll-padding-top:1rem}.site-header{position:relative}
.site-header .header-row{min-height:78px;gap:1rem}.site-header ul{gap:1.2rem}.site-header nav a{font-size:.95rem;min-height:44px}
.brand small{font-size:.74rem}.brand-symbol{font-size:2.5rem}
h1{font-size:clamp(2.5rem,5vw,4.2rem);line-height:1.12;letter-spacing:-.025em}h2{font-size:clamp(2rem,3.7vw,3rem);letter-spacing:-.025em}
.hero{padding-block:2.5rem;gap:3rem}.hero h1{margin-bottom:1.2rem}.hero .lead{font-size:1.05rem;line-height:1.7}
.hero-facts{margin-top:1.2rem;line-height:1.5}.hero-facts strong{display:block;font-size:1.2rem}.hero-facts span{display:block;font-size:.9rem;color:var(--muted);max-width:42ch;margin-top:.4rem}
.hero .actions{margin-top:1.5rem;gap:.8rem;align-items:stretch}.hero .actions a{min-height:48px;line-height:1.45}
.hero-photo::before{display:none}.hero-photo>img{max-height:490px;aspect-ratio:4/5}
.intro-strip{margin-top:0}.route-label{font-size:.85rem;line-height:1.5;text-transform:none;letter-spacing:0}
.route-index{display:none}.route summary{gap:.7rem;min-height:72px;align-items:start}.route-title{font-size:1.06rem;line-height:1.4;min-width:0}.route-title small{font-size:.9rem;line-height:1.6;color:var(--ink);font-variant-numeric:tabular-nums}.route-body{padding:0 0 1.2rem}.route-body>p{font-size:1rem;max-width:70ch}.route-body .text-link{margin-top:.6rem;min-height:44px;display:inline-flex;align-items:center}
.catalog-heading h2{font-size:clamp(1.8rem,3vw,2.5rem)}.catalog-heading{margin-bottom:1.5rem}
.page-intro{padding-block:1.5rem 2rem}.page-intro h1{font-size:clamp(2.2rem,4.5vw,3.5rem);margin-block:.8rem 1rem}.page-intro .lead{font-size:1rem;max-width:68ch;line-height:1.65}
.topic-help{font-size:.93rem;color:var(--muted);margin-top:1rem}.topic-nav{margin-top:.75rem;gap:.5rem}.topic-nav a{font-size:.9rem;min-height:44px;display:inline-flex;align-items:center}
.guide-section{grid-template-columns:100px minmax(0,1fr);gap:2rem}.guide-photo{padding:0;border:0}.guide-photo img{width:100px;aspect-ratio:1}.guide-copy h2{font-size:2rem;margin-bottom:1rem}.guide-more{margin-top:1rem}.guide-more summary{padding:.6rem 0;font-weight:600}.guide-more p,.guide-more li{font-size:.95rem}.guide-more[open] summary{margin-bottom:.8rem}
.central-participation{border:1px solid var(--line);padding:1.2rem}.central-date{font-variant-numeric:tabular-nums}.central-date-main{align-items:flex-start}.date-hours{white-space:nowrap}.central-tour-register{min-height:48px}.meeting strong{display:block;margin-bottom:.5rem}
.site-footer a,.text-link,.back-link{min-height:44px;display:inline-flex;align-items:center}
@media(max-width:760px){.wrap{width:calc(100% - 2rem)}.site-header .header-row{display:flex;flex-direction:column;align-items:stretch;padding-block:.7rem;gap:.5rem}.brand{font-size:1rem}.site-header nav ul{display:flex;justify-content:space-between;gap:.4rem;width:100%;margin:0}.site-header nav a{font-size:.95rem;padding:.45rem .6rem}.site-header .nav-button{padding-inline:1rem}.site-header .nav-button span{display:none}
.hero{grid-template-columns:1fr;gap:1.3rem;padding-block:1.5rem 2rem}.hero h1{font-size:clamp(2.05rem,8vw,3rem)}.hero .lead{font-size:1rem;line-height:1.65}.hero .actions{display:flex;flex-direction:column;gap:.7rem;margin-top:1.2rem}.hero .actions a{justify-content:center}.hero-photo>img{max-height:390px;aspect-ratio:4/3;object-position:center 45%}
.section{padding-block:2.5rem}.section-heading h2{font-size:2rem}.page-intro{padding-block:1rem 1.2rem}.page-intro h1{font-size:2.1rem}.topic-nav{display:grid;grid-template-columns:1fr 1fr}.topic-nav a{font-size:.83rem;line-height:1.4}
.catalog-heading{gap:1rem}.catalog-heading h2{font-size:1.8rem}.catalog-heading img{max-height:190px;object-fit:cover}.route-title{font-size:1rem}.route-title small{font-size:.85rem}.route-body>p{font-size:.95rem}
.guide-section{display:block}.guide-photo{float:right;width:80px;margin:0 0 1rem 1rem}.guide-photo img{width:80px}.guide-section::after{content:"";display:block;clear:both}.guide-copy h2{font-size:1.65rem}.central-date-main{display:block}.date-hours{display:block;margin-top:.3rem}.public-card{padding:1.3rem}.public-card h3{font-size:1.6rem}.central-tour-register{font-size:.9rem}
}
@media(max-width:360px){.topic-nav{grid-template-columns:1fr}.brand small{font-size:.7rem}.site-header nav a{font-size:.9rem}}

/* Gemeinsame native Formzustände, keine Skripte. */
*{box-sizing:border-box}body{overflow-wrap:anywhere;caret-color:var(--ux-ink)}
::selection{background:var(--ux-select);color:var(--ux-ink)}
:is(h1,h2,h3){letter-spacing:-.025em}
:is(a,button,input,select,textarea,summary):focus-visible{outline:3px solid var(--ux-focus);outline-offset:4px}
:is(input,select,textarea){scroll-margin-block:2rem}
a{ text-underline-offset:.22em}summary{cursor:pointer;min-height:44px}
.request-layout{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(230px,.8fr);gap:2.5rem;align-items:start;padding-bottom:3rem}
.form-panel{background:var(--ux-form);border:1px solid var(--ux-line);padding:1.5rem;min-width:0}
.request-aside{font-size:.94rem;min-width:0;padding-top:.5rem}
.request-aside h2{font-size:1.55rem;line-height:1.25;margin:0 0 1rem;border:0;padding:0}
.request-aside ol{padding-left:1.3rem;margin:1rem 0}.request-aside li{margin-bottom:.7rem}
.request-aside p+p{margin-top:.8rem}
.mail-info,.group-help{color:var(--ux-muted);font-size:.9rem;line-height:1.65;margin:0 0 1rem}
.group-help{border-bottom:1px solid var(--ux-line);padding-bottom:1rem}
.request-context{display:none;scroll-margin-top:1rem}.request-context:target{display:block}
body:has(.request-context:target) .request-default{display:none}
.selected-route h2{font-size:clamp(1.45rem,2.3vw,2rem);line-height:1.25;margin:0 0 1rem;border:0;padding:0;color:var(--ux-ink)}
.selected-rate{line-height:1.6;margin-bottom:1rem}.selected-rate strong{font-size:1.15rem}.selected-rate span{display:block;font-size:.9rem;color:var(--ux-muted);margin-top:.3rem}
.request-rates{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem;margin:1rem 0}
.request-rates div{min-width:0}.request-rates dt{font-size:.78rem;color:var(--ux-muted);line-height:1.5}.request-rates dd{font-size:1.1rem;font-weight:650;font-variant-numeric:tabular-nums;margin:0;color:var(--ux-ink)}
.request-route-details{border:0;border-block:1px solid var(--ux-line);border-radius:0;background:transparent;margin:1rem 0 1.4rem}
.request-route-details>summary{display:list-item;list-style:inside disclosure-closed;padding:.65rem 0;font-size:.93rem;color:var(--ux-ink);min-height:44px}
.request-route-details[open]>summary{list-style-type:disclosure-open;margin-bottom:.7rem}
.request-route-details p,.request-route-details li{font-size:.95rem;line-height:1.65;margin-bottom:.7rem}.request-route-details ul{padding-left:1.3rem}
.request-route-details .tour-desc{border:0;padding:0;margin:1rem 0}
.request-context fieldset,.request-default fieldset{margin:0 0 1.5rem;padding:0;border:0;min-inline-size:0}
.request-context legend,.request-default legend{padding:0 0 .6rem;margin:0 0 1rem;width:100%;font-size:1.1rem;font-weight:650;border-bottom:1px solid var(--ux-line);color:var(--ux-ink)}
.request-context label,.request-default label{display:block;font-size:.95rem;font-weight:600;margin:0 0 .4rem}
.request-context input:not([type=checkbox]),.request-default input:not([type=checkbox]),.request-context textarea,.request-default textarea,.request-default select{display:block;width:100%;min-width:0;max-width:100%;min-height:48px;padding:.7rem .8rem;font:inherit;font-size:1rem;line-height:1.5;margin:0 0 1rem;border:1px solid #829095;border-radius:3px;background:#fff;color:var(--ux-ink)}
.request-context input[readonly]{background:var(--ux-paper);font-weight:600}
input::placeholder,textarea::placeholder{color:var(--ux-muted);opacity:1}
.request-context input.short-input,.request-default input.short-input{max-width:9rem}
.request-context textarea,.request-default textarea{resize:vertical}
.request-context .check-label,.request-default .check-label{display:flex;align-items:flex-start;gap:.75rem;min-height:44px;font-size:.9rem;font-weight:400;cursor:pointer}
.check-label input{width:22px;height:22px;flex-shrink:0;margin-top:.25rem;accent-color:var(--ux-ink)}
.request-context button,.request-default button{display:block;width:100%;min-height:48px;white-space:normal;line-height:1.45;padding:.8rem 1rem;margin:1rem 0 .5rem;border:0;font:inherit;font-weight:650;background:var(--ux-button);color:#fff;cursor:pointer;transition:background-color .18s ease}
.request-context button:hover,.request-default button:hover{background:var(--ux-button-hover);color:#fff}
.privacy-note{font-size:.85rem;line-height:1.6;margin-block:1rem;color:var(--ux-muted)}
.request-back a,.back-link,.request-help a,.request-aside a{display:inline-flex;align-items:center;min-height:44px;overflow-wrap:anywhere}
.request-back{margin-top:.7rem;font-size:.9rem}
.request-help{margin-top:1.5rem;padding-top:1.3rem;border-top:1px solid var(--ux-line)}
.request-help h2{font-size:1.4rem;line-height:1.3;margin:0 0 .7rem;padding:0;border:0}.request-help p{font-size:.9rem;color:var(--ux-muted)}
.request-prices{margin:1.5rem 0 0;border:0;border-top:1px solid var(--ux-line);border-radius:0;background:transparent}
.request-prices>summary{padding:.8rem 0;font-size:1rem;font-weight:650;min-height:44px;display:list-item;list-style:inside disclosure-closed}
.request-prices[open]>summary{list-style-type:disclosure-open}
.request-prices .preise-box{padding:1rem 0;border:0;background:transparent}.request-prices h2{font-size:1.4rem}.request-prices table{font-size:.82rem;min-width:570px}
.request-prices th,.request-prices td{padding:.65rem;text-align:left;white-space:nowrap}
.preis-tabelle-scroll{overflow-x:auto;overscroll-behavior-inline:contain}.preis-tabelle-scroll th,.preis-tabelle-scroll td{font-variant-numeric:tabular-nums}
@media(max-width:760px){.request-layout{display:flex;flex-direction:column;gap:1.8rem;padding-bottom:2rem}.form-panel{width:100%;padding:1.2rem 1rem}.request-aside{padding:0 1rem;width:100%}.mail-info,.group-help{font-size:.85rem}.selected-route h2{font-size:1.45rem}.request-rates{grid-template-columns:1fr 1fr;gap:.7rem 1rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*::before,*::after{transition:none!important;animation:none!important}}

/* Vorhandene mobile order-Regel der alten Buchungsansicht hier gezielt ablösen. */
.request-layout>.form-panel{order:0}.request-layout>.request-aside{order:1}.request-layout .back-link{margin-bottom:.5rem}

/* Befunde: feine Begrenzungen und lesbare Nebeninformationen. */
.public-card{border-top-width:1px}.rights-note{border-left-width:1px}.participation-note{border-left-width:1px}@media(max-width:760px){.promise li span{font-size:.88rem}}

.selected-duration{font-size:.95rem;margin:0 0 .8rem;line-height:1.5;color:var(--ink)}
