/*
Theme Name: Werbetechnik Pro Coming Soon
Theme URI: https://werbetechnik-pro.de
Author: Boskos.biz
Description: Moderner Onepager / Coming-Soon-Auftritt für Werbetechnik Pro.
Version: 1.0.0
Text Domain: werbetechnik-pro
*/
:root{--ink:#111;--muted:#6f7377;--paper:#f5f5f2;--white:#fff;--cyan:#52ade0;--pink:#ed1592;--yellow:#fff20f;--line:#deded9;--max:1240px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit}.wrap{width:min(var(--max),calc(100% - 48px));margin:auto}.top{position:sticky;top:0;z-index:10;background:rgba(245,245,242,.92);backdrop-filter:blur(12px);border-bottom:1px solid rgba(0,0,0,.08)}.nav{height:82px;display:flex;align-items:center;justify-content:space-between}.brand img{width:230px;display:block}.navlinks{display:flex;align-items:center;gap:30px;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.navlinks a{text-decoration:none}.pill{background:#111;color:#fff!important;padding:14px 20px;border-radius:999px}.hero{min-height:720px;display:grid;align-items:center;padding:80px 0 70px;position:relative;overflow:hidden}.eyebrow{font-size:13px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;margin-bottom:22px}.hero h1{font-size:clamp(60px,9vw,132px);line-height:.82;letter-spacing:-.07em;margin:0;max-width:1050px}.hero h1 span{font-weight:300}.lead{font-size:clamp(19px,2vw,28px);line-height:1.35;max-width:720px;margin:36px 0 0}.status{display:inline-flex;gap:10px;align-items:center;margin-top:34px;font-size:14px;font-weight:700}.dot{width:10px;height:10px;border-radius:50%;background:var(--pink);box-shadow:0 0 0 7px rgba(237,21,146,.12)}.shapes{position:absolute;right:-20px;bottom:70px;width:360px;height:240px;opacity:.95}.hex{position:absolute;width:128px;aspect-ratio:1;clip-path:polygon(25% 6.7%,75% 6.7%,100% 50%,75% 93.3%,25% 93.3%,0 50%)}.h1{background:var(--cyan);left:0;top:80px}.h2{background:var(--pink);left:105px;top:0}.h3{background:var(--yellow);left:210px;top:80px}.black{background:#111;color:#fff;padding:105px 0}.kicker{font-size:13px;font-weight:800;letter-spacing:.15em;text-transform:uppercase;color:#aaa}.section-title{font-size:clamp(42px,6vw,82px);line-height:.95;letter-spacing:-.055em;margin:18px 0 50px;max-width:900px}.grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #333}.card{padding:34px 34px 45px 0;border-bottom:1px solid #333;min-height:235px}.card:nth-child(3n+2),.card:nth-child(3n+3){padding-left:34px;border-left:1px solid #333}.num{font-size:12px;color:#777;margin-bottom:50px}.card h3{font-size:26px;margin:0 0 14px;letter-spacing:-.03em}.card p{color:#aaa;line-height:1.6;margin:0;font-size:15px}.process{padding:110px 0}.process-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px}.process p{font-size:20px;line-height:1.55;color:#45484a}.steps{border-top:1px solid var(--line)}.step{display:grid;grid-template-columns:55px 1fr;gap:20px;padding:25px 0;border-bottom:1px solid var(--line)}.step b{font-size:21px}.contact{background:var(--yellow);padding:95px 0}.contact-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:70px;align-items:end}.contact h2{font-size:clamp(52px,7vw,100px);letter-spacing:-.065em;line-height:.86;margin:0}.contact-box{font-size:18px;line-height:1.8}.contact-box a{font-weight:800;text-decoration-thickness:2px}.footer{background:#111;color:#fff;padding:28px 0;font-size:13px}.footer .wrap{display:flex;justify-content:space-between;gap:25px;flex-wrap:wrap}.footer a{color:#fff}.made{color:#aaa}@media(max-width:850px){.wrap{width:min(100% - 30px,var(--max))}.nav{height:70px}.brand img{width:180px}.navlinks a:not(.pill){display:none}.hero{min-height:670px;padding-top:55px}.hero h1{font-size:clamp(58px,19vw,100px)}.shapes{opacity:.23;right:-125px}.grid{grid-template-columns:1fr}.card,.card:nth-child(3n+2),.card:nth-child(3n+3){padding:28px 0;border-left:0}.num{margin-bottom:28px}.process-grid,.contact-grid{grid-template-columns:1fr;gap:45px}.black,.process,.contact{padding:75px 0}.contact h2{font-size:60px}}