@charset "UTF-8";
/* CSS Document */

body {
	margin: 0; 
	padding: 0;
	font-family: 'Helvetica';
	overflow: auto;
	background-color: #fff;	
	}
body, html {
	width: 100%;
	height: 100%;
	}
#container {
	box-sizing: border-box;
	width: 100%;
	height: 100%;
}
#kopf {
	box-sizing: border-box;
	width: 100%;
	height: auto;
	position: fixed;
	top: 0px;
	line-height: 0;
	padding: 0;
	margin: 0;
	background-color: #fff;
	z-index: 3;
	}
.wrapper {
	box-sizing: border-box;
	width: 100%;
	height: auto;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	padding: 20px 60px;
}
#logo {
	box-sizing: border-box;
	width: auto;
	height: 120px;
}
#logo img {
	width: 100%;
	height: 100%;
}
#navwrapper {
	box-sizing: border-box;
	width: 83%;
	height: auto;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
#navigation {
	box-sizing: border-box;
	width: 100%;
	height: auto;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
}
.navpunkt {
	box-sizing: border-box;
	width: 15%;
	height: 40px;
	display: flex;
	flex-shrink: 0;
	font-size: 1.19em;
	font-weight: bold;
	text-align: center;
	color: #ffffff;
	justify-content: center;
	align-items: center;
	background-color: #a2c613;
	border-radius: 20px;
}
.navpunkt:link {
	text-decoration: none;
	color: #ffffff;
	background-color: #a2c613;
}
.navpunkt:visited {
	text-decoration: none;
	color: #ffffff;
	background-color: #a2c613;
}
.navpunkt:hover {
	text-decoration: none;
	color: #ffffff;
	background-color: #494948;
}
.navpunkt:active {
	text-decoration: none;
	color: #ffffff;
	background-color: #494948;
}
.vereinslogos {
	box-sizing: border-box;
	width: 100%;
	height: 60px;
	text-align: center;
	margin: 0 0 20px 0;
}

.vereinslogos img {
	height: 100%;
	width: auto;
	margin: 0 3.5%;
}
#linie {
	width: 100%;
	height: 6px;
	background-color:#a2c613;
}
#inhaltswrapper {
	width: 100%;
	position: relative;
	top: 166px;
	z-index: 0;
}
#kopfbild {
	width: 100%;
	height: 56.25%;
	line-height: 0;
	overflow: hidden;
	z-index: 0;
}
#kopfbild img {
	width: 100%;
	height: auto;
}
#fader {
	width: 100%;
	position: relative;
	line-height: 0;
	overflow: hidden;
	padding-top: 56.25%;
	margin: 0;
	z-index: 0;
}
#videowrapper {
	position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}
#videowrapper iframe {
	position: absolute;
 	top: 0;
 	left: 0;
 	bottom: 0;
 	right: 0;
 	width: 100%;
  	height: 100%;
	line-height: 0;
}
#slideshow {
	position: absolute;
 	top: 0;
 	left: 0;
 	bottom: 0;
 	right: 0;
 	width: 100%;
  	height: 100%;
	}
.slides img {
	width: 100%;
	height: auto;
  }
