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

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

#oben{position:relative;float:left;width:100%;background-color:#C20000;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:#ff0000;font-weight:bold;}
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:#C20000;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:14px;test-align:justify;}

table{width:400px;}
textarea.t {border:none;border:1px solid #C20000;width:350px;border-radius: 10px;padding:10px;height:100px;}
input {border:none;}
input.x {border:none;width:100px;background-color:#C20000;border-radius: 10px;cursor:pointer;color:#ffffff;font-weight:bold;height:30px;}
input.l {border:none;width:350px;background-color:#C20000;border-radius: 10px;cursor:pointer;color:#ffffff;font-weight:bold;height:30px;}
input.c {border:none;width:350px;border-bottom:1px solid #C20000;height:30px;background-color:#eeeeee;padding-left:10px;}


.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:100%;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:100%;clear:both;border:1px solid #eee;}
	#kbox {position:relative;width:100vw;height:100%;clear:both;padding-top:10px;}
	#kbox2 {position:relative;width:100vw;height:100%;clear:both;}
	#log {position:relative;width:90vw;height:100%;clear:both;border:none;align-content: center;display: flex;flex-wrap: wrap;}
	p.b{font-size:8px;}
	p.t{font-size:16px;padding-left:10px;padding-right:10px;}
	table{width:90vw;}
	textarea.t {border:none;border:1px solid #C20000;width:90%;border-radius: 10px;padding:10px;height:100px;}
	input.l {border:none;width:90vw;background-color:#C20000;border-radius: 10px;cursor:pointer;color:#ffffff;font-weight:bold;height:30px;}
	input.c {border:none;width:90vw;border-bottom:1px solid #99042E;}
}