@charset "UTF-8";
/*  
 
Theme Name: Weinhandlung
 
Theme URI: https://www.rhowerk.de
 
Description: Individual Theme for Weinhandlung Leipzig
 
Author: Rhowerk
 
Author URI: https://www.rhowerk.de
 
Version: 1.0.0
 
License: GNU General Public License v2 or later
 
License URI: http://www.gnu.org/licenses/gpl-2.0.html
 
*/
@font-face {
  font-family: "Real Text Pro";
  src: url("fonts/f740903d-2bf4-4079-815f-c9238c818e48.eot?#iefix");
  src: url("fonts/f740903d-2bf4-4079-815f-c9238c818e48.eot?#iefix") format("eot"), url("fonts/35ad1471-8a23-4029-aa4f-55215056d128.woff2") format("woff2"), url("fonts/b024c76f-6b31-4b8e-ba79-ad8a271823ee.woff") format("woff"), url("fonts/35d05cc3-70b3-4056-a4ad-2c5777215780.ttf") format("truetype");
  font-style: normal;
  font-weight: 400; }
@font-face {
  font-family: "Real Text Pro";
  src: url("fonts/5b3522da-a1d9-4c70-bf76-027a7ff091df.eot?#iefix");
  src: url("fonts/5b3522da-a1d9-4c70-bf76-027a7ff091df.eot?#iefix") format("eot"), url("fonts/ef5d877e-5591-4550-bff2-3e974a0e2bb7.woff2") format("woff2"), url("fonts/8ccfcdd9-6c47-4f24-90e5-5cd4d59c4c45.woff") format("woff"), url("fonts/736d1d39-7503-4a77-abc2-940a15e0f487.ttf") format("truetype");
  font-style: normal;
  font-weight: 500; }
html {
  /*Main Menu – Subnav hori 2 Hierarchie Version*/
  /*Main menu End*/
  /* burger bu */
  /*Query – When does the Burger Button Display and the Menu Hide*/ }
html #mainMenu {
    position: relative;
    z-index: 100;
    /*ul*/ }
html #mainMenu > ul {
      margin-bottom: 0px;
      position: relative;
      /*li*/ }
html #mainMenu > ul > li {
        display: inline-block;
        /*a*/
        /*SUBMENU */
        /*ul subnav*/ }
html #mainMenu > ul > li a {
          display: inline-block; }
html #mainMenu > ul > li > ul {
          position: absolute;
          left: 0px;
          opacity: 0;
          overflow: hidden;
          max-height: 0px;
          transition: all 0.2s ease-in;
          /*.active*/
          /*li subnav*/ }
html #mainMenu > ul > li > ul.active {
            max-height: 100px;
            opacity: 1; }
html #mainMenu > ul > li > ul li {
            display: inline-block;
            /*a subnav*/ }
html .burger-bu {
    display: none;
    position: absolute;
    right: 15px;
    margin-right: 0%;
    top: 35px;
    overflow: hidden;
    padding: 0;
    width: 32px;
    height: 27px;
    font-size: 0;
    text-indent: -9999px;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    box-shadow: none;
    border-radius: none;
    border: none;
    cursor: pointer;
    /* active */ }
@media only screen and (min-width: 768px) and (max-width: 1199px) {
      html .burger-bu {
        right: 15px; } }
@media only screen and (max-width: 479px) {
      html .burger-bu {
        right: 15px;
        top: 35px;
        margin-right: 0px; } }
html .burger-bu span {
      display: block;
      position: absolute;
      top: 11px;
      left: 0px;
      right: 0px;
      height: 2px;
      transition: background 0.2s ease-in-out;
      background-color: #212121;
      transition: background-color 0s 0.2s; }
html .burger-bu span:before, html .burger-bu span:after {
        position: absolute;
        display: block;
        left: 0;
        width: 100%;
        height: 2px;
        background-color: #212121;
        content: "";
        transition: background-color 0s 0.2s;
        transition-duration: 0.2s, 0.2s;
        transition-delay: 0.2s, 0s; }
html .burger-bu span:before {
        top: -11px;
        transition-property: top, -webkit-transform;
        transition-property: top, transform;
        transition-property: top, transform, -webkit-transform; }
html .burger-bu span:after {
        bottom: -11px;
        transition-property: bottom, -webkit-transform;
        transition-property: bottom, transform;
        transition-property: bottom, transform, -webkit-transform; }
html .burger-bu.active {
      height: 32px; }
html .burger-bu.active span {
        background: none; }
html .burger-bu.active span:before {
          top: 2px;
          -webkit-transform: rotate(45deg);
                  transform: rotate(45deg);
          transition-delay: 0s, 0.2s;
          background: #212121; }
@media only screen and (max-width: 479px) {
            html .burger-bu.active span:before {
              background: #212121; } }
html .burger-bu.active span:after {
          bottom: -2px;
          -webkit-transform: rotate(-45deg);
                  transform: rotate(-45deg);
          transition-delay: 0s, 0.2s;
          background: #212121; }
@media only screen and (max-width: 479px) {
            html .burger-bu.active span:after {
              background: #212121; } }
@media only screen and (min-width: 768px) and (max-width: 1199px) {
        html .burger-bu.active span {
          background: none; }
          html .burger-bu.active span:before, html .burger-bu.active span:after {
            background-color: #212121; } }
@media only screen and (max-width: 1000px) {
    html .burger-bu {
      display: inline-block;
      z-index: 300; }
    html .menu-holder {
      position: fixed;
      top: 0;
      bottom: 0;
      right: -100%;
      width: 100%;
      height: 100%;
      z-index: 150;
      /* Menu Wrapper */ }
      html .menu-holder .menu-layer {
        position: fixed;
        top: 0;
        bottom: 0;
        right: 0;
        width: 100%;
        height: 100%;
        z-index: 120 !important;
        display: none; }
      html .menu-holder .menu-wrapper {
        position: relative;
        height: 100%;
        background: #0d0d0d;
        z-index: 200;
        width: 50%;
        opacity: 1;
        left: 0;
        text-align: left;
        padding-top: 100px;
        color: #ffffff;
        box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.2);
        overflow-y: scroll;
        transition: left 0.3s ease-in;
        /*.contactBox*/ } }
@media only screen and (max-width: 1000px) and (max-width: 479px) {
      html .menu-holder .menu-wrapper {
        width: 100%;
        padding-top: 100px; } }
@media only screen and (max-width: 1000px) and (min-width: 768px) and (max-width: 1199px) {
      html .menu-holder .menu-wrapper {
        width: 50%;
        padding-top: 130px; } }
@media only screen and (max-width: 1000px) {
        html .menu-holder .menu-wrapper .logo {
          margin-left: 30px;
          margin-bottom: 50px; }
        html .menu-holder .menu-wrapper .contactBox {
          position: absolute;
          top: 26px;
          left: 30px;
          /*.mail*/
          /*.phone*/ }
          html .menu-holder .menu-wrapper .contactBox .mail:before {
            content: "";
            display: inline-block;
            background: url(images/icons/Icon_Mail.svg);
            width: 28px;
            position: relative;
            margin-right: 10px;
            top: 7px;
            height: 28px; }
          html .menu-holder .menu-wrapper .contactBox .phone:before {
            content: "";
            display: inline-block;
            background: url(images/icons/Icon_Phone.svg);
            width: 28px;
            position: relative;
            margin-right: 5px;
            top: 7px;
            height: 28px; }
        html .menu-holder .menu-wrapper #mainMenu > ul {
          list-style-type: none;
          padding-left: 30px;
          /* li */ }
          html .menu-holder .menu-wrapper #mainMenu > ul li {
            margin-bottom: 15px;
            margin-left: 0px;
            line-height: 0;
            display: block;
            /* a*/
            /*.submenu*/ }
            html .menu-holder .menu-wrapper #mainMenu > ul li a {
              color: #ffffff;
              position: relative;
              border: none;
              margin: 0px;
              padding: 0px;
              padding-bottom: 0px;
              display: block;
              vertical-align: middle; }
            html .menu-holder .menu-wrapper #mainMenu > ul li.submenu > ul, html .menu-holder .menu-wrapper #mainMenu > ul li.menu-item-has-children > ul {
              background: transparent;
              left: 0px;
              width: 100%;
              display: block;
              position: relative;
              top: 0px;
              padding-left: 10px;
              margin-top: 15px;
              opacity: 1;
              overflow: hidden;
              max-height: 1000px;
              transition: all 0.2s ease-in; }
              html .menu-holder .menu-wrapper #mainMenu > ul li.submenu > ul li, html .menu-holder .menu-wrapper #mainMenu > ul li.menu-item-has-children > ul li {
                display: block; }
                html .menu-holder .menu-wrapper #mainMenu > ul li.submenu > ul li a, html .menu-holder .menu-wrapper #mainMenu > ul li.menu-item-has-children > ul li a {
                  color: #8c8c8c; } }
html.menu-active {
    /*end*/ }
html.menu-active .menu-holder .menu-layer {
      display: block; }
html.menu-active .menu-holder .menu-wrapper {
      opacity: 1;
      left: -50%;
      /*smartphone 100% menu*/
      /*tablet nur 50% menu */ }
@media only screen and (max-width: 479px) {
        html.menu-active .menu-holder .menu-wrapper {
          left: -100%; } }
@media only screen and (min-width: 768px) and (max-width: 1199px) {
        html.menu-active .menu-holder .menu-wrapper {
          left: -50%; } }
html.menu-active .burger-bu span {
      background: transparent; }
html.menu-active .burger-bu span:after, html.menu-active .burger-bu span:before {
        background: #ffffff; }
::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #cec7bf;
  opacity: 1; }
::-moz-placeholder {
  /* Firefox 19+ */
  color: #cec7bf;
  opacity: 1; }
:-ms-input-placeholder {
  /* IE 10+ */
  color: #cec7bf;
  opacity: 1; }
:-moz-placeholder {
  /* Firefox 18- */
  color: #cec7bf;
  opacity: 1; }
.section .container {
  margin-top: 77px;
  padding-top: 80px;
  margin-bottom: 80px; }
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) {
    .section .container {
      margin-top: 40px;
      padding-top: 20px;
      margin-bottom: 40px; } }
.section .container-fluid {
  margin-top: 77px;
  margin-bottom: 80px; }
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) {
    .section .container-fluid {
      margin-top: 40px;
      padding-top: 20px;
      margin-bottom: 40px; } }
#page {
  display: none; }
