/* Mein-Rosapineta 1.8.0u – einheitliche, kompakte Community-Unterseiten */
:root{--mr180u-ink:#102f5d;--mr180u-muted:#607994;--mr180u-line:#cfe1ee;--mr180u-blue:#0875e7;--mr180u-cyan:#32b6df;--mr180u-card:rgba(255,255,255,.95);--mr180u-shadow:0 12px 32px rgba(18,68,110,.09)}

body.mr-mobile-embedded .site-main{min-height:100vh}
body.mr-mobile-embedded .eyebrow{margin-bottom:5px;color:#0875df;font-size:10px;font-weight:950;letter-spacing:.12em}
body.mr-mobile-embedded h1,body.mr-mobile-embedded h2,body.mr-mobile-embedded h3{color:var(--mr180u-ink);letter-spacing:-.025em}
body.mr-mobile-embedded .button,body.mr-mobile-embedded button,body.mr-mobile-embedded .swap-primary{min-height:42px;border-radius:13px}
body.mr-mobile-embedded input,body.mr-mobile-embedded select,body.mr-mobile-embedded textarea{font-size:16px}
body.mr-mobile-embedded:not(.mr-mobile-view-map) .site-main>.hero,body.mr-mobile-embedded:not(.mr-mobile-view-map) .site-main>.card,body.mr-mobile-embedded:not(.mr-mobile-view-map) .site-main>.grid>.card{overflow:hidden!important;border:1px solid var(--mr180u-line)!important;border-radius:21px!important;background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(239,249,255,.96))!important;box-shadow:var(--mr180u-shadow)!important}
body.mr-mobile-embedded:not(.mr-mobile-view-map) .site-main>.hero{min-height:0!important;margin:0 0 12px!important;padding:20px!important}
body.mr-mobile-embedded:not(.mr-mobile-view-map) .site-main>.hero h1{margin:4px 0 7px!important;font-size:clamp(28px,4vw,42px)!important;line-height:1.07!important}
body.mr-mobile-embedded:not(.mr-mobile-view-map) .site-main>.hero p{max-width:760px;color:var(--mr180u-muted)!important;font-size:14px!important;line-height:1.5!important}
body.mr-mobile-embedded:not(.mr-mobile-view-map) .site-main>.grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))!important;gap:12px!important}

