@charset "iso-8859-1";
/* ------------------------------------------------------------------------------ */
/* Struktur-CSS                                                                   */
/* ------------------------------------------------------------------------------ */
.bereinigen				              { clear: both; padding-bottom: 1px; margin-top: -1px; display: block; }
.unsichtbar				              { display: none !important; }
.linkExternHidden		            { display:none; }

ul, ol, dl, p, h1, h2, h3, h4, h5, h6
						                    { margin-top:14px; margin-bottom:14px; padding-top:0; padding-bottom:0; }

h1						                  { font-size: 150%; line-height: 125%;}
h2						                  { font-size: 130%; line-height: 125%;}
h3						                  { font-size: 115%; line-height: 125%;}
h4						                  { font-size: 101%; line-height: 125%;}
h5						                  { font-size:  90%; line-height: 125%;}
h6						                  { font-size:  60%; line-height: 125%;}

a, a:link, a:visited, a:active  { text-decoration:underline; }
a:hover					                { text-decoration:none; }

code						                { font-family: "Courier New", Courier, monospace; }
table						                { font-size:100%; }
td, th					                { vertical-align:top; }
hr						                  { line-height:1px; height:1px; }

.linkExtern				              { padding-left:15px; }
span.linkExtern			            { display:inline-block; padding-left:10px; }

/* ------------------------------------------------------------------------------ */
/* Image Hovereffekt                                                              */
/* ------------------------------------------------------------------------------ */
 #Wohnzimmer a img, #Kinderzimmer a img
                                { opacity: 1; -webkit-transition: opacity .15s ease-in-out; -moz-transition: opacity .15s ease-in-out; -o-transition: opacity .15s ease-in-out; transition: opacity .15s ease-in-out; }
 #Wohnzimmer a img:hover, #Kinderzimmer a img:hover
                                { opacity: 0.8; }
 img.nofade:hover               { opacity: 1 !important; }

/* ------------------------------------------------------------------------------ */
/* animiertes Unterstreichen                                                      */
/* ------------------------------------------------------------------------------ */

.animateUnderline a             { position: relative; text-decoration: none; }
.animateUnderline a:after       { position: absolute; content: ''; height: 1px; top: 100%; right: 50%; left: 50%; opacity: 0; }
.animateUnderline a:hover:after { left: 0px; right: 0px; opacity: 1; }

.vorhanden {
  background-color: #666666;
  color: #f8f8f8;
  padding: 5px;
}

.vorhanden:hover {
  background-color: #000000;
  color: #fff;
}

.nicht-vorhanden {
  background-color: #fafafa;
  color: #2a2a2a;
  pointer-events: none;
  display: inline;
  padding:5px;
}

/* ------------------------------------------------------------------------------ */
/* Dropdown                                                                       */
/* ------------------------------------------------------------------------------ */

.dropdown                       { position: relative; }
.dropdown .dd-down              { position: absolute; opacity: 0; top: 80%; left: -1px; pointer-events: none; }
.dropdown:hover .dd-down        { opacity: 1; top: 100%; pointer-events: all; }

/* ------------------------------------------------------------------------------ */
/* Hauptobjekte werden definiert...                                               */
/* ------------------------------------------------------------------------------ */
html					                  { margin:0px; padding:0px; }

body					                  { padding:0px; margin:0px; text-rendering: optimizeLegibility; }

#Bauwerk			                  { z-index: 3; }

#Dach                           { z-index: 9;}

#Obergeschoss,
.startseite.langDE #Obergeschoss { z-index:10; height:300px; overflow:hidden!important; }
.startseite #Obergeschoss		    { z-index: 11; height:315px; }
.langVG #Obergeschoss           { height: 235px; }

#Erdgeschoss		                { z-index: 11; }
#Erdgeschoss .inner             { min-height: 700px; }

#Zwischenwand		                { z-index: 3; }

