/* source-sans-pro-200 - latin */
@font-face {
	font-family: 'Source Sans Pro';
	font-style: normal;
	font-weight: 200;
	src: local(''),
		url('/fonts/source-sans-pro-v21-latin-200.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
		url('/fonts/source-sans-pro-v21-latin-200.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* source-sans-pro-300 - latin */
@font-face {
	font-family: 'Source Sans Pro';
	font-style: normal;
	font-weight: 300;
	src: local(''),
		url('/fonts/source-sans-pro-v21-latin-300.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
		url('/fonts/source-sans-pro-v21-latin-300.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* source-sans-pro-regular - latin */
@font-face {
	font-family: 'Source Sans Pro';
	font-style: normal;
	font-weight: 400;
	src: local(''),
		url('/fonts/source-sans-pro-v21-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
		url('/fonts/source-sans-pro-v21-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* source-sans-pro-600 - latin */
@font-face {
	font-family: 'Source Sans Pro';
	font-style: normal;
	font-weight: 600;
	src: local(''),
		url('/fonts/source-sans-pro-v21-latin-600.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
		url('/fonts/source-sans-pro-v21-latin-600.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* source-sans-pro-700 - latin */
@font-face {
	font-family: 'Source Sans Pro';
	font-style: normal;
	font-weight: 700;
	src: local(''),
		url('/fonts/source-sans-pro-v21-latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
		url('/fonts/source-sans-pro-v21-latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* source-sans-pro-900 - latin */
@font-face {
	font-family: 'Source Sans Pro';
	font-style: normal;
	font-weight: 900;
	src: local(''),
		url('/fonts/source-sans-pro-v21-latin-900.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
		url('/fonts/source-sans-pro-v21-latin-900.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}


/* @group Desktop */

/* @group CSS resets */

html,	body,	div,	span,	object,	iframe,	h1,	h2,	h3,	h4,	h5,	h6,	p,	blockquote,	pre,	a,	abbr,	address,	cite,	code,	del,	dfn,	em,	img,	ins,	q,	small,	strong,	sub,	sup,	dl,	dt,	dd,	ol,	ul,	li,	fieldset,	form,	label,	legend,	table,	caption,	tbody,	tfoot,	thead,	tr,	th,	td	{
	border:	0;
	margin:	0;
	padding:	0;
}

article,	aside,	figure,	figure img,	figcaption,	hgroup,	footer,	header,	nav,	section,	video,	object	{
	display:	block;
}

a img	{
	border:	0
}

figure	{
	position:	relative;
}

figure img	{
	width:	100%;
}

a img,	:link img,	:visited img	{
	border:	none
}

table	{
	border-collapse:	collapse;
}

ul,	ol,	dl	{
	list-style-type:	disc;
}

/* @end */

/* @group Clearfix */

.clearfix:after	{
	content:	".";
	display:	block;
	clear:	both;
	visibility:	hidden;
	line-height:	0;
	height:	0;
}

.clearfix	{
	display:	inline-block;
}

html[xmlns] .clearfix	{
	display:	block;
}

* html .clearfix	{
	height:	1%;
}

/* @end */

/* @group Structure */

html,	body	{
	height:	100%;
	background-color:	#f4f6f4;
}

#mobile-header	{
	display:	none;
}

.header	{
	height:	20.5vh;
}

.header .twelvecol	{
	position:	relative;
}

.logo	{
	width:	100%;
	padding-bottom:	40px;
	padding-top:	40px;
}

.logo img	{
	width:	100%;
}

#interview	{
	height: 79.5vh;
}

#content	{
	padding-bottom:	250px;
	background:	url(../shared/background.png)	 10%	bottom	no-repeat	scroll;
	background-size:	33%;
}



.footer	{
	background-color: #606060;
	color:	white;
	padding-bottom:	60px;
	padding-top:	30px;
}

/* Hack fürr gleiche Höhe der Infoboxen auf den Startseiten */

.equal	{
	overflow:	hidden;
	height:	100%;
	padding-bottom:	20px;
	margin-bottom:	20px;
}

.equal .infobox	{
	padding-bottom:	32768px;
	margin-bottom:	-32768px;
}

.expand	{
	margin-top:	35px;
}

#rotateplease	{
	background:	url('../shared/landscape.png') no-repeat -9999px -9999px;
}

#down-link	{
	position:	absolute;
	z-index:	9999;
	bottom:	5%;
	left:	calc(50% - 25px);
	width:	50px;
	height:	50px;
	background:	url(/shared/arrow-down.svg) center center no-repeat;
	background-size:	cover;
	display:	block;
}

#leistungen	{
	margin-top:	50px;
}

.full	{
	opacity:	1;
}

.soft	{
	opacity:	0.3;
}

/* @end */

/* @group Typography */

html	{
	font-size:	100.01%;
}

body	{
	color:	#9aa49c;
	font:	1.5vw 'Source Sans Pro', sans-serif;
	line-height:1.4em;
	font-weight:	300;
}

ul,	ol,	p	{
	margin-bottom:	18px;
}

h1,	h2,	h3,	h4,	h5,	h6	{
	letter-spacing:	0px;
	line-height:	1.2em;
	color:	#9aa49c;
}

h1	{
	font-size:	1.5vw;
	font-weight:	300;
	position:	absolute;
	bottom:	40px;
	right:	0;
}

h2	{
	font-size:	3vw;
	font-weight:	200;
	margin-top:	80px;
	margin-bottom:	20px;
	text-indent:	-25px;
}

a,	a:link,	a:visited,	.clickable	{
	text-decoration:	none;
	color:	#ffa200;
	cursor:	pointer;
}

.small {
	font-size:75%;
}

.showinfo	{
	text-transform:	uppercase;
	font-weight:	400;
}

.showinfocontent	{
	background-color:	white;
	padding:	15px;
	border-radius:	5px;
	margin-bottom:	15px;
}

.linkedin,	.xing	{
	text-indent:	-9999px;
	border-radius:	2px;
	background-position:	center center;
	background-repeat:	no-repeat;
	width:	23px;
	height:	23px;
	display:	inline-block;
	margin-left:	3px;
	vertical-align:	sub;
}

.linkedin	{
	background-image:	url(/shared/icon-linkedin.png);
}

.xing	{
	background-image:	url(/shared/icon-xing.png);
}

.imprint a	{
	color:	white;
}

ul,	ol	{
	margin:	0;
	padding:	0;
}

li	{
	list-style:	none;
	background:	url(/shared/icon-listbullet.svg)	0	0.9vh	no-repeat,	none	0;
	margin:	0;
	padding:	0	0	0	1.5vw;
	background-size: 2%;
}

strong,	.strong	{
	font-weight:	600;
}

table	{
	border-collapse:	collapse;
}

td,	th	{
	padding-right:	40px;
}

.contentrow	{
	margin-top:	20px;
	overflow:	hidden;
	display:	-webkit-box;
	display:	-moz-box;
	display:	-ms-flexbox;
	display:	-webkit-flex;
	display:	flex;
	-webkit-box-direction:	normal;
	-moz-box-direction:	normal;
	-webkit-box-orient:	horizontal;
	-moz-box-orient:	horizontal;
	-webkit-flex-direction:	row;
	-ms-flex-direction:	row;
	flex-direction:	row;
	-webkit-flex-wrap:	nowrap;
	-ms-flex-wrap:	nowrap;
	flex-wrap:	nowrap;
	-webkit-box-pack:	start;
	-moz-box-pack:	start;
	-webkit-justify-content:	flex-start;
	-ms-flex-pack:	start;
	justify-content:	flex-start;
	-webkit-align-content:	flex-start;
	-ms-flex-line-pack:	start;
	align-content:	flex-start;
	-webkit-box-align:	start;
	-moz-box-align:	start;
	-webkit-align-items:	flex-start;
	-ms-flex-align:	start;
	align-items:	flex-start;
}

.contentcol	{
	-webkit-box-ordinal-group:	1;
	-moz-box-ordinal-group:	1;
	-webkit-order:	0;
	-ms-flex-order:	0;
	order:	0;
	-webkit-box-flex:	1;
	-moz-box-flex:	1;
	-webkit-flex:	0 1 auto;
	-ms-flex:	0 1 auto;
	flex:	0 1 auto;
	-webkit-align-self:	auto;
	-ms-flex-item-align:	auto;
	align-self:	auto;
	padding-right:	60px;
}

.contentrow .contentcol:last-child	{
	padding-right:	0;
}

.orange	{
	color:	#ffa200;
	font-weight:	400;
}

.skills	{
	font-weight:	600;
	text-align:	right;
}

#share {
	background-color: rgba(255, 255, 255, 0.5);
	margin-top: 50px;
}

.share {
	font:	5.5vw 'Source Sans Pro', sans-serif;
	font-weight:	600;
	/*color: #ffea00 !important; */
	animation: blinker 2s linear infinite;
}

.bemerkenswert {
	font-weight:	600;
	text-transform: normal !important;
	text-align:center;
}

@keyframes blinker {
	50% {
		opacity: 0.25;
	}
}

/* @end */

/* @group Infoboxen */

.infobox	{

}

.infoboxContent	{

}

.box	{
	background-color:	white;
}

.box .infoboxContent	{
	padding:	20px;
}

.banner	{
	background-color:	white;
	margin-top:	30px;
	margin-bottom:	30px;
}

.banner img	{
	width:	100%;
}

/* @end */

/* @group Navigation */

.navi	{
	font-family:	'Helvetica Neue LT W02_47 Lt Cn';
	font-size:	16px;
	text-transform:	uppercase;
	padding:	0;
	list-style:	outside none none;
	margin:	0;
	letter-spacing:	1px;
	font-weight:	100;
}

.navi li	{
	line-height:	14px;
}

.navi li:last-child	{
	margin-right:	0;
}

.navi li:first-child	{
	visibility:	hidden;
	display:	none;
}

.navi li a	{
	color:	rgba(255, 255, 255, 0.5);
	text-decoration:	none;
	float:	left;
	padding:	10px 10px 10px 0;
}

.navi li a:after	{
	content:	"/";
	padding-left:	10px;
}

.navi li:last-child a:after	{
	content:	"";
}

.navi li a:hover,	.navi li a.current	{
	color:	rgb(255, 255, 255);
}

ul.footerlinks	{
	float:	right;
}

ul.footerlinks li	{
	background-image:	none;
	padding:	0;
	margin:	0	0	0	1px;
	display:	inline;

}

ul.footerlinks li a {
	float: left;
	width: 57px;
	height: 57px;
	text-indent: -9999px;
	border-radius: 50%;
	margin-left: 5px;
	opacity:	0.6;
	cursor:	pointer;
}

ul.footerlinks li a:hover {
	opacity:	1;
}

ul.footerlinks li a.xing	{
	background:	url(/shared/icon-xing.png)	center	center	no-repeat;
	background-color: rgba(255, 255, 255, 0.3);
}

ul.footerlinks li a.linkedin	{
	background:	url(/shared/icon-linkedin.png)	center	center	no-repeat;
	background-color: rgba(255, 255, 255, 0.3);
}

ul.footerlinks li a.card	{
	background:	url(/shared/icon-card.png)	center	center	no-repeat;
	background-color: rgba(255, 255, 255, 0.3);
}

ul.footerlinks li a.profile	{
	background:	url(/shared/icon-profile.png)	center	center	no-repeat;
	background-color: rgba(255, 255, 255, 0.3);
}

/* @end */

/* @group Formularelemente */

.formrow	{
	overflow:	hidden;
	margin-bottom:	10px;
	clear:	both;
}

input,	textarea,	select,	button	{
	-webkit-transition:	all 0.3s ease-in-out;
	-moz-transition:	all 0.3s ease-in-out;
	-o-transition:	all 0.3s ease-in-out;
	transition:	all 0.3s ease-in-out;
}

input[type="text"],	input[type="password"],	input[type="email"],	textarea	{
	outline:	none;
	padding:	10px;
	font:	300 90% 'Source Sans Pro', sans-serif;
	background-color:	#f7f8f8;
	width:	90%;
	border-style:	none;
	outline:	none;
}

input[type="checkbox"],	input[type="radio"]	{
	border-style:	none;
	outline:	none;
}

input:focus,	select:focus,	textarea:focus	{
	background-color:	#eaf2f5;
}

textarea	{
	height:	200px;
}

label	{
	float:	left;
	width:	30%;
	font-weight:	400;
	padding-top:	8px;
	font-size:	80%;
}

fieldset	{
	margin-bottom:	15px;
	border-style:	none;
}

legend	{
	display:	none;
	visibility:	hidden;
}

input[type="submit"]	{
	color:	white;
	border-style:	none;
	line-height:	12px;
	padding:	15px;
	cursor:	pointer;
	background-color:	#31849b;
	font-size:	16px;
	font-weight:	300;
	text-transform:	uppercase;
	letter-spacing:	1px;
}

input[type="submit"]:hover	{
	-webkit-transition:	all 0.3s ease-in-out;
	-moz-transition:	all 0.3s ease-in-out;
	-o-transition:	all 0.3s ease-in-out;
	transition:	all 0.3s ease-in-out;
	background-color:	#31849b;
}

.required	{
	color:	#be1e2d;
	font-weight:	600;
	font-size:	18px;
}

div.alert	{
	background-color:	#be1e2d;
}

/* @end */

/* @group Medieneinbindung */

.media-container	{
	position:	relative;
	padding-bottom:	56.25%;
	padding-top:	0px;
	height:	0;
	overflow:	hidden;
	margin-bottom:	10px;
	z-index:	1;
}

.media-container iframe,	.media-container object,	.media-container embed, .media-container video	{
	position:	absolute;
	top:	0;
	left:	0;
	width:	100%;
	height:	auto;
	z-index:	2;
}

video {
	width: 100% !important;
	height: auto !important;
}

/* @end */

/* @group Slider */

.slidetitle	{
	position:	absolute;
	bottom:	7%;
	width:	80%;
	left:	10%;
	background-color:	rgba(255, 255, 255, 0.75);
	padding:	16px 0px 30px;
	text-align:	center;
}

.slidetitle .claim	{
	font-size:	250%;
	color:	black;
	line-height:	1em;
	font-family:	'PT Serif', serif;
	font-style:	italic;
	font-weight:	700;
}

.slidetitle p	{
	font-size:	140%;
	line-height:	1.3em;
	font-weight:	400;
	padding-top:	20px;
	margin-bottom:	0 !important;
	color:	black;
}

.scrollme	{
	width:	100px;
	height:	40px;
	position:	absolute;
	left:	48%;
	z-index:	99999;
	border-top-left-radius:	15px;
	border-top-right-radius:	15px;
	margin:	0px 0px 0px -30px;
	background:	url("/shared/arrows.png")	-40px	-68px	no-repeat	scroll	rgba(247,	142,	29,	0.5);
	/*    border: 2px solid #FFF;*/
	text-align:	center;
	padding:	0px;
	text-indent:	-9999px;
	bottom:	0px;
}

.scrollme:hover	{
	background-color:	rgb(247,	142,	28);
}

/* @end */

/* @group sharing */

div.shares	{
	display:	-webkit-box;
	-webkit-box-orient:	horizontal;
	display:	-moz-box;
	-moz-box-orient:	horizontal;
	display:	box;
	box-orient:	horizontal;
	width:	100%;
	margin:	0;
	padding:	0	0	60px;
}

.shares > div	{
	-webkit-box-flex:	1;
	-moz-box-flex:	1;
	box-flex:	1;
}

.shares div	{

}

.fbshare:hover	{
	background-color:	#1c467a;
}

.twshare:hover	{
	background-color:	#00a5db;
}

.gplusshare:hover 	{
	background-color:	#d23f26;
}

.xingshare:hover	{
	background-color:	#006567;
}

.shares a	{
	color:	white !important;
	font-weight:	400;
	font-size:	14px;
	line-height:	14px;
	display:	block;
	margin:	0 !important;
	padding:	7px;
	position:	relative;
	background-color:	white;
}

span.count	{
	background-color:	rgba(255, 255, 255, 0.15);
	font-weight:	600 !important;
	display:	inline-block;
	padding:	7px;
	margin-left:	10px;
	position:	absolute;
	right:	0;
	top:	0;
}

/* @end */

/* @end */

/* @group Media Query Smaller Screens */

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

}

/* @end */

/* @group Media Query iPhone 4+5 */

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

	/* @group Structure */

	html,	body	{
		height:	100%;
		background-color:	#f4f6f4;
	}

	#mobile-header	{
		display:	none;
	}

	.header	{
		height:	33vh;
	}

	.header .twelvecol	{
		position:	relative;
	}

	.logo {
		width: 100%;
		padding-bottom: 20px;
		padding-top: 20px;
	}

	.logo img	{
		width:	100%;
	}

	#interview	{
		height: 79.5vh;
	}

	#content	{
		padding-bottom:	40px;
	}

	.footer	{
		padding-bottom:	40px;
	}

	/* Hack fürr gleiche Höhe der Infoboxen auf den Startseiten */

	.equal	{
		overflow:	hidden;
		height:	100%;
		padding-bottom:	20px;
		margin-bottom:	20px;
	}

	.equal .infobox	{
		padding-bottom:	32768px;
		margin-bottom:	-32768px;
	}

	.expand	{
		margin-top:	35px;
	}

	#rotateplease	{
		background:	url('../shared/landscape.png') no-repeat -9999px -9999px;
	}

	#down-link	{
		position:	absolute;
		z-index:	9999;
		bottom:	5%;
		left:	calc(50% - 25px);
		width:	50px;
		height:	50px;
		background:	url(/shared/arrow-down.svg) center center no-repeat;
		background-size:	cover;
		display:	block;
	}

	#leistungen	{
		margin-top:	50px;
	}

	.full	{
		opacity:	1;
	}

	.soft	{
		opacity:	0.3;
	}

	/* @end */

	/* @group Typography */

	body	{
		font:	4vw 'Source Sans Pro', sans-serif;
	}

	ul,	ol,	p	{
		margin-bottom:	18px;
	}

	h1 {
		font-size: 3vw;
		font-weight: 300;
		position: absolute;
		bottom: 0px;
		right: 20px;
	}

	h2 {
		font-size: 7vw;
		font-weight: 400;
		margin-top: 40px;
		margin-bottom: 10px;
		text-indent: 0px;
	}

	li	{
		list-style:	none;
		background:	url(/shared/icon-listbullet.svg)	0	0.9vh	no-repeat,	none	0;
		margin:	0;
		padding:	0	0	0	1.5vw;
		background-size: 2%;
	}

	/* @end */

}

/* @end */

/* @group Media Query iPhone 6 */

@media only screen and (max-height: 480px) and (min-width: 480px) and (max-width: 600px)	{
	/* @group Structure */

	.header	{
		background-color:	#8D7D74;
		padding-bottom:	12px;
		padding-top:	10px;
	}

	.slidetitle .text	{
		font-size:	120%;
		line-height:	1.2em;
		padding-right:	10px;
		padding-left:	10px;
	}

	.scrollme	{
		display:	none;
		visibility:	hidden;
	}

	.logo {
		width: 100%;
		padding-bottom: 20px;
		padding-top: 20px;
	}

	.media-container	{
		margin-bottom:	30px;
	}

	.contentrow	{
		width:	100%;
		margin-top:	40px;
	}

	.contentcol	{
		float:	none;
		padding-right:	0px !important;
		padding-bottom:	20px;
	}

	#down-link	{
		display:	none !important;
	}

	/* @end */

	/* @group Typografie */

	body	{

	}

	h1 {
		font-size: 3vw;
		font-weight: 400;
		position: absolute;
		bottom: 0px;
		right: 20px;
	}

	h2 {
		font-size: 7vw;
		font-weight: 400;
		margin-top: 40px;
		margin-bottom: 10px;
		text-indent: 0px;
	}

	/* @end */

	/* @group Slider */

	.bx-wrapper	{
		margin:	0px auto 0px !important;
		padding:	0px !important;
	}

	.bx-wrapper .bx-pager	{
		visibility:	hidden !important;
		display:	none !important;
	}

	.work .equal	{
		padding-bottom:	0px !important;
		margin-bottom:	0px !important;
	}

	/* @end */

	/* @group Navigation */

	#nav	{
		visibility:	visible;
		display:	block;
	}

	/* @end */

	/* @group Modul: Darstellung Projekte */

	.hideprojekt,	.closecontent,	.closecorporateidentity,	.closecorporatedesign,	.closewebdesign,	.closeprintdesign	{
		right:	0px;
		top:	0px;
	}

	.projektteaser	{
		display:	none;
	}

	.projekt:hover .projektteaser	{
		opacity:	0;
	}

	/* @end */

	/* @group Modul: Leistungen Details */

	#corporateidentity,	#corporatedesign,	#webdesign,	#printdesign	{
		margin-right:	0px;
		margin-left:	0px;
	}

	.projectdescription	{
		position:	absolute;
		z-index:	9999999;
		bottom:	-270px;
		display:	block;
		font-size:	14px;
	}

	/* @end */
}

