/*	UrbanATM
	responsive.css
	(C) 2017 ConfidIT
	Hembergstr. 35
	D-27726 Worpswede
*/

/* common breakpoints

320 or less, 320-479, 480-767, 768-1023, 1024-1279, 1280-1919, 1920-2048, 2048 plus

*/

/* common aspect ratios

5/4, 4/3, 3/2, 16/10, 5/3, 16/9

*/

/*---------------------------------------------------------------------------------*/

/* the following are being used for portrait orientation */

/*---------------------------------------------------------------------------------*/

@media only screen
{
	body
	{
		background-size			: auto 100%;
	}


	/*	menu formatting starts					*/
	.mainmenuwrap
	{
		position				: absolute;
	}

	#burgermenu
	{
		padding-top				: 1vw;
		padding-bottom			: 1vw;
	}

	ul.menu.level0 li
	{
		display					: block;
		font-size				: 3vh;
		margin-left				: 2vh;
	}

	#burgermenu ul.menu.level0
	{
		width					: 100vw;
		background-color		: rgb(255,255,255);
		padding-bottom			: 2vh;
		margin-top				: 1vh;
	}

	#burgermenu ul.menu.level0 li
	{
		width					: 100%;
		margin-right			: 0px;
		margin-top				: 2vh;
		font-size				: 4vh;
		background-color		: rgb(255,255,255);
	}

	#burgermenu ul.menu.level0 li a
	{
		display					: block;
		padding-left			: 20%;
	}

	#burgermenu ul.menu.level0 li a:hover
	{
	background-color			:rgb(235,235,235);
	}

	label.openmenu span
	{
		width					: 4vw;
		height					: 0.5vw;
		margin-bottom			: 1.25vw;
	}


	#menubutton:checked  ~ label.openmenu span
	{
		width					: 5vw;
	}


	/*	menu formatting ends					*/



	/*	container formatting starts				*/

	.headerwrap
	{
		padding-top				: 0px;
		padding-bottom			: 0px;
	}

	.logo
	{
		width					: 100%;
	}

	.section
	{
		background-size			: auto 100%;
	}

	.colbox
	{
		width					: 96%;
		margin-left				: 2%;
	}

	.w1col
	{
		width					: 100%;
	}

	.w2col
	{
		width					: 100%;
	}

	.w3col
	{
		width					: 100%;
	}

	.w4col
	{
		width					: 100%;
	}

	.w5col
	{
		width					: 100%;
	}

	.w6col
	{
		width					: 100%;
	}

	.w7col
	{
		width					: 100%;
	}

	.w8col
	{
		width					: 100%;
	}

	.w9col
	{
		width					: 100%;
	}

	.w10col
	{
		width					: 100%;
	}

	.w11col
	{
		width					: 100%;
	}

	.w12col
	{
		width					: 100%;
	}

	#logocol
	{
		width					: 66.66%;
	}

	.columncontentwrap
	{
		padding-left			: 1.5vw;
		padding-right			: 1.5vw;
		padding-top				: 1vh;
		padding-bottom			: 1vh;
	}

	/*	container formatting ends				*/




	/*	responsive image formatting starts		*/

	.responsiveimage
	{
		display					: none;
	}


	.columncontent img.fullwidth
	{
		width					: 100%;
	}

	.columncontent img.intext
	{
		width					: 100%;
		margin-top				: 1vh;
		margin-bottom			: 5vh;
	}

	.columncontent img.intext.left
	{
		margin-right			: 0%;
	}

	.columncontent img.intext.right
	{
		margin-left			: 0%;
	}

	/*	responsive image formatting ends		*/




	/*	color box formatting starts			*/

	.lightgrey, .lightblue
	{
		padding-top				: 8vh;
		padding-bottom			: 8vh;
		margin-top				: 10vh;
		margin-bottom			: 10vh;
	}

	#section08
	{
		margin-bottom			: 0px;
	}

	/*	color box formating ends			*/




	/*	font formatting starts				*/

	h1, .columncontent p.bigtext1, span.bigtext1
	{
		margin-bottom			: 2.5vw;
		font-size				: 4vw;
		line-height				: 5vw;
	}

	h2, .columncontent p.bigtext2, span.bigtext2
	{
		margin-bottom			: 1.5vw;
		font-size				: 5vw;
		line-height				: 7vw;
	}

	h3, .columncontent p.bigtext3, span.bigtext3
	{
		margin-bottom			: 3.vw;
		font-size				: 2.2vw;
	}

	h1.citation, h2.citation
	{
		font-size				: 4vw;
		line-height				: 7vw;
		margin-left				: 3.8vw;
	}

	span.quotein
	{
		margin-left				: -3.8vw;
	}

	span.infolabel
	{
		min-width				: 7vw;
	}
	.columncontent p, ul.contentlinklist li
	{
		font-size				: 2.4vw;
		line-height				: 3.8vw;
		margin-bottom			: 2vw;
	}

	/*	font formatting ends				*/

}




@media only screen and (max-width:320px)
{
	/*	menu formatting starts					*/

	label.openmenu
	{

	}

	label.openmenu span
	{
		width					: 6vw;
		height					: 1vw;
		margin-bottom			: 1.5vw;
	}

	#menubutton:checked  ~ label.openmenu span
	{
		width					: 3vh;
	}


	ul.menu.level0 li
	{
		font-size				: 3vh;
		margin-left				: 2vh;
	}

	/*	menu formatting ends					*/




	/*	container formatting starts				*/

	.column.spacer
	{
		display					: none;
	}

	#logocol
	{
		width					: 75%;
	}

	/*	container formatting ends				*/




	/*	font formatting starts					*/

	h1, .columncontent p.bigtext1, span.bigtext1
	{
		margin-bottom			: 2.5vw;
		font-size				: 4vw;
		line-height				: 5vw;
	}

	h2, .columncontent p.bigtext2, span.bigtext2
	{
		margin-bottom			: 1.5vw;
		font-size				: 5vw;
		line-height				: 7vw;
	}

	h3, .columncontent p.bigtext3, span.bigtext3
	{
		margin-bottom			: 3.vw;
		font-size				: 2.2vw;
	}

	h1.citation, h2.citation
	{
		font-size				: 4vw;
		line-height				: 7vw;
	}

	span.quotein
	{
		margin-left				: -3.8vw;
	}

	span.infolabel
	{
		min-width				: 9vw;
	}
	.columncontent p, ul.contentlinklist li
	{
		font-size				: 3.8vw;
		line-height				: 5.6vw;
		margin-bottom			: 2vw;
	}

	/*	font formatting ends					*/

}






