.typo-xs-small {
  font-family: 'PitchSans', Sans-serif;
  font-size: 10px;
  line-height: 12px;
  font-weight: 500;
}
.typo-xs-medium {
  font-family: 'PitchSans', Sans-serif;
  font-size: 12px;
  line-height: 16px;
  font-weight: 500;
}
.typo-xs-large {
  font-family: 'PitchSans', Sans-serif;
  font-size: 16px;
  line-height: 21px;
  font-weight: 700;
}
.typo-xs-xlarge {
  font-family: 'PitchSans', Sans-serif;
  font-size: 18px;
  line-height: 24px;
  font-weight: 700;
}
.typo-xs-xxlarge {
  font-family: 'GNERATORSTENCIL', Courier, monospace;
  font-size: 24px;
  line-height: 32px;
  font-weight: 400;
  letter-spacing: 0.08em;
}
.typo-xs-nav {
  font-family: 'PitchSans', Sans-serif;
  font-size: 20px;
  line-height: 20px;
  font-weight: 700;
}
.typo-sm-small {
  font-family: 'PitchSans', Sans-serif;
  font-size: 11px;
  line-height: 16px;
  font-weight: 500;
}
.typo-sm-medium {
  font-family: 'PitchSans', Sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
}
.typo-sm-large {
  font-family: 'PitchSans', Sans-serif;
  font-size: 21px;
  line-height: 26px;
  font-weight: 700;
}
.typo-sm-xlarge {
  font-family: 'PitchSans', Sans-serif;
  font-size: 26px;
  line-height: 32px;
  font-weight: 700;
}
.typo-sm-xxlarge {
  font-family: 'GNERATORSTENCIL', Courier, monospace;
  font-size: 34px;
  line-height: 44px;
  font-weight: 400;
  letter-spacing: 0.08em;
}
.typo-sm-nav {
  font-family: 'PitchSans', Sans-serif;
  font-size: 36px;
  line-height: 36px;
  font-weight: 700;
}
.typo-md-small {
  font-family: 'PitchSans', Sans-serif;
  font-size: 11px;
  line-height: 16px;
  font-weight: 500;
}
.typo-md-medium {
  font-family: 'PitchSans', Sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
}
.typo-md-large {
  font-family: 'PitchSans', Sans-serif;
  font-size: 20px;
  line-height: 25px;
  font-weight: 700;
}
.typo-md-xlarge {
  font-family: 'PitchSans', Sans-serif;
  font-size: 26px;
  line-height: 32px;
  font-weight: 700;
}
.typo-md-xxlarge {
  font-family: 'GNERATORSTENCIL', Courier, monospace;
  font-size: 34px;
  line-height: 44px;
  font-weight: 400;
  letter-spacing: 0.08em;
}
.typo-md-nav {
  font-family: 'PitchSans', Sans-serif;
  font-size: 16px;
  line-height: 16px;
  font-weight: 700;
}
.typo-lg-small {
  font-family: 'PitchSans', Sans-serif;
  font-size: 11px;
  line-height: 16px;
  font-weight: 500;
}
.typo-lg-medium {
  font-family: 'PitchSans', Sans-serif;
  font-size: 16px;
  line-height: 23px;
  font-weight: 500;
}
.typo-lg-large {
  font-family: 'PitchSans', Sans-serif;
  font-size: 30px;
  line-height: 35px;
  font-weight: 700;
}
.typo-lg-xlarge {
  font-family: 'PitchSans', Sans-serif;
  font-size: 36px;
  line-height: 42px;
  font-weight: 700;
}
.typo-lg-xxlarge {
  font-family: 'GNERATORSTENCIL', Courier, monospace;
  font-size: 54px;
  line-height: 64px;
  font-weight: 400;
  letter-spacing: 0.08em;
}
.typo-lg-nav {
  font-family: 'PitchSans', Sans-serif;
  font-size: 16px;
  line-height: 16px;
}
.cms-border-xs {
  height: 48px;
  line-height: 44px;
  border-radius: 48px;
  padding-left: 24px;
  padding-right: 24px;
}
.cms-border-sm {
  height: 56px;
  line-height: 52px;
  border-radius: 56px;
  padding-left: 28px;
  padding-right: 28px;
}
.cms-border-md {
  height: 56px;
  line-height: 52px;
  border-radius: 56px;
  padding-left: 28px;
  padding-right: 28px;
}
.cms-border-lg {
  height: 64px;
  line-height: 60px;
  border-radius: 64px;
  padding-left: 32px;
  padding-right: 32px;
}
/**
 * fonts
 */
