@charset "UTF-8";
/*style here... */
/*the Vars:::*/
/* $eugebau_bg_lightgreen2: #5bc35b; */
/* $eugebau_bg_lightgreen2: #5bc35b; */
/* $eugebau_bg_lightgreen2: #28ac7e; */
/* $eugebau_bg_lightgreen2: #32c993; */
/* find further teaserstyles in is24.scss */
/* $breadCrumbBackGround: #ededed; */
/*the Vars:::*/
/* ImmobilienScout Styles importieren (EXT: eugebauImmoModule, slick (Teaser Slider) */
/* @import "is24"; */
/* @import "searchbox-peter-dev"; */
/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent; }

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0; }
  .slick-list:focus {
    outline: none; }
  .slick-list.dragging {
    cursor: pointer;
    cursor: hand; }

.slick-slider .slick-track, .slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block; }
  .slick-track:before, .slick-track:after {
    content: "";
    display: table; }
  .slick-track:after {
    clear: both; }
  .slick-loading .slick-track {
    visibility: hidden; }

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none; }
  [dir="rtl"] .slick-slide {
    float: right; }
  .slick-slide img {
    display: block; }
  .slick-slide.slick-loading img {
    display: none; }
  .slick-slide.dragging img {
    pointer-events: none; }
  .slick-initialized .slick-slide {
    display: block; }
  .slick-loading .slick-slide {
    visibility: hidden; }
  .slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent; }

.slick-arrow.slick-hidden {
  display: none; }
/* Slider */
.slick-loading .slick-list {
  background: #fff url("./ajax-loader.gif") center center no-repeat; }
/* Icons */
@font-face {
  font-family: "slick";
  src: url("./fonts/slick.eot");
  src: url("./fonts/slick.eot?#iefix") format("embedded-opentype"), url("./fonts/slick.woff") format("woff"), url("./fonts/slick.ttf") format("truetype"), url("./fonts/slick.svg#slick") format("svg");
  font-weight: normal;
  font-style: normal; }
/* Arrows */
.slick-prev, .slick-next {
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none; }
  .slick-prev:hover, .slick-next:hover, .slick-prev:focus, .slick-next:focus {
    outline: none;
    background: transparent;
    color: transparent; }
    .slick-prev:hover:before, .slick-next:hover:before, .slick-prev:focus:before, .slick-next:focus:before {
      opacity: 1; }
  .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before {
    opacity: 0.25; }
  .slick-prev:before, .slick-next:before {
    font-family: "slick";
    font-size: 20px;
    line-height: 1;
    color: white;
    opacity: 0.75;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }

.slick-prev {
  left: -25px; }
  [dir="rtl"] .slick-prev {
    left: auto;
    right: -25px; }
  .slick-prev:before {
    content: "\2190"; }
    [dir="rtl"] .slick-prev:before {
      content: "\2192"; }

.slick-next {
  right: -25px; }
  [dir="rtl"] .slick-next {
    left: -25px;
    right: auto; }
  .slick-next:before {
    content: "\2192"; }
    [dir="rtl"] .slick-next:before {
      content: "\2190"; }
/* Dots */
.slick-dotted.slick-slider {
  margin-bottom: 30px; }

.slick-dots {
  position: absolute;
  bottom: -25px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%; }
  .slick-dots li {
    position: relative;
    display: inline-block;
    height: 20px;
    width: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer; }
    .slick-dots li button {
      border: 0;
      background: transparent;
      display: block;
      height: 20px;
      width: 20px;
      outline: none;
      line-height: 0px;
      font-size: 0px;
      color: transparent;
      padding: 5px;
      cursor: pointer; }
      .slick-dots li button:hover, .slick-dots li button:focus {
        outline: none; }
        .slick-dots li button:hover:before, .slick-dots li button:focus:before {
          opacity: 1; }
      .slick-dots li button:before {
        position: absolute;
        top: 0;
        left: 0;
        content: "\2022";
        width: 20px;
        height: 20px;
        font-family: "slick";
        font-size: 6px;
        line-height: 20px;
        text-align: center;
        color: black;
        opacity: 0.25;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale; }
    .slick-dots li.slick-active button:before {
      color: black;
      opacity: 0.75; }
/*Global stuff*/
/*@import url(https://fonts.googleapis.com/css?family=Open+Sans);*/
/*Define global stuff here:*/
* {
  margin: 0;
  padding: 0; }

html {
  /*Scrollbar erzwingen, um "Springen" der Seite zu verhindern*/
  min-height: 101%; }

body {
  /*Scrollbar erzwingen, um "Springen" der Seite zu verhindern*/
  min-height: 101%;
  margin: 0px;
  font-family: 'Open Sans', sans-serif;
  font-size: 14px;
  cursor: default; }

.indent {
  padding-left: 40px; }

.master_clearer {
  clear: both; }

.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0; }

.centered {
  text-align: center;
  margin: 0 auto; }

p.centered > button {
  width: 25px;
  height: 25px;
  color: white;
  font-weight: bold;
  font-size: 18px;
  background-color: #157352;
  border: none;
  border-radius: 50%;
  outline: none; }

#rootPage .specialStyle_0 {
  display: none; }

h1 {
  font-size: 25px;
  /* font-weight: normal; */
  text-transform: uppercase;
  margin: 0 0 15px 0;
  color: #157352; }

h2 {
  font-size: 18px;
  font-family: 'Open Sans', sans-serif;
  /* font-weight: normal; */
  padding: 5px 0 0 0;
  color: #157352; }

h3 {
  font-size: 16px;
  font-family: 'Open Sans', sans-serif;
  /* font-weight: normal; */
  padding: 4px 0 0 0;
  color: #157352; }

hr {
  border: none;
  height: 1px;
  background: #ccc;
  margin-bottom: 15px; }

table {
  width: 100%; }

#p7 table, #p75 table {
  background-color: #d7ded7; }

th, td {
  text-align: left;
  padding: 2px 5px; }

#p7 ol {
  list-style: none; }

#p7 ol li {
  margin-left: 0px;
  padding: 5px 15px; }
/* PREISLISTE :: START */
/*.preis-table {
 width: 100%;
 border: none;
 }
 .preis-table td, .preis-table th {
 text-align: center;
 border: none;
 padding: 5px 3px;
 }
 .preis-table a {
 color: #006449;
 font-weight: bold;
 }
 */
.preis-table tbody tr:hover {
  background: #cce0db; }
/* PREISLISTE :: ENDE */
ol {
  background-color: #d7ded7; }

ol > li {
  margin-left: 25px;
  padding: 2px 30px; }

ol > h3 {
  padding: 2px 55px; }
/* PDF-Downloads für KIHIGA + KICIS */
#p24 div.csc-textpic .csc-textpic-imagewrap table tr td, #p30 div.csc-textpic .csc-textpic-imagewrap table tr td {
  margin: 10px; }

#p24 div.csc-textpic .csc-textpic-imagewrap table, #p30 div.csc-textpic .csc-textpic-imagewrap table {
  margin: 0px 140px 40px 0px; }
/*Suchseite*/
#p40 #mainContentSection {
  max-width: 100%;
  margin-left: 0;
  padding-left: 0; }

.tx-indexedsearch-info.info, .tx-indexedsearch-percent.percent, #tx_indexedsearch > p > a, .tx-indexedsearch-rules {
  display: none; }

#tx_indexedsearch > table {
  width: 100%; }

#tx_indexedsearch > table > tbody > tr > td:first-child {
  display: none; }

#tx_indexedsearch > table > tbody > tr > td:nth-child(2n) {
  display: block;
  width: 100%; }

