/* =========================================
   UFG Affiliatebox
   ========================================= */

.ufg-affiliate-box {
    padding: 20px;
    border: 2px solid #2f5d50;
    border-radius: 8px;
    background-color: #f5f9f5;
    box-sizing: border-box;
    position: relative;
    padding-bottom: 28px; /* Platz für den Hinweis schaffen */
}

.ufg-affiliate-box::after {
    content: "* Werbung";
    position: absolute;
    bottom: 6px;
    right: 10px;
    font-size: 13px;
    font-weight: 600;
    color: #555;
    letter-spacing: 0.02em;
}

/* =========================================
   UFG Projektbox
   ========================================= */

.ufg-projekt-box {
    background: #f5f9f5;
    border: 2px solid #2f5d50;
    border-radius: 8px;
    padding: 20px;
    margin: 30px 0;
    box-sizing: border-box;
}

/* UFG Projektbox – unsichtbare Steckbrief-Tabelle */
.ufg-projekt-box .projekt-steckbrief {
    width: 100%;
    border-collapse: collapse;
    border: none;
    margin: 0 0 22px 0;
}

.ufg-projekt-box .projekt-steckbrief td {
    border: none;
    padding: 4px 10px 4px 0;
    vertical-align: top;
}

.ufg-projekt-box .projekt-steckbrief td:first-child {
    width: 220px;
    font-weight: 600;
    white-space: nowrap;
}

.ufg-projekt-box .projekt-steckbrief td:last-child {
    width: auto;
}

/* Mobile */
@media (max-width: 600px) {
    .ufg-projekt-box .projekt-steckbrief td:first-child {
        width: 45%;
        white-space: normal;
    }

    .ufg-projekt-box .projekt-steckbrief td {
        padding: 4px 8px 4px 0;
    }
}

/* =========================================
   UFG PDF box
   ========================================= */

.ufg-pdf-box {
    padding: 20px;
    margin: 30px 0;
    border: 2px solid #2f5d50;
    border-radius: 8px;
    background: #f5f9f5;
    box-sizing: border-box;
}