:root { --text:#1d2329; --grund:#fbfaf7; --akzent:#1f5f8b; --hell:#e9eef2; --fehler:#a12a1f; --ok:#2c6e3a; }
* { box-sizing:border-box; }
body { margin:0; font:17px/1.6 Georgia, "Times New Roman", serif; color:var(--text); background:var(--grund); }
.kopf { display:flex; justify-content:space-between; align-items:center; gap:12px; padding:12px 16px; background:#fff; border-bottom:1px solid #ddd; flex-wrap:wrap; }
.marke { font-weight:bold; font-size:1.1em; color:var(--text); text-decoration:none; }
.widerrufknopf { font:14px/1 system-ui, sans-serif; padding:8px 12px; border:1px solid #888; border-radius:4px; color:var(--text); text-decoration:none; background:#fff; }
main { max-width:760px; margin:0 auto; padding:16px; }
section { margin:24px 0; }
h1 { font-size:1.9em; line-height:1.2; margin:0 0 .3em; }
h2 { font-size:1.3em; margin:1.4em 0 .4em; }
a { color:var(--akzent); }
.held { display:flex; gap:20px; align-items:flex-start; }
.autorbild { width:130px; height:auto; border-radius:4px; filter:grayscale(1); flex:none; }
.unterzeile { font-style:italic; font-size:1.1em; margin-top:0; }
.liste li { margin:.3em 0; }
.klein { font-size:.85em; color:#555; }
.kauf { background:#fff; border:1px solid #ddd; border-radius:6px; padding:16px 20px; }
.preis { font-size:1.6em; font-weight:bold; margin:.2em 0 .6em; }
label { display:block; margin:12px 0; font:15px/1.4 system-ui, sans-serif; }
input[type=text], input[type=email], input[type=password], input[type=number], input:not([type]), textarea, select { display:block; width:100%; margin-top:4px; padding:9px; font:16px system-ui, sans-serif; border:1px solid #aaa; border-radius:4px; background:#fff; }
label.haken { display:flex; gap:10px; align-items:flex-start; }
label.haken input { margin-top:4px; flex:none; width:18px; height:18px; }
#paypal-knopf { margin-top:16px; max-width:420px; }
.knopf { display:inline-block; padding:10px 18px; font:16px system-ui, sans-serif; background:var(--akzent); color:#fff; border:0; border-radius:4px; text-decoration:none; cursor:pointer; margin:6px 6px 6px 0; }
.knopf.hell { background:var(--hell); color:var(--text); }
.fehler { color:var(--fehler); font-weight:bold; }
.erfolg { color:var(--ok); font-weight:bold; }
.hinweis { background:var(--hell); padding:12px; border-radius:4px; }
.kasten { border:1px solid #bbb; padding:8px 16px; background:#fff; }
.tabelle { border-collapse:collapse; width:100%; font:14px system-ui, sans-serif; background:#fff; }
.tabelle th, .tabelle td { border:1px solid #ddd; padding:6px 8px; text-align:left; vertical-align:top; }
.tabwrap { overflow-x:auto; }
.reiter a { display:inline-block; margin:0 6px 6px 0; padding:6px 10px; background:var(--hell); border-radius:4px; text-decoration:none; font:14px system-ui, sans-serif; }
.reiter a.aktiv { background:var(--akzent); color:#fff; }
.fuss { text-align:center; font:13px/1.8 system-ui, sans-serif; color:#555; padding:24px 16px; border-top:1px solid #ddd; margin-top:40px; }
@media (max-width:560px) { .held { flex-direction:column; } .autorbild { width:110px; } h1 { font-size:1.5em; } }