@import "accessibility.css";
@import "content.css";
@import "slider.css";

@font-face {
  font-family: "Josefin-Slab-Light";
  src: url("Josefin-Slab-Light.ttf.woff") format("woff"),
    url("Josefin-Slab-Light.ttf.svg#Josefin-Slab-Light") format("svg"),
    url("Josefin-Slab-Light.ttf.eot"),
    url("Josefin-Slab-Light.ttf.eot?#iefix") format("embedded-opentype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Josefin-Slab";
  src: url("../media/Josefin-Slab.ttf.woff") format("woff"),
    url("../media/Josefin-Slab.ttf.svg#Josefin-Slab") format("svg"),
    url("../media/Josefin-Slab.ttf.eot"),
    url("../media/Josefin-Slab.ttf.eot?#iefix") format("embedded-opentype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Josefin-Slab-SemiBold";
  src: url("../media/Josefin-Slab-SemiBold.ttf.woff") format("woff"),
    url("../media/Josefin-Slab-SemiBold.ttf.svg#Josefin-Slab-SemiBold")
      format("svg"),
    url("../media/Josefin-Slab-SemiBold.ttf.eot"),
    url("../media/Josefin-Slab-SemiBold.ttf.eot?#iefix")
      format("embedded-opentype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Josefin-Slab-Bold";
  src: url("../media/Josefin-Slab-Bold.ttf.woff") format("woff"),
    url("../media/Josefin-Slab-Bold.ttf.svg#Josefin-Slab-Bold") format("svg"),
    url("../media/Josefin-Slab-Bold.ttf.eot"),
    url("../media/Josefin-Slab-Bold.ttf.eot?#iefix") format("embedded-opentype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Overpass-ExtraLight";
  src: url("../media/Overpass-ExtraLight.ttf.woff") format("woff"),
    url("../media/Overpass-ExtraLight.ttf.svg#Overpass-ExtraLight")
      format("svg"),
    url("../media/Overpass-ExtraLight.ttf.eot"),
    url("../media/Overpass-ExtraLight.ttf.eot?#iefix")
      format("embedded-opentype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Overpass-Light";
  src: url("../media/Overpass-Light.ttf.woff") format("woff"),
    url("../media/Overpass-Light.ttf.svg#Overpass-Light") format("svg"),
    url("../media/Overpass-Light.ttf.eot"),
    url("../media/Overpass-Light.ttf.eot?#iefix") format("embedded-opentype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Overpass-Regular";
  src: url("../media/Overpass-Regular.ttf.woff") format("woff"),
    url("../media/Overpass-Regular.ttf.svg#Overpass-Regular") format("svg"),
    url("../media/Overpass-Regular.ttf.eot"),
    url("../media/Overpass-Regular.ttf.eot?#iefix") format("embedded-opentype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Overpass-Italic";
  src: url("../media/Overpass-Italic.ttf.woff") format("woff"),
    url("../media/Overpass-Italic.ttf.svg#Overpass-Italic") format("svg"),
    url("../media/Overpass-Italic.ttf.eot"),
    url("../media/Overpass-Italic.ttf.eot?#iefix") format("embedded-opentype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Overpass-SemiBold";
  src: url("../media/Overpass-SemiBold.ttf.woff") format("woff"),
    url("../media/Overpass-SemiBold.ttf.svg#Overpass-SemiBold") format("svg"),
    url("../media/Overpass-SemiBold.ttf.eot"),
    url("../media/Overpass-SemiBold.ttf.eot?#iefix") format("embedded-opentype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Overpass-Bold";
  src: url("../media/Overpass-Bold.ttf.woff") format("woff"),
    url("../media/Overpass-Bold.ttf.svg#Overpass-Bold") format("svg"),
    url("../media/Overpass-Bold.ttf.eot"),
    url("../media/Overpass-Bold.ttf.eot?#iefix") format("embedded-opentype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Overpass-SemiBold-Italic";
  src: url("../media/Overpass-SemiBold-Italic.ttf.woff") format("woff"),
    url("../media/Overpass-SemiBold-Italic.ttf.svg#Overpass-SemiBold-Italic")
      format("svg"),
    url("../media/Overpass-SemiBold-Italic.ttf.eot"),
    url("../media/Overpass-SemiBold-Italic.ttf.eot?#iefix")
      format("embedded-opentype");
  font-weight: normal;
  font-style: normal;
}

* {
  font-family: "Overpass-Regular";
}
html {
  width: 100%;
  height: 100%;
}
body {
  width: 100%;
  height: 100%;
}
strong {
  font-family: "Overpass-Bold";
}
.normal {
  display: none;
}
.publishSystemNotify {
  display: none;
}
img {
  border: none;
  max-width: 100%;
  height: auto;
}
#c698 .img {
  padding-left: 30px;
  padding-top: 30px;
}
/* Layout */
#header01 .alles {
  width: 100%;
  max-width: 1197px;
  float: none;
  margin: 0 auto;
}
#header02 .alles {
  float: none;
  width: 100%;
  max-width: 1197px;
  margin: 0 auto;
}
#header {
  float: left;
  height: 100%;
  width: 100%;
}
#logo {
  float: left;
  margin-top: 4px;
  width: 297px;
  margin-right: 33px;
  transition: 0.2s;
}
.f-menue #logo {
  width: 254px;
  margin-top: 0px;
  transition: 0.2s;
}
#header01 {
  float: left;
  width: 100%;
  height: 164px;
  background: url(../images/menue_bg_w.png) repeat scroll top center;
  position: fixed;
  z-index: 100;
  transition: 0.2s;
}
#header01.f-menue {
  height: 98px;
  transition: 0.2s;
}
#header02 {
  width: 100%;
  height: 721px;
  position: relative;
  float: left;
  z-index: 0;
}
#header02 #slogan {
  float: left;
  width: 400px;
  height: 111px;
  background: url(../images/bg-anlese.png) repeat scroll left center;
  position: absolute;
  bottom: 0px;
  z-index: 1;
}
#header02 #slogan p {
  width: 73%;
  height: auto;
  color: #fff;
  z-index: 999999;
  text-transform: uppercase;
  font-size: 27px;
  font-family: "Josefin-Slab-Bold";
  font-weight: normal;
  margin: 31px auto;
  line-height: 31px;
  text-shadow: 3px -1px 7px black;
}
#wappen {
  float: left;
  width: 270px;
  height: 329px;
  padding: 47px 51px 48px 26px;
}
.main #infoql1,
.main #infoql2,
.main #infoql3,
.main #infoql4 {
  width: 100%;
  height: 180px;
}
.main #infoql1 a,
.main #infoql2 a,
.main #infoql3 a,
.main #infoql4 a {
  width: 100%;
  position: absolute;
  height: 180px;
  background: url("../images/infoql1.png") no-repeat scroll center center;
}
.main #infoql2 a {
  background: url("../images/infoql2.png") no-repeat scroll center center;
}
.main #infoql3 a {
  background: url("../images/infoql3.png") no-repeat scroll center center;
}
.main #infoql4 a {
  background: url("../images/infoql4.png") no-repeat scroll center center;
}
.main #infoql1 a:hover,
.main #infoql2 a:hover,
.main #infoql3 a:hover,
.main #infoql4 a:hover {
  background-color: #f6f6f6;
}
#mitarbeiter img {
  border-right: 1px solid #fff;
}
.hvr-underline-from-center {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  overflow: hidden;
}
[class^="hvr-"] {
  margin: 0.4em;
  padding: 1em;
  cursor: pointer;
  background: #bb0f0e;
  text-decoration: none;
  color: #bb0f0e;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.hvr-underline-from-center:hover:before,
.hvr-underline-from-center:focus:before,
.hvr-underline-from-center:active:before {
  left: 0;
  right: 0;
}
.hvr-underline-from-center:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 50%;
  right: 50%;
  bottom: 0;
  background: #bb0f0e;
  height: 1px;
  -webkit-transition-property: left, right;
  transition-property: left, right;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

/* Kontrast */
#kontrast-alles {
  float: left;
  margin-right: 10px;
  margin-top: 0;
  background: #f9d100;
  width: 23px;
  padding: 7px;
  height: 23px;
}
.contrast {
  display: block;
}
.contrast02 {
  display: none;
}
#kontrast-alles a {
  text-align: center;
  color: #555557;
  float: left;
}
#kontrast-alles img {
  float: left;
  margin-right: 8px;
  margin-top: 1px;
}
#footer04 #kontrast {
  width: 44px;
  float: left;
  margin-right: 9px;
  margin-left: 14.9px;
}
#footer04 #menuquick {
  float: left;
  width: 99%;
  margin-top: 8px;
}
#footer04 #menuquick a {
  color: #3f3f3f;
  font-size: 15.2px;
}
/*Popup Schrift*/
#schrift {
  float: left;
  margin-top: -12px;
}
#footer04 #webseite a {
  color: #3f3f3f;
  font-size: 16px;
  font-family: "Overpass-Light";
  font-weight: normal;
}
#footer04 #webseite a:hover {
  color: #7d0008;
}
#footer04 #webseite {
  float: left;
  margin-left: 19px;
}
#schrift a {
  float: left;
  color: #555557;
  width: 23px;
  padding: 11px 7px 3px;
  height: 23px;
}
#schrift p {
  float: left;
  margin-right: 4%;
  padding-top: 5px;
}
#schrift a:hover {
  color: #555557;
}
#popUp {
  color: #fff;
  display: none;
  right: 429px;
  padding: 17px 15px;
  position: absolute;
  text-align: center;
  bottom: 87px;
  width: 260px;
  z-index: 160;
  background: #722 none repeat scroll 0 0;
}