#hauptsponsor {
	box-sizing: border-box;
	width: 100%;
	height: auto;
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	background-image: linear-gradient(150deg, #038ad5 25%, #4caf72 100%);
	line-height: 0;
	padding:  1.5em 0px;
	margin: 0;
	z-index: 0;
}
#hauptsponsor img {
	width: 20%;
	height: auto;
}
#inhalt1 {
	box-sizing: border-box;
	width: 100%;
	height: auto;
	position: relative;
	background-color: #494948;
	padding: 60px;
	z-index: 0;
}
#inhalt1 iframe {
	box-sizing: border-box;
	width: 100%;
	height: 460px;
	background-color: #ffffff;
	border: none;
	border-radius: 20px;
	margin: 80px 0 60px 0;
	padding: 39px;
}
.text1 {
	box-sizing: border-box;
	max-width: 1400px;
	color: #ffffff;
	margin: 80px auto 0px;
}
#wrapper1 {
	box-sizing: border-box;
	max-width: 1400px;
	height: auto;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	flex-shrink: 0;
	line-height: 0;
	margin: 20px auto 0;
}
.menuewrapper {
	width: 45%;
	height: auto;
	margin: 60px 0 30px 0;
}
.menuewrapper img {
	width: 100%;
	height: auto;
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
}
.menuebutton {
	box-sizing: border-box;
	width: 100%;
	height: 40px;
	display: flex;
	flex-shrink: 0;
	font-size: 1.25em;
	font-weight: bold;
	text-align: center;
	color: #ffffff;
	justify-content: center;
	align-items: center;
	background-color: #a2c613;
	border-radius: 20px;
}
.menuebutton:link {
	text-decoration: none;
	color: #ffffff;
	background-color: #a2c613;
}
.menuebutton:visited {
	text-decoration: none;
	color: #ffffff;
	background-color: #a2c613;
}
.menuebutton:hover {
	text-decoration: none;
	color: #a2c613;
	background-color: #ffffff;
}
.menuebutton:active {
	text-decoration: none;
	color: #a2c613;
	background-color: #ffffff;
}
.hauptsponsor {
	box-sizing: border-box;
	width: 100%;
	height: auto;
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	background-image: linear-gradient(150deg, #038ad5 25%, #4caf72 100%);
	line-height: 0;
	padding:  0.5em 0px;
	margin: 0 0 30px 0;
	border-bottom-left-radius: 20px;
	border-bottom-right-radius: 20px;
	z-index: 0;
}
.hauptsponsor img {
	width: 20%;
	height: auto;
	border-radius: 0;
}
.smlogos {
	box-sizing: border-box;
	width: 100%;
	height: auto;
	display: flex;
	flex-shrink: 0;
	justify-content: center;
	line-height: 0;
}
.smlogos img {
	width: auto;
	height: 60px;
	margin: 0 60px;
}
.galeriewrapper {
	width: 25%;
	height: auto;
	margin: 60px 0 30px 0;
}
.galeriewrapper img {
	width: 100%;
	height: auto;
	border-radius: 20px;
	margin: 0 0 30px 0;
}
#inhalt2 {
	box-sizing: border-box;
	position: relative;
	max-width: 1400px;
	margin: 0 auto;
	z-index: 0;
}
.text2 {
	box-sizing: border-box;
	max-width: 1400px;
	color: #494948;
	padding: 0;
	margin: 80px auto 0px;
}
#wrapper2 {
	box-sizing: border-box;
	width: 100%;
	height: auto;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: flex-start;
	margin: 60px 0px 90px 0px;
}
.spielerwrapper {
	box-sizing: border-box;
	width: 30%;
	height: auto;
	line-height: 0;
	position: relative;
}
#spielerfader {
	width: 100%;
	position: relative;
	line-height: 0;
	overflow: hidden;
	padding-top: 100%;
	margin: 39px 0px;
}
#spielerslides {
	position: absolute;
 	top: 0;
 	left: 0;
 	bottom: 0;
 	right: 0;
 	width: 100%;
  	height: 100%;
	border-radius: 20px;
	line-height: 0;
}
.spielerslides img {
	width: 100%;
	height: auto;
  }
