.desktop {
	  width: 99%;
	  height: 90%;
	  border: solid var(--border-radius-small) var(--white-color);
	  overflow: auto;
  }

  .full_height { height: 100%; } 
  .full_width {  width: 100%; } 
  .height_inkl_button { height: 88%; }

  .collumn_left_float{
    width: 48%;
    border: solid var(--border-radius-small) var(--white-color);
    height: 90%;
    float: left;
    top: 0;
    overflow-x: scroll;
  }
  
  .collumn_right{
    width: 48%;
    border: solid 2px black;
    height: 90%;
    float: right;
	top: 0;
  }

  .form__field {
  border: 0;
  border-bottom: 2px solid var(--primary-color);
  outline: 0;
  color: var(--white-color);
  padding: 7px 0;
  background: transparent;
  transition: border-color 0.2s;
  font-size: 20px;
  background-color: #d3d3d32e;
  }


  .kategoriebutton{
	  width: calc((100% / 3) - 21px);
	  text-align: center;
	  float: left;
	  height: 80px;
	  margin: 10px;
	  font-size: 28px;
	  font-weight: 600;
	  color: var(--white-color);
	  background-color: var(--primary-color);
	  border-radius: 5px 5px 5px 5px;
  }
  
  .kategoriebutton2{
	  width: calc((100% / 2) - 21px);
	  text-align: center;
	  float: left;
	  height: 80px;
	  margin: 10px;
	  font-size: 28px;
	  font-weight: 600;
	  color: var(--white-color);
	  background-color: var(--primary-color);
	  border-radius: 5px 5px 5px 5px;
  }

	.backbutton{
		width: 100%;
		text-align: center;
		float: left;
		height: 50px;
		margin: 3px;
		border: 1px solid var(--dark-color);
		font-size: 20px;
		font-weight: 600;
		color: var(--white-color);
		background-color: var(--primary-color);
		border-radius: 5px 5px 5px 5px;
	}

  #tablesplitt tbody tr:nth-child(even) {background-color: #fff;}   
  #tablesplitt tbody tr:nth-child(odd) {background-color: #b8b8b8;}
  #tablesplitt tbody tr:hover {background-color: var(--primary-color);}
  #tablesplitt thead tr {
        text-align: left;
        background-color: var(--primary-color);
  }
 

  
  #abschicken{
  width: 120px;
  height: 120px;
  background-color: red;
  text-align: center;
  }
  
  #box{
  width: 80px;
  height: 80px;
  background-color: black;
  text-align: center;
  }
  
  #box:hover + #c{
  background-color: white;
  horizontal-align: center;
  vertical-align: center;
  }
  
  #box a{
  font-size: 40px;
  font-weight: bold;
  color: white;
  text-align: center;
  horizontal-align: center;
  vertical-align: center;
  }

  
  #box2{
  width: 40px;
  height: 40px;
  background-color: black;
  text-align: center;
  }
  
  #box2:hover + #c{
  background-color: white;
  horizontal-align: center;
  vertical-align: center;
  }
  
  #box2 a{
  font-size: 40px;
  font-weight: bold;
  color: white;
  text-align: center;
  horizontal-align: center;
  vertical-align: center;
  }

  
  #c{

   animation: leave 1.0s forwards;

   animation-iteration-count: 1;

   animation-delay: 1s;

}