/*
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 */ }
@media only screen and (min-width: 950px) {
  body {
    font-size: 14px; }

  div.go-top-arrow {
    bottom: 10px;
    right: 20px;
    width: 30px;
    height: 40px;
    background-size: 85%; }

  div.globalWrapper {
    width: 95%;
    max-width: 1040px; }

  div#footer {
    padding: 0px 0px 20px 0px;
    font-size: 1.2em; }

  div.popup {
    width: 95%;
    max-width: 1040px;
    padding: 40px; }

  div.pageTitle {
    font-size: 4em;
    height: 180px;
    margin: 60px 30px 60px 30px; }

  /******* navigation  *******/
  div#navigationFrame {
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-align-content: center;
    align-content: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    min-height: 100vH; }

  div#navigation {
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-align-content: center;
    align-content: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center; }
    div#navigation .nav-element {
      width: 25%;
      height: 480px;
      margin: 10px;
      -webkit-flex-direction: column;
      flex-direction: column; }
      div#navigation .nav-element div.navText {
        -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;
        height: 30%;
        padding: 20px 20px 0px 20px;
        margin-top: 20px; }
        div#navigation .nav-element div.navText div.ntTitle {
          font-size: 1.8em;
          font-weight: 300;
          text-align: center;
          margin-bottom: 10px;
          padding-bottom: 10px;
          -webkit-justify-content: center;
          justify-content: center;
          -webkit-align-items: flex-start;
          align-items: flex-start;
          text-align: center; }
        div#navigation .nav-element div.navText div.ntText {
          font-size: 1.3em;
          font-weight: 100;
          -webkit-align-items: flex-start;
          align-items: flex-start;
          -webkit-justify-content: center;
          justify-content: center;
          text-align: center; }

  /******* content *****/
  div.content {
    margin: 20px 0px 60px 0px; }
    div.content div.titleRow {
      height: 90px;
      margin: 10px 0px 20px 0px; }
      div.content div.titleRow div.titleRow-img {
        width: 90px;
        height: 90px;
        background-size: 500%; }
      div.content div.titleRow div.titleRow-text {
        font-size: 3em;
        margin-left: 40px; }
    div.content div.meta-wrapper {
      -webkit-flex-direction: row;
      flex-direction: row;
      -webkit-align-content: center;
      align-content: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-align-items: stretch;
      align-items: stretch;
      -webkit-flex-wrap: wrap;
      flex-wrap: wrap; }
      div.content div.meta-wrapper div.meta-simple {
        padding: 20px;
        font-size: 1.6em;
        font-weight: 300; }
      div.content div.meta-wrapper div.meta-object {
        width: 48%;
        margin-right: 4%;
        margin-bottom: 20px; }
      div.content div.meta-wrapper div.meta-object:nth-child(even) {
        margin-right: 0px; }
      div.content div.meta-wrapper div.meta-complex div.title {
        height: 80px;
        font-size: 1.7em;
        font-weight: 300; }
      div.content div.meta-wrapper div.meta-complex div.description {
        padding: 20px;
        font-size: 1.5em; }
    div.content div.contact {
      -webkit-flex-direction: row;
      flex-direction: row;
      -webkit-align-content: center;
      align-content: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-align-items: stretch;
      align-items: stretch; }
      div.content div.contact div.contactInfo {
        -webkit-flex-direction: row;
        flex-direction: row;
        -webkit-flex-grow: 1;
        flex-grow: 1;
        width: 50%;
        margin: 0px;
        padding: 20px;
        font-size: 0.9em; }
        div.content div.contact div.contactInfo img.contactLogo {
          width: 40%; }
        div.content div.contact div.contactInfo div.contactAdress {
          width: 60%;
          padding: 0px 0px 0px 20px; }
          div.content div.contact div.contactInfo div.contactAdress div.contactCompanyName {
            font-size: 1.1em;
            margin: 0px 0px 6px 0px; }
          div.content div.contact div.contactInfo div.contactAdress div.contactLine {
            margin: 0px 0px 6px 0px; }
      div.content div.contact div.socialInfo {
        -webkit-flex-grow: 1;
        flex-grow: 1;
        width: 50%;
        margin: 0px;
        padding: 20px; }
        div.content div.contact div.socialInfo div.socialIcon {
          width: 60px;
          height: 60px;
          margin-left: 10px;
          margin-right: 10px; }
          div.content div.contact div.socialInfo div.socialIcon img {
            width: 90%; }
    div.content div.meta-intro {
      background-position: center;
      padding: 20px; }
      div.content div.meta-intro div.teaser {
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: column;
        flex-direction: column;
        width: 40%;
        padding: 30px; }
        div.content div.meta-intro div.teaser div.title {
          font-size: 2.4em;
          margin-bottom: 10px; }
        div.content div.meta-intro div.teaser div.text {
          font-size: 2.0em;
          font-weight: 100; }
    div.content div.meta-extro {
      margin-top: 20px;
      background-size: cover;
      background-position: center;
      padding: 20px; }
      div.content div.meta-extro div.teaser {
        width: 60%;
        padding: 30px; }
        div.content div.meta-extro div.teaser div.title {
          font-size: 2.0em;
          margin-bottom: 10px; }
        div.content div.meta-extro div.teaser div.text {
          font-size: 1.4em; }
    div.content div.meta-row-what {
      -webkit-flex-direction: row;
      flex-direction: row;
      width: 100%;
      margin-top: 20px; }
      div.content div.meta-row-what div.what {
        width: 30%;
        padding: 20px;
        font-size: 1.6em; }
      div.content div.meta-row-what div.image {
        width: 30%; }
      div.content div.meta-row-what div.text {
        padding: 20px;
        width: 40%;
        font-size: 1.3em; }
    div.content div.service-wrapper {
      margin: 20px 0px 60px 0px; }
      div.content div.service-wrapper div.service-front div.question {
        font-size: 2.0em;
        height: 80%;
        padding: 20px; }
        div.content div.service-wrapper div.service-front div.question div.q1 {
          font-size: 2.0em;
          margin: 10px 0px -16px 0px; }
        div.content div.service-wrapper div.service-front div.question div.q2 {
          font-size: 3.0em; }
      div.content div.service-wrapper div.service-back div.answer {
        font-size: 1.4em;
        height: 75%;
        padding: 20px; }
      div.content div.service-wrapper div.markWrapper {
        height: 25%; }
        div.content div.service-wrapper div.markWrapper div.mark {
          font-size: 1.8em;
          height: 40px;
          width: 40px;
          border-width: 2px; }
    div.content div.service0x {
      width: 48%;
      margin-right: 4%;
      margin-bottom: 20px; }
      div.content div.service0x div.s0x-inner {
        min-height: 440px; }
    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 div#ws-inner {
      min-height: 400px; }
      div.content div#werkstatt div#ws-inner div#ws-front {
        -webkit-flex-direction: row;
        flex-direction: row; }
        div.content div#werkstatt div#ws-inner div#ws-front div.ws-col div.flip-front-intro {
          height: 100%;
          padding: 20px 20px 20px 60px; }
          div.content div#werkstatt div#ws-inner div#ws-front div.ws-col div.flip-front-intro div.title {
            font-size: 2.3em;
            margin-bottom: 20px; }
          div.content div#werkstatt div#ws-inner div#ws-front div.ws-col div.flip-front-intro div.description {
            font-size: 1.6em; }
      div.content div#werkstatt div#ws-inner div#ws-back {
        -webkit-flex-direction: row;
        flex-direction: row;
        -webkit-flex: 1;
        flex: 1;
        height: 100%; }
        div.content div#werkstatt div#ws-inner div#ws-back div.ws-col {
          -webkit-flex: 1;
          flex: 1;
          -webkit-flex-direction: column;
          flex-direction: column;
          width: 32%;
          margin-right: 5%; }
          div.content div#werkstatt div#ws-inner div#ws-back div.ws-col div.title {
            height: 10%;
            font-size: 1.4em; }
          div.content div#werkstatt div#ws-inner div#ws-back div.ws-col div.description {
            padding: 10px;
            height: 50%;
            font-size: 1.0em; }
          div.content div#werkstatt div#ws-inner div#ws-back div.ws-col div.image-back {
            background-repeat: no-repeat;
            background-size: cover;
            background-position: center;
            height: 40%; }
    div.content div#team {
      -webkit-flex-direction: row;
      flex-direction: row; }
      div.content div#team .team-element {
        width: 340px;
        margin: 10px; }
        div.content div#team .team-element div.teamText {
          padding: 20px 20px 20px 20px; }
          div.content div#team .team-element div.teamText div.teTitle {
            font-size: 1.8em;
            margin-bottom: 10px;
            padding-bottom: 10px; }
          div.content div#team .team-element div.teamText div.teText {
            font-size: 1.2em; } }

/*# sourceMappingURL=css-950p.css.map */