.tx-indexedsearch-redMarkup {
  color: #157352 !important; }

.tx-indexedsearch .tx-indexedsearch-searchbox input.tx-indexedsearch-searchbox-sword {
  border: none;
  height: 50px;
  padding: 1% 2%;
  background-color: #e3e3e3;
  border-radius: 4px;
  display: block;
  font-size: 15px;
  color: #000;
  width: 96%; }

.tx-indexedsearch-searchbox-button.submit {
  border: none;
  cursor: pointer;
  width: 250px !important;
  height: 44px;
  line-height: 1em;
  background-color: #157352;
  color: #fff;
  padding: 3px 2%;
  margin-top: 12px;
  border-radius: 2px;
  font-size: 16px;
  display: block;
  -webkit-box-shadow: 0px 3px 2px 0px rgba(50, 50, 50, 0.15);
  -moz-box-shadow: 0px 3px 2px 0px rgba(50, 50, 50, 0.15);
  box-shadow: 0px 3px 2px 0px rgba(50, 50, 50, 0.15); }

.tx-indexedsearch-searchbox-button.submit:hover {
  background-color: #e3051a; }

.tx-indexedsearch-title {
  display: table-cell;
  padding-left: 12px; }

.tx-indexedsearch a {
  color: #f26135; }

.browsebox {
  padding: 0;
  margin: 34px 0;
  position: relative;
  display: block; }

.browsebox li {
  border: none;
  cursor: pointer;
  background-color: #f26135;
  color: #fff;
  padding: 1%;
  margin-top: 12px;
  border-radius: 2px;
  font-size: 16px;
  display: block;
  -webkit-box-shadow: 0px 3px 2px 0px rgba(50, 50, 50, 0.15);
  -moz-box-shadow: 0px 3px 2px 0px rgba(50, 50, 50, 0.15);
  box-shadow: 0px 3px 2px 0px rgba(50, 50, 50, 0.15); }

.browsebox li a {
  color: #fff; }

.browsebox li:hover, .browsebox li.tx-indexedsearch-browselist-currentPage {
  background-color: #fbac3b; }
/*SEARCH ENDE*/
/**************************************************************************************
 ***************************** Kontaktformulare ****************************************
 ***************************************************************************************
 p11 - Anfrage aus Detailansicht, p14 - Kontakt, p16 - Beschwerden, p44 - Reparaturmeldungen */
form ol {
  padding: 0px;
  -webkit-column-count: 2;
  -moz-column-count: 2;
  column-count: 2;
  min-height: 400px;
  background-color: #fff;
  list-style: none; }

.csc-form-element {
  width: 90%;
  margin-bottom: 10px;
  /* border: 1px solid #afa; */
  -webkit-column-break-inside: avoid;
  /* Chrome, Safari */
  page-break-inside: avoid;
  /* Theoretically FF 20+ */
  break-inside: avoid-column;
  /* IE 11 */
  display: table; }
/* Actually FF 20+ */
div.anfrageSenden > form > ol > li.csc-form-element {
  width: 100%;
  margin: 0px 0px 0px 0px;
  padding: 0px;
  /* border: 1px solid #afa; */
  -webkit-column-break-inside: avoid;
  /* Chrome, Safari */
  page-break-inside: avoid;
  /* Theoretically FF 20+ */
  break-inside: avoid-column;
  /* IE 11 */
  display: table; }
/* Actually FF 20+ */
#p14 #mainContentSection ul {
  list-style: none;
  padding-left: 0px; }

#p14 #mainContentSection ul li {
  padding-left: 0px; }

#p13 #mainContentSection ul li, #p44 #mainContentSection ul li {
  list-style: initial; }

select {
  width: 100%;
  height: 38px;
  padding-left: 6px;
  border: none;
  background-color: #eee;
  border-bottom: 2px solid #157352;
  font-family: 'Open Sans', sans-serif;
  color: #6d6d6d;
  -webkit-appearance: none;
  -webkit-border-radius: 0;
  border-radius: 0; }

input[type=text] {
  width: calc(100% - 20px);
  padding: 0px 10px 0px 10px;
  height: 36px;
  border: 0px;
  border-bottom: 2px solid #157352;
  background-color: #eee;
  outline: none;
  -webkit-appearance: none;
  -webkit-border-radius: 0;
  border-radius: 0; }

a.btn-primary {
  padding: 0.5em;
  text-decoration: none;
  color: #fff; }

input[type=submit], .submit-btn {
  width: 100%;
  height: 36px;
  border: none;
  -webkit-appearance: none;
  -webkit-border-radius: 0;
  border-radius: 0;
  background-color: #157352;
  color: #fff; }
/* PLZ */
.csc-form-9 {
  display: inline-block;
  width: calc(25% - 5px);
  float: left;
  margin-right: 5px !important; }

li.csc-form-9.csc-form-element.csc-form-element-textline > label {
  width: 100%;
  margin: 0px; }
/* Stadt */
.csc-form-10 {
  width: 65%; }
/* PLZ */
div.anfrageSenden > form > ol > li.csc-form-9.csc-form-element.csc-form-element-textline {
  display: inline-block;
  width: calc(25% - 10px);
  float: left;
  margin-right: 10px !important; }
/* Stadt */
div.anfrageSenden > form > ol > li.csc-form-10.csc-form-element.csc-form-element-textline {
  width: 75%; }

.csc-mailform input[type=submit], .submit-btn {
  width: 100%;
  border: none;
  background-color: #157352;
  color: #fff;
  -webkit-appearance: none;
  -webkit-border-radius: 0;
  border-radius: 0; }

.csc-mailform label {
  width: 100%;
  white-space: nowrap;
  background-color: #fff;
  color: #6d6d6d; }

.csc-mailform label em {
  display: none; }

.csc-form-element-textblock {
  font-size: 0.7em;
  -webkit-appearance: none;
  -webkit-border-radius: 0;
  border-radius: 0; }

input#besichtigung {
  vertical-align: middle; }

textarea {
  height: 182px;
  width: calc(100% - 20px);
  padding: 0px 10px 0px 10px;
  border: none;
  font-family: 'Open Sans', sans-serif;
  border-bottom: 2px solid #157352;
  background-color: #eee;
  -webkit-appearance: none;
  -webkit-border-radius: 0;
  border-radius: 0; }

div.anfrageSenden {
  width: 100%;
  /*float: left;*/
  /*margin-right: 20px;*/
  -webkit-column-count: 1;
  /* Chrome, Safari, Opera */
  -moz-column-count: 1;
  /* Firefox */
  column-count: 1;
  /*background-color: #dde;*/ }

div.mesgSucc {
  position: absolute;
  top: 35%;
  left: calc(50% - 200px);
  width: 400px;
  max-width: calc(90% - 80px);
  padding: 40px;
  z-index: 2000;
  opacity: 0;
  -webkit-animation: mesgFade 6s 1;
  animation: mesgFade 6s 1;
  border: 1px solid red;
  text-align: center;
  background-color: #fff; }

@-webkit-keyframes mesgFade {
  0% {
    opacity: 0; }

  15% {
    opacity: 1; }

  80% {
    opacity: 1; }

  100% {
    opacity: 0; } }

@keyframes mesgFade {
  0% {
    opacity: 0; }

  15% {
    opacity: 1; }

  80% {
    opacity: 1; }

  100% {
    opacity: 0; } }

h2.mesgSucc {
  color: red;
  margin-bottom: 20px; }

p.mesgSucc {
  /* margin-bottom: 30px; */ }
/* Kontaktformular ENDE */
/* Google Maps auf "Kontakt + Anfahrt" */
#p14 .js-gme-submit {
  /* display: inline-block; */
  float: right;
  width: 30%;
  height: 36px;
  border: none;
  border-bottom: 2px solid #157352;
  background-color: #157352;
  color: #fff;
  cursor: pointer;
  -webkit-appearance: none;
  -webkit-border-radius: 0;
  border-radius: 0; }

#gme-5-form > input.js-gme-saddress {
  display: inline-block;
  width: 65%;
  height: 36px;
  padding: 0px 2% 0px 2%;
  border: 0px;
  border-bottom: 2px solid #157352;
  background-color: #eee;
  outline: none;
  -webkit-appearance: none;
  -webkit-border-radius: 0;
  border-radius: 0; }
/* Google Maps auf "Kontakt + Anfahrt" ENDE */
/* HEADER NAVI START */
header {
  max-width: 1290px;
  width: 94%;
  /* height: 165px; */
  margin: 0 auto;
  display: block; }
/*the Logo switches by... root or subpage... also navi height>>>*/
#logoSection {
  /* float: left; */
  width: 40%; }

#logoSection > img {
  width: 100%;
  max-width: 400px; }
/*
 #navi_toogle_Section {
 width: 54px;
 height: 54px;
 display: block;
 float: right;
 font-size: 20px;
 position: absolute;
 z-index: 3000;
 right: 2%;
 top: 45px;
 }
 .mobile_naviSection_off {
 visibility: hidden;
 height: 0;
 overflow: hidden;
 }
 .mobile_naviSection_on {
 width: 100%;
 display: block;
 background: #fff;
 position: absolute;
 z-index: 2;
 }
 .mobile_naviSection_on a {
 width: 100%;
 text-decoration: none;
 display: inline-block;
 line-height: 30px;
 background: $eugebau_green;
 color: #fff;
 border-top: 1px solid #ccc;
 }
 .mobile_naviSection_on li li a {
 padding-left: 4%;
 width: 96%;
 background: $the_eregio_darkgrey;
 }
 .mobile_naviSection_on li li li a {
 padding-left: 6%;
 width: 94%;
 background: $the_eregio_fonts_grey;
 }
 .mobile_naviSection_on li li li a {
 padding-left: 8%;
 width: 92%;
 background: $the_eregio_grey;
 color: $the_eregio_darkgrey;
 }
 .mobile_naviSection_on li li li li a {
 padding-left: 12%;
 width: 88%;
 background: #fff;
 color: $the_eregio_darkgrey;
 border-bottom: 1px solid #ccc;
 }*/
/*<<<the Logo switches by... root or subpage... also navi height*/
header #naviSection {
  max-width: 53%;
  float: right;
  display: block; }

.homeIcon {
  width: auto;
  display: inline-block; }

.homeIcon > ul > li > a > img {
  vertical-align: bottom; }

#naviSection > nav {
  min-width: 300px; }
/* 1. EBENE */
#naviSection nav ul {
  list-style: none;
  position: relative; }

#naviSection > nav > ul > li {
  display: inline-block;
  padding: 3px 5px;
  /* height: 27px; */
  text-align: center; }

#naviSection > nav > ul > li:hover {
  -webkit-box-shadow: 0px 3px 3px 0px rgba(50, 50, 50, 0.3);
  -moz-box-shadow: 0px 3px 3px 0px rgba(50, 50, 50, 0.3);
  box-shadow: 0px 3px 3px 0px rgba(50, 50, 50, 0.3); }

#naviSection > nav > ul > li > a, #naviSection > nav > ul > li > span {
  text-decoration: none;
  font-size: 16px;
  color: #666;
  padding-bottom: 8px;
  position: relative; }

#naviSection > nav > ul > li > a:before {
  content: ""; }

#naviSection > nav > ul > li:hover > a {
  color: #000; }
/* HEADER NAVI STOP */
/*topNavAndSearchSection  NAVI + Suchfeld*/
#topNavAndSearchSection {
  background: #157352;
  width: 100%; }

#topNavAndSearchSection:after {
  content: "";
  display: block;
  clear: both; }

#_topNavAndSearchSectionInner {
  max-width: 1290px;
  width: 94%;
  margin: 0 auto;
  display: block; }

#_mobileNav {
  display: none; }