#loading {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
  width: 100vw;
  height: 100vh;
  background-color: rgba(192, 192, 192, 0.5);
  background-image: url("http://i.stack.imgur.com/MnyxU.gif");
  background-repeat: no-repeat;
  background-position: center; }
.mobileOnly {
  display: none !important; }
@media screen and (max-width: 1700px) {
  .hideSmLaptops {
    display: none !important; } }
a {
  color: inherit;
  text-decoration: none; }
a:hover, a:active, a:focus {
    text-decoration: none;
    outline: 0;
    color: inherit; }
ul {
  padding-left: 0px; }
html {
  margin-top: 0px !important;
  background: #fbfaf3; }
body {
  font-family: "Real Text Pro";
  font-size: 16px;
  background: #fbfaf3;
  display: none; }
img {
  max-width: 100%;
  height: auto; }
.alternativen {
  display: inline-block;
  margin-left: 60px;
  position: relative;
  padding-right: 25px; }
.alternativen:before {
    content: "";
    background: url(../images/cambolo_pfeil_semilight_60px.svg) no-repeat;
    background-size: auto auto;
    width: 20px;
    height: 20px;
    background-size: cover;
    position: absolute;
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
    right: 0px;
    margin-top: 3px; }
.no-gutter > [class*='col-'] {
  padding-right: 0;
  padding-left: 0; }
#section0 img {
  left: 0%;
  position: relative; }
#menu {
  position: fixed;
  bottom: 5%;
  left: 15px;
  z-index: 70;
  padding: 0;
  margin: 0;
  list-style-type: none; }
#menu li {
    margin: 10px;
    color: #ffffff;
    background: rgba(255, 255, 255, 0);
    font-size: 12px;
    line-height: 12px;
    text-align: center;
    transition: all 0.6s ease-in-out; }
#menu li.active {
      color: #dc0031; }
#menu li.active a {
        transition: all 0.6s ease-in-out;
        border-radius: 50%;
        border: 1px solid #ffffff;
        background: white;
        color: #dc0031; }
#menu li.active a:hover {
          color: #dc0031; }
#menu li a {
      width: 12px;
      height: 12px;
      display: block;
      text-decoration: none;
      color: #ffffff;
      border-radius: 50%;
      border: 1px solid #ffffff;
      -webkit-font-feature-settings: "onum" 1;
              font-feature-settings: "onum" 1;
      transition: all 0.6s ease-in-out; }
#menu li a:hover {
        background: rgba(255, 255, 255, 0.8); }
#menu.red li {
    transition: all 0.6s ease-in-out; }
#menu.red li a {
      transition: all 0.6s ease-in-out;
      color: #cec7bf;
      border: 1px solid #cec7bf; }
#menu.red li.active a {
      background: #cec7bf;
      color: #ffffff; }
div.asd {
  color: #dc0031; }
#header {
  position: fixed;
  border-bottom: 1px solid #e3e0da;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  background: #fff;
  z-index: 9;
  text-align: left;
  color: #212121;
  padding: 18px 50px;
  top: 0px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }
#header .logo img {
    width: 200px;
    height: auto; }
#header .button {
    -ms-flex-item-align: end;
        align-self: flex-end;
    background: #0d0d0d;
    color: #ffffff;
    border: 0px;
    transition: background 0.3s ease-in-out; }
#header .button:hover {
      background: #cec7bf; }
/*Screen 1*/
#section0 img {
  bottom: 20%;
  position: absolute;
  margin-left: 40%;
  opacity: 0;
  width: 400px; }
@media screen and (max-width: 1700px) {
    #section0 img {
      width: 270px; } }
.screen1_text {
  position: absolute;
  top: 35%;
  left: 50%;
  width: 700px;
  text-align: left;
  color: #ffffff;
  font-weight: 500; }
.screen1_text h1 {
    font-size: 75px;
    letter-spacing: 2.5px;
    font-weight: 500;
    color: #ffffff; }
@media screen and (max-width: 1700px) {
      .screen1_text h1 {
        font-size: 55px;
        letter-spacing: 1.5px; } }
/* Screen 2*/
#section1 .fp-controlArrow.fp-prev, #section1 .fp-controlArrow.fp-next {
  display: none; }
#section1 .hermanmiller {
  position: absolute;
  z-index: 100;
  width: 200px;
  height: 50px;
  left: 50px;
  top: 150px; }
.redDot {
  width: 140px;
  height: 140px;
  border-radius: 50%;
  background: #dc0031;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-align: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 25px;
  line-height: 30px;
  z-index: 10000; }
#slideRadikal {
  background-size: cover;
  background-image: url(../images/Mirra_Slide_1.jpg);
  position: relative; }
#slideFlexibel {
  background-size: cover;
  background-image: url(../images/Mirra_Slide_2.jpg);
  position: relative; }
#slideSitzen {
  background-size: cover;
  background-image: url(../images/Mirra_Slide_3.jpg);
  position: relative; }
.contentBox-floating {
  z-index: 1000;
  text-align: left;
  width: 450px;
  position: absolute;
  bottom: -200px;
  opacity: 0;
  right: 50px; }
