/* Global */
* {margin:0; padding:0; box-sizing:border-box;}
body {font-family:'Open Sans', sans-serif; background:#fff; color:#333;}
.container {max-width:1200px; margin:0 auto; padding:0 20px;}
a {text-decoration:none; color:inherit;}

/* Header */
header {background:#003366; color:#fff; position:sticky; top:0; z-index:1000;}
header .header-container {display:flex; justify-content:space-between; align-items:center; padding:15px 0;}
header .logo {font-family:'Montserrat', sans-serif; font-size:1.8em; font-weight:700; letter-spacing:1px;}
header nav ul {display:flex; gap:25px; list-style:none;}
header nav ul li a {color:#fff; font-weight:600; padding:5px 10px; transition:0.3s;}
header nav ul li a:hover {color:#FFC107;}

/* Hero */
.hero {background:url('assets/img/hero.jpg') center/cover no-repeat; height:90vh; display:flex; align-items:center; justify-content:center; text-align:center; color:#fff; position:relative;}
.hero::after {content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.4);}
.hero .container {position:relative; z-index:1;}
.hero h1 {font-family:'Montserrat', sans-serif; font-size:3.5em; margin-bottom:20px;}
.hero p {font-size:1.3em; margin-bottom:30px;}
.hero .btn {background:#FFC107; color:#003366; padding:15px 35px; border-radius:5px; font-weight:700; transition:0.3s;}
.hero .btn:hover {background:#e6b800;}

/* Sections */
section {padding:80px 0; text-align:center;}
section h2 {font-family:'Montserrat', sans-serif; font-size:2.5em; color:#003366; margin-bottom:40px;}
section p {max-width:800px; margin:0 auto 40px; font-size:1.1em; line-height:1.8;}

/* Buttons */
.btn {display:inline-block; font-weight:700; border-radius:5px; padding:12px 25px; transition:0.3s;}
.btn:hover {opacity:0.9;}

/* Tables */
.table-wrapper {overflow-x:auto; margin-top:20px;}
.clean-table {width:100%; border-collapse:collapse; font-size:1em; background:#fff; border-radius:8px; overflow:hidden;}
.clean-table th {background:#003366; color:#fff; text-transform:uppercase; font-weight:700; padding:12px;}
.clean-table td {padding:12px; text-align:center; border-bottom:1px solid #ddd;}
.clean-table tbody tr:nth-child(even) {background:#f4f4f4;}
.clean-table tbody tr:hover {background:#d4e1f4; transform:translateY(-2px); transition:0.3s;}

/* Cards (für Services etc.) */
.cards {display:flex; flex-wrap:wrap; gap:25px; justify-content:center;}
.card {background:#f8f8f8; padding:30px; border-radius:10px; width:280px; box-shadow:0 5px 15px rgba(0,0,0,0.1); transition:0.3s;}
.card:hover {transform:translateY(-5px); box-shadow:0 10px 25px rgba(0,0,0,0.15);}
.card h3 {color:#003366; margin-bottom:15px; font-family:'Montserrat', sans-serif;}
.card p {font-size:0.95em; line-height:1.5;}

/* Footer */
footer {background:#003366; color:#fff; padding:40px 0; text-align:center; font-size:0.9em;}