/* ----------------------------------------------------------------------------- MAX WIDTH 768 PX */

@media only screen and (max-width:768px) {
	
/*------------------------------------*\
    CONTENT
\*------------------------------------*/

.sectionInner {
padding: 10vw;
}

.sectionInner h1 {
font-size: 2rem;
line-height: 120%
}

.sectionInner h2 {
font-size: 1.7rem;
line-height: 120%
}

.sectionInner li {
border-bottom: 1px solid rgba(255,255,255,0.4);
padding: 0.5vw 0;
display: inline;
line-height: 2.2rem;
}

/* ---- SECTION #3 Team ----- */

.teamInner {
grid-template-columns:1fr 1fr;
grid-column-gap: 10vw;
}

}

/* ----------------------------------------------------------------------------- MAX WIDTH 640 PX */

@media only screen and (max-width:640px) {
	
/*------------------------------------*\
    HEADER
\*------------------------------------*/

.logo {
margin: 0 auto 20px;
display: block;
cursor: default;
}

.logo img {
margin: 0 auto;
max-width: 100px;
}

.logo.small {
margin: 0 auto
}

.logo.small img {
width: 0;
}

#contentWrapper {
margin: 190px 0 0 0 !important;
}

/*------------------------------------*\
    MAINMENU
\*------------------------------------*/

#menuWrapper {
font-size: 0.8rem;
}

#menuWrapper ul li {
margin: 0 2px;
}

#menuWrapper ul li a {
padding:6px 20px 3px;
}

/* ---- SECTION Team ----- */

.teamInner {
display: block;
padding: 0 9vw
}

.teamInner .mitglied {
text-align: center;
margin: 9vw 0
}
	
/* ---- SECTION Termine ----- */

.termineInner .row {
display: block;
padding: 5vw 0 6vw
}

.termineInner .ort {
font-weight: bold;
padding: 0;
text-align: center
}

.termineInner .anmelden {
padding: 0;
text-align: center;
margin: 10px 0 0 0;
}

.termineInner .btn {
font-size: 0.9rem
}

/* ----- UPBTN ----- */

.upBtn {
bottom: 0;
right: 0;
}

}