/* Vertrauens-Hinweis in der Kopfzeile (Y-941, Entwurf Astra OA-684 Variante A). */
.g-vertrauen { display: flex; justify-content: center; flex: 1 1 auto; min-width: 0; }
.g-vertrauen__knopf { display: flex; align-items: center; gap: 10px; border: 1px solid #bacfc3; border-radius: 8px; background: #edf3eb; color: #234e42; padding: 8px 13px; text-align: left; line-height: 1.25; font: inherit; font-size: 13px; cursor: pointer; }
.g-vertrauen__knopf:hover { background: #e0ebdf; }
.g-vertrauen__knopf svg { flex-shrink: 0; }
.g-vertrauen__knopf strong { font-weight: 600; }
.g-vertrauen__knopf small { display: block; font-size: 12px; margin-top: 3px; }
.g-vertrauen__i { border: 1px solid currentColor; width: 17px; height: 17px; border-radius: 50%; display: inline-grid; place-items: center; font: 600 12px Georgia, serif; flex-shrink: 0; }
.g-vertrauen__knopf:focus-visible, .g-vertrauen__zu:focus-visible, .g-vertrauen__link:focus-visible { outline: 3px solid #185c61; outline-offset: 3px; }
.g-vertrauen__info { position: fixed; inset: 88px 20px auto auto; margin: 0; width: 380px; max-width: calc(100vw - 32px); max-height: calc(100dvh - 24px); overflow: auto; border: 1px solid #b8cbbf; border-radius: 14px; background: #faf9f5; color: #185c61; padding: 24px; box-shadow: 0 16px 55px #183d3d30; font-size: 15px; line-height: 1.4; }
.g-vertrauen__info h2 { font-size: 22px; line-height: 1.2; font-weight: 600; margin: 0 28px 18px 0; }
.g-vertrauen__info ul { padding-left: 19px; margin: 0 0 18px; }
.g-vertrauen__info li { padding-left: 3px; margin: 0 0 13px; }
.g-vertrauen__zu { position: absolute; right: 8px; top: 8px; background: none; border: 0; font-size: 25px; width: 36px; height: 36px; color: inherit; cursor: pointer; }
.g-vertrauen__link { display: inline-block; font-weight: 600; padding: 5px 0; color: inherit; }
@media (max-width: 1000px) { .g-vertrauen { order: 5; flex-basis: 100%; } }
@media (max-width: 700px) {
  .g-vertrauen__knopf { width: 100%; justify-content: center; padding: 8px 9px; }
  .g-vertrauen__info { left: 16px; right: 16px; width: auto; padding: 20px; }
}
/* Startseite: Kopfzeile mit eigenem Raster */
.start-kopf .g-vertrauen { flex: 1 1 245px; }
@media (max-width: 700px) { .start-kopf .g-vertrauen { grid-column: 1 / -1; grid-row: 3; margin-bottom: 10px; } }
/* Seiten mit der breiten Kopfzeile (.g-header): unter 1500 px eigene Zeile, darueber zwischen Navigation und Konto-Aktionen. */
.g-header .g-vertrauen { flex: 0 0 auto; }
@media (max-width: 1499px) { .g-header .g-vertrauen { order: 5; flex-basis: 100%; padding-bottom: 6px; } }
.g-header .g-header__innen { flex-wrap: wrap; }