header,footer,nav,section,aside,main,article,figure,figcaption{display:block}body,div,h1,h2,h3,h4,h5,h6,p,blockquote,pre,code,ol,ul,li,dl,dt,dd,figure,table,th,td,form,fieldset,legend,input,textarea{margin:0;padding:0}table{border-spacing:0;border-collapse:collapse}caption,th,td{text-align:left;text-align:start;vertical-align:top}abbr,acronym{font-variant:normal;border-bottom:1px dotted #666;cursor:help}blockquote,q{quotes:none}fieldset,img,iframe{border:0}ul{list-style-type:none}sup{vertical-align:text-top}sub{vertical-align:text-bottom}del{text-decoration:line-through}ins{text-decoration:none}body{font:12px/1 "Lucida Grande","Lucida Sans Unicode",Verdana,sans-serif;color:#000}input,button,textarea,select{font-family:inherit;font-size:99%;font-weight:inherit}pre,code{font-family:Monaco,monospace}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}h1{font-size:1.8333em}h2{font-size:1.6667em}h3{font-size:1.5em}h4{font-size:1.3333em}table{font-size:inherit}caption,th{font-weight:700}a{color:#00f}h1,h2,h3,h4,h5,h6{margin-top:1em}h1,h2,h3,h4,h5,h6,p,pre,blockquote,table,ol,ul,form{margin-bottom:12px}
legend{width:100%;display:block;font-weight:700;border:0}input[type=text],input[type=password],input[type=date],input[type=datetime],input[type=email],input[type=number],input[type=search],input[type=tel],input[type=time],input[type=url],input:not([type]),textarea{width:100%;display:inline-block;padding:3px 6px;background:#fff;border:1px solid #ccc;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;-moz-box-shadow:inset 0 1px 1px #eee;-webkit-box-shadow:inset 0 1px 1px #eee;box-shadow:inset 0 1px 1px #eee;-moz-transition:all .15s linear;-webkit-transition:all .15s linear;-o-transition:all .15s linear;transition:all .15s linear;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}input[type=text]:focus,input[type=password]:focus,input[type=date]:focus,input[type=datetime]:focus,input[type=email]:focus,input[type=number]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=time]:focus,input[type=url]:focus,input:not([type]):focus,textarea:focus{outline:0;background:#fcfcfc;border-color:#bbb}input[type=file]{cursor:pointer}select,input[type=file]{display:block}form button,input[type=file],input[type=image],input[type=submit],input[type=reset],input[type=button],input[type=radio],input[type=checkbox]{width:auto}textarea,select[multiple],select[size]{height:auto}input[type=radio],input[type=checkbox]{margin:0 3px 0 0}input[type=radio],input[type=checkbox],label{vertical-align:middle}input[disabled],select[disabled],textarea[disabled],input[readonly],select[readonly],textarea[readonly]{cursor:not-allowed;background:#eee}input[type=radio][disabled],input[type=checkbox][disabled],input[type=radio][readonly],input[type=checkbox][readonly]{background:0 0}form button,input[type=submit],.button{display:inline-block;padding:4px 15px 4px 14px;margin-bottom:0;text-align:center;vertical-align:middle;line-height:16px;font-size:11px;color:#000;cursor:pointer;border:1px solid #ccc;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;background-color:#ececec;background-image:-moz-linear-gradient(top,#fff,#ececec);background-image:-webkit-linear-gradient(top,#fff,#ececec);background-image:-ms-linear-gradient(top,#fff,#ececec);background-image:-o-linear-gradient(top,#fff,#ececec);background-image:linear-gradient(to bottom,#fff,#ececec);background-repeat:repeat-x;-moz-transition:background .15s linear;-webkit-transition:background .15s linear;-o-transition:background .15s linear;transition:background .15s linear}form button:hover,input[type=submit]:hover,.button:hover{text-decoration:none;background-position:0 -15px!important}form button:active,input[type=submit]:active,.button:active{background-color:#e6e6e6;background-position:0 -30px!important}form button.blue,input[type=submit].blue,.button.blue{background-color:#2f96b4;background-image:-moz-linear-gradient(top,#5bc0de,#2f96b4);background-image:-webkit-linear-gradient(top,#5bc0de,#2f96b4);background-image:-ms-linear-gradient(top,#5bc0de,#2f96b4);background-image:-o-linear-gradient(top,#5bc0de,#2f96b4);background-image:linear-gradient(to bottom,#5bc0de,#2f96b4);border-color:#2f96b4;color:#fff}form button.blue:active,input[type=submit].blue:active,.button.blue:active{background-color:#2e95b3}form button.green,input[type=submit].green,.button.green{background-color:#51a351;background-image:-moz-linear-gradient(top,#62c462,#51a351);background-image:-webkit-linear-gradient(top,#62c462,#51a351);background-image:-ms-linear-gradient(top,#62c462,#51a351);background-image:-o-linear-gradient(top,#62c462,#51a351);background-image:linear-gradient(to bottom,#62c462,#51a351);border-color:#51a351;color:#fff}form button.green:active,input[type=submit].green:active,.button.green:active{background-color:#4f9f4f}form button.orange,input[type=submit].orange,.button.orange{background-color:#f89406;background-image:-moz-linear-gradient(top,#fbb450,#f89406);background-image:-webkit-linear-gradient(top,#fbb450,#f89406);background-image:-ms-linear-gradient(top,#fbb450,#f89406);background-image:-o-linear-gradient(top,#fbb450,#f89406);background-image:linear-gradient(to bottom,#fbb450,#f89406);border-color:#f89406;color:#fff}form button.orange:active,input[type=submit].orange:active,.button.orange:active{background-color:#f28f04}form button.red,input[type=submit].red,.button.red{background-color:#bd362f;background-image:-moz-linear-gradient(top,#ee5f5b,#bd362f);background-image:-webkit-linear-gradient(top,#ee5f5b,#bd362f);background-image:-ms-linear-gradient(top,#ee5f5b,#bd362f);background-image:-o-linear-gradient(top,#ee5f5b,#bd362f);background-image:linear-gradient(to bottom,#ee5f5b,#bd362f);border-color:#bd362f;color:#fff}form button.red:active,input[type=submit].red:active,.button.red:active{background-color:#be322b}.widget{margin-bottom:12px}.widget>label{display:block;margin-bottom:6px;font-weight:700}.inline-form .widget{display:inline-block;margin-bottom:0;vertical-align:middle}.horizontal-form .widget:after{content:"";display:table;clear:both}.horizontal-form .widget>label{width:20%;float:left;padding:3px 2% 0 0;text-align:right}.horizontal-form .widget>input,.horizontal-form .widget>textarea{width:78%;float:left}.horizontal-form .widget>fieldset{margin-left:20%}
body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul,.content-gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li,.content-gallery>ul li{float:left}.ce_gallery>ul li.col_first,.content-gallery>ul li.col_first{clear:left}.float_left,.media--left>figure{float:left}.float_right,.media--right>figure{float:right}.block{overflow:hidden}.media{display:flow-root}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both}
#colorbox,#cboxOverlay,#cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden;-webkit-transform:translate3d(0,0,0)}#cboxWrapper{max-width:none}#cboxOverlay{position:fixed;width:100%;height:100%}#cboxMiddleLeft,#cboxBottomLeft{clear:left}#cboxContent{position:relative}#cboxLoadedContent{overflow:auto;-webkit-overflow-scrolling:touch}#cboxTitle{margin:0}#cboxLoadingOverlay,#cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%;height:100%}#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow{cursor:pointer}.cboxPhoto{float:left;margin:auto;border:0;display:block;max-width:none;-ms-interpolation-mode:bicubic}.cboxIframe{width:100%;height:100%;display:block;border:0;padding:0;margin:0}#colorbox,#cboxContent,#cboxLoadedContent{box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box}#cboxOverlay{background:#000;opacity:.9;filter:alpha(opacity = 90)}#colorbox{outline:0}#cboxContent{margin-top:20px;background:#000}.cboxIframe{background:#fff}#cboxError{padding:50px;border:1px solid #ccc}#cboxLoadedContent{border:5px solid #000;background:#fff}#cboxTitle{position:absolute;top:-20px;left:0;color:#ccc}#cboxCurrent{position:absolute;top:-20px;right:0;color:#ccc}#cboxLoadingGraphic{background:url(../../assets/colorbox/images/loading.gif) no-repeat center center}#cboxPrevious,#cboxNext,#cboxSlideshow,#cboxClose{border:0;padding:0;margin:0;overflow:visible;width:auto;background:0 0}#cboxPrevious:active,#cboxNext:active,#cboxSlideshow:active,#cboxClose:active{outline:0}#cboxSlideshow{position:absolute;top:-20px;right:90px;color:#fff}#cboxPrevious{position:absolute;top:50%;left:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top left;width:28px;height:65px;text-indent:-9999px}#cboxPrevious:hover{background-position:bottom left}#cboxNext{position:absolute;top:50%;right:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top right;width:28px;height:65px;text-indent:-9999px}#cboxNext:hover{background-position:bottom right}#cboxClose{position:absolute;top:5px;right:5px;display:block;background:url(../../assets/colorbox/images/controls.png) no-repeat top center;width:38px;height:19px;text-indent:-9999px}#cboxClose:hover{background-position:bottom center}
.content-slider{overflow:hidden;visibility:hidden;position:relative}.slider-wrapper{overflow:hidden;position:relative}.slider-wrapper>*{float:left;width:100%;position:relative}.slider-control{height:30px;position:relative}.slider-control a,.slider-control .slider-menu{position:absolute;top:9px;display:inline-block}.slider-control .slider-prev{left:0}.slider-control .slider-next{right:0}.slider-control .slider-menu{top:0;width:50%;left:50%;margin-left:-25%;font-size:27px;text-align:center}.slider-control .slider-menu b{color:#bbb;cursor:pointer}.slider-control .slider-menu b.active{color:#666}
 @font-face{font-family:rocksolid-icons;src:url(../../files/g_u_l/fonts/rocksolid-icons.woff) format('woff'),url(../../files/g_u_l/fonts/rocksolid-icons.ttf) format('truetype');font-weight:400;font-style:normal}.navi-section{width:100%;position:relative;-webkit-transition:all 600ms ease-in-out;-moz-transition:all 600ms ease-in-out;transition:all 600ms ease-in-out;z-index:1000}.navi-section .banner--clone.banner--stick{position:relative;margin-top:0;-webkit-box-shadow:0 0 #000;box-shadow:0 0 #000;-webkit-transition:all 600ms ease-in-out;-moz-transition:all 600ms ease-in-out;transition:all 600ms ease-in-out;z-index:1000!important}.navi-section .inside{width:100%;overflow:visible;display:block;margin-right:auto;margin-left:auto}.startpage div.navi-section:not(.banner--clone){opacity:.9}.startpage .banner--clone.banner--stick #navmain,.startpage .banner--clone.banner--stick .mainnav{opacity:1}@media screen and (min-width:1800px){.startpage div.navi-section:not(.banner--clone){position:absolute;bottom:0;opacity:.9}}@media screen and (min-width:1200px){.startpage div.navi-section:not(.banner--clone){position:relative;bottom:0;opacity:.9}}@media screen and (min-width:1081px) and (max-width:1199px){.startpage div.navi-section:not(.banner--clone){position:absolute;bottom:0;opacity:.9}}@media screen and (min-width:900px) and (max-width:1080px){.startpage div.navi-section:not(.banner--clone){margin-top:calc(37.0% - 1vw);margin-bottom:1rem;opacity:1}}@media screen and (min-width:790px) and (max-width:899px){.startpage div.navi-section:not(.banner--clone){margin-top:calc(36.5% - 1vw);margin-bottom:1rem;opacity:1}}@media screen and (min-width:160px) and (max-width:319px){.startpage div.navi-section:not(.banner--clone){margin-top:70%;margin-bottom:1rem;opacity:1}}.banner--clone.banner--stick #navmain,.banner--clone.banner--stick .mainnav{margin-top:0}nav.mainnav ul.level_1{display:flex;flex-direction:row;justify-content:space-between;list-style-type:none;margin-bottom:0;width:auto}nav.mainnav ul.level_1 a.trail{font-weight:700}nav.mainnav ul.li,nav.metanav ul li{display:inline-block;width:auto;margin:0}nav.mod_navigation a,nav.mod_navigation strong,.mainnav a,.mainnav strong,.linkto_subpage{color:#1C3E60;display:inline-block;text-decoration:none;font-family:'Roboto Condensed';padding:.6rem .5rem;text-transform:uppercase;line-height:2rem;transition:box-shadow .33s ease-out}.mainnav ul.level_1 li.symbol a,.mainnav ul.level_1 li.symbol strong{font-family:"rocksolid-icons";padding-left:0;padding-top:.6rem}nav.mainnav ul.level_1 li.last a{padding-right:0}nav.mainnav>ul>li>a.submenu::after{content:" \25BC";margin-left:.2em;display:inline-block;font-size:smaller}nav.mainnav>ul>li>a.submenu.trail::after{content:" \25B2";margin-left:.2em;display:inline-block;font-size:smaller}nav.mod_navigation>ul.level_1>li>ul.level_2,.mainnav>ul.level_1>li>ul.level_2{position:absolute;max-height:0;text-align:left;overflow:hidden;opacity:0;white-space:nowrap;margin-bottom:0;min-width:152px;background-color:#e1e7ed;transition:max-height 0s .7s,padding 0s .3s,opacity .7s;transform:translate3d(0,0,0);-webkit-box-shadow:.5em .5em .2em rgba(68,69,68,.55);-moz-box-shadow:.5em .5em .2em rgba(68,69,68,.55);box-shadow:.5em .5em .2em rgba(68,69,68,.55);z-index:1000}nav.mod_navigation>ul.level_1>li:hover>ul.level_2,.mainnav>ul.level_1>li:hover>ul.level_2{box-sizing:content-box;background:#e1e7ed;max-height:9999px;transition:opacity 1.2s;max-width:98%;opacity:1}nav.mod_navigation .level_2 li,.mainnav .level_2 li{position:relative;display:block;box-sizing:content-box;margin:0;padding-left:0;border-bottom:2px solid darkgrey}nav.mod_navigation .level_2 a,nav.mod_navigation .level_2 span,.mainnav .level_2 a,.mainnav .level_2 span{display:block}nav.mainnav .level_1 a:hover,nav.mainnav .level_2 a:hover{text-decoration:underline}nav.mod_navigation>ul>li>ul.level_2 li:first-child>a,.mainnav>ul>li>ul.level_2 li:first-child>a{border-top:0;}nav.mod_navigation ul.level_2 li span.active,.mainnav ul.level_2 li span.active{color:#383838;background:#477565}@media screen and (min-width:570px){#mobilefooter{display:none;}}.line{width:.5%;border-right:1px solid #e4990d}.side_nav>ul{margin-top:12px;}.side_nav{list-style:none;}.side_nav a,.side_nav span{color:#383838;display:block;text-decoration:none;padding:.8rem .5rem .8rem .9rem;font-family:Roboto,Arial,Sans-Serif;font-variant:small-caps;font-size:1.1rem;line-height:1.7rem;border-bottom:1px solid #222}.side_nav a:hover,.side_nav a:focus{background:#477565;}.side_nav .trail,.side_nav .active{background:#477565;}.side_nav a.last{border-bottom:none;}@media screen and (max-width:789px){#right{display:none;margin-right:0;float:none;}}
/*!
 *  Font Awesome 4.3.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */@font-face{font-family:'FontAwesome';src:url('../../files/g_u_l/fonts/fontawesome-webfont.eot?v=4.3.0');src:url('../../files/g_u_l/fonts/fontawesome-webfont.eot?#iefix&v=4.3.0') format('embedded-opentype'),url('../../files/g_u_l/fonts/fontawesome-webfont.woff2?v=4.3.0') format('woff2'),url('../../files/g_u_l/fonts/fontawesome-webfont.woff?v=4.3.0') format('woff'),url('../../files/g_u_l/fonts/fontawesome-webfont.ttf?v=4.3.0') format('truetype'),url('../../files/g_u_l/fonts/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transform:translate(0, 0)}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-remove:before,.fa-close:before,.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before,.fa-bar-chart:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook-f:before,.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-desc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-asc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before,.fa-gratipay:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-institution:before,.fa-bank:before,.fa-university:before{content:"\f19c"}.fa-mortar-board:before,.fa-graduation-cap:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\f1c5"}.fa-file-zip-o:before,.fa-file-archive-o:before{content:"\f1c6"}.fa-file-sound-o:before,.fa-file-audio-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-rebel:before{content:"\f1d0"}.fa-ge:before,.fa-empire:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-hacker-news:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-send:before,.fa-paper-plane:before{content:"\f1d8"}.fa-send-o:before,.fa-paper-plane-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-genderless:before,.fa-circle-thin:before{content:"\f1db"}.fa-header:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"}.fa-soccer-ball-o:before,.fa-futbol-o:before{content:"\f1e3"}.fa-tty:before{content:"\f1e4"}.fa-binoculars:before{content:"\f1e5"}.fa-plug:before{content:"\f1e6"}.fa-slideshare:before{content:"\f1e7"}.fa-twitch:before{content:"\f1e8"}.fa-yelp:before{content:"\f1e9"}.fa-newspaper-o:before{content:"\f1ea"}.fa-wifi:before{content:"\f1eb"}.fa-calculator:before{content:"\f1ec"}.fa-paypal:before{content:"\f1ed"}.fa-google-wallet:before{content:"\f1ee"}.fa-cc-visa:before{content:"\f1f0"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-bell-slash:before{content:"\f1f6"}.fa-bell-slash-o:before{content:"\f1f7"}.fa-trash:before{content:"\f1f8"}.fa-copyright:before{content:"\f1f9"}.fa-at:before{content:"\f1fa"}.fa-eyedropper:before{content:"\f1fb"}.fa-paint-brush:before{content:"\f1fc"}.fa-birthday-cake:before{content:"\f1fd"}.fa-area-chart:before{content:"\f1fe"}.fa-pie-chart:before{content:"\f200"}.fa-line-chart:before{content:"\f201"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-bicycle:before{content:"\f206"}.fa-bus:before{content:"\f207"}.fa-ioxhost:before{content:"\f208"}.fa-angellist:before{content:"\f209"}.fa-cc:before{content:"\f20a"}.fa-shekel:before,.fa-sheqel:before,.fa-ils:before{content:"\f20b"}.fa-meanpath:before{content:"\f20c"}.fa-buysellads:before{content:"\f20d"}.fa-connectdevelop:before{content:"\f20e"}.fa-dashcube:before{content:"\f210"}.fa-forumbee:before{content:"\f211"}.fa-leanpub:before{content:"\f212"}.fa-sellsy:before{content:"\f213"}.fa-shirtsinbulk:before{content:"\f214"}.fa-simplybuilt:before{content:"\f215"}.fa-skyatlas:before{content:"\f216"}.fa-cart-plus:before{content:"\f217"}.fa-cart-arrow-down:before{content:"\f218"}.fa-diamond:before{content:"\f219"}.fa-ship:before{content:"\f21a"}.fa-user-secret:before{content:"\f21b"}.fa-motorcycle:before{content:"\f21c"}.fa-street-view:before{content:"\f21d"}.fa-heartbeat:before{content:"\f21e"}.fa-venus:before{content:"\f221"}.fa-mars:before{content:"\f222"}.fa-mercury:before{content:"\f223"}.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-venus-double:before{content:"\f226"}.fa-mars-double:before{content:"\f227"}.fa-venus-mars:before{content:"\f228"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-neuter:before{content:"\f22c"}.fa-facebook-official:before{content:"\f230"}.fa-pinterest-p:before{content:"\f231"}.fa-whatsapp:before{content:"\f232"}.fa-server:before{content:"\f233"}.fa-user-plus:before{content:"\f234"}.fa-user-times:before{content:"\f235"}.fa-hotel:before,.fa-bed:before{content:"\f236"}.fa-viacoin:before{content:"\f237"}.fa-train:before{content:"\f238"}.fa-subway:before{content:"\f239"}.fa-medium:before{content:"\f23a"}
/*!
 * Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 * Copyright 2024 Fonticons, Inc.
 */
:host,:root{--fa-style-family-brands:"Font Awesome 6 Brands";--fa-font-brands:normal 400 1em/1 "Font Awesome 6 Brands"}@font-face{font-family:"Font Awesome 6 Brands";font-style:normal;font-weight:400;font-display:block;src:url(../../files/g_u_l/webfonts/fa-brands-400.woff2) format("woff2"),url(../../files/g_u_l/webfonts/fa-brands-400.ttf) format("truetype")}.fa-brands,.fab{font-weight:400}.fa-monero{--fa:"\f3d0"}.fa-hooli{--fa:"\f427"}.fa-yelp{--fa:"\f1e9"}.fa-cc-visa{--fa:"\f1f0"}.fa-lastfm{--fa:"\f202"}.fa-shopware{--fa:"\f5b5"}.fa-creative-commons-nc{--fa:"\f4e8"}.fa-aws{--fa:"\f375"}.fa-redhat{--fa:"\f7bc"}.fa-yoast{--fa:"\f2b1"}.fa-cloudflare{--fa:"\e07d"}.fa-ups{--fa:"\f7e0"}.fa-pixiv{--fa:"\e640"}.fa-wpexplorer{--fa:"\f2de"}.fa-dyalog{--fa:"\f399"}.fa-bity{--fa:"\f37a"}.fa-stackpath{--fa:"\f842"}.fa-buysellads{--fa:"\f20d"}.fa-first-order{--fa:"\f2b0"}.fa-modx{--fa:"\f285"}.fa-guilded{--fa:"\e07e"}.fa-vnv{--fa:"\f40b"}.fa-js-square,.fa-square-js{--fa:"\f3b9"}.fa-microsoft{--fa:"\f3ca"}.fa-qq{--fa:"\f1d6"}.fa-orcid{--fa:"\f8d2"}.fa-java{--fa:"\f4e4"}.fa-invision{--fa:"\f7b0"}.fa-creative-commons-pd-alt{--fa:"\f4ed"}.fa-centercode{--fa:"\f380"}.fa-glide-g{--fa:"\f2a6"}.fa-drupal{--fa:"\f1a9"}.fa-jxl{--fa:"\e67b"}.fa-dart-lang{--fa:"\e693"}.fa-hire-a-helper{--fa:"\f3b0"}.fa-creative-commons-by{--fa:"\f4e7"}.fa-unity{--fa:"\e049"}.fa-whmcs{--fa:"\f40d"}.fa-rocketchat{--fa:"\f3e8"}.fa-vk{--fa:"\f189"}.fa-untappd{--fa:"\f405"}.fa-mailchimp{--fa:"\f59e"}.fa-css3-alt{--fa:"\f38b"}.fa-reddit-square,.fa-square-reddit{--fa:"\f1a2"}.fa-vimeo-v{--fa:"\f27d"}.fa-contao{--fa:"\f26d"}.fa-square-font-awesome{--fa:"\e5ad"}.fa-deskpro{--fa:"\f38f"}.fa-brave{--fa:"\e63c"}.fa-sistrix{--fa:"\f3ee"}.fa-instagram-square,.fa-square-instagram{--fa:"\e055"}.fa-battle-net{--fa:"\f835"}.fa-the-red-yeti{--fa:"\f69d"}.fa-hacker-news-square,.fa-square-hacker-news{--fa:"\f3af"}.fa-edge{--fa:"\f282"}.fa-threads{--fa:"\e618"}.fa-napster{--fa:"\f3d2"}.fa-snapchat-square,.fa-square-snapchat{--fa:"\f2ad"}.fa-google-plus-g{--fa:"\f0d5"}.fa-artstation{--fa:"\f77a"}.fa-markdown{--fa:"\f60f"}.fa-sourcetree{--fa:"\f7d3"}.fa-google-plus{--fa:"\f2b3"}.fa-diaspora{--fa:"\f791"}.fa-foursquare{--fa:"\f180"}.fa-stack-overflow{--fa:"\f16c"}.fa-github-alt{--fa:"\f113"}.fa-phoenix-squadron{--fa:"\f511"}.fa-pagelines{--fa:"\f18c"}.fa-algolia{--fa:"\f36c"}.fa-red-river{--fa:"\f3e3"}.fa-creative-commons-sa{--fa:"\f4ef"}.fa-safari{--fa:"\f267"}.fa-google{--fa:"\f1a0"}.fa-font-awesome-alt,.fa-square-font-awesome-stroke{--fa:"\f35c"}.fa-atlassian{--fa:"\f77b"}.fa-linkedin-in{--fa:"\f0e1"}.fa-digital-ocean{--fa:"\f391"}.fa-nimblr{--fa:"\f5a8"}.fa-chromecast{--fa:"\f838"}.fa-evernote{--fa:"\f839"}.fa-hacker-news{--fa:"\f1d4"}.fa-creative-commons-sampling{--fa:"\f4f0"}.fa-adversal{--fa:"\f36a"}.fa-creative-commons{--fa:"\f25e"}.fa-watchman-monitoring{--fa:"\e087"}.fa-fonticons{--fa:"\f280"}.fa-weixin{--fa:"\f1d7"}.fa-shirtsinbulk{--fa:"\f214"}.fa-codepen{--fa:"\f1cb"}.fa-git-alt{--fa:"\f841"}.fa-lyft{--fa:"\f3c3"}.fa-rev{--fa:"\f5b2"}.fa-windows{--fa:"\f17a"}.fa-wizards-of-the-coast{--fa:"\f730"}.fa-square-viadeo,.fa-viadeo-square{--fa:"\f2aa"}.fa-meetup{--fa:"\f2e0"}.fa-centos{--fa:"\f789"}.fa-adn{--fa:"\f170"}.fa-cloudsmith{--fa:"\f384"}.fa-opensuse{--fa:"\e62b"}.fa-pied-piper-alt{--fa:"\f1a8"}.fa-dribbble-square,.fa-square-dribbble{--fa:"\f397"}.fa-codiepie{--fa:"\f284"}.fa-node{--fa:"\f419"}.fa-mix{--fa:"\f3cb"}.fa-steam{--fa:"\f1b6"}.fa-cc-apple-pay{--fa:"\f416"}.fa-scribd{--fa:"\f28a"}.fa-debian{--fa:"\e60b"}.fa-openid{--fa:"\f19b"}.fa-instalod{--fa:"\e081"}.fa-files-pinwheel{--fa:"\e69f"}.fa-expeditedssl{--fa:"\f23e"}.fa-sellcast{--fa:"\f2da"}.fa-square-twitter,.fa-twitter-square{--fa:"\f081"}.fa-r-project{--fa:"\f4f7"}.fa-delicious{--fa:"\f1a5"}.fa-freebsd{--fa:"\f3a4"}.fa-vuejs{--fa:"\f41f"}.fa-accusoft{--fa:"\f369"}.fa-ioxhost{--fa:"\f208"}.fa-fonticons-fi{--fa:"\f3a2"}.fa-app-store{--fa:"\f36f"}.fa-cc-mastercard{--fa:"\f1f1"}.fa-itunes-note{--fa:"\f3b5"}.fa-golang{--fa:"\e40f"}.fa-kickstarter,.fa-square-kickstarter{--fa:"\f3bb"}.fa-grav{--fa:"\f2d6"}.fa-weibo{--fa:"\f18a"}.fa-uncharted{--fa:"\e084"}.fa-firstdraft{--fa:"\f3a1"}.fa-square-youtube,.fa-youtube-square{--fa:"\f431"}.fa-wikipedia-w{--fa:"\f266"}.fa-rendact,.fa-wpressr{--fa:"\f3e4"}.fa-angellist{--fa:"\f209"}.fa-galactic-republic{--fa:"\f50c"}.fa-nfc-directional{--fa:"\e530"}.fa-skype{--fa:"\f17e"}.fa-joget{--fa:"\f3b7"}.fa-fedora{--fa:"\f798"}.fa-stripe-s{--fa:"\f42a"}.fa-meta{--fa:"\e49b"}.fa-laravel{--fa:"\f3bd"}.fa-hotjar{--fa:"\f3b1"}.fa-bluetooth-b{--fa:"\f294"}.fa-square-letterboxd{--fa:"\e62e"}.fa-sticker-mule{--fa:"\f3f7"}.fa-creative-commons-zero{--fa:"\f4f3"}.fa-hips{--fa:"\f452"}.fa-css{--fa:"\e6a2"}.fa-behance{--fa:"\f1b4"}.fa-reddit{--fa:"\f1a1"}.fa-discord{--fa:"\f392"}.fa-chrome{--fa:"\f268"}.fa-app-store-ios{--fa:"\f370"}.fa-cc-discover{--fa:"\f1f2"}.fa-wpbeginner{--fa:"\f297"}.fa-confluence{--fa:"\f78d"}.fa-shoelace{--fa:"\e60c"}.fa-mdb{--fa:"\f8ca"}.fa-dochub{--fa:"\f394"}.fa-accessible-icon{--fa:"\f368"}.fa-ebay{--fa:"\f4f4"}.fa-amazon{--fa:"\f270"}.fa-unsplash{--fa:"\e07c"}.fa-yarn{--fa:"\f7e3"}.fa-square-steam,.fa-steam-square{--fa:"\f1b7"}.fa-500px{--fa:"\f26e"}.fa-square-vimeo,.fa-vimeo-square{--fa:"\f194"}.fa-asymmetrik{--fa:"\f372"}.fa-font-awesome,.fa-font-awesome-flag,.fa-font-awesome-logo-full{--fa:"\f2b4"}.fa-gratipay{--fa:"\f184"}.fa-apple{--fa:"\f179"}.fa-hive{--fa:"\e07f"}.fa-gitkraken{--fa:"\f3a6"}.fa-keybase{--fa:"\f4f5"}.fa-apple-pay{--fa:"\f415"}.fa-padlet{--fa:"\e4a0"}.fa-amazon-pay{--fa:"\f42c"}.fa-github-square,.fa-square-github{--fa:"\f092"}.fa-stumbleupon{--fa:"\f1a4"}.fa-fedex{--fa:"\f797"}.fa-phoenix-framework{--fa:"\f3dc"}.fa-shopify{--fa:"\e057"}.fa-neos{--fa:"\f612"}.fa-square-threads{--fa:"\e619"}.fa-hackerrank{--fa:"\f5f7"}.fa-researchgate{--fa:"\f4f8"}.fa-swift{--fa:"\f8e1"}.fa-angular{--fa:"\f420"}.fa-speakap{--fa:"\f3f3"}.fa-angrycreative{--fa:"\f36e"}.fa-y-combinator{--fa:"\f23b"}.fa-empire{--fa:"\f1d1"}.fa-envira{--fa:"\f299"}.fa-google-scholar{--fa:"\e63b"}.fa-gitlab-square,.fa-square-gitlab{--fa:"\e5ae"}.fa-studiovinari{--fa:"\f3f8"}.fa-pied-piper{--fa:"\f2ae"}.fa-wordpress{--fa:"\f19a"}.fa-product-hunt{--fa:"\f288"}.fa-firefox{--fa:"\f269"}.fa-linode{--fa:"\f2b8"}.fa-goodreads{--fa:"\f3a8"}.fa-odnoklassniki-square,.fa-square-odnoklassniki{--fa:"\f264"}.fa-jsfiddle{--fa:"\f1cc"}.fa-sith{--fa:"\f512"}.fa-themeisle{--fa:"\f2b2"}.fa-page4{--fa:"\f3d7"}.fa-hashnode{--fa:"\e499"}.fa-react{--fa:"\f41b"}.fa-cc-paypal{--fa:"\f1f4"}.fa-squarespace{--fa:"\f5be"}.fa-cc-stripe{--fa:"\f1f5"}.fa-creative-commons-share{--fa:"\f4f2"}.fa-bitcoin{--fa:"\f379"}.fa-keycdn{--fa:"\f3ba"}.fa-opera{--fa:"\f26a"}.fa-itch-io{--fa:"\f83a"}.fa-umbraco{--fa:"\f8e8"}.fa-galactic-senate{--fa:"\f50d"}.fa-ubuntu{--fa:"\f7df"}.fa-draft2digital{--fa:"\f396"}.fa-stripe{--fa:"\f429"}.fa-houzz{--fa:"\f27c"}.fa-gg{--fa:"\f260"}.fa-dhl{--fa:"\f790"}.fa-pinterest-square,.fa-square-pinterest{--fa:"\f0d3"}.fa-xing{--fa:"\f168"}.fa-blackberry{--fa:"\f37b"}.fa-creative-commons-pd{--fa:"\f4ec"}.fa-playstation{--fa:"\f3df"}.fa-quinscape{--fa:"\f459"}.fa-less{--fa:"\f41d"}.fa-blogger-b{--fa:"\f37d"}.fa-opencart{--fa:"\f23d"}.fa-vine{--fa:"\f1ca"}.fa-signal-messenger{--fa:"\e663"}.fa-paypal{--fa:"\f1ed"}.fa-gitlab{--fa:"\f296"}.fa-typo3{--fa:"\f42b"}.fa-reddit-alien{--fa:"\f281"}.fa-yahoo{--fa:"\f19e"}.fa-dailymotion{--fa:"\e052"}.fa-affiliatetheme{--fa:"\f36b"}.fa-pied-piper-pp{--fa:"\f1a7"}.fa-bootstrap{--fa:"\f836"}.fa-odnoklassniki{--fa:"\f263"}.fa-nfc-symbol{--fa:"\e531"}.fa-mintbit{--fa:"\e62f"}.fa-ethereum{--fa:"\f42e"}.fa-speaker-deck{--fa:"\f83c"}.fa-creative-commons-nc-eu{--fa:"\f4e9"}.fa-patreon{--fa:"\f3d9"}.fa-avianex{--fa:"\f374"}.fa-ello{--fa:"\f5f1"}.fa-gofore{--fa:"\f3a7"}.fa-bimobject{--fa:"\f378"}.fa-brave-reverse{--fa:"\e63d"}.fa-facebook-f{--fa:"\f39e"}.fa-google-plus-square,.fa-square-google-plus{--fa:"\f0d4"}.fa-web-awesome{--fa:"\e682"}.fa-mandalorian{--fa:"\f50f"}.fa-first-order-alt{--fa:"\f50a"}.fa-osi{--fa:"\f41a"}.fa-google-wallet{--fa:"\f1ee"}.fa-d-and-d-beyond{--fa:"\f6ca"}.fa-periscope{--fa:"\f3da"}.fa-fulcrum{--fa:"\f50b"}.fa-cloudscale{--fa:"\f383"}.fa-forumbee{--fa:"\f211"}.fa-mizuni{--fa:"\f3cc"}.fa-schlix{--fa:"\f3ea"}.fa-square-xing,.fa-xing-square{--fa:"\f169"}.fa-bandcamp{--fa:"\f2d5"}.fa-wpforms{--fa:"\f298"}.fa-cloudversify{--fa:"\f385"}.fa-usps{--fa:"\f7e1"}.fa-megaport{--fa:"\f5a3"}.fa-magento{--fa:"\f3c4"}.fa-spotify{--fa:"\f1bc"}.fa-optin-monster{--fa:"\f23c"}.fa-fly{--fa:"\f417"}.fa-square-bluesky{--fa:"\e6a3"}.fa-aviato{--fa:"\f421"}.fa-itunes{--fa:"\f3b4"}.fa-cuttlefish{--fa:"\f38c"}.fa-blogger{--fa:"\f37c"}.fa-flickr{--fa:"\f16e"}.fa-viber{--fa:"\f409"}.fa-soundcloud{--fa:"\f1be"}.fa-digg{--fa:"\f1a6"}.fa-tencent-weibo{--fa:"\f1d5"}.fa-letterboxd{--fa:"\e62d"}.fa-symfony{--fa:"\f83d"}.fa-maxcdn{--fa:"\f136"}.fa-etsy{--fa:"\f2d7"}.fa-facebook-messenger{--fa:"\f39f"}.fa-audible{--fa:"\f373"}.fa-think-peaks{--fa:"\f731"}.fa-bilibili{--fa:"\e3d9"}.fa-erlang{--fa:"\f39d"}.fa-x-twitter{--fa:"\e61b"}.fa-cotton-bureau{--fa:"\f89e"}.fa-dashcube{--fa:"\f210"}.fa-42-group,.fa-innosoft{--fa:"\e080"}.fa-stack-exchange{--fa:"\f18d"}.fa-elementor{--fa:"\f430"}.fa-pied-piper-square,.fa-square-pied-piper{--fa:"\e01e"}.fa-creative-commons-nd{--fa:"\f4eb"}.fa-palfed{--fa:"\f3d8"}.fa-superpowers{--fa:"\f2dd"}.fa-resolving{--fa:"\f3e7"}.fa-xbox{--fa:"\f412"}.fa-square-web-awesome-stroke{--fa:"\e684"}.fa-searchengin{--fa:"\f3eb"}.fa-tiktok{--fa:"\e07b"}.fa-facebook-square,.fa-square-facebook{--fa:"\f082"}.fa-renren{--fa:"\f18b"}.fa-linux{--fa:"\f17c"}.fa-glide{--fa:"\f2a5"}.fa-linkedin{--fa:"\f08c"}.fa-hubspot{--fa:"\f3b2"}.fa-deploydog{--fa:"\f38e"}.fa-twitch{--fa:"\f1e8"}.fa-flutter{--fa:"\e694"}.fa-ravelry{--fa:"\f2d9"}.fa-mixer{--fa:"\e056"}.fa-lastfm-square,.fa-square-lastfm{--fa:"\f203"}.fa-vimeo{--fa:"\f40a"}.fa-mendeley{--fa:"\f7b3"}.fa-uniregistry{--fa:"\f404"}.fa-figma{--fa:"\f799"}.fa-creative-commons-remix{--fa:"\f4ee"}.fa-cc-amazon-pay{--fa:"\f42d"}.fa-dropbox{--fa:"\f16b"}.fa-instagram{--fa:"\f16d"}.fa-cmplid{--fa:"\e360"}.fa-upwork{--fa:"\e641"}.fa-facebook{--fa:"\f09a"}.fa-gripfire{--fa:"\f3ac"}.fa-jedi-order{--fa:"\f50e"}.fa-uikit{--fa:"\f403"}.fa-fort-awesome-alt{--fa:"\f3a3"}.fa-phabricator{--fa:"\f3db"}.fa-ussunnah{--fa:"\f407"}.fa-earlybirds{--fa:"\f39a"}.fa-trade-federation{--fa:"\f513"}.fa-autoprefixer{--fa:"\f41c"}.fa-whatsapp{--fa:"\f232"}.fa-square-upwork{--fa:"\e67c"}.fa-slideshare{--fa:"\f1e7"}.fa-google-play{--fa:"\f3ab"}.fa-viadeo{--fa:"\f2a9"}.fa-line{--fa:"\f3c0"}.fa-google-drive{--fa:"\f3aa"}.fa-servicestack{--fa:"\f3ec"}.fa-simplybuilt{--fa:"\f215"}.fa-bitbucket{--fa:"\f171"}.fa-imdb{--fa:"\f2d8"}.fa-deezer{--fa:"\e077"}.fa-raspberry-pi{--fa:"\f7bb"}.fa-jira{--fa:"\f7b1"}.fa-docker{--fa:"\f395"}.fa-screenpal{--fa:"\e570"}.fa-bluetooth{--fa:"\f293"}.fa-gitter{--fa:"\f426"}.fa-d-and-d{--fa:"\f38d"}.fa-microblog{--fa:"\e01a"}.fa-cc-diners-club{--fa:"\f24c"}.fa-gg-circle{--fa:"\f261"}.fa-pied-piper-hat{--fa:"\f4e5"}.fa-kickstarter-k{--fa:"\f3bc"}.fa-yandex{--fa:"\f413"}.fa-readme{--fa:"\f4d5"}.fa-html5{--fa:"\f13b"}.fa-sellsy{--fa:"\f213"}.fa-square-web-awesome{--fa:"\e683"}.fa-sass{--fa:"\f41e"}.fa-wirsindhandwerk,.fa-wsh{--fa:"\e2d0"}.fa-buromobelexperte{--fa:"\f37f"}.fa-salesforce{--fa:"\f83b"}.fa-octopus-deploy{--fa:"\e082"}.fa-medapps{--fa:"\f3c6"}.fa-ns8{--fa:"\f3d5"}.fa-pinterest-p{--fa:"\f231"}.fa-apper{--fa:"\f371"}.fa-fort-awesome{--fa:"\f286"}.fa-waze{--fa:"\f83f"}.fa-bluesky{--fa:"\e671"}.fa-cc-jcb{--fa:"\f24b"}.fa-snapchat,.fa-snapchat-ghost{--fa:"\f2ab"}.fa-fantasy-flight-games{--fa:"\f6dc"}.fa-rust{--fa:"\e07a"}.fa-wix{--fa:"\f5cf"}.fa-behance-square,.fa-square-behance{--fa:"\f1b5"}.fa-supple{--fa:"\f3f9"}.fa-webflow{--fa:"\e65c"}.fa-rebel{--fa:"\f1d0"}.fa-css3{--fa:"\f13c"}.fa-staylinked{--fa:"\f3f5"}.fa-kaggle{--fa:"\f5fa"}.fa-space-awesome{--fa:"\e5ac"}.fa-deviantart{--fa:"\f1bd"}.fa-cpanel{--fa:"\f388"}.fa-goodreads-g{--fa:"\f3a9"}.fa-git-square,.fa-square-git{--fa:"\f1d2"}.fa-square-tumblr,.fa-tumblr-square{--fa:"\f174"}.fa-trello{--fa:"\f181"}.fa-creative-commons-nc-jp{--fa:"\f4ea"}.fa-get-pocket{--fa:"\f265"}.fa-perbyte{--fa:"\e083"}.fa-grunt{--fa:"\f3ad"}.fa-weebly{--fa:"\f5cc"}.fa-connectdevelop{--fa:"\f20e"}.fa-leanpub{--fa:"\f212"}.fa-black-tie{--fa:"\f27e"}.fa-themeco{--fa:"\f5c6"}.fa-python{--fa:"\f3e2"}.fa-android{--fa:"\f17b"}.fa-bots{--fa:"\e340"}.fa-free-code-camp{--fa:"\f2c5"}.fa-hornbill{--fa:"\f592"}.fa-js{--fa:"\f3b8"}.fa-ideal{--fa:"\e013"}.fa-git{--fa:"\f1d3"}.fa-dev{--fa:"\f6cc"}.fa-sketch{--fa:"\f7c6"}.fa-yandex-international{--fa:"\f414"}.fa-cc-amex{--fa:"\f1f3"}.fa-uber{--fa:"\f402"}.fa-github{--fa:"\f09b"}.fa-php{--fa:"\f457"}.fa-alipay{--fa:"\f642"}.fa-youtube{--fa:"\f167"}.fa-skyatlas{--fa:"\f216"}.fa-firefox-browser{--fa:"\e007"}.fa-replyd{--fa:"\f3e6"}.fa-suse{--fa:"\f7d6"}.fa-jenkins{--fa:"\f3b6"}.fa-twitter{--fa:"\f099"}.fa-rockrms{--fa:"\f3e9"}.fa-pinterest{--fa:"\f0d2"}.fa-buffer{--fa:"\f837"}.fa-npm{--fa:"\f3d4"}.fa-yammer{--fa:"\f840"}.fa-btc{--fa:"\f15a"}.fa-dribbble{--fa:"\f17d"}.fa-stumbleupon-circle{--fa:"\f1a3"}.fa-internet-explorer{--fa:"\f26b"}.fa-stubber{--fa:"\e5c7"}.fa-telegram,.fa-telegram-plane{--fa:"\f2c6"}.fa-old-republic{--fa:"\f510"}.fa-odysee{--fa:"\e5c6"}.fa-square-whatsapp,.fa-whatsapp-square{--fa:"\f40c"}.fa-node-js{--fa:"\f3d3"}.fa-edge-legacy{--fa:"\e078"}.fa-slack,.fa-slack-hash{--fa:"\f198"}.fa-medrt{--fa:"\f3c8"}.fa-usb{--fa:"\f287"}.fa-tumblr{--fa:"\f173"}.fa-vaadin{--fa:"\f408"}.fa-quora{--fa:"\f2c4"}.fa-square-x-twitter{--fa:"\e61a"}.fa-reacteurope{--fa:"\f75d"}.fa-medium,.fa-medium-m{--fa:"\f23a"}.fa-amilia{--fa:"\f36d"}.fa-mixcloud{--fa:"\f289"}.fa-flipboard{--fa:"\f44d"}.fa-viacoin{--fa:"\f237"}.fa-critical-role{--fa:"\f6c9"}.fa-sitrox{--fa:"\e44a"}.fa-discourse{--fa:"\f393"}.fa-joomla{--fa:"\f1aa"}.fa-mastodon{--fa:"\f4f6"}.fa-airbnb{--fa:"\f834"}.fa-wolf-pack-battalion{--fa:"\f514"}.fa-buy-n-large{--fa:"\f8a6"}.fa-gulp{--fa:"\f3ae"}.fa-creative-commons-sampling-plus{--fa:"\f4f1"}.fa-strava{--fa:"\f428"}.fa-ember{--fa:"\f423"}.fa-canadian-maple-leaf{--fa:"\f785"}.fa-teamspeak{--fa:"\f4f9"}.fa-pushed{--fa:"\f3e1"}.fa-wordpress-simple{--fa:"\f411"}.fa-nutritionix{--fa:"\f3d6"}.fa-wodu{--fa:"\e088"}.fa-google-pay{--fa:"\e079"}.fa-intercom{--fa:"\f7af"}.fa-zhihu{--fa:"\f63f"}.fa-korvue{--fa:"\f42f"}.fa-pix{--fa:"\e43a"}.fa-steam-symbol{--fa:"\f3f6"}
 body, html {
     height: 100%;
     font-family: 'Roboto', Calibri, Arial, Helvetica, Sans-Serif;
     font-size: 100%;
     line-height: 1.35;
     color: var(--textcolor)
 }

 *, ::after, ::before {
     box-sizing: inherit
 }

 :root {
     --dist: calc(3rem * ((100vw - 370px) / (1300 - 370)));
     --normfont: 100%/130% 'Roboto', Arial, Sans-Serif;
     --font-size-sm: clamp(.63rem, .46vw + .50rem, .87rem);
     --font-size-shrink: clamp(.63rem, .63vw + .50rem, .9rem);
     --font-size-metanav-shrink: clamp(.670831rem, .6053 + .2759vw, .7950rem);
     --smallfont: calc(.9*calc(8px + (17 - 8)*(100vw - 380px)/(1900 - 380)));
     --font-size-base: clamp(12px, .80556vw + .5086818rem, 17.06px);
     --font-size-h2: clamp(1rem, .97289vw + .7689388rem, 1.4378rem);
     --font-size-md: clamp(.76rem, .90vw + .50rem, 1.26rem);
     --font-size-lg: clamp(.88rem, 1.25vw + .53rem, 1.31rem);
     --font-size-xl: clamp(1.1rem, 1.66vw + .62rem, 1.81rem);
     --font-size-xxl: clamp(1.21rem, 2.16vw + .49rem, 2.18rem);
     --font-size-xxxl: clamp(1.31rem, 2.78vw + .45rem, 2.61rem);
     --condfont: 'Roboto Condensed', 'Arial Narrow';
     --rocksicons: rocksolid-icons;
     --lightblue: #d8e7f4;
     --h1blue: #1F4366;
     --mais: #e9aa1c;
     --hoverbg: #477565;
     --linkblue: #2c51cc;
     --perc: 2%;

     --lspacing: .05vw;
     --textcolor: rgb(56, 56, 56);
     --lgrey: #F2F2F2;
     --dgrey: #e4e4e4;
     --underl: underline;
     --pagewidth: 1248px;
     --columns: 10;
     --gap: 1.2rem;
     --desktop-gap: 1.1rem;
     --mobile-gap: .6rem;
     --column-width: calc((--pagewidth / --columns) - --gap);
     --break528: 33rem;
     --break750: 47rem;
     --headheight: 8.9vh;
 }

 html {
     overflow-y: scroll;
     -webkit-tap-highlight-color: rgba(255, 0, 0, .5);
     box-sizing: border-box
 }

 body {
     margin: 0;
     max-width: 1903px
 }

 ::marker {
     font-family: arial, helvetica
 }

 .xl_half_1 {
     grid-column: 1/6
 }

 .xl_half_6 {
     grid-column: 6/11
 }

 .xl_fullwidth {
     grid-column: 1/11
 }
.matop1{
    margin-top: 1.5rem;
}
.matop2{
    margin-top: 2rem;
}
.mabot08{
    margin-bottom: .8rem;
}
.mabot1{
    margin-bottom: 1.5rem;
}
.mabot2{
    margin-bottom: 2rem;
}
 .cont_elem, .text_bild_links, .text_bild_rechts {
     margin-top: 1.2rem;
     margin-bottom: 1.2rem;
     background-color: #d8e7f4;
 }

 .last {
     border-right: none
 }

 .flexibel {
     width: 100%;
     display: flex;
     flex-direction: row;
     justify-content: space-between
 }

 .caption {
     font-size: .8em
 }

 .padding {
     padding: 0 3%
 }

 .intro_text {
     margin: 2rem 0
 }

 .clear {
     clear: both
 } 

 .halbfett {
     font-weight: 600
 }
 .emphasize {
    font-weight: 600;
    font-size:calc((var(--font-size-base)+1px));
}
 .pointing {
     list-style-type: '\261E';
     font-size: x-large
 }

 .linktext {
     font-size: var(--smallfont)
 }
 .link_in_text{
     text-decoration: underline;
     color:var(linkblue);
 }

 .agblink {
     grid-column: 2/10;
     margin: 0 0 1.8rem;
     font-size: large
 }

 .agblink:hover {
     text-decoration: underline
 }

 .agblink .more a {
     padding-right: 1.6em;
     margin-top: 2rem;
     background: url("data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%2012%2012%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpolygon%20fill%3D%22%23e9aa1c%22%20points%3D%222%2C5%203%2C5%203%2C3%209%2C3%209%2C9%207%2C9%207%2C10%2010%2C10%2010%2C2%202%2C2%22/%3E%3Cpolygon%20fill%3D%22darkorange%22%20points%3D%220.5%2C10.5%203.5%2C7.5%202%2C6%205.5%2C6%205.5%2C10%204.5%2C8.5%201.5%2C11.5%22/%3E%3C/svg%3E") no-repeat right
 }

 .fremdfont {
     font: 100%/120% 'Times New Roman', Caslon, Garamond
 }

 .grau {
     color: var(--graytextcolor)
 }

 .invisible {
     border: 0;
     clip: rect(0 0 0 0);
     height: 1px;
     margin: -1px;
     overflow: hidden;
     padding: 0;
     position: absolute;
     width: 1px
 }

 .hyphenate, .mainbox {
     hyphens: auto
 }

 a, a:hover, a:link {
     text-decoration: none;
     background: 0 0;
     color: inherit;
     cursor: pointer
 }

 a:active, a:hover {
     color: var(--linkblue);
     outline: 0
 }

 a img, .twoelem_bar img, img {
     border: none;
     outline: 0;
     max-width: 100%;
     height: auto
 }

 h1, h2 {
     font-weight: 600
 }

 h1, h2, h3 {
     color: var(--h1blue)
 }

 h1 {
     display: inline-block;
     font-size: var(--font-size-xl);
     box-sizing: border-box;
     letter-spacing: .03rem;
     border-bottom: 3px solid var(--mais);
     padding-bottom: 10px
 }

 h2 {
     margin: 15px 0 8px;
     padding: 0;
     font-size: var(--font-size-h2)
 }

 #main h2 {
     font-weight: 500;
     margin: 1.8rem 0 .9rem;
     padding-left: 0;
     grid-column: 1 / 10
 }

 .datschutz_h2 {
     font-size: calc(2px + var(--font-size-lg));
     font-weight: 600
 }

 h3, .toggler {
     margin: 1.1rem 0 .6rem;
     font-size: var(--font-size-md);
     font-weight: 500;
     line-height: 1.1rem
 }

 h4 {
     margin: 0 0 10px;
     font-size: 1rem;
     font-weight: 500
 }
 @font-face {
    font-family: edicons;
    src: url(../../files/g_u_l/fonts/edicons.eot);
    src: url(../../files/g_u_l/fonts/edicons.eot#iefix) format('eot'), url(../../files/g_u_l/fonts/edicons.ttf) format('truetype'), url(../../files/g_u_l/fonts/edicons.woff) format('woff'), url(../../files/g_u_l/fonts/edicons.svg) format('svg');
    font-weight: 400;
    font-style: normal
}
 [class*=" icon-"], [class^=icon-] {
     font-family: rocksolid-icons;
     font-size: var(--font-size-base);
     font-style: normal;
     font-weight: 400;
     font-variant: normal;
     text-transform: none;
     line-height: 1;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale
 }

 .icon-fax::before, .icon-mail::before {
     font-size: var(--font-size-md);
     line-height: 1.5;
     font-family: rocksolid-icons;
     margin-right: .6em;
     display: inline-block;
     position: relative
 }

 @font-face {
     font-family: rocksolid-icons;
     src: url(../../files/g_u_l/fonts/rocksolid-icons.eot);
     src: url(../../files/g_u_l/fonts/rocksolid-icons.eot?#iefix) format('eot'), url(../../files/g_u_l/fonts/rocksolid-icons.woff) format('woff'), url(../../files/g_u_l/fonts/rocksolid-icons.ttf) format('truetype'), url(../../files/g_u_l/fonts/rocksolid-icons.svg) format('svg');
     font-weight: 400;
     font-style: normal
 }

 .icon-mail::before {
     content: "\40"
 }

 .icon-fax::before {
     content: "\e078"
 }

 .icon-home3::before, .icon-office:before, .icon-phone300:before {
     font-size: var(--font-size-md);
     line-height: 1.5;
     font-family: edicons
 }

 .icon-phone300::before {
     content: "\e900";
     position: relative;
     display: inline-block;
     margin-right: .6rem
 }

 .icon-home3::before, .icon-office:before, .ulist li:before, .level1 li:before {
     margin-right: .6em;
     display: inline-block
 }

 .icon-home3::before {
     content: "\e901";
     font-family: edicons
 }

 .icon-office::before {
     content: "\e902";
     font-family: edicons
 }
/*!
 * Font Awesome Free 5.10.1 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 */
@font-face {
  font-family: 'Font Awesome 5 Brands';
  font-style: normal;
  font-weight: normal;
  font-display: auto;
  src: url("../../files/g_u_l/fonts/fa-brands-400.eot");
  src: url("../../files/g_u_l/fonts/fa-brands-400.eot?#iefix") format("embedded-opentype"), url("../../files/g_u_l/fonts/fa-brands-400.woff2") format("woff2"), url("../../files/g_u_l/fonts/fa-brands-400.woff") format("woff"), url("../../files/g_u_l/fonts/fa-brands-400.ttf") format("truetype"), url("../../files/g_u_l/fonts/fa-brands-400.svg#fontawesome") format("svg"); }

.fab {
  font-family: 'Font Awesome 5 Brands'; }
 @font-face {
     font-family: 'Roboto';
     font-style: normal;
     font-weight: 400;
     src: url('../../files/g_u_l/fonts/roboto-v18-latin-regular.eot');
     src: local('Roboto'), local('Roboto-Regular'), url('../../files/g_u_l/fonts/roboto-v18-latin-regular.eot?#iefix') format('embedded-opentype'), url('../../files/g_u_l/fonts/roboto-v18-latin-regular.woff2') format('woff2')
 }

 @font-face {
     font-family: 'Roboto Condensed';
     font-style: normal;
     font-weight: 400;
     src: url('../../files/g_u_l/fonts/roboto-condensed-v16-latin-regular.eot');
     src: local('Roboto Condensed'), local('RobotoCondensed-Regular'), url('../../files/g_u_l/fonts/roboto-condensed-v16-latin-regular.eot?#iefix') format('embedded-opentype'), url('../../files/g_u_l/fonts/roboto-condensed-v16-latin-regular.woff2') format('woff2'), url('../../files/g_u_l/fonts/roboto-condensed-v16-latin-regular.woff') format('woff'), url('../../files/g_u_l/fonts/roboto-condensed-v16-latin-regular.ttf') format('truetype'), url('../../files/g_u_l/fonts/roboto-condensed-v16-latin-regular.svg#RobotoCondensed') format('svg')
 }

 #wrapper {
     display: grid;
     grid-template-columns: [full-start] minmax(2px, 1fr) [main-start] minmax(1rem, 1248px) [main-end] minmax(2px, 1fr) [full-end];
     grid-template-rows: [header-start] auto [hero-start] auto [main-start] auto [footer-start] auto [footer-end];
     grid-gap: 0 var(--mobile-gap);
     min-height: 100vh;
     font-size: var(--font-size-base);
     padding-top: var(--headheight)
 }

 .grid_box {
     padding: 1vmin 0
 }

 #header {
     background: linear-gradient(#D7E8F6 5%, #e1e7ed 80%);
     position: fixed;
     grid-column: main-start / main-end;
     grid-row: 1 / 2;
     margin: 0 auto;
     top: 0;
     left: 0;
     right: 0;
     z-index: 99
 }

 #header div.inside, footer div.inside {
     max-width: var(--pagewidth);
     margin: 0 auto
 }

 #header div.inside {
     
     display: grid;
     grid-template-columns: repeat(10, 1fr);
     grid-template-rows: 53% 47%;
     padding: 0 var(--mobile-gap);
 }

 @media screen and (max-width:788px) and (orientation:portrait) {
     #header div.inside {
         min-height: 9vh
     }
 }

 #header div.inside div.mod_article {
     display: grid;
     grid-template-columns: repeat(10, 1fr);
     grid-template-rows: 50% 50%
 }

 #logodiv {
     grid-column: 1 / 4;
     grid-row: 1 / 3;
     text-align: left;
     width: auto;
     height: auto;
     max-width: 26vw;
     align-self: center
 }

 .jubilee {
     grid-column: 5 / 8;
     grid-row: 1 / 2;
     width: 16vw;
     height: auto;
     -webkit-transition: all .5s ease;
     transition: all .5s ease
 }

 #toggle-menu {
     grid-column: 8 / 10;
     grid-row: 1 / 3;
     align-self: center
 }

 .metanav, .mainnav {
     display: none
 }

 div.custom {
     grid-column: full-start / full-end;
     grid-row: 2 / 3;
     background-position: center center;
     background-repeat: no-repeat;
     background-size: 100% auto
 }

 div.custom #hero div.inside {
     max-width: 100%
 }

 div.custom #hero .mod_article {
     display: flex;
     justify-content: center;
     align-items: center;
     position: relative
 }

 div.starthead {
     min-height: fit-content
 }

