*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}a{color:#203b2b;text-underline-offset:.2em}a:focus-visible,button:focus-visible{outline:3px solid #aa622f;outline-offset:4px}.wp-site-blocks{padding:0}.coati-site-header{background:#f8f5ef;border-bottom:1px solid #e8ddcf;padding:20px 28px;position:relative;z-index:10}.coati-site-header .wp-block-site-title{font-size:24px;letter-spacing:.08em;font-weight:800;text-transform:uppercase}.coati-site-header .wp-block-site-title a{text-decoration:none}.coati-site-header .wp-block-navigation{font-size:15px}.coati-main{margin:0}.coati-hero{position:relative;isolation:isolate;background:#203b2b;color:#fff;overflow:hidden;margin:0}.coati-hero--image{min-height:clamp(350px,55vw,620px);display:flex;align-items:flex-end}.coati-hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.coati-hero--image:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(17,35,25,.84),rgba(17,35,25,.18));z-index:-1}.coati-hero-inner{width:min(1240px,100% - 56px);margin:auto;padding:76px 0}.coati-hero--image .coati-hero-inner{margin:0 auto}.coati-eyebrow{text-transform:uppercase;font-size:12px;letter-spacing:.18em;font-weight:700;color:#e8ddcf}.coati-hero h1{font-size:clamp(36px,5.6vw,76px);line-height:1.08;letter-spacing:-.045em;max-width:16ch;margin:20px 0;text-wrap:balance}.coati-hero-subtitle{font-size:clamp(17px,2vw,23px);line-height:1.5;max-width:48ch;color:#f3eee5}.coati-content{padding:48px 28px 72px}.coati-content>.alignwide{max-width:1240px}.coati-site-footer{background:#f8f5ef;color:#203b2b;padding:56px 28px;margin:0}.coati-site-footer a{color:#203b2b}.coati-site-footer p{max-width:46ch;color:#4b5d55}.coati-site-footer .wp-block-site-title{font-weight:800;letter-spacing:.08em}.coati-entry{margin-bottom:40px;padding-bottom:28px;border-bottom:1px solid #e8ddcf}.coati-entry h2{line-height:1.2}.coati-entry img{border-radius:8px}.coati-notice{border-left:4px solid #aa622f;background:#fff;padding:16px}.coati-content .coati-archiv,.coati-content .coati-reise-archiv{max-width:1240px;margin-left:auto;margin-right:auto}@media(max-width:700px){.coati-site-header{padding:16px 20px}.coati-hero-inner{width:calc(100% - 40px);padding:48px 0}.coati-hero--image{min-height:400px}.coati-content{padding:32px 20px 48px}.coati-site-footer{padding:40px 20px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.coati-hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.coati-hero-actions a{display:inline-flex;align-items:center;min-height:46px;padding:10px 20px;background:#f8f5ef;color:#203b2b;border:1px solid #f8f5ef;border-radius:6px;text-decoration:none;font-weight:650}.coati-hero-actions a:hover{background:#e8ddcf}@media(max-width:520px){.coati-hero-actions{flex-direction:column;align-items:flex-start}.coati-hero-actions a{width:100%;justify-content:center}}

.coati-footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:32px}.coati-footer-title{font-size:14px;letter-spacing:.1em;text-transform:uppercase;margin:0 0 20px}.coati-site-footer .wp-block-navigation{font-size:14px;line-height:1.6}.coati-copyright{max-width:none!important;margin:40px auto 0!important;padding-top:24px;border-top:1px solid #e8ddcf;font-size:12px;text-align:center}.coati-site-footer .coati-notice{color:#203b2b}@media(max-width:900px){.coati-footer-grid{grid-template-columns:1fr 1fr}}@media(max-width:520px){.coati-footer-grid{grid-template-columns:1fr}}

@media print{body.coati-aufenthaltstag-seite .coati-site-header,body.coati-aufenthaltstag-seite .coati-site-footer{display:none!important}}

/* Image-backed pages place the shared header over their hero. */
.wp-site-blocks:has(.coati-hero--image){position:relative}
.wp-site-blocks:has(.coati-hero--image) .coati-site-header{position:absolute;inset:0 0 auto;width:100%;background:transparent;border-bottom:0;color:#fff}
.wp-site-blocks:has(.coati-hero--image) .coati-site-header a,.wp-site-blocks:has(.coati-hero--image) .coati-site-header .wp-block-navigation__responsive-container-open{color:#fff}
.coati-hero--image .coati-hero-inner{padding-top:200px}
.coati-site-header .wp-block-navigation__responsive-container.is-menu-open{background:#f8f5ef;color:#203b2b}
.coati-site-header .wp-block-navigation__responsive-container.is-menu-open a,.coati-site-header .wp-block-navigation__responsive-container.is-menu-open button{color:#203b2b}
@media(max-width:700px){.coati-hero--image{min-height:560px}.coati-hero--image .coati-hero-inner{padding-top:210px}}

/* Keep gallery tiles inside narrow grid tracks despite their aspect ratio. */
.coati-content .coati-galerie-element{min-width:0;max-width:100%;width:100%}

/* Preserve the Alpine photo colours on home and travel archive. */
body:is(.home,.post-type-archive-reise) .coati-hero--image:after{background:linear-gradient(90deg,rgba(0,0,0,.48),rgba(0,0,0,.04))}

/* Compact vertical footer navigation without changing the main menu. */
.coati-site-footer .wp-block-navigation,.coati-site-footer .wp-block-navigation__container{gap:8px}

/* Trip summary lives on the white content area rather than inside the hero. */
.single-reise .coati-content .coati-reisekopf-info{color:#29342e}
.single-reise .coati-content .coati-reisekopf-status{color:#203b2b;background:#f8f5ef;border-color:#e8ddcf}
.single-reise .coati-content .coati-reisedaten-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.single-reise .coati-content .coati-reisedaten-teilwert-berechnet{padding-top:0;border-top:0}
.single-reise .coati-content .coati-etappen-wert-eingabe{display:none}
@media(max-width:780px){.single-reise .coati-content .coati-reisedaten-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.single-reise .coati-content .coati-reisedaten-grid{grid-template-columns:1fr}}

/* Neutral photo overlay and rating within the camping hero. */
.single-campingplatz .coati-hero--image:after{background:linear-gradient(90deg,rgba(0,0,0,.48),rgba(0,0,0,.04))}
.coati-hero-inner .coati-hero-rating{
  display: inline-flex!important;
  width: auto!important;
  min-width: 0!important;
  min-height: 0!important;
  height: auto!important;
  align-items: center!important;
  gap: 7px!important;
  margin: 0!important;
  padding: 3px 8px!important;
  background: rgba(255,255,255,.92)!important;
  border: 1px solid rgba(229,169,0,.4)!important;
  border-radius: 7px!important;
  box-shadow: none!important;
  line-height: 1!important;
  box-sizing: border-box!important
}

.coati-hero-inner .coati-hero-rating-stars{
  display: inline-block!important;
  flex: 0 0 auto!important;
  margin: 0!important;
  padding: 0!important;
  font-family: Arial,sans-serif!important;
  font-size: 17px!important;
  font-weight: 700!important;
  line-height: 1!important;
  letter-spacing: 1px!important;
  white-space: nowrap!important;
  color: transparent!important;
  background: linear-gradient(90deg,#e5a900 0,#e5a900 var(--coati-rating-fill),#d7dce0 var(--coati-rating-fill),#d7dce0 100%)!important;
  background-clip: text!important;
  -webkit-background-clip: text!important;
  -webkit-text-fill-color: transparent!important
}

.coati-hero-inner .coati-hero-rating-value{
  display: inline-block!important;
  margin: 0!important;
  color: #26352f!important;
  font-size: 14px!important;
  font-weight: 700!important;
  line-height: 1!important;
  white-space: nowrap!important
}

.coati-hero-inner .coati-hero-rating-value small{
  color: #68746f!important;
  font-size: 11px!important;
  font-weight: 500!important
}


/* Align camping archive return link with the content column, like trip return links. */
.single-campingplatz .coati-content>.coati-zurueck-link{display:block;max-width:var(--wp--style--global--content-size,760px);margin:20px auto 32px;color:#203b2b;font-size:1rem;font-weight:400;text-decoration:underline;text-underline-offset:.2em}
.single-campingplatz .coati-content>.coati-zurueck-link:hover{color:#aa622f}

/* Match the archive action spacing to the equipment badge gap. */
body:is(.post-type-archive-campingplatz,.page-id-3789) .coati-content .coati-archivkarte-merkmale+.coati-archivkarte-button{margin-top:8px!important}

/* Fill remaining card space above the action so row buttons share a baseline. */
body:is(.post-type-archive-campingplatz,.page-id-3789) .coati-content .coati-archivkarte-merkmale{flex:1 0 auto!important;align-content:start}

/* COATI-Doc uses its own banner rather than the generic image hero. */
.coati-doc-page .coati-site-header{border-bottom:0}

/* Let WordPress's document offset account for the admin toolbar once. */
body.coati-doc-page .coati-doc-theme-header{top:0!important;transform:none!important}

/* Keep tip metadata in normal flow above the introductory panel. */
.single-tipp .coati-content .coati-tipp-schnellinfos{margin-top:24px;margin-bottom:24px}

/* Shared content width for legacy COATI sections within the block frame. */
.coati-content>.entry-content{max-width:1200px}

/* Use the native accessible WordPress menu overlay on phones and tablets. */
@media(max-width:1000px){
.coati-site-header .wp-block-navigation__responsive-container-open{display:flex}
.coati-site-header .wp-block-navigation__responsive-container:not(.is-menu-open){display:none}
.coati-site-header .wp-block-navigation__responsive-container.is-menu-open{padding:24px}
.coati-site-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container{align-items:flex-start;gap:20px}
.coati-site-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content{color:#203b2b!important;text-shadow:none!important}
}
body.coati-doc-page .coati-doc-theme-header .wp-block-navigation{left:0!important}


/* Bounded, uncropped headers: the image defines the height, never the viewport. */
.coati-hero{width:100%;max-width:1440px;margin-inline:auto}
.coati-hero--image{display:grid;min-height:0;align-items:stretch}
.coati-hero--image>.coati-hero-image{position:relative;inset:auto;grid-area:1/1;display:block;width:100%;height:auto;max-width:100%;object-fit:contain;align-self:start;z-index:-2}
.coati-hero--image:after{grid-area:1/1}
.coati-hero--image .coati-hero-inner{grid-area:1/1;align-self:end;width:calc(100% - 80px);padding:90px 0 28px;margin:0 auto}
.coati-hero h1{font-size:clamp(32px,3.5vw,56px);margin:12px 0;max-width:22ch}
.coati-hero--image .coati-eyebrow{margin:0 0 10px}
.coati-hero--image .coati-hero-subtitle{font-size:clamp(17px,1.5vw,21px);margin:12px 0 0;max-width:52ch}
.wp-site-blocks:has(.coati-hero--image) .coati-site-header{max-width:1440px;left:50%;right:auto;transform:translateX(-50%)}
@media(max-width:1000px){
.wp-site-blocks:has(.coati-hero--image) .coati-site-header{position:relative;inset:auto;transform:none;max-width:1440px;margin-inline:auto;background:#f8f5ef;color:#203b2b}
.wp-site-blocks:has(.coati-hero--image) .coati-site-header a,.wp-site-blocks:has(.coati-hero--image) .coati-site-header .wp-block-navigation__responsive-container-open{color:#203b2b}
.coati-hero--image{display:block;min-height:0;background:#fff;color:#203b2b;overflow:visible}
.coati-hero--image>.coati-hero-image{position:static;width:100%;height:auto;object-fit:contain}
.coati-hero--image:after{display:none}
.coati-hero--image .coati-hero-inner{width:calc(100% - 40px);padding:24px 0 30px}
.coati-hero--image .coati-eyebrow{color:#526357}
.coati-hero--image .coati-hero-subtitle{color:#4b5d55}
.coati-hero-actions a{background:#f8f5ef;border-color:#e8ddcf}
}