@media screen and (max-width: 1024px) {
.nav {
    padding: 0 2em;
}
 
}

@media screen and (max-width:425px) {

.nav ul {
    width:90%;
}

.nav p {
    float:left;
}

.content .left, .content .right  {
    width:90%;
    margin:5%;    
    clear:left;
}


.quoteblack blockquote, .quote {
    width:90%;
	    font-size:0.65em;
}

.quote blockquote {
    padding:0;
    margin:0;
}

.quoteblack cite {
    padding: 2em 0;
}

.kontakt .left, .kontakt .right  {
    width:90%;
    clear:left;
    text-align:left;
    margin:5%;
    font-size: 1.1em;
}

.kontakt .main p {
    margin:5%;
}

.kontakt h1 {

    margin:5%;
}

.kontakt .left img  {
    width:100%;
    margin:0px;
}












}