#popUp p {
  color: #fff;
  font-size: 20px;
  text-shadow: 1px 1px 3px #505050;
  line-height: 23px;
  margin-bottom: 14px;
  font-family: "Overpass-Light";
  font-weight: normal;
}
#schrift a:hover + #popUp {
  display: block;
}
#popUp:hover {
  opacity: 0.95;
  display: block;
  -webkit-transition: background 0.5s ease-in;
  -moz-transition: background 0.5s ease-in;
  -ms-transition: background 0.5s ease-in;
  -o-transition: background 0.5s ease-in;
  transition: background 0.5s ease-in;
}

#popUp .button {
  background: #fff;
  border: 1px solid #666;
  margin-right: 5px;
  padding: 5px 5px;
}
#popUp span.button {
  color: #000;
}
/* Nachoben-Link und Drucken-Link */
#navlinks {
  bottom: 39px;
  position: absolute;
  right: -61px;
  width: 52px;
}
#navlinks a {
  color: #fff;
  font-size: 17px;
}
#nachOben {
  float: left;
  width: 100%;
  height: 51px;
  margin-bottom: 7px;
}
#nachOben a {
  background: #7d0008 url(../images/nachoben.png) no-repeat scroll 9px 14px;
  transition: all ease-out 500ms;
  padding: 25px 25px;
  float: left;
}
#drucken {
  float: left;
  width: 100%;
  height: 51px;
}
#drucken a {
  background: #7d0008 url(../images/drucken.png) no-repeat scroll 9px 10px;
  float: left;
  transition: all ease-out 500ms;
  padding: 25px 25px;
}
#drucken a img.kontrast {
  display: none;
}
#drucken a:hover,
#nachOben a:hover {
  background-color: #da0512;
  color: #fff;
}
#footer {
  float: left;
  width: 100%;
  padding: 36px 0 16px;
  background: #f1f1f1;
  margin-bottom: 6px;
}
#footer .alles {
  max-width: 1197px;
  margin: 0 auto;
  position: relative;
}
#footer .footer {
  float: left;
}
#footer #footer01 {
  background: url(../images/footer-kontakt.png) no-repeat left center;
  height: 65px;
  padding-left: 73px;
  width: 16.8%;
}
#footer #footer01 p {
  color: #3f3f3f;
  font-size: 18px;
  margin-top: 14px;
}
#footer #footer02 p {
  color: #3f3f3f;
  font-size: 18px;
}
#footer #footer02 a {
  color: #3f3f3f;
  font-family: "Overpass-Regular";
  font-weight: normal;
  text-decoration: underline;
}
#footer #footer02 a:hover {
  text-decoration: underline;
  color: #722;
}
#footer #footer03 p {
  color: #3f3f3f;
  font-size: 18px;
  margin-top: 14px;
}
#footer #footer03 p:hover {
  text-decoration: underline;
  color: #722;
}
#footer #footer02 {
  background: url(../images/footer-tel.png) no-repeat left center;
  width: 20.2%;
  padding-left: 73px;
}
#footer #footer03 {
  background: url(../images/footer-oeffnungszeiten.png) no-repeat left center;
  width: 20%;
  padding-left: 73px;
  padding-bottom: 6px;
}
#footer #footer04 {
  float: right;
  width: 24.5%;
  margin-top: 12px;
}
#footer04 #menuquick #kontrast {
  width: 8%;
  float: left;
  margin-right: 13px;
}
#kontrast .contrast {
  display: block;
}
#kontrast .contrast2 {
  display: none;
}
#footer #footer04 h4 {
  padding: 0;
  background: none;
  font-size: 27px;
  font-family: "Overpass-Regular";
  font-weight: normal;
  text-align: right;
  text-decoration: underline;
  text-transform: uppercase;
}
#webseite a:hover {
  color: #bb0f0e;
}
#menuequick a:hover {
  text-decoration: underline;
}
/* Suchbereich */

