* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-appearance:none; }
html, body, form, textarea, input, button, select, legend, h1, h2, h3, h4, h5, h6, p, ol, ul, table, td, th {color:#666;margin:0;padding:0;}
body {background:#fff;text-align:center;font:15px/1.7 'Source Sans Pro',arial,helvetica,clean,sans-serif;*font-size:small; *font:x-small; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; overflow-x: hidden
}
html {
overflow-y:scroll; 
}
body.size0 {font-size:10px;}
body.size1 {font-size:12px;}
body.size2 {font-size:13px;}
body.size3 {font-size:14px;}
body.size4 {font-size:15px;}
body.size5 {font-size:16px;}
body.size6 {font-size:17px;}
body.size7 {font-size:18px;}
body.size8 {font-size:19px;}
body.size9 {font-size:20px;}
body.size10 {font-size:21px;}
body.size11 {font-size:22px;}
#contentwrap { margin: 70px auto 0 auto;padding:10px 20px 0 20px;position: relative;text-align: left;max-width: 1120px;width:100%; }
#header { position:fixed;height: 70px;width: 100%;background-color: #fff;z-index: 99;top: 0; }
#content { font-size:1em;padding: 30px 0 120px 0; }
.module_home #content { padding:0;margin: -1px 0 0 0; }
.innercontent { max-width:720px;margin: 0 auto; }
#footer { padding:30px 0;font-style:normal;background-color: #222;color:#fff; }
#footer p { color:#ddd;display: inline-block;font-size:0.8666666666666667em;padding: 50px 0 0 0;line-height:29px;position: relative; }
#footer p:before { content: '';background: url("gfx/maske_white.png"); background-size: 26px 29px;position: absolute;width: 26px;height: 29px;top: 0;transform: translate(-50%,0);vertical-align: middle;left: 50%;opacity: 0.2; }
#fixedform { display: none; position: fixed;top: 50%;left: 50%; transform: translate(-50%,-50%);width: 98%;max-width: 800px;height: calc(100vh - 100px);z-index: 100;-webkit-overflow-scrolling: touch;
overflow:hidden; }
#fixedform iframe { width:100%;height:100%;border:5px solid #5389AB;background: #fff; }
.fixed_overlay { position: fixed; top:0;left:0;right:0;width:100%;height:100%; background-color: rgba(0,0,0,0.5);z-index: 100;display: none; }
.closeiframe { position: absolute;top: 40px;right: 40px;z-index: 11;width: 20px;height: 20px; }
.closeiframe span,.closeiframe span:before,.closeiframe span:after { display:block;text-indent: -999em; height: 2px;right:0;margin-left: -8px;position: absolute;top: 50%;background-color: #333; }
.closeiframe span:before, .closeiframe span:after { content: ''; }
.closeiframe span:before { margin-top: 0;transform: rotate(45deg);width:20px; }
.closeiframe span:after { margin-top: 0;transform: rotate(-45deg);width:20px; }
.module_herorequest .iframeinner { padding:10px;  }
.inner { max-width:1120px; width: 100%;margin: 0 auto; position: relative;text-align: left; }
#header .inner {border-bottom:1px solid #ccc;height:100%;padding: 10px 20px; }
#footer .inner { text-align:center;padding: 0 20px; }
.abovefooter .inner { padding:20px; }
.abovefooter { background-color: #e6e6e6; }
.module_home .abovefooter { margin-top:0; }
.abovefooter form,.abovefooter fieldset, .abovefooter li { margin:0;padding: 0; }
.abovefooter form input { outline: none; }
.abovefooter label.checktxt { width:90% !important; }
.abovefooter .contact p.more { margin:20px 0 .69em 0;  }
.abovefooter .contact p.more a { color:#000;text-decoration: none; font-weight: bold; }
.abovefooter .contact p.more a:hover,.abovefooter .contact p.more a:active,.abovefooter .contact p.more a:focus { text-decoration: underline; }
#header .rightcontrols {position: absolute;right: 20px;top: 50%;transform: translate(0,-50%);height:40px;z-index: 9; }
.headerblock { text-align: center;margin: -1px -20px 70px -20px;background: #fff; }
.headerblock ul { list-style: none; margin: 0; }
.headerblock li { display: inline-block;width: calc(33.333333% - 5px);margin: 0; }
.headerblock li img { width: 100%; }
.headerblock li:first-child { margin: 0 5px 0 0; }
.headerblock li:last-child { margin: 0 0 0 5px; }
.headerblock .headerlogo { margin:0 auto; position: relative; 
}
.headerblock .headerlogo img { max-width: 300px;height:auto;padding: 20px 40px;-moz-box-shadow: 0px 0px 33px -14px rgba(0,0,0,0.75);
box-shadow: 0px 0px 33px -14px rgba(0,0,0,0.75);-webkit-box-shadow: 0px 0px 33px -14px rgba(0,0,0,0.75);
background: #fff;
position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%); }
.footerblock { background-color: #5389AB; text-align: center;padding: 30px 0;margin: 0 0 120px 0; }
.footerblock * { color:#fff; }
.footerinner { max-width: 720px; width:80%;margin:0 auto; }
.footerblock .button { margin: 10px 0 !important; }
.anchor-fixedform { background: #5389AB;color: #fff;text-decoration: none !important;text-transform: uppercase;text-align: center; font-weight: 900;font-size: 0.8em;padding: 11px 20px;border-top-left-radius: 20px; border-bottom-left-radius: 20px; position: absolute;top: 80px;height: 40px;width: 51px;right: -20px;-webkit-transition: all 0.25s ease-in-out;-moz-transition: all 0.25s ease-in-out;-ms-transition: all 0.25s ease-in-out;-o-transition: all 0.25s ease-in-out;transition: all 0.25s ease-in-out; }
.anchor-fixedform:hover,.anchor-fixedform:active, .anchor-fixedform:focus { background-color: #4b7b9a; }
.anchor-fixedform span { color:#fff;text-decoration: none;padding: 0 0 0 25px;display: none;vertical-align: top;line-height: 18px;}
.anchor-fixedform img { position: absolute;top: 50%;left: 25px;transform: translate(0,-50%); }
#logo { margin:0;display: inline-block;transform: none;  }
#logo a:link, #logo a:focus, #logo a:hover, #logo a:visited, #logo a:active { display:block; }
#logo img { height:50px;width:auto; }
#sitenav {font-weight:bold;list-style:none;left:20px;margin:0;padding:0;position:absolute;text-transform:uppercase;top:0;}
#sitenav li {display:inline;}
#sitenav a:link, #sitenav a:visited, #sitenav a:focus, #sitenav a:hover, #sitenav a:active {left:-1000px;position: absolute;top:-1000px;text-decoration:none;}
#sitenav a:focus, #sitenav a:active {left:0;position:relative;top:5px;white-space:nowrap;}
.navwrapper { position: absolute; height: 0;width:100%;background-color:#fff;overflow: hidden;-webkit-transition: all 0.25s ease-in-out;-moz-transition: all 0.25s ease-in-out;-ms-transition: all 0.25s ease-in-out;-o-transition: all 0.25s ease-in-out;transition: all 0.25s ease-in-out; z-index: 2;top:69px;left: 0; }
.navactive .navwrapper { height: 100vh; }
#nav {font-size:0.8666666666666667em;line-height: 1.2; margin:0;padding:0;height: 30px; }
#nav li {list-style:none;list-style-image:none;letter-spacing:0;position:relative;vertical-align:top;width:auto;border-bottom:2px solid transparent;padding: 2px 0;margin: 20px 0; }
#nav li li a, #nav li li strong { font-size: 1.2307692307692308em; }
#nav li li li a,#nav li li li strong { font-size:1.0769230769230769em; }
#nav li:hover li a, #nav li.hover li a,#nav li:hover li strong, #nav li.hover li strong { border-color:transparent; }
#nav li:hover a, #nav li.hover a {z-index:10; border-color:#5389AB ; }
#nav li a:focus { outline:none; }
#nav a:link, #nav a:visited, #nav a:focus, #nav a:hover, #nav a:active, #nav strong { text-decoration:none;color:#333;border-bottom:2px solid transparent;padding: 0 0 3px 0; }
#nav a.m:link, #nav a.m:visited, #nav a.m:focus, #nav a.m:hover, #nav a.m:active, #nav strong.m { display:inline-block;font-weight:900; text-transform:uppercase; text-decoration:none;letter-spacing: 0.05em;margin: 0 10px; }
#nav .active a.m:link, #nav .active a.m:visited, #nav .active a.m:focus, #nav .active a.m:hover, #nav .active a.m:active, #nav .active strong.m,
#nav a.m:focus, #nav a.m:hover, #nav a.m:active, #nav strong.m,
#nav li:hover a.m:link, #nav li:hover a.m:visited, #nav li:hover a.m:focus, #nav li:hover a.m:hover, #nav li:hover a.m:active, #nav li:hover strong.m,
#nav li.hover a.m:link, #nav li.hover a.m:visited, #nav li.hover a.m:focus, #nav li.hover a.m:hover, #nav li.hover a.m:active, #nav li.hover strong.m {background-color:#fff;color:#333; }
#nav ul {background-color:#fff;list-style:none;margin:10px 0 0 0;padding:3px 0;position:relative; text-align:center;top:0;display: none; }
#nav li.open ul { display:block !important; }
#nav li.active ul { display:block; }
#nav li.active a,#nav li.active strong { border-color:#5389AB; }
#nav li.active li.active a,#nav li.active li.active strong { border-color:transparent;color:#5389AB; }
#nav li li a, #nav li li strong { font-weight: bold; }
#nav li li li a,#nav li li li strong { color:#333;font-weight: normal; }
#nav li.active li.active li a.active,#nav li.active li.active li strong.active { color:#5389AB; }
#nav li.active li a { border-color:transparent; }
#nav li.active li.active a,#nav li.active li:hover a,#nav li.active li.hover a,#nav li:hover li:hover a,#nav li:hover li:hover li:hover a { color:#5389AB; }
#nav li.active li.active li a,#nav li.active li:hover li a,#nav li.active li.hover li a,#nav li:hover li:hover li a { color:#333; }
#nav ul li {display:list-item;float:none;line-height:1.2; margin: 5px 0; }
#nav li.active ul, #nav li.active ul {left:0;}
#nav ul ul a:link, #nav ul ul a:visited, #nav ul ul a:focus, #nav ul ul a:hover, #nav ul ul a:active, #nav ul ul strong {color:#333;display:block;white-space:nowrap;}
#nav ul a:focus, #nav ul a:hover, #nav ul a:active, #nav ul strong {color:#333;}
#nav ul ul { position: relative;top:0; }
#nav li.langitem { margin: 0 2px; width: auto;display: inline-block;position: relative; font-weight: 900; }
#navwrap { text-align: center; }
#navcontainer { display: block;text-align: center; }
#nav li.langitem.divide { margin:0; }
#nav li.langitem.divide:hover { border-color:transparent; }
#nav li.langitem a { color:#707070; }
.togglesubnav { width: 20px;height: 20px;position: absolute;top: 9px; }
.togglesubnav a { background: url("gfx/subnavtoggle.png");background-repeat: no-repeat;text-indent: -999em;display: block; background-position: center; text-decoration: none !important;border: none !important;padding: 0; }
#navanchor { text-decoration: none;position: absolute;top: 50%;transform: translate(0,-50%);right: 0; }
#navanchor span { font-weight:900; color:#333;-webkit-transition: all 0.25s ease-in-out;-moz-transition: all 0.25s ease-in-out;-ms-transition: all 0.25s ease-in-out;-o-transition: all 0.25s ease-in-out;transition: all 0.25s ease-in-out; }
#navanchor span.anchortext { position: relative;left: -25px; }
#navanchor span.burger,#navanchor span.burger:before,#navanchor span.burger:after {     height: 2px;
right:0;
margin-left: -8px;
position: absolute;
top: 50%;
background-color: #333;
}
#navanchor span.burger {background-color: #fff;  }
#navanchor span.burger:before { width: 20px; }
#navanchor span.burger:after { width: 14px; }
#navanchor span.burger::before, #navanchor span.burger::after {
content: '';
}
#navanchor span.burger::before { margin-top: -4px; }
#navanchor span.burger::after {
margin-top: 2px;
}
.navactive #navanchor span.burger::before {
margin-top: 0;
transform: rotate(45deg);
width:20px;
}
.navactive #navanchor span.burger::after {
margin-top: 0;
transform: rotate(-45deg);
width:20px;
}
#subnavwrap { display: none; }
.ytcontainer {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
.ytcontainer iframe,
.ytcontainer object,
.ytcontainer embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
#snav ul {list-style:none;list-style-image:none;margin:0;padding:0; }
#snav li {list-style-image:none;}
#snav a:link, #snav a:visited, #snav a:focus, #snav a:hover, #snav a:active, #snav strong {border-color: #919394;color: #919394;display:block;font-weight:normal;text-decoration:none;}
#snav a:focus, #snav a:hover, #snav a:active {border-color:#4b4b4d;color:#4b4b4d;}
#snav a.active:link, #snav a.active:visited, #snav a.active:focus, #snav a.active:hover, #snav a.active:active, #snav strong {border-color:#d10d1f;color:#d10d1f;}
#snav a.u:link, #snav a.u:visited, #snav a.u:focus, #snav a.u:hover, #snav a.u:active, #snav strong.u {border-bottom-width:1px; border-bottom-style:solid;padding:5px 5px 3px 20px; text-transform:uppercase;}
#snav a.u:focus, #snav a.u:hover, #snav a.u:active, #snav strong.u {}
#snav ul ul {list-style:none;list-style-image:none;margin:0;padding:0 0 0 20px;}
#snav ul ul a:link, #snav ul ul a:visited, #snav ul ul a:focus, #snav ul ul a:hover, #snav ul ul a:active, #snav ul ul strong { background:url(gfx/dot-light-grey.png) no-repeat 0 .5em;padding:.2em 0 .2em 15px;}
#snav ul ul a:focus, #snav ul ul a:hover, #snav ul ul a:active {background-image:url(gfx/dot-dark-grey.png);}
#snav ul ul strong {background-image:url(gfx/dot-red.png);}
#e2s {text-align:left;margin-right:2.5em;padding:.5em 0;}
#e2s h3 {float:left;font-size:1em;line-height:1.5;margin:0 .5em 0 1em; text-transform:uppercase;}
#e2s ul {float:left;list-style:none; list-style-image:none;margin:0;padding:0;}
#e2s li {display:inline;}
#e2s li img {display:block;height:1.25em;}
#e2s li a:link, #e2s li a:visited, #e2s li a:focus, #e2s li a:hover, #e2s li a:active, #e2s li strong {border:1px solid;float:left;margin:0 3px 1px 0;padding:0; text-decoration:none;}
#e2s-info {float:left;margin:0 0 0 .5em;}
#e2s-info a:link, #e2s-info a:visited, #e2s-info a:focus, #e2s-info a:hover, #e2s-info a:active {background-repeat:no-repeat; background-position:0 0;display:block;height:16px; text-indent:-10000px;width:16px;}
.default #e2s-default,
.black #e2s-black,
.yellow #e2s-yellow,
.white #e2s-white,
.blue #e2s-blue {display:none;}
#breadcrumb {font-size:0.92em;margin:0 0 1.5em;}
#breadcrumb a:link, #breadcrumb a:visited, #breadcrumb a:focus, #breadcrumb a:hover, #breadcrumb a:active {color:#333; text-decoration:none;}
#breadcrumb a:focus, #breadcrumb a:hover, #breadcrumb a:active {text-decoration:underline;}
address { font-style:normal;line-height: 1.5; }
#mnav { display: inline-block;width: 100%; font-size:0.8666666666666667em;line-height: 46px; }
#mnav ul {list-style:none;margin:0;padding:0;}
#mnav li {display:inline-block;list-style-image:none; color: #fff;vertical-align: middle;padding:0 0 0 15px; }
#mnav a:link, #mnav a:visited, #mnav a:focus, #mnav a:hover, #mnav a:active, #mnav strong {color: #ddd;display:block; font-weight:normal;text-decoration:none;}
#mnav a.active:link, #mnav a.active:visited, #mnav a.active:focus, #mnav a.active:hover, #mnav a.active:active,
#mnav a:focus, #mnav a:hover, #mnav a:active, #mnav strong {text-decoration: underline;}
#mnav li.facebook img,#mnav li.instagram img { width:20px;height:20px; }
#cookie-banner { background:#fff;border-top:1px solid #CCC;bottom:0;left:0;padding:20px 10px;position:fixed;right:0;z-index: 999; }
#cookie-banner .inner { margin:0 auto;max-width:1080px; }
#cookie-banner p { font-size:.85em; }
#cookie-banner .button { max-width:300px; }
ul.article {list-style:none; list-style-image:none;margin:0;padding:0;}
.article li.cfix {border-bottom:1px dotted #666;padding:12px 0 7px;}
.article .title {margin-top:0;}
.article .subtitle {font-size:1em;margin:.2em 0;line-height: 1.5;}
.date {margin:0;}
p.img {margin:0;}
p.img img {vertical-align:bottom;width:100%;}
ul.img img {vertical-align:bottom;margin:0 0 5px 0;width:100%;}
ul.img {list-style:none;list-style-image:none;margin:0;padding:0;}
ul.img li { list-style-image:none; }
div.gal-list {margin:1.4em 0;}
ul.gal-list {list-style:none;list-style-image:none;margin:0;padding:0;}
.gal-list li.item {border-bottom:1px solid #DCEEDC;padding:15px 0;}
.gal-list li.item:last-child {border-bottom:0 none;}
.gal-list .gal-thumbs {display:inline;margin:0;}
.gal-list .gal-link {float:left;font-size:0.85em;height:59px;margin:0;padding:4px 0 0;width:78px;}
.gal-link a:link, .gal-link a:visited, .gal-link a:focus, .gal-link a:hover, .gal-link a:active {background-color:#378B37;color:#fff;display:block;height:49px; padding:5px 10px;text-decoration:none;-webkit-transition: all 0.25s ease-in-out;-moz-transition: all 0.25s ease-in-out;-ms-transition: all 0.25s ease-in-out;-o-transition: all 0.25s ease-in-out;transition: all 0.25s ease-in-out;vertical-align:bottom; text-align:right;width:58px;}
.gal-link a:focus, .gal-link a:hover, .gal-link a:active {background-color:#fff;color:#378B37;}
ul.gal-thumbs {list-style:none;list-style-image:none;margin:0 -5px 0 0;padding:0;}
.gal-thumbs li {float:left;height:59px;margin:4px 4px 0 0;width:78px;}
.gal-thumbs li.active {margin-top:2px;height:61px;}
.gal-thumbs img {height:59px;-moz-transform-origin: center center;-ms-transform-origin: center center;-o-transform-origin: center center;-webkit-transform-origin: center center;transform-origin: center center;-moz-transition: all 0.1s ease-out; -ms-transition: all 0.1s ease-out; -o-transition: all 0.1s ease-out;  -webkit-transition: all 0.1s ease-out;transition: all 0.1s ease-out;vertical-align:bottom;width:78px;}
.gal-thumbs a:link, .gal-thumbs a:visited, .gal-thumbs a:focus, .gal-thumbs a:hover, .gal-thumbs a:active {display:block;}
.gal-thumbs a:focus, .gal-thumbs a:hover, .gal-thumbs a:active {}
.gal-thumbs a:focus img, .gal-thumbs a:hover img, .gal-thumbs a:active img { -moz-box-shadow: 0px 0px 4px #000;-ms-box-shadow: 0px 0px 4px #000;-webkit-box-shadow: 0px 0px 4px #000;box-shadow: 0px 0px 4px #000;margin:-3px -4px;height:64px !important; position:relative;width:86px !important;}
.gal-thumbs li.active img {border-top:2px solid #378B37;}
ul.gal-nav {list-style:none;list-style-image:none;margin:.3em 0;padding:.5em 7em ;position:relative; text-align:center;}
.gal-nav li {display:block;padding:4px 0;}
.gal-nav .prev, .gal-nav .next {position:absolute;top:.5em;padding:0;}
.gal-nav .next {right:0;}
.gal-nav .prev {left:0;}
.gal-nav a:link, .gal-nav a:visited, .gal-nav a:focus, .gal-nav a:hover, .gal-nav a:active {border:1px solid #B4B4B6;color:#D71313;padding:3px 10px;position:relative;text-decoration:none;}
.gal-nav a:focus, .gal-nav a:hover, .gal-nav a:active {border-color:#6D6D71;}
.gal-nav .next a:link, .gal-nav .next a:visited, .gal-nav .next a:focus, .gal-nav .next a:hover, .gal-nav .next a:active {display:block;}
.gal-nav .prev a:link, .gal-nav .prev a:visited, .gal-nav .prev a:focus, .gal-nav .prev a:hover, .gal-nav .prev a:active {display:block;}
.gal-img {text-align:center;}
.gal-img-descr {text-align:center;}
.gmap {height:400px;margin:2em 0;width:100%; max-width: 520px;}
.gmap img {vertical-align:bottom;}
.gmap span.note {display: none;}
.gmap button {background: transparent;border-style: solid;border-width: 0;cursor: pointer;height: 100%;left: -2px;margin: 2px;overflow: hidden;padding: 2px;position: absolute;text-indent: -100em;top: -2px;width: 100%;}
.gmap a:link, .gmap a:visited, .gmap a:focus, .gmap a:hover, .gmap a:active {background-image:none !important;display:block;padding-left:0 !important;}
.gmap a:focus, .gmap a:hover, .gmap a:active, .gmap button:focus, gmap button:hover, .gmap button:active {background: transparent; }
.gmapInfoWindow {height:65px;}
.mitarbeiterwrap { text-align: center; }
article.mitarbeiter { width:100%;max-width: 220px; margin: 15px; display: inline-block;position: relative;height: 330px;  overflow: hidden;background-color: #fff;bottom:0;webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}
article.mitarbeiter .img { background-position: center !important;background-size: cover !important;width:100%;height:330px;background: #999;position: absolute; bottom: 0;left: 0;webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out; }
article.mitarbeiter .img img {
displa:block;
transition: 0.3s ease-in-out;
position: absolute;
top: 0;
left: 0
}
article.mitarbeiter .img img.mouseover{ opacity: 0}
article.mitarbeiter .img img.base{ opacity: 1}
article.mitarbeiter:hover { bottom:10px;  -webkit-box-shadow: 3px 3px 25px 0px rgba(0,0,0,0.15);
-moz-box-shadow: 3px 3px 25px 0px rgba(0,0,0,0.15);
box-shadow: 3px 3px 25px 0px rgba(0,0,0,0.15); }
article.mitarbeiter .infos { text-align:center;height: 160px;float: left;background-color: #fff;width: 100%;position:absolute; bottom: -200px;webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out; }
article.mitarbeiter .infos p.italic { font-size: 0.9333333333333333em; }
article.mitarbeiter .infoinner { position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 100%; }
article.mitarbeiter:hover .img { bottom:20%; }
article.mitarbeiter:hover .img img.base{ opacity: 0}
article.mitarbeiter:hover .img img.mouseover{ opacity: 1}
article.mitarbeiter:hover  .infos { position:absolute; bottom: 0; }
body.module_sujet {
margin: 0;
padding: 0;
}
.sujetSwiper {
width: 100%;
padding-top: 50px;
padding-bottom: 50px;
}
.swiper-slide {
background-position: center;
background-size: cover;
width: 300px;
height: 300px;
}
.swiper-slide img {
display: block;
}
article.sujet{
max-height: 330px
}
article.sujet img{
max-height: inherit;
margin: 0 auto;
}
article.sujet img.share{
position: absolute;
right: 0;
bottom: 0;
cursor: pointer;
}
.sticky-share {
position: fixed;
bottom: 0;
right: 20px;
border-radius: 9px 9px 0px 0px;
overflow: hidden;
background-size: 20px;
background-color: #4b7b9a;
transform: translateY(calc(-40px + 100%));
cursor: pointer;
z-index: 1;
transition: 0.3s ease-in-out;
padding: 0;
}
.sticky-share * {color: #fff !important}
.sticky-share h5{ margin: 0}
.sticky-share a[href^="http"]{ background: none !important; padding: 0 !important}
.sticky-share .title{
display: flex;
align-items: center;
margin-bottom: 10px;
padding-bottom: 10px;
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.sticky-share ul{
text-align: center
}
.sticky-share li{
margin: 15px 0
}
.sticky-share img{
position: relative;
}
.default .sticky-share img{ filter: invert(100%)}
.sticky-share.active {
transform: translateY(0);
padding: 11px 26px 11px 36px;
width: 140px;
}
.sticky-share:hover {
transform: translateY(0);
padding: 11px 26px 11px 36px;
width: 140px;
}
.sticky-share:focus {
transform: translateY(0);
padding: 11px 26px 11px 36px;
width: 140px;
}
.sticky-share:focus-within {
transform: translateY(0);
padding: 11px 26px 11px 36px;
width: 140px;
}
.sticky-share.active img{
left: 0;
transform: translateX(0%);
padding: 0px;
margin: 0 10px 0 -10px;
}
.sticky-share:hover img{
left: 0;
transform: translateX(0%);
padding: 0px;
margin: 0 10px 0 -10px;
}
.sticky-share:focus img{
left: 0;
transform: translateX(0%);
padding: 0px
}
.sticky-share:focus-within img {
left: 0;
transform: translateX(0%);
padding: 0px
}
.sticky-share.active h4{
opacity: 1
}
.sticky-share:hover h4{
opacity: 1
}
.sticky-share:focus h4{
opacity: 1
}
.sticky-share:focus-within h4 {
opacity: 1
}
div.categories { margin: 10px auto 30px auto; padding: 0 0 30px 0;border-bottom:1px solid #ccc;  }
.categories ul { list-style:none;margin:0; padding: 0;  }
.categories ul li { margin: 0; padding: 0;font-size: .9333333333333333em;}
ul.categories_noheading li { display:inline-block;margin: 0 25px 8px 0;  }
ul.categories li { display:inline-block;font-size: 1em;margin: 0 25px 8px 0; }
li.categorie { list-style-image: none;  }
li.categorie a { color:#333; text-decoration: none;position: relative;font-weight: bold; }
li.categorie a.active { padding:0 0 3px 0; }
li.categorie a.active:after { content: '';border-bottom: 2px solid #5389AB;width: 100%;position: absolute; bottom: 0; left: 0;padding: 10px 0 0 0;}
li.categorie a.delete { width: 15px;height: 15px;display: block;outline: none; }
li.categorie a.delete span { display:none;text-indent: -999em;height: 4px;right: 0;position: absolute;top: 50%;transform: translate(0,-50%); }
li.categorie.active a.delete span { display:block; }
li.categorie a.delete span:before,li.categorie a.delete span:after { display: block;text-indent: -999em;height: 2px;right: 0;position: absolute;top: 50%;transform: translate(0,-50%); }
li.categorie a.delete span:before,li.categorie a.delete span:after { background-color: #333; }
li.categorie a.delete span:before,li.categorie a.delete span:after { content: ''; }
li.categorie a.delete span:before { margin-top: 0;transform: rotate(45deg);width:15px; }
li.categorie a.delete span:after { margin-top: 0;transform: rotate(-45deg);width:15px; }
li.categorie p { display: inline-block;margin: 0 0 0 5px; }
ul.categories_withheading li { list-style:none; }
.referenzen-wrap,  ul.referenzen, #overview, .imgstyle2wrap { text-align:center; margin: 20px 0 0 0; }
article.referenz,ul.referenzen li,article.element {  position: relative;bottom: 0;webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;margin: 0 0 20px 0; }
article.referenz:hover,ul.referenzen li:hover,article.element:hover {  bottom:20px; }
article.referenz p.img, ul.referenzen p.img, article.element p.img { float: none; -webkit-box-shadow: 3px 3px 25px 0px rgba(0,0,0,0.15);
-moz-box-shadow: 3px 3px 25px 0px rgba(0,0,0,0.15);
box-shadow: 3px 3px 25px 0px rgba(0,0,0,0.15); }
article.referenz, ul.referenzen li, article.element,ul.imgstyle2 li  { display: inline-block;width: 100%;vertical-align: top; }
article.referenz h2, ul.referenzen li h2, article.element h2 { display: block;font-size: 1.3333333333333333em;text-align:center; }
 article.element p.img { width:100%;margin: 0 0 10px 0; }
article.referenz img, ul.referenzen li img, article.element img,ul.imgstyle2 img { width:100%;margin:0 !important; }
article.referenz h2 a, ul.referenzen li h2 a, article.element h2 a { color:#000;text-decoration: none; }
article.referenz p, ul.referenzen li p, article.element p { text-align: center;font-size: 0.9333333333333333em; color:#666; }
article.referenz-detail p.kunde,article.referenz-detail p.jahr, article.referenz-detail p.cats { display: inline-block; margin:  0 20px 0 0; }
article.referenz-detail p.kunde .bold,article.referenz-detail p.jahr .bold, article.referenz-detail p.cats .bold { color: #333; }
ul.bausteine { list-style:none;margin: 0;padding: 0; }
.baustein { margin: 10px 0;list-style-image: none; }
.imglist ul.img, .imglist_firstrow ul.img  { width:100%;margin: 0;padding: 0;text-align: center; }
.imglist ul.img li,.imglist_firstrow ul.img li { width:100%;display: inline-block;margin: 15px 0; }
.imglist img, .imglist_firstrow img { width:100%; height: auto;margin: 0 !important;max-width: none !important; }
.module_herorequest { text-align: left; }
.text_top .ytcontainer { position: relative;width: 100%;height: 0;padding-bottom: 56.25%;margin: 30px 0 20px 0; }
.text_top iframe.yt { position: absolute;top: 0;left: 0;width: 100%;height: 100%; }
.module_herorequest .form-success { padding: 50px 20px 0 20px; }
ul.referenzen { margin: 0; }
ul.referenzen li { list-style-image: none;list-style: none; }
.full { margin: -31px -20px 0 -20px; }
article.jump {
display: flex;
justify-content: flex-start;
flex-direction: column;
}
article.jump .img{
height: 300px;
width: 100%;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
article.jump .img + *{
width: 100%;
}
article.jump  a:link, article.jump a:visited, article.jump a:focus, article.jump a:hover, article.jump a:active{ text-decoration: none}
article.jump * { color:#000 !important; }
article.jump .innertext{ padding: 10px 30px 40px}
article.jump .linktxt{
text-transform: uppercase;
font-weight: bold;
position: relative;
display: block;
width: fit-content;
}
article.jump .linktxt::after {
content: '';
background: url("gfx/down.png");
background-repeat: no-repeat;
background-position: center;
filter: invert(100%);
width: 14px;
height: 14px;
position: absolute;
top: 0.45em;
right: -20px;
transform: rotate(-90deg);
-webkit-transition: all 0.25s ease-in-out;
-moz-transition: all 0.25s ease-in-out;
-ms-transition: all 0.25s ease-in-out;
-o-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out;
}
article.jump .linktxt:hover::after{
right: -25px;
}
article.jump span.linktxt{ margin-top: 25px}
article.jump .innertext h2{ font-weight: bold; margin-bottom: 0}
article.jump .innertext p{ line-height: 1.2}
#homeconfhead{ position: relative}
#homeconfhead{
padding: 20px;
text-align: center;
min-height: 480px;
margin-bottom: 50px;
}
#homeconfhead *{ color: #fff}
#homeconfhead .txt{
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
width: calc(100% - 30px);
}
#homeconfhead .txt h1{ margin-bottom: 10px}
#homeconfhead .txt h1::after{ content: none}
#homeconfhead .txt p{ line-height: 1.5}
#homeconfhead video{
position: absolute;
width: 100%;
height: 100%;
object-fit: cover;
left: 0;
top: 0;
z-index: -1;
}
.module_home .abovefooter{
margin-top: 50px
}
.detail { display: none; }
p.position { font-style: italic; }
.module_herooftheday ul.img li { position: relative;margin: 7px 0 20px 0;  }
.module_herooftheday ul.img li:after { content: ''; width: 100px;height: 100px; background-image: url("gfx/herooftheday.png");position: absolute;bottom: -15px;right: 25px; }
ul.downloads {list-style:none;margin:0 0 .69em;padding:0;}
ul.downloads li {background-position:0 .15em;list-style-type:none;list-style-image:none;margin:.2em 0;}
.i {background-image:url(icon/fragezeichen.png);background-repeat:no-repeat;background-position:left center;padding-top:.1em;  padding-bottom:.1em;text-decoration:none;}
a.i:focus, a.i:hover, a.i:active {text-decoration:underline;}
.idoc {background-image:url(icon/word.png);padding-left:25px;}
.irtf, .itxt {background-image:url(icon/text.png);padding-left:25px;}
.izip, .irar, .isit {background-image:url(icon/zip.png);padding-left:25px;}
.ijpg, .ijpeg, .igif, .ieps, .ipng, .ibmp {background-image:url(icon/image.png);padding-left:25px;}
.ixls, .icsv {background-image:url(icon/excel.png);padding-left:25px;}
.ippt {background-image:url(icon/powerpoint.png);padding-left:25px;}
.ipdf {background-image:url(icon/acrobat.png);padding-left:25px;}
.imp3, .iwav, .iaudio {background-image:url(icon/audio.png);padding-left:25px;}
.iwmv, .ivideo {background-image:url(icon/media-player.png);padding-left:25px;}
.imov {background-image:url(icon/quicktime.png);padding-left:25px;}
.ihtml {background-image:url(icon/html2.png);padding-left:25px;}
ul.browse {font-size:.92em;list-style:none;list-style-image:none;margin:1.38em 0;padding:0;}
.browse li {float:left;margin-bottom:.25em;margin-right:.25em;}
.browse .bprev, .browse .bpages {margin-right:1em;}
.browse li.bpages {float:none;display:inline;}
.browse ul strong, .browse ul span, .browse a:link, .browse a:visited, .browse a:focus, .browse a:hover, .browse a:active {display:block;float:left;padding:1px 5px;text-decoration:none;}
.browse a:focus, .browse a:hover, .browse a:active { text-decoration:underline;}
.browse ul {display:inline;list-style:none;list-style-image:none;margin:0;padding:0;}
.browse ul strong, .browse ul a:link, .browse ul a:visited, .browse ul a:focus, .browse ul a:hover, .browse ul a:active {border:1px solid;text-decoration:none;}
.browse ul a:hover:visited, .browse ul a:focus:visited {background-color:#473795;border-color:#473795;color:#fff;}
.browse ul a:link, .browse ul a:visited, .browse ul a:focus, .browse ul a:hover, .browse ul a:active {border-color:#414141;}
.browse ul strong, .browse ul a:focus, .browse ul a:hover, .browse ul a:active {background-color:#094891;border-color:#094891;color:#fff;}
a:link, a:visited, a:focus, a:hover, a:active {color: #5389AB;text-decoration: underline;}
a:hover:visited, a:focus:visited {color: #5389AB;}
a:visited { border-color:#5389AB;color:#5389AB;}
a:focus {outline:1px dotted;outline-offset:3px;-moz-outline-radius:5px;}
a.nof:focus {outline-offset:0;-moz-outline-radius:0;}
a:focus, a:hover, a:active {}
a:active { outline: none; } 
.content a[href^="http"] {background-image:url(icon/new-window.png);background-repeat:no-repeat;background-position:right center;padding-right:15px;}
.content a[href^="http://echonet.at"], .content a[href^="http://www.echonet.at"], .content a[href^="http://2010.echonet.at"] {background-image:none;padding-right:0;}
.content a.noextern,.content p.noextern a {background-image:none;padding-right:0;}
a.nu:link, a.nu:visited, a.nu:focus, a.nu:hover, a.nu:active {text-decoration:none;}
a.nu:focus, a.nu:hover, a.nu:active {text-decoration: underline;}
a.spc:link, a.spc:visited, a.spc:focus, a.spc:hover, a.spc:active {color: #5389AB;}
a.spc:focus, a.spc:hover, a.spc:active {}
a.camu:link, a.camu:visited, a.camu:focus, a.camu:hover, a.camu:active {color: #333;text-decoration:none;}
a.camu:focus, a.camu:hover, a.camu:active {text-decoration: underline;}
a.tarn:link, a.tarn:visited, a.tarn:focus, a.tarn:hover, a.tarn:active {text-decoration:none;}
a.more, p.more a, a.back, p.back a, button.more { position:relative;color:#333;text-decoration: none; }
a.more, p.more a, button.more strong { padding: 0 22px 0 0; }
a.back, p.back a { padding: 0 0 0 22px; }
a.more:after, p.more a:after, button.more:after,a.back:before, p.back a:before { content: '';background-repeat: no-repeat; background-size: 100%; position: absolute; top:50%; width: 14px;
height: 9px;transform: translate(0,-50%);}
a.more:after, p.more a:after, button.more:after {background-image: url("gfx/more.png");right: 0; }
a.back:before, p.back a:before { background-image: url("gfx/prev.png"); left: 0; }
a.more:hover:after, p.more a:hover:after, button.more:hover:after {background-image: url("gfx/more_blue.png");right: 0; }
a.back:hover:before, p.back a:hover:before { background-image: url("gfx/prev_blue.png"); left: 0; }
.abovefooter a.more:hover:after, .abovefooter p.more a:hover:after, .abovefooter button.more:hover:after {background-image: url("gfx/more.png");right: 0; }
h1, .h1 {
font-size: 2.4em;
line-height: 1;
text-transform: uppercase;
font-family: 'Source Sans Pro',arial,sans-serif;
display: inline-block;
color:#000;
position: relative;
margin: 0 0 10px 0;
hyphens: auto;
}
h2, .h2 {
font-size: 1.87em;
line-height: 1;
margin: 0 0 10px 0;
font-family: 'Source Sans Pro',arial,sans-serif;
display: inline-block;
color:#000;
hyphens: auto;
}
.module_herorequest h2 { margin-top: 0.5em !important; }
.abovefooter h2, .abovefooter .h2 {font-size: 3.3333333333333335em; }
h3, .h3 {font-size: 1.8666666666666667em;line-height: 1.3;margin:1.06em 0 .53em;hyphens: auto; }
h4, .h4 {font-size: 1.6em;line-height: 1.3;margin:1.12em 0 .56em;hyphens: auto; }
h5, .h5 {font-size: 1.3333333333333333em;line-height: 1.3;margin:1.28em 0 .64em;hyphens: auto; }
h6, .h6  {font-size: 1.0666666666666667em;line-height:1.3;margin:1.5em 0 .75em;hyphens: auto; }
p {line-height: 1.7;margin: .69em 0;
-webkit-hyphens: auto;
-moz-hyphens: auto;
hyphens: auto;
}
h1, h2 {font-weight:normal;}
h3,.h3, h4,.h4, h5,.h5, h6,.h6 { font-weight: bold;font-family: 'Source Sans Pro',arial,sans-serif;transform:none;color: #333; }
li {line-height: 1.3;  }
ul:not(.tarn) li { list-style-image: url("gfx/listimage.png");margin: 7px 0; }
ul li ul li,ol li ul li,ul li ol li,ol li ol li {list-style-image:inherit; }
ol {margin:.69em 0 .69em 2.38em;}
ul.tarn ul, ul.tarn ol, ul {margin:.69em 0 .69em 1.38em;}
ul ul {list-style-type: disc;margin-top:0;}
ul.tarn {list-style:none;list-style-image:none;margin:0;padding:0;}
ul.tarn li li {border:0 none;float:none;margin:0;padding:0;}
ul.inline {list-style:none;list-style-image:none;margin:0;padding:0;}
ul.inline li {display:inline;}
article, aside, figure, footer, header, hgroup, nav, section { display:block; }
code, pre { font-family: "Courier New", monospace, serif; font-size: 1em; } 
q{quotes:"\201C""\201D""\2018""\2019";}
*[lang|='de'] q:before{content:'\201C';}
*[lang|='de'] q:after{content:'\201D';}
*[lang|='de'] q q:before{content:'\2018';}
*[lang|='de'] q q:after{content:'\2019';}
ins,dfn{border-bottom:1px solid #000;}
small,sup,sub{font-size:85%;}
big{font-size:125%;line-height:80%;}
abbr,acronym{text-transform:uppercase;font-size:85%;letter-spacing:.1em;}
abbr[title],acronym[title],dfn[title]{cursor:help;border-bottom:1px dotted #888;}
sub, sup { font-size: 75%; line-height: 0; position: relative; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
blockquote{font-family: 'Tahu',arial,sans-serif; font-size: 2.3333333333333335em;transform: rotate(-10deg) translate(-50%,0);position: relative;max-width: 480px;line-height: 1em;left: 50%;margin: 20px auto 80px auto;font-style: italic; }
blockquote ,blockquote * { color: #000 !important;display: inline-block; }
blockquote * { line-height: 1em;margin: 0; }
blockquote:before{content: '';background-image: url("gfx/blockquote.png"); background-repeat: no-repeat; position: absolute; top: -60px;left:0;width: 50px;height: 50px;transform: rotate(10deg); }
.blockquoteauthor { font-family: 'Source Sans Pro';font-size: 0.3em;transform: rotate(10deg);display: inline-block;position: absolute;bottom: -50px;right: 65px;color: #666 !important; }
.blockquoteauthor strong { font-style: normal; }
p.cite { font-weight: bold; font-style: italic; color: #222; font-size: 1.0666666666666667em; padding: 0 0 0 60px;margin-bottom: 0;position: relative; }
p.cite:before{content: '';background-image: url("gfx/blockquote.png"); background-repeat: no-repeat; position: absolute; top: 7px;left: 0;width: 30px;height: 30px;background-size: 30px; }
p.citeauthor { padding: 0 0 0 60px;margin: 0;font-size: 0.9333333333333333em; }
hr {border:0;border-top:1px solid #ccc;background-color:#fff;display:block;height:1px;line-height:1px;margin: .69em 0;padding:0;}
pre {
padding: 15px;
white-space: pre; 
white-space: pre-wrap; 
white-space: pre-line; 
word-wrap: break-word; 
}
img { border:0; }
img.vmiddle { vertical-align:middle;}
.fright img, img.fright {margin: 0 0 .3em .8em;}
.fleft img, img.fleft {margin: 0 .8em .3em 0;}
.imgfull  { margin: 0 0 40px 0;width:100% !important;height: auto !important; }
.imgfull img { width:100%;height: auto;margin: 0; }
::-moz-selection{ background: #5389AB; color:#fff; text-shadow: none; }
::selection { background:#5389AB; color:#fff; text-shadow: none; }
img::selection {background: transparent;}
img::-moz-selection {background: transparent;}
.box {background-color:#F1F2F4;}
.error {color:#f00;}
.error a:link, .error a:visited, .error a:focus, .error a:hover, .error a:active, .error h1, .error h2, .error h3, .error h4, .error h5, .error h6 {color:#f00;}
.success {color:#009900;}
.success a:link, .success a:visited, .success a:focus, .success a:hover, .success a:active, .success h1, .success h2, .success h3, .success h4, .success h5, .success h6 {color:#009900;}
.v { position: absolute !important; clip: rect(1px 1px 1px 1px);   clip: rect(1px, 1px, 1px, 1px); border:0 !important;height: 1px !important;margin: -1px !important;padding:0 !important;overflow: hidden;width: 1px !important;}
.wai {display:inline;float:left;height:1px;margin:-1em 0 0;overflow:hidden;position:relative;width:1px;}
.ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; }
.none, .noem em {display:none;visibility:hidden;}
.block {display:block;visibility:visible;}
.cfix:before, .cfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
.cfix:after { clear: both; }
.ofix {overflow: hidden;}
.bb {border-bottom:1px solid;padding-bottom:1em;}
.bt {border-top:1px solid;padding-top:1em;}
.c 	{clear: both;}
.cl {clear:left;}
.cr {clear:right;}
.error {color:#f00;}
.error a:link, .error a:visited, .error a:focus, .error a:hover, .error a:active, .error h1, .error h2, .error h3, .error h4, .error h5, .error h6 {color:#f00;}
.fright {float:right;}
.fleft {float:left;}
.fnone {float:none;}
.fnorm {font-size:1em;}
.fsmall, small {font-size:.85em;}
.italic { font-style:italic; }
.bold { font-weight:bold; }
.iblock {display:inline-block;}
.m0 {margin:0;}
.mb {margin-bottom:.69em;}
.mbh {margin-bottom:.35em;}
.mbd {margin-bottom:1.4em;}
.ml {margin-left:1em;}
.mr {margin-right:1em;}
.mt {margin-top:.69em;}
.mth {margin-top:.35em;}
.mtd {margin-top:1.4em;}
.mt0 {margin-top:0;}
.mb0 {margin-bottom:0;}
.p0 {padding:0;}
.pb {padding-bottom:.69em;}
.pbh {padding-bottom:.35em;}
.pbd {padding-bottom:1.4em;}
.pl {padding-left:1em;}
.pr {padding-right:1em;}
.pt {padding-top:.69em;}
.pth {padding-top:.35em;}
.ptd {padding-top:1.4em;}
.pt0 {padding-top:0;}
.pb0 {padding-bottom:0;}
.notop > *:first-child, #content > *:first-child {margin-top:0;}
.nobottom > *:last-child {margin-bottom:0;}
.nowrap {white-space:nowrap;}
.pad {padding:.5em 1em;}
.success {color:#009900;}
.success a:link, .success a:visited, .success a:focus, .success a:hover, .success a:active, .success h1, .success h2, .success h3, .success h4, .success h5, .success h6 {color:#009900;}
.tcenter {text-align:center;}
.tleft {text-align:left;}
.tright {text-align:right;}
.versal {text-transform:uppercase;}
.wauto {width:auto;}
table {border-collapse:collapse;border-spacing:0;font-size:inherit;font:100%;empty-cells:show;width:100%;}
caption{}
thead{}
tbody{}
tfoot{}
thead th {}
th, td {font-size:1em;padding: .2em .2em;}
thead td, th {font-weight:bold;}
thead td, th {font-weight:bold;}
form {clear: both;margin: 1.38em 0;padding:0;width:100%;}
fieldset {border:0 none;margin:0 0 1em;padding:0.5em 0;position:relative;text-align: left;}
fieldset#formcontrols { text-align: center; }
fieldset.p0 {padding:0;text-align: center; }
legend {font-weight:bold;font-size:1.1em;padding:0;}
form ol, form ul {list-style-type:none;margin:0;overflow:hidden;padding:0;}
form ol li, form ul li {background-image:none;float:left;list-style-image:none;padding:5px 0;width:100%;max-width: 520px;display: inline-block;margin: 5px 0; }
#sub-form ol { text-align: center; }
#sub-form ol li { text-align:center; }
#sub-form ol li label { text-align: left; }
li.w-100 { width:100%; }
form li ol, form li ul {float:left;padding:0;}
form ol li li, form ul li li {list-style-image:none;padding:1px 0;}
form ol div label, form ul div label {display:block;float:none;margin:0;width:auto;}
form .optgroup, form .optgroup li {width:auto;}
form .optgroup {float:none;}
form .optgroup li {margin-right:10px;}
form li.req {}
form .error-msg {border:1px solid;clear:both;margin:.69em 0;padding:.5em 1em;}
form .error-msg legend {border:1px solid;padding:.2em .5em;}
form .error-msg ul { list-style-type:square;margin-left:20px;overflow:visible;}
form .error-msg ul li {clear:both;float: none;list-style-image:none;padding:2px 0;width:auto;}
form .error-msg label {float:none;display:inline;margin:0;padding:0;width:auto;}
form li.error label {}
form li.error input, form li.error select, form li.error textarea {font-weight:normal;}
form small {display:block;font-size:0.85em;}
label, form ol div, form ul div {float:left;line-height:1.3;margin:5px 10px 5px 0;vertical-align:top;}
.req label {font-weight:bold;}
.module_herorequest .req label,.abovefooter .req label { font-weight: normal; }
.module_herorequest .req label p { font-weight: bold; }
form .checktxt, form .radiotxt, form .widetxt { margin-right:0;font-weight: normal;width: 90%; }
form .radiotxt.full, form .checktxt.full {width:90%;}
form fieldset .autotxt {width:auto;}
form label.req {display:block;float:none;font-weight:bold;margin:0 0 .69em;width:100%;}
input, select, textarea {border: 1px solid;float:left;font-size:1em;padding:10px 6px;
-webkit-transition: all 0.25s ease-in-out;
-moz-transition: all 0.25s ease-in-out;
-o-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out;
}
select {width:auto; background-image: url("gfx/subnavtoggle.png"); background-repeat: no-repeat; background-position: right 10px center;padding: 10px 25px 10px 6px; }
option {padding-left: 0.4em;} 
textarea {vertical-align:top;resize:none;}
input.button {text-align:center;}
input.button:focus {text-decoration:underline;}
input.img {border:0 none;padding:0;width: auto;}
input.noborder {background-color: transparent;border: 0 none;margin-bottom:.7em;margin-right:5px;padding:0;width:auto;}
input.checkbox, input.radio { background-color: #fff;border: 1px solid #999;margin:7px 5px 0 0;padding:0;width:15px; height:15px; background-repeat: no-repeat;outline: none; }
input.checkbox:focus, input.radio:focus,input.checkbox:active, input.radio:active { border: 1px solid #999; }
input.checkbox { background-image: url("../content/default/check.png");background-position: -1px -1px; }
input.radio { border-radius: 50%; background-image: url("../content/default/radio.png"); background-position: 0px 0px; background-size: 13px; }
input.radio:checked, input.checkbox:checked { background-color: #5389AB; }
label, input[type=checkbox], input[type=radio], input[type=submit], button {cursor:pointer; }
input[type='text'],input[type='password']{cursor:text;}
input[type='hidden']{display:none;}
input[disabled='disabled'] {background-color:#DADADD; cursor:auto;}
input[type="submit"]::-moz-focus-inner {border:0;} 
.abovefooter input.checkbox:hover,.abovefooter input.checkbox:focus,.abovefooter input.checkbox:active { box-shadow: none; }
.abovefooter input[type=text] { background: transparent;border-left: none;border-top: none;border-right: none;width: 100%;font-size: 2em;font-family: 'Source Sans Pro',arial,sans-serif;margin: 0 0 16px 0;  }
.abovefooter button.more { float:right;border: none; background-color: transparent; text-align: right;padding: 0;margin: 7px 0 0 0;font-size: 1em; font-weight: 400;color: #000;outline: none;font-family: 'Source Sans Pro',arial,sans-serif; }
.abovefooter button.more:hover { box-shadow: none;border: none; }
form .wauto {width:auto;}
form .full {width:98%;}
form .spacer {display:block;margin:.2em 5px 0 0;float:left; text-align:center;}
form .short {margin-right:10px;width:100px;}
form img.captcha {float:left;margin-right:.5em;}
a.button:link, a.button:visited, a.button:focus, a.button:hover, a.button:active, button, p.buttonfull a:link, p.buttonfull a:visited, p.buttonfull a:focus, p.buttonfull a:hover, p.buttonfull a:active {border:0 none;cursor:pointer;display:inline-block;font-weight:bold;line-height:1.2;margin:0;padding:1em 1em;text-align:center;text-decoration:none;text-transform: uppercase;font-size: 0.8666666666666667em;font-family: 'Source Sans Pro',arial,sans-serif; }
p.buttonfull { text-align: center;padding:0;margin: 20px 0;  }
p.buttonfull a{ margin:0 !important; padding:20px !important; width:100%;text-transform: none !important;font-size: 1.2em !important; }
a.button.btnborder:link, a.button.btnborder:visited, a.button.btnborder:focus, a.button.btnborder:hover, a.button.btnborder:active, button.btnborder {border:2px solid #fff;cursor:pointer; }
.abovefooter button { text-transform: none; }
button {width: 284px; overflow: visible; } 
a.button:focus, a.button:hover, a.button:active, button:focus, button:hover, button:active,p.buttonfull a:focus, p.buttonfull a:hover, p.buttonfull a:active { text-decoration:underline;}
button::-moz-focus-inner {border: none;}
button.auto, a.auto:link, a.auto:visited, a.auto:focus, a.auto:hover, a.auto:active {width:auto;}
button.fright, a.fright:link, a.fright:visited, a.fright:focus, a.fright:hover, a.fright:active {float:right;}
.module_formmail label, .module_formmail form ol div, .module_formmail form ul div,.module_newsletter label, .module_newsletter form ol div, .module_newsletter form ul div {overflow:hidden;width:90%;}
form fieldset .right { margin: 0 auto; } 
form fieldset { max-width: 520px; }
input, select, textarea {width:100%;}
.module_formmail input, .module_formmail select, .module_formmail textarea {width:100%;}
.module_formmail input[type=radio],.module_formmail input[type=checkbox] { width:15px; }
.module_formmail form .checktxt, .module_formmail form .radiotxt, .module_formmail form .widetxt {width:auto;}
.abovefooter form .checktxt {width:auto;}
.module_formmail form li ol, .module_formmail form li ul, select, .module_formmail input.button,.module_newsletter form li ol, .module_newsletter form li ul, select, .module_newsletter input.button {width:100%;}
input.captcha {margin-top:10px;width:100px;}
form li.req {}
form .req li label {background-color:transparent;}
input, select, textarea {background-color: #fff;border-color: #ccc;}
a.button:link, a.button:visited, a.button:focus, a.button:hover, a.button:active, button, p.buttonfull {background-color: #5389AB;color:#fff;}
p.buttonfull a:link, p.buttonfull a:visited, p.buttonfull a:focus, p.buttonfull a:hover, p.buttonfull a:active { color:#fff; }
a.button.btnborder:link, a.button.btnborder:visited, a.button.btnborder:focus, a.button.btnborder:hover, a.button.btnborder:active, button.btnborder { background-color: #5389AB;color:#fff; }
a.button:focus, a.button:hover, a.button:active, button:focus, button:hover, button:active {}
input.placeholder {color:#B3B3B3;}
input::-webkit-input-placeholder {color:#B3B3B3;}
input:-moz-placeholder {color:#B3B3B3s;}
a.button:focus, a.button:hover, a.button:active, button:focus, button:hover, button:active,
input:focus, select:focus, textarea:focus {border-color:#ccc;
-webkit-box-shadow: 0 0 5px #094891;
-moz-box-shadow: 0 0 5px #094891;
-o-box-shadow: 0 0 5px #094891;
box-shadow: 0 0 5px #094891;
}
.footerblock a.button:focus, .footerblock a.button:hover, .footerblock a.button:active, .footerblock button:focus, .footerblock button:hover, .footerblock button:active,
input:focus, select:focus, textarea:focus {
-webkit-box-shadow:none;
-moz-box-shadow: none;
-o-box-shadow: none;
box-shadow: none;
}
form .error-msg, form .error-msg legend {background-color: #FFCECF;border-color:#BF0027;}
form .error-msg legend {
-webkit-box-shadow: 0 0 5px #BF0027;
-moz-box-shadow: 0 0 5px #BF0027;
-o-box-shadow: 0 0 5px #BF0027;
box-shadow: 0 0 5px #BF0027;
}
form .error-msg {background-color: #FFCECF;border-color:#f00;
}
form li.error label {color:#f00;}
input[type=text]:focus:invalid,
input[type=email]:focus:invalid,
input[type=url]:focus:invalid,
input[type=date]:focus:invalid,
input[type=tel]:focus:invalid,
input[type=number]:focus:out-of-range,
form li.error input, form li.error select, form li.error textarea {border-color:#f00;}
.module_herorequest .req label p { color:#000; }
@media screen and (max-width: 320px){ 
}
@media screen and (min-width: 480px), print{ 
li.w-50 { width:50%; }
li.w-50.even { margin: 0 0 0 15px;width:calc(50% - 15px); }
li.w-50.odd { margin: 0 15px 0 0;width:calc(50% - 15px); }
.headerblock { margin: -1px -20px -90px -20px; }
.headerblock .headerlogo { height:130px;width: 300px;bottom: 90px; }
.headerblock .headerlogo img { max-width: 100%; }
article.jump .innertext{ padding: 10px 50px 60px}
#homeconfhead .txt{width: 61%}
article.mitarbeiter { width:calc(50% - 15px);margin: 15px; }
article.mitarbeiter:nth-child(even) { margin: 15px 0 15px 15px; }
article.mitarbeiter:nth-child(odd) { margin: 15px 15px 15px 0; }
article.referenz, ul.referenzen li,article.element, ul.imgstyle2 li { width: calc(50% - 20px);margin: 10px; }
.referenzen-wrap, ul.referenzen, #overview, .imgstyle2wrap { margin:20px -10px 0 -10px; }
.imglist ul.img li,.imglist_firstrow ul.img li { width:50%;margin: 15px 0; }
.imglist ul.img li.even,.imglist_firstrow ul.img li.even { padding: 0 0 0 15px; }
.imglist ul.img li.odd,.imglist_firstrow ul.img li.odd { padding: 0 15px 0 0; }
.module_herooftheday ul.img { display: inline-block; float: right; }
.module_herooftheday il.img li { margin: 7px 0; }
.module_herooftheday ul.img img {max-width: 250px !important;margin: 0 0 30px 50px; }
.module_herooftheday ul.img li:after { bottom: 5px; }
}
@media screen and (min-width: 494px){
form fieldset .right {margin-left:170px;} 
.module_formmail input, .module_formmail select, .module_formmail textarea {width:100%;}
.module_formmail form .checktxt, .module_formmail form .radiotxt, .module_formmail form .widetxt{width:auto;}
.module_formmail form li ol, .module_formmail form li ul, select, .module_formmail input.button,.module_newsletter form li ol, .module_newsletter form li ul, select, .module_newsletter input.button {width:100%;}
}
@media screen and (max-width: 599px){
.sticky-share{ width: 43px}
.sticky-share .title{
width: calc(100% + 62px);
position: relative;
left: -31px;
}
.sticky-share h4{opacity: 0}
.sticky-share img{
left: 50%;
transform: translateX(-50%);
padding: 10px
}
.sticky-share:hover .title{
padding-left: 36px
}
.sticky-share:focus .title{
padding-left: 36px
}
.sticky-share:focus-within .title {
padding-left: 36px
}
}
@media screen and (min-width: 600px){
.sticky-share{
padding: 11px 26px 11px 36px;
}
.sticky-share img{
margin: 0 10px 0 -10px;
}
}
@media screen and (min-width: 620px){
p.img { float:left; }
ul.img { float:right; }
p.img img {width:100%;max-width: 320px;margin: 0 50px 30px 0;}
ul.img img {width:100%;max-width: 320px;margin: 0 0 30px 50px;}
}
@media screen and (max-width: 179px){
.sticky-share {
background-position: center;
}
}
@media screen and (min-width: 720px) {
#content { padding: 80px 0 120px 0; }
h1:not(#logo):after, .h1:not(#logo):after { content:'';border-bottom: 2px solid #5389AB;position: absolute; width: 100%; height: 2px;bottom: 0px; left: -5px;z-index: -1; }
h1, .h1 {font-size: 3em; }
h2, .h2 {font-size: 2.14em; }
.module_herorequest h2 { border-bottom: 2px solid #5389AB; }
blockquote { font-size: 3.3333333333333335em; }
#header { height:90px; }
#contentwrap { margin:90px auto 0 auto; }
.anchor-fixedform { top: 100px; }
.navwrapper { top:89px; }
#logo img { height:60px; }
.headerblock { margin: -1px -20px -120px -20px; }
.headerblock .headerlogo { height:160px;width: 450px;bottom: 120px; }
.footerblock { margin: -40px 0 120px 0; }
.abovefooter .nl{ width: 60%;float: left; }
.abovefooter .contact { width: 40%;float: left; }
.abovefooter .inner { padding:65px 20px 85px 20px; }
p.img img {max-width: 360px;}
ul.img img {max-width: 360px;}
.imglist ul.img li, .imglist_firstrow ul.img li { margin:15px 0;}
.imglist ul.img li,.imglist_firstrow ul.img li.third,.imglist_firstrow ul.img li.fourth,.imglist_firstrow ul.img li.fifth { width:33.333333%; }
.imglist ul.img li.even,.imglist ul.img li.odd,.imglist ul.img li.fourth,.imglist_firstrow ul.img li.fourth { padding: 0 10px; }
.imglist ul.img li.fifth,.imglist_firstrow ul.img li.fifth { padding:  0 0 0 22px !important; }
.imglist ul.img li.third,.imglist_firstrow ul.img li.third { padding:  0 22px 0  0 !important; }
#homeconfhead{
height: 50vh;
padding: 80px;
}
article.mitarbeiter { width:calc(33.33333% - 30px);margin: 15px; }
article.mitarbeiter:nth-child(even) { margin: 15px; }
article.mitarbeiter:nth-child(odd) { margin: 15px; }
article.mitarbeiter:nth-child(3n) { margin: 15px 0 15px 15px !important; }
article.mitarbeiter:nth-child(3n+1) { margin: 15px 15px 15px 0 !important; }
article.referenz, ul.referenzen li,article.element, ul.imgstyle2 li { width:calc(33.33333% - 30px);margin: 15px !important; }
.referenzen-wrap, ul.referenzen, #overview,.imgstyle2wrap { margin:20px -15px 0 -15px; }
}
@media screen and (min-width: 770px) {
.module_herorequest .iframeinner { padding:40px !important;  }
}
@media screen and (min-width: 960px){
#footer .inner { text-align:left; }
#mnav { float: right;width: auto; }
#mnav ul { display: inline-block;}
#footer p { padding: 0 0 0 50px; }
#footer p:before { top: 50%;transform: translate(0,-50%);left: 0; }
article.jump:hover .innertext .body { display: block; }
article.jump span.linktxt { display: block; }
article.jump .img{ height: unset}
article.jump{
flex-direction: row;
align-items: stretch;
}
article.jump:nth-of-type(2n){ flex-direction: row-reverse}
#homeconfhead{
padding: 80px 220px;
margin-bottom: 100px
}
.module_home .detail{ margin-top: 70px}
.module_home .abovefooter{
margin-top: 100px
}
}
@media screen and (max-width: 1119px){
#nav a.m:link, #nav a.m:visited, #nav a.m:focus, #nav a.m:hover, #nav a.m:active, #nav strong.m { text-transform: none; letter-spacing: normal; font-size: 1.5384615384615385em; }
}
@media screen and (min-width: 1120px){
#header { height:140px; }
#contentwrap { margin:140px auto 0 auto;padding: 0; }
.scrolled #header { height:90px; }
#header .inner { padding: 40px 0 20px 0; }
.scrolled #header .inner { padding: 10px 20px; }
#header .rightcontrols { right:0;transform: translate(0,-14px); }
#logo img { height:70px; }
.scrolled #logo img { height:60px; }
.anchor-fixedform { top: auto;right:0;border-radius: 20px;width:195px; }
.anchor-fixedform span { display: inline-block; }
.navwrapper { height:auto;top: 50%;right: 200px;transform: translate(0,-5px);width: auto;margin: 0 20px 0 0;left: inherit;overflow: visible;background-color: transparent; }
#nav li { margin: 0 0 0 28px;display:inline-block; }
#nav li span.togglesubnav { display:none; }
#nav > li.langitem { margin: 0 2px 0 28px; }
#nav > li.langitem ~ .langitem { margin: 0 2px; }
#nav a.m:link, #nav a.m:visited, #nav a.m:focus, #nav a.m:hover, #nav a.m:active, #nav strong.m { margin: 0;  }
#nav ul { position:absolute;top:50px;display:block;opacity: 0; margin: 0;padding: 30px;-webkit-box-shadow: 0px 0px 40px -7px rgba(0,0,0,0.5);-webkit-box-shadow: 0px 0px 29px -2px rgba(0,0,0,0.2);-moz-box-shadow: 0px 0px 29px -2px rgba(0,0,0,0.2);box-shadow: 0px 0px 29px -2px rgba(0,0,0,0.2);text-align: left;left: 50% !important;transform: translate(-50%,0); }
#nav li { height:70px; }
#nav li:hover ul,#nav li.hover ul{ display: flex !important;opacity: 1; }
#navanchor { display:none; }
.navactive .navwrapper { height:auto; }
#nav ul li { display:block; margin:0 70px 0 0;text-align: left;height: auto;}
#nav ul li a, #nav ul li strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#nav ul li li a,#nav ul li li strong { overflow: visible;text-overflow: inherit; white-space: normal;  }
#nav ul li:last-child { margin: 0; }
#nav ul ul { display:block !important;padding: 0;box-shadow: none;-webkit-box-shadow:none;-moz-box-shadow:none;transform: none;left: 0 !important;margin: 10px 0 0 0; }
#nav ul ul li { margin: 0; }
.mobsubnav::before {content: '';position: absolute;width: 40px;height: 40px;background: #fff;top: -10px;left: 50%;transform: translate(-50%,0) rotate(45deg); }
#nav li ul.mobsubsubnav { display:block !important; }
article.jump .innertext{
max-width: 345px;
margin: 0 auto;
padding: 90px 0;
}
article.jump .innertext h2{ hyphens: none}
#footer .inner { padding: 0; }
.abovefooter .inner { padding: 75px 0 95px 0; }
}
@media only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5 )and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 2dppx) {
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
.ul.mobsubnav li { max-width: 100px; }
}
.ie6 #nav li {display:inline-block;}
.ie6 .i, .ie6 a.i:link, .ie6 a.i:visited, .ie6 a.i:focus, .ie6 a.i:hover, .ie6 a.i:active {background-position:0 .1em;zoom:1;}
.ie .cfix, .ie .ofix, .ie .iefix {zoom:1;-ms-zoom:1;} 
.ie a abbr, .ie a acronym {text-decoration:underline;}
.ie sup, .ie sub{font-size:100%;}
.ie6 blockquote *{margin:.8em 0;}
.ie img {-ms-interpolation-mode: bicubic;} 
.ie6 fieldset, .ie7 fieldset, .ie8 fieldset { overflow:visible; height:1%; margin-top:1.5em; padding-top:1.5em; }
.ie6 fieldset.p0, .ie7 fieldset.p0, .ie8 fieldset.p0  {margin-top:0;padding-top:0;}
.ie6 legend, .ie7 legend, .ie8 legend { left:0;position:absolute; top: -.6em; }
.ie6 .error-msg legend, .ie7 .error-msg legend, .ie8 .error-msg legend { position:absolute; top: -.9em; }
.ie6 legend, .ie7 legend {margin-left:-6px;}
.ie7 fieldset.p0 legend, .ie7 fieldset.p0 legend, .ie8 fieldset.p0 legend {position:static;top:0;}
.ie6 input.radio, .ie6 input.checkbox, .ie7 input.radio, .ie7 input.checkbox {margin-top:4px;}
.ie6 textarea {white-space:pre;}
.ie textarea {overflow: auto;} 
.ie6 form input.button {padding-left:0;padding-right:0;}
.ie button {overflow: visible;} 
.ie6 input{cursor:expression(this.type=='text' || this.type=='password' ? 'text' : 'pointer');display:expression(this.type=='hidden' ? 'none' : 'inline');}
.ie6 select, .ie7 select {margin-top:3px;}
.ie6 #lightviewController { 
position: absolute;
top: auto;
margin-top: expression( (-1 * this.offsetHeight / 2 + (document.documentElement ? document.documentElement.scrollTop : 0) + (Lightview.controllerOffset || 0)) + 'px');
}
.ie6 #lightview { 
position: absolute;
margin-top: expression( (-1 * this.offsetHeight / 2 + (document.documentElement ? document.documentElement.scrollTop : 0) - (Lightview.controllerHeight || 0)) + 'px');
margin-left: expression( -1 * this.offsetWidth / 2 + (document.documentElement ? document.documentElement.scrollLeft : 0) + 'px');
}
.ie6 #lv_overlay {
position: absolute;
height: expression(((window.Enumerable && window.Enumerable.max) ? [document.body.scrollHeight, document.documentElement.scrollHeight, document.body.offsetHeight, document.documentElement.clientHeight].max() : document.documentElement.scrollHeight) + 'px' );
width: expression(((window.Enumerable && window.Enumerable.max) ? [document.body.scrollWidth, document.documentElement.scrollWidth, document.body.offsetWidth, document.documentElement.clientHeight].max() : document.documentElement.scrollWidth) + 'px' );
}
@media print {
html, body {height:auto;min-height:inherit;}
#parent, #content {clear:none;float:none;min-width:100%;min-width:10px;padding:0;overflow:visible;position:static;width:100%;}
#sitenav, #nav, #search, .v, .back {display: none; visibility:hidden;}
pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
body .content a[href^="http"], body .content a[href^="ftp"] {background-image:none;padding-right:0;}
body .content a[href^="http"]:after {content: " (" attr(href) ") ";}
body .content a[href^="http://echonet.at"], body .content a[href^="http://www.echonet.at"] {background-image:none;}
body .content a[href^="http://echonet.at"]:after, body .content a[href^="http://www.echonet.at"]:after {content: "";}
.page {page-break-after: always;} 
tr, img { page-break-inside: avoid; }
.i, a.i:link, a.i:visited, a.i:focus, a.i:hover, a.i:active {background-image:none;padding-left:0;}
ul.downloads {list-style:square;margin-left:1.67em;}
ul.downloads li {list-style:square;padding-left:0;}
a.button:link, a.button:visited, a.button:focus, a.button:hover, a.button:active, button {background-image:none;border:1px solid #B00020;color:#B00020;}
a.button span, button span {background-image:none;}
thead { display: table-header-group; } 
}