body{margin:0;padding:0;font-family:Quicksand,sans-serif;font-optical-sizing:auto;font-style:normal;color:#333;background-color:#fff;-webkit-font-smoothing:antialiased}
#isMobile{display:none}
/* ::-webkit-scrollbar{width:0;background:0 0}::-webkit-scrollbar-thumb{background:0 0}
@supports (font: -apple-system-body) and (-webkit-appearance: none) {
    ::-webkit-scrollbar{width:initial;background:initial}::-webkit-scrollbar-thumb{background:initial}
} */
/* Chrome, Edge, Safari (WebKit) */
::-webkit-scrollbar {
  width: 0px;
  height: 0px;
  background: transparent;
}

::-webkit-scrollbar-thumb {
  background: transparent;
  border: none;
}

/* Firefox */
body,
* {
  scrollbar-width: none;     /* Firefox */
  -ms-overflow-style: none;  /* IE 10+ */
}

body::-webkit-scrollbar,
*::-webkit-scrollbar {
  display: none;
}

/* Fallback: Safari gutter fix */
html, body, * {
  overscroll-behavior: contain; /* prevent scroll chaining */
  scrollbar-color: transparent transparent;
}

@keyframes pulse {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  50% {
    transform: scale(1.3);
    opacity: 0.6;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
#loading-container{
    position:absolute;
    z-index:9999;
    width:100vw;height:100vh;
    padding:0;
    background-color: rgba(255, 255, 255, 0.8);
}
#loading-container>div{
    bottom: 50%;
    left: 35%;
    position: absolute;
    width: 30%;
    margin:0;
    display: flex;
    align-content: space-around;
    justify-content: space-evenly;
    align-items: center;
}
#main-container-page{position:absolute;top:0;bottom:0;width:100%}
#windturbinemap-logo-mobile{display:none;}
#windturbinemap-logo{display:flex;width:100%;padding:5px;margin:0;left: 8vw;}
#windturbinemap-png{width:180px;}
.mapboxgl-ctrl {
  margin:0!important;
  box-shadow: none !important;
}
.background-dark{
  background-color:rgba(23,22,26,.8705882352941177);backdrop-filter:blur(7px);color:#fff;
}
.btn-close.white {
  filter: invert(1) grayscale(100%) brightness(200%);
}
.mapboxgl-ctrl-geolocate{display:none!important}
#geolocation{display:none}
#btn-login{background-color:#FFA630!important}

.pulse-badge {
  animation: pulse 1.2s infinite;
}
#register-link-text:hover{font-weight: bolder;}
#show-login-modal,#logout-button{display:block;position:absolute;z-index:4;top:85px;left:0;width:32px;height:32px;border:1px solid #3c3c3e;
    border-top-left-radius:0;border-bottom-left-radius:0;
    border-top-right-radius:5px;border-bottom-right-radius:5px}
