/*
Theme Name: teamplay
Author: Frederic Schlüter // Vielfalter
Author URI: http://die-vielfalter.de
Description: Theme für die Teamplay Webseite
Version: 1.0.0
License: GNU General Public License v2
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: dark, awesome, soccer, esports
*/
@font-face {
  font-family: 'Playfair';
  font-style: normal;
  font-weight: normal;
  src: url('fonts/playfair/PlayfairDisplay-VariableFont_wght.ttf') format('truetype');
}
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: normal;
  src: url('fonts/montserrat/Montserrat-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: light;
  src: url('fonts/montserrat/Montserrat-Light.ttf') format('truetype');
}
@font-face {
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: normal;
  src: url('fonts/playfair/PlayfairDisplay-VarivaleFont_wght.ttf') format('truetype');
}
@keyframes c2a-pulse-inner {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0.4;
  }
  100% {
    opacity: 0;
  }
}
@keyframes pulse {
  from {
    transform: scale(0.5, 0.5);
    opacity: 0.5;
  }
  to {
    transform: scale(2.5, 2.5);
    opacity: 0;
  }
}
@keyframes scaleinout {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.3);
  }
  100% {
    transform: scale(1);
  }
}
@media (min-width: 1400px) {
  .col-xxl {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .row-cols-xxl-1 > * {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .row-cols-xxl-2 > * {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .row-cols-xxl-3 > * {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .row-cols-xxl-4 > * {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .row-cols-xxl-5 > * {
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
  }
  .row-cols-xxl-6 > * {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-xxl-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-xxl-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-xxl-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-xxl-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-xxl-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-xxl-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-xxl-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-xxl-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-xxl-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-xxl-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-xxl-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-xxl-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-xxl-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.col-12 {
  padding-left: 0px;
  padding-right: 0px;
}
/* ---ALLGEMEIN--- */
html,
body {
  font-size: 20px;
  line-height: 30px;
  letter-spacing: 2px;
  margin: 0;
  font-family: Montserrat;
  font-weight: 300;
  letter-spacing: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
body {
  margin: 0;
  padding: 0;
  background-color: #1D1D1D;
  padding-bottom: 70px;
}
ul,
ol {
  margin: 0;
}
* {
  color: #F1F3F6;
}
section {
  margin: 0 auto;
}
section.mainarticles {
  margin-top: 150px;
}
@media (min-width: 1200px) {
  section.mainarticles {
    margin-top: 300px;
  }
}
img.fullscreen {
  max-width: 100%;
}
.row {
  margin-left: 0px;
  margin-right: 0px;
}
/* ---TEXT--- */
.ultra {
  font-family: 'Matrice-Bold';
  font-size: 30px;
  line-height: 36px;
  letter-spacing: normal;
  margin: 0;
}
@media (min-width: 576px) {
  .ultra {
    font-size: 44px;
    line-height: 52px;
    letter-spacing: normal;
    margin: 0;
  }
}
@media (min-width: 992px) {
  .ultra {
    font-size: 72px;
    line-height: 80px;
    letter-spacing: normal;
    margin: 0;
  }
}
@media (min-width: 1700px) {
  .ultra {
    font-size: 120px;
    line-height: 120px;
    letter-spacing: normal;
    margin: 0;
  }
}
.ultra.-montserrat {
  font-family: Montserrat;
  font-weight: 300;
  letter-spacing: normal;
}
h1,
.h1 {
  font-family: 'Matrice-Bold';
  font-size: 30px;
  line-height: 36px;
  letter-spacing: normal;
  margin: 0;
}
@media (min-width: 1024px) {
  h1,
  .h1 {
    font-size: 44px;
    line-height: 52px;
    letter-spacing: normal;
    margin: 0;
  }
}
@media (min-width: 1200px) {
  h1,
  .h1 {
    font-size: 72px;
    line-height: 80px;
    letter-spacing: normal;
    margin: 0;
  }
}
h1.-montserrat,
.h1.-montserrat {
  font-family: Montserrat;
  font-weight: 300;
  letter-spacing: normal;
}
h2,
.h2 {
  font-family: 'Matrice-Bold';
  font-size: 20px;
  line-height: 30px;
  letter-spacing: 2px;
  margin: 0;
  letter-spacing: 0;
}
@media (min-width: 576px) {
  h2,
  .h2 {
    font-size: 30px;
    line-height: 36px;
    letter-spacing: normal;
    margin: 0;
    letter-spacing: 0;
  }
}
@media (min-width: 1200px) {
  h2,
  .h2 {
    font-size: 44px;
    line-height: 52px;
    letter-spacing: normal;
    margin: 0;
  }
}
h2.-montserrat,
.h2.-montserrat {
  font-family: Montserrat;
  font-weight: 300;
  letter-spacing: normal;
}
h3,
.h3 {
  font-family: 'Matrice-Bold';
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 1.4px;
  margin: 0;
  letter-spacing: 0;
}
@media (min-width: 576px) {
  h3,
  .h3 {
    font-size: 20px;
    line-height: 30px;
    letter-spacing: 2px;
    margin: 0;
    letter-spacing: 0;
  }
}
@media (min-width: 1200px) {
  h3,
  .h3 {
    font-size: 30px;
    line-height: 36px;
    letter-spacing: normal;
    margin: 0;
  }
}
h3.-montserrat,
.h3.-montserrat {
  font-family: Montserrat;
  font-weight: 300;
  letter-spacing: normal;
}
h4,
.h4 {
  font-family: 'Matrice-Bold';
  font-size: 9px;
  letter-spacing: 0.9px;
  line-height: 18px;
}
@media (min-width: 768px) {
  h4,
  .h4 {
    font-size: 20px;
    line-height: 30px;
    letter-spacing: 2px;
    margin: 0;
  }
}
h4.-montserrat,
.h4.-montserrat {
  font-family: Montserrat;
  font-weight: 300;
  letter-spacing: normal;
}
h5,
.h5 {
  font-family: 'Matrice-Bold';
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 1.4px;
  margin: 0;
}
h5.-montserrat,
.h5.-montserrat {
  font-family: Montserrat;
  font-weight: 300;
  letter-spacing: normal;
}
h6,
.h6 {
  font-family: 'Matrice-Bold';
  font-size: 11px;
  line-height: 18px;
  letter-spacing: 1.1px;
  margin: 0;
}
h6.-montserrat,
.h6.-montserrat {
  font-family: Montserrat;
  font-weight: 300;
  letter-spacing: normal;
}
p {
  font-family: Montserrat;
  font-weight: 300;
  letter-spacing: normal;
  font-size: 14px;
  line-height: 22px;
}
@media (min-width: 576px) {
  p {
    font-size: 20px;
    line-height: 32px;
  }
}
.text.-playfair {
  font-family: 'Playfair';
  font-size: 20px;
  line-height: 30px;
  letter-spacing: 2px;
  margin: 0;
  letter-spacing: normal;
}
@media (min-width: 576px) {
  .text.-playfair {
    font-size: 30px;
    line-height: 36px;
    margin: 0;
    letter-spacing: normal;
  }
}
@media (min-width: 1200px) {
  .text.-playfair {
    font-size: 35px;
    line-height: 50px;
  }
}
@media (min-width: 1300px) {
  .text.-playfair {
    font-size: 48px;
    line-height: 60px;
  }
}
.text.-matrice {
  font-family: 'Matrice-Bold';
}
.text.-txtL {
  font-family: Montserrat;
  font-weight: 300;
  letter-spacing: normal;
  font-size: 14px;
  line-height: 22px;
}
@media (min-width: 576px) {
  .text.-txtL {
    font-size: 20px;
    line-height: 32px;
  }
}
@media (min-width: 992px) {
  .text.-txtL {
    font-size: 30px;
    line-height: 42px;
  }
}
.text.-txtM {
  font-family: Montserrat;
  font-weight: 300;
  letter-spacing: normal;
  font-size: 14px;
  line-height: 22px;
}
@media (min-width: 576px) {
  .text.-txtM {
    font-size: 20px;
    line-height: 32px;
  }
}
.text.-txtS {
  font-family: Montserrat;
  font-weight: 300;
  letter-spacing: normal;
  font-size: 14px;
  line-height: 22px;
}
.text.-bold {
  font-weight: bold;
}
.matrice-center {
  padding-bottom: 2px;
}
.inFlex {
  display: inline-flex;
}
/* ---FARBEN--- */
.highlight-color {
  background-color: #FFBD35;
  color: #1D1D1D;
}
.lbg-grey {
  background-color: #BEC0C3;
  color: #1D1D1D;
}
.white-color {
  background-color: #FFFFFF;
  color: #1D1D1D;
}
.dbg-grey {
  background-color: #444444;
  color: #F1F3F6;
}
.black-color {
  background-color: #000000;
  color: #F1F3F6;
}
.font-c.-white {
  color: #FFFFFF;
}
.font-c.-black {
  color: #000000;
}
.font-c.-red_c {
  color: #FF1744;
}
.font-c.-highlight {
  color: #FFBD35;
}
.font-c.-highlight_light {
  color: #E4BD69;
}
.font-c.-active {
  color: #00E676;
}
.font-c.-grey {
  color: #444444;
}
.font-c.-color_c {
  color: #1D1D1D;
}
.font-c.-lgrey {
  color: #BEC0C3;
}
.font-c.-lcolor_c {
  color: #F1F3F6;
}
/* ---ABSTÄNDE--- */
.margin.-left {
  padding-right: 20px !important;
  padding-left: 20px !important;
  margin-left: 0px !important;
  margin-right: 0px !important;
}
@media (min-width: 768px) {
  .margin.-left {
    padding-left: 45px !important;
    padding-right: 45px !important;
  }
}
@media (min-width: 992px) {
  .margin.-left {
    padding-left: 75px !important;
    padding-right: 0px !important;
  }
}
@media (min-width: 1200px) {
  .margin.-left {
    padding-left: 100px !important;
  }
}
@media (min-width: 1400px) {
  .margin.-left {
    padding-left: 170px !important;
  }
}
.margin.-right {
  padding-right: 20px !important;
  padding-left: 20px !important;
  margin-left: 0px !important;
  margin-right: 0px !important;
}
@media (min-width: 768px) {
  .margin.-right {
    padding-right: 45px !important;
    padding-left: 45px !important;
  }
}
@media (min-width: 992px) {
  .margin.-right {
    padding-right: 75px !important;
    padding-left: 0px !important;
  }
}
@media (min-width: 1200px) {
  .margin.-right {
    padding-right: 100px !important;
  }
}
@media (min-width: 1400px) {
  .margin.-right {
    padding-right: 170px !important;
  }
}
.margin.-center {
  padding-right: 20px !important;
  padding-left: 20px !important;
  margin-left: 0px !important;
  margin-right: 0px !important;
}
@media (min-width: 768px) {
  .margin.-center {
    padding-left: 45px !important;
    padding-right: 45px !important;
  }
}
@media (min-width: 992px) {
  .margin.-center {
    padding-left: 75px !important;
    padding-right: 75px !important;
  }
}
@media (min-width: 1200px) {
  .margin.-center {
    padding-left: 100px !important;
    padding-right: 100px !important;
  }
}
@media (min-width: 1400px) {
  .margin.-center {
    padding-left: 170px !important;
    padding-right: 170px !important;
  }
}
.margin.-center-left {
  padding-right: 20px !important;
  padding-left: 20px !important;
  margin-left: 0px !important;
  margin-right: 0px !important;
}
@media (min-width: 768px) {
  .margin.-center-left {
    padding-left: 45px !important;
    padding-right: 0px !important;
  }
}
@media (min-width: 992px) {
  .margin.-center-left {
    padding-left: 75px !important;
    padding-right: 0px !important;
  }
}
@media (min-width: 1200px) {
  .margin.-center-left {
    padding-left: 100px !important;
    padding-right: 0px !important;
  }
}
@media (min-width: 1400px) {
  .margin.-center-left {
    padding-left: 170px !important;
    padding-right: 0px !important;
  }
}
.margin.-mrgL {
  margin-bottom: 46px;
}
@media (min-width: 576px) {
  .margin.-mrgL {
    margin-bottom: 57px;
  }
}
@media (min-width: 992px) {
  .margin.-mrgL {
    margin-bottom: 77px;
  }
}
.margin.-mrgM {
  margin-bottom: 40px;
}
@media (min-width: 576px) {
  .margin.-mrgM {
    margin-bottom: 46px;
  }
}
@media (min-width: 992px) {
  .margin.-mrgM {
    margin-bottom: 57px;
  }
}
.margin.-mrgS {
  margin-bottom: 34px;
}
@media (min-width: 576px) {
  .margin.-mrgS {
    margin-bottom: 40px;
  }
}
@media (min-width: 992px) {
  .margin.-mrgS {
    margin-bottom: 46px;
  }
}
.margin.-mrgXS {
  margin-bottom: 24px;
}
@media (min-width: 576px) {
  .margin.-mrgXS {
    margin-bottom: 30px;
  }
}
@media (min-width: 992px) {
  .margin.-mrgXS {
    margin-bottom: 34px;
  }
}
header h3 + h1,
header .h3 + h1,
header h3 .h1,
header .h3 .h1 {
  margin-top: 20px;
}
@media (min-width: 992px) {
  header h3 + h1,
  header .h3 + h1,
  header h3 .h1,
  header .h3 .h1 {
    margin-top: 30px;
  }
}
header h5 + h2,
header .h5 + h2,
header h6 + h2,
header .h6 + h2,
header h5 .h2,
header .h5 .h2,
header h6 .h2,
header .h6 .h2,
header h5 h3,
header .h5 h3,
header h6 h3,
header .h6 h3,
header h5 .h3,
header .h5 .h3,
header h6 .h3,
header .h6 .h3 {
  margin-top: 20px;
}
header + p {
  margin-top: 40px;
}
header + article {
  margin-top: 40px;
}
header h1 + h3,
header .h1 + h3,
header h1 .h3,
header .h1 .h3 {
  margin-top: 50px;
}
@media (min-width: 1200px) {
  header h1 + h3,
  header .h1 + h3,
  header h1 .h3,
  header .h1 .h3 {
    margin-top: 110px;
  }
}
h4 h1,
.h4 h1,
h4 .h1,
.h4 .h1 {
  padding-top: 12px;
}
@media (min-width: 1200px) {
  h4 h1,
  .h4 h1,
  h4 .h1,
  .h4 .h1 {
    padding-top: 45px;
  }
}
h4 h1 div,
.h4 h1 div,
h4 .h1 div,
.h4 .h1 div,
h4 h1 p,
.h4 h1 p,
h4 .h1 p,
.h4 .h1 p {
  padding-top: 12px;
}
@media (min-width: 1200px) {
  h4 h1 div,
  .h4 h1 div,
  h4 .h1 div,
  .h4 .h1 div,
  h4 h1 p,
  .h4 h1 p,
  h4 .h1 p,
  .h4 .h1 p {
    padding-top: 45px;
  }
}
article + article {
  margin-top: 60px;
}
@media (min-width: 1200px) {
  article + article {
    margin-top: 110px;
  }
}
section + section {
  margin-top: 100px;
}
@media (min-width: 992px) {
  section + section {
    margin-top: 120px;
  }
}
.ultra + h3,
.ultra .h3 {
  margin-top: 15px;
}
@media (min-width: 1024px) {
  .ultra + h3,
  .ultra .h3 {
    margin-top: 35px;
  }
}
@media (min-width: 1700px) {
  .ultra + h3,
  .ultra .h3 {
    margin-top: 50px;
  }
}
h3 + .buttonextrawrapper,
.h3 + .buttonextrawrapper,
h3 + .button,
.h3 + .button {
  margin-top: 20px;
}
@media (min-width: 1024px) {
  h3 + .buttonextrawrapper,
  .h3 + .buttonextrawrapper,
  h3 + .button,
  .h3 + .button {
    margin-top: 40px;
  }
}
h4 + h1,
.h4 + h1,
h4 .h1,
.h4 .h1 {
  padding-top: 15px;
}
@media (min-width: 992px) {
  h4 + h1,
  .h4 + h1,
  h4 .h1,
  .h4 .h1 {
    padding-top: 45px;
  }
}
h1 + .text,
.h1 + .text {
  padding-top: 15px;
}
@media (min-width: 992px) {
  h1 + .text,
  .h1 + .text {
    padding-top: 45px;
  }
}
p + .buttonextrawrapper,
.text + .buttonextrawrapper,
p + .button,
.text + .button {
  margin-top: 70px;
}
h2 + p,
.h2 + p {
  margin-top: 20px;
}
h2 + p + p,
.h2 + p + p {
  margin-top: 50px;
}
.upper {
  text-transform: uppercase;
}
/*---NAV---*/
#marker-header {
  position: absolute;
  left: 0;
  top: 200px;
  width: 1px;
  height: 1px;
  z-index: -1;
  pointer-events: none;
  background: transparent;
}
nav .logo.-big::before {
  mask-position: -1em -37.25em;
  -webkit-mask-position: -1em -37.25em;
  width: 11em;
  height: 1.5em;
}
@media (min-width: 460px) {
  nav .logo.-big::before {
    mask-position: -1em -35em;
    -webkit-mask-position: -1em -35em;
    width: 15.5em;
    height: 2em;
  }
}
@media (min-width: 1024px) {
  nav .logo.-big::before {
    mask-position: -1em -37.25em;
    -webkit-mask-position: -1em -37.25em;
    width: 11em;
    height: 1.5em;
  }
}
@media (min-width: 1400px) {
  nav .logo.-big::before {
    mask-position: -1em -35em;
    -webkit-mask-position: -1em -35em;
    width: 15.5em;
    height: 2em;
  }
}
nav#fullscreenNav {
  padding: 4%;
  width: 100%;
  height: 100%;
  position: fixed;
  background-color: #1D1D1D;
  display: flex;
  flex-direction: column;
  transition: 1s;
  opacity: 0;
  z-index: -1;
  pointer-events: none;
}
nav#fullscreenNav.burgered {
  /*transform: translateY(200%);*/
  opacity: 1;
  z-index: 1000;
  pointer-events: auto;
}
nav#fullscreenNav .exit {
  display: none;
}
@media (min-width: 1024px) {
  nav#fullscreenNav .exit {
    position: absolute;
    display: block;
    top: 60px;
    right: 58px;
  }
}
@media (min-width: 1400px) {
  nav#fullscreenNav .exit {
    top: 85px;
    right: 80px;
  }
}
nav#fullscreenNav .exit i {
  font-size: 20px;
}
@media (min-width: 576px) {
  nav#fullscreenNav .exit i {
    font-size: 30px;
  }
}
nav#fullscreenNav .fullNavWrapper {
  display: flex;
  flex-direction: column;
  height: 100%;
}
nav#fullscreenNav .fullNavWrapper .flexColumn li {
  padding-bottom: 19px;
}
@media (min-width: 1200px) {
  nav#fullscreenNav .fullNavWrapper .flexColumn li {
    padding-bottom: 25px;
  }
}
nav#fullscreenNav ul {
  display: flex;
  margin: 0;
  padding: 0;
}
nav#fullscreenNav ul.flexColumn {
  flex-direction: column;
}
nav#fullscreenNav ul.contactLinks {
  padding-top: 20px;
  flex-direction: column;
}
@media (min-width: 576px) {
  nav#fullscreenNav ul.contactLinks {
    flex-direction: row;
  }
}
nav#fullscreenNav ul.contactLinks.-nomobile {
  display: none;
}
@media (min-width: 1200px) {
  nav#fullscreenNav ul.contactLinks.-nomobile {
    display: flex;
  }
}
nav#fullscreenNav ul.contactLinks.-mobile {
  display: block;
}
@media (min-width: 1200px) {
  nav#fullscreenNav ul.contactLinks.-mobile {
    display: none;
  }
}
nav#fullscreenNav ul.contactLinks li {
  margin-bottom: 0px;
}
@media (min-width: 1024px) {
  nav#fullscreenNav ul.contactLinks li {
    margin-bottom: 5px;
  }
}
nav#fullscreenNav ul.dsgvoLinks {
  display: none;
}
@media (min-width: 1200px) {
  nav#fullscreenNav ul.dsgvoLinks {
    display: flex;
  }
}
nav#fullscreenNav ul li {
  margin: 0;
  list-style-type: none;
}
@media (min-width: 1200px) {
  nav#fullscreenNav ul li {
    padding-right: 30px;
  }
}
nav#fullscreenNav ul i.-insta {
  padding-right: 15px;
}
nav#mainnav {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-direction: row;
  align-items: center;
  /*padding: 35px 0px 0px 0px;*/
  height: 75px;
  position: fixed;
  z-index: 1000;
}
nav#mainnav.out {
  pointer-events: none;
}
nav#mainnav .nav-gradient {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: opacity 0.3s ease-out;
  z-index: -1;
  pointer-events: none;
  background: linear-gradient(to bottom, rgba(29, 29, 29, 0.5) 0%, rgba(29, 29, 29, 0) 100%);
}
nav#mainnav.scrolling .nav-gradient {
  opacity: 1;
}
nav#mainnav.scrolling .logowrapper {
  opacity: 0;
}
@media (min-width: 1024px) {
  nav#mainnav.scrolling .logowrapper {
    opacity: 0.5;
  }
}
nav#mainnav.scrolling .nav-container > li > a {
  opacity: 0.5;
  transition: opacity 0.3s ease-out;
}
nav#mainnav.scrolling .nav-container > li > a.active {
  opacity: 1;
}
nav#mainnav.scrolling .nav-container > li.pulsewrapper > a {
  opacity: 1 !important;
}
@media (min-width: 1024px) {
  nav#mainnav {
    flex-direction: column;
    height: auto;
    z-index: 100;
    flex-direction: row;
    padding: 40px;
  }
}
@media (min-width: 1200px) {
  nav#mainnav {
    padding: 60px;
  }
}
@media (min-width: 1400px) {
  nav#mainnav {
    padding: 80px;
  }
}
nav#mainnav .logowrapper {
  margin: 0 auto;
  opacity: 1;
  transition: opacity 0.3s ease-out;
}
@media (min-width: 1024px) {
  nav#mainnav .logowrapper {
    margin: 0;
  }
}
nav#mainnav .logowrapper a {
  display: block;
  line-height: 0;
}
nav#mainnav .nav-container {
  display: none;
  align-items: center;
  padding: 0px;
}
@media (min-width: 1024px) {
  nav#mainnav .nav-container {
    display: flex;
  }
}
nav#mainnav .nav-end {
  display: flex;
}
nav#mainnav ul li {
  list-style-type: none;
}
@media (min-width: 1024px) {
  nav#mainnav ul li + li,
  nav#mainnav ul li .pulsewrapper {
    margin-left: 15px;
  }
}
@media (min-width: 1400px) {
  nav#mainnav ul li + li,
  nav#mainnav ul li .pulsewrapper {
    margin-left: 30px;
  }
}
nav .nav-container .pulsewrapper a {
  position: relative;
  padding-left: 20px;
}
nav .nav-container .pulsewrapper a .pulsar {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate(0, -50%);
}
nav .nav-container-mobile {
  display: flex;
  justify-content: space-around;
  position: fixed;
  bottom: 0;
  width: 100%;
  padding: 10px 0px 20px 0px;
  pointer-events: all !important;
}
@media (min-width: 1024px) {
  nav .nav-container-mobile {
    display: none;
  }
}
nav .nav-container-mobile .nav-gradient {
  background: linear-gradient(to bottom, rgba(29, 29, 29, 0) 0%, rgba(29, 29, 29, 0.5) 100%) !important;
}
nav .nav-container-mobile li a {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  height: 40px;
}
nav .nav-container-mobile li a:hover {
  color: #FFBD35;
}
nav .nav-container-mobile li a:hover i.ico.-vector::before {
  background-color: #FFBD35;
}
.burgermenu {
  cursor: pointer;
}
.exitmenu {
  cursor: pointer;
}
.langmenu {
  position: relative;
}
.sub-menu {
  opacity: 0;
  position: absolute;
  z-index: 1;
  display: flex;
  flex-direction: column-reverse;
  padding: 0px;
  bottom: 60px;
  top: 0px;
  pointer-events: none;
}
@media (min-width: 1024px) {
  .sub-menu {
    top: 20px;
    bottom: 0px;
  }
}
@media (min-width: 1024px) {
  .sub-menu {
    flex-direction: column;
  }
}
.sub-menu li {
  padding: 10px 0px 0px 0px;
  margin: 0px !important;
}
.sub-menu.in {
  transition: 1s;
  opacity: 1;
  pointer-events: auto;
}
a {
  text-decoration: none;
  color: white;
  display: inline-flex;
  align-items: center;
}
a:hover {
  text-decoration: none;
  color: #FFBD35;
}
a:hover i.ico.-vector::before {
  background-color: #FFBD35;
}
.pulsar {
  border-radius: 50%;
  background-color: #FFBD35;
  width: 10px;
  height: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (min-width: 1024px) {
  .pulsar {
    margin-right: 10px;
    /*margin-top: 1px;*/
    width: 8px;
    height: 8px;
  }
}
.pulsar::before {
  content: "";
  border-radius: 50%;
  background-color: #FFBD35;
  width: 12px;
  height: 12px;
  opacity: 0;
  position: absolute;
  animation: pulse 3s infinite cubic-bezier(0.36, 0.11, 0.89, 0.32);
  animation-delay: 1.5s;
}
.pulsar::after {
  content: "";
  border-radius: 50%;
  background-color: #FFBD35;
  width: 12px;
  height: 12px;
  opacity: 0;
  position: absolute;
  animation: pulse 3s infinite cubic-bezier(0.36, 0.11, 0.89, 0.32);
}
.pulsewrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  margin-left: -25px;
}
@media (min-width: 1024px) {
  .pulsewrapper {
    flex-direction: row;
    margin-left: 0px;
  }
}
/*----TITLE----*/
.title {
  text-align: center;
  position: relative;
  min-height: 300px;
  margin: 0;
  padding: 0;
}
@media (max-height: 768px) {
  .title {
    min-height: 100vh;
  }
}
.title .bg-gradient {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 60px;
  width: 100%;
  background: linear-gradient(to bottom, rgba(29, 29, 29, 0) 0%, #1d1d1d 100%);
  z-index: 1;
}
@media (min-width: 992px) {
  .title {
    text-align: left;
  }
}
.title #introimg {
  position: relative;
}
.title #introimg picture img {
  width: 100%;
  max-width: 100%;
  height: auto;
}
.title div.limiter {
  z-index: 10;
  position: relative;
  padding: 0 20px 0 20px;
  text-align: center;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  margin: 0;
  /*margin: -170px auto 0 auto;

            .responsive(400px,{
               margin-top:-200px; 
            });
            
            .responsive(@xs, {
                margin-top: -200px
            });

            .responsive(@sm, {
                margin-top: -90px
            });

            .responsive(@lg, {
                margin-top: -200px
            });
            */
}
@media (min-width: 1024px) {
  .title div.limiter {
    margin: 0;
    position: absolute;
    width: 100%;
    top: 55%;
    left: 20px;
    transform: translate(0, -50%);
    text-align: left;
    max-width: 800px;
  }
}
@media (min-width: 1200px) {
  .title div.limiter {
    max-width: 970px;
    left: 40px;
  }
}
@media (min-width: 1400px) {
  .title div.limiter {
    left: 60px;
  }
}
@media (min-width: 2545px) {
  .title div.limiter {
    max-width: 980px;
    top: 45%;
  }
}
@media (min-width: 992px) {
  .titletext {
    line-height: 42px;
  }
}
/*---- ARTICLES ---*/
.mainarticles h2 {
  margin-top: 120px;
}
.mainarticles h3 {
  margin-top: 70px;
}
.mainarticles ul {
  margin: 0 0 1em 1em;
  padding: 0;
}
.mainarticles ul li + li {
  margin-top: 1em;
}
.mainarticles p a {
  word-break: break-all;
  text-decoration: underline;
}
/*---- Bild-Text ---*/
.bild-text {
  display: flex;
  align-items: center;
}
.bild-text.row {
  padding: 0px;
}
.bild-text.fingerprint {
  margin-top: 250px;
}
.bild-text .reload img {
  width: 100%;
}
.bild-text .bild {
  margin: 0px;
  padding: 0px;
}
@media (min-width: 992px) {
  .bild-text .textlimiter {
    max-width: 870px;
  }
}
.bild-text .textlimiter .text {
  margin-bottom: 35px;
}
.bild-text .textlimiter .text p + p {
  display: none;
}
@media (min-width: 992px) {
  .bild-text .textlimiter .text p + p {
    display: block;
  }
}
.bild-text .textlimiter .showmore {
  visibility: visible;
  opacity: 1;
  cursor: pointer;
}
@media (min-width: 992px) {
  .bild-text .textlimiter .showmore {
    visibility: hidden;
  }
}
.bild-text .textlimiter .showmore.showless {
  transition: 1s;
  opacity: 0;
  visibility: hidden;
}
.bild-text .textlimiter .button {
  margin-top: 0px;
}
@media (min-width: 992px) {
  .bild-text .textlimiter .button {
    margin-top: 70px;
  }
}
.bild-text .textlimiter .link:hover {
  color: white;
}
.bild-text .textlimiter .link:hover .ico::before {
  background-color: white;
}
.bild-text h2,
.bild-text .h2 {
  margin-bottom: 20px;
}
/*---- SOCIAL WALL ----*/
#socialwall .vfsmc_postgrid {
  justify-content: center;
  margin: 0 auto;
}
@media (min-width: 697px) {
  #socialwall .vfsmc_postgrid {
    justify-content: flex-start;
    max-width: 680px;
  }
}
@media (min-width: 768px) {
  #socialwall .vfsmc_postgrid {
    max-width: 728px;
  }
}
@media (min-width: 992px) {
  #socialwall .vfsmc_postgrid {
    max-width: 980px;
  }
}
@media (min-width: 1200px) {
  #socialwall .vfsmc_postgrid {
    max-width: 1180px;
  }
}
@media (min-width: 1600px) {
  #socialwall .vfsmc_postgrid {
    max-width: 1560px;
  }
}
#socialwall .vfsmc_post {
  margin: 50px 45px 0 45px;
  width: 250px;
}
@media (min-width: 697px) {
  #socialwall .vfsmc_post {
    margin: 0 45px 0 45px;
  }
}
@media (min-width: 768px) {
  #socialwall .vfsmc_post {
    width: 260px;
    margin: 0 52px 0 52px;
  }
}
@media (min-width: 992px) {
  #socialwall .vfsmc_post {
    width: 345px;
    margin: 0 70px 0 70px;
  }
}
@media (min-width: 1200px) {
  #socialwall .vfsmc_post {
    padding: 30px;
    width: 420px;
    margin: 0 85px 0 85px;
  }
}
@media (min-width: 1600px) {
  #socialwall .vfsmc_post {
    width: 560px;
    margin: 0 110px 0 110px;
  }
}
@media (min-width: 697px) {
  #socialwall .vfsmc_post + .vfsmc_post:nth-child(even) {
    margin-top: 90px;
  }
}
@media (min-width: 768px) {
  #socialwall .vfsmc_post + .vfsmc_post:nth-child(even) {
    margin-top: 104px;
  }
}
@media (min-width: 992px) {
  #socialwall .vfsmc_post + .vfsmc_post:nth-child(even) {
    margin-top: 140px;
  }
}
@media (min-width: 1200px) {
  #socialwall .vfsmc_post + .vfsmc_post:nth-child(even) {
    margin-top: 170px;
  }
}
@media (min-width: 1600px) {
  #socialwall .vfsmc_post + .vfsmc_post:nth-child(even) {
    margin-top: 220px;
  }
}
#socialwall .vfsmc_post .vfsmc_post_hashtags {
  font-family: Montserrat;
  font-weight: 300;
  letter-spacing: normal;
  font-size: 11px;
  line-height: 18px;
  letter-spacing: 1.1px;
  margin: 0;
  color: #BEC0C3;
}
#socialwall .vfsmc_post .vfsmc_post_image_wrap .bgg.-black {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%);
}
#socialwall .vfsmc_post .vfsmc_post_likes i {
  margin-right: 15px;
}
@media (min-width: 768px) {
  #socialwall .vfsmc_post .vfsmc_post_likes i {
    font-size: 15px;
  }
}
@media (min-width: 992px) {
  #socialwall .vfsmc_post .vfsmc_post_likes i {
    font-size: 20px;
  }
}
#socialwall .vfsmc_post .vfsmc_post_likes i + .vfsmc_post_likes_value {
  font-family: 'Matrice-Bold';
  font-size: 30px;
  line-height: 36px;
  letter-spacing: normal;
  margin: 0;
  margin-bottom: 9px !important;
}
@media (min-width: 768px) {
  #socialwall .vfsmc_post .vfsmc_post_likes i + .vfsmc_post_likes_value {
    font-size: 30px;
    line-height: 36px;
    letter-spacing: normal;
    margin: 0;
  }
}
@media (min-width: 992px) {
  #socialwall .vfsmc_post .vfsmc_post_likes i + .vfsmc_post_likes_value {
    font-size: 44px;
    line-height: 52px;
    letter-spacing: normal;
    margin: 0;
  }
}
#socialwall .vfsmc_post a {
  font-family: 'Matrice-Bold';
  font-size: 11px;
  line-height: 18px;
  letter-spacing: 1.1px;
  margin: 0;
  color: #FFFFFF;
}
#socialwall .vfsmc_post a i {
  margin: 0px;
  font-size: 13px;
}
#socialwall .vfsmc_post a.btn {
  display: none;
}
#socialwall .vfsmc_actions {
  margin-top: 50px;
}
#socialwall .vfsmc_actions a {
  margin: 12px auto;
  padding-right: 40px;
  padding-left: 40px;
}
@media (min-width: 992px) {
  #socialwall .vfsmc_actions a {
    margin: 70px 30px 0px 30px;
  }
}
@media (min-width: 992px) {
  #socialwall .vfsmc_actions a {
    padding-right: 70px;
    padding-left: 0px;
  }
}
#socialwall .vfsmc_actions a + a {
  padding-right: 50px;
  padding-left: 50px;
}
@media (min-width: 992px) {
  #socialwall .vfsmc_actions a + a {
    padding-right: 85px;
    padding-left: 0px;
  }
}
/*----- TEXT ----*/
.text-section {
  margin-top: 100px;
  max-width: 80%;
}
@media (min-width: 992px) {
  .text-section {
    margin-top: 250px;
  }
}
@media (min-width: 1400px) {
  .text-section {
    max-width: 1323px;
  }
}
.text-section h1,
.text-section .h1 {
  text-align: center;
}
.text-section .text {
  text-align: center;
}
.text-section .buttonextrawrapper {
  display: flex;
  justify-content: center;
}
.text-section .buttonextrawrapper .button {
  z-index: 2;
  margin-right: -10px;
}
.text-section .buttonextrawrapper .buttonextra {
  background-color: #333333;
  display: none;
}
@media (min-width: 992px) {
  .text-section .buttonextrawrapper .buttonextra {
    display: flex;
  }
}
main {
  overflow: hidden;
}
@media (max-height: 768px) {
  #teamplay {
    margin-top: 0;
  }
}
/*--- ICONWALL ---*/
.iconwall {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  margin-top: 0;
}
@media (min-width: 992px) {
  .iconwall {
    margin-top: 120px;
  }
}
.iconwall h2 + p {
  margin-bottom: 0;
}
.iconwall h2 + p + p {
  margin-top: 1em;
  margin-bottom: 0;
}
.iconwall p + .button {
  margin-top: 35px;
}
.iconlimiter {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  max-width: 80%;
  padding-top: 110px;
}
@media (min-width: 992px) {
  .iconlimiter {
    max-width: 35%;
  }
}
.iconlimiter h2 {
  margin-top: 25px;
}
.iconlimiter h2 + p {
  margin-top: 40px;
}
.iconlimiter h2 + p + a {
  margin-top: 45px;
}
.iconlimiter h2 + p + a:hover {
  color: white;
}
/*---- BILD MIT TEXT ----*/
.bildmittext {
  position: relative;
}
.bildmittext .limiter {
  position: absolute;
  top: 80%;
  left: 0;
}
@media (min-width: 1024px) {
  .bildmittext .limiter {
    top: 50%;
    left: 0;
    max-width: 600px;
  }
}
@media (min-width: 1200px) {
  .bildmittext .limiter {
    max-width: 770px;
  }
}
.bildmittext img {
  width: 100%;
}
/*---- LEISTUNG ----*/
#leistung,
#competences,
.leistung {
  margin-top: 120px;
  text-align: center;
}
@media (min-width: 1400px) {
  #leistung,
  #competences,
  .leistung {
    text-align: left;
  }
}
#leistung div,
#competences div,
.leistung div {
  margin-top: 75px;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  text-align: center;
}
@media (min-width: 1400px) {
  #leistung div,
  #competences div,
  .leistung div {
    display: block;
    text-align: left;
  }
}
#leistung div h4,
#competences div h4,
.leistung div h4,
#leistung div .h4,
#competences div .h4,
.leistung div .h4 {
  padding-top: 20px;
  padding-bottom: 20px;
}
@media (min-width: 992px) {
  #leistung div h4,
  #competences div h4,
  .leistung div h4,
  #leistung div .h4,
  #competences div .h4,
  .leistung div .h4 {
    padding-top: 45px;
  }
}
#leistung div p,
#competences div p,
.leistung div p {
  display: flex;
  align-items: center;
}
@media (min-width: 992px) {
  #leistung div p,
  #competences div p,
  .leistung div p {
    font-size: 15px;
  }
}
@media (min-width: 1200px) {
  #leistung div p,
  #competences div p,
  .leistung div p {
    font-size: 20px;
  }
}
@media (min-width: 1400px) {
  #leistung div p,
  #competences div p,
  .leistung div p {
    font-size: 15px;
  }
}
@media (min-width: 1600px) {
  #leistung div p,
  #competences div p,
  .leistung div p {
    font-size: 20px;
  }
}
#leistung div p i,
#competences div p i,
.leistung div p i {
  padding-right: 15px;
}
/*--- QUOTES ---*/
.quoteElement {
  display: flex;
  align-items: center;
  text-align: center;
  flex-direction: column-reverse;
  margin-top: 200px;
}
@media (min-width: 1024px) {
  .quoteElement {
    flex-direction: row;
    text-align: end;
  }
}
.quoteElement p + h3,
.quoteElement p .h3 {
  padding-top: 15px;
  letter-spacing: 0;
}
@media (min-width: 992px) {
  .quoteElement p + h3,
  .quoteElement p .h3 {
    padding-top: 45px;
  }
}
.quoteElement p + h3 + h6,
.quoteElement p .h3 + h6,
.quoteElement p + h3 .h6,
.quoteElement p .h3 .h6 {
  padding-top: 10px;
  letter-spacing: 0;
}
.quoteElement div {
  padding: 50px 0px 0px 0px;
}
@media (min-width: 1024px) {
  .quoteElement div {
    padding: 0px 80px 0px 0px;
  }
}
.quoteElement.-left {
  text-align: center;
  flex-direction: column;
}
@media (min-width: 1024px) {
  .quoteElement.-left {
    text-align: left;
    flex-direction: row;
  }
}
.quoteElement.-left div {
  padding: 50px 0px 0px 0px;
}
@media (min-width: 1024px) {
  .quoteElement.-left div {
    padding: 0px 0px 0px 80px;
  }
}
.quoteElement picture img {
  max-width: 234px;
}
@media (min-width: 768px) {
  .quoteElement picture img {
    max-width: 351px;
  }
}
@media (min-width: 1024px) {
  .quoteElement picture img {
    max-width: 468px;
  }
}
.scaleimage {
  display: block;
  width: 100%;
  overflow: hidden;
}
.scaleimage img {
  /*transform:scale(1);
        .responsive(@md,{
           transition:transform 20s linear; 
        });*/
  animation: none;
}
.scaleimage.scale img {
  animation: scaleinout 30s linear infinite;
}
/* SERVICES FUSSBALL UND ESPORTS */
.services .buttonextrawrapper {
  display: flex;
  justify-content: center;
}
.services .buttonextrawrapper .button {
  z-index: 2;
  margin-right: -10px;
}
.services .buttonextrawrapper .buttonextra {
  background-color: #333333;
  display: none;
}
@media (min-width: 992px) {
  .services .buttonextrawrapper .buttonextra {
    display: flex;
  }
}
.services .buttonextrawrapper {
  margin: 50px 0 50px 0;
  justify-content: flex-start;
}
.services img {
  width: 100%;
}
.services article + article {
  margin: 0 auto;
  /*margin-top: 100px;*/
  margin-top: 50px;
}
.services article + article div.col-12 {
  margin-top: 50px;
  /*.responsive(@lg,{
                        margin-top: 160px;
                    });*/
}
.services article.textlimiter {
  /*margin: -7% 0% 0% 10%; */
  margin: 10px 0 0 10%;
}
.services article .-wrapper {
  margin-top: 18px;
  width: 65%;
}
@media (min-width: 1200px) {
  .services article .-wrapper {
    width: 650px;
  }
}
@media (min-width: 1400px) {
  .services article .-wrapper {
    width: 840px;
  }
}
.services p {
  align-items: baseline;
}
.services p i {
  margin-right: 20px;
  font-size: 15px;
}
@media (min-width: 576px) {
  .services p i {
    font-size: 20px;
  }
}
/*--- TEAM SLIDER ---*/
.job-title {
  text-transform: uppercase;
  margin-top: 4px;
}
#team {
  text-align: center;
  position: relative;
}
@media (min-width: 1200px) {
  #team {
    margin-top: 300px;
  }
}
#team .team {
  margin-top: 60px;
  text-align: left;
  /*margin-left: 0;*/
  margin-left: -50px;
}
#team .team h3,
#team .team .h3 {
  margin-top: 40px;
}
#team .team a {
  margin-top: 5px;
  text-align: left;
}
#team .team a .ico {
  display: none;
}
@media (min-width: 1600px) {
  #team .team a .ico {
    display: block;
  }
}
@media (min-width: 1200px) {
  #team .team a {
    margin-top: 30px;
  }
}
#team .team picture img {
  width: 100%;
  max-width: 100%;
  height: auto;
  /*
                width: 234px;
                .responsive(@xxl, {
                    width: 351px
                });

                .responsive(1800px, {
                    width: 468px
                });
                */
}
#team .team .slider-element {
  max-width: none;
}
@media (min-width: 576px) {
  #team .team .slider-element {
    max-width: 250px;
  }
}
@media (min-width: 768px) {
  #team .team .slider-element {
    max-width: 469px;
  }
}
.next {
  cursor: pointer;
  border-radius: 50%;
  height: 40px;
  width: 40px;
  background-color: #1D1D1D;
  box-shadow: 5px 5px 10px 0 rgba(0, 0, 0, 0.35), -5px -5px 10px 0 rgba(48, 48, 48, 0.3);
  display: flex;
  align-items: center;
  justify-content: center;
}
.next i {
  margin: 0 !important;
}
.next:hover i.ico::before {
  background-color: #FFBD35;
}
@media (min-width: 1400px) {
  .next {
    height: 60px;
    width: 60px;
  }
}
#next {
  position: absolute;
  right: 5%;
  transform: translateY(-50%);
  /*  top: 373px;
    .responsive(@xs,{top: 537px;});
    .responsive(@sm,{top: 333px;});
    .responsive(@md,{top: 437px;});
    .responsive(@lg,{top: 567px;});
    .responsive(@xl,{top: 440px;});
    .responsive(@xxl,{top: 497px;});
    .responsive(@xxxl,{top: 425px;});
    .responsive(@xxxl2,{top: 459px;});
    .responsive(@fhd,{top: 524px;});
    .responsive(@qhd,{top: 625px;});*/
}
.slick-slide {
  text-align: center;
  margin-left: 0 auto;
}
.slick-slide img {
  margin: 0 auto;
}
@media (min-width: 768px) {
  .slick-slide img {
    margin: 0;
  }
}
@media (min-width: 768px) {
  .slick-slide {
    text-align: left;
    margin-left: 50px;
  }
}
.slick-next {
  display: none;
}
.slick-arrow {
  display: none !important;
}
#momo-alami-references .slider-element {
  max-width: none;
}
@media (min-width: 576px) {
  #momo-alami-references .slider-element {
    max-width: calc(100% - 20px);
  }
}
@media (min-width: 768px) {
  #momo-alami-references .slider-element {
    max-width: 500px;
  }
}
#momo-alami-references .slider-element img {
  width: 100%;
  max-width: 100%;
  height: auto;
}
.slider-wrap {
  position: relative;
}
.slider-wrap .next {
  position: absolute;
  top: 50%;
  right: 40px;
  transform: translate(0, -50%);
}
.slider-description {
  width: 100%;
  max-width: 460px;
  margin: 50px auto 0 auto;
  text-align: center;
}
/*---- KONTAKT ---*/
.kontakt {
  text-align: center;
}
.kontakt .formlimiter {
  margin-top: 60px;
}
.kontakt .formlimiter .form,
.kontakt .formlimiter .form-check {
  margin-top: 20px;
  padding: 0;
}
@media (min-width: 992px) {
  .kontakt .formlimiter .form,
  .kontakt .formlimiter .form-check {
    margin-top: 40px;
  }
}
.kontakt a + a {
  margin-top: 30px;
  margin-left: 0px;
}
@media (min-width: 576px) {
  .kontakt a + a {
    margin-left: 80px;
    margin-top: 0px;
  }
}
.kontakt .sendenbtn {
  margin: 0 auto;
}
@media (min-width: 992px) {
  .kontakt .sendenbtn {
    margin: 0;
  }
}
.kontakt .status-messages {
  margin-top: 20px;
}
@media (min-width: 992px) {
  .kontakt .status-messages {
    margin-top: 40px;
  }
}
.kontakt .vfform-success-message,
.kontakt .vfform-error-message {
  /*background-color: #1D1D1D;
        border: none;
        box-shadow: 5px 5px 10px 0 rgba(0, 0, 0, 0.35), -5px -5px 10px 0 rgba(48, 48, 48, 0.3);*/
}
.kontakt .vfform-success-message .h5,
.kontakt .vfform-error-message .h5 {
  line-height: 32px;
  color: #1d1d1d;
}
.kontakt .vfform-success-message .h5 a,
.kontakt .vfform-error-message .h5 a {
  color: #1d1d1d;
  text-decoration: underline;
}
.kontakt .vfform-error-message {
  /* box-shadow:5px 5px 10px 0 rgba(255, 0, 0, 0.35), -5px -5px 10px 0 rgba(100, 0, 0, 0.3);*/
}
#contact-form .button.-fullbtn {
  margin-top: 0;
}
/*---- FOOTER ---*/
footer {
  margin-top: 50px;
}
footer .footerlimit {
  display: flex;
  align-items: center;
  flex-direction: column;
  margin: 0 auto;
}
footer #footerlinks {
  display: flex;
  /* falls crappy align-items: flex-start;*/
  align-items: center;
  justify-content: space-between;
  width: 220px;
  flex-direction: column;
  padding: 4% 0%;
}
@media (min-width: 460px) {
  footer #footerlinks {
    width: 310px;
  }
}
@media (min-width: 1200px) {
  footer #footerlinks {
    padding: 5%;
    flex-direction: row;
    width: 100%;
  }
}
footer #footerlinks a + a {
  padding-top: 10px;
}
@media (min-width: 576px) {
  footer #footerlinks a + a {
    padding-top: 15px;
  }
}
@media (min-width: 1200px) {
  footer #footerlinks a + a {
    padding-top: 0px;
  }
}
footer #footerlinks a div {
  font-size: 9px;
}
@media (min-width: 576px) {
  footer #footerlinks a div {
    font-size: 11px;
  }
}
@media (min-width: 1200px) {
  footer #footerlinks a div {
    font-size: 9px;
  }
}
@media (min-width: 1400px) {
  footer #footerlinks a div {
    font-size: 11px;
  }
}
footer img {
  width: 100%;
  background-color: #1D1D1D;
}
footer .copyright {
  text-align: center;
  margin-top: 50px;
  font-size: 14px;
  line-height: 22px;
  font-size: 12px;
}
/* ---ICONS AND IMAGES--- */
.logo {
  font-size: 20px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .logo {
    display: none;
  }
}
.logo.-small::before {
  mask-position: -1em -37.25em;
  -webkit-mask-position: -1em -37.25em;
  width: 11em;
  height: 1.5em;
}
.logo.-big::before {
  mask-position: -1em -37.25em;
  -webkit-mask-position: -1em -37.25em;
  width: 11em;
  height: 1.5em;
}
@media (min-width: 460px) {
  .logo.-big::before {
    mask-position: -1em -35em;
    -webkit-mask-position: -1em -35em;
    width: 15.5em;
    height: 2em;
  }
}
.logo::before {
  -webkit-mask-image: url('img/spread-sheet.svg');
  mask-image: url('img/spread-sheet.svg');
  -webkit-mask-size: 46em 52em;
  mask-size: 46em 52em;
  background-color: #1D1D1D;
  content: "";
  display: block;
}
.logo.-white::before {
  background-color: #FFFFFF;
}
.logo.-highlight::before {
  background-color: #FFBD35;
}
.ico,
.icon {
  display: inline;
  position: relative;
  align-items: center;
  font-size: 20px;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .ico,
  .icon {
    display: none;
  }
}
.ico.-vector::before,
.icon.-vector::before {
  -webkit-mask-image: url('img/spread-sheet.svg');
  mask-image: url('img/spread-sheet.svg');
  -webkit-mask-size: 46em 52em;
  mask-size: 46em 52em;
  background-color: #1D1D1D;
  content: "";
  display: block;
}
.ico.-vector.-arrow,
.icon.-vector.-arrow {
  margin-right: 15px;
  font-size: 15px;
}
.ico.-vector.-arrow::before,
.icon.-vector.-arrow::before {
  mask-position: -1em -42.05em;
  -webkit-mask-position: -1em -42.05em;
  width: 1.4em;
  height: 0.9em;
}
@media (min-width: 1400px) {
  .ico.-vector.-arrow,
  .icon.-vector.-arrow {
    margin-right: 30px;
    font-size: 20px;
  }
}
.ico.-vector.-arrow.-btnarrow,
.icon.-vector.-arrow.-btnarrow {
  padding-top: 4px;
}
@media (min-width: 576px) {
  .ico.-vector.-arrow.-btnarrow,
  .icon.-vector.-arrow.-btnarrow {
    padding: 0px;
  }
}
.ico.-vector.-arrow::before,
.icon.-vector.-arrow::before {
  background-color: #FFFFFF;
  transition: background-color 1s ease-in-out;
}
.ico.-vector.-check::before,
.icon.-vector.-check::before {
  mask-position: 0em -13.05em;
  -webkit-mask-position: 0em -13.05em;
  width: 1em;
  height: 1em;
}
.ico.-vector.-check.-validator,
.icon.-vector.-check.-validator {
  font-size: 20px;
  right: 50px;
  top: 6px;
}
@media (min-width: 576px) {
  .ico.-vector.-check.-validator,
  .icon.-vector.-check.-validator {
    font-size: 30px;
  }
}
.ico.-vector.-check.-validator::before,
.icon.-vector.-check.-validator::before {
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s, opacity 0.5s linear;
}
.ico.-vector.-heart.-iM::before,
.icon.-vector.-heart.-iM::before {
  mask-position: 0em -41.15em;
  -webkit-mask-position: 0em -41.15em;
  width: 1em;
  height: 0.8em;
}
@media (min-width: 768px) {
  .ico.-vector.-heart.-iM::before,
  .icon.-vector.-heart.-iM::before {
    mask-position: -1.15em -39.25em;
    -webkit-mask-position: -1.15em -39.25em;
    width: 1.75em;
    height: 1.55em;
  }
}
.ico.-vector.-heart.-iS::before,
.icon.-vector.-heart.-iS::before {
  mask-position: 0em -41.15em;
  -webkit-mask-position: 0em -41.15em;
  width: 1em;
  height: 0.8em;
}
.ico.-vector.-insta::before,
.icon.-vector.-insta::before {
  mask-position: 0em -6.9em;
  -webkit-mask-position: 0em -6.9em;
  width: 1.1em;
  height: 1.1em;
}
.ico.-vector.-dfvv::before,
.icon.-vector.-dfvv::before {
  mask-position: -18em -35em;
  -webkit-mask-position: -18em -35em;
  width: 5.5em;
  height: 2.8em;
}
.ico.-vector.-burger::before,
.icon.-vector.-burger::before {
  mask-position: -2em -41.1em;
  -webkit-mask-position: -2em -41.1em;
  width: 1.1em;
  height: 0.75em;
}
.ico.-vector.-cross::before,
.icon.-vector.-cross::before {
  mask-position: 0em -12.15em;
  -webkit-mask-position: 0em -12.15em;
  width: 1em;
  height: 0.8em;
}
.ico.-vector.-bubble::before,
.icon.-vector.-bubble::before {
  mask-position: -1em -41.1em;
  -webkit-mask-position: -1em -41.1em;
  width: 1em;
  height: 0.75em;
}
.ico.-vector.-plus,
.icon.-vector.-plus {
  margin-right: 15px;
}
.ico.-vector.-plus::before,
.icon.-vector.-plus::before {
  mask-position: 0em -14em;
  -webkit-mask-position: 0em -14em;
  width: 1em;
  height: 1em;
}
.ico.-vector.-at::before,
.icon.-vector.-at::before {
  mask-position: 0em -9em;
  -webkit-mask-position: 0em -9em;
  width: 1em;
  height: 0.85em;
}
.ico.-vector.-blacki::before,
.icon.-vector.-blacki::before {
  background-color: #1D1D1D;
}
.ico.-vector.-invertedi::before,
.icon.-vector.-invertedi::before {
  background-color: #F1F3F6;
}
.ico.-vector.-highlighti::before,
.icon.-vector.-highlighti::before {
  background-color: #FFBD35;
}
.ico.-vector.-activei::before,
.icon.-vector.-activei::before {
  background-color: #00E676;
}
.ico.-vector.-redi::before,
.icon.-vector.-redi::before {
  background-color: #FF1744;
}
.ico.-vector.-whitei::before,
.icon.-vector.-whitei::before {
  background-color: #FFFFFF;
}
.ico.-img,
.icon.-img {
  background-image: url('img/spread-sheet.png');
  background-repeat: no-repeat;
  display: block;
  background-size: 23em 26em;
  font-size: 20px;
  opacity: 0;
  transform: translate(0, 50px);
  transition: opacity 0.3s linear, transform 1.5s ease-out;
}
@media (min-width: 768px) {
  .ico.-img,
  .icon.-img {
    background-size: 46em 52em;
  }
}
.ico.-img.in,
.icon.-img.in {
  opacity: 1;
  transform: translate(0, 0);
}
.ico.-img.-shield,
.icon.-img.-shield {
  width: 5em;
  height: 5em;
  background-position: -15.5em -12.5em;
}
@media (min-width: 768px) {
  .ico.-img.-shield,
  .icon.-img.-shield {
    width: 8em;
    height: 9.3em;
    background-position: -32em -25.3em;
  }
}
@media (min-width: 992px) {
  .ico.-img.-shield.-iXL,
  .icon.-img.-shield.-iXL {
    width: 11em;
    height: 14em;
    background-position: -33em -0.6em;
  }
}
.ico.-img.-heart.-iXL,
.icon.-img.-heart.-iXL {
  width: 5em;
  height: 5em;
  background-position: -5.5em -7.5em;
}
@media (min-width: 768px) {
  .ico.-img.-heart.-iXL,
  .icon.-img.-heart.-iXL {
    width: 10em;
    height: 9em;
    background-position: -11em -15em;
  }
}
@media (min-width: 992px) {
  .ico.-img.-heart.-iXL,
  .icon.-img.-heart.-iXL {
    width: 15em;
    height: 14em;
    background-position: -1.1em -1.1em;
  }
}
.ico.-img.-heart.-iL,
.icon.-img.-heart.-iL {
  width: 5em;
  height: 5em;
  background-position: -5.5em -7.5em;
}
@media (min-width: 768px) {
  .ico.-img.-heart.-iL,
  .icon.-img.-heart.-iL {
    width: 10em;
    height: 9.5em;
    background-position: -11em -15em;
  }
}
.ico.-img.-heart.-iM,
.icon.-img.-heart.-iM {
  width: 1.75em;
  height: 1.55em;
  background-position: -1.15em -39.25em;
}
.ico.-img.-heart.-iS,
.icon.-img.-heart.-iS {
  width: 1em;
  height: 0.8em;
  background-position: 0em -41.15em;
}
.ico.-img.-play,
.icon.-img.-play {
  width: 4.3em;
  height: 5em;
  background-position: -0.7em -7.5em;
}
@media (min-width: 768px) {
  .ico.-img.-play,
  .icon.-img.-play {
    width: 8em;
    height: 9.8em;
    background-position: -2em -15.25em;
  }
}
@media (min-width: 992px) {
  .ico.-img.-play.-iXL,
  .icon.-img.-play.-iXL {
    width: 11em;
    height: 14em;
    background-position: -17.7em -0.75em;
  }
}
.ico.-img.-house,
.icon.-img.-house {
  width: 5em;
  height: 5em;
  background-position: -15.5em -7.5em;
}
@media (min-width: 768px) {
  .ico.-img.-house,
  .icon.-img.-house {
    width: 9em;
    height: 9.5em;
    background-position: -31.6em -15.5em;
  }
}
.ico.-img.-circle,
.icon.-img.-circle {
  width: 5em;
  height: 5em;
  background-position: -10.5em -7.5em;
}
@media (min-width: 768px) {
  .ico.-img.-circle,
  .icon.-img.-circle {
    width: 8.8em;
    height: 9.5em;
    background-position: -21.8em -15.5em;
  }
}
.ico.-img.-camera,
.icon.-img.-camera {
  width: 5em;
  height: 5em;
  background-position: -0.5em -12.5em;
}
@media (min-width: 768px) {
  .ico.-img.-camera,
  .icon.-img.-camera {
    width: 9em;
    height: 9.5em;
    background-position: -1.5em -25.5em;
  }
}
.ico.-img.-plus,
.icon.-img.-plus {
  width: 5em;
  height: 5em;
  background-position: -5.5em -12.5em;
}
@media (min-width: 768px) {
  .ico.-img.-plus,
  .icon.-img.-plus {
    width: 9em;
    height: 9.5em;
    background-position: -11.5em -25.5em;
  }
}
.ico.-img.-star,
.icon.-img.-star {
  width: 5em;
  height: 5em;
  background-position: -10.5em -12.5em;
}
@media (min-width: 768px) {
  .ico.-img.-star,
  .icon.-img.-star {
    width: 9.3em;
    height: 9.5em;
    background-position: -21.5em -25.5em;
  }
}
.dfvvwrapper div {
  margin-top: 5px;
}
/* ---BUTTONS--- */
.link {
  color: #FFFFFF;
  text-align: center;
  display: inline-flex;
}
.link.-noarrow:hover > div {
  color: #FFBD35;
}
.link .ico.-arrow::before {
  transition: transform 0.3s ease-out;
  transform: translate(0, 0);
}
.link:hover {
  text-decoration: none;
  cursor: pointer;
}
.link:hover .ico.-arrow::before {
  transition: transform 0.3s ease-out;
  transform: translate(10px, 0);
  background-color: #FFBD35;
}
@media (min-width: 1400px) {
  .link:hover .ico.-arrow::before {
    transition: transform 0.3s ease-out;
    transform: translate(20px, 0);
  }
}
.button {
  border: none;
  font-size: 10px;
  color: #1D1D1D;
  border-radius: 6px;
  display: inline-flex;
  text-align: right;
  text-decoration: none;
  padding: 10px 10px 10px 10px;
  color: #FFFFFF;
  background-color: #1D1D1D;
  cursor: pointer;
  -webkit-box-shadow: 5px 5px 10px 0 rgba(0,0,0,0.35), -5px -5px 10px 0 rgba(48,48,48,0.3);;
  -moz-box-shadow: 5px 5px 10px 0 rgba(0,0,0,0.35), -5px -5px 10px 0 rgba(48,48,48,0.3);;
  box-shadow: 5px 5px 10px 0 rgba(0,0,0,0.35), -5px -5px 10px 0 rgba(48,48,48,0.3);;
}
.button:focus {
  outline: 0;
}
@media (min-width: 576px) {
  .button {
    border: none;
    color: #1D1D1D;
    border-radius: 8px;
    display: inline-flex;
    text-align: right;
    text-decoration: none;
    padding: 16px 16px 16px 16px;
  }
  .button:focus {
    outline: 0;
  }
}
.button i {
  display: none;
}
@media (min-width: 1024px) {
  .button i {
    display: flex;
  }
}
.button.h6 {
  font-size: 9px;
}
@media (min-width: 576px) {
  .button.h6 {
    font-size: 11px;
  }
}
.button.-fullbtn {
  width: 100%;
  padding: 32px 16px;
  margin-top: 50px;
}
.button.-highlightbtn {
  background-color: #FFBD35;
  -webkit-box-shadow: 5px 5px 10px 0 rgba(0,0,0,0.35), -5px -5px 10px 0 rgba(48,48,48,0.3);;
  -moz-box-shadow: 5px 5px 10px 0 rgba(0,0,0,0.35), -5px -5px 10px 0 rgba(48,48,48,0.3);;
  box-shadow: 5px 5px 10px 0 rgba(0,0,0,0.35), -5px -5px 10px 0 rgba(48,48,48,0.3);;
}
.button.-highlightbtn .ico.-arrow::before {
  transition: transform 0.3s ease-out;
  transform: translate(0, 0);
}
.button.-highlightbtn:hover {
  -webkit-box-shadow: 1px 1px 1px 0 rgba(0,0,0,0.35), -1px -1px 1px 0 rgba(48,48,48,0.3);;
  -moz-box-shadow: 1px 1px 1px 0 rgba(0,0,0,0.35), -1px -1px 1px 0 rgba(48,48,48,0.3);;
  box-shadow: 1px 1px 1px 0 rgba(0,0,0,0.35), -1px -1px 1px 0 rgba(48,48,48,0.3);;
}
.button.-highlightbtn:hover .ico.-arrow::before {
  background-color: #FFFFFF;
  transition: transform 0.3s ease-out;
  transform: translate(10px, 0);
}
@media (min-width: 1400px) {
  .button.-highlightbtn:hover .ico.-arrow::before {
    transition: transform 0.3s ease-out;
    transform: translate(20px, 0);
  }
}
.button .ico.-arrow::before {
  transition: transform 0.3s ease-out;
  transform: translate(0, 0);
}
.button:hover {
  -webkit-box-shadow: 1px 1px 1px 0 rgba(0,0,0,0.35), -1px -1px 1px 0 rgba(48,48,48,0.3);;
  -moz-box-shadow: 1px 1px 1px 0 rgba(0,0,0,0.35), -1px -1px 1px 0 rgba(48,48,48,0.3);;
  box-shadow: 1px 1px 1px 0 rgba(0,0,0,0.35), -1px -1px 1px 0 rgba(48,48,48,0.3);;
}
.button:hover .ico.-arrow::before {
  background-color: #FFBD35;
  transition: transform 0.3s ease-out;
  transform: translate(10px, 0);
}
@media (min-width: 1400px) {
  .button:hover .ico.-arrow::before {
    transition: transform 0.3s ease-out;
    transform: translate(20px, 0);
  }
}
.button.-light {
  background-color: #F1F3F6;
  -webkit-box-shadow: inset 4px 4px 20px 0 rgba(255,255,255,0.5), -5px -5px 10px 0 #FFFFFF, 5px 5px 10px 0 rgba(55,84,170,0.1);;
  -moz-box-shadow: inset 4px 4px 20px 0 rgba(255,255,255,0.5), -5px -5px 10px 0 #FFFFFF, 5px 5px 10px 0 rgba(55,84,170,0.1);;
  box-shadow: inset 4px 4px 20px 0 rgba(255,255,255,0.5), -5px -5px 10px 0 #FFFFFF, 5px 5px 10px 0 rgba(55,84,170,0.1);;
}
.button.-light:hover {
  -webkit-box-shadow: inset 4px 4px 20px 0 rgba(255,255,255,0.5), -1px -1px 1px 0 #FFFFFF, 1px 1px 1px 0 rgba(55,84,170,0.1);;
  -moz-box-shadow: inset 4px 4px 20px 0 rgba(255,255,255,0.5), -1px -1px 1px 0 #FFFFFF, 1px 1px 1px 0 rgba(55,84,170,0.1);;
  box-shadow: inset 4px 4px 20px 0 rgba(255,255,255,0.5), -1px -1px 1px 0 #FFFFFF, 1px 1px 1px 0 rgba(55,84,170,0.1);;
}
.button h6,
.button .h6 {
  letter-spacing: 0.9px;
  font-size: 9px;
  font-weight: bold;
  line-height: 18px;
}
@media (min-width: 576px) {
  .button h6,
  .button .h6 {
    font-size: 11px;
    line-height: 18px;
    letter-spacing: 1.1px;
    margin: 0;
  }
}
.buttonextrawrapper {
  display: block;
  align-items: center;
  max-height: 50px;
}
@media (min-width: 1024px) {
  .buttonextrawrapper {
    display: flex;
  }
}
.buttonextrawrapper .button {
  z-index: 2;
  margin-right: 0px;
}
@media (min-width: 1024px) {
  .buttonextrawrapper .button {
    margin-right: -10px;
  }
}
.buttonextra {
  display: none;
  align-items: center;
  padding: 4px 20px 4px 30px;
  background-color: #1D1D1D;
  border-radius: 8px;
}
.buttonextra div {
  padding-left: 10px;
}
.buttonextra div p {
  margin: 0;
}
@media (min-width: 1024px) {
  .buttonextra {
    display: flex;
  }
}
/* ---FORMS--- */
.form.-fullform {
  width: 100%;
}
.form.-fullform input {
  min-width: 100%;
}
.form.-fullform textarea {
  min-width: 100%;
  min-height: 100%;
}
.form.-halfform {
  width: 50%;
}
.form.-textblock {
  height: 260px;
}
.formlimiter {
  max-width: 600px;
  margin: 0 auto;
}
input,
textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 100%;
}
input.input,
textarea.input {
  font-size: 15px;
  border-radius: 6px;
  padding: 10px;
  color: #FFFFFF;
  background-color: #1D1D1D;
  border: none;
  box-shadow: 5px 5px 10px 0 rgba(0, 0, 0, 0.35), -5px -5px 10px 0 rgba(48, 48, 48, 0.3);
  /*.shadow("5px 5px 10px 0 rgba(0,0,0,0.35), -5px -5px 10px 0 rgba(48,48,48,0.3)");*/
}
@media (min-width: 576px) {
  input.input,
  textarea.input {
    font-size: 20px;
    border-radius: 8px;
    padding: 20px;
  }
}
input::placeholder,
textarea::placeholder {
  color: #FFFFFF;
}
input:focus,
textarea:focus {
  outline: 0;
  -webkit-box-shadow: 1px 1px 1px 0 rgba(0,0,0,0.35), -1px -1px 1px 0 rgba(48,48,48,0.3);;
  -moz-box-shadow: 1px 1px 1px 0 rgba(0,0,0,0.35), -1px -1px 1px 0 rgba(48,48,48,0.3);;
  box-shadow: 1px 1px 1px 0 rgba(0,0,0,0.35), -1px -1px 1px 0 rgba(48,48,48,0.3);;
}
input:focus::placeholder,
textarea:focus::placeholder {
  color: #444444;
}
input.putlight,
textarea.putlight {
  color: #000000;
  background-color: #F1F3F6;
  -webkit-box-shadow: inset 4px 4px 20px 0 rgba(255,255,255,0.5), -5px -5px 10px 0 #FFFFFF, 5px 5px 10px 0 rgba(55,84,170,0.1);;
  -moz-box-shadow: inset 4px 4px 20px 0 rgba(255,255,255,0.5), -5px -5px 10px 0 #FFFFFF, 5px 5px 10px 0 rgba(55,84,170,0.1);;
  box-shadow: inset 4px 4px 20px 0 rgba(255,255,255,0.5), -5px -5px 10px 0 #FFFFFF, 5px 5px 10px 0 rgba(55,84,170,0.1);;
}
input.putlight::placeholder,
textarea.putlight::placeholder {
  color: #000000;
}
input.putlight:focus,
textarea.putlight:focus {
  outline: 0;
  -webkit-box-shadow: inset 4px 4px 20px 0 rgba(255,255,255,0.5), -1px -1px 1px 0 #FFFFFF, 1px 1px 1px 0 rgba(55,84,170,0.1);;
  -moz-box-shadow: inset 4px 4px 20px 0 rgba(255,255,255,0.5), -1px -1px 1px 0 #FFFFFF, 1px 1px 1px 0 rgba(55,84,170,0.1);;
  box-shadow: inset 4px 4px 20px 0 rgba(255,255,255,0.5), -1px -1px 1px 0 #FFFFFF, 1px 1px 1px 0 rgba(55,84,170,0.1);;
}
input.putlight:focus::placeholder,
textarea.putlight:focus::placeholder {
  color: #BEC0C3;
}
.checkGroup {
  display: inline-flex;
  align-items: baseline;
}
.checkGroup.filled input.input {
  color: #BEC0C3;
}
.checkGroup.filled input.putlight {
  color: #444444;
}
.checkGroup.filled .ico.-check::before {
  visibility: visible;
  opacity: 1;
}
.form-result {
  margin-top: 50px;
}
.form-result #msg_sent,
.form-result #msg_error {
  display: none;
  border-radius: 8px;
  padding: 20px;
}
.form-result #msg_sent p,
.form-result #msg_error p {
  font-size: 20px;
  line-height: 32px;
  font-weight: bold;
}
.form-result #msg_sent {
  background: #00E676;
}
.form-result #msg_error {
  background: #FF1744;
}
/*TOGGLE SWITCH*/
.switch {
  font-size: 20px;
  height: 1.2em;
  width: 2.4em;
  position: relative;
  display: block;
  border-radius: 12px;
  -webkit-box-shadow: 5px 5px 10px 0 rgba(0,0,0,0.35), -5px -5px 10px 0 rgba(48,48,48,0.3);;
  -moz-box-shadow: 5px 5px 10px 0 rgba(0,0,0,0.35), -5px -5px 10px 0 rgba(48,48,48,0.3);;
  box-shadow: 5px 5px 10px 0 rgba(0,0,0,0.35), -5px -5px 10px 0 rgba(48,48,48,0.3);;
}
.switch.-light {
  -webkit-box-shadow: inset 4px 4px 20px 0 rgba(255,255,255,0.5), -5px -5px 10px 0 #FFFFFF, 5px 5px 10px 0 rgba(55,84,170,0.1);;
  -moz-box-shadow: inset 4px 4px 20px 0 rgba(255,255,255,0.5), -5px -5px 10px 0 #FFFFFF, 5px 5px 10px 0 rgba(55,84,170,0.1);;
  box-shadow: inset 4px 4px 20px 0 rgba(255,255,255,0.5), -5px -5px 10px 0 #FFFFFF, 5px 5px 10px 0 rgba(55,84,170,0.1);;
}
/* Hide default HTML checkbox */
.switch input {
  opacity: 0;
  width: 250px;
  height: 350px;
  cursor: pointer;
}
@media (min-width: 460px) {
  .switch input {
    height: 250px;
    width: 360px;
  }
}
@media (min-width: 576px) {
  .switch input {
    height: 200px;
    width: 500px;
  }
}
@media (min-width: 768px) {
  .switch input {
    height: 150px;
    width: 600px;
  }
}
/* The slider */
.slider {
  font-size: 20px;
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  bottom: 0;
  background-color: #1D1D1D;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  border-radius: 12px;
}
.slider.-light {
  background-color: #F1F3F6;
}
.slider.-light:before {
  background-color: #BEC0C3;
}
.slider:before {
  position: absolute;
  content: "";
  height: 1.2em;
  width: 1.2em;
  background-color: #444444;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  border-radius: 50%;
}
input:checked + .slider:before {
  background-color: #00E676;
}
input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}
/*FormText*/
.dsgvoText {
  font-size: 14px;
  line-height: 22px;
  color: #BEC0C3;
  margin-left: 20px;
  text-align: left;
}
.dsgvoCheck {
  display: inline-flex;
}
/* ----HELPERCLASSES---- */
.bg-inverted {
  background-color: #F1F3F6;
  color: #1D1D1D;
}
.bg-inverted input .filled {
  color: #444444;
}
.bg-inverted .dsgvoText {
  color: #444444;
}
@-moz-document url-prefix() {
  .fox {
    padding-bottom: 1px;
  }
}
.invisible {
  opacity: 0;
}
.gone {
  opacity: 0;
  pointer-events: none;
}
.limiter {
  margin: 0 auto;
}
.maxwidth {
  max-width: 80%;
}
.flexen {
  display: flex;
  align-items: center;
}
@supports (-webkit-overflow-scrolling: touch) {
  .button > div,
  a.link > div {
    padding-top: 3px;
  }
}
body.mac .button > div,
body.mac a.link > div {
  padding-top: 5px;
}
body.mac .nav-container li a {
  padding-top: 5px;
}
/****** STYILEGUIDE ONLY *****/