/* Grundlook für Anmeldung, Passwort und Zwei-Faktor: helle Karte auf Papiergrund, Foto der Startseite eingeblendet, Akzent Orange. Erzeugt von quellen/werkzeuge/grundlook_app.py. */
html:root{--p:#F4F2EE;--p2:#ECE8E1;--k:#1D1D1B;--k2:#55534E;--li:#D8D3CA;--or:#E8993A;--or2:#C9761C;--d:#16181F;--navy:#F4F2EE;--navy2:#FFFFFF;--cyan:#C9761C;--ice:#1D1D1B;--grey:#55534E;--bord:#D8D3CA}
html body{font-family:'Archivo',system-ui,-apple-system,'Segoe UI',sans-serif!important;background:var(--p)!important;background-image:none!important;color:var(--k)}
html body *{font-family:inherit}
html body h1,html body h2{font-family:'Anton',Impact,sans-serif!important;font-weight:400!important;letter-spacing:.005em;color:var(--k)!important}
html body .card{background:#fff!important;border:1px solid var(--li)!important;box-shadow:0 18px 50px rgba(29,29,27,.10)!important;position:relative;z-index:1}
html body input{background:#fff!important;border-color:var(--li)!important;color:var(--k)!important}
html body input:focus{border-color:var(--or)!important;box-shadow:0 0 0 2px rgba(232,153,58,.25)!important;outline:none}
html body .go,html body button.go,html body button[type=submit]{background:var(--or)!important;color:var(--k)!important;border-color:var(--or)!important;box-shadow:none!important}
html body .tab{color:var(--k)!important;border-color:var(--li)!important}
html body .tab.on{background:var(--k)!important;color:var(--p)!important;border-color:var(--k)!important}
html body .tag{background:var(--k)!important;color:var(--p)!important}
html body .codes{background:var(--p)!important;color:var(--k)!important;border-color:var(--li)!important}
html body .err{color:#B42318!important}
html body a,html body .note a,html body .neu a,html body .ds a{color:var(--or2)!important}
html body .qr{border:1px solid var(--li)}
html body code,html body .geh,html body .codes{font-family:ui-monospace,Menlo,monospace!important}
/* Foto der Startseite rechts, von links eingeblendet (nicht im Anmelde-Fenster und nicht auf schmalen Bildschirmen) */
@media(min-width:900px){html:not(.imfenster) body::before{content:"";position:fixed;top:0;right:0;bottom:0;width:58%;background:url(/media/grundlook/hero-gestalter.jpg) 22% center/cover no-repeat;-webkit-mask-image:linear-gradient(to right,transparent 0,rgba(0,0,0,.35) 25%,#000 62%);mask-image:linear-gradient(to right,transparent 0,rgba(0,0,0,.35) 25%,#000 62%);pointer-events:none;z-index:0}}