/* MeetMe Moments – Theme-Layer: Header, Footer, Formular, Accordion, Hörproben */
:root{--mm-bg:#F8F5EF;--mm-ink:#242424;--mm-acc:#C9A77C;--mm-sand:#E5D4BC;--mm-taupe:#B7A58F;--mm-muted:#5C554B;--mm-line:#E9E2D6;--mm-serif:'Newsreader',Georgia,serif;--mm-sans:'Jost',system-ui,sans-serif;--mm-surface:#FDFBF7}
html{scroll-behavior:smooth}
body{background:var(--mm-bg);color:var(--mm-ink);font-family:var(--mm-sans);-webkit-font-smoothing:antialiased}
body.mmm-nav-open{overflow:hidden}
.site-main{padding:0}.page-content{margin:0}
.mmm-btn{display:inline-flex;align-items:center;gap:8px;font:500 15px/1 var(--mm-sans);letter-spacing:.02em;padding:14px 26px;border-radius:999px;border:1px solid var(--mm-ink);text-decoration:none;transition:background .2s,color .2s,border-color .2s;white-space:nowrap}
body .mmm-btn--primary,body .mmm-btn--primary:visited{background:var(--mm-ink);color:var(--mm-bg)}body .mmm-btn--primary:hover{background:var(--mm-acc);border-color:var(--mm-acc);color:var(--mm-ink)}
/* Header */
.mmm-header{position:sticky;top:0;z-index:100;background:rgba(248,245,239,.94);backdrop-filter:blur(10px);border-bottom:1px solid var(--mm-line)}
.mmm-header__inner{max-width:1320px;margin:0 auto;padding:0 40px;height:84px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.mmm-logo{display:inline-flex;align-items:center;gap:12px;text-decoration:none;color:var(--mm-ink)}
.mmm-logo__mark{height:52px;width:auto}
.mmm-header .mmm-logo__word{display:none}
.mmm-logo__word{display:flex;flex-direction:column;line-height:1}
.mmm-logo__name{font:600 22px var(--mm-serif);letter-spacing:.06em;text-transform:uppercase}
.mmm-logo__sub{font:500 10px var(--mm-sans);letter-spacing:.32em;text-transform:uppercase;margin-top:5px;color:var(--mm-taupe)}
.mmm-logo--light{color:var(--mm-bg)}
.mmm-nav__list{list-style:none;margin:0;padding:0;display:flex;gap:2px;flex-wrap:nowrap}
.mmm-nav__list li{position:relative}
.mmm-nav__list>li.menu-item-home{display:none}
body .mmm-nav__list>li>a{display:block;white-space:nowrap;padding:12px 13px;font:500 15px/1 var(--mm-sans);letter-spacing:.01em;color:var(--mm-ink);text-decoration:none;border-radius:999px;transition:background .2s}
.mmm-nav__list>li>a:hover,.mmm-nav__list>li.current-menu-item>a,.mmm-nav__list>li.current-menu-ancestor>a{background:#fff}
.mmm-header__cta{padding:13px 22px}
.mmm-nav__list>li.menu-item-has-children>a::after{content:'';display:inline-block;width:6px;height:6px;margin-left:8px;border-right:1.5px solid var(--mm-taupe);border-bottom:1.5px solid var(--mm-taupe);transform:translateY(-2px) rotate(45deg)}
.mmm-nav__list .sub-menu{list-style:none;margin:0;padding:10px;position:absolute;top:100%;left:0;min-width:260px;background:#fff;border:1px solid var(--mm-line);border-radius:12px;opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .18s,transform .18s,visibility .18s;box-shadow:0 18px 40px -24px rgba(36,36,36,.25)}
.mmm-nav__list li:hover>.sub-menu,.mmm-nav__list li:focus-within>.sub-menu{opacity:1;visibility:visible;transform:translateY(0)}
body .mmm-nav__list .sub-menu a{display:block;padding:10px 12px;font:500 14px/1.3 var(--mm-sans);color:var(--mm-ink);text-decoration:none;border-radius:8px}
.mmm-nav__list .sub-menu a:hover{background:var(--mm-bg);color:var(--mm-ink)}
.mmm-header__actions{display:flex;align-items:center;gap:12px}
.mmm-nav__cta-mobile{display:none}
.mmm-burger{display:none;width:44px;height:44px;border:0;background:transparent;padding:10px;cursor:pointer;flex-direction:column;justify-content:center;gap:5px}
.mmm-burger span{display:block;height:1.5px;background:var(--mm-ink);transition:transform .2s,opacity .2s}
@media (max-width:1280px){.mmm-nav__list>li>a{padding:12px 9px;font-size:14px}}
@media (max-width:1140px){.mmm-nav__list>li>a{padding:12px 7px;font-size:13px}.mmm-header__cta{padding:12px 16px;font-size:14px}}
@media (max-width:1024px){
.mmm-header__inner{padding:0 20px;height:72px}.mmm-logo__mark{height:42px}
.mmm-header__cta{display:none}.mmm-burger{display:flex}
.mmm-nav{position:fixed;inset:72px 0 0 0;background:var(--mm-bg);padding:16px 20px 40px;overflow:auto;display:none;flex-direction:column;gap:12px}
.mmm-header.is-open .mmm-nav{display:flex}
.mmm-nav__list{flex-direction:column;gap:0}
.mmm-nav__list>li{border-bottom:1px solid var(--mm-line)}
.mmm-nav__list>li>a{padding:16px 4px;font-size:18px;font-family:var(--mm-serif);font-weight:600;border-radius:0;display:flex;justify-content:space-between;align-items:center}
.mmm-nav__list>li>a:hover{background:transparent}
.mmm-nav__list .sub-menu{position:static;opacity:1;visibility:visible;transform:none;border:0;box-shadow:none;background:transparent;padding:0 0 12px 8px;display:none;min-width:0}
.mmm-nav__list li.is-open>.sub-menu{display:block}
.mmm-nav__list .sub-menu a{padding:9px 4px;font-size:15px;color:var(--mm-muted)}
.mmm-nav__cta-mobile{display:inline-flex;align-self:flex-start;margin-top:12px}
.mmm-header.is-open .mmm-burger span:nth-child(1){transform:translateY(6.5px) rotate(45deg)}.mmm-header.is-open .mmm-burger span:nth-child(2){opacity:0}.mmm-header.is-open .mmm-burger span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg)}
}
/* Footer */
.mmm-footer{background:var(--mm-ink);color:#D9D2C6;font-family:var(--mm-sans)}
.mmm-footer__inner{max-width:1280px;margin:0 auto;padding:80px 40px 56px;display:grid;grid-template-columns:1.6fr repeat(5,1fr);gap:40px}
.mmm-footer__claim{font:500 26px/1.15 var(--mm-serif);color:var(--mm-bg);margin:20px 0 10px}
.mmm-footer__text{font-size:14px;line-height:1.6;margin:0 0 20px;max-width:34ch;color:#B7AFA3}
.mmm-footer__col h3{font:600 12px/1.4 var(--mm-sans);letter-spacing:.18em;text-transform:uppercase;color:var(--mm-acc);margin:0 0 16px}
.mmm-footer__col h3 a{color:inherit;text-decoration:none}
.mmm-footer__col ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:9px}
body .mmm-footer__col a{color:#D9D2C6;text-decoration:none;font-size:14px}.mmm-footer__col a:hover{color:var(--mm-bg)}
.mmm-social{display:flex;gap:10px}.mmm-social a{width:38px;height:38px;border:1px solid #4A4641;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;color:#D9D2C6;transition:border-color .2s,color .2s}.mmm-social a:hover{border-color:var(--mm-acc);color:var(--mm-acc)}.mmm-social svg{width:18px;height:18px}
.mmm-footer__bottom{border-top:1px solid #3A3733}
.mmm-footer__bottom{max-width:1280px;margin:0 auto;padding:22px 40px;display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;font-size:13px;color:#8F877B}
.mmm-footer__bottom p{margin:0}
.mmm-footer__legal{list-style:none;margin:0;padding:0;display:flex;gap:20px}body .mmm-footer__legal a{color:#B7AFA3;text-decoration:none}.mmm-footer__legal a:hover{color:var(--mm-bg)}
@media (max-width:1024px){.mmm-footer__inner{grid-template-columns:1fr 1fr 1fr;padding:56px 20px 40px}.mmm-footer__brand{grid-column:1/-1}.mmm-footer__bottom{padding:20px}}
@media (max-width:600px){.mmm-footer__inner{grid-template-columns:1fr 1fr}}
/* Accordion (Elementor Free) */
.elementor-accordion{border:0}
.elementor-accordion .elementor-accordion-item{border:0;border-bottom:1px solid var(--mm-line)}
.elementor-accordion .elementor-tab-title{padding:22px 0;font:600 22px/1.2 var(--mm-serif);color:var(--mm-ink);display:flex;align-items:center;gap:14px}
.elementor-accordion .elementor-tab-title .elementor-accordion-icon{width:auto;color:var(--mm-acc);font-size:14px;order:2;margin-left:auto}
.elementor-accordion .elementor-tab-title.elementor-active{color:var(--mm-ink)}
.elementor-accordion .elementor-tab-content{padding:0 0 24px;border:0;font:400 16px/1.65 var(--mm-sans);color:var(--mm-muted);max-width:62ch}
/* CF7 */
.elementor-widget-shortcode,.wpcf7,.wpcf7-form,.mmm-form{width:100%;max-width:100%}
.mmm-form>p{display:contents}
.mmm-form{display:grid;grid-template-columns:1fr 1fr;gap:18px 20px;width:100%}
.mmm-form>p{margin:0;display:contents}
.mmm-form .wpcf7-form-control-wrap{display:block;width:100%}
.mmm-form .wpcf7-form-control{max-width:none}
.mmm-form label{display:flex;flex-direction:column;gap:6px;font:500 12px/1.4 var(--mm-sans);letter-spacing:.12em;text-transform:uppercase;color:var(--mm-taupe)}
.mmm-form__full{grid-column:1/-1}
.mmm-form .wpcf7-form-control-wrap{display:block}
.mmm-form input[type=text],.mmm-form input[type=email],.mmm-form input[type=tel],.mmm-form input[type=date],.mmm-form select,.mmm-form textarea{width:100% !important;box-sizing:border-box;padding:13px 14px;border:1px solid var(--mm-line);border-radius:4px;background:#fff;font:400 15px/1.4 var(--mm-sans);color:var(--mm-ink);letter-spacing:0;text-transform:none;transition:border-color .2s}
.mmm-form input:focus,.mmm-form select:focus,.mmm-form textarea:focus{outline:none;border-color:var(--mm-acc)}
.mmm-form textarea{min-height:130px;resize:vertical}
.mmm-form__check{flex-direction:row;align-items:flex-start;text-transform:none;letter-spacing:0;font-weight:400;font-size:13px;color:var(--mm-muted);gap:10px}
.mmm-form__check .wpcf7-list-item{margin:0}
.mmm-form input[type=submit]{background:var(--mm-ink);color:var(--mm-bg);border:1px solid var(--mm-ink);border-radius:999px;padding:16px 32px;font:500 15px/1 var(--mm-sans);letter-spacing:.02em;cursor:pointer;transition:background .2s,color .2s}
.mmm-form input[type=submit]:hover{background:var(--mm-acc);border-color:var(--mm-acc);color:var(--mm-ink)}
.wpcf7 .wpcf7-response-output{margin:16px 0 0;border-radius:8px;font:400 14px/1.5 var(--mm-sans)}
.wpcf7 .wpcf7-not-valid-tip{font:400 12px/1.4 var(--mm-sans);text-transform:none;letter-spacing:0;color:#9B4B3E}
@media (max-width:640px){.mmm-form{grid-template-columns:1fr}}
/* Hörproben */
.mmm-audio{display:flex;flex-direction:column;border-top:1px solid #4A4641}
.mmm-audio__item{display:flex;align-items:center;gap:16px;margin:0;padding:16px 0;border-bottom:1px solid #4A4641}
.mmm-audio__play{flex:0 0 46px;width:46px;height:46px;border-radius:999px;border:1px solid var(--mm-acc);background:transparent;color:var(--mm-acc);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;padding:0;line-height:0;transition:background .2s,color .2s}
.mmm-audio__play svg{width:12px;height:14px;display:block}
.mmm-audio__ico-play{margin-left:2px}
.mmm-audio__ico-pause{display:none}
.mmm-audio__item.is-playing .mmm-audio__ico-play{display:none}.mmm-audio__item.is-playing .mmm-audio__ico-pause{display:block}
.mmm-audio__item.is-playing .mmm-audio__play{background:var(--mm-acc);color:var(--mm-ink)}
.mmm-audio__play:hover{background:var(--mm-acc);color:var(--mm-ink)}
.mmm-audio__item figcaption{display:flex;flex-direction:column;gap:3px}
.mmm-audio__item strong{font:600 20px/1.2 var(--mm-serif);color:var(--mm-bg)}
.mmm-audio__item span{font:400 14px/1.5 var(--mm-sans);color:#B7AFA3;font-style:italic}
.mmm-audio audio{display:none}

/* Warmer Grund & Fokusfarben */
.wpcf7 form .wpcf7-response-output{border-color:var(--mm-acc)}
.elementor a:not(.mmm-btn):not(.e-button-base){color:var(--mm-ink)}
body{background:linear-gradient(180deg,#F8F5EF 0%,#F5F0E7 100%)}

/* Select wie Text-Input */
.mmm-form select{appearance:none;-webkit-appearance:none;-moz-appearance:none;height:auto;line-height:1.4;padding:13px 40px 13px 14px;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%23B7A58F' stroke-width='1.5'/%3E%3C/svg%3E") no-repeat right 14px center;cursor:pointer;color:var(--mm-ink)}
.mmm-form select:invalid,.mmm-form select option[value='']{color:#8F877B}
.mmm-form input[type=date]{min-height:50px}
.mmm-form input::placeholder,.mmm-form textarea::placeholder{color:#9A9287}
/* Lieferzonen */
.mmm-plz{display:flex;flex-direction:column;gap:14px}
.mmm-plz__row{display:flex;gap:10px}
.mmm-plz input{flex:1 1 auto;min-width:0;padding:14px 16px;border:1px solid var(--mm-line);border-radius:999px;background:#fff;font:400 16px/1.2 var(--mm-sans);color:var(--mm-ink);letter-spacing:.04em}
.mmm-plz input:focus{outline:none;border-color:var(--mm-acc)}
.mmm-plz button{flex:0 0 auto;background:var(--mm-ink);color:var(--mm-bg);border:1px solid var(--mm-ink);border-radius:999px;padding:14px 24px;font:600 15px/1.2 var(--mm-sans);cursor:pointer;transition:background .2s,color .2s}
.mmm-plz button:hover{background:var(--mm-acc);border-color:var(--mm-acc);color:var(--mm-ink)}
.mmm-plz__result{display:none;padding:18px 20px;border-radius:12px;background:#fff;border:1px solid var(--mm-line);font:400 15px/1.5 var(--mm-sans);color:var(--mm-muted)}
.mmm-plz__result.is-visible{display:block}
.mmm-plz__result strong{display:block;font:600 22px/1.2 var(--mm-serif);color:var(--mm-ink);margin-bottom:4px}
.mmm-plz__result.is-error{border-color:#C9A77C}
.mmm-plz__hint{font:400 12px/1.5 var(--mm-sans);color:#9A9287;margin:0}
.mmm-check{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}
.mmm-check li{display:flex;gap:12px;align-items:flex-start;font:400 15px/1.5 var(--mm-sans);color:var(--mm-ink)}
.mmm-check li::before{content:'';flex:0 0 22px;width:22px;height:22px;border-radius:999px;background:var(--mm-acc) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='10' viewBox='0 0 12 10'%3E%3Cpath d='M1 5l3.5 3.5L11 1' fill='none' stroke='%23242424' stroke-width='1.6'/%3E%3C/svg%3E") center/12px no-repeat;margin-top:1px}

/* Logo: Hover invertiert die beiden Farben */
.mmm-logo__fig{fill:var(--mm-acc);transition:fill .25s}.mmm-logo__m{fill:var(--mm-ink);transition:fill .25s}
.mmm-logo:hover .mmm-logo__fig{fill:var(--mm-ink)}.mmm-logo:hover .mmm-logo__m{fill:var(--mm-acc)}
.mmm-logo--light .mmm-logo__m{fill:var(--mm-bg)}.mmm-logo--light:hover .mmm-logo__fig{fill:var(--mm-bg)}.mmm-logo--light:hover .mmm-logo__m{fill:var(--mm-acc)}

.mmm-footer__credit a{color:var(--mm-acc);text-decoration:none}.mmm-footer__credit a:hover{color:var(--mm-bg)}

/* Lieferzonen – Zonenliste & Karte */
.mmm-zl{width:100%;background:#fff;border:1px solid var(--mm-line);border-radius:16px;overflow:hidden}
.mmm-zl__row{display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:16px;padding:16px 22px;border-top:1px solid var(--mm-line);transition:background .15s;cursor:default}
.mmm-zl__row:first-child{border-top:0}
.mmm-zl__dot i{display:block;width:18px;height:18px;border-radius:999px;box-shadow:inset 0 0 0 1px rgba(36,36,36,.08)}
.mmm-zl__name{display:flex;flex-direction:column;gap:2px;font:600 16px/1.3 var(--mm-sans);color:var(--mm-ink)}
.mmm-zl__name small{font:400 13px/1.4 var(--mm-sans);color:var(--mm-muted)}
.mmm-zl__price{font:600 22px/1 var(--mm-serif);color:var(--mm-ink);white-space:nowrap}
.mmm-zl__row.is-hover,.mmm-zl__row.is-hit{background:#F8F5EF}
.mmm-zl__row.is-hit{box-shadow:inset 3px 0 0 var(--mm-acc)}
.mmm-zones__foot{margin:14px 0 0;font:400 12px/1.5 var(--mm-sans);color:#9A9287}
.mmm-map{width:100%}
.mmm-map svg{width:100%;height:auto;display:block;border-radius:24px;border:1px solid var(--mm-line)}
.mmm-map__ring{transition:stroke .15s,stroke-width .15s,filter .15s;cursor:pointer}
circle.mmm-map__ring.is-hover,circle.mmm-map__ring.is-hit{stroke:#242424;stroke-width:1.5px}
.mmm-map__km{font:500 10px var(--mm-sans);fill:#8F877B;letter-spacing:.04em;pointer-events:none}
.mmm-map__city text{font:500 11px var(--mm-sans);fill:#242424;pointer-events:none}
.mmm-map__city circle,.mmm-map__pin{pointer-events:none}
.mmm-map__hh{font:600 13px var(--mm-sans);fill:#242424}
@media (max-width:767px){.mmm-zl__row{padding:14px 16px;gap:12px}.mmm-zl__price{font-size:19px}}
.mmm-footer__credit a{color:var(--mm-acc);text-decoration:none}.mmm-footer__credit a:hover{color:var(--mm-bg)}

/* Video-Platzhalter */
.mmm-video{position:relative;width:100%;aspect-ratio:16/9;border-radius:16px;overflow:hidden;background:var(--mm-sand)}
.mmm-video img{width:100%;height:100%;object-fit:cover;display:block}
.mmm-video__play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:84px;height:84px;border-radius:999px;border:1px solid rgba(255,255,255,.7);background:rgba(36,36,36,.72);color:var(--mm-bg);display:flex;align-items:center;justify-content:center;cursor:pointer;backdrop-filter:blur(6px);transition:background .2s,transform .2s}
.mmm-video__play:hover{background:var(--mm-acc);color:var(--mm-ink);transform:translate(-50%,-50%) scale(1.05)}
.mmm-video__play svg{width:18px;height:20px;margin-left:4px}
.mmm-video__label{position:absolute;left:20px;bottom:18px;font:500 12px/1.4 var(--mm-sans);letter-spacing:.12em;text-transform:uppercase;color:var(--mm-ink);background:rgba(248,245,239,.85);padding:6px 12px;border-radius:999px}