html,
input,
select,
textarea {
  font-size: 16px; }

#impressions .top > a > div, #navLM .innerNav > div.kontrastControl span, #navLM .innerNav > div.speechControl span:after, #navLM .innerNav > div.speechControl span:before, #nav_mobile #logoMobile, #qnavButton > div > div .wappen {
  background-position: center;
  background-repeat: no-repeat; }

/* Fluid Property.. uebergebe min und max bereich, und prozentualer wert wird gestzt */
.startseite #WohnzimmerTop {
   }

#navLM .innerNav > div.close:after {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg); }

#navLM .innerNav > div.close:before {
  -webkit-transform: rotate(315deg);
          transform: rotate(315deg); }

.impression-back, #impressionBigBack, #lbPrevLink {
  -webkit-transform: scaleX(-1);
          transform: scaleX(-1); }

#impressionButton > div > div, #qnavButton > div > div .title {
  -webkit-transform: rotate(-90deg) translateX(-100%);
          transform: rotate(-90deg) translateX(-100%);
  -webkit-transform-origin: left top;
          transform-origin: left top; }

.nav-ow::before,
.bereinigen,
.clear {
  content: '';
  display: table;
  clear: both; }

.clearme:after {
  content: '';
  display: block;
  clear: both; }

#calenderMonthList:hover, #GallerieAlle > div:not(.empty), #GallerieAlle > div > .Bild img, #GallerieAlle > div.linkWholeBox .BildText, #impressionButton > div > div, #impressions .top > a > div, a.previewToggle,
#impDescription, #impressionThumbnails, .lesemodus #Erdgeschoss .container, #navLM, a.linkToTop, #nav_mobile, #nav_mobile > ul:first-of-type, #qnavButton > div > div, #qnav, .ss_zone6 .ajaxPresseControl .button {
  box-shadow: 0 0 2px 0 rgba(89, 89, 89, 0.12), 0 2px 2px 0 rgba(89, 89, 89, 0.24); }

.layer {
  box-shadow: 0 0 8px 0 rgba(89, 89, 89, 0.12), 0 8px 8px 0 rgba(89, 89, 89, 0.24); }

/*
Here because a lot of Stuff uses that configuration (Maerz 2018 TW)
Please do not use these classes. Just copy their configuration

%flexbox-parent {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
%flexbox-childs {
  flex: 1 1 auto;
}
%flexbox-childs-float {
  flex: 0 0 auto;
}
*/
.klein {
  font-size: 80%; }


#impDescription, .gross {
  font-size: 120%; }

@font-face {
  font-family: "OpenSans-Regular";
  font-style: normal;
  font-weight: normal;
  src: url("fonts/OpenSans-Regular/opensans-regular.eot?") format("eot"), url("fonts/OpenSans-Regular/opensans-regular.woff2") format("woff2"), url("fonts/OpenSans-Regular/opensans-regular.woff") format("woff"), url("fonts/OpenSans-Regular/opensans-regular.ttf") format("truetype"), url("fonts/OpenSans-Regular/opensans-regular.svg#OpenSans-Regular") format("svg"); }

FORM.suchform INPUT.suchfeldbutton, .verzeichnisForm .searchButton {
  background-image: url("../images/icons/search_gray.png");
  background-position: center;
  background-repeat: no-repeat;
  background-color: #7f7f7f;
  transition: all 0.3s ease-in-out;
  transition-property: color, background-color, opacity;
  position: relative;
  border: 0;
  padding: 0;
  height: 27px;
  margin: 0;
  width: 27px;
  float: left;
  opacity: 0.5;
  cursor: pointer; }
  FORM.suchform INPUT.suchfeldbutton:hover, .verzeichnisForm .searchButton:hover {
    opacity: 1; }

/*! SassySort - v1.0.0 - 2014-12-30 */
#navLM *[data-tooltip] {
  position: relative; }
  #navLM *[data-tooltip]::after, #navLM *[data-tooltip]::before {
    font-size: 80%;
    transition: all 0.3s ease-in-out;
    position: absolute;
    pointer-events: none;
    z-index: 13;
    opacity: 0; }
  #navLM *[data-tooltip]::after {
    content: attr(data-tooltip);
    background-color: #000;
    color: whitesmoke;
    padding: 5px 10px;
    min-width: 120%; }
  #navLM *[data-tooltip]::before {
    padding: 0;
    overflow: hidden; }
  #navLM *[data-tooltip]:hover::after, #navLM *[data-tooltip]:hover::before {
    opacity: 1; }

* {
  box-sizing: border-box;
  font-size: 16px; }

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video, main {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline; }

img {
  max-width: 100%; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, main, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1; }

ol, ul {
  margin: 20px 0px;
  padding-left: 40px; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

.unsichtbar {
  display: none !important; }

.trns {
  transition: all 0.3s ease-in-out; }

.backstretch {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1; }
  .backstretch div {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    opacity: 0; }
    .backstretch div::before {
      content: "";
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      background-image: url("../images/svg_nostroke.svg");
      background-size: cover;
      object-position: center;
      background-repeat: no-repeat;
      opacity: 1;
      visibility: visible;
      transition: opacity 0.3s ease-in-out; }
  .backstretch img {
    visibility: hidden; }
  .backstretch.noSVG div::before {
    opacity: 0;
    visibility: hidden; }

.container_wrap:not(#Dach):not(#Obergeschoss):not(#Erdgeschoss) {
  overflow: visible;
  width: 100%; }
  .container_wrap:not(#Dach):not(#Obergeschoss):not(#Erdgeschoss) > .container {
    box-shadow: 0 0 10px 0 rgba(89, 89, 89, 0.24); }

body {
  background-color: #96281b;
  font-family: OpenSans-Regular, sans-serif;
  color: #323232;
  text-rendering: optimizeLegibility; }
  body.lang-gh {
    background-color: #2574a9; }
  body.lang-gd {
    background-color: #bfb167; }
  body.lang-kb {
    background-color: #049372; }

#Bauwerk {
  overflow-x: hidden;
  z-index: 3;
  position: relative; }
  #Bauwerk > div {
    position: relative;
    clear: both; }

#Dach {
  margin-top: 20px;
  z-index: 7; }

#Obergeschoss {
  z-index: 6;
  padding-top: 10px; }

#Erdgeschoss {
  z-index: 5; }

#Fundament {
  z-index: 4;
  margin: 0 0 250px;
  overflow-y: hidden;
  padding-bottom: 10px; }

.container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  line-height: normal; }
  #Erdgeschoss .container,
  #Obergeschoss .container {
    width: auto !important; }
  #Obergeschoss .container {
    position: static !important;
    z-index: 2;
    background-color: #fafafa;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px; }
  #Fundament .container {
    background-color: #fafafa;
    border-radius: 0 0 10px 10px; }
  #Erdgeschoss .container .inner {
    padding: 40px 40px 80px; }
  #Fundament .container .inner {
    padding: 20px;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
            align-items: center;
    -webkit-justify-content: space-between;
            justify-content: space-between; }
  #Obergeschoss .container .inner .topBar {
    padding: 20px 0 50px 0;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
            align-items: center;
    -webkit-justify-content: space-between;
            justify-content: space-between;
    -webkit-flex-flow: column;
            flex-flow: column; }
  #Dach .container .inner {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-end;
            justify-content: flex-end; }
  #Fundament .container .inner {
    padding: 20px 40px; }

.swipecontainer {
  position: relative; }

.areaIndicator {
  position: absolute;
  top: auto;
  right: 0;
  bottom: 0;
  left: 0;
  height: 50px;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: flex-end;
          justify-content: flex-end;
  background-color: rgba(250, 250, 250, 0.6);
  padding: 0 40px; }
  .areaIndicator img {
    width: 80px !important;
    height: 80px;
    position: absolute;
    top: auto;
    right: 40px;
    bottom: auto;
    left: auto;
    object-position: left;
    object-fit: contain;
    -webkit-filter: drop-shadow(0px 0px 3px #000);
            filter: drop-shadow(0px 0px 3px #000); }
    .areaIndicator img.largeImage {
      width: 160px !important; }
  .areaIndicator h3 {
    margin: 0 100px 0 0;
    text-shadow: 0px 0px 10px #fff;
    color: #96281b; }
    body.lang-gd .areaIndicator h3 {
      text-shadow: 0px 0px 6px #fff; }
    body.lang-gh .areaIndicator h3,
    html.lang-gh .areaIndicator h3 {
      color: #2574a9; }
    body.lang-gd .areaIndicator h3,
    html.lang-gd .areaIndicator h3 {
      color: #bfb167; }
    body.lang-kb .areaIndicator h3,
    html.lang-kb .areaIndicator h3 {
      color: #049372; }
    .areaIndicator h3.largeMargin {
      margin-right: 180px; }
      .botadress{
        min-width: 175px;
      }      

.botadress > b {
  display: block;
  margin-bottom: 10px; }

.botadress > p {
  line-height: 150%;
  font-size: 80%; }

#bfnav {
  font-size: 80%;
  position: relative;
  width: auto; }
  #bfnav > a {
    color: whitesmoke;
    text-decoration: none;
    padding: 10px;
    display: block;
    background-color: rgba(0, 0, 0, 0.3); }
  #bfnav > div {
    background-color: #96281b;
    opacity: 0;
    visibility: hidden;
    position: absolute;
    transition: all 0.3s ease-in-out;
    margin-top: -8px; }
    #bfnav > div > ul > li > a {
      transition: all 0.3s ease-in-out;
      transition-property: color, background-color;
      color: whitesmoke; }
      #bfnav > div > ul > li > a:hover {
        background-color: rgba(89, 89, 89, 0.24); }
  #bfnav:hover > div {
    opacity: 1;
    visibility: visible;
    margin-top: 0; }

.breadcrumb {
  color: #7f7f7f;
  font-size: 12px;
  max-width: 60%; }
  .breadcrumb a,
  .breadcrumb a:active,
  .breadcrumb a:visited {
    color: inherit;
    text-decoration: none; }
  .breadcrumb a:hover {
    color: #323232; }

#CalInclude {
  box-shadow: 0 0 2px 0 rgba(89, 89, 89, 0.12), 0 2px 2px 0 rgba(89, 89, 89, 0.24); }

#calendar {
  background-color: #fff;
  padding: 0;
  width: 100%;
  display: table; }
  #calendar th {
    padding: 8px; }
  #calendar td a {
    display: block;
    padding: 8px;
    text-decoration: none;
    color: #323232; }
    #calendar td a:hover {
      background-color: rgba(89, 89, 89, 0.24); }
  #calendar td:empty {
    pointer-events: none; }
  #calendar td.selected {
    background-color: #1b8996; }
    #calendar td.selected a {
      color: #fff;
      font-weight: bold; }
  #calendar caption {
    position: relative;
    padding: 4px 8px; }
    #calendar caption > div:not(#calendarMonth) {
      padding: 8px;
      top: 0 !important;
      bottom: 0 !important; }
      #calendar caption > div:not(#calendarMonth):first-child {
        left: 0 !important; }
      #calendar caption > div:not(#calendarMonth):nth-child(2) {
        right: 0 !important; }
  #calendar caption,
  #calendar thead {
    background-color: #96281b;
    color: whitesmoke; }
    #calendar caption a,
    #calendar thead a {
      color: inherit;
      text-decoration: none; }

#calendarMonth {
  position: relative;
  z-index: 6;
  height: 27px;
  overflow: hidden;
  margin: 0 26px; }
  #calendarMonth:hover {
    overflow: visible; }

#calenderMonthList {
  background-color: #96281b;
  position: absolute;
  list-style: none;
  top: 0;
  left: 0;
  margin: 0 -2px;
  padding: 0 0 2px;
  width: 100%;
  transition: all 0.3s ease-in-out; }
  #calenderMonthList li {
    height: 28px; }
    #calenderMonthList li a {
      text-decoration: none;
      font-weight: normal;
      display: block;
      padding: 4px 0; }
      #calenderMonthList li a:hover {
        background-color: rgba(89, 89, 89, 0.24); }

#currentMonth a {
  font-weight: bold; }

#calendar.mspinfocalendar {
  max-width: 100%; }
  #calendar.mspinfocalendar table {
    border: 0;
    box-shadow: 0 0 2px 0 rgba(89, 89, 89, 0.12), 0 2px 2px 0 rgba(89, 89, 89, 0.24); }
  #calendar.mspinfocalendar table thead th {
    background-color: #96281b; }
    body.lang-gh #calendar.mspinfocalendar table thead th,
    html.lang-gh #calendar.mspinfocalendar table thead th {
      background-color: #2574a9; }
    body.lang-gd #calendar.mspinfocalendar table thead th,
    html.lang-gd #calendar.mspinfocalendar table thead th {
      background-color: #bfb167; }
    body.lang-kb #calendar.mspinfocalendar table thead th,
    html.lang-kb #calendar.mspinfocalendar table thead th {
      background-color: #049372; }

input,
select,
textarea {
  font-family: OpenSans-Regular, sans-serif;
  border: none; }

.textBeschreibung {
  padding-top: 5px;
  color: #bbbbbb;
  display: block; }

.pflichtfeld {
  display: none; }

.dsgvoOptIn .topText {
  border-top: 1px solid #e2e2e2;
  border-bottom: 1px solid #e2e2e2;
  margin: 10px 0px;
  padding: 10px 0px; }
  .dsgvoOptIn .topText > br {
    display: none; }

.formBeschreibung {
  margin-left: 33%; }

.uploadbox .uploadButton {
  display: block;
  padding-top: 5px; }

legend {
  display: none; }

#vkTage {
  background-image: none; }

.zweispalten {
  margin: 0;
  width: 100%;
  padding: 0;
  line-height: 150%;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row;
          flex-flow: row;
  -webkit-justify-content: space-between;
          justify-content: space-between; }
  .zweispalten .formLabelBox {
    width: 49%;
    text-align: right;
    padding-bottom: 10px; }
  .zweispalten .formElementBox {
    width: 50%;
    padding-bottom: 5px; }

.doppelbuttons {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row;
          flex-flow: row;
  -webkit-justify-content: space-between;
          justify-content: space-between; }

.zweispalten .left {
  margin: 0;
  width: 35%;
  text-align: right;
  min-width: 20%; }

.zweispalten .leftT {
  margin: 0;
  width: 35%;
  text-align: right;
  min-width: 20%; }

.zweispalten .right {
  margin: 0;
  width: 65%;
  text-align: right; }

form.simple,
div.simple,
#kontform {
  max-width: 600px;
  margin: auto; }
  form.simple .formElementWrap,
  div.simple .formElementWrap,
  #kontform .formElementWrap {
    margin: 10px 0px; }
  form.simple input,
  form.simple select,
  form.simple textarea,
  div.simple input,
  div.simple select,
  div.simple textarea,
  #kontform input,
  #kontform select,
  #kontform textarea {
    box-shadow: 0 0 2px 0 rgba(89, 89, 89, 0.12), 0 2px 2px 0 rgba(89, 89, 89, 0.24);
    transition: all 0.3s ease-in-out;
    background-color: rgba(238, 238, 238, 0.7);
    padding: 3px;
    color: rgba(0, 0, 0, 0.5); }
    form.simple input:hover,
    form.simple select:hover,
    form.simple textarea:hover,
    div.simple input:hover,
    div.simple select:hover,
    div.simple textarea:hover,
    #kontform input:hover,
    #kontform select:hover,
    #kontform textarea:hover {
      box-shadow: 0 0 8px 0 rgba(89, 89, 89, 0.12), 0 8px 8px 0 rgba(89, 89, 89, 0.24); }
  form.simple input[type="submit"],
  form.simple input[type="button"],
  div.simple input[type="submit"],
  div.simple input[type="button"],
  #kontform input[type="submit"],
  #kontform input[type="button"] {
    background-color: #96281b;
    color: whitesmoke;
    border: 0px;
    cursor: pointer; }
    body.lang-gh form.simple input[type="submit"],
    html.lang-gh form.simple input[type="submit"], body.lang-gh
    form.simple input[type="button"],
    html.lang-gh
    form.simple input[type="button"], body.lang-gh
    div.simple input[type="submit"],
    html.lang-gh
    div.simple input[type="submit"], body.lang-gh
    div.simple input[type="button"],
    html.lang-gh
    div.simple input[type="button"], body.lang-gh
    #kontform input[type="submit"],
    html.lang-gh
    #kontform input[type="submit"], body.lang-gh
    #kontform input[type="button"],
    html.lang-gh
    #kontform input[type="button"] {
      background-color: #2574a9; }
    body.lang-gd form.simple input[type="submit"],
    html.lang-gd form.simple input[type="submit"], body.lang-gd
    form.simple input[type="button"],
    html.lang-gd
    form.simple input[type="button"], body.lang-gd
    div.simple input[type="submit"],
    html.lang-gd
    div.simple input[type="submit"], body.lang-gd
    div.simple input[type="button"],
    html.lang-gd
    div.simple input[type="button"], body.lang-gd
    #kontform input[type="submit"],
    html.lang-gd
    #kontform input[type="submit"], body.lang-gd
    #kontform input[type="button"],
    html.lang-gd
    #kontform input[type="button"] {
      background-color: #bfb167; }
    body.lang-kb form.simple input[type="submit"],
    html.lang-kb form.simple input[type="submit"], body.lang-kb
    form.simple input[type="button"],
    html.lang-kb
    form.simple input[type="button"], body.lang-kb
    div.simple input[type="submit"],
    html.lang-kb
    div.simple input[type="submit"], body.lang-kb
    div.simple input[type="button"],
    html.lang-kb
    div.simple input[type="button"], body.lang-kb
    #kontform input[type="submit"],
    html.lang-kb
    #kontform input[type="submit"], body.lang-kb
    #kontform input[type="button"],
    html.lang-kb
    #kontform input[type="button"] {
      background-color: #049372; }
    form.simple input[type="submit"]:hover,
    form.simple input[type="button"]:hover,
    div.simple input[type="submit"]:hover,
    div.simple input[type="button"]:hover,
    #kontform input[type="submit"]:hover,
    #kontform input[type="button"]:hover {
      box-shadow: 0 0 8px 0 rgba(89, 89, 89, 0.12), 0 8px 8px 0 rgba(89, 89, 89, 0.24);
      background-color: #96281b;
      color: #fff; }

