.rechts, .mitte, .links {
		display: inline-block;
		}

#header_h2 {
		width: 20vw;
		padding-left: 2rem;
		padding-top: 1.0rem;
		font-size: 2.0rem;
		color: #fff;
		text-transform: uppercase;
		font-weight: 400;
		}

#header_p {
		width: 60vw;
		padding-top: 2.0rem;
		padding-left: 2rem;
		padding-right: 2rem;
		font-size: 1.5rem;
		color: #fff;
		text-align: center;
		}

#icon {
		position: absolute; /* Position absolut setzen */
		top: 1.5rem; /* Anpassen der oberen Position */
		right: 2rem; /* Anpassen der rechten Position */
		}

#icon_image {
		height: 3em;
		width: auto;
		}

.line {
		margin-left: 1rem;
		margin-right: 1rem;
		margin-top: 1.0rem;
		margin-bottom: 2rem;
		line-height: 1;
		}

@media only screen and (max-width: 767px) and (min-resolution: 2dppx) {
		
		.mitte {
			margin-top: 1rem; /* Platzieren Sie die Mitte unter .links */
		}

		.rechts {
			text-align: right; /* Text rechts ausrichten */
		}

		#header_h2 {
		    padding-top: 1.5rem;   
		    padding-left: 1rem;
			font-size: 1.5rem;
			color: #fff;
			text-transform: uppercase;
			font-weight: 400;
		}

		#header_p {
			width: 100vw;
			padding-top: 	0.0rem;
			padding-left: 	1.0rem;
			padding-right: 	1.0rem;
			font-size: 1.2rem;
			text-align: center;
		}

		#icon {
			right: 1rem; /* Anpassen der rechten Position */
		}

		#icon_image {
			height: 2em;
			width: auto;
		}
		}