@media only screen and (min-width:320px) and (max-width:479px)
{
	/*	menu formatting starts					*/

	label.openmenu
	{

	}

	label.openmenu span
	{
		width					: 6vw;
		height					: 1vw;
		margin-bottom			: 1.5vw;
	}

	#menubutton:checked  ~ label.openmenu span
	{
		width					: 3.2vh;
	}

	ul.menu.level0 li
	{
		font-size				: 3vh;
		margin-left				: 2vh;
	}

	/*	menu formatting ends					*/




	/*	container formatting starts				*/

	.column.spacer
	{
		display					: none;
	}

	#logocol
	{
		width					: 75%;
	}

	/*	container formatting ends				*/




	/*	font formatting starts					*/

	h1, .columncontent p.bigtext1, span.bigtext1
	{
		margin-bottom			: 2.5vw;
		font-size				: 6vw;
		line-height				: 8vw;
	}

	h2, .columncontent p.bigtext2, span.bigtext2
	{
		margin-bottom			: 1.5vw;
		font-size				: 5vw;
		line-height				: 7vw;
	}

	h3, .columncontent p.bigtext3, span.bigtext3
	{
		margin-bottom			: 3.vw;
		font-size				: 2.2vw;
	}

	h1.citation, h2.citation
	{
		font-size				: 4vw;
		line-height				: 7vw;
	}

	span.quotein
	{
		margin-left				: -3.8vw;
	}

	span.infolabel
	{
		min-width				: 7vw;
	}
	.columncontent p, ul.contentlinklist li
	{
		font-size				: 3.8vw;
		line-height				: 5.6vw;
		margin-bottom			: 2vw;
	}

	/*	font formatting ends					*/

}





@media only screen and (min-width:320px) and (max-width:380px)
{
	/*	menu formatting starts					*/

	label.openmenu
	{

	}

	label.openmenu span
	{
		width					: 6vw;
		height					: 1vw;
		margin-bottom			: 1.5vw;
	}

	#menubutton:checked  ~ label.openmenu span
	{
		width					: 3.2vh;
	}

	ul.menu.level0 li
	{
		font-size				: 3vh;
		margin-left				: 2vh;
	}

	/*	menu formatting ends					*/




	/*	container formatting starts				*/

	.column.spacer
	{
		display					: none;
	}

	#logocol
	{
		width					: 75%;
	}

	/*	container formatting ends				*/




	/*	font formatting starts					*/

	h1, .columncontent p.bigtext1, span.bigtext1
	{
		margin-bottom			: 2.5vw;
		font-size				: 6vw;
		line-height				: 8vw;
	}

	h2, .columncontent p.bigtext2, span.bigtext2
	{
		margin-bottom			: 1.5vw;
		font-size				: 5vw;
		line-height				: 7vw;
	}

	h3, .columncontent p.bigtext3, span.bigtext3
	{
		margin-bottom			: 3.vw;
		font-size				: 2.2vw;
	}

	h1.citation, h2.citation
	{
		font-size				: 4vw;
		line-height				: 7vw;
	}

	span.quotein
	{
		margin-left				: -3.8vw;
	}

	span.infolabel
	{
		min-width				: 7vw;
	}
	.columncontent p, ul.contentlinklist li
	{
		font-size				: 3.8vw;
		line-height				: 5.6vw;
		margin-bottom			: 2vw;
	}

	/*	font formatting ends					*/

}










@media only screen and (min-width:381px) and (max-width:480px)
{
	/*	menu formatting starts					*/

	label.openmenu
	{

	}

	#menubutton:checked  ~ label.openmenu span
	{
		width					: 7.4vw;
	}

	ul.menu.level0 li
	{
		font-size				: 2.5vw;
		margin-left				: 1.8vw;
	}

	#burgermenu ul.menu.level0
	{
		margin-top				: 1.5vh;
	}

	#burgermenu ul.menu.level0 li
	{
		font-size				: 2.5vh;
	}

	/*	menu formatting ends					*/




	/*	container formatting starts				*/

	.beeline
	{
		background-image		: url('../images/startpage/beeline_w1920-2047.svg');
	}

	#logocol
	{
		width					: 50%;
	}

	#section01, #section04
	{
		min-height				: auto;
	}

	/*	container formatting ends				*/




	/*	font formatting starts					*/

	h1, .columncontent p.bigtext1, span.bigtext1
	{
		font-size				: 6vw;
		margin-bottom			: 2.5vw;
		line-height				: 8vw;
	}

	h2, .columncontent p.bigtext2, span.bigtext2
	{
		margin-bottom			: 1.5vw;
		font-size				: 5vw;
		line-height				: 7vw;
	}

	h3, .columncontent p.bigtext3, span.bigtext3
	{
		margin-bottom			: 1vw;
		font-size				: 2.2vw;
	}

	h1.citation, h2.citation
	{
		font-size				: 4vw;
		line-height				: 7vw;
	}

	span.quotein
	{
		margin-left				: -3.8vw;
	}

	span.infolabel
	{
		min-width				: 7vw;
	}
	.columncontent p, ul.contentlinklist li
	{
		font-size				: 3vw;
		line-height				: 4.8vw;
		margin-bottom			: 2vw;
	}

	/*	font formatting ends					*/

}




