body {
   font-family: Helvetica, Arial;
   display: block;
   margin: 0px;
   background: #f7f7f7;
   line-height: 24px;
   font-size: 14px;
}

a {
  text-decoration: none;
  color:#9d3346;
  opacity: 0.7;
}

a:hover {
  opacity: 1.0;
  color:#9d3346;
  text-decoration: none;
}

a.img {
opacity: 1.0;
cursor: pointer;
}

a.img:hover {
  opacity: 1.0;
  color:#9d3346;
  text-decoration: none;
}



nav {
display: block;
width: 100%;
text-align: center;
}

.nav-btn {
display: inline-block;
margin: 2vw 0vw;
}

.nav-btn-aktiv {
display: inline-block;
margin: 2vw 0vw;
opacity: 1.0;
}

a.nav-btn {
  opacity: 0.3;
}

a.nav-btn:hover {
  opacity: 1.0;
}

.nav-img {
width: 6vw;
}

.nav-img-2 {
width: 4.5vw;
}

.nav-svg {
width: 4vw;
margin: 0vw 1vw;
fill: #9d3346;
}

.nav-svg-2 {
width: 3vw;
margin: 0vw 1vw;
fill: #9d3346;
}


.iconsvg {
width: 2vw;
margin: 0px 10px;
fill: #9d3346;
}

.nav-svg-trenner {
display: inline-block;
width: 0.4vw;
opacity: 0.3;
color: red;
margin: 0px 10px;
}






.nav-btn-kategorie {
font-size: 16px;
background-color: rgba(0,94,63,0.2);
color: #fff;
text-align: center;
padding: 5px 15px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
margin: 0px 10px 10px 0px;
opacity: 1.0;
}


.nav-btn-kategorie-aktiv {
font-size: 16px;
background-color: rgba(0,94,63,1.0);
color: #fff;
text-align: center;
padding: 5px 15px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
margin: 0px 10px 10px 0px;
opacity: 1.0;
}

.nav-btn-kategorie-aktiv:hover {
color: #fff;
}

a.nav-btn-kategorie {

color: #005E3F;
opacity: 1.0;
}

a.nav-btn-kategorie:hover {

color: #fff;
opacity: 1.0;
background-color: rgba(0,94,63,1.0);
}





.btn-info-1 {
  text-decoration: none;
  color: white;
}

.btn-info-1:hover {
  text-decoration: none;
  color: white;
}




h1 {
  font-family: Helvetica, Arial;
  font-size: 40px;
  margin-bottom: 0px;
  text-align: center;
  font-weight: lighter;
}

h2 {
  font-size: 25px;
  text-align: center;
  font-weight: lighter;
  line-height: 30px;
}


h3 {
  font-size: 18px;
  text-align: center;
  font-weight: lighter;
}

p {
  text-align: left;
}

i {
  color: #9d3346;
  font-style: normal;
}



table {
  width: 100%;
}

table, th,td {
  border: 0px;
  border-collapse: separate;
  text-align: left;
}

td {
  padding: 5px 10px;
  background-color: #fff;
}

th {
  padding: 5px 10px;
  background-color: #fff;
}

thead {
  background-color: #fff;
}

.th-bg {
  background-color: #fff;
}



.btn-logo {
  opacity: 0.6;
}

.btn-logo:hover {
  opacity: 1.0;
}



.titel-farbe {
  font-size: 20px;
  text-align: center;
  font-weight: lighter;
  background-color: #9d3346;
  color: white;
  padding: 10px 0px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  margin-bottom: 40px;
}

.titel-oben-btn {
  right: 12%;
  position: absolute;
  margin-top: -3px;
}

.text-box-grau {
  background-color: #e0e0e0;
  padding: 20px 5%;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  margin-top: 30px;
  margin-bottom: 30px;
}




.video {
    float: left;
    position: relative;
    width: 100%;
    height: 0;
}


.bildlink-1 {
    background-color: darkgrey;
    padding: 5px 15px;
    color: white;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    font-size: 16px;
    font-weight: normal;
    line-height: 40px;
}

.bildlink-1:hover {
    color: white;
}




.bg-red-1 {
  text-align: center;
  background-color: #9d3346;
  color: white;
  padding: 10px 0px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}