.konto{padding-block: var(--phi-4) var(--phi-5)}.konto-karte{max-width: 29.034rem;margin-bottom: var(--phi-4);padding: var(--phi-3);background: var(--c-kachel-bg-solid);color: var(--c-kachel-ink)}.konto-karte:last-child{margin-bottom: 0}.konto-karte h1,.konto-karte h2{margin: 0 0 var(--phi-2);font-family: var(--f-sans);font-size: var(--t-small);font-weight: 500;letter-spacing: var(--sperr-weit);text-transform: uppercase;color: var(--c-gold)}.konto-feld{position: relative;margin-bottom: var(--phi-1)}.konto-feld input{width: 100%;min-height: 3.236rem;padding: 0 var(--phi-1);background: transparent;border: var(--linie) solid var(--c-gold);border-radius: 0;color: var(--c-kachel-ink);font-family: var(--f-sans);font-size: var(--t-small)}.konto-feld input::placeholder{color: var(--c-kachel-ink-soft);opacity: 0.618}.konto-feld input:focus-visible{outline: var(--phi-n1) solid var(--c-gold-bright);outline-offset: 0}.konto-feld-auge input{padding-right: 3.236rem}.konto-auge{position: absolute;top: 0;right: 0;width: 3.236rem;height: 100%;display: flex;align-items: center;justify-content: center;background: none;border: 0;color: var(--c-gold);cursor: pointer}.konto-auge:focus-visible{outline: var(--phi-n1) solid var(--c-gold-bright);outline-offset: calc(-1 * var(--phi-n1))}.konto-auge svg{width: var(--phi-2);height: var(--phi-2)}.konto-auge .konto-auge-strich{opacity: 0;transition: opacity var(--zeit-kurz) var(--kurve)}.konto-auge[aria-pressed="true"] .konto-auge-strich{opacity: 1}.konto-knopf{display: flex;align-items: center;justify-content: center;width: 100%;min-height: 3.236rem;margin-top: var(--phi-1);padding: 0 var(--phi-1);background: var(--c-gold);border: 0;border-radius: 0;color: var(--c-kachel-bg-solid);font-family: var(--f-sans);font-size: var(--t-small);font-weight: 600;letter-spacing: var(--sperr-weit);text-transform: uppercase;text-align: center;text-decoration: none;cursor: pointer;transition: background-color var(--zeit-kurz) var(--kurve)}.konto-knopf:hover,.konto-knopf:focus-visible{background: var(--c-gold-bright)}.konto-knopf:focus-visible{outline: var(--phi-n1) solid var(--c-kachel-ink);outline-offset: var(--phi-000)}.konto-karte h3{margin: 0 0 var(--phi-1);font-family: var(--f-sans);font-size: var(--t-fine);font-weight: 500;letter-spacing: var(--sperr-mittel);text-transform: uppercase;color: var(--c-gold)}.konto-block{margin-bottom: var(--phi-3);padding-bottom: var(--phi-2);border-bottom: var(--linie) solid var(--c-gold)}.konto-stand{margin: 0 0 var(--phi-1);font-size: var(--t-fine);color: var(--c-kachel-ink-soft)}.konto-liste{margin: 0 0 var(--phi-1);padding: 0;list-style: none}.konto-liste li{display: flex;align-items: center;justify-content: space-between;gap: var(--phi-1);padding-block: var(--phi-00)}.konto-text{width: 100%;min-height: 6.854rem;padding: var(--phi-0) var(--phi-1);background: transparent;border: var(--linie) solid var(--c-gold);border-radius: 0;color: var(--c-kachel-ink);font-family: var(--f-sans);font-size: var(--t-small);resize: vertical}.konto-text::placeholder{color: var(--c-kachel-ink-soft);opacity: 0.618}.konto-text:focus-visible{outline: var(--phi-n1) solid var(--c-gold-bright);outline-offset: 0}.konto-liste .konto-knopf{width: auto;min-height: 2.75rem;margin-top: 0;flex-shrink: 0}.konto-knopf-still{background: transparent;border: var(--linie) solid var(--c-gold);color: var(--c-gold)}.konto-knopf-still:hover,.konto-knopf-still:focus-visible{background: transparent;border-color: var(--c-gold-bright);color: var(--c-gold-bright)}.konto-meldung{min-height: var(--phi-2);margin: var(--phi-1) 0 0;font-size: var(--t-fine);color: var(--c-gold-bright)}.konto-hinweis{max-width: 29.034rem;margin: var(--phi-2) 0 0;font-size: var(--t-fine);color: var(--c-ink-soft)}@media (max-width: 20rem){.konto-knopf{padding-inline: var(--phi-0);font-size: var(--t-fine);letter-spacing: var(--sperr-mittel)}}@media (prefers-reduced-motion: reduce){.konto-auge .konto-auge-strich,.konto-knopf{transition: none}}