/*fonts*/

@media only screen and (min-width: 1470px)  {

	.headerVaria {
		font-size:21px;
		font-size:19px;		
	}
	
	.slogan h1.slogan {
		font-size:48px;	
		font-size:43px;			
	}
	
	.content .text .headline h1 {
		font-size:42px;	
		font-size:38px;				
	}
	
	.content .text h2 {
		font-size:36px;	
		font-size:32px;			
	}
	
	.content .text h3 {
		font-size:32px;	
		font-size:29px;			
	}	
	
	.content .text h4 {
		font-size:28px;	
		font-size:25px;			
	}	
	
	.content .text p,
	.content .text li{
		font-size:21px;
		font-size:19px;			
		line-height:36px;	
		line-height:32px;		
	}

	a.menu-link{
		font-size:21px;	
		font-size:19px;			
	}

	.menu ul li a{	
		font-size:21px;
		font-size:19px;			
		line-height:28px;
		line-height:25px;		
	}

	footer {
		font-size:21px;
		font-size:19px;		
	}
				
}

@media only screen and (min-width:1280px) and (max-width:1470px)  {

	.headerVaria {
		font-size:1.2vw;
	}

	.slogan h1.slogan {
		font-size:2.4vw;	
	}


	.content .text .headline h1 {
		font-size:2vw;		
	}

	.content .text h2,
	.content .text h2 a.liste {
		font-size:1.8vw;
	}
	
	.content .text h3 {
		font-size:1.7vw;	
	}
	
	.content .text h4 {
		font-size:1.5vw;	
	}		

	.content .text p,
	.content .text li{
		font-size:1.2vw;
		line-height:190%;	
	}

	.content .text .date  {
		font-size:.9vw;	
	}

	.content .breadcrumb a {
		font-size:.8vw;		
	}

	.content .text a {
		font-size:1.2vw;
	}

	.navHolder a {
		font-size:1vw;	
		line-height:140%;	
	}

	a.menu-link{
		font-size:1.25vw;	 
	}

	.menu ul li a{	
		font-size:1.3vw;	
	}

	footer {
		font-size:1vw;
	}

		
}

@media only screen and (min-width:1024px) and (max-width:1280px)  {

	.headerVaria {
		font-size:1.4vw;
	}

	.slogan h1.slogan {
		font-size:2.6vw;			
	}

	.content .text .headline h1 {
		font-size:2.2vw;		
	}

	.content .text h2,
	.content .text h2 a.liste {
		font-size:1.9vw;	
	}
	
	.content .text h3 {
		font-size:1.8vw;	
	}
	
	.content .text h4 {
		font-size:1.6vw;	
	}	

	.content .text p,
	.content .text li{
		font-size:1.35vw;
		line-height:180%;	
	}

	.content .text .date  {
		font-size:1.1vw;	
	}

	.content .breadcrumb a {
		font-size:1vw;		
	}

	.content .text a {
		font-size:1.35vw;
	}
	

	.navHolder a {
		font-size:1.2vw;	
		line-height:160%;	
	}

	a.menu-link{
		font-size:1.45vw;	 
	}

	.menu ul li a{	
		font-size:1.5vw;	
	}

	footer {
		font-size:1.2vw;
	}
	
}

@media only screen and (max-width:1024px){


	.headerVaria {
		font-size:1.4vw;
	}


	.slogan h1.slogan {
		font-size:2.6vw;	
	}

	.content .text .headline h1 {
		font-size:2.2vw;				
	}

	.content .text h2,
	.content .text h2 a.liste {
		font-size:2vw;
	
	}
	
	.content .text h3 {
		font-size:1.8vw;	
	}
	
	.content .text h4 {
		font-size:1.6vw;	
	}		

	.content .text p,
	.content .text li{
		font-size:1.35vw;
		line-height:180%;	
	}

	.content .text .date  {
		font-size:1.1vw;	
	}

	.content .breadcrumb a {
		font-size:1vw;		
	}

	.content .text a {
		font-size:1.35vw;

	}

	.navHolder a {
		font-size:1.2vw;	
		line-height:160%;	
	}

	a.menu-link{
		font-size:1.45vw;	 
	}

	.menu ul li a{	
		font-size:1.5vw;	
	}

	footer {
		font-size:1.35vw;
	}
	
}

