/*
Theme Name: Only-Fence
Theme URI: https://only-fence.com
Author: Only-Fence
Description: Block-Theme für only-fence.com. Zäune als Helden des Alltags.
Version: 1.0.0
Requires at least: 6.5
Requires PHP: 7.4
License: GPL-2.0-or-later
Text Domain: only-fence
*/

@font-face{font-family:"Archivo";src:url("assets/fonts/archivo-vf.woff2") format("woff2");font-weight:100 900;font-stretch:62% 125%;font-style:normal;font-display:swap}
@font-face{font-family:"Literata";src:url("assets/fonts/literata-vf.woff2") format("woff2");font-weight:200 900;font-style:normal;font-display:swap}
@font-face{font-family:"Literata";src:url("assets/fonts/literata-vf-italic.woff2") format("woff2");font-weight:200 900;font-style:italic;font-display:swap}

:root{--of-moos:#1F4A3A;--of-tief:#14362A;--of-ink:#23292B;--of-kalk:#F3F5F2;--of-nebel:#DCE6DE;--of-stein:#5A6762;--of-signal:#F2B90C;--of-head:Archivo,"Arial Narrow","Helvetica Neue",Arial,sans-serif;--of-gutter:clamp(1.25rem,4.5vw,2.5rem);--of-wide:76rem}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}
h1,h2,h3,h4,h5,h6,.wp-block-navigation,.of-brand__name,.wp-block-button__link,.wp-block-post-date{-webkit-hyphens:manual;hyphens:manual}
h1,h2,h3,h4,h5,h6{font-family:var(--of-head);font-weight:800;font-stretch:72%;line-height:1.02;text-wrap:balance}
img{max-width:100%;height:auto}
a{text-decoration-thickness:.1em;text-underline-offset:.18em;text-decoration-color:var(--of-signal)}
a:hover{text-decoration-color:currentColor}
:where(a,button,input,textarea,select,summary):focus-visible{outline:3px solid var(--of-ink);outline-offset:3px}
.of-hero :focus-visible,.of-footer :focus-visible,.wp-block-navigation__responsive-container.is-menu-open :focus-visible{outline-color:var(--of-signal)}
.of-wrap{width:100%;max-width:calc(var(--of-wide) + var(--of-gutter) * 2);margin-inline:auto;padding-inline:var(--of-gutter)}
.of-section{padding-block:clamp(3rem,7vw,6rem)}

.wp-element-button,.wp-block-button__link{display:inline-block;background:var(--of-moos);color:#fff;border:2px solid var(--of-moos);border-radius:0;padding:.8rem 1.5rem;font-family:var(--of-head);font-weight:700;font-stretch:90%;font-size:1.0625rem;line-height:1.1;text-decoration:none;cursor:pointer;transition:background-color .15s,color .15s,border-color .15s}
.wp-element-button:hover,.wp-block-button__link:hover{background:var(--of-signal);border-color:var(--of-signal);color:var(--of-ink)}

/* Kopfbereich */
.of-header{background:#fff;border-bottom:1px solid var(--of-nebel);position:relative;z-index:30}
.of-header__bar{padding-block:.8rem;gap:1.5rem}
.of-brand{display:inline-flex;align-items:center;gap:.7rem;color:var(--of-ink);text-decoration:none}
.of-brand__mark{display:block;width:2.75rem;height:2.75rem;object-fit:contain}
.of-brand__name{font-family:var(--of-head);font-weight:800;font-stretch:66%;font-size:2rem;line-height:1;letter-spacing:.005em}
.of-nav{font-family:var(--of-head);font-weight:600;font-stretch:88%;font-size:1.0625rem}
.of-nav .wp-block-navigation__container{gap:.2rem 1.6rem}
.of-nav .wp-block-navigation-item__content{padding:.4rem 0;border-bottom:3px solid transparent;color:var(--of-ink);text-decoration:none}
.of-nav .wp-block-navigation-item__content:hover,.of-nav .wp-block-navigation-item__content[aria-current="page"]{border-bottom-color:var(--of-signal)}
.wp-block-navigation__responsive-container.is-menu-open{padding:1.25rem var(--of-gutter) 2rem}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content{font-size:clamp(2rem,10vw,3.25rem);font-weight:800;font-stretch:66%;line-height:1.1;border-bottom-width:4px}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content:hover,.wp-block-navigation__responsive-container.is-menu-open [aria-current="page"]{border-bottom-color:var(--of-signal)}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container{gap:.6rem}

/* Startseite: Held mit Latten */
.of-hero{background:var(--of-moos);color:#fff;padding-top:clamp(2.5rem,6vw,5.5rem);overflow:hidden}
.of-hero__grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:clamp(1.5rem,4vw,4.5rem);align-items:end}
.of-hero__text{padding-bottom:clamp(2.25rem,5vw,4.5rem)}
.of-hero .of-hero__title{margin:0 0 1.5rem;color:#fff;font-size:clamp(2.9rem,1.3rem + 6.2vw,6.75rem);font-stretch:64%;line-height:.92}
.of-hero .of-hero__lead{max-width:34rem;margin:0;color:#E0ECE4;font-size:clamp(1.1rem,1rem + .45vw,1.35rem);line-height:1.6}
.of-hero .of-hero__sign{display:flex;align-items:center;gap:1rem;margin:1.75rem 0 0;color:var(--of-signal);font-style:italic;font-size:1.125rem}
.of-hero .of-hero__sign::before{content:"";flex:none;width:3rem;height:3px;background:currentColor}
.of-hero .of-hero__cta{margin-top:1.75rem}
.of-hero .of-hero__cta .wp-block-button__link{background:var(--of-signal);border-color:var(--of-signal);color:var(--of-ink)}
.of-hero .of-hero__cta .wp-block-button__link:hover{background:#fff;border-color:#fff}
.of-hero__media{margin:0;align-self:end}
.of-hero__media img{display:block;width:100%;aspect-ratio:5/4;object-fit:cover}
.of-pickets img{--p:clamp(26px,4.2vw,54px);--tip:calc(var(--p) * .5833);-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 48 28%22 preserveAspectRatio=%22none%22%3E%3Cpath d=%22M6 28V10L24 0l18 10v18z%22/%3E%3C/svg%3E"),linear-gradient(90deg,transparent 12.5%,#000 12.5%,#000 87.5%,transparent 87.5%);mask-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 48 28%22 preserveAspectRatio=%22none%22%3E%3Cpath d=%22M6 28V10L24 0l18 10v18z%22/%3E%3C/svg%3E"),linear-gradient(90deg,transparent 12.5%,#000 12.5%,#000 87.5%,transparent 87.5%);-webkit-mask-size:var(--p) var(--tip),var(--p) calc(100% - var(--tip) + 1px);mask-size:var(--p) var(--tip),var(--p) calc(100% - var(--tip) + 1px);-webkit-mask-position:0 0,0 calc(var(--tip) - 1px);mask-position:0 0,0 calc(var(--tip) - 1px);-webkit-mask-repeat:repeat-x;mask-repeat:repeat-x}
@media (max-width:52rem){.of-hero__grid{grid-template-columns:1fr}.of-hero__media{margin-inline:calc(var(--of-gutter) * -1)}.of-hero__media img{aspect-ratio:4/3}}
@media (prefers-reduced-motion:no-preference){.of-hero__media{animation:of-rise .9s cubic-bezier(.2,.7,.2,1) .15s both}}
@keyframes of-rise{from{clip-path:inset(100% 0 0 0)}to{clip-path:inset(0)}}

/* Startseite: Text */
.of-manifest .of-wrap{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem clamp(2rem,5vw,4.5rem)}
.of-manifest p{margin:0}
.of-manifest .of-manifest__toast{grid-column:1 / -1;max-width:54rem;margin-top:clamp(1rem,3vw,2rem);padding-left:clamp(1rem,3vw,1.75rem);border-left:6px solid var(--of-signal);color:var(--of-moos);font-size:clamp(1.45rem,1.05rem + 1.8vw,2.4rem);font-style:italic;font-weight:500;line-height:1.3}
@media (max-width:52rem){.of-manifest .of-wrap{grid-template-columns:1fr}}

/* Beitragslisten */
.of-posts{background:#fff;border-top:1px solid var(--of-nebel)}
.of-posts .of-section__title{margin:0 0 clamp(1.5rem,4vw,2.5rem);color:var(--of-moos);font-size:clamp(2.2rem,1.4rem + 3vw,3.75rem);font-stretch:68%}
.of-feature .wp-block-post-template,.of-list .wp-block-post-template{list-style:none;margin:0;padding:0}
.of-feature .wp-block-post{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:clamp(1.25rem,4vw,3.5rem);align-items:center;margin:0}
.of-feature .wp-block-post-featured-image,.of-list .wp-block-post-featured-image{margin:0}
.of-feature .wp-block-post-featured-image img{display:block;width:100%;height:auto;aspect-ratio:5/4;object-fit:cover}
.of-feature__body{display:grid;gap:.9rem;align-content:center}
.of-feature .wp-block-post-title{margin:0;font-size:clamp(2.1rem,1.2rem + 3.6vw,4rem);font-stretch:66%;line-height:.96}
.wp-block-post-title a{color:inherit;text-decoration:none}
.wp-block-post-title a:hover{text-decoration:underline;text-decoration-color:var(--of-signal);text-decoration-thickness:.09em;text-underline-offset:.1em}
.wp-block-post-date{margin:0;font-family:var(--of-head);font-weight:600;font-stretch:90%;font-size:.95rem;color:var(--of-stein)}
.wp-block-post-excerpt,.wp-block-post-excerpt__excerpt{margin:0}
.wp-block-post-excerpt__more-text{margin:.9rem 0 0}
.wp-block-post-excerpt__more-link{font-family:var(--of-head);font-weight:700;font-stretch:90%;color:var(--of-moos)}
.of-list{margin-top:clamp(2rem,5vw,3.5rem)}
.of-list .wp-block-post{display:grid;grid-template-columns:clamp(5.5rem,15vw,9.5rem) minmax(0,1fr);gap:1rem clamp(1rem,3vw,2rem);align-items:start;margin:0;padding-block:1.4rem;border-top:1px solid var(--of-nebel)}
.of-list .wp-block-post:last-child{border-bottom:1px solid var(--of-nebel)}
.of-list .wp-block-post:not(:has(.wp-block-post-featured-image)){grid-template-columns:1fr}
.of-list .wp-block-post-featured-image img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover}
.of-item__body{display:grid;gap:.35rem;min-width:0}
.of-list .wp-block-post-title{margin:0;font-size:clamp(1.55rem,1.2rem + 1.3vw,2.3rem);font-stretch:70%;line-height:1}
.of-list .wp-block-post-excerpt__excerpt{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:1rem;line-height:1.55;color:#3E4A46}
.of-list .wp-block-post-excerpt__more-text{display:none}
@media (max-width:52rem){.of-feature .wp-block-post{grid-template-columns:1fr}}

/* Footer mit Latten-Kante */
.wp-site-blocks>*+*{margin-block-start:0}
.of-footer{--p:clamp(26px,3.6vw,46px);position:relative;margin-top:clamp(3.5rem,8vw,6rem);padding-block:clamp(2.5rem,6vw,4.5rem) 1.5rem;background:var(--of-tief);color:#C5D5CB}
.home .of-footer{margin-top:0}
.of-footer::before{content:"";position:absolute;left:0;right:0;bottom:calc(100% - 1px);height:calc(var(--p) * .5833);background:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 48 28%22 preserveAspectRatio=%22none%22%3E%3Cpath fill=%22%2314362A%22 d=%22M0 28v-3h6V10L24 0l18 10v15h6v3z%22/%3E%3C/svg%3E") repeat-x 0 0/var(--p) 100%;pointer-events:none}
.of-footer a{color:#fff;text-decoration-color:rgba(255,255,255,.35);text-underline-offset:.2em}
.of-footer a:hover{text-decoration-color:var(--of-signal)}
.of-footer__grid{display:grid;grid-template-columns:minmax(0,1.4fr) repeat(2,minmax(0,1fr));gap:2.25rem clamp(2rem,5vw,4rem)}
.of-footer .of-footer__title{margin:0 0 .9rem;font-family:var(--of-head);font-size:.85rem;font-weight:700;font-stretch:100%;letter-spacing:.14em;text-transform:uppercase;line-height:1.2;color:var(--of-signal)}
.of-footer .of-footer__tagline{margin:.75rem 0 0;max-width:20rem;font-size:1.25rem;font-style:italic;line-height:1.35;color:#E0ECE4}
.of-footer__nav .wp-block-navigation__container{display:flex;flex-direction:column;align-items:flex-start;gap:.45rem}
.of-footer__nav a{font-size:1rem}
.of-footer__nav .wp-block-navigation-item__content{padding:0}
.of-footer__legal p{margin:0 0 .45rem}
.of-footer .gtranslate_wrapper{margin-top:1rem}
.of-footer__bottom{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.5rem 2rem;margin-top:clamp(2rem,5vw,3.5rem);padding-top:1.25rem;border-top:1px solid rgba(255,255,255,.14);font-size:.9375rem;color:#9FB6A9}
.of-footer__bottom p{margin:0}
@media (max-width:52rem){.of-footer__grid{grid-template-columns:1fr 1fr}.of-footer__brand{grid-column:1 / -1}}
@media (max-width:30rem){.of-footer__grid{grid-template-columns:1fr}}

/* Unterseiten */
.of-pagehead{padding-block:clamp(2.75rem,8vw,6rem) clamp(2rem,5vw,3.5rem);background:var(--of-moos);color:#fff}
.of-pagehead .wp-block-post-title,.of-pagehead .wp-block-query-title{margin:0;color:#fff;font-size:clamp(2.9rem,1.4rem + 6vw,6.5rem);font-stretch:64%;line-height:.92;overflow-wrap:anywhere}
.of-pagehead .wp-block-post-title::after,.of-pagehead .wp-block-query-title::after{content:"";display:block;width:clamp(4rem,10vw,7rem);height:6px;margin-top:clamp(1rem,2.5vw,1.6rem);background:var(--of-signal)}
.of-pagehead .wp-block-post-date{margin:0 0 1rem;font-size:1rem;color:#C9DACF}
.of-content{padding-block:clamp(2rem,5vw,4rem) clamp(3.5rem,8vw,6.5rem)}
.of-content .wp-block-post-content>*{margin-left:0!important;margin-right:auto!important}
.of-content .wp-block-post-content>:is(.wp-block-gallery,.wp-block-columns,.alignwide,.wp-block-table,.wp-block-embed,.wp-block-query){max-width:100%}
.wp-block-post-content>:is(h2,h3,h4){text-wrap:balance}
.wp-block-post-content h2{margin:2.2em 0 .55em;color:var(--of-moos);font-size:clamp(1.9rem,1.3rem + 2.2vw,2.9rem);font-stretch:72%;line-height:1}
.wp-block-post-content h3{margin:1.8em 0 .5em;font-size:clamp(1.4rem,1.1rem + 1.1vw,1.9rem);font-stretch:80%;line-height:1.1}
.wp-block-post-content>:is(h2,h3):first-child{margin-top:0}
.wp-block-post-content :is(ul,ol){padding-left:1.35em}
.wp-block-post-content li{margin-block:.3em}
.wp-block-post-content li::marker{color:var(--of-moos)}
:is(.page-id-18,.page-id-26,.page-id-85,.page-id-515) .wp-block-post-content>p:first-of-type{font-size:clamp(1.2rem,1.05rem + .6vw,1.45rem);line-height:1.6}
.wp-block-post-content blockquote{margin-inline:0;padding-left:1.25rem;border-left:6px solid var(--of-signal);font-style:italic}
.wp-block-post-content hr{border:0;border-top:1px solid var(--of-nebel);margin-block:2.5rem}

/* Bilder und Galerien */
.wp-block-image img{max-width:100%;height:auto}
.wp-block-image figcaption,.wp-block-gallery figcaption{font-family:var(--of-head);font-size:.9375rem;font-stretch:90%;color:var(--of-stein)}
.wp-block-gallery{gap:clamp(.6rem,1.6vw,1.1rem)}
.wp-block-gallery.has-nested-images figure.wp-block-image{margin:0;overflow:hidden}
.wp-block-gallery.has-nested-images figure.wp-block-image img{display:block;width:100%;height:100%;object-fit:cover}
.wp-block-gallery.has-nested-images figure.wp-block-image figcaption{color:#fff}
@media (hover:hover) and (prefers-reduced-motion:no-preference){.wp-block-gallery.has-nested-images figure.wp-block-image img{transition:transform .6s cubic-bezier(.2,.7,.2,1)}.wp-block-gallery.has-nested-images figure.wp-block-image:hover img{transform:scale(1.04)}}
.wp-block-columns{gap:clamp(1.25rem,3vw,2.25rem)}
.wp-block-column>.wp-block-image{margin:0 0 1.5rem}

/* Formulare */
:is(.gwolle-gb-write,.wp-block-post-comments-form,.wp-block-search) :is(input[type=text],input[type=email],input[type=url],input[type=search],textarea),.wp-block-search__input{width:100%;box-sizing:border-box;padding:.7rem .85rem;border:2px solid var(--of-nebel);border-radius:0;background:#fff;font:inherit;color:var(--of-ink)}
:is(.gwolle-gb-write,.wp-block-post-comments-form,.wp-block-search) :is(input,textarea):focus,.wp-block-search__input:focus{border-color:var(--of-moos);outline:3px solid var(--of-signal);outline-offset:1px}
:is(.gwolle-gb,.wp-block-post-comments-form,.wp-block-search) :is(input[type=submit],input[type=button],button[type=submit],.wp-block-search__button){display:inline-block;padding:.8rem 1.5rem;border:2px solid var(--of-moos);border-radius:0;background:var(--of-moos);color:#fff;font-family:var(--of-head);font-size:1rem;font-weight:700;font-stretch:90%;letter-spacing:.02em;cursor:pointer;transition:background .2s,border-color .2s}
:is(.gwolle-gb,.wp-block-post-comments-form,.wp-block-search) :is(input[type=submit],input[type=button],button[type=submit],.wp-block-search__button):hover{background:var(--of-tief);border-color:var(--of-tief)}
.wp-block-search__inside-wrapper{gap:.5rem}

/* Gaestebuch */
.gwolle-gb{margin-top:1.5rem}
.gwolle-gb-write:not(.gwolle-gb-hide){margin:0 0 2rem;padding:clamp(1.1rem,3vw,2rem);background:#fff;border:1px solid var(--of-nebel);border-left:6px solid var(--of-signal)}
.gwolle-gb-write label{display:block;margin:0 0 .3rem;font-family:var(--of-head);font-weight:700;font-stretch:90%;font-size:.95rem;color:var(--of-moos)}
.gwolle-gb-write input[type=checkbox]{width:1.15rem;height:1.15rem;margin-right:.5rem;accent-color:var(--of-moos)}
.gwolle-gb-write-button{margin:0 0 2rem}
.gb-entry{padding:1.4rem 0;border-top:1px solid var(--of-nebel)}
.gb-entry.gwolle-gb-first{border-top:2px solid var(--of-moos)}
.gb-author-info{display:flex;flex-wrap:wrap;align-items:baseline;gap:.1rem .75rem;font-family:var(--of-head);font-stretch:90%;font-size:.95rem;color:var(--of-stein)}
.gb-author-name{font-size:1.2rem;font-weight:800;color:var(--of-moos)}
.gb-entry-content{margin-top:.5rem}
.gb-entry-content p{margin:0 0 .6rem}
.gb-entry-admin_reply{margin:1rem 0 0 clamp(0rem,3vw,1.5rem);padding:1rem 1.25rem;background:var(--of-nebel);border-left:4px solid var(--of-moos)}
.gb-metabox{font-size:.875rem;color:var(--of-stein)}
.gb-metabox-line{margin:.25rem 0 0}
#gwolle-gb-total{margin:0 0 1rem;font-family:var(--of-head);font-weight:700;color:var(--of-stein)}

/* Kommentare */
.wp-block-comments{margin-top:clamp(2.5rem,6vw,4rem);padding-top:2rem;border-top:2px solid var(--of-moos)}
.wp-block-comments-title{margin:0 0 1rem;font-size:clamp(1.6rem,1.2rem + 1.6vw,2.4rem);font-stretch:72%;color:var(--of-moos)}
.wp-block-comment-template{list-style:none;margin:0;padding:0}
.wp-block-comment-template li{margin:0;padding-block:1.25rem;border-top:1px solid var(--of-nebel)}
.wp-block-comment-author-name{font-family:var(--of-head);font-weight:800;font-stretch:90%;color:var(--of-moos)}
.wp-block-comment-date{font-size:.875rem;color:var(--of-stein)}
.wp-block-comment-content p{margin:.4rem 0}
.wp-block-comment-reply-link,.wp-block-comment-edit-link{font-size:.9rem}
.wp-block-avatar img{border-radius:0}
.wp-block-post-comments-form{margin-top:2rem}
.wp-block-post-comments-form .comment-reply-title{font-size:clamp(1.4rem,1.1rem + 1.1vw,1.9rem);font-stretch:75%;color:var(--of-moos)}
.wp-block-post-comments-form label{display:block;margin-bottom:.3rem;font-family:var(--of-head);font-weight:700;font-stretch:90%;font-size:.95rem}

/* Navigation, Einzelbeitrag, 404 */
.wp-block-query-pagination{display:flex;flex-wrap:wrap;gap:.5rem 1.25rem;margin-top:2rem;font-family:var(--of-head);font-weight:700;font-stretch:90%}
.wp-block-query-pagination-numbers .current{padding-bottom:.1rem;border-bottom:3px solid var(--of-signal)}
.wp-block-post-navigation-link{font-family:var(--of-head);font-weight:700;font-stretch:90%}
.of-single__media{margin:0 0 clamp(1.5rem,4vw,2.5rem)}
.of-single__media img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover}
.of-404{padding-block:clamp(3rem,10vw,8rem)}
.of-404 .of-404__code{margin:0;color:var(--of-moos);font-size:clamp(5.5rem,3rem + 14vw,13rem);font-stretch:62%;line-height:.85}
.of-404 .of-404__text{margin:1rem 0 1.5rem;max-width:30rem}

/* Bewegung reduzieren */
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

/* Ergaenzungen */
.of-main>*+*{margin-block-start:0}
.wp-block-post-content>.alignfull{margin-block:0}
.of-pagehead h1{margin:0;color:#fff;font-size:clamp(2.9rem,1.4rem + 6vw,6.5rem);font-stretch:64%;line-height:.92;overflow-wrap:anywhere}
.of-pagehead h1::after{content:"";display:block;width:clamp(4rem,10vw,7rem);height:6px;margin-top:clamp(1rem,2.5vw,1.6rem);background:var(--of-signal)}
.of-narrow{max-width:40rem}
.of-footer .of-brand__mark{filter:brightness(0) invert(1)}
.of-footer .of-brand__name{color:#fff}
.of-footer .of-brand{text-decoration:none}
.of-nav .wp-block-navigation__responsive-container-open{color:var(--of-ink)}
.of-nav .wp-block-navigation__responsive-container.is-menu-open{background:var(--of-moos);color:#fff}
.of-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content{color:#fff}
@media (max-width:60rem){.of-nav .wp-block-navigation__responsive-container-open:not(.always-shown){display:flex}.of-nav .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open){display:none}}
@media (min-width:52.01rem){.of-hero__media{display:flex;align-items:flex-end;align-self:stretch}.of-hero__media img{height:100%;min-height:22rem;aspect-ratio:auto;object-position:32% 45%}}
.wp-site-blocks .is-style-rounded img{border-radius:0!important}
.of-nav.wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open{background:var(--of-moos);color:#fff}
.of-nav .wp-block-navigation__responsive-container-open svg,.of-nav .wp-block-navigation__responsive-container-close svg{width:32px;height:32px}
.of-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-close{top:1rem;right:var(--of-gutter)}
.of-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content{padding-top:3.5rem}
.of-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container{align-items:flex-start}
.of-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content{--navigation-layout-justify:flex-start;--navigation-layout-align:flex-start;--navigation-layout-justification-setting:flex-start;align-items:flex-start;justify-content:flex-start}
.of-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container,.of-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-page-list{width:100%;justify-content:flex-start;align-items:flex-start}
.of-nav .wp-block-navigation__responsive-container.is-menu-open{padding:1.25rem var(--of-gutter) 2rem}
.gwolle-gb .gb-entry :is(.gb-author-info,.gb-entry-content,.gb-entry-admin_reply .gb-admin-reply-content){padding-left:0;padding-right:0}
.of-pagehead :is(.wp-block-post-title,h1,.wp-block-query-title){font-size:clamp(2.4rem,.9rem + 6.4vw,6.5rem);overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}
.of-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content{--navigation-layout-justify:center;--navigation-layout-align:center;--navigation-layout-justification-setting:center;align-items:center;justify-content:flex-start;text-align:center}
.of-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container,.of-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-page-list{width:100%;justify-content:center;align-items:center}
.of-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item{justify-content:center;text-align:center}

/* Zaunspruch des Tages */
.of-spruch{position:relative;background:var(--of-signal);color:var(--of-ink);padding-block:clamp(2.5rem,6vw,5rem)}
.of-spruch .of-wrap{display:grid;gap:clamp(.9rem,2vw,1.5rem)}
.of-spruch .of-spruch__label{display:flex;align-items:center;gap:.75rem;margin:0;font-family:var(--of-head);font-weight:800;font-stretch:100%;font-size:.85rem;letter-spacing:.16em;text-transform:uppercase;line-height:1.2}
.of-spruch .of-spruch__label::before{content:"";flex:none;width:2.25rem;height:3px;background:currentColor}
.of-spruch .of-spruch__quote{max-width:62rem;margin:0;padding:0;border:0;font-style:normal}
.of-spruch .of-spruch__quote p{margin:0;font-family:var(--of-head);font-weight:800;font-stretch:66%;font-size:clamp(2.2rem,1.1rem + 4.6vw,4.9rem);line-height:.98;text-wrap:balance;-webkit-hyphens:manual;hyphens:manual}
.of-spruch .of-spruch__quote p::before{content:"\201E"}
.of-spruch .of-spruch__quote p::after{content:"\201C"}
.of-spruch .of-spruch__meta{display:flex;flex-wrap:wrap;gap:.35rem 1.5rem;margin:0;font-family:var(--of-head);font-weight:600;font-stretch:90%;font-size:1rem}
.of-spruch .of-spruch__meta a{color:var(--of-ink);font-weight:700;text-decoration-color:var(--of-ink)}
.of-spruch :focus-visible{outline-color:var(--of-moos)}
.of-content .wp-block-post-content>:is(.of-sprueche,.of-map){max-width:100%}
.of-content .wp-block-post-content .of-sprueche{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,19rem),1fr));gap:clamp(.8rem,2vw,1.25rem);margin:2rem 0 0;padding:0;list-style:none}
.of-content .wp-block-post-content .of-sprueche__item{position:relative;margin:0;padding:1.3rem 1.4rem 1.5rem;background:#fff;border:1px solid var(--of-nebel);border-top:6px solid var(--of-moos)}
.of-content .wp-block-post-content .of-sprueche__item.is-today{background:var(--of-signal);border-color:var(--of-signal)}
.of-sprueche__tag{display:inline-block;margin-bottom:.7rem;padding:.2rem .6rem;background:var(--of-ink);color:#fff;font-family:var(--of-head);font-size:.75rem;font-weight:700;letter-spacing:.12em;line-height:1.2;text-transform:uppercase}
.of-sprueche .of-sprueche__text{margin:0;font-family:var(--of-head);font-weight:800;font-stretch:72%;font-size:clamp(1.5rem,1.2rem + 1vw,2rem);line-height:1.05;text-wrap:balance;-webkit-hyphens:manual;hyphens:manual}
.of-sprueche .of-sprueche__text::before{content:"\201E"}
.of-sprueche .of-sprueche__text::after{content:"\201C"}

/* Sticker-Karte */
.of-map{margin-block:clamp(1.5rem,4vw,2.5rem) clamp(2rem,5vw,3.5rem)}
.of-map:not(.is-ready) :is(.of-map__bar,.of-map__zoom,.of-map__card){display:none}
.of-map__bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.6rem 1.5rem;margin-bottom:.75rem}
.of-map__views{display:flex;flex-wrap:wrap;gap:.4rem}
.of-map .of-map__chip{padding:.55rem .95rem;border:2px solid var(--of-moos);border-radius:0;background:#fff;color:var(--of-moos);font-family:var(--of-head);font-weight:700;font-stretch:90%;font-size:.95rem;line-height:1;cursor:pointer}
.of-map .of-map__chip:hover{background:var(--of-nebel)}
.of-map .of-map__chip[aria-pressed="true"]{background:var(--of-moos);color:#fff}
.of-map .of-map__hint{margin:0;font-family:var(--of-head);font-stretch:90%;font-size:.9rem;color:var(--of-stein)}
.of-map__frame{position:relative;overflow:hidden;aspect-ratio:16/10;background:#E8EEE9;border:1px solid var(--of-nebel);border-bottom:6px solid var(--of-moos)}
@media (max-width:40rem){.of-map__frame{aspect-ratio:1/1.05}}
.of-map__view{position:absolute;inset:0;touch-action:pan-y;cursor:grab;-webkit-user-select:none;user-select:none}
.of-map.is-zoomed .of-map__view{touch-action:none}
.of-map__view:active{cursor:grabbing}
.of-map__svg{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:none}
.of-map__sea{fill:var(--of-nebel)}
.of-map__grat{fill:none;stroke:#fff;stroke-opacity:.7;stroke-width:.6;vector-effect:non-scaling-stroke}
.of-map__land{fill:#fff;fill-rule:evenodd;stroke:#7C9A8B;stroke-width:.7;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.of-map__bord{fill:none;stroke:#A9BDB1;stroke-width:.7;stroke-dasharray:3 2;vector-effect:non-scaling-stroke}
.of-map__labels text{fill:#6E8B7D;font-family:var(--of-head);font-weight:700;font-stretch:90%;font-size:calc(var(--u,1) * 11.5px);letter-spacing:.05em;text-anchor:middle;dominant-baseline:central;text-transform:uppercase;paint-order:stroke;stroke:#fff;stroke-width:calc(var(--u,1) * 3px);stroke-linejoin:round;pointer-events:none}
.of-map__pins{position:absolute;inset:0;pointer-events:none}
.of-map__pins>*{position:absolute;left:0;top:0;pointer-events:auto;padding:0;border:0;cursor:pointer}
.of-map .of-map__pin{width:26px;height:34px;margin:-34px 0 0 -13px;background:none;filter:drop-shadow(0 2px 2px rgba(20,54,42,.35));transform-origin:50% 100%}
.of-map__pin svg{display:block;width:100%;height:100%}
.of-map__pin path{fill:var(--of-signal);stroke:var(--of-ink);stroke-width:2.2;stroke-linejoin:round;transition:fill .15s}
.of-map__pin:hover path,.of-map__pin.is-active path{fill:var(--of-moos)}
.of-map__pin.is-active{z-index:2;scale:1.2}
.of-map .of-map__cluster{width:34px;height:34px;margin:-17px 0 0 -17px;border:3px solid var(--of-ink);border-radius:50%;background:var(--of-signal);color:var(--of-ink);font-family:var(--of-head);font-weight:800;font-size:1rem;line-height:1;box-shadow:0 2px 4px rgba(20,54,42,.3)}
.of-map .of-map__cluster:hover{background:#fff}
.of-map__zoom{position:absolute;top:.6rem;right:.6rem;z-index:3;display:grid;gap:3px}
.of-map .of-map__zoom button{width:2.6rem;height:2.6rem;padding:0;border:2px solid var(--of-moos);border-radius:0;background:#fff;color:var(--of-moos);font-family:var(--of-head);font-weight:800;font-size:1.5rem;line-height:1;cursor:pointer}
.of-map .of-map__zoom button:hover:not(:disabled){background:var(--of-signal)}
.of-map .of-map__zoom button:disabled{opacity:.4;cursor:default}
.of-map__card{position:absolute;left:.75rem;bottom:.75rem;z-index:3;width:calc(100% - 1.5rem);max-width:24rem;padding:.8rem 3rem .8rem .8rem;background:#fff;border:1px solid var(--of-nebel);border-left:6px solid var(--of-signal);box-shadow:0 6px 20px rgba(20,54,42,.22)}
.of-map__card[hidden]{display:none}
.of-map .of-map__close{position:absolute;top:.25rem;right:.25rem;width:2.5rem;height:2.5rem;padding:0;border:0;background:none;color:var(--of-ink);font-size:1.7rem;line-height:1;cursor:pointer}
.of-map__cardrow{display:flex;align-items:center;gap:.85rem}
.of-map__thumb{flex:none;display:block;width:4.5rem;height:4.5rem;object-fit:cover}
.of-map .of-map__cardtitle{margin:0;font-family:var(--of-head);font-weight:800;font-stretch:72%;font-size:1.65rem;line-height:1}
.of-map .of-map__coords{margin:.3rem 0 0;font-family:var(--of-head);font-stretch:90%;font-size:.875rem;line-height:1.3;color:var(--of-stein)}
.of-map .of-map__multi{display:grid;gap:.2rem;margin:.6rem 0 0;padding:0;list-style:none}
.of-map .of-map__multi li{margin:0}
.of-map .of-map__link{padding:.25rem 0;border:0;background:none;color:var(--of-moos);font-family:var(--of-head);font-weight:700;font-stretch:90%;font-size:1.05rem;text-decoration:underline;text-decoration-color:var(--of-signal);text-decoration-thickness:.1em;text-underline-offset:.18em;cursor:pointer}
.of-map .of-map__list{display:flex;flex-wrap:wrap;gap:.45rem;margin:1rem 0 0;padding:0;list-style:none}
.of-map .of-map__list li{margin:0}
.of-map .of-map__place{padding:.45rem .85rem;border:2px solid var(--of-nebel);border-radius:0;background:#fff;color:var(--of-ink);font-family:var(--of-head);font-weight:600;font-stretch:90%;font-size:.95rem;line-height:1.1;cursor:pointer}
.of-map:not(.is-ready) .of-map__place{pointer-events:none}
.of-map .of-map__place:hover{border-color:var(--of-moos)}
.of-map .of-map__place[aria-pressed="true"]{border-color:var(--of-moos);background:var(--of-moos);color:#fff}

/* Sticker-Bilder unter der Karte */
.of-pics{list-style:none;margin:2rem 0 0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.of-pics__item{margin:0;padding:0}
.of-pics__item a{display:block;position:relative;text-decoration:none;color:inherit;border-radius:12px;overflow:hidden;background:#222;aspect-ratio:4/5}
.of-pics__item img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s}
.of-pics__item a:hover img,.of-pics__item a:focus-visible img{transform:scale(1.03)}
.of-pics__cap{position:absolute;left:0;right:0;bottom:0;padding:1.6rem .75rem .6rem;color:#fff;font-size:.85rem;font-weight:600;line-height:1.25;background:linear-gradient(transparent,rgba(0,0,0,.72))}
@media (max-width:700px){.of-pics{grid-template-columns:repeat(2,1fr);gap:.6rem}.of-pics__cap{font-size:.78rem;padding:1.3rem .55rem}}