@import url("https://fast.fonts.net/lt/1.css?apiType=css&c=552ea25e-d3cc-4a15-be20-d34c4f77bcfd&fontids=5663739,5663746,5664093,5664103,5664150");

@font-face {
    font-family: "Helvetica Neue LT W05 55 Roman";
    src: url("../fonts/5664093/08b57253-2e0d-4c12-9c57-107f6c67bc49.woff2") format("woff2"), url("Fonts/5664093/08edde9d-c27b-4731-a27f-d6cd9b01cd06.woff") format("woff");
}

@font-face {
    font-family: "Helvetica Neue LT W05 65 Medium";
    src: url("../fonts/5664103/240c57a0-fdce-440d-9ce3-85e0cb56f470.woff2") format("woff2"), url("Fonts/5664103/7802e576-2ffa-4f22-a409-534355fbea79.woff") format("woff");
}

@font-face {
    font-family: "Helvetica Neue LT W05_75 Bold";
    src: url("../fonts/5664150/800da3b0-675f-465f-892d-d76cecbdd5b1.woff2") format("woff2"), url("Fonts/5664150/7b415a05-784a-4a4c-8c94-67e9288312f5.woff") format("woff");
}

@font-face {
    font-family: "NOEDISPLAY-MEDIUM";
    src: url("../fonts/NOEDISPLAY-MEDIUM.otf") format("opentype");
}

@font-face {
    font-family: "NOEDISPLAY-BOLD";
    src: url("../fonts/NOEDISPLAY-BOLD.otf") format("opentype");
}
}

ul {
    line-height: 990% !important;
}

.bg-gr {
    background: #f9f9f9;
}

.table-bordered,
.table-bordered th,
.table-bordered td,
.table-bordered thead th {
    border-color: #D2D2D7;
}

hr {
    border-color: #60626c;
    opacity: 1;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
    margin-bottom: 0;
}

h6 {
    font-size: 15px;
}

@media (min-width: 992px) {
    h6 {
        font-size: 17px;
    }
}

b {
    font-weight: normal;
}

.green {
    color: #009933;
}

a {
    color: #27282C;
    text-decoration: none;
}

a:hover {
    color: #27282C;
    text-decoration: underline;
}

html {
    height: 100%;
}

body {
    height: 100%;
    font-size: 15px;
    font-family: 'Helvetica Neue LT W05 55 Roman';
    color: #27282c;
}

@media (min-width: 992px) {
    body {
        font-size: 17px;
    }
}

input {
    caret-color: #27282C;
}

.container {
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
}

.container-fluid {
    padding-right: 0;
    padding-left: 0;
    margin-right: auto;
    margin-left: auto;
}

/*@media (min-width: 576px) {
    .container {
        padding-left: 35px;
        padding-right: 35px;
    }
}*/

@media (min-width: 1255px) {
    .container {
        max-width: 1230px;
        padding-left: 0;
        padding-right: 0;
    }
}

b,
strong {
    font-family: 'Helvetica Neue LT W05 65 Medium';
    font-weight: normal;
}

.medium {
    font-family: 'Helvetica Neue LT W05 65 Medium';
}

.bold {
    font-family: 'Helvetica Neue LT W05_75 Bold';
}

.condensed {
    font-family: 'Helvetica Neue LT W05_67 Md Cn';
}

.bold-condensed {
    font-family: 'Helvetica Neue LT W05_77 Bd Cn';
}

.content {
    flex: 1 0 auto;
}

img {
    image-orientation: from-image;
    border-radius: 8px;
    width: 100%;
}

.a-gr-gr {
    color: #27282c;
}

.a-gr-gr:hover {
    text-decoration: none;
}

.a-green-green {
    color: #2f5cb6;
}

.a-green-green:hover {
    color: #2f5cb6;
    text-decoration: underline;
}

.a-bl-bl {
    text-decoration: none;
}

.a-bl-bl-dot {
    text-decoration: underline;
    text-decoration-style: dotted;
}

