/*
Created by Ingo Weber, Zukunftsagenten GmbH
Copyright by Zukunftsagenten GmbH
www.zukunfts-agenten.com / info@zukunfts-agenten.com
*/
/*
    Created on : 10.03.2022, 18:21:31
    Author     : ingoweber
*/
/*
Created by Ingo Weber, Zukunftsagenten GmbH
Copyright by Zukunftsagenten GmbH
www.zukunfts-agenten.com / info@zukunfts-agenten.com
*/
/*
    Created on : 10.03.2022, 18:21:46
    Author     : ingoweber
*/
/*$nav-text-background-color-1: #347299;
$nav-text-background-color-2: #337fad;
$nav-text-background-color-3: #348ec3;
$nav-text-background-color-4: #3b9cd7;*/
/*
Created by Ingo Weber, Zukunftsagenten GmbH
Copyright by Zukunftsagenten GmbH
www.zukunfts-agenten.com / info@zukunfts-agenten.com
*/
/* 
    Created on : 08.03.2021, 20:01:18
    Author     : ingoweber
*/
/* roboto-100 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  src: url("../fonts/roboto-v20-latin-100.eot");
  /* IE9 Compat Modes */
  src: local(""), url("../fonts/roboto-v20-latin-100.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto-v20-latin-100.woff2") format("woff2"), url("../fonts/roboto-v20-latin-100.woff") format("woff"), url("../fonts/roboto-v20-latin-100.ttf") format("truetype"), url("../fonts/roboto-v20-latin-100.svg#Roboto") format("svg");
  /* Legacy iOS */ }
/* roboto-100italic - latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 100;
  src: url("../fonts/roboto-v20-latin-100italic.eot");
  /* IE9 Compat Modes */
  src: local(""), url("../fonts/roboto-v20-latin-100italic.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto-v20-latin-100italic.woff2") format("woff2"), url("../fonts/roboto-v20-latin-100italic.woff") format("woff"), url("../fonts/roboto-v20-latin-100italic.ttf") format("truetype"), url("../fonts/roboto-v20-latin-100italic.svg#Roboto") format("svg");
  /* Legacy iOS */ }
/* roboto-300 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url("../fonts/roboto-v20-latin-300.eot");
  /* IE9 Compat Modes */
  src: local(""), url("../fonts/roboto-v20-latin-300.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto-v20-latin-300.woff2") format("woff2"), url("../fonts/roboto-v20-latin-300.woff") format("woff"), url("../fonts/roboto-v20-latin-300.ttf") format("truetype"), url("../fonts/roboto-v20-latin-300.svg#Roboto") format("svg");
  /* Legacy iOS */ }
/* roboto-300italic - latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 300;
  src: url("../fonts/roboto-v20-latin-300italic.eot");
  /* IE9 Compat Modes */
  src: local(""), url("../fonts/roboto-v20-latin-300italic.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto-v20-latin-300italic.woff2") format("woff2"), url("../fonts/roboto-v20-latin-300italic.woff") format("woff"), url("../fonts/roboto-v20-latin-300italic.ttf") format("truetype"), url("../fonts/roboto-v20-latin-300italic.svg#Roboto") format("svg");
  /* Legacy iOS */ }
/* roboto-regular - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/roboto-v20-latin-regular.eot");
  /* IE9 Compat Modes */
  src: local(""), url("../fonts/roboto-v20-latin-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto-v20-latin-regular.woff2") format("woff2"), url("../fonts/roboto-v20-latin-regular.woff") format("woff"), url("../fonts/roboto-v20-latin-regular.ttf") format("truetype"), url("../fonts/roboto-v20-latin-regular.svg#Roboto") format("svg");
  /* Legacy iOS */ }
/* roboto-italic - latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  src: url("../fonts/roboto-v20-latin-italic.eot");
  /* IE9 Compat Modes */
  src: local(""), url("../fonts/roboto-v20-latin-italic.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto-v20-latin-italic.woff2") format("woff2"), url("../fonts/roboto-v20-latin-italic.woff") format("woff"), url("../fonts/roboto-v20-latin-italic.ttf") format("truetype"), url("../fonts/roboto-v20-latin-italic.svg#Roboto") format("svg");
  /* Legacy iOS */ }
