@font-face {
	font-family: 'NHaasGrotesk_25';
	src:url('../fonts/NHaasGroteskDSPro-25Th.ttf');	
    src: url('../fonts/NHaasGroteskDSPro-25Th.eot');
    src: url('../fonts/NHaasGroteskDSPro-25Th.woff') format('woff'),         
         url('../fonts/NHaasGroteskDSPro-25Th.svg') format('svg');
}
@font-face {
	font-family: 'NHaasGrotesk_35';
	src:url('../fonts/NHaasGroteskDSPro-35XLt.ttf');
	src: url('../fonts/NHaasGroteskDSPro-35XLt.eot');
    src: url('../fonts/NHaasGroteskDSPro-35XLt.woff') format('woff'),         
         url('../fonts/NHaasGroteskDSPro-35XLt.svg') format('svg');

}
@font-face {
	font-family: 'NHaasGrotesk_45';
	src:url('../fonts/NHaasGroteskDSPro-45Lt.ttf');
	src: url('../fonts/NHaasGroteskDSPro-45Lt.eot');
    src: url('../fonts/NHaasGroteskDSPro-45Lt.woff') format('woff'),         
         url('../fonts/NHaasGroteskDSPro-45Lt.svg') format('svg');
}
@font-face {
	font-family: 'NHaasGrotesk_55';
	src:url('../fonts/NHaasGroteskDSPro-55Rg.ttf');
	src: url('../fonts/NHaasGroteskDSPro-55Rg.eot');
    src: url('../fonts/NHaasGroteskDSPro-55Rg.woff') format('woff'),         
         url('../fonts/NHaasGroteskDSPro-55Rg.svg') format('svg');
}
@font-face {
	font-family: 'NHaasGrotesk_65';
	src:url('../fonts/NHaasGroteskDSPro-65Md.ttf');
	src: url('../fonts/NHaasGroteskDSPro-65Md.eot');
    src: url('../fonts/NHaasGroteskDSPro-65Md.woff') format('woff'),         
         url('../fonts/NHaasGroteskDSPro-65Md.svg') format('svg');
}

body {
	margin:0;
	padding:0px 0px 0px 0px;
	
	background:#ffffff url(../images/TYYF_VISUAL.png) left top no-repeat;
	/*background:#ffffff url(../images/TYYF_VISUAL.png) 20px -16px no-repeat !important;*/
	background-attachment: fixed;
	background-position: center top -16px;
	/*background-color: #00000299;*/
	
	font-family:NHaasGrotesk_45,Verdana,Arial,Helvetica,sans-serif;
	font-size:24px;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	letter-spacing: 0.2px;
	/*line-height:30px;*/
	width: 100%;
	/*-webkit-text-size-adjust: none;*/
}
p {
	line-height:1.5;
}

