/*---- fonts ----*/
@font-face { font-family:'favorit'; src:url('fonts/favorit-regular.eot'), url('fonts/favorit-regular.eot?#iefix') format('embedded-opentype'), url('fonts/favorit-regular.woff') format('woff'), url('fonts/favorit-regular.ttf') format('truetype'), url('fonts/favorit-regular.svg#favorit-regular') format('svg'); font-weight:normal; font-style:normal; }
/*---- basic ----*/
* { box-sizing:border-box; }
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, img, ins, kbd, q, s, samp,
small, strike, strong, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary, time, mark, audio, video { margin:0; padding:0; border:0; font-size:100%; font:inherit; vertical-align:baseline; }
/*sub, sup, */
a { color:#000; }
b, strong { letter-spacing:0px; font-weight:bold; }
em, i { font-style: italic; }
img { border:none; }
ol, ul { list-style:none; }
table { border-collapse:collapse; border-spacing:0; }
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block; }
blockquote, q { quotes:none; }
blockquote:before, blockquote:after, q:before, q:after { content:''; content:none; }
.weg { display:none; }
.error { width:100%;text-align:center; }
.javascript_error { width:100%;background:#e6f7ff;border:1px solid lightblue;font-size:1em;padding:10px;}
/*---- container ----*/
:root { }
html { height:100%; width:100%; background-color:#fff; font-family:'favorit'; font-size:1em; }
body { height:100%; width:100%; }
.container { height:100%; }
/*---- scrollbar ---*/
.slimScrollRail {}
.slimScrollBar { height:80px !important; }
.slimScrollDiv {}
/*---- projektliste mobile ----*/
.project_list { text-align:center; padding:25px 10px 0 10px; line-height:1; }
.project_list .project_link { margin:0 auto; margin-bottom:1em; }
.project_list a { text-decoration:none; font-size:1.3em; }
.project_list a img { margin-top:.5em; display:inline; max-width:95%; }
.project_list .spacer { width:100%; height:320px; }
/*---- projektliste tablet & screen ----*/
@media only screen and (min-width: 768px) {
	.project_list { position:relative; text-align:center; padding-top:115px; line-height:1.5; }
	.project_list .project_link { margin:0 auto; margin-bottom:.5em; }
	.project_list a { position:relative; text-decoration:none; font-size:1.4em; }
	.project_list a img { position:absolute; display:none; z-index:99; max-width:none; /*margin-top:1.6em;*/ }
	.project_list a:hover img { display:inline; }
}
/*---- footer mobile ----*/
.footer { z-index:1001; background:white; width:100%; height:55px; position:fixed; left:0; bottom:0; -webkit-box-shadow:0 0 15px 0 #000; -moz-box-shadow:0 0 15px 0 #000; box-shadow:0 0 15px 0 #000; }
.footer_click_dummy { display:none; }
.footer .info_heading { height:87px; width:100%; padding-top:10px; background:white; }
.footer .info_heading .menu_icon { display:inline; height:18px; padding-right:10px; }
.footer.show { height:75%; }
.footer.show + .footer_click_dummy { position:absolute; top:0; left:0; height:25%; width:100%; background:transparent; display:inline; z-index:300; }
.footer.show .info_heading { padding-top:20px; }
.footer a.language_switch { float:right; padding:.2em 2.5% 0 2.5%; margin-top:-35px; text-align:right; font-size:1.3em; text-decoration:none; }
.footer a.language_switch:hover { color:#333; }
.footer a.info_title { float:left; width:100%; padding-left:5%; text-transform: uppercase; font-size:1.5em; cursor:pointer; text-decoration:none; }
.footer .info_content { height:80%; overflow-y:auto; padding-bottom:100px; }
.footer .info_content .info_text { display:none; }
.footer .info_content .info_infos { float:left; width:100%; padding:0 5%; }
.footer .info_content .info_infos div { margin-bottom:25px; display:block; }
.footer .info_content .info_infos .info_address { font-size:1.4em; }
.footer .info_content .info_infos .info_email a,
.footer .info_content .info_infos .info_newslink a { font-size:1.4em; text-decoration:none; }
.footer .info_content .info_infos .info_documents h4 { font-size:1.4em; text-transform:uppercase; margin-bottom:20px; }
.footer .info_content .info_infos .info_documents a { margin:2px 4px 45px 4px; font-size:1.2em; text-decoration:none; text-align:left; /*height:170px;*/ width:160px; overflow:hidden; float:left; }
.footer .info_content .info_text_mobile { float:left; font-size:1.2em; }
.footer .info_content .info_infos .info_copyright { font-size:1.2em; clear:both; }
/*---- footer screen & tablet ----*/
@media only screen and (min-width: 768px) {
	.footer.show .info_heading { padding-top:35px; }
}
/*---- footer screen ----*/
@media only screen and (min-width: 1024px) {
	.footer { height:65px;}
	.footer .info_heading .menu_icon { display:none; }
	.footer .info_content { display:flex; height:100%; overflow-y:hidden; }
	.footer .info_content .slimScrollDiv { float:left; }
	.footer .info_content .info_text { display:block; float:left; width:100%; font-size:1.2em; padding:0 5%; margin-bottom:45px; height:100%; width:62%; padding:0 8% 0 5%; }
	.footer .info_content .info_text_scroll { padding:0 8px 100px 0; height:100%; overflow-y:auto; width:100%; margin:0; font-size:1.3em; }
	.footer .info_content .info_infos { height:100%; overflow-y:auto; width:100%; padding:0; padding-bottom:100px; }
	.footer .info_content .info_infos .info_address { font-size:1.5em; }
	.footer .info_content .info_infos .info_email a,
	.footer .info_content .info_infos .info_newslink a { font-size:1.5em; }
	.footer .info_content .info_infos .info_text_mobile { display: none; }
	.footer .info_content .info_infos .info_documents h4 { font-size:1.5em; }
	.footer .info_content .info_infos .info_documents a { font-size:1.3em; }
	.footer .info_content .info_infos .info_copyright { font-size:1.3em; }
}
/*---- projekt mobile & tablet ----*/
.project { width:100%; margin:0; padding-bottom:200px; }
.project a.index_button { display:block; padding:20px 5%; text-decoration:none; font-size:1.3em; }
.project .project_information { width:100%; padding:0 7%; margin-bottom:20px; text-align:left; }
.project .project_information h1 { text-transform:uppercase; margin-bottom:20px; font-size:1.3em; }
.project .project_information .info { margin-bottom:10px; font-size:1.2em; }
.project .project_information .text { display:none; }
.project .project_images { text-align:center; width:100%; padding:0 7%; margin-bottom:20px; }
.project .project_images .project_image table { display:inline-block; width:auto; }
.project .project_images .project_image table caption { margin:0; caption-side:bottom; }
.project .project_images .project_image table img { max-width:100%; max-height:100%; width:auto; height:auto; }
.project .project_images .project_image .project_image_info { margin-bottom:20px; text-align:left; padding:0; font-size:1em; }
.project .project_images .image_spacer { display:none; }
.project .project_text { display:block; width:100%; font-size:1.3em; padding:0 7%; }
/*---- projekt screen ----*/
@media only screen and (min-width: 1024px) {
	.project { display:-webkit-flex; -webkit-flex-direction:column; display:flex; flex-direction:column; margin-top:0; height:100%; padding-bottom:200px; }
	.project a.index_button { position:fixed; padding:0; top:8.5%; left:5%; text-decoration:none; text-transform:uppercase; font-size:1.5em; z-index:1000;}
	.project .project_information { display:-webkit-flex; display:flex; flex-direction:column; position:fixed; top:8.5%; height:80%; left:62%; width:32%; padding:0; padding-right:7px; text-align:left; }
	.project .project_information h1 { text-transform:uppercase; margin-bottom:20px; font-size:1.3em; }
	.project .project_information .info { margin-bottom:35px; font-size:1.2em; }
	.project .project_information .text { display:block; font-size:1.2em; height:80%; overflow-y:auto; padding-bottom:100px; padding-right:10px; }
	.project .project_images { width:100%; height:auto; padding:115px 0 200px 0; margin:0; text-align:center; }
	.project .project_images .project_image { padding:0 8% 0 4%; width:62%; }
	.project .project_images .project_image table img { max-width:100%; }
	.project .project_images .project_image table .project_image_info { overflow:hidden; visibility:hidden; height:95px; text-align:left; font-size:1em; }
	.project .project_images .project_image table:hover .project_image_info { visibility:visible; }
	.project .project_images .image_spacer { display:block; width:100%; height:300px; }
	.project .project_text { display:none; }
}
/*---- news_popup mobile & tablet ----*/
.news_popup { z-index:100; position:absolute; top:30%; left:7.5%; margin-left:-10px; width:90%; border:4px solid; padding:20px; line-height:1.4; }
.news_popup:hover { cursor:move; }
.news_popup .news_popup_close { float:right; cursor:pointer; text-decoration:none; }
.news_popup h4 { margin-bottom:20px; }
.news_popup h4 .news_popup_titlelink { text-decoration:none; }
.news_popup .news_popup_more { text-decoration:none; display:block; margin-top:10px; }
/*---- news_popup tablet & screen-----*/
@media only screen and (min-width: 768px) {
	.news_popup { position:fixed; top:none; left:none; width:360px;}
}
/*---- news mobile & tablet ----*/
.news { width:100%; margin:0; padding-bottom:200px; text-align:center;}
.news a.index_button { display:block; padding:20px 5%; text-decoration:none; font-size:1.3em; text-align:left;}
.news .news_title { text-transform:uppercase; margin-bottom:20px; font-size:1.3em; z-index:1000; padding:0 7%; text-align:left;}
.news .news_information { width:100%; padding:0 7%; margin-bottom:20px; text-align:left;}
.news .news_information .info { margin-bottom:10px; font-size:1.2em;}
.news .news_information .text { font-size:1.2em;}
.news .image img { margin-bottom:20px; max-width:80%;}
.news .document { margin:10px auto; width:120px; font-size:1.2em; cursor:move; text-align:center;}
.news .document a { text-decoration:none; }
/*---- news sreen ----*/
@media only screen and (min-width: 1024px) {
	.news { margin-top:115px; overflow-x:hidden; }
	.news a.index_button { position:fixed; padding:0; top:8%; left:5%; text-decoration:none; text-transform:uppercase; font-size:1.5em; z-index:1000; }
	.news .news_title { position:fixed; top:8%; left:30%; width:40%; padding:0 5% 0 0; text-align:center; text-decoration:none; text-transform:uppercase; font-size:1.4em; z-index:5000; }
	.news .news_information { display:flex; flex-direction:column; position:fixed; top:calc(8% + 4.8em); height:calc(92% - 5em - 65px); left:30%; width:40%; padding:0; padding-right:5%; text-align:left; }
	.news .news_information .info { margin-bottom:20px; font-size:1.3em; }
	.news .news_information .text { font-size:1.3em; height:80%; overflow-y:auto; padding-bottom:100px; padding-right:10px; }
	.news .image { margin-bottom:20px; position:absolute; cursor:move; }
	.news .image img { width:auto; margin:0; max-width:auto; }
	.news .document { position:absolute; margin:0; width:120px; font-size:1.2em; cursor:move; text-align:center; }
	.news .document a { text-decoration:none; }
}
/*---- randomcolors ----*/
.bgcolor1 { background-color:#ff3300; }
.bgcolor2 { background-color:#ff6600; }
.bgcolor3 { background-color:#FF9900; }
.bgcolor4 { background-color:#FFCC00; }
.bgcolor5 { background-color:#FFFF00; }
.bgcolor6 { background-color:#FF0033; }
.bgcolor7 { background-color:#FF0066; }
.bgcolor8 { background-color:#FF0099; }
.bgcolor9 { background-color:#FF00CC; }
.bgcolor10 { background-color:#FF00FF; }
.bgcolor11 { background-color:#33FF00; }
.bgcolor12 { background-color:#66FF00; }
.bgcolor13 { background-color:#99FF00; }
.bgcolor14 { background-color:#CCFF00; }
.bgcolor15 { background-color:#00FF33; }
.bgcolor16 { background-color:#00FF66; }
.bgcolor17 { background-color:#00FF99; }
.bgcolor18 { background-color:#00FFCC; }
.bgcolor19 { background-color:#00FFFF; }
.bgcolor20 { background-color:#3300FF; }
.bgcolor21 { background-color:#6600FF; }
.bgcolor22 { background-color:#9900FF; }
.bgcolor23 { background-color:#CC00FF; }
.bgcolor24 { background-color:#0033FF; }
.bgcolor25 { background-color:#0066FF; }
.bgcolor26 { background-color:#0099FF; }
.bgcolor27 { background-color:#00CCFF; }
.bordercolor1 { border-color:#ff3300; }
.bordercolor2 { border-color:#ff6600; }
.bordercolor3 { border-color:#FF9900; }
.bordercolor4 { border-color:#FFCC00; }
.bordercolor5 { border-color:#FFFF00; }
.bordercolor6 { border-color:#FF0033; }
.bordercolor7 { border-color:#FF0066; }
.bordercolor8 { border-color:#FF0099; }
.bordercolor9 { border-color:#FF00CC; }
.bordercolor10 { border-color:#FF00FF; }
.bordercolor11 { border-color:#33FF00; }
.bordercolor12 { border-color:#66FF00; }
.bordercolor13 { border-color:#99FF00; }
.bordercolor14 { border-color:#CCFF00; }
.bordercolor15 { border-color:#00FF33; }
.bordercolor16 { border-color:#00FF66; }
.bordercolor17 { border-color:#00FF99; }
.bordercolor18 { border-color:#00FFCC; }
.bordercolor19 { border-color:#00FFFF; }
.bordercolor20 { border-color:#3300FF; }
.bordercolor21 { border-color:#6600FF; }
.bordercolor22 { border-color:#9900FF; }
.bordercolor23 { border-color:#CC00FF; }
.bordercolor24 { border-color:#0033FF; }
.bordercolor25 { border-color:#0066FF; }
.bordercolor26 { border-color:#0099FF; }
.bordercolor27 { border-color:#00CCFF; }
.hovercolor1:hover { color:#ff3300; }
.hovercolor2:hover { color:#ff6600; }
.hovercolor3:hover { color:#FF9900; }
.hovercolor4:hover { color:#FFCC00; }
.hovercolor5:hover { color:#FF0033; }
.hovercolor6:hover { color:#FF0066; }
.hovercolor7:hover { color:#FF0099; }
.hovercolor8:hover { color:#FF00CC; }
.hovercolor9:hover { color:#FF00FF; }
.hovercolor10:hover { color:#33FF00; }
.hovercolor11:hover { color:#66FF00; }
.hovercolor12:hover { color:#99FF00; }
.hovercolor13:hover { color:#CCFF00; }
.hovercolor14:hover { color:#00FF33; }
.hovercolor15:hover { color:#00FF66; }
.hovercolor16:hover { color:#00FF99; }
.hovercolor17:hover { color:#00FFCC; }
.hovercolor18:hover { color:#00FFFF; }
.hovercolor19:hover { color:#3300FF; }
.hovercolor20:hover { color:#6600FF; }
.hovercolor21:hover { color:#9900FF; }
.hovercolor22:hover { color:#CC00FF; }
.hovercolor23:hover { color:#0033FF; }
.hovercolor24:hover { color:#0066FF; }
.hovercolor25:hover { color:#0099FF; }
.hovercolor26:hover { color:#00CCFF; }
/*.hovercolor5:hover { color:#FFFF00; }*/