/* 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} /* 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} /* 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} *, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /* 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; } 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; } table { font-size: inherit; } caption,th { font-weight: bold; } .row { box-sizing: border-box; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -0.5rem; margin-left: -0.5rem; } .row.reverse { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .col.reverse { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .row > * { padding-right: 0.5rem; padding-left: 0.5rem; } .cld-xs > *, .cld-xs-1 > *, .cld-xs-2 > *, .cld-xs-3 > *, .cld-xs-4 > *, .cld-xs-5 > *, .cld-xs-6 > *, .cld-xs-7 > *, .cld-xs-8 > *, .cld-xs-9 > *, .cld-xs-10 > *, .cld-xs-11 > *, .cld-xs-12 > *, .xs, .xs-1, .xs-2, .xs-3, .xs-4, .xs-5, .xs-6, .xs-7, .xs-8, .xs-9, .xs-10, .xs-11, .xs-12, .xs-offset-0, .xs-offset-1, .xs-offset-2, .xs-offset-3, .xs-offset-4, .xs-offset-5, .xs-offset-6, .xs-offset-7, .xs-offset-8, .xs-offset-9, .xs-offset-10, .xs-offset-11, .xs-offset-12 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; padding-right: 0.5rem; padding-left: 0.5rem; } .cld-xs > *, .xs { -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-flex-basis: 0; -ms-flex-preferred-size: 0; flex-basis: 0; max-width: 100%; } .cld-xs-1 > *, .xs-1 { -webkit-flex-basis: 8.333%; -ms-flex-preferred-size: 8.333%; flex-basis: 8.333%; max-width: 8.333%; } .cld-xs-2 > *, .xs-2 { -webkit-flex-basis: 16.666%; -ms-flex-preferred-size: 16.666%; flex-basis: 16.666%; max-width: 16.666%; } .cld-xs-3 > *, .xs-3 { -webkit-flex-basis: 25%; -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25%; } .cld-xs-4 > *, .xs-4 { -webkit-flex-basis: 33.333%; -ms-flex-preferred-size: 33.333%; flex-basis: 33.333%; max-width: 33.333%; } .cld-xs-5 > *, .xs-5 { -webkit-flex-basis: 41.667%; -ms-flex-preferred-size: 41.667%; flex-basis: 41.667%; max-width: 41.667%; } .cld-xs-6 > *, .xs-6 { -webkit-flex-basis: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; } .cld-xs-7 > *, .xs-7 { -webkit-flex-basis: 58.333%; -ms-flex-preferred-size: 58.333%; flex-basis: 58.333%; max-width: 58.333%; } .cld-xs-8 > *, .xs-8 { -webkit-flex-basis: 66.667%; -ms-flex-preferred-size: 66.667%; flex-basis: 66.667%; max-width: 66.667%; } .cld-xs-9 > *, .xs-9 { -webkit-flex-basis: 75%; -ms-flex-preferred-size: 75%; flex-basis: 75%; max-width: 75%; } .cld-xs-10 > *, .xs-10 { -webkit-flex-basis: 83.333%; -ms-flex-preferred-size: 83.333%; flex-basis: 83.333%; max-width: 83.333%; } .cld-xs-11 > *, .xs-11 { -webkit-flex-basis: 91.667%; -ms-flex-preferred-size: 91.667%; flex-basis: 91.667%; max-width: 91.667%; } .cld-xs-12 > *, .xs-12 { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } .xs-offset-0 { margin-left: 0; } .xs-offset-1 { margin-left: 8.333%; } .xs-offset-2 { margin-left: 16.666%; } .xs-offset-3 { margin-left: 25%; } .xs-offset-4 { margin-left: 33.333%; } .xs-offset-5 { margin-left: 41.667%; } .xs-offset-6 { margin-left: 50%; } .xs-offset-7 { margin-left: 58.333%; } .xs-offset-8 { margin-left: 66.667%; } .xs-offset-9 { margin-left: 75%; } .xs-offset-10 { margin-left: 83.333%; } .xs-offset-11 { margin-left: 91.667%; } .start-xs { -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; text-align: start; } .center-xs { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; text-align: center; } .end-xs { -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; text-align: end; } .top-xs { -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .middle-xs { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .bottom-xs { -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; } .around-xs { -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; } .between-xs { -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .first-xs { -webkit-box-ordinal-group: 0; -webkit-order: -1; -ms-flex-order: -1; order: -1; } .last-xs { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; } @media only screen and (min-width: 736px) { .cld-sm > *, .cld-sm-1 > *, .cld-sm-2 > *, .cld-sm-3 > *, .cld-sm-4 > *, .cld-sm-5 > *, .cld-sm-6 > *, .cld-sm-7 > *, .cld-sm-8 > *, .cld-sm-9 > *, .cld-sm-10 > *, .cld-sm-11 > *, .cld-sm-12 > *, .sm, .sm-1, .sm-2, .sm-3, .sm-4, .sm-5, .sm-6, .sm-7, .sm-8, .sm-9, .sm-10, .sm-11, .sm-12, .sm-offset-0, .sm-offset-1, .sm-offset-2, .sm-offset-3, .sm-offset-4, .sm-offset-5, .sm-offset-6, .sm-offset-7, .sm-offset-8, .sm-offset-9, .sm-offset-10, .sm-offset-11, .sm-offset-12 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; padding-right: 0.5rem; padding-left: 0.5rem; } .cld-sm > *, .sm { -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-flex-basis: 0; -ms-flex-preferred-size: 0; flex-basis: 0; max-width: 100%; } .cld-sm-1 > *, .sm-1 { -webkit-flex-basis: 8.333%; -ms-flex-preferred-size: 8.333%; flex-basis: 8.333%; max-width: 8.333%; } .cld-sm-2 > *, .sm-2 { -webkit-flex-basis: 16.666%; -ms-flex-preferred-size: 16.666%; flex-basis: 16.666%; max-width: 16.666%; } .cld-sm-3 > *, .sm-3 { -webkit-flex-basis: 25%; -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25%; } .cld-sm-4 > *, .sm-4 { -webkit-flex-basis: 33.333%; -ms-flex-preferred-size: 33.333%; flex-basis: 33.333%; max-width: 33.333%; } .cld-sm-5 > *, .sm-5 { -webkit-flex-basis: 41.667%; -ms-flex-preferred-size: 41.667%; flex-basis: 41.667%; max-width: 41.667%; } .cld-sm-6 > *, .sm-6 { -webkit-flex-basis: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; } .cld-sm-7 > *, .sm-7 { -webkit-flex-basis: 58.333%; -ms-flex-preferred-size: 58.333%; flex-basis: 58.333%; max-width: 58.333%; } .cld-sm-8 > *, .sm-8 { -webkit-flex-basis: 66.667%; -ms-flex-preferred-size: 66.667%; flex-basis: 66.667%; max-width: 66.667%; } .cld-sm-9 > *, .sm-9 { -webkit-flex-basis: 75%; -ms-flex-preferred-size: 75%; flex-basis: 75%; max-width: 75%; } .cld-sm-10 > *, .sm-10 { -webkit-flex-basis: 83.333%; -ms-flex-preferred-size: 83.333%; flex-basis: 83.333%; max-width: 83.333%; } .cld-sm-11 > *, .sm-11 { -webkit-flex-basis: 91.667%; -ms-flex-preferred-size: 91.667%; flex-basis: 91.667%; max-width: 91.667%; } .cld-sm-12 > *, .sm-12 { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } .sm-offset-0 { margin-left: 0; } .sm-offset-1 { margin-left: 8.333%; } .sm-offset-2 { margin-left: 16.666%; } .sm-offset-3 { margin-left: 25%; } .sm-offset-4 { margin-left: 33.333%; } .sm-offset-5 { margin-left: 41.667%; } .sm-offset-6 { margin-left: 50%; } .sm-offset-7 { margin-left: 58.333%; } .sm-offset-8 { margin-left: 66.667%; } .sm-offset-9 { margin-left: 75%; } .sm-offset-10 { margin-left: 83.333%; } .sm-offset-11 { margin-left: 91.667%; } .start-sm { -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; text-align: start; } .center-sm { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; text-align: center; } .end-sm { -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; text-align: end; } .top-sm { -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .middle-sm { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .bottom-sm { -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; } .around-sm { -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; } .between-sm { -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .first-sm { -webkit-box-ordinal-group: 0; -webkit-order: -1; -ms-flex-order: -1; order: -1; } .last-sm { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; }; } @media only screen and (min-width: 64em) { .cld-md > *, .cld-md-1 > *, .cld-md-2 > *, .cld-md-3 > *, .cld-md-4 > *, .cld-md-5 > *, .cld-md-6 > *, .cld-md-7 > *, .cld-md-8 > *, .cld-md-9 > *, .cld-md-10 > *, .cld-md-11 > *, .cld-md-12 > *, .md, .md-1, .md-2, .md-3, .md-4, .md-5, .md-6, .md-7, .md-8, .md-9, .md-10, .md-11, .md-12, .md-offset-0, .md-offset-1, .md-offset-2, .md-offset-3, .md-offset-4, .md-offset-5, .md-offset-6, .md-offset-7, .md-offset-8, .md-offset-9, .md-offset-10, .md-offset-11, .md-offset-12 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; padding-right: 0.5rem; padding-left: 0.5rem; } .cld-md > *, .md { -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-flex-basis: 0; -ms-flex-preferred-size: 0; flex-basis: 0; max-width: 100%; } .cld-md-1 > *, .md-1 { -webkit-flex-basis: 8.333%; -ms-flex-preferred-size: 8.333%; flex-basis: 8.333%; max-width: 8.333%; } .cld-md-2 > *, .md-2 { -webkit-flex-basis: 16.666%; -ms-flex-preferred-size: 16.666%; flex-basis: 16.666%; max-width: 16.666%; } .cld-md-3 > *, .md-3 { -webkit-flex-basis: 25%; -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25%; } .cld-md-4 > *, .md-4 { -webkit-flex-basis: 33.333%; -ms-flex-preferred-size: 33.333%; flex-basis: 33.333%; max-width: 33.333%; } .cld-md-5 > *, .md-5 { -webkit-flex-basis: 41.667%; -ms-flex-preferred-size: 41.667%; flex-basis: 41.667%; max-width: 41.667%; } .cld-md-6 > *, .md-6 { -webkit-flex-basis: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; } .cld-md-7 > *, .md-7 { -webkit-flex-basis: 58.333%; -ms-flex-preferred-size: 58.333%; flex-basis: 58.333%; max-width: 58.333%; } .cld-md-8 > *, .md-8 { -webkit-flex-basis: 66.667%; -ms-flex-preferred-size: 66.667%; flex-basis: 66.667%; max-width: 66.667%; } .cld-md-9 > *, .md-9 { -webkit-flex-basis: 75%; -ms-flex-preferred-size: 75%; flex-basis: 75%; max-width: 75%; } .cld-md-10 > *, .md-10 { -webkit-flex-basis: 83.333%; -ms-flex-preferred-size: 83.333%; flex-basis: 83.333%; max-width: 83.333%; } .cld-md-11 > *, .md-11 { -webkit-flex-basis: 91.667%; -ms-flex-preferred-size: 91.667%; flex-basis: 91.667%; max-width: 91.667%; } .cld-md-12 > *, .md-12 { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } .md-offset-0 { margin-left: 0; } .md-offset-1 { margin-left: 8.333%; } .md-offset-2 { margin-left: 16.666%; } .md-offset-3 { margin-left: 25%; } .md-offset-4 { margin-left: 33.333%; } .md-offset-5 { margin-left: 41.667%; } .md-offset-6 { margin-left: 50%; } .md-offset-7 { margin-left: 58.333%; } .md-offset-8 { margin-left: 66.667%; } .md-offset-9 { margin-left: 75%; } .md-offset-10 { margin-left: 83.333%; } .md-offset-11 { margin-left: 91.667%; } .start-md { -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; text-align: start; } .center-md { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; text-align: center; } .end-md { -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; text-align: end; } .top-md { -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .middle-md { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .bottom-md { -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; } .around-md { -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; } .between-md { -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .first-md { -webkit-box-ordinal-group: 0; -webkit-order: -1; -ms-flex-order: -1; order: -1; } .last-md { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; }; } @media only screen and (min-width: 75em) { .cld-lg > *, .cld-lg-1 > *, .cld-lg-2 > *, .cld-lg-3 > *, .cld-lg-4 > *, .cld-lg-5 > *, .cld-lg-6 > *, .cld-lg-7 > *, .cld-lg-8 > *, .cld-lg-9 > *, .cld-lg-10 > *, .cld-lg-11 > *, .cld-lg-12 > *, .lg, .lg-1, .lg-2, .lg-3, .lg-4, .lg-5, .lg-6, .lg-7, .lg-8, .lg-9, .lg-10, .lg-11, .lg-12, .lg-offset-0, .lg-offset-1, .lg-offset-2, .lg-offset-3, .lg-offset-4, .lg-offset-5, .lg-offset-6, .lg-offset-7, .lg-offset-8, .lg-offset-9, .lg-offset-10, .lg-offset-11, .lg-offset-12 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; padding-right: 0.5rem; padding-left: 0.5rem; } .cld-lg > *, .lg { -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-flex-basis: 0; -ms-flex-preferred-size: 0; flex-basis: 0; max-width: 100%; } .cld-lg-1 > *, .lg-1 { -webkit-flex-basis: 8.333%; -ms-flex-preferred-size: 8.333%; flex-basis: 8.333%; max-width: 8.333%; } .cld-lg-2 > *, .lg-2 { -webkit-flex-basis: 16.666%; -ms-flex-preferred-size: 16.666%; flex-basis: 16.666%; max-width: 16.666%; } .cld-lg-3 > *, .lg-3 { -webkit-flex-basis: 25%; -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25%; } .cld-lg-4 > *, .lg-4 { -webkit-flex-basis: 33.333%; -ms-flex-preferred-size: 33.333%; flex-basis: 33.333%; max-width: 33.333%; } .cld-lg-5 > *, .lg-5 { -webkit-flex-basis: 41.667%; -ms-flex-preferred-size: 41.667%; flex-basis: 41.667%; max-width: 41.667%; } .cld-lg-6 > *, .lg-6 { -webkit-flex-basis: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; } .cld-lg-7 > *, .lg-7 { -webkit-flex-basis: 58.333%; -ms-flex-preferred-size: 58.333%; flex-basis: 58.333%; max-width: 58.333%; } .cld-lg-8 > *, .lg-8 { -webkit-flex-basis: 66.667%; -ms-flex-preferred-size: 66.667%; flex-basis: 66.667%; max-width: 66.667%; } .cld-lg-9 > *, .lg-9 { -webkit-flex-basis: 75%; -ms-flex-preferred-size: 75%; flex-basis: 75%; max-width: 75%; } .cld-lg-10 > *, .lg-10 { -webkit-flex-basis: 83.333%; -ms-flex-preferred-size: 83.333%; flex-basis: 83.333%; max-width: 83.333%; } .cld-lg-11 > *, .lg-11 { -webkit-flex-basis: 91.667%; -ms-flex-preferred-size: 91.667%; flex-basis: 91.667%; max-width: 91.667%; } .cld-lg-12 > *, .lg-12 { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } .lg-offset-0 { margin-left: 0; } .lg-offset-1 { margin-left: 8.333%; } .lg-offset-2 { margin-left: 16.666%; } .lg-offset-3 { margin-left: 25%; } .lg-offset-4 { margin-left: 33.333%; } .lg-offset-5 { margin-left: 41.667%; } .lg-offset-6 { margin-left: 50%; } .lg-offset-7 { margin-left: 58.333%; } .lg-offset-8 { margin-left: 66.667%; } .lg-offset-9 { margin-left: 75%; } .lg-offset-10 { margin-left: 83.333%; } .lg-offset-11 { margin-left: 91.667%; } .start-lg { -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; text-align: start; } .center-lg { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; text-align: center; } .end-lg { -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; text-align: end; } .top-lg { -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .middle-lg { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .bottom-lg { -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; } .around-lg { -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; } .between-lg { -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .first-lg { -webkit-box-ordinal-group: 0; -webkit-order: -1; -ms-flex-order: -1; order: -1; } .last-lg { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; }; } .list-text li { padding-bottom: 15px; } .float_left { float: left; } .float_right { float: right; } .margin-no { margin: 0 !important; } .block { /* overflow: hidden; */ } img { width: 100%; } .bdr-wht-btm { border-bottom: 2px solid #fff; } .bdr-wht-btm img { display: block; } .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; } .overflow-hidden { overflow: hidden; } .overflow-scroll { overflow-y: auto !important; } .overflow-visible { overflow: visible; } .col { /* anpassung unter GROESSENSPEZIFISCHE HILFSKLASSEN */ -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; } /* ------------------------------------------------------ */ /* Abstände nach unten */ /* ------------------------------------------------------ */ .xs-btm-sm { margin-bottom: 1rem } .xs-btm-md { margin-bottom: 2rem } .xs-btm-lg { margin-bottom: 4rem } @media only screen and (min-width: 48em) { .sm-btm-sm { margin-bottom: 1rem } .sm-btm-md { margin-bottom: 2rem } .sm-btm-lg { margin-bottom: 4rem } } @media only screen and (min-width: 64em) { .md-btm-sm { margin-bottom: 1rem } .md-btm-md { margin-bottom: 2rem } .md-btm-lg { margin-bottom: 4rem } } @media only screen and (min-width: 75em) { .lg-btm-sm { margin-bottom: 1rem } .lg-btm-md { margin-bottom: 2rem } .lg-btm-lg { margin-bottom: 4rem } } .xs-top-sm { margin-top: 1rem } .xs-top-md { margin-top: 2rem } .xs-top-lg { margin-top: 4rem } @media only screen and (min-width: 48em) { .sm-top-sm { margin-top: 1rem } .sm-top-md { margin-top: 2rem } .sm-top-lg { margin-top: 4rem } } @media only screen and (min-width: 64em) { .md-top-sm { margin-top: 1rem } .md-top-md { margin-top: 2rem } .md-top-lg { margin-top: 4rem } } @media only screen and (min-width: 75em) { .lg-top-sm { margin-top: 1rem } .lg-top-md { margin-top: 2rem } .lg-top-lg { margin-top: 4rem } } /* GROESSENSPEZIFISCHE HILFSKLASSEN */ .xs-invisible { display: none; } @media only screen and (min-width: 48em) { .sm-invisible { display: none; } .sm-visible { display: block; } .col { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; } } @media only screen and (min-width: 64em) { .md-invisible { display: none; } .md-visible { display: block; } } @media only screen and (min-width: 75em) { .lg-invisible { display: none; } .lg-visible { display: block; } } @media only screen and (min-width: 48em) { } @media only screen and (min-width: 64em) { } @media only screen and (min-width: 75em) { } html * { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } html, body { font:16px/1.4em "DaxlineWeb","Lucida Sans Unicode",sans-serif; color:#67310B; font-weight: 400; -webkit-text-size-adjust: none; } h1, h2, h3, h4, h5, h6 { margin-top:1em; line-height:1.25em; color: #91080D; font-weight: 700; } h2, h3, h4, h5, h6 { margin-top:1em; background-image:url("../../files/theme/img/wolf-oekohaeuser_signet.svg"); background-position:left top; background-repeat:no-repeat; line-height:1.25em; color: #91080D; font-weight: 700; text-indent: 1.5em; background-size: 1em; margin-top: -1px; } em:last-child, em:not(:first-child) { text-indent: 0; } h1, h2, h3, h4, h5, h6, p, pre, blockquote, table, ol, ul, form { margin-bottom:12px; } /* MANUELLE ZEILENUMBRÜCHE AUF MOBILE LÖSCHEN */ @media only screen and (max-width: 48em) { br { display: none; } } h1 { padding-top:.2em; padding-bottom:.9em; font-size:1.7rem; color:#fff; } @media only screen and (min-width: 750px) { h1 { font-size:2.8rem; } h1 em { font-size: .8em; } } h2 { font-size:1.6667em; } h3 { font-size:1.5em; } h4 { font-size:1.3333em; } a { color: #91080D; text-decoration: none; } h1 em, h2 em, h3 em, h4 em, h5 em, h6 em { display:block; font-style: normal; font-weight: 200; } /* Überschriften Styles */ .hl-style-1 { position:relative; text-align:center; font-size: 2rem; line-height:1.4em; position:relative; font-weight: 700; text-indent: 0; color: #DACDB7; /* background-color: #DACDB3; color: transparent; text-shadow: 0px 2px 3px rgba(255,255,255,0.5); -webkit-background-clip: text; -moz-background-clip: text; background-clip: text; */ } .bg-beige .hl-style-1 { font-size:2rem; color: rgba(111, 62, 28, 0.63); -webkit-background-clip: text; -moz-background-clip: text; background-clip: text; } .bg-beige .hl-style-1 em { font-size:1.7rem; line-height:1em; text-shadow: none; } ul { list-style-type: none; } .mod_article ul li { position:relative; padding-left:15px; } .mod_article ul li:before { width:5px; height:5px; left:0; top:.5em; position:absolute; display:inline-block; background-color:#BDA68B; content: ''; } .mod_article ul li li { padding-left: 20px; } .mod_article li li:before { width:5px; height:1px; left:7px; top:.6em; position:absolute; display:inline-block; background-color:#BDA68B; content: ''; } .mod_article ol { margin-left: 2rem; } .mod_article ol li { padding-left: .5rem; } .mod_article ul ul { margin-top: 5px; } blockquote { font-weight: 200; font-size: 1.6rem; color: #91080D; line-height: 1.2em; } blockquote p:first-child:before { content: "»"; display: inline-block; } blockquote p:last-child:after { content: "«"; display: inline-block; } .mod_navigation ul { list-style-type:none; } .custom .mod_navigation ul.level_1 { padding-bottom: 0; } .custom .mod_customnav ul.level_1 { padding-top: 0; } /* === SLIDE N MENU ==== */ #menu-bar .mod_customnav ul.level_1 { margin-right:0; margin-bottom:0; } .custom a, .custom span { display: block; color: #fff; margin-bottom: 2px; padding: 5px; } .custom span.active { color: #946C4A; } .custom .level_2 a:hover, .custom .mod_customnav a:hover { position: relative; background: rgb(118,70,36); box-shadow: 100px 0px 0px 0px rgb(118,70,36), -145px 0px 0px 0px rgb(118,70,36); } .custom .level_2 a:hover:after, .custom .mod_customnav a:hover:after { content: ""; display: block; position: absolute; width: 20px; height: 100%; top: 0; left: -35px; background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQyMjIwYyIgc3RvcC1vcGFjaXR5PSIwLjY1Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0MjIyMGMiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+"); background: -moz-linear-gradient(left, rgba(66,34,12,0.65) 0%, rgba(66,34,12,0) 100%); background: -webkit-linear-gradient(left, rgba(66,34,12,0.65) 0%,rgba(66,34,12,0) 100%); background: linear-gradient(to right, rgba(66,34,12,0.65) 0%,rgba(66,34,12,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a642220c', endColorstr='#0042220c',GradientType=1 ); } .custom .level_3 a:hover:after { left: -65px; } .custom .level_1 { padding: 30px 35px 35px 35px; } .custom .level_1 > li > a, .custom .level_1 > li > span { text-transform: uppercase; font-weight: 700; } .custom .level_2 { display: none; } .custom .trail .level_2 { display: block; } .custom .level_2 > li > a, .custom .level_2 > li > span { font-weight: 200; } .custom .level_2 > li > a:hover { } .custom .level_3 { display: none; } /* ===== Pfeil hinter Level_1 Items === */ .custom .level_1 > li.submenu { position: relative; } .custom span { cursor: pointer; } .custom .level_1 > li.submenu > a:after, .custom .level_1 > li.submenu > span:after { content: ''; display: block; height: 11px; width: 8px; position: absolute; top: 15px; right: 0px; bottom: auto; color: #fff; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); background: url("../../files/theme/img/cd-arrow.svg") no-repeat center center; background-size: 8px 11px; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; transition-property: transform; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; transition-duration: 0.2s; } .custom .level_1 > li.submenu > .trail::after { -webkit-transform: translateY(-50%) rotate(90deg); -moz-transform: translateY(-50%) rotate(90deg); -ms-transform: translateY(-50%) rotate(90deg); -o-transform: translateY(-50%) rotate(90deg); transform: translateY(-50%) rotate(90deg); } .level_2 .trail ul.level_3, .level_2 li.active ul.level_3 { display: block; font-size: .9em; font-weight: 200; margin: 0 10px 10px 20px; } .level_2 ul.level_3 li a, .level_2 ul.level_3 li span { padding: 0; } .level_2 ul.level_3 li a:before, .level_2 ul.level_3 li span:before { content: "›"; padding-right: 10px; display: inline-block; } /* ===== BREADCRUMBS === */ @media only screen and (max-width: 500px) { .mod_breadcrumb{ display: none; } } .home .mod_breadcrumb { display: none; } .mod_breadcrumb{ border-top: 2px solid #fff; } .mod_breadcrumb ul.row li { margin-right:1rem; color: rgba(111, 62, 28, 0.63); } .mod_breadcrumb ul li:before { display: none; } .mod_breadcrumb ul.row li.first { padding-left: .5rem; } .mod_breadcrumb li.active.last { color: #91080D; } .mod_breadcrumb a { position: relative; color: rgba(111, 62, 28, 0.63); } .mod_breadcrumb a:hover { color: #91080D; } .mod_bredcrumb li.first { padding-left: .5rem; } .mod_breadcrumb li:before { display: none; } .mod_breadcrumb a:after { content: '›'; display: block; position: absolute; color: rgba(111, 62, 28, 0.63); top:-4px; right: -20px; } /* === CUSTOM NAV == */ .custom .mod_customnav li a, .custom .mod_customnav li span { text-transform: none; font-weight: 200; } /* === Links an der Seite / Quicklinks == */ #quicklinks { position: fixed; left: 0; top: 50%; z-index: 999; } #quicklinks ul { } #quicklinks li { color: #fff; background: #981108; } #header .mod_article { padding: 0; } #header .ce_sliderStart img { width: 100%; display: block; } #header .content-slider { border-top: 2px solid #fff; } .slideshow-teaser { color: #fff; } h2.slider-headline { margin: 2px 0; background: rgba(103,49,11,.95); padding: 10px 0; color: #fff; text-indent: 0; } .slideshow-teaser .slider-headline span { display: block; clear: both; padding: 7px 25px 5px 25px; line-height: .7em; } #header .slide-text { display: none; } #header .slideshow-teaser p { margin-bottom: 9px; } #header .slideshow-teaser p:last-child { margin-bottom: 0; } #header .slideshow-teaser a { position: relative; display: block; clear: both; font-size: .8rem; text-transform: uppercase; color: #DFD4BE; padding: 15px 25px 12px 25px; background: rgba(145,8,13,.95); text-indent: -1000px; } #header .slideshow-teaser a:after { content: "hier erfahren Sie mehr!"; text-indent: 0; position: absolute; top: 15px; left: 25px; } #header .slideshow-teaser a:hover { color: #fff; background: rgba(145,8,13,1); } #header .slider-control { width: 100%; bottom: 157px; position: absolute; } #header .slider-menu { display: none; } #header .slider-prev, #header .slider-next { text-indent: -100000px; width: 45px; height: 45px; background: rgba(145,8,13,.95); color: #DFD4BE; } #header .slider-prev:hover, #header .slider-next:hover { background: rgba(145,8,13,1); color: #fff; } #header .slider-prev:after { content: "‹"; display: block; position: absolute; margin: -10px 0px 0px 19px; text-indent: 0; } #header .slider-next:after { content: "›"; display: block; position: absolute; margin: -10px 0px 0px 19px; text-indent: 0; } @media only screen and (min-width: 48em) { .slideshow-teaser { position: absolute; bottom: 50px; margin-left: 5%; padding: 0 .5rem; color: #fff; } .slideshow-teaser .slider-headline { background: none; margin: 0; padding: 0; } .slideshow-teaser .slider-headline span { float: left; margin-bottom: 2px; padding: 15px 25px 10px 25px; background: rgba(103,49,11,.95); } #header .slide-text { /* max-width: 95%; */ background-color: rgba(223,212,190,.95); color: #67310B; margin-bottom: 2px; padding: 15px 25px 15px 25px; display: table; clear: both; } #header .slideshow-teaser a:after { display: none; } #header .slideshow-teaser a { text-indent: 0; float: left; } #header .slideshow-teaser a:after { content: ""; display: none; } #header .slider-control { width: 92px; bottom: 78px; position: absolute; right: 5%; margin-right: 7px; } } .slider-control .slider-menu b { background: #DFD4BE; width: 15px; height: 15px; padding: 3px; border: 1px solid #DFD4BE; font-size: 0px; text-indent: -10000px; color: #DFD4BE; margin: 2px; } .slider-control .slider-menu b.active { background: #91080D; } .teaserbox { background: #fff; padding: 0 0 19px 0; margin-bottom: 20px; box-shadow: 0px 0px 1px 0px rgba(103, 49, 11, 0.15), 0 4px #DFD4BE; } .bg-beige .teaserbox { box-shadow: 0px 0px 1px 0px rgba(103, 49, 11, 0.15), 0 4px #BDA68B; } .teaserbox > * { padding-left: 24px; padding-right: 24px; } .teaserbox span { display: block; padding-top: 19px; margin-bottom: 17px; text-transform: uppercase; letter-spacing: 0.18em; color: #dfd4be; font-weight: 700; } .teaserbox .image_container { margin-left: -24px; margin-right: -24px; position: relative; } .teaserbox .image_container img{ display: block; } .teaserbox figcaption { display: none; } .teaserbox h1, .teaserbox h2, .teaserbox h3, .teaserbox h4, .teaserbox h5, .teaserbox h6 { font-weight: 400; text-indent: 0; background: none; margin-top: 20px; font-size: 1.5rem; } .teaserbox .info { font-size: .8em; margin-top: 10px; margin-bottom: -20px; opacity: .5; } .img-copyright { font-size: .7rem; position: absolute; bottom: 0px; line-height: 1em; padding: 5px 8px 4px 8px; color: #fff; background: #000; opacity: .3; } .img-copyright:before { content: '© '; } .img-copyright:hover { opacity: .8; } @media only screen and (min-width: 48em) { } @media only screen and (min-width: 64em) { } @media only screen and (min-width: 75em) { } #header ul { list-style-type: none; } #header ul.level_1 { margin-right: 0; margin-bottom: 0; } /* -------------------------------- Main components -------------------------------- */ #container, #footer { /* set a min-height and a z-index to be sure that the main element completely covers the lateral menu */ min-height: 100%; position: relative; z-index: 2; /* Force Hardware Acceleration in WebKit */ -webkit-transform: translateZ(0); -webkit-backface-visibility: hidden; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; transition-property: transform; -webkit-transition-duration: 0.4s; -moz-transition-duration: 0.4s; transition-duration: 0.4s; } #container.lateral-menu-is-open, #footer.lateral-menu-is-open { /* translate to show the lateral menu - all content needs to be put in the #container to translate*/ -webkit-transform: translateX(-260px); -moz-transform: translateX(-260px); -ms-transform: translateX(-260px); -o-transform: translateX(-260px); transform: translateX(-260px); } #header { position: relative; z-index: 3; /* Force Hardware Acceleration in WebKit */ -webkit-transform: translateZ(0); -webkit-backface-visibility: hidden; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; transition-property: transform; -webkit-transition-duration: 0.4s; -moz-transition-duration: 0.4s; transition-duration: 0.4s; } #header.lateral-menu-is-open { /* translate to show the lateral menu */ -webkit-transform: translateX(-260px); -moz-transform: translateX(-260px); -ms-transform: translateX(-260px); -o-transform: translateX(-260px); transform: translateX(-260px); } #menu-bar.is-fixed { position: fixed; } @media only screen and (min-width: 768px) { #menu-bar { height: 70px; }; } /* -------------------------------- TRIGGER -------------------------------- */ #cd-menu-trigger { position: absolute; right: 0; top: 0; height: 100%; width: 70px; border-left: 2px solid #fff; background: #67310b; background-image: -moz-linear-gradient( 60deg, rgb(98,49,15) 0%, rgb(118,70,36) 100%); background-image: -webkit-linear-gradient( 60deg, rgb(98,49,15) 0%, rgb(118,70,36) 100%); background-image: -ms-linear-gradient( 60deg, rgb(98,49,15) 0%, rgb(118,70,36) 100%); } #cd-menu-trigger .cd-menu-text { display: none; } #header .mod_customnav li { display: none; } #header .mod_customnav li:last-child { display: block; } #cd-menu-trigger .cd-menu-icon { position: absolute; left: 50%; top: 50%; /* this span is the central line in the menu menu */ display: inline-block; bottom: auto; right: auto; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); width: 15px; height: 2px; background-color: #FFF; /* these are the upper and lower lines in the menu menu */ ; } #cd-menu-trigger .cd-menu-icon::before, #cd-menu-trigger .cd-menu-icon:after { content: ''; width: 100%; height: 100%; position: absolute; background-color: inherit; left: 0; } #cd-menu-trigger .cd-menu-icon::before { bottom: 4px; } #cd-menu-trigger .cd-menu-icon::after { top: 4px; } #cd-menu-trigger.is-clicked .cd-menu-icon { background-color: rgba(255, 255, 255, 0); } #cd-menu-trigger.is-clicked .cd-menu-icon::before, #cd-menu-trigger.is-clicked .cd-menu-icon::after { background-color: white; } #cd-menu-trigger.is-clicked .cd-menu-icon::before { bottom: 0; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } #cd-menu-trigger.is-clicked .cd-menu-icon::after { top: 0; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } @media only screen and (min-width: 769px) { #header .mod_customnav li { display: block; } #cd-menu-trigger { position: relative; display: block; width: auto; border-left: none; } #cd-menu-trigger .cd-menu-text { width: 83px; display: block; height: 100%; text-transform: uppercase; font-weight: 700; font-size: .8rem; color: #FFF; line-height: 2.5em; padding: 4px 3em 0 .8em; } #cd-menu-trigger .cd-menu-icon { left: 62px; } } .custom { position: fixed; height: 100%; right: 0; top: 0; visibility: hidden; box-shadow:inset 10px 0px 30px -14px #000; /* the secondary navigation is covered by the main element */ z-index: 1; width: 260px; overflow-y: auto; overflow: hidden; /* Force Hardware Acceleration in WebKit */ -webkit-transform: translateZ(0); -webkit-backface-visibility: hidden; -webkit-transition: -webkit-transform .4s 0s, visibility 0s .4s; -moz-transition: -moz-transform .4s 0s, visibility 0s .4s; transition: transform .4s 0s, visibility 0s .4s; /* this creates the subtle slide in animation of the navigation */ -webkit-transform: translateX(80px); -moz-transform: translateX(80px); -ms-transform: translateX(80px); -o-transform: translateX(80px); transform: translateX(80px); background: rgb(66,32,13); background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMTAwJSIgeDI9IjEwMCUiIHkyPSIwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjNDIyMDBkIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzY4MzQxNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4="); background: -moz-linear-gradient(45deg, rgba(66,32,13,1) 0%, rgba(104,52,20,1) 100%); background: -webkit-linear-gradient(45deg, rgba(66,32,13,1) 0%,rgba(104,52,20,1) 100%); background: linear-gradient(45deg, rgba(66,32,13,1) 0%,rgba(104,52,20,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#42200d', endColorstr='#683414',GradientType=1 ); } .custom.lateral-menu-is-open { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); visibility: visible; overflow-y: auto; -webkit-transition: -webkit-transform .4s 0s, visibility 0s 0s; -moz-transition: -moz-transform .4s 0s, visibility 0s 0s; transition: transform .4s 0s, visibility 0s 0s; /* smooth the scrolling on touch devices - webkit browsers */ -webkit-overflow-scrolling: touch; } #footer { font-size:.8rem; } #footer p { padding: 0; } #footer .bg-braun a { color: #fff; } #footer .row { padding-top: 25px; padding-bottom: 25px; margin-bottom: 0; } #ftr-menu ul { margin: 0; } #ftr-menu li { float: left; padding-left: 0; padding-right: 30px; } #ftr-menu li:before { display: none; } .ftr_links { background: #DFD4BE; border-top: 2px solid #fff; } .ftr_links p, .ftr_links ul{ margin-bottom: 0; } .ftr_links.mod_article li { padding-left: 5px; } .ftr_links.mod_article li:before { content: '›'; width: auto; height: auto; left: -5px ; top: -1px; position: relative; display: inline-block; background-color: transparent; } .ftr_links.mod_article a { color: #67310B; } .ftr_links.mod_article a:hover { color: #91080D; } .referenzen img { display: block; } .referenzen > div { position: relative; margin-bottom: 2rem; background: white; box-shadow: inset .5rem 0 0 0 #F7F2E7, inset -.5rem 0 0 0 #F7F2E7; } .bg-beige .referenzen > div { box-shadow: inset .5rem 0 0 0 #DFD4BE, inset -.5rem 0 0 0 #DFD4BE; } .referenzen > div > * { margin-top: 0; background: #fff; } .referenzen figcaption { padding: 15px 160px 16px 25px; } .referenzen .slider-control { position: absolute; right: 2px; margin-right: .5rem; bottom: 1rem; background: transparent; } .referenzen .slider-menu { display: block; position: absolute; width: 0; right: 100%; margin-right: 25px; left: auto; overflow: hidden; width: auto; } .referenzen .slider-prev, .referenzen .slider-next { display: none; } .lightbox-link { margin: 1rem; display: block; } #cboxTitle { display: none; opacity: 0; visibility: hidden; } .slider-control { display: none !important; } input { width: 100%; line-height: 2em; clear: both; margin-bottom: 14px; padding: 5px 10px; } label { display: none; } .submit { padding: 5px 10px; border: none; background: #981108; color: #fff; } .back { margin-top: 40px; } .back a, .back:before { content: "‹"; background: #67310b; padding: 10px 15px; margin-right: 1px; color: #fff; } .back a:hover { background: #91080D; } /* * Core Owl Carousel CSS File * v1.3.3 */ /* clearfix */ .owl-carousel .owl-wrapper:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } /* display none until init */ .owl-carousel{ display: none; position: relative; width: 100%; -ms-touch-action: pan-y; } .owl-carousel .owl-wrapper{ display: none; position: relative; -webkit-transform: translate3d(0px, 0px, 0px); } .owl-carousel .owl-wrapper-outer{ overflow: hidden; position: relative; width: 100%; } .owl-carousel .owl-wrapper-outer.autoHeight{ -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out; } .owl-carousel .owl-item{ float: left; } .owl-controls .owl-page, .owl-controls .owl-buttons div{ cursor: pointer; } .owl-controls { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } /* mouse grab icon */ .grabbing { cursor:url("../../files/theme/owl-carousel/grabbing.png") 8 8, move; } /* fix */ .owl-carousel .owl-wrapper, .owl-carousel .owl-item{ -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); } /* * Owl Carousel Owl Demo Theme * v1.3.3 */ .owl-theme .owl-controls{ margin-top: 10px; text-align: center; } /* Styling Next and Prev buttons */ .owl-theme .owl-controls .owl-buttons div{ color: #FFF; display: inline-block; zoom: 1; *display: inline;/*IE7 life-saver */ margin: 5px; padding: 3px 10px; font-size: 12px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; background: #869791; filter: Alpha(Opacity=50);/*IE7 fix*/ opacity: 0.5; } /* Clickable class fix problem with hover on touch devices */ /* Use it for non-touch hover action */ .owl-theme .owl-controls.clickable .owl-buttons div:hover{ filter: Alpha(Opacity=100);/*IE7 fix*/ opacity: 1; text-decoration: none; } /* Styling Pagination*/ .owl-theme .owl-controls .owl-page{ display: inline-block; zoom: 1; *display: inline;/*IE7 life-saver */ } .owl-theme .owl-controls .owl-page span{ display: block; width: 12px; height: 12px; margin: 5px 7px; filter: Alpha(Opacity=50);/*IE7 fix*/ opacity: 0.5; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; background: #869791; } .owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span{ filter: Alpha(Opacity=100);/*IE7 fix*/ opacity: 1; } /* If PaginationNumbers is true */ .owl-theme .owl-controls .owl-page span.owl-numbers{ height: auto; width: auto; color: #FFF; padding: 2px 10px; font-size: 12px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; } /* preloading images */ .owl-item.loading{ min-height: 150px; background: url("../../files/theme/owl-carousel/AjaxLoader.gif") no-repeat center center } .mitarbeiter-box { display: flex; padding: 0 .5rem 2.5rem 0.5rem; } .mitarbeiter-box .inner { position: relative; width: 100%; align-items: stretch; background: #fff; padding-bottom: 63px; box-shadow: 0px 1px 2px 0px rgba(103, 49, 11, 0.20); } .mitarbeiter-bild, .mitarbeiter-bild img { width: 100%; } .mitarbeiter-name > * { font-size: 22px; margin: 20px 7% 2px 7%; background-image: none; text-indent: 0; } .mitarbeiter-position * { font-weight: 400; margin: 0 7%; background-image: none; text-indent: 0; display: block; } .mitarbeiter-text { margin: 17px 7%; } .mitarbeiter-link { position: absolute; width: 100%; border-top: 1px solid #dfd4be; bottom: 0; } .mitarbeiter-link a{ display: block; width: 100%; padding: 2px 7% 0 7%; line-height: 53px; font-size: 12px; text-transform: uppercase; -moz-transition: all .3s ease-in-out; -webkit-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .2s ease-in-out; } .mitarbeiter-link a:hover{ background-color: #fbf8f3; } .mitarbeiter-link a:before{ content: "› "; } .ce_cardlayout { display: -ms-flexbox; display: -webkit-flex; display: flex; padding: 0 .5rem 2.5rem 0.5rem; } .ce_cardlayout .inner { overflow: hidden; position: relative; width: 100%; align-items: stretch; background: #fff; padding-bottom: 20px; box-shadow: 0px 1px 2px 0px rgba(103, 49, 11, 0.20); } .ce_cardlayout .inner.linked { padding-bottom: 63px; } .cardlayout-schmucktext * { display: block; margin: 20px 7% 17px 7%; text-transform: uppercase; letter-spacing: 0.18em; color: #dfd4be; font-size: 1rem; font-weight: 700; background: none; text-indent: 0; padding: 0; } .cardlayout-bild, .cardlayout-bild img { position: relative; width: 100%; } .cardlayout-bild > div { position: relative; } .cardlayout-bild img { display: block; } .cardlayout-bild figcaption { margin: 5px 7% 17px 7%; font-size: .8rem; line-height: 1em; opacity: .7; } .cardlayout-headline * { color: #91080D; font-size: 22px; margin: 25px 7% 2px 7%; padding: 0; background-image: none; text-indent: 0; display: block; font-weight: 800; } .cardlayout-subline * { display: block; font-weight: 400; color: #67310B; font-size: 1rem; margin: 0 7%; background-image: none; text-indent: 0; } .cardlayout-text { margin: 17px 7%; } .cardlayout-link { position: absolute; width: 100%; border-top: 1px solid #dfd4be; bottom: 0; } .cardlayout-link a{ display: block; width: 100%; padding: 2px 7% 0 7%; line-height: 53px; font-size: 12px; text-transform: uppercase; -moz-transition: all .3s ease-in-out; -webkit-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .2s ease-in-out; } .cardlayout-link a:hover{ background-color: #fbf8f3; } .cardlayout-link a:before{ content: "› "; } /* daxline.css */ @font-face{font-family: 'DaxlineWeb';src: url("../../files/theme/font/DaxlineWeb.eot");src: url("../../files/theme/font/DaxlineWeb.eot?#iefix") format('embedded-opentype'),url("../../files/theme/font/DaxlineWeb.woff") format('woff'),url("../../files/theme/font/DaxlineWeb.ttf") format('truetype');font-weight: normal;font-style: normal}@font-face{font-family: 'DaxlineWeb';src: url("../../files/theme/font/DaxlineWeb-Thin.eot");src: url("../../files/theme/font/DaxlineWeb-Thin.eot?#iefix") format('embedded-opentype'),url("../../files/theme/font/DaxlineWeb-Thin.woff") format('woff'),url("../../files/theme/font/DaxlineWeb-Thin.ttf") format('truetype');font-weight: 200;font-style: normal}@font-face{font-family: 'DaxlineWeb';src: url("../../files/theme/font/DaxlineWeb-Bold.eot");src: url("../../files/theme/font/DaxlineWeb-Bold.eot?#iefix") format('embedded-opentype'),url("../../files/theme/font/DaxlineWeb-Bold.woff") format('woff'),url("../../files/theme/font/DaxlineWeb-Bold.ttf") format('truetype');font-weight: 700;font-style: normal} /* Layout.css */ #header .row > div,#main{}#header{border-top: 9px solid #91080D}#header .inside{border-top: 2px solid #fff}#container{padding-top:50px;padding-bottom:50px;background-color: #F7F2E7}#container:after{margin-right:auto;margin-left:auto;padding-right:7%;padding-left:7%;content: " ";display: block;position: absolute;top: 0;left: 0;width: 100%;height: 100px;background-image: -moz-linear-gradient( 90deg, rgb(247,242,231) 0%, rgb(223,212,190) 100%);background-image: -webkit-linear-gradient( 90deg, rgb(247,242,231) 0%, rgb(223,212,190) 100%);background-image: -ms-linear-gradient( 90deg, rgb(247,242,231) 0%, rgb(223,212,190) 100%);z-index:-1}.mod_article.row{margin-right:0;margin-left:0}.dark-bd{box-shadow: 1000px 0px 0px 20px #DFD4BE, -1000px 0px 0px 20px #DFD4BE, 0px 0px 0px 20px #DFD4BE;background-color: #DFD4BE}.mod_article > .row{width:90%;max-width:1024px;margin-right:auto;margin-left:auto}.mod_article > .row.full{width:90%;max-width:none;margin-right:auto;margin-left:auto}.bg-beige{padding-top:50px;padding-bottom:50px;background-color: #DFD4BE;box-shadow: inset 0px 0px 13px 0px rgba(0, 0, 0, 0.1)}.bg-braun{border-top:2px solid #fff;color:#fff;background: #67310B;background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMTAwJSIgeDI9IjEwMCUiIHkyPSIwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjMwJSIgc3RvcC1jb2xvcj0iIzYyMzEwZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk4JSIgc3RvcC1jb2xvcj0iIzg5NTcyOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=");background: -moz-linear-gradient(45deg, rgba(98,49,15,1) 30%, rgba(137,87,41,1) 98%);background: -webkit-linear-gradient(45deg, rgba(98,49,15,1) 30%,rgba(137,87,41,1) 98%);background: linear-gradient(45deg, rgba(98,49,15,1) 30%,rgba(137,87,41,1) 98%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#62310f', endColorstr='#895729',GradientType=1 )}.bg-hellbeige{color:#fff;background-color: #F7F2E7}.saeule-1,.saeule-2,.saeule-3{position:relative}.saeule-1:after,.saeule-2:after,.saeule-3:after{width:68px;height:68px;position:absolute;display:block;margin-left:-34px;background-color:#fff;background-position:center center;background-repeat:no-repeat;border-left:-34px;border-radius:50%;behavior:url("assets/css3pie/1.0.0/PIE.htc");content: "";top: -27px;left: 50%;background-size: auto 26px;box-shadow: 0px 1px 4px 0px rgba(103, 49, 11, 0.37)}.saeule-1:after{background-image:url("../../files/theme/img/icon-1.png")}.saeule-2:after{background-image:url("../../files/theme/img/icon-2.png")}.saeule-3:after{background-image:url("../../files/theme/img/icon-3.png")}hr,.hr-beige{width:100%;height:4px;margin-right:.5em;margin-left:.5em;border-style:hidden;background: #DFD4BE}.hr-dbeige{background: #BCA58A}.haus-teaser{margin-bottom:-87px} /* Header.css */ #menu-bar{height:70px;position:relative;background-color: #DFD4BE}#header{background-color: #F7F2E7;border-bottom: 2px solid white}#header #menu-bar > .row{width:90%;height:70px;max-width:1024px;margin-right:auto;margin-left:auto}#logo{max-width:65%}#logo img{display:block} /* SonderStyles.css */ #banner-jobs:before{background-image:url("../../files/inhalt/unternehmen/stellenangebote/banner-jobs.jpg");background-position:right top;background-repeat:no-repeat;content: "";background-size: cover;padding-top: 6% !important;position: absolute;width: 100%;height: 100%;top: 0;opacity: .2}#banner-jobs,#banner-jobs .row{position:relative;padding-top: 3% !important}