@media only screen and (max-width: 600px) {
    body {
        background-color: #eb8f34;
        font-family: Trebuchet MS;
        font-size: 100%
    }
#wrapper{ width: 80%; height: auto;margin-left: 10%;
}
.text{ font-size: 4vw;
}
.titel{ font-size: 7vw; font-weight: bold;
}
.subtitel{ font-size: 2.5vw;
}
.underline{ text-decoration: underline;
}
a:link{ color: black; font-size: 4vw;
} 
a:visited{ color: black;
}

}

@media only screen and (min-width: 600px) {

body{ background-color: #eb8f34; font-family: Trebuchet MS; font-size: 100%
}
#wrapper{ width: 80%; height: auto;margin-left: 10%;
}
.text{ font-size: 4vw;
}
.titel{ font-size: 7vw;
}
.subtitel{ font-size: 3.25vw;
}
.underline{ text-decoration: underline;
}
a:link{ color: black; font-size: 4vw;
} 
a:visited{ color: black;
}
}

@media only screen and (min-width: 768px) {

body{ background-color: #eb8f34; font-family: Trebuchet MS; font-size: 100%
}
#wrapper{ width: 80%; height: auto;margin-left: 10%;
}
.text{ font-size: 3vw;
}
.titel{ font-size: 5vw;
}
.subtitel{ font-size: 3.25vw;
}
.underline{ text-decoration: underline;
}
a:link{ color: black; font-size: 3vw;
} 
a:visited{ color: black;
}
}

@media only screen and (min-width: 992px) {

body{ background-color: #eb8f34; font-family: Trebuchet MS; font-size: 100%
}
#wrapper{ width: 80%; height: auto;margin-left: 10%;
}
.text{ font-size: 2vw;
}
.titel{ font-size: 3vw;
}
.subtitel{ font-size: 2.5vw;
}
.underline{ text-decoration: underline;
}
a:link{ color: black; font-size: 2vw;
} 
a:visited{ color: black;
}
}

@media only screen and (min-width: 1200px) {

body{ background-color: #eb8f34; font-family: Trebuchet MS; font-size: 100%
}
#wrapper{ width: 80%; height: auto;margin-left: 10%;
}
.text{ font-size: 2vw;
}
.titel{ font-size: 3vw;
}
.subtitel{ font-size: 2.5vw;
}
.underline{ text-decoration: underline;
}
a:link{ color: black; font-size: 2vw;
} 
a:visited{ color: black;
}
}