.examples-page{background:#f8f6ef;color:#214639}.examples-page .header{gap:24px}.examples-page .header nav{gap:24px}.examples-current{border-bottom:1px solid #517a5d}.example-draft{padding-top:18px;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#748574}.examples-intro{display:grid;grid-template-columns:1.2fr 1fr;gap:80px;padding-top:65px;padding-bottom:75px;position:relative}.examples-intro:after{content:"";position:absolute;inset:-40px -55px 0 45%;background:url('assets/pflanze-auswahl-3.webp') right center/contain no-repeat;opacity:.16;pointer-events:none;mask-image:radial-gradient(ellipse,#000 20%,transparent 75%)}.examples-intro>div{position:relative;z-index:1}.examples-intro h1{font:500 clamp(48px,5.3vw,76px)/1.06 Editorial,Georgia,serif;letter-spacing:-.035em;margin:22px 0 28px}.examples-intro h1 em,.examples-page h2 em{color:#64856a;font-weight:400}.examples-lead{font-size:23px!important;margin-bottom:14px!important;color:#315e48}.examples-intro p:not(.eyebrow){max-width:520px;font-size:16px;line-height:1.75}.examples-jumps{display:flex;flex-wrap:wrap;gap:26px;margin-top:30px}.examples-jumps a{font-size:13px;text-decoration:none;border-bottom:1px solid #a5b59f;padding-bottom:8px}.examples-intro-note{align-self:center;border-left:1px solid #b8c8af;padding:28px 0 28px 45px}.examples-intro-note>span{font-size:11px;letter-spacing:.14em;text-transform:uppercase}.examples-intro-note p{font:400 32px/1.3 Editorial,Georgia,serif!important}.examples-intro-note em{color:#68836b}.examples-section{padding-top:55px;padding-bottom:65px;border-top:1px solid #d8e0d1;position:relative}.examples-section-heading{display:grid;grid-template-columns:1.3fr 1fr;align-items:end;gap:50px;margin-bottom:30px}.examples-page h2{font:500 clamp(32px,3.5vw,48px)/1.14 Editorial,Georgia,serif;margin:14px 0 0;letter-spacing:-.025em}.examples-section-heading>p{font-size:14px;line-height:1.75;color:#617565;max-width:330px;justify-self:end;margin:0}.examples-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}.example-card{padding:22px;border:1px solid #dbe2d3;border-radius:18px;background:#fffef8bb;box-shadow:0 13px 32px -28px #2a533a55;overflow:hidden}.example-meta{display:flex;gap:16px;align-items:center;margin:0 0 19px}.example-meta>span{font-size:11px;color:#819379;letter-spacing:.1em}.example-meta h3{font:500 24px/1.25 Editorial,Georgia,serif;margin:0}.comparison-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.comparison-photo{margin:0;min-width:0;position:relative;overflow:hidden;border-radius:9px;background:#e9ece2}.comparison-photo svg{display:block;width:100%;height:310px}.comparison-photo figcaption{position:absolute;top:12px;left:12px;padding:6px 11px;border-radius:30px;background:#fffef8eb;color:#345044;box-shadow:0 2px 8px #16392512;font:600 10px/1.2 Sans,Arial,sans-serif;text-transform:uppercase;letter-spacing:.1em}.comparison-photo+figure figcaption{background:#214c3be8;color:#fff}.example-bottom{display:flex;justify-content:space-between;gap:12px;margin-top:17px;font-size:10px;line-height:1.6;color:#60735b}.example-bottom a{color:#315b44;text-underline-offset:4px;white-space:nowrap}.example-alternate{font-size:12px;margin-top:15px;border-top:1px solid #dbe2d3;padding-top:12px}.example-alternate summary{cursor:pointer}.example-alternate img{display:block;width:100%;height:auto;margin-top:12px;border-radius:8px}.examples-auto:before{content:"";position:absolute;z-index:-1;inset:0 -40px;background:url('assets/pflanze-auswahl-5.webp') left center/600px auto no-repeat;opacity:.12;mask-image:radial-gradient(ellipse,#000 10%,transparent 70%)}.examples-auto .comparison-photo svg{height:230px}.examples-special{display:grid;grid-template-columns:1fr 1.25fr;gap:50px;padding:48px;border:1px solid #d5ddcc;border-radius:20px;background:#eaf0e1a3;align-items:center;margin-top:20px}.special-badge{display:inline-block;color:#6d6244;background:#f4efdfe6;border:1px solid #ded4b7;border-radius:30px;padding:8px 12px;font-size:10px;letter-spacing:.02em}.special-heading h2{font-size:36px;line-height:1.2;margin:24px 0 18px}.special-heading p{font-size:14px;line-height:1.8;color:#556a54}.examples-special .comparison-photo svg{height:330px}.special-original{display:block;font-size:11px;color:#466549;text-align:right;margin-top:16px;text-underline-offset:4px}.examples-footnote{font-size:12px;line-height:1.8;color:#798571;padding-top:28px;max-width:800px;margin-left:auto;margin-right:auto;text-align:center}.examples-return{padding-top:30px;padding-bottom:50px}.examples-page .footer{margin-top:0}.examples-page [id]{scroll-margin-top:25px}
@media(max-width:1000px){.examples-page .header nav{gap:14px}.examples-intro{gap:30px}.examples-grid{gap:20px}.example-card{padding:16px}.comparison-photo svg{height:260px}.example-bottom{display:block}.example-bottom a{display:block;margin-top:7px}.examples-special{padding:30px;gap:28px}.examples-special .comparison-photo svg{height:270px}}
@media(max-width:760px){.example-draft{padding-top:12px;font-size:9px}.examples-intro{grid-template-columns:1fr;padding-top:38px;padding-bottom:40px;gap:0}.examples-intro h1{font-size:48px}.examples-intro:after{inset:0 -50px 0 32%;opacity:.15}.examples-intro-note{display:none}.examples-jumps{gap:20px}.examples-section{padding-top:35px;padding-bottom:35px}.examples-section-heading{grid-template-columns:1fr;gap:16px;margin-bottom:24px}.examples-section-heading>p{justify-self:start;max-width:none;font-size:13px}.examples-page h2{font-size:34px}.examples-grid{grid-template-columns:1fr;gap:22px}.example-card{padding:15px;border-radius:14px}.example-meta h3{font-size:23px}.comparison-pair{gap:7px}.comparison-photo svg{height:225px}.comparison-photo figcaption{top:9px;left:8px;font-size:9px;padding:6px 9px}.example-bottom{display:flex;font-size:9px;gap:8px}.example-bottom a{margin:0}.examples-auto .comparison-photo svg{height:165px}.examples-special{grid-template-columns:1fr;gap:22px;padding:22px;margin-top:5px}.special-heading h2{font-size:32px}.examples-special .comparison-photo svg{height:220px}.examples-footnote{padding-top:22px;font-size:11px}.examples-return{padding-bottom:25px}.examples-page .header nav{flex-wrap:wrap}.examples-page .examples-current{display:inline-block}}

.examples-tools .comparison-photo img{display:block;width:100%;height:auto;aspect-ratio:3/4;object-fit:contain}.examples-tools .comparison-photo a{display:block}.examples-tools .comparison-photo figcaption{pointer-events:none}.examples-tools{margin-top:12px}