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, #logoMobile, #qnavButton > div > div .wappen {
  background-position: center;
  background-repeat: no-repeat; }

/* Fluid Property.. uebergebe min und max bereich, und prozentualer wert wird gestzt */

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

.page-selector {
  background-color: #fdf8d8;
  margin-left: 2px;
  margin-right: 2px;
  padding: 8px;
  text-align: center;
  border: none;
  font-weight: bold;
  box-shadow: 0 0 2px 0 rgba(126, 126, 126, 0.12), 0 2px 2px 0 rgba(126, 126, 126, 0.24)
}

.page-selector:hover {
  background-color: #ffe08d;
}

.page-selector.active {
  background-color: #ffe08d;
  color: white;
}
          
.nav-ow::before,
.bereinigen,
.clear {
  content: '';
  display: table;
  clear: both; }

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

#GallerieAlle > div:not(.empty), #GallerieAlle > div > .Bild img, #GallerieAlle > div.linkWholeBox .BildText, .headline, .verzeichnis .group .groupName, .ni-headline, .headlineAlternative, #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(126, 126, 126, 0.12), 0 2px 2px 0 rgba(126, 126, 126, 0.24); }

.layer {
  box-shadow: 0 0 8px 0 rgba(126, 126, 126, 0.12), 0 8px 8px 0 rgba(126, 126, 126, 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;
}
*/
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: normal;
  src: url("./fonts/OpenSans-Regular/opensans-regular.eot?") format("eot"), url("./fonts/OpenSans-Regular/opensans-regular.ttf") format("truetype"), url("./fonts/OpenSans-Regular/opensans-regular.svg#Open_Sans") format("svg");
  font-display: optional; }

.klein {
  font-size: 80%; }

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

FORM.suchform INPUT.suchfeldbutton, .verzeichnisForm .searchButton {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAASCAYAAABfJS4tAAABY0lEQVQ4ja3UvUuWYRTH8ZPaIA3SOzSIBUGTEQ5uDkGDS2O16OBfEDRIQ7RHQ4uLOAZFQ39Ao2AJObm6BIX0omChWD34fBqeY9zcPo/XnXbgcK6X3/le131urhOIit/Ec3xEC+s5H6/pir4/GMCC3raHR0cBzydgG7MYRj+u4gl+5v7jfwFPZNJ3jPYQTuBXludaU/DLBD8oiJ+m7llT8HomXCiIb6RupQm4LyLOR8RuRHyNw+1DxnMFXURE9EXEt4gYjIizBe2ljKUL/AUv5fheQXsn49sm4MCtrN0mrvSo2XXspG4Zc7hY+nmBF5n0GVM4letDuI8fDtoX3C6BB/G6ktTOL2hX1haw1OWA+cpFDoADJ3AXizoPAXbxBpOpGcOnLvA1tX7Sq0YncToPq++dwasu8JbOkx84DNzEp3XaQN3e4fJxwIGRLF3dVo8LDp0u+BC/K+Ct/wHe9zG8xwZm/gBnF0KNE1n34wAAAABJRU5ErkJggg==");
  background-position: center;
  background-repeat: no-repeat;
  background-color: #7e7e7e;
  transition: all 0.2s ease-in-out;
  transition-property: color, background-color;
  position: relative;
  border: 0;
  padding: 0;
  height: 27px;
  margin: 0;
  width: 27px;
  float: left;
  cursor: pointer; }
  FORM.suchform INPUT.suchfeldbutton:hover, .verzeichnisForm .searchButton:hover {
    background-color: #e31838; }

/*! 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.2s 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.2s 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 img {
    visibility: hidden; }

.container_wrap:not(#Dach) {
  overflow: visible;
  width: 100%; }

body {
  background-color: #9dc2f1;
  font-family: Open Sans, Arial, Helvetica, sans-serif;
  color: #575757;
  text-rendering: optimizeLegibility; }

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

#Dach {
  margin-top: 20px;
  z-index: 7; }
  #Dach .inner {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-end;
            justify-content: flex-end; }

#Obergeschoss {
  z-index: 6;
  padding-top: 16px; }
  #Obergeschoss .container {
    background-color: transparent; }
  #Obergeschoss .inner {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: stretch;
            align-items: stretch;
    /*body.startseite & {
      align-items: flex-end;
    }*/ }
    #Obergeschoss .inner .headleft {
      padding: 32px;
      -webkit-flex-grow: 0;
              flex-grow: 0;
      -webkit-flex-shrink: 0;
              flex-shrink: 0;
      background-color: rgba(250, 250, 250, 0.9);
      margin-right: 16px; }

#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; }
  #Fundament .container {
    background-color: #fafafa; }
    #Fundament .container .inner {
      display: -webkit-flex;
      display: flex;
      -webkit-justify-content: space-between;
              justify-content: space-between;
      width: 100%;
      -webkit-align-items: center;
              align-items: center;
      box-shadow: 0 0 2px 0 rgba(126, 126, 126, 0.12), 0 2px 2px 0 rgba(126, 126, 126, 0.24); }
    #Fundament .container .stickycontent {
      display: none; }

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

.breadcrumb {
  color: #a4a4a4; }
  .breadcrumb a,
  .breadcrumb a:active,
  .breadcrumb a:visited {
    color: inherit;
    text-decoration: none; }
  .breadcrumb a:hover {
    color: #575757; }

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

#calendar {
  background-color: #fff;
  padding: 0;
  width: 100%;
  display: table; }
  #calendar td a {
    display: block;
    padding: 8px;
    text-decoration: none;
    color: #575757; }
  #calendar td:empty {
    pointer-events: none;
    background-color: #eee; }
  #calendar td.selected {
    background-color: #FFE08D;
    box-shadow: 0 0 2px 0 rgba(126, 126, 126, 0.12), 0 2px 2px 0 rgba(126, 126, 126, 0.24); }
    #calendar td.selected a {
      color: #575757;
      font-weight: bold; }
  #calendar td:not(.selected) a:hover {
    background-color: #FDF8D8; }
  #calendar th {
    padding: 8px; }
  #calendar caption {
    position: relative;
    padding: 4px; }
    #calendar caption > div:not(#calendarMonth) {
      top: 0 !important;
      bottom: 0 !important;
      display: -webkit-flex;
      display: flex;
      -webkit-align-items: center;
              align-items: center;
      -webkit-justify-content: center;
              justify-content: center;
      transition: all 0.2s ease-in-out; }
      #calendar caption > div:not(#calendarMonth) > a {
        padding: 8px; }
      #calendar caption > div:not(#calendarMonth):hover {
        background-color: #FFE08D;
        z-index: 7;
        box-shadow: 0 0 2px 0 rgba(126, 126, 126, 0.12), 0 2px 2px 0 rgba(126, 126, 126, 0.24); }
      #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: #FDF8D8;
    color: #575757; }
    #calendar caption a,
    #calendar thead a {
      color: inherit;
      text-decoration: none; }

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

#calenderMonthList {
  position: absolute;
  list-style: none;
  top: 0;
  left: 0;
  margin: 0;
  padding: 0;
  width: 100%;
  transition: box-shadow 0.2s ease-in-out; }
  #calenderMonthList:hover {
    box-shadow: 0 0 2px 0 rgba(126, 126, 126, 0.12), 0 2px 2px 0 rgba(126, 126, 126, 0.24);
    background-color: #FDF8D8; }
  #calenderMonthList li {
    height: 28px; }
    #calenderMonthList li a {
      text-decoration: none;
      font-weight: normal;
      display: block;
      padding: 4px 0; }
      #calenderMonthList li a:hover {
        background-color: #FFE08D; }

#currentMonth a {
  font-weight: bold; }

input,
select,
textarea {
  font-family: Open Sans, Arial, Helvetica, 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: 25%; }

.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 {
  max-width: 700px;
  display: block;
  margin-left: auto;
  margin-right: auto; }
  #branche form {
    max-width: 100%; }

form.simple .formElementWrap, div.simple .formElementWrap, table.simple .formElementWrap {
  margin: 10px 0px; }

