/* 0.0 - Used Colors
* 
* Dark Red - RGB 175,5,39 - CMYK 0,100,80,30 - HEX #af0527
* Light Grey - RGB 177,179,180 - CMYK 0,0,0,40 - HEX #b1b3b4
*
*/
/**
 * 1.0 - Reset
 *
 * Resetting and rebuilding styles have been helped along thanks to the fine
 * work of Eric Meyer, Nicolas Gallagher, Jonathan Neal, and Blueprint.
 */
 
 
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}

html {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 62.5%;
	overflow-y: scroll;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}


*,
*:before,
*:after {
	-webkit-box-sizing: inherit;
	-moz-box-sizing: inherit;
	box-sizing: inherit;
}


body {
	background: transparent !important;
	height: 100% !important;
	min-height: 1080px !important;
}


article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section {
	display: block;
}


ol,
ul {
	list-style: none;
}


table {
	border-collapse: separate;
	border-spacing: 0;
}


caption,
th,
td {
	font-weight: normal;
	text-align: left;
}


fieldset {
	min-width: inherit;
}


blockquote:before,
blockquote:after,
q:before,
q:after {
	content: "";
}


blockquote,
q {
	-webkit-hyphens: none;
	-moz-hyphens: none;
	-ms-hyphens: none;
	hyphens: none;
	quotes: none;
}


a:focus {
	outline: 2px solid #c1c1c1;
	outline: 2px solid rgba(51, 51, 51, 0.3);
}


a:hover,
a:active {
	outline: 0;
}


a img {
	border: 0;
}




/**
* 2.0 - Used Fonts
* 
* Dark Red - RGB 175,5,39 - CMYK 0,100,80,30 - HEX #af0527
* Light Grey - RGB 177,179,180 - CMYK 0,0,0,40 - HEX #b1b3b4
*
*/


html {
    font-size: 100% !important;
    -webkit-font-smoothing: antialiased !important; 
}


body {
    font-family: 'Helvetica Condensed Medium' !important;
    font-size: 1em !important;
    height: 100% !important;
}


h1 {
    font-family: 'Din Engschrift Regular' !important;
    font-size: 2em !important;
    padding-top: 0.8em !important;
    padding-bottom: 0.3em !important;
    border-bottom: 2px solid #af0527 !important;
}


.category p {
    margin-top: 1em !important;
}


h2 {
    font-family: 'Helvetica Condensed Bold' !important;
    font-size: 1.4em !important;
    padding-top: 0.4em !important;
    padding-bottom: 0.4em !important;
}


.marketing h2 {
    font-family: 'Helvetica Condensed Bold' !important;
    font-size: 1.7em !important;
    padding-top: 0.8em !important;
    padding-bottom: 0.8em !important;
}


h3 {
    font-family: 'Helvetica Condensed Bold' !important;
    font-size: 1.3em !important;
    padding-top: 0.8em !important;
    padding-bottom: 0.3em !important;
}


p {
    margin: 0em 0.5em 0em 0em !important;
    padding: 0.5em !important;
    line-height: 1.2em !important;
    text-align: justify;
}


ul 
{
    margin: 0em 0.5em 0em 0em !important;
    padding: 0.5em 0.5em 0.5em 3em !important;
    line-height: 1.2em !important;
    list-style-type: circle !important;
}


a {
    font-family: 'Din Engschrift Regular';
    color: #af0527 !important;
}

footer {
    font-family: 'Helvetica Condensed Medium';
    font-size: 1.1em !important;
}




/**
 * 3.0 - General Layout Formatting
 *
 * Resetting and rebuilding styles have been helped along thanks to the fine
 * work of Eric Meyer, Nicolas Gallagher, Jonathan Neal, and Blueprint.
 */
 
 
div.container { 
    background-color: #ffffff !important;
    height: 100% !important;
    width: 100% !important;
}


header {
	padding-top: 0em !important;
	height: 400px !important;
}



