html,
body,
h1,
h2,
ul,
ol {
  margin: 0;
  padding: 0;
}

html {
  box-sizing: border-box;
}

*, *:before, *:after {
  box-sizing: inherit;
}

body {
  font: 400 16px "Lato", sans-serif;
  color: #777;
  width: 100%;
  height: 100%;
}

.textContentHeader {
  text-align: center;
  margin-bottom: 30px;
}
.textContentHeader span {
  margin: auto;
  background-color: #999;
  color: #FFD3EB;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
  border-radius: 3px 4px;
}

.logoImg {
  width: calc(20px + 4vw);
}

.bgimg-1 {
  background-image: url("../img/backgrounds/white-cloud-blue-sky.jpg");
  min-height: 100%;
}

.bgimg-2 {
  background-image: url("../img/backgrounds/white-cloud-blue-sky (1).jpg");
  min-height: 400px;
}

.bgimg-3 {
  background-image: url("../img/backgrounds/sea-6159674_1920.jpg");
  min-height: 400px;
}

.bgimg-4 {
  background-image: url("../img/backgrounds/gleaming-lake-background-reflecting-sky.jpg");
  min-height: 400px;
}

.bgimg-5 {
  background-image: url("../img/backgrounds/seawater-1666318_1920.jpg");
  min-height: 400px;
}

/*
.bgimg-5a {
    background-image: url('../img/backgrounds/code-1689066_1920.jpg');
    min-height: 400px;
}

.bgimg-2a {
    background-image: url("../img/backgrounds/digital-dreams-1155928.jpg");
    min-height: 400px;
}

.bgimg-4a {
    background-image: url("../img/backgrounds/binary-code-3-1241802.jpg");
    min-height: 100%;
}
*/
/*// ie fix
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {

    .bgimg-1 {
        background: scroll url("../img/backgrounds/digital-dreams-1155914.jpg") no-repeat center center;
    }

    .bgimg-2 {
        background: scroll url('../img/backgrounds/computer-1231889_1920.jpg') no-repeat center center;
    }

    .bgimg-3 {
        background: scroll url("../img/backgrounds/php-code-1242330.jpg") no-repeat center center;
    }

    .bgimg-4 {
        background: scroll url('../img/backgrounds/analytics-3088958_1920.jpg') no-repeat center center;
    }

    .bgimg-5 {
        background: scroll url('../img/backgrounds/use-1521128_1920.jpg') no-repeat center center;
    }

    .bgimg-5a {
        background: scroll url('../img/backgrounds/code-1689066_1920.jpg') no-repeat center center;
    }

    .bgimg-2a {
        background: scroll url("../img/backgrounds/digital-dreams-1155928.jpg") no-repeat center center;
    }

    .bgimg-4a {
        background: scroll url("../img/backgrounds/binary-code-3-1241802.jpg") no-repeat center center;
    }
}
*/
@supports (-ms-ime-align: auto) {
  .bgimg-1 {
    background: fixed url("../img/backgrounds/digital-dreams-1155914.jpg") no-repeat center center;
  }
  .bgimg-2 {
    background: fixed url("../img/backgrounds/computer-1231889_1920.jpg") no-repeat center center;
  }
  .bgimg-3 {
    background: fixed url("../img/backgrounds/php-code-1242330.jpg") no-repeat center center;
  }
  .bgimg-4 {
    background: fixed url("../img/backgrounds/analytics-3088958_1920.jpg") no-repeat center center;
  }
  .bgimg-5 {
    background: fixed url("../img/backgrounds/use-1521128_1920.jpg") no-repeat center center;
  }
  .bgimg-5a {
    background: fixed url("../img/backgrounds/code-1689066_1920.jpg") no-repeat center center;
  }
  .bgimg-2a {
    background: fixed url("../img/backgrounds/digital-dreams-1155928.jpg") no-repeat center center;
  }
  .bgimg-4a {
    background: fixed url("../img/backgrounds/binary-code-3-1241802.jpg") no-repeat center center;
  }
}
.background {
  height: 125%;
  background-size: 100% 100%;
}

.caption {
  /*position: absolute;*/
  left: 0;
  width: 100%;
  text-align: center;
  color: #000;
}
.caption .border {
  font-size: calc(8px + 2vw);
  letter-spacing: 0.4vw;
}

a {
  color: inherit;
}

h2 {
  margin: calc(6px + 0.8vw) 0;
}

h1 {
  font-weight: 400;
}

h2 {
  font-weight: 400;
}