.contentBox-floating .contentBox-floating--content {
    background: #ffffff;
    padding: 70px 60px 40px 40px; }
.contentBox-floating .contentBox-floating--content h2 {
      font-size: 38px;
      margin-bottom: 30px;
      letter-spacing: 0px; }
@media screen and (max-width: 1700px) {
        .contentBox-floating .contentBox-floating--content h2 {
          font-size: 35px; } }
.contentBox-floating .contentBox-floating--content p {
      margin-bottom: 70px;
      font-size: 17px;
      line-height: 25px; }
@media screen and (max-width: 1700px) {
      .contentBox-floating .contentBox-floating--content {
        padding: 40px 60px 30px 40px; } }
.contentBox-floating .contentBox-floating--footer {
    background-color: #0d0d0d;
    color: #ffffff;
    margin-top: 2px;
    padding-left: 40px;
    padding-right: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
.contentBox-floating .contentBox-floating--footer.oneButton {
      -webkit-box-pack: end;
          -ms-flex-pack: end;
              justify-content: flex-end; }
.contentBox-floating .contentBox-floating--footer:after {
      clear: both;
      content: ""; }
.contentBox-floating .contentBox-floating--footer a {
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1;
      padding: 12px 10px; }
.contentBox-floating .contentBox-floating--footer a.nextSlide {
        text-align: right;
        position: relative; }
.contentBox-floating .contentBox-floating--footer a.nextSlide:after {
          content: "";
          background: url(../images/cambolo_pfeil_semilight_60px.svg) no-repeat;
          width: 20px;
          height: 20px;
          background-size: cover;
          position: absolute;
          -webkit-transform: rotate(270deg);
                  transform: rotate(270deg);
          right: -15px;
          margin-top: 3px; }
.contentBox-floating .contentBox-floating--footer a.prevSlide {
        position: relative; }
.contentBox-floating .contentBox-floating--footer a.prevSlide:before {
          content: "";
          background: url(../images/cambolo_pfeil_semilight_60px.svg) no-repeat;
          width: 20px;
          height: 20px;
          background-size: cover;
          position: absolute;
          -webkit-transform: rotate(90deg);
                  transform: rotate(90deg);
          left: -15px;
          margin-top: 3px; }
/* Screen 3 */
#section2 {
  color: #ffffff; }
#section2 h2 {
    margin-bottom: 40px; }
#section2 .redDot {
    margin-top: 60px;
    margin-bottom: 30px; }
#section2 .hermanmiller {
    width: 300px;
    height: 75px;
    margin-bottom: 30px; }
@media screen and (max-width: 1700px) {
      #section2 .hermanmiller {
        width: 200px;
        height: 50px; } }
.stuhlOben {
  position: relative;
  top: 150px;
  z-index: 100; }
@media screen and (max-width: 1700px) {
    .stuhlOben {
      width: 200px;
      height: auto; } }
.stuhlMitte {
  width: 25px;
  position: relative;
  display: block;
  margin: 0 auto;
  left: 11px;
  z-index: 90;
  top: 52px; }
@media screen and (max-width: 1700px) {
    .stuhlMitte {
      width: 18px;
      height: auto;
      left: -17px; } }
@media screen and (max-width: 1700px) {
  .stuhlUnten {
    width: 200px;
    height: auto; } }
.SlideNextMain {
  width: 60px;
  height: 60px;
  left: 50%;
  background: url(../images/pfeil-60-60-wht.svg) no-repeat;
  background-size: cover;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
  border: 0px;
  position: absolute;
  margin-left: -30px;
  bottom: 20px;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  z-index: 10000; }
.SlideNextMain.black {
    background: url(../images/pfeil-60-60-dark.svg) no-repeat; }
/*Screen 4*/
#section3 .redDot {
  color: #ffffff;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -70px;
  margin-top: -70px;
  font-size: 20px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
#section3 .redDot div {
    font-weight: 600;
    width: 100%;
    font-size: 30px; }
.sliderDetailWrapper {
  float: right;
  position: relative;
  top: 0px;
  right: 4px;
  z-index: 1000;
  margin-top: 0px; }
@media screen and (max-width: 1700px) {
    .sliderDetailWrapper {
      margin-top: 0px;
      top: -3px; } }
.sliderDetail {
  display: inline-block;
  width: 35px;
  height: 35px; }
.sliderDetail.left {
    background: #f3f2ee url(../images/pfeil-60-60-dark.svg) no-repeat;
    background-size: cover;
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg); }
.sliderDetail.right {
    background: #f3f2ee url(../images/pfeil-60-60-dark.svg) no-repeat;
    background-size: cover;
    -webkit-transform: rotate(270deg);
            transform: rotate(270deg); }
.fp-controlArrow.fp-prev {
  width: 60px;
  height: 60px;
  left: 0px;
  background: #cec7bf url(../images/pfeil-60-60-wht.svg) no-repeat;
  background-size: cover;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
  border: 0px; }
.fp-controlArrow.fp-next {
  width: 60px;
  height: 60px;
  right: 0px;
  background: #cec7bf url(../images/pfeil-60-60-wht.svg) no-repeat;
  background-size: cover;
  -webkit-transform: rotate(270deg);
          transform: rotate(270deg);
  border: 0px; }
.offers {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  /* align items in Cross Axis */
  -ms-flex-line-pack: stretch;
      align-content: stretch;
  /* Extra space in Cross Axis */ }
.offers .halfOne, .offers .halfTwo {
    width: 50%;
    height: 100%; }
.offers .halfOne {
    background: #ffffff; }
.offers .halfTwo {
    background: #f3f2ee; }
.section3Text {
  padding-right: 70px;
  font-size: 18px;
  letter-spacing: 0.3px; }
@media screen and (max-width: 1700px) {
    .section3Text {
      font-size: 16px; } }
#slideshow1, #slideshow2, #slideshow3 {
  margin-top: 120px;
  position: relative;
  width: 800px;
  height: 700px;
  padding: 10px;
  margin-left: 23%; }
@media screen and (max-width: 1700px) {
    #slideshow1, #slideshow2, #slideshow3 {
      width: 400px;
      margin-left: 15%;
      margin-top: 60px;
      height: 500px; } }
#slideshow1 > div, #slideshow2 > div, #slideshow3 > div {
  position: absolute;
  top: 10px;
  left: 10px;
  right: 10px;
  bottom: 10px; }
@media screen and (max-width: 1700px) {
  #section4 h3 {
    font-size: 30px;
    line-height: 36px; } }
#section4 .testit {
  position: absolute;
  bottom: 0px;
  display: block;
  background: #0d0d0d;
  color: #ffffff;
  width: 100%;
  text-align: center;
  padding: 8px 0px;
  z-index: 100; }
#section4 .testit span:after {
    content: "";
    display: inline-block;
    background: url(../images/cambolo_pfeil_semilight_60px.svg) no-repeat;
    width: 22px;
    height: 22px;
    margin-left: 5px;
    position: relative;
    top: 4px; }
#section4 .testit span:before {
    content: "";
    display: inline-block;
    background: url(../images/cambolo_pfeil_semilight_60px.svg) no-repeat;
    width: 22px;
    height: 22px;
    margin-right: 5px;
    position: relative;
    top: 4px; }
#section4 .fp-tableCell {
  vertical-align: top; }
#section4 .container {
  margin-top: 150px;
  color: #ffffff; }
#section4 .container h3 {
    margin-bottom: 40px; }
#section4 .container h3:last-child {
      margin-bottom: 0px;
      margin-top: 60px; }
#section4 .form-left form {
  padding-right: 40px; }
#section4 .form-right {
  padding-left: 40px; }
#section4 .share {
  margin-top: 120px;
  font-size: 18px; }
