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

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

/* Fluid Property.. uebergebe min und max bereich, und prozentualer wert wird gestzt */
.startseite #WohnzimmerTop, .startseite body:not(.adresse) #WohnzimmerTop, body:not(.adresse) .startseite #WohnzimmerTop {
  display: none; }

#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 {
  -webkit-transform: rotate(-90deg) translateX(-100%);
          transform: rotate(-90deg) translateX(-100%);
  -webkit-transform-origin: left top;
          transform-origin: left top; }

#kommuneaktiv {
  position: absolute;
  margin-left: -8px; }
  #kommuneaktiv:after {
    content: '';
    position: absolute;
    bottom: 100%;
    left: 0;
    width: 0;
    height: 0;
    content: '';
    z-index: 2;
    border-bottom: 8px solid rgba(0, 0, 0, 0.7);
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-right-width: 0; }

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

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

#calendar, #calenderMonthList, #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, #kommuneaktiv, .lesemodus #Erdgeschoss .container, #navLM, a.linkToTop, .bigArrow a.linkToTop, #nav_mobile, #nav_mobile > ul:first-of-type, .ss_zone6 .ajaxPresseControl .button {
  box-shadow: 0 0 2px 0 rgba(78, 78, 78, 0.12), 0 2px 2px 0 rgba(78, 78, 78, 0.24); }

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

/*

%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: "Roboto";
  font-style: normal;
  font-weight: normal;
  src: url("./fonts/roboto-regular/roboto-regular-webfont.eot?") format("eot"), url("./fonts/roboto-regular/roboto-regular-webfont.woff2") format("woff2"), url("./fonts/roboto-regular/roboto-regular-webfont.woff") format("woff"), url("./fonts/roboto-regular/roboto-regular-webfont.ttf") format("truetype"), url("./fonts/roboto-regular/roboto-regular-webfont.svg#Roboto") format("svg"); }

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

.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: transparent;
  transition: all 0.3s ease-in-out;
  transition-property: opacity;
  position: relative;
  border: 0;
  padding: 0 0;
  height: 32px;
  margin: 0;
  width: 32px;
  cursor: pointer; }
  FORM.suchform INPUT.suchfeldbutton:not(:hover), .verzeichnisForm .searchButton:not(:hover) {
    opacity: 0.9; }

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

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

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

img {
  max-width: 100%; }

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

body {
  line-height: 1; }

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

blockquote, q {
  quotes: none; }

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

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

fieldset {
  min-width: 0; }

.unsichtbar {
  display: none !important; }

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

.backstretch {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1; }
  .backstretch div {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    opacity: 0; }
  .backstretch img {
    visibility: hidden; }

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

body {
  background-color: #747474;
  font-family: Roboto, sans-serif;
  color: #282828;
  text-rendering: optimizeLegibility; }

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

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

#Obergeschoss {
  z-index: 100;
  background-color: #096493;
  position: relative;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  background-image: url("../images/water-pattern.png");
  background-repeat: no-repeat;
  background-size: cover; }
  body > div:not(.adresse) #Obergeschoss .inner .container {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
            align-items: center;
    -webkit-justify-content: space-between;
            justify-content: space-between;
    -webkit-flex-wrap: wrap;
            flex-wrap: wrap; }
    body > div:not(.adresse) #Obergeschoss .inner .container > * {
      -webkit-flex: 1 0 auto;
              flex: 1 0 auto;
      margin: 10px 0; }
    body > div:not(.adresse) #Obergeschoss .inner .container > .right {
      display: -webkit-flex;
      display: flex;
      -webkit-align-items: center;
              align-items: center;
      width: 100%; }
  #Obergeschoss::before {
    display: block;
    background-image: url("../images/Fischschwarm.png");
    content: "";
    position: absolute;
    top: -75px;
    right: 0;
    bottom: 0;
    left: auto;
    left: calc(50% - 800px - 200px);
    width: 500px;
    background-size: contain;
    background-repeat: no-repeat;
    z-index: -1;
    opacity: 0.5;
    pointer-events: none;
    height: 250px; }
  #Obergeschoss::after {
    background-image: url("../images/header.png");
    display: block;
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: auto;
    left: auto;
    height: 250px;
    width: 590px;
    background-size: contain;
    background-repeat: no-repeat;
    z-index: -1;
    pointer-events: none; }
  #Obergeschoss .facebook {
    position: absolute;
    top: 0;
    right: auto;
    bottom: auto;
    left: 60%;
    z-index: 1000; }
    #Obergeschoss .facebook > div {
      width: 150px;
      height: 50px;
      background-color: #fff;
      display: -webkit-flex;
      display: flex;
      box-shadow: 0 0 2px 0 rgba(78, 78, 78, 0.12), 0 2px 2px 0 rgba(78, 78, 78, 0.24);
      -webkit-align-items: center;
              align-items: center;
      -webkit-transform: rotate(-10deg);
              transform: rotate(-10deg);
      margin-top: 15px;
      transition: all 0.3s ease-in-out; }
      #Obergeschoss .facebook > div:hover {
        box-shadow: 0 0 8px 0 rgba(78, 78, 78, 0.12), 0 8px 8px 0 rgba(78, 78, 78, 0.24); }
      #Obergeschoss .facebook > div > img {
        height: 40px;
        width: 40px;
        margin: 5px; }
      #Obergeschoss .facebook > div > p {
        color: #282828;
        font-size: 75%; }

#Erdgeschoss {
  z-index: 5;
  background-color: #0c293b;
  background-image: linear-gradient(to bottom, #096493 0%, #0c293b 100%); }

#Fundament {
  color: #fff;
  z-index: 4;
  margin: 0;
  padding: 100px 0;
  overflow-y: hidden;
  background: url(../images/anemone.png) bottom left no-repeat #0c293b; }
  #Fundament a {
    color: #fff; }
  #Fundament .inner {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: stretch;
            align-items: stretch;
    -webkit-justify-content: flex-end;
            justify-content: flex-end;
    -webkit-flex-wrap: wrap;
            flex-wrap: wrap; }
    #Fundament .inner > div:not(.partnerLogos) {
      padding: 0 20px; }
      #Fundament .inner > div:not(.partnerLogos):nth-last-child(2) {
        border-left: 1px solid #fff; }
      #Fundament .inner > div:not(.partnerLogos) > div {
        padding: 20px; }
        #Fundament .inner > div:not(.partnerLogos) > div:not(:last-child) {
          border-bottom: 1px solid rgba(255, 255, 255, 0.3); }
        #Fundament .inner > div:not(.partnerLogos) > div a > h3 span,
        #Fundament .inner > div:not(.partnerLogos) > div a > h4 span {
          border-bottom: 3px solid #096493;
          display: inline-block;
          transition: all 0.3s ease-in-out;
          color: whitesmoke; }
        #Fundament .inner > div:not(.partnerLogos) > div a > h3:hover span,
        #Fundament .inner > div:not(.partnerLogos) > div a > h4:hover span {
          border-bottom-color: #fff;
          color: #fff; }
    #Fundament .inner .partnerLogos {
      margin-top: 25px;
      width: 100%;
      display: -webkit-flex;
      display: flex;
      -webkit-justify-content: flex-end;
              justify-content: flex-end;
      -webkit-align-items: stretch;
              align-items: stretch;
      padding-right: 40px; }
      #Fundament .inner .partnerLogos .shop {
        color: #fff; }
      #Fundament .inner .partnerLogos #bde_shopreview {
        margin: 0; }
      #Fundament .inner .partnerLogos .mspinfo {
        padding-top: 4px;
        margin-left: 25px;
        line-height: 0; }
        #Fundament .inner .partnerLogos .mspinfo img {
          padding: 5px;
          background-color: #fff;
          height: 50px; }

.container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  line-height: normal; }
  #Erdgeschoss .container {
    box-shadow: 0 0 2px 0 rgba(78, 78, 78, 0.12), 0 2px 2px 0 rgba(78, 78, 78, 0.24); }
  #Erdgeschoss .container .inner {
    background-color: #f6f6f6;
    padding-bottom: 80px; }

#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: #096493;
    opacity: 0;
    visibility: hidden;
    position: absolute;
    transition: all 0.3s ease-in-out;
    margin-top: -8px; }
    #bfnav > div > ul > li > a {
      transition: all 0.3s ease-in-out;
      transition-property: color, background-color;
      color: whitesmoke; }
      #bfnav > div > ul > li > a:hover {
        background-color: rgba(78, 78, 78, 0.24); }
  #bfnav:hover > div {
    opacity: 1;
    visibility: visible;
    margin-top: 0; }
  #bfnav .nachobengeschoben {
    position: absolute;
    top: -500px;
    left: -500px; }

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

#calendar {
  background-color: #fff;
  padding: 0;
  width: 100%;
  display: table; }
  #calendar td a {
    display: block;
    padding: 5px 1px;
    text-decoration: none;
    color: #282828; }
    #calendar td a:hover {
      background-color: rgba(78, 78, 78, 0.24); }
  #calendar td:empty {
    pointer-events: none; }
  #calendar td.selected {
    background-color: #933809; }
    #calendar td.selected a {
      color: #fff;
      font-weight: bold; }
  #calendar caption {
    position: relative; }
  #calendar caption,
  #calendar thead {
    background-color: #096493;
    color: whitesmoke; }
    #calendar caption a,
    #calendar thead a {
      color: inherit;
      text-decoration: none; }

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

#calenderMonthList {
  background-color: #096493;
  position: absolute;
  list-style: none;
  top: 0;
  left: 0;
  margin: 0 -2px;
  padding: 0 0 2px;
  width: 100%; }
  #calenderMonthList li {
    height: 28px; }
    #calenderMonthList li a {
      text-decoration: none;
      font-weight: normal;
      display: block;
      padding: 4px 0; }
      #calenderMonthList li a:hover {
        background-color: rgba(78, 78, 78, 0.24); }

#currentMonth a {
  font-weight: bold; }

form[name="kontform"] {
  max-width: 700px; }

input,
select,
textarea {
  font-family: Roboto, 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%; }

.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: 9.5px; }
    .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; }

.choice {
  list-style: none;
  margin: 0;
  padding-left: 0; }
  .choice > li,
  .choice > div {
    box-shadow: 0 0 2px 0 rgba(78, 78, 78, 0.12), 0 2px 2px 0 rgba(78, 78, 78, 0.24);
    transition: all 0.3s ease-in-out;
    background-color: rgba(238, 238, 238, 0.7);
    color: #000;
    display: block;
    position: relative; }
    .choice > li:hover, .choice > li:focus,
    .choice > div:hover,
    .choice > div:focus {
      box-shadow: 0 0 8px 0 rgba(78, 78, 78, 0.12), 0 8px 8px 0 rgba(78, 78, 78, 0.24);
      background-color: #fff; }
    .choice > li:hover .checkbox,
    .choice > div:hover .checkbox {
      border: 4px solid #000; }
    .choice > li:hover .check,
    .choice > div:hover .check {
      border: 4px solid #000; }
    .choice > li:hover label,
    .choice > div:hover label {
      color: #000; }

.formElementWrap input[type=radio],
.formElementWrap input[type=checkbox] {
  position: absolute;
  opacity: 0; }

.checklabel {
  transition: all 0.3s ease-in-out;
  display: block;
  position: relative;
  z-index: 6;
  cursor: pointer;
  color: rgba(0, 0, 0, 0.5);
  height: auto;
  padding-top: 20px;
  padding-right: 0;
  padding-bottom: 20px;
  padding-left: 57px;
  border-bottom: 2px solid transparent; }

.check, .checkbox {
  position: absolute;
  top: 0;
  transition: all 0.3s ease-in-out;
  display: block;
  border: 4px solid #000;
  height: 16px;
  width: 16px;
  z-index: 4;
  border: 4px solid rgba(0, 0, 0, 0.5);
  top: 20px;
  left: 17px;
  box-sizing: content-box; }
  .check::before, .checkbox::before {
    display: block;
    position: absolute;
    content: ''; }

.check {
  border-radius: 50%;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: center;
          justify-content: center;
  display: -webkit-flex;
  display: flex; }
  .check::before {
    border-radius: 50%;
    position: static; }

.checkbox {
  border-radius: 0; }
  .checkbox::before {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: column;
            flex-flow: column;
    -webkit-justify-content: center;
            justify-content: center;
    -webkit-align-items: center;
            align-items: center;
    font-size: 15px; }

.formElementWrap input[type=radio]:checked ~ label,
.formElementWrap input[type=checkbox]:checked ~ label {
  color: #096493; }

.formElementWrap input[type=radio]:checked ~ .check {
  border: 4px solid #096493; }
  .formElementWrap input[type=radio]:checked ~ .check::before {
    background: #096493;
    height: 8px;
    width: 8px;
    -webkit-animation: scaleout .6s ease-in-out;
            animation: scaleout .6s ease-in-out; }

.formElementWrap input[type=checkbox]:checked ~ .checkbox {
  border: 4px solid #096493; }
  .formElementWrap input[type=checkbox]:checked ~ .checkbox::before {
    height: 16px !important;
    width: 16px !important;
    content: '\2714';
    font-family: Segoe UI Symbol;
    color: #096493;
    -webkit-animation: scaleout .6s ease-in-out;
            animation: scaleout .6s ease-in-out; }

.formElementWrap input[type=checkbox]:required + label,
.formElementWrap input[type=radio]:required + label {
  border-bottom-color: #96281b; }

.formElementWrap input[type=checkbox]:required:checked + label, .formElementWrap input[type=checkbox]:required:valid + label,
.formElementWrap input[type=radio]:required:checked + label,
.formElementWrap input[type=radio]:required:valid + label {
  border-bottom-color: #1b9628; }

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

.selectbox {
  position: relative; }
  .selectbox select {
    cursor: pointer;
    box-shadow: 0 0 2px 0 rgba(78, 78, 78, 0.12), 0 2px 2px 0 rgba(78, 78, 78, 0.24);
    transition: all 0.3s ease-in-out;
    background-color: rgba(238, 238, 238, 0.7);
    padding: 9.5px;
    color: rgba(0, 0, 0, 0.5);
    width: 100%;
    height: 35px;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    padding-bottom: 7.5px;
    border-bottom: 2px solid transparent; }
    .selectbox select:hover + .selectarrow::after {
      border-top-color: #000; }
    .selectbox select:hover, .selectbox select:focus {
      box-shadow: 0 0 8px 0 rgba(78, 78, 78, 0.12), 0 8px 8px 0 rgba(78, 78, 78, 0.24);
      background-color: #fff;
      color: #000; }
  .selectbox .selectarrow {
    height: 35px;
    width: 35px;
    position: absolute;
    top: 0;
    left: auto;
    right: 0;
    transition: all 0.3s ease-in-out;
    pointer-events: none;
    text-align: center;
    padding: 9.5px;
    padding-bottom: 7.5px;
    border-bottom: 2px solid transparent; }
    .selectbox .selectarrow::after {
      transition: all 0.3s ease-in-out;
      position: absolute;
      content: "";
      width: 0;
      height: 0;
      border-left: 10.66667px solid transparent;
      border-right: 10.66667px solid transparent;
      border-top: 16px solid #808383;
      top: calc(50% - 7.5px);
      right: calc(50% - 10px); }
  .selectbox select:required,
  .selectbox select:required + .selectarrow {
    border-bottom-color: #96281b; }
  .selectbox select:required:valid,
  .selectbox select:required:valid + .selectarrow {
    border-bottom-color: #1b9628; }
    .selectbox select:required:valid:after,
    .selectbox select:required:valid + .selectarrow:after {
      border-top-color: #096493; }

.submitbutton,
legend {
  display: none; }

.textareacontainer {
  position: relative; }
  .textareacontainer .textareabox {
    z-index: 14;
    box-shadow: 0 0 2px 0 rgba(78, 78, 78, 0.12), 0 2px 2px 0 rgba(78, 78, 78, 0.24);
    transition: all 0.3s ease-in-out;
    background-color: rgba(238, 238, 238, 0.7);
    padding: 9.5px;
    width: 100%;
    height: 105px;
    resize: none;
    padding-bottom: 7.5px;
    border-bottom: 2px solid transparent; }
    .textareacontainer .textareabox:hover {
      box-shadow: 0 0 8px 0 rgba(78, 78, 78, 0.12), 0 8px 8px 0 rgba(78, 78, 78, 0.24);
      background-color: #fff; }
    .textareacontainer .textareabox:focus {
      width: 100%;
      height: 200px;
      z-index: 15;
      box-shadow: 0 0 8px 0 rgba(78, 78, 78, 0.12), 0 8px 8px 0 rgba(78, 78, 78, 0.24);
      background-color: #fff; }
    .textareacontainer .textareabox:required {
      border-bottom-color: #96281b; }
    .textareacontainer .textareabox:required:valid {
      border-bottom-color: #1b9628; }
  .textareacontainer .counter {
    padding-top: 5px;
    color: #BBBBBB; }
    .textareacontainer .counter input {
      border: 0px !important;
      background: transparent !important;
      width: 40px;
      color: #BBBBBB; }

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

.submit {
  box-shadow: 0 0 2px 0 rgba(78, 78, 78, 0.12), 0 2px 2px 0 rgba(78, 78, 78, 0.24);
  transition: all 0.3s ease-in-out;
  cursor: pointer;
  position: relative;
  padding: 9.5px;
  width: 33.33%;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
          align-items: center;
  height: 35px;
  border-radius: 5px;
  color: whitesmoke;
  background-color: #096493;
  min-width: 200px; }
  .submit:hover {
    box-shadow: 0 0 8px 0 rgba(78, 78, 78, 0.12), 0 8px 8px 0 rgba(78, 78, 78, 0.24);
    background-color: #096493;
    color: #fff; }
  .submit > div {
    padding-bottom: 4.75px;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
            justify-content: center;
    -webkit-align-items: center;
            align-items: center;
    font-size: 31px;
    font-family: Segoe UI Symbol;
    position: absolute;
    top: 0;
    left: auto;
    right: 0;
    transition: all 0.3s ease-in-out;
    color: whitesmoke;
    height: 100%;
    width: 35px;
    /*@media all and (-ms-high-contrast: none) {
      top: -($form-button-width / 5);
    }*/ }
    .submit > div:hover {
      color: #fff; }

.textinput {
  position: relative; }
  .textinput > input {
    box-shadow: 0 0 2px 0 rgba(78, 78, 78, 0.12), 0 2px 2px 0 rgba(78, 78, 78, 0.24);
    transition: all 0.3s ease-in-out;
    background-color: rgba(238, 238, 238, 0.7);
    width: 100%;
    padding: 9.5px;
    height: 35px;
    padding-bottom: 7.5px;
    border-bottom: 2px solid transparent; }
    .textinput > input:hover, .textinput > input:focus {
      box-shadow: 0 0 8px 0 rgba(78, 78, 78, 0.12), 0 8px 8px 0 rgba(78, 78, 78, 0.24);
      background-color: #fff; }
  .textinput .txtmedium {
    width: 66.66%; }
  .textinput .txtsmall {
    width: 33.33%; }
  .textinput:hover > input {
    box-shadow: 0 0 8px 0 rgba(78, 78, 78, 0.12), 0 8px 8px 0 rgba(78, 78, 78, 0.24);
    background-color: #fff; }
  .textinput input:required {
    border-bottom-color: #96281b; }
  .textinput input:required:valid {
    border-bottom-color: #1b9628; }

@-webkit-keyframes scaleout {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0); }
  80% {
    -webkit-transform: scale(5);
            transform: scale(5); }
  81% {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 0; }
  90% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1); }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1; } }

