/* Kompakter Wellenbutton im Footer, 44 px Bedienfläche bleiben erhalten. */
.footer > .wrap {
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  column-gap:14px;
  align-items:center;
}
.footer > .wrap > .brand {
  grid-column:1;
  grid-row:1;
  min-width:0;
  justify-self:start;
}
.footer > .wrap > .motion-control {
  position:relative;
  isolation:isolate;
  grid-column:2;
  grid-row:1;
  justify-self:end;
  align-self:center;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:max-content;
  max-width:100%;
  min-width:44px;
  min-height:44px;
  height:44px;
  margin:0;
  padding:0 10px;
  border:0;
  border-radius:5px;
  background:transparent;
  color:#d4e7f6;
  font:11px/18px Arial,Helvetica,sans-serif;
  white-space:nowrap;
  cursor:pointer;
}
.footer > .wrap > .motion-control::before {
  content:"";
  position:absolute;
  z-index:-1;
  inset:6px 0;
  border:1px solid #8bb5d4;
  border-radius:5px;
  background:#173c56;
  pointer-events:none;
}
.footer > .wrap > .motion-control:hover::before {
  border-color:#d4e7f6;
  background:#214966;
}
.footer > .wrap > .motion-control:focus-visible {
  outline:3px solid #f0cf9a;
  outline-offset:2px;
}
.footer > .wrap > .motion-control:disabled {
  cursor:default;
}
.footer > .wrap > .footer-links,
.footer > .wrap > p {
  grid-column:1 / -1;
}
@media (max-width:519px) {
  .footer > .wrap > .brand { grid-column:1 / -1; }
  .footer > .wrap > .motion-control {
    grid-row:2;
    margin-top:7px;
  }
}
@media print {
  .footer > .wrap > .motion-control { display:none; }
}