@charset "iso-8859-1";
/* —————————————————————————————————————————————————————————————————————————————— */
/* Lesemodus                                                                      */
/* —————————————————————————————————————————————————————————————————————————————— */

a.leseModusControl               { height: 19px; width: 22px; position: relative; display: inline-block; float: right; cursor:pointer; margin: 10px 0px; }
a.leseModusControl:before        { content: 'Lesehilfe'; white-space: nowrap; display: block; width: auto; float: right; margin-right: 30px; padding: 2px 0px; margin-top: -1px; }

.startseite a.leseModusControl  { display: none; }

.leseModusOnly                  { display: none; }

/*.lesemodus #Erdgeschoss	.container  { box-shadow: 0px 0px 10px rgba(0,0,0,0.3) }*/
.lesemodus #Erdgeschoss	.inner  { width: auto !important; float: none; }

.lesemodus #Dach, .lesemodus #Obergeschoss, .lesemodus #Keller, .lesemodus #Fundament, .lesemodus .kaestenRechts, .lesemodus #hnav,
.hinweisLesemodus, .hinweisSpeech, .lesemodus .leseModusControl, .lesemodus #withMoreForward, .lesemodus #withMoreBackward, .lesemodus .leseModusHide, #navLM, .closeDiv, p .pControl, .lesemodus #impressionButton, .lesemodus .owneradress, .lesemodus #header
                                { display: none; }


.lesemodus #mobileshownav       { display: none !important; }
.lesemodus #Arbeitszimmer       { display: none !important; }
.lesemodus #qnavButton          { display: none !important; }
.lesemodus #mainContent_inner   { min-height: 100vh; padding: 10px; margin: 0px; }
.lesemodus #mainContent,
.lesemodus #Kinderzimmer,
.lesemodus #Wohnzimmer          { width: 100% !important; z-index: 99; margin: 0px; padding: 0px; min-height: 0px !important; }

.lesemodus  h1                  { font-size: 250%; overflow: hidden; text-overflow: ellipsis; }
.lesemodus  p                   { position: relative; }
.lesemodus .Innenraum           { font-size: 20px; }
.lesemodus .Innenraum *:not(h1) { font-size: inherit; }

.lesemodus #vnav,
.lesemodus .sLeft,
.lesemodus .sRight,
.lesemodus .sRight .withBG      { width: 100%; margin: 0px; }
.lesemodus img.right            { margin: 0px 10px 10px 0px; float: left; clear: both; }
.lesemodus .leseModusOnly       { display: block; }
.lesemodus .hornav              { margin: 50px 0px 0px 0px; }
#navLM                          { position: fixed; left: 0px; top: 0px; right: 0px; color: #fff; z-index: 9999; }
#navLM h4                       { margin:0px; padding:3px 0px; }
#navLM h4 span                  { float: right; }
#navLM .innerNav                { font-size: 14px; left: 0px; top: 0px; right: 0px; padding: 10px 0px; }

#navLM .control                 { border-left: 1px solid #aaa; float: left; padding: 0px 8px; }
#navLM .control span            { cursor: pointer; }
#navLM .control:first-of-type   { padding-left: 0px; border-left: 0px; margin-left: 10px; }

.fontSizeControl span:hover     { text-decoration: underline; }
.fontSizeControl .smaller       { font-size: 14px !important; }
.fontSizeControl .bigger        { font-size: 20px !important; padding-left: 3px; }
.kontrastControl span           { width: 27px; height: 27px; background: url(../images/STD_icon_kontrast.png) center no-repeat; display: block; }
.speechControl span             { width: 27px; height: 27px; display: block; position: relative; }
.speechControl span:after,
.speechControl span:before      { content: ''; position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; background: url(../images/STD_icon_read.png) center no-repeat; }