@keyframes scaleout {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0); }
  80% {
    -webkit-transform: scale(5);
            transform: scale(5); }
  81% {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 0; }
  90% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1); }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1; } }

#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; }
  .doppelbuttons .submit {
    height: auto; }

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

#formLeiste {
  width: 100%;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row;
          flex-flow: row;
  height: 30px;
  -webkit-align-items: center;
          align-items: center; }

#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; }
  #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 {
  color: whitesmoke; }
  #formLeiste:hover {
    color: #fff; }

#formLeiste .state {
  background-color: #DFDFDF;
  background-repeat: no-repeat;
  background-position: right center; }

#formLeiste .Act {
  background-color: #096493;
  color: whitesmoke; }
  #formLeiste .Act:not(:last-child):after {
    border-left: 15px solid #096493; }
    #formLeiste .Act:not(:last-child):after:hover {
      color: #fff; }

#formLeiste .ActLast {
  background-color: #096493;
  color: whitesmoke; }
  #formLeiste .ActLast:hover {
    color: #fff; }

#formLeiste {
  width: 100%; }

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

form.simple input,
form.simple select,
form.simple textarea,
div.simple input,
div.simple select,
div.simple textarea {
  box-shadow: 0 0 2px 0 rgba(78, 78, 78, 0.12), 0 2px 2px 0 rgba(78, 78, 78, 0.24);
  transition: all 0.3s ease-in-out;
  background-color: rgba(238, 238, 238, 0.7);
  padding: 3px;
  color: rgba(0, 0, 0, 0.5);
  border: 1px solid #BBBBBB; }
  form.simple input:hover,
  form.simple select:hover,
  form.simple textarea:hover,
  div.simple input:hover,
  div.simple select:hover,
  div.simple textarea:hover {
    box-shadow: 0 0 8px 0 rgba(78, 78, 78, 0.12), 0 8px 8px 0 rgba(78, 78, 78, 0.24); }

form.simple input[type=submit],
form.simple input[type=button],
div.simple input[type=submit],
div.simple input[type=button] {
  background-color: #096493;
  color: whitesmoke;
  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 {
    box-shadow: 0 0 8px 0 rgba(78, 78, 78, 0.12), 0 8px 8px 0 rgba(78, 78, 78, 0.24);
    background-color: #096493;
    color: #fff; }

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

#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;
  /*@supports (gap: 20px) {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-auto-rows: 1fr;
    gap: 20px;
  }*/ }
  #GallerieAlle.fill33 > div {
    width: 33%;
    max-width: 33.333%; }
  #GallerieAlle > div {
    transition: all 0.3s ease-in-out;
    -webkit-flex: 1 1 auto;
            flex: 1 1 auto;
    position: relative;
    background-color: #fff;
    overflow: hidden;
    text-align: center;
    vertical-align: middle;
    padding: 0;
    margin-bottom: 30px;
    width: 24%;
    max-width: 24%;
    overflow: hidden;
    -webkit-flex-flow: column;
            flex-flow: column;
    -webkit-justify-content: center;
            justify-content: center;
    -webkit-align-items: center;
            align-items: center;
    /*&:after{
      content: "";
      padding-top: 100%;
      width: 100%;
      display: block;
    }*/ }
    #GallerieAlle > div[style*="min-height"] {
      display: -webkit-flex;
      display: flex; }
    #GallerieAlle > div:hover:not(.empty) {
      box-shadow: 0 0 8px 0 rgba(78, 78, 78, 0.12), 0 8px 8px 0 rgba(78, 78, 78, 0.24); }
    #GallerieAlle > div > .Bild {
      display: -webkit-flex;
      display: flex;
      -webkit-align-items: center;
              align-items: center;
      -webkit-flex-wrap: wrap;
              flex-wrap: wrap;
      height: 100%;
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      overflow: hidden; }
      #GallerieAlle > div > .Bild > a {
        display: -webkit-flex;
        display: flex;
        -webkit-align-items: center;
                align-items: center;
        -webkit-flex-wrap: wrap;
                flex-wrap: wrap;
        height: 100%;
        width: 100%; }
        #GallerieAlle > div > .Bild > a::before {
          display: none; }
      #GallerieAlle > div > .Bild img {
        transition: all 0.3s ease-in-out;
        display: table-cell;
        vertical-align: middle;
        margin: auto; }
    #GallerieAlle > div.linkWholeBox .BildText {
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      padding: 5px 20px;
      text-align: center;
      transition: all 0.3s ease-in-out;
      background-color: rgba(78, 78, 78, 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 #096493;
  background-color: #747474; }

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

hr {
  color: #282828; }

h1 {
  font-family: Quicksand, Roboto, Arial, Helvetica, sans-serif; }

.headline, .verzeichnis .group .groupName, .ni-headline, .headlineAlternative {
  background-color: #747474;
  padding: 10px;
  font-weight: normal;
  color: whitesmoke; }
  .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: whitesmoke; }
  .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.3s 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: #5b5b5b; }
  .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 #096493;
    border-bottom: 7px solid transparent;
    border-top: 7px solid transparent; }
  .icon.triangle.back {
    width: 0;
    height: 0;
    content: '';
    z-index: 2;
    border-right: 7px solid #096493;
    border-bottom: 7px solid transparent;
    border-top: 7px solid transparent; }

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.3s ease-in-out; }
    a > img:not(.nofade):hover,
    .linkWholeBox img:not(.nofade):hover {
      opacity: 0.8; }
  img.isLoading {
    transition: opacity 0.3s ease-in-out; }
  img[data-src*="."] {
    opacity: 0; }

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

#impressionButton {
  position: fixed;
  top: 0;
  right: auto;
  bottom: 0;
  left: 0;
  width: 1%;
  z-index: 17; }
  #impressionButton > div {
    position: absolute;
    top: 30%;
    right: auto;
    bottom: auto;
    left: 0; }
    #impressionButton > div > div {
      position: absolute;
      top: 0;
      right: auto;
      bottom: auto;
      left: 0;
      transition: left 0.3s ease-in-out;
      background-color: #096493;
      height: 40px;
      padding: 15px 10px 5px 10px;
      cursor: pointer;
      white-space: nowrap;
      z-index: 14;
      color: #fff; }
      #impressionButton > div > div:not(:hover) {
        left: -10px;
        color: whitesmoke; }
    #impressionButton > div > div:after {
      content: 'Impressionen einblenden'; }
    #impressionButton > div.selected > div:after {
      content: 'Impressionen ausblenden'; }

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

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

#impressionThumbnails {
  position: absolute;
  top: auto;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #5B8266;
  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(255, 255, 255, 0.5); }
    #impressionThumbnails ul li.selected img {
      border-color: #096493; }

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

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

#impressionBigBack,
#impressionBigNext {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: auto;
  transition: opacity 0.3s ease-in-out;
  -webkit-filter: drop-shadow(0 0 10px rgba(78, 78, 78, 0.24));
          filter: drop-shadow(0 0 10px rgba(78, 78, 78, 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("data:image/gif;base64,R0lGODlhfwAaAOYAACEhIeXIyGe7bSqTMLXcqlCmU4gICJbNicN/f8yZmfj8+MPgxB6MJmy2ajiaPKDOpIbBitPqy+/v7+K+vpYmJmCuZEKeRuXz3ioqKqjTq6PRm4G/hDKWOcjkutfr2PPm5s3mz5nMmfr29my1cb3gtHq7fpLHlVirWbPYtaA+Ptjtza/Xq/Lk5EukSy+WMv///zqbQd7u32Ozao0TE8vmx8Dgvu727+LDw5nLlnK2dqXUl4zEj+r34s7pvVKnV7ndtf4BAgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAQUAP8ALAAAAAB/ABoAAAf/gACCg4SFhoeIiYqLjI2Oj4cYEi8vCpaXmJmam5ydnp+goZSjpKWmp6QAkqisra6vsLGypQkzlKGeqpOzvL2+v6YzCMCjEhirxMnKyy83BiLKxsjM1NWwFBTL0rvW3d6jLAYB2sfcryMoLzQjCpQLFTkxows7ozs0lA/plCU2LwsQ+Hl4sWHgiwcr/o2QUcFfKRvxRkEA8cLEAw8VSlTw8OMHCwTQXqSwVepBhl7bZA0oocBBwBc+HMiIGYKSDA48XtjgsIGSAweUaHCguAGGz5McgL5oceLFCA45RjgkZWLlKBgoQDgA4cEHhwIeZMj4YCDBCxEGhpVq0QJlOZUj/3z4oBQChsMaDuSdcPHgBYoBFSjB4DAwx4C+Joy+cJDOgYt6FUa8yNETFYwWDtq9gFHCQV+fOWUIeEHBVgIDH0aBaFDjhAxKKGTsc5UylgsXShfXG+XAxAsObF9UqGDhhQcHFgLCiFxRMePNOThcKCEZggsLMHKSAmH3+QsLLl5TsuFgoOgXEwywmJHNnQPXHEo4PfEA3qvasAbAgGHQwW6fvpXnwA8wcGfDAhbQAEMGFiwAVF0+pQNDDDtYcEIOBFmQQQY2gJBROzLAcIEMxX2XlGbkmSeeATMYcMNVksHUzwA5ZFDCULS9FcsAG0CgVF0O0eDABdxNBkNTBYYw1/9+fRmFgmIwLLAZRTC4EBBlqhXATku3ucCBPwtaOF55L4hFCQIGGEAKDBi+cEI/8e0gJ0Wt4PeKC/I54IMlMZXQgAM1mcDBCzW4kNAJJvgg2QYcyAMDDeTNBIMlUb4AAlST8dQPVQ7YYIMCbG6GAnk18UDmCU29EM4wRTo4QnSSVeBDCDlImeM0r0CAjw0bOATCBiZoB0IN+VAy7A/y2HDSCysMZIMJJmj2gEMrSAnCDhtUNgoK+FDiwUkZDASCbxW1s4CtLyQAjQKfxbDBDyjY+kMJGWhWp46woPCARRk84K9JG4YQgkkPhJCBwAD/e7DBCvfr78IGO7zCChALHLD/xQf3a8KGBTt8McMPKxwywP3WdC+urgxQQFEctEzjXgM4VpTKFhSgH263wXBzlz8NwEGXMpzQggkNWOByBQeA58IArsmgwQkDxOzCBgc00HIDFTDQMgc+XHaby1EjR+sAXnKgX8u3muNKAyS00MAPOPxQQw0RRKBDByv0kAMMKnTQQQk1EBDBChrUoMMPGpBAggYXRHAADYSroEIOOSiwwQqF3qOCBhQOoAHjF5CgAg6Q06ACARpsoAEPB6jwAwMZ9PB4RxoMfngHdeNwAAE9aECDCQykLUsLBJSwAQmEa7ACCRfocEAGOlTQgOA4EFBDDziQYD0BeUdAgA7gE3CBvgY4aNBDARWYTgAODBSuwgI87DAAAYInPv7nGgj+A7AadHDBCgyogAJaYIPFNUABJIDA9VZwgB4Q4AAaOFcGgncytbUiZifgAHaS4gAN/qRnuPlgAfaDHLYsIDoW+KADSLjCrbUgKT4boQf188LBpFCFPynATzRYJRfozAIp5KALCrDBDXJtNRRkhZ2+wcQm/mKJToyiFCs4xSpa0RRQvKIWm2gMAODii2AMoxjHSEZNqAISaEyjGtfIRkdgIBAAOw==");
  background-repeat: no-repeat;
  top: 50%;
  margin-top: -13px;
  width: 127px;
  height: 26px; }

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

#wechselbilder img {
  width: 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: wrap;
          flex-wrap: wrap;
  padding-top: 20px; }

