.form-container, #results {
	    padding: 10px 20px; /* Verringerte Seitenabstände für alle Bildschirme */
	    width: auto; /* Auto-Breite, um Flexibilität zu erhöhen */
	    max-width: 1000px; /* Maximale Breite beibehalten */
	    margin: 20px auto; /* Zentrierung beibehalten */
}


        .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 */
		}
		
	

@media (max-width: 768px) {
    .form-container, #results {
        padding: 10px 15px; /* Etwas weniger Padding */
        max-width: 95%; /* Etwas mehr Breite nutzen */
    }

    input[type="text"], input[type="password"], .row .col {
        margin-bottom: 15px; /* Feinabstimmung des Abstands */
    }

    .row {
        flex-direction: column; /* Stellt Elemente untereinander statt nebeneinander */
    }

    .col {
        margin-right: 0; /* Entfernt den rechten Rand, da nicht mehr nebeneinander */
    }
}


@media (max-width: 480px) {
    .form-container, #results {
        padding: 10px; /* Noch weniger Padding */
        max-width: 100%; /* Nutzt die volle Breite */
    }

    input[type="button"], .confirm-btn {
        padding: 10px 15px; /* Anpassung der Button-Größen für leichtere Bedienbarkeit */
        font-size: 16px; /* Angepasste Schriftgröße für bessere Lesbarkeit */
    }

    .alert-box {
        padding: 15px; /* Anpassung des Paddings für Alert-Boxen */
        margin-bottom: 10px; /* Weniger Abstand unten */
    }
    .confirm-btn {
    		            background-color: #5cb85c;
    		            color: white;
    		            padding: 10px 10px;
    		            border: none;
    		            border-radius: 5px;
    		            cursor: pointer;
    		            font-size: 16px;
    		            transition: background-color 0.3s;
    		        }
    
    		        .confirm-btn:hover {
    		            background-color: #4cae4c;
        }
     h3 {
         font-size: 21px; /* Ersetzen Sie 20px durch die gewünschte Schriftgröße */
	}
     .results-table td {
		            font-size: 12px;		            
		        }
}