footer {
    background-color: #af0527 !important;
}


div#container-open {
	width: 100%;
	text-align: center;	
	background-color: #ffffff !important;
	height: 100% !important;
	min-height: 1080px !important;
	margin-bottom: 0px !important;
	padding-bottom: 1% !important;
}


div#container-closed {
	width: 100%;
	text-align: center;	
	background-color: #000000 !important;
	height: 100% !important;
	min-height: 1080px !important;
	margin-bottom: 0px !important;
	padding-bottom: 1% !important;
}


section {
	text-align: center !important;
}



section.logo-geschlossen, section.logo-geoeffnet {
	width: 100%;
	height: auto !important;
	text-align: center;	
}


section.logo-geschlossen {
	background-color: #000000 !important;
}


section.logo-geoeffnet {
	background-color: #ffffff !important;
}



section.logo-geschlossen img, section.logo-geoeffnet img {
	width: 45%;
	height: 506px !important;
	height: auto !important;
	padding-top: 4%;
	padding-bottom: 4%;
}



div.col-geschlossen {
	background-color: #000000 !important;
}



div-col-geoeffnet {
	background-color: #ffffff !important;
}



.status-geschlossen {
	font-family: din-engschrift-regular !important;
    font-size: 4.6em !important;
    padding-top: 0.4em !important;
    padding-bottom: 0.8em !important;
    color: #ffffff !important;
    background-color: #af0527 !important;
}


.status-geoeffnet {
	font-family: din-engschrift-regular !important;
    font-size: 4.6em !important;
    padding-top: 0.4em !important;
    padding-bottom: 0.8em !important;
    color: #ffffff !important;
    background-color: #076011 !important;
}


/* HILFS-KLASSEN FÜR LANGEN TEXT ALS 1-ZEILER --> GRÖSSE ANPASSEN! WENN KEIN BEDARF MEHR, BITTE AUSKOMMENTIEREN */ 
.status-geoeffnet {
    font-size: 3.8em !important;
    padding-top: 0.4em !important;
    padding-bottom: 0.4em !important;
}


h2.mach-mich-kleiner {
	font-size: 1.1em !important;
}

/* HILFS-KLASSEN FÜR LANGEN TEXT ALS 1-ZEILER --> GRÖSSE ANPASSEN! WENN KEIN BEDARF MEHR, BITTE AUSKOMMENTIEREN */ 



/* DIESEN BLOCK NACH CORONA LÖSCHEN */ 
section.logo-geschlossen img, section.logo-geoeffnet img {
	width: 45%;
	height: 506px !important;
	height: auto !important;
	padding-top: 4%;
	padding-bottom: 4%;
}
/* DIESEN BLOCK NACH CORONA LÖSCHEN */ 







section.bg-black {
	background-color: #000000 !important;
}



section.bg-white {
	background-color: #ffffff !important;
}



section.hotline {
	background-color: #af0527 !important;
	margin-bottom: 10px !important;
}


.hotline-geschlossen {
    color: #ffffff !important;
    margin-bottom: 0 !important;
    padding-top: 0.4em !important;
    padding-bottom: 0.4em !important;
    font-size: 1.4em !important;
}


.hotline-geoeffnet {
    color: #000000 !important;
    margin-bottom: 0 !important;
    padding-top: 0.4em !important;
    padding-bottom: 0.4em !important;
    font-size: 1.4em !important;
}

	
		
.text-light {
	font-family: 'Helvetica Condensed Light' !important;
    font-size: 3.6em !important;
    padding-top: 0.6em !important;
    padding-bottom: 0.8em !important;
    padding-right: 0.2em !important;
}


.text-bold {
	font-family: 'Din Engschrift Regular' !important;
    font-size: 3.8em !important;
    padding-top: 0.6em !important;
    padding-bottom: 0.8em !important;
}


#footer {
    color: #ffffff !important;
    background-color: #000000 !important;
}