#Wohnzimmer {
  min-width: 60%;
  max-width: 80%;
  padding-left: 50px; }
  #Wohnzimmer:nth-last-of-type(3) {
    max-width: 60%;
    width: 60%;
    padding-right: 25px; }
    .startseite #Wohnzimmer:nth-last-of-type(3) {
      max-width: 80%;
      width: 80%;
      padding-right: 0; }
  #Wohnzimmer:nth-last-of-type(2) {
    max-width: 80%;
    width: 80%;
    padding-right: 50px; }

#WohnzimmerTop {
  position: absolute;
  top: 10px;
  right: auto;
  bottom: auto;
  left: 20%;
  width: 60%;
  padding: 10px 50px 10px 50px; }

#Arbeitszimmer {
  padding: 0;
  width: 20%;
  min-width: 20%;
  max-width: 20%;
  position: relative;
  z-index: 5; }

#Kinderzimmer {
  width: 20%;
  min-width: 20%;
  max-width: 20%;
  padding-left: 25px;
  margin-top: 80px; }
  #Kinderzimmer #vnav .ni-headline {
    color: #282828; }

#navBottom {
  padding: 20px 10px; }

@supports (display: grid) {
  body:not(.adresse) > #Bauwerk #Erdgeschoss .container .inner {
    display: grid;
    grid-template-columns: minmax(200px, 20fr) 60fr minmax(200px, 20fr);
    grid-column-gap: 50px;
    grid-template-rows: minmax(20px, auto) auto;
    grid-row-gap: 20px; }
    body:not(.adresse) > #Bauwerk #Erdgeschoss .container .inner::after {
      grid-column: 1 / 2;
      grid-row: 1 / 2; }
  body:not(.adresse) #Arbeitszimmer {
    grid-column: 1 / 2;
    grid-row: 1 / 3;
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    border: none; }
  body:not(.adresse) #WohnzimmerTop {
    grid-column: 2 / 3;
    grid-row: 1 / 2;
    position: static;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    box-sizing: border-box;
    padding: 0; }
    body:not(.adresse) #WohnzimmerTop:nth-last-of-type(3) {
      grid-column: 2 / 4;
      padding-right: 30px; }
  body:not(.adresse) #Wohnzimmer {
    min-height: 100vh;
    margin-top: 0 !important;
    min-width: 100%;
    max-width: 100%;
    grid-row: 2 / 3;
    padding-left: 0; }
    body:not(.adresse) #Wohnzimmer:nth-last-of-type(3) {
      max-width: 100%;
      width: 100%;
      grid-column: 2 / 3; }
    body:not(.adresse) #Wohnzimmer:nth-last-of-type(2) {
      max-width: 100%;
      width: 100%;
      padding-right: 50px;
      grid-column: 2 / 4; }
    body:not(.adresse) #Wohnzimmer .Innenraum {
      margin: 0; }
  body:not(.adresse) #Kinderzimmer {
    grid-column: 3 / 4;
    grid-row: 1 / 3;
    width: 100%;
    min-width: 100%;
    max-width: 100%; }
  body:not(.adresse) .bigArrow.linkToTopWrap {
    grid-column: 1 / 2;
    grid-row: 1 / 2; } }

@supports (display: grid) {
  body:not(.adresse).startseite #Wohnzimmer {
    grid-row: 1 / 3; }
    body:not(.adresse).startseite #Wohnzimmer:nth-last-of-type(3) {
      max-width: 100%;
      width: 100%;
      grid-column: 2 / 4; } }

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

/*.startseite{
  #Arbeitszimmer{
  display: none;
  }
  #Wohnzimmer{
    min-width: 100%;
    max-width: 100%;
  }
}*/
.adresse-links {
  background-color: #cee0e9;
  padding: 10px;
  box-shadow: 0 0 2px 0 rgba(78, 78, 78, 0.12), 0 2px 2px 0 rgba(78, 78, 78, 0.24);
  background-image: linear-gradient(to bottom right, #cee0e9 0%, #9dc1d4 100%); }

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

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

.lesemodus #Erdgeschoss {
  background-color: #888888; }
  .lesemodus #Erdgeschoss .container {
    z-index: 18; }
    .lesemodus #Erdgeschoss .container .inner {
      min-height: 100vh;
      float: none;
      background-color: #fff;
      color: #000;
      padding-top: 50px;
      z-index: 18; }
      .lesemodus #Erdgeschoss .container .inner .Innenraum * {
        color: #000 !important;
        transition: none !important; }

.lesemodus .breadcrumb {
  margin: 0px; }

.lesemodus #WohnzimmerTop {
  width: 100% !important;
  padding: 20px 0;
  z-index: 14; }

.lesemodus #Kinderzimmer, .lesemodus #Wohnzimmer {
  width: 100% !important;
  padding: 20px 0;
  z-index: 13; }

.lesemodus.kontrast #Erdgeschoss {
  background-color: #747474; }
  .lesemodus.kontrast #Erdgeschoss .inner {
    background-color: #000;
    color: #747474; }
    .lesemodus.kontrast #Erdgeschoss .inner .Innenraum * {
      color: #747474 !important;
      background-color: transparent !important; }

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

.lesemodus #suchergebnisbereich .Innenraum {
  font-size: 120%; }
  .lesemodus #suchergebnisbereich .Innenraum > *:not(h1) {
    font-size: 120% !important; }
  .lesemodus #suchergebnisbereich .Innenraum > h1 {
    font-size: 200%;
    overflow: hidden;
    text-overflow: ellipsis; }

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

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

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

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

a {
  transition: all 0.3s ease-in-out;
  transition-property: color, background-color;
  color: #096493; }
  .linkWholeBox:hover .text h3 a, h3:hover > a, a:hover {
    color: #5B8266; }
  a.linkExtern::before {
    content: url("data:image/gif;base64,R0lGODlhCgAKAIAAAAAAAP///yH5BAUUAAEALAAAAAAKAAoAAAIXTICJBubH2FJutgbvhXW/oynJh4GiUwAAOw==");
    margin-right: 5px; }
    #Arbeitszimmer a.linkExtern::before, .bild > a.linkExtern::before {
      display: none; }
  a.linkToTop {
    transition: box-shadow 0.3s ease-in-out; }
    a.linkToTop:hover {
      box-shadow: 0 0 2px 0 rgba(78, 78, 78, 0.12), 0 2px 2px 0 rgba(78, 78, 78, 0.24); }
  a.linkToTop:before {
    width: 0;
    height: 0;
    content: '';
    z-index: 2;
    border-bottom: 4px solid #096493;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    margin-right: 5px;
    height: 0; }

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

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

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

.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 {
  position: relative;
  z-index: 12;
  -webkit-filter: drop-shadow(0px 0px 3px #fff);
          filter: drop-shadow(0px 0px 3px #fff); }
  #logoBox > h1 {
    font-weight: lighter;
    font-style: italic;
    font-size: 310%;
    margin: 20px 0 0 0;
    -webkit-filter: drop-shadow(0px 0px 4px #fff);
            filter: drop-shadow(0px 0px 4px #fff); }
    #logoBox > h1 a {
      text-decoration: none;
      color: #282828;
      -webkit-filter: drop-shadow(0px 0px 3px #fff);
              filter: drop-shadow(0px 0px 3px #fff);
      font-family: Quicksand, Roboto, Arial, Helvetica, sans-serif; }
    #logoBox > h1 img {
      display: none; }
  #logoBox _:-ms-lang(x), #logoBox {
    filter: none; }
    #logoBox _:-ms-lang(x) > h1, #logoBox > h1 {
      overflow: visible;
      filter: none; }
      #logoBox _:-ms-lang(x) > h1 a, #logoBox > h1 a {
        filter: none;
        color: transparent;
        position: relative; }
      #logoBox _:-ms-lang(x) > h1 img, #logoBox > h1 img {
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0; }

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

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

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

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

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

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

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

#nav_mobile {
  display: block;
  transition: height 0.3s ease-in-out;
  overflow-x: hidden;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  position: fixed !important;
  z-index: 101 !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: #096493;
    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: #fff;
          display: block;
          margin-bottom: 5px;
          transition: all 0.3s ease-in-out;
          transition-property: opacity, margin, -webkit-transform;
          transition-property: opacity, transform, margin;
          transition-property: opacity, transform, margin, -webkit-transform; }
          #nav_mobile > ul > li.burger > span:last-of-type {
            margin-bottom: 0; }
  #nav_mobile > .navi {
    transition: all 0.3s ease-in-out;
    padding: 0;
    position: absolute;
    top: 42px;
    right: 0;
    bottom: 0;
    left: 0;
    overflow-x: hidden; }
  body:not(.navMobileVisible) #nav_mobile > .navi {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
    overflow: hidden; }
  .navMobileVisible #nav_mobile {
    height: 100%; }

.subNavigation {
  transition: none;
  display: none; }
  .subNavigation ul {
    padding: 10px;
    box-shadow: inset 0 8px 8px -8px rgba(78, 78, 78, 0.24);
    margin: 0;
    list-style: none; }
    .subNavigation ul li.selected {
      color: #096493; }
      .subNavigation ul li.selected > div > a {
        background-color: #fff;
        color: #096493; }
    .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: #096493; }
      .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/tauchershop_logo.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 0;
    display: block; }
  .nav .pic, #nav_mobile .pic {
    display: none; }