/* Reset-min */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{
	margin:0;padding:0;
}
table{
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img{
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var{
	font-style:normal;
	font-weight:normal;
}

caption,th{
	text-align:left;
}

q:before,q:after{
	content:'';
}

sup {
	vertical-align:text-top;
}
sub {
	vertical-align:text-bottom;
}
input,textarea,select{
	font-family:inherit;
	font-size:inherit;
	font-weight:inherit;
}
input,textarea,select{
	*font-size:100%;
}
legend{
	color:#000;
}

/* Reset-min END */

abbr,acronym{
	border-bottom:1px dotted #000;
	cursor:help;
	font-variant:normal;
} 
em{
	font-style:italic;
}
blockquote,ul,ol,dl{
	margin: 0 0 1em;
}
ol,ul,dl{
	margin-left: 0.8em;
}
ol li{
	list-style:decimal outside;
}
ul li{
	font-size:18px;
	line-height:1.5;
	list-style:square outside;
	list-style:none;
	margin-bottom: 12px;

	padding: 0px 6px 6px 0px; 
}

li::before {
	content:'\25A0';
	display: block;
	position: relative;
	max-width: 0;
	max-height: 0;
	left: -16px;
	top: 4px;
	color: #333333;
	font-size: 12px;
}
dl dd{
	margin-left:1em;
}
th,td{
	border:0px;
	padding:.5em;
	vertical-align:top;
}
th{
	font-weight:bold;
	text-align:center;
}

b {
	font-weight:normal;
	font-family: NHaasGrotesk_65;

}

ub {
	font-weight:bolder;
	font-family: NHaasGrotesk_65;

}

caption{
	margin-bottom:.5em;
	text-align:center;
}
p,fieldset,table,pre{
	margin-bottom:1em;

}
input[type=text],input[type=password]{width:12.25em;*width:11.9em;}


/*TEXT */
h1,h2{
	font-weight:normal;
	font-family: NHaasGrotesk_35;
	letter-spacing: 0.01em;
	color:#000000;
}

h3,h4,h5,h6, strong{
	font-weight:normal;
	font-family: NHaasGrotesk_65;
	letter-spacing: 0.03em;
	color:#BE1432;
}


/* COLOURS */
red {
	color:#BE1432;
}

black {
	color:#000000;
}


h1 {
	font-family: NHaasGrotesk_25;
	font-size: 60px;
	/*line-height: 67px;*/
	line-height: 1.12;
	margin-top: 0px;
	margin: 0px 0 40px;
	padding: 10px 0;
}

h2 {
	font-family: NHaasGrotesk_65;
	font-size: 34px;
	line-height: 1.2;
	margin: 20px 0 20px;
	padding: 10px 0;
}
h3 {
	font-size:24px;
	line-height:1.2;
	margin-top:0px;
}
h4 {
	font-size:20px;
	line-height:1.2;
	margin: 24px 20px 12px 0px;
}

h5 {
	font-size:16px;
	line-height:1.2;
	margin: 24px 20px 12px 0px;
	/*display: inline-block;*/
}
h6 {
	font-size:14px;
	line-height:1.2;
	margin-top:0px;
	margin-bottom:-10px;

}

a{
	color:inherit;
	font-size:inherit;
	font-family:inherit;
}
	
a:link {
	/*text-decoration:none !important;*/
    }
	
a:active {
	color:#BE1432;
	text-decoration:none !important;    
	}

sup {
    vertical-align: super;
    font-size: smaller;
}

sub {
    vertical-align: sub;
    font-size: smaller;
}
/*  clear float */
.clear_float {
	clear:both;
	font-size:1px;
	line-height:1px; 

}
/* end clear float  */

/* Header Section */
#logo {
	padding: 15px 0px;
	margin: 0px -4px
}
#logo a {
/*	display: inline-block;
*/
}
#logo img{
	width: 433px;
	height: 68px;
	/*height: auto;*/
}
#logo_H {
	padding: 15px 0px 4px;
}

#logo_V {
	padding: 15px 0px 4px;
}



#redline {
	margin: 60px 0;
	background-color: #BE1432;
	width: 1040px;
	max-width: 100%;
	height: 2px;
}

#section_N {
	margin: 40px 0;
	background-color: #FFFFFF00;
	width: 1040px;
	max-width: 100%;
	height: 2px;
}

#section_C1 {
	margin: 60px 0;
	/*border-bottom: 1px solid #be1432;*/
	background-color: #BE1432;
	width: 1040px;
	max-width: 100%;
	height: 10px;
}
#section_K1 {
	margin: 60px 0;
	/*border-bottom: 1px solid #be1432;*/
	background-color: #0000001A;
	width: 1040px;
	max-width: 100%;
	height: 10px;
}

#section_HEAD {
	background-color: #0000001A;
	width: 1040px;
	max-width: 100%;
	height: 60px;
	display: flex;
  	align-items: center; 
}


#spacer {
	margin: 20px 0;
	width: 1040px;
	max-width: 100%;
}

#spacer_S {
	font-size:10px;
	margin: 10px 0;
	width: 1040px;
	max-width: 100%;
}

#spacer_B {
	font-size:10px;
	margin-bottom: 20px;
	width: 1040px;
	max-width: 100%;
}

body #bgdiv {
	display: none;
}

#row_header {
	/*padding: 0;*/
	padding: 60px 0 0;
}