h3 {
  color: #FFD3EB;
  margin: 0;
  padding: 0;
  font: calc(12px + 1vw) "Lato", sans-serif;
}

.background {
  opacity: 0.5;
}

.container {
  /* opacity: 0.8;*/
}

.z-depth-1, nav, .card-panel, .card, .toast, .btn, .btn-large, .btn-small, .btn-floating, .dropdown-content, .collapsible, .sidenav {
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
}

.btn, .btn-large, .btn-small, .btn-flat {
  border: none;
  border-radius: 2px;
  display: inline-block;
  height: 36px;
  line-height: 36px;
  padding: 0 16px;
  text-transform: uppercase;
  vertical-align: middle;
  -webkit-tap-highlight-color: transparent;
}

.btn, .btn-large, .btn-small, .btn-floating, .btn-large, .btn-small, .btn-flat {
  font-size: 14px;
  outline: 0;
}

.btn, .btn-large, .btn-small {
  text-decoration: none;
  color: #fff;
  background-color: #26a69a;
  text-align: center;
  letter-spacing: calc(0.2px + 0.2vw);
  transition: background-color 0.2s ease-out;
  cursor: pointer;
}

.btn-small {
  height: calc(12px + 1.2vw);
  line-height: calc(12px + 1.2vw);
  font-size: calc(6px + 1vw);
}

.z-depth-1-half, .btn:hover, .btn-large:hover, .btn-small:hover, .btn-floating:hover {
  box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 7px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -1px rgba(0, 0, 0, 0.2);
}

.btn, .btn-small {
  background-color: #043883;
}

.btn:active, .btn:focus, .btn:hover,
.btn-small:active, .btn-small:focus, .btn-small:hover {
  background-color: #0c7abf;
}

.logoDiv {
  /*display: flex;*/
  /*align-items: center;

  text-align: center;*/
}
.logoDiv h1 {
  margin: auto;
  position: relative;
  top: -0.5vw;
}

/*
    Formatting
*/
p {
  /*text-align:left;*/
}

ul {
  margin-left: 20px;
}

li {
  text-align: left;
}

.center {
  text-align: center;
}

.separated {
  margin-top: 20px;
}

span.box {
  /*@extend %buzzwordBox-shared;*/
}

div.box {
  /*@extend %buzzwordBox-shared;*/
  display: inline-block;
}

.big-font {
  letter-spacing: 0.4vw;
  font-size: calc(4px + 2.2vw);
  white-space: nowrap;
}

.medium-font {
  letter-spacing: calc(0.2px + 0.2vw);
  font-size: calc(12px + 1vw);
}

.small-font {
  letter-spacing: calc(0.2px + 0.2vw);
  /*font-size: calc(6px + 1.0vw);*/
  font: calc(12px + 1vw) "Lato", sans-serif;
}

.textContent {
  background-color: #f2f2f2;
  padding: 4vh 4vw;
  text-align: left;
}

.impressum_font {
  font-size: 80%;
}

.nowrap {
  white-space: nowrap;
}

/*
    Container
*/
.container--full {
  height: 60vh;
}

.container--middle {
  height: 40vh;
}

.container--small {
  height: 20vh;
}

.FlexContainerWrapper {
  display: flex;
  flex-direction: column;
}

.FlexContainer {
  align-items: center;
  /*background: hsla(0,0%,0%,.1);*/
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 100%;
}

.FlexItem {
  /*background: hsla(0,0%,0%,.1);*/
  box-sizing: border-box;
  max-width: 100%;
}

.contentFloatingWrapper {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  padding-left: 12%;
}

.contentFloatingDiv {
  width: 30%;
  min-width: 300px;
  margin-left: 10px;
  margin-right: 10px;
  /*width: 200px;
  display: flex;
  float:left;*/
}

#g-mapdisplay iframe {
  width: 100%;
  height: calc(100vh - 250px);
}

/*#g-mapdisplay img {
    max-height: none;
    max-width: none !important;
    background: none !important;
}*/
.contentFloatingDiv.separated {
  width: 80%;
}

.floating {
  /*float:left;*/
}

@media print {
  body {
    color: #000;
  }
  .background,
  .parallax__container {
    display: none;
  }
  .container {
    height: inherit;
  }
  .textContent:nth-child(n+3) {
    page-break-before: always;
  }
  span.box, div.box {
    background-color: inherit;
    color: #000;
  }
  .FlexContainer {
    background: initial;
  }
  .FlexItem {
    background: initial;
  }
  .container {
    opacity: inherit;
  }
}