/* Mobile Korrekturen und fester Kopf, Coiffeur Yavuz (23.09.2026).
   Das Theme schaltet bis 1024 px auf den mobilen Kopf. */
html,body{overflow-x:clip}
pre{max-width:100%;overflow:auto}

@media (max-width:1024px){
  /* ---- fester Kopf ---- */
  body.cy-mobil{padding-top:80px}
  body.cy-mobil #yolo-mobile-header{position:fixed;top:0;left:0;right:0;z-index:9990;background:#fff;
    transition:box-shadow .25s ease}
  body.cy-mobil #yolo-mobile-header .yolo-mobile-header-inner{height:80px;transition:height .25s ease;display:flex;align-items:center;justify-content:center;position:relative}
  body.cy-mobil #yolo-mobile-header .header-logo-mobile img{max-height:64px;width:auto;transition:max-height .25s ease}
  body.cy-kopf-klein #yolo-mobile-header{box-shadow:0 4px 18px rgba(0,0,0,.12)}
  body.cy-kopf-klein #yolo-mobile-header .yolo-mobile-header-inner{height:62px}
  body.cy-kopf-klein #yolo-mobile-header .header-logo-mobile img{max-height:48px}
  /* Theme-Menue, Theme-Knopf und die funktionslose Suche aus */
  body.cy-mobil #yolo-mobile-header .toggle-mobile-menu,
  body.cy-mobil #yolo-mobile-header .header-customize,
  body.cy-mobil #yolo-nav-mobile-menu,
  body.cy-mobil .yolo-mobile-menu-overlay{display:none!important}

  /* ---- eigene Knoepfe im Kopf ---- */
  .cy-kopfknopf{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:48px;display:flex;align-items:center;justify-content:center;
    background:none;border:0;padding:0;cursor:pointer;color:#1b1b1b;text-decoration:none}
  .cy-kopfknopf:focus-visible{outline:3px solid #e8ca69;outline-offset:2px}
  .cy-burger{left:6px}
  .cy-wa{right:6px;font-size:26px}
  .cy-wa:hover{color:#1b1b1b}
  .cy-burger span{position:absolute;left:12px;width:24px;height:2px;background:#1b1b1b;transition:transform .25s ease,opacity .2s ease,top .25s ease}
  .cy-burger span:nth-child(1){top:16px}
  .cy-burger span:nth-child(2){top:23px}
  .cy-burger span:nth-child(3){top:30px;width:16px}
  body.cy-menue-offen .cy-burger span:nth-child(1){top:23px;transform:rotate(45deg)}
  body.cy-menue-offen .cy-burger span:nth-child(2){opacity:0}
  body.cy-menue-offen .cy-burger span:nth-child(3){top:23px;width:24px;transform:rotate(-45deg)}

  /* ---- eigenes Menue ---- */
  .cy-menue{position:fixed;left:0;right:0;bottom:0;top:var(--cy-kopf-h,80px);z-index:9989;background:#1b1b1b;color:#fff;
    overflow-y:auto;overscroll-behavior:contain;padding:8px 20px 32px;
    opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity .22s ease,transform .22s ease,visibility 0s linear .22s}
  body.cy-menue-offen .cy-menue{opacity:1;visibility:visible;transform:none;transition:opacity .22s ease,transform .22s ease}
  body.cy-menue-offen{overflow:hidden}
  .cy-menue ul{list-style:none;margin:0;padding:0}
  .cy-menue > nav > ul > li{border-bottom:1px solid #333}
  .cy-menue a,.cy-menue button.cy-unter{font-family:Oswald,Arial,sans-serif;font-weight:500;text-transform:uppercase;letter-spacing:.06em}
  .cy-menue > nav > ul > li > a,.cy-menue button.cy-unter{display:flex;align-items:center;justify-content:space-between;width:100%;
    min-height:60px;padding:14px 0;font-size:22px;color:#fff;text-decoration:none;background:none;border:0;cursor:pointer;text-align:left}
  .cy-menue button.cy-unter::after{content:"";width:10px;height:10px;border-right:2px solid #e8ca69;border-bottom:2px solid #e8ca69;transform:rotate(45deg);margin:-6px 6px 0 0;transition:transform .2s ease}
  .cy-menue button.cy-unter[aria-expanded="true"]::after{transform:rotate(-135deg);margin-top:6px}
  .cy-menue .cy-untermenue{padding:0 0 14px 14px;border-left:2px solid #e8ca69;margin:0 0 14px 2px}
  .cy-menue .cy-untermenue[hidden]{display:none}
  .cy-menue .cy-untermenue a{display:block;padding:10px 0;font-size:17px;color:#d6d6d6;text-decoration:none;letter-spacing:.05em}
  .cy-menue a[aria-current="page"],.cy-menue a:hover{color:#e8ca69!important}
  .cy-menue a:focus-visible,.cy-menue button:focus-visible{outline:3px solid #e8ca69;outline-offset:2px}
  .cy-menue__kontakt{margin-top:28px;display:grid;gap:12px}
  .cy-menue__kontakt p{margin:0 0 4px;font-family:"Josefin Sans",Arial,sans-serif;font-size:15px;color:#a9a9a9;letter-spacing:.02em}
  .cy-menue__knopf{display:flex!important;align-items:center;justify-content:space-between;min-height:54px;padding:12px 18px;border:2px solid #e8ca69;
    color:#fff!important;text-decoration:none;font-size:17px!important}
  .cy-menue__knopf span{font-family:"Josefin Sans",Arial,sans-serif;text-transform:none;letter-spacing:0;color:#e8ca69;font-size:16px}
  .cy-menue__knopf--voll{background:#e8ca69;color:#151515!important}
  .cy-menue__knopf--voll span{color:#151515}
  .cy-menue__zeiten{margin-top:18px;font-family:"Josefin Sans",Arial,sans-serif;font-size:15px;line-height:1.7;color:#bdbdbd}
}

/* ---- Inhalte auf dem Handy ---- */
@media (max-width:767px){
  /* Hero: Schrift passt in die Breite */
  .elementor-element-8ca0335 .elementor-heading-title,
  .elementor-element-98aec46 .elementor-heading-title{font-size:clamp(38px,12.5vw,54px)!important;line-height:1.05!important}
  /* Leistungen: Kacheln mit Symbol statt leerer Akkordeon-Liste */
  .elementor-widget-yolo_tabs .justache-tabs-wrapper{display:grid!important;grid-template-columns:repeat(2,1fr);gap:26px 12px}
  .elementor-widget-yolo_tabs .justache-tab-desktop-title{flex-direction:column;align-items:center;text-align:center;padding:0!important;margin:0!important;width:auto!important;border:0!important}
  .elementor-widget-yolo_tabs .justache-tab-desktop-title .icon svg{width:auto;height:54px}
  .elementor-widget-yolo_tabs .justache-tab-desktop-title,.elementor-widget-yolo_tabs .justache-tab-desktop-title *{font-size:14px!important;line-height:1.3!important;overflow-wrap:anywhere;hyphens:auto}
  .elementor-widget-yolo_tabs .justache-tabs-content-wrapper{display:none!important}
  /* Preislisten: lange Namen umbrechen statt ueberlappen */
  .price-list-pro-header{display:flex;align-items:baseline;gap:8px}
  .price-list-pro-title{flex:0 1 auto;min-width:0;line-height:1.3!important;height:auto!important}
  .price-list-pro-separator{flex:1 1 12px}
  .price-list-pro-price{flex:none;white-space:nowrap}
  .pricing_wrapper{display:grid!important;grid-template-columns:minmax(0,1fr) auto;column-gap:12px;align-items:start}
  .pricing_wrapper .pricing_title{grid-column:1;grid-row:1;min-width:0;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;padding-right:0!important;line-height:1.35!important;height:auto!important}
  .pricing_wrapper .pricing_description{grid-column:1;grid-row:2;position:static!important;margin:4px 0 0!important}
  .pricing_wrapper .pricing_price{grid-column:2;grid-row:1;position:static!important;white-space:nowrap;margin:0!important;transform:none!important}
  /* Knoepfe nie breiter als der Bildschirm */
  .yolo-button-link{white-space:normal!important;max-width:100%;text-align:center}
  /* Nach-oben-Knopf kleiner und in die Ecke */
  .back-to-top,#back-to-top,.yolo-back-to-top{width:44px!important;height:44px!important;right:14px!important;bottom:14px!important}
}