/* Container section */
#home {
	/*margin: auto;*/
	/*margin: 260px 10% 0px;*/
	margin: 0px 10% 0px;
	width: 80%;
	/*top: 0px;*/
	position: relative;


}

#row_header, #container {
	margin-left: 80px;
	margin-right: 110px;
	width: calc(100% - 120px);
	width: -webkit-calc(100% - 120px);
	width: -moz-calc(100% - 120px);
	min-width: 60%;
	display: inline-block;
	max-width: 1040px;
	background: url(../images/TYYF_GRADIENT.png) repeat-y;
	background-color: #FFFFFF80;
}

#box_insert {
	padding: 20px 60px 20px 20px;
	margin-left:-20px;
	margin-right:-20px;
	max-width: 1080px;
	display: block;
	/*background-color: #5eb6e4;*/
	background-color: #003c3299;

}

#box_insert_0 {
	padding: 20px 60px 20px 20px;
	margin-left:0px;
	margin-right:0px;
	max-width: 1080px;
	display: block;
	background-color: #e6e6e699;

}


#logo, h1  {
	padding: 40px 0;
	display: block;
}

#content_area  {
	/*background: url(../images/TYYF_GRADIENT.png) repeat-y;*/
	padding: 20px 0;
	display: block;
	/*padding: 4px;*/

}

#footer{
	background-color:none;
	margin:40px 0 80px 135px;
}

.issuuembed  {
	padding:0px !important;
	margin:0px !important;
	}
	
.box_content p {
	font-size:18px;
	line-height:1.67;
	margin-bottom: 24px;
	font-weight:bolder;
	color:#000;
	/*color:#fff;*/
	padding-left: 4px; 
}

.box_content w {
	color:#fff;
}
	
.box_content a {
	text-decoration: underline;
	text-underline-offset: 4px;
	text-decoration-color: inherit;
	padding: 0 4px;
}

.box_content h3 > span{
	color:#fff;
	background-color: #BE1432;
	/*box-shadow: 6px 0 0px 0px #BE1432, -6px 0 0px 0px #BE1432;*/
	padding: 6px 6px;

}

.box_content h3 {
	margin: 48px 0  24px -4px;

}
.box_content strong > span{
	/*font-size:20px;
	font-weight:700; */
	color:#fff;
	background-color: #BE1432;
	/*box-shadow: 4px 0 0px 0px #BE1432, -4px 0 0px 0px #BE1432;*/
	padding: 2px 4px;
	margin-left: 4px;
	margin-right: 4px;
	
}

/* PAGE CONTENT*/
.content  {
	width: 100%;
	padding-left: 4px; 
}

.content p {
	margin: 12px 0px;
	/*margin-bottom: 24px;*/
	font-size:18px;
	line-height:1.67;
	width:90%;
	max-width:960px;
}

.content a {
	color:#BE1432;
	text-decoration: underline;
	text-underline-offset: 4px;
	padding: 0 4px;
}

.content h1 {
	margin:-20px 0 60px;
	padding: 0px 0;
	color:#000000;
}
.content h2 {
	margin:20px 0px;
	color:#000000;
}

.content w {
	color:#FFFFFF;
	padding-left: 10px;
}

.content h3 {
	margin: 24px 0 0px;
}
.content b {
	font-family: NHaasGrotesk_65;
}

/* IMPRINT*/
.imprint p {
	font-size:14px;
	line-height:1.5;
	color:#00000080;
	margin-bottom: 16px;
}

.imprint h6 {
	font-family: NHaasGrotesk_55;
	color: #00000080;
	letter-spacing: 0;
	margin: 0px 0px 20px;
}
/*.imprint h2 > strong {
	letter-spacing: 0.1em;
}*/

.imprint h2  {
	margin: 0 0 40px 0;
	/*margin-bottom: 40px;*/
}

.imprint h6 > a {
	color:#00000080;
	text-decoration: underline;
	text-underline-offset: 4px;
	text-decoration-color: #00000060;
	padding: 0px;
}

