#page {
    width: 95%;
    min-width: 280px;
    max-width: 1280px;
    margin: 1em auto 0 auto;
    background: #ffffff;
}
.clear { clear: both;}
#logo { position: relative;}
header { position: relative;}
header nav {
    display: none;
    position: relative;
    min-height: 250px;
    width: 100%;
}
nav ul {
    font-size: 1.4em;
    line-height: 2.4em;
    float: left;
    width: 50%;
}
nav ul li {
    display: block;
    text-align: center;
    min-height: 44px;
}
#main {
    display: table;
    width: 100%;
    box-sizing: border-box;
}
#main aside { display: block; }
article.content { padding: 0 1.5em; }
ul li { list-style: none; }
#main article header { background:none; }
article.content { clear:both; }
article.content ul { padding: 1.5em 0em 1.5em 2em; }
article.content ul li { list-style-type: circle; }
#main aside section {
    background: transparent;
    padding-bottom: 0;
    padding-top: 2em;
}
#main section {
    vertical-align: top;
    padding: 1.8%;
    padding-bottom: 6em;
}
#main aside { vertical-align: top; }
.content.reflist { box-sizing: border-box; }
.content.projects{
    clear:both;
    padding-top:1.5em;
}
.content.reflist div,
.content.projects div {
    float:left;
    margin:0 0.25% 1% 0;
}
aside article.content { padding-bottom: 2em; }
aside article.content ul { padding: 0; }
aside article.content ul li {
    list-style-type: none;
    margin-bottom: .7em;
}
#karte { display:none; }
footer {
    width:100%;
    display:table;
    padding:2em 0 3em 0;
}
/* ----------------------------------------------------- */
/* Smartphones (Portrait): ----------------------------- */
@media only screen and (min-width: 320px){
    #karte { display:block; }
    #karte iframe {
        margin-top: 1em;
        width: 100%;
    }
    aside article.content ul { padding-bottom:3em; }
}
/* ----------------------------------------------------- */
/* Smartphones (Landscape): ----------------------------- */
@media only screen and (min-width: 480px){

}
/* ----------------------------------------------------- */
/* Tablet (Portrait): ---------------------------------- */
@media only screen and (min-width: 768px){
    #logo { display: block; }
    header { position: relative;}
    #main{
        background-color: #ffffff;
        margin-top: 0;
    }
}
/* ----------------------------------------------------- */
/* Screen : -------------------------------------------- */
@media only screen and (min-width: 1024px){
    #logo { display: block; }
    nav { margin-top:0em; }
    nav ul:first-child { padding-left:1.5em }
    header nav{
        display: block;
        min-height: 25px;
        position: relative;
        top:0;
        left:0;
    }
    .menue-button { display: none; }
    nav {
        background:#598020;
        padding:0;
        margin-top:0em;
    }
    nav ul:first-child { padding-left:1.1em }
    nav ul {
        float:none;
        display:inline;
        width:100%;
        font-size:1.2em;
    }
    nav ul li {
        display: inline;
        padding-left: .5em;
    }
    #main.cover section { width:100%; }
    #main section {
        width: 60%;
        display:table-cell;
        box-sizing:border-box;
    }
    #main aside {
        width: 40%;
        display:table-cell;
        box-sizing:border-box;
        background: transparent;
        background-color: #f5f5f5;
    }
    #main aside section { padding-top:27px; }
}
/* ----------------------------------------------------- */
/* Screen : -------------------------------------------- */
@media only screen and (min-width: 1280px)
{}