header {
    position: relative;
    background-color: black;
    height: 100vh;
    min-height: 25rem;
    width: 100%;
    overflow: hidden;
}

header video {
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: 0;
    -ms-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}

header .container {
    position: relative;
    z-index: 2;
}

header .overlay {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: black;
    opacity: 0.5;
    z-index: 1;
}

.team-member {
    margin-bottom: 3rem;
    text-align: center;
}

.team-member img {
    width: 14rem;
    height: 14rem;
    border: 0.5rem solid rgba(0, 0, 0, 0.1);
    vertical-align: middle;
}

.team-member h4 {
    margin-top: 1.5rem;
    margin-bottom: 0;
}

.imgGrayscale {
    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(1);
    opacity: 0.5;
}

.kundenWappen {
    height: 4em;
}

.bannerGrafik {
}

#bannerIpad{
    z-index: 1;
    position: relative;
    float: left;
}

#bannerIphone{
    z-index: 2;
    position: relative;
    float: right;
}

#demoVideo{
    margin-top: -400px;
}

.partnerImg{
    max-height: 8em;
    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
}

.custombg-black{
    background: #000;
}

.custombg-white{
    background: #FFF;
}

.custombg-dark{
    background: #212121;
}

.custombg-light{
    background: #F5F5F5;
}

.custombg-semidark{
    background: #383838;
}

.custombg-semilight{
    background: #e8e8e8;
}

.fileIcon{
    height: 1.5em;
}

.customCardDiv{
    width: 100%;
    padding-bottom: 75%;
    background-size: cover;
}

.topnewsImg {
    width: 100%;
    padding-bottom: 75%;
    background-size: cover;
}

.customGridRow {
    display: flex;
    flex-wrap: wrap;
}

.vAlign{
    background-position: center center;
    text-align: center;
}

.mousePointer {
    cursor: pointer;
}

#neuBanner {
    background-color: #CE2121;
}

.customGridColumn {
    flex: 25%;
    max-width: 25%;
}

@media screen and (max-width: 350px) {
    .customGridColumn {
        flex: 50%;
        max-width: 50%;
    }
}

.customIconFont {
    font-size: 0.875rem !important;
}

@media screen and (max-width: 650px) {
    .customIconFont {
        font-size: 0.75rem !important;
    }
}

.customGridColumn img {
    vertical-align: middle;
    width: 100%;
}

#ipadLayer0{
    position: relative;
    z-index: 1;
    display: block;
}

#ipadLayerX{
    position: relative;
    z-index: 10;
    display: block;
}

#ipadLayer4{
    position: relative;
    z-index: 2;
    display: block;
}

#ipadLayer3{
    position: relative;
    z-index: 3;
    display: none;
}

#ipadLayer2{
    position: relative;
    z-index: 4;
    display: none;
}

#ipadLayer1{
    position: relative;
    z-index: 5;
    display: none;
}

.parent {
    display: grid;
    grid-template-columns: 1fr;
}

.parent div {
    grid-row-start: 1;
    grid-column-start: 1;
}

.word-break {
    overflow-wrap: break-word;
    word-wrap: break-word;
    word-break: break-word;

    /* Adds a hyphen where the word breaks, if supported (No Blink) */
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
}

.spacing-5 {
    letter-spacing: 1px;
}

.topBannerImage{
    background-image: url(../img/cover_banner.jpg);
}

/* Safari anchor as bugfix */
a[type="button"] {
    -webkit-appearance: none;
}

.webkitToggle{
    -webkit-appearance: unset;
}

@media screen and (max-width: 991px) {
    .topBannerImage{
        background-image: url(../img/cover_banner_mobile.jpg);
    }
}

/* Pulsierende Schalter bei Ebenen */
.pulsingButton {
    white-space: nowrap;
    display: block;
    box-shadow: 0 0 0 0 rgba(206, 33, 33, 0.8);
    -webkit-animation: pulsing 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
    -moz-animation: pulsing 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
    -ms-animation: pulsing 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
    animation: pulsing 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
    color: #ffffff;
    transition: all 300ms ease-in-out;
}

/* Animation */
@-webkit-keyframes pulsing {
    to {
        box-shadow: 0 0 0 15px rgba(206, 33, 33, 0);
    }
}

@-moz-keyframes pulsing {
    to {
        box-shadow: 0 0 0 15px rgba(206, 33, 33, 0);
    }
}

@-ms-keyframes pulsing {
    to {
        box-shadow: 0 0 0 15px rgba(206, 33, 33, 0);
    }
}

@keyframes pulsing {
    to {
        box-shadow: 0 0 0 15px rgba(206, 33, 33, 0);
    }
}

.topslide-1,
.topslide-2,
.topslide-3 {
    position: absolute;
    display: block;

    width: 60%;

    animation-duration: 20s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
}

.topslide-1{
    animation-name: anim-1;
}

.topslide-2{
    animation-name: anim-2;
}

.topslide-3{
    animation-name: anim-3;
}