#suchbereich {
  float: right;
  width: 40px;
  background: #7d0008;
  margin-top: 54px;
  height: 36px;
}

#suchbereich .bereich1 {
  float: left;
  width: 150px;
}
#suchbereich .suche {
  background: none repeat scroll 0 0;
  border: 0 none;
  border-radius: 0;
  color: #fff;
  float: left;
  font-size: 17px;
  margin: 0;
  padding: 10px 7% 6px 6%;
  width: 87%;
  font-family: Source Sans Pro;
}
#suchbereich .bereich2 {
  float: right;
  height: 36px;
  position: relative;
  width: 36px;
  z-index: 1;
}
#suchbereich .btn-search,
#suchbereich .suchlupe {
  height: 36px;
  left: 0;
  position: relative;
  top: 0;
  width: 36px;
  float: left;
  background: url(../images/lupe.png) no-repeat right bottom;
}
/* ######################### Hauptmenü ########################### */

#responsiveSidemenue {
  display: none;
}
.mainMenueId {
  float: left;
  width: 61.7%;
  position: relative;
  margin-top: 33px;
  transition: 0.2s;
}
#menueinfo {
  display: none;
  width: 356px;
  background: url(../images/menue_bg_w.png);
  height: 100%;
  z-index: -1;
  right: 0;
  padding: 0px 20px 0px 36px;
  position: absolute;
}
#menueinfo strong {
  padding-top: 5px;
  padding-bottom: 2px;
  float: left;
  clear: both;
  width: 100%;
}
#menueinfo h4 {
  text-transform: uppercase;
  font-size: 20px;
  color: #006fb9;
  margin-top: 15px;
  margin-bottom: 10px;
}
#menueinfo table {
  font-size: 17px;
  color: #3d3d3d;
  line-height: 14px;
}
#mainMenueSub #menueinfo p.offen {
  float: left;
  font-size: 17px;
  margin-top: 15px;
}
#menueinfo tr:nth-child(3n + 3) {
  line-height: 6px;
}
.menueId {
  float: left;
  width: 100%;
  position: relative;
  z-index: 141;
}
.menueId ul {
  margin: 0px;
  padding: 0px;
  float: left;
  width: 100%;
  position: relative;
}
.menueId ul.navId ul {
  visibility: hidden;
}
.menueId ul.navId li:hover > ul,
.menueId ul.navId li.hover > ul {
  visibility: visible;
  display: block;
}
.menueId ul.navId ul li:hover > ul {
  visibility: visible;
  display: block;
}
.menueId ul li {
  float: left;
  width: auto;
  list-style: none;
  height: 98px;
  text-align: center;
}

.menueId ul li a {
  display: block;
  font-size: 24px;
  font-family: "Overpass-Regular";
  font-weight: normal;
  margin: 0;
  padding: 17px 19px 0;
  text-align: left;
  text-decoration: none;
  line-height: 30px;
  height: calc(100% - -16px);
  color: #3d3d3d;
  transition: 0.2s;
}
.f-menue .menueId ul li a {
  height: calc(100% - 17px);
  transition: 0.2s;
}
.f-menue #mainMenueSub {
  top: 98px;
  transition: 0.2s;
}
.f-menue .mainMenueId {
  margin-top: 0px;
  transition: 0.2s;
}
.mainMenueId.f-menue {
  position: fixed;
  background: url(../images/bg-menue-fixed.png) repeat left top;
  transition: 0.2s;
}
#logo.scroll {
  bottom: 0;
  float: left;
  position: absolute;
  top: -178px;
  z-index: 99;
}
a.menueebene0,
a.menueebene0Active {
  width: 81px;
}
a.menueebene1,
a.menueebene1Active {
  width: 140px;
}
a.menueebene2,
a.menueebene2Active {
  width: 89px;
}
a.menueebene3,
a.menueebene3Active {
  width: 104px;
}
a.menueebene4,
a.menueebene4Active {
  width: 134px;
}
/*.menueId ul li.menueebene0Active, .menueId ul li.menueebene0:hover, .menueId ul li.menueebene1Active, .menueId ul li.menueebene1:hover, .menueId ul li.menueebene2Active, .menueId ul li.menueebene2:hover, .menueId ul li.menueebene3Active, .menueId ul li.menueebene3:hover, .menueId ul li.menueebene4Active, .menueId ul li.menueebene4:hover, .menueId ul li.menueebene5Active, .menueId ul li.menueebene5:hover, .menueId ul li.hover {
    background: #7ab0db;
}*/
.menueId ul li:hover a,
.menueId ul li a:hover,
.menueId ul li.menueebene0Active a,
.menueId ul li.menueebene0Active a:hover,
.menueId ul li.menueebene1Active a,
.menueId ul li.menueebene1Active a:hover,
.menueId ul li.menueebene2Active a,
.menueId ul li.menueebene2Active a:hover,
.menueId ul li.menueebene3Active a,
.menueId ul li.menueebene3Active a:hover,
.menueId ul li.menueebene4Active a,
.menueId ul li.menueebene4Active a:hover,
.menueId ul li.hover a {
}

