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

.container-fluid {
    padding:0px !important;
}

#testbereich {
    max-width:100%;
    }

img {
    max-width:100% !important;
}

.test_tabelle {
    max-width:100% !important;
    margin-left:0px !important;
    margin-right:0px !important;
}

.test_tabelle_antworten {
    margin:10px 40px 0 50px;
}

div.ueberschrift
{
	height:auto !important;	
}

}

html {
    font-size:100%;
}

body
{
    background-color:#ededed;
    font-family:Roboto Condensed, Arial, sans-serif;
    font-size:100%;
    color:#38373a;
	margin:0px 0px 0px 0px;
    padding:0px;
}

.frage
{
    font-size:1.05em;
    font-weight:300;
    margin-left:30px;
    margin-top:20px;
    margin-bottom:5px;
    margin-right:40px;
    padding-bottom:2px;
    /* border-bottom:1px solid #bcc9db; */
    border-bottom:1px solid #b6b6b6;
}

.antwort
{
    font-size:1.05em;
    font-weight:300;
    margin-left:60px;
    vertical-align:top;
}

h1, h2, p, ul, li
{
	margin: 0;
	padding: 0;
}

h1
{
    margin:10px;
    line-height:130%;
}

.test_rand_oben
{
    height:0px;
    background-color:#33FF99;
}

#test_header
{
    background-color:#a52a2a;
    background-image:url(/OWS/OWS-Logos/hintergrund_ots.png);
    background-repeat:no-repeat;
    height:86px;
    width:100%;
    margin:0 0 0 0;
    font-family:Roboto Condensed, arial;
    /* font-size:10pt; */
}

#testbereich
{
    width:800px;
    margin:0 auto;
    background-color:#FFFFFF;
    /* border:3px solid #cceecc; */
}

#test_schrift
{
    /* color:#008040; */
    color:#ffffff;
    padding:10px 0 0px 80%;
    font-size:40pt;
    font-weight:700;
}

h1
{
	font-size:20px;
	font-weight:700;
	color:#ffffff;
	margin:auto;
}

div.ueberschrift
{
	width:			100%;
	height:34px;
	background-color:#38373a;
	padding:6px 0 0 0 ;
	margin-bottom:30px;
	text-align:center;
}

.frageeditor
{
    font-size:9pt;
}

.gesamtergebnis
{
    color:#000000;
    font-size:1.05em;
    margin:0 0 30px 20px;
}

.kommentar_auswertung
{
    color:#d70000;
    margin:30px 0 0 30px;
    font-size:1.05em;
    font-weight:700;
}

.punkte
{
    color:#999999;
}

.hinweis_auswertung
{
    color:#d70000;
    margin:30px 40px 0 30px;
    font-size:0.9em;
}

.riloeli
{
    color:#666666;
    margin:0px 0 0 50px;
    font-size:9pt;
}

.antwort li
{
    font-size:11pt;
    margin-left:50px;
    vertical-align:top;
}

.frage li
{
    margin-left:50px;
}

.hinweis_auswertung + ul li
{
    color:#d70000;
    font-size:0.9em;
    margin:0px 40px 0 50px;
}

.rot,.grau {
    margin-bottom:20px;
    border-radius:5px;
    border-width:0px;
    width:200px;
    height:35px;
    padding-bottom:3px;
    color:#ffffff;
    font-size:0.95em;
    font-weight:400;
    cursor:pointer;
}

.rot {
    background-color:#a52a2a;
}

.rot:hover {
    /* border:2px solid #87888a; */
    background-color:#c9807f;
    color:#38373a;
}


.grau {
    background-color:#87888a;
}

.grau:hover {
    background-color:#38373a;
    color:#87888a;

}

.auswertung_hintergrund {
    background-color:#f2f2f2;
    padding:10px;
    margin:0px 40px 0px 40px;
}

.test_tabelle {
    width:760px;
    margin-left:20px;
    margin-bottom:20px;
}

.test_tabelle_antworten {
    margin:10px 40px 0 50px;
}