@media only screen and (min-width:481px) and (max-width:767px)
{
	/*	menu formatting starts					*/

	label.openmenu
	{

	}

	#menubutton:checked  ~ label.openmenu span
	{
		width					: 5.2vw;
	}

	ul.menu.level0 li
	{
		font-size				: 2.5vw;
		margin-left				: 1.8vw;
	}

	#burgermenu ul.menu.level0
	{
		margin-top				: 1.5vh;
	}

	#burgermenu ul.menu.level0 li
	{
		font-size				: 2.5vh;
	}

	/*	menu formatting ends					*/




	/*	container formatting starts				*/

	.beeline
	{
		background-image		: url('../images/startpage/beeline_w1920-2047.svg');
	}

	#logocol
	{
		width					: 50%;
	}

	#section01, #section04
	{
		min-height				: auto;
	}

	/*	container formatting ends				*/




	/*	font formatting starts					*/

	h1, .columncontent p.bigtext1, span.bigtext1
	{
		font-size				: 6vw;
		margin-bottom			: 2.5vw;
		line-height				: 8vw;
	}

	h2, .columncontent p.bigtext2, span.bigtext2
	{
		margin-bottom			: 1.5vw;
		font-size				: 5vw;
		line-height				: 7vw;
	}

	h3, .columncontent p.bigtext3, span.bigtext3
	{
		margin-bottom			: 1vw;
		font-size				: 2.2vw;
	}

	h1.citation, h2.citation
	{
		font-size				: 4vw;
		line-height				: 7vw;
	}

	span.quotein
	{
		margin-left				: -3.8vw;
	}

	span.infolabel
	{
		min-width				: 7vw;
	}
	.columncontent p, ul.contentlinklist li
	{
		font-size				: 3vw;
		line-height				: 4.8vw;
		margin-bottom			: 2vw;
	}

	/*	font formatting ends					*/

}




@media only screen and (min-width:768px) and (max-width:1023px)
{
	/*	menu formatting starts					*/


	label.openmenu
	{

	}

	ul.menu.level0 li
	{
		font-size				: 2vw;
		margin-right			: 1vh;
	}

	#burgermenu ul.menu.level0
	{
		margin-top				: 4vh;
	}

	#burgermenu ul.menu.level0 li
	{
		font-size				: 2vh;
	}

	/*	menu formatting ends					*/




	/*	container formatting starts				*/

	.beeline
	{
		background-image		: url('../images/startpage/beeline_w1920-2047.svg');
	}

	.colbox
	{
		width					: 96%;
		margin-left				: 2%;
	}

	.w1col
	{
		width					: 100%;
	}

	.w2col
	{
		width					: 100%;
	}

	.w3col
	{
		width					: 100%;
	}

	.w4col
	{
		width					: 100%;
	}

	.w5col
	{
		width					: 100%;
	}

	.w6col
	{
		width					: 100%;
	}

	.w7col
	{
		width					: 100%;
	}

	.w8col
	{
		width					: 100%;
	}

	.w9col
	{
		width					: 100%;
	}

	.w10col
	{
		width					: 100%;
	}

	.w11col
	{
		width					: 100%;
	}

	.w12col
	{
		width					: 100%;
	}

	.columncontentwrap
	{
		padding-left			: 1.5vw;
		padding-right			: 1.5vw;
		padding-top				: 1vh;
		padding-bottom			: 1vh;
	}

	#section01, #section04
	{
		min-height				: auto;
	}

	/*	container formatting ends				*/




	/*	font formatting starts					*/

	h1, .columncontent p.bigtext1, span.bigtext1
	{
		font-size				: 3.5vw;
		margin-bottom			: 2.5vw;
		line-height				: 5vw;
	}

	h2, .columncontent p.bigtext2, span.bigtext2
	{
		margin-bottom			: 1.5vw;
		font-size				: 2.8vw;
		line-height				: 4vw;
	}

	h3, .columncontent p.bigtext3, span.bigtext3
	{
		margin-bottom			: 1vw;
		font-size				: 2.2vw;
	}

	h1.citation, h2.citation
	{
		font-size				: 4vw;
		line-height				: 6vw;
	}

	span.quotein
	{
		margin-left				: -3.8vw;
	}

	span.infolabel
	{
		min-width				: 7vw;
	}
	.columncontent p, ul.contentlinklist li
	{
		font-size				: 2.4vw;
		line-height				: 3.8vw;
		margin-bottom			: 2vw;
	}

	/*	font formatting ends					*/

}


@media only screen and (min-width:1024px) and (max-width:1279px)
{
	/*	menu formatting starts					*/

	ul.menu.level0 li
	{
		font-size				: 2vw;
		margin-right			: 1vh;
	}

	#burgermenu ul.menu.level0
	{
		margin-top				: 4vh;
	}

	#burgermenu ul.menu.level0 li
	{
		font-size				: 2vh;
	}

	/*	menu formatting ends					*/




	/*	container formatting starts				*/

	.beeline
	{
		background-image		: url('../images/startpage/beeline_w1920-2047.svg');
	}

	.colbox
	{
		width					: 96%;
		margin-left				: 2%;
	}

	.w1col
	{
		width					: 8.33%;
	}

	.w2col
	{
		width					: 16.66%;
	}

	.w3col
	{
		width					: 25%;
	}

	.w4col
	{
		width					: 33.33%;
	}

	.w5col
	{
		width					: 41.66%;
	}

	.w6col
	{
		width					: 50%;
	}

	.w7col
	{
		width					: 58.33%;
	}

	.w8col
	{
		width					: 66.66%;
	}

	.w9col
	{
		width					: 75%;
	}

	.w10col
	{
		width					: 83.33%;
	}

	.w11col
	{
		width					: 91.66%;
	}

	.w12col
	{
		width					: 100%;
	}

	.columncontentwrap
	{
		padding-left			: 1.5vw;
		padding-right			: 1.5vw;
		padding-top				: 1vh;
		padding-bottom			: 1vh;
	}

	/*	container formatting ends				*/




	/*	font formatting starts					*/

	h1, .columncontent p.bigtext1, span.bigtext1
	{
		font-size				: 3.5vw;
		margin-bottom			: 2.5vw;
		line-height				: 5vw;
	}

	h2, .columncontent p.bigtext2, span.bigtext2
	{
		margin-bottom			: 1.5vw;
		font-size				: 2.8vw;
		line-height				: 4vw;
	}

	h3, .columncontent p.bigtext3, span.bigtext3
	{
		margin-bottom			: 1vw;
		font-size				: 2.2vw;
	}

	h1.citation, h2.citation
	{
		font-size				: 4vw;
		line-height				: 6vw;
	}

	span.quotein
	{
		margin-left				: -3.8vw;
	}

	span.infolabel
	{
		min-width				: 7vw;
	}
	.columncontent p, ul.contentlinklist li
	{
		font-size				: 2.4vw;
		line-height				: 3.8vw;
		margin-bottom			: 2vw;
	}

	/*	font formatting ends					*/

}