form.simple input, form.simple select, form.simple textarea, div.simple input, div.simple select, div.simple textarea, table.simple input, table.simple select, table.simple textarea {
  box-shadow: 0 0 2px 0 rgba(126, 126, 126, 0.12), 0 2px 2px 0 rgba(126, 126, 126, 0.24);
  transition: all 0.2s ease-in-out;
  background-color: rgba(238, 238, 238, 0.7);
  padding: 3px;
  color: #575757; }
  form.simple input:hover, form.simple select:hover, form.simple textarea:hover, div.simple input:hover, div.simple select:hover, div.simple textarea:hover, table.simple input:hover, table.simple select:hover, table.simple textarea:hover {
    box-shadow: 0 0 8px 0 rgba(126, 126, 126, 0.12), 0 8px 8px 0 rgba(126, 126, 126, 0.24); }

form.simple input[type=submit], form.simple input[type=button], div.simple input[type=submit], div.simple input[type=button], table.simple input[type=submit], table.simple input[type=button] {
  background-color: #FDF8D8;
  color: #575757;
  border: 0px;
  cursor: pointer; }
  form.simple input[type=submit]:hover, form.simple input[type=button]:hover, div.simple input[type=submit]:hover, div.simple input[type=button]:hover, table.simple input[type=submit]:hover, table.simple input[type=button]:hover {
    box-shadow: 0 0 8px 0 rgba(126, 126, 126, 0.12), 0 8px 8px 0 rgba(126, 126, 126, 0.24);
    background-color: #FFE08D;
    color: #000; }

form.simple.nomargin {
  margin: 0;
  max-width: 100%; }

/* 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: #e31838;
    color: whitesmoke; }
    #formLeiste .Act:not(:last-child):after {
      border-left: 15px solid #e31838; }
      #formLeiste .Act:not(:last-child):after:hover {
        color: #fff; }
  #formLeiste .ActLast {
    background-color: #e31838;
    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(126, 126, 126, 0.12), 0 2px 2px 0 rgba(126, 126, 126, 0.24);
    transition: all 0.2s 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.2s ease-in-out;
  cursor: pointer;
  color: rgba(87, 87, 87, 0.75);
  border-bottom: 2px solid transparent; }
  .checklabel:hover, .checklabel:focus {
    color: #575757;
    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(126, 126, 126, 0.12), 0 2px 2px 0 rgba(126, 126, 126, 0.24);
  padding: 10px 20px;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
  background-color: rgba(238, 238, 238, 0.7);
  width: 100%;
  color: rgba(87, 87, 87, 0.75);
  border-bottom: 2px solid transparent; }
  .selectbox select:hover, .selectbox select:focus {
    color: #575757;
    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: 25%; }
  .submitbox.center {
    width: auto;
    padding-left: 0;
    margin-left: auto;
    margin-right: auto; }

.submitbutton {
  box-shadow: 0 0 2px 0 rgba(126, 126, 126, 0.12), 0 2px 2px 0 rgba(126, 126, 126, 0.24);
  transition: all 0.2s ease-in-out;
  cursor: pointer;
  padding: 10px 20px;
  border-radius: 5px;
  color: #575757;
  background-color: #FDF8D8;
  min-width: 200px;
  display: inline-block; }
  .submitbutton:hover {
    background-color: #FFE08D; }

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

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

.textinput > input {
  box-shadow: 0 0 2px 0 rgba(126, 126, 126, 0.12), 0 2px 2px 0 rgba(126, 126, 126, 0.24);
  transition: all 0.2s ease-in-out;
  background-color: rgba(238, 238, 238, 0.7);
  padding: 10px 20px;
  width: 100%;
  color: rgba(87, 87, 87, 0.75);
  border-bottom: 2px solid transparent; }
  .textinput > input:hover, .textinput > input:focus {
    color: #575757;
    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(25% - 10px);
    margin-right: 10px;
    text-align: right;
    padding: 10px 0; }
    .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; }

#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.2s 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(126, 126, 126, 0.12), 0 8px 8px 0 rgba(126, 126, 126, 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.2s 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.2s ease-in-out;
      background-color: rgba(126, 126, 126, 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 #e31838;
  background-color: #a4a4a4; }

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: #575757; }

.headline, .verzeichnis .group .groupName, .ni-headline, .headlineAlternative {
  background-color: #FDF8D8;
  padding: 10px;
  font-weight: normal;
  color: #575757; }
  .headline > a, .verzeichnis .group .groupName > a, .ni-headline > a, .headlineAlternative > a {
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    text-decoration: none;
    color: #575757; }
  .headline:hover a, .verzeichnis .group .groupName:hover a, .ni-headline:hover a, .headlineAlternative:hover a {
    color: #fff; }
  .headline.linkWholeBox, .verzeichnis .group .linkWholeBox.groupName, .ni-headline.linkWholeBox, .headlineAlternative.linkWholeBox {
    transition: all 0.2s ease-in-out;
    transition-property: color, background-color; }
    .headline.linkWholeBox:hover, .verzeichnis .group .linkWholeBox.groupName:hover, .ni-headline.linkWholeBox:hover, .headlineAlternative.linkWholeBox:hover {
      background-color: #FFE08D; }
      .headline.linkWholeBox:hover > a, .verzeichnis .group .linkWholeBox.groupName:hover > a, .ni-headline.linkWholeBox:hover > a, .headlineAlternative.linkWholeBox:hover > a {
        color: #000; }
  .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: center; }

.icon {
  display: inline-block;
  vertical-align: middle; }
  .icon.triangle.next {
    width: 0;
    height: 0;
    content: '';
    z-index: 2;
    border-left: 7px solid #575757;
    border-bottom: 7px solid transparent;
    border-top: 7px solid transparent;
    transition: all 0.2s ease-in-out; }
  .icon.triangle.back {
    width: 0;
    height: 0;
    content: '';
    z-index: 2;
    border-right: 7px solid #575757;
    border-bottom: 7px solid transparent;
    border-top: 7px solid transparent;
    transition: all 0.2s ease-in-out; }

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; }
  a > img:not(.nofade),
  .linkWholeBox img:not(.nofade) {
    transition: opacity 0.2s ease-in-out; }
    a > img:not(.nofade):hover,
    .linkWholeBox img:not(.nofade):hover {
      opacity: 0.8; }
  img.isLoading {
    transition: opacity 0.2s 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: all 0.2s ease-in-out;
      transition-property: background-color, color, left;
      background-color: #FFE08D;
      height: 40px;
      padding: 15px 10px 5px 10px;
      cursor: pointer;
      white-space: nowrap;
      z-index: 14;
      color: #575757; }
      #impressionButton > div > div:not(:hover) {
        left: -10px;
        color: #575757;
        background-color: #FDF8D8; }
    #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: 250px;
      margin-left: -125px;
      background-image: url("../images/STD_logo.png");
      background-repeat: no-repeat;
      background-color: #fff;
      border: 10px solid transparent;
      z-index: 17;
      height: 200px;
      bottom: 0;
      background-size: contain; }

a.previewToggle, #impDescription {
  position: absolute;
  top: 5px;
  right: 5px;
  bottom: auto;
  left: auto;
  background-color: #fafafa;
  font-size: 80%;
  z-index: 8;
  display: inline-block;
  padding: 3px 5px;
  text-decoration: none;
  cursor: pointer;
  color: #575757; }
  a.previewToggle:hover, #impDescription:hover {
    color: #000; }

#impressionThumbnails {
  position: absolute;
  top: auto;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #FDF8D8;
  z-index: 9;
  padding: 10px;
  text-align: center; }
  #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(250, 250, 250, 0.5);
      box-shadow: 0 0 2px 0 rgba(126, 126, 126, 0.12), 0 2px 2px 0 rgba(126, 126, 126, 0.24); }
    #impressionThumbnails ul li.selected img {
      border-color: #FFE08D; }

.impression-next,
.impression-back {
  position: absolute;
  top: 50%;
  right: 20px;
  bottom: auto;
  left: auto;
  top: 50%;
  height: 50px;
  margin-top: -25px;
  transition: all 0.2s ease-in-out;
  background-color: #FFE08D;
  color: whitesmoke;
  width: 40px;
  cursor: pointer;
  box-shadow: 0 0 2px 0 rgba(126, 126, 126, 0.12), 0 2px 2px 0 rgba(126, 126, 126, 0.24);
  transition-property: background-color, color, box-shadow; }
  .impression-next:hover,
  .impression-back:hover {
    color: #fff;
    background-color: rgba(253, 248, 216, 0.5);
    box-shadow: 0 0 8px 0 rgba(126, 126, 126, 0.12), 0 8px 8px 0 rgba(126, 126, 126, 0.24); }
  .impression-next:after,
  .impression-back:after {
    width: 0;
    height: 0;
    content: '';
    z-index: 2;
    border-left: 15px solid #575757;
    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.2s ease-in-out;
  -webkit-filter: drop-shadow(0 0 10px rgba(126, 126, 126, 0.24));
          filter: drop-shadow(0 0 10px rgba(126, 126, 126, 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 {
  background-image: url("../images/../images/kommune-aktiv250x60.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  margin: 8px 16px 16px 32px;
  width: 175px;
  height: 42px; }

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

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

.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: nowrap;
          flex-wrap: nowrap;
  padding-bottom: 32px; }

#Wohnzimmer {
  background-color: #fafafa;
  padding: 32px;
  -webkit-flex-shrink: 0;
          flex-shrink: 0;
  -webkit-flex-grow: 0;
          flex-grow: 0;
  margin-top: 40px;
  min-height: 80vh; }
  #Wohnzimmer:nth-last-of-type(3) {
    width: 800px;
    padding-right: 0; }
  #Wohnzimmer:nth-last-of-type(2) {
    width: 1192px; }

#WohnzimmerTop {
  background-color: #fafafa;
  -webkit-flex-shrink: 0;
          flex-shrink: 0;
  -webkit-flex-grow: 0;
          flex-grow: 0;
  padding: 24px 32px 8px 32px; }

#Arbeitszimmer {
  padding: 0 0 32px 0;
  margin-right: 16px;
  background-color: rgba(250, 250, 250, 0.9); }
  #Arbeitszimmer > div {
    position: -webkit-sticky;
    position: sticky;
    top: 40px;
    z-index: 3; }
    #Arbeitszimmer > div .stickyaddress {
      margin-top: 136px;
      padding-left: 32px;
      font-size: 80%; }
      #Arbeitszimmer > div .stickyaddress h3 {
        margin-bottom: 0; }

#Kinderzimmer {
  padding: 72px 32px 32px 32px;
  -webkit-flex-grow: 0;
          flex-grow: 0;
  -webkit-flex-shrink: 0;
          flex-shrink: 0;
  background-color: #fafafa; }
  #Kinderzimmer h3 > a {
    word-wrap: break-word;
    display: block; }

#navBottom {
  margin: 16px 22px 16px 8px; }

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

.lesemodus * {
  font-family: sans-serif; }

.lesemodus .leseModusHide {
  display: none !important; }

.lesemodus #Erdgeschoss {
  background-color: #888888;
  overflow: hidden; }
  .lesemodus #Erdgeschoss .container {
    z-index: 18; }
    .lesemodus #Erdgeschoss .container .inner {
      min-height: 100vh;
      float: none;
      background-color: #fff;
      color: #000;
      padding-top: 50px;
      padding-bottom: 0 !important;
      z-index: 18;
      display: block;
      /** {
          background-color: $trnsp !important;
          color: $black;
        }*/ }
      .lesemodus #Erdgeschoss .container .inner .Innenraum * {
        color: #000 !important;
        transition: none !important; }

