:focus-visible{outline:var(--focus-outline-width,2px) solid var(--brand-teal-dark);outline-offset:var(--focus-outline-offset,3px)}.text-accent{color:var(--brand-teal-dark)}.rte a{color:var(--brand-teal-dark);text-decoration:underline;text-underline-offset:3px}.rte a:hover{color:var(--brand-navy)}.x-section{padding:88px 0}.x-section--tight{padding:56px 0}.x-section--navy{background:var(--brand-navy);color:rgba(255,255,255,.86)}.x-section--navy h1,.x-section--navy h2,.x-section--navy h3,.x-section--navy .heading{color:#fff}.x-section--muted{background:#f6f8f9}.x-eyebrow{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-heading--family);font-weight:600;font-size:14px;letter-spacing:.08em;text-transform:uppercase;color:var(--brand-teal-dark);margin-bottom:14px}.x-section--navy .x-eyebrow{color:var(--brand-teal)}.x-eyebrow::before{content:"";width:26px;height:2px;background:currentColor;display:inline-block}.x-lead{font-size:18px;line-height:1.7;color:var(--brand-slate)}.x-section--navy .x-lead{color:rgba(255,255,255,.78)}.x-cards{display:grid;gap:24px}.x-cards--3{grid-template-columns:repeat(3,1fr)}.x-cards--4{grid-template-columns:repeat(4,1fr)}.x-cards--2{grid-template-columns:repeat(2,1fr)}@media (max-width:991px){.x-cards--3,.x-cards--4{grid-template-columns:repeat(2,1fr)}}@media (max-width:575px){.x-cards{grid-template-columns:1fr}}.x-card{background:#fff;border:1px solid var(--color-border,rgba(14,21,40,.12));border-radius:18px;padding:32px 28px;height:100%;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;display:flex;flex-direction:column}.x-card:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(14,21,40,.10);border-color:var(--brand-teal)}.x-card__icon{width:56px;height:56px;border-radius:14px;display:grid;place-items:center;background:rgba(23,228,194,.14);color:var(--brand-teal-dark);margin-bottom:20px}.x-card__icon img,.x-card__icon svg{width:28px;height:28px}.x-card__num{font-family:var(--font-heading--family);font-weight:700;color:var(--brand-teal);font-size:20px;margin-bottom:12px}.x-card h3,.x-card .heading{font-size:21px;margin-bottom:12px}.x-card p{color:var(--brand-slate);font-size:16px;line-height:1.65;margin:0 0 18px}.x-card__link{margin-top:auto;font-weight:600;color:var(--brand-navy);display:inline-flex;align-items:center;gap:8px}.x-card__link:hover{color:var(--brand-teal-dark)}.x-card__link::after{content:"→";transition:transform .2s ease}.x-card__link:hover::after{transform:translateX(4px)}.x-checklist{list-style:none;padding:0;margin:0;display:grid;gap:14px}.x-checklist li{position:relative;padding-left:34px;line-height:1.6}.x-checklist li::before{content:"";position:absolute;left:0;top:2px;width:22px;height:22px;border-radius:50%;background:var(--brand-teal) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%230e1528' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E") center / 12px no-repeat}.x-cta{background:linear-gradient(120deg,var(--brand-navy) 0%,var(--brand-navy-2) 100%);color:#fff;border-radius:22px;padding:56px;text-align:center}.x-cta h2{color:#fff;margin-bottom:14px}.x-cta p{color:rgba(255,255,255,.8);max-width:640px;margin:0 auto 28px;font-size:18px}.x-cta .buttons{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}@media (max-width:575px){.x-cta{padding:40px 24px}}.x-trust{display:flex;flex-wrap:wrap;align-items:center;gap:28px;justify-content:center}.x-trust img{height:84px;width:auto}.x-media-cover{object-fit:cover;width:100%;height:100%;display:block}.x-footer{background:var(--brand-navy);color:rgba(255,255,255,.72)}.x-footer a{color:rgba(255,255,255,.72)}.x-footer a:hover{color:var(--brand-teal)}.x-footer h4{color:#fff;font-size:16px;letter-spacing:.04em;text-transform:uppercase;margin-bottom:18px}.header-menu .menu-link.active,.header-menu .menu-link-main.active{color:var(--brand-teal-dark)}.x-page-banner{background:#f6f8f9;padding:44px 0;border-bottom:1px solid rgba(14,21,40,.06)}.x-page-banner__title{font-size:var(--font-h2--size);margin:10px 0 0}.x-breadcrumb ol{list-style:none;display:flex;flex-wrap:wrap;gap:8px;padding:0;margin:0;font-size:14px;color:var(--brand-slate)}.x-breadcrumb li{display:inline-flex;align-items:center}.x-breadcrumb li:not(:first-child)::before{content:"/";margin-right:8px;color:rgba(14,21,40,.35)}.x-breadcrumb a{color:var(--brand-slate)}.x-breadcrumb a:hover{color:var(--brand-teal-dark)}.x-breadcrumb [aria-current="page"]{color:var(--brand-navy);font-weight:600}.x-footer{padding:72px 0 28px}.x-footer__top{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1.4fr;gap:40px;padding-bottom:44px;border-bottom:1px solid rgba(255,255,255,.12)}.x-footer__wordmark{font-family:var(--font-heading--family);font-weight:700;font-size:22px;color:#fff;display:inline-block;margin-bottom:18px;letter-spacing:.02em}.x-footer__wordmark span{color:var(--brand-teal)}.x-footer__about{max-width:340px;line-height:1.7;margin-bottom:22px}.x-footer__social a{display:inline-grid;place-items:center;width:42px;height:42px;border-radius:50%;border:1px solid rgba(255,255,255,.2);color:#fff;transition:background .2s,color .2s,border-color .2s}.x-footer__social a:hover{background:var(--brand-teal);color:var(--brand-navy);border-color:var(--brand-teal)}.x-footer__col ul li{margin-bottom:12px}.x-footer__contact address{font-style:normal;line-height:1.9}.x-footer__bottom{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;padding-top:22px;font-size:14px}.x-footer__legal{display:flex;gap:20px;margin:0}@media (max-width:991px){.x-footer__top{grid-template-columns:1fr 1fr}}@media (max-width:575px){.x-footer__top{grid-template-columns:1fr}.x-footer__bottom{flex-direction:column;align-items:flex-start}}.x-hero{position:relative;min-height:640px;display:grid;align-items:center;color:#fff;overflow:hidden}.x-hero__media{position:absolute;inset:0;z-index:0}.x-hero__media img{width:100%;height:100%;object-fit:cover}.x-hero::after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(14,21,40,.93) 0%,rgba(14,21,40,.80) 45%,rgba(14,21,40,.66) 100%)}.x-hero__inner{position:relative;z-index:2;padding:96px 0}.x-hero .x-eyebrow{color:var(--brand-teal)}.x-hero h1{color:#fff;font-size:clamp(38px,5vw,58px);line-height:1.1;margin:0 0 20px;max-width:18ch}.x-hero p{color:rgba(255,255,255,.85);font-size:19px;line-height:1.6;max-width:56ch;margin:0 0 32px}.x-hero .buttons{display:flex;gap:16px;flex-wrap:wrap}@media (max-width:767px){.x-hero{min-height:520px}.x-hero__inner{padding:64px 0}}.x-section-head{max-width:720px;margin:0 auto 48px;text-align:center}.x-section-head .x-eyebrow{justify-content:center}.x-section-head h2{font-size:var(--font-h2--size);margin:0 0 14px}.x-two-col{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}.x-two-col__media img{width:100%;height:auto;border-radius:18px;display:block}.x-two-col h2{font-size:var(--font-h2--size);margin:0 0 18px}@media (max-width:991px){.x-two-col{grid-template-columns:1fr;gap:36px}}.x-card--media{padding:0;overflow:hidden}.x-card--media .x-card__media{aspect-ratio:3 / 2;overflow:hidden}.x-card--media .x-card__media img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.x-card--media:hover .x-card__media img{transform:scale(1.05)}.x-card--media .x-card__body{padding:26px 28px 30px;display:flex;flex-direction:column;flex:1}.x-card__meta{display:flex;gap:12px;align-items:center;font-size:13px;color:var(--brand-slate);margin-bottom:10px}.x-card__tag{color:var(--brand-teal-dark);font-weight:600}.x-card__square{aspect-ratio:1 / 1;display:grid;place-items:center;background:#f6f8f9;padding:24px}.x-card__square img{max-width:82%;max-height:82%;width:auto;height:auto;object-fit:contain}.x-flowassist .x-badge{display:inline-block;padding:6px 14px;border-radius:40px;background:rgba(23,228,194,.16);color:var(--brand-teal);font-weight:600;font-size:13px;letter-spacing:.04em;margin-bottom:18px}.rte>p{line-height:1.8;margin:0 0 20px;color:var(--brand-slate);font-size:17px}.rte>h2{font-size:28px;margin:44px 0 18px}.rte>.x-lead{color:var(--brand-navy);font-size:20px;font-weight:500;line-height:1.6}.rte>.x-checklist{margin:8px 0 8px}.x-detail-media{border-radius:18px;overflow:hidden;margin:10px 0 34px}.x-detail-media img{width:100%;height:auto;display:block}.x-cards--tight{gap:16px}.x-card--sm{padding:24px}.x-card--sm h3{font-size:18px;margin-bottom:8px}.x-card--sm p{font-size:15px;margin:0}.x-sidebar{position:sticky;top:110px;display:grid;gap:24px}.x-sidebar-widget{background:#fff;border:1px solid var(--color-border);border-radius:18px;padding:28px}.x-sidebar-widget h3{font-size:18px;margin:0 0 18px}.x-service-list{list-style:none;padding:0;margin:0;display:grid;gap:4px}.x-service-list a{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px 14px;border-radius:10px;color:var(--brand-navy);font-weight:500}.x-service-list a::after{content:"→";color:var(--brand-teal-dark);opacity:0;transition:opacity .2s}.x-service-list a:hover{background:#f6f8f9}.x-service-list a:hover::after,.x-service-list a[aria-current]::after{opacity:1}.x-service-list a[aria-current]{background:rgba(23,228,194,.12);color:var(--brand-teal-dark)}.x-sidebar-contact{background:var(--brand-navy)}.x-sidebar-contact h3{color:#fff}.x-sidebar-contact p{color:rgba(255,255,255,.8);font-size:15px}.x-sidebar-contact .button{width:100%;margin-top:12px}@media (max-width:991px){.x-sidebar{position:static;margin-top:44px}}.x-accordion{border-top:1px solid var(--color-border);margin:12px 0 6px}.x-accordion .accordion-block{border-bottom:1px solid var(--color-border)}.x-accordion .accordion-opener{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:22px 2px;cursor:pointer}.x-accordion .accordion-opener h2,.x-accordion .accordion-opener h3{font-size:19px;margin:0}.x-accordion .heading-index{display:flex;align-items:baseline;gap:12px}.x-accordion .heading-index span{color:var(--brand-teal-dark);font-weight:700;font-size:18px}.x-accordion .accordion-opener .svg-wrapper{flex-shrink:0;transition:transform .3s ease;color:var(--brand-slate);display:inline-flex}.x-accordion .accordion-block.active .accordion-opener .svg-wrapper{transform:rotate(180deg);color:var(--brand-teal-dark)}.x-accordion .accordion-content{overflow:hidden;max-height:0;transition:max-height .4s ease}.x-accordion .accordion-block.active .accordion-content{max-height:1500px}.x-accordion .accordion-content-inner{padding:0 2px 24px;color:var(--brand-slate);line-height:1.75}.x-contact-info{list-style:none;padding:0;margin:28px 0;display:grid;gap:20px}.x-contact-info li{display:flex;gap:16px;align-items:flex-start;line-height:1.6}.x-contact-info__icon{flex-shrink:0;width:44px;height:44px;border-radius:12px;background:rgba(23,228,194,.14);display:grid;place-items:center}.x-contact-info a{color:var(--brand-navy)}.x-contact-info a:hover{color:var(--brand-teal-dark)}.x-map{border-radius:16px;overflow:hidden;background:#f6f8f9;border:1px solid var(--color-border);min-height:220px;display:flex}.x-map__consent{padding:24px;text-align:center;margin:auto}.x-map__consent p{color:var(--brand-slate);font-size:14px;margin-bottom:14px}.x-map__link{margin-top:12px;font-size:13px}.x-map iframe{display:block}.x-form-wrap{background:#fff;border:1px solid var(--color-border);border-radius:20px;padding:36px}@media (max-width:575px){.x-form-wrap{padding:24px}}.x-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}@media (max-width:575px){.x-form-grid{grid-template-columns:1fr}}.field-consent{flex-direction:column}.form-button{margin-top:8px}.x-hp{position:absolute !important;left:-9999px !important;width:1px;height:1px;overflow:hidden}.button.is-loading{opacity:.7;pointer-events:none}.x-fa-panel{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.x-fa-chip{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:15px 18px;display:flex;align-items:center;gap:10px;color:#fff;font-weight:500;font-size:15px}.x-fa-chip::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--brand-teal);flex-shrink:0}@media (max-width:575px){.x-fa-panel{grid-template-columns:1fr}}@media (max-width:991.98px){html,body{overflow-x:hidden}}:root{--x-bar-background:rgba(28,37,57,1);--footer-bottom-background:var(--x-bar-background);--x-accent:#0b7d6c;--x-accent-light:#17e4c2;--x-navy:#1c2539;--x-slate:#5d666f;--x-accent-on-light:#0b7d6c;--x-accent-hover-on-light:#08594c;--x-accent-on-dark:#6cebd4;--x-accent-hover-on-dark:#9df1e3;--x-transition:180ms;--x-transition-ease:cubic-bezier(.4,0,.2,1)}.header-1{background:#fff}.header-1.header-floating{--color-background:rgba(28,37,57,0);background:var(--color-background);border-bottom-color:rgba(255,255,255,.2)}.header-1.header-floating:focus-within{--color-background:rgba(28,37,57,1);border-bottom-color:rgba(255,255,255,0)}@media (min-width:992px){.header-1 .header-grid{grid-template-columns:290px 1fr auto}}.header-1 .header-separator{flex:0 0 auto}.header-1 .header-separator svg{width:11px;height:53px;flex:0 0 auto}.header-1 .header-search,.header-1 .header-search svg,.header-1 .header-separator svg{color:#0e1528}.header-1.scrolled-past-header,.header-1.scrolled-past-header .header-grid{background:var(--x-bar-background)}.header-1.scrolled-past-header,.header-1.header-floating.scrolled-past-header,.header-1.header-floating.scrolled-past-header:hover,.header-1.header-floating.scrolled-past-header:focus-within{border-bottom:var(--style-border-width,1px) solid rgba(255,255,255,.08)}.header-1.scrolled-past-header .header-search,.header-1.scrolled-past-header .header-search svg,.header-1.scrolled-past-header .header-separator svg{color:#fff}@media (min-width:992px){.header-1 .menu-link-main{color:#0e1528}.header-1 .nav-item:hover>.menu-link-main{color:#0b7d6c}.header-1.scrolled-past-header .menu-link-main{color:#fff}.header-1.scrolled-past-header .nav-item:hover>.menu-link-main{color:#17e4c2}.header-1.header-floating:not(.scrolled-past-header) .menu-link-main{color:#fff}.header-1.header-floating:not(.scrolled-past-header) .nav-item:hover>.menu-link-main{color:#17e4c2}}.header-1.header-floating:not(.scrolled-past-header) .header-search,.header-1.header-floating:not(.scrolled-past-header) .header-search svg,.header-1.header-floating:not(.scrolled-past-header) .header-separator svg{color:#fff}.page-header-solid .header-1,.page-header-solid .header-1 .header-grid{background:var(--x-bar-background)}.page-header-solid .header-1{border-bottom-color:rgba(255,255,255,.08)}.page-header-solid .header-1 .header-search,.page-header-solid .header-1 .header-search svg,.page-header-solid .header-1 .header-separator svg{color:#fff}@media (min-width:992px){.page-header-solid .header-1 .menu-link-main{color:#fff}.page-header-solid .header-1 .nav-item:hover>.menu-link-main{color:#17e4c2}}.page-header-solid .header-1 .header-actions .button--secondary{border-color:rgba(255,255,255,.3);color:#fff}.page-header-solid .header-1 .header-actions .button--secondary .svg-wrapper{background:#0e1528;color:#fff}.page-header-solid main{padding-block-start:var(--header-height,80px)}:root{--header-height:61px}@media (min-width:768px){:root{--header-height:69px}}@media (min-width:992px){:root{--header-height:161px}}@media (min-width:1067px){:root{--header-height:81px}}@media (min-width:1609px){:root{--header-height:100px}}.footer-main{--color-border:rgba(255,255,255,.3);background-image:url("/assets/images/footer.webp");background-repeat:no-repeat;background-position:center;background-size:cover}@media (min-width:992px){.footer-contact .contact-media{position:relative;height:100%;overflow:hidden}.footer-contact .contact-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}}.footer-main .footer-bottom{background:var(--footer-bottom-background)}.theme-modal{color:var(--color-foreground)}.header-1 .header-search:focus-visible,.theme-modal .search-close:focus-visible{outline:2px solid #17e4c2;outline-offset:3px;border-radius:50%}.header-1 .header-logo{max-width:none}.header-1 .header-logo img{max-height:44px;width:auto;height:auto;margin-left:auto}@media (max-width:767px){.header-1 .header-logo img{max-height:36px}}.hero-slider .content-box .heading{max-width:17ch}@media (max-width:991px){.hero-slider .content-box .heading{max-width:15ch}}.hero-slider .slider-card.overlay::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,rgba(14,21,40,.80) 0%,rgba(14,21,40,.50) 55%,rgba(14,21,40,.30) 100%)}.hero-slider .slider-card.overlay>.slider-content{position:relative;z-index:2}.header-1 .header-actions .button--secondary,.header-1.scrolled-past-header .header-actions .button--secondary,.page-header-solid .header-1 .header-actions .button--secondary{white-space:nowrap;background:#17e4c2;border-color:#17e4c2;color:#0e1528;transition:opacity 0.2s ease}.header-1 .header-actions .button--secondary .svg-wrapper,.header-1.scrolled-past-header .header-actions .button--secondary .svg-wrapper,.page-header-solid .header-1 .header-actions .button--secondary .svg-wrapper{background:#0e1528;color:#17e4c2}.header-1 .header-actions .button--secondary:hover,.header-1 .header-actions .button--secondary:focus-visible,.header-1.scrolled-past-header .header-actions .button--secondary:hover,.page-header-solid .header-1 .header-actions .button--secondary:hover{background:#17e4c2;border-color:#17e4c2;color:#0e1528;filter:brightness(1.12)}@media (min-width:992px){.header-1 .header-actions .menu-open{width:36px;height:36px;min-width:36px;display:inline-flex;align-items:center;justify-content:center}.header-1 .header-actions .menu-open svg{width:36px;height:36px}.header-1 .header-actions .menu-open svg circle{fill:#fff;stroke:rgba(14,21,40,.18)}.header-1 .header-actions .menu-open svg path{fill:#0e1528}}.header-megamenu .megamenu-image-wrap picture,.header-megamenu .megamenu-image-wrap img{display:block;width:100%;aspect-ratio:1000 / 668;object-fit:cover;object-position:center}.page-banner--plain{background:linear-gradient(135deg,#0e1528 0%,#16213c 55%,#0b2c34 100%)}.page-banner--plain::before{opacity:.35}.image-text-content .text + .text{margin-top:14px}.image-text-content .button{margin-top:28px}.x-hub .section-headings,.page-service-details .section-headings{margin-bottom:40px}.x-hub .section-headings .heading + .text{margin-top:14px}.x-hub .section-headings.text-center .text{max-width:62ch;margin-inline:auto}.x-hub .product-grid>[class*="col-"]{display:flex}.x-hub .multicolumn-card{width:100%}.x-hub-more{display:inline-flex;align-items:center;gap:8px;margin-top:18px;color:var(--color-accent,#17e4c2)}.x-hub-more .svg-wrapper{display:inline-flex}.multicolumn-card--media{overflow:hidden;display:flex;height:100%}.multicolumn-card--media img{width:100%;height:100%;min-height:240px;object-fit:contain;object-position:center}@media (min-width:1200px){#leistungen .col-xl-3 .multicolumn-card{padding-inline:32px}}.hero-banner-2 .section-headings-left{max-width:620px}@media (min-width:1200px){.hero-banner-2 .section-headings-left{max-width:660px}}@media (max-width:1199px){.hero-banner-2 .section-headings-horizontal{flex-wrap:wrap;gap:30px}.hero-banner-2 .section-headings-left{max-width:100%}}.multicolumn .multicolumn-card--media,.multicolumn .multicolumn-card--media:hover,.multicolumn .multicolumn-card--media:focus,.multicolumn .multicolumn-card--media:focus-within{--color-background:rgba(242,242,242,1);transition:none;cursor:default}html.aos-unavailable body [data-aos]{opacity:1;transform:none;transition:none}@media (min-width:1200px){.our-services-3 .section-headings.headings-width{max-width:900px}}@media (min-width:1600px){.our-services-3 .section-headings.headings-width{max-width:1200px}}.x-expertise .image-logo{overflow:hidden}.x-expertise .image-logo img{border-radius:inherit}.page-banner-note{margin-top:18px;color:rgba(255,255,255,.85)}.page-banner-note a{color:var(--x-accent-light);text-decoration:none;font-weight:500;transition:color .2s ease-in-out}.page-banner-note a:hover,.page-banner-note a:focus-visible{color:#fff;text-decoration:none}.x-filter{margin-bottom:40px}.x-filter-list{display:flex;flex-wrap:wrap;gap:12px;margin:0}.x-filter-link{display:inline-flex;align-items:center;text-decoration:none;transition:background-color .2s ease,color .2s ease}.x-filter-link.active{background:var(--x-bar-background);color:#fff;border-color:var(--x-bar-background)}.x-filter-link:focus-visible,.blog-category:focus-visible,.pagination-link:focus-visible{outline:2px solid var(--x-accent);outline-offset:2px}.blog-category{text-decoration:none}.blog-category.active{background:var(--x-bar-background);color:#fff}.pagination-link[aria-disabled="true"]{opacity:.4;pointer-events:none;cursor:default}.card-project{aspect-ratio:645 / 690;display:flex;align-items:center;justify-content:center}.card-project img{width:100%;max-width:var(--x-logo-max,100%);height:auto;max-height:100%;margin-inline:auto;object-fit:contain;object-position:center}.project-details-content .project-challenge{max-width:100%}.card-blog-heading a{color:var(--color-foreground-heading);transition:color .2s ease-in-out}.card-blog-heading a:hover,.card-blog-heading a:focus-visible{color:var(--x-accent)}.button--cta:hover,.button--cta:focus-visible{color:var(--x-accent)}.x-img-placeholder{width:100%;aspect-ratio:800 / 791;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:linear-gradient(135deg,#f2f2f2 0%,#e8edf0 100%);color:#5d666f;text-align:center;padding:24px}.x-img-placeholder svg{width:40px;height:40px;opacity:.45}.service-contact .x-external{display:inline-block;margin-top:14px;color:#fff;text-decoration:underline;text-underline-offset:3px}.service-contact .x-external:hover{color:var(--color-accent,#17e4c2)}.x-expertise{overflow:hidden;background:#20282d}.x-expertise .content-inner{display:flex;width:max-content;overflow:hidden}.x-expertise .content-lists{display:flex;align-items:center;width:max-content;animation:x-marquee-expertise 42s linear infinite}@keyframes x-marquee-expertise{from{transform:translateX(0)}to{transform:translateX(-50%)}}.x-expertise .content-lists:hover{animation-play-state:paused}.x-expertise .content-item{display:flex;align-items:center;gap:48px;padding-right:48px;flex:0 0 auto}.x-expertise .heading{color:rgba(255,255,255,.92);white-space:nowrap;margin:0;font-size:clamp(28px,4vw,56px)}.x-expertise .image-logo{flex:0 0 auto;width:76px;height:76px;border-radius:50%;background:#fff;display:grid;place-items:center;padding:8px}.x-expertise .image-logo img{width:100%;height:100%;object-fit:contain}@media (max-width:767px){.x-expertise .content-lists{animation-duration:24s}}.service-contact{position:relative;z-index:0;overflow:hidden}.service-contact .media-bg{position:absolute;inset:0}.service-contact .media-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(14,21,40,.55) 0%,rgba(14,21,40,.8) 100%)}.service-contact .media-bg img{width:100%;height:100%;object-fit:cover}.service-contact .service-contact-content{position:relative;z-index:2}.service-contact .service-contact-content .heading,.service-contact .service-contact-content .contact-number{color:#fff}.service-contact .service-contact-content .contact-text{color:rgba(255,255,255,.8)}.service-contact .service-contact-content .contact-number{display:block;margin-top:16px}.service-contact .service-contact-content .button{display:inline-flex;margin-top:18px}.service-choose-us .text-item{line-height:1.6}.service-choose-us>.heading + .text,.service-choose-us>.text + .text{margin-block-start:18px}.service-choose-us>.text + .service-benefits-row{margin-block-start:30px}.service-benefits-row .text-item{align-items:flex-start}.service-benefits-row .text-item svg{margin-block-start:4px}.service-benefits-row>[class*="col-"]>.text-lists>.text-item:first-child{margin-block-start:0}.service-choose-us .row h3{margin-bottom:8px}.service-choose-us .row>[class*="col-"]{margin-bottom:26px}.service-choose-us .service-row>[class*="col-"]{margin-bottom:0}.text-lists .text-item svg{color:#009980}.project-img-small .project-img{aspect-ratio:1350 / 975}.project-img-small .project-img img{width:100%;height:100%;object-fit:cover}.theme-drawer.drawer-additional .drawer-heading{color:#0e1528;font-weight:600}.theme-drawer.drawer-additional .menu-link{gap:12px}.theme-drawer.drawer-additional .menu-link.no-hover{cursor:default}.form .field,.contact-form .field{display:flex;flex-direction:column}.form input[type="text"],.form input[type="email"],.form input[type="tel"],.form textarea,.contact-form input[type="text"],.contact-form input[type="email"],.contact-form input[type="tel"],.contact-form textarea{width:100%;padding:14px 18px;font:inherit;color:var(--x-navy);background:#fff;border:1px solid rgba(93,102,111,0.2);border-radius:8px;transition:border-color .2s ease,box-shadow .2s ease;appearance:none}.form textarea,.contact-form textarea{resize:vertical;min-height:146px}.form input::placeholder,.contact-form input::placeholder,.form textarea::placeholder,.contact-form textarea::placeholder{color:var(--x-slate,#5d666f);opacity:1}.footer-contact .form input:focus,.footer-contact .form textarea:focus,.faq-form input:focus,.faq-form textarea:focus{outline:none;border-color:var(--x-accent-light);box-shadow:0 0 0 3px rgba(23,228,194,0.22)}.contact-form label:not(.visually-hidden):not(.x-consent){font-weight:600;font-size:14px;margin-bottom:8px;color:var(--x-navy)}.field.has-error input,.field.has-error textarea{border-color:#d64545}.field-error{color:#c0392b;font-size:13px;margin-top:6px}.field-error:empty{display:none}.form-status:empty{display:none}.form-status{margin-top:16px;font-size:15px;border-radius:8px}.form-status.is-success{padding:14px 16px;background:rgba(23,228,194,.14);color:var(--x-accent)}.form-status.is-error{padding:14px 16px;background:rgba(214,69,69,.10);color:#b33636}.x-hp{position:absolute !important;left:-9999px !important;width:1px;height:1px;overflow:hidden}.x-consent{display:flex;align-items:flex-start;gap:12px;font-size:15px;line-height:1.55;color:var(--form-text-color,var(--x-slate));cursor:pointer;font-weight:400}.x-consent input[type="checkbox"]{appearance:none;-webkit-appearance:none;flex:0 0 auto;box-sizing:border-box;padding:0;width:18px;height:18px;min-height:18px;max-height:18px;min-width:18px;max-width:18px;margin:2px 0 0;border:2px solid var(--x-slate,#5d666f);border-radius:0;background:#fff;cursor:pointer;position:relative;transition:background-color .18s ease,border-color .18s ease,box-shadow .18s ease}.x-consent input[type="checkbox"]:hover{border-color:var(--x-accent-light)}.x-consent input[type="checkbox"]::after{content:"";position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231c2539' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E") center / 11px no-repeat;opacity:0;transform:scale(.6);transition:opacity .18s ease,transform .18s ease}.x-consent input[type="checkbox"]:checked{background:var(--x-accent-light);border-color:var(--x-accent-light)}.x-consent input[type="checkbox"]:checked::after{opacity:1;transform:scale(1)}.x-consent input[type="checkbox"]:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(23,228,194,0.3)}.x-consent a,.rte a,.accordion-content-inner a,.info-data a,.blog-description a,.project-info-item a{color:var(--x-accent);text-decoration:none;font-weight:500;transition:color .2s ease-in-out}.x-consent a:hover,.x-consent a:focus-visible,.rte a:hover,.rte a:focus-visible,.accordion-content-inner a:hover,.accordion-content-inner a:focus-visible,.info-data a:hover,.info-data a:focus-visible,.blog-description a:hover,.blog-description a:focus-visible,.project-info-item a:hover,.project-info-item a:focus-visible{color:var(--x-navy);text-decoration:none}footer .footer-widget a.link,footer .footer-menu a,footer .x-tagcloud-heading{text-decoration:none}footer .footer-widget-brand a.link{color:var(--x-accent-light);text-decoration:none}footer .footer-widget-brand a.link:hover{color:#fff}.x-tagcloud{display:flex;flex-wrap:wrap;gap:8px;margin:28px 0 0;padding:0;list-style:none}.x-tagcloud li{font-size:13px;line-height:1.2;color:rgba(255,255,255,0.72);background:rgba(255,255,255,0.07);border:1px solid rgba(255,255,255,0.12);border-radius:40px;padding:7px 13px;transition:background-color .2s ease,color .2s ease,border-color .2s ease}.x-tagcloud li:hover{color:#fff;background:rgba(23,228,194,0.16);border-color:rgba(23,228,194,0.45)}.x-flip{position:relative;perspective:800px}.x-flip__inner{position:relative;width:100%;height:100%;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transition:-webkit-transform .6s cubic-bezier(.4,0,.2,1);transition:transform .6s cubic-bezier(.4,0,.2,1)}.x-flip:hover .x-flip__inner,.x-flip:focus-visible .x-flip__inner,.x-flip:focus-within .x-flip__inner,.x-flip.is-flipped .x-flip__inner{transform:rotateY(180deg)}.x-flip__face{display:flex;align-items:center;justify-content:center;backface-visibility:hidden;-webkit-backface-visibility:hidden}.x-flip__face--front{position:relative;width:100%;height:100%}.x-flip__face--back{position:absolute;inset:0;transform:rotateY(180deg)}.x-flip__face--front img{width:auto;max-width:100%;object-fit:contain}.x-flip__name{color:var(--color-foreground-heading,#1c2539);font-size:18px;font-weight:600;line-height:1.2;letter-spacing:.01em;text-align:center;white-space:nowrap}.x-flip:focus-visible{outline:2px solid var(--x-accent-light,#17e4c2);outline-offset:6px;border-radius:4px}.x-flip:focus:not(:focus-visible){outline:none}.brand .brand-logo,.brand .brand-logo .content-link{width:100%}.x-flip--brand{width:100%;height:60px}.x-flip--brand .x-flip__face--front img{max-height:60px}.x-flip--marquee{height:64px;min-width:64px}.x-flip--marquee .x-flip__face--front{width:auto}.x-flip--marquee .x-flip__face--front img{height:64px;max-height:64px}.x-flip--marquee .x-flip__name{font-size:20px}@media (max-width:575px){.x-flip--marquee .x-flip__face--front img{height:48px;max-height:48px}.x-flip--marquee .x-flip__name{font-size:17px}}.running-content .content-lists:focus-within{animation-play-state:paused}@media (prefers-reduced-motion:reduce){.x-flip__inner{transform:none;transition:none}.x-flip:hover .x-flip__inner,.x-flip:focus-visible .x-flip__inner,.x-flip:focus-within .x-flip__inner,.x-flip.is-flipped .x-flip__inner{transform:none}.x-flip__face{backface-visibility:visible;-webkit-backface-visibility:visible;transition:opacity .3s ease}.x-flip__face--back{transform:none;opacity:0}.x-flip:hover .x-flip__face--front,.x-flip:focus-within .x-flip__face--front,.x-flip.is-flipped .x-flip__face--front{opacity:0}.x-flip:hover .x-flip__face--back,.x-flip:focus-within .x-flip__face--back,.x-flip.is-flipped .x-flip__face--back{opacity:1}}.brand-logo .content-link .x-tech-name,.running-content .content-link .x-tech-name{display:flex;align-items:center;justify-content:center;width:100%;min-height:60px;color:var(--color-foreground);opacity:.55;font-size:18px;font-weight:500;letter-spacing:.01em;text-align:center}.running-content .content-link .x-tech-name{min-width:200px;min-height:64px}.service-button .x-status{display:inline-flex;align-items:center;min-height:58px;opacity:.7}.x-produkt--planned .accordion-content .service-content-inner{opacity:.75}.image-text-video .image.height-100 img{width:100%;height:100%;min-height:390px;object-fit:cover;object-position:left top}.our-services .service-list{--color-border:rgba(255,255,255,.2);--color-primary-button-text:rgba(255,255,255,1);--color-primary-button-hover-text:rgba(32,40,45,1);--color-primary-button-hover-background:rgba(255,255,255,1);--color-primary-button-hover-border:rgba(32,40,45,1)}.service-list .x-produkt-logo{--size:70px;width:var(--size);min-width:var(--size);height:var(--size);flex:0 0 auto;object-fit:contain}@media (max-width:991px){.service-list .x-produkt-logo{--size:60px}}.text-image-sticky .media-wrap img{width:100%;height:auto;aspect-ratio:1000 / 707;object-fit:cover}.service-list .accordion-title:focus-visible{outline:2px solid var(--x-accent-light);outline-offset:-4px}@media (min-width:1200px){.hero-slider .swiper-slide .content-box.section-headings{max-width:1180px}}.hero-slider .content-box .heading.text-90{max-width:none}@media (max-width:991px){.hero-slider .swiper-slide .heading.text-90{font-size:clamp(22px,7vw,56px)}}.contact-form .form-status{margin-top:0}.field.has-error input,.field.has-error textarea,.form input.is-invalid,.form textarea.is-invalid,.contact-form input.is-invalid,.contact-form textarea.is-invalid{border-color:#d64545;background-color:rgba(214,69,69,.04)}.field.has-error input:focus,.field.has-error textarea:focus{border-color:#d64545;box-shadow:0 0 0 3px rgba(214,69,69,.18)}.field-error::before{content:"!";display:inline-grid;place-items:center;width:15px;height:15px;margin-right:6px;border-radius:50%;background:#c0392b;color:#fff;font-size:11px;font-weight:700;line-height:1;vertical-align:-2px}.field-consent .field-error:not(:empty),.form-consent .field-error:not(:empty),.x-consent-row .field-error:not(:empty){display:block;margin-top:8px}.field-error:empty{display:none}.field-error:empty::before{content:none}.button.is-loading{opacity:.72;cursor:progress}.button[disabled]{pointer-events:none}body.x-modal-open{overflow:hidden}.x-modal{position:fixed;inset:0;z-index:1200;display:grid;place-items:center;padding:20px}.x-modal[hidden]{display:none}.x-modal__backdrop{position:absolute;inset:0;background:rgba(14,21,40,.55);opacity:0;transition:opacity .18s ease}.x-modal.is-open .x-modal__backdrop{opacity:1}.x-modal__dialog{position:relative;width:100%;max-width:460px;max-height:calc(100vh - 40px);overflow-y:auto;padding:32px 28px 28px;text-align:center;background:#fff;border-radius:18px;box-shadow:0 24px 60px rgba(14,21,40,.22);opacity:0;transform:translateY(8px);transition:opacity .18s ease,transform .18s ease}.x-modal.is-open .x-modal__dialog{opacity:1;transform:none}.x-modal__dialog:focus{outline:none}.x-modal__icon{display:grid;place-items:center;width:56px;height:56px;margin:0 auto 18px;border-radius:50%;background:rgba(23,228,194,.16);color:var(--x-accent,#0b7d6c)}.x-modal__title{margin:0 0 10px;font-size:24px;line-height:1.25;color:var(--x-navy,#0e1528)}.x-modal__text{margin:0 0 24px;font-size:16px;line-height:1.6;color:#5d666f}.x-modal__actions{display:flex;justify-content:center}.x-modal__actions .button{min-height:48px;padding-inline:32px}@media (max-width:575px){.x-modal{padding:16px}.x-modal__dialog{padding:28px 20px 24px;border-radius:14px}.x-modal__title{font-size:21px}}@media (prefers-reduced-motion:reduce){.x-modal__backdrop,.x-modal__dialog{transition:none}.x-modal__dialog{transform:none}}.contact-form{--form-link-color:var(--x-accent-on-dark);--form-link-hover-color:var(--x-accent-hover-on-dark);--form-text-color:#b0b7be}.footer-contact .contact-form,.faq-form,.contact-form--light{--form-link-color:var(--x-accent-on-light);--form-link-hover-color:var(--x-accent-hover-on-light);--form-text-color:var(--x-slate)}.x-map__link a{color:var(--x-accent-on-light);text-decoration:none;font-weight:500}.x-map__link a:hover{color:var(--x-accent-hover-on-light)}.contact-form .x-consent a,.contact-form .form-consent a{color:var(--form-link-color);font-weight:600;text-decoration:none;text-underline-offset:3px;border-radius:3px;transition:color var(--x-transition) var(--x-transition-ease),text-decoration-color var(--x-transition) var(--x-transition-ease)}.contact-form .x-consent a:visited,.contact-form .form-consent a:visited{color:var(--form-link-color)}.contact-form .x-consent a:hover,.contact-form .form-consent a:hover{color:var(--form-link-hover-color)}.contact-form .x-consent a:focus-visible,.contact-form .form-consent a:focus-visible{outline:2px solid var(--form-link-color);outline-offset:2px;text-decoration:underline}.x-select{position:relative;display:block}.form .x-select select,.contact-form .x-select select{width:100%;padding:14px 46px 14px 18px;font:inherit;color:var(--x-navy);background:#fff;border:1px solid rgba(93,102,111,0.2);border-radius:8px;transition:border-color .2s ease,box-shadow .2s ease;appearance:none;cursor:pointer}.form .x-select select:has(option:first-child:checked),.contact-form .x-select select:has(option:first-child:checked){color:rgba(28,37,57,0.55)}.form .x-select select:hover,.contact-form .x-select select:hover{border-color:rgba(93,102,111,0.45)}.form .x-select select:focus,.contact-form .x-select select:focus{outline:none;border-color:var(--form-link-color)}.x-select::after{content:"";position:absolute;top:50%;right:18px;width:10px;height:10px;margin-top:-6px;border-right:2px solid var(--x-navy,#0e1528);border-bottom:2px solid var(--x-navy,#0e1528);transform:rotate(45deg);opacity:.55;pointer-events:none;transition:transform .2s ease,border-color .2s ease,opacity .2s ease}.x-select:hover::after{opacity:1}.x-select:focus-within::after{border-color:var(--form-link-color);transform:rotate(-135deg);margin-top:-2px;opacity:1}.x-select select option{color:var(--x-navy,#0e1528);background:#fff}@media (max-width:767px){.form .x-select select,.contact-form .x-select select{min-height:48px}}@media (prefers-reduced-motion:reduce){.x-select::after{transition:border-color .2s ease,opacity .2s ease}.x-select:focus-within::after{transform:rotate(45deg);margin-top:-6px}}#anfrage,#projekt-anfrage{scroll-margin-top:calc(var(--header-height,81px) + 47px)}@media (max-width:991.98px){#anfrage,#projekt-anfrage{scroll-margin-top:var(--header-height,61px)}}.service-choose-us{margin-top:48px}.service-choose-us>.heading{margin-bottom:28px}.service-choose-us>.heading + *{margin-top:0}@media (max-width:767px){.service-choose-us{margin-top:36px}.service-choose-us>.heading{margin-bottom:20px}}.service-cta{margin:40px 0;padding:34px 36px;background:var(--x-navy,#1c2539);border-radius:18px;color:#fff}.service-cta__text{margin:0 0 26px;font-size:21px;line-height:1.55;color:#fff;max-width:58ch}.service-cta .button--secondary{--color-secondary-button-background:transparent;--color-secondary-button-border:rgba(255,255,255,.75);--color-secondary-button-text:rgba(255,255,255,1);--color-secondary-button-hover-background:rgba(255,255,255,1);--color-secondary-button-hover-border:rgba(255,255,255,1);--color-secondary-button-hover-text:var(--x-navy,#1c2539)}.service-cta .button{min-height:52px;font-size:17px}@media (max-width:575px){.service-cta{padding:26px 22px;margin:32px 0}.service-cta__text{font-size:19px}}.sidebar-cta__title{margin:0 0 10px}.sidebar-cta__text{margin:0 0 18px;font-size:16px;line-height:1.6}.sidebar-cta .button{width:100%;min-height:48px;justify-content:center}:where(a){text-decoration:none;transition:color var(--x-transition) var(--x-transition-ease),background-color var(--x-transition) var(--x-transition-ease),border-color var(--x-transition) var(--x-transition-ease),opacity var(--x-transition) var(--x-transition-ease)}:where(a:hover){text-decoration:none}:where(a,button,.button,[type="submit"],[type="button"]):focus-visible{outline:2px solid currentColor;outline-offset:2px}.button[disabled],button[disabled],.button.is-loading{pointer-events:none}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}:where(a){transition-duration:1ms}.contact-form .x-consent a,.contact-form .form-consent a{transition-duration:1ms}}.blog-sidebar>.sidebar-widget + .sidebar-widget{margin-block-start:40px}@media (max-width:767px){.blog-sidebar>.sidebar-widget + .sidebar-widget{margin-block-start:30px}}.nav-item:focus-within>.menu-absolute{opacity:1;visibility:visible}.button:focus-visible,button:focus-visible,a:focus-visible{outline:3px solid var(--x-accent-light,#17e4c2);outline-offset:3px;border-radius:inherit}.footer-contact .button:focus-visible,.contact-form--light .button:focus-visible,main .x-sec--light .button:focus-visible{outline-color:var(--x-navy,#1c2539)}.skip-link{position:absolute;left:-9999px;top:0;z-index:2000;background:var(--x-navy,#1c2539);color:#fff;padding:12px 20px;border-radius:0 0 8px 0;text-decoration:none}.skip-link:focus{left:0}.page-banner .media-bg img{object-fit:cover;object-position:center 25%}.hero-banner-2 .banner-wrapper .media-bg img{object-fit:cover;object-position:center 35%}expert-slider .swiper{cursor:grab}expert-slider .swiper:active{cursor:grabbing}expert-slider .swiper a,expert-slider .swiper button{cursor:pointer}@media (min-width:992px) and (max-width:1199px){.our-services .service-content-image img{object-position:55% 50%}}@media (min-width:992px) and (max-width:1199px){expert-slider .swiper-slide img[src*="webdesign-relaunch-alt-neu-vergleich"]{object-position:72% 50%}}.hero-slider-3 .slider-card-4 .heading-color{color:#17e4c2}.promotion-media-wrap .counter-up .counter-item{width:auto;min-width:0;flex:1 1 180px}@media (max-width:991.98px){.promotion-media-wrap .promotion-counter,.promotion-media-wrap .counter-up{width:100%}.promotion-media-wrap .counter-up{flex-direction:column;align-items:stretch}}.why-choose-us.is-dark{background:#20282d;padding-block:96px;--color-background:rgba(32,40,45,1);--color-foreground:rgba(255,255,255,.82);--color-foreground-heading:rgba(255,255,255,1);--color-foreground-subheading:rgba(255,255,255,1);--color-background-subheading:rgba(255,255,255,.08);--color-border-subheading-bg:rgba(255,255,255,.28);--color-secondary-button-hover-border:rgba(255,255,255,.3)}.why-choose-us.is-dark .heading,.why-choose-us.is-dark h2,.why-choose-us.is-dark h3{color:#fff}.why-choose-us.is-dark .text,.why-choose-us.is-dark p{color:rgba(255,255,255,.8)}.why-choose-us.is-dark .card-icon-text .svg-wrapper{background:#fff;border-radius:14px;padding:9px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto}.why-choose-us.is-dark .card-icon-text .svg-wrapper svg{width:38px;height:38px}.x-sec .why-choose-us.is-dark{padding-block:0}.why-choose-us.has-bgimg{background:#fff url("/assets/images/bg.webp") center center / cover no-repeat;padding-block:96px}.team-slider.section-padding-bottom{padding-block-end:100px}.x-akzent{color:#17e4c2}.decorated-text>span.heading-color{--color-foreground-heading:inherit}@media (max-width:991.98px){.service-list .accordion-content .service-content-inner>div>.x-produkt-logo{display:none}}@media (min-width:992px){.service-list .text-rotate{max-height:none}}.show [data-aos][data-aos][data-aos][data-aos]{opacity:1;transform:none;transition:none}@media (max-width:991.98px){.footer-main{background-size:100% auto;background-repeat:repeat-y;background-position:top center}}.x-sec--white .running-content{margin-block-end:100px}.why-choose-us + .x-expertise,.why-choose-us + * .x-expertise{margin-block-start:0}.why-choose-us.has-bgimg .choose-rotating-logo,.why-choose-us.has-bgimg .choose-rotating-logo *{color:#1c2539;fill:#1c2539}.team-slider .team-hinweis{margin-block-start:12px}.testimonial .section-headings{background:none;--color-foreground:rgba(93,102,111,1);--color-foreground-heading:rgba(28,37,57,1);--color-foreground-subheading:rgba(28,37,57,1);--color-background-subheading:rgba(28,37,57,.06);--color-border-subheading-bg:rgba(28,37,57,.18)}.testimonial .section-headings .heading,.testimonial .section-headings .subheading{color:#1c2539}.testimonial .section-headings .text{color:rgba(28,37,57,.75)}.testimonial .card-testimonial + .card-testimonial{margin-block-start:30px}.faq-form .form-button{margin-block-start:36px}.faq-form .form-button .button{width:100%;padding-inline:30px;position:relative}.faq-form .form-button .button .svg-wrapper{position:absolute;inset-inline-end:20px;top:50%;transform:translateY(-50%)}@media (min-width:992px){.contact-form-wrap .form>.w-half{width:100%}}.contact-form-wrap input:focus,.contact-form-wrap textarea:focus,.contact-form-wrap select:focus{border-color:var(--form-link-color);outline-color:var(--form-link-color)}.team-details .phn-number a,.team-details .email a{color:inherit;text-decoration:none}.our-services-2{padding-block-end:100px}.hero-slider .container-fluid.position-relative{--x-slider-rand:12px}@media (min-width:768px) and (max-width:991.98px){.hero-slider .container-fluid.position-relative{--x-slider-rand:24px}}@media (min-width:1280px){.hero-slider .container-fluid.position-relative{--x-slider-rand:48px}}.x-slider-play{position:absolute;inset-inline-start:var(--x-slider-rand,12px);inset-block-end:77px;z-index:4;display:grid;place-items:center;width:52px;height:52px;padding:0;color:#fff;background:rgba(14,21,40,0.4);border:0;border-radius:50%;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:background-color 0.2s ease}.x-slider-play>*{grid-area:1 / 1}.x-slider-play:hover{background:rgba(14,21,40,0.62)}.x-slider-play:focus-visible{outline:2px solid var(--x-accent-light,#17e4c2);outline-offset:3px}.x-slider-play__ring{width:44px;height:44px;transform:rotate(-90deg);overflow:visible}.x-slider-play__track{fill:none;stroke:rgba(255,255,255,0.28);stroke-width:2}.x-slider-play__bar{fill:none;stroke:var(--x-accent-light,#17e4c2);stroke-width:2;stroke-linecap:round}.x-slider-play__icon{display:grid;place-items:center;width:13px;height:13px}.x-slider-play__icon svg{display:block;width:100%;height:100%;fill:currentColor}.x-slider-play__icon--play{display:none}.x-slider-play.is-paused .x-slider-play__icon--pause{display:none}.x-slider-play.is-paused .x-slider-play__icon--play{display:grid}.hero-slider .main-slider .swiper{user-select:none}@media (max-width:767.98px){.x-slider-play{width:44px;height:44px;inset-block-end:47px}.x-slider-play__ring{width:38px;height:38px}}.footer-main.footer-2{background-color:#1c2227;--x-leder-korn:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='340' height='340'%3E%3Cfilter id='k'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='340' height='340' filter='url(%23k)' opacity='0.5'/%3E%3C/svg%3E");--x-leder-glanz:linear-gradient(
      118deg,rgba(255,255,255,0) 18%,rgba(255,255,255,0.055) 42%,rgba(255,255,255,0.022) 56%,rgba(255,255,255,0) 74%
    );--x-leder-licht:radial-gradient(
      130% 100% at 28% 8%,rgba(255,255,255,0.05) 0%,rgba(255,255,255,0) 58%
    );--x-leder-tiefe:linear-gradient(180deg,rgba(0,0,0,0) 55%,rgba(0,0,0,0.25) 100%);background-image:var(--x-leder-korn),var(--x-leder-glanz),var(--x-leder-licht),var(--x-leder-tiefe);background-size:340px 340px,cover,cover,cover;background-repeat:repeat,no-repeat,no-repeat,no-repeat;background-position:0 0,center,center,center;background-blend-mode:soft-light,screen,screen,normal}/* Footer-Spalten auf schmalen Geraeten.
   Unter 768px stapelte das Raster der Vorlage alle vier Spalten
   untereinander. "Unternehmen" und "Leistungen" sind kurze Listen und
   passen nebeneinander;das spart eine halbe Bildschirmhoehe Leerlauf.
   "Kontakt" steht darunter und beginnt an derselben Kante wie die beiden
   Spalten darueber. Er war zeitweise als Block mittig gesetzt;das war
   unruhig,weil E-Mail und Telefonnummer dann gegen nichts ausgerichtet
   waren.
   Angesprochen wird ueber die Position,weil die vier Spalten im Markup
   keine eigenen Klassen tragen:1 Claim,2 Unternehmen,3 Leistungen,4 Kontakt.

   Unterhalb von 480px greift das nicht mehr:zwei Spalten haetten dort
   je rund 200px,und Eintraege wie "Neue Firmenwebsite" brechen dann
   ueber drei Zeilen. Dort bleibt es beim Stapel. */