@media only screen and (min-width:1280px) and (max-width:1919px)
{
	/*	menu formatting starts					*/

	ul.menu.level0 li
	{
		font-size				: 2vw;
		margin-right			: 1vh;
	}

	#burgermenu ul.menu.level0
	{
		margin-top				: 4vh;
	}

	#burgermenu ul.menu.level0 li
	{
		font-size				: 2vh;
	}

	/*	menu formatting ends					*/




	/*	container formatting starts				*/

	.beeline
	{
		background-image		: url('../images/startpage/beeline_w1920-2047.svg');
	}

	.colbox
	{
		width					: 96%;
		margin-left				: 2%;
	}

	.w1col
	{
		width					: 8.33%;
	}

	.w2col
	{
		width					: 16.66%;
	}

	.w3col
	{
		width					: 25%;
	}

	.w4col
	{
		width					: 33.33%;
	}

	.w5col
	{
		width					: 41.66%;
	}

	.w6col
	{
		width					: 50%;
	}

	.w7col
	{
		width					: 58.33%;
	}

	.w8col
	{
		width					: 66.66%;
	}

	.w9col
	{
		width					: 75%;
	}

	.w10col
	{
		width					: 83.33%;
	}

	.w11col
	{
		width					: 91.66%;
	}

	.w12col
	{
		width					: 100%;
	}

	.columncontentwrap
	{
		padding-left			: 1.5vw;
		padding-right			: 1.5vw;
		padding-top				: 1vh;
		padding-bottom			: 1vh;
	}

	/*	container formatting ends				*/




	/*	font formatting starts					*/

	h1, .columncontent p.bigtext1, span.bigtext1
	{
		font-size				: 3.5vw;
		margin-bottom			: 2.5vw;
		line-height				: 5vw;
	}

	h2, .columncontent p.bigtext2, span.bigtext2
	{
		margin-bottom			: 1.5vw;
		font-size				: 2.8vw;
		line-height				: 4vw;
	}

	h3, .columncontent p.bigtext3, span.bigtext3
	{
		margin-bottom			: 1vw;
		font-size				: 2.2vw;
	}

	h1.citation, h2.citation
	{
		font-size				: 4vw;
		line-height				: 6vw;
	}

	span.quotein
	{
		margin-left				: -3.8vw;
	}

	span.infolabel
	{
		min-width				: 7vw;
	}
	.columncontent p, ul.contentlinklist li
	{
		font-size				: 2.4vw;
		line-height				: 3.8vw;
		margin-bottom			: 2vw;
	}

	/*	font formatting ends					*/

}


@media only screen and (min-width:1920px) and (max-width:2047px)
{
	/*	menu formatting starts					*/

	ul.menu.level0 li
	{
		font-size				: 2vw;
		margin-right			: 1vh;
	}

	#burgermenu ul.menu.level0
	{
		margin-top				: 4vh;
	}

	#burgermenu ul.menu.level0 li
	{
		font-size				: 2vh;
	}

	/*	menu formatting ends					*/




	/*	container formatting starts				*/

	.beeline
	{
		background-image		: url('../images/startpage/beeline_w1920-2047.svg');
	}

	.colbox
	{
		width					: 96%;
		margin-left				: 2%;
	}

	.w1col
	{
		width					: 8.33%;
	}

	.w2col
	{
		width					: 16.66%;
	}

	.w3col
	{
		width					: 25%;
	}

	.w4col
	{
		width					: 33.33%;
	}

	.w5col
	{
		width					: 41.66%;
	}

	.w6col
	{
		width					: 50%;
	}

	.w7col
	{
		width					: 58.33%;
	}

	.w8col
	{
		width					: 66.66%;
	}

	.w9col
	{
		width					: 75%;
	}

	.w10col
	{
		width					: 83.33%;
	}

	.w11col
	{
		width					: 91.66%;
	}

	.w12col
	{
		width					: 100%;
	}

	.columncontentwrap
	{
		padding-left			: 1.5vw;
		padding-right			: 1.5vw;
		padding-top				: 1vh;
		padding-bottom			: 1vh;
	}

	/*	container formatting ends				*/



	/*	font formatting starts					*/

	h1, .columncontent p.bigtext1, span.bigtext1
	{
		font-size				: 3.5vw;
		margin-bottom			: 2.5vw;
		line-height				: 5vw;
	}

	h2, .columncontent p.bigtext2, span.bigtext2
	{
		margin-bottom			: 1.5vw;
		font-size				: 2.8vw;
		line-height				: 4vw;
	}

	h3, .columncontent p.bigtext3, span.bigtext3
	{
		margin-bottom			: 1vw;
		font-size				: 2.2vw;
	}

	h1.citation, h2.citation
	{
		font-size				: 4vw;
		line-height				: 6vw;
	}

	span.quotein
	{
		margin-left				: -3.8vw;
	}

	span.infolabel
	{
		min-width				: 7vw;
	}
	.columncontent p, ul.contentlinklist li
	{
		font-size				: 2.4vw;
		line-height				: 3.8vw;
		margin-bottom			: 2vw;
	}

	/*	font formatting ends					*/

}


