.page-outro { display: flex; flex-direction: column; gap: 15px; margin: 15px 0 15px 15px; }

.page-outro p.agb-note {
    background: rgba(255, 255, 255, .94);
    padding: 14px 18px;
    box-shadow: 0 0 2px rgba(0, 0, 0, .25);
    border-radius: 0;
}
.page-outro .outro-sep { display: none; }   
.page-outro > * { margin: 0 !important; }

.page-outro .bottom-cta { text-align: center; margin: 0; }
.page-outro .bottom-button-cta {
    display: block; width: 345px; max-width: 100%; margin: 0 auto; box-sizing: border-box;
    padding: 12px 20px; text-align: center; text-decoration: none;
    color: #fff; font: 600 15px/1.3 Calibri, 'Segoe UI', Arial, sans-serif;
    background: linear-gradient(#486a81 0%, #3b5669 100%);
    border: 3px solid #415e74; border-radius: 0;
}
.page-outro .bottom-button-cta:hover { background: linear-gradient(#4f7690 0%, #405d72 100%); color: #fff; }
.page-outro .bottom-button-cta .cta-sub {
    display: block; margin-top: 2px; color: #fff;
    font: 400 12.75px/1.3 Calibri, 'Segoe UI', Arial, sans-serif;
}

.page-outro .outro-sep {
    border: 0; border-top: 4px solid #45494a; height: 0;
    margin: 0; width: 100%;
}

.page-outro p.agb-note {
    text-align: justify; margin: 0;
    color: #3c454d; font: 400 12px/20px Calibri, 'Segoe UI', Arial, sans-serif;
    -webkit-hyphens: auto; hyphens: auto;
}
.page-outro p.agb-note a { color: var(--brand-primary, #486b85); text-decoration: underline; }
.page-outro p.agb-note a:hover { color: var(--brand-primary-dark, #253a4b); }

@media screen and (max-width: 900px) {
    .page-outro { margin-right: 15px; }
}

/* Gap under the disclaimer box inside the light page background (15.10.2026). A margin collapsed out of the
   page wrapper and showed as dark footer colour, so the box looked glued to the footer. */
.page-outro { margin-bottom: 0; padding-bottom: 15px; }