@charset "iso-8859-1";
/* ------------------------------------------------------------------------------ */
/* Struktur-CSS                                                                   */
/* ------------------------------------------------------------------------------ */
.bereinigen				              { clear: both; content: '\A'; display: table; font-size: 0px; line-height: 0px; white-space:pre }
.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; transition: all .20s ease-in-out; -moz-transition: all .20s ease-in-out; -o-transition: all .20s ease-in-out; -webkit-transition: all .20s ease-in-out; }
.animateUnderline a:hover:after { left: 0px; right: 0px; opacity: 1; }

/* ------------------------------------------------------------------------------ */
/* 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	                  { z-index:10; }
#Obergeschoss .container        { min-height: 170px; }

#Erdgeschoss		                { z-index: 11; }

#Zwischenwand		                { z-index: 3; }

#Arbeitszimmer		              { z-index: 10; margin-top: 0px; }

.Innenraum			                { margin: 35px; }

#Fundament                      { margin: 20px 0px 250px 0px; }

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

/* ------------------------------------------------------------------------------ */
/* Detailobjekte                                                                  */
/* ------------------------------------------------------------------------------ */
#logoBox			                  { position:relative; margin: 0px; z-index:9999; height:142px; width:100%; margin-top: -30px; padding-bottom: 20px; }
#logoBoxSchrift                 { position:relative; width: 100%; height: 47px; }
#logoBox a:link, #logoBox a:visited, #logoBox a:hover, #logoBox a:active,
#logoBoxSchrift a:link, #logoBoxSchrift a:visited, #logoBoxSchrift a:hover, #logoBoxSchrift a:active
					                      { display:block; width:100%; height:100%; }

#Obergeschoss .white	          { display:none; }

#kommuneaktiv     { position: absolute; margin-left: -7px; top: 12px; width: 127px; height: 33px; }
#wechselbilder                  { height: 285px; }
#slider                         { position:relative; left:0px; width:100%; z-index: 20; background:#FFF; /*height:420px;*/ }

.rotate90                       { transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg) }
.rotate270                      { transform: rotate(-90deg); -moz-transform: rotate(-90deg); -o-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg) }
.mirrorY                        { transform: scaleY(-1); -moz-transform: scaleY(-1); -o-transform: scaleY(-1); -webkit-transform: scaleY(-1); -ms-transform: scaleY(-1) }
.mirrorX                        { transform: scaleX(-1); -moz-transform: scaleX(-1); -o-transform: scaleX(-1); -webkit-transform: scaleX(-1); -ms-transform: scaleX(-1) }

.pfeil,
.pfeil:after                    { background-position: center; background-size: contain; background-repeat: no-repeat; }

#mimslider                      { position:relative; right:0px; top:0px; width:100%; width: calc(100% + 8px); z-index: 5; margin: 45px 0px; margin-left: -4px; }
#mimslider .mimSlider-outer     { position:relative; overflow:hidden; height:100%;}
#mimslider .mimSlider-wrapper   { position:relative; transition: margin-left 1s ease-in-out; -moz-transition: margin-left 1s ease-in-out; -o-transition: margin-left 1s ease-in-out; -webkit-transition: margin-left 1s ease-in-out }
#mimslider .mimSlider-outer .item { float:left; width:1px; }
#mimslider .navItem             { position: relative; margin: 0px 4px; max-height: 360px; }
#mimslider .mimSlider-outer .navItem:before { content: ''; padding-top: 150%; display: block; }
#mimslider .mimSlider-outer .navItem .navItem-wrap { position: absolute; left: 0px; right: 0px; top: 0px; bottom: 0px; overflow: hidden; }
#mimslider .mimSlider-outer .navItem .navItem-wrap:before,
#mimslider .mimSlider-outer .navItem .navItem-wrap:after { content: ''; position: absolute; bottom: 0px; left: 0px; right: 0px; z-index: 99; pointer-events: none; height: 20px; }
#mimslider .mimSlider-outer .navItem .navItem-wrap .bild  { margin: 0px; text-align: center; width: 100%; max-width: 100%; float: none; }

#mimslider .mimSlider-control   { padding: 10px 0px; text-align: right; position: relative; }
#mimslider .mimSlider-next      { height: 25px; width: 25px; display: inline-block; margin: 0px 4px; z-index: 5; }
#mimslider .mimSlider-back      { height: 25px; width: 25px; display: inline-block; margin: 0px 4px; z-index: 5; }

#mimslider .mimSlider-bullets   { z-index: 1; text-align: left; float: left; margin: 0px 2px; }
#mimslider .mimSlider-bullets div { width: 15px; height: 15px; display: inline-block; margin: 0px 2px; cursor: pointer;  }

.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; }

