@font-face {
  font-family: "Dakota Regular";
  src: url("../Font/Dakota/handwriting-dakota.ttf") format("truetype"), url("../Font/Dakota/handwriting-dakota.woff") format("woff");
}
@font-face {
  font-family: "Source Sans Pro bolditalic";
  src: url("../Font/Source_Sans_Pro/sourcesanspro-bolditalic-webfont.woff2"), url("../Font/Source_Sans_Pro/sourcesanspro-bolditalic-webfont.woff"), url("../Font/Source_Sans_Pro/SourceSansPro-BoldItalic.ttf");
}
@font-face {
  font-family: "Source Sans Pro bold";
  src: url("../Font/Source_Sans_Pro/sourcesanspro-bold-webfont.woff2"), url("../Font/Source_Sans_Pro/sourcesanspro-bold-webfont.woff"), url("../Font/Source_Sans_Pro/SourceSansPro-Bold.ttf");
}
@font-face {
  font-family: "Source Sans Pro Regular";
  src: url("../Font/Source_Sans_Pro/sourcesanspro-regular-webfont.woff2"), url("../Font/Source_Sans_Pro/sourcesanspro-regular-webfont.woff"), url("../Font/Source_Sans_Pro/SourceSansPro-Regular.ttf");
}
@font-face {
  font-family: "Source Sans Pro italic";
  src: url("../Font/Source_Sans_Pro/sourcesanspro-italic-webfont.woff2"), url("../Font/Source_Sans_Pro/sourcesanspro-italic-webfont.woff"), url("../Font/Source_Sans_Pro/SourceSansPro-Italic.ttf");
}
.i-footer .i-footer-content, .i-gallery .container, .i-flippers .i-flip-container .flip-container .back, .i-flippers .i-flip-container .flip-container .front, .i-flippers, .i-help, .i-header {
  display: flex;
  justify-content: center;
  align-items: center;
}

h1 {
  font-family: "Dakota Regular";
  font-size: calc(7vw + 2rem);
}

h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  margin-bottom: 0.5rem;
}

h2 {
  font-family: "Source Sans Pro bold";
  font-size: 2.22rem;
  text-transform: uppercase;
}

h3 {
  font-family: "Source Sans Pro bold";
  font-size: 1.33rem;
  text-transform: uppercase;
}

h4 {
  font-family: "Source Sans Pro bold";
  font-size: 0.77rem;
}

p {
  margin-top: 0;
  margin-bottom: 1rem;
}

.i-navigation {
  min-height: 16vh;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  padding-top: 1rem;
}
@media (max-width: 991.98px) {
  .i-navigation {
    background-color: transparent;
    position: absolute;
  }
}
@media (min-width: 992px) {
  .i-navigation {
    background-color: #045688;
  }
}
.i-navigation .navbar-dark .navbar-toggler {
  border-color: transparent;
  outline: none;
  padding: 0;
}
.i-navigation .navbar {
  padding: 0 1rem;
}
.i-navigation .navbar .navbar-collapse .navbar-nav a {
  width: fit-content;
  margin: 0 1rem;
}
.i-navigation .navbar .navbar-collapse .navbar-nav a p {
  font-size: 1.11rem;
  font-family: "Source Sans Pro bolditalic";
  color: #ffffff;
  margin: 0;
  text-transform: uppercase;
}
@media (min-width: 992px) {
  .i-navigation .navbar .navbar-collapse .navbar-nav a {
    transform: skewX(-20deg);
    padding: 0.5rem 1.5rem;
  }
  .i-navigation .navbar .navbar-collapse .navbar-nav a p {
    transform: skewX(20deg);
  }
  .i-navigation .navbar .navbar-collapse .navbar-nav a.active, .i-navigation .navbar .navbar-collapse .navbar-nav a:hover {
    background-color: #054179;
  }
}
@media (max-width: 991.98px) {
  .i-navigation .navbar .navbar-collapse .navbar-nav a {
    padding: 0;
    margin: 0.5rem 1rem;
  }
}

