.tns-outer{padding:0 !important}.tns-outer [hidden]{display:none !important}.tns-outer [aria-controls],.tns-outer [data-action]{cursor:pointer}.tns-slider{-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}.tns-slider>.tns-item{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.tns-horizontal.tns-subpixel{white-space:nowrap}.tns-horizontal.tns-subpixel>.tns-item{display:inline-block;vertical-align:top;white-space:normal}.tns-horizontal.tns-no-subpixel:after{content:'';display:table;clear:both}.tns-horizontal.tns-no-subpixel>.tns-item{float:left}.tns-horizontal.tns-carousel.tns-no-subpixel>.tns-item{margin-right:-100%}.tns-no-calc{position:relative;left:0}.tns-gallery{position:relative;left:0;min-height:1px}.tns-gallery>.tns-item{position:absolute;left:-100%;-webkit-transition:transform 0s, opacity 0s;-moz-transition:transform 0s, opacity 0s;transition:transform 0s, opacity 0s}.tns-gallery>.tns-slide-active{position:relative;left:auto !important}.tns-gallery>.tns-moving{-webkit-transition:all 0.25s;-moz-transition:all 0.25s;transition:all 0.25s}.tns-autowidth{display:inline-block}.tns-lazy-img{-webkit-transition:opacity 0.6s;-moz-transition:opacity 0.6s;transition:opacity 0.6s;opacity:0.6}.tns-lazy-img.tns-complete{opacity:1}.tns-ah{-webkit-transition:height 0s;-moz-transition:height 0s;transition:height 0s}.tns-ovh{overflow:hidden}.tns-visually-hidden{position:absolute;left:-10000em}.tns-transparent{opacity:0;visibility:hidden}.tns-fadeIn{opacity:1;filter:alpha(opacity=100);z-index:0}.tns-normal,.tns-fadeOut{opacity:0;filter:alpha(opacity=0);z-index:-1}.tns-vpfix{white-space:nowrap}.tns-vpfix>div,.tns-vpfix>li{display:inline-block}.tns-t-subp2{margin:0 auto;width:310px;position:relative;height:10px;overflow:hidden}.tns-t-ct{width:2333.3333333%;width:-webkit-calc(100% * 70 / 3);width:-moz-calc(100% * 70 / 3);width:calc(100% * 70 / 3);position:absolute;right:0}.tns-t-ct:after{content:'';display:table;clear:both}.tns-t-ct>div{width:1.4285714%;width:-webkit-calc(100% / 70);width:-moz-calc(100% / 70);width:calc(100% / 70);height:10px;float:left}

/* PostCSS: v8.3.6, Autoprefixer: v10.3.1, last 2 versions,ie >= 11 */

/*%italic*/
.t-1500 .text blockquote, .t-1500 .zitat__quote, .t-1500 .toggle__quote { font-style: italic; }


.contact-link-group           { position: relative; z-index: 0; }
.contact-link-group::before   { content: ""; position: absolute; left: -1.5rem; top: 50%; z-index: -1; width: 6rem; height: 6rem; -webkit-transform: translateY(-50%) rotate(45deg); transform: translateY(-50%) rotate(45deg); background-color: #0014dd; opacity: .05; }
[class^=col] + [class^=col] .contact-link-group::before { -webkit-transform: translateY(-50%) rotate(45deg) scale(.5); transform: translateY(-50%) rotate(45deg) scale(.5); }
.icon-link, .contact-link     { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }
.icon-link                    { color: inherit; }
a.icon-link:hover, a.icon-link:focus { color: #0014dd; stroke: #0014dd; }
.icon-link + .icon-link       { margin-top: 1em; }
.icon-link .i                 { position: relative; top: .05rem; }
.contact-link                 { color: #ff8018; stroke: #ff8018; font-size: 1.25rem; }
.contact-link:hover, .contact-link:focus { color: #0014dd; stroke: #0014dd; }
.contact-link + .contact-link { margin-top: 2rem; }
.icon-link .i                 { position: relative; top: .1em; }
@media (min-width: 33.75em)   {
  .contact-link               { font-size: 2.5rem; }
  .contact-link .i            { width: 3rem; height: 3rem; stroke-width: 2.4px; }
}
@media (min-width: 60em) {
  .contact-link-group::before { width: 12rem; height: 12rem; }
}


.text * + ol, .text * + p, .text * + ul { margin-top: 1em; }
.text .ui-group + *  { margin-top: 2.5rem; }
.text .h2-soft + .h2  { margin-top: 1rem; }
.text * + .h3         { margin-top: 2em; }
.text ul ul, .text ul ol, .text ol ul, .text ol ol { margin-top: .5rem; }
.text ol              { counter-reset: markdown-list; }
.text ol li           { counter-increment: markdown-list; }
.text li              { position: relative; padding-left: 1.75rem; }
.text li::before      { position: absolute; left: 0; top: 0; color: #ff8018; font-weight: bold; }
.text ol > li::before { content: counter(markdown-list) "."; }
.text ul > li::before { content: "–"; }
.text > ul > li::before { content: ""; left: .1rem; top: .5rem; width: .75rem; height: .75rem; background-color: #ff8018; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.text li + li         { margin-top: .5em; }
.text h4              { font-weight: bold; }
.text * + h4          { margin-top: 2em; }
.text h4 + *          { margin-top: 1em; }
.text h5              { font-weight: bold; }
.text * + h5          { margin-top: 1em; }
.text h5 + *          { margin-top: 0; }
.text blockquote      { position: relative; padding-left: 2rem; color: #0014dd; }
.text blockquote::before { content: ""; position: absolute; left: 0; top: .25rem; width: 1.25rem; height: 1.154rem;
                           background: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 52 48" fill="%230014dd"><path d="M0,0H24V48L0,24V0z M28,0H52V48L28,24V0Z"/></svg>'); }
.text blockquote p    { max-width: none; }
.text * + blockquote  { margin-top: 1.5rem; }
@media (min-width: 33.75rem) {
  .text .ui-group + * { margin-top: 5rem; }
}


.dismissable         { display: none; -webkit-transition: opacity .15s cubic-bezier(0,.6,.4,1), -webkit-transform .15s cubic-bezier(0,.6,.4,1); transition: opacity .15s cubic-bezier(0,.6,.4,1), -webkit-transform .15s cubic-bezier(0,.6,.4,1); transition: opacity .15s cubic-bezier(0,.6,.4,1), transform .15s cubic-bezier(0,.6,.4,1); transition: opacity .15s cubic-bezier(0,.6,.4,1), transform .15s cubic-bezier(0,.6,.4,1), -webkit-transform .15s cubic-bezier(0,.6,.4,1); }
.dismissable--active { display: block; }
.dismissable--hidden { opacity: 0; -webkit-transform: translateY(1rem); transform: translateY(1rem); }


.r--100-textfeld .h1, .r--100-textfeld .h2, .r--100-textfeld ul ul, .r--100-textfeld ul ol, .r--100-textfeld ol ul, .r--100-textfeld ol ol {
  max-width: none; }
@media (min-width:60em) {
  .s--text-only .h2, .r--100-textfeld blockquote, .r--100-textfeld h3, .r--100-textfeld h4, .r--100-textfeld h5, .r--100-textfeld h6, .r--100-textfeld hr, .r--100-textfeld img, .r--100-textfeld ol, .r--100-textfeld p, .r--100-textfeld ul {
    max-width: 66.666%; margin-left: auto; margin-right: auto; }
  .r--100-textfeld .cta-group { -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
}
@media (min-width:90em) {
  .s--text-only .h2, .r--100-textfeld blockquote, .r--100-textfeld h3, .r--100-textfeld h4, .r--100-textfeld h5, .r--100-textfeld h6, .r--100-textfeld hr, .r--100-textfeld img, .r--100-textfeld ol, .r--100-textfeld p, .r--100-textfeld ul {
     max-width: 50%; margin-left: auto; margin-right: auto; }
}

@media (min-width:60em) {
  .r--pic img { max-width: 66.666%; margin-left: auto; margin-right: auto; }
  .r--pic + .r--100-textfeld { margin-top: -60px; }
}
@media (min-width:90em) {
  .r--pic img { max-width: 50%; margin-left: auto; margin-right: auto; }
}

@media (min-width:68em) {
  .textspalten-group             { position: relative; z-index: 0; }
  .textspalten-blob              { position: absolute; left: 0; top: 0; bottom: 0; right: 0; z-index: -1; }
  .textspalten-blob::before      { content: ""; position: absolute; left: 50%; top: 50%; width: 50%; height: 70%; max-width: 64rem; -webkit-transform: translate(-50%,-35%); transform: translate(-50%,-35%); background-color: #0014dd; opacity: .03; }
  /* .textspalten-group::before     { content: ""; position: absolute; left: 50%; top: 50%; z-index: -1; width: 50%; height: 70%; max-width: 64rem; transform: translate(-50%,-35%); background-color: #0014dd; opacity: .03; } */
  .bg .textspalten-group::before { content: none; }
}


.pic                       { position: relative; z-index: 0; }
.pic--no-gradient          { -webkit-box-shadow: 0 0 4rem -1rem rgba(0,0,0,.05),0 0 4rem -2rem rgba(0,0,0,.15); box-shadow: 0 0 4rem -1rem rgba(0,0,0,.05),0 0 4rem -2rem rgba(0,0,0,.15); }

.pic__blob, .pic__blob::before { position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: -1; pointer-events: none; }
.pic__blob::before         { -webkit-transform: translate(-15%,10%); transform: translate(-15%,10%); background-color: #0014dd; opacity: .05; }
.pic__blob-big::before     { -webkit-transform: translate(-35%,15%); transform: translate(-35%,15%); }
.pic--reverse.pic__blob-big::before { -webkit-transform: translate(35%,15%); transform: translate(35%,15%); }

@media (max-width: 60em) {
  .pic--gradient           { margin-left: calc(-2rem - 10vw); margin-right: calc(-2rem - 10vw); }
}
@media (max-width: 33.74em) {
  .pic--gradient           { margin-left: -2rem; margin-right: -2rem; }
}
@media (min-width: 60em) {
  .pic--gradient           { margin-left: calc(-2rem - 5vw); }
  .pic--reverse.pic--gradient { margin-left: -1rem; margin-right: calc(-2rem - 5vw); }
  .pic__blob::before       { content: ""; }
}



.zitat                      { position: relative; z-index: 0; padding-top: 6rem; padding-bottom: 2rem; margin-top: 3rem; background-color:#0014dd; color: #fff; }
.zitat__pic                 { position: absolute; left: 2rem; top: -4rem; width: 8rem; height: 8rem; }
.zitat__icon                { position: absolute; top: 2rem; right: 2rem; width: 1.625rem; height: 1.5rem; stroke: none; fill: #fff; }
.zitat__quote               { font-size: 1.375rem; }
.zitat__source              { display: block; margin-top: 2rem; }
.zitat__name                { display: block; margin-bottom: .25rem; font-weight: 900; }
@media (max-width: 60em) {
  .zitat                    { margin-left: calc(-2rem - 10vw); margin-right: calc(-2rem - 10vw); padding-left: 2rem; padding-right: 2rem; }
}
@media (max-width: 33.75em) {
  .zitat                    { margin-left: -2rem; margin-right: -2rem; }
}
@media (min-width: 60em) {
  .zitat                    { padding: 3.5rem 3.5rem 3.5rem 16rem; }
  .zitat__pic               { width: 16rem; height: 16rem; left: -5rem; top: -3rem; }
  .zitat__quote             { font-size: 1.75rem; }
  .zitat__icon              { right: -5rem; top: 0; width: 3.25rem; height: 3rem; fill: #0014dd; }
}



.references                                { max-width: none; }
.references__c                             { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.r-no-pad .references__logo                { -webkit-box-flex: 0; -ms-flex: 0 0 33.33%; flex: 0 0 33.33%; max-width: 33.33%; padding: .125rem; }
.r-no-pad .references__ui                  { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 3rem 2rem; }
@media (min-width: 60em) {
  .references                              { position: relative; z-index: 0; max-width: 90%; padding-left: 2rem; padding-right: 2rem; }
  .references__c, .references__logo        { -webkit-transition: all 1.2s cubic-bezier(0,.6,.4,1); transition: all 1.2s cubic-bezier(0,.6,.4,1); }
  .references--btn:hover .references__c    { -webkit-transform: scale(.95); transform: scale(.95); -webkit-transition-delay: .15s; transition-delay: .15s; }
  .r-no-pad .references__logo              { -ms-flex-preferred-size: 20%; flex-basis: 20%; max-width: 20%; -webkit-transition: all 1.2s cubic-bezier(0,.6,.4,1); transition: all 1.2s cubic-bezier(0,.6,.4,1); }
  .references--btn:hover .references__logo { opacity: .5; -webkit-filter: blur(5px); filter: blur(5px); -webkit-transition-delay: .15s; transition-delay: .15s; }
  .r-no-pad .references__ui                { position: absolute; left: 50%; top: 50%; z-index: 1; width: auto; padding: 0; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); }
  .references__ui .cta                     { -webkit-transform: scale(1); transform: scale(1); visibility: hidden; opacity: 0;
                                             -webkit-transition: opacity 1.2s cubic-bezier(0,.6,.4,1), visibility 0s ease 1.2s, -webkit-transform 1.2s cubic-bezier(0,.6,.4,1);
                                             transition: opacity 1.2s cubic-bezier(0,.6,.4,1), visibility 0s ease 1.2s, -webkit-transform 1.2s cubic-bezier(0,.6,.4,1);
                                             transition: transform 1.2s cubic-bezier(0,.6,.4,1), opacity 1.2s cubic-bezier(0,.6,.4,1), visibility 0s ease 1.2s;
                                             transition: transform 1.2s cubic-bezier(0,.6,.4,1), opacity 1.2s cubic-bezier(0,.6,.4,1), visibility 0s ease 1.2s, -webkit-transform 1.2s cubic-bezier(0,.6,.4,1); }
  .references--btn:hover .references__ui .cta   { -webkit-transform: scale(1.1); transform: scale(1.1); visibility: visible; opacity: 1; -webkit-transition-delay: .15s; transition-delay: .15s; }
}
@media (prefers-reduced-motion: reduce) {
  .references__c                           { -webkit-transform: none !important; transform: none !important; }
}
@media (min-width: 120em) {
  .references { max-width: 112rem; }
}



.tile__pic--icon, .box__pic--icon { position: relative; height: 0; padding-bottom: 100%; background-color: #0014dd; stroke: #fff; stroke-width: .25px; }
.tile__icon, .box__icon           { position: absolute; left: 50%; top: 50%; width: 70%; height: 70%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); }

.tile__copy                   { margin-top: 2rem; }
@media (max-width: 33.75em), (min-width: 100em) {
  .tile__pic                  { max-width: 80%; }
  .tile__pic--icon            { padding-bottom: 80%; }
}
@media (min-width: 60em) {
  .tiles                      { position: relative; z-index: 0; padding-bottom: 3.5rem; }
  .tiles::before              { content: ""; position: absolute; left: -2rem; top: 10rem; right: -2rem; bottom: 3.5rem; z-index: -1; background-color: rgba(0,20,221,.05); }
}

.box                          { position: relative; z-index: 0; }
.box__pic                     { position: absolute; top: -13rem; width: 15rem; }
.box__pic--icon               { padding-bottom: 15rem; }
.box--odd .box__pic           { left: 0; }
.box--even .box__pic          { right: 0; }
.box__copy                    { padding: 4rem 2rem 2rem; margin-top: 13rem; background-color: #fff; -webkit-box-shadow: 0 0 4rem -1rem rgba(0,0,0,.05),0 0 4rem -2rem rgba(0,0,0,.15); box-shadow: 0 0 4rem -1rem rgba(0,0,0,.05),0 0 4rem -2rem rgba(0,0,0,.15); }
@media (min-width: 33.75em) {
  .box--odd .box__pic         { left: -2rem; }
  .box--even .box__pic        { right: -2rem; }
}
@media (max-width: 60em) {
  .box                        { margin-left: -2rem; margin-right: -2rem; }
}
@media (min-width: 60em) {
  .box__pic                   { top: -3rem; z-index: -1; width: 25rem; }
  .box__pic--icon             { padding-bottom: 25rem; }
  .box--odd .box__pic         { left: -22rem; }
  .box--even .box__pic        { right: -22rem; }
  .box__copy                  { padding: 5rem; margin-top: 3rem; }
}
@media (min-width: 90em) {
  .box__copy                  { padding: 7rem; }
}



.counter__value               { position: relative; z-index: 0; font-size: 3rem; }
.counter__value::before       { content: ""; position: absolute; left: -1rem; top: -2rem; z-index: -1; width: 4rem; height: 4rem; background-color: rgba(0,20,221,.05); }
@media (min-width: 60em) {
  .counter__value             { font-size: 4rem; }
}



.toggle + .toggle               { margin-top: 2rem; }
.toggle__pic                    { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 8rem; height: 8rem; margin-bottom: -4rem; stroke: #0014dd; }
.toggle--is-open .toggle__pic   { -webkit-transform: translateY(-1rem); transform: translateY(-1rem); background-color: #0014dd; stroke: #fff; }
.toggle__icon                   { width: 6rem; height: 6rem; stroke-width: .5px; }
.toggle__copy                   { min-height: 7rem; padding: 4rem 2rem 0; }
.toggle--is-open .toggle__copy  { background-color: rgba(0,20,221,.05); }
.toggle__h                      { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; font-size: 1.375rem; text-align: left; cursor: pointer; }
.toggle__caret                  { width: 2rem; height: 2rem; margin-left: .5em; margin-top: -.25rem; -webkit-transition: -webkit-transform .15s cubic-bezier(0,.6,.4,1); transition: -webkit-transform .15s cubic-bezier(0,.6,.4,1); transition: transform .15s cubic-bezier(0,.6,.4,1); transition: transform .15s cubic-bezier(0,.6,.4,1), -webkit-transform .15s cubic-bezier(0,.6,.4,1); }
.toggle--is-open .toggle__caret { -webkit-transform: rotate(-180deg); transform: rotate(-180deg); }
.toggle__quote                  { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 1.5rem; color: #0014dd; }
.toggle__quote-icon             { -ms-flex-negative: 0; flex-shrink: 0; width: 1.25rem; height: 1.15rem; margin-top: .15rem; margin-right: 1rem; stroke: none; fill: #0014dd; }
.toggle__c                      { display: none; margin-top: 1.5rem; padding-bottom: 2rem; }
.toggle--is-open .toggle__c     { display: block; }
@media (max-width: 60em) {
  .toggle                       { margin-left: -2rem; margin-right: -2rem; }
}
@media (min-width: 60em) {
  .toggle + .toggle             { margin-top: 3rem; }
  .toggle                       { position: relative; margin-left: -2rem; margin-right: -2rem; }
  .toggle__pic                  { position: absolute; top: 0; left: 0; width: 12rem; height: 12rem; }
  .toggle--is-open .toggle__pic { -webkit-transform: translate(-1rem,-1rem); transform: translate(-1rem,-1rem); }
  .toggle__icon                 { width: 8rem; height: 8rem; stroke-width: .35px; }
  .toggle__copy                 { padding: 3rem 3rem 0 14rem; }
  .toggle__h                    { font-size: 1.75rem; }
  .toggle__caret                { width: 2.5rem; height: 2.5rem; }
  .toggle__c                    { padding-bottom: 3rem; }
}


.form                                  { padding: 2rem; background-color: #fff; }
* + .form__group                       { margin-top: 3rem; }
.form__item                            { position: relative; }
.form__item + .form__item              { margin-top: 1.5rem; }
.form__label                           { padding-bottom: .25rem; }
.form__input                           { padding: 1rem 1rem 1rem 3rem; border: 1px solid #0014dd; background-color: rgba(0,20,221,.03); }
.form__input:hover, .form__input:focus { border-color: #ff8018; -webkit-box-shadow: 0 0 0 1px #ff8018 inset; box-shadow: 0 0 0 1px #ff8018 inset; }
.form__input:focus                     { background-color: #fff; }
.form__input::-webkit-input-placeholder              { opacity: .35; }
.form__input::-moz-placeholder              { opacity: .35; }
.form__input:-ms-input-placeholder              { opacity: .35; }
.form__input::-ms-input-placeholder              { opacity: .35; }
.form__input::placeholder              { opacity: .35; }
.form__input:disabled                  { color: rgba(0,6,61,.35); }
.form__input:disabled:hover            { border-color: #0014dd; -webkit-box-shadow: none; box-shadow: none; }
.form__icon                            { position: absolute; left: .75rem; top: 3.25rem; stroke: rgba(0,6,61,.35); }
.form__info                            { position: relative; padding: 2rem; -webkit-box-shadow: 0 0 4rem -1rem rgba(0,0,0,.05),0 0 4rem -2rem rgba(0,0,0,.15); box-shadow: 0 0 4rem -1rem rgba(0,0,0,.05),0 0 4rem -2rem rgba(0,0,0,.15); }
.form__info .h3                        { margin-top: 0; }
/* .form__info-icon                       { position: absolute; left: 1rem; top: 1.75rem; width: 2rem; height: 2rem; stroke-width: 1.5px; } */
/* .form--not-valid .form__send           { background-color: rgba(0,20,221,.05); border-color: transparent; color: rgba(0,6,61,.35); } */
.form--not-valid .form__send           { color: rgba(255,255,255,.55); }
.form--is-sending .form__send          { opacity: 0; pointer-events: none; }

@-webkit-keyframes loading {
  0% { -webkit-transform: translateX(-50%) scale(0); transform: translateX(-50%) scale(0); opacity: .35; }
  100% { -webkit-transform: translateX(-50%) scale(1); transform: translateX(-50%) scale(1); opacity: 0; }
}

@keyframes loading {
  0% { -webkit-transform: translateX(-50%) scale(0); transform: translateX(-50%) scale(0); opacity: .35; }
  100% { -webkit-transform: translateX(-50%) scale(1); transform: translateX(-50%) scale(1); opacity: 0; }
}
.form__loader                               { position: relative; }
.form--has-sent .form__loader               { display: none; }
.form__loader::before, .form__loader::after { position: absolute; left: 50%; top: -.5rem; width: 4rem; height: 4rem;; background-color: #0014dd; border-radius: 2rem; opacity: 0; -webkit-animation: loading 1.6s infinite ease; animation: loading 1.6s infinite ease; }
.form--is-sending .form__loader::before, .form--is-sending .form__loader::after { content: ""; }
.form__loader::after                        { -webkit-animation-delay: 1.2s; animation-delay: 1.2s; }
@media (max-width: 60em) {
  .form                                { margin-left: calc(-2rem - 10vw); margin-right: calc(-2rem - 10vw); padding-left: calc(2rem + 10vw); padding-right: calc(2rem + 10vw); }
}
@media (max-width: 33.75em) {
  .form                                { margin-left: -2rem; margin-right: -2rem; padding-left: 2rem; padding-right: 2rem; }
  .form__icon                          { top: 3rem; }
}
@media (min-width: 60em) {
  .form                                { padding: 4rem; -webkit-box-shadow: 0 0 4rem -1rem rgba(0,0,0,.05),0 0 4rem -2rem rgba(0,0,0,.15); box-shadow: 0 0 4rem -1rem rgba(0,0,0,.05),0 0 4rem -2rem rgba(0,0,0,.15); }
}

.checkbox       { position: relative; padding-left: 3rem; cursor: pointer; }
.checkbox__box  { position: absolute; top: 0; left: 0; width: 1.5rem; height: 1.5rem; border: 1px solid; background-color: rgba(0,20,221,.03); }
label.checkbox:hover .checkbox__box, label > .checkbox__input:focus + .checkbox__label .checkbox__box { background-color: rgba(0,20,221,.15); }
.checkbox__icon { position: absolute; top: 0; left: 0; width: 1.4rem; height: 1.4rem; opacity: 0; }
input:checked + .checkbox__label .checkbox__icon { opacity: 1; }



@-webkit-keyframes flow-arrow-right {
  0%, 100%, 40%, 60% { -webkit-transform: translateX(0); transform: translateX(0); }
  50%                { -webkit-transform: translateX(1rem); transform: translateX(1rem); }
}



@keyframes flow-arrow-right {
  0%, 100%, 40%, 60% { -webkit-transform: translateX(0); transform: translateX(0); }
  50%                { -webkit-transform: translateX(1rem); transform: translateX(1rem); }
}
@-webkit-keyframes flow-arrow-left {
  0%, 100%, 40%, 60% { -webkit-transform: translateX(0); transform: translateX(0); }
  50%                { -webkit-transform: translateX(-1rem); transform: translateX(-1rem); }
}
@keyframes flow-arrow-left {
  0%, 100%, 40%, 60% { -webkit-transform: translateX(0); transform: translateX(0); }
  50%                { -webkit-transform: translateX(-1rem); transform: translateX(-1rem); }
}
@-webkit-keyframes flow-client {
  0%, 100%, 40%, 70% { -webkit-transform: scale(1); transform: scale(1); }
  50% { -webkit-transform: scale(.95); transform: scale(.95); }
  60% { -webkit-transform: scale(1.05); transform: scale(1.05); }
}
@keyframes flow-client {
  0%, 100%, 40%, 70% { -webkit-transform: scale(1); transform: scale(1); }
  50% { -webkit-transform: scale(.95); transform: scale(.95); }
  60% { -webkit-transform: scale(1.05); transform: scale(1.05); }
}
@-webkit-keyframes flow-name {
  0%, 100%, 40%, 70% { -webkit-transform: scale(1); transform: scale(1); }
  50% { -webkit-transform: scale(1.05); transform: scale(1.05); }
  60% { -webkit-transform: scale(.95); transform: scale(.95); }
}
@keyframes flow-name {
  0%, 100%, 40%, 70% { -webkit-transform: scale(1); transform: scale(1); }
  50% { -webkit-transform: scale(1.05); transform: scale(1.05); }
  60% { -webkit-transform: scale(.95); transform: scale(.95); }
}
.flow                            { position: relative; z-index: 0; height: 25rem; }
.flow__client-pos, .flow__arrows, .flow__arrow, .flow__sip, .flow__sip::before, .flow__name-pos, .flow__canvas, .flow__tag { position: absolute; }
.flow__sip                       { left: 50%; top: 0; height: 100%; color: #0014dd; font-size: 2.25rem; }
.flow__sip::before               { content: ""; left: 0; top: 0; width: 6.25rem; height: 100%; border-style: solid; border-width: 1.5rem 0 1.5rem 1.5rem; }
.flow__name-pos                  { top: 50%; }
.flow__name                      { -webkit-animation: flow-name 4s ease .05s infinite; animation: flow-name 4s ease .05s infinite; }
.flow__client-pos                { left: 15%; top: 50%; }
.flow__client                    { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; top: 50%; width: 6rem; height: 6rem;
                                   background-color: #0014dd; color: #fff; font-size: 1rem; text-align: center; border-radius: 50%;
                                   -webkit-animation: flow-client 4s ease .05s infinite;
                                           animation: flow-client 4s ease .05s infinite; }
.flow__arrows                    { top: 50%; left: 25%; -webkit-transform: translateY(-50%); transform: translateY(-50%); height: 3rem; stroke: #0014dd; stroke-width: 1.5px; opacity: .15; }
.flow__arrow                     { width: 3rem; height: 3rem; }
.flow__arrow--right              { -webkit-animation: flow-arrow-right 4s ease infinite; animation: flow-arrow-right 4s ease infinite; }
.flow__arrow--left               { -webkit-animation: flow-arrow-left 4s ease .35s infinite; animation: flow-arrow-left 4s ease .35s infinite; }
.flow__canvas                    { left: 50%; width: 50%; height: 100%; overflow: hidden; background-color: rgba(0,20,221,.05); opacity: 0; }
/* .flow__canvas                    { left: 50%; width: 50%; height: 100%; overflow: hidden; background-color: rgba(0,20,221,.05); opacity: 0; transition: opacity 2s cubic-bezier(0,.6,.4,1); } */
.flow__canvas::after             { content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 4rem; background: -webkit-gradient(linear,left top, right top,from(rgba(0,20,221,.15)),to(rgba(241,242,253,0))); background: linear-gradient(90deg,rgba(0,20,221,.15),rgba(241,242,253,0)); }
.flow--is-active .flow__canvas   { opacity: 1; -webkit-transition: opacity 4s ease .5s; transition: opacity 4s ease .5s; }
.flow__tag                       { padding: .5rem 1.5rem; background-color: #fff; color: #0014dd; border-radius: 0.3125rem;
                                   -webkit-box-shadow: 0 0 4rem -1rem rgba(0,0,0,.35),0 0 4rem -2rem rgba(0,0,0,.35);
                                           box-shadow: 0 0 4rem -1rem rgba(0,0,0,.35),0 0 4rem -2rem rgba(0,0,0,.35); }
.flow__tag--active               { -webkit-transition: -webkit-transform 1.1s linear; transition: -webkit-transform 1.1s linear; transition: transform 1.1s linear; transition: transform 1.1s linear, -webkit-transform 1.1s linear; }
.flow__tag--highlight            { padding: .75rem 2rem; color: #ff8018; }

.no-js .flow__tags               { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; height: 100%; }
.no-js .flow__tag                { position: static; margin: .5em; }

.flow__tag::before               { content: "#"; margin-right: .5rem; }
@media (max-width: 59.99em) {
  .flow__sip                     { -webkit-transform: translateX(-.75rem); transform: translateX(-.75rem); }
  .flow__name-pos                { left: .75rem; z-index: 1; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); }
  .flow__name                    { width: 6.5rem; height: 6.5rem; background-color: #fff; text-align: center; line-height: 6.5rem; border-radius: 50%; -webkit-box-shadow: 0 0 4rem -1rem rgba(0,0,0,.05),0 0 4rem -2rem rgba(0,0,0,.15); box-shadow: 0 0 4rem -1rem rgba(0,0,0,.05),0 0 4rem -2rem rgba(0,0,0,.15); }
  .flow__client-pos              { -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); }
  .flow__article                 { display: none; }
  .flow__arrows                  { opacity: .35; }
  .flow__arrow--right            { top: -3.5rem; }
  .flow__arrow--left             { top: 3.5rem; }
}
@media (min-width: 33.75em) {
  .flow__arrows                  { left: 25%; }
  .flow__arrow--right            { left: 1.5rem; top: -1.5rem; }
  .flow__arrow--left             { left: 1.5rem; top: 1.5rem; }
}
@media (min-width: 60em) {
  .flow__name-pos                { left: auto; right: 50%; font-size: 4rem; -webkit-transform: translate(-2rem,-50%); transform: translate(-2rem,-50%); }
  .flow__client-pos              { -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); }
  .flow__client                  { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 9rem; height: 9rem; }
  .flow__arrows                  { height: 6rem; stroke-width: .75px; }
  .flow__arrow                   { width: 6rem; height: 6rem; }
  .flow__arrow--right            { left: 0; top: -3.5rem; }
  .flow__arrow--left             { left: 0; top: 3.5rem; }
}
@media (min-width: 80em) {
  .flow__arrows                  { left: 27.5%; }
  .flow__arrow--right            { top: -1.5rem; }
  .flow__arrow--left             { left: -1.5rem; top: 1.5rem; }
}
@media (min-width: 90em) {
  .flow__client-pos              { left: 50%; -webkit-transform: translate(-40rem,-50%); transform: translate(-40rem,-50%); }
  .flow__arrows                  { left: 50%; -webkit-transform: translate(-24rem,-50%); transform: translate(-24rem,-50%); }
  .flow__name-pos                { -webkit-transform: translate(-4rem,-50%); transform: translate(-4rem,-50%); }
}




.kreis__ui                         { position: relative; z-index: 0; }
.kreis__btns                       { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.kreis__btn                        { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: calc(50% - .25rem); padding: .75rem; background-color: #0014dd; color: #fff; }
.kreis__btn.tns-nav-active         { background-color: #ff8018; }
.kreis__btn:nth-child(0n+1)        { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; }
.kreis__btn:nth-child(0n+2)        { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; }
.kreis__btn:nth-child(0n+3)        { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; }
.kreis__btn:nth-child(0n+4)        { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; }
.kreis__btn--left                  { padding-right: 2.5rem; text-align: right; }
.kreis__btn--right                 { padding-left: 2.5rem; margin-left: .499rem; text-align: left; }
.kreis__btn--bottom                { margin-top: .5rem; }
.kreis__btn-h                      { font-size: 1.375rem; }
.kreis__pos                        { -webkit-box-sizing: content-box; box-sizing: content-box; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); width: 3rem; height: 3rem; border: .5rem solid #fff; stroke: none; fill: #0014dd; background-color: #fff; border-radius: 50%; }
.bg--grey .kreis__pos              { border-color: #f8f8f8; background-color: #f8f8f8; }
.kreis__indicator                  { -webkit-transform: rotate(45deg); transform: rotate(45deg); width: 100%; height: 100%; -webkit-transition: -webkit-transform .4s ease; transition: -webkit-transform .4s ease; transition: transform .4s ease; transition: transform .4s ease, -webkit-transform .4s ease; }
.kreis__copy                       { margin-top: .5rem; padding: 2rem; background-color: #fff; -webkit-box-shadow: 0 0 4rem -1rem rgba(0,0,0,.05),0 0 4rem -2rem rgba(0,0,0,.15); box-shadow: 0 0 4rem -1rem rgba(0,0,0,.05),0 0 4rem -2rem rgba(0,0,0,.15); }
.kreis__copy-h em                  { margin-right: .5em; }
.kreis__copy-h em::before          { content: "#"; }
.kreis__box                        { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
@media (max-width: 33.75em) {
  .kreis                           { margin-left: -2rem; margin-right: -2rem; }
}
@media (min-width: 33.75em) {
  .kreis__btn                      { padding-top: 1rem; padding-bottom: 1rem; }
}
@media (max-width: 60em) {
  .kreis__btn-label                { font-size: 1rem; }
}
@media (min-width: 60em) {
  .kreis__btn-h                    { font-size: 1.75rem; }
  .kreis__btn                      { padding-top: 1.5rem; padding-bottom: 1.5rem; }
  .kreis__btn--left                { padding-right: 6rem; }
  .kreis__btn--right               { padding-left: 6rem; }
  .kreis__pos                      { width: 6rem; height: 6rem; border-width: 1rem; }
  .kreis__copy                     { padding: 4rem; }
}



.treppe-container                    { background-color: #0014dd; padding: 5.75rem 0; }
.treppe                              { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; }
.treppe__col                         { width: 100%; padding-left: .125rem; padding-right: .125rem; }
.treppe__step                        { position: relative; -webkit-box-sizing: content-box; box-sizing: content-box; height: 0rem; padding-bottom: 4rem; background-color: #ff8018; }
.treppe__col--1 .treppe__step        { height: 4rem; }
.treppe__col--2 .treppe__step        { height: 8rem; }
.treppe__col--3 .treppe__step        { height: 12rem; }
.treppe__col--4 .treppe__step        { height: 16rem; }
.treppe__col--5 .treppe__step        { height: 20rem; }
.treppe__col--6 .treppe__step        { height: 24rem; }
.treppe__col--7 .treppe__step        { height: 28rem; }
.treppe__tag                         { position: absolute; left: 50%; top: 2rem; color: #0014dd; }
.treppe__label                       { display: block; position: relative; padding: .5rem; background-color: #fff; white-space: nowrap; }
a.treppe__label:hover, a.treppe__label:focus { color: #000535; }
.treppe__col--left  .treppe__label   { top: 1rem; }
.treppe__col--right .treppe__label   { top: -1rem; -webkit-transform: translate(-100%,-100%); transform: translate(-100%,-100%); }
.treppe__label::before, .treppe__label::after { position: absolute; width: 1rem; height: 1rem; border: .5rem solid; }
.treppe__label::before               { left: 0; top: -1rem; border-color: transparent transparent #fff #fff; }
.treppe__label::after                { right: 0; bottom: -1rem; border-color: #fff #fff transparent transparent; }
.treppe__col--left .treppe__label::before { content: ""; }
.treppe__col--right .treppe__label::after { content: ""; }
@media (min-width: 60em) {
  .treppe__col                       { padding-left: .75rem; padding-right: .75rem; }
  .treppe__label                     { padding: .75rem 2rem; }
  .treppe__col--right .treppe__label { top: 1rem; -webkit-transform: none; transform: none; }
  .treppe__col--right .treppe__label::before { content: ""; }
  .treppe__col--right .treppe__label::after  { content: none; }
}
@media (min-width: 87em) {
  .treppe__label                     { font-size: 1.375rem; }
}



.ftr                       { padding-bottom: 0; color: #fff; stroke: #fff; }
.ftr__box                  { position: relative; z-index: 0; overflow: hidden; background-color: #000535; }
.ftr .c                    { padding-top: 1rem; padding-bottom: 1rem; }
.ftr-links__li             { background-color: #0014dd; }
.ftr-links__a              { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 1.25rem 2rem; background-color: #0014dd; }
.ftr-links__a:hover, .ftr-links__a:focus { background-color: #0011bd; }
.ftr-links__icon           { width: 2rem; height: 2rem; stroke-width: 1.5px; }
.ftr__logo                 { display: block; width: 10rem; margin-top: 2rem; }
.menu-item a               { display: block; padding-top: .75rem; padding-bottom: .75rem; }
.menu-item a:hover, .menu-item a:focus { opacity: .65; }
.copyright                 { margin-top: 2rem; font-size: 0.9375rem; text-align: center;}
.ftr__blob                 { position: absolute; right: 0; z-index: -1; width: 20rem; height: 20rem; background-color: rgba(255,255,255,.05); }
.ftr__blob--1              { top: 45%; -webkit-transform: translate(90%,-50%) rotate(45deg); transform: translate(90%,-50%) rotate(45deg); }
.ftr__blob--2              { top: 55%; -webkit-transform: translate(95%,-50%) rotate(45deg); transform: translate(95%,-50%) rotate(45deg); }
.ftr .ui.quick-links__a    { padding-top: .75rem; padding-bottom: .75rem; }
@media (min-width: 33.75rem) {
  .ftr-links__a            { padding-left: calc(10% + 2rem); padding-right: calc(10% + 2rem); }
  .ftr__blob--1            { -webkit-transform: translate(70%,-50%) rotate(45deg); transform: translate(70%,-50%) rotate(45deg); }
  .ftr__blob--2            { -webkit-transform: translate(80%,-35%) rotate(45deg); transform: translate(80%,-35%) rotate(45deg); }
}
@media (max-width: 60rem) {
  .ftr .quick-links__a, .ftr .wpml__icon { opacity: .5; }
  .ftr .quick-links__a:hover, .ftr .quick-links__a:focus, .ftr .wpml__li--active .quick-links__a { opacity: 1; }
}
@media (min-width: 60rem) {
  .ftr-links              { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: relative; top: 8rem; z-index: 1; }
  .ftr-links__a           { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 3rem; }
  .ftr-links__icon        { width: 3rem; height: 3rem; stroke-width: 1px; margin-bottom: .5rem; }
  .ftr__box               { padding-top: 11rem; }
  .ftr__logo              { margin-top: 0; }
  .ftr__blob              { left: 35%; right: auto; top: auto; bottom: 0; }
  .ftr__blob--1           { -webkit-transform: translate(-50%,0%) rotate(45deg); transform: translate(-50%,0%) rotate(45deg); }
  .ftr__blob--2           { -webkit-transform: translate(-50%,0%) rotate(45deg); transform: translate(-50%,0%) rotate(45deg); }
  .ftr__blob--1           { -webkit-transform: translate(-35%,50%) rotate(45deg); transform: translate(-35%,50%) rotate(45deg); }
  .ftr__blob--2           { -webkit-transform: translate(-80%,65%) rotate(45deg); transform: translate(-80%,65%) rotate(45deg); }
}

.consent                     { display:none; position: fixed; left: 50%; top: 33%; z-index: 2; width: 100%; -webkit-transform: translateX(-50%); transform: translateX(-50%);
                               -webkit-transition: opacity 250ms cubic-bezier(0,.5,.5,1), visibility 0s ease 250ms;
                               transition: opacity 250ms cubic-bezier(0,.5,.5,1), visibility 0s ease 250ms; visibility: hidden; opacity: 0; pointer-events:none; }
.prepare-consent .consent    { display: block; }
.show-consent .consent       { display: block; visibility: visible; opacity:1; -webkit-transition-delay: 0s; transition-delay: 0s; pointer-events: auto; }
.consent__box                { max-width: 60rem; max-height: 67vh; padding: 1rem; overflow: visible; overflow-y: auto; background-color: #fff; -webkit-box-shadow: 0 0 4rem -1rem rgba(0,0,0,.05),0 0 4rem -2rem rgba(0,0,0,.15); box-shadow: 0 0 4rem -1rem rgba(0,0,0,.05),0 0 4rem -2rem rgba(0,0,0,.15); }
.consent__logo               { padding-bottom: 2rem; }
.consent__check-checked      { cursor: default; }
.consent__check-checked .checkbox__icon { stroke: rgba(36,36,36,.5); opacity: 1; }
.consent__details            { margin: 2rem 0 0; }
.consent__details .toggle__h { font-size: inherit; }
.consent-accept              { margin-top: 2rem; }
@media (min-width: 60em) {
  .consent                   { top: auto; bottom: 1em; }
  .consent__box              { max-height: calc(100vh - 1em); }
}

.wpedit   { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position:fixed; left:0; bottom:0; padding:.25em .5em; background-color:#fff; }
.wpedit a { padding-right: .5rem; }