/* Contao Open Source CMS, (c) 2005-2016 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} /* Contao Open Source CMS, (c) 2005-2016 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-2016 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-2016 Leo Feyer, LGPL license */ #wrapper{width:960px;margin:0 auto}*[class*="grid"]{float:left;margin-left:10px;margin-right:10px;display:inline}.mod_article *[class*="ce_"],.mod_article *[class*="mod_"]{margin-left:10px;margin-right:10px}.mod_article .mod_newsreader,.mod_article .mod_eventreader{margin-left:0;margin-right:0}.mod_article *[class*="layout_"]>*,.mod_article *[class*="event_"]>*{margin-left:10px;margin-right:10px}.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{margin-left:0;margin-right:0}#main .inside{overflow:hidden}.grid1{width:60px}.grid2{width:140px}.grid3{width:220px}.grid4{width:300px}.grid5{width:380px}.grid6{width:460px}.grid7{width:540px}.grid8{width:620px}.grid9{width:700px}.grid10{width:780px}.grid11{width:860px}.grid12{width:940px}.mod_article.grid1{width:80px}.mod_article.grid2{width:160px}.mod_article.grid3{width:240px}.mod_article.grid4{width:320px}.mod_article.grid5{width:400px}.mod_article.grid6{width:480px}.mod_article.grid7{width:560px}.mod_article.grid8{width:640px}.mod_article.grid9{width:720px}.mod_article.grid10{width:800px}.mod_article.grid11{width:880px}.mod_article.grid12{width:960px}.offset1{margin-left:90px !important}.offset2{margin-left:170px !important}.offset3{margin-left:250px !important}.offset4{margin-left:330px !important}.offset5{margin-left:410px !important}.offset6{margin-left:490px !important}.offset7{margin-left:570px !important}.offset8{margin-left:650px !important}.offset9{margin-left:730px !important}.offset10{margin-left:810px !important}.offset11{margin-left:890px !important}.offset12{margin-left:970px !important}.mod_article.offset1{margin-left:80px !important}.mod_article.offset2{margin-left:160px !important}.mod_article.offset3{margin-left:240px !important}.mod_article.offset4{margin-left:320px !important}.mod_article.offset5{margin-left:400px !important}.mod_article.offset6{margin-left:480px !important}.mod_article.offset7{margin-left:560px !important}.mod_article.offset8{margin-left:640px !important}.mod_article.offset9{margin-left:720px !important}.mod_article.offset10{margin-left:800px !important}.mod_article.offset11{margin-left:880px !important}.mod_article.offset12{margin-left:960px !important}@media(min-width:768px) and (max-width:979px){#wrapper{width:744px}.grid1{width:42px}.grid2{width:104px}.grid3{width:166px}.grid4{width:228px}.grid5{width:290px}.grid6{width:352px}.grid7{width:414px}.grid8{width:476px}.grid9{width:538px}.grid10{width:600px}.grid11{width:662px}.grid12{width:724px}.mod_article.grid1{width:62px}.mod_article.grid2{width:124px}.mod_article.grid3{width:186px}.mod_article.grid4{width:248px}.mod_article.grid5{width:310px}.mod_article.grid6{width:372px}.mod_article.grid7{width:434px}.mod_article.grid8{width:496px}.mod_article.grid9{width:558px}.mod_article.grid10{width:620px}.mod_article.grid11{width:682px}.mod_article.grid12{width:744px}.offset1{margin-left:72px !important}.offset2{margin-left:134px !important}.offset3{margin-left:196px !important}.offset4{margin-left:258px !important}.offset5{margin-left:320px !important}.offset6{margin-left:382px !important}.offset7{margin-left:444px !important}.offset8{margin-left:506px !important}.offset9{margin-left:568px !important}.offset10{margin-left:630px !important}.offset11{margin-left:692px !important}.offset12{margin-left:754px !important}.mod_article.offset1{margin-left:62px !important}.mod_article.offset2{margin-left:124px !important}.mod_article.offset3{margin-left:186px !important}.mod_article.offset4{margin-left:248px !important}.mod_article.offset5{margin-left:310px !important}.mod_article.offset6{margin-left:372px !important}.mod_article.offset7{margin-left:434px !important}.mod_article.offset8{margin-left:496px !important}.mod_article.offset9{margin-left:558px !important}.mod_article.offset10{margin-left:620px !important}.mod_article.offset11{margin-left:682px !important}.mod_article.offset12{margin-left:744px !important}}@media(max-width:767px){#wrapper{width:auto}*[class*="grid"]{float:none !important;display:block !important;width:auto !important}*[class*="offset"]{margin-left:10px !important}} /* Contao Open Source CMS, (c) 2005-2016 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} /** * Global TinyMCE style sheet * * Use this style sheet to define CSS classes for the rich text editor. The * stlye sheet will be included in the editor and the page layout automatically. * Although the stlye sheet is shared by all themes, you can override its * formattings in any of your theme style sheets. * * files/tinymce.css (this is how it looks like in TinyMCE) * .warning { color:#c55; } * * theme_a.css (this is how it looks like in theme A) * .warning { font-weight:bold; } * * theme_b.css (this is how it looks like in theme B) * .warning { color:#000; } * * If you do not want to use a global TinyMCE style sheet at all, simply delete * this file (files/tinymce.css). */ .warning { color:#c55; font-size:1.1em; } .confirmation { color:#090; font-size:1.1em; } .information { color:#999; font-size:0.9em; } /* dk_caroufredsel global styles */ .caroufredsel_skin .image_container img, .caroufredsel_thumbnails_skin .image_container img { vertical-align: bottom; } .caroufredsel > div, .caroufredsel > section, .caroufredsel_thumbnails > div { float: left; } .caroufredsel .clearfix { float: none; clear: both; } .caroufredsel_thumbnails_skin { position: relative; } body { background-color: #fff; font-size: 16px; font-size: 1em; line-height: 1.4; font-style: italic; font-weight: 400; font-family: 'Source Sans Pro', sans-serif; color: #003F4C ; } #wrapper { width: 100%; } #container { width: 100%; position: relative; } /* ------------------------ Header ------------------------ */ #header { position: fixed; display: block; background-color: #fff; width: 100%; line-height: 21.45px; border-bottom: 2px solid #ddd; z-index: 10; } #header .header_meta, .header_main{ width: 100%; } #header .header_meta { border-bottom: 1px solid #ddd; background-color: #eee; } #header .header_main { background-color: #fff; height: 70px; position: relative; } #header .mainnav { width: 960px!important; padding-left: 15px; padding-right: 15px; margin-right: auto !important; margin-left: auto !important; } #header .phone-info { color: #003F4C; font-weight: 400; font-style: italic; font-size: 0.8em; padding-top: 0.4em; padding-bottom: 0.3em; letter-spacing: 0.05rem; font-family: 'Source Sans Pro', sans-serif; /* border-left: 1px solid #fff; border-right: 1px solid #fff; */ width: 960px!important; padding-left: 15px; padding-right: 0px; margin-right: auto !important; margin-left: auto !important; } #header .phone-info a { text-decoration: none; color: #003F4C; } #header .phone-info a:hover { text-decoration: none; color: #f07f21; } #header .mailbobox { padding-left: 5px; } #header .logo { position: absolute; display: inline; right: 10px; margin-top: -28px; z-index: 20; height: 60px; } #header .logo img { height: 50px; } .hinweise { color: #003F4C; font-weight: normal; font-style: italic; font-family: Source Sans Pro; font-size: 0.8em; letter-spacing: 0.05rem; } .head_strong h1 { font-style: italic; font-weight: 400; font-family: 'Source Sans Pro', sans-serif; font-size: 3em; } .head_aktion { padding-left: 0.2em; } /* ------------------------ Nav ------------------------ */ #mainnav { line-height: 21.45px; padding-top: 27px; width: 960px!important; height: 80px; padding-left: 0px; padding-right: 0px; margin-right: auto !important; margin-left: auto !important; position: relative; vertical-align: middle; } #mainnav ul { padding-left: 10px; } #mainnav li { display: inline; margin: 0; float: left; border-left: 1px solid #ddd; padding: 0 15px 0 15px; } #mainnav li:last-child { border-right: 1px solid #ddd; } #mainnav a { color: #2d4257; text-decoration: none; font-weight: normal; letter-spacing: 0.05rem; } #mainnav a:hover { border-bottom: 2px solid #f07f21; } #mainnav .mod_navigation .level_1 .active { font-weight: bold; } /* ------------------------ Liste ------------------------ */ .liste { font-size: 1.2em; line-height: 1.5rem; } .liste li:before { content: "\f046"; /* FontAwesome Unicode */ font-family: FontAwesome; display: inline-block; margin-right: 0.5em; font-style: normal; font-size: 1.25em; color: #F0781F; vertical-align: middle; } .liste ul { list-style-type: none; } .liste_lagerung { font-size: 1.25em; } .liste_lagerung li:before { content: "\f0c8"; /* FontAwesome Unicode */ font-family: FontAwesome; display: inline-block; margin-right: 1em; font-style: normal; font-size: 0.5em; color: #F0781F; vertical-align: middle; } .liste_lagerung ul { list-style-type: none; } .bildunterschrift { color: #adadad; } /* ------------------------ accordion ------------------------ */ #main .ce_accordion { width: 100%; margin-top: 0.1em; } .ce_accordion .toggler { padding: 0.25em 0.5em; background: #ececec; cursor: pointer; outline: none; } .ce_accordion .accordion div { padding: 0.75em 2em; } .ce_accordion .accordion div li { padding-top: 0.5em; } /* ------------------------ table ------------------------ */ .ce_table table { border-top: 1px solid #aebca8; margin-bottom: 1em; } .ce_table td, .ce_table table th { padding: 0.5em 1em; } tr.row_3.row_last.odd { color: #F0781F; background-color: #f2f2f2; } /* ------------------------ Main ------------------------ */ /*sections */ .section_grey { background-color: #ddd; } .section_white { background-color: #fff; } .section_green { background-color: #aebca8; } .section_orange { background-color: #f6cc5b; } .section_text { } #slider2 .img_flex, #slider3 .img_flex, #slider4 .img_flex, #slider5 .img_flex { margin-left: 0; margin-right: 0; margin-top: 100px; } .orange_h h2 { color: #F0781F; } .main-contact a { text-decoration: none; color: #003F4C; } .main-contact a:hover { text-decoration: none; color: #f07f21; } h1 { font-size: 1.8rem; line-height: 2.4rem; margin-bottom: 20px; } h2 { line-height: 1.8rem; } h3 { line-height: 1.8rem; } /* ------------------------ Slider ------------------------ */ .ce_caroufredsel_gallery { width: 100%; position: relative; background-color: #FFF; margin: 100px 10px 0 0!important; padding: 0; max-height: 600px; } .caroufredsel_skin { width: 100%; } /* captions */ .caroufredsel .ce_image figcaption { display: none; } .caroufredsel .ce_image.visible figcaption { display: block; color: #FFF; height: 58px; line-height: 58px; font-size: 20px; padding-left: 67px; position: absolute; left: 58px; bottom: 0; z-index: 1; } /* Keine Aussenabstaende um den Slider */ body.startseite .mod_article { margin: 0; padding: 0; } /* navigation */ .caroufredsel_controls { height: 96%; width: 100%; position: absolute; top: 0; padding-right: 5px; } .caroufredsel_navi a { text-indent: -9999em; width: 85px; height: 85px; position: absolute; } /* prev */ a.caroufredsel_prev { left: 10px; top: 20px; background: url("../../files/files/standard/btn-prev.png") center left no-repeat; height: 100%; width: 100px; } /* next */ a.caroufredsel_next { right: 20px; top: 20px; background: url("../../files/files/standard/btn-next.png") center right no-repeat; height: 100%; width: 100px; } .caroufredsel_prev, .caroufredsel_next { opacity: 0; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .caroufredsel_prev:hover, .caroufredsel_next:hover { opacity: .6; } /* pagination */ .caroufredsel_pagi { position: absolute; top: 0; right: 200px; height: 0; } .caroufredsel_pagi a { text-indent: -9999em; width: 16px; height: 58px; display: inline-block; padding: 0 3px; } .caroufredsel figcaption.caption { background: #333; color: #fff; font-size: .85em; line-height: 1.4em; padding: 5px 0 5px 10px; } /* ------------------------ Footer ------------------------ */ #footer { background-color: #f2f2f2; height: 300px; padding-top: 20px; border-top: 1px solid #ddd; } .footer-main { width: 960px; margin-left: auto; margin-right: auto; } .footer-content-links { border-left: 1px solid #ddd; border-right: 1px solid #ddd; padding-left: 20px; padding-right: 20px; } .copyright { padding-top: 20px; color: #003F4C; font-weight: normal; font-style: italic; font-family: 'Source Sans Pro', sans-serif; font-size: 0.8em; letter-spacing: 0.05rem; } #footer .footer-content a { color: #2d4257; text-decoration: none; } #footer .footer-content a:hover { color: #F0781F; text-decoration: none; } #footer .footer-content li:before { content: "\f105"; /* FontAwesome Unicode */ font-family: FontAwesome; display: inline-block; margin-right: 0.75em; font-style: normal; color: #2d4257; } #footer .footer-content ul { list-style-type: none; } /*main-nav*/ /*#header .mod_navigation { position: fixed; display: block; background-color: #e4e2ff; width: 960px; line-height: 21.45px; border-bottom: 1px solid #ddd; height: 100px; z-index: 1; } #header .mod_navigation ul { width: 1170px; float: left; padding: 0; list-style-type: none; margin-right: auto; margin-left: auto; } #header .mod_navigation li { width: auto; display: inline; margin: 0; } #header .mod_navigation a, #header .mod_navigation span { margin-right: 10px; margin-left: 10px; color: #333; text-decoration: none; } */ .section_white { padding-top: 30px; padding-bottom: 30px; background-color: #fff; } .section_grey { padding-top: 30px; padding-bottom: 30px; background-color: #f2f2f2; } .section_petrol { padding-top: 30px; padding-bottom: 30px; background-color: #003F4C; } .section_claim { padding-top: 30px; padding-bottom: 30px; background-color: #fff; } #section_info .inside { margin-left: auto; margin-right: auto; width: 960px; min-height: 600px; } .ce_dlh_googlemaps { } #dlh_googlemap_1 { width: 100%; height: 400px; } /* ------------------------ Responsive ------------------------ */ @media only screen and (min-width: 768px) and (max-width: 960px) { #mainnav .level_1 { display: none; } #mainnav { width: 100% !important; } h2 { line-height: ; } #header .phone-info span { display: none; } #header .phone-info { width: 90%; } #header .logo { position: absolute; display: inline; right: 20px; margin-top: 5px; z-index: 20; height: 60px; } #main .ce_text { width: 90%; } #main { font-size: 0.875rem; line-height: 1.4em; } #section_info .inside { width: 90%; } .footer-main { width: 90%; } } @media only screen and (min-width: 320px) and (max-width: 767px) { #mainnav .level_1 { display: none; } #header .phone-info span { display: none; } #header .phone-info { width: 90%; } #mainnav { width: 100% !important; } #header .logo { position: absolute; display: inline; right: 20px; margin-top: 5px; z-index: 20; height: 60px; } #main .ce_text { width: 90%; } #main { font-size: 0.875rem; line-height: 1.4em; } #section_info .inside { width: 90%; } .footer-main { width: 90%; } }