.dlc-cat {
    display: flex;
    gap: 5px;
}

.dlc-cat-item {
    text-align: center;
    background: #f9f9f9;
    border-radius: 10px;
  
}

.dlc-cat-item:hover {

    background: #00457c;
  

  
}
.dlc-cat-item:hover a{

  
    color: #fff;

  
}


.dlc-cat-item p {
    padding: 10px 0px;
}

.dlc-cat-item img {
    border-radius: 10px 10px 0 0;
}

.active-dl {
    background:#00457c;   
  
    
}
.active-dl a {
text-decoration: none !important;
    color: #fff !important;
}

.dlc-poster {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
}
.dlc-poster-item {
    flex-basis: 23%;
    text-align: center;
}


.dlc-ausgabe td {
    border: 1px solid #dddddd;
    text-align: left;
    padding: 5px;
    width: 50%;
}

.dlc-ausgabe a {

    text-decoration: none !important;

}

.dlc-ausgabe tr:nth-child(even) {
    background-color: #f9f9f9;
}


.dlc-ausgabe table {
    width: 100%;
}


details {
    border: 1px solid #aaa;
    border-radius: 4px;
    padding: 0.5em 0.5em 0;
    margin: 10px;
  }
  
  summary {
    font-weight: bold;
    margin: -0.5em -0.5em 0;
    padding: 0.5em;
  }
  
  details[open] {
    padding: 0.5em;
  }
  
  details[open] summary {
    border-bottom: 1px solid #aaa;
    margin-bottom: 0.5em;
  }
  

  .dlc-list a {
    background-color: #f8f8f8;
    color: #333;
    border-radius: 4px;
    margin-right: 10px;
    font-size: 12px;
    padding: 2px;
}

.dlc-list img {
    
    margin: 7px 3px 3px 3px;
   
}

.dlc-list a:hover, .dlc-poster a:hover {
    background-color: #00457c;
    color: #fff;
 
}

.dlc-poster a {
    background-color: #f8f8f8;
    color: #333;
    border-radius: 4px;
    margin: 3px 3px;
    font-size: 12px;
    padding: 2px;
    display: inline-block;
}

.dlc-poster a img {
    
    margin: 4px 3px 3px 3px;
  

}

.dlc-cat p {

margin-bottom: 0px !important;
font-weight: bold;

}

.dlc-cat a {
color: #333;
  text-decoration: none !important;
    
    }

.dlc-poster-item p {
        margin-top: 5px !important;
        margin-bottom: 5px !important;
    }

    .dlc-poster-item .attachment-post-thumbnail {

        width: 60%;
    }

    
@media only screen and (max-width: 768px) {

    .dlc-cat {

        flex-wrap: wrap;
        gap: 15px;
        justify-content: center;

    }
    
    .dlc-poster-item {
        flex-basis: 100%;
    }
  
  }