:root {
  --of-dark: #043f3b;
  --of-blue: #28657b;
  --of-sand: #f4d36b;
  --of-mist: #edf4f2;
  --of-ink: #062c47;
}
body { color: var(--of-ink); font-family: Arial, Helvetica, sans-serif; background: #fff; }
.container-header { background: var(--of-dark); box-shadow: none; }
.brand-logo img { display: none !important; }
.brand-logo::after { content: 'Ostsee-Feriendorf Schönhagen e.V.'; color: #fff; font-size: clamp(1.05rem, 2.6vw, 1.7rem); font-weight: 700; letter-spacing: .02em; white-space: nowrap; }
.container-header .mod-menu > li > a, .container-header .mod-menu > li > span { color: #fff; font-weight: 700; text-transform: uppercase; letter-spacing: .06em; }
.container-header .mod-menu > li > a:hover, .container-header .mod-menu > li.active > a { color: var(--of-sand); }
.site-grid { background: #fff; }
main { max-width: 1200px; margin: 0 auto; }
.com-content-article { padding: 3.5rem 2rem 4rem; }
main > h1, main > h2:first-of-type, main > dl { display: none !important; }
.com-content-article h1, .com-content-article h2 { color: var(--of-ink); font-family: Georgia, 'Times New Roman', serif; font-weight: 500; line-height: 1.05; }
.com-content-article h2 { font-size: clamp(2rem, 4vw, 3.3rem); margin-top: 2.5rem; }
.com-content-article h2 a { color: var(--of-ink); text-decoration: none; }
.com-content-article p { color: #456477; font-size: 1.16rem; line-height: 1.75; max-width: 760px; }
.com-content-article a { color: var(--of-dark); font-weight: 700; text-decoration-color: var(--of-sand); text-underline-offset: .24em; }
.com-content-article img { max-width: 100%; height: auto; }
.btn, .button { background: var(--of-dark); border: 0; border-radius: 0; color: #fff; padding: .85rem 1.25rem; font-weight: 700; }
.footer { background: #032335; color: #fff; }
.footer a { color: #d8eeea; }
@media (max-width: 768px) { .com-content-article { padding: 2.25rem 1.25rem; } }

.page-header, .article-info, .item-title { display: none !important; }