@media only screen and (max-width: 1200px) {
    .invis {
        opacity: 0;
    }
    
    div.wrapper {
        width: 100vw-100px;
    }
    
    .hideOnMobile {
        display: none;
    }
    
    .showOnMobile {
        display: block;
    }
    
    p {
        font-size: 18px;
        line-height: 28px;
    }
	
	h2 {
		font-size: 50px;
		hyphens: auto;
	}
	
	h3 {
		hyphens: auto;
	}
	
	h4 {
		hyphens: auto;
	}
    
    header div.wrapper {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: flex-start;
    }
    
    nav {
        top: 10vh;
        position: absolute;
        justify-self: center;
    }
    
    div.logo {
        position: fixed;
        left: 50px;
        top: 2vh;
    }
    
    div.hamburger {
        position: fixed;
        right: 50px;
        top: 7.4vh;
    }
    
    header {
        transition: 400ms;
    }
    
    header.hout {
        height: 85vh;
    }
    
    nav {
        margin-top: -75vh;
        height: 55vh;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        opacity: 0;
        transition: 400ms;
    }
    
    nav.appear {
        opacity: 1;
        margin-top: 10vh;
    }
    
    nav a {
        text-decoration: none;
        color: white;
        font-size: 25px;
        text-align: center;
    }
    
    section.secTwo {
        padding-top: 25vh;
    }
    
    section.secTwo div.tierwahl {
        width: 70vw;
		margin-left: -110px;
    }
    
    div.hero h1 {
        font-size: 60px;
    }
    
    div.hero div.cta a.btn {
        font-size: 18pt;
    }
    
    div.arrOne button {
        width: 6vw;
        height: 12vh;
        border-radius: 1.5vw;
    }
    
    div.arrOne button img {
        height: 3vh;
    }
    
    div.arrTwo button {
        width: 6vw;
        height: 12vh;
        border-radius: 1.5vw;
    }
    
    div.arrTwo button img {
        height: 3vh;
    }
    
    div.sliderWindow {
        min-width: var(--card-width);
        max-width: calc(var(--card-width) * 1.01);
    }
    
    div.card.active {
        transform: scale(0.75);
    }
    
    section.secThree {
        background-position: center;
    }
    
    section.secThree div.wrapper {
        padding-top: 30vh;
        padding-bottom: 10vh;
    }
    
    section.secThree div.secThreeCta {
        display: flex;
        flex-direction: column;
        gap: 1.5vh;
        align-items: flex-start;
    }
    
    
    div.secThreeCta img {
    height: 18px;
    }
    
    section.secFour {
        background-size: 32vh;
    }
    
    section.secFour div.wrapper {
        padding-top: 22vh;
        padding-bottom: 20vh;
    }
   
    section.secFive div.wrapper {
        padding-top: 13vh;
    }
    
    div.krank {
        flex-direction: column-reverse;
        gap: 5vh;
    }
    
    div.krank div.huener {
        width: 60vw;
        height: 40vh;
    }
    
    div.krank div.huener a {
        right: -100px;
    }
    
    div.krank div.huener a.btn {
        padding: 22px 35px;
    }
    
    div.krank div.huener a.btn p {
        width: auto;
    }
    
    div.krank div p {
        width: 60vw;
    }
    
    footer {
        height: 800px;
    }
    
    footer div.wrapper {
        flex-direction: column;
        padding-bottom: 100px;
        align-items: center;
    }
    
    footer div.logo {
        position: static;
    }
    
    footer div.kontakt {
        align-items: center;
		text-align: center;
    }
    
    footer div.recht {
        align-items: center;
    }
}