body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li{float:left}.ce_gallery>ul li.col_first{clear:left}.float_left{float:left}.float_right{float:right}.block{overflow:hidden}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both} @media (max-width:767px){#wrapper{margin:0;width:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}img{max-width:100%;height:auto}.ie7 img{-ms-interpolation-mode:bicubic}.ie8 img{width:auto} div.grid_4 { position: relative; width: 100vw; } div.grid_4 div .mossaicImageOverlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; transition: opacity 0.5s, top 0.5s; } div.grid_4 div .overlayNotVisible { opacity: 0; top: -100%; transition: opacity 0.5s, top 0.5s; } div.grid_4 div .mossaicImageOverlay .mossaicImageDescription { position: relative; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); } div.grid_4 .mossaicWrapper { overflow: hidden; float: left; position: relative; max-height: 40vh; height: auto; } div.grid_4 .mossaicWrapper .mossaicImage { width: 100%; height: 100%; display: block; overflow: hidden; text-align: center; } div.grid_4 .mossaicWrapper .mossaicImage img{ position: relative; display: block; height: 100%; min-width: 100%; max-width: none; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); } div.grid_4 .height_1 { height: 25%; } div.grid_4 .height_2 { height: 50%; } div.grid_4 .height_3 { height: 75%; } div.grid_4 .height_4 { height: 100%; } div.grid_4 .width_1 { width: 25%; } div.grid_4 .width_2 { width: 50%; } div.grid_4 .width_3 { width: 75%; } div.grid_4 .width_4 { width: 100%; } /* Slider */ .slick-slider { position: relative; display: block; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; top: 0; left: 0; display: block; } .slick-track:before, .slick-track:after { display: table; content: ''; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } [dir='rtl'] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } @charset 'UTF-8'; /* Slider */ .slick-loading .slick-list { background: #fff url('../../system/modules/onepageToolkit/assets/lib/slick/./ajax-loader.gif') center center no-repeat; } /* Icons */ @font-face { font-family: 'slick'; font-weight: normal; font-style: normal; src: url('../../system/modules/onepageToolkit/assets/lib/slick/./fonts/slick.eot'); src: url('../../system/modules/onepageToolkit/assets/lib/slick/./fonts/slick.eot?#iefix') format('embedded-opentype'), url('../../system/modules/onepageToolkit/assets/lib/slick/./fonts/slick.woff') format('woff'), url('../../system/modules/onepageToolkit/assets/lib/slick/./fonts/slick.ttf') format('truetype'), url('../../system/modules/onepageToolkit/assets/lib/slick/./fonts/slick.svg#slick') format('svg'); } /* Arrows */ .slick-prev, .slick-next { font-size: 0; line-height: 0; position: absolute; top: 50%; display: block; width: 20px; height: 20px; margin-top: -10px; padding: 0; cursor: pointer; color: transparent; border: none; outline: none; background: transparent; } .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { color: transparent; outline: none; background: transparent; } .slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before { opacity: 1; } .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: .25; } .slick-prev:before, .slick-next:before { font-family: 'slick'; font-size: 20px; line-height: 1; opacity: .75; color: white; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-prev { left: -25px; } [dir='rtl'] .slick-prev { right: -25px; left: auto; } .slick-prev:before { content: '←'; } [dir='rtl'] .slick-prev:before { content: '→'; } .slick-next { right: -25px; } [dir='rtl'] .slick-next { right: auto; left: -25px; } .slick-next:before { content: '→'; } [dir='rtl'] .slick-next:before { content: '←'; } /* Dots */ .slick-slider { margin-bottom: 30px; } .slick-dots { position: absolute; bottom: -45px; display: block; width: 100%; padding: 0; list-style: none; text-align: center; } .slick-dots li { position: relative; display: inline-block; width: 20px; height: 20px; margin: 0 5px; padding: 0; cursor: pointer; } .slick-dots li button { font-size: 0; line-height: 0; display: block; width: 20px; height: 20px; padding: 5px; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent; } .slick-dots li button:hover, .slick-dots li button:focus { outline: none; } .slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1; } .slick-dots li button:before { font-family: 'slick'; font-size: 6px; line-height: 20px; position: absolute; top: 0; left: 0; width: 20px; height: 20px; content: '•'; text-align: center; opacity: .25; color: black; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-dots li.slick-active button:before { opacity: .75; color: black; } .splide__container{box-sizing:border-box;position:relative}.splide__list{backface-visibility:hidden;display:-ms-flexbox;display:flex;height:100%;margin:0!important;padding:0!important}.splide.is-initialized:not(.is-active) .splide__list{display:block}.splide__pagination{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:center;justify-content:center;margin:0;pointer-events:none}.splide__pagination li{display:inline-block;line-height:1;list-style-type:none;margin:0;pointer-events:auto}.splide:not(.is-overflow) .splide__pagination{display:none}.splide__progress__bar{width:0}.splide{position:relative;visibility:hidden}.splide.is-initialized,.splide.is-rendered{visibility:visible}.splide__slide{backface-visibility:hidden;box-sizing:border-box;-ms-flex-negative:0;flex-shrink:0;list-style-type:none!important;margin:0;position:relative}.splide__slide img{vertical-align:bottom}.splide__spinner{animation:splide-loading 1s linear infinite;border:2px solid #999;border-left-color:transparent;border-radius:50%;bottom:0;contain:strict;display:inline-block;height:20px;left:0;margin:auto;position:absolute;right:0;top:0;width:20px}.splide__sr{clip:rect(0 0 0 0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.splide__toggle.is-active .splide__toggle__play,.splide__toggle__pause{display:none}.splide__toggle.is-active .splide__toggle__pause{display:inline}.splide__track{overflow:hidden;position:relative;z-index:0}@keyframes splide-loading{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.splide__track--draggable{-webkit-touch-callout:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.splide__track--fade>.splide__list>.splide__slide{margin:0!important;opacity:0;z-index:0}.splide__track--fade>.splide__list>.splide__slide.is-active{opacity:1;z-index:1}.splide--rtl{direction:rtl}.splide__track--ttb>.splide__list{display:block}.splide__arrow{-ms-flex-align:center;align-items:center;background:#ccc;border:0;border-radius:50%;cursor:pointer;display:-ms-flexbox;display:flex;height:2em;-ms-flex-pack:center;justify-content:center;opacity:.7;padding:0;position:absolute;top:50%;transform:translateY(-50%);width:2em;z-index:1}.splide__arrow svg{fill:#000;height:1.2em;width:1.2em}.splide__arrow:hover:not(:disabled){opacity:.9}.splide__arrow:disabled{opacity:.3}.splide__arrow:focus-visible{outline:3px solid #0bf;outline-offset:3px}.splide__arrow--prev{left:1em}.splide__arrow--prev svg{transform:scaleX(-1)}.splide__arrow--next{right:1em}.splide.is-focus-in .splide__arrow:focus{outline:3px solid #0bf;outline-offset:3px}.splide__pagination{bottom:.5em;left:0;padding:0 1em;position:absolute;right:0;z-index:1}.splide__pagination__page{background:#ccc;border:0;border-radius:50%;display:inline-block;height:8px;margin:3px;opacity:.7;padding:0;position:relative;transition:transform .2s linear;width:8px}.splide__pagination__page.is-active{background:#fff;transform:scale(1.4);z-index:1}.splide__pagination__page:hover{cursor:pointer;opacity:.9}.splide__pagination__page:focus-visible{outline:3px solid #0bf;outline-offset:3px}.splide.is-focus-in .splide__pagination__page:focus{outline:3px solid #0bf;outline-offset:3px}.splide__progress__bar{background:#ccc;height:3px}.splide__slide{-webkit-tap-highlight-color:rgba(0,0,0,0)}.splide__slide:focus{outline:0}@supports(outline-offset:-3px){.splide__slide:focus-visible{outline:3px solid #0bf;outline-offset:-3px}}@media screen and (-ms-high-contrast:none){.splide__slide:focus-visible{border:3px solid #0bf}}@supports(outline-offset:-3px){.splide.is-focus-in .splide__slide:focus{outline:3px solid #0bf;outline-offset:-3px}}@media screen and (-ms-high-contrast:none){.splide.is-focus-in .splide__slide:focus{border:3px solid #0bf}.splide.is-focus-in .splide__track>.splide__list>.splide__slide:focus{border-color:#0bf}}.splide__toggle{cursor:pointer}.splide__toggle:focus-visible{outline:3px solid #0bf;outline-offset:3px}.splide.is-focus-in .splide__toggle:focus{outline:3px solid #0bf;outline-offset:3px}.splide__track--nav>.splide__list>.splide__slide{border:3px solid transparent;cursor:pointer}.splide__track--nav>.splide__list>.splide__slide.is-active{border:3px solid #000}.splide__arrows--rtl .splide__arrow--prev{left:auto;right:1em}.splide__arrows--rtl .splide__arrow--prev svg{transform:scaleX(1)}.splide__arrows--rtl .splide__arrow--next{left:1em;right:auto}.splide__arrows--rtl .splide__arrow--next svg{transform:scaleX(-1)}.splide__arrows--ttb .splide__arrow{left:50%;transform:translate(-50%)}.splide__arrows--ttb .splide__arrow--prev{top:1em}.splide__arrows--ttb .splide__arrow--prev svg{transform:rotate(-90deg)}.splide__arrows--ttb .splide__arrow--next{bottom:1em;top:auto}.splide__arrows--ttb .splide__arrow--next svg{transform:rotate(90deg)}.splide__pagination--ttb{bottom:0;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;left:auto;padding:1em 0;right:.5em;top:0} /*! normalize.css v3.0.2 | MIT License | git.io/normalize */ /** * 1. Set default font family to sans-serif. * 2. Prevent iOS text size adjust after orientation change, without disabling * user zoom. */ html { font-family: sans-serif; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ } /** * Remove default margin. */ body { margin: 0; } /* HTML5 display definitions ========================================================================== */ /** * Correct `block` display not defined for any HTML5 element in IE 8/9. * Correct `block` display not defined for `details` or `summary` in IE 10/11 * and Firefox. * Correct `block` display not defined for `main` in IE 11. */ article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; } /** * 1. Correct `inline-block` display not defined in IE 8/9. * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. */ audio, canvas, progress, video { display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */ } /** * Prevent modern browsers from displaying `audio` without controls. * Remove excess height in iOS 5 devices. */ audio:not([controls]) { display: none; height: 0; } /** * Address `[hidden]` styling not present in IE 8/9/10. * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22. */ [hidden], template { display: none; } /* Links ========================================================================== */ /** * Remove the gray background color from active links in IE 10. */ a { background-color: transparent; } /** * Improve readability when focused and also mouse hovered in all browsers. */ a:active, a:hover { outline: 0; } /* Text-level semantics ========================================================================== */ /** * Address styling not present in IE 8/9/10/11, Safari, and Chrome. */ abbr[title] { border-bottom: 1px dotted; } /** * Address style set to `bolder` in Firefox 4+, Safari, and Chrome. */ b, strong { font-weight: bold; } /** * Address styling not present in Safari and Chrome. */ dfn { font-style: italic; } /** * Address variable `h1` font-size and margin within `section` and `article` * contexts in Firefox 4+, Safari, and Chrome. */ h1 { font-size: 2em; margin: 0.67em 0; } /** * Address styling not present in IE 8/9. */ mark { background: #ff0; color: #000; } /** * Address inconsistent and variable font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` affecting `line-height` in all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } /* Embedded content ========================================================================== */ /** * Remove border when inside `a` element in IE 8/9/10. */ img { border: 0; } /** * Correct overflow not hidden in IE 9/10/11. */ svg:not(:root) { overflow: hidden; } /* Grouping content ========================================================================== */ /** * Address margin not present in IE 8/9 and Safari. */ figure { margin: 1em 40px; } /** * Address differences between Firefox and other browsers. */ hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; } /** * Contain overflow in all browsers. */ pre { overflow: auto; } /** * Address odd `em`-unit font size rendering in all browsers. */ code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; } /* Forms ========================================================================== */ /** * Known limitation: by default, Chrome and Safari on OS X allow very limited * styling of `select`, unless a `border` property is set. */ /** * 1. Correct color not being inherited. * Known issue: affects color of disabled elements. * 2. Correct font properties not being inherited. * 3. Address margins set differently in Firefox 4+, Safari, and Chrome. */ button, input, optgroup, select, textarea { color: inherit; /* 1 */ font: inherit; /* 2 */ margin: 0; /* 3 */ } /** * Address `overflow` set to `hidden` in IE 8/9/10/11. */ button { overflow: visible; } /** * Address inconsistent `text-transform` inheritance for `button` and `select`. * All other form control elements do not inherit `text-transform` values. * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera. * Correct `select` style inheritance in Firefox. */ button, select { text-transform: none; } /** * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` * and `video` controls. * 2. Correct inability to style clickable `input` types in iOS. * 3. Improve usability and consistency of cursor style between image-type * `input` and others. */ button, html input[type="button"], /* 1 */ input[type="reset"], input[type="submit"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ } /** * Re-set default cursor for disabled elements. */ button[disabled], html input[disabled] { cursor: default; } /** * Remove inner padding and border in Firefox 4+. */ button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } /** * Address Firefox 4+ setting `line-height` on `input` using `!important` in * the UA stylesheet. */ input { line-height: normal; } /** * It's recommended that you don't attempt to style these elements. * Firefox's implementation doesn't respect box-sizing, padding, or width. * * 1. Address box sizing set to `content-box` in IE 8/9/10. * 2. Remove excess padding in IE 8/9/10. */ input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** * Fix the cursor style for Chrome's increment/decrement buttons. For certain * `font-size` values of the `input`, it causes the cursor style of the * decrement button to change from `default` to `text`. */ input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; } /** * 1. Address `appearance` set to `searchfield` in Safari and Chrome. * 2. Address `box-sizing` set to `border-box` in Safari and Chrome * (include `-moz` to future-proof). */ input[type="search"] { -webkit-appearance: textfield; /* 1 */ -moz-box-sizing: content-box; -webkit-box-sizing: content-box; /* 2 */ box-sizing: content-box; } /** * Remove inner padding and search cancel button in Safari and Chrome on OS X. * Safari (but not Chrome) clips the cancel button when the search input has * padding (and `textfield` appearance). */ input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /** * Define consistent border, margin, and padding. */ fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } /** * 1. Correct `color` not being inherited in IE 8/9/10/11. * 2. Remove padding so people aren't caught out if they zero out fieldsets. */ legend { border: 0; /* 1 */ padding: 0; /* 2 */ } /** * Remove default vertical scrollbar in IE 8/9/10/11. */ textarea { overflow: auto; } /** * Don't inherit the `font-weight` (applied by a rule above). * NOTE: the default cannot safely be changed in Chrome and Safari on OS X. */ optgroup { font-weight: bold; } /* Tables ========================================================================== */ /** * Remove most spacing between table cells. */ table { border-collapse: collapse; border-spacing: 0; } td, th { padding: 0; } /* lato-300 - latin */ @font-face { font-family: 'Lato'; font-style: normal; font-weight: 300; src: local(''), url('/files/fonts/lato-v23-latin-300.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('/files/fonts/lato-v23-latin-300.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ } /* lato-300italic - latin */ @font-face { font-family: 'Lato'; font-style: italic; font-weight: 300; src: local(''), url('/files/fonts/lato-v23-latin-300italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('/files/fonts/lato-v23-latin-300italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ } /* lato-regular - latin */ @font-face { font-family: 'Lato'; font-style: normal; font-weight: 400; src: local(''), url('/files/fonts/lato-v23-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('/files/fonts/lato-v23-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ } /* lato-italic - latin */ @font-face { font-family: 'Lato'; font-style: italic; font-weight: 400; src: local(''), url('/files/fonts/lato-v23-latin-italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('/files/fonts/lato-v23-latin-italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ } /* lato-700 - latin */ @font-face { font-family: 'Lato'; font-style: normal; font-weight: 700; src: local(''), url('/files/fonts/lato-v23-latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('/files/fonts/lato-v23-latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ } /* lato-700italic - latin */ @font-face { font-family: 'Lato'; font-style: italic; font-weight: 700; src: local(''), url('/files/fonts/lato-v23-latin-700italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('/files/fonts/lato-v23-latin-700italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ } /* SECTIONS */ .section { clear: both; padding: 0px; margin: 0px; } /* COLUMN SETUP */ .col { display: block; float:left; margin: 1% 0 1% 1.6%; } .col:first-child { margin-left: 0; } /* GROUPING */ .group:before, .group:after { content:""; display:table; } .group:after { clear:both;} .group { zoom:1; /* For IE 6/7 */ } /* GRID OF FOUR */ .span_4_of_4 { width: 100%; } .span_3_of_4 { width: 74.6%; } .span_2_of_4 { width: 49.2%; } .span_1_of_4 { width: 23.8%; } /* GO FULL WIDTH BELOW 480 PIXELS */ @media only screen and (max-width: 480px) { .col { margin: 1% 0 1% 0%; } .span_1_of_4, .span_2_of_4, .span_3_of_4, .span_4_of_4 { width: 100%; } } @charset "UTF-8"; html { min-height: 100%; font-family: "Lato"; } html { font-size: 62.5%; } @media (max-width: 1280px) { html { font-size: 52%; } } @media (max-width: 1200px) { html { font-size: 47%; } } @media (max-width: 1024px) { html { font-size: 42%; } } @media (max-width: 992px) { html { font-size: 37%; } } @media (max-width: 760px) { html { font-size: 42%; } } html.font-zoom-1 { font-size: 68.75%; } @media (max-width: 1280px) { html.font-zoom-1 { font-size: 57.2%; } } @media (max-width: 1200px) { html.font-zoom-1 { font-size: 51.7%; } } @media (max-width: 1024px) { html.font-zoom-1 { font-size: 46.2%; } } @media (max-width: 992px) { html.font-zoom-1 { font-size: 40.7%; } } @media (max-width: 760px) { html.font-zoom-1 { font-size: 46.2%; } } html.font-zoom-2 { font-size: 75%; } @media (max-width: 1280px) { html.font-zoom-2 { font-size: 62.4%; } } @media (max-width: 1200px) { html.font-zoom-2 { font-size: 56.4%; } } @media (max-width: 1024px) { html.font-zoom-2 { font-size: 50.4%; } } @media (max-width: 992px) { html.font-zoom-2 { font-size: 44.4%; } } @media (max-width: 760px) { html.font-zoom-2 { font-size: 50.4%; } } html.font-zoom-3 { font-size: 81.25%; } @media (max-width: 1280px) { html.font-zoom-3 { font-size: 67.6%; } } @media (max-width: 1200px) { html.font-zoom-3 { font-size: 61.1%; } } @media (max-width: 1024px) { html.font-zoom-3 { font-size: 54.6%; } } @media (max-width: 992px) { html.font-zoom-3 { font-size: 48.1%; } } @media (max-width: 760px) { html.font-zoom-3 { font-size: 54.6%; } } html.font-zoom-3 h2, html.font-zoom-3 #main > .inside .information .addInfo .tabControl .tabToggler p, html.font-zoom-3 h3, html.font-zoom-3 #footer > .inside .topFooter ul li, html.font-zoom-3 body #main .inside #heimatliteratur-slider .doSlick .sliderElement p, html.font-zoom-3 #right a, html.font-zoom-3 #left a, html.font-zoom-3 #main > .inside .ce_accordion .toggler, html.font-zoom-3 #main > .inside #serviceBWRestLebenslagen a, html.font-zoom-3 #main > .inside #serviceBWRestLeistung a { word-break: break-word; } html.font-zoom-4 { font-size: 87.5%; } @media (max-width: 1280px) { html.font-zoom-4 { font-size: 72.8%; } } @media (max-width: 1200px) { html.font-zoom-4 { font-size: 65.8%; } } @media (max-width: 1024px) { html.font-zoom-4 { font-size: 58.8%; } } @media (max-width: 992px) { html.font-zoom-4 { font-size: 51.8%; } } @media (max-width: 760px) { html.font-zoom-4 { font-size: 58.8%; } } html.font-zoom-4 h2, html.font-zoom-4 #main > .inside .information .addInfo .tabControl .tabToggler p, html.font-zoom-4 h3, html.font-zoom-4 #footer > .inside .topFooter ul li, html.font-zoom-4 body #main .inside #heimatliteratur-slider .doSlick .sliderElement p, html.font-zoom-4 #right a, html.font-zoom-4 #left a, html.font-zoom-4 #main > .inside .ce_accordion .toggler, html.font-zoom-4 #main > .inside #serviceBWRestLebenslagen a, html.font-zoom-4 #main > .inside #serviceBWRestLeistung a { word-break: break-word; } html.font-zoom-4 .scrollTable, html.font-zoom-4 .table_3_last_2_downloads, html.font-zoom-4 .ui-accordion-content .ce_text { overflow: auto; } html.font-zoom-4 #mainNav { width: 100%; margin-bottom: 1.5rem !important; } html.font-zoom-4 #header > .inside .submenuContainer > div { height: auto; } html.font-zoom-4 .submenuContainer .mod_navigation { width: 100%; } html.font-zoom-4 .submenuContainer .span_1_of_4 { display: none; } html.font-zoom-4 .submenuContainer .closeButton { display: none; } html.font-zoom-4 body #wrapper #header .inside #mainNav ul li { display: inline-block; margin-bottom: 1rem; } html.font-zoom-4 .mod_search { margin: 0 auto; } html.font-zoom-5 { font-size: 106.25%; } @media (max-width: 1280px) { html.font-zoom-5 { font-size: 88.4%; } } @media (max-width: 1200px) { html.font-zoom-5 { font-size: 79.9%; } } @media (max-width: 1024px) { html.font-zoom-5 { font-size: 71.4%; } } @media (max-width: 992px) { html.font-zoom-5 { font-size: 62.9%; } } @media (max-width: 760px) { html.font-zoom-5 { font-size: 71.4%; } } html.font-zoom-5 h2, html.font-zoom-5 #main > .inside .information .addInfo .tabControl .tabToggler p, html.font-zoom-5 h3, html.font-zoom-5 #footer > .inside .topFooter ul li, html.font-zoom-5 body #main .inside #heimatliteratur-slider .doSlick .sliderElement p, html.font-zoom-5 #right a, html.font-zoom-5 #left a, html.font-zoom-5 #main > .inside .ce_accordion .toggler, html.font-zoom-5 #main > .inside #serviceBWRestLebenslagen a, html.font-zoom-5 #main > .inside #serviceBWRestLeistung a { word-break: break-word; } html.font-zoom-5 .scrollTable, html.font-zoom-5 .table_3_last_2_downloads, html.font-zoom-5 .ui-accordion-content .ce_text { overflow: auto; } html.font-zoom-5 #main > .inside #startseite .information .addInfo .tabContentContainer .tabContent .mod_newslist, html.font-zoom-5 #main > .inside #startseite .information .addInfo .tabContentContainer .tabContent .mod_eventlist { display: none; } html.font-zoom-5 #main > .inside .information .addInfo .tabContentContainer .tabContent { height: auto; padding-bottom: 1.5rem; } html.font-zoom-5 #main > .inside .information .addInfo .tabControl { height: auto; display: -webkit-box; display: -ms-flexbox; display: flex; } html.font-zoom-5 #main > .inside .information .addInfo .tabControl .tabToggler { height: auto; } html.font-zoom-5 #main > .inside .information { height: initial; } html.font-zoom-5 #main > .inside .information div.randomArticle .backgroundImage .ce_image figure img { height: 40rem; } html.font-zoom-5 #main > .inside .information .addInfo .tabContentContainer .tabContent:first-child { position: relative; } html.font-zoom-5 #main > .inside .information .addInfo .tabContentContainer { min-height: auto; } html.font-zoom-5 #mainNav { width: 100%; margin-bottom: 1.5rem !important; } html.font-zoom-5 #header > .inside .submenuContainer > div { height: auto; } html.font-zoom-5 .submenuContainer .mod_navigation { width: 100%; } html.font-zoom-5 .submenuContainer .span_1_of_4 { display: none; } html.font-zoom-5 .submenuContainer .closeButton { display: none; } html.font-zoom-5 body #wrapper #header .inside #mainNav ul li { display: inline-block; margin-bottom: 1rem; } html.font-zoom-5 .mod_search { margin: 0 auto; } html.font-zoom-6 { font-size: 118.75%; } @media (max-width: 1280px) { html.font-zoom-6 { font-size: 98.8%; } } @media (max-width: 1200px) { html.font-zoom-6 { font-size: 89.3%; } } @media (max-width: 1024px) { html.font-zoom-6 { font-size: 79.8%; } } @media (max-width: 992px) { html.font-zoom-6 { font-size: 70.3%; } } @media (max-width: 760px) { html.font-zoom-6 { font-size: 79.8%; } } html.font-zoom-6 h2, html.font-zoom-6 #main > .inside .information .addInfo .tabControl .tabToggler p, html.font-zoom-6 h3, html.font-zoom-6 #footer > .inside .topFooter ul li, html.font-zoom-6 body #main .inside #heimatliteratur-slider .doSlick .sliderElement p, html.font-zoom-6 #right a, html.font-zoom-6 #left a, html.font-zoom-6 #main > .inside .ce_accordion .toggler, html.font-zoom-6 #main > .inside #serviceBWRestLebenslagen a, html.font-zoom-6 #main > .inside #serviceBWRestLeistung a { word-break: break-word; } html.font-zoom-6 .scrollTable, html.font-zoom-6 .table_3_last_2_downloads, html.font-zoom-6 .ui-accordion-content .ce_text { overflow: auto; } html.font-zoom-6 #main > .inside #startseite .information .addInfo .tabContentContainer .tabContent .mod_newslist, html.font-zoom-6 #main > .inside #startseite .information .addInfo .tabContentContainer .tabContent .mod_eventlist { display: none; } html.font-zoom-6 #main > .inside .information .addInfo .tabContentContainer .tabContent { height: auto; padding-bottom: 1.5rem; } html.font-zoom-6 #main > .inside .information .addInfo .tabControl { height: auto; display: -webkit-box; display: -ms-flexbox; display: flex; } html.font-zoom-6 #main > .inside .information .addInfo .tabControl .tabToggler { height: auto; } html.font-zoom-6 #main > .inside .information { height: initial; } html.font-zoom-6 #main > .inside .information div.randomArticle .backgroundImage .ce_image figure img { height: 40rem; } html.font-zoom-6 #main > .inside .information .addInfo .tabContentContainer .tabContent:first-child { position: relative; } html.font-zoom-6 #main > .inside .information .addInfo .tabContentContainer { min-height: auto; } html.font-zoom-6 #mainNav { width: 100%; margin-bottom: 1.5rem !important; } html.font-zoom-6 #header > .inside .submenuContainer > div { height: auto; } html.font-zoom-6 .submenuContainer .mod_navigation { width: 100%; } html.font-zoom-6 .submenuContainer .span_1_of_4 { display: none; } html.font-zoom-6 .submenuContainer .closeButton { display: none; } html.font-zoom-6 body #wrapper #header .inside #mainNav ul li { display: inline-block; margin-bottom: 1rem; } html.font-zoom-6 .mod_search { margin: 0 auto; } body { height: 100%; } @media screen and (min-width: 641px) { .notDesktop { display: none; } } @media screen and (max-width: 640px) { .notMobile { display: none !important; } } @media screen and (max-width: 1400px) { #header > .inside #topNav ul { font-size: 2rem; } } #wrapper { width: 90%; margin: 0 auto; background-color: rgba(255, 255, 255, 0.98); min-height: 100%; max-width: 1800px; } #container { clear: both; } .mod_search { float: none; } .mod_search .search_container { position: relative; } .mod_search .search_container input[type=search] { height: 35px; border: 1px solid #e2ddbc; padding-right: 2vw; padding-left: 0.5vw; background-color: #FFFFFF; font-size: 2rem; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; } .mod_search .search_container .search_img { background: url(/files/layout/magnifyingGlass.jpg) no-repeat center center; background-size: contain; background-color: #e2ddbd; width: 5rem; height: 100%; position: absolute; right: 0; border: none; } .mod_search input[type=submit] { display: none; } .mod_search { float: right; } #header > .inside { width: 90%; margin: 0 auto; } #header > .inside #topNav { font-family: "Lato"; display: inline-block; float: right; } #header > .inside #topNav ul { font-size: 1.5rem; padding: 0; list-style-type: none; display: -webkit-box; display: -ms-flexbox; display: flex; display: -webkit-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-align-items: center; } #header > .inside #topNav ul li { padding: 0 1vw; } #header > .inside #topNav ul li a { color: #505050; text-decoration: none; } #header > .inside #topNav ul li a:hover { color: #15438f; } #header > .inside #topNav ul li a.trail, #header > .inside #topNav ul li span { color: #15438f; } #header > .inside #topNav ul li:not(.last) { border-right: 2px solid #505050; } #header > .inside .logo figure { margin-top: 5vw; margin-left: 0; } #header > .inside .contentContainer { margin-top: 2vw; } @media screen and (min-width: 641px) { #header > .inside #mainNav { overflow: visible; margin-top: 0; margin-bottom: 0; } #header > .inside #mainNav ul { padding: 0; margin: 0; list-style-type: none; display: -webkit-box; display: -ms-flexbox; display: flex; display: -webkit-flex; -webkit-box-pack: left; -ms-flex-pack: left; justify-content: left; -webkit-justify-content: left; font-family: "Lato"; font-weight: 600; font-size: 2.5rem; line-height: 1; } #header > .inside #mainNav ul li { padding: 0 2rem; } #header > .inside #mainNav ul li a { color: #4b6ba2; text-decoration: none; } #header > .inside #mainNav ul li a:hover { color: #6eaafb; } #header > .inside #mainNav ul li.open, #header > .inside #mainNav ul li.active:not(.first), #header > .inside #mainNav ul li.trail:not(.first) { background-color: #efefef; } #header > .inside #mainNav ul li.first { padding-left: 0; } } @media (max-width: 1680px) { #header > .inside #mainNav ul { font-size: 1.7rem; } } @media (max-width: 1280px) { #header > .inside #mainNav ul { font-size: 2rem; } } @media (max-width: 1100px) { #header > .inside #mainNav ul { font-size: 1.8rem; } } #header > .inside .mod_search { margin-top: 0; margin-bottom: 0; } #header > .inside .submenuContainer { position: relative; margin-top: 0; font-size: 1.6rem; } #header > .inside .submenuContainer > div { display: none; position: absolute; z-index: 10000; width: 100%; top: 0; left: 0; background-color: #efefef; } #header > .inside .submenuContainer > div ul.level_1 { padding: 0; list-style-type: none; } #header > .inside .submenuContainer > div ul.level_1 > li { float: left; margin: 0 1vw; } #header > .inside .submenuContainer > div ul.level_1 > li > a { color: #4b6ba2; font-weight: bold; } #header > .inside .submenuContainer > div ul.level_1 > li ul { padding: 0; list-style-type: none; } #header > .inside .submenuContainer > div ul.level_1 > li ul li { padding: 0.2vw 0; } #header > .inside .submenuContainer > div ul.level_1 > li ul li a { color: #505050; text-decoration: none; } #header > .inside .submenuContainer > div ul.level_1 > li ul li a:hover { color: #6eaafb; } #header > .inside .submenuContainer > div ul.level_1 > li ul li.active, #header > .inside .submenuContainer > div ul.level_1 > li ul li.trail { color: #6eaafb; } #header > .inside .submenuContainer .closeButton { position: absolute; display: none; cursor: pointer; top: 0; right: 25%; } #header > .inside .submenuContainer .ce_text:not(.closeButton) { -webkit-box-sizing: border-box; box-sizing: border-box; height: 95%; border-left: 5px solid #c7c7c7; } #header > .inside .submenuContainer .ce_text:not(.closeButton) figure { margin: 0; width: 90%; margin: 5%; } #header > .inside .submenuContainer .ce_text:not(.closeButton) figure img { display: block; width: 100%; height: auto; } #header > .inside .submenuContainer .ce_text:not(.closeButton) p { font-size: 1.5rem; margin: 5%; } @media screen and (max-width: 1024px) { #header > .inside .submenuContainer { font-size: 1.7rem; } #header > .inside .submenuContainer > div { display: none; margin-top: 3.5vw; min-height: 28vw; } #header > .inside .submenuContainer > div ul.level_1 li ul li { padding: 0.5vw 0; } #header > .inside .submenuContainer > div .closeButton { display: block; } } /* Widgetbar ist vorhanden */ #main figure { margin: 0; } #main figure.float_below { margin-top: 1em; } #main .lpc-consent-reset { font-size: 1.9rem; } @media screen and (max-width: 1024px) and (min-width: 641px) { #main .lpc-consent-reset { font-size: 3rem; } } #main a { color: #15438f; } #main a:hover { color: #ffd252; } #main ul li { font-size: 1.9rem; font-weight: 300; line-height: 1.5em; } #main table { font-size: 1.6rem; } #main table tr td { padding: 0.5vw; } #main table tr td a { color: #505050; text-decoration: none; } #main table tr td a:hover { color: #ffd252; } #main table tr:nth-child(2n) { background-color: #efefef; } #main .teaserContainer { margin-top: 3vw; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } #main .teaserContainer > div { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } #main .teaserContainer > div h2 { position: absolute; font-weight: normal; top: 0; left: 0.5vw; font-size: 2.2rem; } #main .teaserContainer > div .ce_image { overflow: visible; } #main .teaserContainer > div .ce_image > figure { width: 100%; } #main .teaserContainer > div .ce_image > figure img { display: block; width: 100%; height: auto; max-height: none; } #main .teaserContainer > div .ce_text { padding: 0 0.5vw; } #main .teaserContainer > div .ce_hyperlink { padding: 0 0.5vw; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; margin-top: auto; } #main .teaserContainer > div .ce_hyperlink a { display: block; border: 1px solid #4b6ba2; color: #4b6ba2; text-decoration: none; padding: 0.5vw 2vw; } #footer { margin-top: 3vw; } #footer > .inside > .contentContainer:not(.lowerFooter) { width: 90%; margin: 0 auto; } #footer > .inside .topFooter h2 { color: #FFFFFF; font-size: 2.8rem; background-color: #6eaafb; padding: 0.5vw 0; width: 100%; text-align: center; margin: 1vw 0 1vw 0; } #footer > .inside .topFooter .ce_image figure { margin: 0; text-align: center; } #footer > .inside .topFooter ul { list-style-type: none; padding: 0; } #footer > .inside .topFooter ul li { padding: 0.5vw; font-size: 2.1rem; font-weight: 300; } #footer > .inside .topFooter ul li a { color: #505050; text-decoration: none; } #footer > .inside .topFooter ul li a:hover { text-decoration: underline; } #footer > .inside .topFooter ul li span { color: #ffd252; } #footer > .inside .topFooter .left { float: left; } #footer > .inside .topFooter .right { width: 30%; float: right; margin-right: 2vw; } #footer > .inside .topFooter .right figure { width: 100%; } #footer > .inside .topFooter .right figure img { width: 100%; height: auto; } #footer > .inside .contentContainer.middleFooter { margin-bottom: 1vw !important; } #footer > .inside .contentContainer.middleFooter .socialMedia { margin-bottom: 5vw; overflow: visible; } #footer > .inside .contentContainer.middleFooter .socialMedia p { text-align: center; margin: 0; display: -webkit-box; display: -ms-flexbox; display: flex; display: -webkit-flex; -ms-flex-pack: distribute; justify-content: space-around; -webkit-justify-content: space-around; } #footer > .inside .contentContainer.middleFooter .socialMedia p a { margin: 0 1vw; display: inline-block; width: 3vw; height: 3vw; } #footer > .inside .contentContainer.middleFooter .socialMedia p a img { display: block; width: auto; height: 100%; } #footer > .inside .contentContainer.middleFooter .copyright { text-align: center; } #footer > .inside .contentContainer.middleFooter .copyright p { margin: 0; line-height: 3vw; font-size: 2.1rem; } #footer > .inside .lowerFooter { padding: 2vw 5%; background-color: #15438f; color: #FFFFFF; text-align: center; } #footer > .inside .lowerFooter p { margin: 0; font-size: 2rem; } #footer > .inside .lowerFooter p a { color: #FFFFFF; } #footer > .inside .lowerFooter .footerWappen { text-align: center; } #footer > .inside .lowerFooter .footerWappen figure { margin: 1vw auto; width: 6vw; } #footer > .inside .lowerFooter .footerWappen figure img { display: block; width: 100%; height: auto; } @media screen and (max-width: 640px) { /* Offcanvas Menu Styles */ #mobileNavigation.mm-menu { background-color: #677079; color: #FFFFFF; font-size: 6vw; } #mobileNavigation.mm-menu .mm-panels > .mm-panel { padding-left: 0; } #mobileNavigation.mm-menu .mm-panels > .mm-panel .mm-navbar .mm-prev::before { border-color: rgb(110, 170, 251); } #mobileNavigation.mm-menu .mm-panels > .mm-panel .mm-navbar .mm-title { color: #6eaafb; } #mobileNavigation.mm-menu .mm-panels > .mm-panel ul li { padding-left: 20px; border-color: #FFFFFF; } #mobileNavigation.mm-menu .mm-panels > .mm-panel ul li .active { background-color: #e2ddbc; color: #505050; } #mobileNavigation.mm-menu .mm-panels > .mm-panel ul li .mm-next { border-color: #FFFFFF; } #mobileNavigation.mm-menu .mm-panels > .mm-panel ul li .mm-next::after { border-color: rgb(255, 255, 255); } .mm-menu, .mm-panels, .mm-panels > .mm-panel { z-index: 1 !important; } /* Ende Navigation */ body { background: none; } body #wrapper { width: 100%; } #header > .inside { width: 100%; } #header > .inside #topNav { display: none; } #header > .inside .contentContainer { margin: 0; } #header > .inside .logo { width: 80%; margin: 0 auto; } #header > .inside .logo figure { margin: 5vw 0; } #header > .inside .mobileHeader { margin-bottom: 4vw; display: -webkit-box; display: -ms-flexbox; display: flex; display: -webkit-flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-justify-content: space-between; } #header > .inside .mobileHeader .wappenInverted { margin-top: 2vw; margin-bottom: 4vw; text-align: center; } #header > .inside .mobileHeader .closeButton, #header > .inside .mobileHeader .openButton { display: block; width: 20%; } #header > .inside .mobileHeader .closeButton figure, #header > .inside .mobileHeader .openButton figure { margin: 0; width: auto; text-align: center; } #header > .inside .mobileHeader .closeButton figure img, #header > .inside .mobileHeader .openButton figure img { display: inline-block; width: 12vw; height: auto; } #header > .inside .mobileHeader .mod_search { width: 70%; display: block; margin-left: 0; margin-right: 6vw; } #header > .inside .mobileHeader .mod_search input[type=search] { height: 12vw; background-size: contain; } #footer > .inside .topFooter h2 { font-size: 4.5rem; } #footer > .inside .topFooter ul li { font-size: 3.5rem; padding: 1vw 0; } #footer > .inside .contentContainer.middleFooter { margin-bottom: 5vw !important; } #footer > .inside .contentContainer.middleFooter .socialMedia p a { height: auto; width: auto; } #footer > .inside .contentContainer.middleFooter .copyright { display: none; } #footer > .inside .lowerFooter p { font-size: 4rem; } #footer > .inside .lowerFooter > .ce_text { display: none; } #footer > .inside .lowerFooter .footerWappen figure { margin: 8vw auto; width: 20%; } } @media screen and (max-width: 1024px) and (min-width: 641px) { body { background: none; } body h2 { font-size: 4.4rem; } body p { font-size: 2.6rem; font-weight: normal; } body #wrapper { width: 100%; } body #wrapper #header .inside .submenuContainer > div ul.level_1 > li, body #wrapper #header .inside .submenuContainer .ce_text:not(.closeButton) p { font-size: 1.7rem; } body #wrapper #header .inside #font-resizer { padding-top: 2rem; } body #wrapper #header .inside #topNav { display: block; float: right; } body #wrapper #header .inside #topNav ul { font-size: 2.6rem; } body #wrapper #header .inside #mainNav { width: 100%; text-align: center; } body #wrapper #header .inside #mainNav ul { display: inline-block; } body #wrapper #header .inside #mainNav ul li { display: inline; font-size: 3rem; } body #wrapper #header .inside div.mod_search { width: 100%; } body #wrapper #header .inside div.mod_search form { width: 65%; margin: 2vw auto; } body #wrapper #header .inside div.logo { clear: both; } body #wrapper #header .inside div.logo figure { max-width: 680px; margin-left: auto; margin-right: auto; } body #wrapper #header .inside div.logo figure img { display: block; margin: 0 auto; } body #wrapper #container #main .inside { width: 100%; } body #wrapper #container #main .inside .dateBlock span.year { font-size: 2.2rem; } body #wrapper #container #main .inside .dateBlock span.day { font-size: 2.8rem; } body #wrapper #container #main .inside .dateBlock span.month { font-size: 2.2rem; padding-top: 1.5vw; } body #wrapper #container #main .inside .aktuelles { height: auto; } body #wrapper #container #main .inside .aktuelles h2 { margin-top: 1vw; font-size: 3.5rem; line-height: 3vw; } body #wrapper #container #main .inside .aktuelles p { font-size: 2.6rem; } body #wrapper #container #main .inside .aktuelles p:first-child { margin-top: 1vw; } body #wrapper #container #main .inside .information { padding: 0 2vw; } body #wrapper #container #main .inside .information .mod_newslist .news h2 { font-size: 2.2rem; } body #wrapper #container #main .inside .information .span_2_of_4 { width: 100%; margin: 2% 0 0 0; } body #wrapper #container #main .inside .information div.randomArticle div.backgroundImage { width: 50%; float: left; } body #wrapper #container #main .inside .information div.randomArticle div.backgroundImage img { height: 100%; width: 100%; } body #wrapper #container #main .inside .information div.randomArticle div.overlayText { width: 50%; height: 100%; float: left; position: initial; } body #wrapper #container #main .inside .information div.addInfo { height: auto; } body #wrapper #container #main .inside .information div.addInfo div.bgOrange { height: auto; min-height: 29rem; width: 49.2%; margin-right: 1.8%; } body #wrapper #container #main .inside .information div.addInfo div.bgOrange h2 { margin-bottom: 1vw; } body #wrapper #container #main .inside .information div.addInfo div.bgOrange p { line-height: 1.2; } body #wrapper #container #main .inside .information div.addInfo div.bgBlue { height: auto; min-height: 29rem; width: 49%; } body #wrapper #container #main .inside .information div.addInfo div.bgBlue h2 { margin-bottom: 1vw; } body #wrapper #container #main .inside .information div.addInfo div.tabControl { height: auto; margin-top: 2%; } body #wrapper #container #main .inside .information div.addInfo div.tabControl .tabToggler.bgBeige, body #wrapper #container #main .inside .information div.addInfo div.tabControl .tabToggler.bgLightBlue { height: auto; min-height: 10rem; } body #wrapper #container #main .inside .information div.addInfo div.tabContentContainer div.tab_mitteilungen .ce_text p { padding: 1% 3%; } body #wrapper #container #main .inside .information div.addInfo div.tabContentContainer div.tab_mitteilungen div.news h2 { margin: 2% 0 0 0; } body #wrapper #container #main .inside .information div.addInfo div.tabContentContainer div.tab_mitteilungen div.news div.teaser p { margin-top: 4%; } body #wrapper #container #main .inside .information div.addInfo div.tabContentContainer div.tab_veranstaltungen .ce_text p { padding: 1% 3%; } body #wrapper #container #main .inside .information div.addInfo div.tabContentContainer div.tab_veranstaltungen h2 { font-size: 2.5rem; margin: 2% 0 0 0; } body #wrapper #container #main .inside .information div.addInfo div.tabContentContainer div.tab_veranstaltungen div.teaser p { margin-top: 4%; } body #wrapper #container #main .inside .teaserContainer { padding: 2% 2vw 0 2vw; } body #wrapper #container #main .inside .teaserContainer > div .ce_hyperlink { font-size: 3rem; } body #wrapper #container #main .inside .teaserContainer .span_1_of_4 { width: 49.2%; } body #wrapper #container #main .inside .teaserContainer div.teaser1, body #wrapper #container #main .inside .teaserContainer div.teaser3 { margin-right: 1.6%; margin-left: 0; } body #wrapper #container #main .inside .teaserContainer div.teaser2, body #wrapper #container #main .inside .teaserContainer div.teaser4 { margin-right: 0; margin-left: 0; } body #wrapper #footer div.topFooter { width: 96%; } body #wrapper #footer div.topFooter h2 { font-size: 3.5rem; } body #wrapper #footer div.topFooter li { padding: 0.4vw; font-size: 3rem; font-weight: normal; } body #wrapper #footer div.topFooter .span_1_of_4 { width: 49.2%; margin: 0; } body #wrapper #footer div.topFooter .span_1_of_4:first-child { margin-right: 1.6%; } body #wrapper #footer div.topFooter .span_2_of_4 { width: 100%; margin: 5% 0 0 0; } body #wrapper #footer div.middleFooter .socialMedia { display: none; } body #wrapper #footer div.middleFooter .copyright { width: 96%; margin: 2% 0 0 0; } body #wrapper #footer div.middleFooter .copyright p { font-size: 2.8rem; } body #wrapper #footer div.middleFooter .mod_search { width: 96%; float: none; } body #wrapper #footer div.middleFooter .mod_search div.formbody { text-align: center; } body #wrapper #footer div.middleFooter .mod_search div.formbody input[type=search] { width: 70%; } body #wrapper #footer div.lowerFooter .ce_text, body #wrapper #footer div.lowerFooter .footerWappen { width: 100%; margin: 0; } body #wrapper #footer div.lowerFooter p { font-size: 2.8rem; } body #wrapper #footer div.lowerFooter a { padding: 0 0.8vw; } body #wrapper #footer div.lowerFooter .notMobile { display: none; } } @media screen and (max-width: 640px) { .span_1_of_4, .span_2_of_4, .span_3_of_4, .span_4_of_4 { width: 100%; } .col { margin: 1% 0 1% 0; } #header div.mod_breadcrumb { display: none; } #footer > .inside > .contentContainer:not(.lowerFooter) { width: 90% !important; } #footer > .inside .topFooter ul li { font-weight: normal; } #footer > .inside .lowerFooter .footerWappen figure { margin: 3vw auto 0; } #footer > .inside .lowerFooter div.contentContainer div.contentContainer p { line-height: 4vw; } } /* pt-sans-regular - latin */ @font-face { font-family: "FontAwesome"; font-style: normal; font-weight: 400; src: url("../../files/fonts/fa-solid-900.eot"); /* IE9 Compat Modes */ src: url("../../files/fonts/fa-solid-900.eot?#iefix") format("embedded-opentype"), url("../../files/fonts/fa-solid-900.woff2") format("woff2"), url("../../files/fonts/fa-solid-900.woff") format("woff"), url("../../files/fonts/fa-solid-900.ttf") format("truetype"), url("../../files/fonts/fa-solid-900.svg") format("svg"); /* Legacy iOS */ } #container p > a, #footer a { text-decoration: none; } #container p > a:hover, #footer a:hover { text-decoration: underline; } #container p > a::before, #container p > strong a::before, #footer a::before, .ce_hyperlink a::before, .ce_download a::before, #container h2 > span a[href$=pdf]::before, #container h2 > strong a[href$=pdf]::before, #container .leistungenMain ul li a::before { font-family: "FontAwesome"; content: "\f061"; padding-right: 5px; text-decoration: none; } #container p > strong a[href*="http://"], #container p > strong a { text-decoration: none; } #container p > a[href^="http://"]:not([href*="philippsburg.de"])::before, #container p > strong a[href^="http://"]:not([href*="philippsburg.de"])::before, #footer a[href^="http://"]:not([href*="philippsburg.de"])::before, #container p > a[href^="http://"]:not([href*="www.philippsburg.de"])::before, #container p > strong a[href^="http://"]:not([href*="www.philippsburg.de"])::before, #footer a[href^="http://"]:not([href*="www.philippsburg.de"])::before, #container p > a[href^="https://"]:not([href*="philippsburg.de"])::before, #container p > strong a[href^="https://"]:not([href*="philippsburg.de"])::before, #footer a[href^="https://"]:not([href*="philippsburg.de"])::before, #container p > a[href^="//"]:not([href*="philippsburg.de"])::before, #container p > strong a[href^="//"]:not([href*="philippsburg.de"])::before, #footer a[href^="//"]:not([href*="philippsburg.de"])::before, #container p > a[href^="http://"]:not([href*="webdev16.lpc-computer.de"])::before, #container p > strong a[href^="http://"]:not([href*="webdev16.lpc-computer.de"])::before, #footer a[href^="http://"]:not([href*="webdev16.lpc-computer.de"])::before, #container p > a[href^="https://"]:not([href*="webdev16.lpc-computer.de"])::before, #container p > strong a[href^="https://"]:not([href*="webdev16.lpc-computer.de"])::before, #footer a[href^="https://"]:not([href*="webdev16.lpc-computer.de"])::before, #container p > a[href^="//"]:not([href*="webdev16.lpc-computer.de"])::before, #container p > strong a[href^="//"]:not([href*="webdev16.lpc-computer.de"])::before, #footer a[href^="//"]:not([href*="webdev16.lpc-computer.de"])::before, .ce_hyperlink a[href^="//"]:not([href*="philippsburg.de"])::before, .ce_hyperlink a[href^="https://"]:not([href*="philippsburg.de"])::before, .ce_hyperlink a[href^="http://"]:not([href*="philippsburg.de"])::before, .ce_hyperlink a[href^="//"]:not([href*="webdev16.lpc-computer.de"])::before, .ce_hyperlink a[href^="https://"]:not([href*="webdev16.lpc-computer.de"])::before, .ce_hyperlink a[href^="http://"]:not([href*="webdev16.lpc-computer.de"])::before { font-family: "FontAwesome"; padding-right: 5px; text-decoration: none; content: "\f0ac"; } #container p > a[href$=pdf]::before, #container p > strong a[href$=pdf]::before, #container h2 > span a[href$=pdf]::before, #container h2 > strong a[href$=pdf]::before, .ce_download a[href$=pdf]::before, .ce_downloads a[href$=pdf]::before { font-family: "FontAwesome"; padding-right: 5px; text-decoration: none; content: "\f1c1"; } #container p > a[href*="mailto:"]::before, #container p > strong a[href*="mailto:"]::before, #footer a[href*="mailto:"]::before { font-family: "FontAwesome"; padding-right: 5px; text-decoration: none; content: "\f0e0"; } .socialMedia a::before { display: none; } .no-before::before { display: none; } #font-resizer { float: right; } #font-resizer .font-resizer-inner { display: -webkit-box; display: -ms-flexbox; display: flex; display: -webkit-flex; padding: 0.5rem 0.25rem; } #font-resizer .font-resizer-inner .font-resizer { height: 3.5rem; width: 3.5rem; border: none; background-color: #10458e; display: -webkit-box; display: -ms-flexbox; display: flex; display: -webkit-flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-justify-content: flex-end; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-align-items: center; border-radius: 3px; } #font-resizer .font-resizer-inner .color-contrast { margin-right: 0.25rem; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-justify-content: center; } #font-resizer .font-resizer-inner .color-contrast::after { content: "\f042"; font-family: "FontAwesome"; font-size: 1.55rem !important; color: white; } #font-resizer .font-resizer-inner .font-resizer-decrease { margin-right: 0.25rem; } #font-resizer .font-resizer-inner .font-resizer-decrease::after { content: "\f031"; font-family: "FontAwesome"; font-size: 1.25rem !important; margin-bottom: 0.3rem; color: white; } #font-resizer .font-resizer-inner .font-resizer-increase::after { content: "\f031"; font-family: "FontAwesome"; font-size: 1.75rem !important; margin-bottom: 0.3rem; color: white; } @media (max-width: 1024px) { .submenuContainer > div { height: auto; } .submenuContainer .closeButton { display: none !important; } } .aktuellesUp { text-align: center; } .aktuellesUp:hover { text-decoration: none; } .aktuellesUp::after { content: "\f077"; font-family: "FontAwesome"; color: white; font-size: 3.6rem; } .aktuellesDown { text-align: center; } .aktuellesDown:hover { text-decoration: none; } .aktuellesDown::after { content: "\f078"; font-family: "FontAwesome"; color: white; font-size: 3.6rem; } #main > .inside .doSlick .slick-prev::after { content: "\f053"; font-family: "FontAwesome"; color: #e2ddbc; font-size: 50px; } #main > .inside .doSlick .slick-next::after { content: "\f054"; font-family: "FontAwesome"; color: #e2ddbc; font-size: 50px; } #main > .inside .doSlick .slick-prev, #main > .inside .doSlick .slick-next { background: none !important; overflow: visible; } .only-high-contrast { display: none; } .high-contrast .only-high-contrast { display: block; } .high-contrast * { -webkit-box-sizing: border-box; box-sizing: border-box; } .high-contrast #font-resizer .font-resizer-inner .font-resizer { background-color: white; border: 2px solid black; } .high-contrast #font-resizer .font-resizer-inner .font-resizer::after { color: black; } .high-contrast #header > .inside #mainNav ul li a, .high-contrast #left a, .high-contrast #left a:hover, .high-contrast #left .mod_navigation ul.level_2 > li > span { color: black; } .high-contrast #main > .inside div.aktuelles, .high-contrast #main > .inside .information div.randomArticle .overlayText, .high-contrast #main > .inside .information .addInfo div.bgOrange, .high-contrast #main > .inside .information .addInfo div.bgBlue, .high-contrast #main > .inside .information .addInfo .tabControl .tabToggler.bgBeige, .high-contrast #main > .inside .information .addInfo .tabControl .tabToggler.bgLightBlue, .high-contrast #main > .inside .information .addInfo .tabContentContainer .tabContent.bgBeige, .high-contrast #main > .inside .information .addInfo .tabControl .tabToggler.bgBeige button, .high-contrast #main > .inside .information .addInfo .tabContentContainer .tabContent.bgLightBlue, .high-contrast #main > .inside .information .addInfo .tabControl .tabToggler.bgLightBlue button, .high-contrast #footer > .inside .topFooter h2, .high-contrast #footer > .inside .lowerFooter, .high-contrast #header > .inside .submenuContainer > div, .high-contrast #main > .inside .doSlick .sliderElement, .high-contrast .mod_search input[type=search], .high-contrast #main > .inside .ce_accordion .toggler, .high-contrast #main > .inside #serviceBWRestLebenslagen #tabMenu li, .high-contrast #main > .inside #serviceBWRestLeistung #tabMenu li { background-color: white; border: 2px solid black; color: black; } .high-contrast #main > .inside div.aktuelles *, .high-contrast #main > .inside .information div.randomArticle .overlayText *, .high-contrast #main > .inside .information .addInfo div.bgOrange *, .high-contrast #main > .inside .information .addInfo div.bgBlue *, .high-contrast #main > .inside .information .addInfo .tabControl .tabToggler.bgBeige *, .high-contrast #main > .inside .information .addInfo .tabControl .tabToggler.bgLightBlue *, .high-contrast #main > .inside .information .addInfo .tabContentContainer .tabContent.bgBeige *, .high-contrast #main > .inside .information .addInfo .tabControl .tabToggler.bgBeige button *, .high-contrast #main > .inside .information .addInfo .tabContentContainer .tabContent.bgLightBlue *, .high-contrast #main > .inside .information .addInfo .tabControl .tabToggler.bgLightBlue button *, .high-contrast #footer > .inside .topFooter h2 *, .high-contrast #footer > .inside .lowerFooter *, .high-contrast #header > .inside .submenuContainer > div *, .high-contrast #main > .inside .doSlick .sliderElement *, .high-contrast .mod_search input[type=search] *, .high-contrast #main > .inside .ce_accordion .toggler *, .high-contrast #main > .inside #serviceBWRestLebenslagen #tabMenu li *, .high-contrast #main > .inside #serviceBWRestLeistung #tabMenu li * { color: black !important; } .high-contrast #main > .inside .information .addInfo .tabControl .tabToggler.bgLightBlue button, .high-contrast #main > .inside .information .addInfo .tabControl .tabToggler.bgBeige button { border: none; } .high-contrast #startseite .information .mod_newslist .slick-prev, .high-contrast #startseite .information .mod_eventlist .slick-prev, .high-contrast #startseite .information .mod_newslist .slick-next, .high-contrast #startseite .information .mod_eventlist .slick-next { border-color: black; } .high-contrast #startseite .information .mod_newslist .slick-prev:before, .high-contrast #startseite .information .mod_eventlist .slick-prev:before, .high-contrast #startseite .information .mod_newslist .slick-next:before, .high-contrast #startseite .information .mod_eventlist .slick-next:before, .high-contrast #footer > .inside .topFooter h2, .high-contrast #header > .inside .submenuContainer > div ul.level_1 > li ul li.active, .high-contrast #header > .inside .submenuContainer > div ul.level_1 > li ul li.trail, .high-contrast #header > .inside .submenuContainer > div ul.level_1 > li > a, .high-contrast #main a:hover, .high-contrast #main a, .high-contrast #main > .inside h1, .high-contrast #header .mod_breadcrumb ul li:hover, .high-contrast #header .mod_breadcrumb ul li:hover a, .high-contrast #right a, .high-contrast #right a:hover, .high-contrast #left a, .high-contrast #left a:hover, .high-contrast #footer > .inside .topFooter ul li span, .high-contrast #left .mod_article a:hover, .high-contrast #left .mod_article a { color: black; } .high-contrast #main > .inside .ce_accordion .toggler.ui-state-active, .high-contrast #main > .inside #serviceBWRestLebenslagen #tabMenu li.selected, .high-contrast #main > .inside #serviceBWRestLeistung #tabMenu li.selected { background-color: black; color: white !important; } .high-contrast #main > .inside .information .addInfo .tabContentContainer .tabContent .mod_eventlist .item, .high-contrast #main > .inside .information .addInfo .tabContentContainer .tabContent .mod_newslist .item { border: 1px solid black; } .high-contrast #main .teaserContainer > div .ce_hyperlink a { border-color: black; color: black; } .high-contrast .aktuellesUp, .high-contrast .aktuellesDown { text-decoration: none; } .high-contrast .aktuellesUp::after, .high-contrast .aktuellesDown::after { color: black; } .high-contrast .teaser1 .ce_image, .high-contrast .teaser2 .ce_image, .high-contrast .teaser3 .ce_image, .high-contrast .teaser4 .ce_image { display: none; } .high-contrast .teaser1 h2, .high-contrast .teaser2 h2, .high-contrast .teaser3 h2, .high-contrast .teaser4 h2 { position: relative !important; } .high-contrast #main > .inside .doSlick .slick-prev { background: none; } .high-contrast #main > .inside .doSlick .slick-prev::after { content: "\f053"; font-family: "FontAwesome"; color: black; font-size: 50px; } .high-contrast #main > .inside .doSlick .slick-next { background: none; } .high-contrast #main > .inside .doSlick .slick-next::after { content: "\f054"; font-family: "FontAwesome"; color: black; font-size: 50px; } .high-contrast .mod_search input[type=search] { background: none !important; } .high-contrast .mod_search { position: relative; } .high-contrast .mod_search::after { content: "\f002"; font-family: "FontAwesome"; color: black; font-size: 25px; position: absolute; right: 5px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .rsts-prev:focus, .rsts-next:focus { outline: 2px solid white; } .slick-prev:focus, .slick-next:focus { outline: 2px solid black; } .mime_icon { display: none; } body { background: white !important; overflow-x: hidden; } @media (max-width: 1800px) { .starteite-neu { width: 95% !important; } } #teaser { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } #teaser .span_1_of_4 { width: 24.6%; } #teaser .span_2_of_4 { height: 67.6rem; } @media (min-width: 3000px) { #teaser { -ms-flex-wrap: wrap; flex-wrap: wrap; } #teaser .span_1_of_4 { width: 49.5%; } #teaser .span_2_of_4 { width: 100%; } #teaser .appearance { height: 67.6rem; } #teaser .appearance::before { -webkit-box-shadow: inset 0px -100px 24px 6px rgba(0, 0, 0, 0.4); box-shadow: inset 0px -100px 24px 6px rgba(0, 0, 0, 0.4); } } @media (max-width: 1800px) { #teaser { -ms-flex-wrap: wrap; flex-wrap: wrap; } #teaser .span_1_of_4 { width: 49.5%; } #teaser .span_2_of_4 { width: 100%; } #teaser .appearance { height: 67.6rem; } #teaser .appearance::before { -webkit-box-shadow: inset 0px -100px 24px 6px rgba(0, 0, 0, 0.4); box-shadow: inset 0px -100px 24px 6px rgba(0, 0, 0, 0.4); } } @media (max-width: 1024px) { #teaser { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } #teaser .span_1_of_4 { width: 100%; } #teaser .span_1_of_4:nth-of-type(1) { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } #teaser .span_1_of_4:nth-of-type(2) { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } #teaser .span_2_of_4 { width: 100%; height: 100%; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } #teaser .appearance { height: 50vh; } } .appearance { margin: 1vw 0; position: relative; background-position: center; background-repeat: no-repeat; background-size: cover; height: 57.6rem; } .appearance::before { position: absolute; height: 100%; width: 100%; content: ""; background-color: rgba(0, 0, 0, 0.2); -webkit-box-shadow: inset 0px -50px 24px 6px rgba(0, 0, 0, 0.4); box-shadow: inset 0px -50px 24px 6px rgba(0, 0, 0, 0.4); } .appearance .appearance__headline { position: absolute; bottom: 2.5rem; left: 2rem; color: white; font-weight: 400; } @media (max-width: 640px) { .appearance .appearance__headline { top: 25%; } } .appearance .appearance__button { position: absolute; bottom: 2rem; left: 2rem; text-decoration: none; color: white !important; } .appearance .appearance__button::before { font-family: "FontAwesome"; content: "\f061"; padding-right: 5px; text-decoration: none; } .appearance .appearance__button:hover { text-decoration: underline; } .veranstaltungen-startseite { background-color: #15438f; margin: 1vw 0; overflow: hidden; padding: 2rem 2rem 6rem 2rem; position: relative; height: 49.6rem; } @media (max-width: 1800px) { .veranstaltungen-startseite { height: 57.6rem; padding: 2rem 2rem 8rem 2rem; } } @media (min-width: 3000px) { .veranstaltungen-startseite { height: 59.6rem; } } @media (max-width: 1024px) { .veranstaltungen-startseite { height: inherit; } } .veranstaltungen-startseite h2 { margin: 0 0 2rem 0; color: white; } @media (max-width: 1024px) { .veranstaltungen-startseite h2 { text-align: center; } } .veranstaltungen-startseite .ce_text { position: absolute; bottom: 0; left: 2rem; } .veranstaltungen-startseite .ce_text p { font-size: 1.8rem; line-height: 1.3; font-weight: 300; margin: 1rem 0; } @media (max-width: 1024px) { .veranstaltungen-startseite .ce_text p { font-size: 2.2rem !important; } } .veranstaltungen-startseite .ce_text * { color: white !important; } .veranstaltungen-startseite .mod_eventlist h4 { color: white !important; font-size: 1.75rem !important; margin: 1rem 0; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } @media (max-width: 1024px) { .veranstaltungen-startseite .mod_eventlist h4 { font-size: 2.5rem !important; } } .veranstaltungen-startseite .mod_eventlist h4 a { color: white !important; text-decoration: none; font-size: 1.75rem !important; margin: 1rem 0; } @media (max-width: 1024px) { .veranstaltungen-startseite .mod_eventlist h4 a { font-size: 2.5rem !important; } } .veranstaltungen-startseite .mod_eventlist h4 a:hover { text-decoration: underline; } .veranstaltungen-startseite .mod_eventlist p { font-size: 1.4rem; font-weight: 400; letter-spacing: 0px; line-height: 1.5; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: white; font-size: 1.5rem; margin: 0.25 0; } @media (max-width: 1024px) { .veranstaltungen-startseite .mod_eventlist p { font-size: 2rem !important; } } .veranstaltungen-startseite .mod_eventlist p .standart-img { display: block; } .veranstaltungen-startseite .mod_eventlist p .high-contrast-img { display: none; } .veranstaltungen-startseite .mod_eventlist p img { margin-right: 1rem; width: 1.5rem; height: auto; } @media (max-width: 1024px) { .veranstaltungen-startseite .mod_eventlist p img { width: 2rem !important; } } .veranstaltungen-startseite .mod_eventlist p span { font-size: 1.5rem; font-weight: 400; letter-spacing: 0; line-height: 1.5; margin-right: 0.3rem; color: #15438f; color: white; } @media (max-width: 1024px) { .veranstaltungen-startseite .mod_eventlist p span { font-size: 2rem !important; } } .veranstaltungen-startseite .mod_eventlist .layout_teaser:nth-of-type(2) { border-top: 1px solid rgba(255, 255, 255, 0.75); border-bottom: 1px solid rgba(255, 255, 255, 0.75); } .home-news { padding: 7.5rem 0; margin: 1vw 0 1.6% !important; height: 23.7rem; } @media (max-width: 1800px) { .home-news { margin: 0.5% 0 1.6% !important; } } .home-news .home-news_slider > .ce_text * { color: white !important; } .home-news .home-news_slider > .ce_text a { position: absolute; left: 1.5vw; bottom: 1.5vw; } @media (max-width: 767px) { .home-news .home-news_slider > .ce_text a { bottom: 7.5rem; } } .home-news .home-news_slider h3 a:hover { text-decoration: underline !important; } @media (max-width: 640px) { .home-news .home-news_slider h3 { line-height: 3rem !important; } } .home-news .home-news_slider .slick-control-panel { position: absolute; bottom: 0; right: 0; } @media (max-width: 767px) { .home-news .home-news_slider .slick-control-panel { width: 100%; } } .home-news .home-news_slider .slick-control-panel .slick-control-panel_inner { width: auto; position: relative; padding: 2rem 4rem 2rem 4rem; background: rgba(255, 255, 255, 0.33); display: -webkit-box; display: -ms-flexbox; display: flex; } .home-news .home-news_slider .slick-control-panel .slick-control-panel_inner .slick-dots { position: static; list-style: none; right: 0; margin: 0; bottom: 0; display: -webkit-box; display: -ms-flexbox; display: flex; } @media (max-width: 767px) { .home-news .home-news_slider .slick-control-panel .slick-control-panel_inner .slick-dots { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } .home-news .home-news_slider .slick-control-panel .slick-control-panel_inner .slick-dots .slick-active { background-color: white; border: 1px solid white; } .home-news .home-news_slider .slick-control-panel .slick-control-panel_inner .slick-dots li { width: 10px; height: 10px; background-color: rgba(255, 255, 255, 0); border: 1px solid white; border-radius: 50%; list-style: none; } .home-news .home-news_slider .slick-control-panel .slick-control-panel_inner .slick-dots li button::before { content: ""; } .home-news .home-news_slider .slick-control-panel .slick-control-panel_inner .slick-prev { left: 11px; -webkit-transform: translateY(-50%); transform: translateY(-50%); margin-top: -6px; } @media (max-width: 1400px) { .home-news .home-news_slider .slick-control-panel .slick-control-panel_inner .slick-prev { margin-top: -1px; left: 8px; } } @media (max-width: 767px) { .home-news .home-news_slider .slick-control-panel .slick-control-panel_inner .slick-prev { left: 15px; } } .home-news .home-news_slider .slick-control-panel .slick-control-panel_inner .slick-prev::before { content: ""; background-image: url("/files/philippsburg/Startseite-2024/Icon_awesome-chevron-right.svg"); background-size: contain; background-repeat: no-repeat; height: 3.5rem; display: block; opacity: 1; } @media (max-width: 1400px) { .home-news .home-news_slider .slick-control-panel .slick-control-panel_inner .slick-prev::before { height: 3rem; } } .home-news .home-news_slider .slick-control-panel .slick-control-panel_inner .slick-prev:focus { outline: 0; } .home-news .home-news_slider .slick-control-panel .slick-control-panel_inner .slick-next { right: 11px; -webkit-transform: translateY(-50%); transform: translateY(-50%); margin-top: -6px; } @media (max-width: 1400px) { .home-news .home-news_slider .slick-control-panel .slick-control-panel_inner .slick-next { margin-top: -1px; right: 0px; } } @media (max-width: 992px) { .home-news .home-news_slider .slick-control-panel .slick-control-panel_inner .slick-next { margin-top: 0; right: 2px; } } @media (max-width: 767px) { .home-news .home-news_slider .slick-control-panel .slick-control-panel_inner .slick-next { right: 9px; } } .home-news .home-news_slider .slick-control-panel .slick-control-panel_inner .slick-next::before { content: ""; background-image: url("/files/philippsburg/Startseite-2024/Icon_awesome-chevron-left.svg"); background-size: contain; background-repeat: no-repeat; height: 3.5rem; display: block; opacity: 1; } @media (max-width: 1400px) { .home-news .home-news_slider .slick-control-panel .slick-control-panel_inner .slick-next::before { height: 3rem; } } .home-news .home-news_slider .slick-control-panel .slick-control-panel_inner .slick-next:focus { outline: 0; } .home-news .news-slider-headline { position: absolute; font-size: 8.75rem; opacity: 0.2; top: 10%; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); font-weight: 600; } @media (max-width: 767px) { .home-news .news-slider-headline { font-size: 6rem; } } .home-news h3 { display: -webkit-box; -webkit-line-clamp: 2; /* Maksimum satır sayısı */ -webkit-box-orient: vertical; overflow: hidden; color: white; } .home-news h3 a { font-size: 2.5rem !important; } .home-news .teaser p { padding-right: 15%; } @media (max-width: 767px) { .home-news .teaser p { padding-right: 0; margin-bottom: 7.5rem; } } .search-box { background-color: #ffd252; padding: 1rem 2rem 2.1rem 2rem; } .search-box h1 { color: #15438f; margin-bottom: 3rem; font-weight: 400; } @media (max-width: 400px) { .search-box h1 { font-size: 1.5em; } } .search-box .mod_search { float: none; margin: 0; } .search-box .mod_search .search_container input { height: 6rem; background-color: transparent; border: 2px solid #15438f; } @media (max-width: 1024px) { .search-box .mod_search .search_container input { height: 8rem; } } .search-box .mod_search .search_container input::-webkit-input-placeholder { font-style: italic; color: #15438f; opacity: 1; font-size: 18px; } .search-box .mod_search .search_container input::-moz-placeholder { font-style: italic; color: #15438f; opacity: 1; font-size: 18px; } .search-box .mod_search .search_container input:-ms-input-placeholder { font-style: italic; color: #15438f; opacity: 1; font-size: 18px; } .search-box .mod_search .search_container input::-ms-input-placeholder { font-style: italic; color: #15438f; opacity: 1; font-size: 18px; } .search-box .mod_search .search_container input::placeholder { font-style: italic; color: #15438f; opacity: 1; font-size: 18px; } .search-box .mod_search .search_container button.search_img { background: #15438f; width: 7rem; height: 100%; } .search-box .mod_search .search_container button.search_img::after { content: url("/files/philippsburg/Startseite-2024/Icon_awesome-search.svg"); } @media (max-width: 1400px) { .search-box .mod_search .search_container button.search_img { width: 10rem; } } #mitteilungen-ausschreibungen { overflow: visible; } @media (max-width: 1400px) { #mitteilungen-ausschreibungen { overflow: hidden; } } .mitteilungen { position: relative; padding-bottom: 10rem; } .mitteilungen.col { margin: 0; } .mitteilungen h1 { margin: 1rem 0; font-size: 3.75rem; font-weight: 600; color: #15438f; opacity: 1; } .mitteilungen .header .dateBlock { font-weight: 600; color: #15438f !important; } .mitteilungen .header .dateBlock span { font-size: 1em; } @media (max-width: 1024px) { .mitteilungen .header .dateBlock span { font-size: 1.5em !important; } } @media (max-width: 640px) { .mitteilungen .header .dateBlock span { font-size: 0.75em !important; } } .mitteilungen .news h3 { display: -webkit-box; -webkit-line-clamp: 2; /* Maksimum satır sayısı */ -webkit-box-orient: vertical; overflow: hidden; margin-top: 1rem; margin-bottom: 6rem; -ms-hyphens: auto; hyphens: auto; } .mitteilungen .news h3 a { text-decoration: none; } .mitteilungen .news h3 a:hover { color: #15438f !important; text-decoration: underline; } .mitteilungen .news .more { font-weight: 400; position: absolute; right: 2rem; bottom: 0; } .mitteilungen .news .more a { text-decoration: none; font-size: 1.75rem; } .mitteilungen .news .more a::before { font-family: "FontAwesome"; content: "\f061"; padding-right: 5px; text-decoration: none; } .mitteilungen .news .more a:hover { color: #15438f !important; text-decoration: underline; } .mitteilungen .splide { position: static; } .mitteilungen .splide .splide__slide { width: 100%; margin-top: 2.5rem; background-color: #e2ddbc; padding: 2rem; margin-right: 14px; } @media (max-width: 1400px) { .mitteilungen .splide .splide__slide { margin-right: 4px; } } .mitteilungen .splide .splide__track { overflow: visible; } .mitteilungen .splide .splide__arrows { position: absolute; width: auto; height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; top: 0; right: 0; } @media (max-width: 500px) { .mitteilungen .splide .splide__arrows { left: 0; bottom: 2rem; right: auto; top: auto; } } .mitteilungen .splide .splide__arrow { background-color: #15438f; position: static; width: auto; height: 5rem; width: 5rem; border-radius: 0; -webkit-transform: none; transform: none; opacity: 1; } .mitteilungen .splide .splide__arrow:disabled { opacity: 0.3; pointer-events: none; } .mitteilungen .splide .splide__arrow [disabled] { display: none; } .mitteilungen .splide .splide__arrow svg { fill: white; } .mitteilungen .splide .splide__arrow--prev { margin-left: -11rem; } @media (max-width: 500px) { .mitteilungen .splide .splide__arrow--prev { margin-left: 0; margin-right: 1rem; } } #digitales-gemeinde { overflow: visible; } .gemeinde { height: 100%; width: 100%; padding: 2rem 0 7.5rem 0; position: relative; background-color: #e3efff !important; } .gemeinde::before { content: ""; position: absolute; width: 100vw; height: 100%; left: -100vw; background-color: #e3efff !important; top: 0; } @media (max-width: 1400px) { .gemeinde::before { display: none; } } .gemeinde::after { content: ""; position: absolute; width: 100vw; height: 100%; right: -100vw; background-color: #e3efff !important; top: 0; } @media (max-width: 1400px) { .gemeinde::after { display: none; } } .gemeinde > h1 { font-weight: 600; color: #15438f; font-size: 3.75rem; padding: 3rem 0 1rem 0; text-align: center; } .gemeinde .digital { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media (max-width: 1400px) { .gemeinde .digital { padding-left: 2%; padding-right: 2%; } } @media (max-width: 640px) { .gemeinde .digital { padding-left: 1%; padding-right: 1%; } } .gemeinde .digital .col { margin: 0% 0 1% 0%; } .gemeinde .digital .digital__box { height: 35rem; margin-bottom: 0.8%; width: 24.35%; } @media (max-width: 1024px) { .gemeinde .digital .digital__box { height: 55rem; width: 49.6%; } } @media (max-width: 650px) { .gemeinde .digital .digital__box { width: 100%; margin-bottom: 1%; } } .gemeinde .digital .digital__box.bg-image * { color: white !important; } .gemeinde .digital .digital__box.bg-image .digital_container { margin: 1vw 0; background-size: cover; background-position: center; background-position: center; height: 100%; width: 100%; position: relative; } @media (max-width: 640px) { .gemeinde .digital .digital__box.bg-image .digital_container { margin: 2vw 0; } } .gemeinde .digital .digital__box.bg-image .digital_container::before { position: absolute; height: 100%; width: 100%; content: ""; background-color: rgba(0, 0, 0, 0.2); -webkit-box-shadow: inset 0px -50px 24px -7px rgba(0, 0, 0, 0.6); box-shadow: inset 0px -50px 24px -7px rgba(0, 0, 0, 0.6); } .gemeinde .digital .digital__box.bg-image .digital_container .digital__headline { position: absolute; left: 2rem; bottom: 2rem; font-size: 2em; padding-right: 2rem; padding-bottom: 2rem; font-weight: 400; hyphens: auto !important; -webkit-hyphens: auto !important; -ms-hyphens: auto !important; word-break: break-word !important; } .gemeinde .digital .digital__box.bg-image .digital_container .digital__headline * { font-size: 1em; font-weight: 400; } @media (max-width: 640px) { .gemeinde .digital .digital__box.bg-image .digital_container .digital__headline { bottom: 5rem; font-size: 1.5em; } } .gemeinde .digital .digital__box.bg-image .digital_container .digital__button { position: absolute; left: 2rem; bottom: 2rem; text-decoration: none; -ms-hyphens: auto; hyphens: auto; font-size: 1.5rem; font-weight: normal; margin: 0; } @media (max-width: 640px) { .gemeinde .digital .digital__box.bg-image .digital_container .digital__button { font-size: 0.85em; } } .gemeinde .digital .digital__box.bg-image .digital_container .digital__button::before { font-family: "FontAwesome"; content: "\f061"; padding-right: 5px; text-decoration: none; } .gemeinde .digital .digital__box.bg-image .digital_container .digital__button:hover { text-decoration: underline; } .gemeinde .digital .digital__box .digital_container { margin: 1vw 0; background-size: cover; background-position: center; background-position: center; height: 100%; width: 100%; position: relative; } @media (max-width: 640px) { .gemeinde .digital .digital__box .digital_container { margin: 2vw 0; } } .gemeinde .digital .digital__box .digital_container img { position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); top: 25%; height: 7.5rem; width: auto; } .gemeinde .digital .digital__box .digital_container .digital__headline { position: absolute; left: 2rem; bottom: 2rem; font-size: 2em; padding-right: 2rem; padding-bottom: 2rem; font-weight: 400; hyphens: auto; hyphens: auto !important; -webkit-hyphens: auto !important; -ms-hyphens: auto !important; word-break: break-word !important; } .gemeinde .digital .digital__box .digital_container .digital__headline * { font-size: 1em; font-weight: 400; } @media (max-width: 640px) { .gemeinde .digital .digital__box .digital_container .digital__headline { bottom: 5rem; font-size: 1.5em; } } .gemeinde .digital .digital__box .digital_container .digital__button { position: absolute; left: 2rem; bottom: 2rem; text-decoration: none; -ms-hyphens: auto; hyphens: auto; font-size: 1.5rem; font-weight: normal; margin: 0; } @media (max-width: 640px) { .gemeinde .digital .digital__box .digital_container .digital__button { font-size: 0.85em; } } .gemeinde .digital .digital__box .digital_container .digital__button::before { font-family: "FontAwesome"; content: "\f061"; padding-right: 5px; text-decoration: none; } .gemeinde .digital .digital__box .digital_container .digital__button:hover { text-decoration: underline; } @media (max-width: 1024px) { #footer > .inside > .contentContainer:not(.lowerFooter) { width: 100% !important; } } @media (max-width: 1400px) { #footer { overflow-x: hidden; } } .footerHome { height: 100%; padding: 3.5rem 0; background-color: #15438f; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; position: relative; } .footerHome .bankverbindungen { margin: 3rem 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media (max-width: 1200px) { .footerHome .bankverbindungen { margin: 0; } } @media (max-width: 1024px) { .footerHome .bankverbindungen { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } @media (max-width: 1024px) { .footerHome .bankverbindungen .ce_image { text-align: center; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; margin-bottom: 3.5rem; } } .footerHome .bankverbindungen .bank_container { text-align: center; padding: 0 1rem; } @media (max-width: 1024px) { .footerHome .bankverbindungen .bank_container { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } } .footerHome .bankverbindungen .bank_container * { color: white; } .footerHome .bankverbindungen .bank_container h1 { font-size: 2em; } @media (max-width: 1024px) { .footerHome .bankverbindungen .bank_container h1, .footerHome .bankverbindungen .bank_container p { font-size: 2rem !important; } } @media (max-width: 1200px) { .footerHome .bankverbindungen .bank_container h1 a::before, .footerHome .bankverbindungen .bank_container p a::before { display: none !important; } } @media (max-width: 640px) { .footerHome .bankverbindungen .bank_container h1, .footerHome .bankverbindungen .bank_container p { font-size: 2.5rem !important; } } .footerHome .footer-lower { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } @media (max-width: 1024px) { .footerHome .footer-lower { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } @media (max-width: 1024px) { .footerHome .footer-lower > p { text-align: center; } } .footerHome .footer-lower::before { content: ""; position: absolute; width: 100vw; height: 100%; left: -100vw; background-color: #15438f !important; top: 0; } .footerHome .footer-lower::after { content: ""; position: absolute; width: 100vw; height: 100%; right: -100vw; background-color: #15438f !important; top: 0; } .footerHome .footer-lower * { color: white; } @media (max-width: 1024px) { .footerHome .footer-lower .footerNav { left: auto; -webkit-transform: none; transform: none; position: relative; text-align: center; } } @media (max-width: 1024px) { .footerHome .footer-lower .ce_image { text-align: center; margin-top: 5rem; } } .footerHome .footer-lower .ce_image img { height: 9rem; width: auto; } @media (max-width: 1024px) { .footerHome .footer-lower .ce_image img { height: 100%; } } .locations > h1 { font-weight: 600; color: #15438f; font-size: 3.75rem; padding: 3rem 0 1rem 0; } .locations .location ul { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 0; width: 100%; border-bottom: 1px solid rgba(21, 67, 143, 0.3); margin: 5rem 0; } @media (max-width: 1200px) { .locations .location ul { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; text-align: center; } } .locations .location ul li { list-style: none; color: white; margin-right: 0; } .locations .location ul li a { text-decoration: none; font-size: 1.5rem; color: #1c2e2e; } .locations .location ul li a:hover { color: #15438f !important; } .locations .location ul li a h1 { margin: 0.67em; font-weight: 400; font-size: 1.5em; } .locations .location ul li.active { background: #15438f; } .locations .location ul li.active a { color: white !important; opacity: 1 !important; } .locations .location ul li.active a h1 { font-weight: 600; } .locations .location .location_container { display: none; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-hyphens: auto; hyphens: auto; } @media (max-width: 1200px) { .locations .location .location_container { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-bottom: 5rem; } .locations .location .location_container .digital__headline { margin: 3rem 0 !important; -ms-hyphens: auto; hyphens: auto; } } .locations .location .location_container .location_left { width: 60%; height: 100%; } @media (max-width: 1200px) { .locations .location .location_container .location_left { width: 100%; height: 100%; } } .locations .location .location_container .location_left img { height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: top; object-position: top; } .locations .location .location_container .location_right { width: 35%; } @media (max-width: 1200px) { .locations .location .location_container .location_right { width: 100%; } } .locations .location .location_container .location_right h1 { margin: 0.2em 0 0.67em 0; color: #15438f; font-weight: 600; } @media (max-width: 650px) { .locations .location .location_container .location_right h1 { font-size: 3.75rem; } } .locations .location .location_container .location_right .location_right_container { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; display: -webkit-box; display: -ms-flexbox; display: flex; } @media (max-width: 640px) { .locations .location .location_container .location_right .location_right_container { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .locations .location .location_container .location_right .location_right_container .contact { width: 40%; padding-right: 1rem; } @media (max-width: 1023px) { .locations .location .location_container .location_right .location_right_container .contact * { font-size: 2rem !important; } } @media (max-width: 640px) { .locations .location .location_container .location_right .location_right_container .contact { margin-bottom: 2.5rem; } } .locations .location .location_container .location_right .location_right_container .contact .contact_adress, .locations .location .location_container .location_right .location_right_container .contact .contact_tel, .locations .location .location_container .location_right .location_right_container .contact .contact_fax, .locations .location .location_container .location_right .location_right_container .contact .contact_email { font-weight: 600; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; color: #15438f; font-size: 1.5rem; } .locations .location .location_container .location_right .location_right_container .contact .contact_adress a::before, .locations .location .location_container .location_right .location_right_container .contact .contact_tel a::before, .locations .location .location_container .location_right .location_right_container .contact .contact_fax a::before, .locations .location .location_container .location_right .location_right_container .contact .contact_email a::before { display: none !important; } .locations .location .location_container .location_right .location_right_container .contact .contact_adress .standart-img, .locations .location .location_container .location_right .location_right_container .contact .contact_tel .standart-img, .locations .location .location_container .location_right .location_right_container .contact .contact_fax .standart-img, .locations .location .location_container .location_right .location_right_container .contact .contact_email .standart-img { display: block; } .locations .location .location_container .location_right .location_right_container .contact .contact_adress .high-contrast-img, .locations .location .location_container .location_right .location_right_container .contact .contact_tel .high-contrast-img, .locations .location .location_container .location_right .location_right_container .contact .contact_fax .high-contrast-img, .locations .location .location_container .location_right .location_right_container .contact .contact_email .high-contrast-img { display: none; } .locations .location .location_container .location_right .location_right_container .contact .contact_adress img, .locations .location .location_container .location_right .location_right_container .contact .contact_tel img, .locations .location .location_container .location_right .location_right_container .contact .contact_fax img, .locations .location .location_container .location_right .location_right_container .contact .contact_email img { margin-right: 1.5rem; width: 2rem; height: auto; } .locations .location .location_container .location_right .location_right_container .contact .contact_adress p { font-weight: 600; color: #15438f; font-size: 1.5rem; margin: 0; } .locations .location .location_container .location_right .location_right_container .contact .contact_email { margin-bottom: 3.5rem; } .locations .location .location_container .location_right .location_right_container .contact .contact_email a::before { display: none; } .locations .location .location_container .location_right .location_right_container .contact .contact_email a:hover { color: #15438f !important; } @media (max-width: 640px) { .locations .location .location_container .location_right .location_right_container .contact { width: 100%; } } .locations .location .location_container .location_right .location_right_container .contact_info { width: 60%; } @media (max-width: 640px) { .locations .location .location_container .location_right .location_right_container .contact_info { width: 100%; } } .locations .location .location_container .location_right .location_right_container .contact_info .contact_map { text-decoration: none; font-size: 1.2em; } @media (max-width: 640px) { .locations .location .location_container .location_right .location_right_container .contact_info .contact_map { font-size: 0.85em; } } @media (max-width: 1023px) { .locations .location .location_container .location_right .location_right_container .contact_info .contact_map { font-size: 2rem !important; } } .locations .location .location_container .location_right .location_right_container .contact_info .contact_map:hover { color: #15438f !important; text-decoration: underline; } .locations .location .location_container .location_right .location_right_container .contact_info .contact_map::before { font-family: "FontAwesome"; content: "\f061"; padding-right: 10px; text-decoration: none; } .locations .location .location_container .location_right .location_right_container .openinghours { padding: 1.25rem; background-color: #e2ddbc; height: 8rem; margin-bottom: 1.75rem; } @media (max-width: 1023px) { .locations .location .location_container .location_right .location_right_container .openinghours { height: 10rem; } } @media (max-width: 640px) { .locations .location .location_container .location_right .location_right_container .openinghours { height: 100%; } } .locations .location .location_container .location_right .location_right_container .openinghours h4 { color: #15438f; margin: 0; font-weight: 600; } @media (max-width: 1023px) { .locations .location .location_container .location_right .location_right_container .openinghours h4 { font-size: 2.5rem !important; } } .locations .location .location_container .location_right .location_right_container .openinghours p { font-weight: 400; color: #15438f; font-size: 1.5rem; } @media (max-width: 1023px) { .locations .location .location_container .location_right .location_right_container .openinghours p { font-size: 2rem !important; } } .locations .location .location_container.active { display: -webkit-box; display: -ms-flexbox; display: flex; } @media (max-width: 1023px) { .locations .location .bank h4 { font-size: 2.5rem !important; } .locations .location .bank p { font-size: 2rem !important; } } @media (max-width: 1200px) { .locations .location #tabs-1 .bank h4 { font-size: 2rem; } .locations .location #tabs-1 .bank p a::before { display: none !important; } } @media (min-width: 1201px) { .locations .location #tabs-1 .bank h4 { margin: 1rem 0; } .locations .location #tabs-1 .bank p { font-size: 1em; line-height: 1; margin: 0.5rem 0; } .locations .location #tabs-1 .bank p a::before { display: none !important; } } .bank { margin: 3rem 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media (max-width: 1200px) { .bank { margin: 0; } } @media (max-width: 640px) { .bank { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .bank .bank_container { text-align: center; padding: 0 1rem; } @media (max-width: 640px) { .bank .bank_container { text-align: left; } } .bank .bank_container * { color: #15438f; } .bank .bank_container h1 { font-size: 1.5em; } @media (max-width: 850px) { .bank .bank_container h1, .bank .bank_container p { font-size: 2rem !important; } } @media (max-width: 1200px) { .bank .bank_container h1 a::before, .bank .bank_container p a::before { display: none !important; } } @media (max-width: 640px) { .bank .bank_container h1, .bank .bank_container p { font-size: 2.5rem !important; } } #weitere-informationen { overflow: visible; } .infos > h1 { font-weight: 600; color: #15438f; font-size: 3.75rem; padding: 3rem 0 1rem 0; text-align: center; } .infos .infos_container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media (max-width: 1200px) { .infos .infos_container { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .infos .infos_container .info_menü { width: 17.6%; background-color: #15438f; height: 36rem; margin: 1vw 0.75% 0.75% 0; padding: 2rem; } @media (max-width: 1200px) { .infos .infos_container .info_menü { margin: 0; margin-bottom: 1%; width: calc(100% - 4rem); } .infos .infos_container .info_menü ul li a { font-size: 2rem; } } .infos .infos_container .info_menü * { color: white !important; } .infos .infos_container .info_menü h2 { margin-top: 0; } .infos .infos_container .info_menü ul { padding: 0; margin: 0; margin-top: 1rem; } .infos .infos_container .info_menü ul li { list-style: none; border-bottom: 1px solid white; padding: 1rem 0; } @media (max-width: 1800px) { .infos .infos_container .info_menü ul li { padding: 0.5rem 0; } } .infos .infos_container .info_menü ul li:nth-last-of-type(1) { border-bottom: none; padding-bottom: 0; } .infos .infos_container .info_menü ul li a { text-decoration: none; } .infos .infos_container .info_menü ul li a:hover { text-decoration: underline; } .infos .infos_container .info_menü ul li a::before { font-family: "FontAwesome"; content: "\f061"; padding-right: 10px; text-decoration: none; } .infos .infos_container .info { width: 80%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media (max-width: 1200px) { .infos .infos_container .info { width: 100%; } } .infos .infos_container .info .col { margin: 0% 0 1% 0%; } .infos .infos_container .info .info__box { height: 40rem; margin-bottom: 1%; width: 24.2%; } .infos .infos_container .info .info__box:nth-last-of-type(1) { margin-right: 0; } @media (max-width: 1024px) { .infos .infos_container .info .info__box { height: 55rem; margin-right: 0; width: 49.5%; } } @media (max-width: 650px) { .infos .infos_container .info .info__box { width: 100%; } } @media (max-width: 1024px) { .infos .infos_container .info .info__box:nth-child(odd) { margin-right: 1%; } } @media (max-width: 650px) { .infos .infos_container .info .info__box:nth-child(odd) { margin-right: 0; } } .infos .infos_container .info .info__box.bg-image * { color: white !important; } .infos .infos_container .info .info__box.bg-image .info_container { margin: 1vw 0; background-size: cover; background-position: center; background-position: center; height: 100%; width: 100%; position: relative; } @media (max-width: 640px) { .infos .infos_container .info .info__box.bg-image .info_container { margin: 0; } } .infos .infos_container .info .info__box.bg-image .info_container::before { position: absolute; height: 100%; width: 100%; content: ""; background-color: rgba(0, 0, 0, 0.2); -webkit-box-shadow: inset 0px -100px 24px -7px rgba(0, 0, 0, 0.4); box-shadow: inset 0px -100px 24px -7px rgba(0, 0, 0, 0.4); } .infos .infos_container .info .info__box.bg-image .info_container .info__headline { position: absolute; left: 2rem; bottom: 1rem; padding-right: 3rem; hyphens: auto !important; -webkit-hyphens: auto !important; -ms-hyphens: auto !important; word-break: break-word !important; } .infos .infos_container .info .info__box.bg-image .info_container .info__headline p { margin-bottom: 0; } .infos .infos_container .info .info__box.bg-image .info_container .info__headline * { font-size: 1em; font-weight: 400; } @media (max-width: 640px) { .infos .infos_container .info .info__box.bg-image .info_container .info__headline { font-size: 1.5em; } } .infos .infos_container .info .info__box .info_container { margin: 1vw 0; background-size: cover; background-position: center; background-position: center; height: 100%; width: 100%; position: relative; } @media (max-width: 640px) { .infos .infos_container .info .info__box .info_container { margin: 0; } } .infos .infos_container .info .info__box .info_container img { position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); top: calc(50% - 3rem); height: 6rem; width: auto; } .infos .infos_container .info .info__box .info_container .info__headline { position: absolute; left: 2rem; font-size: 2em; bottom: 1rem; padding-right: 3rem; hyphens: auto !important; -webkit-hyphens: auto !important; -ms-hyphens: auto !important; word-break: break-word !important; } .infos .infos_container .info .info__box .info_container .info__headline p { margin-bottom: 0; } .infos .infos_container .info .info__box .info_container .info__headline * { font-size: 1em; font-weight: 400; } @media (max-width: 640px) { .infos .infos_container .info .info__box .info_container .info__headline { font-size: 1.5em; } } .high-contrast .veranstaltungen-startseite { height: 57.6rem; } @media (max-width: 1800px) { .high-contrast .veranstaltungen-startseite { height: 67.6rem; } } .high-contrast .mitteilungen * { color: black !important; } .high-contrast .mitteilungen .news h3 a:hover { color: black !important; } .high-contrast .mitteilungen .news .more a:hover { color: black !important; } .high-contrast .mitteilungen .splide__slide { background-color: transparent !important; border: 2px solid black; } .high-contrast .mitteilungen .splide__arrow { background-color: black; } .high-contrast .appearance { border: 2px solid black; background: transparent; background-image: none !important; } .high-contrast .appearance::before { display: none; } .high-contrast .appearance a { color: black !important; } .high-contrast .veranstaltungen-startseite { background-color: transparent; border: 2px solid black; } .high-contrast .veranstaltungen-startseite * { color: black !important; } .high-contrast .veranstaltungen-startseite .mod_eventlist h4 { color: black !important; } .high-contrast .veranstaltungen-startseite .mod_eventlist h4 a { color: black !important; } .high-contrast .veranstaltungen-startseite .mod_eventlist .standart-img { display: none; } .high-contrast .veranstaltungen-startseite .mod_eventlist .high-contrast-img { display: block; } .high-contrast .home-news { height: 38.6rem; } .high-contrast .home-news .home-news_slider .slick-control-panel .slick-control-panel_inner { display: -webkit-box; display: -ms-flexbox; display: flex; } .high-contrast .home-news .home-news_slider .slick-control-panel .slick-control-panel_inner .slick-dots .slick-active { background-color: black; border: 1px solid black; } .high-contrast .home-news .home-news_slider .slick-control-panel .slick-control-panel_inner .slick-dots li { background-color: rgba(0, 0, 0, 0); border: 1px solid black; } .high-contrast .home-news .home-news_slider .slick-control-panel .slick-control-panel_inner .slick-prev::before { background-image: url("/files/philippsburg/Startseite-2024/Icon_awesome-chevron-right_black.svg"); } .high-contrast .home-news .home-news_slider .slick-control-panel .slick-control-panel_inner .slick-next::before { background-image: url("/files/philippsburg/Startseite-2024/Icon_awesome-chevron-left_black.svg"); } .high-contrast .search-box { background-color: transparent; border: 2px solid black; } .high-contrast .search-box .mod_search::after { display: none; } .high-contrast .search-box .mod_search .search_container button.search_img { background: black; } .high-contrast .search-box .mod_search .search_container button.search_img::after { content: url("/files/philippsburg/Startseite-2024/Icon_awesome-search.svg"); } .high-contrast .search-box .mod_search input::-webkit-input-placeholder { color: #000000; } .high-contrast .search-box .mod_search input::-moz-placeholder { color: #000000; } .high-contrast .search-box .mod_search input:-ms-input-placeholder { color: #000000; } .high-contrast .search-box .mod_search input::-ms-input-placeholder { color: #000000; } .high-contrast .search-box .mod_search input::placeholder { color: #000000; } .high-contrast .gemeinde { background-color: transparent !important; } .high-contrast .gemeinde::before { background-color: transparent !important; } .high-contrast .gemeinde::after { background-color: transparent !important; } .high-contrast .gemeinde .digital_container { background-color: transparent !important; border: 2px solid black; } .high-contrast .gemeinde .digital_container img { display: none; } .high-contrast .gemeinde .digital_container * { color: black !important; } .high-contrast .gemeinde .bg-image .digital_container { background: transparent; background-image: none !important; } .high-contrast .gemeinde .bg-image .digital_container img { display: none; } .high-contrast .gemeinde .bg-image .digital_container * { color: black !important; } .high-contrast .gemeinde .bg-image .digital_container::before { display: none; } .high-contrast .gemeinde .bg-image .digital_container a { color: black !important; } .high-contrast .infos { background-color: transparent !important; } .high-contrast .infos .ce_headline { color: black !important; } .high-contrast .infos .info_menü { background-color: transparent !important; border: 2px solid black; height: 40rem !important; width: 19%; } @media (max-width: 1024px) { .high-contrast .infos .info_menü { width: 100% !important; } } .high-contrast .infos .info_menü li a { color: black !important; } .high-contrast .infos .info_container { background-color: transparent !important; border: 2px solid black; } .high-contrast .infos .info_container img { display: none; } .high-contrast .infos .info_container * { color: black !important; } .high-contrast .infos .bg-image .info_container { background: transparent; background-image: none !important; } .high-contrast .infos .bg-image .info_container .info__headline { color: black !important; } .high-contrast .infos .bg-image .info_container .info__headline * { color: black !important; } .high-contrast .infos .bg-image .info_container::before { display: none; } .high-contrast .locations * { color: black !important; } .high-contrast .locations .location ul li.active { background: transparent !important; border: 2px solid black; } .high-contrast .locations .location .contact .location_container { display: none; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .high-contrast .locations .location .contact .location_container .location_right { width: 35%; } .high-contrast .locations .location .contact .location_container .location_right .location_right_container .contact_email a:hover { color: #000000 !important; } .high-contrast .locations .location .contact .location_container .location_right .location_right_container .contact_map:hover { color: #000000 !important; } .high-contrast .locations .location .contact .location_container .location_right .location_right_container .contact_map::before { color: #000000 !important; } .high-contrast .locations .location .contact .contact_adress .standart-img, .high-contrast .locations .location .contact .contact_tel .standart-img, .high-contrast .locations .location .contact .contact_fax .standart-img, .high-contrast .locations .location .contact .contact_email .standart-img { display: none !important; } .high-contrast .locations .location .contact .contact_adress .high-contrast-img, .high-contrast .locations .location .contact .contact_tel .high-contrast-img, .high-contrast .locations .location .contact .contact_fax .high-contrast-img, .high-contrast .locations .location .contact .contact_email .high-contrast-img { display: block !important; } .high-contrast .locations .location .openinghours { background-color: transparent !important; border: 2px solid black; height: 12rem !important; } @media (max-width: 1200px) { .high-contrast .locations .location .openinghours { height: 14rem !important; } } @media (max-width: 640px) { .high-contrast .locations .location .openinghours { height: 100% !important; } } .font-zoom-1 #teaser, .font-zoom-2 #teaser, .font-zoom-3 #teaser, .font-zoom-4 #teaser, .font-zoom-5 #teaser, .font-zoom-6 #teaser { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .font-zoom-1 #teaser .span_1_of_4, .font-zoom-2 #teaser .span_1_of_4, .font-zoom-3 #teaser .span_1_of_4, .font-zoom-4 #teaser .span_1_of_4, .font-zoom-5 #teaser .span_1_of_4, .font-zoom-6 #teaser .span_1_of_4 { width: 100%; } .font-zoom-1 #teaser .span_1_of_4:nth-of-type(1), .font-zoom-2 #teaser .span_1_of_4:nth-of-type(1), .font-zoom-3 #teaser .span_1_of_4:nth-of-type(1), .font-zoom-4 #teaser .span_1_of_4:nth-of-type(1), .font-zoom-5 #teaser .span_1_of_4:nth-of-type(1), .font-zoom-6 #teaser .span_1_of_4:nth-of-type(1) { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .font-zoom-1 #teaser .span_1_of_4:nth-of-type(2), .font-zoom-2 #teaser .span_1_of_4:nth-of-type(2), .font-zoom-3 #teaser .span_1_of_4:nth-of-type(2), .font-zoom-4 #teaser .span_1_of_4:nth-of-type(2), .font-zoom-5 #teaser .span_1_of_4:nth-of-type(2), .font-zoom-6 #teaser .span_1_of_4:nth-of-type(2) { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .font-zoom-1 #teaser .span_2_of_4, .font-zoom-2 #teaser .span_2_of_4, .font-zoom-3 #teaser .span_2_of_4, .font-zoom-4 #teaser .span_2_of_4, .font-zoom-5 #teaser .span_2_of_4, .font-zoom-6 #teaser .span_2_of_4 { width: 100%; height: 100%; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .font-zoom-1 #teaser .appearance, .font-zoom-2 #teaser .appearance, .font-zoom-3 #teaser .appearance, .font-zoom-4 #teaser .appearance, .font-zoom-5 #teaser .appearance, .font-zoom-6 #teaser .appearance { height: 50vh; } .font-zoom-1 #teaser .appearance::before, .font-zoom-2 #teaser .appearance::before, .font-zoom-3 #teaser .appearance::before, .font-zoom-4 #teaser .appearance::before, .font-zoom-5 #teaser .appearance::before, .font-zoom-6 #teaser .appearance::before { -webkit-box-shadow: inset 10px 10px 10px hsla(0, 0%, 0%, 0.1), inset 10px 10px 10px hsla(0, 0%, 0%, 0.1), inset -10px 10px 10px hsla(0, 0%, 0%, 0.1), inset 0 -150px 0 hsla(0, 0%, 0%, 0.1); box-shadow: inset 10px 10px 10px hsla(0, 0%, 0%, 0.1), inset 10px 10px 10px hsla(0, 0%, 0%, 0.1), inset -10px 10px 10px hsla(0, 0%, 0%, 0.1), inset 0 -150px 0 hsla(0, 0%, 0%, 0.1); } @media (max-width: 640px) { .font-zoom-1 #teaser .appearance .appearance__headline, .font-zoom-2 #teaser .appearance .appearance__headline, .font-zoom-3 #teaser .appearance .appearance__headline, .font-zoom-4 #teaser .appearance .appearance__headline, .font-zoom-5 #teaser .appearance .appearance__headline, .font-zoom-6 #teaser .appearance .appearance__headline { font-size: 1.5em; } } @media (max-width: 550px) { .font-zoom-1 #teaser .appearance .appearance__headline, .font-zoom-2 #teaser .appearance .appearance__headline, .font-zoom-3 #teaser .appearance .appearance__headline, .font-zoom-4 #teaser .appearance .appearance__headline, .font-zoom-5 #teaser .appearance .appearance__headline, .font-zoom-6 #teaser .appearance .appearance__headline { top: 10%; } } @media (max-width: 450px) { .font-zoom-1 #teaser .appearance .appearance__headline, .font-zoom-2 #teaser .appearance .appearance__headline, .font-zoom-3 #teaser .appearance .appearance__headline, .font-zoom-4 #teaser .appearance .appearance__headline, .font-zoom-5 #teaser .appearance .appearance__headline, .font-zoom-6 #teaser .appearance .appearance__headline { font-size: 1.2em; } } @media (max-width: 640px) { .font-zoom-1 .veranstaltungen-startseite .layout_teaser p, .font-zoom-2 .veranstaltungen-startseite .layout_teaser p, .font-zoom-3 .veranstaltungen-startseite .layout_teaser p, .font-zoom-4 .veranstaltungen-startseite .layout_teaser p, .font-zoom-5 .veranstaltungen-startseite .layout_teaser p, .font-zoom-6 .veranstaltungen-startseite .layout_teaser p { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .font-zoom-1 .home-news .news-slider-headline, .font-zoom-2 .home-news .news-slider-headline, .font-zoom-3 .home-news .news-slider-headline, .font-zoom-4 .home-news .news-slider-headline, .font-zoom-5 .home-news .news-slider-headline, .font-zoom-6 .home-news .news-slider-headline { word-break: normal; } @media (max-width: 640px) { .font-zoom-1 .home-news .news-slider-headline, .font-zoom-2 .home-news .news-slider-headline, .font-zoom-3 .home-news .news-slider-headline, .font-zoom-4 .home-news .news-slider-headline, .font-zoom-5 .home-news .news-slider-headline, .font-zoom-6 .home-news .news-slider-headline { font-size: 1em; } } @media (max-width: 767px) { .font-zoom-1 .home-news h3, .font-zoom-2 .home-news h3, .font-zoom-3 .home-news h3, .font-zoom-4 .home-news h3, .font-zoom-5 .home-news h3, .font-zoom-6 .home-news h3 { line-height: 5rem !important; } } @media (max-width: 640px) { .font-zoom-1 .home-news p, .font-zoom-2 .home-news p, .font-zoom-3 .home-news p, .font-zoom-4 .home-news p, .font-zoom-5 .home-news p, .font-zoom-6 .home-news p { margin-bottom: 10rem; } } .font-zoom-1 .gemeinde *, .font-zoom-2 .gemeinde *, .font-zoom-3 .gemeinde *, .font-zoom-4 .gemeinde *, .font-zoom-5 .gemeinde *, .font-zoom-6 .gemeinde * { -ms-hyphens: auto; hyphens: auto; } @media (max-width: 1800px) { .font-zoom-1 .gemeinde .digital, .font-zoom-2 .gemeinde .digital, .font-zoom-3 .gemeinde .digital, .font-zoom-4 .gemeinde .digital, .font-zoom-5 .gemeinde .digital, .font-zoom-6 .gemeinde .digital { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .font-zoom-1 .gemeinde .digital .digital__box, .font-zoom-2 .gemeinde .digital .digital__box, .font-zoom-3 .gemeinde .digital .digital__box, .font-zoom-4 .gemeinde .digital .digital__box, .font-zoom-5 .gemeinde .digital .digital__box, .font-zoom-6 .gemeinde .digital .digital__box { width: 100%; } } @media (max-width: 400px) { .font-zoom-1 .gemeinde .digital .digital_container img, .font-zoom-2 .gemeinde .digital .digital_container img, .font-zoom-3 .gemeinde .digital .digital_container img, .font-zoom-4 .gemeinde .digital .digital_container img, .font-zoom-5 .gemeinde .digital .digital_container img, .font-zoom-6 .gemeinde .digital .digital_container img { top: 10%; } .font-zoom-1 .gemeinde .digital .bg-image .digital_container .digital__headline, .font-zoom-2 .gemeinde .digital .bg-image .digital_container .digital__headline, .font-zoom-3 .gemeinde .digital .bg-image .digital_container .digital__headline, .font-zoom-4 .gemeinde .digital .bg-image .digital_container .digital__headline, .font-zoom-5 .gemeinde .digital .bg-image .digital_container .digital__headline, .font-zoom-6 .gemeinde .digital .bg-image .digital_container .digital__headline { bottom: 8rem; } } .font-zoom-1 .infos *, .font-zoom-2 .infos *, .font-zoom-3 .infos *, .font-zoom-4 .infos *, .font-zoom-5 .infos *, .font-zoom-6 .infos * { -ms-hyphens: auto; hyphens: auto; } @media (max-width: 1800px) { .font-zoom-1 .infos .infos_container, .font-zoom-2 .infos .infos_container, .font-zoom-3 .infos .infos_container, .font-zoom-4 .infos .infos_container, .font-zoom-5 .infos .infos_container, .font-zoom-6 .infos .infos_container { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; } .font-zoom-1 .infos .infos_container .info, .font-zoom-2 .infos .infos_container .info, .font-zoom-3 .infos .infos_container .info, .font-zoom-4 .infos .infos_container .info, .font-zoom-5 .infos .infos_container .info, .font-zoom-6 .infos .infos_container .info { width: 100%; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .font-zoom-1 .infos .infos_container .info .info__box, .font-zoom-2 .infos .infos_container .info .info__box, .font-zoom-3 .infos .infos_container .info .info__box, .font-zoom-4 .infos .infos_container .info .info__box, .font-zoom-5 .infos .infos_container .info .info__box, .font-zoom-6 .infos .infos_container .info .info__box { width: 100%; } .font-zoom-1 .infos .infos_container .info_menü, .font-zoom-2 .infos .infos_container .info_menü, .font-zoom-3 .infos .infos_container .info_menü, .font-zoom-4 .infos .infos_container .info_menü, .font-zoom-5 .infos .infos_container .info_menü, .font-zoom-6 .infos .infos_container .info_menü { width: 95%; } } @media (max-width: 550px) { .font-zoom-1 .infos .infos_container .info_menü, .font-zoom-2 .infos .infos_container .info_menü, .font-zoom-3 .infos .infos_container .info_menü, .font-zoom-4 .infos .infos_container .info_menü, .font-zoom-5 .infos .infos_container .info_menü, .font-zoom-6 .infos .infos_container .info_menü { width: calc(100% - 4rem); } } @media (max-width: 400px) { .font-zoom-1 .infos .info__box .info_container img, .font-zoom-2 .infos .info__box .info_container img, .font-zoom-3 .infos .info__box .info_container img, .font-zoom-4 .infos .info__box .info_container img, .font-zoom-5 .infos .info__box .info_container img, .font-zoom-6 .infos .info__box .info_container img { top: 10% !important; } } @media (max-width: 1800px) { .font-zoom-1 .location ul, .font-zoom-2 .location ul, .font-zoom-3 .location ul, .font-zoom-4 .location ul, .font-zoom-5 .location ul, .font-zoom-6 .location ul { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; text-align: center; } } @media (max-width: 767px) { .font-zoom-1 .location .location_right_container, .font-zoom-2 .location .location_right_container, .font-zoom-3 .location .location_right_container, .font-zoom-4 .location .location_right_container, .font-zoom-5 .location .location_right_container, .font-zoom-6 .location .location_right_container { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } @media (max-width: 1200px) { .font-zoom-1 .location .openinghours, .font-zoom-2 .location .openinghours, .font-zoom-3 .location .openinghours, .font-zoom-4 .location .openinghours, .font-zoom-5 .location .openinghours, .font-zoom-6 .location .openinghours { height: 15rem !important; } } @media (max-width: 640px) { .font-zoom-1 .location .openinghours, .font-zoom-2 .location .openinghours, .font-zoom-3 .location .openinghours, .font-zoom-4 .location .openinghours, .font-zoom-5 .location .openinghours, .font-zoom-6 .location .openinghours { height: 100% !important; } } .font-zoom-2 .infos *, .font-zoom-3 .infos *, .font-zoom-4 .infos *, .font-zoom-5 .infos *, .font-zoom-6 .infos * { -ms-hyphens: auto; hyphens: auto; } .font-zoom-2 .infos .info_menü, .font-zoom-3 .infos .info_menü, .font-zoom-4 .infos .info_menü, .font-zoom-5 .infos .info_menü, .font-zoom-6 .infos .info_menü { padding: 1rem 2rem; height: 38rem; } .font-zoom-2 .infos h2.ce_headline, .font-zoom-3 .infos h2.ce_headline, .font-zoom-4 .infos h2.ce_headline, .font-zoom-5 .infos h2.ce_headline, .font-zoom-6 .infos h2.ce_headline { margin-bottom: 0 !important; } .font-zoom-2 .infos li, .font-zoom-3 .infos li, .font-zoom-4 .infos li, .font-zoom-5 .infos li, .font-zoom-6 .infos li { padding: 0 !important; } .font-zoom-2 .location .location_container, .font-zoom-3 .location .location_container, .font-zoom-4 .location .location_container, .font-zoom-5 .location .location_container, .font-zoom-6 .location .location_container { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .font-zoom-2 .location .location_container .location_left, .font-zoom-2 .location .location_container .location_right, .font-zoom-3 .location .location_container .location_left, .font-zoom-3 .location .location_container .location_right, .font-zoom-4 .location .location_container .location_left, .font-zoom-4 .location .location_container .location_right, .font-zoom-5 .location .location_container .location_left, .font-zoom-5 .location .location_container .location_right, .font-zoom-6 .location .location_container .location_left, .font-zoom-6 .location .location_container .location_right { width: 100%; } .font-zoom-2 .location .location_container .digital__headline, .font-zoom-3 .location .location_container .digital__headline, .font-zoom-4 .location .location_container .digital__headline, .font-zoom-5 .location .location_container .digital__headline, .font-zoom-6 .location .location_container .digital__headline { margin: 3rem 0 !important; } .font-zoom-1 .infos ul li { line-height: 1 !important; } #mainNav ul li.trail { background-color: transparent; } #mainNav ul li { border-right: 2px solid #15438f; background-color: transparent !important; } #mainNav ul li:nth-last-of-type(1) { border: none; } #mainNav ul li:hover { background: transparent !important; } #mainNav ul li a:hover { color: #4b6ba2 !important; } @media (max-width: 1024px) { #formular-maengelmeldung table label { font-size: 0.9em !important; } } @media (max-width: 450px) { #formular-maengelmeldung table td { font-size: 2rem !important; } #formular-maengelmeldung table td select { width: 100%; } #formular-maengelmeldung table td input, #formular-maengelmeldung table td textarea { width: 98%; } } #header .mod_breadcrumb ul li.active { color: #000000 !important; } #header .mod_breadcrumb ul li a { color: #6e6e6e !important; } #footer > .inside .topFooter h2 { background-color: #15438f !important; } .contentContainer.notDesktop.mobileHeader { text-align: center; } .contentContainer.notDesktop.mobileHeader .hamburgerButtonImg { background: url(/files/layout/iconMenuMobile.png) no-repeat center center; background-size: contain; background-color: #e2ddbd; width: 12vw; height: 12vw; margin-left: 5%; border: none; } /* From Uiverse.io by nihad-abbasov */ /* switch settings 👇 */ .ui-switch { /* switch */ --switch-bg: rgb(135, 150, 165); --switch-width: 48px; --switch-height: 20px; /* circle */ --circle-diameter: 32px; --circle-bg: #ffd252; --circle-inset: calc((var(--circle-diameter) - var(--switch-height)) / 2); margin: 0.65rem; } @media (max-width: 1023px) { .ui-switch { --switch-width: 40px !important; --switch-height: 15px !important; --circle-diameter: 25px !important; } } .ui-switch input { display: none; } .slider { -webkit-appearance: none; -moz-appearance: none; appearance: none; width: var(--switch-width); height: var(--switch-height); background: var(--switch-bg); border-radius: 999px; position: relative; cursor: pointer; } .slider .circle { top: calc(var(--circle-inset) * -1); left: 0; width: var(--circle-diameter); height: var(--circle-diameter); position: absolute; background: var(--circle-bg); border-radius: inherit; background-image: url("/files/philippsburg/Startseite-2024/contrast-svgrepo-com1.svg"); background-repeat: no-repeat; background-position: center center; -webkit-transition: left 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, -webkit-transform 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; transition: left 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, transform 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, -webkit-transform 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12); box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12); } .slider .circle::before { content: ""; position: absolute; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.7490196078); border-radius: inherit; -webkit-transition: all 500ms; transition: all 500ms; opacity: 0; } /* actions */ .ui-switch input:checked + .slider .circle { left: calc(100% - var(--circle-diameter)); background-image: url("/files/philippsburg/Startseite-2024/contrast-svgrepo-com.svg"); background-color: #ffffff; border: 0.5px solid #5c5c5c; } .ui-switch input:active + .slider .circle::before { -webkit-transition: 0s; transition: 0s; opacity: 1; width: 0; height: 0; } .ui-switch { --switch-bg: rgb(135, 150, 165); --switch-width: 48px; --switch-height: 20px; --circle-diameter: 32px; --circle-bg: #15438f; --circle-inset: calc((var(--circle-diameter) - var(--switch-height)) / 2); display: inline-block; position: relative; } .ui-switch input { opacity: 0; position: absolute; width: 100%; height: 100%; cursor: pointer; } .slider { display: inline-block; width: var(--switch-width); height: var(--switch-height); background: var(--switch-bg); border-radius: 999px; position: relative; cursor: pointer; -webkit-transition: background-color 0.3s ease; transition: background-color 0.3s ease; } .circle { display: inline-block; width: var(--circle-diameter); height: var(--circle-diameter); background: var(--circle-bg); position: absolute; top: calc(var(--circle-inset) * -1); left: 0; border-radius: 50%; -webkit-transition: left 0.3s ease; transition: left 0.3s ease; } input:checked + .slider { background-color: #e3efff; } input:checked + .slider .circle { left: calc(100% - var(--circle-diameter)); } .schalter { background: transparent; border: none; } .pdf ul { padding-left: 0; } .pdf ul li { list-style: none; } .pdf ul li a[href$=pdf] { text-decoration: none; margin-bottom: 1rem; } .pdf ul li a[href$=pdf]::before { font-family: "FontAwesome"; padding-right: 5px; text-decoration: none; content: "\f1c1"; } .ditial-box-link { color: inherit !important; } nav.mod_navigation.mobilMyMenu { background-color: #677079; color: #fff; position: fixed; width: 75vw; height: 100%; z-index: 9; top: 0; display: none; padding: 5rem 2.5rem 10rem 2.5rem; left: 0; overflow: scroll; scrollbar-color: white grey; scrollbar-width: thin; text-align: left; } nav.mod_navigation.mobilMyMenu #mobileClose { display: none; background-color: #333; color: #fff; border: none; font-size: 1.5em; padding: 10px 15px; cursor: pointer; position: absolute; top: 10px; right: 15px; } nav.mod_navigation.mobilMyMenu #mobileClose:hover { background-color: #444; } nav.mod_navigation.mobilMyMenu.open { display: inline; } nav.mod_navigation.mobilMyMenu.open #mobileClose { display: block !important; z-index: 999999; top: 0; right: 0; } nav.mod_navigation.mobilMyMenu > ul.level_1 { padding-bottom: 7.5rem; } nav.mod_navigation.mobilMyMenu ul { list-style: none; padding: 0; margin: 0; } nav.mod_navigation.mobilMyMenu li.active span { text-decoration: none; color: #fff; display: block; padding: 10px 15px; font-size: 2.5rem; border-bottom: 1px solid #fff; font-weight: 600; color: #ffd252; } nav.mod_navigation.mobilMyMenu .forward.trail.submenu span { text-decoration: none; display: block; padding: 10px 15px; font-size: 2.5rem; border-bottom: 1px solid #fff; } nav.mod_navigation.mobilMyMenu .forward.submenu.last span { text-decoration: none; display: block; padding: 10px 15px; font-size: 2.5rem; border-bottom: 1px solid #fff; } nav.mod_navigation.mobilMyMenu a { text-decoration: none; color: #fff; display: block; padding: 10px 15px; font-size: 2.5rem; border-bottom: 1px solid #fff; } nav.mod_navigation.mobilMyMenu .submenu > span::after { content: "▼"; float: right; font-size: 0.8em; -webkit-transition: -webkit-transform 0.3s; transition: -webkit-transform 0.3s; transition: transform 0.3s; transition: transform 0.3s, -webkit-transform 0.3s; } nav.mod_navigation.mobilMyMenu .submenu > a::after { content: "▼"; float: right; font-size: 0.8em; -webkit-transition: -webkit-transform 0.3s; transition: -webkit-transform 0.3s; transition: transform 0.3s; transition: transform 0.3s, -webkit-transform 0.3s; } nav.mod_navigation.mobilMyMenu .submenu.open > a::after { -webkit-transform: rotate(-180deg); transform: rotate(-180deg); } nav.mod_navigation.mobilMyMenu .submenu.open > span::after { -webkit-transform: rotate(-180deg); transform: rotate(-180deg); } nav.mod_navigation.mobilMyMenu .submenu ul.level_2, nav.mod_navigation.mobilMyMenu .submenu ul.level_3 { display: none; padding-left: 20px; } nav.mod_navigation.mobilMyMenu .submenu.open > ul { display: block; } nav.mod_navigation.mobilMyMenu #mobileToggle { display: none; background-color: #333; color: #fff; border: none; font-size: 1.6rem; padding: 10px 15px; cursor: pointer; position: absolute; top: 10px; left: 10px; } nav.mod_navigation.mobilMyMenu #mobileToggle:hover { background-color: #444; } nav.mod_navigation.mobilMyMenu.open ul.level_1 { display: block; } @media (max-width: 768px) { nav.mod_navigation.mobilMyMenu ul.level_1 { display: none; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } nav.mod_navigation.mobilMyMenu #mobileToggle { display: block; } } .forward.submenu.last { position: relative; } .forward.submenu.last > a::after { content: "▼"; font-size: 0.8em; float: right; -webkit-transition: -webkit-transform 0.3s; transition: -webkit-transform 0.3s; transition: transform 0.3s; transition: transform 0.3s, -webkit-transform 0.3s; } .forward.submenu.last.open > a::after { -webkit-transform: rotate(-180deg); transform: rotate(-180deg); } .forward.submenu.last > ul.level_3 { display: none; padding-left: 20px; } .forward.submenu.last.open > ul.level_3 { display: block; } .footerDefault { height: 100%; padding: 3.5rem 0; background-color: #15438f; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; position: relative; } .footerDefault p { font-size: 1.8rem; line-height: 1.3; font-weight: 300; } .footerDefault .bankverbindungen { margin: 3rem 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media (max-width: 1200px) { .footerDefault .bankverbindungen { margin: 0; } } @media (max-width: 1024px) { .footerDefault .bankverbindungen { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } @media (max-width: 1024px) { .footerDefault .bankverbindungen .ce_image { text-align: center; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; margin-bottom: 3.5rem; } } .footerDefault .bankverbindungen .bank_container { text-align: center; padding: 0 1rem; } @media (max-width: 1024px) { .footerDefault .bankverbindungen .bank_container { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } } .footerDefault .bankverbindungen .bank_container * { color: white; } .footerDefault .bankverbindungen .bank_container h1 { font-size: 2em !important; } @media (max-width: 1024px) { .footerDefault .bankverbindungen .bank_container h1, .footerDefault .bankverbindungen .bank_container p { font-size: 2rem !important; } } @media (max-width: 1200px) { .footerDefault .bankverbindungen .bank_container h1 a::before, .footerDefault .bankverbindungen .bank_container p a::before { display: none !important; } } @media (max-width: 640px) { .footerDefault .bankverbindungen .bank_container h1, .footerDefault .bankverbindungen .bank_container p { font-size: 2.5rem !important; } } .footerDefault .footer-lower { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } @media (max-width: 1024px) { .footerDefault .footer-lower { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } @media (max-width: 1024px) { .footerDefault .footer-lower > p { text-align: center; } } .footerDefault .footer-lower::before { content: ""; position: absolute; width: 100vw; height: 100%; left: -100vw; background-color: #15438f !important; top: 0; } .footerDefault .footer-lower::after { content: ""; position: absolute; width: 100vw; height: 100%; right: -100vw; background-color: #15438f !important; top: 0; } .footerDefault .footer-lower * { color: white; } @media (max-width: 1024px) { .footerDefault .footer-lower .footerNav { left: auto; -webkit-transform: none; transform: none; position: relative; text-align: center; } } @media (max-width: 1024px) { .footerDefault .footer-lower .ce_image { text-align: center; margin-top: 5rem; } } .footerDefault .footer-lower .ce_image img { height: 9rem; width: auto; } @media (max-width: 1024px) { .footerDefault .footer-lower .ce_image img { height: 100%; } } .locations--footer h1 { font-weight: 600; color: #15438f; font-size: 3.75rem; padding: 3rem 0 1rem 0; } .locations--footer .location--footer ul { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 0; width: 100%; border-bottom: 1px solid rgba(21, 67, 143, 0.3); margin: 5rem 0; } @media (max-width: 1200px) { .locations--footer .location--footer ul { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; text-align: center; } } .locations--footer .location--footer ul li { list-style: none; color: white; margin-right: 0; } .locations--footer .location--footer ul li a { text-decoration: none; font-size: 1.5rem; color: #1c2e2e; } .locations--footer .location--footer ul li a:hover { color: #15438f !important; } .locations--footer .location--footer ul li a h1 { margin: 0.67em; font-weight: 400; font-size: 1.5em; } .locations--footer .location--footer ul li.active { background: #15438f; } .locations--footer .location--footer ul li.active a { color: white !important; opacity: 1 !important; } .locations--footer .location--footer ul li.active a h1 { font-weight: 600; } .locations--footer .location--footer .location_container { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-hyphens: auto; hyphens: auto; } @media (max-width: 1200px) { .locations--footer .location--footer .location_container { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-bottom: 5rem; } .locations--footer .location--footer .location_container .digital__headline { margin: 3rem 0 !important; -ms-hyphens: auto; hyphens: auto; } } .locations--footer .location--footer .location_container .location_right { width: 100%; } .locations--footer .location--footer .location_container .location_right h1 { margin: 0.2em 0 0.67em 0; color: #15438f; font-weight: 600; } @media (max-width: 650px) { .locations--footer .location--footer .location_container .location_right h1 { font-size: 3.75rem; } } .locations--footer .location--footer .location_container .location_right .location_right_container { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; display: -webkit-box; display: -ms-flexbox; display: flex; } @media (max-width: 640px) { .locations--footer .location--footer .location_container .location_right .location_right_container { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .locations--footer .location--footer .location_container .location_right .location_right_container .contact { width: 40%; padding-right: 1rem; } @media (max-width: 1023px) { .locations--footer .location--footer .location_container .location_right .location_right_container .contact * { font-size: 2rem !important; } } @media (max-width: 640px) { .locations--footer .location--footer .location_container .location_right .location_right_container .contact { margin-bottom: 2.5rem; } } .locations--footer .location--footer .location_container .location_right .location_right_container .contact .contact_adress, .locations--footer .location--footer .location_container .location_right .location_right_container .contact .contact_tel, .locations--footer .location--footer .location_container .location_right .location_right_container .contact .contact_fax, .locations--footer .location--footer .location_container .location_right .location_right_container .contact .contact_email { font-weight: 600; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; color: #15438f; font-size: 1.5rem; } .locations--footer .location--footer .location_container .location_right .location_right_container .contact .contact_adress a::before, .locations--footer .location--footer .location_container .location_right .location_right_container .contact .contact_tel a::before, .locations--footer .location--footer .location_container .location_right .location_right_container .contact .contact_fax a::before, .locations--footer .location--footer .location_container .location_right .location_right_container .contact .contact_email a::before { display: none !important; } .locations--footer .location--footer .location_container .location_right .location_right_container .contact .contact_adress .standart-img, .locations--footer .location--footer .location_container .location_right .location_right_container .contact .contact_tel .standart-img, .locations--footer .location--footer .location_container .location_right .location_right_container .contact .contact_fax .standart-img, .locations--footer .location--footer .location_container .location_right .location_right_container .contact .contact_email .standart-img { display: block; } .locations--footer .location--footer .location_container .location_right .location_right_container .contact .contact_adress .high-contrast-img, .locations--footer .location--footer .location_container .location_right .location_right_container .contact .contact_tel .high-contrast-img, .locations--footer .location--footer .location_container .location_right .location_right_container .contact .contact_fax .high-contrast-img, .locations--footer .location--footer .location_container .location_right .location_right_container .contact .contact_email .high-contrast-img { display: none; } .locations--footer .location--footer .location_container .location_right .location_right_container .contact .contact_adress img, .locations--footer .location--footer .location_container .location_right .location_right_container .contact .contact_tel img, .locations--footer .location--footer .location_container .location_right .location_right_container .contact .contact_fax img, .locations--footer .location--footer .location_container .location_right .location_right_container .contact .contact_email img { margin-right: 1.5rem; width: 2rem; height: auto; } .locations--footer .location--footer .location_container .location_right .location_right_container .contact .contact_adress p { font-weight: 600; color: #15438f; font-size: 1.5rem; margin: 0; } .locations--footer .location--footer .location_container .location_right .location_right_container .contact .contact_email { margin-bottom: 3.5rem; } .locations--footer .location--footer .location_container .location_right .location_right_container .contact .contact_email a::before { display: none; } .locations--footer .location--footer .location_container .location_right .location_right_container .contact .contact_email a:hover { color: #15438f !important; } @media (max-width: 640px) { .locations--footer .location--footer .location_container .location_right .location_right_container .contact { width: 100%; } } .locations--footer .location--footer .location_container .location_right .location_right_container .contact_info { width: 75%; } .locations--footer .location--footer .location_container .location_right .location_right_container .contact_map { text-decoration: none; font-size: 2rem; color: #15438f; } @media (max-width: 1023px) { .locations--footer .location--footer .location_container .location_right .location_right_container .contact_map { font-size: 2rem !important; } } .locations--footer .location--footer .location_container .location_right .location_right_container .contact_map:hover { color: #15438f !important; text-decoration: underline; } .locations--footer .location--footer .location_container .location_right .location_right_container .contact_map::before { font-family: "FontAwesome"; content: "\f061" !important; padding-right: 5px; text-decoration: none; } .locations--footer .location--footer .location_container .openinghours { padding: 1.25rem; background-color: #e2ddbc; height: 8rem; margin-bottom: 1.75rem; } @media (max-width: 1023px) { .locations--footer .location--footer .location_container .openinghours { height: 10rem; } } @media (max-width: 640px) { .locations--footer .location--footer .location_container .openinghours { height: 100%; } } .locations--footer .location--footer .location_container .openinghours h4 { color: #15438f; margin: 0; font-weight: 600; font-size: 1.5rem !important; } @media (max-width: 1023px) { .locations--footer .location--footer .location_container .openinghours h4 { font-size: 2.5rem !important; } } .locations--footer .location--footer .location_container .openinghours p { font-weight: 400; color: #15438f; font-size: 1.5rem; } @media (max-width: 1023px) { .locations--footer .location--footer .location_container .openinghours p { font-size: 2rem !important; } } @media (max-width: 1024px) { #footer > .inside > .contentContainer:not(.lowerFooter) { width: 90% !important; } } .high-contrast .locations--footer * { color: black !important; } .high-contrast .locations--footer .location--footer .contact .location_container { display: none; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .high-contrast .locations--footer .location--footer .contact .location_container .location_right .location_right_container .contact_email a:hover { color: #000000 !important; } .high-contrast .locations--footer .location--footer .contact .contact_adress .standart-img, .high-contrast .locations--footer .location--footer .contact .contact_tel .standart-img, .high-contrast .locations--footer .location--footer .contact .contact_fax .standart-img, .high-contrast .locations--footer .location--footer .contact .contact_email .standart-img { display: none !important; } .high-contrast .locations--footer .location--footer .contact .contact_adress .high-contrast-img, .high-contrast .locations--footer .location--footer .contact .contact_tel .high-contrast-img, .high-contrast .locations--footer .location--footer .contact .contact_fax .high-contrast-img, .high-contrast .locations--footer .location--footer .contact .contact_email .high-contrast-img { display: block !important; } .high-contrast .locations--footer .location--footer .contact .contact_map:hover { color: #000000 !important; } .high-contrast .locations--footer .location--footer .contact .contact_map::before { color: #000000 !important; } .high-contrast .locations--footer .location--footer .openinghours { background-color: transparent !important; border: 2px solid black; height: 12rem !important; } @media (max-width: 1200px) { .high-contrast .locations--footer .location--footer .openinghours { height: 14rem !important; } } @media (max-width: 640px) { .high-contrast .locations--footer .location--footer .openinghours { height: 100% !important; } } #main > .inside .mod_article { padding-bottom: 1.5vw !important; } /*# sourceMappingURL=main.css.map */ body { background: url("/files/philippsburg/mainBackground.jpg") no-repeat top center; background-size: cover; } h2 { font-size: 3.35rem; font-weight: normal; } h3 { font-size: 3.2rem; font-weight: normal; } p { font-size: 1.8rem; line-height: 1.3; font-weight: 300; } .mod_breadcrumb { display: none; } #main { margin-top: 1vw; font-size: 1.5rem; font-weight: normal; } #main > .inside { width: 90%; margin: 0 auto; } #main > .inside div.slider figure { width: 100%; height: 100%; } #main > .inside div.slider figure img { display: block; height: auto; width: 100%; max-width: none; } #main > .inside div.slider a.rsts-prev { position: absolute; top: 0; left: 0; margin-left: 1%; margin-top: 15%; } #main > .inside div.slider a.rsts-next { position: absolute; top: 0; right: 0; margin-right: 1%; margin-top: 15%; } #main > .inside div.aktuelles { position: relative; background-color: #15438f; margin: 1vw 0; overflow: hidden; } #main > .inside div.aktuelles > h2 { margin-top: 1vw; margin-bottom: 1vw; line-height: 1.1; padding: 0 1.5vw; color: white; } @media screen and (max-width: 1024px) and (min-width: 641px) { #main > .inside div.aktuelles > h2 { font-size: 4rem !important; margin-top: 1.5vw !important; padding: 0 1.5vw; } } @media screen and (max-width: 1024px) { #main > .inside div.aktuelles { height: 3.5vw; } } #main > .inside div.aktuelles #overflowHider { overflow: visible; } #main > .inside div.aktuelles .aktuellesDown, #main > .inside div.aktuelles .aktuellesUp { display: inline-block; width: 2vw; text-decoration: none !important; } #main > .inside div.aktuelles .aktuellesDown::before, #main > .inside div.aktuelles .aktuellesUp::before { display: none; } #main > .inside div.aktuelles .mod_newslist { position: relative; top: 0; margin: 0; } #main > .inside div.aktuelles .mod_newslist .layout_short { margin: 0; padding: 0 1.5vw; } @media screen and (max-width: 1024px) { #main > .inside div.aktuelles .mod_newslist .layout_short { margin: 0; } } #main > .inside div.aktuelles .mod_newslist .layout_short h2, #main > .inside div.aktuelles .mod_newslist .layout_short h3 { margin: 0 0 0.5vw 0; line-height: 1.5vw; font-weight: normal; font-size: 1.8rem; } @media screen and (max-width: 1024px) and (min-width: 641px) { #main > .inside div.aktuelles .mod_newslist .layout_short h2, #main > .inside div.aktuelles .mod_newslist .layout_short h3 { margin: 0; line-height: 2.5vw !important; } } #main > .inside div.aktuelles .mod_newslist .layout_short .teaser p { font-size: 1.75rem; color: white; } #main > .inside div.aktuelles .mod_newslist .layout_short .teaser p:first-child { margin-top: 0; } #main > .inside div.aktuelles .mod_newslist .layout_short .teaser p a { text-decoration: none; } #main > .inside div.aktuelles .mod_newslist .layout_short .teaser p a:hover { text-decoration: underline; } #main > .inside div.aktuelles .mod_newslist .layout_short a { color: #FFFFFF; text-decoration: none; } #main > .inside div.aktuelles .mod_newslist .layout_short p.more { display: none; } #main > .inside div.aktuelles .aktuellesFunctions { margin-top: 0; margin-bottom: 0; display: flex; align-items: center; justify-content: center; } #main > .inside div.aktuelles .aktuellesFunctions p { margin: 10px 0; text-align: right; padding-right: 1vw; } #main > .inside div.aktuelles .aktuellesFunctions p a { margin: 0 0.5vw; } #main > .inside #startseite .information .addInfo .tabToggler.tab_mitteilungen:hover, #main > .inside #startseite .information .addInfo .tabToggler.tab_veranstaltungen:hover { cursor: pointer; } #main > .inside #startseite .information .addInfo .tabContentContainer .tabContent .mod_newslist, #main > .inside #startseite .information .addInfo .tabContentContainer .tabContent .mod_eventlist { height: 90%; } #main > .inside #startseite .information .addInfo .tabContentContainer .tabContent .mod_newslist .item, #main > .inside #startseite .information .addInfo .tabContentContainer .tabContent .mod_eventlist .item { margin-top: 8px; } #main > .inside #startseite .information .addInfo .tabContentContainer .tabContent .mod_newslist .item .event, #main > .inside #startseite .information .addInfo .tabContentContainer .tabContent .mod_newslist .item .news, #main > .inside #startseite .information .addInfo .tabContentContainer .tabContent .mod_eventlist .item .event, #main > .inside #startseite .information .addInfo .tabContentContainer .tabContent .mod_eventlist .item .news { width: 73.5%; } #main > .inside #startseite .information .addInfo .tabContentContainer .tabContent .mod_newslist .item .event h2, #main > .inside #startseite .information .addInfo .tabContentContainer .tabContent .mod_newslist .item .event h3, #main > .inside #startseite .information .addInfo .tabContentContainer .tabContent .mod_eventlist .item .event h2, #main > .inside #startseite .information .addInfo .tabContentContainer .tabContent .mod_eventlist .item .event h3 { margin-bottom: 0.3vw; } #main > .inside #startseite .information .addInfo .tabContentContainer .tabContent .mod_newslist .item .news h2, #main > .inside #startseite .information .addInfo .tabContentContainer .tabContent .mod_newslist .item .news h3, #main > .inside #startseite .information .addInfo .tabContentContainer .tabContent .mod_eventlist .item .news h2, #main > .inside #startseite .information .addInfo .tabContentContainer .tabContent .mod_eventlist .item .news h3 { margin-bottom: 0.3vw; } #main > .inside #startseite .information .addInfo .tabContentContainer .tabContent .mod_newslist .item .news h2, #main > .inside #startseite .information .addInfo .tabContentContainer .tabContent .mod_newslist .item .news h3, #main > .inside #startseite .information .addInfo .tabContentContainer .tabContent .mod_newslist .item .news .teaser, #main > .inside #startseite .information .addInfo .tabContentContainer .tabContent .mod_eventlist .item .news h2, #main > .inside #startseite .information .addInfo .tabContentContainer .tabContent .mod_eventlist .item .news h3, #main > .inside #startseite .information .addInfo .tabContentContainer .tabContent .mod_eventlist .item .news .teaser { padding-right: 1vw; } #main > .inside #startseite .information .addInfo .tabContentContainer .tabContent .mod_newslist .item .news .teaser p, #main > .inside #startseite .information .addInfo .tabContentContainer .tabContent .mod_eventlist .item .news .teaser p { margin-top: 0; } #main > .inside #startseite .aktuelles .mod_newslist .slick-prev { display: none !important; } #main > .inside .information { height: 74rem; } @media screen and (max-width: 1024px) and (min-width: 641px) { #main > .inside .information { height: 60rem; } } #main > .inside .information div.randomArticle { position: relative; height: 100%; margin-top: 0; margin-bottom: 0; } #main > .inside .information div.randomArticle > .mod_article { height: 100%; } #main > .inside .information div.randomArticle .backgroundImage { height: 100%; } #main > .inside .information div.randomArticle .backgroundImage .ce_image { height: 100%; } #main > .inside .information div.randomArticle .backgroundImage .ce_image figure { height: 100%; width: 100%; } #main > .inside .information div.randomArticle .backgroundImage .ce_image figure img { display: block; height: 100%; width: 100%; object-fit: cover; object-position: center; max-width: none; } #main > .inside .information div.randomArticle .overlayText { position: absolute; top: 0; left: 0; width: 100%; background-color: #6eaafb; color: #FFFFFF; } #main > .inside .information div.randomArticle .overlayText h2 { padding: 0 1vw; margin-top: 1vw; } #main > .inside .information div.randomArticle .overlayText p { padding: 0 1vw; } #main > .inside .information div.randomArticle .overlayText p:last-of-type { margin-bottom: 1vw; } #main > .inside .information div.randomArticle .overlayText a { color: #FFFFFF; text-decoration: none; } #main > .inside .information div.randomArticle .overlayText a:hover { text-decoration: underline; } #main > .inside .information .addInfo { margin-top: 0; margin-bottom: 0; height: 100%; } #main > .inside .information .addInfo div.bgOrange { background-color: #ffd252; color: #677079; min-height: 25%; width: 48.4%; margin-right: 3.2%; float: left; } #main > .inside .information .addInfo div.bgOrange h2 { margin-top: 1vw; padding: 0 1vw; } #main > .inside .information .addInfo div.bgOrange p { padding: 0 1vw; } #main > .inside .information .addInfo div.bgOrange a { color: #677079; text-decoration: none; } #main > .inside .information .addInfo div.bgOrange a:hover { text-decoration: underline; } #main > .inside .information .addInfo div.bgBlue { background-color: #4b6ba2; color: #FFFFFF; min-height: 25%; width: 48.4%; } #main > .inside .information .addInfo div.bgBlue h2 { margin-top: 1vw; padding: 0 1vw; } #main > .inside .information .addInfo div.bgBlue p { padding: 0 1vw; } #main > .inside .information .addInfo div.bgBlue a { color: #FFFFFF; text-decoration: none; } #main > .inside .information .addInfo div.bgBlue a:hover { text-decoration: underline; } #main > .inside .information .addInfo .tabControl { margin-top: 3%; height: 15%; } #main > .inside .information .addInfo .tabControl .tabToggler { width: 50%; height: 100%; float: left; } #main > .inside .information .addInfo .tabControl .tabToggler p { padding: 1vw; margin: 0; font-size: 3.2rem; line-height: 1.3; font-weight: normal; } #main > .inside .information .addInfo .tabControl .tabToggler.bgBeige { background-color: #e2ddbc; color: #505050; outline-right: 1px solid #FFFFFF; } #main > .inside .information .addInfo .tabControl .tabToggler.bgBeige button { background-color: #e2ddbc; } #main > .inside .information .addInfo .tabControl .tabToggler.bgLightBlue { background-color: #6eaafb; color: #FFFFFF; outline-left: 1px solid #FFFFFF; } #main > .inside .information .addInfo .tabControl .tabToggler.bgLightBlue button { background-color: #6eaafb; } #main > .inside .information .addInfo .tabControl .tabToggler p.containsButton, #main > .inside .information .addInfo .tabControl .tabToggler h2.containsButton { padding: 0; display: inline-block; height: 100%; } #main > .inside .information .addInfo .tabControl .tabToggler p.containsButton button, #main > .inside .information .addInfo .tabControl .tabToggler h2.containsButton button { border: none; text-align: left; padding: 1vw; } #main > .inside .information .addInfo .tabContentContainer { clear: both; position: relative; height: 52%; } @media screen and (max-width: 1024px) and (min-width: 641px) { #main > .inside .information .addInfo .tabContentContainer { height: auto; min-height: 69rem; } } #main > .inside .information .addInfo .tabContentContainer .tabContent { height: 100%; width: 100%; position: absolute; top: 0; left: 0; } #main > .inside .information .addInfo .tabContentContainer .tabContent.bgBeige { background-color: #e2ddbc; color: #505050; } #main > .inside .information .addInfo .tabContentContainer .tabContent.bgBeige > .ce_text p { padding: 0 3%; margin: 0.5vw 0 0 0; } #main > .inside .information .addInfo .tabContentContainer .tabContent.bgBeige > .ce_text p a { color: #505050; } #main > .inside .information .addInfo .tabContentContainer .tabContent.bgBeige > .ce_text p a:hover { text-decoration: underline; } #main > .inside .information .addInfo .tabContentContainer .tabContent.bgLightBlue { background-color: #6eaafb; color: #FFFFFF; visibility: hidden; } #main > .inside .information .addInfo .tabContentContainer .tabContent.bgLightBlue > .ce_text p { padding: 0 3%; margin: 0.5vw 0 0 0; } #main > .inside .information .addInfo .tabContentContainer .tabContent.bgLightBlue > .ce_text p a { color: #FFFFFF; } #main > .inside .information .addInfo .tabContentContainer .tabContent .mod_eventlist, #main > .inside .information .addInfo .tabContentContainer .tabContent .mod_newslist { padding: 0 3%; height: 87%; } #main > .inside .information .addInfo .tabContentContainer .tabContent .mod_eventlist .item, #main > .inside .information .addInfo .tabContentContainer .tabContent .mod_newslist .item { position: relative; margin-top: 2%; height: 30%; vertical-align: top; } #main > .inside .information .addInfo .tabContentContainer .tabContent .mod_eventlist .item .header, #main > .inside .information .addInfo .tabContentContainer .tabContent .mod_newslist .item .header { position: absolute; top: 0; left: 0; width: 20%; height: 100%; display: inline-block; color: #505050; background-color: #FFFFFF; } #main > .inside .information .addInfo .tabContentContainer .tabContent .mod_eventlist .item .header .dateBlock, #main > .inside .information .addInfo .tabContentContainer .tabContent .mod_newslist .item .header .dateBlock { display: flex; flex-direction: column; height: 100%; justify-content: center; } #main > .inside .information .addInfo .tabContentContainer .tabContent .mod_eventlist .item .header span, #main > .inside .information .addInfo .tabContentContainer .tabContent .mod_newslist .item .header span { display: block; width: 100%; text-align: center; } #main > .inside .information .addInfo .tabContentContainer .tabContent .mod_eventlist .item .header span.month, #main > .inside .information .addInfo .tabContentContainer .tabContent .mod_newslist .item .header span.month { padding-top: 0.5vw; } #main > .inside .information .addInfo .tabContentContainer .tabContent .mod_eventlist .item .header span.day, #main > .inside .information .addInfo .tabContentContainer .tabContent .mod_newslist .item .header span.day { font-size: 3.8rem; } #main > .inside .information .addInfo .tabContentContainer .tabContent .mod_eventlist .item .header span.year, #main > .inside .information .addInfo .tabContentContainer .tabContent .mod_newslist .item .header span.year { padding-bottom: 0.5vw; } #main > .inside .information .addInfo .tabContentContainer .tabContent .mod_eventlist .item .event p.location, #main > .inside .information .addInfo .tabContentContainer .tabContent .mod_newslist .item .event p.location { margin-top: 0.5vw; } #main > .inside .information .addInfo .tabContentContainer .tabContent .mod_eventlist .item .event p.time, #main > .inside .information .addInfo .tabContentContainer .tabContent .mod_newslist .item .event p.time { margin: 0; font-size: 1.7rem; } #main > .inside .information .addInfo .tabContentContainer .tabContent .mod_eventlist .item .event, #main > .inside .information .addInfo .tabContentContainer .tabContent .mod_newslist .item .event { position: absolute; top: 0; left: 20.5%; width: 74.5%; height: 100%; display: inline-block; background: #FFFFFF no-repeat center right; background-size: auto 100%; color: #505050; padding: 0 2%; } #main > .inside .information .addInfo .tabContentContainer .tabContent .mod_eventlist .item .event h2, #main > .inside .information .addInfo .tabContentContainer .tabContent .mod_eventlist .item .event h3, #main > .inside .information .addInfo .tabContentContainer .tabContent .mod_newslist .item .event h2, #main > .inside .information .addInfo .tabContentContainer .tabContent .mod_newslist .item .event h3 { margin: 2% 0 0 0; font-size: 2.2rem; } #main > .inside .information .addInfo .tabContentContainer .tabContent .mod_eventlist .item .event h2 a, #main > .inside .information .addInfo .tabContentContainer .tabContent .mod_eventlist .item .event h3 a, #main > .inside .information .addInfo .tabContentContainer .tabContent .mod_newslist .item .event h2 a, #main > .inside .information .addInfo .tabContentContainer .tabContent .mod_newslist .item .event h3 a { color: #505050; } #main > .inside .information .addInfo .tabContentContainer .tabContent .mod_eventlist .item .event h2 a:hover, #main > .inside .information .addInfo .tabContentContainer .tabContent .mod_eventlist .item .event h3 a:hover, #main > .inside .information .addInfo .tabContentContainer .tabContent .mod_newslist .item .event h2 a:hover, #main > .inside .information .addInfo .tabContentContainer .tabContent .mod_newslist .item .event h3 a:hover { color: #4b6ba2; } #main > .inside .information .addInfo .tabContentContainer .tabContent .mod_eventlist .item .event div.teaser p, #main > .inside .information .addInfo .tabContentContainer .tabContent .mod_newslist .item .event div.teaser p { margin-top: 2%; } #main > .inside .information .addInfo .tabContentContainer .tabContent .mod_eventlist .item .news, #main > .inside .information .addInfo .tabContentContainer .tabContent .mod_newslist .item .news { position: absolute; top: 0; left: 20.5%; width: 74.5%; height: 100%; display: inline-block; background: #FFFFFF url("/files/layout/newsMore.png") no-repeat center right; background-size: auto 100%; color: #505050; padding: 0 2%; } #main > .inside .information .addInfo .tabContentContainer .tabContent .mod_eventlist .item .news:hover, #main > .inside .information .addInfo .tabContentContainer .tabContent .mod_newslist .item .news:hover { cursor: pointer; } #main > .inside .information .addInfo .tabContentContainer .tabContent .mod_eventlist .item .news h2, #main > .inside .information .addInfo .tabContentContainer .tabContent .mod_eventlist .item .news h3, #main > .inside .information .addInfo .tabContentContainer .tabContent .mod_newslist .item .news h2, #main > .inside .information .addInfo .tabContentContainer .tabContent .mod_newslist .item .news h3 { margin: 2% 0 0 0; font-size: 2.2rem; } #main > .inside .information .addInfo .tabContentContainer .tabContent .mod_eventlist .item .news h2 a, #main > .inside .information .addInfo .tabContentContainer .tabContent .mod_eventlist .item .news h3 a, #main > .inside .information .addInfo .tabContentContainer .tabContent .mod_newslist .item .news h2 a, #main > .inside .information .addInfo .tabContentContainer .tabContent .mod_newslist .item .news h3 a { color: #505050; } #main > .inside .information .addInfo .tabContentContainer .tabContent .mod_eventlist .item .news h2 a:hover, #main > .inside .information .addInfo .tabContentContainer .tabContent .mod_eventlist .item .news h3 a:hover, #main > .inside .information .addInfo .tabContentContainer .tabContent .mod_newslist .item .news h2 a:hover, #main > .inside .information .addInfo .tabContentContainer .tabContent .mod_newslist .item .news h3 a:hover { color: #4b6ba2; } #main > .inside .information .addInfo .tabContentContainer .tabContent .mod_eventlist .item .news div.teaser p, #main > .inside .information .addInfo .tabContentContainer .tabContent .mod_newslist .item .news div.teaser p { margin-top: 2%; } #main figure { margin: 0; } #startseite .information .mod_newslist .slick-prev, #startseite .information .mod_eventlist .slick-prev { right: 0; left: auto; transform: translate(-1vw, -3vw); height: 3vw; width: 3vw; border: 3px solid white; border-radius: 100%; z-index: 99; } #startseite .information .mod_newslist .slick-next, #startseite .information .mod_eventlist .slick-next { right: 0; left: auto; transform: translate(-1vw, 1vw); height: 3vw; width: 3vw; border: 3px solid white; border-radius: 100%; } #startseite .information .mod_newslist .slick-next:before, #startseite .information .mod_eventlist .slick-next:before { font-family: "FontAwesome5Free"; content: "\f078"; font-weight: 900; font-size: 2vw; opacity: 1; } #startseite .information .mod_newslist .slick-prev:before, #startseite .information .mod_eventlist .slick-prev:before { font-family: "FontAwesome5Free"; content: "\f077"; font-weight: 900; font-size: 2vw; opacity: 1; } #startseite .information .slick-list { height: 100% !important; width: 90% !important; } #startseite .information .slick-track { height: 100% !important; } #startseite .information .news-slick-slider-bundle, #startseite .information .event-slick-slider-bundle { height: 100%; } @media only screen and (max-width: 1024px) { p.time { font-size: 2rem !important; } #main > .inside #startseite .information .addInfo .tabContentContainer .tabContent .mod_newslist.news-slick-slider, #main > .inside #startseite .information .addInfo .tabContentContainer .tabContent .mod_eventlist.event-slick-slider { height: 90%; } #main > .inside #startseite .information .addInfo .tabContentContainer .tabContent .mod_newslist .item .news, #main > .inside #startseite .information .addInfo .tabContentContainer .tabContent .mod_eventlist .item .news { width: 74.5%; } #main .information .mod_eventlist .slick-next:before, #main .information .mod_newslist .slick-next:before { font-size: 4vw; } #main .information .mod_eventlist .slick-prev:before, #main .information .mod_newslist .slick-prev:before { font-size: 4vw; } #main .information .mod_eventlist .slick-prev, #main .information .mod_newslist .slick-prev { transform: translate(-3vw, -5vw); height: 5vw; width: 5vw; } #main .information .mod_eventlist .slick-next, #main .information .mod_newslist .slick-next { transform: translate(-3vw, 1vw); height: 5vw; width: 5vw; } #main .information .slick-list { height: 60rem !important; width: 83vw !important; } #main .information .slick-track { height: 60rem !important; } #main .information .news-slick-slider-bundle, #main .information .event-slick-slider-bundle { height: 60rem; } #main .information .event-slick-slider-bundle { width: 82vw !important; } #main .information .news-slick-slider-bundle { width: 81vw !important; } } @media screen and (max-width: 640px) { h2 { font-size: 4.7rem; line-height: 1.2; } p { font-size: 2.6rem; line-height: 1.4; font-weight: normal; } #main { font-size: 3.4rem; } #main > .inside { width: 100%; } #main > .inside div.aktuelles.group { height: auto; padding: 5%; margin-bottom: 0; } #main > .inside div.aktuelles.group #overflowHider { height: auto; margin-top: 3vw; } #main > .inside div.aktuelles.group #overflowHider .mod_newslist { float: left; width: 82%; } #main > .inside div.aktuelles.group #overflowHider .mod_newslist .layout_short { height: auto; } #main > .inside div.aktuelles.group #overflowHider .mod_newslist .layout_short h2, #main > .inside div.aktuelles.group #overflowHider .mod_newslist .layout_short h3 { margin: 0 0 2vw 0; line-height: 1.2; font-size: 3.3rem; } #main > .inside div.aktuelles.group #overflowHider .mod_newslist .layout_short .teaser p { line-height: 1.3; font-size: 2.5rem; } #main > .inside div.aktuelles.group .aktuellesFunctions { float: left; width: 18%; } #main > .inside div.aktuelles.group .aktuellesFunctions p { margin-top: 9vw; } #main > .inside div.aktuelles.group .aktuellesFunctions p a { width: 6vw; } #main > .inside .information { height: auto; } #main > .inside .information div.randomArticle { width: 100%; margin: 0; } #main > .inside .information div.randomArticle .backgroundImage { display: none; } #main > .inside .information div.randomArticle .overlayText { position: static; width: auto; height: auto; min-height: 32rem; padding: 5%; } #main > .inside .information div.randomArticle .overlayText p { line-height: 1.4; } #main > .inside .information div.addInfo .bgOrange, #main > .inside .information div.addInfo .bgBlue { float: none; height: auto; margin: 0; width: 100%; padding: 5%; } #main > .inside .information div.addInfo .tabControl { margin-top: 0; } #main > .inside .information div.addInfo .tabControl .tabToggler { float: none; width: 100%; height: auto; padding: 5%; } #main > .inside .information div.addInfo .tabControl .tabToggler p { font-size: 4.7rem; line-height: inherit; } #main > .inside .information div.addInfo .tabControl .tabToggler p:first-child { padding-top: 40px; } #main > .inside .information div.addInfo .tabControl .tabToggler p.notDesktop { font-weight: 300; } #main > .inside .information div.addInfo .tabControl .tabToggler p.notDesktop a { color: #505050; font-size: 2.6rem; text-decoration: none; } #main > .inside .information div.addInfo .tabControl .tabToggler.bgLightBlue p.notDesktop a { color: #FFFFFF; } #main > .inside .information div.addInfo .tabContentContainer { display: none; } #main > .inside .teaserContainer { margin-top: 0; } #main > .inside .teaserContainer .ce_image { padding: 5vw 5vw 0; } #main > .inside .teaserContainer > div h2 { padding-left: 5%; font-size: 6rem; } #main > .inside .teaserContainer > div .ce_text { height: auto; padding: 0 5%; } #main > .inside .teaserContainer > div .ce_hyperlink { margin-left: 5%; } } /*# sourceMappingURL=start.css.map */ /* jQuery.mmenu CSS */ /* jQuery.mmenu oncanvas CSS */ .mm-hidden { display: none !important; } .mm-wrapper { overflow-x: hidden; position: relative; } .mm-menu, .mm-panels, .mm-panels > .mm-panel { margin: 0; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 0; } .mm-menu { box-sizing: border-box; background: inherit; display: block; overflow: hidden; padding: 0; } .mm-panel { -webkit-transition: -webkit-transform 0.4s ease; -moz-transition: -moz-transform 0.4s ease; -ms-transition: -ms-transform 0.4s ease; -o-transition: -o-transform 0.4s ease; transition: transform 0.4s ease; -webkit-transform: translate3d(100%, 0, 0); -moz-transform: translate3d(100%, 0, 0); -ms-transform: translate3d(100%, 0, 0); -o-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } .mm-panel.mm-opened { -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); } .mm-panel.mm-subopened { -webkit-transform: translate3d(-30%, 0, 0); -moz-transform: translate3d(-30%, 0, 0); -ms-transform: translate3d(-30%, 0, 0); -o-transform: translate3d(-30%, 0, 0); transform: translate3d(-30%, 0, 0); } .mm-panel.mm-highest { z-index: 1; } .mm-panels, .mm-panels > .mm-panel { background: inherit; border-color: inherit; } .mm-panels > .mm-panel { background: inherit; border-color: inherit; -webkit-overflow-scrolling: touch; overflow: scroll; overflow-x: hidden; overflow-y: auto; box-sizing: border-box; padding: 0 20px; } .mm-panels > .mm-panel.mm-hasnavbar { padding-top: 40px; } .mm-panels > .mm-panel:before, .mm-panels > .mm-panel:after { content: ''; display: block; height: 20px; } .mm-vertical .mm-panel { -webkit-transform: none !important; -moz-transform: none !important; -ms-transform: none !important; -o-transform: none !important; transform: none !important; } .mm-vertical .mm-listview .mm-panel, .mm-listview .mm-vertical .mm-panel { display: none; padding: 10px 0 10px 10px; } .mm-vertical .mm-listview .mm-panel .mm-listview > li:last-child:after, .mm-listview .mm-vertical .mm-panel .mm-listview > li:last-child:after { border-color: transparent; } .mm-vertical li.mm-opened > .mm-panel, li.mm-vertical.mm-opened > .mm-panel { display: block; } .mm-vertical .mm-listview > li > .mm-next, .mm-listview > li.mm-vertical > .mm-next { height: 40px; bottom: auto; } .mm-vertical .mm-listview > li > .mm-next:after, .mm-listview > li.mm-vertical > .mm-next:after { top: 16px; bottom: auto; } .mm-vertical .mm-listview > li.mm-opened > .mm-next:after, .mm-listview > li.mm-vertical.mm-opened > .mm-next:after { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .mm-navbar { border-bottom: 1px solid; border-color: inherit; text-align: center; line-height: 20px; height: 40px; padding: 0 40px; margin: 0; position: absolute; top: 0; left: 0; right: 0; } .mm-navbar > * { display: block; padding: 10px 0; } .mm-navbar a, .mm-navbar a:hover { text-decoration: none; } .mm-navbar .mm-title { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .mm-navbar .mm-btn { box-sizing: border-box; width: 40px; height: 40px; position: absolute; top: 0; z-index: 1; } .mm-navbar .mm-btn:first-child { padding-left: 20px; left: 0; } .mm-navbar .mm-btn:last-child { text-align: right; padding-right: 20px; right: 0; } .mm-panel .mm-navbar { display: none; } .mm-panel.mm-hasnavbar .mm-navbar { display: block; } .mm-listview, .mm-listview > li { list-style: none; display: block; padding: 0; margin: 0; } .mm-listview { font: inherit; font-size: 14px; line-height: 20px; } .mm-listview a, .mm-listview a:hover { text-decoration: none; } .mm-listview > li { position: relative; } .mm-listview > li, .mm-listview > li:after, .mm-listview > li .mm-next, .mm-listview > li .mm-next:before { border-color: inherit; } .mm-listview > li > a, .mm-listview > li > span { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; color: inherit; display: block; padding: 10px 10px 10px 20px; margin: 0; } .mm-listview > li > a.mm-arrow, .mm-listview > li > span.mm-arrow { padding-right: 50px; } .mm-listview > li:not(.mm-divider):after { content: ''; border-bottom-width: 1px; border-bottom-style: solid; display: block; position: absolute; left: 0; right: 0; bottom: 0; } .mm-listview > li:not(.mm-divider):after { left: 20px; } .mm-listview .mm-next { background: rgba(3, 2, 1, 0); width: 50px; padding: 0; position: absolute; right: 0; top: 0; bottom: 0; z-index: 2; } .mm-listview .mm-next:before { content: ''; border-left-width: 1px; border-left-style: solid; display: block; position: absolute; top: 0; bottom: 0; left: 0; } .mm-listview .mm-next + a, .mm-listview .mm-next + span { margin-right: 50px; } .mm-listview .mm-next.mm-fullsubopen { width: 100%; } .mm-listview .mm-next.mm-fullsubopen:before { border-left: none; } .mm-listview .mm-next.mm-fullsubopen + a, .mm-listview .mm-next.mm-fullsubopen + span { padding-right: 50px; margin-right: 0; } .mm-panels > .mm-panel > .mm-listview { margin: 20px -20px; } .mm-panels > .mm-panel > .mm-listview:first-child, .mm-panels > .mm-panel > .mm-navbar + .mm-listview { margin-top: -20px; } .mm-listview .mm-inset { list-style: inside disc; padding: 0 10px 15px 40px; margin: 0; } .mm-listview .mm-inset > li { padding: 5px 0; } .mm-listview .mm-divider { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-size: 10px; text-transform: uppercase; text-indent: 20px; line-height: 25px; } .mm-listview .mm-spacer { padding-top: 40px; } .mm-listview .mm-spacer > .mm-next { top: 40px; } .mm-listview .mm-spacer.mm-divider { padding-top: 25px; } .mm-prev:before, .mm-next:after, .mm-arrow:after { content: ''; border: 2px solid transparent; display: inline-block; width: 8px; height: 8px; margin: auto; position: absolute; top: 0; bottom: 0; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } .mm-prev:before { border-right: none; border-bottom: none; left: 23px; } .mm-next:after, .mm-arrow:after { border-top: none; border-left: none; right: 23px; } .mm-menu { background: #f3f3f3; border-color: rgba(0, 0, 0, 0.1); color: rgba(0, 0, 0, 0.7); } .mm-menu .mm-navbar > *, .mm-menu .mm-navbar a { color: rgba(0, 0, 0, 0.3); } .mm-menu .mm-navbar .mm-btn:before, .mm-menu .mm-navbar .mm-btn:after { border-color: rgba(0, 0, 0, 0.3); } .mm-menu .mm-listview { border-color: rgba(0, 0, 0, 0.1); } .mm-menu .mm-listview > li .mm-next:after, .mm-menu .mm-listview > li .mm-arrow:after { border-color: rgba(0, 0, 0, 0.3); } .mm-menu .mm-listview > li a:not(.mm-next) { -webkit-tap-highlight-color: rgba(255, 255, 255, 0.5); tap-highlight-color: rgba(255, 255, 255, 0.5); } .mm-menu .mm-listview > li.mm-selected > a:not(.mm-next), .mm-menu .mm-listview > li.mm-selected > span { background: rgba(255, 255, 255, 0.5); } .mm-menu.mm-vertical .mm-listview > li.mm-opened > a.mm-next, .mm-menu.mm-vertical .mm-listview > li.mm-opened > .mm-panel, .mm-menu .mm-listview > li.mm-opened.mm-vertical > a.mm-next, .mm-menu .mm-listview > li.mm-opened.mm-vertical > .mm-panel { background: rgba(0, 0, 0, 0.05); } .mm-menu .mm-divider { background: rgba(0, 0, 0, 0.05); } /* jQuery.mmenu offcanvas addon CSS */ .mm-page { box-sizing: border-box; position: relative; } .mm-slideout { -webkit-transition: -webkit-transform 0.4s ease; -ms-transition: -ms-transform 0.4s ease; transition: transform 0.4s ease; } html.mm-opened { overflow-x: hidden; position: relative; } html.mm-blocking { overflow: hidden; } html.mm-blocking body { overflow: hidden; } html.mm-background .mm-page { background: inherit; } #mm-blocker { background: rgba(3, 2, 1, 0); display: none; width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 999999; } html.mm-blocking #mm-blocker { display: block; } .mm-menu.mm-offcanvas { display: none; position: fixed; } .mm-menu.mm-current { display: block; } .mm-menu { width: 80%; min-width: 140px; max-width: 440px; } html.mm-opening .mm-slideout { -webkit-transform: translate(80%, 0); -moz-transform: translate(80%, 0); -ms-transform: translate(80%, 0); -o-transform: translate(80%, 0); transform: translate(80%, 0); } @media all and (max-width: 175px) { html.mm-opening .mm-slideout { -webkit-transform: translate(140px, 0); -moz-transform: translate(140px, 0); -ms-transform: translate(140px, 0); -o-transform: translate(140px, 0); transform: translate(140px, 0); } } @media all and (min-width: 550px) { html.mm-opening .mm-slideout { -webkit-transform: translate(440px, 0); -moz-transform: translate(440px, 0); -ms-transform: translate(440px, 0); -o-transform: translate(440px, 0); transform: translate(440px, 0); } } .mod_newslist .layout_short .info { display: none; } /*! * Font Awesome Free 5.0.6 by @fontawesome - http:/fontawesome.com * License - http:/fontawesome.com/license (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) */ .fa, .fas, .far, .fal, .fab { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1; } .fa-lg { font-size: 1.33333em; line-height: 0.75em; vertical-align: -.0667em; } .fa-xs { font-size: .75em; } .fa-sm { font-size: .875em; } .fa-1x { font-size: 1em; } .fa-2x { font-size: 2em; } .fa-3x { font-size: 3em; } .fa-4x { font-size: 4em; } .fa-5x { font-size: 5em; } .fa-6x { font-size: 6em; } .fa-7x { font-size: 7em; } .fa-8x { font-size: 8em; } .fa-9x { font-size: 9em; } .fa-10x { font-size: 10em; } .fa-fw { text-align: center; width: 1.25em; } .fa-ul { list-style-type: none; margin-left: 2.5em; padding-left: 0; } .fa-ul > li { position: relative; } .fa-li { left: -2em; position: absolute; text-align: center; width: 2em; line-height: inherit; } .fa-border { border: solid 0.08em #eee; border-radius: .1em; padding: .2em .25em .15em; } .fa-pull-left { float: left; } .fa-pull-right { float: right; } .fa.fa-pull-left, .fas.fa-pull-left, .far.fa-pull-left, .fal.fa-pull-left, .fab.fa-pull-left { margin-right: .3em; } .fa.fa-pull-right, .fas.fa-pull-right, .far.fa-pull-right, .fal.fa-pull-right, .fab.fa-pull-right { margin-left: .3em; } .fa-spin { -webkit-animation: fa-spin 2s infinite linear; animation: fa-spin 2s infinite linear; } .fa-pulse { -webkit-animation: fa-spin 1s infinite steps(8); animation: fa-spin 1s infinite steps(8); } @-webkit-keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .fa-rotate-90 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)"; -webkit-transform: rotate(90deg); transform: rotate(90deg); } .fa-rotate-180 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)"; -webkit-transform: rotate(180deg); transform: rotate(180deg); } .fa-rotate-270 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)"; -webkit-transform: rotate(270deg); transform: rotate(270deg); } .fa-flip-horizontal { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)"; -webkit-transform: scale(-1, 1); transform: scale(-1, 1); } .fa-flip-vertical { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"; -webkit-transform: scale(1, -1); transform: scale(1, -1); } .fa-flip-horizontal.fa-flip-vertical { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"; -webkit-transform: scale(-1, -1); transform: scale(-1, -1); } :root .fa-rotate-90, :root .fa-rotate-180, :root .fa-rotate-270, :root .fa-flip-horizontal, :root .fa-flip-vertical { -webkit-filter: none; filter: none; } .fa-stack { display: inline-block; height: 2em; line-height: 2em; position: relative; vertical-align: middle; width: 2em; } .fa-stack-1x, .fa-stack-2x { left: 0; position: absolute; text-align: center; width: 100%; } .fa-stack-1x { line-height: inherit; } .fa-stack-2x { font-size: 2em; } .fa-inverse { color: #fff; } /* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen readers do not read off random characters that represent icons */ .fa-500px:before { content: "\f26e"; } .fa-accessible-icon:before { content: "\f368"; } .fa-accusoft:before { content: "\f369"; } .fa-address-book:before { content: "\f2b9"; } .fa-address-card:before { content: "\f2bb"; } .fa-adjust:before { content: "\f042"; } .fa-adn:before { content: "\f170"; } .fa-adversal:before { content: "\f36a"; } .fa-affiliatetheme:before { content: "\f36b"; } .fa-algolia:before { content: "\f36c"; } .fa-align-center:before { content: "\f037"; } .fa-align-justify:before { content: "\f039"; } .fa-align-left:before { content: "\f036"; } .fa-align-right:before { content: "\f038"; } .fa-amazon:before { content: "\f270"; } .fa-amazon-pay:before { content: "\f42c"; } .fa-ambulance:before { content: "\f0f9"; } .fa-american-sign-language-interpreting:before { content: "\f2a3"; } .fa-amilia:before { content: "\f36d"; } .fa-anchor:before { content: "\f13d"; } .fa-android:before { content: "\f17b"; } .fa-angellist:before { content: "\f209"; } .fa-angle-double-down:before { content: "\f103"; } .fa-angle-double-left:before { content: "\f100"; } .fa-angle-double-right:before { content: "\f101"; } .fa-angle-double-up:before { content: "\f102"; } .fa-angle-down:before { content: "\f107"; } .fa-angle-left:before { content: "\f104"; } .fa-angle-right:before { content: "\f105"; } .fa-angle-up:before { content: "\f106"; } .fa-angrycreative:before { content: "\f36e"; } .fa-angular:before { content: "\f420"; } .fa-app-store:before { content: "\f36f"; } .fa-app-store-ios:before { content: "\f370"; } .fa-apper:before { content: "\f371"; } .fa-apple:before { content: "\f179"; } .fa-apple-pay:before { content: "\f415"; } .fa-archive:before { content: "\f187"; } .fa-arrow-alt-circle-down:before { content: "\f358"; } .fa-arrow-alt-circle-left:before { content: "\f359"; } .fa-arrow-alt-circle-right:before { content: "\f35a"; } .fa-arrow-alt-circle-up:before { content: "\f35b"; } .fa-arrow-circle-down:before { content: "\f0ab"; } .fa-arrow-circle-left:before { content: "\f0a8"; } .fa-arrow-circle-right:before { content: "\f0a9"; } .fa-arrow-circle-up:before { content: "\f0aa"; } .fa-arrow-down:before { content: "\f063"; } .fa-arrow-left:before { content: "\f060"; } .fa-arrow-right:before { content: "\f061"; } .fa-arrow-up:before { content: "\f062"; } .fa-arrows-alt:before { content: "\f0b2"; } .fa-arrows-alt-h:before { content: "\f337"; } .fa-arrows-alt-v:before { content: "\f338"; } .fa-assistive-listening-systems:before { content: "\f2a2"; } .fa-asterisk:before { content: "\f069"; } .fa-asymmetrik:before { content: "\f372"; } .fa-at:before { content: "\f1fa"; } .fa-audible:before { content: "\f373"; } .fa-audio-description:before { content: "\f29e"; } .fa-autoprefixer:before { content: "\f41c"; } .fa-avianex:before { content: "\f374"; } .fa-aviato:before { content: "\f421"; } .fa-aws:before { content: "\f375"; } .fa-backward:before { content: "\f04a"; } .fa-balance-scale:before { content: "\f24e"; } .fa-ban:before { content: "\f05e"; } .fa-bandcamp:before { content: "\f2d5"; } .fa-barcode:before { content: "\f02a"; } .fa-bars:before { content: "\f0c9"; } .fa-baseball-ball:before { content: "\f433"; } .fa-basketball-ball:before { content: "\f434"; } .fa-bath:before { content: "\f2cd"; } .fa-battery-empty:before { content: "\f244"; } .fa-battery-full:before { content: "\f240"; } .fa-battery-half:before { content: "\f242"; } .fa-battery-quarter:before { content: "\f243"; } .fa-battery-three-quarters:before { content: "\f241"; } .fa-bed:before { content: "\f236"; } .fa-beer:before { content: "\f0fc"; } .fa-behance:before { content: "\f1b4"; } .fa-behance-square:before { content: "\f1b5"; } .fa-bell:before { content: "\f0f3"; } .fa-bell-slash:before { content: "\f1f6"; } .fa-bicycle:before { content: "\f206"; } .fa-bimobject:before { content: "\f378"; } .fa-binoculars:before { content: "\f1e5"; } .fa-birthday-cake:before { content: "\f1fd"; } .fa-bitbucket:before { content: "\f171"; } .fa-bitcoin:before { content: "\f379"; } .fa-bity:before { content: "\f37a"; } .fa-black-tie:before { content: "\f27e"; } .fa-blackberry:before { content: "\f37b"; } .fa-blind:before { content: "\f29d"; } .fa-blogger:before { content: "\f37c"; } .fa-blogger-b:before { content: "\f37d"; } .fa-bluetooth:before { content: "\f293"; } .fa-bluetooth-b:before { content: "\f294"; } .fa-bold:before { content: "\f032"; } .fa-bolt:before { content: "\f0e7"; } .fa-bomb:before { content: "\f1e2"; } .fa-book:before { content: "\f02d"; } .fa-bookmark:before { content: "\f02e"; } .fa-bowling-ball:before { content: "\f436"; } .fa-braille:before { content: "\f2a1"; } .fa-briefcase:before { content: "\f0b1"; } .fa-btc:before { content: "\f15a"; } .fa-bug:before { content: "\f188"; } .fa-building:before { content: "\f1ad"; } .fa-bullhorn:before { content: "\f0a1"; } .fa-bullseye:before { content: "\f140"; } .fa-buromobelexperte:before { content: "\f37f"; } .fa-bus:before { content: "\f207"; } .fa-buysellads:before { content: "\f20d"; } .fa-calculator:before { content: "\f1ec"; } .fa-calendar:before { content: "\f133"; } .fa-calendar-alt:before { content: "\f073"; } .fa-calendar-check:before { content: "\f274"; } .fa-calendar-minus:before { content: "\f272"; } .fa-calendar-plus:before { content: "\f271"; } .fa-calendar-times:before { content: "\f273"; } .fa-camera:before { content: "\f030"; } .fa-camera-retro:before { content: "\f083"; } .fa-car:before { content: "\f1b9"; } .fa-caret-down:before { content: "\f0d7"; } .fa-caret-left:before { content: "\f0d9"; } .fa-caret-right:before { content: "\f0da"; } .fa-caret-square-down:before { content: "\f150"; } .fa-caret-square-left:before { content: "\f191"; } .fa-caret-square-right:before { content: "\f152"; } .fa-caret-square-up:before { content: "\f151"; } .fa-caret-up:before { content: "\f0d8"; } .fa-cart-arrow-down:before { content: "\f218"; } .fa-cart-plus:before { content: "\f217"; } .fa-cc-amazon-pay:before { content: "\f42d"; } .fa-cc-amex:before { content: "\f1f3"; } .fa-cc-apple-pay:before { content: "\f416"; } .fa-cc-diners-club:before { content: "\f24c"; } .fa-cc-discover:before { content: "\f1f2"; } .fa-cc-jcb:before { content: "\f24b"; } .fa-cc-mastercard:before { content: "\f1f1"; } .fa-cc-paypal:before { content: "\f1f4"; } .fa-cc-stripe:before { content: "\f1f5"; } .fa-cc-visa:before { content: "\f1f0"; } .fa-centercode:before { content: "\f380"; } .fa-certificate:before { content: "\f0a3"; } .fa-chart-area:before { content: "\f1fe"; } .fa-chart-bar:before { content: "\f080"; } .fa-chart-line:before { content: "\f201"; } .fa-chart-pie:before { content: "\f200"; } .fa-check:before { content: "\f00c"; } .fa-check-circle:before { content: "\f058"; } .fa-check-square:before { content: "\f14a"; } .fa-chess:before { content: "\f439"; } .fa-chess-bishop:before { content: "\f43a"; } .fa-chess-board:before { content: "\f43c"; } .fa-chess-king:before { content: "\f43f"; } .fa-chess-knight:before { content: "\f441"; } .fa-chess-pawn:before { content: "\f443"; } .fa-chess-queen:before { content: "\f445"; } .fa-chess-rook:before { content: "\f447"; } .fa-chevron-circle-down:before { content: "\f13a"; } .fa-chevron-circle-left:before { content: "\f137"; } .fa-chevron-circle-right:before { content: "\f138"; } .fa-chevron-circle-up:before { content: "\f139"; } .fa-chevron-down:before { content: "\f078"; } .fa-chevron-left:before { content: "\f053"; } .fa-chevron-right:before { content: "\f054"; } .fa-chevron-up:before { content: "\f077"; } .fa-child:before { content: "\f1ae"; } .fa-chrome:before { content: "\f268"; } .fa-circle:before { content: "\f111"; } .fa-circle-notch:before { content: "\f1ce"; } .fa-clipboard:before { content: "\f328"; } .fa-clock:before { content: "\f017"; } .fa-clone:before { content: "\f24d"; } .fa-closed-captioning:before { content: "\f20a"; } .fa-cloud:before { content: "\f0c2"; } .fa-cloud-download-alt:before { content: "\f381"; } .fa-cloud-upload-alt:before { content: "\f382"; } .fa-cloudscale:before { content: "\f383"; } .fa-cloudsmith:before { content: "\f384"; } .fa-cloudversify:before { content: "\f385"; } .fa-code:before { content: "\f121"; } .fa-code-branch:before { content: "\f126"; } .fa-codepen:before { content: "\f1cb"; } .fa-codiepie:before { content: "\f284"; } .fa-coffee:before { content: "\f0f4"; } .fa-cog:before { content: "\f013"; } .fa-cogs:before { content: "\f085"; } .fa-columns:before { content: "\f0db"; } .fa-comment:before { content: "\f075"; } .fa-comment-alt:before { content: "\f27a"; } .fa-comments:before { content: "\f086"; } .fa-compass:before { content: "\f14e"; } .fa-compress:before { content: "\f066"; } .fa-connectdevelop:before { content: "\f20e"; } .fa-contao:before { content: "\f26d"; } .fa-copy:before { content: "\f0c5"; } .fa-copyright:before { content: "\f1f9"; } .fa-cpanel:before { content: "\f388"; } .fa-creative-commons:before { content: "\f25e"; } .fa-credit-card:before { content: "\f09d"; } .fa-crop:before { content: "\f125"; } .fa-crosshairs:before { content: "\f05b"; } .fa-css3:before { content: "\f13c"; } .fa-css3-alt:before { content: "\f38b"; } .fa-cube:before { content: "\f1b2"; } .fa-cubes:before { content: "\f1b3"; } .fa-cut:before { content: "\f0c4"; } .fa-cuttlefish:before { content: "\f38c"; } .fa-d-and-d:before { content: "\f38d"; } .fa-dashcube:before { content: "\f210"; } .fa-database:before { content: "\f1c0"; } .fa-deaf:before { content: "\f2a4"; } .fa-delicious:before { content: "\f1a5"; } .fa-deploydog:before { content: "\f38e"; } .fa-deskpro:before { content: "\f38f"; } .fa-desktop:before { content: "\f108"; } .fa-deviantart:before { content: "\f1bd"; } .fa-digg:before { content: "\f1a6"; } .fa-digital-ocean:before { content: "\f391"; } .fa-discord:before { content: "\f392"; } .fa-discourse:before { content: "\f393"; } .fa-dochub:before { content: "\f394"; } .fa-docker:before { content: "\f395"; } .fa-dollar-sign:before { content: "\f155"; } .fa-dot-circle:before { content: "\f192"; } .fa-download:before { content: "\f019"; } .fa-draft2digital:before { content: "\f396"; } .fa-dribbble:before { content: "\f17d"; } .fa-dribbble-square:before { content: "\f397"; } .fa-dropbox:before { content: "\f16b"; } .fa-drupal:before { content: "\f1a9"; } .fa-dyalog:before { content: "\f399"; } .fa-earlybirds:before { content: "\f39a"; } .fa-edge:before { content: "\f282"; } .fa-edit:before { content: "\f044"; } .fa-eject:before { content: "\f052"; } .fa-elementor:before { content: "\f430"; } .fa-ellipsis-h:before { content: "\f141"; } .fa-ellipsis-v:before { content: "\f142"; } .fa-ember:before { content: "\f423"; } .fa-empire:before { content: "\f1d1"; } .fa-envelope:before { content: "\f0e0"; } .fa-envelope-open:before { content: "\f2b6"; } .fa-envelope-square:before { content: "\f199"; } .fa-envira:before { content: "\f299"; } .fa-eraser:before { content: "\f12d"; } .fa-erlang:before { content: "\f39d"; } .fa-ethereum:before { content: "\f42e"; } .fa-etsy:before { content: "\f2d7"; } .fa-euro-sign:before { content: "\f153"; } .fa-exchange-alt:before { content: "\f362"; } .fa-exclamation:before { content: "\f12a"; } .fa-exclamation-circle:before { content: "\f06a"; } .fa-exclamation-triangle:before { content: "\f071"; } .fa-expand:before { content: "\f065"; } .fa-expand-arrows-alt:before { content: "\f31e"; } .fa-expeditedssl:before { content: "\f23e"; } .fa-external-link-alt:before { content: "\f35d"; } .fa-external-link-square-alt:before { content: "\f360"; } .fa-eye:before { content: "\f06e"; } .fa-eye-dropper:before { content: "\f1fb"; } .fa-eye-slash:before { content: "\f070"; } .fa-facebook:before { content: "\f09a"; } .fa-facebook-f:before { content: "\f39e"; } .fa-facebook-messenger:before { content: "\f39f"; } .fa-facebook-square:before { content: "\f082"; } .fa-fast-backward:before { content: "\f049"; } .fa-fast-forward:before { content: "\f050"; } .fa-fax:before { content: "\f1ac"; } .fa-female:before { content: "\f182"; } .fa-fighter-jet:before { content: "\f0fb"; } .fa-file:before { content: "\f15b"; } .fa-file-alt:before { content: "\f15c"; } .fa-file-archive:before { content: "\f1c6"; } .fa-file-audio:before { content: "\f1c7"; } .fa-file-code:before { content: "\f1c9"; } .fa-file-excel:before { content: "\f1c3"; } .fa-file-image:before { content: "\f1c5"; } .fa-file-pdf:before { content: "\f1c1"; } .fa-file-powerpoint:before { content: "\f1c4"; } .fa-file-video:before { content: "\f1c8"; } .fa-file-word:before { content: "\f1c2"; } .fa-film:before { content: "\f008"; } .fa-filter:before { content: "\f0b0"; } .fa-fire:before { content: "\f06d"; } .fa-fire-extinguisher:before { content: "\f134"; } .fa-firefox:before { content: "\f269"; } .fa-first-order:before { content: "\f2b0"; } .fa-firstdraft:before { content: "\f3a1"; } .fa-flag:before { content: "\f024"; } .fa-flag-checkered:before { content: "\f11e"; } .fa-flask:before { content: "\f0c3"; } .fa-flickr:before { content: "\f16e"; } .fa-flipboard:before { content: "\f44d"; } .fa-fly:before { content: "\f417"; } .fa-folder:before { content: "\f07b"; } .fa-folder-open:before { content: "\f07c"; } .fa-font:before { content: "\f031"; } .fa-font-awesome:before { content: "\f2b4"; } .fa-font-awesome-alt:before { content: "\f35c"; } .fa-font-awesome-flag:before { content: "\f425"; } .fa-fonticons:before { content: "\f280"; } .fa-fonticons-fi:before { content: "\f3a2"; } .fa-football-ball:before { content: "\f44e"; } .fa-fort-awesome:before { content: "\f286"; } .fa-fort-awesome-alt:before { content: "\f3a3"; } .fa-forumbee:before { content: "\f211"; } .fa-forward:before { content: "\f04e"; } .fa-foursquare:before { content: "\f180"; } .fa-free-code-camp:before { content: "\f2c5"; } .fa-freebsd:before { content: "\f3a4"; } .fa-frown:before { content: "\f119"; } .fa-futbol:before { content: "\f1e3"; } .fa-gamepad:before { content: "\f11b"; } .fa-gavel:before { content: "\f0e3"; } .fa-gem:before { content: "\f3a5"; } .fa-genderless:before { content: "\f22d"; } .fa-get-pocket:before { content: "\f265"; } .fa-gg:before { content: "\f260"; } .fa-gg-circle:before { content: "\f261"; } .fa-gift:before { content: "\f06b"; } .fa-git:before { content: "\f1d3"; } .fa-git-square:before { content: "\f1d2"; } .fa-github:before { content: "\f09b"; } .fa-github-alt:before { content: "\f113"; } .fa-github-square:before { content: "\f092"; } .fa-gitkraken:before { content: "\f3a6"; } .fa-gitlab:before { content: "\f296"; } .fa-gitter:before { content: "\f426"; } .fa-glass-martini:before { content: "\f000"; } .fa-glide:before { content: "\f2a5"; } .fa-glide-g:before { content: "\f2a6"; } .fa-globe:before { content: "\f0ac"; } .fa-gofore:before { content: "\f3a7"; } .fa-golf-ball:before { content: "\f450"; } .fa-goodreads:before { content: "\f3a8"; } .fa-goodreads-g:before { content: "\f3a9"; } .fa-google:before { content: "\f1a0"; } .fa-google-drive:before { content: "\f3aa"; } .fa-google-play:before { content: "\f3ab"; } .fa-google-plus:before { content: "\f2b3"; } .fa-google-plus-g:before { content: "\f0d5"; } .fa-google-plus-square:before { content: "\f0d4"; } .fa-google-wallet:before { content: "\f1ee"; } .fa-graduation-cap:before { content: "\f19d"; } .fa-gratipay:before { content: "\f184"; } .fa-grav:before { content: "\f2d6"; } .fa-gripfire:before { content: "\f3ac"; } .fa-grunt:before { content: "\f3ad"; } .fa-gulp:before { content: "\f3ae"; } .fa-h-square:before { content: "\f0fd"; } .fa-hacker-news:before { content: "\f1d4"; } .fa-hacker-news-square:before { content: "\f3af"; } .fa-hand-lizard:before { content: "\f258"; } .fa-hand-paper:before { content: "\f256"; } .fa-hand-peace:before { content: "\f25b"; } .fa-hand-point-down:before { content: "\f0a7"; } .fa-hand-point-left:before { content: "\f0a5"; } .fa-hand-point-right:before { content: "\f0a4"; } .fa-hand-point-up:before { content: "\f0a6"; } .fa-hand-pointer:before { content: "\f25a"; } .fa-hand-rock:before { content: "\f255"; } .fa-hand-scissors:before { content: "\f257"; } .fa-hand-spock:before { content: "\f259"; } .fa-handshake:before { content: "\f2b5"; } .fa-hashtag:before { content: "\f292"; } .fa-hdd:before { content: "\f0a0"; } .fa-heading:before { content: "\f1dc"; } .fa-headphones:before { content: "\f025"; } .fa-heart:before { content: "\f004"; } .fa-heartbeat:before { content: "\f21e"; } .fa-hips:before { content: "\f452"; } .fa-hire-a-helper:before { content: "\f3b0"; } .fa-history:before { content: "\f1da"; } .fa-hockey-puck:before { content: "\f453"; } .fa-home:before { content: "\f015"; } .fa-hooli:before { content: "\f427"; } .fa-hospital:before { content: "\f0f8"; } .fa-hotjar:before { content: "\f3b1"; } .fa-hourglass:before { content: "\f254"; } .fa-hourglass-end:before { content: "\f253"; } .fa-hourglass-half:before { content: "\f252"; } .fa-hourglass-start:before { content: "\f251"; } .fa-houzz:before { content: "\f27c"; } .fa-html5:before { content: "\f13b"; } .fa-hubspot:before { content: "\f3b2"; } .fa-i-cursor:before { content: "\f246"; } .fa-id-badge:before { content: "\f2c1"; } .fa-id-card:before { content: "\f2c2"; } .fa-image:before { content: "\f03e"; } .fa-images:before { content: "\f302"; } .fa-imdb:before { content: "\f2d8"; } .fa-inbox:before { content: "\f01c"; } .fa-indent:before { content: "\f03c"; } .fa-industry:before { content: "\f275"; } .fa-info:before { content: "\f129"; } .fa-info-circle:before { content: "\f05a"; } .fa-instagram:before { content: "\f16d"; } .fa-internet-explorer:before { content: "\f26b"; } .fa-ioxhost:before { content: "\f208"; } .fa-italic:before { content: "\f033"; } .fa-itunes:before { content: "\f3b4"; } .fa-itunes-note:before { content: "\f3b5"; } .fa-jenkins:before { content: "\f3b6"; } .fa-joget:before { content: "\f3b7"; } .fa-joomla:before { content: "\f1aa"; } .fa-js:before { content: "\f3b8"; } .fa-js-square:before { content: "\f3b9"; } .fa-jsfiddle:before { content: "\f1cc"; } .fa-key:before { content: "\f084"; } .fa-keyboard:before { content: "\f11c"; } .fa-keycdn:before { content: "\f3ba"; } .fa-kickstarter:before { content: "\f3bb"; } .fa-kickstarter-k:before { content: "\f3bc"; } .fa-korvue:before { content: "\f42f"; } .fa-language:before { content: "\f1ab"; } .fa-laptop:before { content: "\f109"; } .fa-laravel:before { content: "\f3bd"; } .fa-lastfm:before { content: "\f202"; } .fa-lastfm-square:before { content: "\f203"; } .fa-leaf:before { content: "\f06c"; } .fa-leanpub:before { content: "\f212"; } .fa-lemon:before { content: "\f094"; } .fa-less:before { content: "\f41d"; } .fa-level-down-alt:before { content: "\f3be"; } .fa-level-up-alt:before { content: "\f3bf"; } .fa-life-ring:before { content: "\f1cd"; } .fa-lightbulb:before { content: "\f0eb"; } .fa-line:before { content: "\f3c0"; } .fa-link:before { content: "\f0c1"; } .fa-linkedin:before { content: "\f08c"; } .fa-linkedin-in:before { content: "\f0e1"; } .fa-linode:before { content: "\f2b8"; } .fa-linux:before { content: "\f17c"; } .fa-lira-sign:before { content: "\f195"; } .fa-list:before { content: "\f03a"; } .fa-list-alt:before { content: "\f022"; } .fa-list-ol:before { content: "\f0cb"; } .fa-list-ul:before { content: "\f0ca"; } .fa-location-arrow:before { content: "\f124"; } .fa-lock:before { content: "\f023"; } .fa-lock-open:before { content: "\f3c1"; } .fa-long-arrow-alt-down:before { content: "\f309"; } .fa-long-arrow-alt-left:before { content: "\f30a"; } .fa-long-arrow-alt-right:before { content: "\f30b"; } .fa-long-arrow-alt-up:before { content: "\f30c"; } .fa-low-vision:before { content: "\f2a8"; } .fa-lyft:before { content: "\f3c3"; } .fa-magento:before { content: "\f3c4"; } .fa-magic:before { content: "\f0d0"; } .fa-magnet:before { content: "\f076"; } .fa-male:before { content: "\f183"; } .fa-map:before { content: "\f279"; } .fa-map-marker:before { content: "\f041"; } .fa-map-marker-alt:before { content: "\f3c5"; } .fa-map-pin:before { content: "\f276"; } .fa-map-signs:before { content: "\f277"; } .fa-mars:before { content: "\f222"; } .fa-mars-double:before { content: "\f227"; } .fa-mars-stroke:before { content: "\f229"; } .fa-mars-stroke-h:before { content: "\f22b"; } .fa-mars-stroke-v:before { content: "\f22a"; } .fa-maxcdn:before { content: "\f136"; } .fa-medapps:before { content: "\f3c6"; } .fa-medium:before { content: "\f23a"; } .fa-medium-m:before { content: "\f3c7"; } .fa-medkit:before { content: "\f0fa"; } .fa-medrt:before { content: "\f3c8"; } .fa-meetup:before { content: "\f2e0"; } .fa-meh:before { content: "\f11a"; } .fa-mercury:before { content: "\f223"; } .fa-microchip:before { content: "\f2db"; } .fa-microphone:before { content: "\f130"; } .fa-microphone-slash:before { content: "\f131"; } .fa-microsoft:before { content: "\f3ca"; } .fa-minus:before { content: "\f068"; } .fa-minus-circle:before { content: "\f056"; } .fa-minus-square:before { content: "\f146"; } .fa-mix:before { content: "\f3cb"; } .fa-mixcloud:before { content: "\f289"; } .fa-mizuni:before { content: "\f3cc"; } .fa-mobile:before { content: "\f10b"; } .fa-mobile-alt:before { content: "\f3cd"; } .fa-modx:before { content: "\f285"; } .fa-monero:before { content: "\f3d0"; } .fa-money-bill-alt:before { content: "\f3d1"; } .fa-moon:before { content: "\f186"; } .fa-motorcycle:before { content: "\f21c"; } .fa-mouse-pointer:before { content: "\f245"; } .fa-music:before { content: "\f001"; } .fa-napster:before { content: "\f3d2"; } .fa-neuter:before { content: "\f22c"; } .fa-newspaper:before { content: "\f1ea"; } .fa-nintendo-switch:before { content: "\f418"; } .fa-node:before { content: "\f419"; } .fa-node-js:before { content: "\f3d3"; } .fa-npm:before { content: "\f3d4"; } .fa-ns8:before { content: "\f3d5"; } .fa-nutritionix:before { content: "\f3d6"; } .fa-object-group:before { content: "\f247"; } .fa-object-ungroup:before { content: "\f248"; } .fa-odnoklassniki:before { content: "\f263"; } .fa-odnoklassniki-square:before { content: "\f264"; } .fa-opencart:before { content: "\f23d"; } .fa-openid:before { content: "\f19b"; } .fa-opera:before { content: "\f26a"; } .fa-optin-monster:before { content: "\f23c"; } .fa-osi:before { content: "\f41a"; } .fa-outdent:before { content: "\f03b"; } .fa-page4:before { content: "\f3d7"; } .fa-pagelines:before { content: "\f18c"; } .fa-paint-brush:before { content: "\f1fc"; } .fa-palfed:before { content: "\f3d8"; } .fa-paper-plane:before { content: "\f1d8"; } .fa-paperclip:before { content: "\f0c6"; } .fa-paragraph:before { content: "\f1dd"; } .fa-paste:before { content: "\f0ea"; } .fa-patreon:before { content: "\f3d9"; } .fa-pause:before { content: "\f04c"; } .fa-pause-circle:before { content: "\f28b"; } .fa-paw:before { content: "\f1b0"; } .fa-paypal:before { content: "\f1ed"; } .fa-pen-square:before { content: "\f14b"; } .fa-pencil-alt:before { content: "\f303"; } .fa-percent:before { content: "\f295"; } .fa-periscope:before { content: "\f3da"; } .fa-phabricator:before { content: "\f3db"; } .fa-phoenix-framework:before { content: "\f3dc"; } .fa-phone:before { content: "\f095"; } .fa-phone-square:before { content: "\f098"; } .fa-phone-volume:before { content: "\f2a0"; } .fa-php:before { content: "\f457"; } .fa-pied-piper:before { content: "\f2ae"; } .fa-pied-piper-alt:before { content: "\f1a8"; } .fa-pied-piper-pp:before { content: "\f1a7"; } .fa-pinterest:before { content: "\f0d2"; } .fa-pinterest-p:before { content: "\f231"; } .fa-pinterest-square:before { content: "\f0d3"; } .fa-plane:before { content: "\f072"; } .fa-play:before { content: "\f04b"; } .fa-play-circle:before { content: "\f144"; } .fa-playstation:before { content: "\f3df"; } .fa-plug:before { content: "\f1e6"; } .fa-plus:before { content: "\f067"; } .fa-plus-circle:before { content: "\f055"; } .fa-plus-square:before { content: "\f0fe"; } .fa-podcast:before { content: "\f2ce"; } .fa-pound-sign:before { content: "\f154"; } .fa-power-off:before { content: "\f011"; } .fa-print:before { content: "\f02f"; } .fa-product-hunt:before { content: "\f288"; } .fa-pushed:before { content: "\f3e1"; } .fa-puzzle-piece:before { content: "\f12e"; } .fa-python:before { content: "\f3e2"; } .fa-qq:before { content: "\f1d6"; } .fa-qrcode:before { content: "\f029"; } .fa-question:before { content: "\f128"; } .fa-question-circle:before { content: "\f059"; } .fa-quidditch:before { content: "\f458"; } .fa-quinscape:before { content: "\f459"; } .fa-quora:before { content: "\f2c4"; } .fa-quote-left:before { content: "\f10d"; } .fa-quote-right:before { content: "\f10e"; } .fa-random:before { content: "\f074"; } .fa-ravelry:before { content: "\f2d9"; } .fa-react:before { content: "\f41b"; } .fa-rebel:before { content: "\f1d0"; } .fa-recycle:before { content: "\f1b8"; } .fa-red-river:before { content: "\f3e3"; } .fa-reddit:before { content: "\f1a1"; } .fa-reddit-alien:before { content: "\f281"; } .fa-reddit-square:before { content: "\f1a2"; } .fa-redo:before { content: "\f01e"; } .fa-redo-alt:before { content: "\f2f9"; } .fa-registered:before { content: "\f25d"; } .fa-rendact:before { content: "\f3e4"; } .fa-renren:before { content: "\f18b"; } .fa-reply:before { content: "\f3e5"; } .fa-reply-all:before { content: "\f122"; } .fa-replyd:before { content: "\f3e6"; } .fa-resolving:before { content: "\f3e7"; } .fa-retweet:before { content: "\f079"; } .fa-road:before { content: "\f018"; } .fa-rocket:before { content: "\f135"; } .fa-rocketchat:before { content: "\f3e8"; } .fa-rockrms:before { content: "\f3e9"; } .fa-rss:before { content: "\f09e"; } .fa-rss-square:before { content: "\f143"; } .fa-ruble-sign:before { content: "\f158"; } .fa-rupee-sign:before { content: "\f156"; } .fa-safari:before { content: "\f267"; } .fa-sass:before { content: "\f41e"; } .fa-save:before { content: "\f0c7"; } .fa-schlix:before { content: "\f3ea"; } .fa-scribd:before { content: "\f28a"; } .fa-search:before { content: "\f002"; } .fa-search-minus:before { content: "\f010"; } .fa-search-plus:before { content: "\f00e"; } .fa-searchengin:before { content: "\f3eb"; } .fa-sellcast:before { content: "\f2da"; } .fa-sellsy:before { content: "\f213"; } .fa-server:before { content: "\f233"; } .fa-servicestack:before { content: "\f3ec"; } .fa-share:before { content: "\f064"; } .fa-share-alt:before { content: "\f1e0"; } .fa-share-alt-square:before { content: "\f1e1"; } .fa-share-square:before { content: "\f14d"; } .fa-shekel-sign:before { content: "\f20b"; } .fa-shield-alt:before { content: "\f3ed"; } .fa-ship:before { content: "\f21a"; } .fa-shirtsinbulk:before { content: "\f214"; } .fa-shopping-bag:before { content: "\f290"; } .fa-shopping-basket:before { content: "\f291"; } .fa-shopping-cart:before { content: "\f07a"; } .fa-shower:before { content: "\f2cc"; } .fa-sign-in-alt:before { content: "\f2f6"; } .fa-sign-language:before { content: "\f2a7"; } .fa-sign-out-alt:before { content: "\f2f5"; } .fa-signal:before { content: "\f012"; } .fa-simplybuilt:before { content: "\f215"; } .fa-sistrix:before { content: "\f3ee"; } .fa-sitemap:before { content: "\f0e8"; } .fa-skyatlas:before { content: "\f216"; } .fa-skype:before { content: "\f17e"; } .fa-slack:before { content: "\f198"; } .fa-slack-hash:before { content: "\f3ef"; } .fa-sliders-h:before { content: "\f1de"; } .fa-slideshare:before { content: "\f1e7"; } .fa-smile:before { content: "\f118"; } .fa-snapchat:before { content: "\f2ab"; } .fa-snapchat-ghost:before { content: "\f2ac"; } .fa-snapchat-square:before { content: "\f2ad"; } .fa-snowflake:before { content: "\f2dc"; } .fa-sort:before { content: "\f0dc"; } .fa-sort-alpha-down:before { content: "\f15d"; } .fa-sort-alpha-up:before { content: "\f15e"; } .fa-sort-amount-down:before { content: "\f160"; } .fa-sort-amount-up:before { content: "\f161"; } .fa-sort-down:before { content: "\f0dd"; } .fa-sort-numeric-down:before { content: "\f162"; } .fa-sort-numeric-up:before { content: "\f163"; } .fa-sort-up:before { content: "\f0de"; } .fa-soundcloud:before { content: "\f1be"; } .fa-space-shuttle:before { content: "\f197"; } .fa-speakap:before { content: "\f3f3"; } .fa-spinner:before { content: "\f110"; } .fa-spotify:before { content: "\f1bc"; } .fa-square:before { content: "\f0c8"; } .fa-square-full:before { content: "\f45c"; } .fa-stack-exchange:before { content: "\f18d"; } .fa-stack-overflow:before { content: "\f16c"; } .fa-star:before { content: "\f005"; } .fa-star-half:before { content: "\f089"; } .fa-staylinked:before { content: "\f3f5"; } .fa-steam:before { content: "\f1b6"; } .fa-steam-square:before { content: "\f1b7"; } .fa-steam-symbol:before { content: "\f3f6"; } .fa-step-backward:before { content: "\f048"; } .fa-step-forward:before { content: "\f051"; } .fa-stethoscope:before { content: "\f0f1"; } .fa-sticker-mule:before { content: "\f3f7"; } .fa-sticky-note:before { content: "\f249"; } .fa-stop:before { content: "\f04d"; } .fa-stop-circle:before { content: "\f28d"; } .fa-stopwatch:before { content: "\f2f2"; } .fa-strava:before { content: "\f428"; } .fa-street-view:before { content: "\f21d"; } .fa-strikethrough:before { content: "\f0cc"; } .fa-stripe:before { content: "\f429"; } .fa-stripe-s:before { content: "\f42a"; } .fa-studiovinari:before { content: "\f3f8"; } .fa-stumbleupon:before { content: "\f1a4"; } .fa-stumbleupon-circle:before { content: "\f1a3"; } .fa-subscript:before { content: "\f12c"; } .fa-subway:before { content: "\f239"; } .fa-suitcase:before { content: "\f0f2"; } .fa-sun:before { content: "\f185"; } .fa-superpowers:before { content: "\f2dd"; } .fa-superscript:before { content: "\f12b"; } .fa-supple:before { content: "\f3f9"; } .fa-sync:before { content: "\f021"; } .fa-sync-alt:before { content: "\f2f1"; } .fa-table:before { content: "\f0ce"; } .fa-table-tennis:before { content: "\f45d"; } .fa-tablet:before { content: "\f10a"; } .fa-tablet-alt:before { content: "\f3fa"; } .fa-tachometer-alt:before { content: "\f3fd"; } .fa-tag:before { content: "\f02b"; } .fa-tags:before { content: "\f02c"; } .fa-tasks:before { content: "\f0ae"; } .fa-taxi:before { content: "\f1ba"; } .fa-telegram:before { content: "\f2c6"; } .fa-telegram-plane:before { content: "\f3fe"; } .fa-tencent-weibo:before { content: "\f1d5"; } .fa-terminal:before { content: "\f120"; } .fa-text-height:before { content: "\f034"; } .fa-text-width:before { content: "\f035"; } .fa-th:before { content: "\f00a"; } .fa-th-large:before { content: "\f009"; } .fa-th-list:before { content: "\f00b"; } .fa-themeisle:before { content: "\f2b2"; } .fa-thermometer-empty:before { content: "\f2cb"; } .fa-thermometer-full:before { content: "\f2c7"; } .fa-thermometer-half:before { content: "\f2c9"; } .fa-thermometer-quarter:before { content: "\f2ca"; } .fa-thermometer-three-quarters:before { content: "\f2c8"; } .fa-thumbs-down:before { content: "\f165"; } .fa-thumbs-up:before { content: "\f164"; } .fa-thumbtack:before { content: "\f08d"; } .fa-ticket-alt:before { content: "\f3ff"; } .fa-times:before { content: "\f00d"; } .fa-times-circle:before { content: "\f057"; } .fa-tint:before { content: "\f043"; } .fa-toggle-off:before { content: "\f204"; } .fa-toggle-on:before { content: "\f205"; } .fa-trademark:before { content: "\f25c"; } .fa-train:before { content: "\f238"; } .fa-transgender:before { content: "\f224"; } .fa-transgender-alt:before { content: "\f225"; } .fa-trash:before { content: "\f1f8"; } .fa-trash-alt:before { content: "\f2ed"; } .fa-tree:before { content: "\f1bb"; } .fa-trello:before { content: "\f181"; } .fa-tripadvisor:before { content: "\f262"; } .fa-trophy:before { content: "\f091"; } .fa-truck:before { content: "\f0d1"; } .fa-tty:before { content: "\f1e4"; } .fa-tumblr:before { content: "\f173"; } .fa-tumblr-square:before { content: "\f174"; } .fa-tv:before { content: "\f26c"; } .fa-twitch:before { content: "\f1e8"; } .fa-twitter:before { content: "\f099"; } .fa-twitter-square:before { content: "\f081"; } .fa-typo3:before { content: "\f42b"; } .fa-uber:before { content: "\f402"; } .fa-uikit:before { content: "\f403"; } .fa-umbrella:before { content: "\f0e9"; } .fa-underline:before { content: "\f0cd"; } .fa-undo:before { content: "\f0e2"; } .fa-undo-alt:before { content: "\f2ea"; } .fa-uniregistry:before { content: "\f404"; } .fa-universal-access:before { content: "\f29a"; } .fa-university:before { content: "\f19c"; } .fa-unlink:before { content: "\f127"; } .fa-unlock:before { content: "\f09c"; } .fa-unlock-alt:before { content: "\f13e"; } .fa-untappd:before { content: "\f405"; } .fa-upload:before { content: "\f093"; } .fa-usb:before { content: "\f287"; } .fa-user:before { content: "\f007"; } .fa-user-circle:before { content: "\f2bd"; } .fa-user-md:before { content: "\f0f0"; } .fa-user-plus:before { content: "\f234"; } .fa-user-secret:before { content: "\f21b"; } .fa-user-times:before { content: "\f235"; } .fa-users:before { content: "\f0c0"; } .fa-ussunnah:before { content: "\f407"; } .fa-utensil-spoon:before { content: "\f2e5"; } .fa-utensils:before { content: "\f2e7"; } .fa-vaadin:before { content: "\f408"; } .fa-venus:before { content: "\f221"; } .fa-venus-double:before { content: "\f226"; } .fa-venus-mars:before { content: "\f228"; } .fa-viacoin:before { content: "\f237"; } .fa-viadeo:before { content: "\f2a9"; } .fa-viadeo-square:before { content: "\f2aa"; } .fa-viber:before { content: "\f409"; } .fa-video:before { content: "\f03d"; } .fa-vimeo:before { content: "\f40a"; } .fa-vimeo-square:before { content: "\f194"; } .fa-vimeo-v:before { content: "\f27d"; } .fa-vine:before { content: "\f1ca"; } .fa-vk:before { content: "\f189"; } .fa-vnv:before { content: "\f40b"; } .fa-volleyball-ball:before { content: "\f45f"; } .fa-volume-down:before { content: "\f027"; } .fa-volume-off:before { content: "\f026"; } .fa-volume-up:before { content: "\f028"; } .fa-vuejs:before { content: "\f41f"; } .fa-weibo:before { content: "\f18a"; } .fa-weixin:before { content: "\f1d7"; } .fa-whatsapp:before { content: "\f232"; } .fa-whatsapp-square:before { content: "\f40c"; } .fa-wheelchair:before { content: "\f193"; } .fa-whmcs:before { content: "\f40d"; } .fa-wifi:before { content: "\f1eb"; } .fa-wikipedia-w:before { content: "\f266"; } .fa-window-close:before { content: "\f410"; } .fa-window-maximize:before { content: "\f2d0"; } .fa-window-minimize:before { content: "\f2d1"; } .fa-window-restore:before { content: "\f2d2"; } .fa-windows:before { content: "\f17a"; } .fa-won-sign:before { content: "\f159"; } .fa-wordpress:before { content: "\f19a"; } .fa-wordpress-simple:before { content: "\f411"; } .fa-wpbeginner:before { content: "\f297"; } .fa-wpexplorer:before { content: "\f2de"; } .fa-wpforms:before { content: "\f298"; } .fa-wrench:before { content: "\f0ad"; } .fa-xbox:before { content: "\f412"; } .fa-xing:before { content: "\f168"; } .fa-xing-square:before { content: "\f169"; } .fa-y-combinator:before { content: "\f23b"; } .fa-yahoo:before { content: "\f19e"; } .fa-yandex:before { content: "\f413"; } .fa-yandex-international:before { content: "\f414"; } .fa-yelp:before { content: "\f1e9"; } .fa-yen-sign:before { content: "\f157"; } .fa-yoast:before { content: "\f2b1"; } .fa-youtube:before { content: "\f167"; } .fa-youtube-square:before { content: "\f431"; } .sr-only { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .sr-only-focusable:active, .sr-only-focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; } @font-face { font-family: 'FontAwesome5Brands'; font-style: normal; font-weight: normal; src: url("/files/fonts/fa-brands-400.eot"); src: url("/files/fonts/fa-brands-400.eot?#iefix") format("embedded-opentype"), url("/files/fonts/fa-brands-400.woff2") format("woff2"), url("/files/fonts/fa-brands-400.woff") format("woff"), url("/files/fonts/fa-brands-400.ttf") format("truetype"), url("/files/fonts/fa-brands-400.svg#fontawesome") format("svg"); } .fab { font-family: 'FontAwesome5Brands'; } @font-face { font-family: 'FontAwesome5Free'; font-style: normal; font-weight: 400; src: url("/files/fonts/fa-regular-400.eot"); src: url("/files/fonts/fa-regular-400.eot?#iefix") format("embedded-opentype"), url("/files/fonts/fa-regular-400.woff2") format("woff2"), url("/files/fonts/fa-regular-400.woff") format("woff"), url("/files/fonts/fa-regular-400.ttf") format("truetype"), url("/files/fonts/fa-regular-400.svg#fontawesome") format("svg"); } .far { font-family: 'FontAwesome5Free'; font-weight: 400; } @font-face { font-family: 'FontAwesome5Free'; font-style: normal; font-weight: 900; src: url("/files/fonts/fa-solid-900.eot"); src: url("/files/fonts/fa-solid-900.eot?#iefix") format("embedded-opentype"), url("/files/fonts/fa-solid-900.woff2") format("woff2"), url("/files/fonts/fa-solid-900.woff") format("woff"), url("/files/fonts/fa-solid-900.ttf") format("truetype"), url("/files/fonts/fa-solid-900.svg#fontawesome") format("svg"); } .fa, .fas { font-family: 'FontAwesome5Free'; font-weight: 900; } .lds-ellipsis { display: inline-block; position: relative; width: 80px; height: 30px; } .lds-ellipsis div { position: absolute; top: 10px; width: 13px; height: 13px; border-radius: 50%; background: #000; animation-timing-function: cubic-bezier(0, 1, 1, 0); } .lds-ellipsis div:nth-child(1) { left: 8px; animation: lds-ellipsis1 0.6s infinite; } .lds-ellipsis div:nth-child(2) { left: 8px; animation: lds-ellipsis2 0.6s infinite; } .lds-ellipsis div:nth-child(3) { left: 32px; animation: lds-ellipsis2 0.6s infinite; } .lds-ellipsis div:nth-child(4) { left: 56px; animation: lds-ellipsis3 0.6s infinite; } @keyframes lds-ellipsis1 { 0% { transform: scale(0); } 100% { transform: scale(1); } } @keyframes lds-ellipsis3 { 0% { transform: scale(1); } 100% { transform: scale(0); } } @keyframes lds-ellipsis2 { 0% { transform: translate(0, 0); } 100% { transform: translate(24px, 0); } } .spinner-wrapper { display: flex; align-items: center; } @media (max-width: 585px) { .tableform .even, .tableform .odd { display: flex; flex-direction: column; } .tableform .even textarea { width: 35rem; } .tableform .odd textarea { width: 35rem; } .tableform .row_7 fieldset { width: 5rem; } } @media (max-width: 435px) { #lbl_598_0 { hyphens: auto; display: block; max-width: 43rem; font-size: 1.5rem; } #captcha_text_594 { display: block; } } .mod_calendar.belegungsplan { margin-bottom: 30px; } .mod_calendar.belegungsplan thead tr:first-child th { padding-bottom: 7px; font-size: 1.9rem; } .mod_calendar.belegungsplan thead tr:first-child th a { text-decoration: none; } .mod_calendar.belegungsplan thead tr:last-child th { padding: 5px 0; } .mod_calendar.belegungsplan tbody tr td { padding: 20px 30px !important; font-size: 1.6rem; } @media (max-width: 660px) { .mod_calendar.belegungsplan tbody tr td { padding: 15px 17px !important; } } .mod_calendar.belegungsplan tbody tr td.active { background-color: #15438f; } .mod_calendar.belegungsplan tbody tr td.active a { color: #ffd252 !important; pointer-events: none; cursor: default; } @media screen and (max-width: 1400px) { .mod_calendar.belegungsplan thead tr:first-child th { font-size: 2rem; } .mod_calendar.belegungsplan tbody tr td { font-size: 1.9rem; } } @media screen and (max-width: 1024px) and (min-width: 641px) { .mod_calendar.belegungsplan thead tr:first-child th { font-size: 3rem; } .mod_calendar.belegungsplan tbody tr td { font-size: 2.6rem; } } @media screen and (max-width: 640px) { .mod_calendar.belegungsplan thead tr:first-child th { font-size: 3rem; } .mod_calendar.belegungsplan tbody tr td { font-size: 2.6rem; } } @media screen and (max-width: 425px) { .mod_calendar.belegungsplan { overflow: scroll; } } .days .tooltip { visibility: hidden; width: 75px; background-color: white; color: #15438f; text-align: center; border-radius: 6px; border: 1px solid #15438f; padding: 5px 0; /* Position the tooltip */ position: absolute; z-index: 1; } .days:hover { background-color: #a0a0a0; color: white; } .days:hover .tooltip { visibility: visible; } .days.active:hover { background-color: #10336b !important; } .days.empty:hover { background-color: transparent; } /*# sourceMappingURL=belegungsplan.css.map */ .home-news .teaser{ font-size: 1.75rem; color: white; font-weight: 300; } @media (max-width:640px){ .home-news .teaser{ font-weight: normal; } } @media (max-width: 767px) { .home-news .teaser p { margin-bottom: 0; } .home-news .teaser{ padding-bottom: 7.5rem; } } @media screen and (max-width: 1024px) and (min-width: 641px) { .home-news .teaser{ font-size: 2.6rem; font-weight: normal; } } /* Overrides.css */ html:not(.high-contrast) #topNav ul li svg{fill: #10458e}.nb-nws img{max-width: 70%}.news-nb-image{float: right; width: 50%}.styled-table td:not(:last-child){white-space: nowrap;vertical-align: top}.news-main-content{float: left;padding-right: 30px;width: 45%}.home-news_slider img{display: none}