body,html {
background-color: #F2F2F2!important;
}
.touch-alt-link-wrapper {
display: none
}
ul,li{
list-style: none !important;
}
#header {
background-color: #FFF;
-webkit-box-shadow: 0 3px 3px 0 rgba(0,0,0,.1);
-moz-box-shadow: 0 3px 3px 0 rgba(0,0,0,.1);
box-shadow: 0 3px 3px 0 rgba(0,0,0,.1);
z-index: 1000;
position: relative
}
#header .search form {
margin-bottom: 0;
width: 208px
}
#header .search form input {
margin-bottom: 0;
display: block;
border: none;
background: none;
width: 150px;
min-width: 150px;
max-width: 150px;
float: left
}
#header .search form ::-webkit-input-placeholder {
color: #999;
font-style: italic;
opacity: 1
}
#header .search form ::-moz-placeholder {
color: #999;
font-style: italic;
opacity: 1
}
#header .search form :-ms-input-placeholder {
color: #999;
font-style: italic;
opacity: 1
}
#header .search form input:-moz-placeholder {
color: #999;
font-style: italic;
opacity: 1
}
#header .search form button {
background: none;
color: #999;
font-size: 20px;
line-height: 100%;
margin: 0;
padding: 0;
width: 38px;
display: inline-block
}
#header .search form button:before {
overflow: visible
}
#header .search form button:hover {
color: #006428
}
#header .top-nav {
border-bottom: #DFDFDF 1px solid
}
#header .top-nav ul {
margin-bottom: 0;
float: right
}
#header .top-nav ul li {
float: left;
margin: 0;
padding: 0;
position: relative
}
#header .top-nav ul li:before {
display: none
}
#header .top-nav ul li.openDropdown a,#header .top-nav ul li.openDropdown span {
background-color: #F2F2F2;
border-color: #F2F2F2
}
#header .top-nav ul li.openDropdown+li>a,#header .top-nav ul li.openDropdown+li>span {
border-color: #F2F2F2
}
#header .top-nav ul li a,#header .top-nav ul li span {
text-decoration: none;
padding: 9px 20px 8px;
display: block;
font-size: 12px;
font-size: .92307692rem;
line-height: 160%;
color: #333;
border-left: #DFDFDF 1px solid
}
#header .top-nav ul li.openDropdown>ul {
display: block
}
#header .top-nav ul li>ul {
display: none;
position: absolute;
background-color: #F2F2F2;
width: 270px;
z-index: 500;
padding: 10px 0 15px;
left: 0;
top: 36px
}
#header .top-nav ul li>ul>li {
float: none
}
#header .top-nav ul li>ul>li>a {
display: block;
border: none;
position: relative;
padding: 4px 20px 4px 35px
}
#header .top-nav ul li>ul>li>a:before {
content: '\e802';
font-family: 'heshi-icons';
font-style: normal;
font-weight: 400;
speak: none;
display: inline-block;
text-decoration: none;
text-align: center;
font-variant: normal;
text-transform: none;
color: #006428;
font-size: 29px;
font-size: 2.23076923rem;
line-height: 100%;
position: absolute;
top: -2px;
left: 10px
}
#header .top-nav ul li>ul>li>a:hover {
color: #006428
}
#header .top-nav ul li.language-selection span {
position: relative;
padding-left: 50px
}
#header .top-nav ul li.language-selection span span.lang-flag {
top: 11px;
left: 16px
}
#header .top-nav ul li.language-selection span[class^="icon-"],#header .top-nav ul li.language-selection span[class*=" icon-"] {
display: none
}
#header .top-nav ul li.language-selection span.current-language {
text-indent: -9999px;
width: 0;
overflow: hidden;
padding-right: 8px
}
#header .top-nav ul li.language-selection span.lang-flag {
display: block;
padding: 0;
margin: 0;
position: absolute;
top: 6px;
left: 17px
}
#header .top-nav ul li.language-selection>ul>li>a {
padding: 4px 20px 4px 50px;
position: relative
}
#header .top-nav ul li.language-selection>ul>li>a:before {
display: none
}
#header .top-nav ul li.search {
border-left: #DFDFDF 1px solid;
border-right: #DFDFDF 1px solid;
background-color: #F2F2F2
}
#header .top-nav ul li.search form input {
padding: 9px 0 8px 20px;
font-size: 12px;
font-size: .92307692rem;
line-height: 160%
}
#header .top-nav ul li.search form button {
height: 36px
}
#header>.wrapper {
padding-top: 15px
}
#header .logo {
float: left
}
#header .logo .default-logo {
display: block;
width: 393px;
/* width: 267px; */
height: 74px;
line-height: 74px;
}
#header .logo .small-logo {
display: none
}
#header .logo.eldec img.default-logo {
width: 114px
}
#header .logo.koepfer img.default-logo {
width: 170px
}
#header .logo.kopp img.default-logo {
width: 113px
}
#header .logo.lang-1 img.default-logo {
width: 206px
}
#header .logo.lang-4 img.default-logo {
width: 216px
}
#header .logo.lang-5 img.default-logo {
width: 214px
}
#header .logo.lang-6 img.default-logo {
width: 245px
}
#header .logo.lang-9 img.default-logo {
width: 263px
}
#header .logo.lang-10 img.default-logo {
width: 221px
}
#header #nav {
float: right
}
#header #nav .main-nav {
margin-top: 47px
}
#header #nav .main-nav .search {
display: none
}
#header #nav .main-nav>ul {
margin: 0;
position: relative;
right: -15px
}
#header #nav .main-nav>ul>li {
float: left;
padding: 0;
margin: 0
}
#header #nav .main-nav>ul>li:before {
display: none
}
#header #nav .main-nav>ul>li>a {
color: #333;
text-decoration: none;
padding: 0 15px;
display: block;
text-align: center;
font-weight: 600;
font-size: 15px;
line-height: 160%
}
#header #nav .main-nav>ul>li>a>span {
padding: 5px 0 8px;
display: inline-block;
border-bottom: 2px solid #FFF
}
#header #nav .main-nav>ul>li.active>a>span,#header #nav .main-nav>ul>li.current>a>span {
border-bottom-color: #006428
}
#header #nav .main-nav>ul>li.open {
background-color: #F2F2F2
}
#header #nav .main-nav>ul>li.open>a>span {
border-bottom-color: #F2F2F2
}
#header #nav .main-nav>ul>li.open.current>a>span {
border-bottom-color: #006428
}
#header #nav .main-nav>ul>li>.flyout {
display: none;
position: fixed;
left: 0;
top: 134px;
background-color: #F2F2F2;
width: 100%;
z-index: 1200;
padding: 35px 0 25px
}
#header #nav .main-nav>ul>li>.flyout .icon-arrow1_close {
position: absolute;
right: -15px;
top: -5px
}
#header #nav .main-nav>ul>li>.flyout .icon-arrow1_close:before {
font-size: 40px;
font-size: 3.07692308rem;
line-height: 100%;
color: #999
}
#header #nav .main-nav>ul>li>.flyout .icon-arrow1_close:hover {
text-decoration: none
}
#header #nav .main-nav>ul>li>.flyout .icon-arrow1_close:hover:before {
color: #006428
}
#header #nav .main-nav>ul>li>.flyout .loader {
display: block;
margin: 100px auto
}
#header #nav .main-nav>ul>li>.flyout ul {
margin-bottom: 0;
/* margin-top: 13px; */
}
#header #nav .main-nav>ul>li>.flyout ul li {
font-size: 15px;
font-size: 1.15384615rem;
line-height: 160%;
font-weight: 600;
margin-bottom: 0px;
/* margin-bottom: 15px; */
padding-left: 0
}
#header #nav .main-nav>ul>li>.flyout ul li:before {
display: none
}
#header #nav .main-nav>ul>li>.flyout ul li a {
color: #333
}
#header #nav .main-nav>ul>li>.flyout ul li a:hover {
text-decoration: none;
color: #006428
}
#header #nav .main-nav>ul>li>.flyout ul li ul {
margin-top: 7px
}
#header #nav .main-nav>ul>li>.flyout ul li ul li {
font-size: 13px;
font-size: 1rem;
line-height: 160%;
font-weight: 400;
margin-bottom: 5px;
padding-left: 15px
}
#header #nav .main-nav>ul>li>.flyout ul li ul li:before {
display: block;
content: '\e802';
font-size: 30px;
font-size: 2.30769231rem;
line-height: 100%;
color: #006428;
top: -5px;
left: -10px;
font-weight: 600
}
#header #nav .main-nav>ul>li>.flyout .workpieces .workpiece-item {
padding: 0 1%;
float: left;
width: 14%;
overflow: hidden;
margin-bottom: 20px
}
#header #nav .main-nav>ul>li>.flyout .workpieces .workpiece-item:nth-child(6n+1) {
clear: both
}
#header #nav .main-nav>ul>li>.flyout .workpieces .workpiece-item .image {
text-align: center;
min-height: 100px;
position: relative;
display: block;
margin-bottom: 3px
}
#header #nav .main-nav>ul>li>.flyout .workpieces .workpiece-item .image img {
width: auto;
height: auto;
display: inline-block;
max-width: 100%;
max-height: 100%;
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
margin: auto
}
#header #nav .main-nav>ul>li>.flyout .workpieces .workpiece-item p {
margin-bottom: 0
}
#header #nav .main-nav>ul>li>.flyout .industries>div>p {
font-size: 15px;
font-size: 1.15384615rem;
line-height: 160%;
font-weight: 600;
clear: both;
margin-bottom: 2rem
}
#header #nav .main-nav>ul>li>.flyout .industries .industry-items+p {
margin-top: 55px
}
#header #nav .main-nav>ul>li>.flyout .industries .industry-item {
clear: both
}
#header #nav .main-nav>ul>li>.flyout .touch-alt-link-wrapper,#header #nav .main-nav>ul>li>.flyout .link-wrapper {
display: none;
border-top: 1px solid #CCC;
padding-top: 10px;
margin-top: 20px;
margin-bottom: 0;
clear: both
}
#header #nav .main-nav>ul>li>.flyout .touch-alt-link-wrapper .touch-alt-link,#header #nav .main-nav>ul>li>.flyout .link-wrapper .touch-alt-link,#header #nav .main-nav>ul>li>.flyout .touch-alt-link-wrapper a,#header #nav .main-nav>ul>li>.flyout .link-wrapper a {
color: #999;
font-weight: 400;
text-decoration: none;
font-size: 13px;
font-size: 1rem;
line-height: 160%
}
#header #nav .main-nav>ul>li>.flyout .touch-alt-link-wrapper .touch-alt-link:after,#header #nav .main-nav>ul>li>.flyout .link-wrapper .touch-alt-link:after,#header #nav .main-nav>ul>li>.flyout .touch-alt-link-wrapper a:after,#header #nav .main-nav>ul>li>.flyout .link-wrapper a:after {
display: none!important
}
#header #nav .main-nav>ul>li>.flyout .touch-alt-link-wrapper .touch-alt-link:before,#header #nav .main-nav>ul>li>.flyout .link-wrapper .touch-alt-link:before,#header #nav .main-nav>ul>li>.flyout .touch-alt-link-wrapper a:before,#header #nav .main-nav>ul>li>.flyout .link-wrapper a:before {
font-size: 14px;
line-height: 130%;
margin-right: 10px
}
#header #nav .main-nav>ul>li>.flyout .touch-alt-link-wrapper .touch-alt-link:hover,#header #nav .main-nav>ul>li>.flyout .link-wrapper .touch-alt-link:hover,#header #nav .main-nav>ul>li>.flyout .touch-alt-link-wrapper a:hover,#header #nav .main-nav>ul>li>.flyout .link-wrapper a:hover {
color: #006428
}
#header #nav .main-nav>ul>li>.flyout .link-wrapper {
display: block;
text-align: center
}
#header #nav .main-nav>ul>li>.flyout .link-wrapper a {
color: #006428
}
#header #nav .main-nav>ul>li>.flyout .link-wrapper a:hover {
text-decoration: underline
}
#header.fixed-on-top {
position: fixed;
top: 0;
width: 100%
}
#header.fixed-on-top .top-nav {
display: none
}
#header.fixed-on-top .logo {
float: left
}
#header.fixed-on-top .logo .default-logo {
display: none
}
.boxs{
display: inline-block;
width: 177px;
}
@media screen and (max-width: 1012px){
#header .logo {
overflow: hidden;
width: 177px;
}
}
@media screen and (max-width: 789px){
.boxs{
width: 88px;
margin-top: 7%;
}
}
#header.fixed-on-top .logo .small-logo {
display: block;
width: 100px;
}
#header.fixed-on-top #nav .main-nav {
margin-top: 17px;
position: relative
}
#header.fixed-on-top #nav .main-nav .search {
display: block;
overflow: hidden;
width: 44px;
height: 39px;
position: absolute;
right: 0;
bottom: 0;
background-color: #FFF;
font-size: 20px;
font-size: 1.53846154rem;
line-height: 100%;
color: #999;
cursor: pointer
}
#header.fixed-on-top #nav .main-nav .search:before {
overflow: visible;
position: absolute;
right: 0;
top: 6px
}
#header.fixed-on-top #nav .main-nav .search:hover {
color: #006428
}
#header.fixed-on-top #nav .main-nav>ul {
margin-right: 55px
}
#header.fixed-on-top #nav .main-nav>ul>li>.flyout {
top: 67px
}
.mobile-nav {
display: none
}
.nav-bg-layer {
background-color: rgba(0,0,0,.6);
width: 100%;
height: 100%;
position: fixed;
z-index: 900;
top: 0;
left: 0;
display: none
}
.social-media-flag {
position: fixed;
right: 0;
bottom: 100px;
background: #FFF;
border: 1px solid #DFDFDF;
border-right: none;
z-index: 485
}
.social-media-flag a {
border-top: 1px solid #DFDFDF;
color: #999;
display: block;
font-size: 30px;
line-height: 100%;
padding: 6px 7px;
text-align: center;
text-decoration: none
}
.social-media-flag a:before {
margin-right: 0
}
.social-media-flag a:hover {
background-color: #006428;
color: #FFF;
text-decoration: none
}
.social-media-flag a:first-child {
border-top: none
}
.social-media-flag a.scroll-to-top {
font-size: 60px;
line-height: 100%;
position: relative;
height: 30px
}
.social-media-flag a.scroll-to-top:before {
position: absolute;
top: -12px;
right: -8px
}
.breadcrumb {
color: #999;
font-size: 13px;
line-height: 160%;
margin-bottom: 1rem
}
.breadcrumb ol,.breadcrumb ul {
margin-bottom: 0;
list-style: none;
padding-left: 0
}
.breadcrumb ol li,.breadcrumb ul li {
float: left;
margin-right: 6px;
margin-bottom: 0;
color: #999;
padding-left: 15px;
position: relative
}
.breadcrumb ol li:before,.breadcrumb ul li:before {
font-family: 'heshi-icons';
content: '\e802';
color: #333;
font-style: normal;
speak: none;
display: inline-block;
text-decoration: inherit;
width: 1em;
text-align: center;
font-variant: normal;
text-transform: none;
height: 1em;
overflow: hidden;
font-size: 19px;
font-size: 1.46153846rem;
line-height: 100%;
position: absolute;
top: 1px;
left: -4px
}
.breadcrumb ol li:first-child,.breadcrumb ul li:first-child {
padding-left: 0
}
.breadcrumb ol li:first-child:before,.breadcrumb ul li:first-child:before {
display: none
}
.breadcrumb ol li a,.breadcrumb ul li a {
color: #666;
text-decoration: none;
font-weight: 400;
line-height: 100%
}
.breadcrumb ol li a:hover,.breadcrumb ul li a:hover {
color: #006428
}
#index-teaser {
background-color: #333;
height: 600px;
}
.defe{
display: block;
width: 100%;
height: 600px;
overflow: hidden;
}
.defe video{
width: 100%;
height: 100%;
object-fit: cover;
}
#index-teaser .bg-image {
background-position: center top;
background-repeat: no-repeat;
overflow: hidden
}
#index-teaser .wrapper {
height: 600px;
color: #FFF;
position: relative
}
#index-teaser .wrapper .teaser-text {
position: absolute;
bottom: 30px;
left: 0;
width: 340px;
background-color: #666;
background-color: rgba(0,0,0,.5);
padding: 15px 20px
}
#index-teaser .wrapper .teaser-text .special-image {
width: auto;
height: auto;
position: absolute;
bottom: 20px;
left: 20px
}
#index-teaser .wrapper .teaser-text a {
color: #FFF
}
#index-teaser .wrapper .teaser-text a:before {
color: #FFF
}
#index-teaser .wrapper .teaser-text p,#index-teaser .wrapper .teaser-text .video-teaser {
margin-bottom: 1.8rem
}
#index-teaser .wrapper .teaser-text .video-teaser {
-webkit-box-shadow: 3px 3px 5px 0 rgba(0,0,0,.45);
-moz-box-shadow: 3px 3px 5px 0 rgba(0,0,0,.45);
box-shadow: 3px 3px 5px 0 rgba(0,0,0,.45);
width: 180px
}
#index-teaser .wrapper .teaser-text .video-teaser .subscription {
display: none
}
#index-teaser .wrapper .teaser-text .h1 {
margin-bottom: 20px;
color: #FFF;
font-weight: 300;
font-size: 40px;
font-size: 3.07692308rem;
line-height: 120%
}
#index-teaser .wrapper .teaser-text .h1 a {
color: inherit;
font-size: inherit;
text-decoration: none
}
#index-teaser .flexslider {
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
box-shadow: none;
background: none;
border: none;
margin-bottom: 35px
}
#index-teaser .flexslider .slides>li {
margin-bottom: 0;
padding-left: 0
}
#index-teaser .flexslider .slides>li:before {
display: none
}
#index-teaser .flexslider .flex-direction-nav li {
padding-left: 0;
margin-bottom: 0;
position: static
}
#index-teaser .flexslider .flex-direction-nav li:before {
display: none
}
#index-teaser .flexslider .flex-direction-nav li .flex-prev,#index-teaser .flexslider .flex-direction-nav li .flex-next {
opacity: 1;
transition: none;
text-shadow: none;
color: rgba(255,255,255,.7);
height: 100px;
width: 100px;
margin-top: -60px
}
#index-teaser .flexslider .flex-direction-nav li .flex-prev:before,#index-teaser .flexslider .flex-direction-nav li .flex-next:before {
font-family: 'heshi-icons';
font-size: 120px;
line-height: 100%
}
#index-teaser .flexslider .flex-direction-nav li .flex-prev.flex-disabled,#index-teaser .flexslider .flex-direction-nav li .flex-next.flex-disabled {
cursor: pointer;
opacity: 1!important
}
#index-teaser .flexslider .flex-direction-nav li .flex-prev:hover,#index-teaser .flexslider .flex-direction-nav li .flex-next:hover {
color: #FFF
}
#index-teaser .flexslider .flex-direction-nav li .flex-prev {
left: -20px!important
}
#index-teaser .flexslider .flex-direction-nav li .flex-prev:before {
content: '\e801'
}
#index-teaser .flexslider .flex-direction-nav li .flex-next {
right: 0px!important
}
#index-teaser .flexslider .flex-direction-nav li .flex-next:before {
content: '\e802'
}
#index-teaser .flexslider .flex-control-nav {
bottom: -30px;
}
#index-teaser .flexslider .flex-control-nav li {
padding-left: 0;
margin: 0 4px
}
#index-teaser .flexslider .flex-control-nav li a {
background-color: #FFF;
border: 1px solid #CCC;
box-shadow: none;
width: 7px;
height: 7px
}
#index-teaser .flexslider .flex-control-nav li a.flex-active {
background-color: #999;
border-color: #999
}
#index-teaser+#content {
padding-top: 45px
}
.teaser {
min-height: 320px;
background-repeat: no-repeat;
background-position: bottom right;
position: relative
}
.teaser.white {
background-color: #FFF
}
.teaser>.wrapper {
padding: 15px 0 25px;
position: relative
}
.teaser>.flex-teaser-content+.wrapper {
padding-bottom: 0
}
.teaser>.flex-teaser-content+.wrapper .breadcrumb {
margin-bottom: 0
}
.teaser+#content {
padding-top: 45px
}
.teaser .collapse-slider-teaser-link {
text-decoration: none;
color: #666;
font-size: 12px;
font-size: .92307692rem;
line-height: 160%;
text-align: right;
position: absolute;
top: 16px;
right: 0;
z-index: 1
}
.teaser .collapse-slider-teaser-link:before {
margin-right: 8px;
position: relative;
top: 1px
}
.teaser .collapse-slider-teaser-link:hover {
color: #006428
}
.teaser.detailed>.wrapper {
min-height: 280px
}
.teaser.detailed .cs-cols .right-content {
float: right;
width: 300px;
margin-left: 36px;
padding-top: 15px
}
.teaser.detailed .cs-cols .right-content img {
display: block;
max-width: 100%;
width: auto;
margin: 0 auto
}
.teaser.detailed .cs-cols .right-content.image-to-bottom {
padding-top: 0
}
.teaser.detailed .cs-cols .right-content.image-to-bottom>div>img,.teaser.detailed .cs-cols .right-content.image-to-bottom>a[class^="lightbox"],.teaser.detailed .cs-cols .right-content.image-to-bottom>a[class*=" lightbox"] {
position: absolute;
right: 0;
bottom: -3px
}
.teaser.detailed .cs-cols .left-content {
margin-right: 336px
}
.teaser.detailed .breadcrumb {
width: 80%
}
.teaser.detailed .to-left-content-arrow,.teaser.detailed .to-right-content-arrow,.teaser.detailed .read-more-link,.teaser.detailed .detailed-teaser-menu {
display: none
}
.slider-teaser {
background-color: #FFF;
border-bottom: 3px solid #E6E6E6
}
#subfooter {
border-top: 2px solid #F2F2F2;
background-color: #FFF
}
#subfooter .wrapper>div:first-child {
margin-top: 25px
}
#subfooter .wrapper>div:last-child {
padding-bottom: 25px
}
#subfooter.blue {
border-top: 0;
background-color: #006428;
color: #FFF
}
#subfooter.blue h2 {
margin-bottom: 10px
}
#subfooter.blue a,#subfooter.blue a:before,#subfooter.blue h2 {
color: #FFF
}
#subfooter.blue a.arrow {
margin-top: 20px
}
#subfooter.blue a.button {
margin-top: 15px;
margin-bottom: 0
}
#subfooter.blue h2,#subfooter.blue p {
padding-right: 20px
}
#subfooter.blue .wrapper {
background: url(../images/subfooter-bg.jpg) no-repeat top right;
height: 200px;
overflow: hidden
}
#subfooter.blue .wrapper>div:first-child {
margin-top: 0;
padding-top: 15px
}
#subfooter.blue .wrapper>div:last-child {
padding-bottom: 0
}
#subfooter.blue .wrapper .cs-cols>div:first-child h2,#subfooter.blue .wrapper .cs-cols>div:first-child p {
width: 280px
}
#footer {
font-size: 13px;
line-height: 160%;
color: #333;
background-color: #F2F2F2
}
#footer .social-media-links a {
height: 20px;
width: 20px;
display: inline-block;
/* background: url(../../../../../../typo3conf/ext/cs_templates/Resources/Public/Images/social-media-sprite.png) no-repeat; */
overflow: hidden;
margin-right: 10px
}
#footer .social-media-links a.facebook {
background-position: 0 0
}
#footer .social-media-links a.twitter {
background-position: -20px -20px
}
#footer .social-media-links a.google-plus {
background-position: -20px 0
}
#footer .social-media-links a.youtube {
background-position: 0 -40px
}
#footer .social-media-links a.pinterest {
background-position: 0 -20px
}
#footer .social-media-links a.youku {
background-position: -20px -60px
}
#footer .social-media-links a.weibo {
background-position: 0 -60px
}
#footer .social-media-links a.linkedin {
background-position: -20px -40px
}
#footer .footer-nav {
padding: 20px 0
}
#footer .footer-nav a {
color: #333
}
#footer .footer-nav a:hover {
color: #006428;
text-decoration: none
}
#footer .footer-nav ul li {
padding-left: 0;
font-size: 15px;
line-height: 160%
}
#footer .footer-nav ul li:before {
display: none
}
#footer .footer-nav ul li ul {
padding: 15px 0
}
#footer .footer-nav ul li ul li {
font-size: 13px;
line-height: 160%
}
#footer .footer-nav .search {
display: none
}
#footer .footer-bottom {
padding-top: 15px;
padding-bottom: 60px
}
#footer .footer-bottom .search {
display: none
}
#footer .footer-bottom .copyright {
font-size: 12px;
line-height: 160%;
float: left;
display: block;
padding-top: 2px
}
#footer .footer-bottom .copyright-nav {
float: left
}
#footer .footer-bottom .copyright-nav ul {
margin-bottom: 0
}
#footer .footer-bottom .copyright-nav ul li {
float: left;
margin: 0;
padding: 0
}
#footer .footer-bottom .copyright-nav ul li:before {
content: "|";
color: #333;
font-family: 'Open Sans',sans-serif;
font-size: 19px;
font-size: 1.46153846rem;
line-height: 160%;
left: 1px;
top: -3px
}
#footer .footer-bottom .copyright-nav ul li a {
text-decoration: none;
color: #333;
font-size: 12px;
line-height: 100%;
margin-left: 10px;
padding-left: 10px
}
#footer .footer-bottom .copyright-nav ul li a:hover {
color: #006428
}
#footer .footer-bottom .social-media-links {
float: left;
margin-left: 25px
}
#footer .footer-bottom .services ul {
float: right
}
#footer .footer-bottom .services ul li {
padding: 0;
margin: 0 0 0 20px;
float: left;
position: relative
}
#footer .footer-bottom .services ul li:before {
display: none
}
#footer .footer-bottom .services ul li a {
color: #999
}
#footer .footer-bottom .services ul li a:hover {
text-decoration: none;
color: #006428
}
#footer .footer-bottom .services ul li a:before {
margin-right: 5px;
position: relative;
top: 2px
}
#footer .footer-bottom .services ul li.open ul {
display: block
}
#footer .footer-bottom .services ul li ul {
position: absolute;
top: 30px;
right: 0;
background-color: #FFF;
min-width: 112px;
padding: 5px 3px;
display: none
}
#footer .footer-bottom .services ul li ul li {
margin: 0 3px
}
#footer .footer-bottom .services ul li ul:after {
bottom: 100%;
right: 15px;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-color: rgba(255,255,255,0);
border-bottom-color: #fff;
border-width: 8px
}
@media screen and (max-height: 715px) {
.request-box.scrollable {
position:static!important
}
}
@media screen and (max-width: 1100px) {
#index-teaser .flexslider .flex-direction-nav {
display:none
}
.image-slider.flexslider .flex-direction-nav {
display: none
}
.image-slider.flexslider .flex-control-nav {
display: block
}
}
@media screen and (max-width: 1012px) {
.wrapper {
width:96%;
padding: 0 2%
}
.cs-cols.cs-2-1-cols>div {
width: 30%;
margin-left: 5%
}
.cs-cols.cs-2-1-cols>div:first-child {
width: 65%
}
.cs-cols.cs-2-1-cols>div .cs-2-cols>div {
width: 48%;
margin-left: 4%
}
.cs-cols.cs-2-1-cols>div .cs-3-cols>div {
width: 30%;
margin-left: 5%
}
.cs-cols.cs-2-1-cols>div .cs-3-cols>div:first-child {
width: 30%
}
.cs-cols.cs-1-2-cols>div {
width: 65%;
margin-left: 5%
}
.cs-cols.cs-1-2-cols>div:first-child {
margin-left: 0;
width: 30%
}
.cs-cols.cs-3-cols>div {
width: 30%;
margin-left: 5%
}
#header .logo {
overflow: hidden;
width: 132px
}
#header .logo.eldec {
width: 114px
}
#header .logo.koepfer {
width: 170px
}
#header .logo.kopp {
width: 113px
}
#header.fixed-on-top .logo {
width: auto
}
.social-media-flag {
display: none
}
#content.history h1 {
width: 100%;
position: static
}
.history {
padding-top: 15px
}
.history:before {
display: none
}
.history .history-item {
width: 60%
}
.history .history-item:nth-child(2n+2) .date {
right: -200px
}
.history .history-item:before {
display: none
}
.history .history-item .date {
left: -200px
}
.history .history-item .date:after {
display: none
}
#content .background-image,.teaser .background-image,.cs-cols .background-image,#content.background-image,.teaser.background-image,.cs-cols.background-image {
position: relative
}
#content .background-image.cs-1-2-cols>div,.teaser .background-image.cs-1-2-cols>div,.cs-cols .background-image.cs-1-2-cols>div,#content.background-image.cs-1-2-cols>div,.teaser.background-image.cs-1-2-cols>div,.cs-cols.background-image.cs-1-2-cols>div,#content .background-image .cs-1-2-cols>div,.teaser .background-image .cs-1-2-cols>div,.cs-cols .background-image .cs-1-2-cols>div,#content.background-image .cs-1-2-cols>div,.teaser.background-image .cs-1-2-cols>div,.cs-cols.background-image .cs-1-2-cols>div,#content .background-image.cs-2-1-cols>div,.teaser .background-image.cs-2-1-cols>div,.cs-cols .background-image.cs-2-1-cols>div,#content.background-image.cs-2-1-cols>div,.teaser.background-image.cs-2-1-cols>div,.cs-cols.background-image.cs-2-1-cols>div,#content .background-image .cs-2-1-cols>div,.teaser .background-image .cs-2-1-cols>div,.cs-cols .background-image .cs-2-1-cols>div,#content.background-image .cs-2-1-cols>div,.teaser.background-image .cs-2-1-cols>div,.cs-cols.background-image .cs-2-1-cols>div,#content .background-image.cs-2-cols>div,.teaser .background-image.cs-2-cols>div,.cs-cols .background-image.cs-2-cols>div,#content.background-image.cs-2-cols>div,.teaser.background-image.cs-2-cols>div,.cs-cols.background-image.cs-2-cols>div,#content .background-image .cs-2-cols>div,.teaser .background-image .cs-2-cols>div,.cs-cols .background-image .cs-2-cols>div,#content.background-image .cs-2-cols>div,.teaser.background-image .cs-2-cols>div,.cs-cols.background-image .cs-2-cols>div {
position: relative;
z-index: 10
}
#content .background-image.cs-1-2-cols>div:first-child,.teaser .background-image.cs-1-2-cols>div:first-child,.cs-cols .background-image.cs-1-2-cols>div:first-child,#content.background-image.cs-1-2-cols>div:first-child,.teaser.background-image.cs-1-2-cols>div:first-child,.cs-cols.background-image.cs-1-2-cols>div:first-child,#content .background-image .cs-1-2-cols>div:first-child,.teaser .background-image .cs-1-2-cols>div:first-child,.cs-cols .background-image .cs-1-2-cols>div:first-child,#content.background-image .cs-1-2-cols>div:first-child,.teaser.background-image .cs-1-2-cols>div:first-child,.cs-cols.background-image .cs-1-2-cols>div:first-child,#content .background-image.cs-2-1-cols>div:first-child,.teaser .background-image.cs-2-1-cols>div:first-child,.cs-cols .background-image.cs-2-1-cols>div:first-child,#content.background-image.cs-2-1-cols>div:first-child,.teaser.background-image.cs-2-1-cols>div:first-child,.cs-cols.background-image.cs-2-1-cols>div:first-child,#content .background-image .cs-2-1-cols>div:first-child,.teaser .background-image .cs-2-1-cols>div:first-child,.cs-cols .background-image .cs-2-1-cols>div:first-child,#content.background-image .cs-2-1-cols>div:first-child,.teaser.background-image .cs-2-1-cols>div:first-child,.cs-cols.background-image .cs-2-1-cols>div:first-child,#content .background-image.cs-2-cols>div:first-child,.teaser .background-image.cs-2-cols>div:first-child,.cs-cols .background-image.cs-2-cols>div:first-child,#content.background-image.cs-2-cols>div:first-child,.teaser.background-image.cs-2-cols>div:first-child,.cs-cols.background-image.cs-2-cols>div:first-child,#content .background-image .cs-2-cols>div:first-child,.teaser .background-image .cs-2-cols>div:first-child,.cs-cols .background-image .cs-2-cols>div:first-child,#content.background-image .cs-2-cols>div:first-child,.teaser.background-image .cs-2-cols>div:first-child,.cs-cols.background-image .cs-2-cols>div:first-child {
background-color: #FFF;
background-color: rgba(255,255,255,.6);
padding: 10px 0;
position: relative;
left: -2%
}
#content .background-image.cs-1-2-cols>div:first-child>*,.teaser .background-image.cs-1-2-cols>div:first-child>*,.cs-cols .background-image.cs-1-2-cols>div:first-child>*,#content.background-image.cs-1-2-cols>div:first-child>*,.teaser.background-image.cs-1-2-cols>div:first-child>*,.cs-cols.background-image.cs-1-2-cols>div:first-child>*,#content .background-image .cs-1-2-cols>div:first-child>*,.teaser .background-image .cs-1-2-cols>div:first-child>*,.cs-cols .background-image .cs-1-2-cols>div:first-child>*,#content.background-image .cs-1-2-cols>div:first-child>*,.teaser.background-image .cs-1-2-cols>div:first-child>*,.cs-cols.background-image .cs-1-2-cols>div:first-child>*,#content .background-image.cs-2-1-cols>div:first-child>*,.teaser .background-image.cs-2-1-cols>div:first-child>*,.cs-cols .background-image.cs-2-1-cols>div:first-child>*,#content.background-image.cs-2-1-cols>div:first-child>*,.teaser.background-image.cs-2-1-cols>div:first-child>*,.cs-cols.background-image.cs-2-1-cols>div:first-child>*,#content .background-image .cs-2-1-cols>div:first-child>*,.teaser .background-image .cs-2-1-cols>div:first-child>*,.cs-cols .background-image .cs-2-1-cols>div:first-child>*,#content.background-image .cs-2-1-cols>div:first-child>*,.teaser.background-image .cs-2-1-cols>div:first-child>*,.cs-cols.background-image .cs-2-1-cols>div:first-child>*,#content .background-image.cs-2-cols>div:first-child>*,.teaser .background-image.cs-2-cols>div:first-child>*,.cs-cols .background-image.cs-2-cols>div:first-child>*,#content.background-image.cs-2-cols>div:first-child>*,.teaser.background-image.cs-2-cols>div:first-child>*,.cs-cols.background-image.cs-2-cols>div:first-child>*,#content .background-image .cs-2-cols>div:first-child>*,.teaser .background-image .cs-2-cols>div:first-child>*,.cs-cols .background-image .cs-2-cols>div:first-child>*,#content.background-image .cs-2-cols>div:first-child>*,.teaser.background-image .cs-2-cols>div:first-child>*,.cs-cols.background-image .cs-2-cols>div:first-child>* {
margin-left: 2%;
margin-right: 2%
}
#content .background-image.cs-1-2-cols.left>div:first-child,.teaser .background-image.cs-1-2-cols.left>div:first-child,.cs-cols .background-image.cs-1-2-cols.left>div:first-child,#content.background-image.cs-1-2-cols.left>div:first-child,.teaser.background-image.cs-1-2-cols.left>div:first-child,.cs-cols.background-image.cs-1-2-cols.left>div:first-child,#content .background-image .cs-1-2-cols.left>div:first-child,.teaser .background-image .cs-1-2-cols.left>div:first-child,.cs-cols .background-image .cs-1-2-cols.left>div:first-child,#content.background-image .cs-1-2-cols.left>div:first-child,.teaser.background-image .cs-1-2-cols.left>div:first-child,.cs-cols.background-image .cs-1-2-cols.left>div:first-child,#content .background-image.cs-2-1-cols.left>div:first-child,.teaser .background-image.cs-2-1-cols.left>div:first-child,.cs-cols .background-image.cs-2-1-cols.left>div:first-child,#content.background-image.cs-2-1-cols.left>div:first-child,.teaser.background-image.cs-2-1-cols.left>div:first-child,.cs-cols.background-image.cs-2-1-cols.left>div:first-child,#content .background-image .cs-2-1-cols.left>div:first-child,.teaser .background-image .cs-2-1-cols.left>div:first-child,.cs-cols .background-image .cs-2-1-cols.left>div:first-child,#content.background-image .cs-2-1-cols.left>div:first-child,.teaser.background-image .cs-2-1-cols.left>div:first-child,.cs-cols.background-image .cs-2-1-cols.left>div:first-child,#content .background-image.cs-2-cols.left>div:first-child,.teaser .background-image.cs-2-cols.left>div:first-child,.cs-cols .background-image.cs-2-cols.left>div:first-child,#content.background-image.cs-2-cols.left>div:first-child,.teaser.background-image.cs-2-cols.left>div:first-child,.cs-cols.background-image.cs-2-cols.left>div:first-child,#content .background-image .cs-2-cols.left>div:first-child,.teaser .background-image .cs-2-cols.left>div:first-child,.cs-cols .background-image .cs-2-cols.left>div:first-child,#content.background-image .cs-2-cols.left>div:first-child,.teaser.background-image .cs-2-cols.left>div:first-child,.cs-cols.background-image .cs-2-cols.left>div:first-child {
background: none;
padding: 0;
position: static
}
#content .background-image.cs-1-2-cols.left>div:first-child>*,.teaser .background-image.cs-1-2-cols.left>div:first-child>*,.cs-cols .background-image.cs-1-2-cols.left>div:first-child>*,#content.background-image.cs-1-2-cols.left>div:first-child>*,.teaser.background-image.cs-1-2-cols.left>div:first-child>*,.cs-cols.background-image.cs-1-2-cols.left>div:first-child>*,#content .background-image .cs-1-2-cols.left>div:first-child>*,.teaser .background-image .cs-1-2-cols.left>div:first-child>*,.cs-cols .background-image .cs-1-2-cols.left>div:first-child>*,#content.background-image .cs-1-2-cols.left>div:first-child>*,.teaser.background-image .cs-1-2-cols.left>div:first-child>*,.cs-cols.background-image .cs-1-2-cols.left>div:first-child>*,#content .background-image.cs-2-1-cols.left>div:first-child>*,.teaser .background-image.cs-2-1-cols.left>div:first-child>*,.cs-cols .background-image.cs-2-1-cols.left>div:first-child>*,#content.background-image.cs-2-1-cols.left>div:first-child>*,.teaser.background-image.cs-2-1-cols.left>div:first-child>*,.cs-cols.background-image.cs-2-1-cols.left>div:first-child>*,#content .background-image .cs-2-1-cols.left>div:first-child>*,.teaser .background-image .cs-2-1-cols.left>div:first-child>*,.cs-cols .background-image .cs-2-1-cols.left>div:first-child>*,#content.background-image .cs-2-1-cols.left>div:first-child>*,.teaser.background-image .cs-2-1-cols.left>div:first-child>*,.cs-cols.background-image .cs-2-1-cols.left>div:first-child>*,#content .background-image.cs-2-cols.left>div:first-child>*,.teaser .background-image.cs-2-cols.left>div:first-child>*,.cs-cols .background-image.cs-2-cols.left>div:first-child>*,#content.background-image.cs-2-cols.left>div:first-child>*,.teaser.background-image.cs-2-cols.left>div:first-child>*,.cs-cols.background-image.cs-2-cols.left>div:first-child>*,#content .background-image .cs-2-cols.left>div:first-child>*,.teaser .background-image .cs-2-cols.left>div:first-child>*,.cs-cols .background-image .cs-2-cols.left>div:first-child>*,#content.background-image .cs-2-cols.left>div:first-child>*,.teaser.background-image .cs-2-cols.left>div:first-child>*,.cs-cols.background-image .cs-2-cols.left>div:first-child>* {
margin-left: 0;
margin-right: 0
}
#content .background-image.cs-1-2-cols.left>div:nth-child(2),.teaser .background-image.cs-1-2-cols.left>div:nth-child(2),.cs-cols .background-image.cs-1-2-cols.left>div:nth-child(2),#content.background-image.cs-1-2-cols.left>div:nth-child(2),.teaser.background-image.cs-1-2-cols.left>div:nth-child(2),.cs-cols.background-image.cs-1-2-cols.left>div:nth-child(2),#content .background-image .cs-1-2-cols.left>div:nth-child(2),.teaser .background-image .cs-1-2-cols.left>div:nth-child(2),.cs-cols .background-image .cs-1-2-cols.left>div:nth-child(2),#content.background-image .cs-1-2-cols.left>div:nth-child(2),.teaser.background-image .cs-1-2-cols.left>div:nth-child(2),.cs-cols.background-image .cs-1-2-cols.left>div:nth-child(2),#content .background-image.cs-2-1-cols.left>div:nth-child(2),.teaser .background-image.cs-2-1-cols.left>div:nth-child(2),.cs-cols .background-image.cs-2-1-cols.left>div:nth-child(2),#content.background-image.cs-2-1-cols.left>div:nth-child(2),.teaser.background-image.cs-2-1-cols.left>div:nth-child(2),.cs-cols.background-image.cs-2-1-cols.left>div:nth-child(2),#content .background-image .cs-2-1-cols.left>div:nth-child(2),.teaser .background-image .cs-2-1-cols.left>div:nth-child(2),.cs-cols .background-image .cs-2-1-cols.left>div:nth-child(2),#content.background-image .cs-2-1-cols.left>div:nth-child(2),.teaser.background-image .cs-2-1-cols.left>div:nth-child(2),.cs-cols.background-image .cs-2-1-cols.left>div:nth-child(2),#content .background-image.cs-2-cols.left>div:nth-child(2),.teaser .background-image.cs-2-cols.left>div:nth-child(2),.cs-cols .background-image.cs-2-cols.left>div:nth-child(2),#content.background-image.cs-2-cols.left>div:nth-child(2),.teaser.background-image.cs-2-cols.left>div:nth-child(2),.cs-cols.background-image.cs-2-cols.left>div:nth-child(2),#content .background-image .cs-2-cols.left>div:nth-child(2),.teaser .background-image .cs-2-cols.left>div:nth-child(2),.cs-cols .background-image .cs-2-cols.left>div:nth-child(2),#content.background-image .cs-2-cols.left>div:nth-child(2),.teaser.background-image .cs-2-cols.left>div:nth-child(2),.cs-cols.background-image .cs-2-cols.left>div:nth-child(2) {
background-color: #FFF;
background-color: rgba(255,255,255,.6);
padding: 10px 0;
position: relative;
left: -15px
}
#content .background-image.cs-1-2-cols.left>div:nth-child(2)>*,.teaser .background-image.cs-1-2-cols.left>div:nth-child(2)>*,.cs-cols .background-image.cs-1-2-cols.left>div:nth-child(2)>*,#content.background-image.cs-1-2-cols.left>div:nth-child(2)>*,.teaser.background-image.cs-1-2-cols.left>div:nth-child(2)>*,.cs-cols.background-image.cs-1-2-cols.left>div:nth-child(2)>*,#content .background-image .cs-1-2-cols.left>div:nth-child(2)>*,.teaser .background-image .cs-1-2-cols.left>div:nth-child(2)>*,.cs-cols .background-image .cs-1-2-cols.left>div:nth-child(2)>*,#content.background-image .cs-1-2-cols.left>div:nth-child(2)>*,.teaser.background-image .cs-1-2-cols.left>div:nth-child(2)>*,.cs-cols.background-image .cs-1-2-cols.left>div:nth-child(2)>*,#content .background-image.cs-2-1-cols.left>div:nth-child(2)>*,.teaser .background-image.cs-2-1-cols.left>div:nth-child(2)>*,.cs-cols .background-image.cs-2-1-cols.left>div:nth-child(2)>*,#content.background-image.cs-2-1-cols.left>div:nth-child(2)>*,.teaser.background-image.cs-2-1-cols.left>div:nth-child(2)>*,.cs-cols.background-image.cs-2-1-cols.left>div:nth-child(2)>*,#content .background-image .cs-2-1-cols.left>div:nth-child(2)>*,.teaser .background-image .cs-2-1-cols.left>div:nth-child(2)>*,.cs-cols .background-image .cs-2-1-cols.left>div:nth-child(2)>*,#content.background-image .cs-2-1-cols.left>div:nth-child(2)>*,.teaser.background-image .cs-2-1-cols.left>div:nth-child(2)>*,.cs-cols.background-image .cs-2-1-cols.left>div:nth-child(2)>*,#content .background-image.cs-2-cols.left>div:nth-child(2)>*,.teaser .background-image.cs-2-cols.left>div:nth-child(2)>*,.cs-cols .background-image.cs-2-cols.left>div:nth-child(2)>*,#content.background-image.cs-2-cols.left>div:nth-child(2)>*,.teaser.background-image.cs-2-cols.left>div:nth-child(2)>*,.cs-cols.background-image.cs-2-cols.left>div:nth-child(2)>*,#content .background-image .cs-2-cols.left>div:nth-child(2)>*,.teaser .background-image .cs-2-cols.left>div:nth-child(2)>*,.cs-cols .background-image .cs-2-cols.left>div:nth-child(2)>*,#content.background-image .cs-2-cols.left>div:nth-child(2)>*,.teaser.background-image .cs-2-cols.left>div:nth-child(2)>*,.cs-cols.background-image .cs-2-cols.left>div:nth-child(2)>* {
margin-left: 15px;
margin-right: 15px
}
.teaser.background-image .cs-2-1-cols>div:first-child {
background-color: #F2F2F2;
background-color: rgba(242,242,242,.6)
}
.four-cols-teaser .teaser-item.teaser-sub-menu {
margin-bottom: 40px;
min-height: 1px
}
.four-cols-teaser .teaser-item.teaser-sub-menu.openSubMenu .sub-menu,.four-cols-teaser .teaser-item.teaser-sub-menu:hover .sub-menu {
display: none
}
.news-list .cs-3-cols>div {
width: 100%;
margin-left: 0;
padding-left: 0;
float: none;
margin-bottom: 30px
}
.news-list .cs-3-cols>div:first-child {
width: 100%
}
.news-list.detailed .image {
float: left;
margin-right: 30px
}
.news-list.detailed .text {
margin-left: 330px
}
#index-teaser .wrapper .teaser-text {
left: 0!important
}
#subfooter.blue {
display: none
}
#footer .footer-bottom .services {
clear: both;
padding-top: 20px
}
#footer .footer-bottom .services ul {
float: none
}
#footer .footer-bottom .services ul li:first-child {
margin-left: 0
}
}
@media screen and (max-width: 920px) {
p.highlighted-blockquote {
background:none;
border: none
}
p.highlighted-blockquote:after {
display: none
}
.cs-cols.cs-2-1-cols>div,.cs-cols.cs-1-2-cols>div {
width: 100%;
margin-left: 0;
padding-left: 0;
float: none;
margin-bottom: 30px
}
.cs-cols.cs-2-1-cols>div:first-child,.cs-cols.cs-1-2-cols>div:first-child {
width: 100%
}
#header #nav .main-nav>ul>li>.flyout .workpieces .workpiece-item {
padding: 0 1%;
width: 18%
}
#header #nav .main-nav>ul>li>.flyout .workpieces .workpiece-item:nth-child(6n+6) {
display: none
}
#header #nav .main-nav>ul>li>.flyout .workpieces .workpiece-item:nth-child(5n+1) {
clear: both
}
#header #nav .main-nav>ul>li>.flyout .workpieces .workpiece-item:nth-child(6n+1) {
clear: both;
float: left;
width: 18%
}
#header #nav .main-nav>ul>li>.flyout .workpieces .workpiece-item:nth-child(11) {
clear: none
}
.news-list .news-item .cs-cols.cs-1-2-cols>div,.events-list .news-item .cs-cols.cs-1-2-cols>div {
width: 65%;
margin-left: 5%;
float: left;
margin-bottom: 0
}
.news-list .news-item .cs-cols.cs-1-2-cols>div:first-child,.events-list .news-item .cs-cols.cs-1-2-cols>div:first-child {
margin-left: 0;
width: 30%;
margin-bottom: 0
}
.sub-navigation .wrapper>ul>li {
display: none
}
.sub-navigation .wrapper>ul>li.menu {
display: block
}
.sub-navigation .wrapper>ul>li.request {
display: block;
background-color: #006428;
position: absolute;
top: 0;
right: -30px
}
.sub-navigation .wrapper>ul>li.request:before {
width: 0;
content: '';
position: absolute;
display: block;
top: 0;
left: -25px;
border-left: 25px solid #CCC;
border-bottom: 34px solid #006428;
height: 0;
overflow: hidden
}
.sub-navigation .wrapper>ul>li.request a {
padding-right: 20px;
padding-left: 3px
}
.sub-navigation .wrapper>ul>li.request a:hover {
color: #FFF
}
.sub-navigation .wrapper>ul>li.request:hover {
background-color: #006428
}
.sub-navigation .wrapper>ul>li.request:hover:before {
border-bottom-color: #006428
}
.sub-navigation.machines .wrapper>ul>li:nth-child(2),.sub-navigation.machines .wrapper>ul>li:nth-child(3),.sub-navigation.machines .wrapper>ul>li.next {
display: block
}
.sub-navigation.machines .wrapper>ul>li.next a {
position: relative;
width: 30px;
height: 24px
}
.sub-navigation.machines .wrapper>ul>li.next a:before {
font-size: 35px;
font-size: 2.69230769rem;
line-height: 100%;
position: absolute;
bottom: 0;
left: 0
}
.image-gallery-slider.flexslider ul li .box-right img,.image-gallery-slider.flexslider ul li .box-partly-filled-2-right img,.image-gallery-slider.flexslider ul li .box-partly-filled-2-left img,.image-gallery-slider.flexslider ul li .box-partly-filled-3-right img {
left: 0
}
.image-gallery-slider.flexslider ul li .box-center-bottom img,.image-gallery-slider.flexslider ul li .box-center-top img {
left: -15%
}
.image-gallery-slider.flexslider ul li .box-partly-filled-3-center img {
left: -130%
}
.workpiece-overview .workpiece-filter>div {
margin-bottom: 1rem
}
.workpiece-overview .workpiece-filter form {
float: none;
clear: both;
width: 100%
}
.workpiece-overview .workpiece-filter form:first-child {
margin-right: 0
}
.workpiece-overview .workpiece-filter form:last-child {
margin-right: 0;
width: 100%
}
.workpiece-overview .workpiece-filter label {
min-width: 130px
}
.workpiece-overview .workpieces .workpiece-item {
width: 22%;
margin-left: 4%
}
.workpiece-overview .workpieces .workpiece-item:nth-child(5n+1) {
margin-left: 4%;
width: 22%;
clear: none
}
.workpiece-overview .workpieces .workpiece-item:nth-child(4n+1) {
margin-left: 0;
clear: both
}
#footer .footer-nav .cs-2-1-cols>div {
width: 30%;
margin-left: 5%;
margin-bottom: 0;
float: left
}
#footer .footer-nav .cs-2-1-cols>div:first-child {
width: 65%;
margin-left: 0;
margin-bottom: 0
}
}
@media screen and (max-width: 820px) {
.hide-on-tablet {
display:none!important
}
#header .top-nav ul li.search {
display: none
}
#header #nav .main-nav>ul {
right: -10px
}
#header #nav .main-nav>ul>li>a {
padding: 0 10px
}
#header #nav .main-nav>ul>li:first-child .cs-cols.cs-3-cols>div {
width: 235px;
float: left;
margin-left: 0;
}
#header #nav .main-nav>ul>li>.flyout ul {
margin-bottom: 24px;
}
/* #header #nav .main-nav>ul>li>.flyout .cs-3-cols>div {
width: 48% ;
margin-left: 4%;
float: left
} */
#header #nav .main-nav>ul>li>.flyout .cs-3-cols>div:first-child {
margin-left: 0
}
#header #nav .main-nav>ul>li>.flyout .cs-3-cols>div:last-child {
display: none
}
#header #nav .main-nav>ul>li>.flyout.fluid .cs-3-cols>div:nth-child(2) {
display: none
}
#header #nav .main-nav>ul>li>.flyout.fluid .cs-3-cols>div:last-child {
display: block
}
.slider-teaser {
display: none
}
.teaser.detailed .breadcrumb {
width: 100%
}
.teaser.detailed .collapse-slider-teaser-link {
display: none
}
.industry-items-list .industry-item {
width: 48%;
margin-left: 4%
}
.industry-items-list .industry-item:nth-child(3n+1) {
margin-left: 4%;
clear: none
}
.industry-items-list .industry-item:nth-child(2n+1) {
margin-left: 0;
clear: both
}
.dictionary-register ul li a {
margin: 0 10px
}
#footer .footer-nav {
padding-bottom: 0
}
#footer .footer-nav .cs-2-1-cols>div {
display: none
}
#footer .footer-nav .cs-2-1-cols>div:last-child {
display: block;
margin: 0;
width: 100%
}
#footer .footer-nav .cs-2-1-cols>div:last-child>ul {
margin-bottom: 0;
float: left;
width: 70%
}
#footer .footer-nav .cs-2-1-cols>div:last-child>ul>li {
float: left;
width: 40%;
margin-right: 10%;
margin-bottom: 0
}
#footer .footer-nav .cs-2-1-cols>div:last-child>ul>li>ul {
margin-bottom: 0
}
#footer .footer-nav .cs-2-1-cols>div:last-child>ul:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0
}
#footer .footer-bottom .social-media-links {
clear: both;
float: none;
padding-top: 20px;
margin-left: 0
}
#footer .footer-bottom .search {
display: block;
margin-bottom: 20px
}
#footer .footer-bottom .search form {
margin-bottom: 0;
width: 100%;
background-color: #FFF;
border: 1px solid #DFDFDF;
position: relative
}
#footer .footer-bottom .search form input {
margin-bottom: 0;
display: block;
border: none;
background: none;
width: 75%;
min-width: 0;
max-width: 100%;
float: left
}
#footer .footer-bottom .search form ::-webkit-input-placeholder {
color: #999;
font-style: italic;
opacity: 1
}
#footer .footer-bottom .search form ::-moz-placeholder {
color: #999;
font-style: italic;
opacity: 1
}
#footer .footer-bottom .search form :-ms-input-placeholder {
color: #999;
font-style: italic;
opacity: 1
}
#footer .footer-bottom .search form input:-moz-placeholder {
color: #999;
font-style: italic;
opacity: 1
}
#footer .footer-bottom .search form button {
background: none;
color: #999;
font-size: 20px;
line-height: 100%;
margin: 0;
padding: 0;
width: 38px;
height: 35px;
display: block;
position: absolute;
right: 0;
top: 0
}
#footer .footer-bottom .search form button:before {
overflow: visible
}
#footer .footer-bottom .search form button:hover {
color: #006428
}
}
@media screen and (max-width: 768px) {
.cs-cols.cs-3-cols>div {
width:100%;
margin-left: 0;
padding-left: 0;
float: none;
margin-bottom: 30px
}
.cs-cols.cs-3-cols>div:first-child {
width: 100%
}
#header #nav .main-nav>ul {
right: -5px
}
#header #nav .main-nav>ul>li>a {
padding: 0 5px
}
#header #nav .main-nav>ul>li>.flyout .cs-3-cols>div {
margin-bottom: 0
}
#header #nav .main-nav>ul>li>.flyout .workpieces .workpiece-item {
padding: 0 2%;
width: 20%
}
#header #nav .main-nav>ul>li>.flyout .workpieces .workpiece-item:nth-child(5n+5) {
display: none
}
#header #nav .main-nav>ul>li>.flyout .workpieces .workpiece-item:nth-child(5n+1) {
clear: both;
width: 20%
}
#header #nav .main-nav>ul>li>.flyout .workpieces .workpiece-item:nth-child(6n+1) {
width: 20%
}
#header #nav .main-nav>ul>li>.flyout .workpieces .workpiece-item:nth-child(11) {
clear: none
}
#header.fixed-on-top #nav .main-nav>ul {
margin-right: 50px
}
.teaser.detailed>.wrapper {
overflow: hidden;
padding-bottom: 0
}
.teaser.detailed .cs-cols {
width: 200%;
min-height: 280px;
position: relative;
left: 0%;
padding-bottom: 15px;
-webkit-transition: left 1s;
transition: left 1s
}
.teaser.detailed .cs-cols .to-left-content-arrow {
display: block
}
.teaser.detailed .cs-cols .to-left-content-arrow {
display: none
}
.teaser.detailed .cs-cols.show-right-content {
left: -100%
}
.teaser.detailed .cs-cols.show-right-content .to-right-content-arrow {
display: none
}
.teaser.detailed .cs-cols.show-right-content .to-left-content-arrow {
display: block
}
.teaser.detailed .cs-cols .right-content {
float: right;
width: 45%;
padding-left: 5%;
margin-left: 0;
text-align: center;
position: relative
}
.teaser.detailed .cs-cols .right-content a[class^="lightbox"],.teaser.detailed .cs-cols .right-content a[class*=" lightbox"] {
display: inline-block;
max-width: 100%
}
.teaser.detailed .cs-cols .right-content img {
display: inline-block
}
.teaser.detailed .cs-cols .right-content.image-to-bottom>img,.teaser.detailed .cs-cols .right-content.image-to-bottom>a[class^="lightbox"],.teaser.detailed .cs-cols .right-content.image-to-bottom>a[class*=" lightbox"] {
position: static;
display: inline-block
}
.teaser.detailed .cs-cols .left-content {
margin-right: 0;
padding-right: 5%;
width: 45%;
position: relative
}
.teaser.detailed .to-left-content-arrow,.teaser.detailed .to-right-content-arrow {
display: block;
position: absolute;
top: 50%;
right: -55px;
color: #CCC;
margin-top: -80px
}
.teaser.detailed .to-left-content-arrow:hover,.teaser.detailed .to-right-content-arrow:hover {
color: #006428
}
.teaser.detailed .to-left-content-arrow:before,.teaser.detailed .to-right-content-arrow:before {
font-family: 'heshi-icons';
font-style: normal;
speak: none;
display: inline-block;
text-decoration: none;
text-align: center;
font-variant: normal;
text-transform: none;
content: '\e802';
font-size: 160px;
font-size: 12.30769231rem;
line-height: 100%;
font-weight: 300
}
.teaser.detailed .to-left-content-arrow {
left: -55px;
right: auto;
top: 42%
}
.teaser.detailed .to-left-content-arrow:before {
content: '\e801'
}
.teaser.detailed .detailed-teaser-menu {
display: block;
text-align: center;
margin-bottom: 10px
}
.teaser.detailed .detailed-teaser-menu a {
background-color: #F2F2F2;
border: 1px solid #CCC;
box-shadow: none;
width: 10px;
height: 10px;
display: inline-block;
margin: 0 5px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px
}
.teaser.detailed .detailed-teaser-menu a.active {
background-color: #999;
border-color: #999
}
.top-videos .cs-cols.cs-4-cols>div {
width: 48%;
margin-left: 4%
}
.top-videos .cs-cols.cs-4-cols>div:nth-child(2n+1) {
margin-left: 0;
clear: both
}
.mfp-content #video-lightbox-inline-popup .video-screen embed {
height: 250px
}
.sub-navigation.machines .wrapper>ul>li:nth-child(2),.sub-navigation.machines .wrapper>ul>li:nth-child(3),.sub-navigation.machines .wrapper>ul>li.next {
display: none
}
.events-list.detailed .event-item .left,.events-list.detailed .event-item .right {
width: 100%;
float: none;
margin-left: 0
}
.events-list.detailed .event-item .right {
padding-top: 0;
margin-top: 25px
}
.events-list.detailed.career .event-item .left {
width: 100%
}
.events-list.detailed.career .event-item .right {
width: 100%;
margin-left: 0;
text-align: left
}
.industry-items-list .industry-item {
float: none;
width: 100%;
margin-left: 0;
margin-bottom: 2rem
}
.industry-items-list .industry-item:nth-child(3n+1) {
margin-left: 0;
clear: none
}
.industry-items-list .industry-item:nth-child(2n+1) {
margin-left: 0;
clear: none
}
form .powermail_fieldset.layout1,form .powermail_fieldwrap.layout1 {
width: 100%!important;
margin-right: 0!important;
float: none
}
form .powermail_fieldset.layout2,form .powermail_fieldwrap.layout2 {
width: 100%!important;
clear: both;
float: none;
position: static
}
.workpiece-overview .workpieces .workpiece-item {
width: 30%;
margin-left: 5%
}
.workpiece-overview .workpieces .workpiece-item:nth-child(5n+1) {
margin-left: 5%;
width: 30%
}
.workpiece-overview .workpieces .workpiece-item:nth-child(4n+1) {
margin-left: 5%;
clear: none
}
.workpiece-overview .workpieces .workpiece-item:nth-child(3n+1) {
margin-left: 0;
clear: both
}
.four-cols-teaser .teaser-item,.four-cols-teaser.three-colled .teaser-item,.four-cols-teaser .frame,.four-cols-teaser.three-colled .frame {
width: 30%;
margin-left: 5%
}
.four-cols-teaser .teaser-item:nth-child(4n+1),.four-cols-teaser.three-colled .teaser-item:nth-child(4n+1),.four-cols-teaser .frame:nth-child(4n+1),.four-cols-teaser.three-colled .frame:nth-child(4n+1) {
margin-left: 5%;
clear: none
}
.four-cols-teaser .teaser-item:nth-child(3n+1),.four-cols-teaser.three-colled .teaser-item:nth-child(3n+1),.four-cols-teaser .frame:nth-child(3n+1),.four-cols-teaser.three-colled .frame:nth-child(3n+1) {
margin-left: 0;
clear: both
}
.image-gallery-slider.flexslider ul li img {
left: -30%
}
.image-gallery-slider.flexslider ul li .box-right img,.image-gallery-slider.flexslider ul li .box-partly-filled-2-right img,.image-gallery-slider.flexslider ul li .box-partly-filled-2-left img,.image-gallery-slider.flexslider ul li .box-partly-filled-3-right img {
left: -10%
}
.image-gallery-slider.flexslider ul li .box-center-bottom img,.image-gallery-slider.flexslider ul li .box-center-top img {
left: -25%
}
.image-gallery-slider.flexslider ul li .box-partly-filled-3-center img {
left: -110%
}
.frame-type-menu_sitemap_pages>ul>li {
float: none;
width: 100%;
margin-left: 0
}
.facets li {
font-size: 13px;
font-size: 1rem;
line-height: 160%;
padding: 3px 7px
}
.facets li.active {
padding: 9px 7px 0
}
#js-band-cookies a {
background: #F2F2F2
}
}
@media screen and (max-width: 660px) {
body,html {
font-size:14px
}
.hide-on-mobile {
display: none!important
}
a[href^="tel:"] {
color: #FFF!important;
background-color: #006428;
padding: 2px 7px
}
a[href^="tel:"]:hover {
color: #FFF!important;
background-color: #006428
}
#content table:not(.clean) {
overflow-x: scroll;
display: block;
padding-bottom: 1rem
}
.cs-cols.cs-2-1-cols>div .cs-4-cols>div,.cs-cols.cs-2-1-cols>div .cs-3-cols>div,.cs-cols.cs-2-1-cols>div .cs-2-cols>div {
width: 100%;
margin-left: 0;
float: none;
margin-bottom: 20px;
display: block
}
.cs-cols.cs-2-1-cols>div .cs-4-cols>div:first-child,.cs-cols.cs-2-1-cols>div .cs-3-cols>div:first-child,.cs-cols.cs-2-1-cols>div .cs-2-cols>div:first-child {
width: 100%
}
.cs-cols.cs-2-cols>div {
width: 100%;
margin-left: 0;
float: none;
margin-bottom: 20px;
display: block
}
.cs-cols.cs-2-cols>div:first-child {
width: 100%
}
#header {
padding-top: 0;
position: relative;
z-index: 910;
background-color: #FFF
}
#header>.wrapper {
padding-bottom: 10px
}
#header .top-nav {
display: none
}
#header .logo {
overflow: visible;
width: auto
}
#header .logo img {
width: auto
}
#header .logo .default-logo {
display: none
}
#header .logo .small-logo {
display: block;
width: 100px;
}
#header #nav {
float: none
}
#header #nav .main-nav {
display: none
}
.mobile-nav {
display: block
}
.mobile-nav ul {
width: 100%;
margin-bottom: 0
}
.mobile-nav ul li {
margin-bottom: 0;
}
.mobile-nav ul li.language-selection{
padding-left: 0;
}
.mobile-nav ul li img.loader {
margin: 35px auto;
display: block
}
.mobile-nav ul li a {
color: #333;
text-decoration: none
}
.mobile-nav ul li a:hover {
color: #006428
}
.mobile-nav ul li:before {
display: none
}
.mobile-nav>ul {
padding-top: 11px
}
.mobile-nav>ul>li {
float: right;
position: static;
height: 30px
}
.mobile-nav>ul>li.language-selection:hover {
cursor: pointer
}
.mobile-nav>ul>li.language-selection span {
display: block;
position: relative;
float: left
}
.mobile-nav>ul>li.language-selection span.current-language {
padding: 4px 0 4px 35px;
text-align: right
}
.mobile-nav>ul>li.language-selection span.current-language span.lang-flag {
top: 7px;
left: 5px
}
.mobile-nav>ul>li.language-selection span.icon-arrow1_up {
font-size: 30px;
font-size: 2.30769231rem;
line-height: 100%;
width: 50px;
height: 30px
}
.mobile-nav>ul>li.language-selection span.icon-arrow1_up:before {
position: absolute;
right: 7px;
top: -3px
}
.mobile-nav>ul>li.language-selection span.lang-flag {
padding: 0;
margin: 0;
position: absolute;
top: 14px;
left: 24px
}
.mobile-nav>ul>li.language-selection.open span.icon-arrow1_up:before {
content: '\e812'
}
.mobile-nav>ul>li.language-selection>ul>li>a {
position: relative;
padding-left: 60px
}
.mobile-nav>ul>li.mobile-nav-link {
border-left: #DFDFDF 1px solid;
padding-left: 20px
}
.mobile-nav>ul>li.mobile-nav-link>a {
padding-left: 40px;
display: block;
min-height: 30px;
position: relative
}
.mobile-nav>ul>li.mobile-nav-link>a:before {
font-size: 35px;
line-height: 100%;
height: 100%;
position: absolute;
top: -2px;
left: 0
}
.mobile-nav>ul>li.mobile-nav-link>a:hover {
color: #333
}
.mobile-nav>ul>li.mobile-nav-link.open>a {
color: #006428
}
.mobile-nav>ul>li>ul {
display: none;
position: absolute;
width: 100%;
left: 0;
top: 74px;
z-index: 950;
background-color: #F2F2F2;
padding: 10px 0
}
.mobile-nav>ul>li>ul li {
padding-left: 0
}
.mobile-nav>ul>li>ul li a {
font-size: 15px;
line-height: 160%;
display: block;
padding: 10px 2% 10px 4%;
font-weight: 600
}
.mobile-nav>ul>li>ul li.links-from-top-nav a {
font-weight: 400
}
.mobile-nav>ul>li>ul li.hasSubs {
position: relative
}
.mobile-nav>ul>li>ul li.hasSubs>a {
width: 80%;
display: inline-block
}
.mobile-nav>ul>li>ul li.hasSubs>a+span {
width: 16%;
height: 36px;
color: #333;
font-weight: 600;
font-size: 50px;
line-height: 100%;
display: inline-block;
position: absolute;
right: 1px;
top: 0
}
.mobile-nav>ul>li>ul li.hasSubs>a+span:before {
position: absolute;
right: 0;
top: -9px;
margin-right: 0;
height: .8em
}
.mobile-nav>ul>li>ul li.hasSubs>a+span:hover {
cursor: pointer
}
.mobile-nav>ul>li>ul li.hasSubs.open {
background-color: #CCC
}
.mobile-nav>ul>li>ul li.hasSubs.open>a+span {
content: '\e807';
color: #006428
}
.mobile-nav>ul>li>ul li.hasSubs.open>a+span:before {
top: -4px
}
.mobile-nav>ul>li>ul li.hasSubs>ul {
display: none
}
.mobile-nav>ul>li>ul>li>ul {
padding-bottom: 20px;
background-color: #DFDFDF
}
.mobile-nav>ul>li>ul>li>ul>li a {
font-size: 15px;
line-height: 160%;
font-weight: 400;
padding: 6px 2% 6px 4%
}
.mobile-nav>ul>li>ul>li>ul>li>ul {
padding-bottom: 20px
}
.mobile-nav>ul>li>ul>li>ul>li>ul>li a {
font-size: 13px;
line-height: 160%;
font-weight: 400;
padding-left: 30px;
position: relative
}
.mobile-nav>ul>li>ul>li>ul>li>ul>li a:before {
display: block;
font-family: 'heshi-icons';
content: '\e802';
font-size: 30px;
font-size: 2.30769231rem;
line-height: 100%;
color: #006428;
top: -1px;
left: 4px;
position: absolute
}
#index-teaser {
height: 200px
}
#index-teaser .bg-image {
background-size: auto 200px;
height: 200px
}
#index-teaser .wrapper {
display: none
}
#content,.teaser {
background-position: 150px bottom
}
.sub-navigation .active-background {
display: none
}
.sub-navigation>.wrapper {
background-color: #999
}
.sub-navigation>.wrapper>ul>li {
display: none
}
.sub-navigation>.wrapper>ul>li.menu {
display: block
}
.sub-navigation>.wrapper>ul>li.request {
display: block
}
.sub-navigation>.wrapper>ul>li.request:before {
border-left: 25px solid #999
}
.one-pager-box.accordion-wrapper {
margin-bottom: 0
}
.one-pager-box.accordion-wrapper.closed .content {
display: none
}
.one-pager-box.accordion-wrapper.closed>.header:after {
content: '\e812'
}
.one-pager-box.accordion-wrapper>.header {
border-bottom: 2px solid #DFDFDF;
padding: 15px 0;
position: relative;
cursor: pointer
}
.one-pager-box.accordion-wrapper>.header:hover h2,.one-pager-box.accordion-wrapper>.header:hover:after {
color: #006428
}
.one-pager-box.accordion-wrapper>.header h2 {
margin-bottom: 0;
padding-right: 45px
}
.one-pager-box.accordion-wrapper>.header h2.border {
border: none;
padding-bottom: 0
}
.one-pager-box.accordion-wrapper>.header:after {
font-family: 'heshi-icons';
font-style: normal;
font-weight: 400;
speak: none;
display: inline-block;
text-decoration: none;
width: 1em;
text-align: center;
font-variant: normal;
text-transform: none;
color: #999;
overflow: hidden;
content: '\e813';
position: absolute;
top: 7px;
right: 0;
font-size: 50px;
font-size: 3.84615385rem;
line-height: 100%
}
.one-pager-box.accordion-wrapper .content {
margin-bottom: 50px;
padding-top: 35px
}
.facets li {
float: none;
margin: 0
}
.facets li.active {
padding: 3px 7px;
border: none;
position: static
}
.image-gallery-slider.flexslider ul li img {
left: -40%
}
.image-gallery-slider.flexslider ul li .box-center-bottom,.image-gallery-slider.flexslider ul li .box-center-top,.image-gallery-slider.flexslider ul li .box-partly-filled-3-center {
width: 27%
}
.image-gallery-slider.flexslider ul li .box-center-bottom img,.image-gallery-slider.flexslider ul li .box-center-top img,.image-gallery-slider.flexslider ul li .box-partly-filled-3-center img {
left: -20%
}
.image-gallery-slider.flexslider ul li .box-partly-filled-3-center img {
left: -100%
}
.image-gallery-slider.flexslider ul li .box-right,.image-gallery-slider.flexslider ul li .box-partly-filled-3-right {
width: 40%
}
.image-gallery-slider.flexslider ul li .box-right img,.image-gallery-slider.flexslider ul li .box-partly-filled-3-right img {
left: -50%
}
.image-gallery-slider.flexslider ul li .box-partly-filled-2-right img,.image-gallery-slider.flexslider ul li .box-partly-filled-2-left img {
left: -40%
}
.image-gallery-slider.flexslider ul li .box-all img {
top: 0
}
.four-cols-teaser .teaser-item,.four-cols-teaser.three-colled .teaser-item,.four-cols-teaser .frame,.four-cols-teaser.three-colled .frame {
width: 48%;
margin-left: 4%
}
.four-cols-teaser .teaser-item:nth-child(4n+1),.four-cols-teaser.three-colled .teaser-item:nth-child(4n+1),.four-cols-teaser .frame:nth-child(4n+1),.four-cols-teaser.three-colled .frame:nth-child(4n+1) {
margin-left: 4%;
clear: none
}
.four-cols-teaser .teaser-item:nth-child(3n+1),.four-cols-teaser.three-colled .teaser-item:nth-child(3n+1),.four-cols-teaser .frame:nth-child(3n+1),.four-cols-teaser.three-colled .frame:nth-child(3n+1) {
margin-left: 4%;
clear: none
}
.four-cols-teaser .teaser-item:nth-child(2n+1),.four-cols-teaser.three-colled .teaser-item:nth-child(2n+1),.four-cols-teaser .frame:nth-child(2n+1),.four-cols-teaser.three-colled .frame:nth-child(2n+1) {
margin-left: 0;
clear: both
}
.workpiece-overview .workpiece-filter>div {
margin-right: 0;
float: none;
width: 100%;
margin-bottom: 0
}
.workpiece-overview .workpiece-filter label {
display: block;
float: none;
margin-bottom: 1rem;
margin-right: 0;
width: 100%;
position: static
}
.workpiece-overview .workpiece-filter .dropdown:not(.ui-select-container) {
float: none;
min-width: 100%;
max-width: 100%;
width: 100%;
margin-bottom: 1rem;
margin-right: 0
}
.workpiece-overview .workpieces .workpiece-item {
width: 48%;
margin-left: 4%
}
.workpiece-overview .workpieces .workpiece-item:nth-child(5n+1) {
margin-left: 4%;
width: 48%
}
.workpiece-overview .workpieces .workpiece-item:nth-child(4n+1),.workpiece-overview .workpieces .workpiece-item:nth-child(3n+1) {
margin-left: 4%;
clear: none
}
.workpiece-overview .workpieces .workpiece-item:nth-child(2n+1) {
margin-left: 0;
clear: both
}
.location-filter form>div>.dropdown:not(.ui-select-container) {
width: 100%;
max-width: 100%;
min-width: 100%
}
.location-filter .box {
float: none;
width: 90%;
margin-right: 0;
min-height: 1px
}
.location-list .location-item .text .address,.location-list .location-item .text .contact {
float: none;
width: 100%;
margin-left: 0
}
.location-list .location-item .text .address {
margin-left: 0
}
.media-center-list .media-center-item {
width: 48%;
margin-left: 4%
}
.media-center-list .media-center-item:nth-child(3n+1) {
clear: none;
margin-left: 4%
}
.media-center-list .media-center-item:nth-child(2n+1) {
clear: both;
margin-left: 0
}
.news-list .image,.news-list.detailed .image,.events-list .image,.news-detail .main-image .image {
margin: 0 auto 10px;
float: none
}
.news-list .text,.news-list.detailed .text,.events-list .text,.news-detail .main-image .text {
margin-left: 0
}
.detailed-info-boxes .detailed-info-box-item {
width: 100%;
margin-left: 0;
float: none
}
.detailed-info-boxes .detailed-info-box-item:nth-child(4n+1) {
width: 100%
}
.dictionary-register ul {
position: static;
left: 0;
float: none;
text-align: center
}
.dictionary-register ul li {
position: static;
right: 0;
float: none;
display: inline-block
}
#footer .footer-nav .cs-2-1-cols>div:last-child>ul {
float: none;
width: 100%
}
#footer .footer-nav .cs-2-1-cols>div:last-child>ul>li {
width: 48%;
margin-right: 4%
}
#footer .footer-nav .cs-2-1-cols>div:last-child>ul>li:last-child {
margin-right: 0
}
#footer .footer-bottom .search {
float: none;
width: 100%;
margin-bottom: 20px
}
#footer .footer-bottom .search form input {
width: 80%
}
#footer .footer-bottom .copyright {
float: none
}
#footer .footer-bottom .copyright-nav ul li:first-child:before {
display: none
}
#footer .footer-bottom .copyright-nav ul li:first-child a {
margin-left: 0;
padding-left: 0
}
}
@media screen and (max-width: 480px) {
.teaser.detailed .left-content h1+div.closed {
overflow:hidden;
height: 48px;
position: relative;
margin-bottom: 1rem
}
.defe{
height: auto;
}
.teaser.detailed .left-content .read-more-link {
display: block
}
.top-videos .cs-cols.cs-4-cols>div {
width: 100%;
margin-left: 0;
clear: both
}
.highlights .teaser-item {
width: 100%;
float: none;
margin-left: 0;
min-height: 0
}
.home-highlights .highlights.fair {
position: static;
width: 100%
}
.home-highlights .highlights .teaser-item:nth-child(2n+1) {
margin-left: 0;
clear: both
}
.history .history-item {
width: 100%;
float: none
}
.history .history-item .date {
position: static;
text-align: left;
width: 100%;
margin-bottom: 10px
}
.history .history-item .date p {
display: inline-block
}
.history .history-item .date p.year {
position: static
}
.media-center-list .media-center-item {
width: 100%;
margin-left: 0;
float: none;
clear: both
}
.media-center-list .media-center-item:nth-child(3n+1) {
margin-left: 0;
clear: both
}
.news-list.detailed .news-item>*,.events-list.detailed .news-item>* {
margin-left: 0
}
.news-list.detailed .news-item .image,.events-list.detailed .news-item .image {
width: 100%;
margin-right: 0;
float: none;
margin-left: 0
}
.news-list.detailed .news-item .image {
margin: 0 auto 10px;
float: none;
width: 300px
}
.news-list.detailed .news-item .text {
margin-left: 0
}
.news .page-navigation p,.news .page-navigation ul {
float: none
}
.events-list.detailed .event-item .right table,.events-list.detailed .event-item .right tr,.events-list.detailed .event-item .right td {
display: block;
padding: 0;
width: 100%
}
.events-list.detailed .event-item .right table:first-child,.events-list.detailed .event-item .right tr:first-child,.events-list.detailed .event-item .right td:first-child {
width: 100%
}
.events-list.detailed .event-item .right tr {
margin-bottom: 1rem
}
#social-media-tabs.tab-content ul.resp-tabs-list li.resp-tab-item:before {
display: none
}
.tab-content.small ul.resp-tabs-list li.resp-tab-item {
padding: 4px 7px!important;
font-size: 12px;
font-size: .92307692rem;
line-height: 160%
}
.location-search div.left {
width: 100%;
margin-right: 0;
float: none
}
.location-search button {
padding-left: 15px;
padding-right: 15px;
width: auto;
max-width: 100%
}
.location-list .location-item .image,.location-list .location-item .text {
float: none;
width: 100%
}
.location-list .location-item .image {
margin-bottom: 10px
}
.tx-cs-licensing table img {
max-width: 50px;
height: auto
}
.searched-for-wrapper {
width: 100%;
margin-right: 0;
float: none;
padding-top: 0
}
#tx-solr-sorting {
width: 100%;
float: none
}
.results-list li h2 {
margin-bottom: 2rem;
width: 100%;
margin-right: 0;
float: none
}
.results-list li .relevance {
width: 100%;
float: none;
margin-bottom: 2rem
}
.tx-solr-search-form-pi-results {
margin-bottom: 25px
}
.tx-solr-search-form-pi-results input.tx-solr-q {
float: none;
width: 94%;
min-width: 94%;
max-width: 94%
}
.tx-solr-search-form-pi-results .tx-solr-submit {
float: none;
margin-left: 0;
clear: both
}
.image-gallery-slider.flexslider ul li {
height: 300px
}
.image-gallery-slider.flexslider ul li img {
left: -20%
}
.image-gallery-slider.flexslider ul li .box-center-bottom img,.image-gallery-slider.flexslider ul li .box-center-top img {
left: -20%
}
.image-gallery-slider.flexslider ul li .box-right img {
left: -20%
}
.image-gallery-slider.flexslider ul li .box-left {
height: 50%;
width: 50%
}
.image-gallery-slider.flexslider ul li .box-center-top {
left: 0;
height: 50%;
width: 50%;
top: 50%
}
.image-gallery-slider.flexslider ul li .box-center-bottom {
left: auto;
right: 0;
width: 50%
}
.image-gallery-slider.flexslider ul li .box-right {
height: 50%;
width: 50%
}
.image-gallery-slider.flexslider ul li .box-partly-filled-2-right img,.image-gallery-slider.flexslider ul li .box-partly-filled-2-left img {
left: -100%
}
.image-gallery-slider.flexslider ul li .box-partly-filled-3-left,.image-gallery-slider.flexslider ul li .box-partly-filled-3-center {
height: 50%;
width: 50%
}
.image-gallery-slider.flexslider ul li .box-partly-filled-3-center {
right: 0;
left: auto
}
.image-gallery-slider.flexslider ul li .box-partly-filled-3-center img {
left: -10%
}
.image-gallery-slider.flexslider ul li .box-partly-filled-3-right {
top: auto;
bottom: 0;
height: 50%;
width: 100%
}
.image-gallery-slider.flexslider ul li .box-partly-filled-3-right img {
left: 0;
top: 0;
height: auto;
max-height: none;
width: 100%;
max-width: 100%
}
.image-gallery-slider.flexslider ul li .box-all img {
left: -25%;
height: 100%;
max-height: 100%;
width: auto;
max-width: none
}
.image-gallery-slider.flexslider ul li .box-all img.spic {
left: 0;
}
.four-cols-teaser .teaser-item,.four-cols-teaser.three-colled .teaser-item,.four-cols-teaser.two-colled .teaser-item,.four-cols-teaser .frame,.four-cols-teaser.three-colled .frame,.four-cols-teaser.two-colled .frame {
width: 100%;
margin-left: 0;
clear: both
}
.four-cols-teaser .teaser-item:nth-child(4n+1),.four-cols-teaser.three-colled .teaser-item:nth-child(4n+1),.four-cols-teaser.two-colled .teaser-item:nth-child(4n+1),.four-cols-teaser .frame:nth-child(4n+1),.four-cols-teaser.three-colled .frame:nth-child(4n+1),.four-cols-teaser.two-colled .frame:nth-child(4n+1),.four-cols-teaser .teaser-item:nth-child(3n+1),.four-cols-teaser.three-colled .teaser-item:nth-child(3n+1),.four-cols-teaser.two-colled .teaser-item:nth-child(3n+1),.four-cols-teaser .frame:nth-child(3n+1),.four-cols-teaser.three-colled .frame:nth-child(3n+1),.four-cols-teaser.two-colled .frame:nth-child(3n+1),.four-cols-teaser .teaser-item:nth-child(2n+1),.four-cols-teaser.three-colled .teaser-item:nth-child(2n+1),.four-cols-teaser.two-colled .teaser-item:nth-child(2n+1),.four-cols-teaser .frame:nth-child(2n+1),.four-cols-teaser.three-colled .frame:nth-child(2n+1),.four-cols-teaser.two-colled .frame:nth-child(2n+1) {
margin-left: 0
}
}
.trav-list>li,.trav-list{ padding-left: 0;}
.trav-list>li::before{
content: '';
}
.trav-list>li{
margin-top: 26px;
overflow: hidden;
}
.trav-list>li .img{
float: left;
width: 30%;
overflow: hidden;
}
.trav-list>li .img img{
width: 100%;
}
.trav-list>li .text-box{
float: right;
width: 65%;
font-size: 14px;
color: #474747;
}
.trav-list>li .text{
width: 100%;
height: 48px;
line-height: 22px;
overflow: hidden;
}
.trav-list>li .look{
margin-top: 2%;
font-size: 12px;
color: #b6b6b6;
}
.trav-list>li .look i{
display: inline-block;
width: 17px;
height: 11px;
margin-right: 6px;
background: url(../images/look.png);
vertical-align: middle;
}