@media screen and (max-width: 1470px) {

    .splitscreen-grid {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-template-rows: auto auto;
        gap: 10px !important;
        margin-bottom: 1em;
    }

    .subfolders {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 0.5em;
        opacity: 0;
        visibility: hidden;
        max-height: 0;
        overflow: hidden;
    }


    .erste-zeile {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        grid-template-rows: 1fr;
        grid-gap: 1em;
    }

    .system-headline {
        grid-column: span 2;
    }

    .screen-content {
        width: 80%;
    }

    .footer-window {
        width: 80%;
    }

    .screen-content-underpage {
        width: 80%;
    }

    .footer-window-underpage {
        width: 80%;
    }
}

@media screen and (max-width: 1300px) {


    .splitscreen-grid {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-template-rows: auto auto;
        gap: 10px !important;
        margin-bottom: 1em;
    }

    .subfolders {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 0.5em;
        opacity: 0;
        visibility: hidden;
        max-height: 0;
        overflow: hidden;
        border-left: 5px solid #ffc400;
        filter: drop-shadow(0px 0px 6px rgba(255, 94, 0, 0.788));
        margin: 0em 0em 0em 1em;
    }
}

@media screen and (max-width: 1080px) {


    .slideshow-container {
        padding: 2em 2em 2em 2em;

    }

}


@media screen and (max-width: 910px) {

    .screen-content {
        width: 80%;
        margin: 0 auto;
        text-align: left;
    }

    .splitscreen-grid {
        display: block;
        margin-bottom: 2em;
    }

    .folder-system {
        margin-bottom: 1em;
    }

    .terminal-system {
        margin-bottom: 1em;
    }

    .activity-system {
        margin-bottom: 1em;
    }

    .teaser-system {
        margin-bottom: 1em;
    }

    .footer-window {
        width: 80%;
        margin: 0 auto;
    }

    .footer-grid {
        display: block;
        padding: 2em 2em 2em 2em;
        border: 2px solid #ffc400;
    }

    .contact-panel {
        margin-top: 0.5em;
    }

    .image-filter {
        width: 70%;
        display: flex;
        margin: 0 auto;
        padding-top: 2em;
    }


    .subfolders {
        grid-template-columns: repeat(4, 1fr);
    }
}

@media screen and (max-width: 800px) {

    .screen-content {
        width: 90%;
    }

    .footer-window {
        width: 90%;
    }


    .splitscreen-grid-underpage {
        display: block;
    }

    .splitscreen-grid-underpage section {
        margin-bottom: 2em;
    }

    .screen-content-underpage {
        width: 90%;
    }

    .footer-window-underpage {
        width: 90%;
    }

    .subfolders {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media screen and (max-width: 590px) {

    .erste-zeile {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-template-rows: 1fr;
        grid-gap: 1em;
    }

    .system-headline {
        grid-column: span 1;
    }

    .system-verzeichnis h3 {
        padding: 0.2em 0.5em 0.2em 0.5em;
        font-size: 1em;
    }

    .signal-text {
        position: absolute;
        font-size: 0.8rem;
    }

    .terminal-prompt {
        font-size: 15px;
    }

    .terminal-content span {
        font-size: 12px;
    }

    .info-list div {
        display: grid;
        grid-template-columns: 1fr;
        filter: drop-shadow(0px 0px 6px rgba(255, 94, 0, 0.788));
    }

    .info-list {
        padding: 0.5em;
    }

    .info-list p {
        margin: 0.5em;
    }

    .slideshow-container {
        padding: 1em;

    }

    .subfolders {
        grid-template-columns: repeat(2, 1fr);
    }

}

@media screen and (max-width: 370px) {

    .subfolders {
        display: grid;
        grid-template-columns: 1fr;
    }

    .subfolders div {
        margin: 0em 1em 0em 1em;
        justify-content: center;
        align-items: center;
    }

    h1 {
        font-size: 1.7em;
        font-weight: 1000;
        filter: drop-shadow(0px 0px 4px rgba(255, 60, 0, 0.788));
    }
}