.trainerwrapper1 {
	box-sizing: border-box;
	width: 30%;
	height: auto;
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
}
.trainerwrapper2 {
	width: 100%;
	margin: 0 0 60px 0;
}
.trainer {
	box-sizing: border-box;
	width: 100%;
	height: auto;
	line-height: 0;
	overflow: hidden;
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
	margin: 0px;
}
.trainer img {
	width: 100%;
	height: auto;
}
.trainername {
	width: 100%;
	padding: 0.6em 0;
	font-size: 1.56em;
	font-weight: bold;
	line-height: 1.32em;
	text-align: center;
	color: #ffffff;
	background-color: #a2c613;
	border-bottom-left-radius: 20px;
	border-bottom-right-radius: 20px;
}
.tabellenwrapper {
	box-sizing: border-box;
	width: 63%;
	height: auto;
}
.trainingszeiten {
	box-sizing: border-box;
	border: 2px solid #494948;
	margin: 15px 0 60px 0;
}
.tabellenkopf {
	text-align: center;
	font-size: 1.56em;
	font-weight: bold;
	color: #ffffff;
	background-color: #494948;
	padding: 0.6em;
	border: none;
}
.tabellenzeile1 {
	text-align: center;
	font-size: 1.56em;
	background-color: #ffffff;
	padding: 0.6em;
	border: none;
}
.tabellenzeile2 {
	text-align: center;
	font-size: 1.56em;
	background-color: #e3e3e3;
	padding: 0.6em;
	border: none;
}
.spielplanwrapper {
	box-sizing: border-box;
	width: 100%;
	display: flex;
	justify-content: center;
	margin: 0 0 60px 0;
}
.spielplanbuttons {
	box-sizing: border-box;
	width: 35%;
	display: flex;
	flex-direction: column;
}
.spielplanbutton1 {
	box-sizing: border-box;
	width: 100%;
	height: 40px;
	display: flex;
	flex-shrink: 0;
	font-size: 1.25em;
	font-weight: bold;
	text-align: center;
	color: #ffffff;
	justify-content: center;
	align-items: center;
	background-color: #494948;
	border-radius: 20px;
	margin: 90px 0 0 0;
}
.spielplanbutton1:link {
	text-decoration: none;
	color: #ffffff;
	background-color: #494948;
}
.spielplanbutton1:visited {
	text-decoration: none;
	color: #ffffff;
	background-color: #494948;
}
.spielplanbutton1:hover {
	text-decoration: none;
	color: #ffffff;
	background-color: #a2c613;
}
.spielplanbutton1:active {
	text-decoration: none;
	color: #ffffff;
	background-color: #a2c613;
}.spielplanbutton2 {
	box-sizing: border-box;
	width: 100%;
	height: 40px;
	display: flex;
	flex-shrink: 0;
	font-size: 1.25em;
	font-weight: bold;
	text-align: center;
	color: #ffffff;
	justify-content: center;
	align-items: center;
	background-color: #a2c613;
	margin: 30px 0 0 0;
	border-radius: 20px;
}
.spielplanbutton2:link {
	text-decoration: none;
	color: #ffffff;
	background-color: #a2c613;
}
.spielplanbutton2:visited {
	text-decoration: none;
	color: #ffffff;
	background-color: #a2c613;
}
.spielplanbutton2:hover {
	text-decoration: none;
	color: #ffffff;
	background-color: #494948;
}
.spielplanbutton2:active {
	text-decoration: none;
	color: #ffffff;
	background-color: #494948;
}
.spielplanbutton3 {
	box-sizing: border-box;
	width: 100%;
	height: 40px;
	display: flex;
	flex-shrink: 0;
	font-size: 1.25em;
	font-weight: bold;
	text-align: center;
	color: #ffffff;
	justify-content: center;
	align-items: center;
	background-color: #494948;
	margin: 30px 0 0 0;
	border-radius: 20px;
}
.spielplanbutton3:link {
	text-decoration: none;
	color: #ffffff;
	background-color: #494948;
}
.spielplanbutton3:visited {
	text-decoration: none;
	color: #ffffff;
	background-color: #494948;
}
.spielplanbutton3:hover {
	text-decoration: none;
	color: #ffffff;
	background-color: #a2c613;
}
.spielplanbutton3:active {
	text-decoration: none;
	color: #ffffff;
	background-color: #a2c613;
}
.sponsorbanner {
	box-sizing: border-box;
	position: relative;
	width: 100%;
	height: auto;
	line-height: 0;
	border-radius: 20px;
	margin: 35px 0 60px 0;
	z-index: 0;
}
.sponsorbanner img {
	width: 100%;
	height: auto;
	z-index: 0;
}
#inhalt3 {
	box-sizing: border-box;
	width: 100%;
	height: auto;
	position: relative;
	padding: 0;
	margin: 0px 0 0 0px;
	z-index: 0;
}
.artikelleiste {
	box-sizing: border-box;
	max-width: 100%;
	height: auto;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: center;
	color: #494948;
	padding: 60px 13.54%;
	margin: 0;
	position: relative;
}
.bildwrapper {
	width: 30%;
	height: auto;
	line-height: 0;
}
.bildwrapper img {
	width: 100%;
	height: auto;
	border-radius: 20px;
}
.textwrapper {
	box-sizing: border-box;
	width: 34%;
	height: auto;
	padding: 30px 0 0 0;
}
.kartenwrapper {
	width: 30%;
	padding-top: 16.875%;
	line-height: 0;
	overflow: hidden;
	position: relative;
}
.kartenwrapper iframe {
	position: absolute;
 	top: 0;
 	left: 0;
 	bottom: 0;
 	right: 0;
 	width: 100%;
  	height: 100%;
	border-radius: 20px;
	line-height: 0;
}
.werbewrapper {
	box-sizing: border-box;
	max-width: 1400px;
	padding: 0;
	margin: 0 auto;
	position: relative;
	z-index: 0;
}
.bildwrapper2 {
	width: 20%;
	height: auto;
	line-height: 0;
}
.bildwrapper2 img {
	width: 100%;
	height: auto;
	border-radius: 20px;
}
.textwrapper2 {
	box-sizing: border-box;
	width: 75%;
	height: auto;
	padding: 30px 0 0 0;
}
.sponsorenwrapper {
	box-sizing: border-box;
	max-width: 1400px;
	height: auto;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	flex-shrink: 0;
	line-height: 0;
	margin: 60px auto 0;
}
.sponsorenlogowrapper {
	width: 27%;
	height: auto; 
	margin: 30px 0;

}
.sponsorenlogowrapper img {
	width: 100%; 
	height: auto;
}

