/*styles */
/*
font-family: 'Noto Serif', serif !important;
font-family: 'Urbanist', sans-serif !important;
*/

  @font-face {
	font-family: 'Urbanist';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: local('Urbanist Regular'), local('Urbanist-Regular'), url(https://www.postbeijing.ch/cms/fonts/urbanist-400.woff2) format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }

  @font-face {
	font-family: 'Noto Serif';
	font-style: italic;
	font-weight: 500;
	font-stretch: 100%;
	font-display: swap;
	src: local('Noto Medium Italic'), local('Noto-Medium-Italic'), url(https://www.postbeijing.ch/cms/fonts/noto-serif-500.woff2) format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }

body {
	background-color:#09547C;
	margin:0;
	padding:0;
    font-family: 'Urbanist', sans-serif !important;
	font-weight:200;
}

.content .text .headline h1,
.content .text h2,
.content .text h2 a.liste,
.content .text h3 {
    font-family: 'Noto Serif';
	font-style:italic;
	font-weight:500;
}

#wrapper {	
	display:grid;		
	grid-template-columns: .666fr 1fr 1fr 1fr 1fr 1fr;	
	margin:0 auto;	
	background-color:white;	
	min-height:90vh;	
	max-width:1470px;		
}

html>body .slogan h1.slogan,
html>body .content .text .headline h1,
html>body .content .text h2,
html>body .content .text h3,
html>body .content .text h4,
html>body .menu li a{
	font-weight:normal;
}


header {
	grid-area:1 / 1 / 2 / 7;			
	width:100%;
	display:flex;	
	justify-content:space-between;		
}


#logo{		
	width:60%;
	padding:2vw 1vw;
}

#logo img.large {	
	max-width:100%;
}

#logo img.small {	
	display:none;
}

.headerVaria {
	text-transform:uppercase;
	/*blue*/
	color:#2886BF;	
	margin-top:1.5vw;
	margin-right:2vw;
}

#lang {
	text-align:right;
	width: 2.3vw;	
	margin-bottom: 1vw;	
	width:100%;	
	letter-spacing:1px;
	display:none;
}

.sp_a_de {
	display:block;	
	width:100%;	
	color:#E3147E;		
	margin-bottom:.25vw;
	border-bottom:3px dotted #2886BF;
	border:none;	
	display:block;	
	
}

.sp_a_fr {
	display:block;	
	width:100%;	
	color:#2886BF;
	/*pink*/	
	border-bottom:3px dotted #E3147E;
	border:none;		
}

.sp_de a,
.sp_a_de a,
.sp_fr a,
.sp_a_fr a{
	text-decoration:none;
	border:none;
}

.sp_a_de a,
.sp_a_fr a {
	color:#E3147E;
	font-weight:bold;
}

.sp_de a,
.sp_fr a {
	color:#2886BF;
	font-weight:bold;
}

.sp_de a:hover,
.sp_a_de a:hover,
.sp_fr a:hover,
.sp_a_fr a:hover{
	text-decoration:none;
	color:#E3147E;
}


.langPhone,
.socialsPhone,
.headerSocialsMobil {
	display:none;
}

#nav li.langPhone {
	display:none;
}

.headerSpecials {
	letter-spacing:1px;
}

.headerSpecials .suche,
.headerSpecials .medien,
.headerSpecials .kontakt{	
	text-align:right;
	margin-bottom:1vw;		
}

.headerSpecials .suche a,
.headerSpecials .medien a,
.headerSpecials .kontakt a{
	color:#2886BF;		
	border-bottom:3px dotted #2886BF;		
}


.headerSpecials .suche a:hover,
.headerSpecials .medien a:hover,
.headerSpecials .kontakt a:hover{
	color:#E3147E;
	border-bottom:3px dotted #E3147E;		
}

.headerSpecials a {
	text-decoration:none;
}


/*socials*/
.headerSocials{
	display:block;
	width:100%;
	position:relative;
	z-index:2;
}