@keyframes anim-1 {
    0%, 8.3% { left: -100%; opacity: 0; }
    8.3%,25% { left: 25%; opacity: 1; }
    33.33%, 100% { left: 110%; opacity: 0; }
}

@keyframes anim-2 {
    0%, 33.33% { left: -100%; opacity: 0; }
    41.63%, 58.29% { left: 25%; opacity: 1; }
    66.66%, 100% { left: 110%; opacity: 0; }
}

@keyframes anim-3 {
    0%, 66.66% { left: -100%; opacity: 0; }
    74.96%, 91.62% { left: 25%; opacity: 1; }
    100% { left: 110%; opacity: 0; }
}

/* Fonts */
/* montserrat-300 - latin */
/* montserrat-regular - latin */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/montserrat-v25-latin-regular.eot'); /* IE9 Compat Modes */
    src: local(''),
    url('../fonts/montserrat-v25-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/montserrat-v25-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/montserrat-v25-latin-regular.woff') format('woff'), /* Modern Browsers */
    url('../fonts/montserrat-v25-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/montserrat-v25-latin-regular.svg#Montserrat') format('svg'); /* Legacy iOS */
}
/* montserrat-600 - latin */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    src: url('../fonts/montserrat-v25-latin-600.eot'); /* IE9 Compat Modes */
    src: local(''),
    url('../fonts/montserrat-v25-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/montserrat-v25-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/montserrat-v25-latin-600.woff') format('woff'), /* Modern Browsers */
    url('../fonts/montserrat-v25-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/montserrat-v25-latin-600.svg#Montserrat') format('svg'); /* Legacy iOS */
}
/* montserrat-700 - latin */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 700;
    src: url('../fonts/montserrat-v25-latin-700.eot'); /* IE9 Compat Modes */
    src: local(''),
    url('../fonts/montserrat-v25-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/montserrat-v25-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/montserrat-v25-latin-700.woff') format('woff'), /* Modern Browsers */
    url('../fonts/montserrat-v25-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/montserrat-v25-latin-700.svg#Montserrat') format('svg'); /* Legacy iOS */
}
/* montserrat-800 - latin */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 800;
    src: url('../fonts/montserrat-v25-latin-800.eot'); /* IE9 Compat Modes */
    src: local(''),
    url('../fonts/montserrat-v25-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/montserrat-v25-latin-800.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/montserrat-v25-latin-800.woff') format('woff'), /* Modern Browsers */
    url('../fonts/montserrat-v25-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/montserrat-v25-latin-800.svg#Montserrat') format('svg'); /* Legacy iOS */
}
/* montserrat-italic - latin */
@font-face {
    font-family: 'Montserrat';
    font-style: italic;
    font-weight: 400;
    src: url('../fonts/montserrat-v25-latin-italic.eot'); /* IE9 Compat Modes */
    src: local(''),
    url('../fonts/montserrat-v25-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/montserrat-v25-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/montserrat-v25-latin-italic.woff') format('woff'), /* Modern Browsers */
    url('../fonts/montserrat-v25-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/montserrat-v25-latin-italic.svg#Montserrat') format('svg'); /* Legacy iOS */
}
/* montserrat-600italic - latin */
@font-face {
    font-family: 'Montserrat';
    font-style: italic;
    font-weight: 600;
    src: url('../fonts/montserrat-v25-latin-600italic.eot'); /* IE9 Compat Modes */
    src: local(''),
    url('../fonts/montserrat-v25-latin-600italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/montserrat-v25-latin-600italic.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/montserrat-v25-latin-600italic.woff') format('woff'), /* Modern Browsers */
    url('../fonts/montserrat-v25-latin-600italic.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/montserrat-v25-latin-600italic.svg#Montserrat') format('svg'); /* Legacy iOS */
}
/* montserrat-700italic - latin */
@font-face {
    font-family: 'Montserrat';
    font-style: italic;
    font-weight: 700;
    src: url('../fonts/montserrat-v25-latin-700italic.eot'); /* IE9 Compat Modes */
    src: local(''),
    url('../fonts/montserrat-v25-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/montserrat-v25-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/montserrat-v25-latin-700italic.woff') format('woff'), /* Modern Browsers */
    url('../fonts/montserrat-v25-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/montserrat-v25-latin-700italic.svg#Montserrat') format('svg'); /* Legacy iOS */
}
/* montserrat-800italic - latin */
@font-face {
    font-family: 'Montserrat';
    font-style: italic;
    font-weight: 800;
    src: url('../fonts/montserrat-v25-latin-800italic.eot'); /* IE9 Compat Modes */
    src: local(''),
    url('../fonts/montserrat-v25-latin-800italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/montserrat-v25-latin-800italic.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/montserrat-v25-latin-800italic.woff') format('woff'), /* Modern Browsers */
    url('../fonts/montserrat-v25-latin-800italic.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/montserrat-v25-latin-800italic.svg#Montserrat') format('svg'); /* Legacy iOS */
}