/*
Theme Name: Volle Hütte
Theme URI: https://vollehuette.de
Author: Lichtquartier GmbH
Description: Responsive WordPress-Theme für VOLLE HÜTTE Eventformate.
Version: 1.1.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: volle-huette
*/
:root{--navy:#07152c;--navy2:#0d2344;--gold:#d7b56d;--cream:#f7f3ea;--muted:#c6ced9}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--navy);color:#fff;font-family:Arial,Helvetica,sans-serif;line-height:1.65}
a{color:var(--gold);text-decoration:none}a:hover{text-decoration:underline}.site-header{padding:20px 6%;display:flex;justify-content:space-between;align-items:center;gap:24px;border-bottom:1px solid #ffffff20;background:#07152cf2;position:sticky;top:0;z-index:10}
.brand{font-size:1.45rem;font-weight:800;letter-spacing:.12em;color:#fff;white-space:nowrap}.brand span{color:var(--gold)}.nav{display:flex;gap:20px;flex-wrap:wrap;align-items:center}.nav a{color:#fff;font-size:.92rem}
.hero{padding:100px 7% 110px;min-height:570px;display:flex;align-items:center;background:linear-gradient(110deg,#07152cf5,#07152caa),radial-gradient(ellipse at 80% 20%,#7b5a2466,transparent 45%);border-bottom:1px solid #ffffff16}
.hero-inner{max-width:930px}.eyebrow,.section-label{text-transform:uppercase;letter-spacing:.2em;color:var(--gold);font-size:.8rem;font-weight:bold}.hero h1{font-size:clamp(2.7rem,7vw,5.7rem);line-height:1.02;margin:20px 0;color:#fff;letter-spacing:-.04em}.hero h1 em{font-style:normal;color:var(--gold)}.hero p{font-size:1.2rem;color:var(--muted);max-width:690px}
.button{display:inline-block;padding:13px 22px;border:1px solid var(--gold);background:var(--gold);color:var(--navy);font-weight:bold;margin:18px 12px 0 0;border-radius:2px}.button.secondary{background:transparent;color:var(--gold)}
section.content,.page-content{padding:72px 7%}.content-inner{max-width:1120px;margin:auto}.content h2,.page-content h1{font-size:clamp(2rem,4vw,3.2rem);line-height:1.15;margin:12px 0 22px}.intro{font-size:1.12rem;color:var(--muted);max-width:780px}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:32px}.card{padding:26px;border:1px solid #ffffff25;background:linear-gradient(145deg,#102747,#09172d);min-height:190px}.card h3{color:var(--gold);margin-top:0}.light{background:var(--cream);color:var(--navy)}.light .intro{color:#48546a}.light .card{background:#fff;border-color:#e3d9c6}.light .card h3{color:#8d6927}.contact{background:#0d2344}.site-footer{padding:28px 7%;border-top:1px solid #ffffff22;color:var(--muted);display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;font-size:.9rem}.footer-links{display:flex;gap:16px;flex-wrap:wrap}
.legal-note{border:1px solid #d7b56d66;padding:16px 18px;margin:24px 0;color:var(--muted);background:#ffffff08}.page-content .content-inner{max-width:900px}.page-content p,.page-content li{max-width:850px}.page-content h2{color:var(--gold);margin-top:34px}
@media(max-width:760px){.site-header{align-items:flex-start;gap:14px;flex-direction:column}.nav{gap:12px}.hero{padding:70px 7%;min-height:490px}.cards{grid-template-columns:1fr}.content h2,.page-content h1{font-size:2.2rem}}