/* ------------------------------------------------------------------------------ */
#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:221px; width:34px; z-index:999; min-width:9px; cursor:pointer; }
#impressionButton div div:after  { position:absolute; top:0px; left:0px; right: 0px; bottom: 0px; writing-mode: tb-lr;  writing-mode: vertical-lr; writing-mode: sideways-lr; line-height: 40px; text-align: center; }
#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; z-index:9999; height:150px; bottom: 0px; width:360px;}
#impressions a.previewToggle    { position:absolute; top:4px; right:4px; z-index:11; padding:3px 5px; font-size:12px; text-decoration:none; 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 10px; }
#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:38px; width:38px; cursor:pointer; border: 5px solid transparent }
#impressionThumbnails .impression-back       { position:absolute; top:50%; margin-top:-23px; left:20px; height:38px; width:38px; cursor:pointer; border: 5px solid transparent  }

#impressionBigBack                      { position:absolute; left:0px; width:350px; top:30px; 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:280px; z-index:99999999; overflow:hidden; }
#qnav.active:after {  content: ''; position: fixed; top: 0px; bottom: 0px; left: 0px; right: 0px; opacity: 0; pointer-events: none; }
#qnav.visible:after { opacity: 1; }
#qnavSlide				{ position:absolute; top:0px; bottom:0px; left:0px; width:280px; 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:500px; 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:hover { right:80px; }
#qnavButton div div			{ position:absolute; top:-140px; right:-88px; height:117px; width:112px; cursor:pointer; z-index:999; min-width:60px; }
#qnavButton div div:hover { right:-80px; }


#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; }

/* ------------------------------------------------------------------------------ */
/* 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; }

/* ------------------------------------------------------------------------------ */
/* Barrierefreie Navigation (Kontrast, Schriftgrφίe, ...                          */
/* ------------------------------------------------------------------------------ */
#bfnav                          { padding:0px; float: right; }
#bfnav ul                       { list-style-type:none; padding: 0px; margin: 20px 0px 8px 0px; }
#bfnav ul li                    { display:inline-block; list-style:none; padding:0px 5px 0px 5px; margin:0px 0px 0px 0px; white-space:nowrap; }
#bfnav ul li:first-child        { padding-left: 0px;}
#bfnav ul li a                  { margin: 0px; padding: 0px 5px; display: block; }
#bfnav img                      { margin-bottom:-2px; }
#bfnav .mobile                  { display:none; }

/* ------------------------------------------------------------------------------ */
/* Navigation Rechts - Bereiche                                                   */
/* ------------------------------------------------------------------------------ */

#navRight                       { position: fixed; top: 0px; right: 0px; z-index: 9999; width: 1px; display: block; }
#navRight ul                    { margin: 0px; padding: 0px; list-style: none; position: absolute; left: 1px; top: 0px; width: auto; }
#navRight ul li                 { margin: 0px; padding: 0px; list-style: none; position: relative; margin-left: -7px; }
#navRight ul li.selected        { margin-left: -25px; }
#navRight ul li:hover           { margin-left: -100%; }
#navRight ul li:after           { content: ''; position: absolute; top: 0px; bottom: 0px; right: 100%; width: 15px; }
#navRight ul li a               { padding: 5px 25px; display: block; white-space: nowrap; line-height: normal; }

/* ------------------------------------------------------------------------------ */
/* Horizontale Navigation                                                         */
/* ------------------------------------------------------------------------------ */
#hnav                           { padding:0px; float: left; margin: 0px; }
#hnav ul                        { list-style-type:none; padding: 0px; margin: 20px 0px 8px 0px; }
#hnav ul li                     { display:inline-block; list-style:none; padding:0px 5px 0px 5px; margin: 0px; white-space:nowrap; }
#hnav ul li:last-child          { padding-right: 0px;}
#hnav ul li a                   { margin: 0px; padding: 0px 5px; display: block; }

/* ------------------------------------------------------------------------------ */
/* Untere Navigation                                                              */
/* ------------------------------------------------------------------------------ */
#navBottom                      { position: relative; float: right; margin: 21px 7px; }
#navBottom ul                   { list-style: none; margin: 0px 0px 0px 0px; display: inline-block;}
#navBottom ul li                { float: left; padding: 0px 12px 0px 12px; }

/* ------------------------------------------------------------------------------ */
/* Hauptnavigation                                                                */
/* ------------------------------------------------------------------------------ */
#mnav                           { display:block; position:relative; margin:0px 0px 0px 0px; }
.startseite #mnav               { margin-top: -70px; }
#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.first               { margin:0px; padding:0px 0px 0px 0px; position:relative; }
#mnav ul li.selected            { margin:0px; padding:0px 0px 0px 0px; position:relative; }
#mnav ul li a                   { padding:7px 15px; margin:0px 0px 0px 0px; position:relative; display:block; z-index:999999; }
#mnav ul li a span              { max-width: calc(100% - 25px); display: inline-block; }
#mnav ul li a .pfeil            { width: 11px; height: 11px; border-radius: 50%; float: right; opacity: 0; }
#mnav ul li:hover               { z-index:3; }
#mnav ul li:hover a .pfeil,
#mnav ul li.selected a .pfeil   { opacity: 1; }