#Arbeitszimmer		              { z-index: 10; margin-top: 0px; padding-bottom: 40px; }
#Kinderzimmer 		              { padding-bottom: 40px; }

.Innenraum			                { margin: 0px 40px 40px 40px; padding-bottom: 100px; }

#Fundament                      { margin: 0px 0px 250px 0px; }
#Fundament .inner               { border-width:0px 1px 1px 1px; border-style:solid; }

#Bauwerk, #Obergeschoss, #Arbeitszimmer, #Erdgeschoss, #Wohnzimmer, #Kinderzimmer
					                      { overflow:visible; position:relative; }

/* ------------------------------------------------------------------------------ */
/* Detailobjekte                                                                  */
/* ------------------------------------------------------------------------------ */
#logoBox			                  { position:absolute; top:15px; z-index:9999; height:350px; border-width:1px; border-style:solid;}
#logoBox a:link, #logoBox a:visited, #logoBox a:hover, #logoBox a:active
					                      { display:block; width:100%; height:100%; }

#Obergeschoss .white	          { display:none; }

#wechselbilder                  { height: 200px; }

#sliderWrap                     { position:absolute; left:0px; right:0px; overflow:hidden; z-index:7777; }
.sliderTopBorder                { position:absolute; left: 0px; right: 0px; top: 0px; z-index:1999; height: 33px; border-width:0px 1px; border-style:solid; pointer-events:none; }
.sliderTopBackground            { position:absolute; left: 0px; right: 0px; top: 0px; z-index:1; height: 30px; pointer-events:none; }
.sliderTop                      { position:absolute; left: -40px; right: -40px; top: -3px; z-index:1998; height: 65px; border-width:10px 0px 0px 0px; border-style: solid; border-color:white; pointer-events:none; }
.sliderTopThin                  { position:absolute; left: -40px; right: -40px; top: -2px; z-index:1997; height: 65px; border-width:10px 0px 0px 0px; border-style: solid;pointer-events:none; }
#slider                         { position:relative; margin-left: -50px; margin-right: -50px; z-index:2;}
.startseite.langDE #slider>div,
#slider>div                     { position:relative; height:220px; margin-left:60px; margin-right:60px; }
.startseite #slider>div         { height:230px; }
.langVG #slider>div             { height: 150px; }

.borderLeftRight                { border-style: solid; border-width: 0px 1px; }

.borderRadius,
.borderRadius:after             { border-top-left-radius:700px 65px; border-top-right-radius:700px 65px; overflow: hidden; }

.sliderBottom                   { height: 50px; position: absolute; left: -50px; right: -50px; bottom: 0px; z-index: 999; pointer-events:none; }
.sliderBottom:after             { content: ''; position: absolute; top: 15px; bottom: -15px; left: 0px; right: 0px; border-radius: inherit; }
.sliderBottomWrap               { margin: 0px 50px; }
.sliderBottomWrap div           { width: 20%; height: 65px; float: left; }
.sliderBottomBorder             { position:absolute; left:50px; right:50px; bottom:0px; height:6px; z-index: 1000;}

.owneradress		                { position: absolute; top:5px; left: 20px; width:360px; height: 93px; line-height:14px; }
#owneradressleft                { float: left; padding: 14px 0px 14px 12px; width: 150px; font-size: 11px; }
#owneradressleft b              { line-height: 30px; font-size: 12px;}
#owneradressright               { float: right; padding: 14px 0px 14px 12px; margin: 11px 10px 11px 0px; width: 150px; font-size: 11px; }
.owneradress em                 { font-size: 13px; padding-bottom: 23px; }

.owneradressPrint	              { display:none; padding:10px; }
.nachobengeschoben	            { position:absolute; top:-500px; left:-500px; }

#mobileshownav         	        { width:100%; text-align:right; margin: 10px 0px; display:none; }