#fileupload {
  background-color: #96281b;
  color: whitesmoke;
  border: 0px;
  cursor: pointer; }
  body.lang-gh #fileupload,
  html.lang-gh #fileupload {
    background-color: #2574a9; }
  body.lang-gd #fileupload,
  html.lang-gd #fileupload {
    background-color: #bfb167; }
  body.lang-kb #fileupload,
  html.lang-kb #fileupload {
    background-color: #049372; }
  #fileupload:hover {
    box-shadow: 0 0 8px 0 rgba(89, 89, 89, 0.12), 0 8px 8px 0 rgba(89, 89, 89, 0.24);
    background-color: #96281b;
    color: #fff; }

.delDatei {
  position: absolute;
  /* top: calc(50% - 10px); */
  margin-top: 10px;
  right: 10px;
  cursor: pointer; }

/* Important */
.adresse.upload {
  overflow: hidden; }
  .adresse.upload #Obergeschoss .container {
    height: auto;
    overflow: hidden; }
  .adresse.upload #Erdgeschoss .container {
    height: auto;
    overflow: hidden; }
  .adresse.upload #formUploadHeadline {
    padding: 7px 5px 7px 7px; }

#formLeiste {
  width: 100%;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row;
          flex-flow: row;
  height: 30px;
  -webkit-align-items: center;
          align-items: center;
  color: whitesmoke; }
  #formLeiste:hover {
    color: #fff; }
  #formLeiste .state {
    position: relative;
    -webkit-flex-grow: 1;
            flex-grow: 1;
    height: 30px;
    line-height: 14px;
    font-size: 15px;
    padding: 5px;
    padding-right: 0;
    display: -webkit-inline-flex;
    display: inline-flex;
    -webkit-align-items: center;
            align-items: center;
    -webkit-justify-content: center;
            justify-content: center;
    background-color: #dfdfdf;
    background-repeat: no-repeat;
    background-position: right center; }
    #formLeiste .state:not(:first-child):before {
      content: "";
      border-top: 17px solid transparent;
      border-bottom: 17px solid transparent;
      border-left: 17px solid #fff;
      position: absolute;
      top: -2px;
      right: auto;
      bottom: -2px;
      left: 0;
      z-index: 2; }
    #formLeiste .state:not(:last-child):after {
      content: "";
      border-top: 15px solid transparent;
      border-bottom: 15px solid transparent;
      border-left: 15px solid #dfdfdf;
      position: absolute;
      top: 0;
      right: -15px;
      bottom: 0;
      left: auto;
      z-index: 3; }
  #formLeiste .Act {
    background-color: #96281b;
    color: whitesmoke; }
    #formLeiste .Act:not(:last-child):after {
      border-left: 15px solid #96281b; }
      #formLeiste .Act:not(:last-child):after:hover {
        color: #fff; }
  #formLeiste .ActLast {
    background-color: #96281b;
    color: whitesmoke; }
    #formLeiste .ActLast:hover {
      color: #fff; }

.formElementWrap > label + div,
.formElementWrap > label + ul {
  width: 75%; }

.choice {
  list-style: none;
  padding: 0;
  margin: 0; }
  .choice > li,
  .choice > div {
    box-shadow: 0 0 2px 0 rgba(89, 89, 89, 0.12), 0 2px 2px 0 rgba(89, 89, 89, 0.24);
    transition: all 0.3s ease-in-out;
    display: block;
    position: relative;
    background-color: rgba(238, 238, 238, 0.7); }

.checklabel {
  padding: 10px 20px 8px 46px;
  display: block;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
  color: rgba(50, 50, 50, 0.75);
  border-bottom: 2px solid transparent; }
  .checklabel:hover, .checklabel:focus {
    color: #323232;
    background-color: #fff; }

.choice input[type="radio"],
.choice input[type="checkbox"] {
  position: absolute;
  top: 10px;
  left: 20px;
  margin: 0;
  height: 16px;
  width: 16px; }
  .choice input[type="radio"]:required + .checklabel,
  .choice input[type="checkbox"]:required + .checklabel {
    border-bottom-color: #96281b; }
  .choice input[type="radio"]:required:valid + .checklabel,
  .choice input[type="checkbox"]:required:valid + .checklabel {
    border-bottom-color: #1b9628; }

.check:not(input) {
  display: none; }

.checkbox {
  display: none; }

.selectbox select {
  box-shadow: 0 0 2px 0 rgba(89, 89, 89, 0.12), 0 2px 2px 0 rgba(89, 89, 89, 0.24);
  padding: 10px 20px;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
  background-color: rgba(238, 238, 238, 0.7);
  width: 100%;
  color: rgba(50, 50, 50, 0.75);
  border-bottom: 2px solid transparent; }
  .selectbox select:hover, .selectbox select:focus {
    color: #323232;
    background-color: #fff; }
  .selectbox select:required {
    border-bottom-color: #96281b; }
  .selectbox select:valid {
    border-bottom-color: #1b9628; }

.selectbox .selectarrow {
  display: none !important; }

.submitbox {
  width: 100%;
  padding-left: 33%; }
  .submitbox.center {
    width: auto;
    padding-left: 0;
    margin-left: auto;
    margin-right: auto; }

.submitbutton {
  box-shadow: 0 0 2px 0 rgba(89, 89, 89, 0.12), 0 2px 2px 0 rgba(89, 89, 89, 0.24);
  transition: all 0.3s ease-in-out;
  cursor: pointer;
  padding: 10px 20px;
  border-radius: 5px;
  color: whitesmoke;
  background-color: #96281b;
  min-width: 200px;
  display: inline-block; }

.submit,
.submit > div {
  display: none; }

.textareabox {
  box-shadow: 0 0 2px 0 rgba(89, 89, 89, 0.12), 0 2px 2px 0 rgba(89, 89, 89, 0.24);
  transition: all 0.3s ease-in-out;
  background-color: rgba(238, 238, 238, 0.7);
  padding: 10px 20px;
  width: 100%;
  resize: vertical;
  height: 100px;
  color: rgba(50, 50, 50, 0.75);
  border-bottom: 2px solid transparent; }
  .textareabox:hover, .textareabox:focus {
    color: #323232;
    background-color: #fff; }
  .textareabox:required {
    border-bottom-color: #96281b; }
  .textareabox:valid {
    border-bottom-color: #1b9628; }

.textinput > input {
  box-shadow: 0 0 2px 0 rgba(89, 89, 89, 0.12), 0 2px 2px 0 rgba(89, 89, 89, 0.24);
  transition: all 0.3s ease-in-out;
  background-color: rgba(238, 238, 238, 0.7);
  padding: 10px 20px;
  width: 100%;
  color: rgba(50, 50, 50, 0.75);
  border-bottom: 2px solid transparent; }
  .textinput > input:hover, .textinput > input:focus {
    color: #323232;
    background-color: #fff; }
  .textinput > input:required {
    border-bottom-color: #96281b; }
    .textinput > input:required:valid {
      border-bottom-color: #1b9628; }

.textinput .txtsmall {
  width: 33.33%; }

.textinput .txtmedium {
  width: 66.66%; }

.formElementWrap {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row;
          flex-flow: row;
  -webkit-justify-content: center;
          justify-content: center;
  margin: 20px 0;
  width: 100%; }
  .formElementWrap > label {
    width: calc(35% - 10px);
    margin-right: 10px;
    text-align: right;
    padding: 10px 20px; }
    .formElementWrap > label:empty {
      pointer-events: none; }
    .formElementWrap > label + div,
    .formElementWrap > label + ul {
      width: 75%; }
  .formElementWrap > p {
    width: 100%;
    margin-left: 25%; }
  .dsgvoOptIn .formElementWrap .topText {
    border-top: 1px solid #e2e2e2;
    border-bottom: 1px solid #e2e2e2;
    margin: 10px 0px;
    padding: 10px 0px; }
  .dsgvoOptIn.wide .formElementWrap > label {
    display: none; }
    .dsgvoOptIn.wide .formElementWrap > label + div,
    .dsgvoOptIn.wide .formElementWrap > label + ul {
      width: auto; }

form.simple table tr td {
  padding: 6.66667px 5px; }

form.simple table tr.headline > td {
  padding-top: 20px; }

.fussnote {
  padding: 30px 0px 0px 0px;
  font-size: 85%;
  color: #a0a0a0;
  text-align: right; }

.fussnoteLinie {
  border-top: 1px solid #999;
  width: 200px;
  height: 0px;
  float: right;
  text-align: right;
  margin: 0 0 3px 0; }

#GallerieAlle {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-align-items: stretch;
          align-items: stretch;
  -webkit-justify-content: space-between;
          justify-content: space-between;
  padding-left: 1px;
  margin: 10px 0; }
  #GallerieAlle.fill33 > div {
    width: 33%;
    max-width: 33.333%; }
    #GallerieAlle.fill33 > div::before {
      content: "";
      padding-top: 100%;
      display: block; }
  #GallerieAlle > div {
    transition: all 0.3s ease-in-out;
    -webkit-flex: 1 1 auto;
            flex: 1 1 auto;
    position: relative;
    background-color: #fff;
    overflow: hidden;
    text-align: center;
    vertical-align: middle;
    padding: 0;
    margin-bottom: 30px;
    width: 24%;
    max-width: 24%;
    overflow: hidden;
    -webkit-flex-flow: column;
            flex-flow: column;
    -webkit-justify-content: center;
            justify-content: center;
    -webkit-align-items: center;
            align-items: center;
    /*&:after{
      content: "";
      padding-top: 100%;
      width: 100%;
      display: block;
    }*/ }
    #GallerieAlle > div[style*="min-height"] {
      display: -webkit-flex;
      display: flex; }
    #GallerieAlle > div:hover:not(.empty) {
      box-shadow: 0 0 8px 0 rgba(89, 89, 89, 0.12), 0 8px 8px 0 rgba(89, 89, 89, 0.24); }
    #GallerieAlle > div > .Bild {
      display: -webkit-flex;
      display: flex;
      -webkit-align-items: center;
              align-items: center;
      -webkit-flex-wrap: wrap;
              flex-wrap: wrap;
      height: 100%;
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      overflow: hidden; }
      #GallerieAlle > div > .Bild > a {
        display: -webkit-flex;
        display: flex;
        -webkit-align-items: center;
                align-items: center;
        -webkit-flex-wrap: wrap;
                flex-wrap: wrap;
        height: 100%;
        width: 100%; }
        #GallerieAlle > div > .Bild > a::before {
          display: none; }
      #GallerieAlle > div > .Bild img {
        transition: all 0.3s ease-in-out;
        display: table-cell;
        vertical-align: middle;
        margin: auto; }
    #GallerieAlle > div.linkWholeBox .BildText {
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      padding: 5px 20px;
      text-align: center;
      transition: all 0.3s ease-in-out;
      background-color: rgba(89, 89, 89, 0.5);
      color: #fff;
      z-index: 17;
      pointer-events: none; }
    #GallerieAlle > div.linkWholeBox:not(:hover) .BildText {
      bottom: -25px;
      opacity: 0;
      color: whitesmoke; }

#Gallerie {
  width: 100%; }
  #Gallerie .einzeln {
    float: left;
    width: 32%;
    min-height: 165px;
    height: 165px;
    vertical-align: bottom; }
  #Gallerie .bild {
    margin-bottom: 3px; }
  #Gallerie .GallerieText {
    font-size: 80%;
    padding-right: 10px; }
  #Gallerie .GallerieTextGross {
    padding-right: 10px; }

.galleriePicCenter {
  padding: 16px; }

#galleriePic {
  padding: 15px;
  font-size: 80%;
  min-width: 500px; }

#galleriePic img {
  display: block; }

#galleriePic {
  border: 1px solid #96281b;
  background-color: #7f7f7f; }

h1 {
  font-size: 200%;
  margin-bottom: 10px; }

h2 {
  font-size: 150%;
  margin-bottom: 10px; }

h3 {
  font-size: 133.33333%;
  margin-bottom: 10px; }

h4 {
  font-size: 125%;
  margin-bottom: 10px; }

h5 {
  font-size: 120%;
  margin-bottom: 10px; }

h6 {
  font-size: 116.66667%;
  margin-bottom: 10px; }

h1 {
  text-overflow: ellipsis;
  overflow: hidden; }

hr {
  color: #323232; }

.headline,
.verzeichnis .group .groupName,
.ni-headline,
.headlineAlternative {
  padding: 7px 15px;
  font-weight: normal;
  color: #96281b;
  border-bottom: 2px solid #96281b; }
  .headline > a,
  .verzeichnis .group .groupName > a,
  .ni-headline > a,
  .headlineAlternative > a {
    display: block;
    text-decoration: none;
    color: #96281b; }
  .headline:hover a,
  .verzeichnis .group .groupName:hover a,
  .ni-headline:hover a,
  .headlineAlternative:hover a {
    color: #323232; }
  .headline.linkWholeBox,
  .verzeichnis .group .linkWholeBox.groupName,
  .ni-headline.linkWholeBox,
  .headlineAlternative.linkWholeBox {
    transition: all 0.3s ease-in-out;
    transition-property: color, background-color; }
    .headline.linkWholeBox:hover,
    .verzeichnis .group .linkWholeBox.groupName:hover,
    .ni-headline.linkWholeBox:hover,
    .headlineAlternative.linkWholeBox:hover {
      border-bottom-color: #323232; }
  .headline.sticky,
  .verzeichnis .group .sticky.groupName,
  .ni-headline.sticky,
  .headlineAlternative.sticky {
    position: -webkit-sticky;
    position: sticky;
    top: 0; }
  .headline.center,
  .verzeichnis .group .center.groupName,
  .ni-headline.center,
  .headlineAlternative.center {
    text-align: left; }

.icon {
  display: inline-block;
  vertical-align: middle; }
  .icon.triangle.next {
    width: 0;
    height: 0;
    content: '';
    z-index: 2;
    border-left: 7px solid #96281b;
    border-bottom: 7px solid transparent;
    border-top: 7px solid transparent; }
  .icon.triangle.back {
    width: 0;
    height: 0;
    content: '';
    z-index: 2;
    border-right: 7px solid #96281b;
    border-bottom: 7px solid transparent;
    border-top: 7px solid transparent; }
    .socialmedia{
      display: flex;
     }   
.socialmedia > a {
  padding: 16px 0;
  margin: 12px 0;
  display: block;
  transition: -webkit-filter 0.3s ease-in-out;
  transition: filter 0.3s ease-in-out;
  transition: filter 0.3s ease-in-out, -webkit-filter 0.3s ease-in-out;
  -webkit-filter: none;
          filter: none; }
  .socialmedia > a img {
    max-width: 48px; }
  .socialmedia > a:hover {
    -webkit-filter: grayscale(40%);
            filter: grayscale(40%); }

            .sicherheitssiegel{
              margin: 0px 160px 0px 0px;
              display: block;
              width: 140px;
            }    

img {
  border: 0;
  max-width: 100%; }
  img.left {
    margin: 0 10px 10px 0; }
  img.right {
    margin: 0 0 10px 10px; }
  img.top {
    margin: 0 0 10px 0; }
  img.bottom {
    margin: 10px 0 0 0; }
  img.isLoading {
    transition: opacity 0.3s ease-in-out; }
  img[data-src*="."] {
    opacity: 0; }

.loadBg {
  background-image: none !important; }

#impressionButton {
  position: fixed;
  top: 0;
  right: auto;
  bottom: 0;
  left: 0;
  width: 1%;
  z-index: 17; }
  #impressionButton > div {
    position: absolute;
    top: 30%;
    right: auto;
    bottom: auto;
    left: 0; }
    #impressionButton > div > div {
      position: absolute;
      top: 0;
      right: auto;
      bottom: auto;
      left: 0;
      transition: left 0.3s ease-in-out;
      background-color: #96281b;
      height: 40px;
      padding: 15px 10px 5px 10px;
      cursor: pointer;
      white-space: nowrap;
      z-index: 14;
      color: #fff;
      /*body.lang-gd & {
        color: $black;
      }*/ }
      body.lang-gh #impressionButton > div > div,
      html.lang-gh #impressionButton > div > div {
        background-color: #2574a9; }
      body.lang-gd #impressionButton > div > div,
      html.lang-gd #impressionButton > div > div {
        background-color: #bfb167; }
      body.lang-kb #impressionButton > div > div,
      html.lang-kb #impressionButton > div > div {
        background-color: #049372; }
      #impressionButton > div > div:not(:hover) {
        left: -10px;
        color: whitesmoke; }
    #impressionButton > div > div:after {
      content: "Impressionen einblenden"; }
    #impressionButton > div.selected > div:after {
      content: "Impressionen ausblenden"; }

#impressions {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 100%;
  z-index: 6;
  display: none; }
  #impressions .top {
    position: absolute;
    top: 0;
    right: 0;
    bottom: auto;
    left: 0; }
    #impressions .top > a > div {
      position: absolute;
      top: 0;
      right: auto;
      bottom: 0;
      left: 0;
      left: 50%;
      width: 300px;
      margin-left: -150px;
      background-image: url("../images/STD_logo.gif");
      background-repeat: no-repeat;
      background-color: #fff;
      border: 10px solid transparent;
      z-index: 17;
      height: 100px;
      height: 100px;
      bottom: 0; }

a.previewToggle,
#impDescription {
  position: absolute;
  top: 5px;
  right: 5px;
  bottom: auto;
  left: auto;
  background-color: #96281b;
  font-size: 80%;
  z-index: 8;
  display: inline-block;
  padding: 3px 5px;
  text-decoration: none;
  cursor: pointer;
  color: whitesmoke; }
  body.lang-gh a.previewToggle,
  html.lang-gh a.previewToggle, body.lang-gh
  #impDescription,
  html.lang-gh
  #impDescription {
    background-color: #2574a9; }
  body.lang-gd a.previewToggle,
  html.lang-gd a.previewToggle, body.lang-gd
  #impDescription,
  html.lang-gd
  #impDescription {
    background-color: #bfb167; }
  body.lang-kb a.previewToggle,
  html.lang-kb a.previewToggle, body.lang-kb
  #impDescription,
  html.lang-kb
  #impDescription {
    background-color: #049372; }
  a.previewToggle:hover,
  #impDescription:hover {
    color: #fff !important; }

