:root{--p:#f0f9ff;--a:#0ea5e9;--d:#111827;--l:#f8fafc}
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:system-ui,Arial,sans-serif;line-height:1.7;background:#fff;color:#1e293b;display:flex;flex-direction:column;min-height:100vh}
header{background:var(--p);padding:1.2rem 5%;position:sticky;top:0;z-index:1000;box-shadow:0 4px 15px rgba(0,0,0,.08);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}
.logo{font-weight:900;font-size:1.8rem;color:var(--a);text-decoration:none}
nav a{margin:0 1rem;color:var(--d);font-weight:600;text-decoration:none}
nav a:hover,nav a.active{color:var(--a)}
main{flex:1;padding:4rem 5%;max-width:900px;margin:0 auto}
h1{font-size:2.5rem;color:var(--a);margin-bottom:1.5rem}
footer{background:var(--d);color:#94a3b8;text-align:center;padding:2rem;font-size:.9rem}
#backTop{position:fixed;bottom:30px;right:30px;background:var(--a);color:#fff;width:56px;height:56px;border-radius:50%;display:none;align-items:center;justify-content:center;font-size:2rem;cursor:pointer;box-shadow:0 6px 20px rgba(0,0,0,.25);z-index:999}
.accordion-header{background:var(--p);padding:1rem 1.5rem;margin:.8rem 0;border-radius:10px;cursor:pointer;font-weight:600;display:flex;justify-content:space-between;align-items:center;user-select:none}
.accordion-header:hover{background:#dbeafe}
.arrow{width:12px;height:12px;border-right:3px solid var(--a);border-bottom:3px solid var(--a);transform:rotate(45deg);transition:.3s}
.accordion-header.active .arrow{transform:rotate(-135deg)}
.accordion-content{padding:1.5rem;background:#f8f9fa;border-radius:0 0 10px 10px;display:none;margin-bottom:1.5rem;border:1px solid #e2e8f0;border-top:none}
.accordion-content.active{display:block}
@media(max-width:768px){header{flex-direction:column;gap:1rem}nav a{display:block;margin:.5rem 0}}

/* Dropdown-Menü genau wie früher */
nav ul { display:flex; gap:3rem; list-style:none; align-items:right; }
.dropdown-li { position:relative; }
.dropdown-li > a { cursor:default; }
.dropdown {
  position:absolute; top:100%; left:50%; transform:translateX(-50%);
  background:white; min-width:280px; border-radius:12px; box-shadow:0 12px 35px rgba(0,0,0,0.18);
  opacity:0; visibility:hidden; transition:all .25s ease; padding:0.8rem 0; margin-top:8px;
}
.dropdown a { display:block; padding:0.8rem 1.6rem; color:#374151; }
.dropdown a:hover { background:var(--p); color:var(--a); }
.dropdown-li:hover > .dropdown {
  opacity:1; visibility:visible; transform:translateX(-50%) translateY(0);
}

/* Kontaktformular – sauber untereinander */
.contact-form {
  max-width: 600px;
  margin: 2rem auto 0;
  display: flex;
  flex-direction: column;
  gap: 1.2rem;
}
.contact-form label {
  font-weight: 600;
  color: #1e293b;
}
.contact-form input,
.contact-form textarea {
  width: 100%;
  padding: 0.9rem 1.2rem;
  border: 1px solid #cbd5e1;
  border-radius: 8px;
  font-family: inherit;
  font-size: 1rem;
}
.contact-form input:focus,
.contact-form textarea:focus {
  outline: none;
  border-color: var(--a);
  box-shadow: 0 0 0 3px rgba(14,165,233,0.15);
}
.contact-form button {
  align-self: flex-start;
  background: var(--a);
  color: white;
  border: none;
  padding: 0.9rem 2rem;
  border-radius: 8px;
  font-weight: 600;
  cursor: pointer;
  transition: background .3s;
}
.contact-form button:hover {
  background: #0d8bc7;
}

.leftFloat {
  float: left;
  margin-bottom: 0px;
  margin-top: 0px;
  margin-left: 15px;
  margin-right: 20px;
}
.rightFloat {
  float: right;
  margin-bottom: 0px;
  margin-top: 0px;
  margin-left: 20px;
  margin-right: 15px;
}

.blue {
	color: #0ea5e9;
	font-weight: bold;
}

.blue2 {
	color: #0ea5e9;
}

.center {
	text-align: center;
}