/*
Theme Name: Zahnarztpraxis Muster
Theme URI: https://deinepraxis.de
Author: Dein Name
Description: Modernes WordPress-Theme für Zahnarztpraxen mit sanften Animationen
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: zahnarztpraxis
*/
:root {
  --anthrazit: #222;
  --hellgruen: #9CD600;
  --hellgrau: #F7F7F7;
}
body {background: var(--hellgrau); color: var(--anthrazit); font-family: 'Poppins', sans-serif; margin: 0;}
header {position: fixed; top: 0; left: 0; width: 100%; background: white; display: flex; justify-content: space-between; align-items: center; padding: 1rem 5%; box-shadow: 0 2px 10px rgba(0,0,0,0.05); z-index: 1000;}
header h1 {color: var(--hellgruen); font-size: 1.5rem; font-weight: 700;}
nav a {margin-left: 2rem; text-decoration: none; color: var(--anthrazit); font-weight: 500; transition: color .3s;}
nav a:hover {color: var(--hellgruen);}
.cta {background: var(--hellgruen); color: white; padding: .6rem 1rem; border-radius: 30px; margin-left: 2rem;}
section {padding: 7rem 5% 4rem; opacity: 0; transform: translateY(40px); transition: all 0.8s ease-out;}
section.visible {opacity: 1; transform: translateY(0);}
.hero {background: linear-gradient(135deg, var(--hellgruen), var(--hellgrau)); text-align: center; padding-top: 9rem; padding-bottom: 6rem;}
.hero h2 {font-size: 2.5rem; color: white; margin-bottom: 1rem;}
.hero p {color: white; max-width: 600px; margin: 0 auto 2rem;}
.hero .btn {background: white; color: var(--anthrazit); padding: 0.8rem 1.5rem; border-radius: 30px; font-weight: 600; text-decoration: none;}
footer {background: var(--anthrazit); color: white; text-align: center; padding: 2rem 5%;}