/*
 * @category  MSP
 * @editor    Tommy Köster
 * @copyright 2025 - MSP Medien Systempartner GmbH & Co. KG
 * @license   http://www.medien-systempartner.de/  Commercial
 * @link      www.medien-systempartner.de
 * @updated   05.05.25, 10:39
 */
:root {
    --vc-primary-color: #007bff;     /* Blau */
    --vc-secondary-color: #6c757d;   /* Grau */
    --vc-success-color: #28a745;     /* Grün */
    --vc-info-color: #17a2b8;        /* Türkis */
    --vc-warning-color: #ffc107;     /* Gelb */
    --vc-danger-color: #dc3545;      /* Rot */
    --vc-light-color: #f8f9fa;       /* Hell */
    --vc-dark-color: #343a40;        /* Dunkel */

    --vc-background-color: #ffffff;  /* Weiß */
    --vc-text-color: #000000;        /* Schwarz */
    --vc-muted-text-color: #6c757d;  /* Grau */

    --vc-border-color: #dee2e6;      /* Leichtes Grau */
    --vc-hover-color: #e9ecef;       /* Leichtes Grau für Hover-Effekt */

    --vc-primary-font-family: 'Arial', sans-serif; /* Standard-Schriftart */
    --vc-secondary-font-family: var(--vc-primary-font-family); /* 2. Standard-Schriftart */
}

.skipContainer {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    max-height: 1px;
    width: 1px;
    margin: -1px;
    z-index: 999999;
    padding: 0;
    background-color: white;
    color: black;
    text-decoration: underline;
    overflow: hidden;
    transition: all 0.5s ease-in-out;

    a {
        display: inline-block;
        padding: 0.5rem 1rem;
    }

    ul {
        padding: 1rem 0;
        margin: 0;
        li {
            margin: 0;
            max-height: 0;
            overflow: hidden;
        }
    }

    /* Beim Fokussieren anzeigen */
    &:focus-within {
        width: auto;
        padding: 1em;
        margin: 0;
        max-height: 100vh;

        li {
            &:has(a:focus) {
                max-height: 100vh;
                padding: 0.5rem;
            }
        }
    }

    &#bfsgNav {
        width: 100%;
        text-align: center;
        position: fixed;
    }
}

.loaderBox {
    position: relative;
}

.bodyLoader.loaderBox {
    position: fixed;
    height: 100%;
    width: 100%;
    background: rgba(0,0,0,0.5);
    z-index: 99;
    left: 0;
}

.loaderBox .loader {
    position: absolute;
    background: transparent url("../images/loading.gif") no-repeat center;
    width: 100%;
    height: 100%;
    z-index: 99;
}

.vc_container {
    padding: 2rem;
    margin-left: auto;
    margin-right: auto;
}

@media only screen and (min-width: 576px) {
    .vc_container {
        max-width: 540px;
    }
}

@media only screen and (min-width: 768px) {
    .vc_container {
        max-width: 720px;
    }
}

@media only screen and  (min-width: 992px) {
    .vc_container {
        max-width: 960px;
    }
}

@media only screen and (min-width: 1200px) {
    .vc_container {
        max-width: 1140px;
    }
}