@font-face {
  font-family: "PitchSans";
  src: url("/fonts/PitchSansWeb-Medium.eot?#iefix");
  src: url("/fonts/PitchSansWeb-Medium.eot?#iefix") format("eot"), url("/fonts/PitchSansWeb-Medium.woff2") format("woff2"), url("/fonts/PitchSansWeb-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "PitchSans";
  src: url("/fonts/PitchSansWeb-Bold.eot?#iefix");
  src: url("/fonts/PitchSansWeb-Bold.eot?#iefix") format("eot"), url("/fonts/PitchSansWeb-Bold.woff2") format("woff2"), url("/fonts/PitchSansWeb-Bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
}
/*
@font-face{
font-family:"GNERATORSTENCIL";
src:url("/fonts/GNERATORSTENCIL-Regular.otf") format("truetype"),url("/fonts/GNERATORSTENCIL-Regular.woff2") format("woff2"),url("/fonts/PitchSansWeb-Medium.woff") format("woff");
font-weight: 400;
font-style: normal;
}
*/
@font-face {
  font-family: "GNERATORSTENCIL";
  src: url("/fonts/GNERATORSTENCIL-Regular.eot?#iefix");
  src: url("/fonts/GNERATORSTENCIL-Regular.eot?#iefix") format("eot"), url("/fonts/GNERATORSTENCIL-Regular.woff2") format("woff2"), url("/fonts/GNERATORSTENCIL-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}
/**
 * tags
 */
html {
  background-color: #13223e;
}
body {
  position: relative;
  /* scrollspy */
  padding-top: 56px;
  background-color: #ffffff;
  color: #13223e;
  font-family: 'PitchSans', Sans-serif;
  font-size: 12px;
  line-height: 16px;
  font-weight: 500;
}
h1 {
  font-family: 'GNERATORSTENCIL', Courier, monospace;
  font-size: 24px;
  line-height: 32px;
  font-weight: 400;
  letter-spacing: 0.08em;
  margin: 0 0 0.66em 0;
  padding: 0;
}
h2 {
  font-family: 'PitchSans', Sans-serif;
  font-size: 18px;
  line-height: 24px;
  font-weight: 700;
  margin: 0;
  padding: 0;
}
h3,
h4 {
  margin: 0;
  padding: 0;
  font-family: 'PitchSans', Sans-serif;
  font-size: 16px;
  line-height: 21px;
  font-weight: 700;
}
h3 {
  margin-bottom: 0.66em;
}
p {
  margin-bottom: 0.95em;
}
ol {
  margin: 0;
  padding: 0 0 0 26px;
}
ol li {
  padding-top: 1em;
  padding-bottom: 1em;
}
.hyphens {
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
}
input[type=text],
textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
label,
input:not(.giracst-btn),
textarea {
  background-color: inherit;
  width: 100%;
  display: block;
}
.cms-seitenelement-contactbutton a.cms-border-button,
input:not(giracst-btn) {
  border: 2px rgba(19, 34, 62, 0.2) solid;
  font-family: 'PitchSans', Sans-serif;
  font-size: 16px;
  line-height: 21px;
  font-weight: 700;
  height: 48px;
  line-height: 44px;
  border-radius: 48px;
  padding-left: 24px;
  padding-right: 24px;
}
.cms-seitenelement-contactbutton a.cms-border-button:hover {
  color: #13223e;
}
textarea {
  border: 2px rgba(19, 34, 62, 0.2) solid;
  height: 248px;
  border-radius: 24px;
  padding: 12px 24px;
  font-family: 'PitchSans', Sans-serif;
  font-size: 16px;
  line-height: 21px;
  font-weight: 700;
}
input:focus,
textarea:focus,
input[type=submit] {
  border: 2px #ff6633 solid;
}
input[type=submit] {
  color: #ff6633;
}
input.cms-input-filled,
textarea.cms-input-filled {
  border: 2px #13223e solid;
  color: #13223e;
}
input.cms-input-warn,
textarea.cms-input-warn {
  border: 2px #f22a2a solid;
  color: #f22a2a;
}
label span {
  display: inline-block;
  padding-left: 24px;
  padding-bottom: 5px;
  padding-top: 13px;
  font-family: 'PitchSans', Sans-serif;
  font-size: 12px;
  line-height: 16px;
  font-weight: 500;
  font-weight: 700;
  text-transform: uppercase;
}
/**
 * links
 */
a,
a:focus,
a:visited,
a:hover,
a:active {
  color: #13223e;
  text-decoration: none;
  border-bottom: 1px #13223e solid;
}
a.cms-color-white,
a.cms-color-white:focus,
a.cms-color-white:visited,
a.cms-color-white:hover,
a.cms-color-white:active {
  color: #ffffff;
  border-bottom: 1px #ffffff solid;
}
a.cms-a-hover,
a:hover {
  color: #ff6633;
  border-bottom: 1px #ff6633 solid;
}
a.cms-hamburger-top:hover,
a#cms-hamburger-toggle:hover {
  border-bottom: none;
}
.cms-seitenelement-footer a.cms-logo-gira {
  border-bottom: none;
  margin-left: 0px;
}
/**
 * classes
 */
.cms-color-white {
  color: #ffffff;
}
.cms-color-mandarin {
  color: #ff6633;
}
.cms-color-imperialblue {
  color: #13223e;
}
.cms-color-powdergreen {
  color: #e6f0e0;
}
.cms-color-midnight {
  color: #040e20;
}
.cms-color-warn {
  color: #f22a2a;
}
.cms-bgcolor-white {
  background-color: #ffffff;
}
.cms-bgcolor-mandarin {
  background-color: #ff6633;
}
.cms-bgcolor-imperialblue {
  background-color: #13223e;
}
.cms-bgcolor-powdergreen {
  background-color: #e6f0e0;
}
.cms-text-xxlarge {
  font-family: 'GNERATORSTENCIL', Courier, monospace;
  font-size: 24px;
  line-height: 32px;
  font-weight: 400;
  letter-spacing: 0.08em;
}
.cms-text-xlarge {
  font-family: 'PitchSans', Sans-serif;
  font-size: 18px;
  line-height: 24px;
  font-weight: 700;
}
.cms-text-large {
  font-family: 'PitchSans', Sans-serif;
  font-size: 16px;
  line-height: 21px;
  font-weight: 700;
}
.cms-typo-date {
  font-family: 'PitchSans', Sans-serif;
  font-size: 10px;
  line-height: 10px;
  font-weight: 700;
  text-transform: uppercase;
}
.cms-typo-copy {
  font-family: 'PitchSans', Sans-serif;
  font-size: 12px;
  line-height: 16px;
  font-weight: 500;
}
.cms-typo-info {
  font-family: 'PitchSans', Sans-serif;
  font-size: 10px;
  line-height: 12px;
  font-weight: 500;
}
.cms-rotate-90 {
  transform-origin: center center;
  transform: rotate(-90deg);
}
p.cms-nobottomspacing {
  margin-bottom: 0px;
  padding-bottom: 0px;
}
.cms-nobottomspacing > :last-child {
  margin-bottom: 0px;
  padding-bottom: 0px;
}
.cms-seitenelement-bgimage {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
.img-responsive-scale {
  width: 100%;
  height: auto;
}
.cms-spacer-05em {
  margin-bottom: 0.5em;
}
.cms-spacer-1em {
  margin-bottom: 1em;
}
.cms-spacer-2em {
  margin-bottom: 2em;
}
.cms-spacer-3em {
  margin-bottom: 3em;
}
.cms-spacer-4em {
  margin-bottom: 4em;
}
.cms-text-underline {
  display: inline-block;
  border-bottom: 1px solid #13223e;
}
.cms-color-mandarin .cms-text-underline {
  border-bottom: 1px solid #ff6633;
}
.cms-border-wrapper {
  position: relative;
}
.cms-border-top-gap {
  position: absolute;
  top: 0px;
  width: 6px;
  height: 3px;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50, 0%);
  background-color: #ffffff;
}
.cms-border-bottom-gap {
  position: absolute;
  bottom: 0px;
  width: 6px;
  height: 3px;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50, 0%);
  background-color: #ffffff;
}
.cms-seitenelement-contactbutton .cms-border-top-gap,
.cms-seitenelement-contactbutton .cms-border-bottom-gap {
  background-color: #ff6633;
}
.cms-more {
  display: none;
}
/**
 * navigation
 */
.cms-nav {
  display: inline-block;
  list-style: none;
  margin: 0;
  padding: 0;
}
.cms-nav a {
  color: #ffffff;
  text-decoration: none;
}
.cms-nav li.cms-on a,
.cms-nav a:hover {
  color: #ff6633;
  text-decoration: none;
  border-bottom: 1px solid #ff6633;
}
.cms-nav-hamburger {
  font-family: 'PitchSans', Sans-serif;
  font-size: 20px;
  line-height: 20px;
  font-weight: 700;
}
.cms-nav-hamburger li {
  padding-top: 23px;
  padding-bottom: 22px;
}
.cms-nav-hamburger li:first-child {
  padding-top: 76px;
  /* 132 - 56 */
}
.cms-nav-hamburger li:last-child {
  font-family: 'PitchSans', Sans-serif;
  font-size: 10px;
  line-height: 12px;
  font-weight: 500;
}
/**
 * grid 
 */
.container-fluid {
  padding-left: 12px;
  /* (320 - 12 * 20 - 11 * 5) / 2 */
  padding-right: 13px;
}
/**
 * page elements
 */
#cms-logo-gira {
  margin-top: 3px;
}
#lottie {
  position: absolute;
  width: 76.5625%;
  /* 10*20 + 9*5 / 320 */
  height: 150px;
  top: 50%;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%, -50%);
}
.cms-seitenelement-mail .cms-row-lottie {
  position: relative;
}
.cms-seitenelement-mail .cms-row-lottie,
.cms-seitenelement-mail #lottie {
  height: 110px;
}
.cms-dropdown-icon {
  margin-top: 2px;
  display: inline-block;
  width: 15px;
  height: 15px;
  background-size: 15px 15px;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url('/images/dropdown_off.svg');
  cursor: pointer;
}
.cms-dropdown-row {
  padding-bottom: 20px;
}
.cms-dropdown-row:last-child {
  padding-bottom: 0px;
}
.cms-dropdown-row:hover .cms-dropdown-icon {
  background-image: url('/images/dropdown_hover.svg');
}
.cms-dropdown-row.cms-dropdown-row-on .cms-dropdown-icon {
  background-image: url('/images/dropdown_on.svg');
}
.cms-dropdown-row .cms-dropdown-h3 {
  padding-bottom: 1px;
  cursor: pointer;
}
.cms-dropdown-row:hover .cms-dropdown-h3,
.cms-dropdown-row.cms-dropdown-row-on .cms-dropdown-h3 {
  display: inline-block;
  color: #ff6633;
  padding-bottom: 0px;
  border-bottom: 1px solid #ff6633;
}
.cms-seitenelement-contactbutton .cms-border-wrapper {
  position: absolute;
  display: inline-block;
  top: 50%;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%, -50%);
}
.cms-seitenelement-contactbutton a.cms-border-button {
  box-sizing: border-box;
  border-color: #13223e;
  background-color: #ff6633;
  display: inline-block;
  padding-right: 24px;
  padding-left: 24px;
}
.cms-seitenelement-swiper .cms-teaser {
  background-color: #e6f0e0;
  padding-top: 26px;
  padding-left: 7.8125%;
  /* (20 + 5) /320 */
  padding-right: 7.8125%;
  padding-bottom: 64px;
}
.cms-seitenelement-swiper .cms-teaser img {
  width: 80px;
  height: 54px;
  margin-bottom: 27px;
}
.cms-seitenelement-swiper .cms-teaser h3,
.cms-seitenelement-team-text h3 {
  font-family: 'PitchSans', Sans-serif;
  font-size: 18px;
  line-height: 24px;
  font-weight: 700;
  margin-bottom: 23px;
}
.swiper-container {
  padding-left: 0px;
  padding-right: 0px;
}
.swiper-container .row {
  margin-left: 0;
  margin-right: 0;
}
.swiper-container .swiper-slide {
  padding-left: 12px;
  padding-right: 13px;
}
.cms-swiper-buttons,
.cms-more-buttons {
  padding-top: 25px;
  width: 100%;
  height: 76px;
  /* 25 + 51 */
  text-align: center;
}
.swiper-button-next,
.swiper-button-prev,
.cms-more-button-plus {
  width: 51px;
  height: 51px;
  cursor: pointer;
  position: static;
  top: none;
  margin-top: 0px;
  background-size: 43px 43px;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  transition: background-size 0.2s ease-in;
  -moz-transition: background-size 0.2s ease-in;
  -web-kit-transition: background-size 0.2s ease-in;
  margin-left: 4px;
  margin-right: 4px;
}
.swiper-button-prev {
  background-image: url(/images/btn-left-imperialblue.svg);
}
.swiper-button-next {
  background-image: url(/images/btn-right-imperialblue.svg);
}
.cms-more-button-plus {
  background-image: url(/images/btn-plus-imperialblue.svg);
}
.swiper-button-prev:hover {
  background-size: 51px 51px;
  background-image: url(/images/btn-left-mandarin.svg);
}
.swiper-button-next:hover {
  background-size: 51px 51px;
  background-image: url(/images/btn-right-mandarin.svg);
}
.cms-more-button-plus:hover {
  background-size: 51px 51px;
  background-image: url(/images/btn-plus-mandarin.svg);
}
.swiper-button-prev.swiper-button-disabled {
  background-image: url(/images/btn-left-imperialblue20.svg);
  opacity: 1;
}
.swiper-button-next.swiper-button-disabled {
  background-image: url(/images/btn-right-imperialblue20.svg);
  opacity: 1;
}
/**
 * teaser
 */