/* div.bighero {
     display: none
 }*/

 div.mobilehero {
     display: block
 }

 div.custom #hero .homeoffer, div.custom #hero .linkto_subpage {
     display: none
 }

 main {
     grid-column: main-start / main-end;
     grid-row: 3 / 4
 }

 .mainbox {
     display: grid;
     grid-template-columns: repeat(10, 1fr);
     grid-template-rows:1fr;
     width: 100%
 }

 .mainbox_home {
     padding-right: 1em
 }

 .mainbox h1 {
     grid-column: 1 / 11
 }

 h1.h1start {
     grid-column: 1 / span 2;
     width: 100%
 }

 aside {
     grid-column: 2 / 3;
     margin-top: 1.5em
 }

 .sidewidget {
     background-color: #d8e7f4;
     padding: 3%;
     margin-bottom: 1.1rem;
     width: 100%;
     font-size: 1rem;
     line-height: 1.2;
     min-height: 5em
 }

 .contslide p, .contslide ul, .slider-wrapper .teastext {
     font-size: var(--font-size-base)
 }

 .slider-wrapper .teastext {
     padding: .6rem;
     background-color: var(--h1blue);
     color: lightgrey;
     text-align: right;
     width: 10em;
     margin-left:3px;
 }
 .slider-control {
    display: none
}
 .teastext a:hover {
     color: white;
     text-decoration: underline
 }

 .ce_player video {
     width: 100%;
     height: auto;
     padding: 0 1%
 }

 .top_bar_inner {
     position: relative;
     padding: .5rem 0
 }

 .nav-address {
     font-size: .9rem
 }

 .nav-info {
     font-size: .9rem
 }

 .mod_article .mainbox .maintext {
     grid-column: 1/11
 }

 .text_middle {
     grid-column: 1 / 11
 }

 ul.tank_list li, .start_list li, .ulist li {
     display: list-item;
     list-style-position: outside;
     position: relative;
     min-height: 1em;
     padding-left: .8em;
     margin-bottom: .3em;
     margin-left: 1rem
 }

 .twoelem_bar {
     grid-column: 2/10;
     display: flex;
     flex-wrap: wrap;
     background-color: #d8e7f4;
     padding: 1.5%;
     margin: 2rem 0
 }

 .start_list li::marker {
     content: "\2714";
     font-size: 1em
 }

 ul.tank_list li::marker, .ulist li::marker {
     content: "\e94c";
     font: 1em/1 edicons
 }

 .text_links, .text_rechts {
     margin-top: 1.4em
 }

 .text_bild_rechts, .text_bild_links {
     grid-column: 2/10;
     display: flex;
     flex-wrap: wrap;
     background-color: #d8e7f4;
     padding: 1.5%;
     margin: 2rem 0;
     gap:2%;
 }
 .bild_links_image_container, .bild_rechts_image_container {
    margin-top: 1.4em;
    flex:1 1 48%;
    padding: 0 4% 0 4%;
}

 .article_kontakt .kont_form, .article_kontakt .osm_map {
     grid-column: 1 / 11
 }

 .mod_article.anlagenbau .mainbox .teaser, .mod_article.anlagenbau .mainbox .teaser_short {
     grid-column: 1/11;
     grid-template-columns: repeat(auto-fill, minmax(280px, 360px));
     grid-column-gap: 7vh;
     grid-row-gap: 3vw;
     justify-content: center
 }

 .teaser, .teaser_short {
     margin: 1rem 0;
     display: grid;
     grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
     grid-column-gap: 7vh;
     grid-row-gap: 3vw
 }

 .teaser>div, .teaser_short>div {
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     -webkit-box-pack: start;
     -ms-flex-pack: start;
     justify-content: flex-start
 }

 .anlagen_teasbox {
     padding: 0 1.1rem;
     background: linear-gradient(var(--dgrey) 5%, var(--lgrey) 70%);
     border-radius: 5%;
     text-align: center
 }

 .anlagen_teasbox figure {
     margin-bottom: 1em;
     margin-left: auto;
     margin-right: auto
 }

 .anlagen_teasbox p {
     font-size: var(--font-size-base);
     margin-left: auto
 }

 .anlagen_teasbox img {
     max-width: 140px;
     height: auto
 }

 .more {
     margin-top: auto
 }

 .anlagen_teasbox .more {
     font-weight: 500;
     color: var(--linkblue)
 }

 .anlagen_teasbox a.more:hover {
     text-decoration: underline
 }

 .referenzen_wrap {
     display: inline-flex;
     flex-wrap: wrap;
     margin: -14px 0 0 -14px;
     width: calc(100% + 14px);
     justify-content: center
 }

 .ref_box {
     margin: 14px 0 0 14px;
     width: auto;
     background: linear-gradient(var(--dgrey) 5%, var(--lgrey) 70%);
     padding: .7em;
     text-align: center;
     border: 1px solid #545454;
     display: table;
     border-radius: 7%
 }

 .ref_box p {
     display: table-cell;
     vertical-align: middle
 }

 .not_handy {
     display: none
 }

 footer {
     grid-column: full-start / full-end;
     grid-row: 4 / 5;
     background: linear-gradient(#D7E8F6 5%, #e1e7ed 80%);
     margin-top: 1.5rem;
     padding: 1rem 0
 }

 div.footer {
     display: flex;
     flex-direction: row;
     justify-content: space-between;
     box-sizing: border-box;
     font-weight: 400;
     padding-left: 1%;
     padding-right: 1%
 }

 .footer h3 {
     font-size: calc(.87*var(--font-size-md))
 }

 .footer ul {
     font-size: calc(.8*var(--font-size-base));
     line-height: 1.9
 }

 #footer .footer .fblock {
     display: inline-block;
     width: auto
 }

 #footer .line {
     display: none
 }

 #anmelden .mod_login {
     grid-column: 1/3;
     width: 95vw
 }

 .login_form button.submit {
     font-size: inherit;
     cursor: pointer
 }

 .login_form widget-submit {
     text-align: right
 }

 .logged_in {
     display: inline-block
 }

 #logged_in a button {
     cursor: pointer
 }
 .job_offer section:first-of-type {
    margin-top: 1.2rem
}
.mod_article.job_offer h3, .mod_article.job_offer .toggler {
    font-weight: 600;
    color: var(--h1blue)
}

