@import url(https://fonts.googleapis.com/css?family=Roboto:400,900); /* Google-Font importieren */

.html { height: 100%; } /* HTML */
html, body { min-height: 100% !important; height: 100%; } /* HTML */

.loadie { z-index: 50000; } /* Loadie */

.css_body { z-index: -1; width: 100%; height: 100%; background-color: #ffffff; color: #505050; font-family: 'Alegreya Sans', 'sans-serif'; font-size: 12px; overflow: hidden; overflow-x: hidden; overflow-y: hidden; } /* Body */

.css_dis_box { z-index: -100; display: none; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background-image: url(.././hintergrund_comedius.jpg); background-size: cover; background-position: center; background-repeat: no-repeat; } /* Display Box */
.css_dis_preloader_box { display: none; } /* Preoader Box */
.css_dis_preloader_bilder_box { display: none; } /* Preoader Bilder Box */
.css_dis_aktionen_box { display: none; } /* Aktionen Box */
.css_dis_aktionen_ueberregional_box { display: none; } /* Aktionen ueberregional Box */
.css_dis_show_box { width: 100%; height: 100%; display: inline; overflow: hidden; overflow-x: hidden; overflow-y: hidden; } /* Show Box */
.css_dis_code_box { display: none; } /* Code Box */

/* Display Marketing: Objektformatierungen */

.css_position_relativ { } /* Ralative Positionierung */
.css_hintergrund { opacity: 0.00; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background-size: cover; background-position: center; background-repeat: no-repeat;  background-color: #ffffff; } /* Hintergrundformatierung */
.css_hintergrund_ohne { opacity: 0.00; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background-size: cover; background-position: center; background-repeat: no-repeat;  } /* Hintergrundformatierung */
.css_hintergrund_height_auto { opacity: 0.00; position: absolute; left: 0px; top: 0px; width: 100%; height: auto; background-size: 100% auto; background-position: center; background-repeat: no-repeat;  } /* Hintergrundformatierung */
.css_titel { font-family: 'Roboto', sans-serif; font-weight: 900; color: #ffffff; text-transform: uppercase; font-size: 8rem; } /* Titel-Textformatierung */
/* .css_titel_schatten { text-shadow: 3px  3px 3px #f0f0f0, 3px -3px 3px #f0f0f0, -3px  3px 3px #f0f0f0, -3px -3px 3px #f0f0f0 } */
.css_titel_schatten { text-shadow: 0 -1px #f08418, 1px 0 #f08418, 0 1px #f08418, -1px 0 #f08418; }
.css_titel_position_zentriert { margin: 0 auto; position: absolute; top: 50%; width: 100%; height: auto; text-align: center; } /* Titel-Textformatierung Position */
.css_titel_position_zentriert_oben { margin: 0 auto; position: absolute; top: 0%; left: 0%; width: 100%; height: auto; text-align: center; padding-top: 1%;} /* Titel-Textformatierung Position */
.css_titel_position_zentriert_unten { margin: 0 auto; position: absolute; top: 90%; left: 0%; width: 100%; height: auto; text-align: center; } /* Titel-Textformatierung Position */
.css_titel_position_oben_rechts { margin: 0 auto; position: absolute; top: 0%; left: 0%; width: 100%; height: auto; text-align: right; padding-left: 2%; padding-right: 2%; padding-top: 0.1%; } /* Titel-Textformatierung Position */
.css_titel_position_oben_links { margin: 0 auto; position: absolute; top: 0%; left: 0%; width: 100%; height: auto; text-align: left; padding-left: 2%; padding-right: 2%; padding-top: 0.1%; } /* Titel-Textformatierung Position */
.css_titel_position_mitte_links { margin: 0 auto; position: absolute; top: 50%; width: 100%; height: auto; text-align: left; } /* Titel-Textformatierung Position */
.css_titel_position_mitte_rechts { margin: 0 auto; position: absolute; top: 50%; width: 100%; height: auto; text-align: right; } /* Titel-Textformatierung Position */
.css_titel_position_unten_links { margin: 0 auto; position: absolute; top: 85%; width: 100%; height: auto; text-align: left; } /* Titel-Textformatierung Position */
.css_titel_position_unten_rechts { margin: 0 auto; position: absolute; top: 85%; width: 100%; height: auto; text-align: right; } /* Titel-Textformatierung Position */

.css_text { font-family: 'Roboto', sans-serif; font-weight: 400; color: #505050; font-size: 5rem; } /* Textformatierung */
.css_text_halb { font-family: 'Roboto', sans-serif; font-weight: 400; color: #505050; font-size: 3.75rem; } /* Textformatierung */
.css_text_position_zentriert { margin: 0 auto; position: absolute; top: 60%; width: 40%; height: auto; text-align: center; } /* Textformatierung Position */
.css_text_position_zentriert_oben { margin: 0 auto; position: absolute; top: 18%; left: 0%; width: 100%; height: auto; text-align: center; padding-top: 1%;} /* Textformatierung Position */
.css_text_position_zentriert_unten { margin: 0 auto; position: absolute; top: 70%; left: 0%; width: 100%; height: auto; text-align: center; } /* Textformatierung Position */
.css_text_position_oben_rechts { margin: 0 auto; position: absolute; top: 18%; left: 60%; width: 40%; height: auto; text-align: right; padding-left: 2%; padding-right: 2%; padding-top: 1%; } /* Textformatierung Position */
.css_text_position_oben_links { margin: 0 auto; position: absolute; top: 18%; left: 0%; width: 40%; height: auto; text-align: left; padding-left: 2%; padding-right: 2%; padding-top: 1%; } /* Textformatierung Position */
.css_text_position_mitte_links { margin: 0 auto; position: absolute; top: 70%; left: 0%; width: 40%; height: auto; text-align: left; } /* Textformatierung Position */
.css_text_position_mitte_rechts { margin: 0 auto; position: absolute; top: 70%; left: 60%; width: 40%; height: auto; text-align: right; } /* Textformatierung Position */
.css_text_position_unten_links { margin: 0 auto; position: absolute; top: 70%; left: 0%; width: 40%; height: auto; text-align: left; } /* Textformatierung Position */
.css_text_position_unten_rechts { margin: 0 auto; position: absolute; top: 70%; left: 60%; width: 40%; height: auto; text-align: right; } /* Textformatierung Position */

.css_transparenz { opacity: 0.00 } /* Transparenz auf 0 setzen */
.css_rand_unten { padding-bottom: 1%; } /* Unterer Abstand zum Text */