.nomargintop {
  margin-top: 0;
}
.nomarginbottom {
  margin-bottom: 0;
}
@media (max-width: 767px) {
  .nomargintop-xs {
    margin-top: 0;
  }
}
@media (min-width: 768px) {
  .nomargintop-sm {
    margin-top: 0;
  }
}
@media (min-width: 768px) {
  .nomarginbottom-sm {
    margin-bottom: 0;
  }
}
nav.mainnav {
  position: fixed;
  left: 100%;
  right: -100%;
  top: 0%;
  bottom: 0;
  overflow: auto;
  padding-top: 0%;
  background-color: #ffffff;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&1+0,1+50,0+100 */
  background: -moz-linear-gradient(top, #ffffff 0%, #ffffff 50%, rgba(255, 255, 255, 0) 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(50%, #ffffff), color-stop(100%, rgba(255, 255, 255, 0)));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #ffffff 0%, #ffffff 50%, rgba(255, 255, 255, 0) 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #ffffff 0%, #ffffff 50%, rgba(255, 255, 255, 0) 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #ffffff 0%, #ffffff 50%, rgba(255, 255, 255, 0) 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #ffffff 0%, #ffffff 50%, rgba(255, 255, 255, 0) 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#00ffffff', GradientType=0);
  /* IE6-9 */
  z-index: 900;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}
nav.mainnav > ul {
  margin: 0;
  padding: 0;
}
nav.mainnav > ul > li {
  list-style: none;
  margin: 0;
  padding: 0;
}
nav.mainnav > ul > li > a {
  display: block;
  padding: 15px 5%;
  text-transform: uppercase;
  letter-spacing: 1px;
  text-align: left;
  text-decoration: none;
  color: #323232;
  font-weight: 600;
}
nav.mainnav > ul > li div.subnav ul {
  margin: 0;
  padding: 5px 0;
}
nav.mainnav > ul > li div.subnav ul li {
  list-style: none;
  margin: 0;
  padding: 0;
}
nav.mainnav > ul > li div.subnav ul li a {
  display: block;
  padding: 5px 5%;
  color: #ffffff;
  text-decoration: none;
}
nav.mainnav > ul > li.style2 > a {
  color: #16a7b1;
}
nav.mainnav > ul > li.style2 div.subnav {
  background-color: #16a7b1;
}
nav.mainnav > ul > li.style2 div.subnav a.act {
  background-color: #128e96;
}
nav.mainnav > ul > li.style3 > a {
  color: #005b97;
}
nav.mainnav > ul > li.style3 div.subnav {
  background-color: #005b97;
}
nav.mainnav > ul > li.style3 div.subnav a.act {
  background-color: #004b7d;
}
nav.mainnav > ul > li.style4 > a {
  color: #d41634;
}
nav.mainnav > ul > li.style4 div.subnav {
  background-color: #d41634;
}
nav.mainnav > ul > li.style4 div.subnav a.act {
  background-color: #ba132c;
}
.navdrawer-button {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1100;
  color: #ffffff;
  padding: 8px 15px 8px 5px;
  font-size: 2rem;
}
.navdrawer-button.navdrawer-button-open {
  display: block;
}
.navdrawer-button.navdrawer-button-close {
  display: none;
}
.navdrawer-open nav.mainnav {
  position: fixed;
  left: 35%;
  right: 0%;
  top: 0%;
  bottom: 0;
  overflow: auto;
  padding-top: 50px;
  z-index: 900;
}
.navdrawer-open .navdrawer-button-open {
  display: none;
}
.navdrawer-open .navdrawer-button-close {
  display: block;
}
@media (min-width: 768px) {
  .no-touch .navdrawer-button-open {
    display: none;
  }
  .no-touch .navdrawer-button-close {
    display: none;
  }
  .no-touch nav.mainnav {
    position: static;
    top: auto;
    left: auto;
    right: auto;
    bottom: auto;
    overflow: visible;
    background-color: transparent;
    background: none;
    padding-top: 0%;
  }
  .no-touch nav.mainnav > ul {
    display: inline-block;
    margin: 0 -50% 0 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  .no-touch nav.mainnav > ul > li {
    display: inline-block;
    position: relative;
    min-width: 200px;
    background-color: rgba(245, 245, 245, 0.85);
  }
  .no-touch nav.mainnav > ul > li:after {
    content: "";
    display: block;
    position: absolute;
    right: 0;
    top: 12px;
    bottom: 12px;
    width: 1px;
    border: 0 none;
    border-right: 1px solid #5a5a5a;
  }
  .no-touch nav.mainnav > ul > li:last-child:after {
    display: none;
  }
  .no-touch nav.mainnav > ul > li > a {
    padding: 10px 30px;
    text-align: center;
  }
  .no-touch nav.mainnav > ul > li div.subnav {
    position: absolute;
    top: 100%;
    left: 0;
    width: auto;
    display: block;
    max-height: 0px;
    overflow: hidden;
    padding-left: 50px;
    pdding-right: 50px;
    -webkit-transition: max-height 0.5s ease-in-out, background-color 0.5s ease-in-out;
    -moz-transition: max-height 0.5s ease-in-out, background-color 0.5s ease-in-out;
    -ms-transition: max-height 0.5s ease-in-out, background-color 0.5s ease-in-out;
    transition: max-height 0.5s ease-in-out, background-color 0.5s ease-in-out;
  }
  .no-touch nav.mainnav > ul > li div.subnav ul {
    margin: 0;
    padding: 20px 0 20px 0;
  }
  .no-touch nav.mainnav > ul > li div.subnav ul li {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
  }
  .no-touch nav.mainnav > ul > li div.subnav ul li a {
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    display: block;
    padding: 2px 0;
    color: #ffffff;
    text-decoration: none;
    letter-spacing: 1px;
  }
  .no-touch nav.mainnav > ul > li:hover div.subnav,
  .no-touch nav.mainnav > ul > li.menuover div.subnav {
    z-index: 1000;
    max-height: 350px;
  }
  .no-touch nav.mainnav > ul > li:hover div.subnav ul li a,
  .no-touch nav.mainnav > ul > li.menuover div.subnav ul li a {
    padding: 5px 0;
  }
  .no-touch nav.mainnav > ul > li:last-child div.subnav {
    left: auto;
    right: 0;
  }
  .no-touch nav.mainnav > ul > li:last-child div.subnav ul li {
    text-align: right;
  }
  .no-touch nav.mainnav > ul > li:last-child div.subnav ul li a {
    text-align: right;
  }
  .no-touch nav.mainnav > ul > li.style2 > a {
    color: #323232;
  }
  .no-touch nav.mainnav > ul > li.style2 div.subnav {
    background-color: rgba(22, 167, 177, 0);
  }
  .no-touch nav.mainnav > ul > li.style2 div.subnav ul li:hover,
  .no-touch nav.mainnav > ul > li.style2 div.subnav ul li.act,
  .no-touch nav.mainnav > ul > li.style2 div.subnav ul li.menuover {
    background-color: #128e96;
  }
  .no-touch nav.mainnav > ul > li.style2:hover div.subnav,
  .no-touch nav.mainnav > ul > li.style2.menuover div.subnav {
    background-color: #16a7b1;
  }
  .no-touch nav.mainnav > ul > li.style2:hover > a,
  .no-touch nav.mainnav > ul > li.style2.menuover > a {
    color: #16a7b1;
  }
  .no-touch nav.mainnav > ul > li.style2.act > a {
    color: #16a7b1;
  }
  .no-touch nav.mainnav > ul > li.style3 > a {
    color: #323232;
  }
  .no-touch nav.mainnav > ul > li.style3 div.subnav {
    background-color: rgba(0, 91, 151, 0);
  }
  .no-touch nav.mainnav > ul > li.style3 div.subnav ul li:hover,
  .no-touch nav.mainnav > ul > li.style3 div.subnav ul li.act,
  .no-touch nav.mainnav > ul > li.style3 div.subnav ul li.menuover {
    background-color: #004b7d;
  }
  .no-touch nav.mainnav > ul > li.style3:hover div.subnav,
  .no-touch nav.mainnav > ul > li.style3.menuover div.subnav {
    background-color: #005b97;
  }
  .no-touch nav.mainnav > ul > li.style3:hover > a,
  .no-touch nav.mainnav > ul > li.style3.menuover > a {
    color: #005b97;
  }
  .no-touch nav.mainnav > ul > li.style3.act > a {
    color: #005b97;
  }
  .no-touch nav.mainnav > ul > li.style4 > a {
    color: #323232;
  }
  .no-touch nav.mainnav > ul > li.style4 div.subnav {
    background-color: rgba(212, 22, 52, 0);
  }
  .no-touch nav.mainnav > ul > li.style4 div.subnav ul li:hover,
  .no-touch nav.mainnav > ul > li.style4 div.subnav ul li.act,
  .no-touch nav.mainnav > ul > li.style4 div.subnav ul li.menuover {
    background-color: #ba132c;
  }
  .no-touch nav.mainnav > ul > li.style4:hover div.subnav,
  .no-touch nav.mainnav > ul > li.style4.menuover div.subnav {
    background-color: #d41634;
  }
  .no-touch nav.mainnav > ul > li.style4:hover > a,
  .no-touch nav.mainnav > ul > li.style4.menuover > a {
    color: #d41634;
  }
  .no-touch nav.mainnav > ul > li.style4.act > a {
    color: #d41634;
  }
}
/*
The MIT License

Copyright 2015 Matthias.

Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in
all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
THE SOFTWARE.
*/
/* 
    Created on : 07.10.2015, 11:09:33
    Author     : Matthias
*/
h1 {
  font-size: 2.5rem;
  text-transform: uppercase;
  margin: 30px 0;
  padding: 0;
}
h1.linebelow span {
  display: inline-block;
  position: relative;
  padding-bottom: 15px;
}
h1.linebelow span:after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  height: 1;
  left: 0;
  right: 0;
  border-bottom: 2px solid #323232;
}
@media (min-width: 768px) {
  h1 {
    font-size: 3.6rem;
  }
}
h2 {
  font-size: 1.8rem;
  line-height: 140%;
}
@media (min-width: 768px) {
  h2 {
    font-size: 2.4rem;
  }
}
.pagestyle2 h1.linebelow span:after {
  border-bottom-color: #16a7b1;
}
.pagestyle3 h1.linebelow span:after {
  border-bottom-color: #005b97;
}
.pagestyle4 h1.linebelow span:after {
  border-bottom-color: #d41634;
}
p {
  line-height: 180%;
}
header.ssaheader {
  margin-top: 30vh;
  float: left;
}
header.ssaheader p {
  margin: 0;
}
header.ssaheader p.prepend {
  text-transform: uppercase;
}
header.ssaheader h1 {
  text-transform: uppercase;
  margin: 0;
  margin-bottom: 5px;
  padding-bottom: 4px;
  border-bottom: 2px solid #ffffff;
}
header.ssaheader:after {
  content: "";
  display: table;
  clear: both;
}
section.content ul {
  margin: 0 0 2em 2em;
  padding: 0;
}
section.content ul li {
  list-style: none;
  margin: 0;
  padding: 0;
  position: relative;
  line-height: 180%;
}
section.content ul li:before {
  content: "\f111";
  font-family: FontAwesome;
  position: absolute;
  top: 0;
  right: 100%;
  font-size: 0.60em;
  margin-right: 1em;
  margin-top: 0.2em;
}
.pagestyle2 section.content ul li:before {
  color: #16a7b1;
}
.pagestyle3 section.content ul li:before {
  color: #005b97;
}
.pagestyle4 section.content ul li:before {
  color: #d41634;
}
html,
body {
  font-family: 'Open Sans', sans-serif;
}
body {
  padding-top: 40px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: auto;
}
@media (min-width: 768px) {
  .no-touch body {
    padding-top: 0;
  }
}
div.header {
  background-color: #ffffff;
}
div.header div.functions {
  padding: 8px 0 10px 0;
  color: #ffffff;
  background-color: #323232;
}
footer.doc-footer {
  background-color: #323232;
  color: #ffffff;
  padding-top: 50px;
}
footer.doc-footer a {
  color: #ffffff;
  text-decoration: none;
}
footer.doc-footer a:hover {
  text-decoration: underline;
}
footer.doc-footer .sponsoren img {
  display: block;
  width: 45%;
  margin: 0 5% 5% 5%;
  float: left;
}
footer.doc-footer .sponsoren img:nth-of-type(1) {
  margin-left: 0;
}
footer.doc-footer .sponsoren img:nth-of-type(2) {
  margin-right: 0;
}
footer.doc-footer .sponsoren:after {
  content: "";
  display: table;
  clear: both;
}
.pagestyle2 div.header div.functions {
  background-color: #16a7b1;
}
.pagestyle2 footer.doc-footer {
  background-color: #16a7b1;
}
.pagestyle3 div.header div.functions {
  background-color: #005b97;
}
.pagestyle3 footer.doc-footer {
  background-color: #005b97;
}
.pagestyle4 div.header div.functions {
  background-color: #d41634;
}
.pagestyle4 footer.doc-footer {
  background-color: #d41634;
}
div.logo {
  background-color: #ffffff;
}
div.logo .wrapper {
  margin: 0 auto;
  max-width: 50%;
  padding: 20px 0;
}
@media (min-width: 768px) {
  div.logo .wrapper {
    max-width: 200px;
  }
}
header.doc-header div.header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1000;
}
header.doc-header div.header:after {
  content: "";
  display: block;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  height: 10px;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0.15+0,0+100 */
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0) 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.15)), color-stop(100%, rgba(0, 0, 0, 0)));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0) 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0) 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0) 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0) 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#26000000', endColorstr='#00000000', GradientType=0);
  /* IE6-9 */
}
@media (min-width: 768px) {
  .no-touch header.doc-header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1000;
  }
  .no-touch header.doc-header div.header {
    position: static;
    top: auto;
    left: auto;
    right: auto;
    background: transparent;
  }
  .no-touch header.doc-header div.header:after {
    display: none;
  }
  .no-touch header.doc-header div.logo {
    opacity: .3;
  }
}
.newsteaser {
  margin-top: 30px;
}
section.content {
  width: 100%;
  min-width: 100%;
  position: relative;
  overflow: hidden;
  margin: 0;
  padding: 10% 0;
}
section.content article {
  width: 90%;
  max-width: 992px;
  margin: 0 auto;
}
section.content article.fullwidth {
  width: 100%;
  max-width: none;
}
section.content.mph {
  min-height: 50vh;
}
section.content.fullheight {
  min-height: 100vh;
}
@media (min-width: 768px) {
  section.content {
    padding: 5% 0;
  }
  section.content:first-of-type article {
    margin-top: 250px;
  }
  section.content.mph {
    min-height: 75vh;
  }
}
.globalbackground {
  position: fixed;
  z-index: -1;
  background-attachment: scroll;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-size: cover;
}
.contentwidth {
  width: 90%;
  max-width: 992px;
  margin-left: auto;
  margin-right: auto;
}
.copyright {
  margin-top: 20px;
  border-top: 1px solid rgba(255, 255, 255, 0.6);
  padding: 20px 0;
  text-align: center;
}
.container-fluid.nopadding {
  padding: 0;
}
.container-fluid.nopadding .row {
  padding: 0;
}
.container-fluid.nopadding .row .col-lg-1,
.container-fluid.nopadding .row .col-lg-10,
.container-fluid.nopadding .row .col-lg-11,
.container-fluid.nopadding .row .col-lg-12,
.container-fluid.nopadding .row .col-lg-2,
.container-fluid.nopadding .row .col-lg-3,
.container-fluid.nopadding .row .col-lg-4,
.container-fluid.nopadding .row .col-lg-5,
.container-fluid.nopadding .row .col-lg-6,
.container-fluid.nopadding .row .col-lg-7,
.container-fluid.nopadding .row .col-lg-8,
.container-fluid.nopadding .row .col-lg-9,
.container-fluid.nopadding .row .col-md-1,
.container-fluid.nopadding .row .col-md-10,
.container-fluid.nopadding .row .col-md-11,
.container-fluid.nopadding .row .col-md-12,
.container-fluid.nopadding .row .col-md-2,
.container-fluid.nopadding .row .col-md-3,
.container-fluid.nopadding .row .col-md-4,
.container-fluid.nopadding .row .col-md-5,
.container-fluid.nopadding .row .col-md-6,
.container-fluid.nopadding .row .col-md-7,
.container-fluid.nopadding .row .col-md-8,
.container-fluid.nopadding .row .col-md-9,
.container-fluid.nopadding .row .col-sm-1,
.container-fluid.nopadding .row .col-sm-10,
.container-fluid.nopadding .row .col-sm-11,
.container-fluid.nopadding .row .col-sm-12,
.container-fluid.nopadding .row .col-sm-2,
.container-fluid.nopadding .row .col-sm-3,
.container-fluid.nopadding .row .col-sm-4,
.container-fluid.nopadding .row .col-sm-5,
.container-fluid.nopadding .row .col-sm-6,
.container-fluid.nopadding .row .col-sm-7,
.container-fluid.nopadding .row .col-sm-8,
.container-fluid.nopadding .row .col-sm-9,
.container-fluid.nopadding .row .col-xs-1,
.container-fluid.nopadding .row .col-xs-10,
.container-fluid.nopadding .row .col-xs-11,
.container-fluid.nopadding .row .col-xs-12,
.container-fluid.nopadding .row .col-xs-2,
.container-fluid.nopadding .row .col-xs-3,
.container-fluid.nopadding .row .col-xs-4,
.container-fluid.nopadding .row .col-xs-5,
.container-fluid.nopadding .row .col-xs-6,
.container-fluid.nopadding .row .col-xs-7,
.container-fluid.nopadding .row .col-xs-8,
.container-fluid.nopadding .row .col-xs-9 {
  padding: 0;
}
.container-fluid.fullwidth {
  padding: 0;
}
.newsteaser .newsteaser-text {
  padding: 20px 0;
}
@media (min-width: 768px) {
  .newsteaser {
    background-color: #f5f5f5;
  }
  .newsteaser .newsteaser-text {
    padding: 0 20px 20px 20px;
  }
}
.landesverband {
  margin-bottom: 35px;
}
.pageTOP .pageTOP-symbol-wrap {
  cursor: pointer;
  margin: 0% auto;
  max-width: 60px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background-color: #323232;
  position: relative;
}
.pageTOP .pageTOP-symbol-wrap .floater {
  padding-top: 100%;
  height: 0;
}
.pageTOP .pageTOP-symbol-wrap:after {
  content: "\f106";
  font-family: FontAwesome;
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  -webkit-transform: translateY(-55%);
  -moz-transform: translateY(-55%);
  -ms-transform: translateY(-55%);
  transform: translateY(-55%);
  color: #ffffff;
  text-align: center;
  font-size: 4rem;
}
.pageTOP p {
  margin: 10px 0 0 0;
  text-align: center;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 1.6rem;
}
.pagestyle2 .pageTOP .pageTOP-symbol-wrap {
  background-color: #16a7b1;
}
.pagestyle3 .pageTOP .pageTOP-symbol-wrap {
  background-color: #005b97;
}
.pagestyle4 .pageTOP .pageTOP-symbol-wrap {
  background-color: #d41634;
}
.textshadow .whiteshadow {
  text-shadow: 0px 0px 1px #ffffff;
}
.boxlink-box-active {
  cursor: pointer;
}
.videowrap {
  margin-top: 75px;
  margin-bottom: 75px;
  width: 100% !important;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.1);
  position: relative;
}
.videowrap iframe.videoiframe {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.videowrap:after {
  content: "";
  display: block;
  margin-top: 56.25%;
}
@media all {
  .btn-primary {
    background: #eee;
    border: 1px solid #ccc;
    color: #787878;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
  }
  .btn-primary.active.focus,
  .btn-primary.active:focus,
  .btn-primary.active:hover,
  .btn-primary:active.focus,
  .btn-primary:active:focus,
  .btn-primary:active:hover,
  .open > .dropdown-toggle.btn-primary.focus,
  .open > .dropdown-toggle.btn-primary:focus,
  .open > .dropdown-toggle.btn-primary:hover {
    background-color: #004b7d;
  }
  .lehrwegselectors .btn-primary {
    font-size: 2rem;
  }
  .lehrwegselectors .btn-primary i {
    margin-right: 5px;
    padding-bottom: 0.2em;
  }
  .input-group-addon {
    font-size: 2rem;
  }
}
@media all and (max-width: 767px) {
  .input-group-addon {
    font-size: 1.6rem;
  }
  .lehrwegselectors .btn-primary {
    font-size: 1.6rem;
  }
  .lehrwegselectors .btn-primary i {
    display: none;
  }
  .btn {
    padding: 3px 8px;
  }
}
/*search*/
.searchboxOuter {
  position: relative;
}
.searchboxOuter i.fa-search {
  position: relative;
  z-index: 5;
  top: 0px;
  left: 4px;
  cursor: pointer;
}
.searchboxOuter .searchbox {
  transition: all 0.3s;
  position: absolute;
  top: -2px;
  z-index: 0;
  left: 0px;
  font-family: 'Open Sans';
  font-size: 12px;
}
.searchboxOuter form,
.searchboxOuter input {
  box-sizing: border-box;
  position: relative;
}
.searchboxOuter input.form-control {
  width: 0px;
  opacity: 0;
  transition: 0.4s all;
  height: 25px;
  padding-left: 20px;
  font-size: 12px;
}
.searchboxOuter.searchopen input.form-control {
  width: 200px;
  opacity: 1;
}
.searchboxOuter.searchopen .fa-search {
  color: #000;
}
.searchboxOuter .langboxOuter {
  float: right;
}
@media (max-width: 767px) {
  .searchboxOuter .langboxOuter {
    float: none;
    display: inline-block;
    margin-left: 20px;
  }
}
.searchboxOuter .langboxOuter a {
  color: #999;
  line-height: 20px;
  font-weight: 400;
  font-size: 15px;
  text-decoration: none;
  margin: 0 3px;
}
.searchboxOuter .langboxOuter a.active {
  color: #fff;
  font-weight: 600;
}
/* Searchresult */
.tx-indexedsearch-searchbox,
.tx-indexedsearch-browsebox,
.tx-indexedsearch-info,
.tx-indexedsearch-percent {
  display: none;
}
.tx-indexedsearch .tx-indexedsearch-res TD.tx-indexedsearch-descr {
  font-style: normal;
}
.tx-indexedsearch-res {
  padding: 10px;
}
#Sidebar {
  position: fixed;
  top: 30%;
  left: 0px;
  z-index: 900;
}
#Sidebar a {
  background: url(/fileadmin/images/wetter.svg) no-repeat center center;
  display: block;
}
#Sidebar a.sb-lawine {
  background: url(/fileadmin/images/lawine.svg) no-repeat center center;
}
#Sidebar a {
  width: 60px;
  height: 60px;
}
#Sidebar .sb-fb,
#Sidebar .sb-inst {
  background: #1d5893;
  vertical-align: middle;
  text-align: center;
  padding: 12px 8px;
}
#Sidebar .sb-fb:before,
#Sidebar .sb-inst:before {
  color: #fff;
  font-size: 38px;
}
#Sidebar .sb-inst {
  background: #f7c50b;
}
@media (max-width: 767px) {
  #Sidebar {
    top: 65px;
    position: absolute;
  }
  #Sidebar a {
    width: 40px;
    height: 40px;
    background-size: cover;
  }
  #Sidebar .sb-fb,
  #Sidebar .sb-inst {
    padding: 8px 4px;
  }
  #Sidebar .sb-fb:before,
  #Sidebar .sb-inst:before {
    font-size: 24px;
  }
}
/*
The MIT License

Copyright 2015 Matthias.

Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in
all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
THE SOFTWARE.
*/
/* 
    Created on : 12.10.2015, 16:28:23
    Author     : Matthias
*/
.history-wrapper {
  min-width: 300px;
  max-width: 300px;
  min-height: 300px;
  max-height: 300px;
  margin: 10% auto 20vh auto;
  overflow: hidden;
  background-color: #ffffff;
  -webkit-transition: all 0.25s ease-in-out 0.5s;
  -moz-transition: all 0.25s ease-in-out 0.5s;
  -ms-transition: all 0.25s ease-in-out 0.5s;
  transition: all 0.25s ease-in-out 0.5s;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  position: relative;
  cursor: pointer;
}
.history-wrapper .header-wrap {
  width: 300px;
  height: 300px;
  position: absolute;
  overflow: hidden;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -webkit-transition: all 0.5s ease-in-out 0.5s;
  -moz-transition: all 0.5s ease-in-out 0.5s;
  -ms-transition: all 0.5s ease-in-out 0.5s;
  transition: all 0.5s ease-in-out 0.5s;
}
.history-wrapper .header-wrap .header-cont {
  position: absolute;
  top: 50%;
  right: 7%;
  left: 7%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.history-wrapper .header-wrap .header-cont h2,
.history-wrapper .header-wrap .header-cont h4 {
  text-align: center;
  margin: 0;
  padding: 0;
}
.history-wrapper .header-wrap .header-cont h2 {
  position: relative;
  padding-bottom: 15px;
  margin-bottom: 15px;
  font-family: Arapey;
  font-style: italic;
  font-weight: 400;
  font-size: 3.6rem;
}
.history-wrapper .header-wrap .header-cont h2:after {
  content: "";
  display: block;
  border-bottom: 1px solid #3c3c3c;
  position: absolute;
  top: 100%;
  left: 35%;
  right: 35%;
}
.history-wrapper .header-wrap .header-cont h4 {
  font-size: 1.6rem;
  line-height: 180%;
}
.history-wrapper .history-content {
  -webkit-transition: opacity 0.5s ease-in-out 0s;
  -moz-transition: opacity 0.5s ease-in-out 0s;
  -ms-transition: opacity 0.5s ease-in-out 0s;
  transition: opacity 0.5s ease-in-out 0s;
  overflow: hidden;
  opacity: 0;
  padding: 0px;
  margin: 0px;
  background-color: #ffffff;
}
.history-wrapper .history-content > div {
  padding: 20px;
}
.history-wrapper.highlight {
  -webkit-transition: all 0.25s ease-in-out 0.5s, box-shadow 0.5s ease-in-out 0s;
  -moz-transition: all 0.25s ease-in-out 0.5s, box-shadow 0.5s ease-in-out 0s;
  -ms-transition: all 0.25s ease-in-out 0.5s, box-shadow 0.5s ease-in-out 0s;
  transition: all 0.25s ease-in-out 0.5s, box-shadow 0.5s ease-in-out 0s;
  -webkit-box-shadow: 0px 0px 20px 10px rgba(255, 255, 255, 0.5);
  -moz-box-shadow: 0px 0px 20px 10px rgba(255, 255, 255, 0.5);
  box-shadow: 0px 0px 20px 10px rgba(255, 255, 255, 0.5);
}
.history-wrapper.highlight.active {
  -webkit-box-shadow: 0px 0px 0px 0px rgba(255, 255, 255, 0);
  -moz-box-shadow: 0px 0px 0px 0px rgba(255, 255, 255, 0);
  box-shadow: 0px 0px 0px 0px rgba(255, 255, 255, 0);
}
.history-wrapper.active {
  max-width: 100%;
  max-height: 2000px;
  background-color: rgba(255, 255, 255, 0.5);
  -webkit-transition: all 0.25s ease-in-out 0.25s, max-height 0.25s ease-in-out 0.45s, border-radius 0.25s ease-in-out 0s;
  -moz-transition: all 0.25s ease-in-out 0.25s, max-height 0.25s ease-in-out 0.45s, border-radius 0.25s ease-in-out 0s;
  -ms-transition: all 0.25s ease-in-out 0.25s, max-height 0.25s ease-in-out 0.45s, border-radius 0.25s ease-in-out 0s;
  transition: all 0.25s ease-in-out 0.25s, max-height 0.25s ease-in-out 0.45s, border-radius 0.25s ease-in-out 0s;
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
}
.history-wrapper.active .header-wrap {
  opacity: 0;
  -webkit-transform: scale(0.9, 0.9);
  -moz-transform: scale(0.9, 0.9);
  -ms-transform: scale(0.9, 0.9);
  transform: scale(0.9, 0.9);
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}
.history-wrapper.active .history-content {
  -webkit-transition: opacity 0.5s ease-in-out 0.5s;
  -moz-transition: opacity 0.5s ease-in-out 0.5s;
  -ms-transition: opacity 0.5s ease-in-out 0.5s;
  transition: opacity 0.5s ease-in-out 0.5s;
  opacity: 1;
}
@media (min-width: 768px) {
  .history-wrapper {
    min-width: 300px;
    max-width: 300px;
    min-height: 300px;
    max-height: 300px;
    margin: 10% auto 20vh auto;
    overflow: hidden;
    background-color: #ffffff;
    -webkit-box-shadow: 0px 0px 20px 10px rgba(100, 100, 100, 0.4);
    -moz-box-shadow: 0px 0px 20px 10px rgba(100, 100, 100, 0.4);
    box-shadow: 0px 0px 20px 10px rgba(100, 100, 100, 0.4);
    -webkit-transition: all 0.25s ease-in-out 0.5s;
    -moz-transition: all 0.25s ease-in-out 0.5s;
    -ms-transition: all 0.25s ease-in-out 0.5s;
    transition: all 0.25s ease-in-out 0.5s;
    /*transition-property: opacity,width,height,top,left,overflow;*/
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    position: relative;
    cursor: pointer;
  }
  .history-wrapper .header-wrap {
    width: 300px;
    height: 300px;
    position: absolute;
    overflow: hidden;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-transition: all 0.5s ease-in-out 0.5s;
    -moz-transition: all 0.5s ease-in-out 0.5s;
    -ms-transition: all 0.5s ease-in-out 0.5s;
    transition: all 0.5s ease-in-out 0.5s;
    /*transition-property: opacity,width,height,top,left,overflow;*/
    /*.transition(background-color 0s, color 0s);*/
  }
  .history-wrapper .header-wrap .header-cont {
    color: #323232;
    position: absolute;
    z-index: 1;
    top: 50%;
    right: 7%;
    left: 7%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  .history-wrapper .header-wrap .header-cont h2,
  .history-wrapper .header-wrap .header-cont h4 {
    text-align: center;
    margin: 0;
    padding: 0;
  }
  .history-wrapper .header-wrap .header-cont h2 {
    position: relative;
    padding-bottom: 15px;
    margin-bottom: 15px;
    font-family: Arapey;
    font-style: italic;
    font-weight: 400;
    font-size: 3.6rem;
  }
  .history-wrapper .header-wrap .header-cont h2:after {
    content: "";
    display: block;
    border-bottom: 1px solid #3c3c3c;
    position: absolute;
    top: 100%;
    left: 35%;
    right: 35%;
  }
  .history-wrapper .header-wrap .header-cont h4 {
    font-size: 1.6rem;
    line-height: 180%;
  }
  .history-wrapper .header-wrap:after {
    content: '';
    position: absolute;
    width: 100%;
    top: 0px;
    bottom: 0px;
    z-index: 0;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
  }
  .history-wrapper:hover .header-cont {
    color: #fff;
  }
  .history-wrapper:hover .header-cont h2:after {
    border-color: #fff;
  }
  .history-wrapper:hover .header-wrap:after {
    background-color: #d41634;
  }
  .history-wrapper .history-content {
    -webkit-transition: opacity 0.5s ease-in-out 0s;
    -moz-transition: opacity 0.5s ease-in-out 0s;
    -ms-transition: opacity 0.5s ease-in-out 0s;
    transition: opacity 0.5s ease-in-out 0s;
    overflow: hidden;
    opacity: 0;
    padding: 25px;
    margin: 25px;
    background-color: #ffffff;
  }
  .history-wrapper .history-content > div {
    padding: 20px;
  }
  .history-wrapper.highlight {
    -webkit-box-shadow: 0px 0px 0px 0px rgba(100, 100, 100, 0);
    -moz-box-shadow: 0px 0px 0px 0px rgba(100, 100, 100, 0);
    box-shadow: 0px 0px 0px 0px rgba(100, 100, 100, 0);
    /*            .transition(all 0.25s ease-in-out 0.5s, box-shadow 0.5s ease-in-out 0s);
                        .boxshadow(0px 0px 20px 10px rgba(100,100,100, 0.5));
                        &.active {
                           
                        }*/
  }
  .history-wrapper.active {
    max-width: 100%;
    max-height: 2000px;
    background-color: rgba(255, 255, 255, 0.5);
    -webkit-transition: all 0.25s ease-in-out 0.25s, max-height 0.25s ease-in-out 0.45s, border-radius 0.25s ease-in-out 0s;
    -moz-transition: all 0.25s ease-in-out 0.25s, max-height 0.25s ease-in-out 0.45s, border-radius 0.25s ease-in-out 0s;
    -ms-transition: all 0.25s ease-in-out 0.25s, max-height 0.25s ease-in-out 0.45s, border-radius 0.25s ease-in-out 0s;
    transition: all 0.25s ease-in-out 0.25s, max-height 0.25s ease-in-out 0.45s, border-radius 0.25s ease-in-out 0s;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    /*.transition(background-color 0.25s ease-in-out 0.5s);*/
  }
  .history-wrapper.active .header-wrap {
    opacity: 0;
    -webkit-transform: scale(0.9, 0.9);
    -moz-transform: scale(0.9, 0.9);
    -ms-transform: scale(0.9, 0.9);
    transform: scale(0.9, 0.9);
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
  }
  .history-wrapper.active .history-content {
    -webkit-transition: opacity 0.5s ease-in-out 0.5s;
    -moz-transition: opacity 0.5s ease-in-out 0.5s;
    -ms-transition: opacity 0.5s ease-in-out 0.5s;
    transition: opacity 0.5s ease-in-out 0.5s;
    opacity: 1;
  }
  .history-wrapper.active .header-wrap:after,
  .history-wrapper.active .header-wrap:hover:after {
    display: none !important;
  }
}
.history-date {
  padding-right: 25px;
}
.history-date .history-date-cont {
  float: right;
  color: #ffffff;
}
.history-date .history-date-cont h1 {
  font-size: 7rem;
  margin: 0;
  padding: 0;
  letter-spacing: 1px;
  font-weight: 700;
  text-transform: uppercase;
  text-align: right;
}
.history-date .history-date-cont p {
  font-size: 2rem;
  margin: 0;
  padding: 0;
  line-height: 0.9em;
  text-transform: uppercase;
  text-align: right;
}
.history-date.active .history-date-cont h1,
.history-date.active .history-date-cont p {
  -webkit-transition: text-shadow 0.25s linear;
  -moz-transition: text-shadow 0.25s linear;
  -ms-transition: text-shadow 0.25s linear;
  transition: text-shadow 0.25s linear;
  text-shadow: 0px 0px 15px rgba(255, 255, 255, 0.9);
}
.history-date:after {
  content: "";
  clear: both;
  display: table;
}
.sm {
  padding-left: 5%;
  padding-right: 5%;
  padding-top: 10%;
  padding-bottom: 10%;
  margin-top: 10%;
  background-color: rgba(255, 255, 255, 0.75);
}
@media (min-width: 768px) {
  .sm {
    max-width: 50%;
    padding-left: 0;
    padding-right: 0;
    background-color: transparent;
  }
  .sm.slideInOutRight {
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    /*.transform(translateX(100%));*/
    background-color: rgba(255, 255, 255, 0.8);
    padding: 3% 5%;
    margin-left: 50%;
  }
  .sm.slideInOutRight.active {
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
  }
  .sm.slideInOutLeft {
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    -webkit-transform: translateX(-150%);
    -moz-transform: translateX(-150%);
    -ms-transform: translateX(-150%);
    transform: translateX(-150%);
    background-color: rgba(255, 255, 255, 0.8);
    padding: 3% 5%;
    margin: 0 auto;
  }
  .sm.slideInOutLeft.active {
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
  }
  .cmargin {
    margin-top: 10%;
  }
}
.dsgvo-check input,
.dsgvo-check label {
  float: left;
  display: block;
}
.dsgvo-check input {
  margin-right: 10px;
}
.dsgvo-check label {
  width: 80%;
}
/* ****** */
/* Cookis */
/* ****** */
#CookisBanner {
  background: #eee;
  position: fixed;
  bottom: 0px;
  left: 0px;
  right: 0px;
  z-index: 99999;
  padding: 15px;
  font-size: 14px;
  /*display: none !important;*/
}
@media print {
  #CookisBanner {
    display: none !important;
  }
}
.cb-mainalb {
  font-weight: bold;
  font-size: 16px;
}
.cb-sublab {
  font-size: 14px;
}
@media (max-width: 600px) {
  .cb-mainalb {
    font-size: 14px;
  }
  .cb-sublab {
    font-size: 12px;
    line-height: 16px;
  }
  display: none;
}
.cb-button {
  cursor: pointer;
  line-height: 30px;
  padding: 0 5px;
  background: #fff;
  border-radius: 3px;
  display: inline-block;
  margin-top: 5px;
}
.csc-textpic-imagewrap .csc-textpic-image img {
  max-width: 100%;
}