/* CSS Dokument */

@font-face {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 300;
	font-display: swap;
	src: url('/assets/fonts/montserrat-300.woff2') format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, 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: 'Montserrat';
	font-style: normal;
	font-weight: 500;
	font-display: swap;
	src: url('/assets/fonts/montserrat-500.woff2') format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, 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: 'Montserrat';
	font-style: normal;
	font-weight: 800;
	font-display: swap;
	src: url('/assets/fonts/montserrat-800.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;
}

*																					{ margin: 0; padding: 0; box-sizing: border-box!important; outline: none; }
html																			{ color: #555555; font-family: 'Montserrat', sans-serif; font-size: 16px; font-weight: 300; line-height: 1.5; position: relative; word-spacing: 2px; }

h1																				{ color: #ffffff; font-size: 3.5rem; font-weight: 300; margin: 0 0 2rem; }
h2																				{ font-size: 1.75rem; font-weight: 500; margin: 0 0 2rem; }
h3																				{ font-size: 1.75rem; font-weight: 500; margin: 0 0 2rem; }
h3:after																	{ border-bottom: 0.125rem solid #890f1f!important; content: ""; display: block; margin: 0.25rem 0 0; width: 4rem; }
h4																				{ font-size: 1.5rem; font-weight: 500; line-height: 1.35; margin: 0.25rem 0 1rem; text-transform: uppercase; }
h5																				{ background: #890f1f; color: #ffffff; font-size: 1.125rem; font-weight: 500; margin: 0 0 0.125rem; padding: 0.75rem 0.75rem; text-transform: uppercase; }
h6																				{ color: #890f1f; font-size: 1rem; font-weight: 800; letter-spacing: 1px; margin: 1.5rem 0 1rem; text-transform: uppercase; }

img																				{ display: block; max-width: 100%; }
a																					{ color: #890f1f; cursor: pointer; display: inline-block; text-decoration: none; }
p																					{ font-size: 1.375rem; margin: 0 0 1.5rem; }
p a																				{ border-bottom: solid transparent 0.125rem; }
p a:hover																	{ border-bottom: solid #890f1f 0.125rem; }
hr																				{ border: none; width: 100%; }
i, em																			{ font-style: italic; }
section																		{ padding: 3rem 0; width: 100%; }
strong																		{ font-weight: 500; }
table																			{ border-collapse: collapse; cursor: default; margin: 0 0 2rem; width: 100%; }
table tr																	{ border: 0.0625rem solid #eeeeee; }
table tbody tr:hover											{ background: #eeeeee; }
table tr td																{ font-size: 1.375rem; padding: 0.25rem 0.5rem; }
video																			{ display: block; height: auto; position: relative; width: 100%; }

header																		{ padding: 1rem; }
header .logo img													{ filter: invert(100%) sepia(6%) saturate(7490%) hue-rotate(311deg) brightness(119%) contrast(106%); min-width: 8rem; padding: 0.75rem 0; }


/* GRUNDGERÜST */

.content																	{ margin: 0 auto; max-width: 640px; width: 96%; }
.flex																			{ display: flex; flex-direction: row; flex-wrap: wrap; justify-content: start; width: 100%; }
.flx-start																{ align-items: flex-start; }
.flx-end																	{ justify-content: end; }
.flx-strech																{ align-items: stretch; }
.flx-center																{ justify-content: center; }
.flx-between															{ justify-content: space-between; }
.flx-a-between														{ align-content: space-between; }
.flx-evenly																{ justify-content: space-evenly; }
.flx-reverse															{ flex-direction: row-reverse; }

.full																			{ width: 100%; }
.fourfifth																{ width: 80%; }
.threequarter															{ width: 75%; }
.twothird																	{ width: 66.666%; }
.half																			{ width: 50%; }
.third																		{ width: 33.333%; }
.quarter																	{ width: 25%; }
.fifth																		{ width: 20%; }
.sixth																		{ width: 16.666%; }
.tenth																		{ width: 10%; }

.centered																	{ text-align: center; }
.red																			{ color: #890f1f; }
.space																		{ padding: 1.75rem; }

#headline																	{ background: transparent; text-align: center; }
#headline h1															{ color: #ffffff; }

#bgvid																		{ background: url('/data/site/cag-bg-image.jpg'); background-size: cover; position: fixed; top: 50%; left: 50%; min-width: 100%; min-height: 100%; width: auto; height: auto; z-index: -100; transform: translateX(-50%) translateY(-50%); }

.info																			{ background: #ffffff; margin: 0 0 1rem; } 
.social a																	{ margin: 0 0.5rem; }
.social a img															{ filter: invert(11%) sepia(83%) saturate(3206%) hue-rotate(335deg) brightness(98%) contrast(100%); width: 3.5rem; }

.rate a																		{ border: solid 0.125rem #890f1f; border-radius: 1rem; padding: 1rem; }
.rate a img																{ width: 10rem; }


.events																		{  }
.events .item															{ background: #eeeeee; color: #555555; height: 100%; margin: 0 0 1rem; text-align: left; }
.events h3																{ margin: 0; }
.events .item .details										{  }
.events .item .poster											{  }
.events .item .title											{ width: 80%; }
.events .item .icon												{ padding: 0.5rem 1rem; width: 20%; }
.events .item .icon img										{ max-height: 3rem; }


/* WEBEDITION */

body > div:last-child											{ background: transparent; padding: 0.5rem 1rem; text-align: center!important; }
body > div:last-child a										{ color: #eeeeee; font-size: 0.625rem; }