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

/* --ARTIKEL-- */

.highlight_wrapper {			display: flex; /* Artikel Wrapper */
								flex-wrap: wrap; 
								padding-top: 120px;
								padding-bottom: 100px;
								justify-content: center;
								background-image: url("pictures/background/meincafe_background_hoch.jpg");
								background-size: cover; 
								background-repeat: no-repeat; }

.highlight {					display: flex; /* Artikel Rechts und Links mit Inhalten */
								width: 100%; max-width: 600px; /* Breite Mobile Ansicht Standard 100%*/
								flex-wrap: wrap; /* Inhalt wird untereinander angezeigt */
								align-content: flex-start; /* Inhalt im Artikel beginnt oben*/
								/*align-content: center;*/  
								min-height: 300px;
								background-color: var(--background_gray);
								border-radius: 10px;
								padding: 20px;
								margin-bottom: 40px; 

}


								/* Textlicher Inhalt von AHighlight inkl. Links*/

.highlight_content_empty {		height: 20px; 
								width: 100%;	}

.highlight_content_icon {		width: 100%;}

.icon {							width: 80px; 
								padding-top: 0px; 
								padding-bottom: 30px; 
								margin-left: auto; 
								margin-right: auto;}

.highlight_content_text {		width: 100%; text-align: center;}

.highlight_content_a {			padding-top: 20px; padding-bottom: 20px;
								width: 100%; 
								text-align: center; }

.highlight_content_a_last_link {	padding-bottom: 20px; }

.highlight hr {					margin: 30px; 
								border: 0.5px solid var(--first_font_color); }

/* --ARTIKEL ENDE-- */

@media (min-width: 750px) /* Ansicht Tablet */

/* --ARTIKEL-- */
{	
.highlight_wrapper {			padding-top: 160px;
								padding-bottom: 160px;
								flex-wrap: nowrap;
								justify-content: space-around; 
								background-image: url("pictures/background/meincafe_background_quer.jpg");
								background-size: cover; background-position: center;
								background-repeat: no-repeat; }
		
.highlight				{		width: 100%; margin-bottom: 0px}



/* --ARTIKEL ENDE-- */	
}

@media (min-width: 950px) /* Ansicht Desktop */

{


/* --ARTIKEL-- */
	
		
.highlight				{		width: 100%;}



/* --ARTIKEL ENDE-- */
	
}