#_topNav {
  display: inline-block;
  padding: 8px 8px 8px 0px; }

#_topNav > nav {
  display: inline-block; }

#_topNav > ul {
  line-height: 34px;
  padding: 0px;
  margin: 0px; }

#_topNav > nav > ul > li {
  position: relative;
  display: inline-block;
  list-style: none;
  /* padding-right: 7%; */
  color: #fff;
  text-align: left; }

#_topNav > nav > ul > li.navLev1_active {
  background-color: #fff;
  text-decoration: none; }

#_topNav > nav > ul > li > a {
  padding: 8px 10px 9px 10px;
  color: #fff;
  text-decoration: none; }

#_topNav > nav > ul > li:hover > a {
  text-decoration: underline;
  font-weight: bold; }

#_topNav > nav > ul > li > ul {
  width: 280px;
  display: none;
  list-style: none;
  color: #fff;
  height: 0px;
  padding-left: 5px;
  opacity: 0;
  transition: opacity 2s;
  -moz-transition: opacity 2s;
  -webkit-transition: opacity 2s; }

#_topNav > nav > ul > li:hover > ul {
  position: absolute;
  top: 25px;
  left: 1px;
  z-index: 300000;
  display: block;
  height: auto;
  opacity: 1;
  background-color: #fff;
  -webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.5);
  -moz-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.5);
  box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.5); }

#_topNav > nav > ul > li > ul > li {
  padding: 4px;
  border-bottom: 1px solid #fff; }

#_topNav > nav > ul > li > ul > li::before {
  content: url(/fileadmin/images/system/navspot-blank-16x16.png);
  padding-right: 10px; }

#_topNav > nav > ul > li > ul > li:hover:before {
  content: url(/fileadmin/images/system/navspot-16x16.png);
  padding-right: 10px; }

#_topNav > nav > ul > li > ul > li > a {
  color: #666;
  text-decoration: none; }

#_topNav > nav > ul > li > ul > li > a.navLev1_active {
  color: #666 !important;
  background-color: #fff;
  font-weight: 800; }

#_topNav > nav > ul > li > ul > li:hover > a {
  color: red; }
/******************************* MOBNAV ***********************************/
#_mobNav {
  display: none;
  padding: 8px 8px 8px 0px; }

#_mobNav > ul {
  line-height: 35px;
  padding: 0px;
  margin: 0px; }

#_mobNav > nav > ul > li {
  position: relative;
  display: inline-block;
  list-style: none;
  /* padding-right: 7%; */
  color: #fff;
  text-align: left; }

#_mobNav > nav > ul > li.navLev1_active {
  background-color: #fff;
  text-decoration: none; }

#_mobNav > nav > ul > li > a {
  padding: 5px 10px;
  color: #fff;
  text-decoration: none; }

#_mobNav > nav > ul > li:hover > a {
  color: #f00;
  background-color: #eee;
  text-decoration: none; }

#_mobNav > nav > ul > li > ul > li {
  padding: 4px;
  border-bottom: 1px solid #fff; }

#_mobNav > nav > ul > li > ul > li::before {
  content: url(/fileadmin/images/system/navspot-blank-16x16.png);
  padding-right: 10px; }

#_mobNav > nav > ul > li > ul > li:hover:before {
  content: url(/fileadmin/images/system/navspot-16x16.png);
  padding-right: 10px; }

#_mobNav > nav > ul > li > ul > li > ul > li > a, #_mobNav > nav > ul > li > ul > li > a {
  color: #666;
  text-decoration: none;
  background-color: #fff; }

#_mobNav > nav > ul > li > ul > li:hover > a {
  color: red; }

#_mobNav > nav > ul > li > ul > li > ul {
  margin-left: 10%;
  list-style: none;
  /*background-color: #ddf;*/ }
/******************************* MOBNAV END ***********************************/
/******************************* MOBNAV  NEU START ***********************************/
.closeMenu > span {
  display: block;
  background: #157352;
  padding: 4%;
  color: #fff;
  text-decoration: none;
  text-align: center; }

.mobile_naviSection_off {
  display: none; }

.mobile_naviSection_on {
  display: block; }

div#mobile_naviSection a.navLev1_active {
  color: #fff !important;
  text-decoration: underline !important;
  background: none !important; }

div#mobile_naviSection {
  position: fixed;
  right: -600px;
  top: 0;
  width: 260px;
  height: 100%;
  background: #d7ded7;
  z-index: 9999;
  -webkit-box-shadow: 9px 0px 140px 1px rgba(0, 0, 0, 1);
  -moz-box-shadow: 9px 0px 140px 1px rgba(0, 0, 0, 1);
  box-shadow: 9px 0px 140px 1px rgba(0, 0, 0, 1); }

div#mobile_naviSection > nav {
  overflow: auto;
  height: 93%; }

.naviToggle {
  display: inline-block;
  width: 12%;
  text-align: center; }

div#mobile_naviSection > nav .naviToggle.open-sub-close:before {
  content: "\f063 ";
  display: inline-block;
  color: rgba(255, 255, 255, 0.8);
  font: normal normal normal 1em/1 FontAwesome; }

div#mobile_naviSection > nav .naviToggle.open-sub-open:before {
  content: "\f062 ";
  display: inline-block;
  color: grey;
  font: normal normal normal 1em/1 FontAwesome; }

div#mobile_naviSection > nav > ul > li > ul, div#mobile_naviSection > nav > ul > li > ul > li > ul {
  display: none; }

div#mobile_naviSection > nav > ul > li > span, div#mobile_naviSection > nav > ul > li > ul > li > span, div#mobile_naviSection > nav > ul > li > ul > li > ul > li > span {
  display: block;
  width: 100%;
  border-top: 1px solid #000; }

div#mobile_naviSection > nav > ul > li > span {
  background: #157352; }

div#mobile_naviSection > nav > ul > li > span > a {
  display: inline-block;
  padding: 4%;
  width: 92%;
  color: #fff;
  text-decoration: none; }

div#mobile_naviSection > nav > ul > li > span.dropLink > a {
  position: relative;
  display: inline-block;
  padding: 4%;
  width: 79%;
  color: #fff;
  text-decoration: none; }

div#mobile_naviSection > nav > ul > li > ul > li > span > a {
  display: inline-block;
  color: #000;
  padding: 1% 4%;
  width: 92%;
  text-decoration: none; }

div#mobile_naviSection > nav > ul > li > ul > li > span.dropLink > a {
  display: inline-block;
  color: #000;
  padding: 1% 4%;
  width: 79%;
  text-decoration: none; }

div#mobile_naviSection > nav > ul > li > ul > li > span.dropLink > a.navLev1_active {
  color: #000 !important; }

div#mobile_naviSection > nav > ul > li > ul > li > span > a.navLev1_active {
  color: #000 !important; }

div#mobile_naviSection > nav > ul > li > ul > li > ul > li > span {
  background: #fff; }

div#mobile_naviSection > nav > ul > li:last-child > span {
  border-bottom: 1px solid #000; }

div#mobile_naviSection > nav > ul > li:last-child > ul > li:first-child > span {
  border-top: none; }

div#mobile_naviSection > nav > ul > li > ul > li > ul > li > span > a {
  display: block;
  color: #000;
  padding: 2% 2% 2% 8%;
  width: 90%;
  text-decoration: none; }

div#mobile_naviSection > nav > ul > li > ul > li > ul > li > span > a.navLev1_active {
  display: block;
  color: #000 !important; }

#naviSection > nav > ul > li:nth-child(5), #naviSection > nav > ul > li:nth-child(6) {
  display: none; }
/******************************* MOBNAV  NEU ENDE  ***********************************/
.NavButt {
  display: none;
  margin-left: 3%; }

.NavButtRow {
  display: block;
  height: 4px;
  width: 80%;
  margin: 0 auto;
  margin-bottom: 4px;
  background-color: #157352; }

#_searchBoxArea {
  float: right;
  /*line-height: 35px;*/
  width: 15%; }

#_searchBoxArea > #_searchBoxArea_form > input.tx-indexedsearch-searchbox-sword.sword {
  display: inline-block;
  height: 29px;
  width: 79%;
  max-width: 250px;
  -webkit-appearance: none;
  -webkit-border-radius: 0;
  border-radius: 0;
  font-family: 'Open Sans', sans-serif;
  font-size: 15px;
  line-height: 26px;
  color: #fff;
  margin-top: 2px;
  padding: 2px 4% 2px 4%;
  background: #fff; }

#_searchBoxArea > #_searchBoxArea_form > input.tx-indexedsearch-searchbox-subbut.subbut {
  display: inline-block;
  height: 29px !important;
  width: 11% !important;
  padding: 6px 4% 9px 4%;
  background: url(/fileadmin/images/system/lupe.png) no-repeat center center #157352;
  background-size: 12px; }
/*
 #_topNavAndSearchSectionInner > ._Spacer {
 width: 10%;
 float: left;
 }*/
