/*
Theme Name: Mutige Angsthasen – Hafen
Author: Patrick Nübling
Description: Eigenständiges Block-Theme mit Hafenmotiv, linker Navigation und lokal eingebundener Schrift.
Version: 1.0.2
Requires at least: 6.6
Requires PHP: 7.4
License: GPL-3.0-or-later
Text Domain: mutige-angsthasen
*/
@font-face{font-family:HafenScript;src:url('assets/hafen-script.woff') format('woff');font-weight:400;font-style:normal;font-display:swap}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}.wp-site-blocks{padding:0}.mas-layout{margin:0!important;gap:0!important}.mas-sidebar{position:fixed;inset:0 auto 0 0;width:260px;background:#f6f0e4;padding:35px 28px;border-right:1px solid #ded5c5;z-index:20;overflow:auto}.mas-main{margin:0 0 0 260px!important;min-height:100vh}.mas-logo img{width:44px;height:62px;object-fit:contain}.mas-brand{font-size:29px;line-height:1.05;margin:12px 0 40px}.mas-brand a{text-decoration:none}.mas-sidebar .wp-block-navigation{font-size:16px}.mas-sidebar .wp-block-navigation__container{gap:25px;align-items:flex-start}.mas-sidebar a:hover{color:#86442e}.mas-secondary{border-top:1px solid #ded5c5;margin-top:45px;padding-top:20px;font-size:14px}.mas-hero{min-height:100svh!important;padding:0!important}.mas-hero .wp-block-cover__image-background{object-position:50% 50%}.mas-hero .wp-block-cover__inner-container{align-self:flex-start;width:auto;margin:14vh 7% 0 29%;text-align:center;color:#26343a}.mas-title{font-family:HafenScript,Georgia,serif!important;color:#86442e!important;font-size:clamp(68px,7.6vw,112px)!important;font-weight:400;line-height:1!important;letter-spacing:0;margin:0!important}.mas-title span{display:block}.mas-rule{width:70px!important;border:0!important;background:#ad793c!important;height:4px!important;margin:24px auto!important;border-radius:50%;transform:rotate(-3deg)}.mas-intro{font-size:clamp(18px,1.75vw,25px);line-height:1.55;max-width:600px;margin:0 auto!important;text-wrap:balance}.mas-down{font-size:35px;margin-top:25px}.mas-down a{text-decoration:none}.mas-below{padding:85px 8% 65px}.mas-eyebrow{font-family:Arial,sans-serif;font-size:11px;letter-spacing:2px;text-transform:uppercase;color:#986831}.mas-below h2{font-size:42px;font-weight:400}.mas-cards{gap:55px!important}.mas-card{border-top:1px solid #bdb2a0;padding-top:25px}.mas-card h3{font-size:30px;font-weight:400;line-height:1.25}.mas-card p{line-height:1.7}.mas-card a{text-underline-offset:7px}.mas-document{max-width:850px;margin:auto;padding:65px 7%}.mas-document h1{font-size:46px}.mas-footer{padding:25px 8%;border-top:1px solid #ded5c5;font-size:13px}.mas-footer .wp-block-navigation{font-size:13px}.editor-styles-wrapper .mas-sidebar{position:relative;width:260px}.editor-styles-wrapper .mas-main{margin-left:0!important}.editor-styles-wrapper .mas-hero{min-height:700px!important}:focus-visible{outline:2px solid #986831;outline-offset:4px}@media(max-width:850px){.mas-sidebar{width:220px;padding:25px 20px}.mas-main{margin-left:220px!important}.mas-hero .wp-block-cover__inner-container{margin-left:10%;margin-right:8%}.mas-title{font-size:74px!important}}@media(max-width:650px){.mas-sidebar{position:relative;width:100%;padding:17px 22px;overflow:visible}.mas-brand{font-size:22px;margin:0}.mas-logo{display:none}.mas-sidebar .wp-block-navigation{margin-top:12px}.mas-sidebar .wp-block-navigation__responsive-container.is-menu-open{background:#f6f0e4}.mas-sidebar .mas-secondary{display:none}.mas-main{margin-left:0!important}.mas-hero{min-height:calc(100svh - 100px)!important}.mas-hero .wp-block-cover__inner-container{margin:8vh 8% 0}.mas-title{font-size:clamp(57px,14vw,82px)!important}.mas-intro{font-size:19px}.mas-hero .wp-block-cover__image-background{object-position:55% 50%}.mas-below{padding:55px 25px}.mas-below h2{font-size:34px}.mas-cards{gap:35px!important}.mas-document{padding:40px 25px}.mas-document h1{font-size:36px}}

/* Keep sidebar and content adjacent in the iframe-based Site Editor. */
.editor-styles-wrapper .mas-layout{display:grid!important;grid-template-columns:260px minmax(0,1fr);align-items:start;gap:0!important}
.editor-styles-wrapper .mas-layout>.wp-block-template-part{grid-column:1;grid-row:1;min-width:0}
.editor-styles-wrapper .mas-layout>.mas-main{grid-column:2;grid-row:1;min-width:0;width:100%;margin:0!important}
.editor-styles-wrapper .mas-sidebar{position:relative;inset:auto;width:100%;max-width:260px;min-height:0}
.editor-styles-wrapper .mas-hero .wp-block-cover__inner-container{margin:90px 7% 0 18%}
.editor-styles-wrapper .mas-hero{min-height:700px!important}
.editor-styles-wrapper .mas-title{font-size:clamp(48px,6vw,100px)!important}
@media(max-width:650px){.editor-styles-wrapper .mas-layout{display:block!important}.editor-styles-wrapper .mas-sidebar{max-width:none}.editor-styles-wrapper .mas-layout>.mas-main{margin:0!important}.editor-styles-wrapper .mas-hero .wp-block-cover__inner-container{margin:55px 8% 0}}

/* Mobile refinements, 1.0.2. Desktop rules remain as before. */
.mas-mobile-menu-brand,.mas-mobile-menu-links{display:none}
@media(max-width:650px){
.mas-sidebar{display:grid!important;grid-template-columns:40px minmax(0,1fr) 44px;align-items:center;gap:12px!important;padding:14px 20px!important;min-height:82px}
.mas-sidebar>.mas-logo{display:block!important;margin:0!important;width:40px}
.mas-sidebar .mas-logo img{width:36px;height:51px;display:block}
.mas-sidebar>.mas-brand{font-size:20px!important;line-height:1.12;margin:0!important}
.mas-sidebar>.wp-block-navigation{margin:0!important;justify-self:end;font-size:18px!important}
.mas-sidebar .wp-block-navigation__responsive-container-open{min-width:44px;min-height:44px;align-items:center;justify-content:center}
.mas-sidebar .wp-block-navigation__responsive-container.is-menu-open{background:#f6f0e4!important;color:#26343a!important;padding:28px!important}
.mas-sidebar .is-menu-open .wp-block-navigation__responsive-container-content{padding-top:20px!important;align-items:stretch!important;gap:0!important}
.mas-sidebar .is-menu-open .wp-block-navigation__container{align-items:stretch!important;width:100%;gap:0!important}
.mas-sidebar .is-menu-open .wp-block-navigation-item{width:100%;font-family:Georgia,serif;font-size:19px!important;line-height:1.4!important}
.mas-sidebar .is-menu-open .wp-block-navigation-item__content{padding:13px 0!important;display:block;width:100%;text-decoration:none}
.mas-sidebar .wp-block-navigation__responsive-container-close{top:0;right:0;min-width:44px;min-height:44px}
.mas-mobile-menu-brand{display:flex;align-items:center;gap:17px;margin:0 45px 25px 0;font-family:Georgia,serif;font-size:23px;line-height:1.2;text-decoration:none}
.mas-mobile-menu-brand img{width:40px;height:58px}
.mas-mobile-menu-links{display:grid;gap:6px;border-top:1px solid #ded5c5;margin-top:22px;padding-top:17px;font-family:Georgia,serif;font-size:16px}
.mas-mobile-menu-links a{padding:10px 0;text-decoration:none;color:#26343a}
.mas-hero .wp-block-cover__image-background{object-position:27% 50%!important}
.mas-hero .wp-block-cover__inner-container{margin-top:55px!important}
.mas-intro{font-size:18px!important;line-height:1.55}
}