.lesemodus .breadcrumb {
  margin: 0px; }

.lesemodus #WohnzimmerTop {
  width: 100% !important;
  max-width: 100% !important;
  padding: 16px 0;
  z-index: 14;
  background-color: transparent; }

.lesemodus #Kinderzimmer, .lesemodus #Wohnzimmer {
  width: 100% !important;
  max-width: 100% !important;
  padding: 16px;
  z-index: 13;
  margin: 0 !important;
  background-color: transparent; }

.lesemodus.kontrast #Erdgeschoss {
  background-color: #000; }
  .lesemodus.kontrast #Erdgeschoss .inner {
    background-color: #575757;
    color: #fff; }
    .lesemodus.kontrast #Erdgeschoss .inner #Wohnzimmer *, .lesemodus.kontrast #Erdgeschoss .inner #Kinderzimmer * {
      background-color: transparent !important;
      color: #fff; }
    .lesemodus.kontrast #Erdgeschoss .inner .Innenraum * {
      color: #fff !important;
      background-color: transparent !important; }

.lesemodus #closeLeseModus, .lesemodus #navLM {
  display: block; }

.lesemodus #suchergebnisbereich .Innenraum {
  font-size: 100%; }
  .lesemodus #suchergebnisbereich .Innenraum > *:not(h1) {
    font-size: 110% !important; }
  .lesemodus #suchergebnisbereich .Innenraum > h1 {
    font-size: 200%; }

.lesemodus .hornav {
  margin: 30px 0; }

#navLM {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #575757;
  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.2s ease-in-out;
          background-color: #a4a4a4; }
        #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("../images/../images/icons/STD_lesemodus_grey.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto;
    background-color: #575757;
    width: 22px;
    height: 23px;
    margin-left: 5px;
    transition: all 0.2s ease-in-out; }
  a.leseModusControl:hover .icon.speaker {
    background-color: #e31838; }

#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 #FDF8D8; }
  .hinweisSpeech h4 {
    margin-top: 0; }

a {
  transition: all 0.2s ease-in-out;
  transition-property: color, background-color;
  color: #575757; }
  .linkWholeBox:hover a, h3:hover > a, a:hover {
    color: #e31838; }
  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.2s ease-in-out; }
    a.linkToTop:hover {
      box-shadow: 0 0 2px 0 rgba(126, 126, 126, 0.12), 0 2px 2px 0 rgba(126, 126, 126, 0.24); }
      a.linkToTop:hover::before {
        border-bottom-color: #e31838; }
  a.linkToTop:before {
    width: 0;
    height: 0;
    content: '';
    z-index: 2;
    border-bottom: 4px solid #575757;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    margin-right: 5px;
    height: 0;
    transition: all 0.2s ease-in-out; }

.bigArrow a.linkToTop {
  box-shadow: 0 0 2px 0 rgba(126, 126, 126, 0.12), 0 2px 2px 0 rgba(126, 126, 126, 0.24);
  transition: all 0.2s ease-in-out;
  background: #fff;
  padding: 16.5px 14px;
  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; }
  .bigArrow a.linkToTop:hover {
    box-shadow: 0 0 8px 0 rgba(126, 126, 126, 0.12), 0 8px 8px 0 rgba(126, 126, 126, 0.24); }

.collapsedBottom {
  bottom: 2.5vw !important; }

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

.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(126, 126, 126, 0.24);
    text-align: center;
    text-decoration: none;
    min-width: 30px;
    margin-right: -1px; }
  .buchstabeReihe > a:hover {
    background-color: #e31838;
    color: #fff; }
  .buchstabeReihe > span {
    color: #a4a4a4; }

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

.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/STD_logo.png");
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  position: relative;
  z-index: 12;
  margin-bottom: 16px; }
  #logoBox a {
    display: block; }
  #logoBox .white {
    visibility: hidden;
    max-width: 100%;
    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.2s 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.9);
          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%; }

#vnav #adressen:not(:last-child) {
  margin-bottom: 16px; }

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

#vnavcenter ul.FAQ li {
  -moz-user-select: none;
  cursor: pointer;
  font-size: 101%;
  margin-bottom: 35px;
  list-style: url("../images/STD_plus_blau.gif");
  color: #575757; }

#vnavcenter ul.FAQ li span {
  text-decoration: underline;
  color: #575757;
  font-size: 121%; }

#vnavcenter ul.FAQ li span:hover {
  text-decoration: underline;
  color: #e31838;
  font-size: 121%; }

#vnavcenter ul.FAQ li div.slideBox {
  color: #000;
  cursor: default;
  text-decoration: none !important;
  border-left: 2px solid #FFE08D;
  background-color: #FFFFFF;
  padding-left: 10px;
  font-size: 90%;
  margin: 0px 0px 0px 0px;
  max-height: 0px;
  overflow: hidden;
  line-height: 140%; }

#vnavcenter ul.FAQ li.visible div.slideBox {
  max-height: 1500px;
  margin: 5px 0px;
  padding: 25px 10px 25px 10px;
  transition: max-height .85s ease-in-out; }

#vnavcenter ul.FAQ li .spanFAQ {
  line-height: 150%; }

#vnavcenter ul.FAQ li .spanFAQ:hover {
  text-decoration: underline; }

#vnavcenter ul.FAQ li.visible {
  list-style: url("../images/STD_minus_blau.gif"); }

#vnavcenter ul.FAQ li ul li {
  list-style: outside;
  color: #000;
  font-size: 100%; }

#vnavcenter ul.FAQ li ol li {
  list-style: decimal;
  color: #000;
  font-size: 100%; }

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

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

#weitereArtikel {
  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;
  -webkit-justify-content: space-between;
          justify-content: space-between;
  margin-bottom: -16px; }
  .twoCols .navItem {
    -webkit-flex: 0 1 auto;
            flex: 0 1 auto;
    width: calc(50% - 16px);
    margin-bottom: 16px; }
    .twoCols .navItem:nth-child(2):not(:hover) {
      border-top-color: transparent; }
    .twoCols .navItem.ni-headline {
      width: 100%; }

#adressenKomplett {
  margin-top: 32px; }
  #adressenKomplett .navItem {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
            flex-wrap: wrap;
    margin: 32px 0; }
  #adressenKomplett .bild {
    max-width: 200px; }
  #adressenKomplett .beschreibung {
    margin-top: 10px;
    width: 100%; }

