/*
Theme Name: Keil Mastering
Description: Dunkles One-Page-Style-Theme für Keil Mastering (Mixing & Mastering). Legt beim Aktivieren alle Seiten und das Menü automatisch an.
Version: 1.0
Author: Keil Mastering
Text Domain: keilmastering
*/
:root{--bg:#000;--fg:#fff;--mut:#9a9a9a;--line:#2a2a2a;--card:#0e0e0e}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--fg);font:17px/1.7 "Helvetica Neue",Arial,sans-serif}
a{color:var(--fg)}a:hover{color:var(--mut)}
.wrap{max-width:900px;margin:0 auto;padding:0 24px}
.site-header{text-align:center;padding:32px 0 16px;border-bottom:1px solid var(--line)}
.site-header img{width:220px;max-width:60%;height:auto}
.site-nav ul{list-style:none;margin:16px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px 28px;justify-content:center}
.site-nav a{text-decoration:none;text-transform:uppercase;letter-spacing:.2em;font-size:13px;color:var(--mut)}
.site-nav .current-menu-item a,.site-nav a:hover{color:var(--fg)}
main{padding:48px 0 64px}
h1{font-size:2rem;letter-spacing:.15em;text-transform:uppercase;font-weight:500;text-align:center;margin:0 0 32px}
h2{letter-spacing:.1em;text-transform:uppercase;font-weight:500;font-size:1.1rem;margin-top:40px}
.price-table{width:100%;border-collapse:collapse}
.price-table th,.price-table td{padding:14px 10px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
.price-table td:last-child{text-align:right;white-space:nowrap}
.card{background:var(--card);border:1px solid var(--line);padding:20px;margin:16px 0}
form.contact label{display:block;margin:14px 0 4px;color:var(--mut);font-size:14px}
form.contact input,form.contact textarea{width:100%;padding:12px;background:#111;border:1px solid var(--line);color:var(--fg);font:inherit}
form.contact button,.btn{display:inline-block;margin-top:18px;padding:12px 28px;background:var(--fg);color:#000;border:0;text-decoration:none;text-transform:uppercase;letter-spacing:.15em;font-size:13px;cursor:pointer}
.social-list{list-style:none;padding:0;display:grid;gap:12px}
.social-list a{display:block;padding:16px 20px;border:1px solid var(--line);text-decoration:none;text-transform:uppercase;letter-spacing:.15em}
.social-list a:hover{background:var(--card)}
.notice{padding:12px;border:1px solid var(--mut);text-align:center;margin-bottom:24px}
.site-footer{border-top:1px solid var(--line);padding:28px 0;text-align:center;color:var(--mut);font-size:14px}
.site-footer a{color:var(--mut)}
iframe{max-width:100%}
audio{width:100%}
