/*
Theme Name: Heiopei
Author: Heiopei
Description: Rheinlands freche Marke. Ein freches, responsives Theme in Gelb, Creme und Schwarz mit editierbarer Startseite.
Version: 1.2.0
Requires at least: 6.2
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: heiopei
*/


:root{--paper:#f2eee4;--ink:#20211d;--orange:#ffd600;--line:#c9c6bc}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',Arial,sans-serif}a{color:inherit}button{font:inherit;cursor:pointer}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid #385bdd;outline-offset:5px}.wrap{max-width:1500px;margin:auto;padding:0 6%}header{display:flex;align-items:center;justify-content:space-between;min-height:104px;border-bottom:1px solid var(--ink);gap:25px}.logo{font-size:34px;font-weight:900;letter-spacing:-2px;text-decoration:none}.logo span{color:var(--orange)}nav{display:flex;gap:32px;align-items:center;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:1px}nav a{text-decoration:none}nav a:hover{text-decoration:underline}.nav-cta{border:1px solid;padding:13px 20px}.eyebrow{font-size:11px;letter-spacing:1.7px;font-weight:700;text-transform:uppercase}.hero{padding:52px 0 64px;position:relative}.hero-top{display:flex;justify-content:space-between;gap:20px}.status{display:flex;align-items:center;gap:8px}.dot{height:7px;width:7px;border-radius:50%;background:var(--orange)}h1,h2,h3,p{margin:0}.display{font-family:'Barlow Condensed','Impact','Arial Narrow',sans-serif;text-transform:uppercase;font-weight:800;letter-spacing:-.035em;line-height:.83}h1{font-size:clamp(88px,14.5vw,208px);margin:45px 0 34px;position:relative;max-width:1050px}h1 .orange{color:var(--orange)}.hero-bottom{display:flex;justify-content:space-between;align-items:flex-end;gap:45px}.intro{font-size:18px;line-height:1.55;max-width:425px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:34px;padding:18px 24px;border:1px solid var(--ink);font-size:13px;font-weight:700;text-decoration:none;background:var(--ink);color:var(--paper);transition:transform .18s}.button:hover{transform:translateY(-3px)}.button span{font-size:23px}.hero-actions{display:flex;align-items:center;gap:25px}.side-note{font-size:11px;line-height:1.6;max-width:120px}.star{position:absolute;right:1%;top:133px;width:175px;height:175px;background:var(--orange);clip-path:polygon(50% 0%,59% 18%,75% 7%,75% 28%,94% 25%,84% 43%,100% 50%,82% 59%,94% 75%,73% 75%,75% 94%,57% 83%,50% 100%,41% 82%,25% 94%,26% 73%,6% 75%,17% 57%,0% 50%,18% 41%,6% 25%,27% 26%,25% 6%,43% 18%);display:grid;place-items:center;transform:rotate(12deg)}.star div{text-align:center;font-size:17px;font-weight:900;line-height:1.1;transform:rotate(-12deg)}.ticker{background:var(--orange);border-block:1px solid var(--ink);padding:17px 0;overflow:hidden}.ticker div{display:flex;justify-content:space-around;gap:34px;white-space:nowrap;font-size:13px;font-weight:800;letter-spacing:1px}.section{padding:88px 0}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:34px}.section-heading h2{font-size:clamp(50px,6.5vw,90px);margin-top:20px}.small-copy{font-size:13px;line-height:1.6;max-width:230px}.cards{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--ink)}.card{padding:26px;min-width:0;border-right:1px solid var(--ink)}.card:last-child{border-right:0}.card-top{display:flex;justify-content:space-between;font-size:10px;letter-spacing:1px}.art{height:225px;display:grid;place-items:center;position:relative;overflow:hidden;margin:23px 0}.art-one{background:#dfded4}.art-one strong{font-family:'Barlow Condensed',Impact,sans-serif;font-size:75px;line-height:.8;transform:rotate(-12deg);background:var(--orange);padding:20px 27px;box-shadow:8px 8px 0 var(--ink)}.art-two{background:var(--orange)}.art-two strong{font-size:145px;letter-spacing:-20px;transform:rotate(-12deg);padding-right:20px}.art-three{background:var(--ink);color:var(--paper)}.art-three strong{font-family:'Barlow Condensed',Impact,sans-serif;font-size:65px;line-height:.9;text-align:center;transform:rotate(-8deg)}.art-three:after{content:'HIER KOMMT IHR REIN';position:absolute;bottom:19px;font-size:8px;letter-spacing:3px;color:var(--orange)}h3{font-size:23px;letter-spacing:-.8px;margin-bottom:12px}.card p{font-size:14px;line-height:1.65;color:#53544c}.tag{display:inline-block;margin-top:23px;border:1px solid #8b8c81;padding:6px 9px;font-size:9px;text-transform:uppercase;letter-spacing:1px}.manifest{background:var(--ink);color:var(--paper);padding:77px 0 85px}.manifest-grid{display:grid;grid-template-columns:1fr 2fr;gap:40px}.manifest .eyebrow{color:var(--orange)}.manifest h2{font-size:clamp(48px,6.2vw,85px);line-height:.95}.manifest h2 span{color:var(--orange)}.manifest p{font-size:15px;line-height:1.75;max-width:480px;margin-top:26px;color:#cbc9c0}.manifest-index{font-size:100px;font-family:'Barlow Condensed',Impact,sans-serif;margin-top:55px;color:var(--orange)}.contact{display:grid;grid-template-columns:1.5fr 1fr;gap:60px;align-items:end}.contact h2{font-size:clamp(70px,8vw,112px);margin-top:22px}.contact p{font-size:15px;line-height:1.7;margin-bottom:24px}.contact .button{background:var(--orange);color:var(--ink);width:100%}footer{border-top:1px solid var(--ink);padding:23px 0 100px;display:flex;justify-content:space-between;gap:25px;font-size:10px;letter-spacing:.4px}@media(min-width:1500px){h1{font-size:208px}}@media(max-width:950px){.star{width:125px;height:125px;right:0;top:150px}.star div{font-size:13px}.hero-bottom{align-items:start;flex-direction:column;gap:26px}.art{height:170px}.art-one strong{font-size:50px}.art-three strong{font-size:47px}.card{padding:18px}.manifest-grid{grid-template-columns:1fr 2.5fr}.contact{gap:30px}}@media(max-width:600px){.wrap{padding:0 6%}header{min-height:80px}.logo{font-size:29px}nav{gap:15px;font-size:10px}nav .nav-cta{display:none}.hero{padding-top:30px}.hero-top{font-size:9px}.hero-top>.eyebrow{max-width:145px;line-height:1.5}.status{font-size:8px;letter-spacing:1px}h1{font-size:clamp(72px,18.5vw,111px);margin:35px 0 28px}.star{width:80px;height:80px;top:105px;right:-1%}.star div{font-size:9px}.intro{font-size:16px;max-width:310px}.hero-actions{gap:15px}.side-note{font-size:9px}.button{padding:16px 19px;gap:20px}.ticker div{justify-content:flex-start;padding-left:25px;font-size:11px}.section{padding:57px 0}.section-heading{display:block}.small-copy{margin-top:20px;max-width:280px}.cards{grid-template-columns:1fr}.card{padding:24px;border-right:0;border-bottom:1px solid var(--ink)}.card:last-child{border-bottom:0}.art{height:240px}.art-one strong{font-size:75px}.art-three strong{font-size:68px}.manifest{padding:55px 0}.manifest-grid{grid-template-columns:1fr;gap:26px}.manifest-index{display:none}.contact{grid-template-columns:1fr;gap:28px}footer{font-size:9px;line-height:1.7}.editor{gap:7px;padding:8px}.editor-label{display:none}.editor button{font-size:10px;padding:9px} }@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}

.screen-reader-text{position:absolute;clip-path:inset(50%);height:1px;width:1px;overflow:hidden}.skip-link:focus{clip-path:none;height:auto;width:auto;z-index:100000;top:10px;left:10px;padding:15px;background:var(--paper)}.card-image img{width:100%;height:100%;object-fit:cover}.content-area{padding:65px 0;min-height:50vh;overflow-wrap:anywhere}.content-area h1{font-size:clamp(40px,7vw,85px);line-height:1.05}.content-area h2{margin:25px 0 15px}.content-area p{margin-bottom:20px;line-height:1.7}.content-area img{max-width:100%;height:auto}.content-area article{margin-bottom:40px}.content-area iframe{max-width:100%}.content-area input,.content-area textarea{max-width:100%;padding:10px}.legal-links{display:flex;gap:18px;flex-wrap:wrap}.alignwide{max-width:1200px}.alignfull{width:100%}.wp-caption{max-width:100%}.wp-caption-text,.gallery-caption{font-size:13px}.sticky{border-left:3px solid var(--orange);padding-left:20px}.bypostauthor{font-weight:inherit}footer{padding-bottom:30px}