/* downloads/css/downloads.css */

/* Basis Container */
.page-content {
    max-width: 1400px;
    margin: 0 auto;
}

/* Modern Button Reset */
.btn {
    display: inline-block;
    padding: 10px 20px;
    background: var(--primary-color);
    color: white;
    border-radius: 5px;
    text-decoration: none;
    transition: 0.2s;
    border: none;
    cursor: pointer;
}

.btn:hover {
    background: var(--primary-hover);
    transform: translateY(-2px);
}

/* Error/Success Boxen */
.error-box {
    background: #ffebee;
    color: #c62828;
    padding: 15px;
    border-radius: 8px;
    border: 1px solid #ffcdd2;
    margin-bottom: 20px;
    text-align: center;
}

.msg.success {
    background: #e8f5e9;
    color: #2ecc71;
    padding: 15px;
    border-radius: 8px;
    border: 1px solid #c8e6c9;
    margin-bottom: 20px;
}

/* Alte Klassen aufräumen / Modernisieren */
.download-info { margin-top: 10px; color: #666; }
.text-inhalt { background: white; padding: 20px; border-radius: 8px; }

/* Responsive Grid Helper */
.grid-container {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 20px;
}
@media screen and (max-width: 780px) {
  .mobile_nav {
    display: block;
    width: calc(100% - 0%);
    position: fixed;
    top: 12vh;
    z-index: 50;
  }
}