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

/* #Base 960
================================================== */

    #mobilefooter, #mobilefooter_twg            { display: none; }
    
    .container                                  { position: relative; width: 960px; margin: 0 auto; padding: 0;  }
    .container #Arbeitszimmer,
    .container #Wohnzimmer,
    .container #Kinderzimmer                    { float: left; display: inline; }
    .row                                        { margin-bottom: 20px; }

    .floatright                                 { float:right; }
    .floatleft                                  { float:left; }

    #Erdgeschoss .container                     { border-left-width:250px; width: 710px; }
    .startseite #Erdgeschoss .container         { border-left-width:0px !important; width: 960px; }
    
    .container #Arbeitszimmer                   { width:250px; margin-left:-250px; }
    .container #Wohnzimmer                      { width:480px; }
    .zweispaltig .container #Wohnzimmer         { width:710px; }
    .container #Kinderzimmer                    { width:220px; }
    
    .startseite .container #Wohnzimmer, 
    .vollebreite .container #Wohnzimmer         { width:100%; margin:0px; }
    
    .vollebreite .container #Arbeitszimmer, 
    .vollebreite .container #Kinderzimmer,
    .startseite .container #Arbeitszimmer, 
    .startseite .container #Kinderzimmer                    { display:none; }
    
    .adresse #Erdgeschoss .container         { border-left-width:0px !important; width: 960px; }

/* #Print
================================================== */

    @media only print{
      .container { width: 100%; }
      .container #Arbeitszimmer               { width: 100%; margin:0px; }
      .container #Wohnzimmer                  { width: 100%; margin:0px; }
      .container #Kinderzimmer                { width: 100%; margin:0px; }
    }
    
/* #Clearing
================================================== */

    /* Self Clearing Goodness */
    .container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }

    /* Use clearfix class on parent to clear nested columns,
    or wrap each row of columns in a <div class="row"> */
    .clearfix:before,
    .clearfix:after,
    .row:before,
    .row:after {
      content: '\0020';
      display: block;
      overflow: hidden;
      visibility: hidden;
      width: 0;
      height: 0; }
    .row:after,
    .clearfix:after {
      clear: both; }
    .row,
    
    .clearfix { }

    /* You can also use a <br class="clear" /> to clear columns */
    .clear {
      clear: both;
      display: block;
      overflow: hidden;
      visibility: hidden;
      width: 0;
      height: 0;
    }

    /*———————————————————————————————————Facebook & Instagram 25.04.2022 ———————————————————————————————————*/
    #facebook, #instagram {
      position: absolute;
      top: 20px;
    }
    #facebook {
      right: 550px;
    }
    #instagram {
      right: 510px;
    }
    .fb-icon, .insta-icon {
      height: 30px;
      width: 30px;
      background-size: contain;
      background-position: center;
      background-repeat: no-repeat;
    }
    .fb-icon {
      background-image: url("../images/facebook.png");
    }
    .insta-icon {
      background-image: url("../images/instagram.png");
    }
    @media screen and (min-width: 960px) {
      .onlyMobile {
        display: none;
      }
      .onlyDesktop {
        display: block;
      }
    }
    @media screen and (min-width: 0) and (max-width: 959px) {
      .onlyMobile {
        display: block;
      }
      #facebook,
      #instagram {
        position: absolute;
        top: 14.5px;
      }
      
      #facebook {
        right: 60px;
      }
      
      #instagram {
        right: 15px;
      }
      .onlyDesktop {
        display: none;
      }
    }

/*———————————————————————————————————LesemodusMINI 02.08.2022 ———————————————————————————————————*/
#leseModusMenu {
  position: unset;
}
#leseModusWrapper {
  height: 30px !important;
  background-color: #da2028 !important;
  border: none !important;
}
.lsmMenuBtn {
  height: 30px !important;
}
#leseModusFont > .lower.lsmMenuBtn:hover,
#leseModusFont > #default.lsmMenuBtn:hover,
#leseModusFont > .upper.lsmMenuBtn:hover,
#leseModusWrapper > #hotkeys > .lsmMenuBtn:hover,
#leseModusKontrast.lsmMainPnt > .lsmMenuBtn:hover,
#leseModusAudio.lsmMainPnt > .lsmMenuBtn:hover {
  background-color: #97161c !important;
}
#leseModusMenu #leseModusWrapper #leseModusFont,
#leseModusMenu #leseModusWrapper #leseModusKontrast,
#leseModusMenu #leseModusWrapper #hotkeys {  
  margin-right: 0;
}
.playBtn, .menuImageUpper > path, .menuImageLower > path, .imgReset, .linkHotkeys, .contrastBtn {
  fill: #fff !important;
}

.ws_list {
  opacity: 1 !important;
}
/* —————————————————————————————————————————————————————————————————————————————— *
 * multi-INTER-media GmbH - BW                                                    *
 * Letzte Aenderung : 21.01.2013                                                  *
 * —————————————————————————————————————————————————————————————————————————————— */