body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul,.content-gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li,.content-gallery>ul li{float:left}.ce_gallery>ul li.col_first,.content-gallery>ul li.col_first{clear:left}.float_left,.media--left>figure{float:left}.float_right,.media--right>figure{float:right}.block{overflow:hidden}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both} @media (max-width:767px){#wrapper{margin:0;width:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}img{max-width:100%;height:auto}.audio_container audio{max-width:100%}.video_container video{max-width:100%;height:auto}.aspect,.responsive{position:relative;height:0}.aspect iframe,.responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%}.aspect--16\:9,.responsive.ratio-169{padding-bottom:56.25%}.aspect--16\:10,.responsive.ratio-1610{padding-bottom:62.5%}.aspect--21\:9,.responsive.ratio-219{padding-bottom:42.8571%}.aspect--4\:3,.responsive.ratio-43{padding-bottom:75%}.aspect--3\:2,.responsive.ratio-32{padding-bottom:66.6666%} #colorbox,#cboxOverlay,#cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden;-webkit-transform:translate3d(0,0,0)}#cboxWrapper{max-width:none}#cboxOverlay{position:fixed;width:100%;height:100%}#cboxMiddleLeft,#cboxBottomLeft{clear:left}#cboxContent{position:relative}#cboxLoadedContent{overflow:auto;-webkit-overflow-scrolling:touch}#cboxTitle{margin:0}#cboxLoadingOverlay,#cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%;height:100%}#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow{cursor:pointer}.cboxPhoto{float:left;margin:auto;border:0;display:block;max-width:none;-ms-interpolation-mode:bicubic}.cboxIframe{width:100%;height:100%;display:block;border:0;padding:0;margin:0}#colorbox,#cboxContent,#cboxLoadedContent{box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box}#cboxOverlay{background:#000;opacity:.9;filter:alpha(opacity = 90)}#colorbox{outline:0}#cboxContent{margin-top:20px;background:#000}.cboxIframe{background:#fff}#cboxError{padding:50px;border:1px solid #ccc}#cboxLoadedContent{border:5px solid #000;background:#fff}#cboxTitle{position:absolute;top:-20px;left:0;color:#ccc}#cboxCurrent{position:absolute;top:-20px;right:0;color:#ccc}#cboxLoadingGraphic{background:url(../../assets/colorbox/images/loading.gif) no-repeat center center}#cboxPrevious,#cboxNext,#cboxSlideshow,#cboxClose{border:0;padding:0;margin:0;overflow:visible;width:auto;background:0 0}#cboxPrevious:active,#cboxNext:active,#cboxSlideshow:active,#cboxClose:active{outline:0}#cboxSlideshow{position:absolute;top:-20px;right:90px;color:#fff}#cboxPrevious{position:absolute;top:50%;left:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top left;width:28px;height:65px;text-indent:-9999px}#cboxPrevious:hover{background-position:bottom left}#cboxNext{position:absolute;top:50%;right:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top right;width:28px;height:65px;text-indent:-9999px}#cboxNext:hover{background-position:bottom right}#cboxClose{position:absolute;top:5px;right:5px;display:block;background:url(../../assets/colorbox/images/controls.png) no-repeat top center;width:38px;height:19px;text-indent:-9999px}#cboxClose:hover{background-position:bottom center} select.chzn-select{visibility:hidden;height:28px!important;min-height:28px!important}.chzn-container{font-size:13px;position:relative;display:inline-block;zoom:1;*display:inline;margin:1px 0;background-color:#fff}.chzn-container .chzn-drop{background:#fff;border:1px solid #aaa;border-top:0;position:absolute;top:29px;left:0;-webkit-box-shadow:0 4px 5px rgba(0,0,0,.15);-moz-box-shadow:0 4px 5px rgba(0,0,0,.15);-o-box-shadow:0 4px 5px rgba(0,0,0,.15);box-shadow:0 4px 5px rgba(0,0,0,.15);z-index:999;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:0 0 2px 2px}.chzn-container-single .chzn-single{border-radius:2px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid #aaa;display:block;overflow:hidden;white-space:nowrap;position:relative;height:28px;line-height:28px;padding:0 6px;color:#222;text-decoration:none}.chzn-container-single .chzn-single>span{margin-right:18px;display:block;overflow:hidden;white-space:nowrap;-o-text-overflow:ellipsis;-ms-text-overflow:ellipsis;text-overflow:ellipsis;font-size:.875rem}.chzn-container-single .chzn-single div{-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;position:absolute;right:0;top:0;display:block;height:100%;width:24px}.chzn-container-single .chzn-single div b{background:url(../../assets/chosen/images/down.svg) no-repeat center;display:block;width:100%;height:100%}.chzn-container-single .chzn-search{padding:3px 4px;margin:0;white-space:nowrap}.chzn-container-single .chzn-search input{background:#fff url(../../assets/chosen/images/magnify.svg) no-repeat right 3px center;margin:1px 0;padding:4px 20px 4px 5px;outline:0;border:1px solid #aaa;border-radius:2px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}.chzn-container-single .chzn-drop{border-radius:0 0 2px 2px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}.chzn-container-multi .chzn-choices{background-color:#fff;border:1px solid #aaa;margin:0;padding:0;cursor:text;overflow:hidden;height:auto!important;height:1%;position:relative;max-height:102px;padding:1px 0;overflow-x:hidden;overflow-y:auto;border-radius:2px}.chzn-container-multi .chzn-choices li{float:left;list-style:none}.chzn-container-multi .chzn-choices .search-field{white-space:nowrap;margin:0;padding:0}.chzn-container-multi .chzn-choices .search-field input{color:#666;background:0 0!important;border:0!important;padding:5px;margin:1px 0;outline:0;-webkit-box-shadow:none;-moz-box-shadow:none;-o-box-shadow:none;box-shadow:none}.chzn-container-multi .chzn-choices .search-field .default{color:#999}.chzn-container-multi .chzn-choices .search-choice{-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;background-color:#e4e4e4;background-image:-webkit-gradient(linear,left bottom,left top,color-stop(0,#e4e4e4),color-stop(.7,#eee));background-image:-webkit-linear-gradient(center bottom,#e4e4e4 0%,#eee 70%);background-image:-moz-linear-gradient(center bottom,#e4e4e4 0%,#eee 70%);background-image:-o-linear-gradient(bottom,#e4e4e4 0%,#eee 70%);background-image:-ms-linear-gradient(top,#e4e4e4 0%,#eee 70%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#e4e4e4', endColorstr='#eeeeee',GradientType=0 );background-image:linear-gradient(top,#e4e4e4 0%,#eee 70%);color:#333;border:1px solid #b4b4b4;line-height:13px;padding:3px 19px 3px 6px;margin:2px 0 2px 5px;position:relative;top:1px}.chzn-container-multi .chzn-choices .search-choice span{cursor:default}.chzn-container-multi .chzn-choices .search-choice-focus{background:#d4d4d4}.chzn-container-multi .chzn-choices .search-choice .search-choice-close{display:block;position:absolute;right:5px;top:6px;width:8px;height:9px;font-size:1px;background:url(../../assets/chosen/images/chosen-sprite.png) right top no-repeat}.chzn-container-multi .chzn-choices .search-choice .search-choice-close:hover{background-position:right -9px}.chzn-container-multi .chzn-choices .search-choice-focus .search-choice-close{background-position:right -9px}.chzn-container .chzn-results{margin:0 4px 4px 0;max-height:190px;padding:0 0 0 4px;position:relative;overflow-x:hidden;overflow-y:auto}.chzn-container-multi .chzn-results{margin:0;padding:0}.chzn-container .chzn-results li{line-height:16px;padding:1px 7px 2px;margin:0;list-style:none}.chzn-container .chzn-results .active-result{cursor:pointer}.chzn-container .chzn-results .highlighted{background:#3997fe;color:#fff}.chzn-container .chzn-results li em{font-style:normal}.chzn-container .chzn-results .highlighted em{background:0 0}.chzn-container .chzn-results .no-results{background:#f4f4f4}.chzn-container .chzn-results .group-result{cursor:default;color:#222;font-weight:600}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.chzn-container .chzn-results .group-result{font-weight:500}}.chzn-container .chzn-results .group-option{padding-left:20px;white-space:nowrap}.chzn-container-multi .chzn-drop .result-selected{display:none}@media (-webkit-min-device-pixel-ratio:0){.chzn-container-active .chzn-single{outline:-webkit-focus-ring-color auto 5px}}.chzn-container-active .chzn-single-with-drop{border:1px solid #aaa;-webkit-box-shadow:0 1px 0 #fff inset;-moz-box-shadow:0 1px 0 #fff inset;-o-box-shadow:0 1px 0 #fff inset;box-shadow:0 1px 0 #fff inset;-webkit-border-bottom-left-radius:0;-webkit-border-bottom-right-radius:0;-moz-border-radius-bottomleft:0;-moz-border-radius-bottomright:0;border-bottom-left-radius:0;border-bottom-right-radius:0}.chzn-container-active .chzn-single-with-drop div{background:0 0;border-left:none}.chzn-container-active .chzn-single-with-drop div b{background:url(../../assets/chosen/images/up.svg) no-repeat center}.chzn-container-active .chzn-choices{border-radius:2px 2px 0 0}.chzn-container-active .chzn-choices .search-field input{color:#111!important}.chzn-rtl{direction:rtl;text-align:right}.chzn-rtl .chzn-single{padding-left:0;padding-right:8px}.chzn-rtl .chzn-single span{margin-left:26px;margin-right:0}.chzn-rtl .chzn-single div{left:0;right:auto;border-left:none;border-right:1px solid #aaa;border-radius:2px 0 0 2px}.chzn-rtl .chzn-choices li{float:right}.chzn-rtl .chzn-choices .search-choice{padding:3px 6px 3px 19px;margin:3px 5px 3px 0}.chzn-rtl .chzn-choices .search-choice .search-choice-close{left:5px;right:auto;background-position:right top}.chzn-rtl.chzn-container-single .chzn-results{margin-left:4px;margin-right:0;padding-left:0;padding-right:4px}.chzn-rtl .chzn-results .group-option{padding-left:0;padding-right:20px}.chzn-rtl.chzn-container-active .chzn-single-with-drop div{border-right:none}.chzn-rtl .chzn-search input{background:url(../../assets/chosen/images/chosen-sprite.png) no-repeat -38px -20px,#fff;padding:4px 5px 4px 20px} #mbOverlay{position:fixed;z-index:9998;top:0;left:0;width:100%;height:150%;background-color:#000;cursor:pointer}#mbOverlay.mbOverlayOpaque{background:url(../../assets/mediabox/images/80.png)}#mbOverlay.mbOverlayAbsolute{position:absolute}#mbOverlay.mbMobile{position:absolute;background-color:transparent}#mbBottom.mbMobile{line-height:24px;font-size:16px}#mbCenter{position:absolute;z-index:9999;left:50%;padding:10px;background-color:#000;-webkit-border-radius:10px;-khtml-border-radius:10px;-moz-border-radius:10px;border-radius:10px;filter:progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=180, Color='#000000');-ms-filter:"progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=180, Color='#000000')";-webkit-box-shadow:0 5px 20px rgba(0,0,0,.5);-khtml-box-shadow:0 5px 20px rgba(0,0,0,.5);-moz-box-shadow:0 5px 20px rgba(0,0,0,.5);box-shadow:0 5px 20px rgba(0,0,0,.5)}#mbCenter.mbLoading{background:#000 url(../../assets/mediabox/images/loading-dark.gif) no-repeat center;-webkit-box-shadow:none;-khtml-box-shadow:none;-moz-box-shadow:none;box-shadow:none}#mbMedia{position:relative;left:0;top:0;font-family:Myriad,Verdana,Arial,Helvetica,sans-serif;line-height:20px;font-size:12px;color:#fff;text-align:left;background-position:center center;background-repeat:no-repeat}#mbBottom{line-height:20px;font-size:12px;font-family:Myriad,Verdana,Arial,Helvetica,sans-serif;text-align:left;color:#999;min-height:20px;padding:10px 0 0}#mbTitle,#mbPrevLink,#mbNextLink,#mbCloseLink{display:inline;color:#fff;font-weight:700}#mbNumber{display:inline;color:#999;font-size:.8em;margin:auto 10px}#mbCaption{display:block;color:#999;line-height:1.6em;font-size:.8em}#mbPrevLink,#mbNextLink,#mbCloseLink{float:right;outline:0;margin:0 0 0 10px;font-weight:400}#mbPrevLink b,#mbNextLink b,#mbCloseLink b{color:#eee;font-weight:700;text-decoration:underline}#mbPrevLink big,#mbNextLink big,#mbCloseLink big{color:#eee;font-size:1.4em;font-weight:700}#mbBottom a,#mbBottom a:link,#mbBottom a:visited{text-decoration:none;color:#ddd}#mbBottom a:hover,#mbBottom a:active{text-decoration:underline;color:#fff}#mbError{position:relative;font-family:Myriad,Verdana,Arial,Helvetica,sans-serif;line-height:20px;font-size:12px;color:#fff;text-align:center;border:10px solid #700;padding:10px 10px 10px;margin:20px;-webkit-border-radius:5px;-khtml-border-radius:5px;-moz-border-radius:5px;border-radius:5px}#mbError a,#mbError a:link,#mbError a:visited,#mbError a:hover,#mbError a:active{color:#d00;font-weight:700;text-decoration:underline} .content-slider{overflow:hidden;visibility:hidden;position:relative}.slider-wrapper{overflow:hidden;position:relative}.slider-wrapper>*{float:left;width:100%;position:relative}.slider-control{height:30px;position:relative}.slider-control a,.slider-control .slider-menu{position:absolute;top:9px;display:inline-block}.slider-control .slider-prev{left:0}.slider-control .slider-next{right:0}.slider-control .slider-menu{top:0;width:50%;left:50%;margin-left:-25%;font-size:27px;text-align:center}.slider-control .slider-menu b{color:#bbb;cursor:pointer}.slider-control .slider-menu b.active{color:#666} .sharebuttons { overflow:hidden; } .sharebuttons > ul.theme { list-style-type:none; margin:-4px; padding:0; } .sharebuttons > ul.theme:after { content:""; display:block; clear:both; } .sharebuttons > ul.theme > li { float:left; } .sharebuttons > ul.theme > li > a { margin:4px; display:block; white-space:nowrap; overflow:hidden; text-indent:101%; background-repeat:no-repeat; background-position:center; } .sharebuttons > ul.text > li > a { text-indent:0; } /* source: http://simpleicons.org/ */ .sharebuttons > ul.simpleicons_white > li > a { width:32px; height:32px; background-image:url('../../system/modules/sharebuttons/assets/simpleicons/sprites-white-32.png'); } .sharebuttons > ul.simpleicons_white > li > a.facebook { background-position:-40px 0; } .sharebuttons > ul.simpleicons_white > li > a.twitter { background-position:-160px 0; } .sharebuttons > ul.simpleicons_white > li > a.gplus { background-position:-80px 0; } .sharebuttons > ul.simpleicons_white > li > a.linkedin { background-position:-120px 0; } .sharebuttons > ul.simpleicons_white > li > a.xing { background-position:-200px 0; } .sharebuttons > ul.simpleicons_white > li > a.mail { background-position:0 0; } .sharebuttons > ul.simpleicons_white > li > a.tumblr { background-position:-240px 0; } .sharebuttons > ul.simpleicons_white > li > a.pinterest { background-position:-280px 0; } .sharebuttons > ul.simpleicons_white > li > a.reddit { background-position:-320px 0; } .sharebuttons > ul.simpleicons_white > li > a.whatsapp { background-position:-360px 0; } @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 13/10), only screen and (min-resolution: 120dpi) { .sharebuttons > ul.simpleicons_white > li > a { background-size:auto 32px; background-image:url('../../system/modules/sharebuttons/assets/simpleicons/sprites-white-64.png'); } } @media print{ body{font-family: 'Raleway', sans-serif; font-size:medium; color:#747474;} h1{font-size:180%; font-size:2.5vw; padding:0;} h2{font-size:150%; font-size:1.8vw;} h3{font-size:120%; font-size:1.5vw;} a, a:link, a:visited{color:#009881;text-decoration:none;} /*------navigation-------*/ .mod_navigation, .mod_customnav, .mod_changelanguage{display:none;} /*---------header-----------*/ #logo{position:absolute;top:0;left:0;} #header{height:100px; border-bottom:1px solid #A0A0A0;} .branding{font-size:200%; font-weight:bold; color:##747474; padding:10px;} #header_pic{display:none;} /*-----------main------------*/ .referenzen .teaser p.more, .referenzen .teaserbox .ce_text h2 {display: none;} .mod_article.teaserbox, .articleTeaser{float:left; width:24%;} #automobil, #baugruppe, #elektrohandwerk{clear:left; margin:20px 0 10px; } .teaser_text{text-align:center;} .ansprechpartner{width:50%; padding:0; marging:0; position:relative;} .ansprechpartner .image_container{float:left; width:30%; margin:0 20px 0 0;} #main .ce_text.half, .half{clear:left; width:100%;} .clear_left{clear:left;} .ce_form{display:none;} /*--------footer------------*/ #logo_footer{display:none;} } @media screen{ * {margin: 0; padding: 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;} html{height:100%;} body{height:101%;font-family: 'Raleway', sans-serif; font-size:medium; color:#747474;} h1{font-size:180%; font-size:2.5rem; margin:40px 0; color:#009881;} h2{font-size:150%; font-size:1.8rem; margin:20px 0;} h3{font-size:120%; font-size:1.5rem; margin:10px 0;} a, a:link, a:visited{color:#009881;text-decoration:none;} a:hover{color:#04026F;} .clearfix{clear:both;} .start img{width:100%;max-width:100%;height:auto;} /*------navigation-------*/ h3.menu-toggle{display:none;} #navi{display:none;} .mod_navigation{font-size:100%; text-transform: uppercase;position:absolute;top:90px; right:0;} .mod_navigation li, .mod_customnav li, .mod_changelanguage li{display:inline; list-style:none;} .mod_navigation li, .mod_customnav li{margin:0 0 0 20px; text-align:right;} .mod_navigation ul, .mod_customnav ul, .mod_changelanguage ul{margin:0; padding:0;} .mod_navigation li a, .mod_navigation li a:link, .mod_navigation li a:visited, .mod_customnav li a, .mod_customnav li a:link, .mod_customnav li a:visited, .mod_changelanguage li a, .mod_changelanguage li a:link, .mod_changelanguage li a:visited {text-decoration:none; color:#a0a0a0;} .mod_navigation li a:hover{color:#009881;} .mod_navigation li a.active, .mod_customnav li a.active{border-bottom:2px solid #009881;} .mod_navigation li.submenu.trail a{border:none;color:#009881;} .mod_navigation ul{position:relative;} .mod_navigation ul li.active.submenu:after, .mod_navigation ul li a.submenu.trail:after{content: " \f107";font-family: FontAwesome; font-style: normal; font-weight: normal; padding-right: 0.5em; text-decoration: none; } .mod_navigation ul ul{display:none;position:relative;top:0;left:0;padding:30px;} .mod_navigation ul ul li{float:none;padding:10px;margin:0;background:#f6f6f6;} .mod_navigation ul ul.level_2 a, .mod_navigation ul ul.level_2 span{padding:10px 15px} .mod_navigation ul ul a:hover{ color:#009881;} .mod_navigation ul ul li.active{ color:#009881;border-bottom:2px solid #009881;} .mod_navigation ul li:hover > ul{display:block; color:#a0a0a0;} .mod_customnav, .mod_changelanguage{font-size:90%;} .mod_customnav ul{top:20px; right:100px;position:absolute;} .mod_changelanguage ul{top:20px; right:20px;position:absolute;} .mod_changelanguage li{padding:2px;} .mod_changelanguage li.active{background:#04026F; color:#ffffff;} /*---------header-----------*/ #logo{position:relative;padding:20px 0; width:20%;} #header{height:130px;border-bottom:1px solid #A0A0A0;} #header .inside, #footer .inside, #main .inside{width:80%; margin:0 auto;} body.home #main .inside{width:100%;} .branding{position:absolute; top:7%; left:10%; background-color: hsla(171, 68%, 50%, 0.7); font-size:300%; font-weight:bold; color:#ffffff; padding:10px;} .ce_text.branding p{margin:40px;} #header_pic.index.parallax, #header_pic.aktuell.parallax, #header_pic.news.parallax{display:none;height:0;} #header_pic.index-en.parallax, #header_pic.aktuell.parallax, #header_pic.news.parallax{display:none;height:0;} #header_pic.unternehmen{background-image:url("/files/header/unternehmen.jpg");} #header_pic.dienstleistungen{background-image:url("/files/header/dienstleistungen.jpg");} #header_pic.referenzen{background-image:url("/files/header/referenzen.jpg");} #header_pic.aktuell-weiterlesen{background-image:url("/files/header/aktuell-weiterlesen.jpg");} #header_pic.newsreader{background-image:url("/files/header/aktuell-weiterlesen.jpg");} #header_pic.kontakt{background-image:url("/files/header/kontakt.jpg");} #header_pic.kontakt_ansprechpartner{background-image:url("/files/header/kontakt.jpg");} #header_pic.jobs{background-image:url("/files/header/jobs.jpg");} #header_pic.lehrstellen{background-image:url("/files/header/jobs.jpg");} #header_pic.download{background-image:url("/files/header/download.jpg");} #header_pic.impressum{background-image:url("/files/header/impressum.jpg");} #header_pic.company{background-image:url("/files/header/unternehmen.jpg");} #header_pic.services{background-image:url("/files/header/dienstleistungen.jpg");} #header_pic.references{background-image:url("/files/header/referenzen.jpg");} #header_pic.filter-result{background-image:url("/files/header/referenzen.jpg");} #header_pic.contact{background-image:url("/files/header/kontakt.jpg");} #header_pic.contact-partners{background-image:url("/files/header/kontakt.jpg");} #header_pic.jobs-en{background-image:url("/files/header/jobs.jpg");} #header_pic.apprenticeship-en{background-image:url("/files/header/jobs.jpg");} #header_pic.download-en{background-image:url("/files/header/download.jpg");} #header_pic.about{background-image:url("/files/header/impressum.jpg");} .parallax{ height:600px; background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover;} /*-------main-------*/ .ce_text{line-height:1.7; display:block;} .ce_text p{margin:10px 0 20px;} .home #main{margin:0;} #home.mod_article .image_container, #home-4.mod_article .image_container{margin:0;line-height:0;} #main{margin:20px 0;} #main .ce_text.half, .half{width:50%;float:left;padding:0 50px 0 0;} #main .ce_text.half{padding-right:50px;} .clear_left{clear:left;} #main .image_container{margin:0 0 30px;} #main .start .image_container{margin:0;} #main .ansprechpartner .image_container{margin:0;} #main .ce_text .ansprechpartner p{margin:0;} iframe, .ce_youtube{width:100%;} .video:after{clear:both;} .caption{font-size:0.8rem;} .ansprechpartner{min-height:600px;} .ansprechpartner .image_container{width:96%; padding:2% 4% 2% 0;} .ansprechpartner p{margin:0;} #dienstleistungen #main .image_container, #services #main .image_container{width:45%; margin:0 0 20px 0; padding:20px 0 20px;} #dienstleistungen .ce_tabcontrol .image_container, #services .ce_tabcontrol .image_container{width:48%; margin:-80px 0 20px; padding:0;} .mail_contact p{margin:10px 0 20px;} a.mail{ text-decoration:none;} .mail:before{content: url("/files/img/mail.png");position:relative; top:10px;} span.tel:before{content: url("/files/img/tel.png"); position:relative; top:10px;} a.web{text-decoration:none;} .web:before{content: url("/files/img/web.png"); position:relative; top:10px; } .link-extern:after{content: url("/files/img/link_extern.png");position:relative; top:8px;} .column h1{-webkit-column-span:all; -moz-column-span:all; column-span:all;} .column{-webkit-column-count:2; -webkit-column-gap:80px; -webkit-column-rule-width:1px; -webkit-column-rule-color:#a0a0a0; -webkit-column-rule-style:solid; -webkit-hyphens:auto; -moz-column-count:2; -moz-column-gap:80px; -moz-column-rule-width:1px; -moz-column-rule-color:#a0a0a0; -moz-column-rule-style:solid; -moz-hyphens: auto; column-count:2; column-gap:80px; column-rule-width:1px; column-rule-color:#a0a0a0; column-rule-style:solid; hyphens:auto;} .column p{margin:20px 0 10px; padding:0;} .ce_download{padding:10px 0;} .column p.back{margin-top:20px;} p.more{margin:20px 0;} ul {margin:10px 0; padding:0 0 0 50px;} p.more, p.back{margin:20px 0;} p.more a, p.back a {padding:15px 20px; background: #009881;color:#ffffff;text-decoration:none; -webkit-transition: background-color 2s ease-out; -moz-transition: background-color 2s ease-out; -o-transition: background-color 2s ease-out; transition: background-color 2s ease-out;} p.more a:hover, p.back a:hover{background:#04026F;color:#ffffff;} /*-----------galerie--------------*/ .ce_gallery ul li{width:31%; margin:1%;} /*-------filter-----*/ .teaser_text h3{font-size:180%; font-size:1.5vw;} .teaserbox, .ansprechpartner, .articleTeaser{float:left; margin:0.5% 1% 0.5% 0; padding:0; position:relative; width:19%;} .referenzen .teaser p.more, .referenzen .teaserbox .ce_text h2{display:none;} .teaser_text{display:none;position:absolute; top:0; height:100%;width:100%; text-align:center; background:hsla(0, 0%, 100%, 0.8); } .teaserbox:hover .teaser:hover .teaser_text, .articleTeaser:hover .teaser_text{display:block;} .mod_article.teaserbox, .articleTeaser{background-color:#cccccc; margin: 0.5% 1% 0.5% 0;} .searchFilters ul, .mod_articlefilter_results ul{margin:0; padding:0;} .mod_articlefilter_results li{list-style-type:none;} .searchFilters{left:24%;top:10;} li.filterlink_all, .filterlink_current li.filterlink{ background: rgba(0, 0, 0, 0) url("../../files/style/files/img/close.png") no-repeat scroll 3px 3px;} .filterlinks li{list-style-type:none; margin:5px 15px 2px 0;} ul.filterlinks{margin:0; padding:0;} li.filterlink_all a, .filterlink_current .filterlink a, .filterlink_current .filterlink a:link, .filterlink_current .filterlink a:visited{margin: 0 0 0 30px; text-decoration: none;} .clear_left{clear:left;} /*-------news---------*/ .mod_newslist h2 a{text-decoration:none;color:#747474;} p.info{display:none;} .layout_latest{width:30%;float:left;padding:0 3% 0 0; height:600px;} /*-------kontaktformular-------*/ input.text, .submit, .captcha, textarea{width:80%;padding:10px;margin:5px 0;} input, textarea{padding:10px;color:#009881;font-family: "Raleway",sans-serif; font-size: medium;} .submit{border:2px solid #009881; background:#ffffff; color:#009881; font-weight:bold; width:auto; padding:10px 30px;} .submit:hover{border:2px solid #009881;border-radius:0; color:#ffffff; background-color:#009881; font-weight:bold;} .captcha{width:30%;} .explanation{margin:20px 0;line-height:1.7;} #f3 input.text, #f3 .submit, #f3 .captcha, #f3 textarea{width:80%;padding:10px;margin:5px 0;} #f3 input, #f3 textarea{padding:10px;color:#009881;font-family: "Raleway",sans-serif; font-size: medium;} #f3 .submit{border:2px solid #009881; background:#ffffff; color:#009881; font-weight:bold; width:auto; padding:10px 30px;} #f3 .submit:hover{border:2px solid #009881;border-radius:0; color:#ffffff; background-color:#009881; font-weight:bold;} #f3 .captcha{width:30%;} #f3 .explanation{margin:20px 0;line-height:1.7;} /*-----tabcontrol-----*/ .tabcontrol_tabs{border-bottom:1px solid #009881;} .panes{min-height:300px; background-color:#f1f1f1; padding:5px 10px;} .tabcontrol_tabs ul{padding:0;} .tabcontrol_tabs li.selected, .tabcontrol_tabs li.selected:hover{background-color:#009881; color:#fff;} .tabcontrol_tabs li{ float:left; padding:15px 30px; border-left:1px solid #f1f1f1; list-style-type:none; border-top:1px solid #f1f1f1; border-right:1px solid #f1f1f1; cursor:pointer;} .tabcontrol_tabs li:hover{background-color:#fff;} /*----------to top----------*/ #toTop{display: none; position: fixed; bottom: 5px; right: 5px; width: 64px; height: 64px; background-image: url("../../files/style/files/img/up.png"); background-repeat: no-repeat; opacity: 0.4; filter: alpha(opacity=40); /* For IE8 and earlier */ z-index:100;} #toTop:hover{opacity: 0.8; filter: alpha(opacity=80); /* For IE8 and earlier */} /*-------footer-----------*/ #footer h4{font-size:150%; font-size:1.8vw; color:#009881;} #footer{background:#009881; color:#ffffff; padding:20px 0;} #logo_footer{text-align:center;margin:30px 0;} #adresse{text-align:center; margin:30px 0;} #footer a, #footer a:link, #footer a:visited{color:#ffffff;} .mod_sharebuttons{text-align:center;} .sharebuttons{width:200px; margin:0 auto;} } @media screen and (max-width: 1920px){ .ansprechpartner{width:24%;} } @media screen and (max-width: 1450px){ .ansprechpartner{width:32%;} } @media screen and (max-width: 1100px){ .layout_latest {width: 47%;} #logo{padding:0 0 20px;width:auto;} .teaserbox, .articleTeaser {width:30%;} /*-----------------video---------------------*/ .ce_youtube{position: relative;padding-bottom: 56.25%; width: 100%; height: auto;} .ce_youtube iframe{position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100% !important; height: 100% !important;} .ytp-title-channel{display:none;} } @media screen and (max-width: 960px){ /*---------header-----------*/ #header{heigth:auto;border:none;} #logo{position:relative;margin:20px auto 0;text-align:center;width:auto;padding:0;} #header_pic{display:none;} #header .inside, #footer .inside {margin:0 auto;width:100%;} /*------navigation-------*/ .mod_navigation.navi{display:none;} #navi{display:block;} .menu-toggle{display:none;} .js .menu-toggle{display:block;cursor:pointer;} .js #navi ul{display:none;} #navi ul.toggled-on{display:block;} #navi ul.toggled-on li, .no-js #navi li{display:block;} [data-icon]:before{content:attr(data-icon); speak:none; display:inline-block; font-size:200%;margin:0; padding:0;} .screen-reader-text{position:relative; top:-10px; left:15px;font-size:100%;} .mod_navigation h3{margin:0; padding-left:3%;line-height:1.0;} .mod_navigation{font-size:100%; text-transform: uppercase; line-height:1.7;position:static;} .mod_navigation ul{top:0;position:relative;} .mod_navigation li{list-style:none; border-bottom:1px solid #a0a0a0;line-height:2;text-align:left;margin:0; padding:10px 20px;} .mod_navigation li a, .mod_navigation li a:link, .mod_navigation li a:visited{padding:10px 5px;} .mod_navigation ul, .mod_customnav ul, .mod_changelanguage ul{margin:0; padding:0;} /*-----------------customnavi--------------------------*/ .mod_customnav, .mod_changelanguage{font-size:90%; height:auto;position:static;} .mod_customnav{padding:0 0 20px;} .mod_customnav ul{position:relative; top:20px; left:0;} .mod_customnav li{margin:0;text-align:left;} .mod_customnav li, .mod_changelanguage li{display:inline; list-style:none;} .mod_customnav li{margin-left:15px;} .mod_customnav li.active{border-bottom:2px solid #009881;} /*----------------------changelanguage------------------*/ .mod_changelanguage ul{top:20px; right:10px;position:absolute;} .mod_changelanguage li{padding:2px;} .mod_changelanguage li.active{background:#04026F; color:#ffffff;} .mod_changelanguage li a:link, .mod_changelanguage li a:visited {text-decoration:none; color:#a0a0a0;} /*--------------------header-------------------------------*/ #header{height:auto;border-bottom:1px solid #A0A0A0;} .branding{top: 0;left: 0; background: #009881; font-size: 180%; font-weight: bold; color: #ffffff; padding: 10px;line-height:1.2;position:relative;} #main .start .image_container{position:relative;} .start #main{width:100%;} /*-------------------------main----------------------------*/ #main .inside{width:90%;} #main {margin:20px auto;} #main .ce_text.half, .half{width:100%;float:none;padding:0;} .caption{font-size:0.8rem;} .ansprechpartner{width:100%;margin:20px 0;} .ansprechpartner.image_container{width:100%; padding:2% 4%; margin:0;} #dienstleistungen .ce_text .image_container{margin:0 0 20px 0; padding:20px 0 20px;} #dienstleistungen .ce_tabcontrol .ce_text .image_container{margin:3%; padding:0;} .teaserbox, .articleTeaser {width: 100%;} /*--------------------news----------------------*/ .layout_latest {width:100%;float:none; padding: 0; height:auto;} .column{width:100%;float:none;column-count:1;} } @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape){ .parallax{ height:600px; background-attachment: scroll; background-position: center; background-repeat: no-repeat; background-size: cover;} }