.backgroundContainer            { position:absolute; left:-250px; right:-250px; top:0px; height:250px; z-index:8888; pointer-events:none; overflow:hidden; }
.backgroundLeft                 { position:absolute; left:0px; top:0px; bottom:0px; width:50%; pointer-events:none; }
.backgroundRight                { position:absolute; right:0px; top:0px; bottom:0px; width:50%; pointer-events:none; }
   
.gespiegelt                     { transform: scaleX(-1); -moz-transform: scaleX(-1); -o-transform: scaleX(-1); -webkit-transform: scaleX(-1); -ms-transform: scaleX(-1) }


.vgSwitch                       { position:absolute; top:0px; left:258px; right:0px;  z-index:1000; height: 160px; }
.vgSwitch a                     { position:absolute; top:0px; bottom:0px; width:25%; }
.vgSwitch a:nth-child(2)        { left:25%; }
.vgSwitch a:nth-child(3)        { left:50%; }
.vgSwitch a:nth-child(4)        { left:75%; }

.vgSwitch.img a                     { background:url('../images/STD_VG_1.png'); background-repeat: no-repeat; background-size: cover; background-position: center; }
.vgSwitch.img a span                { position:absolute; top:0px; right:0px; bottom:0px; left:0px; background:rgba(255,255,255,0.3); }
.vgSwitch.img a.active span          { background:rgba(255,255,255,0); }
.vgSwitch.img a:nth-child(2)        { background-image:url('../images/STD_VG_4.png'); }
.vgSwitch.img a:nth-child(3)        { background-image:url('../images/STD_VG_3.png'); }
.vgSwitch.img a:nth-child(4)        { background-image:url('../images/STD_VG_2.png'); }

.vgSwitch.icon a span               { position:absolute; bottom:12px; left:37px; font-size:14px; }
.vgSwitch.icon a div                { position:absolute; bottom:30px; left:20px; height:40px; width:35px; }

.vgSwitch.icon a div                { background:url('../images/STD_VG_1_wappen.png') center no-repeat; }
.vgSwitch.icon a:nth-child(2) div   { background:url('../images/STD_VG_4_wappen.png') center no-repeat; }
.vgSwitch.icon a:nth-child(3) div   { background:url('../images/STD_VG_3_wappen.png') center no-repeat; }
.vgSwitch.icon a:nth-child(4) div   { background:url('../images/STD_VG_2_wappen.png') center no-repeat; }

/* ------------------------------------------------------------------------------ */
#impressionButton				{ position:fixed; height:100%; left:-10px; width:1%; z-index:9999; top: 0px; }
#impressionButton div			{ position:absolute; top:30%; left:0px; z-index:999; -webkit-transition: left .25s  ease-in-out; -moz-transition: left .25s  ease-in-out; -o-transition: left .25s  ease-in-out; transition: left .25s ease-in-out; }
#impressionButton div:hover	{ left:9px; }
#impressionButton div div			{ position:absolute; top:0px; left:0px; height:201px; width:34px; z-index:999; min-width:9px; cursor:pointer; background-position: right 5px center; background-repeat: no-repeat; }
#impressionButton div div:hover { left:0px; }

#impressions                    { position:absolute; top:0px; left:0px; right:0px; height:100%; z-index: 9; display: none; }
#impressions .top               { position:absolute; top:0px; left:0px; right:0px; height:97px; }
#impressions .top div           { position:absolute; top:0px; left:0px; margin-left:0px; z-index:9999; height:100%; bottom: 0px; width:296px;}
#impressions a.previewToggle    { position:absolute; top:4px; right:4px; z-index:11; padding:3px 5px; font-size:12px; text-decoration:underline; cursor:pointer; }

