body { font-family: Arial, Helvetica, sans-serif; margin: 0; background: #f5f1ea; color: #222; }
header { background: #5f4630; color: #fff; padding: 14px 20px; }
header a { color: #fff; text-decoration: none; }
.container { max-width: 1080px; margin: 24px auto; background: #fff; padding: 24px; border-radius: 12px; box-shadow: 0 2px 10px rgba(0,0,0,0.08); }
nav { margin-bottom: 20px; display:flex; gap:14px; flex-wrap:wrap; }
nav a { text-decoration: none; color: #5f4630; font-weight: bold; }
.card { border:1px solid #ddd; border-radius: 10px; padding: 16px; margin-bottom: 16px; }
label { display:block; font-weight:bold; margin-top:12px; }
input[type=text], input[type=password], input[type=email], textarea, select { width:100%; padding:10px; border:1px solid #bbb; border-radius:8px; box-sizing:border-box; margin-top:4px; }
button, .button { background:#5f4630; color:#fff; border:none; border-radius:8px; padding:10px 14px; cursor:pointer; text-decoration:none; display:inline-block; }
button.secondary, .button.secondary { background:#888; }
table { width:100%; border-collapse: collapse; margin-top: 12px; }
th, td { border-bottom:1px solid #ddd; text-align:left; padding:10px 8px; vertical-align:top; }
.flash { padding: 12px 14px; border-radius: 8px; margin-bottom: 12px; }
.flash.success { background:#e7f5e8; color:#1f6b28; }
.flash.error { background:#fde8e8; color:#8b1e1e; }
.small { color:#666; font-size: 0.92rem; }
.inline-form { display:inline; }
.login-box { max-width: 420px; margin: 60px auto; background:#fff; padding:24px; border-radius:12px; box-shadow:0 2px 12px rgba(0,0,0,.1); }
.badge { display:inline-block; padding:3px 8px; border-radius:999px; background:#efe3d4; color:#5f4630; font-size:0.85rem; }

/* ===== Dokumentliste clean: 09.04.2026 12:47 ===== */

.doc-card:hover {
    background: #f5f9ff;
    transform: translateY(-1px);
    transition: all 0.15s ease;
}
.doc-card {
    display: flex;
    align-items: center;              /* alles auf gleiche Höhe */
    justify-content: space-between;
    padding: 10px 12px;
}

.doc-left {
    display: flex;
    align-items: center;              /* ICON + TEXT zentriert */
    gap: 12px;
    flex: 1;
}

.doc-icon {
    flex: 0 0 36px;
    width: 36px;
    height: 36px;
}

.doc-icon img {
    width: 32px;
    height: 32px;
}

.doc-body {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.doc-title {
    margin: 0;
    font-size: 17px;
    font-weight: bold;
    line-height: 1.2;
}

.doc-meta {
    margin: 2px 0 0 0;
    font-size: 13px;
    color: #555;
    line-height: 1.2;
}

.doc-note {
    margin: 2px 0 0 0;
    font-size: 13px;
    line-height: 1.2;
}

.doc-date {
    margin: 2px 0 0 0;
    font-size: 12px;
    color: #777;
}

.doc-download {
    flex: 0 0 auto;
    display: flex;
    align-items: center;              /* Button vertikal zentriert */
}

.doc-download img {
    width: 40px;
    height: 40px;
}