:root{--color-background:#fffaf3;--color-surface:#efe6d9;--color-green:#103d37;--color-text:#164b44;--color-muted:#54706a;--color-accent:#ed4938;--color-border:#eadfd2;--content-width:78rem;--reading-width:43rem;--page-padding:clamp(1.25rem, 6.6vw, 5rem);--section-spacing:5rem;--header-height:5.5rem}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--color-background);color:var(--color-text);font-family:Trebuchet MS,Helvetica Neue,Arial,sans-serif;font-weight:400;line-height:1.5}a{color:inherit;text-underline-offset:.2em;text-decoration-thickness:.08em}button,a{-webkit-tap-highlight-color:transparent}img{max-width:100%;height:auto;display:block}h1,h2,h3{color:var(--color-green);letter-spacing:-.025em;font-family:Impact,Haettenschweiler,Arial Narrow Bold,sans-serif;font-weight:400;line-height:.96}p{max-width:var(--reading-width)}.page{flex-direction:column;display:flex;overflow:hidden}.container{width:min(100% - 2 * var(--page-padding), var(--content-width));margin-inline:auto}main{flex-direction:column;gap:0;display:flex}.section{flex-direction:column;gap:2rem;display:flex}.section__label{color:var(--color-accent);letter-spacing:.04em;text-transform:uppercase;font-size:.9rem}.section__title{font-size:clamp(2.7rem,7vw,5.75rem)}.heading-dot{color:var(--color-accent)}.section__intro{font-size:1.1rem}.text-center{text-align:center}.button-link{background:var(--color-accent);color:#fff;border:0;border-radius:999px;align-self:flex-start;align-items:center;gap:1rem;padding:.8rem 1.35rem;text-decoration:none;transition:transform .18s,background-color .18s;display:inline-flex}.button-link:hover{background:#d83e30;transform:translateY(-.15rem)}.button-link:after{content:"→";font-size:1.4em;line-height:.6}.decorative-thread{z-index:0;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.decorative-thread path{vector-effect:non-scaling-stroke}.masked-image,.organic-frame{background:var(--color-surface);display:block;position:relative;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.masked-image img,.organic-frame img{object-fit:cover;width:100%;height:100%}.organic-frame{aspect-ratio:6/7;isolation:isolate;background:0 0;-webkit-mask:none;mask:none}.organic-frame:before,.organic-frame__photo{background:var(--color-surface);content:"";-webkit-mask-image:var(--frame-mask);mask-image:var(--frame-mask);-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-image:var(--frame-mask);position:absolute;inset:0;-webkit-mask-position:50%;-webkit-mask-size:100% 100%;-webkit-mask-repeat:no-repeat}.organic-frame__photo{background:var(--color-surface);inset:4.5%;overflow:hidden}.organic-frame__placeholder{color:var(--color-background);text-align:center;justify-content:center;align-items:center;font-size:clamp(1rem,2vw,1.35rem);display:flex}.image-placeholder-label{color:var(--color-text);white-space:nowrap;background:#fffaf3e6;padding:.35rem .65rem;font-size:clamp(.85rem,1.8vw,1.15rem);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.organic-frame--hero{--frame-mask:url(../../../design/01-bildform-hero.svg)}.organic-frame--portrait{--frame-mask:url(../../../design/02-bildform-portrait.svg)}.organic-frame--practice{--frame-mask:url(../../../design/03-bildform-practice.svg)}.organic-frame--landing{--frame-mask:url(../../../design/04-bildform-landingpage.svg)}.organic-frame--dog .organic-frame__photo{background:0 0;inset:0;overflow:visible;-webkit-mask:none;mask:none}.organic-frame--dog .organic-frame__photo img{object-fit:contain}.masked-image--hero{-webkit-mask-image:url(../../../design/01-bildform-hero.svg);mask-image:url(../../../design/01-bildform-hero.svg)}.masked-image--portrait{-webkit-mask-image:url(../../../design/02-bildform-portrait.svg);mask-image:url(../../../design/02-bildform-portrait.svg)}.masked-image--practice{-webkit-mask-image:url(../../../design/03-bildform-practice.svg);mask-image:url(../../../design/03-bildform-practice.svg)}.masked-image--landing{-webkit-mask-image:url(../../../design/04-bildform-landingpage.svg);mask-image:url(../../../design/04-bildform-landingpage.svg)}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width>=48rem){:root{--page-padding:clamp(1.25rem, 6.6vw, 5rem);--section-spacing:8rem;--header-height:5.75rem}}