/*topNavAndSearchSection Ende*/
/* SUBNAV */
.naviHeader {
  display: inline-block;
  width: 96%;
  padding: 2% 0 2% 4%;
  color: #fff;
  background-color: #157352; }

.subNav {
  max-width: 250px;
  min-width: 150px;
  margin-right: 10px;
  height: auto;
  float: left;
  background-color: #eee;
  -webkit-box-shadow: 0px 3px 3px 0px rgba(50, 50, 50, 0.3);
  -moz-box-shadow: 0px 3px 3px 0px rgba(50, 50, 50, 0.3);
  box-shadow: 0px 3px 3px 0px rgba(50, 50, 50, 0.3); }

.subNav ul {
  list-style-type: none;
  /*padding: 3px;*/ }

.subNav ul li {
  border-bottom: 1px solid #fff;
  /*margin: 0 5px;*/
  /*padding: 7px 8px;*/ }

.subNav ul li:last-child {
  border-bottom: none; }

.subNav a {
  display: block;
  width: 220px;
  padding: 7px 8px;
  text-decoration: none;
  font-size: 14px;
  color: #666;
  /* font-weight: 800; */ }

.subNav a:hover {
  /* color: $eugebau_green; */
  color: red; }

a.navLev1_active, a.navLev2_active, a.navLev3_active, a.navLev4_active, a.navLev5_active {
  /* color: $eugebau_green; */
  text-decoration: underline !important;
  background-color: #e3051a;
  /*font-size: 14px;*/
  font-weight: 800; }

.sub2 > a {
  display: block;
  color: #fff;
  background-color: #157352; }

.sub2 > a:hover {
  color: #fff;
  text-decoration: underline;
  font-weight: 800; }

a.navLev2_active_sub {
  text-decoration: underline !important;
  background-color: #e3051a;
  font-weight: 800; }

.sub3 {
  padding-left: 10px;
  width: 205px; }

a.navLev3_active_sub {
  text-decoration: underline !important;
  font-weight: 800; }
/*******************************************************************************************************************************************
 **************************************************************** SliderArea / HeaderImageArea   *******************************************
 *******************************************************************************************************************************************
 *******************************************************************************************************************************************/
.overlay .bodytext {
  position: relative;
  /*top: 35px;*/
  padding: 0px;
  margin: 0px;
  background: transparent !important;
  color: #fff !important; }

.overlay {
  position: absolute;
  top: 60%;
  right: 0px;
  width: 25%;
  padding: 5px 0px 12px 15px;
  text-align: left;
  color: #fff;
  background-color: #157352;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#627d4d+0,1f3b08+100;Olive+3D */
  background: -moz-linear-gradient(top, #20a070 0%, #157352 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #20a070 0%, #157352 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #20a070 0%, #157352 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$eugebau_bg_lightgreen2', endColorstr='$eugebau_green',GradientType=0);
  /* IE6-9 */ }

.overlay:hover h2, .overlay:hover a {
  text-decoration: underline; }

.overlay h2 {
  color: #fff; }

.overlay a {
  text-decoration: none;
  /* white-space: nowrap; */
  color: #fff; }

#owl_SliderSection {
  position: relative;
  width: 100%;
  overflow: hidden; }
/* Höhe des aeusseren div muss fix sein, damit nicht die ganze Seite beim Zoom-Effekt expandiert */
.owl-item {
  overflow: hidden; }

#owl_SliderSection img {
  display: block;
  width: 110%;
  height: auto;
  margin-bottom: 0;
  position: relative;
  transition: transform 1s;
  -moz-transition: transform 1s;
  -webkit-transition: transform 1s; }

div.owl-wrapper .lazyOwl {
  -webkit-animation: hmove 10s infinite;
  /* Chrome, Safari, Opera */
  -moz-animation: hmove 10s infinite;
  animation: hmove 10s infinite; }

#owl_SliderSection img:hover {
  transform: scale(1.2);
  -moz-transform: scale(1.2);
  -webkit-transform: scale(1.2); }

.subPage .tx-owl-slider {
  margin: 20px 0px 30px 0px;
  background-color: #d7ded7;
  padding: 40px 0; }
/* Chrome, Safari, Opera */
@-webkit-keyframes hmove {
  0% {
    left: -5%; }

  5% {
    left: -5%; }

  50% {
    left: 0px; }

  95% {
    left: -5%; }

  100% {
    left: -5%; } }

@keyframes hmove {
  0% {
    left: -5%; }

  5% {
    left: -5%; }

  50% {
    left: 0px; }

  95% {
    left: -5%; }

  100% {
    left: -5%; } }
/*
 .textDecalOfSlider {
 position: absolute;
 background: #000;
 color: #fff;
 bottom: 20%;
 left: 20%;
 height: 80px;
 line-height: 70px;
 text-align: center;
 font-size: 60px;
 z-index: 1500;
 padding-left: 20px;
 padding-right: 20px;
 padding-top: 10px;
 display: block;
 text-transform: uppercase;
 }*/
.owl-theme .owl-controls {
  margin-top: -30px !important;
  z-index: 7000;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%); }

.owl-theme .owl-controls .owl-page span {
  border: 2px solid #fff; }

.owl-theme .owl-controls .owl-page.active span {
  background: #157352 !important; }
/*
 .textDecalOfSlider b {
 font-family: $eugebau_font;
 display: inline-block;
 position: relative;
 }
 .textDecalOfSlider b::after {
 content: ' ';
 background: $eugebau_green;
 width: 100%;
 height: 10px;
 display: block;
 border-radius: 5px;
 bottom: -14px;
 position: absolute;
 border: none;
 }*/
/* div.owl-wrapper-outer > div > div > */
div.item {
  text-align: center; }

#owlslider > div.owl-wrapper-outer > div > div > div > div > p {
  padding: 0;
  margin: 0 auto;
  -ms-transform: translate(0px, -30px);
  -webkit-transform: translate(0px, -30px);
  transform: translate(0px, -30px);
  color: red;
  background: #d7ded7;
  opacity: 0.8; }
/*SliderArea / HeaderImageArea*/
/* BREADCRUMB START */
#breadCrumpSection {
  width: 100%;
  background-color: #fff;
  line-height: 12px;
  font-size: 14px;
  padding: 19px 0 19px 0;
  color: #000; }

#breadCrumpSection_inner {
  max-width: 1290px;
  width: 96%;
  margin: 0 auto;
  line-height: 140%; }

#breadCrumpSection_inner a {
  font-family: 'Open Sans', sans-serif;
  color: #000;
  text-decoration: none;
  line-height: 12px;
  display: inline-block;
  color: #157352; }

#breadCrumpSection_inner a:hover {
  text-decoration: underline; }

#breadCrump_domainBeforeGenLinks {
  line-height: 12px;
  display: inline-block; }

#breadCrump_generatedLinks {
  line-height: 12px;
  display: inline-block;
  font-family: 'Open Sans', sans-serif;
  color: #157352; }

#rootPage > #breadCrumpSection > #breadCrumpSection_inner > #breadCrump_generatedLinks {
  display: none; }
/* BREADCRUMB STOP */
/*Content*/
.rootPage > #globalContentSection {
  position: relative;
  width: 100%;
  margin: 0 auto;
  margin-bottom: 20px;
  padding: 20px 0 20px 0;
  background: #d7ded7;
  /*
   background: #d7ded7 url('/fileadmin/images/system/buttons/A-background.jpg') no-repeat;
   background-size: 50% 100%;
   */ }

.subPage > #globalContentSection {
  width: 100%;
  min-height: calc(100% - 440px);
  margin: 0 auto;
  margin-bottom: 20px;
  padding: 20px 0 20px 0;
  background-color: #fff; }

#mainContentSection {
  max-width: 1290px;
  /*
   width: 90%;
   margin-left: 5%;
   margin-bottom: 35px;
   */ }

.subPage #mainContentSection {
  max-width: 1290px;
  margin-left: 22%;
  padding-left: 15px; }

#mainContent_Section_Zusatz {
  max-width: 1290px;
  width: 94%;
  margin: 0 auto; }

#mainContentSection b {
  color: #157352;
  font-family: 'Open Sans', sans-serif;
  /* font-weight: normal; */ }

#mainContentSection ul {
  padding-left: 30px;
  padding-top: 15px; }

#mainContentSection ul li {
  list-style: circle;
  padding: 1px 0 5px 17px;
  font-size: 16px; }

#mainContentSection a {
  color: #157352; }

#mainContentSection a:hover {
  text-decoration: none; }

#mainContentSection p.bodytext {
  margin-bottom: 10px;
  font-size: 16px; }
/* Bild im Infotext an die rechte Kante stellen */
#rootPage .info-text-img {
  max-width: 900px;
  max-height: 450px;
  width: 100%;
  height: auto;
  float: right; }

#rootPage .csc-textpic.csc-textpic-center.csc-textpic-above {
  /*display: block;*/
  float: right;
  width: 50%; }
/***************** csc-styling BEGIN ************************************/
/*** rootPage ***/
@media (max-width: 600px) {
      #infoSection .csc-textpic {
        display: flex;
        flex-direction: column; } }
  #infoSection .csc-textpic .csc-textpic-imagewrap {
    order: 2;
    float: none; }
    @media (min-width: 600px) {
    #infoSection .csc-textpic .csc-textpic-imagewrap {
      float: right; } }
  #infoSection .csc-textpic .csc-textpic-text {
    order: 1; }

#rootPage .csc-textpic-imagewrap {
  padding: 35px 0px 25px 25px; }
/*** rootPage END ***/
.csc-textpic {
  margin-bottom: 40px; }

.csc-textpic-caption {
  font-size: 0.9em; }

.subPage .csc-textpic-center {
  width: 100%; }

div.csc-textpic-center .csc-textpic-center-outer {
  float: none;
  /* right: 0; */ }

div.csc-textpic-center .csc-textpic-center-inner {
  width: 100%; }

.subPage .csc-textpic-intext-right .csc-textpic-imagewrap {
  padding: 0px;
  margin: 10px;
  width: 40%; }

.subPage .csc-textpic-intext-left .csc-textpic-imagewrap {
  padding: 0px;
  margin: 10px;
  width: 40%; }

.subPage .csc-textpic.csc-textpic-center.csc-textpic-below .csc-textpic-imagecolumn {
  width: 100%; }