.headerSocials .socials {		
	display:flex;
	justify-content:flex-end;
	width:100%;	
	margin-top:1vh;
}

.headerSocials .socials .tw {
	width:15%;	
}

.headerSocials .socials .tw img{
	width:100%;
}
.headerSocials .socials .fb {
	width:15%;	
}

.headerSocials .socials .fb img{
	width:100%;
}

.socialsPhone {
	display:none;
}

main{		
	grid-area:2 / 2 / 5 / 6;
	margin-top:-3vw;
}

.slogan {
	margin:0 auto;
	margin-top:2vw;
	width:80%;	
}


.slogan h1.slogan {
	margin: 0;
	padding:0;
	color: #009fe3;
	text-transform:uppercase;
	letter-spacing:5px;
	width:100%;	
	-webkit-hyphens:auto;
	-moz-hyphens:auto;
	-ms-hyphens:auto;
	-o-hyphens:auto;
	hyphens:auto;	
}

body.ie11 .content {
	width:80%;
	margin:0 auto;
	padding:0 20% 0 5%;
}

.content {	
	width:100%;
	margin-top:3vw;	
	padding:0;
	margin:0;		
}


.content .breadcrumb {
	text-transform:uppercase;
	letter-spacing:2px;
	color:#1e7fbb;	
	width:80%;
	margin-bottom:3vw;
}

.content .breadcrumb a {
	color:#1e7fbb;
	text-decoration:none;	
	border-bottom:3px dotted #1e7fbb;		
}

.content .breadcrumb a:hover {
	color:#E3147E;
	text-decoration:none;	
	border-bottom:3px dotted #E3147E;		
}

.content .text {
	min-height: 100vh;
	padding-bottom:5vw;


}

.content .text .headline h1 {
	color:#008ec9;	
	margin-bottom:1vw;	
}

.content .text .date  {
	padding:.75vw 0 .5vw 0;	
}


.content .text h2 {
	color:#008ec9;
	margin:0;
	padding:.5vw 0 .25vw 0;
}

.content .text h2,
.content .text h2 a.liste {
	padding:.5vw 0;
	font-size:110%;	
	line-height: 180%;	
}

.content .text h3 {
	color:#008ec9;	
}

.content .text h4 {
	color:#008ec9;	
	padding:0;
	margin-bottom:.75vw;	
}


.content .text p {
	padding:0;
	margin:0;
	padding-bottom:1vw;
	font-size: 110% !important;
	line-height: 160% !important;
}

.content .text a,
.content .text a.liste {
	text-decoration: underline;
	color: #000;
	text-decoration: none;	
	box-shadow: inset 0 -1px 0 white, inset 0 -3px 0 #E3147E;
	/*
	letter-spacing:1px;
	*/
}

.content .text a:hover,
.content .text a.liste:hover{
	text-decoration: underline;
	color: #000;
	box-shadow: inset 0 -1px 0 white, inset 0 -2px 0 #000;	
	/*
	letter-spacing:1px;	
	*/
}

.content .text a.liste:hover {
	box-shadow: inset 0 -1px 0 white, inset 0 -3px 0 #000;
		text-decoration: none;	
}

.content .text .listLine {
	color: #E3147E;
}

.link {
	padding:0;
	margin:0;	
}


.content .text ul {
	margin-top:0;
}

.content .text img {
	max-width:600px;
}


	/*30.6.*/
.content .text p.video {
    margin: 1em 0;
}

.content .text p.video iframe {
    display: block;
    margin: 0 auto;
    width: 80%;
}

.content .text .welcome-img {
	display:block;
	margin-bottom: 2em;
	
}

.content .text .welcome-img img {
	display:block;
	margin:0 auto;
	width:80%;
}

/*row-start - column-start - row-end - column-end */

/*aside ie*/
body.ie11 .asideIE{
	position:relative;	
}