/* @end */

/* @group Media Query iPad */

@media only screen 
	and (min-device-width: 768px) 
	and (max-device-width: 1024px) 
	and (-webkit-min-device-pixel-ratio: 1)	{
		/* @group Structure */

		.intro	{
			font-size:	24px;
			font-weight:	300;
			line-height:	36px;
			padding-top:	140px;
			padding-bottom:	40px;
		}

		.contentrow	{
			width:	100%;
			margin-top:	0px;
			display:	block;
		}

		.contentcol	{
			float:	none;
			padding-right:	0px !important;
			padding-bottom:	20px;
			display:	block;
		}

		/* @end */

		/* @group Typography */



		/* @end */
}

/* @end */

/* @group prevent landscape / portrait */

/* @group iPhone 4+5 */

@media only screen and (max-height: 480px) and (min-width: 480px) and (max-width: 600px) and (orientation:landscape)	{
	.page	{
		visibility:	hidden;
		display:	none;
	}

	#landscape	{
		visibility:	visible !important;
		background:	url(../shared/rotate.gif)	center	center	no-repeat	scroll	#f78e1e;
		background-size:	45%;
		position:	absolute;
		top:	0px;
		left:	0px;
		width:	100%;
		height:	100%;
		opacity:	1;
		display:	block !important;
		z-index:	99999999;
	}
}