.menueId ul li a:hover,
.menueId ul li.menueebene0Active a:hover,
.menueId ul li.menueebene1Active a:hover,
.menueId ul li.menueebene2Active a:hover,
.menueId ul li.menueebene3Active a:hover,
.menueId ul li.menueebene4Active a:hover,
.menueId ul li.menueebene0Active a,
.menueId ul li.menueebene1Active a,
.menueId ul li.menueebene2Active a,
.menueId ul li.menueebene3Active a,
.menueId ul li.menueebene4Active a {
  background: #77acd8;
  color: #fff;
}
.menueId ul li.menueebene2:hover a,
.menueId ul li.menueebene2Active a,
.menueId ul li.menueebene2Active a:hover {
}
.menueId ul li.menueebene3:hover a,
.menueId ul li.menueebene3Active a,
.menueId ul li.menueebene3Active a:hover {
}
.menueId ul li.menueebene2,
.menueId ul li.menueebene2Active {
}
.menueId ul li.menueebene3,
.menueId ul li.menueebene3Active {
}
.menueId ul li ul {
}
.menueId ul li.menueebene0 ul,
.menueId ul li.menueebene0Active ul,
.menueId ul li.menueebene1 ul,
.menueId ul li.menueebene1Active ul,
.menueId ul li.menueebene2 ul,
.menueId ul li.menueebene2Active ul,
.menueId ul li.menueebene3 ul,
.menueId ul li.menueebene3Active ul,
.menueId ul li.menueebene4 ul,
.menueId ul li.menueebene4Active ul,
.menueId ul li.menueebene5 ul,
.menueId ul li.menueebene5Active ul {
}

/* Ebene 2 */

/*######### Nach entsprechendem Child wird das Li umgebrochen (Menü)###########*/
.menueId ul.navId ul li:nth-child(4n + 5) {
  clear: left;
}
.menueId ul.navId ul li.clearleft {
  clear: left;
}
/*####################Ende##############*/

.menueId ul li ul {
  background: none repeat scroll 0 0 #dae5b5;
  border: 2px solid #fff;
  display: none;
  float: none;
  left: 0;
  margin: 0;
  padding: 40px 0 50px 30px;
  position: absolute;
  top: 59px;
  width: 1048px;
  z-index: 1000;
}
.menueId ul li.menueebene0 ul,
.menueId ul li.menueebene0Active ul {
  left: -28px;
}
.menueId ul li.menueebene1 ul,
.menueId ul li.menueebene1Active ul {
  left: -239px;
}
.menueId ul li.menueebene2 ul,
.menueId ul li.menueebene2Active ul {
  left: -450px;
}
.menueId ul li.menueebene3 ul,
.menueId ul li.menueebene3Active ul {
  left: -661px;
}
.menueId ul li.menueebene4 ul,
.menueId ul li.menueebene4Active ul {
  left: -872px;
}
.menueId ul li ul li {
  background: none repeat scroll 0 0;
  margin-bottom: 0 !important;
  margin-left: 3px;
  margin-right: 24px;
  margin-top: 0 !important;
  padding: 0;
  width: 231px;
}
.menueId ul li ul li a {
  background: url("../images/menue-ul-li.jpg") no-repeat scroll left 12px;
  border-bottom: 1px solid #a0180d;
  color: #a0180d;
  display: block;
  float: left;
  font-size: 19px;
  font-family: "Overpass-Regular";
  font-weight: normal;
  letter-spacing: 0;
  padding: 5px 2% 5px 10%;
  text-align: left;
  text-decoration: none;
  text-transform: uppercase;
  width: 88%;
}
.menueId ul li ul li a:hover {
  background: url(../images/menue-ul-li.jpg) no-repeat left 12px #fff !important;
}

/* Ebene 3 */

.menueId ul.navId li ul li ul li a {
  line-height: 19px;
  padding: 0 0 0 10px;
  width: 90.5%;
  color: #484a44;
  background: none;
  border: none;
  text-transform: none;
  font-size: 15px;
}
.menueId ul.navId li ul li ul li a:hover,
.menueId ul li ul li ul li a.l3-act {
  background: #fff !important;
  color: #484a44 !important;
}
.menueId ul li ul li ul li {
  margin: 0;
  background: none;
}
.menueId ul.navId ul ul {
  display: block;
  visibility: visible;
}
.menueId ul ul li ul {
  border: 0 none;
  float: left;
  left: 10px !important;
  margin-bottom: 20px;
  padding: 0;
  position: relative;
  top: 0;
  width: 95.5%;
  margin-top: 5px;
}

/* Main Navi - Subnavi */

