:root{
  --ink:#17394a;
  --sea:#1f5b6d;
  --sea-deep:#0f3d4b;
  --sand:#efe6d6;
  --cream:#f8f5ef;
  --white:#ffffff;
  --muted:#65737a;
  --line:#d8ddd8;
  --accent:#c89f6a;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--cream);color:#22343d;line-height:1.65}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.container{width:min(1180px,92vw);margin:0 auto}
.topbar{background:var(--sea-deep);color:#e9f2f3;font-size:.88rem;letter-spacing:.04em}
.topbar .container{display:flex;justify-content:space-between;gap:1rem;padding:.55rem 0}
.site-header{background:rgba(248,245,239,.97);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20;backdrop-filter:blur(8px)}
.header-inner{display:flex;align-items:center;justify-content:space-between;gap:2rem;padding:1.1rem 0}
.brand{display:flex;align-items:center;gap:.9rem;min-width:max-content}
.brand-mark{width:46px;height:46px;border-radius:50%;background:linear-gradient(145deg,#2e6e80,#0f3d4b);position:relative;box-shadow:inset 0 0 0 5px rgba(255,255,255,.12)}
.brand-mark:after{content:"";position:absolute;left:9px;right:9px;bottom:10px;height:9px;border-radius:50%;border-top:2px solid #f2e6cf;transform:rotate(-8deg)}
.brand-title{font-family:Georgia,serif;font-size:1.55rem;color:var(--ink);line-height:1}
.brand-sub{font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin-top:.35rem}
.nav{display:flex;gap:1.15rem;align-items:center;flex-wrap:wrap;justify-content:flex-end}
.nav a{font-size:.94rem;color:#31515e;padding:.4rem 0;border-bottom:2px solid transparent}
.nav a:hover,.nav a.active{color:var(--sea-deep);border-bottom-color:var(--accent)}
.hero{padding:4.8rem 0 3rem}
.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:2rem;align-items:stretch}
.hero-copy{background:var(--white);padding:4rem;border:1px solid var(--line);display:flex;flex-direction:column;justify-content:center;min-height:520px}
.kicker{font-size:.82rem;letter-spacing:.18em;text-transform:uppercase;color:var(--sea);font-weight:700}
h1,h2,h3{font-family:Georgia,serif;color:var(--ink);line-height:1.12;margin:0 0 1rem}
h1{font-size:clamp(2.7rem,5vw,5rem);font-weight:500;letter-spacing:-.025em}
h2{font-size:clamp(2rem,3vw,3rem);font-weight:500}
h3{font-size:1.35rem;font-weight:500}
.lead{font-size:1.12rem;color:#53636b;max-width:62ch}
.hero-art{min-height:520px;border:1px solid var(--line);position:relative;overflow:hidden;background:linear-gradient(180deg,#b8d8e1 0 34%,#5e9cb0 34% 56%,#d7c6a6 56% 64%,#507d5f 64%)}
.hero-art:before{content:"";position:absolute;width:140%;height:55%;left:-18%;bottom:4%;background:var(--white);clip-path:polygon(0 72%,12% 60%,19% 65%,27% 50%,35% 57%,46% 35%,55% 43%,64% 24%,73% 39%,84% 28%,100% 43%,100% 100%,0 100%);opacity:.72}
.hero-art:after{content:"RÜGEN";position:absolute;right:1.2rem;bottom:.3rem;color:rgba(15,61,75,.12);font-family:Georgia,serif;font-size:7rem;letter-spacing:.08em}
.hero-actions{display:flex;gap:.9rem;flex-wrap:wrap;margin-top:1.5rem}
.btn{display:inline-flex;align-items:center;justify-content:center;padding:.85rem 1.25rem;border-radius:2px;font-weight:700;font-size:.95rem;border:1px solid var(--sea-deep)}
.btn.primary{background:var(--sea-deep);color:white}
.btn.secondary{background:transparent;color:var(--sea-deep)}
.section{padding:4.6rem 0}
.section.alt{background:#f2ede4;border-top:1px solid #e5ded2;border-bottom:1px solid #e5ded2}
.section-head{display:flex;justify-content:space-between;gap:2rem;align-items:end;margin-bottom:2rem}
.section-head p{max-width:58ch;color:var(--muted);margin:0}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}
.card{background:white;border:1px solid var(--line);overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}
.card:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(20,55,70,.08)}
.card-media{height:190px;background:linear-gradient(160deg,#87afba,#d9c5a5 52%,#5c795c);position:relative}
.card-media.sea{background:linear-gradient(175deg,#9bc5d0 0 45%,#2f7185 45% 62%,#e6d6bb 62%)}
.card-media.forest{background:linear-gradient(175deg,#b6cfcc 0 35%,#617f66 35% 70%,#2f5143 70%)}
.card-media.town{background:linear-gradient(170deg,#c7d8d8 0 40%,#d5b99b 40% 68%,#6d7e7f 68%)}
.card-media:after{content:"";position:absolute;inset:auto 18px 18px auto;width:42px;height:42px;border:1px solid rgba(255,255,255,.85);border-radius:50%}
.card-body{padding:1.35rem}
.card-body p{color:#617078;margin:.3rem 0 1rem}
.card-link{font-weight:700;color:var(--sea);font-size:.92rem}
.region-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.region{background:var(--sea-deep);color:white;padding:1.5rem;min-height:180px;display:flex;flex-direction:column;justify-content:flex-end;position:relative;overflow:hidden}
.region:before{content:"";position:absolute;width:140px;height:140px;border-radius:50%;background:rgba(255,255,255,.06);right:-30px;top:-30px}
.region small{color:#bcd0d5;letter-spacing:.12em;text-transform:uppercase}
.region h3{color:white;margin-top:.4rem}
.quick-plan{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem}
.plan{padding:1.4rem;border:1px solid var(--line);background:white}
.plan strong{display:block;color:var(--sea);margin-bottom:.35rem}
.footer{background:var(--sea-deep);color:#dce8ea;margin-top:4rem}
.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:2rem;padding:3rem 0}
.footer h4{font-family:Georgia,serif;color:white;margin:0 0 .8rem;font-size:1.2rem}
.footer a{display:block;color:#c9d9dc;margin:.35rem 0;font-size:.92rem}
.footer-bottom{border-top:1px solid rgba(255,255,255,.15);padding:1rem 0;color:#9fb8be;font-size:.85rem}
.subhero{padding:3.5rem 0 2.5rem}
.subhero .box{background:white;border:1px solid var(--line);padding:3rem}
.article-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:2rem}
.article{background:white;border:1px solid var(--line);padding:2rem}
.sidebar{display:grid;gap:1rem;align-content:start}
.info{background:#efe6d6;border-left:4px solid var(--accent);padding:1.2rem}
.breadcrumb{font-size:.85rem;color:var(--muted);margin-bottom:1rem}
@media (max-width:900px){.hero-grid,.article-grid{grid-template-columns:1fr}.hero-copy,.hero-art{min-height:auto}.hero-copy{padding:2.4rem}.hero-art{height:360px}.grid-3,.region-grid,.quick-plan{grid-template-columns:1fr 1fr}.header-inner{align-items:flex-start;flex-direction:column}.nav{justify-content:flex-start}.footer-grid{grid-template-columns:1fr 1fr}}
@media (max-width:620px){.topbar .container{flex-direction:column;gap:.2rem}.grid-3,.region-grid,.quick-plan,.footer-grid{grid-template-columns:1fr}.hero{padding-top:2rem}.hero-copy{padding:1.6rem}.hero-art{height:280px}.nav{gap:.7rem}.nav a{font-size:.88rem}.section{padding:3.2rem 0}.section-head{display:block}.section-head p{margin-top:.7rem}.subhero .box{padding:1.7rem}}

/* V2 – kompakter Einstieg und stärkerer Bildfokus */
.header-inner{padding:.8rem 0}
.brand-mark{width:42px;height:42px}
.hero{padding:2.5rem 0 1.2rem}
.hero-copy{padding:2.7rem 3rem;min-height:390px}
.hero-art{min-height:390px;background-image:linear-gradient(rgba(15,61,75,.05),rgba(15,61,75,.08)),url("../images/ruegen-koenigsstuhl-kreidefelsen.webp");background-size:cover;background-position:center}
.hero-art:before,.hero-art:after{display:none}
h1{font-size:clamp(2.8rem,4.4vw,4.4rem);margin-bottom:.55rem}
.hero-subtitle{font-family:Georgia,serif;font-size:clamp(1.45rem,2.1vw,2.05rem);line-height:1.2;font-weight:500;margin:0 0 1rem;color:var(--ink)}
.hero-actions{margin-top:1rem}
.section{padding:3.6rem 0}
.hero + .section{padding-top:3rem}
@media (max-width:900px){.hero-copy{padding:2.2rem;min-height:auto}.hero-art{height:330px;min-height:330px}}
@media (max-width:620px){.hero{padding-top:1.4rem}.hero-copy{padding:1.5rem}.hero-art{height:260px;min-height:260px}}

/* V2 – kompakter Startbereich, Bilder folgen später */
.hero-art{min-height:390px;background-image:none;background:linear-gradient(180deg,#b8d8e1 0 34%,#5e9cb0 34% 56%,#d7c6a6 56% 64%,#507d5f 64%)}
.hero-art:before{display:block;content:"";position:absolute;width:140%;height:55%;left:-18%;bottom:4%;background:var(--white);clip-path:polygon(0 72%,12% 60%,19% 65%,27% 50%,35% 57%,46% 35%,55% 43%,64% 24%,73% 39%,84% 28%,100% 43%,100% 100%,0 100%);opacity:.72}
.hero-art:after{display:block;content:"BILD FOLGT";position:absolute;right:1.4rem;bottom:1rem;color:rgba(15,61,75,.26);font-family:Georgia,serif;font-size:1.15rem;letter-spacing:.12em}

/* V3: Startseite – interne Verlinkung und redaktioneller SEO-Bereich */
.quick-plan a.plan{display:block;color:inherit;text-decoration:none;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}
.quick-plan a.plan:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(13,64,77,.08);border-color:#97aeb0}
.plan-link{display:inline-block;margin-top:14px;font-weight:700;color:#0d5365;font-size:.9rem}
.seo-intro{border-top:1px solid #ddd7ca}
.editorial-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin-top:8px}
.editorial-grid h3{margin:0 0 10px;font-size:1.32rem;line-height:1.2}
.editorial-grid p{margin:0;color:#5f6e73;line-height:1.7}
.editorial-grid a{color:#0d5365;text-decoration:underline;text-underline-offset:3px}
@media(max-width:850px){.editorial-grid{grid-template-columns:1fr}.seo-intro .section-head{grid-template-columns:1fr}}

/* V4 – Orte & Ostseebäder */
.place-card .card-body small,.place-detail small{display:block;color:var(--sea);font-size:.75rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;margin-bottom:.45rem}
.image-label{position:absolute;right:14px;bottom:12px;padding:.25rem .5rem;background:rgba(255,255,255,.78);color:var(--sea-deep);font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.place-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
.place-detail{background:#fff;border:1px solid var(--line);padding:1.6rem;scroll-margin-top:105px}
.place-detail h3{margin-bottom:.65rem}
.place-detail p{margin:0;color:#5f6e73}
.place-details{border-top:1px solid #e2ddd2}
.info a{color:var(--sea-deep);text-decoration:underline;text-underline-offset:3px}
@media(max-width:760px){.place-detail-grid{grid-template-columns:1fr}}


/* V5 – Orte-Seite kompaktere vertikale Abstände */
.orte-page .subhero{padding:1.9rem 0 1.25rem}
.orte-page .subhero .box{padding:2rem 2.5rem}
.orte-page .section{padding:2.35rem 0}
.orte-page .section-head{margin-bottom:1.25rem}
.orte-page .place-details{padding-top:2.5rem;padding-bottom:2.5rem}
.orte-page main > .section:last-child{padding-top:1.5rem;padding-bottom:1.5rem}
.orte-page .footer{margin-top:1.5rem}
.orte-page .footer-grid{padding:2.2rem 0}
@media(max-width:620px){
  .orte-page .subhero{padding:1.2rem 0 .9rem}
  .orte-page .subhero .box{padding:1.35rem}
  .orte-page .section{padding:1.8rem 0}
  .orte-page .footer{margin-top:1rem}
}


/* V6 – Sehenswürdigkeiten als Themen-Hub */
.sights-page .subhero{padding:1.9rem 0 1.25rem}.sights-page .subhero .box{padding:2rem 2.5rem}.sights-page .section{padding:2.7rem 0}.sights-page .section-head{margin-bottom:1.35rem}.sights-page .footer{margin-top:0}.sights-page .footer-grid{padding:2.2rem 0}.topic-nav{display:flex;flex-wrap:wrap;gap:.55rem 1.25rem;margin-top:1.5rem;padding-top:1rem;border-top:1px solid var(--line)}.topic-nav a{color:var(--sea);font-weight:700;font-size:.9rem}.feature-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.feature-grid article{background:#fff;border:1px solid var(--line);padding:1.35rem}.feature-grid article h3{font-size:1.2rem;margin-bottom:.55rem}.feature-grid article p{margin:0;color:#5f6e73}.compact-info{margin-top:1.2rem}.sight-card .card-media{height:145px}.sights-page .editorial-grid{gap:1.25rem}@media(max-width:900px){.feature-grid{grid-template-columns:1fr 1fr}}@media(max-width:620px){.sights-page .subhero{padding:1.2rem 0 .9rem}.sights-page .subhero .box{padding:1.35rem}.sights-page .section{padding:2rem 0}.feature-grid{grid-template-columns:1fr}.topic-nav{gap:.5rem 1rem}}

/* V7 – Unterkunftsbereich vorbereitet */
.stay-box{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(240px,.7fr);gap:1.5rem;align-items:center;background:#fff;border:1px solid var(--line);padding:2rem 2.4rem}.stay-box h2{margin:.25rem 0 .65rem}.stay-box p{color:#5f6e73;max-width:760px}.stay-note{background:#efe6d6;border-left:4px solid var(--accent);padding:1.2rem}.stay-note p{margin:.35rem 0 0;font-size:.92rem}.stay-page .subhero{padding:1.9rem 0 1.25rem}.stay-page .subhero .box{padding:2rem 2.5rem}.stay-page .section{padding:2.7rem 0}.stay-page .footer{margin-top:0}@media(max-width:760px){.stay-box{grid-template-columns:1fr;padding:1.4rem}.stay-page .subhero .box{padding:1.35rem}}


/* V8 – alle Kern-Unterseiten fertiggestellt */
.guide-page .subhero{padding:1.9rem 0 1.25rem}.guide-page .subhero .box{padding:2rem 2.5rem}.guide-page .section{padding:2.7rem 0}.guide-page .section-head{margin-bottom:1.35rem}.guide-page .footer{margin-top:0}.guide-page .footer-grid{padding:2.2rem 0}.guide-page .place-detail p+ p{margin-top:.9rem}.detail-link a{color:var(--sea);font-weight:700}.route-days{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.route-days article,.week-grid article{background:#fff;border:1px solid var(--line);padding:1.35rem}.route-days span,.week-grid strong{display:block;color:var(--sea);font-size:.78rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;margin-bottom:.45rem}.route-days h3,.week-grid h3{font-size:1.18rem;margin-bottom:.55rem}.route-days p,.week-grid p{margin:0;color:#5f6e73}.week-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.week-grid article:last-child{grid-column:span 2}.guide-page .article h2:not(:first-child){margin-top:2rem}.guide-page .article h3{margin-top:1.4rem}.guide-page .article p{color:#56676e}.guide-page .stay-box{margin-top:.2rem}@media(max-width:900px){.week-grid{grid-template-columns:1fr 1fr}.route-days{grid-template-columns:1fr}.week-grid article:last-child{grid-column:auto}}@media(max-width:620px){.guide-page .subhero{padding:1.2rem 0 .9rem}.guide-page .subhero .box{padding:1.35rem}.guide-page .section{padding:2rem 0}.week-grid{grid-template-columns:1fr}}


/* V9 – FAQ, Themenpfade und vertiefende Reiseideen */
.faq-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.faq-item{background:#fff;border:1px solid var(--line);padding:1.35rem}.faq-item h3{font-size:1.14rem;margin-bottom:.5rem}.faq-item p{margin:0;color:#5f6e73}.related-links{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.related-card{display:block;background:#fff;border:1px solid var(--line);padding:1.25rem;transition:transform .16s ease,box-shadow .16s ease}.related-card:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(13,64,77,.08)}.related-card small{display:block;color:var(--sea);font-size:.74rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;margin-bottom:.35rem}.related-card strong{display:block;font-family:Georgia,serif;color:var(--ink);font-size:1.14rem;line-height:1.25}.related-card span{display:block;color:#5f6e73;margin-top:.45rem;font-size:.92rem}.special-page .subhero{padding:1.9rem 0 1.25rem}.special-page .subhero .box{padding:2rem 2.5rem}.special-page .section{padding:2.7rem 0}.special-page .footer{margin-top:0}.check-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem 1rem;margin-top:1rem}.check-item{background:#fff;border:1px solid var(--line);padding:1rem 1.1rem}.check-item strong{display:block;color:var(--ink);font-family:Georgia,serif;font-size:1.06rem;margin-bottom:.3rem}.check-item p{margin:0;color:#5f6e73;font-size:.94rem}@media(max-width:900px){.related-links{grid-template-columns:1fr 1fr}}@media(max-width:620px){.faq-grid,.related-links,.check-list{grid-template-columns:1fr}.special-page .subhero .box{padding:1.35rem}.special-page .section{padding:2rem 0}}

/* V10 – Rügen A–Z, Touren und Inselwissen */
.az-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}.az-item{display:flex;gap:1rem;align-items:flex-start;background:#fff;border:1px solid var(--line);padding:1.05rem 1.15rem;color:inherit}.az-item>span{display:grid;place-items:center;flex:0 0 34px;height:34px;border-radius:50%;background:#efe6d6;color:var(--sea-deep);font-family:Georgia,serif;font-weight:700}.az-item strong{font-family:Georgia,serif;font-size:1.08rem}.az-item p{margin:.25rem 0 0;color:#5f6e73;font-size:.92rem;line-height:1.55}@media(max-width:700px){.az-grid{grid-template-columns:1fr}}

/* V13 – interaktiver Reiseberater und Veranstaltungen */
.planner-shell{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);gap:1.4rem;align-items:start}.planner-form,.planner-result{background:#fff;border:1px solid var(--line);padding:1.7rem}.planner-form fieldset{border:0;padding:0 0 1.35rem;margin:0 0 1.35rem;border-bottom:1px solid var(--line)}.planner-form legend{font-family:Georgia,serif;font-size:1.25rem;font-weight:700;margin-bottom:.8rem}.choice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem}.choice-grid.small{grid-template-columns:repeat(2,minmax(0,1fr))}.choice-grid label{cursor:pointer}.choice-grid input{position:absolute;opacity:0;pointer-events:none}.choice-grid span{display:block;border:1px solid var(--line);padding:.8rem .9rem;background:#faf8f3;font-weight:700;color:#4d6269}.choice-grid input:checked+span{border-color:var(--sea);background:#e8f0f0;color:var(--sea-deep);box-shadow:inset 0 0 0 1px var(--sea)}.planner-submit{width:100%;border:0;cursor:pointer}.planner-result{position:sticky;top:1rem;scroll-margin-top:1rem}.planner-result h2{margin:.3rem 0 .7rem}.planner-summary{color:#5f6e73}.planner-recs{display:grid;gap:.65rem;margin-top:1rem}.planner-recs .related-card{padding:1rem}.planner-recs em{display:block;color:var(--sea);font-style:normal;font-weight:700;margin-top:.55rem;font-size:.9rem}.events-page .feature-grid article small{display:block;color:var(--sea);font-size:.74rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;margin-bottom:.35rem}.events-page .feature-grid .card-link{display:inline-block;margin-top:.8rem}@media(max-width:900px){.planner-shell{grid-template-columns:1fr}.planner-result{position:static}.choice-grid{grid-template-columns:1fr 1fr}}@media(max-width:620px){.choice-grid,.choice-grid.small{grid-template-columns:1fr}.planner-form,.planner-result{padding:1.2rem}}
/* V14: erste lizenzierte Rügen-Fotos */
.hero-art{background-image:url("../images/koenigsstuhl-nationalpark-hero.webp")!important;background-size:cover!important;background-position:center!important}
.hero-art:before,.hero-art:after{display:none!important}
.home-photo-sellin{background:url("../images/sellin-seebruecke.webp") center/cover no-repeat!important}
.home-photo-binz{background:url("../images/binz-kurhaus.webp") center/cover no-repeat!important}
.home-photo-arkona{background:url("../images/kap-arkona-ostsee.webp") center/cover no-repeat!important}
.photo-note{font-size:.78rem;color:#68777b;margin-top:.55rem}
.credits-list{display:grid;gap:1rem}.credits-list article{background:#fff;border:1px solid var(--line);padding:1.25rem}.credits-list h2{font-size:1.25rem}.credits-list a{color:var(--sea);font-weight:700}

/* V15 – weitere lizenzierte Rügen-Fotos */
.photo-binz-strand{background:url("../images/binz-strand.webp") center/cover no-repeat!important}
.photo-sassnitz-hafen{background:url("../images/sassnitz-vom-meer.webp") center/cover no-repeat!important}
.photo-putbus-circus{background:url("../images/putbus-circus.webp") center/cover no-repeat!important}
.photo-thiessow-hafen{background:url("../images/thiessow-hafen.webp") center/cover no-repeat!important}
.photo-goehren-suedstrand{background:url("../images/goehren-strand-pommersche-bucht.webp") center/cover no-repeat!important;background-position:center 58%!important}
.photo-binz-strand:after,.photo-sassnitz-hafen:after,.photo-putbus-circus:after,.photo-thiessow-hafen:after,.photo-goehren-suedstrand:after{display:none!important}

.compact-related{margin-top:14px;padding-top:12px;border-top:1px solid rgba(20,70,75,.14);font-size:.94rem;line-height:1.8}.compact-related strong{display:block;margin-bottom:3px}.sitewide-related{padding-top:34px;padding-bottom:42px}.sitewide-related .related-links{margin-top:18px}

/* Rasender Roland: Bild neben der Einleitung */
.rr-hero{display:grid;grid-template-columns:1.05fr .95fr;background:#fff;border:1px solid var(--line,#d8ddd8);overflow:hidden}
.rr-hero-copy{padding:42px 42px 44px}
.rr-hero-image{min-height:315px;background:#dce7e5}
.rr-hero-image img{width:100%;height:100%;display:block;object-fit:cover;object-position:center}
@media(max-width:850px){.rr-hero{grid-template-columns:1fr}.rr-hero-copy{padding:28px 24px}.rr-hero-image{min-height:250px}}

/* V32: visual hero panels for high-value guide pages */
.visual-hero{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);background:#fff;border:1px solid var(--line);overflow:hidden}
.visual-hero-copy{padding:2.6rem}
.visual-hero-media{min-height:390px;background-size:cover;background-position:center}
.visual-hero-media.koenigsstuhl{background-image:url("../images/ruegen-koenigsstuhl-kreidefelsen.webp")}
.visual-hero-media.schaabe{background-image:url("../images/ruegen-schaabe-juliusruh-breege.webp");background-position:center 42%}
.visual-hero-media.stoertebeker{background-image:url("../images/ruegen-stoertebeker-festspiele.webp");background-position:center}
.visual-caption{font-size:.78rem;color:#65767c;margin-top:.65rem}
@media(max-width:820px){.visual-hero{grid-template-columns:1fr}.visual-hero-copy{padding:1.7rem}.visual-hero-media{min-height:280px}}

.visual-hero-media.prora{background-image:url("../images/ruegen-prora.webp");background-position:center}
.visual-hero-media.baumwipfel{background-image:url("../images/ruegen-baumwipfelpfad.webp");background-position:center}
.visual-hero-media.granitz{background-image:url("../images/ruegen-jagdschloss-granitz.webp");background-position:center}
.visual-hero-media.hiddensee{background-image:url("../images/ruegen-hiddensee-leuchtturm-dornbusch.webp");background-position:center}

/* v47: Ortsdetail-Linklisten sind Textzeilen, nicht das Karten-Grid */
.orte-page .place-detail .related-links{display:flex;flex-wrap:wrap;align-items:baseline;gap:.25rem .55rem;margin-top:14px;padding-top:12px;border-top:1px solid rgba(20,70,75,.14);font-size:.94rem;line-height:1.55}
.orte-page .place-detail .related-links strong{flex:0 0 100%;margin:0 0 2px}
.orte-page .place-detail .related-links a{display:inline;color:var(--sea);font-weight:600}
.orte-page .place-detail .related-links a:not(:last-child)::after{content:" ·";color:#78878b;font-weight:400;margin-left:.55rem}
/* Die im HTML vorhandenen Trennpunkte zwischen Links ausblenden, ohne Text/Links zu verändern */
.orte-page .place-detail .related-links{font-size:0}
.orte-page .place-detail .related-links strong,.orte-page .place-detail .related-links a{font-size:.94rem}

.page-hero-image{max-width:1014px;margin:0 auto 2.2rem;padding:0 1rem}
.page-hero-image img{display:block;width:100%;height:360px;object-fit:cover;border:1px solid rgba(20,57,69,.14)}
.page-hero-image figcaption{font-size:.85rem;line-height:1.45;margin-top:.5rem;color:#63767d}
/* V67: Dinosaurierland – Kopf und Körper im Hero besser sichtbar */
.dinosaurierland-hero img{height:500px;object-position:center 18%}
@media (max-width:700px){.page-hero-image img{height:240px}.dinosaurierland-hero img{height:320px;object-position:center 16%}}

.footer-travel-links{max-width:1100px;margin:0 auto 1rem;padding:0 1rem;text-align:center;font-size:.92rem;line-height:1.8}
.footer-travel-links a{white-space:nowrap}

/* Dinosaurierland: kompaktere Abstaende unter dem Titelbild und zwischen den Textabschnitten */
.dinosaurierland-hero{margin-bottom:.7rem}
.dinosaurierland-hero + .section{padding-top:1.9rem;padding-bottom:1.9rem}
.dinosaurierland-hero + .section + .section{padding-top:1.25rem}
@media (max-width:700px){
  .dinosaurierland-hero{margin-bottom:.5rem}
  .dinosaurierland-hero + .section{padding-top:1.5rem;padding-bottom:1.5rem}
  .dinosaurierland-hero + .section + .section{padding-top:1rem}
}

/* V69: Dinosaurierland – Abstaende nochmals kompakter */
.dinosaurierland-hero{margin-bottom:.25rem}
.dinosaurierland-hero + .section{padding-top:1.1rem;padding-bottom:.8rem}
.dinosaurierland-hero + .section + .section{padding-top:.65rem}
@media (max-width:700px){
  .dinosaurierland-hero{margin-bottom:.2rem}
  .dinosaurierland-hero + .section{padding-top:1rem;padding-bottom:.7rem}
  .dinosaurierland-hero + .section + .section{padding-top:.55rem}
}

/* V70: Reiseideen im Footer wieder als kompakte Zeile darstellen */
.footer .footer-travel-links a{display:inline;margin:0;color:#c9d9dc;font-size:.92rem;white-space:nowrap}
.footer .footer-travel-links{padding-top:1rem;margin-bottom:.6rem}
@media (max-width:700px){
  .footer .footer-travel-links{line-height:1.9;padding-left:1rem;padding-right:1rem}
}

/* V76: Unterkunftsseite ohne Platzhaltergrafiken */
.stay-page .grid-3 .card-body{padding-top:1.45rem}
.stay-page .grid-3 .card{min-height:190px}
@media(max-width:620px){.stay-page .grid-3 .card{min-height:0}}


/* V77: Abstand zwischen Subhero und erstem Inhaltsbereich kompakter */
main > .subhero + .section{padding-top:1.8rem}
@media(max-width:620px){main > .subhero + .section{padding-top:1rem}}

/* V78: oberer Abstand zum ersten Inhaltsbereich auf allen Seiten halbiert */
main > .subhero + .section{padding-top:.9rem}
main > .hero + .section{padding-top:1.5rem}
main > .hero + .page-hero-image + .section{padding-top:1.35rem}
@media(max-width:620px){
  main > .subhero + .section{padding-top:.5rem}
  main > .hero + .section{padding-top:.75rem}
  main > .hero + .page-hero-image + .section{padding-top:1rem}
}

/* V79: echte Bilder für die drei unteren Themenkarten auf der Startseite */
.card-media.home-photo-strand{background:url("../images/baabe-strand.webp") center/cover no-repeat!important}
.card-media.home-photo-natur{background:url("../images/ruegen-baumwipfelpfad.webp") center/cover no-repeat!important}
.card-media.home-photo-planen{background:url("../images/putbus-circus.webp") center/cover no-repeat!important}

/* Karls Erlebnis-Dorf: kompaktere Abschnittsabstaende */
.karls-page .section{padding:1.2rem 0}
@media(max-width:620px){.karls-page .section{padding:1.05rem 0}}