.subPage .csc-textpic.csc-textpic-center.csc-textpic-above .csc-textpic-imagecolumn {
  width: 100%; }

.subPage .csc-textpic-imagewrap img {
  width: 100%;
  height: auto; }

.subPage .csc-textpic-image > table > tbody > tr > td img {
  width: 100%;
  max-width: 450px;
  height: auto;
  border: 1px solid #a8a8a8;
  margin-bottom: 10px; }

.subPage .csc-textpic.csc-textpic-left.csc-textpic-below .csc-textpic-imagecolumn {
  float: left; }
/* p43 - Ansprechpartner */
#p43 .slimContent {
  display: inline-block;
  width: calc(48% - 20px);
  min-width: 350px;
  margin: 0px 20px 20px 0px;
  vertical-align: top;
  /* background-color: #ccc; */ }
/***************** csc -styling END************************************/
/* CE-Styles überschreiben */
.ce-textpic, .ce-nowrap .ce-bodytext, .ce-gallery, .ce-row, .ce-uploads li, .ce-uploads div {
  overflow: hidden;
  padding: 15px; }
/* Galerie */
.tx-sf-filecollection-gallery {
  width: 98%;
  /* padding: 3% 0px 2% 0%;*/
  padding: 5% 1%;
  background-color: #d7ded7;
  text-align: center;
  margin-bottom: 25px; }

.tx-sf-filecollection-gallery-inner {
  display: inline; }

.sf-filecollection-gallery-image-container > a > img {
  transition: transform 1s;
  -moz-transition: transform 1s;
  -webkit-transition: transform 1s; }

.sf-filecollection-gallery-image-container > a > img:hover {
  transform: scale(1.2);
  -moz-transform: scale(1.2);
  -webkit-transform: scale(1.2); }

.sf-filecollection-gallery-image-container {
  position: relative;
  display: inline-block;
  float: none;
  margin: 1%;
  padding: 0px;
  width: 199px;
  height: 199px;
  overflow: hidden;
  border: 1px solid #444; }

p.desc {
  position: absolute;
  bottom: 0px;
  width: 100%;
  height: 20%;
  padding-top: 3%;
  color: #fff;
  background-image: url('/fileadmin/images/system/bg_50pr_gruen.png'); }

.rightTeaserWrapper {
  width: 100%;
  margin: 0 auto;
  margin-bottom: 20px;
  padding: 20px 0 20px 0;
  text-align: center; }

#rightTeaserSection {
  max-width: 1290px;
  width: 94%;
  margin: 0 auto; }
/*Content*/
/*GoogleMaps Startseite START*/
.mapViewWrapper {
  position: relative; }

.mapViewWrapper #mapViewInner {
  width: 100%;
  /* background: $eugebau_bg_lightgreen2; */
  background: #157352; }

.mapViewWrapper #mapViewInner #mapViewInnerContent {
  max-width: 890px;
  width: 76%;
  margin: 0 auto;
  color: #fff;
  text-align: center;
  padding: 1% 10% 5% 10%; }

.mapViewWrapper #mapViewInner #mapViewInnerContent h2 {
  color: #fff;
  /* font-weight: bold; */
  margin-bottom: 24px; }

.mapViewWrapper #mapViewInner #mapViewInnerContent p {
  color: #fff;
  /* font-weight: normal; */
  margin-bottom: 24px;
  font-size: 16px; }

#mapsWrapper {
  max-width: 1290px;
  width: 96%;
  margin: 0 auto;
  margin-top: -4%;
  margin-bottom: 60px;
  -webkit-box-shadow: 0px 0px 24px 3px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0px 0px 24px 3px rgba(0, 0, 0, 0.75);
  box-shadow: 0px 0px 24px 3px rgba(0, 0, 0, 0.75); }

#mapsWrapper #gmap {
  width: 100%;
  height: 420px; }

.infoWrapper {
  position: relative;
  float: left;
  width: 450px; }

.immoInfoBild {
  float: left;
  width: 210px;
  margin-right: 12px; }

.immoInfoBild img {
  width: 100%;
  max-width: 210px; }

.immoInfo {
  float: left;
  width: 100%;
  max-width: 228px; }

.immoInfo:after {
  content: "";
  clear: left;
  display: block; }

.moreInfos {
  position: absolute;
  right: 0;
  bottom: 0; }
/*GoogleMaps Startseite ENDE*/
/* Google Maps Anfahrt Seite */
#mainContentSection > div.tx-go-maps-ext {
  padding: 0px; }

#gme-5 {
  border: 1px solid #555; }

#gme-5-form {
  margin-bottom: 15px; }
/* Google Maps Anfahrt Seite ENDE*/
/* Styles for ImmobilienScout24 Teaser, List + Details */
/*
 * teaser styles 
 */
/*
 div.is24_teaser_wrapper {
 background-color: #dfd;
 }
 */
.slick-prev:before, .slick-next:before {
  color: #000 !important; }

div.is24_teaser_item {
  position: relative;
  /*width: $teaser_width;*/
  width: 265px;
  /*height: $teaser_height;*/
  /*margin: 11px 12px 1% 11px;*/
  margin: 10px;
  overflow: hidden;
  display: inline-block;
  background: #d7ded7;
  cursor: pointer; }

div.is24_teaser_item > img {
  /*height: 100%;*/
  width: 100%;
  display: block;
  transition: transform 1s;
  -moz-transition: transform 1s;
  -webkit-transition: transform 1s; }

div.is24_teaser_item:hover > img {
  transform: scale(1.2);
  -moz-transform: scale(1.2);
  -webkit-transform: scale(1.2); }

div.is24_teaser_item > div {
  position: absolute;
  bottom: 0px;
  right: 0px;
  width: 100%;
  height: 50px;
  text-align: left;
  color: #fff;
  background-image: url('/fileadmin/images/system/bg_50pr_gruen.png'); }
/* Rahmen fuer Adresse fährt von oben runter */
div.is24_teaser_item > div:first-child {
  width: 100%;
  /*height: 30%;*/
  position: absolute;
  z-index: 3000;
  top: -100%;
  color: #fff;
  background-image: url('/fileadmin/images/system/bg_50pr_gruen.png');
  opacity: 0;
  transition: opacity 1s, top 200ms;
  -moz-transition: opacity 1s, top 200ms;
  -webkit-transition: opacity 1s, top 200ms;
  /* Safari 3.1 to 6.0 */ }

div.is24_teaser_item:hover div:first-child {
  opacity: 1;
  top: 0px; }
/* Adresse fliegt von rechts rein */
div.is24_teaser_item > div:first-child > p {
  clear: both;
  color: #fff;
  padding: 1% 0 0 5%;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-indent: 600px;
  transition: text-indent 500ms;
  transition-delay: 300ms;
  -moz-transition: text-indent 500ms;
  -moz-transition-delay: 300ms;
  -webkit-transition: text-indent 500ms;
  /* Safari 3.1 to 6.0 */
  -webkit-transition-delay: 300ms; }

div.is24_teaser_item:hover > div:first-child > p {
  text-indent: 0px; }
/* untere Beschriftung: m², Zimmer, Kaltmiete */
div.is24_teaser_item > div > p {
  color: #fff;
  width: 100%;
  float: left;
  padding: 1% 0 0 5%;
  /* font-size: 0.6em; */ }

div.is24_teaser_item > div:first-child > p:first-child {
  /*padding-top: 8%;*/ }

div.is24_teaser_item > div > div.moreinfo {
  height: 100%;
  position: absolute;
  bottom: 0px;
  right: 0px;
  border-left: 1px solid #fff;
  background-color: #157352; }
/*
 * das PLUS-Zeichen
 */
div.moreinfo > a > img {
  width: 25px;
  height: 25px;
  padding: 13px; }
/***************************************************************
 ***************************** TEASERMENU  **********************
 ****************************************************************/
.teaserMenuItem {
  position: relative;
  display: inline-block;
  width: 250px;
  height: 250px;
  margin: 10px 20px 10px 0px;
  overflow: hidden; }

.teaserMenuItem .image a img {
  display: inline-block;
  width: 100%;
  height: 100%;
  transition: transform 1s;
  -moz-transition: transform 1s;
  -webkit-transition: transform 1s; }

.teaserMenuItem .image a img:hover {
  transform: scale(1.2);
  -moz-transform: scale(1.2);
  -webkit-transform: scale(1.2); }

.teaserMenuItem div.teaserTitle {
  position: absolute;
  bottom: 0px;
  width: 250px;
  height: 20%;
  /* text-align: center; */
  vertical-align: middle;
  color: #fff;
  background-image: url('/fileadmin/images/system/bg_50pr_gruen.png'); }
/* Pluszeichen */
#mainContentSection > div.row > div > div.teaserTitle > img {
  float: right;
  width: 25px;
  height: 24px;
  padding: 13px;
  border-left: 1px solid #fff;
  background-color: #157352; }
/* .teaserMenuItem .image a */
#mainContentSection > div.row > div > div.teaserTitle > h3 > a {
  display: inline-block;
  height: 100%;
  padding-top: 15px;
  width: 96%;
  padding-left: 4%;
  text-decoration: none;
  color: #fff;
  white-space: nowrap; }

#mainContentSection > div.row > div > div.teaserTitle > h3 {
  position: absolute;
  top: 0px;
  width: 100%;
  height: 100%;
  margin: 0px;
  padding-top: 0px;
  display: inline-block; }

#mainContentSection > div.row > div > div.readmore > p > a {
  position: absolute;
  bottom: 0px;
  width: 250px;
  text-align: right;
  color: #fff;
  background-image: url('/fileadmin/images/system/bg_50pr_gruen.png'); }
/***************************************************************
 ********************** DETAIL view styles **********************
 ****************************************************************/
