/* Responsive */

@media only screen and (max-width:1024px) {
	body {
		font-size: 15px;
	}
    #navigation #logo-c {
        width: 28px;
        font-size: 25px;
        top: 9px;
        left: 3vw;
        height: 19px;
        border-left: 2px solid #000;
        border-right: 2px solid #000;
        opacity: 1 !important;
        transform: scale(1) !important;
    }
    .hamburger {
        padding-top: 15px;
        width: 35px;
    }
	.hamburger.active {
		padding-top: 25px;
	}
    .hamb_line {
        margin-bottom: 8px;
        padding-bottom: 2px;
        background: #000;
    }
	.mobile {
		display: initial;
	}
	.desktop {
		display: none;
	}
	#preloader .logo {
		width: 18vw;
		left: 41%;
		top: 45%;
		font-size: 20vw;
		padding-bottom: 0;
		text-align: center;
		padding: 0 0 0 0;
	}
	.header {
		background: #fff;
		width: 100%;
		height: 42px;
		position: fixed;
		left: 0;
		top: 0;
		z-index: 9999;
		box-shadow: 0 0 5px rgba(0,0,0,0.3);
	}
	#lang-nav {
		bottom: 11px;
		left: 2.5vw;
		font-size: 19px;
		opacity: 0;
		transition: opacity .3s;
	}	
	#lang-nav.show {
		opacity: 1;
	}	
	#lang-nav a {
		color: #000;
	}	
	.logo {
		width: 9%;
		font-size: 10vw;
		margin: 0.5% 2.8%;
	}
	#navigation .links ul li A {
        font-size: 12vw;
        white-space: nowrap;
    }
	#navigation .links ul li A:before {
		left: -6vw;
		bottom: 0.4vw;
		width: 6vw;
		height: 3px;
	}
	#navigation .links ul li A:after, #navigation .links ul li A:hover:after {
		display: none;
	}

    .group-link {
        bottom: 4.5vw;
        left: 4.5vw;
    }
	.group-link a {
		font-size: 4vw;
		line-height: 1.2;
	}	
	
	.video-wrapper {
		top: 41px;
	}
	.flex {
		flex-direction: column;
	}	
	section {
		overflow: hidden;
	}	
	section:first-child {
		margin-top: 41px;
	}
	.section-content {
		width: 90%!important;
		font-size: 15px;
		margin: 4% 5% 4% 5%!important;
	}
	.headline-1, .headline-2 {
		position: relative;
		padding-left: 6vw;
	}	
	.show .headline-1:before, .show .headline-2:before {
		margin-left: -6vw;
		width: 6vw;
	}	
	h2, .headline-2, .page-default .headline-2, .headline-wrapper h2 {
		font-size: 12vw;
		height: auto;
		white-space: normal;
		line-height: 1.4;
		margin-bottom: 4vw;
		margin-top: 2vw;
		white-space: nowrap;
	}	
	h2.headline-2.clayston span.mobile {
		opacity: 0;
	}	
	.page-default h3 {
		font-size: 17px;
		letter-spacing: 0;
	}	
	.page-default.longtext li {
		margin-bottom: 12px;
	}	
	a.underline:after, .underline a:after, .footer-menue a:after {
		height: 1px;
	}
	