#impressionThumbnails {
  position: absolute;
  top: auto;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #96281b;
  z-index: 9;
  padding: 10px;
  text-align: center; }
  body.lang-gh #impressionThumbnails,
  html.lang-gh #impressionThumbnails {
    background-color: #2574a9; }
  body.lang-gd #impressionThumbnails,
  html.lang-gd #impressionThumbnails {
    background-color: #bfb167; }
  body.lang-kb #impressionThumbnails,
  html.lang-kb #impressionThumbnails {
    background-color: #049372; }
  #impressionThumbnails div {
    position: relative;
    display: inline-block;
    overflow: hidden; }
  #impressionThumbnails ul {
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0; }
    #impressionThumbnails ul li img {
      position: relative;
      margin: 10px;
      float: left;
      cursor: pointer;
      max-height: 90px;
      border: 5px solid rgba(255, 255, 255, 0.5); }
    #impressionThumbnails ul li.selected img {
      border-color: #fff; }

.impression-next,
.impression-back {
  position: absolute;
  top: 50%;
  right: 20px;
  bottom: auto;
  left: auto;
  top: 50%;
  height: 50px;
  margin-top: -25px;
  transition: all 0.3s ease-in-out;
  transition-property: color, background-color;
  background-color: rgba(89, 89, 89, 0.24);
  border: 1px solid #fff;
  color: whitesmoke;
  width: 40px;
  cursor: pointer; }
  .impression-next:hover,
  .impression-back:hover {
    color: #fff;
    background-color: rgba(89, 89, 89, 0.5); }
  .impression-next:after,
  .impression-back:after {
    width: 0;
    height: 0;
    content: '';
    z-index: 2;
    border-left: 15px solid #fff;
    border-bottom: 15px solid transparent;
    border-top: 15px solid transparent;
    height: 0;
    border-left-width: 10px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -15px;
    margin-left: -5px; }

.impression-back {
  right: auto;
  left: 20px; }

#impressionBigBack,
#impressionBigNext {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: auto;
  transition: opacity 0.3s ease-in-out;
  -webkit-filter: drop-shadow(0 0 10px rgba(89, 89, 89, 0.24));
          filter: drop-shadow(0 0 10px rgba(89, 89, 89, 0.24));
  width: 350px;
  cursor: pointer; }
  #impressionBigBack:not(:hover),
  #impressionBigNext:not(:hover) {
    opacity: 0; }
  #impressionBigBack:after,
  #impressionBigNext:after {
    width: 0;
    height: 0;
    content: '';
    z-index: 2;
    border-left: 150px solid #fff;
    border-bottom: 150px solid transparent;
    border-top: 150px solid transparent;
    border-left-width: 100px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -150px;
    margin-left: -50px; }

#impressionBigBack {
  right: auto;
  left: 20px; }

#impDescription {
  position: absolute;
  top: 5px;
  right: auto;
  bottom: auto;
  left: 5px;
  padding: 10px;
  line-height: 25px;
  display: none; }

.kommuneaktiv {
  display: block;
  padding: 5px 5px 5px 8px;
  background-color: #fff;
  box-shadow: 0 0 2px 0 rgba(89, 89, 89, 0.12), 0 2px 2px 0 rgba(89, 89, 89, 0.24); }

#kommuneaktiv {
  background-image: url("../images/../images/kommune-aktiv250x60.gif");
  background-repeat: no-repeat;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: right center;
  background-color: #fff;
  width: 175px;
  height: 42px; }

.Innenraum {
  position: relative; }
  .Innenraum > li {
    margin-left: 20px; }

#wechselbilder {
  position: relative;
  line-height: 0; }
  #wechselbilder img {
    width: 100%;
    margin: 0 !important; }

.artControl {
  position: absolute;
  right: 0;
  z-index: 17; }
  .artControl > div > a {
    display: block;
    padding: 3px 8px;
    margin-bottom: 4px;
    border: 1px solid currentColor; }
  .artControl + h1 {
    padding-right: 35px; }

#Erdgeschoss .inner {
  display: -webkit-flex;
  display: flex;
  position: relative;
  -webkit-flex-flow: row;
          flex-flow: row;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap; }

#Wohnzimmer {
  min-width: 60%;
  max-width: 100%;
  min-height: 800px; }
  #Wohnzimmer:nth-last-of-type(3) {
    max-width: 60%;
    width: 60%; }
  #Wohnzimmer:nth-last-of-type(2) {
    max-width: 100%;
    width: 100%; }

#WohnzimmerTop {
  width: 100%;
  padding: 10px 0; }

#Arbeitszimmer {
  padding: 10px;
  width: 25%;
  min-width: 25%;
  max-width: 25%; }

#Kinderzimmer {
  padding-left: 40px;
  width: 40%;
  min-width: 40%;
  max-width: 40%; }

/*
//Grid Layout
body:not(.startseite):not(.adresse){
  @supports (display: grid){
     > #Bauwerk #Erdgeschoss .container .inner{
      display: grid;
      grid-template-columns: calc((100% - 60px) / 100 * 25) calc((100% - 60px) / 100 * 55) calc((100% - 60px) / 100 * 20);
      grid-column-gap: 30px;
      grid-template-rows: minmax(20px, auto) auto;
      grid-row-gap: 20px;
      &::after{
        grid-column: 1 / 2;
        grid-row: 1 / 2;
      }
    }

    #Arbeitszimmer{
      grid-column: 1 / 2;
      grid-row: 1 / 3;
      width: 100%;
      min-width: 100%;
      max-width: 100%;
      border: none;
    }

    #WohnzimmerTop{
      grid-column: 2 / 4;
      grid-row: 1 / 2;
      @extend %hideOnStartseite;
      position: static 0;
      width: 100%;
      box-sizing: border-box;
      padding: 10px 10px 0 0;
      &:nth-last-of-type(4){
        .breadcrumb{
          width: calc((100% - 30px) * 0.76);
        }
      }
      &:nth-last-of-type(3){
        padding-right: 30px;
      }
      @include media-0-t{
        grid-column: 1 / 4;
        padding-left: 20px;
        padding-right: 10px;
        &:nth-last-of-type(4) {
          .breadcrumb {
            width: 100%;
          }
        }
      }
    }

    #Wohnzimmer{
      min-height: 100vh;
      margin-top: 0 !important;
      min-width: 100%;
      max-width: 100%;
      //Link top - bereinigen - Kinderzimmer - Wohnzimmer => 4
      &:nth-last-of-type(3){
        max-width: 100%;
        width: 100%;
        grid-column: 2 / 3;
      }

      &:nth-last-of-type(2){
        min-width: calc(100% - 30px);
        max-width: calc(100% - 30px);
        width: calc(100% - 30px);
        padding-right: 30px;
        grid-column: 2 / 4;
      }
      .Innenraum{
        margin: 0;
      }
      @include media-0-t{
        &:nth-last-of-type(3),
        &:nth-last-of-type(2) {
          grid-column: 1 / 4;
          padding-left: 20px;
          padding-right: 20px;
          width: 100%;
          max-width: 100%;
          min-width: auto;
          box-sizing: border-box;
        }
      }
    }
    #Kinderzimmer{
      grid-column: 3 / 4;
      grid-row: 1 / 3;
      width: 100%;
      min-width: 100%;
      max-width: 100%;
      @include media-0-t{
        grid-column: 1 / 4;
        grid-row: auto;
      }
    }
    .bigArrow.linkToTopWrap{
      grid-column: 1 / 2;
      grid-row: 1 / 2;
    }
  }
}
*/

.layoutzweispaltig {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
          justify-content: space-between; }
  .layoutzweispaltig > div {
    width: calc(50% - 10px); }
  .layoutzweispaltig img {
    display: block;
    margin: 10px auto 0 auto; }

.startseite #Arbeitszimmer {
  display: none; }

.startseite #Wohnzimmer {
  min-width: 100%;
  max-width: 100%; }

.lesemodus {
  background-color: transparent !important; }
  .lesemodus.kontrast {
    background-color: #7f7f7f !important; }
  .lesemodus * {
    font-family: sans-serif; }
  .lesemodus .backstretch {
    display: none !important; }
  .lesemodus .leseModusHide {
    display: none !important; }
  .lesemodus #Bauwerk .flexmain {
    display: block; }
  .lesemodus #Erdgeschoss {
    background-color: #888888;
    margin: 0 !important;
    max-width: 100% !important; }
    .lesemodus #Erdgeschoss .container {
      z-index: 18; }
      .lesemodus #Erdgeschoss .container .inner {
        min-height: 100vh;
        float: none;
        background-color: #fff;
        color: #000;
        padding-top: 50px;
        z-index: 18;
        display: block !important; }
        .lesemodus #Erdgeschoss .container .inner > div {
          width: 100% !important;
          max-width: 100% !important; }
        .lesemodus #Erdgeschoss .container .inner .Innenraum *:not(.button) {
          color: #000 !important;
          transition: none !important; }
  .lesemodus .breadcrumb {
    margin: 0px; }
  .lesemodus #WohnzimmerTop {
    width: 100% !important;
    padding: 20px 0;
    z-index: 14; }
  .lesemodus #Kinderzimmer,
  .lesemodus #Wohnzimmer {
    width: 100% !important;
    padding: 20px 0;
    z-index: 13; }
  .lesemodus.kontrast #Erdgeschoss {
    background-color: #000; }
    .lesemodus.kontrast #Erdgeschoss .inner {
      background-color: #000;
      color: whitesmoke; }
      .lesemodus.kontrast #Erdgeschoss .inner .Innenraum * {
        color: whitesmoke !important;
        background-color: transparent !important; }
  .lesemodus #closeLeseModus,
  .lesemodus #navLM {
    display: block; }
  .lesemodus .innerNav {
    margin: auto; }
  .lesemodus #suchergebnisbereich .Innenraum {
    font-size: 120%;
    /*> *:not(h1) {
        font-size: 120% !important;
      }*/ }
    .lesemodus #suchergebnisbereich .Innenraum > h1 {
      font-size: 150%; }
  .lesemodus .hornav {
    margin: 30px 0; }

#navLM {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #7f7f7f;
  bottom: auto;
  color: whitesmoke;
  z-index: 17;
  display: none;
  line-height: 29px; }
  #navLM .innerNav {
    font-size: 80%;
    padding: 10px 0;
    background-color: transparent;
    box-shadow: none !important;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
            align-items: center;
    -webkit-flex-wrap: wrap;
            flex-wrap: wrap; }
    #navLM .innerNav > div {
      -webkit-flex: 0 0 auto;
              flex: 0 0 auto;
      padding: 0 10px;
      border-left: 1px solid rgba(255, 255, 255, 0.5);
      cursor: pointer; }
      #navLM .innerNav > div.hinweisLesemodus {
        margin: auto;
        display: none;
        border: 1px solid rgba(255, 255, 255, 0.5);
        padding: 5px 10px;
        cursor: default; }
        #navLM .innerNav > div.hinweisLesemodus,
        #navLM .innerNav > div.hinweisLesemodus a {
          color: whitesmoke; }
      #navLM .innerNav > div:nth-last-child(2) {
        margin-left: auto;
        border: none; }
        #navLM .innerNav > div:nth-last-child(2) > a {
          color: whitesmoke; }
      #navLM .innerNav > div:last-child {
        position: relative;
        cursor: pointer;
        padding-right: 0; }
      #navLM .innerNav > div:first-child {
        padding-left: 0;
        border: none; }
      #navLM .innerNav > div.fontSizeControl span:hover {
        text-decoration: underline; }
      #navLM .innerNav > div.fontSizeControl .smaller {
        font-size: 80% !important; }
      #navLM .innerNav > div.fontSizeControl .bigger {
        font-size: 120% !important;
        padding-left: 3px; }
      #navLM .innerNav > div.kontrastControl span {
        width: 27px;
        height: 27px;
        display: block;
        background: url(../images/) center no-repeat;
        background-image: url("data:image/gif;base64,R0lGODlhGwAbALMAAGZmZqampv///2tra97e3pmZmbu7u4ODg+/v77Ozs3p6etfX18zMzOXl5fb29nNzcyH5BAUUAAAALAAAAAAbABsAAAS/EMhJ56g466W7LkLhjVMjNCR1HFUgvKLKZoeAGDNtIEKOmYIAoMBANBYMkevkSQQVhJdAkkAQFK6E5xBQ8KSTxw7r00SlU0qCkAKh0xZCLDMQLt7wSYAzl9QRDgAOeBgHCAAnMQN3AoF4eRI1iC8MF3+Bg2+Fh4kVdQCMaBh7Qx5uohQDcilnYGpsI1xeqABiCGRNT61UVlgCWh1AQkRGSEovKBo1N2UqOz3KZUshFSspJUzXHSB92hgc3h0XJBEAOw==");
        background-repeat: no-repeat; }
      #navLM .innerNav > div.speechControl span {
        width: 27px;
        height: 27px;
        display: block;
        position: relative; }
        #navLM .innerNav > div.speechControl span:after, #navLM .innerNav > div.speechControl span:before {
          content: "";
          position: absolute;
          top: 0;
          right: 0;
          bottom: 0;
          left: 0;
          background-image: url("data:image/gif;base64,R0lGODlhGAAaAMQAAGZmZszMzGtra6SkpP///3x8fO/v77S0tImJieHh4b6+vnNzc/j4+JmZma2trdbW1oODg8XFxebm5pSUlAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAUUAAAALAAAAAAYABoAAAWxICGOJOkAaJqWrKmq4vu6ciyv5FETd8r8DBuM15sRh0XjDsVrEYW4JFIpZR6jgGbLuqxmr1xvz6YdoQqPiEoQEHyTgyDBDXAHFO/bIkCiPxALDAtQESMHJQKJDQkAEQ5QOYgHOgkQE3xXkX0LBgAHAwUSkIaIAAYCDg6coyKHm50KoKIECzitiA4DpgUNmK2eQK4jdA4PAAEDJTIKfSgPCxAMdEkIctMAEideCw86KtohADs=");
          background-repeat: no-repeat; }
        #navLM .innerNav > div.speechControl span:after {
          background-image: url("data:image/gif;base64,R0lGODlhGAAaAJEAAP///5mZmWZmZgAAACH5BAUUAAIALAAAAAAYABoAAAJPhI8Ywt0JlXNmTmmrfZiCzSHZB16kV5oj80WkhqbcKrPnLLSRTdcw7rvxcrldsVfb/JKqkmZ5dL6EUdCTCo1Bs7gtVYt1TYce15DLTKsFBQA7");
          background-repeat: no-repeat;
          transition: opacity 0.3s ease-in-out;
          background-color: #7f7f7f; }
        #navLM .innerNav > div.speechControl span.play:after {
          opacity: 0; }
      #navLM .innerNav > div.close {
        display: block;
        z-index: 6;
        width: 30px;
        height: 30px;
        padding-left: 40px; }
        #navLM .innerNav > div.close:before, #navLM .innerNav > div.close:after {
          content: "";
          display: block;
          height: 2px;
          border-radius: 1px;
          top: 50%;
          margin-top: -1px;
          position: absolute;
          background-color: #fff;
          left: 50%;
          width: 36px;
          margin-left: -18px; }
        #navLM .innerNav > div.close:hover:before, #navLM .innerNav > div.close:hover:after {
          height: 3px; }