#formular {
	position: relative;
	margin: 60px 0 0 0;
	z-index: 0;
}
.feld1 {
	box-sizing:border-box;
	width: 100%;
	text-align: left;
	display: block;
	font-size:1.12em;
	color: #494948;
}
.eingabe {
	box-sizing:border-box;
	margin-top: 8px;
	width: 100%;
	height: auto;
	padding: 12px;
	color: #494948;
	font-size:1.12em;
	text-align:left;
	border: 0.5px solid #494948;
	border-radius: 20px;
}
#nachricht {
	box-sizing:border-box;
	margin-top: 8px;
	width: 100%;
	height: auto;
	padding: 12px;
	color: #494948;
	font-size:1.12em;
	text-align:left;
	border: 0.5px solid #494948;
	border-radius: 20px;
}
.label {
	display: inline-block; 
	width: 12em;
	font-size: 1.12em;
	line-height: 1.63em;
	text-align: left;
	color: #494948;
}
.error {
	font-size:1.12em;
	color: #9e1118;
}
.buttonwrapper {
	box-sizing:border-box;
	width: 100%;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	margin: 60px 0 0 0;
}
.formbutton1 {
	box-sizing: border-box;
	width: 45%;
	height: 40px;
	display: flex;
	flex-shrink: 0;
	font-size: 1.25em;
	font-weight: bold;
	text-align: center;
	color: #ffffff;
	justify-content: center;
	align-items: center;
	background-color: #494948;
	border-radius: 20px;
	margin: 0;
}
.formbutton1:link {
	text-decoration: none;
	color: #ffffff;
	background-color: #494948;
}
.formbutton1:visited {
	text-decoration: none;
	color: #ffffff;
	background-color: #494948;
}
.formbutton1:hover {
	text-decoration: none;
	color: #ffffff;
	background-color: #a2c613;
}
.formbutton1:active {
	text-decoration: none;
	color: #ffffff;
	background-color: #a2c613;
}
.formbutton2 {
	box-sizing: border-box;
	width: 45%;
	height: 40px;
	display: flex;
	flex-shrink: 0;
	font-size: 1.25em;
	font-weight: bold;
	text-align: center;
	color: #ffffff;
	justify-content: center;
	align-items: center;
	background-color: #a2c613;
	margin: 0;
	border-radius: 20px;
}
.formbutton2:link {
	text-decoration: none;
	color: #ffffff;
	background-color: #a2c613;
}
.formbutton2:visited {
	text-decoration: none;
	color: #ffffff;
	background-color: #a2c613;
}
.formbutton2:hover {
	text-decoration: none;
	color: #ffffff;
	background-color: #494948;
}
.formbutton2:active {
	text-decoration: none;
	color: #ffffff;
	background-color: #494948;
}
.formtable {
	width: 100%;
	border: 2px solid #494948;
	border-collapse: collapse;
	font-family: 'Helvetica';
	text-align: center;
	margin: 15px 0 0 0;
}
.formtable th {
	height: 39px;
	font-size: 1.25em;
	background-color: #494948;
	color: #ffffff;
}
.formtable td {
	border: 2px solid #494948;
	border-collapse: collapse;	
	color: #494948;
}
.zeile1 {
	background-color: #ffffff;
}
.zeile2 {
	background-color: #e3e3e3;
}
.formeingabe {
	box-sizing:border-box;
	border: none;
	width: 100%;
	height: 39px;
	padding: 0;
	background-color: transparent;
	color: #494948;
	font-size:1.25em;
	text-align: center;
	line-height: 0;
}
#footer {
	box-sizing: border-box;
	width: 100%;
	height: auto;
	font-size: 1.25em;
	font-weight: bold;
	text-align: center;
	color: #ffffff;
	background-color:#a2c613;
	padding: 15px 0;
	position: relative;
	z-index: 0;
}
.mouseover:link { color:#494948;
}
.mouseover:visited { color:#494948;
}
.mouseover:hover { color:#a2c613;
}
.mouseover:active { color:#a2c613;
}

