:root {
	--color-primary: #367614;
}

body {
	overflow-x: hidden;
}

.header {
	background: rgba(255,255,255,0.85);
}

.header__logo__link {
	width: 13.6rem;
	height: 11rem;
}

.header__nav ul li a {
	color: #000;
	font-family: 'proxima_nova_condensedregular';
}

.header__nav ul li a:hover, 
.header__nav ul li a.active {
	color: var(--color-primary);
}

.header__nav ul li.submenu::after {
  border-color: #000 transparent transparent transparent;
}

.header__nav ul li.submenu:hover::after,
.header__nav ul li.submenu.active::after {
	border-color: var(--color-primary) transparent transparent transparent;
}

.header__contact::before {
	background: #000;	
}

.header__nav ul ul {
	background: rgba(255,255,255,0.85);
}

.header__nav ul ul li a:hover,
.header__nav ul ul li a.active {
	background: var(--color-primary);
}




.imageteaser__image img {
	position: absolute;
	top: 20%;
	-webkit-transform: translate(-50%, -20%);
	transform: translate(-50%, -20%);
	height: auto;
}

.imageteaser--home .imageteaser__image img {
	left: auto;
	right: 0;
	top: auto;
	bottom: 0;
	-webkit-transform: none;
	transform: none;
}




.tabs-wrapper {
	display: flex;
	margin: 0 0 5rem;
}

.tab {
	padding: 1.8rem 1rem;
	border: 1px solid #ddd;
	width: 50%;
	font-size: 3.4rem;
	text-align: center;
}

.tab:hover,
.tab.current {
	cursor: pointer;
	background: #eee;
}

.tab-content {
	display: none;
}

.tab-content.current {
	display: block;
}




.news-wrapper .courses__entry {
	margin: 0 0 4rem;
}

.news-wrapper .courses__row {
	justify-content: space-between;
}

.news-wrapper .courses__col--icons {
	padding: 0;
	margin: 1rem 0 2rem;
	width: 100%;
	opacity: 0.6
}

.news-wrapper .courses__col--btn {
	width: 40%;
}




.team {
	display: block;
	margin: 3rem 0 5rem;
}

.team::after {
	content: "";
	display: table;
	clear: both;
}

.team__entry {
	float: left;
	margin: 0 2.6667% 2.6667% 0;
	width: 23%;
}

.team__entry:nth-of-type(4) {
	margin-right: 0;
}

.team img {
	width: 360px;
	height: 360px;
}

.team figcaption span {
	display: block;
	font-size: 2rem;
}




.satzung {
	width: 100vw;
	position: relative;
	left: 50%;
	right: 50%;
	margin-left: -50vw;
	margin-right: -50vw;
	margin-bottom: 6rem;
	padding: 8rem 0 6rem;
	font-size: 2rem;
	background: #eee;
}

.downloads {
	display: flex;
	margin: 0 0 3rem;
}

.download {
	display: flex;
	padding: 3rem 2% 0 0;
	width: 35%;
}

.download:last-of-type {
	border: 0;
}

.download__icon {
	width: 8rem;
}





.membership {
	margin: 7rem 0 6rem;
	font-size: 2rem;
}

.textwithimage {
	display: flex;
	justify-content: space-between;
	margin: 3rem 0 3rem;
}

.textwithimage__text-col {
	width: 45%;
}

.textwithimage__image-col {
	width: 53%;
}

.membership .download {
	width: 100%;
}




.jugendteam__intro {
	font-size: 2rem;
}

.jugendteam__intro__wrapper {
	display: flex;
	justify-content: space-between;
	margin: 4rem 0 3rem;
}

.jugendteam__intro__text-col {
	width: 50%;
}

.jugendteam__intro__image-col {
	width: 42%;
}

@media only screen and (max-width: 1000px) {
	
	.jugendteam__intro__wrapper {
		display: block;
	}
	
	.jugendteam__intro__text-col {
		width: 100%;
	}
	
	.jugendteam__intro__image-col {
		width: 100%;	
	}
	
	.jugendteam__intro__image-col img {
		width: 100%;	
	}
}




.gallery ul {
	display: block;
}

.gallery ul li {
	float: left;
	margin: 0 1.3334% 1.3334% 0;
}

.gallery ul li:nth-of-type(4n) {
	margin-right: 0;
}

.gallery ul li .hochkant img {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	height: auto;
	width: 100%;
	max-width: 100%;
}




.imprint {
	margin:  0 0 7rem;
}

.imprint h2 {
	margin: 5rem 0 2rem;
}