a.leseModusControl {
  height: 23px;
  position: relative;
  display: inline-block;
  float: right;
  margin: 0;
  margin-left: 15px;
  white-space: nowrap;
  text-decoration: none; }
  a.leseModusControl .icon.speaker {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAXCAYAAAAP6L+eAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAYdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuM4zml1AAAAHNSURBVEhLzdRPKMNhHMfxTZwUsoWQ5E+RvykxUXKkHF1wUG5zUcoNORElB1e5u7i4SCIpycVB4iBJiyRJDlqa9+fX86zN1vzWrHzq1fr99v199+x5nt/jiWQp/6bxOxbgQwPukTRuG3/iEAPI8xA+a/CKpHHT+Amz8KuhDdct0D9Qbo0v54qkaqxR7qADOaZfNNxrgm28gjZsOVdEBfqlS+MKN7jANApMn4TwXTMeEYLqNecVOIDTuB9VqEQ16lGGhFHGhu+7oKZjWMU19HwAIRUUmtq0wnOdUIZRjD1sQoNaVIHP1KYVntMch3EHTUM3NDXtCKggbrXdhudiF28GGukJJlGbaWO7j9fgxza0Nev+asSjKME5JtCYSWNtN70QpyhFr7nugzPHRaY2rfCcdoUWT6+5zo59HKEcQRXEvQRce5FyDyvUqPEbgliHoj2s9+FYBZoT/eoQRjCFOago1/RJCN/prNDivZjPQeRjHmEV6Oaz+dRi6IxQtCeXoL/mNf2i4Z4WTyNWNqB5HoezoCpIFS2GzgG9tj+nrBW28Rl0YGn0Tn5rbPOBXfTAnsc6F2zj6HFp47axjf7mMvSWacQPSJp0G7tOlhpHIt+1oWDVsXCwdQAAAABJRU5ErkJggg==");
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto;
    background-color: #96281b;
    width: 22px;
    height: 23px;
    margin-left: 5px;
    background-color: #96281b; }
    body.lang-gh a.leseModusControl .icon.speaker,
    html.lang-gh a.leseModusControl .icon.speaker {
      background-color: #2574a9; }
    body.lang-gd a.leseModusControl .icon.speaker,
    html.lang-gd a.leseModusControl .icon.speaker {
      background-color: #bfb167; }
    body.lang-kb a.leseModusControl .icon.speaker,
    html.lang-kb a.leseModusControl .icon.speaker {
      background-color: #049372; }

#closeLeseModus {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: none; }

.hinweisSpeech {
  border-radius: 20px;
  width: auto;
  padding: 20px 40px;
  border: 2px solid #1b8996; }
  .hinweisSpeech h4 {
    margin-top: 0; }

a {
  transition: all 0.3s ease-in-out;
  transition-property: color, background-color;
  color: #323232; }
  .linkWholeBox:hover h3 a,
  h3:hover > a, a:hover {
    color: #96281b; }
    body.lang-gh .linkWholeBox:hover h3 a,
    html.lang-gh .linkWholeBox:hover h3 a, body.lang-gh
    h3:hover > a,
    html.lang-gh
    h3:hover > a, body.lang-gh a:hover,
    html.lang-gh a:hover {
      color: #2574a9; }
    body.lang-gd .linkWholeBox:hover h3 a,
    html.lang-gd .linkWholeBox:hover h3 a, body.lang-gd
    h3:hover > a,
    html.lang-gd
    h3:hover > a, body.lang-gd a:hover,
    html.lang-gd a:hover {
      color: #bfb167; }
    body.lang-kb .linkWholeBox:hover h3 a,
    html.lang-kb .linkWholeBox:hover h3 a, body.lang-kb
    h3:hover > a,
    html.lang-kb
    h3:hover > a, body.lang-kb a:hover,
    html.lang-kb a:hover {
      color: #049372; }
  a.linkExtern::before {
    content: url("data:image/gif;base64,R0lGODlhCgAKAIAAAAAAAP///yH5BAUUAAEALAAAAAAKAAoAAAIXTICJBubH2FJutgbvhXW/oynJh4GiUwAAOw==");
    margin-right: 5px; }
    #Arbeitszimmer a.linkExtern::before,
    .bild > a.linkExtern::before {
      display: none; }
  a.linkToTop {
    transition: box-shadow 0.3s ease-in-out; }
    a.linkToTop:hover {
      box-shadow: 0 0 2px 0 rgba(89, 89, 89, 0.12), 0 2px 2px 0 rgba(89, 89, 89, 0.24); }
  a.linkToTop:before {
    width: 0;
    height: 0;
    content: '';
    z-index: 2;
    border-bottom: 4px solid #96281b;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    margin-right: 5px;
    height: 0; }
    body.lang-gh a.linkToTop:before {
      border-bottom-color: #2574a9; }
    body.lang-gd a.linkToTop:before {
      border-bottom-color: #bfb167; }
    body.lang-kb a.linkToTop:before {
      border-bottom-color: #049372; }

.bigArrow a.linkToTop {
  box-shadow: 0 0 2px 0 rgba(89, 89, 89, 0.12), 0 2px 2px 0 rgba(89, 89, 89, 0.24);
  transition: all 0.3s ease-in-out;
  background: #fff;
  padding: 17.5px 15px;
  margin: 0;
  display: inline-block;
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 18;
  visibility: hidden;
  opacity: 0; }
  .bigArrow a.linkToTop::before {
    border-bottom-width: 15px;
    border-left-width: 10px;
    border-right-width: 10px;
    margin: 0;
    display: block; }

.collapsedBot tom {
  bottom: 2.5vw !important; }

#Erdgeschoss:not(.top) .linkToTop {
  opacity: 1;
  visibility: visible; }

.nachoben {
  float: right;
  margin-bottom: 20px;
  margin-top: 10px;
  opacity: 0.75;
  transition: all 0.3s ease-in-out; }
  .nachoben:hover {
    opacity: 1; }
  .nachoben + a:after {
  content: '';
  display: block;
  clear: both; }

.buchstabe {
  border: 1px solid #96281b;
  padding: 5px 7px;
  color: #96281b;
  margin-bottom: 10px;
  display: inline-block; }

.buchstabeReihe {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: flex-start;
          justify-content: flex-start;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap; }
  .buchstabeReihe > a,
  .buchstabeReihe > span {
    -webkit-flex: 0 0 auto;
            flex: 0 0 auto;
    border: 1px solid rgba(89, 89, 89, 0.24);
    text-align: center;
    text-decoration: none;
    min-width: 30px;
    margin-right: -1px; }
  .buchstabeReihe > a:hover {
    background-color: #96281b;
    color: #fff; }
  .buchstabeReihe > span {
    color: #7f7f7f; }

[class^="searchword"] {
  color: #323232; }

.searchword0 {
  background-color: #ff0;
  border: 1px dotted #ff0; }

.searchword1 {
  background-color: #0f0;
  border: 1px dotted #0f0; }

.searchword2 {
  background-color: #0ff;
  border: 1px dotted #0ff; }

.searchword3 {
  background-color: #fbb;
  border: 1px dotted #fbb; }

.searchword4 {
  background-color: #dfd;
  border: 1px dotted #dfd; }

.searchword5 {
  background-color: #ffd;
  border: 1px dotted #ffd; }

#logoBox {
  width: 100%;
  background-image: url("../images/logo.png");
  background-repeat: no-repeat;
  background-position: top center;
  background-size: auto 150px;
  background-repeat: no-repeat;
  position: relative;
  z-index: 12;
  margin-top: 20px; }
  #logoBox::before {
    content: "Verwaltungsgemeinschaft";
    position: absolute;
    top: 155px;
    right: 0;
    bottom: auto;
    left: 0;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
            align-items: center;
    -webkit-justify-content: center;
            justify-content: center;
    color: rgba(50, 50, 50, 0.5);
    pointer-events: none; }
  #logoBox::after {
    content: "Gem\00FCnden a.Main";
    position: absolute;
    top: 175px;
    right: 0;
    bottom: auto;
    left: 0;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
            align-items: center;
    -webkit-justify-content: center;
            justify-content: center;
    font-size: 130%;
    pointer-events: none; }
  body.lang-gh #logoBox {
    background-image: url("../images/Goessenheim_shadow.png"); }
    body.lang-gh #logoBox::before {
      content: "Gemeinde"; }
    body.lang-gh #logoBox::after {
      content: "G\00F6ssenheim"; }
  body.lang-gd #logoBox {
    background-image: url("../images/Graefendorf_shadow.png"); }
    body.lang-gd #logoBox::before {
      content: "Gemeinde"; }
    body.lang-gd #logoBox::after {
      content: "Gr\00E4 fendorf"; }
  body.lang-kb #logoBox {
    background-image: url("../images/Karsbach_shadow.png"); }
    body.lang-kb #logoBox::before {
      content: "Gemeinde"; }
    body.lang-kb #logoBox::after {
      content: "Karsbach"; }
  #logoBox a {
    height: 200px;
    padding-bottom: 100px;
    display: block; }
  #logoBox .white {
    visibility: hidden;
    max-width: 100%; }

#mobilefooter {
  position: fixed;
  bottom: -1px;
  padding-bottom: 1px;
  left: 0;
  right: 0;
  z-index: 17;
  display: inline-block;
  background-image: linear-gradient(to bottom, rgba(249, 79, 49, 0), rgba(5, 2, 2, 0.74));
  background-repeat: repeat-x; }
  #mobilefooter > div {
    transition: all 0.3s ease-in-out;
    max-height: 64px; }
    #mobilefooter > div ul {
      display: -webkit-flex;
      display: flex;
      -webkit-align-items: center;
              align-items: center;
      list-style: none;
      margin: 0;
      padding: 0; }
      #mobilefooter > div ul li {
        -webkit-flex: 1 1 auto;
                flex: 1 1 auto;
        -webkit-flex-basis: 0;
                flex-basis: 0; }
        #mobilefooter > div ul li a {
          display: block;
          text-align: center;
          margin-left: -1px;
          border: 1px solid rgba(0, 0, 0, 0.8);
          background: rgba(55, 55, 55, 0.85);
          font-weight: normal !important;
          text-decoration: none !important; }
          #mobilefooter > div ul li a:hover, #mobilefooter > div ul li a.selected {
            background: rgba(77, 77, 77, 0.8); }
          #mobilefooter > div ul li a .btn-inner {
            border-top: 1px solid rgba(255, 255, 255, 0.3);
            padding: 38px 3px 10px 3px;
            text-align: center;
            display: block;
            position: relative;
            overflow: hidden;
            white-space: nowrap; }
            #mobilefooter > div ul li a .btn-inner .btn-text {
              position: relative;
              text-shadow: 0 1px 0 black;
              color: white;
              font-weight: normal; }
            #mobilefooter > div ul li a .btn-inner .ui-icon {
              position: absolute;
              left: 50%;
              top: 5px;
              width: 24px !important;
              height: 24px !important;
              margin-left: -12px !important;
              box-shadow: none !important; }
          #mobilefooter > div ul li a:active .btn-inner {
            border-top: 1px solid rgba(255, 255, 255, 0.6); }

#mobilefooter_twg {
  display: inline;
  font-size: 80%; }

#vnavcenter.vereinsnachrichten .bild {
  min-width: 200px; }

#vnavcenter .navItem .ni_image:not(.ni_image-break) {
  text-align: right; }

#wenigerArtikel {
  font-size: 80%;
  padding-bottom: 10px;
  border-bottom: 1px solid #7f7f7f; }
  #wenigerArtikel a {
    float: left;
    text-decoration: none; }
    #wenigerArtikel a .icon {
      margin-right: 5px; }
  #wenigerArtikel span {
    float: right;
    margin-left: 0; }

#weitereArtikel {
  border-top: 1px solid #7f7f7f;
  padding-top: 10px; }
  #weitereArtikel a {
    font-size: 80%;
    float: right;
    text-decoration: none; }
    #weitereArtikel a .icon {
      margin-left: 5px; }

.twoCols {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-align-items: stretch;
          align-items: stretch;
  padding-left: 1px; }
  .twoCols .navItem {
    -webkit-flex: 1 1 auto;
            flex: 1 1 auto;
    width: 50%; }
    .twoCols .navItem:nth-child(2):not(:hover) {
      border-top-color: transparent; }
    .twoCols .navItem.ni-headline {
      width: 100%; }

#nav_mobile {
  display: block;
  transition: height 0.3s ease-in-out;
  overflow-x: hidden;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  position: fixed !important;
  z-index: 19 !important;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  background-color: transparent;
  color: whitesmoke;
  pointer-events: none;
  overflow: hidden; }
  #nav_mobile > ul {
    text-align: right;
    padding: 10px 5% !important;
    background-color: #96281b;
    position: relative;
    pointer-events: all;
    margin: 0; }
    body.lang-gh #nav_mobile > ul,
    html.lang-gh #nav_mobile > ul {
      background-color: #2574a9; }
    body.lang-gd #nav_mobile > ul,
    html.lang-gd #nav_mobile > ul {
      background-color: #bfb167; }
    body.lang-kb #nav_mobile > ul,
    html.lang-kb #nav_mobile > ul {
      background-color: #049372; }
    #nav_mobile > ul:first-of-type {
      z-index: 13; }
    #nav_mobile > ul > li {
      position: relative;
      display: inline-block; }
      #nav_mobile > ul > li.burger {
        height: 22px; }
        #nav_mobile > ul > li.burger > input {
          position: absolute;
          top: 0;
          right: 0;
          bottom: 0;
          left: 0;
          margin: 0;
          padding: 0;
          border: 0;
          width: 100%;
          height: 100%;
          z-index: 14;
          -webkit-touch-callout: none;
          opacity: 0; }
          #nav_mobile > ul > li.burger > input:checked ~ span:first-of-type {
            -webkit-transform: rotate(45deg);
                    transform: rotate(45deg);
            margin-top: 9px; }
          #nav_mobile > ul > li.burger > input:checked ~ span:nth-of-type(2) {
            opacity: 0;
            -webkit-transform: scale(0.2);
                    transform: scale(0.2); }
          #nav_mobile > ul > li.burger > input:checked ~ span:last-of-type {
            -webkit-transform: rotate(-45deg);
                    transform: rotate(-45deg);
            margin-top: -18px; }
        #nav_mobile > ul > li.burger > span {
          z-index: 6;
          position: relative;
          border-radius: 2px;
          width: 32px;
          height: 4px;
          background-color: #fff;
          display: block;
          margin-bottom: 5px;
          transition: all 0.3s ease-in-out;
          transition-property: opacity, margin, -webkit-transform;
          transition-property: opacity, transform, margin;
          transition-property: opacity, transform, margin, -webkit-transform; }
          #nav_mobile > ul > li.burger > span:last-of-type {
            margin-bottom: 0; }
  #nav_mobile > .navi {
    transition: all 0.3s ease-in-out;
    padding: 0;
    position: absolute;
    top: 42px;
    right: 0;
    bottom: 0;
    left: 0;
    overflow-x: hidden; }
  body:not(.navMobileVisible) #nav_mobile > .navi {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
    overflow: hidden; }
  .navMobileVisible #nav_mobile {
    height: 100%; }

.subNavigation {
  transition: none;
  display: none; }
  .subNavigation ul {
    padding: 10px;
    box-shadow: inset 0 8px 8px -8px rgba(89, 89, 89, 0.24);
    margin: 0;
    list-style: none; }
    .subNavigation ul li.selected {
      color: #96281b;
      background-color: #96281b; }
      body.lang-gh .subNavigation ul li.selected,
      html.lang-gh .subNavigation ul li.selected {
        background-color: #2574a9; }
      body.lang-gd .subNavigation ul li.selected,
      html.lang-gd .subNavigation ul li.selected {
        background-color: #bfb167; }
      body.lang-kb .subNavigation ul li.selected,
      html.lang-kb .subNavigation ul li.selected {
        background-color: #049372; }
      .subNavigation ul li.selected > div > a {
        background-color: #fff;
        color: #96281b; }
    .subNavigation ul li > .mainItem > span {
      margin-top: -13px;
      height: 25px;
      width: 25px;
      top: 50%;
      margin-right: 5px; }
      .subNavigation ul li > .mainItem > span:before {
        margin: 10px 7px; }
    .subNavigation ul li.selected > .mainItem > span {
      background-color: #96281b; }
      body.lang-gh .subNavigation ul li.selected > .mainItem > span,
      html.lang-gh .subNavigation ul li.selected > .mainItem > span {
        background-color: #2574a9; }
      body.lang-gd .subNavigation ul li.selected > .mainItem > span,
      html.lang-gd .subNavigation ul li.selected > .mainItem > span {
        background-color: #bfb167; }
      body.lang-kb .subNavigation ul li.selected > .mainItem > span,
      html.lang-kb .subNavigation ul li.selected > .mainItem > span {
        background-color: #049372; }
      .subNavigation ul li.selected > .mainItem > span::before {
        -webkit-transform: scaleY(-1);
                transform: scaleY(-1);
        border-color: #fff;
        border-top-width: 4px;
        border-bottom-width: 4px;
        margin: 10px 7px; }
  .subNavigation a {
    padding: 10px; }

.navMobileVisible #mobilefooter > div {
  opacity: 0;
  max-height: 0; }

.navMobileVisible #nav_mobile {
  box-shadow: none; }

.navMobileVisible #logoMobile,
.navMobileVisible .top #logoMobile {
  opacity: 1; }

#nav_mobile #logoMobile {
  background-image: url("../images/nav_mobile.png");
  background-position: left center;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: 2px;
  left: 5%;
  right: auto;
  height: 38px;
  width: calc(90% - 50px);
  z-index: 14;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
          align-items: center; }
  #nav_mobile #logoMobile::after {
    padding-left: 60px;
    content: "Verwaltungsgemeinschaft"; }
  body.lang-gh #nav_mobile #logoMobile {
    background-image: url("../images/GH-klein.png"); }
    body.lang-gh #nav_mobile #logoMobile::after {
      content: "G\00F6ssenheim"; }
  body.lang-gd #nav_mobile #logoMobile {
    background-image: url("../images/GD-klein.png"); }
    body.lang-gd #nav_mobile #logoMobile::after {
      content: "Gr\00E4 fendorf"; }
  body.lang-kb #nav_mobile #logoMobile {
    background-image: url("../images/KB-klein.png"); }
    body.lang-kb #nav_mobile #logoMobile::after {
      content: "Karsbach"; }

.top #logoMobile {
  opacity: 0; }

.nav, #nav_mobile {
  width: 100%; }
  .nav ul, #nav_mobile ul {
    margin: 0;
    padding: 0;
    list-style: none; }
  .nav a, #nav_mobile a {
    text-decoration: none;
    padding: 10px;
    display: block; }
  .nav .pic, #nav_mobile .pic {
    display: none; }