#section4 .share a.icon {
    display: inline-block;
    margin-right: 15px;
    width: 45px;
    height: 45px; }
#section4 .share a.icon.fb {
      background: url(images/cambolo_facebook.svg) no-repeat;
      background-size: cover; }
#section4 .share a.icon.tw {
      background: url(images/cambolo_twitter.svg) no-repeat;
      background-size: cover; }
#section4 .share a.icon.me {
      background: url(images/cambolo_messenger.svg) no-repeat;
      background-size: cover; }
#section4 .share a.icon.ma {
      background: url(images/cambolo_mail.svg) no-repeat;
      background-size: cover; }
#section5 {
  background: url(../images/Mirra_2_Musterbestellung.jpg) bottom right no-repeat;
  background-size: cover; }
#section5 .content-left {
    background: #ffffff;
    width: 28%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
#section5 .fullheight, #section6 .fullheight {
  height: 100%;
  min-height: 100%; }
#section5 .fullimage, #section6 .fullimage {
  background: url(../images/Mirra_2_Musterbestellung.jpg) no-repeat;
  background-size: cover;
  height: 100%;
  min-height: 100%;
  position: relative; }
#section5 .left-image, #section6 .left-image {
  width: 250px;
  height: auto;
  margin-bottom: 60px; }
@media screen and (max-width: 1700px) {
    #section5 .left-image, #section6 .left-image {
      width: 180px;
      height: auto;
      margin-bottom: 30px; } }
#section5 .contentwrapper, #section6 .contentwrapper {
  margin: 0 auto;
  padding: 15px;
  width: 450px; }
@media screen and (max-width: 1700px) {
    #section5 .contentwrapper, #section6 .contentwrapper {
      width: 400px; } }
@media screen and (max-width: 1700px) {
  #section5 .smlaptop, #section6 .smlaptop {
    height: 80%; } }
@media screen and (max-width: 1000px) {
  #section5 .smlaptop, #section6 .smlaptop {
    height: auto; } }
#section5 .hermanmiller, #section6 .hermanmiller {
  position: absolute;
  z-index: 100;
  width: 200px;
  height: 50px;
  left: 50px;
  top: 150px; }
@media screen and (max-width: 1700px) {
    #section5 .hermanmiller, #section6 .hermanmiller {
      top: 50px; } }
#section5 h3, #section6 h3 {
  margin-bottom: 20px; }
@media screen and (max-width: 1700px) {
    #section5 h3, #section6 h3 {
      font-size: 30px;
      line-height: 36px; } }
#section5 .button, #section6 .button {
  background: #0d0d0d;
  color: #ffffff;
  margin-top: 10px; }
#section5 .button.facts, #section6 .button.facts {
    position: absolute;
    bottom: 65px;
    right: 65px;
    background: transparent;
    color: #212121; }
#section5 .button.facts:hover, #section6 .button.facts:hover {
      background: #0d0d0d;
      color: #ffffff; }
#section6 {
  background: #312f30; }
#section6 h3 {
    width: 49%; }
#section6 .fullheight {
    height: 100%; }
#section6 [class*='col'] {
    padding-top: 0px;
    color: #ffffff; }
@media screen and (max-width: 1700px) {
      #section6 [class*='col'] {
        padding-top: 0px;
        padding-left: 60px; } }
#section6 .factimage {
    position: absolute;
    bottom: 0px !important;
    left: 0px;
    width: 30%;
    height: auto; }
@media screen and (max-width: 1600px) {
      #section6 .factimage {
        display: none; } }
#section6 .hermanmiller {
    position: relative;
    z-index: 100;
    width: 200px;
    height: 50px;
    left: 50px;
    top: -70px; }
#section6 .two-co {
    padding-right: 10%;
    margin-top: 50px;
    margin-bottom: 50px;
    -webkit-column-count: 2;
            column-count: 2; }
#section6 .two-co ul {
      padding: 0px;
      list-style-type: none; }
#section6 .two-co ul li {
        position: relative;
        padding-left: 13px;
        margin-bottom: 6px; }
#section6 .two-co ul li:before {
          content: "·";
          left: 0px;
          position: absolute; }
@media screen and (max-width: 1700px) {
          #section6 .two-co ul li {
            font-size: 14px;
            margin-bottom: 5px; } }
#section6 .button {
    background: transparent;
    border-color: #ffffff;
    color: #ffffff; }
#section6 .button:hover {
      background: #212121;
      border-color: #212121; }
form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 100%;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap; }
form .selectric-wrapper {
    width: 80%;
    display: inline-block;
    margin-right: 8px;
    max-height: 39px; }