@media only screen and (min-width:2048px)
{
	/*	menu formatting starts					*/

	ul.menu.level0 li
	{
		font-size				: 2vw;
		margin-right			: 1vh;
	}

	#burgermenu ul.menu.level0
	{
		margin-top				: 4vh;
	}

	#burgermenu ul.menu.level0 li
	{
		font-size				: 2vh;
	}

	/*	menu formatting ends					*/




	/*	container formatting starts				*/

	.beeline
	{
		background-image		: url('../images/startpage/beeline_w1920-2047.svg');
	}

	.colbox
	{
		width					: 96%;
		margin-left				: 2%;
	}

	.w1col
	{
		width					: 8.33%;
	}

	.w2col
	{
		width					: 16.66%;
	}

	.w3col
	{
		width					: 25%;
	}

	.w4col
	{
		width					: 33.33%;
	}

	.w5col
	{
		width					: 41.66%;
	}

	.w6col
	{
		width					: 50%;
	}

	.w7col
	{
		width					: 58.33%;
	}

	.w8col
	{
		width					: 66.66%;
	}

	.w9col
	{
		width					: 75%;
	}

	.w10col
	{
		width					: 83.33%;
	}

	.w11col
	{
		width					: 91.66%;
	}

	.w12col
	{
		width					: 100%;
	}

	.columncontentwrap
	{
		padding-left			: 1.5vw;
		padding-right			: 1.5vw;
		padding-top				: 1vh;
		padding-bottom			: 1vh;
	}

	/*	container formatting ends				*/



	/*	font formatting starts					*/

	h1, .columncontent p.bigtext1, span.bigtext1
	{
		font-size				: 3.5vw;
		margin-bottom			: 2.5vw;
		line-height				: 5vw;
	}

	h2, .columncontent p.bigtext2, span.bigtext2
	{
		margin-bottom			: 1.5vw;
		font-size				: 2.8vw;
		line-height				: 4vw;
	}

	h3, .columncontent p.bigtext3, span.bigtext3
	{
		margin-bottom			: 1vw;
		font-size				: 2.2vw;
	}

	h1.citation, h2.citation
	{
		font-size				: 4vw;
		line-height				: 6vw;
	}

	span.quotein
	{
		margin-left				: -3.8vw;
	}

	span.infolabel
	{
		min-width				: 7vw;
	}
	.columncontent p, ul.contentlinklist li
	{
		font-size				: 2.4vw;
		line-height				: 3.8vw;
		margin-bottom			: 2vw;
	}

	/*	font formatting ends					*/

}




/*---------------------------------------------------------------------------------*/

/* the following are being used for landscape orientation (overwriting the former) */

/*---------------------------------------------------------------------------------*/





@media only screen and (orientation:landscape)
{
	body
	{
		background-size			: cover;
	}

	/*	menu formatting starts					*/

	#burgermenu
	{
		padding-left			: 1.5vw;
		padding-right			: 1.5vw;
		padding-top				: 1vh;
		padding-bottom			: 1vh;
	}

	ul.menu.level0 li
	{
		font-size				: 2.5vh;
		margin-right			: 1vw;
	}

	#burgermenu ul.menu.level0
	{
		width					: auto;
		background-color		: transprarent;
		margin-top				: 0.5vh;
	}

	#burgermenu ul.menu.level0 li
	{
		width					: auto;
		margin-left				: 2vh;
		margin-right			: 1vh;
		margin-top				: 0px;
		background-color		: transparent;
	}

	#burgermenu ul.menu.level0 li a
	{
		width					: auto;
		padding					: 0px;
	}

	#burgermenu ul.menu.level0 li a:hover
	{
	background-color			:rgb(255,255,255);
	}

	label.openmenu
	{

	}

	label.openmenu span
	{
		width					: 4vh;
		height					: 0.5vh;
		margin-bottom			: 1.25vh;
	}

	#menubutton:checked  ~ label.openmenu span
	{
		width					: 5vh;
	}


	/*	menu formatting ends					*/




	/*	container formatting starts				*/

	.headerwrap
	{
		padding-top				: 20px;
		padding-bottom			: 20px;
	}

	.section
	{
		background-size			: cover;
	}

	.beeline
	{
		background-image		: url('../images/startpage/beeline_w1920-2047.svg');
	}

	.colbox
	{
		width					: 96%;
		margin-left				: 2%;
	}

	.w1col
	{
		width					: 8.33%;
	}

	.w2col
	{
		width					: 16.66%;
	}

	.w3col
	{
		width					: 25%;
	}

	.w4col
	{
		width					: 33.33%;
	}

	.w5col
	{
		width					: 41.66%;
	}

	.w6col
	{
		width					: 50%;
	}

	.w7col
	{
		width					: 58.33%;
	}

	.w8col
	{
		width					: 66.66%;
	}

	.w9col
	{
		width					: 75%;
	}

	.w10col
	{
		width					: 83.33%;
	}

	.w11col
	{
		width					: 91.66%;
	}

	.w12col
	{
		width					: 100%;
	}

	#logocol
	{
		width					: 33.33%;
	}

	.columncontentwrap
	{
		padding-left			: 1.5vw;
		padding-right			: 1.5vw;
		padding-top				: 1vh;
		padding-bottom			: 1vh;
	}

	#section01, #section04, #section08
	{
		min-height				: 100vh;
	}

	/*	container formatting ends				*/




	/*	menu formatting starts					*/



	/*	menu formatting ends					*/




	/*	responsive image formatting starts		*/

	.responsiveimage
	{
		display					: none;
	}


	.columncontent img.fullwidth
	{
		width					: 100%;
	}

	.columncontent img.intext
	{
		width					: 50%;
		margin-top				: 1vh;
		margin-bottom			: 5vh;
	}

	.columncontent img.intext.left
	{
		margin-right			: 4%;
	}

	.columncontent img.intext.right
	{
		margin-left			: 4%;
	}

	/*	responsive image formatting ends		*/



	/*	color box formatting starts				*/

	.lightgrey, .lightblue
	{
		padding-top				: 12vh;
		padding-bottom			: 12vh;
		margin-top				: 15vh;
		margin-bottom			: 15vh;
	}

	#section08
	{
		margin-bottom			: 0px;
	}

	/*	color box formating ends				*/




	/*	font formatting starts					*/

	h1, .columncontent p.bigtext1, span.bigtext1
	{
		font-size				: 3.5vh;
		margin-bottom			: 2.5vh;
		line-height				: 5vh;
	}

	h2, .columncontent p.bigtext2, span.bigtext2
	{
		margin-bottom			: 1.5vh;
		font-size				: 2.8vh;
		line-height				: 4vh;
	}

	h3, .columncontent p.bigtext3, span.bigtext3
	{
		margin-bottom			: 1vh;
		font-size				: 2.2vh;
	}

	h1.citation, h2.citation
	{
		font-size				: 4vh;
		line-height				: 6vh;
	}

	span.quotein
	{
		margin-left				: -3.8vh;
	}

	span.infolabel
	{
		min-width				: 7vh;
	}
	.columncontent p, ul.contentlinklist li
	{
		font-size				: 2.4vh;
		line-height				: 3.8vh;
		margin-bottom			: 2vh;
	}

	/*	font formatting ends					*/

}

