/* default.css — Minimalversion */

:root{
  --bg:#fff;
  --fg:#111827;
  --accent:#2563eb;
  --radius:8px;
  --max-width:1100px;
  --container-padding:1rem;
  --font-sans:system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial;
}

/* Box model & Reset */
*,*::before,*::after{box-sizing:border-box}
html,body{margin:0;padding:0;height:100%;font-family:var(--font-sans);color:var(--fg);background:var(--bg);line-height:1.6}

/* Layout */
header{padding:1rem;background:#f3f4f6}
header h1{margin:0;font-size:1.75rem}
header nav{margin-bottom:0.5rem}
#teaser{padding:1rem;background:#f9fafb;border-bottom:1px solid #e5e7eb}
#container{padding:1rem}
aside#seitenleiste{padding:1rem;background:#f9fafb;border-left:1px solid #e5e7eb}
footer{padding:1rem;text-align:center;color:#6b7280;border-top:1px solid #e5e7eb}

/* Typography */
h1,h2,h3{margin:0 0 0.5rem 0}
p{margin:0 0 1rem 0}
a{color:var(--accent);text-decoration:none}
a:hover{text-decoration:underline}
abbr{cursor:help;text-decoration:none;border-bottom:1px dotted #6b7280}

/* Buttons */
.btn{display:inline-block;padding:0.5rem 0.75rem;border-radius:var(--radius);border:1px solid transparent;cursor:pointer;text-align:center}
.btn-primary{background:var(--accent);color:#fff;border-color:rgba(37,99,235,0.9)}

/* Forms */
input,textarea,select{font:inherit;padding:0.5rem;border:1px solid #d1d5db;border-radius:6px;outline:none}
input:focus,textarea:focus,select:focus{box-shadow:0 0 0 3px rgba(37,99,235,0.12);border-color:var(--accent)}

/* Images */
img{max-width:100%;height:auto;display:block}