.imprint ul li{
	font-size:14px;
	line-height:1.5;
	color:#00000099;
	list-style:square outside;
	list-style:none;
	margin-bottom: 9px;
	padding: 0px 0px 4px 0px; 
}

.imprint li::before {
	content:'\25A0';
	display: block;
	position: relative;
	max-width: 0;
	max-height: 0;
	left: -16px;
	top: 4px;
	color: #00000066;
	font-size: 9px;
}



.contact-box {
	margin-top: 30px;
	font-size: 16px;
	line-height: 27px;
}
.contact-box h6 {
	margin-top: 45px;

}

.contact-box p > a {
	/*	text-decoration:none !important;  */
	color:#000000;
	text-decoration: underline;
	text-underline-offset: 4px;
	/*text-decoration-color: inherit;*/
	text-decoration-color: #A6A6A6;
	padding: 0px;
}



.r1 {
	color:#BE1432;
}
	
.appleLinksBlack a {
	color: #000000 !important; 
	text-decoration: none;
}



/* RESPONSIVE */
@media all and (min-width : 440.01px){
	/* Soft responsive break: */
	.rwd-break { display: none; }
}

@media all and (max-width : 440px){
	/* Soft responsive break: */
	.rwd-break { display: inline; }
}

@media (min-width : 1080.01px) and (max-width : 1600px){
	#row_header, #container {
		margin-left: 7.5%;
		margin-right: 7.5%;

		min-width: 75%;
	}
}

@media (min-width : 640.01px) and (max-width : 1080px){
		
	#home {
		width: 95%;
		/*margin-top: 80px;*/
		/*margin: 80px 2.5% 0px;*/		
		margin: 0px 2.5% 0px;

	}
	
	#row_header, #container {
		/*margin-left: 80px;*/
		/*margin-right: 80px;*/
		/*width: calc(100% - 160px);*/
		/*width: -webkit-calc(100% - 160px);*/
		/*width: -moz-calc(100% - 160px);*/
		margin-left: 5%;
		margin-right: 5%;
		width: 90%;
		background-color: #FFFFFFB3;

	}
	
	#section_N {
		margin: 40px 0;
	}
}