.mapboxgl-ctrl-top-right{position:absolute;z-index:4;width:20vw;top:3vh;left: 40vw;display:flex;flex-direction:column;align-items:center;flex-wrap: wrap;justify-content: center; /* Keep it centered */}
.mapboxgl-ctrl-top-right>.mapboxgl-ctrl-geocoder{width:100%;max-width:320px!important;border-style:none;border-radius:25px;height:40px;padding:5px;margin:0;padding-left:25px;
    background-color:rgba(23,22,26,.8705882352941177);backdrop-filter:blur(7px);color:#fff}
.mapboxgl-ctrl-geocoder--input{font-size:.99em!important;background-color:transparent!important;color:#fff!important;font-family:Quicksand,sans-serif;
font-weight:700;border-radius:25px;height:40px;position:absolute;left:2em;top:0;padding-left:2px;width:80%!important}
.mapboxgl-ctrl-geocoder--button{background-color:transparent!important;position:absolute!important;right:.5em!important;top:.6em!important}
.mapboxgl-ctrl-geocoder--input:focus{border-style:none!important;outline:initial!important}
.mapboxgl-ctrl-top-left .mapboxgl-ctrl{padding:0;margin:0!important}
div.mapboxgl-ctrl-top-left>div:nth-child(1)>button.mapboxgl-ctrl-compass{display:none!important}#side-bar{position:absolute;left:.5em;top:.5vh;max-height:30vh;
width:25vw;z-index:6}#popup{position:absolute;left:.5em;top:15vh;max-height:80vh;width:38em;z-index:6;border-radius:15px;background-color:rgba(23,22,26,.8705882352941177);
border-style:solid;border-width:1px;border-color:#3c3c3e;backdrop-filter:blur(7px)}
#popup-container{overflow:scroll;}
.lage-der-einheit-container{display:flex;}
#additional-popup-container{overflow:scroll;height:80vh;position:relative;z-index:8;width:100%;display:none;}
#neuigkeiten-bar-container{height:500px;overflow-y:scroll}
.highlighted-popup{text-decoration: none;}
#Betriebers-popup{text-decoration: underline;}
#Betriebers-popup:hover,.bi-geo-alt:hover,.highlighted-popup:hover{cursor:pointer;color:#FFA630;}
.popup-container{border-radius:15px;margin-left:10px;margin-right:10px;margin-top:10px;padding-bottom:15px;padding-left:10px;
padding:2em;border-style:solid;border-width:1px;border-color:#3c3c3e}
.grayscale { filter: grayscale(100%); }
#close-add-popup-btn{top:18vh;left:28.5em;position:absolute;z-index:5;background-color:rgba(23,22,26,.8705882352941177)!important;
    border-style:solid;border-width:1px;border-color:#3c3c3e;backdrop-filter:blur(7px);display:none;}
#slide-down-popup{display:none;border-style:solid;border-width:1px;border-color:#3c3c3e;border-bottom-right-radius:0;border-bottom-left-radius:0}#no-coordinate-alert{margin-left:10px;margin-right:10px;margin-top:10px;display:none}
#filter-bar{position:absolute;right:0;top:85px;width:30em;z-index:10;max-height:70vh;background-color:rgba(23,22,26,.8705882352941177);backdrop-filter:blur(7px);border:1px solid #3c3c3e;border-top-left-radius:15px;border-bottom-left-radius:15px;border-top-right-radius:0;border-bottom-right-radius:0}
#neuigkeiten-bar{position:absolute;right:0;top:48px;width:31em;z-index:10;max-height:70vh;background-color:rgba(23,22,26,.8705882352941177);backdrop-filter:blur(7px);border:1px solid #3c3c3e;border-top-left-radius:15px;border-bottom-left-radius:15px;border-top-right-radius:0;border-bottom-right-radius:0}
#filter-bar-container{overflow:scroll}.jet-color{background-color:#262629!important;color:#fff!important}.layer-btn{outline:0;background-color:transparent;color:#fff;width:.7em;height:.7em}.hide-btn{visibility:hidden}.bar-filter{width:100%}.legend-bar{height:1em;width:100%}.dot-legend{height:.75em;width:.75em;border-radius:100%;margin-right:8px}.sub-text-popup{font-size:.95em;color:#515155;font-family:Quicksand,sans-serif;font-weight:700}.text-popup{font-size:1.8em;font-family:Quicksand,sans-serif;font-weight:400}
.text-filter{font-size:.99em!important;font-family:Quicksand,sans-serif;font-weight:700}
.third-white-popup{font-size:1.6em;font-family:Quicksand,sans-serif;font-weight:400}
/* make input-group feel like “two labels” */
.slider-label-group .form-control,
.slider-label-group .input-group-text{
  font-size: .95em;
  color:#515155;
  font-family:Quicksand,sans-serif;
  font-weight:700;
}

/* INPUT: remove chrome, keep only bottom bar */
.slider-label-input{
  background: transparent !important;
  border: 0 !important;
  border-bottom: 2px solid rgba(81,81,85,.35) !important; /* the “plain bar” */
  border-radius: 0 !important;
  box-shadow: none !important;
  padding-left: 0;
  padding-right: 0;
  height: auto;
  line-height: 1.2;
}

/* focus state: slightly stronger bar */
.slider-label-input:focus{
  outline: 0 !important;
  border-bottom-color: rgba(81,81,85,.8) !important;
}

/* UNIT: make span look like text (not a pill) */
.slider-label-unit{
  background: transparent !important;
  border: 0 !important;
  border-bottom: 2px solid rgba(81,81,85,.35) !important; /* extend the bar under unit */
  border-radius: 0 !important;
  padding-left: .35rem;
  padding-right: .35rem;
}

/* Remove number input arrows (Chrome/Edge/Safari) */
.slider-label-input::-webkit-outer-spin-button,
.slider-label-input::-webkit-inner-spin-button{
  -webkit-appearance: none;
  margin: 0;
}
/* Remove arrows (Firefox) */
.slider-label-input[type="number"]{
  -moz-appearance: textfield;
}
/* flexible sizing: input only takes what it needs */
.slider-label-group .slider-label-input{
  flex: 0 1 auto !important;     /* don't force full width */
  width: auto !important;
  min-width: 3.5ch;              /* prevents collapsing too much */
  max-width: 10ch;               /* stops it from stretching far */
}

/* unit stays tight */
.slider-label-group .slider-label-unit{
  flex: 0 0 auto !important;
  white-space: nowrap;
}

/* remove any bootstrap shadows/glow (normal + focus) */
.slider-label-group .slider-label-input,
.slider-label-group .slider-label-input:focus{
  box-shadow: none !important;
  outline: none !important;
}

/* if some shadow still appears from bootstrap vars, kill it too */
.slider-label-group .form-control{
  --bs-box-shadow: none;
  --bs-focus-ring-color: transparent;
}

/* focus state: underline + text become white */
.slider-label-group .slider-label-input:focus{
  color: #fff !important;
  border-bottom-color: #fff !important;
}

/* optional: placeholder also white on focus */
.slider-label-group .slider-label-input:focus::placeholder{
  color: rgba(255,255,255,.75) !important;
}

/* if you want unit to also become white when its input is focused */
.slider-label-group:focus-within .slider-label-unit{
  color: #fff !important;
  border-bottom-color: #fff !important;
}

#accordionExample{border-style:solid;border-width:1px;border-color:#3c3c3e}
.fourth-white-popup{font-size:1.3em;font-family:Quicksand,sans-serif;font-weight:400}
.accordion-button.collapsed{color:#515155!important;background-color:transparent!important}button.accordion-button:focus{box-shadow:inherit}.accordion-button,
.accordion-button:hover{color:#FFA630!important}
.accordion-button::after,
.accordion-button:hover:after{filter: brightness(0) saturate(100%) invert(86%) sepia(19%) saturate(6838%) hue-rotate(333deg) brightness(101%) contrast(101%)}
.accordion-button.collapsed::after{filter: none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23515155'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e")!important}
#turbine-img{width:1.9em}
.spinner-container {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 10; /* Ensure the spinner appears above the table content */
    pointer-events: none; /* Allow interactions with the table while loading */
}
.link-tag{color:white;}
.link-tag:hover{color:#FFA630}
.spinner-border {
    border-color: rgba(255, 255, 255, 0.75); /* White border color */
    border-right-color: transparent; /* Transparent for the spinner effect */
}
.progress, .progress-stacked {
    --bs-progress-height: .3rem;
}
.progress-bar{
    background-color:#FFA630!important;
    font-size:7px;
}
.gl-table{ overflow: auto; height: 50px; }
#neuigkeiten-table tbody {
    display: block; /* Make the body a block element to enable scrolling */
    max-height: 340px; /* Set the maximum height for scrolling */
    overflow-y: auto; /* Enable vertical scrolling */
    width: 100%; /* Ensure proper alignment with the header */
}
#vom-betreiber-table thead th,#neuigkeiten-table thead th{ position: sticky; top: 0; z-index: 1;}
#neuigkeiten-table tr {
    display: table; /* Ensure rows maintain table layout */
    width: 100%; /* Ensure rows align with the header */
}
.neuigkeiten-btn:hover{background-color:#FFA630!important;}
.filter-img{width:1.5em;}
.filter-img2{height:3em;padding:1px;margin-left:.3em;margin-right:.3em;}
.low-map-icons{height:2em;}
.low-map-icons:hover{filter: brightness(151%)}
.filter-img-top{width:4em;height:4.6em;}
#truck-addresse:hover{
    cursor:pointer;filter: brightness(0) saturate(100%) invert(100%) sepia(27%) saturate(4788%) hue-rotate(49deg) brightness(87%) contrast(90%);
}
#manufacturing-img{width:7em}#point-legend{background-color:#fffc62}#heat-point-legend{background-image:linear-gradient(to right,#fffc1c,#d1e5f0,#fddbc7,#ef8a62,#b2182b)}
#hide-filter-btn,#hide-neuigkeiten-btn{background:no-repeat center/100% url("../nextRight.svg")}
#show-filter-bar{position:absolute;z-index:99;right:0;top:85px;width:32px;height:32px;border:1px solid #3c3c3e;border-top-left-radius:5px;border-bottom-left-radius:5px;border-top-right-radius:0;border-bottom-right-radius:0}
#show-neuigkeiten-bar{position:absolute;z-index:98;right:0;top:48px;width:32px;height:32px;border:1px solid #3c3c3e;border-top-left-radius:5px;border-bottom-left-radius:5px;border-top-right-radius:0;border-bottom-right-radius:0}
#show-filter-btn{background:no-repeat center/90% url('../backLeft.svg');height:24px;width:24px;margin:4px 3px 4px 3px;padding:0}
#show-neuigkeiten-btn{background:no-repeat center/90% url('../news_icon.png');height:24px;width:24px;margin:4px 3px 4px 3px;padding:0}
.card-header:first-child{border-radius:15px!important}.filter-container{border-radius:15px;margin-left:10px;margin-right:10px;margin-top:12px;margin-bottom:12px;padding-top:15px;padding-bottom:15px;padding-left:10px;padding-right:10px;border-style:solid;border-width:1px;border-color:#3c3c3e}
#filter-btn-container,#neuigkeiten-btn-container{min-height:50px;padding:0;margin:0;width:100%;overflow:hidden;border-top-left-radius:15px}
.form-select{border-radius:25px;font-size:1em;--bs-form-select-bg-img:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path fill='none' stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/></svg>")}
.ui-slider-handle{border-radius:50%}.ui-slider-range,.ui-state-active{background-color:#FFA630!important}


.btn-betrieb-status,.neuigkeiten-btn{background-color:#262629;color:#fff;border-color:#fff;width:100%;height:100%;padding:2px!important;margin:1px}.btn-betrieb-status:hover{border-color:#7ed254!important;color:#fff!important}
.btn-betrieb-check:checked+label,#basemap-switch:checked{background-color:#FFA630!important;color:#fff!important}.btn-betrieb-check:checked+label{vertical-align:middle}#nach-list-container>ul{border:none!important;height:auto!important;padding:0 0 0 4px!important;line-height:24px!important}
#basemap-switch-container{display:none;}
#basemap-switch{width:3em!important;height:1.5em!important}
#nach-list-input-flexdatalist{border-bottom:2px solid #fff!important;min-width:100%;padding-left:22px}.flexdatalist-multiple+.focus{border-color:transparent}.flexdatalist-multiple-value{width:100%!important}.flexdatalist-multiple-value::before{content:url("../search.svg");position:absolute;display:inline-block;vertical-align:-.125em;background-image:'<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="bi bi-search" viewBox="0 0 16 16"><path d="M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001q.044.06.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1 1 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0"/></svg>';background-repeat:no-repeat;background-size:1rem 1rem}.reverse-btn{color:#FFA630;border-radius:50%}
.date-input{width:6em!important;border-radius:5px;border-color:transparent;margin:0;padding:2px;background-color: #262629 !important;}
#filter-date-overlay{
    position: relative;
    width: 100%;
    height:100%;
    overflow: hidden;
}
.row-date{border-style:solid;border-color:#fff;border-radius:5px;border-width:1px}.date-input:focus-visible{outline:transparent!important}#legend-bar{width:96%;margin-left:2%;height:10px;border-radius:10px;background-image:linear-gradient(to right,#fffc1c,#b2182b)}

#accordion-ids .accordion-item {
  border: 0;
}

#accordion-ids .accordion-button {
  background: transparent;
  color: inherit;
  box-shadow: none;
  padding: 0;
}
#accordion-ids .accordion-button.accordion-popup-button,
#accordion-ids .accordion-button.accordion-popup-button.collapsed {
  color: #fff !important;
  transition: color .15s ease-in-out;
}
#accordion-ids .accordion-header:hover .accordion-popup-button,
#accordion-ids .accordion-popup-button:hover {
  color: #FFA630 !important;
}
#accordion-ids .accordion-button::after {
  display: none;
}
#accordion-ids .accordion-button:focus {
  box-shadow: none;
}
.accordion-popup-button {
  transition: color .15s ease-in-out;
}
.accordion-popup-button[aria-expanded="true"] .accordion-chevron {
  transform: rotate(180deg);
  transition: transform .2s ease;
}
/* Vergutung Chart */
#eegChart {
    border-radius: 10px;
    padding: 10px;
}
.btn-group .btn {
    color: #fff;
    font-weight: 500;
}
.btn-outline-success {
    border-color: white;
    color: #FFA630;
}
/* #btn-erzeugung:hover,#btn-verguetung:hover{
  background-color: #FEC500;
}
#btn-erzeugung:active,#btn-verguetung:active{
  background-color: #FFA630;
} */
.btn-success {
    background-color: #FFA630;
    color: #000;
}

@media only screen and (max-width:860px){
    #windturbinemap-logo{display:none;}
    #windturbinemap-logo-mobile{display:block;position:absolute;top:1vh;z-index:6;left:.5vw;transform: translateX(0%)}
    #windturbinemap-png-mobile{width:80px;}
    #geolocation{display:block;position:absolute;z-index:4;top:12px;right:0;width:32px;height:32px;border:1px solid #3c3c3e;border-top-left-radius:5px;border-bottom-left-radius:5px;border-top-right-radius:0;border-bottom-right-radius:0}div.mapboxgl-ctrl-top-left>div:nth-child(1)>button.mapboxgl-ctrl-compass{display:block!important;position:absolute!important;z-index:4;top:4vh;left:0;width:26px;height:28px;background-color:#262629;border:1px solid #3c3c3e;border-top-left-radius:0;border-bottom-left-radius:0;border-top-right-radius:5px;border-bottom-right-radius:5px}
    #popup{left:.5%;right:auto;top:auto;bottom:6vh;width:99%;max-height:78vh;}#slide-down-popup{display:block}
    #slide-up-popup{position:absolute;width:99%;left:.5%;right:auto;top:auto;bottom:6vh;z-index:4;border-style:solid;border-width:1px;border-color:#3c3c3e;}
    #filter-bar{top:8vh;width:99%;max-height:83vh}#filter-bar-container{overflow:scroll;height:83vh}
    #isMobile{display:block}.mapboxgl-ctrl-top-right{width:50vw;top:2vh;padding:0;left:25vw;}.mapboxgl-ctrl-geocoder--button{top:.3em!important;left:0}.mapboxgl-ctrl-geocoder{min-width:100%}.mapboxgl-ctrl-geocoder--icon-search{width:auto;height:auto}.mapboxgl-ctrl-geocoder--icon-close{width:15px;height:15px;margin-top:8px;margin-right:3px;position:absolute;top:0;right:5px}
}

@media screen and (min-width: 640px) {
    .mapboxgl-ctrl-geocoder {
        max-width:100%!important;
    }
}
@media only screen and (max-width:365px){
    
    .popup-container{--bs-gutter-x:.5em!important}
    #close-add-popup-btn{top:12vh;left:1%;}
    
}