.mouseover1:link { color:#000000;
}
.mouseover1:visited { color:#000000;
}
.mouseover1:hover { color:#a2c613;
}
.mouseover1:active { color:#a2c613;
}

.mouseover2:link { color:#ffffff;
}
.mouseover2:hover { color:#a2c613;
}
.mouseover3:link { color:#ffffff;
}
.mouseover3:hover { color:#494948;
}
a:link {
	color: #ffffff;
	text-decoration: none;
}
a:visited {
	color: #ffffff;
	text-decoration: none;
}
a:hover {
	color:#494948;
	text-decoration: none;
}
a:active {
	color:#494948;
	text-decoration: none;
}
.noborder {
    border-width: 0px;
}
h1 {
	box-sizing: border-box;
	font-size: 3.3em;
	font-weight: 200;
	line-height: 0;
	text-align: center;
	color: #ffffff;
	padding: 0;
	margin: 30px 0 0 0;
}
h2 {
	box-sizing: border-box;
	font-size: 1.88em;
	font-weight: 300;
	line-height: 0;
	text-align: center;
	color: #494948;
	padding: 0;
	margin: 15px 0 0 0;
}
h3 {
	box-sizing: border-box;
	font-size: 1.32em;
	font-weight: bold;
	line-height: 0;
	text-align: center;
	color: #a2c613;
	padding: 0;
	margin: 60px 0 0 0;
}
h4 {
	box-sizing: border-box;
	font-size: 1.88em;
	font-weight: 100;
	line-height: 0;
	text-align: left;
	color: #ffffff;
	padding: 0;
	margin: 70px 0 35px 0;
}
h5 {
	box-sizing: border-box;
	font-size: 1.88em;
	font-weight: 100;
	line-height: 0;
	text-align: left;
	color: #494948;
	padding: 0;
	margin: 70px 0 35px 0;
}
h6 {
	box-sizing: border-box;
	font-size: 3.3em;
	font-weight: 200;
	line-height: 0;
	text-align: center;
	color: #494948;
	padding: 0;
	margin: 90px 0 0 0;
}
h7 {
	box-sizing: border-box;
	font-size: 1.88em;
	font-weight: 100;
	line-height: 1.30em;
	text-align: left;
	color: #494948;
	padding: 0;
	margin: 0px 0 35px 0;
}
p {
	font-size: 1.25em;
	line-height: 1.5em;
}
li {
	font-size: 1.25em;
	line-height: 1.5em;
	margin: 0px 0px 0px -23px;
	text-align: left;
	list-style-type: disc;
	color: #a2c613;
}
@media screen and (max-width: 810px) {
    .wrapper {
	padding: 12px 30px 8px; 
	}
}
@media screen and (max-width: 480px) {
    .wrapper {
	flex-direction: column;
	justify-content: center;
	padding: 12px 30px 8px; 
	}
}
@media screen and (max-width: 810px) {
    #logo {
	height: 75px; 
	}
}
@media screen and (max-width: 1440px) {
    #navwrapper {
	width: 78%;
	}
}
@media screen and (max-width: 810px) {
    #navwrapper {
	width: 78%;
	}
}
@media screen and (max-width: 480px) {
    #navwrapper {
	width: 100%;
	}
}
@media screen and (max-width: 480px) {
    #navigation {
	width: 100%;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 10px 0 5px 0;
	}
}
@media screen and (max-width: 1440px) {
    .navpunkt {
	width: 15%;
	height: 30px;
	font-size: 0.90em;
	border-radius: 15px;
	}
}
@media screen and (max-width: 810px) {
    .navpunkt {
	width: 16%;
	height: 24px;
	font-size: 0.76em;
	border-radius: 12px;
	}
}
@media screen and (max-width: 480px) {
    .navpunkt {
	width: 46%;
	height: 26px;
	font-size: 0.88em;
	margin: 5px 0px;
	border-radius: 13px;
	}
}
@media screen and (max-width: 810px) {
    .vereinslogos {
	height: 38px;
	margin: 0 0 15px 0;
	}
}
@media screen and (max-width: 480px) {
    .vereinslogos {
	height: 45px;
	margin: 15px 0 0 0;
	}
}
@media screen and (max-width: 480px) {
    .vereinslogos img {
	margin: 0 7%;
	}
}
@media screen and (max-width: 810px) {
    #inhaltswrapper {
	top: 103px;
	}
}
@media screen and (max-width: 480px) {
    #inhaltswrapper {
	top: 297px;
	}
}
@media screen and (max-width: 480px) {
    #hauptsponsor {
	padding: 8px 0px 9px 0px;
	}
}
@media screen and (max-width: 480px) {
    #hauptsponsor img {
	width: 39%;
	height: auto;
	}
}
@media screen and (max-width: 480px) {
    #inhalt1 {
	padding: 20px 30px 20px;
	}
}
@media screen and (max-width: 480px) {
    #inhalt1 iframe {
	height: 360px;
	margin: 40px 0 30px 0;
	padding: 15px;
	border-radius: 10px;
	}
}
@media screen and (max-width: 480px) {
    .smlogos img {
	height: 42px;
	margin: 0 15px;
	}
}
@media screen and (max-width: 480px) {
    .text1 {
	padding: 0;
	margin: 25px auto 0px;
	}
}
@media screen and (max-width: 810px) {
    #inhalt2 {
	width: 100%;
	height: auto;
	padding: 0 30px;
	}
}
@media screen and (max-width: 480px) {
    .text2 {
	padding: 0;
	margin: 35px auto 0px;
	}
}
@media screen and (max-width: 480px) {
    #wrapper1 {
	margin: 9px 0px 0px 0px;
	}
}
@media screen and (max-width: 480px) {
    #wrapper2 {
	width: 100%;
	height: auto;
	flex-direction: column;
	margin: 30px 0px 20px 0px;
	}
}
@media screen and (max-width: 480px) {
    .spielerwrapper {
	width: 100%;
	height: auto;
	margin: 0 0 30px 0;
	}
}
@media screen and (max-width: 480px) {
    #spielerfader {
		margin: 35px auto 0;
	}
}
@media screen and (max-width: 480px) {
    .tabellenwrapper {
	width: 100%;
	height: auto;
	}
}
@media screen and (max-width: 480px) {
    .sponsorbanner {
	margin: 25px 0 30px 0;
	}
}
@media screen and (max-width: 480px) {
    .menuewrapper {
	margin: 20px 0 15px 0;
	}
}
@media screen and (max-width: 480px) {
    .menuewrapper img {
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
	}
}
@media screen and (max-width: 480px) {
    .hauptsponsor {
	border-bottom-left-radius: 15px;
	border-bottom-right-radius: 15px;
	padding:  0.3em 0px;
	margin: 0px 0 15px 0;
	}
}
@media screen and (max-width: 480px) {
    .hauptsponsor img {
	width: 39%;
	border-radius: 0;
	}
}
@media screen and (max-width: 480px) {
    .menuebutton {
	height: 30px;
	font-size: 0.88em;
	border-radius: 15px;
	}
}
@media screen and (max-width: 480px) {
    .trainingszeiten {
	margin: 5px 0 30px 0;
	}
}
@media screen and (max-width: 480px) {
    .tabellenkopf {
	font-size: 0.93em;
	}
}
@media screen and (max-width: 480px) {
    .tabellenzeile1 {
	font-size: 0.93em;
	line-height: 1.32em;
	}
}
@media screen and (max-width: 480px) {
    .tabellenzeile2 {
	font-size: 0.93em;
	line-height: 1.32em;
	}
}
@media screen and (max-width: 480px) {
    .spielplanwrapper {
	margin: 0 0 30px 0;
	}
}
@media screen and (max-width: 480px) {
    .spielplanbuttons {
	width: 45%;
	}
}
@media screen and (max-width: 480px) {
    .spielplanbutton1 {
	height: 30px;
	font-size: 0.88em;
	border-radius: 15px;
	margin: 35px 0 0 0;
	}
}
@media screen and (max-width: 480px) {
    .spielplanbutton2 {
	height: 30px;
	font-size: 0.88em;
	border-radius: 15px;
	margin: 15px 0 0 0;
	}
}
@media screen and (max-width: 480px) {
    .spielplanbutton3 {
	height: 30px;
	font-size: 0.88em;
	border-radius: 15px;
	margin: 15px 0 0 0;
	}
}
@media screen and (max-width: 480px) {
    .trainerwrapper1 {
	width: 100%;
	height: auto;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	}
}
@media screen and (max-width: 480px) {
    .trainerwrapper2 {
	width: 45%;
	height: auto;
	margin: 0 0 30px 0;
	}
}
@media screen and (max-width: 480px) {
    .galeriewrapper {
	width: 100%;
	height: auto;
	margin: 20px 0 15px 0;
	}
}
@media screen and (max-width: 480px) {
    .galeriewrapper img {
	border-radius: 15px;
	}
}
@media screen and (max-width: 480px) {
    .trainername {
	font-size: 0.93em;
	line-height: 1.32em;
	border-bottom-left-radius: 15px;
	border-bottom-right-radius: 15px;
	}
}
@media screen and (max-width: 480px) {
    #inhalt3 {
	margin: 25px 0 0 0;
	}
}
@media screen and (max-width: 480px) {
    .artikelleiste {
	height: auto;
	flex-direction: column;
	padding: 30px 30px;
	}
}
@media screen and (max-width: 480px) {
    .bildwrapper {
	width: 100%;
	height: auto;
	margin: 0 0 30px 0;
	}
}
@media screen and (max-width: 480px) {
    .bildwrapper img {
	border-radius: 15px;
	}
}
@media screen and (max-width: 480px) {
    .textwrapper {
	width: 100%;
	height: auto;
	padding: 0;
	margin: 0 0 16px 0;
	}
}
@media screen and (max-width: 480px) {
    .kartenwrapper {
	width: 100%;
	padding-top: 56.25%;
	margin: 0 0 0 0;
	}
}
@media screen and (max-width: 480px) {
    .kartenwrapper iframe {
	border-radius: 15px;
	}
}
@media screen and (max-width: 480px) {
    .textwrapper2 {
	width: 100%;
	height: auto;
	padding: 0;
	margin: 15px 0 0 0;
	}
}
@media screen and (max-width: 480px) {
    .sponsorenwrapper {
	margin: 15px 0;
	}
}
@media screen and (max-width: 480px) {
    .sponsorenlogowrapper {
	width: 45%;
	height: auto;
	margin: 15px 0;
	}
}
@media screen and (max-width: 480px) {
    .werbewrapper {
	width: 100%;
	height: auto;
	padding: 0 30px;
	}
}
@media screen and (max-width: 480px) {
    .formtable th {
	font-size: 0.88em;
	}
}
@media screen and (max-width: 480px) {
    #footer {
	font-size: 0.88em;
	padding: 10px 0;
	}
}
@media screen and (max-width: 480px) {
    h1 {
	font-size: 1.69em;
	line-height: 1.32em;
	margin: 10px 0 0 0;
	}
}
@media screen and (max-width: 810px) {
    h2 {
	font-size: 1.5em;
	}
}
@media screen and (max-width: 480px) {
    h3 {
	font-size: 0.93em;
	margin: 35px 0 0 0;
	}
}
@media screen and (max-width: 480px) {
    h4 {
	font-size: 1.19em;
	line-height: 1.25em;
	margin: 30px 0 0px 0;
	}
}
@media screen and (max-width: 480px) {
    h5 {
	font-size: 1.19em;
	line-height: 1.25em;
	margin: 30px 0 0px 0;
	}
}
@media screen and (max-width: 480px) {
    h6 {
	font-size: 1.69em;
	margin: 41px 0 0 0;
	}
}
@media screen and (max-width: 480px) {
    h7 {
	font-size: 1.19em;
	line-height: 1.25em;
	margin: 0px 0 0px 0;
	}
}
@media screen and (max-width: 480px) {
    p {
	font-size: 0.88em;
	line-height: 1.38em;
	}
}
@media screen and (max-width: 480px) {
    li {
	font-size: 0.88em;
	line-height: 1.38em;
	margin: 0px 0px 0px -28px;
	}
}
@media screen and (max-width: 1024px) {
    #formular {
	margin: 30px 0 0 0;
	}
}
@media screen and (max-width: 1024px) {
    .feld1 {
	font-size: 1em;
	line-height: 1.5em;
	}
}
@media screen and (max-width: 480px) {
    .feld1 {
	font-size: 0.88em;
	line-height: 1.38em;
	border-radius: 15px;
	}
}
@media screen and (max-width: 1024px) {
    #nachricht {
	font-size: 1em;
	line-height: 1.5em;
	}
}
@media screen and (max-width: 480px) {
    #nachricht {
	font-size: 0.88em;
	line-height: 1.38em;
	border-radius: 15px;
	}
}
@media screen and (max-width: 1024px) {
    .label {
	font-size: 1em;
	line-height: 1.5em;
	}
}
@media screen and (max-width: 480px) {
    .label {
	font-size: 0.88em;
	line-height: 1.38em;
	}
}
@media screen and (max-width: 1024px) {
    .error {
	font-size: 1em;
	line-height: 1.5em;
	margin: 0 0 15px 0;
	}
}
@media screen and (max-width: 480px) {
    .error {
	font-size: 0.88em;
	line-height: 1.38em;
	margin: 0 0 15px 0;
	}
}
@media screen and (max-width: 480px) {
    .buttonwrapper {
	margin: 30px 0 0 0;
	}
}
@media screen and (max-width: 480px) {
    .formbutton1 {
	height: 30px;
	font-size: 0.88em;
	border-radius: 15px;
	}
}
@media screen and (max-width: 480px) {
    .formbutton2 {
	height: 30px;
	font-size: 0.88em;
	border-radius: 15px;
	}
}