/* roboto-500 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: url("../fonts/roboto-v20-latin-500.eot");
  /* IE9 Compat Modes */
  src: local(""), url("../fonts/roboto-v20-latin-500.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto-v20-latin-500.woff2") format("woff2"), url("../fonts/roboto-v20-latin-500.woff") format("woff"), url("../fonts/roboto-v20-latin-500.ttf") format("truetype"), url("../fonts/roboto-v20-latin-500.svg#Roboto") format("svg");
  /* Legacy iOS */ }
/* roboto-500italic - latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 500;
  src: url("../fonts/roboto-v20-latin-500italic.eot");
  /* IE9 Compat Modes */
  src: local(""), url("../fonts/roboto-v20-latin-500italic.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto-v20-latin-500italic.woff2") format("woff2"), url("../fonts/roboto-v20-latin-500italic.woff") format("woff"), url("../fonts/roboto-v20-latin-500italic.ttf") format("truetype"), url("../fonts/roboto-v20-latin-500italic.svg#Roboto") format("svg");
  /* Legacy iOS */ }
/* roboto-700 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/roboto-v20-latin-700.eot");
  /* IE9 Compat Modes */
  src: local(""), url("../fonts/roboto-v20-latin-700.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto-v20-latin-700.woff2") format("woff2"), url("../fonts/roboto-v20-latin-700.woff") format("woff"), url("../fonts/roboto-v20-latin-700.ttf") format("truetype"), url("../fonts/roboto-v20-latin-700.svg#Roboto") format("svg");
  /* Legacy iOS */ }
/* roboto-700italic - latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 700;
  src: url("../fonts/roboto-v20-latin-700italic.eot");
  /* IE9 Compat Modes */
  src: local(""), url("../fonts/roboto-v20-latin-700italic.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto-v20-latin-700italic.woff2") format("woff2"), url("../fonts/roboto-v20-latin-700italic.woff") format("woff"), url("../fonts/roboto-v20-latin-700italic.ttf") format("truetype"), url("../fonts/roboto-v20-latin-700italic.svg#Roboto") format("svg");
  /* Legacy iOS */ }
/* roboto-900 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  src: url("../fonts/roboto-v20-latin-900.eot");
  /* IE9 Compat Modes */
  src: local(""), url("../fonts/roboto-v20-latin-900.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto-v20-latin-900.woff2") format("woff2"), url("../fonts/roboto-v20-latin-900.woff") format("woff"), url("../fonts/roboto-v20-latin-900.ttf") format("truetype"), url("../fonts/roboto-v20-latin-900.svg#Roboto") format("svg");
  /* Legacy iOS */ }
/* roboto-900italic - latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 900;
  src: url("../fonts/roboto-v20-latin-900italic.eot");
  /* IE9 Compat Modes */
  src: local(""), url("../fonts/roboto-v20-latin-900italic.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto-v20-latin-900italic.woff2") format("woff2"), url("../fonts/roboto-v20-latin-900italic.woff") format("woff"), url("../fonts/roboto-v20-latin-900italic.ttf") format("truetype"), url("../fonts/roboto-v20-latin-900italic.svg#Roboto") format("svg");
  /* Legacy iOS */ }
body, html {
  padding: 0px;
  margin: 0px;
  height: 100%;
  min-width: 100%;
  width: auto !important;
  width: 100%;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center; }

html::before {
  content: ' ';
  display: block;
  background-position: center;
  background-size: cover;
  background-color: #fafafa;
  height: 100vh;
  width: 100vw;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  position: fixed;
  z-index: -10; }

div::-webkit-scrollbar {
  display: none;
  /* for Chrome, Safari, and Opera */ }

div {
  -ms-overflow-style: none;
  /* for Internet Explorer, Edge */
  scrollbar-width: none;
  /* for Firefox */ }

iframe {
  width: 100%; }

