/*! Motto Fotobox – Header & Footer */
.mf-wrap{max-width:1240px;margin:0 auto;padding:0 32px;box-sizing:border-box}
.mf-header-wrap,.mf-footer-wrap{--awb-padding-left:0;--awb-padding-right:0}
.mf-header-wrap .fusion-builder-row,.mf-footer-wrap .fusion-builder-row{max-width:none!important;margin:0!important}
.mf-header-wrap .fusion-layout-column,.mf-footer-wrap .fusion-layout-column{margin:0!important;padding:0!important}
.mf-header-wrap .ws-baked,.mf-footer-wrap .ws-baked{margin:0}
.mf-header{position:relative;background:rgba(247,244,238,.92);border-bottom:1px solid transparent;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:background-color .3s ease,border-color .3s ease,box-shadow .3s ease;font-family:var(--mf-font-body)}
.mf-header.is-scrolled{background:rgba(247,244,238,.82);border-bottom-color:#e6dfd2;box-shadow:0 10px 30px -24px rgba(29,38,34,.5)}
.mf-header-in{display:flex;align-items:center;justify-content:space-between;gap:24px;height:76px}
.mf-logo{display:flex;align-items:center;gap:10px;text-decoration:none!important;flex:none}
.mf-logo img{display:block;height:auto}
.mf-logo .mf-stache{width:62px;transform-origin:50% 55%;animation:mfStacheIn 1.2s var(--mf-eio) .5s 1 both}
.mf-logo .mf-word{height:44px;width:auto}
.mf-logo--light .mf-word{filter:brightness(0) invert(1)}
.mf-logo--light .mf-stache{width:56px}
@keyframes mfStacheIn{0%{transform:rotate(0) scaleX(1)}18%{transform:rotate(-10deg) scaleX(1.06)}36%{transform:rotate(8deg) scaleX(.96)}54%{transform:rotate(-6deg) scaleX(1.04)}72%{transform:rotate(3deg)}100%{transform:rotate(0) scaleX(1)}}
@keyframes mfStacheHover{0%{transform:rotate(0)}25%{transform:rotate(-8deg) translateY(-1px)}50%{transform:rotate(7deg)}75%{transform:rotate(-4deg)}100%{transform:rotate(0)}}
.mf-nav{display:flex;align-items:center;gap:6px;font-size:15px}
.mf-nav-link{display:inline-flex;align-items:center;gap:6px;padding:10px 12px;border-radius:999px;color:#1d2622!important;text-decoration:none!important;font:inherit;font-weight:400;background:none;border:0;cursor:pointer;transition:background-color .2s ease,color .2s ease;min-height:44px}
.mf-nav-link.is-active{color:#2f6b55!important;font-weight:500}
.mf-nav-link svg{transition:transform .3s var(--mf-eo)}
.mf-nav-dd{position:relative}
.mf-dd{position:absolute;left:-12px;top:calc(100% + 8px);min-width:320px;background:#fff;border:1px solid #e6dfd2;border-radius:20px;padding:8px;box-shadow:0 30px 60px -30px rgba(29,38,34,.45);opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .2s ease,transform .25s var(--mf-eo),visibility 0s .25s;z-index:20}
.mf-nav-dd.is-open .mf-dd{opacity:1;visibility:visible;transform:none;transition:opacity .2s ease,transform .25s var(--mf-eo)}
.mf-nav-dd.is-open .mf-dd-btn svg{transform:rotate(180deg)}
.mf-dd-item{display:flex;gap:14px;align-items:center;padding:10px 12px;border-radius:14px;text-decoration:none!important;color:#1d2622!important;transition:background-color .2s ease}
.mf-dd-ic{width:56px;height:56px;border-radius:14px;background:#f3ece0;display:flex;align-items:center;justify-content:center;flex:none}
.mf-dd-t{display:block;font-family:var(--mf-font-head);font-weight:700;font-size:16px}
.mf-dd-d{display:block;font-size:13px;color:#3b4843}
.mf-header-cta{display:flex;align-items:center;gap:10px}
.mf-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:#2f6b55;color:#fff!important;text-decoration:none!important;padding:13px 20px;border-radius:999px;font-weight:500;font-size:15px;line-height:1.2;white-space:nowrap;border:0;cursor:pointer;font-family:var(--mf-font-body);transition:transform 140ms var(--mf-eo),background-color .2s ease,box-shadow .25s ease;min-height:44px;box-sizing:border-box}
.mf-btn:active{transform:scale(.97)}
.mf-btn--sm{padding:12px 20px}
.mf-btn--ink{background:#1d2622}
.mf-burger{display:none;width:44px;height:44px;border-radius:50%;border:1px solid #e6dfd2;background:#fff;cursor:pointer;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:0}
.mf-burger span{display:block;width:18px;height:2px;border-radius:2px;background:#1d2622;transition:transform .3s var(--mf-eo),opacity .2s ease}
.mf-burger[aria-expanded="true"] span:nth-child(1){transform:translateY(6px) rotate(45deg)}
.mf-burger[aria-expanded="true"] span:nth-child(2){opacity:0}
.mf-burger[aria-expanded="true"] span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
.mf-mob{position:fixed;left:0;right:0;top:76px;bottom:0;background:#f7f4ee;padding:24px 16px 40px;overflow:auto;z-index:30}
.mf-mob nav{display:flex;flex-direction:column}
.mf-mob nav a{padding:14px 4px;border-bottom:1px solid #e6dfd2;color:#1d2622!important;text-decoration:none!important;font-family:var(--mf-font-head);font-weight:700;font-size:22px}
.mf-mob-group{margin:18px 0 0;font-size:13px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:#2f6b55}
.mf-mob .mf-btn{width:100%;margin-top:24px;padding:16px}
.mf-mob-contact{margin:20px 0 0;font-size:15px;line-height:1.8}
@media (hover:hover) and (pointer:fine){
.mf-logo:hover .mf-stache{animation:mfStacheHover .9s var(--mf-eio) 1}
.mf-nav-link:hover{background:rgba(47,107,85,.08)}
.mf-nav-dd:hover .mf-dd{opacity:1;visibility:visible;transform:none;transition:opacity .2s ease,transform .25s var(--mf-eo)}
.mf-nav-dd:hover .mf-dd-btn svg{transform:rotate(180deg)}
.mf-dd-item:hover{background:#f7f4ee}
.mf-btn:hover{box-shadow:0 10px 24px -12px rgba(47,107,85,.7)}
.mf-dd-item:hover .mf-i-caravan .mf-roll{transform:translateX(2px)}
.mf-dd-item:hover .mf-i-caravan .mf-wheel{transform:rotate(200deg)}
.mf-dd-item:hover .mf-i-classic .mf-glow{transform:scale(1.35)}
}
@media (max-width:1080px){.mf-nav{display:none}.mf-burger{display:flex}}
@media (max-width:600px){.mf-wrap{padding:0 16px}.mf-header-in{height:68px}.mf-mob{top:68px}.mf-logo .mf-stache{width:48px}.mf-logo .mf-word{height:34px}.mf-header-cta .mf-btn--sm{padding:10px 14px;font-size:14px}}
@media (max-width:380px){.mf-header-cta .mf-btn--sm{display:none}}
/* Footer */
.mf-footer{background:#1d2622;color:#c9d6d0;padding:72px 0 28px;font-size:15px;font-family:var(--mf-font-body);font-weight:300;line-height:1.7}
.mf-footer a{color:#9fd0b8!important}
.mf-fgrid{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:32px}
.mf-fcol p{margin:0}
.mf-flabel{margin:0 0 10px!important;color:#fff;font-weight:500}
.mf-fbrand p{margin-top:12px}
.mf-flinks a{display:block;color:#c9d6d0!important}
.mf-fsoc{display:flex;gap:16px;margin-top:14px!important}
.mf-flegal{margin:56px 0 0;padding-top:22px;border-top:1px solid #34413b;font-size:13px}
@media (max-width:900px){.mf-fgrid{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.mf-fgrid{grid-template-columns:1fr}.mf-footer{padding-top:56px}}
@media (prefers-reduced-motion:reduce){.mf-header *,.mf-footer *{animation:none!important;transition:opacity .2s ease!important}}
/* Hauptmenü mit Box-Icons */
.mf-nav-link--ic{gap:8px}
.mf-nav-ic{display:inline-flex;align-items:center;justify-content:center;line-height:0}
.mf-nav-link--ic .mf-i-classic{width:17px!important}
.mf-nav-link--ic .mf-i-caravan{width:30px!important}
@media (hover:hover) and (pointer:fine){
.mf-nav-link--ic:hover .mf-roll{transform:translateX(2px)}
.mf-nav-link--ic:hover .mf-wheel{transform:rotate(200deg)}
.mf-nav-link--ic:hover .mf-glow{transform:scale(1.35)}
}
.mf-mob nav a{display:flex;align-items:center;gap:14px}
.mf-mob .mf-nav-ic{width:52px;height:52px;border-radius:14px;background:#f3ece0}
@media (max-width:1240px) and (min-width:1081px){.mf-nav{gap:0}.mf-nav-link{padding:10px 9px;font-size:14px}}
/* Menü bleibt einzeilig */
.mf-nav-link{white-space:nowrap}
.mf-nav{flex-wrap:nowrap;gap:2px}
@media (max-width:1320px) and (min-width:1081px){.mf-nav-link{padding:10px 8px;font-size:14.5px}.mf-nav-link--ic{gap:6px}.mf-header-in{gap:16px}}
@media (max-width:1180px) and (min-width:1081px){.mf-nav-ic{display:none}.mf-logo .mf-word{height:38px}.mf-logo .mf-stache{width:52px}}