.i-header {
  color: #ffffff;
  font-size: 4.44rem;
  flex-direction: column;
  background: linear-gradient(117deg, #026c98 75%, #054179 75%);
}
@media (max-width: 991.98px) {
  .i-header {
    min-height: 100vh;
  }
}
@media (min-width: 992px) {
  .i-header {
    min-height: 84vh;
  }
}
.i-header h2 {
  font-family: "Source Sans Pro Regular";
  font-size: calc(2vw + 1rem);
  text-transform: initial;
}

.i-contact {
  color: #054179;
  background-color: #ffffff;
  min-height: 100vh;
  Font-size: 2.22rem;
  padding-top: 5rem;
  padding-bottom: 5rem;
  margin-left: 1rem;
}
@media (max-width: 575.98px) {
  .i-contact iframe {
    width: calc(83.333333vw - 13.67px);
    height: calc(83.333333vw - 43.67px);
  }
}
@media (min-width: 576px) and (max-width: 991.98px) {
  .i-contact iframe {
    width: calc(66.666667vw - 10.67px);
    height: calc(66.666667vw - 40.67px);
  }
}
.i-contact h2 {
  text-align: center;
  margin-bottom: 2.5rem;
}
.i-contact p {
  font-family: "Source Sans Pro italic";
  font-size: 1.33rem;
  word-wrap: break-word;
}

.i-help {
  color: #ffffff;
  background-color: #026c98;
  flex-direction: column;
  text-align: center;
  padding-bottom: 5rem;
  padding-top: 5rem;
}
@media (max-width: 991.98px) {
  .i-help p {
    text-align: left;
  }
  .i-help .i-annotation {
    text-align: left;
  }
}
.i-help p {
  font-family: "Source Sans Pro regular";
  font-size: 1.33rem;
}
.i-help .i-annotation {
  font-family: "Source Sans Pro italic";
  font-size: 1.11rem;
  margin-top: -1rem;
}

.i-flippers {
  width: 100%;
}
@media (max-width: 991.98px) {
  .i-flippers {
    background-color: #ffffff;
    padding-top: 100px;
    margin-top: 3rem;
    margin-bottom: 5rem;
  }
}
.i-flippers h2 {
  margin: 0;
}
.i-flippers .i-flip-container {
  margin: 50px 15px;
}
.i-flippers .i-flip-container .flip-container {
  perspective: 1000px;
  min-width: calc(3vw + 250px);
  min-height: calc(3vw + 250px);
}
@media (min-width: 992px) {
  .i-flippers .i-flip-container .flip-container .front {
    transform: rotateY(0deg);
    background-color: #054179;
    z-index: 2;
  }
}
@media (max-width: 991.98px) {
  .i-flippers .i-flip-container .flip-container .front {
    transform: rotateY(180deg);
  }
  .i-flippers .i-flip-container .flip-container .front h2 {
    position: relative;
    bottom: calc(2.5vw + 150px);
    color: #054179;
  }
}
.i-flippers .i-flip-container .flip-container .flipper {
  transition: 0.6s;
  transform-style: preserve-3d;
  position: relative;
}
.i-flippers .i-flip-container .flip-container .front {
  min-width: calc(3vw + 250px);
  min-height: calc(3vw + 250px);
  backface-visibility: hidden;
  position: absolute;
  top: 0;
  left: 0;
  border: 3px solid white;
}
.i-flippers .i-flip-container .flip-container .back {
  min-width: calc(3vw + 250px);
  min-height: calc(3vw + 250px);
  backface-visibility: hidden;
  position: absolute;
  top: 0;
  left: 0;
  border: 3px solid white;
  transform: rotateY(180deg);
  background-color: #ffffff;
  color: #054179;
  font-size: 1.5rem;
  font-family: "Source Sans Pro bold";
}
@media (max-width: 991.98px) {
  .i-flippers .i-flip-container .flipper {
    transform: rotateY(180deg);
  }
  .i-flippers .i-flip-container .flip-container.hover .flipper {
    transform: rotateY(180deg);
  }
}
.i-flippers .i-flip-container .flip-container:hover .flipper {
  transform: rotateY(180deg);
}
.i-flippers .i-flip-container .flip-container:hover .flip-container.hover .flipper {
  transform: rotateY(180deg);
}

.i-gallery {
  padding: 5rem 0;
}
.i-gallery h2 {
  color: #054179;
  text-align: center;
}

#myCarousel img {
  display: block;
  width: 100%;
  height: auto;
}
#myCarousel .carousel-inner {
  padding-left: 3rem;
  padding-right: 3rem;
}
#myCarousel .carousel-inner .carousel-item {
  flex-direction: row;
  justify-content: center;
}
@media (min-width: 1200px) {
  #myCarousel .carousel-inner .carousel-item [class*=col-] {
    padding: 0;
  }
}
#myCarousel .row {
  width: 100%;
}

