/* Only blog pages need the rounded continuation beneath the lowered symbol. */
.site-header{--header-height:75px;--header-surface:#0d202c}
.site-header .site-brand{position:relative;isolation:isolate}
/* Booking heroes continue through the navigation; keep the white links. */
body.page-booking-live .site-header{background:transparent}
/* Match the one-pixel navigation dividers on the other hero sections. */
body.page-content #sk-hero::after{height:1px}
.page-blog-index .site-header .site-brand::before,.page-blog-article .site-header .site-brand::before{content:"";position:absolute;z-index:-1;pointer-events:none;left:-16px;top:calc(50% + var(--header-height)/2 - 1px);width:calc(var(--brand-height)*.972117 + 32px);height:16px;background:var(--header-surface);border-radius:0 0 16px 16px}
/* An illuminated surround gives the contact card room before the dark footer. */
body.page-content #sk-cta{background:linear-gradient(140deg,#f7fafb,#eaf4f2)!important}
body.page-content #sk-cta .sk-cta-box{background:radial-gradient(ellipse at 0 0,#20515c,transparent 70%),linear-gradient(120deg,#123744,#0d2633);box-shadow:0 20px 48px #12343f18}
/* Old exported blog CSS sets body dark with !important. Own the page surface
   explicitly; the original article cards keep their approved local styling. */
body.page-blog-index,body.page-blog-article{background:#f5f9fa!important}
.page-blog-index .site-header,.page-blog-article .site-header,.page-privacy-settings .site-header,.page-legal .site-header{background:linear-gradient(180deg,#153d47 0%,var(--header-surface) 100%)}
.page-blog-article #inhalt{display:flow-root;background:radial-gradient(ellipse at 10% 15%,#edf7f5,transparent 55%),#f5f9fa;padding-bottom:clamp(56px,7vw,88px)}
.page-blog-article .blog-hero h1{color:#143240}
.page-blog-article .blog-hero .blog-meta{color:#496672}
.page-blog-article .blog-back{color:#236f69}
.page-blog-article .blog-bottom{margin-bottom:0;padding:28px;border-top:1px solid #cddfe1}
.blog-pagination{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:8px;margin-top:42px}
.blog-pagination a,.blog-pagination span{display:flex;align-items:center;justify-content:center;min-width:42px;min-height:44px;padding:8px 13px;border:1px solid #bed5d8;border-radius:9px;text-decoration:none;color:#23545d;background:#fff;font-size:15px}
.blog-pagination a:hover{background:#e4f1ef;border-color:#297f78}
.blog-pagination [aria-current="page"]{background:#194752;border-color:#194752;color:#fff;font-weight:700}
.blog-pagination .pagination-gap{border:0;background:none;min-width:18px;padding:4px}
.blog-pagination[hidden]{display:none}
.blog-index-heading{scroll-margin-top:24px;outline:none}
.blog-count{color:#49636d;margin:22px 0}
@media(max-width:699px){.site-header{--header-height:68px}.page-blog-index .site-header .site-brand::before,.page-blog-article .site-header .site-brand::before{left:-12px;width:calc(var(--brand-height)*.972117 + 24px);height:14px;border-radius:0 0 14px 14px}.page-blog-article .blog-bottom{padding:24px 10px}}
@media(max-width:420px){.blog-pagination{gap:6px}.blog-pagination a,.blog-pagination span{min-width:36px;padding:7px 10px}}