body{
            background-color:#1D1D1B;
            display: grid;
            grid-template-columns: 1fr 4fr;
            grid-template-areas:
            "header header"
            "aside main"
            "footer footer";
        }

        h1, h2{
            color:#004E8A;
        }


        p{
            font-size: 20px;
            color:#E0E0E0;
        }

        header{
            position:fixed;
            width: 100%;
            top: 0px;
            left: 0px;
            grid-area: header;
        }

        main{
            grid-area: main;
            margin-top: 200px;
        }

        .title-rechts{
            display: flex;
            text-align: right;
            
        }


        aside{
            background-color: #2C2C2A;
            grid-area: aside;
            position: fixed;
            top: 190px;
            left: 0px;
            width: 300px;
            height: 5000px;
        }

        #footer {
            background: darkred;
            color: white;
            padding: 20px;
            border-radius: 20px 20px;
            font-size: 24px;
            grid-area: footer;
        }

        .AllgemeineTipps,
        .Cardio,
        .Oberkörper,
        .Unterkörper{
            display: grid;
            grid-template-columns: 1fr 4fr;
            grid-template-areas:
            "header header"
            "aside main"
            "aside footer";
        }

        .Navigation{
            display: flex;
            text-align:center;
            align-items: center;
            padding: 20px;
            background-color:#2C2C2A;
            gap: 20px;
        }

        .Navigation a{
            display: flex;
            color:#FFFFFF;
            font-size: 30px;
        }

        .Navigation a.active{
            color:#AE0000;
        }

        .Navigation a:hover{
            color: #AE0000;
            cursor: pointer;
            font-size: 35px;
        }

        .Navigationindx{
            display: flex;
            text-align:center;
            align-items: center;
            padding: 20px;
            background-color:#2C2C2A80;
            gap: 20px;
        }

        .Navigationindx a{
            display: flex;
            color:#FFFFFF;
            font-size: 30px;
        }

        .Navigationindx a.active{
            color:#AE0000;
        }

        .Navigationindx a:hover{
            color: #AE0000;
            cursor: pointer;
            font-size: 35px;
        }

        .navtext {
            display: flex;
            gap: 35px;
            margin-left: 200px;
            font-size: 20px;
        }

        .bar-button{
            display: block;
            margin: 20px 0;
            color: #E0E0E0;
            font-size: 30px;
            text-decoration: none;
        }

        .seite-header{
            display: flex;
            justify-content: center;
            align-items: center;
            gap: 20px;
        }

        .logo {
            height: 150px;
            width: auto;
        }

        .box {
            background-color: #2e2e2e;
            border-radius: 20px;
            padding: 20px;
            display: inline-block;
            margin:40px;
        }

        .box2 {
            text-align: center;
            background-color: #2e2e2e;
            border-radius: 20px;
            padding: 20px;
            display: inline-block;
            margin:40px;
        }

        .übung {
            display: grid;
            grid-template-columns: 1fr 1fr 1fr;
            gap: 15px;
        }

        .daten {
            margin-bottom: 190px;
        }

        .auflisstung li{
            color:#FFFFFF;
        }

        #main-image {
            display: block;
            margin: auto;
        }

        .img{
            position: fixed;
            width: 30px;
            height: auto;
        }

        footer h1{
            color: #FFFFFF;
        }

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

        .social-link {
            width: 80px;
            height: 80px;
        }

	#anmerkungen-slide{
	color: #FFFFFF;
	}

	#Fehler-slide{
	color: #FFFFFF;
	}

	#wie-oft-trainieren-slide{
	color: #FFFFFF;
	}