/*
Theme Name: Marcel Nauheim
Author: Marcel Nauheim
Description: Persönliche Homepage für IT, Techno und Tour Management. Inhalte und Fotos im Customizer bearbeiten.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: marcel-nauheim
*/

:root{--bg:#101919;--fg:#edf2e9;--muted:#a7b5ac;--lime:#c8ef8c;--line:#34443d}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--fg);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible{outline:3px solid var(--lime);outline-offset:6px}header{padding:26px 6%;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.brand{font-weight:700;letter-spacing:-1px;font-size:23px}.brand span{color:var(--lime)}nav{display:flex;gap:32px;font-size:14px}nav a:hover{color:var(--lime)}main{overflow:hidden}.hero{padding:85px 6% 65px;display:grid;grid-template-columns:1.2fr 1fr;gap:5%;align-items:center;min-height:680px}.eyebrow{font-size:12px;font-weight:bold;letter-spacing:2px;text-transform:uppercase;color:var(--lime)}h1{font-size:clamp(56px,7.4vw,112px);letter-spacing:-.075em;line-height:.96;margin:27px 0}h1 span{color:var(--lime)}.intro{font-size:18px;line-height:1.65;color:var(--muted);max-width:490px}.button{display:inline-flex;align-items:center;gap:40px;background:var(--lime);color:#16251a;padding:18px 23px;border-radius:4px;font-weight:bold;margin-top:22px}.button:hover{background:#e0ffb4}.visual{position:relative;aspect-ratio:1;display:grid;place-items:center;background:radial-gradient(ellipse at center,#254738,transparent 68%)}.orb{width:78%;aspect-ratio:1;border:1px solid #67876a;border-radius:50%;position:relative;display:grid;place-items:center;box-shadow:0 0 80px #a5ed7610,inset 0 0 70px #c8ef8c0d}.orb:before,.orb:after{content:"";position:absolute;inset:10%;border-radius:50%;border:1px solid #91b283;transform:rotate(-35deg) scaleX(.45)}.orb:after{transform:rotate(35deg) scaleX(.45)}.core{font-size:90px;color:var(--lime);font-weight:700;letter-spacing:-12px}.tag{position:absolute;z-index:1;background:#17251f;border:1px solid #577052;padding:11px 15px;font:12px monospace;border-radius:5px}.t1{top:16%;left:1%}.t2{right:0;top:51%}.t3{bottom:12%;left:8%}.status{position:absolute;bottom:0;color:var(--muted);font:11px monospace;letter-spacing:2px}.strip{padding:25px 6%;border-block:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;font:12px monospace;color:var(--muted)}section{padding:90px 6%}.section-head{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:45px}h2{font-size:clamp(32px,4vw,55px);letter-spacing:-2px;line-height:1.08;margin:17px 0 0}.section-head p{max-width:340px;color:var(--muted);line-height:1.6}.areas{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line)}article{padding:32px 30px 34px 0;border-bottom:1px solid var(--line)}article:nth-child(even){padding-left:35px;border-left:1px solid var(--line)}.num{font:12px monospace;color:var(--lime)}h3{font-size:25px;letter-spacing:-.6px;margin:22px 0 13px}article p{color:var(--muted);line-height:1.7;max-width:460px}.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}.chips span{padding:7px 10px;border:1px solid var(--line);font:11px monospace;color:#c6d2c7;border-radius:3px}.about{background:#dce6d5;color:#17241e;display:grid;grid-template-columns:1fr 1.15fr;gap:10%}.about .eyebrow{color:#41593b}.about p{font-size:20px;line-height:1.7;margin-top:0}.about .small{font-size:16px;color:#52624d}.contact{padding-block:75px;display:flex;justify-content:space-between;align-items:center;gap:40px}.contact p{color:var(--muted);line-height:1.7;max-width:390px}.contact h2{max-width:650px}footer{padding:26px 6%;border-top:1px solid var(--line);display:flex;justify-content:space-between;color:var(--muted);font-size:12px}.top:hover{color:var(--lime)}@media(max-width:760px){header{padding:22px 6%}nav{gap:16px;font-size:12px}.brand{font-size:19px}.hero{padding-top:55px;grid-template-columns:1fr;min-height:auto;gap:35px}h1{font-size:66px}.visual{max-width:430px;width:100%;justify-self:center}.strip{flex-wrap:wrap;font-size:10px}section{padding-block:60px}.section-head{display:block}.areas{grid-template-columns:1fr}article:nth-child(even){padding-left:0;border-left:0}.about{grid-template-columns:1fr;gap:32px}.contact{display:block}footer{gap:20px;font-size:11px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
 .about-photo{width:100%;height:auto;max-width:260px;margin-top:28px;border-radius:5px;display:block}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:48px}.gallery figure{margin:0}.gallery img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:4px;display:block}.gallery figcaption{font:12px monospace;color:var(--muted);padding-top:14px}.instagram{display:inline-flex;color:var(--lime);margin-top:24px;border-bottom:1px solid var(--lime);padding-bottom:6px}@media(max-width:760px){nav{gap:10px;font-size:11px}.gallery{grid-template-columns:1fr}.gallery img{max-height:530px;object-position:center}.about-photo{max-width:240px}} .gallery figure:first-child img{width:100%;max-width:280px;height:auto;aspect-ratio:auto;object-fit:contain;margin-inline:auto}.gallery figure:first-child figcaption{text-align:center}
.site-header{position:relative}.nav-list{display:flex;list-style:none;gap:25px;padding:0;margin:0}.skip-link{position:absolute;left:-9999px}.skip-link:focus{left:20px;top:10px;background:var(--lime);color:var(--bg);padding:12px;z-index:1000}.wp-content{max-width:950px;margin:auto;line-height:1.7}.wp-content img{max-width:100%;height:auto}.wp-content a{text-decoration:underline}.wp-content h1{font-size:clamp(36px,6vw,70px);line-height:1.1}.legal-links{display:flex;gap:20px;flex-wrap:wrap}.contact-links{display:flex;gap:18px;flex-wrap:wrap}.contact-links a{color:var(--lime);text-decoration:underline}@media(max-width:760px){header{flex-wrap:wrap;gap:15px}.nav-list{flex-wrap:wrap;gap:12px}footer{flex-wrap:wrap}}