@media (min-width:480px) and (max-width:767.98px){.footer-custom-row>*:nth-child(2),.footer-custom-row>*:nth-child(3){width:50%}}/* ---------------- Mehr Luft zu den Seitenraendern bis 992px --------------
   Alle Inhalte stehen in einem Bootstrap-Container. Dessen Innenabstand ist
   die halbe Gutterbreite je Seite:von Haus aus 12px,zwischen 768 und 991px
   setzt die Vorlage 24px. Beides ist knapp.

   Der Gutter steht deshalb bis 992px durchgehend auf 70px,also 35px je
   Seite – die Haelfte davon. Damit ist der Rand vom Telefon bis zum kleinen
   Tablet gleich;die Staffel der Vorlage wird in diesem Bereich bewusst
   uebergangen. In Pixeln statt in rem,weil 35px in rem eine krumme Zahl
   waere und der Wert hier gemessen und nicht gerechnet ist.

   Ab 992px bleibt alles unveraendert – dort greift wieder der
   Bootstrap-Standard und ab 1280px die 48px der Vorlage.

   Die Reihen bleiben unberuehrt:.row bringt einen eigenen --bs-gutter-x
   mit und erbt den hier gesetzten Wert nicht,der negative Aussenabstand
   der Reihe bleibt also im Gleichgewicht mit den Spalten. */
