#qwt-diensten .services-banner-image > img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center center; }
#qwt-diensten .services-banner-title { position: absolute; left: 28px; bottom: 26px; width: 410px; max-width: calc(100% - 56px); padding: 30px 34px; background: linear-gradient(115deg, rgba(32, 26, 82, 0.96), rgba(32, 26, 82, 0.84)); border-radius: 6px; border-left: 4px solid var(--brand-green); color: rgb(255, 255, 255); }
#qwt-diensten .services-banner-title > p { font-size: 15px; font-weight: 700; letter-spacing: 0.5px; margin: 0px 0px 22px; }
#qwt-diensten .services-banner-title > p > span { color: var(--brand-green); padding: 0px 3px; }
#qwt-diensten .services-banner-title h1 { color: rgb(255, 255, 255); font-size: 35px; letter-spacing: -0.8px; line-height: 1.15; margin: 0px; }
#qwt-diensten .intro-grid > h2 { font-size: clamp(30px, 3vw, 43px); line-height: 1.15; letter-spacing: -1.3px; margin: 0px; }
@media (max-width: 760px) {
  #qwt-diensten .services-banner-image { height: 390px; }
  #qwt-diensten .services-banner-image > img { object-position: 60% center; }
  #qwt-diensten .services-banner-title { left: 20px; bottom: 20px; padding: 24px 27px; width: 350px; max-width: calc(100% - 40px); }
  #qwt-diensten .services-banner-title h1 { font-size: 30px; }
  #qwt-diensten .services-banner-title > p { margin-bottom: 16px; }
  #qwt-diensten .banner-breadcrumb { padding: 17px 0px; }
}
@media (max-width: 450px) {
  #qwt-diensten .services-banner-image { height: 370px; }
  #qwt-diensten .services-banner-image > img { object-position: 62% center; }
  #qwt-diensten .services-banner-title { left: 16px; bottom: 16px; max-width: calc(100% - 32px); padding: 22px; }
  #qwt-diensten .services-banner-title h1 { font-size: 28px; }
}
#qwt-diensten .service-hero { isolation: isolate; }
#qwt-diensten .service-hero > .service-hero-copy { grid-area: 1 / 1; }
#qwt-diensten .service-hero > img { grid-area: 1 / 2; min-width: 0px; }
#qwt-diensten .service-hero::after { content: ""; grid-area: 1 / 2; z-index: 1; pointer-events: none; background: linear-gradient(135deg, rgba(32, 26, 82, 0.24), rgba(32, 26, 82, 0.38)); }
#qwt-diensten.original-business-page .qt-hero-right::after { content: ""; position: absolute; inset: 0px; pointer-events: none; background: linear-gradient(135deg, rgba(32, 26, 82, 0.24), rgba(32, 26, 82, 0.38)); }
#qwt-diensten.original-business-page .qt-hero-badge { z-index: 1; }
@media (max-width: 760px) {
  #qwt-diensten .service-hero > img, #qwt-diensten .service-hero::after { grid-area: 2 / 1; }
}
#qwt-diensten .qt *, #qwt-diensten .qt ::before, #qwt-diensten .qt ::after { box-sizing: border-box; margin: 0px; padding: 0px; }
#qwt-diensten .qt { font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; color: rgb(17, 24, 39); font-size: 16px; line-height: 1.5; -webkit-font-smoothing: antialiased; background: rgb(255, 255, 255); }
#qwt-diensten .qt-hero { display: grid; grid-template-columns: 1fr 1fr; gap: 48px; align-items: center; padding: 80px 64px 72px; background: rgb(255, 255, 255); max-width: 1280px; margin: 0px auto; }
#qwt-diensten .qt-hero-eyebrow { font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: 2px; color: rgb(107, 114, 128); margin-bottom: 20px; }
#qwt-diensten .qt-hero h1 { font-size: clamp(30px, 4.5vw, 52px); font-weight: 900; line-height: 1.08; letter-spacing: -1.5px; color: rgb(17, 24, 39); margin-bottom: 20px; }
#qwt-diensten .qt-hero-sub { font-size: 17px; color: rgb(107, 114, 128); line-height: 1.65; max-width: 480px; margin-bottom: 36px; }
#qwt-diensten .qt-hero-actions { display: flex; gap: 12px; flex-wrap: wrap; align-items: center; margin-bottom: 48px; }
#qwt-diensten .qt-btn-dark { background: rgb(17, 24, 39); color: rgb(255, 255, 255); padding: 14px 28px; border-radius: 10px; font-size: 15px; font-weight: 700; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; cursor: pointer; display: inline-flex; align-items: center; gap: 8px; transition: background 0.15s; text-decoration: none; }
#qwt-diensten .qt-btn-dark:hover { background: rgb(31, 41, 55); }
#qwt-diensten .qt-btn-outline { background: transparent !important; color: rgb(22, 163, 74) !important; padding: 14px 28px !important; border-radius: 10px !important; font-size: 15px !important; font-weight: 700 !important; border: 2px solid rgb(22, 163, 74) !important; cursor: pointer !important; display: inline-flex !important; align-items: center !important; gap: 8px !important; transition: background 0.15s, color 0.15s !important; text-decoration: none !important; }
#qwt-diensten .qt-btn-outline:hover { background: rgb(240, 253, 244) !important; }
#qwt-diensten .qt-hero-social { display: flex; align-items: center; gap: 8px; margin-top: 16px; }
#qwt-diensten .qt-hero-social-icon { display: flex; align-items: center; }
#qwt-diensten .qt-review-link { transition: opacity 0.15s; }
#qwt-diensten .qt-review-link:hover { opacity: 0.75; }
#qwt-diensten .qt-hero-props { display: flex; flex-direction: column; gap: 10px; }
#qwt-diensten .qt-hero-prop { display: flex; align-items: center; gap: 10px; font-size: 14px; font-weight: 600; color: rgb(55, 65, 81); }
#qwt-diensten .qt-hero-prop-dot { width: 8px; height: 8px; border-radius: 50%; background: rgb(34, 197, 94); flex-shrink: 0; }
#qwt-diensten .qt-hero-right { border-radius: 20px; overflow: hidden; height: 500px; position: relative; }
#qwt-diensten .qt-hero-right img { width: 100%; height: 100%; object-fit: cover; object-position: center top; display: block; }
#qwt-diensten .qt-hero-badge { position: absolute; bottom: 20px; left: 20px; background: rgb(255, 255, 255); border-radius: 12px; padding: 14px 20px; box-shadow: rgba(0, 0, 0, 0.15) 0px 4px 20px; text-align: center; }
#qwt-diensten .qt-hero-badge-title { font-size: 11px; color: rgb(156, 163, 175); font-weight: 700; text-transform: uppercase; letter-spacing: 1.5px; margin-bottom: 4px; }
#qwt-diensten .qt-hero-badge-val { font-size: 20px; font-weight: 900; color: rgb(22, 163, 74); }
#qwt-diensten .qt-hero-badge-sub { font-size: 12px; color: rgb(156, 163, 175); margin-top: 2px; }
#qwt-diensten .qt-trust { border-top: 1px solid rgb(240, 240, 240); border-bottom: 1px solid rgb(240, 240, 240); background: rgb(250, 250, 250); padding: 0px; }
#qwt-diensten .qt-trust-inner { display: flex; max-width: 1280px; margin: 0px auto; }
#qwt-diensten .qt-trust-item { flex: 1 1 0%; padding: 24px 28px; border-right: 1px solid rgb(240, 240, 240); display: flex; flex-direction: column; align-items: center; text-align: center; gap: 6px; }
#qwt-diensten .qt-trust-item:last-child { border-right-width: medium; border-right-style: none; border-right-color: currentcolor; }
#qwt-diensten .qt-trust-icon { width: 26px; height: 26px; display: flex; align-items: center; justify-content: center; }
#qwt-diensten .qt-trust-icon svg { width: 100%; height: 100%; }
#qwt-diensten .qt-trust-label { font-size: 14px; font-weight: 700; color: rgb(17, 24, 39); }
#qwt-diensten .qt-trust-sub { font-size: 12px; color: rgb(156, 163, 175); }
#qwt-diensten .qt-section-wrap { max-width: 1280px; margin: 0px auto; padding: 80px 64px; }
#qwt-diensten .qt-section-wrap.bg-light { background: rgb(250, 250, 250); max-width: 100%; }
#qwt-diensten .qt-section-wrap.bg-light > .qt-inner { max-width: 1280px; margin: 0px auto; padding: 80px 64px; }
#qwt-diensten .qt-section-tag { font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: 2.5px; color: rgb(156, 163, 175); margin-bottom: 14px; }
#qwt-diensten .qt-h2 { font-size: clamp(26px, 3.5vw, 44px); font-weight: 900; letter-spacing: -1px; line-height: 1.1; color: rgb(17, 24, 39); margin-bottom: 12px; text-wrap: balance; }
#qwt-diensten .qt-lead { font-size: 17px; color: rgb(107, 114, 128); line-height: 1.65; max-width: 580px; }
#qwt-diensten .qt-sector-grid { display: grid; grid-template-columns: repeat(12, 1fr); gap: 12px; margin-top: 48px; }
#qwt-diensten .qt-sector-card { grid-column: span 3; border-radius: 20px; position: relative; aspect-ratio: 3 / 4; background: rgb(26, 26, 26); perspective: 1400px; cursor: pointer; }
#qwt-diensten .qt-sector-card:nth-child(n+5) { grid-column: span 4; }
#qwt-diensten .qt-sector-card:focus-visible { outline: rgb(22, 163, 74) solid 2px; outline-offset: 3px; }
#qwt-diensten .qt-sector-card-inner { position: relative; width: 100%; height: 100%; border-radius: 20px; transition: transform 0.55s cubic-bezier(0.4, 0, 0.2, 1); transform-style: preserve-3d; }
#qwt-diensten .qt-sector-card.flipped .qt-sector-card-inner { transform: rotateY(180deg); }
#qwt-diensten .qt-sector-card-front, #qwt-diensten .qt-sector-card-back { position: absolute; inset: 0px; backface-visibility: hidden; border-radius: 20px; overflow: hidden; }
#qwt-diensten .qt-card-photo { width: 100%; height: 100%; object-fit: cover; display: block; }
#qwt-diensten .qt-card-overlay { position: absolute; bottom: 0px; left: 0px; right: 0px; background: linear-gradient(0deg, rgba(17, 24, 39, 0.96) 0%, rgba(17, 24, 39, 0.6) 68%, transparent 100%); padding: 20px 22px 22px; }
#qwt-diensten .qt-card-overlay h3 { color: rgb(255, 255, 255); font-size: 18px; font-weight: 800; line-height: 1.2; margin: 0px 0px 4px; }
#qwt-diensten .qt-card-hint { display: block; color: rgb(209, 213, 219); font-size: 11.5px; font-weight: 600; }
#qwt-diensten .qt-sector-card-back { background: rgb(17, 24, 39); transform: rotateY(180deg); padding: 22px; display: flex; flex-direction: column; justify-content: space-between; gap: 12px; overflow-y: auto; }
#qwt-diensten .qt-sector-card-back h3 { color: rgb(255, 255, 255); font-size: 16px; font-weight: 800; margin: 0px 0px 10px; }
#qwt-diensten .qt-sector-card-back p { color: rgb(209, 213, 219); font-size: 12.5px; line-height: 1.55; margin: 0px; }
#qwt-diensten .qt-card-back-hint { color: rgb(107, 114, 128); font-size: 11px; font-weight: 600; flex-shrink: 0; }
@media (prefers-reduced-motion: reduce) {
  #qwt-diensten .qt-sector-card-inner { transition: none; }
}
#qwt-diensten .qt-clients-section { display: flex; align-items: center; gap: 0px; padding: 80px 0px 80px 64px; background: rgb(255, 255, 255); border-top: 1px solid rgb(240, 240, 240); border-bottom: 1px solid rgb(240, 240, 240); overflow: hidden; max-width: 1280px; margin: 0px auto; }
#qwt-diensten .qt-clients-left { flex-shrink: 0; width: 320px; padding-right: 40px; padding-top: 8px; }
#qwt-diensten .qt-clients-left h2 { font-size: clamp(20px, 2.2vw, 28px); font-weight: 900; letter-spacing: -0.5px; line-height: 1.25; color: rgb(17, 24, 39); text-align: left; text-wrap: balance; }
#qwt-diensten .qt-clients-right { flex: 1 1 0%; position: relative; min-width: 0px; }
#qwt-diensten .qt-clients-track-wrap { overflow: hidden; position: relative; }
#qwt-diensten .qt-clients-track-wrap::after { content: ""; position: absolute; top: 0px; right: 0px; bottom: 0px; width: 120px; background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.95) 85%); pointer-events: none; z-index: 5; }
#qwt-diensten .qt-clients-track { display: flex; gap: 12px; transition: transform 0.45s cubic-bezier(0.4, 0, 0.2, 1); will-change: transform; }
#qwt-diensten .qt-client-card { flex-shrink: 0; width: 300px; height: 420px; border-radius: 20px; overflow: hidden; position: relative; background: rgb(26, 26, 26); }
#qwt-diensten .qt-client-card img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 0.4s; }
#qwt-diensten .qt-client-card:hover img { transform: scale(1.04); }
#qwt-diensten .qt-client-card::after { content: ""; position: absolute; inset: 0px; background: linear-gradient(rgba(0, 0, 0, 0.35) 0%, transparent 40%); pointer-events: none; }
#qwt-diensten .qt-client-name { position: absolute; top: 18px; left: 20px; color: rgb(255, 255, 255); font-size: 20px; font-weight: 800; z-index: 2; text-shadow: rgba(0, 0, 0, 0.3) 0px 1px 6px; line-height: 1.2; }
#qwt-diensten .qt-carousel-btn { position: absolute; top: 50%; transform: translateY(-50%); width: 44px; height: 44px; border-radius: 50%; background: rgb(255, 255, 255); border: 1.5px solid rgb(229, 231, 235); box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 12px; cursor: pointer; font-size: 18px; color: rgb(17, 24, 39); display: flex; align-items: center; justify-content: center; z-index: 10; transition: box-shadow 0.15s, background 0.15s; }
#qwt-diensten .qt-carousel-btn:hover { background: rgb(249, 250, 251); box-shadow: rgba(0, 0, 0, 0.15) 0px 4px 20px; }
#qwt-diensten .qt-carousel-prev { right: 56px; }
#qwt-diensten .qt-carousel-next { right: 4px; }
#qwt-diensten .qt-tech-section { background: rgb(17, 24, 39); padding: 80px 24px; display: flex; justify-content: center; }
#qwt-diensten .qt-tech-card { background: rgb(255, 255, 255); border-radius: 24px; overflow: hidden; max-width: 640px; width: 100%; box-shadow: rgba(0, 0, 0, 0.4) 0px 24px 64px; }
#qwt-diensten .qt-tech-card-img { width: 100%; aspect-ratio: 16 / 10; object-fit: cover; display: block; }
#qwt-diensten .qt-tech-card-body { padding: 32px 36px 36px; text-align: center; }
#qwt-diensten .qt-tech-card-body h2 { font-size: clamp(20px, 3vw, 26px); font-weight: 900; letter-spacing: -0.5px; color: rgb(17, 24, 39); margin-bottom: 14px; line-height: 1.2; }
#qwt-diensten .qt-tech-lead { font-size: 15px; color: rgb(107, 114, 128); line-height: 1.65; max-width: 420px; margin: 0px auto; }
#qwt-diensten .qt-green-badge { display: inline-block; background: rgb(22, 163, 74); color: rgb(255, 255, 255); font-size: 13px; font-weight: 700; padding: 3px 10px; border-radius: 6px; margin-right: 4px; vertical-align: middle; line-height: 1.6; }
#qwt-diensten .qt-compare-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin-top: 40px; margin-bottom: 40px; }
#qwt-diensten .qt-compare-card { background: rgb(255, 255, 255); border: 1.5px solid rgb(229, 231, 235); border-radius: 18px; padding: 28px 28px 30px; position: relative; }
#qwt-diensten .qt-compare-card.qt-compare-featured { border: 1.5px solid rgb(22, 163, 74); background: rgb(240, 253, 244); }
#qwt-diensten .qt-compare-badge { position: absolute; top: -13px; right: 24px; background: rgb(22, 163, 74); color: rgb(255, 255, 255); font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; padding: 5px 14px; border-radius: 99px; }
#qwt-diensten .qt-compare-eyebrow { font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: 1.5px; color: rgb(156, 163, 175); margin-bottom: 6px; }
#qwt-diensten .qt-compare-featured .qt-compare-eyebrow { color: rgb(22, 163, 74); }
#qwt-diensten .qt-compare-title { font-size: 19px; font-weight: 800; color: rgb(17, 24, 39); margin-bottom: 22px; }
#qwt-diensten .qt-compare-list { list-style: none; display: flex; flex-direction: column; gap: 15px; margin: 0px; padding: 0px; }
#qwt-diensten .qt-compare-list li { display: flex; gap: 10px; align-items: flex-start; font-size: 14px; color: rgb(55, 65, 81); line-height: 1.55; }
#qwt-diensten .qt-compare-icon { width: 20px; height: 20px; min-width: 20px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 12px; font-weight: 700; margin-top: 1px; background: rgb(229, 231, 235); color: rgb(107, 114, 128); }
#qwt-diensten .qt-compare-featured .qt-compare-icon { background: rgb(22, 163, 74); color: rgb(255, 255, 255); }
#qwt-diensten .qt-compare-note { display: block; color: rgb(156, 163, 175); font-size: 12px; font-weight: 400; margin-top: 2px; }
#qwt-diensten .qt-lifespan-banner { position: relative; background: rgb(17, 24, 39); border-radius: 18px; margin-top: 40px; overflow: hidden; }
#qwt-diensten .qt-lifespan-track { display: flex; width: 100%; transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1); }
#qwt-diensten .qt-lifespan-slide { flex: 0 0 100%; width: 100%; max-width: 100%; min-width: 0px; box-sizing: border-box; display: flex; align-items: center; gap: 24px; padding: 30px 78px; min-height: 108px; }
#qwt-diensten .qt-lifespan-stat { flex-shrink: 0; text-align: center; }
#qwt-diensten .qt-lifespan-stat-val { font-size: 36px; font-weight: 900; color: rgb(74, 222, 128); line-height: 1; font-variant-numeric: tabular-nums; }
#qwt-diensten .qt-lifespan-stat-label { font-size: 12px; color: rgb(156, 163, 175); font-weight: 600; text-transform: uppercase; letter-spacing: 1px; margin-top: 6px; }
#qwt-diensten .qt-lifespan-divider { width: 1px; align-self: stretch; background: rgba(255, 255, 255, 0.12); flex-shrink: 0; }
#qwt-diensten .qt-lifespan-text { flex: 1 1 0%; min-width: 0px; max-width: 100%; font-size: 14px; color: rgb(209, 213, 219); line-height: 1.65; overflow-wrap: break-word; word-break: break-word; }
#qwt-diensten .qt-lifespan-text strong { color: rgb(255, 255, 255); }
#qwt-diensten .qt-lifespan-arrow { position: absolute; top: 50%; transform: translateY(-50%); width: 34px; height: 34px; border-radius: 50%; border: 1.5px solid rgba(255, 255, 255, 0.2); background: rgba(255, 255, 255, 0.08); color: rgb(255, 255, 255); font-size: 17px; line-height: 1; cursor: pointer; display: flex; align-items: center; justify-content: center; transition: background 0.15s; z-index: 2; }
#qwt-diensten .qt-lifespan-arrow:hover { background: rgba(255, 255, 255, 0.18); }
#qwt-diensten .qt-lifespan-arrow-prev { left: 14px; }
#qwt-diensten .qt-lifespan-arrow-next { right: 14px; }
#qwt-diensten .qt-lifespan-dots { position: absolute; bottom: 10px; left: 50%; transform: translateX(-50%); display: flex; gap: 6px; z-index: 2; }
#qwt-diensten .qt-lifespan-dot { width: 6px; height: 6px; border-radius: 50%; background: rgba(255, 255, 255, 0.25); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; cursor: pointer; padding: 0px; transition: background 0.15s, width 0.15s; }
#qwt-diensten .qt-lifespan-dot.active { background: rgb(74, 222, 128); width: 16px; border-radius: 3px; }
@media (prefers-reduced-motion: reduce) {
  #qwt-diensten .qt-lifespan-track { transition: none; }
}
#qwt-diensten .qt-routes { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin-top: 48px; }
#qwt-diensten .qt-route { border: 1.5px solid rgb(229, 231, 235); border-radius: 20px; padding: 40px; background: rgb(255, 255, 255); }
#qwt-diensten .qt-route.qt-route-dark { background: rgb(17, 24, 39); border-color: rgb(17, 24, 39); }
#qwt-diensten .qt-route-label { font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: 2px; color: rgb(156, 163, 175); margin-bottom: 16px; }
#qwt-diensten .qt-route.qt-route-dark .qt-route-label { color: rgb(107, 114, 128); }
#qwt-diensten .qt-route h3 { font-size: 22px; font-weight: 800; color: rgb(17, 24, 39); margin-bottom: 10px; line-height: 1.2; }
#qwt-diensten .qt-route.qt-route-dark h3 { color: rgb(255, 255, 255); }
#qwt-diensten .qt-route-intro { font-size: 14px; color: rgb(107, 114, 128); margin-bottom: 20px; line-height: 1.6; }
#qwt-diensten .qt-route.qt-route-dark .qt-route-intro { color: rgb(156, 163, 175); }
#qwt-diensten .qt-route-list { list-style: none; margin-bottom: 32px; display: flex; flex-direction: column; gap: 8px; }
#qwt-diensten .qt-route-list li { font-size: 14px; color: rgb(55, 65, 81); display: flex; gap: 8px; align-items: flex-start; }
#qwt-diensten .qt-route.qt-route-dark .qt-route-list li { color: rgb(209, 213, 219); }
#qwt-diensten .qt-route-list li::before { content: "—"; color: rgb(156, 163, 175); flex-shrink: 0; margin-top: 1px; }
#qwt-diensten .qt-route-btn { display: inline-flex; align-items: center; gap: 8px; padding: 14px 26px; border-radius: 10px; font-size: 15px; font-weight: 700; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; cursor: pointer; transition: opacity 0.15s; text-decoration: none; }
#qwt-diensten .qt-route.qt-route-dark .qt-route-btn { background: rgb(255, 255, 255); color: rgb(17, 24, 39); }
#qwt-diensten .qt-route:not(.qt-route-dark) .qt-route-btn { background: rgb(17, 24, 39); color: rgb(255, 255, 255); }
#qwt-diensten .qt-route-btn:hover { opacity: 0.85; }
#qwt-diensten .qt-route-promise { font-size: 12px; color: rgb(156, 163, 175); margin-top: 10px; }
#qwt-diensten .qt-faq-panel { background: radial-gradient(120% 160% at 0% 0%, rgb(242, 248, 244) 0%, rgb(234, 241, 235) 55%, rgb(230, 238, 231) 100%); border: 1px solid rgb(223, 232, 225); border-radius: 28px; padding: 52px 52px 40px; position: relative; overflow: hidden; }
#qwt-diensten .qt-faq-panel::before { content: ""; position: absolute; top: -80px; right: -80px; width: 260px; height: 260px; border-radius: 50%; background: radial-gradient(circle, rgba(22, 163, 74, 0.1) 0%, rgba(22, 163, 74, 0) 70%); pointer-events: none; }
#qwt-diensten .qt-faq-panel .qt-section-tag { color: rgb(14, 124, 57); }
#qwt-diensten .qt-faq-panel .qt-h2 { color: rgb(15, 26, 19); }
#qwt-diensten .qt-faq { margin-top: 32px; display: flex; flex-direction: column; gap: 12px; position: relative; }
#qwt-diensten .qt-faq-item { background: rgb(255, 255, 255); border: 1px solid rgb(229, 236, 230); border-radius: 14px; overflow: hidden; transition: border-color 0.2s, box-shadow 0.2s, transform 0.2s; }
#qwt-diensten .qt-faq-item:hover { border-color: rgb(201, 220, 205); box-shadow: rgba(15, 26, 19, 0.18) 0px 6px 20px -8px; transform: translateY(-1px); }
#qwt-diensten .qt-faq-item.open { border-color: rgb(22, 163, 74); box-shadow: rgba(22, 163, 74, 0.28) 0px 8px 24px -10px; }
#qwt-diensten .qt .qt-faq-btn { width: 100%; text-align: left; display: flex; justify-content: space-between; align-items: flex-start; cursor: pointer; gap: 20px; line-height: 1.4; padding: 20px 22px !important; background: none transparent !important; border-width: medium !important; border-style: none !important; border-color: currentcolor !important; border-image: none !important; border-radius: 0px !important; box-shadow: none !important; font-size: 16px !important; font-weight: 600 !important; color: rgb(17, 24, 39) !important; }
#qwt-diensten .qt .qt-faq-btn:hover { background: none transparent !important; color: rgb(14, 124, 57) !important; }
#qwt-diensten .qt-faq-icon { width: 30px; height: 30px; border-radius: 50%; border: 1.5px solid rgb(229, 231, 235); display: flex; align-items: center; justify-content: center; font-size: 17px; color: rgb(107, 114, 128); flex-shrink: 0; margin-top: 2px; transition: transform 0.25s, background 0.2s, border-color 0.2s, color 0.2s; }
#qwt-diensten .qt-faq-btn:hover .qt-faq-icon { background: rgb(240, 253, 244); border-color: rgb(187, 240, 207); color: rgb(22, 163, 74); }
#qwt-diensten .qt-faq-item.open .qt-faq-icon { transform: rotate(45deg); background: rgb(22, 163, 74); border-color: rgb(22, 163, 74); color: rgb(255, 255, 255); }
#qwt-diensten .qt-faq-answer { max-height: 0px; overflow: hidden; font-size: 15px; color: rgb(91, 102, 114); line-height: 1.7; padding: 0px 22px; transition: max-height 0.35s, padding 0.35s; }
#qwt-diensten .qt-faq-answer.open { max-height: 420px; padding: 0px 22px 22px; }
@media (prefers-reduced-motion: reduce) {
  #qwt-diensten .qt-faq-item, #qwt-diensten .qt-faq-icon, #qwt-diensten .qt-faq-answer { transition: none; }
}
@media (max-width: 640px) {
  #qwt-diensten .qt-faq-panel { padding: 36px 20px 28px; border-radius: 20px; }
}
#qwt-diensten .qt-divider { height: 1px; background: rgb(240, 240, 240); }
@keyframes qtModalIn { 
  0% { opacity: 0; transform: translateY(16px) scale(0.98); }
  100% { opacity: 1; transform: translateY(0px) scale(1); }
}
@media (max-width: 900px) {
  #qwt-diensten .qt-hero { grid-template-columns: 1fr; padding: 48px 24px; gap: 32px; }
  #qwt-diensten .qt-hero-right { min-height: 240px; height: auto; }
  #qwt-diensten .qt-section-wrap { padding: 56px 24px; }
  #qwt-diensten .qt-section-wrap.bg-light > .qt-inner { padding: 56px 24px; }
  #qwt-diensten .qt-trust-inner { flex-wrap: wrap; }
  #qwt-diensten .qt-trust-item { flex: 1 1 45%; border-bottom: 1px solid rgb(240, 240, 240); }
  #qwt-diensten .qt-routes { grid-template-columns: 1fr; }
  #qwt-diensten .qt-route { padding: 28px 24px; }
  #qwt-diensten .qt-sector-grid { grid-template-columns: repeat(2, 1fr); }
  #qwt-diensten .qt-sector-card { aspect-ratio: 3 / 4; grid-column: span 1 !important; }
  #qwt-diensten .qt-clients-section { flex-direction: column; padding: 48px 24px; gap: 24px; }
  #qwt-diensten .qt-clients-left { width: 100%; padding: 0px; }
  #qwt-diensten .qt-clients-right { display: flex; flex-direction: column; align-items: center; width: 100%; }
  #qwt-diensten .qt-clients-track-wrap { width: 100%; }
  #qwt-diensten .qt-clients-track-wrap::after { width: 60px; }
  #qwt-diensten .qt-client-card { width: 240px; height: 340px; }
  #qwt-diensten .qt-carousel-btn { position: static; display: inline-flex; margin: 18px 6px 0px; }
  #qwt-diensten .qt-compare-grid { grid-template-columns: 1fr; }
  #qwt-diensten .qt-lifespan-slide { flex-direction: column; align-items: flex-start; text-align: left; padding: 24px 40px; gap: 12px; }
  #qwt-diensten .qt-lifespan-divider { display: none; }
  #qwt-diensten .qt-lifespan-arrow { width: 26px; height: 26px; font-size: 14px; }
  #qwt-diensten .qt-lifespan-arrow-prev { left: 6px; }
  #qwt-diensten .qt-lifespan-arrow-next { right: 6px; }
}
@media (max-width: 560px) {
  #qwt-diensten .qt-sector-grid { grid-template-columns: 1fr; gap: 14px; }
  #qwt-diensten .qt-sector-card { aspect-ratio: 4 / 5; }
  #qwt-diensten .qt-sector-card-back { padding: 26px; }
  #qwt-diensten .qt-sector-card-back p { font-size: 14px; line-height: 1.6; }
  #qwt-diensten .qt-card-overlay h3 { font-size: 20px; }
  #qwt-diensten .qt-client-card { width: 200px; height: 300px; }
}
#qwt-diensten.original-business-page .qt { background: var(--page-bg); color: var(--text); font-family: Arial, Helvetica, sans-serif; }
#qwt-diensten.original-business-page .qt-hero { width: calc(100% - 80px); max-width: 1320px; padding: 0px; gap: 0px; background: var(--panel-bg); border-radius: 8px; overflow: hidden; align-items: stretch; }
#qwt-diensten.original-business-page .qt-hero-left { padding: 48px 44px; align-self: center; }
#qwt-diensten.original-business-page .qt-hero h1 { font-size: clamp(30px, 3.2vw, 46px); font-weight: 700; line-height: 1.15; letter-spacing: -1.5px; color: var(--brand-blue); }
#qwt-diensten.original-business-page .qt-hero h1 span { color: inherit; }
#qwt-diensten.original-business-page .qt-hero h1 span > svg { display: none; }
#qwt-diensten.original-business-page .qt-hero-right { border-radius: 0px; height: 100%; min-height: 500px; }
#qwt-diensten.original-business-page .qt-hero-right img { object-fit: cover; min-height: 100%; }
#qwt-diensten.original-business-page .qt-hero-sub { color: var(--muted); font-size: 17px; line-height: 1.75; margin-bottom: 26px; }
#qwt-diensten.original-business-page .qt-hero-actions { margin-bottom: 25px; }
#qwt-diensten.original-business-page .qt-hero-social { flex-wrap: wrap; }
#qwt-diensten.original-business-page .qt-hero-eyebrow, #qwt-diensten.original-business-page .qt-section-tag { color: var(--brand-blue); font-size: 11px; letter-spacing: 1.6px; font-weight: 700; }
#qwt-diensten.original-business-page .qt-btn-dark, #qwt-diensten.original-business-page .qt-route:not(.qt-route-dark) .qt-route-btn { background: var(--brand-blue); border-radius: 6px; }
#qwt-diensten.original-business-page .qt-btn-dark:hover { background: var(--brand-blue-hover); }
#qwt-diensten.original-business-page .qt-btn-outline { color: var(--brand-blue) !important; border: 1px solid var(--brand-blue) !important; border-radius: 6px !important; }
#qwt-diensten.original-business-page .qt-btn-outline:hover { background: rgb(255, 255, 255) !important; }
#qwt-diensten.original-business-page .qt a[style*="color:#16a34a"] { color: var(--brand-blue) !important; }
#qwt-diensten.original-business-page .qt [stroke="#16a34a"] { stroke: var(--brand-green); }
#qwt-diensten.original-business-page .qt [fill="#16a34a"] { fill: var(--brand-blue); }
#qwt-diensten.original-business-page .qt-hero-prop-dot { background: var(--brand-green); }
#qwt-diensten.original-business-page .qt-trust { background: transparent; border: 0px; }
#qwt-diensten.original-business-page .qt-trust-inner { max-width: 1320px; width: calc(100% - 80px); border-bottom: 1px solid var(--line); }
#qwt-diensten.original-business-page .qt-trust-item { padding: 25px 18px; border-color: var(--line); }
#qwt-diensten.original-business-page .qt-trust-label { color: var(--brand-blue); }
#qwt-diensten.original-business-page .qt-trust-sub { color: var(--muted); }
#qwt-diensten.original-business-page .qt-section-wrap { max-width: 1320px; width: calc(100% - 80px); padding: 70px 0px; }
#qwt-diensten.original-business-page .qt-section-wrap.bg-light { background: var(--panel-bg); width: 100%; max-width: none; }
#qwt-diensten.original-business-page .qt-section-wrap.bg-light > .qt-inner { max-width: 1320px; width: calc(100% - 80px); padding: 0px; margin: auto; }
#qwt-diensten.original-business-page .qt-h2 { color: var(--brand-blue); font-size: clamp(28px, 3vw, 38px); font-weight: 700; line-height: 1.2; }
#qwt-diensten.original-business-page .qt-lead { color: var(--muted); }
#qwt-diensten.original-business-page .qt-sector-grid { gap: 22px; margin-top: 35px; }
#qwt-diensten.original-business-page .qt-sector-card, #qwt-diensten.original-business-page .qt-sector-card-inner, #qwt-diensten.original-business-page .qt-sector-card-front, #qwt-diensten.original-business-page .qt-sector-card-back { border-radius: 8px; }
#qwt-diensten.original-business-page .qt-card-overlay { background: linear-gradient(0deg, rgba(22, 19, 46, 0.95), rgba(22, 19, 46, 0.44) 70%, transparent); }
#qwt-diensten.original-business-page .qt-sector-card-back { background: var(--brand-blue); }
#qwt-diensten.original-business-page .qt-card-overlay h3 { font-size: 22px; font-weight: 700; color: rgb(255, 255, 255); }
#qwt-diensten.original-business-page .qt-card-back-hint { color: rgb(201, 199, 223); }
#qwt-diensten.original-business-page .qt-clients-section { max-width: 1320px; width: calc(100% - 80px); padding: 55px 0px; background: transparent; border-color: var(--line); }
#qwt-diensten.original-business-page .qt-clients-left h2 { color: var(--brand-blue); font-weight: 700; }
#qwt-diensten.original-business-page .qt-client-card { border-radius: 8px; }
#qwt-diensten.original-business-page .qt-clients-track-wrap::after { background: linear-gradient(90deg,transparent,var(--page-bg)); }
#qwt-diensten.original-business-page .qt-tech-card, #qwt-diensten.original-business-page .qt-compare-card, #qwt-diensten.original-business-page .qt-route, #qwt-diensten.original-business-page .qt-lifespan-banner { border-radius: 8px; box-shadow: none; }
#qwt-diensten.original-business-page .qt-tech-section { background: var(--brand-blue); }
#qwt-diensten.original-business-page .qt-tech-card-body h2, #qwt-diensten.original-business-page .qt-compare-title, #qwt-diensten.original-business-page .qt-route h3 { color: var(--brand-blue); font-weight: 700; }
#qwt-diensten.original-business-page .qt-compare-card.qt-compare-featured { background: var(--panel-bg); border-color: var(--brand-blue); }
#qwt-diensten.original-business-page .qt-compare-badge, #qwt-diensten.original-business-page .qt-green-badge, #qwt-diensten.original-business-page .qt-compare-featured .qt-compare-icon { background: var(--brand-blue); }
#qwt-diensten.original-business-page .qt-compare-featured .qt-compare-eyebrow { color: var(--brand-blue); }
#qwt-diensten.original-business-page .qt-lifespan-banner, #qwt-diensten.original-business-page .qt-route.qt-route-dark { background: var(--brand-blue); border-color: var(--brand-blue); }
#qwt-diensten.original-business-page .qt-lifespan-stat-val { color: rgb(255, 255, 255); }
#qwt-diensten.original-business-page .qt-lifespan-dot.active { background: var(--brand-green); }
#qwt-diensten.original-business-page .qt-route.qt-route-dark h3 { color: rgb(255, 255, 255); }
#qwt-diensten.original-business-page .qt-route.qt-route-dark .qt-route-label, #qwt-diensten.original-business-page .qt-route.qt-route-dark .qt-route-intro { color: rgb(212, 208, 228); }
#qwt-diensten.original-business-page .qt-route-btn { border-radius: 6px; }
#qwt-diensten.original-business-page .qt-faq-panel { background: transparent; border: 0px; border-radius: 0px; padding: 0px; max-width: 850px; margin: auto; }
#qwt-diensten.original-business-page .qt-faq-panel::before { display: none; }
#qwt-diensten.original-business-page .qt-faq-panel .qt-h2, #qwt-diensten.original-business-page .qt-faq-panel .qt-section-tag { color: var(--brand-blue); }
#qwt-diensten.original-business-page .qt-faq { gap: 0px; }
#qwt-diensten.original-business-page .qt-faq-item { background: transparent; border-top: 0px; border-right: 0px; border-left: 0px; border-image: none; border-bottom: 1px solid var(--line); border-radius: 0px; box-shadow: none; transform: none; }
#qwt-diensten.original-business-page .qt .qt-faq-btn { padding: 22px 0px !important; color: var(--brand-blue) !important; }
#qwt-diensten.original-business-page .qt .qt-faq-btn:hover { color: var(--brand-blue) !important; }
#qwt-diensten.original-business-page .qt-faq-answer { padding-left: 0px; padding-right: 35px; }
#qwt-diensten.original-business-page .qt-faq-answer.open { max-height: none; padding: 0px 35px 22px 0px; }
#qwt-diensten.original-business-page .qt-faq-item.open .qt-faq-icon { background: var(--brand-blue); border-color: var(--brand-blue); }
#qwt-diensten.original-business-page .qt-faq-btn:hover .qt-faq-icon { background: var(--panel-bg); color: var(--brand-blue); border-color: var(--line); }
#qwt-diensten.original-business-page .qt button:focus-visible, #qwt-diensten.original-business-page .qt a:focus-visible, #qwt-diensten.original-business-page .qt-sector-card:focus-visible { outline: 3px solid var(--brand-green); outline-offset: 4px; }
#qwt-diensten.original-business-page [id$="modal-overlay"] > div { border-radius: 8px !important; }
#qwt-diensten.original-business-page [id$="modal-overlay"] iframe { width: 100%; background: rgb(255, 255, 255); }
@media (max-width: 900px) {
  #qwt-diensten.original-business-page .qt-hero { grid-template-columns: 1fr; }
  #qwt-diensten.original-business-page .qt-hero-left { padding: 35px; }
  #qwt-diensten.original-business-page .qt-hero-right { height: 350px; min-height: 0px; }
  #qwt-diensten.original-business-page .qt-clients-section { padding: 45px 0px; }
  #qwt-diensten.original-business-page .qt-clients-left { width: 100%; }
}
@media (max-width: 620px) {
  #qwt-diensten.original-business-page .qt-hero, #qwt-diensten.original-business-page .qt-trust-inner, #qwt-diensten.original-business-page .qt-section-wrap, #qwt-diensten.original-business-page .qt-section-wrap.bg-light > .qt-inner, #qwt-diensten.original-business-page .qt-clients-section { width: calc(100% - 36px); }
  #qwt-diensten.original-business-page .qt-section-wrap.bg-light { width: 100%; }
  #qwt-diensten.original-business-page .qt-section-wrap { padding: 45px 0px; }
  #qwt-diensten.original-business-page .qt-hero-left { padding: 30px 22px; }
  #qwt-diensten.original-business-page .qt-hero h1 { font-size: 32px; }
  #qwt-diensten.original-business-page .qt-hero-right { height: 280px; }
  #qwt-diensten.original-business-page .qt-hero-actions { gap: 12px; }
  #qwt-diensten.original-business-page .qt-sector-grid { gap: 18px; }
  #qwt-diensten.original-business-page .qt-clients-track-wrap::after { width: 30px; }
  #qwt-diensten.original-business-page .qt-trust-item { padding: 20px 10px; }
}
#qwt-diensten .shared-faq, #qwt-diensten.original-business-page .qt .shared-faq { max-width: 850px; margin-left: auto; margin-right: auto; background: transparent; border: 0px; border-radius: 0px; box-shadow: none; }
#qwt-diensten .shared-faq h2, #qwt-diensten.original-business-page .qt .shared-faq h2 { color: var(--brand-blue); font-size: clamp(28px, 3vw, 36px); font-weight: 700; letter-spacing: -0.8px; line-height: 1.2; margin: 0px 0px 28px; }
#qwt-diensten .shared-faq .eyebrow, #qwt-diensten.original-business-page .qt .shared-faq .qt-section-tag { color: var(--muted); font-size: 11px; font-weight: 700; letter-spacing: 1.5px; margin: 0px 0px 14px; }
#qwt-diensten .shared-faq details, #qwt-diensten.original-business-page .qt .shared-faq details { background: rgb(255, 255, 255); border: 1px solid var(--line); border-radius: 8px; padding: 0px; margin: 0px 0px 12px; overflow: hidden; }
#qwt-diensten .shared-faq details[open], #qwt-diensten.original-business-page .qt .shared-faq details[open] { border-color: rgb(187, 183, 209); }
#qwt-diensten .shared-faq summary, #qwt-diensten.original-business-page .qt .shared-faq summary { display: flex; align-items: center; justify-content: space-between; gap: 20px; cursor: pointer; list-style: none; padding: 22px 24px; margin: 0px; color: var(--brand-blue); font: 600 16px / 1.5 Arial, Helvetica, sans-serif; }
#qwt-diensten .shared-faq summary::-webkit-details-marker { display: none; }
#qwt-diensten .shared-faq summary:hover { background: rgb(245, 244, 249); }
#qwt-diensten .shared-faq summary:focus-visible { outline: 2px solid var(--brand-blue); outline-offset: -4px; }
#qwt-diensten .shared-faq summary > span, #qwt-diensten.original-business-page .qt .shared-faq summary > span { display: grid; place-items: center; flex: 0 0 30px; height: 30px; margin: 0px; border: 1px solid var(--line); border-radius: 50%; background: var(--panel-bg); color: var(--brand-blue); font: 400 22px / 1 Arial, Helvetica, sans-serif; transition: transform 0.18s; }
#qwt-diensten .shared-faq details[open] summary > span { transform: rotate(45deg); background: var(--brand-blue); color: rgb(255, 255, 255); border-color: var(--brand-blue); }
#qwt-diensten .shared-faq details > p, #qwt-diensten .shared-faq .faq-answer, #qwt-diensten.original-business-page .qt .shared-faq .faq-answer { margin: 0px; padding: 0px 74px 24px 24px; color: var(--muted); font: 400 15px / 1.8 Arial, Helvetica, sans-serif; max-height: none; }
#qwt-diensten .shared-faq .qt-faq { margin-top: 0px; gap: 0px; }
@media (max-width: 620px) {
  #qwt-diensten .shared-faq summary, #qwt-diensten.original-business-page .qt .shared-faq summary { padding: 18px; gap: 14px; font-size: 15px; }
  #qwt-diensten .shared-faq details > p, #qwt-diensten .shared-faq .faq-answer, #qwt-diensten.original-business-page .qt .shared-faq .faq-answer { padding: 0px 18px 20px; font-size: 14px; }
}
@media (prefers-reduced-motion: reduce) {
  #qwt-diensten .shared-faq summary > span { transition: none; }
}
#qwt-diensten.original-business-page > nav.breadcrumb { display: none !important; }
#qwt-diensten.original-business-page .qt-hero-actions .qt-btn-dark { background: var(--brand-blue) !important; color: rgb(255, 255, 255) !important; border: 1px solid var(--brand-blue) !important; }
#qwt-diensten.original-business-page .qt-hero-actions .qt-btn-outline { background: transparent !important; color: var(--brand-blue) !important; border: 1px solid var(--brand-blue) !important; }
#qwt-diensten { width: 100%; isolation: isolate; }
#qwt-diensten [hidden] { display: none !important; }