@media only screen and (max-width:320px) and (orientation:landscape)
{
	/*	menu formatting starts					*/

	ul.menu.level0 li
	{
		font-size				: 2vh;
		margin-right			: 1vw;
	}

	#burgermenu ul.menu.level0 li
	{
		width					: 100%;
		background-color		: rgb(255,255,255);
	}

	label.openmenu
	{

	}

	#menubutton:checked  ~ label.openmenu span
	{
		width					: 5.2vh;
	}

	#burgermenu ul.menu.level0
	{
		width					: 60vw;
		background-color		: rgb(255,255,255);
		padding-bottom			: 2vh;
		margin-top				: 16vh;
		margin-right			: -8vh;
	}

	#burgermenu ul.menu.level0 li
	{
		width					: 100%;
		margin-left				: 0px;
		margin-right			: 0px;
		margin-top				: 2vw;
		font-size				: 4vw;
		background-color		: rgb(255,255,255);
	}

	#burgermenu ul.menu.level0 li a
	{
		display					: block;
		padding-left			: 20%;
	}

	#burgermenu ul.menu.level0 li a:hover
	{
	background-color			:rgb(235,235,235);
	}

	/*	menu formatting ends					*/




	/*	container formatting starts				*/

	.headerwrap
	{
		padding-top				: 0px;
		padding-bottom			: 0px;
	}

	.logo
	{
		width					: 100%;
	}

	.section
	{
		background-size			: auto 100%;
	}

	.colbox
	{
		width					: 96%;
		margin-left				: 2%;
	}

	.w1col
	{
		width					: 100%;
	}

	.w2col
	{
		width					: 100%;
	}

	.w3col
	{
		width					: 100%;
	}

	.w4col
	{
		width					: 100%;
	}

	.w5col
	{
		width					: 100%;
	}

	.w6col
	{
		width					: 100%;
	}

	.w7col
	{
		width					: 100%;
	}

	.w8col
	{
		width					: 100%;
	}

	.w9col
	{
		width					: 100%;
	}

	.w10col
	{
		width					: 100%;
	}

	.w11col
	{
		width					: 100%;
	}

	.w12col
	{
		width					: 100%;
	}

	.column.spacer
	{
		display					: none;
	}

	#logocol
	{
		width					: 75%;
	}

	/*	container formatting ends				*/





	.responsiveimage.w320less
	{
		display					: block;
	}




	/*	font formatting starts					*/

	h1, .columncontent p.bigtext1, span.bigtext1
	{
		font-size				: 3.5vh;
		margin-bottom			: 2.5vh;
		line-height				: 5vh;
	}

	h2, .columncontent p.bigtext2, span.bigtext2
	{
		margin-bottom			: 1.5vh;
		font-size				: 2.8vh;
		line-height				: 4vh;
	}

	h3, .columncontent p.bigtext3, span.bigtext3
	{
		margin-bottom			: 1vh;
		font-size				: 2.2vh;
	}

	h1.citation, h2.citation
	{
		font-size				: 4vh;
		line-height				: 6vh;
	}

	span.quotein
	{
		margin-left				: -3.8vh;
	}

	span.infolabel
	{
		min-width				: 7vh;
	}
	.columncontent p, ul.contentlinklist li
	{
		font-size				: 2.4vh;
		line-height				: 3.8vh;
		margin-bottom			: 2vh;
	}

	/*	font formatting ends					*/

}


@media only screen and (min-width:320px) and (max-width:479px) and (orientation:landscape)
{
	/*	menu formatting starts					*/

	ul.menu.level0 li
	{
		font-size				: 2vh;
		margin-right			: 1vw;
	}

	#burgermenu ul.menu.level0 li
	{
		width					: 100%;
		background-color		: rgb(255,255,255);
	}

	label.openmenu
	{

	}

	#menubutton:checked  ~ label.openmenu span
	{
		width					: 5.2vh;
	}

	#burgermenu ul.menu.level0
	{
		width					: 60vw;
		background-color		: rgb(255,255,255);
		padding-bottom			: 2vh;
		margin-top				: 12.5vh;
		margin-right			: -8vh;
	}

	#burgermenu ul.menu.level0 li
	{
		width					: 100%;
		margin-left				: 0px;
		margin-right			: 0px;
		margin-top				: 2vw;
		font-size				: 4vw;
		background-color		: rgb(255,255,255);
	}

	#burgermenu ul.menu.level0 li a
	{
		display					: block;
		padding-left			: 20%;
	}

	#burgermenu ul.menu.level0 li a:hover
	{
	background-color			:rgb(235,235,235);
	}


	/*	menu formatting ends					*/




	/*	container formatting starts				*/

	.headerwrap
	{
		padding-top				: 0px;
		padding-bottom			: 0px;
	}

	.logo
	{
		width					: 100%;
	}

	.section
	{
		background-size			: auto 100%;
	}

	.colbox
	{
		width					: 96%;
		margin-left				: 2%;
	}

	.w1col
	{
		width					: 100%;
	}

	.w2col
	{
		width					: 100%;
	}

	.w3col
	{
		width					: 100%;
	}

	.w4col
	{
		width					: 100%;
	}

	.w5col
	{
		width					: 100%;
	}

	.w6col
	{
		width					: 100%;
	}

	.w7col
	{
		width					: 100%;
	}

	.w8col
	{
		width					: 100%;
	}

	.w9col
	{
		width					: 100%;
	}

	.w10col
	{
		width					: 100%;
	}

	.w11col
	{
		width					: 100%;
	}

	.w12col
	{
		width					: 100%;
	}

	.column.spacer
	{
		display					: none;
	}

	#logocol
	{
		width					: 75%;
	}

	/*	container formatting ends				*/




	.responsiveimage.w320-479
	{
		display					: block;
	}




	/*	font formatting starts					*/

	h1, .columncontent p.bigtext1, span.bigtext1
	{
		margin-bottom			: 2.5vh;
		font-size				: 4vh;
		line-height				: 5vh;
	}

	h2, .columncontent p.bigtext2, span.bigtext2
	{
		margin-bottom			: 1.5vh;
		font-size				: 5vh;
		line-height				: 7vh;
	}

	h3, .columncontent p.bigtext3, span.bigtext3
	{
		margin-bottom			: 3.vh;
		font-size				: 2.2vh;
	}

	h1.citation, h2.citation
	{
		font-size				: 4vh;
		line-height				: 7vh;
	}

	span.quotein
	{
		margin-left				: -3.8vh;
	}

	span.infolabel
	{
		min-width				: 7vh;
	}
	.columncontent p, ul.contentlinklist li
	{
		font-size				: 3.8vh;
		line-height				: 5.6vh;
		margin-bottom			: 2vh;
	}


	/*	font formatting ends					*/

}


