/* Webbly – site.css (designpakket webbly.design.v2). Gegenereerd uit het canvasdesign; zie BRIEF.md */
@font-face{font-family:'Manrope';font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/fonts/manrope-latin-wght-normal.woff2) format('woff2-variations');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Manrope';font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/fonts/manrope-latin-ext-wght-normal.woff2) format('woff2-variations');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:#ebf8eb}
img{max-width:100%}
.wb-skip{position:absolute;left:-9999px;top:8px;z-index:100;padding:10px 16px;border-radius:999px;background:#3c4a32;color:#fff;font-weight:800}
.wb-skip:focus{left:16px}
[tabindex="-1"]:focus{outline:none}
.wb-mnav[hidden]{display:none !important}
.wb-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.wb-hp{position:absolute;left:-9999px}
.wb-status{margin:0;font-size:15px;font-weight:700}
.wb-status.is-ok{color:#3c4a32}.wb-status.is-error{color:#b45309}
[data-filter-item][hidden]{display:none !important}
.wb-rowhl th,.wb-rowhl td{animation:wbRowHl 2.6s ease .4s both}
.wb-page{background-image:linear-gradient(rgba(235,248,235,0.35),rgba(235,248,235,0.35)),url(/assets/img/achtergrond-lint-webbly-schagen-1600.webp);background-repeat:repeat-y;background-size:100% auto;background-position:center top}
@media (max-width: 760px){.wb-page{background-size:1100px auto,1100px auto;background-position:30% top}}
a{color:#3e4b33}a:hover{color:#26301f}
.wb-navlinks{display:flex}
.wb-menubtn{display:none}
.wb-start{background:#d97706}
@media (max-width: 1180px){.wb-navlinks{display:none}.wb-menubtn{display:inline-flex}}
.wb-navlinks a{white-space:nowrap}
@media (max-width: 520px){.wb-logo{width:96px !important}.wb-start{font-size:16px !important;padding:0 14px !important;background:#b45309 !important}.wb-menutext{display:none}.wb-bar{padding-left:14px !important;gap:6px !important}.wb-right{gap:6px !important}}
a[style*="#d97706"]:hover,a[style*="rgb(217, 119, 6)"]:hover,button[style*="rgb(217, 119, 6)"]:hover{background:#b45309 !important}
a:focus-visible,button:focus-visible{outline:3px solid #6f8f70;outline-offset:3px}
section[id]{scroll-margin-top:110px}
.wb-intro{background-image:url(/assets/img/achtergrond-webdesign-webbly-schagen-1600.webp);background-size:cover;background-position:right center;background-repeat:no-repeat}
.wb-ribbon{background-image:url(/assets/img/achtergrond-lint-zijkant-webbly-schagen-900.webp);background-size:520px auto;background-position:right -60px top -100px;background-repeat:no-repeat}
.wb-seo{background-image:url(/assets/img/achtergrond-vindbaar-google-ai-webbly-schagen-1600.webp);background-size:cover;background-position:center}
.wb-fanwrap{position:relative;container-type:inline-size}
.wb-fanstage{position:relative;height:660px}
.wb-fan{position:absolute;left:50%;top:0;width:640px;height:660px;margin-left:-320px;transform-origin:50% 0}
.wb-fan .wb-fcard{position:absolute;left:50%;top:var(--y);box-sizing:border-box;line-height:1.3;transform-origin:50% 50%;transform:translateX(var(--x)) rotate(var(--r))}
.wb-fan.wb-fan-wait .wb-fcard{opacity:0}
.wb-fan.wb-fan-in .wb-fcard{animation:wbFall .95s cubic-bezier(.22,.9,.3,1.12) both;animation-delay:var(--d)}
@keyframes wbFall{0%{opacity:0;transform:translateX(var(--x)) translateY(-240px) rotate(calc(var(--r) * -2))}40%{opacity:1}100%{opacity:1;transform:translateX(var(--x)) rotate(var(--r))}}
@container (max-width: 660px){.wb-fanstage{height:589px}.wb-fan{transform:scale(.92)}}
@container (max-width: 600px){.wb-fanstage{height:538px}.wb-fan{transform:scale(.84)}}
@container (max-width: 550px){.wb-fanstage{height:486px}.wb-fan{transform:scale(.76)}}
@container (max-width: 500px){.wb-fanstage{height:435px}.wb-fan{transform:scale(.68)}}
@container (max-width: 450px){.wb-fanstage{height:390px}.wb-fan{transform:scale(.61)}}
@container (max-width: 400px){.wb-fanstage{height:346px}.wb-fan{transform:scale(.54)}}
@container (max-width: 350px){.wb-fanstage{height:301px}.wb-fan{transform:scale(.47)}}
@media (prefers-reduced-motion: reduce){.wb-fan .wb-fcard{animation:none !important;opacity:1 !important}}
/* CMS-schermafbeeldingen: op kleine schermen als geheel verkleinen */
@media (max-width: 680px){.wb-shot{zoom:.85}}
@media (max-width: 560px){.wb-shot{zoom:.7}}
@media (max-width: 460px){.wb-shot{zoom:.58}}
@media (max-width: 380px){.wb-shot{zoom:.5}}
.wb-words{position:relative;display:inline-block;min-width:150px;height:28px}
.wb-word{position:absolute;left:0;top:0;font-size:22px;font-weight:800;line-height:28px;letter-spacing:-0.01em;white-space:nowrap;opacity:0;animation:wbWord 16s infinite}
@keyframes wbWord{0%{opacity:0;transform:translateY(10px)}2.5%{opacity:1;transform:translateY(0)}10.5%{opacity:1;transform:translateY(0)}12.5%{opacity:0;transform:translateY(-10px)}100%{opacity:0}}
@media (prefers-reduced-motion: reduce){.wb-word{animation:none}.wb-word:first-child{opacity:1}}
/* ---------- Donkere modus ---------- */
.wb-only-dark{display:none !important}
.wb-dark .wb-only-dark{display:inline-block !important}
.wb-dark .wb-only-light{display:none !important}
.wb-page.wb-dark{background-color:#18211c !important;color:#e4ece1 !important;background-image:linear-gradient(rgba(24,33,28,0.86),rgba(24,33,28,0.86)),url(/assets/img/achtergrond-lint-webbly-schagen-1600.webp) !important}
.wb-dark a{color:#e4ece1}
.wb-dark .wb-hero,.wb-dark .wb-wbg{background-image:none !important;background-color:transparent !important}
.wb-dark .wb-bar{background:rgba(30,40,34,0.88) !important;border-color:#34433a !important}
.wb-dark [style*="background: #ffffff"]:not([role="img"] *),.wb-dark [style*="background: rgb(255, 255, 255)"]:not([role="img"] *),.wb-dark [style*="background-color: #ffffff"]:not([role="img"] *),.wb-dark [style*="background-color: rgb(255, 255, 255)"]:not([role="img"] *),.wb-dark [style*="background: rgba(255,255,255,0.78)"]:not([role="img"] *),.wb-dark [style*="background: rgba(255, 255, 255, 0.78)"]:not([role="img"] *),.wb-dark [style*="background-color: rgba(255,255,255,0.78)"]:not([role="img"] *),.wb-dark [style*="background-color: rgba(255, 255, 255, 0.78)"]:not([role="img"] *),.wb-dark [style*="background: rgba(255,255,255,0.85)"]:not([role="img"] *),.wb-dark [style*="background: rgba(255, 255, 255, 0.85)"]:not([role="img"] *),.wb-dark [style*="background-color: rgba(255,255,255,0.85)"]:not([role="img"] *),.wb-dark [style*="background-color: rgba(255, 255, 255, 0.85)"]:not([role="img"] *),.wb-dark [style*="background: rgba(255,255,255,0.9)"]:not([role="img"] *),.wb-dark [style*="background: rgba(255, 255, 255, 0.9)"]:not([role="img"] *),.wb-dark [style*="background-color: rgba(255,255,255,0.9)"]:not([role="img"] *),.wb-dark [style*="background-color: rgba(255, 255, 255, 0.9)"]:not([role="img"] *){background:#222d26 !important}
.wb-dark [style*="background: #f6f9f4"]:not([role="img"] *),.wb-dark [style*="background: rgb(246, 249, 244)"]:not([role="img"] *),.wb-dark [style*="background-color: #f6f9f4"]:not([role="img"] *),.wb-dark [style*="background-color: rgb(246, 249, 244)"]:not([role="img"] *),.wb-dark [style*="background: #f8fbf6"]:not([role="img"] *),.wb-dark [style*="background: rgb(248, 251, 246)"]:not([role="img"] *),.wb-dark [style*="background-color: #f8fbf6"]:not([role="img"] *),.wb-dark [style*="background-color: rgb(248, 251, 246)"]:not([role="img"] *),.wb-dark [style*="background: #f7f9f6"]:not([role="img"] *),.wb-dark [style*="background: rgb(247, 249, 246)"]:not([role="img"] *),.wb-dark [style*="background-color: #f7f9f6"]:not([role="img"] *),.wb-dark [style*="background-color: rgb(247, 249, 246)"]:not([role="img"] *),.wb-dark [style*="background: #eef5ec"]:not([role="img"] *),.wb-dark [style*="background: rgb(238, 245, 236)"]:not([role="img"] *),.wb-dark [style*="background-color: #eef5ec"]:not([role="img"] *),.wb-dark [style*="background-color: rgb(238, 245, 236)"]:not([role="img"] *),.wb-dark [style*="background: #eef6ec"]:not([role="img"] *),.wb-dark [style*="background: rgb(238, 246, 236)"]:not([role="img"] *),.wb-dark [style*="background-color: #eef6ec"]:not([role="img"] *),.wb-dark [style*="background-color: rgb(238, 246, 236)"]:not([role="img"] *),.wb-dark [style*="background: #f4f9f2"]:not([role="img"] *),.wb-dark [style*="background: rgb(244, 249, 242)"]:not([role="img"] *),.wb-dark [style*="background-color: #f4f9f2"]:not([role="img"] *),.wb-dark [style*="background-color: rgb(244, 249, 242)"]:not([role="img"] *),.wb-dark [style*="background: #f1f2f0"]:not([role="img"] *),.wb-dark [style*="background: rgb(241, 242, 240)"]:not([role="img"] *),.wb-dark [style*="background-color: #f1f2f0"]:not([role="img"] *),.wb-dark [style*="background-color: rgb(241, 242, 240)"]:not([role="img"] *),.wb-dark [style*="background: #f1f5ee"]:not([role="img"] *),.wb-dark [style*="background: rgb(241, 245, 238)"]:not([role="img"] *),.wb-dark [style*="background-color: #f1f5ee"]:not([role="img"] *),.wb-dark [style*="background-color: rgb(241, 245, 238)"]:not([role="img"] *),.wb-dark [style*="background: #eef2ec"]:not([role="img"] *),.wb-dark [style*="background: rgb(238, 242, 236)"]:not([role="img"] *),.wb-dark [style*="background-color: #eef2ec"]:not([role="img"] *),.wb-dark [style*="background-color: rgb(238, 242, 236)"]:not([role="img"] *),.wb-dark [style*="background: #e3ede0"]:not([role="img"] *),.wb-dark [style*="background: rgb(227, 237, 224)"]:not([role="img"] *),.wb-dark [style*="background-color: #e3ede0"]:not([role="img"] *),.wb-dark [style*="background-color: rgb(227, 237, 224)"]:not([role="img"] *){background:#2a372f !important}
.wb-dark [style*="background: #e6f0e3"]:not([role="img"] *),.wb-dark [style*="background: rgb(230, 240, 227)"]:not([role="img"] *),.wb-dark [style*="background-color: #e6f0e3"]:not([role="img"] *),.wb-dark [style*="background-color: rgb(230, 240, 227)"]:not([role="img"] *),.wb-dark [style*="background: #e2eedf"]:not([role="img"] *),.wb-dark [style*="background: rgb(226, 238, 223)"]:not([role="img"] *),.wb-dark [style*="background-color: #e2eedf"]:not([role="img"] *),.wb-dark [style*="background-color: rgb(226, 238, 223)"]:not([role="img"] *),.wb-dark [style*="background: #dfe9dc"]:not([role="img"] *),.wb-dark [style*="background: rgb(223, 233, 220)"]:not([role="img"] *),.wb-dark [style*="background-color: #dfe9dc"]:not([role="img"] *),.wb-dark [style*="background-color: rgb(223, 233, 220)"]:not([role="img"] *){background:#2f4034 !important}
.wb-dark [style*="color: #3e4b33"]:not([role="img"] *):not([style*="#a2bfa3"]):not([style*="rgb(162, 191, 163)"]):not([style*="#d97706"]):not([style*="rgb(217, 119, 6)"]):not([style*="#fdf0dc"]):not([style*="rgb(253, 240, 220)"]),.wb-dark [style*="color: rgb(62, 75, 51)"]:not([role="img"] *):not([style*="#a2bfa3"]):not([style*="rgb(162, 191, 163)"]):not([style*="#d97706"]):not([style*="rgb(217, 119, 6)"]):not([style*="#fdf0dc"]):not([style*="rgb(253, 240, 220)"]),.wb-dark [style*="color: #26301f"]:not([role="img"] *):not([style*="#a2bfa3"]):not([style*="rgb(162, 191, 163)"]):not([style*="#d97706"]):not([style*="rgb(217, 119, 6)"]):not([style*="#fdf0dc"]):not([style*="rgb(253, 240, 220)"]),.wb-dark [style*="color: rgb(38, 48, 31)"]:not([role="img"] *):not([style*="#a2bfa3"]):not([style*="rgb(162, 191, 163)"]):not([style*="#d97706"]):not([style*="rgb(217, 119, 6)"]):not([style*="#fdf0dc"]):not([style*="rgb(253, 240, 220)"]),.wb-dark [style*="color: #1f2a1a"]:not([role="img"] *):not([style*="#a2bfa3"]):not([style*="rgb(162, 191, 163)"]):not([style*="#d97706"]):not([style*="rgb(217, 119, 6)"]):not([style*="#fdf0dc"]):not([style*="rgb(253, 240, 220)"]),.wb-dark [style*="color: rgb(31, 42, 26)"]:not([role="img"] *):not([style*="#a2bfa3"]):not([style*="rgb(162, 191, 163)"]):not([style*="#d97706"]):not([style*="rgb(217, 119, 6)"]):not([style*="#fdf0dc"]):not([style*="rgb(253, 240, 220)"]){color:#e4ece1 !important}
.wb-dark [style*="color: #55624e"]:not([role="img"] *),.wb-dark [style*="color: rgb(85, 98, 78)"]:not([role="img"] *),.wb-dark [style*="color: #5d6956"]:not([role="img"] *),.wb-dark [style*="color: rgb(93, 105, 86)"]:not([role="img"] *),.wb-dark [style*="color: #4a5843"]:not([role="img"] *),.wb-dark [style*="color: rgb(74, 88, 67)"]:not([role="img"] *),.wb-dark [style*="color: #4f6248"]:not([role="img"] *),.wb-dark [style*="color: rgb(79, 98, 72)"]:not([role="img"] *),.wb-dark [style*="color: #6b7666"]:not([role="img"] *),.wb-dark [style*="color: rgb(107, 118, 102)"]:not([role="img"] *),.wb-dark [style*="color: #7a8574"]:not([role="img"] *),.wb-dark [style*="color: rgb(122, 133, 116)"]:not([role="img"] *){color:#c2cfbd !important}
.wb-dark [style*="color: #6f8f70"]:not([role="img"] *),.wb-dark [style*="color: rgb(111, 143, 112)"]:not([role="img"] *){color:#a9c7a9 !important}
.wb-dark [style*="#e3ece0"]:not([role="img"] *),.wb-dark [style*="rgb(227, 236, 224)"]:not([role="img"] *),.wb-dark [style*="#dfe8dc"]:not([role="img"] *),.wb-dark [style*="rgb(223, 232, 220)"]:not([role="img"] *),.wb-dark [style*="#e6ece4"]:not([role="img"] *),.wb-dark [style*="rgb(230, 236, 228)"]:not([role="img"] *),.wb-dark [style*="#d3e1d0"]:not([role="img"] *),.wb-dark [style*="rgb(211, 225, 208)"]:not([role="img"] *),.wb-dark [style*="#c9dbc7"]:not([role="img"] *),.wb-dark [style*="rgb(201, 219, 199)"]:not([role="img"] *),.wb-dark [style*="#dbe7d8"]:not([role="img"] *),.wb-dark [style*="rgb(219, 231, 216)"]:not([role="img"] *),.wb-dark [style*="#e0eadd"]:not([role="img"] *),.wb-dark [style*="rgb(224, 234, 221)"]:not([role="img"] *),.wb-dark [style*="#d6e7d3"]:not([role="img"] *),.wb-dark [style*="rgb(214, 231, 211)"]:not([role="img"] *),.wb-dark [style*="#e3e8e1"]:not([role="img"] *),.wb-dark [style*="rgb(227, 232, 225)"]:not([role="img"] *),.wb-dark [style*="#edf2eb"]:not([role="img"] *),.wb-dark [style*="rgb(237, 242, 235)"]:not([role="img"] *),.wb-dark [style*="#e8efe6"]:not([role="img"] *),.wb-dark [style*="rgb(232, 239, 230)"]:not([role="img"] *),.wb-dark [style*="#e0e6de"]:not([role="img"] *),.wb-dark [style*="rgb(224, 230, 222)"]:not([role="img"] *),.wb-dark [style*="#dfe6dc"]:not([role="img"] *),.wb-dark [style*="rgb(223, 230, 220)"]:not([role="img"] *),.wb-dark [style*="#dfe7dc"]:not([role="img"] *),.wb-dark [style*="rgb(223, 231, 220)"]:not([role="img"] *){border-color:#3d4d43 !important}
.wb-dark input,.wb-dark select,.wb-dark textarea{color:#e4ece1 !important}
.wb-dark .wb-table th,.wb-dark .wb-table td{border-bottom-color:#34433a}
.wb-dark .wb-table tbody tr:hover td,.wb-dark .wb-table tbody tr:hover th{background:#2a372f}
.wb-themebtn{display:inline-flex}
@media (max-width: 1180px){.wb-themebtn{display:none !important}}
.wb-car-0 .wb-mock img:nth-of-type(1){opacity:1;z-index:2;transition:opacity .9s ease}.wb-prev-0 .wb-mock img:nth-of-type(1){opacity:1;z-index:1}.wb-car-0 .wb-capt span:nth-child(1){opacity:1;visibility:visible;transition-delay:0s}.wb-car-0 .wb-dot:nth-child(1){width:30px !important;background:#d97706 !important}
.wb-car-1 .wb-mock img:nth-of-type(2){opacity:1;z-index:2;transition:opacity .9s ease}.wb-prev-1 .wb-mock img:nth-of-type(2){opacity:1;z-index:1}.wb-car-1 .wb-capt span:nth-child(2){opacity:1;visibility:visible;transition-delay:0s}.wb-car-1 .wb-dot:nth-child(2){width:30px !important;background:#d97706 !important}
.wb-car-2 .wb-mock img:nth-of-type(3){opacity:1;z-index:2;transition:opacity .9s ease}.wb-prev-2 .wb-mock img:nth-of-type(3){opacity:1;z-index:1}.wb-car-2 .wb-capt span:nth-child(3){opacity:1;visibility:visible;transition-delay:0s}.wb-car-2 .wb-dot:nth-child(3){width:30px !important;background:#d97706 !important}
.wb-car-3 .wb-mock img:nth-of-type(4){opacity:1;z-index:2;transition:opacity .9s ease}.wb-prev-3 .wb-mock img:nth-of-type(4){opacity:1;z-index:1}.wb-car-3 .wb-capt span:nth-child(4){opacity:1;visibility:visible;transition-delay:0s}.wb-car-3 .wb-dot:nth-child(4){width:30px !important;background:#d97706 !important}
.wb-car-4 .wb-mock img:nth-of-type(5){opacity:1;z-index:2;transition:opacity .9s ease}.wb-prev-4 .wb-mock img:nth-of-type(5){opacity:1;z-index:1}.wb-car-4 .wb-capt span:nth-child(5){opacity:1;visibility:visible;transition-delay:0s}.wb-car-4 .wb-dot:nth-child(5){width:30px !important;background:#d97706 !important}
.wb-dot{transition:width .3s ease,background .3s ease}
.wb-mock img{opacity:0;z-index:0;transition:none}
.wb-capt span{opacity:0;visibility:hidden;transition:opacity .9s ease,visibility 0s linear .9s}
.wb-capt span{grid-area:1/1}
@media (prefers-reduced-motion: reduce){.wb-mock img,.wb-capt span{transition:none !important}}
.wb-dark .wb-dot{background:#3d4d43 !important}
.wb-band{}.wb-dark .wb-band{background:#24302a !important}
.wb-rz-stage{display:flex;justify-content:center;height:430px}
.wb-rz-win{width:100%;height:100%;border-radius:16px;overflow:hidden;background:#ffffff;border:1px solid #dfe7dc;box-shadow:0 34px 60px -36px rgba(38,48,31,0.55);display:flex;flex-direction:column;animation:wbRz 12s cubic-bezier(.65,0,.35,1) infinite}
.wb-rz-site{container-type:inline-size;flex:1;min-height:0;overflow:hidden;padding:14px;display:flex;flex-direction:column;gap:14px}
.wb-rz-head{display:flex;align-items:center;justify-content:space-between;gap:10px}
.wb-rz-nav{display:flex;align-items:center;gap:8px}.wb-rz-nav span{width:34px;height:6px;border-radius:3px;background:#c9d6c5}
.wb-rz-nav b{padding:4px 10px;border-radius:999px;background:#d97706;color:#fff;font-size:10px;font-weight:800}
.wb-rz-burger{display:none;flex-direction:column;gap:3px}.wb-rz-burger i{display:block;width:16px;height:2px;border-radius:2px;background:#3c4a32}
.wb-rz-hero{display:grid;grid-template-columns:1fr 1.1fr;gap:14px;align-items:center}
.wb-rz-txt{display:flex;flex-direction:column;gap:7px}
.wb-rz-img{display:block;height:130px;border-radius:12px;background:linear-gradient(120deg,rgba(60,74,50,.15),rgba(60,74,50,0)),url(/assets/img/team-webbly-websites-schagen-1400.webp) center/cover}
.wb-rz-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.wb-rz-card{display:flex;flex-direction:column;gap:6px;padding:8px;border-radius:12px;border:1px solid #e3ece0}
@container (max-width: 520px){.wb-rz-hero{grid-template-columns:1fr}.wb-rz-img{order:-1;height:110px}.wb-rz-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.wb-rz-nav span{width:24px}}
@container (max-width: 330px){.wb-rz-nav{display:none}.wb-rz-burger{display:flex}.wb-rz-cards{grid-template-columns:1fr}.wb-rz-img{height:96px}}
@keyframes wbRz{0%,22%{width:100%;border-radius:16px}33%,55%{width:64%;border-radius:22px}66%,88%{width:38%;border-radius:30px}100%{width:100%;border-radius:16px}}
.wb-rz-labels{margin-top:18px;display:flex;justify-content:center;gap:10px;font-size:14px;font-weight:800}
.wb-rz-labels span{padding:6px 14px;border-radius:999px;background:rgba(255,255,255,.6);color:#55624e}
.wb-rz-l1{animation:wbRzL1 12s infinite}.wb-rz-l2{animation:wbRzL2 12s infinite}.wb-rz-l3{animation:wbRzL3 12s infinite}
@keyframes wbRzL1{0%,27%,94%,100%{background:#3c4a32;color:#fff}28%,93%{background:rgba(255,255,255,.6);color:#55624e}}
@keyframes wbRzL2{0%,27%,61%,100%{background:rgba(255,255,255,.6);color:#55624e}28%,60%{background:#3c4a32;color:#fff}}
@keyframes wbRzL3{0%,60%,94%,100%{background:rgba(255,255,255,.6);color:#55624e}61%,93%{background:#3c4a32;color:#fff}}
@media (max-width: 560px){.wb-rz-stage{height:380px}}
@media (prefers-reduced-motion: reduce){.wb-rz-win,.wb-rz-labels span{animation:none}}
.wb-tcards.wb-tc-wait .wb-tcard{opacity:0;transform:translateY(70px)}
.wb-tcards.wb-tc-in .wb-tcard{animation:wbRise .8s cubic-bezier(.22,.9,.3,1.08) both;animation-delay:var(--d)}
@keyframes wbRise{from{opacity:0;transform:translateY(70px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion: reduce){.wb-tcards .wb-tcard{animation:none !important;opacity:1 !important;transform:none !important}}
.wb-dark .wb-formsec{background:rgba(36,48,42,0.55) !important}
.wb-plan{transition:transform .15s ease,box-shadow .15s ease}.wb-plan:hover{transform:translateY(-1px);box-shadow:0 8px 18px -10px rgba(38,48,31,.45)}
.wb-endcta::before{content:"";position:absolute;inset:0;background:url(/assets/img/achtergrond-lint-webbly-schagen-1600.webp) center/cover no-repeat;opacity:.16;mix-blend-mode:screen;pointer-events:none}
.wb-endcta a[href^="tel"]:hover{background:rgba(255,255,255,0.08)}
.wb-ptile{transition:transform .45s cubic-bezier(.2,.8,.25,1),box-shadow .45s ease;will-change:transform}
.wb-ptile .wb-pimg{transition:transform 1.1s cubic-bezier(.2,.8,.25,1)}
.wb-ptile:hover,.wb-ptile:focus-within{transform:scale(1.035);box-shadow:0 40px 70px -36px rgba(38,48,31,0.75);z-index:2}
.wb-ptile:hover .wb-pimg,.wb-ptile:focus-within .wb-pimg{transform:scale(1.1)}
.wb-ptile .wb-psum{max-height:0;opacity:0;overflow:hidden;transition:max-height .45s ease,opacity .35s ease}
.wb-ptile:hover .wb-psum,.wb-ptile:focus-within .wb-psum{max-height:120px;opacity:1}
@media (hover: none){.wb-ptile .wb-psum{max-height:none;opacity:1}}
@media (prefers-reduced-motion: reduce){.wb-ptile,.wb-ptile .wb-pimg{transition:none}.wb-ptile:hover,.wb-ptile:hover .wb-pimg{transform:none}}
.wb-topic{transition:transform .3s ease,box-shadow .3s ease}.wb-topic:hover{transform:translateY(-4px);box-shadow:0 26px 50px -30px rgba(62,75,51,0.55)}
.wb-topics.wb-tc-wait .wb-topic{opacity:0;transform:translateY(50px)}
.wb-topics.wb-tc-in .wb-topic{animation:wbRise .75s cubic-bezier(.22,.9,.3,1) backwards;animation-delay:var(--d)}
.wb-hdr .wb-bar,.wb-hdr .wb-logo{transition:padding .35s ease,width .35s ease,box-shadow .35s ease}
.wb-hdr{transition:padding .35s ease}
@media (min-width: 1181px){.wb-hdr.wb-top{padding-top:24px !important}.wb-hdr.wb-top .wb-bar{padding:16px 16px 16px 30px !important}.wb-hdr.wb-top .wb-logo{width:170px !important}}
.wb-bcard{transition:transform .35s ease,box-shadow .35s ease}.wb-bcard .wb-bimg{transition:transform .9s cubic-bezier(.2,.8,.25,1)}.wb-bcard:hover{transform:translateY(-4px);box-shadow:0 30px 56px -32px rgba(62,75,51,0.55)}.wb-bcard:hover .wb-bimg{transform:scale(1.06)}
.wb-graph.wb-graph-wait{clip-path:inset(0 100% 0 0)}
.wb-graph.wb-graph-in{animation:wbGraph 2s cubic-bezier(.45,.05,.25,1) both}
@keyframes wbGraph{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}
@media (prefers-reduced-motion: reduce){.wb-graph{animation:none !important;clip-path:none !important}}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #6f8f70;outline-offset:3px}
.wb-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.wb-table th,.wb-table td{padding:14px 18px;border-bottom:1px solid #e8efe6;text-align:center}
.wb-table th[scope=row]{text-align:left;font-weight:600}
.wb-table tbody tr:hover td,.wb-table tbody tr:hover th{background:#f8fbf6}
summary{list-style:none;cursor:pointer}summary::-webkit-details-marker{display:none}
details[open] .wb-plus{transform:rotate(45deg)}
.wb-dark .wb-band{background:#24302a !important}
@media (max-width: 900px){.wb-incl{grid-template-columns:repeat(2, max-content) !important;gap:12px 28px !important}}
@media (max-width: 420px){.wb-incl{grid-template-columns:max-content !important}}
.wb-rowhl th,.wb-rowhl td{animation:wbRowHl 2.6s ease 0.4s both}
@keyframes wbRowHl{0%,60%{background:#fdf0dc}100%{background:transparent}}
.wb-rowhl th{box-shadow:inset 4px 0 0 #d97706}
a[style*="#d97706"]:hover,a[style*="rgb(217, 119, 6)"]:hover,button[style*="rgb(217, 119, 6)"]:hover,button[style*="#d97706"]:hover{background:#b45309 !important}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #6f8f70;outline-offset:3px}
input[type=radio],input[type=checkbox]{accent-color:#3e4b33;width:20px;height:20px}
@media (min-width: 900px){.wb-sum{position:sticky;top:110px;align-self:flex-start}}
button[disabled]{opacity:.4;cursor:default !important}
.wb-zhero{position:relative;isolation:isolate}
.wb-zhero::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:#1c1f1c url(/assets/img/achtergrond-overstap-ziber-webbly-schagen-1400.webp) center/cover no-repeat}
@media (max-width: 760px){.wb-zhero{background-position:20% center}}
.wb-tlwrap{overflow-x:auto;padding-bottom:4px}
.wb-tl{min-width:860px !important}
.wb-dark .wb-tl-note{color:#e4ece1 !important}
.wb-dark .wb-tl-note span[style*="height: 2px"]{background:#e4ece1 !important}
.wb-dark .wb-tl-note path{fill:#e4ece1}
@media (max-width: 620px){.wb-xd{zoom:.72}}
@media (max-width: 440px){.wb-xd{zoom:.6}}
@media (max-width: 1150px){.wb-track{display:none}}
.wb-hz-old{animation:wbSlideOld 1s cubic-bezier(.2,.8,.25,1) .3s both}
.wb-hz-new{animation:wbSlideNew 1.1s cubic-bezier(.2,.8,.25,1.05) 1.2s both}
@keyframes wbSlideOld{from{opacity:0;transform:translateX(160px)}to{opacity:1;transform:none}}
@keyframes wbSlideNew{from{opacity:0;transform:translate(220px,30px) rotate(3deg)}to{opacity:1;transform:none}}
@media (max-width: 1000px){.wb-hz{height:400px !important}}
@media (max-width: 560px){.wb-hz{height:300px !important}.wb-hz>div{zoom:.72}}
@media (prefers-reduced-motion: reduce){.wb-hz-old,.wb-hz-new{animation:none}}
.wb-zhero{overflow-x:clip}
.wb-cta{background-image:linear-gradient(100deg,rgba(28,31,28,0.96) 0%,rgba(28,31,28,0.88) 38%,rgba(60,74,50,0.55) 70%,rgba(162,191,163,0.35) 100%),url(/assets/img/achtergrond-overstap-ziber-webbly-schagen-1400.webp);background-size:cover;background-position:center}
@media (max-width: 640px){.wb-bar{padding:6px 6px 6px 14px !important;gap:6px !important}.wb-right{gap:6px !important}.wb-logo{width:104px !important}.wb-start{font-size:16px !important;padding:0 14px !important}.wb-menutext{display:none}header{padding:10px 10px 0 !important}}
@media (max-width: 360px){.wb-logo{width:84px !important}.wb-start{font-size:15px !important;padding:0 11px !important}}
@media (max-width: 700px){.wb-ctabtns{flex:1 1 100% !important}.wb-ctabtns>a{flex:1 1 200px;justify-content:center}}
.wb-tlm{display:none}
@media (max-width: 700px){.wb-tlwrap{display:none}.wb-tlm{display:grid}}
.wb-dark .wb-tlm-note{color:#e4ece1 !important}
@media (max-width: 1150px){.wb-steps{grid-template-columns:1fr !important;max-width:860px;margin:0 auto !important}.wb-steps>li{display:grid !important;grid-template-columns:40px 230px 1fr;align-items:center;gap:20px !important}.wb-steps>li>span:first-child{align-self:center !important}}
@media (max-width: 620px){.wb-steps>li{grid-template-columns:128px 1fr;gap:14px !important;padding:14px !important}.wb-steps>li>span:first-child{position:absolute;top:6px;left:6px;width:32px !important;height:32px !important;font-size:15px !important;z-index:2}.wb-steps>li>div>div{height:104px !important;padding:10px !important}.wb-steps>li strong{font-size:16.5px !important}.wb-steps>li>span:last-child>span{font-size:14.5px !important}}
.wb-hz-phone{animation:wbSlidePhone 1s cubic-bezier(.2,.8,.25,1.08) 2.2s both;z-index:3}
@keyframes wbSlidePhone{from{opacity:0;transform:translateX(260px) rotate(14deg)}to{opacity:1;transform:rotate(4deg)}}
@media (prefers-reduced-motion: reduce){.wb-hz-phone{animation:none;transform:rotate(4deg)}}
.wb-cta{padding:40px max(24px, calc((100% - 1192px) / 2)) !important;border-radius:0 !important;gap:20px 32px !important;box-shadow:0 22px 50px -38px rgba(20,28,24,0.7) !important}
.wb-cta>div:first-child{flex-basis:420px !important}
.wb-cta>div:first-child>span{font-size:12.5px !important;padding:4px 12px !important}
.wb-cta>div:first-child>p:first-of-type{margin-top:10px !important;font-size:clamp(1.4rem,2.3vw,1.8rem) !important}
.wb-cta>div:first-child>p:last-of-type{margin-top:6px !important;font-size:clamp(.98rem,1.3vw,1.08rem) !important}
.wb-ctabtns>a{min-height:48px !important;padding:0 22px !important;font-size:16.5px !important}
@media (max-width: 700px){.wb-cta{padding:32px 24px !important}}
.wb-hz-check{animation:wbSlideCheck .9s cubic-bezier(.2,.8,.25,1.05) 3.1s both}
@keyframes wbSlideCheck{from{opacity:0;transform:translateX(-240px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion: reduce){.wb-hz-check{animation:none}}
@media (max-width: 1060px){
.wb-hin{flex-direction:column !important;flex-wrap:nowrap !important;align-items:stretch !important;gap:0 !important;padding-top:188px !important}
.wb-hl{display:contents}
.wb-hr{order:1;margin-top:30px;flex:none !important}
.wb-hlow{order:2;align-self:flex-start}
.wb-hl>p.wb-hlow:first-of-type{align-self:stretch}
.wb-zhero::before{background:linear-gradient(rgba(20,23,20,0.62),rgba(20,23,20,0.62)),#1c1f1c url(/assets/img/achtergrond-overstap-ziber-webbly-schagen-1400.webp) 20% center/cover no-repeat !important}
}
.wb-dark [style*="background: #f3f8f1"],.wb-dark [style*="background: rgb(243, 248, 241)"]{background:#2a372f !important}
.wb-dark #aanvraag aside img{filter:none !important}
@media (max-width: 760px){.wb-hmob-off{display:none !important}.wb-hl>h1{margin-top:0 !important}}
/* berichtpagina (postPage): opgemaakte tekst uit het CMS */
.wb-prose>*:first-child{margin-top:0}
.wb-prose h2{margin:1.8em 0 .5em;font-size:1.45em;font-weight:800;line-height:1.2;color:#26301f}
.wb-prose h3{margin:1.6em 0 .4em;font-size:1.2em;font-weight:800;color:#26301f}
.wb-prose p,.wb-prose ul,.wb-prose ol{margin:0 0 1.1em}
.wb-prose li{margin:.3em 0}
.wb-prose a{color:#b45f05;font-weight:700}
.wb-prose img{max-width:100%;height:auto;border-radius:18px}
.wb-prose blockquote{margin:1.4em 0;padding:4px 0 4px 22px;border-left:4px solid #a2bfa3;font-weight:700}
.wb-dark .wb-prose,.wb-dark .wb-prose h2,.wb-dark .wb-prose h3{color:#e4ece1 !important}
.wb-dark .wb-prose a{color:#f6b968}
/* berichtpagina: tekst + zijkolom, leesbalk */
.wb-postgrid{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:64px;align-items:start}
.wb-postaside{position:sticky;top:110px}
@media (max-width: 980px){.wb-postgrid{grid-template-columns:1fr;gap:48px}.wb-postaside{position:static}}
.wb-readbar{position:fixed;top:0;left:0;z-index:60;height:4px;width:100%;background:#d97706;transform-origin:0 50%;transform:scaleX(0);pointer-events:none}
.wb-prose>p:first-child::first-line{font-weight:700}
.wb-prose h2{position:relative;padding-top:18px}
.wb-prose h2::before{content:"";position:absolute;left:0;top:0;width:44px;height:4px;border-radius:4px;background:#d97706}
.wb-dark .wb-postaside a,.wb-dark .wb-postaside button{color:#e4ece1}
@media (max-width: 640px){.wb-posthero{padding-top:188px !important}.wb-posthero-img{padding-bottom:110px !important}.wb-postimg{margin-top:-90px !important;padding:0 16px !important}.wb-postimg img{border-radius:22px !important;aspect-ratio:4/3 !important}}
.wb-share a,.wb-share button{transition:background .2s ease,color .2s ease,border-color .2s ease,transform .2s ease}
.wb-share a:hover,.wb-share button:hover{background:#d97706 !important;border-color:#d97706 !important;color:#ffffff !important}
@media (max-width: 1099px){.wb-herocar{margin-top:40px}}

/* donkere modus: oranje (optie)kaarten */
.wb-dark [style*="background: #fdf0dc"]:not([role="img"] *),.wb-dark [style*="background: rgb(253, 240, 220)"]:not([role="img"] *),.wb-dark [style*="background-color: rgb(253, 240, 220)"]:not([role="img"] *){background:#3a2f1e !important}
.wb-dark [style*="color: #6b4a1e"]:not([role="img"] *),.wb-dark [style*="color: rgb(107, 74, 30)"]:not([role="img"] *),.wb-dark [style*="color: #92400e"]:not([role="img"] *),.wb-dark [style*="color: rgb(146, 64, 14)"]:not([role="img"] *),.wb-dark [style*="color: #b45f05"]:not([role="img"] *),.wb-dark [style*="color: rgb(180, 95, 5)"]:not([role="img"] *){color:#f6b968 !important}
.wb-dark [style*="#fdf0dc"] [style*="color: #26301f"],.wb-dark [style*="rgb(253, 240, 220)"] [style*="color: #26301f"],.wb-dark [style*="#fdf0dc"] [style*="color: #3e4b33"],.wb-dark [style*="rgb(253, 240, 220)"] [style*="color: #3e4b33"]{color:#f4ead8 !important}
.wb-dark [style*="text-decoration-color: #d97706"]{color:#f4ead8 !important}
@media (max-width: 640px){form[data-form="aanvraag"] fieldset{padding:24px 18px !important}.wb-ob{padding:18px !important}.wb-obin{padding:16px !important;gap:10px !important}.wb-obin>svg{display:none}.wb-obtot{padding:4px 4px 0 !important}}
#stap-abonnement,#stap-eenmalig,#stap-extra,#stap-domein,#stap-gegevens{scroll-margin-top:120px}.wb-sum a.wb-sumlink{color:inherit;text-decoration:none}.wb-sum a.wb-sumlink:hover{text-decoration:underline;text-underline-offset:3px}

/* Start vandaag: samenvatting – zachte landing en op mobiel een tab met paneel */
@keyframes wbLand{0%{box-shadow:0 0 0 0 rgba(217,119,6,0)}25%{box-shadow:0 0 0 5px rgba(217,119,6,.45)}100%{box-shadow:0 0 0 0 rgba(217,119,6,0)}}
.wb-land{animation:wbLand 1.6s ease-out}
.wb-sumtab,.wb-sumclose{display:none}
.wb-sumbg{position:fixed;inset:0;z-index:90;background:rgba(28,36,24,.5);opacity:0;transition:opacity .28s ease}
.wb-sumbg.wb-on{opacity:1}
html.wb-noscroll{overflow:hidden}
@media (max-width: 899px){
.wb-sumtab{display:flex;flex-direction:column;align-items:center;gap:8px;position:fixed;right:0;top:50%;z-index:80;transform:translateY(-50%);padding:16px 9px;border:0;border-radius:16px 0 0 16px;background:#3e4b33;color:#ffffff;font:inherit;font-size:14px;font-weight:800;writing-mode:vertical-rl;cursor:pointer;box-shadow:0 14px 30px -14px rgba(28,36,24,.7);transition:transform .3s ease,opacity .3s ease}
.wb-sumtab span{opacity:.85;font-weight:700}
.wb-sumtab strong{color:#f6b968}
.wb-sumtab.wb-sumtab-weg,.wb-sumtab[aria-expanded="true"]{transform:translate(110%,-50%);opacity:0;pointer-events:none}
.wb-sum.wb-sum-open{position:fixed !important;top:0;right:0;bottom:0;z-index:100;width:min(88vw,380px);margin:0;overflow-y:auto;overscroll-behavior:contain;border-radius:26px 0 0 26px !important;transform:translateX(105%);transition:transform .28s cubic-bezier(.2,.8,.25,1);padding-top:56px !important}
.wb-sum.wb-sum-open.wb-on{transform:none}
.wb-sum.wb-sum-open .wb-sumclose{display:inline-flex;position:absolute;top:12px;right:12px;width:40px;height:40px;align-items:center;justify-content:center;border:0;border-radius:50%;background:rgba(62,75,51,.1);color:inherit;cursor:pointer}
}
@media (prefers-reduced-motion: reduce){.wb-land{animation:none}.wb-sum.wb-sum-open,.wb-sumbg,.wb-sumtab{transition:none}}
@media (max-width: 640px){.wb-zgar{padding:26px 20px 22px !important}.wb-zgar-ic{display:none !important}}
a.wb-coll{color:inherit;text-decoration:none;border-bottom:1px dashed #a2bfa3}a.wb-coll:hover{border-bottom-color:#d97706}a.wb-coll strong{font-weight:800}
.wb-table tbody th[scope=row]{padding-left:44px}@media (max-width: 640px){.wb-table tbody th[scope=row]{padding-left:30px}}

/* Toestemmingskaart voor Google Analytics (de bouwer zet hem erbij als de G-code in het CMS staat) */
:root{--wb-consent-bg:#ffffff;--wb-consent-color:#26301f;--wb-consent-accent:#3c4a32;--wb-consent-accent-color:#ffffff;--wb-consent-border:#dbe7d8;--wb-consent-radius:20px;--wb-consent-button-radius:999px;--wb-consent-font:'Manrope',system-ui,sans-serif;--wb-consent-shadow:0 18px 50px -12px rgba(28,36,24,.45)}
@media (max-width: 560px){.wb-zmig{zoom:.84}}
@media (max-width: 400px){.wb-zmig{zoom:.74}}
@media (max-width: 520px){.wb-nwtag{font-size:12px !important;padding:7px 11px !important}}
.wb-dark .wb-zmig .wb-zlab{color:#f6b968 !important}.wb-dark .wb-zmig .wb-zold{color:#f4ead8 !important;background:rgba(0,0,0,0.25) !important;border-color:rgba(244,234,216,0.35) !important;text-decoration-color:rgba(244,234,216,0.5) !important}
.wb-nf-card{transition:transform .2s ease,box-shadow .2s ease}.wb-nf-card:hover{transform:translateY(-2px);box-shadow:0 20px 40px -28px rgba(38,48,31,0.55)}
.wb-dark .wb-nf-vis [style*="color: #3c4a32"]{color:#e4ece1 !important}
@media (max-width: 700px){.wb-nf-vis{display:none !important}}
.wb-dark .wb-nf-vis [style*="background: #e3ebe0"]{background:#3d4d43 !important}
.wb-req{color:#b45309;font-weight:800}
.wb-reqnote{margin:6px 0 14px;font-size:14px;color:#55624e}
.wb-err{display:block;margin-top:6px;font-size:14px;font-weight:700;color:#b45309}
form [aria-invalid="true"]:not([type="checkbox"]){border-color:#c2410c !important;background:#fff7ed !important;box-shadow:0 0 0 3px rgba(194,65,12,0.14)}
form input[type="checkbox"][aria-invalid="true"]{outline:2px solid #c2410c;outline-offset:2px}
.wb-dark .wb-req,.wb-dark .wb-err{color:#f6b968}.wb-dark .wb-reqnote{color:#c2cfbd}
.wb-dark form [aria-invalid="true"]:not([type="checkbox"]){background:#3a2f1e !important;border-color:#f6b968 !important}
/* bedankscherm na versturen van een formulier */
.wb-ty{position:relative;overflow:hidden;flex:999 1 560px;align-self:flex-start;min-width:0;padding:clamp(28px,5vw,52px);border-radius:28px;background:#ffffff;border:2px solid #a2bfa3;box-shadow:0 30px 70px -44px rgba(38,48,31,0.6);color:#26301f;animation:wbTyIn .5s ease both}
.wb-sent #aanvraag>aside.wb-sum,.wb-sent .wb-sumtab,.wb-sent .wb-sumbg{display:none !important}
.wb-ty-icon{position:relative;width:76px;height:76px;border-radius:50%;background:#d97706;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 10px #fdf0dc;animation:wbTyPop .55s cubic-bezier(.2,1.6,.4,1) .15s both}
.wb-ty-burst{position:absolute;left:clamp(28px,5vw,52px);top:clamp(28px,5vw,52px);width:76px;height:76px;pointer-events:none}
.wb-ty-burst i{position:absolute;left:34px;top:34px;width:9px;height:9px;border-radius:50%;background:#d97706;opacity:0;animation:wbTyBurst .9s ease-out .3s both}
.wb-ty-burst i:nth-child(2n){background:#a2bfa3;width:7px;height:7px}.wb-ty-burst i:nth-child(3n){background:#3c4a32}
.wb-ty-burst i:nth-child(1){--x:62px;--y:-30px}.wb-ty-burst i:nth-child(2){--x:70px;--y:18px}.wb-ty-burst i:nth-child(3){--x:40px;--y:58px}.wb-ty-burst i:nth-child(4){--x:-6px;--y:70px}.wb-ty-burst i:nth-child(5){--x:-42px;--y:40px}.wb-ty-burst i:nth-child(6){--x:-40px;--y:-24px}.wb-ty-burst i:nth-child(7){--x:6px;--y:-56px}.wb-ty-burst i:nth-child(8){--x:96px;--y:-6px}
.wb-ty-label{margin:28px 0 0;font-size:14px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#6f8f70}
.wb-ty-title{margin:8px 0 0;font-weight:800;font-size:clamp(2rem,4vw,3rem);line-height:1.08;letter-spacing:-.02em;color:#26301f;outline:none}
.wb-ty-text{margin:16px 0 0;max-width:640px;font-size:19px;line-height:1.6;color:#55624e}
.wb-ty-mail{display:inline-flex;align-items:center;gap:10px;margin:20px 0 0;padding:10px 16px;border-radius:999px;background:#eef5ec;color:#3c4a32;font-size:16px}
.wb-ty-mail svg{flex:none}.wb-ty-mail strong{word-break:break-all}
.wb-ty-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));gap:28px;margin-top:34px}
.wb-ty-h3{margin:0 0 14px;font-size:18px;font-weight:800;color:#26301f}
.wb-ty-steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:16px}
.wb-ty-steps li{display:flex;gap:14px;align-items:flex-start}
.wb-ty-steps li>span:last-child{display:flex;flex-direction:column;gap:2px;font-size:15.5px;line-height:1.5;color:#55624e}
.wb-ty-steps strong{font-size:16.5px;color:#26301f}
.wb-ty-num{flex:none;width:32px;height:32px;border-radius:50%;background:#3c4a32;color:#ffffff;font-weight:800;display:flex;align-items:center;justify-content:center}
.wb-ty-steps li:last-child .wb-ty-num{background:#d97706}
.wb-ty-sum{padding:22px 24px;border-radius:20px;background:#f3f8f1;border:1px solid #dfe7dc;align-self:start}
.wb-ty-sum dl{margin:0}
.wb-ty-row{display:flex;justify-content:space-between;gap:16px;padding:9px 0;border-bottom:1px solid #dfe7dc;font-size:15px}
.wb-ty-row:last-child{border-bottom:0}
.wb-ty-row dt{color:#55624e}.wb-ty-row dd{margin:0;text-align:right;font-weight:800;color:#26301f}
.wb-ty-small{display:block;white-space:nowrap;font-size:12.5px;font-weight:700;color:#b45309}
.wb-ty-note{margin:8px 0 0;font-size:13px;color:#6b7666}
.wb-ty-actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px 22px;margin-top:34px}
.wb-ty-btn{display:inline-flex;align-items:center;min-height:54px;padding:0 28px;border-radius:999px;background:#d97706;color:#ffffff !important;font-weight:800;font-size:18px;text-decoration:none}
.wb-ty-btn:hover{background:#b45309}
.wb-ty-link{font-weight:800;color:#3c4a32}
@keyframes wbTyIn{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@keyframes wbTyPop{from{transform:scale(.3);opacity:0}to{transform:scale(1);opacity:1}}
@keyframes wbTyBurst{0%{opacity:1;transform:translate(0,0) scale(.6)}70%{opacity:1}100%{opacity:0;transform:translate(var(--x),var(--y)) scale(1)}}
@media (prefers-reduced-motion: reduce){.wb-ty,.wb-ty-icon{animation:none}.wb-ty-burst{display:none}}
.wb-dark .wb-ty{background:#222d26;border-color:#3d4d43;color:#e4ece1}
.wb-dark .wb-ty-title,.wb-dark .wb-ty-h3,.wb-dark .wb-ty-steps strong,.wb-dark .wb-ty-row dd{color:#e4ece1}
.wb-dark .wb-ty-text,.wb-dark .wb-ty-steps li>span:last-child,.wb-dark .wb-ty-row dt,.wb-dark .wb-ty-note{color:#c2cfbd}
.wb-dark .wb-ty-mail{background:#2a372f;color:#e4ece1}.wb-dark .wb-ty-sum{background:#2a372f;border-color:#3d4d43}.wb-dark .wb-ty-row{border-color:#3d4d43}
.wb-dark .wb-ty-icon{box-shadow:0 0 0 10px #3a2f1e}.wb-dark .wb-ty-link{color:#e4ece1}.wb-dark .wb-ty-small{color:#f6b968}
.wb-sumkorting{font-weight:800;color:#b45309;white-space:nowrap;font-size:14px}
.wb-sumkorting svg{flex:none}
.wb-dark .wb-sumkorting{color:#f6b968}.wb-dark [data-sv-once-lines] [style*="color: #b45309"]{color:#f6b968 !important}
@media (max-width: 560px){.wb-ty-row{flex-direction:column;gap:2px}.wb-ty-row dd{text-align:left}.wb-ty-small{white-space:normal}}