@charset "UTF-8";

/* ---------------- text ---------------- */

.DevText2_title
{
    padding:        0px 0px 0px 0px;
    font-size:      36px;
    font-weight:    600;
    margin-bottom:  16px;
    padding-bottom: 0px;
}

.DevText2_subtitle
{
    padding:        0px 0px 0px 0px;
    font-weight:    600;
    font-size:      28px;
    margin-bottom:  20px;
    font-family:    var(--font-secondary);    
}

h2.DevText2_paragraph
{
    font-size:      24px;
  
}

DIV.DevText2_paragraph
{
    padding:        0px 0px 0px 0px;
}

/* ----------- cookie consent ----------- */

.hr-consent
{
    position:                   fixed;
    right:                      0px;
    bottom:                     0px;
    left:                       0px;
    z-index:                    100000;
    display:                    none;
    padding:                    14px 0px;
    color:                      var(--color-default);
    background:                 #FFFFFF;
    border-top:                 1px solid color-mix(in srgb, var(--color-default), transparent 90%);
    box-shadow:                 0 -8px 28px rgba(15,48,88,0.08);
    font-size:                  14px;
}

.hr-consent-inner
{
    display:                    flex;
    align-items:                center;
    justify-content:            space-between;
    gap:                        24px;
}

.hr-consent-text
{
    line-height:                1.5;
}

.hr-consent-title
{
    display:                    block;
    margin-bottom:              2px;
    color:                      var(--color-primary);
    font-weight:                600;
}

.hr-consent-buttons
{
    display:                    flex;
    flex-shrink:                0;
    gap:                        10px;
}

.hr-consent-button
{
    padding:                    8px 18px;
    color:                      #FFFFFF;
    background:                 var(--color-primary);
    border:                     1px solid var(--color-primary);
    border-radius:              8px;
    font-size:                  14px;
    font-weight:                600;
    line-height:                1.2;
    cursor:                     pointer;
    transition:                 background-color 0.2s ease;
}

.hr-consent-button:hover
{
    background:                 color-mix(in srgb, var(--color-primary), black 12%);
    border-color:               color-mix(in srgb, var(--color-primary), black 12%);
}

@media (max-width: 575.98px)
{
    .hr-consent-inner
    {
        flex-direction:         column;
        align-items:            stretch;
        gap:                    12px;
    }

    .hr-consent-button
    {
        flex:                   1;
    }
}