#impressionThumbnails           { position:absolute; z-index:12; bottom:0px; left:0px; right:0px; padding:10px; text-align:center; }
#impressionThumbnails div       { position:relative; display:inline-block; overflow:hidden;}
#impressionThumbnails ul        { position:relative; list-style:none; margin:0px; padding:0px; }
#impressionThumbnails ul li img { position:relative; margin:10px; float:left; cursor:pointer; max-height:90px;}
#impressionThumbnails ul li.selected img { transform: scale(1.2); -moz-transform: scale(1.2); -o-transform: scale(1.2); -webkit-transform: scale(1.2); -ms-transform: scale(1.2) }
#impressionThumbnails .impression-next       { position:absolute; top:50%; margin-top:-23px; right:20px; height:47px; width:31px; cursor:pointer; background-position: right center; }
#impressionThumbnails .impression-back       { position:absolute; top:50%; margin-top:-23px; left:20px; height:47px; width:31px; cursor:pointer; background-position: left center; }

#impressionBigBack                      { position:absolute; left:0px;  width:350px; top:0px; bottom:0px; cursor:pointer; opacity:0; -webkit-transition: opacity 0.3s; transition:opacity 0.3s;}
#impressionBigNext                      { position:absolute; right:0px; width:350px; top:0px; bottom:0px; cursor:pointer; opacity:0; -webkit-transition: opacity 0.3s; transition:opacity 0.3s;}
#impressionBigBack:hover                { opacity:1; }
#impressionBigNext:hover                { opacity:1; }

/* ------------------------------------------------------------------------------ */
/* Quick Navigator                                                                */
/* ------------------------------------------------------------------------------ */
.hideQnavButton			{ cursor:pointer; }
#qnav						{ position:fixed; top:0px; bottom:0px; right:0px; width:0px; max-width:320px; z-index:99999999; overflow:hidden; }
#qnav.active:after {  content: ''; position: fixed; top: 0px; bottom: 0px; left: 0px; right: 0px; pointer-events: none; }
#qnavSlide				{ position:absolute; top:0px; bottom:0px; left:0px; width:320px; z-index:999; overflow:hidden; overflow-y:auto; }
#qnavSlide .hideQnavButton	{ display:block; margin:20px 20px 15px 20px; float:right; }
#qnavSlide div				{ display:block; margin:25px 20px 50px 20px; }
#qnavSlide ul				{ display:block; margin:0px; padding:25px 0px 25px 0px; list-style:none; }
#qnavSlide ul li			{ display:block; margin:0px; padding:0px; }
#qnavSlide ul li a			{ display:block; padding:8px 18px; }

#qnavButton				{ position:fixed; height:100%; right:0px; width:1%; z-index:999; }
#qnavButton div			{ position:absolute; top:430px; right:0px; z-index:999; -webkit-transition: right .25s  ease-in-out; -moz-transition: right .25s  ease-in-out; -o-transition: right .25s  ease-in-out; transition: right .25s ease-in-out; }
#qnavButton div div			{ position:absolute; top:-140px; right:-50px; height:113px; width:112px; cursor:pointer; z-index:999; min-width:60px; }
#qnavButton div div:hover { right:0px; }


#qnavSlide .suchfeld			{ height:16px; line-height:16px; width:130px; padding:1px 0px 1px 4px; margin:0px 0px 0px 4px; font-family:Verdana, Arial; font-size:11px; }
#qnavSlide .suchfeldbutton		{ height:18px; width:20px; }


#qnavSlide .navLang span  		{ height:27px; width:38px; float: left; background-size: contain; background-position: center; background-repeat: no-repeat; margin-right: 7px; position: relative; margin-bottom: -2px; }
#qnavSlide .navLang li:first-of-type span { height:50px; }

/* ------------------------------------------------------------------------------ */
/* Bottom όber Fundament - Abschluss                                              */
/* ------------------------------------------------------------------------------ */
#Fusszeile                      { clear:both; position:relative; margin:0px 0px 0px 0em; font-size:90%; text-align:right; }
#Fusszeile img                  { vertical-align:middle; }
.FusszeileRechts                { position:relative; margin-bottom:30px; padding-right:10px; }


