html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

.btn-outline-white {
    color: #ffffff !important;
    border: 2px solid #ffffff !important;
    background-color: transparent !important;
}

    .btn-outline-white:hover {
        color: #000000 !important;
        background-color: #ffffff !important;
        border-color: #ffffff !important;
    }

.container {
    background-color: transparent !important;
    border-radius: 8px;
}

/* Standardhöhe */
.chart-container {
    position: relative;
    width: 100%;
    height: 350px; /* Desktop */
}

 @media (max-width: 768px) {
    .chart-container {
        height: 220px; /* Mobile */
    }
}

table {
    background-color: transparent;
    color: #ffffff !important;
}

    table tr:nth-child(even) {
        background-color: transparent;
    }


footer {
    background-color: #1a1a1a;
    color: #aaa;
}

.switch-locked {
    pointer-events: none;
}

.bg-watermark {
    background-image: url('/images/faust_200.png');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain; /* GANZES Bild sichtbar */
    background-attachment: fixed; /* optional: fixiert beim Scrollen */
}

.scroll-container {
    max-height: 500px;
    overflow-y: scroll;
    scrollbar-width: none; /* Firefox */
}

    .scroll-container::-webkit-scrollbar {
        display: none; /* Chrome, Edge, Safari */
    }

html {
  position: relative;
  min-height: 100%;
}

body {
    margin-bottom: 60px;
    color: #e0e0e0; /* heller Text */
    background-image: url('/images/Background.jpg');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain; /* ganzes Bild sichtbar */
    background-attachment: fixed; /* bleibt beim Scrollen stehen */
    background-color: #121212 !important; /* dunkler Hintergrund */
}

@media (max-width: 576px) {
    body {
        background-image: url('/images/Background_mobile.jpg');
        background-size: cover;
        background-attachment: fixed; /* optional scroll: verhindert Ruckeln am Handy */
    }
}

/* Tablet (optional) */
@media (min-width: 577px) and (max-width: 992px) {
    body {
        background-image: url('/images/Background.jpg');
    }
}

a {
    color: #ffffff !important;
}

    a:hover {
        color: #cccccc !important;
    }