/* General */
* {
  padding: 0;
}

body {
  font: normal normal 200 30px/100% 'League Gothic';
  color: rgba(255,255,255,1);
  background-color: rgba(37,12,138,1);
  margin: 0;
  }

a {
  outline: none;
}

/* Layout */
.wrapper {
  position: relative;
  width: 95%;
  min-width: 200px;
  max-width: 1000px;
  margin: 0 auto;
}



/* Header & Fooder Layout */

#header {
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 9999;
  background-color: rgba(255,255,255,1);
  position: -webkit-sticky; /* Safari */
  position: sticky;
  overflow: hidden;
  }

#header .wrapper {
  height: 48px;
}

#header .nav {
  list-style-type: none;
  margin: 0;
  padding: 2;
  padding-top: 4px;
  text-align: center;
}

#header .nav li {
  display: inline-block;
  list-style-type: none;
}

#header .nav li a {
  display: block;
  padding: 0 20px;
  line-height: 24px;
  color: rgba(0,0,0,1);
  text-decoration: none;
}

#header .nav li a:hover {
  color: rgb(155, 186, 244);
}

#header .nav li a:visited {
  color: rgb(37, 12, 138);
}

@media screen and (max-width: 600px) {
  #header  .wrapper {
    height: 70px;
    }

  #header .nav li a {
  display: block;
  padding: 0 10px;
  line-height: 18px;
  color: rgba(0,0,0,1);
  text-decoration: none;
  }

  #fooder {
  height: 70px;
  }

  #fooder .nav li a {
  display: block;
  padding: 5px 20px;
  line-height: 20px;
  color: rgba(0,0,0);
  text-decoration: none;
    }
  }

#fooder {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(255,255,255,1);
  z-index: 9999;
}

#fooder .wrapper {
  height: 20px;
}

#fooder .nav {
  position: relative;
  bottom: 20px;
  width: 100%;
  text-align: center;
}

#fooder .nav li {
  display: inline-block;
  list-style-type: none;
}

#fooder .nav li a {
  display: block;
  padding: 0 20px;
  line-height: 24px;
  color: rgba(0,0,0);
  text-decoration: none;
}

#fooder .nav li a:hover {
  color: rgba(155, 186, 244,1);
}

#fooder .nav li a:visited {
  color: rgba(37,12,138,1);
}

/* Fruits Navigation*/

#fruits {
  padding: 50px 0;
}

#fruits .imageNav
{
  text-align: center;
	margin: 10px auto;
	max-width: 100%; 
	transition: transform 0.7s;
}
#fruits .imageNav:hover
{
	transform: translate(5px ,-20px) scale(1.2 ,1.2);
}

/* Create three equal columns that floats next to each other */
#fruits .column {
  float: left;
  text-align: center;
  width: 25%;
}

/* Clear floats after the columns */
#fruits .row::after {
  content: "";
  display: table;
  clear: both;
  align-items: center;
}

/* Responsive layout - makes the columns stack on top of each other instead of next to each other */
@media screen and (max-width:600px) {
#fruits .column {
    width: 45%;
  }
#fruits .imageNav
{
  text-align: center;
	margin: 5px auto;
  max-width: 95%; 
	transition: transform 0.7s;
}
#fruits .imageNav:hover
{
	transform: translate(5px ,-20px) scale(1.15 ,1.15);
}

#fruits .image{
  transform: translate(-20px ,15px) scale(1.15 ,1.15);
  max-width: 100%;
  max-height: 100%;
  margin: auto;
}
}

#fruits .txtf {

  font-family: Fugaz One;
  width: 100%;
  margin: 20px auto;
  color: rgba(255,255,255, 1);
}

#fruits .image{
  transform: translate(-50px ,40px) scale(1.15 ,1.15);
  max-width: 100%;
  max-height: 100%;
  margin: auto;
}

/*Body Formatierung*/

#content {
  padding: 50px 0;
}

#content .header1txt{
    font-family: Fugaz One;
    font-size: 3rem;
    padding-bottom: 1rem;
}

#content .header2txt{
  font-family: Fugaz One;
  font-size: 1.25rem;
}

#content .text {
  font-family: Open Sans;
  font-size: 1rem;
  margin-bottom: 10px;
}

#content .image
{
	text-align: center;
	margin: 10px auto;
	transition: transform 0.7s;
}
#content .image:hover
{
	transform: translate(5px ,-20px) scale(1.2 ,1.2);
}

#content .image2
{
  text-align: center;
	margin: 10px auto;
	max-width: 700px; 
	transition: transform 0.7s;
}
#content .image2:hover
{
	transform: translate(5px ,-20px) scale(1.2 ,1.2);
}

/* Create three unequal columns that floats next to each other */
#content .column {
  float: left;
  padding: 10px;
  margin-bottom: 40px;
}

/* Left and right column */
#content .column.pic {
  width: 25%;
}

#content .img{
  max-width: 100%;
  max-height: 100%;
  margin: auto;
}
/* Middle column */
#content .column.left {
  width: 70%;
}

#content .column.right {
  width: 70%;
  text-align: right;
}


#content .column.table{
  width: 23%;
  background-color: white;
  color: rgba(37,12,138,1);
  border-radius: 15px;
  margin-right: 5px;
}

/* Clear floats after the columns */
#content .row:after {
  content: "";
  display: table;
  clear: both;
  margin-bottom: 20px;
}

/* Responsive layout - makes the three columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
  #content  .column.left {
    width: 99%;
    text-align: left;
  }

  #content .column.pic{
  width: 45%;
  margin: 0 auto;
  }

  #content .column.table{
    width: 95%;
    background-color: white;
    color: rgba(37,12,138,1);
    border-radius: 15px;
    margin-right: 5px;
    margin-bottom: 5px;
}

#content .column.right {
  width: 99%;
  text-align: left;
}
}

/* Sponsoring */

#sponsoring  {
  padding: 110px 0;
}

#sponsoring .raw {
  text-align: center;
  width: 760px;
  margin: 20px auto;

}
  
#sponsoring .raw img {
  height: 50px;
}


/* Ergebnisse */
.accordion {
  background-color: #eee;
  color: #444;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
  transition: 0.4s;
}

.active, .accordion:hover {
  background-color: #ccc; 
}

.panel {
  padding: 0 18px;
  display: none;
  overflow: hidden;
}

.xl6326382
	{padding-top:1px;
	padding-right:1px;
	padding-left:1px;
	mso-ignore:padding;
	color:white;
  font-family: Fugaz One;
	font-size:10.0pt;
	font-weight:400;
	font-style:normal;
	text-decoration:none;
	mso-generic-font-family:auto;
	mso-font-charset:0;
	mso-number-format:General;
	text-align:general;
	vertical-align:bottom;
	border-top:.5pt solid #999999;
	border-right:none;
	border-bottom:none;
	border-left:.5pt solid #999999;
	mso-background-source:auto;
	mso-pattern:auto;
	white-space:nowrap;}