/* Home */	
    section#home {
        height: calc(100vh - 41px);
        margin-top: 41px;
    }
	#home .titel {
		/* top: 22%; */
		left: 50%;
	}
	#home .titel .titel1 {
        font-size: 20.2vw;
    }
    #home .titel .titel2 {
        font-size: 7vw;
        line-height: 2.8;
        letter-spacing: 0.15vw;
    }
	#home .untertitel {
		right: 0;
		bottom: 5vh;
		font-size: 4vw;
		width: 100%;
		text-align: center;
	}	
	#home .untertitel span {
		display: inline-block;
		margin: 0 2vw;
		font-size: 4.3vw;
	}
	#home h1#titel #titel2 {
		font-size: 5.6vw;
	}	
	.video-wrapper video {
		left: 30%;
		transform: translateX(-50%);
		height: 100%;
		width: auto;
	}	
	
	.titel .contact-buttons {
		text-align: center;
		margin-top: 5vh;
	}	
	.slidebutton {
		border-radius: 6vw;
		margin: 2vw;
		height: 11vw;
	}
    .slide-inner span {
        border-radius: 6vw;
        padding: 3vw 3vw;
        height: 11vw;
        font-size: 5vw;
        width: 43vw;
    }
	span.slide2 {
		display: none;
	}		
		
    #btn_tel .slide-inner span {
        font-size: 4.7vw;
    }

    div#butter {
        margin-top: 42px;
        overflow: hidden;
    }
	.headline-wrapper {
		justify-content: flex-start;
	}
    .headline-wrapper .img-cover-wrapper {
        margin-bottom: 6.5vw;
        width: auto !important;
        margin-left: 3vw !important;
    }
	.headline-wrapper .img-cover-wrapper img {
		display: none;
	}
	.headline-wrapper .img-cover {
		height: 130%;
	}
	.img-cover-wrapper {
        max-width: 100vw !important;
        width: 100vw !important;
        margin-right: 0 !important;
        margin-left: -5vw !important;
        margin-bottom: 5vw;
    }
    .img-cover-wrapper .number {
        position: initial;
        font-size: 12vw;
    }
	.img-cover-wrapper.team-img-2 {
		width: 90vw!important;
	}
	.img-cover-wrapper.img-right {
		position: absolute;
		top: initial;
	}	
    .img-cover-wrapper img, .img-cover-wrapper video {
        width: 100%;
        margin-left: 0;
    }
	#clayston p br {
		display: none;
	}		
	p.team-data {
		margin-bottom: 4vw;
	}
	.team-data span {
		margin-right: 1.2vw;
	}
    .team-data {
        margin-top: 0;
        font-size: 3.6vw;
        letter-spacing: -0.01vw;
    }
	.number {
	}
	.flex > p {
		margin-top: 0;
	}
	p.text-right {
		float: left!important;
		margin-top: 4vw!important;
		width: 96%!important;
		text-align: left!important;
		margin-left: 2%;
	}	
	p.text-left {
		width: 96%!important;
		text-align: left!important;
		float: left!important;
		margin-left: 2%;
		margin-right: 2%;
		margin-top: 72vw!important;
		margin-bottom: 5vw!important;
	}
	
	#contactform .bigtext {
		font-size: 5.5vw;
		margin-top: 8vw;
		margin-bottom: 16vw;
	}		
	#contactform h2 {
		font-size: 11vw;
	}
	#contactform form {
		width: 100%;
		margin-left: 0;
	}
    input[type="text"], input[type="email"], textarea, #form-modal.active input[type="text"], #form-modal.active input[type="email"], #form-modal.active textarea {
        padding: 2vw;
        font-size: 4.3vw;
        margin-bottom: 2vh;
        width: initial;
        border-radius: 0 !important;
        margin-top: 0;
    }	
    textarea {
        margin-top: 3vw;
    }	
	::placeholder {
		font-size: 4.5vw!important;
	}
    .privacy-accept, #form-modal.active .privacy-accept {
        margin-bottom: 3.5vw;
        text-align: right;
        font-size: 3.4vw;
        line-height: 1.2;
    }
	input.submit-button, #form-modal.active input.submit-button {
		width: 50%;
		font-size: 4.5vw;
		padding: 2.5vw 0;
        border-radius: 0 !important;
	}
	
    #form-modal.active {
        left: 5%;
        top: calc(41px + 1.5vh);
        width: 80%;
        height: auto;
        padding: 1vh 5% 5vh 5%;
        background: rgba(255, 255, 255, .95);
    }
    #form-modal.active .headline-2 {
        font-size: 8vw;
        margin-top: 2vw;
        padding-left: 3.5vw;
        margin-bottom: 0.5vh;
    }
	#btn_form_close {
		width: 6vw;
	}

	p.text-right br, p.text-left br {
		display: none;
	}	
	p.text-right.left-line {
		margin-left: 5vw;
	}
	.headline-1:after, .headline-2:after {
		bottom: -8px;
		width: 7.8vw;
	}	
	.page-default h1, .page-default .headline-1, .page-default .headline-2 {
		font-size: 10vw !important;
		margin-top: 12vw !important;
		margin-bottom: 4vw !important;
		height: auto;
	}
	.left-line a:after {
		width: 2.2vw!important;
		height: 2px!important;
		top: 3.8vw!important;
		left: -2.2vw!important;
	}
	.left-line a:hover:after, .left-line a.active:after {
		width: 11px!important;
		left: -12px!important;
	}
	
	#faq .bezeichnung {
		line-height: 1.4;
		padding: 4vw .5vw 4vw .5vw;
		display: block;
		font-size: 15px;
	}
	a.loadmore {
		margin-top: 5vw;
		line-height: 1.2;
	}
	
