.visible-hidden {
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 1px;
}

/* Tabellen */

table {
  width: 100%;
  border-collapse: collapse;
  margin: 1rem 0;
  background: white;
  border-radius: 8px;
  box-shadow: 0 1px 3px rgba(0,0,0,0.2);
}

th, td {
  padding: 1rem;
  text-align: left;
  border-bottom: 1px solid #ddd;
}

th {
  background-color: #f8f9fa;
  font-weight: 600;
  color: #333;
  width: 40%;
}

tr:hover {
  background-color: #f5f5f5;
}

@media screen and (max-width: 600px) {
  table {
    border: 0;
	box-shadow: 0 0px 0px rgba(0,0,0,0.2);  
  }
  
  tr {
    display: block;
    margin-bottom: 1rem;
    border: 1px solid #ddd;
    border-radius: 8px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.2);
  }
  
  th, td {
    display: block;
    text-align: left;
    padding: 0.75rem;
  }
  
  th {
        width: 100%;
        border-bottom: 2px solid #ddd;
        box-sizing: border-box;
    
    }
  
  td {
    border-bottom: none;
  }
}


/* Navigation */
    .clicky {-webkit-transition:all 0.5s ease;
    -moz-transition:all 0.5s ease-in-out;
    -o-transition:all 0.5s ease-in-out;
    -ms-transition:all 0.5s ease-in-out;
    transition:all 0.5s ease-in-out;}
    
  
    .uk-nav-default a  { max-width: 85%;}
    
li.level-0.uk-parent.uk-open:not(.level-1) > .clicky,
li.level-1.uk-parent.uk-open:not(.level-2) > .clicky, 
li.level-2.uk-parent.uk-open:not(.level-3) > .clicky,  
li.level-3.uk-parent.uk-open:not(.level-4) > .clicky
   

    { 
    transform: rotate(45deg);
color: #fff;
}
     ul li.uk-parent   .clicky,  ul li.uk-parent   .clicky1 {
   padding: 5px;
float: right;
/* border: 1px solid #fff; */
/* background: #777; */
cursor: pointer;
clear: right; }