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


@font-face {
  font-family: "journalregular";
  src: url("../media/journal-webfont.eot");
  src: url("../media/journal-webfont.eot?#iefix") format("embedded-opentype"),
    url("../media/journal-webfont.woff") format("woff"),
    url("../media/journal-webfont.ttf") format("truetype"),
    url("../media/journal-webfont.svg#journalregular") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Lato Regular";
  src: url("../media/Lato-Regular.eot");
  src: url("../media/Lato-Regular.eot?#iefix") format("embedded-opentype"),
    url("../media/Lato-Regular.woff2") format("woff2"),
    url("../media/Lato-Regular.woff") format("woff"),
    url("../media/Lato-Regular.ttf") format("truetype"),
    url("../media/Lato-Regular.svg#svgFontName") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Lato Bold";
  src: url("../media/Lato-Bold.eot");
  src: url("../media/Lato-Bold.eot?#iefix") format("embedded-opentype"),
    url("../media/Lato-Bold.woff2") format("woff2"),
    url("../media/Lato-Bold.woff") format("woff"),
    url("../media/Lato-Bold.ttf") format("truetype"),
    url("../media/Lato-Bold.svg#svgFontName") format("svg");
  font-weight: normal;
  font-style: normal;
}

* {
  font-family: "Lato Regular";
  font-weight: normal;
}


body {
}

body,
html {
  height: 100%;
}

.ce-clear {
  /* clear: both; */
}

.publishSystemNotify,
.mainMenueId .mmtext {
  display: none;
}

iframe,
iframe table,
.elist {
  background-color: #fff;
}

img {
  border: none;
  max-width: 100%;
  height: auto;
}

#responsiveSidemenue {
  float: left;
  left: 0;
  position: fixed;
  top: 0;
  width: 5.1%;
}

#responsiveShow,
.nav_responsive {
  display: none;
}

#responsiveSidemenue {
  display: none;
}

#schrift:hover #popUp {
  display: block;
}

#popUp {
  color: #fff;
  display: none;
  right: 0;
  padding: 17px 15px;
  position: absolute;
  text-align: center;
  bottom: -25px;
  width: 260px;
  z-index: 160;
}

#popUp p {
  color: #fff;
  font-size: 18px;
  text-shadow: 1px 1px 3px #505050;
  line-height: 23px;
  margin-bottom: 14px;
  text-transform: none;
}

#schrift a:hover + #popUp {
  display: block;
}

#popUp:hover {
  opacity: 0.95;
  background: #50ad2e none repeat scroll 0 0;
  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: 0 5px;
}

#popUp span.button {
  color: #000;
}

/* --- Layout --- */

.cc_container {
  right: auto !important;
  left: 20px !important;
}

#contentbereich .ce-bodytext span {
  font-size: 16px !important;
  font-family: "Lato Regular" !important;
}

.suchbereich.resp {
  display: none;
}

.suchbereich {
  position: relative;
  float: right;
  width: auto;
  margin-right: 30px;
  margin-top: 32px;
}

.suchbereich a {
  float: left;
  width: 100%;
}

.suchbereich:hover .suchtext {
  width: 370px;
  opacity: 1;
}

.suchbereich:hover .suchlupe {
  transform: scale(1);
}

.suchbereich .suchtext {
  position: absolute;
  right: 17px;
  width: 0px;
  padding: 11px;
  padding-left: 20px;
  background: #ebebeb;
  border-radius: 20px;
  overflow: hidden;
  transition: 0.4s ease;
  height: 22px;
  opacity: 0;
}

.suchbereich .suchtext p {
  float: left;
  width: 350px;
  font-size: 20px;
  font-family: "Lato Regular";
  color: #5d5d5d;
}

.suchlupe {
  position: absolute;
  width: 38px;
  height: 38px;
  border-radius: 50%;
  right: 20px;
  top: 3px;
  z-index: 99;
  transition: 0.3s ease;
  background: #50ad2e url(../images/suchlupe.png) no-repeat center;
  transform: scale(1.3);
  background-size: 15px;
}

.menuealles {
  max-width: 1350px;
  margin: 0 auto;
  float: none;
  position: relative;
}

.alles {
  max-width: 1800px;
  margin: 0 auto;
  float: none;
  width: 100%;
  position: relative;
}

#wrapalles {
  float: left;
  width: 100%;
  position: relative;
  background: #e0e0e0;
}

#header {
  float: left;
  width: 100%;
  position: relative;
  background: #e0e0e0;
  height: 654px;
  background: linear-gradient(
    270deg,
    rgba(255, 255, 255, 1) 32%,
    rgba(224, 224, 224, 1) 32%
  );
  margin-top: 12px;
}

#logo {
  width: 232px;
  height: auto;
  margin: 7px 0 18px;
  float: left;
  margin-left: 20px;
}

.main #header {
  height: 540px;
}

.main #headerImage {
  height: 431px;
}

.main #headerImage .bx-viewport {
  height: 431px !important;
}

/*
.menueId::before {
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 125px 64px 0 0;
    border-color: #e0e0e0 transparent transparent transparent;
    content: '';
    position: absolute;
    left: -57px;
    top: 0;
}


.menueId ul li a::after {
    content: '';
    position: absolute;
    width: 1px;
    height: calc(100% + 110px);
    background: #e0e0e0;
    right: -15px;
    bottom: -59px;
    transform: rotate(30deg);
}

.menueId ul li:last-child a::after {
    display: none;
}
*/

.menueId ul li.hover a::after,
.menueId ul li:hover a::after,
.menueId ul li.menueebene0Active a::after,
.menueId ul li.menueebene1Active a::after,
.menueId ul li.menueebene2Active a::after,
.menueId ul li.menueebene3Active a::after,
.menueId ul li.menueebene4Active a::after,
.menueId ul li.menueebene5Active a::after,
.menueId ul li.menueebene6Active a::after {
  content: "";
  position: absolute;
  bottom: -40px;
  left: -28px;
  background: #50ad2e;
  width: 100%;
  height: 7px;
  transform: skew(-27deg);
}

.menueId ul li.hover:hover::after,
.menueId ul li.hover::after,
.menueId ul li:hover::after,
.menueId ul li.menueebene0Active::after,
.menueId ul li.menueebene1Active::after,
.menueId ul li.menueebene2Active::after,
.menueId ul li.menueebene3Active::after,
.menueId ul li.menueebene4Active::after,
.menueId ul li.menueebene5Active::after,
.menueId ul li.menueebene6Active::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #e1f1dc;
  z-index: -1;
  transform: skew(-27deg);
}