#nav_mobile {
  display: block;
  transition: height 0.2s 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: #FDF8D8;
    position: relative;
    pointer-events: all;
    margin: 0; }
    #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: #575757;
          display: block;
          margin-bottom: 5px;
          transition: all 0.2s 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.2s 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(126, 126, 126, 0.24);
    margin: 0;
    list-style: none; }
    .subNavigation ul li.selected {
      color: #e31838; }
      .subNavigation ul li.selected > div > a {
        background-color: #fff;
        color: #e31838; }
    .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: #e31838; }
      .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; }

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

.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: #e31838;
  transition: all 0.3s ease-in-out;
  position: relative; }
  .nav_li.selected, .nav_li:hover {
    background-color: #e31838; }
    .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(227, 24, 56, 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: #a45763;
    color: #fff; }

/*
.nav-mt {
  > ul {
    display: flex;
    align-items: stretch;
    background-color: $p-color;
  }

  a {
    color: $lf-color;
  }

  .nav_li {
    flex: 1 1 0%;
    text-align: center;
    border-color: $white;

    &:hover, &.selected{
      background-color: $p-halfsat-color;
    }

    &:not(:last-child) {
      border-right-width: 1px;
      border-right-style: solid;
    }

    &:nth-last-child(-n+2) > .nav_layer {
      left: auto;
      right: -1px;
    }
  }

  .nav_layer {
    min-width: calc(200% + 2px);
    .nav_layer {
      display: none;
      min-width: 100%;
      background-color: $trnsp;
      position: relative;
      .nav_layer_li {
        background-color: $trnsp;
      }
    }
  }
  @include mobile{
    display: none;
    .nav_li{
      display: block;
    }
  }
}
*/
.nav-main {
  word-wrap: break-word; }
  .nav-main a {
    color: #575757;
    transition: all 0.2s ease-in-out; }
  .nav-main .nav_layer_li-leer {
    display: none; }
  .nav-main .nav_li {
    position: relative;
    border-top: 1px solid rgba(128, 128, 128, 0.5);
    width: 100%; }
    .nav-main .nav_li:last-child {
      border-bottom: 1px solid rgba(128, 128, 128, 0.5); }
    .nav-main .nav_li::before {
      content: "";
      position: absolute;
      top: 0;
      right: auto;
      bottom: 0;
      left: 0;
      padding-right: 16px;
      background-color: #FFE08D;
      box-shadow: inset -7px 0 9px -7px rgba(0, 0, 0, 0.24);
      transition: box-shadow 0.2s ease-in-out; }
    .nav-main .nav_li:hover::before, .nav-main .nav_li.selected::before {
      box-shadow: none; }
    .nav-main .nav_li > a {
      padding: 10px 30px; }
    .nav-main .nav_li > .nav_layer.nav_layer-left {
      background-color: #FDF8D8;
      box-shadow: 0 0 2px 0 rgba(126, 126, 126, 0.12), 0 2px 2px 0 rgba(126, 126, 126, 0.24);
      position: relative;
      margin-left: 16px;
      min-width: auto; }
    .nav-main .nav_li:hover, .nav-main .nav_li.selected {
      background-color: transparent; }
      .nav-main .nav_li:hover > a, .nav-main .nav_li.selected > a {
        color: #575757;
        background-color: #FFE08D;
        box-shadow: 0 0 2px 0 rgba(126, 126, 126, 0.12), 0 2px 2px 0 rgba(126, 126, 126, 0.24); }
  .nav-main .nav_layer:not(.nav_layer-left) {
    left: 100%;
    top: 0;
    margin-left: 5px;
    box-shadow: 0 0 8px 0 rgba(126, 126, 126, 0.12), 0 8px 8px 0 rgba(126, 126, 126, 0.24);
    font-size: 90%; }
    .nav-main .nav_layer:not(.nav_layer-left) > ul {
      padding: 10px 0;
      background-color: #FDF8D8; }
    .nav-main .nav_layer:not(.nav_layer-left) .nav_layer_li {
      padding: 0 10px;
      background-color: #FDF8D8; }
    .nav-main .nav_layer:not(.nav_layer-left) a {
      color: #575757;
      position: relative;
      transition: all 0.2s ease-in-out; }
    .nav-main .nav_layer:not(.nav_layer-left) .nav_layer_li:hover > a {
      background-color: #FFE08D;
      box-shadow: 0 0 2px 0 rgba(126, 126, 126, 0.12), 0 2px 2px 0 rgba(126, 126, 126, 0.24); }
    .nav-main .nav_layer:not(.nav_layer-left) .nav_layer_li.selected:not(:hover) {
      background-color: #FDF8D8; }
      .nav-main .nav_layer:not(.nav_layer-left) .nav_layer_li.selected:not(:hover) > a {
        background-color: transparent; }
  .nav-main .nav_layer-left {
    position: static;
    visibility: visible;
    opacity: 1;
    cursor: default;
    font-size: 90%; }
    .nav-main .nav_layer-left > ul {
      margin: 0;
      padding: 8px 16px;
      display: -webkit-flex;
      display: flex;
      -webkit-flex-flow: column;
              flex-flow: column;
      -webkit-align-items: flex-start;
              align-items: flex-start; }
      .nav-main .nav_layer-left > ul .nav_layer_li {
        white-space: normal;
        background-color: transparent;
        padding: 0;
        border-left: 4px solid transparent;
        margin-left: -4px;
        padding-left: 4px;
        max-width: 100%; }
        .nav-main .nav_layer-left > ul .nav_layer_li a {
          position: relative;
          text-decoration: none; }
          .nav-main .nav_layer-left > ul .nav_layer_li a:after {
            position: absolute;
            content: '';
            height: 1px;
            top: 100%;
            right: 50%;
            left: 50%;
            opacity: 0;
            background-color: currentColor; }
          .nav-main .nav_layer-left > ul .nav_layer_li a:hover:after {
            left: 0;
            right: 0;
            opacity: 1; }
        .nav-main .nav_layer-left > ul .nav_layer_li a {
          color: #575757;
          padding: 4px 8px;
          background-color: transparent; }
          .nav-main .nav_layer-left > ul .nav_layer_li a:after {
            transition: all 0.2s ease-in-out; }
        .nav-main .nav_layer-left > ul .nav_layer_li.selected {
          border-left: 4px solid #FFE08D; }

.nav-h {
  width: auto; }
  .nav-h > ul {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: stretch;
            align-items: stretch; }
  .nav-h a {
    color: #575757;
    font-size: 80%; }
    .nav-h a::after {
      transition: all 0.2s ease-in-out; }
  .nav-h .nav_layer {
    display: none; }
  .nav-h .nav_li {
    border-color: #fff; }
    .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: #575757; }

.nav-ow {
  background-color: #FDF8D8;
  text-align: right;
  float: right; }
  .nav-ow a {
    font-size: 80%;
    color: #575757; }
  .nav-ow .nav_li {
    display: inline-block; }
    .nav-ow .nav_li a {
      position: relative;
      text-decoration: none; }
      .nav-ow .nav_li a:after {
        position: absolute;
        content: '';
        height: 1px;
        top: 100%;
        right: 50%;
        left: 50%;
        opacity: 0;
        background-color: currentColor; }
      .nav-ow .nav_li a:hover:after {
        left: 0;
        right: 0;
        opacity: 1; }
    .nav-ow .nav_li > a::after {
      transition: all 0.2s ease-in-out; }
    .nav-ow .nav_li:hover {
      background-color: transparent; }
      .nav-ow .nav_li:hover a {
        color: #000; }

#nav_mobile a {
  color: #575757;
  padding-right: calc(5vw + 35px);
  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: 0 !important; }

#nav_mobile .nav_li {
  text-align: left; }
  #nav_mobile .nav_li:hover {
    background-color: #FDF8D8; }
  #nav_mobile .nav_li:hover > a,
  #nav_mobile .nav_li.selected > a,
  #nav_mobile .nav_li:hover > div > a,
  #nav_mobile .nav_li.selected > div > a {
    background-color: #FFE08D; }
  #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.2s ease-in-out;
    box-shadow: 0 0 2px 0 rgba(126, 126, 126, 0.12), 0 2px 2px 0 rgba(126, 126, 126, 0.24); }
    #nav_mobile .nav_li span::before {
      float: right;
      margin: 13px 10px;
      width: 0;
      height: 0;
      content: '';
      z-index: 2;
      border-top: 5px solid #575757;
      border-left: 5px solid transparent;
      border-right: 5px solid transparent;
      transition: all 0.2s ease-in-out; }

#nav_mobile .nav_layer {
  position: static;
  padding: 0 10px;
  opacity: 1;
  height: auto;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-in-out;
  transition-property: max-height, padding;
  background-color: #FDF8D8;
  font-size: 90%; }

#nav_mobile .nav_layer_li {
  background-color: transparent; }
  #nav_mobile .nav_layer_li span {
    right: calc(5vw - 10px); }
  #nav_mobile .nav_layer_li > a {
    transition: all 0.2s ease-in-out; }
  #nav_mobile .nav_layer_li:hover > a {
    background-color: #FFE08D;
    box-shadow: 0 0 2px 0 rgba(126, 126, 126, 0.12), 0 2px 2px 0 rgba(126, 126, 126, 0.24); }
  #nav_mobile .nav_layer_li.selected > a {
    background-color: #FFE08D;
    box-shadow: 0 0 2px 0 rgba(126, 126, 126, 0.12), 0 2px 2px 0 rgba(126, 126, 126, 0.24); }
  #nav_mobile .nav_layer_li > .nav_layer {
    display: none !important; }

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