.nav_li {
  cursor: pointer;
  border-color: #96281b;
  transition: all 0.3s ease-in-out;
  position: relative; }
  .nav_li.selected, .nav_li:hover {
    background-color: #96281b; }
    .nav_li.selected a, .nav_li:hover a {
      color: #fff; }
  .nav_li:hover > .nav_layer {
    visibility: visible;
    opacity: 1; }
    .nav_li:hover > .nav_layer .nav_layer {
      display: none; }

.nav_layer {
  background-color: transparent;
  visibility: hidden;
  opacity: 0;
  position: absolute;
  transition: all 0.3s ease-in-out;
  min-width: 100%;
  z-index: 1; }

.nav_layer_li {
  background-color: rgba(150, 40, 27, 0.9);
  cursor: pointer;
  transition: all 0.3s ease-in-out;
  text-align: left;
  white-space: nowrap; }
  .nav_layer_li:hover > a,
  .nav_layer_li:hover > .mainItem > a,
  .nav_layer_li.selected > a,
  .nav_layer_li.selected > .mainItem > a {
    background-color: #6a4b47;
    color: #fff; }

.nav-mt > ul {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: stretch;
          align-items: stretch;
  background-color: #96281b; }

.nav-mt a {
  color: whitesmoke;
  padding: 15px; }

.nav-mt .nav_li {
  -webkit-flex: 1 1 0%;
          flex: 1 1 0%;
  text-align: center; }
  .nav-mt .nav_li:hover, .nav-mt .nav_li.selected {
    background-color: #6a4b47; }
  .nav-mt .nav_li:nth-last-child(-n + 2) > .nav_layer {
    left: auto;
    right: -1px; }

.nav-mt .nav_layer {
  min-width: calc(200% + 2px); }
  .nav-mt .nav_layer .nav_layer {
    display: none;
    min-width: 100%;
    background-color: transparent;
    position: relative; }
    .nav-mt .nav_layer .nav_layer .nav_layer_li {
      background-color: transparent; }

.nav-main .nav_li > a {
  padding-left: 20px;
  background-image: linear-gradient(to left, #fafafa 50%, #96281b 50% 100%);
  background-size: 200% 100%;
  background-position: right center;
  transition: all 0.15s ease-in-out; }
  body.lang-gh .nav-main .nav_li > a {
    background-image: linear-gradient(to left, #fafafa 50%, #2574a9 50% 100%); }
  body.lang-gd .nav-main .nav_li > a {
    background-image: linear-gradient(to left, #fafafa 50%, #bfb167 50% 100%); }
  body.lang-kb .nav-main .nav_li > a {
    background-image: linear-gradient(to left, #fafafa 50%, #049372 50% 100%); }

.nav-main .nav_li:hover, .nav-main .nav_li.selected {
  background-color: #96281b; }
  body.lang-gh .nav-main .nav_li:hover,
  html.lang-gh .nav-main .nav_li:hover, body.lang-gh .nav-main .nav_li.selected,
  html.lang-gh .nav-main .nav_li.selected {
    background-color: #2574a9; }
  body.lang-gd .nav-main .nav_li:hover,
  html.lang-gd .nav-main .nav_li:hover, body.lang-gd .nav-main .nav_li.selected,
  html.lang-gd .nav-main .nav_li.selected {
    background-color: #bfb167; }
  body.lang-kb .nav-main .nav_li:hover,
  html.lang-kb .nav-main .nav_li:hover, body.lang-kb .nav-main .nav_li.selected,
  html.lang-kb .nav-main .nav_li.selected {
    background-color: #049372; }
  .nav-main .nav_li:hover > a, .nav-main .nav_li.selected > a {
    background-position: left center;
    color: #fff;
    /*body.lang-gd & {
          color: $black;
        }*/ }

.nav-main .nav_li.selected > a {
  text-decoration: underline; }

.nav-main .nav_li:not(:last-child) {
  border-bottom: 1px solid rgba(89, 89, 89, 0.24); }

.nav-main .nav_layer_li-leer {
  display: none; }

.nav-main .nav_layer:not(.nav_layer-left) {
  left: 100%;
  top: 0;
  padding-left: 10px; }
  .nav-main .nav_layer:not(.nav_layer-left) > ul {
    background-color: #fafafa;
    box-shadow: 0 0 8px 0 rgba(89, 89, 89, 0.12), 0 8px 8px 0 rgba(89, 89, 89, 0.24); }
  .nav-main .nav_layer:not(.nav_layer-left) .nav_layer_li {
    background-color: transparent; }
    .nav-main .nav_layer:not(.nav_layer-left) .nav_layer_li a {
      color: #323232;
      transition: none;
      background-position: right center;
      background-image: linear-gradient(to left, #fafafa 50%, rgba(150, 40, 27, 0.3) 50% 100%);
      background-size: 200% 100%;
      transition: all 0.15s ease-in-out; }
      body.lang-gh .nav-main .nav_layer:not(.nav_layer-left) .nav_layer_li a {
        background-image: linear-gradient(to left, #fafafa 50%, rgba(37, 116, 169, 0.3) 50% 100%); }
      body.lang-gd .nav-main .nav_layer:not(.nav_layer-left) .nav_layer_li a {
        background-image: linear-gradient(to left, #fafafa 50%, rgba(191, 177, 103, 0.3) 50% 100%); }
      body.lang-kb .nav-main .nav_layer:not(.nav_layer-left) .nav_layer_li a {
        background-image: linear-gradient(to left, #fafafa 50%, rgba(4, 147, 114, 0.3) 50% 100%); }
    .nav-main .nav_layer:not(.nav_layer-left) .nav_layer_li:hover > a {
      color: #000;
      background-position: left center;
      background-color: transparent; }

.nav-main .nav_layer-left {
  position: static;
  visibility: visible;
  opacity: 1; }
  .nav-main .nav_layer-left > ul {
    margin: 0;
    padding: 10px 0; }
    .nav-main .nav_layer-left > ul .nav_layer_li {
      white-space: normal;
      background-color: transparent;
      background-position: right center;
      transition: all 0.15s ease-in-out;
      background-image: linear-gradient(to left, rgba(150, 40, 27, 0.3) 50%, #fafafa 50% 100%);
      background-size: 200% 100%; }
      body.lang-gh .nav-main .nav_layer-left > ul .nav_layer_li {
        background-image: linear-gradient(to left, rgba(37, 116, 169, 0.3) 50%, #fafafa 50% 100%); }
      body.lang-gd .nav-main .nav_layer-left > ul .nav_layer_li {
        background-image: linear-gradient(to left, rgba(191, 177, 103, 0.3) 50%, #fafafa 50% 100%); }
      body.lang-kb .nav-main .nav_layer-left > ul .nav_layer_li {
        background-image: linear-gradient(to left, rgba(4, 147, 114, 0.3) 50%, #fafafa 50% 100%); }
      .nav-main .nav_layer-left > ul .nav_layer_li a {
        color: whitesmoke;
        /*body.lang-gd & {
            color: $f-color;
          }*/
        padding: 7px 10px 7px 30px; }
      .nav-main .nav_layer-left > ul .nav_layer_li:hover, .nav-main .nav_layer-left > ul .nav_layer_li.selected {
        background-position: left center; }
        .nav-main .nav_layer-left > ul .nav_layer_li:hover a, .nav-main .nav_layer-left > ul .nav_layer_li.selected a {
          background-color: transparent;
          color: #000; }

.nav-h {
  width: auto;
  background-color: #fafafa;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  padding: 10px 30px; }
  .nav-h > ul {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: stretch;
            align-items: stretch; }
  .nav-h li {
    padding: 0 8px; }
  .nav-h a {
    color: #323232;
    font-size: 80%;
    padding: 1px 2px; }
    .nav-h a::after {
      content: ""; }
  .nav-h .nav_layer {
    display: none; }
  .nav-h .nav_li a {
    position: relative;
    text-decoration: none; }
    .nav-h .nav_li a:after {
      position: absolute;
      content: '';
      height: 1px;
      top: 100%;
      right: 50%;
      left: 50%;
      opacity: 0;
      background-color: currentColor; }
    .nav-h .nav_li a:hover:after {
      left: 0;
      right: 0;
      opacity: 1; }
  .nav-h .nav_li:hover, .nav-h .nav_li.selected {
    background-color: transparent; }
    .nav-h .nav_li:hover a, .nav-h .nav_li.selected a {
      color: #000; }
  .nav-h .nachobengeschoben {
    position: absolute;
    top: -500px;
    left: -500px; }

.nav-bot {
  width: auto;
  padding: 10px 10px; }
  .nav-bot > ul {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: stretch;
            align-items: stretch; }
  .nav-bot li {
    padding: 0 8px; }
  .nav-bot a {
    color: #323232;
    font-size: 80%;
    padding: 1px 2px; }
    .nav-bot a::after {
      content: ""; }
  .nav-bot .nav_layer {
    display: none; }
  .nav-bot .nav_li a {
    position: relative;
    text-decoration: none; }
    .nav-bot .nav_li a:after {
      position: absolute;
      content: '';
      height: 1px;
      top: 100%;
      right: 50%;
      left: 50%;
      opacity: 0;
      background-color: currentColor; }
    .nav-bot .nav_li a:hover:after {
      left: 0;
      right: 0;
      opacity: 1; }
  .nav-bot .nav_li:hover, .nav-bot .nav_li.selected {
    background-color: transparent; }
    .nav-bot .nav_li:hover a, .nav-bot .nav_li.selected a {
      color: #000; }

.nav-ow {
  background-color: #96281b;
  text-align: right;
  float: right; }
  body.lang-gh .nav-ow,
  html.lang-gh .nav-ow {
    background-color: #2574a9; }
  body.lang-gd .nav-ow,
  html.lang-gd .nav-ow {
    background-color: #bfb167; }
  body.lang-kb .nav-ow,
  html.lang-kb .nav-ow {
    background-color: #049372; }
  .nav-ow a {
    font-size: 80%;
    color: whitesmoke; }
  .nav-ow .nav_li {
    display: inline-block;
    border-color: #fff; }
    .nav-ow .nav_li:not(:last-child) {
      border-right-width: 1px;
      border-right-style: solid; }
    .nav-ow .nav_li:hover, .nav-ow .nav_li.selected {
      background-color: rgba(250, 250, 250, 0.3); }
      .nav-ow .nav_li:hover > a, .nav-ow .nav_li.selected > a {
        color: #fff; }

#nav_mobile a {
  color: whitesmoke;
  padding-right: calc(5vw + 35px);
  padding-left: 5vw;
  white-space: normal;
  padding-top: 15px;
  padding-bottom: 15px; }

#nav_mobile .navi {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: column;
          flex-flow: column;
  padding: 20px 0 !important; }

#nav_mobile .nav_li {
  text-align: left; }
  #nav_mobile .nav_li:hover > div > a,
  #nav_mobile .nav_li.selected > div > a {
    background-color: #96281b;
    text-decoration: underline; }
    body.lang-gh #nav_mobile .nav_li:hover > div > a,
    html.lang-gh #nav_mobile .nav_li:hover > div > a, body.lang-gh
    #nav_mobile .nav_li.selected > div > a,
    html.lang-gh
    #nav_mobile .nav_li.selected > div > a {
      background-color: #2574a9; }
    body.lang-gd #nav_mobile .nav_li:hover > div > a,
    html.lang-gd #nav_mobile .nav_li:hover > div > a, body.lang-gd
    #nav_mobile .nav_li.selected > div > a,
    html.lang-gd
    #nav_mobile .nav_li.selected > div > a {
      background-color: #bfb167; }
    body.lang-kb #nav_mobile .nav_li:hover > div > a,
    html.lang-kb #nav_mobile .nav_li:hover > div > a, body.lang-kb
    #nav_mobile .nav_li.selected > div > a,
    html.lang-kb
    #nav_mobile .nav_li.selected > div > a {
      background-color: #049372; }
  #nav_mobile .nav_li:hover, #nav_mobile .nav_li.selected {
    background-color: #96281b; }
    body.lang-gh #nav_mobile .nav_li:hover,
    html.lang-gh #nav_mobile .nav_li:hover, body.lang-gh #nav_mobile .nav_li.selected,
    html.lang-gh #nav_mobile .nav_li.selected {
      background-color: #2574a9; }
    body.lang-gd #nav_mobile .nav_li:hover,
    html.lang-gd #nav_mobile .nav_li:hover, body.lang-gd #nav_mobile .nav_li.selected,
    html.lang-gd #nav_mobile .nav_li.selected {
      background-color: #bfb167; }
    body.lang-kb #nav_mobile .nav_li:hover,
    html.lang-kb #nav_mobile .nav_li:hover, body.lang-kb #nav_mobile .nav_li.selected,
    html.lang-kb #nav_mobile .nav_li.selected {
      background-color: #049372; }
  #nav_mobile .nav_li .mainItem {
    position: relative; }
  #nav_mobile .nav_li span {
    position: absolute;
    top: 50%;
    margin-top: -15px;
    height: 30px;
    width: 30px;
    display: block;
    right: 5vw;
    margin-right: 2px;
    border-radius: 50%;
    background-color: #fff;
    transition: all 0.3s ease-in-out; }
    #nav_mobile .nav_li span::before {
      float: right;
      margin: 13px 10px;
      width: 0;
      height: 0;
      content: '';
      z-index: 2;
      border-top: 5px solid #6a4b47;
      border-left: 5px solid transparent;
      border-right: 5px solid transparent;
      transition: all 0.3s ease-in-out; }

#nav_mobile .nav_layer {
  position: static;
  padding: 0 5vw;
  opacity: 1;
  height: auto;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease-in-out;
  transition-property: max-height, padding;
  background-color: transparent; }
  #nav_mobile .nav_layer > ul {
    background-color: #96281b; }
    body.lang-gh #nav_mobile .nav_layer > ul,
    html.lang-gh #nav_mobile .nav_layer > ul {
      background-color: #2574a9; }
    body.lang-gd #nav_mobile .nav_layer > ul,
    html.lang-gd #nav_mobile .nav_layer > ul {
      background-color: #bfb167; }
    body.lang-kb #nav_mobile .nav_layer > ul,
    html.lang-kb #nav_mobile .nav_layer > ul {
      background-color: #049372; }

#nav_mobile .nav_layer_li {
  border-left: 1px solid #fafafa;
  background-color: transparent; }
  #nav_mobile .nav_layer_li span {
    right: calc(5vw - 10px); }
  #nav_mobile .nav_layer_li > a {
    padding-right: 5vw;
    color: whitesmoke; }
  #nav_mobile .nav_layer_li:hover, #nav_mobile .nav_layer_li.selected {
    background-color: #fafafa; }
    #nav_mobile .nav_layer_li:hover > a, #nav_mobile .nav_layer_li.selected > a {
      background-color: transparent;
      text-decoration: underline;
      color: #96281b; }
      body.lang-gh #nav_mobile .nav_layer_li:hover > a,
      html.lang-gh #nav_mobile .nav_layer_li:hover > a, body.lang-gh #nav_mobile .nav_layer_li.selected > a,
      html.lang-gh #nav_mobile .nav_layer_li.selected > a {
        color: #2574a9; }
      body.lang-gd #nav_mobile .nav_layer_li:hover > a,
      html.lang-gd #nav_mobile .nav_layer_li:hover > a, body.lang-gd #nav_mobile .nav_layer_li.selected > a,
      html.lang-gd #nav_mobile .nav_layer_li.selected > a {
        color: #bfb167; }
      body.lang-kb #nav_mobile .nav_layer_li:hover > a,
      html.lang-kb #nav_mobile .nav_layer_li:hover > a, body.lang-kb #nav_mobile .nav_layer_li.selected > a,
      html.lang-kb #nav_mobile .nav_layer_li.selected > a {
        color: #049372; }

#nav_mobile .selected > .nav_layer {
  max-height: 200vh;
  visibility: visible; }

#nav_mobile .pic {
  display: none; }

#nav_mobile .selected > .mainItem > span {
  background-color: rgba(250, 250, 250, 0.7); }
  #nav_mobile .selected > .mainItem > span::before {
    -webkit-transform: rotate(360deg) scaleY(-1);
            transform: rotate(360deg) scaleY(-1);
    border-top-color: #323232; }

.nav-mobileSS {
  margin-bottom: 20px;
  margin-top: 10px;
  border-left: 3px solid #96281b; }

.vg-toggle {
  width: 100%;
  margin-top: 40px;
  position: relative;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
          align-items: center;
  border-top: 1px solid rgba(89, 89, 89, 0.24);
  border-bottom: 1px solid rgba(89, 89, 89, 0.24);
  padding: 10px 20px; }
  .vg-toggle > img {
    height: 50px; }
  .vg-toggle > span {
    margin-left: 20px;
    font-size: 125%; }
  .vg-toggle > img,
  .vg-toggle > span {
    opacity: 0.5;
    -webkit-filter: grayscale(1);
            filter: grayscale(1);
    transition: all 0.3s ease-in-out; }
  .vg-toggle:hover > img,
  .vg-toggle:hover > span {
    opacity: 1;
    -webkit-filter: grayscale(0);
            filter: grayscale(0); }

.nav-vg {
  position: absolute;
  top: 50%;
  right: auto;
  bottom: auto;
  left: 100%;
  background-color: #fafafa;
  margin-left: calc(-1 * (100% - 16px));
  margin-top: -101px;
  transition: all 0.3s ease-in-out;
  z-index: -1;
  box-shadow: none;
  opacity: 0.8;
  padding-right: 16px; }
  .nav-vg::before {
    position: absolute;
    top: 50%;
    right: 2px;
    bottom: auto;
    left: auto;
    content: "";
    border-left: 12px solid #323232;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    height: 0;
    width: 0;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%); }
  .nav-vg ul {
    position: relative;
    visibility: hidden;
    opacity: 0;
    transition: all 0.3s ease-in-out; }
  .vg-toggle:hover .nav-vg {
    margin-left: 0;
    width: auto !important;
    opacity: 0.9;
    box-shadow: 0 0 8px 0 rgba(89, 89, 89, 0.12), 0 8px 8px 0 rgba(89, 89, 89, 0.24);
    padding-right: 0; }
    .vg-toggle:hover .nav-vg::before {
      display: none; }
    .vg-toggle:hover .nav-vg ul {
      visibility: visible;
      opacity: 1;
      transition: none; }
  .nav-vg li:not(:last-child) {
    border-bottom: 1px solid rgba(89, 89, 89, 0.24); }
  .nav-vg a {
    white-space: nowrap;
    display: -webkit-flex;
    display: flex;
    min-height: 50px;
    position: relative;
    -webkit-align-items: center;
            align-items: center;
    cursor: pointer; }
    .nav-vg a img {
      height: 30px;
      width: 60px;
      object-fit: contain;
      position: absolute;
      top: 10px;
      right: auto;
      bottom: auto;
      left: 10px;
      pointer-events: none; }
    .nav-vg a span {
      padding-left: 70px; }
  .nav-vg li:not(:first-child) a img {
    left: 40px;
    width: 30px; }

.navItem {
  padding: 15px;
  page-break-inside: avoid;
  border: 0;
  margin-bottom: 15px; }
  .navItem .itemWrap:after {
  content: '';
  display: block;
  clear: both; }
    .navItem .itemWrap .top {
      text-align: right;
      color: #7f7f7f;
      font-size: 80%; }
    .navItem .itemWrap .ni_image {
      float: left;
      max-width: 100%; }
      .navItem .itemWrap .ni_image a.linkExtern:before {
        display: none; }
      .smallThumbs .navItem .itemWrap .ni_image img {
        max-width: 150px; }
      .bildTop .navItem .itemWrap .ni_image {
        width: 100% !important; }
        .bildTop .navItem .itemWrap .ni_image img {
          margin: 0 !important; }
    .navItem .itemWrap .ni_image:not(.ni_image-break) {
      margin-right: 10px; }
    .navItem .itemWrap .ni_image-break {
      float: none; }
    .navItem .itemWrap .ni_text:before {
      content: '\A';
      min-width: 150px;
      display: table;
      font-size: 0;
      line-height: 0;
      white-space: pre; }
    .navItem .itemWrap .ni_text h3,
    .navItem .itemWrap .ni_text h3 a,
    .navItem .itemWrap .ni_text h3 a:link {
      text-decoration: none;
      font-weight: normal;
      -webkit-hyphens: auto;
          -ms-hyphens: auto;
              hyphens: auto;
      overflow: hidden;
      text-overflow: ellipsis; }
    .navItem .itemWrap .ni_text.ni_text-onlyTitle h3 {
      margin-bottom: 0; }
    .navItem .itemWrap .ni_bottom {
      font-size: 80%;
      text-align: right;
      padding-bottom: 10px; }
      .navItem .itemWrap .ni_bottom a {
        display: inline-block;
        margin-left: 10px; }
  .navItem.linkWholeBox {
    background-color: #fff;
    box-shadow: 0 0 2px 0 rgba(89, 89, 89, 0.12), 0 2px 2px 0 rgba(89, 89, 89, 0.24);
    transition: all 0.3s ease-in-out; }
  .navItem.linkWholeBox:hover {
    box-shadow: 0 0 8px 0 rgba(89, 89, 89, 0.12), 0 8px 8px 0 rgba(89, 89, 89, 0.24); }

.adresse #Obergeschoss {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  overflow: visible;
  padding: 0 0 10px 0; }
  .adresse #Obergeschoss .container {
    min-height: 0;
    background-color: #fff; }

.adresse #logoBox {
  min-height: 60px !important;
  margin: 10px !important;
  background-size: contain !important;
  background-position: left center !important; }
  .adresse #logoBox::before, .adresse #logoBox::after {
    left: 100px !important;
    right: auto !important; }
  .adresse #logoBox::before {
    top: 10px !important; }
  .adresse #logoBox::after {
    top: 35px !important; }

.adresse.verzeichnis #logoBox::before, .adresse.verzeichnis #logoBox::after {
  content: none !important; }

.adresse #logoBoxWrap {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
          align-items: center;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  padding: 10px 10px 0; }
  .adresse #logoBoxWrap > div {
    -webkit-flex: 0 0 auto;
            flex: 0 0 auto;
    margin-bottom: 10px; }
    .adresse #logoBoxWrap > div.headlineOW h1 {
      margin: 0; }

.adresse #logoBox.eintraglogo {
  margin-right: 10px; }

.adresse #Bauwerk {
  padding: 0; }

.adresse #Erdgeschoss {
  padding-bottom: 10px; }

.layer {
  background-color: #fff;
  position: fixed;
  width: 80vw;
  max-width: 900px;
  max-height: 70vh;
  overflow-x: visible;
  overflow-y: auto;
  z-index: 19;
  margin: auto;
  left: 10vw;
  right: 10vw;
  top: 15vh;
  bottom: 15vh; }
  .layer #Bauwerk {
    min-height: 70vh; }
    .layer #Bauwerk .container {
      box-shadow: none;
      border: 0 !important;
      margin: 0 auto;
      max-width: 100%; }
  .layer #Erdgeschoss {
    padding-bottom: 0; }

.abdunkler {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: "";
  background-color: rgba(89, 89, 89, 0.24);
  z-index: 13; }

.adresse h3 {
  margin-bottom: 0; }

.adresse .bezeichnung {
  float: left;
  width: 24%;
  text-align: right; }

.adresse .bezeichnung img {
  max-width: 100%;
  float: right;
  margin-right: 10px; }

.adresse .inhalt {
  float: left;
  width: 76%; }

.adresse .adressbild {
  float: right;
  margin-top: 20px;
  margin-right: 20px; }

.adresse .adressdaten {
  float: left;
  width: 66%; }

.adresse .Innenraum {
  padding-top: 10px;
  padding-bottom: 10px;
  min-height: 420px; }

.adresse .owneradressHori {
  display: block;
  font-size: 80%; }

.adresse .seitedrucken {
  position: absolute;
  top: 38px;
  right: 11px; }

.adresse .container.miteintraglogo .seitedrucken {
  top: 88px; }

.adresse #suchergebnisbereich {
  width: 100%; }

.closeAdressLayer {
  position: absolute;
  top: 0;
  right: 0;
  padding: 0 18px 3px;
  font-weight: bold;
  z-index: 17;
  text-decoration: none;
  background-color: #1b8996;
  color: #fff;
  cursor: pointer; }
  .closeAdressLayer:not(:hover) {
    opacity: 0.8;
    color: whitesmoke; }

.adresse {
  background-color: #fafafa;
  /*.inner{
    padding: 10px;
  }*/ }
  .adresse #Erdgeschoss .container,
  .adresse #Obergeschoss .container {
    margin: 0;
    width: 100%;
    box-shadow: none !important; }
  .adresse #Erdgeschoss .inner {
    width: 90%;
    margin-left: auto;
    margin-right: auto; }
  .adresse #logoBox {
    float: none; }
  .adresse #nav-ow ul {
    text-align: right;
    list-style: none;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: end;
            justify-content: end; }
  .adresse form {
    margin-left: auto;
    margin-right: auto; }
  .adresse .nav-h {
    float: none; }
    .adresse .nav-h a {
      color: #323232; }
    .adresse .nav-h ul {
      -webkit-justify-content: center;
              justify-content: center; }

.pagejumper {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
          justify-content: center; }
  .pagejumper > div {
    transition: all 0.3s ease-in-out;
    transition-property: color, background-color;
    display: inline-block;
    border: 1px solid rgba(89, 89, 89, 0.24); }
    .pagejumper > div:hover {
      background-color: rgba(89, 89, 89, 0.24); }
    .pagejumper > div.page {
      border-left-width: 0; }
    .pagejumper > div.pfeil {
      margin: 0 10px; }
      .pagejumper > div.pfeil + div {
        border-left-width: 1px; }
    .pagejumper > div.disabled {
      opacity: 0.8;
      pointer-events: none; }
    .pagejumper > div.active {
      background-color: #96281b;
      border-left-width: 1px;
      margin-left: -1px; }
      .pagejumper > div.active > a {
        color: whitesmoke; }
    .pagejumper > div > a {
      padding: 8px 16px;
      min-height: 25px;
      line-height: 25px;
      text-decoration: none;
      display: -webkit-flex;
      display: flex;
      -webkit-justify-content: center;
              justify-content: center;
      -webkit-align-items: center;
              align-items: center; }
      .pagejumper > div > a > div {
        margin-top: 6px; }

.print-only {
  display: none; }

#qnavButton {
  position: fixed;
  height: 100%;
  right: 0;
  width: 1%;
  z-index: 14; }
  #qnavButton > div {
    position: absolute;
    top: 45%;
    right: 0;
    z-index: 14; }
    #qnavButton > div > div {
      transition: right 0.3s ease-in-out;
      position: absolute;
      top: -140px;
      right: 0;
      bottom: auto;
      left: auto;
      height: 150px;
      width: 180px;
      cursor: pointer;
      z-index: 14;
      min-width: 60px; }
      #qnavButton > div > div:not(:hover) {
        right: -150px; }
      #qnavButton > div > div .title {
        background-color: #96281b;
        width: 150px;
        height: 30px;
        padding: 5px 10px 5px 10px;
        text-align: center;
        color: whitesmoke;
        /*body.lang-gd & {
          color: $f-color;
        }*/ }
        body.lang-gh #qnavButton > div > div .title,
        html.lang-gh #qnavButton > div > div .title {
          background-color: #2574a9; }
        body.lang-gd #qnavButton > div > div .title,
        html.lang-gd #qnavButton > div > div .title {
          background-color: #bfb167; }
        body.lang-kb #qnavButton > div > div .title,
        html.lang-kb #qnavButton > div > div .title {
          background-color: #049372; }
      #qnavButton > div > div .wappen {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 30px;
        background-image: url("../images/logo.png");
        background-repeat: no-repeat;
        background-color: whitesmoke;
        background-size: 90% auto; }

