/* ------------------------------------------------------------------ *
 *  werbung.css — die Bilderfolge zu testprofil.ch
 *
 *  Wird von der Einstiegsseite und von beiden Anwendungen geladen.
 *  Die Farbnamen sind dieselben wie in site.css, app.css und
 *  mindmap.css; die Ersatzwerte dahinter greifen nur, falls die Folge
 *  je auf einer Seite ohne diese Vorlagen landet.
 * ------------------------------------------------------------------ */

/* Die Bühne selbst — Bilder, Pfeile, Punkte, Legende — steht in
   `galerie.css` unter `gl-`. Hier bleibt nur, was zur Werbung gehört:
   der Knopf unter dem Bild und das Fenster vor dem Druckdialog. */
.wb-verweis{
  flex:0 0 auto;
  text-decoration:none;
  padding:9px 20px;
  white-space:nowrap;
}

/* ------------------------------------------------------------------ *
 *  Die Sperre vor dem Druckdialog
 * ------------------------------------------------------------------ */
.wb-hinter{
  position:fixed; inset:0; z-index:80;
  display:flex; align-items:center; justify-content:center;
  padding:24px;
  background:rgba(31, 30, 28, .38);
}
.wb-fenster{
  width:min(720px, 100%);
  max-height:100%;
  overflow:auto;
  background:var(--card, #FFFFFF);
  color:var(--ink, #1F1E1C);
  border:1px solid var(--line, #E4E0D8);
  border-radius:10px;
  padding:24px 26px;
  font-family:var(--ui, 'Montserrat', sans-serif);
}
.wb-titel{
  margin:0 0 6px;
  font-size:19px; font-weight:600; letter-spacing:-.02em;
}
.wb-hinweis{
  margin:0 0 16px;
  font-size:13.5px; line-height:1.55;
  color:var(--ink-2, #6A665E);
}
.wb-sperre[hidden]{ display:none }
.wb-sperre{
  margin:14px 0 0;
  font-size:12.5px;
  color:var(--ink-3, #969187);
}
.wb-sperre.wb-frei{ color:var(--ink-2, #6A665E) }

.wb-fuss{
  display:flex; justify-content:flex-end; gap:10px;
  margin-top:18px;
}
.wb-knopf{
  border:1px solid var(--line, #E4E0D8);
  background:var(--card, #FFFFFF);
  border-radius:6px;
  font:inherit; font-size:13.5px; font-weight:500;
  color:var(--ink, #1F1E1C);
  padding:9px 20px;
  cursor:pointer;
}
.wb-knopf:hover:not(:disabled){ border-color:var(--ink-3, #969187) }
.wb-knopf:disabled{ color:var(--ink-3, #969187); cursor:default }
.wb-knopf-haupt:not(:disabled){
  background:var(--ink, #1F1E1C);
  border-color:var(--ink, #1F1E1C);
  color:#fff;
}

@media(max-width:600px){
  .wb-fenster{ padding:18px 16px }
  .wb-verweis{ align-self:stretch; text-align:center }
}

/* Im Ausdruck hat die Werbung nichts verloren. Die Folge selbst blendet
   galerie.css aus, hier bleibt das Fenster davor. */
@media print{
  .wb-hinter{ display:none !important }
}