@media (max-width:991.98px){.container,.container-fluid,.container-sm,.container-md,.container-lg,.container-xl,.container-xxl{--bs-gutter-x:70px}/* Die Taste des Startseiten-Sliders richtet sich an derselben Kante aus.
     Steht nach der 768-991-Regel weiter oben und uebersteuert sie deshalb. */
  .hero-slider .container-fluid.position-relative{--x-slider-rand:35px}}/* Beitragsseite:Thema und Verfasser in der Metazeile sind bei uns Verweise –
   auf das gefilterte Verzeichnis und auf die Profilseite. Die Vorlage fuehrt
   dort reinen Text,deshalb treten sie hier nicht als Links auf,sondern
   erst beim Ueberfahren. Farbe und Groesse bleiben die der Zeile. */
.card-blog-meta-item a{color:inherit;text-decoration:none}.card-blog-meta-item a:hover,.card-blog-meta-item a:focus-visible{text-decoration:underline;text-underline-offset:3px}/* Laufband der Online-Marketing-Unterseiten buendig setzen.
   Das Band stand mit 100px Abstand nach oben (eigener Aussenabstand) und
   100px nach unten (Innenabstand des Footer-Kontaktbereichs) frei in der
   Seite. Es soll wie auf /ueber-uns/ an den angrenzenden Flaechen anliegen.

   Gefasst ueber die Stellung:auf diesen Seiten ist das Band das letzte
   Element im Inhalt. Damit greift die Regel nur dort und nicht bei den
   Laufbaendern mitten auf anderen Seiten. */