#nav_mobile .pic {
  display: none; }

#nav_mobile .selected > .mainItem > span {
  background-color: #fff; }
  #nav_mobile .selected > .mainItem > span::before {
    -webkit-transform: rotate(360deg) scaleY(-1);
            transform: rotate(360deg) scaleY(-1);
    border-top-color: #FFE08D; }

.nav-c {
  width: auto;
  background-color: #fafafa;
  padding: 8px 16px;
  padding: 4px 8px; }
  .nav-c > ul {
    display: -webkit-flex;
    display: flex; }
    .nav-c > ul .nav_li {
      background-color: transparent;
      padding-bottom: 4px; }
      .nav-c > ul .nav_li a {
        position: relative;
        text-decoration: none; }
        .nav-c > ul .nav_li a:after {
          position: absolute;
          content: '';
          height: 1px;
          top: 100%;
          right: 50%;
          left: 50%;
          opacity: 0;
          background-color: currentColor; }
        .nav-c > ul .nav_li a:hover:after {
          left: 0;
          right: 0;
          opacity: 1; }
      .nav-c > ul .nav_li:not(:first-child) {
        margin-left: 8px; }
    .nav-c > ul a {
      color: #575757;
      background-color: transparent;
      padding: 8px 8px 4px 8px;
      font-size: 90%; }
      .nav-c > ul a:hover {
        color: #575757; }
      .nav-c > ul a::after {
        transition: all 0.2s ease-in-out; }

.navItem {
  padding: 16px;
  page-break-inside: avoid;
  border: 0; }
  .navItem:not(:last-child) {
    margin-bottom: 16px; }
  .navItem .itemWrap:after {
  content: '';
  display: block;
  clear: both; }
    .navItem .itemWrap .ni_top {
      text-align: right;
      color: #575757;
      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:not(.ni_text-onlyTitle) {
      padding-bottom: 10px; }
    .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; }
    .navItem .itemWrap .ni_text h3:last-child {
      margin: 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 {
    box-shadow: 0 0 2px 0 rgba(126, 126, 126, 0.12), 0 2px 2px 0 rgba(126, 126, 126, 0.24);
    transition: all 0.2s ease-in-out;
    background-color: #fff; }
  .navItem.linkWholeBox:hover {
    background-color: #fff;
    box-shadow: 0 0 8px 0 rgba(126, 126, 126, 0.12), 0 8px 8px 0 rgba(126, 126, 126, 0.24); }

.adresse {
  background-color: #fafafa;
  position: relative; }
  .adresse #Obergeschoss {
    top: 0;
    overflow: visible;
    padding: 0;
    box-shadow: 0 0 2px 0 rgba(126, 126, 126, 0.12), 0 2px 2px 0 rgba(126, 126, 126, 0.24);
    background-color: #FDF8D8;
    position: static; }
    .adresse #Obergeschoss .container {
      min-height: 0;
      position: static; }
      .adresse #Obergeschoss .container .inner {
        display: -webkit-flex;
        display: flex;
        -webkit-align-items: center;
                align-items: center;
        padding: 16px;
        background-color: #FDF8D8;
        margin: 0; }
  .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 {
    min-height: 60px;
    height: 60px;
    max-width: 200px;
    margin: 0;
    background-position: left; }
    .adresse #logoBox.eintraglogo {
      margin-right: 10px; }
  .adresse #Bauwerk {
    padding: 0;
    position: static; }
  .adresse #Erdgeschoss {
    padding-bottom: 10px; }
    .adresse #Erdgeschoss .inner {
      padding: 32px; }

.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(126, 126, 126, 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; }

.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: darkred;
  color: #fff;
  cursor: pointer; }
  .closeAdressLayer:not(:hover) {
    opacity: 0.8;
    color: whitesmoke; }

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

.pagejumper {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
          justify-content: center; }
  .pagejumper > div {
    transition: all 0.2s ease-in-out;
    transition-property: color, background-color;
    display: inline-block;
    border: 1px solid rgba(126, 126, 126, 0.24); }
    .pagejumper > div:not(.disabled):not(.active):hover {
      background-color: #fff; }
      .pagejumper > div:not(.disabled):not(.active):hover .triangle.next {
        border-left-color: #e31838; }
      .pagejumper > div:not(.disabled):not(.active):hover .triangle.back {
        border-right-color: #e31838; }
    .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.5;
      pointer-events: none;
      background-color: #eee; }
    .pagejumper > div.active {
      background-color: #FDF8D8;
      pointer-events: none;
      border-left-width: 1px;
      margin-left: -1px; }
      .pagejumper > div.active > a {
        color: #575757; }
    .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.2s 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: #FDF8D8;
        width: 150px;
        height: 30px;
        padding: 5px 10px 5px 10px;
        text-align: center;
        color: #575757;
        transition: background-color 0.2s ease-in-out; }
      #qnavButton > div > div:hover .title {
        background-color: #FFE08D; }
      #qnavButton > div > div .wappen {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 30px;
        background-image: url("../images/STD_logo.png");
        background-repeat: no-repeat;
        background-color: #FDF8D8;
        background-size: 80% auto; }

#qnav {
  transition: width 0.2s 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.2s ease-in-out;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: '';
    opacity: 0;
    pointer-events: none;
    background-color: rgba(126, 126, 126, 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: #FDF8D8;
  color: #575757; }
  #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(126, 126, 126, 0.24), inset 0 -8px 8px -8px rgba(126, 126, 126, 0.24);
      background: #FFE08D;
      display: -webkit-flex;
      display: flex;
      -webkit-flex-flow: column;
              flex-flow: column;
      -webkit-align-items: flex-start;
              align-items: flex-start; }
      #qnavSlide ul.light > li a {
        position: relative;
        text-decoration: none; }
        #qnavSlide ul.light > li a:after {
          position: absolute;
          content: '';
          height: 1px;
          top: 100%;
          right: 50%;
          left: 50%;
          opacity: 0;
          background-color: currentColor; }
        #qnavSlide ul.light > li a:hover:after {
          left: 0;
          right: 0;
          opacity: 1; }
      #qnavSlide ul.light > li > a {
        box-shadow: none !important;
        margin: 0 8px;
        padding: 8px; }
        #qnavSlide ul.light > li > a::after {
          transition: all 0.2s ease-in-out; }
    #qnavSlide ul > li {
      display: block;
      margin: 0 16px;
      padding: 0; }
      #qnavSlide ul > li > a {
        transition: all 0.2s ease-in-out;
        display: block;
        padding: 8px 16px;
        border: 2px solid transparent;
        color: #575757; }
        #qnavSlide ul > li > a:not(.nohover):hover {
          background-color: #FFE08D;
          box-shadow: 0 0 2px 0 rgba(126, 126, 126, 0.12), 0 2px 2px 0 rgba(126, 126, 126, 0.24); }
  #qnavSlide > div {
    display: block;
    margin: 25px 20px 50px 20px; }
  #qnavSlide form {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: stretch;
            align-items: stretch;
    -webkit-justify-content: space-between;
            justify-content: space-between;
    width: 100%; }
    #qnavSlide form p {
      display: -webkit-flex;
      display: flex;
      -webkit-align-items: center;
              align-items: center;
      -webkit-justify-content: center;
              justify-content: center; }
    #qnavSlide form .suchfeld {
      -webkit-flex-grow: 1;
              flex-grow: 1;
      padding: 4px 8px;
      font-family: Open Sans, Arial, Helvetica, sans-serif;
      float: none;
      margin: 0 0 0 10px;
      box-shadow: 0 0 2px 0 rgba(126, 126, 126, 0.12), 0 2px 2px 0 rgba(126, 126, 126, 0.24);
      transition: all 0.2s ease-in-out; }
      #qnavSlide form .suchfeld:hover {
        box-shadow: 0 0 8px 0 rgba(126, 126, 126, 0.12), 0 8px 8px 0 rgba(126, 126, 126, 0.24); }
    #qnavSlide form .suchfeldbutton {
      padding: 4px;
      float: none;
      margin: 0 0 0 10px;
      background-color: #fff;
      box-shadow: 0 0 2px 0 rgba(126, 126, 126, 0.12), 0 2px 2px 0 rgba(126, 126, 126, 0.24);
      cursor: pointer;
      transition: all 0.2s ease-in-out; }
      #qnavSlide form .suchfeldbutton:hover {
        box-shadow: 0 0 8px 0 rgba(126, 126, 126, 0.12), 0 8px 8px 0 rgba(126, 126, 126, 0.24); }
  #qnavSlide > *, #qnavSlide a {
    color: #575757;
    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;
      -webkit-filter: drop-shadow(0 0 3px rgba(0, 0, 0, 0.24));
              filter: drop-shadow(0 0 3px rgba(0, 0, 0, 0.24)); }

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

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

    .ris_hide_web {
        display: none;
    }

    tr {
        td { 
            padding:4px 0px 4px 0px; 
        }
        th {
            padding:4px 0px 4px 0px; 
            text-align:left;
        }
        &.dark { 
            background-color:#EEEEEA; 
        }
    }
    
    .tblGremien th {
        display:none;
    }

    .bezeichnung { 
        float:none; 
        width:auto; 
        text-align:left; 
        font-weight:bold; 
    }
    .inhalt { 
        float:none; 
        width:auto; 
        margin-bottom:10px;
    }
    .kontaktdaten.bild { 
        float:right; 
        width:auto; 
    }
    .kontaktdaten.bild .bezeichnung { 
        display:none; 
    }
    .kontaktdaten br[clear=all] { 
        display:none; 
    }
}
*/
FORM.suchform {
  position: relative;
  width: 100%;
  box-shadow: 0 0 2px 0 rgba(126, 126, 126, 0.12), 0 2px 2px 0 rgba(126, 126, 126, 0.24); }
  FORM.suchform INPUT.suchfeld {
    border: none;
    background-color: #fff;
    color: #575757;
    min-width: 165px;
    width: calc(100% - 27px);
    height: 27px;
    padding: 0 5px;
    float: left; }

