:root {
    --pub-label-width: 25%;
    --pub-gap: 0px;
    --H1: 24px;
    --fntsmall: medium;
    --pub-font-small: 24px;
    --pub-font-normal: var(--H1);
}

/* Container für alle Infos */
.pub-info-container {
    display: flex;
    flex-direction: column;
    gap: var(--pub-gap);
    word-break: break-word;
    padding-top: 15px;
    padding-right: 15px;
}

/* Jede Zeile */
.pub-info-row {
    display: flex;
    flex-wrap: wrap;
    gap: var(--pub-gap);
    opacity: 0;
    animation: fadeInUp 0.6s ease forwards;
    animation-delay: calc(var(--pub-animation-base, 0.2s) * var(--pub-animation-order, 1));
}

/* Linke Seite (Label) */
.pub_small {
    width: var(--pub-label-width);
    font-size: var(--pub-font-small);
    color: var(--color7);
}

/* Rechte Seite (Inhalt) */
.pub-info-row div:not(.pub_small) {
    flex: 1;
    font-size: var(--pub-font-small);
    color: var(--color7);
}

/* Nur der Titel (erste Zeile) größer */
.pub-info-container .pub-info-row:first-child div:not(.pub_small) {
    font-size: var(--pub-font-normal);
    font-weight: bold;
}

/* Links innerhalb der Info */
.pub-info-row a {
    text-decoration: underline;
    color: inherit;
}

.pub-info-row a:hover {
    text-decoration: none;
}

/* Beschreibung (Textblock) */
.description {
    flex-direction: column;
    --pub-animation-order: 8;
}

.pub-info-row.description {
    font-style: italic;
}

/* Englischer Text grau */
.eng {
    color: gray;
}

/* Standard Textblock */
.infofile,
.infofile * {
    font-style: italic;
    color: grey;
}

.infofile p {
    margin: 15px 0;
}

.infofile p:first-of-type {
    margin-top: 0;
}

/* Fade-In Keyframes */
@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Fade-In Reihenfolge */
.pub-info-row:nth-child(1) { --pub-animation-order: 1; }
.pub-info-row:nth-child(2) { --pub-animation-order: 2; }
.pub-info-row:nth-child(3) { --pub-animation-order: 3; }
.pub-info-row:nth-child(4) { --pub-animation-order: 4; }
.pub-info-row:nth-child(5) { --pub-animation-order: 5; }
.pub-info-row:nth-child(6) { --pub-animation-order: 6; }
.pub-info-row:nth-child(7) { --pub-animation-order: 7; }
.pub-info-row:nth-child(8) { --pub-animation-order: 8; }
.pub-info-row:nth-child(9) { --pub-animation-order: 9; }
.pub-info-row:nth-child(10) { --pub-animation-order: 10; }
.pub-info-row:nth-child(11) { --pub-animation-order: 11; }
.pub-info-row:nth-child(12) { --pub-animation-order: 12; }
.pub-info-row:nth-child(13) { --pub-animation-order: 13; }
.pub-info-row:nth-child(14) { --pub-animation-order: 14; }
.pub-info-row:nth-child(15) { --pub-animation-order: 15; }
.pub-info-row:nth-child(16) { --pub-animation-order: 16; }
.pub-info-row:nth-child(17) { --pub-animation-order: 17; }
.pub-info-row:nth-child(18) { --pub-animation-order: 18; }
.pub-info-row:nth-child(19) { --pub-animation-order: 19; }
.pub-info-row:nth-child(20) { --pub-animation-order: 20; }

/* Mobilansicht */
@media (max-width: 768px) {
    .pub-info-row {
        flex-direction: column;
        margin-bottom: 15px;
    }
    .pub_small {
        font-weight: bold;
    }
    .pub_small,
    .pub-info-row div:not(.pub_small) {
        width: 100%;
        font-size: small;
        margin-bottom: 0px;
    }
    .pub-info-container {
        padding-right: 0px;
    }
    .pub-info-row:nth-child(19) { padding-top: 0px; }
}