@charset "utf-8";
@import url("https://use.typekit.net/ser3hyk.css");
/* CSS Document */

body {
  font-family: 'museo-sans';
  text-align: center;
  color: #CD0E2E;
  overflow-y:scroll;
  margin: 0px;
}

.logform {
	color: #CD0E2E;
	display: block;
	position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
	text-align: center;
  z-index: 100;
  background-color: white;
  width: 400px;
  height: 400px;
  padding: 10px;
}

.logform input {
  margin-top: 0px;
  margin-bottom: 10px;
  border-bottom: 1px solid lightgrey;
  border-top: 0px;
  border-left: 1px solid lightgrey;
  border-right: 1px solid lightgrey;
}
.logform input:focus{
  outline: none;
}

.logform button {
  color: white;
  background-color: #CD0E2E;
  border: none;
  margin: 5px;
  padding: 5px 10px 5px 10px;
}

#logo {
	width: 150px;
	height: auto;
}
.header {
  position: absolute;
  width: 1280px;
  top: 0px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 200;
}

#logo-small {
	width: 68px;
	height: auto;
  position: absolute;
  top: 40px;
  left: 40px;
}

#ref-header {
  position: absolute;
  top: 30px;
  left: 50%;
  transform: translateX(-50%);
}

.topnav {
  background-color: rgb(255, 255, 255);
  overflow: hidden;
  width: 1280px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 80px;
  /*box-shadow: 0px 120px 80px 0px rgba(163, 163, 163, 0.548);*/
}

.split{
  position: absolute;
  top: 121px;
  width: 100%;
  height: 2px;
  display: block;
  border-bottom: 1px solid #A2A2A2;
}

/* Style the links inside the navigation bar */
.topnav a {
  float: left;
  display: block;
  color: #A2A2A2;
  text-align: center;
  padding: 14px 16px;
  margin-right: 16px;
  text-decoration: none!important;
  font-size: 14px;
}

/* Change the color of links on hover */
.topnav a:hover {
  color: #CD0E2E;
}

/* Add an active class to highlight the current page */
.topnav a.active {
  color: #5a5a5a;
}

.subnav {
  background-color: rgba(255, 255, 255, 0);
  overflow: hidden;
  width: 650px;
  position: absolute;
  left: 50%;
  top: 124px;
  transform: translateX(-100%);
}
.subnav-bearbeiten {
  background-color: rgba(255, 255, 255, 0);
  overflow: hidden;
  
  width: 650px;
  position: absolute;
  left: 50%;
  transform: translateX(-100%);
}

.subnav-bearbeiten  a {
  float: left;
  display: block;
  color: #A2A2A2;
  text-align: center;
  padding: 14px 34px;
  text-decoration: none!important;
  font-size: 14px;
}

/* Change the color of links on hover */
.subnav-bearbeiten a:hover {
  color: #CD0E2E;
}

/* Add an active class to highlight the current page */
.subnav-bearbeiten  a.active {
  color: #5a5a5a;
}

/* Style the links inside the navigation bar */
.subnav  a {
  float: left;
  display: block;
  color: #A2A2A2;
  text-align: center;
  padding: 14px 34px;
  text-decoration: none!important;
  font-size: 14px;
}

/* Change the color of links on hover */
.subnav a:hover {
  color: #CD0E2E;
}

/* Add an active class to highlight the current page */
.subnav  a.active {
  color: #5a5a5a;
}

/* When the screen is less than 600 pixels wide, hide all links, except for the first one ("Home"). Show the link that contains should open and close the topnav (.icon) */
@media screen and (max-width: 600px) {
  .topnav a:not(:first-child) {display: none;}
  .topnav a.icon {
    float: right;
    display: block;
  }
}

/* The "responsive" class is added to the topnav with JavaScript when the user clicks on the icon. This class makes the topnav look good on small screens (display the links vertically instead of horizontally) */
@media screen and (max-width: 600px) {
  .topnav.responsive {position: relative;}
  .topnav.responsive a.icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
  }
}

.subnavFilter {
  width: 640px;
  position: absolute;
  right: 50%;
  top: 152px;
  transform: translateX(100%);
}

