/* Contao Open Source CMS, (c) 2005-2015 Leo Feyer, LGPL license */ @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}.ie7 img{-ms-interpolation-mode:bicubic}.ie8 img{width:auto} /* Contao Open Source CMS, (c) 2005-2015 Leo Feyer, LGPL license */ body,div,h1,h2,h3,h4,h5,h6,p,blockquote,pre,code,ol,ul,li,dl,dt,dd,figure,table,th,td,form,fieldset,legend,input,textarea{margin:0;padding:0}table{border-spacing:0;border-collapse:collapse}caption,th,td{text-align:left;text-align:start;vertical-align:top}abbr,acronym{font-variant:normal;border-bottom:1px dotted #666;cursor:help}blockquote,q{quotes:none}fieldset,img{border:0}ul{list-style-type:none}sup{vertical-align:text-top}sub{vertical-align:text-bottom}del{text-decoration:line-through}ins{text-decoration:none}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font:12px/1 "Lucida Grande","Lucida Sans Unicode",Verdana,sans-serif;color:#000}input,button,textarea,select{font-family:inherit;font-size:99%;font-weight:inherit}pre,code{font-family:Monaco,monospace}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}h1{font-size:1.8333em}h2{font-size:1.6667em}h3{font-size:1.5em}h4{font-size:1.3333em}table{font-size:inherit}caption,th{font-weight:bold}a{color:#00f}h1,h2,h3,h4,h5,h6{margin-top:1em}h1,h2,h3,h4,h5,h6,p,pre,blockquote,table,ol,ul,form{margin-bottom:12px} /* Contao Open Source CMS, (c) 2005-2015 Leo Feyer, LGPL license */ legend{width:100%;display:block;font-weight:bold;border:0}input[type="text"],input[type="password"],input[type="date"],input[type="datetime"],input[type="email"],input[type="number"],input[type="search"],input[type="tel"],input[type="time"],input[type="url"],input:not([type]),textarea{width:100%;display:inline-block;padding:3px 6px;background:#fff;border:1px solid #ccc;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;-moz-box-shadow:inset 0 1px 1px #eee;-webkit-box-shadow:inset 0 1px 1px #eee;box-shadow:inset 0 1px 1px #eee;-moz-transition:all .15s linear;-webkit-transition:all .15s linear;-o-transition:all .15s linear;transition:all .15s linear;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}input[type="text"]:focus,input[type="password"]:focus,input[type="date"]:focus,input[type="datetime"]:focus,input[type="email"]:focus,input[type="number"]:focus,input[type="search"]:focus,input[type="tel"]:focus,input[type="time"]:focus,input[type="url"]:focus,input:not([type]):focus,textarea:focus{outline:0;background:#fcfcfc;border-color:#bbb}input[type="file"]{cursor:pointer}select,input[type="file"]{display:block}input[type="file"],input[type="image"],input[type="submit"],input[type="reset"],input[type="button"],input[type="radio"],input[type="checkbox"]{width:auto}textarea,select[multiple],select[size]{height:auto}input[type="radio"],input[type="checkbox"]{margin:0 3px 0 0}input[type="radio"],input[type="checkbox"],label{vertical-align:middle}input[disabled],select[disabled],textarea[disabled],input[readonly],select[readonly],textarea[readonly]{cursor:not-allowed;background:#eee}input[type="radio"][disabled],input[type="checkbox"][disabled],input[type="radio"][readonly],input[type="checkbox"][readonly]{background:transparent}input[type="submit"],.button{display:inline-block;padding:4px 15px 4px 14px;margin-bottom:0;text-align:center;vertical-align:middle;line-height:16px;font-size:11px;color:#000;cursor:pointer;border:1px solid #ccc;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;background-color:#ececec;background-image:-moz-linear-gradient(top,#fff,#ececec);background-image:-webkit-linear-gradient(top,#fff,#ececec);background-image:-ms-linear-gradient(top,#fff,#ececec);background-image:-o-linear-gradient(top,#fff,#ececec);background-image:linear-gradient(to bottom,#fff,#ececec);background-repeat:repeat-x;-moz-transition:background .15s linear;-webkit-transition:background .15s linear;-o-transition:background .15s linear;transition:background .15s linear}input[type="submit"]:hover,.button:hover{text-decoration:none;background-position:0 -15px !important}input[type="submit"]:active,.button:active{background-color:#e6e6e6;background-position:0 -30px !important}input[type="submit"].blue,.button.blue{background-color:#2f96b4;background-image:-moz-linear-gradient(top,#5bc0de,#2f96b4);background-image:-webkit-linear-gradient(top,#5bc0de,#2f96b4);background-image:-ms-linear-gradient(top,#5bc0de,#2f96b4);background-image:-o-linear-gradient(top,#5bc0de,#2f96b4);background-image:linear-gradient(to bottom,#5bc0de,#2f96b4);border-color:#2f96b4;color:#fff}input[type="submit"].blue:active,.button.blue:active{background-color:#2e95b3}input[type="submit"].green,.button.green{background-color:#51a351;background-image:-moz-linear-gradient(top,#62c462,#51a351);background-image:-webkit-linear-gradient(top,#62c462,#51a351);background-image:-ms-linear-gradient(top,#62c462,#51a351);background-image:-o-linear-gradient(top,#62c462,#51a351);background-image:linear-gradient(to bottom,#62c462,#51a351);border-color:#51a351;color:#fff}input[type="submit"].green:active,.button.green:active{background-color:#4f9f4f}input[type="submit"].orange,.button.orange{background-color:#f89406;background-image:-moz-linear-gradient(top,#fbb450,#f89406);background-image:-webkit-linear-gradient(top,#fbb450,#f89406);background-image:-ms-linear-gradient(top,#fbb450,#f89406);background-image:-o-linear-gradient(top,#fbb450,#f89406);background-image:linear-gradient(to bottom,#fbb450,#f89406);border-color:#f89406;color:#fff}input[type="submit"].orange:active,.button.orange:active{background-color:#f28f04}input[type="submit"].red,.button.red{background-color:#bd362f;background-image:-moz-linear-gradient(top,#ee5f5b,#bd362f);background-image:-webkit-linear-gradient(top,#ee5f5b,#bd362f);background-image:-ms-linear-gradient(top,#ee5f5b,#bd362f);background-image:-o-linear-gradient(top,#ee5f5b,#bd362f);background-image:linear-gradient(to bottom,#ee5f5b,#bd362f);border-color:#bd362f;color:#fff}input[type="submit"].red:active,.button.red:active{background-color:#be322b} /* Contao Open Source CMS, (c) 2005-2015 Leo Feyer, LGPL license */ 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{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li{float:left}.ce_gallery>ul li.col_first{clear:left}.float_left{float:left}.float_right{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} /* BugBuster: grid-1140-16-percent.css, LGPL license */ #wrapper{width:1140px;margin:0 auto}*[class*="grid"]{float:left;display:inline;margin-right:1%;margin-left:1%}.mod_article *[class*="ce_"],.mod_article *[class*="mod_"]{margin-left:1%;margin-right:1%}.mod_article.grid1,.mod_article.grid2,.mod_article.grid3,.mod_article.grid4,.mod_article.grid5,.mod_article.grid6,.mod_article.grid7,.mod_article.grid8,.mod_article.grid9,.mod_article.grid10,.mod_article.grid11,.mod_article.grid12,.mod_article.grid13,.mod_article.grid14,.mod_article.grid15,.mod_article.grid16{margin-left:0;margin-right:0}.grid1{width:4.25%}.grid2{width:10.5%}.grid3{width:16.75%}.grid4{width:23%}.grid5{width:29.25%}.grid6{width:35.5%}.grid7{width:41.75%}.grid8{width:48%}.grid9{width:54.25%}.grid10{width:60.5%}.grid11{width:66.75%}.grid12{width:73%}.grid13{width:79.25%}.grid14{width:85.5%}.grid15{width:91.75%}.grid16{width:98%}.grid16_0{margin:0 !important;width:100%}.mod_article.grid1{width:6.25%}.mod_article.grid2{width:12.5%}.mod_article.grid3{width:18.75%}.mod_article.grid4{width:25%}.mod_article.grid5{width:31.25%}.mod_article.grid6{width:37.5%}.mod_article.grid7{width:43.75%}.mod_article.grid8{width:50%}.mod_article.grid9{width:56.25%}.mod_article.grid10{width:62.5%}.mod_article.grid11{width:68.75%}.mod_article.grid12{width:75%}.mod_article.grid13{width:81.25%}.mod_article.grid14{width:87.5%}.mod_article.grid15{width:93.75%}.mod_article.grid16{width:100%}.offset1{margin-left:7.25% !important}.offset2{margin-left:13.5% !important}.offset3{margin-left:19.75% !important}.offset4{margin-left:26% !important}.offset5{margin-left:32.25% !important}.offset6{margin-left:38.5% !important}.offset7{margin-left:44.75% !important}.offset8{margin-left:51% !important}.offset9{margin-left:57.25% !important}.offset10{margin-left:63.5% !important}.offset11{margin-left:69.75% !important}.offset12{margin-left:76% !important}.offset13{margin-left:82.25% !important}.offset14{margin-left:88.5% !important}.offset15{margin-left:94.75% !important}.mod_article.offset1{margin-left:6.25% !important}.mod_article.offset2{margin-left:12.5% !important}.mod_article.offset3{margin-left:18.75% !important}.mod_article.offset4{margin-left:25% !important}.mod_article.offset5{margin-left:31.25% !important}.mod_article.offset6{margin-left:37.5% !important}.mod_article.offset7{margin-left:43.75% !important}.mod_article.offset8{margin-left:50% !important}.mod_article.offset9{margin-left:56.25% !important}.mod_article.offset10{margin-left:62.5% !important}.mod_article.offset11{margin-left:68.75% !important}.mod_article.offset12{margin-left:75% !important}.mod_article.offset13{margin-left:81.25% !important}.mod_article.offset14{margin-left:87.5% !important}.mod_article.offset15{margin-left:93.75% !important} /* BugBuster: grid-1140-16-percent-responsive.css, LGPL license */ @media(min-width:980px) and (max-width:1160px){#wrapper{width:960px}}@media(min-width:768px) and (max-width:979px){#wrapper{width:768px}}@media(max-width:767px){#wrapper{width:auto}*[class*="grid"]{float:none !important;display:block !important;width:auto !important}*[class*="offset"]{margin-left:1% !important}} /* ColorBox, (c) 2011 Jack Moore, MIT license */ #colorbox,#cboxOverlay,#cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden}#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/jquery/colorbox/1.6.1/images/loading.gif") no-repeat center center}#cboxPrevious,#cboxNext,#cboxSlideshow,#cboxClose{border:0;padding:0;margin:0;overflow:visible;width:auto;background: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/jquery/colorbox/1.6.1/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/jquery/colorbox/1.6.1/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/jquery/colorbox/1.6.1/images/controls.png") no-repeat top center;width:38px;height:19px;text-indent:-9999px}#cboxClose:hover{background-position:bottom center} /* Styles BGS */ /* ----------------------------------- ALLGEMEINES --------------------------------------*/ * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; background-repeat: no-repeat; border: 0 none; margin: 0; outline: 0 none; padding: 0; } body { background: url("../../files/bgs/img/bgs-footer.png") repeat-x scroll 0 bottom #ffffff; color: #000000; font: 100.01%/140% Arial,Helvetica,sans-serif; margin: 0; outline: 0 none; padding: 0; vertical-align: baseline; } h1, h2, h3, h4, h5, h6 { font-family: Arial,Helvetica,sans-serif; text-transform: normal; font-weight: normal; margin: 0; padding: 0; } h1, .h1 { font-size: 1.5em; line-height: 1.5em; } /*#custom_stage h1 { color: #fff; font-size: 20px; font-weight: bold; line-height: 35px; text-transform: uppercase; margin-bottom: 0;} bis 10.01.2017*/ #custom_stage h1 { color: #fff; font-size: 20px; font-weight: bold; line-height: 35px; margin-bottom: 0;} #custom_stage h2 { color: #fff; font-size: 25px; font-weight: bold; line-height: 35px; margin-bottom: 0;} h2, .h2 { font-size: 25px; margin-bottom: 10px; font-weight: bold; line-height: 30px; } h3, .h3, .megamenu p.h3 { font-size: 25px; line-height: 25px; margin-bottom: 15px; } .megamenu h3, .megamenu p.h3 { float: left; margin-bottom: 2px; width: 100%; } [id*="kategorie-navigation"] h3 { background-color: #f5f5f5; border: 1px solid #f5f5f5; font-size: 25px; line-height: 25px; margin-bottom: 15px; padding: 19px 12px; font-size: 20px; } [id*="kategorie-navigation"] p { display: none; } h4, .h4 { font-size: 17px; font-weight: bold; margin-bottom: 10px; } h4.blau, .blau h4, h4.blau.first, blau.first{ color:#ffffff; background-color: #000849; padding: 5px 5px 5px 10px; margin-top: 40px; } h4.blau.first-lv, .blau.first-lv h4 { margin-top: 0px; } #content_slider h4 { font-size: 15px; font-weight: bold; text-transform: uppercase; } h5, .h5 { font-size: 20px; line-height: 36px; } h6, .h6 { display: none; } p { font-size: 15px; line-height: 20px; margin: 0 0 20px 0; } .center { text-align: center; } .right { text-align: right; } hr.divider { background: #b7b7b7 repeat scroll 0 0; border: medium none; box-shadow: none; height: 1px; margin: 0px 0 12px 0; } hr.divider_start { background: #e5e5e5 repeat scroll 0 0; border: medium none; box-shadow: none; height: 1px; margin: 0 auto; text-align: center; width: 90%;} span.headline_small { text-transform: none; font-weight: normal;} span.headline_normal { font-size: 15px; text-transform: none; font-weight: normal;} select, input, textarea { width: 85%;} .relevance { display: none;} .odd, .even { border-bottom: 1px solid #999; margin-bottom: 15px;} .odd h3, .even h3 { font-size: 20px;} /* ----------------------------------- LAYOUT --------------------------------------*/ #wrapper { width:100%; margin-left: auto; margin-right: auto; } #header, #custom_stage .inside, #custom_subnavigation .inside, #container, #footer, #haendler_sticky .inside { margin-left: auto; margin-right: auto; max-width: 1000px; } #custom_stage { background-color: #000849; color: #ffffff; height: 35px; } body.home #custom_stage { height: 385px; padding-bottom: 40px; padding-top: 40px; } #custom_subnavigation { background-color: #dedede; border-bottom: 1px solid #fff; } #custom_subnavigation p { margin: 0; padding: 3px 0; font-size: 14px;} #custom_subnavigation li a, #custom_subnavigation li span.active { margin: 0; font-size: 14px;} #custom_subnavigation ul { margin-bottom: 2px; padding-top: 1px; } #custom_subnavigation li { display: inline; } #header { min-height: 108px; position: relative; z-index:1000; } #header .inside { background-color: #ffffff; z-index: 999; padding: 0 10px 0 10px; min-height: 108px; } #header nav { float: left; } .logo { float: left; margin-top: 15px; } .logo_img { width: 120px; } .logo_rechts{ float: right; margin-top: 15px; } .custom { z-index:999; } ul.megamenu li p { color: #ffffff; margin-bottom: 90px;} ul.megamenu li .last p { margin-bottom: 10px;} #mainnav ul.level_1 li > a, #mainnav ul.level_1 li span { background: transparent url("../../files/bgs/img/schwarze-welle.jpg") no-repeat scroll 0 3px; padding-left: 29px; font-size: 15px; } #main { margin-top: 30px; min-height: 250px; } .block { overflow: initial; } #footer { color: #4f4e4e; margin-top: 150px; margin-bottom: 200px; min-height: 200px; } #footer p { color: #4f4e4e; font-size: 13px; line-height: 21px; margin-bottom: 0;} #footer h3 { color: #4f4e4e; text-transform: uppercase; font-size: 13px; font-weight: bold; margin-bottom: 0;} #haendler_sticky { background-color: #575757; bottom: 0; left: 0; position: fixed; width: 100%; height:35px; z-index: 999;} .teaser { background-color: #575757; margin: 0; padding: 0; } .teaser p { color: #ffffff; font-weight: bold; margin: 0; padding: 6px 8px 8px 8px; } .notice { background-color: #f5f5f5; margin: 0; padding: 15px; } .bg_grey { background-color: #f5f5f5; padding-top: 15px;} /* ----------------------------------- SLIDER --------------------------------------*/ body.ie #content_slider.block, body.ie #ref_slider.block { overflow: visible; } .caroufredsel_wrapper [class*="ce_"] { margin-left: 0; margin-right: 0; } .caroufredsel_next > span, .caroufredsel_prev > span { display: none !important; } #start_slider a.caroufredsel_next { background: transparent url("../../files/bgs/img/slider_next.png") no-repeat scroll center center; height: 115px; right: -10px; position: absolute; top: 90px; width: 20px; z-index: 99; } #start_slider a.caroufredsel_prev { background: transparent url("../../files/bgs/img/slider_prev.png") no-repeat scroll center center; height: 115px; left: -10px; position: absolute; top: 90px; width: 20px; z-index: 99; } .stage-text { float: left; width: 35%; line-height: 18px; padding-left: 25px; padding-right: 60px; } .stage-image { float: right; width: 65%; padding-left: 10px; padding-right: 25px; } .stage-text2 { float: left; width: 43%; line-height: 18px; padding-left: 25px; padding-right: 60px; } .stage-image2 { float: right; width: 57%; padding-left: 10px; padding-right: 25px; } .stage-text3 { float: left; width: 80%; line-height: 18px; padding-left: 25px; text-align: center; } .stage-text3 p { font-size: 18px; line-height: 26px;} .line-top-to-bottom { background-color: #fff; float: left; height: 315px; width: 1px; margin-right: 2%; } /* Content-Slider */ #content_slider, #ref_slider { position: relative; } #content_slider a.caroufredsel_next, #ref_slider a.caroufredsel_next { background: transparent url("../../files/bgs/img/content_slider_next.png") no-repeat scroll center center; height: 190px; right: -20px; position: absolute; top: -8px; width: 25px; z-index: 999; } #content_slider a.caroufredsel_prev, #ref_slider a.caroufredsel_prev { background: transparent url("../../files/bgs/img/content_slider_prev.png") no-repeat scroll center center; height: 190px; left: -20px; position: absolute; top: -8px; width: 25px; z-index: 999; } body.ie #content_slider a.caroufredsel_next, body.ie #ref_slider a.caroufredsel_next { right: -15px; } body.ie #content_slider a.caroufredsel_prev, body.ie #ref_slider a.caroufredsel_prev { left: -15px; } #content_slider .ce_text { background-color: #efefef; margin: 0 10px 0 10px; padding: 10px; height: 200px; } #ref_slider .ce_text { background-color: #158300; margin: 0 10px 0 10px; padding: 0; } #ref_slider p { color: #ffffff; font-weight: bold; margin: 0; padding: 4px 8px; } /* ----------------------------------- TEASERBOXEN --------------------------------------*/ .teaserbox { background-color: #158300; margin: 0 18px 32px !important; padding: 0; } .teaserbox p { color: #ffffff; font-size: 20px; margin: 0; padding: 8px 10px 12px 10px; } .gallerybox { background-color: #000849; margin: 0 18px 32px !important; padding: 0; } .gallerybox p { color: #ffffff; font-size: 17px; margin: 0; padding: 0px 10px 5px 10px; } .green-bg h3 { background-color: #158300; padding: 8px 9px; color: #ffffff; height: 50px; font-size: 22px; } .prod_table { margin: 2% !important; } .prod_table table { font-size: 15px; line-height: 20px; width: 100%; } .prod_table tr:nth-child(odd) { background: #eee } .prod_table td { padding: 4px;} .prod_table h5 { font-size: 15px; color: #ffffff; background-color: #000849; padding-left: 10px; } .prod_table img { width: 100%; } /* ----------------------------------- BGS GALERIEN --------------------------------------*/ .ce_gallery [class*="row_"] { display: none; } .ce_gallery.gallery-default [class*="row_"] { display: inline; } .ce_gallery .row_0 { display: block; } .odd, .even { border-bottom: 0px solid #999; } .ce_gallery { overflow: hidden; /*background:url("../../files/bgs/img/galerie_anzeigen.png") no-repeat scroll 40px 30px transparent;*/ background:url("../../files/bgs/img/galerie_anzeigen.png") no-repeat scroll 50% 25% transparent; } .ce_gallery.gallery-default { overflow: hidden; background: 0 none; } .ce_gallery ul { opacity: 1; -webkit-transition: opacity 0.9s ease 0s; transition: opacity 0.9s ease 0s; } .ce_gallery ul:hover { opacity: 0.2; -webkit-transition: opacity 0.9s ease 0s; transition: opacity 0.9s ease 0s; } .ce_gallery.gallery-default ul:hover { opacity: 1; -webkit-transition: opacity 0.9s ease 0s; transition: opacity 0.9s ease 0s; } .gal_lupe { left: 4px; position: relative; top: -35px; } .gallery-default .gal_lupe { display:none; } /* ----------------------------------- BGS LIGHTBOX --------------------------------------*/ #cboxTitle { display: none !important; } #cboxOverlay { background: #383838 none repeat scroll 0 0; opacity: 0.9; } #cboxLoadedContent { border: 5px solid #fff; } #cboxCurrent { right: 5px; } /* für die LP sichtbar machen */ body.lp #cboxTitle { background-color: #fff; color: #777; display: block !important; padding: 5px; width: 100%; bottom: 0px; top: auto !important; } /* ----------------------------------- UL LI - LISTEN --------------------------------------*/ .mod_article .ce_text ul { list-style-type: disc; margin-left: 30px; padding-left: 5px; } .mod_article .ce_text ul li { padding: 5px; } /* ----------------------------------- SITEMAP -------------------------------------- .mod_sitemap ul.level_1 li { list-style-type: none; padding: 10px 0; } .mod_sitemap ul.level_2 li { list-style-type: none; padding: 10px 20px; }*/ /* SITEMAP */ .mod_sitemap { overflow: hidden; margin-bottom: 50px; } .mod_sitemap ul.level_1, .mod_sitemap ul.level_2 { margin: 0; padding: 0; } .mod_sitemap ul.level_1 > li { float: left; width: 47%; margin-right: 3%; list-style-type: none; display: inline; line-height: 2.5em; border-top: 2px solid #E7E7E7; padding: 0 0 0 10px; } .mod_sitemap ul.level_1 > li:before { content:">"; font-size:0.8em; padding:0 5px 0 0; } .mod_sitemap ul.level_2 li { float: left; list-style-type: none; display: inline; padding: 0 0 0 20px; width: 100%; line-height: 2em; } .mod_sitemap ul.level_2 li:before { content:">>"; font-size:1em; padding:0 5px 0 0; } .mod_sitemap ul.level_1 li.last, .mod_sitemap ul.level_2 li.last{ margin-right: 0px; margin-bottom: 10px; } .mod_sitemap ul.level_2 li.first{ margin-top: 2px; /* 10 */ } .mod_sitemap ul.level_1 li a , .mod_sitemap ul.level_1 span.active { display: inline-block; text-decoration: none; } .mod_sitemap ul.level_2 li a , .mod_sitemap ul.level_2 span.active { display: inline-block; text-decoration: none; } .mod_sitemap ul.level_1 li > a, .mod_sitemap ul.level_1 span.active { } .mod_sitemap ul.level_2 li > a, .mod_sitemap ul.level_2 span.active { } .mod_sitemap ul.level_2 span.active { } .mod_sitemap ul.level_1 li a:hover { } /* pagination */ .pagination { clear: both; } .pagination ul { list-style-type: none; } .pagination li { border: 1px solid #b4b4b4; padding: 6px; display: inline; line-height: 2em; } /* google maps */ .dlh_googlemap { height: 350px; width: 100%; } /* ----------------------------------- FORMULAR ANPASSUNGEN --------------------------------------*/ select, input, textarea { width: 100%; margin-bottom: 30px; } input.captcha { margin-bottom: 3px; } .submit_container { margin-top: 30px; } .captcha_text { font-size: 12px; } input[type="search"] { width: 75%; } input[type="submit"], .button { vertical-align: top; line-height: 15px; font-size: 15px; padding: 4px 25px 4px 24px; } /* ----------------------------------- LINKS --------------------------------------*/ /* Allgemein */ a, a:link, a:active, a:visited { display: inline; color: #000849; text-decoration:none; } a:hover { color:#000849; text-decoration:underline;} #custom_stage a { display: inline; color: #ffffff; text-decoration:none; } #custom_stage a:hover { text-decoration:underline;} #custom_subnavigation a, #custom_subnavigation span.active { display: inline; color: #000000; text-decoration:none; padding: 3px; } #custom_subnavigation a:hover, #custom_subnavigation span.active { text-decoration:underline;} #custom_subnavigation li:after { content:"|"; padding:0 4px 0 7px; } #custom_subnavigation li.last:after { content:" "; } h5 a.grauer_hg_link { color: #000; text-decoration: none; } .grauer_hg_link { background-color: #dcdcdc; color: #000; padding: 5px; } .grauer_hg_link:hover, .gruener_hg_link:hover { opacity: 0.7; } h5 a.gruener_hg_link { color: #fff; text-decoration: none; } .gruener_hg_link { background-color: #158300; color: #fff; padding: 5px; } .teaserbox a { display: inline; color: #ffffff; text-decoration:none; } .teaserbox a:hover { text-decoration:underline;} #ref_slider a { display: inline; color: #ffffff; text-decoration:none; } #ref_slider a:hover { text-decoration:underline; } /* Footer */ #footer a, #footer a:link, #footer a:active, #footer a:visited { color: #4f4e4e; text-decoration:none; } #footer a:hover { text-decoration:underline; background-color: transparent; } #haendler_sticky a, #haendler_sticky a:link, #haendler_sticky a:active, #haendler_sticky a:visited { color: #ffffff; text-decoration:none; line-height: 35px; } #haendler_sticky a:hover { text-decoration:underline; } /* GoToTop */ #navigationGoToTop { bottom: 40px; display: none; height: auto; margin: 0; overflow: visible; position: fixed; right: 20px; width: auto; z-index: 9999; } /* Cookiebar ausblenden auf LP Legalseiten */ body.lp-legal-no-cookie #cookiebar { display: none; visibility: hidden; opacity: 0; } /* ----------------------------------- iFRAME PRIVACY MASTER --------------------------------------*/ div.privacy-msg p { width:100%; border: 1px solid black; padding: 5px; text-align:center; position: relative; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-box-shadow: 0 10px 6px -6px #777; -moz-box-shadow: 0 10px 6px -6px #777; box-shadow: 0 10px 6px -6px #777; } div.privacy-msg a{ border: 1px solid green; padding: 10px; display: inline-block; margin: 10px; } /* ----------------------------------- MOBILE --------------------------------------*/ .offcanvas { float: right; margin-bottom: 1em; margin-right: 0.5em; margin-top: 2.5em; } li.mm_close > a { text-align: center; } @media only screen and (max-width: 1024px) { } @media only screen and (max-width: 768px) { #container, #footer { padding: 0 5% 0 5%; } #custom_stage { height: auto; padding: 2% 5% 2% 5%; } body.home #custom_stage { height: auto; padding: 2% 5% 2% 5%; text-align: center;} #start_slider a.caroufredsel_prev { left: 5px } #start_slider a.caroufredsel_next { right: 5px } #navigationGoToTop { bottom: 5px; right: -2px; } input[type="search"] { width: 60%; } } @media only screen and (max-width: 480px) { } /* ----------------------------------- MEGAMENU --------------------------------------*/ .mod_megamenu { height: 36px; overflow: visible; z-index: 1000; margin: 40px 0 0 20px; } .mod_megamenu ul { list-style: outside none none; } .mod_megamenu ul li { float: left; z-index: 1000; padding: 5px 12px 35px 0; } .mod_megamenu ul li.submenu { font-weight: normal; } .mod_megamenu ul a { float: left; height: 28px; text-decoration: none; } .mod_megamenu ul span { float: left; height: 28px; text-decoration: none; } .mod_megamenu ul ul { background-color: #000849; left: 0; list-style: outside none none; position: absolute; top: 108px; width: 1000px; height: auto; /*385px;*/ padding: 10px; visibility: hidden; opacity: 0; -webkit-transition: opacity 0.5s ease-in-out 0.2s, visibility 0s linear 0.7s; -moz-transition: opacity 0.5s ease-in-out 0.2s, visibility 0s linear 0.7s; -ms-transition: opacity 0.5s ease-in-out 0.2s, visibility 0s linear 0.7s; -o-transition: opacity 0.5s ease-in-out 0.2s, visibility 0s linear 0.7s; transition: opacity 0.5s ease-in-out 0.2s, visibility 0s linear 0.7s; } .mod_megamenu ul ul li { float: none; } .mod_megamenu ul ul li a, li.menuhover li a, li.menuhover li.menuhover li a { color: #ffffff; text-decoration: none; } .mod_megamenu ul ul li a:hover, li.menuhover li a:hover, li.menuhover li.menuhover li a:hover { text-decoration: underline; } .mod_megamenu ul li:hover > ul { visibility: visible; opacity: 1; -webkit-transition: opacity 0.5s ease-in-out 0.2s, visibility 0s linear 0.2s; -moz-transition: opacity 0.5s ease-in-out 0.2s, visibility 0s linear 0.2s; -ms-transition: opacity 0.5s ease-in-out 0.2s, visibility 0s linear 0.2s; -o-transition: opacity 0.5s ease-in-out 0.2s, visibility 0s linear 0.2s; transition: opacity 0.5s ease-in-out 0.2s, visibility 0s linear 0.2s; } /* #subnavigation_produkte { background-color: #0f0; left: 0; position: absolute; top: 0; visibility: hidden; opacity: 0; } #header nav a.produkte:hover { } #header nav.mod_navigation ul ul { position: absolute; left: -3px; top: 30px; visibility: hidden; opacity: 0; -webkit-transition: opacity 0.5s ease-in-out 0.2s, visibility 0s linear 0.7s; -moz-transition: opacity 0.5s ease-in-out 0.2s, visibility 0s linear 0.7s; -ms-transition: opacity 0.5s ease-in-out 0.2s, visibility 0s linear 0.7s; -o-transition: opacity 0.5s ease-in-out 0.2s, visibility 0s linear 0.7s; transition: opacity 0.5s ease-in-out 0.2s, visibility 0s linear 0.7s; } #header nav.mod_navigation ul li:hover > ul { visibility: visible; opacity: 1; -webkit-transition: opacity 0.5s ease-in-out 0.2s, visibility 0s linear 0.2s; -moz-transition: opacity 0.5s ease-in-out 0.2s, visibility 0s linear 0.2s; -ms-transition: opacity 0.5s ease-in-out 0.2s, visibility 0s linear 0.2s; -o-transition: opacity 0.5s ease-in-out 0.2s, visibility 0s linear 0.2s; transition: opacity 0.5s ease-in-out 0.2s, visibility 0s linear 0.2s; } */ /* JKM-Styles hide-at-... + show-at-... */ .hide-at-all, .hide_at_all { display:none !important; } .show_at_480, .show_at_768 { display: none; } @media only screen and (max-width: 767px) { .hide_at_768 { display:none !important; } .show_at_768 { display:block; } } @media only screen and (max-width: 479px) { .hide_at_480 { display:none !important; } .show_at_480 { display:block; } } /* CSS zusaetzlich fuer die Landingpages */ body.lp .image_container { position: relative; } body.lp .image_container .caption { background-color: rgba(21,131,0,0.8); top: 25px; color: #fff; font-size: 44px; right: 0; padding: 30px 30px; position: absolute; } body.ms .image_container .caption { background-color: rgba(21,131,0,0.8); top: 25px; color: #fff; font-size: 44px; left: 0; right: auto; padding: 30px 30px; position: absolute; } body.lp .mod_article .ce_text ul li { font-size: 15px; } body.lp .submit_container.lp-button { text-align: center; } body.lp .lp-button input[type="submit"], .lp-button .button { font-size: 20px; line-height: 17px; padding: 15px 100px; } body.ms #main { background-color: #f5f5f5; } .bg_white { background-color: #fff; } body.lp #footer { min-height: 40px; margin-top: 65px; } /* ----------------------------------- NAVIGATION --------------------------------------*/ /* navmobile { display: none; } */ /* Listen */ .menu-left ul { margin: 0 0 11px 24px; padding: 0; list-style: outside none none; } .menu-left ul.level_2 { margin-left: 13px; } .menu-left ul ul, .menu-left ul:last-child { margin-bottom: 0px; } .menu-left ol li { list-style: outside none decimal-leading-zero; } .menu-left ol ol li { list-style: outside none upper-latin; } .menu-left li { line-height: 26px; padding-left: 2px; border-bottom: 1px solid #fff; width: 92%; } .menu-left li.submenu { border-bottom: 0px solid #fff; } .menu-left li::before { content: "\0000BB"; padding-right: 5px; position: absolute; margin-left: -15px; border-bottom: 1px solid #fff; } .menu-left .level_2 li::before { content: "\0000BB"; } .menu-left li.active, li.active::before { background-color: #fff; } .toggler em { background-color: #fff; padding: 5px 12px; } .toggler em:hover { cursor:pointer; } /* ----------------------------------- MOBILE --------------------------------------*/ @media only screen and (max-width: 768px) { body.lp .image_container .caption { font-size: 18px; padding: 10px; position: absolute; right: 0; top: 10px; } } @media only screen and (max-width: 767px) { body.lp .mod_navigation.menu-left { display: none !important; } } iframe { display: inline-block; } .video-wall { position: relative; font: 400 1em/1.46 Helvetica, Arial, sans-serif; color: #333; display: inline-block; min-height: 18em; min-width: 28em; margin: 0; background-color: #eee; box-sizing: border-box; border: 1.5em solid #ccc; padding: 1em; } .video-wall strong { display: block; text-align: center; font-size: 1.1em; margin: 0; } .video-wall div { position: absolute; width: calc(100% - 2em); top: 3em; bottom: 7em; overflow-y: auto; } .video-wall p { font-size: 0.8em; margin: 0 0 1em; } .video-wall a { color: inherit; } .video-wall .video-link { display: block; white-space: nowrap; font-size: 0.8em; margin: 0; position: absolute; left: 50%; bottom: 6em; transform: translateX(-50%); } .video-wall button { -webkit-appearance: none; cursor: pointer; color: #eee; font: 700 0.8em/1.2 Helvetica, Arial, sans-serif; display: block; width: 11.5em; height: 4.25em; border: 0 none; border-radius: 0.75em; padding: 0 0 0 5.5em; text-align: left; margin: 0; position: absolute; left: 50%; bottom: 1em; transform: translateX(-50%); background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 28'%3E%3Cpath fill='%23eee' d='M11.109 17.625l7.562-3.906-7.562-3.953v7.859zM14 4.156c5.891 0 9.797 0.281 9.797 0.281 0.547 0.063 1.75 0.063 2.812 1.188 0 0 0.859 0.844 1.109 2.781 0.297 2.266 0.281 4.531 0.281 4.531v2.125s0.016 2.266-0.281 4.531c-0.25 1.922-1.109 2.781-1.109 2.781-1.062 1.109-2.266 1.109-2.812 1.172 0 0-3.906 0.297-9.797 0.297v0c-7.281-0.063-9.516-0.281-9.516-0.281-0.625-0.109-2.031-0.078-3.094-1.188 0 0-0.859-0.859-1.109-2.781-0.297-2.266-0.281-4.531-0.281-4.531v-2.125s-0.016-2.266 0.281-4.531c0.25-1.937 1.109-2.781 1.109-2.781 1.062-1.125 2.266-1.125 2.812-1.188 0 0 3.906-0.281 9.797-0.281v0z'%3E%3C/path%3E%3C/svg%3E") no-repeat 1em center #666; background-size: 3.5em; transition: background-color 0.3s; } .video-wall button:hover { background-color: #444; }