@charset "iso-8859-1";
/* ------------------------------------------------------------------------------ */
/* BASE                                                                           */
/* ------------------------------------------------------------------------------ */

/* The Big One!: >1280px
================================================== */

@media only screen and (min-width: 1400px) {
  .container {
    width: 1300px;
  }

  #Erdgeschoss .container {
    border-left-width: 260px;
    width: 1040px;
  }
  .startseite #Erdgeschoss .container {
    width: 1300px;
  }

  .container #Arbeitszimmer {
    width: 260px;
    margin-left: -260px;
  }
  .container #Wohnzimmer {
    width: 670px;
  }
  .zweispaltig .container #Wohnzimmer {
    width: 900px;
  }
  .container #Kinderzimmer {
    width: 220px;
  }

  .adresse #Erdgeschoss .container {
    width: 1300px;
  }

}

@media only screen and (min-width: 1180px) and (max-width: 1399px) {
  .container {
    width: 1160px;
  }

  #Erdgeschoss .container {
    border-left-width: 260px;
    width: 900px;
  }
  .startseite #Erdgeschoss .container {
    width: 1160px;
  }

  .container #Arbeitszimmer {
    width: 260px;
    margin-left: -260px;
  }
  .container #Wohnzimmer {
    width: 670px;
  }
  .zweispaltig .container #Wohnzimmer {
    width: 900px;
  }
  .container #Kinderzimmer {
    width: 220px;
  }

  .adresse #Erdgeschoss .container {
    width: 1160px;
  }
}

/* #Tablet (Portrait): 768px
================================================== */

@media only screen and (min-width: 768px) and (max-width: 959px) {
  .container {
    width: 768px;
  }

  #Erdgeschoss .container {
    border-left-width: 200px;
    width: 568px;
  }
  .startseite #Erdgeschoss .container {
    width: 768px;
  }

  .container #Arbeitszimmer {
    width: 200px;
    margin-left: -200px;
  }
  .container #Wohnzimmer {
    width: 393px;
  }
  .zweispaltig .container #Wohnzimmer {
    width: 568px;
  }
  .container #Kinderzimmer {
    width: 170px;
  }

  .adresse #Erdgeschoss .container {
    width: 768px;
  }
}

/*  #Mobile (Portrait): 320px
================================================== */

@media only screen and (max-width: 767px) {
  .floatright {
    float: none;
  }
  .floatleft {
    float: none;
  }

  #Erdgeschoss .container {
    border-left-width: 0px;
    width: 300px;
  }
  .startseite #Erdgeschoss .container {
    width: 300px;
  }

  .container {
    width: 300px;
  }
  .container #Arbeitszimmer,
  .container #Wohnzimmer,
  .zweispaltig .container #Wohnzimmer,
  .container #Kinderzimmer {
    margin: 0px;
  }

  .container #Arbeitszimmer {
    width: 300px;
  }
  .container #Wohnzimmer {
    width: 300px;
  }
  .zweispaltig .container #Wohnzimmer {
    width: 300px;
  }
  .container #Kinderzimmer {
    width: 300px;
  }

  .adresse #Erdgeschoss .container {
    width: 300px;
  }
}

/* #Mobile (Landscape): 480px
================================================== */

@media only screen and (min-width: 480px) and (max-width: 767px) {
  #Erdgeschoss .container {
    border-left-width: 0px;
    width: 420px;
  }
  .startseite #Erdgeschoss .container {
    width: 420px;
  }

  .container {
    width: 420px;
  }
  .container #Arbeitszimmer,
  .container #Wohnzimmer,
  .zweispaltig .container #Wohnzimmer,
  .container #Kinderzimmer {
    margin: 0px;
  }

  .container #Arbeitszimmer {
    width: 420px;
  }
  .container #Wohnzimmer {
    width: 420px;
  }
  .zweispaltig .container #Wohnzimmer {
    width: 420px;
  }
  .container #Kinderzimmer {
    width: 420px;
  }

  .adresse #Erdgeschoss .container {
    width: 420px;
  }
}

/* #Mobile Buttons
================================================== */

@media only screen and (max-width: 767px) {
  #mobilefooter {
    position: fixed;
    bottom: -1px;
    padding-bottom: 1px;
    left: 0px;
    right: 0px;
    z-index: 9999;
    display: block-inline;
    background: rgba(100, 100, 100, 0.8);
    background: linear-gradient(
      to bottom,
      rgba(249, 79, 49, 0) 0%,
      rgba(5, 2, 2, 0.74) 100%
    );
  }

  #mobilefooter.a ul li {
    width: 50%;
  }
  #mobilefooter.b ul li {
    width: 33.3%;
  }
  #mobilefooter.c ul li {
    width: 25%;
  }
  #mobilefooter.d ul li {
    width: 20%;
  }

  #mobilefooter ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
  }
  #mobilefooter ul li {
    float: left;
  }
  #mobilefooter 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 ul li a:hover {
    background: rgba(77, 77, 77, 0.8);
  }
  #mobilefooter ul li a:active .btn-inner {
    border-top: 1px solid rgba(255, 255, 255, 0.6);
  }

  #mobilefooter ul li .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 ul li .btn-text {
    position: relative;
    text-shadow: 0px 1px 0px rgb(0, 0, 0);
    color: rgb(255, 255, 255);
    font-size: 13px;
    font-weight: normal;
    font-family: Helvetica, Arial, sans-serif !important;
  }

  #mobilefooter ul li .ui-icon {
    position: absolute;
    left: 50%;
    top: 5px;
    width: 24px !important;
    height: 24px !important;
    margin-left: -12px !important;
    box-shadow: none !important;
    boredr: 1px solid red;
  }

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