div.is24_detail_wrapper > h1 {
  font-size: 1.2em;
  margin-bottom: 15px; }

div.is24_detail_wrapper > h2 {
  font-size: 1.2em;
  margin-bottom: 15px; }

div.is24_detail {
  background-color: #d7ded7; }

div.is24_detail > div {
  /* width: 50%; */
  /* padding: 20px; */
  margin: 0 auto;
  text-align: left; }

div.is24_detail > div > img {
  margin-right: 20px;
  vertical-align: top; }

div.is24_detail h3 {
  width: calc(100% - 30px);
  margin: 0px;
  padding-bottom: 15px;
  text-align: left; }

div.is24_detail > p {
  margin: 0 auto;
  padding-bottom: 15px;
  text-align: left; }

.is24DetailsImgContainer {
  max-width: 45%;
  padding: 2%;
  margin-right: 20px;
  float: left;
  text-align: center;
  background-color: #ddd; }

.is24DetailsImgContainer a:first-child img {
  display: block;
  width: 90%;
  height: auto;
  margin: 15px auto; }

.is24DetailsImgContainer .detailImage img {
  display: inline-block;
  height: 100px;
  margin: 10px; }

.is24-details-table {
  width: 46%;
  padding: 1%;
  display: table;
  margin-bottom: 30px;
  background-color: #eee; }

.is24-details-table p {
  margin-bottom: 20px;
  font-size: 15px; }

.is24-details-table-row {
  display: table-row; }

hr.detailTab {
  border: 0;
  height: 2px;
  background-color: #157352; }

hr.dummy {
  display: none; }
/* verhindert zwei aufeinanderfolgende <hr> */
hr.detailTab + hr {
  display: none; }

.col1 {
  width: calc(59% - 6px);
  display: inline-block;
  padding: 3px; }

.col2 {
  width: calc(35% - 6px);
  display: inline-block;
  padding: 3px; }
/*******************************************
 ********************** list styles*********************
 *******************************************/
div.is24_list {
  width: 100%;
  margin-bottom: 20px;
  background-color: #d7ded7; }

div.is24_list_inner {
  width: 60%;
  margin: 0 auto; }

div.is24_list > a > img {
  margin-bottom: 20px;
  vertical-align: top; }

div.is24_list > div > div {
  width: 50%;
  display: inline-block;
  margin: 0 0 20px 20px;
  text-align: left; }

div.is24_list > div > div > div {
  margin-bottom: 20px; }
/* FOOTER */
footer {
  position: relative;
  bottom: 0px;
  background: #434343;
  width: 100%;
  color: #fff; }

footer a {
  color: #fff;
  text-decoration: none; }

.footer-wrapper {
  /*width:  $fixed_width;*/
  width: 100%;
  /*	margin: 0 auto;*/ }

footer > .footer-wrapper > .top {
  width: 100%;
  margin: 0 auto;
  min-height: 50px; }

footer > .footer-wrapper > .top > .top_inner {
  max-width: 1290px;
  width: 96%;
  margin: 0 auto; }

footer > .footer-wrapper > .top > .top_inner > * {
  width: 20%;
  float: left;
  font-size: 14px;
  padding: 8px;
  /*word-spacing: 5%;*/ }

footer > .footer-wrapper > .top > .top_inner > * > p > strong {
  border-bottom: 2px dashed #157352;
  line-height: 40px; }

footer > .footer-wrapper > .top > .top_inner > * a {
  color: #fff;
  text-decoration: none; }

footer > .footer-wrapper > .top > .top_inner > * a:hover {
  text-decoration: underline; }

footer > .footer-wrapper > .mid {
  width: 100%;
  margin: 0 auto;
  min-height: 50px; }

footer > .footer-wrapper > .mid > .mid_inner {
  max-width: 1290px;
  width: 96%;
  margin: 0 auto;
  color: #fff; }
/*
 footer > .footer-wrapper > .mid > .mid_inner > * {
 width: 20%;
 float: left;
 font-size: 14px;
 text-align: right;
 }
 */
.mid_inner_right_edge {
  width: 100%;
  text-align: right; }

footer > .footer-wrapper > .mid > .mid_inner > * > p > strong {
  border-bottom: 2px dashed #157352;
  line-height: 45px; }

footer > .footer-wrapper > .mid > .mid_inner > * a {
  color: #fff;
  text-decoration: none; }

footer > .footer-wrapper > .mid > .mid_inner > * a:hover {
  text-decoration: underline; }

footer > .footer-wrapper > .mid {
  max-width: 1290px;
  width: 96%;
  margin: 0 auto;
  padding: 20px 0 0 0; }

footer > .footer-wrapper > .mid > .mid_left {
  width: 70%;
  float: left; }

footer > .footer-wrapper > .mid > .mid_right {
  width: 30%;
  float: left;
  color: #fff;
  font-family: 'Open Sans', sans-serif;
  font-size: 13px; }

footer > .footer-wrapper > .mid > .mid_right > .mid_right_contentWrapper {
  width: 70%; }

footer > .footer-wrapper > .low {
  width: 100%;
  background-color: #00bc79;
  height: 15px;
  line-height: 5px; }

footer > .footer-wrapper > .low > .low_inner {
  max-width: 1290px;
  width: 100%;
  margin: 0 auto;
  color: #fff;
  font-size: 15px; }

footer > .footer-wrapper > .low > .low_inner > .low_left {
  width: 33%;
  text-align: left;
  float: left; }

footer > .footer-wrapper > .low > .low_inner > .low_mid {
  width: 33%;
  text-align: center;
  float: left; }

footer > .footer-wrapper > .low > .low_inner > .low_right {
  width: 33%;
  text-align: right;
  float: left; }

footer > .footer-wrapper > .low > .low_inner > .low_right > a {
  color: #fff;
  text-decoration: none; }

footer > .footer-wrapper > .low > .low_inner > .low_right > a:hover {
  /* font-weight: bold; */ }
/* Footer Ende*/
/* ##### MEDIA QUERIES ########## */
/*******************************************************/
@media screen and (min-width: 1751px) {
  /*
   #sync1 > div.owl-wrapper-outer > div > div > div
   */
    #navi_toogle_Section, #rootPage .specialStyle_0 {
      display: none; }
    .owl-item {
      max-height: 685px;
      overflow: hidden; } }
/*******************************************************/
@media screen and (max-width: 1750px) {
  /*
   #sync1 > div.owl-wrapper-outer > div > div > div
   */
    #navi_toogle_Section, #rootPage .specialStyle_0 {
      display: none; }
    .owl-item {
      max-height: 530px; }
    .subPage #mainContentSection {
      margin-left: 24%; } }
/*******************************************************/
@media screen and (max-width: 1480px) {
  /*
   #sync1 > div.owl-wrapper-outer > div > div > div
   */
    #navi_toogle_Section, #rootPage .specialStyle_0 {
      display: none; }
    .owl-item {
      max-height: 430px; } }
/*******************************************************/
@media screen and (max-width: 1200px) {
  #navi_toogle_Section {
    display: block; }

  .owl-item {
    max-height: 360px; } }
/*******************************************************/
@media screen and (max-width: 1025px) {
  /*
   #sync1 > div.owl-wrapper-outer > div > div > div
   */
    header #naviSection {
      max-width: 53%;
      float: right;
      display: block; }
    #_searchBoxArea {
      width: 20%; }
    #_searchBoxArea > #_searchBoxArea_form > input {
      font-size: 13px; }
    #logoSection {
      width: 45%; }
    .owl-item {
      max-height: 275px; }
    .subNav {
      /* margin-right: 3%; */
      margin-bottom: 5%; }
    footer > .footer-wrapper > .top > .top_inner > * {
      width: 33%; } }
