:root {
    --accent-orange: #ff7f27;
    --primary-blue: #0052a0;
    --success-green: #21ba7b;
    --danger-red: #e53232;
    --warning-yellow: #ffd500;
    --light-gray: #f1f1f1;
    --border-gray: #d4d4d4;
    /* Aliases used in FzgListe */
    --color-primary: #0052a0;
    --color-accent: #ff7f27;
    --color-border: #d4d4d4;
    --color-text: #000000;
    --color-text-muted: #b1b1b1;
    --color-white: #fff;
    --font-rubik-bold: "rubik_lightbold";
    --font-rubik-medium: "rubik_medium";
    --font-rubik-regular: "rubik_regular";
    --font-nunito: "nunito_sanssemibold";
    --font-ubuntu: "ubuntu_condensedregular";
    --radius-sm: 4px;
    --radius-md: 8px;
    --transition: 0.4s;
    --dropdown-height: 48px;
    --checkbox-size: 24px;
}

#blazor-error-ui {
    display: none;
    background: lightyellow;
    bottom: 0;
    left: 0;
    position: fixed;
    width: 100%;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    z-index: 1000;
}

#blazor-error-ui .dismiss {
    cursor: pointer;
    position: absolute;
    right: 0.75rem;
    top: 0.5rem;
}

@font-face {
    font-family: 'rubik_lightbold';
    src: url('./fonts/rubik-v21-latin-700.woff2') format('woff2'), url('./fonts/rubik-v21-latin-700.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'rubik_medium';
    src: url('./fonts/rubik-v21-latin-500.woff2') format('woff2'), url('./fonts/rubik-v21-latin-500.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'rubik_regular';
    src: url('./fonts/rubik-v21-latin-300.woff2') format('woff2'), url('./fonts/rubik-v21-latin-300.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ubuntu_condensedregular';
    src: url('./fonts/ubuntu-c-webfont.woff2') format('woff2'), url('./fonts/ubuntu-c-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'nunito_sanssemibold';
    src: url('./fonts/nunitosans-semibold-webfont.woff2') format('woff2'), url('./fonts/nunitosans-semibold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Poppins - Extra Bold";
    src: url('./fonts/poppins-v20-latin-700.woff2') format('woff2'), url('./fonts/poppins-v20-latin-700.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}

.bodybackground {
    background-color: #f1f1f1 !important;
}

.ha-body {
    width: 100%;
    /*overflow: auto;*/
}

.ha-overflow {
    overflow: hidden;
}

h1 {
    font-family: "rubik_lightbold";
}
.navmap {
    margin: 10vw 0vw 2vw 25vw;
    position: relative;
    background-image: url('../images/osm.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    height: 45vw;
    width: 50vw;
}

.gmaps-container {
    background-color: cadetblue;
    width: 100vw;
    height: 55vw;
}

.gmaps {
    position: relative;
    width: 50vw;
    height: 45vw;
    margin: 5vw 25vw 5vw 25vw;
}

.page-elem {
    width: 2.5vw;
    height: 2.5vw;
    margin: 0.5vw;
    line-height: 2.5vw;
    border-radius: 0.5vw;
    background-color: #d4d4d4;
    float: right;
    text-align: center;
    color: #ffffff;
    font-family: "rubik_medium";
    font-size: 1.125vw;
}
.bottomInfo {
    position: relative;
    font-family: "rubik_regular";
    font-size: 11px;
    letter-spacing: 0.2px;
    line-height: 18px;
    clear: both; /* Clear floats above */
    margin-top: 3vw; /* Add space above */
}
.page-active {
    background-color: #ff7f27;
}
.min-fill {
    height: 100%;
    background-color: #ffffff;
    border-radius: 0.5vw;
}

    .min-fill .card {
        border: none;
    }

    .min-fill #Div3 .form-validate {
        padding-left: 1vw;
        padding-right: 1vw;
    }

/* Contact page */
.mym3 {
    margin: 2cqi 6cqi;
}
.colorme-orange {
    color: var(--accent-orange);
}
.sizemeup {
    margin-top: 0.5vw;
    font-size: 1.2vw;
}
#HA-vault {
    display: none;
}
.privacy {
    padding-left: 1.5vw;
}
.contact-send {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 39cqi;
    padding: 2cqi 3cqi;
    border-radius: 4px;
    border-color: #FFF;
    background-color: var(--primary-blue);
    color: #ffffff;
    font-size: 3cqi;
}

    .contact-send .icon-arrow {
        margin-left: 2cqi;
    }
.contact-font {
    font-family: "nunito_sanssemibold";
    font-size: 1.625cqi;
}
/* Mobile (640px and below) - Fahrzeug Page Specific */
@media screen and (max-width: 640px) {
    /* Contact form */
    .contact-send {
        width: 100%;
    }
}