/* oswald-700 - latin */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 700;
  font-display: auto;
  src: url('vhs-assets-css-0295b33d6c44dbb1ad5eb261299e7f15.eot');
  /* IE9 Compat Modes */
  src: local('Oswald Bold'), local('Oswald-Bold'), url('vhs-assets-css-2877d262a6cecb2aa11860e8199f1fb9.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('vhs-assets-css-9e7a5916088a30d5cbb2c43958c59907.woff2') format('woff2'), /* Super Modern Browsers */ url('vhs-assets-css-8eb374fd854cfda5aef783333f127f10.woff') format('woff'), /* Modern Browsers */ url('vhs-assets-css-d7415614abe12cd1d8eee344081bf5ac.ttf') format('truetype'), /* Safari, Android, iOS */ url('vhs-assets-css-e648025283570b5f8ecafa04f36f9225.svg#Oswald') format('svg');
  /* Legacy iOS */
}
/* exo-2-regular - latin */
@font-face {
  font-family: 'Exo 2';
  font-style: normal;
  font-weight: 400;
  font-display: auto;
  src: url('vhs-assets-css-b885ba26a8cb85439e112f06042427b5.eot');
  /* IE9 Compat Modes */
  src: local('Exo 2'), local('Exo2-Regular'), url('vhs-assets-css-78b773aba53b00cd47179567590749bc.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('vhs-assets-css-9dba6ea723765a049b87257f5ba6abc3.woff2') format('woff2'), /* Super Modern Browsers */ url('vhs-assets-css-323db0593dcb50fd530fcb8550242f5c.woff') format('woff'), /* Modern Browsers */ url('vhs-assets-css-586659068b68ae4b5c0376742f2b7465.ttf') format('truetype'), /* Safari, Android, iOS */ url('vhs-assets-css-e4190086b64561afb1084473c80fd153.svg#Exo2') format('svg');
  /* Legacy iOS */
}
/* exo-2-700 - latin */
@font-face {
  font-family: 'Exo 2';
  font-style: normal;
  font-weight: 700;
  font-display: auto;
  src: url('vhs-assets-css-9e2e1e423c590293838e61e2d9d52404.eot');
  /* IE9 Compat Modes */
  src: local('Exo 2 Bold'), local('Exo2-Bold'), url('vhs-assets-css-8673d0fa89cf752dffa0326c6a3a3ece.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('vhs-assets-css-73a1abb25d103e3d60ef8c26015f57d4.woff2') format('woff2'), /* Super Modern Browsers */ url('vhs-assets-css-41a8dc1170a1d97ebe6725a2c9fbf373.woff') format('woff'), /* Modern Browsers */ url('vhs-assets-css-d18263feee2d6e750f147b7f4c5879a1.ttf') format('truetype'), /* Safari, Android, iOS */ url('vhs-assets-css-a3fd9766a5f4c5841d5ecc90d87002c0.svg#Exo2') format('svg');
  /* Legacy iOS */
}
/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-display: auto;
  src: url('vhs-assets-css-5c64c695e49091113ea4551e7124d7b4.eot');
  /* IE9 Compat Modes */
  src: local('Open Sans Regular'), local('OpenSans-Regular'), url('vhs-assets-css-11212ab0d10d2c2344244663fb7df401.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('vhs-assets-css-3b9e4314fb61ef8f6333d7ad482d1c25.woff2') format('woff2'), /* Super Modern Browsers */ url('vhs-assets-css-becfd6cafb781e3ed037372e2bbf4ff6.woff') format('woff'), /* Modern Browsers */ url('vhs-assets-css-a959cad756dd3b4b1a3e651c5cf33580.ttf') format('truetype'), /* Safari, Android, iOS */ url('vhs-assets-css-4bde37632a7b9fa8b7380d419a3c3833.svg#OpenSans') format('svg');
  /* Legacy iOS */
}
/* open-sans-700 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  font-display: auto;
  src: url('vhs-assets-css-8e2c1f9784a9bce255a5dd96eadad6ba.eot');
  /* IE9 Compat Modes */
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url('vhs-assets-css-4330fb6656a5eee8ca6d0777c7db5649.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('vhs-assets-css-6443feef436e413bd0fbbceea501db8f.woff2') format('woff2'), /* Super Modern Browsers */ url('vhs-assets-css-dc22fcd3c684f30a213fd2a8e4ac1052.woff') format('woff'), /* Modern Browsers */ url('vhs-assets-css-59d2777b09136e1836f0b1068c110868.ttf') format('truetype'), /* Safari, Android, iOS */ url('vhs-assets-css-15a5dfcc2fd9ca649e3133b1a92c2648.svg#OpenSans') format('svg');
  /* Legacy iOS */
}
.highlight {
  color: #60B9E9;
}
.uppercase {
  text-transform: uppercase;
}
.center-list {
  width: fit-content;
  margin: 0 auto;
  margin-bottom: 1rem;
}
body {
  color: #595959;
  font-family: 'Open Sans';
}
h1,
h2 {
  font-family: "Exo 2";
  color: #0E5126;
  font-weight: bold;
  text-transform: uppercase;
}
h2 {
  font-size: 2.3rem;
}
h2 + h3 {
  max-width: 500px;
  margin: 0 auto;
  margin-bottom: 1rem;
  margin-top: -5px;
  color: #000;
}
h3 {
  font-family: "Exo 2";
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 1em;
  margin-bottom: 0.5em;
}
a {
  color: #9BC31E;
}
a:hover {
  text-decoration: none;
  color: #789717;
}
img {
  height: auto;
  max-width: 100%;
}
figure {
  margin: 0;
}
:focus,
button:focus {
  outline: 5px auto #9BC31E;
}
.btn.focus,
.btn:focus,
.form-control:focus,
.btn-primary:not(:disabled):not(.disabled):active:focus {
  box-shadow: 0 0 0 0.2rem rgba(155, 195, 30, 0.25);
}
.form-control:focus {
  border-color: #9BC31E;
}
.btn-primary {
  background-color: #9BC31E;
  border-color: #789717;
}
.btn-primary:hover,
.btn-primary:active,
.btn-primary:visited,
.btn-primary:focus,
.btn-primary:not(:disabled):not(.disabled):active {
  background-color: #789717;
  border-color: #89ad1b;
}
.ce-headline-center {
  text-align: center;
}
.ce-headline-right {
  text-align: right;
}
.main-nav {
  position: fixed;
  top: 0;
  background-color: rgba(255, 255, 255, 0.9);
  z-index: 3;
}
.navbar {
  width: 100%;
  font-family: 'Exo 2';
  text-transform: uppercase;
}
.navbar .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(155, 195, 30, 0.99)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}
.navbar .navbar-toggler {
  border-color: #9BC31E;
}
.navbar .navbar-brand {
  color: #8CBC23;
  font-weight: bold;
  margin-right: 5rem;
}
.navbar .navbar-nav.nav {
  width: 100%;
  justify-content: space-between;
}
.navbar .nav-link {
  color: #0E5126;
}
.navbar .nav-link:hover,
.navbar .nav-link:active {
  color: #8CBC23;
}
.navbar .nav-link.active {
  color: #8CBC23;
}
.header .carousel-control-next,
.header .carousel-control-prev {
  width: 10%;
}
.header .overlay-image {
  position: absolute;
  bottom: -110px;
  left: 0;
  right: 0;
  max-width: 700px;
  min-width: 270px;
  width: 43%;
  margin: 0 auto;
}
.header .carousel-indicators {
  display: none;
}
.header .carousel-inner {
  max-height: 750px;
}
.header .carousel-inner .carousel-item {
  position: relative;
}
.header .carousel-inner .carousel-textbox {
  position: absolute;
  top: 65px;
  left: 0;
  right: 0;
  margin: 0 auto;
  font-family: 'Oswald';
  text-transform: uppercase;
  color: #0E5126;
  z-index: 2;
}
.header .carousel-inner .carousel-textbox h2 {
  line-height: 1.1;
  text-shadow: 0px 0px 2px rgba(255, 255, 255, 0.5);
}
.header .carousel-inner .carousel-textbox .highlight {
  font-size: 1.5em;
}
.header .carousel-inner img {
  width: 100%;
}
/******** Content ********/
.main {
  margin-top: 90px;
}
.main .bordercols {
  max-width: 900px;
  margin: 0 auto;
  color: #0E5126;
  padding-top: 1.5em;
  padding-bottom: 3.5em;
}
.main .bordercols > div:not(:last-child) {
  border-right: 1px solid #0E5126;
}
.main .bordercols p {
  margin-bottom: 0;
  line-height: 1.3;
}
.main .bordercols strong {
  font-size: 1.3em;
}
.main .smaller-cols > div {
  padding-left: 45px;
  padding-right: 45px;
}
/****** Gallery ******/
.c-gallery > div {
  display: flex;
  flex-wrap: wrap;
  border: 2px solid #9BC31E;
}
.c-gallery .c-gallery__figure {
  width: 12.5%;
  padding: 0;
}
.c-gallery .c-gallery__figure img {
  width: 100%;
  border: 2px solid #9BC31E;
  margin-bottom: 0;
}
/***** Downloads PDF - Icon Block *****/
.icon-button {
  display: flex;
  background-color: #9BC31E;
  margin-bottom: 1rem;
  padding: 1rem 1.5rem;
}
.icon-button:hover {
  background-color: #89ad1b;
}
.icon-button .icon {
  margin-right: 25px;
  width: 42px;
  display: flex;
}
.icon-button .icon img {
  margin: 0 auto;
  display: block;
  align-self: center;
}
.icon-button .labelblock {
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-transform: uppercase;
  color: #fff;
}
.icon-button .labelblock .label {
  font-weight: bold;
}
.pdf-downloads .ce-left.ce-intext .ce-gallery[data-ce-images="1"] img {
  float: left;
  margin-right: 25px;
  margin-left: 25px;
  max-width: 40px;
}
.pdf-downloads .ce-left.ce-intext h2 {
  font-size: 1.8em;
  margin-top: 0;
  margin-bottom: 1.5rem;
}
/***** Map Leaflet *****/
#mapsoccercity {
  z-index: 2;
}
/****** Anmeldung tx_form *******/
form#soccerCity {
  margin-top: 1.5rem;
  margin-bottom: 2rem;
}
form .inputs-list {
  margin-left: 1.5em;
}
form .inputs-list .form-check {
  margin-right: 2em;
}
.has-error {
  color: #dc3545;
}
.form-control.error {
  border-color: #dc3545;
}
.form-group {
  display: flex;
  margin-bottom: 0.5rem;
}
.form-group .input {
  width: 59%;
  position: relative;
  bottom: 5px;
}
.form-group .input.checkbox {
  width: 100%;
}
.form-group .input.checkbox input {
  position: relative;
  top: 5px;
  margin-right: 10px;
}
.form-group label {
  width: 41%;
}
.form-group .form-check {
  padding: 0;
}
.form-group .form-check .form-check-label {
  width: 100%;
  display: flex;
}
section.green {
  background-color: #9BC31E;
  color: #fff;
  padding-top: 2em;
  padding-bottom: 4em;
  margin-bottom: 7em;
  position: relative;
}
section.green h2 {
  color: #fff;
}
section.green::after {
  content: "";
  position: absolute;
  height: 180px;
  width: 191px;
  left: 0;
  right: 0;
  bottom: -100px;
  margin: 0 auto;
  background: url('vhs-assets-css-092e0f20a23a64e1fc586631f7091a5e.png');
  background-size: cover;
  background-repeat: no-repeat;
}
section.exo {
  font-family: 'Exo 2';
}
footer {
  background-color: #9BC31E;
  color: #fff;
  padding-top: 1rem;
}
footer ul,
footer p {
  margin-bottom: 1rem;
}
footer ul {
  padding: 0;
  list-style: none;
}
footer ul li {
  display: inline-block;
  padding-right: 1.5rem;
}
footer a {
  color: #fff;
}
.ce-gallery {
  width: 100%;
}
.ce-gallery .ce-row {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin: 0 -30px;
}
.ce-gallery .ce-column {
  margin-bottom: 1em;
  padding: 0 30px;
}
.ce-textpic.ce-center.ce-below img {
  margin-top: 50px;
}
.ce-left.ce-intext .ce-gallery[data-ce-images="1"] .ce-row {
  display: block;
}
.ce-left.ce-intext .ce-gallery[data-ce-images="1"] .ce-column {
  width: auto;
}
.ce-left.ce-intext .ce-gallery[data-ce-images="1"] .ce-column img {
  float: left;
  margin-right: 1em;
}
.ce-right.ce-intext .ce-gallery[data-ce-images="1"] .ce-row {
  display: block;
}
.ce-right.ce-intext .ce-gallery[data-ce-images="1"] .ce-column {
  width: auto;
}
.ce-right.ce-intext .ce-gallery[data-ce-images="1"] .ce-column img {
  float: right;
  margin-left: 1em;
}
.ce-center .ce-gallery[data-ce-images="1"] .ce-column {
  margin-bottom: 0;
}
.ce-center .ce-gallery[data-ce-images="1"] .ce-column img {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.ce-gallery[data-ce-images="1"] .ce-column {
  padding-right: 0;
  width: 100%;
}
.ce-gallery[data-ce-images="1"] .ce-column img {
  max-width: 100%;
  width: initial;
}
/* Fluid Image Tags */
.ce-gallery img,
.ce-gallery picture {
  width: 100%;
  height: auto;
}
/* Spaltenbreiten je nach eingestellten Columns */
.ce-gallery[data-ce-columns="2"] .ce-column {
  width: 50%;
}
.ce-gallery[data-ce-columns="3"] .ce-column {
  width: 33%;
}
.ce-gallery[data-ce-columns="4"] .ce-column {
  width: 25%;
}
.ce-gallery[data-ce-columns="5"] .ce-column {
  width: 20%;
}
.ce-gallery[data-ce-columns="6"] .ce-column {
  width: 16,66%;
}
.ce-gallery[data-ce-columns="7"] .ce-column {
  width: 14.285%;
}
.ce-gallery[data-ce-columns="8"] .ce-column {
  width: 12.5%;
}
@media (max-width: 767px) {
  .ce-gallery .ce-row {
    flex-wrap: wrap;
  }
  .ce-gallery[data-ce-columns="2"] .ce-column,
  .ce-gallery[data-ce-columns="3"] .ce-column,
  .ce-gallery[data-ce-columns="4"] .ce-column,
  .ce-gallery[data-ce-columns="5"] .ce-column,
  .ce-gallery[data-ce-columns="6"] .ce-column,
  .ce-gallery[data-ce-columns="7"] .ce-column,
  .ce-gallery[data-ce-columns="8"] .ce-column {
    width: 50%;
  }
}
@media (max-width: 575px) {
  .ce-gallery .ce-row {
    display: block;
  }
  .ce-gallery .ce-row a {
    display: block;
  }
  .ce-gallery .ce-row img {
    width: auto;
    height: auto;
    margin: 0 auto;
    display: block;
  }
  .ce-gallery[data-ce-columns="2"] .ce-column,
  .ce-gallery[data-ce-columns="3"] .ce-column,
  .ce-gallery[data-ce-columns="4"] .ce-column,
  .ce-gallery[data-ce-columns="5"] .ce-column,
  .ce-gallery[data-ce-columns="6"] .ce-column,
  .ce-gallery[data-ce-columns="7"] .ce-column,
  .ce-gallery[data-ce-columns="8"] .ce-column {
    width: 100%;
  }
}
/******** Cookie Bar ********/
.cookieBar p {
  padding: 0;
  margin: 7px 0 0 15px;
  color: #fff;
  font-family: sans-serif;
}
.cookieBar a {
  color: #9BC31E;
  font-family: sans-serif;
  text-decoration: underline;
}
.cookieBar button {
  background-color: rgba(155, 195, 30, 0.9);
  border-color: #595959;
  border-radius: 5px;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  float: right;
  font-weight: bold;
  line-height: 1;
  margin-top: 2px;
  padding: 5px 10px 6px;
  position: relative;
  bottom: 6px;
  text-decoration: none;
  text-shadow: 0 -1px 1px #595959;
  margin-right: 15px;
}
.cookieBar {
  background: rgba(155, 195, 30, 0.9);
  background: -moz-linear-gradient(top, rgba(155, 195, 30, 0.9) 0, rgba(85, 107, 16, 0.9) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(155, 195, 30, 0.9)), color-stop(100%, rgba(85, 107, 16, 0.9)));
  background: -webkit-linear-gradient(top, rgba(155, 195, 30, 0.9) 0, rgba(85, 107, 16, 0.9) 100%);
  background: -o-linear-gradient(top, rgba(155, 195, 30, 0.9) 0, rgba(85, 107, 16, 0.9) 100%);
  background: -ms-linear-gradient(top, rgba(155, 195, 30, 0.9) 0, rgba(85, 107, 16, 0.9) 100%);
  background: linear-gradient(to bottom, rgba(155, 195, 30, 0.9) 0, rgba(85, 107, 16, 0.9) 100%);
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10pt;
  bottom: 0;
  line-height: 1.5;
  padding: 3px;
  position: fixed;
  min-height: 40px;
  width: 100%;
  z-index: 9999;
}
/* Responsive Rules */
/* Navigation */
@media (max-width: 991px) {
  .header .carousel-inner img {
    width: auto;
    height: 550px;
    max-width: inherit;
  }
  .navbar .navbar-nav.nav {
    margin-top: 1em;
    text-align: center;
  }
  .navbar .navbar-brand {
    margin-right: 1em;
  }
}
@media (max-width: 767px) {
  .main .bordercols > div:not(:last-child) {
    border-right: none;
  }
  .main .bordercols p {
    margin-bottom: 1em;
  }
  section.green {
    padding-bottom: 6em;
  }
  footer p,
  footer p.text-right {
    text-align: center !important;
  }
  /****** Gallery ******/
  .c-gallery .c-gallery__figure {
    width: 20%;
  }
  .header .carousel-inner .carousel-textbox {
    top: 35%;
  }
}
@media (max-width: 575px) {
  .header .carousel-inner .carousel-textbox h2 {
    font-size: 2em;
    line-height: 1;
    max-width: 350px;
    margin: 0 auto;
  }
  .header .carousel-inner .carousel-textbox h2 .highlight {
    font-size: 1.3em;
  }
  .header .carousel-inner img {
    height: 470px;
  }
}
/* ce-gallery - Anpassungen fuer kleine Geraete */
@media (max-width: 500px) {
  /* Ein Bild pro Zeile */
  .ce-gallery .ce-row > .ce-column {
    margin: 0 0 10px;
    padding: 0;
    width: 100%;
    box-sizing: border-box;
  }
  /* Fluid Image Tags */
  .ce-gallery img,
  .ce-gallery picture {
    width: 100%;
    height: auto;
  }
  /****** Gallery ******/
  .c-gallery .c-gallery__figure {
    width: 50%;
  }
}
/* Cookiebar */
@media (max-width: 1227px) {
  .cookieBar button {
    margin-top: 12px;
  }
}
@-webkit-keyframes ticker {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    visibility: visible;
  }
  100% {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
@keyframes ticker {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    visibility: visible;
  }
  100% {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
.ticker-wrap {
  position: absolute;
  top: 0;
  width: 100%;
  overflow: hidden;
  height: 2rem;
  background-color: #9BC31E;
  padding-left: 100%;
  box-sizing: content-box;
}
.ticker-wrap .ticker {
  display: inline-block;
  height: 2rem;
  line-height: 2rem;
  white-space: nowrap;
  padding-right: 100%;
  box-sizing: content-box;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-name: ticker;
  animation-name: ticker;
  -webkit-animation-duration: 30s;
  animation-duration: 30s;
}
.ticker-wrap .ticker__item {
  display: inline-block;
  padding: 0 1rem;
  font-size: 1rem;
  color: #fff;
}
.contact-form .form-group label {
  text-align: end;
  padding-right: 2em;
}


