/* Final visual refinement only. No content, layout order or flow changes. */
body[data-preview-page]{
  --rp-line:rgba(32,36,73,.13);
  --rp-shadow-soft:0 2px 5px -2px #20244912,0 18px 40px -26px #2024494d;
  --rp-shadow-raised:0 3px 8px -3px #20244917,0 24px 48px -25px #20244940;
  --rp-photo-grade:saturate(.96) contrast(1.015);
}
body[data-preview-page] header.rp-header-scrolled{box-shadow:0 1px 0 #2024490a,0 8px 22px -16px #20244938}

/* Depth belongs to actionable cards; editorial sections retain their open space. */
body[data-preview-page] :is(.rp-date-card,.rp-full-card,#termine article[data-planned-offer]){
  border-color:var(--rp-line)!important;
  box-shadow:var(--rp-shadow-soft);
  transition:box-shadow .22s ease,border-color .22s ease;
}
body[data-preview-page] .rp-gallery{box-shadow:inset 0 0 0 1px #ffffff24}
body[data-preview-page] .rp-gallery-controls button{border:1px solid #20244912;background:#fffffff2;box-shadow:0 2px 4px #2024490a,0 8px 20px #2024491a}
body[data-preview-page] .rp-badge{box-shadow:0 0 0 1px #2024490a,0 3px 9px #20244914}
body[data-preview-page="workation"] #termine div:has(>article[data-planned-offer]){align-items:stretch!important}
body[data-preview-page="workation"] #termine article[data-planned-offer]>div:first-child{height:230px;aspect-ratio:auto!important}
body[data-preview-page="workation"] #termine .rp-trip-actions{flex-direction:column}
body[data-preview-page="workation"] #termine .rp-trip-button{flex:0 0 auto;width:100%}
body[data-preview-page] :is(.rp-trip-button--primary,.rp-date-apply){box-shadow:inset 0 1px 0 #ffffff1f,0 3px 7px -4px #0049e678}
body[data-preview-page] :is(.rp-trip-button--secondary,.rp-date-plan){border-color:#202449a6}
body[data-preview-page] :is(.rp-trip-button,.rp-gallery-controls button,.rp-dock-icon){-webkit-tap-highlight-color:transparent}

/* Very light grading, never applied to logos, diagrams or the original-photo overlay. */
body[data-preview-page] :is(.hero-media,.vhero-media,.whero-media,.quote-media,.rp-film)>video,
body[data-preview-page] :is(.rp-photo img,#termine .rp-cover,.rp-format-grid figure img){filter:var(--rp-photo-grade)}
body[data-preview-page] .rp-format-grid figure{border-radius:16px!important;box-shadow:0 0 0 1px #ffffff1a,0 18px 38px -24px #0009}
body[data-preview-page] .strip>div{box-shadow:0 0 0 1px #2024490f,0 10px 22px -16px #20244970}

/* A small court-corner signature, deliberately limited to the concept panel. */
body[data-preview-page] .rp-concept-panel{position:relative;box-shadow:inset 0 0 0 1px #20244914,0 20px 48px -30px #20244966}
body[data-preview-page] .rp-concept-panel::after{content:"";position:absolute;right:20px;top:18px;width:36px;height:52px;border-top:1px solid #20244930;border-right:1px solid #20244930;border-radius:0 12px 0 0;pointer-events:none}
body[data-preview-page] .rp-habit{box-shadow:inset 0 0 0 1px #20244912,0 12px 30px -22px #0005}
body[data-preview-page] .rp-benefit-stats{box-shadow:inset 0 0 0 1px #2024490d,0 14px 32px -26px #2024494d}
body[data-preview-page] .rp-journey-art{box-shadow:0 0 0 8px #faf8ff,0 0 0 9px #0049e61c,0 12px 20px -16px #20244980}
body[data-preview-page] .quote-grid blockquote::before{content:"";display:block;width:46px;height:3px;margin-bottom:22px;border-radius:3px;background:linear-gradient(90deg,#0049e6 0 72%,#e8ff00 72% 100%)}
body[data-preview-page] :is([data-format-quiz],#warteliste .waitlist-card){box-shadow:0 0 0 1px #ffffffb3,var(--rp-shadow-raised)!important}

/* Clear open/focus states without introducing more animated decoration. */
body[data-preview-page] .rp-faq details{transition:background-color .18s ease,box-shadow .18s ease}
body[data-preview-page] .rp-faq details[open]{background:#ffffffa6;box-shadow:inset 3px 0 #0049e6;border-radius:10px}
body[data-preview-page] .rp-faq details[open]>summary{padding-inline:16px}
body[data-preview-page] .rp-faq details[open]>p{padding-inline:16px}
body[data-preview-page] :is(a,button,summary):focus-visible{outline:3px solid #0049e6;outline-offset:4px}
body[data-preview-page] :is(.whero,.rp-effect-section,#reiseformate,footer) :is(a,button,summary):focus-visible{outline-color:#e8ff00}

@media(hover:hover) and (pointer:fine){
  body[data-preview-page] :is(.rp-date-card,.rp-full-card,#termine article[data-planned-offer]):hover{box-shadow:var(--rp-shadow-raised);border-color:#0049e62e!important}
  body[data-preview-page] .rp-gallery-controls button:hover{background:#fff;border-color:#0049e644}
}
@media(min-width:961px){
  body[data-preview-page] #termine{padding-block:clamp(72px,8vw,104px)!important}
}
@media(min-width:701px) and (max-width:1100px){
  body[data-preview-page="workation"] #termine div:has(>article[data-planned-offer]){grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px!important}
  body[data-preview-page="workation"] #termine article[data-planned-offer]>div:last-child{padding:20px!important}
  body[data-preview-page="workation"] #termine article[data-planned-offer] h3{font-size:34px!important;line-height:1.08!important}
  body[data-preview-page="workation"] #termine .rp-trip-button{padding-inline:8px;font-size:13px}
}
@media(max-width:960px){
  body[data-preview-page="workation"] #termine article[data-planned-offer]>div:first-child{height:190px}
  body[data-preview-page] .rp-date-intro{gap:20px!important}
  body[data-preview-page] .rp-date-intro>p{justify-self:start!important;max-width:60ch!important}
}
@media(max-width:700px){
  html:has(body[data-preview-page]){scroll-padding-bottom:96px}
  body[data-preview-page] :is(#termine,#warteliste){padding-block:56px!important}
  body[data-preview-page] .rp-three-trips{margin-top:32px;gap:24px}
  body[data-preview-page="workation"] #termine div:has(>article[data-planned-offer]){margin-top:32px!important}
  body[data-preview-page="workation"] #termine article[data-planned-offer]>div:first-child{height:250px}
  body[data-preview-page] .rp-near-head{gap:12px}
  body[data-preview-page] .rp-near-head>a{display:inline-flex;align-items:center;min-height:44px}
  body[data-preview-page] .rp-date-card{box-shadow:0 2px 5px -2px #2024490f,0 12px 26px -20px #20244942}
  body[data-preview-page] .rp-benefit-grid{row-gap:32px!important}
  body[data-preview-page] .rp-concept-panel::after{display:none}
  body[data-preview-page] .quote-grid blockquote::before{margin-bottom:18px}
}
@media(prefers-reduced-motion:reduce){
  body[data-preview-page] :is(.rp-date-card,.rp-full-card,#termine article[data-planned-offer],.rp-faq details){transition:none}
}