.menueId ul li::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #fff;
  z-index: -1;
  transform: skew(-27deg);
}

.menueId ul li a::after {
  content: "";
  position: absolute;
  bottom: -40px;
  left: -28px;
  background: #fff;
  width: 100%;
  height: 7px;
  transform: skew(-27deg);
}

.menueId ul li {
  display: block;
  position: relative;
}

.menueId ul li ul li::after,
.menueId ul li ul li a::after {
  display: none;
}

.main #wrap01 {
  float: left;
  width: calc(100% - 554px);
  position: relative;
  background: #e0e0e0;
  padding: 0 270px 0 284px;
  padding-bottom: 75px;
}

#breadcrumb {
  float: left;
  width: calc(100% - 140px);
  padding: 0 70px;
  padding-top: 20px;
  padding-bottom: 85px;
  position: relative;
  max-width: 818px;
  background: #fff;
}

.contentalles {
  float: left;
  width: 100%;
  position: relative;
  max-width: 1350px;
  background: #e0e0e0;
}

#layout01 {
  float: left;
  width: 71%;
  position: relative;
  background: #fff;
}

#layout02 {
  float: left;
  width: 25%;
  position: relative;
  margin-left: 45px;
  margin-top: 152px;
}

#navlinks {
  float: left;
  position: relative;
  width: 100%;
}

#drucken {
  background: url(../images/drucken.png) no-repeat left center;
  padding-left: 30px;
  width: 108px;
  float: left;
  transition: ease background 400ms, ease padding 800ms;
}

#drucken:hover {
  background-position: right;
  transition: ease background 400ms, ease padding 800ms;
  padding-left: 0;
  padding-right: 30px;
}

#nachOben {
  position: fixed;
  bottom: 34px;
  right: 28px;
  width: 77px;
  height: 77px;
  background: #50ad2e url(../images/hoch.png) no-repeat center;
  border-radius: 50%;
  opacity: 0;
  display: none;
  transition: 0.2s ease;
  z-index: 1;
}

#nachOben:hover {
  background-color: #125fab;
  transition: ease all 400ms;
}

#footer {
  float: left;
  width: 100%;
  position: relative;
  margin-bottom: 12px;
  background: linear-gradient(
    270deg,
    rgba(224, 224, 224, 1) 96%,
    rgba(255, 255, 255, 1) 96%
  );
}

#footer li {
  font-family: "Lato Regular";
  font-size: 17px;
  color: #000;
  line-height: 24px;
}

#footer ul {
  list-style: none;
}

#footer1 {
  float: left;
  width: 79%;
  position: relative;
  background: #fff;
  padding-bottom: 10px;
}

.footer01 {
  float: left;
  width: auto;
  position: relative;
  padding-left: 120px;
  margin-left: 110px;
  background: url(../images/wappen.png) no-repeat left center;
  height: 83px;
  padding-bottom: 20px;
  padding-top: 25px;
}

#footer1::after {
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 157px 64px 0 0;
  border-color: #ffffff transparent transparent transparent;
  content: "";
  position: absolute;
  right: -64px;
  top: 0;
}

.footer02 {
  float: left;
  width: auto;
  position: relative;
  margin-left: 120px;
  padding-top: 25px;
}

.footer02 .email a {
  color: #000;
  transition: ease 0.2s;
}

.footer02 .email a:hover {
  color: #50ad2e;
}

.footer03 {
  float: left;
  width: auto;
  position: relative;
  margin-left: 120px;
  padding-top: 25px;
}

#menuequick a {
  color: #000;
  font-size: 15px;
  font-family: "Lato Regular";
  line-height: 23px;
  transition: ease 0.2s;
}

#menuequick a:hover {
  color: #50ad2e;
}

#footer2 {
  float: right;
  width: 15%;
  position: relative;
  background: #e0e0e0;
  margin-top: 42px;
}

#footer2 span {
  font-family: "Lato Regular";
  font-size: 15px;
  color: #000;
}

#footer2 a {
  font-family: "Lato Regular";
  font-size: 15px;
  color: #000;
  transition: ease all 0.2s;
}

#footer2 a:hover {
  color: #5c5c5c;
}

#facebook-footer {
  float: left;
  width: 40px;
  height: 40px;
  z-index: 999;
}

#facebook-footer a {
  float: left;
  position: relative;
  width: 40px;
  height: 40px;
}

#facebook-footer a svg {
  float: left;
  position: relative;
  width: 40px;
  height: 40px;
  transition: 0.3s;
}

#facebook-footer:hover a svg {
  transform: scale(0.8);
}

#instagram-footer {
  float: left;
  width: 40px;
  height: 40px;
  z-index: 999;
  transition: 0.3s;
  margin-left: 20px;
}

#instagram-footer a {
  float: left;
  position: relative;
  width: 40px;
  height: 40px;
}

#instagram-footer:hover {
  transform: scale(0.8);
  transition: 0.3s;
}

.kontrast {
  float: left;
  width: auto;
  position: relative;
  margin-left: 20px;
}

.schrift {
  float: left;
  width: auto;
  position: relative;
  margin-left: 15px;
  margin-top: 13px;
}

.copyright {
  float: left;
  width: 100%;
  position: relative;
}

#navlink {
  width: auto;
  position: absolute;
  bottom: 65px;
  left: 68.7%;
}

#drucken a {
  font-size: 18px;
  font-family: "Lato Regular";
  line-height: 41px;
  color: #5c5c5c;
  transition: ease all 0.2s;
}

/* ######################### Hauptmenü ########################### */
.contrast2 {
  display: none;
}

.mainMenueId {
  float: right;
  width: 78%;
  z-index: 100;
  position: relative;
}

.menueId {
  float: left;
  width: 71%;
}

.menueId ul {
  margin: 0px;
  padding: 0px;
  float: left;
  width: 100%;
}

.menueId ul.navId ul {
  visibility: hidden;
}

.menueId ul.navId li:hover > ul,
.menueId ul.navId li.hover > ul {
  visibility: visible;
  display: block;
}

.menueId ul li {
  float: left;
  list-style: outside none none;
  transform-origin: center center 0;
  transform-style: flat;
  transition-duration: 0.2s;
  transition-property: background;
  transition-timing-function: ease;
  width: 246px;
  padding: 40px 0 33px 0;
  margin-right: 1px;
  text-align: center;
}

.menueId ul li.menueebene1,
.menueId ul li.menueebene1Active {
  width: 160px;
}

.menueId ul li.menueebene2,
.menueId ul li.menueebene2Active {
  width: 148px;
}

.menueId ul li.menueebene3,
.menueId ul li.menueebene3Active {
  width: 170px;
}

