/* Block-Darstellung für HTML5-Elemente im IE8 */
header,
nav,
footer {
   display: block;
}
/***********************************************/

html {
background-color: #014171;
height:100%;
}
body {
    background-color: #014171;
    height:100%;
}
#wrapper {
    max-width: 960px;
    margin: 0px auto;
    background-color: #014171;
    margin-top: 0px!important;
    padding-top:5px!important;
}

@media screen and (max-width:600px){
.wrapper {padding-top:0px!important;}
}

.logo {width:255px; margin-left:-15px!important;}
.logostart {width:255px;margin-left:-15px!important;}
.logo:hover
{
    box-shadow: 0px 0px 0px #000000;
    z-index: 2;
    -webkit-transition: all 200ms ease-in;
    -webkit-transform: scale(1.04);
    -ms-transition: all 200ms ease-in;
    -ms-transform: scale(1.04);
    -moz-transition: all 200ms ease-in;
    -moz-transform: scale(1.04);
    transition: all 200ms ease-in;
    transform: scale(1.04);
}
.logostart:hover
{
    box-shadow: 0px 0px 0px #000000;
    z-index: 2;
    -webkit-transition: all 200ms ease-in;
    -webkit-transform: scale(1.03);
    -ms-transition: all 200ms ease-in;
    -ms-transform: scale(1.03);
    -moz-transition: all 200ms ease-in;
    -moz-transform: scale(1.03);
    transition: all 200ms ease-in;
    transform: scale(1.03);
}
h2 {color:white; font-family:'Oxygen', sans-serif!important; padding-left:10px;}
h3 {color:white; font-family:'Oxygen', sans-serif!important; padding-left:15px;}
h4 {color:white; font-family:'Oxygen', sans-serif!important; padding-left:15px;}
h5 {color:white; font-family:'Oxygen', sans-serif!important; padding-left:15px;}
h6 {color:white; font-family:'Oxygen', sans-serif!important; padding-left:0px;}
h7 {color:white; font-family:'Oxygen', sans-serif!important; padding-left:0px; font-size: 1.2em!important;}
h3:hover {color:orange;}
h2:hover {color:orange;}
.start{
        background-repeat:no-repeat;
                width: 100%;
        background-position:center;
                height:#;
        margin-top:0px;
                margin-bottom:20px;
        padding-top:0px;
}
.hr-top hr {border-color:#80a0b8; margin-top:10px;}
.hr-tops hr {border-color:orange; margin-top:0px; margin-left:10px; margin-right:10px;}
.hr-topdetail hr {border-color:orange; margin-top:0px; margin-left:15px; margin-right:15px;}
.hr-bottom hr {border-color:#80a0b8; padding-top:0px!important; margin-top:0px!important;}
.w3-border-bottom {border-color:#80a0b8!important;}
.w3-black {padding-left:20px!important; padding-right:0px!important;}
.start-image1{opacity:1; padding-top:5px!important; padding-bottom:20px!important; padding-left:0px!important; padding-right:0px!important; margin:0px 0px 0px 0px!important;}
.start-image{opacity:0.3; padding-top:0px; padding-left:0px!important; padding-right:0px!important; margin:0px 0px 0px 0px!important;}
.gl-footer {
        font-size:.88em;
        color: #80a0b8;
        padding:0px;
        margin:0px;
}

.gl-footer-right {text-align:right; padding:0px; margin:0px;}
@media screen and (max-width:600px){
                .start-image1{padding-left:5px!important; padding-right:5px!important;}
                .start-image{padding-left:5px!important; padding-right:5px!important;}
        .gl-footer-right {text-align:left;}
        .gl-footer {padding:0px; margin:0px;}
}
.w3-cell-row {padding-left:10px; padding-right:10px; margin-top:0px; line-height:.7; margin-top:-15px;}
.nav{font-family:'Oxygen', sans-serif!important; font-size:.9em;}
.mySlides {display:none;}
.starttext {color:white; font-family: 'Oxygen', sans-serif; opacity:0.8; padding-right:10px;}
p.starttext {padding-left:15px;}
.starttop {padding-left:20px!important; padding-right:20px!important; padding-top:0px!important; margin-top:0px!important;}
.mySlides {display:none}
.w3-left, .w3-right, .w3-badge {cursor:pointer}
.w3-badge {height:13px;width:13px;padding:0}
.hover-zoom:hover
{
    box-shadow: 0px 0px 0px #fff;
    z-index: 2;
    -webkit-transition: all 250ms ease-in;
    -webkit-transform: scale(1.03);
    -ms-transition: all 250ms ease-in;
    -ms-transform: scale(1.03);
    -moz-transition: all 250ms ease-in;
    -moz-transform: scale(1.03);
    transition: all 250ms ease-in;
    transform: scale(1.03);
}
.navbutton{padding:6px!important; margin:0px!important;font-size:0.9em!important;}
@media screen and (max-width:600px){
.navbutton {
        font-size:0.86em!important;
        padding:5px!important;
}
}
.tops-border-bottom{border-bottom:1px solid orange!important}
.nopad {padding-left:10px!important;}
.nopad2 {padding-left:15px!important; margin-top:30px!important;}
@media screen and (max-width:600px){
.nopad {padding-left:10px!important;}
.nopad2{padding-left:15px!important;}
.lageplan {height:250px!important;}
.wrapper {padding-top:0px!important;}
}
.ref{
font-size:0.78em!important;
color:white!important;
padding-left:10px!important;
}

.reftext{
font-size:0.78em!important;
color:white!important;
padding-left:15px!important;
opacity:0.5!important;
}
.headerContentFont{
        font-family: Verdana,Arial,sans-serif;
        font-size: 11px;
        color: #B6C9D5;
}
.w3-ul {
color:white!important;
}
.w3-ul li
{
padding-left:0px!important;
font-size:1em!important;
font-weight:lighter!important;
font-family:'Oxygen', sans-serif!important;
opacity: 0.9!important;
}
.w3-ul li a
{
text-decoration: none;
}
.lageplan
{
width:auto;
height:360px;
margin-left:10px!important;
margin-right:10px!important;
margin-bottom:20px!important;
}
.lageplan-kontakt
{
width:auto;
margin-top:15px!important;
height:343px!important;
}
.ul-tops
{
padding-left:0px!important;
list-style-type: none;
color:white;
margin-top:0px!important;
}

.ul-tops2
{
padding-left:0px!important;
list-style-type: none;
color:white;
margin-top:0px!important;
margin-left:0px!important;
}

.ul-tops2 li a
{
text-decoration: none!important;
list-style-type: none;
padding-left:0px!important;
margin-left:-10px!important;
font-size:0.81em!important;
font-family: Verdana, Geneva, sans-serif;
line-height:1.9em!important;
}

.ul-tops2 li
{
text-decoration: none!important;
list-style-type: none;
padding-left:0px!important;
font-size:0.96em;
font-family: Verdana, Geneva, sans-serif;
line-height:1.9em!important;
}

.ul-tops li a
{
text-decoration: none;
list-style-type: none;
padding-left:0px!important;
font-size:1em!important;
font-family: Verdana, Geneva, sans-serif;
line-height:1.5em!important;
}
.ul-tops li a:hover
{color:orange;}
.ul-tops2 li a:hover
{color:orange;}
.verkauft
{
color:orange;
font-size:0.96em!important;
font-weight:lighter!important;
font-family: Verdana, Geneva, sans-serif;
margin: 2px 0px 0px 0px!important;
}

.verkauft2
{
font-family: Verdana, Geneva, sans-serif;
margin-left: -10px!important;
font-size:0.81em!important;
}

.ul-top
{
text-align: right!important;
padding-left:15px!important;
padding-top:40px!important;
}

@media screen and (max-width:600px){
.ul-top {
text-align:left!important;
padding-top:0px!important;
margin-top:-10px!important;
}
}

.infovk
{
padding-left:15px!important;
padding-bottom:0px!important;
margin-bottom:0px!important;
color:white!important;
opacity: 0.9!important;
margin-top:30px!important;
font-family:'Oxygen', sans-serif!important;
}

.w3-half
{
padding-bottom:0px!important;
margin-bottom:0px!important;
}

.fa
{color:orange!important;}

.fa:hover
{
color:white!important;
}

.w3-modal {
background-color:rgba(0,0,0,0.8)!important;
}

#nocost{
color:#6B92A9!important;
font-family: 'Oxygen', sans-serif;
margin-top:0px!important;
margin-bottom:0px!important;
}

lageimhaus
{
padding-left:1px!important;
padding-right:1px!important;
}
.imglageimhaus{margin-bottom:-6px!important;}a{color:inherit} 
@media screen and (min-width:600px){
.w3-modal-content {width:80%!important;}
.w3-modal-content-2 {width:60%!important;}
}

.topdetail {
padding-left:0px!important;
margin-left:0px!important;
padding-right:0px!important;
}

.toppic {
margin-right:0px!important;
}
li.topactive {color:yellow!important;}

.w3-table-all tr:nth-child(odd){background-color:#b7ccdc;}
.w3-table-all tr:nth-child(even){background-color:#dfdfe0;}

.w3-table td,.w3-table th,.w3-table-all td,.w3-table-all th{padding:6px 6px!important;}
.inbau {background-color:#f71505!important; color:white!important;pointer-events: none!important; font-weight: bold!important;}
.neu {background-color:#f71505!important; color:white!important;font-weight: bold!important;}
.w3-display-topleft {top:5px!important; left:5px!important;}.w3-display-middle {top:60%!important;}
.ausverkauft {background-color:#f71505!important; color:white!important; font-size:25px!important; font-family; pointer-events: none!important;}.infobald {background-color:#f71505!important; color:white!important; font-size:20px!important; font-family; pointer-events: none!important;}
.aktuellplatz {padding-top:30%!important; opacity:0.7!important;}
.refpic {width:100%!important;}
.refpicard {width:100%!important;}
.downloadpad{margin-left:-45px!important;}
@media screen and (max-width:600px){
.downloadpad {margin-left:0px!important;}
.lageplan-kontakt-padding {padding-bottom:10px!important;}
}
.w3-tooltip {margin:0 0 0 0!important;}
ul.geplant {list-style-type: circle!important; color:#ff6600;!important;}
li.geplant {color:orange!important;}
.geplant p {color:white!important;}
.modal-button {background-color:white!important;}
.kontakt-button {font-family:'Oxygen', sans-serif!important;}
@media screen and (max-width:600px){
.kontakt-button {padding-bottom:5px!important;}
.kontakt-text         {padding-left:0px!important; margin-left:-34px!important;}

}
.kontaktformular {background-color:#014171!important; color:white!important;}
.whatsapp {padding-left:10px!important; padding-top:2px!important}
.top-button {padding-left:10px!important; padding-right:10px!important; }

@media screen and (max-width: 600px) {
.w3-modal-content 
{margin-top: -40px!important;}
}