:root[data-vorlage="1"]:has(.auth-frame) {
  --av-seite: #ffffff;
  --av-karte: #ffffff;
  --av-text: #192028;
  --av-titel: #0b1729;
  --av-gedaempft: #52565e;
  --av-label: #2a2e36;
  --av-feld-rand: #d4d6da;
  --av-linie: #dbdce0;
  --av-hilfe-bg: #f4f6f9;
  --av-link: #2f62b0;
  --av-link-deko: none;
  --av-sek-rand: #c7c8cc;
  --av-sek-text: #23272f;
  --av-h1: 54px;
  --av-unter: 20px;
  --av-unter-abstand: 6px;
  --av-form-abstand: 39px;
  --av-label-groesse: 18px;
  --av-label-gewicht: 500;
  --av-label-abstand: 8px;
  --av-feld-hoehe: 54.5px;
  --av-radius: 5px;
  --av-feld-schrift: 18px;
  --av-feld-innen: 22px;
  --av-feld-luecke: 24px;
  --av-forgot-oben: 25px;
  --av-knopf-oben: 31.5px;
  --av-knopf-hoehe: 61px;
  --av-knopf-schrift: 22px;
  --av-knopf-gewicht: 700;
  --av-sek-schrift: 19.5px;
  --av-sek-gewicht: 500;
  --av-link-groesse: 18px;
  --av-oder-schrift: 18.5px;
  --av-oder-oben: 21.5px;
  --av-oder-unten: 20px;
  --av-text-groesse: 16px;
  --av-zeichen: 46px;
  --av-marke-groesse: 33px;
  --av-marke-gewicht: 500;
  --av-marke-farbe: #ffffff;
  --av-firma-farbe: rgba(255, 255, 255, 0.78);
  --av-firma-groesse: 15px;
  --av-marke-luecke: 16px;
  --av-zeichen-hinten: #ffffff;
  --av-zeichen-blatt: #ffffff;
  --av-zeichen-vorne: #ffffff;
  --av-zeichen-strich: var(--av-akzent);
}

:root[data-vorlage="1"] .auth-frame {
  display: grid;
  grid-template-columns: 43.2% minmax(0, 1fr);
}

:root[data-vorlage="1"] .auth-panel {
  background: var(--av-akzent);
  padding: 58px 32px 32px 55px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}

:root[data-vorlage="1"] .auth-main {
  background: #ffffff;
  padding: 162.5px 119px 48px 20.9%;
}

:root[data-vorlage="1"] .auth-content {
  max-width: 527px;
}

:root[data-vorlage="1"] .auth-brand:has(img) {
  background: #ffffff;
  border-radius: 6px;
  padding: 5px 10px;
  width: fit-content;
  max-width: 100%;
}

@media (max-width:899px) {
  :root[data-vorlage="1"]:has(.auth-frame) {
    --av-zeichen: 36px;
    --av-marke-groesse: 24px;
    --av-firma-groesse: 13px;
    --av-marke-luecke: 12px;
    --av-h1: 36px;
    --av-unter: 17px;
    --av-form-abstand: 28px;
    --av-label-groesse: 16px;
    --av-feld-hoehe: 50px;
    --av-feld-schrift: 17px;
    --av-feld-innen: 16px;
    --av-feld-luecke: 18px;
    --av-forgot-oben: 14px;
    --av-knopf-oben: 20px;
    --av-knopf-hoehe: 52px;
    --av-knopf-schrift: 19px;
    --av-sek-schrift: 17px;
    --av-link-groesse: 16px;
    --av-oder-schrift: 16px;
    --av-oder-oben: 20px;
    --av-oder-unten: 16px;
    --av-text-groesse: 15px;
  }

  :root[data-vorlage="1"] .auth-frame {
    display: block;
  }

  :root[data-vorlage="1"] .auth-panel {
    padding: 18px 16px;
  }

  :root[data-vorlage="1"] .auth-main {
    padding: 28px 16px 32px;
  }

  :root[data-vorlage="1"] .auth-content {
    max-width: none;
  }
}

@media (min-width: 1000px) and (max-height: 760px) {
  :root[data-vorlage="1"] .auth-panel {
    padding-top: 40px;
  }

  :root[data-vorlage="1"] .auth-main {
    padding-top: 72px;
    padding-bottom: 32px;
  }
}