/* ------------------------------------------------------------------------------ */
/* Horizontale Navigation                                                         */
/* ------------------------------------------------------------------------------ */
#hnav                           { padding:0px; float: right; font-size: 11px; margin-right: 100px; z-index: 9999; position: relative; }
#hnav ul                        { list-style-type:none; padding: 0px; margin: 15px 0px 5px 0px; }
#hnav ul li                     { display:inline-block; list-style:none; padding:0px 5px; margin: 0px; white-space:nowrap; }
#hnav ul li:last-child,
#hnav ul li:last-child a        { padding-right: 0px;}
#hnav ul li a                   { margin: 0px; padding: 0px; display: block; }

/* ------------------------------------------------------------------------------ */
/* Barrierefreie Navigation (Kontrast, Schriftgrφίe, ...                          */
/* ------------------------------------------------------------------------------ */

#hnav #bfnav                          { padding:0px 5px; }
#hnav #bfnav a:after                  { display: none; }
#hnav #bfnav ul                       { list-style-type:none; padding: 0px; margin: 0px; padding-top: 3px; }
#hnav #bfnav ul li                    { display:block; list-style:none; padding:0px 5px; margin:0px 0px 0px 0px; white-space:nowrap; }
#hnav #bfnav ul li a                  { margin: 0px; padding:3px 0px; display: block; }
#hnav #bfnav ul li:nth-child(3) a     { padding-right: 0px;}
#hnav #bfnav img                      { margin-bottom:0px; margin-right: 2px; }
#hnav #bfnav .mobile                  { display:none; }

/* ------------------------------------------------------------------------------ */
/* Untere Navigation                                                              */
/* ------------------------------------------------------------------------------ */
#navBottom                      { position: relative; margin: 0px 20px 15px 0px; float: right; }
#navBottom ul                   { list-style: none; display: block; margin:15px 0px 0px 0px; padding:0px;  }
#navBottom ul li                { text-align:center; display: inline-block; border-width:0px 0px 0px 1px; border-style:solid; }
#navBottom ul li a              { padding: 0px 10px; }

/* ------------------------------------------------------------------------------ */

#flags                          { position: relative; float: left; margin: 4px 0px 0px -7px; }
#flags a                        { float: left; display: block; width: 127px; height: 33px; margin-right: 10px; background-repeat: no-repeat; background-position: center bottom; }

/* ------------------------------------------------------------------------------ */
/* Hauptnavigation                                                                */
/* ------------------------------------------------------------------------------ */
#mnav,.startseite.langDE #mnav            { display:block; position:relative; margin:0px 0px 0px 0px; padding:30px 0px 0px 0px; border-style: solid; border-width: 1px; border-top-width: 0px; }
.startseite #mnav                         { margin:-50px 0px 0px 0px; padding:0px; }
#mnav ul                                  { margin:0px; padding:0px 0px 0px 0px; list-style:none; }
#mnav ul li                               { margin:0px; padding:0px 0px 0px 0px; position:relative; z-index:999999; }
#mnav ul li.firstVg                       { margin:0px 0px 40px 0px; text-align:right; }
#mnav ul li.firstVg ul li                 { text-align:left; }
#mnav ul li a                             { padding:8px 14px 8px 10px; margin:0px 0px 0px 0px; position:relative; display:block; z-index:999999; }
#mnav ul li:hover                         { z-index:3; }

/* 2. Ebene mit Layer*/
#mnav ul li          .munavRechtsDiv      { position:absolute; top:0px; left:100%; width:120%; padding; 0px; margin:0px; z-index:999; pointer-events: none; opacity: 0; }
#mnav ul li          ul.munavRechts       { display: block; position: relative; margin-left: 5px; padding:1px 0px 0px 0px; }
#mnav ul li          ul.munavRechts li    { margin:0px; padding:0px; width:auto; display:block; }
#mnav ul li          ul.munavRechts li a  { margin:-1px 10px 0px 10px; padding:9px 15px; display:block; position:relative; width:auto; }
#mnav ul li:hover    .munavRechtsDiv      { opacity: 1; pointer-events: all; }

