/* Slider */ .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto; } .slick-track:before, .slick-track:after { display: table; content: ''; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } [dir='rtl'] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } #colorbox,#cboxOverlay,#cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden;-webkit-transform:translate3d(0,0,0)}#cboxWrapper{max-width:none}#cboxOverlay{position:fixed;width:100%;height:100%}#cboxMiddleLeft,#cboxBottomLeft{clear:left}#cboxContent{position:relative}#cboxLoadedContent{overflow:auto;-webkit-overflow-scrolling:touch}#cboxTitle{margin:0}#cboxLoadingOverlay,#cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%;height:100%}#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow{cursor:pointer}.cboxPhoto{float:left;margin:auto;border:0;display:block;max-width:none;-ms-interpolation-mode:bicubic}.cboxIframe{width:100%;height:100%;display:block;border:0;padding:0;margin:0}#colorbox,#cboxContent,#cboxLoadedContent{box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box}#cboxOverlay{background:#000;opacity:.9;filter:alpha(opacity = 90)}#colorbox{outline:0}#cboxContent{margin-top:20px;background:#000}.cboxIframe{background:#fff}#cboxError{padding:50px;border:1px solid #ccc}#cboxLoadedContent{border:5px solid #000;background:#fff}#cboxTitle{position:absolute;top:-20px;left:0;color:#ccc}#cboxCurrent{position:absolute;top:-20px;right:0;color:#ccc}#cboxLoadingGraphic{background:url(../../assets/colorbox/images/loading.gif) no-repeat center center}#cboxPrevious,#cboxNext,#cboxSlideshow,#cboxClose{border:0;padding:0;margin:0;overflow:visible;width:auto;background:0 0}#cboxPrevious:active,#cboxNext:active,#cboxSlideshow:active,#cboxClose:active{outline:0}#cboxSlideshow{position:absolute;top:-20px;right:90px;color:#fff}#cboxPrevious{position:absolute;top:50%;left:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top left;width:28px;height:65px;text-indent:-9999px}#cboxPrevious:hover{background-position:bottom left}#cboxNext{position:absolute;top:50%;right:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top right;width:28px;height:65px;text-indent:-9999px}#cboxNext:hover{background-position:bottom right}#cboxClose{position:absolute;top:5px;right:5px;display:block;background:url(../../assets/colorbox/images/controls.png) no-repeat top center;width:38px;height:19px;text-indent:-9999px}#cboxClose:hover{background-position:bottom center} #expose-energiebar{position:relative;margin:65px 0 25px;background:#518c37;background:-moz-linear-gradient(left, #518c37 0%, #feff01 50%, #c52623 99%);background:-webkit-linear-gradient(left, #518c37 0%, #feff01 50%, #c52623 99%);background:linear-gradient(to right, #518c37 0%, #feff01 50%, #c52623 99%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr="#518c37", endColorstr="#c52623",GradientType=1 )}#expose-energiebar .pointer{position:absolute;bottom:100%;margin-bottom:10px;padding:6px;width:30px;border-radius:5px;background:#4f4f4f;color:#fff;text-align:center;transition:margin-left .5s}#expose-energiebar .pointer:after{top:100%;left:50%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none;border-color:rgba(79,79,79,0);border-top-color:#4f4f4f;border-width:5px;margin-left:-5px}#expose-energiebar .bar{position:relative;display:flex;padding:7px 0;box-shadow:0 0 5px 0 rgba(0,0,0,.2)}#expose-energiebar .bar .item{position:relative;text-align:center;flex-grow:1;color:#fff;text-shadow:0 0 3px rgba(0,0,0,.5);font-size:15px;border-right:1px solid #fff}#expose-energiebar .bar .item:after{content:attr(data-value);text-shadow:none;position:absolute;right:0;top:100%;margin-top:13px;font-size:13px;color:#adadad}#expose-energiebar .bar .item:last-child{border-right:0 none}#expose-energiebar .bar .item:first-child:before{content:"0";text-shadow:none;position:absolute;left:0;top:100%;margin-top:13px;font-size:13px;color:#adadad}/*# sourceMappingURL=energiebar.css.map */ .gm-style .gm-style-iw-c { border-radius: 0; padding: 0; } .gm-style .gm-style-iw-d { overflow-x: hidden !important; } .gm-style span.loader { display: block; width: 16px; height: 16px; margin: 10px; background-image: url("/bundles/estatemanagergooglemaps/loader.gif"); background-repeat: no-repeat; } .gm-style.poi-info-window { padding: 10px; } .mod_realEstateGoogleMap .google-map, .mod_realEstateExpose .expose_mod_googleMap .google-map { min-height: 300px; } /*# sourceMappingURL=google-maps-viewer.css.map */ @charset "UTF-8"; /** * KISS Theme – Based on KISS Framework for Contao (https://www.contao-kiss.de) * Version 1.0.0 */ /** * KISS Theme – Based on KISS Framework for Contao (https://www.contao-kiss.de) * Version 1.0.0 */ /** * KISS Framework for Contao * Version 0.0.1 * https://www.contao-kiss.de * Licensed under MIT Open Source */ /** * KISS Framework for Contao * Version 0.0.1 * https://www.contao-kiss.de * Licensed under MIT Open Source */ /** * @section settings variables * * Set global project variables which will be imported to the scss files. */ /** * KISS Framework for Contao * Version 0.0.1 * https://www.contao-kiss.de * Licensed under MIT Open Source */ /** * KISS Framework for Contao * Version 0.0.1 * https://www.contao-kiss.de * Licensed under MIT Open Source */ /** * KISS Framework for Contao * Version 0.0.1 * https://www.contao-kiss.de * Licensed under MIT Open Source */ /** * @section settings variables * * Set global project variables which will be imported to the scss files. */ /*! * Bootstrap Grid v4.0.0 (https://getbootstrap.com) * Copyright 2011-2018 The Bootstrap Authors * Copyright 2011-2018 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) */ @import url("https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@300;700&display=swap"); @import url("https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;700;900&display=swap"); @import url("https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@300;700&display=swap"); @import url("https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;700;900&display=swap"); @import url("https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@300;700&display=swap"); @import url("https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;700;900&display=swap"); @import url("https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@300;700&display=swap"); @import url("https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;700;900&display=swap"); @import url("https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@300;700&display=swap"); @import url("https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;700;900&display=swap"); @import url("https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@300;700&display=swap"); @import url("https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;700;900&display=swap"); @import url("https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@300;700&display=swap"); @import url("https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;700;900&display=swap"); @import url("https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@300;700&display=swap"); @import url("https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;700;900&display=swap"); @import url("https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@300;700&display=swap"); @import url("https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;700;900&display=swap"); @import url("https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@300;700&display=swap"); @import url("https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;700;900&display=swap"); @import url("https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@300;700&display=swap"); @import url("https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;700;900&display=swap"); @import url("https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@300;700&display=swap"); @import url("https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;700;900&display=swap"); @import url("https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@300;700&display=swap"); @import url("https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;700;900&display=swap"); @import url("https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@300;700&display=swap"); @import url("https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;700;900&display=swap"); @import url("https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@300;700&display=swap"); @import url("https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;700;900&display=swap"); @import url("https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@300;700&display=swap"); @import url("https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;700;900&display=swap"); @import url("https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@300;700&display=swap"); @import url("https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;700;900&display=swap"); @import url("https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@300;700&display=swap"); @import url("https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;700;900&display=swap"); @import url("https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@300;700&display=swap"); @import url("https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;700;900&display=swap"); @import url("https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@300;700&display=swap"); @import url("https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;700;900&display=swap"); @import url("https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@300;700&display=swap"); @import url("https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;700;900&display=swap"); @import url("https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@300;700&display=swap"); @import url("https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;700;900&display=swap"); @import url("https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@300;700&display=swap"); @import url("https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;700;900&display=swap"); @import url("https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@300;700&display=swap"); @import url("https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;700;900&display=swap"); @import url("https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@300;700&display=swap"); @import url("https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;700;900&display=swap"); @import url("https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@300;700&display=swap"); @import url("https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;700;900&display=swap"); @-ms-viewport { width: device-width; } html { box-sizing: border-box; -ms-overflow-style: scrollbar; } *, *::before, *::after { box-sizing: inherit; } .container { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } @media screen and (min-width: 36em) { .container { max-width: 540px; } } @media screen and (min-width: 48em) { .container { max-width: 720px; } } @media screen and (min-width: 80em) { .container { max-width: 1140px; } } @media screen and (min-width: 90em) { .container { max-width: 1380px; } } .container-fluid { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } .row { display: flex; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; } .no-gutters { margin-right: 0; margin-left: 0; } .no-gutters > .col, .no-gutters > [class*="col-"] { padding-right: 0; padding-left: 0; } .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto { position: relative; width: 100%; min-height: 1px; padding-right: 15px; padding-left: 15px; } .col { flex-basis: 0; flex-grow: 1; max-width: 100%; } .col-auto { flex: 0 0 auto; width: auto; max-width: none; } .col-1 { flex: 0 0 8.333333%; max-width: 8.333333%; } .col-2 { flex: 0 0 16.666667%; max-width: 16.666667%; } .col-3 { flex: 0 0 25%; max-width: 25%; } .col-4 { flex: 0 0 33.333333%; max-width: 33.333333%; } .col-5 { flex: 0 0 41.666667%; max-width: 41.666667%; } .col-6 { flex: 0 0 50%; max-width: 50%; } .col-7 { flex: 0 0 58.333333%; max-width: 58.333333%; } .col-8 { flex: 0 0 66.666667%; max-width: 66.666667%; } .col-9 { flex: 0 0 75%; max-width: 75%; } .col-10 { flex: 0 0 83.333333%; max-width: 83.333333%; } .col-11 { flex: 0 0 91.666667%; max-width: 91.666667%; } .col-12 { flex: 0 0 100%; max-width: 100%; } .order-first { order: -1; } .order-last { order: 13; } .order-0 { order: 0; } .order-1 { order: 1; } .order-2 { order: 2; } .order-3 { order: 3; } .order-4 { order: 4; } .order-5 { order: 5; } .order-6 { order: 6; } .order-7 { order: 7; } .order-8 { order: 8; } .order-9 { order: 9; } .order-10 { order: 10; } .order-11 { order: 11; } .order-12 { order: 12; } .offset-1 { margin-left: 8.333333%; } .offset-2 { margin-left: 16.666667%; } .offset-3 { margin-left: 25%; } .offset-4 { margin-left: 33.333333%; } .offset-5 { margin-left: 41.666667%; } .offset-6 { margin-left: 50%; } .offset-7 { margin-left: 58.333333%; } .offset-8 { margin-left: 66.666667%; } .offset-9 { margin-left: 75%; } .offset-10 { margin-left: 83.333333%; } .offset-11 { margin-left: 91.666667%; } @media screen and (min-width: 36em) { .col-sm { flex-basis: 0; flex-grow: 1; max-width: 100%; } .col-sm-auto { flex: 0 0 auto; width: auto; max-width: none; } .col-sm-1 { flex: 0 0 8.333333%; max-width: 8.333333%; } .col-sm-2 { flex: 0 0 16.666667%; max-width: 16.666667%; } .col-sm-3 { flex: 0 0 25%; max-width: 25%; } .col-sm-4 { flex: 0 0 33.333333%; max-width: 33.333333%; } .col-sm-5 { flex: 0 0 41.666667%; max-width: 41.666667%; } .col-sm-6 { flex: 0 0 50%; max-width: 50%; } .col-sm-7 { flex: 0 0 58.333333%; max-width: 58.333333%; } .col-sm-8 { flex: 0 0 66.666667%; max-width: 66.666667%; } .col-sm-9 { flex: 0 0 75%; max-width: 75%; } .col-sm-10 { flex: 0 0 83.333333%; max-width: 83.333333%; } .col-sm-11 { flex: 0 0 91.666667%; max-width: 91.666667%; } .col-sm-12 { flex: 0 0 100%; max-width: 100%; } .order-sm-first { order: -1; } .order-sm-last { order: 13; } .order-sm-0 { order: 0; } .order-sm-1 { order: 1; } .order-sm-2 { order: 2; } .order-sm-3 { order: 3; } .order-sm-4 { order: 4; } .order-sm-5 { order: 5; } .order-sm-6 { order: 6; } .order-sm-7 { order: 7; } .order-sm-8 { order: 8; } .order-sm-9 { order: 9; } .order-sm-10 { order: 10; } .order-sm-11 { order: 11; } .order-sm-12 { order: 12; } .offset-sm-0 { margin-left: 0; } .offset-sm-1 { margin-left: 8.333333%; } .offset-sm-2 { margin-left: 16.666667%; } .offset-sm-3 { margin-left: 25%; } .offset-sm-4 { margin-left: 33.333333%; } .offset-sm-5 { margin-left: 41.666667%; } .offset-sm-6 { margin-left: 50%; } .offset-sm-7 { margin-left: 58.333333%; } .offset-sm-8 { margin-left: 66.666667%; } .offset-sm-9 { margin-left: 75%; } .offset-sm-10 { margin-left: 83.333333%; } .offset-sm-11 { margin-left: 91.666667%; } } @media screen and (min-width: 48em) { .col-md { flex-basis: 0; flex-grow: 1; max-width: 100%; } .col-md-auto { flex: 0 0 auto; width: auto; max-width: none; } .col-md-1 { flex: 0 0 8.333333%; max-width: 8.333333%; } .col-md-2 { flex: 0 0 16.666667%; max-width: 16.666667%; } .col-md-3 { flex: 0 0 25%; max-width: 25%; } .col-md-4 { flex: 0 0 33.333333%; max-width: 33.333333%; } .col-md-5 { flex: 0 0 41.666667%; max-width: 41.666667%; } .col-md-6 { flex: 0 0 50%; max-width: 50%; } .col-md-7 { flex: 0 0 58.333333%; max-width: 58.333333%; } .col-md-8 { flex: 0 0 66.666667%; max-width: 66.666667%; } .col-md-9 { flex: 0 0 75%; max-width: 75%; } .col-md-10 { flex: 0 0 83.333333%; max-width: 83.333333%; } .col-md-11 { flex: 0 0 91.666667%; max-width: 91.666667%; } .col-md-12 { flex: 0 0 100%; max-width: 100%; } .order-md-first { order: -1; } .order-md-last { order: 13; } .order-md-0 { order: 0; } .order-md-1 { order: 1; } .order-md-2 { order: 2; } .order-md-3 { order: 3; } .order-md-4 { order: 4; } .order-md-5 { order: 5; } .order-md-6 { order: 6; } .order-md-7 { order: 7; } .order-md-8 { order: 8; } .order-md-9 { order: 9; } .order-md-10 { order: 10; } .order-md-11 { order: 11; } .order-md-12 { order: 12; } .offset-md-0 { margin-left: 0; } .offset-md-1 { margin-left: 8.333333%; } .offset-md-2 { margin-left: 16.666667%; } .offset-md-3 { margin-left: 25%; } .offset-md-4 { margin-left: 33.333333%; } .offset-md-5 { margin-left: 41.666667%; } .offset-md-6 { margin-left: 50%; } .offset-md-7 { margin-left: 58.333333%; } .offset-md-8 { margin-left: 66.666667%; } .offset-md-9 { margin-left: 75%; } .offset-md-10 { margin-left: 83.333333%; } .offset-md-11 { margin-left: 91.666667%; } } @media screen and (min-width: 80em) { .col-lg { flex-basis: 0; flex-grow: 1; max-width: 100%; } .col-lg-auto { flex: 0 0 auto; width: auto; max-width: none; } .col-lg-1 { flex: 0 0 8.333333%; max-width: 8.333333%; } .col-lg-2 { flex: 0 0 16.666667%; max-width: 16.666667%; } .col-lg-3 { flex: 0 0 25%; max-width: 25%; } .col-lg-4 { flex: 0 0 33.333333%; max-width: 33.333333%; } .col-lg-5 { flex: 0 0 41.666667%; max-width: 41.666667%; } .col-lg-6 { flex: 0 0 50%; max-width: 50%; } .col-lg-7 { flex: 0 0 58.333333%; max-width: 58.333333%; } .col-lg-8 { flex: 0 0 66.666667%; max-width: 66.666667%; } .col-lg-9 { flex: 0 0 75%; max-width: 75%; } .col-lg-10 { flex: 0 0 83.333333%; max-width: 83.333333%; } .col-lg-11 { flex: 0 0 91.666667%; max-width: 91.666667%; } .col-lg-12 { flex: 0 0 100%; max-width: 100%; } .order-lg-first { order: -1; } .order-lg-last { order: 13; } .order-lg-0 { order: 0; } .order-lg-1 { order: 1; } .order-lg-2 { order: 2; } .order-lg-3 { order: 3; } .order-lg-4 { order: 4; } .order-lg-5 { order: 5; } .order-lg-6 { order: 6; } .order-lg-7 { order: 7; } .order-lg-8 { order: 8; } .order-lg-9 { order: 9; } .order-lg-10 { order: 10; } .order-lg-11 { order: 11; } .order-lg-12 { order: 12; } .offset-lg-0 { margin-left: 0; } .offset-lg-1 { margin-left: 8.333333%; } .offset-lg-2 { margin-left: 16.666667%; } .offset-lg-3 { margin-left: 25%; } .offset-lg-4 { margin-left: 33.333333%; } .offset-lg-5 { margin-left: 41.666667%; } .offset-lg-6 { margin-left: 50%; } .offset-lg-7 { margin-left: 58.333333%; } .offset-lg-8 { margin-left: 66.666667%; } .offset-lg-9 { margin-left: 75%; } .offset-lg-10 { margin-left: 83.333333%; } .offset-lg-11 { margin-left: 91.666667%; } } @media screen and (min-width: 90em) { .col-xl { flex-basis: 0; flex-grow: 1; max-width: 100%; } .col-xl-auto { flex: 0 0 auto; width: auto; max-width: none; } .col-xl-1 { flex: 0 0 8.333333%; max-width: 8.333333%; } .col-xl-2 { flex: 0 0 16.666667%; max-width: 16.666667%; } .col-xl-3 { flex: 0 0 25%; max-width: 25%; } .col-xl-4 { flex: 0 0 33.333333%; max-width: 33.333333%; } .col-xl-5 { flex: 0 0 41.666667%; max-width: 41.666667%; } .col-xl-6 { flex: 0 0 50%; max-width: 50%; } .col-xl-7 { flex: 0 0 58.333333%; max-width: 58.333333%; } .col-xl-8 { flex: 0 0 66.666667%; max-width: 66.666667%; } .col-xl-9 { flex: 0 0 75%; max-width: 75%; } .col-xl-10 { flex: 0 0 83.333333%; max-width: 83.333333%; } .col-xl-11 { flex: 0 0 91.666667%; max-width: 91.666667%; } .col-xl-12 { flex: 0 0 100%; max-width: 100%; } .order-xl-first { order: -1; } .order-xl-last { order: 13; } .order-xl-0 { order: 0; } .order-xl-1 { order: 1; } .order-xl-2 { order: 2; } .order-xl-3 { order: 3; } .order-xl-4 { order: 4; } .order-xl-5 { order: 5; } .order-xl-6 { order: 6; } .order-xl-7 { order: 7; } .order-xl-8 { order: 8; } .order-xl-9 { order: 9; } .order-xl-10 { order: 10; } .order-xl-11 { order: 11; } .order-xl-12 { order: 12; } .offset-xl-0 { margin-left: 0; } .offset-xl-1 { margin-left: 8.333333%; } .offset-xl-2 { margin-left: 16.666667%; } .offset-xl-3 { margin-left: 25%; } .offset-xl-4 { margin-left: 33.333333%; } .offset-xl-5 { margin-left: 41.666667%; } .offset-xl-6 { margin-left: 50%; } .offset-xl-7 { margin-left: 58.333333%; } .offset-xl-8 { margin-left: 66.666667%; } .offset-xl-9 { margin-left: 75%; } .offset-xl-10 { margin-left: 83.333333%; } .offset-xl-11 { margin-left: 91.666667%; } } .d-none { display: none !important; } .d-inline { display: inline !important; } .d-inline-block { display: inline-block !important; } .d-block { display: block !important; } .d-table { display: table !important; } .d-table-row { display: table-row !important; } .d-table-cell { display: table-cell !important; } .d-flex { display: flex !important; } .d-inline-flex { display: inline-flex !important; } @media screen and (min-width: 36em) { .d-sm-none { display: none !important; } .d-sm-inline { display: inline !important; } .d-sm-inline-block { display: inline-block !important; } .d-sm-block { display: block !important; } .d-sm-table { display: table !important; } .d-sm-table-row { display: table-row !important; } .d-sm-table-cell { display: table-cell !important; } .d-sm-flex { display: flex !important; } .d-sm-inline-flex { display: inline-flex !important; } } @media screen and (min-width: 48em) { .d-md-none { display: none !important; } .d-md-inline { display: inline !important; } .d-md-inline-block { display: inline-block !important; } .d-md-block { display: block !important; } .d-md-table { display: table !important; } .d-md-table-row { display: table-row !important; } .d-md-table-cell { display: table-cell !important; } .d-md-flex { display: flex !important; } .d-md-inline-flex { display: inline-flex !important; } } @media screen and (min-width: 80em) { .d-lg-none { display: none !important; } .d-lg-inline { display: inline !important; } .d-lg-inline-block { display: inline-block !important; } .d-lg-block { display: block !important; } .d-lg-table { display: table !important; } .d-lg-table-row { display: table-row !important; } .d-lg-table-cell { display: table-cell !important; } .d-lg-flex { display: flex !important; } .d-lg-inline-flex { display: inline-flex !important; } } @media screen and (min-width: 90em) { .d-xl-none { display: none !important; } .d-xl-inline { display: inline !important; } .d-xl-inline-block { display: inline-block !important; } .d-xl-block { display: block !important; } .d-xl-table { display: table !important; } .d-xl-table-row { display: table-row !important; } .d-xl-table-cell { display: table-cell !important; } .d-xl-flex { display: flex !important; } .d-xl-inline-flex { display: inline-flex !important; } } @media print { .d-print-none { display: none !important; } .d-print-inline { display: inline !important; } .d-print-inline-block { display: inline-block !important; } .d-print-block { display: block !important; } .d-print-table { display: table !important; } .d-print-table-row { display: table-row !important; } .d-print-table-cell { display: table-cell !important; } .d-print-flex { display: flex !important; } .d-print-inline-flex { display: inline-flex !important; } } .flex-row { flex-direction: row !important; } .flex-column { flex-direction: column !important; } .flex-row-reverse { flex-direction: row-reverse !important; } .flex-column-reverse { flex-direction: column-reverse !important; } .flex-wrap { flex-wrap: wrap !important; } .flex-nowrap { flex-wrap: nowrap !important; } .flex-wrap-reverse { flex-wrap: wrap-reverse !important; } .justify-content-start { justify-content: flex-start !important; } .justify-content-end { justify-content: flex-end !important; } .justify-content-center { justify-content: center !important; } .justify-content-between { justify-content: space-between !important; } .justify-content-around { justify-content: space-around !important; } .align-items-start { align-items: flex-start !important; } .align-items-end { align-items: flex-end !important; } .align-items-center { align-items: center !important; } .align-items-baseline { align-items: baseline !important; } .align-items-stretch { align-items: stretch !important; } .align-content-start { align-content: flex-start !important; } .align-content-end { align-content: flex-end !important; } .align-content-center { align-content: center !important; } .align-content-between { align-content: space-between !important; } .align-content-around { align-content: space-around !important; } .align-content-stretch { align-content: stretch !important; } .align-self-auto { align-self: auto !important; } .align-self-start { align-self: flex-start !important; } .align-self-end { align-self: flex-end !important; } .align-self-center { align-self: center !important; } .align-self-baseline { align-self: baseline !important; } .align-self-stretch { align-self: stretch !important; } @media screen and (min-width: 36em) { .flex-sm-row { flex-direction: row !important; } .flex-sm-column { flex-direction: column !important; } .flex-sm-row-reverse { flex-direction: row-reverse !important; } .flex-sm-column-reverse { flex-direction: column-reverse !important; } .flex-sm-wrap { flex-wrap: wrap !important; } .flex-sm-nowrap { flex-wrap: nowrap !important; } .flex-sm-wrap-reverse { flex-wrap: wrap-reverse !important; } .justify-content-sm-start { justify-content: flex-start !important; } .justify-content-sm-end { justify-content: flex-end !important; } .justify-content-sm-center { justify-content: center !important; } .justify-content-sm-between { justify-content: space-between !important; } .justify-content-sm-around { justify-content: space-around !important; } .align-items-sm-start { align-items: flex-start !important; } .align-items-sm-end { align-items: flex-end !important; } .align-items-sm-center { align-items: center !important; } .align-items-sm-baseline { align-items: baseline !important; } .align-items-sm-stretch { align-items: stretch !important; } .align-content-sm-start { align-content: flex-start !important; } .align-content-sm-end { align-content: flex-end !important; } .align-content-sm-center { align-content: center !important; } .align-content-sm-between { align-content: space-between !important; } .align-content-sm-around { align-content: space-around !important; } .align-content-sm-stretch { align-content: stretch !important; } .align-self-sm-auto { align-self: auto !important; } .align-self-sm-start { align-self: flex-start !important; } .align-self-sm-end { align-self: flex-end !important; } .align-self-sm-center { align-self: center !important; } .align-self-sm-baseline { align-self: baseline !important; } .align-self-sm-stretch { align-self: stretch !important; } } @media screen and (min-width: 48em) { .flex-md-row { flex-direction: row !important; } .flex-md-column { flex-direction: column !important; } .flex-md-row-reverse { flex-direction: row-reverse !important; } .flex-md-column-reverse { flex-direction: column-reverse !important; } .flex-md-wrap { flex-wrap: wrap !important; } .flex-md-nowrap { flex-wrap: nowrap !important; } .flex-md-wrap-reverse { flex-wrap: wrap-reverse !important; } .justify-content-md-start { justify-content: flex-start !important; } .justify-content-md-end { justify-content: flex-end !important; } .justify-content-md-center { justify-content: center !important; } .justify-content-md-between { justify-content: space-between !important; } .justify-content-md-around { justify-content: space-around !important; } .align-items-md-start { align-items: flex-start !important; } .align-items-md-end { align-items: flex-end !important; } .align-items-md-center { align-items: center !important; } .align-items-md-baseline { align-items: baseline !important; } .align-items-md-stretch { align-items: stretch !important; } .align-content-md-start { align-content: flex-start !important; } .align-content-md-end { align-content: flex-end !important; } .align-content-md-center { align-content: center !important; } .align-content-md-between { align-content: space-between !important; } .align-content-md-around { align-content: space-around !important; } .align-content-md-stretch { align-content: stretch !important; } .align-self-md-auto { align-self: auto !important; } .align-self-md-start { align-self: flex-start !important; } .align-self-md-end { align-self: flex-end !important; } .align-self-md-center { align-self: center !important; } .align-self-md-baseline { align-self: baseline !important; } .align-self-md-stretch { align-self: stretch !important; } } @media screen and (min-width: 80em) { .flex-lg-row { flex-direction: row !important; } .flex-lg-column { flex-direction: column !important; } .flex-lg-row-reverse { flex-direction: row-reverse !important; } .flex-lg-column-reverse { flex-direction: column-reverse !important; } .flex-lg-wrap { flex-wrap: wrap !important; } .flex-lg-nowrap { flex-wrap: nowrap !important; } .flex-lg-wrap-reverse { flex-wrap: wrap-reverse !important; } .justify-content-lg-start { justify-content: flex-start !important; } .justify-content-lg-end { justify-content: flex-end !important; } .justify-content-lg-center { justify-content: center !important; } .justify-content-lg-between { justify-content: space-between !important; } .justify-content-lg-around { justify-content: space-around !important; } .align-items-lg-start { align-items: flex-start !important; } .align-items-lg-end { align-items: flex-end !important; } .align-items-lg-center { align-items: center !important; } .align-items-lg-baseline { align-items: baseline !important; } .align-items-lg-stretch { align-items: stretch !important; } .align-content-lg-start { align-content: flex-start !important; } .align-content-lg-end { align-content: flex-end !important; } .align-content-lg-center { align-content: center !important; } .align-content-lg-between { align-content: space-between !important; } .align-content-lg-around { align-content: space-around !important; } .align-content-lg-stretch { align-content: stretch !important; } .align-self-lg-auto { align-self: auto !important; } .align-self-lg-start { align-self: flex-start !important; } .align-self-lg-end { align-self: flex-end !important; } .align-self-lg-center { align-self: center !important; } .align-self-lg-baseline { align-self: baseline !important; } .align-self-lg-stretch { align-self: stretch !important; } } @media screen and (min-width: 90em) { .flex-xl-row { flex-direction: row !important; } .flex-xl-column { flex-direction: column !important; } .flex-xl-row-reverse { flex-direction: row-reverse !important; } .flex-xl-column-reverse { flex-direction: column-reverse !important; } .flex-xl-wrap { flex-wrap: wrap !important; } .flex-xl-nowrap { flex-wrap: nowrap !important; } .flex-xl-wrap-reverse { flex-wrap: wrap-reverse !important; } .justify-content-xl-start { justify-content: flex-start !important; } .justify-content-xl-end { justify-content: flex-end !important; } .justify-content-xl-center { justify-content: center !important; } .justify-content-xl-between { justify-content: space-between !important; } .justify-content-xl-around { justify-content: space-around !important; } .align-items-xl-start { align-items: flex-start !important; } .align-items-xl-end { align-items: flex-end !important; } .align-items-xl-center { align-items: center !important; } .align-items-xl-baseline { align-items: baseline !important; } .align-items-xl-stretch { align-items: stretch !important; } .align-content-xl-start { align-content: flex-start !important; } .align-content-xl-end { align-content: flex-end !important; } .align-content-xl-center { align-content: center !important; } .align-content-xl-between { align-content: space-between !important; } .align-content-xl-around { align-content: space-around !important; } .align-content-xl-stretch { align-content: stretch !important; } .align-self-xl-auto { align-self: auto !important; } .align-self-xl-start { align-self: flex-start !important; } .align-self-xl-end { align-self: flex-end !important; } .align-self-xl-center { align-self: center !important; } .align-self-xl-baseline { align-self: baseline !important; } .align-self-xl-stretch { align-self: stretch !important; } } /*# sourceMappingURL=bootstrap-grid.css.map */ .grid { width: 100%; padding: 0 15px; } @media screen and (min-width: 48em) { .grid { width: 83.333333%; margin-left: 8.333333%; } } @media screen and (min-width: 48em) { .grid-fix { margin-right: -30px; margin-left: -30px; } } @media screen and (min-width: 90em) { .grid-fix { margin-right: 0; margin-left: 0; } } @media screen and (max-width: 47.9375em) { .hidden-xs { display: none; } } .visible-xs-block { display: block; } @media screen and (min-width: 48em) { .visible-xs-block { display: none; } } /** * KISS Framework for Contao * Version 0.0.1 * https://www.contao-kiss.de * Licensed under MIT Open Source */ /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */ /* Document ========================================================================== */ /** * 1. Correct the line height in all browsers. * 2. Prevent adjustments of font size after orientation changes in iOS. */ html { line-height: 1.15; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ } /* Sections ========================================================================== */ /** * Remove the margin in all browsers. */ body { margin: 0; } /** * Render the `main` element consistently in IE. */ main { display: block; } /** * Correct the font size and margin on `h1` elements within `section` and * `article` contexts in Chrome, Firefox, and Safari. */ h1 { font-size: 2em; margin: 0.67em 0; } /* Grouping content ========================================================================== */ /** * 1. Add the correct box sizing in Firefox. * 2. Show the overflow in Edge and IE. */ hr { box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ pre { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /* Text-level semantics ========================================================================== */ /** * Remove the gray background on active links in IE 10. */ a { background-color: transparent; } /** * 1. Remove the bottom border in Chrome 57- * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */ abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ -webkit-text-decoration: underline dotted; text-decoration: underline dotted; /* 2 */ } /** * Add the correct font weight in Chrome, Edge, and Safari. */ b, strong { font-weight: bolder; } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ code, kbd, samp { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /** * Add the correct font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` elements from affecting the line height in * all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } /* Embedded content ========================================================================== */ /** * Remove the border on images inside links in IE 10. */ img { border-style: none; } /* Forms ========================================================================== */ /** * 1. Change the font styles in all browsers. * 2. Remove the margin in Firefox and Safari. */ button, input, optgroup, select, textarea { font-family: inherit; /* 1 */ font-size: 100%; /* 1 */ line-height: 1.15; /* 1 */ margin: 0; /* 2 */ } /** * Show the overflow in IE. * 1. Show the overflow in Edge. */ button, input { /* 1 */ overflow: visible; } /** * Remove the inheritance of text transform in Edge, Firefox, and IE. * 1. Remove the inheritance of text transform in Firefox. */ button, select { /* 1 */ text-transform: none; } /** * Correct the inability to style clickable types in iOS and Safari. */ button, [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; } /** * Remove the inner border and padding in Firefox. */ button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; } /** * Restore the focus styles unset by the previous rule. */ button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; } /** * Correct the padding in Firefox. */ fieldset { padding: 0.35em 0.75em 0.625em; } /** * 1. Correct the text wrapping in Edge and IE. * 2. Correct the color inheritance from `fieldset` elements in IE. * 3. Remove the padding so developers are not caught out when they zero out * `fieldset` elements in all browsers. */ legend { box-sizing: border-box; /* 1 */ color: inherit; /* 2 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ white-space: normal; /* 1 */ } /** * Add the correct vertical alignment in Chrome, Firefox, and Opera. */ progress { vertical-align: baseline; } /** * Remove the default vertical scrollbar in IE 10+. */ textarea { overflow: auto; } /** * 1. Add the correct box sizing in IE 10. * 2. Remove the padding in IE 10. */ [type="checkbox"], [type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** * Correct the cursor style of increment and decrement buttons in Chrome. */ [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } /** * 1. Correct the odd appearance in Chrome and Safari. * 2. Correct the outline style in Safari. */ [type="search"] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ } /** * Remove the inner padding in Chrome and Safari on macOS. */ [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /** * 1. Correct the inability to style clickable types in iOS and Safari. * 2. Change font properties to `inherit` in Safari. */ ::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ } /* Interactive ========================================================================== */ /* * Add the correct display in Edge, IE 10+, and Firefox. */ details { display: block; } /* * Add the correct display in all browsers. */ summary { display: list-item; } /* Misc ========================================================================== */ /** * Add the correct display in IE 10+. */ template { display: none; } /** * Add the correct display in IE 10. */ [hidden] { display: none; } /* ========================================================================== Pure Base Extras ========================================================================== */ /** * Extra rules that Pure adds on top of Normalize.css */ html { font-family: sans-serif; } /** * Always hide an element when it has the `hidden` HTML attribute. */ .hidden, [hidden] { display: none !important; } /** * Add this class to an image to make it fit within it's fluid parent wrapper while maintaining * aspect ratio. */ .pure-img { max-width: 100%; height: auto; display: block; } /** * KISS Theme – Based on KISS Framework for Contao (https://www.contao-kiss.de) * Version 1.0.0 */ /** * KISS Framework for Contao * Version 0.0.1 * https://www.contao-kiss.de * Licensed under MIT Open Source */ /** * KISS Theme – Based on KISS Framework for Contao (https://www.contao-kiss.de) * Version 1.0.0 */ /** * KISS Framework for Contao * Version 0.0.1 * https://www.contao-kiss.de * Licensed under MIT Open Source */ /** * @section settings variables * * Set global project variables which will be imported to the scss files. */ /** * KISS Theme – Based on KISS Framework for Contao (https://www.contao-kiss.de) * Version 1.0.0 */ /** * KISS Framework for Contao * Version 0.0.1 * https://www.contao-kiss.de * Licensed under MIT Open Source */ /** * KISS Framework for Contao * Version 0.0.1 * https://www.contao-kiss.de * Licensed under MIT Open Source */ /** * KISS Framework for Contao * Version 0.0.1 * https://www.contao-kiss.de * Licensed under MIT Open Source */ /** * @section settings variables * * Set global project variables which will be imported to the scss files. */ #container, .inside { position: relative; } #main .inside { min-height: 1px; } #footer { clear: both; } .clear, #clear { height: 0.1px; font-size: 0.1px; line-height: 0.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; } .float_left { float: left; } .float_right { float: right; } .ce_text .image_container img { max-width: 100%; height: auto; } .ce_text .float_left { margin: 0 1rem 0.5rem 0; } .ce_text .float_right { margin: 0 0 0.5rem 1rem; } .ce_image figure, .ce_gallery figure, .ce_player figure, .ce_text figure { display: table; } .ce_image figure > a, .ce_gallery figure > a, .ce_player figure > a, .ce_text figure > a { display: block; } .ce_image figure figcaption, .ce_gallery figure figcaption, .ce_player figure figcaption, .ce_text figure figcaption { display: table-caption; caption-side: bottom; padding: 0.25rem 0.5rem; font-size: 0.9rem; line-height: 1.4; color: #999; } .ce_gallery > ul { display: grid; grid-column-gap: 1rem; grid-row-gap: 1rem; margin: 0; padding: 0; overflow: hidden; list-style: none; } .ce_gallery > ul.cols_2, .ce_gallery > ul.cols_3, .ce_gallery > ul.cols_4, .ce_gallery > ul.cols_5, .ce_gallery > ul.cols_6, .ce_gallery > ul.cols_7, .ce_gallery > ul.cols_8, .ce_gallery > ul.cols_9, .ce_gallery > ul.cols_10, .ce_gallery > ul.cols_11, .ce_gallery > ul.cols_12 { grid-template-columns: repeat(1, 1fr); grid-template-rows: 1fr; } @media screen and (min-width: 62em) { .ce_gallery > ul.cols_2 { grid-template-columns: repeat(2, 1fr); } .ce_gallery > ul.cols_3 { grid-template-columns: repeat(3, 1fr); } .ce_gallery > ul.cols_4 { grid-template-columns: repeat(4, 1fr); } .ce_gallery > ul.cols_5 { grid-template-columns: repeat(5, 1fr); } .ce_gallery > ul.cols_6 { grid-template-columns: repeat(6, 1fr); } .ce_gallery > ul.cols_7 { grid-template-columns: repeat(7, 1fr); } .ce_gallery > ul.cols_8 { grid-template-columns: repeat(8, 1fr); } .ce_gallery > ul.cols_9 { grid-template-columns: repeat(9, 1fr); } .ce_gallery > ul.cols_10 { grid-template-columns: repeat(10, 1fr); } .ce_gallery > ul.cols_11 { grid-template-columns: repeat(11, 1fr); } .ce_gallery > ul.cols_12 { grid-template-columns: repeat(12, 1fr); } } .ce_gallery > ul li { margin: 0; padding: 0; line-height: 0; } .ce_gallery > ul li img { max-width: 100%; height: auto; } .ce_hyperlink { line-height: 1; margin: 0 0 1rem 0; } .ce_hyperlink a:hover, .ce_hyperlink a:focus, .ce_hyperlink a:active { color: #574c52; } .c-link--icon-left, .c-link--icon-right { display: inline-flex; align-items: center; line-height: inherit; text-align: left; } .c-link--icon-left [data-icon], .c-link--icon-right [data-icon] { margin: 0 0.5rem 0 0; font-weight: bold; } .c-link--icon-left:hover, .c-link--icon-left:focus, .c-link--icon-left:active, .c-link--icon-right:hover, .c-link--icon-right:focus, .c-link--icon-right:active { color: #574c52; text-decoration: none; } .c-link--icon-left:hover > span.c-link__text, .c-link--icon-left:focus > span.c-link__text, .c-link--icon-left:active > span.c-link__text, .c-link--icon-right:hover > span.c-link__text, .c-link--icon-right:focus > span.c-link__text, .c-link--icon-right:active > span.c-link__text { text-decoration: underline; } .c-link--icon-right { flex-direction: row-reverse; } .c-link--icon-right > [data-icon] { margin: 0 0 0 0.5rem; } .c-button, button { cursor: pointer; } .c-button:hover, .c-button:active, .c-button:focus, button:hover, button:active, button:focus { text-decoration: none !important; } .c-button--small, button--small { padding: 0.25rem; font-size: 0.8rem; } .c-button--medium, button--medium { padding: 0.375rem; font-size: 1rem; } .c-button--large, .c-button.submit, button--large, button.submit { padding: 0.5rem; font-size: 1.2rem; } .c-button--primary, .c-button.submit, button--primary, button.submit { border: 2px solid #ffdd17; background: #ffdd17; color: #ffffff; } .c-button--primary:hover, .c-button--primary:active, .c-button--primary:focus, .c-button.submit:hover, .c-button.submit:active, .c-button.submit:focus, button--primary:hover, button--primary:active, button--primary:focus, button.submit:hover, button.submit:active, button.submit:focus { border-color: #574c52; background: #574c52; color: #ffdd17 !important; } .c-button--primary:hover > span.c-link__text, .c-button--primary:active > span.c-link__text, .c-button--primary:focus > span.c-link__text, .c-button.submit:hover > span.c-link__text, .c-button.submit:active > span.c-link__text, .c-button.submit:focus > span.c-link__text, button--primary:hover > span.c-link__text, button--primary:active > span.c-link__text, button--primary:focus > span.c-link__text, button.submit:hover > span.c-link__text, button.submit:active > span.c-link__text, button.submit:focus > span.c-link__text { text-decoration: none; } .c-button--secondary, button--secondary { border: 2px solid #ffdd17; background: #ffffff; color: #ffdd17; } .c-button--secondary:hover, .c-button--secondary:active, .c-button--secondary:focus, button--secondary:hover, button--secondary:active, button--secondary:focus { border-color: #574c52; color: #574c52 !important; } .c-button--secondary:hover > span.c-link__text, .c-button--secondary:active > span.c-link__text, .c-button--secondary:focus > span.c-link__text, button--secondary:hover > span.c-link__text, button--secondary:active > span.c-link__text, button--secondary:focus > span.c-link__text { text-decoration: none; } .c-button--tertiary, button--tertiary { border: 2px solid #999; background: #999; color: #ffffff; } .c-button--tertiary:hover, .c-button--tertiary:active, .c-button--tertiary:focus, button--tertiary:hover, button--tertiary:active, button--tertiary:focus { border-color: #ffdd17; background: #ffdd17; color: #ffffff !important; } .c-button--tertiary:hover > span.c-link__text, .c-button--tertiary:active > span.c-link__text, .c-button--tertiary:focus > span.c-link__text, button--tertiary:hover > span.c-link__text, button--tertiary:active > span.c-link__text, button--tertiary:focus > span.c-link__text { text-decoration: none; } .ce_download .ext-jpg [data-icon]:before, .ce_downloads .ext-jpg [data-icon]:before { content: "\e907"; } .ce_download .ext-png [data-icon]:before, .ce_downloads .ext-png [data-icon]:before { content: "\e908"; } .ce_download .ext-pdf [data-icon]:before, .ce_downloads .ext-pdf [data-icon]:before { content: "\e909"; } .ce_download .ext-html [data-icon]:before, .ce_downloads .ext-html [data-icon]:before { content: "\e906"; } .ce_downloads ul { margin: 0; padding: 0; list-style-type: none; } .ce_downloads ul > li { margin: 0; padding: 0; } .ce_downloads ul > li > a { display: inline-block; } .ce_downloads ul > li > a.c-button { margin: 0.125rem 0; } .ce_accordion { border: 1px solid #999; } .ce_accordion .toggler { position: relative; padding: 0.5rem; font-size: 1.5rem; color: #574c52; background: #f1f1f1; } .ce_accordion .toggler:hover { color: #ffdd17; cursor: pointer; } .ce_accordion .toggler:after { position: absolute; top: 0.5rem; right: 0.5rem; /* use !important to prevent issues with browser extensions that change fonts */ font-family: "icons" !important; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e90e"; transform: rotate(270deg); } .ce_accordion .toggler.ui-state-active:after { transform: rotate(90deg); transition: all ease-in-out 400ms; } .ce_accordion .accordion { padding: 0.5rem; } .mod_search p.info { padding: 0.5rem; border: 1px solid #222; background: #d3d4d9; } /** * KISS Theme – Based on KISS Framework for Contao (https://www.contao-kiss.de) * Version 1.0.0 */ /** * KISS Framework for Contao * Version 0.0.1 * https://www.contao-kiss.de * Licensed under MIT Open Source */ /** * @section settings variables * * Set global project variables which will be imported to the scss files. */ /** * KISS Theme – Based on KISS Framework for Contao (https://www.contao-kiss.de) * Version 1.0.0 */ /** * KISS Framework for Contao * Version 0.0.1 * https://www.contao-kiss.de * Licensed under MIT Open Source */ /** * KISS Framework for Contao * Version 0.0.1 * https://www.contao-kiss.de * Licensed under MIT Open Source */ /** * KISS Framework for Contao * Version 0.0.1 * https://www.contao-kiss.de * Licensed under MIT Open Source */ /** * @section settings variables * * Set global project variables which will be imported to the scss files. */ .c-button--primary:hover, .c-button--primary:active, .c-button--primary:focus, .c-button.submit:hover, .c-button.submit:active, .c-button.submit:focus, button.submit:hover, button.submit:active, button.submit:focus { color: #ffffff !important; border-color: #968c8c; background: #968c8c; } .ce_hyperlink a:hover, .ce_hyperlink a:focus, .ce_hyperlink a:active { color: #ffffff !important; } /** * KISS Theme – Based on KISS Framework for Contao (https://www.contao-kiss.de) * Version 1.0.0 */ /** * KISS Framework for Contao * Version 0.0.1 * https://www.contao-kiss.de * Licensed under MIT Open Source */ /** * KISS Theme – Based on KISS Framework for Contao (https://www.contao-kiss.de) * Version 1.0.0 */ /** * KISS Framework for Contao * Version 0.0.1 * https://www.contao-kiss.de * Licensed under MIT Open Source */ /** * @section settings variables * * Set global project variables which will be imported to the scss files. */ /** * KISS Theme – Based on KISS Framework for Contao (https://www.contao-kiss.de) * Version 1.0.0 */ /** * KISS Framework for Contao * Version 0.0.1 * https://www.contao-kiss.de * Licensed under MIT Open Source */ /** * KISS Framework for Contao * Version 0.0.1 * https://www.contao-kiss.de * Licensed under MIT Open Source */ /** * KISS Framework for Contao * Version 0.0.1 * https://www.contao-kiss.de * Licensed under MIT Open Source */ /** * @section settings variables * * Set global project variables which will be imported to the scss files. */ html { scroll-behavior: smooth; } body { margin: 0; padding: 0; background: #ffffff; color: #574c52; } #header { height: 120px; margin: 0 0 1rem 0; color: #272932ff; background: #ffffff; } #header .inside { border-bottom: 2px solid #151e3f; padding-right: 0.9375rem; padding-left: 0.9375rem; max-width: 76.875rem; margin-left: auto; margin-right: auto; height: 120px; display: flex; align-items: center; } #container { display: flex; margin: 3rem auto 3rem auto; padding-right: 0.9375rem; padding-left: 0.9375rem; max-width: 76.875rem; } .sidebar--left #container { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-content: stretch; } .sidebar--left #container #main { order: 2; flex-basis: 0; flex-grow: 999; min-width: 100%; align-self: auto; overflow: hidden; } @media screen and (min-width: 62em) { .sidebar--left #container #main { min-width: 75%; } } .sidebar--left #container #main .inside { margin: 0 0 0 0.5rem; } .sidebar--left #container #left { flex-basis: 25%; flex-grow: 1; order: 1; align-self: auto; display: none; } @media screen and (min-width: 62em) { .sidebar--left #container #left { display: block; } } .sidebar--left #container #left .inside { margin: 0 0.5rem 0 0; } .sidebar--right #container { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-content: stretch; } .sidebar--right #container #main { order: 1; flex-basis: 0; flex-grow: 999; min-width: 100%; align-self: auto; overflow: hidden; } @media screen and (min-width: 62em) { .sidebar--right #container #main { min-width: 75%; } } .sidebar--right #container #main .inside { margin: 0 0 0 0.5rem; } .sidebar--right #container #right { flex-basis: 25%; flex-grow: 1; order: 2; align-self: auto; display: block; padding: 0 0 4rem 0; } .sidebar--right #container #right .inside { margin: 0 0.5rem 0 0; } #footer .inside { border-top: 2px solid #151e3f; padding: 1rem 0; margin: 0 auto 0 auto; padding-right: 0.9375rem; padding-left: 0.9375rem; max-width: 76.875rem; } #footer .inside .pure-u-1 { padding: 0 0.5rem 0 0; box-sizing: border-box; background: red; } #footer .inside .pure-u-1:nth-child(2) { padding: 0 0.5rem; background: yellow; } #footer .inside .pure-u-1:nth-child(3) { padding: 0 0 0 0.5rem; background: blue; } body { font-family: europa, "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, sans-serif; line-height: 1; font-variant-ligatures: contextual; font-feature-settings: "ss01"; overflow-x: hidden; } #header { position: fixed; top: 0; left: 0; right: 0; height: 50px; margin: 0; z-index: 10000; background-color: #574c52; transition: ease .3s; } #header .inside { width: 100%; max-width: 100%; border: 0 none; height: 100%; align-items: flex-start; justify-content: flex-end; } @media screen and (min-width: 48em) { #header .inside { width: 83.33333333%; margin-left: 8.33333333%; justify-content: flex-start; } } #header .mod_logo, #header .mod_navigation--main { opacity: 1; transition: ease .3s; pointer-events: auto; } @media screen and (min-width: 48em) { .scrolled-down #header .mod_logo, .scrolled-down #header .mod_navigation--main { opacity: 0; pointer-events: none; } } @media screen and (min-width: 48em) { .scrolled.scrolled-up #header { background-color: rgba(87, 76, 82, 0.8); overflow: hidden; } .scrolled.scrolled-up #header .mod_logo, .scrolled.scrolled-up #header .mod_navigation--main { opacity: 1; pointer-events: auto; } } @media screen and (min-width: 48em) { #header { background-color: transparent; height: 86px; display: none; } .window-loaded #header { display: block; } } #main { max-width: 100%; overflow: hidden; } #container { margin: 0; max-width: 100%; padding: 0; } #footer { background-color: #574c52; } #footer .inside { padding: 28px 30px 40px 30px; border-top: 0; width: 100%; max-width: none; text-align: right; } #footer .inside p { color: #ffffff; line-height: 1.75; margin-bottom: 0; } #footer .inside a { text-decoration: underline; } #footer .inside p, #footer .inside a { font-size: 14px; } @media screen and (min-width: 48em) { #footer .inside p, #footer .inside a { font-size: 16px; white-space: nowrap; } } @media screen and (min-width: 75em) { #footer .inside p, #footer .inside a { font-size: 18px; white-space: nowrap; } } #footer .inside .c-headline { line-height: 1.4; font-size: 14px; letter-spacing: 0.3px; margin-bottom: 2em; } @media screen and (min-width: 48em) { #footer .inside .c-headline { margin-bottom: 1em; font-size: 20px; } } @media screen and (min-width: 75em) { #footer .inside .c-headline { font-size: 24px; } } #footer .inside .c-copyright p { color: #d8d0ca; } #footer .inside .c-copyright p, #footer .inside .c-copyright a { font-size: 13px; } @media screen and (min-width: 48em) { #footer .inside .c-copyright p, #footer .inside .c-copyright a { font-size: 14px; } } @media screen and (min-width: 75em) { #footer .inside .c-copyright p, #footer .inside .c-copyright a { font-size: 16px; } } #footer .inside img { transition: .3s; } #footer .inside img:hover { opacity: 0.5; } @media screen and (min-width: 48em) { #footer .inside .mt, #footer .inside .ce_hyperlink { margin-top: 32px; } } @media screen and (min-width: 75em) { #footer .inside .mt, #footer .inside .ce_hyperlink { margin-top: 54px; } } #footer .inside .c-footer-logos__label { padding-top: 24px; padding-bottom: 20px; } @media screen and (min-width: 48em) { #footer .inside .c-footer-logos__label { padding-top: 0; } } #footer .inside .c-footer-logos__images { padding-bottom: 52px; } #footer .inside .c-footer-logos__images p a { max-width: 50%; padding: 10px; vertical-align: top; display: inline-block; } #footer .inside .c-footer-logos__images p a:first-child { padding-left: 0; } #footer .inside .c-footer-logos__images p a:last-child { padding-right: 0; } #footer .inside .c-footer-logos__images p a img { width: 100%; height: auto; } @media screen and (min-width: 48em) { #footer .inside .c-footer-logos__images p a { vertical-align: bottom; } } @media screen and (min-width: 48em) { #footer .inside .c-footer-logos__images { padding-bottom: 64px; padding-top: 10px; } } #footer .inside .mod_customnav li { line-height: 1.75; } #footer .inside .mod_customnav li a { border: 0 none; padding: 0; color: #ffffff; font-size: 13px; } #footer .inside .mod_customnav li a:hover { color: #ffdd17; } @media screen and (min-width: 48em) { #footer .inside .mod_customnav li a { font-size: 14px; } } @media screen and (min-width: 75em) { #footer .inside .mod_customnav li a { font-size: 16px; } } @media screen and (min-width: 48em) { #footer .inside .mod_customnav li { text-align: right; } } @media screen and (min-width: 48em) { #footer .inside { margin-left: 8.33333333%; width: 83.33333333%; text-align: left; } } .c-columnsbox { padding-top: 35px; padding-bottom: 100px; margin: 0; position: relative; } .c-columnsbox.c-project-teaser { background-color: #968c8c; padding-top: 17px; } .c-columnsbox.c-project-teaser h2, .c-columnsbox.c-project-teaser .c-headline--h2, .c-columnsbox.c-project-teaser h3, .c-columnsbox.c-project-teaser h4, .c-columnsbox.c-project-teaser p { color: #ffffff; } .c-columnsbox.c-project-teaser a { color: #ffdd17; text-decoration: none; } .c-columnsbox.c-project-teaser a:hover { color: #ffffff; } .c-columnsbox.c-project-teaser a::before { content: "\27F6"; display: inline; margin-right: .5em; } @media screen and (min-width: 48em) { .c-columnsbox.c-project-teaser { width: 100%; padding-left: calc(8.333333% - 30px); padding-right: calc(8.333333% - 30px); } } @media screen and (min-width: 90em) { .c-columnsbox.c-project-teaser { padding-left: 8.333333%; padding-right: 8.333333%; } } @media screen and (min-width: 48em) { .c-columnsbox.c-project-teaser { margin-left: 0; } } @media screen and (min-width: 75em) { .c-columnsbox.c-project-teaser { padding-top: 88px; } } @media screen and (min-width: 48em) { .c-columnsbox.c-page-info .col_1 { padding-right: 10%; } } .c-columnsbox .ce_image { position: absolute; bottom: 83px; right: 30px; transform: scale(0.6); transform-origin: right top; } .c-columnsbox .ce_image img { max-width: 246px; max-height: 96px; } @media screen and (min-width: 48em) { .c-columnsbox .ce_image { right: auto; bottom: 135px; left: 21%; transform: translateX(-50%); } } @media screen and (min-width: 75em) { .c-columnsbox .ce_image { bottom: 180px; } } .c-columnsbox .col_1, .c-columnsbox .col_2 { position: static; } .c-columnsbox .col_1 { margin-bottom: 15px; } @media screen and (min-width: 48em) { .c-columnsbox { padding-top: 50px; padding-bottom: 125px; width: calc(83.333333% + 60px); margin-left: calc(8.333333% - 30px); } } @media screen and (min-width: 75em) { .c-columnsbox { padding-top: 65px; padding-bottom: 150px; } } @media screen and (min-width: 90em) { .c-columnsbox { width: 83.333333%; margin-left: 8.333333%; } } /** * KISS Theme – Based on KISS Framework for Contao (https://www.contao-kiss.de) * Version 1.0.0 */ /** * KISS Framework for Contao * Version 0.0.1 * https://www.contao-kiss.de * Licensed under MIT Open Source */ /** * KISS Theme – Based on KISS Framework for Contao (https://www.contao-kiss.de) * Version 1.0.0 */ /** * KISS Framework for Contao * Version 0.0.1 * https://www.contao-kiss.de * Licensed under MIT Open Source */ /** * @section settings variables * * Set global project variables which will be imported to the scss files. */ /** * KISS Theme – Based on KISS Framework for Contao (https://www.contao-kiss.de) * Version 1.0.0 */ /** * KISS Framework for Contao * Version 0.0.1 * https://www.contao-kiss.de * Licensed under MIT Open Source */ /** * KISS Framework for Contao * Version 0.0.1 * https://www.contao-kiss.de * Licensed under MIT Open Source */ /** * KISS Framework for Contao * Version 0.0.1 * https://www.contao-kiss.de * Licensed under MIT Open Source */ /** * @section settings variables * * Set global project variables which will be imported to the scss files. */ /** * The typography part is based on YAML by Dirk Jesse (en) Uniform design of standard content elements * (de) Einheitliche Standardformatierungen für die wichtigten Inhalts-Elemente * * @copyright © 2005-2013, Dirk Jesse * @license CC-BY 2.0 (http://creativecommons.org/licenses/by/2.0/), * YAML-CDL (http://www.yaml.de/license.html) * @link http://www.yaml.de * @package yaml * @version 4.1.2 */ /* * @section global typography settings * * vertical rhythm settings (based on em-unit) * ------------------------------------------- * basefont-size: 14px (87.5%) * line-height : 21px (factor: 1.5) */ /* (en) reset font size for all elements to standard (16 Pixel) */ /* (de) Alle Schriftgrößen auf Standardgröße (16 Pixel) zurücksetzen */ html * { font-size: 100%; } /** * (en) reset monospaced elements to font size 16px in all browsers * (de) Schriftgröße von monospaced Elemente in allen Browsern auf 16 Pixel setzen * * @see: http://webkit.org/blog/67/strange-medium/ */ textarea, pre, code, kbd, samp, var, tt { font-family: "Courier New", Courier; } /* font-size: 16px; */ body { font-family: europa, "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, sans-serif; font-size: 100%; color: #574c52; font-weight: 400; } /*--- Headings | Überschriften ------------------------------------------------------------------------*/ h1, h2, .c-headline--h2, h3, h4, h5, h6 { font-family: europa, "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, sans-serif; font-weight: 400; color: #574c52; margin: 0; } h1 { margin: 0 0 0.75rem 0; font-size: 1.5rem; line-height: 1; color: #ffdd17; } @media screen and (min-width: 62em) { h1 { margin: 0 0 0.875rem 0; font-size: 3rem; line-height: 1.2; } } h2, .c-headline--h2 { margin: 0 0 0.75rem 0; font-size: 0.75rem; line-height: 1; color: #574c52; } @media screen and (min-width: 62em) { h2, .c-headline--h2 { margin: 0 0 0.875rem 0; font-size: 2rem; line-height: 0.875; } } h3 { margin: 0 0 0.75rem 0; font-size: 1.125rem; line-height: 1; } @media screen and (min-width: 62em) { h3 { margin: 0 0 0.875rem 0; font-size: 1.5rem; line-height: 0.875; } } h4 { margin: 0 0 0.75rem 0; font-size: 0.9375rem; line-height: 1; } @media screen and (min-width: 62em) { h4 { margin: 0 0 1rem 0; font-size: 1.25rem; line-height: 1; } } h5 { margin: 0 0 1.1rem 0; font-size: 0.84375rem; line-height: 1.1; } @media screen and (min-width: 62em) { h5 { margin: 0 0 1.16667rem 0; font-size: 1.125rem; line-height: 1.16667; } } h6 { margin: 0 0 1.5rem 0; font-size: 1rem; font-weight: bold; line-height: 1.5; } /* --- Lists | Listen -------------------------------------------------------------------------------- */ ul, ol, dl { font-size: 90%; line-height: 1; padding: 0 0 0 1rem; } @media screen and (min-width: 62em) { ul, ol, dl { font-size: 100%; padding: 0 0 0 2rem; margin: 0 0 1rem 0; } } ul { list-style-type: disc; } ol { list-style-type: decimal; } ul ul { list-style-type: circle; margin-top: 0; } ol ol { list-style-type: lower-latin; margin-top: 0; } ol ul { list-style-type: circle; margin-top: 0; } li { font-size: 100%; line-height: 1; margin-left: 1.2rem; } dt { font-weight: bold; } dd { margin: 0 0 1rem 0.5rem; } /* --- general text formatting | Allgemeine Textauszeichnung ------------------------------------------ */ p { font-size: 90%; line-height: 1; margin: 0 0 1rem 0; } @media screen and (min-width: 62em) { p { font-size: 100%; } } blockquote, cite, q { font-family: "Courier New", Courier; font-style: italic; } blockquote { background: transparent; color: #222; margin: 1rem 0 0 1rem; } strong, b { font-family: europa, "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, sans-serif; font-style: normal; } em, i { font-style: italic; } big { font-size: 125%; line-height: 1.3125; } small { font-size: 75%; line-height: 1.75; } pre, code, kbd, tt, samp, var { font-size: 120%; } pre { font-size: 100%; line-height: 1; margin: 0 0 1rem 0; white-space: pre; white-space: pre-wrap; word-wrap: break-word; } pre, code { color: #880000; } kbd, samp, var, tt { color: #222; font-weight: bold; } var, dfn { font-style: italic; } acronym, abbr { border-bottom: 1px #222 dotted; font-variant: small-caps; letter-spacing: 0.07rem; cursor: help; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5rem; } sub { bottom: -0.25rem; } mark { background: yellow; color: black; } hr { color: #fff; background: transparent; margin: 0 0 0.75rem 0; padding: 0 0 0.675rem 0; border: 0; border-bottom: 1px #d3d4d9 solid; } /*--- Links ----------------------------------------------------------------------------------------- */ a { color: #ffdd17; background: transparent; text-decoration: none; } a:active { outline: none; } a:hover, a:focus, a:active { color: #ffdd17; text-decoration: underline; } /* (en) maximum constrast for tab focus - change with great care */ /* (en) Maximaler Kontrast für Tab Focus - Ändern Sie diese Regel mit Bedacht */ /* --- images ------------------ */ img, figure { margin: 0; } /** * ------------------------------------------------------------------------------------------------- # * * Tables | Tabellen * * (en) Generic classes for table-width and design definition * (de) Generische Klassen für die Tabellenbreite und Gestaltungsvorschriften für Tabellen * * @section content-tables */ table { margin: 0 0 1.5rem 0; border-collapse: collapse; border-top: 1px #d3d4d9 solid; border-bottom: 1px #d3d4d9 solid; width: 100%; } caption { margin: 0 0 1rem 0; font-style: italic; } th, td { padding: 0.75rem 0.5rem; line-height: 1.5rem; vertical-align: top; } th *:first-child, td *:first-child { margin-top: 0; } thead th { border-bottom: 1px #d3d4d9 solid; text-align: left; color: #272932ff; } tbody th, tbody td { text-align: left; border-top: 1px solid #d3d4d9; } tbody tr:hover th, tbody tr:hover td { background: #f1f1f1; } tfoot td { border-top: 2px solid #d3d4d9; text-align: left; color: #272932ff; font-weight: bold; } .text-hide { font: 0/0 a !important; color: transparent !important; text-shadow: none !important; background-color: transparent !important; border: 0 !important; height: 0 !important; text-indent: -1000em !important; padding: 0 !important; margin: 0 !important; } .text-nowrap { white-space: nowrap !important; } .text-wrap { word-wrap: break-word !important; } .text-center { text-align: center; } /** * KISS Theme – Based on KISS Framework for Contao (https://www.contao-kiss.de) * Version 1.0.0 */ /** * KISS Framework for Contao * Version 0.0.1 * https://www.contao-kiss.de * Licensed under MIT Open Source */ /** * @section settings variables * * Set global project variables which will be imported to the scss files. */ /** * KISS Theme – Based on KISS Framework for Contao (https://www.contao-kiss.de) * Version 1.0.0 */ /** * KISS Framework for Contao * Version 0.0.1 * https://www.contao-kiss.de * Licensed under MIT Open Source */ /** * KISS Framework for Contao * Version 0.0.1 * https://www.contao-kiss.de * Licensed under MIT Open Source */ /** * KISS Framework for Contao * Version 0.0.1 * https://www.contao-kiss.de * Licensed under MIT Open Source */ /** * @section settings variables * * Set global project variables which will be imported to the scss files. */ p, a { letter-spacing: .2px; } p, a { line-height: 1.3; font-size: 1em; } @media screen and (min-width: 48em) { p, a { font-size: 1.125em; } } @media screen and (min-width: 75em) { p, a { font-size: 1.25em; } } p { margin-bottom: 1em; } a:hover, a:focus, a:active { text-decoration: none; } h2, .c-headline--h2 { font-size: 30px; line-height: 1.1; letter-spacing: 0; } h3 { margin-bottom: 10px; font-size: 1.4375em; font-weight: 500; line-height: 1.1; } @media screen and (min-width: 75em) { h3 { font-size: 1.625em; } } /** * KISS Theme – Based on KISS Framework for Contao (https://www.contao-kiss.de) * Version 1.0.0 */ .e-forms input, .e-forms textarea { font-size: 1.2em; border: 1px solid #574c52; border-radius: 0; font-family: europa, "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, sans-serif; resize: none; color: #574c52; width: 100%; max-width: 520px; } .e-forms input:focus, .e-forms textarea:focus { outline-style: solid; border: 1px solid #ffdd17 !important; outline-color: #ffdd17; } .e-forms input { height: 35px; } .e-forms button[type="submit"] { background: #968c8c; color: #ffdd17; border: #968c8c; padding: 0.5em 1em; } .e-forms button[type="submit"]:hover { color: #ffffff; } .e-forms .widget { display: block; margin: 1em 0 1em 0; } /** * KISS Theme – Based on KISS Framework for Contao (https://www.contao-kiss.de) * Version 1.0.0 */ /** * KISS Framework for Contao * Version 0.0.1 * https://www.contao-kiss.de * Licensed under MIT Open Source */ /** * KISS Theme – Based on KISS Framework for Contao (https://www.contao-kiss.de) * Version 1.0.0 */ /** * KISS Framework for Contao * Version 0.0.1 * https://www.contao-kiss.de * Licensed under MIT Open Source */ /** * @section settings variables * * Set global project variables which will be imported to the scss files. */ /** * KISS Theme – Based on KISS Framework for Contao (https://www.contao-kiss.de) * Version 1.0.0 */ /** * KISS Framework for Contao * Version 0.0.1 * https://www.contao-kiss.de * Licensed under MIT Open Source */ /** * KISS Framework for Contao * Version 0.0.1 * https://www.contao-kiss.de * Licensed under MIT Open Source */ /** * KISS Framework for Contao * Version 0.0.1 * https://www.contao-kiss.de * Licensed under MIT Open Source */ /** * @section settings variables * * Set global project variables which will be imported to the scss files. */ .o-padding-vertical-top { padding-top: 1.625rem; } @media screen and (min-width: 75em) { .o-padding-vertical-top { padding-top: 1.625rem; } } .o-padding-vertical-top--half { padding-top: 0.8125rem; } @media screen and (min-width: 75em) { .o-padding-vertical-top--half { padding-top: 0.8125rem; } } .o-padding-vertical-top--2x { padding-top: 3.25rem; } @media screen and (min-width: 75em) { .o-padding-vertical-top--2x { padding-top: 3.25rem; } } .o-padding-vertical-top--3x { padding-top: 4.875rem; } @media screen and (min-width: 75em) { .o-padding-vertical-top--3x { padding-top: 4.875rem; } } .o-padding-vertical-top--4x { padding-top: 6.5rem; } @media screen and (min-width: 75em) { .o-padding-vertical-top--4x { padding-top: 6.5rem; } } @media screen and (min-width: 48em) and (max-width: 61.9375em) { .o-padding-vertical-top--4x { padding-top: 1.625rem; } } .o-padding-vertical-top--5x { padding-top: 8.125rem; } @media screen and (min-width: 75em) { .o-padding-vertical-top--5x { padding-top: 8.125rem; } } @media screen and (min-width: 48em) and (max-width: 61.9375em) { .o-padding-vertical-top--5x { padding-top: 1.625rem; } } .o-padding-vertical-bottom { padding-bottom: 1.625rem; } @media screen and (min-width: 75em) { .o-padding-vertical-bottom { padding-bottom: 1.625rem; } } .o-padding-vertical-bottom--half { padding-bottom: 0.8125rem; } @media screen and (min-width: 75em) { .o-padding-vertical-bottom--half { padding-bottom: 0.8125rem; } } .o-padding-vertical-bottom--2x { padding-bottom: 3.25rem; } @media screen and (min-width: 75em) { .o-padding-vertical-bottom--2x { padding-bottom: 3.25rem; } } .o-padding-vertical-bottom--3x { padding-bottom: 4.875rem; } @media screen and (min-width: 75em) { .o-padding-vertical-bottom--3x { padding-bottom: 4.875rem; } } .o-padding-vertical-bottom--4x { padding-bottom: 6.5rem; } @media screen and (min-width: 75em) { .o-padding-vertical-bottom--4x { padding-bottom: 6.5rem; } } @media screen and (min-width: 48em) and (max-width: 61.9375em) { .o-padding-vertical-bottom--4x { padding-bottom: 1.625rem; } } .o-padding-vertical-bottom--5x { padding-bottom: 8.125rem; } @media screen and (min-width: 75em) { .o-padding-vertical-bottom--5x { padding-bottom: 8.125rem; } } @media screen and (min-width: 48em) and (max-width: 61.9375em) { .o-padding-vertical-bottom--5x { padding-bottom: 1.625rem; } } .o-margin-vertical-top { margin-top: 1.625rem; } @media screen and (min-width: 75em) { .o-margin-vertical-top { margin-top: 1.625rem; } } .o-margin-vertical-top--half { margin-top: 0.8125rem; } @media screen and (min-width: 75em) { .o-margin-vertical-top--half { margin-top: 0.8125rem; } } .o-margin-vertical-top--2x { margin-top: 3.25rem; } @media screen and (min-width: 75em) { .o-margin-vertical-top--2x { margin-top: 3.25rem; } } .o-margin-vertical-top--3x { margin-top: 4.875rem; } @media screen and (min-width: 75em) { .o-margin-vertical-top--3x { margin-top: 4.875rem; } } .o-margin-vertical-top--4x { margin-top: 6.5rem; } @media screen and (min-width: 75em) { .o-margin-vertical-top--4x { margin-top: 6.5rem; } } @media screen and (min-width: 48em) and (max-width: 61.9375em) { .o-margin-vertical-top--4x { margin-top: 1.625rem; } } .o-margin-vertical-top--5x { margin-top: 8.125rem; } @media screen and (min-width: 75em) { .o-margin-vertical-top--5x { margin-top: 8.125rem; } } @media screen and (min-width: 48em) and (max-width: 61.9375em) { .o-margin-vertical-top--5x { margin-top: 1.625rem; } } .o-margin-vertical-bottom { margin-bottom: 1.625rem; } @media screen and (min-width: 75em) { .o-margin-vertical-bottom { margin-bottom: 1.625rem; } } .o-margin-vertical-bottom--half { margin-bottom: 0.8125rem; } @media screen and (min-width: 75em) { .o-margin-vertical-bottom--half { margin-bottom: 0.8125rem; } } .o-margin-vertical-bottom--2x { margin-bottom: 3.25rem; } @media screen and (min-width: 75em) { .o-margin-vertical-bottom--2x { margin-bottom: 3.25rem; } } .o-margin-vertical-bottom--3x { margin-bottom: 4.875rem; } @media screen and (min-width: 75em) { .o-margin-vertical-bottom--3x { margin-bottom: 4.875rem; } } .o-margin-vertical-bottom--4x { margin-bottom: 6.5rem; } @media screen and (min-width: 75em) { .o-margin-vertical-bottom--4x { margin-bottom: 6.5rem; } } @media screen and (min-width: 48em) and (max-width: 61.9375em) { .o-margin-vertical-bottom--4x { margin-bottom: 1.625rem; } } .o-margin-vertical-bottom--5x { margin-bottom: 8.125rem; } @media screen and (min-width: 75em) { .o-margin-vertical-bottom--5x { margin-bottom: 8.125rem; } } @media screen and (min-width: 48em) and (max-width: 61.9375em) { .o-margin-vertical-bottom--5x { margin-bottom: 1.625rem; } } .o-padding-horizontal-right { padding-right: 1.625rem; } @media screen and (min-width: 75em) { .o-padding-horizontal-right { padding-right: 1.625rem; } } .o-padding-horizontal-left { padding-left: 1.625rem; } @media screen and (min-width: 75em) { .o-padding-horizontal-left { padding-left: 1.625rem; } } .o-margin-horizontal-right { margin-right: 1.625rem; } @media screen and (min-width: 75em) { .o-margin-horizontal-right { margin-right: 1.625rem; } } .o-margin-horizontal-right--half { margin-right: 0.8125rem; } @media screen and (min-width: 75em) { .o-margin-horizontal-right--half { margin-right: 0.8125rem; } } .o-margin-horizontal-left { margin-left: 1.625rem; } @media screen and (min-width: 75em) { .o-margin-horizontal-left { margin-left: 1.625rem; } } .o-margin-horizontal-left--half { margin-left: 0.8125rem; } @media screen and (min-width: 75em) { .o-margin-horizontal-left--half { margin-left: 0.8125rem; } } /** * KISS Framework for Contao * Version 0.0.1 * https://www.contao-kiss.de * Licensed under MIT Open Source */ /** * KISS Theme – Based on KISS Framework for Contao (https://www.contao-kiss.de) * Version 1.0.0 */ /** * KISS Framework for Contao * Version 0.0.1 * https://www.contao-kiss.de * Licensed under MIT Open Source */ /** * @section settings variables * * Set global project variables which will be imported to the scss files. */ /** * KISS Theme – Based on KISS Framework for Contao (https://www.contao-kiss.de) * Version 1.0.0 */ /** * KISS Framework for Contao * Version 0.0.1 * https://www.contao-kiss.de * Licensed under MIT Open Source */ /** * KISS Framework for Contao * Version 0.0.1 * https://www.contao-kiss.de * Licensed under MIT Open Source */ /** * KISS Framework for Contao * Version 0.0.1 * https://www.contao-kiss.de * Licensed under MIT Open Source */ /** * @section settings variables * * Set global project variables which will be imported to the scss files. */ .o-c-brand { color: #ffdd17 !important; } .o-bg-brand { background-color: #ffdd17 !important; } .o-c-white { color: #ffffff !important; } .o-bg-white { background-color: #ffffff !important; } /** * KISS Theme – Based on KISS Framework for Contao (https://www.contao-kiss.de) * Version 1.0.0 */ /** * KISS Framework for Contao * Version 0.0.1 * https://www.contao-kiss.de * Licensed under MIT Open Source */ /** * KISS Theme – Based on KISS Framework for Contao (https://www.contao-kiss.de) * Version 1.0.0 */ /** * KISS Framework for Contao * Version 0.0.1 * https://www.contao-kiss.de * Licensed under MIT Open Source */ /** * @section settings variables * * Set global project variables which will be imported to the scss files. */ /** * KISS Theme – Based on KISS Framework for Contao (https://www.contao-kiss.de) * Version 1.0.0 */ /** * KISS Framework for Contao * Version 0.0.1 * https://www.contao-kiss.de * Licensed under MIT Open Source */ /** * KISS Framework for Contao * Version 0.0.1 * https://www.contao-kiss.de * Licensed under MIT Open Source */ /** * KISS Framework for Contao * Version 0.0.1 * https://www.contao-kiss.de * Licensed under MIT Open Source */ /** * @section settings variables * * Set global project variables which will be imported to the scss files. */ .o-flex { display: flex; } .o-flex--inline { display: inline-flex; } .o-flex--row-reverse { flex-flow: row-reverse wrap; } .o-flex--row-nowrap-reverse { flex-flow: row-reverse nowrap; } .o-flex--column-reverse { flex-direction: column-reverse; } .o-flex--row-wrap { flex-flow: row wrap; } .o-flex--row-nowrap { flex-flow: row nowrap; } @media screen and (min-width: 48em) and (max-width: 61.9375em) { .o-flex--row-nowrap.c-tiles__tile, .o-flex--row-nowrap-reverse.c-tiles__tile { flex-flow: column wrap; } } .o-flex--column-wrap { flex-flow: column wrap; } .o-flex--column-nowrap { flex-flow: column nowrap; } .o-flex--wrap { flex-wrap: wrap; } .o-flex-align-items--flex-start { align-items: flex-start; } .o-flex-align-items--center { align-items: center; } .o-flex-align-items--flex-end { align-items: flex-end; } .o-flex-align-self--flex-start { align-self: flex-start; } .o-flex-align-self--flex-end { align-self: flex-end; } .o-flex-justify-content--center { justify-content: center; } .o-flex-justify-content--space-between { justify-content: space-between; } .o-flex-justify-content--space-around { justify-content: space-around; } /** * KISS Framework for Contao * Version 0.0.1 * https://www.contao-kiss.de * Licensed under MIT Open Source */ /** * KISS Theme – Based on KISS Framework for Contao (https://www.contao-kiss.de) * Version 1.0.0 */ /** * KISS Framework for Contao * Version 0.0.1 * https://www.contao-kiss.de * Licensed under MIT Open Source */ /** * @section settings variables * * Set global project variables which will be imported to the scss files. */ /** * KISS Theme – Based on KISS Framework for Contao (https://www.contao-kiss.de) * Version 1.0.0 */ /** * KISS Framework for Contao * Version 0.0.1 * https://www.contao-kiss.de * Licensed under MIT Open Source */ /** * KISS Framework for Contao * Version 0.0.1 * https://www.contao-kiss.de * Licensed under MIT Open Source */ /** * KISS Framework for Contao * Version 0.0.1 * https://www.contao-kiss.de * Licensed under MIT Open Source */ /** * @section settings variables * * Set global project variables which will be imported to the scss files. */ .o-parallax-outer { overflow: hidden; height: 100%; } .js-parallax { top: 0; position: relative; } /** * KISS Theme – Based on KISS Framework for Contao (https://www.contao-kiss.de) * Version 1.0.0 */ /** * KISS Framework for Contao * Version 0.0.1 * https://www.contao-kiss.de * Licensed under MIT Open Source */ /** * KISS Theme – Based on KISS Framework for Contao (https://www.contao-kiss.de) * Version 1.0.0 */ /** * KISS Framework for Contao * Version 0.0.1 * https://www.contao-kiss.de * Licensed under MIT Open Source */ /** * @section settings variables * * Set global project variables which will be imported to the scss files. */ /** * KISS Theme – Based on KISS Framework for Contao (https://www.contao-kiss.de) * Version 1.0.0 */ /** * KISS Framework for Contao * Version 0.0.1 * https://www.contao-kiss.de * Licensed under MIT Open Source */ /** * KISS Framework for Contao * Version 0.0.1 * https://www.contao-kiss.de * Licensed under MIT Open Source */ /** * KISS Framework for Contao * Version 0.0.1 * https://www.contao-kiss.de * Licensed under MIT Open Source */ /** * @section settings variables * * Set global project variables which will be imported to the scss files. */ .mod_logo img { vertical-align: bottom; } .mod_logo a { display: block; width: 100%; } /** * KISS Theme – Based on KISS Framework for Contao (https://www.contao-kiss.de) * Version 1.0.0 */ /** * KISS Framework for Contao * Version 0.0.1 * https://www.contao-kiss.de * Licensed under MIT Open Source */ /** * @section settings variables * * Set global project variables which will be imported to the scss files. */ /** * KISS Theme – Based on KISS Framework for Contao (https://www.contao-kiss.de) * Version 1.0.0 */ /** * KISS Framework for Contao * Version 0.0.1 * https://www.contao-kiss.de * Licensed under MIT Open Source */ /** * KISS Framework for Contao * Version 0.0.1 * https://www.contao-kiss.de * Licensed under MIT Open Source */ /** * KISS Framework for Contao * Version 0.0.1 * https://www.contao-kiss.de * Licensed under MIT Open Source */ /** * @section settings variables * * Set global project variables which will be imported to the scss files. */ #header .mod_logo { position: absolute; top: 30px; left: -15px; z-index: 1000; } #header .mod_logo__link, #header .mod_logo__link:hover { text-decoration: none !important; } #header .mod_logo__link h1 { color: #ffffff; font-size: 26px; line-height: 1.14; white-space: nowrap; display: none; transition: ease .3s; position: absolute; } @media screen and (min-width: 48em) { #header .mod_logo__link h1 { display: block; opacity: 1; } .scrolled-down #header .mod_logo__link h1, .scrolled.scrolled-up #header .mod_logo__link h1 { opacity: 0; } } @media screen and (min-width: 75em) { #header .mod_logo__link h1 { font-size: 28px; } } #header .mod_logo__link img { max-width: 177px; height: 46px; display: none; position: absolute; top: -15px; } @media screen and (min-width: 48em) { .scrolled #header .mod_logo__link img { display: block; transition: .3s all; opacity: 0; } .scrolled.scrolled-up #header .mod_logo__link img { opacity: 1; } } @media screen and (min-width: 90em) { #header .mod_logo__link img { top: -15px; } } @media screen and (min-width: 90em) { #header .mod_logo { left: 15px; } } #footer .mod_logo img { width: 100%; height: auto; } @media screen and (min-width: 48em) { #footer .mod_logo { margin-bottom: 70px; } } /** * KISS Theme – Based on KISS Framework for Contao (https://www.contao-kiss.de) * Version 1.0.0 */ /** * KISS Framework for Contao * Version 0.0.1 * https://www.contao-kiss.de * Licensed under MIT Open Source */ /** * KISS Theme – Based on KISS Framework for Contao (https://www.contao-kiss.de) * Version 1.0.0 */ /** * KISS Framework for Contao * Version 0.0.1 * https://www.contao-kiss.de * Licensed under MIT Open Source */ /** * @section settings variables * * Set global project variables which will be imported to the scss files. */ /** * KISS Theme – Based on KISS Framework for Contao (https://www.contao-kiss.de) * Version 1.0.0 */ /** * KISS Framework for Contao * Version 0.0.1 * https://www.contao-kiss.de * Licensed under MIT Open Source */ /** * KISS Framework for Contao * Version 0.0.1 * https://www.contao-kiss.de * Licensed under MIT Open Source */ /** * KISS Framework for Contao * Version 0.0.1 * https://www.contao-kiss.de * Licensed under MIT Open Source */ /** * @section settings variables * * Set global project variables which will be imported to the scss files. */ .mod_navigation--horizontal { display: none; position: relative; width: 100%; overflow: inherit; z-index: 1; } @media screen and (min-width: 62em) { .mod_navigation--horizontal { display: block; } } .mod_navigation--horizontal ul { list-style-type: none; margin: 0; padding: 0; } .mod_navigation--horizontal a { text-decoration: none; } .mod_navigation--horizontal ul { position: relative; display: none; width: 100%; } .mod_navigation--horizontal ul.level_1 { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; align-items: flex-end; align-content: flex-start; } .mod_navigation--horizontal ul li { position: relative; display: inline-block; height: 1.5rem; } .mod_navigation--horizontal ul li a { padding: 0 1rem; font-size: 1.25rem; font-weight: normal; color: #272932ff; } .mod_navigation--horizontal ul li strong { font-size: 1.25rem; font-weight: normal; color: #ffdd17; } .mod_navigation--horizontal ul li strong:hover { cursor: default; } .mod_navigation--horizontal ul li:hover ul { display: block; } .mod_navigation--horizontal ul li ul { position: absolute; top: 1.5rem; left: 1rem; padding-top: 2rem; } .mod_navigation--horizontal ul li ul li { display: block; width: 15rem; height: auto; margin: 0; border-bottom: 1px solid #cec5bf; line-height: 1.2; background: #574c52; } .mod_navigation--horizontal ul li ul li.last { border: none; } .mod_navigation--horizontal ul li ul li a, .mod_navigation--horizontal ul li ul li strong { display: block; padding: 0.75rem 0.5rem; color: #f1f1f1; } .mod_navigation--horizontal ul li ul li a:hover, .mod_navigation--horizontal ul li ul li strong:hover { color: #ffdd17; } .mod_navigation--vertical ul { list-style: none; margin: 0; padding: 0; } .mod_navigation--vertical ul li { margin: 0; padding: 0; } .mod_navigation--vertical ul li ul.level_2 a, .mod_navigation--vertical ul li ul.level_2 strong { padding-left: 1.5rem; } .mod_navigation--vertical ul li a, .mod_navigation--vertical ul li strong { display: block; border-bottom: 1px solid #d3d4d9; padding: 0.5rem 0.25rem; color: #272932ff; } .mod_navigation--vertical ul li strong { font-weight: normal; color: #ffdd17; } .mod_navigation--right ul.level_1 { justify-content: flex-end !important; } .mod_breadcrumb ul { margin: 0 0 2rem 0; padding: 0; list-style-type: none; } .mod_breadcrumb ul li { display: inline-block; margin: 0 1rem 0 0; padding: 0; } /** * KISS Theme – Based on KISS Framework for Contao (https://www.contao-kiss.de) * Version 1.0.0 */ /** * KISS Framework for Contao * Version 0.0.1 * https://www.contao-kiss.de * Licensed under MIT Open Source */ /** * @section settings variables * * Set global project variables which will be imported to the scss files. */ /** * KISS Theme – Based on KISS Framework for Contao (https://www.contao-kiss.de) * Version 1.0.0 */ /** * KISS Framework for Contao * Version 0.0.1 * https://www.contao-kiss.de * Licensed under MIT Open Source */ /** * KISS Framework for Contao * Version 0.0.1 * https://www.contao-kiss.de * Licensed under MIT Open Source */ /** * KISS Framework for Contao * Version 0.0.1 * https://www.contao-kiss.de * Licensed under MIT Open Source */ /** * @section settings variables * * Set global project variables which will be imported to the scss files. */ .navbar-toggle { height: 23px; width: 40px; margin: 12px 0; background-color: transparent; background-image: none; border: none; position: relative; float: right; padding: 9px 10px; border-radius: 4px; cursor: pointer; } .navbar-toggle .icon-bar { height: 3px; background-color: #ffffff; display: block; position: absolute; width: 50%; transition: all 0.2s ease-in-out; margin: 0; border-radius: 1px; } .navbar-toggle .icon-bar:nth-child(1) { left: 0; top: 0; } .navbar-toggle .icon-bar:nth-child(2) { right: 0; top: 0; } .navbar-toggle .icon-bar:nth-child(3) { right: 0; top: 10px; width: 100%; } .navbar-toggle .icon-bar:nth-child(4) { left: 0; bottom: 0; } .navbar-toggle .icon-bar:nth-child(5) { right: 0; bottom: 0; } .navbar-toggle[aria-expanded="true"] .icon-bar:nth-child(1) { transform: rotate(45deg) translate(4px); } .navbar-toggle[aria-expanded="true"] .icon-bar:nth-child(2) { transform: rotate(-45deg) translate(-4px); } .navbar-toggle[aria-expanded="true"] .icon-bar:nth-child(3) { opacity: 0; } .navbar-toggle[aria-expanded="true"] .icon-bar:nth-child(4) { transform: rotate(-45deg) translate(4px); bottom: 1px; } .navbar-toggle[aria-expanded="true"] .icon-bar:nth-child(5) { transform: rotate(45deg) translate(-4px); bottom: 1px; } @media screen and (min-width: 48em) { .navbar-toggle { display: none; } } .mod_navigation { display: block; margin-top: 39px; } .mod_navigation ul.level_1 li { margin: 0 0 15px 0; width: 100%; text-align: center; } .mod_navigation ul.level_1 li a, .mod_navigation ul.level_1 li .active { color: #ffffff; transition: .3s; margin: 0; text-decoration: underline; font-size: 2rem; } .mod_navigation ul.level_1 li a:hover, .mod_navigation ul.level_1 li .active:hover { color: #ffdd17; } @media screen and (min-width: 48em) { .mod_navigation ul.level_1 li a, .mod_navigation ul.level_1 li .active { text-decoration: none; font-size: 1.25rem; } } @media screen and (min-width: 62em) { .mod_navigation ul.level_1 li a, .mod_navigation ul.level_1 li .active { font-size: 24px; } } .mod_navigation ul.level_1 li span[href] { color: #ffffff; font-size: 2rem; text-decoration: line-through; } @media screen and (min-width: 48em) { .mod_navigation ul.level_1 li { width: auto; text-align: left; margin: 0; } } .mod_navigation--horizontal ul.level_1 { flex-direction: column; } @media screen and (min-width: 48em) { .mod_navigation--horizontal ul.level_1 { flex-direction: row; } } .mod_navigation--horizontal ul li { height: auto; } .mod_navigation--main { margin-top: 66px; } .mod_navigation--main ul.level_1 { justify-content: flex-end; align-items: center; } .mod_navigation--main ul.level_1 li a.sibling, .mod_navigation--main ul.level_1 li .active { padding-left: 8px; padding-right: 8px; } @media screen and (min-width: 48em) { .mod_navigation--main ul.level_1 li a.sibling::after, .mod_navigation--main ul.level_1 li .active::after { content: '+'; font-size: 1.1em; margin-left: 6px; color: #ffdd17; } } @media screen and (min-width: 48em) and (min-width: 62em) { .mod_navigation--main ul.level_1 li a.sibling::after, .mod_navigation--main ul.level_1 li .active::after { margin-left: 7px; } } @media screen and (min-width: 62em) { .mod_navigation--main ul.level_1 li a.sibling, .mod_navigation--main ul.level_1 li .active { padding-left: 15px; padding-right: 15px; } } @media screen and (min-width: 75em) { .mod_navigation--main ul.level_1 li a.sibling, .mod_navigation--main ul.level_1 li .active { padding-left: 22px; padding-right: 22px; } } .mod_navigation--main ul.level_1 li .active { text-decoration: line-through; } @media screen and (min-width: 48em) { .mod_navigation--main ul.level_1 { min-height: 52px; margin-left: 46px; } } @media screen and (min-width: 62em) { .mod_navigation--main ul.level_1 { min-height: 56px; } } @media screen and (min-width: 75em) { .mod_navigation--main ul.level_1 { margin-left: 53px; } } @media screen and (min-width: 90em) { .mod_navigation--main ul.level_1 { margin-left: 22px; } } @media screen and (min-width: 48em) { .mod_navigation--main { margin-top: 0; padding-top: 15px; padding-bottom: 15px; padding-left: 127px; } } @media screen and (min-width: 48em) { .mod_navigation--homelink { display: none; } } .mod_navigation__wrapper { transition: height .3s ease; height: 0; position: fixed; left: 0; right: 0; top: 50px; background-color: #574c52; display: none; overflow-x: hidden; overflow-y: hidden; } @media screen and (min-width: 48em) { .mod_navigation__wrapper { width: 100%; height: auto; position: static; background-color: transparent; display: block !important; overflow: visible; } } @media screen and (min-width: 48em) { .mod_navigation { margin-top: 0; } } .c-sidebar { margin-bottom: 93px; margin-top: 50px; } .c-sidebar .mod_navigation { width: auto; } .c-sidebar ul.level_1 li a, .c-sidebar ul.level_1 li .active { padding: 10px 15px; color: #ffdd17; } .c-sidebar ul.level_1 li a::after, .c-sidebar ul.level_1 li .active::after { content: ' ⟶'; } @media screen and (min-width: 48em) { .c-sidebar ul.level_1 li a::after, .c-sidebar ul.level_1 li .active::after { content: '\2191'; margin-left: 0.3em; } } .c-sidebar ul.level_1 li a:hover, .c-sidebar ul.level_1 li .active:hover { color: #ffffff; } @media screen and (min-width: 48em) { .c-sidebar ul.level_1 li a:hover, .c-sidebar ul.level_1 li .active:hover { color: #ffdd17; } } @media screen and (min-width: 48em) { .c-sidebar ul.level_1 li a, .c-sidebar ul.level_1 li .active { color: #ffffff; } } .c-sidebar ul.level_1 li.first { margin-left: 0; } @media screen and (min-width: 62em) { .c-sidebar ul.level_1 li { margin-left: 7px; } } .c-sidebar .mod_changelanguage { display: none; } .c-sidebar .mod_changelanguage ul.level_1 li a { padding-right: 21px; } .c-sidebar .mod_changelanguage ul.level_1 li a::before { content: ' ⟶'; margin-right: 11px; } @media screen and (min-width: 62em) { .c-sidebar .mod_changelanguage ul.level_1 li a::before { margin-left: -6px; margin-right: 8px; } } .c-sidebar .mod_changelanguage ul.level_1 li a::after { content: normal; } .c-sidebar .mod_changelanguage ul.level_1 li .active { padding-right: .25em; color: #ffdd17; line-height: 1.3; } .c-sidebar .mod_changelanguage ul.level_1 li .active::after { content: normal; } @media screen and (min-width: 48em) { .c-sidebar .mod_changelanguage { display: block; } } @media screen and (min-width: 48em) { .c-sidebar { position: fixed; width: 100vh; z-index: 100; transform: translateX(100%) rotate(90deg); transform-origin: left top; top: 100px; right: -45px; margin-right: 7%; margin-bottom: 0; margin-top: 0; display: flex; } } @media screen and (min-width: 62em) { .c-sidebar { margin-right: 7%; } } @media screen and (min-width: 75em) { .c-sidebar { margin-right: 5.5%; } } @media screen and (min-width: 90em) { .c-sidebar { margin-right: 4%; } } /** * KISS Theme – Based on KISS Framework for Contao (https://www.contao-kiss.de) * Version 1.0.0 */ /** * KISS Theme – Based on KISS Framework for Contao (https://www.contao-kiss.de) * Version 1.0.0 */ /** * KISS Framework for Contao * Version 0.0.1 * https://www.contao-kiss.de * Licensed under MIT Open Source */ /** * @section settings variables * * Set global project variables which will be imported to the scss files. */ /** * KISS Theme – Based on KISS Framework for Contao (https://www.contao-kiss.de) * Version 1.0.0 */ /** * KISS Framework for Contao * Version 0.0.1 * https://www.contao-kiss.de * Licensed under MIT Open Source */ /** * KISS Framework for Contao * Version 0.0.1 * https://www.contao-kiss.de * Licensed under MIT Open Source */ /** * KISS Framework for Contao * Version 0.0.1 * https://www.contao-kiss.de * Licensed under MIT Open Source */ /** * @section settings variables * * Set global project variables which will be imported to the scss files. */ /** * KISS Framework for Contao * Version 0.0.1 * https://www.contao-kiss.de * Licensed under MIT Open Source */ .c-teaser-box { display: block; width: 100%; height: 60vh; position: relative; overflow: hidden; } .c-teaser-box__text-container { position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 2rem; box-sizing: border-box; display: flex; flex-direction: column; align-content: flex-start; justify-content: center; align-items: flex-start; z-index: 2; } .c-teaser-box__icon { margin: 0.5rem 0 1rem 0; } .c-teaser-box__image-container { display: block; width: 100%; height: 100%; overflow: hidden; } .c-teaser-box__image-container figure { width: 100%; height: 100%; } .c-teaser-box__image-container img { display: block; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: top left; object-position: top left; } .c-teaser-box__video-container { display: block; width: 100%; height: 100%; overflow: hidden; } .c-teaser-box__video-container > video { display: block; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: top left; object-position: top left; } /** * KISS Theme – Based on KISS Framework for Contao (https://www.contao-kiss.de) * Version 1.0.0 */ /** * KISS Framework for Contao * Version 0.0.1 * https://www.contao-kiss.de * Licensed under MIT Open Source */ /** * @section settings variables * * Set global project variables which will be imported to the scss files. */ /** * KISS Theme – Based on KISS Framework for Contao (https://www.contao-kiss.de) * Version 1.0.0 */ /** * KISS Framework for Contao * Version 0.0.1 * https://www.contao-kiss.de * Licensed under MIT Open Source */ /** * KISS Framework for Contao * Version 0.0.1 * https://www.contao-kiss.de * Licensed under MIT Open Source */ /** * KISS Framework for Contao * Version 0.0.1 * https://www.contao-kiss.de * Licensed under MIT Open Source */ /** * @section settings variables * * Set global project variables which will be imported to the scss files. */ .c-teaser-box { height: 100vh; } .c-teaser-box__text-container { padding: 0; } .c-teaser-box__text-container h1, .c-teaser-box__text-container h2, .c-teaser-box__text-container .c-headline--h2, .c-teaser-box__text-container h3, .c-teaser-box__text-container h4, .c-teaser-box__text-container h5, .c-teaser-box__text-container h6 { display: none; } .c-teaser-box__text-container img { position: absolute; width: 90%; height: auto; top: 50%; left: 50%; transform: translate(-50%, -50%); } @media screen and (min-width: 30em) { .c-teaser-box__text-container img { width: 65%; } } @media screen and (min-width: 48em) { .c-teaser-box__text-container img { width: 50%; } } @media screen and (min-width: 75em) { .c-teaser-box__text-container img { width: 40%; } } @media screen and (min-width: 48em) { .c-teaser-box__text-container { width: 83.33333333%; margin-left: 8.33333333%; } } .c-teaser-box__video-container video { -o-object-position: 50% 50%; object-position: 50% 50%; } /** * KISS Theme – Based on KISS Framework for Contao (https://www.contao-kiss.de) * Version 1.0.0 */ /** * KISS Framework for Contao * Version 0.0.1 * https://www.contao-kiss.de * Licensed under MIT Open Source */ /** * KISS Theme – Based on KISS Framework for Contao (https://www.contao-kiss.de) * Version 1.0.0 */ /** * KISS Framework for Contao * Version 0.0.1 * https://www.contao-kiss.de * Licensed under MIT Open Source */ /** * @section settings variables * * Set global project variables which will be imported to the scss files. */ /** * KISS Theme – Based on KISS Framework for Contao (https://www.contao-kiss.de) * Version 1.0.0 */ /** * KISS Framework for Contao * Version 0.0.1 * https://www.contao-kiss.de * Licensed under MIT Open Source */ /** * KISS Framework for Contao * Version 0.0.1 * https://www.contao-kiss.de * Licensed under MIT Open Source */ /** * KISS Framework for Contao * Version 0.0.1 * https://www.contao-kiss.de * Licensed under MIT Open Source */ /** * @section settings variables * * Set global project variables which will be imported to the scss files. */ .ce_slick-slider .slick-container .slick-arrow, .ce_slick-content-start .slick-container .slick-arrow { position: absolute; display: block; width: 3rem; height: 3rem; z-index: 2; font-size: 1.5rem; text-align: center; vertical-align: middle; color: #272932ff; background: #ffffff; border: none; /* use !important to prevent issues with browser extensions that change fonts */ font-family: "icons" !important; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .ce_slick-slider .slick-container .slick-prev, .ce_slick-slider .slick-container .slick-next, .ce_slick-content-start .slick-container .slick-prev, .ce_slick-content-start .slick-container .slick-next { bottom: 0; text-indent: -1000em; } .ce_slick-slider .slick-container .slick-prev:hover, .ce_slick-slider .slick-container .slick-prev:focus, .ce_slick-slider .slick-container .slick-prev:active, .ce_slick-slider .slick-container .slick-next:hover, .ce_slick-slider .slick-container .slick-next:focus, .ce_slick-slider .slick-container .slick-next:active, .ce_slick-content-start .slick-container .slick-prev:hover, .ce_slick-content-start .slick-container .slick-prev:focus, .ce_slick-content-start .slick-container .slick-prev:active, .ce_slick-content-start .slick-container .slick-next:hover, .ce_slick-content-start .slick-container .slick-next:focus, .ce_slick-content-start .slick-container .slick-next:active { background: #272932ff; color: #ffffff; cursor: pointer; } .ce_slick-slider .slick-container .slick-prev:before, .ce_slick-slider .slick-container .slick-next:before, .ce_slick-content-start .slick-container .slick-prev:before, .ce_slick-content-start .slick-container .slick-next:before { position: absolute; top: 0; width: 3rem; height: 3rem; line-height: 3rem; text-indent: 0; } .ce_slick-slider .slick-container .slick-prev, .ce_slick-content-start .slick-container .slick-prev { left: 1rem; } .ce_slick-slider .slick-container .slick-prev:before, .ce_slick-content-start .slick-container .slick-prev:before { left: 0; content: "\e90e"; } .ce_slick-slider .slick-container .slick-next, .ce_slick-content-start .slick-container .slick-next { right: 1rem; } .ce_slick-slider .slick-container .slick-next:before, .ce_slick-content-start .slick-container .slick-next:before { right: 0; content: "\e90f"; } .ce_slick-slider .slick-container .slick-dots, .ce_slick-content-start .slick-container .slick-dots { list-style-type: none; margin: 0; padding: 0; text-align: center; } .ce_slick-slider .slick-container .slick-dots li, .ce_slick-content-start .slick-container .slick-dots li { display: inline-block; margin: 0 0.125rem; width: 0.75rem; height: 0.75rem; border-radius: 50%; text-indent: -1000em; background: #272932ff; } .ce_slick-slider .slick-container .slick-dots li.slick-active, .ce_slick-content-start .slick-container .slick-dots li.slick-active { background: #ffdd17; } .ce_slick-slider .slick-container .slick-dots li:hover, .ce_slick-content-start .slick-container .slick-dots li:hover { background: #ffdd17; cursor: pointer; } /** * KISS Theme – Based on KISS Framework for Contao (https://www.contao-kiss.de) * Version 1.0.0 */ /** * KISS Framework for Contao * Version 0.0.1 * https://www.contao-kiss.de * Licensed under MIT Open Source */ /** * @section settings variables * * Set global project variables which will be imported to the scss files. */ /** * KISS Theme – Based on KISS Framework for Contao (https://www.contao-kiss.de) * Version 1.0.0 */ /** * KISS Framework for Contao * Version 0.0.1 * https://www.contao-kiss.de * Licensed under MIT Open Source */ /** * KISS Framework for Contao * Version 0.0.1 * https://www.contao-kiss.de * Licensed under MIT Open Source */ /** * KISS Framework for Contao * Version 0.0.1 * https://www.contao-kiss.de * Licensed under MIT Open Source */ /** * @section settings variables * * Set global project variables which will be imported to the scss files. */ .ce_slick-slider .image_container { width: 100%; height: 100vh; } .ce_slick-slider .image_container img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } /** * KISS Theme – Based on KISS Framework for Contao (https://www.contao-kiss.de) * Version 1.0.0 */ /** * KISS Theme – Based on KISS Framework for Contao (https://www.contao-kiss.de) * Version 1.0.0 */ /** * KISS Framework for Contao * Version 0.0.1 * https://www.contao-kiss.de * Licensed under MIT Open Source */ /** * @section settings variables * * Set global project variables which will be imported to the scss files. */ /** * KISS Theme – Based on KISS Framework for Contao (https://www.contao-kiss.de) * Version 1.0.0 */ /** * KISS Framework for Contao * Version 0.0.1 * https://www.contao-kiss.de * Licensed under MIT Open Source */ /** * KISS Framework for Contao * Version 0.0.1 * https://www.contao-kiss.de * Licensed under MIT Open Source */ /** * KISS Framework for Contao * Version 0.0.1 * https://www.contao-kiss.de * Licensed under MIT Open Source */ /** * @section settings variables * * Set global project variables which will be imported to the scss files. */ .c-headline-section { position: absolute; width: 100%; } .c-headline-section__inner { transform: translateY(-100%); padding-bottom: 2em; position: relative; } .c-headline-section .c-headline { position: absolute; margin: 0; bottom: 0; overflow: hidden; left: 50%; transform: translateX(-50%); white-space: nowrap; padding-bottom: 70px; font-size: 20px; } .c-headline-section .c-headline::after { content: ""; position: absolute; width: 2px; left: 50%; margin-left: -1px; top: 1.3em; height: 100%; bottom: 0; } @media screen and (min-width: 48em) { .c-headline-section .c-headline { padding-bottom: 50px; left: 40%; } } @media screen and (min-width: 62em) { .c-headline-section .c-headline { font-size: 22px; padding-bottom: 74px; } } @media screen and (min-width: 75em) { .c-headline-section .c-headline { font-size: 24px; } } .c-headline-section--white .c-headline { color: #ffffff; } .c-headline-section--white .c-headline::after { background-color: #ffffff; } .c-headline-section--color-1 .c-headline { color: #968c8c; } .c-headline-section--color-1 .c-headline::after { background-color: #968c8c; } .c-headline-section--color-2 .c-headline { color: #cec5bf; } .c-headline-section--color-2 .c-headline::after { background-color: #cec5bf; } .c-teaser-box + .c-headline-section .c-headline { font-size: 1.375em; } @media screen and (min-width: 48em) { .c-teaser-box + .c-headline-section .c-headline { left: 80%; } } @media screen and (min-width: 62em) { .c-teaser-box + .c-headline-section .c-headline { font-size: 1.5em; } } @media screen and (min-width: 75em) { .c-teaser-box + .c-headline-section .c-headline { font-size: 1.625em; } } @media screen and (min-width: 48em) { .c-teaser-box + .c-headline-section { margin-left: calc(8.3333333% - 15px); width: 41.66%; } } @media screen and (min-width: 48em) { .c-headline-section { margin-left: 8.3333333%; width: 83.3333333%; } } .c-headline--h2 { font-size: 22px; } @media screen and (min-width: 62em) { .c-headline--h2 { font-size: 24px; } } @media screen and (min-width: 75em) { .c-headline--h2 { font-size: 26px; } } /** * KISS Theme – Based on KISS Framework for Contao (https://www.contao-kiss.de) * Version 1.0.0 */ /** * KISS Theme – Based on KISS Framework for Contao (https://www.contao-kiss.de) * Version 1.0.0 */ /** * KISS Framework for Contao * Version 0.0.1 * https://www.contao-kiss.de * Licensed under MIT Open Source */ /** * @section settings variables * * Set global project variables which will be imported to the scss files. */ /** * KISS Theme – Based on KISS Framework for Contao (https://www.contao-kiss.de) * Version 1.0.0 */ /** * KISS Framework for Contao * Version 0.0.1 * https://www.contao-kiss.de * Licensed under MIT Open Source */ /** * KISS Framework for Contao * Version 0.0.1 * https://www.contao-kiss.de * Licensed under MIT Open Source */ /** * KISS Framework for Contao * Version 0.0.1 * https://www.contao-kiss.de * Licensed under MIT Open Source */ /** * @section settings variables * * Set global project variables which will be imported to the scss files. */ .c-team { display: flex; flex-wrap: wrap; justify-content: flex-end; background-color: #574c52; } .c-team__item { position: relative; height: 0; flex: 1 0 49%; padding-bottom: 50%; max-width: 50%; } .c-team__item figure { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .c-team__item figure img { display: block; width: 100%; height: auto; } .c-team__item p { line-height: 1; } .c-team__item:hover .c-team__overlay, .c-team__item.active .c-team__overlay { opacity: 1; } .c-team__item--introtext { display: none; background-color: #ffffff; } .c-team__item--introtext p { color: #574c52; line-height: 1.28; } @media screen and (min-width: 48em) { .c-team__item--introtext p { letter-spacing: -0.4px; } } @media screen and (min-width: 75em) { .c-team__item--introtext p { line-height: 1.3; letter-spacing: -0.005em; } } @media screen and (min-width: 48em) { .c-team__item:nth-child(2) { order: -1; } } @media screen and (min-width: 90em) { .c-team__item:nth-child(3) { order: -1; } } @media screen and (min-width: 30em) { .c-team__item { flex: 1 0 33%; padding-bottom: 33.3333%; max-width: 33.3333%; } } @media screen and (min-width: 48em) { .c-team__item { flex: 1 0 24%; padding-bottom: 25%; max-width: 25%; } .c-team__item--introtext { display: block; flex: 1 0 74%; max-width: 75%; } } @media screen and (min-width: 90em) { .c-team__item { flex: 1 0 19%; padding-bottom: 20%; max-width: 20%; } .c-team__item--introtext { flex: 1 0 79%; max-width: 60%; } } .c-team .introtext-inner { position: absolute; top: 0; bottom: 0; padding: 15px 20px 10px; } @media screen and (min-width: 62em) { .c-team .introtext-inner { padding: 30px 40px 10px; } } @media screen and (min-width: 90em) { .c-team .introtext-inner { padding: 55px 120px 35px; } } .c-team__overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(39, 41, 50, 0.6); transition: all 0.5s ease-in-out; opacity: 0; } .c-team__overlay h3 { color: #ffffff; text-transform: uppercase; text-align: center; font-size: 18px; margin-bottom: 5px; } @media screen and (min-width: 48em) { .c-team__overlay h3 { font-size: 24px; margin-bottom: 10px; } } .c-team__overlay p { color: #ffffff; text-align: center; font-size: 16px; margin-bottom: 0; } .c-team__overlay p.c-team__at { color: #ffdd17; font-size: 24px; line-height: 1.1; margin-top: 10px; margin-bottom: 5px; } @media screen and (min-width: 48em) { .c-team__overlay p { font-size: 22px; } .c-team__overlay p.c-team__at { font-size: 36px; margin-top: 20px; margin-bottom: 10px; } } .c-team__overlay a { text-decoration: none !important; width: 100%; height: 100%; padding: 30px; display: flex; flex-direction: column; justify-content: center; } @media screen and (min-width: 48em) { .c-team { padding-bottom: 35px; } } /** * KISS Theme – Based on KISS Framework for Contao (https://www.contao-kiss.de) * Version 1.0.0 */ /** * KISS Theme – Based on KISS Framework for Contao (https://www.contao-kiss.de) * Version 1.0.0 */ /** * KISS Framework for Contao * Version 0.0.1 * https://www.contao-kiss.de * Licensed under MIT Open Source */ /** * @section settings variables * * Set global project variables which will be imported to the scss files. */ /** * KISS Theme – Based on KISS Framework for Contao (https://www.contao-kiss.de) * Version 1.0.0 */ /** * KISS Framework for Contao * Version 0.0.1 * https://www.contao-kiss.de * Licensed under MIT Open Source */ /** * KISS Framework for Contao * Version 0.0.1 * https://www.contao-kiss.de * Licensed under MIT Open Source */ /** * KISS Framework for Contao * Version 0.0.1 * https://www.contao-kiss.de * Licensed under MIT Open Source */ /** * @section settings variables * * Set global project variables which will be imported to the scss files. */ .c-box { background-color: #cec5bf; padding: 120px 0 20px; position: relative; } .c-box h2, .c-box .c-headline--h2, .c-box p { color: #ffffff; } .c-box a { text-decoration: none !important; font-size: 1.125em; color: #ffdd17; } .c-box a:hover { color: #ffffff; } .c-box a:hover h2, .c-box a:hover .c-headline--h2 { color: #ffdd17; } @media screen and (min-width: 75em) { .c-box a { font-size: 20px; } } .c-box h2, .c-box .c-headline--h2 { margin-bottom: 0; font-size: 54px; text-decoration: underline; } @media screen and (min-width: 48em) { .c-box h2, .c-box .c-headline--h2 { margin-bottom: 30px; font-size: 48px; white-space: nowrap; } } @media screen and (min-width: 62em) { .c-box h2, .c-box .c-headline--h2 { font-size: 64px; margin-bottom: 40px; } } .c-box .col_1 { position: absolute; top: 120px; transform: translateY(-80%); z-index: 100; } .c-box .col_1 p { width: calc(30% + 9px); } @media screen and (min-width: 48em) { .c-box .col_1 { transform: none; top: 0; bottom: 0; display: flex; } } .c-box .col_2 { margin: 0 -15px; } @media screen and (min-width: 48em) { .c-box .col_2 { width: calc(70% - 20px); margin-left: calc(40% + 2.5px); } } @media screen and (min-width: 90em) { .c-box .col_2 { width: calc(70% + 20px); margin-left: calc(40% - 3.333px); } } @media screen and (min-width: 48em) { .c-box { padding: 0; padding-bottom: 20px; } } .c-image-text-box__text p, .c-image-text-box__text .ce_hyperlink { display: none; } @media screen and (min-width: 48em) { .c-image-text-box__text p, .c-image-text-box__text .ce_hyperlink { display: block; } } @media screen and (min-width: 48em) { .c-image-text-box__text { margin: auto 0; } } .c-image-text-box__image-container { position: relative; display: block; } .c-image-text-box__image-container::before { content: '+'; font-size: 9em; position: absolute; left: 50%; top: 20%; transform: translateX(-50%); } @media screen and (min-width: 48em) { .c-image-text-box__image-container::before { display: none; } } .c-image-text-box__image-container:hover::before { color: #ffdd17; } .c-image-text-box__image-container img { width: 100%; height: auto; } .c-image-text-box__image-container .c-teaser-box__figure-container { position: relative; top: 50%; transform: translateY(-50%); } @media screen and (min-width: 48em) { .c-image-text-box__image-container { height: 400px; overflow: hidden; } } @media screen and (min-width: 75em) { .c-image-text-box__image-container { height: 540px; } } .c-image-text-box--image-left .c-image-text-box__text { text-align: right; display: flex; flex-direction: column; align-items: flex-end; } .c-image-text-box--image-left .c-image-text-box__text p { text-align: left; } .c-image-text-box--image-left .c-image-text-box__text .ce_hyperlink { width: calc(30% + 9px); text-align: left; } @media screen and (min-width: 48em) { .c-image-text-box--image-left .grid-fix { position: relative; } } @media screen and (min-width: 48em) { .c-image-text-box--image-left .col_2 { margin-left: calc(-10.22222% + 20px); } } @media screen and (min-width: 75em) { .c-image-text-box--image-left .col_2 { margin-left: calc(-10.22222% + 15px); } } @media screen and (min-width: 90em) { .c-image-text-box--image-left .col_2 { margin-left: calc(-10.22222% - 15px); } } .c-image-text-box--padding { padding-bottom: 170px; } @media screen and (min-width: 48em) { .c-image-text-box--padding .col_1 { bottom: 170px; } } .c-simple-box { padding: 0 0 5rem; line-height: 1.67; letter-spacing: 0.4px; font-size: 1.125em; } .c-simple-box h3 { font-size: 35px; margin-bottom: 17.5px; color: #ffffff; line-height: 1; overflow-wrap: break-word; word-wrap: break-word; } .c-simple-box h3::before { content: ""; position: absolute; height: 2px; background-color: #ffffff; bottom: 20px; width: 90px; left: -15px; z-index: 500; } @media screen and (min-width: 48em) { .c-simple-box h3::before { left: -17%; width: 13%; bottom: 5px; } } @media screen and (min-width: 90em) { .c-simple-box h3::before { width: 20%; left: -23%; } } @media screen and (min-width: 48em) { .c-simple-box h3 { margin-bottom: 1em; position: relative; } } @media screen and (min-width: 62em) { .c-simple-box h3 { font-size: 40px; } } .c-simple-box p { color: #574c52; margin-bottom: 0; } @media screen and (min-width: 62em) { .c-simple-box p { font-size: 27px; } } @media screen and (min-width: 75em) { .c-simple-box p { font-size: 30px; } } .c-simple-box li { line-height: 1.67; letter-spacing: 0.4px; font-size: 18px; } @media screen and (min-width: 48em) { .c-simple-box li { font-size: 20px; } } @media screen and (min-width: 62em) { .c-simple-box li { font-size: 24px; } } .c-simple-box__item { padding-top: 30px; padding-bottom: 40px; position: relative; padding-left: 15px; padding-right: 15px; } @media screen and (min-width: 48em) { .c-simple-box__item { display: flex; } } @media screen and (min-width: 48em) { .c-simple-box__item:first-child { padding-top: 78px; } } .c-simple-box__item:nth-child(2n) { background-color: #d8d0ca; } @media screen and (min-width: 48em) { .c-simple-box__item { width: 100%; padding-left: calc(8.333333% - 15px); padding-right: calc(8.333333% - 15px); } } @media screen and (min-width: 90em) { .c-simple-box__item { padding-left: calc(8.333333% + 15px); padding-right: calc(8.333333% + 15px); } } @media screen and (min-width: 48em) { .c-simple-box .col1 { flex: 1 0 50%; } } @media screen and (min-width: 48em) { .c-simple-box .col2 { flex: 1 0 50%; padding-left: 15px; } } .c-cta-box { padding-bottom: 100px; padding-top: 30px; } .c-cta-box--color-1 { background-color: #968c8c; } .c-cta-box--color-2 { background-color: #cec5bf; } .c-cta-box h2, .c-cta-box .c-headline--h2, .c-cta-box p { line-height: 0.95; font-size: 42px; text-decoration: none; margin-bottom: 1em; } @media screen and (min-width: 48em) { .c-cta-box h2, .c-cta-box .c-headline--h2, .c-cta-box p { font-size: 48px; } } .c-cta-box h2, .c-cta-box .c-headline--h2 { white-space: normal; } .c-cta-box a { font-size: 1em; line-height: 0.95; text-decoration: underline !important; } .c-cta-box__text { padding: 0 15px; margin-top: -60px; flex: 0 1 44%; } @media screen and (min-width: 48em) { .c-cta-box__text { margin-top: 25px; margin-left: calc(-7% - 17px); max-width: 44%; } } @media screen and (min-width: 62em) { .c-cta-box__text { margin-top: 4%; } } @media screen and (min-width: 90em) { .c-cta-box__text { max-width: 42%; } } .c-cta-box__image-container { flex: 0 0 auto; } .c-cta-box__image-container img { width: 100%; height: auto; display: block; } @media screen and (min-width: 48em) { .c-cta-box__image-container { width: calc(58.333333% + 42px); margin-left: calc(-2% + -17px); margin-bottom: 60px; } } @media screen and (min-width: 48em) { .c-cta-box { display: flex; } } .c-reference-box { padding: 20px 15px 160px; } .c-reference-box--color-1 { background-color: #968c8c; } .c-reference-box--color-2 { background-color: #cec5bf; } .c-reference-box__item { padding: 20px 15px 20px; } @media screen and (min-width: 48em) { .c-reference-box__item { flex: 0 0 50%; } } .c-reference-box h3 { font-size: 32px; } .c-reference-box p { color: #574c52; } .c-reference-box p, .c-reference-box a { letter-spacing: -0.6px; font-size: 20px; margin-bottom: 0; } .c-reference-box a { text-decoration: underline !important; } @media screen and (min-width: 48em) { .c-reference-box { display: flex; flex-wrap: wrap; padding-top: 50px; padding-left: calc(8.333333% - 15px); padding-right: calc(8.333333% - 15px); } } @media screen and (min-width: 90em) { .c-reference-box { padding-left: calc(8.333333% + 15px); padding-right: calc(8.333333% + 15px); } } /** * KISS Theme – Based on KISS Framework for Contao (https://www.contao-kiss.de) * Version 1.0.0 */ /** * KISS Framework for Contao * Version 0.0.1 * https://www.contao-kiss.de * Licensed under MIT Open Source */ /** * KISS Theme – Based on KISS Framework for Contao (https://www.contao-kiss.de) * Version 1.0.0 */ /** * KISS Framework for Contao * Version 0.0.1 * https://www.contao-kiss.de * Licensed under MIT Open Source */ /** * @section settings variables * * Set global project variables which will be imported to the scss files. */ /** * KISS Theme – Based on KISS Framework for Contao (https://www.contao-kiss.de) * Version 1.0.0 */ /** * KISS Framework for Contao * Version 0.0.1 * https://www.contao-kiss.de * Licensed under MIT Open Source */ /** * KISS Framework for Contao * Version 0.0.1 * https://www.contao-kiss.de * Licensed under MIT Open Source */ /** * KISS Framework for Contao * Version 0.0.1 * https://www.contao-kiss.de * Licensed under MIT Open Source */ /** * @section settings variables * * Set global project variables which will be imported to the scss files. */ .mod_newsmenu ul { margin: 0; padding: 0; list-style-type: none; } .mod_newsmenu ul li { margin: 0; padding: 0; } .mod_newsmenu ul.level_1 > li { font-size: 1.5rem; font-weight: 500; color: #ffdd17; } .mod_newsmenu ul.level_1 > li.submenu { margin-top: 1.5rem; } .mod_newsmenu ul.level_1 > li.submenu:first-child { margin-top: 0; } .mod_newsmenu ul.level_2 > li { margin-left: 1rem; font-size: 1.25rem; font-weight: 300; color: #272932ff; } .mod_newsmenu ul.level_2 > li > a, .mod_newsmenu ul.level_2 > li > strong { color: #272932ff; } /** * KISS Theme – Based on KISS Framework for Contao (https://www.contao-kiss.de) * Version 1.0.0 */ /** * KISS Framework for Contao * Version 0.0.1 * https://www.contao-kiss.de * Licensed under MIT Open Source */ /** * @section settings variables * * Set global project variables which will be imported to the scss files. */ /** * KISS Theme – Based on KISS Framework for Contao (https://www.contao-kiss.de) * Version 1.0.0 */ /** * KISS Framework for Contao * Version 0.0.1 * https://www.contao-kiss.de * Licensed under MIT Open Source */ /** * KISS Framework for Contao * Version 0.0.1 * https://www.contao-kiss.de * Licensed under MIT Open Source */ /** * KISS Framework for Contao * Version 0.0.1 * https://www.contao-kiss.de * Licensed under MIT Open Source */ /** * @section settings variables * * Set global project variables which will be imported to the scss files. */ .mod_newslist { padding: 20px 15px 100px; background-color: #968c8c; } .mod_newslist h2 a, .mod_newslist .c-headline--h2 a { color: #ffdd17; line-height: 1.1; text-decoration: underline; } .mod_newslist h2 a:hover, .mod_newslist .c-headline--h2 a:hover { color: #ffffff; } .mod_newslist p { color: #574c52; } .mod_newslist p.info { color: #ffffff; } .mod_newslist > .block { padding: 30px 0 40px; } @media screen and (min-width: 48em) { .mod_newslist > .block { padding-left: 30px; padding-right: 30px; flex: 1 0 49%; max-width: 50%; } } @media screen and (min-width: 90em) { .mod_newslist > .block { flex: 1 0 33%; max-width: 33.333333%; } } .mod_newslist .layout_latest h2, .mod_newslist .layout_latest .c-headline--h2 { margin-top: .75em; } .mod_newslist .layout_latest img { width: 100%; height: auto; } .mod_newslist .more a:hover, .mod_newslist .more a:focus, .mod_newslist .more a:active { color: #ffffff; } @media screen and (min-width: 48em) { .mod_newslist { display: flex; flex-wrap: wrap; padding-left: calc(8.333333% - 45px); padding-right: calc(8.333333% - 45px); } } @media screen and (min-width: 90em) { .mod_newslist { padding-left: calc(8.333333% - 15px); padding-right: calc(8.333333% - 15px); } } .mod_newsreader h1 { color: #ffffff; } .mod_newsreader .layout_full { background-color: #d8d0ca; } .mod_newsreader .news-full__content { padding-left: 15px; padding-right: 15px; padding-top: 60px; padding-bottom: 60px; } @media screen and (min-width: 48em) { .mod_newsreader .news-full__content { width: 100%; padding-left: calc(8.333333% - 15px); padding-right: calc(8.333333% - 15px); } } @media screen and (min-width: 90em) { .mod_newsreader .news-full__content { padding-left: calc(8.333333% + 15px); padding-right: calc(8.333333% + 15px); } } .mod_newsreader .back { background-color: #968c8c; padding-left: 15px; padding-right: 15px; margin-bottom: 0; padding-top: 30px; padding-bottom: 30px; } @media screen and (min-width: 48em) { .mod_newsreader .back { width: 100%; padding-left: calc(8.333333% - 15px); padding-right: calc(8.333333% - 15px); } } @media screen and (min-width: 90em) { .mod_newsreader .back { padding-left: calc(8.333333% + 15px); padding-right: calc(8.333333% + 15px); } } .mod_newsreader .back a::before { content: "\27f5"; } .mod_newsreader .back a:hover { color: #ffffff; } .mod_newsreader .image_container { width: 100%; height: 100vh; } .mod_newsreader .image_container img { width: 100%; height: 100%; -o-object-position: 50% 50%; object-position: 50% 50%; -o-object-fit: cover; object-fit: cover; } /** * KISS Theme – Based on KISS Framework for Contao (https://www.contao-kiss.de) * Version 1.0.0 */ /** * KISS Theme – Based on KISS Framework for Contao (https://www.contao-kiss.de) * Version 1.0.0 */ /** * KISS Framework for Contao * Version 0.0.1 * https://www.contao-kiss.de * Licensed under MIT Open Source */ /** * @section settings variables * * Set global project variables which will be imported to the scss files. */ /** * KISS Theme – Based on KISS Framework for Contao (https://www.contao-kiss.de) * Version 1.0.0 */ /** * KISS Framework for Contao * Version 0.0.1 * https://www.contao-kiss.de * Licensed under MIT Open Source */ /** * KISS Framework for Contao * Version 0.0.1 * https://www.contao-kiss.de * Licensed under MIT Open Source */ /** * KISS Framework for Contao * Version 0.0.1 * https://www.contao-kiss.de * Licensed under MIT Open Source */ /** * @section settings variables * * Set global project variables which will be imported to the scss files. */ .c-estate_listing { padding: 20px 15px 100px; background-color: #968c8c; } .c-estate_listing h3 { margin: 1rem 0; } .c-estate_listing h3 a { color: #ffdd17; line-height: 1.1; text-decoration: underline; } .c-estate_listing h3 a:hover { color: #ffffff; } .c-estate_listing p { color: #574c52; } .c-estate_listing__item { padding: 30px 0 40px; } @media screen and (min-width: 48em) { .c-estate_listing__item { padding-left: 30px; padding-right: 30px; flex: 1 0 49%; max-width: 50%; } } @media screen and (min-width: 75em) { .c-estate_listing__item { flex: 1 0 33%; max-width: 33.333333%; } } .c-estate_listing__item .ce_slick-slider .slick-container .slick-arrow, .c-estate_listing__item .ce_slick-content-start .slick-container .slick-arrow { background-color: #574c52; } .c-estate_listing__item .ce_slick-slider .slick-container .slick-next, .c-estate_listing__item .ce_slick-content-start .slick-container .slick-next { right: 0; } .c-estate_listing__item .ce_slick-slider .slick-container .slick-next::before, .c-estate_listing__item .ce_slick-content-start .slick-container .slick-next::before { content: 'next'; } .c-estate_listing__item .ce_slick-slider .slick-container .slick-prev, .c-estate_listing__item .ce_slick-content-start .slick-container .slick-prev { left: 0; } .c-estate_listing__item .ce_slick-slider .slick-container .slick-prev::before, .c-estate_listing__item .ce_slick-content-start .slick-container .slick-prev::before { content: 'prev'; } .c-estate_listing__item .ce_slick-slider .slick-container .slick-next::before, .c-estate_listing__item .ce_slick-slider .slick-container .slick-prev::before, .c-estate_listing__item .ce_slick-content-start .slick-container .slick-next::before, .c-estate_listing__item .ce_slick-content-start .slick-container .slick-prev::before { text-transform: none !important; letter-spacing: 0; font-variant: initial; line-height: 1; font-size: 1.2em; font-weight: 600; top: 11px; color: #ffdd17; font-family: swiper-icons; } .c-estate_listing__item .ce_slick-slider .slick-container .slick-next:hover::before, .c-estate_listing__item .ce_slick-slider .slick-container .slick-prev:hover::before, .c-estate_listing__item .ce_slick-content-start .slick-container .slick-next:hover::before, .c-estate_listing__item .ce_slick-content-start .slick-container .slick-prev:hover::before { color: #ffffff; } .c-estate_listing__item .more a:hover, .c-estate_listing__item .more a:focus, .c-estate_listing__item .more a:active { color: #ffffff; } .c-estate_listing__item .slick-slide img { width: 100%; height: auto; } @media screen and (min-width: 48em) { .c-estate_listing { display: flex; flex-wrap: wrap; padding-left: calc(8.333333% - 45px); padding-right: calc(8.333333% - 45px); } } @media screen and (min-width: 90em) { .c-estate_listing { padding-left: calc(8.333333% - 15px); padding-right: calc(8.333333% - 15px); } } /*# sourceMappingURL=../maps/theme.css.map */ @font-face { font-family: 'basisag'; src: url('../../files/basis/dist/fontello/font/basisag.eot?65677428'); src: url('../../files/basis/dist/fontello/font/basisag.eot?65677428#iefix') format('embedded-opentype'), url('../../files/basis/dist/fontello/font/basisag.woff2?65677428') format('woff2'), url('../../files/basis/dist/fontello/font/basisag.woff?65677428') format('woff'), url('../../files/basis/dist/fontello/font/basisag.ttf?65677428') format('truetype'), url('../../files/basis/dist/fontello/font/basisag.svg?65677428#basisag') format('svg'); font-weight: normal; font-style: normal; } /* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */ /* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */ /* @media screen and (-webkit-min-device-pixel-ratio:0) { @font-face { font-family: 'basisag'; src: url('../../files/basis/dist/fontello/font/basisag.svg?65677428#basisag') format('svg'); } } */ [class^="icon-"]:before, [class*=" icon-"]:before { font-family: "basisag"; font-style: normal; font-weight: normal; speak: never; display: inline-block; text-decoration: inherit; width: 1em; margin-right: .2em; text-align: center; /* opacity: .8; */ /* For safety - reset parent styles, that can break glyph codes*/ font-variant: normal; text-transform: none; /* fix buttons height, for twitter bootstrap */ line-height: 1em; /* Animation center compensation - margins should be symmetric */ /* remove if not needed */ margin-left: .2em; /* you can be more comfortable with increased icons size */ /* font-size: 120%; */ /* Font smoothing. That was taken from TWBS */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; /* Uncomment for 3D effect */ /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */ } .icon-right-open:before { content: '\e800'; } /* '' */ .icon-up-open:before { content: '\e801'; } /* '' */ .icon-left-open:before { content: '\e802'; } /* '' */ .icon-down-open:before { content: '\e803'; } /* '' */ .icon-right-open-big:before { content: '\e804'; } /* '' */ .icon-phone:before { content: '\e805'; } /* '' */ .icon-mail:before { content: '\e806'; } /* '' */ .icon-up-open-1:before { content: '\e807'; } /* '' */ .icon-up-dir:before { content: '\e808'; } /* '' */ .icon-down-open-1:before { content: '\e809'; } /* '' */ .icon-down-dir:before { content: '\e80a'; } /* '' */ .icon-left-open-big:before { content: '\e80b'; } /* '' */ .icon-left-open-1:before { content: '\e80c'; } /* '' */ .icon-right-open-1:before { content: '\e80d'; } /* '' */ .icon-twitter:before { content: '\f099'; } /* '' */ .icon-angle-left:before { content: '\f104'; } /* '' */ .icon-angle-right:before { content: '\f105'; } /* '' */ .icon-angle-circled-up:before { content: '\f139'; } /* '' */ .icon-angle-circled-down:before { content: '\f13a'; } /* '' */ .icon-twitter-squared:before { content: '\f304'; } /* '' */ @charset "UTF-8"; body{}body .centered{text-align:center}body .cookiebar__button{background-color:#FFDD17 !important}body .expose_mod_enquiryForm .widget-submit button[type="submit"]:hover{background-color:#968c8c}body .mod_changelanguage li{order:2}body .mod_changelanguage li.active{order:1}body .block-details .field.bueroflaeche,body .block-details .field.mietpreisProQm,body .block-details .field.teilbarAb{display:none !important}body .expose_mod_fieldList{margin-top:-0.5em}body .field.aussenCourtage,body .field.bueroteilflaeche,body .field.gesamtflaeche,body .field.kaltmiete,body .field.nebenkosten,body .field.nettokaltmiete,body .field.aussenCourtageMwst,body .field.kueche{display:none}body .field.nutzungsart,body .field.objektart,body .field.etage,body .field.baujahr,body .field.Nebenkosten_m²{display:none}body .Nebenkosten_m²{display:none}body .expose_mod_fieldList.block_umgebung{margin-top:1em}body .detail_block .field.Fassade,body .detail_block .field.Sanitaer,body .detail_block .field.Beleuchtung,body .detail_block .field.Bodenbelag,body .detail_block .field.Verkabelung,body .detail_block .field.Kuehlung,body .detail_block .field.Sonnenschutz,body .detail_block .field.Aufzug,body .detail_block .field.Objekt_Kennung{display:none}body .block-detail-ausstattung .grid-container{display:grid !important;grid-template-columns:65% 50%;grid-gap:10px}body .block-detail-ausstattung .field{margin:0 !important}body .block-detail-ausstattung .label{min-width:25%;display:inline-block;font-weight:600;margin-right:1em}body .lage{font-size:0.9em}body .real_estate_item_default .extra-info{font-size:0.8em;padding-bottom:3em}body .real_estate_item_default .extra-info p{margin:0}body .real_estate_item_default .extra-info .sonstige_angaben{margin-top:0.5em}body .real_estate_item_default .main-details{margin-top:0.25em}body .real_estate_item_default .main-details .detail.mietpreisProQm{display:none}body .object-expose-main{font-size:1.25em}body .object-expose-main .label,body .object-expose-main .value{display:inline-block}body .object-expose-main .detail_block{margin-top:1em}body .object-expose-main .field.objektart{margin-top:1em}body .object-expose-main h3{font-size:1.2em}body .object-expose-main .objektbeschreibung,body .object-expose-main .sonstigeAngaben{font-size:0.9em}body .expose_mod_texts{font-size:0.9em}body .section-new-office{padding-bottom:8em}body .header-image img{width:100vw;height:auto}body #main .mod_realEstateList .real_estate_item_default .inner .main-details,body #main .mod_realEstateList .real_estate_item_default .inner .address,body #main .mod_realEstateResultList .real_estate_item_default .inner .main-details,body #main .mod_realEstateResultList .real_estate_item_default .inner .address{color:#574c52}body .ce_filter input,body .ce_filter select{outline-color:#FFDD17}body .ce_filter input:focus,body .ce_filter select:focus{outline-style:solid;border:1px solid #FFDD17 !important;outline-color:#FFDD17}body .ol-portfolio-btn{position:absolute;right:21.2%}body .maps_google_popup_default{font-size:1.2em;max-width:320px;padding-bottom:1em}body .maps_google_popup_default a:hover{text-decoration:none;color:#FFDD17}body .maps_google_popup_default .content *{color:#574c52}body .maps_google_popup_default img{width:100%;height:auto;min-height:185px}body .maps_google_popup_default .title{font-weight:600;font-size:0.9em;margin-bottom:0.25em;color:#574c52}body .maps_google_popup_default .content{padding:1em;font-size:0.9em}body .maps_google_popup_default .bottom{display:none;font-size:0.7em}body .basis-btn-primary a{background-color:#968c8c;color:#FFDD17;border:0;padding:0.25em 0.5em;font-size:1.4em}body .teaser-image img{width:100%;height:auto}body .section-new-office{background-color:#D7D0C9;padding-top:6em;padding-left:calc(8.333333% + 15px);padding-right:calc(8.333333% + 15px)}body .section-immobiliensuche{background-color:#D7D0C9;padding-bottom:10em;text-align:center}body .section-immobiliensuche .mod_realEstateGoogleMap .google-map{min-height:500px}body .section-immobiliensuche .custom-search-filter{position:relative;padding-right:20%}body .section-immobiliensuche .formbody{position:relative;left:0px;text-align:right}body .section-immobiliensuche .ce_filter{text-align:left;background-color:transparent}body .section-immobiliensuche .ce_filter .widget{display:block;margin:1em 0.5em;margin-right:0}body .section-immobiliensuche .ce_filter .widget label{color:#968c8c;display:inline-block;text-align:right;text-transform:uppercase;margin-right:0.25em;font-size:1.4em;font-weight:600}body .section-immobiliensuche .ce_filter .widget input,body .section-immobiliensuche .ce_filter .widget select{border:1px solid #574c52;width:250px;height:35px;font-size:1.2em}body .section-immobiliensuche .ce_filter .real-estate-filter.price,body .section-immobiliensuche .ce_filter .real-estate-filter.room,body .section-immobiliensuche .ce_filter .real-estate-marketing-type{display:none}body .section-immobiliensuche .ce_filter .widget.widget-submit{position:relative;margin:0}body .section-immobiliensuche .ce_filter .widget.widget-submit button{background:#968c8c;cursor:pointer;color:#FFDD17;text-transform:inherit;font-size:1.2em;padding:0.5em 1em;text-transform:uppercase;height:auto}body .section-immobiliensuche .ce_filter .widget.widget-submit button:hover{color:#FFDD17;text-decoration:underline}body .basis-btn-custom{color:#FFDD17;background-color:#968c8c;padding:0.5em 1.5em;margin:auto;width:auto;display:inline-block;margin-top:1em;margin-bottom:2em;text-align:center;text-transform:uppercase}body .basis-btn-custom:hover a{color:#FFF}body .basis-btn-custom:active a,body .basis-btn-custom:visited a{text-decoration:none}body .basis-btn-custom p{margin:0}body .basis-btn-custom a{text-align:center}body .basis-btn-custom a:hover{text-decoration:none}body .swiper-container-wrapper{background-color:#D8D0CA;padding:8em 0 10em;margin:0;width:100%}body .swiper-container-wrapper .swiper-button-next,body .swiper-container-wrapper .swiper-button-prev{color:#574c52;z-index:100001;background-color:#968c8c;padding:1em 1.25em;color:#FFDD17}body .swiper-container-wrapper .swiper-button-next:hover,body .swiper-container-wrapper .swiper-button-prev:hover{color:#FFF}body .swiper-container-wrapper .swiper-button-next:after,body .swiper-container-wrapper .swiper-button-prev:after{position:relative;font-size:1.6em;font-weight:600;top:1px}body .swiper-container-wrapper .swiper-button-prev:after{left:-1px}body .swiper-container-wrapper .slide-btn{background-color:#968c8c;color:#FFDD17;padding:0.5em 2em;margin-top:2em;display:inline-block}body .swiper-container-wrapper .slide-btn:hover{color:#FFF}body .swiper-container-wrapper .slide-btn:hover a{text-decoration:none;color:#FFF}body .swiper-container-wrapper .swiper-pagination{bottom:-10%;left:-25%;width:100%;z-index:20000}body .swiper-container-wrapper .swiper-pagination .swiper-pagination-bullet{width:30px;height:30px;background:#FFF;margin-right:0.5em;opacity:1;cursor:pointer}body .swiper-container-wrapper .swiper-pagination .swiper-pagination-bullet-active{background-color:#968c8c;cursor:inherit}body .swiper-container-wrapper .swiper-button-prev{left:2.25%}body .swiper-container-wrapper .swiper-button-next{right:51.5%}body .swiper-container-home img{width:100%;height:auto;max-width:100%}body .swiper-container-home .swiper-slide>div{display:inline-block;padding:0;vertical-align:top}body .swiper-container-home .swiper-slide .slide-image{width:90%;margin:auto}body .swiper-container-home .swiper-slide .slide-desc{max-width:70%;font-size:1.25em;line-height:1.3em}body .immo-detail-page h3{font-weight:700}body .immo-detail-page .block-detail-ausstattung,body .immo-detail-page .expose_mod_texts{margin-top:1em}body .immo-detail-page .block-detail-ausstattung h3,body .immo-detail-page .expose_mod_texts h3{margin-bottom:1em}body .immo-detail-page .expose_mod_title{margin-top:1em;margin-bottom:1em}body .immo-detail-page .detail-gmap{margin-top:2em}body .immo-detail-page .detail-gmap .google-map{height:400px}body .immo-detail-page .back-btn{position:relative;display:inline-block;width:auto;padding-left:15px;background-color:#968c8c;color:#FFDD17;padding:0.5em 1em;padding-left:2em;margin-bottom:2.5em;cursor:pointer;text-transform:uppercase}body .immo-detail-page .back-btn:hover,body .immo-detail-page .back-btn:active,body .immo-detail-page .back-btn:visited{color:#FFF;text-decoration:none}body .immo-detail-page .back-btn:hover a,body .immo-detail-page .back-btn:active a,body .immo-detail-page .back-btn:visited a{text-decoration:none;color:#FFF}body .immo-detail-page .back-btn:hover a:before,body .immo-detail-page .back-btn:active a:before,body .immo-detail-page .back-btn:visited a:before{background:url("/files/basis/dist/imo-api/images/arrow-back-white.png");background-size:12px 15px}body .immo-detail-page .back-btn a:before{position:relative;top:1px;left:-5px;content:" ";width:12px;height:15px;display:inline-block;background:url("/files/basis/dist/imo-api/images/arrow-back-hover.png");background-size:12px 15px}body .immo-detail-page input,body .immo-detail-page textarea{font-family:europa, "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, sans-serif;background-color:#CFC5C0;border:0;padding:0.5em;width:100%;margin-bottom:0.5em}body .immo-detail-page .swiper-button-next{position:absolute;right:-50px}body .immo-detail-page .swiper-button-prev{position:absolute;left:-50px}body .immo-detail-page .swiper-button-next,body .immo-detail-page .swiper-button-prev{color:#574c52;z-index:100001;background-color:#968c8c;padding:1em 1.25em;color:#FFDD17}body .immo-detail-page .swiper-button-next:hover,body .immo-detail-page .swiper-button-prev:hover{color:#FFF}body .immo-detail-page .swiper-button-next:after,body .immo-detail-page .swiper-button-prev:after{position:relative;font-size:1.6em;font-weight:600;top:1px}body .immo-detail-page form button[type="submit"]{background-color:#968c8c;color:#FFDD17;border:0;padding:0.5em 2em;text-transform:uppercase}body .immo-detail-page form button[type="submit"]:hover{background-color:#574c52;color:#FFDD17}body .immo-detail-page #detailslider .swiper-slide{text-align:center;margin:auto;overflow:hidden}body .immo-detail-page #detailslider img{width:auto;height:100%;margin:auto}body .immo-detail-page #detailslider h3{margin-top:0.5em}body .immo-detail-page #detailslider .swiper-container-detail{position:relative;overflow:hidden}body .immo-detail-page #detailslider .expose_mod_gallery{position:relative}body .immo-detail-page #detailslider .field.bueroflaeche,body .immo-detail-page #detailslider .field.teilbarAb,body .immo-detail-page #detailslider .field.mietpreisProQm{display:inline-block;margin-right:0.5em}body .immo-detail-page .expose_mod_fieldList{display:inline-block;margin-right:0.5em}body .immo-detail-page .expose_mod_fieldList div{margin:0.5em 0}body .immo-detail-page .expose_mod_fieldList .field.teilbarAb{display:inline-block}body .expose_mod_details .field{margin:0.5em 0}body .expose_mod_details .field.Netto1,body .expose_mod_details .field.Netto2,body .expose_mod_details .field.Umfeld,body .expose_mod_details .field.Nachbarschaft,body .expose_mod_details .field.Vertrag,body .expose_mod_details .field.Grundbuch,body .expose_mod_details .field.Grundsteuer,body .expose_mod_details .field.Archiv,body .expose_mod_details .field.entf_sbahn,body .expose_mod_details .field.entf_ubahn,body .expose_mod_details .field.entf_bus,body .expose_mod_details .field.entf_autobahn,body .expose_mod_details .field.entf_flug,body .expose_mod_details .field.lage_bag,body .expose_mod_details .field.pkw_stellplaetze{display:none}body .block_umgebung h3{margin-top:0 !important}body .block_umgebung .label{display:none}body .block_umgebung .field.Nachbarschaft{margin:1em 0}body .block_umgebung .field.entf_autobahn,body .block_umgebung .field.entf_bus,body .block_umgebung .field.entf_sbahn,body .block_umgebung .field.entf_ubahn,body .block_umgebung .field.entf_flug{width:15%;display:inline-block}body .block_umgebung .field.entf_autobahn:before{content:"Autobahn";display:block;font-weight:600;margin:0.25em 0}body .block_umgebung .field.entf_bus:before{content:"Bus";display:block;font-weight:600;margin:0.25em 0}body .block_umgebung .field.entf_sbahn:before{content:"S-Bahn";display:block;font-weight:600;margin:0.25em 0}body .block_umgebung .field.entf_ubahn:before{content:"U-Bahn";display:block;font-weight:600;margin:0.25em 0}body .block_umgebung .field.entf_flug:before{content:"Flugzeug";display:block;font-weight:600;margin:0.25em 0}body .block_umgebung .field.pkw_stellplaetze:before{content:"PKW Stellplätze";display:block;font-weight:600;margin:0.25em 0}body #expose-energiebar{margin-top:1.5em;display:block}body .field.energiebar .label,body .field.energiebar .value{width:100%;display:block}body .field.energiebar .bar{width:100%}body div.energie_block .field .label{font-weight:600}body div.energie_block .field div{display:inline-block;width:49%}body .m-bot-0{margin-bottom:0}body .m-bot-25{margin-bottom:0.25em}body .m-bot-50{margin-bottom:0.5em}body .m-bot-75{margin-bottom:0.75em}body .m-bot-100{margin-bottom:1em}body .m-bot-125{margin-bottom:1.25em}body .m-bot-150{margin-bottom:1.5em}body .m-bot-175{margin-bottom:1.75em}body .m-bot-200{margin-bottom:2em}body .m-bot-225{margin-bottom:2.25em}body .m-bot-250{margin-bottom:2.5em}body .m-bot-275{margin-bottom:2.75em}body .m-bot-300{margin-bottom:3em}body .m-top-0{margin-top:0}body .m-top-25{margin-top:0.25em}body .m-top-50{margin-top:0.5em}body .m-top-75{margin-top:0.75em}body .m-top-100{margin-top:1em}body .m-top-125{margin-top:1.25em}body .m-top-150{margin-top:1.5em}body .m-top-175{margin-top:1.75em}body .m-top-200{margin-top:2em}body .m-top-225{margin-top:2.25em}body .m-top-250{margin-top:2.5em}body .m-top-275{margin-top:2.75em}body .m-top-300{margin-top:3em}body .p-bot-0{padding-bottom:0}body .p-bot-25{padding-bottom:0.25em}body .p-bot-50{padding-bottom:0.5em}body .p-bot-75{padding-bottom:0.75em}body .p-bot-100{padding-bottom:1em}body .p-bot-125{padding-bottom:1.25em}body .p-bot-150{padding-bottom:1.5em}body .p-bot-175{padding-bottom:1.75em}body .p-bot-200{padding-bottom:2em}body .p-bot-225{padding-bottom:2.25em}body .p-bot-250{padding-bottom:2.5em}body .p-bot-275{padding-bottom:2.75em}body .p-bot-300{padding-bottom:3em}body .p-top-0{padding-top:0}body .p-top-25{padding-top:0.25em}body .p-top-50{padding-top:0.5em}body .p-top-75{padding-top:0.75em}body .p-top-100{padding-top:1em}body .p-top-125{padding-top:1.25em}body .p-top-150{padding-top:1.5em}body .p-top-175{padding-top:1.75em}body .p-top-225{padding-top:2.25em}body .p-top-250{padding-top:2.5em}body .p-top-275{padding-top:2.75em}body .p-top-300{padding-top:3em}body .mod_article.bg-light-brown{background-color:#D7D0C9}body .mod_article.bg-brown{background-color:#574c52}body .bg-light-brown{background-color:#D7D0C9}body .no-margin-bot{margin-bottom:0}body .immo-detail-page{padding:2em 0;padding-bottom:8em;padding-top:0;background-color:#D7D0C9;color:#574c52}body .immo-detail-page h1,body .immo-detail-page h2,body .immo-detail-page h3,body .immo-detail-page h4,body .immo-detail-page h5{color:#574c52}body .immo-detail-page .expose_mod_contactPerson{color:#574c52}body .immo-detail-page .detail-top{padding:2em 0}body .immo-detail-page .detail-top h1{text-align:center;color:#FFDD17}body .immo-detail-page .detail-top .expose_mod_address{text-align:center}body .immo-detail-page .detail-ansprechpartner .company{font-weight:600;margin-bottom:0.5em}body .immo-detail-page .detail-ansprechpartner p{margin:0.25em 0}body .ce_filter{background-color:#D7D0C9;text-align:center;color:#FFF;background-color:#574c52;padding:1em 0.5em;font-size:1.1em}body .ce_filter input,body .ce_filter select{background-color:#D7D0C9;border:0;color:#574c52}body .ce_filter .widget{display:inline-block;margin-right:0.5em}body .ce_filter .widget.widget-submit{margin-top:0.75em}body .ce_filter .widget.widget-submit button{position:relative;top:0;color:#FFDD17;background-color:#968c8c;font-size:1em;line-height:1;height:33px;border:0;text-transform:uppercase}body .ce_filter .widget input{padding:0.25em}body .ce_filter .widget label{color:#FFDD17}body .mod_realEstateList,body .mod_realEstateResultList{background-color:#D7D0C9;padding:1em 0}body .mod_realEstateList .main-details,body .mod_realEstateResultList .main-details{display:none}body .mod_realEstateList .result-count,body .mod_realEstateList .empty,body .mod_realEstateResultList .result-count,body .mod_realEstateResultList .empty{text-align:center;color:#574c52}body .mod_realEstateList .result-count,body .mod_realEstateResultList .result-count{padding-bottom:0.5em}body .mod_realEstateList .real_estate_item_default,body .mod_realEstateResultList .real_estate_item_default{margin-bottom:1em;padding:0 0.5em;display:flex;flex-direction:column;padding:0.5em;line-height:1.5em;transition:all 0.2s ease-out}body .mod_realEstateList .real_estate_item_default .inner,body .mod_realEstateResultList .real_estate_item_default .inner{display:flex;flex-direction:column}body .mod_realEstateList .real_estate_item_default .swiper-button-prev,body .mod_realEstateList .real_estate_item_default .swiper-button-next,body .mod_realEstateResultList .real_estate_item_default .swiper-button-prev,body .mod_realEstateResultList .real_estate_item_default .swiper-button-next{color:#574c52}body .mod_realEstateList .real_estate_item_default .main-image,body .mod_realEstateResultList .real_estate_item_default .main-image{margin-bottom:0.5em}body .mod_realEstateList .real_estate_item_default:hover .inner *,body .mod_realEstateResultList .real_estate_item_default:hover .inner *{color:#574c52;text-decoration:none}body .mod_realEstateList .real_estate_item_default img,body .mod_realEstateResultList .real_estate_item_default img{width:100%;height:auto}body .mod_realEstateList .real_estate_item_default .inner,body .mod_realEstateResultList .real_estate_item_default .inner{position:relative;height:100%;color:#574c52}body .mod_realEstateList .real_estate_item_default .inner .content-inner,body .mod_realEstateResultList .real_estate_item_default .inner .content-inner{position:relative;min-height:200px;flex:1;background-color:#ede6df;padding:1em;padding-bottom:2em}body .mod_realEstateList .real_estate_item_default .inner a,body .mod_realEstateResultList .real_estate_item_default .inner a{color:#574c52}body .mod_realEstateList .real_estate_item_default .inner h4,body .mod_realEstateResultList .real_estate_item_default .inner h4{margin-top:0.25em;line-height:1.3em}body .mod_realEstateList .real_estate_item_default .inner .label,body .mod_realEstateResultList .real_estate_item_default .inner .label{font-weight:600}body .mod_realEstateList .real_estate_item_default .inner .main-details,body .mod_realEstateList .real_estate_item_default .inner .address,body .mod_realEstateResultList .real_estate_item_default .inner .main-details,body .mod_realEstateResultList .real_estate_item_default .inner .address{color:#FFF}body .mod_realEstateList .real_estate_item_default .inner .address,body .mod_realEstateResultList .real_estate_item_default .inner .address{margin-bottom:1em}body .mod_realEstateList .real_estate_item_default .inner .main-description,body .mod_realEstateResultList .real_estate_item_default .inner .main-description{margin:1em 0}body .mod_realEstateList .real_estate_item_default .inner div.expose-link a,body .mod_realEstateResultList .real_estate_item_default .inner div.expose-link a{display:block;margin-top:1em;padding:0.5em 1em;text-transform:uppercase;text-align:center;cursor:pointer;transition:all 0.2s ease-out;background-color:#968c8c;color:#FFDD17}body .mod_realEstateList .real_estate_item_default .inner div.expose-link a:hover,body .mod_realEstateResultList .real_estate_item_default .inner div.expose-link a:hover{text-decoration:none;color:#FFF}body .mod_realEstateList .real_estate_item_default .inner div.expose-link a:active,body .mod_realEstateList .real_estate_item_default .inner div.expose-link a:visited,body .mod_realEstateResultList .real_estate_item_default .inner div.expose-link a:active,body .mod_realEstateResultList .real_estate_item_default .inner div.expose-link a:visited{text-decoration:none}body .mod_realEstateList .real_estate_item_default .inner div.expose-link:hover a,body .mod_realEstateResultList .real_estate_item_default .inner div.expose-link:hover a{text-decoration:none;background-color:#968c8c}body .mod_realEstateList .real_estate_item_default .inner .main-details,body .mod_realEstateResultList .real_estate_item_default .inner .main-details{padding-bottom:3em}body .mod_realEstateList .real_estate_item_default .inner .bottom,body .mod_realEstateResultList .real_estate_item_default .inner .bottom{position:absolute;bottom:1em}body .mod_realEstateList .real_estate_item_default .inner .bottom a:hover,body .mod_realEstateResultList .real_estate_item_default .inner .bottom a:hover{text-decoration:underline}body .mod_realEstateList .real_estate_item_default.no-images .main-image,body .mod_realEstateResultList .real_estate_item_default.no-images .main-image{border:0}body .mod_realEstateList nav.pagination p,body .mod_realEstateResultList nav.pagination p{bottom:-2em}body .mod_realEstateList .pagination,body .mod_realEstateResultList .pagination{position:relative;text-align:center;margin:1em 0;padding-bottom:2em}body .mod_realEstateList .pagination p,body .mod_realEstateResultList .pagination p{position:absolute;width:100%;bottom:-2.75em;text-align:center}body .mod_realEstateList .pagination a,body .mod_realEstateResultList .pagination a{color:#FFDD17 !important}body .mod_realEstateList .pagination .next,body .mod_realEstateList .pagination .prev,body .mod_realEstateResultList .pagination .next,body .mod_realEstateResultList .pagination .prev{text-transform:uppercase}body .mod_realEstateList .pagination ul,body .mod_realEstateResultList .pagination ul{margin:auto}body .mod_realEstateList .pagination ul li,body .mod_realEstateResultList .pagination ul li{display:inline-block;padding:0.75em 1em;background-color:#968c8c;color:#FFDD17;margin-right:0.25em;line-height:1;cursor:pointer}body .mod_realEstateList .pagination ul li:hover,body .mod_realEstateResultList .pagination ul li:hover{background-color:#968c8c;color:#FFF}body .mod_realEstateList .pagination ul li a,body .mod_realEstateResultList .pagination ul li a{color:#000;line-height:1;font-size:1.1em;transition:all 0.2s ease-out}body .mod_realEstateList .pagination ul li a:hover,body .mod_realEstateResultList .pagination ul li a:hover{text-decoration:none}body .mod_realEstateList .pagination ul li.active,body .mod_realEstateResultList .pagination ul li.active{line-height:1;font-weight:700}body .mod_realEstateList .pagination li,body .mod_realEstateResultList .pagination li{list-style-type:none;padding:0;margin:0}body .mod_realEstateList .pagination li.next,body .mod_realEstateList .pagination li.previous,body .mod_realEstateResultList .pagination li.next,body .mod_realEstateResultList .pagination li.previous{position:absolute}body .mod_realEstateList .pagination li.next a,body .mod_realEstateList .pagination li.previous a,body .mod_realEstateResultList .pagination li.next a,body .mod_realEstateResultList .pagination li.previous a{text-decoration:none}body .mod_realEstateList .pagination li.next,body .mod_realEstateResultList .pagination li.next{right:1.5em}body .mod_realEstateList .pagination li.previous,body .mod_realEstateResultList .pagination li.previous{left:1.5em}body .mod_realEstateList{padding:2em 0 8em}body .mod_realEstateList .custom-slider-container{position:relative}body .mod_realEstateList .custom-slider-container .swiper-container{overflow:hidden}body .mod_realEstateList .custom-slider-container .swiper-button-next,body .mod_realEstateList .custom-slider-container .swiper-button-prev{color:#574c52;z-index:100001;background-color:#968c8c;padding:1em 1.25em;color:#FFDD17}body .mod_realEstateList .custom-slider-container .swiper-button-next:hover:after,body .mod_realEstateList .custom-slider-container .swiper-button-prev:hover:after{color:#FFF}body .mod_realEstateList .custom-slider-container .swiper-button-next:after,body .mod_realEstateList .custom-slider-container .swiper-button-prev:after{position:relative;font-size:1.6em;font-weight:600;top:1px;color:#FFDD17}body .mod_realEstateList .custom-slider-container .basis-slider-item{transition:all 0.2s ease-out}body .mod_realEstateList .custom-slider-container .basis-slider-item .expose-link{bottom:0;left:0;z-index:5000}body .mod_realEstateList .custom-slider-container .basis-slider-item .expose-link a{background-color:#968c8c;color:#FFDD17;display:inline-block;padding:0.25em 2em}body .mod_realEstateList .custom-slider-container .basis-slider-item .expose-link a:hover{background-color:#FFDD17;color:#FFF}body .mod_realEstateList .custom-slider-container .basis-slider-item .expose-link a:active,body .mod_realEstateList .custom-slider-container .basis-slider-item .expose-link a:visited{text-decoration:none}body .mod_realEstateList .custom-slider-container .swiper-slide{height:auto}body .mod_realEstateList .custom-slider-container .swiper-button-prev{position:absolute;left:-2em;z-index:3001}body .mod_realEstateList .custom-slider-container .swiper-button-next{position:absolute;right:-2em;z-index:3002}body .mod_realEstateList .custom-slider-container .expose-link{position:absolute;left:0;width:100%;bottom:2em}body .mod_realEstateList .custom-slider-container .main-description{padding-bottom:3.5em}@media (max-width:767px){body .ol-portfolio-btn{bottom:-5em !important}body .immo-detail-page #detailslider img{width:100%}body .block-detail-ausstattung .grid-container{display:block !important}body .block-detail-ausstattung .grid-container .field{margin:1em 0em !important}body .block-detail-ausstattung .grid-container .label,body .block-detail-ausstattung .grid-container .value{width:100%;display:block}body .navbar-toggle .icon-bar{border-radius:0}body .object-expose-main .objektbeschreibung,body body .object-expose-main .sonstigeAngaben{font-size:1em}body .block_umgebung{margin:1em 0}body .block_umgebung .field{width:100% !important;display:block;margin:1em 0em}body .ol-portfolio-btn{position:absolute;left:1.5em;bottom:-4em;right:inherit}body .basis-top-imo-slider{overflow:hidden}body .section-immobiliensuche .formbody{text-align:left;max-width:100%}body .section-immobiliensuche .ce_filter{padding:0}body .section-immobiliensuche .ce_filter .widget{margin:0}body .section-immobiliensuche .ce_filter .widget label{margin-bottom:0.25em;display:block;text-align:left;margin:0.5em 0}body .section-immobiliensuche .ce_filter .widget.widget-submit{margin-top:0.5em}body .section-immobiliensuche .custom-search-filter{left:inherit;padding:0 15px}body .section-immobiliensuche input,body .section-immobiliensuche select{border-radius:0}body .section-immobiliensuche .ce_filter .widget label,body .section-immobiliensuche .ce_filter .widget input,body .section-immobiliensuche .ce_filter .widget select{width:100%;display:block}body .swiper-container-wrapper .swiper-slide .slide-image{width:100%;margin:0 auto}body .swiper-container-wrapper .swiper-slide img{max-width:100%;margin:auto}body .swiper-container-wrapper .swiper-slide div,body .swiper-container-wrapper .swiper-slide h3{max-width:90%;margin:0 auto}body .swiper-container-wrapper .swiper-slide>div{max-width:100%}body .swiper-container-wrapper .swiper-slide h3{margin-top:2em}body .swiper-container-wrapper .swiper-slide .slide-desc{max-width:100%;width:100%;padding:0 1em}body .swiper-container-wrapper .swiper-slide .slide-btn{margin-top:2em;margin-left:2.5em}body .swiper-container-wrapper .swiper-pagination{display:none}body .swiper-container-wrapper .swiper-button-prev{left:10px}body .swiper-container-wrapper .swiper-button-next{right:20px}}@media (min-width:930px) and (max-width:1110px){body .section-immobiliensuche .ce_filter{padding:0}body .section-immobiliensuche .ce_filter .widget{margin:0.5em 0}body .section-immobiliensuche .ce_filter .widget label,body .section-immobiliensuche .ce_filter .widget input,body .section-immobiliensuche .ce_filter .widget select{font-size:1em}}@media (min-width:768px) and (max-width:929px){body div.col-12{display:block;width:100%;max-width:inherit;flex:0 0 100%}}@media (min-width:800px){.container{max-width:750px}}@media screen and (min-width:900px){.container{max-width:900px}}@media screen and (min-width:1100px){.container{max-width:950px}}@media (min-width:1400px){.container{max-width:1200px}}@media (min-width:1600px){.container{max-width:1300px}}@media (min-width:2000px){.container{max-width:1850px}}@media (min-width:2200px){.container{max-width:2100px}}