@media (min-width : 320px) and (max-width : 640px){

	html, body {
		width: auto!important; 
		overflow-x: hidden!important;
	} 
	
	body{
		background-position: 10% -13px;
		background-position: -250px -13px;
		background-attachment: fixed;
	}
	
	h1 {
		padding: 20px 0 0px;
		font-family: NHaasGrotesk_35;
		font-size: 39px;
		line-height: 1.2;
	}
	
	h2 {
		font-size:26px;
	}
	
	h3 {
		font-size:22px;
	}
	
	h4 {
		font-size: 18px;
		/*line-height: 20px;*/
	}
	
	h5 {
		font-size: 16px;
		/*line-height: 15px;*/	
	}
	
	h6 {
		font-size: 14px;
	}
	
	#home {
		width: 100%;
		/*margin: 80px 0% 0px;*/
		margin: 0px 0% 0px;
	}
	
	#logo img{
		width: 80%;
		height: 80%;
		max-width: 346px;
	}
		
	#logo_H img{
		height: 75%;
		width: 75%;
		max-width: 255px;
	}
	
	#logo_V img{
		width: 40%;
		height: auto;
		max-width: 132px;
	}
	

	#row_header {
		margin-left: 0px;
		margin-right: 0px;
	}

	#container {
		margin-left: 0px;
		margin-right: 0px;
	}

	#row_header, #container {
		/*width: calc(100%);*/
		/*width: -webkit-calc(100% );*/
		/*width: -moz-calc(100%);*/
		width: 100%;
		/*background-color: #FFFFFF00;*/
		/*background-image:none !important;*/
		background: url(../images/TYYF_GRADIENT_0.6.png) repeat-y;
		background-color: #FFFFFF66;

	}
	
	#box_insert {
		padding: 20px 12px 20px;
		margin-left:-0px;
		margin-right:-0px;
	}
	
	#box_insert_0 {
		padding: 20px 12px 20px;
		margin-left:-0px;
		margin-right:-0px;
	}
	
	.contact-box {
		margin-top: 30px;
	}
	
	.content {
		margin: 12px 12px;
		width: 92%;
	}
	
	.content p {
		width: 100%;
		/*width: calc(100% - 6px);*/
		/*width: -webkit-calc(100% - 6px);*/
		/*width: -moz-calc(100% - 6px);*/
	}
	
	.content w {
		padding-left: 0px;
	}
		
	.imprint h2  {
		margin: 0 0 24px 0;
	}
	
	
	#section_N {
		margin: 15px 0;
	}
	
}

	

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

	html, body {
		width: auto!important; 
		overflow-x: hidden!important;
	} 

	
	body{
		background: none;
		font-size: 15px;
		line-height: 18px;
	}
	
	body #bgdiv {
		display: block;
		height: 100%;
		width: 100%;
		/*background:#ffffff url(../images/TYYF_VISUAL.png) -150px -13px no-repeat !important;*/
		background:#ffffff url(../images/TYYF_VISUAL.png) left -240px top 10px no-repeat !important;
		position: fixed;
		/*background-position: left -240px top 10px;*/
		/*top: 0;*/
		/*left: 0;*/
		/*background-size: 200% auto !important;*/
		background-size: 220% auto !important;
		background-attachment: fixed;
	}
	
	h1 {
		/*font-size: 39px;*/
	}
	
	h5 {
		/*font-size: 18px;*/
	}
	
	h6 {
		/*font-size: 14px;*/
	}
	
	
	#home {
		/*margin-top: 0px;*/
		width: 100%;
		margin: 0px 0% 0px;

	}
	
	#logo img{
		width: 90%;
		height: 90%;
		max-width: 346px;
	}
		
	#logo_H img{
		height: 75%;
		width: 75%;
		max-width: 255px;
	}
	
	#logo_V img{
		width: 40%;
		height: auto;
		max-width: 132px;
	}
	
	#row_header {
		/*margin-top: 160px !important;*/
		padding: 80px 0 0;
	}

	#container {
		margin-left: 0px;
		margin-right: 0px;
	}

	#row_header, #container {
		/*width: calc(100%);*/
		/*width: -webkit-calc(100% );*/
		/*width: -moz-calc(100%);*/
	}
	
	
	#content_area  {
		padding: 0px 0;
	}
	
	
	
	#logo, h1, #content_area > div {
		background-size: contain ;
	}
	
	#logo {
		width: 100%;
		padding: 5px 0;
	}

	
	.imprint {
		/*padding: 20px 0px;*/
	}
	
	.contact-box {
		margin-top: 30px;
		font-size: 15px;
		line-height: 18px;
	}
		
	.content {
		margin: 12px 12px;
		/*width: 90%;*/
		width: calc(100% - 32px);
		width: -webkit-calc(100% - 32px);
		width: -moz-calc(100% - 32px);
	}
	

	
	body, h1, h2, h3, h4, h5, h6, .imprint, .imprint p {
		-webkit-text-size-adjust:100%;
	}
	
}



@media only screen and (max-device-width : 640px) and (orientation : landscape) {
	
	h1 {
		font-family: NHaasGrotesk_35;
	}
	
	#home {
		margin-top: 0px;
	}
	
	#row_header, #container {
		margin-left: 5%;
		margin-right: 5%;
		width: 90%;
		background-color: #FFFFFFB3;
	}
	
	#row_header {
		padding: 40px 0 0;
	}
	
	#logo img{
		width: 80%;
		height: 80%;
		max-width: 346px;
	}
	
	#logo_H img{
		height: 85%;
		width: 85%;
		max-width: 289px;
	}
	
	#logo_V img{
		width: 40%;
		height: auto;
		max-width: 132px;
	}
	
	#content_area  {
		padding: 0px 0px;
	}
	
	#box_insert {
		padding: 20px 24px 20px;
		margin-left:-0px;
		margin-right:-0px;
	}
	
	.content p {
		font-size:21px;
		width:95%;
		max-width:960px;
	}
	
	#section_N {
		margin: 10px 0;
	}
	

}