@media only screen and (min-width:480px) and (max-width:767px) and (orientation:landscape)
{
	/*	menu formatting starts					*/

	ul.menu.level0 li
	{
		font-size				: 4vw;
	}

	label.openmenu
	{

	}

	#burgermenu ul.menu.level0
	{
		width					: 60vw;
		background-color		: rgb(255,255,255);
		padding-bottom			: 2vh;
		margin-top				: 14vh;
		margin-right			: -8vh;
	}

	#burgermenu ul.menu.level0 li
	{
		width					: 100%;
		margin-left				: 0px;
		margin-right			: 0px;
		margin-top				: 2vw;
		font-size				: 4vw;
		background-color		: rgb(255,255,255);
	}

	#burgermenu ul.menu.level0 li a
	{
		display					: block;
		padding-left			: 20%;
	}

	#burgermenu ul.menu.level0 li a:hover
	{
	background-color			:rgb(235,235,235);
	}


	/*	menu formatting ends					*/


	/*	container formatting starts				*/

	.headerwrap
	{
		padding-top				: 0px;
		padding-bottom			: 0px;
	}

	.logo
	{
		width					: 100%;
	}

	.section
	{
		background-size			: cover;
	}

	.colbox
	{
		width					: 96%;
		margin-left				: 2%;
	}

	.w1col
	{
		width					: 100%;
	}

	.w2col
	{
		width					: 100%;
	}

	.w3col
	{
		width					: 100%;
	}

	.w4col
	{
		width					: 100%;
	}

	.w5col
	{
		width					: 100%;
	}

	.w6col
	{
		width					: 100%;
	}

	.w7col
	{
		width					: 100%;
	}

	.w8col
	{
		width					: 100%;
	}

	.w9col
	{
		width					: 100%;
	}

	.w10col
	{
		width					: 100%;
	}

	.w11col
	{
		width					: 100%;
	}

	.w12col
	{
		width					: 100%;
	}

	#logocol
	{
		width					: 75%;
	}

	/*	container formatting ends				*/

	.responsiveimage.w480-767
	{
		display					: block;
	}




	/*	font formatting starts					*/

	h1, .columncontent p.bigtext1, span.bigtext1
	{
		font-size				: 3.5vh;
		margin-bottom			: 2.5vh;
		line-height				: 5vh;
	}

	h2, .columncontent p.bigtext2, span.bigtext2
	{
		margin-bottom			: 1.5vh;
		font-size				: 2.8vh;
		line-height				: 4vh;
	}

	h3, .columncontent p.bigtext3, span.bigtext3
	{
		margin-bottom			: 1vh;
		font-size				: 2.2vh;
	}

	h1.citation, h2.citation
	{
		font-size				: 4vh;
		line-height				: 6vh;
	}

	span.quotein
	{
		margin-left				: -3.8vh;
	}

	span.infolabel
	{
		min-width				: 7vh;
	}
	.columncontent p, ul.contentlinklist li
	{
		font-size				: 2.4vh;
		line-height				: 3.8vh;
		margin-bottom			: 2vh;
	}

	/*	font formatting ends					*/

	/*	font formatting starts					*/

	h1, .columncontent p.bigtext1, span.bigtext1
	{
		margin-bottom			: 2.5vh;
		font-size				: 6vh;
		line-height				: 8vh;
	}

	h2, .columncontent p.bigtext2, span.bigtext2
	{
		margin-bottom			: 1.5vh;
		font-size				: 5vh;
		line-height				: 7vh;
	}

	h3, .columncontent p.bigtext3, span.bigtext3
	{
		margin-bottom			: 3.vh;
		font-size				: 2.2vh;
	}

	h1.citation, h2.citation
	{
		font-size				: 4vh;
		line-height				: 7vh;
	}

	span.quotein
	{
		margin-left				: -3.8vh;
	}

	span.infolabel
	{
		min-width				: 7vh;
	}
	.columncontent p, ul.contentlinklist li
	{
		font-size				: 3.8vh;
		line-height				: 5.6vh;
		margin-bottom			: 2vh;
	}

	/*	font formatting ends					*/


}


@media only screen and (min-width:768px) and (max-width:1023px) and (orientation:landscape)
{
	/*	menu formatting starts					*/

	ul.menu.level0 li
	{
		font-size				: 2vh;
		margin-right			: 1vw;
	}

	label.openmenu
	{

	}

	#menubutton:checked  ~ label.openmenu span
	{
		width					: 5.1vh;
	}

	/*	menu formatting ends					*/




	/*	container formatting starts				*/

	#logocol
	{
		width					: 50%;
	}

	/*	container formatting ends				*/


	.responsiveimage.w768-1023
	{
		display					: block;
	}




	/*	font formatting starts					*/

	h1, .columncontent p.bigtext1, span.bigtext1
	{
		font-size				: 3.5vh;
		margin-bottom			: 2.5vh;
		line-height				: 5vh;
	}

	h2, .columncontent p.bigtext2, span.bigtext2
	{
		margin-bottom			: 1.5vh;
		font-size				: 2.8vh;
		line-height				: 4vh;
	}

	h3, .columncontent p.bigtext3, span.bigtext3
	{
		margin-bottom			: 1vh;
		font-size				: 2.2vh;
	}

	h1.citation, h2.citation
	{
		font-size				: 4vh;
		line-height				: 6vh;
	}

	span.quotein
	{
		margin-left				: -3.8vh;
	}

	span.infolabel
	{
		min-width				: 7vh;
	}
	.columncontent p, ul.contentlinklist li
	{
		font-size				: 2.4vh;
		line-height				: 3.8vh;
		margin-bottom			: 2vh;
	}

	/*	font formatting ends					*/

}