* {
  font-family: 'Roboto', 'Verdana', sans-serif;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.bg-c1 {
  background-color: #396c84; }

.bg-c1h {
  background-color: #88a7b5; }

.bg-c2 {
  background-color: #7c5d82; }

.bg-c2h {
  background-color: #b09eb4; }

.bg-c3 {
  background-color: #60918a; }

.bg-c3h {
  background-color: #a0bdb9; }

.bg-c4 {
  background-color: #666faa; }

.bg-c4h {
  background-color: #a3a9cc; }

body {
  font-size: 14px; }

div.go-top-arrow {
  position: fixed;
  background-image: url(../img/go_up.png);
  background-repeat: no-repeat;
  background-position: center;
  z-index: 5000; }

div.globalWrapper {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column; }

div#footer {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-flex-direction: row;
  flex-direction: row;
  color: #2b3a4d; }
  div#footer a {
    color: #2b3a4d;
    text-decoration: none; }

div.language {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  -webkit-flex-direction: row;
  flex-direction: row;
  color: #2b3a4d;
  font-size: 1.2em;
  padding-top: 4px; }
  div.language a {
    color: #2b3a4d;
    text-decoration: none;
    font-weight: 300;
    cursor: pointer; }
  div.language .active {
    font-weight: 500;
    cursor: default; }

div.popup {
  position: fixed;
  overflow: scroll;
  height: 100%;
  top: 0px;
  display: none;
  background-color: #46576d;
  color: white;
  z-index: 1000; }
  div.popup pre {
    white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    word-wrap: break-word; }

div.pageTitle {
  color: #8e3950;
  font-weight: 300;
  font-style: italic;
  width: 100%;
  border-bottom: 5px solid #8e3950;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center; }

/******* navigation  *******/
div#navigationFrame {
  display: -webkit-flex;
  display: flex;
  width: 100%; }

div#navigation {
  display: -webkit-flex;
  display: flex; }
  div#navigation .nav-element {
    z-index: 100;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center; }
    div#navigation .nav-element div.navImage {
      display: -webkit-flex;
      display: flex;
      -webkit-align-content: center;
      align-content: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-align-items: center;
      align-items: center;
      -moz-border-radius: 50%;
      -webkit-border-radius: 50%;
      border-radius: 50%;
      background-repeat: no-repeat;
      background-size: 500%;
      width: 60%;
      height: 30%; }
    div#navigation .nav-element div.navText {
      display: -webkit-flex;
      display: flex;
      color: white;
      -moz-border-radius: 15% 20% 50% 20%;
      -webkit-border-radius: 15%;
      border-radius: 15% 20% 50% 20%;
      width: 100%; }
      div#navigation .nav-element div.navText div.ntTitle {
        display: -webkit-flex;
        display: flex;
        width: 100%; }
      div#navigation .nav-element div.navText div.ntText {
        display: -webkit-flex;
        display: flex; }

/******* content *****/
div.content {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-align-content: center;
  align-content: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center; }
  div.content div.titleRow {
    width: 100%;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-align-items: center;
    align-items: center;
    -moz-border-radius: 10px 45px 45px 40px;
    -webkit-border-radius: 10px;
    border-radius: 10px 45px 45px 40px; }
    div.content div.titleRow div.titleRow-img {
      background-repeat: no-repeat;
      background-image: url(../img/start.jpg);
      -moz-border-radius: 10px;
      -webkit-border-radius: 10px;
      border-radius: 10px; }
    div.content div.titleRow div.titleRow-text {
      color: white;
      font-weight: 100; }
  div.content div.meta-wrapper {
    display: -webkit-flex;
    display: flex;
    width: 100%; }
    div.content div.meta-wrapper div.meta-simple {
      color: #88a7b5; }
    div.content div.meta-wrapper div.meta-simple-align {
      display: -webkit-flex;
      display: flex;
      -moz-border-radius: 20px;
      -webkit-border-radius: 20px;
      border-radius: 20px;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-align-items: center;
      align-items: center; }
    div.content div.meta-wrapper div.meta-object {
      display: -webkit-flex;
      display: flex;
      -webkit-flex-direction: column;
      flex-direction: column;
      -webkit-align-content: center;
      align-content: center;
      -webkit-justify-content: center;
      justify-content: center; }
      div.content div.meta-wrapper div.meta-object img.logo {
        width: 80%; }
      div.content div.meta-wrapper div.meta-object img.wedes {
        width: 80%; }
    div.content div.meta-wrapper div.meta-complex {
      -webkit-flex-direction: column;
      flex-direction: column; }
      div.content div.meta-wrapper div.meta-complex div.title {
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-align-items: center;
        align-items: center;
        -moz-border-radius: 5px 60px 0% 0%;
        -webkit-border-radius: 5px;
        border-radius: 5px 60px 0% 0%;
        color: white; }
      div.content div.meta-wrapper div.meta-complex div.description {
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: center;
        justify-content: center;
        height: 100%;
        color: white;
        font-weight: 100;
        -moz-border-radius: 0% 0% 5px 60px;
        -webkit-border-radius: 0%;
        border-radius: 0% 0% 5px 60px; }
  div.content div.contact {
    display: -webkit-flex;
    display: flex;
    width: 100%;
    margin-top: 40px;
    margin-bottom: 10px; }
    div.content div.contact div.contactInfo {
      display: -webkit-flex;
      display: flex;
      -webkit-align-items: center;
      align-items: center;
      -moz-border-radius: 10px 0px 0px 10px;
      -webkit-border-radius: 10px;
      border-radius: 10px 0px 0px 10px;
      background-color: #687688;
      color: white; }
      div.content div.contact div.contactInfo img.contactLogo {
        margin: 0px;
        padding: 0px; }
      div.content div.contact div.contactInfo div.contactAdress a {
        color: inherit;
        text-decoration: inherit; }
    div.content div.contact div.socialInfo {
      display: -webkit-flex;
      display: flex;
      -webkit-flex-direction: row;
      flex-direction: row;
      -webkit-align-items: center;
      align-items: center;
      -webkit-justify-content: center;
      justify-content: center;
      -moz-border-radius: 0px 10px 10px 0px;
      -webkit-border-radius: 0px;
      border-radius: 0px 10px 10px 0px;
      background-color: #46576d;
      color: white; }
      div.content div.contact div.socialInfo a {
        color: inherit;
        text-decoration: inherit; }
      div.content div.contact div.socialInfo div.socialIcon {
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        border-radius: 50%;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: row;
        flex-direction: row;
        -webkit-align-items: center;
        align-items: center;
        -webkit-justify-content: center;
        justify-content: center;
        background-color: white; }
        div.content div.contact div.socialInfo div.socialIcon img {
          -moz-border-radius: inherit;
          -webkit-border-radius: inherit;
          border-radius: inherit; }
  div.content div.meta-intro {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: end;
    align-items: end;
    background-image: url(../img/future.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    width: 100%; }
    div.content div.meta-intro div.teaser {
      display: -webkit-flex;
      display: flex;
      -webkit-flex-direction: column;
      flex-direction: column;
      -moz-border-radius: 10px;
      -webkit-border-radius: 10px;
      border-radius: 10px;
      width: 40%;
      color: white;
      padding: 30px; }
      div.content div.meta-intro div.teaser div.title {
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: flex-start;
        justify-content: flex-start;
        font-weight: 300; }
      div.content div.meta-intro div.teaser div.text {
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: center;
        justify-content: center; }
  div.content div.meta-extro {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: start;
    align-items: start;
    background-image: url(../img/meta-extro.jpg);
    background-repeat: no-repeat;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    width: 100%; }
    div.content div.meta-extro div.teaser {
      display: -webkit-flex;
      display: flex;
      -webkit-flex-direction: column;
      flex-direction: column;
      -moz-border-radius: 10px;
      -webkit-border-radius: 10px;
      border-radius: 10px;
      color: white; }
      div.content div.meta-extro div.teaser div.title {
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: flex-start;
        justify-content: flex-start;
        font-weight: 300; }
      div.content div.meta-extro div.teaser div.text {
        display: -webkit-flex;
        display: flex;
        font-weight: 100; }
        div.content div.meta-extro div.teaser div.text ul {
          list-style-type: "\00BB\00A0";
          text-align: left; }
          div.content div.meta-extro div.teaser div.text ul li {
            margin: 0px 0px 4px 0px; }
  div.content div.meta-row-what {
    display: -webkit-flex;
    display: flex; }
    div.content div.meta-row-what div.what {
      display: -webkit-flex;
      display: flex;
      -webkit-align-items: center;
      align-items: center;
      -moz-border-radius: 20px 0px 0px 20px;
      -webkit-border-radius: 20px;
      border-radius: 20px 0px 0px 20px;
      color: white;
      font-weight: 100; }
    div.content div.meta-row-what div.image {
      background-repeat: no-repeat;
      background-size: cover;
      background-position: center; }
    div.content div.meta-row-what div.text {
      display: -webkit-flex;
      display: flex;
      -webkit-align-items: center;
      align-items: center;
      -moz-border-radius: 0px 20px 20px 0px;
      -webkit-border-radius: 0px;
      border-radius: 0px 20px 20px 0px;
      color: white;
      font-weight: 300; }
    div.content div.meta-row-what div#meta-row-what-01 {
      background-image: url(../img/prob-old.jpg); }
    div.content div.meta-row-what div#meta-row-what-02 {
      background-image: url(../img/prob-biz.jpg);
      background-position: left; }
    div.content div.meta-row-what div#meta-row-what-03 {
      background-image: url(../img/prob-fut.jpg); }
    div.content div.meta-row-what div#meta-row-what-04 {
      background-image: url(../img/prob-stat.jpg); }
  div.content div.service-wrapper {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: start;
    justify-content: start;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%; }
    div.content div.service-wrapper div.service-front {
      display: -webkit-flex;
      display: flex;
      -webkit-flex-direction: column;
      flex-direction: column;
      -webkit-justify-content: center;
      justify-content: center;
      width: 100%;
      height: 100%;
      border-color: inherit;
      -moz-border-radius: 10px 40px 20px 50px;
      -webkit-border-radius: 10px;
      border-radius: 10px 40px 20px 50px; }
      div.content div.service-wrapper div.service-front div.question {
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-flex-direction: column;
        flex-direction: column;
        font-weight: 300;
        width: 100%; }
        div.content div.service-wrapper div.service-front div.question div.q1 {
          font-style: italic;
          font-weight: 500;
          padding: 0px; }
        div.content div.service-wrapper div.service-front div.question div.q2 {
          font-weight: 100; }
    div.content div.service-wrapper div.service-back {
      display: -webkit-flex;
      display: flex;
      -webkit-flex-direction: column;
      flex-direction: column;
      -webkit-justify-content: center;
      justify-content: center;
      width: 100%;
      height: 100%;
      border-color: inherit;
      -moz-border-radius: 40px 10px 50px 20px;
      -webkit-border-radius: 40px;
      border-radius: 40px 10px 50px 20px; }
      div.content div.service-wrapper div.service-back div.answer {
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-flex-direction: column;
        flex-direction: column;
        font-weight: 300;
        width: 100%; }
        div.content div.service-wrapper div.service-back div.answer ul {
          list-style-type: "\2192\00A0";
          text-align: left; }
          div.content div.service-wrapper div.service-back div.answer ul li {
            margin: 0px 0px 4px 0px; }
    div.content div.service-wrapper div.markWrapper {
      display: -webkit-flex;
      display: flex;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-flex-direction: column;
      flex-direction: column;
      -webkit-align-items: center;
      align-items: center;
      width: 100%;
      border-color: inherit; }
      div.content div.service-wrapper div.markWrapper div.mark {
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-flex-direction: column;
        flex-direction: column;
        font-weight: 500;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        border-radius: 50%;
        border-style: solid;
        border-color: inherit; }
  div.content .service-front-a {
    background-color: #60918a;
    color: white;
    border-color: white; }
  div.content .service-front-b {
    background-color: #a0bdb9;
    color: white;
    border-color: white; }
  div.content .service-back-a {
    background-color: #a0bdb9;
    color: white;
    border-color: white; }
  div.content .service-back-b {
    background-color: #60918a;
    color: white;
    border-color: white; }
  div.content div.service0x {
    position: relative;
    cursor: pointer;
    -moz-perspective: 1000px;
    -webkit-perspective: 1000px;
    perspective: 1000px; }
    div.content div.service0x div.s0x-inner {
      display: -webkit-flex;
      display: flex;
      position: relative;
      width: 100%;
      text-align: center;
      -moz-transition: -moz-transform 0.8s;
      -o-transition: -o-transform 0.8s;
      -webkit-transition: -webkit-transform 0.8s;
      transition: transform 0.8s;
      -moz-transform-style: preserve-3d;
      -webkit-transform-style: preserve-3d;
      transform-style: preserve-3d; }
      div.content div.service0x div.s0x-inner div.s0x-front {
        display: -webkit-flex;
        display: flex;
        height: 100%; }
      div.content div.service0x div.s0x-inner div.s0x-back {
        display: -webkit-flex;
        display: flex;
        transform: rotateY(180deg);
        height: 100%; }
  div.content div.service0x:nth-child(even) {
    margin-right: 0px; }
  div.content #service01:hover #s01-inner, div.content #service02:hover #s02-inner, div.content #service03:hover #s03-inner, div.content #service04:hover #s04-inner {
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg); }
  div.content div#werkstatt {
    width: 100%;
    position: relative;
    -moz-perspective: 1000px;
    -webkit-perspective: 1000px;
    perspective: 1000px;
    cursor: pointer; }
    div.content div#werkstatt div#ws-inner {
      position: relative;
      width: 100%;
      text-align: center;
      -moz-transition: -moz-transform 0.8s;
      -o-transition: -o-transform 0.8s;
      -webkit-transition: -webkit-transform 0.8s;
      transition: transform 0.8s;
      -moz-transform-style: preserve-3d;
      -webkit-transform-style: preserve-3d;
      transform-style: preserve-3d; }
      div.content div#werkstatt div#ws-inner div#ws-front {
        display: -webkit-flex;
        display: flex;
        color: white;
        height: 100%; }
        div.content div#werkstatt div#ws-inner div#ws-front div.ws-col {
          display: -webkit-flex;
          display: flex;
          -webkit-flex: 1;
          flex: 1; }
          div.content div#werkstatt div#ws-inner div#ws-front div.ws-col div.flip-front-intro {
            background-color: #60918a;
            display: -webkit-flex;
            display: flex;
            -webkit-flex-direction: column;
            flex-direction: column;
            -webkit-justify-content: center;
            justify-content: center;
            -moz-border-radius: 0px 20px 20px 0px;
            -webkit-border-radius: 0px;
            border-radius: 0px 20px 20px 0px; }
            div.content div#werkstatt div#ws-inner div#ws-front div.ws-col div.flip-front-intro div.title {
              display: -webkit-flex;
              display: flex;
              -webkit-justify-content: center;
              justify-content: center;
              color: white;
              font-weight: 300; }
            div.content div#werkstatt div#ws-inner div#ws-front div.ws-col div.flip-front-intro div.description {
              display: -webkit-flex;
              display: flex;
              -webkit-justify-content: center;
              justify-content: center;
              color: white;
              font-weight: 300; }
        div.content div#werkstatt div#ws-inner div#ws-front div.flip-front-image {
          background-image: url(../img/meta-werkstatt.jpg);
          background-repeat: no-repeat;
          background-size: cover;
          background-position: center;
          -moz-border-radius: 20px 0px 0px 20px;
          -webkit-border-radius: 20px;
          border-radius: 20px 0px 0px 20px; }
      div.content div#werkstatt div#ws-inner div#ws-back {
        display: -webkit-flex;
        display: flex;
        color: white;
        transform: rotateY(180deg); }
        div.content div#werkstatt div#ws-inner div#ws-back div.ws-col {
          display: -webkit-flex;
          display: flex; }
          div.content div#werkstatt div#ws-inner div#ws-back div.ws-col div.title {
            display: -webkit-flex;
            display: flex;
            -webkit-justify-content: center;
            justify-content: center;
            -webkit-align-items: center;
            align-items: center;
            background-color: #60918a;
            color: white;
            font-weight: 300;
            padding: 10%; }
          div.content div#werkstatt div#ws-inner div#ws-back div.ws-col div.description {
            display: -webkit-flex;
            display: flex;
            -webkit-justify-content: center;
            justify-content: center;
            -moz-border-radius: 0px 0px 20px 20px;
            -webkit-border-radius: 0px;
            border-radius: 0px 0px 20px 20px;
            background-color: #a0bdb9;
            color: white;
            font-weight: 300; }
            div.content div#werkstatt div#ws-inner div#ws-back div.ws-col div.description ul {
              list-style-type: "\00BB\00A0";
              text-align: left;
              margin: 0px;
              padding: 10px; }
              div.content div#werkstatt div#ws-inner div#ws-back div.ws-col div.description ul li {
                margin: 0px 0px 4px 0px; }
          div.content div#werkstatt div#ws-inner div#ws-back div.ws-col div.image-back {
            -moz-border-radius: 20px 20px 0px 0px;
            -webkit-border-radius: 20px;
            border-radius: 20px 20px 0px 0px; }
          div.content div#werkstatt div#ws-inner div#ws-back div.ws-col div#image-ws-01 {
            background-image: url(../img/meta-ws-new.jpg); }
          div.content div#werkstatt div#ws-inner div#ws-back div.ws-col div#image-ws-02 {
            background-image: url(../img/meta-ws-ide.jpg); }
          div.content div#werkstatt div#ws-inner div#ws-back div.ws-col div#image-ws-03 {
            background-image: url(../img/meta-ws-erk.jpg); }
        div.content div#werkstatt div#ws-inner div#ws-back div.ws-col:last-child {
          margin-right: 0%; }
  div.content #werkstatt:hover #ws-inner {
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg); }
  div.content .flip-front, div.content .flip-back {
    position: absolute;
    width: 100%;
    -moz-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden; }
  div.content div#team {
    display: -webkit-flex;
    display: flex;
    width: 100%; }
    div.content div#team .team-element:first-child {
      margin-left: 0px; }
    div.content div#team .team-element:last-child {
      margin-right: 0px; }
    div.content div#team .team-element {
      display: -webkit-flex;
      display: flex;
      -webkit-flex-direction: column;
      flex-direction: column;
      -webkit-align-items: center;
      align-items: center; }
      div.content div#team .team-element div.teamImage {
        display: -webkit-flex;
        display: flex;
        -webkit-align-content: center;
        align-content: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-align-items: center;
        align-items: center;
        width: 100%; }
        div.content div#team .team-element div.teamImage img {
          -moz-border-radius: 20px 20px 0px 0px;
          -webkit-border-radius: 20px;
          border-radius: 20px 20px 0px 0px;
          width: 100%; }
      div.content div#team .team-element div.teamText {
        display: -webkit-flex;
        display: flex;
        -webkit-align-content: center;
        align-content: center;
        -webkit-justify-content: flex-start;
        justify-content: flex-start;
        -webkit-align-items: center;
        align-items: center;
        -webkit-flex-direction: column;
        flex-direction: column;
        -moz-border-radius: 0px 0px 20px 20px;
        -webkit-border-radius: 0px;
        border-radius: 0px 0px 20px 20px;
        color: white;
        width: 100%;
        background-color: #a3a9cc; }
        div.content div#team .team-element div.teamText div.teTitle {
          display: -webkit-flex;
          display: flex;
          font-weight: 300;
          text-align: center;
          -webkit-justify-content: center;
          justify-content: center;
          width: 100%; }
        div.content div#team .team-element div.teamText div.teText {
          font-weight: 300; }

