@charset "UTF-8";

/* CSS Document */
/* farben:

hellgruen #44a12c
neu: 5bac26
dunkelgruen #0d564d
hintergrund box #e6eeed
pink #cc0066
*/


html {
  box-sizing: border-box;
}
*, ::before, ::after {
  box-sizing: inherit;
}

.cc-revoke, .cc-window {
	font-family: "myriad-pro-semi-condensed", sans-serif !important;
}


.col1 {
  color: #0d564d;
}
.col2 {
  color: #e6eeed;
}
.col3 {
  color: #cc0066;
}
.col4 {
  color: #5bac26;
}
html, body {
  height: 100%;
}
body {
  color: #333;
  font-family: "myriad-pro-semi-condensed", sans-serif;
  font-size: 17px;
  line-height: 1.4em;
  text-align: center;
  margin-top: 0;
  background: rgb(230, 238, 237);
  background: -webkit-linear-gradient(top, rgba(230, 238, 237, 1) 0%, rgba(255, 255, 255, 1) 100%);
  background: -o-linear-gradient(top, rgba(230, 238, 237, 1) 0%, rgba(255, 255, 255, 1) 100%);
  background: linear-gradient(to bottom, rgba(230, 238, 237, 1) 0%, rgba(255, 255, 255, 1) 100%);
  background-repeat: no-repeat;
}
/* layout */
#wrapper {
  width: 1180px;
  text-align: center;
  background: #FFF;
  height: auto !important;
  height: 100%;
  min-height: 1100px;
  margin: 0 auto -120px;
}
header {
  width: 1120px;
  margin: 15px auto;
  height: 210px;
  text-align: left;
  border-bottom: 1px solid #e6eeed;
}
.bklogo {
  margin-left: -80px;
  margin-top: -20px;
  margin-right: 107px;
  float: left;
}
.input {
  width: 300px;
  height: 40px;
  padding: 10px;
  border: 1px solid #ccc;
  -webkit-appearance: none;
  font-family: "myriad-pro-semi-condensed", sans-serif;
}
form label {
  float: left;
  width: 200px;
  padding-top: 8px;
}
img, img a {
  border: none;
}
#content img {
  width: 100%;
  height: auto;
  max-width: 720px;
}
#meta {
  height: 30px;
  padding-top: 15px;
  font-size: 13px;
  text-align: right;
  margin-right: 30px;
  color: #666;
}
#meta a {
  color: #666;
}
.navcontainer {
  text-align: right;
  /* width: 658px; */
  float: right;
  margin-top: 145px;
}
.navcontainer ul li {
  list-style: none;
  display: inline;
  margin: 0 20px 0 0;
  color: #fff !important;
}
.navcontainer ul li:last-child {
  margin-right: 0;
}
.navcontainer ul li a {
  background-color: #e6eeed;
  padding: 5px 10px;
  color: #215852 !important;
}
.navcontainer ul li a:hover {
  background-color: #215852;
  text-decoration: none;
  color: #fff !important;
}
.navcontainer ul li a.active {
  background-color: #cc0066;
  color: #fff !important;
}
#content {
  width: 722px;
  float: left;
  text-align: left;
  margin: 60px 0 0 30px;
}
#sidebar {
  width: 368px;
  float: left;
  text-align: left;
  margin: 60px 0 30px 30px;
  padding: 0 10px;
}
footer {
  border-top: 1px solid #e6eeed;
  padding-top: 5px;
  font-size: 13px;
  line-height: 1.3em;
  clear: both;
  height: 145px;
  position: relative;
  margin: 100px auto 0 auto;
  width: 1220px;
  color: #666;
  background-color: #fff;
}
footer a {
  color: #666 !important;
}
footer img {
  opacity: 0.7;
}
/* standard */
h1 {
  font-size: 30px;
  color: #cc0066;
  line-height: 1.3em;
  font-weight: 200;
  margin-top: 0;
  padding-top: 0;
}
h2 {
  font-size: 30px;
  color: #0d564d;
  font-weight: 200;
  line-height: 1.3em;
}
p + h2, ul + h2 {
  padding-top: 1.3em;
}
a {
  color: #cc0066;
  text-decoration: none;
}
a:hover, a:active {
  color: #5bac26;
  text-decoration: underline;
}
img a {
  border: 0px;
}
/* eigene klassen */
.caption {
  font-size: 13px;
  line-height: 1.3em;
  color: #999;
  padding-top: 3px;
  display: block;
}
.sidebox {
  font-size: 15px;
  margin-bottom: 10px;
  background: #e6eeed;
  border-radius: 0px 0px 10px 0px;
  padding-bottom: 10px;
}
.sidebox h3 {
  font-size: 15px;
  color: #FFF;
  background: #5bac26;
  font-weight: normal;
  padding: 5px 0 5px 10px;
  margin-top: 0;
}
.sidebox p {
  padding: 0 10px;
}
.sidebutton a {
  font-size: 15px;
  color: #FFF;
  background-color: #cc0066;
  padding: 5px 10px;
  margin-top: 0;
}
.date {
  color: #999;
}
.fltlft {
  float: left;
  margin: 0 15px 15px 0;
}
.fltrt {
  float: right;
  margin: 5px 0 15px 15px;
}
table.dltable td {
  border-bottom: 1px solid #E6EEED;
  padding: 10px 5px;

}
table.dltable th {
  background-color: #E6EEED;
	padding: 10px 5px;
}
table.dltable td ul {
  padding-top: 0;
  margin-top: 0;
}
.elastic-video {
  position: relative;
  padding-bottom: 53.5%;
  padding-top: 15px;
  height: 0;
  overflow: hidden;
  margin-bottom: 40px;
}
.elastic-video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
h3.aktuell {
  background-color: #cc0066;
}
.alert {
  background-color: #cc0066;
  color: #fff;
  padding: 5px 10px;
}
.sidebox ul {
  list-style: none;
  margin-left: 0;
  padding-right: 10px;
}
.sidebox ul li:before {
  content: "\2192 \0020";
  color: #cc0066;
  margin-left: -17px;
}
input[type=submit] {
  -webkit-appearance: none;
  font-family: "myriad-pro-semi-condensed", sans-serif;
  color: #fff;
  font-size: 17px;
  padding: 10px 20px;
  background-color: #44a12c;
  border: 0;
}