.mod_article.job_offer .toggler {
    cursor: pointer;
    text-decoration: underline
}

.jobangebot {
    margin-left: 2em
}

.mod_article.job_offer h4.hiring {
    margin-bottom: .5em
}

.mod_article.job_offer ul.profil_list {
    list-style-type: square;
    list-style-position: outside
}

.mod_article.job_offer span.indented {
    margin-left: 2em
}
.job_offer .ce_accordion {
    border-bottom: .0625rem solid #b0bdc7
}

.job_offer .ui-accordion-header {
    position: relative;
    transition: color ease-in-out .2s;
    padding: 1.5rem calc(2rem + 2rem + 1.5rem) 1.5rem 1.5rem;
    background: white
}

.job_offer .ui-accordion-header:hover, .job_offer .ui-accordion-header:focus {
    color: var(--linkblue)
}

.job_offer .ui-accordion-header::after, .job_offer .ui-accordion-header::before {
    transition: opacity ease-in-out .2s;
    position: absolute;
    top: 1.5rem;
    right: 1.5rem;
    z-index: 5;
    width: 2rem;
    height: 2rem;
    content: ""
}

.job_offer .ui-accordion-header::before {
    opacity: 1;
    content: '\25BC'
}

.job_offer .ui-accordion-header::after {
    opacity: 0
}