/* content specifics */
div#content-01 div.titleRow {
  background-color: #396c84; }
  div#content-01 div.titleRow div.titleRow-img {
    background-position: 0% 50%;
    border: 5px solid #396c84; }

div#content-02 div.titleRow {
  background-color: #7c5d82; }
  div#content-02 div.titleRow div.titleRow-img {
    background-position: 29% 50%;
    border: 5px solid #7c5d82; }

div#content-03 div.titleRow {
  background-color: #60918a; }
  div#content-03 div.titleRow div.titleRow-img {
    background-position: 50% 50%;
    border: 5px solid #60918a; }

div#content-04 div.titleRow {
  background-color: #666faa; }
  div#content-04 div.titleRow div.titleRow-img {
    background-position: 85% 50%;
    border: 5px solid #666faa; }

/**** NAVIGATION BACKGROUND-IMAGES ***/
#navImage-nav-01 {
  background-image: url(../img/start.jpg);
  background-position: 0% 50%;
  border: 5px solid #396c84; }

#navImage-nav-02 {
  background-image: url(../img/start.jpg);
  background-position: 29% 50%;
  border: 5px solid #7c5d82; }

#navImage-nav-03 {
  background-image: url(../img/start.jpg);
  background-position: 50% 50%;
  border: 5px solid #60918a; }

#navImage-nav-04 {
  background-image: url(../img/start.jpg);
  background-position: 85% 50%;
  border: 5px solid #666faa; }

#nav-01 div.navText {
  background-color: #396c84; }
#nav-01 div.navText-01 {
  border-bottom: 2px solid white; }

#nav-02 div.navText {
  background-color: #7c5d82; }
#nav-02 div.navText-02 {
  border-bottom: 2px solid white; }

#nav-03 div.navText {
  background-color: #60918a; }
#nav-03 div.navText-03 {
  border-bottom: 2px solid white; }

#nav-04 div.navText {
  background-color: #666faa; }
#nav-04 div.navText-04 {
  border-bottom: 2px solid white; }

/*# sourceMappingURL=css-all.css.map */