#mainMenueSub ul li ul li.menueumbruch {
  clear: both;
}
#mainMenueSub {
  position: absolute;
  top: 164px;
  width: 100%;
  z-index: 140;
  max-width: 1010px;
  left: 531px;
  margin: 0 auto;
}
#mainMenueSub ul {
}
#mainMenueSub ul li ul {
  display: block;
  float: left;
  left: 0;
  top: 0;
  width: 313px;
  min-height: 504px;
  box-shadow: none;
  background: url(../images/menue_bg_w.png) repeat scroll;
}
#mainMenueSub ul .menueebene0,
#mainMenueSub ul .menueebene0Active,
#mainMenueSub ul .menueebene1,
#mainMenueSub ul .menueebene1Active,
#mainMenueSub ul .menueebene2,
#mainMenueSub ul .menueebene2Active,
#mainMenueSub ul .menueebene3,
#mainMenueSub ul .menueebene3Active,
#mainMenueSub ul .menueebene4,
#mainMenueSub ul .menueebene4Active,
#mainMenueSub ul .menueebene5,
#mainMenueSub ul .menueebene5Active {
  display: none;
  margin: 0 auto;
  max-width: 1010px;
  width: 100% !important;
  float: left;
  z-index: 999;
  background: url(../images/bg-ausklappmenue-blau.png) repeat-y scroll;
  background-position: 313px 0px;
  background-size: 285px auto;
}
#mainMenueSub ul .menueebene0 .menueebene0Active,
#mainMenueSub ul .menueebene0Active .menueebene0Active,
#mainMenueSub ul .menueebene0 .menueebene0,
#mainMenueSub ul .menueebene0Active .menueebene0,
#mainMenueSub ul .menueebene1 .menueebene1Active,
#mainMenueSub ul .menueebene1Active .menueebene1Active,
#mainMenueSub ul .menueebene1 .menueebene1,
#mainMenueSub ul .menueebene1Active .menueebene1,
#mainMenueSub ul .menueebene2 .menueebene2Active,
#mainMenueSub ul .menueebene2Active .menueebene2Active,
#mainMenueSub ul .menueebene2 .menueebene2,
#mainMenueSub ul .menueebene2Active .menueebene2,
#mainMenueSub ul .menueebene3 .menueebene3Active,
#mainMenueSub ul .menueebene3Active .menueebene3Active,
#mainMenueSub ul .menueebene3 .menueebene3,
#mainMenueSub ul .menueebene3Active .menueebene3,
#mainMenueSub ul .menueebene4 .menueebene4Active,
#mainMenueSub ul .menueebene4Active .menueebene4Active,
#mainMenueSub ul .menueebene4 .menueebene4,
#mainMenueSub ul .menueebene4Active .menueebene4,
#mainMenueSub ul .menueebene5 .menueebene4Active,
#mainMenueSub ul .menueebene5Active .menueebene5Active,
#mainMenueSub ul .menueebene5 .menueebene5,
#mainMenueSub ul .menueebene5Active .menueebene5 {
  display: none !important;
}
#mainMenueSub li {
  list-style: none outside none;
}
#mainMenueSub li ul li {
  /* display: block !important; */
  float: left;
  margin-right: 0;
  text-align: left;
  width: 100%;
  clear: both;
}
#mainMenueSub li ul li ul li:hover {
  background: #fff;
  color: #3f3f3f;
}
#mainMenueSub li ul li ul li:hover a {
  color: #3f3f3f !important;
}
#mainMenueSub li ul li:hover,
#mainMenueSub ul li ul li ul li a.l3-act,
#mainMenueSub ul li ul li a.act {
  background: #7d0008;
  color: #fff !important;
}
#mainMenueSub li ul li.pfeilSub {
  background: url(../images/menue-pfeilsub.png) no-repeat 96% 12px;
}
#mainMenueSub li ul li.pfeilSub:hover,
#mainMenueSub li ul li.pfeilSub:active,
#mainMenueSub li ul li.pfeilSub:focus,
#mainMenueSub ul li.menueebene0Active ul li a.pfeilSubAct,
#mainMenueSub ul li.menueebene1Active ul li a.pfeilSubAct,
#mainMenueSub ul li.menueebene2Active ul li a.pfeilSubAct,
#mainMenueSub ul li.menueebene3Active ul li a.pfeilSubAct,
#mainMenueSub ul li.menueebene4Active ul li a.pfeilSubAct,
#mainMenueSub ul li.menueebene5Active ul li a.pfeilSubAct {
  background: url(../images/menue-pfeil-w.png) no-repeat 96% 19px #7d0008;
  color: #fff;
}
#mainMenueSub
  ul.navId.dropdown
  li.menueebene0.open
  ul.menueebene0Sub.dropdownSlide
  li
  ul
  li,
#mainMenueSub
  ul.navId.dropdown
  li.menueebene0.open
  ul.menueebene0Sub.dropdownSlide
  li
  ul
  li,
#mainMenueSub
  ul.navId.dropdown
  li.menueebene1.open
  ul.menueebene0Sub.dropdownSlide
  li
  ul
  li,
#mainMenueSub
  ul.navId.dropdown
  li.menueebene1.open
  ul.menueebene0Sub.dropdownSlide
  li
  ul
  li,
#mainMenueSub
  ul.navId.dropdown
  li.menueebene2.open
  ul.menueebene0Sub.dropdownSlide
  li
  ul
  li,
#mainMenueSub
  ul.navId.dropdown
  li.menueebene2.open
  ul.menueebene0Sub.dropdownSlide
  li
  ul
  li,
#mainMenueSub
  ul.navId.dropdown
  li.menueebene2.open
  ul.menueebene0Sub.dropdownSlide
  li
  ul
  li,
#mainMenueSub
  ul.navId.dropdown
  li.menueebene3.open
  ul.menueebene0Sub.dropdownSlide
  li
  ul
  li,