.menueId ul li.menueebene4,
.menueId ul li.menueebene4Active {
  margin-right: 0;
  width: 214px;
}

.menueId ul li.menueebene4 a,
.menueId ul li.menueebene4Active a {
  border-right: 0;
}

.menueId ul li a {
  color: #1a1a1a;
  position: relative;
  display: block;
  font-size: 21px;
  font-weight: normal;
  font-family: "Lato Bold";
  margin: 0;
  text-decoration: none;
  line-height: 29px;
  padding: 0 20px;
  text-align: center;
}

.menueId ul li ul li a.menueebeneNoSub.active {
}

.menueId ul li.menueebene0Active a.active,
.menueId ul li.menueebene1Active a.active,
.menueId ul li.menueebene2Active a.active,
.menueId ul li.menueebene3Active a.active,
.menueId ul li.menueebene4Active a.active {
}

.menueId ul li:hover,
.menueId ul li.menueebene0Active,
.menueId ul li.menueebene1Active,
.menueId ul li.menueebene2Active,
.menueId ul li.menueebene3Active,
.menueId ul li.menueebene4Active,
.menueId ul li.menueebene5Active,
.menueId ul li.menueebene6Active {
}

.menueId ul li:hover a,
.menueId ul li 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,
.menueId ul li.menueebene5Active a,
.menueId ul li.menueebene6Active a {
}

.menueId ul li ul li a.open,
.menueId ul li ul li a:hover,
.menueId ul li.menueebene0Active ul li a:hover,
.menueId ul li.menueebene1Active ul li a:hover,
.menueId ul li.menueebene2Active ul li a:hover,
.menueId ul li.menueebene3Active ul li a:hover,
.menueId ul li.menueebene4Active ul li a:hover,
.menueId ul li.menueebene5Active ul li a:hover,
.menueId ul li.menueebene6Active ul li a:hover {
}

.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.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,
.menueId ul li.menueebene6 ul,
.menueId ul li.menueebene6Active ul {
}

/* Ebene 2 */

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

.menueId ul.navId ul li.clearleft {
  clear: left;
}

/*####################Ende##############*/
.menueId ul li ul {
  background: rgba(26, 34, 94, 0.95);
  display: none;
  float: none;
  margin: 0;
  padding: 20px 30px 10px;
  position: absolute;
  width: calc(100% - 60px);
  z-index: 1000;
  left: auto;
  right: 0;
}

.menueId ul li ul li {
  height: auto;
  margin: 0 3.9% 30px 3px;
  padding: 0;
  position: relative;
  width: 30.4%;
}

.menueId ul li ul li.sub::after {
  content: url("../images/mnu.png");
  cursor: pointer;
  height: 26px;
  right: 0;
  position: absolute;
  top: 11px;
  transition: all 400ms ease-in-out 0s;
  width: 15px;
}

.menueId ul li ul li.sub:hover::after {
  content: url("../images/mnu.png");
  transform: scale(1) rotate(90deg) translateX(0px) translateY(0px) skewX(0deg)
    skewY(0deg);
}

.menueId ul li ul li.sub.open::after,
.menueId ul li ul li.sub.open:hover::after {
  transform: none;
  content: url("../images/mnuact_h.png");
}

.menueId ul li ul li:nth-child(3n) {
  margin-right: 0;
}

.menueId ul li ul li a.active {
  color: #50ad2e !important;
  border-bottom: 1px solid #50ad2e !important;
}

.menueId ul li ul li a {
  background: none repeat scroll 0 0 !important;
  border-bottom: 1px solid white !important;
  color: #ffffff !important;
  display: block;
  float: left;
  font-size: 23px;
  line-height: 27px;
  font-weight: normal;
  letter-spacing: 0;
  margin-bottom: 15px;
  padding: 27px 0 13px 0;
  text-align: left;
  text-transform: none;
  width: 100%;
  font-family: "Lato Regular";
}

.menueId ul li ul li.open a,
.menueId ul li ul li.activesub a,
.menueId ul li ul li:hover a {
  border-bottom: 1px solid #50ad2e !important;
  color: #50ad2e !important;
}

.menueId ul li ul li.sub a {
  padding: 5px 15px 8px 0;
  width: calc(100% - 15px);
}

.menueId ul li ul li a:hover {
  border: 0;
}

/* Ebene 3 */
#wrap01 .menueId ul li ul li ul {
  margin-left: 17px;
  max-height: 0;
  overflow: hidden;
  transition: max-height 10ms linear 0s;
  width: 100%;
  margin-bottom: 0;
  margin-top: 0;
  margin-left: 0;
}

#wrap01 .menueId ul li ul li.open ul {
  margin-top: 0px;
  max-height: 1000px;
  transition: max-height 500ms linear 0s;
}

.menueId ul.navId li ul li ul li a {
  border: medium none !important;
  color: #000 !important;
  font-size: 17px;
  line-height: 22px;
  text-decoration: none;
  text-transform: none;
  width: calc(100% - 10px);
  padding: 3px 10px 3px 0;
  margin-bottom: 0;
  font-family: "Lato Regular";
  background: url(../images/li_menue.png) no-repeat -21px 16px !important;
}

.menueId ul.navId li ul li ul li a:hover,
.menueId ul.navId li ul li ul li a.l3-act {
  background: url(../images/li_menue.png) no-repeat 0px 7px !important;
  transition: 0.2s ease;
  color: #50ad2e !important;
  padding-left: 17px;
  width: calc(100% - 17px);
}

.menueId ul li ul li ul li {
  margin: 0;
  background: none;
  width: 100%;
  margin-bottom: 8px;
}

.menueId ul.navId ul ul {
  display: block;
  visibility: visible;
}

.menueId ul ul li ul {
  border: 0 none;
  background: none;
  float: left;
  left: 0 !important;
  margin-bottom: 63px;
  margin-top: 0;
  padding: 0;
  position: relative;
  top: 0;
  width: 100%;
}

/* Main Navi - Subnavi */
#mainMenueSub ul li h4 {
  font-size: 30px;
  text-transform: uppercase;
  color: #50ad2e;
  margin-top: 50px;
  margin-bottom: 45px;
}

#mainMenueSub a.menu.act {
  color: #50ad2e;
}

#mainMenueSub ul li ul li.sub a.menu {
  background: url(../images/mnu-pfeil_zu.png) no-repeat center right 5px;
  background-size: 10px;
}

#mainMenueSub ul li ul li.sub a.menu.act {
  background: url(../images/mnu-pfeil_zu.png) no-repeat center right 5px;
  background-size: 10px;
}

