/* Ostsee Refresh V3 – Urlaubsfeeling + konsistente 60/30/10-Farbführung
   Reines Design-Override: keine Inhalte, Bilder, Bewertungen, Entfernungen oder Funktionen verändert. */
:root{
  --holiday-bg:#F7F5F0;
  --holiday-sea:#2F7A9F;
  --holiday-turquoise:#4FB3C2;
  --holiday-water:#EAF4F8;
  --holiday-sand:#F5E9D6;
  --holiday-accent:#E87D3F;
  --holiday-accent-hover:#C9632F;
  --holiday-ink:#20313A;
}
body{background:var(--holiday-bg);color:var(--holiday-ink)}
main{overflow:hidden}
/* Leitfarbe konsequent für Überschriften und kleine Akzente */
main h2{color:#083E52}
.eyebrow.dark{color:var(--holiday-sea)}
main section:not(.booking):not(.amenities-section) h2::after{
  content:"";display:block;width:58px;height:4px;margin-top:15px;border-radius:99px;
  background:linear-gradient(90deg,var(--holiday-turquoise),var(--holiday-sea));
}
/* CTA: warmer Gegenpol zu Blau/Türkis */
.button.primary,.nav-cta,.mobile-cta a{
  background:var(--holiday-accent)!important;color:#fff!important;border-color:var(--holiday-accent)!important;
  box-shadow:0 9px 24px rgba(232,125,63,.26);
}
.button.primary:hover,.nav-cta:hover,.mobile-cta a:hover{
  background:var(--holiday-accent-hover)!important;border-color:var(--holiday-accent-hover)!important;
}
.button.secondary{border-color:rgba(255,255,255,.72)}
/* helle Flächen statt hartem Weiß */
.intro,.reviews,.nearby-card,.detail-facts-grid article,.event-grid article,.booking-form{background:#fffdf9}
.summer-freshness,.pricing{background:var(--holiday-sand)}
.winter-freshness,.events-section{background:var(--holiday-water)}
/* Karten: ruhig, freundlich, zusammengehörig */
.nearby-card,.detail-facts-grid article,.rating-source,.review-grid blockquote,.price-cards article,.tour-card{
  border-color:rgba(47,122,159,.18)!important;
}
.rating-source{background:linear-gradient(180deg,#fff,var(--holiday-water))}
.review-grid blockquote{background:#fffaf2}
/* bestehende Bilder optisch in die Palette einbinden – Bilder selbst bleiben unverändert */
.photo,.nearby-card img,.image-band,.split-image{outline:1px solid rgba(47,122,159,.12);outline-offset:-1px}
.photo:hover{box-shadow:0 16px 36px rgba(47,122,159,.18)}
/* vorhandene Vorteils- und Ausstattungsbereiche erhalten mehr Ostsee-Charakter */
.quickfacts{background:linear-gradient(135deg,#083E52 0%,var(--holiday-sea) 68%,var(--holiday-turquoise) 140%)}
.amenities-section{background:linear-gradient(90deg,#083E52 0%,#083E52 37%,var(--holiday-sand) 37%,var(--holiday-sand) 100%)}
.amenity-list article>span{background:var(--holiday-water);color:#083E52}
/* Desktop: sichtbare Farbhierarchie und großzügigere Urlaubsoptik */
@media(min-width:768px){
  .topbar{background:rgba(247,245,240,.97)}
  .hero{border:6px solid rgba(255,255,255,.88)}
  .hero-shade{background:linear-gradient(90deg,rgba(8,62,82,.91) 0%,rgba(47,122,159,.66) 40%,rgba(79,179,194,.16) 72%,rgba(8,62,82,.03) 100%)}
  .quickfacts-heading{padding-top:5px}
  .nearby-section{background:linear-gradient(180deg,#f8fcfd,var(--holiday-water))}
  .photo-grid{position:relative}
  .tour-card{background:linear-gradient(125deg,var(--holiday-water),#fffdf9 68%)}
  .split-feature#lage{background:#fffdf9}
  .split-feature#lage .location-highlight{background:var(--holiday-water)}
  .reviews{background:#fffdf9}
  .pricing{box-shadow:0 20px 48px rgba(117,89,51,.08)}
  .price-cards article.featured{background:linear-gradient(135deg,#083E52,var(--holiday-sea))}
  .booking{background:linear-gradient(135deg,#062f40 0%,#083E52 45%,var(--holiday-sea) 100%)}
  footer{background:#052d3b}
}
@media(min-width:768px) and (max-width:1050px){.amenities-section{background:var(--holiday-sand)}}
/* Mobil: gleiche Inhalte, große Touchflächen, Platz über dem vorhandenen Sticky-CTA */
@media(max-width:767px){
  body{padding-bottom:88px}
  .button,.nav-cta,.mobile-cta a{min-height:48px}
  .mobile-cta{z-index:1000}
  main h2::after{width:46px;height:3px;margin-top:11px}
  .quickfacts{background:linear-gradient(145deg,#083E52,var(--holiday-sea))}
}