body {font-family: "Lucida Sans Unicode", Verdana, Geneva, sans-serif; font-size: 14px; overflow-x: hidden;} a {text-decoration: none; color: #ffffff;} a:hover {text-decoration: underline;} h1, h2 {text-transform: uppercase; font-weight: 900;} h1 {font-size: 30px; line-height: 40px;} h2 {font-size: 25px;} h3 {font-size: 18px;} h4 {font-size: 18px;} img {display: block;} strong {font-weight: 700;} .toggler {cursor: pointer;} .abst-u-10 {margin-bottom: 10px;} #colorbox, #cboxOverlay, #cboxWrapper {z-index: 999999;} #cboxLoadedContent {border: 10px solid #ffffff;} /* Google Maps */ .dlh_googlemap { max-width:100%; } #cboxClose {background: url(../images/layout/close.png) no-repeat; width: 45px; height: 45px; right: 10px; top: 10px;} #cboxPrevious {background: url(../images/layout/prev.png) no-repeat left top; width: 45px; height: 45px;} #cboxPrevious:hover {background-position: left top;} #cboxNext {background: url(../images/layout/next.png) no-repeat right top; width: 45px; height: 45px;} #cboxNext:hover {background-position: right top;} #header {width: 990px; margin: 0 auto;} #logo {margin-left: 50px;} .mod_changelanguage {position: absolute; top: 0; right: 0; z-index: 9999999;} .mobile .mod_changelanguage {top: 20px; right: 100px;} .mod_changelanguage a.lang-en {background: url(../images/layout/en.png) no-repeat; text-indent: -99999px; width: 16px; height: 16px; display: block;} .mod_changelanguage a.lang-de {background: url(../images/layout/de.png) no-repeat; text-indent: -99999px; width: 16px; height: 16px; display: block;} .mobile .mod_changelanguage a.lang-en {background: url(../images/layout/en.jpg) no-repeat; text-indent: -99999px; width: 60px; height: 50px; display: block;} .mobile .mod_changelanguage a.lang-de {background: url(../images/layout/de.jpg) no-repeat; text-indent: -99999px; width: 60px; height: 50px; display: block;} #headerbild {margin: 0 -245px; position: relative;} #headerbild .flex-direction-nav {position: absolute; bottom: 40px; width: 100%;} #headerbild .slider-menu {display: none;} #headerbild .flex-prev { background: #e52232; width: 80px; height: 10px; margin-left: 150px; opacity: 1; left: 0; } #headerbild .flex-next {background: #e52232; width: 80px; height: 10px; margin-right: 150px; opacity: 1; right: 0;} .rsts-slide {background: none !important;} .flexslider {margin: 0;} .flexslider:hover .flex-prev {left: 0} .flexslider:hover .flex-next {right: 0} .liquid-slider-wrapper .liquid-slider { background: none;} .liquid-responsive .liquid-slider .panel .panel-wrapper { padding: 0;} .sc-clear {clear: left;} #menu-icon {display: none;} #nav-mobil {margin-top: 70px; border-top: 22px solid #e62232; box-shadow: none !important; background: #52595b; width: 100%; z-index: 999999; display:none;} #nav-mobil ul {background: #52595b; font-size: 25px; text-transform: uppercase; font-weight:600; } #nav-mobil li {height: 58px !important; box-sizing: border-box; -moz-box-sizing:border-box; border-bottom: 1px solid #2f3234; padding-left: 20px; } #nav-mobil ul a {color: #ffffff; line-height: 38px !important; box-sizing: border-box; -moz-box-sizing:border-box; } #nav-mobil ul a {background: url(../images/layout/mehr.png) no-repeat left center; box-sizing: border-box; -moz-box-sizing:border-box; } #nav-mobil ul a.mm-subopen, .mm-list a.mm-subopen:before {border-left: none; background: none;} #nav-mobil span.active {background: url(../images/layout/mehr.png) no-repeat left center #333030; color: #ffffff; } #nav-mobil .mm-list > li > a, .mm-list > li > span {display: block; line-height: 38px; padding: 10px 10px 10px 40px; box-sizing: border-box; -moz-box-sizing:border-box; } #nav-mobil.mm-menu .mm-list > li.mm-selected > a:not(.mm-subopen), .mm-menu .mm-list > li.mm-selected > span {background: none;} #nav-mobil.mm-menu .mm-list > li > a.mm-subopen:after, .mm-menu .mm-list > li > a.mm-subclose:before {border-color: rgba(255, 255, 255, 1.0)} #nav-mobil .mm-list a.mm-subclose {padding-left: 40px; background: none;} #nav-mobil .mm-list a.mm-subclose:before {margin-bottom: -5px;} #nav-icon {width: 60px; height: 50px; background: url(../images/layout/menu.png) no-repeat; position: absolute; top: 20px; right: 25px; display: none;} #nav-wrap {position: absolute; top: 0; right: 0; font-size: 13px; text-transform: uppercase; font-weight: 900; z-index: 999999; overflow: visible; min-width: 600px;} #nav-wrap li {display: block; float: left; margin-left: 30px;} #nav-wrap li a {color: #878787; line-height: 92px; display: block;} #nav-wrap li.home a {text-indent: -999999px; background: url(../images/layout/home-2.jpg) no-repeat center; width: 29px;} #nav-wrap li.home a:hover {background: url(../images/layout/home.jpg) no-repeat center;} #nav-wrap li.home span {text-indent: -999999px; background: url(../images/layout/home.jpg) no-repeat center; width: 29px;} #nav-wrap li a:hover {color: #e62232; border-bottom: 10px solid #e62232; text-decoration: none;} #nav-wrap span {color: #e62232; line-height: 92px; border-bottom: 10px solid #e62232; display: block;} #nav-wrap .level_1 {} #nav-wrap .level_1 li.submenu {padding-bottom: 30px; height: 102px;} #nav-wrap .level_1 li.submenu:hover {background: url(../images/layout/pfeil.png) no-repeat bottom center;} #nav-wrap .level_2 {display: none;} #nav-wrap .level_2 a {line-height: 28px; font-size: 14px; font-weight: 900; color: #ffffff;} #nav-wrap .produkte .level_2 a {line-height: 28px; font-size: 25px; font-weight: 900; color: #ffffff; margin-bottom: 20px;} #nav-wrap .level_2 a:hover {border: none; color: #ffffff;} #nav-wrap .produkte .level_2.submenu span {color: #ffffff; line-height: 28px; border-bottom: none; display: block; font-size: 25px; margin-bottom: 20px;} #nav-wrap .level_2 span {color: #ffffff; line-height: 28px; border-bottom: none; display: block; font-size: 14px;} #nav-wrap .unternehmen .level_2 {position: absolute; top: 131px; left: 40px; z-index: 99999; background: url(../images/layout/bg-subnav.png); width: 620px; padding: 30px 10px; width: auto;} #nav-wrap .unternehmen .level_2 li {margin-right: 30px; float: none; font-size: 14px;} #nav-wrap .unternehmen .level_2 li a {line-height: 28px; font-size: 14px; font-weight: 700; color: #ffffff; padding-left: 35px; padding-right: 10px; background: url(../images/layout/mehr.png) no-repeat 10px center; margin-bottom: 0; display: inline-block;} #nav-wrap .unternehmen .level_2 li a:hover {color: #e62232; background: url(../images/layout/mehr-rot.png) no-repeat 10px center #2b2c2d; } #nav-wrap .unternehmen .level_2 li span {color: #e62232; background: url(../images/layout/mehr-rot.png) no-repeat 10px center #2b2c2d; display: block; padding-left: 35px;} #nav-wrap .produkte .level_2 .submenu span {font-size: 25px; margin-bottom: 20px;} #nav-wrap .level_2 {position: absolute; top: 131px; margin-left: -50px; z-index: 99999; background: url(../images/layout/bg-subnav.png); width: 620px; padding: 30px 10px;} #nav-wrap .produkte .level_2 {position: absolute; top: 131px; left: 0; z-index: 99999; background: url(../images/layout/bg-subnav.png); width: 620px; padding: 30px 10px;} #nav-wrap .produkte .level_2 li.submenu.first {height: auto; width: 60%; margin: 0;} #nav-wrap .produkte .level_2 li.submenu.last {height: auto; width: 40%; margin: 0;} #nav-wrap .anwendungen .level_2 {position: absolute; top: 131px; left: 0; margin-left: -293px; z-index: 99999; background: url(../images/layout/bg-subnav.png); width: 1020px; height: 210px; padding: 30px 10px; /*Mozilla Präfix -moz-*/ -moz-column-count:3; -moz-column-gap: 10px; /*Webkit Präfix -webkit-*/ -webkit-column-count:3; -webkit-column-gap: 10px; column-count:3; column-gap: 10px;} #nav-wrap .anwendungen .level_2 li {margin: 0;} #nav-wrap .level_2 li.submenu:hover {background: none;} #nav-wrap .anwendungen .level_2 a {line-height: 28px; font-size: 14px; font-weight: 700; color: #ffffff; padding-left: 35px; padding-right: 10px; background: url(../images/layout/mehr.png) no-repeat 10px center; margin-bottom: 0; display: inline-block;} #nav-wrap .anwendungen .level_2 a:hover {color: #4fb8d2; background: url(../images/layout/mehr-blau.png) no-repeat 10px center #333030;} #nav-wrap .anwendungen .level_2 span {color: #4fb8d2; line-height: 28px; border-bottom: none; display: inline-block;background: url(../images/layout/mehr-blau.png) no-repeat 10px center #333030; font-size: 14px; padding-left: 35px; padding-right: 10px; margin-bottom: 0; font-weight: 700;} #nav-wrap .news .level_2 {position: absolute; top: 131px; z-index: 99999; background: url(../images/layout/bg-subnav.png); width: 620px; padding: 30px 10px; width: auto;} #nav-wrap .news .level_2 li {margin-right: 30px; float: none; font-size: 14px;} #nav-wrap .news .level_2 li a {line-height: 28px; font-size: 14px; font-weight: 700; color: #ffffff; padding-left: 35px; padding-right: 10px; background: url(../images/layout/mehr.png) no-repeat 10px center; margin-bottom: 0; display: inline-block;} #nav-wrap .news .level_2 li a:hover {color: #e62232; background: url(../images/layout/mehr-rot.png) no-repeat 10px center #2b2c2d; } #nav-wrap .news .level_2 li span {color: #e62232; background: url(../images/layout/mehr-rot.png) no-repeat 10px center #2b2c2d; display: block; padding-left: 35px;} #nav-wrap .kontakt .level_2 {position: absolute; top: 131px; right: 0; z-index: 99999; background: url(../images/layout/bg-subnav.png); width: 620px; padding: 30px 10px; width: auto;} #nav-wrap .kontakt .level_2 li {margin-right: 30px; float: none; font-size: 14px;} #nav-wrap .kontakt .level_2 li a {line-height: 28px; font-size: 14px; font-weight: 700; color: #ffffff; padding-left: 35px; padding-right: 10px; background: url(../images/layout/mehr.png) no-repeat 10px center; margin-bottom: 0; display: inline-block;} #nav-wrap .kontakt .level_2 li a:hover {color: #e62232; background: url(../images/layout/mehr-rot.png) no-repeat 10px center #2b2c2d; } #nav-wrap .kontakt .level_2 li span {color: #e62232; background: url(../images/layout/mehr-rot.png) no-repeat 10px center #2b2c2d; display: block; padding-left: 35px;} #nav-wrap .level_3 li {float: none; margin: 0;} #nav-wrap .produkte .level_3 a {font-size: 14px; margin-bottom: 0; font-weight: 700;} #nav-wrap .level_3 a {line-height: 28px; font-size: 14px; font-weight: 700; color: #ffffff; padding-left: 35px; padding-right: 10px; background: url(../images/layout/mehr.png) no-repeat 10px center; margin-bottom: 0; display: inline-block;} #nav-wrap .submenu.first .level_3 a:hover {color: #4fb8d2; background: url(../images/layout/mehr-blau.png) no-repeat 10px center #333030;} #nav-wrap .submenu.last .level_3 a:hover {color: #9cd669; background: url(../images/layout/mehr-gruen.png) no-repeat 10px center #333030;} #nav-wrap .submenu.first .level_3 span {color: #4fb8d2; line-height: 28px; border-bottom: none; display: inline-block;background: url(../images/layout/mehr-blau.png) no-repeat 10px center #333030; font-size: 14px; padding-left: 35px; padding-right: 10px; margin-bottom: 0; font-weight: 700;} #nav-wrap .submenu.last .level_3 span {color: #9cd669; line-height: 28px; border-bottom: none; display: inline-block; background: url(../images/layout/mehr-gruen.png) no-repeat 10px center #333030; font-size: 14px; padding-left: 35px; padding-right: 10px; margin-bottom: 0; font-weight: 700;} #container {width: 990px; margin: 10px auto;} .detail #container {} #main p {font-size: 15px; line-height: 24px; margin: 0 0 15px 0;} #nav-sub {position: relative;} #nav-sub .level_1 {background: #666a72; padding: 30px 0 120px; min-height: 192px; margin-bottom: 0; } #bulk-detail #nav-sub .level_1 {height: 490px; } #offene-verladung #nav-sub .level_1 {height: 550px; } #kombinierte-verladung #nav-sub .level_1 {height: 550px; } #verlademobile #nav-sub .level_1 {height: 550px; } #entmischungsfreies-verladen #nav-sub .level_1 {height: 550px; } #optimale-tankbefuellung #nav-sub .level_1 {height: 550px; } #rechenreinigungssystem #nav-sub .level_1 {min-height: 420px;} #rechenguthandling #nav-sub .level_1 {padding: 30px 0 81px; min-height: 330px;} #rueckstandsfreies-verladen #nav-sub .level_1 {min-height: 550px;} #andockvorrichtungen #nav-sub .level_1 {height: 550px;} #abwasser #nav-sub .level_1 {min-height: 340px; } #stahlwasserbau #nav-sub .level_1 {padding: 30px 0 80px; } #stahlwasserbau-211 #nav-sub .level_1 {padding: 30px 0 82px; } #rechen-siebsysteme #nav-sub .level_1 {min-height: 410px;} #fischschutz #nav-sub .level_1 {padding: 30px 0 48px; } #fischfreundliche-grobrechen-feinrechensysteme #nav-sub .level_1 {padding: 30px 0 70px;} #nav-sub.h290 .level_1 {min-height: 290px;} #nav-sub a, #nav-sub span {display: block;} #nav-sub .level_1 a, #nav-sub .level_1 span {font-size: 25px; font-weight: 900; padding: 0 0 0 20px; line-height: 30px; } #nav-sub .level_1 .hydro a, #nav-sub .level_1 .hydro span {color: #6dbeff;} #nav-sub .level_1 .bulk a, #nav-sub .level_1 .bulk span {color: #beff85;} #nav-sub .level_2 a, #nav-sub .level_2 span {font-size: 14px; font-weight: 900; padding: 5px 0 5px 20px; line-height: 16px; text-transform: uppercase; color: #ffffff; } #nav-sub .hydro .level_2 a, #nav-sub .bulk .level_2 a {color: #ffffff;} #nav-sub .hydro .level_2 a.trail {color: #6dbeff;} #nav-sub .bulk .level_2 a.trail {color: #beff85;} #nav-sub .level_3 a , #nav-sub .level_3 span {font-size: 13px; font-weight: 400; padding: 0 0 0 28px; line-height: 25px; text-transform: none; text-indent: -8px;} #nav-sub .hydro .level_3 span {background: #3898e6; color: #ffffff;} #nav-sub .hydro .level_3 a:hover {background: #3898e6; color: #ffffff;} #nav-sub .bulk .level_3 span {background: #84a46a; color: #ffffff;} #nav-sub .bulk .level_3 a:hover {background: #84a46a; color: #ffffff;} #nav-sub li.hydro {position: absolute; bottom: 90px;} #nav-sub li.abst {margin-top: 20px;} #bulk-detail #nav-sub li.hydro {bottom: 30px;} #nav-sub li.hydro.trail {position: relative; bottom: auto;} #nav-sub li.hydro.active {position: relative; bottom: auto;} #nav-sub-2 h3 {background: #666a72; font-size: 25px; color: #5dfffa; font-weight: 900; margin: 0; padding: 30px 20px 0; text-transform: uppercase;} #nav-sub-2 .level_1 {background: #666a72; padding: 10px 0 50px; min-height: 192px; } #nav-sub-2 a, #nav-sub-2 span {display: block;} #nav-sub-2 .level_1 a, #nav-sub-2 .level_1 span {font-size: 13px; font-weight: 400; padding: 0 0 0 28px; line-height: 25px; text-transform: none; text-indent: -8px;} .layout_jobs {border-top: 1px solid #c71e26; color: #ffffff; margin: 0 40px;} .layout_jobs.last {border-bottom: 1px solid #c71e26;} .layout_jobs li {list-style-type: disc; margin-left: 30px;} .toggler h3 {font-size: 18px; font-weight: bold; text-transform: uppercase; padding-left: 40px; background: url(../images/layout/mehr.png) no-repeat left center; } #box {background: #e62232; color: #ffffff; padding: 50px 40px 40px 40px; box-sizing: border-box; -moz-box-sizing:border-box; margin-top: -360px; min-height: 790px; width: 49.5%; z-index: 1; float: right;} .produkte #box {height: 790px; float: right; position: relative; height: auto;} .kontakt #box {margin-top: -180px; min-height: 610px;} .kontakt .center img {margin: 0 auto;} #box.bulk {background: #7AC03C;} #box.hydro {background: #005BA5;} #box.formular {background: #606369;} .news #box {margin-top: -260px; height: 690px; } .news-detail #box {margin-top: -260px; height: auto; position: relative; float: right;} #box h2 {font-size: 30px; line-height: 40px; margin: 0 0 30px;} #box p {font-size: 18px; line-height: 25px;} #box h2 {font-size: 35px; margin-bottom: 20px;} .layout_simple {border-bottom: 1px solid #c71e26; margin-bottom: 20px;} .layout_simple .date {font-size: 35px; font-weight: 300;} .layout_simple h3 {font-size: 18px; text-transform: uppercase; font-weight: 700; line-height: 20px;} .layout_simple a {color: #ffffff; padding-left: 31px; background: url(../images/layout/mehr.png) no-repeat left 4px; display: block;} #slider-box-home {min-height: 425px; font-size: 18px; line-height: 25px;} #slider-box-home h2 {} #main h1, #main h2 {margin: 0 0 20px;} #main h4 {margin: 0 0 5px;} #main .inside {overflow: visible;} .event {border-bottom: 1px solid #c71e26; margin-bottom: 20px; text-transform: uppercase;} .event:last-child {border-bottom: none;} #main .event p {font-size: 18px; font-weight: 600; margin: 0; line-height: 30px;} #main .event p.more {margin: 35px 0 25px;} #main .event p.more a {padding-left: 30px; background: url(../images/layout/mehr.png) no-repeat left center;} #main .event h2 {font-size: 35px; font-weight: 400; margin: 0 0 10px;} #halb {width: 49.5%;} .relative {position: relative;} #hydrobox {background: #005ba5; width: 49%;float: left; margin-right: 2%; height: 210px; overflow: hidden;} #hydrobox .image_container {opacity: 0;} #hydrobox:hover .image_container {opacity: 1;} .mobile #hydrobox:hover .image_container, .ipad #hydrobox:hover .image_container {opacity: 0;} .hydrotext {position: absolute; top: 0; width: 100%; height: 100%;box-sizing: border-box; -moz-box-sizing:border-box; padding: 20px;} #hydrobox h2, #bulkbox h2 {margin: 0 0 20px; color: #ffffff; font-size: 25px; text-transform: uppercase; font-weight: 900;} #hydrobox p {font-size: 13px; line-height: 20px;} .mobile #hydrobox p, .ipad #hydrobox p {display: none;} .hydrolink {position: absolute;bottom: 0; box-sizing: border-box; -moz-box-sizing:border-box; padding: 20px; background: url(../images/layout/linie.png) no-repeat 20px 5px;} .hydrolink a {color: #ffffff;font-size: 13px; text-transform: uppercase; font-weight: 900; } .mobile .hydrolink , .ipad .hydrolink {padding: 0; width: 100%;background: url(../images/layout/linie.png) no-repeat 20px 159px;} .mobile .hydrolink a, .ipad .hydrolink a {padding:144px 20px 20px; display: block; } #hydrobox:hover .hydrolink{padding: 20px 20px 20px 40px; background: url(../images/layout/mehr.png) no-repeat 20px center;} .mobile #hydrobox:hover .hydrolink, .ipad #hydrobox:hover .hydrolink{padding:0 20px ; background: url(../images/layout/mehr.png) no-repeat 20px 144px;} .bulktext {position: absolute; top: 0; width: 100%; height: 100%;box-sizing: border-box; -moz-box-sizing:border-box; padding: 20px;} .bulklink {position: absolute;bottom: 0; box-sizing: border-box; -moz-box-sizing:border-box; padding: 20px; background: url(../images/layout/linie.png) no-repeat 20px 5px;} .bulklink a {color: #ffffff; font-size: 13px; text-transform: uppercase; font-weight: 900; } .hydrotext a, .bulktext a {font-size: 13px; color: #ffffff; text-transform: uppercase; line-height: 18px; opacity: 0; white-space: nowrap; text-overflow: ellipsis;} .hydrotext:hover a, .bulktext:hover a {opacity: 1;} .mobile .hydrotext:hover a,.mobile .bulktext:hover a, .ipad .hydrotext:hover a, .ipad .bulktext:hover a {opacity: 0;} .mobile .bulklink, .ipad .bulklink {padding: 0; width: 100%;background: url(../images/layout/linie.png) no-repeat 20px 159px;} .mobile .bulklink a,.ipad .bulklink a {padding:144px 20px 20px; display: block; } #bulkbox {background: #7ac03c; width: 49%; float: left; height: 210px; overflow: hidden;} #bulkbox .image_container {opacity: 0;} #bulkbox:hover .image_container {opacity: 1;} .mobile #bulkbox:hover .image_container, .ipad #bulkbox:hover .image_container {opacity: 0;} #bulkbox:hover .bulklink{padding: 20px 20px 20px 40px; background: url(../images/layout/mehr.png) no-repeat 20px center;} .mobile #bulkbox:hover .bulklink, .ipad #bulkbox:hover .bulklink{padding:0 20px ; background: url(../images/layout/mehr.png) no-repeat 20px 144px;} #anw_box {background: #419d9a; width: 49%;clear: left; float: left; margin-right: 2%;margin-top: 10px; height: 210px; position: relative;} #anw_box h2 {margin: 0 0 20px; color: #ffffff; font-size: 25px; text-transform: uppercase; font-weight: 900; padding: 20px 5px 20px 20px;} #bulkbox p {font-size: 13px; line-height: 20px;} .mobile #bulkbox p, .ipad #bulkbox p {display: none;} #anw_box .hyperlink_txt {position: absolute; top: 0; width: 100%; height: 210px;box-sizing: border-box; -moz-box-sizing:border-box; padding: 174px 20px 20px 20px; color: #ffffff; font-size: 13px; text-transform: uppercase; font-weight: 900; background: url(../images/layout/linie.png) no-repeat 20px 159px;} #anw_box .hyperlink_txt:hover {background: url(../images/layout/mehr.png) no-repeat 20px 174px; padding: 174px 20px 20px 40px;} #untern_box {background: #666a72; width: 49%; float: left; margin-top: 10px; height: 210px; position: relative;} .kontakt #untern_box {margin: 0;} #untern_box h2 {margin: 0 0 20px; color: #ffffff; font-size: 25px; text-transform: uppercase; font-weight: 900; padding: 20px;} #untern_box .hyperlink_txt {position: absolute; top: 0; width: 100%; height: 210px;box-sizing: border-box; -moz-box-sizing:border-box; padding: 174px 20px 20px 20px; color: #ffffff; font-size: 13px; text-transform: uppercase; font-weight: 900; background: url(../images/layout/linie.png) no-repeat 20px 159px;} #untern_box .hyperlink_txt:hover {background: url(../images/layout/mehr.png) no-repeat 20px 174px; padding: 174px 20px 20px 40px;} #seite-nicht-gefunden #hydrobox, #seite-nicht-gefunden #bulkbox, #seite-nicht-gefunden #ref_box, #seite-nicht-gefunden #untern_box, #newsletter-content #hydrobox, #newsletter-content #bulkbox, #newsletter-content #ref_box, #newsletter-content #untern_box {width: 24%; margin-right: 1%;margin-top: 0; } #seite-nicht-gefunden #untern_box, #newsletter-content #untern_box {margin-right: 0;} #kontakt_box {background: #e62232; width: 49%; float: left; margin-top: 10px; height: 210px; position: relative;} .kontakt #kontakt_box {margin: 0 2% 0 0;} #kontakt_box h2 {margin: 0 0 20px; color: #ffffff; font-size: 25px; text-transform: uppercase; font-weight: 900; padding: 20px;} #kontakt_box .hyperlink_txt {position: absolute; top: 0; width: 100%; height: 210px;box-sizing: border-box; -moz-box-sizing:border-box; padding: 174px 20px 20px 20px; color: #ffffff; font-size: 13px; text-transform: uppercase; font-weight: 900; background: url(../images/layout/linie.png) no-repeat 20px 159px;} #kontakt_box .hyperlink_txt:hover {background: url(../images/layout/mehr.png) no-repeat 20px 174px; padding: 174px 20px 20px 40px;} #hydro_box {background: #005BA5; width: 49%; float: left; margin-top: 10px; margin-right: 2%; height: 210px; position: relative;} #hydro_box h2 {margin: 0 0 20px; color: #ffffff; font-size: 25px; text-transform: uppercase; font-weight: 900; padding: 20px;} #hydro_box .hyperlink_txt {position: absolute; top: 0; width: 100%; height: 210px;box-sizing: border-box; -moz-box-sizing:border-box; padding: 174px 20px 20px 20px; color: #ffffff; font-size: 13px; text-transform: uppercase; font-weight: 900; background: url(../images/layout/linie.png) no-repeat 20px 159px;} #hydro_box .hyperlink_txt:hover {background: url(../images/layout/mehr.png) no-repeat 20px 174px; padding: 174px 20px 20px 40px;} #bulk_box {background: #7ac03c; width: 49%; float: left; margin-top: 10px; height: 210px; position: relative;} #bulk_box h2 {margin: 0 0 20px; color: #ffffff; font-size: 25px; text-transform: uppercase; font-weight: 900; padding: 20px;} #bulk_box .hyperlink_txt {position: absolute; top: 0; width: 100%; height: 210px;box-sizing: border-box; -moz-box-sizing:border-box; padding: 174px 20px 20px 20px; color: #ffffff; font-size: 13px; text-transform: uppercase; font-weight: 900; background: url(../images/layout/linie.png) no-repeat 20px 159px;} #bulk_box .hyperlink_txt:hover {background: url(../images/layout/mehr.png) no-repeat 20px 174px; padding: 174px 20px 20px 40px;} #messen_box {background: #b5b5b5; width: 49%; float: left; margin-right: 2%; height: 210px; position: relative;} #messen_box h2 {margin: 0 0 20px; color: #ffffff; font-size: 25px; text-transform: uppercase; font-weight: 900; padding: 20px;} #messen_box .hyperlink_txt {position: absolute; top: 0; width: 100%; height: 210px;box-sizing: border-box; -moz-box-sizing:border-box; padding: 174px 20px 20px 20px; color: #ffffff; font-size: 13px; text-transform: uppercase; font-weight: 900; background: url(../images/layout/linie.png) no-repeat 20px 159px;} #messen_box .hyperlink_txt:hover {background: url(../images/layout/mehr.png) no-repeat 20px 174px; padding: 174px 20px 20px 40px;} #jobs {background: #E5222B;} #jobs h2, #jobs-links h2 {font-size: 35px; font-weight:300; margin: 0 0 20px;} #jobs-links h3 {line-height: 24px;} #jobs_box {background: #606369; width: 49%; height: 210px; position: relative;} #jobs_box h2 {margin: 0 0 20px; color: #ffffff; font-size: 25px; text-transform: uppercase; font-weight: 900; padding: 20px;} #jobs_box .hyperlink_txt {position: absolute; top: 0; width: 100%; height: 210px;box-sizing: border-box; -moz-box-sizing:border-box; padding: 174px 20px 20px 20px; color: #ffffff; font-size: 13px; text-transform: uppercase; font-weight: 900; background: url(../images/layout/linie.png) no-repeat 20px 159px;} #jobs_box .hyperlink_txt:hover {background: url(../images/layout/mehr.png) no-repeat 20px 174px; padding: 174px 20px 20px 40px;} #box-404, #box-newsl {position: absolute; top: 10%; left:10%; max-width: 410px;} #box-404 h1, #box-newsl h1 {margin: 0 0 12px;} #box-404 h3, #box-newsl h3 {margin: 0;} #box-404 p, #box-newsl p {line-height: 24px;} #box_ref { width: 430px; float: left; display: inline; padding: 30px 30px 0; min-height: 400px;} #box_ref h1 {margin: 0;} #box_ref p {font-size: 14px; line-height: 24px; margin: 0 0 10px;} .layout_referenz { display: inline; float: left; position: relative; margin: 0 0 10px 10px;} .layout_referenz:nth-child(4n+6) {margin: 0 0 10px 0;} .layout_referenz .hovertext {opacity: 0; position: absolute; top: 0; left: 0; z-index: 1; background: url(../images/layout/bg-rot.png); height: 100%; width: 100%; -webkit-transition: all 500ms ease-in-out; -moz-transition: all 500ms ease-in-out; -ms-transition: all 500ms ease-in-out; -o-transition: all 500ms ease-in-out; transition: all 500ms ease-in-out; } #main .layout_full_ref h1 {display: inline-block; font-size: 20px; color: #414243; margin: 0 0 10px; padding: 0 10px; } #main .layout_full_ref h2 {display: inline-block; font-size: 13px; color: #414243; font-style: italic; margin: 0 0 10px; padding: 0 10px; } #main .layout_full_ref .ce_text {padding: 0 10px;} #main .layout_full_ref p {font-size: 14px; line-height: 18px; margin: 0 0 10px;} #main .layout_full_ref p em {color: #e62232; } #main #referenz .back {display: none;} #main .layout_referenz h2 {margin: 0;} #main .layout_referenz h4 {font-size: 13px; font-weight: 800;} .layout_referenz .hovertext a {width: 240px; height: 210px; padding: 30px 20px 20px 20px; box-sizing: border-box; -moz-box-sizing:border-box; display: inline-block; } .layout_referenz .hovertext a:hover {text-decoration: none;} #main .layout_referenz .hovertext a p.more {position: absolute;bottom: 0; box-sizing: border-box; -moz-box-sizing:border-box; padding-top: 20px; line-height: 13px; background: url(../images/layout/linie.png) no-repeat 0 5px; font-size: 13px; text-transform: uppercase; font-weight: 400;} .layout_referenz:hover .hovertext {opacity: 1; } .sublink_box {margin-top: 10px; height: 210px; position: relative;} .sublink_box h2 {margin: 0 0 20px; color: #ffffff; font-size: 25px; text-transform: uppercase; font-weight: 900; padding: 20px;} .sublink_box .hyperlink_txt {position: absolute; top: 0; width: 100%; height: 210px;box-sizing: border-box; -moz-box-sizing:border-box; padding: 174px 20px 20px 20px; color: #ffffff; font-size: 13px; text-transform: uppercase; font-weight: 900; background: url(../images/layout/linie.png) no-repeat 20px 159px;} .sublink_box .hyperlink_txt:hover {background: url(../images/layout/mehr.png) no-repeat 20px 174px; padding: 174px 20px 20px 40px;} .link_bild {margin-top: 10px;} .link_bild img {float: right;} .zeichnung img {float: right;} .blau-1 {background: #016bc0;} .blau-2 {background: #0179da;} .blau-3 {background: #007fe6;} .blau-4 {background: #008dff;} .blau-5 {background: #378ec8; padding: 30px 30px 0; color: #ffffff;} .blau-5 h3 {font-size: 20px; font-weight: bold; text-transform: uppercase; margin: 0 0 12px; line-height: 24px;} #main .blau-5 p {font-size: 14px; line-height: 25px; } .blau-6 {background: #79aed1; padding: 30px 30px 0; color: #ffffff;} .blau-6 h3 {font-size: 20px; font-weight: bold; text-transform: uppercase; margin: 0 0 12px; line-height: 24px;} #main .blau-6 p {font-size: 14px; line-height: 25px; } .blau-7 {background: #005ba5; padding: 30px 30px 0; color: #ffffff;} .blau-7 h3 {font-size: 20px; font-weight: bold; text-transform: uppercase; margin: 0 0 12px; line-height: 24px;} #main .blau-7 p {font-size: 14px; line-height: 25px; } .gruen-1 {background: #83ce41;} .gruen-2 {background: #7ac03c;} .grau-1 {background: #b5b5b5;} .grau-2 {background: #606369;} #fisch_box {background: #009ee3; width: 49%; float: left; margin-top: 10px; height: 210px; position: relative;} #fisch_box h2 {margin: 0 0 20px; color: #ffffff; font-size: 25px; text-transform: uppercase; font-weight: 900; padding: 20px;} #fisch_box .hyperlink_txt {position: absolute; top: 0; width: 240px; height: 210px;box-sizing: border-box; -moz-box-sizing:border-box; padding: 174px 20px 20px 20px; color: #ffffff; font-size: 13px; text-transform: uppercase; font-weight: 900; background: url(../images/layout/linie.png) no-repeat 20px 159px;} #fisch_box .hyperlink_txt:hover {background: url(../images/layout/mehr.png) no-repeat 20px 174px; padding: 174px 20px 20px 40px;} #ref_box {background: #e5222b; width: 49%; float: left; margin-top: 10px; height: 210px; position: relative; margin-right: 2%;} #ref_box h2 {margin: 0 0 20px; color: #ffffff; font-size: 25px; text-transform: uppercase; font-weight: 900; padding: 20px;} #ref_box .hyperlink_txt {position: absolute; top: 0; width: 240px; height: 210px;box-sizing: border-box; -moz-box-sizing:border-box; padding: 174px 20px 20px 20px; color: #ffffff; font-size: 13px; text-transform: uppercase; font-weight: 900; background: url(../images/layout/linie.png) no-repeat 20px 159px;} #ref_box .hyperlink_txt:hover {background: url(../images/layout/mehr.png) no-repeat 20px 174px; padding: 174px 20px 20px 40px;} #bild_box { width: 49%;clear: left; float: left; margin-right: 2%;margin-top: 10px; height: 210px; } #main .sc4 {width: 240px; padding-right: 10px;} #main .sc4-last {padding-right: 0;} #main .sc4-2 {width: 490px; padding-right: 10px;} #main .sc4-2-last {padding-right: 0;} #main .sc4-3 {width: 740px; padding-right: 10px; } #main .sc4-3-last {padding-right: 0;} .inside .mod_article {overflow: visible;} .h190 {height: 190px; box-sizing: border-box; -moz-box-sizing:border-box;} .h210 {height: 210px; box-sizing: border-box; -moz-box-sizing:border-box;} .h230 {height: 230px; box-sizing: border-box; -moz-box-sizing:border-box;} .h260 {height: 260px; box-sizing: border-box; -moz-box-sizing:border-box;} .h280 {height: 280px; box-sizing: border-box; -moz-box-sizing:border-box;} .h300 {height: 300px; box-sizing: border-box; -moz-box-sizing:border-box;} .h330 {height: 330px; box-sizing: border-box; -moz-box-sizing:border-box;} .h610 {height: 610px; box-sizing: border-box; -moz-box-sizing:border-box;} .h670 {height: 670px; box-sizing: border-box; -moz-box-sizing:border-box;} .abst_o {margin-top: 10px;} .rot {background: #e5222b; padding: 40px; color: #ffffff; } .rot_2 {background: #e5222b; padding: 20px 20px; color: #ffffff; } .grau {background: #666a72;} .grau h2 {color: #ed5c62; padding: 150px 0 0 20px; margin: 0;} #jobs-links .grau h2 {padding: 120px 0 0 20px; font-size: 25px; font-weight: 900;} #messe-links .grau h2 {padding: 120px 0 0 20px; font-size: 25px; font-weight: 900;} .grau a {color: #ffffff;} .grau a:hover {color: #ed5c62;} #box_2 {position: absolute; margin-top: -260px; background: #e5222b; padding: 40px 20px 20px 35px; font-size: 18px; color: #ffffff; height: 410px; width: 435px;} .mobile #box_2 {position: relative;} #box_2 h1 {color: #ffffff; margin: 0 0 25px; line-height: 35px;} #box_2 p {font-size: 18px; line-height: 25px; color: #ffffff;} #box_3 h2 {font-size: 20px; line-height: 25px;} #box_3 h3 {font-size: 17px; text-transform: uppercase; font-weight: 900;} #box_3 p {font-size: 14px; line-height: 24px;} #box_4 {position: absolute; margin-top: -260px; background: #e5222b; padding: 50px 25px 30px 40px; font-size: 18px; color: #ffffff; height: 470px;} #impressum #box_4 {padding: 40px 25px 20px 40px; height: 590px; margin-top: -360px;} #impressum #box_4 h1 {margin: 0 0 10px;} #impressum #box_4 p {} .mobile #box_4 {position: relative;} #box_4 h1 {color: #ffffff; margin: 0 0 30px;} #box_4 p {font-size: 18px; line-height: 25px; color: #ffffff;} #box_5 {background: #efefef; padding: 40px; color: #606369;} #box_5 a {color: #e5222b; } #sitemap #box_5 {background: #E62232; color: #ffffff;} #box_5 h2 {color: #606369; font-size: 30px;} #box_5 h3 {color: #e62232; font-size: 16px; text-transform: uppercase; font-weight: 700;} #sitemap ul {margin: 0;} #sitemap #box_5 li ,#sitemap #box_5 a{color: #ffffff;} #box_5 li { background: url("../images/layout/list.png") no-repeat left 10px; line-height: 26px; padding-left: 20px;} #box_6 { margin-top: -260px; background: #005ba5; padding: 100px 40px 30px 40px; font-size: 18px; color: #ffffff; min-height: 580px; width: 410px;} #wasserkraft #box_6 {min-height: 810px;} #rechenreinigungssystem #box_6 {padding: 50px 40px 0 40px;min-height: 780px; } #rechenguthandling #box_6 {padding: 60px 40px 0 40px;min-height: 640px; } #abwasser #box_6 {min-height: 400px; position: relative;} #rechen-siebsysteme #box_6 {padding: 40px 30px 0;} #fein-feinstsiebung #box_6 {padding: 80px 40px 0; min-height: 730px;} #kuehl-prozesswasser-aufbereitung #box_6 {min-height: 830px; padding: 50px 40px 0;} #fischfreundliche-grobrechen-feinrechensysteme #box_6 {padding: 50px 30px 30px 40px; width: 420px; min-height: 870px; position: absolute; } #fischschutz #box_6 {min-height: 690px;} #fischschutz-unten h2 {color: #79aed1; font-size: 50px; font-weight: 400; line-height: 100px; margin: 20px 0 0;} #box_6.h570 {min-height: 570px;} .mobile #box_6 {position: relative;} #box_6 h1 {color: #ffffff; margin: 0 0 30px;} #box_6 h4 {color: #6dbeff;} #box_6 p {font-size: 18px; line-height: 25px; color: #ffffff;} #box_6 em {font-weight: bold;} #box_6 li {list-style-type: disc; margin-left: 20px; line-height: 28px;} #box_7 {position: relative; margin-top: -260px; background: #7ac03c; padding: 100px 40px 30px 40px; font-size: 18px; color: #ffffff; min-height: 550px;} #bulk #box_7 {min-height: 570px; } #lose-verladesysteme #box_7 {min-height: 680px; } #verlademobile #box_7 {min-height: 570px; } #entmischungsfreies-verladen #box_7 {min-height: 570px; } #kombinierte-verladung #box_7 {min-height: 490px; } #optimale-tankbefuellung #box_7 {min-height: 570px; } #bulk-detail #box_7 {min-height: 430px;} #offene-verladung #box_7 {min-height: 490px;} #mischtechnik #box_7 {min-height: 580px;} #mischsystem #box_7 {min-height: 690px;} #rotationskippsystem #box_7 {min-height: 690px;} #hochkippsysteme #box_7 {min-height: 690px;} #rueckstandsfreies-verladen #box_7 {min-height: 630px;} #mobiles-wiege-verladesystem #box_7 {min-height: 810px;} #andockvorrichtungen #box_7 {min-height: 370px; } .mobile #box_7 {position: relative;} #id-2d-mischsystem #box_7 {min-height: 470px;} #box_7 h1 {color: #ffffff; margin: 0 0 30px;} #box_7 h4 {color: #acff62;} #box_7 p {font-size: 18px; line-height: 25px; color: #ffffff;} #box_7 em {font-weight: bold;} #box_7 li {list-style-type: disc; margin-left: 20px; line-height: 28px;} #box_8 {position: absolute; margin-top: -260px; background: #e5222b; padding: 160px 40px 30px 40px; font-size: 18px; color: #ffffff; min-height: 460px; width: 410px;} .mobile #box_8 {position: relative;} #box_8 h1 {color: #ffffff; margin: 0 0 30px;} #box_8 p {font-size: 18px; line-height: 25px; color: #ffffff;} #box_9 {margin-top: 10px; background: #efefef; padding: 40px 20px; min-height: 430px;} #box_9 h2 {color: #4f565a; margin: 0 0 5px;} #box_9 p {font-size: 14px; color: #4f565a; line-height: 16px;} #box_9.erfolgreich {background: url(../images/layout/gluehbirne.png) no-repeat center center #efefef;} #box_10 {margin-top: 190px;} #box_11 {margin-top: -260px;} #box_12 {position: absolute; margin-top: -260px; background: #419d9a; padding: 100px 40px 30px 40px; font-size: 18px; color: #ffffff; min-height: 550px;} .mobile #box_12 {position: relative;} #box_12 h1 {color: #ffffff; margin: 0 0 30px;} #box_12 h4 {color: #5dfffa;} #box_12 p {font-size: 18px; line-height: 25px; color: #ffffff;} #box_13 {margin-top: -330px; margin-left: 250px; position: absolute; z-index: -1;} #fischschutz #box_13 {margin-left: 0; margin-top: -230px;} #rueckstandsfreies-verladen #box_13 {margin-top: -190px;} #andockvorrichtungen #box_13 {margin-top: -450px;} #verlademobile #box_13 {margin-top: -250px;} #entmischungsfreies-verladen #box_13 {margin-top: -250px;} #optimale-tankbefuellung #box_13 {margin-top: -250px;} #jobs {width: 490px; float: right; } #jobs h2 {color: #ffffff; padding: 0 40px;} #jobs-links {width: 490px;} #messe {width: 490px; float: right; margin-top: -260px; -moz-box-sizing: border-box; box-sizing: border-box; padding: 160px 40px 40px;} #messe-links {width: 490px;} #f1 {margin: 0;} #f1 label, #f1 br {display: none !important;} #f1 input.text {width: 48.7%; margin-bottom: 10px; float: left; border: none; height: 40px; background: #ffffff; box-sizing: border-box; -moz-box-sizing:border-box; padding: 0 20px;} #f1 #ctrl_1, #f1 #ctrl_3, #f1 #ctrl_9, #f1 #ctrl_11 {margin-right: 2.5%;} #f1 #ctrl_4, #f1 #ctrl_12, #f1 #ctrl_19, #f1 #ctrl_20 {width: 100%;} #f1 textarea {width: 100%; border: none; clear: left; box-sizing: border-box; -moz-box-sizing:border-box; padding: 20px; height: 180px; background: #ffffff; margin: 10px 0 20px;} #f1 .submit_container {text-align: right;} #f1 #ctrl_16 label , #f1 #ctrl_18 label, #f1 #ctrl_31 label, #f1 #ctrl_30 label {display: block !important; line-height: 39px;} #f1 input.checkbox {display: block; clear: left; float: left; margin: 13px 20px 13px 0;} #f1 input.submit {border: none; background: url(../images/layout/form-senden.jpg) no-repeat right center #e5222b; color: #ffffff; height: 50px; padding: 0 72px 0 30px; margin-top: 20px; font-size: 18px; text-transform: uppercase; font-weight: 900;} #sliderbox {position: relative; clear: left; } #sliderbox.produkte {padding-top: 10px;} #sliderbox .flex-control-nav { position: absolute; bottom: 0; text-align: left; padding-left: 35px;box-sizing: border-box; -moz-box-sizing:border-box; } #sliderbox .flex-control-nav li {margin: 20px 5px;} #sliderbox .flex-control-nav a {width: 30px; height: 10px; background: #ffffff; border: none; border-radius: 0;} #sliderbox .flex-control-nav a.flex-active {background: #e5222b;} #sliderbox .flex-direction-nav {display: none;} .tabhead {display: none;} .tabcontrol_tabs ul .current-info {display: none;} #unten a {color: #606369;} #unten .tabcontent {width: 50%; width: calc(50% - 5px); box-sizing: border-box; -moz-box-sizing:border-box; margin-bottom: 10px; float: left;} #unten #bulk-unten .tabcontent {width: 100%; float: none;} #unten .bulk-tabs-links .tabcontent {width: 100%; float: none;} #unten .bulk-tabs-rechts .tabcontent {width: 100%; float: none;} #unten #bulk-unten .textblock-2 { width: 100%; } #unten #unten-2 .tabcontent {float: right;} #unten .tabcontrol_panes {width: 100%; max-width: 490px; float: right; background: #016bc0; color: #ffffff; min-height: 600px; margin-right:10px; margin-bottom:10px; box-sizing: border-box; -moz-box-sizing:border-box; } #unten #bulk-unten {position: relative;} #unten #bulk-unten .tabcontrol_panes { width: 100%; max-width: 100%; float: none; background: none;} #unten #bulk-unten .textblock-1 {width: 100%; max-width: 490px; background: #84cf42; float: right; min-height: 600px; box-sizing: border-box; -moz-box-sizing:border-box;} #unten #bulk-unten .textblock-2 {color: #606369; margin-top: 230px; max-width: 420px;} #unten .bulk-tabs-links {position: relative;} #unten .bulk-tabs-links .tabcontrol_panes {width: 100%; max-width: 100%;float: none; background: none;} #unten .bulk-tabs-links .textblock-1 {max-width: 490px; width: 100%; background: #84cf42; float: left; min-height: 600px;} #unten .bulk-tabs-links .textblock-2 {color: #606369; margin-top: 20px; margin-right: 30px; max-width: 420px; float: right;} #unten .bulk-tabs-rechts {position: relative;} #unten .bulk-tabs-rechts .tabcontrol_panes { width: 100%; max-width: 100%; float: none; background: none;} #unten .bulk-tabs-rechts .textblock-1 {width: 100%; max-width: 490px; background: #84cf42; float: right; min-height: 600px;} #unten .bulk-tabs-rechts .textblock-2 {color: #606369; margin-top: 20px; max-width: 420px;} #unten .ce_tabcontrol_pane h4 {margin-bottom: 0; margin-top: 20px; padding: 0 20px 0 30px; font-weight: 400;} #unten .ce_tabcontrol_pane h2 {font-size:30px; margin: 0 0 5px; padding: 0 20px 0 30px;;} #unten .ce_tabcontrol_pane h3{padding: 0 20px 0 30px; font-size: 20px; text-transform: uppercase; font-weight: 900;} #unten .ce_tabcontrol_pane p {line-height: 25px; padding: 0 20px 0 30px;} #unten .ce_tabcontrol_pane ul {padding: 0 10px 0 15px;} #unten .ce_tabcontrol_pane ul li {line-height: 26px; background: url(../images/layout/list.png) no-repeat left 10px; padding-left: 20px;} #unten #bulk-unten .ce_tabcontrol_pane h3 {padding: 0; } #unten #bulk-unten .ce_tabcontrol_pane h4 {padding: 0; } #unten #bulk-unten .ce_tabcontrol_pane p {padding: 0; } #unten #bulk-unten .textblock-1 p {padding: 0 30px;} #unten .bulk-tabs-rechts .ce_tabcontrol_pane h2 {padding: 0; } #unten .bulk-tabs-rechts .ce_tabcontrol_pane h3 {padding: 0; } #unten .bulk-tabs-rechts .ce_tabcontrol_pane h4 {padding: 0; } #unten .bulk-tabs-rechts .ce_tabcontrol_pane p {padding: 0; } #unten .bulk-tabs-links .ce_tabcontrol_pane h2 {padding: 0; } #unten .bulk-tabs-links .ce_tabcontrol_pane h3 {padding: 0; } #unten .bulk-tabs-links .ce_tabcontrol_pane h4 {padding: 0; } #unten .bulk-tabs-links .ce_tabcontrol_pane p {padding: 0; } #unten #unten-2 .tabcontrol_panes {float: left; margin-right: 0; margin-left: 10px;} #unten .tabcontrol_tabs {width: 50%; width: calc(50% - 5px); float: right; background: #f6f6f6; border: 1px solid #cfd0d2; border-right: none; box-sizing: border-box; -moz-box-sizing:border-box; padding:40px 40px 30px 40px; min-height: 600px;} #unten #bulk-unten .tabcontrol_tabs {float: none; position: absolute; left: 50%; top: 0; border: none; background: none; min-height: 100px;} #unten .bulk-tabs-links .tabcontrol_tabs {float: none; position: absolute; left: 50%; margin-left: -495px; bottom: 0; border: none; background: none; min-height: 100px; padding: 40px 40px 20px 30px;} #unten .bulk-tabs-rechts .tabcontrol_tabs {float: none; position: absolute; left: 50%; bottom: 0; border: none; background: none; min-height: 100px; padding: 40px 40px 20px;} #unten #unten-2 .tabcontrol_tabs {float: left; border-right: 1px solid #cfd0d2; border-left: none; width: 50%; width: calc(50% - 5px); padding-left: calc(50% - 450px);} #unten #unten-2 .tabcontrol_tabs ul li {} .sf5 #unten #unten-2 .tabcontrol_tabs ul li {width: 435px; float: right;} #unten .tabcontrol_tabs ul li {} #unten .tabcontrol_tabs ul li {text-transform: uppercase; line-height: 35px; border-bottom: 1px solid #606369; padding-left: 10px; display: block; max-width: 420px; background: url(../images/layout/tab.png) no-repeat 98% center; font-weight: 800;} #unten .tabcontrol_tabs ul li:last-child {border-bottom: none;} #unten .tabcontrol_tabs ul li:hover {background: url(../images/layout/tab-current.png) no-repeat 97% center #0179da; color: #ffffff; border-bottom: 1px solid #0179da; border-top: 1px solid #0179da; margin-top: -1px;} #unten .tabcontrol_tabs ul li.selected {background: url(../images/layout/tab-current.png) no-repeat 97% center #0179da; color: #ffffff; border-bottom: 1px solid #0179da; border-top: 1px solid #0179da; margin-top: -1px;} #unten .tabcontrol_tabs ul li.selected:has(h3) {background: none;} #unten #unten-2 .tabcontrol_tabs ul .current a{background: url(../images/layout/tab-current-2.png) no-repeat 97% center #0179da;} #unten #unten-2 .tabcontrol_tabs ul li:hover {background: url(../images/layout/tab-current-2.png) no-repeat 97% center #0179da; border-bottom: 1px solid #0179da; border-top: 1px solid #0179da;} #unten #bulk-unten .tabcontrol_tabs ul li.selected {background: url(../images/layout/tab-current.png) no-repeat 97% center #84cf42; border-bottom: 1px solid #84cf42; border-top: 1px solid #84cf42;} #unten #bulk-unten .tabcontrol_tabs ul li:hover {background: url(../images/layout/tab-current.png) no-repeat 97% center #84cf42; border-bottom: 1px solid #84cf42; border-top: 1px solid #84cf42;} #unten .bulk-tabs-rechts .tabcontrol_tabs ul li:hover {background: url(../images/layout/tab-current.png) no-repeat 97% center #84cf42; border-bottom: 1px solid #84cf42; border-top: 1px solid #84cf42;} #unten .bulk-tabs-rechts .tabcontrol_tabs ul li.selected {background: url(../images/layout/tab-current.png) no-repeat 97% center #84cf42; border-bottom: 1px solid #84cf42; border-top: 1px solid #84cf42;} #unten #bulk-unten .tabcontrol_tabs ul .current #tab_head {border: none;} #unten .bulk-tabs-links .tabcontrol_tabs ul .current #tab_head {border: none;} #unten .bulk-tabs-rechts .tabcontrol_tabs ul .current #tab_head {border: none;} #unten .bulk-tabs-links .tabcontrol_tabs ul li:hover {background: url(../images/layout/tab-current-2.png) no-repeat 97% center #84cf42; border-bottom: 1px solid #84cf42; border-top: 1px solid #84cf42;} #unten .bulk-tabs-links .tabcontrol_tabs ul li.selected {background: url(../images/layout/tab-current-2.png) no-repeat 97% center #84cf42; border-bottom: 1px solid #84cf42; border-top: 1px solid #84cf42;} #rechenguthandling-unten .sc-count4, #rechenguthandling-unten .sc-count8, #stahlwasserbau-unten .sc-count4, #stahlwasserbau-unten .sc-count8, #geschlossene-verladung-unten-5 .sc-count36 , #geschlossene-verladung-unten-5 .sc-count40 , #offene-verladung-unten-5 .sc-count36, #offene-verladung-unten-5 .sc-count40, #offene-verladung-unten-5 .sc-count32, #kombinierte-verladung-unten .sc-count26, #kombinierte-verladung-unten .sc-count30 {background: #f6f6f6; border: 1px solid #cfd0d2; border-right: none; box-sizing: border-box; -moz-box-sizing:border-box; width: 50%; width: calc(50% - 5px); padding-left: 40px !important; min-height: 600px;} #rechenguthandling-unten .sc-count4, #rechenguthandling-unten .sc-count8 {width: 50%; width: calc(50% - 5px); float: right;} #rueckstandsfreies-verladen-bss .sc-count11 {background: #f6f6f6; border: 1px solid #cfd0d2; border-left: none; box-sizing: border-box; -moz-box-sizing:border-box;width: 50%; width: calc(50% - 5px); padding-left: 40px !important; min-height: 600px;} #rueckstandsfreies-verladen-bss .sc-count11 .ce_text {float: right;} #rueckstandsfreies-verladen-bss .textblock-1 { background: none repeat scroll 0 0 #84CF42; float: left; max-width: 490px; min-height: 600px; color: #ffffff;} #rueckstandsfreies-verladen-bss .textblock-1 h4 {font-weight: 400; margin-bottom: 0; margin-top: 20px;} #rueckstandsfreies-verladen-bss .textblock-1 h2 {font-size: 30px; margin: 0 0 5px;} #rueckstandsfreies-verladen-bss .textblock-1 p {line-height: 25px;} #330_0, #330_5 {font-size: 20px; text-transform: none; line-height: 50px; border-bottom: none; border-top: none; background: none !important; color: #606369; margin: 0;} #unten .tabcontrol_tabs ul a#tab_rechenreinigung:hover, #unten .tabcontrol_tabs ul a#tab_systemreihen:hover, #unten .tabcontrol_tabs ul a#tab_head:hover, #unten #unten-2 .tabcontrol_tabs ul a#tab_head:hover {border-bottom: none; border-top: none;} #unten .tabcontrol_tabs ul #tab_systemreihen {margin-top: 30px;} #unten .sc2 {padding-right: 0;} #unten .sc2-first {width: 50%; box-sizing: border-box; -moz-box-sizing:border-box; margin-bottom: 10px;} #unten .sc2-first {width: 50%; width:calc(50% - 5px); } #unten .sc2-last {width: 50%; box-sizing: border-box; -moz-box-sizing:border-box; margin-bottom: 10px;} #unten .sc2-last {width: 50%; width:calc(50% - 5px); float: right;} #unten .sc2-first .image_container {float: right; max-width: 100%;} .ie8 #unten .sc2-first img {float: right;} #unten .ce_tabcontrol_pane .sc2-first .image_container {float: none;} #unten .sc-count5, #geschlossene-verladung-unten-5 .sc-count37, #offene-verladung-unten-5 .sc-count37, #rechenguthandling-unten .sc-count9, #offene-verladung-unten-5 .sc-count33, #kombinierte-verladung-unten .sc-count27 {background: #f6f6f6; border: 1px solid #cfd0d2; border-left: none; box-sizing: border-box; -moz-box-sizing:border-box;width: 50%; width: calc(50% - 5px); padding-left: 40px !important; min-height: 600px;} #unten .sc-count5 {width: 50%; width: calc(50% - 5px); } #unten .sc-clear {clear: both;} #unten #bulk-unten .sc2-last {background: #f6f6f6; border: 1px solid #cfd0d2; border-right: none; box-sizing: border-box; -moz-box-sizing:border-box; width: 50%; width: calc(50% - 5px); padding-left: 40px !important; min-height: 600px; margin-bottom: 0;} #unten #bulk-unten .sc2-first {border: none; background: none; margin-bottom: 0;} #unten .bulk-tabs-links .sc2-first {background: #f6f6f6; border: 1px solid #cfd0d2; border-left: none; box-sizing: border-box; -moz-box-sizing:border-box;width: 50%; width: calc(50% - 5px); padding-left: 40px !important; min-height: 600px; margin-bottom: 0;} #unten .bulk-tabs-links .sc2-last {border: none; background: none; margin-bottom: 0;} #unten .bulk-tabs-rechts .sc2-last {background: #f6f6f6; border: 1px solid #cfd0d2; border-right: none; box-sizing: border-box; -moz-box-sizing:border-box;width: 50%; width: calc(50% - 5px); padding-left: 40px !important; min-height: 600px; margin-bottom: 0;} #unten .bulk-tabs-rechts .sc2-first {border: none; background: none; margin-bottom: 0;} #fein-feinstsiebung-unten #sliderbox { } #slider-feinstsiebung {width: 100%; max-width: 490px; float: right;} #unten #verlademobile-unten .sc-count4, #unten #verlademobile-unten .sc-count8, #unten #optimale-tankbefuellung-unten .sc-count4, #unten #kombinierte-verladung-unten .sc-count16, #unten #kombinierte-verladung-unten .sc-count20 {background: #f6f6f6; border: 1px solid #cfd0d2; border-right: none; box-sizing: border-box; -moz-box-sizing:border-box;width: 50%; width: calc(50% - 5px); padding-left: 40px !important; min-height: 600px; margin-bottom: 0;} #unten #kombinierte-verladung-unten .sc-count17 {background: #f6f6f6; border: 1px solid #cfd0d2; border-left: none; box-sizing: border-box; -moz-box-sizing:border-box;width: 50%; width: calc(50% - 5px); padding-left: 40px !important; min-height: 600px; margin-bottom: 0;} #unten #fischfreundliche-rechensysteme-unten .sc-count4, #unten #fein-feinstsiebung-unten .sc-count4, #unten #fein-feinstsiebung-unten .sc-count8 {background: #f6f6f6; border: 1px solid #cfd0d2; border-right: none; box-sizing: border-box; -moz-box-sizing:border-box;width: 50%; width: calc(50% - 5px); padding-left: 40px !important; min-height: 600px; margin-bottom: 0;} #unten #weiteres-lieferprogramm-unten .sc-count5, #unten #weiteres-lieferprogramm-unten .sc-count9, #unten #weiteres-lieferprogramm-unten .sc-count11 {background: #f6f6f6; border: 1px solid #cfd0d2; border-left: none; box-sizing: border-box; -moz-box-sizing:border-box; width: 50%; width: calc(50% - 5px); min-height: 260px; } #unten #weiteres-lieferprogramm-unten .sc-count4, #unten #weiteres-lieferprogramm-unten .sc-count8 {background: #f6f6f6; border: 1px solid #cfd0d2; border-right: none; box-sizing: border-box; -moz-box-sizing:border-box;width: 50%; width: calc(50% - 5px); min-height: 260px; } #weiteres-lieferprogramm-unten h2.textbox {font-size: 30px; color: #606369; padding: 100px 40px 0; line-height: 30px; margin: 0; box-sizing: border-box; -moz-box-sizing:border-box;} #unten .einspaltig {width: 100%; max-width: 990px; margin: 0 auto 10px; color: #84868a; background: #f6f6f6; border: 1px solid #cfd0d2; box-sizing: border-box; -moz-box-sizing:border-box; padding-top: 10px;} #unten .einspaltig .ce_text {} #unten .einspaltig h4 {padding: 0 40px; color: #666a72; font-weight: 400; margin: 20px 0 0;} #unten .einspaltig h2 {padding: 0 40px; color: #666a72; font-size: 30px; margin: 0 0 5px; } #unten .einspaltig p {padding: 0 40px; line-height: 25px;} .sc2-first .textbox {width: 100%; max-width: 420px; float: right; padding-right: 30px;} .sc2-last .textbox{width: 100%; max-width: 450px;} .textbox {color: #666a72; font-size: 16px; line-height: 26px; padding: 35px 0 0;} .textbox h2 {color: #666a72; font-size: 30px; line-height: 30px; margin: 0 0 12px;} .textbox h4 {font-weight: 400; margin: 0;} .textbox h3 {font-size: 20px; font-weight: 900; text-transform: uppercase;} #newsletter {background: #efefef;} #newsletter .inside {width: 990px; margin: 0 auto; padding: 50px 0;} #newsletter h2 {padding-left: 20px; float: left; color: #716c6c; font-size: 18px; margin: 0; line-height: 50px; font-weight: 700;} #newsletter p a {padding: 0 100px 0 20px; color: #716C6C; display: inline-block; line-height: 50px; background: url(../images/layout/senden.jpg)no-repeat right #e4e2e2; float: right; } #newsletter-content .mod_subscribe #tl_subscribe {float: right; margin: 40px 0;} #newsletter-content .mod_subscribe h2 {width: 300px; padding: 40px 0 40px 20px; float: left; color: #716c6c; font-size: 18px; margin: 0; line-height: 25px; font-weight: 700;} #newsletter-content .mod_subscribe p {padding: 40px 20px; font-size: 18px; font-weight: 700;} #newsletter-content .mod_subscribe input.text {background: #e4e2e2; border: none; width: 500px; height: 50px; padding-left: 20px;} #newsletter-content .mod_subscribe input.submit {background: url(../images/layout/senden.jpg)no-repeat; border: none; width: 40px; height: 50px; text-indent: -999999px; cursor: pointer; margin-left: 10px;} #newsletter-unten {background: #efefef;} #newsletter-unten .mod_unsubscribe {width: 100%; max-width: 990px; margin: 0 auto;} #newsletter-unten .mod_unsubscribe h2 {width: 300px; padding: 50px 0 50px 20px; float: left; color: #716c6c; font-size: 18px; margin: 0; line-height: 50px; font-weight: 700;} #newsletter-unten .mod_unsubscribe #tl_unsubscribe {float: right; margin: 50px 0;} #newsletter-unten .mod_unsubscribe input.text {background: #e4e2e2; border: none; width: 500px; height: 50px; padding-left: 20px;} #newsletter-unten .mod_unsubscribe input.submit {background: url(../images/layout/senden.jpg)no-repeat; border: none; width: 40px; height: 50px; text-indent: -999999px; cursor: pointer; margin-left: 10px;} #footer {background: #606369; color: #ffffff;} #footer h3 {font-size: 18px; font-weight: 700; padding-left: 12%; margin: 55px 0 12px;} #footer a {color: #ffffff;} #footer li {line-height: 39px; border-bottom: 1px solid #737579; padding-left: 12%;} #footer li.last {border-bottom: none;} #footer .inside {width: 990px; margin: 0 auto;} #footer .sitemap {width: 38.5%; margin: 0 auto; font-size: 13px;} #footer .social {width: 38.5%; margin: 0 5% 0 6%; float: left; font-size: 13px;} #footer .facebook {background: url(../images/layout/facebook.png) no-repeat left center; padding-left: 13%;} #footer .twitter {background: url(../images/layout/twitter.png) no-repeat left center; padding-left: 13%;} #footer .google {background: url(../images/layout/google.png) no-repeat left center; padding-left: 13%;} #footer .youtube {background: url(../images/layout/youtube.png) no-repeat left center; padding-left: 13%;} #footer .xing {background: url(../images/layout/xing.png) no-repeat left center; padding-left: 13%;} #footer .unten {clear: left; text-align: center; color: #ffffff; padding: 50px 0 0; clear: left; } #cookiebar {height: auto; box-sizing: border-box; z-index: 1;} #cookiebar button {background-color: #e62232; } /* Bildschirm bis 1479px*/ @media (max-width: 1479px){ #header {width: 100%;} #nav-wrap {right: 10%;} #headerbild {width: 100%; margin: 0;} #box {margin-top: -250px;} .news #box {margin-top: -160px;} .news-detail #box { margin-top: -160px;} #box_2 {margin-top: -160px; height: auto; position: relative; } #box_4 {margin-top: -160px; height: auto; position: relative; } #box_6 {margin-top: -160px; height: auto; position: relative; } #box_7 {margin-top: -160px; height: auto; position: relative; padding: 30px 40px 0;} #box_8 {margin-top: -160px; height: auto; position: relative; } #box_11 {margin-top: -160px;} #box_12 {margin-top: -160px; height: auto; position: relative; } #messe {margin-top: -160px;} .produkte #box {margin-top: -150px;} #main {min-height: 540px;} } /* Bildschirm bis 1149px*/ @media (max-width: 1149px){ #nav-wrap .anwendungen .level_2 {margin-left: 0; /*Mozilla Präfix -moz-*/ -moz-column-count:2; -moz-column-gap: 10px; /*Webkit Präfix -webkit-*/ -webkit-column-count:2; -webkit-column-gap: 10px; width: auto; max-height: 350px; height: auto;} } /* Bildschirm bis 989px*/ @media (max-width: 989px){ h2 {text-overflow: ellipsis; display: block; overflow: hidden;} #logo {margin-left: 2%; max-width: 20%;} #nav-wrap {right: 2%; width: 75%;} #nav-wrap li {margin-left: 2.5%;} #box {margin-top: 0; height: auto; position: relative; float: right;} .news #box {margin-top: 0;} .news-detail #box {float: right; margin: 0;} #box_2 {margin-top: 0; height: auto; position: relative; width: auto;} #box_4 {margin-top: 0; height: auto; position: relative; width: auto;} #box_6 {margin-top: 0; height: auto !important; position: relative; width: auto;} #fein-feinstsiebung #box_6 {min-height: 400px;} #fischfreundliche-grobrechen-feinrechensysteme #box_6 {margin-top: 0; height: auto !important; position: relative; width: auto;} #fischschutz #box_6 {width: auto;} #box_7 {margin-top: 0; height: auto; position: relative; width: auto;} #box_8 {margin-top: 0; height: auto; position: relative; width: auto;} #box_11 {margin-top: 0;} #box_12 {margin-top: 0; height: auto; position: relative; width: auto;} .h210, .h230, .h260 , .h280 , .h300 , .h330 , .h610, .h670 {height: auto;} .h190 {height: 190px; box-sizing: border-box; -moz-box-sizing:border-box;} #box_13 {position: relative; margin-left: 0; margin-top: 10px;} #box_ref {width: auto; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; margin-bottom: 1%;} .layout_referenz {width: 24.25%; margin: 0 0 1% 1%;} .layout_referenz:nth-child(4n+2) { margin: 0 0 1% 0; } .layout_referenz .hovertext a {width: 100%; height: 100%; padding: 3%; display: inline-block;} .layout_referenz .hovertext a h2 {font-size: 20px;} .produkte #box {margin-top: 0;} #container {width: 98%; margin: 1% 1%;} #main {min-height: 790px;} #hydrobox {height: 180px;} #hydrobox p {max-height: 60px; overflow: hidden;} #hydrobox img {width: 100%;} #bulkbox {height: 180px;} #bulkbox p {max-height: 60px; overflow: hidden;} #bulkbox img {width: 100%;} #anw_box {height: 180px;} #anw_box .hyperlink_txt {height: 180px; padding: 144px 20px 20px;} #anw_box .hyperlink_txt:hover {padding: 144px 20px 20px 40px; background: url(../images/layout/mehr.png) no-repeat 20px 144px;} #untern_box {height: 180px;} #untern_box .hyperlink_txt {height: 180px; padding: 144px 20px 20px;} #untern_box .hyperlink_txt:hover {padding: 144px 20px 20px 40px; background: url(../images/layout/mehr.png) no-repeat 20px 144px;} #fisch_box {height: 180px;} #fisch_box .hyperlink_txt {height: 180px; padding: 144px 20px 20px;} #fisch_box .hyperlink_txt:hover {padding: 144px 20px 20px 40px; background: url(../images/layout/mehr.png) no-repeat 20px 144px;} #ref_box {height: 180px;} #ref_box .hyperlink_txt {height: 180px; padding: 144px 20px 20px;} #ref_box .hyperlink_txt:hover {padding: 144px 20px 20px 40px; background: url(../images/layout/mehr.png) no-repeat 20px 144px;} #kontakt_box {height: 180px;} #kontakt_box .hyperlink_txt {height: 180px; padding: 144px 20px 20px;} #kontakt_box .hyperlink_txt:hover {padding: 144px 20px 20px 40px; background: url(../images/layout/mehr.png) no-repeat 20px 144px;} #hydro_box {height: 180px;} #hydro_box .hyperlink_txt {height: 180px; padding: 144px 20px 20px;} #hydro_box .hyperlink_txt:hover {padding: 144px 20px 20px 40px; background: url(../images/layout/mehr.png) no-repeat 20px 144px;} #bulk_box {height: 180px;} #bulk_box .hyperlink_txt {height: 180px; padding: 144px 20px 20px;} #bulk_box .hyperlink_txt:hover {padding: 144px 20px 20px 40px; background: url(../images/layout/mehr.png) no-repeat 20px 144px;} #rechenguthandling-unten .sc-count4, #rechenguthandling-unten .sc-count8, #stahlwasserbau-unten .sc-count4, #stahlwasserbau-unten .sc-count8, #geschlossene-verladung-unten-5 .sc-count36 , #geschlossene-verladung-unten-5 .sc-count40 , #offene-verladung-unten-5 .sc-count36, #offene-verladung-unten-5 .sc-count40 {min-height: 100px;} #unten .sc-count5, #geschlossene-verladung-unten-5 .sc-count37, #offene-verladung-unten-5 .sc-count37, #rechenguthandling-unten .sc-count9 { min-height: 100px;} #bild_box {height: 180px;} #bild_box img {width: 100%;} #jobs{width: 49.5%;} #jobs-links {width: 49.5%; } #messe{width: 49.5%; margin-top: 0:} #messe-links {width: 49.5%; } #main .sc4 {width: 24.25%; padding-right: 1%;} #main .sc4-last {padding-right: 0;} #main .sc4-2 {width: 49.5%; padding-right: 1%;} #main .sc4-2-last {padding-right: 0;} #main .sc4-3 {width: 74.75%; padding-right: 1%; } #main .sc4-3-last {padding-right: 0;} #main .sc4 img {width: 100%;} .sc2-last .textbox{max-width: 420px; padding-right: 30px;} #unten .tabcontent {width: 49.5%; } #unten #bulk-unten .sc2-last {padding-left: 2% !important; width: 50%;} #unten .bulk-tabs-links .tabcontrol_tabs ul {left: 0; width: 48%; padding: 2%; margin-left: 0;} #unten .bulk-tabs-links .sc2-first {padding-left: 2% !important; width: 50%;} #unten .tabcontrol_tabs ul {width: 49.5%; padding: 2%;} #unten #unten-2 .tabcontrol_tabs ul {width: 49.5%; padding: 2%;} .sf5 #unten #unten-2 .tabcontrol_tabs ul li {width: 100%;} #unten #unten-2 .tabcontent {width: 49.5%;} #newsletter .inside {width: 100%;} #footer .inside {width: 100%;} } /* Bildschirm bis 800px*/ @media (max-width: 800px){ .s-none {display: none;} #nav-sub {display: none;} #nav-icon {display: block;} #nav-wrap {display: none;} #nav-mobil {display: block;} #box {width: 100%; top: auto; position: relative; margin-top: 2%; margin-bottom: 2%;} #box-404, #box-newsl { position: relative; left: auto; top: auto; max-width: 100%;} .kontakt #box {margin-top: 2%; height: auto;} .news #box {margin-bottom: 2%; height: auto; float: none;} .news-detail #box {margin-bottom: 2%; height: auto;} #box_2 {width: 100%; top: auto; box-sizing: border-box; -moz-box-sizing: border-box;} #halb {width: 100%;} #jobs, #jobs-links {width: 100%; float: none; padding: 0;} #jobs img, #jobs-links img {width: 100%;} #messe, #messe-links {width: 100%; float: none; margin-top: 0; box-sizing: border-box; -moz-box-sizing:border-box;} #messe { padding: 40px;} #messe-links {padding: 0;} #messe-links img {width: 100%;} #main .sc4 {width: 100%; padding-right: 0;} #main .sc4.mobil-halb {width: 49%; padding-right: 1%;} #main .sc4-2.mobil-halb {width: 49%; padding-right: 1%;} #main .sc4-last {padding-right: 0;} #main .sc4-2 {width: 100%; padding-right: 0;} #main .sc4-2-last {padding-right: 0;} #main .sc4-3 {width: 100%; padding-right: 0; } #main .sc4-3-last {padding-right: 0;} #main .link_bild {width: 40%; padding-right: 1%} #main .sublink_box {width: 59%; } #unten #id-3ds-mischsystem-anwendung.bulk-tabs-rechts .sc2-last {padding-bottom: 400px;} #newsletter h2 {width: auto; float: none;} #newsletter input.text {width: 50%; margin-left: 20px;} #footer .sitemap {} #footer .social {} #footer li {padding-left: 1%;} #footer h3 {padding-left: 0; text-align: center; margin: 12px 0;} } /* Bildschirm bis 640px*/ @media (max-width: 640px){ #logo {max-width: 170px; } #logo img {margin-top: -10px;} #nav-icon {} #unten .sc2-first {width: 100%; float: none; display: block; padding-left: 0 !important; margin-bottom: 10px;} #unten .sc2-last {width: 100%; float: none; display: block; padding-left: 0;} #unten #bulk-unten .sc2-first {margin-bottom: 10px;} #unten #bulk-unten .sc2-last {width: 100%; float: none; display: block; padding-left: 0; min-height: 100px;} #unten .image_container img {margin: 0 auto;} #rueckstandsfreies-verladen-bss .textblock-1 {max-width: 100%; float: none;} #rueckstandsfreies-verladen-bss .textblock-1 img {width: 100%;} #unten .sc2-first .image_container {float: none;} .sc2-last .textbox {max-width: 640px; width: 90%; padding: 1% 5%; margin: 0 !important;} #unten #bulk-unten .tabcontent .sc2-first {width: 50%; width: calc(50% - 5px); display: inline; float: left;} #unten #bulk-unten .tabcontent .sc2-last {width: 50%; display: inline; float: left;} #unten .bulk-tabs-links .tabcontent .sc2-first {width: 50%; display: inline; float: left;} #unten .bulk-tabs-links .tabcontent .sc2-last {width: 50%; width: calc(50% - 5px); display: inline; float: left;} #unten .bulk-tabs-rechts .tabcontent .sc2-first {width: 50%; display: inline; float: left;} #unten .bulk-tabs-rechts .tabcontent .sc2-last {width: 50%; width: calc(50% - 5px); display: inline; float: left;} #rueckstandsfreies-verladen-bss .sc-count11 {min-height: 100px; margin-bottom: 10px;} #rueckstandsfreies-verladen-bss .sc-count11 .ce_text {float: none;} #unten #fischfreundliche-rechensysteme-unten .sc-count4, #unten #fein-feinstsiebung-unten .sc-count4, #unten #fein-feinstsiebung-unten .sc-count8 {float: none; width: 100%; display: block; padding: 0 !important; min-height: 100px; margin-bottom: 10px;} #unten #verlademobile-unten .sc-count4, #unten #verlademobile-unten .sc-count8, #unten #optimale-tankbefuellung-unten .sc-count4, #unten #kombinierte-verladung-unten .sc-count16, #unten #kombinierte-verladung-unten .sc-count20, #unten #kombinierte-verladung-unten .sc-count17 {float: none; width: 100%; display: block; padding: 0 !important; min-height: 100px; margin-bottom: 10px;} #rechenguthandling-unten .sc-count4, #rechenguthandling-unten .sc-count8, #stahlwasserbau-unten .sc-count4, #stahlwasserbau-unten .sc-count8, #geschlossene-verladung-unten-5 .sc-count36, #geschlossene-verladung-unten-5 .sc-count40, #offene-verladung-unten-5 .sc-count36, #offene-verladung-unten-5 .sc-count40 {float: none; width: 100%; display: block; padding: 0 !important;} #unten #weiteres-lieferprogramm-unten .sc-count3, #unten #weiteres-lieferprogramm-unten .sc-count7, #unten #weiteres-lieferprogramm-unten .sc-count11, #unten #weiteres-lieferprogramm-unten .sc-count6, #unten #weiteres-lieferprogramm-unten .sc-count10 {float: none; width: 100%; display: block; padding: 0 !important;} .sc2-first .textbox {float: none; max-width: 640px; width: 90%; padding: 1% 5%; margin: 0 !important;} #weiteres-lieferprogramm-unten h2.textbox {padding: 100px 0; text-align: center;} #fischschutz-unten .sc2 {width: 100%; display: block; float: none ;} #fischschutz-unten img {margin: 0 auto;} }