/* 2. Ebene mit Layer*/
#mnav ul li .munavRechtsWrap               { position:absolute; top:-1px; left:100%; width:120%; padding:0px 0px 0px 0px; margin:0px; padding-left: 6px; z-index:999; visibility: hidden; opacity: 0; -prefixes-transition-property: opacity, visibility; -prefixes-transition-duration: .4s, 0s; -prefixes-transition-delay: 0s, .4s; }
#mnav ul li:hover    .munavRechtsWrap       { visibility: visible; opacity: 1; -prefixes-transition-delay: 0s, 0s;}

#mnav ul li .bridge { position:absolute; left:99%; top:0px; bottom:0px; width:7px; background:rgba(0,0,0,0);}


#mnav ul li          ul.munavRechts li     { margin:0px; padding:0px; width:auto; display:block; }
#mnav ul li          ul.munavRechts li a   { margin:0px; padding:7px 15px; display:block; position:relative; width:auto; }


/* 2. Ebene unterhalb Menόpunkten */
#mnav ul li          ul.munavLinks         { position:relative; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; display:block; }
#mnav ul li          ul.munavLinks li      { margin:-1px 0px 0px 0px; padding:0px 0px 0px 0px; }
#mnav ul li          ul.munavLinks li a    { margin:0px 0px 0px 0px; padding:7px 15px; display:block; }
#mnav ul li          ul.munavLinks li a:after { content: ''; position: absolute; top: -1px; left: 6px; right: 6px; height: 1px;  }
__#mnav ul li          ul.munavLinks li:first-of-type a:after { display: none; }

#mnav ul li          ul.munav2Links li a    { padding: 3px 25px; font-size: 90%; }

/* ------------------------------------------------------------------------------ */
/* Vertikale Navigation                                                           */
/* ------------------------------------------------------------------------------ */
#vnav                           { margin:0; margin:60px 35px 60px 0px; }
/* ------------------------------------------------------------------------------ */
/* kleine, horizontale Navigation                                                 */
/* ------------------------------------------------------------------------------ */

.hornav                         { color:#aaa; padding-top:7px; font-size:80%; width:100%; }

/* ------------------------------------------------------------------------------ */
/* Adressenfenster / kleine Fenster                                               */
/* ------------------------------------------------------------------------------ */
.adresse { min-height:610px; }
.adresse #Obergeschoss .inner   { height:auto; }
.adresse #Obergeschoss	.container		{ min-height: 0px; }
.adresse #Obergeschoss	.container.miteintraglogo { }
.adresse #logoBox               { position:relative; z-index:4; margin: 0px; height: 90px; }
.adresse #logoBox:after         { content: ''; position:absolute; height: 143px; width: 134px; left: 0px; top: 0px; }
.adresse #logoBox.eintraglogo     { margin:0px; }
.adresse #logoBox.eintraglogo:after { display: none; }
.adresse #Obergeschoss div.headline	{ position:absolute; top: 0px; }

.adresse #hnav                  { position:absolute; bottom:10px; right: 10px; padding:0px; margin:0px; z-index:2; text-align:right; z-index: 999; font-size: 11px; }
.adresse #hnav ul               { padding:0px; margin:0px; }
.adresse #hnav ul li            { margin:0px; }
.adresse #hnav ul li:first-child         { margin-left:0; margin-right:0px; border: 0px; }
.adresse #hnav ul li:last-child          { float:none; margin-right:0px; }
.adresse #hnav ul li a                   { margin:0px;padding:0px 5px; 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:30%; text-align:right; font-weight: bold }
.adresse .bezeichnung img	      { max-width:100%; float:right; margin-right:10px; }
.adresse .inhalt                { float:left; width:70%; }
.adresse .kontaktdaten          { padding-left: 100px; }
.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          { display: none; }
.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        {  }
.adresse.layer .container       { border: 0px !important; margin: 0px auto; }

.adresse #logoBox.eintraglogo     { margin:0px; }

.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                   { position: relative; margin: 40px 23px; }
INPUT.suchfeld                  { height:23px; width:165px; width: calc(100% - 42px); padding:0px 5px; margin:0px; display: inline-block; }
INPUT.suchfeldbutton            { position:relative; border:0px; padding:0px; height: 23px; margin: 0px; width: 27px; background-repeat: no-repeat; background-position: center; display: inline-block; }

#leseModusMenu {
	margin-top: 20px;
}

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