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

/* --ARTIKEL-- */

.artikel_wrapper {					display: flex; /* Artikel Wrapper */
									flex-wrap: wrap; 
									padding-top: 50px;
									padding-bottom: 50px; }

.artikel_h2_zweispaltig {           width: 100%;}



.artikel {							display: flex; /* Artikel Rechts und Links mit Inhalten */
									width: 100%; /* Breite Mobile Ansicht Standard 100%*/
									flex-wrap: wrap; /* Inhalt wird untereinander angezeigt */
									align-content: flex-start; /* Inhalt im Artikel beginnt oben*/

									padding: 0 40px 0 40px; } /* Abstände rechts und links in mobiler Ansicht */

.artikel_wrapper_second {			padding-top: 0px;}


.artikel_dark {						color: var(--second_font_color); 
									font-weight: 500;
									padding-top: 100px;
									padding-bottom: 100px;} /* Schriftfarbe für dunkle Hintergründe */

.artikel_wrapper_titel {			padding-top: 150px; padding-bottom: 150px;	transition-duration: 0.5s; }

.artikel_mobile_order1 {			order: 1; padding-top: 20px; padding-bottom: 20px;} 						/* Reihenfolgen für mobile Ansicht */
.artikel_mobile_order2 {			padding-top: 20px; order: 2;	} 	/* Reihenfolgen für mobile Ansicht inkl. Zwischenabstand */

.artikel_background_gray		{	background-color: var(--rgb_04);
									line-height: 170%; 
									border-radius: 0px; 
									margin-bottom: 200px;}

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

.artikel_content_empty_liste {		height: 0px; 
									width: 100%;	}

.artikel_content_empty_border_top {	border-top: 1px solid var(--first_font_color);}

.artikel_content_text {				padding-bottom: 20px; width: 100%;}

.artikel_content_a {				padding-top: 30px; 
									padding-bottom: 10px;
									width: 100%; 	}

.artikel_content_a_last_link {		padding-bottom: 50px; } /*Nachletztem Link*/
.artikel_content_a_last_link2 {		padding-bottom: 100px; } /*Nachletztem Link*/

.artikel_content_symbol	{width: 100%; display: flex; justify-content: center; padding: 0px 0 40px 0; }
.artikel_content_symbol_picture {width: 80px; }

.artikel_kaffee {					background-image: url("pictures/background/meincafe_kaffee.jpg");  
									background-size: cover; 
									background-repeat: no-repeat; 
									height: 500px; 
									background-position: center;} /* Großes Bild für Artikel */

.artikel_emobil {					background-image: url("pictures/background/meincafe_emobil.jpg");  
									background-size: cover; 
									background-repeat: no-repeat; 
									height: 500px; 
									background-position: center; box-shadow: 0px 10px 15px -3px rgba(0,0,0,0.1);} /* Großes Bild für Artikel */


ul {/* list-style-type: disc;*/ margin-left: 0px; list-style-type: none;}

li {padding: 15px 10px 15px 10px; border-bottom: 0.5px solid var(--first_font_color); }


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

{	
	
.artikel_wrapper {					padding-top: 100px;
									padding-bottom: 100px;
									flex-wrap: nowrap; }
	
.artikel_wrapper_zweispaltig {		flex-wrap: wrap;}
		
.artikel_wrapper_second {			padding-top: 0px;}
	
.artikel_wrapper_titel {			padding-top: 250px;	padding-bottom: 200px;	}
		
.artikel 				{			width: 50%;}
.artikel_smaller		{			width: 55%;}
.artikel_bigger			{			width: 45%;}
.artikel_header_bigger  {			width: 100%;			}
.artikel_header_smaller  {			width: 0%;			}

.artikel_content_empty_border_top {	border-top: 0px solid var(--first_font_color);}	

.artikel_mobile_order1 {			padding-top: 0px;} 					/* Reihenfolgen für mobile Ansicht */
	
.artikel_mobile_order2 {			padding-top: 0px;} 	/* Reihenfolgen für mobile Ansicht inkl. Zwischenabstand */	

.artikel_desktop_order1 	{		padding-left: 40px; 
									padding-right: 40px; 
									order: 1;
									border-radius: 0 10px 10px 0; }
	
.artikel_desktop_order2 	{		padding-right: 40px; 
									padding-left: 40px; 
									order: 2;
									border-radius: 10px 0 0 10px; }




}

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

{
	
.artikel 				{			width: 50%;}
.artikel_smaller		{			width: 45%;}
.artikel_bigger			{			width: 55%;}
.artikel_header_bigger  {			width: 100%;			}
.artikel_header_smaller  {			width: 0%;			}
	
.artikel_desktop_order1 	{		padding-left: 80px; 
									padding-right: 60px; 
									order: 1;}
	
.artikel_desktop_order2 	{		padding-right: 80px; 
									padding-left: 60px; 
									order: 2;}
	

	
}

@media (min-width: 1400px) /* Ansicht Desktop */
{
.artikel_desktop_order1 	{		border-radius: 10px; }
	
.artikel_desktop_order2 	{		border-radius: 10px; }
}


@media (min-height: 950px) /* Ansicht Desktop */
	
{.artikel_wrapper_titel {			padding-top: 250px;	padding-bottom: 250px;	}}



@media (min-height: 1250px) /* Ansicht Desktop */
	
{.artikel_wrapper_titel {			padding-top: 350px;	padding-bottom: 350px;		}}