html,
body {
  height: 98vh;
  width: 100vw;
  font-family: times, serif; }
  html .container,
  body .container {
    padding: 0;
    margin: 0 auto; }
    html .container .col-xs-12,
    html .container .col-sm-12,
    html .container .col-md-4,
    html .container .col-sm-4,
    body .container .col-xs-12,
    body .container .col-sm-12,
    body .container .col-md-4,
    body .container .col-sm-4 {
      padding: 0; }
      html .container .col-xs-12.left,
      html .container .col-sm-12.left,
      html .container .col-md-4.left,
      html .container .col-sm-4.left,
      body .container .col-xs-12.left,
      body .container .col-sm-12.left,
      body .container .col-md-4.left,
      body .container .col-sm-4.left {
        float: left; }
    html .container .col-xs-12,
    body .container .col-xs-12 {
      width: 100vw; }
  html #startMain,
  html #workMain,
  html #philosophieMain,
  html #overviewMain,
  html #contactMain,
  body #startMain,
  body #workMain,
  body #philosophieMain,
  body #overviewMain,
  body #contactMain {
    height: 98vh; }
    html #startMain .flexBox,
    html #workMain .flexBox,
    html #philosophieMain .flexBox,
    html #overviewMain .flexBox,
    html #contactMain .flexBox,
    body #startMain .flexBox,
    body #workMain .flexBox,
    body #philosophieMain .flexBox,
    body #overviewMain .flexBox,
    body #contactMain .flexBox {
      align-items: center;
      justify-content: center; }
      html #startMain .flexBox .flexItem,
      html #workMain .flexBox .flexItem,
      html #philosophieMain .flexBox .flexItem,
      html #overviewMain .flexBox .flexItem,
      html #contactMain .flexBox .flexItem,
      body #startMain .flexBox .flexItem,
      body #workMain .flexBox .flexItem,
      body #philosophieMain .flexBox .flexItem,
      body #overviewMain .flexBox .flexItem,
      body #contactMain .flexBox .flexItem {
        flex: 1;
        text-align: center; }
  html #startMain,
  html #contactMain,
  body #startMain,
  body #contactMain {
    background: url("/images/taplogo03_01.jpg") repeat; }
    html #startMain .flexBox,
    html #contactMain .flexBox,
    body #startMain .flexBox,
    body #contactMain .flexBox {
      display: flex;
      height: 98vh; }
      html #startMain .flexBox #rahmen,
      html #contactMain .flexBox #rahmen,
      body #startMain .flexBox #rahmen,
      body #contactMain .flexBox #rahmen {
        width: calc(100% - 30px);
        max-width: 748px;
        padding: 15px; }
    html #startMain .flexBoxXS,
    html #contactMain .flexBoxXS,
    body #startMain .flexBoxXS,
    body #contactMain .flexBoxXS {
      display: block;
      height: 100vh;
      width: 100vw;
      max-width: 414px;
      margin-top: 100px;
      text-align: center; }
      html #startMain .flexBoxXS #rahmen,
      html #contactMain .flexBoxXS #rahmen,
      body #startMain .flexBoxXS #rahmen,
      body #contactMain .flexBoxXS #rahmen {
        width: calc(100% - 30px);
        padding: 15px; }
    html #startMain #languageWrapper,
    html #contactMain #languageWrapper,
    body #startMain #languageWrapper,
    body #contactMain #languageWrapper {
      min-width: 200px; }
      html #startMain #languageWrapper #language,
      html #contactMain #languageWrapper #language,
      body #startMain #languageWrapper #language,
      body #contactMain #languageWrapper #language {
        display: inline-block;
        max-width: 472px; }
        html #startMain #languageWrapper #language #languageImg_One,
        html #contactMain #languageWrapper #language #languageImg_One,
        body #startMain #languageWrapper #language #languageImg_One,
        body #contactMain #languageWrapper #language #languageImg_One {
          width: 100%;
          min-width: 160px;
          max-width: 236px; }
        html #startMain #languageWrapper #language a,
        html #contactMain #languageWrapper #language a,
        body #startMain #languageWrapper #language a,
        body #contactMain #languageWrapper #language a {
          display: inline-block;
          float: left; }
          html #startMain #languageWrapper #language a #languageImg_fr,
          html #contactMain #languageWrapper #language a #languageImg_fr,
          body #startMain #languageWrapper #language a #languageImg_fr,
          body #contactMain #languageWrapper #language a #languageImg_fr {
            width: 100%;
            min-width: 80px;
            max-width: 118px; }
          html #startMain #languageWrapper #language a #languageImg_eng,
          html #contactMain #languageWrapper #language a #languageImg_eng,
          body #startMain #languageWrapper #language a #languageImg_eng,
          body #contactMain #languageWrapper #language a #languageImg_eng {
            width: 100%;
            min-width: 80px;
            max-width: 118px; }
        html #startMain #languageWrapper #language img,
        html #contactMain #languageWrapper #language img,
        body #startMain #languageWrapper #language img,
        body #contactMain #languageWrapper #language img {
          border-image-width: 0;
          float: left; }
    html #startMain .visible-xs #language,
    html #contactMain .visible-xs #language,
    body #startMain .visible-xs #language,
    body #contactMain .visible-xs #language {
      max-width: 320px; }
      html #startMain .visible-xs #language #languageImg_One,
      html #contactMain .visible-xs #language #languageImg_One,
      body #startMain .visible-xs #language #languageImg_One,
      body #contactMain .visible-xs #language #languageImg_One {
        width: 160px;
        max-width: 160px !important; }
      html #startMain .visible-xs #language #languageImg_fr,
      html #startMain .visible-xs #language #languageImg_eng,
      html #contactMain .visible-xs #language #languageImg_fr,
      html #contactMain .visible-xs #language #languageImg_eng,
      body #startMain .visible-xs #language #languageImg_fr,
      body #startMain .visible-xs #language #languageImg_eng,
      body #contactMain .visible-xs #language #languageImg_fr,
      body #contactMain .visible-xs #language #languageImg_eng {
        width: 80px !important;
        max-width: 80px !important; }
  html #startMain .container > .row,
  html #workMain .container > .row,
  body #startMain .container > .row,
  body #workMain .container > .row {
    display: flex;
    margin: auto; }
  html #overviewMain #goose img,
  body #overviewMain #goose img {
    width: 42%;
    max-width: 256px; }
  html #overviewMain #books img,
  body #overviewMain #books img {
    width: 21%;
    max-width: 126px; }
  html #overviewMain #phone img,
  body #overviewMain #phone img {
    width: 29%;
    max-width: 171px; }
  html #overviewMain,
  html #contactMain,
  body #overviewMain,
  body #contactMain {
    background: url("/images/bg-02.jpg") repeat; }
    html #overviewMain .container,
    html #contactMain .container,
    body #overviewMain .container,
    body #contactMain .container {
      position: relative;
      top: 100px;
      height: calc(100vh - 400px); }
      html #overviewMain .container #footer,
      html #contactMain .container #footer,
      body #overviewMain .container #footer,
      body #contactMain .container #footer {
        margin-top: 50px;
        color: #fff; }
        html #overviewMain .container #footer a,
        html #contactMain .container #footer a,
        body #overviewMain .container #footer a,
        body #contactMain .container #footer a {
          color: #fff; }
  html #workMain,
  body #workMain {
    background: url("/images/taplogo04.jpg") repeat; }
    html #workMain .row,
    body #workMain .row {
      margin: 0; }
      html #workMain .row > .col,
      body #workMain .row > .col {
        margin: 0; }
    html #workMain .flexBox,
    body #workMain .flexBox {
      margin-bottom: 15px;
      display: block !important; }
    html #workMain #text,
    body #workMain #text {
      padding: 5px 15px 15px 15px;
      text-align: left; }
      html #workMain #text h1,
      body #workMain #text h1 {
        font-weight: bold;
        font-size: 24px; }
    html #workMain #rahmen,
    body #workMain #rahmen {
      padding: 10px;
      min-width: 290px;
      width: calc(100vw - 40px);
      max-width: 660px; }
    html #workMain #workWrapper,
    body #workMain #workWrapper {
      display: inline-block;
      max-width: 660px;
      box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.75);
      background: url("/images/bg_text.png") repeat; }
  html #philosophieMain,
  body #philosophieMain {
    background: url("/images/taplogo04.jpg") repeat; }
    html #philosophieMain .row,
    body #philosophieMain .row {
      margin: 0; }
      html #philosophieMain .row > .col-md-12,
      body #philosophieMain .row > .col-md-12 {
        margin: 0;
        padding: 0 5px; }
    html #philosophieMain .flexBox,
    body #philosophieMain .flexBox {
      margin-bottom: 15px; }
    html #philosophieMain #text,
    body #philosophieMain #text {
      padding: 5px 15px 15px 15px;
      text-align: left; }
      html #philosophieMain #text h1,
      body #philosophieMain #text h1 {
        font-weight: bold;
        font-size: 24px; }
    html #philosophieMain #rahmen,
    body #philosophieMain #rahmen {
      padding: 10px;
      min-width: 300px;
      width: calc(100vw - 30px);
      max-width: 660px; }
    html #philosophieMain #philWrapper,
    body #philosophieMain #philWrapper {
      display: inline-block;
      max-width: 660px;
      box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.75);
      background: url("/images/bg_text.png") repeat; }
  html #contactMain,
  body #contactMain {
    background: url("/images/taplogo06.jpg") repeat; }
    html #contactMain .flexBox,
    body #contactMain .flexBox {
      height: 100%; }

a {
  font-size: 14px;
  text-transform: uppercase;
  padding-bottom: 20px; }
  a.lower {
    text-transform: none; }

.row.visible-xs {
  margin: 0; }

/*# sourceMappingURL=custom.css.map */