form .selectric-items li.highlighted {
    background: #ffffff; }
form .selectric-items li:hover {
    background: #cec7bf; }
form .haha {
    color: black !important; }
form input, form textarea {
    font-family: "Real Text Pro";
    border: none;
    -webkit-box-flex: 1;
        -ms-flex: 1 auto;
            flex: 1 auto;
    border-radius: 0px;
    width: 100%;
    font-size: 13px;
    padding: 9px 8px;
    margin-bottom: 6px;
    display: block;
    line-height: 19px; }
form input.marginBottom, form textarea.marginBottom {
      margin-bottom: 18px; }
form input.count, form textarea.count {
      width: 10%;
      display: inline-block; }
form textarea {
    min-height: 100px; }
form input[type="submit"] {
    background: #0d0d0d;
    color: #ffffff;
    font-size: 16px;
    cursor: pointer; }
form input[type="submit"]:hover {
      background: #ffffff;
      color: #212121; }
form .callbackgender {
    width: 100%; }
form .callbackgender input[type="checkbox"] + label, form .callbackgender input[type="radio"] + label {
      font-size: 16px;
      color: #ffffff;
      margin: 5px 0px; }
form .callbackgender:last-of-type {
      margin-bottom: 15px; }
form input[type="checkbox"], form input[type="radio"] {
    display: none; }
form input[type="checkbox"] + label, form input[type="radio"] + label {
    padding: 5px 0px;
    cursor: pointer;
    position: relative;
    padding-left: 29px;
    line-height: 20px;
    margin-right: 15px;
    vertical-align: middle;
    font-size: 13px;
    letter-spacing: 0.3px;
    color: #212121;
    margin: 15px 0px 15px; }
form input[type="checkbox"] + label:before, form input[type="radio"] + label:before {
      display: inline-block;
      content: "";
      width: 22px;
      height: 22px;
      margin-right: 5px;
      left: 0px;
      position: absolute;
      top: 4px;
      background: url(images/dima.png) 0px top no-repeat; }
form input[type="checkbox"]:checked + label:before, form input[type="radio"]:checked + label:before {
    background: url(images/dima.png) -48px top no-repeat; }
form a.button {
    background: #0d0d0d;
    color: #ffffff;
    font-size: 16px;
    cursor: pointer;
    display: block; }
form a.button span:after {
      display: none; }
form a.button:hover {
      background: #ffffff;
      color: #212121;
      border-color: #ffffff; }
.selectric-items {
  border: 0px; }
.selectric {
  border: 0px;
  background: #ffffff; }
.selectric .button {
    border: none;
    padding: 9px 8px; }
.selectric .label {
    color: #212121;
    font-size: 13px;
    font-weight: normal;
    margin: 0;
    overflow: visible;
    padding: 9px 8px;
    line-height: 19px;
    height: auto; }
/*Slider Anpassungen*/
.ms-inner-controls-cont {
  max-width: 100% !important; }
.ms-inner-controls-cont .ms-basic-view {
    left: 0px !important; }
.offerBox {
  width: 450px;
  margin: 130px 0px 0px 15%; }
.offerBox span {
    font-size: 20px;
    margin-top: 20px; }
.offerBox .listprice {
    display: block;
    font-size: 13px;
    letter-spacing: 0.5px; }
.offerBox ul {
    list-style-type: none;
    padding-left: 0px;
    margin-bottom: 0px; }
.offerBox ul li {
      padding-left: 10px;
      position: relative;
      margin-bottom: 6px;
      letter-spacing: 0.4px; }
.offerBox ul li:last-of-type {
        margin-bottom: 0px; }
.offerBox ul li:before {
        content: "·";
        position: absolute;
        left: 0px; }
.offerBox .button {
    margin-top: 50px;
    background: #0d0d0d;
    color: #ffffff;
    border: none;
    transition: background 0.2s ease-in; }
.offerBox .button:hover {
      background: #cec7bf;
      color: #ffffff; }
.offerBox .navigation {
    color: #cec7bf;
    display: inline-block;
    margin-top: 25px;
    font-size: 20px; }
@media screen and (max-width: 1700px) {
    .offerBox {
      margin: 40px 0px 0px 15%; }
      .offerBox h3 {
        font-size: 30px;
        line-height: 34px; }
      .offerBox span {
        font-size: 18px; }
      .offerBox ul li {
        margin-bottom: 2px;
        font-size: 14px; } }
/*accordion*/
.card {
  background: none;
  border: none;
  border-radius: 0px; }
.card .card-header {
    padding: .75rem 0;
    margin-bottom: 0;
    background: rgba(255, 255, 255, 0) !important;
    border-bottom: 0px;
    border-radius: 0px;
    border-top: 1px solid #cec7bf; }
.card .card-header a {
      position: relative;
      display: block;
      width: 100%; }
.card .card-header a:after {
        transition: all 0.2s ease-in-out;
        content: "";
        background: url(../images/cambolo_pfeil_semilight_60pxdark.svg) no-repeat;
        width: 20px;
        height: 20px;
        background-size: cover;
        position: absolute;
        -webkit-transform: rotate(180deg);
                transform: rotate(180deg);
        right: 0px;
        margin-top: 3px; }
.card .card-header a.collapsed:after {
        -webkit-transform: rotate(0deg);
                transform: rotate(0deg); }
.card .card-block {
    padding-top: 30px;
    padding-bottom: 30px;
    border-top: 1px solid #cec7bf; }
.card:last-of-type {
    border-bottom: 1px solid #cec7bf; }
#accordion, #accordionTwo, #accordionThree {
  margin-top: 50px; }
@media screen and (max-width: 1700px) {
    #accordion, #accordionTwo, #accordionThree {
      margin-top: 30px; } }
/*Styles*/
.button {
  display: inline-block;
  border: 1px solid #212121;
  font-size: 22px;
  padding: 5px 35px;
  font-weight: 400;
  transition: background 0.3s ease-in-out, color 0.3s ease-in-out, border-color 0.3s ease-in-out; }
@media screen and (max-width: 1700px) {
    .button {
      font-size: 20px; } }
.button.start {
    border-color: #ffffff; }
.button.start:hover {
      background: #0d0d0d;
      border-color: #0d0d0d; }
.button.start.hvwhite:hover {
      background: #ffffff !important;
      color: #cec7bf !important;
      border-color: #ffffff; }
.button:hover {
    background: #0d0d0d;
    color: #ffffff; }
.button span:after {
    content: "";
    display: inline-block;
    background: url(../images/cambolo_pfeil_semilight_60px.svg) no-repeat;
    width: 22px;
    height: 22px;
    margin-left: 5px;
    position: relative;
    top: 4px; }
.button span.pfeilr:after {
    content: "";
    display: inline-block;
    background: url(../images/cambolo_pfeil_semilight_60px.svg) no-repeat;
    width: 22px;
    height: 22px;
    margin-left: 5px;
    position: relative;
    top: 4px; }
@media screen and (max-width: 1700px) {
  .hardfactlist .forcesmLaptopFullwidth {
    width: 80% !important;
    margin-left: 10%;
    -webkit-box-flex: 0 !important;
        -ms-flex: 0 0 80.666667% !important;
            flex: 0 0 80.666667% !important;
    max-width: 80.666667% !important; } }
/*Tablet Portrait*/
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1) {
  .alternativen {
    display: inline-block;
    margin-left: 00px;
    top: 20px; }
  .SlideNextMain {
    width: 46px;
    height: 46px;
    margin-left: -23px;
    bottom: 20px; }
  #menu {
    position: fixed;
    bottom: auto;
    bottom: 5%;
    left: 0;
    z-index: 70;
    padding: 0;
    margin: 0; }
  #header {
    padding: 15px 15px; }
    #header .logo img {
      width: 180px;
      height: auto;
      margin-top: 3px; }
  #section0 img {
    bottom: 20%;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    margin-left: 30%;
    width: 300px; }
  .screen1_text {
    top: 35%;
    left: 50%;
    width: 700px;
    text-align: left;
    color: #ffffff;
    font-weight: 500; }
    .screen1_text h1 {
      font-size: 45px;
      letter-spacing: 1.0px;
      font-weight: 500;
      color: #ffffff; }
  /*screen 2*/
  .contentBox-floating {
    z-index: 1000;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    text-align: left;
    width: 380px;
    right: 20px;
    bottom: 50px; }
    .contentBox-floating .contentBox-floating--content {
      background: #ffffff;
      padding: 50px 30px 25px 25px; }
      .contentBox-floating .contentBox-floating--content h2 {
        font-size: 28px;
        margin-bottom: 25px;
        letter-spacing: 0px; }
      .contentBox-floating .contentBox-floating--content p {
        margin-bottom: 30px;
        font-size: 15px;
        line-height: 22px; }
      .contentBox-floating .contentBox-floating--content .button {
        font-size: 16px; }
    .contentBox-floating .contentBox-floating--footer {
      background-color: #0d0d0d;
      color: #ffffff;
      margin-top: 2px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between; }
      .contentBox-floating .contentBox-floating--footer.oneButton {
        -webkit-box-pack: end;
            -ms-flex-pack: end;
                justify-content: flex-end; }
      .contentBox-floating .contentBox-floating--footer:after {
        clear: both;
        content: ""; }
      .contentBox-floating .contentBox-floating--footer a {
        display: inline-block;
        padding: 7px 10px;
        -ms-flex-item-align: end;
            align-self: flex-end; }
  #slideRadikal {
    background-position: -380px; }
  #slideSitzen {
    background-position: -580px; }
  #section2 .redDot {
    margin-top: 0px; }
  #section2 h2 {
    font-size: 45px;
    letter-spacing: 0.3px;
    margin-bottom: 40px; }
  #section2 p {
    font-size: 18px;
    line-height: 24px;
    padding-right: 0px; }
  #section2 .stuhlOben {
    margin-top: 130px;
    top: 100px; }
  #section2 .stuhlMitte {
    width: 15px;
    left: 7px; }
  #section3 .redDot {
    top: 42%;
    left: 50%;
    margin-left: -70px;
    height: 120px;
    width: 120px;
    font-size: 17px; }
    #section3 .redDot div {
      font-size: 24px; }
  .sliderDetailWrapper {
    margin-top: 9px; }
  .section3Text {
    padding-right: 70px; }
  #slideshow1, #slideshow2, #slideshow3 {
    margin: 0;
    position: relative;
    width: 80%;
    height: 100%;
    padding: 10px;
    margin-left: 50px;
    margin-top: 150px; }
    #slideshow1 img, #slideshow2 img, #slideshow3 img {
      width: 100%; }
  #slideshow > div {
    position: absolute;
    top: 0px;
    left: 10px;
    right: 10px;
    bottom: 10px; }
  .fp-controlArrow.fp-prev, .fp-controlArrow.fp-next {
    width: 45px;
    height: 45px; }
  .offerBox {
    width: 70%;
    margin: 150px 0px 0px 15%; }
    .offerBox span {
      font-size: 20px; }
    .offerBox h3 {
      font-size: 22px;
      line-height: 26px; }
    .offerBox span {
      font-size: 16px; }
    .offerBox ul {
      list-style-type: none;
      padding-left: 0px;
      margin-bottom: 0px; }
      .offerBox ul li {
        font-size: 14px;
        padding-left: 10px;
        position: relative;
        margin-bottom: 0px;
        letter-spacing: 0.4px; }
        .offerBox ul li:last-of-type {
          margin-bottom: 0px; }
        .offerBox ul li:before {
          content: "·";
          position: absolute;
          left: 0px; }
    .offerBox .button {
      margin-top: 50px;
      background: #0d0d0d;
      color: #ffffff;
      border: none;
      transition: all 0.2s ease-in; }
      .offerBox .button:hover {
        background: #cec7bf; }
    .offerBox .navigation {
      color: #cec7bf;
      display: inline-block;
      margin-top: 15px;
      font-size: 16px; }
    .offerBox .button {
      margin-top: 20px;
      font-size: 16px; }
  .card {
    background: none;
    border: none; }
    .card .card-header {
      padding: .5rem 0;
      margin-bottom: 0;
      background: rgba(255, 255, 255, 0) !important;
      border-bottom: 0px;
      border-top: 1px solid #cec7bf; }
      .card .card-header h5 {
        font-size: 16px; }
    .card .card-block {
      padding-top: 15px;
      padding-bottom: 15px;
      border-top: 1px solid #cec7bf; }
    .card:last-of-type {
      border-bottom: 1px solid #cec7bf; }
  #accordion, #accordionTwo, #accordionThree {
    margin-top: 30px; }
  #section4 .fp-tableCell {
    vertical-align: top; }
  #section4 .container {
    margin-top: 0px;
    color: #ffffff; }
    #section4 .container h3 {
      margin-bottom: 30px;
      font-size: 30px;
      line-height: 37px; }
      #section4 .container h3:last-child {
        margin-bottom: 0px;
        margin-top: 60px; }
  #section4 .form-left form {
    padding-right: 10px; }
  #section4 .form-right {
    padding-left: 10px; }
  #section4 form input {
    padding: 6px 5px; }
  #section4 form textarea {
    margin-top: 5px; }
  #section4 .share p {
    text-align: left;
    font-size: 16px; }
  #section5 {
    background: url(../images/Mirra_2_Musterbestellung.jpg) bottom right no-repeat;
    background-size: cover; }
    #section5 .content-left {
      background: #ffffff;
      width: 50%;
      height: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center; }
  #section5 .button.facts, #section6 .button.facts {
    bottom: 65px;
    right: 30px; }
    #section5 .button.facts:hover, #section6 .button.facts:hover {
      background: #0d0d0d;
      color: #ffffff; }
  #section5 h3, #section6 h3 {
    margin-bottom: 30px;
    width: 90%;
    font-size: 30px;
    line-height: 37px; }
    #section5 h3:last-child, #section6 h3:last-child {
      margin-bottom: 0px;
      margin-top: 60px; }
  #section5 .contentwrapper, #section6 .contentwrapper {
    margin: 0 auto;
    padding: 15px;
    width: 90%; }
  #section5 .two-co, #section6 .two-co {
    padding-right: 20px; }
  #section5 .hardfactlist, #section6 .hardfactlist {
    padding: 40px;
    padding-top: 0px;
    padding-bottom: 0px; }
  #section5 .button, #section6 .button {
    margin: 0 auto; } }
