/*! normalize.css v3.0.2 | MIT License | git.io/normalize */

html {
    font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}
body {
    margin: 0
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
    display: block
}
a {
    background-color: transparent
}
a:active,
a:hover {
    outline: 0
}
b,
strong {
    font-weight: 700
}
h1 {
    font-size: 2em;
    margin: .67em 0
}
small {
    font-size: 80%
}
img {
    border: 0;
}
.Header-titles img {
  width: 100%
}
.text img {
  width: 100%
}
table {
    border-collapse: collapse;
    border-spacing: 0
}
td,
th {
    padding: 0
}
.u-textCenter {
    text-align: center!important
}
.u-textLeft {
    text-align: left!important
}
*,
*::after,
*::before {
    box-sizing: border-box
}
html {
    height: 100%;
    color: #404040;
    font: 400 1em/1.4 'Verdana', sans-serif;
    text-rendering: optimizeLegibility
}
@media(-webkit-min-device-pixel-ratio:1.5),
(min-resolution:144dpi),
(min-resolution:1.5dppx) {
    html {
        font-weight: 300
    }
}
h1 {
    font-weight: 300;
    font-size: 2em;
    -webkit-font-kerning: normal;
    letter-spacing: -.015em;
    line-height: 1;
    margin: .25em 0 .75em;
    color:#5977c7
}
@media(min-width:768px) {
    h1 {
        font-size: 2.5em;
        margin: .5em 0 1em
    }
}
h2 {
    font-size: 1.333em;
    font-weight: 600;
    margin: 0 0 1.12528em;
    color:#464646
}
h3 {
    font-size: 1em;
    font-weight: 600;
    margin: 0 0 1.5em
}
p,
pre {
    margin: 0 0 1.5em
}
.Footer {
    color: #999;
    font-size: .85em;
    text-align: center;
    padding: 7em 1.5em 1.5em 1.5em;
    background-color: #15436F;
    background:url(/welle_unten.png) no-repeat left top #15436F;
}
.Footer a {
    padding-bottom: 1px;
    border: 0;
    color: #e5e5e5
}
.Footer a:focus,
.Footer a:active,
.Footer a:hover {
    color: #fff;
    text-decoration: underline
}
.Footer-credits {
    margin: 0;
    padding: 0
}
.Footer-credit {
    display: block;
    margin: 0
}
@media(min-width:576px) {
    .Footer-credit {
        display: inline-block;
        margin: 0 .25em
    }
}
.Header {
    padding: 1.5em 1.5em 7em 1.5em;
    background-color: #15436F;
    background:url(/welle_oben.png) no-repeat left bottom #15436F;
}
@media(min-width:768px) {
    .Header {
        padding: 3em 1.5em
    }
}
@media(min-width:768px) {
    .Header--cozy {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        padding: 1.5em 1.5em 7em 1.5em;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }
    .Header--cozy .Header-titles {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: baseline;
        -webkit-align-items: baseline;
        -ms-flex-align: baseline;
        align-items: baseline
    }
    .Header--cozy .Header-actions {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        font-size: .9em
    }
}