.nav_li {
  cursor: pointer;
  border-color: #096493;
  transition: all 0.3s ease-in-out;
  position: relative; }
  .nav_li.selected a, .nav_li:hover a {
    color: #5B8266; }
  .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(9, 100, 147, 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: #5B8266;
    color: #fff; }

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

.nav-mt a {
  color: whitesmoke; }

.nav-mt .nav_li {
  -webkit-flex: 1 1 0%;
          flex: 1 1 0%;
  text-align: center;
  border-color: #fff; }
  .nav-mt .nav_li:hover, .nav-mt .nav_li.selected {
    background-color: #5B8266; }
  .nav-mt .nav_li:not(:last-child) {
    border-right-width: 1px;
    border-right-style: solid; }
  .nav-mt .nav_li:nth-last-child(-n+2) > .nav_layer {
    left: auto;
    right: -1px; }

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

.nav-main {
  margin-bottom: 20px;
  background-color: #cee0e9;
  background-image: linear-gradient(to bottom right, #cee0e9 0%, #9dc1d4 100%); }
  .nav-main > ul {
    box-shadow: 0 0 2px 0 rgba(78, 78, 78, 0.12), 0 2px 2px 0 rgba(78, 78, 78, 0.24);
    padding: 10px 0px 10px 10px;
    position: relative;
    z-index: 1; }
  .nav-main > .navItemLeer {
    background-color: #f6f6f6;
    position: relative;
    z-index: 0; }
  .nav-main .nav_layer_li-leer {
    display: none; }
  .nav-main .nav_layer:not(.nav_layer-left) {
    left: 100%;
    top: 0;
    margin-left: 5px;
    background-color: #cee0e9;
    box-shadow: 0 0 2px 0 rgba(78, 78, 78, 0.12), 0 2px 2px 0 rgba(78, 78, 78, 0.24);
    background-image: linear-gradient(to bottom right, #cee0e9 0%, #9dc1d4 100%); }
    .nav-main .nav_layer:not(.nav_layer-left) .nav_layer_li {
      background-color: transparent; }
      .nav-main .nav_layer:not(.nav_layer-left) .nav_layer_li:hover a {
        background-color: #9dc1d4;
        color: #000; }
      .nav-main .nav_layer:not(.nav_layer-left) .nav_layer_li .nav_layer {
        display: none !important; }
    .nav-main .nav_layer:not(.nav_layer-left) a {
      color: #282828;
      padding: 10px;
      padding-left: 10px;
      transition: all 0.3s ease-in-out; }
  .nav-main .nav_li:not(:last-child) {
    margin-bottom: 10px; }
  .nav-main .nav_li > a {
    border-left: 5px solid #282828;
    padding-left: 10px;
    color: #282828;
    transition: all 0.3s ease-in-out; }
  .nav-main .nav_li:hover > a, .nav-main .nav_li.selected > a {
    border-left-color: #000;
    color: #000;
    background-color: #9dc1d4; }
  .nav-main .nav_layer-left {
    position: static;
    visibility: visible;
    opacity: 1; }
    .nav-main .nav_layer-left > ul {
      margin: 10px 0;
      padding-left: 5px; }
      .nav-main .nav_layer-left > ul .nav_layer_li {
        background-color: transparent;
        white-space: normal; }
        .nav-main .nav_layer-left > ul .nav_layer_li a {
          color: #282828;
          padding: 5px 10px; }
        .nav-main .nav_layer-left > ul .nav_layer_li.selected a,
        .nav-main .nav_layer-left > ul .nav_layer_li:hover a,
        .nav-main .nav_layer-left > ul .nav_layer_li a:hover {
          color: #fff;
          background-color: #096493; }

.nav-h {
  width: auto;
  width: 100%;
  -webkit-order: 1;
          order: 1; }
  .nav-h > ul {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: stretch;
            align-items: stretch;
    -webkit-justify-content: space-between;
            justify-content: space-between; }
  .nav-h a {
    color: whitesmoke;
    padding: 0;
    transition-property: color; }
  .nav-h .nav_layer {
    display: none; }
  .nav-h .nav_li {
    border: none;
    -webkit-flex-basis: 0;
            flex-basis: 0;
    -webkit-flex-grow: 1;
            flex-grow: 1;
    margin-left: 20px;
    text-align: center;
    box-shadow: 0 0 2px 0 rgba(78, 78, 78, 0.12), 0 2px 2px 0 rgba(78, 78, 78, 0.24);
    transition: all 0.3s ease-in-out; }
    .nav-h .nav_li > a {
      transition: all 0.3s ease-in-out;
      background-color: #0c293b;
      padding: 5px 10px; }
    .nav-h .nav_li:hover, .nav-h .nav_li.selected {
      box-shadow: 0 0 8px 0 rgba(78, 78, 78, 0.12), 0 8px 8px 0 rgba(78, 78, 78, 0.24); }
      .nav-h .nav_li:hover a, .nav-h .nav_li.selected a {
        background-color: #cee0e9;
        color: #282828; }
  .nav-h .basketInfo {
    font-size: 80%;
    position: absolute;
    top: 100%;
    right: 0;
    bottom: auto;
    left: 0;
    background-color: #f6f6f6;
    background-image: linear-gradient(to bottom right, #cee0e9 0%, #9dc1d4 100%);
    padding: 10px 20px 10px 20px;
    box-shadow: 0 0 2px 0 rgba(78, 78, 78, 0.12), 0 2px 2px 0 rgba(78, 78, 78, 0.24);
    color: #282828; }
    .nav-h .basketInfo > span {
      text-decoration: underline;
      color: #282828; }
  .nav-h .nav_li.disableBasketEmpty {
    cursor: default; }
    .nav-h .nav_li.disableBasketEmpty > a {
      opacity: 0.5;
      background-color: #0c293b;
      color: whitesmoke;
      pointer-events: none;
      -webkit-user-select: none;
         -moz-user-select: none;
          -ms-user-select: none;
              user-select: none; }

.nav-ow {
  background-color: #096493;
  text-align: right;
  float: right; }
  .nav-ow a {
    font-size: 80%;
    color: whitesmoke; }
  .nav-ow .nav_li {
    display: inline-block;
    border-color: #fff; }
    .nav-ow .nav_li:not(:last-child) {
      border-right-width: 1px;
      border-right-style: solid; }

#nav_mobile a {
  color: whitesmoke;
  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;
  margin: 0px 20px;
  width: calc(100 - 40px); }
  #nav_mobile .nav_li:not(:last-child) {
    border-bottom: 1px solid rgba(245, 245, 245, 0.5); }
  #nav_mobile .nav_li:hover > div > a,
  #nav_mobile .nav_li.selected > div > a {
    background-color: #096493; }
  #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: 0;
    border-radius: 50%;
    background-color: #fff;
    transition: all 0.3s ease-in-out;
    box-shadow: 0 0 2px 0 rgba(78, 78, 78, 0.12), 0 2px 2px 0 rgba(78, 78, 78, 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 #5B8266;
      border-left: 5px solid transparent;
      border-right: 5px solid transparent;
      transition: all 0.3s ease-in-out; }

#nav_mobile .nav_layer {
  position: static;
  padding: 0 10px;
  opacity: 1;
  height: auto;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease-in-out;
  transition-property: max-height, padding;
  background-color: #0c293b; }

#nav_mobile .nav_layer_li {
  background-color: transparent; }
  #nav_mobile .nav_layer_li a {
    padding: 20px 10px; }
  #nav_mobile .nav_layer_li span {
    right: calc(5vw - 10px); }

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

#nav_mobile .pic {
  display: none; }

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

.nav-basket {
  margin-bottom: 50px;
  padding: 10px 0px 10px 10px; }
  .nav-basket .nav_li {
    padding-left: 15px;
    margin-bottom: 10px; }
    .nav-basket .nav_li a {
      border-left: 5px solid #eb974e;
      margin-left: -15px;
      padding-left: 10px;
      color: #096493; }
      .nav-basket .nav_li a[href] {
        text-decoration: underline; }
    .nav-basket .nav_li p {
      font-size: 90%; }
    .nav-basket .nav_li.inactive {
      opacity: 0.5;
      cursor: not-allowed;
      -webkit-user-select: none;
         -moz-user-select: none;
          -ms-user-select: none;
              user-select: none; }
      .nav-basket .nav_li.inactive a {
        color: #282828; }

.navItem {
  padding: 10px;
  page-break-inside: avoid;
  border: 0;
  margin-bottom: 20px;
  background-color: #fff; }
  .navItem .itemWrap {
    display: -webkit-flex;
    display: flex; }
    .navItem .itemWrap .ni_top {
      text-align: right;
      color: #747474;
      font-size: 80%; }
    .navItem .itemWrap .ni_image {
      max-width: 100%;
      -webkit-flex-shrink: 0;
              flex-shrink: 0; }
      .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 {
      -webkit-flex-grow: 1;
              flex-grow: 1; }
      .navItem .itemWrap .ni_text:before {
        content: '\A';
        min-width: 150px;
        display: table;
        font-size: 0;
        line-height: 0;
        white-space: pre; }
      .navItem .itemWrap .ni_text h3,
      .navItem .itemWrap .ni_text h3 a,
      .navItem .itemWrap .ni_text h3 a:link {
        text-decoration: none;
        font-weight: normal;
        -webkit-hyphens: auto;
            -ms-hyphens: auto;
                hyphens: auto;
        overflow: hidden;
        text-overflow: ellipsis; }
      .navItem .itemWrap .ni_text .navpreisbox {
        text-align: right;
        width: 100%;
        margin-top: 15px; }
    .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(78, 78, 78, 0.12), 0 2px 2px 0 rgba(78, 78, 78, 0.24);
    transition: all 0.3s ease-in-out; }
    .navItem.linkWholeBox:hover {
      box-shadow: 0 0 8px 0 rgba(78, 78, 78, 0.12), 0 8px 8px 0 rgba(78, 78, 78, 0.24); }
  .navItem.shadow {
    box-shadow: 0 0 2px 0 rgba(78, 78, 78, 0.12), 0 2px 2px 0 rgba(78, 78, 78, 0.24); }

.adresse {
  background-color: #747474; }
  .adresse #Obergeschoss {
    overflow: visible;
    padding: 0; }
    .adresse #Obergeschoss .container {
      min-height: 0; }
  .adresse #logoBox {
    min-height: 60px;
    margin: 10px; }
  .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 {
    margin: 0 0 10px; }
    .adresse #logoBox.eintraglogo {
      margin-right: 10px; }
  .adresse #Bauwerk {
    padding: 0;
    background-color: #f6f6f6; }
  .adresse #Erdgeschoss {
    padding-bottom: 10px; }

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

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

.adresse h3 {
  margin-bottom: 0; }

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

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

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

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

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

.adresse .Innenraum {
  padding: 0 20px;
  min-height: 420px; }

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

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

.adresse #hnav {
  display: block; }
  .adresse #hnav > ul {
    display: -webkit-flex;
    display: flex;
    padding: 0;
    margin: 0;
    -webkit-justify-content: flex-end;
            justify-content: flex-end;
    margin-bottom: 10px; }
    .adresse #hnav > ul > li {
      background-color: #096493;
      list-style: none;
      margin-left: 10px; }
      .adresse #hnav > ul > li > a {
        color: #fff;
        padding: 10px;
        text-decoration: none; }

.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: #933809;
  color: #fff;
  cursor: pointer;
  transition: all 0.3s ease-in-out; }
  .closeAdressLayer:not(:hover) {
    opacity: 0.8;
    color: whitesmoke;
    box-shadow: 0 0 2px 0 rgba(78, 78, 78, 0.12), 0 2px 2px 0 rgba(78, 78, 78, 0.24); }

.verzeichnis {
  background-color: #fff;
  /*.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: #282828; }
    .verzeichnis .nav-h ul {
      -webkit-justify-content: center;
              justify-content: center; }
  .verzeichnis #Obergeschoss .container {
    background-color: #f3f3f3; }

.adresse #Obergeschoss {
  overflow: hidden; }
  .adresse #Obergeschoss::before {
    left: -50px; }
  .adresse #Obergeschoss::after {
    top: auto;
    bottom: -95px; }

.adresse #logoBox > h1 a {
  padding-bottom: 20px; }

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

.print-only {
  display: none; }

#cloud-zoom-big {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  box-shadow: 0 0 8px 0 rgba(78, 78, 78, 0.12), 0 8px 8px 0 rgba(78, 78, 78, 0.24);
  pointer-events: none;
  background-repeat: no-repeat;
  background-color: #fff; }

#produktbilder {
  margin-bottom: 50px; }
  #produktbilder #wrap {
    max-width: 100%;
    width: 100% !important;
    z-index: 1 !important;
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    max-height: 100% !important;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
            justify-content: center;
    -webkit-align-items: center;
            align-items: center; }
    #produktbilder #wrap > a {
      display: block;
      max-height: 100%;
      max-width: 100%;
      width: 100%;
      height: 100%; }
      #produktbilder #wrap > a img {
        width: 100%;
        height: 100%;
        object-fit: contain;
        font-family: 'object-fit: contain;'; }

.produktbildgross {
  background-color: #fff;
  box-shadow: 0 0 2px 0 rgba(78, 78, 78, 0.12), 0 2px 2px 0 rgba(78, 78, 78, 0.24);
  transition: box-shadow 0.3s ease-in-out;
  position: relative; }
  .produktbildgross::before {
    width: 100%;
    padding-top: 100%;
    content: "";
    display: block;
    pointer-events: none; }
  .produktbildgross:hover {
    box-shadow: 0 0 8px 0 rgba(78, 78, 78, 0.12), 0 8px 8px 0 rgba(78, 78, 78, 0.24); }
  .produktbildgross.noHover:hover {
    box-shadow: 0 0 2px 0 rgba(78, 78, 78, 0.12), 0 2px 2px 0 rgba(78, 78, 78, 0.24); }
  .produktbildgross img {
    width: 100%;
    object-fit: contain;
    font-family: 'object-fit: contain;'; }

.produktbildklein {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  margin-top: 25px; }
  .produktbildklein > div {
    background-color: #fff;
    width: calc((100% - 30px) / 4);
    box-shadow: 0 0 2px 0 rgba(78, 78, 78, 0.12), 0 2px 2px 0 rgba(78, 78, 78, 0.24);
    transition: box-shadow 0.3s ease-in-out;
    -webkit-align-items: stretch;
            align-items: stretch;
    position: relative; }
    .produktbildklein > div::before {
      width: 100%;
      padding-top: 100%;
      display: block;
      content: ""; }
    .produktbildklein > div:not(:nth-child(4n)) {
      margin-right: 10px; }
    .produktbildklein > div:not(:nth-child(-n+4)) {
      margin-top: 10px; }
    .produktbildklein > div a {
      display: -webkit-flex;
      display: flex;
      -webkit-align-items: center;
              align-items: center;
      -webkit-justify-content: center;
              justify-content: center;
      line-height: 0;
      height: 100%;
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0; }
    .produktbildklein > div img {
      width: 100%;
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      height: 100%;
      object-fit: contain;
      font-family: 'object-fit: contain;'; }
    .produktbildklein > div:hover {
      box-shadow: 0 0 8px 0 rgba(78, 78, 78, 0.12), 0 8px 8px 0 rgba(78, 78, 78, 0.24); }

.produktContainer {
  display: -webkit-flex;
  display: flex;
  margin-bottom: 50px; }
  .produktContainer > div:not(:first-child) {
    margin-left: 10px; }
  .produktContainer > div:not(:last-child) {
    margin-right: 10px; }

.produktBeschreibung {
  background-image: linear-gradient(to bottom right, #cee0e9 0%, #9dc1d4 100%);
  box-shadow: 0 0 2px 0 rgba(78, 78, 78, 0.12), 0 2px 2px 0 rgba(78, 78, 78, 0.24);
  padding: 20px;
  margin-bottom: 50px; }

.produktBeschreibungBild {
  box-shadow: 0 0 2px 0 rgba(78, 78, 78, 0.12), 0 2px 2px 0 rgba(78, 78, 78, 0.24);
  display: -webkit-flex;
  display: flex;
  margin-bottom: 50px;
  width: 100%;
  -webkit-justify-content: center;
          justify-content: center; }
  .produktBeschreibungBild > img {
    max-width: 100%; }

.videoContainer {
  position: relative;
  box-shadow: 0 0 2px 0 rgba(78, 78, 78, 0.12), 0 2px 2px 0 rgba(78, 78, 78, 0.24);
  margin-bottom: 50px; }
  .videoContainer::after {
    padding-top: 56.25%;
    content: "";
    width: 100%;
    display: block; }
  .videoContainer iframe {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%; }

.ProdBar {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
          justify-content: space-between;
  margin: 10px 0 20px 0;
  -webkit-align-items: center;
          align-items: center; }

.barLinks {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: flex-end;
          justify-content: flex-end; }
  .barLinks > a {
    text-decoration: none;
    box-shadow: 0 0 2px 0 rgba(78, 78, 78, 0.12), 0 2px 2px 0 rgba(78, 78, 78, 0.24);
    padding: 10px;
    background-image: linear-gradient(to bottom right, #cee0e9 0%, #9dc1d4 100%);
    color: #282828; }
    .barLinks > a:not(:last-child) {
      margin-right: 25px; }

.importantBox {
  margin-bottom: 50px;
  padding: 20px;
  background-image: linear-gradient(to bottom right, #cee0e9 0%, #9dc1d4 100%);
  box-shadow: 0 0 2px 0 rgba(78, 78, 78, 0.12), 0 2px 2px 0 rgba(78, 78, 78, 0.24);
  position: relative; }
  .importantBox > div {
    -webkit-flex-basis: 33%;
            flex-basis: 33%; }
  .importantBox::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: "";
    background-color: rgba(255, 255, 255, 0.7);
    background-image: url("../images/tail-spin.svg");
    background-repeat: no-repeat;
    background-size: auto 50%;
    background-position: center;
    pointer-events: none;
    opacity: 0;
    visibility: none;
    transition: all 0.3s ease-in-out; }
  .importantBox.loading::after {
    opacity: 1;
    visibility: visible; }

.produktpreisbox {
  margin-left: auto;
  margin-right: 0; }
  .produktpreisbox:not(:only-of-type) {
    padding-left: 60px; }

#produktvariationen {
  margin-right: auto;
  margin-left: 0;
  -webkit-flex-flow: column;
          flex-flow: column;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-align-items: stretch;
          align-items: stretch; }
  #produktvariationen > p {
    margin-bottom: 10px;
    margin-left: 57.5px; }
  #produktvariationen > .variationerror {
    margin-left: 57.5px;
    color: #000 !important;
    font-weight: bold; }
  #produktvariationen .option {
    display: -webkit-flex;
    display: flex;
    margin-bottom: 10px; }
    #produktvariationen .option > span {
      -webkit-flex-basis: 50px;
              flex-basis: 50px;
      text-align: right;
      margin-right: 10px; }
    #produktvariationen .option > select {
      -webkit-flex-basis: calc(100% - 50px);
              flex-basis: calc(100% - 50px);
      box-shadow: 0 0 2px 0 rgba(78, 78, 78, 0.12), 0 2px 2px 0 rgba(78, 78, 78, 0.24); }

.steuerhinweis {
  font-size: 80%; }

.bestellbutton > a:only-child {
  margin-top: 10px;
  display: block;
  color: darkred;
  font-size: 110%; }

.bestellbutton .button {
  width: 100%;
  background-image: linear-gradient(to right, #ffcb05 0%, #eb974e 100%);
  margin-top: 10px;
  background-size: 300%;
  background-position: left;
  color: #282828;
  padding: 10px 20px;
  box-shadow: 0 0 2px 0 rgba(255, 203, 5, 0.24), 0 2px 2px 0 rgba(255, 203, 5, 0.24);
  transition: all 0.3s ease-in-out;
  cursor: pointer; }
  .bestellbutton .button:hover, .bestellbutton .button:active {
    box-shadow: 0 0 8px 0 rgba(235, 151, 78, 0.24), 0 8px 8px 0 rgba(235, 151, 78, 0.24);
    background-position: right; }
  .bestellbutton .button.buttondisabled {
    cursor: default;
    opacity: 0.5;
    background-position: left !important;
    box-shadow: none; }

.produktpreis {
  font-size: 150%;
  margin-bottom: 5px; }

.productList .navItem, .productList .navItem:hover {
  box-shadow: none;
  margin-bottom: 0;
  padding: 0;
  background-color: transparent; }

.productList .navItem .itemWrap {
  display: -webkit-flex;
  display: flex; }

.productList .navItem .ni_image {
  -webkit-flex-basis: 50%;
          flex-basis: 50%;
  background-color: #096493;
  margin-right: 0 !important;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: center;
          justify-content: center;
  background-image: linear-gradient(to bottom right, #f6f6f6 0%, #e3f1f9 100%); }

.productList .navItem .ni_text {
  -webkit-flex-basis: 50%;
          flex-basis: 50%;
  padding: 80px 20px; }

.productList .navItem:nth-child(2n) .ni_image {
  -webkit-order: 1;
          order: 1; }

.productList .navItem:nth-child(2n) .ni_text {
  text-align: right; }

.produktflex {
  display: -webkit-flex;
  display: flex; }
  .produktflex .produktflex-links {
    margin-right: 25px;
    -webkit-flex-basis: 50px;
            flex-basis: 50px;
    max-width: 50%;
    -webkit-flex-grow: 1;
            flex-grow: 1; }
  .produktflex .produktflex-rechts {
    margin-left: 25px;
    -webkit-flex-basis: 50px;
            flex-basis: 50px;
    max-width: 50%;
    -webkit-flex-grow: 1;
            flex-grow: 1; }

.be2, .bi2 {
  margin-bottom: 50px; }

.navtext ul {
  margin: 0;
  padding-left: 15px; }

.linkContainer {
  padding: 20px;
  margin-bottom: 50px;
  background-image: linear-gradient(to bottom right, #cee0e9 0%, #9dc1d4 100%);
  box-shadow: 0 0 2px 0 rgba(78, 78, 78, 0.12), 0 2px 2px 0 rgba(78, 78, 78, 0.24); }
  .linkContainer ul {
    padding-left: 15px; }
  .linkContainer li {
    padding: 5px; }

/*
#qnavButton	{
  position:fixed;
  height:100%;
  right:0;
  width:1%;
  z-index: 14;

  > div {
    position:absolute;
    top:45%;
    right:0;
    z-index: 14;

    > div {
      @extend %card-hover-box-shadow;
      transition: right $dtt $dte;
      position: absolute -140px 0 auto auto;
      height:150px;
      width:180px;
      cursor:pointer;
      z-index: 14;
      min-width:60px;
      &:not(:hover)	{
        right: -150px
      }
      .title {
        background-color: $dark-color;
        @extend %title-vert !optional;

        width: 150px;
        height: 30px;
        padding:5px 10px 5px 10px;
        text-align: center;
        color: $lf-color;
      }
      .wappen {
        @extend %bg-image-center;
        position: absolute 0 0 0 30px;
        @include background(
          $imgname:"STD_qnav_button.gif",
          $color: $lf-color
        );
      }
    }
  }
  @include media-0-m{
    display: none;
  }
}

#qnav {
  @extend %card-box-shadow, %print-hide;
  transition: width $dtt $dte;
  position: fixed 0 0 0 auto;
  width:0;
  max-width:280px;
  z-index: 20;
  overflow:hidden;

  &.active:after {
    transition: opacity $dtt $dte;
     position: fixed 0;
     content: '';
     opacity: 0;
     pointer-events: none;
     background-color: $shadow-color;
  }
  &.visible:after {
    opacity: 1;
  }
}

#qnavSlide {
  position: absolute 0 auto 0 0;
  width:280px;
  z-index: 14;
  overflow:hidden;
  overflow-y:auto;

  background-color: $p-color;
  color: $lf-color;

  ul {
    display:block;
    margin:0;
    padding:25px 0 25px 0;
    list-style:none;

    &.light {
      box-shadow: $card-box-shadow;
      background: $light-color;
      background-image: linear-gradient(to bottom right, $light-color 0%, $not-so-light-color 100%);

      >li > a{
        color: $f-color;
        &:not(.nohover):hover {
          background-color: $not-so-light-color;
          color: $black;
        }
      }
    }

    > li {
       display:block;
       margin:0;
       padding:0;
       > a {
         transition: all $dtt $dte;
         transition-property: color, background-color;
         display:block;
         padding:8px 18px;

         border:2px solid transparent;
         color: $lf-color;

         &:not(.nohover):hover {
           background-color:$light-color;
           color: $f-color;
         }
       }
    }
  }
  > div {
    display:block;
    margin:25px 20px 50px 20px;
  }
  form {
    display: flex;
    align-items: center;
    .suchfeld {
      width:130px;
      height:16px;
      line-height:16px;
      padding:1px 0 1px 4px;
      margin:0 0 0 4px;
      font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;//Verdana, Arial;
      font-size: 80%;
      float: none;
      margin: 0 0 0 10px;
    }
    .suchfeldbutton {
      height:0;
      width:0;
      padding: 4px;
      border-radius: 22px;
      color:transparent;
      float: none;
      margin: 0 0 0 10px;
    }
  }
  > *, a {
    color:$lf-color;
    font-size: 100%;
    text-decoration:none;
  }
  .hideQnavButton	{
    display:block;
    float:right;
    cursor:pointer;
    .icon {
      @include background($icon-qnav-close);
      width: 50px;
      height: 20px;
    }
  }
}

*/
FORM.suchform {
  position: relative;
  margin: 0;
  padding: 0;
  display: -webkit-flex;
  display: flex;
  border: none;
  width: auto;
  height: 32px;
  padding: 0 14px;
  box-sizing: border-box;
  outline: none;
  width: calc((100% - (4 * 20px)) / 5);
  min-width: 232px;
  -webkit-flex-shrink: 0;
          flex-shrink: 0; }
  FORM.suchform > label {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 3;
    cursor: pointer; }
    FORM.suchform > label:hover ~ .suchfeldbutton {
      background-color: #cee0e9; }
  FORM.suchform INPUT.suchfeld {
    border: 0;
    color: #282828;
    background-color: transparent;
    width: calc(100% - 32px);
    min-width: 200px;
    height: 32px;
    padding: 0 10px;
    box-sizing: border-box;
    outline: none;
    background-color: #cee0e9;
    transition: all 0.3s ease-in-out;
    color: #282828; }
    FORM.suchform INPUT.suchfeld ~ label {
      display: none; }
    FORM.suchform INPUT.suchfeld::-webkit-input-placeholder {
      color: #282828;
      opacity: 1; }
    FORM.suchform INPUT.suchfeld::-ms-input-placeholder {
      color: #282828;
      opacity: 1; }
    FORM.suchform INPUT.suchfeld::placeholder {
      color: #282828;
      opacity: 1; }
  FORM.suchform INPUT.suchfeldbutton {
    background-color: #0c293b;
    transition: all 0.3s ease-in-out; }
    FORM.suchform INPUT.suchfeldbutton:hover {
      background-color: #cee0e9; }

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

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

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

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

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

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

#lbBottom {
  font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
  font-size: 80%;
  color: #747474;
  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: 50px; }

.modul_nt .ni_text {
  display: none; }

.modul_1-100 > .navItem {
  width: 100%; }
  .modul_1-100 > .navItem:not(:last-child) {
    margin-bottom: 20px; }
  .modul_1-100 > .navItem .itemWrap {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row;
            flex-flow: row;
    -webkit-flex-wrap: wrap;
            flex-wrap: wrap; }
  .modul_1-100 > .navItem .ni_image {
    width: 25% !important;
    margin-right: 20px !important;
    position: relative; }
    .modul_1-100 > .navItem .ni_image:before {
      content: "";
      display: block;
      width: 100%;
      padding-top: 100%; }
    .modul_1-100 > .navItem .ni_image a {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      display: block;
      width: 100%;
      height: 100%;
      max-width: 100%;
      max-height: 100%; }
    .modul_1-100 > .navItem .ni_image img {
      height: 100%;
      width: 100%;
      object-fit: contain;
      font-family: 'object-fit: contain;';
      margin: 0; }
  .modul_1-100 > .navItem .ni_text {
    width: calc(75% - 20px); }
  .modul_1-100 > .navItem .navpreisbox {
    width: 100%;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: column;
            flex-flow: column;
    -webkit-align-items: flex-end;
            align-items: flex-end; }
  @supports (display: grid) {
    .modul_1-100 > .navItem .itemWrap {
      display: grid;
      grid-template-columns: 1fr 3fr;
      grid-template-rows: auto auto;
      grid-gap: 20px; }
      .modul_1-100 > .navItem .itemWrap::after {
        content: none !important; }
    .modul_1-100 > .navItem .ni_image {
      grid-column: 1/2;
      grid-row: 1/3;
      width: 100% !important; }
    .modul_1-100 > .navItem .ni_text {
      grid-column: 2/3;
      grid-row: 1/2;
      width: 100%; } }

.modul_3-33 {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-justify-content: space-between;
          justify-content: space-between;
  margin-bottom: 50px; }
  .modul_3-33 > .navItem {
    width: calc((100% - 40px) / 3);
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: column;
            flex-flow: column; }
    .modul_3-33 > .navItem:nth-last-child(-n+3) {
      margin-bottom: 0; }
    .modul_3-33 > .navItem .itemWrap {
      display: -webkit-flex;
      display: flex;
      -webkit-flex-flow: column;
              flex-flow: column;
      height: 100%; }
    .modul_3-33 > .navItem .ni_image {
      margin-right: 0 !important;
      width: 100% !important;
      position: relative;
      margin-bottom: 20px; }
      .modul_3-33 > .navItem .ni_image:before {
        content: "";
        display: block;
        width: 100%;
        padding-top: 100%; }
      .modul_3-33 > .navItem .ni_image a {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        display: block;
        width: 100%;
        height: 100%;
        max-width: 100%;
        max-height: 100%; }
      .modul_3-33 > .navItem .ni_image img {
        height: 100%;
        width: 100%;
        object-fit: contain;
        font-family: 'object-fit: contain;';
        margin: 0; }
    .modul_3-33 > .navItem .navpreisbox {
      margin-top: 20px;
      -webkit-flex-grow: 1;
              flex-grow: 1;
      display: -webkit-flex;
      display: flex;
      -webkit-flex-flow: column;
              flex-flow: column;
      -webkit-justify-content: flex-end;
              justify-content: flex-end;
      text-align: right; }

/*
.modul_1-50 {
  > .navItem{
    width: 100%;

    &:not(:last-child) {
      margin-bottom: 20px;
    }
    .itemWrap{
      display: flex;
    }
    .ni_image, .ni_text{
      width: 50%;
      padding-right: 10px;
    }
    .ni_image{
      a{
        display: block;
      }
      img{
        width: 100%;
        margin: 0;
      }
    }
    .ni_text{
      padding-left: 10px;
    }

  }
  @include media-0-m{
    .itemWrap{
      flex-flow: column;
      .ni_image{
        padding: 0;
        width: 100%;
      }
      .ni_text{
        padding: 0 0 10px 0;
        width: 100%;
      }
    }
  }
  @include media-m-t{
    .itemWrap{
      //flex-flow: row;
      .ni_image, .ni_text {
        width: 50%
      }
    }
  }
}*/
.modul_1-25 > .navItem {
  width: 100%; }
  .modul_1-25 > .navItem .itemWrap {
    display: block; }
  .modul_1-25 > .navItem .ni_image {
    width: 100% !important;
    float: none; }
    .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: 100%; }
  .modul_1-25 > .navItem .navpreisbox {
    text-align: right; }

/*
.modul_2-50 {
  display: flex;
  >.navItem {
    width: 50%;
    &:not(:last-child){
      margin-right: 20px;
    }
    .itemWrap {
      display: flex;
      flex-flow: column;
    }
    .ni_image {
      a {
        display: block;
      }
      img {
        width: 100%;
        margin: 0;
      }
    }

  }
  @include media-0-m{
    display: block;
    > .navItem{
      width: 100%;
    }
  }
}*/
/*
.modul_e-2-66-33 {
  display: flex;
  >.navItem {
    &:first-child{
      width: 66%;
      width: calc(66% - 10px);
      margin-right: 10px;
    }
    &:last-child{
      width: 33%;
      width: calc(33% - 10px);
      margin-left: 10px;
    }
    .itemWrap {
      display: flex;
      flex-flow: column;
    }
    .ni_image {
      a {
        display: block;
      }
      img {
        width: 100%;
        margin: 0;
      }
    }
  }
  @include media-0-m{
    display: block;
    > .navItem{
      &:first-child, &:last-child{
        width: 100%;
        margin: 0;
      }
      &:first-child{
        margin-bottom: 20px;
      }
    }
  }
  @include media-m-t{
    display: block;
    > .navItem{
      &:first-child, &:last-child{
        width: 100%;
        margin: 0;
      }
      &:first-child{
        margin-bottom: 20px;
      }
      .itemWrap {
        flex-flow: row;
      }
      .ni_image{
        padding-right: 10px;
        width: 50%;
      }
      .ni_text{
        padding-left: 10px;
        width: 50%;
      }
    }
  }
}*/
/*
.modul_e-2-50 {
  display: flex;
  > .navItem {
    width: 50%;
    &:first-child{
      margin-right: 10px;
    }
    &:last-child {
      margin-left: 10px;
    }
    .itemWrap {
      display: flex;
      flex-flow: column;
    }
    .ni_image {
      a {
        display: block;
      }
      img {
        width: 100%;
        margin: 0;
      }
    }
  }
  @include media-0-m{
    display: block;
     >.navItem{
       width: 100%;
       &:first-child, &:last-child{
         margin-left: 0;
         margin-right: 0;
       }
       &:first-child{
         margin-bottom: 20px;
       }
     }
  }
}
*/
/*
.modul_3-50-50v2 {
  display: flex;
  .navItem {
    .itemWrap {
      display: flex;
      flex-flow: column;
    }
    .ni_image {
      a {
        display: block;
      }
      img {
        width: 100%;
        margin: 0;
      }
    }
  }
  > .navItem, .modul_vert{
    width: 50%;
  }
  @include media-0-m{
    display: block;
    >.navItem,
    .modul_vert {
      width: 100%;
    }
  }
  @include media-m-t{
    display: block;
    .navItem,
    .modul_vert {
      width: 100%;
    }
    .navItem{
      .itemWrap{
        flex-flow: row;
        .ni_image{
          width: 50%;
          padding-right: 10px;
        }
        .ni_text{
          width: 50%;
          padding-left: 10px;
        }
      }
    }
  }
}*/
/*
.modul_e-3-33 {
  display: flex;
  >.navItem {
    width: 33%;
    &:not(:last-child) {
      margin-right: 10px;
    }
    &:not(:first-child) {
      margin-left: 10px;
    }
    .itemWrap {
      display: flex;
      flex-flow: column;
    }
    .ni_image {
      a {
        display: block;
      }
      img {
        width: 100%;
        margin: 0;
      }
    }
  }
  @include media-0-t{
    display: block;
    >.navItem{
      width: 100%;

      &:not(:last-child),
      &:not(:first-child) {
        margin-left: 0;
        margin-right: 0;
      }

      &:not(:last-child) {
        margin-bottom: 20px;
      }
    }
  }
  @include media-m-t{
    >.navItem{
      .ni_image{
        width: 50%;
        padding-right: 10px;
      }
      .ni_text{
        width: 50%;
        padding-left: 10px;
      }
    }
  }
}
*/
/*
.modul_4-25 {
  display: flex;
  >.navItem {
    width: 25%;
    .itemWrap {
      display: flex;
      flex-flow: column;
    }
    .ni_image {
      a {
        display: block;
      }
      img {
        width: 100%;
        margin: 0;
      }
    }
  }
  @include media-0-m{
    display: block;
     .navItem{
       width: 100%;
     }
  }
  @include media-m-t{
    flex-wrap: wrap;
    >.navItem{
      width: 50%;
    }
  }
}
*/
.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: 40px; }

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

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

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

.ss_right {
  width: 30%; }

.ss_bottom {
  width: 100%; }

.ss_ticker {
  margin-bottom: 20px; }

.ss_zone6 .ajaxLoader {
  transition: height 0.3s ease-in-out;
  overflow: hidden;
  position: relative;
  margin: 0 -14px; }
  .ss_zone6 .ajaxLoader > .outer {
    transition: top 0.3s ease-in-out;
    position: absolute;
    left: 14px;
    right: 14px;
    top: 0; }
  .ss_zone6 .ajaxLoader .navItem {
    margin-top: 0;
    transition: all 0.3s ease-in-out; }

.ss_zone6 .ajaxPresseControl {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
          justify-content: center;
  padding: 20px 0; }
  .ss_zone6 .ajaxPresseControl .button {
    transition: all 0.3s ease-in-out;
    background-color: #096493;
    width: 40px;
    height: 40px;
    display: -webkit-inline-flex;
    display: inline-flex;
    margin: 5px;
    -webkit-align-items: center;
            align-items: center;
    -webkit-justify-content: center;
            justify-content: center; }
    .ss_zone6 .ajaxPresseControl .button:hover {
      background-color: #5B8266; }
    .ss_zone6 .ajaxPresseControl .button .icon {
      margin: 10px 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 whitesmoke; }
      .ss_zone6 .ajaxPresseControl .button .icon.back {
        border-bottom: 17.32px solid whitesmoke; }
    .ss_zone6 .ajaxPresseControl .button.disabled {
      opacity: 0.6;
      pointer-events: none; }

.wrapperCarousel {
  grid-column: 1/4;
  padding-left: 75px;
  padding-right: 75px;
  position: relative;
  max-width: 100%;
  width: 100%;
  /*_:-ms-lang(x),
   & {
     display: none;
   }*/ }

.controlsCarousel button {
  position: absolute;
  top: 10px;
  bottom: 10px;
  width: 50px;
  border: none;
  box-shadow: 0 0 2px 0 rgba(78, 78, 78, 0.12), 0 2px 2px 0 rgba(78, 78, 78, 0.24);
  transition: all 0.3s ease-in-out;
  background-color: #9dc1d4;
  color: whitesmoke;
  cursor: pointer; }
  .controlsCarousel button:hover {
    box-shadow: 0 0 8px 0 rgba(78, 78, 78, 0.12), 0 8px 8px 0 rgba(78, 78, 78, 0.24);
    color: #fff;
    background-color: #0c293b; }

.controlsCarousel .prev {
  left: 12.5px; }

.controlsCarousel .next {
  right: 12.5px; }

.logoCarousel {
  -webkit-align-items: stretch;
          align-items: stretch;
  display: -webkit-flex;
  display: flex; }
  .logoCarousel .tns-item {
    padding: 10px 0; }
  .logoCarousel a {
    padding: 25px;
    display: -webkit-flex !important;
    display: flex !important;
    -webkit-align-items: center;
            align-items: center;
    -webkit-justify-content: center;
            justify-content: center;
    background-color: #fff;
    height: 100%;
    box-shadow: 0 0 2px 0 rgba(78, 78, 78, 0.12), 0 2px 2px 0 rgba(78, 78, 78, 0.24);
    transition: all 0.3s ease-in-out; }
    .logoCarousel a:hover {
      box-shadow: 0 0 8px 0 rgba(78, 78, 78, 0.12), 0 8px 8px 0 rgba(78, 78, 78, 0.24); }
  .logoCarousel h1 {
    margin-bottom: 0; }
  .logoCarousel img {
    width: 100%;
    max-width: 100%; }

.ss_text2 {
  background-color: #cee0e9;
  background-image: linear-gradient(to bottom right, #cee0e9 0%, #9dc1d4 100%);
  padding: 10px; }
  .ss_text2 ul {
    margin: 0;
    padding-left: 15px; }

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

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

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

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

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

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

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

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

.swipeSlide > .produktPreview {
  position: absolute;
  top: 50%;
  right: 20%;
  bottom: auto;
  left: 20%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: auto;
  height: auto;
  display: -webkit-flex;
  display: flex;
  background-color: rgba(246, 246, 246, 0.95);
  padding: 20px;
  box-shadow: 0 0 8px 0 rgba(78, 78, 78, 0.12), 0 8px 8px 0 rgba(78, 78, 78, 0.24);
  pointer-events: none; }
  .swipeSlide > .produktPreview .produktPreviewImage {
    margin-right: 25px;
    min-width: 250px;
    line-height: 0; }
  .swipeSlide > .produktPreview .sliderPreisBox a {
    pointer-events: all; }
  .swipeSlide > .produktPreview .produktPreviewText {
    font-size: 120%;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: column;
            flex-flow: column; }
    .swipeSlide > .produktPreview .produktPreviewText _:-ms-lang(x), .swipeSlide > .produktPreview .produktPreviewText {
      display: block; }
    .swipeSlide > .produktPreview .produktPreviewText h2 {
      font-family: Quicksand, Roboto, Arial, Helvetica, sans-serif; }
    .swipeSlide > .produktPreview .produktPreviewText p {
      -webkit-flex-grow: 1;
              flex-grow: 1; }
    .swipeSlide > .produktPreview .produktPreviewText .sliderPreisBox {
      text-align: right; }

.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: 0 !important; }

.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: calc(100% * 70 / 3);
  position: absolute;
  right: 0; }

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

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

.einfachetabelle {
  width: 100%; }
  .einfachetabelle td {
    padding: 5px 10px;
    min-width: 100px; }
  .einfachetabelle tr:first-child {
    background-color: #096493; }
    .einfachetabelle tr:first-child td {
      font-weight: bold;
      padding: 10px;
      color: whitesmoke; }
  .einfachetabelle tr:nth-child(2n + 3) {
    background-color: #eee; }

.tableWrapper {
  max-width: 100%;
  overflow-x: auto;
  box-shadow: 0 0 2px 0 rgba(78, 78, 78, 0.12), 0 2px 2px 0 rgba(78, 78, 78, 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; }
  .verzeichnisForm input {
    margin: 0;
    float: left;
    height: 37px;
    background-image: none; }
  .verzeichnisForm .textfeld {
    width: calc(100% - 37px);
    border: 1px solid #000;
    background-color: #fff;
    color: #282828;
    min-width: 165px;
    height: 27px;
    padding: 0 5px; }
  .verzeichnisForm .searchButton {
    width: 27px;
    height: 27px; }

.warenkorb {
  margin-bottom: 20px;
  box-shadow: 0 0 2px 0 rgba(78, 78, 78, 0.12), 0 2px 2px 0 rgba(78, 78, 78, 0.24);
  background-color: #fff; }
  .warenkorb th,
  .warenkorb td {
    vertical-align: top; }
  .warenkorb thead tr {
    background-color: #096493; }
  .warenkorb thead th {
    color: whitesmoke;
    text-align: left;
    padding: 10px; }
  .warenkorb tbody tr:nth-child(2n) {
    background-color: #eee; }
  .warenkorb tbody td {
    text-align: left;
    padding: 10px; }
  .warenkorb tbody input {
    padding: 5px 10px;
    box-shadow: 0 0 2px 0 rgba(78, 78, 78, 0.12), 0 2px 2px 0 rgba(78, 78, 78, 0.24); }
  .warenkorb .removeButton {
    text-decoration: none;
    font-size: 18px;
    color: darkred; }
  .warenkorb.wk-absenden td:empty {
    display: none; }

.aktualisieren {
  margin-bottom: 20px;
  box-shadow: 0 0 2px 0 rgba(78, 78, 78, 0.12), 0 2px 2px 0 rgba(78, 78, 78, 0.24);
  background-color: #fff; }
  .aktualisieren th,
  .aktualisieren td {
    vertical-align: top; }
  .aktualisieren td {
    padding: 10px 10px 5px 10px; }
  .aktualisieren input[type="submit"] {
    margin-right: 10px;
    box-shadow: 0 0 2px 0 rgba(78, 78, 78, 0.12), 0 2px 2px 0 rgba(78, 78, 78, 0.24);
    background-color: #096493;
    color: whitesmoke;
    font-size: 18px; }

.gesamt {
  box-shadow: 0 0 2px 0 rgba(78, 78, 78, 0.12), 0 2px 2px 0 rgba(78, 78, 78, 0.24);
  background-color: #fff; }
  .gesamt th,
  .gesamt td {
    vertical-align: baseline; }
  .gesamt td {
    padding: 5px 10px; }
  .gesamt tr:last-child td:nth-last-child(-n+2) {
    border-top: 2px solid black; }

.warenkorbPfeil {
  background-color: #fff;
  display: -webkit-flex;
  display: flex;
  width: 100%;
  -webkit-justify-content: space-between;
          justify-content: space-between;
  -webkit-align-items: center;
          align-items: center;
  margin-bottom: 20px;
  box-shadow: 0 0 2px 0 rgba(78, 78, 78, 0.12), 0 2px 2px 0 rgba(78, 78, 78, 0.24);
  padding: 10px;
  margin-top: 25px; }
  .warenkorbPfeil .inhalt.hoch {
    margin: 0 !important; }
  .warenkorbPfeil .weiter input {
    background-image: linear-gradient(to right, #ffcb05 0%, #eb974e 100%);
    background-size: 300%;
    background-position: left;
    padding: 5px 25px;
    cursor: pointer;
    box-shadow: 0 0 2px 0 rgba(78, 78, 78, 0.12), 0 2px 2px 0 rgba(78, 78, 78, 0.24);
    transition: all 0.3s ease-in-out; }
    .warenkorbPfeil .weiter input:hover {
      box-shadow: 0 0 8px 0 rgba(78, 78, 78, 0.12), 0 8px 8px 0 rgba(78, 78, 78, 0.24);
      background-position: right; }

.warenkorbLoginForm {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-justify-content: space-between;
          justify-content: space-between;
  width: 100%;
  -webkit-align-items: center;
          align-items: center; }
  .warenkorbLoginForm > h3 {
    width: 100%; }
  .warenkorbLoginForm .inputs {
    max-width: 50%;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
            flex-wrap: wrap; }
    .warenkorbLoginForm .inputs .igroup {
      width: 100%;
      display: -webkit-flex;
      display: flex; }
      .warenkorbLoginForm .inputs .igroup:not(:last-child) {
        margin-bottom: 10px; }
    .warenkorbLoginForm .inputs input {
      width: 50%;
      box-shadow: 0 0 2px 0 rgba(78, 78, 78, 0.12), 0 2px 2px 0 rgba(78, 78, 78, 0.24);
      padding: 5px 10px; }
    .warenkorbLoginForm .inputs label {
      width: 100px;
      min-width: 100px;
      display: block; }
  .warenkorbLoginForm .button {
    background-image: linear-gradient(to right, #ffcb05 0%, #eb974e 100%);
    background-size: 300%;
    background-position: left;
    padding: 5px 25px;
    cursor: pointer;
    box-shadow: 0 0 2px 0 rgba(78, 78, 78, 0.12), 0 2px 2px 0 rgba(78, 78, 78, 0.24);
    transition: all 0.3s ease-in-out; }
    .warenkorbLoginForm .button:hover {
      box-shadow: 0 0 8px 0 rgba(78, 78, 78, 0.12), 0 8px 8px 0 rgba(78, 78, 78, 0.24);
      background-position: right; }

.schonangemeldet {
  box-shadow: 0 0 2px 0 rgba(78, 78, 78, 0.12), 0 2px 2px 0 rgba(78, 78, 78, 0.24);
  padding: 0 10px 10px 10px;
  margin-bottom: 40px; }

.igroup {
  width: 100%;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
          align-items: center; }
  .igroup:not(:last-child) {
    margin-bottom: 10px; }
  .igroup.extraMargin {
    margin-bottom: 40px; }
  .igroup input:not([type="checkbox"]),
  .igroup select {
    width: calc((100% - 170px)/ 2);
    box-shadow: 0 0 2px 0 rgba(78, 78, 78, 0.12), 0 2px 2px 0 rgba(78, 78, 78, 0.24);
    padding: 5px 10px; }
  .igroup input[type="checkbox"] {
    padding: 5px 10px; }
  .igroup input:required:invalid {
    border-bottom: 1px solid #930964;
    padding: 5px 10px 4px 10px; }
  .igroup .formelement {
    width: calc((100% - 170px)/ 2); }
  .igroup textarea {
    display: block;
    box-shadow: 0 0 2px 0 rgba(78, 78, 78, 0.12), 0 2px 2px 0 rgba(78, 78, 78, 0.24);
    padding: 5px 10px; }
  .igroup label {
    width: 150px;
    min-width: 150px;
    display: block; }
    .igroup label.pflichtfeld {
      width: 20px;
      min-width: 20px;
      text-align: center; }
  .igroup .button {
    background-image: linear-gradient(to right, #ffcb05 0%, #eb974e 100%);
    background-size: 300%;
    background-position: left;
    padding: 5px 25px;
    cursor: pointer;
    box-shadow: 0 0 2px 0 rgba(78, 78, 78, 0.12), 0 2px 2px 0 rgba(78, 78, 78, 0.24);
    transition: all 0.3s ease-in-out; }
    .igroup .button:hover {
      box-shadow: 0 0 8px 0 rgba(78, 78, 78, 0.12), 0 8px 8px 0 rgba(78, 78, 78, 0.24);
      background-position: right; }
  .igroup input.tf-halfsize {
    width: calc(((100% - 170px)/ 2) / 2); }

.registrierung {
  box-shadow: 0 0 2px 0 rgba(78, 78, 78, 0.12), 0 2px 2px 0 rgba(78, 78, 78, 0.24);
  padding: 20px;
  background-color: #fff;
  margin-bottom: 50px; }

.marginTop {
  margin-top: 40px; }

.paymentmethod {
  box-shadow: 0 0 2px 0 rgba(78, 78, 78, 0.12), 0 2px 2px 0 rgba(78, 78, 78, 0.24);
  padding: 10px;
  margin-bottom: 20px; }

.paymentAdressen {
  box-shadow: 0 0 2px 0 rgba(78, 78, 78, 0.12), 0 2px 2px 0 rgba(78, 78, 78, 0.24);
  padding: 10px;
  margin-bottom: 40px;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap; }
  .paymentAdressen h2 {
    width: 100%; }
  .paymentAdressen .paymentAdresse {
    width: 50%; }

.paymentComment {
  margin-bottom: 40px;
  box-shadow: 0 0 2px 0 rgba(78, 78, 78, 0.12), 0 2px 2px 0 rgba(78, 78, 78, 0.24);
  padding: 10px;
  display: block; }
  .paymentComment textarea {
    margin-top: 10px;
    display: block;
    box-shadow: 0 0 2px 0 rgba(78, 78, 78, 0.12), 0 2px 2px 0 rgba(78, 78, 78, 0.24);
    padding: 5px 10px; }

.paymentAGB {
  margin-bottom: 40px;
  box-shadow: 0 0 2px 0 rgba(78, 78, 78, 0.12), 0 2px 2px 0 rgba(78, 78, 78, 0.24);
  padding: 10px; }

.sendBack {
  margin-bottom: 40px; }
  .sendBack > a {
    display: block; }
    .sendBack > a:not(:last-child) {
      margin-bottom: 10px; }

.sendHinweis {
  margin: 40px 0;
  box-shadow: 0 0 2px 0 rgba(78, 78, 78, 0.12), 0 2px 2px 0 rgba(78, 78, 78, 0.24);
  padding: 10px; }

.welcomebox {
  box-shadow: 0 0 2px 0 rgba(78, 78, 78, 0.12), 0 2px 2px 0 rgba(78, 78, 78, 0.24);
  padding: 10px;
  margin: 20px 0 40px 0; }

.baskettimeform select {
  width: calc((100% - 170px)/ 2);
  box-shadow: 0 0 2px 0 rgba(78, 78, 78, 0.12), 0 2px 2px 0 rgba(78, 78, 78, 0.24);
  padding: 5px 10px; }

.extraMargin {
  margin-bottom: 40px; }

.warenkorbContainer {
  box-shadow: 0 0 2px 0 rgba(78, 78, 78, 0.12), 0 2px 2px 0 rgba(78, 78, 78, 0.24);
  padding: 10px;
  margin-bottom: 40px; }

.surveybox {
  box-shadow: 0 0 2px 0 rgba(78, 78, 78, 0.12), 0 2px 2px 0 rgba(78, 78, 78, 0.24);
  padding: 10px;
  margin-bottom: 20px; }
  .surveybox textarea {
    display: block;
    box-shadow: 0 0 2px 0 rgba(78, 78, 78, 0.12), 0 2px 2px 0 rgba(78, 78, 78, 0.24);
    padding: 5px 10px;
    max-width: 100%;
    resize: vertical; }

.loginSelect {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: stretch;
          align-items: stretch;
  -webkit-justify-content: space-between;
          justify-content: space-between; }
  .loginSelect > div {
    width: calc(50% - 25px);
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: column;
            flex-flow: column;
    -webkit-justify-content: stretch;
            justify-content: stretch; }
    .loginSelect > div > div {
      box-shadow: 0 0 2px 0 rgba(78, 78, 78, 0.12), 0 2px 2px 0 rgba(78, 78, 78, 0.24);
      padding: 25px;
      margin-bottom: 25px;
      background-color: #fff; }
    .loginSelect > div .loginKunde {
      height: 100%; }

.flex-end {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: flex-end;
          justify-content: flex-end;
  width: 100%; }

.urlaubsBox {
  padding: 10px;
  box-shadow: 0 0 2px 0 rgba(78, 78, 78, 0.12), 0 2px 2px 0 rgba(78, 78, 78, 0.24);
  background-color: #fff;
  margin-top: 25px; }
  .urlaubsBox h2 {
    -webkit-text-decoration: underline #eb974e;
            text-decoration: underline #eb974e; }

.shippingmethod {
  box-shadow: 0 0 2px 0 rgba(78, 78, 78, 0.12), 0 2px 2px 0 rgba(78, 78, 78, 0.24); }

.surveybox .textfeld {
  box-shadow: 0 0 2px 0 rgba(78, 78, 78, 0.12), 0 2px 2px 0 rgba(78, 78, 78, 0.24); }

.paymentadd {
  padding-left: 25px; }

img.listBildBox {
  width: 100px;
  min-width: 100px;
  box-shadow: 0 0 2px 0 rgba(78, 78, 78, 0.12), 0 2px 2px 0 rgba(78, 78, 78, 0.24); }

@media screen and (min-width: 0) {
  /*fix*/ }

@media screen and (min-width: 0) and (max-width: 1639px) {
  /*fix*/
  /*fix*/ }

@media screen and (min-width: 0) and (max-width: 1379px) {
  /*fix*/
    .swipeSlide > .produktPreview {
      -webkit-transform: none;
              transform: none; }
      .swipeSlide > .produktPreview .produktPreviewImage {
        display: -webkit-flex;
        display: flex;
        margin-right: 10px;
        max-height: 100%; }
        .swipeSlide > .produktPreview .produktPreviewImage img {
          max-height: 100%;
          object-fit: contain; } }

@media screen and (min-width: 0) and (max-width: 959px) {
  /*fix*/
    #Obergeschoss {
      position: relative;
      margin-top: 44px; }
      #Obergeschoss::after {
        content: none; }
      #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; }
    .Innenraum {
      margin: 0; }
    #Erdgeschoss .inner {
      -webkit-flex-wrap: wrap;
              flex-wrap: wrap; }
    #WohnzimmerTop {
      width: 100%;
      position: static;
      padding: 10px;
      left: auto;
      top: auto; }
    #Arbeitszimmer {
      display: none; }
    @supports (display: grid) {
      body:not(.adresse) #WohnzimmerTop {
        grid-column: 1 / 4;
        padding-left: 20px;
        padding-right: 10px; }
        body:not(.adresse) #WohnzimmerTop .breadcrumb {
          margin: 0 !important; }
        body:not(.adresse) #WohnzimmerTop:nth-last-of-type(4) .breadcrumb {
          width: 100%; }
        body:not(.adresse) #WohnzimmerTop:nth-last-of-type(3) {
          grid-column: 1 / 4;
          padding-left: 20px;
          padding-right: 20px; } }
    @supports (display: grid) {
      body:not(.adresse) #Wohnzimmer:nth-last-of-type(3), body:not(.adresse) #Wohnzimmer:nth-last-of-type(2) {
        grid-column: 1 / 4;
        padding-left: 20px;
        padding-right: 20px;
        width: 100%;
        max-width: 100%;
        min-width: auto;
        box-sizing: border-box; } }
    @supports (display: grid) {
      body:not(.adresse) #Kinderzimmer {
        grid-column: 1 / 4;
        grid-row: auto; } }
    @supports (display: grid) {
      body:not(.adresse).startseite #Wohnzimmer, body:not(.adresse).startseite #Wohnzimmer:nth-last-of-type(3) {
        grid-column: 1 / 4;
        padding: 10px; } }
    .layoutzweispaltig {
      display: block; }
      .layoutzweispaltig > div {
        width: 100%; }
      .nav-h .basketInfo {
        display: none; }
      .adresse #Obergeschoss {
        margin-top: 0; }
    .ss_row {
      display: block; }
    .ss_column {
      margin: 0 !important; } }

@media screen and (min-width: 0) and (max-width: 767px) {
  /*fix*/
  .container {
    width: 90%; }
    #Dach {
      margin-top: 42px; }
        body > div:not(.adresse) #Obergeschoss .inner .container > .right {
          -webkit-flex-flow: column;
                  flex-flow: column; }
      #Obergeschoss::before {
        left: calc(50% - 40% - 200px); }
      #Obergeschoss .facebook {
        display: none; }
      #Fundament .inner {
        -webkit-flex-flow: column;
                flex-flow: column; }
        #Fundament .inner > div:not(.partnerLogos) {
          padding: 0; }
          #Fundament .inner > div:not(.partnerLogos):nth-last-child(2) {
            border-left: none; }
        #Fundament .inner .partnerLogos {
          display: block;
          padding: 0;
          text-align: center; }
          #Fundament .inner .partnerLogos .mspinfo {
            margin: 20px 0 0 0;
            display: block; }
    .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; }
    .formElementWrap {
      display: block; }
      .formElementWrap > label {
        width: auto;
        text-align: left;
        padding-top: 5px; }
        .formElementWrap > label + div,
        .formElementWrap > label + ul {
          width: 100%;
          margin-top: 10px; }
  label.left {
    width: auto;
    text-align: left; }
    #formLeiste .state {
      font-size: 11px; }
      #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; }
    #impressionButton {
      display: none; }
    #Wohnzimmer, #Wohnzimmer:nth-last-of-type(4), #Wohnzimmer:nth-last-of-type(3) {
      width: auto;
      max-width: 100%;
      padding: 0;
      min-height: 0;
      display: block; }
    #WohnzimmerTop {
      width: auto;
      max-width: 100%;
      display: block; }
    #Kinderzimmer {
      padding: 0;
      width: 100%;
      width: calc(100% - 20px); }
    @supports (display: grid) {
      body:not(.adresse) > #Bauwerk #Erdgeschoss .container .inner {
        grid-template-columns: 1fr 1fr 1fr; } }
    a.leseModusControl {
      display: none; }
      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 > h1 {
        margin-top: 0;
        font-size: 250%; }
    .twoCols, .twoCols .navItem {
      width: auto;
      padding: 0;
      margin: 0;
      max-width: 100%;
      float: none;
      display: block; }
    .nav-h .nav_li {
      margin-left: 10px; }
      .nav-h .nav_li:nth-child(2) {
        margin-left: 0; }
      .nav-h .nav_li.notMobile {
        display: none; }
      .nav-h .nav_li .basketInfo {
        display: none !important; }
      .navItem .itemWrap {
        display: block; }
        .navItem .itemWrap .ni_image {
          width: auto; }
      .adresse #Obergeschoss {
        position: relative; }
    .layer {
      width: 90vw;
      max-height: 80vh;
      left: 5vw;
      right: 5vw; }
    .adresse .bezeichnung {
      text-align: left;
      display: block;
      margin: 0;
      padding: 0;
      width: 100%; }
    .adresse .inhalt {
      text-align: left;
      display: block;
      margin: 0;
      padding: 0;
      width: 100%; }
    .adresse .adressdaten {
      width: auto;
      padding: 0;
      margin: 0;
      max-width: 100%;
      float: none;
      display: block; }
      .verzeichnis #nav-ow ul > li {
        display: block; }
  .productList .navItem {
    box-shadow: 0 0 2px 0 rgba(78, 78, 78, 0.12), 0 2px 2px 0 rgba(78, 78, 78, 0.24);
    margin-bottom: 25px; }
  .productList .navItem .itemWrap {
    display: block;
    padding: 10px; }
  .productList .navItem .ni_image {
    width: 100% !important; }
  .productList .navItem .ni_text {
    padding: 0; }
    .produktflex {
      -webkit-flex-flow: column;
              flex-flow: column;
      margin-bottom: 0; }
      .produktflex .produktflex-links, .produktflex .produktflex-rechts {
        max-width: 100%;
        margin: 0 0 50px 0 !important; }
        @supports (display: contents) {
          .produktflex .produktflex-links, .produktflex .produktflex-rechts {
            display: contents; } }
  @supports (display: contents) {
    #produktbilder {
      -webkit-order: 0;
              order: 0; }
    .importantBox {
      -webkit-order: 1;
              order: 1; }
    .produktBeschreibung.be1 {
      -webkit-order: 2;
              order: 2; }
    .produktBeschreibungBild.bi1 {
      -webkit-order: 3;
              order: 3; }
    .videoContainer {
      -webkit-order: 4;
              order: 4;
      margin-bottom: 50px; }
    .be2 {
      -webkit-order: 5;
              order: 5; }
    .bi2 {
      -webkit-order: 6;
              order: 6; } }
    FORM.suchform {
      width: 100%;
      padding: 0;
      margin-bottom: 10px; }
    .modul_1-100 > .navItem .itemWrap {
      -webkit-flex-flow: column;
              flex-flow: column; }
    .modul_1-100 > .navItem .ni_image {
      width: 100% !important;
      margin-bottom: 20px; }
    .modul_1-100 > .navItem .ni_text {
      width: 100%; }
    .modul_1-100 > .navItem .navpreisbox {
      margin-top: 20px; }
    @supports (display: grid) {
      .modul_1-100 > .navItem .itemWrap {
        display: -webkit-flex;
        display: flex; } }
      .modul_3-33 > .navItem {
        width: 100%; }
        .modul_3-33 > .navItem:nth-last-child(2), .modul_3-33 > .navItem:nth-last-child(3) {
          margin-bottom: 20px; }
        .modul_3-33 > .navItem:nth-last-child(1) {
          margin-bottom: 0; }
  .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%; }
    .wrapperCarousel {
      padding-left: 60px;
      padding-right: 60px; }
  .controlsCarousel button {
    width: 40px; }
  .controlsCarousel .prev {
    left: 10px; }
  .controlsCarousel .next {
    right: 10px; }
      .logoCarousel a {
        padding: 5px; }
      .logoCarousel h1 {
        font-size: 16px; }
    .swipeButton {
      display: none !important; }
  .swipeTitle,
  .swipeBullets {
    display: none; }
    .swipeSlide > .produktPreview {
      position: absolute;
      top: 10px;
      right: 10px;
      bottom: 10px;
      left: 10px;
      padding: 10px;
      -webkit-align-items: center;
              align-items: center;
      -webkit-justify-content: center;
              justify-content: center; }
      .swipeSlide > .produktPreview .produktPreviewImage {
        min-width: 20px;
        max-width: 100px; }
      .swipeSlide > .produktPreview .produktPreviewText {
        font-size: 70%;
        max-height: 100%; }
        .swipeSlide > .produktPreview .produktPreviewText p {
          display: none; }
      .verzeichnis .group .groupName {
        position: relative; }
    .warenkorb {
      display: block;
      box-shadow: none; }
      .warenkorb thead {
        display: none; }
      .warenkorb tbody,
      .warenkorb tr,
      .warenkorb td {
        display: block; }
      .warenkorb tr {
        margin-bottom: 25px;
        box-shadow: 0 0 2px 0 rgba(78, 78, 78, 0.12), 0 2px 2px 0 rgba(78, 78, 78, 0.24); }
      .warenkorb td {
        position: relative; }
        .warenkorb td:not(:first-child) {
          margin-top: 10px; }
        .warenkorb td input:not([type="checkbox"]):not([type="radio"]) {
          width: auto; }
        .warenkorb td::before {
          content: attr(headers) ":";
          display: block;
          margin: -5px -10px 10px -10px;
          padding: 5px 10px;
          color: whitesmoke;
          background-color: #096493; }
    .gesamt {
      display: block; }
      .gesamt tbody,
      .gesamt tr,
      .gesamt td {
        display: block; }
      .gesamt tr:first-child > td:first-child {
        display: none; }
      .gesamt tr:last-child {
        display: -webkit-flex;
        display: flex;
        -webkit-flex-flow: column;
                flex-flow: column; }
        .gesamt tr:last-child td:first-child {
          -webkit-order: 2;
                  order: 2;
          text-align: right; }
    .warenkorbPfeil {
      -webkit-flex-flow: column;
              flex-flow: column; }
      .warenkorbLoginForm .inputs {
        max-width: 100%; }
      .warenkorbLoginForm .button {
        margin-top: 10px; }
    .igroup {
      -webkit-flex-wrap: wrap;
              flex-wrap: wrap;
      -webkit-justify-content: flex-start;
              justify-content: flex-start;
      max-width: 100%; }
      .igroup .formelement,
      .igroup input,
      .igroup select,
      .igroup textarea,
      .igroup .button {
        width: 100%; }
      .igroup label {
        width: auto;
        min-width: 0;
        margin-bottom: 10px; }
    .paymentAdressen {
      display: block; }
      .paymentAdressen .paymentAdresse {
        width: 100%; }
        .paymentAdressen .paymentAdresse:first-of-type {
          margin-bottom: 10px;
          padding-bottom: 15px;
          border-bottom: 1px solid #282828; }
    .loginSelect {
      display: block; }
      .loginSelect > div {
        width: 100%; }
    img.listBildBox {
      width: auto; } }

@media screen and (min-width: 768px) {
  /*fix*/
    #mobilefooter {
      display: none; }
    FORM.suchform {
      margin: 0;
      padding: 0; } }

