/*
Theme Name: NeuroCare Pro Accessible
Author: neoSeach UG (haftungsbeschränkt)
Description: Premium barrierefreies Theme für Psychotherapie, Psychiatrie und Neurologie
Version: 1.0
*/

:root{
  --primary:#2f5d62;
  --accent:#5fa8a6;
  --soft:#e8f4f3;
  --bg:#f7faf9;
  --text:#1a1a1a;
}

body{
  margin:0;
  font-family: system-ui, Arial, sans-serif;
  font-size:18px;
  line-height:1.7;
  background:var(--bg);
  color:var(--text);
}

.container{
  max-width:1200px;
  margin:auto;
  padding:0 20px;
}

/* Skip-Link */

.skip-link{
  position:absolute;
  left:-999px;
  background:#000;
  color:#fff;
  padding:10px;
}

.skip-link:focus{
  left:10px;
  top:10px;
  z-index:999;
}

/* Fokus */

a:focus, button:focus, input:focus, textarea:focus{
  outline:3px solid #ffbf47;
  outline-offset:2px;
}

header{
  background:#fff;
  border-bottom:2px solid #ddd;
}

.logo{
  font-weight:bold;
  font-size:1.6rem;
  color:var(--primary);
}

nav ul{
  list-style:none;
  display:flex;
  gap:25px;
  padding:0;
}

nav a{
  text-decoration:none;
  font-weight:600;
  color:var(--primary);
}

/* Hero */

.hero{
  background:linear-gradient(120deg,var(--primary),var(--accent));
  color:#fff;
  padding:90px 0;
}

/* Karten */

.grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
  gap:30px;
}

.card{
  background:#fff;
  padding:25px;
  border-radius:10px;
  border:2px solid #e0e0e0;
}

/* Notfall */

.emergency{
  background:#fff3f3;
  border-left:6px solid #c62828;
  padding:20px;
  margin:40px 0;
}

/* Team */

.team-member{
  text-align:center;
}

/* CTA */

.cta{
  background:var(--soft);
  text-align:center;
  padding:50px 20px;
}

/* Formular */

form label{
  display:block;
  margin-top:15px;
  font-weight:600;
}

input, textarea{
  width:100%;
  padding:12px;
  font-size:16px;
  margin-top:5px;
}

button{
  margin-top:20px;
  padding:14px 22px;
  font-size:16px;
  background:var(--primary);
  color:#fff;
  border:none;
  cursor:pointer;
}

/* Footer */

footer{
  background:#1f2a2c;
  color:#fff;
  padding:40px 0;
}

@media(max-width:768px){
  nav ul{flex-direction:column;}
}