.cc-head>*:first-child{margin-top:0}.cc-head>*:last-child{margin-bottom:15px}.contao-cookiebar{--ccb-backdrop: rgba(0, 0, 0, .75);--ccb-anim-duration: .5s;--ccb-checked-clr: #399d32;--ccb-checked-bg: #dcf3db;--ccb-unchecked-clr: #9c9b99;--ccb-unchecked-bg: #fff;--ccb-disabled-clr: #c8c7c5;--ccb-disabled-bg: #f4f4f4;--ccb-focus-clr: #00a4f4;position:fixed;inset:0;z-index:9999;display:flex;align-items:var(--ccb-align, center);justify-content:var(--ccb-justify, center);letter-spacing:0;padding:15px;max-height:100dvh;box-sizing:border-box;pointer-events:none;overflow:hidden;color:var(--ccb-clr, #444)}.contao-cookiebar *{box-sizing:border-box}.contao-cookiebar p{color:var(--ccb-text, #868686);line-height:1.4}.contao-cookiebar label{position:relative;display:block;padding:8px 13px 8px 0;line-height:1.2rem}.contao-cookiebar label.group{font-weight:600}.contao-cookiebar input{position:absolute;width:1px;height:1px;outline:0 none;opacity:0}.contao-cookiebar input+label{padding:8px 13px 8px 45px;cursor:pointer}.contao-cookiebar input+label:before,.contao-cookiebar input+label:after{content:"";position:absolute;border-radius:10px}.contao-cookiebar input+label:before{top:7px;left:0;width:35px;height:18px;margin:0;box-sizing:content-box;background:var(--ccb-unchecked-bg);border:1px solid var(--ccb-unchecked-clr);transition:border-color .2s}.contao-cookiebar input+label:after{display:block;top:11px;left:4px;width:12px;height:12px;background:var(--ccb-unchecked-clr);transition:background .2s,margin-left .2s,padding .2s}.contao-cookiebar input+label:active:after{padding-left:5px}.contao-cookiebar input.cc-group-half+label:after{background:linear-gradient(to right, var(--ccb-unchecked-clr) 0%, var(--ccb-unchecked-clr) 50%, var(--ccb-checked-clr) 50%, var(--ccb-checked-clr) 100%)}.contao-cookiebar input:checked+label:after{background:var(--ccb-checked-clr);margin-left:17px}.contao-cookiebar input:checked+label:active:after{margin-left:12px}.contao-cookiebar input:checked+label:before{background:var(--ccb-checked-bg);border-color:var(--ccb-checked-clr)}.contao-cookiebar input:disabled+label{pointer-events:none}.contao-cookiebar input:disabled+label:after{background:var(--ccb-disabled-clr)}.contao-cookiebar input:disabled+label:before{background:var(--ccb-disabled-bg);border-color:var(--ccb-disabled-clr)}.contao-cookiebar input:focus-visible+label:before{outline:3px dashed var(--ccb-focus-clr);outline-offset:2px}.contao-cookiebar .cc-btn{display:inline-block;cursor:pointer;width:100%;padding:8px 14px;margin-bottom:8px;font-size:15px;outline:0 none;border:1px solid var(--ccb-btn-bdr, #cfcfcf);border-radius:4px;color:var(--ccb-btn-clr, #444);background:var(--ccb-btn-bg, #f5f5f5)}.contao-cookiebar .cc-btn:hover,.contao-cookiebar .cc-btn:focus{background:var(--ccb-btn-bg-hvr, #ececec)}.contao-cookiebar .cc-btn:last-child{margin-bottom:0}.contao-cookiebar .grayscale{--ccb-btn-bg: #f1efef;--ccb-btn-bg-hvr: #ececec}.contao-cookiebar .grayscale .success{--ccb-btn-bg: #fbfbfb;--ccb-btn-bg-hvr: #f7f7f7}.contao-cookiebar .highlight .success{--ccb-btn-bg: #4e9e3e;--ccb-btn-bg-hvr: #4c933f;--ccb-btn-bdr: #3e7830;--ccb-btn-clr: #fff}.cc-focus:focus-visible{outline:3px dashed var(--ccb-focus-clr);outline-offset:-3px}.cc-invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;float:left}.cc-inner{display:inline-block;overflow-y:auto;max-height:100%;max-width:100%;padding:23px;border-radius:3px;opacity:0;pointer-events:none;visibility:hidden;font-size:1rem;text-align:left;background:var(--ccb-bg, #fff);box-shadow:var(--ccb-box-shadow, rgba(99, 99, 99, 0.2)) 0 2px 8px 0;animation:var(--ccb-anim, cookiebar-middle-in) var(--ccb-anim-duration) ease-in-out forwards}.cc-group{position:relative;border:1px solid var(--ccb-bdr, #d0d0d0);border-radius:5px;margin-bottom:10px}.cc-cookie-info{font-size:.875rem;background:var(--ccb-info-bg, #fff);border:1px solid var(--ccb-info-bdr, #efefef);padding:10px;border-radius:5px}.cc-cookie-info>div>span{font-weight:600}.cc-cookie-info>div+div{margin-top:5px;word-wrap:break-word}.cc-cookie-info+button.cc-detail-btn-details{margin-top:15px}.cc-cookies{background:var(--ccb-cookies-bg, #fbfbfb);border-radius:0 0 5px 5px}.cc-cookies>p{font-size:.875rem}.cc-cookies>p,.cc-cookies>.cc-cookie{margin:0;padding:15px;border-top:1px solid var(--ccb-cookies-bdr, #fbfbfb)}.cc-cookie label.cookie+*{margin-top:10px}.cc-cookie p{margin:0 0 15px;font-size:.875rem}.cc-cookie-desc p{margin-bottom:0}.cc-footer,.cc-info{text-align:center}.cc-info{margin-top:15px}.cc-info>p{font-size:.875rem}.cc-info>a{display:inline-block;font-size:.813rem;color:var(--ccb-detail-clr, #a2a2a2);text-decoration:none}.cc-info>a:hover{color:var(--ccb-detail-clr-hvr, #717171)}.cc-info>a+a:before{display:inline-block;content:"·";margin-right:5px}.cc-active .cc-inner{opacity:1;pointer-events:auto;visibility:visible}.cc-active.cc-blocked{pointer-events:auto;animation:cookiebar-overlay-in var(--ccb-anim-duration) ease-in-out forwards}.cc-saved.cc-inner{opacity:0;pointer-events:none;visibility:hidden}.cc-saved.cc-blocked{pointer-events:none;animation:cookiebar-overlay-out var(--ccb-anim-duration) ease-in-out forwards}.cc-left{--ccb-justify: flex-start}.cc-right{--ccb-justify: flex-end}.cc-top{--ccb-align: flex-start}.cc-top.cc-active{--ccb-anim: cookiebar-top-in}.cc-top.cc-saved{--ccb-anim: cookiebar-top-out}.cc-middle.cc-active{--ccb-anim: cookiebar-middle-in}.cc-middle.cc-saved{--ccb-anim: cookiebar-middle-out}.cc-bottom{--ccb-align: flex-end}.cc-bottom.cc-active{--ccb-anim: cookiebar-bottom-in}.cc-bottom.cc-saved{--ccb-anim: cookiebar-bottom-out}@media(min-width: 768px){.contao-cookiebar .cc-btn{width:auto;margin-bottom:0}.cc-inner{max-width:var(--ccb-max-width, 750px)}}@media(forced-colors){.contao-cookiebar input+label:after{border:1px solid currentColor}.cc-inner{border:1px solid currentColor}input.cc-group-half+label:after{margin-left:9px}}@media(prefers-reduced-motion){.contao-cookiebar{--ccb-anim-duration: 2s}}@media print{.contao-cookiebar{opacity:0}}@keyframes cookiebar-overlay-in{0%{background:rgba(0,0,0,0)}to{background:var(--ccb-backdrop)}}@keyframes cookiebar-overlay-out{0%{background:var(--ccb-backdrop)}to{background:rgba(0,0,0,0);visibility:hidden}}@keyframes cookiebar-top-in{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}@keyframes cookiebar-top-out{0%{opacity:1;visibility:visible;transform:translateY(0)}to{opacity:0;visibility:hidden;transform:translateY(-100%)}}@keyframes cookiebar-middle-in{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes cookiebar-middle-out{0%{opacity:1;visibility:visible;transform:scale(1)}to{opacity:0;visibility:hidden;transform:scale(0)}}@keyframes cookiebar-bottom-in{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes cookiebar-bottom-out{0%{opacity:1;visibility:visible;transform:translateY(0)}to{opacity:0;visibility:hidden;transform:translateY(100%)}}.cc-groups{display:none;padding-top:15px}.cc-group{text-align:left}.cc-group>label{margin:5px 130px 5px 10px}.cc-detail-btn-details{text-decoration:underline;padding:0;margin:0 0 10px;color:var(--ccb-detail-clr, #a2a2a2);border:0 none;outline:0 none;background:rgba(0,0,0,0);font-size:13px;letter-spacing:0;text-transform:initial;cursor:pointer}.cc-detail-btn-details span:nth-child(2){display:none}.cc-detail-btn-details.cc-active span:nth-child(1){display:none}.cc-detail-btn-details.cc-active span:nth-child(2){display:inline}.cc-detail-btn-details:hover{color:var(--ccb-detail-clr-hvr, #717171)} /*! 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 */ 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; } body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li{float:left}.ce_gallery>ul li.col_first{clear:left}.float_left{float:left}.float_right{float:right}.block{overflow:hidden}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both} .dk-select, .dk-select *, .dk-select *:before, .dk-select *:after, .dk-select-multi, .dk-select-multi *, .dk-select-multi *:before, .dk-select-multi *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .dk-select, .dk-select-multi { position: relative; display: inline-block; vertical-align: middle; line-height: 1.5em; width: 200px; cursor: pointer; height:45px; } .dk-selected { background-color: white; border: 1px solid #cccccc; overflow: hidden; padding: 5px 20px; position: relative; text-overflow: ellipsis; white-space: nowrap; width: 100%; } .dk-selected:before, .dk-selected:after { content: ''; display: block; position: absolute; right: 0; } .dk-selected:before { top: 50%; border: solid transparent; border-width: 0.25em 0.25em 0; border-top-color: #CCCCCC; margin: -0.125em 0.5em 0 0; } .dk-selected:after { top: 0; height: 100%; border-left: 1px solid #CCCCCC; margin: 0 1.5em 0 0; } .dk-selected-disabled { color: #BBBBBB; } .dk-select .dk-select-options { position: absolute; display: none; left: 0; } .dk-select-open-up .dk-select-options { margin-bottom: -1px; bottom: 100%; } .dk-select-open-down .dk-select-options { margin-top: -1px; top: 100%; } .dk-select-multi .dk-select-options { max-height: 10em; } .dk-select-options { width: 100%; z-index: 100; background-color: white; border: 1px solid #CCCCCC; overflow-x: hidden; overflow-y: auto; max-height: 10.5em; list-style: none; padding:0; margin: 0; } .dk-option-selected { background-color: rgba(77, 89, 91, 1);; color: #fff; } .dk-select-options-highlight .dk-option-selected { background-color: transparent; color: inherit; } .dk-option { padding: 0 0.5em; } .dk-select-options .dk-option-highlight { background-color: rgba(77, 89, 91, 1);; color: #fff; } .dk-select-options .dk-option-disabled { color: #BBBBBB; background-color: transparent; } .dk-optgroup { border: solid #CCCCCC; border-width: 1px 0; padding: 0.25em 0; margin-top: 0.25em; } .dk-optgroup + .dk-option { margin-top: 0.25em; } .dk-optgroup + .dk-optgroup { border-top-width: 0; margin-top: 0; } .dk-optgroup:nth-child(2) { padding-top: 0; border-top: none; margin-top: 0; } .dk-optgroup:last-child { border-bottom-width: 0; margin-bottom: 0; padding-bottom: 0; } .dk-optgroup-label { padding: 0 0.5em 0.25em; font-weight: bold; width: 100%; } .dk-optgroup-options { list-style: none; padding-left: 0; } .dk-optgroup-options li { padding-left: 1.2em; } .dk-select-open-up .dk-selected { border-top-left-radius: 0; border-top-right-radius: 0; border-color: rgba(77, 89, 91, 1);; } .dk-select-open-down .dk-selected { border-bottom-left-radius: 0; border-bottom-right-radius: 0; border-color: rgba(77, 89, 91, 1);; } .dk-select-open-up .dk-selected:before, .dk-select-open-down .dk-selected:before { border-width: 0 0.25em 0.25em; border-bottom-color: rgba(77, 89, 91, 1);; } .dk-select-open-up .dk-selected:after, .dk-select-open-down .dk-selected:after { border-left-color: rgba(77, 89, 91, 1);; } .dk-select-open-up .dk-select-options, .dk-select-open-down .dk-select-options, .dk-select-multi:focus .dk-select-options { display: block; border-color: rgba(77, 89, 91, 1);; } .dk-select-multi:hover, .dk-select-multi:focus { outline: none; } .dk-selected:hover, .dk-selected:focus { outline: none; border-color: rgba(77, 89, 91, 1);; } .dk-selected:hover:before, .dk-selected:focus:before { border-top-color: rgba(77, 89, 91, 1);; } .dk-selected:hover:after, .dk-selected:focus:after { border-left-color: rgba(77, 89, 91, 1);; } .dk-select-disabled { opacity: 0.6; color: #BBBBBB; cursor: not-allowed; } .dk-select-disabled .dk-selected:hover, .dk-select-disabled .dk-selected:focus { border-color: inherit; } .dk-select-disabled .dk-selected:hover:before, .dk-select-disabled .dk-selected:focus:before { border-top-color: inherit; } .dk-select-disabled .dk-selected:hover:after, .dk-select-disabled .dk-selected:focus:after { border-left-color: inherit; } select[data-dkcacheid] { display: none; } header{ width: 100%; /* background: #3c3c3c; */> transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition:all 0.5s ease; -ms-transition:all 0.5s ease; } header nav { font-size: 16px; } .header.clone{ background: #3c3c3c; } /* first stage */ header nav > ul.level_1 { /* position: relative; */ margin: 0 auto; padding: 0; text-align: left; display: table-cell; vertical-align: bottom; } header nav > .headerlogo { display: table-cell; vertical-align: bottom; padding: 15px 25px; } header nav .holder a { display: block; color: #333; text-decoration: none; } header nav li { transition: 0.5s; } header .headerright > nav > ul > li{ font-size: 16px; } header nav > ul > li > a,header nav > ul > li > a > span { padding: 0; } header > .inside .mod_navigation ul.level_1 > li.submenu > a, header > .inside .mod_navigation ul.level_1 > li.submenu > strong, header > .inside .mod_navigation ul.level_1 > li > a, header > .inside .mod_navigation ul.level_1 > li > strong{ padding:0; position: relative; display: block; } header > .inside .mod_navigation ul.level_1 > li.submenu > a > span{ padding-left: 0; } header nav ul > li.submenu > a:after { content: ""; display: block; border-width: 2px 2px 0 0; border-style: solid; border-color: gray; width: 5px; height: 5px; position: absolute; right: 0; top: 44%; transform: rotate(135deg); line-height: 34px; font-size: 20px; } header nav ul > li.submenu:hover > a:after { transform: rotate(-45deg); } header nav > ul > li:hover { } /* second stage (the mega-menu) */ header nav ul.megamenu { position: absolute; width: 100%; top: -9999px; left: 0; padding: 0; text-align: left; color: #333; z-index: 1; box-sizing: border-box; text-align: center; box-shadow: 0 10px 25px -15px #000; box-shadow: none; -webkit-box-shadow: none; -webkit-tap-highlight-color: rgba(0,0,0,0); overflow: hidden; border-radius: 0 0 20px 20px; } header nav ul.megamenu > li.holder{ max-width: 1280px; margin: 0 auto; background: white; padding: 2rem; display: table; width: 100%; color: #333; } header nav ul li:hover ul.megamenu { top: calc(100% + 8px); } /* third stage (child-menus in the mega-menu) */ header nav .column { float: left; width: calc((100% - (3 * 1.25rem)) / 3); margin-right: 1.25rem; margin-bottom: 2rem; } header nav .column:last-child { margin-right: 0; } header nav .column ul { /*margin-bottom: 40px;*/ } header nav .megamenu li { display: block; text-align: left; } header nav .megamenu li a:hover { color: var(--rot); } header nav .megamenu h4 { margin-bottom: 15px; color: #333; text-transform: uppercase; text-align: left; } .megamenu .name{ color: #333; text-transform: uppercase; border-bottom: 2px solid #2f444b; padding: 5px 0 10px 15px; font-weight: 600; font-size:14px; margin-bottom: 0; } .megamenu .level_3 li > a, .megamenu .level_3 li > strong, .megamenu .level_3 li > span{ font-size: 14px; text-transform: none; transition: all .1s ease; -webkit-transition: all .1s ease; -moz-transition: all .1s ease; -ms-transition: all .1s ease; -o-transition: all .1s ease; color: #12191c; display: block; font-weight: normal; padding: 10px 0 0px 15px; } .megamenu .level_3 li > a > span,.megamenu .level_3 li > strong > span { position: relative; line-height: 1.65; } .megamenu .level_3 li > a > span:after,.megamenu .level_3 li > strong > span:after { content: ""; display: block; border-width: 2px 2px 0 0; border-style: solid; border-color: #adc4cc; width: 5px; height: 5px; position: absolute; right: 10px; top: 0; transform: rotate(45deg); margin-top: 0.5rem; } /*Basics*/ :root { --button-color: #F66035; --button-hover-color: #F86F4C; --text-on-light: #F66035; --text-on-dark: #F66035; --text-on-button: #FFF; --header-color: #313131; --header-border-color: #222222; --header-text-color: #ffffff; } *{ border: none; box-sizing: border-box; outline: none; } html{ font-size:100.1%; overflow-x:hidden; -webkit-overflow-scrolling: touch; -webkit-text-size-adjust: 100%; } body, html { height:100%; min-height:100%; } body{ font-family: interstate, sans-serif; color:#222; font-size: 18px; line-height: 1.8rem; font-weight:300; display: flex; min-height: 100vh; flex-direction: column; } #wrapper { flex: 1 0 auto; } /*Basics*/ /*Ende sticky footer*/ /*Form*/ input,textarea,select{ /*Safari*/ -webkit-appearance: none; border-radius:0; -webkit-border-radius:0; } .widget{ margin-bottom: 2rem; display: table; width: 100%; box-sizing: border-box; color:gray; } .widget.widget-checkbox{ color: inherit; } .widget.w50,.widget-select { float: left; width: calc((100% - 2rem) / 2); margin-right: 2rem; margin-bottom: 2rem; } .widget.w50.clr { margin-right: 0; } .widget.w50.noflaot { float:none; } .widget.widget-checkbox, .widget.widget-radio { display: block; margin-bottom: 2rem; padding-left: 32px; } .widget.widget-checkbox label span, .widget.widget-radio label span{ display: inherit; } .widget.widget-text input { padding: 10px 15px; width: 100%; background: #f3f4f6; border: 0; box-sizing: border-box; } .widget.widget-textarea textarea { padding: 15px; width: 100%; background: #f3f4f6; border: 0; box-sizing: border-box; } .submit{ background: transparent; padding: 0 4rem; line-height: 3rem; float: right; display: table; cursor: pointer; color: white; } body .icheckbox_minimal { margin-left: -32px; margin-right: 10px; } body .dk-select, body .dk-select-multi{ width: 100%; box-sizing: border-box; } body .dk-select .dk-selected{ padding:10px 15px; } body .dk-select{ height: auto; } body select[data-dkcacheid] { display: block; height: 100%; width: 200px; position: absolute; top: 0; opacity: 0; z-index: -99999; } .widget-select { position: relative; } /*Ende Form*/ /*set images to maxwidth 100%*/ figure{ line-height:0; margin: 0; } figure > img, .image_container > img{ max-width:100%; height:auto; } a{ color:inherit; } a:focus{ } /*Ende Basics*/ a { transition:all 0.2s ease; -webkit-transition:all 0.2s ease; -moz-transition:all 0.2s ease; -o-transition:all 0.2s ease; -ms-transition:all 0.2s ease; text-decoration: none; color:inherit; } .table{ display:table; width:100%; } .table-wrapper { display: table; vertical-align: middle; text-align: center; width: 100%; height: 100%; table-layout:fixed; } .row{ display:table-row; position:relative; } .row > *{ display:table-cell; } .vtop{ vertical-align: top } .vmiddle{ vertical-align: middle } .vbottom{ vertical-align: bottom } .headlinecontainer{ margin-bottom:2rem; } .headlinecontainer > *{ margin:0; } h1, h2, h3, h4, h5, h6 { font-family: "KlavikaWebBasicLight",arial,sans-serif; font-weight: 100; } h1, .h1 { font-size:1.7em; line-height:1.2em; letter-spacing:0.03em; margin-bottom:0.5em; } h2 { font-size: 1.4rem; line-height: 1.6; } h3, .h3 { font-size:1.5em } h4 { font-size:1.4em; margin-bottom: 0; } h5, .h5{ font-size:16px; font-weight:600; } h6{} ul li{ } li{ list-style-type:none; } p{ margin-bottom:20px; margin-top:0; } p:last-of-type{ margin-bottom:0; } ul,ol{ margin:0; padding:0; } span{ display: block; } #main { } /*Teaser*/ .ce_pageteaser span, .ce_pageteaser a, .ce_page_teasers_element span, .ce_page_teasers_element a{ display: block; } .teasergrid > div { margin: 0 -10px; display: table; min-width: 100%; width: auto; } .ce_gallery ul > li a{ display: block; } .teasergrid > ul > *,.teasergrid > div > *,.ce_gallery ul > li{ float: left; margin:0 10px 20px; } .ce_gallery ul > li img{ max-width: 100%; height: auto; } .teasergrid > .itemsperRow_1 > *, .ce_gallery ul.cols_1 > li{ width:calc(100% / 1 ) } .teasergrid > .itemsperRow_2 > *,.ce_gallery ul.cols_2 > li{ width:calc( (100% - (4 * 10px)) / 2 ) } .teasergrid > .itemsperRow_3 > *, .ce_gallery ul.cols_3 > li{ width:calc( (100% - (6 * 10px)) / 3 ) } .teasergrid > .itemsperRow_4 > *, .ce_gallery ul.cols_4 > li{ width:calc( (100% - (8 * 10px)) / 4 ) } .teasergrid > .itemsperRow_5 > *, .ce_gallery ul.cols_5 > li{ width:calc( (100% - (10 * 10px)) / 5 ) } .teasergrid > .itemsperRow_3 > *, .ce_gallery ul.cols_6 > li{ width:calc( (100% - (6 * 10px)) / 3 ); } .teasergrid > div .holder{ height: 100%; width: 100%; } #herosection{ width: 100%; position:relative; } #herosection .mod_pageImage > .inside.mod_pageImage > .inside,#herosection .mod_pageImage > .inside .bgImage{ line-height:0; } #herosection .mod_pageImage > .inside .caption{ position: absolute; left: 0; top: 0; z-index: 6; } #herosection .inside,#herosection .inside .ce_herosection,#herosection .inside .ce_herosection .flexslider,#herosection .inside .ce_herosection .flexslider .slides, #herosection .inside .ce_herosection .flexslider .slides li,#herosection .inside .ce_herosection .flexslider .slides li .bgImage, #herosection .inside .ce_herosection .mod_pageImage,#herosection .inside .ce_herosection .mod_pageImage .inside, #herosection .inside .ce_herosection .mod_pageImage .inside .bgImage{ height: 100%; } #herosection .caption *, #herosection .bgImage *,#herosection .flex-control-nav{ height: auto; } /*if googlemap Iframe*/ #herosection iframe { border: 0; width: 100%; position: absolute; top: 0; height: 100%; z-index: 99999; } .headertop > .inside,.headerbottom > .inside, .footertop > .inside,.footerbottom > .inside,#main .mod_article > .block{ max-width: 1280px; margin: 0 auto; padding: 0 2rem; box-sizing: border-box; position: relative; } footer > .inside{ } #main .mod_article.fullwidth > .block, #main .mod_article > .block.fullwidth { max-width: none; margin: 0; padding: 0; box-sizing: border-box; } /*parallax*/ .fullwidth.mod_article > .block.ce_parallaxImage{ padding: 0; } .parallax-container { position: relative; overflow: hidden; height: 650px; } .parallax-container .parallax { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: -1; } .parallax-container .parallax img { opacity: 0; position: absolute; left: 50%; bottom: 0; min-width: 100%; min-height: 100%; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transform: translateX(-50%); transform: translateX(-50%); } /*introtext*/ #main .mod_article > .ce_introtext{ } /*align*/ .flex-viewport{ height: 100%; } body .flexslider { margin: 0; background: transparent; border: none; position: relative; -webkit-border-radius: 0; -moz-border-radius: 0; -o-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; box-shadow: none; } body .flex-control-nav { bottom: 0; z-index: 999; } .avatar.rounded { border-radius: 50%; overflow: hidden; height: 20vw; width: 20vw; max-width: 250px; max-height: 250px; /* margin: 0 auto; */ } .center .textholder{ text-align: center; } .textholder.align_above{ margin-bottom: 6rem; } /*csscolumn*/ .columnized{ column-fill: balance; -webkit-column-gap: 2em; -moz-column-gap: 2em; column-gap: 2em; orphans: 3; widows: 3; } .columnized.colcount_2{ -webkit-columns: 2 200px; -moz-columns: 2 200px; columns: 2 200px; } .columnized.colcount_3{ -webkit-columns: 3 200px; -moz-columns: 3 200px; columns: 3 200px; } .columnized.colcount_4{ -webkit-columns: 4 200px; -moz-columns: 4 200px; columns: 4 200px; } .columnized h3, .columnized h2, .columnized h1, .columnized h4, .columnized h5, .columnized h6,.columnized .headlinecontainer { -webkit-column-span: all; column-span: all; } .columnized p { break-after: column; -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; } /*Headerefx*/ header.clone { position: fixed; top: 0; left: 0; right: 0; transform: translateY(-100%); transition: 0.2s transform cubic-bezier(.3,.73,.3,.74); width: 100%; z-index: 999; } body.effectHeader.showOnUp.up header.clone { transform: translateY(0); } body.effectHeader.showOnDown.down header.clone,body.effectHeader.showOnDown.up header.clone { transform: translateY(0); } .vAlign_middle .row > *,.valign_middle .row > *{ vertical-align: middle; } .vAlign_top .row > *,.valign_top .row > *{ vertical-align: top; } .vAlign_bottom .row > *,.valign_bottom .row > *{ vertical-align: bottom; } .ce_kachelelement .row > *{ width: 50%; } .ce_kachelelement .notfloat_right{ padding-left:calc(((100% - 1280px) / 2)); } .ce_kachelelement .notfloat_right > .inside{ padding: 4rem 4rem 4rem 2rem; } .ce_kachelelement .notfloat_left{ padding-right:calc(((100% - 1280px) / 2)); } .ce_kachelelement .notfloat_left > .inside{ padding: 4rem 2rem 4rem 4rem; } .ce_kachelelement video{ height: 100%; width: 100%; object-fit: cover; } /*scrolltop*/ a#return-to-top { background: var(--green); color: white; width: 60px; height: 48px; display: block; text-decoration: none; display: none; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; z-index:99999; position: fixed; right: -100%; top: 50%; margin-top: -24px; } a#return-to-top:hover { opacity:0.8; } a#return-to-top .icon-chevron-up{ display: table; height: 100%; width: 100%; } a#return-to-top .icon-chevron-up { display: table; height: 100%; width: 100%; } a#return-to-top .icon-chevron-up > i{ display: table-cell; vertical-align: middle; text-align: center; } #return-to-top img { width: 59%; transform: rotate(-90deg); margin: 6px 0 0 12px; } .bgImage > img{ max-width: 100%; height: auto; } .ce_gridList .slides li > img{ opacity: 0; width: auto; max-width: 100%; } .ce_gridList .flexslider .slides > li:first-of-type{ display: block; } .video_holder { position: relative; background: black; overflow: hidden; } .ce_gridList video{ width: 100%; height: auto; } /*Tciker*/ .ce_ticker{ padding: 1rem 2rem 0.5rem; box-sizing: border-box; } #ticker { width: 100%; list-style: none; height: 1.85em; overflow: hidden; margin: 0; } #ticker > li { width: 100%; text-align: center; font-weight: bold; } /*Searchmodal*/ .openBtn { padding: 0; line-height: 0; display: inline-block; vertical-align: middle; background: transparent; margin-left: 2rem; } .openBtn img{ max-width: 100%; height: auto; } .openBtn { background: transparent; border: none; padding: 0; cursor: pointer; } .openBtn:hover { opacity: 0.8; } .overlay { height: 100%; width: 100%; display: none; position: fixed; z-index: 99999; top: 0; left: 0; background-color: rgb(0,0,0); background-color: rgba(0,0,0, 0.9); } .overlay-content { position: relative; top: 46%; width: 80%; text-align: center; margin-top: 30px; margin: auto; } .overlay .closebtn { position: absolute; top: 20px; right: 45px; font-size: 60px; cursor: pointer; color: white; } .overlay .closebtn:hover { color: #ccc; } [type="search"] { width: 100%; } .mod_search form { display: table; width: 100%; max-width: 680px; margin: 0 auto; } .mod_search form > .formbody{ display: table-row; } .mod_search form > .formbody > *{ display: table-cell; vertical-align: middle; } .mod_search form .widget-text { background: white; width: calc(100% - 200px); } .mod_search form .widget-submit { width: 200px; border: 2px solid gray; background: gray; } .mod_search form .widget-submit > * { width: 100%; background: transparent; text-transform: uppercase; cursor: pointer; color: white; } .mod_search form [type="submit"] { padding: 0; margin: 0; line-height: 1; } .mod_search form .widget.widget-text input{ background: white; padding: 10px 20px; } /*Linked Headline*/ /*headlinelink*/ .ce_headlineLink > .inside { display: table; margin: 0 auto; } .ce_headlineLink .h2 { font-size: 56px; margin-bottom: 1rem; line-height: 1.2; } .ce_headlineLink .subheadline{ font-size: 28px; } .ce_headlineLink .headlineholder { padding-left: 3rem; } .ce_headlineLink .icon { width: 100px; height: 100px; } /*HeroImage*/ .ce_heroImage{ position: relative; } .ce_heroImage .caption{ position: absolute; width: 100%; height: 100%; top: 0; left: 0; } .ce_heroImage .caption > .inside{ display: table; height: 100%; width: 100%; max-width: 1280px; margin: 0 auto; padding: 2rem 2rem; box-sizing: border-box; } .noMargBottom{ margin: 0; } .captext{ text-align: center; } .capholder h2{ font-size: 48px; line-height: 1; } .capholder .linkText { display: table; margin: 0 auto; margin-top: 0px; background: var(--orange); line-height: 1; padding: 10px 2rem; margin-top: 2rem; } .footertop .row > *{ vertical-align: middle; } .socialholder { float: right; display: table; } .socialcell .item { float: left; margin-left: 20px; width: 40px; } .socialcell img { max-width: 100%; opacity: 0.8; transition: all 0.2s ease; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -ms-transition: all 0.2s ease; } /*wow*/ .wow{ visibility: hidden; } .logowhite { margin-bottom: 2rem; } .mod_logo { width: 180px; } .mod_logo img { max-width: 100%; } .footertop .row > * { vertical-align: top; } .social { display: table; float: right; } .social > * { float: left; margin-right: 20px; } .social span { display: block; } .socialIcon img { max-height: 100%; } .social img { height: 25px; width: auto; } .headertopholder { display: table; width: 100%; text-align: center; letter-spacing: 0.03rem; line-height: 1; } .headertopholder, .footertop, .footerbottom { padding: 20px 0; font-weight: 400; font-size: 15px; } .footertop{ background: gray; } .footerbottom,.headertop{ background: black; } .footertop, .footerbottom, .headertop{ color: white; } .social > * > span { height: 100%; line-height: 0; } .map { height: 450px; } #header .row > * > span.icon { height: 0.8rem; margin-right: 5px; } #header .row > * > span { display: inline-block; vertical-align: middle; } #header .row > * > span.icon img { height: 100%; width: auto; } #header .mod_navigation > ul > li { float: left; margin-left: 2rem; } .navigation > * { float: right; width: auto; } header .row > *{ vertical-align: middle; } body .sf-menu a, body .sf-menu strong { border: none; padding: .75em 1em; padding-right: 1em; color: inherit; display: block; } body .sf-menu li { background: transparent !important; white-space: nowrap; *white-space: normal; -webkit-transition: background .2s; transition: background .2s; } #header .mod_navigation .sf-menu ul a, #header .mod_navigation .sf-menu ul strong{ border-bottom: 1px solid rgba(0,0,0,0.3); } #header .mod_navigation .sf-menu ul strong{ display: block; padding: .75em 1em; padding-right: 1em; padding-right: 1em; } #header .mod_navigation .sf-menu ul a:hover, #header .mod_navigation .sf-menu ul strong:hover, #header .mod_navigation .sf-menu ul strong{ background: whiteSmoke; } body .sf-menu ul { box-shadow: none; background: white; } body .sf-arrows .sf-with-ul:after{ border-top-color: var(--blue) !important; } body .sf-menu { float: none; margin-bottom: 0; } header .mod_navigation.block{ overflow: visible; } body .sf-menu a { color: inherit; } .pageimage { position: relative; background: black; } #herosection .caption { position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; z-index: 999; } #herosection .caption *, #herosection .bgImage *, #herosection .flex-control-nav { height: auto; } #herosection .caption .inside > div { max-width: 1280px; margin: 0 auto; padding: 2rem; padding-right: 2rem; padding-left: 2rem; color: white; box-sizing: border-box; } #herosection .caption .inside > div { color: white; } #herosection h1 { font-size: 40px; } #herosection .row > *{ vertical-align: bottom; } .linkText { display: table; margin-top: 2rem; } .linkText a { display: block; border: 1px solid rgba(255,255,255,0.6); line-height: 1; padding: 10px 40px; } /*paddingsetup*/ #main .mod_article .ce_accordion.block.noPadBottom:first-of-type, .noPadBottom, #main .mod_article > .block.noPadBottom{ padding-bottom: 0; } #main .mod_article .ce_accordion.block.noPadTop:first-of-type, .noPadTop, #main .mod_article > .block.noPadTop{ padding-top: 0; } #main .mod_article .ce_accordion.block.noPadBottom:first-of-type, .noPadBottom, #main .mod_article > .block.noPadBottom{ padding-bottom: 0; } #main .mod_article .ce_accordion.block.padTopSmall:first-of-type, .padTopSmall, #main .mod_article > .block.padTopSmall{ padding-top: 2rem; } #main .mod_article .ce_accordion.block.padBottomSmall:first-of-type, .padBottomSmall, #main .mod_article > .block.padBottomSmall{ padding-bottom: 2rem; } /*gridlist varinate*/ .twocol.ce_gridList{ } .twocol.ce_gridList .teasergrid > div > div{ display: table; margin: 0 auto; padding-right: 2rem; } .twocol.ce_gridList .teasergrid > div > div > .inside{ display: table-row; } .twocol.ce_gridList .teasergrid > div > div > .inside > *{ display: table-cell; vertical-align: middle; } .twocol.ce_gridList .teasergrid > div > div > .inside > .text{ text-align: left; } .twocol.ce_gridList .teasergrid > div > div > .inside > .image_container{ padding-right: 2rem; } .center.twocol.ce_gridList .teasergrid > div > div { margin: 0 auto; float: none; display: inline-block; vertical-align: middle; } .center.twocol.ce_gridList .teasergrid > div { margin: 0 -2rem 0 0; } /*align*/ .center{ text-align: center; } /*kachelelement overlap*/ .mediaholder{ position: relative; } .ce_kachelelement .mediaholder > .bgImage{ position: relative; left: 0; top: 0; width: 100%; height: 100%; } .ce_headline > ::after { content: ''; display: block; max-width: 50px; margin: 2rem auto 0; height: 3px; width: 100%; background: #333; } .ce_kachelelement .overlapElement > .inside{ padding: 0; } .ce_kachelelement .overlapElement.notfloat_left > .inside .holder { padding: 2rem; margin-left: -4rem; margin-right: 4rem; /*width: calc(100% + 4rem);*/ background: #d6e8ef; position: relative; z-index: 1; } .ce_kachelelement .overlapElement.notfloat_right > .inside .holder { padding: 2rem; margin-right: -4rem; /* width: calc(100% + 4rem);*/ margin-left: 4rem; position: relative; z-index: 1; } .mod_article .ce_kachelelement .overlapElement > .inside .holder{ background: white; } .mod_article[style*="background: #d6e8ef"] .ce_kachelelement .overlapElement > .inside .holder{ background: #d6e8ef; } .ce_kachelelement .overlap .mediaholder .bgImage{ padding: 4rem 0; margin-top: -4rem; } .table.overlap { margin-bottom: 4rem; margin-top: 4rem; } #header .link .title, .ce_text a, #footer a, .links li span, .readmore{ transition: all 0.2s; } #header .link .title:hover, .ce_text a:hover, #footer a:hover, .links li span:hover, .readmore:hover, .ce_hyperlink a:hover { opacity:0.75; } @media all and (max-width: 1260px){ #ninetillfive .ce_kachelelement .notfloat_right{ vertical-align: middle; } #ninetillfive .ce_kachelelement .notfloat_right > .inside{ padding-top: 10rem; } #ninetillfive .headlinecontainer > * { font-size: 36px; } } @media all and (max-width: 980px){ #herosection h1 { font-size: 32px; } #herosection .caption .inside > div { padding-top: 4rem; } .ce_kachelelement .row > *,.twocol .row > *{ display: table-footer-group; } .ce_kachelelement .row > .mediaholder, .twocol .row > .mediaholder{ display: table-header-group; } .twocol .row > .ce_text:first-of-type .inside, .jobfacts .holder .inside,.ce_kachelelement .row > *, .twocol .row > .ce_text > .inner { padding: 2rem 20px; } #herosection{ overflow: hidden; } #ninetillfive .ce_kachelelement .notfloat_right > .inside{ padding-top: 4rem; } body .mod_joblist .teasergrid > div > div:hover .caption{ background: white; opacity: 1; } body .mod_joblist .teasergrid > div > div:hover .caption .title > *{ opacity: 1; } .mod_joblist .teasergrid > div > div .caption .title > .plus{ display: none; } .mod_joblist .teasergrid > div > div .caption .inner:after{ display: block; } .facts > span{ display: inline; } .arcname { margin-bottom: 0.5rem; } .card .holder .caption { padding: 20px; } .mod_joblist .teasergrid > div > div .caption .title { padding-right: 60px; } .mod_joblist .teasergrid > div > div .caption .title::after { display: table; } .teasergrid > .itemsperRow_4 > *, .ce_gallery ul.cols_4 > li { width: calc( (100% - (4 * 10px)) / 2 ); } } @media all and (max-width: 780px){ .footertop .row > *{ display: block; width: auto; } .onepage_navigation__list li { float:none; display: block; text-align:center; margin:0 0 15px 0; } .footertop .row > * .holder > img { width: auto; } .footertop .row > * .holder { width: auto; margin: 0 -25% -15% 0; } .ce_heroImage{ display: table; width: 100%; } .ce_heroImage .inside{ display: table-row; } .ce_heroImage .inside > .bgImage{ display: table-footer-group; } #main .mod_article > .block { padding: 2rem 2rem 4rem; } #ninetillfive .ce_kachelelement .notfloat_right > .inside { padding-top: 4rem; } .ce_kachelelement .notfloat_right > .inside{ padding-bottom: 0; } .ce_kachelelement .notfloat_left > .inside{ padding-top: 2rem; } #herosection .caption .inside > div { padding-bottom: 4rem; padding-top: 8rem; } } @media all and (max-width: 680px){ .teasergrid > .itemsperRow_3 > *, .ce_gallery ul.cols_3 > li { width: 100%; margin: 0 0 20px; } .teasergrid > .itemsperRow_4 > *, .ce_gallery ul.cols_4 > li { width: calc( (100% - (0 * 10px)) / 1 ); } #main .mod_article > .block,.ce_kachelelement .notfloat_right > .inside { padding: 2rem; } .ce_kachelelement .notfloat_left > .inside{ padding: 0; } .links { display: table; margin: 0 auto; } header > .inside { padding:0; } #header .link .title .label { display:none; } header > .inside .holder > .table, #herosection .caption .inside > div { padding-left:20px; padding-right:20px; } .safari #herosection .table > .row { padding-left:0; padding-right:0; } h2, #ninetillfive .headlinecontainer > *, .footertop .headlinecontainer > * { font-size: 24px; } #ninetillfive .headlinecontainer > * { padding-right:0; } .footertop .row > .text { width:auto; } .footer_top:after { background-position:50% 50%; } .footertop .row > * .holder { margin:0 -28% -15% 0; } #company .mediaholder::after { width:40px; } .iconlist .listitem { margin-bottom: 20px; } .col { column-count: 1; column-gap: 0; } } /* required styles */ .leaflet-pane, .leaflet-tile, .leaflet-marker-icon, .leaflet-marker-shadow, .leaflet-tile-container, .leaflet-pane > svg, .leaflet-pane > canvas, .leaflet-zoom-box, .leaflet-image-layer, .leaflet-layer { position: absolute; left: 0; top: 0; } .leaflet-container { overflow: hidden; } .leaflet-tile, .leaflet-marker-icon, .leaflet-marker-shadow { -webkit-user-select: none; -moz-user-select: none; user-select: none; -webkit-user-drag: none; } /* Prevents IE11 from highlighting tiles in blue */ .leaflet-tile::selection { background: transparent; } /* Safari renders non-retina tile on retina better with this, but Chrome is worse */ .leaflet-safari .leaflet-tile { image-rendering: -webkit-optimize-contrast; } /* hack that prevents hw layers "stretching" when loading new tiles */ .leaflet-safari .leaflet-tile-container { width: 1600px; height: 1600px; -webkit-transform-origin: 0 0; } .leaflet-marker-icon, .leaflet-marker-shadow { display: block; } /* .leaflet-container svg: reset svg max-width decleration shipped in Joomla! (joomla.org) 3.x */ /* .leaflet-container img: map is broken in FF if you have max-width: 100% on tiles */ .leaflet-container .leaflet-overlay-pane svg, .leaflet-container .leaflet-marker-pane img, .leaflet-container .leaflet-shadow-pane img, .leaflet-container .leaflet-tile-pane img, .leaflet-container img.leaflet-image-layer, .leaflet-container .leaflet-tile { max-width: none !important; max-height: none !important; } .leaflet-container.leaflet-touch-zoom { -ms-touch-action: pan-x pan-y; touch-action: pan-x pan-y; } .leaflet-container.leaflet-touch-drag { -ms-touch-action: pinch-zoom; /* Fallback for FF which doesn't support pinch-zoom */ touch-action: none; touch-action: pinch-zoom; } .leaflet-container.leaflet-touch-drag.leaflet-touch-zoom { -ms-touch-action: none; touch-action: none; } .leaflet-container { -webkit-tap-highlight-color: transparent; } .leaflet-container a { -webkit-tap-highlight-color: rgba(51, 181, 229, 0.4); } .leaflet-tile { filter: inherit; visibility: hidden; } .leaflet-tile-loaded { visibility: inherit; } .leaflet-zoom-box { width: 0; height: 0; -moz-box-sizing: border-box; box-sizing: border-box; z-index: 800; } /* workaround for https://bugzilla.mozilla.org/show_bug.cgi?id=888319 */ .leaflet-overlay-pane svg { -moz-user-select: none; } .leaflet-pane { z-index: 400; } .leaflet-tile-pane { z-index: 200; } .leaflet-overlay-pane { z-index: 400; } .leaflet-shadow-pane { z-index: 500; } .leaflet-marker-pane { z-index: 600; } .leaflet-tooltip-pane { z-index: 650; } .leaflet-popup-pane { z-index: 700; } .leaflet-map-pane canvas { z-index: 100; } .leaflet-map-pane svg { z-index: 200; } .leaflet-vml-shape { width: 1px; height: 1px; } .lvml { behavior: url(#default#VML); display: inline-block; position: absolute; } /* control positioning */ .leaflet-control { position: relative; z-index: 800; pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */ pointer-events: auto; } .leaflet-top, .leaflet-bottom { position: absolute; z-index: 1000; pointer-events: none; } .leaflet-top { top: 0; } .leaflet-right { right: 0; } .leaflet-bottom { bottom: 0; } .leaflet-left { left: 0; } .leaflet-control { float: left; clear: both; } .leaflet-right .leaflet-control { float: right; } .leaflet-top .leaflet-control { margin-top: 10px; } .leaflet-bottom .leaflet-control { margin-bottom: 10px; } .leaflet-left .leaflet-control { margin-left: 10px; } .leaflet-right .leaflet-control { margin-right: 10px; } /* zoom and fade animations */ .leaflet-fade-anim .leaflet-tile { will-change: opacity; } .leaflet-fade-anim .leaflet-popup { opacity: 0; -webkit-transition: opacity 0.2s linear; -moz-transition: opacity 0.2s linear; transition: opacity 0.2s linear; } .leaflet-fade-anim .leaflet-map-pane .leaflet-popup { opacity: 1; } .leaflet-zoom-animated { -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; } .leaflet-zoom-anim .leaflet-zoom-animated { will-change: transform; } .leaflet-zoom-anim .leaflet-zoom-animated { -webkit-transition: -webkit-transform 0.25s cubic-bezier(0,0,0.25,1); -moz-transition: -moz-transform 0.25s cubic-bezier(0,0,0.25,1); transition: transform 0.25s cubic-bezier(0,0,0.25,1); } .leaflet-zoom-anim .leaflet-tile, .leaflet-pan-anim .leaflet-tile { -webkit-transition: none; -moz-transition: none; transition: none; } .leaflet-zoom-anim .leaflet-zoom-hide { visibility: hidden; } /* cursors */ .leaflet-interactive { cursor: pointer; } .leaflet-grab { cursor: -webkit-grab; cursor: -moz-grab; cursor: grab; } .leaflet-crosshair, .leaflet-crosshair .leaflet-interactive { cursor: crosshair; } .leaflet-popup-pane, .leaflet-control { cursor: auto; } .leaflet-dragging .leaflet-grab, .leaflet-dragging .leaflet-grab .leaflet-interactive, .leaflet-dragging .leaflet-marker-draggable { cursor: move; cursor: -webkit-grabbing; cursor: -moz-grabbing; cursor: grabbing; } /* marker & overlays interactivity */ .leaflet-marker-icon, .leaflet-marker-shadow, .leaflet-image-layer, .leaflet-pane > svg path, .leaflet-tile-container { pointer-events: none; } .leaflet-marker-icon.leaflet-interactive, .leaflet-image-layer.leaflet-interactive, .leaflet-pane > svg path.leaflet-interactive, svg.leaflet-image-layer.leaflet-interactive path { pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */ pointer-events: auto; } /* visual tweaks */ .leaflet-container { background: #ddd; outline: 0; } .leaflet-container a { color: #0078A8; } .leaflet-container a.leaflet-active { outline: 2px solid orange; } .leaflet-zoom-box { border: 2px dotted #38f; background: rgba(255,255,255,0.5); } /* general typography */ .leaflet-container { font: 12px/1.5 "Helvetica Neue", Arial, Helvetica, sans-serif; } /* general toolbar styles */ .leaflet-bar { box-shadow: 0 1px 5px rgba(0,0,0,0.65); border-radius: 4px; } .leaflet-bar a, .leaflet-bar a:hover { background-color: #fff; border-bottom: 1px solid #ccc; width: 26px; height: 26px; line-height: 26px; display: block; text-align: center; text-decoration: none; color: black; } .leaflet-bar a, .leaflet-control-layers-toggle { background-position: 50% 50%; background-repeat: no-repeat; display: block; } .leaflet-bar a:hover { background-color: #f4f4f4; } .leaflet-bar a:first-child { border-top-left-radius: 4px; border-top-right-radius: 4px; } .leaflet-bar a:last-child { border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-bottom: none; } .leaflet-bar a.leaflet-disabled { cursor: default; background-color: #f4f4f4; color: #bbb; } .leaflet-touch .leaflet-bar a { width: 30px; height: 30px; line-height: 30px; } .leaflet-touch .leaflet-bar a:first-child { border-top-left-radius: 2px; border-top-right-radius: 2px; } .leaflet-touch .leaflet-bar a:last-child { border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; } /* zoom control */ .leaflet-control-zoom-in, .leaflet-control-zoom-out { font: bold 18px 'Lucida Console', Monaco, monospace; text-indent: 1px; } .leaflet-touch .leaflet-control-zoom-in, .leaflet-touch .leaflet-control-zoom-out { font-size: 22px; } /* layers control */ .leaflet-control-layers { box-shadow: 0 1px 5px rgba(0,0,0,0.4); background: #fff; border-radius: 5px; } .leaflet-control-layers-toggle { background-image: url(../../files/theme/layout/styles/events/images/layers.png); width: 36px; height: 36px; } .leaflet-retina .leaflet-control-layers-toggle { background-image: url(../../files/theme/layout/styles/events/images/layers-2x.png); background-size: 26px 26px; } .leaflet-touch .leaflet-control-layers-toggle { width: 44px; height: 44px; } .leaflet-control-layers .leaflet-control-layers-list, .leaflet-control-layers-expanded .leaflet-control-layers-toggle { display: none; } .leaflet-control-layers-expanded .leaflet-control-layers-list { display: block; position: relative; } .leaflet-control-layers-expanded { padding: 6px 10px 6px 6px; color: #333; background: #fff; } .leaflet-control-layers-scrollbar { overflow-y: scroll; overflow-x: hidden; padding-right: 5px; } .leaflet-control-layers-selector { margin-top: 2px; position: relative; top: 1px; } .leaflet-control-layers label { display: block; } .leaflet-control-layers-separator { height: 0; border-top: 1px solid #ddd; margin: 5px -10px 5px -6px; } /* Default icon URLs */ .leaflet-default-icon-path { background-image: url(../../files/theme/layout/styles/events/images/marker-icon.png); } /* attribution and scale controls */ .leaflet-container .leaflet-control-attribution { background: #fff; background: rgba(255, 255, 255, 0.7); margin: 0; } .leaflet-control-attribution, .leaflet-control-scale-line { padding: 0 5px; color: #333; } .leaflet-control-attribution a { text-decoration: none; } .leaflet-control-attribution a:hover { text-decoration: underline; } .leaflet-container .leaflet-control-attribution, .leaflet-container .leaflet-control-scale { font-size: 11px; } .leaflet-left .leaflet-control-scale { margin-left: 5px; } .leaflet-bottom .leaflet-control-scale { margin-bottom: 5px; } .leaflet-control-scale-line { border: 2px solid #777; border-top: none; line-height: 1.1; padding: 2px 5px 1px; font-size: 11px; white-space: nowrap; overflow: hidden; -moz-box-sizing: border-box; box-sizing: border-box; background: #fff; background: rgba(255, 255, 255, 0.5); } .leaflet-control-scale-line:not(:first-child) { border-top: 2px solid #777; border-bottom: none; margin-top: -2px; } .leaflet-control-scale-line:not(:first-child):not(:last-child) { border-bottom: 2px solid #777; } .leaflet-touch .leaflet-control-attribution, .leaflet-touch .leaflet-control-layers, .leaflet-touch .leaflet-bar { box-shadow: none; } .leaflet-touch .leaflet-control-layers, .leaflet-touch .leaflet-bar { border: 2px solid rgba(0,0,0,0.2); background-clip: padding-box; } /* popup */ .leaflet-popup { position: absolute; text-align: center; margin-bottom: 20px; } .leaflet-popup-content-wrapper { padding: 1px; text-align: left; border-radius: 12px; } .leaflet-popup-content { margin: 13px 19px; line-height: 1.4; } .leaflet-popup-content p { margin: 18px 0; } .leaflet-popup-tip-container { width: 40px; height: 20px; position: absolute; left: 50%; margin-left: -20px; overflow: hidden; pointer-events: none; } .leaflet-popup-tip { width: 17px; height: 17px; padding: 1px; margin: -10px auto 0; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .leaflet-popup-content-wrapper, .leaflet-popup-tip { background: white; color: #333; box-shadow: 0 3px 14px rgba(0,0,0,0.4); } .leaflet-container a.leaflet-popup-close-button { position: absolute; top: 0; right: 0; padding: 4px 4px 0 0; border: none; text-align: center; width: 18px; height: 14px; font: 16px/14px Tahoma, Verdana, sans-serif; color: #c3c3c3; text-decoration: none; font-weight: bold; background: transparent; } .leaflet-container a.leaflet-popup-close-button:hover { color: #999; } .leaflet-popup-scrolled { overflow: auto; border-bottom: 1px solid #ddd; border-top: 1px solid #ddd; } .leaflet-oldie .leaflet-popup-content-wrapper { -ms-zoom: 1; } .leaflet-oldie .leaflet-popup-tip { width: 24px; margin: 0 auto; -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)"; filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678); } .leaflet-oldie .leaflet-popup-tip-container { margin-top: -1px; } .leaflet-oldie .leaflet-control-zoom, .leaflet-oldie .leaflet-control-layers, .leaflet-oldie .leaflet-popup-content-wrapper, .leaflet-oldie .leaflet-popup-tip { border: 1px solid #999; } /* div icon */ .leaflet-div-icon { background: #fff; border: 1px solid #666; } /* Tooltip */ /* Base styles for the element that has a tooltip */ .leaflet-tooltip { position: absolute; padding: 6px; background-color: #fff; border: 1px solid #fff; border-radius: 3px; color: #222; white-space: nowrap; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; pointer-events: none; box-shadow: 0 1px 3px rgba(0,0,0,0.4); } .leaflet-tooltip.leaflet-clickable { cursor: pointer; pointer-events: auto; } .leaflet-tooltip-top:before, .leaflet-tooltip-bottom:before, .leaflet-tooltip-left:before, .leaflet-tooltip-right:before { position: absolute; pointer-events: none; border: 6px solid transparent; background: transparent; content: ""; } /* Directions */ .leaflet-tooltip-bottom { margin-top: 6px; } .leaflet-tooltip-top { margin-top: -6px; } .leaflet-tooltip-bottom:before, .leaflet-tooltip-top:before { left: 50%; margin-left: -6px; } .leaflet-tooltip-top:before { bottom: 0; margin-bottom: -12px; border-top-color: #fff; } .leaflet-tooltip-bottom:before { top: 0; margin-top: -12px; margin-left: -6px; border-bottom-color: #fff; } .leaflet-tooltip-left { margin-left: -6px; } .leaflet-tooltip-right { margin-left: 6px; } .leaflet-tooltip-left:before, .leaflet-tooltip-right:before { top: 50%; margin-top: -6px; } .leaflet-tooltip-left:before { right: 0; margin-right: -12px; border-left-color: #fff; } .leaflet-tooltip-right:before { left: 0; margin-left: -12px; border-right-color: #fff; } .login img{ width:25px; } .member-area img{ width:25px; } .d-block{ display: block; } .d-flex{ display: flex; flex-wrap: wrap; } .justify-content-center{ justify-content: center; } .justify-content-space{ justify-content: space-between; } .justify-content-end{ justify-content: flex-end; } .align-items-center{ align-items: center; } .event-details{ background: rgba(0, 0, 0, 0.1); border-radius: 10px; padding: 20px; } .event-details .event-image img{ border-radius: 20px; } .event-details .headlinecontainer{ margin-bottom:10px; } .widget-text #eventTeaser, .widget-text #comments{ width: 100%; background: #f3f4f6; } .multiselect-dropdown label input{ width: auto; } button.btn{ background: #00b03f; color: #fff; padding: 6px 20px; border-radius: 30px; cursor: pointer; transition: all 0.3s ease-in-out; } button.btn:hover{ filter: brightness(1.1); box-shadow: 0px 0px 4px 2px #00b03f; } button.red{ background: #c31632; } button.red:hover{ box-shadow: 0px 0px 4px 2px #c31632; } .subscribe-event .subscribe-button{ text-align: right; } /* Dropdown button */ .multiselect-button { width: 100%; padding: 10px 40px 10px 10px; font-size: 16px; cursor: pointer; background-color: #fff; color: #333; text-align: left; height: 40px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; background: #f3f4f6; } /* Dropdown content */ .multiselect-container{ position: relative; } .multiselect-dropdown { display: none; position: absolute; width: 100% ; background-color: white; max-height: 200px; overflow-y: auto; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); z-index: 1; } .multiselect-button::after{ content: ""; font-weight: 100; position: absolute; right: 20px; top: 33%; width: 10px; height: 10px; border-bottom: 1px solid #000; border-right: 1px solid #000; transform: rotate(45deg); pointer-events: none; color: #0069b4; transition: all 0.3s ease-in-out; } .multiselect-container.active .multiselect-button::after{ transform: rotate(225deg); } /* Checkbox label */ .multiselect-dropdown label { display: block; padding: 8px; cursor: pointer; } /* Style for checkboxes */ .multiselect-dropdown input[type="checkbox"] { margin-right: 8px; } /* Highlight option when hovered */ .multiselect-dropdown label:hover { background-color: #f1f1f1; } /* Show dropdown when active */ .multiselect-container.active .multiselect-dropdown { display: block; } body .multiselect-dropdown .icheckbox_minimal, body .checkbox .icheckbox_minimal, .altcha-checkbox .icheckbox_minimal{ margin-left: 0px; } .altcha-checkbox.svelte-fqcw55.svelte-fqcw55{ height:30px !important; width:30px !important; } .multiselect-dropdown span, .checkbox span{ display: inline-block; } .popup-window{ display: none; } .popup-window.active{ display: flex; justify-content: center; position:fixed; top: 0; left: 0; width: 100%; height: 100%; background: #00000099; padding: 20px; z-index: 9999; overflow-y: scroll; } .popup-window .close{ position: absolute; top: 10px; right: 10px; width: 30px; cursor: pointer; } .popup-window .close img{ width: 30px; } .popup-window > div, .popup-window >form{ width:60%; background: var(--lightblue); padding: 40px 30px; height: fit-content; border-radius: 10px; position: relative; } .btn-icon{ display: inline-flex; justify-content: center; align-items: center; line-height: 1; } .btn-icon img{ width: 20px; display: inline-block; margin-right: 2px; } .delete-event-form, .add-event-form{ display: inline-block; line-height:1; } .popup-window .widget{ display: block; } body .popup-window .dk-select .dk-selected{ padding: 3px 15px; background: #f3f4f6; font-size: 15px; color: #000; font-weight: 500; } .pb-0 { padding-bottom: 0rem !important; } .pt-0{ padding-top: 0rem !important; } .mr-1{ margin-right: 5px; } .mb-3{ margin-bottom:1.5rem; } .participants-list table { width: 100%; border-collapse: collapse; text-align: left; } .participants-list th, .participants-list td { border: 1px solid #ddd; padding: 8px; } .participants-list th { background-color: #f2f2f2; } .participants-list tr:nth-child(even) { background-color: #f9f9f9; } #custom-event-filter{ background: rgba(0, 0, 0, 0.1); border-radius: 20px; padding: 2rem; margin: 10px 0; overflow: visible; margin-left: 10px; } #custom-event-filter .filterheadline{ color: #333; } #custom-event-filter .dk-select-options{ max-height: 6.5em; } .text-right{ text-align: right; } .blanker-spinner{ position: fixed; top: 0; right: 0; bottom: 0; left: 0; display: flex; align-items: center; justify-content: center; background: #52ae3224; z-index: 9999; } .blanker-spinner img{ width: 70px; } .tox-tinymce-aux{ z-index: 99999 !important; } .feedback-form .iradio_minimal { background-position: -120px 0; } .activity-buttons{ display: flex; align-items: end; min-height: 72px; flex-wrap: wrap; } .activity-buttons button{ margin-right: 3px ; } @media (max-width: 768px) { .popup-window > div, .popup-window >form{ width: 100%; } } .reset{ border-radius: 50%; padding: 10px 10px 0px 10px; margin-right: 5px; background: #00b03f; color: #fff; cursor: pointer; transition: all 0.3s ease-in-out; } .reset:hover{ filter: brightness(1.1); box-shadow: 0px 0px 4px 2px #00b03f; } .reset img{ width: 30px; } /*column*/ .col-lg-12{ width:100%; } .col-lg-6{ width: 50%; } @media (max-width: 1000px) { .col-md-6{ width:50%; } .col-md-12{ width: 100%; } } @media (max-width: 576px) { .col-sm-6{ width:50%; } .col-sm-12{ width: 100%; } } #map, #edit-map{ width: 100%; height:300px; margin-top:10px; } #details-map{ width:100%; height:400px; margin-top:10px; margin-bottom:20px; } .loading-container{ position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: #0000006e; z-index: 999; display: none; justify-content: center; align-items: center; } .loading-container img{ height:60px; } .map-container{ position: relative; } .address-error{ line-height:1; font-size: 14px; color:red; display: none; } .details-image{ background-repeat: no-repeat; background-position: center; background-size: cover; width: 100%; height:400px; } .details-image img{ display: none; } .disable-inputs .icheckbox_minimal{ visibility: hidden; } .disable-inputs label img{ border: 5px solid transparent; cursor: pointer; } .disable-inputs label.active img{ border: 5px solid #00b03f; border-radius: 50px; } #custom-event-filter .checkbox{ display: flex; flex-wrap: wrap; justify-content: flex-start; align-content: baseline; } #custom-event-filter .checkbox .form-checkbox{ width:50%; display: flex; flex-wrap: wrap; justify-content: flex-start; align-content: center; margin: 5px 0px; } #custom-event-filter .checkbox .form-checkbox img{ height:20px; margin-right: 5px; } #custom-event-filter .checkbox label{ line-height: 100%; } #custom-event-filter .category-filter{ width: 100%; margin-bottom: 20px; text-align: center; position: relative; } #custom-event-filter .category-filter span{ background: #BED5E2; z-index: 1; padding: 0px 10px; position: relative; } #custom-event-filter .category-filter::after{ content:''; position: absolute; top: 15px; left: 10%; right: 10%; height: 2px; background-color: gray; } .paginationjs-pages{ display: flex; justify-content: end; padding: 10px 0px; } .paginationjs-pages ul{ display: flex; flex-wrap: wrap; align-items: center; } .paginationjs-pages ul li{ padding: 5px 8px; line-height: 100%; } .paginationjs-pages ul li.active{ background: rgba(0,0,0,0.1); } .paginationjs-pages ul li a{ text-decoration: none !important; } .paginationjs-pages .paginationjs-prev{ margin-right: 5px; } .paginationjs-pages .paginationjs-next{ margin-left: 5px; } .paginationjs-pages .paginationjs-prev, .paginationjs-pages .paginationjs-next{ background: #52AE32; padding-bottom: 0px; } .paginationjs-pages .paginationjs-prev img{ transform: rotate(180deg); } .paginationjs-pages .paginationjs-prev img, .paginationjs-pages .paginationjs-next img{ width: 30px; } #custom-event-filter .event_dates input{ margin-right: 10px; margin-bottom:10px; } @media (max-width: 576px) { #custom-event-filter .checkbox .form-checkbox{ width:100%; } #custom-event-filter .category-filter::after{ left: 0; right: 0; } #custom-event-filter .event_dates input{ margin-right: 0px; } } /*Basics*/ :root { --lightblue: #D4EDFC; --darkgray: #2F2F2F; --green: #52AE32; --blue: #2B2171; --lightbrown:#F1EDE6; --lightgreen: #EDF7EA; --wave-spacing: -115px; } /* signika-300 - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Signika'; font-style: normal; font-weight: 300; src: url('/files/theme/layout/fonts/signika/signika-v25-latin-300.eot'); /* IE9 Compat Modes */ src: url('/files/theme/layout/fonts/signika/signika-v25-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/files/theme/layout/fonts/signika/signika-v25-latin-300.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('/files/theme/layout/fonts/signika/signika-v25-latin-300.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */ url('/files/theme/layout/fonts/signika/signika-v25-latin-300.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ url('/files/theme/layout/fonts/signika/signika-v25-latin-300.svg#Signika') format('svg'); /* Legacy iOS */ } /* signika-regular - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Signika'; font-style: normal; font-weight: 400; src: url('/files/theme/layout/fonts/signika/signika-v25-latin-regular.eot'); /* IE9 Compat Modes */ src: url('/files/theme/layout/fonts/signika/signika-v25-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/files/theme/layout/fonts/signika/signika-v25-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('/files/theme/layout/fonts/signika/signika-v25-latin-regular.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */ url('/files/theme/layout/fonts/signika/signika-v25-latin-regular.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ url('/files/theme/layout/fonts/signika/signika-v25-latin-regular.svg#Signika') format('svg'); /* Legacy iOS */ } /* signika-500 - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Signika'; font-style: normal; font-weight: 500; src: url('/files/theme/layout/fonts/signika/signika-v25-latin-500.eot'); /* IE9 Compat Modes */ src: url('/files/theme/layout/fonts/signika/signika-v25-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/files/theme/layout/fonts/signika/signika-v25-latin-500.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('/files/theme/layout/fonts/signika/signika-v25-latin-500.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */ url('/files/theme/layout/fonts/signika/signika-v25-latin-500.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ url('/files/theme/layout/fonts/signika/signika-v25-latin-500.svg#Signika') format('svg'); /* Legacy iOS */ } /* signika-600 - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Signika'; font-style: normal; font-weight: 600; src: url('/files/theme/layout/fonts/signika/signika-v25-latin-600.eot'); /* IE9 Compat Modes */ src: url('/files/theme/layout/fonts/signika/signika-v25-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/files/theme/layout/fonts/signika/signika-v25-latin-600.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('/files/theme/layout/fonts/signika/signika-v25-latin-600.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */ url('/files/theme/layout/fonts/signika/signika-v25-latin-600.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ url('/files/theme/layout/fonts/signika/signika-v25-latin-600.svg#Signika') format('svg'); /* Legacy iOS */ } /* signika-700 - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Signika'; font-style: normal; font-weight: 700; src: url('/files/theme/layout/fonts/signika/signika-v25-latin-700.eot'); /* IE9 Compat Modes */ src: url('/files/theme/layout/fonts/signika/signika-v25-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/files/theme/layout/fonts/signika/signika-v25-latin-700.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('/files/theme/layout/fonts/signika/signika-v25-latin-700.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */ url('/files/theme/layout/fonts/signika/signika-v25-latin-700.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ url('/files/theme/layout/fonts/signika/signika-v25-latin-700.svg#Signika') format('svg'); /* Legacy iOS */ } body { color: #333; font-family: 'Signika',Arial,Helvetica,sans-serif; font-size: 20px; font-weight: 300; line-height: 165%; text-align: left; } img{ max-width: 100%; height: auto; } .headline > *{ margin: 0; } .headline > *, .headlinecontainer > *, h1, .h1,h2,.h2,h3,.h3,h4, .h4, h5,.h5,h6,.h6{ font-family: 'Signika',Arial,Helvetica,sans-serif; font-weight: 600; line-height: 1.2; } h1,.h1,h2,.h2{ font-size: 40px; } h2,.h2{ font-size: 42px; font-weight: 600; } h3, .h3{ font-size: 32px; } #herosection h1,#herosection h2{ font-size: 60px; list-style-position: 1.2; } .footerbottom, .headertop{ background: transparent; color: inherit; } header .row > * { vertical-align: bottom; } header .row > .header_right{ position: relative; } .safari header .row > .headerright{ height: 102px; } .safari #herosection .caption{ display: block; } .safari #herosection .caption > .row { display: table; height: 100%; width: 100%; } header .row > .headerright,header .row > .headerright > .table { height: 100%; } .headertop > .inside, .headerbottom > .inside, .footertop > .inside, .footerbottom > .inside, #main .mod_article > .block{ max-width: 1180px; } .ce_kachelelement .notfloat_right { padding-left: calc(((100% - 1180px) / 2)); } .vTop, header .row > .vTop{ vertical-align: top } .vBottom, header .row > .vBottom{ vertical-align: bottom } header .row > .vTop > a, header .row > .vBottom > *{ float: right; } header > .inside > * > .inside,.mod_article > .block,#herosection .caption > .inside{ max-width: 1480px; margin: 0 auto; padding: 0 2rem; } header > .inside > .headerbottom > .inside{ padding-bottom: 8px; } header .mod_logo{ width: 260px; } .mod_logo img { max-width: 100%; margin-top: -44px; width: 165px; } .slicknav_menu .mod_logo img { max-width: 100%; margin-top: 0; width: 100px; } header > .inside > .table{ padding: 1.25rem 0; } header{ font-size: 1.15rem; position: absolute; width: 100%; z-index: 9999; } header > .inside > * > .inside{ padding: 15px 2rem; } .headertop{ background: rgba(255,255,255,0.6); } .headertop .header_left{ width: 190px; } .headertop .mod_customnav ul > li{ float: left; margin-left: 40px; font-size: 17px; font-weight: 300; } .headertop .mod_customnav ul > li.first{ margin: 0; } .headertop .mod_customnav ul{ float: right; } .headertop .mod_customnav{ display: table; } .headertop .header_right{ float: right; padding-right: 2rem; } .headerbottom{ background: white; } header .headerbottom nav.mod_navigation > ul > li:first-of-type{ margin-left: 0; } header .headerbottom nav.mod_navigation{ display: table; width: 100%; } #header{ background: white; } header .headerbottom nav.mod_navigation > ul.level_1 > li{ line-height: 1.2; width: calc((100% - (5 * 2rem)) / 5); margin-left: 0; } header .mod_logo figure { position: absolute; top: -15px; background: white; border-radius: 0 0 20px 20px; padding: 6px 0px 20px 36px; } /* jubi-logo */ header .mod_logo figure{ padding-left: 0; } .mod_logo img { width: 200px; } /* jubi-logo */ header strong{ font-weight: 400; color: black; } header .headerbottom nav.mod_navigation > ul > li { margin-left: 2rem; } #header .headerbottom nav.mod_navigation > ul > li:first-of-type { margin-left: 0; } #herosection { width: 100%; background: gray; height: calc(100vh - (100vh / 9)); max-height: 800px; } #herosection .inside,#herosection .inside > .mod_pageimage,#herosection .inside > .mod_pageimage figure{ height: 100%; } #herosection .caption > .inside{ } #herosection .inside > .mod_pageimage figure > img{ height: 100%; width: 100%; object-fit: cover; object-position: top; } #herosection figure{ position: relative; } #herosection figurecaption{ line-height: 1.2; } #herosection figurecaption .holder > div{ margin: 2rem 0 10% 0; color: white; display: table; } #herosection figurecaption .holder > div .headline > *, #herosection figurecaption .holder > div .ce_text{ font-size:54px; font-weight: 600; line-height: 1.2; text-shadow: 0 0 8px rgba(0,0,0,0.7); } #herosection figurecaption .holder > div .ce_text{ font-weight: 400; } #herosection figurecaption .holder > div .ce_text:after{ content: ''; display: block; width: 100%; height: 0.688rem; margin-top: 0.625rem; background: var(--lightbrown); } .footertop{ background: transparent; color: inherit; padding: 0 2rem; } .footerbottom{ background: transparent; color: inherit; } .footerbottom > .inside{ display: table; margin: 0 auto; } footer .mod_customnav ul > li{ font-weight: 500; } footer{ font-size: 1.25rem; } footer .footertop .row > *{ vertical-align: bottom; } footer .adressblock.item_2 > .inside{ display: table; margin: 0 auto; } footer .adressblock.item_3 > .inside{ float: right; } .sociallist{ float: right; } .sociallist > li{ float: left; margin-left: 10px; } .sociallist > li:first-child{ margin-left: 0; } figure, .imageholder .cell{ line-height: 0; } .bgcolored,.bgColored > .zitatitem, .bgColored > .inside{ background: var(--lightblue); } .teasergrid > div{ margin-bottom: -20px; } .ce_elementgrid .headline{ font-weight: 600; } .ce_elementgrid .bgcolored .headline, .ce_elementgrid .bgcolored .ce_text{ padding: 10px;} .teasergrid > * > *{ overflow: hidden; border-radius: 20px; } .teasergrid > .itemsperRow_3 > div:not(.owl-stage-outer),.teasergrid > .itemsperRow_3 > div:not(.owl-nav), .ce_gallery ul.cols_6 > li{ width: calc( (100% - (6 * 0.625rem)) / 3 ); margin: 0 10px 20px; } .teasergrid > .itemsperRow_3 > div.owl-stage-outer,.teasergrid > .itemsperRow_3 > div.owl-nav{ width: auto; } teasergrid > .itemsperRow_3 > div.owl-nav{ overflow: visible; } .author{ font-size: 0.75rem; line-height: 1.438rem; } .zitatitem > *{ max-width: 580px; margin: 0 auto; } blockquote, .zitatitem > blockquote{ font-family: 'Signika',serif; font-size: 1.875rem; line-height: 2.688rem; margin-bottom: 2rem; display: block; } .twocol > .row > *{ vertical-align: top; } .twocol > .row > .headlinecontainer{ width: 30%; padding-right: 2rem; } .twocol > .row > .text{ padding-left: 2rem; } .twocol > .row > .headlinecontainer > *,#footertop .headlinecontainer > *{ display: table; } .twocol > .row > .headlinecontainer > *:after, #footertop .headlinecontainer > *:after{ content: ''; height: 9px; background: var(--lightblue); display: block; } .text ul { padding-left: 0.563rem; margin-top: 0.5rem; } .text ul > li{ margin-bottom: 1rem; } .text ul > li:before{ content: '•'; margin-right: 0.2rem; margin-left: -0.563rem; } body .ce_zitatSlider .flex-control-nav, body .ce_kachelelement .flex-control-nav{ bottom: 0; z-index: 999; position: relative; margin-top: 2rem; } #footertop .ce_form form{ display: table; width: 100%; } #footertop .ce_form > form .formbody{ margin: 0 -1rem; } #footertop .ce_form > form .formbody > fieldset{ float: left; width: 50%; margin: 0 ; padding: 0; overflow: hidden; } #footertop .row > .left{ width: 30%; vertical-align: top; padding-right: 2rem; } #footertop .row > .form{ padding-left: 2rem; vertical-align: top; } input,textarea,.form-confirmation{ font-size: 0.875rem; } .form-confirmation{ max-width: 480px; font-size: 16px; } #footertop .ce_form > form .formbody > fieldset{ padding: 0 1rem; } #footertop .ce_form > form .formbody > fieldset > .widget-textarea{ display: contents; } #footertop .ce_form > form .formbody > fieldset > .widget-textarea, #footertop .ce_form > form .formbody > fieldset > .widget-textarea textarea{ height: 100%; } .widget:last-of-type{ margin-bottom: 0; } .widget-checkbox { float: right; display: table; width: auto; margin: 10px 0 0; padding: 0; font-size: 0.875rem; } .submit { background: transparent; padding: 0 10px; line-height: 3rem; float: right; display: inline-block; cursor: pointer; color: inherit; vertical-align: middle; } .submit:after { content: ''; height: 80px; width: 80px; background: url(/files/theme/layout/images/icons/send.svg) no-repeat scroll 0 0 transparent; background-size: contain; display: inline-block; vertical-align: middle } body .slicknav_nav, body .slicknav_nav a:hover{ background-color: var(--green); color:white; } .small{ font-size: 14px; font-weight: 300; } .page-header{ position: relative; } footer .inside > svg { position: absolute; top: 100%; height: 140px; left: 0; left: 50%; width: 400rem; margin-left: -200rem; } .footerhero{ position: relative; } .footerhero .footertop{ position: relative; } .footerhero .footertop .wave { display: none; } #main > .inside > .mod_article:first-of-type{ background: var(--lightblue); min-height: 200px; } #main > .inside > .mod_article:first-of-type > .block{ padding-top: 0; } a > iframe{ background: transparent !important; } .ce_pageteaser.capOverlay .teasergrid > .itemsperRow_3 > * .text h2 { margin: 0; line-height: 1; } .image_container { line-height: 0; } .ce_pageteaser span.table{ display: table; width: 100% } .ce_pageteaser.capOverlay span.image_container{ height: 100%; } .ce_pageteaser span.table > .row{ display: table-row; } .ce_pageteaser span.table > .row > *{ display: table-cell; vertical-align: middle; } .ce_pageteaser span.table > .row > .readmore{ text-align: right; width: 30px; height: 30px; vertical-align: bottom; } .readmore.arrow{ display: table; float: right; } .linkholder.back,.linkholder.pageback { display: table; margin: 0; text-align: center; margin-top: 2rem; } .linkholder.pageback { margin: 0 auto 4rem; width: auto; } .back .readmore.arrow{ display: table; float: none; } .linkholder.pageback a > *{ display: table-cell; vertical-align: middle; } .linkholder.pageback .readmore.arrow{ float: none; padding-right: 10px; } .linkholder.pageback a.readmore{ background: transparent; border: 2px solid var(--green); color: var(--green); font-size: 21px; padding: 10px 20px; border-radius: 20px; display: table; line-height: 1; } .linkholder.pageback a.readmore:after{ display: none; } .linkholder.pageback .readmore.arrow img, .linkholder.back .readmore.arrow img { width: 53px; height: 53px; transform: rotate(180deg); } .linkholder.pageback .readmore.arrow img{ display: inline-block; vertical-align: middle; height: 30px; width: 30px; object-fit: contain; -webkit-object-fit:contain; } .mod_newslist .item > .inside, .mod_newslist .item a,.mod_newslist .item a > span{ display: block; height: 100%; } .mod_newslist .readmore.arrow{ position: absolute; bottom: 0; right: 0; } .mod_newslist .ce_text > span.readmore.arrow{ display: inline-block; float: none; } .readmore.arrow img{ width: 53px; height: 53px; } .mod_newslist .h3{ font-size: 26px; } span.header{ line-height: 1; font-weight: 900; } span.header > span{ line-height: 1; display: block; } span.header .dayname { font-size: 20px; letter-spacing: 0.08rem; } span.header .day { font-size: 100px; color:var(--blue); } span.header .moth { font-size: 30px; color:var(--green); } .cats{ display: table; width: 100%; margin-bottom: 20px; } .catpill{ float: left; background: var(--green); color: white; vertical-align: middle; padding: 5px 10px; border-radius: 10px; line-height: 1; margin-right: 10px; margin-bottom:5px; } .catpill:first-of-type{ margin-left: 0; } .layout_list .content{ padding: 2rem 0 4rem; } .layout_list .content h2,.layout_list .content .h2{ font-size: 26px; line-height: 1.2; } .teasergrid > div .event,.mod_newslist .item { background: rgba(0,0,0,0.1); border-radius: 10px; overflow: hidden; } .ce_pageteaser .inside{ height: 100%; display: table; } .mod_newslist .item .image_container,.ce_pageteaser a > .inside{ border-radius: 20px; overflow: hidden; display: block; } .teasergrid > div .event a > .inside,.teasergrid > div .event > .inside,.mod_newslist .item > .inside{ padding: 20px; } .teasergrid > div .event .linkholder{ width: 100%; position: absolute; bottom: 0; left: 0; padding: 20px; } .teasergrid > div .event .linkholder a { display: table; float: right; } .teasergrid > div .event .linkholder a > img{ width: 50px; height: 50px; text-align: right; } .mod_eventlist .item .headlinecontainer{ margin-bottom: 0; min-height: 63px; margin-bottom: 1rem; } .teasergrid > div .event .ce_text, .mod_newslist .teasergrid .ce_text{ font-size: 16px; line-height: 150%; } .linkholder{ display: table; margin-top: 4rem; text-align: center; width: 100%; } .cats{ min-height: 26px; } .linkset > li > a.readmore, #main .mod_eventlist + .ce_ctaLink .linkholder a.readmore, #main .mod_newslist .linkholder a,.read-more-text + span.more{ color: white; background: var(--green); padding: 5px 20px; border-radius: 20px; line-height: 1; font-size: 24px; text-decoration: none; margin: 0 auto; } #main .mod_eventlist + .ce_ctaLink .linkholder, #main .mod_newslist .linkset .linkholder{ margin: 0 auto; } .linkset{ display: table; width: 100%; } .linkset > li > a.readmore, .read-more-text + span.more{ display: table; margin: 2rem 0 0; cursor: pointer; background: transparent; color:var(--green); border: 2px solid var(--green); /* float: right; */ } .linkset > li > a.readmore{ font-size: 18px; text-decoration: none; float: left; margin: 0 10px 1rem 0; } .linkholder a:after,.read-more-text + span.more:after{ content: ''; display: inline-block; vertical-align: middle; height: 40px; width: 20px; background: url(/files/theme/layout/images/icons/forward.svg) no-repeat scroll 50% 50% transparent; background-size: contain; margin-left: 20px; } .mod_eventlist .teasergrid{ position: unset; } .mod_eventlist .teasergrid .owl-nav { width: auto; } .mod_eventlist .teasergrid .owl-nav button{ position: absolute; top: 300px; left: 0; z-index: 999; width: 40px; height: 40px; margin-top: 20px; } .mod_eventlist .teasergrid .owl-nav button img{ width: 100%; height: 100%; object-fit: contain; -webkit-object-fit:contain; object-position: center; } #main .mod_article > .block.mod_eventlist{ position: relative; padding-bottom:1rem; } #main .mod_article > .block .text, #main .mod_article > .block .layout_full{ /* max-width: 980px; margin: 0; */ } #main .mod_article > .block.center .text{ margin: 0 auto; } #main .mod_article > .block.center .linkholder > .readmore > a { margin: 0 auto; } .mod_eventlist .teasergrid .owl-nav button.owl-next{ right: -60px; left: auto; } p.back{ margin-top: 4rem; } .image_container.float_left{ margin: 0.5rem 2rem 2rem 0; } .image_container.float_right{ margin: 0.5rem 0 2rem 2rem; } .teasergrid > div.owl-carousel, .teasergrid > div.owl-carousel.owl-loaded{ /* display: table; position: unset; width: 100%;*/ } body .owl-theme .owl-nav [class*="owl-"]:hover{ background: none; } body .owl-carousel .owl-nav button.disabled{ display: none; } .mod_newslist .ce_text > span{ display: inline-block; vertical-align: bottom; } .mod_newslist .ce_text > .inner{ width: calc(100% - 60px); padding-right: 20px; } .mod_newslist .text{ margin-top: 20px; } .mod_newslist .text .headlinecontainer{ margin-bottom: 10px; min-height: 3rem; } .mod_newslist .linkset{ margin-top: 6rem; } .bgColored.lightbrown{ background: var(--lightbrown); } .bgColored.lightblue,#herosection{ background: var(--lightblue); } .bgColored.lightgreen{ background: var(--lightgreen); } .footerhero .mod_pageimage .image_container{ padding-bottom: 1rem; position: relative; } .footerhero .mod_pageimage .image_container img{ mask:url(/files/theme/layout/images/maske/wave_footer.svg) center no-repeat,linear-gradient(#000 0 0); -webkit-mask:url(/files/theme/layout/images/maske/wave_footer.svg) center calc(100% + 1px) no-repeat,linear-gradient(#000 0 0); mask-composite: exclude; width: 100%; mask-size: 100vw; } /* .footerhero .mod_pageimage .image_container::after { content: ''; width: 100vw; height: 277px; display: block; background: url(/files/theme/layout/images/maske/wave_footer.svg) center repeat-x transparent; background-size: auto; position: absolute; bottom: 0; left: 0; background-size: contain; } /* #herosection .mod_pageimage .image_container img{ mask:url(/files/theme/layout/images/maske/maskehero.svg) center/100% no-repeat,linear-gradient(#000 0 0); -webkit-mask:url(/files/theme/layout/images/maske/maskehero.svg) center/100% no-repeat,linear-gradient(#000 0 0); mask-composite: exclude; mask-position:bottom; } #main .mod_article.imageBefore > .block{ padding-top: 0; } .footerhero .mod_pageimage{ background: var(--lightblue) } .footerhero .image_container{ mask: url(/files/theme/layout/images/maske/imagemasketop.svg) center 100% no-repeat,linear-gradient(#000 0 0); -webkit-mask: url(/files/theme/layout/images/maske/imagemasketop.svg) center 100% no-repeat,linear-gradient(#000 0 0); mask-composite: exclude; mask-position: top; mask-size: contain; background: white; } */ .wave{ } .wave .after { -webkit-mask-size: cover; -webkit-mask-image: url(/files/theme/layout/images/mask/mask_test.svg); height: 115px; width: 100%; background: var(--lightbrown); display: block; transform: scale(1,-1); position: relative; z-index: 10; } .wave--center .after { -webkit-mask-position:center; } .wave--right .after { -webkit-mask-position:right; } .wave--left .after { -webkit-mask-position:left; } .wave--reverse .after { transform: scale(1,1); } .wave.wave--lightblue .after{ background: var(--lightblue); } .wave.wave--lightgreen .after{ background: var(--lightgreen); } .wave.wave--white .after{ background: white; } .wave.wave--lightbrown .after{ background: var(--lightbrown); } .wave.negMargTop{ margin-bottom: var(--wave-spacing); } .wave.negMargBottom{ margin-top: var(--wave-spacing); } #main > .inside > .wave:first-of-type{ margin-top: var(--wave-spacing); } #main .mod_article + .wave:last-of-type { margin-bottom: var(--wave-spacing); } .wave[class*=' bgcolor_']{ position: relative; } .wave.bgColored.bgcolor_lightgreen,.wave.bgcolor_lightgreen{ background: var(--lightgreen); } .wave.bgColored.bgcolor_white,.wave.bgcolor_white{ background: white; } .wave.bgColored.bgcolor_lightblue,.wave.bgcolor_lightblue{ background: var(--lightblue); } .wave.bgColored.bgcolor_lightbrown,.wave.bgcolor_lightbrown { background: var(--lightbrown); } .owl-carousel.owl-drag .owl-item:first-of-type:last-of-type{ margin: 0 auto !important; float: none; } .owl-stage-outer{ margin: 0 auto; } .teasergrid > div.itemsperRow_2{ max-width: 980px; margin: 0 auto; } .mod_mae_event_filter > .inside{ background: rgba(0,0,0,0.1); border-radius: 20px; overflow: hidden; padding: 2rem; } .personenfilter ul{ display: table; } .personenfilter ul li{ float: left; margin-left: 20px; text-align: center } .personenfilter ul li:first-of-type{ margin: 0; } .personenfilter ul li a{ display: block; } .personenfilter ul li a > span{ font-size: 21px; font-weight: 300; margin-top: 10px; display: block; line-height: 1.2; } .personenfilter ul li a:before{ display: block; content: ''; height: 100px; width: 100px; background:url(/files/theme/layout/images/filter/icon_adults.svg) no-repeat scroll 50% 50% transparent; background-size: contain; margin: 0 auto; } .personenfilter ul li#kinder a:before{ background:url(/files/theme/layout/images/filter/icon_kids.svg) no-repeat scroll 50% 50% transparent; background-size: contain; } .personenfilter ul li#familie a:before{ background:url(/files/theme/layout/images/filter/icon_family.svg) no-repeat scroll 50% 50% transparent; background-size: contain; } .filterheadline{ font-size: 26px; margin-bottom: 2rem; text-transform: uppercase; } .mod_mae_event_filter .widget-select{ width: 100%; margin-right: 0; } .ce_youtube .video_container { display: flex; justify-content: center; } .ce_youtube .video_container { aspect-ratio: 16 / 9; -webkit-aspect-ratio: 16 / 9; width: 100% !important; } .ce_youtube .video_container iframe{ width: 100%; height: 100%; object-fit: contain; object-position: center; } #header .mod_navigation > ul > li{ font-size: 23px; font-weight: 800; } #header .mod_navigation > ul > li{ } #header .mod_navigation > ul > li > a > span > span{ display: table; position: relative; padding-bottom: 10px; } #header .mod_navigation > ul > li > a > span > span:after{ content: ''; display: table; height: 8px; background: transparent; position: absolute; bottom: -8px; width: 100%; transition: all 0.2s ease; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -ms-transition: all 0.2s ease; } #header .mod_navigation > ul > li:hover > a > span > span:after{ background:#2B2171; } .info{ color: var(--green); font-size: 20px; margin-bottom: 10px; } .image_container.float_above{ margin-bottom: 2rem; } .ce_text strong { font-weight: 600; } .caption { line-height: 1.65; font-size: 14px; font-weight: 300; margin: 10px 0 0; display: table-caption; width: 100%; } .ce_checklist .textholder.align_above,.textholder.align_above{ margin-bottom: 3rem; } .textholder.align_below{ margin-top: 3rem; } .ce_checklist li{ margin-bottom: 2rem; } .ce_checklist li > div{ display: inline-block; vertical-align: middle; } .ce_checklist li > div.icon{ width: 40px; height: 40px; margin-right: 10px; margin-left: -55px; } .ce_checklist ul{ padding-left: 55px; } #main .mod_article > .block⁄.maxWidth{ margin: 0 auto; } #main .mod_article > .block.maxWidth { max-width: 980px; } video{ max-width: 100%; height: auto; } .float_below.image_container{ margin-top: 2rem; } .ce_kachelelement .mediaholder > .bgImage{ text-align: center; height: auto; } .ce_kachelelement .mediaholder.fullwidth > .bgImage > img{ width: 100%; height: 100%; object-fit: cover; } .ce_kachelelement .table,.ce_kachelelement .table > .row, .ce_kachelelement .table > .row > *{ height: 100%; } .ce_kachelelement .table > .row > .mediaholder{ /* height: auto;*/ } .ce_kachelelement .mediaholder > .video_container{ position: relative; padding-bottom: 56.25%; /* 16:9 Aspect Ratio */ padding-top: 25px; height: 0; } .ce_kachelelement .linkholder{ margin-top: 2rem; display: block; } .ce_text .linkholder { margin-top: 2rem; } .ce_text .linkholder > .readmore > a, .ce_kachelelement .linkholder > a.readmore, .link.green{ background: transparent; border: 2px solid var(--green); color: var(--green); font-size: 21px; padding: 10px 20px; border-radius: 20px; display: table; line-height: 1; } .ce_text .linkholder > .readmore > a:after, .link.green:after, .ce_kachelelement .linkholder a::after,.ce_kachelelement .read-more-text + span.more::after { content: ''; display: inline-block; vertical-align: middle; height: 30px; width: 30px; background: url(/files/theme/layout/images/icons/forward_green.svg) no-repeat scroll 50% 50% transparent; background-size: auto; background-size: contain; margin-left: 20px; } span.link.green { display: table; padding: 5px 20px; line-height: 1; font-size: 18px; transition: all 0.2s ease; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -ms-transition: all 0.2s ease; } span.link.green:after { width: 20px; } .ce_teaserItems .item span.link{ margin-top: 2rem; } .ce_teaserItems .item:hover span.link.green { color: white; background: var(--green); } /* Stellt das iframe des Videos so ein, dass es den Container voll ausfüllt */ .ce_kachelelement .mediaholder > .video_container iframe{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .ce_kachelelement .notfloat_left > .inside{ padding: 0 0 0 2rem; } .ce_kachelelement .notfloat_right > .inside{ padding: 0 2rem 0 0; } .ce_kachelelement .textholder .headlinecontainer{ margin-bottom: 10px; } .ce_teaserItems .table .row > *, .ce_partner .table .row > *{ vertical-align: middle; } .ce_teaserItems .table,.ce_teaserItems .table > .row,.ce_teaserItems .table > .row > *,.ce_teaserItems img{ height: 100%; } .ce_teaserItems img{ object-fit: cover; object-position: center; min-width: 250px; } .ce_partner .image_container{ background: white; padding: 10px; width: 250px; } .ce_teaserItems .image_container + .text, .ce_partner .image_container + .text{ width: calc(100% - 200px); padding-left: 2rem; } .ce_teaserItems .name, .ce_partner .name{ font-weight: 700; } .ce_teaserItems .item, .ce_partner .item{ margin-bottom: 4rem; } .link.green{ color: var(--green); display: block; margin-top: 1rem; } .ce_text figure{ max-width: 50%; } #main ol{ padding-left: 20px; } #main ol > li { float: none; list-style-type: decimal; list-style-position: outside; margin-bottom: 0.5rem; } #main .ce_text ul{ padding-left: 15px; margin: 0.5rem 0; } #main .ce_text ul > li:before { content: '•'; margin-right: 5px; margin-left: -15px; } .teasergrid > div > div.textItem .inside{ background: var(--lightblue); display: table; height: 100%; width: 100%; padding: 20px; border-radius: 20px; overflow: hidden; } .teasergrid.subpages > div > div.noImage .inside > div,.teasergrid.subpages > div > div.noImage .inside > span{ display: table-cell; vertical-align: middle; } .ce_pageteaser.capOverlaySmall .teasergrid > * > * .name > h2, .ce_pageteaser.capOverlay .teasergrid > * > * .name > h2, .teasergrid.subpages > * > div.noImage .name > h2, .textBelow.ce_pageteaser .text .name > h2{ margin: 0; text-shadow: 1px 1px 8px rgba(0,0,0,0.8); text-align: left; } .teasergrid.subpages > * > div.textItem .name > h2{ text-shadow: none; } .ce_pageteaser.capOverlay .teasergrid > div > div .name > h2{ font-size: 42px; } .ce_pageteaser a{ height: 100%; width: 100%; } .ce_pageteaser .image_container .teasergrid.subpages > div > div.noImage, .textBelow.ce_pageteaser > div > div > div{ border-radius: 5px; overflow: hidden; } .ce_pageteaser.capOverlay .teasergrid > div > * .text{ hyphens: auto; -webkit-hyphens:auto; } .ce_pageteaser.capOverlaySmall .teasergrid > * > * .text, .ce_pageteaser.capOverlay .teasergrid > * > * .text, .ce_downloads .ce_pageteaser.capOverlay .teasergrid > * > * .text, .textBelow.ce_pageteaser .text{ position: absolute; padding: 10px 20px; bottom: 0; left: 0; color: white; min-height: 75px; } .ce_pageteaser.capBelow .teasergrid > * > * .text{ position: relative; background: var(--green); border-top: 3px solid white; padding: 10px 20px; } .ce_downloads .ce_pageteaser .arrow img, .ce_pageteaser .arrow img{ width: 40px; } .ce_pageteaser.capBelow .teasergrid > * > * .text h2{ font-size: 21px; color: white; } .ce_downloads .ce_pageteaser.capOverlay .teasergrid > .itemsperRow_3 > * .text h2{ font-size: 18px; } .ce_pageteaser.capOverlaySmall .teasergrid > * > * .text h2{ font-size: 26px; } .download-element{ border-radius: 20px; overflow: hidden; } .ce_checklist .text{ /* padding-left: 55px; */ display: block; } .ce_checklist .textitem .title{ font-weight: 500; } #main .mod_article .ce_accordion.block{ padding: 0 2rem; margin: 10px auto; } #main .mod_article .ce_accordion.block:first-of-type{ padding-top: 6rem; } #main .mod_article .ce_accordion.block:last-of-type{ padding-bottom: 8rem; } .notHome #main .mod_article .ce_accordion.block .toggler, .ce_accordion.block .toggler{ background: var(--green); color: white; padding: 20px calc(4rem + 20px) 20px 2rem; text-transform: uppercase; font-weight: 600; letter-spacing: 0.03rem; cursor: pointer; position: relative; } .ui-accordion-content{ background: whiteSmoke; } .ui-accordion-content .block{ padding: 2rem 0; } #main .mod_article .mod_faqpage .ce_accordion.block{ padding: 0 } .ui-accordion-content .block .headlinecontainer { margin-bottom: 10px; } .ui-accordion-content > div{ padding: 20px 2rem; } .toggler h3{ margin: 0; font-size: 20px; } .ui-accordion-content .ce_text{ display: table; } .center .float_below.image_container{ margin: 2rem auto 0; } .ui-icon { width: 0; height: 0; border-top: 7.5px solid transparent; border-left: 15px solid white; border-bottom: 7.5px solid transparent; position: absolute; right: 20px; top: 50%; margin-top: -7.5px; transition: all 0.2s ease; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -ms-transition: all 0.2s ease; } .active .ui-icon { transform: rotate(90deg); } a#return-to-top { background: var(--green); } body a#return-to-top.visible{ right: 0; } .ce_teaserItems .table > .row > .image_container{ width: 30%; } p{ margin-bottom: 0.5rem; } .megamenue .megamenu .submenu span[itemprop*="name"] > span{ padding-right: 20px; } p + h4{ font-size: 24px; margin-bottom: 0.5rem; } .ce_kachelelement .mediaholder > .bgImage.cover > img{ width: 100%; height: 100%; object-fit: cover; object-position: center; } Element { margin: 0 auto; float: none; } .widget:last-of-type { margin-bottom: 0; } .widget-select { position: relative; } .mod_onepage_navigation .widget-select{ margin: 0 auto; float: none; } .block.overflow,.block.overflow > .block{ overflow: visible; } .ce_pageteaser .textItem h2{ font-size: 24px; } .ce_pageteaser .teasergrid.subpages > div > div.textItem .inside > span { display: table; width: 100%; } .ce_pageteaser .teasergrid.subpages .textItem span.table > .row > .readmore{ height: 30px; width: 30px; } span.more.open:after { transform: rotate(-90deg) } p > a, p a, #main .block li > a{ text-decoration: underline; color: var(--green); } #main .block .linkholder li > a{ text-decoration: none; } #responsivenav, .slicknav_menu { display: none; } #main > .inside > .wave:first-of-type { margin-top: -115px !important; } #main .mod_article + .wave:last-of-type { margin-bottom: -115px; } .layout_full.kita figure { float: left; margin: 0.5rem 2rem 2rem 0; } .safari .caption{ display: block; } body .bgColored > .zitatitem, body .bgColored > .inside,body #footertop{ padding: 6rem 2rem 8rem; } body #main .mod_article > .block{ padding: 6rem 2rem; } .login img{ width:25px; } body.subpage_thirdlevel #main .mod_article.last > .block{ padding-bottom: 2rem; } a.external:after { content: ''; width: 16px; height: 16px; line-height: 1.2; background: url(/files/theme/layout/images/icons/external_link_icon.svg) no-repeat scroll 0 0 transparent; background-size: auto; background-size: contain; display: inline-block; vertical-align: baseline; margin-left: 2px; margin-right: 5px; } .ce_teamList .table { table-layout: fixed; } .ce_teamList .teasergrid > * > *{ border-radius:0; } .ce_teamList .avatar { padding-right: 1rem; } .ce_teamList .name { font-weight: bold; margin-bottom: 1rem; } .ce_teamList .contact a { color: var(--green); text-decoration: underline; } body .slicknav_nav ul.level_1 ul li ul.level_3 > li > a, body .slicknav_nav ul.level_1 ul li ul.level_3 > li > strong{ padding-left: 55px; font-size: 16px; } .mod_eventlist .teasergrid > .itemsperRow_3 > .owl-stage-outer{ width: 100%; } .mod_eventlist{ overflow: visible; display: flow-root; } .mod_eventlist .teasergrid .owl-nav button.owl-prev{ left: -40px; } .mod_eventlist .teasergrid > .itemsperRow_3 > div.owl-dots{ width: 100%; text-align: center; float: none; } .ce_teamList .item { min-height: 340px; } .eventreader .event .ce_text, .eventreader .event .ce_text span, .eventreader .event .ce_text p, .event.layout_list .ce_text span, .event.layout_list .ce_text p{ color: #333 !important; font-family: 'Signika',Arial,Helvetica,sans-serif !important; font-size: 20px !important; line-height: 165% !important; background: none !important; margin: 0 0 0.5rem 0 !important; } .event.layout_list .ce_text span, .event.layout_list .ce_text p{ font-weight: 300; } .event.layout_list .ce_text span, .eventreader .event .ce_text span{ display: inline; } span.size {display: inline;} @media all and (max-width: 1280px){ header#header .headerbottom nav.mod_navigation > ul.level_1 > li { width: calc((100% - (5 * 10px)) / 5); margin-left: 10px; } header .mod_logo { width: 220px; } header{ font-size: 1rem; } } @media all and (max-width: 1180px){ header#header .headerbottom nav.mod_navigation > ul.level_1 > li{ font-size: 18px; } .headertop .mod_customnav ul > li{ font-size: 16px; } #herosection{ height: auto; } } @media all and (max-width: 980px){ header{ display: none; } body .slicknav_menu{ display: block; } .ce_kachelelement .bgImage > img{ width: 100%; } .ce_kachelelement .notfloat_left > .inside{ padding-left: 0; } .ce_kachelelement .notfloat_right > .inside{ padding-right: 0; } #footertop .ce_form > form .formbody > fieldset{ float: none; width: 100%; display: block; } .teasergrid > .itemsperRow_3 > div:not(.owl-stage-outer), .teasergrid > .itemsperRow_3 > div:not(.owl-nav), .ce_gallery ul.cols_6 > li{ width: calc( (100% - (4 * 0.625rem)) / 2 ); } .twocol .row > * { display: table-cell; } .teasergrid > div{ margin: 0; } #footertop .ce_form > form .formbody > fieldset .widget{ margin-bottom: 20px; } .footerhero .mod_pageimage .image_container img{ width: 100%; object-fit: cover; -webkit-object-fit:cover; object-position: center; -webkit-object-position: center; } #herosection figurecaption .holder > div{ margin: 2rem 0 27% 0; } #herosection figurecaption .holder > div h2{ color: white; } #herosection figurecaption .holder > div .headline > *, #herosection figurecaption .holder > div .ce_text{ font-size: 46px; } } @media all and (max-width: 830px){ .twocol .row > * { display: block; width: auto; padding: 0; } .twocol > .row > .text { padding-left: 0; } .teasergrid > .itemsperRow_3 > *, .ce_gallery ul.cols_6 > li { /* width: 100%; margin: 0 0 20px; float: none; */ } #footertop > .inside >.table >.row > .left{ margin-bottom: 2rem; } #footertop > .inside >.table >.row > *{ display: block; width: 100%; padding: 0; } #main .mod_article > .block, body .bgColored > .zitatitem,body .bgColored > .inside,body #footertop{ padding: 4rem 20px; } footer > .inside{ padding: 0 20px; } #herosection > .inside,footer > .inside { padding: 0; } #main .mod_article > .noPadTop.block { padding-top: 0; } #main .mod_article > .noPadBottom.block { padding-bottom: 0; } #main .mod_article > .padTopSmall.block { padding-top: 20px; } #main .mod_article > .padBottomSmall.block { padding-bottom: 20px; } .teasergrid > div{ margin: 0 0 -20px; } #footertop > .inside{ padding: 0; } .teasergrid{ margin: 0 auto; } } @media (max-width: 780px) { .footertop .row > * { display: block; width: auto; } .teasergrid > .itemsperRow_2 > *, .ce_gallery ul.cols_2 > li, .teasergrid > .itemsperRow_3 > div:not(.owl-stage-outer), .teasergrid > .itemsperRow_3 > div:not(.owl-nav), .ce_gallery ul.cols_6 > li, .teasergrid > .itemsperRow_3 > *, .ce_gallery ul.cols_6 > li { width: 100%; margin: 0 0 20px; float: none; } .submit:after { height: 50px; width: 52px; } footer .adressblock.item_2 > .inside { display: block; margin: 20px 0; } footer .adressblock.item_3 > .inside { float: none; } .footertop{ padding-left:20px; padding-right: 20px; } .wave .after{ height: 50px; } :root { --wave-spacing: -50px; } #main .mod_article + .wave:last-of-type{ margin-bottom: -50px; } .ce_teaserItems .table > .row > .image_container, .ce_teaserItems .table > .row > .text{ display: block; width: 100%; } .ce_teaserItems .table, .ce_teaserItems .table > .row, .ce_teaserItems .table > .row > *{ display: block; padding: 0; } .ce_teaserItems .table > .row > .text{ padding-top: 20px; } .ce_teaserItems img{ width: 100%; } } @media all and (max-width: 650px){ /* #herosection .caption{ position: static; background: none;*/ #custom-event-filter { margin-left: 0; margin-right: 10px; } #herosection .caption > .inside { padding: 0 20px; } #herosection figurecaption .holder > div { display: table; } #herosection figurecaption .holder > div .headline > *, #herosection figurecaption .holder > div .ce_text{ font-size: 42px; font-weight: 600; } body #main .mod_article > .block, .bgColored > .zitatitem, .bgColored > .inside, #footertop{ padding: 2rem 10px; } #herosection .inside > .mod_pageimage figure > img{ min-height: 380px; } #main .mod_article > .block.mod_eventlist{ padding-top: 4rem; } footer > .inside,#herosection > .inside{ padding: 0; } .footerhero .mod_pageimage .image_container img{ mask-size:50%; -webkit-mask-size:100%; } #main > .inside > .wave:first-of-type{ margin-top: -50px; } #main .mod_article + .wave:last-of-type{ margin-bottom: -50px; } #main .mod_article > .noPadTop.block { padding-top: 0; } #main .mod_article > .noPadBottom.block { padding-bottom: 0; } #main .mod_article > .padTopSmall.block { padding-top: 20px; } #main .mod_article > .padBottomSmall.block { padding-bottom: 20px; } }