/*
Theme Name: Reethaus Nordseewind
Author: Reethaus Nordseewind
Description: Originalnahe Rekonstruktion mit responsiven Designoptionen. Entwicklungsfassung.
Version: 0.4.0
Requires at least: 6.2
Requires PHP: 7.4
Text Domain: reethaus-nordseewind
*/
:root{--background:#dae3e9;--header-bg:#4c6979;--surface:#fafafa;--ink:#000;--accent:#2d98bb;--nav-bg:#fafafa;--nav-ink:#2d98bb;--heading-ink:#666;--footer-bg:#62879b;--content-width:960px;--hero-width:800px;--hero-height:200px;--hero-mobile:120px;--nav-width:28%;--content-padding:15px;--section-gap:0px;--header-padding:15px;--nav-gap:4px;--mobile-padding:15px;--body-font:"Trebuchet MS",Helvetica,sans-serif;--heading-font:Georgia,serif;--nav-font:"Trebuchet MS",Helvetica,sans-serif;--footer-font:"Trebuchet MS",Helvetica,sans-serif;--body-size:12.8px;--heading-size:18px;--nav-size:12.8px;--footer-size:12.8px;--body-mobile-size:14px;--heading-mobile-size:20px;--nav-mobile-size:16px;--footer-mobile-size:14px}
*{box-sizing:border-box}body{margin:0;background:var(--background);color:var(--ink);font-family:var(--body-font);font-size:var(--body-size);line-height:1.5}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}a:focus-visible,button:focus-visible{outline:2px solid currentColor;outline-offset:3px}button{font:inherit;cursor:pointer}p{margin:10px 0}p:first-child{margin-top:5px}h1,h2,h3,h4,h5,h6{font-family:var(--heading-font);font-weight:normal;color:var(--heading-ink);line-height:1.5;margin:.5em 0}h1{font-size:var(--heading-size)}h2{font-size:1.3em}h3{font-size:1.2em}.site-header{background:var(--header-bg) url(assets/header-gradient.png) center top no-repeat}.header-inner{width:min(var(--content-width),100%);margin:auto;display:flex;align-items:center;justify-content:space-between;padding:var(--header-padding) 0 10px;gap:15px;min-height:125px}.original-logo{display:block;width:480px;max-width:100%;height:auto}.custom-logo-link img{max-width:480px;width:100%;height:auto}.top-nav ul{list-style:none;padding:0;display:flex;gap:15px}.top-nav{padding-right:10px}.site-shell{width:min(var(--content-width),100%);margin:0 auto 20px;background:var(--surface);border:1px solid #bbb;border-top:0}.panorama-wrap{padding:8px 10px 9px}.panorama{margin:0 auto;position:relative;width:min(var(--hero-width),100%);height:var(--hero-height);overflow:hidden;background:#4c6979}.panorama img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity 1.2s}.panorama img.active{opacity:1}.slider-controls{position:absolute;bottom:6px;right:6px;display:flex;gap:4px;opacity:0;transition:opacity .2s}.panorama:hover .slider-controls,.panorama:focus-within .slider-controls{opacity:1}.slider-controls button{background:#ffffffdc;color:#17374a;border:1px solid #486778;border-radius:2px;min-width:32px;min-height:30px}.body-grid{display:grid;grid-template-columns:var(--nav-width) minmax(0,1fr);gap:var(--section-gap);padding:5px}.main-nav{padding:10px;background:var(--nav-bg);font:var(--nav-size)/1.5 var(--nav-font);align-self:start}.main-nav ul{margin:5px 0;padding-left:20px}.main-nav li{margin:var(--nav-gap) 0}.main-nav a{color:var(--nav-ink)}.main-nav .current-menu-item>a,.main-nav .current_page_item>a{font-weight:bold}.content-wrap{padding:var(--content-padding);min-width:0;background:url(assets/separator.png) left top repeat-y}.entry-content img{max-width:100%;height:auto!important}.entry-content table{max-width:100%;height:auto;overflow-wrap:anywhere}.entry-content td{max-width:100%}.entry-content iframe{max-width:100%}.entry-content ul{padding-left:24px}.site-footer{padding:15px;background:var(--footer-bg);font:var(--footer-size)/1.5 var(--footer-font)}.no-navigation,.rn-nav-top .body-grid{grid-template-columns:minmax(0,1fr)}.no-navigation .content-wrap,.rn-nav-top .content-wrap{background:none}.rn-nav-top .main-nav>div>ul,.rn-nav-top .main-nav>div>div>ul{display:flex;flex-wrap:wrap;gap:15px;list-style:none;padding-left:0}.rn-nav-top .main-nav li{position:relative}.rn-nav-top .main-nav .sub-menu{display:none;position:absolute;top:100%;left:0;min-width:180px;z-index:20;background:var(--nav-bg);padding:10px}.rn-nav-top .main-nav li:hover>.sub-menu,.rn-nav-top .main-nav li:focus-within>.sub-menu{display:block}.sticky-nav{position:sticky;top:32px}.menu-toggle{display:none}.skip-link{position:absolute;left:10px;top:-100px;padding:10px;background:white;z-index:99}.skip-link:focus{top:10px}.rn-effect-zoom .entry-content img{transition:transform .25s}.rn-effect-zoom .entry-content img:hover{transform:scale(1.025)}.rn-effect-shadow .entry-content img{transition:box-shadow .25s}.rn-effect-shadow .entry-content img:hover{box-shadow:0 5px 20px #0004}.rn-tiles-lift :is(.wp-block-column,.reethaus-tile){transition:transform .25s}.rn-tiles-lift :is(.wp-block-column,.reethaus-tile):hover{transform:translateY(-4px)}.rn-tiles-fade :is(.wp-block-column,.reethaus-tile){animation:rn-fade .7s ease both}@keyframes rn-fade{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@media(max-width:720px){body{font-size:var(--body-mobile-size)}.header-inner{padding:var(--header-padding) var(--mobile-padding);min-height:0}.original-logo{width:min(480px,75vw)}.custom-logo-link img{max-width:75vw}.panorama{height:var(--hero-mobile)}.body-grid{grid-template-columns:1fr;padding:0}.main-nav{font-size:var(--nav-mobile-size);padding:10px var(--mobile-padding)}.main-nav li{margin:8px 0}.menu-toggle{display:block;padding:7px 12px;border:1px solid currentColor;background:transparent;color:var(--nav-ink)}.js .main-nav #primary-menu{display:none}.js .main-nav.open #primary-menu{display:block}.rn-nav-top .main-nav>div>ul,.rn-nav-top .main-nav>div>div>ul{display:block}.rn-nav-top .main-nav .sub-menu{display:block;position:static}.content-wrap{padding:var(--mobile-padding);background:none}.entry-title{font-size:var(--heading-mobile-size)}.site-footer{font-size:var(--footer-mobile-size)}.sticky-nav{position:static}.entry-content table{width:100%!important}.entry-content td{width:auto!important}.entry-content p{text-align:left!important}.slider-controls{opacity:1}.widget-area{margin-top:20px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* Erweiterungen 0.3 */
@font-face{font-family:ReethausSans;src:url(assets/fonts/DejaVuSans.woff) format('woff');font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:ReethausSans;src:url(assets/fonts/DejaVuSans-Bold.woff) format('woff');font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:ReethausSerif;src:url(assets/fonts/DejaVuSerif.woff) format('woff');font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:ReethausSerif;src:url(assets/fonts/DejaVuSerif-Bold.woff) format('woff');font-weight:700;font-style:normal;font-display:swap}
body{font-size:var(--body-fluid,var(--body-size))}.header-inner{width:min(var(--header-width,var(--content-width)),100%);min-height:var(--header-height,125px);font-family:var(--header-font,var(--body-font));font-size:var(--header-fluid,16px)}.main-nav{min-height:var(--menu-height,0px);font-size:var(--nav-fluid,var(--nav-size))}.main-nav .sub-menu,.main-nav .children{background:var(--submenu-bg,#eef2f5)}.main-nav .sub-menu a,.main-nav .children a{color:var(--submenu-ink,var(--nav-ink))}.rn-align-center .main-nav{text-align:center}.rn-align-right .main-nav{text-align:right}.rn-nav-top.rn-align-center .main-nav>div>ul,.rn-nav-top.rn-align-center .main-nav>div>div>ul{justify-content:center}.rn-nav-top.rn-align-right .main-nav>div>ul,.rn-nav-top.rn-align-right .main-nav>div>div>ul{justify-content:flex-end}.content-wrap{min-height:var(--content-height,0px)}.article-column{width:100%;max-width:var(--inner-width,960px);min-width:0;margin:0 auto}.with-widgets{display:grid;grid-template-columns:minmax(0,1fr) min(var(--sidebar-width,220px),40%);gap:20px}.with-widgets .widget-area{min-width:0;overflow-wrap:anywhere}.layout-full{width:100%;max-width:none}.site-footer{min-height:var(--footer-height,0px);padding:var(--footer-padding,15px) max(var(--footer-padding,15px),calc((100% - var(--footer-width,960px)) / 2));font-size:var(--footer-fluid,var(--footer-size))}.entry-title{font-size:var(--heading-fluid,var(--heading-size))}.panorama img{transition-duration:var(--transition-duration,1200ms)}.rn-transition-instant .panorama img{transition:none}.entry-content img:not(.no-design){border-radius:var(--image-radius,0px);border:var(--image-border,0px) solid var(--image-border-color,#bbb);box-shadow:var(--image-shadow,none);aspect-ratio:var(--image-ratio,auto);object-fit:var(--image-fit,cover);object-position:var(--image-position,50% 50%)}.entry-content img:not(.no-design){height:auto!important}.entry-content :is(.wp-block-column,.reethaus-tile){border-radius:var(--tile-radius,0px);border:var(--tile-border,0px) solid var(--tile-border-color,#bbb);box-shadow:var(--tile-shadow,none);overflow:hidden}.entry-content :is(button,.wp-block-button__link,.reethaus-button){display:inline-block;background:var(--button-bg,#4c6979);color:var(--button-ink,#fff);padding:var(--button-padding,10px);border:var(--button-border,1px) solid var(--button-border-color,#4c6979);border-radius:var(--button-radius,0px);box-shadow:var(--button-shadow,none);transition:transform .2s,box-shadow .2s;text-decoration:none}.rn-button-lift .entry-content :is(button,.wp-block-button__link,.reethaus-button):hover{transform:translateY(-3px)}.rn-button-shadow .entry-content :is(button,.wp-block-button__link,.reethaus-button):hover{box-shadow:0 5px 15px #0004}.slider-controls[hidden]{display:none}
@media(max-width:720px){body{font-size:var(--body-fluid,var(--body-mobile-size))}.main-nav{font-size:var(--nav-fluid,var(--nav-mobile-size))}.entry-title{font-size:var(--heading-fluid,var(--heading-mobile-size))}.site-footer{font-size:var(--footer-fluid,var(--footer-mobile-size))}.header-inner{min-height:0}.with-widgets{grid-template-columns:1fr}.rn-nav-top .main-nav .sub-menu{background:var(--submenu-bg,#eef2f5)}}
.rn-nav-top .main-nav .sub-menu{background:var(--submenu-bg,#eef2f5)}
@media(prefers-reduced-motion:reduce){.entry-content :is(button,.wp-block-button__link,.reethaus-button),.panorama img{transition:none!important}}
h1{font-size:var(--heading-fluid,var(--heading-size))}h2{font-size:calc(var(--heading-fluid,var(--heading-size)) * .9286)}h3{font-size:calc(var(--heading-fluid,var(--heading-size)) * .8571)}h4{font-size:calc(var(--heading-fluid,var(--heading-size)) * .7857)}h5,h6{font-size:calc(var(--heading-fluid,var(--heading-size)) * .7143)}

/* Untermenüs über den Menütitel aufklappen. */
.js .main-nav li.has-submenu-toggle>ul{display:none!important}
.js .main-nav li.has-submenu-toggle.submenu-open>ul{display:block!important}
.js .main-nav li.has-submenu-toggle>a{cursor:pointer}
/* Normale WordPress-Galerien und Großansicht 0.4.0. */
.entry-content .wp-block-gallery.rn-gallery{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:10px 0}
.entry-content .rn-gallery figure.wp-block-image{width:100%!important;min-width:0;margin:0;display:block;flex:none}
.entry-content .rn-gallery figure.wp-block-image>a{display:block}
.entry-content .rn-gallery figure.wp-block-image img{display:block;width:100%;height:auto!important;aspect-ratio:4/3;object-fit:cover}
.entry-content .rn-gallery figure.wp-block-image figcaption{position:static!important;background:none!important;color:var(--ink)!important;padding:6px 0;font-size:.95em;max-height:none!important;text-align:center}
.rn-lightbox-open{overflow:hidden}
.rn-lightbox{width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:20px;border:0;background:transparent;color:#fff}
.rn-lightbox::backdrop{background:#101820ef}
.rn-lightbox-panel{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;pointer-events:none}
.rn-lightbox-panel>*{pointer-events:auto}
.rn-lightbox-stage{display:flex;align-items:center;justify-content:center;gap:16px;width:100%;min-height:0;touch-action:pan-y pinch-zoom}
.rn-lightbox-image{display:block;max-width:calc(100% - 120px);max-height:calc(100dvh - 160px);width:auto;height:auto;object-fit:contain;border:0;border-radius:0;box-shadow:none}
.rn-lightbox button{border:1px solid #ffffff80;background:#263847;color:white;border-radius:4px;width:44px;min-height:44px;flex-shrink:0;font-size:28px;line-height:1}
.rn-lightbox button:focus-visible{outline:3px solid #fff;outline-offset:3px}
.rn-lightbox-close{position:absolute;right:0;top:0;z-index:2}
.rn-lightbox-caption{margin:12px 0 4px;text-align:center;max-width:800px;font-size:16px}
.rn-lightbox-counter{margin:0;font-size:13px;color:#d5e2eb}
.rn-lightbox button[hidden]{display:none}
@media(max-width:720px){.entry-content .wp-block-gallery.rn-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.rn-lightbox{padding:12px}.rn-lightbox-stage{gap:6px}.rn-lightbox-image{max-width:calc(100% - 88px);max-height:calc(100dvh - 150px)}.rn-lightbox button{width:38px;min-height:44px}.rn-lightbox-caption{font-size:14px}}