/*richtet den gesamten Cardsortingbereich mittig aus*/
  .wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px 0;
  }
  
    
/*Cards*/
  #antworten {
    max-width: 850px;
    min-height: 84px;
    border: 1px dashed #ccc;
  }
  
  #itemliste {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    padding: 0;
    margin: 0;
    list-style-type: none;
    width: 100%;
    min-height: 84px;
  }
  
  .item {
    list-style-type: none;
    background: #d0e6ed;
    border: 1px  solid #c0c0c0;
    border-radius: 4px;
    color: #535456;
    text-align: center;
    margin: 2px;
    height:25px;
    min-width: 100px;
    font-weight: normal;
    cursor:all-scroll;
    cursor:grab;
    font-size: 11px;
    padding: 2px;
  }
  
  
  /*wenn der Mousezeiger sich ber dem Carditem befindet*/
  .item:hover, .itemo:hover, .itemu:hover {
    background: #26b3cc;
    border: 1px  solid #26b3cc;
    /*transform: scale(1.05);*/
    }
    
  /*Styling fr Carditems in Ordered Listen (verschoben in Kasten)*/
  .itemo{
    background: #f0f1f4;
    border: 1px  solid #c0c0c0;
    border-radius: 4px;
    color: #414758;
    text-align: center;
    margin-left: auto ;
    margin-right: auto ;
    margin-bottom: 3px;
    height:25px;
    width: 100px;
    
  }
  
  /*Styling fr Carditems in Unordered Listen(verschoben in Kasten)*/
  .itemu{
    list-style-type: none;
    background: #f0f1f4;
    border: 1px solid #c0c0c0;
    border-radius: 4px;
    color: #414758;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    margin-top: 3px;
    margin-bottom: 3px;
    height:25px;
    width: 100px;
    cursor:all-scroll;
    cursor:grab;
    font-size: 11px;
  }
  
  /*Styling fr Platzhalter*/  
  .highlight {
    list-style-type: none;
    /*background-color: 00ff99;*/
    margin-left: auto;
    margin-right: auto;
    margin-top: 3px;
    margin-bottom: 3px;
    min-height: 25px;
    min-width: 100px;
    
  }
    
/*Ksten*/
  /*Styling fr Rahmen und berschriften*/
  .header {
    list-style-type: none;
    background: #ffffff;
    /* border-radius: 4px; */
    color: white;
    font-weight: normal;
    width: 160px;
    min-height: 35px;
    padding: 0px;
    margin: 2px;
    text-align: center;
    float: left;
    transition: transform .2s;
    font-size: 13px;
  }

   .header div{
     background-color: #18707f;
     border-radius: 2px;
     margin-bottom: 2px;
   }

   .header:last-child div{
     background-color: #888888;
   }
  
  .headero {
    list-style-type: none;
    background: #ffffff;
    /* border-radius: 4px; */
    color: white;
    font-weight: normal;
    width: 160px;
    min-height: 35px;
    padding: 0px;
    margin: 2px;
    text-align: center;
    float: left;
    transition: transform .2s;
    font-size: 13px;
  }
      
    
  /*Cards und Ksten zueinander ausrichten*/
  #kaesten {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: center;
    padding-top: 8px;
  }
  
  /*Styling der Listen in den Ksten*/ 
  /*Listen ohne Ranking*/
  ul[id*="kategorie"] {
    background: white;
    border: 1px dotted #ccc;
    border-radius: 2px;
    padding: 2px;
    min-width: 150px;
    min-height: 40px;
    margin: 0 auto;
  }
  
  /*Listen mit Ranking*/
  ol[id*="kategorie"] {
    background: white;
    border: 1px dotted #ccc;
    border-radius: 2px;
    padding: 3px;
    min-width: 150px;
    min-height: 40px;
    float: right;
    
  }
  
  /*Blendet die Textfelder aus*/
  .maininnertable {
    display: none;
  }
  /*Blendet die Textfelder aus*/
  .steuerelemente {
    display: none;
  }