@media only screen and (min-width:1024px) and (max-width:1279px) and (orientation:landscape)
{
	/*	menu formatting starts					*/

	ul.menu.level0 li
	{
		font-size				: 2vh;
		margin-right			: 1vw;
	}

	label.openmenu
	{

	}

	#menubutton:checked  ~ label.openmenu span
	{
		width					: 5.2vh;
	}

	/*	menu formatting ends					*/




	.responsiveimage.w1024-1279
	{
		display					: block;
	}




	/*	font formatting starts					*/

	h1, .columncontent p.bigtext1, span.bigtext1
	{
		font-size				: 3.5vh;
		margin-bottom			: 2.5vh;
		line-height				: 5vh;
	}

	h2, .columncontent p.bigtext2, span.bigtext2
	{
		margin-bottom			: 1.5vh;
		font-size				: 2.8vh;
		line-height				: 4vh;
	}

	h3, .columncontent p.bigtext3, span.bigtext3
	{
		margin-bottom			: 1vh;
		font-size				: 2.2vh;
	}

	h1.citation, h2.citation
	{
		font-size				: 4vh;
		line-height				: 6vh;
	}

	span.quotein
	{
		margin-left				: -3.8vh;
	}

	span.infolabel
	{
		min-width				: 7vh;
	}
	.columncontent p, ul.contentlinklist li
	{
		font-size				: 2.4vh;
		line-height				: 3.8vh;
		margin-bottom			: 2vh;
	}

	/*	font formatting ends					*/

}


@media only screen and (min-width:1280px) and (max-width:1919px) and (orientation:landscape)
{
	/*	menu formatting starts					*/

	ul.menu.level0 li
	{
		font-size				: 2vh;
		margin-right			: 1vw;
	}

	#menubutton:checked  ~ label.openmenu span
	{
		width					: 5.2vh;
	}

	/*	menu formatting ends					*/

	.responsiveimage.w1280-1919
	{
		display					: block;
	}




	/*	font formatting starts					*/

	h1, .columncontent p.bigtext1, span.bigtext1
	{
		font-size				: 3.5vh;
		margin-bottom			: 2.5vh;
		line-height				: 5vh;
	}

	h2, .columncontent p.bigtext2, span.bigtext2
	{
		margin-bottom			: 1.5vh;
		font-size				: 2.8vh;
		line-height				: 4vh;
	}

	h3, .columncontent p.bigtext3, span.bigtext3
	{
		margin-bottom			: 1vh;
		font-size				: 2.2vh;
	}

	h1.citation, h2.citation
	{
		font-size				: 4vh;
		line-height				: 6vh;
	}

	span.quotein
	{
		margin-left				: -3.8vh;
	}

	span.infolabel
	{
		min-width				: 7vh;
	}
	.columncontent p, ul.contentlinklist li
	{
		font-size				: 2.4vh;
		line-height				: 3.8vh;
		margin-bottom			: 2vh;
	}

	/*	font formatting ends					*/

}


@media only screen and (min-width:1920px) and (max-width:2047px) and (orientation:landscape)
{
	/*	menu formatting starts					*/

	ul.menu.level0 li
	{
		font-size				: 2vh;
		margin-right			: 1vw;
	}

	#menubutton:checked  ~ label.openmenu span
	{
		width					: 5.2vh;
	}

	/*	menu formatting ends					*/

	.responsiveimage.w1920-2047
	{
		display					: block;
	}




	/*	font formatting starts					*/

	h1, .columncontent p.bigtext1, span.bigtext1
	{
		font-size				: 3.5vh;
		margin-bottom			: 2.5vh;
		line-height				: 5vh;
	}

	h2, .columncontent p.bigtext2, span.bigtext2
	{
		margin-bottom			: 1.5vh;
		font-size				: 2.8vh;
		line-height				: 4vh;
	}

	h3, .columncontent p.bigtext3, span.bigtext3
	{
		margin-bottom			: 1vh;
		font-size				: 2.2vh;
	}

	h1.citation, h2.citation
	{
		font-size				: 4vh;
		line-height				: 6vh;
	}

	span.quotein
	{
		margin-left				: -3.8vh;
	}

	span.infolabel
	{
		min-width				: 7vh;
	}
	.columncontent p, ul.contentlinklist li
	{
		font-size				: 2.4vh;
		line-height				: 3.8vh;
		margin-bottom			: 2vh;
	}

	/*	font formatting ends				*/

}


@media only screen and (min-width:2048px) and (orientation:landscape)
{
	/*	menu formatting starts					*/

	ul.menu.level0 li
	{
		font-size				: 2vh;
		margin-right			: 1vw;
	}

	#menubutton:checked  ~ label.openmenu span
	{
		width					: 5.2vh;
	}

	/*	menu formatting ends					*/

	.responsiveimage.w2048plus
	{
		display					: block;
	}





	/*	font formatting starts				*/

	h1, .columncontent p.bigtext1, span.bigtext1
	{
		font-size				: 3.5vh;
		margin-bottom			: 2.5vh;
		line-height				: 5vh;
	}

	h2, .columncontent p.bigtext2, span.bigtext2
	{
		margin-bottom			: 1.5vh;
		font-size				: 2.8vh;
		line-height				: 4vh;
	}

	h3, .columncontent p.bigtext3, span.bigtext3
	{
		margin-bottom			: 1vh;
		font-size				: 2.2vh;
	}

	h1.citation, h2.citation
	{
		font-size				: 4vh;
		line-height				: 6vh;
	}

	span.quotein
	{
		margin-left				: -3.8vh;
	}

	span.infolabel
	{
		min-width				: 7vh;
	}
	.columncontent p, ul.contentlinklist li
	{
		font-size				: 2.4vh;
		line-height				: 3.8vh;
		margin-bottom			: 2vh;
	}

	/*	font formatting ends				*/

}




/*---------------------------------------------------------------------------------*/

/* taking into account different aspect ratios (overwriting the former)            */

/*---------------------------------------------------------------------------------*/




@media (min-aspect-ratio: 5/4)
{

}

@media (min-aspect-ratio: 4/3)
{

}

@media (min-aspect-ratio: 3/2)
{

}


@media (min-aspect-ratio: 16/10)
{

}

@media (min-aspect-ratio: 5/3)
{

}

@media (min-aspect-ratio: 16/9)
{

}