/* default styles for extension "tx_indexedsearch" */ .tx-indexedsearch .tx-indexedsearch-browsebox LI { display:inline; margin-right:5px; } .tx-indexedsearch .tx-indexedsearch-searchbox INPUT.tx-indexedsearch-searchbox-button { width:100px; } .tx-indexedsearch .tx-indexedsearch-searchbox INPUT.tx-indexedsearch-searchbox-sword { width:150px; } .tx-indexedsearch .tx-indexedsearch-whatis { margin-top:10px; margin-bottom:5px; } .tx-indexedsearch .tx-indexedsearch-whatis .tx-indexedsearch-sw { font-weight:bold; font-style:italic; } .tx-indexedsearch .tx-indexedsearch-noresults { text-align:center; font-weight:bold; } .tx-indexedsearch .tx-indexedsearch-res TD.tx-indexedsearch-descr { font-style:italic; } .tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-descr .tx-indexedsearch-redMarkup { color:red; } .tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-info { background:#eeeeee; } .tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead { margin-top:20px; margin-bottom:5px; } .tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead H2 { margin-top:0px; margin-bottom:0px; } .tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead TD { background:#cccccc; vertical-align:middle; } .tx-indexedsearch .tx-indexedsearch-res .noResume { color:#666666; } .tx-indexedsearch .tx-indexedsearch-category { background:#cccccc; font-size:16px; font-weight:bold; } /* Additional styles, needed for the tableless template_css.tmpl (styles don't conflict with the original template) */ .tx-indexedsearch .res-tmpl-css { clear:both; margin-bottom:1em; } .tx-indexedsearch .searchbox-tmpl-css LABEL { margin-right:1em; width:10em; float:left; } .tx-indexedsearch .result-count-tmpl-css, .tx-indexedsearch .percent-tmpl-css { letter-spacing:0; font-weight:normal; margin-top:-1.2em; float:right; } .tx-indexedsearch .info-tmpl-css dt, .tx-indexedsearch dl.info-tmpl-css dd { float:left; } .tx-indexedsearch .info-tmpl-css dd.item-mtime { float:none; } .tx-indexedsearch .info-tmpl-css dd.item-path { float:none; } /* default styles for extension "tx_felogin_pi1" */ .tx-felogin-pi1 label { display: block; } /* default styles for extension "tx_frontend" */ .ce-align-left { text-align: left; } .ce-align-center { text-align: center; } .ce-align-right { text-align: right; } .ce-table td, .ce-table th { vertical-align: top; } .ce-textpic, .ce-nowrap .ce-bodytext, .ce-gallery, .ce-row, .ce-uploads li, .ce-uploads div { overflow: hidden; } .ce-left .ce-gallery, .ce-column { float: left; } .ce-center .ce-outer { position: relative; float: right; right: 50%; } .ce-center .ce-inner { position: relative; float: right; right: -50%; } .ce-right .ce-gallery { float: right; } .ce-gallery figure { display: table; margin: 0; } .ce-gallery figcaption { display: table-caption; caption-side: bottom; } .ce-gallery img { display: block; } .ce-gallery iframe { border-width: 0; } .ce-border img, .ce-border iframe { border: 2px solid black; padding: 0px; } .ce-intext.ce-right .ce-gallery, .ce-intext.ce-left .ce-gallery, .ce-above .ce-gallery { margin-bottom: 20px; # margin-bottom: 10px; } .ce-intext.ce-right .ce-gallery { margin-left: 20px; } # .ce-intext.ce-right .ce-gallery { margin-left: 10px; } .ce-intext.ce-left .ce-gallery { margin-right: 20px; } # .ce-intext.ce-left .ce-gallery { margin-right: 10px; } .ce-below .ce-gallery { margin-top: 10px; } .ce-column { margin-right: 10px; } .ce-column:last-child { margin-right: 0; } .ce-row { margin-bottom: 10px; } .ce-row:last-child { margin-bottom: 0; } .ce-above .ce-bodytext { clear: both; } .ce-intext.ce-left ol, .ce-intext.ce-left ul { padding-left: 40px; overflow: auto; } .ce-uploads { margin: 0; padding: 0; } .ce-uploads li { list-style: none outside none; margin: 1em 0; } .ce-uploads img { float: left; padding-right: 1em; vertical-align: top; } .ce-uploads span { display: block; } /*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */ /** * 1. Change the default font family in all browsers (opinionated). * 2. Correct the line height in all browsers. * 3. Prevent adjustments of font size after orientation changes in * IE on Windows Phone and in iOS. */ /* Document ========================================================================== */ html { font-family: sans-serif; /* 1 */ line-height: 1.15; /* 2 */ -ms-text-size-adjust: 100%; /* 3 */ -webkit-text-size-adjust: 100%; /* 3 */ } /* Sections ========================================================================== */ /** * Remove the margin in all browsers (opinionated). */ body { margin: 0; } /** * Add the correct display in IE 9-. */ article, aside, footer, header, nav, section { 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 ========================================================================== */ /** * Add the correct display in IE 9-. * 1. Add the correct display in IE. */ figcaption, figure, main { /* 1 */ display: block; } /** * Add the correct margin in IE 8. */ figure { margin: 0; } .ce-news_pi1 figure { margin: 1em 40px; } /** * 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 ========================================================================== */ /** * 1. Remove the gray background on active links in IE 10. * 2. Remove gaps in links underline in iOS 8+ and Safari 8+. */ a { background-color: transparent; /* 1 */ -webkit-text-decoration-skip: objects; /* 2 */ } /** * Remove the outline on focused links when they are also active or hovered * in all browsers (opinionated). */ a:active, a:hover { outline-width: 0; } /** * 1. Remove the bottom border in Firefox 39-. * 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 */ } /** * Prevent the duplicate application of `bolder` by the next rule in Safari 6. */ b, strong { font-weight: inherit; } /** * 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 style in Android 4.3-. */ dfn { font-style: italic; } /** * Add the correct background and color in IE 9-. */ mark { background-color: #ff0; color: #000; } /** * 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 ========================================================================== */ /** * Add the correct display in IE 9-. */ audio, video { display: inline-block; } /** * Add the correct display in iOS 4-7. */ audio:not([controls]) { display: none; height: 0; } /** * Remove the border on images inside links in IE 10-. */ img { border-style: none; } /** * Hide the overflow in IE. */ svg:not(:root) { overflow: hidden; } /* Forms ========================================================================== */ /** * 1. Change the font styles in all browsers (opinionated). * 2. Remove the margin in Firefox and Safari. */ button, input, optgroup, select, textarea { font-family: sans-serif; /* 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; } /** * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video` * controls in Android 4. * 2. Correct the inability to style clickable types in iOS and Safari. */ button, html [type="button"], /* 1 */ [type="reset"], [type="submit"] { -webkit-appearance: button; /* 2 */ } /** * 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; } /** * Change the border, margin, and padding in all browsers (opinionated). */ fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } /** * 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 */ } /** * 1. Add the correct display in IE 9-. * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera. */ progress { display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */ } /** * Remove the default vertical scrollbar in IE. */ 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 and cancel buttons in Chrome and Safari on macOS. */ [type="search"]::-webkit-search-cancel-button, [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 IE 9-. * 1. Add the correct display in Edge, IE, and Firefox. */ details, /* 1 */ menu { display: block; } /* * Add the correct display in all browsers. */ summary { display: list-item; } /* Scripting ========================================================================== */ /** * Add the correct display in IE 9-. */ canvas { display: inline-block; } /** * Add the correct display in IE. */ template { display: none; } /* Hidden ========================================================================== */ /** * Add the correct display in IE 10-. */ [hidden] { display: none; } /*! * Bootstrap v3.3.6 (http://getbootstrap.com) * Copyright 2011-2015 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) */ * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } .container { margin-right: auto; margin-left: auto; padding-left: 10px; padding-right: 10px; } .container:before, .container:after { content: " "; display: table; } .container:after { clear: both; } @media (min-width: 768px) { .container { width: 100%; max-width: 740px; } } @media (min-width: 992px) { .container { width: 100%; max-width: 960px; } } @media (min-width: 1220px) { .container { width: 100%; max-width: 1040px; } } .container-fluid { margin-right: auto; margin-left: auto; padding-left: 10px; padding-right: 10px; } .container-fluid:before, .container-fluid:after { content: " "; display: table; } .container-fluid:after { clear: both; } .row { margin-left: -10px; margin-right: -10px; } .row:before, .row:after { content: " "; display: table; } .row:after { clear: both; } .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { position: relative; min-height: 1px; padding-left: 10px; padding-right: 10px; } .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { float: left; } .col-xs-1 { width: 8.3333333333%; } .col-xs-2 { width: 16.6666666667%; } .col-xs-3 { width: 25%; } .col-xs-4 { width: 33.3333333333%; } .col-xs-5 { width: 41.6666666667%; } .col-xs-6 { width: 50%; } .col-xs-7 { width: 58.3333333333%; } .col-xs-8 { width: 66.6666666667%; } .col-xs-9 { width: 75%; } .col-xs-10 { width: 83.3333333333%; } .col-xs-11 { width: 91.6666666667%; } .col-xs-12 { width: 100%; } .col-xs-pull-0 { right: auto; } .col-xs-pull-1 { right: 8.3333333333%; } .col-xs-pull-2 { right: 16.6666666667%; } .col-xs-pull-3 { right: 25%; } .col-xs-pull-4 { right: 33.3333333333%; } .col-xs-pull-5 { right: 41.6666666667%; } .col-xs-pull-6 { right: 50%; } .col-xs-pull-7 { right: 58.3333333333%; } .col-xs-pull-8 { right: 66.6666666667%; } .col-xs-pull-9 { right: 75%; } .col-xs-pull-10 { right: 83.3333333333%; } .col-xs-pull-11 { right: 91.6666666667%; } .col-xs-pull-12 { right: 100%; } .col-xs-push-0 { left: auto; } .col-xs-push-1 { left: 8.3333333333%; } .col-xs-push-2 { left: 16.6666666667%; } .col-xs-push-3 { left: 25%; } .col-xs-push-4 { left: 33.3333333333%; } .col-xs-push-5 { left: 41.6666666667%; } .col-xs-push-6 { left: 50%; } .col-xs-push-7 { left: 58.3333333333%; } .col-xs-push-8 { left: 66.6666666667%; } .col-xs-push-9 { left: 75%; } .col-xs-push-10 { left: 83.3333333333%; } .col-xs-push-11 { left: 91.6666666667%; } .col-xs-push-12 { left: 100%; } .col-xs-offset-0 { margin-left: 0%; } .col-xs-offset-1 { margin-left: 8.3333333333%; } .col-xs-offset-2 { margin-left: 16.6666666667%; } .col-xs-offset-3 { margin-left: 25%; } .col-xs-offset-4 { margin-left: 33.3333333333%; } .col-xs-offset-5 { margin-left: 41.6666666667%; } .col-xs-offset-6 { margin-left: 50%; } .col-xs-offset-7 { margin-left: 58.3333333333%; } .col-xs-offset-8 { margin-left: 66.6666666667%; } .col-xs-offset-9 { margin-left: 75%; } .col-xs-offset-10 { margin-left: 83.3333333333%; } .col-xs-offset-11 { margin-left: 91.6666666667%; } .col-xs-offset-12 { margin-left: 100%; } @media (min-width: 768px) { .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { float: left; } .col-sm-1 { width: 8.3333333333%; } .col-sm-2 { width: 16.6666666667%; } .col-sm-3 { width: 25%; } .col-sm-4 { width: 33.3333333333%; } .col-sm-5 { width: 41.6666666667%; } .col-sm-6 { width: 50%; } .col-sm-7 { width: 58.3333333333%; } .col-sm-8 { width: 66.6666666667%; } .col-sm-9 { width: 75%; } .col-sm-10 { width: 83.3333333333%; } .col-sm-11 { width: 91.6666666667%; } .col-sm-12 { width: 100%; } .col-sm-pull-0 { right: auto; } .col-sm-pull-1 { right: 8.3333333333%; } .col-sm-pull-2 { right: 16.6666666667%; } .col-sm-pull-3 { right: 25%; } .col-sm-pull-4 { right: 33.3333333333%; } .col-sm-pull-5 { right: 41.6666666667%; } .col-sm-pull-6 { right: 50%; } .col-sm-pull-7 { right: 58.3333333333%; } .col-sm-pull-8 { right: 66.6666666667%; } .col-sm-pull-9 { right: 75%; } .col-sm-pull-10 { right: 83.3333333333%; } .col-sm-pull-11 { right: 91.6666666667%; } .col-sm-pull-12 { right: 100%; } .col-sm-push-0 { left: auto; } .col-sm-push-1 { left: 8.3333333333%; } .col-sm-push-2 { left: 16.6666666667%; } .col-sm-push-3 { left: 25%; } .col-sm-push-4 { left: 33.3333333333%; } .col-sm-push-5 { left: 41.6666666667%; } .col-sm-push-6 { left: 50%; } .col-sm-push-7 { left: 58.3333333333%; } .col-sm-push-8 { left: 66.6666666667%; } .col-sm-push-9 { left: 75%; } .col-sm-push-10 { left: 83.3333333333%; } .col-sm-push-11 { left: 91.6666666667%; } .col-sm-push-12 { left: 100%; } .col-sm-offset-0 { margin-left: 0%; } .col-sm-offset-1 { margin-left: 8.3333333333%; } .col-sm-offset-2 { margin-left: 16.6666666667%; } .col-sm-offset-3 { margin-left: 25%; } .col-sm-offset-4 { margin-left: 33.3333333333%; } .col-sm-offset-5 { margin-left: 41.6666666667%; } .col-sm-offset-6 { margin-left: 50%; } .col-sm-offset-7 { margin-left: 58.3333333333%; } .col-sm-offset-8 { margin-left: 66.6666666667%; } .col-sm-offset-9 { margin-left: 75%; } .col-sm-offset-10 { margin-left: 83.3333333333%; } .col-sm-offset-11 { margin-left: 91.6666666667%; } .col-sm-offset-12 { margin-left: 100%; } } @media (min-width: 992px) { .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { float: left; } .col-md-1 { width: 8.3333333333%; } .col-md-2 { width: 16.6666666667%; } .col-md-3 { width: 25%; } .col-md-4 { width: 33.3333333333%; } .col-md-5 { width: 41.6666666667%; } .col-md-6 { width: 50%; } .col-md-7 { width: 58.3333333333%; } .col-md-8 { width: 66.6666666667%; } .col-md-9 { width: 75%; } .col-md-10 { width: 83.3333333333%; } .col-md-11 { width: 91.6666666667%; } .col-md-12 { width: 100%; } .col-md-pull-0 { right: auto; } .col-md-pull-1 { right: 8.3333333333%; } .col-md-pull-2 { right: 16.6666666667%; } .col-md-pull-3 { right: 25%; } .col-md-pull-4 { right: 33.3333333333%; } .col-md-pull-5 { right: 41.6666666667%; } .col-md-pull-6 { right: 50%; } .col-md-pull-7 { right: 58.3333333333%; } .col-md-pull-8 { right: 66.6666666667%; } .col-md-pull-9 { right: 75%; } .col-md-pull-10 { right: 83.3333333333%; } .col-md-pull-11 { right: 91.6666666667%; } .col-md-pull-12 { right: 100%; } .col-md-push-0 { left: auto; } .col-md-push-1 { left: 8.3333333333%; } .col-md-push-2 { left: 16.6666666667%; } .col-md-push-3 { left: 25%; } .col-md-push-4 { left: 33.3333333333%; } .col-md-push-5 { left: 41.6666666667%; } .col-md-push-6 { left: 50%; } .col-md-push-7 { left: 58.3333333333%; } .col-md-push-8 { left: 66.6666666667%; } .col-md-push-9 { left: 75%; } .col-md-push-10 { left: 83.3333333333%; } .col-md-push-11 { left: 91.6666666667%; } .col-md-push-12 { left: 100%; } .col-md-offset-0 { margin-left: 0%; } .col-md-offset-1 { margin-left: 8.3333333333%; } .col-md-offset-2 { margin-left: 16.6666666667%; } .col-md-offset-3 { margin-left: 25%; } .col-md-offset-4 { margin-left: 33.3333333333%; } .col-md-offset-5 { margin-left: 41.6666666667%; } .col-md-offset-6 { margin-left: 50%; } .col-md-offset-7 { margin-left: 58.3333333333%; } .col-md-offset-8 { margin-left: 66.6666666667%; } .col-md-offset-9 { margin-left: 75%; } .col-md-offset-10 { margin-left: 83.3333333333%; } .col-md-offset-11 { margin-left: 91.6666666667%; } .col-md-offset-12 { margin-left: 100%; } } @media (min-width: 1220px) { .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { float: left; } .col-lg-1 { width: 8.3333333333%; } .col-lg-2 { width: 16.6666666667%; } .col-lg-3 { width: 25%; } .col-lg-4 { width: 33.3333333333%; } .col-lg-5 { width: 41.6666666667%; } .col-lg-6 { width: 50%; } .col-lg-7 { width: 58.3333333333%; } .col-lg-8 { width: 66.6666666667%; } .col-lg-9 { width: 75%; } .col-lg-10 { width: 83.3333333333%; } .col-lg-11 { width: 91.6666666667%; } .col-lg-12 { width: 100%; } .col-lg-pull-0 { right: auto; } .col-lg-pull-1 { right: 8.3333333333%; } .col-lg-pull-2 { right: 16.6666666667%; } .col-lg-pull-3 { right: 25%; } .col-lg-pull-4 { right: 33.3333333333%; } .col-lg-pull-5 { right: 41.6666666667%; } .col-lg-pull-6 { right: 50%; } .col-lg-pull-7 { right: 58.3333333333%; } .col-lg-pull-8 { right: 66.6666666667%; } .col-lg-pull-9 { right: 75%; } .col-lg-pull-10 { right: 83.3333333333%; } .col-lg-pull-11 { right: 91.6666666667%; } .col-lg-pull-12 { right: 100%; } .col-lg-push-0 { left: auto; } .col-lg-push-1 { left: 8.3333333333%; } .col-lg-push-2 { left: 16.6666666667%; } .col-lg-push-3 { left: 25%; } .col-lg-push-4 { left: 33.3333333333%; } .col-lg-push-5 { left: 41.6666666667%; } .col-lg-push-6 { left: 50%; } .col-lg-push-7 { left: 58.3333333333%; } .col-lg-push-8 { left: 66.6666666667%; } .col-lg-push-9 { left: 75%; } .col-lg-push-10 { left: 83.3333333333%; } .col-lg-push-11 { left: 91.6666666667%; } .col-lg-push-12 { left: 100%; } .col-lg-offset-0 { margin-left: 0%; } .col-lg-offset-1 { margin-left: 8.3333333333%; } .col-lg-offset-2 { margin-left: 16.6666666667%; } .col-lg-offset-3 { margin-left: 25%; } .col-lg-offset-4 { margin-left: 33.3333333333%; } .col-lg-offset-5 { margin-left: 41.6666666667%; } .col-lg-offset-6 { margin-left: 50%; } .col-lg-offset-7 { margin-left: 58.3333333333%; } .col-lg-offset-8 { margin-left: 66.6666666667%; } .col-lg-offset-9 { margin-left: 75%; } .col-lg-offset-10 { margin-left: 83.3333333333%; } .col-lg-offset-11 { margin-left: 91.6666666667%; } .col-lg-offset-12 { margin-left: 100%; } } /* * Additional Reset - Start */ html, body { height: 100%; /*hyphens: auto;*/ } table.contenttable { border-spacing: 0; border-collapse: collapse; margin: 15px 0px; line-height: 1.714em; } table.contenttable tr { padding: 0px; border: none; margin: 0px; } table.contenttable tr td { padding: 0px; padding-right: 10px; border: none; margin: 0px; vertical-align: top; } ul { margin: 0; padding: 0; list-style: none; } a { text-decoration: none; color: #0a8c7b; } section { overflow: hidden; } img { max-width: 100%; height: auto; } dl { margin: 10px 0; } dl dd { min-width: 140px; margin: 5px 0px; word-wrap: break-word; } dl dt { min-width: 70px; margin: 5px 0px; word-wrap: break-word; } /* * Additional Reset - End */ /* * Typography - Start */ body { font-size: 15px; color: #637e90; font-family: 'verdana', sans-serif; } body.font-size-changed { font-size: 18px; } p { line-height: 1.714em; } h1, h2, h3, h4 { font-family: 'Georgia', serif; font-weight: 400; margin: 0; line-height: 1.4em; color: #000; } h1 { font-size: 3.071em; margin: 10px 0; } h2 { font-size: 2em; } h2.like-h1 { font-size: 3.071em; margin: 10px 0; } h3 { font-size: 1.5em; } h3.like-h2 { font-size: 2em; } h4 { font-size: 1.286em; } h4.like-h2 { font-size: 2em; } .link { display: inline-block; } .link .icon-arrow-right { padding-right: 4px; display: none; } .link:before { content: ""; font-family: "icomoon"; padding-right: 4px; vertical-align: bottom; } a .icon-cross { padding-right: 4px; } a .icon-cross:before { font-size: 0.75rem !important; } figcaption, .figcaption { margin: 10px 0px 0px; font-size: 0.8em; font-style: italic; line-height: 1.4em; } .background-main .link, .box-colored .link { color: #fff; } .background-main .box-white .link, .box-colored .box-white .link { color: #0a8c7b; } ul.rte, ol.rte { list-style: inherit; margin: 1em 1em 1em 3em; padding: 0 1em; } ul.rte li, ol.rte li { line-height: 1.5em; margin: 0.5em; padding-left: 0.5em; } .ce-box .text-wrapper > h3 { -ms-hyphens: auto; -webkit-hyphens: auto; hyphens: auto; } /* * Typography - End */ /* * helpers - Start */ .relative { position: relative; } .height { height: 100%; } .text-align-center { text-align: center; } .text-align-right { text-align: right; } .invisible { height: 0px !important; overflow: hidden; margin: 0px !important; padding: 0px !important; } .border { border: 1px solid #0a8c7b; } .table-container { display: table; } .table-container .table-row { height: 100%; display: table-row; } .table-container .table-row .table-col { display: table-cell; float: none; vertical-align: top; } .no-padding-top-bottom { padding-top: 0; padding-bottom: 0; } .padding-40 { padding: 40px; } .no-padding { padding: 0; } .margin-bottom-20 { margin-bottom: 20px; } .margin-bottom-40 { margin-bottom: 40px; } .margin-bottom-60 { margin-bottom: 60px; } .margin-bottom-120 { margin-bottom: 120px; } .outflow { margin-left: -30px; margin-right: -30px; } .float-right { float: right; } /* * helpers - End */ /* * Forms - Start */ .powermail_form .powermail_fieldwrap_type_input .powermail_label, .powermail_form .powermail_fieldwrap_type_textarea .powermail_label, .powermail_form .powermail_fieldwrap_type_select .powermail_label, .powermail_form .powermail_fieldwrap_datenschutzcheckbox .powermail_label, .powermail_form .powermail_fieldwrap_type_date .powermail_label { display: none; } .powermail_form .button { margin: 10px 0; display: inline-block; border: 2px solid #fff; background: #0a8c7b; } .powermail_form .button:hover { color: #0a8c7b; border: 2px solid #fff; background: #fff; } .powermail_form.accordion-wrapper .powermail_fieldset.section.first-section .button.prev-section { display: none; } .powermail_form.accordion-wrapper .powermail_fieldset.section.last-section .button.next-section { display: none; } .powermail_form .powermail_label { font-weight: 400; } .powermail_form .powermail_label.powermail_field_error { color: #ffc968; } .powermail_form .zebra-datepicker-target { width: 100%; position: relative; } .powermail_form .zebra-datepicker-target > .Zebra_DatePicker { width: 100% !important; top: -10px !important; background-color: #bbb; color: #000; } @media (max-width: 768px) { .powermail_form .zebra-datepicker-target > .Zebra_DatePicker { width: 100% !important; } } .powermail_form .zebra-datepicker-target > .Zebra_DatePicker .dp_actions td { color: #000; } .powermail_form .zebra-datepicker-target > .Zebra_DatePicker .dp_daypicker th { background-color: #0a8c7b; color: #fff; } .powermail_form .zebra-datepicker-target > .Zebra_DatePicker .dp_body .dp_selected { background-color: #0a8c7b; color: #fff; } .powermail_form .Zebra_DatePicker_Icon_Wrapper { width: 100%; } .powermail_form .Zebra_DatePicker_Icon_Wrapper .Zebra_DatePicker_Icon { background: none; height: 37px; width: 37px; right: 0px !important; top: 10px !important; } .powermail_form .Zebra_DatePicker_Icon_Wrapper .Zebra_DatePicker_Icon:after { content: "\e903"; font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 37px; font-size: 22px; text-indent: 0px; color: #fff; height: 37px; width: 37px; position: absolute; display: block; top: 0px; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .powermail_form .w-100:before, .powermail_form .w-100:after { content: " "; display: table; } .powermail_form .w-100:after { clear: both; } .form-error-warning { color: #ffc968 !important; } span.form-error { display: inline-block; margin-bottom: 10px; color: #ffc968; } input[type="text"], input[type="email"], textarea, select { width: 100%; background: rgba(255, 255, 255, .25); border: 0px; margin: 10px 0; padding: 10px; color: #fff; } input[type="text"].powermail_field_error, input[type="email"].powermail_field_error, textarea.powermail_field_error, select.powermail_field_error { background: #ffc968; color: #000; } select { height: 37px; padding: 7px 7px; } select option { background: #fff; color: #000; padding: 2px 7px; } .select-wrapper { width: 100%; height: 37px; margin: 10px 0px; padding: 0px; overflow: hidden; position: relative; } .select-wrapper select { width: 120%; margin: 0px; } .select-wrapper:after { font-family: 'icomoon' !important; display: block; content: '\e901'; height: 37px; width: 37px; position: absolute; background: #eef8fc; right: 0px; top: 0px; pointer-events: none; color: #0a8c7b; font-size: 37px; text-align: center; line-height: 37px; -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } textarea { margin-bottom: 20px; } input[type="radio"], input[type="checkbox"] { margin: 4px 0 0; margin-top: 1px \9; line-height: normal; } .radio, .checkbox { position: relative; display: block; margin-top: 10px; margin-bottom: 12px; } .radio label, .checkbox label { padding-left: 30px; margin-bottom: 0; font-weight: normal; cursor: pointer; display: inline-block; min-height: 20px; line-height: 20px; } .radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] { position: absolute; margin-left: -25px; margin-top: 4px \9; } .radio + .radio, .checkbox + .checkbox { margin-top: -5px; } .radio-inline, .checkbox-inline { position: relative; display: inline-block; padding-left: 20px; margin-bottom: 0; vertical-align: middle; font-weight: normal; cursor: pointer; } .radio-inline + .radio-inline, .checkbox-inline + .checkbox-inline { margin-top: 0; margin-left: 10px; } input[type="submit"] { width: auto; border: 2px solid #fff; background: none; color: #fff; padding: 10px 54px 8px; font-size: 12px; text-transform: uppercase; cursor: pointer; margin: 10px 0; -moz-transition: all 0.25s ease-in-out; -webkit-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } input[type="submit"]:hover { background: #fff; color: #0a8c7b; } ::-webkit-input-placeholder { color: #fff; font-style: italic; } .powermail_field_error::-webkit-input-placeholder { color: #000; } :-moz-placeholder { /* Firefox 18- */ color: #fff; font-style: italic; } .powermail_field_error:-moz-placeholder { color: #000; } ::-moz-placeholder { /* Firefox 19+ */ color: #fff; font-style: italic; } .powermail_field_error::-moz-placeholder { color: #000; } :-ms-input-placeholder { color: #fff; font-style: italic; } .powermail_field_error:-ms-input-placeholder { color: #000; } /* * Forms - End */ @font-face { font-family: 'icomoon'; src: url('../../typo3conf/ext/epx_base/Resources/Public/Fonts/iconmoon/icomoon.eot?11lxa3'); src: url('../../typo3conf/ext/epx_base/Resources/Public/Fonts/iconmoon/icomoon.eot?11lxa3#iefix') format('embedded-opentype'), url('../../typo3conf/ext/epx_base/Resources/Public/Fonts/iconmoon/icomoon.ttf?11lxa3') format('truetype'), url('../../typo3conf/ext/epx_base/Resources/Public/Fonts/iconmoon/icomoon.woff?11lxa3') format('woff'), url('../../typo3conf/ext/epx_base/Resources/Public/Fonts/iconmoon/icomoon.svg?11lxa3#icomoon') format('svg'); font-weight: normal; font-style: normal; } [class^="icon-"], [class*=" icon-"] { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } [class^="icon-"], [class*=" icon-"], [class^="icon-"]:hover, [class*=" icon-"]:hover, [class^="icon-"]:active, [class*=" icon-"]:active { /* font-size: 0 !important;*/ } [class^="icon-"]:before, [class*=" icon-"]:before { font-size: initial !important; } .icon-info-circle:before { content: "\e910"; } .icon-arrow-right:before { content: "\e900"; } .icon-arrow-left:before { content: "\e900"; } .icon-arrow-left { display: inline-block; -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .icon-arrow-top:before { content: "\e901"; } .icon-bobble:before { content: "\e902"; } .icon-calendar:before { content: "\e903"; } .icon-contrast:before { content: "\e904"; } .icon-facebook:before { content: "\e905"; } .icon-font-size:before { content: "\e906"; } .icon-house:before { content: "\e907"; } .icon-magnifier:before { content: "\e908"; } .icon-mouse:before { content: "\e909"; } .icon-phone:before { content: "\e90a"; } .icon-speech:before { content: "\e90b"; } .icon-twitter:before { content: "\e90c"; } .icon-xing:before { content: "\e90d"; } .icon-youtube:before { content: "\e90e"; } .icon-location:before { content: "\e947"; } .icon-cross:before { content: "\ea0f"; } .icon-linkedin:before { content: "\eac9"; } .icon-mail-full:before { content: "\e90f"; color: #fff; } .icon-notfall:before { content: ""; background: url("data:image/svg+xml,%3Csvg%20data-name%3D%22Gruppe%203%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%3E%3Cg%20data-name%3D%22Gruppe%202%22%20fill%3D%22%23d0021b%22%3E%3Cpath%20d%3D%22M0%203h16v13H0z%22%2F%3E%3Cg%20data-name%3D%22Gruppe%201%22%3E%3Cpath%20data-name%3D%22Rectangle%22%20d%3D%22M4%201h2v2H4zM10%201h2v2h-2z%22%2F%3E%3Cpath%20data-name%3D%22Rectangle%22%20d%3D%22M4%200h8v2H4z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cpath%20data-name%3D%22Combined%20Shape%22%20d%3D%22M7%2014v-3H4V9h3V6h2v3h3v2H9v3z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E"); margin-bottom: -1px; display: inline-block; width: 16px; height: 16px; } .icon-instagram:before { content: "\ea92"; } /* * tables - Start */ table.contenttable { width: 100%; margin: 0px 0px 15px; } table.contenttable th { padding: 10px; background-color: #0a8c7b; color: #fff; text-align: left; vertical-align: top; font-weight: normal; } table.contenttable th.price { min-width: 120px; } table.contenttable td { padding: 10px !important; background-color: #fff; text-align: left; vertical-align: top; } table.contenttable td span.mobile-label { display: none; } table.contenttable tr:nth-child(2n) td { background-color: #eef8fc; } table.mobile th { display: none; } table.mobile td { display: block; text-align: right; } table.mobile td.c0 { background-color: #0a8c7b !important; color: #fff; } table.mobile td span.mobile-label { display: inline; float: left; text-align: left; } table.mobile tr:nth-child(2n) td { background-color: inherit; } table.mobile tr td:nth-child(2n+1) { background-color: #eef8fc; } /* * tables - End */ /* Slider */ .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; left: 0; top: 0; display: block; } .slick-track:before, .slick-track:after { content: ""; display: table; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { float: left; height: 100%; min-height: 1px; display: none; } [dir="rtl"] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } .blocker { position: fixed; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; overflow: auto; z-index: 1600; padding: 40px 10px; box-sizing: border-box; background-color: #000; background-color: rgba(0, 0, 0, 0.5); text-align: center; } .blocker:before { content: ""; display: inline-block; height: 100%; vertical-align: middle; margin-right: -0.05em; } .blocker.behind { background-color: transparent; } .modal { display: inline-block; vertical-align: middle; position: relative; z-index: 2; max-width: 620px; box-sizing: border-box; width: 94%; background: #fff; padding: 0px; -webkit-box-shadow: 0 0 10px #000; -moz-box-shadow: 0 0 10px #000; -o-box-shadow: 0 0 10px #000; -ms-box-shadow: 0 0 10px #000; box-shadow: 0 0 10px #000; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); -o-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); -ms-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); text-align: left; } .modal a.close-modal { position: absolute; right: 0; top: 0; height: 40px; width: 42px; background: #0a8c7b; cursor: pointer; } .modal a.close-modal:before, .modal a.close-modal:after { content: ""; position: absolute; left: 11px; top: 18px; width: 20px; height: 3px; background: #fff; -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); } .modal a.close-modal:after { left: 11px; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .modal-spinner { display: none; width: 64px; height: 64px; position: fixed; top: 50%; left: 50%; margin-right: -32px; margin-top: -32px; background: url("data:image/gif;base64,R0lGODlhIAAgAPMAABEREf///0VFRYKCglRUVG5ubsvLy62trTQ0NCkpKU5OTuLi4vr6+gAAAAAAAAAAACH+GkNyZWF0ZWQgd2l0aCBhamF4bG9hZC5pbmZvACH5BAAKAAAAIf8LTkVUU0NBUEUyLjADAQAAACwAAAAAIAAgAAAE5xDISWlhperN52JLhSSdRgwVo1ICQZRUsiwHpTJT4iowNS8vyW2icCF6k8HMMBkCEDskxTBDAZwuAkkqIfxIQyhBQBFvAQSDITM5VDW6XNE4KagNh6Bgwe60smQUB3d4Rz1ZBApnFASDd0hihh12BkE9kjAJVlycXIg7CQIFA6SlnJ87paqbSKiKoqusnbMdmDC2tXQlkUhziYtyWTxIfy6BE8WJt5YJvpJivxNaGmLHT0VnOgSYf0dZXS7APdpB309RnHOG5gDqXGLDaC457D1zZ/V/nmOM82XiHRLYKhKP1oZmADdEAAAh+QQACgABACwAAAAAIAAgAAAE6hDISWlZpOrNp1lGNRSdRpDUolIGw5RUYhhHukqFu8DsrEyqnWThGvAmhVlteBvojpTDDBUEIFwMFBRAmBkSgOrBFZogCASwBDEY/CZSg7GSE0gSCjQBMVG023xWBhklAnoEdhQEfyNqMIcKjhRsjEdnezB+A4k8gTwJhFuiW4dokXiloUepBAp5qaKpp6+Ho7aWW54wl7obvEe0kRuoplCGepwSx2jJvqHEmGt6whJpGpfJCHmOoNHKaHx61WiSR92E4lbFoq+B6QDtuetcaBPnW6+O7wDHpIiK9SaVK5GgV543tzjgGcghAgAh+QQACgACACwAAAAAIAAgAAAE7hDISSkxpOrN5zFHNWRdhSiVoVLHspRUMoyUakyEe8PTPCATW9A14E0UvuAKMNAZKYUZCiBMuBakSQKG8G2FzUWox2AUtAQFcBKlVQoLgQReZhQlCIJesQXI5B0CBnUMOxMCenoCfTCEWBsJColTMANldx15BGs8B5wlCZ9Po6OJkwmRpnqkqnuSrayqfKmqpLajoiW5HJq7FL1Gr2mMMcKUMIiJgIemy7xZtJsTmsM4xHiKv5KMCXqfyUCJEonXPN2rAOIAmsfB3uPoAK++G+w48edZPK+M6hLJpQg484enXIdQFSS1u6UhksENEQAAIfkEAAoAAwAsAAAAACAAIAAABOcQyEmpGKLqzWcZRVUQnZYg1aBSh2GUVEIQ2aQOE+G+cD4ntpWkZQj1JIiZIogDFFyHI0UxQwFugMSOFIPJftfVAEoZLBbcLEFhlQiqGp1Vd140AUklUN3eCA51C1EWMzMCezCBBmkxVIVHBWd3HHl9JQOIJSdSnJ0TDKChCwUJjoWMPaGqDKannasMo6WnM562R5YluZRwur0wpgqZE7NKUm+FNRPIhjBJxKZteWuIBMN4zRMIVIhffcgojwCF117i4nlLnY5ztRLsnOk+aV+oJY7V7m76PdkS4trKcdg0Zc0tTcKkRAAAIfkEAAoABAAsAAAAACAAIAAABO4QyEkpKqjqzScpRaVkXZWQEximw1BSCUEIlDohrft6cpKCk5xid5MNJTaAIkekKGQkWyKHkvhKsR7ARmitkAYDYRIbUQRQjWBwJRzChi9CRlBcY1UN4g0/VNB0AlcvcAYHRyZPdEQFYV8ccwR5HWxEJ02YmRMLnJ1xCYp0Y5idpQuhopmmC2KgojKasUQDk5BNAwwMOh2RtRq5uQuPZKGIJQIGwAwGf6I0JXMpC8C7kXWDBINFMxS4DKMAWVWAGYsAdNqW5uaRxkSKJOZKaU3tPOBZ4DuK2LATgJhkPJMgTwKCdFjyPHEnKxFCDhEAACH5BAAKAAUALAAAAAAgACAAAATzEMhJaVKp6s2nIkolIJ2WkBShpkVRWqqQrhLSEu9MZJKK9y1ZrqYK9WiClmvoUaF8gIQSNeF1Er4MNFn4SRSDARWroAIETg1iVwuHjYB1kYc1mwruwXKC9gmsJXliGxc+XiUCby9ydh1sOSdMkpMTBpaXBzsfhoc5l58Gm5yToAaZhaOUqjkDgCWNHAULCwOLaTmzswadEqggQwgHuQsHIoZCHQMMQgQGubVEcxOPFAcMDAYUA85eWARmfSRQCdcMe0zeP1AAygwLlJtPNAAL19DARdPzBOWSm1brJBi45soRAWQAAkrQIykShQ9wVhHCwCQCACH5BAAKAAYALAAAAAAgACAAAATrEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq+E71SRQeyqUToLA7VxF0JDyIQh/MVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiRMDjI0Fd30/iI2UA5GSS5UDj2l6NoqgOgN4gksEBgYFf0FDqKgHnyZ9OX8HrgYHdHpcHQULXAS2qKpENRg7eAMLC7kTBaixUYFkKAzWAAnLC7FLVxLWDBLKCwaKTULgEwbLA4hJtOkSBNqITT3xEgfLpBtzE/jiuL04RGEBgwWhShRgQExHBAAh+QQACgAHACwAAAAAIAAgAAAE7xDISWlSqerNpyJKhWRdlSAVoVLCWk6JKlAqAavhO9UkUHsqlE6CwO1cRdCQ8iEIfzFVTzLdRAmZX3I2SfZiCqGk5dTESJeaOAlClzsJsqwiJwiqnFrb2nS9kmIcgEsjQydLiIlHehhpejaIjzh9eomSjZR+ipslWIRLAgMDOR2DOqKogTB9pCUJBagDBXR6XB0EBkIIsaRsGGMMAxoDBgYHTKJiUYEGDAzHC9EACcUGkIgFzgwZ0QsSBcXHiQvOwgDdEwfFs0sDzt4S6BK4xYjkDOzn0unFeBzOBijIm1Dgmg5YFQwsCMjp1oJ8LyIAACH5BAAKAAgALAAAAAAgACAAAATwEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq+E71SRQeyqUToLA7VxF0JDyIQh/MVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiUd6GGl6NoiPOH16iZKNlH6KmyWFOggHhEEvAwwMA0N9GBsEC6amhnVcEwavDAazGwIDaH1ipaYLBUTCGgQDA8NdHz0FpqgTBwsLqAbWAAnIA4FWKdMLGdYGEgraigbT0OITBcg5QwPT4xLrROZL6AuQAPUS7bxLpoWidY0JtxLHKhwwMJBTHgPKdEQAACH5BAAKAAkALAAAAAAgACAAAATrEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq+E71SRQeyqUToLA7VxF0JDyIQh/MVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiUd6GAULDJCRiXo1CpGXDJOUjY+Yip9DhToJA4RBLwMLCwVDfRgbBAaqqoZ1XBMHswsHtxtFaH1iqaoGNgAIxRpbFAgfPQSqpbgGBqUD1wBXeCYp1AYZ19JJOYgH1KwA4UBvQwXUBxPqVD9L3sbp2BNk2xvvFPJd+MFCN6HAAIKgNggY0KtEBAAh+QQACgAKACwAAAAAIAAgAAAE6BDISWlSqerNpyJKhWRdlSAVoVLCWk6JKlAqAavhO9UkUHsqlE6CwO1cRdCQ8iEIfzFVTzLdRAmZX3I2SfYIDMaAFdTESJeaEDAIMxYFqrOUaNW4E4ObYcCXaiBVEgULe0NJaxxtYksjh2NLkZISgDgJhHthkpU4mW6blRiYmZOlh4JWkDqILwUGBnE6TYEbCgevr0N1gH4At7gHiRpFaLNrrq8HNgAJA70AWxQIH1+vsYMDAzZQPC9VCNkDWUhGkuE5PxJNwiUK4UfLzOlD4WvzAHaoG9nxPi5d+jYUqfAhhykOFwJWiAAAIfkEAAoACwAsAAAAACAAIAAABPAQyElpUqnqzaciSoVkXVUMFaFSwlpOCcMYlErAavhOMnNLNo8KsZsMZItJEIDIFSkLGQoQTNhIsFehRww2CQLKF0tYGKYSg+ygsZIuNqJksKgbfgIGepNo2cIUB3V1B3IvNiBYNQaDSTtfhhx0CwVPI0UJe0+bm4g5VgcGoqOcnjmjqDSdnhgEoamcsZuXO1aWQy8KAwOAuTYYGwi7w5h+Kr0SJ8MFihpNbx+4Erq7BYBuzsdiH1jCAzoSfl0rVirNbRXlBBlLX+BP0XJLAPGzTkAuAOqb0WT5AH7OcdCm5B8TgRwSRKIHQtaLCwg1RAAAOwAAAAAAAAAAAA==") #111 no-repeat center center; -webkit-border-radius: 8px; -moz-border-radius: 8px; -o-border-radius: 8px; -ms-border-radius: 8px; border-radius: 8px; } .modal .col-xs-1, .modal .col-sm-1, .modal .col-md-1, .modal .col-lg-1, .modal .col-xs-2, .modal .col-sm-2, .modal .col-md-2, .modal .col-lg-2, .modal .col-xs-3, .modal .col-sm-3, .modal .col-md-3, .modal .col-lg-3, .modal .col-xs-4, .modal .col-sm-4, .modal .col-md-4, .modal .col-lg-4, .modal .col-xs-5, .modal .col-sm-5, .modal .col-md-5, .modal .col-lg-5, .modal .col-xs-6, .modal .col-sm-6, .modal .col-md-6, .modal .col-lg-6, .modal .col-xs-7, .modal .col-sm-7, .modal .col-md-7, .modal .col-lg-7, .modal .col-xs-8, .modal .col-sm-8, .modal .col-md-8, .modal .col-lg-8, .modal .col-xs-9, .modal .col-sm-9, .modal .col-md-9, .modal .col-lg-9, .modal .col-xs-10, .modal .col-sm-10, .modal .col-md-10, .modal .col-lg-10, .modal .col-xs-11, .modal .col-sm-11, .modal .col-md-11, .modal .col-lg-11, .modal .col-xs-12, .modal .col-sm-12, .modal .col-md-12, .modal .col-lg-12 { width: 100%; margin-left: 0px; } /* IMAGE LIGHTBOX SELECTOR */ #imagelightbox { cursor: pointer; position: fixed; z-index: 10000; touch-action: none; box-shadow: 0 0 3.125em rgba(0, 0, 0, .75); /* 50 */ background-color: #fff; } .imagelightbox-scroll-lock { overflow: hidden; } .imagelightbox-disable-select { user-select: none; } /* WITH ACTIVITY INDICATION */ .imagelightbox-loading, .imagelightbox-loading div { border-radius: 9999px; } .imagelightbox-loading { background-color: #000; background-color: rgba(0, 0, 0, .5); position: fixed; z-index: 10003; top: 50%; left: 50%; padding: 0.65em; margin: -1.3em 0 0 -1.3em; box-shadow: 0 0 2.5em rgba(0, 0, 0, .75); /* 40 */ } .imagelightbox-loading div { width: 1.3em; height: 1.3em; background-color: #0a8c7b; animation: imagelightbox-loading 0.5s ease infinite; } @keyframes imagelightbox-loading { from { opacity: 0.5; transform: scale(0.75); } 50% { opacity: 1; transform: scale(1); } to { opacity: 0.5; transform: scale(0.75); } } /* WITH OVERLAY */ .imagelightbox-overlay { background-color: #000; background-color: rgba(0, 0, 0, 0.5); position: fixed; z-index: 9998; top: 0; right: 0; bottom: 0; left: 0; } /* WITH "CLOSE" BUTTON */ a.imagelightbox-close { position: fixed; top: 2.5em; /* 40 */ right: 2.5em; /* 40 */ height: 40px; width: 42px; background: #0a8c7b; cursor: pointer; z-index: 10002; } a.imagelightbox-close:before, a.imagelightbox-close:after { content: ""; position: absolute; left: 11px; top: 18px; width: 20px; height: 3px; background: #fff; -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); } a.imagelightbox-close:after { left: 11px; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } /* WITH CAPTION */ .imagelightbox-caption { text-align: center; color: #fff; background-color: #0a8c7b; position: fixed; z-index: 10001; left: 0; right: 0; bottom: 0; padding: 0.625em; /* 10 */ } /* WITH NAVIGATION */ .imagelightbox-nav { background-color: #0a8c7b; background-color: rgba(0, 0, 0, .5); position: fixed; z-index: 10001; left: 50%; bottom: 3.75em; /* 60 */ padding: 0.313em; /* 5 */ transform: translateX(-50%); border-radius: 20px; } .imagelightbox-nav a { position: relative; top: 0.2em; width: 1em; /* 20 */ height: 1em; /* 20 */ border: 1px solid #fff; display: inline-block; margin: 0 0.313em; /* 5 */ border-radius: 50%; } .imagelightbox-nav .active { background-color: #fff; } /* WITH ARROWS */ .imagelightbox-arrow { border: none; cursor: pointer; width: 4em; /* 60 */ height: 10em; /* 120 */ background-color: #0a8c7b; vertical-align: middle; display: none; position: fixed; z-index: 10001; top: 50%; margin-top: -5em; /* 60 */ color: #fff; font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .imagelightbox-arrow:before { content: "\e900"; font-size: 28px; } .imagelightbox-arrow:hover, .imagelightbox-arrow:focus { background-color: #0a8c7b; } .imagelightbox-arrow:active { background-color: #0a8c7b; } .imagelightbox-arrow-left { left: 0em; /* 40 */ -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .imagelightbox-arrow-right { right: 0em; /* 40 */ } .imagelightbox-loading, .imagelightbox-overlay, .imagelightbox-close, .imagelightbox-nav, .imagelightbox-arrow { animation: fade-in 0.25s linear; } @keyframes fade-in { from { opacity: 0; } to { opacity: 1; } } @media only screen and (max-width: 41.25em) { /* 660 */ #container { width: 100%; } .imagelightbox-close { top: 1.25em; /* 20 */ right: 1.25em; /* 20 */ } .imagelightbox-arrow { width: 2.5em; /* 40 */ height: 3.75em; /* 60 */ margin-top: -1.875em; /* 30 */ } .imagelightbox-arrow-left { left: 1.25em; /* 20 */ } .imagelightbox-arrow-right { right: 1.25em; /* 20 */ } } @media only screen and (max-width: 20em) { /* 320 */ .imagelightbox-arrow-left { left: 0; } .imagelightbox-arrow-right { right: 0; } } .Zebra_DatePicker { background: #666; border-radius: 4px; box-shadow: 0px 0px 10px #888; color: #222; font: 13px Tahoma, Arial, Helvetica, sans-serif; padding: 3px 3px; position: absolute; display: table; *width: 255px; z-index: 1200; } .Zebra_DatePicker *, .Zebra_DatePicker *:after, .Zebra_DatePicker *:before { box-sizing: content-box !important; } .Zebra_DatePicker * { padding: 0; } .Zebra_DatePicker table { border-collapse: collapse; border-radius: 4px; border-spacing: 0; width: 100%; } .Zebra_DatePicker th, .Zebra_DatePicker td { padding: 5px; cursor: pointer; text-align: center; min-width: 25px; width: 25px; } .Zebra_DatePicker .dp_body th, .Zebra_DatePicker .dp_body td { border: 1px solid #bfbfbf; } .Zebra_DatePicker .dp_body th:first-child, .Zebra_DatePicker .dp_body td:first-child { border-left: none; } .Zebra_DatePicker .dp_body th:last-child, .Zebra_DatePicker .dp_body td:last-child { border-right: none; } .Zebra_DatePicker .dp_body tr:first-child th, .Zebra_DatePicker .dp_body tr:first-child td { border-top: none; } .Zebra_DatePicker .dp_body tr:last-child th, .Zebra_DatePicker .dp_body tr:last-child td { border-bottom: none; } .Zebra_DatePicker .dp_body td { background: #e6e5e5; } .Zebra_DatePicker .dp_body .dp_weekend { background: #d6d6d6; } .Zebra_DatePicker .dp_body .dp_not_in_month { background: #e0e6f2; color: #98acd4; } .Zebra_DatePicker .dp_body .dp_current { color: #cc236b; } .Zebra_DatePicker .dp_body .dp_selected { background: #b56a6a; color: #fff; } .Zebra_DatePicker .dp_body .dp_disabled { background: #f2f2f2; color: #ccc; cursor: text; } .Zebra_DatePicker .dp_body .dp_disabled.dp_current { color: #b56a6a; } .Zebra_DatePicker .dp_body .dp_hover { color: #fff; background: #88a09e; } .Zebra_DatePicker .dp_body .dp_hover.dp_time_control { background-color: #8c8c8c; color: #fff; } .Zebra_DatePicker .dp_monthpicker td, .Zebra_DatePicker .dp_yearpicker td, .Zebra_DatePicker .dp_timepicker td { width: 33.3333%; } .Zebra_DatePicker .dp_timepicker .dp_disabled { border: none; color: #222; font-size: 39px; font-weight: bold; } .Zebra_DatePicker .dp_time_separator div { position: relative; } .Zebra_DatePicker .dp_time_separator div:after { content: ":"; color: 1px solid #bfbfbf; font-size: 37px; left: 100%; position: absolute; z-index: 1; } .Zebra_DatePicker .dp_header { margin-bottom: 3px; } @supports (-ms-ime-align: auto) { .Zebra_DatePicker .dp_header { font-family: 'Segoe UI Symbol', Tahoma, Arial, Helvetica, sans-serif; } } .Zebra_DatePicker .dp_footer { margin-top: 3px; } .Zebra_DatePicker .dp_footer .dp_icon { width: 50%; } .Zebra_DatePicker .dp_actions td { border-radius: 4px; color: #fff; } .Zebra_DatePicker .dp_actions .dp_caption { font-weight: bold; width: 100%; } .Zebra_DatePicker .dp_actions .dp_previous, .Zebra_DatePicker .dp_actions .dp_next { *padding: 0 10px; } .Zebra_DatePicker .dp_actions .dp_hover { background-color: #8c8c8c; color: #fff; } .Zebra_DatePicker .dp_daypicker th { background: #fc3; cursor: text; font-weight: bold; } .Zebra_DatePicker.dp_hidden { display: none; } .Zebra_DatePicker .dp_icon { height: 16px; background-image: url('../../typo3conf/ext/epx_base/Resources/Public/Css/icons.png'); background-repeat: no-repeat; text-indent: -9999px; *text-indent: 0; } .Zebra_DatePicker .dp_icon.dp_confirm { background-position: center -123px; } .Zebra_DatePicker .dp_icon.dp_view_toggler { background-position: center -91px; } .Zebra_DatePicker .dp_icon.dp_view_toggler.dp_calendar { background-position: center -59px; } button.Zebra_DatePicker_Icon { background: url('../../typo3conf/ext/epx_base/Resources/Public/Css/icons.png') no-repeat center top; border: none; cursor: pointer; display: block; height: 16px; line-height: 0; padding: 0; position: absolute; text-indent: -9000px; width: 16px; } button.Zebra_DatePicker_Icon.Zebra_DatePicker_Icon_Disabled { background-position: center -32px; cursor: default; } header { -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; letter-spacing: 0.025em; position: fixed; top: 0; left: 0; z-index: 100; background-color: rgba(0, 0, 0, 0.5); box-shadow: 0px 4px 8.48px 7.52px rgba(0, 0, 0, 0.04); width: 100%; height: 135px; color: #fff; } header.down { top: -70px; } header.down .logo-wrapper:before { content: ''; position: absolute; width: 100%; height: 20px; background: #fff; z-index: 2; top: 70px; } header.down .logo-wrapper img { margin-top: -5px; } header.down .toggle-navigation { top: 95px; } header .nav-wrapper { margin-top: 25px; } header .phone-number { font-weight: 300; border-bottom: 1px solid #fff; font-size: 0.857em; padding-bottom: 4px; color: #fff !important; cursor: pointer; } header .logo-wrapper { position: relative; height: 135px; background: #fff; width: 150px; margin-left: 10px; } header .logo-wrapper .button-bar { height: 36px; width: 100%; position: absolute; bottom: -36px; left: 0; background: #0a6f62; } header .nav-meta-outer-wrapper { margin-top: -90px; } header .toggle-navigation { display: none; position: absolute; top: 56px; left: 50px; height: 20px; padding-left: 40px; cursor: pointer; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } header .toggle-navigation span { width: 28px; height: 2px; background: #fff; display: block; margin-top: 6px; left: 0; position: absolute; } header .toggle-navigation span:before, header .toggle-navigation span:after { content: ''; width: 28px; height: 2px; background: #fff; position: absolute; left: 0; } header .toggle-navigation span:before { top: -9px; } header .toggle-navigation span:after { bottom: -9px; } header .toggle-navigation.nav-active span { width: 0; height: 0; } header .toggle-navigation.nav-active span:before { top: -1px; -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } header .toggle-navigation.nav-active span:after { bottom: -1px; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } header ul.nav-meta { text-align: right; font-size: 12px; font-weight: 400; white-space: nowrap; } header ul.nav-meta li { display: inline-block; margin: 0 15px; } header ul.nav-meta li:last-child { margin-left: 4px; margin-right: 20px; } header ul.nav-meta li .icon-magnifier span { display: none !important; } header ul.nav-meta a { color: #fff; } header ul.nav-meta a:hover, header ul.nav-meta a.active { font-weight: 500; font-size: 13px; margin-left: -1px; } header ul.nav-meta:before { content: ''; position: absolute; bottom: -20px; right: -45px; height: 1px; width: 110%; background-color: #fff; } header ul.nav-meta:after { content: ''; position: absolute; left: 0; bottom: -22px; height: 5px; width: 5px; background: #fff; -moz-border-radius: 100px; -webkit-border-radius: 100px; border-radius: 100px; } header ul.nav-meta .li-8 a { font-size: 0; float: left; height: 15px; width: 15px; background-size: 116px 108px; background-image: url('../../typo3conf/ext/epx_base/Resources/Public/img/nav-access-icons.svg'); background-position: -20px -63px; } header ul.nav-meta .li-8 a:hover { background-position: -35px -63px; font-size: 0; margin: 0; } header ul.nav-main { margin-top: 50px; text-transform: uppercase; font-size: 13px; font-weight: 400; } header ul.nav-main > li { float: left; height: 20px; white-space: nowrap; position: relative; margin: 0 16px; } header ul.nav-main > li:first-child { margin-left: 0; } header ul.nav-main > li:first-child a { margin-left: 0; } header ul.nav-main > li:last-child { margin-right: 0; } header ul.nav-main > li:last-child a { margin-right: 0; } header ul.nav-main > li > a { color: #fff; position: relative; } header ul.nav-main > li > a:hover { font-size: 1em; font-weight: 500; } header ul.nav-main > li > a:hover:before { position: absolute; content: ''; width: 100%; background: #0a8c7b; height: 3px; bottom: -25px; } header ul.nav-main > li > a.active { font-weight: 500; font-size: 1em; } header ul.nav-main > li > a.active:before { position: absolute; content: ''; width: 100%; background: #0a8c7b; height: 3px; bottom: -25px; } header ul.nav-main > li > a.active:hover { margin-left: 0px; } header ul.nav-main > li:nth-child(2) a:hover:before { position: absolute; background: #a5196e; } header ul.nav-main > li:nth-child(2) ul li a.active { background-color: #a5196e; } header ul.nav-main > li:nth-child(2) ul li a:hover { background-color: #a5196e; } header ul.nav-main > li ul { display: none; position: absolute; left: 0; top: 11px; padding-top: 31px; } header ul.nav-main > li ul li { height: auto; padding: 0; margin: 0; display: block; float: none; margin-left: -20px; background-color: rgba(0, 0, 0, 0.5); box-shadow: 0px 4px 8.48px 7.52px rgba(0, 0, 0, 0.04); } header ul.nav-main > li ul li:first-child { margin-left: -20px; } header ul.nav-main > li ul li:last-child { margin-left: -20px; } header ul.nav-main > li ul li a { color: #fff; margin: 0px; padding: 10px 20px; display: block; } header ul.nav-main > li ul li a.active { background-color: #0a8c7b; } header ul.nav-main > li ul li a:hover { background-color: #0a8c7b; } header ul.nav-main > li ul li a:hover:before { display: none; } header ul.nav-main > li:hover ul { display: block; } header ul.nav-access li { display: inline-block; margin: 0 5px; } header ul.nav-access li:first-child { margin-left: 0; } header ul.nav-access li:last-child { margin-right: 0; } header ul.nav-access li:nth-child(2) a, header ul.nav-access li:nth-child(3) a, header ul.nav-access li:nth-child(4) a { display: block; height: 16px; width: 16px; color: #fff; } header ul.nav-access li:nth-child(2) a:hover, header ul.nav-access li:nth-child(3) a:hover, header ul.nav-access li:nth-child(4) a:hover { color: #0a8c7b; } header ul.nav-access li:nth-child(2) a.active, header ul.nav-access li:nth-child(3) a.active, header ul.nav-access li:nth-child(4) a.active { color: #0a8c7b; } header ul.nav-access li:nth-child(2) a span, header ul.nav-access li:nth-child(3) a span, header ul.nav-access li:nth-child(4) a span { display: none; } header .language-switch.active { padding-top: 8px; } header ul.nav-accessibility a { color: #fff; display: block; margin: auto; height: 36px; width: 38px; padding: 10px; line-height: 16px; font-size: 15px; } header ul.nav-accessibility li { position: relative; float: left; text-align: center; width: 25%; } header ul.nav-accessibility li ul { display: none; position: absolute; top: 100%; width: 100%; text-align: center; background: red; margin-top: 0px; } header ul.nav-accessibility li ul li { float: none; width: 100%; background: #595959; } header ul.nav-accessibility li ul li:hover { background: #0a8c7b; } header ul.nav-accessibility li:hover { background: #595959; } header ul.nav-accessibility li:hover ul { display: block; } header ul.nav-accessibility li .icon-speech { display: none; } header ul.nav-accessibility .font-size-toggle, header ul.nav-accessibility .saturate-toggle { cursor: pointer; } header ul.nav-accessibility .font-size-toggle.active, header ul.nav-accessibility .saturate-toggle.active { background: #595959; } .breadcrumbs.container-fluid nav.breadcrumbs { line-height: 1.714em; margin: 25px 0px 25px; } .breadcrumbs.container-fluid nav.breadcrumbs ul li { display: inline-block; margin-right: 10px; } .breadcrumbs.container-fluid nav.breadcrumbs ul li.ancestor:after { content: "›"; diplay: inline-block; margin-left: 10px; } body.lang-nl header.down .logo-wrapper:before { display: none; } body.lang-nl header.down .logo-wrapper img { margin-top: 35px; } body.lang-nl header ul.nav-main > li { margin: 0 14px; } body.lang-nl header ul.nav-main > li:first-child { margin-left: 0 !important; } body.lang-nl header ul.nav-main > li:last-child { margin-right: 0 !important; } @media (max-width: 1220px) { body.lang-nl header ul.nav-main > li { margin: 0 8px; } } footer { background-color: #0a6f62; border-top: 90px solid #0a8c7b; color: #fff; padding: 60px 0; } footer a { color: #fff; } footer h1, footer h2, footer h3, footer h4, footer h5, footer h6 { color: #fff; } footer p { margin: -5px 0 0; } footer h3 { margin-bottom: 20px; } ul.nav-footer { margin-top: 47px; font-family: 'georgia', serif; } ul.nav-footer li { margin: 8px 0; } ul.nav-footer li:first-child { margin-top: 0; } ul.nav-footer li:last-child { margin-bottom: 0; } .footer-logo { float: left; margin-right: 15px; margin-bottom: 45px; margin-top: 0px; } ul.nav-some { margin-top: -9px; } ul.nav-some li { display: inline-block; margin: 0 4px; } ul.nav-some li:first-child { margin-left: 0; } ul.nav-some li:last-child { margin-right: 0; } .soma-icon { font-size: 0; height: 28px; width: 28px; display: block; color: #fff !important; } .soma-icon:before { font-size: 24px !important; } #cookiePolicyBar { display: none; position: fixed; bottom: 0; width: 100%; z-index: 101; } #cookiePolicyBar .container-fluid { background-color: #000; color: #fff; font-size: 0.8em; padding: 8px 0px; } #cookiePolicyBar .container-fluid a { color: #fff !important; text-decoration: underline; } #cookiePolicyBar .container-fluid .container { position: relative; padding-right: 50px; } #cookiePolicyBar .container-fluid a.close { position: absolute; right: 0px; top: 10px; height: 32px; width: 32px; background: #0a8c7b; cursor: pointer; } #cookiePolicyBar .container-fluid a.close:before, #cookiePolicyBar .container-fluid a.close:after { content: ""; position: absolute; left: 6px; top: 15px; width: 20px; height: 3px; background: #fff; -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); } #cookiePolicyBar .container-fluid a.close:after { left: 6px; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } #backend-preview { position: fixed; top: 12px; left: 12px; -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg); border-style: solid; border-width: 0px 25px 43.3px 25px; border-color: transparent transparent rgba(220, 30, 30, 0.8) transparent; z-index: 100; cursor: help; } #backend-preview .inner { position: absolute; top: 11px; left: -15px; -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg); border-style: solid; border-width: 0px 15px 26px 15px; border-color: transparent transparent rgba(255, 255, 255, 1) transparent; } #backend-preview .inner span.warning { color: #000; margin-top: 16px; display: block; position: absolute; font-size: 20px; top: -12px; left: -4px; } #backend-preview span.info { display: none; width: 240px; height: 90px; padding: 10px; color: #000; background: #fff; position: absolute; top: 0px; left: 35px; border: 2px solid #333; font-size: 12px; } #backend-preview:hover span.info { display: block; } /* * Colormodi - Start */ section { padding-top: 60px; padding-bottom: 60px; } .background-main { background-color: #0a8c7b; color: #fff; } .background-main h1, .background-main h2, .background-main h3, .background-main h4, .background-main h5, .background-main h6, .background-main a { color: #fff; } .background-light-blue { background-color: #eef8fc; } .background-light { background: #f9f9fa; } .shadow-section { position: relative; z-index: 5; box-shadow: 0px 12px 72.2px 3.8px rgba(0, 0, 0, 0.12); } .background-image { background-size: cover; background-position: center; } .button { padding: 7px 24px 6px; font-size: 0.7em; cursor: pointer; text-transform: uppercase; -moz-transition: all 0.25s ease-in-out; -webkit-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; border: 2px solid #0a8c7b; } .button:hover { color: #fff; background: #0a8c7b; } .container.box-colored { position: relative; padding-top: 50px; padding-bottom: 50px; } .container.box-colored.dongle { overflow: visible; } .container.box-colored.dongle:before { content: ''; position: absolute; width: 9999px; height: 1px; left: -9999px; top: 80px; background: #0a8c7b; } .container.box-colored.dongle .inner-dongle { position: relative; } .container.box-colored.dongle .inner-dongle:before { content: ''; position: absolute; width: 480px; height: 1px; left: -40px; top: 30px; background: #fff; } .container.box-colored.dongle .inner-dongle:after { content: ''; position: absolute; left: 440px; top: 28px; height: 5px; width: 5px; background: #fff; -moz-border-radius: 100px; -webkit-border-radius: 100px; border-radius: 100px; } .overlay { position: absolute; height: 100%; width: 100%; top: 0; left: 0; z-index: 1; background-color: rgba(10, 140, 123, .7); } .animated-fade-out .overlay { -moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; opacity: 1; } .animated-fade-out:hover .overlay { opacity: 0; } .box-colored, .box-team { background: #0a8c7b; color: #fff; overflow: hidden; } .box-colored > .text-wrapper, .box-team > .text-wrapper { padding: 20px 20px 40px; } .box-colored > .text-wrapper p, .box-team > .text-wrapper p { margin-bottom: 15px; } .box-colored > .text-wrapper .button, .box-team > .text-wrapper .button { display: inline-block; } .box-colored > .image-wrapper.animated-dongle .overlay, .box-team > .image-wrapper.animated-dongle .overlay { -moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; -moz-t: 5px; -webkit-t: 5px; t: 5px; } .box-colored > .image-wrapper.animated-dongle .overlay:after, .box-team > .image-wrapper.animated-dongle .overlay:after { content: ''; position: absolute; left: 50%; height: 3px; width: 3px; top: 37%; background: #fff; -moz-border-radius: 100px; -webkit-border-radius: 100px; border-radius: 100px; } .box-colored > .image-wrapper.animated-dongle .overlay:before, .box-team > .image-wrapper.animated-dongle .overlay:before { content: ''; position: absolute; left: 50%; height: 37%; margin-left: 1px; width: 1px; top: 0; background: #fff; -moz-border-radius: 100px; -webkit-border-radius: 100px; border-radius: 100px; } .box-colored > .image-wrapper.animated-dongle .headline, .box-team > .image-wrapper.animated-dongle .headline { font-size: 1.1em; } .box-colored > .image-wrapper h3, .box-team > .image-wrapper h3 { -moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .box-colored > .image-wrapper:hover .overlay, .box-team > .image-wrapper:hover .overlay { top: -100%; } .box-colored > .image-wrapper:hover h3, .box-team > .image-wrapper:hover h3 { top: -50%; } .box-colored h1, .box-team h1, .box-colored h2, .box-team h2, .box-colored h3, .box-team h3, .box-colored h4, .box-team h4, .box-colored h5, .box-team h5, .box-colored h6, .box-team h6 { color: #fff; } .box-colored .box-white h1, .box-team .box-white h1, .box-colored .box-white h2, .box-team .box-white h2, .box-colored .box-white h3, .box-team .box-white h3, .box-colored .box-white h4, .box-team .box-white h4, .box-colored .box-white h5, .box-team .box-white h5, .box-colored .box-white h6, .box-team .box-white h6 { color: #000; } .box-colored a, .box-team a { color: #fff; } .box-colored.container, .box-team.container { padding-left: 40px; padding-right: 40px; } .box-colored .button, .box-team .button { border: 2px solid #fff; background: #0a8c7b; } .box-colored .button:hover, .box-team .button:hover { color: #0a8c7b; border: 2px solid #fff; background: #fff; } .box-team .image-wrapper .headline, .box-team .image-wrapper .overlay { display: none; } .box-white { overflow: hidden; background: #fff; color: #637e90; position: relative; } .box-white > .text-wrapper { padding: 20px 20px 40px; } .box-white > .text-wrapper p { margin-bottom: 15px; } .box-white > .text-wrapper .button { display: inline-block; } .box-white .date { color: #0a8c7b; margin-top: 25px; margin-bottom: 25px; } .box-white .event-link { position: absolute; left: 20px; bottom: 20px; } .ce-gallery .box-white .image-wrapper img, .ce-gallery .box-colored .image-wrapper img { display: block; } .ce-gallery .box-white .text-wrapper, .ce-gallery .box-colored .text-wrapper { padding: 15px 20px 20px; } .ce-gallery .box-white .text-wrapper p, .ce-gallery .box-colored .text-wrapper p { margin: 0px 0px 5px; } .image-wrapper { position: relative; } .image-wrapper img { width: 100%; height: auto; } .image-wrapper h3 { color: #fff; position: absolute; width: 100%; text-align: center; top: 50%; z-index: 5; -moz-transform: translate(0, -50%); -webkit-transform: translate(0, -50%); transform: translate(0, -50%); } .date { position: relative; margin-left: 50%; } .date:before { content: ''; position: absolute; width: 1000px; height: 1px; left: -1005px; top: 7px; background: #0a8c7b; } .date:after { content: ''; position: absolute; left: -10px; top: 5px; height: 5px; width: 5px; background: #0a8c7b; -moz-border-radius: 100px; -webkit-border-radius: 100px; border-radius: 100px; } .date.date-with-time { margin-left: 30%; } .date.date-with-time:before { left: -1015px; } .date.date-with-time:after { left: -20px; } @media only screen and (min-width: 992px) and (max-width: 1219px) { .date.date-with-time { margin-left: 20%; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .date.date-with-time { margin-left: 0; } .date.date-with-time:before { display: none; } .date.date-with-time:after { display: none; } } @media only screen and (max-width: 399px) { .date.date-with-time { margin-left: 15%; } } @media only screen and (min-width: 680px) and (max-width: 991px) { .col-sm-4.event.slick-slide .date.date-with-time { margin-left: 20%; } .col-sm-4.event.slick-slide .date.date-with-time:before { display: inherit; } .col-sm-4.event.slick-slide .date.date-with-time:after { display: inherit; } } @media only screen and (min-width: 640px) and (max-width: 679px) { .col-sm-4.event.slick-slide .date.date-with-time { margin-left: 0; } .col-sm-4.event.slick-slide .date.date-with-time:before { display: none; } .col-sm-4.event.slick-slide .date.date-with-time:after { display: none; } } @media only screen and (max-width: 429px) { .col-sm-4.event.slick-slide .date.date-with-time { margin-left: 0; } .col-sm-4.event.slick-slide .date.date-with-time:before { display: none; } .col-sm-4.event.slick-slide .date.date-with-time:after { display: none; } } section.dongle { padding-top: 200px; position: relative; } section.dongle:before { content: ''; position: absolute; width: 1px; height: 150px; background: #0a8c7b; top: 0; left: 50%; } section.dongle:after { content: ''; position: absolute; left: 50%; top: 150px; margin-left: -2px; height: 5px; width: 5px; background: #0a8c7b; -moz-border-radius: 100px; -webkit-border-radius: 100px; border-radius: 100px; } section.dongle.background-main:before, section.dongle.background-main:after { background: #fff; } .gradient { position: absolute; height: 100%; width: 100px; z-index: 3; top: 0; } .gradient-left { left: 0px; -moz-background: linear-gradient(to right, rgba(249, 249, 250, 1) 0%, rgba(249, 249, 250, .7) 50%, rgba(255, 255, 255, 0) 100%); -webkit-background: linear-gradient(to right, rgba(249, 249, 250, 1) 0%, rgba(249, 249, 250, .7) 50%, rgba(255, 255, 255, 0) 100%); background: linear-gradient(to right, rgba(249, 249, 250, 1) 0%, rgba(249, 249, 250, .7) 50%, rgba(255, 255, 255, 0) 100%); } .gradient-right { right: 0px; -moz-background: linear-gradient(to right, rgba(249, 249, 250, 0) 0%, rgba(249, 249, 250, .7) 50%, #fff 100%); -webkit-background: linear-gradient(to right, rgba(249, 249, 250, 0) 0%, rgba(249, 249, 250, .7) 50%, #fff 100%); background: linear-gradient(to right, rgba(249, 249, 250, 0) 0%, rgba(249, 249, 250, .7) 50%, #fff 100%); } .background-light-blue .gradient-left { -moz-background: linear-gradient(to right, rgba(238, 248, 252, 1) 0%, rgba(238, 248, 252, .7) 50%, rgba(255, 255, 255, 0) 100%); -webkit-background: linear-gradient(to right, rgba(238, 248, 252, 1) 0%, rgba(238, 248, 252, .7) 50%, rgba(255, 255, 255, 0) 100%); background: linear-gradient(to right, rgba(238, 248, 252, 1) 0%, rgba(238, 248, 252, .7) 50%, rgba(255, 255, 255, 0) 100%); } .background-light-blue .gradient-right { -moz-background: linear-gradient(to left, rgba(238, 248, 252, 1) 0%, rgba(238, 248, 252, .7) 50%, rgba(255, 255, 255, 0) 100%); -webkit-background: linear-gradient(to left, rgba(238, 248, 252, 1) 0%, rgba(238, 248, 252, .7) 50%, rgba(255, 255, 255, 0) 100%); background: linear-gradient(to left, rgba(238, 248, 252, 1) 0%, rgba(238, 248, 252, .7) 50%, rgba(255, 255, 255, 0) 100%); } /* * Colormodi - End */ /* * Image-Outflow - Start */ .image-outflow { padding-top: 0; padding-bottom: 0; } .image-outflow .background-image { position: relative; height: 100%; width: 100%; max-width: none; max-height: none; font-size: 0; line-height: 0; } .image-outflow img { display: block; } .image-outflow .gradient-left { left: 0; } .image-outflow .image-outflow-inner-image { position: relative; margin-left: -100px; } .image-outflow .image-outflow-inner-text { padding-top: 60px; padding-bottom: 60px; } /* * Image-Outflow - End */ /* * Time-Bobble - Start */ .bobble-bar { height: 1px; width: 100%; background: #0a8c7b; box-sizing: content-box; } .bobble-wrapper { position: relative; max-width: 214px; margin-bottom: 10px; margin-left: 40px; } .bobble-wrapper:after { content: ''; position: absolute; bottom: -21px; height: 21px; width: 21px; background: #0a8c7b; right: -22px; -moz-border-radius: 100px; -webkit-border-radius: 100px; -o-border-radius: 100px; border-radius: 100px; } .bobble-wrapper .text-wrapper { text-transform: uppercase; color: #c3efe9; text-align: center; position: absolute; left: 50%; top: 25%; width: 95%; margin: auto; -moz-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); } .bobble-wrapper .text-wrapper span { font-size: 2.5em; font-family: 'Georgia', serif; color: #fff; text-transform: none; line-height: 1.333em; display: block; } .bobble-wrapper .text-wrapper p { font-size: 0.8em; line-height: 1.167em; } .small-bobble-wrapper { width: 100%; height: 7px; position: relative; } .small-bobble-wrapper .bobble { height: 7px; width: 7px; background: #0a8c7b; position: absolute; top: -4px; -moz-border-radius: 100px; -webkit-border-radius: 100px; border-radius: 100px; } .small-bobble-wrapper .bobble:nth-child(1) { left: 2%; } .small-bobble-wrapper .bobble:nth-child(2) { left: 11%; } .small-bobble-wrapper .bobble:nth-child(3) { left: 17%; } .small-bobble-wrapper .bobble:nth-child(4) { left: 25%; } .small-bobble-wrapper .bobble:nth-child(5) { left: 50%; } .small-bobble-wrapper .bobble:nth-child(6) { left: 90%; } .small-bobble-wrapper .bobble:nth-child(7) { left: 76%; } .small-bobble-wrapper .bobble:nth-child(8) { left: 40%; } .small-bobble-wrapper .bobble:nth-child(9) { left: 76%; } .small-bobble-wrapper .bobble:nth-child(10) { left: 60%; } .small-bobble-wrapper .bobble:nth-child(11) { left: 65%; } .small-bobble-wrapper .bobble:nth-child(12) { left: 84%; } /* * Time-Bobble - End */ /* * Sliders - Start */ .slick-arrow { position: absolute; cursor: pointer; top: 50%; z-index: 5; background: none; border: 0; font-size: 0; height: 28px; width: 22px; padding: 0; color: #0a8c7b; } .slick-arrow [class^="icon-"]:before { font-size: 28px !important; } .slick-arrow [class*=" icon-"]:before { font-size: 28px !important; } .box-colored .slick-arrow { color: #fff; } .slick-next { right: -20px; } .slick-prev { left: -20px; -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .slick-slide:focus, button:focus, .slick-slide a, button a { outline: none; } /* * Sliders - End */ /* * Fly-in - Start */ .fly-in { margin-top: 40px; margin-bottom: 60px; position: relative; height: 100%; padding-top: 0; padding-bottom: 0; } .fly-in .background-image { position: relative; height: 100%; width: 100%; max-width: none; max-height: none; font-size: 0; line-height: 0; } .fly-in img { display: block; } .fly-in .image-outflow-inner-text { padding-top: 60px; padding-bottom: 60px; } .fly-in.image-left:before { display: block; content: ''; height: 100%; width: 10000px; position: absolute; background: #eef8fc; left: -10000px; } .fly-in.image-left .gradient-left { left: -90px; } .fly-in.image-left .gradient-right { right: 10px; } .fly-in.image-left .image-outflow-inner-image { margin-left: -100px; } .fly-in.image-left .image-outflow-inner-text { padding-right: 60px; } .fly-in.image-right:before { display: block; content: ''; height: 100%; width: 10000px; position: absolute; background: #eef8fc; right: -10000px; } .fly-in.image-right .gradient-right { right: -90px; } .fly-in.image-right .gradient-left { left: 10px; } .fly-in.image-right .image-outflow-inner-image { margin-right: -100px; } .fly-in.image-right .image-outflow-inner-text { padding-left: 60px; } /* * Fly-in - End */ /* * Video-background - Start */ .video-background { background-size: cover; height: 100%; width: 100%; } .video-background h1 { font-size: 43px; line-height: 1.2em; position: absolute; bottom: 90px; left: 50%; text-align: center; color: #fff; width: 95%; -moz-transform: translate(-50%); -webkit-transform: translate(-50%); transform: translate(-50%); } .video-background .scroll-down { position: absolute; left: 50%; bottom: 40px; margin-left: -22px; color: #fff; } .video-background .scroll-down .icon-mouse:before { font-size: 48px !important; } .video-img { position: absolute; height: 100%; width: 100%; top: 0; opacity: 0; background: red; background-size: cover; background-position: center; -moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .video-img.opacity { opacity: 1; } #video-bg { position: absolute; top: 0; right: 0; bottom: 0; left: 0; overflow: hidden; z-index: -1000; background-size: cover; background-position: center; background-attachment: fixed; } #video-bg > video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .ce-media video { width: 100%; } /* 1. No object-fit support: */ @media (min-aspect-ratio: 1.7777777778) { #video-bg > video { height: 300%; top: -100%; } } @media (max-aspect-ratio: 1.7777777778) { #video-bg > video { width: 300%; left: -100%; } } /* 2. If supporting object-fit, overriding (1): */ @supports (object-fit: cover) { #video-bg > video { top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; } } @media screen and (max-width: 900px) { #page-1 video { display: none; } #video-bg { background-position: center !important; background-attachment: initial; } } /* * Video-background - End */ /* * Image-Background - Start */ .intro-placeholder { min-height: 135px; } .intro-background-image { position: relative; padding-top: 215px; padding-bottom: 125px; background-size: cover; background-color: #909090; color: #fff; } .intro-background-image h1, .intro-background-image h2 { color: #fff; } .intro-background-image h2 { font-size: 1.125em; line-height: 1.4em; } .intro-background-image:before { content: ''; position: absolute; width: 1px; height: 95px; background: #fff; bottom: 0; left: 50%; } .intro-background-image:after { content: ''; position: absolute; left: 50%; bottom: 95px; margin-left: -2px; height: 5px; width: 5px; background: #fff; -moz-border-radius: 100px; -webkit-border-radius: 100px; border-radius: 100px; } .intro-background-image a { color: #fff; } .intro-background-image .button { color: #fff; border: 2px solid #fff; } .intro-background-image .button:hover { color: #0a8c7b; background: #fff; } /* * Image-Background - End */ /* * Back to top - Start */ .cd-top { z-index: 50; display: inline-block; height: 40px; width: 40px; position: fixed; bottom: 40px; right: 10px; /* image replacement properties */ overflow: hidden; white-space: nowrap; background: rgba(255, 255, 255, 1); visibility: hidden; opacity: 0; -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s; -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s; transition: opacity 0.3s 0s, visibility 0s 0.3s; font-size: 0px; } .cd-top [class^="icon-"]:before, .cd-top [class*=" icon-"]:before { font-size: 40px !important; } .cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover { -webkit-transition: opacity 0.3s 0s, visibility 0s 0s; -moz-transition: opacity 0.3s 0s, visibility 0s 0s; transition: opacity 0.3s 0s, visibility 0s 0s; } .cd-top.cd-is-visible { /* the button becomes visible */ visibility: visible; opacity: 1; } .cd-top.cd-fade-out { /* if the user keeps scrolling down, the button is out of focus and becomes less visible */ opacity: 0.5; } .cd-top.cd-fade-out:hover { opacity: 1; } @media only screen and (min-width: 768px) { .cd-top { right: 20px; bottom: 20px; } } @media only screen and (min-width: 1024px) { .cd-top { height: 60px; width: 60px; right: 30px; bottom: 30px; } .cd-top [class^="icon-"]:before, .cd-top [class*=" icon-"]:before { font-size: 60px !important; } } /* * Back to top - End */ /* * Google-Map - Start */ .container.map { width: 100%; padding: 0px; max-width: inherit; } .container.map #map-canvas { height: 800px; } .container.map .tx-epx-locator #map-canvas { height: auto; } .container.map .tx-epx-locator .map-only #map-canvas { height: 800px; } #map-canvas { height: 580px; width: 100%; } .gm-style-iw { top: 15px !important; left: 0px !important; background-color: #fff; background: none; color: #fff; } .iw-container-outer { width: 270px; } .iw-container-outer:before { content: ''; position: absolute; height: 1px; width: 50px; right: -7px; top: 25px; background: #0a8c7b; } .iw-container-inner { background: #0a8c7b; width: 260px; text-align: center; padding: 15px 0 0; } .iw-container-inner:after { content: ''; position: absolute; height: 1px; width: 40px; right: 33px; top: 25px; background: #fff; } .iw-container-inner:before { content: ''; position: absolute; height: 5px; width: 5px; right: 72px; top: 23px; -moz-border-radius: 100px; -webkit-border-radius: 100px; border-radius: 100px; background: #fff; } .iw-container-outer .iw-content { font-size: 0.929em; line-height: 1.385em; font-weight: 400; margin-right: 1px; padding: 15px 15px 20px 15px; max-height: 140px; overflow-y: auto; overflow-x: hidden; } .iw-title { font-family: 'Georgia', serif; font-size: 1.286em; } .iw-button { color: #fff; border: 1px solid #fff; padding: 3px 15px; } .map-only .gm-style-iw { top: 30px !important; left: -8px !important; } .map-only.single-map .gm-style-iw { top: 33px !important; } .map-only .iw-container-outer:after { content: ''; position: absolute; height: 10px; width: 10px; right: 0px; top: 20px; -moz-border-radius: 100px; -webkit-border-radius: 100px; border-radius: 100px; background: #0a8c7b; } /* * Google-Map - End */ /* * Accordion - Start */ .accordion-wrapper { position: relative; padding: 0px 10px; } .accordion-wrapper div.form-error-warning { margin-left: 40px; overflow: hidden; } .accordion { overflow: hidden; } .accordion .headline { font-family: 'Roboto', sans-serif; font-size: 1.05em; color: #0a8c7b; cursor: pointer; padding: 10px 0; font-weight: 600; } .accordion .headline span.step { display: inline-block; margin-right: 10px; } .accordion .section .text-wrapper { height: auto; overflow: hidden; -moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .accordion .section .text-wrapper p:first-child { margin-top: 5px; } .accordion .section.active .headline { font-family: 'Georgia', serif; font-size: 1.286em; cursor: auto; color: #000; font-weight: 400; } .accordion .button { margin-bottom: 20px; display: inline-block; } .accordion-animation { -moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; float: left; margin-right: 40px; padding-top: 5px; position: relative; width: 1px; margin-top: 15px; background: #637e90; } .accordion-animation:before, .accordion-animation:after { content: ''; position: absolute; height: 5px; width: 5px; background: #637e90; left: -2px; -moz-border-radius: 1000px; -webkit-border-radius: 1000px; border-radius: 1000px; } .accordion-animation:before { top: 0; } .accordion-animation:after { bottom: 0; } .accordion-animation .animation-circle { z-index: 3; height: 15px; width: 15px; margin-left: -7px; background: #0a8c7b; position: absolute; top: 0; -moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; -moz-border-radius: 1000px; -webkit-border-radius: 1000px; border-radius: 1000px; } .modal .accordion-wrapper { padding: 0px; } .modal .accordion-animation { display: none; } .modal .headline { font-family: 'Georgia', serif; font-size: 1.286em; cursor: auto; color: #000; font-weight: 400; } /* * Accordion - End */ /* * Info-Map - Start */ .info-text { margin-bottom: 40px; font-weight: 500; text-transform: uppercase; } /* * Info-Map - End */ /* * FAQ - Start */ .faq p { margin: 0; } .faq .faq-section { margin-top: 10px; margin-bottom: 10px; } .faq .question { color: #0a8c7b; font-weight: 500; } /* * FAQ - End */ /* * Contactform - Start */ .form-wrapper { color: #fff; padding: 45px 40px; background: #0a8c7b; } .form-wrapper h1, .form-wrapper h2, .form-wrapper h3, .form-wrapper h4, .form-wrapper h5, .form-wrapper h6, .form-wrapper p, .form-wrapper a { color: #fff !important; } .form-wrapper .animation-circle { background: #fff !important; } .form-wrapper .accordion { position: relative; } .form-wrapper .accordion .headline { font-family: 'Georgia', serif; font-size: 1.286em; color: #fff; font-weight: 400; } .form-wrapper .accordion .section.active .headline { color: #fff; } .form-wrapper .accordion .section.error .headline { color: #ffc968; } .form-wrapper .accordion-animation { background-color: #fff !important; } .form-wrapper .accordion-animation:before, .form-wrapper .accordion-animation:after { background-color: #fff !important; } .form-wrapper .button { border: 2px solid #fff; background: #0a8c7b; } .form-wrapper .button:hover { color: #0a8c7b !important; border: 2px solid #fff; background: #fff; } form { margin-top: 40px; margin-bottom: 40px; } form.filter { margin-top: 20px; } /* * Contactform - End */ /* * Testimonials - Start */ .testimonial-wrapper { position: relative; } .testimonial { display: block; font-size: 1em; text-align: center; } .testimonial span { display: block; font-family: 'Georgia', serif; font-style: italic; } .testimonial.large span { font-size: 2.143em; line-height: 1.2em; } .testimonial.small span { font-size: 1.286em; line-height: 1.333em; } /* * Testimonials - End */ /* * Secondary-Color page - Start */ .secondary-color header ul.nav-main li a.active:before { background: #a5196e; } .secondary-color .background-main { background: #a5196e; } .secondary-color a { color: #a5196e; } .secondary-color footer { background-color: #a5196e; border-top: 90px solid #b43a84; } .secondary-color footer a { color: #fff; } .secondary-color .faq .question { color: #a5196e; } .secondary-color section.dongle:before { background: #a5196e; } .secondary-color section.dongle:after { background: #a5196e; } .secondary-color header .logo-wrapper .button-bar { background: #a5196e; } .secondary-color .floating-selector .text-wrapper span { color: #a5196e; } .secondary-color .floating-selector a.active { color: #a5196e; } .secondary-color .box-colored, .secondary-color .form-wrapper { background-color: #b43a84; } .secondary-color .button { border: 2px solid #b43a84; background: #fff; } .secondary-color .button:hover { color: #fff; border: 2px solid #b43a84; background: #b43a84; } .secondary-color .form-wrapper .button, .secondary-color .box-colored .button { border: 2px solid #fff; background: #b43a84; } .secondary-color .form-wrapper .button:hover, .secondary-color .box-colored .button:hover { color: #b43a84 !important; border: 2px solid #fff; background: #fff; } .secondary-color .form-wrapper a, .secondary-color .box-colored a { color: #fff; } .secondary-color input[type="submit"]:hover { color: #b43a84; } .secondary-color .modal a.close-modal { background: #b43a84; } .secondary-color .modal .accordion .headline { color: #000; } .secondary-color .accordion .headline { color: #b43a84; } .secondary-color .accordion-animation .animation-circle { background: #b43a84; } .secondary-color table.contenttable th { background-color: #b43a84; } .secondary-color .date { color: #a5196e; } .secondary-color .date:before { background: #a5196e; } .secondary-color .date:after { background: #a5196e; } .secondary-color .background-main .box-white .link, .secondary-color .box-colored .box-white .link { color: #a5196e; } .secondary-color .select-wrapper:after { color: #a5196e; } .secondary-color .iw-container-outer:before { background: #a5196e; } .secondary-color .iw-container-inner { background: #a5196e; } .secondary-color .iw-container-inner a { color: #fff; } .secondary-color .map-only .iw-container-outer:after { background: #a5196e; } .secondary-color .box-team { background: #a5196e; } .secondary-color #cookiePolicyBar .container-fluid a.close { background: #a5196e; } .secondary-color .quick-link-wrapper A { background: #a5196e; } .secondary-color .quick-link-wrapper .quick-link-close .icon-cross { color: #a5196e; } /* * Secondary-Color page - End */ /* * Partner logos - Start */ .partner-logos { position: relative; padding-top: 0; padding-bottom: 0; background-image: url('../../typo3conf/ext/epx_base/Resources/Public/img/logo-bg-pattern.png'); background-size: 520px; background-position: top center; color: #fff; } .partner-logos .text-wrapper { text-shadow: 0px 0px 30px rgba(0, 0, 0, 0.45); z-index: 5; position: relative; height: 520px; } .partner-logos .text-wrapper .text-wrapper-inner { position: absolute; left: 50%; top: 50%; -moz-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .partner-logos h1, .partner-logos h2, .partner-logos h3, .partner-logos h4, .partner-logos h5, .partner-logos h6 { color: #fff; } .partner-logos .partner-logo { z-index: 5; height: 260px; text-align: center; } .partner-logos .partner-logo img { position: absolute; left: 50%; top: 50%; -moz-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .partner-logos .gradient-one { opacity: 0.75; height: 100%; width: 100%; position: absolute; left: 0; top: 0; background-image: -moz-linear-gradient(112deg, #000 0%, rgba(255, 255, 255, 0) 26%, #626262 77%, #000 100%); background-image: -webkit-linear-gradient(112deg, #000 0%, rgba(255, 255, 255, 0) 26%, #626262 77%, #000 100%); background-image: -ms-linear-gradient(112deg, #000 0%, rgba(255, 255, 255, 0) 26%, #626262 77%, #000 100%); } /* * Partner logos - End */ /* * Partner logos - Start */ .tile-section { position: relative; padding-top: 0; padding-bottom: 0; background-image: url('../../typo3conf/ext/epx_base/Resources/Public/Images/tiles-bg-pattern.png'); background-size: 346px; background-position: top center; color: #fff; } .tile-section .tile-outer { height: 173px; text-align: left; } .tile-section .tile-outer img { position: absolute; left: 0; top: 0; } .tile-section .tile-inner { display: block; position: absolute; left: 0; width: 100%; height: 100%; font-style: italic; font-size: 1.2em; line-height: 1.3em; font-family: serif; } .tile-section .tile-inner .more { font-family: 'verdana', sans-serif; font-style: normal; font-size: 0.6em; line-height: 3em; } .tile-section .tile-inner.tile-shadow { -webkit-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.3); box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.3); z-index: 2; } .tile-section .tile-inner.tile-white { background: #fff; color: #595959; } .tile-section .tile-inner.tile-green { background: #0a6e62; color: #fff; } .tile-section .tile-inner.tile-green a { color: #fff; } .tile-section .tile-inner.tile-text { cursor: pointer; padding: 18px 14px; } .tile-section .tile-inner.tile-text.tile-white:hover { color: #0a8c7b; } .tile-section .tile-inner.tile-image { cursor: pointer; } .tile-section .tile-inner.tile-image .gradient { -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; position: absolute; left: 0; top: 0; width: 100%; height: 100%; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0b6f63+0,0b6f63+100&0.22+0,0.54+100 */ background: -moz-linear-gradient(top, rgba(11, 111, 99, 0.22) 0%, rgba(11, 111, 99, 0.80) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(11, 111, 99, 0.22) 0%, rgba(11, 111, 99, 0.80) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(11, 111, 99, 0.22) 0%, rgba(11, 111, 99, 0.80) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#380b6f63', endColorstr='#8a0b6f63',GradientType=0); /* IE6-9 */ } .tile-section .tile-inner.tile-image:hover .gradient { opacity: 0; } .tile-section .tile-inner.tile-i { -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; cursor: pointer; font-style: normal; color: #0a6e62; } .tile-section .tile-inner.tile-i.tile-green { color: #fff; } .tile-section .tile-inner.tile-i:hover { color: #0a8c7b; } .tile-section .tile-inner.tile-i span { font-size: 3em; -moz-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); position: absolute; left: 50%; top: 50%; } .rotator-modal-selector { /*margin-top: 150px; margin-bottom: 100px;*/ } .tile-modal { display: none; position: relative; max-width: 700px; width: 100%; margin: auto; overflow: hidden; z-index: 1000; background: #fff; position: fixed; left: 50%; top: 50px; -moz-transform: translate(-50%, 0%); -webkit-transform: translate(-50%, 0%); transform: translate(-50%, 0%); } .tile-modal .date { margin-top: 20px; margin-left: 80%; } .tile-modal .close { position: absolute; right: 0; top: 0; height: 40px; width: 42px; background: #0a8c7b; cursor: pointer; } .tile-modal .close:before, .tile-modal .close:after { content: ""; position: absolute; left: 11px; top: 18px; width: 20px; height: 3px; background: #fff; -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); } .tile-modal .close:after { left: 11px; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .tile-modal .text-wrapper { padding: 20px 40px 40px; } .tile-modal .subtitle { margin: 15px 0; color: #0a8c7b; font-weight: bold; } .overlay-modal { display: none; position: fixed; height: 100%; width: 100%; top: 0; left: 0; background: rgba(0, 0, 0, 0.3); z-index: 990; } /* * Partner logos - End */ .floating-selector { width: 765px; } .floating-selector ul { font-weight: 500; margin-bottom: 20px; } .floating-selector ul li { margin: 6px 0; } .floating-selector ul ul { font-weight: 400; } .floating-selector ul ul a { color: #637e90; } .floating-selector ul .active { color: #0a8c7b; } .floating-selector a { position: relative; color: #637e90; } .floating-selector a.active { color: #0a8c7b; } .floating-selector a.active:before { content: ''; position: absolute; left: -41px; top: 8px; height: 1px; width: 35px; } .floating-selector .image-wrapper { overflow: hidden; float: right; width: 500px; height: 500px; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; -webkit-shape-outside: circle(); shape-outside: circle(); } .floating-selector .text-wrapper { width: 805px; } .floating-selector .text-wrapper span { display: block; color: #0a8c7b; font-weight: 600; } .floating-selector.second { margin-top: -510px; float: right; } .floating-selector.second .image-wrapper { float: left; } .floating-selector.second .image-wrapper .rotator { -moz-transition: all 0.25s ease-in-out; -webkit-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; position: absolute; left: 50%; top: 50%; width: 450px; height: 450px; margin-left: -225px; margin-top: -225px; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; background-image: url('../../typo3conf/ext/epx_base/Resources/Public/Images/rotator.svg'); background-size: 450px; transform: rotate(26deg); } .floating-selector.second .image-wrapper .rotator:before { content: ''; height: 240px; left: 225px; top: -31px; width: 1px; position: absolute; } .rotate-selector-outer-wrapper { margin: 95px 0 120px; position: relative; width: 300px; height: 300px; display: inline-block; } .rotate-selector { position: relative; width: 300px; height: 300px; display: inline-block; background-image: url('../../typo3conf/ext/epx_base/Resources/Public/Images/diamant.png'); background-size: cover; -webkit-border-radius: 10000px; -webkit-border-top-right-radius: 0; -moz-border-radius: 10000px; -moz-border-radius-topright: 0; border-radius: 10000px; border-top-right-radius: 0; overflow: hidden; box-shadow: 0px 30px 40px #666; -moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .rotate-selector:before { position: absolute; left: 0; top: 0; background: white; content: ''; -webkit-border-radius: 10000px; -webkit-border-top-right-radius: 0; -moz-border-radius: 10000px; -moz-border-radius-topright: 0; border-radius: 10000px; border-top-right-radius: 0; } .rotate-selector:after { content: ''; } .rotate-diamond-shadow { position: absolute; left: -50%; top: -50%; width: 200%; height: 200%; background: linear-gradient(0deg, rgba(0, 0, 0, 0.75) 0%, rgba(255, 255, 255, 0) 60%); -moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .rotate-shine-outer { position: absolute; left: -100%; top: -100%; width: 300%; height: 300%; -moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .rotate-shine-outer .rotate-shine-inner { position: absolute; left: 0%; top: 100%; height: 600px; width: 600px; margin: -300px -300px; background: linear-gradient(180deg, rgba(255, 255, 255, 0) 45%, rgba(255, 255, 255, 0.7) 50%, rgba(255, 255, 255, 0) 60%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ transform: rotate(45deg); } .rotate-shine-outer .rotate-shine-inner.animated { animation-name: shine; animation-duration: 2.5s; } @keyframes shine { from { left: 20%; top: 80%; } to { left: 80%; top: 20%; } } .rotate-shadow { background-image: url('../../typo3conf/ext/epx_base/Resources/Public/Images/schatten.png'); width: 300px; height: 300px; background-size: cover; left: -40px; top: 60px; position: absolute; z-index: -1; } .radius-point { color: #637e90; } .radius-point a { color: #637e90; } .radius-point-active { color: #a5196e; } .radius-point-active a { color: #a5196e; } .nav-radius-left, .nav-radius-right { position: absolute; text-align: left; } .nav-radius-left li, .nav-radius-right li { margin: 30px 0; } .nav-radius-left li a, .nav-radius-right li a { cursor: pointer; } .nav-radius-left li.radius-point-bold, .nav-radius-right li.radius-point-bold { font-weight: bold; } .nav-radius-left li:nth-child(1), .nav-radius-right li:nth-child(1) { margin-top: 0; } .nav-radius-left { left: 20px; } .nav-radius-left li:nth-child(1) { margin-left: 120px; } .nav-radius-left li:nth-child(2) { margin-left: 60px; } .nav-radius-left li:nth-child(3) { margin-left: 30px; } .nav-radius-left li:nth-child(4) { margin-left: 15px; } .nav-radius-left li:nth-child(5) { margin-left: 5px; } .nav-radius-left li:nth-child(6) { margin-left: 0px; } .nav-radius-left li:nth-child(7) { margin-left: 5px; } .nav-radius-left li:nth-child(8) { margin-left: 15px; } .nav-radius-left li:nth-child(9) { margin-left: 30px; } .nav-radius-left li:nth-child(10) { margin-left: 60px; } .nav-radius-left li:nth-child(11) { margin-left: 120px; } .nav-radius-right { right: 110px; } .nav-radius-right li:nth-child(1) { margin-left: 0px; } .nav-radius-right li:nth-child(2) { margin-left: 60px; } .nav-radius-right li:nth-child(3) { margin-left: 90px; } .nav-radius-right li:nth-child(4) { margin-left: 105px; } .nav-radius-right li:nth-child(5) { margin-left: 115px; } .nav-radius-right li:nth-child(6) { margin-left: 120px; } .nav-radius-right li:nth-child(7) { margin-left: 115px; } .nav-radius-right li:nth-child(8) { margin-left: 105px; } .nav-radius-right li:nth-child(9) { margin-left: 90px; } .nav-radius-right li:nth-child(10) { margin-left: 60px; } .nav-radius-right li:nth-child(11) { margin-left: 0px; } .rotator-modal { display: none; position: relative; max-width: 700px; width: 100%; margin: auto; overflow: hidden; z-index: 1000; position: fixed; left: 50%; top: 50px; -moz-transform: translate(-50%, 0%); -webkit-transform: translate(-50%, 0%); transform: translate(-50%, 0%); } .rotator-modal .modal-outer { opacity: 0; background: #fff; /*when the spec is finished*/ } .rotator-modal .modal-outer.animated { animation-name: rotate-modal; animation-duration: 1s; -webkit-animation-fill-mode: forwards; -moz-animation-fill-mode: forwards; /*Chrome 16+, Safari 4+*/ -o-animation-fill-mode: forwards; /*FF 5+*/ -ms-animation-fill-mode: forwards; /*Not implemented yet*/ animation-fill-mode: forwards; /*IE 10+*/ } .rotator-modal .date { margin-top: 20px; margin-left: 80%; } .rotator-modal .close { position: absolute; right: 0; top: 0; height: 40px; width: 42px; background: #0a8c7b; cursor: pointer; } .rotator-modal .close:before, .rotator-modal .close:after { content: ""; position: absolute; left: 11px; top: 18px; width: 20px; height: 3px; background: #fff; -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); } .rotator-modal .close:after { left: 11px; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .rotator-modal .text-wrapper { padding: 20px 40px 40px; } .rotator-modal .subtitle { margin: 15px 0; color: #0a8c7b; font-weight: bold; } .overlay-rotator-outer { position: fixed; left: 0; top: 0; width: 100%; height: 100%; display: none; } .overlay-rotator-outer .overlay-rotator-inner { position: fixed; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; background: rgba(0, 0, 0, 0.6); /*when the spec is finished*/ } .overlay-rotator-outer .overlay-rotator-inner.animated { animation-name: rotate-modal; animation-duration: 1s; -webkit-animation-fill-mode: forwards; -moz-animation-fill-mode: forwards; /*Chrome 16+, Safari 4+*/ -o-animation-fill-mode: forwards; /*FF 5+*/ -ms-animation-fill-mode: forwards; /*Not implemented yet*/ animation-fill-mode: forwards; /*IE 10+*/ } @keyframes rotate-modal { from { opacity: 0; } to { opacity: 1; } } /* * Search - Start */ .ac_results iframe { display: none; } .ac_results ul { background-color: #fff; border: 2px solid rgba(10, 140, 123, .75); } .ac_results ul li { display: block; padding: 8px; cursor: pointer; } .ac_results ul li.odd { background-color: rgba(10, 140, 123, .10); } .ac_results ul li:hover { background-color: rgba(10, 140, 123, .90); color: #fff; } div.tx-indexedsearch-browsebox { margin: 20px 0px; } ul.tx-indexedsearch-browsebox li { display: inline-block; margin-right: 15px; } ul.tx-indexedsearch-browsebox li a { font-size: 0.8em; text-transform: uppercase; -moz-transition: all 0.25s ease-in-out; -webkit-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; border: 2px solid #0a8c7b; display: inline-block; width: 34px; height: 34px; line-height: 30px; text-align: center; } ul.tx-indexedsearch-browsebox li a:hover { color: #fff; background: #0a8c7b; } ul.tx-indexedsearch-browsebox li a span.icon-arrow-right { display: inline-block; height: 28px; line-height: 24px; vertical-align: middle; } ul.tx-indexedsearch-browsebox li a span.icon-arrow-left { display: inline-block; height: 28px; line-height: 30px; vertical-align: middle; } ul.tx-indexedsearch-browsebox li strong a { color: #fff; background: #0a8c7b; font-weight: normal; } form#tx_indexedsearch { margin-top: 0px; margin-bottom: 0px; } .mini-search-form { color: #0a8c7b; padding: 0px; background: none; } .mini-search-form form { position: relative; } .mini-search-form form #tx-indexedsearch-searchbox-sword { font-family: 'Georgia', serif; font-weight: 400; border-top: 1px solid #0a8c7b; border-bottom: 1px solid #0a8c7b; color: #0a8c7b; font-size: 1.5em; padding-right: 45px; } .mini-search-form form #tx-indexedsearch-searchbox-sword::-webkit-input-placeholder { font-family: 'Georgia', serif; font-weight: 400; color: #0a8c7b !important; font-style: unset; } .mini-search-form form #tx-indexedsearch-searchbox-sword::-moz-placeholder { font-family: 'Georgia', serif; font-weight: 400; color: #0a8c7b !important; font-style: unset; } .mini-search-form form #tx-indexedsearch-searchbox-sword:-ms-input-placeholder { font-family: 'Georgia', serif; font-weight: 400; color: #0a8c7b !important; font-style: unset; } .mini-search-form form #tx-indexedsearch-searchbox-sword:-moz-placeholder { font-family: 'Georgia', serif; font-weight: 400; color: #0a8c7b !important; font-style: unset; } .mini-search-form form #tx-indexedsearch-searchbox-button-submit { position: absolute; top: 11px; right: 10px; color: #0a8c7b; display: block; height: 45px; width: 45px; overflow: hidden; cursor: pointer; border: none; background: none; text-align: right; } .mini-search-form form #tx-indexedsearch-searchbox-button-submit span.icon-magnifier:before { font-size: 1.5em !important; } /* * Search - End */ /* * Events - Start */ .news.row .event-location { display: block; margin: 10px 0px 30px; } /* * Events - End */ /* * sitemap - start */ .navi-sitemap ul { list-style: inherit; margin: 5px 0px 5px 40px; /*&.level-3 { > li { > a { } } } &.level-4 { > li { > a { } } } &.level-6 { > li { > a { } } } &.level-6 { > li { > a { } } }*/ } .navi-sitemap ul li { margin: 10px; } .navi-sitemap ul.level-1 > li > a { font-size: 1.2em; } .navi-sitemap ul.level-2 > li > a { font-size: 1.1em; } /* * sitemap - start */ .globe-wrapper { text-align: center; position: relative; margin-top: 40px; } .globe-wrapper #globe-navigation { text-align: left; position: absolute; top: 0px; left: 0px; } .globe-wrapper #globe-navigation .location { color: #0a8c7b; cursor: pointer; position: relative; display: block; padding-left: 25px; margin-bottom: 10px; } .globe-wrapper #globe-navigation .location a { display: none; } .globe-wrapper #globe-navigation .location.active { color: #000; } .globe-wrapper #globe-navigation .location.active:before { display: block; content: "\e900"; height: 20px; width: 20px; left: 0px; position: absolute; font-family: 'icomoon' !important; } .globe-wrapper #globe-navigation .location.active a { margin-top: 10px; display: table; } #globe { background: url('../../typo3conf/ext/epx_base/Resources/Public/Images/globe-support.png') no-repeat 12px 7px; background-size: 515px auto; position: relative; display: inline-block; width: 520px; height: 660px; } #globe #showoff { float: left; width: 49%; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } #globe #earth, #globe #shadow, #globe #locations, #globe #drag { position: absolute; top: 0px; left: 0px; width: 520px; height: 520px; } #globe #shadow { -moz-border-radius: 447px; -webkit-border-radius: 447px; border-radius: 447px; -moz-box-shadow: -20px -10px 50px 10px rgba(0, 0, 0, 0.65) inset; -webkit-box-shadow: -20px -10px 50px 10px rgba(0, 0, 0, 0.65) inset; -o-box-shadow: -20px -10px 50px 10px rgba(0, 0, 0, 0.65) inset; -ms-box-shadow: -20px -10px 50px 10px rgba(0, 0, 0, 0.65) inset; box-shadow: -20px -10px 50px 10px rgba(0, 0, 0, 0.65) inset; height: 447px; margin: 37px; width: 447px; } #globe .location { position: absolute; width: 16px; height: 16px; left: 16px; top: 16px; margin-left: -8px; margin-top: -8px; border-radius: 8px; cursor: pointer; background: #c3efe9; background: -webkit-radial-gradient(circle at 6px 7px, #0a8c7b, #000); background: -o-radial-gradient(circle at 6px 7px, #0a8c7b, #000); background: -moz-radial-gradient(circle at 6px 7px, #0a8c7b, #000); background: radial-gradient(circle at 6px 7px, #0a8c7b, #000); } /* * Lexicon - Start */ .container.lexicon section.container-fluid { padding-left: 0px; padding-right: 0px; } .container.lexicon div.container { padding-left: 0px; padding-right: 0px; } a.popupgallery { display: block; position: relative; background-color: #c3efe9; min-height: 60px; } a.popupgallery img { display: block; } a.popupgallery span { display: block; position: absolute; bottom: 0px; padding: 20px; text-align: center; width: 100%; } a.popupgallery span.contrast { background-color: #c3efe9; } .navi-lexicon.subpage { padding-top: 60px; margin-bottom: 40px; } .navi-lexicon.subpage .mini-search-form { margin-top: 20px; } .navi-lexicon div.col .rootline { font-size: 1.5em; margin: 0px; padding: 7px 0px; border-top: 1px solid #0a8c7b; } .navi-lexicon div.col .rootline.level-1 { border-bottom: 1px solid #0a8c7b; margin-bottom: 10px; } .navi-lexicon div.col:nth-child(4n+1) { clear: both; } .navi-lexicon div.col h3 { margin-bottom: 10px; } .navi-lexicon div.col h4 { margin-bottom: 10px; } .navi-lexicon div.col ul li a { display: inline-block; margin: 5px 0px; } .navi-lexicon div.col ul li span.sub-category { color: #0a8c7b; display: inline-block; margin: 5px 0px; cursor: pointer; /*white-space: nowrap;*/ } .navi-lexicon div.col ul li.current > span { display: inline-block; margin: 5px 0px; /*white-space: nowrap;*/ } .navi-lexicon div.col ul li.sub-category ul { -moz-transition: all 0.25s ease-in-out; -webkit-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; overflow: hidden; max-height: 0px; border-left: 1px solid #637e90; margin: 0px 0px 0px 10px; padding-left: 15px; position: relative; /*&.active { margin: 5px 0px 5px 10px; overflow: unset; max-height: 500px; }*/ } .navi-lexicon div.col ul li.sub-category ul:before, .navi-lexicon div.col ul li.sub-category ul:after { content: ''; position: absolute; height: 5px; width: 5px; background: #637e90; left: -3px; -moz-border-radius: 1000px; -webkit-border-radius: 1000px; border-radius: 1000px; } .navi-lexicon div.col ul li.sub-category ul:before { top: 0; } .navi-lexicon div.col ul li.sub-category ul:after { bottom: 0; } .navi-lexicon div.col ul li.sub-category.active > ul { margin: 5px 0px 5px 10px; overflow: unset; max-height: 500px; } .lexicon-search-form div.text-align-right { text-align: center; } .modal .ce-popupgallery { margin: 0px 25px; padding: 0px 10px; } .modal .ce-popupgallery a.popupgallery { background: none; } .modal .ce-popupgallery a.popupgallery img { width: 100% !important; height: auto !important; } .modal .ce-popupgallery span.caption { display: block; color: #637e90; margin: 10px 0px 0px; font-size: 0.8em; font-style: italic; line-height: 1.4em; } .modal .ce-popupgallery .modal-trigger-wrapper span { position: relative; text-align: left; } /* * Lexicon - End */ .quick-link-wrapper { position: fixed; right: 15px; bottom: 15px; width: 100%; max-width: 300px; display: none; z-index: 1500; } .quick-link-wrapper [class^="icon-"]:before, .quick-link-wrapper [class*=" icon-"]:before { font-size: 25px !important; } .quick-link-wrapper A { background: #0a6f62; display: block; color: #fff; font-size: 16px; width: 100%; overflow: hidden; position: relative; line-height: 28px; } .quick-link-wrapper .quick-link-close { text-align: right; margin-bottom: 10px; } .quick-link-wrapper .quick-link-close .icon-cross { cursor: pointer; color: #0a6f62; } .quick-link-wrapper .quick-link-close .icon-cross:before { font-size: 18px !important; } .quick-link-wrapper .quick-links > div { margin-top: 5px; } .quick-link-wrapper .quick-links > div.ce-text { background-color: #0a6f62 !important; } .quick-link-wrapper .quick-links > div.ce-text p { margin: 0 !important; } .quick-link-wrapper .quick-links > div.ce-text a { position: relative; display: block; padding: 10px 10px 10px 47px; } .quick-link-wrapper .quick-links > div.ce-text a:before { position: absolute; top: 0; left: 0; font-family: 'icomoon' !important; color: #fff; content: '\e910'; padding: 10px; font-size: 26px; z-index: 1; } .quick-link-wrapper .quicklink-text { position: absolute; top: 9px; left: 47px; } .quick-link-wrapper .quick-link-event A { height: 74px; } .quick-link-wrapper .quick-link-event .icon-calendar { position: absolute; top: 15px; left: 10px; } .quick-link-wrapper .quick-link-kontakt { margin-top: 5px; } .quick-link-wrapper .quick-link-kontakt A { height: 47px; } .quick-link-wrapper .quick-link-kontakt .icon-mail-full { position: absolute; top: 15px; left: 10px; } .quick-link-wrapper .quick-link-kontakt .icon-mail-full:before { font-size: 16px !important; } @media (max-width: 580px) { .quick-link-wrapper { display: none !important; } } #popupinfo { display: none; } .modal.popupinfo-content { padding: 40px 30px 30px; } .timeline-section { padding-left: 0px; padding-right: 0px; } .ce-timelineitem .text-wrapper { max-width: 500px; float: left; } .ce-timelineitem .text-wrapper h2.like-h1 { margin-top: 0px; } .ce-timelineitem .image-wrapper { float: left; margin-right: 30px; } .ce-timelineitem .image-wrapper IMG { max-width: 420px; } .timeline { box-sizing: border-box; position: relative; } .timeline *, .timeline *::before, .timeline *::after { box-sizing: inherit; } .timeline:not(.timeline--horizontal)::before { background-color: #0a8c7b; bottom: 0; content: ''; left: 50%; margin-left: -2px; position: absolute; top: 0; width: 2px; z-index: 1; } .timeline__wrap { overflow: visible; position: relative; z-index: 2; max-width: 1040px; margin-left: auto; margin-right: auto; } .timeline__item { padding: 10px 40px 10px 0; position: relative; width: 50%; z-index: 2; } .timeline__item::after { background-color: #0a6f62; border: 4px solid #0a6f62; border-radius: 50%; content: ''; height: 15px; position: absolute; right: -10px; transform: translateY(-50%); top: 10px; width: 15px; z-index: 1; } .timeline__item.bubble-turquoise::after { background-color: #48bbac; border: 4px solid #48bbac; } .timeline__item.bubble-gray::after { background-color: #909090; border: 4px solid #909090; } .timeline__item.bubble-small::after { height: 8px; width: 8px; } .timeline__item.bubble-center:after { top: 50%; } .timeline__item.animated { animation-duration: 1s; animation-fill-mode: both; opacity: 0; } .timeline__item.fadeIn { animation-name: fadeIn; } .timeline__item--left { left: 0; } .timeline__item--right { left: 50%; padding: 10px 0 10px 40px; } .timeline__item--right::after { left: -10px; } .timeline__item--right .timeline__content::before { border-bottom: 10px solid transparent; border-right: 12px solid #bbb; border-left: none; border-top: 10px solid transparent; left: -12px; } .timeline__item--right .timeline__content::after { border-bottom: 9px solid transparent; border-right: 11px solid #fff; border-left: none; border-top: 9px solid transparent; left: -10px; } .timeline__content { display: block; position: relative; overflow: hidden; } .timeline__content::before, .timeline__content::after { content: ''; height: 0; position: absolute; transform: translateY(-50%); top: 50%; width: 0; } .timeline__content::after { border-bottom: 9px solid transparent; border-left: 11px solid #fff; border-top: 9px solid transparent; right: -10px; z-index: 2; } .timeline--horizontal { padding: 0 50px; overflow: visible; white-space: nowrap; } .timeline--horizontal .timeline-divider { background-color: #0a8c7b; display: block; height: 2px; left: 40px; position: absolute; transform: translateY(-50%); right: 40px; z-index: 1; } .timeline--horizontal .timeline__items { transition: all 0.8s; will-change: transform; } .timeline--horizontal .timeline__item { display: inline-block; left: 0; padding: 0 0 40px 10px; position: relative; transition: none; vertical-align: top; white-space: normal; } .timeline--horizontal .timeline__item::after { left: 10px; right: auto; transform: translate(-50%, -50%); top: 100%; } .timeline--horizontal .timeline__item.bubble-center::after { left: 45%; } .timeline--horizontal .timeline__item.bubble-right::after { left: 95%; } .timeline--horizontal .timeline__item .timeline__item__inner { display: table; height: 100%; width: 100%; } .timeline--horizontal .timeline__item .timeline__content__wrap { display: table-cell; margin: 0; padding: 0; vertical-align: bottom; } .timeline--horizontal .timeline__item--bottom { padding: 30px 0 0 10px; } .timeline--horizontal .timeline__item--bottom::after { top: 0; } .timeline--horizontal .timeline__item--bottom .timeline__content__wrap { vertical-align: top; } .timeline--horizontal .timeline__item--bottom .timeline__content__wrap .text-wrapper H2.like-h1 { margin-top: -12px; } .timeline-nav-button { background-color: #fff; border: 2px solid #0a8c7b; border-radius: 50px; box-sizing: border-box; box-shadow: none; cursor: pointer; display: block; height: 60px; outline: none; position: absolute; transform: translateY(-50%); top: 50%; width: 60px; z-index: 10; } .timeline-nav-button:disabled { opacity: 0.5; pointer-events: none; } .timeline-nav-button SPAN { color: #0a8c7b; position: absolute; top: 50%; left: 50%; } .timeline-nav-button SPAN::before { font-size: 30px !important; } .timeline-nav-button SPAN.icon-arrow-left { margin-right: 5px; -moz-transform: rotate(180deg) translateX(57%) translateY(50%); -webkit-transform: rotate(180deg) translateX(57%) translateY(50%); -o-transform: rotate(180deg) translateX(57%) translateY(50%); -ms-transform: rotate(180deg) translateX(57%) translateY(50%); transform: rotate(180deg) translateX(57%) translateY(50%); } .timeline-nav-button SPAN.icon-arrow-right { margin-left: 5px; -moz-transform: translateX(-57%) translateY(-50%); -webkit-transform: translateX(-57%) translateY(-50%); -o-transform: translateX(-57%) translateY(-50%); -ms-transform: translateX(-57%) translateY(-50%); transform: translateX(-57%) translateY(-50%); } .timeline-nav-button--prev { left: 15px; } .timeline-nav-button--next { right: 15px; } .timeline--mobile { padding: 0; } .timeline--mobile::before { left: 10px !important; margin: 0 !important; } .timeline--mobile .timeline__item { left: 0; padding-left: 40px; padding-right: 15px; width: 100%; margin-bottom: 20px; } .timeline--mobile .timeline__item::after { left: 3px; margin: 0; } .timeline--mobile .timeline__item.bubble-small::after { left: 7px; } .timeline--mobile .timeline__item .timeline__content::before { left: -12px; border-bottom: 12px solid transparent; border-right: 12px solid #bbb; border-left: none; border-top: 12px solid transparent; } .timeline--mobile .timeline__item .timeline__content::after { left: -10px; border-bottom: 10px solid transparent; border-right: 10px solid #fff; border-left: none; border-top: 10px solid transparent; } .timeline--mobile .timeline__item .timeline__content .image-wrapper { margin-bottom: 25px; } .timeline--mobile .timeline__item .timeline__content .text-wrapper h2.like-h1 { margin-top: -22px; } @keyframes fadeIn { 0% { opacity: 0; top: 70px; } 100% { opacity: 1; top: 0px; } } @keyframes liftUp { 0% { top: 0px; } 100% { top: -15px; } } @media (min-width: 1220px) { .timeline::before { width: 80px; } .timeline::after { width: 80px; } } @media (min-width: 992px) { .timeline::before { width: 60px; } .timeline::after { width: 60px; } } @media (min-width: 768px) { .timeline::before { content: ''; position: absolute; left: 0; top: 0; width: 40px; height: 100%; z-index: 5; -moz-background: linear-gradient(to right, rgba(249, 249, 250, 1) 0%, rgba(249, 249, 250, .7) 50%, rgba(255, 255, 255, 0) 100%); -webkit-background: linear-gradient(to right, rgba(249, 249, 250, 1) 0%, rgba(249, 249, 250, .7) 50%, rgba(255, 255, 255, 0) 100%); background: linear-gradient(to right, rgba(249, 249, 250, 1) 0%, rgba(249, 249, 250, .7) 50%, rgba(255, 255, 255, 0) 100%); } .timeline::after { content: ''; position: absolute; right: 0; top: 0; width: 40px; height: 100%; z-index: 5; -moz-background: linear-gradient(to right, rgba(249, 249, 250, 0) 0%, rgba(249, 249, 250, .7) 50%, #fff 100%); -webkit-background: linear-gradient(to right, rgba(249, 249, 250, 0) 0%, rgba(249, 249, 250, .7) 50%, #fff 100%); background: linear-gradient(to right, rgba(249, 249, 250, 0) 0%, rgba(249, 249, 250, .7) 50%, #fff 100%); } } /* * stuff - start */ .calc { width: 100%; height: 20px; background: crimson; } .fullw { width: 100%; height: 12px; background: crimson; } .nav-onpage { position: relative; font-size: 0.929em; line-height: 1.846em; font-weight: 600; color: #0a8c7b; } .nav-onpage:before { content: ''; position: absolute; width: 19960px; height: 1px; left: -20000px; top: 9px; background: #909090; } .nav-onpage:after { content: ''; position: absolute; left: -40px; top: 7px; height: 5px; width: 5px; background: #909090; -moz-border-radius: 100px; -webkit-border-radius: 100px; border-radius: 100px; } .nav-onpage li.active a { color: #000; } /* * stuff - end */ /* * contrast - start */ .desaturate, .secondary-color.desaturate { /*-webkit-filter: grayscale(100%) contrast(100%); filter: grayscale(100%) contrast(100%);*/ /* BUG IN FIREFOX: position:fixed doesn't work with filtered parent */ } .desaturate .border, .secondary-color.desaturate .border { border: 1px solid #000; } .desaturate .ac_results ul, .secondary-color.desaturate .ac_results ul { border-color: #595959; } .desaturate .ac_results ul li.odd, .secondary-color.desaturate .ac_results ul li.odd { background-color: #bbb; } .desaturate .ac_results ul li:hover, .secondary-color.desaturate .ac_results ul li:hover { background-color: #595959; } .desaturate ul.tx-indexedsearch-browsebox li, .secondary-color.desaturate ul.tx-indexedsearch-browsebox li { display: inline-block; margin-right: 15px; } .desaturate ul.tx-indexedsearch-browsebox li a, .secondary-color.desaturate ul.tx-indexedsearch-browsebox li a { border-color: #595959; } .desaturate ul.tx-indexedsearch-browsebox li a:hover, .secondary-color.desaturate ul.tx-indexedsearch-browsebox li a:hover { background: #595959; } .desaturate ul.tx-indexedsearch-browsebox li strong a, .secondary-color.desaturate ul.tx-indexedsearch-browsebox li strong a { background: #595959; } .desaturate #cookiePolicyBar .container-fluid a.close:before, .secondary-color.desaturate #cookiePolicyBar .container-fluid a.close:before, .desaturate #cookiePolicyBar .container-fluid a.close:after, .secondary-color.desaturate #cookiePolicyBar .container-fluid a.close:after { background: #000; } .desaturate .icon-mail-full:before, .secondary-color.desaturate .icon-mail-full:before, .desaturate .quick-link-wrapper .quick-link-close .icon-cross, .secondary-color.desaturate .quick-link-wrapper .quick-link-close .icon-cross { color: #000; } .desaturate #cookiePolicyBar .container-fluid a.close, .secondary-color.desaturate #cookiePolicyBar .container-fluid a.close { background: #fff; } .desaturate .icon-notfall:before, .secondary-color.desaturate .icon-notfall:before { background: url("data:image/svg+xml,%3Csvg%20data-name%3D%22Gruppe%203%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%3E%3Cg%20data-name%3D%22Gruppe%202%22%20fill%3D%22%23fff%22%3E%3Cpath%20d%3D%22M0%203h16v13H0z%22%2F%3E%3Cg%20data-name%3D%22Gruppe%201%22%3E%3Cpath%20data-name%3D%22Rectangle%22%20d%3D%22M4%201h2v2H4zM10%201h2v2h-2z%22%2F%3E%3Cpath%20data-name%3D%22Rectangle%22%20d%3D%22M4%200h8v2H4z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cpath%20data-name%3D%22Combined%20Shape%22%20d%3D%22M7%2014v-3H4V9h3V6h2v3h3v2H9v3z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E"); } .desaturate iframe, .secondary-color.desaturate iframe, .desaturate #map-canvas, .secondary-color.desaturate #map-canvas, .desaturate img, .secondary-color.desaturate img, .desaturate .quick-link-wrapper a, .secondary-color.desaturate .quick-link-wrapper a, .desaturate input[type='image'], .secondary-color.desaturate input[type='image'], .desaturate div.background-image, .secondary-color.desaturate div.background-image, .desaturate .rotate-selector, .secondary-color.desaturate .rotate-selector, .desaturate #globe, .secondary-color.desaturate #globe { -webkit-filter: brightness(120%) saturate(150%) grayscale(100%) contrast(250%); filter: brightness(120%) saturate(150%) grayscale(100%) contrast(250%); } .desaturate .map img, .secondary-color.desaturate .map img { -webkit-filter: brightness(75%) saturate(150%) grayscale(100%) contrast(250%); filter: brightness(75%) saturate(150%) grayscale(100%) contrast(250%); } .desaturate figure img, .secondary-color.desaturate figure img { border: 2px solid #000; } .desaturate section.background-image, .secondary-color.desaturate section.background-image { background: #ccc !important; } .desaturate *, .secondary-color.desaturate * { color: #000; } .desaturate header, .secondary-color.desaturate header { background-color: #000; } .desaturate header *, .secondary-color.desaturate header * { color: #fff; } .desaturate header ul.nav-main > li > a:hover:before, .secondary-color.desaturate header ul.nav-main > li > a:hover:before { background: #fff; } .desaturate header ul.nav-main > li > a.active:before, .secondary-color.desaturate header ul.nav-main > li > a.active:before { background: #fff; } .desaturate header ul.nav-main > li:nth-child(2) a:hover:before, .secondary-color.desaturate header ul.nav-main > li:nth-child(2) a:hover:before { background: #fff; } .desaturate header ul.nav-main > li:nth-child(2) ul li a.active, .secondary-color.desaturate header ul.nav-main > li:nth-child(2) ul li a.active { color: #000; background-color: #fff; } .desaturate header ul.nav-main > li:nth-child(2) ul li a:hover, .secondary-color.desaturate header ul.nav-main > li:nth-child(2) ul li a:hover { color: #000; background-color: #fff; } .desaturate header ul.nav-main > li ul li, .secondary-color.desaturate header ul.nav-main > li ul li { background-color: #000; } .desaturate header ul.nav-main > li ul li a.active, .secondary-color.desaturate header ul.nav-main > li ul li a.active { color: #000; background-color: #fff; } .desaturate header ul.nav-main > li ul li a:hover, .secondary-color.desaturate header ul.nav-main > li ul li a:hover { color: #000; background-color: #fff; } .desaturate header .logo-wrapper .button-bar, .secondary-color.desaturate header .logo-wrapper .button-bar { background-color: #000; } .desaturate header ul.nav-access li:nth-child(2) a:hover, .secondary-color.desaturate header ul.nav-access li:nth-child(2) a:hover, .desaturate header ul.nav-access li:nth-child(3) a:hover, .secondary-color.desaturate header ul.nav-access li:nth-child(3) a:hover, .desaturate header ul.nav-access li:nth-child(4) a:hover, .secondary-color.desaturate header ul.nav-access li:nth-child(4) a:hover { color: #fff; } .desaturate header ul.nav-access li:nth-child(2) a.active, .secondary-color.desaturate header ul.nav-access li:nth-child(2) a.active, .desaturate header ul.nav-access li:nth-child(3) a.active, .secondary-color.desaturate header ul.nav-access li:nth-child(3) a.active, .desaturate header ul.nav-access li:nth-child(4) a.active, .secondary-color.desaturate header ul.nav-access li:nth-child(4) a.active { color: #fff; } .desaturate header ul.nav-accessibility a, .secondary-color.desaturate header ul.nav-accessibility a { color: #fff; } .desaturate header ul.nav-accessibility li ul, .secondary-color.desaturate header ul.nav-accessibility li ul { background: #000; } .desaturate header ul.nav-accessibility li ul li, .secondary-color.desaturate header ul.nav-accessibility li ul li { background: #000; } .desaturate header ul.nav-accessibility li ul li:hover, .secondary-color.desaturate header ul.nav-accessibility li ul li:hover { background: #fff; } .desaturate header ul.nav-accessibility li ul li:hover *, .secondary-color.desaturate header ul.nav-accessibility li ul li:hover * { color: #000 !important; } .desaturate header ul.nav-accessibility li:hover, .secondary-color.desaturate header ul.nav-accessibility li:hover { background: #000; } .desaturate header ul.nav-accessibility .font-size-toggle.active, .secondary-color.desaturate header ul.nav-accessibility .font-size-toggle.active, .desaturate header ul.nav-accessibility .saturate-toggle.active, .secondary-color.desaturate header ul.nav-accessibility .saturate-toggle.active { background: #fff; } .desaturate header ul.nav-accessibility .font-size-toggle.active *, .secondary-color.desaturate header ul.nav-accessibility .font-size-toggle.active *, .desaturate header ul.nav-accessibility .saturate-toggle.active *, .secondary-color.desaturate header ul.nav-accessibility .saturate-toggle.active * { color: #000 !important; } .desaturate .button, .secondary-color.desaturate .button { border: 2px solid #000; } .desaturate .button:hover, .secondary-color.desaturate .button:hover { color: #fff; background: #000; } .desaturate .intro-background-image, .secondary-color.desaturate .intro-background-image, .desaturate .video-background, .secondary-color.desaturate .video-background { background-color: #666; } .desaturate .intro-background-image *, .secondary-color.desaturate .intro-background-image *, .desaturate .video-background *, .secondary-color.desaturate .video-background * { color: #fff !important; } .desaturate .intro-background-image .button, .secondary-color.desaturate .intro-background-image .button, .desaturate .video-background .button, .secondary-color.desaturate .video-background .button { color: #fff; border: 2px solid #fff; } .desaturate .intro-background-image .button:hover, .secondary-color.desaturate .intro-background-image .button:hover, .desaturate .video-background .button:hover, .secondary-color.desaturate .video-background .button:hover { color: #000 !important; background: #fff; } .desaturate .date:before, .secondary-color.desaturate .date:before, .desaturate .date:after, .secondary-color.desaturate .date:after { background: #000; } .desaturate .video-background, .secondary-color.desaturate .video-background { background-color: transparent; } .desaturate .background-light-blue, .secondary-color.desaturate .background-light-blue { background-color: #fff; } .desaturate .fly-in.image-left:before, .secondary-color.desaturate .fly-in.image-left:before, .desaturate .fly-in.image-right:before, .secondary-color.desaturate .fly-in.image-right:before, .desaturate .background-light-blue .gradient-left, .secondary-color.desaturate .background-light-blue .gradient-left, .desaturate .background-light-blue .gradient-right, .secondary-color.desaturate .background-light-blue .gradient-right, .desaturate .ce-box .overlay, .secondary-color.desaturate .ce-box .overlay { background: none; } .desaturate .image-wrapper h3, .secondary-color.desaturate .image-wrapper h3 { background-color: #000; } .desaturate .bobble-bar, .secondary-color.desaturate .bobble-bar { background-color: #000; } .desaturate .bobble-wrapper > img, .secondary-color.desaturate .bobble-wrapper > img { -webkit-filter: brightness(0); -webkit-filter: brightness(0); filter: brightness(0); } .desaturate .bobble-wrapper *, .secondary-color.desaturate .bobble-wrapper * { color: #fff; } .desaturate .small-bobble-wrapper .bobble, .secondary-color.desaturate .small-bobble-wrapper .bobble, .desaturate .bobble-wrapper:after, .secondary-color.desaturate .bobble-wrapper:after { background: #000; } .desaturate .box-team, .secondary-color.desaturate .box-team, .desaturate .box-colored, .secondary-color.desaturate .box-colored, .desaturate .background-main, .secondary-color.desaturate .background-main { background-color: #000; } .desaturate .box-team *, .secondary-color.desaturate .box-team *, .desaturate .box-colored *, .secondary-color.desaturate .box-colored *, .desaturate .background-main *, .secondary-color.desaturate .background-main * { color: #fff !important; } .desaturate .box-team .button, .secondary-color.desaturate .box-team .button, .desaturate .box-colored .button, .secondary-color.desaturate .box-colored .button, .desaturate .background-main .button, .secondary-color.desaturate .background-main .button { border: 2px solid #fff; background: #000; } .desaturate .box-team .button:hover, .secondary-color.desaturate .box-team .button:hover, .desaturate .box-colored .button:hover, .secondary-color.desaturate .box-colored .button:hover, .desaturate .background-main .button:hover, .secondary-color.desaturate .background-main .button:hover { color: #000 !important; border: 2px solid #fff; background: #fff; } .desaturate .box-team select, .secondary-color.desaturate .box-team select, .desaturate .box-colored select, .secondary-color.desaturate .box-colored select, .desaturate .background-main select, .secondary-color.desaturate .background-main select { color: #000 !important; } .desaturate .box-team select *, .secondary-color.desaturate .box-team select *, .desaturate .box-colored select *, .secondary-color.desaturate .box-colored select *, .desaturate .background-main select *, .secondary-color.desaturate .background-main select * { color: #000 !important; } .desaturate .box-white, .secondary-color.desaturate .box-white { background: #fff; } .desaturate .box-white *, .secondary-color.desaturate .box-white * { color: #000 !important; } .desaturate .accordion .headline, .secondary-color.desaturate .accordion .headline { color: #000; } .desaturate .accordion .section.active .headline, .secondary-color.desaturate .accordion .section.active .headline { color: #000; } .desaturate .accordion-animation, .secondary-color.desaturate .accordion-animation { background: #000; } .desaturate .accordion-animation:before, .secondary-color.desaturate .accordion-animation:before, .desaturate .accordion-animation:after, .secondary-color.desaturate .accordion-animation:after { background: #000; } .desaturate .accordion-animation .animation-circle, .secondary-color.desaturate .accordion-animation .animation-circle { background: #000; } .desaturate .radius-point a, .secondary-color.desaturate .radius-point a { color: #000; } .desaturate .blocker, .secondary-color.desaturate .blocker { background-color: rgba(190, 190, 190, 0.95); } .desaturate .modal a.close-modal, .secondary-color.desaturate .modal a.close-modal { background: #000; } .desaturate .form-wrapper, .secondary-color.desaturate .form-wrapper { color: #fff; background: #000; } .desaturate .form-wrapper *, .secondary-color.desaturate .form-wrapper * { color: #fff; } .desaturate .form-wrapper h1, .secondary-color.desaturate .form-wrapper h1, .desaturate .form-wrapper h2, .secondary-color.desaturate .form-wrapper h2, .desaturate .form-wrapper h3, .secondary-color.desaturate .form-wrapper h3, .desaturate .form-wrapper h4, .secondary-color.desaturate .form-wrapper h4, .desaturate .form-wrapper h5, .secondary-color.desaturate .form-wrapper h5, .desaturate .form-wrapper h6, .secondary-color.desaturate .form-wrapper h6, .desaturate .form-wrapper p, .secondary-color.desaturate .form-wrapper p { color: #fff; } .desaturate .form-wrapper .animation-circle, .secondary-color.desaturate .form-wrapper .animation-circle { background: #fff; } .desaturate .form-wrapper .accordion .headline, .secondary-color.desaturate .form-wrapper .accordion .headline { color: #fff; } .desaturate .form-wrapper .accordion .section.active .headline, .secondary-color.desaturate .form-wrapper .accordion .section.active .headline { color: #fff; } .desaturate .form-wrapper .accordion .section.error .headline, .secondary-color.desaturate .form-wrapper .accordion .section.error .headline { color: #fff; } .desaturate .form-wrapper .accordion-animation, .secondary-color.desaturate .form-wrapper .accordion-animation { background-color: #fff; } .desaturate .form-wrapper .accordion-animation:before, .secondary-color.desaturate .form-wrapper .accordion-animation:before, .desaturate .form-wrapper .accordion-animation:after, .secondary-color.desaturate .form-wrapper .accordion-animation:after { background-color: #fff; } .desaturate .form-wrapper .button, .secondary-color.desaturate .form-wrapper .button { border: 2px solid #fff; background: #000; } .desaturate .form-wrapper .button:hover, .secondary-color.desaturate .form-wrapper .button:hover { color: #000 !important; border: 2px solid #fff; background: #fff; } .desaturate .powermail_form .button, .secondary-color.desaturate .powermail_form .button { border: 2px solid #fff; background: #000; } .desaturate .powermail_form .button:hover, .secondary-color.desaturate .powermail_form .button:hover { color: #000; border: 2px solid #fff; background: #fff; } .desaturate .powermail_form .powermail_label.powermail_field_error, .secondary-color.desaturate .powermail_form .powermail_label.powermail_field_error { color: #fff; } .desaturate .form-error-warning, .secondary-color.desaturate .form-error-warning { color: #fff !important; } .desaturate span.form-error, .secondary-color.desaturate span.form-error { color: #fff; } .desaturate input[type="text"], .secondary-color.desaturate input[type="text"], .desaturate input[type="email"], .secondary-color.desaturate input[type="email"], .desaturate textarea, .secondary-color.desaturate textarea, .desaturate select, .secondary-color.desaturate select { background: #fff; color: #000; } .desaturate input[type="text"].powermail_field_error, .secondary-color.desaturate input[type="text"].powermail_field_error, .desaturate input[type="email"].powermail_field_error, .secondary-color.desaturate input[type="email"].powermail_field_error, .desaturate textarea.powermail_field_error, .secondary-color.desaturate textarea.powermail_field_error, .desaturate select.powermail_field_error, .secondary-color.desaturate select.powermail_field_error { background: #666; border: 2px solid #fff; color: #fff; } .desaturate select, .secondary-color.desaturate select { color: #000 !important; } .desaturate select *, .secondary-color.desaturate select * { color: #000 !important; } .desaturate select option, .secondary-color.desaturate select option { background: #fff; color: #000 !important; } .desaturate .select-wrapper:after, .secondary-color.desaturate .select-wrapper:after { background: #fff; color: #000; } .desaturate input[type="submit"], .secondary-color.desaturate input[type="submit"] { border: 2px solid #fff; } .desaturate input[type="submit"]:hover, .secondary-color.desaturate input[type="submit"]:hover { background: #fff; color: #000 !important; } .desaturate ::-webkit-input-placeholder, .secondary-color.desaturate ::-webkit-input-placeholder { color: #000; } .desaturate .powermail_field_error::-webkit-input-placeholder, .secondary-color.desaturate .powermail_field_error::-webkit-input-placeholder { color: #fff; } .desaturate :-moz-placeholder, .secondary-color.desaturate :-moz-placeholder { /* Firefox 18- */ color: #000; } .desaturate .powermail_field_error:-moz-placeholder, .secondary-color.desaturate .powermail_field_error:-moz-placeholder { color: #fff; } .desaturate ::-moz-placeholder, .secondary-color.desaturate ::-moz-placeholder { /* Firefox 19+ */ color: #000; } .desaturate .powermail_field_error::-moz-placeholder, .secondary-color.desaturate .powermail_field_error::-moz-placeholder { color: #fff; } .desaturate :-ms-input-placeholder, .secondary-color.desaturate :-ms-input-placeholder { color: #000; } .desaturate .powermail_field_error:-ms-input-placeholder, .secondary-color.desaturate .powermail_field_error:-ms-input-placeholder { color: #fff; } .desaturate .gm-style-iw, .secondary-color.desaturate .gm-style-iw { color: #fff; } .desaturate .gm-style-iw *, .secondary-color.desaturate .gm-style-iw * { color: #fff; } .desaturate .iw-container-outer:before, .secondary-color.desaturate .iw-container-outer:before { background: #000; } .desaturate .iw-container-inner, .secondary-color.desaturate .iw-container-inner { background: #000; } .desaturate .iw-container-inner:after, .secondary-color.desaturate .iw-container-inner:after { background: #fff; } .desaturate .iw-container-inner:before, .secondary-color.desaturate .iw-container-inner:before { background: #fff; } .desaturate .iw-button, .secondary-color.desaturate .iw-button { color: #fff; border: 1px solid #fff; } .desaturate .map-only .iw-container-outer:after, .secondary-color.desaturate .map-only .iw-container-outer:after { background: #000; } .desaturate .tile-section, .secondary-color.desaturate .tile-section { background-image: url('../../typo3conf/ext/epx_base/Resources/Public/Images/tiles-bg-pattern-bw.png'); color: #fff; } .desaturate .tile-section .tile-inner.tile-white, .secondary-color.desaturate .tile-section .tile-inner.tile-white { background: #fff; color: #000; } .desaturate .tile-section .tile-inner.tile-green, .secondary-color.desaturate .tile-section .tile-inner.tile-green { background: #000; color: #fff; } .desaturate .tile-section .tile-inner.tile-green a, .secondary-color.desaturate .tile-section .tile-inner.tile-green a { color: #fff; } .desaturate .tile-section .tile-inner.tile-text.tile-white:hover, .secondary-color.desaturate .tile-section .tile-inner.tile-text.tile-white:hover { color: #000; } .desaturate .tile-section .tile-inner.tile-i, .secondary-color.desaturate .tile-section .tile-inner.tile-i { color: #000; } .desaturate .tile-section .tile-inner.tile-i.tile-green, .secondary-color.desaturate .tile-section .tile-inner.tile-i.tile-green { color: #fff; } .desaturate .tile-section .tile-inner.tile-i:hover, .secondary-color.desaturate .tile-section .tile-inner.tile-i:hover { color: #000; } .desaturate .globe-wrapper #globe-navigation .location, .secondary-color.desaturate .globe-wrapper #globe-navigation .location { color: #000; } .desaturate .globe-wrapper #globe-navigation .location.active, .secondary-color.desaturate .globe-wrapper #globe-navigation .location.active { color: #000; } .desaturate #globe .location, .secondary-color.desaturate #globe .location { background: #000; background: -webkit-radial-gradient(circle at 6px 7px, #0a8c7b, #000); background: -o-radial-gradient(circle at 6px 7px, #0a8c7b, #000); background: -moz-radial-gradient(circle at 6px 7px, #0a8c7b, #000); background: radial-gradient(circle at 6px 7px, #0a8c7b, #000); } .desaturate footer, .secondary-color.desaturate footer { background-color: #000; border-top: 90px solid #666; } .desaturate footer *, .secondary-color.desaturate footer * { color: #fff; } .desaturate .cd-top.cd-fade-out, .secondary-color.desaturate .cd-top.cd-fade-out { opacity: 1; } .desaturate .imagelightbox-overlay, .secondary-color.desaturate .imagelightbox-overlay { background-color: rgba(190, 190, 190, 0.95); } .desaturate .imagelightbox-arrow, .secondary-color.desaturate .imagelightbox-arrow, .desaturate .imagelightbox-caption, .secondary-color.desaturate .imagelightbox-caption, .desaturate a.imagelightbox-close, .secondary-color.desaturate a.imagelightbox-close { background-color: #000; color: #fff; } .desaturate .imagelightbox-arrow *, .secondary-color.desaturate .imagelightbox-arrow *, .desaturate .imagelightbox-caption *, .secondary-color.desaturate .imagelightbox-caption *, .desaturate a.imagelightbox-close *, .secondary-color.desaturate a.imagelightbox-close * { color: #fff; } .desaturate a.popupgallery, .secondary-color.desaturate a.popupgallery { background-color: #fff; } .desaturate a.popupgallery span.contrast, .secondary-color.desaturate a.popupgallery span.contrast { background-color: #fff; } .desaturate .navi-lexicon div.col .rootline, .secondary-color.desaturate .navi-lexicon div.col .rootline { border-top: 1px solid #000; } .desaturate .navi-lexicon div.col .rootline.level-1, .secondary-color.desaturate .navi-lexicon div.col .rootline.level-1 { border-bottom: 1px solid #000; } .desaturate .navi-lexicon div.col ul li span.sub-category, .secondary-color.desaturate .navi-lexicon div.col ul li span.sub-category { color: #000; } .desaturate .navi-lexicon div.col ul li.sub-category ul, .secondary-color.desaturate .navi-lexicon div.col ul li.sub-category ul { border-left: 1px solid #000; } .desaturate .navi-lexicon div.col ul li.sub-category ul:before, .secondary-color.desaturate .navi-lexicon div.col ul li.sub-category ul:before, .desaturate .navi-lexicon div.col ul li.sub-category ul:after, .secondary-color.desaturate .navi-lexicon div.col ul li.sub-category ul:after { background: #000; } .desaturate .mini-search-form, .secondary-color.desaturate .mini-search-form { color: #000; background: none !important; } .desaturate .mini-search-form form #tx-indexedsearch-searchbox-sword, .secondary-color.desaturate .mini-search-form form #tx-indexedsearch-searchbox-sword { border-top: 1px solid #000; border-bottom: 1px solid #000; color: #000; } .desaturate .mini-search-form form #tx-indexedsearch-searchbox-sword::-webkit-input-placeholder, .secondary-color.desaturate .mini-search-form form #tx-indexedsearch-searchbox-sword::-webkit-input-placeholder { color: #000 !important; } .desaturate .mini-search-form form #tx-indexedsearch-searchbox-sword::-moz-placeholder, .secondary-color.desaturate .mini-search-form form #tx-indexedsearch-searchbox-sword::-moz-placeholder { color: #000 !important; } .desaturate .mini-search-form form #tx-indexedsearch-searchbox-sword:-ms-input-placeholder, .secondary-color.desaturate .mini-search-form form #tx-indexedsearch-searchbox-sword:-ms-input-placeholder { color: #000 !important; } .desaturate .mini-search-form form #tx-indexedsearch-searchbox-sword:-moz-placeholder, .secondary-color.desaturate .mini-search-form form #tx-indexedsearch-searchbox-sword:-moz-placeholder { color: #000 !important; } .desaturate .mini-search-form form #tx-indexedsearch-searchbox-button-submit, .secondary-color.desaturate .mini-search-form form #tx-indexedsearch-searchbox-button-submit { color: #000; } .desaturate .mini-search-form form #tx-indexedsearch-searchbox-button-submit .icon-magnifier, .secondary-color.desaturate .mini-search-form form #tx-indexedsearch-searchbox-button-submit .icon-magnifier { color: #000 !important; } .desaturate table.contenttable th, .secondary-color.desaturate table.contenttable th { background-color: #000; } .desaturate table.contenttable tr:nth-child(2n) td, .secondary-color.desaturate table.contenttable tr:nth-child(2n) td { background-color: #bbb; } .desaturate .zebra-datepicker-target > .Zebra_DatePicker, .secondary-color.desaturate .zebra-datepicker-target > .Zebra_DatePicker { background-color: #bbb; color: #000; } .desaturate .zebra-datepicker-target > .Zebra_DatePicker .dp_actions td, .secondary-color.desaturate .zebra-datepicker-target > .Zebra_DatePicker .dp_actions td { color: #000; } .desaturate .zebra-datepicker-target > .Zebra_DatePicker .dp_daypicker th, .secondary-color.desaturate .zebra-datepicker-target > .Zebra_DatePicker .dp_daypicker th { background-color: #000; color: #fff; } .desaturate .zebra-datepicker-target > .Zebra_DatePicker .dp_body td, .secondary-color.desaturate .zebra-datepicker-target > .Zebra_DatePicker .dp_body td { color: #000; } .desaturate .zebra-datepicker-target > .Zebra_DatePicker .dp_body .dp_selected, .secondary-color.desaturate .zebra-datepicker-target > .Zebra_DatePicker .dp_body .dp_selected { background-color: #000; color: #fff; } .desaturate .Zebra_DatePicker_Icon_Wrapper .Zebra_DatePicker_Icon:after, .secondary-color.desaturate .Zebra_DatePicker_Icon_Wrapper .Zebra_DatePicker_Icon:after { color: #000; } .desaturate #cookiePolicyBar *, .secondary-color.desaturate #cookiePolicyBar * { color: #fff; } .desaturate-ie { filter: grayscale(100%) contrast(100%); } /* * contrast - end */ /* * Responsive - Start */ @media (max-width: 1220px) { header ul.nav-main li { margin: 0 10px; } .floating-selector .image-wrapper { width: 600px; } .tile-section { background-size: 320px; } .tile-section .tile-outer { height: 160px; } .rotate-selector-outer-wrapper { margin: 95px 0 120px -15px; } } @media (max-width: 1092px) { .logo-outer-wrapper { position: absolute; right: 30px; } .nav-wrapper { -moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; position: absolute; left: -100%; top: 110px; width: 100%; background-color: rgba(10, 140, 123, 0.90); padding: 50px; } .nav-wrapper ul.nav-main > li { display: block; margin: 24px 0; float: none; height: auto; } .nav-wrapper ul.nav-main-left a img { display: none !important; } .nav-active { left: 0; } header ul.nav-main { font-size: 1.571em; line-height: 1.364em; opacity: 1; } header ul.nav-main li a:hover:before { bottom: -8px; } header .toggle-navigation { display: block; } header ul.nav-meta:before, header ul.nav-meta:after { display: none; } header .logo-wrapper { margin-left: 0; } header .nav-meta-outer-wrapper { margin: 0; } header ul.nav-meta { text-align: left; font-size: 22px; line-height: 30px; opacity: 1; } header ul.nav-meta li { display: block; margin: 0; margin: 24px 0; } header ul.nav-access { opacity: 1; } header ul.nav-main li ul { display: block; position: relative; padding: 0 0 0 20px; margin: 20px 0 40px; top: 0; font-size: 0.65em; line-height: 1em; } header ul.nav-main li ul li { margin: 0; padding: 0; background: none; box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.04); } header ul.nav-main li ul li:first-child { padding: 0; margin: 0; } header ul.nav-main li ul li:last-child { padding: 0; margin: 0; } header ul.nav-main li ul li a { padding: 10px 0px; } header ul.nav-main li a.active, header ul.nav-main li a:hover, header ul.nav-meta a:hover, header ul.nav-meta a.active, header ul.nav-meta a:hover, header ul.nav-meta a:hover { font-size: 1em; margin-left: 0; } header ul.nav-main li a.active:before, header ul.nav-main li a:hover:before, header ul.nav-meta a:hover:before, header ul.nav-meta a.active:before, header ul.nav-meta a:hover:before, header ul.nav-meta a:hover:before { display: none; } .outflow { margin-left: 0; margin-right: 0; } .box-colored { margin-bottom: 30px; } .bobble-wrapper .text-wrapper { left: 50%; } .bobble-wrapper img { width: 100%; } .bobble-wrapper .text-wrapper span { font-size: 28px; } .container.box-colored.dongle .inner-dongle:before { width: 315px; } .container.box-colored.dongle .inner-dongle:after { left: 274px; } .partner-logos { background-size: 374px; } .partner-logos .partner-logo { height: 187px; } .partner-logos .text-wrapper { height: 374px; } .bobble-wrapper { margin-left: 0; } .floating-selector.first { width: 100%; } .floating-selector.first .image-wrapper { display: none; } .floating-selector.second { margin-top: 0; } .globe-wrapper #globe-navigation { position: relative; } } @media (min-width: 1093px) { header ul.nav-main { float: right; font-size: 15px; } header ul.nav-main.nav-main-left { float: left; } header ul.nav-main.nav-main-left a { display: inline-flex; } header ul.nav-main.nav-main-left a img { margin-right: 10px; margin-top: -2px; } } @media (max-width: 1092px) { .testimonial { margin: 40px 0; position: relative !important; left: auto !important; right: auto !important; top: auto !important; } .tile-section { background: none; } .tile-section .tile-outer { height: auto; } .tile-section .tile-outer img { position: relative; width: 100%; display: block; } .tile-section .tile-outer .tile-inner { position: relative; } .tile-section .tile-outer .tile-i { padding: 50px 0; } } @media (max-width: 992px) { .rotate-selector-outer-wrapper { display: none; } .nav-radius-left, .nav-radius-right { position: relative; } .nav-radius-left { left: 0; } .nav-radius-right { right: 0; margin-top: 40px; } .nav-radius-left li, .nav-radius-right li { margin: 10px 0 !important; } } @media (max-width: 768px) { /*.floating-selector { width: auto !important; .image-wrapper { display: none; } .text-wrapper { width: auto !important; display: block !important; &.navigation-wrapper { display: none !important; } } }*/ .nav-onpage { margin-bottom: 40px; } .bobble-wrapper { margin: 0 auto 40px; } .bobble-bar { margin-top: -30px; } .container.box-colored.dongle .inner-dongle:before, .container.box-colored.dongle .inner-dongle:after { display: none; } .image-outflow-inner-image { max-height: 400px !important; } .image-outflow .image-outflow-inner-image { margin-left: 0; } .partner-logos { padding: 40px 0; background: none; } .partner-logos .text-wrapper { height: auto; } .partner-logos .text-wrapper .text-wrapper-inner { left: auto; top: auto; height: auto; position: relative; -moz-transform: translate(0, 0); -webkit-transform: translate(0, 0); transform: translate(0, 0); } .partner-logos .partner-logo { text-align: center; height: auto; margin: 10px 0; } .partner-logos .partner-logo img { position: relative; left: auto; top: auto; -moz-transform: translate(0, 0); -webkit-transform: translate(0, 0); transform: translate(0, 0); } .second .image-wrapper { display: none; } .floating-selector { width: 100%; } .floating-selector .text-wrapper { width: 100%; } footer { padding-top: 0; } footer h3 { margin-top: 40px; } .box-white .event-link { position: relative; margin-bottom: 20px; margin-top: 15px; } .box-white > .text-wrapper { padding-bottom: 0px; } } @media (max-width: 767px) { #globe { display: none; } } @media (max-width: 480px) { h2 { font-size: 30px; } .nav-wrapper { padding: 55px 20px; } header .toggle-navigation { left: 20px; } .logo-outer-wrapper { right: 10px; } h1, h2, .like-h1 { -ms-hyphens: auto; -webkit-hyphens: auto; hyphens: auto; } } @media screen and (max-height: 500px) { .video-background h1 { bottom: 90px; font-size: 25px; line-height: 1.05em; } } /* * Responsive - End */