
        .form-container, #results {
		    background: white;
		    padding: 10px 40px;
		    border-radius: 10px;
		    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
		    width: 1000px; /* Breite auf 1000px setzen */
		    max-width: 90%; /* Maximale Breite relativ zum Viewport */
		    margin: 20px auto; /* Zentrieren der Container */
		}


        .form-container h2 {
            text-align: center;
            color: #333;
            margin-bottom: 20px;
        }

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

        label {
            margin-bottom: 5px;
            font-weight: normal;
            color: #555;
        }

        input[type="text"] {
            padding: 10px;
            margin-bottom: 20px;
            border-radius: 5px;
            border: 1px solid #ddd;
            font-size: 16px;
            width: 100%
        }
        
        input[type="password"] {
	            padding: 10px;
	            margin-bottom: 20px;
	            border-radius: 5px;
	            border: 1px solid #ddd;
	            font-size: 16px;
	            width: 100%
        }

        input[type="button"] {
            background-color: #5cb85c;
            color: white;
            padding: 10px 20px;
            border: none;
            border-radius: 5px;
            cursor: pointer;
            font-size: 18px;
            transition: background-color 0.3s;
        }

        input[type="button"]:hover {
            background-color: #4cae4c;
        }

        .separator {
		            text-align: center;
		            border-top: 0px dashed #ddd;
		            line-height: 0.1em;
		            margin: 0px 0 0px;
        }

        .separator span {
            background: #fff;
            padding: 0 10px;
        }
        .place-id-cell {

		        }

		        .results-table {
		            width: 100%;
		            border-collapse: collapse;
		            margin-top: 20px;
		        }

		        .results-table th, .results-table td {
		            border: 1px solid #ddd;
		            padding: 8px;
		            text-align: left;
		        }

		        .results-table th {
		            background-color: #f2f2f2;
		        }

		        .results-table tr:nth-child(even) {
		            background-color: #f9f9f9;
        }
        .confirm-btn {
		            background-color: #5cb85c;
		            color: white;
		            padding: 10px 20px;
		            border: none;
		            border-radius: 5px;
		            cursor: pointer;
		            font-size: 16px;
		            transition: background-color 0.3s;
		        }

		        .confirm-btn:hover {
		            background-color: #4cae4c;
        }
          .alert-box {
		      padding: 20px;
		      background-color: #d9edf7; /* Hellblau */
		      color: #31708f; /* Dunkelblau */
		      margin-bottom: 15px;
		      margin-top: 20px;
		      border-radius: 5px;
		      text-align: center;
		      border: 1px solid #bce8f1; /* Etwas dunklerer Blauton für den Rand */
		}

   		 .row {
		     display: flex;
		     justify-content: space-between;
		     margin-bottom: 20px;
		 }

		 /* Anpassung für die erste Reihe - 50% + 50% */
		 .row:nth-child(3) .col {
		     flex: 1;  /* Beide Felder nehmen gleiche Breite ein */
		 }

		 /* Anpassung für die zweite Reihe - 30% + 70% */
		 .row:nth-child(4) .col:first-child {
		     flex: 0 0 30%; /* Breite auf 30% festlegen */
		 }

		 .row:nth-child(4) .col:last-child {
		     flex: 0 0 70%; /* Breite auf 70% festlegen */
		 }

		 .col {
		     margin-right: 10px; /* Rechter Rand für alle .col-Elemente */
		 }

		 .col:last-child {
		     margin-right: 0; /* Entfernt den rechten Rand der letzten Spalte in jeder Reihe */
		}
		
	