@media screen and (min-width: 768px) and (max-width: 1639px) {
  /*fix*/
  /*fix*/ }

@media screen and (min-width: 768px) and (max-width: 1379px) {
  /*fix*/
      .logoCarousel a {
        padding: 20px; } }

@media screen and (min-width: 768px) and (max-width: 959px) {
  /*fix*/
  .container {
    width: 768px; }
      #Obergeschoss::before {
        left: calc(50% - 384px - 200px); }
      #Obergeschoss .facebook {
        left: 70%; }
      #GallerieAlle > div {
        width: 40%;
        max-width: 50%; }
    #Wohnzimmer, #Wohnzimmer:nth-last-of-type(4), #Wohnzimmer:nth-last-of-type(3) {
      max-width: 66%;
      width: 66%; }
      .startseite #Wohnzimmer, .startseite #Wohnzimmer:nth-last-of-type(4), .startseite #Wohnzimmer:nth-last-of-type(3) {
        width: 100%;
        max-width: 100%; }
    #Kinderzimmer {
      max-width: 33%;
      width: 33%; }
        .navItem .itemWrap .ni_image {
          width: 100%; }
    .modul_1-100 > .navItem .ni_image {
      width: 33% !important; }
    .modul_1-100 > .navItem .ni_text {
      width: calc(67% - 20px); }
    @supports (display: grid) {
      .modul_1-100 > .navItem .itemWrap {
        grid-template-columns: 1fr 2fr; }
      .modul_1-100 > .navItem .ni_image {
        width: 100% !important; }
      .modul_1-100 > .navItem .ni_text {
        width: 100%; } }
      .modul_3-33 > .navItem {
        width: calc((100% - 20px) / 2); }
        .modul_3-33 > .navItem:nth-last-child(3) {
          margin-bottom: 20px; }
        .modul_3-33 > .navItem:nth-last-child(-n+2) {
          margin-bottom: 0; }
  .modul_1-25 .itemWrap .ni_image, .modul_1-25 .itemWrap .ni_text {
    width: 50%; }
    .ss_left {
      width: 100%;
      padding-right: 0; }
    .ss_right {
      width: 100%; }
    .swipe {
      height: calc(768px / 3); }
    .swipeSlide > .produktPreview {
      position: absolute;
      top: 10px;
      right: 100px;
      bottom: 10px;
      left: 100px; }
      .swipeSlide > .produktPreview .produktPreviewImage {
        min-width: 200px; }
      .swipeSlide > .produktPreview .produktPreviewText {
        font-size: 100%; }
        .swipeSlide > .produktPreview .produktPreviewText h2 {
          font-size: 180%; }
        .swipeSlide > .produktPreview .produktPreviewText p {
          font-size: 80%; } }