.subnavFilter a {
  float: right;
  margin-right: 19px;
  width: 190px;
  height: 20px;
  border-radius: 2px;
  border: 1px solid rgba(211, 211, 211, 0.438);
  box-shadow: 1px 1px 1px rgba(211, 211, 211, 0.438);
  font-size: 12px;
  color: rgb(116, 116, 116); 
  padding: 2px;
}
.subnavFilter a:hover {
  color: rgb(0, 0, 0);
  border: 1px solid rgba(0, 0, 0, 0.315);
}

.subnavFilter a form{
  margin: 0px;
  padding: 0px;
  border: none;
}
.subnavFilter p {
  margin: 4px;
  cursor: pointer;
}

#projectnameinput {
	display: block;
	position: relative;
}

.row {
  top: 123px;
  left: 50%;
  transform: translateX(-50%);
  position: absolute;
  display: block;
  z-index: 20;
  height: 0px;
  overflow: hidden;
}

.row.open {
  height: 100%;
  overflow: visible;
}

.row2 {
  position: absolute;
  top: 190px;
  left: 50%;
  transform: translateX(-50%);
	display: block;
  font-size: 12px;
  font-weight: 500;
  color: black;
  background-color: white;
}

.row2 table {
  width: 100%;
  border: 0px;
  border: 0.2px solid rgba(211, 211, 211, 0.438);
  font-size: 13px;
  
}
.row2 th {
  padding: 10px 15px 10px 15px;
}

.row2 table, th, td {
  border-collapse: collapse;

}
.row2 td{
  padding: 14px 6px 14px 6px;
}

.row2 tr {
  border-bottom: 1px solid #A2A2A2;
}

.row2 tr:nth-child(even) {
  background-color: #ffffff;
}
.row2 tr:nth-child(odd) {
  background-color:rgba(232, 236, 236, 0.281);
}

.row2 td a{
  text-decoration: none;
}

.pdfbtn, .editbtn {
  padding: 1px 4px 1px 4px;
  background-color: rgb(255, 255, 255);
  font-size: 16px;
  border: 1px solid rgba(211, 211, 211, 1);
  border-radius: 10%;

}
.editbtn {
  padding: 6px 6px 6px 6px;

}
.pdfbtn {
  padding: 6px 8px 6px 8px;
}

.editbtn a:link, .pdfbtn a:link{
  color: rgb(116, 116, 116); 
}
.editbtn a:visited, .pdfbtn a:visited{ 
  color: rgb(116, 116, 116); 
}
.editbtn a:hover, .pdfbtn a:hover {
  color: black;
}
.editbtn a:focus, .pdfbtn a:focus {
  color: #CD0E2E;
}

.generator {
  visibility: hidden;
}

#btn_add {
  padding: 4px 64px 4px 64px;
  margin:  5px;
  font-size: 14px;
  background-color: white;
  border: solid 0.5px #cd0e2e57;
  cursor: pointer;
}
#btn_add:hover {
  background-color: rgb(199, 192, 192);
  color: black;
}
#btn_add:active {
  background-color: white;
}

.arrInput{
  display: block;
  background-color: white;
  color: #CD0E2E;
  padding: 5px;
  margin: 10px;
}

#btn_container{
position: absolute;
left: 50%;
transform: translateX(-50%);
top: 120px;
}

.registerbtn{
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  display: inline;
  background-color:white;
  border: 1px solid #CD0E2E;
  color: #CD0E2E;
  width: 320px;
  padding: 10px;
  margin: 10px;
  cursor: pointer;
}

.registerbtn:hover{
  background-color:#d4d4d4;
  color: #ac0d28;
}

.registerbtn a{
  text-decoration: none;
  color: #CD0E2E;
  width: 100%;
}

.registerbtn a:active{
color: #ac0d28;
}

.status {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  display: block;
  width: 320px;
}

.logformRegister {
	color: #CD0E2E;
	display: block;
	position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
	text-align: center;
  z-index: 100;
  background-color: white;
  width: 400px;
  height: 400px;
  padding: 10px;
  visibility: hidden;
}

.logformRegister input {
  margin-top: 0px;
  margin-bottom: 10px;
  border-bottom: 1px solid lightgrey;
  border-top: 0px;
  border-left: 1px solid lightgrey;
  border-right: 1px solid lightgrey;
}
.logformRegister input:focus{
  outline: none;
}

.logformRegister button {
  color: white;
  background-color: #CD0E2E;
  border: none;
  margin: 5px;
  padding: 5px 10px 5px 10px;
}