*{margin:0px;padding:0px;}
body{ font-family:Verdana;font-size:14px;}

#bbox {position:relative;width:100%;height:100vh;background-color:#fff;}
.flex{display:flex;justify-content:center;} 
#mbox {position:relative;width:800px;height:100vh;clear:both;border:1px solid #eee;}
#log {position:relative;width:400px;height:100vh;clear:both;border:none;align-content: center;display: flex;flex-wrap: wrap;}

#oben{position:relative;float:left;width:100%;background-color:#99042F;height:95px;text-align: center;}
p.b{font-size:8px;}
p.o{font-size:24px;color:#ffffff;}
p.o2{text-align: middle;font-size:14px;color:#ffffff;}
p.r{font-size:14px;color:#99042F;padding-left:10px;}
p.b{font-size:14px;width:90vw;font-size:16px;padding-left:10px;}
p.i{font-size:14px;padding-left:10px;padding-right:10px;}

#g {position:relative;width:150px;clear:both;border:none;display:flex;align-items:top;}

p.g{font-size:14px;padding-left:10px;padding-right:10px;text-align:center;}
p.f{font-size:40px;color:#99042F;padding-left:10px;padding-right:10px;}
p.f2{font-size:40px;color:#53C42C;padding-left:10px;padding-right:10px;}
p.t{font-size:18px;padding-left:10px;padding-right:10px;}
p.z{font-size:18px;test-align:justify;}

textarea.t {border:none;border:1px solid #99042F;width:350px;border-radius: 10px;padding:10px;height:100px;font-size:18px;font-family:Arial;}
input {border:none;}
input.w {border:none;background-color:#99042F;width:150px;border-radius: 10px;cursor:pointer;color:#ffffff;font-weight:bold;height:30px;}
input.l {border:none;width:350px;background-color:#99042F;border-radius: 10px;cursor:pointer;color:#ffffff;font-weight:bold;height:30px;font-size:18px;}
input.a {border:none;background-color:#99042F;width:330px;border-radius: 10px;cursor:pointer;color:#ffffff;font-weight:bold;height:30px;}
input.c {border:none;width:350px;border-bottom:1px solid #99042E;height:30px;background-color:#eeeeee;}
input.r {width:20px;height:20px;}

.fa,
i.fa.fa-caret-down {
    -webkit-transition: none;
       -moz-transition: none;
         -o-transition: none;
            transition: none;
}

.clearfix{clear:both;}

.topnav {overflow: hidden;float:right;width:100%;}
.topnav a {float:left;display: block;background-color:#f2f2f2;color:#3B6EB0;padding: 14px 16px;text-decoration: none;font-size: 16px;display: none;}
.topnav a:hover {color: #3B6EB0;}
.topnav .icon {background-color: #0F1941;color:#000000;display: none;}
.topnav a.icon {background-color: #0F1941;color:#000000;font-size:25px;display: none;padding:0px;padding-right:5px;}


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

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

}
@media screen and (max-width: 738px) {
	body{ font-family:Verdana;font-size:12px; }
	#mbox {position:relative;width:700px;height:100vh;clear:both;border:1px solid #eee;}
}
@media screen and (max-width: 640px) {
	body{ font-family:Verdana;font-size:12px; }
	#mbox {position:relative;width:100vw;height:100vh;clear:both;border:1px solid #eee;}
	p.b{font-size:8px;}
	p.t{font-size:16px;padding-left:10px;padding-right:10px;}
	textarea.t {border:none;border:1px solid #99042F;width:90%;border-radius: 10px;padding:10px;height:100px;}
	#log {position:relative;width:90vw;height:100vh;clear:both;border:none;align-content: center;display: flex;flex-wrap: wrap;}
	input.l {border:none;width:90vw;background-color:#99042F;border-radius: 10px;cursor:pointer;color:#ffffff;font-weight:bold;height:30px;}
	input.c {border:none;width:90vw;border-bottom:1px solid #99042E;}
}