@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:opsz,wght@6..12,400;6..12,700&display=swap');

* {
    font-family: 'Nunito Sans', sans-serif;
}

body {
    display: flex;
    flex-direction: column;
}

.form-white.input-group>.form-control:focus {
    border-color: #fff;
    box-shadow: inset 0 0 0 1px #fff;
}
      
.navbar-dark .navbar-nav .nav-link {
    color: #fff;
}
      
.navbar-dark .navbar-nav .nav-link:hover,
.navbar-dark .navbar-nav .nav-link:focus {
    color: rgba(255, 255, 255, 0.75);
}

html,
body {
    height: 100%;
    margin: 0;
    padding: 0;
}

.content-wrapper {
    flex: 1;
    padding-top: 56px; /* Höhe der Navbar */
}


.hiddenlink {
    text-decoration: none;
    color: inherit;
}

.clickable {
    cursor: pointer;
}

html {
    scroll-behavior: smooth;
}

#map {
    height: 90vh;
    width: 100vw;
}

#infobox {
    height: 100vh;
    padding-top: 15vh;
}

.footer a:hover {
    text-decoration: underline;
    color: #aaaaaa; /* Lighter grey for hover to maintain contrast */
}

/* Color Palette Demo Classes */
.color-demo {
    padding: 20px;
    margin: 10px 0;
    border-radius: 8px;
    text-align: center;
    font-weight: bold;
}

.color-demo-primary {
    background-color: #5e833c;
    color: white;
}

.color-demo-success {
    background-color: #7da130;
    color: white;
}

.color-demo-warning {
    background-color: #f7f157;
    color: black;
}

.color-demo-danger {
    background-color: #ce2c77;
    color: white;
}