.mainHeader {
    color: var(--white-color);
    display: inline-block;
    font-size: 48px;
    max-width: 650px;
    margin-top: 0px;
    margin-left: 0px;
    margin: 0;
}

.left30 {
    margin-left: 30px;
}

.mobileHeader {
    display:  none;
}

.introContainer{
    display: grid; grid-template-columns: 40% 60%; margin-top: 180px; max-width: 1140px;
}
.introContent {
    padding: 20px 82px 32px 3px;
    /*background-color: var(--white-color); margin-top: 20px; margin-left: -20px; padding: 32px 92px 32px 32px;*/
}

.introContent h2 {
    margin-top: 0;
    margin-bottom: 15px;
    white-space: break-spaces;
    text-align: center;
}

.h1Span {
    color: black;
    /*-webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    color: var(--white-color);
    background-image: linear-gradient(#0c030a,#0c030a);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    padding: 0 10px;
    line-height: 1.4;*/
}
.h1Span2{
    color: black;
    font-weight: 100;
}

.teaserContainer {
    background: #8c5ffd; position: fixed; top: 0; right: 200px; z-index: 95;  border-radius: 0 0 24px 24px;transition: transform .2s; box-shadow: 0 4px 30px #00000059;
}

.teaser {
    /*margin: 0 5px 5px 5px;
    border: solid 2px white;*/
    text-align: center;
    color: white;
    font-weight: 500;
    border-radius: 0 0 20px 20px;
    border-top: 0;
}

.teaser a {
    color: white;
    padding: 30px 13px 13px;
    display: block;
    border-radius: 40px;
    background: #8c5ffd;
}
.teaserContainer:hover {
    transform: scale(1.3);
    cursor: pointer;
}