#thumbSlider {
  padding-right: 15px;
  padding-left: 15px;
}
#thumbSlider .carousel-inner {
  padding-left: 3rem;
  padding-right: 3rem;
}
#thumbSlider .carousel-inner .row {
  overflow: hidden;
  padding: 0 2rem;
}
#thumbSlider .carousel-inner .thumb:hover {
  cursor: pointer;
}
#thumbSlider .carousel-inner .thumb.active img {
  border: 0.5rem solid #045688;
}
#thumbSlider .carousel-inner img {
  height: 75px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}
#thumbSlider .carousel-inner img:hover {
  opacity: 1;
}

@media (min-width: 768px) {
  #mobileCarousel {
    display: none;
  }
}
@media (max-width: 991.98px) {
  .startup-gallery-bild, #thumbSlider {
    display: none;
  }

  #mobileCarousel {
    display: block;
  }
}
.i-gallery-slider {
  margin: 15px 0;
}
@media (max-width: 991.98px) {
  .i-gallery-slider {
    width: 100%;
  }
}
@media (min-width: 992px) {
  .i-gallery-slider {
    width: 50.8vw;
  }
}
.i-gallery-slider .container {
  padding: 0;
}
.i-gallery-slider #myCarousel .row {
  margin: 0;
}
.i-gallery-slider #myCarousel .carousel-inner {
  padding: 0;
}
.i-gallery-slider #big-image {
  padding: 0;
  height: 50.8vw;
  width: 100%;
}
.i-gallery-slider #big-image img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.i-gallery-slider #thumbSlider .carousel-inner {
  padding: 0;
}
.i-gallery-slider #thumbSlider .carousel-item {
  padding: 0 3rem;
}
.i-gallery-slider #thumbSlider .carousel-item .i-thumb-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  width: 100%;
  grid-auto-columns: 1fr;
  justify-items: center;
  align-items: center;
}
.i-gallery-slider #thumbSlider .carousel-item .thumb {
  height: calc(10vw - 10px);
  width: calc(10vw - 10px);
  padding: 7.5px;
}
.i-gallery-slider #thumbSlider .carousel-item .thumb img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.i-gallery-slider #thumbSlider a {
  font-size: 3rem;
  color: #999999;
  width: fit-content;
}
.i-gallery-slider #mobileCarousel {
  width: 100%;
}
.i-gallery-slider #mobileCarousel a {
  font-size: 3rem;
}
.i-gallery-slider #mobileCarousel img {
  height: 80vh;
  width: 100%;
  object-fit: cover;
}

.i-fb {
  width: 60px;
  align-self: flex-start;
  margin-right: 20px;
}
.i-fb img {
  width: 100%;
}

.i-footer {
  color: #ffffff;
  background-color: #054179;
  padding-bottom: 5rem;
  padding-top: 5rem;
  font-size: 0.77rem;
  font-family: "Source Sans Pro Regular";
}

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