#mainMenueSub ul li ul li.sub a.menu.act.open {
  background: url(../images/mnu-pfeil.png) no-repeat center right 5px;
  background-size: 10px;
}

#mainMenueSub ul li ul li.sub a.menu.open {
  background: #f4f4f4 url(../images/mnu-pfeil.png) no-repeat center right 5px;
  background-size: 10px;
}

#mainMenueSub ul li ul li.menueumbruch {
  clear: both;
}

#mainMenueSub ul li ul li.nosub.active a {
  color: #50ad2e !important;
}

#mainMenueSub {
  position: absolute;
  width: 100%;
  left: 7px;
  z-index: 140;
  top: 109px;
}

#mainMenueSub ul li ul {
  display: block;
  float: left;
  width: 90%;
  min-height: 230px;
  box-shadow: none;
}

#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;
  float: left;
  width: calc(100% - 197px) !important;
  z-index: 999;
  padding: 0 92px;
  background: #f6f6f6;
  padding-bottom: 30px;
}

#mainMenueSub ul.navId {
  margin: 0 auto;
  width: 100%;
  max-width: 1485px;
}

#mainMenueSub a.menueebene0,
#mainMenueSub a.menueebene0Active,
#mainMenueSub a.menueebene1,
#mainMenueSub a.menueebene1Active,
#mainMenueSub a.menueebene2,
#mainMenueSub a.menueebene2Active,
#mainMenueSub a.menueebene3,
#mainMenueSub a.menueebene3Active,
#mainMenueSub a.menueebene4,
#mainMenueSub a.menueebene4Active {
  display: none !important;
  float: left !important;
  font-size: 18px;
  margin-top: 10px;
  margin-bottom: 45px;
  position: relative;
  color: #504039;
  padding: 0;
  font-family: "Lato Regular";
}

#mainMenueSub li {
  list-style: none outside none;
}

#mainMenueSub li ul li {
  float: left;
  margin-right: 0;
  text-align: left;
  width: calc(100% + 20px);
  transition: 0.2s ease !important;
  clear: both;
  margin-left: -20px;
}

#mainMenueSub ul li ul li ul li a.l3-act,
#mainMenueSub ul li ul li ul li a:hover {
  background: url(../images/mnu01.png) no-repeat center left 19px;
  transition: 0.2s ease;
  color: #50ad2e !important;
  padding-left: 34px;
  width: calc(100% - 34px);
  background-size: 8px;
}

#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% 13px #5197d5;
  color: #fff;
  transition: 0.2s ease;
}

#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: #000;
  float: left;
  font-size: 20px;
  padding: 8px 0 8px 0px;
  text-decoration: none;
  text-transform: none;
  width: calc(100% - 20px);
  font-family: "Lato Regular";
  border-bottom: 1px solid #c9c9c9;
  margin-left: 20px;
}

#mainMenueSub li ul li a.pfeilSub {
  background: #333a52 url(../images/mnu-pfeil_zu.png) no-repeat 96% 12px;
}

#mainMenueSub li ul li:hover a.pfeilSub {
  background: url(../images/menue-pfeil-w.png) no-repeat 96% 13px #444c69;
  color: #fff;
}

#mainMenueSub ul li ul li:hover a {
  text-decoration: none;
  color: #50ad2e;
}

#mainMenueSub ul li ul li a.pfeilSubAct,
#mainMenueSub ul li ul li a.Active {
  text-decoration: none;
  color: #fff;
  background: #5197d5;
}

#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 li ul li ul li {
  display: block;
  float: left;
  margin-right: 0;
  text-align: left;
  width: 100%;
  clear: both;
  margin-left: 0;
}

/* 3 Ebene */

#mainMenueSub ul li ul.listCol1,
#mainMenueSub ul li ul.listCol2,
#mainMenueSub ul li ul.listCol3 {
  float: left;
  width: 28%;
  margin-right: 8%;
}

#mainMenueSub ul li ul.listCol1 li ul.listCol1,
#mainMenueSub ul li ul.listCol1 li ul.listCol2,
#mainMenueSub ul li ul.listCol2 li ul.listCol2,
#mainMenueSub ul li ul.listCol2 li ul.listCol1 {
  float: left;
  width: 100%;
}

ul.menueebene0Sub.dropdownSlide.listCol3 {
  margin-right: 0 !important;
}

#mainMenueSub ul li ul li ul {
  float: left;
  display: none;
  width: 100%;
  height: auto;
  min-height: 0;
  margin-left: 0;
}

#mainMenueSub ul li ul li .menu-ul.open ul.menu-ul,
#mainMenueSub ul li ul li.active ul.menu-ul {
  display: block;
  width: 100%;
  float: left;
}

#mainMenueSub ul li ul li ul li a {
  color: #000;
  background: none;
  font-family: "Lato Regular";
  font-size: 18px;
  background: url(../images/mnu01.png) no-repeat -20px;
  border-bottom: none;
  width: calc(100% - 34px);
  padding: 8px 0 8px 15px;
}
#mainMenueSub ul li ul li ul li ul li a {
  padding: 2px 0 4px 40px;
  width: calc(100% - 52px);
  font-size: 15px;
}
#mainMenueSub ul li ul li ul li ul li a:hover,
#mainMenueSub ul li ul li ul li ul li a.13-act {
  padding-left: 57px;
  background-position: center left 41px;
  width: calc(100% - 69px);
}
#mainMenueSub ul li ul li:hover ul li a {
  text-decoration: none;
  color: #000;
}

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

.menu-ul.open,
.active .menu-ul {
  float: left;
  background: #e5e5e5;
  width: calc(100% - 20px);
  border-bottom: 1px solid #c9c9c9;
  margin-left: 20px;
}
.active .menu-ul .menu-ul {
  background: none;
  border: 0;
}
/* Subnavi */

#subnavioffen_active,
#infoboxzu {
  float: right;
  margin-bottom: 3px;
  width: 44px;
  background: url(../images/zuklapppfeil.gif) top right no-repeat;
  transition: all 300ms ease 0s;
}

#infoboxzu {
  margin-right: -38px;
}

#subnavizu,
#infoboxoffen_active {
  background: url("../images/aufklapppfeil.gif") no-repeat scroll right top;
  float: left;
  margin-left: -38px;
  width: 44px;
  margin-bottom: 3px;
  transition: all 300ms ease 0s;
}

#infoboxoffen_active {
  margin-left: 0;
}

#infoboxzu {
  float: right;
}

.responsivenavi {
  display: none;
}

#subnavi {
  display: block;
  float: left;
  max-width: 480px;
  position: relative;
  margin-bottom: 100px;
  width: 100%;
}

