.contact form { display: flex; flex-direction: column; align-items: flex-start; max-width: 600px; margin: 0 auto; background-color: #ffffff; padding: 20px; border-radius: 8px; box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1); } .contact label { font-weight: bold; margin-top: 10px; } .contact input, .contact textarea { width: 100%; padding: 10px; margin-top: 5px; border: 1px solid #ccc; border-radius: 5px; font-size: 16px; } .contact textarea { resize: vertical; height: 150px; } .contact button { width: 100%; margin-top: 15px; padding: 12px; background-color: #9B3812; color: #FFFFFF; border: none; border-radius: 5px; cursor: pointer; font-size: 16px; font-weight: bold; } .contact button:hover { background-color: #E05A24; } .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 { padding: 50px 5%; text-align: center; background-color: #F4F5F7; } .service-card { background-color: #FFFFFF; border-radius: 8px; padding: 20px; margin: 10px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); transition: transform 0.3s, box-shadow 0.3s; } .service-card:hover { transform: translateY(-5px); box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2); } .service-card p { color: #555555; font-size: 16px; } body { font-family: 'Inter', 'Helvetica Neue', Helvetica, Arial, sans-serif; background-color: #F9FAFB; color: #333; margin: 0; padding: 0; } .cta-button { background-color: #9B3812; color: #FFFFFF; font-weight: bold; padding: 10px 20px; border-radius: 5px; border: 2px solid #9B3812; box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2); } .cta-button:hover { background-color: #C04010; color: #FFFFFF; } .hero { background-color: #005F85; padding: 100px 5%; text-align: center; } .hero h1 { color: #FFFFFF; font-size: 48px; margin-bottom: 10px; text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.3); } .hero p { color: #FFFFFF; font-size: 20px; text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.3); } .message-success { text-align: center; max-width: 50%; background-color: #DFF2BF; color: #4F8A10; border: 1px solid #4F8A10; padding: 10px; margin: 0 auto; border-radius: 5px; display: flex; justify-content: center; align-items: center; } .parent-container { display: flex; text-align: center; justify-content: center; align-items: center; height: 100%; width: 100%; padding-top: 20px; padding-bottom: 20px; }