@charset "UTF-8";
/* CSS Document */


.header {					display: flex;
							justify-content: space-between;
							align-items: center;
							padding-top: 10px; padding-bottom: 10px;}

.header a {					text-decoration: underline; 
							color: var(--first_font_color); 
							transition-duration: 0.5s;}	

.header a:hover {			color: var(--first_color);}

.header_left {}

.header_logo {				width: 45px; height: 45px;}

.header_icon {				width: 100%;}

.header_right { 			display: flex; 
							align-items: center; 
							height: 40px; }

.header_tel {				display: flex; 
							align-items: center;}

.header_tel_icon {			width: 35px; height: 35px; } 
.header_tel_text {			display: none;} /*In mobiler Ansicht ausgeblendet */

.header_mail {				display: flex; 
							align-items: center;}

.header_mail_icon {			margin-left: 20px; 
							width: 35px; 
							height: 35px;}

.header_mail_text 			{display: none;} /*In mobiler Ansicht ausgeblendet */

.header_menue_button 		{margin-left: 20px; 
							width: 39px; 
							height: 39px;}

.header_picture_frame {		background-image: url("pictures/background/startbild.jpg"); 
							background-size: cover; 
							background-position: center; padding-top: 50px; padding-bottom: 50px;}

.header_picture_frame_spektrum {		background-image: url("pictures/background/spektrum_header.jpg"); 
							background-size: cover; 
							background-position: center; padding-top: 50px; padding-bottom: 50px;}

.header_picture_frame_checkups {		background-image: url("pictures/background/checkup_header.jpg"); 
							background-size: cover; 
							background-position: center; padding-top: 50px; padding-bottom: 50px;}

.header_picture_frame_praxis {		background-image: url("pictures/background/praxis_header.jpg"); 
							background-size: cover; 
							background-position: center; padding-top: 50px; padding-bottom: 50px;}


.header_picture	{ 			background: rgb(255,255,255);
background: linear-gradient(90deg, rgba(255,255,255,0.9) 0%, rgba(255,255,255,0.7) 35%, rgba(255,255,255,0.3) 100%);}

.header_picture_dark	{ 			background: rgb(51,51,51);
background: linear-gradient(90deg, rgba(51,51,51,0.7) 0%, rgba(51,51,51,0.55) 35%, rgba(51,51,51,0.4) 100%);}

@media (min-width: 750px)

{

.header_logo {				width: 60px; height: 60px;}
	
.header_tel_text {			display: block; 
							padding-left: 20px; 
							padding-right: 30px; 
							font-weight: 400;} /*In mobiler Ansicht ausgeblendet */	
	
.header_mail_text {			display: block; 
							padding-left: 20px; 
							padding-right: 30px; 
							font-weight: 400;} /*In mobiler Ansicht ausgeblendet */	

.header_tel_icon {			width: 40px; height: 40px; }
	
.header_mail_icon {			margin-left: 20px; 
							width: 40px; 
							height: 40px;}
	
.header_picture	{ 			background: rgb(255,255,255);
background: linear-gradient(90deg, rgba(255,255,255,0.7) 0%, rgba(255,255,255,0.4) 35%, rgba(255,255,255,0.0) 100%);}

.header_picture_dark	{ 			background: rgb(51,51,51);
background: linear-gradient(90deg, rgba(51,51,51,0.7) 0%, rgba(51,51,51,0.55) 35%, rgba(51,51,51,0.4) 100%);}
}