/* Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap');


/* Font Awesome */
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css');


/* Raleway Font */
@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@100..900&display=swap');





/* Accessibility */
.skip-link {
    position: fixed;
    left: -10000px;
    top: -10000px;
    width: 1px;
    height: 1px;
    overflow: hidden;
    padding: 0.5rem;
    border: 1px solid #000;
    text-decoration: none;
    z-index: 1000;
}

.skip-link:focus {
    position: fixed;
    left: 6px;
    top: 7px;
    width: auto;
    height: auto;
    overflow: visible;
}

/* Allgemeine Stile */
html, body {
    height: 100%;
    margin: 0;
    padding: 0;
    overflow-x: hidden; /* Verhindert nur horizontale Scrollbalken */
}

body {
    background-color: #868686;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-attachment: fixed;
    font-family: 'Raleway', sans-serif;
    letter-spacing: 0.06em;
    
}

a {
    color: black;
    text-decoration: none;
    letter-spacing: 0.06em;
}