* { box-sizing: border-box; margin: 0; padding: 0; }
body { font-family: 'Roboto', sans-serif; background-color: #f9f9f9; color: #333; line-height: 1.6; }
header { background: url('bg.jpg') center/cover no-repeat; color: white; text-align: center; padding: 100px 20px; }
header h1 { font-size: 3rem; margin-bottom: 10px; text-shadow: 1px 1px 4px rgba(0,0,0,0.5); }
header p { font-size: 1.3rem; text-shadow: 1px 1px 3px rgba(0,0,0,0.5); }
.section { padding: 60px 20px; max-width: 1100px; margin: auto; }
h2 { font-size: 2rem; color: #2e1f0f; margin-bottom: 20px; text-align: center; }
.about p { text-align: center; font-size: 1.1rem; max-width: 800px; margin: 0 auto 1rem auto; }
.imprint {max-width: 680px;}
.imprint p { font-size: 1.1rem; max-width: 800px; }
.features { display: flex; flex-wrap: wrap; justify-content: space-around; margin-top: 40px; }
.feature { background: white; padding: 20px; margin: 10px; border-radius: 10px; box-shadow: 0 2px 10px rgba(0,0,0,0.05); flex: 1 1 250px; text-align: center; transition: transform 0.3s ease; }
.feature:hover { transform: translateY(-5px); }
.feature h3 { margin-bottom: 10px; color: #2e1f0f; }
.form-section { background: #fffefb; border-top: 2px solid #eee; padding: 60px 20px; }
form { max-width: 500px; margin: auto; background: white; padding: 30px; border-radius: 10px; box-shadow: 0 2px 15px rgba(0,0,0,0.05); position: relative; }
form input, form textarea, form button { width: 100%; padding: 12px; margin-bottom: 15px; border: 1px solid #ccc; border-radius: 6px; font-size: 1rem; }
form button { background-color: #2e1f0f; color: white; border: none; cursor: pointer; transition: background 0.3s; }
form button:hover { background-color: #4a2e17; }
#form-response { display: none; text-align: center; padding: 10px; border-radius: 6px; margin-top: 10px; }
#form-response.success { background-color: #d4edda; color: #155724; border: 1px solid #c3e6cb; }
#form-response.error { background-color: #f8d7da; color: #721c24; border: 1px solid #f5c6cb; }
footer { background: #2e1f0f; color: white; text-align: center; padding: 20px; margin-top: 40px; }
footer a { color: white; }
@media (max-width: 768px) { header h1 { font-size: 2rem; } .features { flex-direction: column; align-items: center; } }