#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.2s ease-in-out;
  -webkit-filter: drop-shadow(0 0 10px rgba(126, 126, 126, 0.24));
          filter: drop-shadow(0 0 10px rgba(126, 126, 126, 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: Open Sans, Arial, Helvetica, sans-serif;
  font-size: 80%;
  color: #a4a4a4;
  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: 32px; }

.modul_nt .ni_text {
  display: none; }

.modul_1-100 > .navItem {
  box-shadow: 0 0 2px 0 rgba(126, 126, 126, 0.12), 0 2px 2px 0 rgba(126, 126, 126, 0.24);
  transition: box-shadow 0.2s ease-in-out;
  width: 100%; }
  .modul_1-100 > .navItem:not(:last-child) {
    margin-bottom: 16px; }
  .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 {
    margin: 0; }
  .modul_1-100 > .navItem:hover {
    box-shadow: 0 0 8px 0 rgba(126, 126, 126, 0.12), 0 8px 8px 0 rgba(126, 126, 126, 0.24); }

.modul_1-50 > .navItem {
  box-shadow: 0 0 2px 0 rgba(126, 126, 126, 0.12), 0 2px 2px 0 rgba(126, 126, 126, 0.24);
  transition: box-shadow 0.2s ease-in-out;
  width: 100%; }
  .modul_1-50 > .navItem:not(:last-child) {
    margin-bottom: 16px; }
  .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(126, 126, 126, 0.12), 0 8px 8px 0 rgba(126, 126, 126, 0.24); }

