@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;
}
a:link{ color: blue; font-size: 4vw;
} 
a:visited{ color: blue;
}
}

@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;
}
a:link{ color: blue; font-size: 4vw;
} 
a:visited{ color: blue;
}
}

@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;
}
a:link{ color: blue; font-size: 2.75vw;
} 
a:visited{ color: blue;
}
}

@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;
}
a:link{ color: blue; font-size: 2vw; float: left;
} 
a:visited{ color: blue;
}
}