aside {		
	grid-area:2 / 5 / 5 / 7;
	margin-left:12vw;	

}


/*sticky ie*/
body.ie11 .positionIE{
	position:fixed;
	top: 18vw;
	right:12vw;
}
			

.sticky  {
	position:sticky;		
	top:0;
	margin-left:-12vw;	
	border:none;		
}



.eyecatcher {
	display:flex;
	justify-content:flex-end;
	margin-right:-5.75vw;
	margin-top:1vw;	
	margin-bottom:2vw;
}

.eyecatcher img{
	max-width:100%;	
	width:18vw;	
}

.navHolder {	
	margin:0;
	padding:0;	
	overflow: hidden;

	
}

.navHolder a {
	text-decoration:none;
	text-transform:uppercase;
}

.navHolder a:active, 
.navHolder a:hover {
    outline: 0;
	text-decoration:underline;
}

a.menu-link{
	float:right;
	display: block;	
	margin-bottom:1vw;
	margin-right:2vw;
	/*
	border-bottom:3px dotted #E41A7E;
	*/
	color:#2886BF;
	width:12%;		
	
}

a.menu-link img{
	max-width:100%;
}

.menu {
	clear: both;
	min-width: inherit;
	float: none;
	margin:0;
	padding:0;		
	/*zustand zugeklappt*/					
	overflow: hidden;						
	/*neutralisiert Hoehe -wichtig!*/	
	line-height:0;		
	max-height: 0;						
}
	

.menu.active, 
	/*Navigation*/
	.menu > ul ul.active {
	max-height: 200em;	
	background-color: #03315A;				
}

.menu ul {
	display: block;	
	padding:0;
	margin:.5vw 2vw 0 0;	
}

.menu ul li {
	margin:0;
	padding:0;
	text-align: right;
	margin-bottom:	1vw;
	display: block;	
}


.menu ul li#active a {
	color:#fff;	
	display:inline;	
	border-bottom:3px dotted #2886BF;
	border-bottom:3px dotted #E3147E;	
	
}

.menu ul li a{	
	display: block;	
	position: relative;
	color:#60C6F0;
	letter-spacing:1px;		
}


.menu li.has-submenu {	
	margin:0;	
	padding:0;			
	background:none;			
}
	
.menu ul li.has-submenu ul {	
	margin:0 0 .5vw 0;
	padding:0;
	background-color:#074B7D;
}	

.menu ul li.has-submenu ul li {
	border:none;
	padding-right:.5vw;
	border-bottom:none !important;
	margin-bottom:0;
	padding-bottom:.25vw;
}
		
.menu ul li.has-submenu ul li a{
	margin:0;
	padding:0;
	color: #C3E9F9;				
}

	

.menu li.has-submenu > a:after {
	content: '+';
	position: absolute;
	top: -.25em;
	right: -1em;
	right: -1em;	
	display: block;	
	color:#60C6F0;
	width: 2vw;
	height:1vw;
}
.menu li.has-submenu > a.active:after {
	content: '-';
	position: absolute;
	top: -.25em;
	right: -1em;
	display: block;			
}		


.menu > ul ul {
	overflow: hidden;
	max-height: 0;
}

.menu ul ul {
	display: inherit;
	position: relative;
	left: auto; 
	top:auto;
	box-shadow: none; 
	border-bottom:none !important;
}

.menu ul.active li#active {
	background-color: none;
	background-image:none;
}

.menu li.active ul.active li#active  {
	background-image:none;
	border:none;
}	

.menu li.active ul.active li#active a {
	color:#fff;
}			


footer {
	grid-area:6 / 1 / 7 / 7;	
	color:#fff;
	letter-spacing:1px;
	background-color:#09547C;
}

.footer1 {
	display:flex;	
	justify-content:center;
	background-color:#1176BA;
	padding: 1vw 0;
}

.footer1 a,
.footer2 a {
	color:#fff;
	text-decoration:none;
}

