/* BICOS - Listmonk Public (Login, Anmeldung, Archiv) */
:root{--bic-tinte:#071a2f;--bic-blau:#0b5394;--bic-blau-akt:#0e69bb;--bic-blau-hell:#e8f1f9;--bic-messing:#cda434;--bic-papier:#f6f5f2;--bic-grau:#4a4f55;--bic-rand:#dde3ea;--bic-radius:10px;--bic-font:"Open Sans",system-ui,-apple-system,"Segoe UI",Arial,sans-serif;}
body{font-family:var(--bic-font);background:var(--bic-papier);color:var(--bic-tinte);-webkit-font-smoothing:antialiased;}
.container.wrap{max-width:460px;margin:8vh auto 4rem;padding:0 1.25rem;}
.archive .container.wrap{max-width:780px;}
.header{text-align:center;margin-bottom:1.75rem;border:0;}
.logo img{max-height:52px;width:auto;}
section.login,section.wrap > .box,.subscription-form,section > form.form{background:#fff;border:1px solid var(--bic-rand);border-radius:var(--bic-radius);box-shadow:0 6px 24px rgba(7,26,47,.12);padding:2rem 1.9rem 1.75rem;}
h1,h2,h3{color:var(--bic-tinte);font-weight:700;letter-spacing:-.01em;}
section.login h2{font-size:1.3rem;margin:0 0 1.4rem;padding-bottom:.9rem;border-bottom:2px solid var(--bic-messing);}
label{display:block;font-size:.82rem;font-weight:600;color:var(--bic-grau);margin-bottom:.35rem;}
input[type=text],input[type=email],input[type=password],textarea,select{width:100%;box-sizing:border-box;font-family:var(--bic-font);font-size:.95rem;padding:.7rem .85rem;color:var(--bic-tinte);background:#fff;border:1px solid var(--bic-rand);border-radius:8px;transition:border-color .15s,box-shadow .15s;}
input[type=text]:focus,input[type=email]:focus,input[type=password]:focus,textarea:focus,select:focus{outline:0;border-color:var(--bic-blau);box-shadow:0 0 0 3px rgba(11,83,148,.16);}
form p{margin-bottom:1.05rem;}
button,.button,input[type=submit]{display:inline-block;width:100%;font-family:var(--bic-font);font-size:.95rem;font-weight:600;padding:.8rem 1.25rem;color:#fff;background:var(--bic-blau);border:0;border-radius:8px;cursor:pointer;transition:background .15s,transform .05s;}
button:hover,.button:hover,input[type=submit]:hover{background:var(--bic-blau-akt);}
button:active{transform:translateY(1px);}
button:focus-visible{outline:3px solid rgba(11,83,148,.35);outline-offset:2px;}
.button.is-danger,button.danger{background:#b3261e;}
.button.is-danger:hover,button.danger:hover{background:#931d17;}
a{color:var(--bic-blau);text-decoration:none;}
a:hover{color:var(--bic-blau-akt);text-decoration:underline;}
.center.small{margin-top:1.15rem;font-size:.85rem;}
.message{border-radius:8px;padding:.85rem 1rem;font-size:.9rem;border-left:4px solid var(--bic-blau);background:var(--bic-blau-hell);color:var(--bic-tinte);}
.error{border-radius:8px;padding:.85rem 1rem;font-size:.9rem;border-left:4px solid #b3261e;background:#fdecea;color:#7c1a15;}
.success{border-radius:8px;padding:.85rem 1rem;font-size:.9rem;border-left:4px solid #1d7a4c;background:#e8f5ee;color:#145635;}
input[type=checkbox]{accent-color:var(--bic-blau);width:16px;height:16px;margin-right:.5rem;vertical-align:-2px;}
ul.lists{padding-left:0;}
ul.lists li,.list-item{padding:.55rem 0;border-bottom:1px solid var(--bic-rand);list-style:none;}
.archive .campaign,.archive li{background:#fff;border:1px solid var(--bic-rand);border-radius:var(--bic-radius);padding:1.15rem 1.35rem;margin-bottom:.9rem;list-style:none;}
.archive .campaign h3{margin:0 0 .3rem;}
.archive .campaign .date,.archive .meta{color:var(--bic-grau);font-size:.82rem;}
footer,.footer{text-align:center;margin-top:2rem;padding-top:1.25rem;color:var(--bic-grau);font-size:.8rem;border-top:1px solid var(--bic-rand);}

/* --- Korrektur: Listmonk stylt .container.wrap selbst als Karte --- */
.container.wrap{background:transparent!important;box-shadow:none!important;border:0!important;border-radius:0!important;margin:8vh auto 2rem;}
section > h2{font-size:1.35rem;margin:0 0 1rem;padding-bottom:.7rem;border-bottom:2px solid var(--bic-messing);}
section.login h2{margin-bottom:1.4rem;}
footer.container{max-width:460px;margin:0 auto;text-align:center;padding-top:1.25rem;border-top:1px solid var(--bic-rand);color:var(--bic-grau);font-size:.8rem;}

/* --- Listmonk-Hinweis in der Fusszeile dezenter --- */
footer.container{font-size:.72rem;color:#9aa3ac;}
footer.container a,.footer a{color:#9aa3ac!important;text-decoration:none;}
footer.container a:hover,.footer a:hover{color:var(--bic-grau)!important;}

/* --- Listmonk-Hinweis in der Fusszeile dezenter --- */
footer.container{font-size:.72rem;color:#9aa3ac;}
footer.container a,.footer a{color:#9aa3ac!important;text-decoration:none;}
footer.container a:hover,.footer a:hover{color:var(--bic-grau)!important;}

/* ==================================================================
   BICOS - Dunkelmodus fuer die oeffentlichen Seiten
   Angehaengt 12.08.2026. Die Seiten folgen der Farbeinstellung des
   Betriebssystems, wie bicos.de in der Stellung "Automatisch".
   Alle Farbpaare geprueft, schlechtester Wert 4,81:1 (WCAG AA).
   ================================================================== */
@media (prefers-color-scheme: dark) {
  :root {
    --bic-tinte:#eaf1f8;
    --bic-papier:#0f2032;
    --bic-grau:#b6c3d0;
    --bic-rand:rgba(255,255,255,.14);
    --bic-blau:#7cb8ee;
    --bic-blau-akt:#a9d2f6;
    --bic-blau-hell:#12304d;
    color-scheme:dark;
  }
  section.login,section.wrap > .box,.subscription-form,section > form.form{
    background:#16293c;box-shadow:0 6px 24px rgba(0,0,0,.55);}
  input[type=text],input[type=email],input[type=password],textarea,select{
    background:#0f2032;color:var(--bic-tinte);}
  ::placeholder{color:#7f8c9b;}
  /* --bic-blau ist jetzt die helle LINKfarbe. Die Knopfflaeche traegt
     weisse Schrift und muss deshalb dunkel bleiben: 5,7:1 statt 1,9:1. */
  button,.button,input[type=submit]{background:#1668b8;border-color:#1668b8;color:#fff;}
  button:hover,.button:hover,input[type=submit]:hover{background:#1a72b8;border-color:#1a72b8;color:#fff;}
  .message{color:var(--bic-tinte);background:var(--bic-blau-hell);}
  /* Logo-GIF traegt #0069b4, auf dunklem Grund nur 3,1:1 - wie auf bicos.de. */
  .header img,.logo img{filter:brightness(0) invert(1);}
}