#mainMenueSub
  ul.navId.dropdown
  li.menueebene4.open
  ul.menueebene0Sub.dropdownSlide
  li.menueumbruch
  ul
  li {
  background: none;
}
#mainMenueSub li ul li a {
  color: #3d3d3d;
  float: left;
  font-size: 20px;
  padding: 9px 0 8px 5%;
  text-decoration: none;
  text-transform: none;
  width: 95%;
}
#mainMenueSub li ul li a.pfeilSub {
  background: url(../images/menue-pfeil.png) no-repeat 96% 15px;
}
#mainMenueSub li ul li:hover a.pfeilSub {
  background: url(../images/menue-pfeil-w.png) no-repeat 96% 15px #7d0008;
  color: #fff;
}
#mainMenueSub ul li ul li:hover a {
  text-decoration: none;
  color: #fff;
}
#mainMenueSub ul li ul li a.pfeilSubAct,
#mainMenueSub ul li ul li a.Active {
  text-decoration: none;
  color: #fff;
  background: #7d0008;
}
#mainMenueSub .bild {
  position: absolute;
  right: 16.4%;
  top: 40px;
  width: 295px;
  color: #fff;
  z-index: 150;
}
#mainMenueSub .bild h4 {
  margin-bottom: 15px;
  margin-top: 45px;
  font-size: 20px;
}
#mainMenueSub .bild p {
  font-size: 16px;
  margin-bottom: 10px;
}
#mainMenueSub ul li ul li:hover > ul,
#mainMenueSub ul li ul li.hover > ul {
  display: block;
}
#mainMenueSub li ul li ul li {
  display: block;
  float: left;
  margin-right: 0;
  text-align: left;
  width: 100%;
  clear: both;
}
/* 3 Ebene */
#mainMenueSub ul li ul li ul {
  float: left;
  display: none;
  left: 313px;
  padding-right: 0;
  position: absolute;
  width: 285px;
  background: none;
}
#mainMenueSub ul li ul li ul li a,
#mainMenueSub ul li ul li:hover ul li a {
  color: #fff;
  padding-top: 13px;
  font-size: 18px;
  font-family: "Overpass-Light";
  font-weight: normal;
}
#mainMenueSub ul li ul li ul li a:hover,
#mainMenueSub ul li ul li:hover ul li a.l3-act {
  color: #fff;
  text-decoration: none;
}

#mainMenueSub ul li ul li ul li a.l3-act {
  text-decoration: none;
}

/* Subnavi */
.responsivenavi {
  display: none;
}
#subnavi {
  float: left;
  width: 100%; /*292px*/
  padding: 0 0; /*16px*/
}
#subnavi h3 {
  font-size: 20px;
  color: #fff;
  font-family: "Overpass-Regular";
  font-weight: normal;
  padding: 6px 6% 7px;
  margin-bottom: 10px;
  text-transform: uppercase;
  background: #919191;
}

/* Headlines */

/*
 *	Wird nur für Backendbenutzer angezeigt
 *  width anpassen
*/
/* contentbereich */
.typo3-editPanel {
  background-color: #f1f1f1;
  border: 1px dotted #909090;
  clear: both;
  float: left;
  font-size: 11px;
  padding: 4px;
  position: relative;
  width: 98.4%;
  z-index: 500;
}
img.frontEndEditIcons {
  width: auto !important;
  max-width: 100% !important;
}
#homeBoxRight02 .typo3-editPanel {
  display: none;
}
/* contentInfobox */
.contentbereichInfobox .typo3-editPanel {
  margin: 5px 0 0 0;
  width: 587px;
}
/* rechte Randleiste */
.typo3-editPanel {
}
.typo3-editPanel-controls {
  float: left;
  margin-right: 4px;
}
.typo3-editPanel-controls .feedit-icon {
  margin: 0 4px 0 0;
  width: auto !important;
}
.typo3-editPanel-label {
  float: left;
  color: #000000;
  font: 11px arial, tahoma, helvetica, sans-serif;
  padding: 2px 0 0 0;
}
#contentbereich .ce-gallery DIV.ce-row {
  margin-left: 0 !important;
  float: left;
  margin-top: 0px;
}
#contentbereich .ce-gallery DIV.ce-row DIV.ce-column.ce-column {
  padding-left: 0 !important;
}
#contentbereich .ce-textpic .ce-row {
  clear: both;
  margin: 0 0 10px;
}
#bbw {
  float: left;
  width: 100%;
}
.bbwFirstLetterblock,
.bbwFirstLetterblockleistung {
  background: #f6f6f6;
  border: 1px dotted #6c6c6c;
  margin: 4px 0 7px 0px;
  padding: 4px 0;
  text-align: center;
  float: left;
  width: 100%;
}
.bbwFirstLetterblockleistung a {
  text-shadow: 1px 1px #ddd;
}
#bbw table {
  border: 1px solid #cfcfcf;
  border-collapse: collapse;
  margin: 0 0 15px 0px;
  max-width: 610px;
  text-align: left;
  width: 100%;
}
#bbw .formSelect option {
  padding: 5px;
}
#bbw table tbody tr th {
  background: #e0e0e0;
  border: 1px solid #cfcfcf;
  padding: 5px;
  text-align: left;
}
#bbw table tbody tr td {
  background: #f9f9f9;
  border: 1px solid #cfcfcf;
  padding: 5px;
  text-align: left;
}
#bbw table tbody tr.alt td {
  background: #ffffff;
}
#bbw table tbody tr:hover td {
  background: #f0f0f0;
}
#bbw img {
  border: 1px solid #ccc;
}
.vCard {
}
/* Styles imagecols */

/* Spalte:1 */
#contentbereich
  .ce-textpic.ce-center:not(.ce-intext)
  .ce-gallery.ce-border
  .ce-column {
  max-width: 99.8%;
}
/* Spalte:2 */
#contentbereich
  .ce-textpic.ce-center:not(.ce-intext)
  .ce-gallery[data-ce-columns="2"]
  .ce-row
  .ce-column,
.ce-textpic.ce-center:not(.ce-intext)
  .ce-gallery[data-ce-columns="2"]
  .ce-row:last-child
  .ce-column {
  margin-right: 2%;
  width: 49%;
  float: left;
}
#contentbereich
  .ce-textpic.ce-center:not(.ce-intext)
  .ce-gallery.ce-border.ce-gallery[data-ce-columns="2"]
  .ce-row
  .ce-column,
.ce-textpic.ce-center:not(.ce-intext)
  .ce-gallery[data-ce-columns="2"]
  .ce-row:last-child
  .ce-column {
  margin-right: 0;
  width: 48.3%;
}
#contentbereich
  .ce-textpic.ce-center:not(.ce-intext)
  .ce-gallery[data-ce-columns="2"].ce-gallery:not([data-ce-columns="1"])
  .ce-row
  .ce-column:last-child,
