.elementor-216{--dw-blue:#0493ee;--dw-ink:#15232d;font-family:Manrope,sans-serif}
.elementor-216 p:last-child{margin-bottom:0}
.elementor-216 section{scroll-margin-top:95px}
.elementor-216 h1,.elementor-216 h2,.elementor-216 h3{overflow-wrap:break-word;hyphens:manual}
.elementor-216 .dw-ink-blue{color:#096bae}
.elementor-216 a:focus-visible,.elementor-216 button:focus-visible,.elementor-216 [role=button]:focus-visible{outline:3px solid #0493ee;outline-offset:5px}
.elementor-216 .elementor-widget-text-editor a{color:#096bae;text-decoration:underline;text-underline-offset:4px}
.elementor-216 .dw-hero{position:relative;isolation:isolate;overflow:hidden}
.elementor-216 .dw-hero>.e-con-inner{position:static}
.elementor-216 .dw-hero h1{max-width:1150px;letter-spacing:-.06em;font-weight:600}
.elementor-216 .dw-hero .elementor-widget-html:has(.dw-hero-lines){position:absolute;inset:0;pointer-events:none;z-index:0}
.elementor-216 .dw-hero-lines{position:absolute;inset:0;overflow:hidden}
.elementor-216 .dw-hero-lines i{position:absolute;width:800px;height:800px;border:1px solid #096bae15;border-radius:50%;right:-430px;top:-320px;animation:dwOrbit 38s linear infinite}
.elementor-216 .dw-hero-lines i:after{content:'';position:absolute;width:7px;height:7px;left:50%;top:-4px;background:#0493ee;border-radius:50%;box-shadow:0 0 20px #0493ee60}
.elementor-216 .dw-hero-lines i:nth-child(2){width:980px;height:980px;right:-520px;top:-410px;animation-duration:52s;animation-direction:reverse;opacity:.55}
.elementor-216 .dw-hero-lines span{position:absolute;right:-320px;top:-330px;width:800px;height:800px;background:radial-gradient(circle,#b7dcea30,transparent 68%);border-radius:50%}
.elementor-216 .dw-text-link{display:inline-flex;gap:18px;align-items:center;font-size:13px;font-weight:600;color:#334b56;padding:8px 0;text-decoration:none!important}
.elementor-216 .dw-text-link span{transition:transform .25s}
.elementor-216 .dw-text-link:hover span{transform:translateY(3px)}
.elementor-216 .dw-showcase{padding-top:28px;position:relative;z-index:1}
.elementor-216 .dw-demo-toolbar>.elementor-widget{width:auto}
.elementor-216 .dw-view-controls{display:flex;gap:3px;border-bottom:1px solid #c5d1d3}
.elementor-216 .dw-view-controls button{font-family:inherit;color:#53616a;background:transparent;border:0;border-bottom:2px solid transparent;border-radius:0;padding:8px 14px;min-height:42px;font-size:12px;cursor:pointer}
.elementor-216 .dw-view-controls button[aria-pressed=true]{color:#096bae;border-color:#096bae}
.elementor-216 .dw-view-controls button:hover{background:#e6ece9}
.elementor-216 .dw-artboard{width:100%;max-width:100%;margin-inline:auto;overflow:hidden;container-type:inline-size;transition:width .55s cubic-bezier(.2,.7,.3,1);box-shadow:0 24px 60px -38px #223c5066}
.elementor-216 .dw-showcase[data-preview=tablet] .dw-artboard{width:760px}
.elementor-216 .dw-showcase[data-preview=mobile] .dw-artboard{width:370px}
.elementor-216 .dw-demo-nav{display:flex;align-items:center;justify-content:space-between;gap:20px;background:#f8f9f4;border-bottom:1px solid #c9d3cc;padding:23px 34px;color:#233b35;line-height:1.4}
.elementor-216 .dw-demo-brand{font-size:14px;font-weight:700;letter-spacing:.13em}
.elementor-216 .dw-demo-menu{font-size:11px;word-spacing:12px}
.elementor-216 .dw-demo-menu b{font-size:18px;margin-left:30px}
.elementor-216 .dw-demo-copy{justify-content:center}
.elementor-216 .dw-demo-copy .elementor-heading-title{color:#244b40}
.elementor-216 .dw-demo-copy>.elementor-widget-heading:first-child .elementor-heading-title{font-size:9px;color:#3f6356}
.elementor-216 .dw-demo-title .elementor-heading-title{font-size:clamp(36px,5.2cqw,62px)!important;letter-spacing:-.04em;line-height:1.05}
.elementor-216 .dw-demo-image>.elementor-widget-image,.elementor-216 .dw-demo-image>.elementor-widget-image>.elementor-widget-container{height:100%}
.elementor-216 .dw-architecture img{display:block;width:100%;height:440px;object-fit:cover;object-position:center}
.elementor-216 .dw-demo-link{display:inline-flex;align-items:center;justify-content:space-between;gap:32px;max-width:220px;border-bottom:1px solid #52705e;padding:12px 0;color:#294d3c;font-size:11px}
.elementor-216 .dw-demo-link span{font-size:20px}
.elementor-216 .dw-motion-toggle{font-family:inherit;font-size:11px;line-height:1.4;padding:8px 0;background:transparent;border:0;border-bottom:1px solid #8ba3ad;color:#53616a;cursor:pointer;min-height:36px;border-radius:0}
.elementor-216 .dw-motion-toggle:disabled{cursor:default}
.elementor-216 .dw-question{position:relative}
.elementor-216 .dw-question:before{content:'';position:absolute;width:40px;height:1px;top:-1px;left:0;background:#0493ee;transition:width .35s}
.elementor-216 .dw-question:hover:before{width:100%}
.elementor-216 .dw-service-row{transition:border-color .3s}
.elementor-216 .dw-service-row:hover{border-color:#0493ee}
.elementor-216 .dw-workshop-photo{overflow:hidden}
.elementor-216 .dw-workshop-photo img{display:block;aspect-ratio:9/7;width:100%;height:auto;object-fit:cover}
.elementor-216 .dw-technical{position:relative;isolation:isolate;overflow:hidden}
.elementor-216 .dw-technical>.e-con-inner{position:static}
.elementor-216 .elementor-widget-html:has(.dw-technical-background){position:absolute;inset:0;width:100%;pointer-events:none;z-index:0}
.elementor-216 .dw-technical-background{position:absolute;inset:0;overflow:hidden}
.elementor-216 .dw-technical-background div{position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent,transparent 159px,#b4e6f208 159px,#b4e6f208 160px);mask-image:linear-gradient(90deg,transparent,#000)}
.elementor-216 .dw-technical-background i{position:absolute;inset:0 auto 0 -30%;width:30%;background:linear-gradient(90deg,transparent,#7fe4ea09,transparent);animation:dwScan 17s ease-in-out infinite alternate;transform:skewX(-14deg)}
.elementor-216 .dw-technical>.e-con-inner>.e-con{position:relative;z-index:1}
.elementor-216 .dw-flow{display:flex;align-items:center;gap:10px;color:#bfcfd5;font-size:11px;flex-wrap:wrap;line-height:1.5;margin-top:14px}
.elementor-216 .dw-flow span{border-bottom:1px solid #708c95;padding:10px 8px}
.elementor-216 .dw-flow b{color:#91dafa;animation:dwSignal 4s ease-in-out infinite;font-weight:400}
.elementor-216 .dw-flow b:nth-of-type(2){animation-delay:1s}
.elementor-216 .dw-accordion .ui-e-accordion-item{border-radius:0!important}
.elementor-216 .dw-technical .dw-accordion .ui-e-accordion-content p{color:#bfcfd5}
.elementor-216 .dw-cms-logo img{object-fit:contain;filter:none}
.elementor-216 .dw-quality-strip{display:flex;justify-content:space-between;gap:24px;padding:28px 0;border-top:1px solid #d4dcd8;border-bottom:1px solid #d4dcd8;font-size:14px;color:#29424c}
.elementor-216 .dw-quality-strip>span{display:flex;align-items:center;gap:18px}
.elementor-216 .dw-quality-strip b{font-size:29px;color:#096bae;font-weight:400;min-width:34px}
.elementor-216 .dw-relaunch{border-left:8px solid #0493ee}
.elementor-216 .dw-contact{border-top:1px solid #d5ddda}
.elementor-216 .dw-inview{animation:dwReveal .55s ease-out both}
.elementor-216.dw-paused *,.elementor-216.dw-paused *:before,.elementor-216.dw-paused *:after,.elementor-216 .dw-offscreen *,.elementor-216 .dw-offscreen *:before,.elementor-216 .dw-offscreen *:after{animation-play-state:paused!important}
@keyframes dwOrbit{to{transform:rotate(360deg)}}
@keyframes dwScan{to{transform:translateX(480%) skewX(-14deg)}}
@keyframes dwSignal{0%,100%{opacity:.4}50%{opacity:1}}
@keyframes dwReveal{from{opacity:.35;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}
@container(max-width:850px){.elementor-216 .dw-demo-copy{padding:28px 24px;gap:18px}.elementor-216 .dw-architecture img{height:380px}.elementor-216 .dw-demo-copy .elementor-widget-text-editor p{font-size:12px}}
@container(max-width:600px){.elementor-216 .dw-demo-content{flex-direction:column!important}.elementor-216 .dw-demo-copy,.elementor-216 .dw-demo-image{width:100%!important}.elementor-216 .dw-demo-nav{padding:18px 22px}.elementor-216 .dw-demo-menu{display:none}.elementor-216 .dw-demo-copy{padding:30px 26px}.elementor-216 .dw-demo-title .elementor-heading-title{font-size:42px!important}.elementor-216 .dw-architecture img{height:230px}.elementor-216 .dw-demo-copy>.elementor-widget-text-editor{display:none}.elementor-216 .dw-demo-copy{gap:14px}.elementor-216 .dw-demo-link{padding:6px 0}}
@media(max-width:1024px){.elementor-216 .dw-hero h1{font-size:clamp(47px,7vw,68px)}.elementor-216 .dw-hero-intro{max-width:760px}.elementor-216 .dw-quality-strip{flex-wrap:wrap}.elementor-216 .dw-question h3{font-size:21px}}
@media(max-width:767px){.elementor-216 section{scroll-margin-top:70px}.elementor-216 .dw-hero h1{font-size:clamp(38px,10.4vw,55px)}.elementor-216 .dw-demo-toolbar{align-items:flex-start!important}.elementor-216 .dw-showcase{padding-top:16px}.elementor-216 .dw-service-row{gap:14px}.elementor-216 .dw-quality-strip{flex-direction:column;gap:20px}.elementor-216 .dw-relaunch{border-left-width:4px}.elementor-216 .dw-question h3{font-size:24px}.elementor-216 .dw-hero-lines i{right:-640px;top:-300px}}
@media(prefers-reduced-motion:reduce){.elementor-216 *,.elementor-216 *:before,.elementor-216 *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.elementor-216 .elementor-invisible,.elementor-216 .uicore-animate-hide{visibility:visible!important;opacity:1!important;transform:none!important}}

/* Webseite revision: purposeful hero and understandable development examples. */
.elementor-216 .dw-hero-v2>.e-con-inner{align-items:center}
.elementor-216 .dw-hero-v2 h1{font-size:clamp(50px,4.9vw,69px);letter-spacing:-.052em;line-height:1.1;text-align:center;max-width:1180px}
.elementor-216 .dw-hero-v2>.e-con-inner>.elementor-widget-heading:first-of-type{text-align:center}
.elementor-216 .dw-hero-v2>.e-con-inner>.elementor-widget:not(:has(.dw-hero-v2-art)){position:relative;z-index:1}
.elementor-216 .dw-hero-v2 .elementor-widget-html:has(.dw-hero-v2-art){position:absolute;inset:0;pointer-events:none;z-index:0}
.elementor-216 .dw-hero-v2-art{position:absolute;inset:0;overflow:hidden}
.elementor-216 .dw-hero-v2-art i{position:absolute;inset:-220px -160px auto auto;width:800px;height:800px;border-radius:50%;background:radial-gradient(circle,#bce9f7a0,transparent 67%);animation:dwHeroDrift 19s ease-in-out infinite alternate}
.elementor-216 .dw-hero-v2-art i:nth-child(2){inset:auto auto -300px -180px;background:radial-gradient(circle,#c9d8ed88,transparent 66%);animation-delay:-9s}
.elementor-216 .dw-hero-v2-art svg{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:#096bae1a;stroke-width:1}
.elementor-216 .dw-hero-v2-art .dw-hero-trace{stroke:#0493ee;stroke-width:2;stroke-dasharray:55 2200;animation:dwHeroTrace 17s linear infinite;opacity:.45}
.elementor-216 .dw-v2-actions{position:relative;z-index:1}
.elementor-216 .dw-v2-actions>.elementor-widget-html{width:auto}
.elementor-216 .dw-hero-story{position:relative;width:100%;margin-top:20px}
.elementor-216 .dw-story-caption{display:flex;justify-content:space-between;gap:16px;color:#345562;font-size:12px;margin-bottom:17px}
.elementor-216 .dw-story-caption>span:first-child{font-weight:600}
.elementor-216 .dw-story-track{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.elementor-216 .dw-story-card{position:relative;background:#fffffff2;border:1px solid #cfdae1;border-radius:8px;padding:24px;box-shadow:0 20px 45px -36px #1d506677;animation:dwStoryFocus 12s ease-in-out infinite}
.elementor-216 .dw-story-two{animation-delay:4s}.elementor-216 .dw-story-three{animation-delay:8s}
.elementor-216 .dw-story-top{display:flex;justify-content:space-between;gap:10px;align-items:center;color:#4e6a79;font-size:9px;font-weight:700;letter-spacing:.1em}
.elementor-216 .dw-story-top>b{font-size:22px;font-weight:400;line-height:1;color:#096bae}
.elementor-216 .dw-story-visual{height:158px;margin:22px 0 20px;border-radius:3px;overflow:hidden;position:relative}
.elementor-216 .dw-visual-brand{background:#142e3d;padding:22px;color:#fff;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:8px}
.elementor-216 .dw-brand-line{width:26px;height:3px;background:#75d5ff;margin-bottom:3px}
.elementor-216 .dw-visual-brand strong{font-size:25px;line-height:1.2;letter-spacing:-.04em;font-weight:500}
.elementor-216 .dw-visual-brand>i{height:3px;width:64%;background:#91adba60;margin-top:4px}.elementor-216 .dw-visual-brand>i:last-child{width:43%;margin-top:0}
.elementor-216 .dw-visual-trust{display:flex;flex-direction:column;justify-content:center;gap:16px;padding:17px;background:#eff4f1;color:#244e45;font-size:11px;line-height:1.6}
.elementor-216 .dw-visual-trust>span{display:flex;gap:10px;align-items:center}.elementor-216 .dw-visual-trust i{display:inline-flex;justify-content:center;align-items:center;font-style:normal;background:#d4e7df;border-radius:50%;width:20px;height:20px;flex-shrink:0}
.elementor-216 .dw-visual-contact{display:flex;flex-direction:column;justify-content:center;background:#eef5fb;padding:20px;gap:14px;font-size:11px;color:#345562}
.elementor-216 .dw-visual-contact>div{height:35px;border:1px solid #cddbe5;border-radius:3px;background:#fff;padding:10px;display:flex;gap:5px;flex-direction:column}.elementor-216 .dw-visual-contact i{height:2px;width:70%;background:#cad4dc}.elementor-216 .dw-visual-contact i:last-child{width:45%}
.elementor-216 .dw-visual-contact strong{display:flex;align-items:center;justify-content:space-between;gap:7px;font-size:10px;font-weight:600;color:#096bae}
.elementor-216 .dw-story-card h3{font-family:Manrope,sans-serif;font-size:21px;font-weight:650;line-height:1.25;letter-spacing:-.035em;color:#15232d;margin:0 0 12px}
.elementor-216 .dw-story-card p{font-size:13px;color:#53616a;line-height:1.65;margin:0}
.elementor-216 .dw-story-progress{position:relative;height:2px;background:#c7d7df;margin-top:20px;overflow:hidden}
.elementor-216 .dw-story-progress i{position:absolute;inset:0 auto 0 -15%;width:15%;background:linear-gradient(90deg,transparent,#0493ee,transparent);animation:dwStoryProgress 12s linear infinite}
.elementor-216 .dw-motion-line{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:11px;color:#53616a}
.elementor-216 .dw-editorial-photo img{aspect-ratio:4/5;object-fit:cover;max-height:660px}
.elementor-216 .dw-drupal-logo{background:#142c3d;border-radius:4px;padding:15px 18px;width:186px!important;max-width:100%}
.elementor-216 .dw-drupal-logo img{display:block;width:150px;height:49px;max-width:100%;object-fit:contain}
.elementor-216 .dw-examples{position:relative;z-index:1;border:1px solid #3e5964;background:#142d37;border-radius:8px;overflow:hidden}
.elementor-216 .dw-example-selector{display:flex;gap:0;border-bottom:1px solid #3b5660;background:#102831;padding:0 30px}
.elementor-216 .dw-example-selector button{font-family:inherit;font-size:14px;font-weight:600;line-height:1.5;padding:19px 25px;min-height:54px;border:0;border-bottom:3px solid transparent;background:transparent;color:#b9cdd4;border-radius:0;cursor:pointer;transition:background .2s,color .2s}
.elementor-216 .dw-example-selector button:hover{background:#1e3e49;color:#fff}
.elementor-216 .dw-example-selector button[aria-pressed=true]{color:#92defb;border-color:#92defb;background:#1b3844}
.elementor-216 .dw-example-panel{padding:35px 36px 28px;margin:0}
.elementor-216 .dw-example-panel[hidden]{display:none!important}
.elementor-216 .dw-example-heading>span{display:block;color:#8cbbcc;font-size:10px;font-weight:700;letter-spacing:.14em;margin-bottom:12px}
.elementor-216 .dw-example-heading h3{font-size:29px;color:#fff;font-family:Manrope,sans-serif;font-weight:600;line-height:1.3;letter-spacing:-.04em;margin:0 0 25px;max-width:820px}
.elementor-216 .dw-example-before{display:grid;grid-template-columns:110px 1fr;gap:20px;align-items:start;border-left:2px solid #7b96a2;background:#1c343e;padding:16px 19px;color:#c3d1d7}
.elementor-216 .dw-example-before strong{font-size:12px;font-weight:600;color:#b1c3cb;padding-top:3px}
.elementor-216 .dw-example-before p{font-size:14px;line-height:1.7;margin:0;color:#c3d1d7}
.elementor-216 .dw-example-after-label{font-size:11px;color:#a3dbeb;letter-spacing:.025em;margin:28px 0 20px}
.elementor-216 .dw-example-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;position:relative}
.elementor-216 .dw-example-steps:before{content:'';position:absolute;top:21px;left:24px;right:24px;height:1px;background:#4a6976}
.elementor-216 .dw-example-steps li{position:relative;padding:0;min-width:0}
.elementor-216 .dw-step-number{display:flex;align-items:center;justify-content:center;position:relative;width:43px;height:43px;border:1px solid #588294;background:#16313e;color:#a7d9ec;border-radius:50%;font-size:14px;font-weight:600;margin-bottom:20px;animation:dwStepHighlight 12s ease-in-out infinite;animation-delay:calc(var(--step)*4s)}
.elementor-216 .dw-example-steps h4{font-family:Manrope,sans-serif;font-size:18px;line-height:1.4;letter-spacing:-.02em;color:#fff;font-weight:600;margin:0 0 10px}
.elementor-216 .dw-example-steps p{font-size:14px;color:#bfcfd5;line-height:1.75;margin:0}
.elementor-216 .dw-example-benefit{display:flex;gap:15px;align-items:center;margin-top:30px;border-top:1px solid #45635e;padding:23px 0 0;color:#c6eddc}
.elementor-216 .dw-example-benefit>span{width:30px;height:30px;border-radius:50%;background:#234c43;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#b4e9d0}
.elementor-216 .dw-example-benefit p{font-size:17px;color:#d3f0e2;line-height:1.5;margin:0;letter-spacing:-.015em}
.elementor-216 .dw-example-benefit strong{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.13em;color:#96cbb5;margin-bottom:5px;font-weight:600}
.elementor-216 .dw-example-footer{border-top:1px solid #355460;padding:14px 36px;display:flex;align-items:center;justify-content:space-between;gap:20px;color:#a8c0cc;font-size:11px;line-height:1.7}
.elementor-216 .dw-example-footer .dw-motion-toggle{color:#b6d7e6;white-space:nowrap}
@keyframes dwHeroDrift{to{transform:translate(-110px,90px) scale(1.08)}}
@keyframes dwHeroTrace{to{stroke-dashoffset:-2255}}
@keyframes dwStoryFocus{0%,29%{border-color:#7db5d6;box-shadow:0 10px 35px -24px #096bae88}34%,95%{border-color:#cfdae1;box-shadow:0 20px 45px -36px #1d506677}100%{border-color:#7db5d6}}
@keyframes dwStoryProgress{to{transform:translateX(770%)}}
@keyframes dwStepHighlight{0%,28%{background:#70cced;color:#102731;border-color:#a2eaff;box-shadow:0 0 24px #75d4ee30}34%,95%{background:#16313e;color:#a7d9ec;border-color:#588294;box-shadow:none}100%{background:#70cced;color:#102731}}
@media(max-width:1024px){.elementor-216 .dw-hero-v2 h1{font-size:clamp(43px,5.6vw,59px)}.elementor-216 .dw-story-card{padding:19px}.elementor-216 .dw-visual-brand strong{font-size:22px}.elementor-216 .dw-story-card h3{font-size:19px}.elementor-216 .dw-story-visual{height:152px}.elementor-216 .dw-visual-contact,.elementor-216 .dw-visual-trust{padding:13px}.elementor-216 .dw-visual-trust{font-size:10px}.elementor-216 .dw-example-selector{padding:0 16px}.elementor-216 .dw-example-panel{padding:28px}.elementor-216 .dw-example-steps{gap:20px}.elementor-216 .dw-editorial-photo{max-width:620px}}
@media(max-width:767px){.elementor-216 .dw-hero-v2 h1{font-size:clamp(34px,9vw,43px);letter-spacing:-.055em}.elementor-216 .dw-v2-actions{gap:10px}.elementor-216 .dw-story-caption{flex-direction:column;gap:4px}.elementor-216 .dw-story-track{grid-template-columns:1fr;gap:14px}.elementor-216 .dw-story-card{padding:21px}.elementor-216 .dw-story-visual{height:130px;margin:16px 0}.elementor-216 .dw-story-card h3{font-size:23px}.elementor-216 .dw-story-card p{font-size:14px}.elementor-216 .dw-visual-brand strong{font-size:26px}.elementor-216 .dw-visual-trust{font-size:12px;gap:11px}.elementor-216 .dw-visual-contact{font-size:12px;padding:16px}.elementor-216 .dw-visual-contact strong{font-size:11px}.elementor-216 .dw-motion-line{align-items:flex-start;flex-direction:column;gap:9px}.elementor-216 .dw-example-selector{flex-wrap:wrap;padding:8px;gap:4px}.elementor-216 .dw-example-selector button{padding:11px 12px;font-size:12px;min-height:42px;flex:1 1 auto}.elementor-216 .dw-example-panel{padding:25px 20px}.elementor-216 .dw-example-heading h3{font-size:25px}.elementor-216 .dw-example-before{grid-template-columns:1fr;gap:6px;padding:13px 14px}.elementor-216 .dw-example-steps{grid-template-columns:1fr;gap:26px}.elementor-216 .dw-example-steps:before{top:24px;left:21px;bottom:30px;height:auto;width:1px;right:auto}.elementor-216 .dw-example-steps li{display:flex;gap:17px;align-items:flex-start}.elementor-216 .dw-step-number{flex-shrink:0;margin:0}.elementor-216 .dw-example-steps h4{font-size:18px;margin-top:5px}.elementor-216 .dw-example-footer{flex-direction:column;align-items:flex-start;gap:8px;padding:16px 20px}.elementor-216 .dw-example-benefit p{font-size:16px}}
@media(prefers-reduced-motion:reduce){.elementor-216 .dw-story-progress{display:none}.elementor-216 .dw-step-number{background:#16313e;color:#a7d9ec}}