@font-face {
    font-family: 'Material Icons';
    font-style: normal;
    font-weight: 400;
    src: local('Material Icons'), local('MaterialIcons-Regular'),
        url(./fonts/MaterialSymbolsOutlined[FILL,GRAD,opsz,wght][0,0,24,400].woff2) format('woff2');
}

:root {
    --rrsoftware-font-icons: "Material Icons";
    --rrsoftware-icon-location: "location_on";
    --rrsoftware-icon-date: "calendar_month";
    --rrsoftware-icon-time: "schedule";
    --rrsoftware-icon-price: "euro_symbol";
    --rrsoftware-icon-first: "first_page";
    --rrsoftware-icon-back: "chevron_left";
    --rrsoftware-icon-next: "chevron_right";
    --rrsoftware-icon-last: "last_page";
    --rrsoftware-icon-info: "warning_amber";
    --rrsoftware-icon-error: "warning_amber";
    --rrsoftware-icon-warn: "warning_amber";
    --rrsoftware-icon-filter: "tune";
    --rrsoftware-icon-filter-show: "filter_alt";
    --rrsoftware-icon-filter-hide: "filter_alt_off";
    --rrsoftware-icon-arrow-up: "arrow_drop_up";
    --rrsoftware-icon-arrow-down: "arrow_drop_down";
    --rrsoftware-icon-arrow-left: "arrow_left";
    --rrsoftware-icon-arrow-right: "arrow_right";
    --rrsoftware-icon-send: "send";
    --rrsoftware-icon-search: "search";
    --rrsoftware-icon-drag: "drag_indicator";
    --rrsoftware-icon-trash: "delete";
    --rrsoftware-icon-check: "check";
    --rrsoftware-icon-close: "close";
    --rrsoftware-visibility-hints: hidden;

    --rrsoftware-text-light: #a4a4a4;
    --rrsoftware-component-background-100: #ffffff;
    --rrsoftware-component-background-200: #f5f5f5;

    /* Design Colors */
    --rrsoftware-primary: #1976d2;
    --rrsoftware-headline: #00324a;
    --rrsoftware-accent-color: #bfccff;
    --rrsoftware-asterisk: #FF2F4C;
    --rrsoftware-color-available: #0eb77a;
    --rrsoftware-color-sold-out: #df5a5a;

    /* Error and Log Colors */
    --rrsoftware-success: #00982B;
    --rrsoftware-error: #FF2F4C;
    --rrsoftware-error-background: #e95f5f80;
    --rrsoftware-warning: #ECD610;
    --rrsoftware-warning-background: #ECD61080;
    --rrsoftware-info: #2196F3;
    --rrsoftware-info-background: #2196F380;
    --rrsoftware-debug: #8d22d4;
    --rrsoftware-trace: #757575;

    /* Functional Colors */
    /*      Gray Label for Inputs */
    --rrsoftware-input-label: #757575;
    /*      Colored Label for selected Inputs */
    --rrsoftware-input-label-focus: #1976d2;
    /*      Gray Border for Inputs (e.g. Checkboxes) */
    --rrsoftware-input-border: #bdbdbd;
    /*       Disabled Color for Inputs */
    --rrsoftware-input-disabled: #bdbdbd;
    /*       Background Color for Inputs */
    --rrsoftware-input-bg: #f5f5f5;
    /*       Background Color for selected Inputs */
    --rrsoftware-input-bg-focus: #c5c5c5;
}

.visually-hidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px;
}

.fieldset-no-design {
    margin: 0;
    padding: 0;
    border: none;

    legend {
        visibility: hidden;
    }
}

.rrsoftware__card {
    padding-block: 16px;
    padding-inline: 16px;

    position: relative;
    border: 2px solid #c9c9c9;
    border-radius: 16px;

    h1,
    h2,
    h3,
    p {
        margin: 0;
        padding: 0;
    }

    h1,
    h2,
    h3 {
        font-weight: 500;
    }

    p,
    span,
    label {
        line-height: 1;
        font-weight: 400;
    }
}

.rrsoftware__design--antrago .rrsoftware__card {

    h1,
    h2,
    h3 {
        color: var(--rrsoftware-headline);
    }
}

/* .rrsoftware__segment-line {} */