#mnav ul li          ul.munavRechts ul    { display: none; }

/* 2. Ebene unterhalb Menόpunkten */
#mnav ul li          ul.munavLinks        { position:relative; padding:10px 0px 10px 0px; margin:0px 0px 0px 0px; display:block; }
#mnav ul li          ul.munavLinks li     { margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; }
#mnav ul li          ul.munavLinks li a   { margin:0px 0px 0px 0px; padding:5px 25px; display:block; }
                                          
/* 3. Ebene unterhalb Menόpunkten */
#mnav ul li ul li    ul.munav2Links       { position:relative; padding:10px 0px; margin:0px; }
#mnav ul li ul li    ul.munav2Links li    { margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; }
#mnav ul li ul li    ul.munav2Links li a  { margin:0px 0px 0px 0px; padding:5px 33px; display:block; }

.mobileOnly { display: none; }

/* ------------------------------------------------------------------------------ */
/* Vertikale Navigation                                                           */
/* ------------------------------------------------------------------------------ */
#vnav                           { margin:0; margin-top:33px;  }
#vnav h4                        { margin:0; display:block; padding:2px 0px 2px 0px; margin:5px 0px 0px 0px; line-height:normal; }
#vnav h4.headline               { padding:6px 6px 6px 6px; margin-top:20px; margin-bottom:15px; margin-left:0px; font-style:normal; }
#vnav .clipping                 { overflow:hidden; margin: 10px 0px 3px 8px; }
#vnav .vnavcontainer            { display:block; padding:2px 0px 15px 0px; height:auto; overflow:hidden; margin:0px 0px 15px 0px; }
#vnav .vnavcontainer img        { margin:0px 0px 4px 0px; }
#vnav .vnavcontainer img.left   { margin:0px 7px 4px 0px; }
#vnav .vnavcontainerwhite       { margin:0; display:block; padding:0px 4px 4px 4px; }
#vnav .coloredBox               { border-width:1px; border-style:solid; padding:14px; }

#vnav h3, #vnav h3 a            { text-decoration:none;  }                        
#vnav .coloredBoxButton         { padding:14px; display:block; text-decoration:none; }

