.about-us { background-color: #fff; padding: 50px; border-radius: 8px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); text-align: left; } .about-us h2 { margin-top: 0; } .about-us p { margin-bottom: 20px; } .result-section { margin-top: 20px; } .result-section h2 { color: #333; } .result { font-size: 18px; padding: 10px; border-radius: 5px; margin-bottom: 20px; } .result.valid { background-color: #d4edda; color: #155724; border: 1px solid #c3e6cb; } .result.invalid { background-color: #f8d7da; color: #721c24; border: 1px solid #f5c6cb; }.contact { background-color: #fff; padding: 50px; border-radius: 8px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); text-align: left; } .contact h2 { margin-top: 0; text-align: center; } form { max-width: 600px; margin: 0 auto; text-align: left; } form label { display: block; margin-bottom: 5px; } form input, form textarea { width: 100%; padding: 10px; margin-bottom: 20px; border: 1px solid #ccc; border-radius: 5px; } form button { background-color: #02c39a; color: #fff; padding: 10px 20px; border: none; border-radius: 5px; cursor: pointer; } form button:hover { background-color: #028090; } .cookie-consent-popup { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: #fff; border: 1px solid #ccc; border-radius: 5px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); padding: 20px; width: 80%; max-width: 600px; z-index: 1000; display: none; } .cookie-consent-content { display: flex; flex-direction: column; align-items: center; text-align: center; } .cookie-consent-content p { margin: 0 0 10px; font-size: 14px; color: #333; } .cookie-consent-button { background-color: #05668a; color: #fff; border: none; border-radius: 5px; padding: 10px 20px; cursor: pointer; font-size: 14px; } .cookie-consent-button:hover { background-color: #028090; } .datenschutz { background-color: #fff; padding: 50px; border-radius: 8px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); text-align: left; } .datenschutz h2, .datenschutz h3 { margin-top: 0; } .datenschutz p { margin-bottom: 20px; line-height: 1.6; } footer { background-color: #05668a; color: #FFF; text-align: center; padding: 20px; } footer a { color: #F0FFFF; text-decoration: none; margin: 0 10px; } footer a:hover { text-decoration: underline; }header { background-color: #05668a; color: #FFF; display: flex; justify-content: space-between; align-items: center; padding: 20px 5%; } header a { color: #FFF; text-decoration: none; margin: 0 15px; font-weight: 600; } header .logo img { width: 100px; padding: 0; margin: 0; } header .logo div { padding: 0; margin: 0; }.services { background-color: #fff; padding: 50px; border-radius: 8px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); text-align: left; } .services h2 { margin-top: 0; text-align: center; } .service-item { margin-bottom: 30px; } .service-item h3 { margin-top: 0; color: #028090; } .service-item p { margin-bottom: 0; }body { font-family: Arial, sans-serif; background-color: #f8f8f8; color: #333; margin: 0; padding: 0; } .container { max-width: 1200px; margin: 0 auto; padding: 20px; } header { background-color: #05668a; color: #fff; padding: 20px 0; } header h1 { margin: 0; text-align: center; } nav ul { list-style: none; padding: 0; text-align: center; } nav ul li { display: inline; margin: 0 15px; } nav ul li a { color: #fff; text-decoration: none; } .hero { background-color: #028090; color: #fff; padding: 50px 0; text-align: center; } .hero h2 { margin: 0 0 20px; } form { max-width: 600px; margin: 0 auto; text-align: left; } form label { display: block; margin-bottom: 5px; } form input { width: 100%; padding: 10px; margin-bottom: 20px; border: 1px solid #ccc; border-radius: 5px; } form button { background-color: #02c39a; color: #fff; padding: 10px 20px; border: none; border-radius: 5px; cursor: pointer; } form button:hover { background-color: #028090; } footer { background-color: #05668a; color: #fff; text-align: center; padding: 20px 0; margin-top: 50px; }