@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_insta {				display: flex; 
							align-items: center;}

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

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

.header_tel_icon {			width: 35px; height: 35px; margin-left: 20px;  } 
.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/meincafe_startbild.jpg"); 
							background-size: cover; 
							background-position: center; }



.header_picture	{ 			background: var(--rgb_02); 
	background: -webkit-linear-gradient(left, var(--rgb_03) 0%, var(--rgb_02) 35%, var(--rgb_01) 100%);
	background: -o-linear-gradient(left, var(--rgb_03) 0%, var(--rgb_02) 35%, var(--rgb_01) 100%);
	background: linear-gradient(to right, var(--rgb_03) 0%, var(--rgb_02) 35%, var(--rgb_01) 100%); width: 100%;}

.header_articel_logo { width: 100%; max-width: 300px; margin-left: 40px; margin-right: 40px;}

@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_insta_text {		display: block; 
							padding-left: 20px; 
							padding-right: 30px; 
							font-weight: 400;} /*In mobiler Ansicht ausgeblendet */	

.header_insta_icon {		width: 40px; height: 40px; 
							}	
	
.header_tel_icon {			width: 40px; height: 40px; 
							margin-left: 0px;}
	
.header_mail_icon {			margin-left: 0px; 
							width: 40px; 
							height: 40px;}
}