/* Tablet Landscape */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) {
  .alternativen {
    display: inline-block;
    margin-left: 00px;
    top: 20px; }
  .tablet-landscape-hide {
    display: none !important; }
  #menu {
    position: fixed;
    bottom: auto;
    bottom: 5%;
    left: 0;
    z-index: 70;
    padding: 0;
    margin: 0; }
  #header {
    padding: 15px 15px; }
    #header .logo img {
      width: 150px;
      height: auto; }
    #header .button {
      font-size: 16px; }
  /*SCreen 1*/
  #section0 img {
    bottom: 8%;
    margin-left: 35%;
    width: 300px; }
  .screen1_text {
    top: 35%;
    left: 55%;
    width: 700px;
    text-align: left;
    color: #ffffff;
    font-weight: 500; }
    .screen1_text h1 {
      font-size: 45px;
      letter-spacing: 1.5px;
      font-weight: 500;
      color: #ffffff; }
  /*screen 2*/
  .contentBox-floating {
    z-index: 1000;
    text-align: left;
    width: 380px; }
    .contentBox-floating .contentBox-floating--content {
      background: #ffffff;
      padding: 50px 30px 25px 25px; }
      .contentBox-floating .contentBox-floating--content h2 {
        font-size: 28px;
        margin-bottom: 25px;
        letter-spacing: 0px; }
      .contentBox-floating .contentBox-floating--content p {
        margin-bottom: 30px;
        font-size: 15px;
        line-height: 22px; }
      .contentBox-floating .contentBox-floating--content .button {
        font-size: 16px; }
    .contentBox-floating .contentBox-floating--footer {
      background-color: #0d0d0d;
      color: #ffffff;
      margin-top: 2px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between; }
      .contentBox-floating .contentBox-floating--footer.oneButton {
        -webkit-box-pack: end;
            -ms-flex-pack: end;
                justify-content: flex-end; }
      .contentBox-floating .contentBox-floating--footer:after {
        clear: both;
        content: ""; }
      .contentBox-floating .contentBox-floating--footer a {
        display: inline-block;
        padding: 7px 10px;
        -ms-flex-item-align: end;
            align-self: flex-end; }
  #slideRadikal {
    background-position: -50px 25px; }
  #slideSitzen {
    background-position: -150px; }
  /*Screen 3*/
  #section2 .redDot {
    margin-top: 50px; }
  #section2 h2 {
    font-size: 45px;
    margin-bottom: 30px; }
  #section2 p {
    font-size: 16px;
    line-height: 22px; }
  #section2 .button {
    font-size: 16px; }
  #section2 .stuhlOben {
    margin-top: 80px;
    top: 100px; }
  #section2 .stuhlMitte {
    width: 15px;
    left: 7px; }
  /*SCreen 4*/
  .sliderDetailWrapper {
    margin-top: 0px; }
  #slideshow1, #slideshow2, #slideshow3 {
    margin: 0;
    position: relative;
    width: 70%;
    margin-left: 20%;
    height: 100%;
    padding: 10px;
    margin-top: 30px;
    height: 100%; }
    #slideshow1 img, #slideshow2 img, #slideshow3 img {
      width: 100%; }
  .offers {
    position: relative; }
    .offers .halfTwo, .offers .halfOne {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      padding-bottom: 160px; }
  #slideshow1 > div, #slideshow2 > div, #slideshow3 > div {
    position: absolute;
    top: 0px;
    left: 10px;
    right: 10px;
    bottom: 10px; }
  .offerBox {
    width: 70%;
    margin: 30px 0px 0px 15%;
    height: 100%;
    position: relative; }
    .offerBox span {
      font-size: 20px; }
    .offerBox h3 {
      font-size: 22px;
      line-height: 26px; }
    .offerBox span {
      font-size: 16px; }
    .offerBox ul {
      list-style-type: none;
      padding-left: 0px;
      margin-bottom: 0px; }
      .offerBox ul li {
        font-size: 14px;
        padding-left: 10px;
        position: relative;
        margin-bottom: 0px;
        letter-spacing: 0.4px; }
        .offerBox ul li:last-of-type {
          margin-bottom: 0px; }
        .offerBox ul li:before {
          content: "·";
          position: absolute;
          left: 0px; }
    .offerBox .button {
      margin-top: 50px;
      background: #0d0d0d;
      color: #ffffff;
      border: none;
      transition: all 0.2s ease-in; }
      .offerBox .button:hover {
        background: #ffffff; }
    .offerBox .navigation {
      color: #cec7bf;
      display: inline-block;
      margin-top: 15px;
      font-size: 16px; }
    .offerBox .button {
      margin-top: 20px;
      font-size: 16px; }
  .card {
    background: none;
    border: none; }
    .card .card-header {
      padding: .5rem 0;
      margin-bottom: 0;
      background: rgba(255, 255, 255, 0) !important;
      border-bottom: 0px;
      border-top: 1px solid #cec7bf; }
      .card .card-header h5 {
        font-size: 16px; }
    .card .card-block {
      padding-top: 15px;
      padding-bottom: 15px;
      border-top: 1px solid #cec7bf; }
    .card:last-of-type {
      border-bottom: 1px solid #cec7bf; }
  #accordion, #accordionTwo, #accordionThree {
    margin-top: 30px; }
  #section4 nav {
    position: relative;
    margin-top: 50px; }
    #section4 nav a {
      color: #ffffff;
      display: inline-block;
      margin-right: 15px; }
  #section4 .fp-tableCell {
    vertical-align: top; }
  #section4 .container {
    margin-top: 140px;
    color: #ffffff; }
    #section4 .container h3 {
      margin-bottom: 30px;
      font-size: 30px;
      line-height: 37px; }
      #section4 .container h3:last-child {
        margin-bottom: 0px;
        margin-top: 60px; }
  #section4 .form-left form {
    padding-right: 20px; }
  #section4 .form-right {
    padding-left: 20px; }
  #section4 form input {
    padding: 6px 5px; }
  #section4 form textarea {
    margin-top: 5px; }
  #section5 {
    background: url(../images/Mirra_2_Musterbestellung.jpg) bottom right no-repeat;
    background-size: cover; }
    #section5 .content-left {
      background: #ffffff;
      width: 50%;
      height: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center; }
  #section5 h3, #section6 h3 {
    margin-bottom: 30px;
    font-size: 25px;
    line-height: 37px; }
    #section5 h3:last-child, #section6 h3:last-child {
      margin-bottom: 0px;
      margin-top: 60px; }
  #section5 .contentwrapper, #section6 .contentwrapper {
    margin: 0 auto;
    padding: 15px;
    width: 90%; }
  #section5 .fullimage, #section6 .fullimage {
    overflow: hidden;
    background: url(../images/Mirra_2_Musterbestellung.jpg) no-repeat;
    background-size: cover;
    height: 100%; }
  #section5 .left-image, #section6 .left-image {
    width: 170px;
    height: auto;
    margin-bottom: 30px;
    margin-top: 20px; }
  #section5 .two-co, #section6 .two-co {
    padding-right: 20px; }
  #section5 .hardfactlist, #section6 .hardfactlist {
    padding: 40px; } }