.footer1 a:hover,
.footer2 a:hover {
	color:#fff;
	text-decoration:underline;
}

.footer2 {
	display:flex;	
	justify-content:center;
	background-color:#03315A;
	padding: 1vw 0;			
}

/*sehr gross*/
@media only screen and (min-width: 1470px)  { 	
		
	#wrapper {		
		max-width:1280px;						
	}
	
	#gotop{
		width:40px;height:40px
	}


	/*aside ie*/
	body.ie11 .asideIE{
		position:relative;	
	}


	aside {	
		margin-left:12vw;	
	}

	/*sticky ie*/
	body.ie11 .positionIE{
		position:fixed;
		top: 18vw;
		right:7%;
		/*
		border:1px solid red;
		*/		
	}
	
	.content .text .headline h1 {
		font-size:180%;
	}
	
	.content .text p,
	.content .text li,
	.content .text a {
		font-size:100%;	
	}
		

	.sticky {
		margin-left:-12vw;		
	}
	
	.eyecatcher {
		width:400px;
		margin-left:140px;
	}

	.eyecatcher img {
		width:300px;
	}

}

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


	#wrapper {	
		max-width:1000px;						
	}
	
	#gotop{
		width:40px;height:40px
	}
	
	
	.content .text .headline h1 {
		font-size:160%;
		text-decoration:none;
	}
	
	.content .text p,
	.content .text li,
	.content .text a {
		font-size:100%;	
	}
	
	.content .text a{	
		box-shadow: inset 0 0 0 white, inset 0 -2px 0 #E3147E;

	}
	
	.content .text a:hover{
		box-shadow: inset 0 0 0 white, inset 0 -2px 0 #000;	
	}
	
	body.ie11 .asideIE{
		position:relative;	
	}


	body.ie11 .positionIE{
		position:fixed;
		top: 18vw;
		right:14%;
	}	
	
}

/*19z und ipad landscape hochaufgeloest*/
@media only screen and (min-width:1024px) and (max-width:1280px)  { 

	#wrapper {
		width:87%;								
	}
	
	#gotop{
		width:40px;height:40px
	}
	
	/*sticky ie*/
	body.ie11 .positionIE{
		top: 18vw;
		right:11%;
	}	

	.content .text .headline h1 {
		font-size:160%;
	}
	
	.content .text p,
	.content .text li,
	.content .text a {
		font-size:100%;	
	}
	.content .text a{
		box-shadow: inset 0 0 0 white, inset 0 -2px 0 #E3147E;
	}

	.content .text a:hover{
		box-shadow: inset 0 0 0 white, inset 0 -2px 0 #000;	
		text-decoration: none;			
	}	
	
	a.menu-link{
		width:17%;	
	}		

}

