/* cmsms stylesheet: main modified: Tuesday, March 17, 2026 10:18:51 PM */
/* cmsms stylesheet: main modified: 08/22/17 15:41:17 *//*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */html {font-family: sans-serif;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%}nav, section {display: block}a {background-color: transparent}a:active, a:hover {outline: 0}strong {font-weight: 700}h1 {font-size: 2em;margin: .67em 0}img {border: 0}button, input, textarea {color: inherit;font: inherit;margin: 0}button {overflow: visible;text-transform: none}button::-moz-focus-inner, input::-moz-focus-inner {border: 0;padding: 0}input {line-height: normal}textarea {overflow: auto}@font-face {font-family: webflow-icons;src: url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg6SAy0AAAC8AAAAYGNtYXAaVcxaAAABHAAAAExnYXNwAAAAEAAAAWgAAAAIZ2x5ZgscV1gAAAFwAAABhGhlYWQCkFKvAAAC9AAAADZoaGVhB0MDyQAAAywAAAAkaG10eBIAA10AAANQAAAAIGxvY2EBMADyAAADcAAAABJtYXhwAAwATQAAA4QAAAAgbmFtZWTuiIAAAAOkAAABe3Bvc3QAAwAAAAAFIAAAACAAAwQAAZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADmAwPA/8D/wAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAACAAAAAwAAABQAAwABAAAAFAAEADgAAAAKAAgAAgACAAEAIOYD//3//wAAAAAAIOYA//3//wAB/+MaBAADAAEAAAAAAAAAAAAAAAEAAf//AA8AAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQEgAAADIAOAAAUAAAkBBwkBFwMg/kBAAYD+gEABwAHAQP6A/oBAAAEA4AAAAuADgAAFAAATARcJAQfgAcBA/oABgEABwAHAQP6A/oBAAAADAMAA4ANAAsAAGAAxAEoAAAEhIg4CHQEUHgIzITI+Aj0BNC4CIxUhIg4CHQEUHgIzITI+Aj0BNC4CIxUhIg4CHQEUHgIzITI+Aj0BNC4CIwMg/cAHCwkFBQkLBwJABwsJBQUJCwf9wAcLCQUFCQsHAkAHCwkFBQkLB/3ABwsJBQUJCwcCQAcLCQUFCQsHAsAFCQsHIAcLCQUFCQsHIAcLCQXABQkLByAHCwkFBQkLByAHCwkFwAUJCwcgBwsJBQUJCwcgBwsJBQAAAAABAJ0AtAOBApUABQAACQIHCQEDJP7r/upcAXEBcgKU/usBFFv+egGGAAAAAAEAAAABAADSLAJOXw889QALBAAAAAAAz/iHGQAAAADP+IcZAAAAAAOBA4AAAAAIAAIAAAAAAAAAAQAAA8D/wAAABAAAAAAAA4EAAQAAAAAAAAAAAAAAAAAAAAgAAAAAAAAAAAAAAAACAAAABAABIAQAAOAEAADABAAAnQAAAAAACgAUAB4AMgBGAKwAwgAAAAEAAAAIAEsAAwAAAAAAAgAAAAAAAAAAAAAAAAAAAAAAAAAOAK4AAQAAAAAAAQAaAAAAAQAAAAAAAgAOAHEAAQAAAAAAAwAaADAAAQAAAAAABAAaAH8AAQAAAAAABQAWABoAAQAAAAAABgANAEoAAQAAAAAACgA0AJkAAwABBAkAAQAaAAAAAwABBAkAAgAOAHEAAwABBAkAAwAaADAAAwABBAkABAAaAH8AAwABBAkABQAWABoAAwABBAkABgAaAFcAAwABBAkACgA0AJkAdwBlAGIAZgBsAG8AdwAtAGkAYwBvAG4AcwBWAGUAcgBzAGkAbwBuACAAMQAuADAAdwBlAGIAZgBsAG8AdwAtAGkAYwBvAG4Ac3dlYmZsb3ctaWNvbnMAdwBlAGIAZgBsAG8AdwAtAGkAYwBvAG4AcwBSAGUAZwB1AGwAYQByAHcAZQBiAGYAbABvAHcALQBpAGMAbwBuAHMARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA) format("truetype"), url(data:application/font-woff;charset=utf-8;base64,d09GRk9UVE8AAAVcAAoAAAAABRQAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABDRkYgAAAA9AAAAZMAAAGTuzUomU9TLzIAAAKIAAAAYAAAAGAOkgMtY21hcAAAAugAAABMAAAATBpVzFpnYXNwAAADNAAAAAgAAAAIAAAAEGhlYWQAAAM8AAAANgAAADYCkFKvaGhlYQAAA3QAAAAkAAAAJAdDA8lobXR4AAADmAAAACAAAAAgEgADXW1heHAAAAO4AAAABgAAAAYACFAAbmFtZQAAA8AAAAF7AAABe2TuiIBwb3N0AAAFPAAAACAAAAAgAAMAAAEABAQAAQEBDndlYmZsb3ctaWNvbnMAAQIAAQA6+BwC+BsD+BgEHgoACXf/i4seCgAJd/+LiwwHi0v6lPpUBR0AAACaDx0AAACfER0AAAAJHQAAAYoSAAkBAQ4bHR8iJywxNndlYmZsb3ctaWNvbnN3ZWJmbG93LWljb25zdTB1MXUyMHVFNjAwdUU2MDF1RTYwMnVFNjAzAAACAYkABgAIAQEEBwoNJDvH4P6UDv6UDv6UDvyUDvm0+FQV/FT4VEtL+BT8FPwU/BTLSwUO93T4VBX4VPhUy0v8FPwU+BT8FEtLBQ75tPlUFfzUiwV5i319i3kIi2sFi3mZfZ2LCPjUiwWdi5mZi50Ii6sFi519mXmLCIv7VBX81IsFeYt9fYt5CItrBYt5mX2diwj41IsFnYuZmYudCIurBYudfZl5iwiL+1QV/NSLBXmLfX2LeQiLawWLeZl9nYsI+NSLBZ2LmZmLnQiLqwWLnX2ZeYsIDvm4+SkV+6n7qvuq96ovLvgG/Bj4BvgYBQ76lBT6lBWLDAoAAAMEAAGQAAUAAAKZAswAAACPApkCzAAAAesAMwEJAAAAAAAAAAAAAAAAAAAAARAAAAAAAAAAAAAAAAAAAAAAQAAA5gMDwP/A/8ADwABAAAAAAQAAAAAAAAAAAAAAIAAAAAAAAgAAAAMAAAAUAAMAAQAAABQABAA4AAAACgAIAAIAAgABACDmA//9//8AAAAAACDmAP/9//8AAf/jGgQAAwABAAAAAAAAAAAAAAABAAH//wAPAAEAAAABAAC1pQTjXw889QALBAAAAAAAz/iHGQAAAADP+IcZAAAAAAOBA4AAAAAIAAIAAAAAAAAAAQAAA8D/wAAABAAAAAAAA4EAAQAAAAAAAAAAAAAAAAAAAAgAAAAAAAAAAAAAAAACAAAABAABIAQAAOAEAADABAAAnQAAUAAACAAAAAAADgCuAAEAAAAAAAEAGgAAAAEAAAAAAAIADgBxAAEAAAAAAAMAGgAwAAEAAAAAAAQAGgB/AAEAAAAAAAUAFgAaAAEAAAAAAAYADQBKAAEAAAAAAAoANACZAAMAAQQJAAEAGgAAAAMAAQQJAAIADgBxAAMAAQQJAAMAGgAwAAMAAQQJAAQAGgB/AAMAAQQJAAUAFgAaAAMAAQQJAAYAGgBXAAMAAQQJAAoANACZAHcAZQBiAGYAbABvAHcALQBpAGMAbwBuAHMAVgBlAHIAcwBpAG8AbgAgADEALgAwAHcAZQBiAGYAbABvAHcALQBpAGMAbwBuAHN3ZWJmbG93LWljb25zAHcAZQBiAGYAbABvAHcALQBpAGMAbwBuAHMAUgBlAGcAdQBsAGEAcgB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzAEYAbwBuAHQAIABnAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAEkAYwBvAE0AbwBvAG4ALgAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==) format("woff");font-weight: 400;font-style: normal}[class^=w-icon-] {font-family: webflow-icons;speak: none;font-style: normal;font-weight: 400;font-variant: normal;text-transform: none;line-height: 1;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale}.w-icon-nav-menu:before {content: "\e602"}* {box-sizing: border-box}html {height: 100%}body {margin: 0;min-height: 100%;background-color: #fff;font-family: Arial, sans-serif;font-size: 14px;line-height: 20px;color: #333}img {vertical-align: middle}.w-inline-block, img {max-width: 100%;display: inline-block}.w-clearfix:after, .w-clearfix:before {content: " ";display: table}.w-clearfix:after {clear: both}.w-button {display: inline-block;padding: 9px 15px;background-color: #3898ec;color: #fff;border: 0;line-height: inherit;text-decoration: none;cursor: pointer;border-radius: 0}h1, h2, h3, h4 {font-weight: 700;margin-bottom: 10px}h1 {font-size: 38px;line-height: 44px}h1, h2 {margin-top: 20px}h2 {font-size: 32px;line-height: 36px}h3 {font-size: 24px;line-height: 30px;margin-top: 20px}h4 {margin-top: 10px}p {margin-top: 0}p, ul {margin-bottom: 10px}ul {padding-left: 40px}.w-list-unstyled {padding-left: 0;list-style: none}.w-embed:after, .w-embed:before {content: " ";display: table}.w-embed:after {clear: both}button {border: 0;cursor: pointer;-webkit-appearance: button}.w-container {margin-left: auto;margin-right: auto;max-width: 940px}.w-container:after, .w-container:before {content: " ";display: table}.w-container:after {clear: both}.w-row:after, .w-row:before {content: " ";display: table}.w-row:after {clear: both}.w-col {position: relative;float: left;width: 100%;min-height: 1px;padding-left: 10px;padding-right: 10px}.w-col-6 {width: 50%}.w-slider-nav {position: absolute;z-index: 2;top: auto;right: 0;bottom: 0;left: 0;margin: auto;padding-top: 10px;height: 40px;text-align: center;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);tap-highlight-color: transparent}.w-slider-nav.w-round > div {border-radius: 100%}.w-slider-nav.w-num > div {width: auto;height: auto;padding: .2em .5em;font-size: inherit;line-height: inherit}.w-slider-nav.w-shadow > div {box-shadow: 0 0 3px rgba(51, 51, 51, .4)}.w-slider-nav-invert {color: #fff}.w-slider-nav-invert > div {background-color: rgba(34, 34, 34, .4)}.w-slider-nav-invert > div.w-active {background-color: #222}.w-nav[data-collapse=all] .w-dropdown, .w-nav[data-collapse=all] .w-dropdown-toggle {display: block}.w-nav[data-collapse=all] .w-dropdown-list {position: static}.w-nav {position: relative;background: #ddd;z-index: 13}.w-nav:after, .w-nav:before {content: " ";display: table}.w-nav:after {clear: both}.w-nav-brand {float: left;color: #333}.w-nav-brand, .w-nav-link {position: relative;text-decoration: none}.w-nav-link {display: inline-block;vertical-align: top;color: #222;padding: 20px;text-align: left;margin-left: auto;margin-right: auto}.w-nav-link.w--current {color: #0082f3}.w-nav-menu {position: relative;float: right}.w--nav-menu-open {display: block !important;position: absolute;top: 100%;left: 0;right: 0;background: #c8c8c8;text-align: center;overflow: visible;min-width: 200px}.w--nav-link-open {display: block;position: relative}.w-nav-overlay {position: absolute;overflow: hidden;display: none;top: 100%;left: 0;right: 0;width: 100%}.w-nav-overlay .w--nav-menu-open {top: 0}.w-nav[data-animation=over-left] .w-nav-overlay {width: auto}.w-nav[data-animation=over-left] .w--nav-menu-open, .w-nav[data-animation=over-left] .w-nav-overlay {right: auto;z-index: 1;top: 0}.w-nav[data-animation=over-right] .w-nav-overlay {width: auto}.w-nav[data-animation=over-right] .w--nav-menu-open, .w-nav[data-animation=over-right] .w-nav-overlay {left: auto;z-index: 1;top: 0}.w-nav-button {position: relative;float: right;padding: 18px;font-size: 24px;display: none;cursor: pointer;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);tap-highlight-color: transparent;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none}.w-nav-button.w--open {background-color: #c8c8c8;color: #fff}.w-nav[data-collapse=all] .w-nav-menu {display: none}.w-nav[data-collapse=all] .w-nav-button {display: block}body {font-family: Roboto, sans-serif;color: #38485b;font-size: 15px;line-height: 1.5em}h1 {margin-top: 0;margin-bottom: .9em;font-family: Roboto Condensed, sans-serif;color: #0a2057;font-size: 4.236em;line-height: 1em;font-weight: 700}h2 {margin-bottom: 1em;font-family: Roboto, sans-serif;font-size: 2.5em}h2, h3 {margin-top: 0;color: #262c38;line-height: 1.2em;font-weight: 500}h3 {margin-bottom: 1.2em;font-size: 1.999em}h4 {margin-top: 0;margin-bottom: 1em;font-size: 18px;line-height: 24px}h4, p {font-weight: 300}p {margin-bottom: 2em;color: #92a0b3;font-size: 1em;line-height: 1.8em}a {color: #003cd3;text-decoration: none}ul {margin-top: 0;margin-bottom: 2em;padding-left: 3em}li {padding-top: .3em;padding-bottom: .3em;padding-left: .6em}.navbar {position: fixed;left: 0;top: 0;right: 0;width: 100%;border-bottom: 1px none #f0f0f0;background-color: hsla(0, 0%, 100%, 0);transition: background-color .2s ease}.nav-container {position: relative;width: 100%;max-width: 110.667em}.brand {width: 17.733em;height: 7.5em;background-image: url(https://qbiz-it.com/uploads/images/qbiz-logo-w.svg);background-position: 50% 50%;background-size: 150px;background-repeat: no-repeat;transition: height .2s ease}.nav-link {padding: 3em;opacity: 1;transition: color .2s ease, padding .2s ease;color: #fff;font-weight: 400}.nav-link:hover {opacity: .5;color: #fff}.nav-link.w--current {color: #fff}.section-outer-w {position: relative;width: 100%;float: left}.section-outer-w.parallax-w {position: relative;overflow: hidden}.section-outer-w.darkgrey {border-right: 4em none #fff;border-left: 4em none #fff;background-color: #e8edf3}.section {display: block;width: 100%;max-width: 68em;margin-right: auto;margin-left: auto;padding: 4em 1em}.section.maps {position: relative;max-width: 66em;margin-bottom: -3em;padding: 0;border-style: solid solid none;border-width: 1px;border-color: #ccd6e4;border-radius: 3px;background-color: #fff}.section.hero {width: 68em;-webkit-transform: translate(0);transform: translate(0);text-align: center}.section.hero.move {-webkit-transform: translateY(-100%);transform: translateY(-100%)}.section.footer-inner {padding-top: 5em;padding-bottom: 5em}.section.no-padding {padding-top: 0;padding-bottom: 0}.section.cta-inner {padding-top: 8em;padding-bottom: 5em}.section-w {position: relative;z-index: 4;display: block;width: 100%;max-width: 110.667em;margin-right: auto;margin-left: auto}.intro {margin-bottom: 1.7em;color: #3c5e8e;font-size: 1.414em;line-height: 1.6em}.paragraph {margin-bottom: 1.8em}.subnav-w {position: static;left: 4em;top: 2em;max-width: 18em;padding: 3.6em 0 2em 3em;float: left}.subnav-link {display: block;width: 100%;padding: 1em 1.25em;opacity: .8;font-family: Roboto, sans-serif;color: #0a2057;font-size: .75em;font-weight: 400;text-transform: uppercase}.subnav-link:hover, .subnav-link.current {background-color: #0a2057;opacity: 1;color: #fff;font-weight: 500}.subnav-link.ripplelink {letter-spacing: .02em}.subnav-link.ripplelink:hover {color: #eef3ff}.subnav-icon {height: 5em;margin-bottom: 2em;margin-left: 1em}.subnav-icon.medi {height: 4em}.heading-2 {margin-bottom: .7em;line-height: 1em}.body {font-weight: 300}.wrapper {position: relative}.contact-bar {position: fixed;left: auto;top: auto;right: 0;bottom: 4em;z-index: 11}.contact-bar.sticky {position: fixed;bottom: 50%;margin-top: -4em}.contact-bar.start {position: fixed}.contact-bar-inner {position: relative;left: auto;right: 0;bottom: 0;display: block;margin-right: auto;margin-left: auto}.contact-btn {right: 0;z-index: 11;width: 4em;margin-left: 1px;background-color: #0a2057;background-image: url(https://qbiz-it.com/uploads/images/smartphone3.svg);background-position: 50% 50%;background-size: auto 50%;transition: box-shadow .3s cubic-bezier(.6, -.28, .735, .045);}.contact-btn span {display: none;}.contact-btn, .number {position: static;bottom: 50%;display: block;height: 81px;float: right;background-repeat: no-repeat}.number {right: 4.1em;padding-top: 1.25em;padding-left: 20px;padding-right: 16px;background-image: url(https://qbiz-it.com/uploads/images/bar-bg-2.svg);background-position: 0 100%;background-size: auto 350%;transition: opacity .2s ease, color .2s ease;font-family: Roboto Condensed, sans-serif;color: #fff;font-size: 15px;font-weight: 700;text-align: center;margin-bottom: 0.5rem;}.number .number-inner span {font-size: 15px;display: block;text-align: right;font-weight: 300;}.map-txt-w {position: relative;z-index: 3;width: 50%;padding-top: 6em;padding-bottom: 6em;padding-left: 4.9em;background-image: linear-gradient(90deg, hsla(0, 0%, 100%, .8) 52%, transparent)}.row {margin-right: -1em;margin-left: -1em}.row.service {margin-top: 3em;margin-right: 0;margin-left: 0;padding-top: 0;border: 1px solid #f3f5fc;border-radius: 3px}.row.small-dis {margin-right: -.5em;margin-left: -.5em;text-align: center}.col25 {display: inline-block;width: 25%;padding-right: 1em;padding-left: 1em}.col25.divider {border-right: 1px solid #f3f5fc}.quad-tile {position: relative;width: 100%;padding-top: 100%;border-radius: 4px}.tile-title {position: absolute;left: 0;right: 0;bottom: 1em;font-family: Roboto Condensed, sans-serif;color: #38485b;font-size: 1.3em;font-weight: 400;text-align: center;letter-spacing: .2px;text-transform: uppercase}.tile-icon {position: absolute;left: 50%;top: auto;bottom: 50%;width: 8em;height: 8em;margin-bottom: -2em;margin-left: -4em}.highlight {color: #0a2057;font-weight: 700}.map-txt {margin-bottom: .5em;font-family: Roboto Condensed, sans-serif;color: #3a4149;font-size: 2em;font-weight: 400}.map {position: absolute;top: 0;right: 0;bottom: 0;z-index: 1;width: 80%;overflow: hidden;}.map .mapouter .gmap_canvas iframe{width: 100%}.col50 {width: 50%;padding-right: 1em;padding-left: 1em;float: left}.chat-w {position: absolute;top: 100%;z-index: 12;width: 100%;margin-top: -2.5em;color: #3a4149}.chat-w, .chat-w.hero {padding-left: 0;text-align: center}.chat-w.hero {position: static;margin-top: 25vh}.profil-img {position: absolute;left: 0;top: 0;width: 5em;height: 5em;border-style: solid;border-width: 1px 1px 2px;border-color: #e1e6f0;border-radius: 50%;background-color: #fff;background-image: url(https://qbiz-it.com/uploads/images/jewgeni_1.jpg);background-position: 50% 50%;background-size: cover}.profil-img.hero {position: static;margin-bottom: 1em}.profil-img.hero, .profil-img.quote {display: block;margin-right: auto;margin-left: auto;border-bottom-width: 1px}.profil-img.quote {position: relative;overflow: hidden;width: 8em;height: 8em;margin-bottom: .5em;background-image: none}.chat-title-w {padding-top: .2em}.chat-title-w, .profil-name {font-family: Roboto Condensed, sans-serif;font-weight: 700}.profil-name {margin-bottom: 0;color: #fff;font-size: 1.999em;line-height: 1.3em}.profil-name.dark {color: #262c38;font-weight: 700}.profil-caption {margin-bottom: 1em;color: #fff;font-weight: 300}.profil-caption.dark {color: #262c38}.chat-bubble {position: relative;z-index: 0;margin-top: 0;margin-bottom: 0;padding: 1.8em 2em 2em;font-size: 1em}.header-w.img-intro {position: relative;height: 100vh;margin-bottom: 20em}.cta-txt-w {height: 5em;margin-bottom: 1em;color: #3a4149;font-size: 1.2em;line-height: 1.6em;font-weight: 300;text-align: left;letter-spacing: .01em}.hero-heading {margin-top: .2em;margin-bottom: 0;color: #fff;font-size: 4.236em;line-height: 1.2em;font-weight: 300;text-align: center}.trigger1 {top: 55.5em;width: 100%;height: 0}.trigger1, .trigger2 {position: absolute;left: 0;right: 0}.trigger2 {top: 42em}.div-arrow {margin-top: 1em;margin-bottom: 2em}.strip {position: absolute;left: 0;top: 0;bottom: 0;overflow: visible;width: 25%}.strip._1 {width: 25%;height: 130%;background-image: url(https://qbiz-it.com/uploads/images/it-beratung2.jpg);background-position: 50% 50%;background-size: cover;-webkit-transform: translate(0);transform: translate(0)}.strip._1.move {-webkit-transform: translateY(-30vw);transform: translateY(-30vw)}.strip._2 {left: 25%;width: 25.25%;height: 130%;background-image: url(https://qbiz-it.com/uploads/images/it-service.jpg);background-position: 50% 50%;background-size: cover;-webkit-transform: translate(0);transform: translate(0)}.strip._2.move {-webkit-transform: translateY(-10vw);transform: translateY(-10vw)}.strip._3 {left: 50%;width: 25%;height: 140%;background-image: url(https://qbiz-it.com/uploads/images/it-sicherheit2.jpg);background-position: 50% 50%;background-size: cover;opacity: 1;-webkit-transform: translate(0);transform: translate(0)}.strip._3.move {height: 130%;-webkit-transform: translateY(-10vw);transform: translateY(-10vw)}.strip._4 {left: 75%;width: 25%;height: 130%;background-image: url(https://qbiz-it.com/uploads/images/medientechnik2.jpg);background-position: 50% 50%;background-size: cover;-webkit-transform: translate(0);transform: translate(0)}.strip._4.move {-webkit-transform: translateY(-24.45vw);transform: translateY(-24.45vw)}_:-ms-lang(x), .strip._4.move {transform: translateY(-24.28vw);}.corner {position: absolute;left: 0;width: 100%;bottom: -2px;height: auto;z-index: 2;transform: scale(1.019);-ms-transform: scale(1.019);pointer-events: none}.scroll-icon {width: 1.5em;margin-top: 3em}.trigger-phone {position: absolute;top: 65%;width: 100%}.strip_overlay {position: absolute;left: 0;top: 0;right: 0;bottom: 0;z-index: 1;background-color: #0a2057;opacity: .95;transition: opacity .2s ease-in-out}.strip_overlay.move {opacity: 1}.intro-header-w {position: fixed;overflow: hidden;width: 100%;height: 100vh;float: left;background-image: url(https://qbiz-it.com/uploads/images/IT-Beratung-full-s.jpg);background-position: 100% 0;background-size: cover;transition: height .4s ease-in-out}.intro-header-w.fixed {position: absolute;top: 0;height: 80vh;transition-duration: .8s}.intro-header-w.service {background-image: none}.intro-header-w.medi {background-image: url(https://qbiz-it.com/uploads/images/Medientechnik-full-s.jpg);background-position: 50% 50%;background-size: cover}.intro-header-w.pattern {position: relative;height: 27em;margin-top: 0}.header-spacer {position: relative;overflow: hidden;width: 100%;height: 100vh;margin-bottom: 100vh;float: left;transition: height .4s ease-in-out, margin .2s ease}.header-spacer.destroy {height: 80vh;margin-bottom: 4vh;transition-duration: .9s, .8s}.beratung1 {background-image: url(https://qbiz-it.com/uploads/images/IT-Beratung-1-5.jpg);background-position: 100% 0;background-size: cover}.beratung1, .layer {position: absolute;left: 0;top: 0;right: 0;bottom: 0}.layer {opacity: 0;-webkit-transform: translateY(-3em);transform: translateY(-3em)}.layer.b2 {z-index: 2;background-position: 50% 0}.layer.b2, .layer.b3 {background-image: url(https://qbiz-it.com/uploads/images/IT-Beratung-2.png);background-size: cover}.layer.b3 {z-index: 3;background-position: 100% 0}.layer.b4 {z-index: 4;background-image: url(https://qbiz-it.com/uploads/images/IT-Beratung-4.png)}.layer.b4, .layer.b5 {background-position: 100% 0;background-size: cover}.layer.b5 {z-index: 5;background-image: url(https://qbiz-it.com/uploads/images/IT-Beratung-5.png);opacity: 1;-webkit-transform: none;transform: none}.layer.b6 {z-index: 6;background-image: url(https://qbiz-it.com/uploads/images/IT-Beratung-6.png)}.layer.b6, .layer.b7 {background-position: 100% 0;background-size: cover}.layer.b7 {z-index: 7;background-image: url(https://qbiz-it.com/uploads/images/IT-Beratung-7.png)}.layer.b8 {z-index: 8;background-image: url(https://qbiz-it.com/uploads/images/IT-Beratung-8.png);background-position: 100% 0;-webkit-transform: none;transform: none}.layer.b8, .layer.s2 {background-size: cover;opacity: 1}.layer.s2 {left: 0;top: 0;z-index: 1;background-image: url(https://qbiz-it.com/uploads/images/IT-Service-2.png);background-position: 0 0;-webkit-transform: translate(-1em) rotate(-.5deg);transform: translate(-1em) rotate(-.5deg);-webkit-transform-origin: 0 100%;transform-origin: 0 100%}.layer.s2.move {-webkit-transform: rotate(0deg) translate(0);transform: rotate(0deg) translate(0);-webkit-transform-origin: 0 100%;transform-origin: 0 100%}.layer.s3 {left: 0;top: auto;right: auto;bottom: 0;z-index: 4;width: 100%;height: 100%;background-image: url(https://qbiz-it.com/uploads/images/IT-Service-3.png);background-position: 0 0;background-size: cover;background-repeat: no-repeat;opacity: 1;-webkit-transform: rotate(10deg) translate(-2em, 3em);transform: rotate(10deg) translate(-2em, 3em);-webkit-transform-origin: 0 95% 0;transform-origin: 0 95% 0}.layer.s3.move {-webkit-transform: rotate(0deg) translate(0);transform: rotate(0deg) translate(0)}.layer.s4 {z-index: 3;background-image: url(https://qbiz-it.com/uploads/images/IT-Service-4.png);background-position: 0 0;background-size: cover;opacity: 1;-webkit-transform: rotate(-10deg) translate(-4em, 14em);transform: rotate(-10deg) translate(-4em, 14em);-webkit-transform-origin: 35% 100% 0;transform-origin: 35% 100% 0}.layer.s4.move {-webkit-transform: rotate(0deg) translate(-1em);transform: rotate(0deg) translate(-1em)}.layer.s4.move.input {-webkit-transform: rotate(0deg) translate(-.7em);transform: rotate(0deg) translate(-.7em)}.layer.s5 {z-index: 4;background-image: url(https://qbiz-it.com/uploads/images/IT-Service-5.png)}.layer.s1, .layer.s5 {background-position: 0 0;background-size: cover;opacity: 1;-webkit-transform: none;transform: none}.layer.s1 {background-image: url(https://qbiz-it.com/uploads/images/IT-Service-1.jpg)}.layer.s4s {z-index: 2;background-image: url(https://qbiz-it.com/uploads/images/IT-Service-4-shadow.png);background-position: 0 0;background-size: cover;opacity: .5;-webkit-transform: none;transform: none}.layer.sec1 {background-image: url(https://qbiz-it.com/uploads/images/IT-Sicherheit-1.jpg)}.layer.sec1, .layer.sec2 {background-position: 0 0;background-size: cover;opacity: 1;-webkit-transform: none;transform: none}.layer.sec2 {background-image: url(https://qbiz-it.com/uploads/images/IT-Sicherheit-2.png)}.layer.m1 {background-image: url(https://qbiz-it.com/uploads/images/Medientechnik-1.jpg);opacity: 1;-webkit-transform: none;transform: none}.layer.m1, .layer.m2 {background-position: 50% 50%;background-size: cover;background-repeat: no-repeat}.layer.m2 {background-image: url(https://qbiz-it.com/uploads/images/Medientechnik-2.png);opacity: .95;-webkit-transform: scale(.4);transform: scale(.4);-webkit-transform-origin: 50% 50%;transform-origin: 50% 50%}.layer.m2.scale {-webkit-transform: scale(1.23);transform: scale(1.23)}.layer.m3 {background-image: url(https://qbiz-it.com/uploads/images/Medientechnik-3.png);background-position: 50% 100%;background-size: cover;opacity: 1;-webkit-transform: none;transform: none;-webkit-transform-origin: 30% 45% 0;transform-origin: 30% 45% 0}.layer.m3.move {-webkit-transform: rotate(-7deg);transform: rotate(-7deg)}.layer.m4 {background-image: url(https://qbiz-it.com/uploads/images/Medientechnik-4.png);-webkit-transform: none;transform: none}.layer.m4, .layer.m5 {background-position: 50% 50%;background-size: cover;opacity: 1}.layer.m5 {background-image: url(https://qbiz-it.com/uploads/images/Medientechnik-5.png);-webkit-transform: rotate(-8deg);transform: rotate(-8deg);-webkit-transform-origin: 33% 55% 0;transform-origin: 33% 55% 0}.layer.m5.move {-webkit-transform: rotate(2deg);transform: rotate(2deg)}.trigger {position: absolute;top: 55vh;width: 100%;height: 0}.trigger._2 {top: 75vh}.trigger._2.service {top: 65vh}.trigger._3 {top: 95vh}.trigger._3.service {top: 75vh}.trigger._4 {top: 115vh}.trigger._4.service {top: 85vh}.trigger._5 {top: 135vh}.trigger._6 {top: 155vh}.trigger._7 {top: 85%}.trigger._8 {top: 90%}.trigger._50 {top: 50vh}.trigger._91 {top: 91.9vh}.trigger-w {position: absolute;top: 50%}.intro-heading {margin-bottom: 0;font-family: Roboto Condensed, sans-serif;color: #fff;font-size: 3em;font-weight: 700}.intro-heading, .intro-w {position: relative;z-index: 9}.intro-w {display: block;width: 100%;max-width: 110.667em;margin-right: auto;margin-left: auto;padding-right: 8em;padding-left: 4em}.first-content {position: absolute;left: 0;top: 100vh;right: 0;width: 100%;height: 5.527em}.first-content.service {top: 15vh}.down-link {position: absolute;left: 0;bottom: 3.7em;display: inline-block;margin-top: 1.3em;padding: 0 2em .4em 0;background-image: url(https://qbiz-it.com/uploads/images/scroll.svg);background-position: 100% 50%;background-size: contain;background-repeat: no-repeat;color: #fff;font-size: .8em;letter-spacing: .5px;text-transform: uppercase}.down-link:hover {color: #fff}.title {left: 0;bottom: 1em;margin-top: 1em;margin-bottom: 1em;opacity: 0;transition: opacity .5s cubic-bezier(.95, .05, .795, .035);color: #fff;font-size: 1.2em;font-weight: 300}.title, .title.view {position: static;display: block}.teaser-h {margin-top: 0;font-family: Roboto Condensed, sans-serif;color: #262c38;font-size: 1.2em;font-weight: 700}.heading-5 {font-family: Roboto, sans-serif;font-weight: 700}.teaser-w {margin-bottom: 4em;padding: 1em .5em 0;border: 1px solid #ccd6e4;text-align: center}.teaser-content {width: 100%;float: left}.more {display: inline-block;padding: 1.1em 2em 1em;border: 1px solid #acc2e0;background-color: #fff;-webkit-transform: translateY(50%);transform: translateY(50%);transition: background-color .2s ease-in-out, box-shadow .2s ease-in-out;font-family: Roboto, sans-serif;font-size: .75em;font-weight: 400;letter-spacing: .2em;text-transform: uppercase}.more:hover {border-color: #0a2057;background-color: #0a2057;color: #fff}.more.ripplelink {padding-top: 1em;-webkit-transform: translate3d(0,50%,0) !important;transform: translate3d(0,50%,0) !important;border-color: #ccd6e4;box-shadow: 0 0 0 0 rgba(0, 0, 0, .2);-webkit-transform: translateY(55%);transform: translateY(55%);transition: box-shadow .2s ease-in-out;color: #262c38;letter-spacing: .1em}.more.ripplelink:hover {border-color: #0a2057;box-shadow: 0 10px 30px 2px rgba(0, 0, 0, .3);color: #f0f4ff}.more.ripplelink:active {box-shadow: 0 2px 3px 0 rgba(0, 0, 0, .72)}.intro-outer-w {position: absolute;bottom: 4em;z-index: 11;display: block;width: 100%;opacity: 1}.intro-inner-w {position: relative;width: 60%;padding-top: 2em;padding-right: 2em;padding-bottom: 2em;float: left;background-image: url(https://qbiz-it.com/uploads/images/bar-bg.svg);background-position: 100% 100%;background-size: cover;background-repeat: no-repeat}.intro-inner-w.right {padding-right: 0;padding-left: 2em;float: right;background-image: url(https://qbiz-it.com/uploads/images/bar-bg-2.svg);background-position: 0 100%;background-size: 130%}.intro-bg {position: absolute;left: 0;top: 0;right: auto;bottom: 0;z-index: 0;width: 40%;background-color: #0a2057}.intro-bg.right {left: auto;right: 0}.number-inner {position: relative;z-index: 6;display: inline-block;width: 100%;font-family: Roboto, sans-serif;font-size: 1.3em;font-weight: 500}.copy-succ {position: fixed;right: 6.2em;bottom: 6em;z-index: 10;padding: .5em 1em;border-radius: 3px;background-color: #ee8100;opacity: 0;font-family: Roboto Condensed, sans-serif;color: #fff;font-weight: 400;text-align: right}.full-header {position: absolute;left: 0;right: 0;bottom: 0;z-index: 0;width: 100%;height: 100%;background-image: url(https://qbiz-it.com/uploads/images/IT-Beratung-full.jpg);background-position: 100% 0;background-size: cover}.full-header.service {background-image: url(https://qbiz-it.com/uploads/images/IT-Service-full.jpg);background-position: 0 0;background-size: cover}.full-header.security {background-image: url(https://qbiz-it.com/uploads/images/IT-Sicherheit-full.jpg);background-size: cover}.full-header.medi {background-image: url(https://qbiz-it.com/uploads/images/Medientechnik-full.jpg);background-position: 50% 50%;background-size: cover}.parallax-pattern {position: absolute;left: 0;top: 0;right: 0;width: 100%;height: 110%;background-color: #0f2957;background-image: url(https://qbiz-it.com/uploads/images/pattern10.svg);background-position: 100% 100%;background-size: cover}.parallax-pattern.bottom {height: 150%;background-attachment: fixed}.bubble-pin {position: absolute;left: -2em;top: 0;z-index: 0;width: 3em;border-style: solid;border-width: 2em;border-color: #f6f8fb #f6f8fb transparent transparent}.down-link-inner {display: inline-block;font-size: .75em;letter-spacing: .2em}.down-link-inner:hover {color: #d6e2ff}.hide-phone-link {position: absolute;top: 0;right: 0;z-index: 12;display: inline-block;width: 4em;height: 4em}.hide-phone-link, .hide-phone-link:hover, .mail-icon {color: transparent}.mail-icon {width: 3em;background-image: url(https://qbiz-it.com/uploads/images/mail.svg);background-position: 50% 50%;background-size: cover}.button, .mail-icon {display: inline-block}.button {padding: 1em 4em;border: 1px solid #ccd6e4;box-shadow: 0 0 0 0 rgba(0, 0, 0, .3);transition: box-shadow .2s ease-in-out;color: #3a4149;font-size: .75em;font-weight: 400;letter-spacing: .2em;text-transform: uppercase}.button:hover {border-color: #0a2057;background-color: #0a2057;box-shadow: 0 5px 20px 2px rgba(0, 0, 0, .3);color: #d6e2ff}.button:active {box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .6)}.strip_overlay2 {position: absolute;left: 0;top: 0;right: 0;bottom: 0;z-index: 1;background-color: #0f2957;opacity: 0}.strip_overlay2.move {opacity: 1}.strip_overlay2.light {background-color: #3c5e8e}.scroll-ancor {position: absolute;left: 0;top: -5em;right: 0;width: 100px}.contact-bar-w {position: absolute;top: 100vh;z-index: 12;width: 100%}.footer-logo {display: block;width: 7em;margin-top: -1.1em;margin-right: 1em;float: left}.footer-nav {display: inline-block;margin-left: 2em;float: right;color: #a1aebe}.text-block-2 {text-align: left}.intro-h1 {margin-bottom: 0;color: #fff;font-size: 3em}.team-img {position: relative;overflow: hidden;width: 33.333%;padding-top: 33.333%;float: left;border: 1px solid #ccd6e4;border-top-left-radius: 50%;border-top-right-radius: 50%;border-bottom-left-radius: 50%}.img-fill {position: absolute;left: 0;top: 0;right: 0;width: 100%}.profil-txt-w {width: 66.666%;padding-left: 1em;float: left}.profil-w {width: 100%;margin-bottom: 1em;padding-bottom: 1em;float: left;border-bottom: 1px solid #ccd6e4}.profil-title {margin-bottom: .2em;font-weight: 700}.profil-subtitle, .profil-title {font-family: Roboto Condensed, sans-serif}.chat-w-2 {position: static;top: 100%;z-index: 12;width: 33.333%;margin-top: 0;padding-left: 0;float: left;color: #3a4149;text-align: center;margin-bottom: 16px}.cta-btn {display: block;width: 66.666%;margin-top: 1em;padding: 1em;float: right;border-bottom-left-radius: 2px;border-bottom-right-radius: 2px;color: #fff;background-color: #0a64be;transition: background-color .2s ease;font-weight: 400;text-align: center;letter-spacing: .2px;text-transform: uppercase}.cta-btn.block {float: none;width: 100%}.cta-btn:hover {background-color: #ff8500;color: #fff}.chat-bubble-w2 {position: static;width: 66.666%;margin-top: 0;float: right;border-radius: 3px;background-color: #f6f8fb;margin-bottom: 16px}.quote-w {width: 100%;float: left}.cta-txt-w-old {height: 5em;margin-bottom: 1em;color: #3a4149;font-size: 1.999em;line-height: 1.6em;font-weight: 300;text-align: center;letter-spacing: .01em}body {overflow-x: hidden}* {-webkit-tap-highlight-color: rgba(0, 0, 0, 0);-webkit-tap-highlight-color: transparent}.quote-w:nth-child(2n) .chat-w-2 {float: right}.quote-w:nth-child(2n) .bubble-pin {right: -2em;left: auto;border-color: #f6f8fb transparent transparent #f6f8fb}.chat-bubble p {margin-bottom: 1.3em}.chat-bubble p:last-child {margin-bottom: 0}.cta-txt-w a {color: #3a4149}.cta-txt-w a:before {background-color: transparent !important}.strip {-webkit-backface-visibility: hidden}a {-webkit-tap-highlight-color: rgba(238, 127, 0, .5);tap-highlight-color: rgba(238, 127, 0, .5);transition: tap-highlight-color .2s ease-in-out}.wrapper {font-size: 14px;font-size: calc(9px + 6 * (100vw - 500px) / 1460)}.subnav-w li {padding: 0}.intro-inner-w.right .down-link {left: 2.5em}.w-nav-button {padding: 1em}.navbar.sticky .nav-link.w--current:after {bottom: -2px}.typed-cursor {opacity: 1;-webkit-animation: a .7s infinite;animation: a .7s infinite}.teaser-content p {margin: 0}@keyframes a {0% {opacity: 1}50% {opacity: 0}to {opacity: 1}}@-webkit-keyframes a {0% {opacity: 1}50% {opacity: 0}to {opacity: 1}}.small-dis .col25 {padding: 0 .5em}.col25.divider:last-child {border-right: none}.copy-succ.suc {-webkit-animation: b 3s ease-in-out;animation: b 3s ease-in-out}/*!* Hamburgers* @description Tasty CSS-animated hamburgers* @author Jonathan Suh @jonsuh* @site //jonsuh.com/hamburgers* @link //github.com/jonsuh/hamburgers*/.hamburger {padding: 1em .333em;display: inline-block;cursor: pointer;transition-property: opacity, -webkit-filter;transition-property: opacity, filter;transition-property: opacity, filter, -webkit-filter;transition-duration: .15s;transition-timing-function: linear;font: inherit;color: inherit;text-transform: none;background-color: transparent;border: 0;margin: 0;overflow: visible;outline: none;font-size: .5em}.hamburger:hover {opacity: .7}.hamburger-box {width: 2.667em;height: 1.6em;display: block;position: relative}.hamburger-inner {display: block;top: 50%;margin-top: -2px}.hamburger-inner, .hamburger-inner:after, .hamburger-inner:before {width: 2.667em;height: .267em;background-color: #0a2057;border-radius: .267em;position: absolute;transition-property: -webkit-transform;transition-property: transform;transition-property: transform, -webkit-transform;transition-duration: .15s;transition-timing-function: ease}.is-active .hamburger-inner, .is-active .hamburger-inner:after,.is-active .hamburger-inner:before {background-color: #fff !important}.hamburger-inner:after, .hamburger-inner:before {content: "";display: block}.hamburger-inner:before {top: -.667em}.hamburger-inner:after {bottom: -.667em}.hamburger--collapse .hamburger-inner {top: auto;bottom: 0;transition-duration: .15s;transition-delay: .15s;transition-timing-function: cubic-bezier(.55, .055, .675, .19)}.hamburger--collapse .hamburger-inner:after {top: -1.333em;transition: top .3s cubic-bezier(.33333, .66667, .66667, 1) .3s, opacity .1s linear}.hamburger--collapse .hamburger-inner:before {transition: top .12s cubic-bezier(.33333, .66667, .66667, 1) .3s, -webkit-transform .15s cubic-bezier(.55, .055, .675, .19);transition: top .12s cubic-bezier(.33333, .66667, .66667, 1) .3s, transform .15s cubic-bezier(.55, .055, .675, .19);transition: top .12s cubic-bezier(.33333, .66667, .66667, 1) .3s, transform .15s cubic-bezier(.55, .055, .675, .19), -webkit-transform .15s cubic-bezier(.55, .055, .675, .19)}.hamburger--collapse.is-active .hamburger-inner {-webkit-transform: translate3d(0, -.667em, 0) rotate(-45deg);transform: translate3d(0, -.667em, 0) rotate(-45deg);transition-delay: .32s;transition-timing-function: cubic-bezier(.215, .61, .355, 1)}.hamburger--collapse.is-active .hamburger-inner:after {top: 0;opacity: 0;transition: top .3s cubic-bezier(.33333, 0, .66667, .33333), opacity .1s linear .27s}.hamburger--collapse.is-active .hamburger-inner:before {top: 0;-webkit-transform: rotate(-90deg);transform: rotate(-90deg);transition: top .12s cubic-bezier(.33333, 0, .66667, .33333) .18s, -webkit-transform .15s cubic-bezier(.215, .61, .355, 1) .42s;transition: top .12s cubic-bezier(.33333, 0, .66667, .33333) .18s, transform .15s cubic-bezier(.215, .61, .355, 1) .42s;transition: top .12s cubic-bezier(.33333, 0, .66667, .33333) .18s, transform .15s cubic-bezier(.215, .61, .355, 1) .42s, -webkit-transform .15s cubic-bezier(.215, .61, .355, 1) .42s}@-webkit-keyframes b {0% {opacity: 0;-webkit-transform: translate(0);transform: translate(0)}30% {-webkit-transform: translateY(-1em);transform: translateY(-1em)}30% {opacity: 1;-webkit-transform: translateY(-4em);transform: translateY(-4em)}to {opacity: 0;-webkit-transform: translateY(-6em);transform: translateY(-6em)}}.navbar.dark {background: linear-gradient(180deg, #fff 0, hsla(0, 0%, 100%, 0))}.navbar.dark .brand {transition: height .2s ease, background-size .2s ease}.navbar.dark.sticky, .navbar.sticky {background-color: #fff;border-bottom: 1px solid #f1f1f1;color: #0a2361}.navbar.dark .nav-link {color: #0a2361}.navbar.sticky .hamburger-inner, .navbar.sticky .hamburger-inner:after,.navbar.sticky .hamburger-inner:before {background-color: #0a2057}.header-spacer.destroy #first-content {top: 0}.view {opacity: 1;-webkit-transform: translate(0);transform: translate(0)}.ripplelink {text-decoration: none;position: relative;overflow: hidden;transition: all .2s ease;z-index: 0}.down-link-inner:before, .section p a:before {content: "";position: absolute;width: 100%;bottom: 0;left: 0;background-color: #003cd3;height: 1px;-webkit-transform: scaleX(1);transform: scaleX(1);transition: transform .6s cubic-bezier(0, .71, .41, 1);-webkit-transform-origin: left center;transform-origin: left center}.down-link-inner:before {background-color: #fff}.down-link-inner, .section p a {position: relative;transition: color .6s cubic-bezier(0, .71, .41, 1);text-decoration: none}.footer-nav a {color: #a4a5a6}.footer-inner a:before {background-color: #eee}.down-link-inner:hover:before, .section a:hover:before {-webkit-transform: scaleX(0);transform: scaleX(0);-webkit-transform-origin: right center;transform-origin: right center}#contact input, #contact textarea {display: block;width: 100%;max-width: 100%;height: 60px;border: 1px solid #ccd6e4;border-radius: 3px;padding: 20px;outline: none;margin-bottom: 16px}#contact textarea {height: 212px}#contact .w-col:first-child, #contact .w-col:nth-child(2) {padding-left: 0;}#contact .w-col:last-child, #contact .w-col:nth-child(2) {padding-right: 0;padding-left: 0;}#contact button {margin-top: 0}.alert {margin-top: 16px;padding: 10px;display: none;border-radius: 3px;color: #fff}.alert.success {background: #0a64be}.alert.fail {background: #ff8500}.footer-logo img {height: auto}@media screen and (max-width:991px) {.w-nav-overlay, .w-nav[data-collapse=medium] .w-nav-menu {overflow-y: scroll;position: fixed;top: 90px;right: 0;bottom: 0;left: 0;height: 100%;}.w-container {max-width: 728px}.w-nav[data-collapse=medium] .w-dropdown, .w-nav[data-collapse=medium] .w-dropdown-toggle {display: block}.w-nav[data-collapse=medium] .w-dropdown-list {position: static}.w-nav[data-collapse=medium] .w-nav-menu {display: none}.w-nav[data-collapse=medium] .w-nav-button {display: block}}@media screen and (max-width:767px) {.contact-btn {display: flex;align-items: center;justify-content: center;background-image: none !important;}.contact-btn span {display: flex;align-items: center;justify-content: center;font-size: 20px;color: white;}.contact-btn span img {max-width: 30px;margin-right: 0.5rem;}.number {display: none}#contact .w-col:first-child {padding-right: 0;}.w-row {margin-left: 0;margin-right: 0}.w-col {width: 100%;left: auto;right: auto}.w-nav[data-collapse=small] .w-dropdown, .w-nav[data-collapse=small] .w-dropdown-toggle {display: block}.w-nav[data-collapse=small] .w-dropdown-list {position: static}.w-nav[data-collapse=small] .w-nav-menu {display: none}.w-nav[data-collapse=small] .w-nav-button {display: block}.w-nav-brand {padding-left: 10px}}@media screen and (max-width:479px) {.w-container {max-width: none}.w-col {width: 100%}.w-nav[data-collapse=tiny] .w-dropdown, .w-nav[data-collapse=tiny] .w-dropdown-toggle {display: block}.w-nav[data-collapse=tiny] .w-dropdown-list {position: static}.w-nav[data-collapse=tiny] .w-nav-menu {display: none}.w-nav[data-collapse=tiny] .w-nav-button {display: block}}@media (max-width:991px) {.brand {position: absolute;left: 2em;top: 2em;bottom: 1.5em;height: auto;background-position: 0 50%;background-size: contain}.nav-link {padding: 2em;font-size: 2em;text-align: center}.section {padding-right: 4em;padding-left: 4em}.section.hero {width: 100%}.section.cta-inner, .section.footer-inner {padding-top: 2em}.subnav-link.ripplelink {font-size: 1em}/*.contact-btn {border-left-style: none;font-size: 2em;margin-bottom: 0.5rem;}*/.map-txt-w {width: 100%;padding-top: 4em;padding-bottom: 4em;padding-left: 0;float: left;background-image: none;font-size: 1.5em;text-align: center}.col25 {width: 50%}.map-txt {font-size: 3em}.map {position: static;width: 100%;height: 30em;float: left}.col50 {width: 100%;padding-right: 0;padding-left: 0}.chat-w {margin-top: 3em}.chat-w.hero {margin-top: 20vh}.profil-name {font-size: 1.5em}.profil-caption {line-height: 1em}.chat-bubble {margin-bottom: 2em}.header-w.img-intro {margin-bottom: 40vh}.strip_overlay {/*right:-2px*/}.trigger._2 {top: 55vh}.trigger._3, .trigger._4 {top: 60vh}.trigger._5, .trigger._6 {top: 65vh}.intro-heading {margin-bottom: .5em}.title.view {padding-right: 5em}.teaser-w {margin-bottom: 6em;padding-top: 2em;padding-right: 1em;padding-left: 1em}.more.ripplelink {font-size: 1.8em}.intro-inner-w {width: 100%}.hide-phone-link {display: none}.button {font-size: 1em}.nav-button.w--open, .nav-menu {background-color: #0a2057}.footer-logo {display: none}.chat-w-2 {margin-top: 2em}.chat-bubble-w2 {text-align: center}.quote-w {margin-bottom: 24px}.hamburger-inner, .hamburger-inner:after, .hamburger-inner:before {background-color: #fff}.navbar .nav-link {color: #fff !important}.navbar.dark .hamburger-inner, .navbar.dark .hamburger-inner:after,.navbar.dark .hamburger-inner:before {background-color: #0a2361}.subnav-link.ripplelink {font-size: 1.5em;padding: 1em .8em}.subnav-icon {margin-left: 1em}.brand {width: 30em}.nav-link {background-color: #0a2057}.nav-link:nth-child(2) {background-color: #0d2561}.nav-link:nth-child(3) {background-color: #122a67}.nav-link:nth-child(4) {background-color: #183171}.nav-link:nth-child(5) {background-color: #1e3675}.nav-link:nth-child(6) {background-color: #263e7d}.teaser-h {font-size: 1.999em}}@media (max-width:767px) {body.overflow-hidden {overflow: hidden;height: 100%;}#contact input, #contact textarea {font-size: 16px;padding: 10px;}.brand {background-size: contain}.section.hero {width: 100%}.section.cta-inner {padding-top: 3em;padding-bottom: 3em}.subnav-w {padding-top: 0}.subnav-icon {display: none}.contact-bar {position: static}.contact-btn {position: fixed;bottom: 0;width: 50%;height: 6em;margin-bottom: 0;background-color: #0a2057;background-size: auto 4em;color: #3c5e8e;font-size: 1em}.chat-w {font-size: 2em}.profil-caption, .profil-img.hero, .profil-name {display: none}.cta-txt-w {font-size: 1.8em}.strip_overlay {opacity: 1}.header-spacer.destroy, .intro-header-w.fixed {height: 50vh}.title {display: none;opacity: 1}.mail-btn {position: fixed;left:-1px;bottom: 0;z-index: 11;width: 50%;height: 6em;background-color: #011c4b;background-image: url(https://qbiz-it.com/uploads/images/smartphone3.svg);background-position: 50% 50%;background-size: 5em;background-repeat: no-repeat}.footer-logo {display: none}.footer-nav {display: block;float: none}.text-block-2 {text-align: center}.chat-w-2 {display: none;font-size: 2em}.chat-bubble-w2, .cta-btn {width: 100%}.quote-w {margin-bottom: 24px}.strip {background-image: none !important}}@media (max-width:479px) {.section.footer-inner {padding-right: 1em;padding-bottom: 5em;padding-left: 1em}.subnav-w {padding-right: 3em;padding-left: 3em}.map-txt-w {background-image: none}.col25 {width: 100%}.col25.divider {font-size: 15px}.header-spacer.destroy, .intro-header-w.fixed {height: 50vh}.parallax-pattern {background-size: 100%}.footer-nav {display: block;margin-top: 30px;margin-right: auto;margin-left: auto;float: none;clear: both;text-align: center}.cta-btn {font-size: 10px}.image {margin-top: 0}}@media (min-width:991px) {.navbar .nav-link.w--current:after {content: "";position: absolute;left: 3em;right: 3em;bottom: 2.5em;height: 3px;background-color: #0a2057;transition: bottom .2s ease}.navbar.sticky .brand {height: 5.5em;background-size: 10em}.map-txt-w {background-image: linear-gradient(90deg, #fff 52%, hsla(0, 0%, 100%, .001))}.navbar.sticky .brand {background-size: 8em}.navbar.sticky .nav-link {padding: 2em 3em;color: #0a2361}.navbar.sticky {background-color: #fff;border-bottom: 1px solid #f1f1f1;color: #0a2361}}@media screen and (orientation:portrait) {.header-spacer, .header-spacer.destroy, .intro-header-w, .intro-header-w.fixed {height: 50vh}.header-spacer {margin-bottom: 14.3vh}.down-link {display: none}}.mobile-only {display: none;}@media (max-width:1130px) {.subnav-icon {margin-left: 1.8em}.footer-inner.section, .profil-caption, .section li, .subnav-link,.teaser-h, p, p.intro {font-size: 2em}.subnav-w, .subnav-w li:first-child {width: 100%}.subnav-w {max-width: 100%}.subnav-w li {padding: 0;display: inline-block;vertical-align: middle}.section {max-width: 100%;padding: 4em}}.img-fill {height: 100%;}.contact-bar .number-inner a {color: white !important;}@media(max-width: 1130px) {.strip {display: none;}.header-w.img-intro {background-image: url(https://qbiz-it.com/uploads/stripe.png);background-position: 49% bottom;background-repeat: no-repeat;background-size: cover;transition: height 999999999999s;margin-bottom: 5em;}.notransition {-webkit-transition: none !important;-moz-transition: none !important;-o-transition: none !important;-ms-transition: none !important;transition: none !important;}}@media (max-width: 1130px) and (min-width:992) {.hero-heading {font-size: 3em;}}li {color: #92a0b3;}.navbar.sticky .brand {background-image: url(https://qbiz-it.com/uploads/images/qbiz-logo.svg);}.navbar.dark .brand {background-image: url(https://qbiz-it.com/uploads/images/qbiz-logo.svg);transition: height .2s ease, background-size .2s ease}#disable-analytics:hover { text-decoration: underline; cursor:pointer; }@media screen and (orientation:landscape) {.header-w.img-intro { min-height: 650px; }.hero-heading {font-size: 3em;}}.overflow-hidden { overflow: hidden; }.navbar { -webkit-overflow-scrolling: touch; }_:-ms-lang(x), .sticky.navbar .brand { background-size: 13em; }.checkContainer {display: flex;align-items: center;min-height: 35px;position: relative;padding-left: 35px;cursor: pointer;font-size: 16px;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;overflow: hidden;margin-block-end: 10px;padding-bottom: 10px;}.checkContainer input {position: absolute;opacity: 0;cursor: pointer;height: 40px !important;width: 30px !important;left: 5px;}.checkmark {position: absolute;top: 0;left: 0;height: 25px;width: 25px;border: 1px solid rgba(37, 40, 49, 0.3);-webkit-transition: 500ms all;transition: 500ms all;overflow: hidden;border-radius: 3px;}.checkmark:before {content: 'L';font-family: 'Arial';position: absolute;left: 50%;top: 0;color: #fff;opacity: 0;visibility: hidden;transition: 300ms all;transform: scaleX(-1) rotate(-35deg) translateX(4px) translateY(3px);}.checkContainer:hover input ~ .checkmark {background-color: rgba(37, 40, 49, 0.3)}.checkContainer input:checked ~ .checkmark {background-color: #0a64be;border: 1px solid #0a64be;}.checkContainer input:checked ~ .checkmark:before {opacity: 1;visibility: visible;transform: scaleX(-1) rotate(-35deg) translateX(4px) translateY(3px);}.checkmark:after {content: "";position: absolute;display: none;}.checkContainer input:checked ~ .checkmark:after {display: block}x.checkContainer .checkmark:after {left: 9px;top: 5px;width: 5px;height: 10px;border: solid white;border-width: 0 3px 3px 0;-webkit-transform: rotate(45deg);transform: rotate(45deg)}@media (max-width:479px) {.chat-bubble {margin-bottom: 5em;}}@media (max-width:360px) {.chat-bubble {margin-bottom: 10.5em;}}

/* ============================================================
   FAQ SECTION – CSS für QBiz-IT Beratungsseite
   Diesen Code in CMS Made Simple unter:
   Design → Stylesheets → [dein Stylesheet] einfügen
   ============================================================ */

/* FAQ Variablen */
:root {
  --qbiz-primary: #0a2a5c;
  --qbiz-primary-light: #133d7a;
  --qbiz-accent: #1a6bc4;
  --qbiz-accent-hover: #2180e0;
  --qbiz-bg: #f5f7fa;
  --qbiz-bg-card: #ffffff;
  --qbiz-text: #2d3748;
  --qbiz-text-light: #5a6a7e;
  --qbiz-border: #e2e8f0;
  --qbiz-shadow: 0 2px 12px rgba(10, 42, 92, 0.08);
  --qbiz-shadow-hover: 0 6px 24px rgba(10, 42, 92, 0.14);
  --qbiz-radius: 12px;
  --qbiz-transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.qbiz-faq-section {
  font-family: 'Roboto', -apple-system, BlinkMacSystemFont, sans-serif;
  background: var(--qbiz-bg);
  padding: 80px 20px;
  color: var(--qbiz-text);
  line-height: 1.7;
}

.qbiz-faq-container {
  max-width: 860px;
  margin: 0 auto;
}

.qbiz-faq-header {
  text-align: center;
  margin-bottom: 56px;
}

.qbiz-faq-badge {
  display: inline-block;
  background: linear-gradient(135deg, var(--qbiz-primary), var(--qbiz-accent));
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
  padding: 6px 18px;
  border-radius: 50px;
  margin-bottom: 20px;
}

.qbiz-faq-title {
  font-family: 'Roboto Condensed', 'Roboto', sans-serif;
  font-size: clamp(28px, 4vw, 40px);
  font-weight: 700;
  color: var(--qbiz-primary);
  margin-bottom: 16px;
  line-height: 1.2;
}

.qbiz-faq-subtitle {
  font-size: 17px;
  color: var(--qbiz-text-light);
  font-weight: 300;
  max-width: 600px;
  margin: 0 auto;
}

.qbiz-faq-list {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.qbiz-faq-item {
  background: var(--qbiz-bg-card);
  border: 1px solid var(--qbiz-border);
  border-radius: var(--qbiz-radius);
  overflow: hidden;
  transition: box-shadow var(--qbiz-transition), border-color var(--qbiz-transition);
}

.qbiz-faq-item:hover {
  box-shadow: var(--qbiz-shadow);
  border-color: rgba(26, 107, 196, 0.2);
}

.qbiz-faq-item.active {
  box-shadow: var(--qbiz-shadow-hover);
  border-color: var(--qbiz-accent);
}

.qbiz-faq-question {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 22px 28px;
  background: transparent;
  border: none;
  cursor: pointer;
  text-align: left;
  font-family: 'Roboto', sans-serif;
  font-size: 16px;
  font-weight: 500;
  color: var(--qbiz-primary);
  line-height: 1.5;
  transition: color var(--qbiz-transition), background var(--qbiz-transition);
}

.qbiz-faq-question:hover {
  background: rgba(26, 107, 196, 0.03);
}

.qbiz-faq-item.active .qbiz-faq-question {
  color: var(--qbiz-accent);
}

.qbiz-faq-icon {
  flex-shrink: 0;
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--qbiz-bg);
  border-radius: 50%;
  transition: transform var(--qbiz-transition), background var(--qbiz-transition);
}

.qbiz-faq-icon svg {
  width: 16px;
  height: 16px;
  stroke: var(--qbiz-primary);
  transition: stroke var(--qbiz-transition);
}

.qbiz-faq-item.active .qbiz-faq-icon {
  background: var(--qbiz-accent);
  transform: rotate(45deg);
}

.qbiz-faq-item.active .qbiz-faq-icon svg {
  stroke: #fff;
}

.qbiz-faq-answer-wrapper {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.qbiz-faq-answer {
  padding: 0 28px 24px 28px;
  font-size: 15px;
  color: var(--qbiz-text-light);
  font-weight: 300;
  line-height: 1.8;
  opacity: 0;
  transform: translateY(-8px);
  transition: opacity 0.3s ease 0.1s, transform 0.3s ease 0.1s;
}

.qbiz-faq-item.active .qbiz-faq-answer {
  opacity: 1;
  transform: translateY(0);
}

.qbiz-faq-answer strong {
  color: var(--qbiz-text);
  font-weight: 500;
}

.qbiz-faq-divider {
  height: 1px;
  background: var(--qbiz-border);
  margin: 0 28px 16px 28px;
}

.qbiz-faq-cta {
  text-align: center;
  margin-top: 56px;
  padding: 40px 32px;
  background: linear-gradient(135deg, var(--qbiz-primary) 0%, var(--qbiz-primary-light) 100%);
  border-radius: var(--qbiz-radius);
  color: #fff;
}

.qbiz-faq-cta p {
  font-size: 18px;
  font-weight: 300;
  margin-bottom: 24px;
  opacity: 0.9;
}

.qbiz-faq-cta-btn {
  display: inline-block;
  background: #fff;
  color: var(--qbiz-primary);
  font-family: 'Roboto', sans-serif;
  font-size: 15px;
  font-weight: 700;
  text-decoration: none;
  padding: 14px 36px;
  border-radius: 50px;
  transition: transform var(--qbiz-transition), box-shadow var(--qbiz-transition);
}

.qbiz-faq-cta-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.25);
}

@media (max-width: 640px) {
  .qbiz-faq-section { padding: 48px 16px; }
  .qbiz-faq-question { padding: 18px 20px; font-size: 15px; }
  .qbiz-faq-answer { padding: 0 20px 20px 20px; font-size: 14px; }
  .qbiz-faq-divider { margin: 0 20px 12px 20px; }
  .qbiz-faq-icon { width: 32px; height: 32px; }
  .qbiz-faq-cta { padding: 32px 24px; }
}

@keyframes fadeInUp {
  from { opacity: 0; transform: translateY(24px); }
  to { opacity: 1; transform: translateY(0); }
}

.qbiz-faq-item { animation: fadeInUp 0.5s ease both; }
.qbiz-faq-item:nth-child(1)  { animation-delay: 0.05s; }
.qbiz-faq-item:nth-child(2)  { animation-delay: 0.10s; }
.qbiz-faq-item:nth-child(3)  { animation-delay: 0.15s; }
.qbiz-faq-item:nth-child(4)  { animation-delay: 0.20s; }
.qbiz-faq-item:nth-child(5)  { animation-delay: 0.25s; }
.qbiz-faq-item:nth-child(6)  { animation-delay: 0.30s; }
.qbiz-faq-item:nth-child(7)  { animation-delay: 0.35s; }
.qbiz-faq-item:nth-child(8)  { animation-delay: 0.40s; }
.qbiz-faq-item:nth-child(9)  { animation-delay: 0.45s; }
.qbiz-faq-item:nth-child(10) { animation-delay: 0.50s; }