#subnavi h3 {
  border-bottom: 1px solid #fff;
  color: #fff;
  font-size: 21px;
  font-family: "Lato Regular";
  font-weight: normal;
  line-height: 42px;
  margin-bottom: 10px;
  margin-left: 4%;
  padding-bottom: 0;
  padding-top: 0;
  width: 92%;
}

#subnavi a.menueText1.act {
  font-family: "Lato Bold";
  font-size: 29px;
  color: #000;
  padding: 8px 0px 25px 0px;
  text-transform: uppercase;
}

#subnavi ul li:first-child a {
}

#subnavi ul li:first-child a:hover,
#subnavi ul li:first-child a.menueebeneActive,
#subnavi ul li:first-child a.menueebeneActive:hover {
}

#subnavi ul li:last-child a {
}

#subnavi ul li:last-child a:hover,
#subnavi ul li:last-child a.menueebeneActive,
#subnavi ul li:last-child a.menueebeneActive:hover {
}

#subnavi * {
}

/* Ebene 1 */

#subnavi ul {
  float: left;
  padding: 0px 0 0 0;
  width: 100%;
}

#subnavi ul li {
  clear: both;
  float: left;
  position: relative;
  width: 100%;
  list-style: none;
  display: none;
}

#subnavi ul li.active {
  display: block;
}

#subnavi ul li a {
  clear: both;
  color: #fff;
  display: block;
  float: left;
  font-size: 15px;
  font-family: "Lato Regular";
  font-weight: normal;
  line-height: 26px;
  margin-left: 0;
  padding: 0 0 0 0;
  text-decoration: none;
  width: calc(100% - 6px);
}

#subnavi ul li a:hover,
#subnavi ul li a.menueText1 act,
#subnavi ul li a.menueText1 act:hover {
}

/* Ebene 2 */
#subnavi ul li ul li {
  border-bottom: 1px solid #979797;
}

#subnavi ul li ul li a {
}

#subnavi ul ul {
  float: left;
}

#subnavi ul li.active ul li {
  display: list-item;
}

#subnavi li.sub.active a.act {
}

#subnavi ul li ul li ul li a.menueText2:hover {
}

#subnavi ul li ul li a:first-child {
}

#subnavi ul li ul li a,
#subnavi ul li a {
  color: #000;
  float: left;
  font-size: 20px;
  font-family: "Lato Regular";
  font-weight: normal;
  line-height: 39px;
  position: relative;
  text-transform: none;
  transition: 0.2s ease;
}

#subnavi ul li ul li ul a.menueText2,
#subnavi ul li ul li ul a.menueText2.act {
  padding-left: 25px;
  width: calc(100% - 25px);
}

#subnavi ul li ul li a:hover,
#subnavi ul li ul li a.act,
#subnavi ul li ul li a.act:hover,
#subnavi ul li ul li a:hover {
  color: #50ad2e !important;
  transition: 0.2s ease;
  font-family: "Lato Regular";
  font-weight: normal;
}

#subnavi ul ul li:hover,
#subnavi ul li ul li.act {
}

#subnavi ul li.sub.active ul li.sub.active a.menueText2.act {
}

#subnavi ul li.sub.active ul li.sub.active ul li.sub.active a.menueText2.act {
}

#subnavi ul li.sub.active ul li.sub.active ul li.act a.menueText2.act {
}

/* Ebene 3 */
#subnavi ul li ul li ul li {
  border-bottom: none;
}

#subnavi ul li ul li ul li a.act {
  background: url(../images/li_menue.png) no-repeat left 3px center;
}

#subnavi ul li ul li.sub.active > a {
  color: #50ad2e !important;
  transition: 0.2s ease;
  font-family: "Lato Regular";
  font-weight: normal;
}

#subnavi ul li ul li ul li a {
  font-size: 17px !important;
  line-height: 29px !important;
  font-family: "Lato Regular" !important;
  color: #000;
  padding-left: 25px;
  width: calc(100% - 25px);
}

#subnavi ul ul ul {
  display: none;
  float: left;
  width: 100%;
  padding-left: 0;
}

#subnavi ul li.sub.active ul li.sub ul li.sub ul {
  display: none;
}
#subnavi ul li.sub ul li.sub ul > li.sub a.subnavimnu {
  background: url(../images/submenu.gif) no-repeat left center;
  filter: brightness(0);
}
#subnavi ul li.sub ul li.sub ul > li.sub.active a.subnavimnu, #subnavi ul li.sub ul li.sub ul > li.sub a.subnavimnu.open {
  background: url(../images/submenu_r.gif) no-repeat left center;
  filter: brightness(0);
}
#subnavi ul li.sub.active ul li.sub.active ul,
#subnavi ul li.sub.active ul li.sub.active ul li.sub.active ul {
  display: block;
}

#subnavi ul ul ul ul {
  width: calc(100% - 25px);
  margin-left: 25px;
}

#subnavi ul li ul li ul li {
}

#subnavi ul li.sub.active ul li.sub.active ul li:last-child {
}

#subnavi ul li ul li a {
}

#subnavi ul li ul li ul li a.menueText2.act {
}

#subnavi ul li ul li ul li ul li a {
}

#subnavi ul li ul li ul li a.menueText2:hover {
}

/* Headlines */
#contentbereich .imageDescription {
  display: block;
}

.imageContent {
  float: right;
  position: relative;
  padding-bottom: 0px;
  padding-left: 12px;
  padding-right: 0px;
  padding-top: 5px;
}

.imageDescriptionText {
  font-size: 11px;
  padding-left: 0px;
  width: 207px;
  color: #1a171b;
  text-align: right;
  padding-top: 5px;
  padding-right: 0px;
  padding-bottom: 5px;
}

.wetterGrad {
  float: left;
  padding-left: 15px;
}

.typo3-editPanel {
  float: left;
}

.veranstaltungenBild,
.veranstaltungenBild02 {
  float: left;
  margin: 0 10px 8px 0px;
  clear: both;
  border: 1px solid #d4d4d4;
}

.veranstaltungenBild02 {
  float: right;
  margin: 8px 0 0 10px;
}

#contentbereich .alpha-sitemap-chars {
  margin: 12px 0;
  background: #e5ebf5;
  border: 1px solid #99b2da;
  text-align: center;
  padding: 6px;
}

#contentbereich .alpha-sitemap-chars span {
  color: #cccccc;
  text-shadow: 1px 1px 3px #99b2da;
  font-size: 15px;
}

#contentbereich .alpha-sitemap-chars span a {
  color: #0e1655;
  text-shadow: 1px 1px 3px #99b2da;
  font-size: 15px;
}