@media screen and (min-width: 960px) {
  /*fix*/
  body:not(.startseite) #WohnzimmerTop ~ #Wohnzimmer {
    margin-top: 40px; }
    #mobilefooter_twg {
      display: none; }
    #nav_mobile {
      display: none; } }

@media screen and (min-width: 960px) and (max-width: 1639px) {
  /*fix*/
  /*fix*/
      .nav-h .basketInfo {
        padding: 10px; } }

@media screen and (min-width: 960px) and (max-width: 1379px) {
  /*fix*/
  .container {
    width: 930px; }
      #Obergeschoss::before {
        left: calc(50% - 465px - 200px); }
    .modul_1-100 > .navItem .itemWrap {
      -webkit-flex-flow: column;
              flex-flow: column; }
    .modul_1-100 > .navItem .ni_image {
      width: 100% !important;
      margin-bottom: 20px; }
    .modul_1-100 > .navItem .ni_text {
      width: 100%; }
    .modul_1-100 > .navItem .navpreisbox {
      margin-top: 20px; }
    @supports (display: grid) {
      .modul_1-100 > .navItem .itemWrap {
        display: -webkit-flex;
        display: flex; } }
      .modul_3-33 > .navItem {
        width: 100%; }
        .modul_3-33 > .navItem:nth-last-child(2), .modul_3-33 > .navItem:nth-last-child(3) {
          margin-bottom: 20px; }
        .modul_3-33 > .navItem:nth-last-child(1) {
          margin-bottom: 0; }
    .swipe {
      height: calc(930px / 3); }
    .swipeSlide > .produktPreview {
      position: absolute;
      top: 25px;
      right: 10%;
      bottom: 25px;
      left: 10%; }
      .swipeSlide > .produktPreview .produktPreviewText {
        font-size: 100%; } }