/* Phone Portrait and Landscape */
@media only screen and (max-device-width: 480px) {
  .alternativen {
    display: inline-block;
    margin-left: 00px;
    top: 20px; }
  #menu {
    position: fixed;
    bottom: auto;
    bottom: 5%;
    left: 0;
    z-index: 70;
    padding: 0;
    margin: 0; }
    #menu li a {
      width: 6px;
      height: 6px; }
  .hideMobile {
    display: none; }
  .mobileOnly {
    display: block !important; }
  .SlideNextMain {
    width: 40px;
    height: 40px;
    left: auto;
    right: 5%;
    background: url(../images/pfeil-60-60-wht.svg) no-repeat;
    background-size: cover;
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
    border: 0px;
    position: absolute;
    margin-left: -20px;
    bottom: 20px;
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
    z-index: 10000; }
    .SlideNextMain.black {
      background: url(../images/pfeil-60-60-dark.svg) no-repeat; }
  #header {
    padding: 0px 0px; }
    #header .logo img {
      margin-top: 13px;
      margin-left: 13px;
      width: 100px;
      height: auto; }
    #header .button {
      font-size: 16px;
      padding: 10px 30px; }
  #section0 {
    text-align: center;
    width: 100%;
    /*SCreen 1*/ }
    #section0 a {
      margin-top: 15px; }
      #section0 a.button {
        margin-top: 20px; }
  #section0 img {
    bottom: auto;
    top: 0%;
    right: 0;
    margin-left: 30%;
    left: 50%;
    position: relative;
    width: 40%;
    display: inline-block; }
  .screen1_text {
    top: 0%;
    left: 10%;
    width: 90%;
    position: relative;
    text-align: left;
    color: #ffffff;
    font-weight: 500; }
    .screen1_text h1 {
      font-size: 35px;
      letter-spacing: 0px;
      font-weight: 500;
      margin-top: 40px;
      padding: 0px;
      color: #ffffff; }
    .screen1_text .button {
      margin-top: 0px;
      font-size: 18px; }
  /*screen 2*/
  .contentBox-floating {
    z-index: 1000;
    text-align: left;
    width: 90%;
    right: 5%;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); }
    .contentBox-floating .contentBox-floating--content {
      background: rgba(255, 255, 255, 0.9);
      padding: 50px 30px 25px 25px; }
      .contentBox-floating .contentBox-floating--content h2 {
        font-size: 24px;
        margin-bottom: 25px;
        letter-spacing: 0px; }
      .contentBox-floating .contentBox-floating--content p {
        margin-bottom: 30px;
        font-size: 14px;
        line-height: 22px; }
      .contentBox-floating .contentBox-floating--content .button {
        font-size: 16px; }
    .contentBox-floating .contentBox-floating--footer {
      background-color: #0d0d0d;
      color: #ffffff;
      margin-top: 2px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between; }
      .contentBox-floating .contentBox-floating--footer.oneButton {
        -webkit-box-pack: end;
            -ms-flex-pack: end;
                justify-content: flex-end; }
      .contentBox-floating .contentBox-floating--footer:after {
        clear: both;
        content: ""; }
      .contentBox-floating .contentBox-floating--footer a {
        display: inline-block;
        padding: 7px 10px;
        -ms-flex-item-align: end;
            align-self: flex-end; }
  #slideRadikal {
    background-position: -50px 25px; }
  #slideSitzen {
    background-position: -150px; }
  /*Screen 3*/
  #section2 {
    padding-left: 20px; }
    #section2 img {
      display: none; }
    #section2 h2 {
      font-size: 28px;
      margin-bottom: 30px; }
    #section2 p {
      font-size: 15px;
      line-height: 21px;
      letter-spacing: 0;
      padding: 0; }
    #section2 .button {
      font-size: 16px; }
    #section2 .stuhlOben {
      margin-top: 80px;
      top: 100px; }
    #section2 .stuhlMitte {
      width: 15px;
      left: 7px; }
    #section2 .hermanmiller {
      width: 160px;
      height: 40px;
      display: block;
      position: relative;
      margin-top: 30px; }
  #section3 .fp-tableCell {
    background: none !important;
    vertical-align: top; }
  #section3 .offerBox {
    width: 250px;
    margin-top: 30px; }
  #section3 #slideshow1, #section3 #slideshow2, #section3 #slideshow3 {
    margin-top: 80px;
    position: relative;
    width: 230px;
    height: 300px;
    padding: 10px;
    margin-left: 18%; }
  #section3 #slideshow1 > div, #section3 #slideshow2 > div, #section3 #slideshow3 > div {
    position: absolute;
    top: 10px;
    left: 10px;
    right: 10px;
    bottom: 10px; }
  #section3 .fp-controlArrow.fp-prev {
    width: 40px;
    height: 40px;
    left: 0px;
    background: #cec7bf url(../images/pfeil-60-60-wht.svg) no-repeat;
    background-size: cover;
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
    border: 0px; }
  #section3 .fp-controlArrow.fp-next {
    width: 40px;
    height: 40px;
    right: 0px;
    background: #cec7bf url(../images/pfeil-60-60-wht.svg) no-repeat;
    background-size: cover;
    -webkit-transform: rotate(270deg);
            transform: rotate(270deg);
    border: 0px; }
  #section3 .redDot {
    position: relative;
    left: 0px;
    top: 0px;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    margin-left: 0px;
    margin: 0 auto;
    margin-top: 0px;
    margin-bottom: 30px;
    width: 120px;
    height: 120px;
    font-size: 16px; }
    #section3 .redDot div {
      font-size: 24px;
      letter-spacing: 0.7px; }
    #section3 .redDot.hideMobile {
      display: none !important; }
  #section3 .offerBox ul li {
    line-height: 135%; }
  #section3 h3 {
    font-size: 30px;
    line-height: 130%; }
  #section3 #accordion, #section3 #accordionTwo, #section3 #accordionThree {
    margin-top: 30px;
    min-height: 430px; }
  #section3 .button {
    margin-top: 20px;
    margin-bottom: 20px; }
  #section4 {
    padding-right: 10px;
    padding-left: 10px;
    padding-bottom: 0px; }
    #section4 nav {
      position: relative; }
    #section4 .testit {
      position: relative;
      font-size: 14px;
      padding: 10px 10px; }
      #section4 .testit span:before {
        display: none; }
      #section4 .testit span:after {
        display: block;
        margin: 0 auto;
        position: relative;
        top: 0px;
        margin-bottom: 5px; }
    #section4 .fp-tableCell {
      vertical-align: top; }
    #section4 .container {
      margin-top: 100px;
      color: #ffffff; }
      #section4 .container h3 {
        margin-bottom: 30px;
        font-size: 28px;
        line-height: 37px; }
        #section4 .container h3:last-child {
          margin-bottom: 0px;
          margin-top: 60px; }
    #section4 .form-left form {
      padding-right: 0px;
      padding-left: 0px; }
    #section4 .form-right {
      margin-top: 80px;
      padding-right: 0px;
      padding-left: 0px; }
    #section4 form input {
      padding: 6px 5px; }
    #section4 form textarea {
      margin-top: 5px; }
    #section4 .share {
      margin-top: 50px;
      margin-bottom: 50px; }
      #section4 .share span {
        display: block; }
  #section5 {
    background: url(../images/Mirra_2_Musterbestellung.jpg) bottom right no-repeat;
    background-size: cover; }
    #section5 .content-left {
      background: #ffffff;
      width: 100%;
      height: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center; }
  #section5 h3, #section6 h3 {
    font-size: 28px;
    line-height: 37px;
    width: 100%; }
  #section5 .two-co, #section6 .two-co {
    -webkit-column-count: 1;
            column-count: 1;
    padding-right: 10px;
    margin-bottom: 20px; }
  #section5 .contentwrapper, #section6 .contentwrapper {
    padding: 20px;
    width: 100%; }
    #section5 .contentwrapper .left-image, #section6 .contentwrapper .left-image {
      width: 45%;
      margin-top: 60px;
      margin-bottom: 30px; }
    #section5 .contentwrapper .button.factsmobile, #section6 .contentwrapper .button.factsmobile {
      display: inline-block !important;
      background: transparent;
      color: #212121; }
  #section5 .hardfactlist, #section6 .hardfactlist {
    padding: 25px;
    padding-top: 40px;
    padding-bottom: 50px;
    margin: 0px;
    width: 100%; }
  #section5 nav, #section6 nav {
    position: relative;
    left: 25px;
    margin-top: 20px;
    bottom: 0px; }
  #section5#section6, #section6#section6 {
    margin-top: 10px; }
  #section5 .fullheight, #section6 .fullheight {
    height: auto; } }