.job_offer .ui-accordion-header-active::before {
    opacity: 0
}

.job_offer .ui-accordion-header-active::after {
    opacity: 1;
    content: '\25B2'
}
/*.mod_socials{
    display:none;
}*/

 @media (min-width:450px) {
     body, .footer h3 {
         font-size: calc(8px + (18 - 8)*(100vw - 380px)/(570 - 380))
     }

     #wrapper {
         padding-top: 8.9vh
     }
    .download-element a{
        text-decoration:underline;
    }
 }

 @media (min-width:530px) {
     body, html, .footer h3 {
         font-size: calc(8px + (17 - 8)*(100vw - 380px)/(800 - 380))
     }

     .footer ul {
         font-size: calc(.89*(var(--font-size-base)))
     }

     .homeoffer ul, .linkto_subpage ul {
         font-size: calc(7px + (16 - 8)*(100vw - 380px)/(900 - 380));
         line-height: 1.6;
         grid-column: 7/11;
         width: max-content;
         position: relative;
         top: 50%;
         transform: translatey(-50%);
         background-color: rgba(255, 255, 255, .8);
         margin-bottom: 0;
         padding: 3%;
         display: block;
         border-radius: 4%
     }
     .text_bild_rechts, .text_bild_links {
        grid-column: 2/10;
        display: flex;        
        flex-wrap: wrap;
        background-color: #d8e7f4;
        padding: 1.5%;
        margin: 2rem 0;
        gap:2%;
    }

     #main h2 {
         font-size: calc(10px + (20 - 8)*(100vw - 380px)/(800 - 380))
     }
     #main aside h2{
        margin: 0 0 .7rem 0;
     }
     .ce_player video {
         width: 100%;
         height: auto;
         padding: 0 2%
     }
 }

 @media (min-width:610px) {
     /*#wrapper {
         padding-top: 8.9vh
     }*/

     .jubilee {
         width: 14vw;
         height: auto
     }

    /* div.bighero {
         display: block
     }*/

     div.mobilehero {
         display: none
     }

     h1 {
         border-bottom: 5px solid var(--mais)
     }

     .teaser, .teaser_short {
         margin: 1rem 0;
         display: grid;
         grid-template-columns: repeat(auto-fill, minmax(280px, 360px));
         grid-column-gap: 3vh;
         grid-row-gap: 3vw;
         justify-content: center
     }
     .text_bild_rechts, .text_bild_links {        
        flex-wrap: nowrap;
     } 
     .text_links, .text_rechts  {
        flex:1 1 48%;
    }
    .bild_links_image_container, .bild_rechts_image_container{
        padding:0;
    }
     .footer h3 {
         font-size: calc(9px + (16 - 8)*(100vw - 380px)/(800 - 380))
     }

     .footer ul {
         font-size: calc(.95*(var(--font-size-base)));
         line-height: 1.6rem
     }

     .mainbox_home, .mainbox {
         margin-top: 1.5em
     }
 }

 @media (min-width:789px) {
     nav.klicknav {
         display: none
     }

     #wrapper {
        padding-top: 10.5vh;
     }

     body, html {
         font-size: calc(8px + (17 - 8)*(100vw - 380px)/(1000 - 380))
     }

     #header {
         -webkit-transition: all .5s ease;
         transition: all .5s ease
     }

     #logodiv {
         grid-row: 1 / 2;
         max-width: 17vw;
         -webkit-transition: all .5s ease;
         transition: all .5s ease
     }

     .jubilee {
         grid-column: 4 / 7;
         width: 11vw;
         height: auto;
         -webkit-transition: all .5s ease;
         transition: all .5s ease
     }

     .metanav, .mainnav {
         display: inline-block
     }

     .metanav {
         grid-column: 7 / 11;
         grid-row: 1 / 2;
         width: auto;
         font-size: .9em;
         text-align: right;
         -webkit-transition: all .5s ease;
         transition: all .5s ease
     }

     .metanav ul li {
         float: right;
         padding: 0;
         text-align: right;
         list-style-type: none
     }

     .metanav ul li:before {
         content: "\a0 \a0 | \a0 \a0 "
     }

     .metanav ul li.last:before {
         content: " "
     }

     .metanav a {
         font-size: calc(8px + (17 - 8)*(100vw - 380px)/(1900 - 380));
         text-decoration: none;
         -webkit-transition: all .5s ease;
         transition: all .5s ease;
         color: #1e3c60
     }

     .metanav a:focus, .metanav a:hover, .metanav span.active {
         color: var(--linkblue)
     }

     .mainnav {
         grid-column: 2 / main-end;
         grid-row: 2 / 3;
         -webkit-transition: all .5s ease;
         transition: all .5s ease
     }

     .mainnav a, .mainnav strong, .linkto_subpage {
         font-size: var(--font-size-md);
         -webkit-transition: all .5s ease;
         transition: all .5s ease
     }

     .hamburger {
         display: none
     }

     #header.shrink {
         top: 0;
         z-index: 99;
         width: 100%
     }

     #header.shrink .jubilee {
         width: 115px;
         height: auto
     }

     #header.shrink .jubilee.grid_box {
         padding: 0
     }

     #header.shrink #logodiv {
         width: 180px;
         height: auto
     }

     #header.shrink .metanav a, #header.shrink .metanav strong {
         font-size: var(--font-size-metanav-shrink)
     }

     #header.shrink .mainnav {
         margin-top: .1em;
         margin-bottom: .4em
     }

     #header.shrink .mainnav ul.level_1 a, #header.shrink .mainnav ul.level_1 strong, #header.shrink .mainnav ul.level_2 a, #header.shrink .mainnav ul.level_2 strong {
         font-size: clamp(.72rem, 1.65vw + .50rem, .9rem);
         padding: .2rem .3rem;
         line-height: 1.3rem
     }

     #header.shrink .mainnav ul.level_2 {
         margin-top: .4rem
     }

     #header.shrink .mainnav ul.level_2 a, #header.shrink .mainnav ul.level_2 strong {
         padding: .4rem .4rem;
         line-height: 1.6rem
     }

     div.custom #hero div.inside .mod_article img {
         max-width: 100%;
         height: auto
     }

     .teastext a.more, .scroll-text a, .linkto_subpage ul li a, .more a, .mod_sitemap ul li a {
         padding-right: 1.6em;
         background: url("data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%2012%2012%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpolygon%20fill%3D%22%23e9aa1c%22%20points%3D%222%2C5%203%2C5%203%2C3%209%2C3%209%2C9%207%2C9%207%2C10%2010%2C10%2010%2C2%202%2C2%22/%3E%3Cpolygon%20fill%3D%22darkorange%22%20points%3D%220.5%2C10.5%203.5%2C7.5%202%2C6%205.5%2C6%205.5%2C10%204.5%2C8.5%201.5%2C11.5%22/%3E%3C/svg%3E") no-repeat right
     }

     div.custom #hero .homeoffer, div.custom #hero .linkto_subpage {
         position: absolute;
         z-index: 2;
         width: 100%;
         display: grid;
         grid-template-columns: repeat(10, 1fr)
     }

     .homeoffer ul, .linkto_subpage ul {
         position: relative;
         top: 50%;
         transform: translatey(-50%);
         background-color: rgba(255, 255, 255, .8);
         margin-bottom: 0;
         padding: 4%;
         display: block;
         border-radius: 4%;
         width: max-content;
         grid-column: 6/10
     }

    /* .homeoffer ul, .linkto_subpage ul {
         font-size: calc(8px + (14 - 8)*(100vw - 380px)/(600 - 380));
         line-height: 1.5
     }       */

     .homeoffer ul li::before {
         content: "\2713""\00a0 ""\00a0 ";
         font-family: rocksolid-icons;
         color: #e9aa1c;
         line-height: 1.8;
         font-size: smaller
     }

     .linkto_subpage ul li a:hover {
         text-decoration: underline
     }

     #main h2 {
         font-weight: 500;
         margin: 2.2rem 0 .7rem;
         padding-left: 0;
         grid-column: 1 / 9
     }

     .text_bild_rechts, .text_bild_links {
         grid-column: 1/11;
         display: flex;
         flex-flow: row wrap;
         background-color: #d8e7f4;
         padding: 1.5%
     }
     
     .cont_elem, .text_bild_rechts, .text_bild_links {
         margin: 2rem 0
     }

     .bild_links_image_container, .bild_rechts_image_container {
         max-width: 48%;
         height: auto
     }

     .article_kontakt .kont_form, .article_kontakt .osm_map {
         grid-column: 2 / 10
     }

     .homeoffer ul, .linkto_subpage ul {
         font-size: calc(.9*(var(--font-size-base)));
         grid-column: 7/11;
         justify-self: start;
         position: relative;
         top: 50%;
         transform: translatey(-50%);
         background-color: rgba(255, 255, 255, .8);
         margin-bottom: 0;
         padding: 2%;
         display: block;
         border-radius: 4%;
         line-height: 1.7;
         min-width: 32ch
     }
     .footer h3 {
         font-size: clamp(.64rem, .84vw + .50rem, 1.06rem)
     }

     .footer ul {
         line-height: 1.8
     }

     .footer .line {
         display: block
     }

     #anmelden .mod_login {
         width: 95%
     }
 }

 @media (min-width:900px) {
     body, html {
         font-size: calc(8px + (17 - 8)*(100vw - 380px)/(1400 - 380))
     }

     #wrapper {
         padding-top: 11.9vh
     }

     .homeoffer ul, .linkto_subpage ul {
         font-size: calc(.95*(var(--font-size-base)));
         grid-column: 7/11;
         justify-self: start;
         position: relative;
         top: 50%;
         transform: translatey(-50%);
         background-color: rgba(255, 255, 255, .8);
         margin-bottom: 0;
         padding: 2%;
         display: block;
         border-radius: 4%;
         min-width: 32ch;
         line-height: 1.78;
     }

     #logodiv {
         grid-column: 1 / 6;
         grid-row: 1 / 2;
         text-align: left;
         width: 45%;
         height: auto;
         align-self: center
     }

     .text_middle {
         grid-column: 2 / 10;
         justify-content: center;
         padding:.4rem;
     }

     #main h2 {
         font-size: calc(1.1*(var(--font-size-lg)))
     }

     .ref_box {
         margin: 14px 0 0 14px;
         width: auto;
         background: linear-gradient(var(--dgrey) 5%, var(--lgrey) 70%);
         padding: 1em
     }

     .bild_links_image_container, .bild_rechts_image_container {
         max-width: 100%;
         height: auto
     }

     .text_links, .text_rechts {
         margin-top: 1.4em;
     }

     .article_kontakt .kont_form, .article_kontakt .osm_map {
         grid-column: 3 / 9
     }

     .footer h3 {
         font-size: calc(8px + (17 - 8)*(100vw - 380px)/(900 - 380))
     }

     .footer ul {
         font-size: calc(8px + (13 - 8)*(100vw - 380px)/(800 - 380));
         line-height: 1.6rem
     }

     .not_handy {
         display: table
     }
     .modal{
        padding-top: 80px;
     }
     .modal-content {  
         width: 85vw;
         
 }

 @media (min-width:1100px) {
     body, html {
         height: 100%;
         font-family: 'Roboto', Arial, Sans-Serif;
         font-size: var(--font-size-base);
         line-height: 1.5;
         color: #2d2d2d
     }

     html {
         overflow-y: scroll;
         -webkit-tap-highlight-color: rgba(255, 0, 0, .5);
         box-sizing: border-box
     }

     body {
         max-width: 1903px
     }

     #wrapper {
         display: grid;
         grid-template-columns: [full-start] minmax(1em, 1fr) [main-start] minmax(1rem, 1248px) [main-end] minmax(1em, 1fr) [full-end];
         grid-template-rows: [header-start] auto [hero-start] auto [main-start] auto [footer-start] auto [footer-end];
         grid-gap: 0 var(--desktop-gap);
         min-height: 100vh;
         padding-top: 10.7vh
     }

     header div.inside {
         display: grid;
         grid-template-columns: repeat(10, 1fr);
         grid-template-rows: 40% 60%
     }

     #logodiv {
         grid-column: 1 / 4;
         grid-row: 1 / 3;
         text-align: left;
         width: 229px;
         height: auto;
         align-self: center
     }

     .jubilee {
         grid-column: 4 / 6;
         grid-row: 1 / 2
     }

     .jubilee img {
         max-width: 100%;
         width: auto
     }

     .metanav, .mainnav {
         display: inline-block
     }

     .metanav {
         grid-column: 7 / 11;
         grid-row: 1 / 2;
         width: auto;
         font-size: .9em;
         text-align: right
     }

     .metanav ul li {
         float: right;
         padding: 0;
         text-align: right;
         list-style-type: none
     }

     .metanav ul li:before {
         content: "\a0 \a0 | \a0 \a0 "
     }

     .metanav ul li.last:before {
         content: " "
     }

     .metanav a {
         font-size: .85rem;
         text-decoration: none
     }

     .metanav a:focus, .metanav a:hover, .metanav span.active {
         color: #285278
     }

     .mainnav {
         grid-column: 3 / main-end;
         grid-row: 2 / 3
     }

     #header.shrink .mainnav ul.level_1 a, #header.shrink .mainnav ul.level_1 strong {
         padding: .2rem .3rem;
         line-height: 1.3rem
     }

     #header.shrink .mainnav ul.level_2 {
         margin-top: .4rem
     }

     #header.shrink .mainnav ul.level_2 a, #header.shrink .mainnav ul.level_2 strong {
         padding: .4rem .4rem;
         line-height: 1.6rem
     }

     .mainnav a, .mainnav strong, .linkto_subpage {
         font-size: var(--font-size-base)
     }

     div.custom {
         grid-column: full-start / full-end;
         grid-row: 2 / 3;
         width: 100%
     }

     div.custom #hero .mod_article {
         display: flex;
         justify-content: center;
         align-items: center;
         position: relative
     }

     .ce_image .starthead {
         position: relative
     }

     div.custom #hero .ce_list.homeoffer, div.custom #hero .linkto_subpage {
         width: var(--pagewidth);
         display: grid;
         grid-template-columns: repeat(10, 1fr);
         position: absolute;
         z-index: 2
     }

     div.custom #hero div.inside .ce_image img {
         max-width: 100%;
         height: auto;
         background-size: contain
     }

     .homeoffer ul, .linkto_subpage ul {
         position: relative;
         background-color: rgba(255, 255, 255, .8);
         margin-bottom: 0;
         padding: 2%;
         display: block;
         border-radius: 4%;
         grid-column: 7 / 10;
         width: auto;
         min-width: 32ch;
         font-size: calc(8px + (17 - 8)*(100vw - 380px)/(1900 - 380));
         margin-right: 0
     }

     .homeoffer ul li::before {
         content: "\2713""\00a0 ""\00a0 ";
         font: .9em/1 rocksolid-icons;
         color: #e9aa1c;
         line-height: 1.6;
         font-size: 1.3rem
     }

     .linkto_subpage ul li a:hover {
         text-decoration: underline
     }

     .startpage main .inside .mod_article, .loginpage main .inside .mod_article {
         display: grid;
         grid-template-columns: minmax(360px, 60%) minmax(240px, 40%)
     }

     .mainbox {
         display: grid;
         grid-template-columns: repeat(10, 1fr);
         width: 100%
     }

     .mainbox h1 {
         grid-column: 1/11;
         font-size: 1.8rem;
         border-bottom: 5px solid var(--mais)
     }

     #main h2 {
         grid-column: 2 / 8;
         font-size: calc(10px + (20 - 8)*(100vw - 380px)/(1800 - 380))
     }

     .datschutz_h2 {
         font-size: calc(11px + (20 - 8)*(100vw - 380px)/(1800 - 380))
     }

     #aside {
         grid-column: main-start / main-end;
         grid-row: 4 / 5;
         display: flex;
         flex-direction: column;
         align-content: flex-start
     }

     .contslide {
         line-height: 1.2
     }

     .ce_sliderStart .ce_player.video {
         grid-column: 8 / main-end;
         grid-row: 4 / 5
     }

     .sidewidget {
         background-color: #d8e7f4;
         padding: 3%;
         margin-bottom: 1.1rem;
         width: 100%;
         min-height: 5em
     }

     .twoelem_bar {
         grid-column: 1/11;
         display: grid;
         grid-template-columns: repeat(10, 1fr);
         grid-column-gap: 1%;
         grid-template-rows: 1fr;
         background-color: #d8e7f4;
         padding: 1.5%;
         margin: 2rem 0
     }

     .twoelem_bar figure {
         float: none
     }

     .text_bild_rechts, .text_bild_links {
         grid-column: 1/11;
         display: grid;
         grid-template-columns: repeat(10, 1fr);
         grid-column-gap: 2%;
         grid-template-rows: 1fr;
         background-color: #d8e7f4;
         padding: 1.5%;
         margin: 2rem 0
     }

     .bild_rechts_image_container {
         grid-column: 6 / 11;
         grid-row: 1 /2
     }

     .bild_links_image_container {
         grid-column: 1 / 6;
         grid-row: 1 /2
     }

     .text_links {
         grid-column: 1 / 6;
         grid-row: 1 / 2
     }

     .text_rechts {
         grid-column: 6 / 11;
         grid-row: 1 / 2
     }

     .text_middle {
         grid-column: 3 / 9
     }

     .tank_slider {
         grid-column: 6 / 11
     }

     ul.start_list, ul.ulist {
         padding-left: 1.6em
     }

     ul.tank_list {
         padding-left: 1.7em
     }

     .start_list li::marker {
         content: "\2714";
         font-size: 1em
     }

     ul.tank_list li, .start_list li, .ulist li {
         display: list-item;
         position: relative;
         min-height: 1em;
         padding-left: .8em;
         line-height: 1.4
     }

     ul.start_list.slide_list li {
         padding-left: .9em
     }

     ul.tank_list li::marker, .ulist li::marker {
         content: "\e94c";
         font: 1em/1 edicons;
         padding-right: .6em
     }

     .bild_links_image_container figure, .article_kontakt .kont_form {
         float: none
     }

     .article_kontakt .kont_form, .article_kontakt .osm_map {
         grid-column: 2 / 10
     }

     #right::after, .top-bar:before {
         content: ""
     }

     .ref_box {
         height: 6rem
     }

     #main .article_planung h2 {
         grid-column: 1/4
     }

     .mod_article.job_offer h3, .mod_article.job_offer .toggler {
         font-weight: 600;
         color: var(--h1blue)
     }

     .mod_article.job_offer .toggler {
         cursor: pointer;
         text-decoration: underline
     }

     .jobangebot {
         margin-left: 2em
     }

     .mod_article.job_offer h4.hiring {
         margin-bottom: .5em
     }

     .mod_article.job_offer ul.profil_list {
         list-style-type: square;
         list-style-position: outside
     }

     .mod_article.job_offer span.indented {
         margin-left: 2em
     }

     .job_offer section:first-of-type {
         margin-top: 1.6rem
     }

     .job_offer .ce_accordion {
         border-bottom: .0625rem solid #b0bdc7
     }

     .job_offer .ui-accordion-header {
         position: relative;
         transition: color ease-in-out .2s;
         padding: 1.5rem calc(2rem + 2rem + 1.5rem) 1.5rem 1.5rem;
         background: white
     }

     .job_offer .ui-accordion-header:hover, .job_offer .ui-accordion-header:focus {
         color: var(--linkblue)
     }

     .job_offer .ui-accordion-header::after, .job_offer .ui-accordion-header::before {
         transition: opacity ease-in-out .2s;
         position: absolute;
         top: 1.5rem;
         right: 1.5rem;
         z-index: 5;
         width: 2rem;
         height: 2rem;
         content: ""
     }

     .job_offer .ui-accordion-header::before {
         opacity: 1;
         content: '\25BC'
     }

     .job_offer .ui-accordion-header::after {
         opacity: 0
     }

     .job_offer .ui-accordion-header-active::before {
         opacity: 0
     }

     .job_offer .ui-accordion-header-active::after {
         opacity: 1;
         content: '\25B2'
     }

     .mod_article .mainbox .maintext {
         grid-column: 1/11
     }

     .mod_article.anlagenbau .mainbox .teaser, .mod_article.anlagenbau .mainbox .teaser_short, .mod_article.anlagenbau .mainbox .teaser2, .mod_article.anlagenbau .mainbox .teaser2_short {
         grid-column: 1/11
     }

     .teaser, .teaser_short {
         margin: 1rem 0;
         display: grid;
         grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
         grid-column-gap: 7vh;
         grid-row-gap: 3vw
     }

     .teaser>div, .teaser_short>div {
         display: flex;
         -webkit-box-orient: vertical;
         -webkit-box-direction: normal;
         flex-direction: column;
         -webkit-box-pack: start;
         -ms-flex-pack: start;
         justify-content: flex-start
     }

     .teaser2, .teaser2_short {
         margin: 1.2rem 0;
         display: grid;
         grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
         grid-column-gap: 2vh;
         grid-row-gap: 3vw
     }

     .teaser2>div, .teaser2_short>div {
         display: flex;
         flex-direction: column;
         justify-content: flex-start
     }

     .anlagen_teasbox {
         padding: 0 1.1rem;
         background: linear-gradient(var(--dgrey) 5%, var(--lgrey) 70%);
         border-radius: 5%;
         text-align: center
     }

     .mod_article.anlagenbau .mainbox .teaser h2, .mod_article.anlagenbau .mainbox .teaser_short h2, .mod_article.anlagenbau .mainbox .teaser2 h2, .mod_article.anlagenbau .mainbox .teaser2_short h2 {
         font-family: 'roboto condensed'
     }

     .anlagen_teasbox figure {
         margin-bottom: 1em;
         margin-left: auto;
         margin-right: auto
     }

     .anlagen_teasbox p {
         font-size: var(--smallfont);
         margin-left: auto
     }

     .anlagen_teasbox img {
         max-width: 140px;
         height: auto
     }

     .more {
         margin-top: auto
     }

     .anlagen_teasbox .more {
         font-weight: 500;
         color: var(--linkblue)
     }

     .anlagen_teasbox a.more:hover {
         color: #562CD1;
         text-decoration: underline
     }

     #data a:hover {
         color: orange
     }

     #data {
         width: 75%
     }

     #teldiv {
         font: .9rem/1rem Roboto, Arial, 'Sans Serif';
         display: inline-block
     }

     .metaandsearch {
         width: auto;
         display: flex;
         justify-content: flex-end
     }

     meta {
         text-align: right
     }

     .meta nav ul {
         margin-bottom: 0
     }

     .meta nav ul li {
         display: inline-block;
         margin-bottom: 0
     }

     .meta ul li a:not(last), .meta ul li:not(last) strong {
         padding-right: .6rem
     }

     .slideshow {
         overflow: visible;
         margin: 0 auto;
         height: 460px;
         position: relative;
         max-width: 1903px;
         background-image: url("../../files/g_u_l/heads/1903-chemieproduktion.jpg")
     }

     .slideshow::after {
         content: " ";
         display: table
     }

     .starthead {
         position: relative
     }

     .akt_slide_wrap {
         display: grid;
         grid-template-columns: repeat(10, 1fr);
         grid-column-gap: 1%;
         grid-template-rows: 1fr;
         background-color: #d8e7f4;
         padding: 1.5%;
         margin: 2rem 0;
         grid-column: 1/11
     }

     .akt_slide {
         grid-column: 1 / 7;
         grid-row: 1
     }

     .akt_text {
         grid-column: 7 / 11;
         grid-row: 1
     }

     #claimdiv {
         position: relative;
         display: none
     }

     .fullwidth #container {
         max-width: var(--pagewidth);
         margin: 2rem auto 1.3rem;
         padding-left: 0
     }

     .fullwidth #main {
         width: 100%
     }

     #main, #left, #right {
         float: none
     }

     .startpage #main .inside ul, .startpage #main .inside p {
         line-height: 1.5em
     }

     .underscore.twocol {
         width: 100%
     }

     #main p.inside {
         margin-bottom: .3em
     }

     .ce-text .mainbox ul {
         list-style-position: outer
     }

     .sec {
         margin-bottom: 1.5rem
     }

     .ft_address {
         grid-column: 9 / main-end;
         grid-row: 5 / 6
     }

     .ft_info {
         grid-column: 7 / 9;
         grid-row: 5 / 6
     }

     .ft_orient {
         grid-column: 4 / 7;
         grid-row: 5 / 6
     }

     #main .columns {
         column-count: 2;
         column-width: 37%;
         column-gap: 30px;
         column-rule-width: 2px;
         column-rule-style: solid;
         column-rule-color: #626262;
         hyphens: auto
     }

     #right::after {
         display: table;
         clear: both
     }

     #right .inside {
         width: 100%;
         font-size: .9em;
         line-height: 1.2em;
         font-weight: 400;
         margin-left: 0;
         text-align: left
     }

     #right h3 {
         font: 1rem/1.1rem 'Roboto Condensed', sans-serif;
         font-weight: 400
     }

     .sidewidget h2 {
         font-weight: 500
     }

     #right .ce_player h2 {
         margin-left: 3%;
         font-weight: 500
     }

     #right .ce_player .mejs-container {
         margin-left: 1%;
         margin-bottom: .6rem
     }

     .lastwid {
         border-bottom: none
     }

     .ce_page_teaser p {
         margin-bottom: 0
     }

     .teasarea {
         max-width: 100%;
         position: relative;
         display: grid;
         grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
         grid-gap: 30px
     }

     .teasarea a:link.more, .startpage .ce_page_teaser a.more {
         color: #35574b
     }

     #right .aktuell {
         margin: 0 0 2em;
         min-height: 5em;
         padding: 3%;
         width: 99%
     }

     .innerbox, body.fullwidth #main .inside {
         width: 100%
     }

     .colwrap {
         margin: 1.5rem 0
     }

     .teas_box_first {
         margin-left: 0
     }

     .teas_box {
         padding: 0;
         text-align: left;
         position: relative;
         -ms-hyphens: auto;
         -moz-hyphens: auto;
         -webkit-hyphens: auto;
         hyphens: auto
     }

     .teas_box img {
         height: 268px;
         width: 100%;
         object-fit: cover;
         opacity: .6;
         background-color: #567C9E
     }

     .teas_box img:hover {
         opacity: 1;
         transition: opacity .9s
     }

     div.teastext {
         position: absolute;
         bottom: 0;
         text-align: justify;
         font: .88rem/1.03rem 'Roboto Condensed', sans-serif;
         font-weight: 400;
         padding: .4rem .4rem;
         color: #2d2d2d;
         background: #ececec;
         text-align: left;
         margin-bottom: 1%;
         width: 100%;
         opacity: .8
     }

     .teastext a.more, .scroll-text a, .linkto_subpage ul li a, .more a, .mod_sitemap ul li a {
         padding-right: 1.6em;
         background: url("data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%2012%2012%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpolygon%20fill%3D%22%23e9aa1c%22%20points%3D%222%2C5%203%2C5%203%2C3%209%2C3%209%2C9%207%2C9%207%2C10%2010%2C10%2010%2C2%202%2C2%22/%3E%3Cpolygon%20fill%3D%22darkorange%22%20points%3D%220.5%2C10.5%203.5%2C7.5%202%2C6%205.5%2C6%205.5%2C10%204.5%2C8.5%201.5%2C11.5%22/%3E%3C/svg%3E") no-repeat right
     }

     .scroll-text a {
         padding-left: 1.3rem
     }

     .teas_box h3 {
         font-size: 1.1rem;
         font-weight: 500
     }

     .teas_box a:hover {
         color: inherit
     }

     .teas_box a.more:hover {
         color: #3350B6;
         text-decoration: underline
     }

     .teas_box p {
         margin: 0
     }

     .teas_box h3 {
         letter-spacing: .04em;
         margin-top: 0;
         margin-bottom: .4em;
         text-align: left;
         width: 100%
     }

     .text_image_bar {
         display: flex;
         justify-content: space-between
     }

     .text_image_bar figure, .text_image_bar .textblock {
         width: 48%
     }

     .sc {
         padding-left: .8rem
     }

     .gridgal {
         display: grid;
         grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
         grid-gap: 1vw;
         align-items: stretch;
         margin: .5rem 0 1rem 0
     }

     .ce_gallery.gal2pics {
         margin: 1.5em 0;
         background-color: var(--lightblue);
         padding: 1.5%
     }

     .gal2pics ul {
         display: flex;
         flex-direction: row;
         justify-content: space-between;
         grid-column: 1/11
     }

     .gal2pics ul li {
         flex: 0 1 49.2%;         
     }
     .gal2pics.kunstgal ul li.col_last {
        flex: 0 1 auto;
     }
     .ce_gallery.gal>ul li.col_last {
         float: right
     }

     .ce_gallery.gal>ul li.col_0, .ce_gallery.gal>ul li.col_1 {
         width: 49%
     }

     .ce_gallery.gal {
         margin-top: 1rem
     }

     img.mittig {
         position: relative;
         top: 50%;
         -webkit-transform: translateY(-50%);
         -ms-transform: translateY(-50%);
         transform: translateY(-50%)
     }

     #referenzen .ce_text {
         margin-top: 1.6em
     }

     .legaldata {
         line-height: 150%;
         margin-bottom: 2em
     }

     #impressum h4, #referenzen h4 {
         font-size: 1em;
         font-weight: 600
     }

     #videos .ce_avp {
         margin-top: 3.5em
     }

     .ce_form {
         float: left
     }

     .kontakt {
         padding: 0 13px;
         width: 67%
     }

     .ce_form .kontakt .widget-text label, .ce_form .kontakt .widget-textarea label {
         font-weight: 500
     }

     #kontakt .ce_form {
         margin: 2em 1.5em 2.5em 1.5em;
         line-height: 1.1em;
         width: 90%
     }

     #kontakt .widget {
         display: block;
         margin: .8em 0 .4em;
         cursor: pointer;
         width: 100%
     }

     #kontakt input {
         display: inline-block
     }

     #kontakt label {
         width: 32%;
         display: inline-block
     }

     #kontakt input.captcha {
         width: 6em
     }

     .kontakt input[type=email], .kontakt input[type=tel], .kontakt input[type=text], .kontakt textarea,
     .up_form input[type=text], .up_form input[type=file] {
         padding: .25em;
         box-shadow: inset -6px 6px 12px rgba(170, 170, 185, .3);
         border: 1px solid #c1c2c3
     }
     .sicherheit{
        padding-right:1em;
     }
     .up_button{        
        font-size: 99%;
     }

     #kontakt .message {
         display: inline-block;
         vertical-align: top
     }

     #kontakt textarea {
         width: 67%
     }

     #kontakt .widget-checkbox {
         width: 100%;
         display: block;
         overflow: hidden;
         margin-top: .9em
     }

     #kontakt .widget-checkbox input {
         margin-left: .1em;
         width: 1.2em;
         box-shadow: inset -2px 2px 3px rgba(170, 170, 185, .3)
     }

     #kontakt .widget-checkbox label {
         float: left;
         margin-left: 0
     }

     .kontakt .widget-submit button[type="submit"] {
         font-size: 1em;
         color: #373737;         
         padding: .4em 1.1em;         
     }

     .kontakt .widget-submit button:hover, input[type="submit"]:hover, .button:hover {
         text-decoration: none;
         background-position: 0 -30px;
         color: #eee
     }

     #kontakt input[type=submit] {
         margin-top: 1em;
         text-align: center;
         width: 6em
     }
     .up_form{
        padding: 0 13px;
        width: 70%
     }
     .up_form fieldset legend{
        margin-bottom:1em;
     }
     #article-120 .cont_elem{
        display:block;
     }
     main p.error {
         margin-bottom: .25em;
         padding: 1em;
         background: pink;
         color: 2d2d2d
     }

     #footer, .top_bar {
         position: relative
     }

     #mbCloseLink, #mbNextLink, #mbPrevLink, #mbTitle {
         display: inline;
         color: #fff;
         font-weight: 700;
         line-height: 30px;
         font-size: 12px
     }

     #mbImage {
         padding: 0
     }

     .mod_sitemap {
         margin: 16px 20px 0
     }

     .mod_sitemap ul li {
         font-size: var(--font-size-base)
     }

     .mod_sitemap .sibling {
         line-height: 1.5em;
         font-weight: 600
     }

     .mod_sitemap ul.level_1 {
         margin-left: 3em;
         line-height: .94em;
         letter-spacing: .03em
     }

     .mod_sitemap ul.level_1 li:not(.submenu) {
         margin-bottom: 1em
     }

     .mod_sitemap ul.level_2 {
         margin-left: 1.7em;
         line-height: 1.5em;
         font-weight: 400
     }

     .mod_sitemap ul.level_2 li {
         margin-bottom: .7em
     }

     .mod_sitemap .level_2 .first {
         margin-top: .9em
     }

     .mod_sitemap a {
         font-family: Roboto, Arial, sans-serif
     }

     .mod_sitemap a:focus, .mod_sitemap a:hover {
         line-height: 1.5em;
         color: var(--linkblue)
     }

     footer {
         grid-column: full-start / full-end;
         grid-row: 4 / 5;
         margin-top: 1.5rem
     }

     div.footer {
         display: flex;
         flex-direction: row;
         justify-content: space-between;
         box-sizing: border-box;
         margin-top: 2rem;
         font: .9rem/1.1em Roboto, sans-serif;
         font-weight: 400;
         max-height: 30vh
     }

     #footer .footer {
         max-width: var(--pagewidth);
         margin: 0 auto;
         padding: 1.5rem 0;
         display: flex;
         flex-direction: row;
         justify-content: space-between;
         flex-wrap: wrap;
         box-sizing: border-box
     }

     #footer .footer .fblock {
         display: inline-block;
         width: auto
     }

     #footer .footer h3 {
         font-variant-caps: normal;
         font-size: var(--font-size-base);
         margin-top: 0;
         margin-bottom: .7rem
     }

     #footer .footer .fblock .trail, #footer .fblock span.active, #footer a:focus, #footer a:hover {
         text-decoration: underline;
         color: var(--linkblue)
     }

     #footer .footer ul li {
         margin: 8px 0 0;
         list-style-type: none
     }

     .footer ul li, footer ul li strong {
         font-size: var(--smallfont);
         line-height: 1.7rem
     }

     #footer .footer .wide {
         letter-spacing: .2em
     }

     #footer .footer .fblock1 {
         padding-left: 0
     }

     #footer .footer #adr {
         text-align: left;
         font: .9rem/1.1em Roboto, sans-serif
     }

     #footer .footer p {
         margin: 0;
         padding: 0
     }

     .ce_download {
         margin-top: 1rem
     }

     #datenschutzerklaerung a:link {
         text-decoration: underline
     }

     .osm_map {
         display: block;
         margin-top: 3rem;
         margin-right: 0
     }
     .modal{
        padding-top: 100px;
     }
     .modal-content {  
         width: 75vw;
 }  
 /*===========================================*/