/* ------------------------------------------------------------------------------ */
/* kleine, horizontale Navigation                                                 */
/* ------------------------------------------------------------------------------ */
.hornav                         { color:#aaa; padding-top:7px; font-size:80%; width:100%; }

/* ------------------------------------------------------------------------------ */
/* Lesemodus                                                                      */
/* ------------------------------------------------------------------------------ */

.leseModusControlDiv            { position: absolute; top: 14px; left: 397px; }
.leseModusControlDiv.disabled a { opacity: 0.6; pointer-events: none; }
.leseModusControl               { height: 19px; width: 22px; position: relative; display: inline-block; padding: 0px; }
a.leseModusControl              { padding: 0px !important; text-decoration: none; }
a.leseModusControl:before       { content: 'lesen / vorlesen'; display: block; width: auto; position: absolute; right: 100%; white-space: nowrap; padding: 2px 10px; font-size: 11px; }

.leseModusOnly                  { display: none; }


.lesemodus #Erdgeschoss	.inner  { min-height: 100vh; padding-bottom: 1px; width: auto !important; float: none; }
.lesemodus #Obergeschoss, .lesemodus #Slidergeschoss, .lesemodus #qnavButton, .lesemodus #impressionButton, .lesemodus #waveBottom, .lesemodus #Keller, .lesemodus #Fundament, .lesemodus #navRight, .lesemodus #navLeft, .lesemodus #Kinderzimmer, .hiweisLesemdus, .hinweisSpeech, .lesemodus .leseModusControlDiv, .lesemodus #withMoreForward, .lesemodus #withMoreBackward, .lesemodus .leseModusHide, #navLM, .closeDiv, p .pControl, .lesemodus .navRight, .lesemodus #kommuneaktiv, .lesemodus #Dach
                                { display: none; }
.lesemodus #Arbeitszimmer,
.lesemodus #Kinderzimmer        { display: none !important; }

.speechControl span.speecControlButton.play:before, .speechControl span.speecControlButton.pause:after, p .pControl
                                { opacity: 0; }

.speechControl span.speecControlButton.play:after, .speechControl span.speecControlButton.pause:before, .lesemodus .vnavitem:hover .pControl, .lesemodus p:hover .pControl
                                { opacity: 1 }

.lesemodus #Wohnzimmer          { width: 100% !important; z-index: 99; }

.lesemodus  h1:first-of-type    { font-size: 200%; overflow: hidden; text-overflow: ellipsis; }
.lesemodus  p                   { position: relative; }
.lesemodus .Innenraum           { font-size: 20px; margin: 20px; }
.lesemodus .Innenraum *:not(h1) { font-size: inherit !important; }

.lesemodus *                    { transition: none; -moz-transition: none; -o-transition: none; -webkit-transition: none }

.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: 30px 0px; }
#navLM                          { position: fixed; left: 0px; top: 0px; right: 0px; z-index: 999999; }
#navLM .innerNav                { font-size: 18px; left: 0px; top: 0px; right: 0px; padding: 0px 40px; }
.controler                      { float: left; margin-right: 20px; }
.controler span                 { padding: 0px 10px; float: right; cursor: pointer; display: inline-block; margin-left: 5px; border-radius: 5px; }
.controler span:last-of-type    { margin-left: 10px; }
.controler.rightCont            { float: right; margin-right: 0px; cursor: pointer; }
.closeDiv                       { position: fixed; top: 0px; bottom: 0px; left: 0px; right: 0px; z-index: -900 }
.lesemodus .closeDiv            { display: block; z-index: 9; }
.lmImg                          { }
.speechControl                  { margin-left: 180px; }
.speechControl span             { margin-left: 0px; }
.speechControl span.speecControlButton  { width: 17px; height: 22px; position: relative; float: left; }
.speechControl span.speecControlButton:after,
.speechControl span.speecControlButton:before      { position: absolute; left: 0px; top: 0px; bottom: 0px; right: 0px; background-repeat: no-repeat; background-position: center; content: ''; transition: opacity .5s ease-in-out; -moz-transition: opacity .5s ease-in-out; -o-transition: opacity .5s ease-in-out; -webkit-transition: opacity .5s ease-in-out }

  p                  .pControl    { pointer-events: none; position: absolute; top: 0px; right: 0px; }
  .lesemodus p       .pControl    { display: block; }
  .lesemodus p:hover .pControl    { pointer-events: auto; }
  .lesemodus .vnavitem:hover .pControl    { pointer-events: auto; }
  p       .pControl span:last-of-type { margin-left: 0px; margin-top: 20px; }
  .lesemodus p.leseversion.hasControl { border-radius: 20px; transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out; padding: 20px; margin-left: -20px; width: 100%; margin-top: 20px; }
  .lesemodus p.leseversion.hasControl        { display: inline-block; }
  .lesemodus #vnavcenter p.leseversion.hasControl { display: inline; padding: 0px; margin: 0px; width: auto; box-shadow: none !important; -webkit-box-shadow: none !important; }
  .lesemodus #navLM               { display: block; }
  .hinweisSpeech                  { border-radius: 20px; width: auto; padding: 20px 40px; }
  .hinweisSpeech h4               { margin-top: 0px; }