#contentbereich .alpha-sitemap-chars .active {
  color: #04378b;
  text-shadow: 1px 1px 3px #99b2da;
  font-size: 15px;
}

/**
 *	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;
  width: 98%;
}

#homeBoxRight02 .typo3-editPanel {
  display: none;
}

/* contentInfobox */
.contentbereichInfobox .typo3-editPanel {
  margin: 5px 0 0 0;
  width: 587px;
}

/* rechte Randleiste */
.typo3-editPanel {
}

#infoboxbereich .infobox .typo3-editPanel {
  width: 117px;
}

.typo3-editPanel-controls {
  float: left;
  margin-right: 4px;
}

.typo3-editPanel-controls .feedit-icon {
  margin: 0 4px 0 0;
}

.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;
}

#contentbereich .ce-gallery DIV.ce-row DIV.ce-column.ce-column {
  padding-left: 0 !important;
}

#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%;
}

#bbw .lebenslagenbaum {
  float: left;
  width: 100%;
}

.bbwFirstLetterblockleistung a {
  text-shadow: 1px 1px #ddd;
}

#bbw table {
  border: 1px solid #cfcfcf;
  border-collapse: collapse;
  margin: 0 0 15px 10px;
  max-width: 610px;
  text-align: left;
  width: 100%;
}

#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 */
/*Styles aus Stylesheet Typo3*/
/* default styles for extension "tx_felogin_pi1" */
#contentbereich
  .ce-textpic.ce-center:not(.ce-intext).ce-textpic
  .ce-border
  .ce-gallery
  .ce-column {
  max-width: calc(100% - 2px);
}

#contentbereich
  .ce-textpic.ce-center:not(.ce-intext)
  .ce-gallery
  .ce-gallery[data-ce-columns="2"]
  .ce-row
  .ce-column,
.ce-textpic.ce-center:not(.ce-intext)
  .ce-gallery
  .ce-gallery[data-ce-columns="2"]
  .ce-row:last-child
  .ce-column {
  float: left;
  margin-bottom: 55px;
}

#contentbereich
  .ce-textpic.ce-center:not(.ce-intext).ce-textpic
  .ce-border
  .ce-gallery
  .ce-gallery[data-ce-columns="2"]
  .ce-row
  .ce-column,
.ce-textpic.ce-center:not(.ce-intext)
  .ce-gallery
  .ce-gallery[data-ce-columns="2"]
  .ce-row:last-child
  .ce-column {
}

#contentbereich
  .ce-textpic.ce-center:not(.ce-intext)
  .ce-gallery
  .ce-gallery[data-ce-columns="2"]
  .ce-row
  .ce-gallery:not([data-ce-columns="1"])
  .ce-column:last-child,
.ce-textpic.ce-center:not(.ce-intext)
  .ce-gallery
  .ce-gallery[data-ce-columns="2"]
  .ce-row:last-child
  .ce-gallery:not([data-ce-columns="1"])
  .ce-column:last-child,
#contentbereich
  .ce-textpic.ce-center:not(.ce-intext)
  .ce-gallery
  .ce-gallery[data-ce-columns="2"]
  .ce-row
  .csc-textpic-last,
.ce-textpic.ce-center:not(.ce-intext)
  .ce-gallery
  .ce-gallery[data-ce-columns="2"]
  .ce-row:last-child
  .csc-textpic-last {
  margin-right: 0;
}

#contentbereich
  .ce-textpic
  .ce-gallery[data-ce-columns="2"]
  .ce-row
  .ce-column
  .image-caption {
}

#contentbereich
  .ce-textpic.ce-center:not(.ce-intext)
  .ce-gallery
  .ce-gallery[data-ce-columns="3"]
  .ce-row
  .ce-column,
.ce-textpic.ce-center:not(.ce-intext)
  .ce-gallery
  .ce-gallery[data-ce-columns="3"]
  .ce-row:last-child
  .ce-column {
  float: left;
  margin-right: 4%;
  margin-top: 15px;
  width: 30.6%;
}

#contentbereich
  .ce-textpic.ce-center:not(.ce-intext).ce-textpic
  .ce-border
  .ce-gallery
  .ce-gallery[data-ce-columns="3"]
  .ce-row
  .ce-column,
.ce-textpic.ce-center:not(.ce-intext)
  .ce-gallery
  .ce-gallery[data-ce-columns="3"]
  .ce-row:last-child
  .ce-column {
  width: 30.6%;
}

#contentbereich
  .ce-textpic.ce-center:not(.ce-intext)
  .ce-gallery
  .ce-gallery[data-ce-columns="3"]
  .ce-row
  .ce-gallery:not([data-ce-columns="1"])
  .ce-column:last-child,
.ce-textpic.ce-center:not(.ce-intext)
  .ce-gallery
  .ce-gallery[data-ce-columns="3"]
  .ce-row:last-child
  .ce-gallery:not([data-ce-columns="1"])
  .ce-column:last-child,
#contentbereich
  .ce-textpic.ce-center:not(.ce-intext)
  .ce-gallery
  .ce-gallery[data-ce-columns="3"]
  .ce-row
  .csc-textpic-last,
.ce-textpic.ce-center:not(.ce-intext)
  .ce-gallery
  .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 {
}

#contentbereich
  .ce-textpic.ce-center:not(.ce-intext)
  .ce-gallery
  .ce-gallery[data-ce-columns="4"]
  .ce-row
  .ce-column,
.ce-textpic.ce-center:not(.ce-intext)
  .ce-gallery
  .ce-gallery[data-ce-columns="4"]
  .ce-row:last-child
  .ce-column {
  float: left;
  margin-right: 2%;
  width: 23.5%;
}

#contentbereich
  .ce-textpic.ce-center:not(.ce-intext).ce-textpic
  .ce-border
  .ce-gallery
  .ce-gallery[data-ce-columns="4"]
  .ce-row
  .ce-column,
.ce-textpic.ce-center:not(.ce-intext)
  .ce-gallery
  .ce-gallery[data-ce-columns="4"]
  .ce-row:last-child
  .ce-column {
  margin-right: 2%;
  width: 23.5%;
}

#contentbereich
  .ce-textpic.ce-center:not(.ce-intext)
  .ce-gallery
  .ce-gallery[data-ce-columns="4"]
  .ce-row
  .ce-gallery:not([data-ce-columns="1"])
  .ce-column:last-child,
.ce-textpic.ce-center:not(.ce-intext)
  .ce-gallery
  .ce-gallery[data-ce-columns="4"]
  .ce-row:last-child
  .ce-gallery:not([data-ce-columns="1"])
  .ce-column:last-child,