.ce-textpic.ce-center:not(.ce-intext)
  .ce-gallery[data-ce-columns="2"].ce-gallery:not([data-ce-columns="1"])
  .ce-row:last-child
  .ce-column:last-child,
#contentbereich
  .ce-textpic.ce-center:not(.ce-intext)
  .ce-gallery[data-ce-columns="2"]
  .ce-row
  .csc-textpic-last,
.ce-textpic.ce-center:not(.ce-intext)
  .ce-gallery[data-ce-columns="2"]
  .ce-row:last-child
  .csc-textpic-last {
  margin-right: 0;
  float: right;
}
#contentbereich
  .ce-textpic
  .ce-gallery[data-ce-columns="2"]
  .ce-row
  .ce-column
  .image-caption {
}
/* Spalte:3 */
#contentbereich
  .ce-textpic.ce-center:not(.ce-intext)
  .ce-gallery[data-ce-columns="3"]
  .ce-row
  .ce-column,
.ce-textpic.ce-center:not(.ce-intext)
  .ce-gallery[data-ce-columns="3"]
  .ce-row:last-child
  .ce-column {
  margin-right: 2%;
  width: 32%;
  float: left;
}
#contentbereich
  .ce-textpic.ce-center:not(.ce-intext)
  .ce-gallery.ce-border.ce-gallery[data-ce-columns="3"]
  .ce-row
  .ce-column,
.ce-textpic.ce-center:not(.ce-intext)
  .ce-gallery[data-ce-columns="3"]
  .ce-row:last-child
  .ce-column {
  margin-right: 2.6%;
  width: 31.6%;
}
#contentbereich
  .ce-textpic.ce-center:not(.ce-intext)
  .ce-gallery[data-ce-columns="3"].ce-gallery:not([data-ce-columns="1"])
  .ce-row
  .ce-column:last-child,
.ce-textpic.ce-center:not(.ce-intext)
  .ce-gallery[data-ce-columns="3"].ce-gallery:not([data-ce-columns="1"])
  .ce-row:last-child
  .ce-column:last-child,
#contentbereich
  .ce-textpic.ce-center:not(.ce-intext)
  .ce-gallery[data-ce-columns="3"]
  .ce-row
  .csc-textpic-last,
.ce-textpic.ce-center:not(.ce-intext)
  .ce-gallery[data-ce-columns="3"]
  .ce-row:last-child
  .csc-textpic-last {
  margin-right: 0;
}
#contentbereich
  .ce-textpic
  .ce-gallery[data-ce-columns="3"]
  .ce-row
  .ce-column
  .image-caption {
}
/* Spalte:4 */
#contentbereich
  .ce-textpic.ce-center:not(.ce-intext)
  .ce-gallery[data-ce-columns="4"]
  .ce-row
  .ce-column,
.ce-textpic.ce-center:not(.ce-intext)
  .ce-gallery[data-ce-columns="4"]
  .ce-row:last-child
  .ce-column {
  margin-right: 2%;
  width: 23.5%;
  float: left;
}
#contentbereich
  .ce-textpic.ce-center:not(.ce-intext)
  .ce-gallery.ce-border.ce-gallery[data-ce-columns="4"]
  .ce-row
  .ce-column,
.ce-textpic.ce-center:not(.ce-intext)
  .ce-gallery[data-ce-columns="4"]
  .ce-row:last-child
  .ce-column {
  margin-right: 2%;
  width: 21.8%;
}
#contentbereich
  .ce-textpic.ce-center:not(.ce-intext)
  .ce-gallery[data-ce-columns="4"].ce-gallery:not([data-ce-columns="1"])
  .ce-row
  .ce-column:last-child,
.ce-textpic.ce-center:not(.ce-intext)
  .ce-gallery[data-ce-columns="4"].ce-gallery:not([data-ce-columns="1"])
  .ce-row:last-child
  .ce-column:last-child,
#contentbereich
  .ce-textpic.ce-center:not(.ce-intext)
  .ce-gallery[data-ce-columns="4"]
  .ce-row
  .csc-textpic-last,
.ce-textpic.ce-center:not(.ce-intext)
  .ce-gallery[data-ce-columns="4"]
  .ce-row:last-child
  .csc-textpic-last {
  margin-right: 0;
}
#contentbereich
  .ce-textpic
  .ce-gallery[data-ce-columns="4"]
  .ce-row
  .ce-column
  .image-caption {
}
/* Spalte:5 */
#contentbereich
  .ce-textpic.ce-center:not(.ce-intext)
  .ce-gallery[data-ce-columns="5"]
  .ce-row
  .ce-column,
.ce-textpic.ce-center:not(.ce-intext)
  .ce-gallery[data-ce-columns="5"]
  .ce-row:last-child
  .ce-column {
  margin-right: 1%;
  width: 19.2%;
  float: left;
}
#contentbereich
  .ce-textpic.ce-center:not(.ce-intext)
  .ce-gallery.ce-border.ce-gallery[data-ce-columns="5"]
  .ce-row
  .ce-column,
.ce-textpic.ce-center:not(.ce-intext)
  .ce-gallery[data-ce-columns="5"]
  .ce-row:last-child
  .ce-column {
  margin-right: 1%;
  width: 17.45%;
}
#contentbereich
  .ce-textpic.ce-center:not(.ce-intext)
  .ce-gallery[data-ce-columns="5"].ce-gallery:not([data-ce-columns="1"])
  .ce-row
  .ce-column:last-child,
.ce-textpic.ce-center:not(.ce-intext)
  .ce-gallery[data-ce-columns="5"].ce-gallery:not([data-ce-columns="1"])
  .ce-row:last-child
  .ce-column:last-child,
#contentbereich
  .ce-textpic.ce-center:not(.ce-intext)
  .ce-gallery[data-ce-columns="5"]
  .ce-row
  .csc-textpic-last,
