.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 */

@media (min-width: 100em) {
  .column--left .extend               { margin-left: calc(-25% - 4rem); margin-right: 0; }
  .column--right .extend              { margin-left: 0; margin-right: calc(-25% - 4rem); }
  .column--left .extend--out          { margin-left: calc(-50% - 4rem); margin-right: 25%; }
  .column--right .extend--out         { margin-left: 0; margin-right: calc(-25% - 4rem); }
}


.text * + ol, .text * + p, .text * + ul { margin-top: 2rem; }
.text * + .h1, .text * + .h2            { margin-top: 3rem; }
.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: 2.25rem; }
.text li li                             { padding-left: 1.75rem; }
.text li::before                        { position: absolute; left: 0; top: 0; color: #009acb; font-weight: 600; }
.text ol > li::before                   { content: counter(markdown-list) "."; }
.text ul > li::before                   { content: "–"; }
.text > ul > li::before                 { content: ""; left: 0; top: 0; width: 1.75rem; height: 1.75rem;
                                          background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23009acb' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12' /%3E%3Cline x1='15' y1='16' x2='19' y2='12' /%3E%3Cline x1='15' y1='8' x2='19' y2='12' /%3E%3C/svg%3E") scroll no-repeat center center/contain transparent; }
.text li + li                           { margin-top: .5em; }
.text li > a                            { color: #009acb; }
.text li > a:focus, li > a:hover        { color: #181818; }
.text h5                                { font-weight: 600; }
.text * + h5                            { margin-top: 1em; }
.text h5 + *                            { margin-top: 0; }
.text blockquote p                      { max-width: none; }
.text * + blockquote                    { margin-top: 1.5rem; }

.r--100-textfeld .ui-group { -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.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; }
.r--empty                  { text-align: center; } 
@media (min-width:60em) {
  .s--text-only .h1, .s--text-only .h2, .s--text-only .h1-soft, .s--text-only .h2-soft, .text--narrow .h1, .text--narrow .h2, .text--narrow .h1-soft, .text--narrow .h2-soft, .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 .text > img, .r--100-textfeld ol, .r--100-textfeld p, .r--100-textfeld ul, .r--100-textfeld .inline-video {
    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 .h1, .s--text-only .h2, .s--text-only .h1-soft, .s--text-only .h2-soft, .text--narrow .h1, .text--narrow .h2, .text--narrow .h1-soft, .text--narrow .h2-soft, .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 .text > img, .r--100-textfeld ol, .r--100-textfeld p, .r--100-textfeld ul, .r--100-textfeld .inline-video {
     max-width: 50%; margin-left: auto; margin-right: auto; }
}


.clouds                        { position: absolute; bottom: -4rem; z-index: -1; width: 16rem; height: 16rem; }
.clouds--left                  { left: 0; }
.clouds--right                 { right: 0; -webkit-transform: scaleX(-1); transform: scaleX(-1); }
.cloud                         { position: absolute; background: scroll no-repeat center center/contain transparent; }
.cloud--front                  { left: -50%; top: 0; width: 100%; height: 100%; }
.cloud--back                   { left: 0; top: 0; width: 72%; height: 72%; }
.clouds--stripes .cloud--front { background-image: url("/wp-content/themes/cyqueo/img/cloud-front-stripes.svg"); }
.clouds--stripes .cloud--back  { background-image: url("/wp-content/themes/cyqueo/img/cloud-back-solid.svg"); }
.clouds--solid .cloud--front   { background-image: url("/wp-content/themes/cyqueo/img/cloud-front-solid.svg"); }
.clouds--solid .cloud--back    { background-image: url("/wp-content/themes/cyqueo/img/cloud-back-stripes.svg"); }
@media (max-width: 100em) {
  .clouds--left                { left: -2rem; -webkit-transform: scale(.75); transform: scale(.75); }
  .clouds--right               { right: -2rem; -webkit-transform: scale(-.75,.75); transform: scale(-.75,.75); }
}
@media (max-width: 60em) {
  .clouds                      { display: none; }
}


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


@-webkit-keyframes bounce {
  0%,100% { -webkit-transform: scale(1); transform: scale(1); }
  50% { -webkit-transform: scale(1.05); transform: scale(1.05); }
}


@keyframes bounce {
  0%,100% { -webkit-transform: scale(1); transform: scale(1); }
  50% { -webkit-transform: scale(1.05); transform: scale(1.05); }
}
.form__group                           { margin-top: 4rem; }
.form__item + .form__item              { margin-top: 1rem; }
.form__item + .form__item--info, .form__item--info + .form__item { margin-top: 2rem; }
.form__label                           { font-size: 1rem; font-weight: 600; }
.form__subinfo                         { font-weight: normal; color: #888; }
.form__input                           { padding: 1rem; border: 1px solid #009acb; line-height: 1.25; background-color: #fff; border-radius: .5rem; }
.form__input::-webkit-input-placeholder              { color: #888; }
.form__input::-moz-placeholder              { color: #888; }
.form__input:-ms-input-placeholder              { color: #888; }
.form__input::-ms-input-placeholder              { color: #888; }
.form__input::placeholder              { color: #888; }
.form__input:hover, .form__input:focus { border-color: #87005d; }
.form__input:focus                     { -webkit-box-shadow: 0 .25rem 4rem -1rem rgba(0,0,0,.15); box-shadow: 0 .25rem 4rem -1rem rgba(0,0,0,.15); }
.form__label + .form__input            { margin-top: .25rem; }
.form__btn                             { padding-top: 1rem; padding-bottom: 1rem; }
.form__privacy                         { margin-top: 2rem; font-size: 1rem; }
.form--is-valid .form__send            { -webkit-animation: bounce .4s cubic-bezier(0,.6,.4,1); animation: bounce .4s cubic-bezier(0,.6,.4,1); }
.form--is-sending .form__send, .form--has-sent .form__send { opacity: 0; pointer-events: none; }
.form__info                            { position: relative; padding: 2rem; -webkit-box-shadow: 0 .25rem 4rem -1rem rgba(0,0,0,.15); box-shadow: 0 .25rem 4rem -1rem rgba(0,0,0,.15); background-color: #009acb; color: #fff; border-radius: .5rem; }
.form__info .h3                        { margin-top: 0; color: #fff; }
.form__info .h3 + *                    { margin-top: 1rem; }
@-webkit-keyframes loading {
  0% { -webkit-transform: translateX(-50%) scale(0); transform: translateX(-50%) scale(0); opacity: 1; }
  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: 1; }
  100% { -webkit-transform: translateX(-50%) scale(1); transform: translateX(-50%) scale(1); opacity: 0; }
}
.form__loader                               { position: relative; }
.form--has-sent .form__loader               { height: 0; }
.form__loader::before, .form__loader::after { position: absolute; left: 50%; top: -.5rem; width: 4rem; height: 4rem;; background-color: #87005d; 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; }



.iconsbox                  { padding: 1.5rem; background-color: #009acb; color: #fff; stroke: #fff; border-radius: .5rem; -webkit-box-shadow: 0 .25rem 4rem -1rem rgba(0,0,0,.15); box-shadow: 0 .25rem 4rem -1rem rgba(0,0,0,.15); }
.iconsbox__item + .iconsbox__item { padding-top: 1rem; border-top: 1px solid rgba(255,255,255,.35); margin-top: 1rem; }
.iconsbox__pic             { width: 3rem; height: 3rem; stroke-width: 1px; }
.iconsbox__copy            { margin-left: 1rem; }
@media (min-width: 60em) {
  .iconsbox                { padding: 3rem; }
}
@media (min-width: 100em) {
  .iconsbox__item + .iconsbox__item { padding-top: 2rem; margin-top: 2rem; }
  .iconsbox__pic           { width: 4rem; height: 4rem; }
  .iconsbox__copy          { margin-left: 2rem; }
}



[data-slider-type=auto] img           { width: auto !important; }
.slider                               { margin: 0 auto; }
.slider .tns-ovh                      { overflow: visible; }
.slider .tns-item                     { -webkit-transform: scale(.8) translateX(-12.5%); transform: scale(.8) translateX(-12.5%); cursor: pointer; }
.slider .tns-slide-active + .tns-item, .slider .tns-slide-active + .tns-item + .tns-item, .slider .tns-slide-active + .tns-item + .tns-item + .tns-item { -webkit-transform: scale(.8) translateX(12.5%); transform: scale(.8) translateX(12.5%); }
.slider .tns-slide-active             { -webkit-transform: scale(1); transform: scale(1);}
.slider--mute .tns-slide-active       { -webkit-transition: none; transition: none; }
@media (min-width: 60em) {
  .slider                             { width: 33.333%; }
}



.tag                                           { border: 1px solid #009acb; overflow: visible; color: #009acb; stroke: #009acb; }
a.tag:hover, a.tag:focus                         { color: #fff; stroke: #fff; }
a.tag::before                                   { left: 0; width: 100%; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: left; transform-origin: left; background-color: #009acb; opacity: 0; border-radius: .5rem; }
a.tag:hover::before, a.tag:focus::before         { -webkit-transform: scaleX(1); transform: scaleX(1); opacity: 1; }

.tags--mobile .tns-ovh                         { overflow: visible; }
.tags--mobile                                  { width: 40%; margin: 0 auto; }
.tags--mobile .tags__item                      { position: relative; height: 12.5rem; }
.tags--mobile .tag                             { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; position: absolute; left: -48%; top: 0; width: 196%; height: 6rem; }
.tags--mobile .tags__item:nth-child(2n+0) .tag { top: auto; bottom: 0; }
.tags--mobile .tag .i + span                   { text-align: center; }
@media (min-width: 33.75em) {
  .tags--mobile .tags                          { width: 30%; }
}

/* .tags--wide                                    { display: none; } */
.tags--wide .tag                               { position: relative; }
.tags--wide .tag::after                        { content: ""; position: absolute; left: 100%; top: 50%; width: 4rem; height: 1px; background-color: #009acb; }
.tags--wide .tags__group--right .tag::after    { left: auto; right: 100%; }
.tags--wide .tags__img                         { position: relative; z-index: 1; }
@media (min-width: 60em) {
  /* .tags--wide                                  { display: flex; } */
  /* .tags--mobile                                { display: none; } */
}
@media (max-width: 80em) {
  .tags--wide .tags__group                     { -webkit-box-align: normal; -ms-flex-align: normal; align-items: normal; }
}
@media (min-width: 80em) {
  .tags--wide .tag::after                      { width: calc(50% + 4rem); }
}
@media (min-width: 90em) {
  .tags--wide .tag + .tag                      { margin-top: 1rem; }
}



.s.no-bg + .no-bg[data-layout^="spezial-logo_slider"]  { padding-top: 0; }
.logoslider                                            { pointer-events: none; }
.logoslider .tns-item                                  { height: 12rem; }




@-webkit-keyframes logoscroll {
  0%   { -webkit-transform: translateY(0); transform: translateY(0); }
  100% { -webkit-transform: translateY(-50%); transform: translateY(-50%); }
}




@keyframes logoscroll {
  0%   { -webkit-transform: translateY(0); transform: translateY(0); }
  100% { -webkit-transform: translateY(-50%); transform: translateY(-50%); }
}
.logoscroll                { position: relative; z-index: 0; height: 0; padding-bottom: 70%; overflow: hidden; }
.logoscroll::after         { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: -webkit-gradient(linear,left bottom, left top,from(#fff),color-stop(33%, rgba(255,255,255,0)),color-stop(67%, rgba(255,255,255,0)),to(#fff)); background: linear-gradient(0deg,#fff 0%,rgba(255,255,255,0) 33%,rgba(255,255,255,0) 67%,#fff 100%); }
.logoscroll__c             { position: absolute; left: 0; top: 0; right: 0; opacity: .5; -webkit-animation: logoscroll linear 12s infinite; animation: logoscroll linear 12s infinite; }
@media (min-width: 60em) {
  .logoscroll                { padding-bottom: 26.25%; }
  .logoscroll__c             { opacity: .35; -webkit-animation-duration: 8s; animation-duration: 8s; }
}



.teaser__card                   { background-color: #fff; border-radius: .5rem; -webkit-box-shadow: 0 .25rem 4rem -1rem rgba(0,0,0,.15); box-shadow: 0 .25rem 4rem -1rem rgba(0,0,0,.15); }
.teaser__pic                    { position: relative; z-index: 0; height: 0; padding-bottom: 62.5%; }
.teaser__img                    { position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 0; overflow: hidden; background-color: #009acb; border-radius: .5rem; }
.teaser__back                   { position: absolute; left: -4rem; top: 0; right: -4rem; bottom: 0; z-index: -1; background: scroll no-repeat left center/cover transparent; }
.teaser__badge                  { position: absolute; top: 1rem; left: -1rem; width: 10rem; padding: .5rem; border: 1px solid #EEF1F4; background-color: #fff; border-radius: .5rem; }
.teaser__copy                   { padding: 2rem; }
@media (min-width: 33.75em) {
  .teaser__pic                  { padding-bottom: 50%; }
  .teaser__badge                { width: 11.25rem; }
}
@media (min-width: 60em) {
  .teaser--wide .teaser__card   { margin-left: -2rem; margin-right: -2rem; }
  .teaser__pic                  { -ms-flex-negative: 0; flex-shrink: 0; width: 30%; height: auto; padding-bottom: 0; }
  .teaser__copy                 { padding: 4rem; }
}
@media (min-width: 72em) {
  .teaser--wide .teaser__card   { margin-left: 0; margin-right: 0; }
}
@media (min-width: 100em) {
  .teaser--wide .teaser__card   { min-height: 40vh; }
  .teaser--wide .teaser__pic    { width: 58.333%; -ms-flex-item-align: stretch; -ms-grid-row-align: stretch; align-self: stretch; }
}



.newsletter__privacy              { margin-top: 1.5rem; }
@media (min-width: 60em) {
  .newsletter__item               { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; }
  .newsletter__send               { width: 15rem; min-width: 25%; }
  .form__item + .newsletter__send { margin-top: 0; margin-left: 1rem; }
}
@media (min-width: 80em) {
  .newsletter__privacy            { text-align: right; }
}

.input-error                      { margin-top: .5rem; color: #f00; stroke: #f00; font-size: 1rem; }
[data-js-hook=send][disabled]     { pointer-events: none; opacity: .5; }



.counters                                        { background-color: #009acb; color: #fff; text-align: center; }
.counters--inline                                { max-width: none; border-radius: .5rem; }
.counter                                         { position: relative; }
.counter__value                                  { position: relative; font-weight: 600; }
.counters--block .counter__value                 { font-size: 3rem; }
.counters--inline .counter__value                { font-size: 2.5rem; }
.counters--inline .counter                       { padding-top: 1.5rem; padding-bottom: 1.5rem; }
.counter--is-hidden .counter__value              { -webkit-transform: scale(.5); transform: scale(.5); opacity: 0; }
.counter--is-visible .counter__value             { -webkit-transform: scale(1); transform: scale(1); opacity: 1; -webkit-transition-duration: 1.5s; transition-duration: 1.5s; }

.counter::before, .counter__value::before        { position: absolute; background-color: #fff; opacity: .35; }
.counters--inline .counter + .counter .counter__value::before { content: ""; left: 25%; top: -1.25rem; right: 25%; height: 1px; }
@media (min-width: 33.75em) {
  .counters--block                               { border-radius: .5rem; }
}
@media (max-width: 99.94em) {
  .counters--block .counter + .counter .counter__value::before { content: ""; left: 25%; top: -2rem; right: 25%; height: 1px; }
}
@media (min-width: 60em) {
  .counters--block .counter__value               { font-size: 4rem; }
  .counters--inline .counter__value              { font-size: 3rem; }
  .counters--block .counter:nth-child(2) .counter__value::before  { content: none; }
  .counters--block.counters--2 .counter + .counter::before { content: ""; left: 0; top: 25%; bottom: 25%; width: 1px; }
}
@media (min-width: 100em) {
  .counters--block .counter + .counter::before      { content: ""; left: 0; top: 25%; bottom: 25%; width: 1px; }
}




.quote                                     { position: relative; z-index: 0; padding: 3rem 1.5rem; background-color: #87005d; color: #fff; border-radius: .5rem; }
.quote::after                              { content: ""; position: absolute; bottom: 0; right: 0; z-index: -1; width: 6.25rem; height: 6.25rem; background: url("/wp-content/themes/cyqueo/img/cloud-line-bottom-right.svg") scroll no-repeat 0 0/cover transparent; opacity: .35; }
* + .quote--inline                         { margin-top: 3rem; }
.quote__pic                                { -ms-flex-negative: 0; flex-shrink: 0; width: 6rem; height: 6rem; overflow: hidden; border-radius: 50%; }
.quote__copy                               { text-align: center; }
.quote__pic + .quote__copy                 { margin-top: 1rem; }
.quote__quote :first-child::before, .quote--simple :first-child::before { content: "„"; }
.quote__quote :last-child::after, .quote--simple :last-child::after     { content: "“"; }
.quote__source                             { margin-top: 1.5rem; }
.quote__name                               { font-weight: 600; }
@media (min-width: 33.75em) {
  .quote--block .quote__copy               { text-align: left; }
  .quote--block .quote__pic + .quote__copy { margin-top: 0; margin-left: 2rem; }
}




.tile                                                      { overflow: hidden; stroke: #87005d; }
.tile--shadow                                              { background-color: #fff; -webkit-box-shadow: 0 .25rem 4rem -1rem rgba(0,0,0,.15); box-shadow: 0 .25rem 4rem -1rem rgba(0,0,0,.15); border-radius: .5rem; }
.tile--bg                                                  { background-color: #009acb; color: #fff; stroke: #fff; }
.tile--bg .h3, .tile--bg .h4, .tile--bg .h5, .tile--bg .h5 { color: #fff; }
.tile--shadow.tile--icon                                   { padding: 2rem 3rem 2rem 1.5rem; }
.tile__i                                                   { width: 4rem; height: 4rem; stroke-width: 1px; }
.tile--icon .tile__pic + .tile__copy                       { margin-top: 1rem; }
.tile__pic--bg                                             { padding-top: 2rem; padding-bottom: 2rem; background-color: #009acb; }
.tile--pic .tile__copy                                     { margin-top: 1.5rem; }
.tile--pic.tile--shadow .tile__copy, .tile--text.tile--shadow .tile__copy  { padding: 1.5rem; margin-top: 0; }
@media (min-width: 60em) and (max-width: 72em) {
  .tile--shadow.tile                                       { margin-left: -1.5rem; margin-right: -1.5rem; }
}
@media (min-width: 80em) {
  .tile--pic .tile__copy                                   { margin-top: 3rem; }
  .tile--pic.tile--shadow .tile__copy, .tile--text.tile--shadow .tile__copy  { padding: 3rem; }
}
@media (min-width: 100em) {
  .tile--icon .tile__pic + .tile__copy                     { margin-top: 0; margin-left: 1.5rem; }
}




* + .toggles                               { margin-top: 2rem; }
.toggle                                    { padding: 1.5rem; color: #fff; border-radius: .5rem; }
.toggle.toggle--is-closed                  { padding-top: 1.5rem; padding-bottom: 1.5rem; }
.toggle--is-open                           { background-color: #87005d; }
.toggle__header                            { text-align: left; color: #87005d; stroke: #87005d; }
.toggle--is-open .toggle__header           { color: #fff; stroke: #fff; }
.toggle__h                                 { color: inherit; }
.toggle__h + .toggle__btn                  { margin-top: 0; }
.toggle__i                                 { -webkit-transform: rotate(-180deg); transform: rotate(-180deg); }
.toggle--is-closed .toggle__i              { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
.toggle__text                              { padding-top: 1.5rem; }
@media (min-width: 60em) {
  * + .toggles                             { margin-top: 3rem; }
  .toggle                                  { padding: 3rem; }
  .toggle__i                               { width: 2rem; height: 2rem; }
}



@-webkit-keyframes karte-pin {
  0%   { -webkit-transform: translate(-50%,-50%) scale(0); transform: translate(-50%,-50%) scale(0); opacity: 0; }
  33%  { -webkit-transform: translate(-50%,-50%) scale(1); transform: translate(-50%,-50%) scale(1); opacity: .35; }
  100% { -webkit-transform: translate(-50%,-50%) scale(3); transform: translate(-50%,-50%) scale(3); opacity: 0; }
}



@keyframes karte-pin {
  0%   { -webkit-transform: translate(-50%,-50%) scale(0); transform: translate(-50%,-50%) scale(0); opacity: 0; }
  33%  { -webkit-transform: translate(-50%,-50%) scale(1); transform: translate(-50%,-50%) scale(1); opacity: .35; }
  100% { -webkit-transform: translate(-50%,-50%) scale(3); transform: translate(-50%,-50%) scale(3); opacity: 0; }
}
.karte                                    { position: relative; }
.text .karte + *, * + .karte              { margin-top: 3rem; }
.karte__pins                              { position: absolute; top: 0; left: 0; width: 100%; height: 100%; stroke: none; fill: #009acb; opacity: .35; }
.karte__pin                               { position: absolute; width: 2.272%; height: 4.302%; background-color: #009acb; border-radius: 50%; -webkit-transform: translate(-50%,-50%) scale(1.25); transform: translate(-50%,-50%) scale(1.25); -webkit-box-shadow: 0 0 1rem rgba(255,255,255,.35); box-shadow: 0 0 1rem rgba(255,255,255,.35); }
.karte__pin::before, .karte__pin::after   { content: ""; position: absolute; left: 50%; top: 50%; z-index: 1; width: 100%; height: 100%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); background-color: #87005d; border-radius: 50%; opacity: 0; }
.karte__pin::after                        { width: 80%; height: 80%; }
.karte__pin--pop                          { z-index: 1; }
.karte__pin--pop::before                  { -webkit-animation: karte-pin 2s linear; animation: karte-pin 2s linear; }
.karte__pin--pop::after                   { -webkit-animation: karte-pin 1.5s linear 1s; animation: karte-pin 1.5s linear 1s; }
@media (min-width: 80em) {
  .text .karte + *, * + .karte            { margin-top: 5rem; }
  .karte__pin                             { -webkit-transform: translate(-50%,-50%) scale(1); transform: translate(-50%,-50%) scale(1); }
}



.joblist__item + .joblist__item        { border-top: 1px solid rgba(0,154,203,.35); }
.joblist__i                            { position: relative; stroke: #009acb; }
.joblist__copy                         { margin-left: .5rem; }
@media (min-width: 33.75em) {
  .joblist__i                          { position: relative; top: -.5rem; width: 3rem; height: 3rem; stroke: #009acb; stroke-width: 1px; }
  .joblist__copy                       { margin-left: 1rem; }
}



.magazin__tile                         { -webkit-transition-duration: 1.6s; transition-duration: 1.6s; }
.magazin__tile--hidden                 { opacity: 0; }



.has-modal, .has-modal body       { overflow: hidden; }
.modal, .modal__iframe            { top: 0; left: 0; width: 100%; height: 100%; }
.modal                            { position: fixed; z-index: 3; -webkit-transform: scale(.9); transform: scale(.9); opacity: 0; background-color: #fff; }
.modal--is-active                 { -webkit-transform: scale(1); transform: scale(1); opacity: 1; }
.modal__media                     { position: relative; width: 80%; height: 0; padding-bottom: 45%; }
.modal__iframe                    { position: absolute; opacity: 0; background-color: #000; -webkit-transition: opacity .8s ease-out; transition: opacity .8s ease-out; }
.modal__iframe.is-loaded          { opacity: 1; }
.modal__close                     { position: absolute; top: 1rem; right: 1rem; }
@media (min-aspect-ratio: 9 / 5)  { .modal__media{ width:60%; padding-bottom:33.75%; } }
@media (min-aspect-ratio: 10 / 5) { .modal__media{ width:70%; padding-bottom:39.375%; } }
@media (min-aspect-ratio: 15 / 7) { .modal__media{ width:50%; padding-bottom:28.125%; } }


* + .inline-video                 { margin-top: 2rem; }
.inline-video__canvas             { position: relative; height: 0; padding-bottom: 56.25%; overflow: hidden; }



.ftr                                   { position: relative; }
.ftr::before                           { content: ""; position: absolute; top: 0; left: -1rem; right: -1rem; height: 1.75rem; -webkit-transform: translateY(-100%); transform: translateY(-100%); }
.ftr__contact                          { padding: 3rem 0; background-color: #f3f6f9; }
.ftr__contact .h2 + *                  { margin-top: 1rem; }
.ftr__cta                              { margin-top: 2.5rem; }
.ftr__bottom                           { background-color: #009acb; color: #fff; stroke: #fff; }
.ftr__bottom p a                       { color: #fff; stroke: #fff; }
.ftr__logo                             { width: 14rem; }
.ftr__info                             { margin-top: 2rem; }
.ftr__social, .ftr__social-icon        { stroke: none; fill: #fff; }
.ftr__social * + *                     { margin-left: .5rem; }
.ftr__menu a, .ftr .wpml               { margin: 0; }
.ftr__bottom p a:hover, .ftr__bottom p a:focus, .ftr__menu a:hover, .ftr__menu a:focus, .ftr .wpml-active { color: #fff; opacity: .65; }
.ftr .wpml li + li::before             { background-color: #fff; }
.ftr-badges__pic                       { width: auto; max-height: 5rem; }
.ftr-badges__pic + .ftr-badges__pic    { margin-top: 2rem; }
.copyright                             { font-size: 1rem; }
.copyright .i                          { width: 1rem; height: 1rem; }
@media (min-width: 33.75em) {
  .ftr__contact                        { padding: 5rem 0; }
}
@media (min-width: 60em) {
  .ftr__cta                            { margin-top: 0; }
  .ftr__social * + *                   { margin-left: 1rem; }
  .ftr-badges__pic + .ftr-badges__pic  { margin-top: 0; margin-left: 4rem; }
}
@media (min-width: 80em) {
  .ftr__contact                        { padding: 6rem 0; }
}
@media (min-width: 100em) {
  .ftr__contact                        { padding: 8rem 0; }
}