/* Fixed header and footer.
	* --------------------------------------- */
@media screen and (device-aspect-ratio: 40 / 71) {
  #section0 img {
    bottom: auto;
    top: 0%;
    right: 0;
    margin-left: 25%;
    left: 50%;
    position: relative;
    width: 40%;
    display: inline-block; }
  .screen1_text {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); }
    .screen1_text h1 {
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
      font-size: 25px;
      letter-spacing: 0px;
      font-weight: 500;
      margin-top: 20px;
      padding: 0px;
      color: #ffffff; }
    .screen1_text .button {
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
      margin-top: 0px;
      font-size: 16px; } }
.fp-controlArrow.fp-prev {
  border-color: transparent #cec7bf transparent transparent; }
.fp-controlArrow.fp-next {
  border-color: transparent transparent transparent #cec7bf; }
h1, h2 {
  font-size: 75px;
  letter-spacing: 1.5px;
  font-weight: 500; }
@media screen and (max-width: 1700px) {
    h1, h2 {
      font-size: 55px; } }
h3 {
  font-weight: 500;
  font-size: 38px;
  line-height: 45px; }
.slide {
  position: relative; }
#slide1 {
  position: relative; }
.test {
  display: table;
  height: 100%;
  width: 100%;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  /* align items in Cross Axis */
  -ms-flex-line-pack: stretch;
      align-content: stretch;
  /* Extra space in Cross Axis */ }
#section3 .fp-tableCell {
  background: linear-gradient(to left, #f3f2ee 50%, #ffffff 50%);
  vertical-align: top; }
.one {
  background: white;
  width: 50%;
  display: table-cell; }
.two {
  background: #f3f2ee;
  z-index: 80;
  position: relative;
  min-height: 100%;
  width: 50%;
  display: table-cell;
  vertical-align: top; }
nav {
  position: absolute;
  bottom: 25px;
  right: 25px;
  z-index: 101; }
nav a {
    color: #b2b2b2;
    font-size: 14px;
    display: inline-block;
    margin-right: 15px; }
nav a:hover {
      color: #ffffff; }
nav a:focus {
      color: #b2b2b2; }
#contact-phone.name .rr-name, #contact-regular.name .rr-name {
  border: 2px solid #dc0031; }
#contact-phone.name .af-name, #contact-regular.name .af-name {
  border: 2px solid #dc0031; }
#contact-phone.telefon .rr-phone, #contact-regular.telefon .rr-phone {
  border: 2px solid #dc0031; }
#contact-phone.telefon .af-phone, #contact-regular.telefon .af-phone {
  border: 2px solid #dc0031; }
#contact-phone.email .af-mail, #contact-regular.email .af-mail {
  border: 2px solid #dc0031; }
#contact-phone.adress .af-adress, #contact-regular.adress .af-adress {
  border: 2px solid #dc0031; }
#contact-phone.zip .af-zip, #contact-regular.zip .af-zip {
  border: 2px solid #dc0031; }
#contact-phone.city .af-city, #contact-regular.city .af-city {
  border: 2px solid #dc0031; }
#contact-phone.model .selectric, #contact-regular.model .selectric {
  border: 2px solid #dc0031; }
#contact-phone.count #af-count, #contact-regular.count #af-count {
  border: 2px solid #dc0031; }
#contact-phone.datenschutz input[type="checkbox"] + label:before, #contact-regular.datenschutz input[type="checkbox"] + label:before {
  border: 2px solid #dc0031; }
#contact-phone.datenschutz input[type="checkbox"]:checked + label:before, #contact-regular.datenschutz input[type="checkbox"]:checked + label:before {
  border: 0px solid #dc0031; }
.rechtliches {
  margin-top: 200px; }
.footerlinks {
  position: absolute;
  bottom: 20px;
  left: 20px; }
.footerlinks.impressum {
    position: relative;
    margin-top: 80px;
    margin-left: 20px;
    margin-bottom: 20px;
    left: 0px;
    bottom: 0px; }
.footerlinks a {
    display: inline-block;
    margin-right: 25px;
    font-size: 14px;
    letter-spacing: 0.2px; }