/** * Styles fuer die Browser-Weiche (Samsung Internet -> Chrome). * * Farben kommen aus den Designer-Variablen (--kunde-*) in design.css, damit * das Modal automatisch mit dem jeweiligen App-Design mitwechselt. design.css * wird im vor dieser Datei geladen, daher sind die Variablen verfuegbar. * Siehe js/browser-hinweis.js. */ .bhinweis-overlay { position: fixed; inset: 0; display: flex; align-items: center; justify-content: center; padding: 24px; background: rgba(0, 0, 0, 0.72); z-index: 2147483000; } .bhinweis-box { width: 100%; max-width: 380px; padding: 24px; border-radius: 16px; background: var(--kunde-flaeche); border: 1px solid var(--kunde-rand); box-shadow: 0 12px 40px rgba(0, 0, 0, 0.35); text-align: center; } .bhinweis-titel { margin: 0 0 12px; font-size: 20px; line-height: 1.3; color: var(--kunde-text-hell); } .bhinweis-text { margin: 0 0 20px; font-size: 15px; line-height: 1.5; color: var(--kunde-text-grau); } .bhinweis-btn { display: block; width: 100%; padding: 14px 16px; border: none; border-radius: 10px; font-size: 16px; font-weight: 600; text-align: center; text-decoration: none; cursor: pointer; } .bhinweis-btn-primary { margin-bottom: 10px; background: var(--kunde-gelb); color: var(--kunde-schwarz-tief); } .bhinweis-btn-sekundaer { background: transparent; border: 1px solid var(--kunde-rand); color: var(--kunde-text-hell); }