/*
Theme Name: ZOGG Landingpage
Theme URI: https://zogg.at/
Author: ZOGG
Description: Eigenstaendiges minimalistisches WordPress-Theme mit Shops fuer Spreadshirt und Redbubble.
Version: 1.2.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: zogg-landingpage
License: GPL-2.0-or-later
*/
:root{color-scheme:light;--ink:#151515;--sub:#66645f;--bg:#f8f7f4;--line:#dfddd7}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}
.zogg-shell{min-height:100svh;display:flex;flex-direction:column;max-width:1500px;margin:auto;padding:32px clamp(22px,5vw,84px) 24px}
.zogg-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.zogg-logo{font-size:clamp(24px,3vw,36px);font-weight:900;letter-spacing:-.08em;text-decoration:none;color:var(--ink);line-height:1}.zogg-label{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--sub)}
.zogg-main{flex:1;display:flex;justify-content:center;align-items:center;padding:90px 0 100px}.zogg-hero{width:min(100%,950px);text-align:center}.zogg-eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:.24em;color:var(--sub);margin:0 0 22px}
.zogg-hero h1{margin:0;letter-spacing:-.075em;font-size:clamp(54px,9vw,136px);font-weight:800;line-height:.98;text-wrap:balance}.zogg-description{font-size:clamp(16px,2vw,21px);line-height:1.6;color:var(--sub);margin:30px auto 34px;max-width:590px}
.zogg-button{display:inline-flex;align-items:center;justify-content:center;gap:20px;padding:18px 25px;border:1px solid var(--ink);border-radius:5px;background:var(--ink);color:white;text-decoration:none;font-size:15px;font-weight:700;transition:transform .2s,background .2s}.zogg-button:hover,.zogg-button:focus-visible{transform:translateY(-2px);background:#393939}.zogg-button span{font-size:20px;font-weight:400}.zogg-actions{display:flex;justify-content:center;align-items:stretch;flex-wrap:wrap;gap:14px;margin-top:12px}
.zogg-button-secondary{background:transparent;color:var(--ink);border-color:var(--ink)}.zogg-button-secondary:hover,.zogg-button-secondary:focus-visible{background:#eae8e1}.zogg-shop-note{font-size:12px;color:var(--sub);margin:22px 0 0;letter-spacing:.02em}.zogg-button:focus-visible,.zogg-foot a:focus-visible,.zogg-logo:focus-visible{outline:3px solid #777;outline-offset:4px}
.zogg-foot{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:22px;color:var(--sub);font-size:12px}.zogg-foot-links{display:flex;gap:22px;align-items:center}.zogg-foot a{color:var(--sub);text-decoration:none}.zogg-foot a:hover{text-decoration:underline}
.zogg-content{width:min(100%,800px);margin:auto;padding:40px 0 60px;line-height:1.7;overflow-wrap:anywhere}.zogg-content h1{font-size:clamp(32px,5vw,54px);letter-spacing:-.04em;line-height:1.1}.zogg-content a{color:inherit;text-decoration:underline}.zogg-content img{max-width:100%;height:auto}.zogg-content .wp-block-image img{height:auto}.zogg-content .alignwide{max-width:100%}
@media(max-width:620px){.zogg-shell{padding:25px 22px 20px}.zogg-label{font-size:9px;letter-spacing:.12em}.zogg-main{padding:95px 0}.zogg-hero h1{font-size:clamp(50px,12vw,80px)}.zogg-description{margin:26px auto 30px}.zogg-foot{align-items:flex-start;flex-direction:column;gap:14px}.zogg-actions{flex-direction:column;align-items:center;gap:12px}.zogg-button{width:100%;max-width:330px}.zogg-foot-links{flex-wrap:wrap;gap:12px 20px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}