@media only screen and (min-width: 768px) and (max-width: 1668px)  and (orientation: portrait) { 

		.headerVaria {
			font-size:1.4vw;
		}
		
		.sp_de a,
		.sp_a_de a,
		.sp_fr a,
		.sp_a_fr a	{	
			font-size: 2.5vw;		
		}		

		.slogan h1.slogan {
			font-size:3.3vw;	
		}

		.content .text .headline h1 {
			font-size:3.1vw;
			line-height:120%;		
		}

		.content .text h2,
		.content .text h2 a.liste	 {
			font-size:2.8vw;	
		}
		.content .text h3 {
			font-size:2.6vw;	
		}
		
		.content .text h4 {
			font-size:2.4vw;	
		}				

		.content .text p,
		.content .text li{
			font-size:1.8vw;
			line-height:220%;	
		}

		.content .text .date  {
			font-size:1.4vw;	
		}

		.content .breadcrumb a {
			font-size:1.5vw;		
		}

		.content .text a {
			font-size:1.8vw;
		}


		a.menu-link{
			font-size:2.3vw;
			text-decoration:none;	 
		}
				

		.menu ul li a{	
			font-size:2vw;	
		}

		footer {
			font-size:1.8vw;
		}
}

@media only screen and (min-width:480px) and (max-width:812px) and (orientation:landscape){

		.headerVaria {
			font-size:2vw;
		}
		
		.sp_de a,
		.sp_a_de a,
		.sp_fr a,
		.sp_a_fr a	{	
			font-size: 3.6vw;		
		}		

		.slogan h1.slogan {
			font-size:5vw;	
			line-height:120%;
		}

		.content .text .headline h1 {
			font-size:4vw;
			line-height:100%;		
		}
		
		.content .text h2,
		.content .text h2 a.liste {
			font-size:3.7vw;	
		}
		
		.content .text h3 {
			font-size:3.5vw;			
		}	
		
		.content .text h4 {
			font-size:3.3vw;			
		}					

		.content .text p,
		.content .text li{
			font-size:2.4vw;
			line-height:160%;	
		}

		.content .text .date  {
			font-size:1.2vw;	
		}

		.content .breadcrumb a {
			font-size:1.1vw;		
		}
		
		.content .text a {
			font-size:2.4vw;
		}		


		a.menu-link{
			font-size:2.5vw;
			text-decoration:none;	 
		}
				

		.menu ul li a{	
			font-size:2.5vw;	
		}

		footer {
			font-size:2.4vw;
		}


}

@media only screen and (max-width:480px){
	.slogan h1 { 
		letter-spacing:1px;
		width:100%;		
		margin-left:0;		
	}

	.content .breadcrumb a {
		font-size:2vw;		
		line-height:1.5vw !important;				
	}
	
		
	.content .text .headline h1 {
		font-size:5vw !important;
	}

	.menu ul li a{	
		font-size:3vw !important;	
	}	
	
}

@media screen and (max-width:380px){

		.headerVaria {
			font-size:2vw;
		}
		.menu:hover > .menuTop .langPhone .sp_de a,
		.menu:hover > .menuTop .langPhone .sp_a_de a,
		.menu:hover > .menuTop .langPhone .sp_fr a,
		.menu:hover > .menuTop .langPhone .sp_a_fr a{
			font-size:4vw;					
		}
				
		.sp_de a,
		.sp_a_de a,
		.sp_fr a,
		.sp_a_fr a	{	
			font-size: 3.6vw;		
		}		

		.slogan h1.slogan {
			font-size:5.5vw;	
			line-height:140%;
		}

		.content .text .headline h1 {
			font-size:7vw !important;
			line-height:100%;		
		}
		
		.content .text h2,
		.content .text h2 a.liste {
			font-size:5.7vw;	
		}
		
		.content .text h3 {
			font-size:5.4vw;	
		}
		
		.content .text h4 {
			font-size:5vw;	
		}				

		.content .text p,
		.content .text li{
			font-size:4.5vw;
			line-height:150%;	
		}

		.content .text .date  {
			font-size:3.5vw;	
		}

		.content .breadcrumb a {
			font-size:3vw;		
		}
		
		.content .text a {
			font-size:4.5vw;
		}		

		a.menu-link{
			font-size:4.5vw;
			text-decoration:none;	 
		}


		.menuTop .langPhone .sp_de a,
		.menuTop .langPhone .sp_a_de a,
		.menuTop .langPhone .sp_fr a,
		.menuTop .langPhone .sp_a_fr a{
			font-size:5vw !important;
			
		}

		.menu ul li a{	
			font-size:4.5vw !important;	
		}

		.footer {
			font-size:3.5vw !important;
		}
	
}