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

html, 
html * {
	padding: 0;
	margin: 0;
	box-sizing: border-box;
}

body {	
    background: #FFF; /* Hintergrundfarbe */
    color: #505050; /*Schriftfarbe*/
    font-size: 18px;
	font-family:'Libre Franklin', "sans-serif";
    font-weight: 300;
	-webkit-text-size-adjust: none;
	overflow-y: scroll;
}

a {	-webkit-tap-highlight-color:transparent;}

p {padding-bottom: 20px;}

.frame_menueleiste {width: 100%;}



.menueleiste {	margin-left: auto;
				margin-right: auto;
				max-width: 2000px;
				height: auto;
				padding: 20px 20px 20px 20px;
				
				display: flex;
				align-items: center;
				justify-content: space-between;
				flex-direction: row;
				flex-wrap: wrap;
				}

.menue_desktop_button_frame {height: 39px; width: 37px;}
.menueleiste_logo 	{width: 50%;}

.logo {display: block; height: 60px;}


.menueleiste_buttons {	display: flex;
						align-items: right;
						justify-content: flex-start;
						align-items: center;
						flex-direction: row;
						flex-wrap: wrap;
					}

.menueleiste_mitte 	{	display: flex;
						align-items: right;
						justify-content: flex-start;
						flex-direction: column;
						flex-wrap: wrap;
						padding-right: 10px;
					}

.menueleiste_mitte_oben {	display: flex;
							align-items: right;
							justify-content: flex-start;
							align-items: center;
							flex-direction: row;
							flex-wrap: wrap;
							}

.menueleiste_mitte_oben a {text-decoration: underline; color: #003050;  }


.telicon_frame {}
.telicon {display: block; height: 40px; padding: 0 10px 0 0;}
.telicon_nummer {font-size: 20px; font-weight: 500; color: #003050; display: none;}

.menueleiste_mitte_unten 	{}

.menueleiste_burger {height: 39px; }

#burgermenuedesktop {height: 39px; width: 39px; position: relative; }

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

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

.innerframe_desktopmenue	{max-width: 2000px; padding: 20px 20px 100px 20px; margin-left: auto; margin-right: auto; 
							display: flex;
							align-items: left;
							justify-content: flex-start;
							align-items: flex-start;
							flex-direction: row;
							flex-wrap: wrap; }


.desktopmenue_row 		{	padding-right: 0px; width: 100%;
							
							}


.desktopmenue_schriften		{padding: 10px 20px 10px 20px; }

.desktopmenue_h	{			font-size: 20px; 
							font-weight: 500; 
							color: #003050;  
							
							display: block;
							padding: 50px 0px 4px 20px; 
							border-bottom: 1px solid #cccccc; }

.desktopmenue_a	{			padding: 20px 0px 4px 20px; 
							border-bottom: 1px solid #cccccc; }

.desktopmenue_first			{padding-top: 40px; }

.desktopmenue_row 	a {			text-decoration: none; color: #003050 } 

@media (min-width: 700px)

{
.menueleiste {	padding: 20px 40px 20px 40px;	}
.logo {display: block; height: 120px;}
.menueleiste_mitte 	{	padding-right: 30px;}
	
.menueleiste_mitte_oben 	{	height: 60px;}
.telicon_nummer {display: block;}

.menueleiste_mitte_unten 	{}

.innerframe_desktopmenue	{padding: 20px 40px 100px 40px;}
	
.desktopmenue_row 		{	padding-right: 100px;}

.desktopmenue_h	{			font-size: 24px; }


}

@media (min-width: 1020px)
	
{
	
.menueleiste {	padding: 20px 100px 20px 100px;	}
.innerframe_desktopmenue	{padding: 50px 100px 100px 100px; }

.desktopmenue_row 		{	width: 50%;}
		
}

@media (min-width: 1400px)
	
{

.desktopmenue_row 		{	width: 33%;}
	
}