#qnav {
  transition: width 0.3s ease-in-out;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: auto;
  width: 0;
  max-width: 280px;
  z-index: 20;
  overflow: hidden; }
  #qnav.active:after {
    transition: opacity 0.3s ease-in-out;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: "";
    opacity: 0;
    pointer-events: none;
    background-color: rgba(89, 89, 89, 0.24); }
  #qnav.visible:after {
    opacity: 1; }

#qnavSlide {
  position: absolute;
  top: 0;
  right: auto;
  bottom: 0;
  left: 0;
  width: 280px;
  z-index: 14;
  overflow: hidden;
  overflow-y: auto;
  background-color: #96281b;
  color: whitesmoke; }
  #qnavSlide ul {
    display: block;
    margin: 0;
    padding: 25px 0 25px 0;
    list-style: none; }
    #qnavSlide ul.light {
      box-shadow: inset 0 8px 8px -8px rgba(89, 89, 89, 0.24), inset 0 -8px 8px -8px rgba(89, 89, 89, 0.24);
      background: #fafafa; }
      #qnavSlide ul.light a {
        color: #323232; }
    #qnavSlide ul > li {
      display: block;
      margin: 0;
      padding: 0; }
      #qnavSlide ul > li > a {
        transition: none !important;
        transition-property: color, background-color;
        display: block;
        padding: 8px 18px;
        border: 2px solid transparent;
        color: whitesmoke; }
        #qnavSlide ul > li > a:not(.nohover):hover {
          background-color: #96281b;
          color: #fff; }
  #qnavSlide > div {
    display: block;
    margin: 25px 20px 50px 20px; }
  #qnavSlide form {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
            align-items: center;
    display: none !important; }
    #qnavSlide form .suchfeld {
      width: 130px;
      height: 16px;
      line-height: 16px;
      padding: 1px 0 1px 4px;
      margin: 0 0 0 4px;
      font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
      font-size: 80%;
      float: none;
      margin: 0 0 0 10px; }
    #qnavSlide form .suchfeldbutton {
      height: 0;
      width: 0;
      padding: 4px;
      border-radius: 22px;
      color: transparent;
      float: none;
      margin: 0 0 0 10px; }
  #qnavSlide > *,
  #qnavSlide a {
    color: whitesmoke;
    font-size: 100%;
    text-decoration: none; }
  #qnavSlide .hideQnavButton {
    display: block;
    float: right;
    cursor: pointer; }
    #qnavSlide .hideQnavButton .icon {
      background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAUCAYAAADPym6aAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAACB0RVh0U29mdHdhcmUATWFjcm9tZWRpYSBGaXJld29ya3MgTVi7kSokAAAAFnRFWHRDcmVhdGlvbiBUaW1lADAyLzA2LzEzLDvJbgAAAKZJREFUeJzV1U0OgjAQBtCHsvKm1i3XYAuX1dSVJkZoCf7AfOtp09dmpk3O2Y6TkTDWCg+/P8vHGXCuFUWAsAATBUIFEwlCARMNwgwmIoQJTJN3Pn8rGXBhGnJF8/cjcVy5LmEsvcht5cbfzFJcKvXI2hvaIqe2UhAB06GPOrUe6dBDa5vGXprSRH0iiPuPvCCICXlDEA8yiSAWZBZBHEgRQQxIFQF3280lmUEZd4IAAAAASUVORK5CYII=");
      background-repeat: no-repeat;
      width: 50px;
      height: 20px; }

.buergerinfo h1 {
  font-size: 120%;
  margin-bottom: 20px; }

.buergerinfo h4 {
  margin-bottom: 2px; }

.buergerinfo #donuttable {
  border-spacing: 7px;
  border-collapse: separate; }

.buergerinfo .ris_hide_web {
  display: none; }

.buergerinfo tr td {
  padding: 4px 0px 4px 0px; }

.buergerinfo tr th {
  padding: 4px 0px 4px 0px;
  text-align: left; }

.buergerinfo tr.dark {
  background-color: #fafafa; }

.buergerinfo .tblGremien th {
  display: none; }

.buergerinfo .bezeichnung {
  float: none;
  width: auto;
  text-align: left;
  font-weight: bold; }

.buergerinfo .inhalt {
  float: none;
  width: auto;
  margin-bottom: 10px; }

.buergerinfo .kontaktdaten.bild {
  float: right;
  width: auto; }

.buergerinfo .kontaktdaten.bild .bezeichnung {
  display: none; }

.buergerinfo .kontaktdaten br[clear=all] {
  display: none; }

FORM.suchform {
  position: absolute;
  top: 0;
  right: 0;
  bottom: auto;
  left: auto;
  padding: 5px;
  margin: 10px;
  box-shadow: 0 0 2px 0 rgba(89, 89, 89, 0.12), 0 2px 2px 0 rgba(89, 89, 89, 0.24);
  background-color: #fff;
  border-radius: 3px;
  transition: all 0.3s ease-in-out;
  z-index: 1; }
  FORM.suchform INPUT.suchfeld {
    background-color: transparent;
    color: #323232;
    min-width: 165px;
    width: calc(100% - 27px);
    height: 27px;
    padding: 0 5px;
    float: left; }
  FORM.suchform INPUT.suchfeldbutton {
    background-color: transparent; }
  FORM.suchform:hover {
    box-shadow: 0 0 8px 0 rgba(89, 89, 89, 0.12), 0 8px 8px 0 rgba(89, 89, 89, 0.24); }

#lbOverlay {
  position: fixed;
  z-index: 20;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
  cursor: pointer; }

#lbCenter, #lbBottomContainer {
  position: absolute;
  z-index: 21;
  overflow: hidden;
  background-color: #fff; }

.lbLoading {
  background: #fff url("../images/loading.gif") no-repeat center; }

#lbImage {
  position: absolute;
  left: 0;
  top: 0;
  border: 10px solid #fff;
  background-repeat: no-repeat; }

#lbNextLink,
#lbPrevLink {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: auto;
  transition: opacity 0.3s ease-in-out;
  -webkit-filter: drop-shadow(0 0 10px rgba(89, 89, 89, 0.24));
          filter: drop-shadow(0 0 10px rgba(89, 89, 89, 0.24));
  width: 75px;
  cursor: pointer; }
  #lbNextLink:not(:hover),
  #lbPrevLink:not(:hover) {
    opacity: 0; }
  #lbNextLink:after,
  #lbPrevLink:after {
    width: 0;
    height: 0;
    content: '';
    z-index: 2;
    border-left: 100px solid #fff;
    border-bottom: 100px solid transparent;
    border-top: 100px solid transparent;
    height: 0;
    border-left-width: 75px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -100px;
    margin-left: -75px; }

#lbPrevLink {
  right: auto;
  left: 0; }

#lbBottom {
  font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
  font-size: 80%;
  color: #7f7f7f;
  text-align: left;
  border: 10px solid #fff;
  border-top-style: none; }

#lbCloseLink {
  display: block;
  float: right;
  width: 66px;
  height: 22px;
  background: transparent url("../images/closelabel.gif") no-repeat center;
  margin: 5px 0;
  outline: none; }

#lbCaption, #lbNumber {
  margin-right: 71px; }

#lbCaption {
  font-weight: bold; }

.ss_breit {
  width: 100%; }

.ss_modul {
  width: 100%;
  margin-bottom: 20px; }
  .ss_modul:not(:last-child) {
    margin-bottom: 40px; }

.modul_nt .ni_text {
  display: none; }

.modul_1-100 > .navItem {
  box-shadow: 0 0 2px 0 rgba(89, 89, 89, 0.12), 0 2px 2px 0 rgba(89, 89, 89, 0.24);
  transition: box-shadow 0.3s ease-in-out;
  width: 100%; }
  .modul_1-100 > .navItem:not(:last-child) {
    margin-bottom: 20px; }
  .modul_1-100 > .navItem .itemWrap {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: column;
            flex-flow: column; }
  .modul_1-100 > .navItem .ni_image,
  .modul_1-100 > .navItem .ni_text {
    width: 100%; }
  .modul_1-100 > .navItem .ni_image a {
    display: block; }
  .modul_1-100 > .navItem .ni_image img {
    width: 100%;
    margin: 0; }
  .modul_1-100 > .navItem:hover {
    box-shadow: 0 0 8px 0 rgba(89, 89, 89, 0.12), 0 8px 8px 0 rgba(89, 89, 89, 0.24); }

.modul_1-50 > .navItem {
  box-shadow: 0 0 2px 0 rgba(89, 89, 89, 0.12), 0 2px 2px 0 rgba(89, 89, 89, 0.24);
  transition: box-shadow 0.3s ease-in-out;
  width: 100%; }
  .modul_1-50 > .navItem:not(:last-child) {
    margin-bottom: 20px; }
  .modul_1-50 > .navItem .itemWrap {
    display: -webkit-flex;
    display: flex; }
  .modul_1-50 > .navItem .ni_image,
  .modul_1-50 > .navItem .ni_text {
    width: 50%;
    padding-right: 10px; }
  .modul_1-50 > .navItem .ni_image a {
    display: block; }
  .modul_1-50 > .navItem .ni_image img {
    width: 100%;
    margin: 0; }
  .modul_1-50 > .navItem .ni_text {
    padding-left: 10px; }
  .modul_1-50 > .navItem:hover {
    box-shadow: 0 0 8px 0 rgba(89, 89, 89, 0.12), 0 8px 8px 0 rgba(89, 89, 89, 0.24); }

.modul_1-25 {
  box-shadow: 0 0 2px 0 rgba(89, 89, 89, 0.12), 0 2px 2px 0 rgba(89, 89, 89, 0.24); }
  .modul_1-25 > .navItem {
    width: 100%; }
    .modul_1-25 > .navItem .itemWrap {
      display: -webkit-flex;
      display: flex; }
    .modul_1-25 > .navItem .ni_image,
    .modul_1-25 > .navItem .ni_text {
      padding-right: 10px; }
    .modul_1-25 > .navItem .ni_image {
      width: 25%; }
      .modul_1-25 > .navItem .ni_image a {
        display: block; }
      .modul_1-25 > .navItem .ni_image img {
        width: 100%;
        margin: 0; }
    .modul_1-25 > .navItem .ni_text {
      width: 75%;
      padding-left: 10px; }

.modul_2-50 {
  display: -webkit-flex;
  display: flex; }
  .modul_2-50 > .navItem {
    box-shadow: 0 0 2px 0 rgba(89, 89, 89, 0.12), 0 2px 2px 0 rgba(89, 89, 89, 0.24);
    transition: box-shadow 0.3s ease-in-out;
    width: 50%; }
    .modul_2-50 > .navItem:not(:last-child) {
      margin-right: 20px; }
    .modul_2-50 > .navItem .itemWrap {
      display: -webkit-flex;
      display: flex;
      -webkit-flex-flow: column;
              flex-flow: column; }
    .modul_2-50 > .navItem .ni_image a {
      display: block; }
    .modul_2-50 > .navItem .ni_image img {
      width: 100%;
      margin: 0; }
    .modul_2-50 > .navItem:hover {
      box-shadow: 0 0 8px 0 rgba(89, 89, 89, 0.12), 0 8px 8px 0 rgba(89, 89, 89, 0.24); }

.modul_e-2-66-33 {
  display: -webkit-flex;
  display: flex; }
  .modul_e-2-66-33 > .navItem {
    box-shadow: 0 0 2px 0 rgba(89, 89, 89, 0.12), 0 2px 2px 0 rgba(89, 89, 89, 0.24); }
    .modul_e-2-66-33 > .navItem:first-child {
      width: 66%;
      width: calc(66% - 10px);
      margin-right: 10px; }
    .modul_e-2-66-33 > .navItem:last-child {
      width: 33%;
      width: calc(33% - 10px);
      margin-left: 10px; }
    .modul_e-2-66-33 > .navItem .itemWrap {
      display: -webkit-flex;
      display: flex;
      -webkit-flex-flow: column;
              flex-flow: column; }
    .modul_e-2-66-33 > .navItem .ni_image a {
      display: block; }
    .modul_e-2-66-33 > .navItem .ni_image img {
      width: 100%;
      margin: 0; }

