@charset "UTF-8";
/* CSS Document */

   body {
            font-family: Arial, sans-serif;
            margin: 0;
            padding: 0;
            line-height: 1.6;
            color: #494d5a;
        }
        header {
            background: #132669;
            color: #ffffff;
            padding: 1rem 0;
        }
 
        nav {
            display: flex;
            justify-content: space-between;
            align-items: center;
            max-width: 1200px;
            margin: 0 auto;
            padding: 0 1rem;
        }
 
        .logo {
            font-size: 1.5rem;
            font-weight: bold;
			text-align: center;
        }
 
        .nav-links {
            list-style: none;
            display: flex;
            gap: 1rem;
        }
 
        .nav-links a {
            color: #ffffff;
            text-decoration: none;
            font-weight: bold;
        }
 
        .hero {
            background: url('hero-placeholder.jpg') no-repeat center center/cover;
            height: 70vh;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            color: #ffffff;
            text-align: center;
            padding: 0 1rem;
        }
 
        .hero h1 {
            font-size: 2.5rem;
            margin-bottom: 1rem;
            color: #186ccc;
        }
 
        .hero p {
            font-size: 1.2rem;
            margin-bottom: 2rem;
        }
 
        .cta {
            background: #186ccc;
            color: #ffffff;
            padding: 0.75rem 1.5rem;
            text-decoration: none;
            font-weight: bold;
            border-radius: 5px;
        }
 
        .funktionen, .technologie, .ueber-uns, .kontakt {
            padding: 2rem 1rem;
            max-width: 1200px;
            margin: 0 auto;
        }
 
        .funktionen h2, .technologie h2, .ueber-uns h2, .kontakt h2 {
            text-align: center;
            margin-bottom: 2rem;
            color: #132669;
        }
 
        .features {
            display: flex;
            flex-wrap: wrap;
            gap: 1.5rem;
            justify-content: center;
        }
 
        .feature {
            flex: 1 1 calc(33% - 2rem);
            background: #ffffff;
            padding: 1.5rem;
            border-radius: 5px;
            text-align: center;
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
            border: 1px solid #186ccc;
        }
 
        .feature h3 {
            margin-bottom: 1rem;
            color: #186ccc;
        }
 
        .feature p {
            font-size: 1rem;
        }
 
        .kontakt form {
            display: flex;
            flex-direction: column;
            gap: 1rem;
        }
 
        .kontakt input, .kontakt textarea, .kontakt button {
            padding: 0.75rem;
            font-size: 1rem;
            border: 1px solid #186ccc;
            border-radius: 5px;
        }
 
        .kontakt button {
            background: #186ccc;
            color: #ffffff;
            border: none;
            cursor: pointer;
        }
 
        footer {
            background: #132669;
            color: #ffffff;
            text-align: center;
            padding: 1rem;
        }
 
        .backlink-section {
            background: #f0f0f0;
            padding: 1rem;
            margin-top: 2rem;
        }
 
        .backlink-section ul {
            list-style: none;
            padding: 0;
        }
 
        .backlink-section ul li {
            margin-bottom: 0.5rem;
        }