@charset "UTF-8";
/* CSS Document */
@font-face {
    font-family: 'fabrikat';
    src: url('/css/webfont/fabrikat/fabrikat-400.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'fabrikat-light';
    src: url('/css/webfont/fabrikat/fabrikat-100.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'fabrikat-bold';
    src: url('/css/webfont/fabrikat/fabrikat-700.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
.pointer {cursor: pointer}
 video { max-width: 500px; max-height: 400px;}
/* body, html{background-color:#6baa24; min-height:101%;} */
html, body {height: 100.1%; background-color:  #000000; font-size: 100.1%; color: #000000;}
#content {height: 50em; clear: left; position: relative; width: 60em; margin: 0 auto;}
#logo { width:120px; height: 163px; margin-left:25px; margin-top:43px;}
#hg {background: url(../images/PRPanther_Logo_Web.png); float: left; position:relative; width: 1000px; height: 198px; margin-top:-1px; z-index:1;}
#main {position:absolute; left:50%; top:0px; margin-left:-500px; width:1000px; z-index:4;}
#text { position:relative; top:-150px; margin-left:30px; width:940px; height: 80px; z-index:1; }
#login-form { position:relative; padding-left:10px; top:5px; width:600px; height:450px; top:-100px; z-index:10; }
#footer { position:relative; padding-top:10px; top:0px; width:1000px; height:80px; z-index:10; background-color: #ffffff; }
#reg-form { position:relative; padding-left:30px; top:5px; width:940px; top:-110px; z-index:10; }
#einreichungPanther{position:absolute; margin-top:200px; margin-left:30px; width:940px; z-index:1;}
#checklist{position:relative; padding-left:100px; padding-top:50px; background-color: #f4f4f4; width:800px; height:350px;}
#fag{position:absolute; padding-left:100px; padding-top:130px; width:800px; height:300px;}
a { text-decoration:none; color:#ffffff;}
a:hover { text-decoration: underline; color:#ffffff;}
hr { background-color: #ffffff;}
.red{color: #ff0000;}
.redFont {color: #ff0000;}
.white{color: #ffffff;}
.violett{color: #e56459}
.orangeFont {color: #e56459 !important}
.violettBack{ background: : #e56459}
.errorRed{ background-color: #e56459 !important;}
.violettHeaderBG{ height:40px; background-color:#e56459;}
.orangeHeaderBG{ height:40px; background-color:#e56459;}
.orangebuttonBG{ padding:10px; background-color:#e56459;}
.height50{ height: 50px; padding-top:20px;}
.height30{ height: 40px;}
.margin50{ height: 60px; margin-top:50px; padding-top:20px;}
.marginTop30 { margin-top:30px;}
.marginTop20 { margin-top:10px;}
.alert { background-color: #e56459;}
.background-white {background-color: #ffffff; padding:20px;}
.background-orange {background-color: #e5645a;}
.background-grey {background-color: #ededed !important;}
.background-darkgrey {background-color: #303030 !important;}
.background-darkgrey1 {background-color: #b5b3b3;}
.btn.btn-lg { font-size:1.4rem !important;}
th { text-align: left !important;}
tr { text-align: left !important;}
.lauf11-light {
	 font-family: 'fabrikat', normal;
	 font-size:15px;
	 font-weight:400;
	 color: #ffffff;
	line-height: 24px;
}
.lauf15-light {
	 font-family: 'fabrikat', normal;
	 font-size:15px;
	 font-weight:400;
	 color: #ffffff;
	line-height: 24px;
}
.lauf14-light-orange {
	 font-family: 'fabrikat', sans-serif;
	 font-size:14px;
	 font-weight:400;
	 color: #e56459;
}
.lauf14-light {
	 font-family: 'fabrikat', normal;
	 font-size:14px;
	 font-weight:400;
	 color: #ffffff;
}
.lauf20-light {
	 font-family: 'fabrikat', normal;
	 font-size:20px;
	 line-height: 25px;
	 font-weight:400;
	 color:#000000;	
}
.lauf15-medium {
	 font-family: 'fabrikat', normal;
	 font-size:16px;
	 font-weight:400;
	 color: #ffffff;
}
.lauf16-medium {
	 font-family: 'fabrikat', normal;
	 font-size:16px;
	 font-weight:600;
	 color: #ffffff;
}
.lauf17-medium {
	 font-family: 'fabrikat', normal;
	 font-size:17px;
	 font-weight:600;
	 color: #ffffff;
}
.lauf15-medium-black {
	 font-family: 'fabrikat', normal;
	 font-size:15px;
	 font-weight:500;
	 color: #000000;
}
.lauf16-medium-black {
	 font-family: 'fabrikat', normal;
	 font-size:16px;
	 font-weight:500;
	 color: #000000;
}
.lauf17-medium-black {
	 font-family: 'fabrikat', normal;
	 font-size:17px;
	 font-weight:500;
	 color: #000000;
}
.lauf18-medium-black {
	 font-family: 'fabrikat', normal;
	 font-size:18px;
	 font-weight:600;
	 color: #000000;
}
.lauf19-medium-black {
	 font-family: 'fabrikat', normal;
	 font-size:19px;
	 font-weight:400;
	 color: #000000;
}
.lauf20-medium-black {
	 font-family: 'fabrikat', normal;
	 font-size:20px;
	 font-weight:600;
	 color: #000000;
	 text-decoration:underline;
}
.lauf16-medium-orange {
	 font-family: 'fabrikat', normal;
	 font-size:16px;
	 font-weight:400;
	 color: #e56459;
}
.lauf20-medium-orange {
	 font-family: 'fabrikat', normal;
	 font-size:25px;
	 font-weight:600;
	 color: #e56459;
}
.lauf15-bold {
	 font-family: 'fabrikat', normal;
	 font-size:16px;
	 font-weight:700;
	 color: #ffffff;
}
.lauf15-bold-black {
	 font-family: 'fabrikat-bold', normal;
	 font-size:16px;
	 font-weight:400;
	 color: #000000;
}
.lauf16-bold {
	 font-family: 'fabrikat-bold', normal;
	 font-size:16px;
	 font-weight:700;
	 color: #ffffff;
}
.lauf18-bold {
	 font-family: 'fabrikat-bold', normal;
	 font-size:18px;
	 font-weight:400;
	 color: #ffffff;
}
.lauf18-bold-black {
	 font-family: 'fabrikat-bold', normal;
	 font-size:18px;
	 font-weight:400;
	 color: #000000;
}
.lauf25-bold-orange {
	 font-family: 'fabrikat', normal;
	 font-size:25px;
	 font-weight:700;
	 color: #e56459;
}
.lauf22-medium {
	 font-family: 'fabrikat', normal;
	 font-size:22px;
	 font-weight:400;
	 color: #ffffff;
}
.lauf20-black {
	 font-family: 'fabrikat-bold', normal;
	 font-size:20px;
	 line-height: 30px;
	 font-weight:400;
}
.lauf30-black {
	 font-family: 'fabrikat-bold', normal;
	 color: #e56459 !important;
	 font-size:30px;
	 line-height: 40px;
	 font-weight:700;
}
.lauf35-black {
	 font-family: 'fabrikat-bold', normal;
	 font-size:35px;
	 line-height: 40px;
	 font-weight:700;
}
.lauf15b {
	 font-family: 'fabrikat-bold', normal;
	 font-size:15px;
	 font-weight:400;
	 color:#ffffff;	
}
.lauf10 {
	 font-family: 'fabrikat', normal;
	 font-size:15px;
	 font-weight:400;
	 color:#ffffff;	
}
.lauf40b {
	 font-family: 'fabrikat-bold', normal;
	 font-size:40px;
	 font-weight:700;
	 color:#ffffff;	
}

.lauf22borange {
	 font-family: 'fabrikat-bold', normal;
	 font-size:22px;
	 line-height: 25px;
	 font-weight:500;
	 color:#e56459;	
}
.lauf35borange {
	 font-family: 'fabrikat-bold', normal;
	 font-size:35px;
	 line-height: 25px;
	 font-weight:500;
	 color:#e56459;	
}
.lauf18borange {
	 font-family: 'fabrikat', normal;
	 font-size:18px;
	 line-height: 25px;
	 font-weight:600;
	 color:#e56459;	
}
.lauf22bw {
	 font-family: 'fabrikat-bold', normal;
	 font-size:22px;
	 line-height: 25px;
	 font-weight:700;
	 color:#000000;	
}
.lauf20-lightw {
	 font-family: 'fabrikat-light', normal;
	 font-size:20px;
	 line-height: 25px;
	 font-weight:400;
	 color:#ffffff;	
}
.footer {
   position: fixed;
   left: 0;
   bottom: 0;
   width: 100%;
   background-color: #e56459;
   color: white;
   text-align: center;
}
.square {
	border-color: #ffffff;
	border-width: 8px;
    border-style: solid;
    position: relative;
    width: 25%;
}
.square:after {
  content: "";
  display: block;
  padding-bottom: 100%;
}
.square1 {
	border-color: #ffffff;
	background-color: #ffffff;
	border-width: 8px;
    border-style: solid;
    position: relative;
    width: 25%;
}
.square1:after {
  content: "";
  display: block;
  padding-bottom: 100%;
  background-color: #ffffff;
}
.square-black {
  border-color: #000000;
  border-width: 4px;
  border-style: solid;
}
.square-orange {
  border-color: #e56459;
  border-width: 4px;
  border-style: solid;
}
.content {
    color: #ffffff;
    position: absolute;
    width: 100%;
    height: 100%;
}
#mobil{ display:none;}
@media (max-width: 992px) { 
	    #mobil{ display: block;}
		#desktop{ display:none;}
		.footer{ display:none;}
	     .border-start {
			border-color: #e56459;
			border-style: solid;
			padding: 20px;
			border-width: 8px;
			min-height: 150px;
			min-width: 150px;
		}
	  .lauf11-light {
	   font-family: 'fabrikat', normal;
	   font-size:14px;
	   font-weight:400;
	   line-height: 20px;
       }
       .lauf30-black {
		 font-family: 'fabrikat-black', normal;
		 font-size:20px;
		 line-height: 30px;
		 font-weight:800;
	}
	.lauf35-black {
	 font-family: 'fabrikat-bold', normal;
	 font-size:23px;
	 line-height: 40px;
	 font-weight:700;
}
	
}