html, body, iframe, table, #map {
			height: 100%;
			font: 14px/16px "Din Pro",Arial, Helvetica, sans-serif;
		}
		body {
			padding: 0;
			margin: 0;
		}
		
		.toggle-buttons input[type="radio"] {
		  clip: rect(0 0 0 0);
		  clip-path: inset(50%);
		  height: 1px;
		  overflow: hidden;
		  position: absolute;
		  white-space: nowrap;
		  width: 1px;

		}
		.toggle-buttons label {
		  border: 1px solid #333;
		  border-radius: 0.5em;
		  padding: 0.5em;
		  margin: 0.5em;
		}
		 
		.toggle-buttons input:checked + label {
		  background: #6b9603;
		  color: #ffffff;
		  box-shadow: none;
		}

		input:hover + label,
		input:focus + label {
		  background: #b6b6b6; 
		}
		
		.info {
			padding: 2px 2px;
			font: 14px/16px Arial, Helvetica, sans-serif;
			background: white;
			background: rgba(255,255,255,0.8);
			box-shadow: 0 0 15px rgba(0,0,0,0.2);
			border-radius: 5px;
			max-width:45%;
		}
		
		.fenster {
			min-width:250px;
		}
		
		a:hover {
			cursor:pointer;
		}
		
		.modal {
			display: none;
			position: fixed; 
			padding-top: 50px;
			left: 0; 
			top: 0;
			width: 100%;
			height: 100%; 
			background-color: rgb(0, 0, 0);
			background-color: rgba(0, 0, 0, 0.5);
			z-index: 3000000;
			overflow-y: auto;
		}
		
		.modal-content {
			position: relative; 
			background-color: white;
			padding: 20px; 
			margin: auto; 
			width: 50%;  
			-webkit-animation-name: animatetop;
			-webkit-animation-duration: 0.4s;
			animation-name: animatetop;
			animation-duration: 0.4s;
			overflow-x: auto;
		}
		
		.close-btn {
			float: right; 
			color: lightgray; 
			font-size: 24px;  
			font-weight: bold;
		}
		
		.close-btn:hover {
			color: darkgray;
		}
		
		@-webkit-keyframes animatetop {
			from {top:-300px; opacity:0} 
			to {top:0; opacity:1}
		}
		
		@keyframes animatetop {
			from {top:-300px; opacity:0}
			to {top:0; opacity:1}
		}
		
		
		.dot {
			height: 10px;
			width: 10px;
			background-color: yellow;
			border-radius: 50%;
			display: inline-block;
			border: 2px solid red;
		}
		
		
		.square {
			height: 10px;
			width: 10px;
			border-radius: 0%;
			display: inline-block;
			border: 1px solid red;
		}
		
		
		.squareKG {
			height: 10px;
			width: 10px;
			border-radius: 0%;
			display: inline-block;
			border: 1px solid blue;
		}
		
		tr.b {
			border-bottom:2px solid #669900;
			padding-right:2px;
		}
		
		td.c	{
			padding-top:10px;
			
			padding-right:2px;
			
			
		}
		
		th.f{
			text-align:left;
		}
		
		/* Basic styling for input */
        #searchInput {
            width: 200px;
            padding: 2px;
        }

        /* Styling for the search results window */
        #searchResults {
            display: none; /* Hidden by default */
            position: absolute;
            top: 55px; /* Adjust position to appear below the input */
            width: 200px;
            max-height: 150px;
            overflow-y: auto; /* Scroll if results are too many */
            border: 1px solid #ccc;
            background-color: #fff;
            border-radius: 5px;
            box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
            z-index: 1000; /* Ensures it's on top */
        }

        /* Style for individual result items */
        .result-item {
            padding: 10px;
            cursor: pointer;
        }

        .result-item:hover {
            background-color: #f0f0f0;
        }