.ce-textpic.ce-center:not(.ce-intext)
  .ce-gallery[data-ce-columns="5"]
  .ce-row:last-child
  .csc-textpic-last {
  margin-right: 0;
}
#contentbereich
  .ce-textpic
  .ce-gallery[data-ce-columns="5"]
  .ce-row
  .ce-column
  .image-caption {
}
/* Spalte:6 */
#contentbereich
  .ce-textpic.ce-center:not(.ce-intext)
  .ce-gallery[data-ce-columns="6"]
  .ce-row
  .ce-column,
.ce-textpic.ce-center:not(.ce-intext)
  .ce-gallery[data-ce-columns="6"]
  .ce-row:last-child
  .ce-column {
  margin-right: 1%;
  width: 15.81%;
  float: left;
}
#contentbereich
  .ce-textpic.ce-center:not(.ce-intext)
  .ce-gallery.ce-border.ce-gallery[data-ce-columns="6"]
  .ce-row
  .ce-column,
.ce-textpic.ce-center:not(.ce-intext)
  .ce-gallery[data-ce-columns="6"]
  .ce-row:last-child
  .ce-column {
  margin: 0 0.5% 0 0;
  width: 16.2%;
}
#contentbereich
  .ce-textpic.ce-center:not(.ce-intext)
  .ce-gallery[data-ce-columns="6"].ce-gallery:not([data-ce-columns="1"])
  .ce-row
  .ce-column:last-child,
.ce-textpic.ce-center:not(.ce-intext)
  .ce-gallery[data-ce-columns="6"].ce-gallery:not([data-ce-columns="1"])
  .ce-row:last-child
  .ce-column:last-child,
#contentbereich
  .ce-textpic.ce-center:not(.ce-intext)
  .ce-gallery[data-ce-columns="6"]
  .ce-row
  .csc-textpic-last,
.ce-textpic.ce-center:not(.ce-intext)
  .ce-gallery[data-ce-columns="6"]
  .ce-row:last-child
  .csc-textpic-last {
  margin-right: 0;
}
#contentbereich
  .ce-textpic
  .ce-gallery[data-ce-columns="6"]
  .ce-row
  .ce-column
  .image-caption {
}
/* Spalte:7 */
#contentbereich
  .ce-textpic.ce-center:not(.ce-intext)
  .ce-gallery[data-ce-columns="7"]
  .ce-row
  .ce-column,
.ce-textpic.ce-center:not(.ce-intext)
  .ce-gallery[data-ce-columns="7"]
  .ce-row:last-child
  .ce-column {
  margin-right: 1%;
  width: 13.42%;
  float: left;
}
#contentbereich
  .ce-textpic.ce-center:not(.ce-intext)
  .ce-gallery.ce-border.ce-gallery[data-ce-columns="7"]
  .ce-row
  .ce-column,
.ce-textpic.ce-center:not(.ce-intext)
  .ce-gallery[data-ce-columns="7"]
  .ce-row:last-child
  .ce-column {
  width: 12.82%;
  margin-right: -0.3%;
}
#contentbereich
  .ce-textpic.ce-center:not(.ce-intext)
  .ce-gallery[data-ce-columns="7"].ce-gallery:not([data-ce-columns="1"])
  .ce-row
  .ce-column:last-child,
.ce-textpic.ce-center:not(.ce-intext)
  .ce-gallery[data-ce-columns="7"].ce-gallery:not([data-ce-columns="1"])
  .ce-row:last-child
  .ce-column:last-child,
#contentbereich
  .ce-textpic.ce-center:not(.ce-intext)
  .ce-gallery[data-ce-columns="7"]
  .ce-row
  .csc-textpic-last,
.ce-textpic.ce-center:not(.ce-intext)
  .ce-gallery[data-ce-columns="7"]
  .ce-row:last-child
  .csc-textpic-last {
  margin-right: 0;
}
#contentbereich
  .ce-textpic
  .ce-gallery[data-ce-columns="7"]
  .ce-row
  .ce-column
  .image-caption {
  font-size: 14px;
}
/* Spalte:8 */
#contentbereich
  .ce-textpic.ce-center:not(.ce-intext)
  .ce-gallery[data-ce-columns="8"]
  .ce-row
  .ce-column,
.ce-textpic.ce-center:not(.ce-intext)
  .ce-gallery[data-ce-columns="8"]
  .ce-row:last-child
  .ce-column {
  margin-right: 1%;
  width: 11.6%;
  float: left;
}
#contentbereich
  .ce-textpic.ce-center:not(.ce-intext)
  .ce-gallery.ce-border.ce-gallery[data-ce-columns="8"]
  .ce-row
  .ce-column,
.ce-textpic.ce-center:not(.ce-intext)
  .ce-gallery[data-ce-columns="8"]
  .ce-row:last-child
  .ce-column {
  margin: 0 0.7% 17px;
  width: 10.62%;
}
#contentbereich
  .ce-textpic.ce-center:not(.ce-intext)
  .ce-gallery[data-ce-columns="8"].ce-gallery:not([data-ce-columns="1"])
  .ce-row
  .ce-column:last-child,
.ce-textpic.ce-center:not(.ce-intext)
  .ce-gallery[data-ce-columns="8"].ce-gallery:not([data-ce-columns="1"])
  .ce-row:last-child
  .ce-column:last-child,
#contentbereich
  .ce-textpic.ce-center:not(.ce-intext)
  .ce-gallery[data-ce-columns="8"]
  .ce-row
  .csc-textpic-last,
.ce-textpic.ce-center:not(.ce-intext)
  .ce-gallery[data-ce-columns="8"]
  .ce-row:last-child
  .csc-textpic-last {
  margin-right: 0;
}
#contentbereich
  .ce-textpic
  .ce-gallery[data-ce-columns="8"]
  .ce-row
  .ce-column
  .image-caption {
  font-size: 13px;
}
#kontrast img {
  width: 100%;
}

/*menu type section index*/

.frame-type-menu_section UL UL {
  margin-left: 0 !important;
}

.frame-type-menu_section UL UL LI {
  background: none repeat scroll 0 0 !important;
  float: left;
  padding-left: 0 !important;
  padding-right: 2.4%;
}
DIV.ce-column {
  height: 100%;
}