/* Template © admotion*/


html 
{
}


body
{
   margin:			0px;
   padding:			0px;
   font-family:		'Open Sans', sans-serif;
   font-weight:		300;
   font-size:		18px;
   color:			#fff;
   line-height:		145%;
   letter-spacing:	0.06em;
}


#system-message { margin: 0px; }
/* bootstrap import */

img {
    width: auto\9;
    height: auto;
    max-width: 100%;
    vertical-align: middle;
    border: 0;
    -ms-interpolation-mode: bicubic;
}
.nav > li > a:hover, .nav > li > a:focus {text-decoration: none;background-color: transparent;}
.nav > li > a {display: block;}
li { line-height: normal;}
.nav {list-style: none; padding: 0; margin: 0;}
table {border-collapse: collapse;border-spacing: 0;}

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

.uk-first-column img { min-width: 100%;}


.actions { display: none; }


    #desktop { display: none; }
    #mobile { display: block; }   
    #left { width: 100%; float: none; }
    #right { width: 100%; float: none; margin-top: 4%; }


#container-header { width: 100%; position: absolute; }
#header { width: 90%; margin: 0 auto;}



.uk-scope .uk-card-body { padding: 20px; }


.uk-margin p {margin-bottom: 15px;}




#content { position: absolute; width: 100%; height: 100%; overflow: hidden; background: #fff; }


#logo { position: fixed; padding: 110px 120px; width: 200px; z-index: 1000; }

