*	{
            box-sizing: border-box;
            margin: 0;
            padding: 0;
        }

        body {
            background-color: #3a3e92;
            font-family: Arial, sans-serif;
            color: yellow;
        }
		
        .container {
            width: 100%;
            min-height: 90vh;
            display: flex;
			flex-direction: column;
            align-items: center;
        }

        /* Logo */
        .logo {
            margin-top: 5px;
            text-align: center;
        }

        .logo img {
            width: 150px;
            max-width: 100%;
        }

        /* Header */
        .header {
            text-align: center;
            margin: 20px 10px;
        }

        .header h1 {
            text-decoration: underline;
            font-size: 2.5rem;
			color: yellow;
        }

        /* Menü */
        .menu {
            width: 100%;
            display: flex;
            justify-content: center;
            margin-bottom: 20px;
        }

        .tab {
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            gap: 10px;
            padding: 5px;
        }

        .tab a {
            text-decoration: none;
        }

        .tab button {
            background-color: #5974FF;
            border: 1px solid yellow;
			outline: 2px solid yellow;
            color: yellow;
            padding: 14px 14px;
            border-radius: 4px;
            cursor: pointer;
            font-size: 20px;
			font-weight: bold;
            transition: 0.3s;
        }

        .tab button:hover {
            background-color: #7FA4FF;
        }
		
        /* Inhalt */
        .content {
            text-align: center;
            padding: 20px;
        }

        .content img {
            width: 600px;
            max-width: 90%;
            height: auto;
            margin-bottom: 20px;
        }

        .content h2 {
            font-size: 2.0rem;
			line-height: 1.4;
        }
		
		.content h3 {
			font-size:20px;
		}
		.content a {
			color: yellow;
			text-decoration-color: yellow;
			text-decoration: underline;
		}
		
        /* Footer */
        .footer {
            margin-top: auto;
            padding: 20px;
            text-align: center;
        }

        .footer a {
            color: orange;
            text-decoration-color: #5974FF;
            font-size: 16px;
        }
			
        .vorstand {
            display:grid;
            justify-content: center;
			align-items: center;
			grid-template-columns: repeat(4, 1fr);
			padding: 20px;
			gap: 20px;
        }
		
		.item {
			background-color: gray;
			border-radius: 16px;
			height: 400px;
			align-self: center;
		}
		
		.item img {
			border: 1px gray;
			border-radius: 10px;
			width:150px;
		}
		.item p {
			color: #70FFDD;
			font-weight: bolder;
			font-size: 24px;
		}
			
		.vorstand div {
			outline: 1px solid yellow;
			border: 2px solid yellow;
			border-radius: 5px;
            padding: 20px;
			font-size: 18px;
			text-align: center;
        }

       .vorstand button {
            background-color: #5974FF;
            width: 75%;
			text-align: center;
            padding: 5px;			
            border: 1px solid yellow;
			outline: 1px solid yellow;
            color: yellow;
            border-radius: 4px;
            cursor: pointer;
            font-size: 18px;
            transition: 0.3s;
		}
		
        .vorstand button:hover {
            background-color: #7FA4FF;
        }
		
        .heft {
            display:grid;
			align-items: top;
			grid-template-columns: repeat(2, 1fr);
			padding: 20px;
			gap: 20px;
        }
				
		.item_heft {
			outline: 1px solid yellow;
			border: 2px solid yellow;
			border-radius: 5px;
			background-color: gray;
			align-items: center;
			padding: 20px;
			font-size: 18px;
			text-align: center;
			
		}
		
		.heft button {
			background-color: #5974FF;
            border: 1px solid yellow;
            border-radius: 4px;
			outline: 1px solid yellow;
            padding: 10px;			
			margin: 5px;
            color: yellow;
            width: 50%;
            cursor: pointer;
            font-size: 18px;
            transition: 0.3s;
		}
		
		.heft img {
			border: 1px gray;
			border-radius: 10px;
			width:175px;
		}

        .heft button:hover {
            background-color: #7FA4FF;
        }

        .heft-aktuell {
            display:grid;
            justify-content: center;
			align-items: center;
			grid-template-columns: 1fr;
			padding: 20px;
			gap: 20px;
        }
		
		.heft-aktuell img {
			border: 1px gray;
			border-radius: 10px;
			width:300px;
		}
	
		.heft-aktuell_item button {
			background-color: #5974FF;
            border: 1px solid yellow;
            border-radius: 4px;
			outline: 1px solid yellow;
            padding: 10px;			
			margin: 5px;
            color: yellow;
            width: 25%;
            cursor: pointer;
			text-align: center;
            font-size: 18px;
            transition: 0.3s;
		}
		
        .heft-aktuell_item button:hover {
            background-color: #7FA4FF;
        }
		
		.heft-aktuell_item {
			border: 1px solid yellow;
			outline: 2px solid yellow;
			background-color: gray;
			border-radius: 5px;
			text-align: center;
			align-items: center;
		}
		
		.sponsoring {
			display:grid;
            justify-content: center;
			align-items: center;
			grid-template-columns:  auto auto;
			padding: 20px;
			gap: 20px;
		}
		
		.sponsoring div {
			border: 1px solid yellow;
			outline: 2px solid yellow;
			border-radius: 5px;
			font-size: 18px;
			text-align: center;
        }
		
		.sponsoring_item {
			display: flex;
			background-color: gray;
			border-radius: 16px;
			height: 350px;
			align-items: center;
			justify-content: center;
		}
		
		.sponsoring_item img {
			border: 1px gray;
			border-radius: 10px;
			width:400px;
		}		
		
	/*=======================
		SMARTPHONE-VERSION:		
	=======================*/
	
	@media screen and (max-width: 750px) {

	    .vorstand {
            display:grid;
            justify-content: center;
			align-items: center;
			grid-template-columns: repeat(2, 1fr);
			padding: 20px;
			gap: 20px;
        }			
		
		.item {
			background-color: gray;
			border-radius: 16px;
			height: 325px;
			align-self: center;
		}
		
		.item img {
			border: 1px gray;
			border-radius: 10px;
			width:100px;
		}
		.item p {
			color: #70FFDD;
			font-weight: bolder;
			font-size: 20px;
		}
		
		.item h3 {
			font-size: 18px;
		}
			
		.vorstand div {
			outline: 1px solid yellow;
			border: 2px solid yellow;
			border-radius: 5px;
            padding: 20px;
			font-size: 16px;
			text-align: center;
        }

       .vorstand button {
            background-color: #5974FF;
            width: 75%;
			text-align: center;
            padding: 5px;			
            border: 1px solid yellow;
			outline: 1px solid yellow;
            color: yellow;
            border-radius: 4px;
            cursor: pointer;
            font-size: 16px;
            transition: 0.3s;
		}

		.heft button {
			background-color: #5974FF;
            border: 1px solid yellow;
            border-radius: 4px;
			outline: 1px solid yellow;
            padding: 10px;			
			margin: 5px;
            color: yellow;
            width: 75%;
            cursor: pointer;
            font-size: 16px;
            transition: 0.3s;
		}
		
		.heft-aktuell_item button {
			background-color: #5974FF;
            border: 1px solid yellow;
            border-radius: 4px;
			outline: 1px solid yellow;
            padding: 10px;			
			margin: 5px;
            color: yellow;
            width: 75%;
            cursor: pointer;
			text-align: center;
            font-size: 20px;
            transition: 0.3s;
		}

		.sponsoring {
			display:grid;
            justify-content: center;
			align-items: center;
			grid-template-columns: 1fr;
			padding: 20px;
			gap: 20px;
		}
		
		.sponsoring div {
			outline: 1px solid yellow;
			border: 2px solid yellow;
			border-radius: 5px;
            padding: 20px;
			font-size: 18px;
			text-align: center;
        }
		
		.sponsoring_item {
			display: flex;
			background-color: gray;
			border-radius: 16px;
			height: 350px;
			align-items: center;
			justify-content: center;
		}
		
		.sponsoring_item img {
			border: 1px gray;
			border-radius: 10px;
			width:400px;
		}		
	}