.modul_e-2-50 {
  display: -webkit-flex;
  display: flex; }
  .modul_e-2-50 > .navItem {
    width: 50%;
    box-shadow: 0 0 2px 0 rgba(89, 89, 89, 0.12), 0 2px 2px 0 rgba(89, 89, 89, 0.24); }
    .modul_e-2-50 > .navItem:first-child {
      margin-right: 10px; }
    .modul_e-2-50 > .navItem:last-child {
      margin-left: 10px; }
    .modul_e-2-50 > .navItem .itemWrap {
      display: -webkit-flex;
      display: flex;
      -webkit-flex-flow: column;
              flex-flow: column; }
    .modul_e-2-50 > .navItem .ni_image a {
      display: block; }
    .modul_e-2-50 > .navItem .ni_image img {
      width: 100%;
      margin: 0; }

.modul_3-33 {
  display: -webkit-flex;
  display: flex;
  box-shadow: 0 0 2px 0 rgba(89, 89, 89, 0.12), 0 2px 2px 0 rgba(89, 89, 89, 0.24); }
  .modul_3-33 > .navItem {
    width: 33%; }
    .modul_3-33 > .navItem .itemWrap {
      display: -webkit-flex;
      display: flex;
      -webkit-flex-flow: column;
              flex-flow: column; }
    .modul_3-33 > .navItem .ni_image a {
      display: block; }
    .modul_3-33 > .navItem .ni_image img {
      width: 100%;
      margin: 0; }

.modul_3-50-50v2 {
  display: -webkit-flex;
  display: flex;
  box-shadow: 0 0 2px 0 rgba(89, 89, 89, 0.12), 0 2px 2px 0 rgba(89, 89, 89, 0.24); }
  .modul_3-50-50v2 .navItem .itemWrap {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: column;
            flex-flow: column; }
  .modul_3-50-50v2 .navItem .ni_image a {
    display: block; }
  .modul_3-50-50v2 .navItem .ni_image img {
    width: 100%;
    margin: 0; }
  .modul_3-50-50v2 > .navItem,
  .modul_3-50-50v2 .modul_vert {
    width: 50%; }

.modul_e-3-33 {
  display: -webkit-flex;
  display: flex; }
  .modul_e-3-33 > .navItem {
    width: 33%;
    box-shadow: 0 0 2px 0 rgba(89, 89, 89, 0.12), 0 2px 2px 0 rgba(89, 89, 89, 0.24); }
    .modul_e-3-33 > .navItem:not(:last-child) {
      margin-right: 10px; }
    .modul_e-3-33 > .navItem:not(:first-child) {
      margin-left: 10px; }
    .modul_e-3-33 > .navItem .itemWrap {
      display: -webkit-flex;
      display: flex;
      -webkit-flex-flow: column;
              flex-flow: column; }
    .modul_e-3-33 > .navItem .ni_image a {
      display: block; }
    .modul_e-3-33 > .navItem .ni_image img {
      width: 100%;
      margin: 0; }