/*******************************************************/
@media screen and (max-width: 880px) {
  /*.owl-theme .owl-controls {
   margin-top: -108px !important;
   }*/
    .homeIcon {
      display: none; }
    #logoSection {
      width: 60%;
      margin: 0 auto;
      float: none; }
    header #naviSection {
      max-width: 100%;
      width: 100%;
      float: none;
      margin: 0 auto; }
    #naviSection > nav {
      width: 100%;
      float: none;
      margin: 0 auto; }
    #naviSection > nav > ul > li {
      display: inline-block;
      padding: 0;
      height: 27px;
      text-align: center;
      width: 24%; }
    #naviSection > nav > ul > li img {
      width: 100%;
      max-width: 90px; }
    #naviSection > nav > ul > li:nth-child(3), #naviSection > nav > ul > li:nth-child(4) {
      display: none; }
    #naviSection > nav > ul > li:nth-child(5), #naviSection > nav > ul > li:nth-child(6) {
      display: inline-block; }
    .NavButt {
      display: inline-block;
      width: 30px;
      padding: 4px 0px 0px 0px;
      background-color: #fff; }
    #_mobileNav {
      float: left;
      display: block;
      width: 20%;
      margin-top: 5px;
      margin-left: 4%; }
    #_mobNav {
      display: none;
      width: 96%;
      margin: 0 auto;
      padding: 2%;
      text-align: center; }
    #_mobNav > nav > ul {
      width: 100%;
      margin: 0 auto; }
    #_mobNav > nav > ul > li {
      display: block;
      position: relative;
      width: 100%;
      padding: 5px;
      /* background-color: red; */ }
    #_mobNav > nav > ul > li:hover > ul, #_mobNav > nav > ul > li > ul {
      display: block;
      height: initial;
      width: 90%;
      padding: 0px;
      position: relative;
      top: 5px;
      left: 0;
      opacity: 1;
      margin: 0px auto;
      margin-bottom: 12px;
      background-color: #fff; }
    #_mobNav > nav > ul > li > ul > li {
      display: block;
      position: relative;
      opacity: 1;
      top: 0;
      left: 0;
      margin: 0px auto;
      border-bottom: 1px solid #aaa; }
    #_mobNav > nav > ul > li > ul > li::before {
      padding-right: 0px; }
    #_mobNav > nav > ul > li > ul > li:last-child {
      border-bottom: none; }
    #_mobNav > nav > ul > li > a {
      padding: 2px 5px; }
    #_topNavAndSearchSectionInner {
      width: 100%;
      margin: 0;
      padding: 0; }
    #_searchBoxArea {
      display: inline-block;
      width: 100%;
      float: none; }
    #_searchBoxArea_form {
      width: 100%; }
    #_searchBoxArea > #_searchBoxArea_form > input {
      display: inline-block !important;
      width: 74% !important;
      height: 29px !important;
      max-width: none !important;
      margin-top: 2px !important;
      margin-left: 5px !important; }
    #topNavAndSearchSection {
      display: none;
      padding: 5px 0; }
    #_topNav {
      display: none;
      width: 100%;
      margin: 0 auto; }
    #sync1 > div.owl-wrapper-outer > div > div > div {
      max-height: 214px; }
    #sync1 > div.owl-wrapper-outer > div > div > div {
      max-height: 214px; }
    .is24_teaser_wrapper {
      text-align: center; }
    .fixFirstSlider {
      width: 100% !important; }
    .fixFirstSlider .overlay .bodytext {
      top: 0 !important; }
    .subNav {
      display: none; }
    .row {
      text-align: center; }
    .teaserTitle {
      text-align: left; }
    .subPage #mainContentSection {
      width: 100%;
      margin: 20px auto;
      padding: 0px; }
    footer > .footer-wrapper > .mid > .mid_inner > * span {
      display: none; }
    .is24DetailsImgContainer {
      width: 96%;
      max-width: 96%;
      margin-bottom: 20px; }
    .is24-details-table {
      width: 98%; }
    .is24DetailsImgContainer a:first-child img {
      width: 50%;
      margin: 15px auto; }
    .slick-prev {
      left: -3%; }
    .slick-next {
      right: -3%; }
    .overlay {
      display: none; }
    .owl-item {
      max-height: 100% !important; } }
/*******************************************************/
@media screen and (max-width: 600px) {
  /*
   #_topNav {
   display: block;
   width: 100%;
   margin: 0 auto;
   text-align: center;
   }
   #_searchBoxArea {
   display: block;
   width: 33%;
   float:none;
   margin: 0 auto;
   }
   #_searchBoxArea > #_searchBoxArea_form > input {
   margin: 0 auto;
   display: block;
   font-size: 13px;
   }
   */
  /* PLZ */
  /* PLZ */
  /* Stadt */
    header #naviSection {
      max-width: 100%;
      width: 100%;
      float: none;
      margin: 0 auto; }
    #breadCrumpSection {
      display: none; }
    #logoSection {
      width: 90%;
      margin: 0 auto;
      float: none; }
    #naviSection > nav > ul > li:nth-child(3), #naviSection > nav > ul > li:nth-child(4) {
      display: none; }
    .overlay {
      display: none; }
    footer > .footer-wrapper > .top > .top_inner > * {
      width: 45%; }
    .mid_inner_right_edge {
      width: 100%; }
    .owl-item {
      max-height: 170px; }
    form ol {
      -webkit-column-count: 1;
      -moz-column-count: 1;
      column-count: 1; }
    .csc-form-element {
      width: 100%; }
    .csc-form-9 {
      display: inline-block;
      width: calc(25% - 10px);
      float: left;
      margin-right: 5px !important; }
    div.anfrageSenden > form > ol > li.csc-form-9.csc-form-element.csc-form-element-textline {
      display: inline-block;
      width: calc(25% - 10px);
      float: left;
      margin-right: 10px !important; }
    div.anfrageSenden > form > ol > li.csc-form-10.csc-form-element.csc-form-element-textline {
      width: 75%; }
    .col1 {
      width: 50%; }
    div.is24-details-table div:last-child div.col2 {
      border-bottom: none; }
    hr.detailTab {
      margin-bottom: 2px; }
    div.mesgSucc {
      position: absolute;
      top: initial;
      bottom: 25px;
      max-width: initial;
      left: 1%;
      padding: 30px 1% 30px 1%;
      width: 96%; }
    .infoWrapper {
      position: relative;
      float: none;
      width: 100%; }
    .immoInfoBild {
      float: none;
      width: 100%;
      margin-right: 0; }
    .immoInfo {
      float: none;
      width: 100%;
      max-width: 100%; } }
/*******************************************************/
@media screen and (max-width: 480px) {
  header #naviSection {
    max-width: 100%;
    width: 100%;
    float: none;
    margin: 0 auto; }

  #logoSection {
    width: 90%;
    margin: 0 auto;
    float: none; }

  .bcLegend {
    display: none; }

  #rootPage .csc-textpic.csc-textpic-center.csc-textpic-above {
    display: none; }

  .overlay {
    display: none; }

  footer > .footer-wrapper > .top > .top_inner > * {
    width: 80%; }

  .owl-item {
    max-height: 125px; }

  div.is24_teaser_item {
    position: relative;
    margin: 11px 12px 1% 11px; } }
/*******************************************************/
@media screen and (max-width: 360px) {
  header #naviSection {
    max-width: 100%;
    width: 100%;
    float: none;
    margin: 0 auto; }

  #logoSection {
    width: 60%;
    margin: 0 auto;
    float: none; }

  #logoSection img {
    width: 90%; }

  #naviSection > nav {
    width: 80%;
    float: none;
    margin: 0 auto; }

  .owl-item {
    max-height: 114px; }

  .overlay {
    display: none; } }

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto {
  position: relative;
  width: 100%;
  padding-right: 20px;
  padding-left: 20px;
  box-sizing: border-box; }

.col-lg-4 {
  flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%; }

.col-md-6 {
  flex: 0 0 50%;
  max-width: 50%; }

.col-12 {
  flex: 0 0 100%;
  max-width: 100%; }

.news-list-view.news-layout-1 .article, .news-list-view.news-layout-2 .article {
  padding: 15px 15px 0 !Important;
  margin: 0; }
  .news-list-view.news-layout-1 .article .news-inner-wrap, .news-list-view.news-layout-2 .article .news-inner-wrap {
    float: none;
    /*border-radius: 10px;*/
    #box-shadow: 0 0 10px #000;
    background: #fff;
    overflow: hidden;
    justify-content: center;
    align-content: flex-start; }
    .news-list-view.news-layout-1 .article .news-inner-wrap img, .news-list-view.news-layout-2 .article .news-inner-wrap img, .news-list-view.news-layout-1 .article .news-inner-wrap img a, .news-list-view.news-layout-2 .article .news-inner-wrap img a {
      width: auto;
      height: auto;
      float: none;
      margin: 0;
      padding: 0;
      border-radius: 10px 10px 0 0; }
    .news-list-view.news-layout-1 .article .news-inner-wrap .news-img-wrap, .news-list-view.news-layout-2 .article .news-inner-wrap .news-img-wrap {
      float: none;
      margin: 0;
      border-radius: 10px;
      position: relative; }
      .news-list-view.news-layout-1 .article .news-inner-wrap .news-img-wrap a, .news-list-view.news-layout-2 .article .news-inner-wrap .news-img-wrap a {
        border: none;
        float: none;
        margin: 0;
        padding: 0; }
  .news-list-view.news-layout-1 .article p, .news-list-view.news-layout-2 .article p {
    font-size: 1.25rem;
    line-height: 1.75rem;
    overflow: hidden; }
    .news-list-view.news-layout-1 .article p a, .news-list-view.news-layout-2 .article p a {
      font-weight: bold;
      color: #157352;
      font-size: 1.25rem;
      line-height: 1.5rem;
      text-decoration: none; }
  .news-list-view.news-layout-1 span.news-list-date, .news-list-view.news-layout-2 span.news-list-date {
    position: absolute;
    top: 15px;
    color: #fff;
    background: #157352;
    font-weight: bold;
    padding: 2px 5px;
    left: 0; }
  .news-list-view.news-layout-1 span.topline, .news-list-view.news-layout-2 span.topline {
    position: absolute;
    right: 15px;
    top: 30px;
    padding: 5px 10px;
    color: #fff;
    font-size: 1.2rem; }
  .news-list-view.news-layout-1 a.more, .news-list-view.news-layout-2 a.more {
    font-weight: bold; }
  .news-list-view.news-layout-1 .footer, .news-list-view.news-layout-2 .footer {
    border: 0;
    text-align: center;
    max-height: 73px; }
  .news-list-view.news-layout-1 .footer .plus svg, .news-list-view.news-layout-2 .footer .plus svg {
    width: 2rem;
    height: 2rem; }
  .news-list-view.news-layout-1 .footer .news-footer-meta, .news-list-view.news-layout-2 .footer .news-footer-meta {
    display: none; }
  .news-list-view.news-layout-1 span.news-list-category, .news-list-view.news-layout-2 span.news-list-category {
    display: none; }

.news-layout-2 span.news-list-category {
  position: absolute;
  top: 60px;
  color: #fff;
  background: #002f5d;
  font-weight: bold;
  padding: 2px 5px;
  right: 15px;
  border: 0;
  display: block !important; }

.news-single .article .news-img-wrap a {
  border: none;
  border-radius: 0; }
  .news-single .article .teaser-text {
    display: none; }
  .news-single .article .news-backlink-wrap a {
    background: #e5021d;
    padding: 10px 15px;
    color: #fff !important;
    text-decoration: none; }
  .news-single .article .footer span {
    color: #002f5d;
    font-weight: bold; }