@media screen and (min-width: 1380px) {
  /*fix*/ }

@media screen and (min-width: 1380px) and (max-width: 1639px) {
  /*fix*/
  /*fix*/
  .container {
    width: 1300px; }
      #Obergeschoss::before {
        left: calc(50% - 580px - 200px); }
    .modul_1-100 > .navItem .ni_image {
      width: 33% !important; }
    .modul_1-100 > .navItem .ni_text {
      width: calc(67% - 20px); }
    @supports (display: grid) {
      .modul_1-100 > .navItem .itemWrap {
        grid-template-columns: 1fr 2fr; }
      .modul_1-100 > .navItem .ni_image {
        width: 100% !important; }
      .modul_1-100 > .navItem .ni_text {
        width: 100%; } }
      .modul_3-33 > .navItem {
        width: calc((100% - 20px) / 2); }
        .modul_3-33 > .navItem:nth-last-child(3) {
          margin-bottom: 20px; }
        .modul_3-33 > .navItem:nth-last-child(-n+2) {
          margin-bottom: 0; }
    .swipe {
      height: calc(1160px / 3); } }

@media screen and (min-width: 1640px) {
  /*fix*/
  /*fix*/
  .container {
    width: 1600px; }
    .swipe {
      height: calc(1600px / 3); } }