hr { border-bottom: 1px solid #fff; border-top: 0px solid #fff; }


#container {  width: calc(100% - 440px); height: auto; min-height: 100%; box-sizing: border-box; position: absolute; z-index: 1; overflow: hidden; right: 0; top: 0; background: #4d9141; padding-bottom: 100px; }



#inhalt { width: 80%; margin: 80px auto 0;  }


#container-footer  {  position: fixed; bottom: 120px; left: 120px;}
#footer  { color: #000; }
#footer a { color: #000; }
#footer a:hover { color: #4d9141; }


 /* -------  Menü ----------*/

#menu  { margin-left: 10%;}
#menu li { float: left; padding-right: 30px; }
#menu li a { background: #fff; color: #000; padding: 5px 15px; text-transform: uppercase; }
#menu li a:hover { background: #000; color: #fff; padding: 5px 15px; }
#menu li.active a { font-weight: 700;}



 /* -------  Widgetkit ----------*/


.uk-close-alt::after {color: #000;}


.uk-panel-box { background: #fff; border-radius: 0px; }
.uk-panel-box:hover { background: #000; border-radius: 0px; color: #fff !important; border: 1px #000; }
.uk-panel-box:hover h2 { color: #fff !important; }
.uk-panel-box:hover > .uk-panel-teaser {

    margin-top: -20px;
    margin-left: -20px;
    margin-right: -20px;

}

* + .uk-margin {

    margin-top: 0px !important;

}
.uk-margin { margin-bottom: 0px; }
.item-pagevermietung .uk-margin a { color: #000; }
.item-pagevermietung .uk-panel-box:hover a { color: #fff; }
.item-pagevermietung .uk-panel-box:hover a:hover { color: #4d9141; }

.item-pageverkauf .uk-panel-box a {

    position: absolute;
    width: 100%;
    height: 50%;
    bottom: 0;
    left: 0;
    font-size: 0px;

}

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

 .uk-scope .uk-grid-divider { margin: 40px 0px; padding: 10px 0px; }

a.button { background: #fff; color: #000; padding: 10px 30px; transition: 0.2s;}
a.button:hover { background: #000; color: #fff; transition: 0.2s; cursor: pointer; }



h1 { letter-spacing: 0.05em; font-weight: 300; line-height: 150%; font-size: 77px; margin: 0 0 10px 0; }
h2 { margin: 0px 0px 15px 0px; padding: 0px; font-size: 30px; line-height: 130%; font-weight: 700; color: #000; }
h3 { margin: 0px 0px 10px 0px; padding: 10px 0px 0px 0px; font-size: 30px; line-height: 130%; font-weight: 700; color: #ffffff; }
h4 { margin: 0px 0px 5px 0px; padding: 20px 0px 0px 0px; font-size: 20px; line-height: 130%; font-weight: 700; color: #ffffff; }


.uk-scope .uk-h2, .uk-scope h2 { margin: 0px 0px 15px 0px; padding: 0px; font-size: 30px; line-height: 130%; font-weight: 700; color: #000; font-family: 'Open Sans', sans-serif; }
.uk-scope .uk-link, .uk-scope a { color: #ffffff; }

.uk-scope .uk-card-default { color: #000000; }


a { text-decoration: none; outline: none; color: #fff;  }
a:hover { text-decoration: none; color: #000; }
a:focus { text-decoration: none; outline: none; }

p {margin: 0; }


#webdesign  { margin-top: 0px; background: #000 url(../images/webdesign-admotion.png); position: absolute; right: 0px; width: 25px; height: 91px; z-index: 1009; bottom: 20px;}
#webdesign p  { margin: 0px; }
#webdesign a  { width: 25px; height: 91px; display: block; }


.clear { line-height: 0; }


 /* -------  Cookie Hint ----------*/

#redim-cookiehint {

    box-shadow: 0 -5px 5px -5px #333;
    background-color: rgba(0,0,0,0.7);
    z-index: 9999999;
    bottom: 0px;
    text-align: center;
    padding: 20px;
}
#redim-cookiehint .cookiebuttons .btn:hover {
    background-color: #fff;
    color: #000;
}
#redim-cookiehint .cookiebuttons .btn {
    padding: 5px 10px !important;
    border-radius: 0px !important;
    color: #000;
    background-color: #F0EAD4;
    font-size: 13px;
    margin-top: 2px;
    margin-bottom: 2px;
    cursor: pointer;  border: 0px; text-shadow: none; background-image: none;  font-family: 'Open Sans', sans-serif; 
}

#redim-cookiehint .cookiecontent { line-height: 150%; font-size: 14px; }

@media(min-width:786px){
#desktop { display: block; }
#mobile { display: none; }

#left { width: 48%; float: left; margin-right: 4%; }
#right { width: 48%; float: left; }
    
    
    #footer li { float: none; padding: 0px; background: none; }

}




@media(max-width:1200px){

#logo {  padding: 20px 20px; width: 100px; z-index: 1000; }
    
    #container {  width: calc(100% - 140px); height: auto; box-sizing: border-box; position: absolute; z-index: 1; overflow: hidden; right: 0; top: 0px; background: #4d9141; padding-bottom: 200px;}

    #inhalt { width: 90%; margin: 80px auto 0;  }

    #menu  { margin-left: 5%;}
    
    h1 { font-size: 60px;}
    
    
    
    #container-footer  {  position: fixed; bottom: 0px; left: auto; width:calc(100% - 140px); right: 0; padding: 20px 5%; background: #000; box-sizing: border-box; z-index: 1008; }
#footer  { color: #fff; }
#footer a { color: #fff; }
#footer a:hover { color: #4d9141; }
    
    #footer { font-size: 13px; line-height: 140%; }

}



@media(max-width:870px){

#logo { position: relative; padding: 20px 20px; width: 70px;  }
    
    #container {  width: 100%; height: auto; box-sizing: border-box; position: relative; z-index: 1; overflow: hidden; right: 0; top: 0px; background: #4d9141; padding-bottom: 50px; }

    #inhalt { width: 90%; margin: 80px auto 0;  }

    #menu  { margin-left: 5%;}
        h1 { font-size: 40px; }
    
    
    
    #container-footer  {  position: relative; bottom: 0px; left: auto; width: 100%; right: 0; padding: 20px 5%; background: #000; z-index: 1008; box-sizing: border-box; }

    h2 { font-size: 20px; }
    
    #menu li a { background: #000; color: #fff; padding: 2px 7px; text-transform: uppercase; }
    #menu li a:hover { background: #fff; color: #000; }

}


@media(max-width:530px){

#menu li {padding-right: 10px; margin-bottom: 5px;}

}

@media(max-width:400px){
        h2 { font-size: 18px; }
a.button { background: #fff; color: #000; padding: 10px 20px; transition: 0.2s;}
a.button:hover { background: #000; color: #fff; transition: 0.2s; cursor: pointer; }
    
    body { font-size: 15px; }
}