/* ------------------------------------------------------------------------------ */
/* Adressenfenster / kleine Fenster                                               */
/* ------------------------------------------------------------------------------ */
.adresse { min-height:610px; }
.adresse #Obergeschoss           { height: auto; }
.adresse #Obergeschoss .inner   { height:auto; }
/*.adresse #Obergeschoss	.container		{ height:120px; }
.adresse #Obergeschoss	.container.miteintraglogo { height:175px; }*/
.adresse #logoBox               { position:relative; top:0px; left:0px; z-index:4; height:90px; background-position: left center; margin: 15px; }
.adresse #logoBox.eintraglogo     { height:120px; margin:5px 0px 5px 0px; }
.adresse #Obergeschoss div.headline	{ position:absolute; top:10px; padding-right:4px; }

.adresse #hnav                  { position:relative; top:0px; padding:0px; margin:0px; z-index:2; width:100%; text-align:right; }
.adresse #hnav ul               { padding:0px; margin:0px; }
.adresse #hnav ul li            { margin:0px; padding: 0px; }
.adresse #hnav ul li:first-child         { margin-left:0; margin-right:0px; }
.adresse #hnav ul li:last-child          { float:none; margin-right:0px; }
.adresse #hnav ul li a                   { margin:0px;padding:4px 11px; display:inline-block; }
.adresse #hnav ul li a.ausverkauft       { font-style:italic; }

.adresse #hnav img				{ margin-right: -7px; margin-top: -1px; }

.adresse h3                     { margin-bottom:0px; }
.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-top:10px; padding-bottom:10px; min-height:420px; }
.adresse .owneradressHori       { display:block; font-size:10px; }

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

/* -- AdressLayer --------------------------------------------------------------- */

.adresse.layer                  { position: fixed; width: 80vw;  max-width: 900px; max-height: 70vh; overflow-x: visible; overflow-y: auto; z-index: 9999999; margin: auto; left: 10vw; right: 10vw; top: 15vh; bottom: 15vh; }
.adresse.layer *                { max-width: 100%; }
.adresse.layer #Bauwerk         { min-height: 70vh; }
.adresse.layer #Bauwerk #Obergeschoss,.adresse.layer #Bauwerk #Erdgeschoss        { padding: 0px 20px; }
.adresse.layer .container       { border: 0px !important; margin: 0px auto; }

.adresse.layer #logoBox         { margin-left: 20px; }
.adresse #logoBox.eintraglogo     { margin:5px 0px 5px 0px; }
.adresse.layer .seitedrucken        { display: none; }

.closeAdressLayer   { position: absolute; top: 0px; right: 0px; padding: 0px 18px 3px 18px; opacity: 0.7; transition: opacity .15s ease-in-out; -moz-transition: opacity .15s ease-in-out; -o-transition: opacity .15s ease-in-out; -webkit-transition: opacity .15s ease-in-out; font-weight: bold; z-index: 9999; text-decoration: none; }
.closeAdressLayer:hover   { opacity: 1; }

.abdunkler                      { position: fixed; width: 100vw; height: 100vh; content: ' '; z-index: 999; left: 0px; right: 0px; top: 0px; bottom: 0px; }

/* ------------------------------------------------------------------------------ */
/* Backstretch                                                                    */
/* ------------------------------------------------------------------------------ */

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

/* —————————————————————————————————————————————————————————————————————————————— */
/* Eigenschaften des Suchfelds                                                    */
/* —————————————————————————————————————————————————————————————————————————————— */
FORM.suchform                   { float: right; position: relative; margin: 20px 100px 5px 20px; clear:right;}
INPUT.suchfeld                  { height:24px; line-height:15px; width:165px; padding:0px 5px; margin:0px 10px 0px 0px; float: left; }
INPUT.suchfeldbutton            { position:relative; margin-top:0px; border:0px; font-size:11px; padding:0px 0px; height: 21px; margin:2px 0px; width: 22px; float: left; background-position: center; background-repeat: no-repeat; }

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