.fa {margin-right:5px; }

@media only screen and (max-width: 768px) {
  #meta {
    display: none;
  }
  #burgermenu {
    margin-top: 20px;
  }
  .hamburger {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 10px;
    border-top: 0.2em solid #28743b;
    border-bottom: 0.2em solid #28743b;
    float: right;
  }
  .hamburger:before {
    content: "";
    position: absolute;
    top: 0.3em;
    left: 0px;
    width: 100%;
    border-top: 0.2em solid #28743b;
  }
  #wrapper, header, #meta, #content, #sidebar, footer {
    width: 100%;
    margin: 0;
  }
  header {
    border-bottom: 0;
    height: 120px;
  }
  body {
    font-size: 17px;
    line-height: 1.35em;
    padding: 0 5px;
  }
  footer {
    padding-bottom: 60px;
    height: auto;
  }
  .navcontainer {
    display: none;
    text-align: left;
    width: 100%;
    float: left;
    margin: 0 0 20px 0;
    padding: 10px;
  }
  .navcontainer ul {
    margin: 0;
    padding: 0;
  }
  .navcontainer ul li {
    display: block;
    margin-right: 0;
  }
  .navcontainer ul li a {
    width: 100%;
    border-bottom: 1px solid #fff;
    display: block;
    padding: 10px 20px;
  }
  #content {
    padding: 10px;
  }
  #content img {
    width: 100%;
    height: auto;
  }
  #content img.fltrt {
    width: 50%;
    height: auto;
  }
  #content img.fltlft {
    width: 50%;
    height: auto;
  }
  h1 {
    font-size: 24px;
  }
  h2 {
    font-size: 20px;
  }
  #meta {
    padding: 10px;
  }
  .bklogo {
    margin: -30px 0 20px -10px;
    width: 66%;
    max-width: 200px;
    height: auto;
  }
  .dltable {
    width: 100%;
  }
  .sidebox {
    padding-bottom: 10px;
  }
}