@import url('../assets/brand.css');
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--forest);font:400 16px/1.6 var(--font-body)}a{color:inherit;text-underline-offset:5px}a:focus-visible{outline:3px solid var(--clay);outline-offset:5px}.guide-nav{display:flex;justify-content:space-between;align-items:center;padding:25px 5vw;border-bottom:1px solid #10241d30;font-size:12px}.guide-nav>span{font-family:var(--font-display);font-size:23px}.guide-nav a{text-decoration:none}main{max-width:1600px;margin:auto}.guide-cover{padding:80px 7vw;background:var(--forest);color:var(--paper)}.kicker,.section-heading>span{font-size:12px;letter-spacing:.12em;text-transform:uppercase}.guide-cover>.kicker{color:var(--court);margin:0 0 40px}h1,h2,.display-specimen{font-family:var(--font-display);font-weight:800;line-height:.9;letter-spacing:-.025em;margin:0}h1{font-size:clamp(76px,11vw,165px);color:var(--court)}.guide-intro{display:grid;grid-template-columns:1fr 1fr;gap:12%;margin-top:60px;max-width:1100px}.guide-intro p{margin:0}.guide-intro p:first-child{font-size:26px;line-height:1.3;letter-spacing:-.04em}.guide-intro p:last-child{color:#b7c9ba}.guide-section{padding:80px 7vw;border-bottom:1px solid #10241d25}.section-heading{display:grid;grid-template-columns:1fr 2fr;align-items:start;gap:40px;margin-bottom:45px}.section-heading>span{padding-top:8px}h2{font-size:clamp(46px,5vw,74px)}.logo-pair{display:grid;grid-template-columns:1fr 1fr}.logo-demo{min-height:300px;display:flex;align-items:center;justify-content:center}.logo-demo .wordmark{font-size:clamp(55px,6vw,90px)}.forest{background:var(--forest);color:var(--paper)}.forest .wordmark{color:var(--court)}.court{background:var(--court);color:var(--forest)}.paper{background:var(--paper);color:var(--forest)}.sage{background:var(--sage);color:var(--forest)}.clay{background:var(--clay);color:var(--forest)}.guide-caption{display:grid;grid-template-columns:1fr 1fr;gap:60px;margin-top:20px;font-size:14px}.swatches{display:grid;grid-template-columns:1.4fr 1.4fr 1.4fr 1fr 1fr}.swatch{height:230px;padding:22px 18px;display:flex;flex-direction:column;border:1px solid #10241d18}.swatch strong{margin-top:auto;font-size:19px}.swatch small{font-size:10px;margin-top:7px;min-height:32px}.single-caption{max-width:760px;font-size:14px;margin-top:28px}.type-specimen{border-top:1px solid #10241d30;padding-top:22px}.display-specimen{font-size:clamp(70px,10vw,148px);margin:40px 0}.body-specimen{margin-left:auto;max-width:630px}.body-specimen h3{font-size:30px;line-height:1.2;letter-spacing:-.04em}.body-specimen>p{font-size:21px}.body-specimen>.kicker{font-size:11px}.body-specimen .alphabet{font-size:15px;line-height:1.7;color:#617767}.principles{display:grid;grid-template-columns:1fr 1fr;gap:36px 70px}.principles article{border-top:1px solid #10241d30;padding-top:20px}.principles article>span{font-size:12px}.principles h3{font-size:23px;margin:24px 0 12px;letter-spacing:-.04em}.principles p{font-size:15px;max-width:460px}.brand-family{display:grid;grid-template-columns:1fr 1fr;gap:50px}.brand-family>div{padding:40px 0;border-top:1px solid #10241d30}.brand-family .wordmark{font-size:clamp(40px,4.5vw,68px)}.brand-family p{font-size:14px;margin-top:35px}.guide-footer{padding:30px 7vw;display:flex;align-items:center;justify-content:space-between;font-size:12px}@media(max-width:700px){.guide-nav>span{display:none}.guide-nav{padding:20px 6vw}.guide-cover{padding:55px 7vw}.guide-intro,.section-heading,.guide-caption,.principles,.brand-family{grid-template-columns:1fr;gap:25px}.guide-intro{margin-top:40px}.guide-section{padding:55px 7vw}.section-heading{gap:20px}.logo-pair{grid-template-columns:1fr}.logo-demo{min-height:220px}.swatches{grid-template-columns:1fr 1fr}.swatch{height:190px}.guide-footer{align-items:start;gap:20px}.guide-footer p{margin:0}.brand-family{gap:0}}
/* Markenentwurf 02 */
.guide-cover{background:var(--black)}.swatches{grid-template-columns:repeat(4,1fr)}.swatch.violet{background:var(--violet);color:var(--white)}.guide-nav,.guide-section,.type-specimen,.principles article,.brand-family>div{border-color:#0003}.reference-board{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.reference-board figure{margin:0;background:var(--black);color:var(--white)}.reference-board img{display:block;width:100%;height:auto;aspect-ratio:1400/1744;object-fit:contain}.reference-board figcaption{padding:20px;line-height:1.4}.reference-board strong{display:block;font-size:17px;letter-spacing:-.03em;color:var(--lime)}.reference-board figcaption span{display:block;font-size:12px;margin-top:8px;color:#d1d2ca}.material-notes{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:35px}.material-notes p{font-size:13px;border-top:1px solid #0003;padding-top:16px}.material-notes strong{display:block;margin-bottom:10px;color:var(--violet);font-size:15px}.guide-cover .guide-intro p:last-child{color:#c1c3b9}.body-specimen .alphabet{color:#606355}@media(max-width:700px){.reference-board,.material-notes{grid-template-columns:1fr}.swatches{grid-template-columns:1fr 1fr}}
/* Eigene Architektur statt fremder Projektreferenzen. */
.project-board{grid-template-columns:1fr 1fr}.project-board figure:first-child{grid-column:1/-1}
.project-board img{aspect-ratio:16/9;object-fit:cover}
@media(max-width:700px){.project-board{grid-template-columns:1fr}}
.outdoor-board{grid-template-columns:1fr 1fr}.outdoor-board img{aspect-ratio:16/9;object-fit:cover}
@media(max-width:700px){.outdoor-board{grid-template-columns:1fr}}