.modul_1-25 {
  box-shadow: 0 0 2px 0 rgba(126, 126, 126, 0.12), 0 2px 2px 0 rgba(126, 126, 126, 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(126, 126, 126, 0.12), 0 2px 2px 0 rgba(126, 126, 126, 0.24);
    transition: box-shadow 0.2s 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(126, 126, 126, 0.12), 0 8px 8px 0 rgba(126, 126, 126, 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(126, 126, 126, 0.12), 0 2px 2px 0 rgba(126, 126, 126, 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(126, 126, 126, 0.12), 0 2px 2px 0 rgba(126, 126, 126, 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(126, 126, 126, 0.12), 0 2px 2px 0 rgba(126, 126, 126, 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(126, 126, 126, 0.12), 0 2px 2px 0 rgba(126, 126, 126, 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(126, 126, 126, 0.12), 0 2px 2px 0 rgba(126, 126, 126, 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 {
  padding-left: 48px;
  padding-right: 48px;
  position: relative;
  max-width: 100%;
  width: 100%;
  /*
  @include media-0-m {
    display: block;

    .navItem {
      width: 100%;
      margin: 0 0 $spacing 0 !important;
    }
  }

  @include media-m-db {
    flex-wrap: wrap;

    >.navItem {
      flex-basis: calc(50% - 16px;
      &:nth-child(2n - 1){
        margin: 0 $spacing $spacing 0 !important;
      }
      &:not(:nth-child(2n - 1)){
        margin: 0 0 $spacing 0 !important;
      }
    }
  }
  */ }
  .modul_4-25 .navItem {
    margin-bottom: 0;
    max-width: 100%;
    width: 100%;
    /*
    flex-basis: 25%;

    &:not(:first-child) {
      margin-left: $spacing / 2;
    }

    &:not(:last-child) {
      margin-right: $spacing / 2;
    }
    */ }
    .modul_4-25 .navItem .itemWrap {
      display: -webkit-flex;
      display: flex;
      -webkit-flex-flow: column;
              flex-flow: column; }
    .modul_4-25 .navItem .ni_image a {
      display: block; }
    .modul_4-25 .navItem .ni_image img {
      width: 100%;
      margin: 0; }
  .modul_4-25 .controlsCarousel button {
    padding: 0;
    position: absolute;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
            align-items: center;
    -webkit-justify-content: center;
            justify-content: center;
    top: calc(50% - 24px);
    height: 48px;
    width: 48px;
    border: none;
    box-shadow: 0 0 2px 0 rgba(126, 126, 126, 0.12), 0 2px 2px 0 rgba(126, 126, 126, 0.24);
    transition: all 0.3s ease-in-out;
    background-color: #FDF8D8;
    color: #575757;
    cursor: pointer; }
    .modul_4-25 .controlsCarousel button.prev {
      left: -16px; }
      .lesemodus .modul_4-25 .controlsCarousel button.prev{
        left: 0;}
      .modul_4-25 .controlsCarousel button.prev::after {
        width: 0;
        height: 0;
        content: '';
        z-index: 2;
        border-right: 12px solid #575757;
        border-bottom: 12px solid transparent;
        border-top: 12px solid transparent; }
    .modul_4-25 .controlsCarousel button.next {
      right: -16px; }
      .lesemodus .modul_4-25 .controlsCarousel button.next{
        right: 0;}
      .modul_4-25 .controlsCarousel button.next::after {
        width: 0;
        height: 0;
        content: '';
        z-index: 2;
        border-left: 12px solid #575757;
        border-bottom: 12px solid transparent;
        border-top: 12px solid transparent; }
  .modul_4-25 .itemCarousel {
    display: -webkit-flex;
    display: flex; }
  .modul_4-25 .extraWrapper {
    padding-top: 10px;
    padding-bottom: 10px;
    display: -webkit-flex !important;
    display: flex !important; }

.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.two-one .ss_column:first-child {
    -webkit-flex-basis: 150%;
            flex-basis: 150%; }
.lesemodus .ss_row{
  flex-flow: column;}

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

.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_ticker > a {
    display: block;
    text-align: right; }

#tickerBorder {
  position: relative;
  overflow: hidden;
  height: 300px;
  margin-top: 16px;
  margin-bottom: 16px;
  background-color: #fff;
  box-shadow: 0 0 2px 0 rgba(126, 126, 126, 0.12), 0 2px 2px 0 rgba(126, 126, 126, 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: 16px 0; }
  #tickerArea > .navItem {
    margin: 0; }

.ss_zone6 .ajaxLoader {
  transition: height 0.2s ease-in-out;
  overflow: hidden;
  position: relative;
  margin: 0 -14px; }
  .ss_zone6 .ajaxLoader > .outer {
    transition: top 0.2s 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(126, 126, 126, 0.12), 0 2px 2px 0 rgba(126, 126, 126, 0.24);
    transition: all 0.2s ease-in-out; }
    .ss_zone6 .ajaxLoader .navItem:hover {
      box-shadow: 0 0 8px 0 rgba(126, 126, 126, 0.12), 0 8px 8px 0 rgba(126, 126, 126, 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.2s ease-in-out;
    background-color: #FDF8D8;
    width: 48px;
    height: 48px;
    display: -webkit-inline-flex;
    display: inline-flex;
    margin: 5px;
    -webkit-align-items: center;
            align-items: center;
    -webkit-justify-content: center;
            justify-content: center; }
    .ss_zone6 .ajaxPresseControl .button:hover {
      background-color: #FFE08D; }
    .ss_zone6 .ajaxPresseControl .button .icon {
      margin: 16px 0;
      width: 0;
      height: 0;
      content: '';
      z-index: 2;
      border-left: 10px solid transparent;
      border-right: 10px solid transparent; }
      .ss_zone6 .ajaxPresseControl .button .icon.next {
        border-top: 17.32px solid #575757; }
      .ss_zone6 .ajaxPresseControl .button .icon.back {
        border-bottom: 17.32px solid #575757; }
    .ss_zone6 .ajaxPresseControl .button.disabled {
      opacity: 0.6;
      pointer-events: none; }

.swipe {
  overflow: hidden;
  visibility: hidden;
  position: relative;
  height: calc(90vw / 2.5);
  width: 100%;
  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: calc(50% - 24px);
  height: 48px;
  max-height: 48px;
  width: 48px;
  max-width: 48px;
  left: 16px;
  z-index: 2;
  position: absolute;
  border: none;
  background-color: whitesmoke;
  box-shadow: 0 0 2px 0 rgba(126, 126, 126, 0.12), 0 2px 2px 0 rgba(126, 126, 126, 0.24);
  opacity: 0.9;
  transition: all 0.2s ease-in-out;
  border-radius: 24px;
  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(126, 126, 126, 0.12), 0 8px 8px 0 rgba(126, 126, 126, 0.24);
    opacity: 1;
    background-color: #fff; }
    .swipeButton:hover::after {
      border-color: transparent #000 transparent transparent; }
  .swipeButton::after {
    content: "";
    height: 0;
    width: 0;
    border-width: 10px 17.3px 10px 0;
    border-color: transparent #575757 transparent transparent;
    border-style: solid;
    margin-left: -5px;
    transition: border-color 0.2s ease-in-out; }

.sb-next {
  left: auto;
  right: 16px; }
  .sb-next:hover::after {
    border-color: transparent transparent transparent #000; }
  .sb-next::after {
    border-width: 10px 0 10px 17.3px;
    border-color: transparent transparent transparent #575757;
    margin-left: 5px; }

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

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

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

.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 {
  width: 100%; }
  .einfachetabelle td {
    padding: 5px 10px;
    min-width: 100px; }
  .einfachetabelle th {
    font-weight: bold;
    padding: 10px;
    color: #575757;
    min-width: 100px;
    text-align: left; }
  .einfachetabelle thead tr {
    background-color: #FDF8D8; }

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

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

.verzeichnisForm {
  position: relative;
  box-shadow: 0 0 2px 0 rgba(126, 126, 126, 0.12), 0 2px 2px 0 rgba(126, 126, 126, 0.24);
  margin-top: 10px; }
  .verzeichnisForm input {
    margin: 0;
    float: left;
    height: 37px;
    background-image: none; }
  .verzeichnisForm .textfeld {
    width: calc(100% - 27px);
    background-color: #fff;
    color: #575757;
    min-width: 165px;
    height: 27px;
    padding: 0 5px;
    float: none; }
  .verzeichnisForm .searchButton {
    width: 27px;
    height: 27px;
    float: none; }

.jobform input[type="checkbox"], .jobform input[type="radio"] {
  position: static; }

.jobform td {
  padding: 3px; }

.auswahlJobs {
  display: -webkit-flex;
  display: flex; }
  .auswahlJobs .ausgewaehlt {
    -webkit-flex-basis: 100%;
            flex-basis: 100%;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: flex-start;
            align-items: flex-start;
    -webkit-justify-content: center;
            justify-content: center; }
    .auswahlJobs .ausgewaehlt > form {
      box-shadow: 0 0 2px 0 rgba(126, 126, 126, 0.12), 0 2px 2px 0 rgba(126, 126, 126, 0.24);
      padding: 0 16px 16px 16px;
      margin: 0;
      width: 100%;
      transition: all 0.2s ease-in-out; }
      .auswahlJobs .ausgewaehlt > form:hover {
        box-shadow: 0 0 8px 0 rgba(126, 126, 126, 0.12), 0 8px 8px 0 rgba(126, 126, 126, 0.24); }
    .auswahlJobs .ausgewaehlt:not(:first-child) {
      margin-left: 16px; }
    .auswahlJobs .ausgewaehlt:not(:last-child) {
      margin-right: 16px; }

.jobangebot {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-justify-content: space-between;
          justify-content: space-between;
  padding: 16px;
  box-shadow: 0 0 2px 0 rgba(126, 126, 126, 0.12), 0 2px 2px 0 rgba(126, 126, 126, 0.24);
  margin-top: 20px;
  background-color: #fff; }
  .jobangebot .bild {
    width: 100%; }
  @media screen and (min-width: 0) {
  /*fix*/ }
  @media screen and (min-width: 0) and (max-width: 1699px) {
  /*fix*/
  /*fix*/
  h1 {
    font-size: 160%;
    margin-bottom: 10px; }
  h2 {
    font-size: 130%;
    margin-bottom: 10px; }
  h3 {
    font-size: 120%;
    margin-bottom: 10px; }
  h4 {
    font-size: 115%;
    margin-bottom: 10px; }
  h5 {
    font-size: 112%;
    margin-bottom: 10px; }
  h6 {
    font-size: 110%;
    margin-bottom: 10px; }
    #Wohnzimmer {
      font-size: 90%; }
    #WohnzimmerTop {
      font-size: 90%; }
    #Kinderzimmer {
      font-size: 90%; } }
  @media screen and (min-width: 0) and (max-width: 1379px) {
  /*fix*/ }
  @media screen and (min-width: 0) and (max-width: 959px) {
  /*fix*/
    #Fundament {
      margin: 20px 0 0 0;
      padding-bottom: 100px; }
      #Fundament .container .stickycontent {
        display: block;
        -webkit-order: 0 !important;
                order: 0 !important;
        font-size: 80%; }
        #Fundament .container .stickycontent h3 {
          margin-bottom: 0; }
      #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; }
    #Wohnzimmer {
      padding: 16px !important; }
    #WohnzimmerTop {
      width: 100%;
      position: static;
      padding: 16px;
      left: auto;
      top: auto; }
    #Arbeitszimmer {
      display: none; }
    .layoutzweispaltig {
      display: block; }
      .layoutzweispaltig > div {
        width: 100%; }
    a.leseModusControl {
      display: none; }
    #qnavButton {
      display: none !important; }
    .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: 16px; } }
  @media screen and (min-width: 0) and (max-width: 767px) {
  /*fix*/
  .container {
    width: 90%; }
    #Dach {
      display: none; }
      #Obergeschoss .inner {
        display: block; }
        #Obergeschoss .inner .headleft {
          width: 100%;
          margin: 0;
          background-color: #fff; }
      #Obergeschoss .inner {
        margin-top: 42px; }
        #Fundament .container .inner {
          display: -webkit-flex;
          display: flex;
          -webkit-flex-flow: column;
                  flex-flow: column;
          -webkit-align-items: stretch;
                  align-items: stretch;
          padding: 16px; }
          #Fundament .container .inner > div {
            margin: 0 0 20px 0 !important;
            -webkit-order: -1;
                    order: -1; }
            #Fundament .container .inner > div ul {
              -webkit-justify-content: space-between;
                      justify-content: space-between;
              -webkit-flex-flow: column;
                      flex-flow: column;
              -webkit-align-items: flex-start;
                      align-items: flex-start; }
              #Fundament .container .inner > div ul a {
                display: inline-block; }
          #Fundament .container .inner > a {
            -webkit-order: 1 !important;
                    order: 1 !important; }
          #Fundament .container .inner > a > div {
            margin: 0 !important; }
    .container .inner {
      display: block;
      width: auto;
      padding: 0;
      margin: 0;
      max-width: 100%;
      float: none; }
  .mobile-hide {
    display: none !important; }
  display: none;
    #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; }
  .kommuneaktiv {
    display: none !important; }
    #Erdgeschoss .inner {
      padding: 0; }
    #Wohnzimmer, #Wohnzimmer:nth-last-of-type(3), #Wohnzimmer:nth-last-of-type(2) {
      width: 100%;
      max-width: 100%;
      padding: 0;
      min-height: 0;
      display: block;
      margin-top: 0; }
    #Kinderzimmer {
      padding: 16px;
      width: 100%; }
      a.linkToTop {
        color: whitesmoke; }
    .bigArrow a.linkToTop {
      bottom: 75px;
      right: 10px;
      padding: 13px 11px;
      border-bottom-width: 12px;
      border-left-width: 8px;
      border-right-width: 8px; }
    #logoBox {
      width: 50%;
      margin-left: auto;
      margin-right: auto; }
    .twoCols, .twoCols .navItem {
      width: auto;
      padding: 0;
      margin: 0;
      max-width: 100%;
      float: none;
      display: block; }
      .nav-h a {
        padding: 5px 4px; }
        .navItem .itemWrap .ni_image {
          width: auto; }
    .adresse .container {
      width: 100%; }
      .adresse #Obergeschoss {
        position: relative; }
        .adresse #Erdgeschoss .inner {
          padding: 16px; }
    .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; }
      .verzeichnis #nav-ow ul > li {
        display: block; }
  .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_2-50 {
      display: block; }
      .modul_2-50 > .navItem {
        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: 16px; }
    .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: 16px; }
    .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_ges > div {
      display: block; }
    .ss_column {
      margin: 0 !important; }
  .swipeTitle,
  .swipeBullets {
    display: none; }
      .verzeichnis .group .groupName {
        position: relative; }
  .button.nofull {
    width: auto !important; } }
  @media screen and (min-width: 768px) {
  /*fix*/
    #mobilefooter {
      display: none; }
    FORM.suchform {
      float: right; } }
  @media screen and (min-width: 768px) and (max-width: 1699px) {
  /*fix*/
  /*fix*/
      #calendar td a {
        padding: 6px; }
      #calendar th {
        padding: 3px; } }
  @media screen and (min-width: 768px) and (max-width: 1379px) {
  /*fix*/
    .breadcrumb {
      font-size: 80%; } }
  @media screen and (min-width: 768px) and (max-width: 959px) {
  /*fix*/
  .container {
    width: 768px; }
    #Dach {
      margin-top: 42px;
      padding-top: 16px; }
      #Obergeschoss .inner {
        position: relative; }
        #Obergeschoss .inner .headleft {
          position: absolute;
          top: 0;
          right: auto;
          bottom: 0;
          left: 0;
          z-index: 2; }
      #Fundament .container .stickycontent {
        margin: 16px 0 16px 0; }
      #Fundament .container .inner > div ul {
        -webkit-justify-content: space-between;
                justify-content: space-between;
        -webkit-flex-flow: column;
                flex-flow: column;
        -webkit-align-items: flex-start;
                align-items: flex-start; }
        #Fundament .container .inner > div ul a {
          display: inline-block; }
      #GallerieAlle > div {
        width: 40%;
        max-width: 50%; }
    #Wohnzimmer, #Wohnzimmer:nth-last-of-type(3) {
      max-width: 67%;
      width: 67%;
      margin-top: 0; }
      .startseite #Wohnzimmer, .startseite #Wohnzimmer:nth-last-of-type(3) {
        width: 100%;
        max-width: 100%; }
    #Wohnzimmer:nth-last-of-type(2) {
      max-width: 100%;
      width: 100%;
      margin-top: 0; }
    #Kinderzimmer {
      max-width: 33%;
      width: 33%;
      padding: 16px !important; }
        .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: 16px; }
      .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%; }
    .swipeButton {
      left: 268.5px; }
    .sb-next {
      left: auto; } }
  @media screen and (min-width: 960px) {
  /*fix*/
    #mobilefooter_twg {
      display: none; }
    #nav_mobile {
      display: none; } }
  @media screen and (min-width: 960px) and (max-width: 1699px) {
  /*fix*/
  /*fix*/ }
  @media screen and (min-width: 960px) and (max-width: 1379px) {
  /*fix*/
  .container {
    width: 930px; }
        #Obergeschoss .inner .headleft {
          width: calc((930px - 32px) / 4);
          padding: 16px; }
    #Erdgeschoss .inner {
      padding-bottom: 16px; }
    #Wohnzimmer {
      padding: 16px;
      min-width: 442.55px;
      max-width: 689.5px; }
      #Wohnzimmer:nth-last-of-type(3) {
        width: 442.55px; }
      #Wohnzimmer:nth-last-of-type(2) {
        width: 689.5px; }
    #WohnzimmerTop {
      padding: 16px;
      position: absolute;
      top: 0;
      right: auto;
      bottom: auto;
      left: 240.5px;
      width: 689.5px; }
      body.startseite #Arbeitszimmer > div {
        margin-top: -32px; }
    #Arbeitszimmer {
      width: 224.5px;
      -webkit-flex-grow: 0;
              flex-grow: 0;
      -webkit-flex-shrink: 0;
              flex-shrink: 0; }
    #Kinderzimmer {
      padding: 64px 16px 16px 16px;
      width: 246.95px; }
        .nav-main .nav_layer-left > ul {
          margin: 0;
          padding: 8px 8px; }
    .swipe {
      height: 288.59475px; } }
  @media screen and (min-width: 1380px) {
  /*fix*/
    @supports ((-webkit-clip-path: polygon(0 0, 100% 0, 100% 75%, 0 100%)) or (clip-path: polygon(0 0, 100% 0, 100% 75%, 0 100%))) {
      .bigArrow a.linkToTop {
        width: 48px;
        height: 48px;
        -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, 0 32px, 14.7625px 32px, 33.2375px 32px, 50% 16px, 14.7625px 32px, 0 32px);
                clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, 0 32px, 14.7625px 32px, 33.2375px 32px, 50% 16px, 14.7625px 32px, 0 32px); }
        .bigArrow a.linkToTop::before {
          content: none; } } }
  @media screen and (min-width: 1380px) and (max-width: 1699px) {
  /*fix*/
  /*fix*/
  .container {
    width: 1160px; }
        #Obergeschoss .inner .headleft {
          width: calc((1160px - 32px) / 4); }
    #Wohnzimmer {
      min-width: 580px;
      max-width: 862px; }
      #Wohnzimmer:nth-last-of-type(3) {
        width: 580px; }
      #Wohnzimmer:nth-last-of-type(2) {
        width: 862px; }
    #WohnzimmerTop {
      position: absolute;
      top: 0;
      right: auto;
      bottom: auto;
      left: 298px;
      width: 862px; }
      body.startseite #Arbeitszimmer > div {
        margin-top: -80px; }
    #Arbeitszimmer {
      width: 282px;
      -webkit-flex-grow: 0;
              flex-grow: 0;
      -webkit-flex-shrink: 0;
              flex-shrink: 0; }
    #Kinderzimmer {
      width: 282px; }
    .swipe {
      height: 362.511px; } }
  @media screen and (min-width: 1700px) {
  /*fix*/
  /*fix*/
  .container {
    width: 1600px; }
        #Obergeschoss .inner .headleft {
          width: calc((1600px - 32px) / 4);
          display: -webkit-flex;
          display: flex;
          -webkit-flex-flow: column;
                  flex-flow: column;
          -webkit-align-items: center;
                  align-items: center; }
    #Wohnzimmer {
      min-width: 800px;
      max-width: 1192px; }
      #Wohnzimmer:nth-last-of-type(3) {
        width: 800px; }
      #Wohnzimmer:nth-last-of-type(2) {
        width: 1192px; }
    #WohnzimmerTop {
      position: absolute;
      top: 0;
      right: auto;
      bottom: auto;
      left: 408px;
      width: 1192px; }
      body.startseite #Arbeitszimmer > div {
        margin-top: -176px; }
    #Arbeitszimmer {
      width: 392px;
      -webkit-flex-grow: 0;
              flex-grow: 0;
      -webkit-flex-shrink: 0;
              flex-shrink: 0; }
    #Kinderzimmer {
      width: 392px; }
    #logoBox {
      max-width: 250px; }
    .swipe {
      height: 503.916px; } }
  @media screen and (min-width: 1700px) and (max-width: 1699px) {
  /*fix*/ }
  @media screen and (min-width: 0) and (max-width: 767px) and (min-width: 0) and (max-width: 767px) {
        #Fundament .container .inner > div ul {
          -webkit-align-items: flex-end;
                  align-items: flex-end; } }
  @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, .ss_row, .ss_column {
    display: block; }
  h3 {
    font-size: 100%; }
  #Erdgeschoss,
  .Innenraum {
    font-size: 80% !important;
    margin: 0 !important; }
  #Erdgeschoss .inner {
    display: block !important; }
  .Innenraum ul.FAQ li div {
    display: block !important; }
  #Arbeitszimmer {
    display: none !important; }
  #Wohnzimmer, #Kinderzimmer, #WohnzimmerTop {
    position: static;
    width: 100% !important;
    max-width: 100% !important;
    min-height: 0 !important; }
  #bfnav .mobile, #mobilefooter {
    display: none !important; }
  .ss_zone6, .ss_zone6 .headline, .ss_zone6 .headline a, .ss_ticker {
    width: 100%;
    font-size: 100%; }
  .ss_ticker {
    display: none !important; }
  .navItem {
    page-break-inside: avoid; } }
  @media only screen and (max-width: 767px) {
    .nav-main {
      display: none; } }
  .digitalesamt.digitalesamt-mobile{
    margin: 0 16px 16px 18px;
    display: none;
  }
    @media only screen and (max-width: 959px) {
      .digitalesamt.digitalesamt-mobile{
        display: block;
      }
    }
    
    @media only screen and (max-width: 767px){
      .digitalesamt.digitalesamt-mobile{
        display: flex;
        justify-content: flex-end;
        margin: 0;
        margin-right: 22px;
      }
    }