.bg-gr-hover:hover {
    background-color: #f8f8f8;
    z-index: 1;
    margin: 0;
}

.heading {
    line-height: 1.2;
}

.lock-scroll {
    position: fixed;
}

.only-md {
    display: none;
}

@media (min-width: 768px) {
    .only-md {
        display: block;
    }
}

/*
.js-scroll {
  opacity: 0;
  transition: opacity 10ms;
}
.js-scroll.scrolled {
  opacity: 1;
}

.scrolled.fade-in {
  animation: fade-in 1s ease-in-out both;
}

.scrolled.fade-in-bottom {
  animation: fade-in-bottom 1s ease-in-out both;
  animation-fill-mode: forwards;
}

.scrolled.slide-left {
  animation: slide-in-left 1s ease-in-out both;
}

.scrolled.slide-right {
  animation: slide-in-right 1s ease-in-out both;
}

@keyframes slide-in-left {
  0% {
    transform: translateX(-100px);
    opacity: 1;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}

@keyframes slide-in-right {
  0% {
    transform: translateX(100px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}

@keyframes fade-in-bottom {
  0% {
    transform: translateY(50px);
    opacity: 1;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}

@keyframes fade-in {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}*/
.slideanim {
    visibility: hidden;
    visibility: visible\9;
}

.slideanim.slide {
    visibility: visible;
    animation: slide 1s;
}

.slideanim::after {
    /* useful when its child elements are float:left; */
    content: "";
    display: table;
    clear: both;
}

@keyframes slide {
    0% {
        transform: translateY(30%);
        transform: translateY(60px);
    }

    100% {
        transform: translateY(0);
    }
}


.container-fluid-h1 h1 {
    font-size: 31px;
    padding-top: 23px;
    padding-bottom: 16px;
}

.container-fluid-intro-image {
    height: 53vh;
    background-size: cover !important;
}

@media (min-width: 992px) {
    .container-fluid-h1 h1 {
        font-size: 39px;
        padding-top: 70px;
        padding-bottom: 22px;
    }

    .container-fluid-intro-image {
        height: calc(100vh - 282px);
        height: -webkit-calc(100vh - 282px);
        height: -moz-calc(100vh - 282px);
    }
}

.intro-static {
    width: 97%;
    margin: auto;
    border-radius: 10px;
}

.intro-static .image-bg {
    border-radius: 10px;
    height: 63vh;
}

#intro.carousel.slide {
    width: 97%;
    margin: auto
}

#intro .carousel-inner {
    border-radius: 10px
}

#intro .carousel-indicators li {
    width: 50px !important;
}

#intro .carousel-inner img {
    font-size: 0;
    background-size: cover !important;
    width: 0;
    height: 0;
    padding-top: calc(63vh / 2) !important;
    padding-right: 50vw !important;
    padding-bottom: calc(63vh / 2) !important;
    padding-left: 50vw !important;

    /*height: calc(100vh - 190px);*/
    /*width: 95%;*/
    padding-left: 48.5vw !important;
    padding-right: 48.5vw !important;

}

@media (min-width: 992px) {
    .intro-static .image-bg {
        height: calc(100vh - 190px);
        height: -webkit-calc(100vh - 190px);
        height: -moz-calc(100vh - 190px);
    }

    #intro .carousel-inner img {
        padding-top: calc((100vh - 190px) / 2) !important;
        padding-top: -webkit-calc((100vh - 190px) / 2) !important;
        padding-top: -moz-calc((100vh - 190px) / 2) !important;
        padding-bottom: calc((100vh - 190px) / 2) !important;
        padding-bottom: -webkit-calc((100vh - 190px) / 2) !important;
        padding-bottom: -moz-calc((100vh - 190px) / 2) !important;
    }
}

/* Damit in Safari automatisch ausgefüllte Eingabefelder nicht gelb werden */
input:-webkit-autofill {
    -webkit-box-shadow: inset 0 0 0px 9999px white;
}