.webdesign-berlin.niche-page--motion{--np-ease:var(--kwd-motion-ease-soft,cubic-bezier(0.2,0.8,0.2,1));--np-1:#ffc94d;--np-1-soft:#fff1c9;--np-1-ink:#8a4f00;--np-2:#7fcfae;--np-2-soft:#dff3ea;--np-2-ink:#1d7f5c;--np-3:#8cc2f2;--np-3-soft:#e2f0ff;--np-3-ink:#2b6cb0;--np-4:#ffb89a;--np-4-soft:#ffe9df;--np-4-ink:#c53814}.webdesign-berlin.niche-page--tone-floral{--np-1:#f4a3bb;--np-1-soft:#fde8ef;--np-1-ink:#a82757;--np-2:#8ccf9f;--np-2-soft:#e2f4e7;--np-2-ink:#1f7a45;--np-3:#ffcf66;--np-3-soft:#fff3d1;--np-3-ink:#8a4f00;--np-4:#b9a5ee;--np-4-soft:#ece6fb;--np-4-ink:#5a3fb0}.webdesign-berlin.niche-page--tone-frisch{--np-1:#6fd0d6;--np-1-soft:#dcf5f6;--np-1-ink:#0f6f78;--np-2:#8cc2f2;--np-2-soft:#e2f0ff;--np-2-ink:#2b6cb0;--np-3:#7fcfae;--np-3-soft:#dff3ea;--np-3-ink:#1d7f5c;--np-4:#ffc94d;--np-4-soft:#fff1c9;--np-4-ink:#8a4f00}.webdesign-berlin.niche-page--tone-energie{--np-1:#ffa25f;--np-1-soft:#ffe8d8;--np-1-ink:#b0400d;--np-2:#62c6e8;--np-2-soft:#dcf2fb;--np-2-ink:#136c8f;--np-3:#a8d65a;--np-3-soft:#edf7d9;--np-3-ink:#4a7410;--np-4:#a99af0;--np-4-soft:#e9e5fc;--np-4-ink:#4f3cb5}.webdesign-berlin.niche-page--tone-genuss{--np-1:#f5c25a;--np-1-soft:#fdf0cf;--np-1-ink:#8a5600;--np-2:#f0906a;--np-2-soft:#fde5da;--np-2-ink:#b3401a;--np-3:#b5c56a;--np-3-soft:#eff3d8;--np-3-ink:#5c6b14;--np-4:#d98aa6;--np-4-soft:#f9e3eb;--np-4-ink:#a23660}.webdesign-berlin.niche-page--tone-klar{--np-1:#7fa8ee;--np-1-soft:#e1ebfc;--np-1-ink:#2a55ad;--np-2:#6cc7b8;--np-2-soft:#dcf3ef;--np-2-ink:#136b5e;--np-3:#e9bf62;--np-3-soft:#fbf0d2;--np-3-ink:#7d5500;--np-4:#9fb0c8;--np-4-soft:#e7ecf3;--np-4-ink:#40536e}.webdesign-berlin.niche-page--motion .wd-hero:after,.webdesign-berlin.niche-page--motion .wd-hero:before{border-radius:50%;content:"";pointer-events:none;position:absolute;z-index:-1}.webdesign-berlin.niche-page--motion .wd-hero:before{background:radial-gradient(circle,var(--np-1),transparent 68%);height:clamp(240px,36vw,480px);opacity:.34;right:max(0px,calc(50vw - 660px));top:0;width:clamp(240px,36vw,480px)}.webdesign-berlin.niche-page--motion .wd-hero:after{background:radial-gradient(circle,var(--np-2),transparent 68%);bottom:0;height:clamp(200px,28vw,380px);left:max(0px,calc(50vw - 700px));opacity:.3;width:clamp(200px,28vw,380px)}.webdesign-berlin.niche-page--motion .wd-hero__media{border-radius:18px}.webdesign-berlin.niche-page--motion .wd-hero .wd-lead{margin-top:.9rem}.webdesign-berlin.niche-page--motion .wd-cta h2{margin-bottom:.7rem}.webdesign-berlin.niche-page--motion .wd-split>article.wd-card{align-self:start}@media (max-width:860px){.webdesign-berlin.niche-page--motion .wd-split{grid-template-columns:minmax(0,1fr)}}@media (max-width:480px){.webdesign-berlin.niche-page--motion .wd-section h2{font-size:1.6rem}}@media (max-width:360px){.webdesign-berlin.niche-page--motion .wd-section :is(p,li){hyphenate-limit-chars:14 5 5;hyphens:auto}}@media (max-width:359px){.webdesign-berlin.niche-page--motion .wd-section h2{font-size:1.4rem}}@media (max-width:1100px){.webdesign-berlin.niche-page--motion .wd-section :is(h2,h3){hyphens:manual}}.webdesign-berlin.niche-page--motion .wd-section-head h2:after,.webdesign-berlin.niche-page--motion .wd-split>div>h2:after{background:linear-gradient(90deg,var(--np-1) 0 33.4%,var(--np-2) 33.4% 66.7%,var(--np-3) 66.7%);border-radius:999px;content:"";display:block;height:6px;margin:14px 0 18px;transform-origin:left center;transition:scale .6s var(--np-ease) .18s;width:72px}.webdesign-berlin.niche-page--motion .wd-section-head h2:after{margin-left:auto;margin-right:auto;transform-origin:center}.webdesign-berlin.niche-page--motion .wd-card{transition:translate .28s ease,box-shadow .28s ease}.webdesign-berlin.niche-page--motion .animate-on-scroll{transform:translateY(16px);transition:opacity .55s var(--np-ease) var(--np-delay,0s),transform .55s var(--np-ease) var(--np-delay,0s),translate .28s ease,box-shadow .28s ease}.webdesign-berlin.niche-page--motion .animate-on-scroll.out,.webdesign-berlin.niche-page--motion .animate-on-scroll.visible,html:not(.kwd-interaction-polish) .webdesign-berlin.niche-page--motion .animate-on-scroll{opacity:1;transform:none}html.kwd-interaction-polish .webdesign-berlin.niche-page--motion .animate-on-scroll:not(.visible):not(.out) h2:after{scale:0 1}@media (min-width:861px){.webdesign-berlin.niche-page--motion .handwerk-page__stats>.animate-on-scroll:nth-child(2),.webdesign-berlin.niche-page--motion .wd-grid>.animate-on-scroll:nth-child(3n+2),.webdesign-berlin.niche-page--motion .wd-steps>.animate-on-scroll:nth-child(2){--np-delay:80ms}.webdesign-berlin.niche-page--motion .handwerk-page__stats>.animate-on-scroll:nth-child(3),.webdesign-berlin.niche-page--motion .wd-grid>.animate-on-scroll:nth-child(3n+3),.webdesign-berlin.niche-page--motion .wd-steps>.animate-on-scroll:nth-child(3){--np-delay:160ms}.webdesign-berlin.niche-page--motion .handwerk-page__stats>.animate-on-scroll:nth-child(4),.webdesign-berlin.niche-page--motion .wd-steps>.animate-on-scroll:nth-child(4){--np-delay:240ms}.webdesign-berlin.niche-page--motion .wd-steps>.animate-on-scroll:nth-child(5){--np-delay:320ms}.webdesign-berlin.niche-page--motion .handwerk-page__essentials>.animate-on-scroll:nth-child(odd){--np-delay:0ms}.webdesign-berlin.niche-page--motion .handwerk-page__essentials>.animate-on-scroll:nth-child(2n){--np-delay:80ms}}@media (min-width:1101px){.webdesign-berlin.niche-page--motion .handwerk-page__essentials>.animate-on-scroll:nth-child(4n+1){--np-delay:0ms}.webdesign-berlin.niche-page--motion .handwerk-page__essentials>.animate-on-scroll:nth-child(4n+2){--np-delay:80ms}.webdesign-berlin.niche-page--motion .handwerk-page__essentials>.animate-on-scroll:nth-child(4n+3){--np-delay:160ms}.webdesign-berlin.niche-page--motion .handwerk-page__essentials>.animate-on-scroll:nth-child(4n+4){--np-delay:240ms}}.webdesign-berlin.niche-page--motion .handwerk-page__stats li{border-left:5px solid var(--np-1)}.webdesign-berlin.niche-page--motion .handwerk-page__stats li:nth-child(4n+2){border-left-color:var(--np-2)}.webdesign-berlin.niche-page--motion .handwerk-page__stats li:nth-child(4n+3){border-left-color:var(--np-3)}.webdesign-berlin.niche-page--motion .handwerk-page__stats li:nth-child(4n+4){border-left-color:var(--np-4)}.webdesign-berlin.niche-page--motion .handwerk-page__trades>.wd-card{border-top:4px solid var(--np-1)}.webdesign-berlin.niche-page--motion .handwerk-page__trades>.wd-card:nth-child(3n+2){border-top-color:var(--np-2)}.webdesign-berlin.niche-page--motion .handwerk-page__trades>.wd-card:nth-child(3n+3){border-top-color:var(--np-3)}.webdesign-berlin.niche-page--motion .handwerk-page__essentials .fa-solid{background:var(--np-4-soft);border-radius:14px;color:var(--np-4-ink);transition:rotate .28s var(--np-ease),scale .28s var(--np-ease)}.webdesign-berlin.niche-page--motion .handwerk-page__essentials .wd-card:nth-child(4n+2) .fa-solid{background:var(--np-1-soft);color:var(--np-1-ink)}.webdesign-berlin.niche-page--motion .handwerk-page__essentials .wd-card:nth-child(4n+3) .fa-solid{background:var(--np-2-soft);color:var(--np-2-ink)}.webdesign-berlin.niche-page--motion .handwerk-page__essentials .wd-card:nth-child(4n+4) .fa-solid{background:var(--np-3-soft);color:var(--np-3-ink)}@media (hover:hover) and (pointer:fine){.webdesign-berlin.niche-page--motion .wd-grid>.wd-card:hover{box-shadow:0 24px 54px rgba(24,32,47,.13);translate:0 -4px}.webdesign-berlin.niche-page--motion .handwerk-page__essentials .wd-card:hover .fa-solid{rotate:-6deg;scale:1.08}.webdesign-berlin.niche-page--motion .niche-page__gallery .wd-card:hover img{scale:1.04}}.webdesign-berlin.niche-page--motion .niche-page__timeline{display:grid;list-style:none;margin:0;padding:0}.webdesign-berlin.niche-page--motion .niche-page__timeline-item{align-content:start;display:grid;gap:6px;padding:0 0 26px 34px;position:relative}.webdesign-berlin.niche-page--motion .niche-page__timeline-item:last-child{padding-bottom:0}.webdesign-berlin.niche-page--motion .niche-page__timeline-item:before{background:#fff;border:3px solid var(--wd-accent);border-radius:50%;box-sizing:border-box;content:"";height:16px;left:0;position:absolute;top:6px;transition:scale .45s var(--np-ease) calc(var(--np-delay, 0s) + .1s);width:16px;z-index:1}.webdesign-berlin.niche-page--motion .niche-page__timeline-item:after{background:rgba(11,42,70,.16);content:"";height:100%;left:7px;position:absolute;top:14px;transform-origin:left top;transition:scale .6s var(--np-ease) calc(var(--np-delay, 0s) + .2s);width:2px}.webdesign-berlin.niche-page--motion .niche-page__timeline-item:last-child:after{content:none}.webdesign-berlin.niche-page--motion .niche-page__timeline-time{background:var(--np-1-soft);border-radius:999px;color:var(--wd-ink);font-size:.85rem;font-variant-numeric:tabular-nums;font-weight:700;line-height:1.3;padding:4px 11px;width:fit-content}.webdesign-berlin.niche-page--motion .niche-page__timeline-item:nth-child(4n+2) .niche-page__timeline-time{background:var(--np-2-soft)}.webdesign-berlin.niche-page--motion .niche-page__timeline-item:nth-child(4n+3) .niche-page__timeline-time{background:var(--np-3-soft)}.webdesign-berlin.niche-page--motion .niche-page__timeline-item:nth-child(4n+4) .niche-page__timeline-time{background:var(--np-4-soft)}.webdesign-berlin.niche-page--motion .niche-page__timeline-item h3{font-size:1.05rem;hyphens:manual;margin:0;overflow-wrap:break-word}.webdesign-berlin.niche-page--motion .niche-page__timeline-item p{color:var(--wd-muted);font-size:.95rem;margin:0}html.kwd-interaction-polish .webdesign-berlin.niche-page--motion .niche-page__timeline-item:not(.visible):not(.out):before{scale:.4}html.kwd-interaction-polish .webdesign-berlin.niche-page--motion .niche-page__timeline-item:not(.visible):not(.out):after{scale:1 0}@media (min-width:640px){.webdesign-berlin.niche-page--motion .niche-page__timeline{column-gap:18px;grid-template-columns:repeat(3,minmax(0,1fr));row-gap:30px}.webdesign-berlin.niche-page--motion .niche-page__timeline-item,.webdesign-berlin.niche-page--motion .niche-page__timeline-item:last-child{padding:34px 0 0}.webdesign-berlin.niche-page--motion .niche-page__timeline-item:before{top:0}.webdesign-berlin.niche-page--motion .niche-page__timeline-item:after{height:2px;left:8px;top:7px;width:calc(100% + 18px)}.webdesign-berlin.niche-page--motion .niche-page__timeline-item:nth-child(3n):after{width:calc(100% - 8px)}.webdesign-berlin.niche-page--motion .niche-page__timeline-item:nth-child(3n+2){--np-delay:80ms}.webdesign-berlin.niche-page--motion .niche-page__timeline-item:nth-child(3n+3){--np-delay:160ms}html.kwd-interaction-polish .webdesign-berlin.niche-page--motion .niche-page__timeline-item:not(.visible):not(.out):after{scale:0 1}}@media (min-width:1100px){.webdesign-berlin.niche-page--motion .niche-page__timeline{grid-template-columns:repeat(6,minmax(0,1fr))}.webdesign-berlin.niche-page--motion .niche-page__timeline-item:nth-child(3n):after{width:calc(100% + 18px)}.webdesign-berlin.niche-page--motion .niche-page__timeline-item:nth-child(4){--np-delay:240ms}.webdesign-berlin.niche-page--motion .niche-page__timeline-item:nth-child(5){--np-delay:320ms}.webdesign-berlin.niche-page--motion .niche-page__timeline-item:nth-child(6){--np-delay:400ms}}.webdesign-berlin .bt-farbe-1{--bt:var(--np-1);--bt-soft:var(--np-1-soft);--bt-ink:var(--np-1-ink)}.webdesign-berlin .bt-farbe-2{--bt:var(--np-2);--bt-soft:var(--np-2-soft);--bt-ink:var(--np-2-ink)}.webdesign-berlin .bt-farbe-3{--bt:var(--np-3);--bt-soft:var(--np-3-soft);--bt-ink:var(--np-3-ink)}.webdesign-berlin .bt-farbe-4{--bt:var(--np-4);--bt-soft:var(--np-4-soft);--bt-ink:var(--np-4-ink)}.webdesign-berlin .bt-query{align-items:center;background:#fff;border:1px solid var(--wd-line);border-radius:999px;color:var(--wd-ink);display:inline-flex;font-size:.86rem;font-weight:600;gap:7px;line-height:1.3;margin:0;max-width:100%;padding:5px 12px 5px 10px}.webdesign-berlin .bt-query:before{background:currentColor;content:"";flex:none;height:13px;-webkit-mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Ccircle cx='6.5' cy='6.5' r='4.75' fill='none' stroke='%23000' stroke-width='2'/%3E%3Cpath stroke='%23000' stroke-linecap='round' stroke-width='2' d='m10 10 4.5 4.5'/%3E%3C/svg%3E") center /contain no-repeat;mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Ccircle cx='6.5' cy='6.5' r='4.75' fill='none' stroke='%23000' stroke-width='2'/%3E%3Cpath stroke='%23000' stroke-linecap='round' stroke-width='2' d='m10 10 4.5 4.5'/%3E%3C/svg%3E") center /contain no-repeat;opacity:.55;width:13px}.webdesign-berlin.niche-page--motion .niche-page__feature h3{font-size:1.1rem;margin:1.5rem 0 .5rem}.webdesign-berlin.niche-page--motion .niche-page__feature-media{align-self:center;isolation:isolate;margin:0;position:relative}.webdesign-berlin.niche-page--motion .niche-page__feature-media:before{background:var(--np-1-soft);border-radius:26px;bottom:-12px;content:"";left:20px;position:absolute;right:-12px;top:20px;transition:translate .7s var(--np-ease) .15s;z-index:-1}.webdesign-berlin.niche-page--motion .niche-page__feature-media img{border-radius:18px;box-shadow:0 18px 40px rgba(11,42,70,.12);display:block;height:auto;width:100%}html.kwd-interaction-polish .webdesign-berlin.niche-page--motion .niche-page__feature-media:not(.visible):not(.out):before{translate:-12px -12px}@media (max-width:860px){.webdesign-berlin.niche-page--motion .niche-page__feature-media{justify-self:center;max-width:340px;width:100%}}.webdesign-berlin.niche-page--motion .niche-page__gallery .wd-card{display:flex;flex-direction:column;gap:0;margin:0;overflow:hidden;padding:0}.webdesign-berlin.niche-page--motion .niche-page__gallery img{aspect-ratio:3/2;display:block;height:auto;object-fit:cover;transition:scale .6s var(--np-ease);width:100%}.webdesign-berlin.niche-page--motion .niche-page__gallery figcaption{display:grid;gap:4px;padding:16px 18px 18px}.webdesign-berlin.niche-page--motion .niche-page__gallery figcaption strong{color:var(--wd-ink);font-size:1.05rem}.webdesign-berlin.niche-page--motion .niche-page__gallery figcaption span{color:var(--wd-muted);font-size:.95rem}@media (min-width:640px) and (max-width:860px){.webdesign-berlin.niche-page--motion .niche-page__gallery{gap:14px;grid-template-columns:repeat(3,minmax(0,1fr))}.webdesign-berlin.niche-page--motion .niche-page__gallery figcaption{padding:12px 14px 14px}}.webdesign-berlin.niche-page--motion .wd-faq details[open]>p{animation:np-answer .35s var(--np-ease) both}@keyframes np-answer{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}.webdesign-berlin.niche-page--motion .wd-cta{isolation:isolate;overflow:hidden;position:relative}.webdesign-berlin.niche-page--motion .wd-cta:after,.webdesign-berlin.niche-page--motion .wd-cta:before{border-radius:50%;content:"";pointer-events:none;position:absolute;z-index:-1}.webdesign-berlin.niche-page--motion .wd-cta:before{background:var(--np-1);height:220px;opacity:.2;right:-60px;top:-80px;width:220px}.webdesign-berlin.niche-page--motion .wd-cta:after{background:var(--np-2);bottom:-70px;height:180px;left:-50px;opacity:.18;width:180px}.webdesign-berlin.niche-page--motion .wd-cta.visible:after,.webdesign-berlin.niche-page--motion .wd-cta.visible:before{animation:np-float 9s ease-in-out infinite alternate}.webdesign-berlin.niche-page--motion .wd-cta.visible:after{animation-delay:-4s;animation-duration:11s}@keyframes np-float{0%{transform:translateZ(0)}to{transform:translate3d(0,14px,0) scale(1.05)}}@media (prefers-reduced-motion:reduce){.webdesign-berlin.niche-page--motion .animate-on-scroll{opacity:1!important;transform:none!important}.webdesign-berlin.niche-page--motion *,.webdesign-berlin.niche-page--motion :after,.webdesign-berlin.niche-page--motion :before{animation:none!important;rotate:none!important;scale:none!important;transition:none!important;translate:none!important}}@media print{.webdesign-berlin.niche-page--motion .animate-on-scroll{opacity:1!important;transform:none!important}}