/* open-sans-300 - latin */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 300; src: url('../fonts/open-sans-v15-latin-300.eot'); /* IE9 Compat Modes */ src: local('Open Sans Light'), local('OpenSans-Light'), url('../fonts/open-sans-v15-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/open-sans-v15-latin-300.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/open-sans-v15-latin-300.woff') format('woff'), /* Modern Browsers */ url('../fonts/open-sans-v15-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/open-sans-v15-latin-300.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* open-sans-300italic - latin */ @font-face { font-family: 'Open Sans'; font-style: italic; font-weight: 300; src: url('../fonts/open-sans-v15-latin-300italic.eot'); /* IE9 Compat Modes */ src: local('Open Sans Light Italic'), local('OpenSans-LightItalic'), url('../fonts/open-sans-v15-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/open-sans-v15-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/open-sans-v15-latin-300italic.woff') format('woff'), /* Modern Browsers */ url('../fonts/open-sans-v15-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/open-sans-v15-latin-300italic.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* open-sans-italic - latin */ @font-face { font-family: 'Open Sans'; font-style: italic; font-weight: 400; src: url('../fonts/open-sans-v15-latin-italic.eot'); /* IE9 Compat Modes */ src: local('Open Sans Italic'), local('OpenSans-Italic'), url('../fonts/open-sans-v15-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/open-sans-v15-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/open-sans-v15-latin-italic.woff') format('woff'), /* Modern Browsers */ url('../fonts/open-sans-v15-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/open-sans-v15-latin-italic.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* open-sans-regular - latin */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: url('../fonts/open-sans-v15-latin-regular.eot'); /* IE9 Compat Modes */ src: local('Open Sans Regular'), local('OpenSans-Regular'), url('../fonts/open-sans-v15-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/open-sans-v15-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/open-sans-v15-latin-regular.woff') format('woff'), /* Modern Browsers */ url('../fonts/open-sans-v15-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/open-sans-v15-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* open-sans-600 - latin */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 600; src: url('../fonts/open-sans-v15-latin-600.eot'); /* IE9 Compat Modes */ src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url('../fonts/open-sans-v15-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/open-sans-v15-latin-600.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/open-sans-v15-latin-600.woff') format('woff'), /* Modern Browsers */ url('../fonts/open-sans-v15-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/open-sans-v15-latin-600.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* open-sans-600italic - latin */ @font-face { font-family: 'Open Sans'; font-style: italic; font-weight: 600; src: url('../fonts/open-sans-v15-latin-600italic.eot'); /* IE9 Compat Modes */ src: local('Open Sans SemiBold Italic'), local('OpenSans-SemiBoldItalic'), url('../fonts/open-sans-v15-latin-600italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/open-sans-v15-latin-600italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/open-sans-v15-latin-600italic.woff') format('woff'), /* Modern Browsers */ url('../fonts/open-sans-v15-latin-600italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/open-sans-v15-latin-600italic.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* open-sans-700 - latin */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 700; src: url('../fonts/open-sans-v15-latin-700.eot'); /* IE9 Compat Modes */ src: local('Open Sans Bold'), local('OpenSans-Bold'), url('../fonts/open-sans-v15-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/open-sans-v15-latin-700.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/open-sans-v15-latin-700.woff') format('woff'), /* Modern Browsers */ url('../fonts/open-sans-v15-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/open-sans-v15-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* open-sans-700italic - latin */ @font-face { font-family: 'Open Sans'; font-style: italic; font-weight: 700; src: url('../fonts/open-sans-v15-latin-700italic.eot'); /* IE9 Compat Modes */ src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'), url('../fonts/open-sans-v15-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/open-sans-v15-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/open-sans-v15-latin-700italic.woff') format('woff'), /* Modern Browsers */ url('../fonts/open-sans-v15-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/open-sans-v15-latin-700italic.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* open-sans-800 - latin */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 800; src: url('../fonts/open-sans-v15-latin-800.eot'); /* IE9 Compat Modes */ src: local('Open Sans ExtraBold'), local('OpenSans-ExtraBold'), url('../fonts/open-sans-v15-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/open-sans-v15-latin-800.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/open-sans-v15-latin-800.woff') format('woff'), /* Modern Browsers */ url('../fonts/open-sans-v15-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/open-sans-v15-latin-800.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* open-sans-800italic - latin */ @font-face { font-family: 'Open Sans'; font-style: italic; font-weight: 800; src: url('../fonts/open-sans-v15-latin-800italic.eot'); /* IE9 Compat Modes */ src: local('Open Sans ExtraBold Italic'), local('OpenSans-ExtraBoldItalic'), url('../fonts/open-sans-v15-latin-800italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/open-sans-v15-latin-800italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/open-sans-v15-latin-800italic.woff') format('woff'), /* Modern Browsers */ url('../fonts/open-sans-v15-latin-800italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/open-sans-v15-latin-800italic.svg#OpenSans') format('svg'); /* Legacy iOS */ } /*! normalize.css v3.0.0 | 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 in IE 8/9. */ article, aside, details, figcaption, figure, footer, header, hgroup, main, 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. * Hide the `template` element in IE, Safari, and Firefox < 22. */ [hidden], template { display: none; } /* Links ========================================================================== */ /** * Remove the gray background color from active links in IE 10. */ a { background: 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, Safari 5, and Chrome. */ abbr[title] { border-bottom: 1px dotted; } /** * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome. */ b, strong { font-weight: bold; } /** * Address styling not present in Safari 5 and Chrome. */ dfn { font-style: italic; } /** * Address variable `h1` font-size and margin within `section` and `article` * contexts in Firefox 4+, Safari 5, 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. */ img { border: 0; } /** * Correct overflow displayed oddly in IE 9. */ svg:not(:root) { overflow: hidden; } /* Grouping content ========================================================================== */ /** * Address margin not present in IE 8/9 and Safari 5. */ 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 5, 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. */ 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+, 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"], 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 5 and Chrome. * 2. Address `box-sizing` set to `border-box` in Safari 5 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. * 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. */ 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; } body { background: #ECE9E9; font-family: "Open Sans"; font-weight: 400; font-size: 14px; font-size: 0.875rem; color: #444; position: relative; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .responsive img { width: 100%; height: auto; } .hide { display: none; } .hide.active, .show { display: block; } .grid { *zoom: 1; display: block; width: 1100px; margin: 0 auto; position: relative; } .grid:before, .grid:after, .widget:after, .widget:before, .group:before, .group:after, #app main section .gallery-component:after, #app main section .gallery-component:before, #app main section .file_list li:before, #app main section .file_list li:after { content: ""; display: table; } .grid:after, .group:after,.widget:after, #app main section .file_list li:after, #app main section .gallery-component:after { clear: both; } .text-center { text-align: center; } .text-left { text-align: left; } .text-right { text-align: right; } .align-left { float: left; } .align-right { float: right; } .primary-color { color: #009640; } .secondary-color { color: #47A0DB; } .mobileshow{ display: none; } .embed-container { position: relative; padding-bottom: 56.25%; /* ratio 16x9 */ height: 0; overflow: hidden; width: 100%; height: auto; } .embed-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* ratio 4x3 */ .embed-container.ratio4x3 { padding-bottom: 75%; } input::-moz-focus-inner { border: 0; outline: none; } a:focus, a:active { outline: none; } button::-moz-focus-inner, input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, select::-moz-focus-inner, input[type="file"] > input[type="button"]::-moz-focus-inner { border: 0; outline: 0; } :focus { outline: none; } object, embed, a, *:focus, select:focus { outline: 0; } .field-group { margin-bottom: 40px; border: 1px solid #d4d9df; -webkit-border-radius: 3px; border-radius: 3px; } .field-group .input-field { padding: 20px; background: #fff; border-bottom: 1px solid #ECE9E9; *zoom: 1; } .field-group .input-field:before, .field-group .input-field:after { content: ""; display: table; } .field-group .input-field:after { clear: both; } .field-group .input-field:last-of-type { border: none; } .field-group .input-field label { width: 8%; display: block; float: left; padding: 0 2%; text-align: left; line-height: 42px; } .field-group .input-field label.small { line-height: 30px; } .field-group .input-field .field { width: 88%; float: left; } .field-group .input-field .field .url-label { font-size: 12px; font-size: 0.75rem; } .field-group .input-field .field input[type="text"] { width: 100%; border: none; padding: 0; height: 42px; background: #f2f1f1; padding: 0 15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .field-group .input-field .field input[type="text"].custom { background: #f2f1f1; } .field-group .input-field .field input[type="text"].url-field { width: auto; margin-left: 10px; height: 30px; background: #efefef; font-size: 12px; font-size: 0.75rem; } .field-group .input-field .field input[type="text"].big { font-size: 20px; } @font-face { font-family: 'cloud7'; src: url("../fonts/cloud7.eot"); src: url("../fonts/cloud7.eot?#iefix") format("embedded-opentype"), url("../fonts/cloud7.ttf") format("truetype"), url("../fonts/cloud7.svg") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'weather'; src: url("../fonts/weather.eot"); src: url("../fonts/weather.eot?#iefix") format("embedded-opentype"), url("../fonts/weather.woff") format("woff"), url("../fonts/weather.ttf") format("truetype"), url("../fonts/weather.svg#weather_icons_regular") format("svg"); font-weight: normal; font-style: normal; } [class^="icon-"], [class*=" icon-"] { font-family: 'cloud7'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Enable Ligatures ================ */ -webkit-font-feature-settings: "liga"; -moz-font-feature-settings: "liga=1"; -moz-font-feature-settings: "liga"; -ms-font-feature-settings: "liga" 1; -o-font-feature-settings: "liga"; font-feature-settings: "liga"; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-arrow-down:before { content: '\E111'; } .icon-arrow-up:before { content: '\E112'; } .icon-caret-right:before { content: '\E113'; } .icon-caret-left:before { content: '\E114'; } .icon-arrow-circle-down:before { content: '\E115'; } .icon-arrow-circle-up:before { content: '\E116'; } .icon-arrow-o-circle-right:before { content: '\E117'; } .icon-arrow-o-circle-left:before { content: '\E118'; } .icon-caret-o-circle-left:before { content: '\E121'; } .icon-caret-o-circle-right:before { content: '\E122'; } .icon-arrow-circle-right:before { content: '\E123'; } .icon-arrow-circle-left:before { content: '\E124'; } .icon-caret-circle-left:before { content: '\E125'; } .icon-caret-circle-right:before { content: '\E126'; } .icon-check-o-circle:before { content: '\E127'; } .icon-delete-o-circle:before { content: '\E128'; } .icon-check-circle:before { content: '\E131'; } .icon-delete-circle:before { content: '\E132'; } .icon-return-left:before { content: '\E133'; } .icon-return-right:before { content: '\E134'; } .icon-traffic:before { content: '\E135'; } .icon-back:before { content: '\E136'; } .icon-forward:before { content: '\E137'; } .icon-contract:before { content: '\E138'; } .icon-expand:before { content: '\E141'; } .icon-exit-fullscreen:before { content: '\E142'; } .icon-expand-window:before { content: '\E143'; } .icon-refresh:before { content: '\E144'; } .icon-sync:before { content: '\E145'; } .icon-cycle:before { content: '\E146'; } .icon-repeat:before { content: '\E147'; } .icon-bar-chart:before { content: '\E148'; } .icon-bar-chart-up:before { content: '\E151'; } .icon-stats-up:before { content: '\E152'; } .icon-stats-down:before { content: '\E153'; } .icon-stats-easel-up:before { content: '\E154'; } .icon-stats-easel-down:before { content: '\E155'; } .icon-bar-chart-easel:before { content: '\E156'; } .icon-window-down:before { content: '\E157'; } .icon-window-up:before { content: '\E158'; } .icon-window-maximize:before { content: '\E161'; } .icon-window-minimize:before { content: '\E162'; } .icon-login:before { content: '\E163'; } .icon-logout:before { content: '\E164'; } .icon-panel-close:before { content: '\E165'; } .icon-panel-show:before { content: '\E166'; } .icon-command-line:before { content: '\E167'; } .icon-window:before { content: '\E168'; } .icon-window-plus:before { content: '\E171'; } .icon-window-minus:before { content: '\E172'; } .icon-window-check:before { content: '\E173'; } .icon-window-delete:before { content: '\E174'; } .icon-share-right:before { content: '\E175'; } .icon-share-left:before { content: '\E176'; } .icon-multiple-windows:before { content: '\E177'; } .icon-list-th-lg:before { content: '\E178'; } .icon-grid-lg:before { content: '\E181'; } .icon-grid:before { content: '\E182'; } .icon-list-th:before { content: '\E183'; } .icon-sidebar:before { content: '\E184'; } .icon-list-bullet:before { content: '\E185'; } .icon-bars:before { content: '\E186'; } .icon-outdent:before { content: '\E187'; } .icon-indent:before { content: '\E188'; } .icon-document:before { content: '\E211'; } .icon-text-doc:before { content: '\E212'; } .icon-zipped-doc:before { content: '\E213'; } .icon-text-doc-plus:before { content: '\E214'; } .icon-text-doc-minus:before { content: '\E215'; } .icon-heart-card:before { content: '\E216'; } .icon-diamond-card:before { content: '\E217'; } .icon-spade-card:before { content: '\E218'; } .icon-club-card:before { content: '\E221'; } .icon-book:before { content: '\E222'; } .icon-clipboard:before { content: '\E223'; } .icon-check-clipboard:before { content: '\E224'; } .icon-delete-clipboard:before { content: '\E225'; } .icon-text-clipboard:before { content: '\E226'; } .icon-address-book:before { content: '\E227'; } .icon-calendar:before { content: '\E228'; } .icon-calendar-day:before { content: '\E231'; } .icon-id-card:before { content: '\E232'; } .icon-polaroids:before { content: '\E233'; } .icon-polaroids-blank:before { content: '\E234'; } .icon-photos:before { content: '\E235'; } .icon-photo:before { content: '\E236'; } .icon-camera:before { content: '\E237'; } .icon-headphones:before { content: '\E238'; } .icon-stop:before { content: '\E241'; } .icon-play:before { content: '\E242'; } .icon-record:before { content: '\E243'; } .icon-pause:before { content: '\E244'; } .icon-ffw:before { content: '\E245'; } .icon-rev:before { content: '\E246'; } .icon-skip-forward:before { content: '\E247'; } .icon-skip-back:before { content: '\E248'; } .icon-eject:before { content: '\E251'; } .icon-volume-max:before { content: '\E252'; } .icon-volume:before { content: '\E253'; } .icon-volume-min:before { content: '\E254'; } .icon-mute:before { content: '\E255'; } .icon-volume-plus:before { content: '\E256'; } .icon-volume-minus:before { content: '\E257'; } .icon-volume-delete:before { content: '\E258'; } .icon-music-notes:before { content: '\E261'; } .icon-music-notes-box:before { content: '\E262'; } .icon-speaker:before { content: '\E263'; } .icon-boombox:before { content: '\E264'; } .icon-ipod:before { content: '\E265'; } .icon-microphone:before { content: '\E266'; } .icon-microphone-alt:before { content: '\E267'; } .icon-cd:before { content: '\E268'; } .icon-vinyl:before { content: '\E271'; } .icon-cassette:before { content: '\E272'; } .icon-eq:before { content: '\E273'; } .icon-slate:before { content: '\E274'; } .icon-film:before { content: '\E275'; } .icon-tv:before { content: '\E276'; } .icon-monitor:before { content: '\E277'; } .icon-keyboard:before { content: '\E278'; } .icon-printer:before { content: '\E281'; } .icon-printing:before { content: '\E282'; } .icon-mouse:before { content: '\E283'; } .icon-text:before { content: '\E284'; } .icon-ribbon:before { content: '\E285'; } .icon-gamepad:before { content: '\E286'; } .icon-portable-game:before { content: '\E287'; } .icon-tablet:before { content: '\E288'; } .icon-calculator:before { content: '\E311'; } .icon-floppy-disc:before { content: '\E312'; } .icon-flashlight:before { content: '\E313'; } .icon-bell:before { content: '\E314'; } .icon-hourglass:before { content: '\E315'; } .icon-smartphone:before { content: '\E316'; } .icon-cellphone:before { content: '\E317'; } .icon-lightbulb:before { content: '\E318'; } .icon-telephone:before { content: '\E321'; } .icon-battery-full:before { content: '\E322'; } .icon-battery-half:before { content: '\E323'; } .icon-battery-low:before { content: '\E324'; } .icon-battery-charge:before { content: '\E325'; } .icon-flash:before { content: '\E326'; } .icon-wrench:before { content: '\E327'; } .icon-settings:before { content: '\E328'; } .icon-zoom-in:before { content: '\E331'; } .icon-zoom-out:before { content: '\E332'; } .icon-search:before { content: '\E333'; } .icon-cloud-upload:before { content: '\E334'; } .icon-cloud:before { content: '\E335'; } .icon-cloud-up:before { content: '\E336'; } .icon-cloud-down:before { content: '\E337'; } .icon-cloud-check:before { content: '\E338'; } .icon-cloud-delete:before { content: '\E341'; } .icon-bluetooth:before { content: '\E342'; } .icon-wifi:before { content: '\E343'; } .icon-firewire:before { content: '\E344'; } .icon-usb:before { content: '\E345'; } .icon-plug:before { content: '\E346'; } .icon-outlet:before { content: '\E347'; } .icon-command:before { content: '\E348'; } .icon-shuffle:before { content: '\E351'; } .icon-ethernet:before { content: '\E352'; } .icon-code:before { content: '\E353'; } .icon-fullscreen:before { content: '\E354'; } .icon-contrast:before { content: '\E355'; } .icon-coverflow:before { content: '\E356'; } .icon-zoom-out-solid:before { content: '\E357'; } .icon-zoom-in-solid:before { content: '\E358'; } .icon-info:before { content: '\E361'; } .icon-info-circle:before { content: '\E362'; } .icon-outbox:before { content: '\E363'; } .icon-inbox:before { content: '\E364'; } .icon-download:before { content: '\E365'; } .icon-compose:before { content: '\E366'; } .icon-layout:before { content: '\E367'; } .icon-link:before { content: '\E368'; } .icon-windows:before { content: '\E371'; } .icon-flash-drive:before { content: '\E372'; } .icon-location:before { content: '\E373'; } .icon-bus:before { content: '\E374'; } .icon-train:before { content: '\E375'; } .icon-gas:before { content: '\E376'; } .icon-dashboard:before { content: '\E377'; } .icon-dashboard-alt:before { content: '\E378'; } .icon-flag:before { content: '\E381'; } .icon-flag-alt:before { content: '\E382'; } .icon-plane:before { content: '\E383'; } .icon-compass:before { content: '\E384'; } .icon-clock:before { content: '\E385'; } .icon-watch:before { content: '\E386'; } .icon-alarm-clock:before { content: '\E387'; } .icon-megaphone:before { content: '\E388'; } .icon-locked-alt:before { content: '\E411'; } .icon-unlocked-alt:before { content: '\E412'; } .icon-unlocked:before { content: '\E413'; } .icon-locked:before { content: '\E414'; } .icon-key:before { content: '\E415'; } .icon-cube-open:before { content: '\E416'; } .icon-cube:before { content: '\E417'; } .icon-mailbox:before { content: '\E418'; } .icon-file-drawer:before { content: '\E421'; } .icon-folder-flat:before { content: '\E422'; } .icon-folder:before { content: '\E423'; } .icon-folder-plus:before { content: '\E424'; } .icon-folder-minus:before { content: '\E425'; } .icon-attach:before { content: '\E426'; } .icon-recycle:before { content: '\E427'; } .icon-recycle-bin:before { content: '\E428'; } .icon-envelope:before { content: '\E431'; } .icon-mail:before { content: '\E432'; } .icon-mail-down:before { content: '\E433'; } .icon-mail-up:before { content: '\E434'; } .icon-check:before { content: '\E435'; } .icon-delete:before { content: '\E436'; } .icon-map:before { content: '\E437'; } .icon-brush:before { content: '\E438'; } .icon-pen:before { content: '\E441'; } .icon-pencil:before { content: '\E442'; } .icon-thumbtack:before { content: '\E443'; } .icon-male:before { content: '\E444'; } .icon-female:before { content: '\E445'; } .icon-brightness-up:before { content: '\E446'; } .icon-brightness-down:before { content: '\E447'; } .icon-crosshair:before { content: '\E448'; } .icon-trefoil-circle:before { content: '\E451'; } .icon-cross-circle:before { content: '\E452'; } .icon-power:before { content: '\E453'; } .icon-pie-chart:before { content: '\E454'; } .icon-share:before { content: '\E455'; } .icon-move:before { content: '\E456'; } .icon-star-6:before { content: '\E457'; } .icon-star-5:before { content: '\E458'; } .icon-alert-o:before { content: '\E461'; } .icon-alert:before { content: '\E462'; } .icon-option:before { content: '\E463'; } .icon-plus:before { content: '\E464'; } .icon-minus:before { content: '\E465'; } .icon-user:before { content: '\E466'; } .icon-group:before { content: '\E467'; } .icon-user-plus:before { content: '\E468'; } .icon-user-minus:before { content: '\E471'; } .icon-user-delete:before { content: '\E472'; } .icon-chat:before { content: '\E473'; } .icon-chat-dots:before { content: '\E474'; } .icon-chat-rect:before { content: '\E475'; } .icon-chat-rect-dots:before { content: '\E476'; } .icon-chat-lines:before { content: '\E477'; } .icon-chat-rect-lines:before { content: '\E478'; } .icon-infinity:before { content: '\E481'; } .icon-umbrella:before { content: '\E482'; } .icon-necktie:before { content: '\E483'; } .icon-briefcase:before { content: '\E484'; } .icon-first-aid:before { content: '\E485'; } .icon-capsule:before { content: '\E486'; } .icon-shield:before { content: '\E487'; } .icon-mustache:before { content: '\E488'; } .icon-bag:before { content: '\E511'; } .icon-tag:before { content: '\E512'; } .icon-credit-card:before { content: '\E513'; } .icon-planet:before { content: '\E514'; } .icon-earth:before { content: '\E515'; } .icon-globe:before { content: '\E516'; } .icon-trophy:before { content: '\E517'; } .icon-medal:before { content: '\E518'; } .icon-trashcan:before { content: '\E521'; } .icon-trefoil:before { content: '\E522'; } .icon-leaf:before { content: '\E523'; } .icon-lamp:before { content: '\E524'; } .icon-home:before { content: '\E525'; } .icon-help:before { content: '\E526'; } .icon-magnet:before { content: '\E527'; } .icon-heart:before { content: '\E528'; } .icon-d6:before { content: '\E531'; } .icon-asterisk:before { content: '\E532'; } .icon-flask:before { content: '\E533'; } .icon-flask-tilted:before { content: '\E534'; } .icon-test-tube:before { content: '\E535'; } .icon-mallet:before { content: '\E536'; } .icon-fork-spoon:before { content: '\E537'; } .icon-spatula:before { content: '\E538'; } .icon-chef-hat:before { content: '\E541'; } .icon-place-setting:before { content: '\E542'; } .icon-knife-fork:before { content: '\E543'; } .icon-grill-open:before { content: '\E544'; } .icon-grill:before { content: '\E545'; } .icon-platter:before { content: '\E546'; } .icon-droplet:before { content: '\E547'; } .icon-wine:before { content: '\E548'; } .icon-wine-tilted:before { content: '\E551'; } .icon-drink:before { content: '\E552'; } .icon-drink-straw:before { content: '\E553'; } .icon-popsicle:before { content: '\E554'; } .icon-popsicle-eaten:before { content: '\E555'; } .icon-ice-cream:before { content: '\E556'; } .icon-ice-cream-alt:before { content: '\E557'; } .icon-ice-cream-eaten-alt:before { content: '\E558'; } .icon-ice-cream-eaten:before { content: '\E561'; } .icon-mug:before { content: '\E562'; } .icon-noodle-bowl:before { content: '\E563'; } .icon-bowl:before { content: '\E564'; } .icon-bowl-spoon:before { content: '\E565'; } .icon-apple:before { content: '\E566'; } .icon-apple-eaten:before { content: '\E567'; } .icon-pizza:before { content: '\E568'; } .icon-pizza-eaten:before { content: '\E571'; } .icon-drumstick:before { content: '\E572'; } .icon-drumstick-eaten:before { content: '\E573'; } .icon-muffin:before { content: '\E574'; } .icon-mustard:before { content: '\E575'; } .icon-mustard-alt:before { content: '\E576'; } .icon-ketchup:before { content: '\E577'; } .icon-sauce:before { content: '\E578'; } .icon-egg:before { content: '\E581'; } .icon-fish:before { content: '\E582'; } .icon-fridge:before { content: '\E583'; } .icon-eye:before { content: '\E584'; } .icon-glasses:before { content: '\E585'; } .icon-crown:before { content: '\E586'; } .icon-king:before { content: '\E587'; } .icon-notepad:before { content: '\E588'; } .weather i { color: #fff; font-family: weather; } .icon-0:before { content: ":"; } .icon-1:before { content: "p"; } .icon-2:before { content: "S"; } .icon-3:before { content: "Q"; } .icon-4:before { content: "S"; } .icon-5:before { content: "W"; } .icon-6:before { content: "W"; } .icon-7:before { content: "W"; } .icon-8:before { content: "W"; } .icon-9:before { content: "I"; } .icon-10:before { content: "W"; } .icon-11:before { content: "I"; } .icon-12:before { content: "I"; } .icon-13:before { content: "I"; } .icon-14:before { content: "I"; } .icon-15:before { content: "W"; } .icon-16:before { content: "I"; } .icon-17:before { content: "W"; } .icon-18:before { content: "U"; } .icon-19:before { content: "Z"; } .icon-20:before { content: "Z"; } .icon-21:before { content: "Z"; } .icon-22:before { content: "Z"; } .icon-23:before { content: "Z"; } .icon-24:before { content: "E"; } .icon-25:before { content: "E"; } .icon-26:before { content: "3"; } .icon-27:before { content: "a"; } .icon-28:before { content: "A"; } .icon-29:before { content: "a"; } .icon-30:before { content: "A"; } .icon-31:before { content: "6"; } .icon-32:before { content: "1"; } .icon-33:before { content: "6"; } .icon-34:before { content: "1"; } .icon-35:before { content: "W"; } .icon-36:before { content: "1"; } .icon-37:before { content: "S"; } .icon-38:before { content: "S"; } .icon-39:before { content: "S"; } .icon-40:before { content: "M"; } .icon-41:before { content: "W"; } .icon-42:before { content: "I"; } .icon-43:before { content: "W"; } .icon-44:before { content: "a"; } .icon-45:before { content: "S"; } .icon-46:before { content: "U"; } .icon-47:before { content: "S"; } /*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */.fancybox-wrap,.fancybox-skin,.fancybox-outer,.fancybox-inner,.fancybox-image,.fancybox-wrap iframe,.fancybox-wrap object,.fancybox-nav,.fancybox-nav span,.fancybox-tmp{padding:0;margin:0;border:0;outline:none;vertical-align:top}.fancybox-wrap{position:absolute;top:0;left:0;z-index:8020}.fancybox-skin{position:relative;background:#f9f9f9;color:#444;text-shadow:none}.fancybox-opened{z-index:8030}.fancybox-outer,.fancybox-inner{position:relative}.fancybox-inner{overflow:hidden}.fancybox-type-iframe .fancybox-inner{-webkit-overflow-scrolling:touch}.fancybox-error{color:#444;font:14px/20px "Gesta-Regular",Helvetica,Arial,sans-serif;margin:0;padding:15px;white-space:nowrap}.fancybox-image,.fancybox-iframe{display:block;width:100%;height:100%}.fancybox-image{max-width:100%;max-height:100%}#fancybox-loading,.fancybox-close,.fancybox-prev span,.fancybox-next span{background-image:url("../media/fancybox_sprite.png")}#fancybox-loading{position:fixed;top:50%;left:50%;margin-top:-22px;margin-left:-22px;background:#222;opacity:0.8;cursor:pointer;z-index:8060}#fancybox-loading div{width:44px;height:44px;background:url("../media/fancybox_loading.gif") center center no-repeat}.fancybox-close{position:absolute;top:0px;right:-40px;width:40px;height:40px;cursor:pointer;z-index:8040}.fancybox-nav{position:absolute;top:0;width:40%;height:100%;cursor:pointer;text-decoration:none;background:transparent url("../media/blank.gif");-webkit-tap-highlight-color:transparent;z-index:8040}.fancybox-prev{left:0}.fancybox-next{right:0}.fancybox-nav span{position:absolute;top:50%;width:40px;height:40px;margin-top:-18px;cursor:pointer;z-index:8040;visibility:hidden}.fancybox-prev span{left:10px;background-position:0 -80px}.fancybox-next span{right:10px;background-position:0 -40px}.fancybox-nav:hover span{visibility:visible}.fancybox-tmp{position:absolute;top:-99999px;left:-99999px;visibility:hidden;max-width:99999px;max-height:99999px;overflow:visible !important}.fancybox-lock{overflow:hidden !important;width:auto}.fancybox-lock body{overflow:hidden !important}.fancybox-lock-test{overflow-y:hidden !important}.fancybox-overlay{position:absolute;top:0;left:0;overflow:hidden;display:none;z-index:8010;background:url("../media/fancybox_overlay.png")}.fancybox-overlay-fixed{position:fixed;bottom:0;right:0}.fancybox-lock .fancybox-overlay{overflow:auto;overflow-y:scroll}.fancybox-title{visibility:hidden;font:normal 13px/20px "Gesta-Regular",Helvetica,Arial,sans-serif;position:relative;text-shadow:none;z-index:8050}.fancybox-opened .fancybox-title{visibility:visible}.fancybox-title-float-wrap{position:absolute;bottom:0; width: 100%;margin-bottom:2px; left:0;z-index:8050;text-align:center}.fancybox-title-float-wrap .child{display:inline-block;padding:4px 0; width: 100%; text-align:center;background:transparent;background:#f9f9f9;color:#444; font-size: 16px;line-height:24px;white-space:nowrap}.fancybox-title-outside-wrap{position:relative;margin-top:10px;color:#fff}.fancybox-title-inside-wrap{padding-top:10px}.fancybox-title-over-wrap{position:absolute;bottom:0;left:0;color:#fff;padding:10px;background:#000;background:rgba(0,0,0,0.8)}@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5){#fancybox-loading,.fancybox-close,.fancybox-prev span,.fancybox-next span{background-image:url("../media/fancybox_sprite@2x.png");background-size:40px 120px}#fancybox-loading{background:#222}#fancybox-loading div{background-image:#222 url("../media/fancybox_loading@2x.gif");background-size:24px 24px}} .ajax-form-handle-change{ display: none; } .row { width: 100%; } .row:after { clear: both; display: block; content: ''; line-height: 0; } .row .cloud7 { display: block; float: left; } .row .cloud7 .column-inner { padding: 30px; } .row .cloud7 .column-inner.left { padding: 0 0 0 30px; } .row .cloud7 .column-inner.right { padding: 0 30px 0 0; } .column-1 { width: 8.3333333333%; } .column-2 { width: 16.6666666667%; } .column-3 { width: 25%; } .column-4 { width: 33.3333333333%; } .column-5 { width: 41.6666666667%; } .column-6 { width: 50%; } .column-7 { width: 58.3333333333%; } .column-8 { width: 66.6666666667%; } .column-9 { width: 75%; } .column-10 { width: 83.3333333333%; } .column-11 { width: 91.6666666667%; } .column-12 { width: 100%; } .btn { padding: 10px 16px; margin-bottom: 1em; color: #fff; transition: background .15s; text-decoration: none; -webkit-border-radius: 3px; border-radius: 3px; border: 1px solid transparent; } .btn-large { font-size: 1.2em; } .btn-small { font-size: 12px; } .btn-bold { font-weight: bold; } .btn-block { display: block; width: 100%; } .btn-upper { text-transform: uppercase; } .btn-primary { color: #fff; background: #009640;} .btn-space-left { margin-left: 10px; } .btn-space-right { margin-right: 10px; } .btn-red { background: #ED7161; color: #fff; } .btn-green { background: #88C057; color: #fff; } .btn-blue { background: #47A0DB; color: #fff; } .btn-purble { background: #9777A8; color: #fff; } .btn-border { border: 2px solid #009640; -webkit-border-radius: 2px; border-radius: 2px; background: transparent; font-weight: 600; padding: 10px 16px; transition: background .15s; text-decoration: none; } .btn-default { background-color: #009640; border-color: #007d35; } .btn-default:hover, .btn-default:active { background: #007d35; } .btn-success { background-color: #27ae60; border-color: #229955; } .btn-success:hover, .btn-success:active { background: #229955; } .btn-danger { background-color: #c0392b; border-color: #ab3326; } .btn-danger:hover, .btn-danger:active { background: #ab3326; } .btn-warning { background-color: #f1c40f; border-color: #dab10d; } .btn-warning:hover, .btn-warning:active { background: #dab10d; } .btn-info { background-color: #2980b9; border-color: #2472a4; } .btn-info:hover, .btn-info:active { background: #2472a4; } html, body { height: 100%; } #app { /* height: 100%; */ position: relative; *zoom: 1; } #app:before, #app:after { content: ""; display: table; } #app:after { clear: both; } #app header { height: 70px; background: #fff; border-top: 5px solid #009640; } #app header h1 { height: 220px; width: 210px; position: absolute; top: 0; left: 0; background: #009640; padding: 0; margin: 0; z-index: 10; } #app header h1 a { display: block; width: 100%; height: 100%; text-indent: -99999px; background: url(../media/logo@2x-neu.png) 50% 50% no-repeat; background-size: 70%; } #app header nav { float: left; margin-left: 235px; height: 70px; line-height: 70px; font-family: "ff-tisa-web-pro",serif; } #app header nav ul { padding: 0; margin: 0; list-style: none; } #app header nav ul li { float: left; padding: 0 25px; position: relative; } #app header nav ul li a { text-decoration: none; border-bottom: 4px solid #fff; font-size: 16px; font-size: 1rem; height: 66px; line-height: 70px; display: block; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; color: #B4B5B5; } #app header nav ul li a:hover { border-color: #ECE9E9; color: #444; } #app header nav ul li.current-menu-item a, #app header nav ul li.current-page-parent a, #app header nav ul li.current-page-ancestor a { font-weight: 700; border-color: #009640; color: #444; color: #333; } #app header nav ul li.current-page-parent ul li a, #app header nav ul li.current-page-ancestor ul li a { color: #B4B5B5; font-weight: 400; border-bottom: 1px solid #ECE9E9; } #app header nav ul li ul { position: absolute; width: 295px; top: 70px; z-index: 300; left: 0px; border-top: 9px solid transparent; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=" 0 ")"; filter: alpha(opacity=0); zoom: 1; display: none; } #app header nav ul li ul:after { bottom: 100%; left: 48px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(255, 255, 255, 0); border-bottom-color: #fff; border-width: 9px; margin-left: -9px; } #app header nav ul li ul li { background: #fff; width: 100%; padding: 0; margin: 0; } #app header nav ul li.current-menu-item ul li a,#app header nav ul li.current-page-ancestor ul li a,#app header nav ul li ul li a{ border: none; line-height: 45px; height: 45px; font-size: 14px; font-size: 0.875rem; color: #B4B5B5; padding: 0 20px; display: block; font-weight: 400; border-bottom: 1px solid #ECE9E9; } #app header nav ul li ul li.current-menu-item a, #app header nav ul li ul li.current-page-ancestor a { font-weight: 700; color: #444; color: #333; } #app header nav ul li ul li:last-of-type a{ border-bottom: none; } #app header nav ul li:hover ul { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=" 100 ")"; filter: alpha(opacity=100); zoom: 1; display: block; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } #app header .social-links { float: right; height: 70px; } #app header .social-links a { width: 50px; height: 70px; line-height: 70px; text-decoration: none; display: block; text-align: center; float: left; color: #444; border-right: 1px solid #ECE9E9; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; text-indent: -99999px; opacity: 0.6; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=" 60 ")"; filter: alpha(opacity=60); zoom: 1; } #app header .social-links a.f { background: url(../media/icons/facebook.png) 50% 50% no-repeat; background-size: 45%; } #app header .social-links a.t { background: url(../media/icons/twitter.png) 50% 50% no-repeat; background-size: 48%; } #app header .social-links a:first-of-type { border-left: 1px solid #ECE9E9; } #app header .social-links a:hover { background-color: #ECE9E9; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=" 100 ")"; filter: alpha(opacity=100); zoom: 1; } #app #stage { height: 450px; background: #ccc url(../media/load.gif) 50% 50% no-repeat; } #app #stage .grid { height: 100%; } #app #stage #description { position: absolute; right: 0; bottom: 50px; width: 500px; } .page #app #stage #description, .page #app #stage.small #description{ width: auto; } #app #stage #description .title { font-size: 40px; font-size: 2.5rem; font-weight: 700; color: #fff; text-align: right; text-transform: uppercase; display: block; height: 42px; margin-right: -3px; } #app #stage #description .title span { font-size: 28px; font-size: 1.75rem; font-weight: 300; } #app #stage #description .next-stage, #app #stage #description .prev-stage { height: 38px; width: 38px; display: block; background: #fff; color: #444; font-size: 16px; font-size: 1rem; line-height: 38px; text-decoration: none; float: right; text-align: center; margin-left: 3px; margin-top: 3px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } #app #stage #description .next-stage:hover, #app #stage #description .prev-stage:hover { background: #009640; color: #fff; } #app #stage #description .description-content { background: #fff; background: rgba(255, 255, 255, 0.9); padding: 30px; } #app #stage #description .description-content p { padding: 0; margin: 0 0 14px 0; line-height: 1.5; } #app #stage #description .description-content p strong { font-size: 16px; font-size: 1rem; color: #333; } #app #stage #description .description-content p:last-of-type { margin: 0; } #app #stage #description .description-content p a { color: #009640; text-decoration: none; font-weight: 700; } #app #stage.small { height: 320px; } #app #stage.small #description { position: absolute; right: 0; bottom: 20px; width: 500px; } #app #bar { height: 60px; background: #009640; } #app #bar form { float: right; height: 38px; margin: 11px 0; width: 320px; position: relative; } #app #bar form input { background: #017030; height: 38px; width: 290px; padding: 0 15px; border: none; color: #fff; } #app #bar form input:-moz-placeholder { color: #fff; } #app #bar form input:-ms-input-placeholder { color: #fff; } #app #bar form input::-webkit-input-placeholder { color: #fff; } #app #bar form button { position: absolute; top: 0; right: 0; height: 38px; width: 38px; border: none; background: transparent; font-size: 18px; color: #fff; } #app #bar .breadcrumb { line-height: 60px; color: #fff; float: left; } #app #bar .breadcrumb a { font-weight: 700; text-decoration: none; color: #fff; } #app main { padding: 60px 0 240px 0; display: block; width: 1100px; margin: 0 auto; position: relative; background: url(../media/footer-big.png) center bottom no-repeat; background-size: contain; *zoom: 1; } img.alignright{ float: right; } #app main:before, #app main:after { content: ""; display: table; } #app main:after { clear: both; } #app main section { width: 750px; background: #fff; padding: 0 0 60px 0; float: left; } #app main section.full{ width: 100%; } #app main section.boxed{ background: none; } div.sharedaddy h3.sd-title{ display: none !important; } .box{ width: 31.3333%; margin-right: 2%; margin-bottom: 2%; float: left; background: #fff; } .box figure{ margin: 0; padding: 0; } .box img{ width: 100%; height: auto; float: left; } .box h3{ padding: 0; line-height: 40px; font-size: 12px; margin: 0; line-height: 40px; text-align: center; text-transform: uppercase; letter-spacing: 1px; } .box h3 a{ font-weight: 300; color: #444; text-decoration: none; } #app main section.article-list { padding: 0; } #app main section h2 { padding: 0; margin: 0; font-size: 18px; font-size: 1.125rem; text-transform: uppercase; height: auto; line-height: 28px; padding: 15px 20px; letter-spacing: 1px; color: #333; border-bottom: 1px solid #ECE9E9; font-weight: 300; } #app main section h2.interaction{ position: relative; } #app main section h2.interaction .headline-back{ height: 40px; width: 40px; left: -41px; line-height: 40px; color: #333; background: #fff; text-decoration: none; text-align: center; top: 0; display: block; position: absolute } #app main section article { padding: 30px 20px; border-bottom: 1px solid #ECE9E9; *zoom: 1; } #app main section article .branche{ width: 25%; } #app main section article .branches .row{ display: flex; flex-direction: row; flex-wrap: wrap; } #app main section article .branche a{ color: #666; text-decoration: none; display: block; padding: 12px 20px; } #app main section article .branche a.active{ color: #333; font-weight: 600; } #app main section article .branches{ margin-bottom: 20px; padding-bottom: 20px; background: #f3f3f3; border-bottom: 1px dotted #dadada; } #app main section article:before, #app main section article:after { content: ""; display: table; } #app main section article:after { clear: both; } #app main section article figure { padding: 0; margin: 0; margin-bottom: 14px; display: block; float: left; margin-left: -20px; margin-right: -20px; } #app main section article figure img { max-width: 100%; height: auto; float: left; } #app main section article time { font-size: 12px; font-size: 0.75rem; margin-bottom: 3px; display: block; } #app main section article.has-thumb figure { width: 250px; background: #efefef; float: left; padding: 0; margin: 0; margin-top: 3px; } #app main section article.has-thumb .content { width: 420px; float: left; margin-left: 20px; } #app main section article h3 { padding: 0; margin: 40px 0 0 0; margin-bottom: 10px; color: #333; } #app main section article h3:first-of-type{ margin: 0 0 10px 0; } #app main section article h3 a { color: #555; text-decoration: none; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } #app main section article h3 a:hover { color: #333; } #app main section article p { padding: 0; margin: 0; margin-bottom: 14px; line-height: 1.5; } #app main section .article-footer{ padding: 20px; } .sharedaddy{ float: right; } #app main section article p.smaller{ margin-top: -10px; } #app main section article p a { color: #009640; text-decoration: none; font-weight: 700; } #app main section .file_list{ margin: 0; padding: 0; } #app main section .file_list.padded{ padding: 30px 0 50px 0; } #app main section .file_list.padded:last-of-type{ padding-bottom: 0; } .tab{ width: 80px; display: inline-block; } .tab.big{ width: 120px; } div#preload { display: none; } .seperator{ border: none; background: none; border-bottom: 1px dotted #ECE9E9; height: 1px; width: 100%; margin: 30px 0 30px 0; } #app main section .file_list li{ margin: 0; padding: 12px 0; border-bottom: 1px dotted #ECE9E9; list-style: none; } #app main section .file_list li:first-of-type{ padding: 0 0 12px 0; } #app main section .file_list li:last-of-type{ border: none; padding: 12px 0; } #app main section .file_list.list_padded li{ padding: 20px 0; } #app main section .file_list.list_padded li:first-of-type{ padding: 0 0 20px 0; } #app main section .file_list.list_padded li:last-of-type{ border: none; padding: 20px 0 0 0; } #app main section .file_list.list_padded.programm li{ padding: 8px 0 !important; } #app main section .file_list li .title{ width: 78%; padding-left: 2%; float: left; display: block; line-height: 21px; } #app main section .file_list.normal li .title{ line-height: 29px; } #app main section .file_list.oneline li .txt p{ line-height: 29px; margin: 0; } #app main section .file_list.numbers li .nr{ width: 15%; float: left; color: #009640; font-weight: 700; } #app main section .file_list.numbers li .nr.small{ width: 8%; } #app main section .file_list.numbers li .nr.leftp{ padding-left: 2%; width: 13%; } #app main section hr{ height: 0; border: none; border-bottom: 1px dotted #dadada; margin: 21px 0; padding: 0; } #app main section .file_list.small-image-list li .image{ width: 25%; float: left; } #app main section .file_list.small-image-list li .image img{ width: 100%; height: auto; } #app main section .file_list.small-image-list.smaller li .image{ width: 15%; float: left; text-align: center; } #app main section .file_list.small-image-list.smaller li .image img{ width: 75%; height: auto; } #app main section .file_list.small-image-list li .excerpt{ width: 72%; margin-left: 3%; float: left; } #app main section .file_list.small-image-list li .excerpt h4{ margin: 0; padding: 0; } #app main section .file_list.small-image-list li .excerpt a{ color: #009640; font-weight: 700; text-decoration: none; } #app main section .file_list.small-image-list li .excerpt h3 a{ color: #333; } #app main section .file_list.only-list{ margin: 0; padding: 0; } #app main section .file_list.numbers li .title{ width: 82%; } #app main section .file_list.numbers li .title.big{ width: 89%; } #app main section .file_list.numbers li p{ margin: 0; padding: 0; } #app main section .file_list li .lh p{ margin: 0; padding: 0; } #app main section .file_list li .column-20{ width: 20%; float: left; } #app main section .file_list li .column-10{ width: 10%; float: left; } #app main section .file_list li .column-15{ width: 15%; float: left; } #app main section .file_list li .column-25{ width: 25%; float: left; } #app main section .file_list li .column-30{ width: 30%; float: left; } #app main section .file_list li .column-35{ width: 35%; float: left; } #app main section .file_list li .column-40{ width: 40%; float: left; } #app main section .file_list li .column-70{ width: 70%; float: left; } #app main section .file_list li .column-80{ width: 80%; float: left; } #app main section .file_list li .column-60{ width: 60%; float: left; } #app main section .file_list li .column-50{ width: 50%; float: left; } #app main section .file_list li .column-10.leftp{ width: 8%; padding-left: 2%; } #app main section .file_list li .column-10.rightp{ width: 8%; padding-right: 2%; } #app main section .file_list li .column-15.leftp{ width: 13%; padding-left: 2%; } #app main section .file_list li .column-15.rightp{ width: 13%; padding-right: 2%; } #app main section .file_list li .column-20.leftp{ width: 18%; padding-left: 2%; } #app main section .file_list li .column-20.rightp{ width: 18%; padding-right: 2%; } #app main section .file_list li .column-25.leftp{ width: 23%; padding-left: 2%; } #app main section .file_list li .column-25.rightp{ width: 23%; padding-right: 2%; } #app main section .file_list li .column-30.leftp{ width: 28%; padding-left: 2%; } #app main section .file_list li .column-30.rightp{ width: 28%; padding-right: 2%; } #app main section .file_list li .column-35.leftp{ width: 33%; padding-left: 2%; } #app main section .file_list li .column-35.rightp{ width: 33%; padding-right: 2%; } #app main section .file_list li .column-40.leftp{ width: 38%; padding-left: 2%; } #app main section .file_list li .column-40.rightp{ width: 38%; padding-right: 2%; } #app main section .file_list li .column-50.leftp{ width: 48%; padding-left: 2%; } #app main section .file_list li .column-50.rightp{ width: 48%; padding-right: 2%; } #app main section .file_list li .column-60.leftp{ width: 58%; padding-left: 2%; } #app main section .file_list li .column-60.rightp{ width: 58%; padding-right: 2%; } #app main section .file_list li .column-70.leftp{ width: 68%; padding-left: 2%; } #app main section .file_list li .column-70.rightp{ width: 68%; padding-right: 2%; } #mobile-nav{ display: none; } #app main section .file_list li .column-80.leftp{ width: 78%; padding-left: 2%; } #app main section .file_list li .column-80.rightp{ width: 78%; padding-right: 2%; } .pdf{ width: 16.6666666667%; float: left; } .pdf-inner{ margin: 10px; background: #efefef url(../media/pdf.png) 43% 10px no-repeat; background-size: 40%; border-radius: 3px; border: 1px solid rgba(0,0,0,0.1); height: 90px; position: relative; } .pdf-inner a{ width: 100%; height: 100%; display: block; left: 0; top: 0; position: absolute; text-indent: -99999px; } .pdf-inner span{ width: 100%; height: 30px; line-height: 30px; text-transform: uppercase; position: absolute; bottom: 6px; text-align: center; color: #999; left: 0; font-weight: 700; letter-spacing: 2px; } #app main section .file_list li .download{ width: 18%; padding-right: 2%; float: left; display: block; text-align: right; } #app main section .file_list li .download a{ color: #fff; text-decoration: none; padding: 4px 8px; margin-top: 6px; border-radius: 3px; background: #009640; border: 1px solid #009640; display: inline-block; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } #app main section .file_list li.odd{ background: #efefef; } #app main section .file_list.normal li .download a{ margin: 0; } #app main section .file_list li span.download a:hover, #app main section .file_list.normal li span.download a:hover{ background: transparent; color: #009640; } #app main section .file_list li ul{ margin: 20px 0; } #app main section .file_list li ul li{ list-style: disc; border: none; padding: 0; line-height: 21px; } #app main section .file_list li ul li:after, #app main section .file_list li ul li:before{ content: ""; display: inline; } #app main section .file_list li ul li:last-of-type, #app main section .file_list li ul li:first-of-type{ padding: 0; } #app main section .gallery-component{ margin: 20px -10px } #app main section .gallery-component .image{ width: 33.3333%; float: left; } #app main section .gallery-component .image .inner{ padding: 10px; } #app main section .gallery-component .image a, .widget.link a{ display: block; border-radius: 2px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } #app main section .gallery-component .image img, .widget.link a img{ width: 100%; float: left; height: auto; border-radius: 2px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } #app main section .gallery-component .image a:hover img, .widget.link a:hover img{ opacity: 0.8; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity='80')"; filter: alpha(opacity=80); } input::-moz-focus-inner { border: 0; outline: none; } a:focus, a:active { outline: none; } button::-moz-focus-inner, input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, select::-moz-focus-inner, input[type="file"] > input[type="button"]::-moz-focus-inner { border: 0; outline: 0; } :focus { outline: none; } object, embed, a, *:focus, select:focus { outline: 0; } section .form-col-handler:after, #app main section .article-footer:after, section form:after { content: ""; display: table; clear: both; } section form.filter span{ float: right; width: 160px; } section form .form-column { width: 48.5%; margin: 0 1.5% 3% 0; float: left; position: relative; } section form .form-column.captcha-field{ width: 70%; } section form .form-column.captcha-field input{ font-size: 12px; } .form-col-handler button{ margin-top: 2px; } section form .form-column.col-1-3 { width: 25%; margin: 0 0 3% 0; color: #646464; } section form .form-column label { line-height: 46px; font-size: 16px; } section form .form-column span.error { height: 24px; width: 24px; background: #cd0019; color: #fff; position: absolute; right: 11px; border-radius: 50%; top: 11px; line-height: 24px; text-align: center; display: block; } section form .form-column.last { margin: 0 0 3% 1.5%; } section form .form-column input[type="text"] { height: 46px; line-height: normal !important; border: none; background: #ECE9E9; border: 1px solid #ECE9E9; width: 100%; padding: 0 12px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; color: #333; } section form .form-column textarea { min-height: 138px; border: none; background: #ECE9E9; border: 1px solid #ECE9E9; width: 100%; padding: 12px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; color: #333; } section form .form-column.full { margin: 0 0 3% 0; width: 100%; } section form button { height: 42px; color: #333; border: 2px solid #fff; padding: 0 20px; background: #000; display: block; float: left; } section form .select-component select, aside form .select-component select { background: transparent; width: 100%; border: 0; border-radius: 0; height: 46px; -webkit-appearance: none; width: 130%; } aside .wp-polls{ padding: 30px; background: #fff; } section form.filter .select-component select{ background: transparent; width: 100%; border: 0; border-radius: 0; height: 35px; -webkit-appearance: none; width: 130%; } .firefox section form .select-component select { padding-top: 12px; } section form .select-component { height: 46px; overflow: hidden; background: #ECE9E9 url(../media/arrow-down.png) no-repeat 99% 7px; background-size: 32px 32px; width: 100%; display: block; border: 1px solid #ECE9E9; padding: 0 12px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; color: #333; cursor: pointer; } section form.filter .select-component { height: 35px; overflow: hidden; float: right; background: #ECE9E9 url(../media/arrow-down.png) no-repeat 99% 5px; background-size: 26px 26px; width: 150px; display: block; border: 1px solid #ECE9E9; padding: 0 12px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; color: #333; cursor: pointer; } section form.loading button { padding-left: 35px; background: url(../media/loading.gif) 10px center no-repeat; } section form h3 { color: #000; } .json-message { width: 100%; background: grey; display: none; margin-bottom: 10px; } #app main section article .json-message p { padding: 14px; margin: 0; color: #fff; } .json-message.successmail { background-color: #009640; color: #fff; } .json-message.errormail { background-color: #c10a27; color: #fff; } .json-message.errormail { background-color: #cd0019; color: #fff; } #app main aside { width: 320px; float: right; } #app main aside .widget { margin-bottom: 20px; } #app main aside .widget img{ max-width: 100%; height: auto; float: left } #app main aside .widget .widget-content { background: #fff; padding: 20px; } #app main aside .widget.subnavigation .widget-content{ padding: 0; } #app main aside .widget.subnavigation .widget-content ul{ margin: 0; padding: 0; } #app main aside .widget.subnavigation .widget-content ul li{ list-style: none; padding: 0; margin: 0; } #app main aside .widget p{ margin: 0 0 12px 0; } #app main aside .widget p:last-of-type{ margin: 0; } #app main aside .widget.subnavigation .widget-content ul li a{ padding: 12px 20px; line-height: 21px; font-size: 14px; text-decoration: none; border-bottom: 1px solid #ECE9E9; color: #333; display: block; } #app main aside .widget.subnavigation .widget-content ul li.current_page_item a{ font-weight: 700; color: #009640; } #app main aside .widget .widget-content p a { color: #444; text-decoration: none; border-bottom: 1px solid #444; } #app main aside .widget .widget-header { width: 320px; box-sizing: border-box; letter-spacing: 1px; display: block; text-transform: uppercase; padding: 20px 20px; vertical-align: top; background: #fff; color: #333; font-weight: 600; font-size: 16px; font-size: 1rem; border-bottom: 1px solid #ECE9E9; } #app main aside .widget .widget-header span{ display: inline-block; vertical-align: top; width: 240px } #app main aside .widget.subnavigation .widget-header{ color: #fff; background: #009640; border: none; } #app main aside .widget .widget-header i { font-size: 22px; vertical-align: top; font-size: 1.375rem; margin-right: 5px; } #app main aside .widget.contact-data .widget-content p { line-height: 22px; } #app main aside .widget.contact-data .widget-content p span { width: 40px; display: inline-block; } #app main aside .widget.opening-hours p { line-height: 22px; } #app main aside .widget.opening-hours p span { width: 40px; display: inline-block; } #app main aside .widget.weather { background: #009640; } #app main aside .widget.weather .widget-header { color: #fff; text-align: center; padding: 0; background: #009640; width: 100%; font-weight: 400; border: none; } #app main aside .widget.weather .icon { height: 120px; text-align: center; line-height: 0; font-size: 120px; } #app main aside .widget.weather .current-day { color: #fff; height: 60px; line-height: 60px; text-align: center; } #app main aside .widget.weather .widget-footer { background: #fff; *zoom: 1; } #app main aside .widget.weather .widget-footer:before, #app main aside .widget.weather .widget-footer:after { content: ""; display: table; } #app main aside .widget.weather .widget-footer:after { clear: both; } #app main aside .widget.weather .widget-footer .day { width: 25%; float: left; text-align: center; padding: 20px 0; color: #C3C3C3; font-weight: 700; } #app main aside .widget.weather .widget-footer .day.current { color: #444; } #app main aside .widget.weather .widget-footer .day span { display: block; } #app main aside .widget.weather .widget-footer .day span.small-icon { height: 40px; line-height: 40px; text-align: center; } #app main aside .widget.weather .widget-footer .day span.small-icon i { font-size: 30px; color: #C3C3C3; line-height: 40px; } #app main aside .widget.weather .widget-footer .day span.temp { font-weight: 400; } #app footer { background: #fff; padding: 90px 0 0 0; font-family: "ff-tisa-web-pro",serif; } .mobile-copyright{ background: #fff; display: none; height: 40px; font-family: "ff-tisa-web-pro",serif; line-height: 40px; } #app footer .footer-logo { width: 160px; height: 160px; background: #fff url(../media/logo-footer.png) 50% 50% no-repeat; background-size: 60%; position: absolute; top: -196px; left: 50%; display: block; margin-left: -80px; z-index: 20; } #app footer .footer-logo a { text-indent: -99999px; width: 100%; height: 100%; display: block; } #app footer ul { *zoom: 1; } #app footer ul:before, #app footer ul:after { content: ""; display: table; } #app footer ul:after { clear: both; } #app footer ul, #app footer li { padding: 0; margin: 0; list-style: none; } #app footer li { width: 20%; float: left; line-height: 40px; } #app footer li a { color: #444; text-decoration: none; font-weight: 700; font-size: 16px; font-size: 1rem; } #app footer li ul li { width: 100%; float: none; line-height: 25px; } #app footer li ul li a { font-weight: 400; font-size: 14px; font-size: 0.875rem; } #app footer .copyright { border-top: 1px solid #ECE9E9; height: 60px; line-height: 60px; margin-top: 60px; } #app footer .copyright a, .mobile-copyright a { color: #444; text-decoration: none; } .has-filter{ position: relative; } .has-filter form{ position: absolute; top: 12px; right: 12px; } /* Mobile Menu Core Style */ .slicknav_btn { position: relative; display: block; vertical-align: middle; float: right; padding: 0.438em 0.625em 0.438em 0.625em; line-height: 1.125em; cursor: pointer; } .slicknav_menu .slicknav_menutxt { display: block; line-height: 1.188em; float: left; } .slicknav_menu .slicknav_icon { float: left; margin: 0.188em 0 0 0.438em; } .slicknav_menu .slicknav_no-text { margin: 0; } .slicknav_menu .slicknav_icon-bar { display: block; width: 1.125em; height: 0.135em; } .slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar { margin-top: 0.188em; } .slicknav_nav { clear: both; } .slicknav_nav ul, .slicknav_nav li { display: block; } .slicknav_nav .slicknav_arrow { font-size: 0.8em; float: right; margin: 0 0 0 0.4em; } .slicknav_nav .slicknav_item { cursor: pointer; } .slicknav_nav .slicknav_row { display: block; } .slicknav_nav a { display: block; } .slicknav_nav .slicknav_item a, .slicknav_nav .slicknav_parent-link a { display: inline; } .slicknav_menu:before, .slicknav_menu:after { content: " "; display: table; } .slicknav_menu:after { clear: both; } /* IE6/7 support */ .slicknav_menu { *zoom: 1; } /* User Default Style Change the following styles to modify the appearance of the menu. */ .slicknav_menu { display: none; } .slicknav_menu { font-size: 16px; } /* Button */ .slicknav_btn { margin: 5px 5px 6px; text-decoration: none; } /* Button Text */ .slicknav_menu .slicknav_menutxt { color: #FFF; font-weight: bold; } /* Button Lines */ .slicknav_menu .slicknav_icon-bar { background-color: #f5f5f5; } .slicknav_menu { background-color: #009640; padding: 5px; } .slicknav_nav { color: #fff; margin: 0; padding: 0; font-size: 0.875em; } .slicknav_nav, .slicknav_nav ul { list-style: none; overflow: hidden; } .slicknav_nav ul { padding: 0; margin: 0; list-style: none; } .slicknav_nav a { padding: 0 15px; line-height: 40px; text-decoration: none; color: #fff; font-size: 16px; font-size: 1rem; display: block; border-bottom: 1px solid #017030; font-family: "ff-tisa-web-pro",serif; } .slicknav_nav a a { border: none; } .slicknav_nav ul ul li a { padding-left: 25px; } .slicknav_nav ul ul li ul li a { padding-left: 35px; } .slicknav_nav ul li:last-of-type a { border-bottom: none; } .slicknav_nav .slicknav_item a, .slicknav_nav .slicknav_parent-link a { padding: 0; margin: 0; } .slicknav_nav .slicknav_row:hover { background: #017030; color: #fff; } .slicknav_nav a:hover { background: #017030; color: #fff; } .slicknav_nav .slicknav_txtnode { margin-left: 15px; } .nav-handler, .mobile-h1 { display: none; } @media (max-width: 1100px) { .grid, #app main { width: 96%; } #app main section { width: 70%; } #app main aside { width: 28%; } #app main aside .widget .widget-header { width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #app main aside .widget.opening-hours p { line-height: 22px; font-size: 12px; } #app main section article.has-thumb figure { width: 30%; } #app main section article.has-thumb .content { width: 64%; margin-left: 4%; } } #news-teaser { width: 690px; padding: 30px; background: #009640; margin-bottom: 30px; float: left; } #news-teaser figure{ width: 17%; float: left; margin: 0; } #news-teaser figure img{ width: 100%; height: auto; } #news-teaser .news-teaser-ctn{ width: 80%; margin-left: 3%; float: left; } #news-teaser h2{ color: #fff; margin: 0px 0 30px 0; font-size: 32px; padding-bottom: 20px; font-weight: normal; border-bottom: 1px solid #017030; line-height: 42px; font-family: "ff-tisa-web-pro",serif; } #news-teaser p a{ background: #017030; color: #fff; text-decoration: none; display: inline-block; margin-top: 10px; padding: 6px 12px; margin-right: 12px; } #news-teaser p a:hover{ color: #009640; background: #fff; } #news-teaser p{ color: #fff; } #news-teaser p span{ width: 170px; display: inline-block; } #news-teaser h2 strong{ display: block; } @media (max-width: 1024px) { #news-teaser{ box-sizing: border-box; width: 100%; border-bottom: 30px solid #ECE9E9; } #app main section, #app main aside{ float: none; width: 100%; } #app main aside{ display: none; } #app main aside .widget { margin: 30px 0 0 0; width: 32%; float: left; background: #fff; } #app main aside .widget:first-of-type { margin-right: 2%; } #app main aside .widget:last-of-type { margin-left: 2%; } #app header .social-links, #app header nav, #app header { display: none; } .slicknav_menu { display: block; } .mobile-h1 { display: block; position: absolute; line-height: 47px; color: #fff; top: 0; left: 20px; font-family: "ff-tisa-web-pro",serif; font-size: 16px; font-size: 1rem; font-weight: bold; } } @media (max-width: 980px) { #app header .grid { width: 100%; } #app footer li { width: 25%; margin-bottom: 30px; } #app footer li ul li { margin-bottom: 0; } #news-teaser h2{ font-size: 26px; line-height: 30px; } #news-teaser h2 strong{ display: inline; } } @media (max-width: 880px) { #app main section article .branche{ width: 50%; } #news-teaser figure { width: 100%; float: none; margin: 0 0 20px 0; text-align: center; } #news-teaser figure img{ margin: 0 auto; width: 100px; } #news-teaser .news-teaser-ctn { width: 100%; margin-left: 0%; float: none; } #app main section article .branche a{ font-size: 12px; } #app main aside { display: none; } #app main aside .widget { width: 100%; } #app main aside .widget:first-of-type { margin-right: 0; } #app main aside .widget:last-of-type { margin-left: 0; } #app #bar .breadcrumb { display: none; } #app footer li { width: 33.3333%; } #app #bar form { float: none; height: 38px; margin: 11px 0; width: 100%; position: relative; } #app #bar form input { width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } } @media (max-width: 600px) { .box{ width: 48%; } #news-teaser p span{ width: auto; } .page #app #stage #description, .page #app #stage.small #description{ right: 20px; bottom: 0; } .mobile-copyright{ display: block; font-size: 12px; } .has-filter form{ top:8px; right: 8px; } section form.filter .select-component select,section form.filter .select-component{ height: 30px; } section form.filter .select-component{ background: #ECE9E9 url(../media/arrow-down.png) no-repeat 99% 2px; background-size: 26px 26px; width: 100px; } #app #stage #description .title { font-size: 24px } #app #stage{ height: 320px; }.mobileshow{ display: inline-block; } #app main section .file_list li .column-15, #app main section .file_list li .column-25, #app main section .file_list li .column-30, #app main section .file_list li .column-25.leftp, #app main section .file_list li .column-30.leftp, #app main section .file_list li .column-25.rightp,#app main section .file_list li .column-20,#app main section .file_list li .column-10{ width: 100%; margin: 0; padding: 0; } #app main section .file_list li .column-15 p, #app main section .file_list li .column-25 p, #app main section .file_list li .column-30 p, #app main section .file_list li .column-25.leftp p, #app main section .file_list li .column-30.leftp p, #app main section .file_list li .column-25.rightp p, #app main section .file_list li .column-20 p, #app main section .file_list li .column-10 p{ margin: 0; padding: 0; padding-left: 12px; } #app main section .file_list.padded { padding: 0 0 30px 0; } #app main section .file_list li .download{ position: absolute; width: auto; padding: 0; right: 10px; top: 12px; } #app main section article .branche{ width: 100%; } #app main section article .branche a{ padding: 12px 20px 0 20px; } #app main section .file_list li .download a{ font-size: 12px; } #app main section .file_list li{ position: relative; } #app #stage.small{ height: 220px; }#app main{ padding: 20px 0 100px 0; } #app #stage #description .description-content p{ font-size: 12px; line-height: 18px; } #app #stage #description .title span { font-size: 24px; font-size: 1.5rem; } #app main section article h3{ font-size: 14px; } #app main section h2{ line-height: 22px; font-size: 16px; padding: 12px 20px; height: auto; } #app main section .file_list.small-image-list li .image{ } #app main section .file_list.list_padded li{ padding: 20px 0 0px 0; } #app main section article p{ line-height: 19px; font-size: 12px; } #app main section .file_list li{ } #app main section .file_list li.head{ display: none; } #app main section .file_list.small-image-list li .image img{ width: 100% } #app main section .file_list.small-image-list li .excerpt{ } #app #stage #description .next-stage, #app #stage #description .prev-stage{ height: 30px; line-height: 30px; width: 30px; } #app #stage #description{ bottom: 20px; } #app footer li { width: 50%; } #app #stage #description { width: 98%; } #app footer .copyright { height: auto; line-height: 40px; } #app footer .copyright div { float: none; text-align: center !important; } #app main section article.has-thumb figure { width: 100%; float: none; } #app main section article.has-thumb .content { width: 100%; margin-left: 0; margin-top: 20px; } footer{ display: none; } } @media (max-width: 500px) { section form .form-column, section form .form-column.last, section form .form-column.captcha-field{ width: 100%; margin-right: 0; margin-left: 0; } section form .form-column.captcha-field input{ font-size: 10px; } #app footer li{ width: 100%; text-align: center; } #app main aside .widget.opening-hours p{ line-height: 22px; font-size: 14px; } #app main aside .widget .widget-header span{ width: 80% } #app main aside{ display: block; } app main aside .widget { margin: 15px 0 0 0; } } @media (max-width: 400px) { .box{ width: 100%; margin-right: 0; }