.news-list-view .article .teaser-text {
  display: none;
  #display: block;
  #min-height: 140px; }

a.more {
  background: #157352;
  color: #fff !important;
  transition: 0.5s;
  position: relative;
  display: inline-block;
  margin-bottom: 12px;
  padding: 8px;
  /* border-radius: 30px;*/ }

.news .footer span {
  padding: 0;
  margin: 0;
  border: none; }

.news.news-single .article .frame-type-image.frame-layout-3 {
  margin: 0;
  padding: 0; }
  .news.news-single .article .frame-type-image.frame-layout-3 .frame-container {
    padding: 0; }

.page-9 #page-content .section-default .frame:first-child .frame-container {
  padding-top: 0; }

.page-9 #page-content .frame:first-child {
  padding-top: 0; }

.news-single .article .footer span {
  color: #fff; }

.news-single .news-list-view .news-img-wrap {
  width: 100%; }

span.plus img {
  width: 100px !important; }

.news-list-category {
  display: flex;
  justify-content: space-between;
  align-items: center;
  align-content: center;
  border-bottom: 1px solid #ccc;
  padding-bottom: 15px; }
  .news-list-category .btn-secondary {
    background: #157352; }
  .news-list-category .btn-secondary:before {
    display: none; }
  .news-list-category .btn-secondary:not(:disabled):not(.disabled):active, .news-list-category .btn-secondary:not(:disabled):not(.disabled).active, .news-list-category .show > .btn-secondary.dropdown-toggle {
    color: #fff;
    background-color: #f26135;
    border-color: #f26135;
    border-radius: 0; }
  .news-list-category .dropdown-menu.show {
    width: auto;
    padding: 2rem;
    border-top: 0; }

@media (max-width: 992px) {
  .news-img-wrap {
    width: 100%; } }

.news h3 span, .news h3 span:hover, .news h3 a:hover {
  font-weight: bold;
  text-decoration: none; }

.news-detail-heading h2.element-header, .news-detail-heading h2.element-subheader, .news-detail-heading h2.element-header span {
  color: #e3051a; }

.news-detail-heading {
  flex: 1 1 85%;
  padding: 15px; }

.news-detail-icon {
  flex: 1 1 15%;
  padding: 15px; }

.news-single .header {
  display: flex;
  flex-wrap: wrap;
  padding-top: 2rem; }

.news-list-view.row {
  display: flex;
  flex-wrap: wrap;
  align-content: center;
  justify-content: flex-start;
  align-items: stretch; }

.news-related-wrap {
  border-top: 1px solid #ccc; }

.news-single .footer {
  border-top: none; }

.news-inner-wrap {
  height: 100%;
  align-content: space-between; }

.news-single .frame-background-secondary, .news-single .frame-background-secondary .frame-container {
  color: #fff;
  background-color: #002f5d !important; }

.news-single .frame-background-secondary .textpic {
  padding-top: 30px; }
/*news*/
.news-single .article {
  padding: 15px; }
  .news-single .article .header {
    margin-bottom: 2rem; }
    .news-single .article .header .news-detail-heading {
      padding: 0; }
      .news-single .article .header .news-detail-heading h2.element-subheader, .news-single .article .header .news-detail-heading h1.element-header {
        margin-bottom: 6px; }
      .news-single .article .header .news-detail-heading h2.element-header, .news-single .article .header .news-detail-heading h2.element-subheader {
        padding-top: 0; }
  .news-single .article .footer {
    display: none; }
  .news-single .article .news-img-wrap {
    display: none; }
  .news-single .article .csc-textpic > .csc-textpic-imagewrap {
    padding: 0 0 0 1rem !important; }
    @media (max-width: 600px) {
      .news-single .article .csc-textpic > .csc-textpic-imagewrap {
        padding: 0 !important;
        margin: 0; }
        .news-single .article .csc-textpic > .csc-textpic-imagewrap img {
          height: auto;
          width: 100%; } }
    .news-single .article .csc-textpic > .csc-textpic-text {
      margin-right: 0; }
  .news-single .article .news-backlink-wrap a {
    display: inline-block; }
  .news-single .article .mt-5 {
    margin: 2rem 0; }
  .news-single .article .csc-textpic.csc-textpic-center.csc-textpic-above {
    display: block !important;
    float: none !important;
    width: 100% !important; }
    .news-single .article .csc-textpic.csc-textpic-center.csc-textpic-above .csc-textpic-imagewrap {
      width: 100%;
      padding: 0; }
    .news-single .article .csc-textpic.csc-textpic-center.csc-textpic-above .csc-textpic-imagewrap .csc-textpic-imagerow {
      display: flex;
      flex-wrap: wrap; }
      .news-single .article .csc-textpic.csc-textpic-center.csc-textpic-above .csc-textpic-imagewrap .csc-textpic-imagerow .csc-textpic-imagecolumn {
        float: none;
        flex: 1 1 auto;
        width: 0; }
        @media (max-width: 992px) {
      .news-single .article .csc-textpic.csc-textpic-center.csc-textpic-above .csc-textpic-imagewrap .csc-textpic-imagerow .csc-textpic-imagecolumn {
        width: calc(50% - 10px);
        flex-shrink: 0; } }
        @media (max-width: 600px) {
      .news-single .article .csc-textpic.csc-textpic-center.csc-textpic-above .csc-textpic-imagewrap .csc-textpic-imagerow .csc-textpic-imagecolumn {
        width: 100%; } }
        .news-single .article .csc-textpic.csc-textpic-center.csc-textpic-above .csc-textpic-imagewrap .csc-textpic-imagerow .csc-textpic-imagecolumn img {
          height: auto;
          width: 100%; }

.news-list-view .article .news-img-wrap .no-media-element-placeholder {
  height: 3rem; }

.tx-felogin-pi1 div {
  margin: 0 0 15px; }
  .tx-felogin-pi1 fieldset {
    border: 0;
    margin: 0;
    padding: 0; }
  .tx-felogin-pi1 label {
    display: block;
    margin: 0 0 3px;
    font-weight: 700; }
  .tx-felogin-pi1 input {
    width: 45%;
    font-family: 'Roboto', sans-serif;
    line-height: normal;
    margin: 0;
    padding: 0.45em 0.6em;
    height: 36px;
    vertical-align: baseline;
    -webkit-appearance: none;
    -webkit-border-radius: 0;
    border: 1px solid #cdcdcd;
    border-radius: 1px;
    transition: border 300ms cubic-bezier(0.23, 1, 0.32, 1) 0s, box-shadow 300ms cubic-bezier(0.23, 1, 0.32, 1) 0s;
    box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.1); }
  .tx-felogin-pi1 input[type="submit"] {
    width: auto;
    cursor: pointer; }

#news-info-section {
  display: flex;
  flex-direction: column; }
  @media (min-width: 1300px) {
  #news-info-section {
    flex-direction: row;
    margin: 0 15%; } }
  #news-info-section #newsSection {
    order: 2; }
  @media (min-width: 1300px) {
    #news-info-section #newsSection {
      width: 33.33%;
      order: 1; } }
  #news-info-section #newsSection > div {
    padding: 0 20px; }
    #news-info-section #newsSection > div .news {
      max-height: 450px;
      border: 1px solid #157352;
      overflow-y: auto; }
  #news-info-section #infoSection {
    order: 1; }
  @media (min-width: 1300px) {
    #news-info-section #infoSection {
      order: 2;
      width: 66.66%; } }
  #news-info-section #infoSection > div {
    padding: 0 20px; }

.text-justify {
  text-align: justify;
  text-align-last: none; }

div.tx-lemm-events {
  font-size: 0.9rem; }
  div.tx-lemm-events table.tx_lemmevents {
    background: #f5f5f5; }
  div.tx-lemm-events table.tx_lemmevents th {
    font-weight: bold;
    font-size: 1.1rem;
    background: #fff;
    text-align: center;
    color: #157352;
    border-bottom: 2px solid #157352; }
  div.tx-lemm-events table.tx_lemmevents tr.event-info-row td {
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: center;
    background: #fff;
    vertical-align: middle; }
    div.tx-lemm-events table.tx_lemmevents tr.event-info-row td:first-of-type {
      font-weight: bold;
      font-size: 1rem; }
  div.tx-lemm-events table.tx_lemmevents td.event-beschreibung {
    border-bottom: 2px solid #157352;
    position: relative;
    padding-left: 45px; }
    div.tx-lemm-events table.tx_lemmevents td.event-beschreibung:before {
      font-family: 'fontawesome';
      content: "\f05a";
      position: absolute;
      top: 6px;
      left: 0;
      font-size: 2rem;
      color: #157352;
      width: 30px;
      height: 30px;
      text-align: right; }

#p284 .csc-form-element {
  padding-top: 15px;
  display: flex;
  flex-wrap: wrap;
  align-content: center;
  width: auto; }
  #p284 .csc-form-element a.btn.btn-primary.submit-btn {
    flex: 0 1 300px;
    padding: 10px 15px;
    font-size: 1.25rem;
    display: inline-block;
    height: auto;
    color: #fff;
    text-align: center; }
    #p284 .csc-form-element a.btn.btn-primary.submit-btn:before {
      content: "\f019";
      font-family: 'fontawesome';
      margin-right: 10px; }
  #p284 div.csc-textpic-intext-left-nowrap .csc-textpic-imagewrap {
    margin-right: 25px; }

#p283 #mainContentSection, #p284 #mainContentSection {
  max-width: unset;
  margin-left: 0;
  padding-left: 15px; }