@charset "UTF-8";
/*@import url("normalize.css");*/
/* Reihenfolge beibehalten! */
/* Umstellung auf Borderbox */
* {
    -web-kit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
/* Grundlegende Einstellungen */
html, body {
    font-family: 'Open Sans', Arial, sans-serif;
    font-size: 100%;
    font-size:clamp(16px,16px + .25vw,1.5rem);
    line-height: 1.6rem;

    color: #333;
}

h1, h2, h3, h4, h5, h6 {
    line-height: 2.4rem;
}

header {
    h1 {
        font-size: 2em;
        .w2l-logo-text {
            font-size: calc(.5em * 1.25);
        }
    }
    h2 {
        font-size: 1.5em;
    }
}


h2 {font-size: 1.75em;}
h3 {font-size: 1.5em;}
h4 {
    font-size: 1.25em;
    line-height: 1.5rem;
}

header, main {
    details {
        border: 1px solid #333;
        padding: 0 1em;
        border-radius: 1em;
    }
    details[open] > summary {
        border-bottom: 1px solid #333;
        margin-bottom: 1.5rem;
    }
    details[open] p:first-of-type, details[open] ul {margin-top: 0;}
    summary {
        list-style: none; /* Entfernt den Standard-Pfeil */
        display: flex;
        align-items: center;
    }
    summary::before {
        content: '+';
        margin-right: 1ch; /* Abstand zwischen Symbol und Text */
        font-weight: bold;
    }
    details[open] summary::before {content: '−'; /* Minuszeichen, wenn geöffnet */}
    summary h2, summary h3, summary h4 {display: inline-block;}

    header + article {
        margin-top: 3rem;
    }
    article + article,
    details + details {
        margin-top: 1.5rem;
    }
}

main {
    h1 {
        margin-bottom: -1.5rem;
        font-size: 1.25em;
        line-height: 1.5rem;
    }
    h2, h3, h4, h5, h6 {color: rgb(255, 140, 0);}
    h5 {
        font-size: 1.125em;
        line-height: 1.5rem;
    }
    h6, p, li {
        font-size: 1em;
        line-height: 1.5rem;
    }
}

.wrapper {
    max-width: 45em;
    margin: 0 auto;
}
a:hover,
a:active,
a {
    /*color: rgb(255, 140, 0);*/
    color: rgb(0, 120, 212);

    /*.win-col { color: rgb(0, 120, 212); }*/
}
a[href^="http"]::after,
a[href^="https"]::after,
a[href^="ftp"]::after {
    content: " (extern)";
    font-size: 0.8em;
    font-weight: bolder;
    color: #666;
}

a.w2l-intern-lnk .w2l-logo-text {color: #333;}
a.w2l-intern-lnk:has(.w2l-logo-text) {
    color: #333;
    text-decoration: none;
}
a.w2l-intern-lnk::after {content: "";}


footer {
    margin-top: 1.5rem;
    padding: 1em;
    text-align: center;
}

.infobox {
    margin: 1.5rem 0;
    padding: .75rem 1em;

    border-radius: 1em;

    background-color: #efefef;

    h4 {
        margin-top: .75rem;
        margin-bottom: 0;
        color: #333;
    }
} 

/*.w2l-logo-text { display: flex; }*/
.w2l-logo-text span:nth-child(1) { color: rgb(0, 120, 212); }
.w2l-logo-text span:nth-child(2) { color: rgb(255, 140, 0); }

.win {
    background-color: rgb(0, 120, 212);
}
.tux {
    background-color: rgb(255, 140, 0);
}

.win-col {
    color: rgb(0, 120, 212);
}
.tux-col {
    color: rgb(255, 140, 0);
}