/*iPad landscape*/
@media only screen and (max-width:1024px){
	#wrapper {		
		width:87%;					
	}

	#gotop{
		width:40px;
		height:40px
	}
	
	/*sticky ie*/
	body.ie11 .positionIE{
		top: 18vw;
		right:11%;
	}	
	
	.content .text .headline h1 {
		font-size:160%;
	}
	
	.content .text p,
	.content .text li,
	.content .text a {
	/*
		font-size: calc(1.4151vw + 6.50941px) !important; 	
	*/
		font-size:1rem !important;				
	}	
		
	.content .text a{
		box-shadow: inset 0 0 0 white, inset 0 -2px 0 #E3147E;
	}

	.content .text a:hover{
		box-shadow: inset 0 0 0 white, inset 0 -2px 0 #000;	
		text-decoration: none;			
	}	
	
	a.menu-link{
		width:15%;	
	}		

}

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

	#wrapper {			
		width:100%;					
	}
	
	#gotop{
		width:40px;
		height:40px
		}
	
	#logo {
		width:75%;
	}	
		

	.headerVaria {
		text-transform:uppercase;
		margin-top:1.5vw;
		margin-right:2vw;
	}

	#lang {
		text-align:right;
		width: 2.3vw;	
		margin-bottom: 1vw;	
		width:100%;	
		letter-spacing:1px;
		display:none;
	}


	.headerSocials {
		display:none;
	}

	.headerSocialsMobil {
		display:block;
		width:30%;
		float:right;	
	}
	
	.headerSocialsMobil img{
		width:100%;
	}	
	
	.headerSpecials .suche,
	.headerSpecials .medien,
	.headerSpecials .kontakt{
		display:none;	
	}	

	.subheader  .headerSocials .socials {
		display:none;
	}
	main {	
		grid-area:2 / 1 / 5 / 7;
		margin-left:5vw;	
	}
	
	.content {
		width:80%;
	}

	.slogan {
		width:60%;
		margin-top:3vw;
		margin-left:7%;
	}
	
	.content .text .headline h1 {
		text-decoration:none;
		font-size:170%;
		padding-top:1vw;
		width:80%;	
	}
	
	.content .text p,
	.content .text li,
	/*20.9.2019*/
	.content .text a {
		font-size:100%;			
	}
	

	.eyecatcher {
		margin-top:2vw;
		margin-right:0;
	}
	
	.eyecatcher img{
		width:17vw;	
	}	

	body.ie11 .positionIE{
		top: 18vw;
		right:11%;
		
	}	
	
	a.menu-link{
		width:18%;	
		margin-top:3vw;
	}	
}

/*smartphone landscape*/
/*auch android*/
@media only screen and (max-width:812px) and (orientation:landscape){
	body {
		background-color:white;
	}
	#wrapper {
		width:100%;
		width:80%;				
	}
		
	#gotop{
		width:40px;
		height:40px
		}

	#logo {		
		width:75%;
	}
	

	header {
	/* ----  zeA / spA / zeE / spE  ----*/	
		grid-area:1 / 1 / 1 / 7;		
	}	

	.headerVaria {
		display:none;
	}

	.headerSocials{
		display:none;
	}


	main {	
		grid-area:2 / 1 / 5 / 6;	
		margin-top:0;	
	}	

	.content {
		margin-top: 1vw;
	}
	
	.content .text img {
		max-width:400px;
	}

	.slogan {
		width:100%;
		margin-top:5vw;
		margin-left:-3vw;
	}
	
	.slogan h1.slogan{
		letter-spacing:2px;		
	}
	
	.content .text .headline h1 {
		/*20.8.2019*/
		text-decoration:none;	
		font-size:160%;
		margin:0;
		padding:0 0 1vw 0;
	}
	
	.content .text p,
	.content .text li,
	/*20.9.2019*/
	.content .text a  {				
		font-size: 1em !important;							
	}
	
	
.content .text p.video {
    margin: 1em 0;
}

.content .text p.video iframe {
    display: block;
    margin: 0 auto;
    width: 80%;
}	
	
	/*sticky ie*/
	body.ie11 .positionIE{
		top: 18vw;
		right:11%;
		
	}	


	aside {	
	/* --  zeA / spA / zeE / spE  --*/	
		grid-area:1 / 4 / 5 / 7;
		margin-top:2vw;
	}

	.eyecatcher img{
		width:15vw;	
	}	
	
	.navHolder {
		float:right;
		margin-right:-5vw;
		width:40vw;
	}
	
	
	a.menu-link{
		width:10vw;		
	}	
	
	a.menu-link img{
		float:right;
		width:90%;
	}	

	.menu {
		padding-right:1vw;
	}	

		

}


@media only screen and (min-width:480px) and (max-width:736px) and (orientation:landscape){
	body {
		background-color:white;
	}
	#wrapper {
		max-width:100vw;	
		width:90%;			
	}

	.eyecatcher img{
		width:16vw;	
		margin-right:2vw;		
	}	
	
	.navHolder {
		margin-right:-3vw;

	}
	
	.content .text .headline h1 {
		text-decoration:none;	
		font-size:150%;
		margin:0;
		padding:0 0 1vw 0;
	}	

	.content .text p,
	.content .text li,
	/*20.9.2019*/
	.content .text a {
		font-size:110%;	
	}
	
	