/* Team */

	#team-detail {
		margin-top: 41px;
	}
	#team-detail .headline-1 {
		margin-left: 5%;
		width: 93%;
		font-size: 9vw !important;
		margin-top: 8vw !important;
	}
	#team-detail .beruf, #team-detail .headline-1 .beruf {
		font-size: 4vw;
		margin-bottom: 6vw;
		margin-left: -6vw;
		width: 100%;
	}
	#team-detail .beruf br {
		display: none;
	}
	#team-detail .img-flexbox {
        margin-left: 5%;
        flex-direction: column;
        /* align-items: flex-end; */
    }
	#team-detail .img-cover-wrapper.team-img-2 {
		width: 100vw !important;
	}
	#team-detail .text {
		margin: 0;
	}
	#team-detail .text h2 {
		font-size: 6vw;
		margin-top: 10vw;
		margin-bottom: 0;
	}
	#team-kontakt .team-contact {
		flex-direction: column;
	}
	#team-kontakt .team-contact-img {
		max-width: 100vw;
		width: 100vw;
		margin-right: 0;
	}
	#team-kontakt .team-contact-text {
		transform: translateY(0);
		padding-right: 0;
	}
    .legalbox {
        margin-top: 6vw;
        margin-bottom: 6vw;
    }
	.box-content {
		padding: 2vw 1.5vw 2vw 1.3vw;
	}
	.box-header.fade {
		transform: scaleX(0.01);
		transform-origin: right;
		transition: transform 1.0s ease-in-out .3s;
	}
	.box-header.fade.show {
		transform: scaleX(1);
	}
	

/* Page About */	
    #about {
        margin-bottom: 8vw;
        font-size: 1.52vw;
        padding-bottom: 110vw;
    }
    #about h1 {
        margin-top: 3vw !important;
    }
	#about h1.headline-2:before {
		transform: translateX(1vw);
	}	
	#about .text-middle {
		width: 98%;
		margin-left: 1%;
		font-size: 15px;
		line-height: 1.3;
	}
	#about .text-middle p {
		margin-bottom: 10px;
		margin-top: 0;
	}
	#about .more-button {
		text-align: center;
		border: 1px solid #000;
		padding: 3px 8px;
		margin: 25px 0 15px 50%;
		transform: translateX(-50%);
		display: inline-block;
		border-radius: 2px;
	}
	#about .more-content {
		height: 0;
		overflow: hidden;
		transition: height 0.8s ease;
	}	
	#about.showall #about-bg {
		background-position: 50% 75%;
		background-size: 100% 100%;
	}
	#about.showall .more-content {
		height: 550px;
	}
	
	#about h2 {
		font-size: 18px;
		font-weight: 500;
		line-height: 1.2;
		margin-top: 6vw;
		margin-bottom: 1vw;
	}
	#about ul {
		padding-left: 6vw;
		margin-top: 0;
	}
    #about .slide-inner span {
        width: 42vw;
    }
	
	
	/* Impressum, Datenschutz */
	.page-default .headline-3 {
		font-size: 5.5vw;
		margin-top: 8vw;
	}
	.page-default ul {
		padding-left: 6vw;
	}
	.button-back {
		width: 6vw;
		height: 6vw;
		right: 0;
		top: 2vw;
	}

}