@charset "ISO-8859-1";
        body { margin: 0; padding: 0; background-image: url('images/arctile.jpg'); background-attachment: fixed; font-family: Arial, sans-serif; }
    .wrapper {
        display: flex;         /* Legt aside und main nebeneinander */
        justify-content: flex-start; /* Richtet alles am linken Rand aus */
        align-items: flex-start;
        width: 100%;           /* Nutzt die Breite nach Bedarf */
        margin: 0;             /* Entfernt die automatische Zentrierung */
        }   
        aside { width: 180px; padding-top: 130px; padding-left: 15px; flex-shrink: 0; }
        aside iframe { border: none; background: transparent; }
        main { flex-grow: 1; padding: 40px; position: relative; margin-left:0;}
        .tree-area { position: relative; margin: 0; width: 1200px; min-height: 1100px; }
         :root {
            --pos-eltern-top: 120px;
            --pos-kinder-top: 460px;
        }
        /* Gemeinsame Eigenschaften für alle Personen-Boxen */
        .pos-person {position: absolute;font-size: 14px;}
        /* Spezifische Position für die Eltern-Generation */
        .gen-eltern {top: var(--pos-eltern-top);}
        /* Spezifische Position für die Kinder-Generation */
        .gen-kinder {top: var(--pos-kinder-top);}
        .document-box { position: absolute;
            background-color: rgba(255, 255, 255, 0.8); 
            padding: 0px; 
            width: 267px; 
            margin-left: 0px;
            line-height: 1.2;
            font-size: 11px;        } 
        .no-break-table td, 
        .no-break-table th {white-space: nowrap !important;}