/*------------ S O C I A L L I N K S --------*/
/*===========================================*/
.mod_socials {
  display:block;
  position: fixed;
  right: 0;
  z-index: 1000;
  top: 50%;
}
.social-icons{
    width:2.2vw;
}
.mod_socials .social-icons i {
    padding: 10px 5px;    
    text-align: center;
    font-size: 1.8vw;
    color: rgb(255,255,255);
}
.mod_socials a {
  display: block;
  width: 2.2vw;
}
.mod_socials i.fa-facebook {
  background: rgb(67,96,152);
}
.mod_socials i.fa-youtube {
  background: rgb(220,33,48);
}
.mod_socials i.fa-instagram {
  background: rgb(242, 126, 81);
}
.mod_socials i.fa-linkedin {  
  background:dodgerblue;  
}
 /*@media (min-width:1100px) and (max-width:1350px) {
    .homeoffer ul, .linkto_subpage ul{
        font-size:calc(.97(var(--font-size-base)));
        line-height:1.2;
        padding: 2%;
    }
 }*/
 } 
 @media (min-width:1351px){
    .homeoffer ul, .linkto_subpage ul{
        font-size:calc(.97(var(--font-size-base)));
        line-height:1.6;
        padding: 5%;
    }
    .homeoffer ul li::before {        
        line-height: 2;
    }
    #wrapper{
        padding-top:13.5vh;
    }
    .modal{
        padding-top: 120px;
     }
    .modal-content {  
       width: 55vw;
    } 
 }
 #anmelden .mod_login {
     width: 65%
 }

 .login_form button.submit {
     font-size: inherit
 }

 .login_form widget-submit {
     text-align: right
 }

 .downl_files {
     background-color: var(--lightblue)
 }

 #cookieChoiceInfo {
     z-index: 1000;
     text-align: center;
     border: 1px solid #111;
     border-radius: 5px;
     position: fixed;
     width: 300px;
     overflow: auto;
     -webkit-animation: fadeInRight ease-in 1;
     animation: fadeInRight ease-in 1;
     -webkit-animation-fill-mode: forwards;
     animation-fill-mode: forwards;
     -webkit-animation-duration: 1s;
     animation-duration: 1s;
     -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 1);
     box-shadow: 0 0 5px 0 rgba(0, 0, 0, 1)
 }

 #cookieChoiceInfo a {
     box-sizing: border-box;
     padding: 4px 13px;
     color: #e4e4e3;
     margin: 5px;
     display: block;
     clear: both;
     background: #35574b;
     border: 2px solid transparent;
     border-radius: 5px;
     letter-spacing: 1px;
     font-size: 12px;
     font-weight: 500;
     text-decoration: none;
     text-transform: uppercase
 }

 #cookieChoiceInfo a:hover {
     font-weight: 400;
     color: #fff;
     background: #4b7c6b;
     text-decoration: none;
     outline: 0
 }

 .top_bar div#searchtoggl {
     max-width: 1vw;
     max-height: 1vw;
     margin: 0 2%;
     justify-self: end
 }

 img.lupeicon {
     width: 100%;
     height: auto
 }

 img.lupeminus {
     width: 100%;
     height: auto
 }

 img.lupeminus.replace {
     display: none
 }

 #searchform {
     position: absolute;
     display: none;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     margin: auto;
     width: 60vw;
     height: 2.2em;
     padding: 0 3px;
     z-index: 9999
 }

 #searchform.show-search {
     display: block;
     z-index: 9999
 }

 #searchform.hide-search {
     display: none
 }

 #searchform form {
     margin-bottom: 0
 }

 #searchform .search {
     display: inline-block;
     width: 39vw;
     line-height: 1.27rem;
     outline: none;
     padding-left: 2px;
     height: 2.0;
     font-size: 1.0
 }

 #searchform .search input, .submit_container input {
     border: 1px solid rgb(118, 118, 118);
     border-radius: 3px
 }

 #searchform .submit {
     display: inline-block;
     height: 2em;
     margin-left: 1vw;
     outline: none;
     cursor: pointer
 }

 .submit_container input {
     padding: 0 2px;
     width: 12vw;
     background: var(--grau)
 }

 #suchseite input.text {
     left: .2em;
     width: 36vw;
     border-radius: 3px;
     border-width: 1px;
     line-height: 1.27rem
 }

 #suchseite input.submit {
     margin-left: 1em;
     width: auto;
     border-radius: 3px;
     border-width: 1px;
     line-height: 1.27rem
 }

 #suchseite fieldset.radio_container {
     display: block;
     margin-top: .8em
 }

 .clearfix:after {
     content: ".";
     display: block;
     clear: both;
     visibility: hidden;
     line-height: 0;
     height: 0
 }

 .clearfix {
     display: inline-block
 }

 html[xmlns] .clearfix {
     display: block
 }

 * html .clearfix {
     height: 1%
 }
 @media (min-width:1651px){    
    #wrapper{
        padding-top:12.7vh;
    }
 }
 @media screen and (min-width:var(--pagewidth)) {
     footer {
         padding: 0
     }
 }

 @media screen and (max-width:788px) {
     #header .mod_navigation, #header .mainnav {
         display: none
     }

     div.navi-section.banner {
         display: none
     }
 }

 @media screen and (min-width:789px) {
     nav#w3menu {
         display: none
     }
 }

 .startpage #w3menu, #w3menu {
     position: absolute;
     z-index: 99;
     top: 5%;
     right: 1%;
     text-align: left
 }

 @media all and (max-width:530px) {
     label#toggle-menu {
         width: 28vw
     }

     #w3menu ul {
         margin: 0;
         padding: 0;
         -webkit-border-radius: 3px;
         -moz-border-radius: 3px;
         border-radius: 3px;
         width: 60vw
     }
 }

 @media screen and (min-width:531px) and (max-width:788px) {
     #w3menu ul, #w3menu #toggle-menu {
         font-size: calc(8px + (18 - 8)*(100vw - 380px)/(800 - 380))
     }

     #toggle-menu {
         width: 30vw
     }
 }

 #w3menu ul {
     margin: 0;
     padding: 0;
     -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
     border-radius: 3px;
     min-width: 40vw
 }

 #w3menu .main-menu {
     display: none
 }

 #w3menu input#tm[type="checkbox"]:checked+.main-menu {
     display: block
 }

 #w3menu input[type="checkbox"], #w3menu ul span.drop-icon {
     display: none
 }

 #w3menu li, #toggle-menu, #w3menu .sub-menu {
     border-style: solid;
     border-color: rgba(0, 0, 0, .05)
 }

 #w3menu li, #toggle-menu {
     border-width: 0 0 1px;
     background-color: #3c6b93
 }

 #w3menu .sub-menu {
     background-color: #3c6b93;
     ;
     border-width: 1px 1px 0;
     margin: 0 1em
 }

 #w3menu .sub-menu li:last-child {
     border-width: 0
 }

 #w3menu li, #toggle-menu, #w3menu a {
     position: relative;
     display: block;
     color: white;
     text-shadow: 1px 1px 0 rgba(0, 0, 0, .125)
 }

 #toggle-menu, #w3menu a {
     padding: 1em 1.5em;
     background-color: #a9d6fd
 }

 #w3menu a {
     transition: all .125s ease-in-out;
     -webkit-transition: all .125s ease-in-out
 }

 #w3menu a:hover {
     text-decoration: underline;
     background-color: #6D97CC     
 }

 #w3menu .sub-menu li a {
     background-color: #518ec2
 }

 #w3menu .sub-menu {
     display: none
 }

 #w3menu input[type="checkbox"]:checked+.sub-menu {
     display: block;
     clear: both
 }

 #w3menu .sub-menu a:hover {
     text-decoration: underline;
     background-color: #6D97CC
 }

 #toggle-menu .drop-icon, #w3menu li label.drop-icon {
     position: absolute;
     right: 1.5em;
     top: 1.3em
 }

 #w3menu label.drop-icon, #toggle-menu span.drop-icon {
     border-radius: 50%;
     width: 1em;
     height: 1em;
     text-align: center;
     background-color: rgba(0, 0, 0, .125);
     text-shadow: 0 0 0 transparent;
     color: rgba(255, 255, 255, .75)
 }

 #w3menu .drop-icon {
     line-height: 1
 }
 
 
 }
