/* Swipe 2.0, (C) Brad Birdsall 2012, MIT license */ .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} /* @import url("https://fonts.googleapis.com/css?family=Roboto+Slab:400,700|Source+Serif+Pro:400,700"); */ /* 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; } html { overflow-y: scroll; } 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; } input, button, textarea, select { font-family: inherit; font-size: 99%; font-weight: inherit; } pre, code { font-family: Monaco, monospace; } table { font-size: inherit; } body { font-size: 17px; color: #685a54; font-weight: 400; line-height: 140%; } .inside { position: relative; text-align: left; } .block { overflow: hidden; display: block; } .clear, #clear, .clr { clear: both; } .clearfix:after { content: ""; display: table; clear: both; } .invisible { width: 0px; height: 0px; left: -1000px; top: -1000px; position: absolute; overflow: hidden; display: inline; } hr { border: 0; color: #685a54; background-color: #685a54; height: 1px; margin: 10px 0; padding: 0; display: block; } em, strong { font-weight: 600; } img { max-width: 100%; height: auto; } img.mime_icon { vertical-align: top; } img.left { float: left; margin-right: 0.5em; } img.right { float: right; margin-left: 0.5em; } .float_left { float: left; margin-right: 1em; } .float_right { float: right; margin-left: 1em; } /***** TEXT ELEMENTS *****/ a { color: #4285c5; text-decoration: none; -webkit-transition: all .2s ease-out; -moz-transition: all .2s ease-out; -o-transition: all .2s ease-out; transition: all .2s ease-out; } a:hover { color: #61ab76; text-decoration: none; } a.hyperlink_img img { width: 100%; height: auto; } a.hyperlink_img:hover { filter: alpha(opacity=50); opacity: 0.5; } h1, h2, h3 { font-family: 'Roboto Slab', serif; } h1, h2 { margin: 0 0 1em; } h3 { margin: 0; font-size: 1em; } h1 { font-size: 1.529411764705882em; font-weight: 600; } .col1 h1, h1.col1 { border-bottom: 1px solid #685a54; padding: 0 0 5px; } h2 { font-size: 1.176470588235294em; font-weight: 400; line-height: 1.1em; padding-top: 4px; padding-bottom: 4px; } h2.hln, .hln h2 { border-bottom: 1px solid #685a54; padding-bottom: 4px; } .ce_hyperlink .hyperlink_img h2 { margin: 0; } h4, h5 { font-size: 0.9411764705882353em; margin-bottom: 0.25em; font-weight: 600; } p, figure { margin: 0 0 1.5em; } .ce_text p + ul, .ce_text p + ol { margin-top: -1.5em; } p.info { margin: 0; } /***** COLORS *****/ .orange h1, .orange .hln h2, .orange h2.hln { color: #ff6600; border-color: #ff6600; } .blau h1, .blau .hln h2, .blau h2.hln { color: #0082c3; border-color: #0082c3; } .gruen h1, .gruen .hln h2, .gruen h2.hln { color: #92b880; border-color: #92b880; } .gelb h1, .gelb .hln h2, .gelb h2.hln { color: #e9b948; border-color: #e9b948; } #header ul.level_1 > li > a.orange:hover, #header ul.level_1 > li > a.orange.trail, #header ul.level_1 > li > span.orange { color: #ff6600; } #header ul.level_1 > li > a.blau:hover, #header ul.level_1 > li > a.blau.trail, #header ul.level_1 > li > span.blau { color: #0082c3; } #header ul.level_1 > li > a.gruen:hover, #header ul.level_1 > li > a.gruen.trail, #header ul.level_1 > li > span.gruen { color: #92b880; } #header ul.level_1 > li > a.gelb:hover, #header ul.level_1 > li > a.gelb.trail, #header ul.level_1 > li > span.gelb { color: #e9b948; } body.home h1, body.home h2, body .hbg h1, body .hbg h2, body h1.hbg, body h2.hbg, .ce_hyperlink .hyperlink_img h2 { background-position: center center; background-repeat: repeat-x; background-image: url("../../files/styles/pics/hbg_grau.jpg"); padding: 4px 15px; color: #685a54; } #header a, .ce_hyperlink .hyperlink_img h2 { color: #685a54; } .orange .hbg h1, .orange .hbg h2, .orange h1.hbg, .orange h2.hbg, .ce_hyperlink .hyperlink_img h2 { background-image: url("../../files/styles/pics/hbg_orange.jpg"); } .blau .hbg h1, .blau .hbg h2, .blau h1.hbg, .blau h2.hbg { background-image: url("../../files/styles/pics/hbg_blau.jpg"); } .gruen .hbg h1, .gruen .hbg h2, .gruen h1.hbg, .gruen h2.hbg { background-image: url("../../files/styles/pics/hbg_gruen.jpg"); } .gelb .hbg h1, .gelb .hbg h2, .gelb h1.hbg, .gelb h2.hbg { background-image: url("../../files/styles/pics/hbg_gelb.jpg"); } .hnc h1, .hnc h2, h1.hnc, h2.hnc { color: #685a54 !important; } /***** CONTAINER *****/ .inside { width: 1270px; max-width: 100%; margin: 0 auto; position: relative; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 35px; } #wrapper { padding-top: 95px; } #header { font-family: 'Roboto Slab', serif; background: #fff; -webkit-box-shadow: 0px 6px 5px 0px rgba(0,0,0,0.1); -moz-box-shadow: 0px 6px 5px 0px rgba(0,0,0,0.1); box-shadow: 0px 6px 5px 0px rgba(0,0,0,0.1); position: relative; z-index: 99; position: fixed; width: 100%; top: 0; } #container { font-family: 'Source Serif Pro', serif; background: #fff; } #footer { font-family: 'Source Serif Pro', serif; } #header:after, #container:after, #footer:after { content: ""; display: table; clear: both; } /***** HEADER *****/ #header .logo { float: left; display: inline-block; padding-top: 10px; } #header .suche { float: right; } #header .suche a { display: block; width: 19px; height: 19px; background: url("../../files/styles/pics/Lupe_sprite.png") no-repeat -20px top; border: 5px solid #fff; -webkit-transition: none; -moz-transition: none; -o-transition: none; transition: none; } #header .suche a:hover { background-position: left top; } #mainnav { position: relative; overflow: visible; } #mainnav a, #mainnav span { white-space: nowrap; display: inline-block; font-weight: 400; } #mainnav li { list-style: none; position: relative; } #mainnav ul.level_1 > li > a, #mainnav ul.level_1 > li > span { font-size: 1.176470588235294em; } #mainnav ul.level_1 > li:hover, #mainnav ul.level_1 > li.active, #mainnav ul.level_1 > li.trail { } #mainnav ul.level_2 { visibility: hidden; opacity: 0; -webkit-transition: opacity .2s ease-out; -moz-transition: opacity .2s ease-out; -o-transition: opacity .2s ease-out; transition: opacity .2s ease-out; } #mainnav ul.level_1 li:hover ul.level_2 { visibility: visible; opacity: 1; } #mainnav ul.level_2 > li > a, #mainnav ul.level_2 > li > span { display: block; } #mainnav ul.level_2 > li a:hover, #mainnav ul.level_2 > li.trail a, #mainnav ul.level_2 > li.active span { font-weight: 600; position: relative; } #mainnav ul.level_2 > li a:hover:before,#mainnav ul.level_2 > li.trail a:before, #mainnav ul.level_2 > li span:before { content: '\2022'; position: absolute; left: -10px; top: 0.2em; } /***** SLIDESHOW / BANNER *****/ #slider, #banner { font-size: 1.058823529411765em; font-family: 'Source Serif Pro', serif; position: relative; } #slider .text_container p, #banner .text_container p { margin: 0; } #slider .text_container, #banner .text_container { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } #slider .image_container, #banner .image_container { margin: 0; } #slider .image_container img, #banner .image_container img { display: block; } /***** MAIN *****/ body.home #container h2, body.twocol #container h2 { margin-top: 2em; } body.home #container .mod_article > .block:first-of-type > h2, body.twocol #container .mod_article > .block:first-of-type > h2, body.home #container .mod_article > .ce_headline.first, body.twocol #container .mod_article > .ce_headline.first { margin-top: 0; } body.twocol #left .ce_hyperlink, body.twocol #left .ce_download, body.twocol #left .ce_downloads, body.twocol #left .ce_youtube, body.twocol #left .ce_table, body.twocol #left .ce_gallery, body.twocol #main .ce_hyperlink, body.twocol #main .ce_download, body.twocol #main .ce_downloads, body.twocol #main .ce_youtube, body.twocol #main .ce_table, body.twocol #main .ce_gallery, body.twocol #right .ce_hyperlink, body.twocol #right .ce_download, body.twocol #right .ce_downloads, body.twocol #right .ce_youtube, body.twocol #right .ce_table, body.twocol #right .ce_gallery { margin-bottom: 1.5em; } #main .ce_text.col3 { margin: 0; } #container a { font-weight: 600; } .ce_text ol, .ce_text ul { padding: 0; margin: 0 0 1.5em; overflow: auto; zoom: 1; } .ce_text ul { list-style-type: none; } .ce_text ol { list-style-type: decimal; } .ce_text ol li { margin: 0 0 0 1.75em; padding: 0 0 0 0.25em; } .ce_text ul li { position: relative; margin: 0 0 0 1em; padding: 0 0 0 0.5em; } .ce_text ul li:before { content: '\2022'; position: absolute; left: -0.5em; top: -0.1em; } .mod_newslist .layout_latest { border-bottom: 1px dotted #000; margin: 0 0 1.25em; } .mod_newslist .layout_latest.last { border-bottom: 0; margin: 0; } .mod_newslist h3 { margin: 0 0 0.2em; } .mod_newslist p { margin: 0 0 1em; } .mod_newslist p.info { margin: 0; font-size: 0.8235294117647059em; line-height: 120%; } p.header { margin: 1em 0; } p.url { font-size: 0.8235294117647059em; margin: -1.5em 0 1.5em; } .mod_article.border { border-bottom: 1px dotted #000; margin-bottom: 1.5em; padding-bottom: 1em; min-height: 4em; } .radio_container { margin: 0.5em 0; } input.radio { vertical-align: middle; } /***** FOOTER *****/ #footer { position: relative; } #footer a { } .toggle_view { position: absolute; bottom: 20px; left: 20px; } body { background: #f2f1ed; } h1.col1 { margin-left: 15px; margin-right: 15px; } body.twocol h1.col1 { padding-left: 33.3333333333333333333333333333%; } .col1 { margin-left: 15px; margin-right: 15px; } .col2, .col3 { float: left; padding: 0 15px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .col2 { width: 66.666666666666666666666666666%; } .col3 { width: 33.3333333333333333333333333333%; } #mainnav { float: right; padding-top: 45px; } #mainnav a { padding: 13px 0; } #mainnav ul.level_1 > li { display: inline; } #mainnav ul.level_1 > li > a, #mainnav ul.level_1 > li > span { margin: 0 0.9em; } #mainnav ul.level_2 { visibility: hidden; opacity: 0; -webkit-transition: opacity .2s ease-out; -moz-transition: opacity .2s ease-out; -o-transition: opacity .2s ease-out; transition: opacity .2s ease-out; } #mainnav ul.level_1 li:hover ul.level_2 { visibility: visible; opacity: 1; } #mainnav ul.level_2 { position: absolute; left: 0; top: 26px; background: url("../../files/styles/pics/dropdown.png") no-repeat left top; padding: 20px 20px 50px; min-width: 200px; } #mainnav ul.level_2 > li > a, #mainnav ul.level_2 > li > span { padding: 3px 0; } #header { height: 95px; } #header .logo { margin-left: 5.5em; } #header .suche { padding-top: 55px; margin-left: 60px; } #slider, #banner { padding: 0 15px; margin-bottom: 2em; } #slider .slider-control .slider-prev, #slider .slider-control .slider-next { display: none; } #slider .slider-control { position: absolute; bottom: 20px; width: 66.666666666666666666666666666%; right: 0; height: 15px; } #slider .slider-control .slider-menu { top: auto; width: 100%; left: auto; margin-left: 0; font-size: 50px; line-height: 15px; } #slider .slider-control .slider-menu b { color: #fff; cursor: pointer; margin: 0 5px; } #slider .slider-control .slider-menu b.active { color: #74b075; } #slider .text_container, #banner .text_container { width: 33.3333333333333333333333333333%; position: absolute; bottom: 0; padding: 0 15px 1em; } #slider .text_container p, #banner .text_container p { font-size: 0.8823529411764706em; } #slider .image_container, #banner .image_container { float: right; width: 66.666666666666666666666666666%; } #slider .ce_text { background-repeat: no-repeat; background-position: left bottom; } #slider .ce_text.s1 { background-image: url("../../files/styles/pics/Slider_01.jpg"); } #slider .ce_text.s2 { background-image: url("../../files/styles/pics/Slider_02.jpg"); } #slider .ce_text.s3 { background-image: url("../../files/styles/pics/Slider_03.jpg"); } #slider .ce_text.s4 { background-image: url("../../files/styles/pics/Slider_04.jpg"); } #slider .ce_text.s5 { background-image: url("../../files/styles/pics/Slider_05.jpg"); } #slider .ce_text.s6 { background-image: url("../../files/styles/pics/Slider_06.jpg"); } #slider .ce_text:after { content: ""; display: table; clear: both; } #banner .ce_text { position: relative; } .orange #banner .ce_text, .orange #banner .ce_image { background: url("../../files/styles/pics/banner_orange.jpg") no-repeat left top; } .blau #banner .ce_text, .blau #banner .ce_image { background: url("../../files/styles/pics/banner_blau.jpg") no-repeat left top; } .gruen #banner .ce_text, .gruen #banner .ce_image { background: url("../../files/styles/pics/banner_gruen.jpg") no-repeat left top; } .gelb #banner .ce_text, .gelb #banner .ce_image { background: url("../../files/styles/pics/banner_gruen.jpg") no-repeat left top; } .banner_1col { height: 200px; position: relative; z-index: 9; text-align: center; background-repeat: no-repeat; background-position: center top; } .banner_1col + #container{ position: relative; padding-top: 200px; margin-top: -200px; } body.onecol #container .mod_article.negmrgn { margin-left: -15px; margin-right: -15px; } body.onecol #container .mod_article.border .ce_headline { margin-left: 0; padding-left: 0; } body.onecol #container .mod_article.brdrtop { margin-top: -1.2em; } body.onecol #container .mod_article.brdrtop h1 { border-top: 1px dotted #000; padding-top: 2em; } body.onecol #container .mod_article.brdrtop .col1-2 { margin-left: 33.3333333333333333333333333333%; padding-left: 15px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } #container { padding-bottom: 300px; } #footer { height: 386px; background-image: url("../../files/styles/pics/footer_bg.jpg"); margin-top: -300px; background-repeat: no-repeat; background-position: center bottom; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 300px; text-align: center; } @media screen and (max-width:1023px) { body { font-size: 15px; } #header .logo { margin-left: 0; } #mainnav ul.level_1 > li > a, #mainnav ul.level_1 > li > span { margin: 0 0.5em; } } @media screen and (max-width:850px) { body { font-size: 13px; } #mainnav { position: absolute; overflow: visible; float: none; padding-top: 0; top: 5px; right: 15px; } .inside { padding: 0 15px; } }