/**
 * seitenelemente
 */
.cms-seitenelement-banner {
  position: fixed;
  top: 0px;
  left: 0px;
  right: 0px;
  height: 56px;
  padding-top: 0px;
  z-index: 2;
  border-bottom: 1px solid #040e20;
}
.cms-hamburger-top span {
  font-size: 34px;
  line-height: 56px;
}
#cms-hamburger-toggle img {
  margin-top: 20px;
}
.cms-seitenelement-introtext {
  padding-top: 66px;
  padding-bottom: 73px;
}
.cms-seitenelement-text {
  padding-top: 44px;
  padding-bottom: 65px;
}
.cms-seitenelement-team {
  background-image: linear-gradient(#ffffff 140px, #13223e 140px);
}
.cms-seitenelement-swiper {
  background-image: linear-gradient(#13223e 25%, #ffffff 25%);
}
.cms-seitenelement-team-text {
  padding-left: 8.47457627%;
  /* 25 / 295 */
  padding-right: 8.47457627%;
}
.cms-seitenelement-contactbutton {
  position: relative;
  height: 200px;
}
.cms-seitenelement-footer {
  padding-top: 40px;
  padding-bottom: 49px;
}
.cms-seitenelement-footer a {
  margin-right: 25px;
}
.cms-seitenelement-themen p,
.cms-seitenelement-themen img.img-responsive {
  display: none;
}
.cms-seitenelement-hamburger {
  display: none;
}
.cms-seitenelement-impressum {
  padding-top: 120px;
  /* 192 -72 */
}
.cms-seitenelement-datenschutz {
  padding-bottom: 120px;
}
.cms-seitenelement-mail {
  padding-bottom: 20px;
  background-size: 100% auto;
  background-position: top center;
  background-repeat: no-repeat;
  background-image: url('/images/stage-tab.jpg');
}
.cms-seitenelement-mail .cms-bgcolor-white {
  padding-top: 15px;
  padding-bottom: 32px;
}
.cms-seitenelement-telefon {
  padding-bottom: 40px;
}
.cms-seitenelement-telefon .cms-bgcolor-white {
  padding-top: 20px;
  padding-bottom: 42px;
}
/**
 * unset bootstrap scrollspy css
 */
.nav > li > a {
  position: static;
  display: inline;
  padding: 0;
}
.nav > li > a:focus,
.nav > li > a:hover {
  text-decoration: none;
  background-color: inherit;
}
#ac_frame {
  border-top: 1px #323232 solid;
  background-color: #fff;
  position: fixed;
  z-index: 1000;
  bottom: 0px;
  left: 0px;
  right: 0px;
  padding: 16px;
}
#ac_buttons {
  text-align: center;
}
#ac_buttons form {
  display: inline-block;
}
#ac_buttons form a {
  display: none;
  padding-left: 30px;
  padding-right: 30px;
}
@media (max-width: 767px) {
  h2.cms-typo-xs-large {
    font-family: 'PitchSans', Sans-serif;
    font-size: 16px;
    line-height: 21px;
    font-weight: 700;
  }
  /**
   * page elements
   */
  #cms-logo-gira {
    margin-bottom: 26px;
  }
  /**
   * Seitenelemente
   */
  .cms-seitenelement-footer {
    font-family: 'PitchSans', Sans-serif;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
  }
  .cms-seitenelement-introtext {
    background-image: url(/images/mission-blue-mob@3x.jpg);
  }
  .cms-seitenelement-introtext h2 {
    font-size: 16px;
    line-height: 21px;
  }
  .cms-seitenelement-team .row > div:not(:last-child) > .cms-teaser {
    padding-bottom: 3em;
  }
  .cms-seitenelement-swiper .row > div:not(:first-child) {
    padding-top: 20px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  /**
   * tags
   */
  body {
    font-family: 'PitchSans', Sans-serif;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
  }
  h1 {
    font-family: 'GNERATORSTENCIL', Courier, monospace;
    font-size: 34px;
    line-height: 44px;
    font-weight: 400;
    letter-spacing: 0.08em;
  }
  h2 {
    font-family: 'PitchSans', Sans-serif;
    font-size: 26px;
    line-height: 32px;
    font-weight: 700;
  }
  h3,
  h4 {
    font-family: 'PitchSans', Sans-serif;
    font-size: 21px;
    line-height: 26px;
    font-weight: 700;
  }
  .cms-seitenelement-contactbutton a.cms-border-button,
  input:not(.giracst-btn) {
    font-family: 'PitchSans', Sans-serif;
    font-size: 21px;
    line-height: 26px;
    font-weight: 700;
    height: 56px;
    line-height: 52px;
    border-radius: 56px;
    padding-left: 28px;
    padding-right: 28px;
  }
  label span {
    font-family: 'PitchSans', Sans-serif;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    font-weight: 700;
  }
  /**
   * classes 
   */
  .cms-typo-date {
    font-size: 14px;
    line-height: 14px;
  }
  .cms-typo-nav {
    font-size: 36px;
    line-height: 36px;
  }
  .cms-typo-copy {
    font-family: 'PitchSans', Sans-serif;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
  }
  .cms-typo-info {
    font-family: 'PitchSans', Sans-serif;
    font-size: 11px;
    line-height: 16px;
    font-weight: 500;
  }
  .cms-text-xxlarge {
    font-family: 'GNERATORSTENCIL', Courier, monospace;
    font-size: 34px;
    line-height: 44px;
    font-weight: 400;
    letter-spacing: 0.08em;
  }
  /**
   * navigation
   */
  .cms-nav-hamburger {
    font-family: 'PitchSans', Sans-serif;
    font-size: 36px;
    line-height: 36px;
    font-weight: 700;
  }
  .cms-nav-hamburger li {
    padding-top: 44px;
    padding-bottom: 43px;
  }
  .cms-nav-hamburger li:first-child {
    padding-top: 137px;
    /* 193 - 56 */
  }
  .cms-nav-hamburger li:last-child {
    font-family: 'PitchSans', Sans-serif;
    font-size: 10px;
    line-height: 12px;
    font-weight: 500;
  }
  /**
   * grid
   */
  div[class^="col"] {
    padding-left: 10px;
    padding-right: 10px;
  }
  .container-fluid {
    padding-left: 34px;
    /* (768 - 12 * 40 - 11 * 20) / 2 */
    padding-right: 34px;
  }
  .container-fluid .row {
    margin-left: -10px;
    margin-right: -10px;
  }
  /**
   * page elements
   */
  #lottie {
    width: 59.89583333%;
    /* 8*40 + 7*20 / 768 */
  }
  .cms-dropdown-icon {
    margin-top: 6px;
  }
  /**
   * Seitenelemente
   */
  .cms-seitenelement-text {
    padding-top: 61px;
    padding-bottom: 64px;
  }
  .cms-seitenelement-team-text {
    padding-left: 4.5%;
    padding-right: 4.5%;
  }
  .cms-seitenelement-swiper .container-fluid {
    padding-left: 0px;
    padding-right: 0px;
  }
  .swiper-container .swiper-slide {
    padding-left: 10px;
    padding-right: 10px;
  }
  .cms-seitenelement-swiper .row {
    /* padding-left: 12.2395833333%; /* 40 + 20 + 34 / 768 */
    /* padding-right: 12.2395833333%; */
  }
  .cms-seitenelement-swiper .cms-teaser {
    padding-bottom: 57px;
  }
  .cms-seitenelement-swiper .cms-teaser h3,
  .cms-seitenelement-team-text h3 {
    margin-bottom: 12px;
  }
  .cms-seitenelement-contactbutton a.cms-border-button {
    padding-right: 28px;
    padding-left: 28px;
  }
  .cms-seitenelement-team .row > div:not(:last-child) > .cms-teaser {
    padding-bottom: 3em;
  }
}
@media (min-width: 768px) {
  /**
   * classes
   */
  .cms-text-sm-right {
    text-align: right;
  }
  /**
   * Seitenelemente
   */
  .cms-seitenelement-introtext {
    background-image: url(/images/mission-blue-tab@2x.jpg);
    padding-top: 124px;
    padding-bottom: 116px;
  }
  .cms-seitenelement-footer {
    padding-top: 32px;
    padding-bottom: 40px;
  }
  .cms-seitenelement-footer a {
    margin-right: 0px;
    margin-left: 49px;
  }
  .cms-seitenelement-contactbutton {
    height: 220px;
  }
  .cms-swiper-buttons {
    height: 94px;
    /* 51 + 43 */
    padding-top: 43px;
    /* padding-right: 34px; */
    text-align: right;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  body {
    font-family: 'PitchSans', Sans-serif;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
  }
  h1 {
    font-family: 'GNERATORSTENCIL', Courier, monospace;
    font-size: 34px;
    line-height: 44px;
    font-weight: 400;
    letter-spacing: 0.08em;
  }
  h2 {
    font-family: 'PitchSans', Sans-serif;
    font-size: 26px;
    line-height: 32px;
    font-weight: 700;
  }
  h3,
  h4 {
    font-family: 'PitchSans', Sans-serif;
    line-height: 25px;
    font-weight: 700;
    font-size: 20px;
  }
  .cms-seitenelement-contactbutton a.cms-border-button,
  input:not(.giracst-btn) {
    font-family: 'PitchSans', Sans-serif;
    font-size: 20px;
    line-height: 25px;
    font-weight: 700;
    height: 56px;
    line-height: 52px;
    border-radius: 56px;
    padding-left: 28px;
    padding-right: 28px;
  }
  label span {
    font-family: 'PitchSans', Sans-serif;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    font-weight: 700;
  }
  /**
   * classes 
   */
  .cms-typo-date {
    font-size: 14px;
    line-height: 14px;
  }
  .cms-typo-copy {
    font-family: 'PitchSans', Sans-serif;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
  }
  .cms-typo-info {
    font-family: 'PitchSans', Sans-serif;
    font-size: 11px;
    line-height: 16px;
    font-weight: 500;
  }
  .cms-text-small {
    font-family: 'PitchSans', Sans-serif;
    font-size: 11px;
    line-height: 16px;
    font-weight: 500;
  }
  .cms-text-medium {
    font-family: 'PitchSans', Sans-serif;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
  }
  .cms-text-large {
    font-family: 'PitchSans', Sans-serif;
    font-size: 20px;
    line-height: 25px;
    font-weight: 700;
  }
  .cms-text-xlarge {
    font-family: 'PitchSans', Sans-serif;
    font-size: 26px;
    line-height: 32px;
    font-weight: 700;
  }
  .cms-text-xxlarge {
    font-family: 'GNERATORSTENCIL', Courier, monospace;
    font-size: 34px;
    line-height: 44px;
    font-weight: 400;
    letter-spacing: 0.08em;
  }
  /**
   * grid
   */
  div[class^="col"] {
    padding-left: 10px;
    padding-right: 10px;
  }
  .container-fluid {
    padding-left: 42px;
    /* (1024 - 12 * 60 - 11 * 20) / 2 */
    padding-right: 42px;
  }
  .container-fluid .row {
    margin-left: -10px;
    margin-right: -10px;
  }
  /**
   * page elements
   */
  #lottie {
    width: 44.921875%;
    /* 6*60 + 5*20 / 1024 */
  }
  .cms-dropdown-icon {
    margin-top: 6px;
  }
  /**
   * Seitenelemente
   */
  .cms-seitenelement-text {
    padding-top: 75px;
    padding-bottom: 62px;
  }
  .cms-seitenelement-team-text {
    padding-left: 5.8%;
    padding-right: 5.8%;
  }
  .cms-seitenelement-swiper .container-fluid {
    padding-left: 0px;
    padding-right: 0px;
  }
  .swiper-container .swiper-slide {
    padding-left: 10px;
    padding-right: 10px;
  }
  .cms-seitenelement-swiper .row {
    /* padding-left: 11.9140625%; /* 60 + 20 + 42 / 1024 */
    /* padding-right: 11.9140625%; */
  }
  .cms-seitenelement-swiper .cms-teaser {
    padding-bottom: 85px;
  }
  .cms-seitenelement-swiper .cms-teaser img {
    margin-bottom: 18px;
  }
  .cms-seitenelement-swiper .cms-teaser h3,
  .cms-seitenelement-team-text h3 {
    margin-bottom: 18px;
  }
  .cms-seitenelement-contactbutton a.cms-border-button {
    padding-right: 28px;
    padding-left: 28px;
  }
}
@media (min-width: 992px) {
  /**
   * tags
   */
  body {
    padding-top: 72px;
  }
  textarea {
    height: 248px;
    border-radius: 32px;
    padding: 12px 32px;
    font-family: 'PitchSans', Sans-serif;
    font-size: 20px;
    line-height: 25px;
    font-weight: 700;
  }
  label span {
    padding-left: 32px;
    padding-bottom: 5px;
    padding-top: 13px;
    font-family: 'PitchSans', Sans-serif;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
  }
  /**
   * navigation
   */
  .cms-nav-legende,
  .cms-nav-main {
    font-family: 'PitchSans', Sans-serif;
    font-size: 16px;
    line-height: 16px;
    font-weight: 700;
  }
  .cms-nav-legende li,
  .cms-nav-main li {
    display: block;
    float: left;
    line-height: 72px;
    height: 72px;
    margin: 0;
  }
  .cms-nav-main li {
    padding: 0px 60px 0px 0px;
  }
  .cms-nav-main li.active a {
    color: #ff6633;
    border-bottom: 1px solid #ff6633;
  }
  .cms-nav-legende li:first-child a {
    display: block;
    width: 168px;
    background: url(/images/btn-kontakt-mandarin.svg) no-repeat center center;
    background-size: 140px 36px;
    padding-left: 0px;
    padding-right: 0px;
    text-align: center;
    margin-right: 10px;
    transition: background-size 0.2s ease-in;
    -moz-transition: background-size 0.2s ease-in;
    -web-kit-transition: background-size 0.2s ease-in;
    border-bottom: none;
  }
  .cms-nav-legende li:first-child:hover a {
    background-size: 154px 40px;
  }
  .cms-nav-legende li:first-child a {
    color: #ff6633;
  }
  /**
   * page elements
   */
  .cms-seitenelement-mail .cms-row-lottie,
  .cms-seitenelement-mail #lottie {
    height: 246px;
  }
  .cms-row-send {
    padding-top: 20px;
  }
  .cms-row-send > div:first-child {
    padding-top: 9px;
    /* text-align: right; */
  }
  /**
   * Seitenelemente
   */
  .cms-seitenelement-swiper .cms-teaser {
    padding-top: 28px;
  }
  .cms-seitenelement-banner {
    height: 72px;
  }
  .cms-hamburger-top span {
    display: block;
    float: left;
    font-size: 34px;
    line-height: 72px;
  }
  .cms-seitenelement-mail {
    padding-bottom: 40px;
    background-image: url('/images/stage-desk.jpg');
  }
  .cms-seitenelement-mail .cms-bgcolor-white {
    padding-top: 49px;
    padding-bottom: 81px;
  }
  .cms-seitenelement-telefon {
    padding-bottom: 104px;
  }
  .cms-seitenelement-telefon .cms-bgcolor-white {
    padding-top: 49px;
    padding-bottom: 78px;
  }
  .cms-swiper-buttons {
    /*  padding-right: 42px; */
  }
}
@media (min-width: 1200px) {
  body {
    font-family: 'PitchSans', Sans-serif;
    font-size: 16px;
    line-height: 23px;
    font-weight: 500;
  }
  h1 {
    font-family: 'GNERATORSTENCIL', Courier, monospace;
    font-size: 54px;
    line-height: 64px;
    font-weight: 400;
    letter-spacing: 0.08em;
  }
  h2 {
    font-family: 'PitchSans', Sans-serif;
    font-size: 36px;
    line-height: 42px;
    font-weight: 700;
  }
  h3,
  h4 {
    font-family: 'PitchSans', Sans-serif;
    font-size: 30px;
    line-height: 35px;
    font-weight: 700;
  }
  .cms-seitenelement-contactbutton a.cms-border-button,
  input:not(.giracst-btn) {
    font-family: 'PitchSans', Sans-serif;
    font-size: 30px;
    line-height: 35px;
    font-weight: 700;
    height: 64px;
    line-height: 60px;
    border-radius: 64px;
    padding-left: 32px;
    padding-right: 32px;
  }
  label span {
    font-family: 'PitchSans', Sans-serif;
    font-size: 16px;
    line-height: 23px;
    font-weight: 500;
    font-weight: 700;
  }
  /**
   * classes 
   */
  .cms-typo-date {
    font-size: 16px;
    line-height: 16px;
  }
  .cms-typo-copy {
    font-family: 'PitchSans', Sans-serif;
    font-size: 16px;
    line-height: 23px;
    font-weight: 500;
  }
  .cms-typo-info {
    font-family: 'PitchSans', Sans-serif;
    font-size: 11px;
    line-height: 16px;
    font-weight: 500;
  }
  .cms-text-small {
    font-family: 'PitchSans', Sans-serif;
    font-size: 11px;
    line-height: 16px;
    font-weight: 500;
  }
  .cms-text-medium {
    font-family: 'PitchSans', Sans-serif;
    font-size: 16px;
    line-height: 23px;
    font-weight: 500;
  }
  .cms-text-large {
    font-family: 'PitchSans', Sans-serif;
    font-size: 30px;
    line-height: 35px;
    font-weight: 700;
  }
  .cms-text-xlarge {
    font-family: 'PitchSans', Sans-serif;
    font-size: 36px;
    line-height: 42px;
    font-weight: 700;
  }
  .cms-text-xxlarge {
    font-family: 'GNERATORSTENCIL', Courier, monospace;
    font-size: 54px;
    line-height: 64px;
    font-weight: 400;
    letter-spacing: 0.08em;
  }
  /**
   * grid
   */
  div[class^="col"] {
    padding-left: 18px;
    padding-right: 18px;
  }
  .container-fluid {
    padding-left: 42px;
    /* (1440 - 12 * 80 - 11 * 36) / 2 */
    padding-right: 42px;
  }
  .container-fluid:not(.swiper-container-support) {
    max-width: 1440px;
  }
  .container-fluid .row {
    margin-left: -18px;
    margin-right: -18px;
  }
  /**
   * page elements
   */
  #lottie {
    width: 45.83333333%;
    /* 6*80 + 5*36 / 1440 */
  }
  .cms-dropdown-icon {
    margin-top: 12px;
  }
  /**
   * Seitenelemente
   */
  .cms-seitenelement-introtext {
    padding-top: 161px;
    padding-bottom: 161px;
  }
  .cms-seitenelement-team-text {
    padding-left: 6.5%;
    padding-right: 6.5%;
  }
  .cms-seitenelement-swiper .container-fluid {
    padding-left: 0%;
    padding-right: 0%;
  }
  .cms-seitenelement-swiper .container-fluid {
    padding-left: 0%;
    padding-right: 0%;
  }
  .swiper-container .swiper-slide {
    padding-left: 20px;
    padding-right: 20px;
  }
  .cms-seitenelement-swiper .row {
    /* padding-left: 10.9722222222%;  /* 80 + 36 + 42 / 1440 */
    /* padding-right: 10.9722222222%; */
  }
  .cms-seitenelement-swiper .cms-teaser {
    padding-bottom: 37px;
  }
  .cms-seitenelement-swiper .cms-teaser img {
    margin-bottom: 23px;
  }
  .cms-seitenelement-swiper .cms-teaser h3,
  .cms-seitenelement-team-text h3 {
    font-family: 'PitchSans', Sans-serif;
    font-size: 20px;
    line-height: 25px;
    font-weight: 700;
    /* correct */
    margin-bottom: 8px;
  }
  .cms-seitenelement-contactbutton a.cms-border-button {
    padding-right: 32px;
    padding-left: 32px;
  }
}
/* Remove outline from active input fields */
input:focus,
textarea:focus {
  outline: 0px;
}