#contentbereich
  .ce-textpic.ce-center:not(.ce-intext)
  .ce-gallery
  .ce-gallery[data-ce-columns="4"]
  .ce-row
  .csc-textpic-last,
.ce-textpic.ce-center:not(.ce-intext)
  .ce-gallery
  .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 {
}

#contentbereich
  .ce-textpic.ce-center:not(.ce-intext)
  .ce-gallery
  .ce-gallery[data-ce-columns="5"]
  .ce-row
  .ce-column,
.ce-textpic.ce-center:not(.ce-intext)
  .ce-gallery
  .ce-gallery[data-ce-columns="5"]
  .ce-row:last-child
  .ce-column {
  float: left;
  margin-right: 1%;
  width: 19.2%;
}

#contentbereich
  .ce-textpic.ce-center:not(.ce-intext).ce-textpic
  .ce-border
  .ce-gallery
  .ce-gallery[data-ce-columns="5"]
  .ce-row
  .ce-column,
.ce-textpic.ce-center:not(.ce-intext)
  .ce-gallery
  .ce-gallery[data-ce-columns="5"]
  .ce-row:last-child
  .ce-column {
  margin-right: 1%;
  width: 19.2%;
}

#contentbereich
  .ce-textpic.ce-center:not(.ce-intext)
  .ce-gallery
  .ce-gallery[data-ce-columns="5"]
  .ce-row
  .ce-gallery:not([data-ce-columns="1"])
  .ce-column:last-child,
.ce-textpic.ce-center:not(.ce-intext)
  .ce-gallery
  .ce-gallery[data-ce-columns="5"]
  .ce-row:last-child
  .ce-gallery:not([data-ce-columns="1"])
  .ce-column:last-child,
#contentbereich
  .ce-textpic.ce-center:not(.ce-intext)
  .ce-gallery
  .ce-gallery[data-ce-columns="5"]
  .ce-row
  .csc-textpic-last,
.ce-textpic.ce-center:not(.ce-intext)
  .ce-gallery
  .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 {
}

#contentbereich
  .ce-textpic.ce-center:not(.ce-intext)
  .ce-gallery
  .ce-gallery[data-ce-columns="6"]
  .ce-row
  .ce-column,
.ce-textpic.ce-center:not(.ce-intext)
  .ce-gallery
  .ce-gallery[data-ce-columns="6"]
  .ce-row:last-child
  .ce-column {
  float: left;
  margin-right: 1%;
  width: 15.81%;
}

#contentbereich
  .ce-textpic.ce-center:not(.ce-intext).ce-textpic
  .ce-border
  .ce-gallery
  .ce-gallery[data-ce-columns="6"]
  .ce-row
  .ce-column,
.ce-textpic.ce-center:not(.ce-intext)
  .ce-gallery
  .ce-gallery[data-ce-columns="6"]
  .ce-row:last-child
  .ce-column {
  width: 15.83%;
}

#contentbereich
  .ce-textpic.ce-center:not(.ce-intext)
  .ce-gallery
  .ce-gallery[data-ce-columns="6"]
  .ce-row
  .ce-gallery:not([data-ce-columns="1"])
  .ce-column:last-child,
.ce-textpic.ce-center:not(.ce-intext)
  .ce-gallery
  .ce-gallery[data-ce-columns="6"]
  .ce-row:last-child
  .ce-gallery:not([data-ce-columns="1"])
  .ce-column:last-child,
#contentbereich
  .ce-textpic.ce-center:not(.ce-intext)
  .ce-gallery
  .ce-gallery[data-ce-columns="6"]
  .ce-row
  .csc-textpic-last,
.ce-textpic.ce-center:not(.ce-intext)
  .ce-gallery
  .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 {
}

#contentbereich
  .ce-textpic.ce-center:not(.ce-intext)
  .ce-gallery
  .ce-gallery[data-ce-columns="7"]
  .ce-row
  .ce-column,
.ce-textpic.ce-center:not(.ce-intext)
  .ce-gallery
  .ce-gallery[data-ce-columns="7"]
  .ce-row:last-child
  .ce-column {
  float: left;
  margin-right: 1%;
  width: 13.42%;
}

#contentbereich
  .ce-textpic.ce-center:not(.ce-intext).ce-textpic
  .ce-border
  .ce-gallery
  .ce-gallery[data-ce-columns="7"]
  .ce-row
  .ce-column,
.ce-textpic.ce-center:not(.ce-intext)
  .ce-gallery
  .ce-gallery[data-ce-columns="7"]
  .ce-row:last-child
  .ce-column {
  width: 13.43%;
}

#contentbereich
  .ce-textpic.ce-center:not(.ce-intext)
  .ce-gallery
  .ce-gallery[data-ce-columns="7"]
  .ce-row
  .ce-gallery:not([data-ce-columns="1"])
  .ce-column:last-child,
.ce-textpic.ce-center:not(.ce-intext)
  .ce-gallery
  .ce-gallery[data-ce-columns="7"]
  .ce-row:last-child
  .ce-gallery:not([data-ce-columns="1"])
  .ce-column:last-child,
#contentbereich
  .ce-textpic.ce-center:not(.ce-intext)
  .ce-gallery
  .ce-gallery[data-ce-columns="7"]
  .ce-row
  .csc-textpic-last,
.ce-textpic.ce-center:not(.ce-intext)
  .ce-gallery
  .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;
}

#contentbereich
  .ce-textpic.ce-center:not(.ce-intext)
  .ce-gallery
  .ce-gallery[data-ce-columns="8"]
  .ce-row
  .ce-column,
.ce-textpic.ce-center:not(.ce-intext)
  .ce-gallery
  .ce-gallery[data-ce-columns="8"]
  .ce-row:last-child
  .ce-column {
  float: left;
  margin-right: 1%;
  width: 11.6%;
}

#contentbereich
  .ce-textpic.ce-center:not(.ce-intext).ce-textpic
  .ce-border
  .ce-gallery
  .ce-gallery[data-ce-columns="8"]
  .ce-row
  .ce-column,
.ce-textpic.ce-center:not(.ce-intext)
  .ce-gallery
  .ce-gallery[data-ce-columns="8"]
  .ce-row:last-child
  .ce-column {
  margin: 0 0.7% 17px;
  width: 11.27%;
}

#contentbereich
  .ce-textpic.ce-center:not(.ce-intext)
  .ce-gallery
  .ce-gallery[data-ce-columns="8"]
  .ce-row
  .ce-gallery:not([data-ce-columns="1"])
  .ce-column:last-child,
