/* Stage 07: independent vertical mobile panels, no desktop sidebar. */
@media(max-width:900px){
  .cf-pf{height:525svh;margin-top:-145svh}
  .cf-pf__foreground{
    display:grid;grid-template-rows:minmax(calc(21.5svh - 16px),max-content) max-content;
    gap:16px;padding:10svh 7.7vw 7svh;box-sizing:border-box;
  }
  .cf-pf__head{position:relative;left:auto;top:auto;max-width:100%}
  .cf-pf__head h2{
    max-width:100%;white-space:normal;font-size:clamp(2.75rem,10.3vw,5rem);
    line-height:.94;margin-top:.6rem;
  }
  .cf-pf__eyebrow{font-size:clamp(12px,3.6vw,16px);letter-spacing:.07em;white-space:nowrap}
  .cf-pf__boards{
    position:relative;top:auto;left:auto;right:auto;
    display:flex;flex-direction:column;gap:11px;
    height:max-content;min-height:0;max-height:none;
    flex:0 0 auto;align-self:start;overflow:visible;
  }
  .cf-pf__box{flex:0 0 auto}
  .cf-pf__box--partner{min-height:22svh}
  .cf-pf__right{display:contents;min-height:0}
  .cf-pf__box--sponsoren{min-height:27svh}
  .cf-pf__box--freunde{min-height:9svh}
  .cf-pf__box-content{padding:17px 15px 18px}
  .cf-pf__box-heading{min-height:22px;margin-bottom:11px}
  .cf-pf .cf-pf__box-heading h3{font-size:.74rem;letter-spacing:.17em}
  .cf-pf__tile-grid{gap:8px}
  .cf-pf__tile-grid--partner,.cf-pf__tile-grid--sponsoren{
    height:auto;min-height:0;grid-auto-rows:minmax(clamp(112px,16svh,180px),auto);
  }
  .cf-pf__wordmark{font-size:clamp(.62rem,2.7vw,.85rem);font-weight:500}
  .cf-pf__friend-link{font-size:clamp(.62rem,2.7vw,.85rem);gap:10px}
  .cf-pf__word{top:4%;font-size:42vw}
  .cf-pf .cf-sticky{background:transparent}
}
@media(max-width:380px){
  .cf-pf__box-content{padding-inline:12px}
}

@media(max-width:900px){
  /* Mobile touch/focus states must never inherit a browser/Elementor pink fill.
     The same red outline and upright plus remain in both open and closed state. */
  .cf-pf .cf-pf__toggle:not([aria-expanded="true"]):is(:hover,:focus,:active),
  .cf-pf .cf-pf__toggle:not([aria-expanded="true"]){
    background:linear-gradient(180deg,rgba(204,23,21,.07),rgba(204,23,21,.018)) !important;
    background-color:transparent !important;border-color:rgba(204,23,21,.82) !important;color:#CC1715 !important;
    box-shadow:inset 0 0 .8rem rgba(204,23,21,.05),0 0 .48rem rgba(204,23,21,.25),0 0 1.25rem rgba(204,23,21,.10) !important;
    -webkit-tap-highlight-color:transparent;
  }
  .cf-pf .cf-pf__toggle[aria-expanded="true"],
  .cf-pf .cf-pf__toggle[aria-expanded="true"]:is(:hover,:focus,:active){
    border-color:transparent !important;background:transparent !important;background-color:transparent !important;
    box-shadow:none !important;color:#CC1715 !important;
  }
  .cf-pf .cf-pf__toggle[aria-expanded="true"]::before{
    border-color:#CC1715 !important;
    background:linear-gradient(180deg,rgba(204,23,21,.12),rgba(204,23,21,.03)) !important;
  }
}