/* Tufte-Textbreite auch für Org-mode outline-divs */
section > p,
section > footer,
section > table,
div[class^="outline-"] > p,
div[class^="outline-"] > footer,
div[class^="outline-"] > table {
    width: 55%;
}

section > dl,
section > ol,
section > ul,
div[class^="outline-"] > dl,
div[class^="outline-"] > ol,
div[class^="outline-"] > ul {
    width: 50%;
}


/* Logo-Anpassungen für responsives Design */
@media (max-width: 760px) {
    img.logo {
    width: auto;
    max-width: none;
    }

    hr,
    section > p,
    section > footer,
    section > table,
    div[class^="outline-"] > p,
    div[class^="outline-"] > footer,
    div[class^="outline-"] > table {
        width: 100%;
    }

    section > dl,
    section > ol,
    section > ul,
    div[class^="outline-"] > dl,
    div[class^="outline-"] > ol,
    div[class^="outline-"] > ul {
        width: 90%;
    }
}