/* @end */

/* @group iPhone 6 */

@media only screen 
	and (min-device-width: 375px) 
	and (max-device-width: 667px) 
	and (-webkit-min-device-pixel-ratio: 2)
	and (orientation: landscape)	{
		.page	{
			visibility:	hidden;
			display:	none;
		}

		#landscape	{
			visibility:	visible !important;
			background:	url(../shared/rotate.gif)	center	center	no-repeat	scroll	#f78e1e;
			background-size:	45%;
			position:	absolute;
			top:	0px;
			left:	0px;
			width:	100%;
			height:	100%;
			opacity:	1;
			display:	block !important;
			z-index:	99999999;
		}
}

/* @end */

/* @group iPad */

@media only screen 
	and (min-device-width: 768px) 
	and (max-device-width: 1024px) 
	and (orientation: portrait) 
	and (-webkit-min-device-pixel-ratio: 1)	{
		.page	{
			visibility:	hidden;
			display:	none;
		}

		#landscape	{
			visibility:	visible !important;
			background:	url(../shared/rotate.gif)	center	center	no-repeat	scroll	#f78e1e;
			position:	absolute;
			top:	0px;
			left:	0px;
			width:	100%;
			height:	100%;
			opacity:	1;
			display:	block !important;
			z-index:	99999999;
			right:	0;
			bottom:	0;
		}
}

/* @end */

#landscape	{
	visibility:	hidden;
	display:	none;
}

.outtake {
	position: absolute;
	right: 0px;
	top: 20vh;
	transform: rotate(270deg);
}

/* @end */