/*
Theme Name: DN9ZZ QSL Design
Theme URI: https://dn9zz.com/
Author: DN9ZZ / OpenAI assistance
Description: Maßgeschneidertes WordPress-Theme im Schwarz/Gold-Look für QSL-Design by DN9ZZ, inklusive editierbarer QSL-Galerie und Bestellformular mit Lieferadresse.
Version: 1.1.0
Requires at least: 6.2
Requires PHP: 8.0
Text Domain: dn9zz
*/
:root{--bg:#050505;--bg2:#0a0a09;--panel:#0d0d0c;--gold:#f3ba3d;--gold2:#ffd779;--line:#60430d;--text:#f5efe2;--muted:#d7c69b;--max:1710px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.55}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}.wrap{width:min(calc(100% - 64px),var(--max));margin:auto}.site-header{position:sticky;top:0;z-index:50;background:rgba(3,3,3,.96);border-bottom:1px solid #3f2b08}.header-inner{height:78px;display:flex;align-items:center;justify-content:space-between;gap:32px}.brand{display:block;letter-spacing:1.5px}.brand-main{font-weight:900;font-size:21px;color:var(--gold2);letter-spacing:2.1px}.brand-sub{display:block;margin-top:1px;font-size:8px;font-weight:800;letter-spacing:3.2px;color:#9d865e}.site-nav{display:flex;gap:28px;font-size:13px;color:#e8e2d8}.site-nav a:hover{color:var(--gold2)}.hero{min-height:785px;display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:55px;padding:70px 0}.eyebrow{font-size:12px;font-weight:900;letter-spacing:3px;color:var(--gold)}.hero h1{font-size:clamp(58px,5.2vw,98px);line-height:.88;margin:18px 0 24px;letter-spacing:-3px}.hero h1 span{color:var(--gold2)}.hero p{font-size:18px;max-width:760px;margin:0 0 28px}.btns{display:flex;gap:12px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 24px;border-radius:11px;border:1px solid #6e4d0e;font-weight:800}.btn.primary{background:linear-gradient(90deg,#d68e1f,#ffd678);color:#111;border-color:#e6a637}.btn.secondary{background:#0b0b0a}.hero-art{position:relative;min-height:570px;filter:drop-shadow(0 20px 36px #000)}.hero-card{position:absolute;width:78%;border:1px solid #7a540e;border-radius:22px;box-shadow:0 22px 45px rgba(0,0,0,.55);object-fit:cover;aspect-ratio:1.39/1}.hero-card-back{right:0;top:4%;transform:rotate(4deg);z-index:1}.hero-card-front{left:0;bottom:3%;transform:rotate(-4deg);z-index:2}.section{padding:82px 0}.section.dark2{background:#070706}.section-title{display:flex;align-items:center;gap:18px;margin:0 0 34px}.section-no{color:var(--gold);font-weight:900}.section h2{font-size:40px;line-height:1.1;margin:0}.section-lead{color:var(--muted);margin-top:-10px;margin-bottom:30px}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.card{background:var(--panel);border:1px solid #5b410f;border-radius:18px;padding:28px 22px}.card h3{color:var(--gold2);margin:0 0 14px;font-size:18px}.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px 18px}.qsl-item{min-width:0}.qsl-image{position:relative;border:1px solid #7a540e;border-radius:17px;overflow:hidden;background:#0b0b0a;aspect-ratio:1.39/1}.qsl-image img{width:100%;height:100%;object-fit:cover}.qsl-item h3{font-size:18px;color:var(--gold2);margin:10px 4px 2px}.qsl-item p{font-size:13px;margin:0 4px;color:#ddd}.legal-strip{border:1px dashed #7a540e;border-radius:16px;padding:17px 20px;color:#e8d6a5;margin-top:32px}.pricing-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.price-card{min-height:330px}.pill{display:inline-block;border-radius:999px;background:#1c160a;color:var(--gold2);padding:5px 10px;font-size:10px;font-weight:900}.price{font-size:43px;line-height:1;margin:26px 0 22px;color:var(--gold2);font-weight:900}.price-card ul{padding-left:18px}.notice{margin-top:18px;border:1px dashed #7a540e;border-radius:16px;padding:16px 18px;color:#e8d6a5}.order-layout{display:grid;grid-template-columns:1.15fr .95fr;gap:18px}.order-box,.steps-box,.legal-box{background:var(--panel);border:1px solid #5b410f;border-radius:18px;padding:22px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.field.full{grid-column:1/-1}.field label{display:block;font-size:11px;font-weight:900;color:#ddcfad;margin-bottom:5px}.field input,.field select,.field textarea{width:100%;background:#070707;color:#eee;border:1px solid #6b4a10;border-radius:8px;padding:11px 12px;font:inherit;outline:none}.field textarea{min-height:120px;resize:vertical}.address-title{grid-column:1/-1;color:var(--gold2);font-weight:900;margin-top:6px}.checks{display:grid;gap:8px;margin-top:12px}.check{border:1px solid #5b410f;border-radius:10px;padding:10px;display:flex;gap:10px;align-items:flex-start;font-size:11px}.submit{width:100%;margin-top:12px;border:0;border-radius:9px;padding:13px 16px;background:linear-gradient(90deg,#d48d1d,#ffd574);font-weight:900;color:#111;cursor:pointer}.steps-box h3{color:var(--gold2);font-size:14px}.step{border:1px solid #5b410f;border-radius:9px;padding:9px 10px;margin:8px 0;font-size:12px;font-weight:700}.contact{margin-top:16px;font-size:12px}.legal-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:16px}.legal-box{min-height:420px}.legal-box h3{color:var(--gold2)}.footer{border-top:1px solid #4d350a;padding:25px 0 50px}.footer-inner{display:flex;justify-content:space-between;font-size:12px;color:#d6c28f}.success,.error{padding:12px 14px;border-radius:10px;margin-bottom:16px}.success{border:1px solid #4e7d41;background:#0d1a0d}.error{border:1px solid #8e3d30;background:#1b0d0a}
@media(max-width:1100px){.hero{grid-template-columns:1fr;min-height:auto;padding:70px 0}.hero-art{max-width:800px;width:100%;min-height:560px}.service-grid{grid-template-columns:repeat(2,1fr)}.gallery-grid{grid-template-columns:repeat(2,1fr)}.pricing-grid{grid-template-columns:repeat(2,1fr)}.order-layout,.legal-grid{grid-template-columns:1fr}}
@media(max-width:700px){.wrap{width:min(calc(100% - 30px),var(--max))}.header-inner{height:auto;padding:16px 0;align-items:flex-start}.site-nav{gap:10px;flex-wrap:wrap;justify-content:flex-end;font-size:11px}.brand-main{font-size:15px}.hero{padding:48px 0}.hero h1{font-size:52px}.service-grid,.gallery-grid,.pricing-grid,.form-grid{grid-template-columns:1fr}.section{padding:58px 0}.section h2{font-size:32px}.field.full,.address-title{grid-column:auto}.footer-inner{gap:10px;flex-direction:column}.hero-art{min-height:430px}.hero-card{width:86%}}

.order-box .success,.order-box .error{padding:14px 16px;margin:0 0 18px;border:1px solid var(--gold,#d8a53a);border-radius:10px;background:#0b0b0b;font-weight:700}.order-box .success{color:#f2cf74}.order-box .error{color:#ffd5d5}