main>.running-content:last-child{margin-block-start:0}/* Der Abstand darunter kommt nicht vom Footer-Innenabstand,sondern von
   der Klasse mt-100 am Footer selbst. */
main:has(>.running-content:last-child) + footer.mt-100{margin-block-start:0}/* Beitragsseite:Teilen ueber das Geraet statt ueber fuenf Symbole.
   Die Taste steht nur,wenn main.js die Web-Share-Schnittstelle gefunden hat
   (Klasse x-share--nativ) und der Platz knapp wird. Fehlt die Schnittstelle,bleibt es bei den Symbolen – so gibt es nie eine Taste ohne Wirkung. */
.x-share-button{/* Aussehen des Filterknopfs (.open-sidebar in style.css):dieselbe
     dunkle Pille mit Symbol und Beschriftung. Die Klasse selbst waere
     hier irrefuehrend – der Knopf oeffnet keine Seitenleiste –,deshalb
     stehen die Werte hier statt einer zweiten Klasse im Markup. */
  display:none;align-items:center;gap:6px;padding:9px 20px;color:#fff;background-color:#20282d;border:0;border-radius:8px;cursor:pointer}.x-share-button svg{width:20px;height:20px}@media (max-width:1079.98px){.x-share.x-share--nativ .social-icons{display:none}/* "Teilen:" vor einem Knopf "Teilen" ist doppelt gemoppelt. */
  .x-share.x-share--nativ>.label{display:none}.x-share.x-share--nativ .x-share-button{display:inline-flex}}/* Footer zwischen 768 und 992px:"Kontakt" nach unten ausrichten.
   In diesem Bereich stellt die Vorlage zwei Spalten je Reihe,unten stehen
   also Leistungen und Kontakt nebeneinander. Leistungen fuehrt sechs
   Eintraege,Kontakt zwei – der endete dadurch rund 180px hoeher und liess
   die Reihe unfertig aussehen. Die Spalten sind ohnehin gleich hoch,der
   Block ruecht deshalb an den unteren Rand. */