/* Blogs: ruhiger Hero, mehrere kompakte Karten und kurze Vorschauen. */
.page-blogs .site-main,.page-blog .site-main,.page-blog_post .site-main,.page-blog_edit .site-main,.page-blog_post_edit .site-main{background:linear-gradient(145deg,#f4faff,#eef8fd 66%,#fff9e9)}
.mr180-blog-hero{position:relative;overflow:hidden;margin-bottom:16px!important;padding:clamp(22px,4vw,42px)!important;border:1px solid rgba(255,255,255,.34)!important;border-radius:26px!important;background:radial-gradient(circle at 89% 15%,rgba(105,215,240,.32),transparent 17rem),linear-gradient(125deg,#123d83,#176fbe 56%,#2fa9d6)!important;box-shadow:0 18px 42px rgba(15,65,119,.18)!important}
.mr180-blog-hero:after{content:'✎  〰  ☀';position:absolute;right:4%;bottom:-16px;color:rgba(255,255,255,.12);font-size:76px;font-weight:900;letter-spacing:-10px;pointer-events:none}
.mr180-blog-hero h1{margin:4px 0 8px!important;font-size:clamp(31px,4.2vw,49px)!important;line-height:1.02!important}
.mr180-blog-hero p:not(.eyebrow){max-width:720px;margin:0 0 15px!important;font-size:clamp(14px,1.6vw,17px)!important;line-height:1.45!important}
.mr180-blog-search{max-width:760px!important;margin:0 auto 16px!important;padding:6px;border:1px solid var(--mr180u-line);border-radius:17px;background:rgba(255,255,255,.9);box-shadow:0 8px 24px rgba(25,70,110,.07)}
.mr180-blog-search input{min-width:0;border:0!important;background:transparent!important}
.mr180-blog-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:13px!important}
.mr180-blog-card,.mr180-article-card{border-color:var(--mr180u-line)!important;border-radius:20px!important;background:var(--mr180u-card)!important;box-shadow:var(--mr180u-shadow)!important;transition:transform .16s ease,box-shadow .16s ease}
.mr180-blog-card:hover,.mr180-article-card:hover{transform:translateY(-2px);box-shadow:0 16px 36px rgba(18,68,110,.13)!important}
.mr180-blog-cover{height:160px!important}
.mr180-blog-card>div,.mr180-article-card>div{padding:14px!important}
.mr180-blog-card h2,.mr180-article-card h2{margin:5px 0!important;font-size:18px!important;line-height:1.2!important}
.mr180-blog-card p,.mr180-article-card p{display:-webkit-box;margin:0 0 10px!important;overflow:hidden;color:var(--mr180u-muted)!important;font-size:13px!important;line-height:1.45!important;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.mr180-blog-card footer,.mr180-article-card footer{font-size:10px!important}
.mr180-blog-detail-hero{gap:20px!important;margin-bottom:16px!important;padding:18px!important;border:1px solid var(--mr180u-line);border-radius:24px!important;background:radial-gradient(circle at 90% 12%,rgba(255,218,87,.25),transparent 12rem),linear-gradient(145deg,#f4fbff,#edf7ff 62%,#fff8e8)!important;box-shadow:var(--mr180u-shadow)}
.mr180-blog-detail-hero>img{max-height:310px!important;border-radius:17px!important}
.mr180-blog-detail-hero h1{margin:7px 0!important;font-size:clamp(29px,4vw,44px)!important;line-height:1.06}
.mr180-blog-detail-hero p{color:var(--mr180u-muted);font-size:14px;line-height:1.5}
.mr180-article-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:13px!important}
.mr180-article-card{grid-template-columns:130px minmax(0,1fr)!important}
.mr180-article-card>a{min-height:142px!important}
.mr180-story{max-width:880px!important}
.mr180-story>header{border:1px solid var(--mr180u-line);border-radius:24px!important;background:linear-gradient(145deg,#f4fbff,#fff8e9)!important;box-shadow:var(--mr180u-shadow)}
.mr180-story>header>img{max-height:340px!important}
.mr180-story>header>div{padding:clamp(18px,3vw,30px)!important}
.mr180-story h1{margin:7px 0!important;font-size:clamp(30px,5vw,48px)!important;line-height:1.06}
.mr180-story .lead{font-size:16px!important;line-height:1.55!important}
.mr180-story-body{padding:22px clamp(5px,4vw,38px)!important;font-size:16px!important;line-height:1.7!important}

/* Wetter und Strand: gleiche Kartenwelt wie die Start-Strandampel. */
.weather-page{gap:13px!important}
.weather-page .weather-hero{position:relative;overflow:hidden;margin:0!important;padding:clamp(18px,3vw,28px)!important;border:1px solid var(--mr180u-line)!important;border-radius:24px!important;background:radial-gradient(circle at 88% 14%,rgba(255,217,72,.34),transparent 10rem),linear-gradient(145deg,#f7fdff,#eaf8ff 65%,#fff5d9)!important;box-shadow:var(--mr180u-shadow)!important}
.weather-page .weather-hero:after{content:'☀  〰〰  ⛱';position:absolute;right:2%;bottom:-19px;color:rgba(25,143,183,.13);font-size:64px;letter-spacing:-11px;pointer-events:none}
.weather-page .weather-hero h1{max-width:780px;margin:5px 0 7px!important;font-size:clamp(30px,4.5vw,49px)!important;line-height:1.03!important}
.weather-page .weather-hero p:not(.eyebrow){max-width:800px;margin:0 0 12px!important;color:var(--mr180u-muted)!important;font-size:15px!important;line-height:1.45!important}
.weather-page>section,.weather-page>.weather-section-head,.weather-page>.beach-status-grid,.weather-page>.beach-auto-warning{border-radius:21px}
.weather-section-head{margin:3px 0!important;padding:12px 14px!important;border:1px solid var(--mr180u-line);background:rgba(255,255,255,.88);box-shadow:0 7px 20px rgba(18,68,110,.06)}
.weather-section-head h2{margin:2px 0!important;font-size:20px!important}
.weather-disclosure{overflow:hidden;border:1px solid var(--mr180u-line);border-radius:19px;background:var(--mr180u-card);box-shadow:0 7px 20px rgba(18,68,110,.06)}
.weather-disclosure>summary{display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:10px;align-items:center;padding:12px 14px;color:var(--mr180u-ink);cursor:pointer;list-style:none}.weather-disclosure>summary::-webkit-details-marker{display:none}.weather-disclosure>summary>span{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:#eaf5ff;font-size:19px}.weather-disclosure>summary small,.weather-disclosure>summary strong{display:block}.weather-disclosure>summary small{color:#6d8296;font-size:9px;font-weight:850;letter-spacing:.06em;text-transform:uppercase}.weather-disclosure>summary strong{margin-top:2px;font-size:14px}.weather-disclosure>summary:after{content:'＋';color:#0875df;font-size:20px;font-weight:900}.weather-disclosure[open]>summary{border-bottom:1px solid #dce8f0}.weather-disclosure[open]>summary:after{content:'−'}.weather-disclosure>.weather-forecast-grid,.weather-disclosure>.weather-hourly{margin:0!important;padding:12px!important}
.beach-status-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
.beach-auto-card,.beach-community-card,.beach-auto-warning,.weather-notice{border-color:var(--mr180u-line)!important;box-shadow:var(--mr180u-shadow)!important}
.beach-report-list{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px!important}
.beach-report-card{align-content:start;padding:14px!important;border:1px solid var(--mr180u-line)!important;border-radius:19px!important;background:var(--mr180u-card)!important;box-shadow:var(--mr180u-shadow)!important}
.beach-report-card header{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:8px!important}
.beach-report-card header strong{font-size:14px!important;line-height:1.3!important}.beach-report-card header time{color:#71869a;font-size:10px!important;white-space:nowrap}
.beach-report-meta{display:flex!important;gap:5px!important;overflow-x:auto!important;margin-top:9px!important;padding-bottom:3px;scrollbar-width:none}.beach-report-meta::-webkit-scrollbar{display:none}
.beach-report-meta span{flex:0 0 auto;padding:5px 7px!important;border-radius:999px;background:#eef7fd!important;color:#315b7b;font-size:10px!important;font-weight:800}
.beach-report-more{margin-top:9px;border:1px solid #d4e4ef;border-radius:13px;background:#f8fbfe}
.beach-report-more summary{padding:9px 11px;color:#176fc1;font-size:11px;font-weight:900;cursor:pointer;list-style:none}.beach-report-more summary::-webkit-details-marker{display:none}.beach-report-more summary:after{content:'＋';float:right}.beach-report-more[open] summary{border-bottom:1px solid #dce8f0}.beach-report-more[open] summary:after{content:'−'}
.beach-report-details{display:grid;gap:9px;padding:10px}.beach-report-details p{margin:0;color:#3f5870;font-size:12px;line-height:1.5}.beach-report-details img{width:100%;max-height:250px;border-radius:12px;object-fit:cover}.beach-report-details footer{color:#73869a;font-size:10px}
.mr-beach-more{overflow:hidden}.mr-beach-more:not([open]){background:linear-gradient(145deg,#f8fcff,#eef8ff)}

/* Tauschbörse und Formulare: keine leere Riesenfläche, klare Raster. */
.swap-page,.swap-form-page{max-width:980px;margin:0 auto!important}
.swap-page .swap-hero,.swap-form-page .swap-hero{position:relative;overflow:hidden;padding:22px!important;border:1px solid var(--mr180u-line)!important;border-radius:24px!important;background:radial-gradient(circle at 90% 16%,rgba(255,218,80,.32),transparent 10rem),linear-gradient(145deg,#f7fdff,#eaf8ff 65%,#fff6df)!important;box-shadow:var(--mr180u-shadow)!important}
.swap-page .swap-hero:after,.swap-form-page .swap-hero:after{content:'↔  🎁';position:absolute;right:3%;bottom:-10px;font-size:62px;opacity:.1}
.swap-hero h1{margin:4px 0 6px!important;font-size:clamp(30px,4vw,43px)!important}.swap-hero p{max-width:760px!important;margin:0 0 13px!important;font-size:14px!important}
.swap-grid-modern{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
.swap-card,.swap-empty,.swap-form-card{border-color:var(--mr180u-line)!important;border-radius:20px!important;background:var(--mr180u-card)!important;box-shadow:var(--mr180u-shadow)!important}
.swap-empty{grid-column:1/-1;min-height:160px;display:grid;place-items:center;align-content:center;padding:22px;text-align:center}
.swap-form-card{padding:18px!important}.swap-form-card .split{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}.swap-form-card textarea{min-height:90px!important}

@media(max-width:900px){
  .mr180-blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .mr180-blog-detail-hero{grid-template-columns:1fr!important}.mr180-blog-detail-hero>img{max-height:260px!important}
  .beach-status-grid{grid-template-columns:1fr!important}
}

@media(max-width:640px){
  body.mr-mobile-embedded .site-main{padding:8px 8px 22px!important}
  .mr180-blog-hero{padding:19px 16px!important;border-radius:21px!important}.mr180-blog-hero h1{font-size:30px!important}.mr180-blog-hero p:not(.eyebrow){font-size:13px!important}
  .mr180-blog-search{display:grid!important;grid-template-columns:minmax(0,1fr) auto;margin-bottom:11px!important}
  .mr180-blog-grid,.mr180-article-grid{grid-template-columns:1fr!important;gap:9px!important}
  .mr180-blog-card{display:grid;grid-template-columns:112px minmax(0,1fr)}.mr180-blog-cover{height:100%!important;min-height:132px}.mr180-blog-card>div{padding:11px!important}.mr180-blog-card h2{font-size:16px!important}.mr180-blog-card p{-webkit-line-clamp:2;font-size:11px!important}.mr180-blog-card footer{display:none!important}
  .mr180-blog-detail-hero{padding:13px!important;border-radius:20px!important}.mr180-blog-detail-hero h1{font-size:29px!important}.mr180-blog-detail-hero>img{max-height:210px!important}
  .mr180-article-card{grid-template-columns:105px minmax(0,1fr)!important}.mr180-article-card>a{min-height:122px!important}.mr180-article-card p{display:none!important}
  .mr180-story h1{font-size:30px!important}.mr180-story .lead{font-size:14px!important}.mr180-story-body{padding:16px 4px!important;font-size:15px!important}
  .weather-page .weather-hero{padding:17px 15px!important;border-radius:21px!important}.weather-page .weather-hero h1{font-size:28px!important}.weather-page .weather-hero p:not(.eyebrow){font-size:12px!important}.weather-section-head{align-items:center!important;padding:10px!important}.weather-section-head h2{font-size:17px!important}
  .beach-report-list{grid-template-columns:1fr!important;gap:8px!important}.beach-report-card{padding:11px!important}.beach-report-card header strong{font-size:12px!important}.beach-report-meta span{font-size:9px!important}
  .swap-page .swap-hero,.swap-form-page .swap-hero{padding:17px 15px!important;border-radius:21px!important}.swap-hero h1{font-size:29px!important}.swap-grid-modern{grid-template-columns:1fr!important}.swap-form-card{padding:13px!important}.swap-form-card .split{grid-template-columns:1fr!important;gap:0!important}
}

/* Blogdetail 1.8.0v: kurze Kopffläche, gut lesbarer Inhalt und sichtbare Aktionen. */
.mr180-author-link{color:#1671c5!important;font-weight:900;text-decoration:none}.mr180-author-link:hover{text-decoration:underline}
.mr180-story{width:min(100%,1080px)!important;margin-inline:auto!important}
.mr180-story>.back-link{display:inline-flex;align-items:center;min-height:38px;margin-bottom:10px;padding:7px 12px;border:1px solid var(--mr180u-line);border-radius:999px;background:rgba(255,255,255,.9);color:#176fc1;font-weight:900;text-decoration:none;box-shadow:0 6px 18px rgba(25,70,110,.06)}
.mr180-story>header{overflow:hidden!important}.mr180-story-body{margin-top:12px!important;border:1px solid var(--mr180u-line);border-radius:22px;background:rgba(255,255,255,.9);box-shadow:var(--mr180u-shadow)}
.mr180-story-body>:first-child{margin-top:0}.mr180-story-body>:last-child{margin-bottom:0}
.mr180-story-actions{position:sticky;z-index:3;bottom:10px;display:flex!important;gap:8px!important;align-items:center!important;flex-wrap:wrap!important;width:max-content;max-width:100%;margin:14px auto 0!important;padding:7px!important;border:1px solid rgba(178,207,228,.9);border-radius:16px;background:rgba(247,252,255,.94);box-shadow:0 10px 26px rgba(20,59,96,.14);backdrop-filter:blur(14px)}
.mr180-story-actions form{margin:0!important}.page-blog_edit .form-card,.page-blog_post_edit .form-card{max-width:920px;margin-inline:auto!important;border-color:var(--mr180u-line)!important;border-radius:22px!important;background:rgba(255,255,255,.92)!important;box-shadow:var(--mr180u-shadow)!important}
@media(min-width:901px){.mr180-story>header{display:grid!important;grid-template-columns:minmax(300px,42%) minmax(0,1fr)!important;align-items:stretch!important}.mr180-story>header>img{width:100%!important;height:100%!important;min-height:300px!important;max-height:360px!important;object-fit:cover!important}.mr180-story>header>div{display:flex;flex-direction:column;justify-content:center}.mr180-story h1{font-size:clamp(32px,3.3vw,46px)!important}}
@media(max-width:640px){.mr180-story>header>img{max-height:220px!important}.mr180-story>header>div{padding:15px!important}.mr180-story h1{font-size:27px!important}.mr180-story-body{padding:16px!important;border-radius:18px!important;font-size:15px!important;line-height:1.62!important}.mr180-story-actions{position:static;width:100%;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));bottom:auto}.mr180-story-actions .button,.mr180-story-actions form,.mr180-story-actions form .button{width:100%!important}}

@media(prefers-reduced-motion:reduce){.mr180-blog-card,.mr180-article-card{transition:none}.mr180-blog-card:hover,.mr180-article-card:hover{transform:none}}