/* Steuerberatung Potthoff – gemeinsames Stylesheet: Hover-Zustände, Mobilmenü, Responsive-Anpassungen */

/* ---- Hover (ersetzt frühere style-hover-Attribute) ---- */
.hv-white:hover{color:#fff !important;}
.hv-accent:hover{color:var(--accent-dk) !important;}
.hv-bg-accent:hover{background:var(--accent-dk) !important;}
.hv-border-white:hover{border-color:#fff !important;}
.hv-bg-ink:hover{background:var(--ink) !important;color:#fff !important;}
a:focus-visible,button:focus-visible{outline:2px solid var(--accent-dk);outline-offset:3px;}

/* ---- Burger-Button (Desktop ausgeblendet) ---- */
.r-burger{display:none;position:relative;width:44px;height:44px;margin:-6px -8px -6px 0;padding:0;border:0;background:transparent;cursor:pointer;}
.r-burger span{position:absolute;left:11px;width:22px;height:2px;background:var(--ink);border-radius:2px;transition:transform .25s ease,opacity .2s ease,top .25s ease;}
.r-burger span:nth-child(1){top:14px;} .r-burger span:nth-child(2){top:21px;} .r-burger span:nth-child(3){top:28px;}
.r-burger[aria-expanded="true"] span:nth-child(1){top:21px;transform:rotate(45deg);}
.r-burger[aria-expanded="true"] span:nth-child(2){opacity:0;}
.r-burger[aria-expanded="true"] span:nth-child(3){top:21px;transform:rotate(-45deg);}

/* ---- Tabellen horizontal scrollbar ---- */
.r-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;}
.r-scroll table{min-width:640px;}

/* ---- Bilder nie breiter als Container ---- */
img{max-width:100%;}

/* ===================== Tablet ≤ 1024px ===================== */
@media (max-width:1024px){
  .r-wrap{padding-left:28px !important;padding-right:28px !important;}
  .r-h-xl{font-size:clamp(40px,6.5vw,64px) !important;}
  .r-h-l{font-size:clamp(32px,4.8vw,44px) !important;}
  .r-grid-4{grid-template-columns:1fr 1fr !important;gap:32px !important;}
}

/* ===================== Mobil ≤ 900px ===================== */
@media (max-width:900px){
  .r-wrap{padding-left:20px !important;padding-right:20px !important;}
  .r-grid,.r-grid-3{grid-template-columns:1fr !important;gap:32px !important;}
  .r-h-xl{font-size:clamp(36px,10vw,52px) !important;}
  .r-h-l{font-size:clamp(28px,7.5vw,38px) !important;}
  .r-hero{min-height:0 !important;}
  .r-hero > div[style*="padding:120px"]{padding-top:88px !important;padding-bottom:96px !important;}
  img.r-photo{height:auto !important;}
  img.r-photo[src*="potthoff"]{aspect-ratio:4/5;max-height:520px;}
  img.r-photo[src*="header_"]{aspect-ratio:16/10;}
  .r-flex-wrap{flex-wrap:wrap;}
  .r-kv{flex-direction:column;align-items:flex-start !important;gap:6px !important;}
  .r-kv > *{text-align:left !important;}
  /* Abschnittsabstände etwas kompakter */
  .r-wrap[style*="padding:80px"]{padding-top:56px !important;padding-bottom:56px !important;}
  .r-wrap[style*="padding:88px"],.r-wrap[style*="padding:76px"],.r-wrap[style*="padding:72px"],.r-wrap[style*="padding:70px"]{padding-top:52px !important;padding-bottom:48px !important;}

  /* Header / Mobilmenü */
  .r-header > div{padding:12px 20px !important;}
  .r-header img{height:38px !important;}
  .r-burger{display:block;}
  .r-nav{display:none !important;position:absolute;left:0;right:0;top:100%;flex-direction:column;align-items:stretch !important;gap:0 !important;padding:8px 20px 20px;background:var(--paper);border-bottom:1px solid var(--rule);box-shadow:0 18px 40px rgba(38,48,43,.12);}
  .r-nav.open{display:flex !important;}
  .r-nav > a{padding:14px 0;font-size:17px !important;border-bottom:1px solid var(--rule);}
  .r-nav > a:last-child{margin-top:14px;justify-content:center;height:50px !important;border-bottom:0;}
  body.nav-open{overflow:hidden;}
}

/* ===================== Kleine Smartphones ≤ 560px ===================== */
@media (max-width:560px){
  .r-grid-4{grid-template-columns:1fr !important;}
  .r-h-xl{font-size:clamp(34px,11vw,44px) !important;}
  img.r-photo[src*="potthoff"]{max-height:440px;}
  footer [style*="white-space:nowrap"]{white-space:normal !important;word-break:break-all;}
}

@media (prefers-reduced-motion:reduce){
  .r-burger span{transition:none;}
}