.speechControl span:after      { background: url(../images/STD_icon_pause.png) center no-repeat; background-color: #666666; }
.speechControl span.play:after { opacity: 0; }

.lesemodus .right a             {color: #fff;}
.lesemodus .right,
.close                          { position: relative; float: right; margin: 0px 10px; cursor: pointer; }
.lesemodus .close,
.lesemodus .close > div         { display: block; z-index: 9; width: 30px; height: 30px; }
.lesemodus .close:before,
.lesemodus .close:after          { content: ''; display: block; height: 2px; border-radius: 1px; width: 36px; top: 50%; margin-top: -1px; left: 50%; margin-left: -18px; position: absolute; }
.lesemodus .close:after          { transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg) }
.lesemodus .close:before         { transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg) }

.lesemodus .close:hover:before,
.lesemodus .close:hover:after   { height: 3px; }

#closeLeseModus                 { position: fixed; top: 0px; bottom: 0px; left: 0px; right: 0px; display: none; }
.lesemodus #closeLeseModus      { display: block; }

.lesemodus #navLM               { display: block; font-size: 20px; line-height: 29px; }
.lesemodus #navLM *             { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.hinweisSpeech                  { border-radius: 20px; width: auto; padding: 20px 40px; }
.hinweisSpeech h4               { margin-top: 0px; }

/* — Tooltip ————————————————————————————————————————————————————————————— */

#navLM *[data-tooltip]          { position: relative; }
#navLM *[data-tooltip]:before,
#navLM *[data-tooltip]:after    { content: attr(data-tooltip); opacity: 0; position: absolute; top: 100%; left: 50%; transform: translateX(-50%); background-color: #000; padding: 0px 10px; white-space: nowrap; transition: all .3s ease-in-out; pointer-events: none; }
#navLM *[data-tooltip]:hover:after  { opacity: 1; margin-top: 10px; }
#navLM *[data-tooltip]:hover:before { opacity: 1; margin-top: 7px; }

#navLM *[data-tooltip]:before   { padding: 0px; width: 10px; height: 10px; transform: rotate(45deg); content: '' !important; margin-left: -5px; }

/* —————————————————————————————————————————————————————————————————————————————— */
/* Lesemodus Farbe                                                                */
/* —————————————————————————————————————————————————————————————————————————————— */
a.leseModusControl               { background: url(../images/STD_lesemodus.png) no-repeat center #6D8DB5; }
a.leseModusControl:before        { color: inherit; }

.lesemodus #Erdgeschoss		      { background-color: #888888; }
.lesemodus #Erdgeschoss	.inner  { background-color:  #fff; color: #000; border: 0px; padding-bottom: 40px; }
.lesemodus  h1                  { color: #000 !important; }
.lesemodus .Innenraum *         { color: #000 !important; transition: none !important; -moz-transition: none !important; -o-transition: none !important; -webkit-transition: none !important }
.lesemodus .Innenraum #navLM *  { color: #FFF !important; }

.lesemodus .close:before,
.lesemodus .close:after          { background-color: #FFF; }

.lesemodus.kontrast #Erdgeschoss		      { background-color: #888888; }
.lesemodus.kontrast #mainContent_inner	  { background-color: #000; }
.lesemodus.kontrast #Erdgeschoss	.inner  { background-color:  #111; color: #EEE; }
.lesemodus.kontrast  h1                   { color: #EEE !important; }
.lesemodus.kontrast .Innenraum *          { color: #EEE; }
.lesemodus.kontrast .Innenraum *          { color: #EEE!important; background-color:  transparent !important; }

#navLM                          { background-color: #666666 !important; box-shadow: 0px 0px 8px rgba(0,0,0,0.3) }
#navLM .container               { background-color: transparent; box-shadow: none !important; }

.hinweisSpeech                  { border: 2px solid #f00; }

/* —————————————————————————————————————————————————————————————————————————————— *
 * multi-INTER-media GmbH - BW                                                    *
 * Letzte Aenderung : 07.03.2008                                                  *
 * —————————————————————————————————————————————————————————————————————————————— */