:root {
    --main-text-color: white;
    --second-text-color: white;
    --cta-color: #006ac1;
    --bg: #062642;
    --bg2: #09476A;
    --cta2: linear-gradient(90deg, #B8860B , #8B6914 );
    --gold: #ddad5b;
}


.lato-regular {
    font-family: "Lato", sans-serif;
    font-weight: 400;
    font-style: normal;
  }
  

    * {
        font-family: "Lato", sans-serif;
    }


/*     --bg2: #09476A;
*/



::-webkit-scrollbar {
    width: 5px; /* Dicke der Scrollleiste */
    border-radius: 1000px;
    background-color: var(--bg);
    height: 5px;
}

/* Ändere die Farbe des Scrollleisten-Thumb (der beweglichen Schiene) */
::-webkit-scrollbar-thumb {
    background: var(--cta2); /* Farbe des Scrollleisten-Thumbs */
    border-radius: 500px;
}

.ruckruf {
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    border: 1px solid var(--gold);
    background: var(--cta2);
    color: rgb(255, 255, 255);
    transform: rotate(-90deg);
    position: fixed;
    right: -100px;
    top: 80%;
    text-transform: uppercase;
    font-size: 80%;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    cursor: pointer;
    z-index: 100000;
}
.ruckruf:hover {
    cursor: pointer;
    background: var(--bg);
}