.content .text p.video {
    margin: 1em 0;
}

.content .text p.video iframe {
    display: block;
    margin: 0 auto;
    width: 100%;
}		
}




@media only screen and (max-width: 480px) and (orientation: landscape){	
	#wrapper {
		display:block;		
		max-width:85%;	
	}

	.header{
		display:block;	
	}

	.header #logo  {
		width:90%;
	}

	 .main {
		display:block;			
		margin:0 5%;
		font-size:120%;
		
	}
	.content .breadcrumb a {	
		border-bottom:2px dotted #2886BF;	
	}
	
	.content .text .headline h1 {
		text-decoration:none;	
		font-size:150%;
		margin:0;
		padding:0 0 1vw 0;
	}	

	.content .text p,
	.content .text li,
	/*20.9.2019*/
	.content .text a {
		font-size:110%;	
	}		

.content .text p.video {
    margin: 1em 0;
}

.content .text p.video iframe {
    display: block;
    margin: 0 auto;
    width: 100%;
}

	
	.aside {
		display:block;	
	}
	
	.sticky {	
		position:fixed;		
		top:1vw;
		right:0;	
	}
	
	.menu a {
		font-size:120%;		
	}	
	
	a.menu-link{
		width:18%;	
	}
		
	
	.eyecatcher {
		display:none;
	}	
	
	.footer{
		display:block;	
		display:none;
	}		


		
}



/*also android*/
@media only screen and (max-width:420px){
	
	#wrapper {
		max-width:100vw;
	}
	
	#gotop{
		width:40px;
		height:40px
		}

	#logo {
		width:100%;			
	}		
	
	
	#logo img.large {
		display:none;		
	}		


	#logo img.small {
		display:block;
		width:100%;		
	}
	
	
	.eyecatcher,
	.headerVaria,
	.subheader  .headerSocials .socials{
		display:none;
	}

	main {
		width:130%;
		margin:1vw 1vw 2vw -6vw;
		padding:0;
	}
	

	.slogan { 
		width:85%;
		margin:0 auto;
		padding:0;
		padding-bottom:5vw;			
	}
	
	
	
	.slogan h1.slogan { 
		-webkit-hyphens:auto;
		-moz-hyphens:auto;
		-ms-hyphens:auto;
		-o-hyphens:auto;
		hyphens:auto;
		letter-spacing:1px;
		margin:0;
		font-size:150%;
	}
	


	main .content .text{
		margin-top:5vw;
	}
	

	
	.content .text .headline h1 {
		/*20.8.2019*/	
		font-size:150%;
		padding-bottom:1vw;
		font-size:150% !important;
	}	

	
	.content .text h2,
	.content .text h2 a.liste {
		padding:.5vw 0;
		font-size:120%;		
	}
	
	
	.content .text h3{
		font-size:110%;		
	}
	
	.content .text .date{
		font-size:80%;		
	}

	.content .text p,	
	.content .text strong a,
	.content .text a	{
		font-size:110%;		
	}	
	
	.content .text img{
		max-width:300px;
	}	

.content .text p.video {
    margin: 1em 0;
}

