:root {
    /* COLORS */

    --fs-black: #000000;
    --fs-white: #FFFFFF;

    --fs-gray-100: #f0f0f0;
    --fs-gray-200: #E9E9E9;
    --fs-gray-300: #ccc;
    --fs-gray-500: #adadad;
    --fs-gray-900: #333333;
    --fs-gray-alpha-50: rgba(238, 238, 238, .50);

    --fs-blue-100: #E8E8F5;
    --fs-blue-200: #C5C7E3;
    --fs-blue-300: #6C71A8;
    --fs-blue: #1B2A63;

    --fs-bg-color: #F4F4F6;
    --fs-bg-color-secondary: var(--fs-white);
    --fs-bg-color-tertiary: var(--fs-gray-100);
    --fs-bg-color-quarternary: var(--fs-gray-200);
    --fs-bg-color-quinary: var(--fs-gray-300);
    --fs-border: var(--fs-gray-200);

    --fs-text-color: var(--fs-gray-900);

    --fs-hightlight-bg: var(--fs-blue-100);
    --fs-hightlight-bg-alternative:  var(--fs-blue-100);
    --fs-hightlight-bg-secondary:  var(--fs-blue-200);

    --fs-accent: var(--fs-blue);

    --fs-primary: var(--fs-blue);

    --fs-light: var(--fs-white);
    --fs-bg-light: var(--fs-bg-color-secondary);

    --fs-hover: #E4E4F0;

    --fs-btn:  var(--fs-blue);
    --fs-btn-hover: #2A3B7A;
    --fs-btn-active: #8B8FC0;

    --fs-success: #138821;
    --fs-success-hover: #489B49;
    --fs-success-active: #8BBF89;

    --fs-info: #155BCB;
    --fs-info-hover: #4177D3;
    --fs-info-active: #84A5E4;

    --fs-warning: #FFCD05;
    --fs-warning-hover: #DFB41E;
    --fs-warning-active: #A3882D;

    --fs-danger: #EA4D3C;
    --fs-danger-hover: #EA4D3C;
    --fs-danger-active: #F48D82;

    /* SPACING */

    --fs-spacing-base: 8px;
    --fs-spacing-half: calc(var(--fs-spacing-base) / 2);
    --fs-spacing-quarter: calc(var(--fs-spacing-base) / 4);

    --fs-spacing-1x: var(--fs-spacing-base);
    --fs-spacing-2x: calc(var(--fs-spacing-base) * 2);
    --fs-spacing-3x: calc(var(--fs-spacing-base) * 3);
    --fs-spacing-4x: calc(var(--fs-spacing-base) * 4);
    --fs-spacing-5x: calc(var(--fs-spacing-base) * 5);
    --fs-spacing-6x: calc(var(--fs-spacing-base) * 6);
    --fs-spacing-7x: calc(var(--fs-spacing-base) * 7);
    --fs-spacing-8x: calc(var(--fs-spacing-base) * 8);
    --fs-spacing-9x: calc(var(--fs-spacing-base) * 9);
    --fs-spacing-10x: calc(var(--fs-spacing-base) * 10);
    --fs-spacing-11x: calc(var(--fs-spacing-base) * 11);
    --fs-spacing-12x: calc(var(--fs-spacing-base) * 12);
    --fs-spacing-13x: calc(var(--fs-spacing-base) * 13);
    --fs-spacing-14x: calc(var(--fs-spacing-base) * 14);
    --fs-spacing-15x: calc(var(--fs-spacing-base) * 15);
    --fs-spacing-16x: calc(var(--fs-spacing-base) * 16);
    --fs-spacing-17x: calc(var(--fs-spacing-base) * 17);
    --fs-spacing-18x: calc(var(--fs-spacing-base) * 18);
    --fs-spacing-19x: calc(var(--fs-spacing-base) * 19);
    --fs-spacing-20x: calc(var(--fs-spacing-base) * 20);
    --fs-spacing-21x: calc(var(--fs-spacing-base) * 21);
    --fs-spacing-22x: calc(var(--fs-spacing-base) * 22);
    --fs-spacing-23x: calc(var(--fs-spacing-base) * 23);
    --fs-spacing-24x: calc(var(--fs-spacing-base) * 24);
    --fs-spacing-25x: calc(var(--fs-spacing-base) * 25);
    --fs-spacing-26x: calc(var(--fs-spacing-base) * 26);
    --fs-spacing-27x: calc(var(--fs-spacing-base) * 27);
    --fs-spacing-28x: calc(var(--fs-spacing-base) * 28);
    --fs-spacing-29x: calc(var(--fs-spacing-base) * 29);
    --fs-spacing-30x: calc(var(--fs-spacing-base) * 30);
}

/* GAUFF branding: Logo eckig statt abgerundet (Override von .fs-link border-radius) */
#logo {
    border-radius: 0 !important;
}

/* GAUFF branding: kompakte Card fuer Login-/Startseite */
main .logon_page .core {
    background: var(--fs-white) !important;
    max-width: 420px;
    margin: 0 auto;
    padding: var(--fs-spacing-6x) var(--fs-spacing-5x);
    border-radius: var(--fs-spacing-2x);
    box-shadow: 0 4px 20px rgba(27, 42, 99, 0.08);
}
main .logon_page .core h1 {
    font-size: 1.4rem;
}
.gauff-hint {
    margin-top: var(--fs-spacing-3x);
    font-size: 0.85rem;
    color: var(--fs-gray-500);
}
.gauff-expiry {
    margin-top: var(--fs-spacing-1x);
    font-size: 0.8rem;
    color: var(--fs-gray-500);
}
/* GAUFF branding: Sponsoren-Footer ausblenden */
.fs-footer-container {
    display: none !important;
}

/* GAUFF branding: "Konto löschen"-Bereich im Profil ausblenden */
.fs-settings__general {
    display: none !important;
}

/* GAUFF branding: TAR-Download-Option ausblenden, nur ZIP anbieten */
.archive_tar_download,
.archive_tar_download_frame {
    display: none !important;
}
