/* ----------------------------------------------------------------------------- MAX WIDTH 1120 PX */

@media only screen and (max-width:1120px) {
	
#menuWrapper {
padding: 8vw;
}

#menuWrapper .socials {
right:8vw;
bottom: 8vw;
}
	
#titleWrapper {
bottom: 8vw;
left: 8vw;
padding: 3vw 4vw;
}

#titleWrapper h1 {
font-size: 4.4rem
}

#titleWrapper h2 {
font-size: 2rem;
margin: 15px 0 0 0
}

.visiomatWrapper .text,
.beteiligteWrapper,
.impressionenWrapper,
.videosWrapper,
.whoWrapper,
.kontaktWrapper .adresse,
.section.impressum,
.section.datenschutz {
padding: 8vw;
}

.mobilemenuBtn {
top:4vw;
right: 8vw;
}

.upBtn {
bottom: 4vw;
right: 8vw;
}
	
}

/* ----------------------------------------------------------------------------- MAX WIDTH 960 PX */

@media only screen and (max-width:960px) {

.visiomatWrapper {
display: block; 
}	

.visiomatWrapper .imageWrapper {
grid-template-rows:300px 300px 300px; 
}

.beteiligteWrapper .groupw {
margin: 8vw 0 3.5vw 0;
}

.accordion .title,
.videos .title {
font-size: 2.6rem !important;
padding: 2.5vw 10vw 2.5vw 6vw !important;
}

.accordion.active .title,
.accordion.openfirst .title {
padding: 3.5vw 6vw 3.5vw !important;
}

.accordion .title .icon {
background-size: 20px !important;
width:20px !important;
height: 13px !important;
right:6vw !important;
top: 4vw !important;
}

.accordion.active .title .icon {
top: 5vw !important;
}

.beteiligteWrapper .accordion .acccontent {
padding: 0 6vw 6vw 6vw;
}

.kontaktWrapper {
display: block; 
padding: 8vw;
}

.kontaktWrapper .adresse {
padding: 0;
}

.kontaktWrapper .socialWrapper {
position: relative;
}

.kontaktWrapper .socials {
position: relative;
right:auto;
bottom: auto;
}

.kontaktWrapper .socials .btn {
margin: 20px 20px 0 0;
}
	
}

/* ----------------------------------------------------------------------------- MAX WIDTH 480 PX */

@media only screen and (max-width:480px) {
	
.sectionInner h2 {
font-size: 3rem;
font-weight: 300;
}

.sectionInner h3 {
font-size: 2rem;
}
	
.accordion .title,
.videos .title {
font-size: 2rem !important;
padding: 2.5vw 10vw 2.5vw 6vw !important;
}

.beteiligteWrapper .group,
.beteiligteWrapper .groupw {
font-size: 2rem;
margin: 5vw 0 2.5vw 0;
}

.beteiligteWrapper .accordion .acccontent h4 {
margin: 10px 0 0 0;
font-size: 1.9rem;
}
	
}