.content .text p.video iframe {
    display: block;
    margin: 0 auto;
    width: 100%;
}		

	aside {	
		grid-area:1 / 3 / 6 / 7;
	}

	.sticky {
		position: -webkit-sticky;
		position: -ms-sticky;	
		position:sticky;		
		top:7vw;	
	}

	
	.eyecatcher {
		display:none;
	}


	.navHolder {	
		margin:0;
		padding:0;	
		overflow: hidden;
	}

	.navHolder a {
		text-decoration:none;
		text-transform:uppercase;
	}

	.navHolder a:active, 
	.navHolder a:hover {
    	outline: 0;
		text-decoration:underline;
	}

	a.menu-link{
		float:right;
		display: block;
		margin-top:3vw;
		margin-bottom:1vw;
		margin-right:2vw;
		border:none;
		color:#2886BF;
		width:20%;		
	}


	.menu {
		background: rgba(3,49,90,1);	
		width:100%;	
		padding-right:3vw;
	}	
	
	
	.menu > .menuTop {		
		height: 8vw;	
		margin:0;
		padding: 2vw 0 2vw 0;
		width:100%;					
	}	

	.menu > .menuTop .langPhone {
		float:left;
		width:45%;		
		display:flex;
		justify-content:flex-start;	
		display:none;	
	}
	
	.menu > .menuTop .langPhone .sp_a_de,
	.menu > .menuTop .langPhone .sp_fr,
	.menu > .menuTop .langPhone .sp_a_fr,
	.menu > .menuTop .langPhone .sp_de	 {
		border:none;
		width:30%;				
	}
	
	.menu > .menuTop .langPhone .sp_a_de,
	.menu > .menuTop .langPhone .sp_de	 {
		border:none;
		width:30%;
		padding-left: 3vw;					
	}	

	.menu > .menuTop .langPhone .sp_de a,
	.menu > .menuTop .langPhone .sp_a_de a,
	.menu > .menuTop .langPhone .sp_fr a,
	.menu > .menuTop .langPhone .sp_a_fr a{
		text-decoration:none;
		text-transform:uppercase;
							
	}	
	
	.menu > .menuTop .langPhone .sp_a_de a,	
	.menu > .menuTop .langPhone .sp_a_fr a {
		color:#fff;
	}
	
	.menu > .menuTop .langPhone .sp_de a,	
	.menu > .menuTop .langPhone .sp_fr a {
		color:#2886BF;		
	}	


	.menu > .menuTop .socialsPhone {
		float:right;
		width:45%;		
		display:flex;
		justify-content:flex-end;
		height:35px;
	}
	
	.menu > .menuTop .socialsPhone img{	
		width:30px;
		padding-right:1vw;		
	}	
	

	.menu > ul {
		margin-right:6vw;	
		clear:both;
	}	

	
}




@media only screen and (max-width: 320px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 2) and (device-aspect-ratio: 2/3){	
	#wrapper {
		display:block;		
		width:100%;
	}

	.header{
		display:block;	
	}

	.header #logo  {
		width:90%;
	}

	 .main {
		display:block;		
		margin:0 5%;
		font-size:120%;
		width:85%;
	}
	
	.content .breadcrumb a {	
		border-bottom:2px dotted #2886BF;	
	}
	
	.content .text .headline h1 {
		/*20.8.2019*/	
		font-size:150%;
		padding-bottom:1vw;
		font-size:150% !important;
	}		
	
	.content .text h2 {
		color:#008ec9;
		margin:0;
		padding:.5vw 0 .25vw 0;
	}

	.content .text p,	
	.content .text strong a,
	.content .text a	{
		font-size:110%;		
	}	
	

	.aside {
		display:block;	
	}
	
	.sticky {	
		position:fixed;		
		top:0;
		right:0;	
	}	
	
	.menu > ul {
		margin-right:1vw;	
	}	
		
}

.cc_container .cc_btn {
background-color: #E3147D !important; /* Farbe des Buttons */
color: #fff !important; /* Textfarbe des Buttons */
text-decoration:none !important;
font-weight:600;
}


.cc_container {
/* Hintergrundfarbe des gesamten Bereichs */
background-color: rgba(000, 000, 000, 0.7) !important;
color: #fdfdfd !important; /* Schriftfarbe des gesamten Bereichs */
}

.cc_container a {
font-weight:bold;
text-decoration:underline !important;
color: #fff !important; /* Textlink-Farbe \"Mehr Infos\" */
}