.ce-textpic.ce-center:not(.ce-intext)
  .ce-gallery
  .ce-gallery[data-ce-columns="8"]
  .ce-row:last-child
  .ce-gallery:not([data-ce-columns="1"])
  .ce-column:last-child,
#contentbereich
  .ce-textpic.ce-center:not(.ce-intext)
  .ce-gallery
  .ce-gallery[data-ce-columns="8"]
  .ce-row
  .csc-textpic-last,
.ce-textpic.ce-center:not(.ce-intext)
  .ce-gallery
  .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;
}

.tx-felogin-pi1 label {
  display: block;
}

/* default styles for extension "tx_cssstyledcontent" */
/* Headers */
.csc-header-alignment-center {
  text-align: center;
}

.csc-header-alignment-right {
  text-align: right;
}

.csc-header-alignment-left {
  text-align: left;
}

.csc-textpic-responsive,
.csc-textpic-responsive * {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

/* Clear floats after ce-textpic and after ce-row */
/*	.ce-textpic, .ce-textpic .ce-row, ul.ce-uploads li { overflow: hidden; }
*/
/* Set padding for tables */
.ce-textpic .ce-gallery table {
  border-collapse: collapse;
  border-spacing: 0;
}

.ce-textpic .ce-gallery table tr td {
  padding: 0;
  vertical-align: top;
}

/* Settings for figure.removedbymigration and figcaption (HTML5) */
.ce-textpic .ce-gallery figure.removedbymigration,
.ce-textpic figure.removedbymigration.ce-gallery {
  margin: 0;
  display: table;
}

/* Captions */
figcaption.image-caption {
  display: table-caption;
}

.image-caption {
  text-align: left;
  caption-side: bottom;
}

.image-caption-c .image-caption,
.ce-gallery .image-caption-c {
  text-align: center;
}

.image-caption-r .image-caption,
.ce-gallery .image-caption-r {
  text-align: right;
}

.image-caption-l .image-caption,
.ce-gallery .image-caption-l {
  text-align: left;
}

/* Float the columns */
.ce-textpic .csc-textpic-imagecolumn {
  float: left;
}

/* Border just around the image */
.ce-textpic .ce-gallery.ce-border img {
  border: 2px solid black;
  padding: 0px 0px;
}

.ce-textpic .ce-gallery img {
  border: none;
}

/* Space below each image (also in-between rows) */
/*.ce-textpic .ce-gallery .ce-column { margin-bottom: 55px; }*/
.ce-textpic
  .ce-gallery
  .ce-gallery:not([data-ce-rows="1"])
  .ce-row:last-child
  .ce-column {
  margin-bottom: 0;
}

.ce-textpic.ce-textpic.ce-right.ce-intext:not(.ce-nowrap)
  .ce-gallery
  .ce-row
  .ce-column {
  margin-top: -1px;
  margin-bottom: 0;
}

/* colSpace around image columns, except for last column */
.csc-textpic-imagecolumn,
td.csc-textpic-imagecolumn .ce-column {
  margin-right: 10px;
}

.csc-textpic-imagecolumn.ce-gallery:not([data-ce-columns="1"])
  .ce-column:last-child,
td.csc-textpic-imagecolumn.ce-gallery:not([data-ce-columns="1"])
  .ce-column:last-child {
  margin-right: 0;
}

/* Add margin from image-block to text (in case of "Text & Images") */
.ce-textpic.ce-left.ce-intext:not(.ce-nowrap) .ce-gallery,
.ce-textpic.ce-left.ce-intext.ce-nowrap .ce-gallery {
  margin-right: 10px;
}

.ce-textpic.ce-right.ce-intext:not(.ce-nowrap) .ce-gallery,
.ce-textpic.ce-right.ce-intext.ce-nowrap .ce-gallery {
  margin-left: 10px;
}

.ce-gallery.csc-textpic-single-image {
  text-align: center;
}

/* Positioning of images: */

/* Center (above or below) */
/*	.ce-textpic.ce-center:not(.ce-intext) .ce-gallery, .ce-textpic.ce-center:not(.ce-intext) figure.removedbymigration.ce-gallery { overflow: hidden; }
	.ce-textpic.ce-center:not(.ce-intext).ce-center:not(.ce-intext)-outer { position: relative; float: right; right: 50%; }
	.ce-textpic.ce-center:not(.ce-intext).ce-center:not(.ce-intext)-inner { position: relative; float: right; right: -50%; }
*/
/* Right (above or below) */
.ce-textpic.ce-right:not(.ce-intext) .ce-gallery {
  float: right;
}

.ce-textpic.ce-right:not(.ce-intext) .ce-bodytext {
  clear: right;
}

/* Left (above or below) */
.ce-textpic.ce-left:not(.ce-intext) .ce-gallery {
  float: left;
}

.ce-textpic.ce-left:not(.ce-intext) .ce-bodytext {
  clear: left;
}

/* Left (in text) */
.ce-textpic.ce-left.ce-intext:not(.ce-nowrap) .ce-gallery {
  float: left;
}

/* Right (in text) */
.ce-textpic.ce-right.ce-intext:not(.ce-nowrap) .ce-gallery {
  float: right;
}

/* Right (in text, no wrap around) */
.ce-textpic.ce-right.ce-intext.ce-nowrap .ce-gallery {
  float: right;
}

/* Left (in text, no wrap around) */
.ce-textpic.ce-left.ce-intext.ce-nowrap .ce-gallery {
  float: left;
}

/* Browser fixes: */

/* Fix for unordered and ordered list with image "In text, left" */
.ce-textpic.ce-left.ce-intext:not(.ce-nowrap) ol,
.ce-textpic.ce-left.ce-intext:not(.ce-nowrap) ul {
  padding-left: 40px;
  overflow: auto;
}

/* File Links */
ul.ce-uploads {
  padding: 0;
}

ul.ce-uploads li {
  list-style: none outside none;
  margin: 1em 0;
}

ul.ce-uploads img {
  float: left;
  margin-right: 1em;
  vertical-align: top;
}

ul.ce-uploads span {
  display: block;
}

ul.ce-uploads span.ce-uploads-fileName {
  text-decoration: underline;
}

/* Table background colors: */

table.contenttable-color-1 {
  background-color: #edebf1;
}

table.contenttable-color-2 {
  background-color: #f5ffaa;
}

table.contenttable-color-240 {
  background-color: black;
}

table.contenttable-color-241 {
  background-color: white;
}

table.contenttable-color-242 {
  background-color: #333333;
}

table.contenttable-color-243 {
  background-color: gray;
}

table.contenttable-color-244 {
  background-color: silver;
}

DIV.ce-column {
  height: 100%;
}