:root {
    --warning-color: #FDC24E;
    --info-color: #004994;
}

p {
    text-wrap: pretty;
}

.bgw-l-content.bgw-l-content footer {
    margin-top: 0;
}

a.btn::after {
    display: none;
}

a.bgw-c-textlink--generic:after {
    background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 127 127' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.435 18.692C30.897 6.23 45.918 0 63.5 0c17.582 0 32.56 6.188 44.936 18.564C120.812 30.939 127 45.918 127 63.5s-6.188 32.56-18.564 44.936C96.061 120.812 81.082 127 63.5 127s-32.56-6.188-44.936-18.564C6.188 96.061 0 81.082 0 63.5s6.145-32.518 18.435-44.808zm37.25 18.811L75.23 55.847H28.17c-1.714 0-3.171.595-4.371 1.784-1.2 1.189-1.8 2.632-1.8 4.33v4.077c0 1.699.6 3.142 1.8 4.331 1.2 1.19 2.657 1.784 4.371 1.784H75.23L55.686 90.497c-1.2 1.189-1.8 2.675-1.8 4.458 0 1.784.6 3.27 1.8 4.459l2.828 2.803c1.2 1.189 2.657 1.783 4.372 1.783s3.171-.594 4.371-1.783L101.2 68.33C102.4 67.142 103 65.7 103 64c0-1.699-.6-3.142-1.8-4.331L67.257 25.783C66.057 24.594 64.6 24 62.886 24s-3.172.594-4.372 1.783l-2.828 2.803c-1.2 1.189-1.8 2.675-1.8 4.459 0 1.783.6 3.27 1.8 4.458z' fill='%23004994' fill-rule='evenodd'/%3E%3C/svg%3E");
    content:"";
    background-repeat:no-repeat;
    background-size:contain;
    background-position:50%;
    margin-right:.125rem;
    margin-left:.3125rem;
    padding-right:.9375rem
}

.bgw-l-wrap a[id] {
    padding-top: 0;
    margin-top: 0;
}

input#otp,
input#totp {
    letter-spacing: .5ch;
}

@media (min-width: 768px) {
    input#otp,
    input#totp {
        text-align: center;
    }
}

@media (min-width: 992px) {
    .bgw-m-header-logo {
        padding-top: .9375rem;
    }
}

h1, h2, h3 {
    scroll-margin-block: 2em;
    text-wrap: balance;
}
[id][tabindex] {
    scroll-margin-block: calc(52px + 1em);
}
@media (min-width: 768px) {
    [id][tabindex] {
        scroll-margin-block: 1em;
    }
}

.bgw-pw-col {
    display: grid;
    grid-template-columns: 1fr min-content;
    gap: 0 .5ch;
}

.bgw-pw-col .invalid-feedback {
    grid-column: 1;
}

.bgw-pw-col small {
    grid-column: 1/-1;
}

[data-password-toggle] > span {
    display: inline-block;
    grid-column: 2;
    width: 1.5rem;
    filter: grayscale(1);
}

[type=password] ~ [data-password-toggle] > span::before {
    content: '👁';
}

[type=text] ~ [data-password-toggle] > span::after {
    content: '🔒';
}

.bgw-m-form-caption {
    margin: 0 0 2em;
} 
 
.bgw-m-status--info {
    border-color: var(--info-color);
}

.bgw-m-status--info::before {
    background: var(--info-color);
}

.bgw-m-status--warning{
    border-color: var(--warning-color);
}

.bgw-m-status--warning::before {
    background: var(--warning-color);
}

.bgw-m-status--warning::after
{
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 37'%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='m430.225806 374.445565c3.53228-3.630394 7.790299-5.445565 12.774194-5.445565s9.229823 1.802735 12.737901 5.408269c3.508086 3.605524 5.262099 7.969394 5.262099 13.091731s-1.754013 9.486207-5.262099 13.091734c-3.508078 3.605529-7.754006 5.408266-12.737901 5.408266s-9.229823-1.802737-12.737903-5.408266c-3.508082-3.605527-5.262097-7.969397-5.262097-13.091734s1.741918-9.473772 5.225806-13.054435zm14.84562 3.483009c-.571426-.619052-1.261901-.928574-2.071426-.928574s-1.511901.297615-2.107139.892861c-.595246.595238-.892861 1.297614-.892861 2.107139s.297615 1.511901.892861 2.107139c.595238.595246 1.297614.892861 2.107139.892861s1.511901-.297615 2.107139-.892861c.595246-.595238.892861-1.297614.892861-2.107139s-.309522-1.5-.928574-2.071426zm1.928574 18.171419v-1.799995c0-.600005-.285708-.900007-.857141-.900007h-.857149v-7.499993c0-.600005-.28571-.899998-.857141-.899998h-4.571428c-.571433 0-.857141.299993-.857141.899998v1.799995c0 .600005.285708.899998.857141.899998h.85714v4.8h-.85714c-.571433 0-.857141.300002-.857141.900007v1.799995c0 .600005.285708.900007.857141.900007h6.285718c.571433 0 .857141-.300002.857141-.900007z' transform='translate(-425 -369)'/%3E%3C/svg%3E%0A");
}

caption {
    caption-side: top;
}

.bgw-m-form .form-group--submit.form-group--submit > * {
    margin: 0;
}

/* mehr als ein Element in submit-Bereich => ändere visuelle Anordnung */
.form-group--submit:has(:nth-child(2)) {
    flex-wrap: wrap-reverse;
    justify-content: space-between;
    gap: 1em;
}
@media (max-width:21rem) {
    .form-group--submit > * {
        flex-basis: 100%;
    }
}

#bgw-qrcode-figcaption {
    text-wrap: balance;
    text-align: center;
}