@font-face {font-family: 'DaxWeb-light';src: url('fonts/DaxWeb-Light.woff') format('woff');}
@font-face {font-family: 'DaxWeb-cond';src: url('fonts/DaxWeb-Cond.woff') format('woff');}
body, html { height:100%; }
body { background-color: rgb(237,237,237);
font-family: 'DaxWeb-cond', serif;font-size: 14px;
color: black;text-align: center; margin:0px;
}

img { border: 0; }
a { color: black; }
a:hover { color:rgb(226,0,122); }
.header { background-color: rgb(153,19,85);
height: 170px; margin-bottom: 50px;padding: 0px; 
}

div.Ueberschrift { 
border: 1px solid black;width: 850px; 
margin-left: auto; margin-right: auto;margin-top:4px;margin-bottom:5px;
background-color: rgb(224,224,224); color:white;
padding-top:160px;line-height: 35px;
background-image: url('ICONS/Logo_LI_Labor_KARLSRUHE_rgb.png');
background-repeat: no-repeat; background-position: -30px -20px;background-size:850px;
font-size:28px;text-align:left;color:black;
padding-left:2.5mm;
padding-right:2.5mm;
position:relative;
box-shadow:rgba(0,0,0,.5) 2px 2px 3px; 
}
div.normal       { 
border:1px solid black; 
width: 850px; margin:0px;margin-left: auto; margin-right: auto;
background-color: white; min-height:485px;
padding-left:2.5mm;padding-right:2.5mm;padding-top:10px;
text-align:justify;line-height: 1.35;
box-shadow:rgba(0,0,0,.5) 2px 2px 3px; 
}

h1,
h2,
h3 { text-align: left; display: block;background-color: rgb(153,19,85); 
font-size: 19px;color:white;margin: 0px; line-height: 35px;padding-left: 55px; 
}

h1 { line-height: 50px; }

h2 { margin: 0px; padding-left: 2px; font-size: 16px; line-height: 25px; }

table { width: 95%; padding: 0px; margin: 0px; margin-right:40px; border: 0px; }
td { padding: 0px; vertical-align: top; font-size: 15px;text-align: left; line-height: 32px;}
.links { text-align: right;font-weight: bold;padding-right: 25px; }
.rechts { text-align: justify; }
.rechts sup { position: relative; bottom: -3px;margin-top: 0px; }
.leerzeile { line-height: 2px;font-size: 1px;}
.forschungstitel { width:55%; padding-left: 15px; line-height: 22px; }
.link { width: 15%; text-align: center; }
.ueberschrift { background-color: rgb(153,19,85); padding-left: 10px;}
.trenner { font-size: 10px; line-height: 15px; }
.Copyright {font-size:11pt; color:black;text-align:center;line-height:20px;padding:0px;}

#druckheader { height: 139px; visibility: hidden; } 

#infocontent { background-color: white; margin-left: auto; margin-right: auto; border: 1px solid black;
margin-top: 10px;width:850px; min-height: 600px;position: relative; 
}
#infocontent .absatz { margin-top: 10px; line-height: 25px; }
#infocontent .fett { font-weight: bold; } 
						 
.zurueck { text-align: right; display: block; width:850px; margin-left: auto; margin-right: auto; margin-top: 10px; }
.bg1 { background-color: rgb(237,237,237); padding-top: 10px; padding-bottom: 10px; }
.bg2 { background-color: ; padding-top: 10px; padding-bottom: 10px; }


.druckbutton { position: absolute; right: 20px; bottom: 15px; 
background-color: white;color: black;display: block; width: 70px; height: 25px; 
text-align: center;line-height: 25px;line-height: 25px;text-decoration: none;font-size: 13px;
box-shadow:rgba(0,0,0,.5) 1px 1px 2px inset; 
}
.druckbutton:hover {color:rgb(226,0,122); } 
.titeinfos { position: relative;}


.wichtig { color: rgb(153,19,85);font-size:18px;}

.stoerungsmeldung { border:2px solid rgb(153,19,85); width:80%;margin-bottom:30px;font-size:19px;margin-left:auto;margin-right:auto;background-color:white;box-shadow:rgba(0,0,0,.5) 2px 2px 3px; }
.stoerungsmeldung .meldungstext { padding:15px;line-height:30px; }



 .CoronaInfo { 
 margin-top:30px;margin-bottom:30px;margin-right:20px;margin-left:20px;
 padding-top:5px;padding-bottom:5px;
 background-color:rgb(237,237,237);border:1px solid rgb(153,19,85);
 box-shadow: rgba(0,0,0,0.4) 3px 3px 2px 1px ;
}
.CoronaInfo form { text-align:left; margin-top:20px;margin-bottom:30px;}
 .CoronaInfo span { margin-left:20px; }
 .CoronaInfo h2 { margin:0px;background-color:rgb(237,237,237);color:black;margin-bottom:20px;padding-left:20px;
 font-size:18px;
 }
 .CoronaInfo .infotext  {
 margin:10px;margin-left:20px; font-size:16px;text-align:left;line-height:20px;
 }
 .CoronaInfo ul, .CoronaInfo li { text-align:left;
 font-size:16px;line-height:25px;
 }
 
 .Corona { height:99%;  
 background-color:rgb(237,237,237);border:1px solid rgb(153,19,85);
 }
.Corona .mobilheader { line-height:30px;height:30px; margin:0px;padding-left:10px; text-align:center;}
.Corona .Infotext, .Corona .Coronatab { 
width:75%;min-height:50px;
border:1px solid rgb(153,19,85); background-color:white; 
margin-left:auto;margin-right:auto;
margin-top:10px;margin-bottom:10px;
text-align:left;
}
/*.Corona .Coronatab td { vertical-align:middle;height:20px;line-height:20px;}*/
.Corona .Coronatab .verborgen { height:0px; }
.Corona .Coronatab .txt { text-align:right;padding-right:5px;width:45%; vertical-align:top;}
.Corona .Coronatab .formfeld { line-height:42px; height:42px;width:55%;}
.Corona .Coronatab .formtab  { margin-left:20px;}
.Corona .Coronatab input[type='text'] { border:1px solid #ccc; width:90%;}
#captcha_code { width:140px; height:38px;margin-right:10px;}
.Corona .Coronatab input[type='button'] { width:45%;padding:0px;margin:5px;margin-bottom:5px;}
.Corona .Infotext span { margin:10px;display:inline-block; }
.Corona .naminput { padding:0px;width:99%; }
.Corona .codeinptab { line-height:20px; padding-top:15px;}
.Corona .codeinput { height:35px;width:240px;vertical-align:top;font-size:28px;text-align:center; }

.Corona .Coronatab .buttonblock {display:inline-block;width:50%;vertical-align:top; border:1px solid red;}

#meldung { display:none; 
line-height:24px;padding:4px;text-align:center;
background-color:rgb(153,19,85); color:white; font-size:20px;
}
#meldung a { color:white; font-size:20px; }
.covidtrial { font-weight:bold; line-height:28px;}