/*.modul_4-25 {
  >.navItem {
    width: 25%;
    .itemWrap {
      display: flex;
      flex-flow: column;
    }
    .ni_image {
      a {
        display: block;
      }
      img {
        width: 100%;
        margin: 0;
      }
    }
  }
  @include media-0-m{
    display: block;
     .navItem{
       width: 100%;
     }
  }
  @include media-m-t{
    flex-wrap: wrap;
    >.navItem{
      width: 50%;
    }
  }
}*/
.modul_4-25 {
  position: relative;
  padding: 0 60px; }
  .modul_4-25 .controlsCarousel[style] {
    display: block !important;
    opacity: .25;
    pointer-events: none; }
    .modul_4-25 .controlsCarousel[style] * {
      cursor: default; }
  .modul_4-25 .prev,
  .modul_4-25 .next {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
            align-items: center;
    -webkit-justify-content: center;
            justify-content: center;
    width: 40px;
    height: 40px;
    position: absolute;
    top: calc(((100% - 10px) / 2) - 20px);
    box-shadow: 0 0 2px 0 rgba(89, 89, 89, 0.12), 0 2px 2px 0 rgba(89, 89, 89, 0.24);
    border: 0;
    background-color: #96281b;
    cursor: pointer; }
    body.lang-gh .modul_4-25 .prev,
    html.lang-gh .modul_4-25 .prev, body.lang-gh
    .modul_4-25 .next,
    html.lang-gh
    .modul_4-25 .next {
      background-color: #2574a9; }
    body.lang-gd .modul_4-25 .prev,
    html.lang-gd .modul_4-25 .prev, body.lang-gd
    .modul_4-25 .next,
    html.lang-gd
    .modul_4-25 .next {
      background-color: #bfb167; }
    body.lang-kb .modul_4-25 .prev,
    html.lang-kb .modul_4-25 .prev, body.lang-kb
    .modul_4-25 .next,
    html.lang-kb
    .modul_4-25 .next {
      background-color: #049372; }
  .modul_4-25 .prev {
    left: 0; }
    .modul_4-25 .prev::after {
      width: 0;
      height: 0;
      content: '';
      z-index: 2;
      border-right: 8px solid #fafafa;
      border-bottom: 8px solid transparent;
      border-top: 8px solid transparent; }
  .modul_4-25 .next {
    right: 0; }
    .modul_4-25 .next::after {
      width: 0;
      height: 0;
      content: '';
      z-index: 2;
      border-left: 8px solid #fafafa;
      border-bottom: 8px solid transparent;
      border-top: 8px solid transparent; }
  .modul_4-25 .itemCarousel {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: stretch;
            align-items: stretch;
    padding-bottom: 10px; }
  .modul_4-25 .navItem {
    height: 100%;
    margin-bottom: 0; }
    .modul_4-25 .navItem .ni_text h3 {
      font-size: 120%; }

.ss_ges {
  position: relative;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row;
          flex-flow: row;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap; }

.ss_row {
  display: -webkit-flex;
  display: flex;
  width: 100%;
  margin-bottom: 20px; }
  .ss_row.three-to-two > .ss_column:first-child {
    -webkit-flex-basis: 300%;
            flex-basis: 300%; }
  .ss_row.three-to-two > .ss_column:last-child {
    -webkit-flex-basis: 200%;
            flex-basis: 200%; }

.ss_column {
  -webkit-flex-basis: 100%;
          flex-basis: 100%;
  -webkit-flex-grow: 1;
          flex-grow: 1;
  max-width: 100%; }
  .ss_column:not(:first-child) {
    margin-left: 20px; }
  .ss_column:not(:last-child) {
    margin-right: 20px; }

.ss_top {
  margin-bottom: 20px;
  width: 100%; }

.ss_left {
  width: 70%;
  padding-right: 20px; }

.ss_right {
  width: 30%; }

.ss_bottom {
  width: 100%; }

.ss_ticker {
  margin-bottom: 20px; }

.ss_zone6 .ajaxLoader {
  transition: height 0.3s ease-in-out;
  overflow: hidden;
  position: relative;
  margin: 0 -14px; }
  .ss_zone6 .ajaxLoader > .outer {
    transition: top 0.3s ease-in-out;
    position: absolute;
    left: 14px;
    right: 14px;
    top: 0; }
  .ss_zone6 .ajaxLoader .navItem {
    margin-top: 0;
    box-shadow: 0 0 2px 0 rgba(89, 89, 89, 0.12), 0 2px 2px 0 rgba(89, 89, 89, 0.24);
    transition: all 0.3s ease-in-out; }
    .ss_zone6 .ajaxLoader .navItem:hover {
      box-shadow: 0 0 8px 0 rgba(89, 89, 89, 0.12), 0 8px 8px 0 rgba(89, 89, 89, 0.24); }

.ss_zone6 .ajaxPresseControl {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
          justify-content: center;
  padding: 20px 0; }
  .ss_zone6 .ajaxPresseControl .button {
    transition: all 0.3s ease-in-out;
    background-color: #96281b;
    width: 40px;
    height: 40px;
    display: -webkit-inline-flex;
    display: inline-flex;
    margin: 5px;
    -webkit-align-items: center;
            align-items: center;
    -webkit-justify-content: center;
            justify-content: center; }
    body.lang-gh .ss_zone6 .ajaxPresseControl .button,
    html.lang-gh .ss_zone6 .ajaxPresseControl .button {
      background-color: #2574a9; }
    body.lang-gd .ss_zone6 .ajaxPresseControl .button,
    html.lang-gd .ss_zone6 .ajaxPresseControl .button {
      background-color: #bfb167; }
    body.lang-kb .ss_zone6 .ajaxPresseControl .button,
    html.lang-kb .ss_zone6 .ajaxPresseControl .button {
      background-color: #049372; }
    .ss_zone6 .ajaxPresseControl .button:hover {
      background-color: #6a4b47; }
    .ss_zone6 .ajaxPresseControl .button .icon {
      margin: 10px 0;
      width: 0;
      height: 0;
      content: "";
      z-index: 2;
      border-left: 8px solid transparent;
      border-right: 8px solid transparent; }
      .ss_zone6 .ajaxPresseControl .button .icon.next {
        border-top: 8px solid #fff; }
      .ss_zone6 .ajaxPresseControl .button .icon.back {
        border-bottom: 8px solid #fff; }
    .ss_zone6 .ajaxPresseControl .button.disabled {
      opacity: 0.25;
      pointer-events: none; }

.ss_ticker {
  margin-bottom: 20px; }
  .ss_ticker > a {
    display: block;
    text-align: right; }

#tickerBorder {
  position: relative;
  overflow: hidden;
  height: 400px;
  margin-bottom: 20px;
  background-color: #fff;
  box-shadow: 0 0 2px 0 rgba(89, 89, 89, 0.12), 0 2px 2px 0 rgba(89, 89, 89, 0.24); }
  #tickerBorder::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: linear-gradient(to bottom, #fff 0%, transparent 16px, transparent calc(100% - 16px), white 100%);
    pointer-events: none; }

#tickerArea {
  position: relative;
  margin-left: 0;
  top: 0;
  padding: 20px; }
  #tickerArea .termin {
    padding-bottom: 20px !important; }
    #tickerArea .termin span {
      font-size: 90%;
      color: gray; }
    #tickerArea .termin a {
      color: #96281b; }
    #tickerArea .termin:not(:last-child) {
      border-bottom: 1px solid #000;
      margin-bottom: 20px; }
  #tickerArea > .navItem {
    margin: 0; }

.ss_vnachrichten {
  width: 100%; }
  .ss_vnachrichten .ni_image {
    max-width: 250px !important; }

.swipe {
  overflow: hidden;
  visibility: hidden;
  position: relative;
  height: calc(90vw / 2.5);
  max-height: 666px; }

.swipe-wrap {
  overflow: hidden;
  position: relative;
  height: 100%; }

.swipeSlide {
  float: left;
  width: 100%;
  position: relative;
  height: 100%; }
  .swipeSlide > a,
  .swipeSlide a > div,
  .swipeSlide > div {
    height: 100%;
    display: block;
    width: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat; }

.swipeImg {
  height: 100%;
  width: 100%; }

.swipeButton {
  top: 50%;
  height: 50px;
  width: 50px;
  left: 40px;
  margin-top: -25px;
  z-index: 2;
  position: absolute;
  border: none;
  background-color: whitesmoke;
  box-shadow: 0 0 2px 0 rgba(89, 89, 89, 0.12), 0 2px 2px 0 rgba(89, 89, 89, 0.24);
  opacity: 0.9;
  transition: all 0.3s ease-in-out;
  border-radius: 50%;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-align-items: center;
          align-items: center;
  padding: 0;
  cursor: pointer; }
  .swipeButton:hover {
    box-shadow: 0 0 8px 0 rgba(89, 89, 89, 0.12), 0 8px 8px 0 rgba(89, 89, 89, 0.24);
    opacity: 1; }
  .swipeButton::after {
    content: "";
    height: 0;
    width: 0;
    border-width: 10px 17.3px 10px 0;
    border-color: transparent #323232 transparent transparent;
    border-style: solid;
    margin-left: -5px; }

.sb-next {
  left: auto;
  right: 40px; }
  .sb-next::after {
    border-width: 10px 0 10px 17.3px;
    border-color: transparent transparent transparent #323232;
    margin-left: 5px; }

.swipeTitle {
  position: absolute;
  top: auto;
  right: auto;
  bottom: 80px;
  left: 40px;
  padding: 10px;
  background-color: whitesmoke;
  box-shadow: 0 0 2px 0 rgba(89, 89, 89, 0.12), 0 2px 2px 0 rgba(89, 89, 89, 0.24);
  opacity: 0.9;
  transition: all 0.3s ease-in-out; }
  .swipeTitle:hover {
    opacity: 1; }

.swipeBullets {
  position: absolute;
  top: auto;
  right: 40px;
  bottom: 80px;
  left: auto;
  text-align: right;
  z-index: 2;
  line-height: 0;
  font-size: 0; }

.swipeBullet {
  height: 15px;
  width: 15px;
  border-radius: 50%;
  background-color: whitesmoke;
  display: inline-block;
  margin-left: 5px;
  box-shadow: 0 0 2px 0 rgba(89, 89, 89, 0.12), 0 2px 2px 0 rgba(89, 89, 89, 0.24);
  border: none;
  opacity: 0.9;
  transition: all 0.3s ease-in-out;
  cursor: pointer; }
  .swipeBullet:hover {
    box-shadow: 0 0 8px 0 rgba(89, 89, 89, 0.12), 0 8px 8px 0 rgba(89, 89, 89, 0.24);
    opacity: 1; }
  .swipeBullet.swipeBulletActive {
    background-color: #96281b; }

.tns-outer {
  padding: 0 !important; }

.tns-outer [hidden] {
  display: none !important; }

.tns-outer [aria-controls],
.tns-outer [data-action] {
  cursor: pointer; }

.tns-slider {
  transition: all 0s; }

.tns-slider > .tns-item {
  box-sizing: border-box; }

.tns-horizontal.tns-subpixel {
  white-space: nowrap; }

.tns-horizontal.tns-subpixel > .tns-item {
  display: inline-block;
  vertical-align: top;
  white-space: normal; }

.tns-horizontal.tns-no-subpixel:after {
  content: "";
  display: table;
  clear: both; }

.tns-horizontal.tns-no-subpixel > .tns-item {
  float: left; }

.tns-horizontal.tns-carousel.tns-no-subpixel > .tns-item {
  margin-right: -100%; }

.tns-no-calc {
  position: relative;
  left: 0; }

.tns-gallery {
  position: relative;
  left: 0;
  min-height: 1px; }

.tns-gallery > .tns-item {
  position: absolute;
  left: -100%;
  transition: opacity 0s, -webkit-transform 0s;
  transition: transform 0s, opacity 0s;
  transition: transform 0s, opacity 0s, -webkit-transform 0s; }

.tns-gallery > .tns-slide-active {
  position: relative;
  left: auto !important; }

.tns-gallery > .tns-moving {
  transition: all 0.25s; }

.tns-autowidth {
  display: inline-block; }

.tns-lazy-img {
  transition: opacity 0.6s;
  opacity: 0.6; }

.tns-lazy-img.tns-complete {
  opacity: 1; }

.tns-ah {
  transition: height 0s; }

.tns-ovh {
  overflow: hidden; }

.tns-visually-hidden {
  position: absolute;
  left: -10000em; }

.tns-transparent {
  opacity: 0;
  visibility: hidden; }

.tns-fadeIn {
  opacity: 1;
  filter: alpha(opacity=100);
  z-index: 0; }

.tns-normal,
.tns-fadeOut {
  opacity: 0;
  filter: alpha(opacity=0);
  z-index: -1; }

.tns-vpfix {
  white-space: nowrap; }

.tns-vpfix > div,
.tns-vpfix > li {
  display: inline-block; }

.tns-t-subp2 {
  margin: 0 auto;
  width: 310px;
  position: relative;
  height: 10px;
  overflow: hidden; }

.tns-t-ct {
  width: 2333.3333333%;
  width: calc(100% * 70 / 3);
  position: absolute;
  right: 0; }

.tns-t-ct:after {
  content: "";
  display: table;
  clear: both; }

.tns-t-ct > div {
  width: 1.4285714%;
  width: calc(100% / 70);
  height: 10px;
  float: left; }

.einfachetabelle, .simpletabelle {
  width: 100%; }
  .einfachetabelle td, .simpletabelle td {
    padding: 5px 10px;
    min-width: 100px; }
  .einfachetabelle th, .simpletabelle th {
    font-weight: bold;
    padding: 10px;
    color: whitesmoke;
    min-width: 100px;
    text-align: left; }
    .einfachetabelle th[align="right"], .simpletabelle th[align="right"] {
      text-align: right; }
  .einfachetabelle thead tr, .simpletabelle thead tr {
    background-color: #96281b; }

.einfachetabelle tr:nth-child(2n) {
  background-color: rgba(150, 40, 27, 0.1); }

.simpletabelle td {
  border: 1px solid #000; }

.tableWrapper {
  max-width: 100%;
  overflow-x: auto;
  box-shadow: 0 0 2px 0 rgba(89, 89, 89, 0.12), 0 2px 2px 0 rgba(89, 89, 89, 0.24);
  margin-bottom: 40px; }

.first-row {
  padding: 3px; }

.second-row {
  padding: 3px;
  background-color: #fff; }

.verzeichnis .group {
  padding-bottom: 20px; }
  .verzeichnis .group .groupName {
    position: -webkit-sticky;
    position: sticky;
    top: 0; }
    .verzeichnis .group .groupName + .navItem {
      margin-top: 20px; }
      .verzeichnis .group .groupName + .navItem:not(:hover) {
        border-top-color: transparent; }
  .verzeichnis .group .navItem .ni_text {
    float: left; }

#branche form.simple,
#vereine form.simple {
  max-width: 100%;
  margin: 0; }

.verzeichnisForm {
  position: relative;
  box-shadow: 0 0 2px 0 rgba(89, 89, 89, 0.12), 0 2px 2px 0 rgba(89, 89, 89, 0.24);
  transition: all 0.3s ease-in-out;
  margin-top: 10px; }

.verzeichnisForm:after {
  content: '';
  display: block;
  clear: both; }
  .verzeichnisForm input {
    margin: 0;
    float: left;
    height: 27px;
    background-image: none; }
  .verzeichnisForm .textfeld {
    width: calc(100% - 27px);
    background-color: #fafafa;
    color: #323232;
    min-width: 165px;
    height: 27px;
    padding: 0 5px; }
  .verzeichnisForm .searchButton {
    width: 27px;
    height: 27px; }
  .verzeichnisForm:hover {
    box-shadow: 0 0 8px 0 rgba(89, 89, 89, 0.12), 0 8px 8px 0 rgba(89, 89, 89, 0.24); }
    .verzeichnisForm:hover .textfeld {
      background-color: #fff; }
    .verzeichnisForm:hover .searchButton {
      background-color: #96281b; }
    @media screen and (min-width: 0) {
  /*fix*/ }
    @media screen and (min-width: 0) and (max-width: 1579px) {
  /*fix*/
  /*fix*/ }
    @media screen and (min-width: 0) and (max-width: 1379px) {
  /*fix*/ }
    @media screen and (min-width: 0) and (max-width: 959px) {
  /*fix*/
    #Fundament {
      padding-bottom: 200px; }
  .flexmain {
    width: 90%;
    margin-left: auto;
    margin-right: auto; }
    .flexmain #Obergeschoss {
      margin-bottom: 20px; }
      .flexmain #Obergeschoss .container {
        border-radius: 10px;
        padding-bottom: 20px;
        box-shadow: 0 0 2px 0 rgba(89, 89, 89, 0.12), 0 2px 2px 0 rgba(89, 89, 89, 0.24); }
    .flexmain #Erdgeschoss {
      margin-bottom: 20px;
      border-radius: 10px;
      background-color: #fafafa; }
      #GallerieAlle > div {
        padding: 10px !important;
        margin-bottom: 10px; }
        #GallerieAlle > div .Bild {
          padding: 20px 0; }
        #GallerieAlle > div.linkWholeBox .BildText,
        #GallerieAlle > div.linkWholeBox:not(:hover) .BildText,
        #GallerieAlle > div .BildText {
          position: relative;
          bottom: 0;
          opacity: 1;
          box-shadow: none; }
    #impressionButton {
      display: none !important; }
    .Innenraum {
      margin: 0; }
    #Erdgeschoss .inner {
      -webkit-flex-wrap: wrap;
              flex-wrap: wrap; }
    #Arbeitszimmer {
      display: none; }
    .layoutzweispaltig {
      display: block; }
      .layoutzweispaltig > div {
        width: 100%; }
    .nav-h {
      display: none !important; }
    .vg-toggle > img,
    .vg-toggle > span {
      display: none !important; }
    .nav-vg {
      position: static;
      margin: 0;
      z-index: 0;
      box-shadow: none !important;
      max-width: 100%;
      padding-right: 0; }
      .vg-toggle:hover .nav-vg {
        width: 100% !important; }
      .nav-vg::before {
        content: none; }
      .nav-vg ul {
        visibility: visible;
        opacity: 1;
        box-shadow: none;
        max-width: 100%; }
        .nav-vg ul li a {
          white-space: normal; }
    #qnavButton {
      display: none !important; }
    .modul_2-50 {
      display: block; }
      .modul_2-50 > .navItem {
        width: 100%; }
    .modul_e-3-33 {
      display: block; }
      .modul_e-3-33 > .navItem {
        width: 100%; }
        .modul_e-3-33 > .navItem:not(:last-child), .modul_e-3-33 > .navItem:not(:first-child) {
          margin-left: 0;
          margin-right: 0; }
        .modul_e-3-33 > .navItem:not(:last-child) {
          margin-bottom: 20px; }
    .modul_4-25 {
      padding: 0 50px; }
    .socialmedia{
        display: block;}
    .sicherheitssiegel{
        margin:0px 120px 0px 0px;
        width: 110px;
      }}

    @media screen and (min-width: 0) and (max-width: 767px) {
  /*fix*/
  .container, .flexmain, .lesemodus .innerNav {
    width: 90%; }
    body {
      background-image: url("../images/svg_nostroke.svg");
      background-size: cover;
      background-repeat: no-repeat; }
    #Dach {
      margin-top: 42px; }
    #Fundament {
      margin: 0; }
      #Fundament b {
        display: block; }
      #Fundament .container {
        border-radius: 10px; }
      #Erdgeschoss .container .inner {
        padding: 60px 20px; }
      #Fundament .container .inner {
        display: block; }
      #Obergeschoss .container .inner .topBar {
        display: block; }
      #Dach .container .inner {
        display: block; }
    .container .inner {
      display: block;
      width: auto;
      padding: 0;
      margin: 0;
      max-width: 100%;
      float: none; }
  .mobile-hide {
    display: none !important; }
    .areaIndicator {
      display: none !important; }
    #bfnav {
      display: none; }
      #bfnav .mobile {
        display: none; }
    .breadcrumb {
      display: block;
      border: 0;
      margin: 20px 0 !important;
      float: left;
      width: 100%; }
  input:not([type="checkbox"]):not([type="radio"]),
  select,
  textarea {
    width: 100%;
    min-width: 0; }
    .formBeschreibung {
      margin-left: 0; }
  label.left {
    width: auto;
    text-align: left; }
      #formLeiste .state {
        font-size: 11px;
        white-space: nowrap; }
    .formElementWrap {
      display: block; }
      .formElementWrap > label {
        width: auto;
        text-align: left;
        padding-top: 5px; }
        .formElementWrap > label + div,
        .formElementWrap > label + ul {
          width: 100%;
          margin-top: 10px; }
      #GallerieAlle > div {
        width: 100%;
        max-width: 100%;
        min-width: 50%; }
      #Gallerie .einzeln {
        display: block;
        width: auto;
        padding: 0;
        margin: 0;
        max-width: 100%;
        float: none; }
      .headline.sticky,
      .verzeichnis .group .sticky.groupName,
      .ni-headline.sticky,
      .headlineAlternative.sticky {
        position: relative; }
    #wechselbilder img {
      border-radius: 10px 10px 0 0; }
    #Wohnzimmer, #Wohnzimmer:nth-last-of-type(3), #Wohnzimmer:nth-last-of-type(2) {
      width: auto;
      max-width: 100%;
      padding: 0;
      min-height: 0;
      display: block; }
    #WohnzimmerTop {
      position: static;
      width: auto;
      max-width: 100%;
      display: block;
      padding: 0; }
    #Kinderzimmer {
      padding: 0;
      width: 100%;
      max-width: 100%; }
    a.leseModusControl {
      display: none; }
      a.linkToTop {
        color: whitesmoke; }
    .bigArrow a.linkToTop {
      bottom: 75px;
      right: 5%;
      padding: 13px 11px;
      border-bottom-width: 12px;
      border-left-width: 8px;
      border-right-width: 8px; }
    .twoCols, .twoCols .navItem {
      width: auto;
      padding: 0;
      margin: 0;
      max-width: 100%;
      float: none;
      display: block; }
    .nav-bot {
      padding: 0;
      margin-top: 40px; }
      .nav-bot > ul {
        width: auto;
        -webkit-flex-flow: column;
                flex-flow: column;
        -webkit-align-items: flex-start;
                align-items: flex-start; }
      .nav-bot a {
        text-decoration: underline !important; }
      .nav-bot .nav_li {
        display: inline-block;
        width: auto;
        padding-left: 0;
        padding-right: 0;
        padding-bottom: 5px; }
        .navItem .itemWrap .ni_image {
          width: auto; }
    .adresse #Obergeschoss {
      position: relative; }
    .layer {
      width: 90vw;
      max-height: 80vh;
      left: 5vw;
      right: 5vw; }
    .adresse .bezeichnung {
      text-align: left;
      display: block;
      margin: 0;
      padding: 0;
      width: 100%; }
    .adresse .inhalt {
      text-align: left;
      display: block;
      margin: 0;
      padding: 0;
      width: 100%; }
    .adresse .adressdaten {
      width: auto;
      padding: 0;
      margin: 0;
      max-width: 100%;
      float: none;
      display: block; }
      .adresse #nav-ow ul > li {
        display: block; }
    FORM.suchform {
      top: 100% !important; }
  .modul_1-50 .itemWrap {
    -webkit-flex-flow: column;
            flex-flow: column; }
    .modul_1-50 .itemWrap .ni_image {
      padding: 0;
      width: 100%; }
    .modul_1-50 .itemWrap .ni_text {
      padding: 0 0 10px 0;
      width: 100%; }
    .modul_1-25 .itemWrap {
      -webkit-flex-flow: column;
              flex-flow: column; }
      .modul_1-25 .itemWrap .ni_image {
        padding: 0;
        width: 100%; }
      .modul_1-25 .itemWrap .ni_text {
        padding: 0 0 10px 0;
        width: 100%; }
    .modul_e-2-66-33 {
      display: block; }
      .modul_e-2-66-33 > .navItem:first-child, .modul_e-2-66-33 > .navItem:last-child {
        width: 100%;
        margin: 0; }
      .modul_e-2-66-33 > .navItem:first-child {
        margin-bottom: 20px; }
    .modul_e-2-50 {
      display: block; }
      .modul_e-2-50 > .navItem {
        width: 100%; }
        .modul_e-2-50 > .navItem:first-child, .modul_e-2-50 > .navItem:last-child {
          margin-left: 0;
          margin-right: 0; }
        .modul_e-2-50 > .navItem:first-child {
          margin-bottom: 20px; }
    .modul_3-33 {
      display: block; }
      .modul_3-33 > .navItem {
        width: 100%; }
    .modul_3-50-50v2 {
      display: block; }
      .modul_3-50-50v2 > .navItem,
      .modul_3-50-50v2 .modul_vert {
        width: 100%; }
    .ss_row {
      display: block;
      width: 100%;
      padding: 0;
      margin-left: 0;
      margin-right: 0;
      margin-bottom: 20px; }
    .ss_column {
      margin-left: 0 !important;
      margin-right: 0 !important; }
      .ss_column:not(:last-of-type) {
        margin-bottom: 40px; }
    .swipe {
      border-radius: 10px 10px 0 0; }
  .swipeTitle,
  .swipeBullets {
    display: none; }
      .verzeichnis .group .groupName {
        position: relative; } 
  .sicherheitssiegel{
    margin-top: 5%; }}
    @media screen and (min-width: 768px) {
  /*fix*/
    #mobilefooter {
      display: none; }
    FORM.suchform {
      margin: 20px 40px; } }
    @media screen and (min-width: 768px) and (max-width: 1579px) {
  /*fix*/
  /*fix*/ }
    @media screen and (min-width: 768px) and (max-width: 1379px) {
  /*fix*/ }
    @media screen and (min-width: 768px) and (max-width: 959px) {
  /*fix*/
  .container, .flexmain, .lesemodus .innerNav {
    width: 768px; }
      #GallerieAlle > div {
        width: 40%;
        max-width: 50%; }
    #Wohnzimmer, #Wohnzimmer:nth-last-of-type(3) {
      max-width: 66%;
      width: 66%; }
    #Wohnzimmer:nth-last-of-type(2),
    .startseite #Wohnzimmer {
      width: 100%;
      max-width: 100%; }
    #WohnzimmerTop {
      width: 100%;
      padding: 10px;
      position: static;
      left: auto;
      top: auto; }
    #Kinderzimmer {
      min-width: 33%;
      max-width: 33%;
      width: 33%; }
        .navItem .itemWrap .ni_image {
          width: 100%; }
  .modul_1-50 .itemWrap .ni_image,
  .modul_1-50 .itemWrap .ni_text {
    width: 50%; }
    .modul_1-25 .itemWrap .ni_image,
    .modul_1-25 .itemWrap .ni_text {
      width: 50%; }
    .modul_e-2-66-33 {
      display: block; }
      .modul_e-2-66-33 > .navItem:first-child, .modul_e-2-66-33 > .navItem:last-child {
        width: 100%;
        margin: 0; }
      .modul_e-2-66-33 > .navItem:first-child {
        margin-bottom: 20px; }
      .modul_e-2-66-33 > .navItem .itemWrap {
        -webkit-flex-flow: row;
                flex-flow: row; }
      .modul_e-2-66-33 > .navItem .ni_image {
        padding-right: 10px;
        width: 50%; }
      .modul_e-2-66-33 > .navItem .ni_text {
        padding-left: 10px;
        width: 50%; }
    .modul_3-50-50v2 {
      display: block; }
      .modul_3-50-50v2 .navItem,
      .modul_3-50-50v2 .modul_vert {
        width: 100%; }
      .modul_3-50-50v2 .navItem .itemWrap {
        -webkit-flex-flow: row;
                flex-flow: row; }
        .modul_3-50-50v2 .navItem .itemWrap .ni_image {
          width: 50%;
          padding-right: 10px; }
        .modul_3-50-50v2 .navItem .itemWrap .ni_text {
          width: 50%;
          padding-left: 10px; }
    .modul_e-3-33 > .navItem .ni_image {
      width: 50%;
      padding-right: 10px; }
    .modul_e-3-33 > .navItem .ni_text {
      width: 50%;
      padding-left: 10px; }
    .ss_left {
      width: 100%;
      padding-right: 0; }
    .ss_right {
      width: 100%; }
    .swipe {
      height: calc(768px / 3); } }
    @media screen and (min-width: 960px) {
  /*fix*/
  .flexmain {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: stretch;
            align-items: stretch;
    margin-left: auto !important;
    margin-right: auto !important;
    margin-bottom: 20px; }
    .flexmain > * {
      -webkit-flex-grow: 0;
              flex-grow: 0;
      -webkit-flex-shrink: 0;
              flex-shrink: 0; }
    .flexmain #Obergeschoss {
      padding: 0;
      -webkit-flex-basis: calc(25% - 10px);
              flex-basis: calc(25% - 10px);
      margin-right: 10px;
      box-shadow: 0 0 10px rgba(89, 89, 89, 0.24);
      background-color: #fafafa;
      border-radius: 10px 0 0 0;
      position: relative; }
    .flexmain #Erdgeschoss {
      margin-left: 10px;
      background-color: #fafafa;
      -webkit-flex-basis: calc(75% - 10px);
              flex-basis: calc(75% - 10px);
      max-width: calc(75% - 10px);
      box-shadow: 0 0 10px rgba(89, 89, 89, 0.24);
      border-radius: 0; }
  body:not(.startseite) #WohnzimmerTop ~ #Wohnzimmer,
  body:not(.startseite) #WohnzimmerTop ~ #Kinderzimmer {
    margin-top: 20px; }
    #mobilefooter_twg {
      display: none; }
    #nav_mobile {
      display: none; }
    .nav-mobileSS {
      display: none;
      margin: 0; } }
    @media screen and (min-width: 960px) and (max-width: 1579px) {
  /*fix*/
  /*fix*/
    .vg-toggle {
      -webkit-flex-flow: column;
              flex-flow: column; }
      .vg-toggle > span {
        display: block;
        margin: 0; } }
    @media screen and (min-width: 960px) and (max-width: 1379px) {
  /*fix*/
  .container, .flexmain, .lesemodus .innerNav {
    width: 930px; }
        body.lang-vg .areaIndicator h3.largeMargin {
          font-size: 120%; }
    .swipe {
      height: calc(930px / 3);
      width: calc((930px * 0.75) - 10px); } }
    @media screen and (min-width: 1380px) {
  /*fix*/ }
    @media screen and (min-width: 1380px) and (max-width: 1579px) {
  /*fix*/
  /*fix*/
  .container, .flexmain, .lesemodus .innerNav {
    width: 1160px; }
    .swipe {
      height: calc(1160px / 3);
      width: calc((1160px * 0.75) - 10px); } }
    @media screen and (min-width: 1580px) {
  /*fix*/
  /*fix*/
  .container, .flexmain, .lesemodus .innerNav {
    width: 1400px; }
    .swipe {
      height: calc(1400px / 3);
      width: calc((1400px * 0.75) - 10px); } }
    @media screen and (min-width: 1580px) and (max-width: 1579px) {
  /*fix*/ }
    @media only print {
    .headline,
    .verzeichnis .group .groupName,
    .ni-headline,
    .headlineAlternative {
      text-align: left;
      border-bottom: 1px solid #000;
      margin-top: 20px; }
      #logoBox .white {
        visibility: visible; }
  .printHide, #wechselbilder img, a.leseModusControl, a.linkToTop, .nav, #nav_mobile, .navItem .itemWrap .ni_bottom, #qnav, img[src^="data:image/svg+xml;utf8,<svg"] {
    display: none !important; }
  .print-only {
    display: block; }
  body * {
    box-shadow: none !important;
    float: none; }
  #Bauwerk #GallerieAlle > div > .Bild, #Bauwerk #GallerieAlle > div.linkWholeBox .BildText, #GallerieAlle > div.linkWholeBox #Bauwerk .BildText {
    position: relative;
    opacity: 1;
    height: auto; }
  #Fundament, .container .inner, #Gallerie .einzeln, #Wohnzimmer, #WohnzimmerTop, #Arbeitszimmer, .twoCols, .twoCols .navItem, .adresse .adressdaten, FORM.suchform, .ss_ges > div, .ss_left,
  .ss_right,
  .ss_top, .ss_zone6 {
    width: 100%;
    margin: 10px 0;
    padding: 0;
    font-size: 120% !important;
    clear: both; }
  .ss_ges {
    display: block; }
  #Erdgeschoss,
  .Innenraum {
    font-size: 80% !important;
    margin: 0 !important; }
  #Erdgeschoss .inner {
    display: block !important; }
  #Arbeitszimmer {
    display: none !important; }
  #Wohnzimmer, #Kinderzimmer, #WohnzimmerTop {
    position: static;
    width: 100% !important;
    max-width: 100% !important; }
  #bfnav .mobile, #mobilefooter {
    display: none !important; }
  .ss_zone6, .ss_zone6 .headline, .ss_zone6 .headline a {
    width: 100%; }
  #logoBox::before, #logoBox::after {
    display: none !important;
    content: none !important; }
  .vg-toggle, .areaIndicator, .swipecontainer {
    display: none !important; } }
    @media only screen and (max-width: 767px) {
  .nav-mt {
    display: none; }
    .nav-mt .nav_li {
      display: block; }
  .nav-main {
    display: none; } }