@font-face {font-family:Tiempos;src:url(../fonts/TiemposTextWeb-Regular.woff2) format("woff2"),url(../fonts/TiemposTextWeb-Regular.woff) format("woff");font-style:normal;font-weight:400}
@font-face {font-family:Tiempos;src:url(../fonts/TiemposTextWeb-RegularItalic.woff2) format("woff2"),url(../fonts/TiemposTextWeb-RegularItalic.woff) format("woff");font-style:italic;font-weight:400}
@font-face {font-family:Tiempos;src:url(../fonts/TiemposTextWeb-Bold.woff2) format("woff2"),url(../fonts/TiemposTextWeb-Bold.woff) format("woff");font-style:normal;font-weight:700}
@font-face {font-family:Tiempos;src:url(../fonts/TiemposTextWeb-BoldItalic.woff2) format("woff2"),url(../fonts/TiemposTextWeb-BoldItalic.woff) format("woff");font-style:italic;font-weight:700}
@font-face {font-family:TradeGothic;src:url(../fonts/trade-gothic-bold.woff2) format("woff2"),url(../fonts/trade-gothic-bold.woff) format("woff");font-style:normal;font-weight:700}


/* Allgemeines */
	/* body { font-family:"Rollerscript"; font-size:18px; background-color:#000; text-align:center; margin:0; padding:0; } */
	body { font-family: Tiempos,serif; font-size:17px; background-color:#000; text-align:center; margin:0; padding:0; overflow-x: hidden; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing:grayscale }
	p {}
	td {}
	img { display: block; }
	a:link { color:#000000; text-decoration:none; }
	a:visited { color:#000000; text-decoration:none; }
	a:hover { color:#45436d; text-decoration:none; }
	a:active { text-decoration:none; }
	.CR2Master { position:relative; width:100%; max-width:1400px; margin:auto; overflow: hidden; }
	.row:after { content:""; display:table; clear:both; }
	.orangertext { color:#FFA500; }
	.rotertext { color: darkred; }
	.fett { font-weight:bold; }
	.h1 { font-size:32px; }
    .h2 { font-size:26px; }
    .h3 { font-size:18px;}
	.headline { font-size:24px; }
	.center { text-align:center; }
	.left { text-align:left; }
	.vollebreite { width:100%; }
	.hide { display: none; }
/**************/

/* Schriften */
	.font_headline, .button, .headline, .h1, .h2, .h3 { letter-spacing: -1px; }
	.font_headline, .button, .headline, .h1, .h2, .h3, #footerText, .hint_keywords, #headerContent { font-family: TradeGothic,sans-serif; font-weight: 700; text-transform: uppercase; }
	.font_content { font-family: Tiempos,serif; }
/*************/

/* main */
	#CR2Main { position: relative; background-color: #FAFAFA; color:#F4D2B0; background-image:url('../design/CR2_Background.jpg'); background-repeat:no-repeat; background-size:cover; background-position: center; }
	#CR2Header { width:40%; }
	#CR2HeaderFinale { padding-left: 80%; width:20%; }
	#CR2MainContent { padding-top: 50px; min-height: 60vh; width:90%; margin: auto; padding-bottom: 200px; font-size: 20px; }
	.CR2FinaleButton { width:100%; max-width:300px; min-height:40px; border: 2px solid #F4D2B0; font-size: 20px; color: #F4D2B0; text-transform: uppercase; text-align: center; -webkit-appearance: none; background-color: transparent; transition: transform 0.5s; box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.3); box-sizing: border-box; }
	.CR2FinaleButton:hover { background-color: #452514; }
	.CR2TextInput { width:100%; max-width:300px; min-height:40px; border: 2px solid #F4D2B0; font-size: 20px; color: #452514; text-align: center; -webkit-appearance: none; background-color: #F4D2B0; box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.3); box-sizing: border-box; }
	#CR2DarkerBackgroundMain { position: absolute; top:0; left:0; right:0; bottom: 0; background-color: rgba(0,0,0,0.8); z-index: 200; display: none; }

	#ZeitungsInhalte { position: relative; display: none; }
	#Zeitung { position: relative; width:95%; padding-top:134%; background-repeat:no-repeat; background-size:contain; background-position: center; box-shadow: 10px 10px 25px 5px rgba(0,0,0,0.3); margin: auto; }
	#zeitung_bild { width:63.2%; height:23.04%; position: absolute; top:24.3%; left:32.2%; }
	.spielerbild { object-fit: contain; width:100%; height:100%; }

	@media only screen and (max-width:1444px) { 
		#CR2Header { width:55%; }
		#CR2HeaderHinweise { padding-left: 75%; width:25%; }
	}

	@media only screen and (max-width:1500px) { 
		.CR2UmschlagButton { width:20%; padding-top:20%; }
	}

	@media only screen and (max-width:1200px) { 
		#CR2Header { width:60%; }
		#CR2HeaderHinweise { padding-left: 70%; width:30%; }
	}

	@media only screen and (max-width:992px) { 
		.CR2UmschlagButton { width:28%; padding-top: 28%; }
	}

	@media only screen and (max-width:768px) { 
		#CR2Header { width:70%; }
		#CR2HeaderHinweise { padding-left: 60%; width:40%; }
	}

	@media only screen and (max-width:576px) { 
		#CR2Header { width:80%; }
		#CR2HeaderHinweise { padding-left: 55%; width:45%; }
		.CR2UmschlagButton { width:45%; padding-top: 45%; }
	}

	@media only screen and (max-width:445px) { 
		#CR2Header { width:90%; }
	}
/********/

/* Upload */
	input[type="file"] { display: none;	}
	.custom-file-upload { border: 2px solid #F4D2B0; font-size: 20px; color: #F4D2B0; background-color: transparent; text-transform: uppercase; display: inline-block; text-align: center; cursor: pointer; width:100%; max-width:300px; min-height:36px; line-height: 40px; transition: transform 0.5s; box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.3); box-sizing: border-box; }
	.custom-file-upload:hover { background-color: #452514; }
	.custom-file-upload:focus { outline: none; }
/**********/

/* footer */
	#CR2footer { position: absolute; bottom: 0; left:5%; right:5%; width: 90%; color: #FFF; }

	#footerContent { position: relative; padding-top:120px; }
	#footerText { width:100%; text-align: right; padding-top:28px; }

	#CR2footer a:link { color:#FFF; text-decoration:none; }
	#CR2footer a:visited { color:#FFF; text-decoration:none; }
	#CR2footer a:hover { color:#FFF; text-decoration:none; }
	#CR2footer a:active { text-decoration:none; }

	.CR2footerTowColumn { float:right; width:50%; }

	@media only screen and (max-width:576px) { 
		#footerContent { padding-top:60px; }
		.CR2footerTowColumn { width:100%; }
	}
/**********/

.printonly { display: none; }