.Header {
    padding: 1.5em 1.5em 7em 1.5em;
    background-color: #15436F;
    background:url(/welle_oben.png) no-repeat left bottom #15436F;
}
@media(min-width:768px) {
    .Header {
        padding: 3em 1.5em
    }
}
.Header-actions {
    margin: 0 0 0 1em ;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    font-size: .9em
}
@media(min-width:384px) {
    .Header-actions {
        margin: 1em 0 0 1em ;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}
@media(min-width:768px) {
    .Header-actions {
        font-size: 1.1em
    }
}
@media(min-width:768px) {
    .Header--cozy {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        padding: 1.5em 1.5em 7em 1.5em;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }
    .Header--cozy .Header-titles {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: baseline;
        -webkit-align-items: baseline;
        -ms-flex-align: baseline;
        align-items: baseline
    }
    .Header--cozy .Header-actions {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        font-size: .9em
    }
}

.HolyGrail {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}
.HolyGrail-header,
.HolyGrail-footer {
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none
}
.HolyGrail-body {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 1.5em
}
.HolyGrail-content {
    margin-top: 1.5em
}
.HolyGrail-nav {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -ms-flex-order: -1;
    order: -1
}
.HolyGrail-nav,
.HolyGrail-side {
    padding: 5px;
    border-radius: 3px;
    background: #E7E2DC;
}
@media(min-width:768px) {
    .HolyGrail-body {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row
    }
    .HolyGrail-content {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
        padding: 0 2em;
        margin: 0
    }
    .HolyGrail-nav,
    .HolyGrail-side {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 12em;
        -ms-flex: 0 0 12em;
        flex: 0 0 12em
    }
}
.u-smaller {
    font-size: .80em
}

#navi ul {
  margin:0;
  padding:0;
  list-style:none;
}

#navi ul li a {
  display:block;
  font-weight:bold;
  padding: 0 0 0.3em 0.7em;
  text-decoration:none;
  color:#232732;
  cursor:pointer;
}

#navi ul li a:hover {
  color:#5977c7;
}

#navi ul li.aktiv a {
  text-decoration:none;
  color:#5977c7;
  font-weight:bold;
  cursor:default;
}

#navi ul li ul {
  padding: 0 0 0.3em 0;
}

#navi ul li ul li a,
#navi ul li.aktiv ul li a {
  font-weight:normal;
  color:#232732;
  padding: 0 0 0.3em 1.5em;
  cursor:pointer;
}
#navi ul li ul li span,
#navi ul li.aktiv ul li span {
  font-weight:normal;
  color:#232732;
  padding: 0 0 0.3em 1.5em;
}

#navi ul li ul li.aktiv span,
#navi ul li.aktiv ul li.aktiv span {
  font-weight:normal;
  color:#5977c7;
  padding: 0 0 0.3em 1.5em;
}

#navi ul li ul li a:hover {
  color:#5977c7;
}

#navi ul li ul li.aktiv a {
  color:#5977c7;
  font-weight:bold;
  text-decoration:none;
  cursor:default;
}

#navi ul li ul li ul {
  padding: 0;
  margin: 0;
}

#navi ul li ul li ul li a,
#navi ul li.aktiv ul li.aktiv ul li a {
  background:none !important;
  font-weight:normal !important;
  font-size:10px;
  padding:0 0 0.3em 3.2em !important;
  color:#232732;
  cursor:pointer;
}

#navi ul li ul li ul li a:hover,
#navi ul li.aktiv ul li.aktiv ul li a:hover {
  color:#5977C7;
}

#navi ul li ul li ul li.aktiv a,
#navi ul li.aktiv ul li.aktiv ul li.aktiv a,
#navi ul li ul li ul li.aktiv a:hover,
#navi ul li.aktiv ul li.aktiv ul li.aktiv a:hover {
  color:#5977C7;
  cursor:default;
}

#sidebar div.panel div.panel_inner {
  background:#e3ebff;
  border:1px solid #ffffff;
  padding:9px 6px;
  line-height:18px;
  width: 190px;
  float:left;
  margin: 5px 5px 5px 5px;
}

#navi > a {
  display: none;
}
@media only screen and ( max-width: 768px ) {
  #navi > a {
    width: 3.125em;
    height: 3.125em;
    text-align: left;
    text-indent: -9999px;
    background-color: #15436F;
    position: relative;
  }
  #navi > a:before,
  #navi > a:after {
    position: absolute;
    border: 2px solid #fff;
    top: 35%;
    left: 25%;
    right: 25%;
    content: '';
  }
  #navi > a:after {
    top: 60%;
  }
  #navi:not( :target ) > a:first-of-type,
  #navi:target > a:last-of-type {
    display: block;
  }
  #navi > ul {
    display: none;
  }
  #navi:target > ul {
    display: block;
  }
}