/* Gedeelde navigatie en iconen: onafhankelijk van de thema-knopstijl. */
#qwt-diensten#qwt-diensten .more-controls button,#qwt-diensten#qwt-diensten .more-tile-arrow,#qwt-diensten#qwt-diensten .step-plus{box-sizing:border-box!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:0 0 44px!important;width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;max-width:44px!important;padding:0!important;margin:0!important;border-radius:50%!important;line-height:1!important;letter-spacing:0!important;text-indent:0!important;vertical-align:middle;appearance:none}
#qwt-diensten#qwt-diensten .more-controls button,#qwt-diensten#qwt-diensten .more-tile-arrow{font-size:0!important}
#qwt-diensten#qwt-diensten .more-controls button::before,#qwt-diensten#qwt-diensten .more-tile-arrow::before{content:""!important;box-sizing:border-box;display:block!important;position:static!important;width:10px!important;height:10px!important;border:0;border-top:2px solid currentColor;border-right:2px solid currentColor;transform:rotate(45deg);margin:0 4px 0 0!important;background:none!important}
#qwt-diensten#qwt-diensten .more-controls button[data-direction="-1"]::before{transform:rotate(-135deg);margin:0 0 0 4px!important}
#qwt-diensten#qwt-diensten .more-controls button::after,#qwt-diensten#qwt-diensten .more-tile-arrow::after,#qwt-diensten#qwt-diensten .step-plus::before,#qwt-diensten#qwt-diensten .step-plus::after{content:none!important}
#qwt-diensten#qwt-diensten .more-tile-arrow,#qwt-diensten#qwt-diensten .step-plus{background:#fff!important;color:var(--brand-blue)!important;border:0!important}
#qwt-diensten#qwt-diensten .step-plus{font:400 24px/1 Arial,sans-serif!important}
#qwt-diensten#qwt-diensten .more-controls button{background:transparent!important;color:#fff!important;border:1px solid #ffffff80!important}
#qwt-diensten#qwt-diensten .more-controls button:disabled{opacity:.3}
#qwt-diensten#qwt-diensten .more-track{min-width:0;scrollbar-width:none!important;border-top:0!important;gap:2px}
#qwt-diensten#qwt-diensten .more-track::-webkit-scrollbar{display:none!important}
#qwt-diensten#qwt-diensten .more-tile{box-sizing:border-box;border:0!important}
#qwt-diensten#qwt-diensten .more-services{min-width:0;grid-template-columns:minmax(0,1.1fr) minmax(0,4.2fr)}
#qwt-diensten#qwt-diensten .photo-card .read-more{display:inline-flex!important;align-items:center!important;gap:12px!important;background:transparent!important;border:0!important;padding:0!important;color:#fff!important;line-height:1.5!important;text-decoration:none}
#qwt-diensten#qwt-diensten .photo-card .read-more>span{display:inline-flex;align-items:center;justify-content:center;flex:0 0 32px;width:32px;height:32px;border:1px solid #ffffff80;border-radius:50%;background:transparent!important;font:400 20px/1 Arial,sans-serif!important}
@media(max-width:760px){#qwt-diensten#qwt-diensten .more-services{grid-template-columns:minmax(0,1fr)}#qwt-diensten#qwt-diensten .more-tile{flex-basis:80%;min-height:340px}#qwt-diensten#qwt-diensten .more-controls{gap:12px}#qwt-diensten#qwt-diensten .more-tile-caption{left:20px;right:20px;bottom:22px}}