﻿/*#bgimg {
    display: none;
}

#mainmenu {
    display: none;
}

#contenttext {
    font-family: Verdana,Arial,Helvetica,sans-serif;
}

#termine {
    position: absolute;
    z-index: 20;
    top: 20px;
    left: 20px;
}

#terminetext {
    overflow: visible;
}

#programm {
    position: absolute;
    z-index: 20;
    top: 20px;
    left: 20px;
}

#programmtext {
    overflow: visible;
}



#contentprint {
    display: none;
}


#fuss {
    display: none;
}*/





body, html {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    font-size: 10px;
    font-family: 'Roboto', sans-serif;
    background-color: #1b2431;
}

.page {
    width: 100%;
    display: grid;
    grid-template-rows: 10rem 80rem 6rem;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    grid-template-areas: "header header header header header" "inhalt inhalt inhalt inhalt inhalt" "zitat zitat zitat zitat zitat";
}

    .page header {
        display: none;
    }
           

    .page .inhalt {
        grid-area: inhalt;
        color: #000;
    }

        .page .inhalt .intro {
            margin: 0 0 0 10rem;
        }

            .page .inhalt .intro h2 {
                font-size: 2rem;
            }

            .page .inhalt .intro p {
                font-size: 1.6rem;
            }
        

        .page .inhalt .programm {
            margin: 3rem 0 0 12rem;
        }

            .page .inhalt .programm p {
                margin-top: 3rem;
                font-size: 1.4rem;
                text-decoration: underline;
            }

            .page .inhalt .programm li {
                font-size: 1.2rem;
            }

        .page .inhalt .powered {
            margin: 5rem 0 0 11rem;
            font-size: 1.2rem;
            font-style: italic;
            color: #0066FF;
        }

    .page .zitat {
        display: none;
    }

     