/* Gemeinsame Gestaltung für Start- und Kopplungsseite. Beide gehören
   zum Agent Manager und sollen so aussehen — die Grundfarbe ist die
   der Software (#1b5163). */
:root{--marke:#1b5163;--marke-hell:#2a6f86;--papier:#eceff0;--karte:#fff;
      --tinte:#101f26;--leise:#566970;--linie:#c8d2d6;--rot:#b0402f;
      --rot-grund:#f7e6e2;--gruen:#1d5c3c;--gruen-grund:#e0ece5}
@media (prefers-color-scheme:dark){:root{--papier:#0b171c;--karte:#12242b;
      --tinte:#e4ecee;--leise:#9fb3bb;--linie:#27424c;--marke:#5ea3bb;
      --marke-hell:#7dbcd2;--rot:#e0796a;--rot-grund:#3a1f1b;
      --gruen:#7fc9a3;--gruen-grund:#122b21}}
*{box-sizing:border-box}
body{margin:0;padding:40px 24px;background:var(--papier);color:var(--tinte);
     font:16px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;
     display:flex;justify-content:center}
main{width:100%;max-width:520px}
h1{font-size:1.5rem;line-height:1.2;margin:0 0 6px;letter-spacing:-.01em}
p.unter{margin:0 0 26px;color:var(--leise);font-size:.95rem}
label{display:block;margin:0 0 6px;font-size:.85rem;font-weight:600;color:var(--leise)}
textarea,input{width:100%;padding:11px 12px;border:1px solid var(--linie);
     border-radius:8px;background:var(--karte);color:var(--tinte);
     font:inherit;font-size:.95rem}
textarea{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.8rem;
     min-height:96px;resize:vertical}
input:focus,textarea:focus{outline:2px solid var(--marke);outline-offset:1px;border-color:var(--marke)}
.feld{margin:0 0 18px}
/* Stand unter dem Eingabefeld. Lag als style="margin:8px 0 0" im HTML und
   wurde von der Inhaltsrichtlinie blockiert (style-src 'self'), seit die
   .htaccess vom 02.09.2026 wirkt: Der Abstand fehlte, und die Seite warf
   bei jedem Aufruf einen Konsolenfehler. */
p.nachfeld{margin:8px 0 0}
button{font:inherit;font-weight:600;padding:12px 18px;border-radius:8px;
     border:0;background:var(--marke);color:#fff;cursor:pointer;width:100%}
button:disabled{opacity:.45;cursor:default}
button.leise{background:transparent;color:var(--marke);border:1px solid var(--linie);
     width:auto;padding:8px 14px;font-size:.88rem;font-weight:500}
.meldung{padding:11px 14px;border-radius:8px;margin:0 0 18px;font-size:.9rem}
.fehler{background:var(--rot-grund);color:var(--rot);border-left:3px solid var(--rot)}
.gut{background:var(--gruen-grund);color:var(--gruen);border-left:3px solid var(--gruen)}
.hinweis{font-size:.85rem;color:var(--leise);margin:20px 0 0;line-height:1.55}
/* Impressum und Datenschutz am Fuß jeder öffentlichen Seite (Befund 19) */
.rechtliches{font-size:.8rem;color:var(--leise);margin:34px 0 0}
.rechtliches a{color:inherit}
.warten{display:inline-block;width:14px;height:14px;border:2px solid rgba(255,255,255,.35);
     border-top-color:#fff;border-radius:50%;animation:dreh .7s linear infinite;
     vertical-align:-2px;margin-right:7px}
@keyframes dreh{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.warten{animation:none}}