@media (min-width:768px) and (max-width:991.98px){.footer-custom-row>*:nth-child(4){display:flex;flex-direction:column;justify-content:flex-end}}/* Handlungsaufforderung am Ende des mobilen Menues.
   Der Knopf der Kopfzeile ist unter 1200px ausgeblendet (d-xl-inline-flex);im geoeffneten Menue stand deshalb nur Telefon und E-Mail. Gleiche Farben
   wie oben – Tuerkis im Ruhezustand,beim Ueberfahren nur die Deckkraft. */
.x-drawer-cta{display:inline-flex;align-items:center;/* Gleich viel Luft nach oben wie nach unten. */
  margin-block:30px;background:#17e4c2;border-color:#17e4c2;color:#0e1528;transition:opacity 0.2s ease}.x-drawer-cta .svg-wrapper{background:#0e1528;color:#17e4c2}/* Beim Ueberfahren heller,nicht dunkler. Deckkraft war dafuer das falsche
   Mittel:sie mischt den Knopf mit dem Grund dahinter und wirkt auf hellem
   Untergrund blasser,auf dunklem dunkler. brightness hellt die Farbe
   selbst auf,unabhaengig davon,worauf der Knopf liegt. */
.x-drawer-cta:hover,.x-drawer-cta:focus-visible{background:#17e4c2;border-color:#17e4c2;color:#0e1528;filter:brightness(1.12)}/* Symbolkreis in den schmalen Knoepfen.
   Gemessen:der grosse Knopf ist 58 px hoch mit 36 px Kreis – 62 Prozent,also 11 px Luft oben und unten. Der schmale ist nur 52 px hoch,behielt
   aber denselben 36er Kreis:69 Prozent und 8 px Luft,wodurch das Symbol
   oben und unten am Rand klebte.

   32 px stellen dasselbe Verhaeltnis her. Das Symbol darin folgt mit 18 px,damit auch innerhalb des Kreises die 56 Prozent der grossen Fassung
   erhalten bleiben. */
.button--slim .svg-wrapper{width:32px;height:32px;min-width:32px}/* Im mobilen Menue nochmals 5px kleiner im Durchmesser. */
.x-drawer-cta .svg-wrapper{width:27px;height:27px;min-width:27px}.button--slim .svg-wrapper svg{width:18px;height:18px}.x-drawer-cta .svg-wrapper svg{width:15px;height:15px}/* Sprungziel des Anfrageformulars:die Kopfzeile liegt fest ueber dem
   Inhalt,ohne Abstand landete die Ueberschrift dahinter (gemessen 40px
   verdeckt). --header-height setzt sticky-header aus main.js. */
#anfrage{scroll-margin-top:calc(var(--header-height,81px) + 160px)}/* Kopfknopf erst ab 1200px. Zwischen 992 und 1200 uebernimmt der Knopf im
   Offcanvas – dort steht er ueber dem Schnellkontakt. Bootstraps d-none
   setzt sich hier gegen eine Regel der Vorlage nicht durch,deshalb
   ausdruecklich und mit !important,weil die Bootstrap-Klasse es
   ebenfalls verwendet. */
@media (max-width:1199.98px){.header-1 .header-actions .button--secondary{display:none !important}}/* Schnellkontakt im Desktop-Offcanvas naeher an den Knopf darueber.
   Der Block bringt 80px Aussenabstand mit;zusammen mit den 30px des Knopfes
   klafften darueber 110px. 50px lassen die beiden zusammengehoeren,ohne dass
   sie aneinanderkleben. Nur hier – im mobilen Menue steht ueber dem Block die
   Leistungsliste,dort passt der Abstand der Vorlage. */
.drawer-additional .drawer-block-contact{margin-block-start:50px}