/* JAGAHOF – globale Markenfarben.
   Elementor: Website-Einstellungen > Globale Farben (Jagahof ...).
   Themeweite Anpassungen liegen updatefest im aktiven Child-Theme.
   Orange entspricht dem bestehenden Theme: #d06a22. */
:root{--jh-green:#214e3b;--jh-green-deep:#153729;--jh-orange:#d06a22;--jh-paper:#f7f5ed;--jh-sage:#edf2e9;--jh-ink:#243b2e}
body{--jh-green:var(--e-global-color-jhgreen,#214e3b);--jh-orange:var(--e-global-color-jhorange,#d06a22);--jh-paper:var(--e-global-color-jhpaper,#f7f5ed);--jh-ink:var(--e-global-color-jhink,#243b2e)}
body .main-header,body .main-header .header-lower,body .main-header .header-lower .logo-box,body .sticky-header,body .mobile-menu .menu-box{background-color:var(--jh-green)!important}
body .main-header .header-top{background:var(--jh-green-deep)!important;border-color:rgba(255,255,255,.14)}
body .main-header .header-top .info li,body .main-header .header-top a,body .main-header .main-menu .navigation>li>a,body .sticky-header .main-menu .navigation>li>a,body .main-header .other-option li a,body .main-header .contact-info a,body .mobile-menu .contact-info h4,body .mobile-menu .contact-info li,body .mobile-menu .contact-info li a{color:#fff9ef}
body .main-header .main-menu .navigation>li:hover>a,body .main-header .main-menu .navigation>li.current>a{color:#ffb575}
body .main-header .mobile-nav-toggler,body .mobile-menu .close-btn{color:#fff9ef}
body .bg-color-1,body .menu-style-three,body .cta-section.alternat-2{background-color:var(--jh-sage)}
body .about-style-three .sec-title h2,body .menu-style-three h2,body .menu-style-three .single-item h3 a,body .why-choose-us h3,body .contact-section .info-inner h2{color:var(--jh-green)}
body .menu-style-three .tab-btn.active-btn h5,body .menu-style-three .tab-btn.active-btn h5 i{color:var(--jh-green)!important}
body .menu-style-three .tab-btn.active-btn{border-color:var(--jh-green)!important}
body .main-footer,body .footer-style-two,body .footer-style-three,body .bg-color-2,body .contact-section .form-inner{background-color:var(--jh-green)!important}
body .main-footer p,body .main-footer li,body .main-footer .footer-nav a,body .main-footer .widget-content a,body .main-footer .text,body .main-footer .copyright p,body .footer-style-two p,body .footer-style-two li{color:#e0eadd}
body .main-footer h3,body .main-footer h4,body .main-footer .widget-title h3,body .main-footer .widget-title h4{color:#fff9ef}
body .main-footer a:hover,body .footer-style-two a:hover{color:#ffb575}
body .theme-btn-two,body .jh-map-placeholder button{background-color:var(--jh-orange)}
body .theme-btn-two:hover{background-color:var(--jh-green)}
body .sec-title .sub-title{color:var(--jh-orange)}
body .jh-allergen-legend{background:var(--jh-sage);border-color:#cfddcb}
body .jh-allergen-legend h3,body .jh-allergen-legend dt{color:var(--jh-green)}
body .jh-allergen-toggle{border-color:var(--jh-orange)}
body .jh-allergen-explainer{background:var(--jh-paper);border-color:var(--jh-orange)}
body.page-id-31 .scroll-to-top{display:none!important}
@media(min-width:1200px){.header-style-three .main-menu .navigation>li{margin-right:19px}.header-style-three .main-menu .navigation>li>a{font-size:12px}}
body #party .content-column .sec-title p{max-width:360px;width:100%;margin:14px auto 28px!important;padding:0 12px;color:#f1f3ec}

/* Anfrage Assistent Jagahof */
/* Jagahof appearance: the existing Anfrage Assistent owns markup, steps and delivery. */
body #aa-avatar-trigger{background:var(--jh-green,#214e3b)!important;width:66px!important;height:66px!important;bottom:max(20px,env(safe-area-inset-bottom))!important}
body #aa-avatar-trigger img{object-fit:contain!important;border-radius:50%!important;background:#faf7f1;padding:7px}
body #aa-avatar-modal{max-width:calc(100vw - 32px)!important;max-height:calc(100dvh - 120px);bottom:100px!important;right:20px!important;border-color:#cad7c7!important;background:var(--jh-paper,#f7f5ed)!important}
body #aa-avatar-modal>.aa-avatar-mode{max-height:calc(100dvh - 178px);overflow-y:auto;overscroll-behavior:contain;--aa-border:#d6e0d0;--aa-text-light:#526555}
body #aa-avatar-modal .aa-container{font-family:Urbanist,system-ui,sans-serif;padding:23px;overflow:visible}
body #aa-avatar-modal .aa-options-cards{gap:10px;margin:18px 0}
body #aa-avatar-modal .aa-options-cards .aa-option-label{min-height:86px;padding:14px 14px 14px 64px;position:relative;align-items:flex-start;text-align:left;border-radius:11px}
body #aa-avatar-modal .aa-option-icon{position:absolute;left:17px;top:22px;font-size:29px;margin:0;color:var(--jh-green,#214e3b)}
body #aa-avatar-modal .aa-option-icon .dashicons{font-size:29px;width:30px;height:30px}
body #aa-avatar-modal .aa-option-title{font-size:18px;margin:0 0 4px}
body #aa-avatar-modal .aa-header h2{font-size:24px;line-height:1.3;margin:0 0 16px}
body #aa-avatar-modal .aa-field-wrapper{margin-bottom:10px!important}
body #aa-avatar-modal .aa-field-wrapper label{font-size:14px!important;line-height:1.5;color:#3b5343!important}
body #aa-avatar-modal .aa-input{min-width:0;min-height:45px;margin-bottom:0;font-family:inherit;font-size:16px;border-width:1px;border-color:#b7c9b0;border-radius:6px;line-height:1.4}
body #aa-avatar-modal textarea.aa-input{min-height:100px;resize:vertical}
body #aa-avatar-modal .aa-footer{margin-top:18px;flex-wrap:wrap}
body #aa-avatar-modal .aa-btn{min-height:46px;font-size:14px;padding:12px;border-radius:7px;line-height:1.45}
body #aa-avatar-modal .aa-btn-secondary{color:#395740;background:#e4ebdf}
body #aa-avatar-modal .aa-option-label:focus-visible,body #aa-avatar-modal .aa-btn:focus-visible,body #aa-avatar-trigger:focus-visible,body #aa-modal-close:focus-visible{outline:3px solid var(--jh-orange,#d06a22);outline-offset:3px}
body #aa-avatar-modal .aa-input:focus{outline:2px solid var(--jh-orange,#d06a22);outline-offset:2px}
body #aa-modal-close{display:grid;place-items:center;width:36px;height:36px;min-width:36px;background:#ffffff1a;border-radius:50%}
body #aa-thought-bubble{width:auto;max-width:calc(100vw - 96px);white-space:nowrap!important}
body.mobile-menu-visible #aa-avatar-trigger,body.mobile-menu-visible #aa-avatar-modal{visibility:hidden}
@media(max-width:767px){body #aa-avatar-modal{right:16px!important;bottom:94px!important;max-height:calc(100dvh - 110px)}body #aa-avatar-modal>.aa-avatar-mode{max-height:calc(100dvh - 168px)}body #aa-avatar-modal .aa-container{padding:19px}body #aa-avatar-trigger{right:16px!important}}
@media(prefers-reduced-motion:reduce){#aa-avatar-trigger,#aa-thought-bubble{animation:none!important}#aa-thought-bubble{opacity:1!important}.aa-step-wrapper{animation:none!important}}


/* Jagahof header trim and reservation button */
body .header-style-five .menu-right .theme-btn-two{
  background-color:var(--jh-orange,#d06a22)!important;
  color:#fff!important;
}
body .header-style-five .menu-right .theme-btn-two:hover,
body .header-style-five .menu-right .theme-btn-two:focus-visible{
  background-color:#1f1f1f!important;
  color:#fff!important;
}
body.page-id-31 .header-style-five .header-top{
  padding-top:0;
  padding-bottom:0;
}
body.page-id-31 .header-style-five .header-top .top-inner .text p{
  margin:0;
  line-height:1.35;
  padding-top:8px;
  padding-bottom:8px;
}
body.page-id-31 .header-style-five .header-lower{
  padding-top:0;
  padding-bottom:0;
}
body.page-id-31 .header-style-five .header-lower .outer-box{
  display:flex;
  align-items:center;
}
body.page-id-31 .header-style-five .logo-box{
  padding-top:10px;
  padding-bottom:10px;
}
@media(max-width:1200px){
  body .menu-area .mobile-nav-toggler .icon-bar,
  body .nav-outer .mobile-nav-toggler .icon-bar{
    background-color:#fff9ef!important;
  }
  body.page-id-31 .header-style-five .header-top{
    padding:8px 18px 6px;
    border-bottom:2px solid var(--jh-orange,#d06a22);
  }
  body.page-id-31 .header-style-five .header-top .auto-container{
    padding-left:0;
    padding-right:0;
    max-width:none;
  }
  body.page-id-31 .header-style-five .header-top .top-inner{
    display:flex;
    flex-direction:column;
    align-items:stretch;
    gap:0;
  }
  body.page-id-31 .header-style-five .header-top .top-inner .text{
    position:static;
    width:100%;
    flex:none;
    min-width:0;
    border-bottom:1px solid rgba(255,249,239,.14);
  }
  body.page-id-31 .header-style-five .header-top .top-inner .text:last-child{
    border-bottom:0;
  }
  body.page-id-31 .header-style-five .header-top .top-inner .text:before{
    display:none;
  }
  body.page-id-31 .header-style-five .header-top .top-inner .text p{
    display:flex;
    align-items:center;
    gap:10px;
    width:100%;
    margin:0;
    padding:8px 0;
    font-size:14px;
    line-height:1.3;
    color:#fff9ef;
    letter-spacing:.01em;
    white-space:normal;
    overflow:visible;
  }
  body.page-id-31 .header-style-five .header-top .top-inner .text p i{
    position:static;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:18px;
    flex:0 0 18px;
    color:var(--jh-orange,#d06a22);
    font-size:15px;
    line-height:1;
  }
  body.page-id-31 .header-style-five .header-top .top-inner .text:last-child a{
    color:#fff;
    font-weight:700;
    letter-spacing:.04em;
    text-decoration:none;
  }
  body.page-id-31 .header-style-five .logo-box{
    padding-top:8px;
    padding-bottom:8px;
  }
}
body.page-id-31 .header-style-five .main-menu .navigation>li>a,
body.page-id-31 .header-style-five .sticky-header .main-menu .navigation>li>a{
  padding-top:16px;
  padding-bottom:16px;
}
body.page-id-31 .header-style-five .menu-right .theme-btn-two{
  padding:11px 20px 10px;
}

/* Desktop-Leiste: Icons bündig, kurze Trennlinien statt der hohen Theme-Striche. */
@media(min-width:1201px){
  body.page-id-31 .header-style-five .header-top .top-inner{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:0;
  }
  body.page-id-31 .header-style-five .header-top .top-inner .text{
    position:relative;
    display:flex;
    align-items:center;
    padding:0 34px;
  }
  body.page-id-31 .header-style-five .header-top .top-inner .text:before{
    display:none;
  }
  body.page-id-31 .header-style-five .header-top .top-inner .text + .text{
    border-left:1px solid rgba(255,249,239,.28);
  }
  body.page-id-31 .header-style-five .header-top .top-inner .text p{
    display:flex;
    align-items:center;
    gap:8px;
    margin:0;
    padding:12px 0;
    line-height:1.2;
    color:#fff9ef;
  }
  body.page-id-31 .header-style-five .header-top .top-inner .text p i{
    position:static;
    color:var(--jh-orange,#d06a22);
    line-height:1;
  }
  body.page-id-31 .header-style-five .header-top .top-inner .text a{
    color:#fff9ef;
    text-decoration:none;
  }
  body.page-id-31 .header-style-five .header-top .top-inner .text a:hover{
    color:#ffb575;
  }
}
body.page-id-31 #aussteckzeiten{scroll-margin-top:130px}
body.page-id-31 .jh-hours{margin-top:12px}
body.page-id-31 .jh-hours strong{display:block;margin-bottom:4px}
body.page-id-31 .jh-hours ul{margin:0;padding:0;list-style:none}
body.page-id-31 .jh-hours li{margin:0;line-height:1.55}
#aa-thought-bubble{white-space:nowrap!important}
#aa-thought-bubble .jh-bubble-emoji{font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",emoji;margin-right:6px}
@media(max-width:767px){#aa-thought-bubble{white-space:normal!important;max-width:min(240px,calc(100vw - 96px))}}

/* Lauftext nur für die Aussteckzeiten, Adresse und Telefon bleiben stehen. */
body.page-id-31 .jh-hours-marquee{
  display:block;
  overflow:hidden;
  width:min(380px,42vw);
  min-width:0;
  color:#fff9ef;
  text-decoration:none;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 14px,#000 calc(100% - 14px),transparent);
  mask-image:linear-gradient(90deg,transparent,#000 14px,#000 calc(100% - 14px),transparent);
}
body.page-id-31 .jh-hours-track{
  display:flex;
  width:max-content;
  animation:jh-hours-marquee 28s linear infinite;
}
body.page-id-31 .jh-hours-track span{
  flex:0 0 auto;
  white-space:nowrap;
  padding-right:2.5em;
}
body.page-id-31 .jh-hours-marquee:hover .jh-hours-track,
body.page-id-31 .jh-hours-marquee:focus-visible .jh-hours-track{
  animation-play-state:paused;
}
@keyframes jh-hours-marquee{
  from{transform:translateX(0)}
  to{transform:translateX(-50%)}
}
@media(max-width:1200px){
  body.page-id-31 .jh-hours-marquee{width:100%}
  body.page-id-31 .header-style-five .header-top .top-inner .text p:has(.jh-hours-marquee){min-width:0}
}
@media(prefers-reduced-motion:reduce){
  body.page-id-31 .jh-hours-track{animation:none}
  body.page-id-31 .jh-hours-track span[aria-hidden]{display:none}
  body.page-id-31 .jh-hours-marquee{width:min(220px,70vw)}
  body.page-id-31 .jh-hours-track span{display:block;overflow:hidden;text-overflow:ellipsis}
}
