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

#burgermenuedesktop {height: 39px; width: 39px; position: relative; margin-left: auto; margin-right: auto;}

#strich01 {background-color: var(--first_font_color); height: 3px; width: 35px; position: absolute; left: 2px; transition-duration: 0.2s;}
#strich02 {background-color: var(--first_font_color); height: 3px; width: 35px; position: absolute; left: 2px; transition-duration: 0.2s;}
#strich03 {background-color: var(--first_font_color); height: 3px; width: 35px; position: absolute; left: 2px; transition-duration: 0.2s;}

#desktopmenue {max-width: 100%; transition-duration: 0.5s; overflow: hidden;}





.nav_wrapper {						display: flex; /* Artikel Wrapper */
									flex-wrap: wrap; 
									padding-top: 50px;
									padding-bottom: 50px;
									justify-content: center;}

.nav {								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*/
									/*align-content: center;*/  
									/*min-height: 250px;*/
									margin-bottom: 20px;
									}


.nav_content_link {					width: 100%; }

.nav_content_link a {				text-decoration: none; font-size: 1em; font-weight: 300;}

.nav_content_single_link {			padding: 16px 0px 10px 24px; 
									color: var(--first_font_color); 
									text-decoration: none; 
									border-bottom: 0.5px solid var(--first_font_color); 
									font-size: 1em; width: 100%; 
									text-decoration: none; 
									transition-duration: 0.5s; }

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

.nav_content_single_link_h {		font-size: 1.6em; 
									font-weight: 600; 
									margin-bottom: 20px; 
									text-transform: uppercase; 
									line-height: 130%;}

.nav_content_single_link_last {margin-bottom: 0px;}

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


{	
.nav_wrapper {						padding-top: 100px;
									padding-bottom: 100px;
									flex-wrap: wrap;
									justify-content: space-between;}
		
.nav				{				width: 48%; }
	
}

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

{
	
.nav			{					width: 30%; margin-bottom: 0px;}
	
}