body {
            font-family: Arial, sans-serif;
            margin: 0;
            padding: 0;
            background-color: #f4f4f4;
            color: #333;
			line-height: 1.7em;
        }
        .container {
            width: 90%;
            max-width: 1200px;
            margin: auto;
            text-align: center;
            padding: 20px;
        }
		.container-tal {
            width: 90%;
            max-width: 1200px;
            margin: auto;
            text-align: left;
            padding: 20px;
        }
        .faq-container {
            width: 90%;
            max-width: 1200px;
            margin: auto;
            text-align: left;
            padding: 20px;
        }
        header {
			background-image: url("GRA_INT_spacefond_4096x2304.svg");
			background-position: center center;
			background-size: cover;
			background-repeat: no-repeat;
			background-attachment: fixed;
			color: #fff;
            padding: 40px 20px;
        }
        .logo {
            max-width: 300px;
			margin: 50px;
        }
		.headerimg-container {
			max-height: 600px;
		}
		.headerimg {
			height: 550px;
			width: 100% !important;
			object-fit: cover;
			object-position: center;
		}
		h1 {
			line-height: 1.3em;
		}
		h3 {
			margin-top: 50px;
			margin-bottom: 0px;
		}
        .cta {
            display: inline-block;
			border: 5px solid #ccc;
			background: #fff;
            color: #005a87;
            padding: 15px 25px;
            text-decoration: none;
            font-size: 18px;
			font-weight: bold;
            border-radius: 5px;
            margin: 20px;
        }
        .cta-2 {
            display: inline-block;
            background: #005a87;
            color: #fff;
            padding: 15px 25px;
            text-decoration: none;
            font-size: 18px;
            border-radius: 5px;
            margin-top: 50px;
        }
        .cta-3 {
            display: inline-block;
            border: 5px solid #ff9800;
			background: #fff;
            color: #005a87;
            padding: 15px 25px;
            text-decoration: none;
            font-size: 24px;
			line-height: 1.5em;
            border-radius: 5px;
            margin-top: 50px;
			width: 75%;
        }
        .features, .about-kk {
            background: #fff;
        }
		.kontakt {
			background-image: url("GRA_INT_spacefond_4096x2304.svg");
			background-position: center center;
			background-size: cover;
			background-repeat: no-repeat;
			background-attachment: fixed;
			color: #fff;
            padding: 40px 20px;
		}
        .grid {
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            gap: 20px;
        }
        .feature {
            background: #eef;
            padding: 20px;
            border-radius: 5px;
            flex: 1;
            min-width: 250px;
            max-width: 300px;
        }
        .vergleich {
            background: #ddd;
            padding: 50px 20px;
        }
        .table-container {
            overflow-x: auto;
        }
        table {
            width: 100%;
            max-width: 800px;
            margin: auto;
            border-collapse: collapse;
            background: #fff;
        }
        th, td {
            padding: 15px;
            border: 1px solid #ccc;
            text-align: left;
        }
        th {
            background: #005a87;
            color: #fff;
        }
        .demo h2 {
            color: #005a87;
        }
		.demo p, .about-kk p {
			text-align:left;
		}
        .features1 {
            padding: 50px 20px;
            background: #fff;
        }
		.features1 h3 {
			margin-top: 0px;
		}
        input, button {
            width: 100%;
            max-width: 500px;
            padding: 10px;
            margin: 10px 0;
            border: 1px solid #ccc;
            border-radius: 5px;
        }
        button {
            background: #005a87;
            color: #fff;
            border: none;
            cursor: pointer;
        }
		textarea {
			width: 100%;
            max-width: 1027px;
            padding: 10px;
            margin: 10px 0;
            border: 1px solid #ccc;
            border-radius: 5px;
		}
        .faq, .demo {
            background: #f4f4f4;
            padding: 50px 20px;
        }
        .faq-item {
            max-width: 800px;
            margin: auto;
            text-align: left;
            padding: 10px;
        }
		
		.row {
			display: -webkit-box;
			display: -webkit-flex;
			display: -ms-flexbox;
			display: flex;
			-webkit-flex-wrap: wrap;
			-ms-flex-wrap: wrap;
			flex-wrap: wrap;
			margin-right: -15px;
			margin-left: -15px;
		}
		
		.col {
		  -webkit-flex-basis: 0;
			  -ms-flex-preferred-size: 0;
				  flex-basis: 0;
		  -webkit-box-flex: 1;
		  -webkit-flex-grow: 1;
			  -ms-flex-positive: 1;
				  flex-grow: 1;
		  max-width: 100%;
		  position: relative;
		  width: 100%;
		  padding-right: 15px;
		  padding-left: 15px;
		}
		
		.pre-footer {
						background:#fff;
		}
		
		.pre-footer ul {
			list-style: none;
		}




        footer {
			background-image: url("GRA_INT_spacefond_4096x2304.svg");
			background-position: center center;
			background-size: cover;
			background-repeat: no-repeat;
			background-attachment: fixed;
            color: #fff;
            text-align: center;
            padding: 20px;
        }
        a {
            color: #005a87;
            text-decoration: underline;
        }
        footer a {
            color: #fff;
            text-decoration: underline;
        }
		.honeypot {
			display: none;
		}
		.user-container {
			display: flex;
			flex-wrap: wrap;
			gap: 20px;
			justify-content: flex-start;
			margin: 20px 0;
		  }
		  
		.user-box {
			flex: 1;
			min-width: 250px;
			border: 1px solid #ddd;
			border-radius: 8px;
			padding: 15px;
			text-align: left;
			background-color: #f9f9f9;
			box-shadow: 0 2px 4px rgba(0,0,0,0.1);
		}
		
		.message-1 {
			display:none; 
			background-color: #fff; 
			color: #155724; 
			font-size: 1.8em;
			padding: 15px; 
			text-align: center;
			/*border-radius: 5px; 
			border: 1px solid #c3e6cb;*/
			margin-bottom: 20px; 
		}
    
	
		@media (max-width: 450px) {
			.logo {
				max-width: 200px;
		}
	}