@media screen and (min-width: 1640px) and (max-width: 1639px) {
  /*fix*/ }

@media all and (-ms-high-contrast: none) {
      .checkbox::before {
        top: -3px; }
      .formElementWrap input[type=radio]:checked ~ .check::before {
        left: 4px;
        top: 4px; } }

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
      .selectbox .selectarrow {
        display: none !important; } }

@media only screen and (max-width: 479px) {
  #formLeiste .state {
    white-space: nowrap; } }

@media only print {
    .headline, .verzeichnis .group .groupName, .ni-headline, .headlineAlternative {
      text-align: left;
      border-bottom: 1px solid #000;
      margin-top: 20px; }
  .printHide, .adresse #hnav, #wechselbilder img, a.leseModusControl, a.linkToTop, .nav, #nav_mobile, .navItem .itemWrap .ni_bottom, img[src^="data:image/svg+xml;utf8,<svg"] {
    display: none !important; }
  .print-only {
    display: block; }
  body * {
    box-shadow: none !important;
    float: none !important; }
  #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,
  .ss_modul {
    display: block; }
  .ss_modul {
    max-width: 100% !important; }
    .ss_modul .navItem {
      display: block;
      width: 100% !important; }
      .ss_modul .navItem .ni_image {
        width: 25% !important; }
  .produktflex {
    display: block; }
    .produktflex .produktflex-links, .produktflex .produktflex-rechts {
      width: 100% !important;
      margin: 0 0 50px 0 !important;
      max-width: 100% !important; }
  .bestellbutton {
    display: none !important; }
  .videoContainer {
    display: none !important; }
  .importantBox, .linkContainer {
    padding: 0 !important; }
  .mousetrap {
    display: none !important; }
  #produktbilder .produktbildgross {
    page-break-inside: avoid; }
    #produktbilder .produktbildgross::before {
      content: none; }
  #produktbilder #wrap {
    display: block;
    position: static !important; }
  #Obergeschoss {
    position: static !important; }
    #Obergeschoss::before, #Obergeschoss::after {
      content: none !important; }
    #Obergeschoss .right {
      display: none !important; }
  #Erdgeschoss,
  .Innenraum {
    font-size: 80% !important;
    margin: 0 !important; }
  #Erdgeschoss .inner {
    display: block !important; }
  #Arbeitszimmer {
    display: none !important; }
  #Wohnzimmer, #Kinderzimmer, #WohnzimmerTop {
    position: static;
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important; }
  #bfnav .mobile, #mobilefooter {
    display: none !important; }
  #logoBox > h1 {
    margin: 0 !important; }
  .ss_zone6, .ss_zone6 .headline, .ss_zone6 .headline a {
    width: 100%; } }

@media only screen and (max-width: 767px) {
  .nav-mt {
    display: none; }
    .nav-mt .nav_li {
      display: block; }
    .nav-main {
      display: none; } }