html{height:100%}
body,h1,h2,h3,h4,h5,p,figure{margin:0;padding:0}
nav ul,nav li{list-style:none;margin:0;padding:0}
@font-face{font-family:'Lato';font-style:italic;font-weight:400;src:url(../../typo3conf/ext/template/Resources/Fonts/S6u8w4BMUTPHjxsAXC-q.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Lato';font-style:normal;font-weight:100;src:url(../../typo3conf/ext/template/Resources/Fonts/S6u8w4BMUTPHh30AXC-q.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Lato';font-style:normal;font-weight:300;src:url(../../typo3conf/ext/template/Resources/Fonts/S6u9w4BMUTPHh7USSwiPGQ.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Lato';font-style:normal;font-weight:400;src:url(../../typo3conf/ext/template/Resources/Fonts/S6uyw4BMUTPHjx4wXg.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Lato';font-style:normal;font-weight:700;src:url(../../typo3conf/ext/template/Resources/Fonts/S6u9w4BMUTPHh6UVSwiPGQ.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Lato';font-style:normal;font-weight:900;src:url(../../typo3conf/ext/template/Resources/Fonts/S6u9w4BMUTPHh50XSwiPGQ.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
*{font-family:'Lato',sans-serif;font-weight:400}
body{background:#ccc}
* strong{font-weight:700}
a{text-decoration:none}
a.button{border:1px solid #eb7503;color:#eb7503;display:block;font-weight:700;float:left;padding:5px 25px}
a.button:hover{color:#666}
a img{border:none}
#print{display:none}
a#toggle_text{background:transparent url('../../typo3conf/ext/template/Resources/Public/Images/toggle_down.png') 50% 0 no-repeat;bottom:2px;cursor:pointer;display:inline-block;height:18px;position:absolute;right:0;text-decoration:none !important;width:20px}
a#toggle_text.active{background:transparent url('../../typo3conf/ext/template/Resources/Public/Images/toggle_up.png') 50% 100% no-repeat;bottom:0}
h1,h2,h3{font-size:24px;letter-spacing:2px;line-height:36px;text-transform:uppercase}
h1,h2{font-weight:300;letter-spacing:normal}
input[type='submit']{background:none;border:none;color:#eb7503;cursor:pointer;font-weight:600}
.grid{margin:0 auto;max-width:1200px;position:relative;width:100%}
.list{padding:85px 3.57% 0 3.57%}
.header-100{display:none}
.indent-half{padding:70px 1.53%}
.indent-half .indent-half,.grid-layout header.indent-half{padding:0 2.04%}
.indent-full{padding:0 3.57% 85px 3.57%}
.text .indent-full{padding:0}
.grid-layout .indent-full,.grid-layout .indent-half{padding:0}
.grid-3{overflow:hidden}
.grid-3 .column{float:left;width:31.3%}
.grid-3 .column section.image{margin:0 0 10px 0}
.grid-3 .column img{display:block;height:auto;width:100%}
.grid-3 .col-1{margin:0 1.5% 0 0}
.grid-3 .col-2{margin:0 1.5%}
.grid-3 .col-3{margin:0 0 0 1.5%}
.grid-row-3 .column{float:none;overflow:hidden;width:auto}
.grid-row-3 .col-x>section{display:inline-block;margin:0 0 1.5% 0;vertical-align:top;width:33%}
.grid-row-3 .col-x>section img{height:auto;width:95.5%}
table#customer p{margin:0;min-height:48px}
#logo{color:#fff;display:block;font-size:13px;font-weight:900;height:35px;line-height:35px;margin:0 0 0 3.57%}
#nav_logo{display:block;height:38px;overflow:hidden;text-indent:-999px;width:72px}
#layout{background:#fff;margin:0 auto;
width:100%}
#layout a:hover{color:#eb7503}
#layout>header{max-height:260px;overflow:hidden;position:relative}
#layout.home>header{max-height:none}
#layout>header img{display:block;height:auto;position:relative;z-index:0;width:100%}
#slider{max-height:653px;left:0;overflow:hidden;position:relative;top:0;width:100%;z-index:1}
#slider .ajax-wait{background:#474747 url('../../typo3conf/ext/template/Resources/Public/Images/fancybox_loading%402x.gif') 50% 50% no-repeat;background:#474747;height:100%;left:0;position:absolute;top:0;width:100%;z-index:1000}
#slider .stage{overflow:hidden;position:relative}
#slider .image{float:left;position:relative}
#slider header{left:0;position:absolute;top:0;width:100%;z-index:100}
#ios #slider header,#safari #slider header{margin:0;padding:15% 0 0 0}
#slider header>div{margin:0 auto;max-width:1200px}
#slider header h1,#slider header h2{background:#fff;background:rgba(255,255,255,0.7);line-height:30px;width:27%}
#slider header h1{font-weight:400;letter-spacing:3px;padding:3.57% 3.57% 0 3.57%}
#slider header h1 a,#slider header h1 a:hover{color:#000}
#slider header h2{color:#ec7404;font-weight:400;letter-spacing:2px;padding:0 3.57% 3.57% 3.57%}
#slider header h2 a{color:#ec7404}
#slider header h2 a:after{content:" >";color:#ec7404}
#slider_nav{bottom:120px;overflow:hidden;position:absolute;text-align:center;width:100%}
#slider_nav ul,#slider_nav li{display:inline-block;list-style:none;margin:0;padding:0}
#slider_nav ul{height:35px;overflow:hidden;position:relative}
#slider_nav li{background:#fff;cursor:pointer;display:block;float:left;height:15px;margin:0 0 0 14px;width:15px}
#slider_nav li:first-of-type{margin:0}
#slider_nav li.slider-index{-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;opacity:0.8;position:relative;top:10px}
#slider_nav li.active{background:#ec7404}
#slider_nav li:nth-child(1){_display:none}
#slider_nav a{cursor:pointer;display:inline-block;height:35px;opacity:0.7;overflow:hidden;text-indent:-999px;vertical-align:top;width:21px}
#slider_nav a.prev{background:transparent url('../../typo3conf/ext/template/Resources/Public/Images/arr_left.png') 0 0 no-repeat;margin:0 14px 0 0}
#slider_nav a.next{background:transparent url('../../typo3conf/ext/template/Resources/Public/Images/arr_right.png') 0 0 no-repeat;margin:0 0 0 14px}
#slider_nav a:hover{opacity:0.9}
#content{position:relative}
#content .grid>section{overflow:hidden}
#content .grid>section>header,#content .grid>section>aside{float:left;margin:0 0 55px 0;width:31.77%}
#content .grid-layout header{float:none}
#content .grid>section>article{float:right;padding:4px 0 0 0;position:relative;width:66%}
#content .grid>section>article.toggle{overflow:hidden}
#content .grid>section>article.toggle span.preview{background:transparent url('../../typo3conf/ext/template/Resources/Public/Images/toggle_preview.png') 0 100%;bottom:0;display:block;height:14px;left:0;position:absolute;width:100%;z-index:1}
#content .text,#content .text-image{margin:0 0 9% 0}
#content .text a,#content .text-image a{color:#eb7503}
#content .text a:hover,#content .text-image a:hover{text-decoration:underline}
#content .text:last-of-type,#content .text-image:last-of-type{margin:0}
#content .text-image figure{margin:0 0 18px 0}
#content .text-image figure.imagorient-0 img{height:auto;min-width:0;max-width:599px;width:100%;width:inherit;max-width:100%}
#content .text b,#content .text strong{font-weight:700}
#content .text h2{color:#ec7404}
#content .text h3{color:#ec7404;font-size:17px;font-weight:900;letter-spacing:0;line-height:24px;margin:0 0 4px 0;text-transform:none}
#content .text p,#content .text td,#content .text label,#content .text dt,#content .text dd,#content .text li,#blog p,#blog h4{color:#666;font-size:17px;font-weight:500;line-height:24px;margin:0 0 24px 0}
#content .text p{padding:0 10px 0 0}
#content .text li{margin:0}
#content .text p:last-of-type{margin:0}
#content .text td{vertical-align:top}
#content .text td:nth-child(1){font-size:19px;font-weight:700;width:105px}
#content .grid-layout{padding:0 3.57% 85px 3.57%}
#content .layout-200{padding:85px 0}
#content .layout-31 table{width:100%}
#content .layout-31 table td{width:50%}
#gmap{margin:0 0 36px 0;width:100%}
.map,.map__placeholder,.map__placeholder-overlay{position:relative;width:100%;aspect-ratio:4 / 2.174}
.map__placeholder,.map__placeholder-overlay{position:absolute !important;top:0}
.map__placeholder{object-fit:cover}
.map__placeholder-overlay{cursor:pointer;z-index:1;background:rgba(76,74,68,0.65);opacity:0;transition:opacity var(--ease-small);will-change:opacity;display:flex;flex-direction:column;justify-content:center;padding:calc(0.5 * var(--gutter))}
.map__placeholder-overlay p,.map__placeholder-overlay strong{text-align:center;color:#fff !important}
.map__placeholder-overlay:hover{opacity:1}
.map.map--active .map__placeholder,.map.map--active .map__placeholder-overlay{opacity:0;pointer-events:none}
.maplibregl-popup-content p{margin-bottom:0;color:var(--wp--preset--color--text)}
button.maplibregl-popup-close-button{right:5px}
#blog .grid{overflow:hidden}
#blog img{display:block;margin:0 0 18px 0}
#blog h4,#blog p{color:#333;font-size:14px;padding:0 18px}
#blog h4{font-weight:700;margin:0}
#blog p span{color:#ec7404}
#subcontent{background:#333}
#subcontent h1,#blog h1{color:#fff;font-size:24px;font-weight:200;margin:0 0 44px 0}
#subcontent .grid-layout .text{background:#222;min-height:180px;padding:35px 18px 18px 18px;position:relative}
#subcontent .grid-layout .special{margin:0 0 10% 0}
#subcontent .layout-99 h1{font-size:16px;font-weight:400;padding:0 0 0 6.5%;text-transform:none}
#subcontent .layout-100 .text{padding:0}
#subcontent .grid-layout .text h1,#subcontent .grid-layout .text h1 a{color:#ec7404;font-size:42px;font-weight:900;height:80px;line-height:44px;margin:0 0 30px 0;text-transform:none}
#subcontent .grid-layout .text p{color:#ccc;font-size:14px}
#subcontent .grid-layout .teaser-link{bottom:18px;color:#ec7404;font-weight:900;left:18px;position:absolute}
#subcontent .grid-layout .text .icon-teaser{background:#222;padding:18px}
#subcontent .grid-layout .text .icon-teaser header{margin:0 0 20px 0;overflow:hidden}
#subcontent .grid-layout .text .icon-teaser header figure,#subcontent .grid-layout .text .icon-teaser header h1{display:inline-block}
#subcontent .grid-layout .text .icon-teaser header h1,#subcontent .grid-layout .text .icon-teaser header h1 a{color:#fff;font-size:18px;font-weight:600;height:auto;letter-spacing:normal;line-height:normal;margin:-3px 0 0 7px;text-transform:none}
#subcontent .grid-layout .text .icon-teaser header h1 a:hover{color:#ec7404}
#subcontent .grid-layout .text .icon-teaser p{color:#ccc;font-size:13px}
#blog h1{color:#666}
#mobile_footer{display:none}
footer>.grid{background:#333;margin:0;max-width:100%;width:100%}
footer>.grid .grid{background:transparent url('../../typo3conf/ext/template/Resources/Public/Images/logo.png') 3.57% 50% no-repeat}
article.copyright{color:#fff;font-size:13px;line-height:24px;overflow:hidden;padding:36px 270px 36px 136px;position:relative}
article.copyright p{float:left;font-weight:300;position:relative}
article.copyright p a{color:#fff;font-size:13px;font-weight:900;position:absolute;right:0;text-decoration:none;text-transform:uppercase;top:25px}
article.copyright sup{position:relative;top:3px}
aside#to_top{bottom:10%;cursor:pointer;display:none;position:fixed;right:3.57%}
aside#to_top a{background:transparent url('../../typo3conf/ext/template/Resources/Public/Images/toggle_up.png') 0 100% no-repeat;color:#ec7404;padding:0 0 0 20px}
#imprint-link-footer a{display:block;margin-top:22px}
.cc-window ~ section#layout>footer>.grid{padding-bottom:100px}
@media all and (max-width:850px){.cc-window ~ section#layout>footer>.grid{padding-bottom:160px}
}
@media all and (max-width:600px){.cc-window ~ section#layout>footer>.grid{padding-bottom:200px}
}
@media all and (max-width:500px){.cc-window ~ section#layout>footer>.grid{padding-bottom:250px}
}
.cc-window.cc-invisible ~ section#layout>footer>.grid{padding-bottom:0px}
.cc-window ~ section#layout>footer>#mobile_footer{padding-bottom:100px}
@media all and (max-width:850px){.cc-window ~ section#layout>footer>#mobile_footer{padding-bottom:160px}
}
@media all and (max-width:600px){.cc-window ~ section#layout>footer>#mobile_footer{padding-bottom:200px}
}
@media all and (max-width:500px){.cc-window ~ section#layout>footer>#mobile_footer{padding-bottom:250px}
}
.cc-window.cc-invisible ~ section#layout>footer>#mobile_footer{padding-bottom:0px}
nav ul{overflow:hidden}
nav#mobile{display:none}
nav#meta{background:#474747;height:35px;position:relative}
nav#meta ul{position:absolute;right:3.57%;top:0}
nav#meta li{display:block;float:left;font-weight:700;height:35px;line-height:35px;margin:0 15px 0 0}
nav#meta li.lang{margin:0 5px 0 0}
nav#meta li.abs-last{margin:0}
nav#meta li,nav#meta li a{color:#999;font-size:13px;font-weight:300;text-transform:uppercase}
nav#meta li a.selected{color:#eb7503}
nav#main{background:#474747;bottom:0;margin:0 0 85px 0;opacity:1;overflow:hidden;position:relative;z-index:1}
.home nav#main{background:#333;margin:-109px 0 85px 0;opacity:0.9}
nav#main .grid{position:static}
nav#main .grid>ul{height:109px;margin:0;padding:0;width:100%}
nav#main .grid>ul>li{display:block;float:right;margin:0 30px 0 0}
nav#main .grid>ul>li.first{margin:0 3.57% 0 0}
nav#main .grid>ul>li.logo{background:transparent url('../../typo3conf/ext/template/Resources/Public/Images/logo.png') 0 50% no-repeat;display:block;float:left;height:109px;left:3.57%;position:relative;top:0;width:72px}
nav#main .grid>ul>li.logo a{height:109px;line-height:109px}
nav#main .grid>ul>li>a{color:#eb7503;font-size:19px;font-weight:400;height:109px;line-height:109px;text-transform:uppercase}
nav#main .grid>ul>li>a.active,nav#main .grid>ul>li>a.navOpen,nav#main .grid>ul>li>a:hover{color:#fff}
nav#main .grid>ul>li>nav{background:#666;overflow:hidden;position:absolute;left:0;width:100%;z-index:2}
nav#main ul.sub{margin:0 auto;text-align:center;max-width:1200px}
nav#main ul.sub{padding:21px 0}
nav#main ul.sub li{display:inline-block}
nav#main ul.sub li a{color:#fff;display:block;font-size:19px;font-weight:300;padding:21px 13px;text-transform:uppercase}
nav#main ul.sub li a.active,nav#main ul.sub li a:hover{color:#000}
nav#main ul.sub li.first a{padding-left:0}
nav#main ul.sub li.last a{padding-right:0}
nav#rootline{position:absolute;left:35.3%;top:-55px}
nav#rootline,nav#rootline a{color:#999;font-size:13px;font-style:italic}
nav#portfolio{background:#f0f0f0;overflow:hidden;padding-top:85px}
nav#portfolio h1{color:#666;margin:0 0 44px 0}
nav#portfolio ul.sub{margin:10px 0 0 0}
nav#portfolio ul li{margin:0 0 10px 0}
nav#portfolio ul li a{color:#000}
nav#portfolio .grid>ul>li{display:block;float:left;width:38%}
nav#portfolio .grid>ul>li.first{width:42%}
nav#portfolio .grid>ul>li.last{width:20%}
nav#portfolio .grid>ul>li>a{color:#eb7503;font-weight:600}
nav#footer{overflow:hidden;position:absolute;right:3.57%;top:41px;width:500px}
nav#footer ul{float:right}
nav#footer li{display:block;float:left}
nav#footer li.fsc{margin:0 8px 0 0}
nav#footer li.sid{margin:0 8px 0 0}
nav#footer li.fsg{margin:0 8px 0 0}
nav#footer li a{display:block;height:40px;overflow:hidden;position:relative;text-indent:-999px;width:40px}
nav#footer li.fsc a{background:transparent url('../../typo3conf/ext/template/Resources/Public/Images/footer_fsc.png') 0 0 no-repeat;width:194px;height:49px}
nav#footer li.sid a{background:transparent url('../../typo3conf/ext/template/Resources/Public/Images/footer_iso126472.png') 0 0 no-repeat;width:52px;height:51px}
nav#footer li.ddv a{background:transparent url('../../typo3conf/ext/template/Resources/Public/Images/footer_ddv.png') 0 0 no-repeat;width:49px;height:49px;margin-top:1px}
nav#footer li.fsg{background:transparent url('../../typo3conf/ext/template/Resources/Public/Images/footer_natureoffice.png') 0 0 no-repeat;height:58px;margin:0 13px 0 0;width:133px}
@media all and (max-width:1210px){nav#footer{position:relative;clear:both;height:92px;padding-top:24px}
footer>.grid .grid{background-position:3.57% 40px}
}
@media all and (max-width:1000px){article.copyright{padding-right:0}
}
@media all and (max-width:800px){#agb-link-footer{display:block}
}
@media all and (min-width:800px){#agb-link-footer a{top:47px;right:90px}
}
#searchform{margin:0 0 70px 0}
#searchform .field-wrap{margin:0 0 18px 0}
.tx-indexedsearch{clear:both}
.tx-indexedsearch-whatis{float:right;height:30px;text-align:right}
.tx-indexedsearch-browsebox:first-of-type{float:left;margin:-30px 0 0 0;width:100%}
.tx-indexedsearch-browsebox ul,.tx-indexedsearch-browsebox li{list-style:none;margin:0;overflow:hidden;padding:0}
.tx-indexedsearch-browsebox ul{margin:18px 0;text-align:center}
.tx-indexedsearch-browsebox li{border-right:1px solid #666;display:inline-block;padding:0 6px}
.tx-indexedsearch-browsebox li:last-of-type{border:none}
.tx-indexedsearch-browsebox li a{color:#666}
.tx-indexedsearch-res{clear:both}
.tx-indexedsearch-res header{margin:0 0 18px 0}
.tx-indexedsearch-res header *{color:#666;font-size:17px;font-weight:700;line-height:normal;text-transform:none}
.tx-indexedsearch-res h1 a,.tx-indexedsearch-res .search-path a{color:#ec7404}
.tx-indexedsearch-res .rel{float:right;font-weight:400;overflow:hidden;width:20%}
.tx-indexedsearch-res .rel-wrap{border:1px solid #333;display:block;float:right;margin:2px 0 0 0;padding:1px;width:30%}
.tx-indexedsearch-res .rel-value{background:#ec7404;display:block;height:12px}
.tx-indexedsearch-res article{margin:0 0 36px 0}
#content .text article p.search-description{margin:0 0 18px 0}
#content .text article p.search-meta,#content .text article p.search-path{float:left;padding:0;width:50%}
#content .text article p.search-path{text-align:right}
.tx-indexedsearch-res footer{margin:0 0 18px 0;overflow:hidden}
#content article p.search-meta,#content .text .tx-indexedsearch-res p.search-path{font-size:13px}
#popup_search{background:#474747;height:0;left:0;overflow:hidden;position:relative;width:100%;z-index:100}
.home #popup_search{position:absolute;top:0}
#popup_search .grid{overflow:hidden}
#popup_search form{float:right;overflow:hidden;margin:3px 3.57% 0 0}
#popup_search input{border:none;height:18px;line-height:18px;margin:0;padding:2px}
#popup_search input[type='text']{float:left;width:76%}
#popup_search input[type='submit']{background:none;float:right;padding-right:0}
.glossary-nav,.glossary-nav li,.glossary-list,.glossary-list li{list-style:none;margin:0;overflow:hidden;padding:0}
.glossary-nav{margin:0 0 18px 0}
.glossary-nav li{display:block;float:left;line-height:36px}
.glossary-nav li a{color:#666;font-size:24px;font-weight:300;padding:0 7px 0 0;text-transform:uppercase}
.glossary-nav li.current a{font-weight:900}
.glossary-list li{margin:0 0 25px 0}
#content .glossary-list li{margin:0 0 18px 0}
.glossary-list h1{color:#ec7404;font-size:17px;font-weight:900;line-height:24px;text-transform:none}
.solution-list{clear:both;margin:0;padding:0}
.solution-list,#content .solution-list li{list-style:none;overflow:hidden}
#content .solution-list li{margin:0 0 38px 0}
#content .solution-list li:last-of-type,#content .solution-list li:last-of-type img:last-child{margin:0}
#content .solution-list li figure{display:block;float:left;width:30.67%}
#content .solution-list li figure img{height:auto;margin:0 0 38px 0;width:100%}
#content .solution-list li article{float:right;width:66%}
#content .solution-list li dl{margin:0;overflow:hidden}
#content .solution-list li dl dt,#content .solution-list li dl dd{display:block;float:left;margin:0 0 20px 0;padding:0;width:20%}
#content .solution-list li dl dt{font-weight:700}
#content .solution-list li dl dd{width:75%}
#content .solution-list li dl .solution-meta{color:#000;margin:0 0 2px 0}
#content .solution-list li dl .solution-description{color:#ec7404}
#content .solution-list li dl .last{margin:0 0 20px 0}
#content .bsemployees_listing{padding-top:0;margin-top:-9% !important}
#employees header{margin:0 0 30px 0}
#employees ul,#employees li{list-style:none;margin:0;overflow:hidden;padding:0}
#employees ul{}
#employees li{float:left;width:31.3%}
#employees li:nth-child(3n-1){margin:0 1.5% 30px 1.5%}
#employees li:nth-child(3n-2){margin:0 1.5% 30px 0}
#employees li:nth-child(3n-3){margin:0 0 30px 1.5%}
#employees li:nth-child(3n+1){clear:both}
#employees li:nth-child(3n-3):after{content:' ';clear:both;display:block;float:none}
#employees li img{height:auto;width:100%}
#employees li h4,#employees li h5,#employees li .data-wrap{font-size:14px;font-weight:400;margin:0 6%}
#employees li h4{background:transparent url('../../typo3conf/ext/template/Resources/Public/Images/toggle_right.png') 100% 3px no-repeat;cursor:pointer}
#employees li h4.active{background:transparent url('../../typo3conf/ext/template/Resources/Public/Images/toggle_rightdown.png') 100% 3px no-repeat}
#employees li h5{color:#333;font-style:italic;margin:-9px 0 0 6%}
#employees li .data-wrap{overflow:hidden}
#mailform fieldset{border:none;margin:0;padding:0}
#mailform .csc-mailform-field{margin:0 0 18px 0;overflow:hidden}
#mailform .csc-mailform-field label{display:block;float:left;margin:0;width:20%}
#mailform .csc-mailform-field input,#mailform .csc-mailform-field textarea{float:right;width:70%}
@media (min-width:1240px){nav#main .grid>ul{margin:0 !important}
#layout.home #content .grid>section>header:after{left:3.57%}
.indent-half{padding:70px 0}
.indent-half .indent-half,.grid-layout header.indent-half{padding:0 2.04%}
#subcontent .grid-layout,#blog .grid-layout,#employees{padding:0 1.54%}
#subcontent .grid-layout .text{padding:35px 6% 18px 6%}
#blog,#blog .indent-full,#portfolio{padding-left:0 !important;padding-right:0 !important}
#blog h4,#blog p{padding:0 6%}
footer>.grid .grid{background-position:3.57% 50%}
nav#portfolio header,nav#portfolio .grid>ul{padding:0 3.57%}
}
@media (max-width:1030px){#slider header h1,#slider header h2{font-size:20px;letter-spacing:2px;width:33%}
#content header h1,#content header h2{font-size:20px}
#subcontent .grid-layout .text h1,#subcontent .grid-layout .text h1 a{font-size:36px}
}
@media (max-width:840px){#slider header h1,#slider header h2{font-size:20px}
#subcontent .grid-layout .text h1,#subcontent .grid-layout .text h1 a{font-size:28px}
#subcontent .grid .icon-teaser header figure{width:18%}
#subcontent .grid .icon-teaser header h1,#subcontent .grid .icon-teaser header h1 a{font-size:17px;margin:-3px 0 0 5px}
}
@media (max-width:800px){h1,h2,h3{font-size:20px;line-height:33px}
#slider header,#slider_nav a,footer>.grid{display:none !important}
#mobile_footer{background:#333;display:block;height:auto;line-height:35px;text-align:center}
#mobile_footer a{color:#fff;text-transform:uppercase}
#subcontent .grid .text .icon-teaser header h1,#subcontent .grid .text .icon-teaser header h1 a{font-size:15px;margin:-3px 0 0 3px}
}
@media (max-width:765px){nav#rootline{left:3.57%}
.indent-full{padding:0 3.57% 45px 3.57%}
#layout .grid>header header h1{font-size:45px}
#layout.home #content .grid>section>header:after{display:none}
#content .grid>section>header,#content .grid>section>aside,#content .grid>section>article{float:none;width:auto}
#content .text p,#content .text td,#content .text label,#content .text dt,#content .text dd{font-size:15px;line-height:22px}
#subcontent h1{font-size:22px}
#subcontent .grid-layout .text h1 a{font-size:28px;line-height:40px}
#subcontent .grid .text .icon-teaser{float:none;padding:10px;width:auto}
#subcontent .grid .text .icon-teaser header{margin:0 0 35px 0}
#subcontent .grid-layout .text h1,#subcontent .grid-layout .text h1 a{line-height:38px}
article.copyright{background:#333;height:auto;padding:76px 0 1.53% 0}
article.copyright p{overflow:hidden;padding:0 3.57%}
nav#footer{margin:0;padding:0;right:auto;top:18px;width:100%}
nav#footer ul{text-align:center}
nav#footer ul li{display:inline-block;float:none}
#employees li{width:47%;margin:0 1.5% 50px 1.5% !important}
#employees li:nth-child(3n-3):after{content:'';display:none}
#employees li:nth-child(2n+1){clear:both}
#employees li:nth-child(3n+1){clear:none}
.grid-row-3 .col-x>section{width:32.3%}
}
@media (max-width:640px){#layout .grid>header header h1{font-size:40px}
#subcontent .grid-3 .column{float:none;margin:0 0 18px 0;width:auto}
#subcontent .grid-layout .text{min-height:0;overflow:hidden}
#subcontent .grid-layout .text header{float:left;width:40%}
#subcontent .grid-layout .text h1,#subcontent .grid-layout .text h1 a{font-size:30px;height:auto}
#subcontent .grid-layout .text article{float:right;padding:10px 0 0 0;position:relative;width:58%}
#subcontent .grid-layout .special{margin:0 0 18px 0}
#subcontent .grid-layout .teaser-link{bottom:0;left:auto;right:0}
#subcontent .grid .icon-teaser header figure{width:34px}
}
@media (max-width:580px){nav#main .grid>ul>li>a,nav#main ul.sub li a{font-size:15px}
#slider_nav{bottom:10%}
.solution-list li figure,.solution-list li article{float:none;width:auto}
.solution-list li figure{margin:0 0 18px 0}
.solution-list li figure img{margin:0;width:48%}
.solution-list li figure img:first-of-type{margin:0 2.8% 0 0}
#content .solution-list li dl dt{width:25%}
#content .solution-list li dl dd{width:70%}
#blog .grid-3 .column{float:none;margin:0 1.53% 18px 1.53%;overflow:hidden;width:auto}
}
@media (max-width:510px){#slider header{display:none !important}
a#toggle_text{display:none}
article.toggle{height:auto !important}
#slider{margin:0 0 35px 0}
#slider_nav,nav#sub{display:none}
nav#mobile{background:#666;display:block;margin:0 0 70px 0;overflow:hidden;position:relative}
.home nav#mobile{margin:0}
nav#mobile>header{background:#333 url('../../typo3conf/ext/template/Resources/Public/Images/logo.png') 3.57% 8px no-repeat;background-size:44px 22px;-webkit-background-size:44px 22px;height:38px;padding:0 3.57%}
nav#mobile #mobile_logo{color:#fff;display:block;font-size:13px;font-weight:900;height:38px;line-height:38px;margin:0 auto;text-align:center;width:auto}
nav#mobile input{margin:0}
nav#mobile #mobile_searchform{border-bottom:1px solid #666;padding:3.57%}
nav#mobile #mobile_sword{width:152px}
nav#mobile #mobile_searchformsubmit{margin:0 0 0 18px}
nav#mobile a#handle{background:transparent url('../../typo3conf/ext/template/Resources/Public/Images/toggle_mobile.png') 0 0 no-repeat;cursor:pointer;display:block;height:21px;overflow:hidden;position:absolute;right:3.57%;text-indent:-999px;top:8px;width:25px;z-index:100}
nav#mobile>ul{overflow:hidden;padding:0 3.57%;width:auto}
nav#mobile ul.meta,nav#mobile>ul>li>ul{margin:0 0 5px 0;overflow:hidden}
nav#mobile ul.meta li,nav#mobile ul.main>li>ul>li{float:left;width:50%}
nav#mobile ul.meta li{width:25%}
nav#mobile ul.meta li a{text-transform:uppercase}
nav#mobile ul li{padding:4px 0}
nav#mobile ul.main>li>a{color:#ec7404}
nav#mobile li a{color:#fff}
nav#meta,nav#main,#layout .grid>header{display:none}
nav#portfolio .grid>ul>li{width:33.3%}
nav#mobile ul.meta li.lang{color:#fff;margin:0 3px 0 0;width:auto}
.indent-half{padding:40px 1.53%}
#content .text article p.search-meta,#content .text article p.search-path{float:none;text-align:left;width:auto}
#subcontent .grid .icon-teaser{overflow:hidden;padding:3%}
#subcontent .grid .icon-teaser p{float:none;width:auto}
#subcontent .grid .icon-teaser header{float:none;margin:0;width:auto}
#subcontent .grid .icon-teaser header figure,#subcontent .grid .icon-teaser header h1{display:inline-block;float:none}
#subcontent .grid .icon-teaser header h1{margin:0 0 0 7px;padding:15px 0 0 0}
#subcontent .grid .icon-teaser header h1 a{margin:0}
#subcontent .grid .icon-teaser header figure{float:left;margin:0 0 10px 0;width:34px}
#subcontent .grid-layout .text header,#subcontent .grid-layout .text article{float:none;width:auto}
#subcontent .grid-layout .text h1,#subcontent .grid-layout .text h1 a{font-size:30px;margin:0 0 15px 0}
.tx-indexedsearch-res .rel{width:44%}
nav#portfolio .grid>ul>li,nav#portfolio .grid>ul>li.last{float:none;margin:0 0 7px 0;text-align:center;width:100% !important}
nav#portfolio .grid>ul>li a{font-size:18px}
#employees li{width:97%}
.grid-row-3 .col-x>section{width:49.3%}
}
@media (max-width:400px){nav#mobile ul.meta li{width:50% !important}
nav#mobile ul.meta li.lang{margin:0}
nav#mobile ul.meta li:nth-child(5){display:none !important}
table#customer p{font-size:13px !important}
}
@media (max-width:480px){.grid-row-3 .col-x>section{width:99.3%}
}
.fancybox-wrap,.fancybox-skin,.fancybox-outer,.fancybox-inner,.fancybox-image,.fancybox-wrap iframe,.fancybox-wrap object,.fancybox-nav,.fancybox-nav span,.fancybox-tmp{padding:0;margin:0;border:0;outline:none;vertical-align:top}
.fancybox-wrap{position:absolute;top:0;left:0;z-index:8020}
.fancybox-skin{position:relative;background:#f9f9f9;color:#444;text-shadow:none;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}
.fancybox-opened{z-index:8030}
.fancybox-opened .fancybox-skin{-webkit-box-shadow:0 10px 25px rgba(0,0,0,0.5);-moz-box-shadow:0 10px 25px rgba(0,0,0,0.5);box-shadow:0 10px 25px rgba(0,0,0,0.5)}
.fancybox-outer,.fancybox-inner{position:relative}
.fancybox-inner{overflow:hidden}
.fancybox-type-iframe .fancybox-inner{-webkit-overflow-scrolling:touch}
.fancybox-error{color:#444;font:14px/20px"Helvetica Neue",Helvetica,Arial,sans-serif;margin:0;padding:15px;white-space:nowrap}
.fancybox-image,.fancybox-iframe{display:block;width:100%;height:100%}
.fancybox-image{max-width:100%;max-height:100%}
#fancybox-loading,.fancybox-close,.fancybox-prev span,.fancybox-next span{background-image:url('../../typo3conf/ext/template/Resources/Public/Images/fancybox_sprite.png')}
#fancybox-loading{position:fixed;top:50%;left:50%;margin-top:-22px;margin-left:-22px;background-position:0 -108px;opacity:0.8;cursor:pointer;z-index:8060}
#fancybox-loading div{width:44px;height:44px;background:url('../../typo3conf/ext/template/Resources/Public/Images/fancybox_loading.gif') center center no-repeat}
.fancybox-close{position:absolute;top:-18px;right:-18px;width:36px;height:36px;cursor:pointer;z-index:8040}
.fancybox-nav{position:absolute;top:0;width:40%;height:100%;cursor:pointer;text-decoration:none;background:transparent url('../../typo3conf/ext/template/Resources/Public/Images/blank.gif');
-webkit-tap-highlight-color:rgba(0,0,0,0);z-index:8040}
.fancybox-prev{left:0}
.fancybox-next{right:0}
.fancybox-nav span{position:absolute;top:50%;width:36px;height:34px;margin-top:-18px;cursor:pointer;z-index:8040}
.fancybox-prev span{left:10px;background-position:0 -36px}
.fancybox-next span{right:10px;background-position:0 -72px}
.fancybox-nav:hover span{}
.fancybox-tmp{position:absolute;top:-99999px;left:-99999px;visibility:hidden;max-width:99999px;max-height:99999px;overflow:visible !important}
.fancybox-lock{overflow:hidden !important;width:auto}
.fancybox-lock body{overflow:hidden !important}
.fancybox-lock-test{overflow-y:hidden !important}
.fancybox-overlay{position:absolute;top:0;left:0;overflow:hidden;display:none;z-index:8010;background:url('../../typo3conf/ext/template/Resources/Public/Images/fancybox_overlay.png')}
.fancybox-overlay-fixed{position:fixed;bottom:0;right:0}
.fancybox-lock .fancybox-overlay{overflow:auto;overflow-y:scroll}
.fancybox-title{visibility:hidden;font:normal 13px/20px"Helvetica Neue",Helvetica,Arial,sans-serif;position:relative;text-shadow:none;z-index:8050}
.fancybox-opened .fancybox-title{visibility:visible}
.fancybox-title-float-wrap{position:absolute;bottom:0;right:50%;margin-bottom:-35px;z-index:8050;text-align:center}
.fancybox-title-float-wrap .child{display:inline-block;margin-right:-100%;padding:2px 20px;background:transparent;
background:rgba(0,0,0,0.8);-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;text-shadow:0 1px 2px #222;color:#FFF;font-weight:bold;line-height:24px;white-space:nowrap}
.fancybox-title-outside-wrap{position:relative;margin-top:10px;color:#fff}
.fancybox-title-inside-wrap{padding-top:10px}
.fancybox-title-over-wrap{position:absolute;bottom:0;left:0;color:#fff;padding:10px;background:#000;background:rgba(0,0,0,.8)}
@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min--moz-device-pixel-ratio:1.5),only screen and (min-device-pixel-ratio:1.5){#fancybox-loading,.fancybox-close,.fancybox-prev span,.fancybox-next span{background-image:url('../../typo3conf/ext/template/Resources/Public/Images/fancybox_sprite%402x.png');background-size:44px 152px;
}
#fancybox-loading div{background-image:url('../../typo3conf/ext/template/Resources/Public/Images/fancybox_loading%402x.gif');background-size:24px 24px;
}
}
