/** * @file * Styles are organized using the SMACSS technique. @see http://smacss.com/book/ * * When you turn on CSS aggregation at admin/config/development/performance, all * of these @include files will be combined into a single file. */ /* HTML element (SMACSS base) rules */ @import url(../bower_components/bootstrap/dist/css/bootstrap.min.css); @import url(icomoon/style.css); span.test { color: #1a1a1a; color: #333333; color: #4d4d4d; color: #666666; color: gray; color: #999999; color: #b3b3b3; color: #cccccc; color: #e6e6e6; color: #94131b; color: #e42835; } /** * @file * Normalize.css is intended to be used as an alternative to CSS resets. * * This file is a slight fork of these original sources: * - normalize.css v2.1.2 | MIT License | git.io/normalize * - normalize.scss v2.1.2 | MIT/GPLv2 License | bit.ly/normalize-with-compass * * It's suggested that you read the normalize.scss file and customise it to meet * your needs, rather then including the file in your project and overriding the * defaults later in your CSS. * @see http://nicolasgallagher.com/about-normalize-css/ * * Also: @see http://meiert.com/en/blog/20080419/reset-style-sheets-are-bad/ * @see http://snook.ca/archives/html_and_css/no_css_reset/ */ /** * HTML5 display definitions */ /* Correct `block` display not defined in IE 8/9. */ article, aside, details, figcaption, figure, footer, header, main, nav, section, summary { display: block; } /* Correct `inline-block` display not defined in IE 8/9. */ audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; } /** * Prevent modern browsers from displaying `audio` without controls. * Remove excess height in iOS 5 devices. */ audio:not([controls]) { display: none; height: 0; } /* Address styling not present in IE 8/9. */ [hidden] { display: none; } /** * Base * * Instead of relying on the fonts that are available on a user's computer, you * can use web fonts which, like images, are resources downloaded to the user's * browser. Because of the bandwidth and rendering resources required, web fonts * should be used with care. * * Numerous resources for web fonts can be found on Google. Here are a few * websites where you can find Open Source fonts to download: * - http://www.fontsquirrel.com/fontface * - http://www.theleagueofmoveabletype.com * * In order to use these fonts, you will need to convert them into formats * suitable for web fonts. We recommend the free-to-use Font Squirrel's * Font-Face Generator: * http://www.fontsquirrel.com/fontface/generator * * The following is an example @font-face declaration. This font can then be * used in any ruleset using a property like this: font-family: Example, serif; */ /* @font-face { font-family: 'Example'; src: url('../fonts/example.eot'); src: url('../fonts/example.eot?iefix') format('eot'), url('../fonts/example.woff') format('woff'), url('../fonts/example.ttf') format('truetype'), url('../fonts/example.svg#webfontOkOndcij') format('svg'); font-weight: normal; font-style: normal; } */ /** * 1. Set default font family to sans-serif. * 2. Prevent iOS text size adjust after orientation change, without disabling * user zoom. * 3. Correct text resizing oddly in IE 6/7 when body `font-size` is set using * `em` units. */ html { font-family: Verdana, Tahoma, "DejaVu Sans", sans-serif; /* 1 */ /* Delete all but one of the following font-size declarations: */ /* Use a 12px base font size. 16px x 75% = 12px */ font-size: 75%; /* 3 */ /* Use a 14px base font size. 16px x .875 = 14px */ font-size: 87.5%; /* 3 */ /* Use a 16px base font size. */ font-size: 100%; /* 3 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ /* Establish a vertical rhythm. */ line-height: 1.5em; } /* Address `font-family` inconsistency between `textarea` and other form elements. */ button, input, select, textarea { /** * The following font family declarations are available on most computers. * * A user's web browser will look at the comma-separated list and will * attempt to use each font in turn until it finds one that is available * on the user's computer. The final "generic" font (sans-serif, serif or * monospace) hints at what type of font to use if the web browser doesn't * find any of the fonts in the list. * * font-family: "Times New Roman", Times, Georgia, "DejaVu Serif", serif; * font-family: Times, "Times New Roman", Georgia, "DejaVu Serif", serif; * font-family: Georgia, "Times New Roman", "DejaVu Serif", serif; * * font-family: Verdana, Tahoma, "DejaVu Sans", sans-serif; * font-family: Tahoma, Verdana, "DejaVu Sans", sans-serif; * font-family: Helvetica, Arial, "Nimbus Sans L", sans-serif; * font-family: Arial, Helvetica, "Nimbus Sans L", sans-serif; * * font-family: "Courier New", "DejaVu Sans Mono", monospace; */ font-family: Verdana, Tahoma, "DejaVu Sans", sans-serif; } /* Remove default margin. */ body { margin: 0; padding: 0; } /** * Links * * The order of link states are based on Eric Meyer's article: * http://meyerweb.com/eric/thoughts/2007/06/11/who-ordered-the-link-states */ /* Address `outline` inconsistency between Chrome and other browsers. */ a:focus { outline: thin dotted; } /* Improve readability when focused and also mouse hovered in all browsers. */ a:active, a:hover { outline: 0; } /** * Typography * * To achieve a pleasant vertical rhythm, we use Compass' Vertical Rhythm mixins * so that the line height of our base font becomes the basic unit of vertical * measurement. We use multiples of that unit to set the top and bottom margins * for our block level elements and to set the line heights of any fonts. * For more information, see http://24ways.org/2006/compose-to-a-vertical-rhythm */ /* Set 1 unit of vertical rhythm on the top and bottom margin. */ p, pre { margin: 1.5em 0; } blockquote { /* Also indent the quote on both sides. */ margin: 1.5em 30px; } /** * Address variable `h1` font-size and margin within `section` and `article` * contexts in Firefox 4+, Safari 5, and Chrome. */ h1 { /* Set the font-size and line-height while keeping a proper vertical rhythm. */ font-size: 2em; line-height: 1.5em; /* 3rem / 2em = 1.5em */ /* Set 1 unit of vertical rhythm on the top and bottom margins. */ margin-top: 0.75em; /* 1.5rem / 2em = .75em */ margin-bottom: 0.75em; } h2 { font-size: 1.5em; line-height: 2em; /* 3rem / 1.5em = 2em */ margin-top: 1em; /* 1.5rem / 1.5em = 1em */ margin-bottom: 1em; } h3 { font-size: 1.17em; line-height: 1.28205em; /* 1.5rem / 1.17em = 1.28205em */ margin-top: 1.28205em; margin-bottom: 1.28205em; } h4 { font-size: 1em; line-height: 1.5em; /* 1.5rem / 1em = 1.5em */ margin-top: 1.5em; margin-bottom: 1.5em; } h5 { font-size: 0.83em; line-height: 1.80723em; /* 1.5rem / 0.83em = 1.80723em */ margin-top: 1.80723em; margin-bottom: 1.80723em; } h6 { font-size: 0.67em; line-height: 2.23881em; /* 1.5rem / 0.67em = 2.23881em */ margin-top: 2.23881em; margin-bottom: 2.23881em; } /* 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 differences between Firefox and other browsers. */ hr { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; height: 0; border: 1px solid #666; padding-bottom: -1px; margin: 1.5em 0; } /* Address styling not present in IE 8/9. */ mark { background: #ff0; color: #000; } /* Correct font family set oddly in Safari 5 and Chrome. */ code, kbd, pre, samp, tt, var { font-family: "Courier New", "DejaVu Sans Mono", monospace, sans-serif; _font-family: 'courier new', monospace; font-size: 1em; line-height: 1.5em; } /* Improve readability of pre-formatted text in all browsers. */ pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; } /* Set consistent quote types. */ q { quotes: "\201C" "\201D" "\2018" "\2019"; } /* 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; } /** * Lists */ dl, menu, ol, ul { /* Address margins set differently in IE 6/7. */ margin: 1.5em 0; } ol ol, ol ul, ul ol, ul ul { /* Turn off margins on nested lists. */ margin: 0; } dd { margin: 0 0 0 30px; /* LTR */ } /* Address paddings set differently in IE 6/7. */ menu, ol, ul { padding: 0 0 0 30px; /* LTR */ } /* Correct list images handled incorrectly in IE 7. */ nav ul, nav ol { list-style: none; list-style-image: none; } /** * Embedded content and figures * * @todo Look into adding responsive embedded video. */ img { /* Remove border when inside `a` element in IE 8/9. */ border: 0; /* Improve image quality when scaled in IE 7. */ -ms-interpolation-mode: bicubic; /* Suppress the space beneath the baseline */ /* vertical-align: bottom; */ /* Responsive images */ max-width: 100%; height: auto; /* Correct IE 8 not scaling image height when resized. */ width: auto; } /* Correct overflow displayed oddly in IE 9. */ svg:not(:root) { overflow: hidden; } /* Address margin not present in IE 8/9 and Safari 5. */ figure { margin: 0; } /** * Forms */ /* Correct margin displayed oddly in IE 6/7. */ form { margin: 0; } /* Define consistent border, margin, and padding. */ fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.5em 0.625em 1em; } /** * 1. Correct `color` not being inherited in IE 8/9. * 2. Remove padding so people aren't caught out if they zero out fieldsets. * 3. Correct alignment displayed oddly in IE 6/7. */ legend { border: 0; /* 1 */ padding: 0; /* 2 */ *margin-left: -7px; /* 3 */ /* LTR */ } /** * 1. Correct font family not being inherited in all browsers. * 2. Correct font size not being inherited in all browsers. * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome. * 4. Improve appearance and consistency with IE 6/7. * 5. Keep form elements constrained in their containers. */ button, input, select, textarea { font-family: inherit; /* 1 */ font-size: 100%; /* 2 */ margin: 0; /* 3 */ vertical-align: baseline; /* 4 */ *vertical-align: middle; /* 4 */ max-width: 100%; /* 5 */ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; /* 5 */ } /** * Address Firefox 4+ setting `line-height` on `input` using `!important` in * the UA stylesheet. */ button, input { line-height: normal; } /** * 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 Chrome, Safari 5+, and IE 8+. * Correct `select` style inheritance in Firefox 4+ and Opera. */ 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. * 4. Remove inner spacing in IE 7 without affecting normal text inputs. * Known issue: inner spacing remains in IE 6. */ button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ *overflow: visible; /* 4 */ } /** * Re-set default cursor for disabled elements. */ button[disabled], html input[disabled] { cursor: default; } /** * 1. Address box sizing set to `content-box` in IE 8/9. * 2. Remove excess padding in IE 8/9. * 3. Remove excess padding in IE 7. * Known issue: excess padding remains in IE 6. */ input[type="checkbox"], input[type="radio"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ *height: 13px; /* 3 */ *width: 13px; /* 3 */ } /** * 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 */ -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; /* 2 */ } /** * Remove inner padding and search cancel button in Safari 5 and Chrome * on OS X. */ input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /* Remove inner padding and border in Firefox 4+. */ button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } /** * 1. Remove default vertical scrollbar in IE 8/9. * 2. Improve readability and alignment in all browsers. */ textarea { overflow: auto; /* 1 */ vertical-align: top; /* 2 */ } /* Drupal-style form labels. */ label { display: block; font-weight: bold; } /** * Tables */ table { /* Remove most spacing between table cells. */ border-collapse: collapse; border-spacing: 0; /* Prevent cramped-looking tables */ /* width: 100%; */ /* Add vertical rhythm margins. */ margin-top: 1.5em; margin-bottom: 1.5em; } html body.admin-menu { margin-top: 0 !important; } html body.admin-menu #header { top: 29px; } html body.admin-menu #header.fixed #header-aside { top: 28px; } html body.admin-menu #admin-menu { position: fixed; background: #333333; box-shadow: none; } html body.admin-menu #admin-menu #admin-menu-wrapper { padding-top: 0; } html body.admin-menu #admin-menu > div > .dropdown > li > a { margin-bottom: 2px; } html body.admin-menu #main { padding-top: 121px; } #admin-menu { -moz-box-shadow: none; -webkit-box-shadow: none; -o-box-shadow: none; -ms-box-shadow: none; box-shadow: none; } #admin-menu:after { content: ""; display: table; clear: both; } #admin-menu .dropdown li li.expandable { background-position: 215px 6px; } #admin-menu #admin-menu-wrapper { padding: 0; margin-top: 4px; border-bottom: 4px solid #666666; background: #333333; font-size: 11px; text-transform: uppercase; overflow: visible; } #admin-menu #admin-menu-wrapper:after { content: ""; display: table; clear: both; } #admin-menu #admin-menu-menu, #admin-menu #admin-menu-account, #admin-menu #admin-menu-icon { margin-bottom: -4px; } #admin-menu #admin-menu-menu > li.admin-menu-toolbar-category > a, #admin-menu #admin-menu-menu > li.admin-menu-action > a, #admin-menu #admin-menu-account > li.admin-menu-toolbar-category > a, #admin-menu #admin-menu-account > li.admin-menu-action > a, #admin-menu #admin-menu-icon > li.admin-menu-toolbar-category > a, #admin-menu #admin-menu-icon > li.admin-menu-action > a { -moz-border-radius: 0; -webkit-border-radius: 0; -o-border-radius: 0; -ms-border-radius: 0; border-radius: 0; margin: 0; padding: 5px 10px; background: #333333; box-sizing: content-box; } #admin-menu #admin-menu-menu > li.admin-menu-toolbar-category > a:hover, #admin-menu #admin-menu-menu > li.admin-menu-action > a:hover, #admin-menu #admin-menu-account > li.admin-menu-toolbar-category > a:hover, #admin-menu #admin-menu-account > li.admin-menu-action > a:hover, #admin-menu #admin-menu-icon > li.admin-menu-toolbar-category > a:hover, #admin-menu #admin-menu-icon > li.admin-menu-action > a:hover { background: #666666; } #admin-menu #admin-menu-menu > li.admin-menu-toolbar-category > a.active-trail, #admin-menu #admin-menu-menu > li.admin-menu-action > a.active-trail, #admin-menu #admin-menu-account > li.admin-menu-toolbar-category > a.active-trail, #admin-menu #admin-menu-account > li.admin-menu-action > a.active-trail, #admin-menu #admin-menu-icon > li.admin-menu-toolbar-category > a.active-trail, #admin-menu #admin-menu-icon > li.admin-menu-action > a.active-trail { background: #666666; color: #d81b28; } #admin-menu #admin-menu-menu > li.admin-menu-toolbar-category ul.dropdown, #admin-menu #admin-menu-menu > li.admin-menu-action ul.dropdown, #admin-menu #admin-menu-account > li.admin-menu-toolbar-category ul.dropdown, #admin-menu #admin-menu-account > li.admin-menu-action ul.dropdown, #admin-menu #admin-menu-icon > li.admin-menu-toolbar-category ul.dropdown, #admin-menu #admin-menu-icon > li.admin-menu-action ul.dropdown { border: 1px solid #666666; box-sizing: content-box; width: 230px; } #admin-menu #admin-menu-menu > li.admin-menu-toolbar-category ul.dropdown > li, #admin-menu #admin-menu-menu > li.admin-menu-action ul.dropdown > li, #admin-menu #admin-menu-account > li.admin-menu-toolbar-category ul.dropdown > li, #admin-menu #admin-menu-account > li.admin-menu-action ul.dropdown > li, #admin-menu #admin-menu-icon > li.admin-menu-toolbar-category ul.dropdown > li, #admin-menu #admin-menu-icon > li.admin-menu-action ul.dropdown > li { border-bottom: 1px solid #666666; width: 230px; opacity: 1; } #admin-menu #admin-menu-menu > li.admin-menu-toolbar-category ul.dropdown > li:last-child, #admin-menu #admin-menu-menu > li.admin-menu-action ul.dropdown > li:last-child, #admin-menu #admin-menu-account > li.admin-menu-toolbar-category ul.dropdown > li:last-child, #admin-menu #admin-menu-account > li.admin-menu-action ul.dropdown > li:last-child, #admin-menu #admin-menu-icon > li.admin-menu-toolbar-category ul.dropdown > li:last-child, #admin-menu #admin-menu-icon > li.admin-menu-action ul.dropdown > li:last-child { border-bottom: none; } #admin-menu #admin-menu-menu > li.admin-menu-toolbar-category ul.dropdown > li a, #admin-menu #admin-menu-menu > li.admin-menu-action ul.dropdown > li a, #admin-menu #admin-menu-account > li.admin-menu-toolbar-category ul.dropdown > li a, #admin-menu #admin-menu-account > li.admin-menu-action ul.dropdown > li a, #admin-menu #admin-menu-icon > li.admin-menu-toolbar-category ul.dropdown > li a, #admin-menu #admin-menu-icon > li.admin-menu-action ul.dropdown > li a { border-top: none; } #admin-menu #admin-menu-menu > li.admin-menu-toolbar-category ul.dropdown > li ul.dropdown, #admin-menu #admin-menu-menu > li.admin-menu-action ul.dropdown > li ul.dropdown, #admin-menu #admin-menu-account > li.admin-menu-toolbar-category ul.dropdown > li ul.dropdown, #admin-menu #admin-menu-account > li.admin-menu-action ul.dropdown > li ul.dropdown, #admin-menu #admin-menu-icon > li.admin-menu-toolbar-category ul.dropdown > li ul.dropdown, #admin-menu #admin-menu-icon > li.admin-menu-action ul.dropdown > li ul.dropdown { margin: -22px 0 0 230px; } #admin-menu #admin-menu-icon > li.admin-menu-toolbar-category > a { padding-top: 6px; } #admin-menu #admin-menu-account { float: right; } #admin-menu #admin-menu-account > li.admin-menu-action > a { background: #333333; border-bottom: 4px solid #e27c79; } #admin-menu #admin-menu-account > li.admin-menu-action > a:hover { background: #d9534f; } #admin-menu #admin-menu-account > li.admin-menu-account > a { background: #333333; border-bottom: none; } #admin-menu #admin-menu-account > li.admin-menu-account > a:hover { background: #666666; } #messages { margin: 0; padding: 0; } #messages .messages { max-width: 1100px; margin: 10px auto; padding: 5px 10px; background: white; border: 2px solid #000; font-weight: 400; } #messages .messages.warning { border: 2px solid #f0ad4e; color: #f0ad4e; } #messages .messages.status { color: #5cb85c; border: 2px solid #5cb85c; } body.not-front .messages { margin: 0 0 15px 0; padding: 10px 25px; } @media only screen and (max-width: 640px) { #admin-menu { display: none; } html body.admin-menu { margin-top: 0 !important; } html body.admin-menu #header { top: 0; } html body.admin-menu #header.fixed #header-aside { top: 0; } } .section-node-edit #content .content-wrapper, .section-node-add #content .content-wrapper { background: whitesmoke; padding: 18px; border: 1px solid #dddddd; } .section-node-edit #content .content-wrapper fieldset.collapsible, .section-node-add #content .content-wrapper fieldset.collapsible { border: none; padding: 0px 0; margin: 24px 0; } .section-node-edit #content .content-wrapper fieldset.collapsible legend, .section-node-add #content .content-wrapper fieldset.collapsible legend { display: inline-block; width: auto; text-transform: uppercase; font-size: 20px; } .section-node-edit #content .content-wrapper fieldset.collapsible > legend, .section-node-add #content .content-wrapper fieldset.collapsible > legend { margin-bottom: -14px; } .section-node-edit #content .content-wrapper .date-float, .section-node-add #content .content-wrapper .date-float { width: 100%; } .section-node-edit #content .content-wrapper .container-inline-date .date-padding, .section-node-add #content .content-wrapper .container-inline-date .date-padding { padding: 0; margin-bottom: 10px; } .section-node-edit #content .content-wrapper input[type="text"], .section-node-edit #content .content-wrapper select, .section-node-add #content .content-wrapper input[type="text"], .section-node-add #content .content-wrapper select { padding: 6px; border-radius: 5px; border: 1px solid #cfcfcf; background: #fafafa; min-height: 2em; } .section-node-edit #content .content-wrapper input[type="checkbox"], .section-node-add #content .content-wrapper input[type="checkbox"] { float: left; margin-right: 11px; } .section-node-edit #content .content-wrapper .node-form > div > .form-item, .section-node-edit #content .content-wrapper fieldset.collapsible > .fieldset-wrapper > .form-wrapper, .section-node-edit #content .content-wrapper #edit-domain .fieldset-wrapper, .section-node-add #content .content-wrapper .node-form > div > .form-item, .section-node-add #content .content-wrapper fieldset.collapsible > .fieldset-wrapper > .form-wrapper, .section-node-add #content .content-wrapper #edit-domain .fieldset-wrapper { background: white; box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.23); padding: 20px; margin: 15px 0; } .section-node-edit #content .content-wrapper .vertical-tabs, .section-node-add #content .content-wrapper .vertical-tabs { background: white; } .section-node-edit #content .content-wrapper .vertical-tabs .vertical-tabs-panes, .section-node-add #content .content-wrapper .vertical-tabs .vertical-tabs-panes { padding: 17px; } .section-node-edit #content .content-wrapper .button.browse, .section-node-add #content .content-wrapper .button.browse { display: inline-block; background: #ed2525; color: white; padding: 10px 24px; } .section-node-edit .form-actions, .section-node-add .form-actions { margin-bottom: 20px; } .section-node-edit .form-actions input[type="submit"], .section-node-add .form-actions input[type="submit"] { padding: 10px 16px; margin-right: 6px; border-radius: 2px; background: white; border: 1px solid #ed2525; color: #ed2525; } .section-node-edit .form-actions input[type="submit"]:hover, .section-node-add .form-actions input[type="submit"]:hover { border: 1px solid #d71212; background: #ffe1df; } .section-node-edit .form-actions input[type="submit"]#edit-submit, .section-node-add .form-actions input[type="submit"]#edit-submit { color: white; background: #ed2525; } .section-node-edit .form-actions input[type="submit"]#edit-submit:hover, .section-node-add .form-actions input[type="submit"]#edit-submit:hover { background: #d71212; } .section-node-edit .draggable a.tabledrag-handle, .section-node-add .draggable a.tabledrag-handle { margin: 0; } .section-node-edit .draggable a.tabledrag-handle .handle, .section-node-add .draggable a.tabledrag-handle .handle { height: 25px; width: 24px; margin: 0; background-position: 6px -16px; } .section-node-edit .tabledrag-toggle-weight-wrapper, .section-node-add .tabledrag-toggle-weight-wrapper { float: right; } .section-node-edit .preview:after, .section-node-add .preview:after { content: ""; display: table; clear: both; } body { font-family: "Roboto", sans-serif; background: white; font-weight: 400; font-size: 14px; overflow-y: scroll; } body, html, #page { height: 100%; } a { color: #d81b28; text-decoration: none; outline: none; cursor: pointer; } a:hover { color: #94131b; text-decoration: underline; outline: none; } a:active { color: #e42835; outline: none; } a:focus { outline: none !important; } p { margin: 0 0 10px 0; } button, input, textarea { outline: none; } #logo, #skip-link, .element-invisible { display: none; } #header-aside .region-header-aside { max-width: 1120px; margin: 0 auto; font-size: 12px; padding: 8px 10px 8px 0; } #header-aside .region-header-aside:after { content: ""; display: table; clear: both; } #footer .region-inner-footer { max-width: 1100px; margin: 0 auto; font-size: 12px; padding: 8px 0px; } #footer .region-inner-footer:after { content: ""; display: table; clear: both; } #page-next-link { -moz-transition: color 0.15s, background 0.15s, padding 0.15s; -webkit-transition: color 0.15s, background 0.15s, padding 0.15s; -o-transition: color 0.15s, background 0.15s, padding 0.15s; -ms-transition: color 0.15s, background 0.15s, padding 0.15s; transition: color 0.15s, background 0.15s, padding 0.15s; position: relative; display: block; float: right; margin-left: 2px; padding: 4px 16px 4px 32px; font-size: 17px; color: #d81b28; background-color: white; overflow: hidden; } #page-next-link .icon-arrow-right { -moz-transition: left 0.15s, right 0.15s; -webkit-transition: left 0.15s, right 0.15s; -o-transition: left 0.15s, right 0.15s; -ms-transition: left 0.15s, right 0.15s; transition: left 0.15s, right 0.15s; position: absolute; width: 16px; height: 16px; margin: -8px 0 0 -24px; left: 0; right: 100%; top: 50%; color: white; font-size: 16px; } #page-next-link:hover { color: white; background-color: #d81b28; text-decoration: none; padding: 4px 32px 4px 16px; } #page-next-link:hover .icon-arrow-right { left: 100%; right: 0; } #page-back-link { -moz-transition: color 0.15s, background 0.15s, padding 0.15s; -webkit-transition: color 0.15s, background 0.15s, padding 0.15s; -o-transition: color 0.15s, background 0.15s, padding 0.15s; -ms-transition: color 0.15s, background 0.15s, padding 0.15s; transition: color 0.15s, background 0.15s, padding 0.15s; position: relative; display: block; float: left; margin-right: 2px; padding: 4px 32px 4px 16px; font-size: 17px; color: #d81b28; background-color: white; overflow: hidden; } #page-back-link .icon-arrow-left { -moz-transition: left 0.15s; -webkit-transition: left 0.15s; -o-transition: left 0.15s; -ms-transition: left 0.15s; transition: left 0.15s; position: absolute; width: 16px; height: 16px; margin: -8px 0 0 8px; left: 100%; right: 0; top: 50%; color: white; font-size: 16px; } #page-back-link:hover { color: white; background-color: #d81b28; text-decoration: none; padding: 4px 16px 4px 32px; } #page-back-link:hover .icon-arrow-left { right: 100%; left: 0; } #main { padding-top: 92px; min-height: 100%; background: white; overflow: hidden; } #content .content-wrapper { max-width: 1100px; margin: 0 auto; padding: 20px 0; } #content .content-wrapper:after { content: ""; display: table; clear: both; } #main-content { width: 100%; float: left; } #main-content.first-sidebar { width: 75%; } #main-content.second-sidebar { width: 75%; } #main-content.first-sidebar.second-sidebar { width: 25%; } #main-content #page-title.large { font-size: 38px; } #main-content #page-title.medium { font-size: 32px; } #main-content #page-title.small { font-size: 26px; } #main-content #page-title.sub-titled { font-size: 40px; margin: 0 0 0.75em 0; } #main-content #page-title .title { margin: 0; font-size: 100%; line-height: 1.1; } #main-content #page-title .sub-title { display: none; margin: -44px 0 0 0; padding: 0 0 0 100px; color: #4d4d4d; font-weight: 400; font-size: 45%; line-height: 1.25; } #main-content #page-title .sub-title .first-line { display: block; } #main-content #page-title .sub-title .first-line:after { display: inline; content: " - "; } #main-content #page-title .sub-title .first-line:last-child:after { content: none; } #main-content #page-title .sub-title .second-line { display: block; padding-left: 100px; } aside.sidebar { width: 25%; float: left; } aside.sidebar.first-sidebar .region { margin: 0 5px 0 0; } aside.sidebar.second-sidebar .region { margin: 0 0 0 5px; } .breadcrumb { -moz-border-radius: 0; -webkit-border-radius: 0; -o-border-radius: 0; -ms-border-radius: 0; border-radius: 0; background: white; max-width: 1120px; margin: 15px auto 0 auto; padding: 2px 10px; } .breadcrumb ol { margin: 0; padding: 0; } .breadcrumb ol:after { content: ""; display: table; clear: both; } .breadcrumb ol li { float: left; font-size: 13px; padding-right: 4px; } ul.tabs-primary { list-style: none; max-width: 1100px; margin: -1px auto 15px auto; padding: 1px 2px 2px 1px; background: gray; } ul.tabs-primary:after { content: ""; display: table; clear: both; } ul.tabs-primary > li { float: left; } ul.tabs-primary > li a { -moz-transition: color 0.2s, background 0.2s; -webkit-transition: color 0.2s, background 0.2s; -o-transition: color 0.2s, background 0.2s; -ms-transition: color 0.2s, background 0.2s; transition: color 0.2s, background 0.2s; display: block; padding: 5px 10px; margin: 0 -1px -1px 0; text-decoration: none; text-transform: uppercase; font-weight: bold; background: #f2f2f2; border: 1px solid white; } ul.tabs-primary > li a:hover { background: #d81b28; color: white; } ul.tabs-primary > li.is-active a { background: #d81b28; color: white; } a.social-button { -moz-border-radius: 100px; -webkit-border-radius: 100px; -o-border-radius: 100px; -ms-border-radius: 100px; border-radius: 100px; -moz-transition: border 0.2s; -webkit-transition: border 0.2s; -o-transition: border 0.2s; -ms-transition: border 0.2s; transition: border 0.2s; display: block; width: 22px; height: 22px; margin: 0 auto; background-color: #d81b28; border: 1.5px solid #d81b28; color: white; text-decoration: none; line-height: 22px; text-align: center; } a.social-button.facebook { background-color: #3b5a9a; border-color: #3b5a9a; font-size: 100%; } a.social-button.youtube { background-color: #e42c22; border-color: #e42c22; font-size: 100%; } a.social-button.feed { background-color: #ec8425; border-color: #ec8425; font-size: 100%; } a.social-button.mail { background-color: #686868; border-color: #686868; font-size: 112.5%; } a.social-button:hover { border: 1.5px solid white; text-decoration: none; } ul.social-buttons { list-style: none; margin: 0; padding: 0; } ul.social-buttons:after { content: ""; display: table; clear: both; } ul.social-buttons li { display: block; float: left; padding: 3px; font-size: 12px; } ul.pager { float: left; margin: 0; } ul.pager > li { float: left; display: block; min-width: 32px; margin: 0 0 0 2px; font-size: 17px; } ul.pager > li:first-child { margin-left: 0; } ul.pager > li.pager-current { padding: 4px 4px; background: #d81b28; color: white; } ul.pager > li > a { display: block; padding: 4px 4px; min-width: 32px; text-align: center; font-weight: 500; } ul.pager > li > a, ul.pager > li > span { background: none; padding: 4px 0; border-radius: 0; border: none; } ul.pager > li > a > i, ul.pager > li > span > i { font-size: 24px; line-height: 24px; } .view-header { margin: 0; } .view-header .view-header-wrapper { position: relative; } .view-header .view-header-wrapper #page-title { right: 5px; } .view-header .view-header-wrapper .field-name-field-image { margin-right: 25%; padding-right: 5px; } .view-header .view-header-wrapper .field-name-field-image .field-items { overflow: hidden; } .view-header .view-header-wrapper .field-name-field-image img { height: 180px; max-width: none; } .view-header .view-header-wrapper .field-name-field-block-reference { position: absolute; left: auto; right: 0; top: 0; bottom: 0; padding-left: 15px; width: 25%; } .view-header .view-header-wrapper .field-name-field-block-reference .block { position: relative; left: 0; right: 0; top: 0; bottom: 0; height: 180px; } .view-header .field-name-body { background: #d81b28; /* Old browsers */ background: -moz-linear-gradient(70deg, #700114 0%, #700114 7%, #d80027 15%, #1D1718 100%); /* FF3.6+ */ background: -webkit-linear-gradient(70deg, #700114 0%, #700114 7%, #d80027 15%, #1D1718 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(70deg, #700114 0%, #700114 7%, #d80027 15%, #1D1718 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(70deg, #700114 0%, #700114 7%, #d80027 15%, #1D1718 100%); /* IE10+ */ background: linear-gradient(70deg, #700114 0%, #700114 7%, #d80027 15%, #1D1718 100%); /* W3C */ color: white; text-align: center; font-weight: 400; padding: 1px; } .view-header .field-name-body .field-items p { margin: 10px; } .media-list-thumbnails li { width: 112px; height: 118px; word-break: break-all; } #lightbox2-overlay { position: fixed; right: 0; bottom: 0; width: auto !important; height: auto !important; } @media only screen and (max-width: 1134px) { .breadcrumb { margin: 15px 0 0 0; } #content, #footer .region-inner-footer { margin: 0 10px; } } @media only screen and (max-width: 1050px) { #header-aside .region-header-aside { padding: 8px 10px; } } @media only screen and (max-width: 768px) { .view-header .view-header-wrapper .field-name-field-image { margin-right: 33.3333%; } .view-header .view-header-wrapper .field-name-field-block-reference { width: 33.3333%; } #main-content.first-sidebar, #main-content.second-sidebar { width: 66.6667%; } #main-content.first-sidebar.second-sidebar { width: 33.3333%; } aside.sidebar { width: 33.3333%; } } @media only screen and (max-width: 640px) { .view-header .view-header-wrapper .field-name-field-image { margin-right: 0; } .view-header .view-header-wrapper .field-name-field-block-reference { position: relative; width: 100%; padding: 5px 0 0 0; } #main-content.first-sidebar, #main-content.second-sidebar, #main-content.first-sidebar.second-sidebar { float: none; width: 100%; } #main-content #page-title .sub-title { padding: 0; } #main-content #page-title .sub-title .second-line { padding-left: 0; } #main { padding-top: 0 !important; } aside.sidebar { float: none; width: 100%; } aside.sidebar.first-sidebar .region { margin: 0; } aside.sidebar.second-sidebar .region { margin: 0; } #footer > .region-inner-footer > .block { width: 100%; border: none; padding: 0; text-align: center; } #footer .block.footer-content-contact > ul.contact-info > li > span:first-child { min-width: unset; display: inline; float: none; } } #header { position: absolute; top: 0; left: 0; right: 0; background: #999999; z-index: 100; } #header.fixed #header-aside { position: fixed; top: -1px; left: 0; right: 0; } #header .region-header { max-width: 1100px; margin: 0 auto; padding: 0; font-weight: 300; } #header .region-header:after { content: ""; display: table; clear: both; } #header #header-aside { background: white; border-top: 1px solid #b3b3b3; border-bottom: 1px solid #999999; z-index: 100; } #header #header-aside .region-header-aside #block-block-1 { float: right; } #header #header-aside .region-header-aside #block-block-1 .page-logo { display: block; } #header #block-block-9, #header #block-block-9-mobile, #header #block-locale-language, #header #block-locale-language-mobile { float: right; padding: 0; border-right: 1px solid #b3b3b3; } #header #block-block-9 .contextual-links-wrapper, #header #block-block-9-mobile .contextual-links-wrapper, #header #block-locale-language .contextual-links-wrapper, #header #block-locale-language-mobile .contextual-links-wrapper { display: none; } #header #block-block-9 ul, #header #block-block-9-mobile ul, #header #block-locale-language ul, #header #block-locale-language-mobile ul { list-style: none; margin: 0; padding: 0; } #header #block-block-9 ul > li, #header #block-block-9-mobile ul > li, #header #block-locale-language ul > li, #header #block-locale-language-mobile ul > li { float: left; } #header #block-block-9 ul > li.de a, #header #block-block-9 ul > li.de span, #header #block-block-9-mobile ul > li.de a, #header #block-block-9-mobile ul > li.de span, #header #block-locale-language ul > li.de a, #header #block-locale-language ul > li.de span, #header #block-locale-language-mobile ul > li.de a, #header #block-locale-language-mobile ul > li.de span { background-image: url("../images/flags/de.jpg"); } #header #block-block-9 ul > li.en a, #header #block-block-9 ul > li.en span, #header #block-block-9-mobile ul > li.en a, #header #block-block-9-mobile ul > li.en span, #header #block-locale-language ul > li.en a, #header #block-locale-language ul > li.en span, #header #block-locale-language-mobile ul > li.en a, #header #block-locale-language-mobile ul > li.en span { background-image: url("../images/flags/en.jpg"); } #header #block-block-9 ul > li a, #header #block-block-9 ul > li span, #header #block-block-9-mobile ul > li a, #header #block-block-9-mobile ul > li span, #header #block-locale-language ul > li a, #header #block-locale-language ul > li span, #header #block-locale-language-mobile ul > li a, #header #block-locale-language-mobile ul > li span { -moz-transition: border-color 0.2s; -webkit-transition: border-color 0.2s; -o-transition: border-color 0.2s; -ms-transition: border-color 0.2s; transition: border-color 0.2s; display: block; width: 38px; height: 28px; border-style: solid; border-color: #999999; border-width: 7px; font-size: 0; line-height: 0; overflow: hidden; } #header #block-block-9 ul > li a:hover, #header #block-block-9-mobile ul > li a:hover, #header #block-locale-language ul > li a:hover, #header #block-locale-language-mobile ul > li a:hover { border-color: #b3b3b3; } #header #block-block-9 ul > li span.locale-untranslated, #header #block-block-9-mobile ul > li span.locale-untranslated, #header #block-locale-language ul > li span.locale-untranslated, #header #block-locale-language-mobile ul > li span.locale-untranslated { opacity: 0.25; } #header #block-search-api-page-search, #header #block-search-api-page-search-mobile { float: right; padding: 0; border-right: 1px solid #b3b3b3; } #header #block-search-api-page-search form#search-api-page-search-form-search, #header #block-search-api-page-search form#search-api-page-search-form-search-mobile, #header #block-search-api-page-search-mobile form#search-api-page-search-form-search, #header #block-search-api-page-search-mobile form#search-api-page-search-form-search-mobile { background: white; padding: 1px; margin: 4px; } #header #block-search-api-page-search form#search-api-page-search-form-search > div, #header #block-search-api-page-search form#search-api-page-search-form-search-mobile > div, #header #block-search-api-page-search-mobile form#search-api-page-search-form-search > div, #header #block-search-api-page-search-mobile form#search-api-page-search-form-search-mobile > div { position: relative; background: #e6e6e6; padding: 0 1px; } #header #block-search-api-page-search form#search-api-page-search-form-search .form-type-textfield, #header #block-search-api-page-search form#search-api-page-search-form-search-mobile .form-type-textfield, #header #block-search-api-page-search-mobile form#search-api-page-search-form-search .form-type-textfield, #header #block-search-api-page-search-mobile form#search-api-page-search-form-search-mobile .form-type-textfield { padding: 0 18px 0 0; height: 18px; } #header #block-search-api-page-search form#search-api-page-search-form-search input, #header #block-search-api-page-search form#search-api-page-search-form-search-mobile input, #header #block-search-api-page-search-mobile form#search-api-page-search-form-search input, #header #block-search-api-page-search-mobile form#search-api-page-search-form-search-mobile input { outline: none; border: none; background: none; } #header #block-search-api-page-search form#search-api-page-search-form-search input#edit-search-block-form--2, #header #block-search-api-page-search form#search-api-page-search-form-search input#edit-search-block-form--2-mobile, #header #block-search-api-page-search form#search-api-page-search-form-search-mobile input#edit-search-block-form--2, #header #block-search-api-page-search form#search-api-page-search-form-search-mobile input#edit-search-block-form--2-mobile, #header #block-search-api-page-search-mobile form#search-api-page-search-form-search input#edit-search-block-form--2, #header #block-search-api-page-search-mobile form#search-api-page-search-form-search input#edit-search-block-form--2-mobile, #header #block-search-api-page-search-mobile form#search-api-page-search-form-search-mobile input#edit-search-block-form--2, #header #block-search-api-page-search-mobile form#search-api-page-search-form-search-mobile input#edit-search-block-form--2-mobile { color: #333333; padding: 0 3px; } #header #block-search-api-page-search form#search-api-page-search-form-search input.form-submit, #header #block-search-api-page-search form#search-api-page-search-form-search-mobile input.form-submit, #header #block-search-api-page-search-mobile form#search-api-page-search-form-search input.form-submit, #header #block-search-api-page-search-mobile form#search-api-page-search-form-search-mobile input.form-submit { -moz-transition: background-color 0.2s; -webkit-transition: background-color 0.2s; -o-transition: background-color 0.2s; -ms-transition: background-color 0.2s; transition: background-color 0.2s; position: absolute; top: 2px; right: 2px; display: block; width: 18px; height: 18px; margin: -2px -2px 0 0; font-size: 0; line-height: 0; background-image: url("../images/search.png"); background-size: 12px 12px; background-position: 50% 50%; background-repeat: no-repeat; background-color: none; } #header #block-search-api-page-search form#search-api-page-search-form-search input.form-submit:hover, #header #block-search-api-page-search form#search-api-page-search-form-search-mobile input.form-submit:hover, #header #block-search-api-page-search-mobile form#search-api-page-search-form-search input.form-submit:hover, #header #block-search-api-page-search-mobile form#search-api-page-search-form-search-mobile input.form-submit:hover { background-color: #cccccc; } #header #block-search-api-page-search form#search-api-page-search-form-search input.form-text, #header #block-search-api-page-search form#search-api-page-search-form-search-mobile input.form-text, #header #block-search-api-page-search-mobile form#search-api-page-search-form-search input.form-text, #header #block-search-api-page-search-mobile form#search-api-page-search-form-search-mobile input.form-text { padding: 0 2px; } #header .block.headband-info { float: left; color: white; padding: 5px 0; border-left: 1px solid #b3b3b3; font-size: 12px; line-height: 18px; } #header .block.headband-info span { margin: 0 10px; } #header .block.headband-info a { color: white; } #header .block.headband-info a:hover { color: white; } #header .block.headband-info.mobile { border: none; padding: 0 0 10px 0; margin: 10px 41px 0 60px; color: black; float: none; } #header .block.headband-info.mobile span { display: block; color: #1a1a1a; font-size: 15px; } #header .block.headband-info.mobile a { display: block; color: #d81b28; } #header .block.headband-info.mobile a:hover { color: #d81b28; } #header #block-block-6, #header #block-block-6-mobile { float: left; } #header #block-block-6 ul.social-buttons li, #header #block-block-6-mobile ul.social-buttons li { border-left: 1px solid #b3b3b3; border-right: none; padding: 3px; } #header #block-block-9-mobile, #header #block-locale-language-mobile { border: none; padding: 0; margin: 0; } #header #block-block-9-mobile ul, #header #block-locale-language-mobile ul { float: right; width: 38px; margin-right: 3px; } #header #block-block-9-mobile ul > li, #header #block-locale-language-mobile ul > li { float: left; } #header #block-block-9-mobile ul > li a, #header #block-block-9-mobile ul > li span, #header #block-locale-language-mobile ul > li a, #header #block-locale-language-mobile ul > li span { border-color: white; } #header #block-block-9-mobile ul > li a:hover, #header #block-locale-language-mobile ul > li a:hover { border-color: white; } #header #block-block-9-mobile ul > li span.locale-untranslated, #header #block-locale-language-mobile ul > li span.locale-untranslated { opacity: 0.25; } #header #block-search-api-page-search-mobile { float: none; border: none; padding: 0 0 10px 0; margin: 0; } #header #block-search-api-page-search-mobile form#search-api-page-search-form-search-mobile { padding: 0; margin: 0 10px; } #header #block-search-api-page-search-mobile form#search-api-page-search-form-search-mobile > div { border: 1px solid #cccccc; } #header #block-search-api-page-search-mobile form#search-api-page-search-form-search-mobile .form-type-textfield { padding: 0; display: block; font-size: 21px; font-weight: 300; height: 36px; } #header #block-search-api-page-search-mobile form#search-api-page-search-form-search-mobile input.form-text { padding: 5px 44px 6px 8px; width: 100%; display: block; } #header #block-search-api-page-search-mobile form#search-api-page-search-form-search-mobile input.form-submit { width: 36px; height: 36px; background-size: 24px 24px; } #header #block-block-6-mobile { float: left; border: none; padding: 0 10px 0 10px; margin: 3px 0; } #header #block-block-6-mobile ul.social-buttons li { border: none; padding: 0; font-size: 26px; width: 25%; } #header #block-block-6-mobile a.social-button { width: 48px; height: 48px; line-height: 50px; } #header #block-block-6-mobile a.social-button.facebook, #header #block-block-6-mobile a.social-button.youtube, #header #block-block-6-mobile a.social-button.feed { display: none; } #header .mobile-only-wrapper { display: none; } #header .mobile-only-wrapper:after { content: ""; display: table; clear: both; } #block-system-main-menu, #block-menu-menu-main-menu-en { margin-right: 195px; padding: 0 15px 0 0; } #block-system-main-menu:after, #block-menu-menu-main-menu-en:after { content: ""; display: table; clear: both; } #block-system-main-menu .block-title, #block-menu-menu-main-menu-en .block-title { display: none; } #block-system-main-menu ul.menu, #block-menu-menu-main-menu-en ul.menu { display: none; } #block-system-main-menu ul.menu li.menu-item .menu-item-label a.menu-item-collapse-link, #block-menu-menu-main-menu-en ul.menu li.menu-item .menu-item-label a.menu-item-collapse-link { display: none; } #block-system-main-menu ul.menu li.menu-item .menu-item-label a i, #block-menu-menu-main-menu-en ul.menu li.menu-item .menu-item-label a i { display: none; position: absolute; top: 50%; left: 0; height: 32px; width: 32px; padding: 9px; margin-top: -16px; font-size: 32px; line-height: 13px; text-align: center; } #block-system-main-menu ul.menu li.menu-item .view-content, #block-menu-menu-main-menu-en ul.menu li.menu-item .view-content { border-top: 2px solid #d81b28; margin-top: 10px; padding-top: 10px; min-width: 400px; } #block-system-main-menu ul.menu li.menu-item .view-content:after, #block-menu-menu-main-menu-en ul.menu li.menu-item .view-content:after { content: ""; display: table; clear: both; } #block-system-main-menu ul.menu li.menu-item .view-content .menu-view-list, #block-menu-menu-main-menu-en ul.menu li.menu-item .view-content .menu-view-list { float: left; width: 50%; padding: 0 5px 0 0; } #block-system-main-menu ul.menu li.menu-item .view-content .menu-view-list:nth-child(2), #block-menu-menu-main-menu-en ul.menu li.menu-item .view-content .menu-view-list:nth-child(2) { padding: 0 0 0 5px; } #block-system-main-menu ul.menu li.menu-item .view-content .menu-view-list h3, #block-menu-menu-main-menu-en ul.menu li.menu-item .view-content .menu-view-list h3 { display: none; } #block-system-main-menu ul.menu li.menu-item .view-content .menu-view-list ul.menu, #block-menu-menu-main-menu-en ul.menu li.menu-item .view-content .menu-view-list ul.menu { display: block; list-style: none; margin: 0 0 0 0; padding: 0; } #block-system-main-menu ul.menu li.menu-item .view-content .menu-view-list ul.menu:after, #block-menu-menu-main-menu-en ul.menu li.menu-item .view-content .menu-view-list ul.menu:after { content: ""; display: table; clear: both; } #block-system-main-menu ul.menu li.menu-item .view-content .menu-view-list ul.menu li.menu-item, #block-menu-menu-main-menu-en ul.menu li.menu-item .view-content .menu-view-list ul.menu li.menu-item { display: block; margin-top: 5px; } #block-system-main-menu ul.menu li.menu-item .view-content .menu-view-list ul.menu li.menu-item:first-child, #block-menu-menu-main-menu-en ul.menu li.menu-item .view-content .menu-view-list ul.menu li.menu-item:first-child { margin-top: 0; } #block-system-main-menu ul.menu li.menu-item .view-content .menu-view-list ul.menu li.menu-item a, #block-menu-menu-main-menu-en ul.menu li.menu-item .view-content .menu-view-list ul.menu li.menu-item a { -moz-transition: color 0.2s; -webkit-transition: color 0.2s; -o-transition: color 0.2s; -ms-transition: color 0.2s; transition: color 0.2s; display: block; padding: 0; margin: 0; font-weight: 400; color: #000; overflow: hidden; } #block-system-main-menu ul.menu li.menu-item .view-content .menu-view-list ul.menu li.menu-item a:hover, #block-menu-menu-main-menu-en ul.menu li.menu-item .view-content .menu-view-list ul.menu li.menu-item a:hover { color: #d81b28; } #block-system-main-menu ul.menu li.menu-item.mobile-only, #block-menu-menu-main-menu-en ul.menu li.menu-item.mobile-only { display: none; } #block-system-main-menu ul.menu.main-menu, #block-menu-menu-main-menu-en ul.menu.main-menu { display: block; float: left; margin: 0; padding: 0; font-size: 13px; width: 100%; list-style: none; } #block-system-main-menu ul.menu.main-menu > li.menu-item, #block-menu-menu-main-menu-en ul.menu.main-menu > li.menu-item { position: relative; float: left; padding: 0; margin: 0 0 0 0; } #block-system-main-menu ul.menu.main-menu > li.menu-item > .menu-item-label a.menu-item-link, #block-menu-menu-main-menu-en ul.menu.main-menu > li.menu-item > .menu-item-label a.menu-item-link { position: relative; display: block; padding: 13px 10px; margin: 0; background: white; color: #000; font-weight: bold; text-transform: uppercase; text-decoration: none; cursor: pointer; } #block-system-main-menu ul.menu.main-menu > li.menu-item > .menu-item-label a.menu-item-link:hover, #block-system-main-menu ul.menu.main-menu > li.menu-item > .menu-item-label a.menu-item-link.active-trail, #block-menu-menu-main-menu-en ul.menu.main-menu > li.menu-item > .menu-item-label a.menu-item-link:hover, #block-menu-menu-main-menu-en ul.menu.main-menu > li.menu-item > .menu-item-label a.menu-item-link.active-trail { color: #d81b28; text-decoration: none; } #block-system-main-menu ul.menu.main-menu > li.menu-item.open > .menu-item-label a.menu-item-link, #block-menu-menu-main-menu-en ul.menu.main-menu > li.menu-item.open > .menu-item-label a.menu-item-link { -moz-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.25); -webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.25); -o-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.25); -ms-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.25); box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.25); background: #d81b28; color: white; z-index: 1; } #block-system-main-menu ul.menu.main-menu > li.menu-item.open > .menu-item-label a.menu-item-link:hover, #block-system-main-menu ul.menu.main-menu > li.menu-item.open > .menu-item-label a.menu-item-link.active-trail, #block-menu-menu-main-menu-en ul.menu.main-menu > li.menu-item.open > .menu-item-label a.menu-item-link:hover, #block-menu-menu-main-menu-en ul.menu.main-menu > li.menu-item.open > .menu-item-label a.menu-item-link.active-trail { color: white; } #block-system-main-menu ul.menu.main-menu > li.menu-item.open > ul.sub-menu, #block-menu-menu-main-menu-en ul.menu.main-menu > li.menu-item.open > ul.sub-menu { display: block; } #block-system-main-menu ul.menu.sub-menu, #block-menu-menu-main-menu-en ul.menu.sub-menu { -moz-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.25); -webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.25); -o-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.25); -ms-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.25); box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.25); display: none; position: absolute; min-width: 100%; margin: 0; padding: 10px; list-style: none; background: white; z-index: 2; } #block-system-main-menu ul.menu.sub-menu > li.menu-item > .menu-item-label a.menu-item-link, #block-menu-menu-main-menu-en ul.menu.sub-menu > li.menu-item > .menu-item-label a.menu-item-link { -moz-transition: color 0.2s; -webkit-transition: color 0.2s; -o-transition: color 0.2s; -ms-transition: color 0.2s; transition: color 0.2s; padding: 0; margin: 0; color: #000; font-weight: bold; white-space: pre; cursor: pointer; } #block-system-main-menu ul.menu.sub-menu > li.menu-item > .menu-item-label a.menu-item-link:hover, #block-menu-menu-main-menu-en ul.menu.sub-menu > li.menu-item > .menu-item-label a.menu-item-link:hover { color: #d81b28; } #block-system-main-menu ul.menu.sub-menu > li.menu-item.active-trail > .menu-item-label a.menu-item-link, #block-menu-menu-main-menu-en ul.menu.sub-menu > li.menu-item.active-trail > .menu-item-label a.menu-item-link { text-decoration: underline; } #menu-collapse-btn { -moz-border-radius: 6px; -webkit-border-radius: 6px; -o-border-radius: 6px; -ms-border-radius: 6px; border-radius: 6px; position: relative; display: none; margin: 20px 15px 0 0; padding: 3px; float: right; border: 2px solid #1a1a1a; font-size: 24px; line-height: 32px; font-weight: 400; color: #1a1a1a; cursor: pointer; text-decoration: none; z-index: 1; } #menu-collapse-btn:hover { text-decoration: none; } #menu-collapse-btn .menu-burger { float: right; width: 32px; height: 32px; margin: 0; padding: 4px; } #menu-collapse-btn .menu-burger span { -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; display: block; width: auto; height: 4px; margin: 0 0 6px 0; background: #1a1a1a; } #menu-collapse-btn.open .menu-burger { -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } @media only screen and (max-width: 1050px) and (min-width: 641px) { #block-system-main-menu > ul.menu.main-menu, #block-menu-menu-main-menu-en > ul.menu.main-menu { max-width: 460px; margin-bottom: -8px; } #block-system-main-menu > ul.menu.main-menu > li.menu-item, #block-menu-menu-main-menu-en > ul.menu.main-menu > li.menu-item { padding: 0 0 0 0; margin: 0 0 8px 0; border-bottom: 1px solid #b3b3b3; } #block-system-main-menu > ul.menu.main-menu > li.menu-item.active-trail, #block-menu-menu-main-menu-en > ul.menu.main-menu > li.menu-item.active-trail { border-bottom: 3px solid #d81b28; margin-bottom: 7px; } #block-system-main-menu > ul.menu.main-menu > li.menu-item.active-trail > .menu-item-label a.menu-item-link, #block-menu-menu-main-menu-en > ul.menu.main-menu > li.menu-item.active-trail > .menu-item-label a.menu-item-link { padding-bottom: 2px; } #block-system-main-menu > ul.menu.main-menu > li.menu-item > .menu-item-label a.menu-item-link, #block-menu-menu-main-menu-en > ul.menu.main-menu > li.menu-item > .menu-item-label a.menu-item-link { padding: 3px 5px; } #block-system-main-menu > ul.menu.main-menu > li.menu-item > .menu-item-label a.menu-item-link:hover, #block-menu-menu-main-menu-en > ul.menu.main-menu > li.menu-item > .menu-item-label a.menu-item-link:hover { background: #d81b28; color: white; } } @media only screen and (min-width: 641px) { #block-system-main-menu, #block-menu-menu-main-menu-en { width: auto !important; height: auto !important; } } @media only screen and (max-width: 640px) { #header { position: relative; } #header .region-header { display: none; } #header.fixed #header-aside { position: relative; } #header #header-aside .region-header-aside { padding: 8px 0; } #header #header-aside .region-header-aside #block-block-1 { float: none; margin: 10px; } #header .mobile-only-wrapper { display: block; } #block-system-main-menu, #block-menu-menu-main-menu-en { -moz-transition: height 0.3s; -webkit-transition: height 0.3s; -o-transition: height 0.3s; -ms-transition: height 0.3s; transition: height 0.3s; position: relative; display: none; margin: 0; padding: 0; width: 100%; border: none; overflow: hidden; } #block-system-main-menu.mobile-open, #block-menu-menu-main-menu-en.mobile-open { display: block; } #block-system-main-menu.open ul.menu.main-menu, #block-menu-menu-main-menu-en.open ul.menu.main-menu { margin-left: -100%; } #block-system-main-menu.open ul.menu.main-menu li.menu-item.open ul.menu.sub-menu, #block-menu-menu-main-menu-en.open ul.menu.main-menu li.menu-item.open ul.menu.sub-menu { left: 0; min-width: 100%; } #block-system-main-menu ul.menu, #block-menu-menu-main-menu-en ul.menu { border-top: 1px solid #e6e6e6; background: white; max-width: 100%; } #block-system-main-menu ul.menu.main-menu li.menu-item, #block-system-main-menu ul.menu.sub-menu li.menu-item, #block-menu-menu-main-menu-en ul.menu.main-menu li.menu-item, #block-menu-menu-main-menu-en ul.menu.sub-menu li.menu-item { border-bottom: 1px solid #e6e6e6; } #block-system-main-menu ul.menu.main-menu li.menu-item .menu-item-label a, #block-system-main-menu ul.menu.sub-menu li.menu-item .menu-item-label a, #block-menu-menu-main-menu-en ul.menu.main-menu li.menu-item .menu-item-label a, #block-menu-menu-main-menu-en ul.menu.sub-menu li.menu-item .menu-item-label a { color: #000; } #block-system-main-menu ul.menu.main-menu li.menu-item .menu-item-label a:hover, #block-system-main-menu ul.menu.sub-menu li.menu-item .menu-item-label a:hover, #block-menu-menu-main-menu-en ul.menu.main-menu li.menu-item .menu-item-label a:hover, #block-menu-menu-main-menu-en ul.menu.sub-menu li.menu-item .menu-item-label a:hover { color: #d81b28; text-decoration: none; } #block-system-main-menu ul.menu.main-menu li.menu-item .menu-item-label a i, #block-system-main-menu ul.menu.sub-menu li.menu-item .menu-item-label a i, #block-menu-menu-main-menu-en ul.menu.main-menu li.menu-item .menu-item-label a i, #block-menu-menu-main-menu-en ul.menu.sub-menu li.menu-item .menu-item-label a i { display: block; } #block-system-main-menu ul.menu.main-menu li.menu-item .menu-item-label a.menu-item-link, #block-system-main-menu ul.menu.sub-menu li.menu-item .menu-item-label a.menu-item-link, #block-menu-menu-main-menu-en ul.menu.main-menu li.menu-item .menu-item-label a.menu-item-link, #block-menu-menu-main-menu-en ul.menu.sub-menu li.menu-item .menu-item-label a.menu-item-link { display: block; position: relative; border: none; margin: 0; padding: 13px 32px 12px 10px !important; font-size: 16px; text-transform: none; font-weight: 400; } #block-system-main-menu ul.menu.main-menu li.menu-item .menu-item-label a.menu-item-expand-link, #block-system-main-menu ul.menu.sub-menu li.menu-item .menu-item-label a.menu-item-expand-link, #block-menu-menu-main-menu-en ul.menu.main-menu li.menu-item .menu-item-label a.menu-item-expand-link, #block-menu-menu-main-menu-en ul.menu.sub-menu li.menu-item .menu-item-label a.menu-item-expand-link { display: block; position: absolute; top: 0; right: 0; height: 100%; width: 32px; padding: 13px 32px 12px 10px; font-size: 16px; text-transform: none; font-weight: 400; } #block-system-main-menu ul.menu.main-menu li.menu-item .menu-item-label a.menu-item-collapse-link, #block-system-main-menu ul.menu.sub-menu li.menu-item .menu-item-label a.menu-item-collapse-link, #block-menu-menu-main-menu-en ul.menu.main-menu li.menu-item .menu-item-label a.menu-item-collapse-link, #block-menu-menu-main-menu-en ul.menu.sub-menu li.menu-item .menu-item-label a.menu-item-collapse-link { display: block; position: relative; border: none; margin: 0; padding: 13px 10px 12px 32px; font-size: 16px; text-transform: uppercase; font-weight: 500; } #block-system-main-menu ul.menu.main-menu li.menu-item .menu-item-label a.menu-item-link.menu-item-expand-link, #block-system-main-menu ul.menu.sub-menu li.menu-item .menu-item-label a.menu-item-link.menu-item-expand-link, #block-menu-menu-main-menu-en ul.menu.main-menu li.menu-item .menu-item-label a.menu-item-link.menu-item-expand-link, #block-menu-menu-main-menu-en ul.menu.sub-menu li.menu-item .menu-item-label a.menu-item-link.menu-item-expand-link { position: relative; width: 100%; height: auto; font-size: 16px; text-transform: uppercase; font-weight: 500; } #block-system-main-menu ul.menu.main-menu li.menu-item .menu-item-label a.menu-item-link.menu-item-expand-link i, #block-system-main-menu ul.menu.sub-menu li.menu-item .menu-item-label a.menu-item-link.menu-item-expand-link i, #block-menu-menu-main-menu-en ul.menu.main-menu li.menu-item .menu-item-label a.menu-item-link.menu-item-expand-link i, #block-menu-menu-main-menu-en ul.menu.sub-menu li.menu-item .menu-item-label a.menu-item-link.menu-item-expand-link i { left: auto; right: 0; } #block-system-main-menu ul.menu.main-menu li.menu-item .view-content, #block-system-main-menu ul.menu.sub-menu li.menu-item .view-content, #block-menu-menu-main-menu-en ul.menu.main-menu li.menu-item .view-content, #block-menu-menu-main-menu-en ul.menu.sub-menu li.menu-item .view-content { border: none; padding: 0; margin: 0; } #block-system-main-menu ul.menu.main-menu li.menu-item .view-content .menu-view-list, #block-system-main-menu ul.menu.sub-menu li.menu-item .view-content .menu-view-list, #block-menu-menu-main-menu-en ul.menu.main-menu li.menu-item .view-content .menu-view-list, #block-menu-menu-main-menu-en ul.menu.sub-menu li.menu-item .view-content .menu-view-list { width: 100%; float: none; padding: 0 !important; } #block-system-main-menu ul.menu.main-menu li.menu-item .view-content .menu-view-list ul.menu, #block-system-main-menu ul.menu.sub-menu li.menu-item .view-content .menu-view-list ul.menu, #block-menu-menu-main-menu-en ul.menu.main-menu li.menu-item .view-content .menu-view-list ul.menu, #block-menu-menu-main-menu-en ul.menu.sub-menu li.menu-item .view-content .menu-view-list ul.menu { border: none; } #block-system-main-menu ul.menu.main-menu li.menu-item .view-content .menu-view-list ul.menu li.menu-item a, #block-system-main-menu ul.menu.sub-menu li.menu-item .view-content .menu-view-list ul.menu li.menu-item a, #block-menu-menu-main-menu-en ul.menu.main-menu li.menu-item .view-content .menu-view-list ul.menu li.menu-item a, #block-menu-menu-main-menu-en ul.menu.sub-menu li.menu-item .view-content .menu-view-list ul.menu li.menu-item a { display: block; color: #000; border: none; margin: 0; padding: 13px 32px 12px 10px !important; font-size: 16px; } #block-system-main-menu ul.menu.main-menu li.menu-item .view-content .menu-view-list ul.menu li.menu-item a:hover, #block-system-main-menu ul.menu.sub-menu li.menu-item .view-content .menu-view-list ul.menu li.menu-item a:hover, #block-menu-menu-main-menu-en ul.menu.main-menu li.menu-item .view-content .menu-view-list ul.menu li.menu-item a:hover, #block-menu-menu-main-menu-en ul.menu.sub-menu li.menu-item .view-content .menu-view-list ul.menu li.menu-item a:hover { color: #d81b28; text-decoration: none; } #block-system-main-menu ul.menu.main-menu, #block-menu-menu-main-menu-en ul.menu.main-menu { -moz-transition: margin-left 0.3s; -webkit-transition: margin-left 0.3s; -o-transition: margin-left 0.3s; -ms-transition: margin-left 0.3s; transition: margin-left 0.3s; width: 100%; } #block-system-main-menu ul.menu.main-menu > li.menu-item, #block-menu-menu-main-menu-en ul.menu.main-menu > li.menu-item { position: inherit; float: none; margin: 0; padding: 0; overflow: hidden; } #block-system-main-menu ul.menu.main-menu > li.menu-item.mobile-only, #block-menu-menu-main-menu-en ul.menu.main-menu > li.menu-item.mobile-only { display: block; } #block-system-main-menu ul.menu.main-menu > li.menu-item > .menu-item-label, #block-menu-menu-main-menu-en ul.menu.main-menu > li.menu-item > .menu-item-label { margin: 0; border: none; background: none; } #block-system-main-menu ul.menu.main-menu > li.menu-item.mobile-open, #block-menu-menu-main-menu-en ul.menu.main-menu > li.menu-item.mobile-open { margin-right: 100%; overflow: visible; } #block-system-main-menu ul.menu.sub-menu, #block-menu-menu-main-menu-en ul.menu.sub-menu { -moz-box-shadow: none; -webkit-box-shadow: none; -o-box-shadow: none; -ms-box-shadow: none; box-shadow: none; -moz-transition: left 0.3s; -webkit-transition: left 0.3s; -o-transition: left 0.3s; -ms-transition: left 0.3s; transition: left 0.3s; display: block; position: absolute; top: 0; left: 100%; width: auto; box-sizing: border-box; padding: 0; margin: 0; } #block-system-main-menu ul.menu.sub-menu > li.menu-item, #block-menu-menu-main-menu-en ul.menu.sub-menu > li.menu-item { float: none; margin: 0; padding: 0; overflow: hidden; } #menu-collapse-btn { display: block; } } #highlighted { margin: 0; padding: 0; } .loading-overlay { position: absolute; bottom: 0; top: 0; left: 0; right: 0; background-color: #f2f2f2; z-index: 10; } .loading-overlay .spinner { position: absolute; bottom: 0; top: 50%; left: 50%; right: 0; margin-top: -10px; margin-left: -110px; width: 220px; height: 20px; background-image: url("../images/loading.gif"); } .field-name-field-image-gallery, .field-name-field-image { position: relative; overflow: hidden; } .field-name-field-image-gallery > #page-title, .field-name-field-image > #page-title { position: absolute; bottom: 0; left: 0; right: 0; padding: 5px 10px; background: rgba(0, 0, 0, 0.66); } .field-name-field-image-gallery > #page-title h1, .field-name-field-image > #page-title h1 { margin: 0; line-height: 1; font-size: 38px; color: white; } .field-name-field-image-gallery > #page-title h1 small, .field-name-field-image > #page-title h1 small { display: block; color: white; padding-top: 5px; } .ck-template-gallery > .gallery, .ck-template-gallery > .gallery-left, .ck-template-gallery > .gallery-right, .field-name-field-image-gallery { height: 0; overflow: hidden; } .ck-template-gallery > .gallery .bxslider, .ck-template-gallery > .gallery-left .bxslider, .ck-template-gallery > .gallery-right .bxslider, .field-name-field-image-gallery .bxslider { height: 200px; list-style: none; margin: 0; padding: 0; } .ck-template-gallery > .gallery.field-type-bx-slider, .ck-template-gallery > .gallery-left.field-type-bx-slider, .ck-template-gallery > .gallery-right.field-type-bx-slider, .field-name-field-image-gallery.field-type-bx-slider { height: auto; position: relative; padding: 0; z-index: 1; } .ck-template-gallery > .gallery.field-type-bx-slider .field-item, .ck-template-gallery > .gallery-left.field-type-bx-slider .field-item, .ck-template-gallery > .gallery-right.field-type-bx-slider .field-item, .field-name-field-image-gallery.field-type-bx-slider .field-item { background: #000; } .ck-template-gallery > .gallery.field-type-bx-slider .field-item img, .ck-template-gallery > .gallery-left.field-type-bx-slider .field-item img, .ck-template-gallery > .gallery-right.field-type-bx-slider .field-item img, .field-name-field-image-gallery.field-type-bx-slider .field-item img { display: block; margin: 0 auto; } .ck-template-gallery > .gallery.images-loaded, .ck-template-gallery > .gallery-left.images-loaded, .ck-template-gallery > .gallery-right.images-loaded, .field-name-field-image-gallery.images-loaded { overflow: visible; } .ck-template-gallery > .gallery.images-loaded .loading-overlay, .ck-template-gallery > .gallery-left.images-loaded .loading-overlay, .ck-template-gallery > .gallery-right.images-loaded .loading-overlay, .field-name-field-image-gallery.images-loaded .loading-overlay { display: none; } .ck-template-gallery > .gallery.images-loaded .bxslider, .ck-template-gallery > .gallery-left.images-loaded .bxslider, .ck-template-gallery > .gallery-right.images-loaded .bxslider, .field-name-field-image-gallery.images-loaded .bxslider { height: auto; } .field-name-body { padding: 0; } .field-name-body .field-item > *:first-child { margin-top: 0; } .field-name-body .field-item > *:last-child { margin-bottom: 0; } .bx-wrapper { margin: 0 auto; } .bx-wrapper img { margin: 0 auto; } .bx-wrapper .bx-viewport { -moz-box-shadow: none; -webkit-box-shadow: none; -o-box-shadow: none; -ms-box-shadow: none; box-shadow: none; background: #cccccc; border: none; left: 0; } .bx-wrapper .bx-viewport .bxslider { padding: 0; margin: 0; } .bx-wrapper .bx-controls .bx-pager { position: absolute; left: 0; top: 0; bottom: auto; width: auto; max-width: 100%; margin: 10px 11px 11px 10px; padding: 0; } .bx-wrapper .bx-controls .bx-pager:after { content: ""; display: table; clear: both; } .bx-wrapper .bx-controls .bx-pager .bx-pager-item { display: block; float: left; } .bx-wrapper .bx-controls .bx-pager .bx-pager-item > a { -moz-transition: background 1s; -webkit-transition: background 1s; -o-transition: background 1s; -ms-transition: background 1s; transition: background 1s; -moz-border-radius: 0; -webkit-border-radius: 0; -o-border-radius: 0; -ms-border-radius: 0; border-radius: 0; width: 12px; height: 12px; margin: 0 -1px -1px 0; background: #b3b3b3; border: 1px solid white; } .bx-wrapper .bx-controls .bx-pager .bx-pager-item > a.active { background: #d81b28; } .bx-wrapper .bx-controls .bx-pager .bx-pager-item > a:hover { background: #333333; } .bx-wrapper .bx-controls-direction a { z-index: 10; } .panel-2col-bricks { margin-bottom: 30px; } .panel-2col-bricks .panel-panel:after { content: ""; display: table; clear: both; } .panel-2col-bricks .panel-panel .inside { margin: 0; } .panel-2col-bricks .center-wrapper:after { content: ""; display: table; clear: both; } .panel-2col-bricks .center-wrapper.center-wrapper-top .pane-entity-view .field-name-field-image img { height: 180px; max-width: none; } .panel-2col-bricks .center-wrapper.center-wrapper-bottom .pane-entity-view { margin: 0; } .panel-2col-bricks .panel-col-first { width: 75%; padding-right: 5px; float: left; } .panel-2col-bricks .panel-col-first .pane-node-field-image img { height: 180px; max-width: none; } .panel-2col-bricks .panel-col-middle .pane-entity-view { margin: 0; } .panel-2col-bricks .panel-col-last { width: 25%; float: left; padding: 0 0 0 15px; } .panel-2col-bricks .panel-col-top .pane-node-field-image { margin-bottom: 15px; } .panel-2col-bricks .panel-col-top, .panel-2col-bricks .panel-col-middle, .panel-2col-bricks .panel-col-bottom { width: 100%; } .panel-2col-bricks .panel-col-top .pane-contact, .panel-2col-bricks .panel-col-top .pane-fairs, .panel-2col-bricks .panel-col-middle .pane-contact, .panel-2col-bricks .panel-col-middle .pane-fairs, .panel-2col-bricks .panel-col-bottom .pane-contact, .panel-2col-bricks .panel-col-bottom .pane-fairs { margin-top: 15px; } .panel-2col-bricks .panel-col-top .pane-node-field-image img, .panel-2col-bricks .panel-col-middle .pane-node-field-image img, .panel-2col-bricks .panel-col-bottom .pane-node-field-image img { height: 180px; max-width: none; } .group-map { margin-top: 30px; } .group-map:after { content: ""; display: table; clear: both; } .group-map .field { float: left; } .group-map .field-name-field-geolocation { width: 60%; padding-right: 10px; } .group-map .field-name-field-hints { width: 40%; padding-left: 10px; } .group-map .field-name-field-hints .field-item *:first-child { margin-top: 0; } .group-map .field-name-field-hints .field-item *:last-child { margin-bottom: 0; } #contact-site-form .form-submit { -moz-transition: background 0.15s, color 0.15s; -webkit-transition: background 0.15s, color 0.15s; -o-transition: background 0.15s, color 0.15s; -ms-transition: background 0.15s, color 0.15s; transition: background 0.15s, color 0.15s; padding: 10px 15px; margin: 0; text-decoration: none; text-transform: uppercase; font-weight: bold; background: #e6e6e6; border: 5px solid white; } #contact-site-form .form-submit:hover { background: #d81b28; color: white; } .redbox { border: 2px dashed #d9534f; background: rgba(217, 83, 79, 0.05); padding: 15px; margin-bottom: 15px; } .redbox h1, .redbox h2, .redbox h3, .redbox h4, .redbox h5, .redbox h6 { line-height: 1; } .redbox *:first-child { margin-top: 0; } .redbox *:last-child { margin-bottom: 0; } .expand-box { background: #f2f2f2; margin: 10px 0; } .expand-box .expand-box-header { margin: 0; } .expand-box .expand-box-switch { -moz-transition: color 0.2s; -webkit-transition: color 0.2s; -o-transition: color 0.2s; -ms-transition: color 0.2s; transition: color 0.2s; position: relative; display: block; padding: 5px 10px 5px 32px; color: #d81b28; } .expand-box .expand-box-switch:hover { color: #ab1520; text-decoration: none; } .expand-box .expand-box-switch:focus { text-decoration: none; } .expand-box .expand-box-switch i { position: absolute; top: 50%; left: 0; margin-top: -8px; margin-left: 8px; width: 16px; height: 16px; font-size: 16px; color: #cccccc; } .expand-box .expand-box-container { overflow: hidden; background: rgba(255, 255, 255, 0.75); } .expand-box .expand-box-content-wrapper { padding: 10px 15px; } .expand-box .expand-box-content-wrapper > *:first-child { margin-top: 0; } .expand-box .expand-box-content-wrapper > *:last-child { margin-bottom: 0; } .geolocation-map { margin: 0; } .geolocation-map img { max-width: none; } .geolocation-map .gm-style-cc { display: none; } .geolocation-map-wrapper { position: relative; } .geolocation-map-wrapper:after { content: ""; display: table; clear: both; } .geolocation-map-wrapper .geolocation-map-overlay { position: absolute; top: auto; left: 0; right: 0; bottom: 0; text-align: center; } .geolocation-map-wrapper > a { -moz-transition: background 0.15s, color 0.15s; -webkit-transition: background 0.15s, color 0.15s; -o-transition: background 0.15s, color 0.15s; -ms-transition: background 0.15s, color 0.15s; transition: background 0.15s, color 0.15s; position: absolute; top: 0; right: 0; display: block; float: left; padding: 4px 16px 4px 16px; background: #e6e6e6; border-color: white; border-style: solid; border-width: 0 0 5px 5px; color: #d81b28; font-size: 17px; } .geolocation-map-wrapper > a:hover { background: #d81b28; color: white; text-decoration: none; } #search-api-page-search-form { margin: 20px 0 2px 0; position: relative; padding: 10px; background: #f2f2f2; } #search-api-page-search-form .form-submit { -moz-transition: background-color 0.15s, color 0.15s; -webkit-transition: background-color 0.15s, color 0.15s; -o-transition: background-color 0.15s, color 0.15s; -ms-transition: background-color 0.15s, color 0.15s; transition: background-color 0.15s, color 0.15s; position: absolute; top: 0; right: 0; margin: 16px; height: 48px; width: 48px; border: none; background: url("../images/search.png") no-repeat 50% 50%; background-color: white; font-size: 0; } #search-api-page-search-form .form-submit:hover { background-color: #e6e6e6; } #search-api-page-search-form .form-item { display: block; padding: 5px; } #search-api-page-search-form .form-item.form-type-textfield { position: relative; } #search-api-page-search-form .form-item.form-type-textfield > label { position: absolute; margin: 0; padding: 2px 6px 0 6px; background: #e6e6e6; color: #1a1a1a; text-transform: uppercase; z-index: 1; } #search-api-page-search-form .form-item.form-type-textfield input, #search-api-page-search-form .form-item.form-type-textfield select { width: 100%; } #search-api-page-search-form .form-item.form-type-textfield > .form-text { -moz-box-shadow: none; -webkit-box-shadow: none; -o-box-shadow: none; -ms-box-shadow: none; box-shadow: none; border: 1px solid #e6e6e6; padding: 26px 5px 5px 5px; background: white; } #search-api-page-search-form .form-item.form-type-textfield > .form-text:focus { -moz-box-shadow: 0px 0px 0px 1px #d81b28; -webkit-box-shadow: 0px 0px 0px 1px #d81b28; -o-box-shadow: 0px 0px 0px 1px #d81b28; -ms-box-shadow: 0px 0px 0px 1px #d81b28; box-shadow: 0px 0px 0px 1px #d81b28; } #search-api-page-search-form .form-item.form-type-checkbox > label { padding-left: 20px; margin: 0; cursor: pointer; } #search-api-page-search-form .form-item.form-type-checkbox > input { float: left; margin: 3px; } #search-api-page-search-form .form-item.form-type-checkboxes > label { position: absolute; margin: 0; padding: 2px 6px 0 6px; background: #e6e6e6; color: #1a1a1a; text-transform: uppercase; z-index: 1; } #search-api-page-search-form .form-item.form-type-checkboxes > .form-checkboxes { -moz-box-shadow: none; -webkit-box-shadow: none; -o-box-shadow: none; -ms-box-shadow: none; box-shadow: none; border: 1px solid #e6e6e6; padding: 26px 5px 5px 5px; background: white; } #search-form { margin: 20px 0; } #search-form #edit-basic { position: relative; padding: 10px; background: #f2f2f2; margin-bottom: 2px; } #search-form #edit-basic .form-text { padding-right: 53px; } #search-form #edit-basic .form-submit { -moz-transition: background-color 0.15s, color 0.15s; -webkit-transition: background-color 0.15s, color 0.15s; -o-transition: background-color 0.15s, color 0.15s; -ms-transition: background-color 0.15s, color 0.15s; transition: background-color 0.15s, color 0.15s; position: absolute; top: 0; right: 0; margin: 16px; height: 48px; width: 48px; border: none; background: url("../images/search.png") no-repeat 50% 50%; background-color: white; font-size: 0; } #search-form #edit-basic .form-submit:hover { background-color: #e6e6e6; } #search-form .form-item { display: block; padding: 5px; } #search-form .form-item.form-type-textfield { position: relative; } #search-form .form-item.form-type-textfield > label { position: absolute; margin: 0; padding: 2px 6px 0 6px; background: #e6e6e6; color: #1a1a1a; text-transform: uppercase; z-index: 1; } #search-form .form-item.form-type-textfield input, #search-form .form-item.form-type-textfield select { width: 100%; } #search-form .form-item.form-type-textfield > .form-text { -moz-box-shadow: none; -webkit-box-shadow: none; -o-box-shadow: none; -ms-box-shadow: none; box-shadow: none; border: 1px solid #e6e6e6; padding: 26px 5px 5px 5px; background: white; } #search-form .form-item.form-type-textfield > .form-text:focus { -moz-box-shadow: 0px 0px 0px 1px #d81b28; -webkit-box-shadow: 0px 0px 0px 1px #d81b28; -o-box-shadow: 0px 0px 0px 1px #d81b28; -ms-box-shadow: 0px 0px 0px 1px #d81b28; box-shadow: 0px 0px 0px 1px #d81b28; } #search-form .form-item.form-type-checkbox > label { padding-left: 20px; margin: 0; cursor: pointer; } #search-form .form-item.form-type-checkbox > input { float: left; margin: 3px; } #search-form .form-item.form-type-checkboxes > label { position: absolute; margin: 0; padding: 2px 6px 0 6px; background: #e6e6e6; color: #1a1a1a; text-transform: uppercase; z-index: 1; } #search-form .form-item.form-type-checkboxes > .form-checkboxes { -moz-box-shadow: none; -webkit-box-shadow: none; -o-box-shadow: none; -ms-box-shadow: none; box-shadow: none; border: 1px solid #e6e6e6; padding: 26px 5px 5px 5px; background: white; } #search-form fieldset { height: auto; padding: 0; margin: 0; border: 0; overflow: hidden; } #search-form fieldset > legend { background: #d9d9d9; margin: 0; padding: 1px 14px 4px 14px; } #search-form fieldset > legend a { font-size: 17px; font-weight: 400; line-height: 1; text-decoration: none; } #search-form fieldset > .fieldset-wrapper { padding: 10px; background: #f2f2f2; } #search-form fieldset > .fieldset-wrapper:after { content: ""; display: table; clear: both; } #search-form fieldset > .fieldset-wrapper .criterion { width: 33.3333%; margin: 0; } #search-form fieldset > .fieldset-wrapper .action { float: left; width: 100%; margin: 10px 0 0 0; padding: 15px 5px 5px 5px; border-top: 2px solid #d81b28; } #search-form fieldset .form-submit { -moz-transition: background 0.15s, color 0.15s; -webkit-transition: background 0.15s, color 0.15s; -o-transition: background 0.15s, color 0.15s; -ms-transition: background 0.15s, color 0.15s; transition: background 0.15s, color 0.15s; padding: 10px 15px; margin: 0; text-decoration: none; text-transform: uppercase; font-weight: bold; background: #e6e6e6; border: 5px solid white; } #search-form fieldset .form-submit:hover { background: #d81b28; color: white; } .search-api-page-results, .search-results { margin: 20px 0; } .search-api-page-results h2, .search-results h2 { margin: 0; } .search-api-page-results ol.search-results, .search-results ol.search-results { margin: 0; padding: 0; list-style: none; } .search-api-page-results ol.search-results li.search-result, .search-results ol.search-results li.search-result { padding: 15px 15px 0 15px; margin: 0; border-bottom: 2px solid #e6e6e6; } .search-api-page-results ol.search-results li.search-result:last-child, .search-results ol.search-results li.search-result:last-child { border-bottom: none; } .search-api-page-results ol.search-results li.search-result .title, .search-results ol.search-results li.search-result .title { margin: 0; font-size: 18px; line-height: 1.1; } .search-api-page-results ol.search-results li.search-result .title > small, .search-results ol.search-results li.search-result .title > small { display: block; margin-top: 2px; } .search-api-page-results ol.search-results li.search-result .search-snippet-info, .search-results ol.search-results li.search-result .search-snippet-info { padding: 10px; } .search-api-page-results ol.search-results li.search-result .search-snippet-info:after, .search-results ol.search-results li.search-result .search-snippet-info:after { content: ""; display: table; clear: both; } .search-api-page-results ol.search-results li.search-result .search-snippet-info *:first-child, .search-results ol.search-results li.search-result .search-snippet-info *:first-child { margin-top: 0; } .search-api-page-results ol.search-results li.search-result .search-snippet-info *:last-child, .search-results ol.search-results li.search-result .search-snippet-info *:last-child { margin-bottom: 0; } .search-api-page-results ol.search-results li.search-result .search-info, .search-results ol.search-results li.search-result .search-info { display: none; } .search-api-page-results .search-results-body, .search-results .search-results-body { background: #fafafa; } .search-api-page-results .search-results-header, .search-results .search-results-header { border-bottom: 2px solid #e6e6e6; } .search-api-page-results .search-results-footer, .search-results .search-results-footer { border-top: 2px solid #e6e6e6; } .search-api-page-results .search-results-counter, .search-results .search-results-counter { font-size: 17px; float: left; padding: 4px 12px; margin-right: 2px; background: #f2f2f2; } .search-api-page-results .search-performance, .search-results .search-performance { float: right; margin: 0; } form.contact-form { padding: 10px; background: #f2f2f2; } form.contact-form:after { content: ""; display: table; clear: both; } form.contact-form .form-item > .description { color: gray; font-style: italic; font-size: 12px; margin-top: 2px; } form.contact-form .form-item .form-required { color: #ff0000; } form.contact-form .form-item > .form-text, form.contact-form .form-item > .form-select { -moz-box-shadow: none; -webkit-box-shadow: none; -o-box-shadow: none; -ms-box-shadow: none; box-shadow: none; border: 1px solid #e6e6e6; padding: 26px 5px 5px 5px; background: white; } form.contact-form .form-item > .form-text:focus, form.contact-form .form-item > .form-select:focus { -moz-box-shadow: 0px 0px 0px 1px #d81b28; -webkit-box-shadow: 0px 0px 0px 1px #d81b28; -o-box-shadow: 0px 0px 0px 1px #d81b28; -ms-box-shadow: 0px 0px 0px 1px #d81b28; box-shadow: 0px 0px 0px 1px #d81b28; } form.contact-form .form-item > .form-checkbox { float: left; margin: 5px 5px 0 0; } form.contact-form .form-item > .form-textarea-wrapper { -moz-box-shadow: none; -webkit-box-shadow: none; -o-box-shadow: none; -ms-box-shadow: none; box-shadow: none; } form.contact-form .form-item > .form-textarea-wrapper .form-textarea { position: relative; border: 1px solid #e6e6e6; padding: 26px 5px 5px 5px; background: white; } form.contact-form .form-item > .form-textarea-wrapper .form-textarea:focus { -moz-box-shadow: 0px 0px 0px 1px #d81b28; -webkit-box-shadow: 0px 0px 0px 1px #d81b28; -o-box-shadow: 0px 0px 0px 1px #d81b28; -ms-box-shadow: 0px 0px 0px 1px #d81b28; box-shadow: 0px 0px 0px 1px #d81b28; } form.contact-form .form-item > .form-textarea-wrapper .grippie { border: none; background-color: #e6e6e6; height: 10px; } form.contact-form .form-item.form-type-select { display: none; } form.contact-form .form-type-textfield { float: left; width: 50%; padding: 5px; } form.contact-form .form-type-textfield.form-item-subject { width: 100%; margin-top: 10px; padding-top: 15px; border-top: 2px solid #d81b28; } form.contact-form .form-type-checkbox { float: left; width: 100%; padding: 5px; } form.contact-form .form-type-checkbox > label { margin: 2px 0 0 0; cursor: pointer; } form.contact-form .form-type-select { display: none; float: left; width: 100%; padding: 5px 5px 15px 5px; margin-bottom: 10px; border-bottom: 2px solid #d81b28; } form.contact-form .form-type-textarea { float: left; width: 100%; padding: 5px; } form.contact-form .form-type-textfield, form.contact-form .form-type-select, form.contact-form .form-type-textarea { position: relative; } form.contact-form .form-type-textfield > label, form.contact-form .form-type-select > label, form.contact-form .form-type-textarea > label { position: absolute; margin: 0; padding: 2px 6px 0 6px; background: #e6e6e6; color: #1a1a1a; text-transform: uppercase; z-index: 1; } form.contact-form .form-type-textfield input, form.contact-form .form-type-textfield select, form.contact-form .form-type-select input, form.contact-form .form-type-select select, form.contact-form .form-type-textarea input, form.contact-form .form-type-textarea select { width: 100%; } form.contact-form .form-actions { float: left; width: 100%; margin: 10px 0 0 0; padding: 15px 5px 5px 5px; border-top: 2px solid #d81b28; } form.contact-form .captcha { padding: 10px; margin: 0; border: none; float: left; width: 100%; } form.contact-form .captcha > .fieldset-wrapper { border: 2px dotted #d9534f; background: rgba(217, 83, 79, 0.15); padding: 10px; } form.contact-form .captcha > .fieldset-wrapper:after { content: ""; display: table; clear: both; } form.contact-form .captcha > .fieldset-wrapper .fieldset-description { font-weight: bold; color: #d81b28; } form.contact-form .captcha > legend { display: none; } form.contact-form .captcha img { border: 1px solid #e6e6e6; padding: 10px; margin: 5px 5px 5px 0; background: white; } form.contact-form .captcha .form-type-textfield { float: none; padding: 0; width: 400px; max-width: 100%; } @media only screen and (max-width: 920px) { .panel-2col-bricks .panel-col-first { width: 66.6667%; padding-right: 7px; } .panel-2col-bricks .panel-col-last { width: 33.3333%; padding: 0 0 0 13px; } } @media only screen and (max-width: 768px) { .group-map .field-name-field-geolocation { width: 100%; padding-right: 0; margin-bottom: 10px; } .group-map .field-name-field-hints { width: 100%; padding-left: 0; margin-top: 10px; } } @media only screen and (max-width: 640px) { .panel-2col-bricks .panel-col-first { width: 100%; padding: 0; } .panel-2col-bricks .panel-col-last { display: none; width: 100%; padding: 5px 0; } .panel-2col-bricks .center-wrapper.center-wrapper-top .pane-entity-view .field-name-field-image #page-title { position: relative; } .panel-2col-bricks .center-wrapper.center-wrapper-top .pane-entity-view .field-name-field-image img { display: none; } .panel-2col-bricks .center-wrapper.center-wrapper-top .pane-entity-view .field-name-field-tile-description { display: none; } .field-name-body .field-item img { float: none !important; width: 100% !important; height: auto !important; display: block !important; margin: 0 !important; } body.page-node-243 .panel-2col-bricks .panel-col-last, body.page-node-258 .panel-2col-bricks .panel-col-last { display: block; } } #footer { position: relative; background: #999999; z-index: 1; } #footer > .region-inner-footer { padding: 40px 0 40px 0; } #footer > .region-inner-footer:after { content: ""; display: table; clear: both; } #footer > .region-inner-footer > .block { float: left; width: 25%; padding: 0 15px 0 15px; margin: 0 -1px 40px 0; box-sizing: border-box; color: white; font-weight: 300; border-right: 1px solid white; border-left: 1px solid white; } #footer > .region-inner-footer > .block.first { border-left: none; } #footer > .region-inner-footer > .block.last { border-right: none; } #footer > .region-inner-footer > .block .block-title { margin: 6px 0 15px 0; line-height: 1; font-size: 16px; vertical-align: top; } #footer .block.footer-menu-content { font-size: 15px; } #footer .block.footer-menu-content .block-title { display: block; } #footer .block.footer-menu-content > ul.menu { list-style: none; margin: 0; padding: 0; } #footer .block.footer-menu-content > ul.menu > li a { color: white; } #footer .block.footer-menu-content > ul.menu > li a:hover { color: #d81b28; } #footer .block.footer-content-contact { font-size: 15px; } #footer .block.footer-content-contact .block-title { display: block; } #footer .block.footer-content-contact .block-title > a.social-button { display: inline-block; width: 26px; height: 26px; padding: 4px; margin: -5px 0; background: rgba(0, 0, 0, 0.5); font-size: 16px; line-height: 16px; text-align: center; vertical-align: middle; } #footer .block.footer-content-contact > ul.contact-info { list-style: none; margin: 0; padding: 0; clear: left; } #footer .block.footer-content-contact > ul.contact-info > li > span:first-child { min-width: 60px; display: block; float: left; } #footer .block.footer-content-contact > ul.contact-info > li.phone { margin-top: 15px; } #footer .block.footer-content-contact > ul.contact-info > li a { color: white; } #footer .block.footer-content-contact > ul.contact-info > li a:hover { color: #d81b28; } #footer .block { font-size: 15px; } #footer .block #footer-domain-switcher ul { list-style: none; margin: 0; padding: 0; font-size: 14px; line-height: 1.25; } #footer .block #footer-domain-switcher ul li { margin: 5px 0; } #footer .block #footer-domain-switcher ul li > a { color: white; font-weight: 500; text-decoration: underline; } #footer .block #footer-domain-switcher ul li > a:hover { color: #d81b28; } #footer .block.footer-menu-logo #footer-domain-switcher ul { margin: 40px 0 0 0; } #footer .block.footer-menu-logo ul.social-buttons { display: none; } #footer .block > p { font-size: 13px; } #footer .block.footer-content-claim .block-title { display: block; } #footer .block.footer-content-claim .block-title em { text-decoration: underline; font-style: normal; } #footer .block.footer-content-claim .block-title a { color: white; text-decoration: underline; } #footer .block.footer-content-claim .block-title a:hover { color: #d81b28; } #footer .block.footer-content-claim .field-name-body { background: none; border: none; font-size: 13px; line-height: 1.25; font-weight: 300; color: white; padding: 0; text-align: left; } #footer .block.footer-content-claim .field-name-body p { margin: 0; } #footer ul.social-buttons { margin: 10px 0; padding: 0; width: 100%; } #footer ul.social-buttons li { width: 32px; height: 32px; padding: 0 0 0 28px; box-sizing: content-box; } #footer ul.social-buttons li > a { width: 32px; height: 32px; line-height: 33px; font-size: 16px; } #footer ul.social-buttons li:first-child { padding: 0; } @media only screen and (max-width: 992px) { #footer > .region-inner-footer > .block { width: 50%; } #footer > .region-inner-footer > .block:nth-child(2n) { border-right: none; } #footer > .region-inner-footer > .block:nth-child(2n+1) { border-left: none; } } @media only screen and (max-width: 640px) { #footer .block.footer-content-claim .field-name-body { text-align: center; } #footer ul.social-buttons { margin: 10px auto; } #footer .block.footer-menu-content { display: none; } #footer .block.footer-menu-logo ul.social-buttons { display: block; } } body.front { overflow-x: hidden; } body.front #content { margin: inherit; max-width: inherit; background-image: url("../images/Petrochemische_-Industrie-5A.jpg"); background-size: cover; background-position: left bottom; background-attachment: fixed; position: static; color: black; padding: 27px 10px 45px; } body.front #content .content-wrapper { background: #f2f2f2; padding: 20px; margin: 0 auto -17px auto; } body.front #main-content.first-sidebar { padding-left: 20px; border-left: 1px solid #666666; } body.front #main-content.second-sidebar { padding-right: 20px; border-right: 1px solid #666666; } body.front #main-content.first-sidebar.second-sidebar { padding: 0 10px; } body.front aside.sidebar.first-sidebar { padding-right: 10px; margin-right: -1px; border-right: 1px solid #666666; } body.front aside.sidebar.second-sidebar { padding-left: 10px; margin-left: -1px; border-left: 1px solid #666666; } #block-views-home-highlights-block { background-color: #f2f2f2; position: relative; padding: 40px 0 60px; } #block-views-home-highlights-block .view-home-highlights { position: relative; max-width: 1100px; margin: 0 auto; padding: 15px 0; height: 530px; } #block-views-home-highlights-block .view-content:after { content: ""; display: table; clear: both; } #block-views-home-highlights-block .view-content > .home-highlight { display: block; float: left; } #block-views-home-highlights-block .view-content > .home-highlight a { -moz-box-shadow: 2px 2px 6px 0 rgba(0, 0, 0, 0.3333); -webkit-box-shadow: 2px 2px 6px 0 rgba(0, 0, 0, 0.3333); -o-box-shadow: 2px 2px 6px 0 rgba(0, 0, 0, 0.3333); -ms-box-shadow: 2px 2px 6px 0 rgba(0, 0, 0, 0.3333); box-shadow: 2px 2px 6px 0 rgba(0, 0, 0, 0.3333); -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s; -moz-transform: translate3d(20px, 20px, 0); -webkit-transform: translate3d(20px, 20px, 0); -o-transform: translate3d(20px, 20px, 0); -ms-transform: translate3d(20px, 20px, 0); transform: translate3d(20px, 20px, 0); position: absolute; display: block; overflow: hidden; opacity: 0; } #block-views-home-highlights-block .view-content > .home-highlight a img { max-width: none; height: 100%; position: relative; left: 0; -moz-transition: left .2s ease-in; -webkit-transition: left .2s ease-in; -o-transition: left .2s ease-in; -ms-transition: left .2s ease-in; transition: left .2s ease-in; } #block-views-home-highlights-block .view-content > .home-highlight a .title { -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s; position: absolute; left: 0; right: 0; bottom: 0; padding: 15px 30px; background: rgba(0, 0, 0, 0.75); color: white; font-size: 18px; text-transform: uppercase; border-top: 1px solid rgba(255, 255, 255, 0.37); } #block-views-home-highlights-block .view-content > .home-highlight a .title .title-inner { -moz-transition: left .3s; -webkit-transition: left .3s; -o-transition: left .3s; -ms-transition: left .3s; transition: left .3s; position: relative; left: 0; } #block-views-home-highlights-block .view-content > .home-highlight a .title .title-inner:before { font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -moz-transition: right .3s, opacity .3s; -webkit-transition: right .3s, opacity .3s; -o-transition: right .3s, opacity .3s; -ms-transition: right .3s, opacity .3s; transition: right .3s, opacity .3s; content: "\edb8"; position: absolute; right: 0; opacity: 0; } #block-views-home-highlights-block .view-content > .home-highlight a .body { -moz-transition: left .2s ease-in; -webkit-transition: left .2s ease-in; -o-transition: left .2s ease-in; -ms-transition: left .2s ease-in; transition: left .2s ease-in; position: absolute; top: 0; left: 0; display: block; color: white; padding: 20px; max-width: 400px; line-height: 1; font-size: 18px; } #block-views-home-highlights-block .view-content > .home-highlight a .body h1, #block-views-home-highlights-block .view-content > .home-highlight a .body h2, #block-views-home-highlights-block .view-content > .home-highlight a .body h3, #block-views-home-highlights-block .view-content > .home-highlight a .body h4, #block-views-home-highlights-block .view-content > .home-highlight a .body h5, #block-views-home-highlights-block .view-content > .home-highlight a .body h6 { margin-top: 0; margin-bottom: 20px; font-size: 160%; line-height: 135%; font-weight: 500; } #block-views-home-highlights-block .view-content > .home-highlight a .body p { margin: 0; font-size: 100%; line-height: 130%; font-weight: 500; } #block-views-home-highlights-block .view-content > .home-highlight a:focus { text-decoration: none; } #block-views-home-highlights-block .view-content > .home-highlight a:hover { z-index: 1; text-decoration: none; } #block-views-home-highlights-block .view-content > .home-highlight a:hover .title { background: black; } #block-views-home-highlights-block .view-content > .home-highlight a:hover .title .title-inner { left: -10px; } #block-views-home-highlights-block .view-content > .home-highlight a:hover .title .title-inner:before { right: -25px; opacity: 1; } #block-views-home-highlights-block .view-content > .home-highlight a:hover img { left: -20px; } #block-views-home-highlights-block .view-content > .home-highlight a:hover .body { left: -10px; } #block-views-home-highlights-block .view-content > .home-highlight a.top-left { background: #C2112B; top: 0; left: 0; width: 39%; height: 328px; -moz-transform: translate3d(-80px, -80px, 0); -webkit-transform: translate3d(-80px, -80px, 0); -o-transform: translate3d(-80px, -80px, 0); -ms-transform: translate3d(-80px, -80px, 0); transform: translate3d(-80px, -80px, 0); } #block-views-home-highlights-block .view-content > .home-highlight a.top-center { top: 22px; left: 39.5%; width: 34%; height: 220px; -moz-transform: translate3d(0, -80px, 0); -webkit-transform: translate3d(0, -80px, 0); -o-transform: translate3d(0, -80px, 0); -ms-transform: translate3d(0, -80px, 0); transform: translate3d(0, -80px, 0); } #block-views-home-highlights-block .view-content > .home-highlight a.top-right { top: 42px; left: 74%; width: 25.7%; height: 200px; -moz-transform: translate3d(80px, -80px, 0); -webkit-transform: translate3d(80px, -80px, 0); -o-transform: translate3d(80px, -80px, 0); -ms-transform: translate3d(80px, -80px, 0); transform: translate3d(80px, -80px, 0); } #block-views-home-highlights-block .view-content > .home-highlight a.bottom-left { top: 333px; left: 9%; width: 30%; height: 190px; -moz-transform: translate3d(-80px, 80px, 0); -webkit-transform: translate3d(-80px, 80px, 0); -o-transform: translate3d(-80px, 80px, 0); -ms-transform: translate3d(-80px, 80px, 0); transform: translate3d(-80px, 80px, 0); } #block-views-home-highlights-block .view-content > .home-highlight a.bottom-center { top: 248px; left: 39.5%; width: 30%; height: 298px; -moz-transform: translate3d(0, 80px, 0); -webkit-transform: translate3d(0, 80px, 0); -o-transform: translate3d(0, 80px, 0); -ms-transform: translate3d(0, 80px, 0); transform: translate3d(0, 80px, 0); } #block-views-home-highlights-block .view-content > .home-highlight a.bottom-right { top: 248px; left: 70%; width: 25%; height: 210px; -moz-transform: translate3d(80px, 80px, 0); -webkit-transform: translate3d(80px, 80px, 0); -o-transform: translate3d(80px, 80px, 0); -ms-transform: translate3d(80px, 80px, 0); transform: translate3d(80px, 80px, 0); } #block-views-home-highlights-block.visible:before { -moz-transition-delay: 1.55s; -webkit-transition-delay: 1.55s; -o-transition-delay: 1.55s; -ms-transition-delay: 1.55s; transition-delay: 1.55s; opacity: 1; } #block-views-home-highlights-block.visible .view-content a.top-left { -moz-transition-delay: 0.65s; -webkit-transition-delay: 0.65s; -o-transition-delay: 0.65s; -ms-transition-delay: 0.65s; transition-delay: 0.65s; } #block-views-home-highlights-block.visible .view-content a.top-center { -moz-transition-delay: 0.8s; -webkit-transition-delay: 0.8s; -o-transition-delay: 0.8s; -ms-transition-delay: 0.8s; transition-delay: 0.8s; } #block-views-home-highlights-block.visible .view-content a.top-right { -moz-transition-delay: 0.95s; -webkit-transition-delay: 0.95s; -o-transition-delay: 0.95s; -ms-transition-delay: 0.95s; transition-delay: 0.95s; } #block-views-home-highlights-block.visible .view-content a.bottom-left { -moz-transition-delay: 1.4s; -webkit-transition-delay: 1.4s; -o-transition-delay: 1.4s; -ms-transition-delay: 1.4s; transition-delay: 1.4s; } #block-views-home-highlights-block.visible .view-content a.bottom-center { -moz-transition-delay: 1.25s; -webkit-transition-delay: 1.25s; -o-transition-delay: 1.25s; -ms-transition-delay: 1.25s; transition-delay: 1.25s; } #block-views-home-highlights-block.visible .view-content a.bottom-right { -moz-transition-delay: 1.1s; -webkit-transition-delay: 1.1s; -o-transition-delay: 1.1s; -ms-transition-delay: 1.1s; transition-delay: 1.1s; } #block-views-home-highlights-block.visible .view-content a.top-left, #block-views-home-highlights-block.visible .view-content a.top-center, #block-views-home-highlights-block.visible .view-content a.top-right, #block-views-home-highlights-block.visible .view-content a.bottom-left, #block-views-home-highlights-block.visible .view-content a.bottom-center, #block-views-home-highlights-block.visible .view-content a.bottom-right { opacity: 1; -moz-transform: translate3d(0px, 0px, 0); -webkit-transform: translate3d(0px, 0px, 0); -o-transform: translate3d(0px, 0px, 0); -ms-transform: translate3d(0px, 0px, 0); transform: translate3d(0px, 0px, 0); } @media only screen and (max-width: 992px) { #block-views-home-highlights-block .view-content > .home-highlight a .title { padding: 10px 15px; } } @media only screen and (max-width: 768px) { #block-views-home-highlights-block:before { display: none; } #block-views-home-highlights-block .view-home-highlights { height: auto; padding: 5px 0; } #block-views-home-highlights-block .view-content > .home-highlight { width: 50%; } #block-views-home-highlights-block .view-content > .home-highlight a { -moz-box-shadow: 2px 2px 6px 0 rgba(0, 0, 0, 0.3333); -webkit-box-shadow: 2px 2px 6px 0 rgba(0, 0, 0, 0.3333); -o-box-shadow: 2px 2px 6px 0 rgba(0, 0, 0, 0.3333); -ms-box-shadow: 2px 2px 6px 0 rgba(0, 0, 0, 0.3333); box-shadow: 2px 2px 6px 0 rgba(0, 0, 0, 0.3333); -moz-transition: none; -webkit-transition: none; -o-transition: none; -ms-transition: none; transition: none; position: relative; display: block; margin: 3px; max-height: 250px; overflow: hidden; } #block-views-home-highlights-block .view-content > .home-highlight a:hover.top-left, #block-views-home-highlights-block .view-content > .home-highlight a:hover.top-center, #block-views-home-highlights-block .view-content > .home-highlight a:hover.top-right, #block-views-home-highlights-block .view-content > .home-highlight a:hover.bottom-left, #block-views-home-highlights-block .view-content > .home-highlight a:hover.bottom-center, #block-views-home-highlights-block .view-content > .home-highlight a:hover.bottom-right { top: auto; left: auto; width: auto; height: auto; } #block-views-home-highlights-block .view-content > .home-highlight a.top-left, #block-views-home-highlights-block .view-content > .home-highlight a.top-center, #block-views-home-highlights-block .view-content > .home-highlight a.top-right, #block-views-home-highlights-block .view-content > .home-highlight a.bottom-left, #block-views-home-highlights-block .view-content > .home-highlight a.bottom-center, #block-views-home-highlights-block .view-content > .home-highlight a.bottom-right { top: auto; left: auto; width: auto; height: auto; } #block-views-home-highlights-block .view-content > .home-highlight a img { max-width: 110%; height: auto; } #block-views-home-highlights-block .view-content > .home-highlight a .body { font-size: 13px; } } @media only screen and (max-width: 640px) { #block-views-highlights-block .view-content > .home-highlight, #block-views-highlights-block-1 .view-content > .home-highlight { width: 100%; } #block-views-highlights-block .view-content > .home-highlight a, #block-views-highlights-block-1 .view-content > .home-highlight a { margin: 0; max-height: 205px; } #block-views-highlights-block .view-content > .home-highlight a .title, #block-views-highlights-block-1 .view-content > .home-highlight a .title { padding: 25px 30px; } #block-views-highlights-block .view-content > .home-highlight a .body, #block-views-highlights-block-1 .view-content > .home-highlight a .body { font-size: 10px; } #block-views-highlights-block ul.highlights li.highlight, #block-views-highlights-block-1 ul.highlights li.highlight { width: 50%; } body.front #content { padding: 0; } body.front #main-content.first-sidebar, body.front #main-content.second-sidebar { padding: 0; border: none; } body.front aside.sidebar.first-sidebar, body.front aside.sidebar.second-sidebar { padding: 0; margin: 0; border: none; } } @media only screen and (max-width: 580px) { #block-views-home-highlights-block .view-content > .home-highlight { width: 100%; } #block-views-home-highlights-block .view-content > .home-highlight a.top-center, #block-views-home-highlights-block .view-content > .home-highlight a.top-right, #block-views-home-highlights-block .view-content > .home-highlight a.bottom-left, #block-views-home-highlights-block .view-content > .home-highlight a.bottom-center, #block-views-home-highlights-block .view-content > .home-highlight a.bottom-right { height: auto; } #block-views-home-highlights-block .view-content > .home-highlight a:hover.top-center, #block-views-home-highlights-block .view-content > .home-highlight a:hover.top-right, #block-views-home-highlights-block .view-content > .home-highlight a:hover.bottom-left, #block-views-home-highlights-block .view-content > .home-highlight a:hover.bottom-center, #block-views-home-highlights-block .view-content > .home-highlight a:hover.bottom-right { height: auto; } #block-views-home-highlights-block .view-content > .home-highlight a .body { font-size: 14px; } } @media only screen and (max-width: 480px) { #block-views-home-highlights-block .view-content > .home-highlight a .title { padding: 10px 15px; } } @media only screen and (max-width: 390px) { #block-views-home-highlights-block .view-content > .home-highlight a .body > p { display: none; } } @media only screen and (max-width: 320px) { #block-views-highlights-block, #block-views-highlights-block-1 { max-width: 200px; margin: 0 auto; } #block-views-highlights-block ul.highlights li.highlight, #block-views-highlights-block-1 ul.highlights li.highlight { width: 100%; } } .block-title { display: none; } #block-views-arbitrary-content-block { margin-bottom: 40px; } #block-views-arbitrary-content-block .block-title { display: block; text-transform: uppercase; margin: 0 0 20px 0; line-height: 1; } #block-views-arbitrary-content-block .item-list > ul { list-style: none; margin: 0; padding: 0; } #block-views-arbitrary-content-block .item-list > ul > .views-row { margin-bottom: 20px; } #block-views-arbitrary-content-block .item-list > ul > .views-row:after { content: ""; display: table; clear: both; } #block-views-arbitrary-content-block .item-list > ul > .views-row:last-child { margin-bottom: 0; } #block-views-arbitrary-content-block .item-list > ul > .views-row a { display: block; color: #000; } #block-views-arbitrary-content-block .item-list > ul > .views-row a:after { content: ""; display: table; clear: both; } #block-views-arbitrary-content-block .item-list > ul > .views-row a .content { margin-left: 130px; } #block-views-arbitrary-content-block .item-list > ul > .views-row a .content h3 { -moz-transition: color 0.1s; -webkit-transition: color 0.1s; -o-transition: color 0.1s; -ms-transition: color 0.1s; transition: color 0.1s; font-size: 18px; text-transform: uppercase; word-wrap: break-word; margin: 0 0 10px 0; } #block-views-arbitrary-content-block .item-list > ul > .views-row a .content h3 small { display: block; text-transform: none; } #block-views-arbitrary-content-block .item-list > ul > .views-row a .content .body { margin-bottom: 10px; font-weight: 500; } #block-views-arbitrary-content-block .item-list > ul > .views-row a .content .body p { margin: 5px 0 0 0; } #block-views-arbitrary-content-block .item-list > ul > .views-row a img { float: left; } #block-views-arbitrary-content-block .item-list > ul > .views-row a:hover { text-decoration: none; } #block-views-arbitrary-content-block .item-list > ul > .views-row a:hover .content h3 { color: #d81b28; } #block-views-arbitrary-content-block .item-list > ul > .views-row a:focus { text-decoration: none; } #block-views-highlights-block ul.highlights, #block-views-highlights-block-1 ul.highlights { list-style: none; margin: 0; padding: 0; } #block-views-highlights-block ul.highlights li.highlight, #block-views-highlights-block-1 ul.highlights li.highlight { float: left; width: 100%; padding: 10px; } #block-views-highlights-block ul.highlights li.highlight > .highlight-link, #block-views-highlights-block-1 ul.highlights li.highlight > .highlight-link { display: block; } #block-views-highlights-block ul.highlights li.highlight > .highlight-link:hover, #block-views-highlights-block-1 ul.highlights li.highlight > .highlight-link:hover { text-decoration: none; } #block-views-highlights-block ul.highlights li.highlight > .highlight-link:hover h3, #block-views-highlights-block-1 ul.highlights li.highlight > .highlight-link:hover h3 { color: #d81b28; } #block-views-highlights-block ul.highlights li.highlight > .highlight-link:focus, #block-views-highlights-block-1 ul.highlights li.highlight > .highlight-link:focus { text-decoration: none; } #block-views-highlights-block ul.highlights li.highlight > .highlight-link h3, #block-views-highlights-block-1 ul.highlights li.highlight > .highlight-link h3 { -moz-transition: color 0.1s; -webkit-transition: color 0.1s; -o-transition: color 0.1s; -ms-transition: color 0.1s; transition: color 0.1s; margin: 10px 0 0 0; color: black; } #block-views-highlights-block ul.highlights li.highlight > .highlight-link .description, #block-views-highlights-block-1 ul.highlights li.highlight > .highlight-link .description { color: black; } #block-views-highlights-block ul.highlights li.highlight > .highlight-link .description *:first-child, #block-views-highlights-block-1 ul.highlights li.highlight > .highlight-link .description *:first-child { margin-top: 0; } #block-views-highlights-block ul.highlights li.highlight > .highlight-link .description *:last-child, #block-views-highlights-block-1 ul.highlights li.highlight > .highlight-link .description *:last-child { margin-bottom: 0; } #block-block-3, .pane-block-3 { position: relative; height: 180px; -moz-border-radius: 13px; -webkit-border-radius: 13px; -o-border-radius: 13px; -ms-border-radius: 13px; border-radius: 13px; -moz-border-radius: 13px; -webkit-border-radius: 13px; -o-border-radius: 13px; -ms-border-radius: 13px; border-radius: 13px; } #block-block-3 a.contact-link, .pane-block-3 a.contact-link { -moz-transition: color 0.2s; -webkit-transition: color 0.2s; -o-transition: color 0.2s; -ms-transition: color 0.2s; transition: color 0.2s; display: block; position: absolute; top: 0; left: 0; bottom: 0; right: 0; min-height: 100px; background: #f2f2f2; color: gray; border: 2px solid gray; overflow: hidden; } #block-block-3 a.contact-link:hover, .pane-block-3 a.contact-link:hover { text-decoration: none; color: #d81b28; } #block-block-3 a.contact-link .contact-link-inner .icon-envelope, .pane-block-3 a.contact-link .contact-link-inner .icon-envelope { font-size: 100px; position: absolute; top: 50%; left: 50%; margin: -50px 0 0 -50px; } #block-block-3 a.contact-link .contact-link-inner span, .pane-block-3 a.contact-link .contact-link-inner span { display: none; position: absolute; top: 50%; bottom: auto; left: 0; right: 0; padding: 0 10px; font-size: 15px; text-align: center; font-weight: 300; } #block-block-3 a.contact-link .contact-link-inner span.contact-link-title, .pane-block-3 a.contact-link .contact-link-inner span.contact-link-title { font-size: 21px; top: auto; bottom: 50%; font-weight: 700; } #block-block-3 a.contact-button, .pane-block-3 a.contact-button { -moz-border-radius: 13px; -webkit-border-radius: 13px; -o-border-radius: 13px; -ms-border-radius: 13px; border-radius: 13px; display: block; position: absolute; top: 0; left: 0; bottom: 0; right: 0; border: 3px solid #4d4d4d; background: #4d4d4d; min-height: 100px; } #block-block-3 a.contact-button:hover, .pane-block-3 a.contact-button:hover { text-decoration: none; } #block-block-3 a.contact-button:hover .contact-link-inner, .pane-block-3 a.contact-button:hover .contact-link-inner { background: #e73f4b; } #block-block-3 a.contact-button:active .contact-link-inner, .pane-block-3 a.contact-button:active .contact-link-inner { -moz-box-shadow: inset 0 0 0 0 #ab1520; -webkit-box-shadow: inset 0 0 0 0 #ab1520; -o-box-shadow: inset 0 0 0 0 #ab1520; -ms-box-shadow: inset 0 0 0 0 #ab1520; box-shadow: inset 0 0 0 0 #ab1520; top: 0; background: #e73f4b; } #block-block-3 a.contact-button .contact-link-inner, .pane-block-3 a.contact-button .contact-link-inner { -moz-box-shadow: inset 0 -5px 0 0 #ab1520; -webkit-box-shadow: inset 0 -5px 0 0 #ab1520; -o-box-shadow: inset 0 -5px 0 0 #ab1520; -ms-box-shadow: inset 0 -5px 0 0 #ab1520; box-shadow: inset 0 -5px 0 0 #ab1520; -moz-transition: background 0.2s; -webkit-transition: background 0.2s; -o-transition: background 0.2s; -ms-transition: background 0.2s; transition: background 0.2s; -moz-border-radius: 10px; -webkit-border-radius: 10px; -o-border-radius: 10px; -ms-border-radius: 10px; border-radius: 10px; position: absolute; top: -5px; left: 0; bottom: 0; right: 0; overflow: hidden; background: #d81b28; color: white; } #block-block-3 a.contact-button .contact-link-inner .icon-envelope, .pane-block-3 a.contact-button .contact-link-inner .icon-envelope { font-size: 100px; position: absolute; top: 50%; left: 50%; margin: -50px 0 0 -50px; } #block-block-3 a.contact-button .contact-link-inner span, .pane-block-3 a.contact-button .contact-link-inner span { display: none; position: absolute; top: 50%; bottom: auto; left: 0; right: 0; padding: 0 10px; font-size: 15px; text-align: center; font-weight: 300; } #block-block-3 a.contact-button .contact-link-inner span.contact-link-title, .pane-block-3 a.contact-button .contact-link-inner span.contact-link-title { font-size: 21px; top: auto; bottom: 50%; font-weight: 700; } #block-nodeblock-24 { border-bottom: 1px solid #999999; border-top: 1px solid #999999; } a.page-contact-link { -moz-transition: color 0.2s; -webkit-transition: color 0.2s; -o-transition: color 0.2s; -ms-transition: color 0.2s; transition: color 0.2s; display: block; float: right; margin: 15px; color: gray; overflow: hidden; } a.page-contact-link:focus { text-decoration: none; } a.page-contact-link:hover { text-decoration: none; color: #d81b28; } a.page-contact-link .contact-link-inner .icon-envelope { display: block; width: 100px; height: 75px; font-size: 100px; line-height: 75px; } @media only screen and (max-width: 640px) { #block-views-home-highlights-block { padding-top: 0; } #block-block-3, .pane-block-3 { height: auto; } #block-block-3 a.contact-link, #block-block-3 a.contact-button, .pane-block-3 a.contact-link, .pane-block-3 a.contact-button { position: relative; margin: 0 0 20px 0; } #block-block-3 a.contact-link .contact-link-inner span, #block-block-3 a.contact-button .contact-link-inner span, .pane-block-3 a.contact-link .contact-link-inner span, .pane-block-3 a.contact-button .contact-link-inner span { position: relative; } #block-views-highlights-block .block-title { text-align: center; } #block-views-arbitrary-content-block { margin-bottom: 40px; } #block-views-arbitrary-content-block .block-title { text-align: center; } #block-views-arbitrary-content-block .item-list > ul { list-style: none; } #block-views-arbitrary-content-block .item-list > ul > .views-row { margin-bottom: 40px; } #block-views-arbitrary-content-block .item-list > ul > .views-row a .content { margin-left: 0; } #block-views-arbitrary-content-block .item-list > ul > .views-row a .content h3 { font-size: 16px; } #block-views-arbitrary-content-block .item-list > ul > .views-row a .content .body { font-size: 14px; } #block-views-arbitrary-content-block .item-list > ul > .views-row a .content .body p { margin: 5px 0 0 0; } #block-views-arbitrary-content-block .item-list > ul > .views-row a .content .more-link { text-align: right; } #block-views-arbitrary-content-block .item-list > ul > .views-row a .content .more-link a { padding: 6px 12px; } #block-views-arbitrary-content-block .item-list > ul > .views-row a img { float: left; margin: 0 10px 10px 0; } #block-views-arbitrary-content-block .item-list > ul > .views-row:nth-child(n+3) { display: none; } #block-views-highlights-block ul.highlights li.highlight > a, #block-views-highlights-block-1 ul.highlights li.highlight > a { text-align: center; } } @media only screen and (max-width: 480px) { a.page-contact-link { display: none; } } .pane-entity-view { position: relative; } .pane-entity-view:after { content: ""; display: table; clear: both; } .pane-entity-view .field-name-field-image { margin-bottom: 20px; } .pane-entity-view .field-name-field-image img { height: 180px; max-width: none; } .pane-entity-view .field-name-field-tile-description { position: absolute; top: 0; left: 0; right: 0; max-width: 300px; } .pane-entity-view .field-name-field-tile-description h4 { margin: 0; padding: 10px; color: white; font-size: 30px; line-height: 1.25; } .pane-entity-view .field-name-field-image-gallery { float: left; max-width: 450px; width: 50%; margin: 0 20px 20px 0; } .pane-entity-view .links.inline { display: none; } body.page-node-243 .panel-2col-bricks .pane-node-field-hints, body.page-node-258 .panel-2col-bricks .pane-node-field-hints, body.page-node-1321 .panel-2col-bricks .pane-node-field-hints, body.page-node-1322 .panel-2col-bricks .pane-node-field-hints, body.page-node-2036 .panel-2col-bricks .pane-node-field-hints, body.page-node-2038 .panel-2col-bricks .pane-node-field-hints { padding: 10px; background: #f2f2f2; } body.page-node-243 .panel-2col-bricks .pane-node-field-hints .field-item *:first-child, body.page-node-258 .panel-2col-bricks .pane-node-field-hints .field-item *:first-child, body.page-node-1321 .panel-2col-bricks .pane-node-field-hints .field-item *:first-child, body.page-node-1322 .panel-2col-bricks .pane-node-field-hints .field-item *:first-child, body.page-node-2036 .panel-2col-bricks .pane-node-field-hints .field-item *:first-child, body.page-node-2038 .panel-2col-bricks .pane-node-field-hints .field-item *:first-child { margin-top: 0; } body.page-node-243 .panel-2col-bricks .pane-node-field-hints .field-item *:last-child, body.page-node-258 .panel-2col-bricks .pane-node-field-hints .field-item *:last-child, body.page-node-1321 .panel-2col-bricks .pane-node-field-hints .field-item *:last-child, body.page-node-1322 .panel-2col-bricks .pane-node-field-hints .field-item *:last-child, body.page-node-2036 .panel-2col-bricks .pane-node-field-hints .field-item *:last-child, body.page-node-2038 .panel-2col-bricks .pane-node-field-hints .field-item *:last-child { margin-bottom: 0; } body.page-node-243 .panel-2col-bricks .pane-node-body, body.page-node-258 .panel-2col-bricks .pane-node-body, body.page-node-1321 .panel-2col-bricks .pane-node-body, body.page-node-1322 .panel-2col-bricks .pane-node-body, body.page-node-2036 .panel-2col-bricks .pane-node-body, body.page-node-2038 .panel-2col-bricks .pane-node-body { padding: 10px; background: #f2f2f2; } body.page-no-blocks #content .content-wrapper { padding-bottom: 0; } body.page-no-blocks #page-back-link { display: none; } @media only screen and (max-width: 768px) { .pane-entity-view .field-name-field-image-gallery { float: none; width: 100%; margin: 15px auto; } .pane-entity-view .field-name-body .gallery-textblock { min-height: 0 !important; } } body.page-views #main-content, body.not-front .block-views #main-content { margin-right: 0; } body.page-views .sidebar, body.not-front .block-views .sidebar { display: none; } body.page-views .view-header, body.not-front .block-views .view-header { margin-bottom: 30px; } body .view > .view-footer { margin: 50px 0 0 0; } body .view > .view-footer:after { content: ""; display: table; clear: both; } body .view > .view-footer ul.pager { margin: 0; } body .view-news, body .view-related-products { margin-top: 0; } body .view-news ul.news-list, body .view-related-products ul.news-list { list-style: none; margin: 0; padding: 0; } body .view-news ul.news-list li.news-item, body .view-related-products ul.news-list li.news-item { margin-top: 20px; } body .view-news ul.news-list li.news-item:first-child, body .view-related-products ul.news-list li.news-item:first-child { margin-top: 0; } body .view-news ul.news-list li.news-item a, body .view-related-products ul.news-list li.news-item a { display: block; color: #000; } body .view-news ul.news-list li.news-item a:after, body .view-related-products ul.news-list li.news-item a:after { content: ""; display: table; clear: both; } body .view-news ul.news-list li.news-item a .content h3, body .view-related-products ul.news-list li.news-item a .content h3 { -moz-transition: color 0.1s; -webkit-transition: color 0.1s; -o-transition: color 0.1s; -ms-transition: color 0.1s; transition: color 0.1s; font-size: 18px; text-transform: uppercase; margin: 0 0 10px 0; } body .view-news ul.news-list li.news-item a .content h3 small, body .view-related-products ul.news-list li.news-item a .content h3 small { display: block; text-transform: none; } body .view-news ul.news-list li.news-item a .content .body, body .view-related-products ul.news-list li.news-item a .content .body { margin-bottom: 10px; font-weight: 300; } body .view-news ul.news-list li.news-item a .content .body p, body .view-related-products ul.news-list li.news-item a .content .body p { margin: 5px 0 0 0; } body .view-news ul.news-list li.news-item a img, body .view-related-products ul.news-list li.news-item a img { float: left; margin: 0 10px 10px 0; max-width: 50%; } body .view-news ul.news-list li.news-item a:hover, body .view-related-products ul.news-list li.news-item a:hover { text-decoration: none; } body .view-news ul.news-list li.news-item a:hover .content h3, body .view-related-products ul.news-list li.news-item a:hover .content h3 { color: #d81b28; } body .view-news ul.news-list li.news-item a:focus, body .view-related-products ul.news-list li.news-item a:focus { text-decoration: none; } body .view-fairs ul.fair-list { list-style: none; margin: 0; padding: 0; } body .view-fairs ul.fair-list li.fair-item { margin-top: 20px; padding: 5px; background: #f2f2f2; } body .view-fairs ul.fair-list li.fair-item:after { content: ""; display: table; clear: both; } body .view-fairs ul.fair-list li.fair-item:first-child { margin-top: 0; } body .view-fairs ul.fair-list li.fair-item .fair-image { float: left; border-right: 10px solid #f2f2f2; width: 18.1818%; max-width: 200px; } body .view-fairs ul.fair-list li.fair-item .fair-content { margin-left: 18.1818%; } body .view-fairs ul.fair-list li.fair-item .fair-content .fair-title { margin: 0; line-height: 1.1; font-size: 19px; } body .view-fairs ul.fair-list li.fair-item .fair-content .fair-title .created { float: right; } body .view-fairs ul.fair-list li.fair-item .fair-content .fair-title .fair-date { display: block; font-size: 80%; border-top: 2px solid #d81b28; padding-top: 2px; margin-top: 2px; } body .view-fairs ul.fair-list li.fair-item .fair-content .fair-address { display: block; margin: 8px 0 4px 0; } body .view-fairs ul.fair-list li.fair-item .fair-content .fair-address .fair-address-city { display: block; } body .view-fairs ul.fair-list li.fair-item .fair-content .fair-address .fair-address-country { display: block; } body .view-fairs ul.fair-list li.fair-item .fair-content .fair-links > a { margin-right: 15px; } body .view-standorte { margin-top: 20px; } body .view-standorte .tile-list { margin-top: 20px; } .pane-menu-menu-mediacenter { float: left; width: 300px; padding: 0; } .pane-menu-menu-mediacenter ul.menu { list-style: none; margin: 0; padding: 0; } .pane-menu-menu-mediacenter ul.menu li.menu__item { vertical-align: middle; padding-bottom: 5px; } .pane-menu-menu-mediacenter ul.menu li.menu__item > a { -moz-transition: color 0.15s, background-color 0.15s; -webkit-transition: color 0.15s, background-color 0.15s; -o-transition: color 0.15s, background-color 0.15s; -ms-transition: color 0.15s, background-color 0.15s; transition: color 0.15s, background-color 0.15s; display: block; padding: 2px 8px; color: #1a1a1a; background-color: #f2f2f2; } .pane-menu-menu-mediacenter ul.menu li.menu__item > a.active { color: white; background-color: #d81b28; } .pane-menu-menu-mediacenter ul.menu li.menu__item > a.active:hover { color: white; background-color: #d81b28; } .pane-menu-menu-mediacenter ul.menu li.menu__item > a:hover { background-color: #e6e6e6; color: #d81b28; } .pane-menu-menu-mediacenter ul.menu li.menu__item.taxonomy-term-92, .pane-menu-menu-mediacenter ul.menu li.menu__item.taxonomy-term-108, .pane-menu-menu-mediacenter ul.menu li.menu__item.taxonomy-term-101, .pane-menu-menu-mediacenter ul.menu li.menu__item.taxonomy-term-105 { display: none; } .pane-menu-menu-mediacenter ul.menu ul.menu { margin-top: 2px; padding: 0 0 0 10px; } .pane-mediacenter ul.media-list { margin: 0; } .pane-mediacenter ul.media-list:after { content: ""; display: table; clear: both; } .pane-mediacenter ul.media-list li.media-item { display: block; padding: 0 0 5px 5px; } .pane-mediacenter ul.media-list li.media-item > a { -moz-transition: background 0.2s; -webkit-transition: background 0.2s; -o-transition: background 0.2s; -ms-transition: background 0.2s; transition: background 0.2s; position: relative; display: block; padding: 5px; margin: 5px 0 0 0; background: #f2f2f2; color: #1a1a1a; text-decoration: none; font-size: 14px; line-height: 1; } .pane-mediacenter ul.media-list li.media-item > a:first-child { margin: 0; } .pane-mediacenter ul.media-list li.media-item > a:hover { background: #e6e6e6; } .pane-mediacenter ul.media-list li.media-item > a:hover .file-name { text-decoration: underline; } .pane-mediacenter ul.media-list li.media-item > a .file-abbreviation { display: block; float: left; background-color: #d81b28; color: white; padding: 6px 2px 0 2px; margin-right: 5px; font-size: 11px; width: 30px; height: 28px; font-weight: 700; text-align: center; line-height: 1; box-sizing: content-box; } .pane-mediacenter ul.media-list li.media-item > a .file-name { display: block; padding: 2px 0 0 0; font-size: 17px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .pane-mediacenter ul.media-list li.media-item > a .file-data { display: block; padding: 2px 0 1px 0; margin: 0; font-size: 12px; } .pane-mediacenter ul.media-list li.media-item > a .file-data span { margin-right: 5px; } .pane-mediacenter ul.media-list li.media-item > a .file-data .file-date { display: none; color: #3b5a9a; font-weight: 500; } .pane-mediacenter ul.media-list li.media-item > a .file-data .file-size { color: #b3b3b3; font-weight: 300; } .pane-mediacenter ul.media-list li.media-item > a .file-icon { display: block; float: left; margin: 2px 4px 0 -2px; width: 32px; height: 32px; background-image: url("../images/file/file-extension-unknown-icon.png"); } .pane-mediacenter ul.media-list li.media-item > a .file-icon.pdf { background-image: url("../images/file/file-extension-pdf-icon.png"); } .pane-mediacenter ul.media-list li.media-item > a .file-icon.txt { background-image: url("../images/file/file-extension-txt-icon.png"); } .pane-mediacenter ul.media-list li.media-item > a .file-icon.zip { background-image: url("../images/file/file-extension-zip-icon.png"); } .pane-mediacenter ul.media-list li.media-item > a .file-icon.doc, .pane-mediacenter ul.media-list li.media-item > a .file-icon.docx, .pane-mediacenter ul.media-list li.media-item > a .file-icon.odt { background-image: url("../images/file/file-extension-doc-icon.png"); } .pane-mediacenter ul.media-list li.media-item > a .file-icon.rtf { background-image: url("../images/file/file-extension-rtf-icon.png"); } .pane-mediacenter ul.media-list li.media-item > a .file-icon.jpg { background-image: url("../images/file/file-extension-jpg-icon.png"); } .pane-mediacenter ul.media-list li.media-item > a .file-icon.png { background-image: url("../images/file/file-extension-png-icon.png"); } .pane-mediacenter ul.media-list li.media-item > a .file-icon.bmp { background-image: url("../images/file/file-extension-bmp-icon.png"); } .pane-mediacenter ul.media-list li.media-item > a .file-icon.exe { background-image: url("../images/file/file-extension-exe-icon.png"); } .pane-mediacenter ul.media-list li.media-item > a .file-icon.zip { background-image: url("../images/file/file-extension-zip-icon.png"); } .pane-mediacenter ul.media-list li.media-item > a .file-icon.rar { background-image: url("../images/file/file-extension-rar-icon.png"); } .pane-mediacenter ul.media-list li.media-item > a .file-icon.xls { background-image: url("../images/file/file-extension-xls-icon.png"); } .pane-mediacenter ul.media-list li.media-item > a.file-category-3 .file-data .file-date { display: inline; } .pane-mediacenter.mediacenter-menu { margin-left: 300px; padding: 0 0 15px 15px; } .pane-mediacenter.mediacenter-downloads { margin: 0 0 15px 0; } .pane-mediacenter.mediacenter-downloads ul.media-list li.media-item { width: 100%; padding: 0 0 5px 0; } .pane-mediacenter.mediacenter-downloads.content-downloads { margin: 0 0 5px 0; } .pane-mediacenter.mediacenter-downloads.content-downloads .pane-title { padding: 5px; margin: 20px 0 0 0; background: #f2f2f2; border-bottom: 2px solid #e6e6e6; font-size: 20px; line-height: 1.2; } .pane-mediacenter.mediacenter-downloads.content-downloads ul.media-list li.media-item { padding: 0; border-bottom: 2px solid #e6e6e6; } .pane-mediacenter.mediacenter-downloads.content-downloads ul.media-list li.media-item > a { background: none; } .pane-mediacenter.mediacenter-downloads.content-downloads ul.media-list li.media-item > a .file-name { font-size: 13px; font-weight: 500; line-height: 17px; } .pane-mediacenter.mediacenter-downloads.content-downloads ul.media-list li.media-item > a:hover { background: #f2f2f2; } .pane-mediacenter.mediacenter-downloads.content-downloads .view-footer { margin: 5px 0 0 0; } .pane-ansprechpartner .pane-title { padding: 5px; margin: 0; background: #f2f2f2; font-size: 20px; line-height: 1.2; } .pane-ansprechpartner .view-ansprechpartner.view-display-id-block_1 .contact-item { width: 33.333333%; } .pane-ansprechpartner .view-ansprechpartner.view-display-id-block { background: #f2f2f2; } .pane-ansprechpartner .view-ansprechpartner.view-display-id-block .contact-item .contact-body, .pane-ansprechpartner .view-ansprechpartner.view-display-id-block .contact-item .contact-footer { padding: 4px 12px; } .pane-ansprechpartner .view-ansprechpartner .contact-list { list-style: none; padding: 0; margin: -8px; } .pane-ansprechpartner .view-ansprechpartner .contact-list:after { content: ""; display: table; clear: both; } .pane-ansprechpartner .view-ansprechpartner .contact-item { float: left; width: 100%; padding: 8px; } .pane-ansprechpartner .view-ansprechpartner .contact-item > img { float: left; margin: 0 8px 8px 0; } .pane-ansprechpartner .view-ansprechpartner .contact-item .contact-body .contact-title { font-weight: 500; } .pane-ansprechpartner .view-ansprechpartner .contact-item .contact-footer { float: left; width: 100%; } .pane-ansprechpartner .view-ansprechpartner .quotation-list { list-style: none; padding: 0; margin: 8px -8px; } .pane-ansprechpartner .view-ansprechpartner .quotation-list:after { content: ""; display: table; clear: both; } .pane-ansprechpartner .view-ansprechpartner .quotation-list .contact-item img { display: block; width: 100%; float: none; } .pane-ansprechpartner .view-ansprechpartner .quotation-list .quotation .quotation-text { font-family: Georgia, serif; font-style: italic; font-size: 15px; line-height: 18px; color: gray; } .pane-ansprechpartner .view-ansprechpartner .quotation-list .quotation .quotation-text:before { content: "\201E"; } .pane-ansprechpartner .view-ansprechpartner .quotation-list .quotation .quotation-text:after { content: "\201D"; } .pane-ansprechpartner .view-ansprechpartner .quotation-list .quotation .quotation-name { margin: 4px 0 0 0; color: #d81b28; font-size: 14px; font-weight: 500; } .pane-ansprechpartner .view-ansprechpartner .quotation-list .quotation .quotation-name:before { content: "\2014 \2009"; } .pane-news.news-highlights .pane-title, .pane-related-products.news-highlights .pane-title { padding: 5px; margin: 0; background: #f2f2f2; font-size: 20px; line-height: 1.2; } .pane-news.news-highlights .view-news, .pane-related-products.news-highlights .view-news { margin-top: 0; } .pane-news.news-highlights ul.news-list li.news-item, .pane-related-products.news-highlights ul.news-list li.news-item { margin-top: 0; padding-top: 0; border-top: 2px solid #e6e6e6; } .pane-news.news-highlights ul.news-list li.news-item > a, .pane-related-products.news-highlights ul.news-list li.news-item > a { -moz-transition: background 0.2s; -webkit-transition: background 0.2s; -o-transition: background 0.2s; -ms-transition: background 0.2s; transition: background 0.2s; display: block; font-size: 13px; padding: 10px 5px 5px 5px; color: #000; } .pane-news.news-highlights ul.news-list li.news-item > a:after, .pane-related-products.news-highlights ul.news-list li.news-item > a:after { content: ""; display: table; clear: both; } .pane-news.news-highlights ul.news-list li.news-item > a img, .pane-related-products.news-highlights ul.news-list li.news-item > a img { float: left; max-width: 33.3333%; margin: 0 10px 5px 0; } .pane-news.news-highlights ul.news-list li.news-item > a .title, .pane-related-products.news-highlights ul.news-list li.news-item > a .title { margin: 0 0 5px 33.3333%; padding-left: 10px; font-size: 13px; } .pane-news.news-highlights ul.news-list li.news-item > a .description *, .pane-related-products.news-highlights ul.news-list li.news-item > a .description * { margin: 0; } .pane-news.news-highlights ul.news-list li.news-item > a:hover, .pane-related-products.news-highlights ul.news-list li.news-item > a:hover { background: #f2f2f2; text-decoration: none; } .pane-news.expertise .view-related-products, .pane-related-products.expertise .view-related-products { margin-bottom: 20px; } .pane-news .view-related-products, .pane-related-products .view-related-products { width: 100%; float: none; margin-bottom: 20px; } .pane-news .view-related-products .tile-list ul li.views-row > a, .pane-related-products .view-related-products .tile-list ul li.views-row > a { background: #C2112B; color: white; height: 100px; } .pane-news .view-related-products .tile-list ul li.views-row > a:hover span.title, .pane-related-products .view-related-products .tile-list ul li.views-row > a:hover span.title { z-index: 0; opacity: 0.0; } .pane-news .view-related-products .tile-list ul li.views-row > a:hover span.title-hover, .pane-related-products .view-related-products .tile-list ul li.views-row > a:hover span.title-hover { z-index: 1; opacity: 1.0; } .pane-news .view-related-products .tile-list ul li.views-row > a span, .pane-related-products .view-related-products .tile-list ul li.views-row > a span { -moz-transition: opacity 0.2s; -webkit-transition: opacity 0.2s; -o-transition: opacity 0.2s; -ms-transition: opacity 0.2s; transition: opacity 0.2s; display: block; width: 168px; height: 80px; margin-top: -40px; margin-left: -82px; text-align: center; background: #C2112B; } .pane-news .view-related-products .tile-list ul li.views-row > a span.title, .pane-related-products .view-related-products .tile-list ul li.views-row > a span.title { top: 50%; left: 50%; bottom: auto; right: auto; padding: 6px 0; font-size: 19px; line-height: 22px; z-index: 1; opacity: 1.0; } .pane-news .view-related-products .tile-list ul li.views-row > a span.title-hover, .pane-related-products .view-related-products .tile-list ul li.views-row > a span.title-hover { top: 50%; left: 50%; bottom: auto; right: auto; padding: 24px 0; font-size: 32px; line-height: 32px; z-index: 0; opacity: 0.0; } .view-lead-management .view-header, .view-node-counter .view-header { text-align: left; font-size: 17px; background: #f2f2f2; padding: 5px 8px; margin: 5px 0 0 0 !important; color: gray; } .view-lead-management .view-footer, .view-node-counter .view-footer { text-align: left; font-size: 17px; background: #f2f2f2; padding: 5px 8px; margin: 0 0 50px 0 !important; color: gray; border-top: 2px solid #d81b28; } .view-lead-management .views-table, .view-node-counter .views-table { width: 100%; } .view-lead-management .views-table:first-child, .view-node-counter .views-table:first-child { margin-top: 0; } .view-lead-management .views-table thead, .view-node-counter .views-table thead { border-bottom: 2px solid #d81b28; background: #f2f2f2; } .view-lead-management .views-table thead th, .view-node-counter .views-table thead th { padding: 0 8px; } .view-lead-management .views-table caption, .view-node-counter .views-table caption { text-align: left; font-size: 21px; border-bottom: 2px solid #d81b28; background: #f2f2f2; padding: 0 8px; } .view-lead-management .views-table tr.odd, .view-node-counter .views-table tr.odd { background: white; } .view-lead-management .views-table tr.even, .view-node-counter .views-table tr.even { background: #f2f2f2; } .view-lead-management .views-table tr td, .view-node-counter .views-table tr td { padding: 5px 8px; } .view-lead-management .views-table tr td.views-field-created, .view-lead-management .views-table tr td.views-field-counter, .view-node-counter .views-table tr td.views-field-created, .view-node-counter .views-table tr td.views-field-counter { width: auto; font-weight: bold; white-space: nowrap; color: gray; } .view-lead-management .views-table tr td.views-field-edit-node, .view-lead-management .views-table tr td.views-field-filename, .view-lead-management .views-table tr td.views-field-type, .view-node-counter .views-table tr td.views-field-edit-node, .view-node-counter .views-table tr td.views-field-filename, .view-node-counter .views-table tr td.views-field-type { width: auto; white-space: nowrap; } .view-lead-management .views-table tr td.views-field-title, .view-node-counter .views-table tr td.views-field-title { width: 100%; } .view-display-id-block_expertise { float: right; width: 40%; } .view-display-id-block_expertise .tile-list ul > li.views-row { width: 100%; } .tile-list { margin: 0; box-sizing: border-box; } .tile-list > h3 { padding: 5px; margin: 15px 10px 10px 10px; border-bottom: 2px solid #e6e6e6; background: #fafafa; font-size: 20px; line-height: 1.2; text-align: center; } .tile-list ul { margin: 0; padding: 0; list-style: none; } .tile-list ul:after { content: ""; display: table; clear: both; } .tile-list ul > li.views-row { display: block; float: left; width: 20%; padding: 0; } .tile-list ul > li.views-row > a { display: block; position: relative; color: #000; font-size: 15px; overflow: hidden; } .tile-list ul > li.views-row > a:hover { color: white; } .tile-list ul > li.views-row > a:hover span.border { border-color: #d81b28; } .tile-list ul > li.views-row > a > h4 { position: absolute; top: 10px; left: 10px; right: 10px; margin: 0; padding: 10px; color: white; font-size: 32px; line-height: 1.25; max-width: 400px; } .tile-list ul > li.views-row > a span { -moz-transition: color 0.2s, border-color 0.2s; -webkit-transition: color 0.2s, border-color 0.2s; -o-transition: color 0.2s, border-color 0.2s; -ms-transition: color 0.2s, border-color 0.2s; transition: color 0.2s, border-color 0.2s; position: absolute; } .tile-list ul > li.views-row > a span.title { top: auto; left: 10px; right: 10px; bottom: 7px; height: 45px; padding: 0; font-size: 15px; line-height: 15px; overflow: hidden; } .tile-list ul > li.views-row > a span.border { top: 0; left: 0; right: 0; bottom: 0; border-style: solid; border-color: white; border-width: 10px 10px 60px 10px; } .pane-view-products-industries, .pane-standorte { margin: 10px -10px 0 -10px; } @media only screen and (max-width: 1200px) { .pane-ansprechpartner .view-ansprechpartner.view-display-id-block_1 .contact-item { width: 50%; } } @media only screen and (max-width: 992px) { body.page-views .view-view-products-industries .view-content { max-width: 900px; margin: 0 auto; } } @media only screen and (max-width: 960px) { .view-display-id-block_expertise { width: 50%; } .tile-list ul > li.views-row { width: 25%; } } @media only screen and (max-width: 920px) { .pane-ansprechpartner .view-ansprechpartner.view-display-id-block_1 .contact-item { width: 100%; } .pane-mediacenter ul.media-list li.media-item { float: none; width: 100%; } } @media only screen and (max-width: 768px) { body.page-views .view-header .field-name-field-image { margin-right: 33.3333%; } body.page-views .view-header .field-name-field-block-reference { width: 33.3333%; } .view-display-id-block_expertise { width: 33.3333%; } .tile-list ul > li.views-row { width: 33.3333%; } .tile-list ul > li.views-row a > h4 { font-size: 20px; max-width: 200px; } } @media only screen and (max-width: 640px) { .pane-ansprechpartner .view-ansprechpartner.view-display-id-block_1 .contact-item { width: 50%; } body.page-views .view-header .field-name-field-image, body.not-front .block-views .view-header .field-name-field-image { margin-right: 0; } body.page-views .view-header .field-name-field-block-reference, body.not-front .block-views .view-header .field-name-field-block-reference { position: relative; width: 100%; padding: 5px 0 0 0; } body.page-views .view-view-products-industries .view-content, body.not-front .block-views .view-view-products-industries .view-content { max-width: 600px; margin: 0 auto; } body .view-fairs ul.fair-list li.fair-item .fair-image { width: 25%; } body .view-fairs ul.fair-list li.fair-item .fair-content { margin-left: 25%; } body .view-news ul.news-list li.news-item a img, body .view-related-products ul.news-list li.news-item a img { float: none; max-width: 100%; } .view-display-id-block_expertise { width: 50%; } .tile-list ul > li.views-row { width: 50%; } .pane-mediacenter { margin: 0; } .pane-mediacenter.mediacenter-menu { margin-left: 0; padding: 18px 0 15px 0; } .pane-mediacenter.mediacenter-menu ul.media-list { margin: 0; } .pane-mediacenter.mediacenter-menu ul.media-list li.media-item { padding: 0 0 5px 0; } .pane-mediacenter.mediacenter-downloads { margin: 0 0 15px 0; } .pane-mediacenter.mediacenter-downloads ul.media-list li.media-item { width: 100%; padding: 0 0 5px 0; } .pane-menu-menu-mediacenter { float: none; width: 100%; } } @media only screen and (max-width: 480px) { .pane-ansprechpartner .view-ansprechpartner.view-display-id-block_1 .contact-item { width: 100%; } body.page-views .view-view-products-industries .view-content { max-width: 300px; margin: 0 auto; } .view-display-id-block_expertise { width: 100%; } .tile-list ul { max-width: 300px; margin: 0 auto; } .tile-list ul > li.views-row { width: 100%; } } body.ngdialog-open { overflow: hidden; } body.ngdialog-open #page { -moz-filter: grayscale(100%); -webkit-filter: grayscale(100%); -o-filter: grayscale(100%); -ms-filter: grayscale(100%); filter: grayscale(100%); } .ngdialog { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 1000; } .ngdialog > .ngdialog-overlay { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.5); z-index: 1; } .ngdialog > .ngdialog-content { position: absolute; top: 0; left: 0; right: 0; bottom: 0; overflow: auto; overflow-y: scroll; z-index: 100; } .ngdialog .modal-container { position: relative; max-width: 600px; width: 100%; margin: 100px auto; background: white; border: 2px solid #333333; border-radius: 4px; box-shadow: 4px 4px 24px -8px #000; overflow: hidden; z-index: 2; } .ngdialog .modal-container .modal-header { min-height: 0; background: #f2f2f2; } .ngdialog .modal-container .modal-header h2 { margin: 0; line-height: 1; } .ngdialog .modal-container .modal-overlay { position: absolute; top: 60px; left: 0; right: 0; bottom: 65px; background: rgba(255, 255, 255, 0.8); z-index: 10; } .ngdialog .modal-container .modal-overlay .modal-overlay-wrapper { position: absolute; top: 50%; left: 0; right: 0; margin: -50px 0 0 0; padding: 14px 0; } .ngdialog .modal-container .modal-overlay .modal-overlay-spinner { width: 224px; height: 23px; margin: 0 auto; background: url("../images/loading.gif"); border: 2px solid #d81b28; border-radius: 12px; } .ngdialog .modal-container .modal-overlay .modal-overlay-message { margin: 5px 0 0 0; color: #d81b28; font-size: 16px; font-weight: bold; text-align: center; } .ngdialog.lead-management-dialog .btn { outline: none; } .ngdialog.lead-management-dialog .btn.btn-primary { background-color: #d81b28; border-color: #d81b28; } .ngdialog.lead-management-dialog .btn.btn-primary:hover { background-color: #c11824; border-color: #c11824; } .ngdialog.lead-management-dialog .modal-header { padding: 7px; } .ngdialog.lead-management-dialog .modal-body { min-height: 160px; } .ngdialog.lead-management-dialog .modal-footer { position: relative; z-index: 20; } .ngdialog.lead-management-dialog .file-info { position: relative; display: block; padding: 5px; margin: 5px 0 0 0; color: #1a1a1a; font-size: 14px; line-height: 1; } .ngdialog.lead-management-dialog .file-info:first-child { margin: 0; } .ngdialog.lead-management-dialog .file-info .file-abbreviation { display: block; float: left; background-color: #d81b28; color: white; padding: 6px 2px 0 2px; margin-right: 5px; font-size: 11px; width: 30px; height: 28px; font-weight: 700; text-align: center; line-height: 1; box-sizing: content-box; } .ngdialog.lead-management-dialog .file-info .file-name { display: block; padding: 2px 0 0 0; font-size: 17px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .ngdialog.lead-management-dialog .file-info .file-data { display: block; padding: 2px 0 1px 0; margin: 0; font-size: 12px; } .ngdialog.lead-management-dialog .file-info .file-data span { margin-right: 5px; } .ngdialog.lead-management-dialog .file-info .file-data .file-date { display: none; color: #3b5a9a; font-weight: 500; } .ngdialog.lead-management-dialog .file-info .file-data .file-size { color: #b3b3b3; font-weight: 300; } .ngdialog.lead-management-dialog .file-info .file-icon { display: block; float: left; margin: 2px 4px 0 -2px; width: 32px; height: 32px; background-image: url("../images/file/file-extension-unknown-icon.png"); } .ngdialog.lead-management-dialog .file-info .file-icon.pdf { background-image: url("../images/file/file-extension-pdf-icon.png"); } .ngdialog.lead-management-dialog .file-info .file-icon.txt { background-image: url("../images/file/file-extension-txt-icon.png"); } .ngdialog.lead-management-dialog .file-info .file-icon.zip { background-image: url("../images/file/file-extension-zip-icon.png"); } .ngdialog.lead-management-dialog .file-info .file-icon.doc, .ngdialog.lead-management-dialog .file-info .file-icon.docx, .ngdialog.lead-management-dialog .file-info .file-icon.odt { background-image: url("../images/file/file-extension-doc-icon.png"); } .ngdialog.lead-management-dialog .file-info .file-icon.rtf { background-image: url("../images/file/file-extension-rtf-icon.png"); } .ngdialog.lead-management-dialog .file-info .file-icon.jpg { background-image: url("../images/file/file-extension-jpg-icon.png"); } .ngdialog.lead-management-dialog .file-info .file-icon.png { background-image: url("../images/file/file-extension-png-icon.png"); } .ngdialog.lead-management-dialog .file-info .file-icon.bmp { background-image: url("../images/file/file-extension-bmp-icon.png"); } .ngdialog.lead-management-dialog .file-info .file-icon.exe { background-image: url("../images/file/file-extension-exe-icon.png"); } .ngdialog.lead-management-dialog .file-info .file-icon.zip { background-image: url("../images/file/file-extension-zip-icon.png"); } .ngdialog.lead-management-dialog .file-info .file-icon.rar { background-image: url("../images/file/file-extension-rar-icon.png"); } .ngdialog.lead-management-dialog .file-info .file-icon.xls { background-image: url("../images/file/file-extension-xls-icon.png"); } .ngdialog.lead-management-dialog .contact-form { background: white; padding: 0; } .ngdialog.lead-management-dialog .form-section:after { content: ""; display: table; clear: both; } .ngdialog.lead-management-dialog .form-section.form-message { margin-bottom: 10px; border-bottom: 2px dashed #e6e6e6; } .ngdialog.lead-management-dialog .form-section.form-errors { list-style: disc; padding: 0 0 10px 20px; margin: 0 0 10px 0; border-bottom: 2px dashed #e6e6e6; color: #d9534f; } .ngdialog.lead-management-dialog .form-item.field-name-email { width: 50%; } .ngdialog.lead-management-dialog .form-item.field-name-company { width: 50%; } .ngdialog.lead-management-dialog .form-item.field-name-salutation { width: 20%; } .ngdialog.lead-management-dialog .form-item.field-name-firstname { width: 40%; } .ngdialog.lead-management-dialog .form-item.field-name-lastname { width: 40%; } .ngdialog.lead-management-dialog .form-item.has-error label { background: #d81b28; color: white; } .ngdialog.lead-management-dialog .form-item.has-error label .form-required { color: white; } .ngdialog.lead-management-dialog .form-item.has-error input { border-color: #d81b28; } /** * @file * Print styling * * We provide some sane print styling for Drupal using Zen's layout method. */ /** * By importing this CSS file as media "all", we allow this print file to be * aggregated with other stylesheets, for improved front-end performance. */ @media print { /* Underline all links. */ a:link, a:visited { text-decoration: underline !important; } /* Don't underline header. */ a:link.header__site-link, a:visited.header__site-link { text-decoration: none !important; } /* Add visible URL after links. */ #content a[href]:after { content: " (" attr(href) ")"; font-weight: normal; font-size: 16px; } /* Only display useful links. */ #content a[href^="javascript:"]:after, #content a[href^="#"]:after { content: ""; } /* Add visible title after abbreviations. */ #content abbr[title]:after { content: " (" attr(title) ")"; } /* Un-float the content. */ #content { float: none !important; width: 100% !important; margin: 0 !important; padding: 0 !important; } /* Turn off any background colors or images. */ body, #page, #main, #content { color: #000; background-color: transparent !important; background-image: none !important; } /* Hide sidebars and nav elements. */ #skip-link, #toolbar, #navigation, .region-sidebar-first, .region-sidebar-second, #footer, .breadcrumb, .tabs, .action-links, .links, .book-navigation, .forum-topic-navigation, .pager, .feed-icons { visibility: hidden; display: none; } } .ck-template .media-element { display: block; height: auto !important; } .ck-template.ck-template-layout { font-size: 15px; line-height: 1.5; font-weight: 400; } .ck-template.ck-template-layout > div { margin: 2em 0; } .ck-template.ck-template-layout .rteindent1 { padding-left: 100px; } .ck-template.ck-template-layout.ck-template-main-layout { margin: -2em 0 0 0; } .ck-template.ck-template-box-headline { background: #d81b28; border-radius: 2px; text-align: center; } .ck-template.ck-template-box-headline h3 { padding: 0.5em 1em; margin: 0; color: white; font-size: 30px; font-weight: 400; line-height: 1.25; text-transform: uppercase; } .ck-template.ck-template-box-headline h3 strong { font-size: 125%; font-weight: 400; } .ck-template.ck-template-image, .ck-template.ck-template-gallery { margin: 0 -1em -2em -1em; padding: 0 1em; } .ck-template.ck-template-image:after, .ck-template.ck-template-gallery:after { content: ""; display: table; clear: both; } .ck-template.ck-template-image > .image-left, .ck-template.ck-template-image > .image-right, .ck-template.ck-template-image > .gallery-left, .ck-template.ck-template-image > .gallery-right, .ck-template.ck-template-gallery > .image-left, .ck-template.ck-template-gallery > .image-right, .ck-template.ck-template-gallery > .gallery-left, .ck-template.ck-template-gallery > .gallery-right { position: relative; max-width: 50%; width: 400px; min-height: 100px; } .ck-template.ck-template-image > .image-left.images-loaded .loading-overlay, .ck-template.ck-template-image > .image-right.images-loaded .loading-overlay, .ck-template.ck-template-image > .gallery-left.images-loaded .loading-overlay, .ck-template.ck-template-image > .gallery-right.images-loaded .loading-overlay, .ck-template.ck-template-gallery > .image-left.images-loaded .loading-overlay, .ck-template.ck-template-gallery > .image-right.images-loaded .loading-overlay, .ck-template.ck-template-gallery > .gallery-left.images-loaded .loading-overlay, .ck-template.ck-template-gallery > .gallery-right.images-loaded .loading-overlay { display: none; } .ck-template.ck-template-image > .gallery, .ck-template.ck-template-gallery > .gallery { position: relative; width: 100%; min-height: 100px; } .ck-template.ck-template-image > .ck-template-layout, .ck-template.ck-template-gallery > .ck-template-layout { margin: 0 0 2em 0; } .ck-template.ck-template-image > .image-left img, .ck-template.ck-template-image > .image-right img, .ck-template.ck-template-gallery > .image-left img, .ck-template.ck-template-gallery > .image-right img { width: 100%; } .ck-template.ck-template-image .image-left, .ck-template.ck-template-image .gallery-left, .ck-template.ck-template-gallery .image-left, .ck-template.ck-template-gallery .gallery-left { float: left; margin: 0 2em 2em 0; } .ck-template.ck-template-image .image-right, .ck-template.ck-template-image .gallery-right, .ck-template.ck-template-gallery .image-right, .ck-template.ck-template-gallery .gallery-right { float: right; margin: 0 0 2em 2em; } .ck-template.ck-template-header { margin: 0 0 3em 0; } .ck-template.ck-template-header .sub-title { margin: 0; padding: 0 0 0 100px; color: #4d4d4d; font-weight: 400; line-height: 1.25; } .ck-template.ck-template-header .sub-title .first-line { display: block; } .ck-template.ck-template-header .sub-title .first-line:after { display: inline; content: " - "; } .ck-template.ck-template-header .sub-title .second-line { display: block; padding-left: 100px; } .ck-template.ck-template-header .title { margin: 10px 0 0 0; color: #d81b28; font-size: 40px; font-weight: 400; line-height: 1.25; text-transform: uppercase; word-break: break-word; } .ck-template.ck-template-sub-header { margin: 0; } .ck-template.ck-template-sub-header .title { margin: 0 0 -1em 0; color: #d81b28; font-size: 24px; font-weight: 400; line-height: 1.25; word-break: break-word; } .ck-template.ck-template-link-list { margin: 0 -1em; padding: 0 1em; } .ck-template.ck-template-link-list h4 { margin: 0; line-height: 1.25; font-weight: 500; } .ck-template.ck-template-link-list ul { list-style: none; margin: 0.5em 0 0 0; padding: 0; } .ck-template.ck-template-link-list ul li { margin: 0.5em 0; text-transform: uppercase; font-weight: 700; word-break: break-word; letter-spacing: 1px; } .ck-template.ck-template-link-list ul li a { position: relative; margin: 0 0 0 32px; color: #d81b28; font-weight: inherit; } .ck-template.ck-template-link-list ul li a:hover { text-decoration: none; color: #ab1520; } .ck-template.ck-template-link-list ul li a:hover:before { margin: 0 6px 0 0; } .ck-template.ck-template-link-list ul li a:before { -moz-transition: margin 0.2s; -webkit-transition: margin 0.2s; -o-transition: margin 0.2s; -ms-transition: margin 0.2s; transition: margin 0.2s; font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: absolute; top: 0; right: 100%; width: 24px; content: "\edb9\edb9"; display: inline; margin: 0 12px 0 0; font-size: 85%; color: #d81b28; letter-spacing: -8px; text-align: center; } .ck-template.ck-template-text-list { margin: 0 -1em; padding: 0 1em; } .ck-template.ck-template-text-list h4 { margin: 0; line-height: 1.25; font-weight: 500; } .ck-template.ck-template-text-list ul { list-style: none; margin: 0.5em 0 0 0; padding: 0; } .ck-template.ck-template-text-list ul li { position: relative; margin: 0 0 0 32px; word-break: break-word; } .ck-template.ck-template-text-list ul li:before { -moz-transition: margin 0.2s; -webkit-transition: margin 0.2s; -o-transition: margin 0.2s; -ms-transition: margin 0.2s; transition: margin 0.2s; font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; width: 24px; content: "\2022"; display: inline-block; margin: -8px 0 0 -24px; font-size: 150%; line-height: 0; color: #d81b28; text-align: center; vertical-align: middle; } .ck-template.ck-template-contact-v1 { text-align: center; } .ck-template.ck-template-contact-v1 a.contact-link { display: inline-block; padding: 0.5em 1em; margin: 0; color: white; font-size: 26px; font-weight: 400; line-height: 1.25; text-transform: uppercase; text-decoration: none; background: #d81b28; border-radius: 2px; } .ck-template.ck-template-contact-v1 a.contact-link strong { font-size: 125%; font-weight: 400; } .ck-template.ck-template-contact-v1 a.contact-link:hover { text-decoration: none; background: #c11824; } .ck-template.ck-template-two-columns { margin: 0 -1em; } .ck-template.ck-template-two-columns:after { content: ""; display: table; clear: both; } .ck-template.ck-template-two-columns > .ck-template-layout { float: left; margin: -2em 0; box-sizing: border-box; } .ck-template.ck-template-two-columns .ck-template-column-50 { width: 50%; padding: 0 1em; } .ck-template.ck-template-two-columns .ck-template-column-33 { width: 33.333333%; padding: 0 1em; } .ck-template.ck-template-two-columns .ck-template-column-66 { width: 66.666666%; padding: 0 1em; } .ck-template.ck-template-two-columns .ck-template-column-25 { width: 25%; padding: 0 1em; } .ck-template.ck-template-highlights { padding: 1.5em 2em 3em 2em; margin: 0 0 -2em 0; background: #cccccc; text-shadow: 0 0 1px white, 0 0 1px white, 0 0 1px white; } .ck-template.ck-template-highlights h4 { margin: 0; line-height: 1.25; font-weight: 500; } .ck-template.ck-template-highlights ul { list-style: none; margin: 0.5em 0 0 0; padding: 0; } .ck-template.ck-template-highlights ul li { padding: 0.5em 0; text-transform: uppercase; font-weight: 700; word-break: break-word; } .ck-template.ck-template-highlights ul li:before { content: "++"; display: inline; color: #d81b28; margin: 0 10px 0 0; letter-spacing: 1px; } .ck-template.ck-template-highlights ul li a { color: #d81b28; font-weight: inherit; } .ck-template.ck-template-highlights ul li a:hover { color: #ab1520; } .ck-template.ck-template-sbb-slogan { position: relative; width: 100%; padding: 0 0 20% 0; } .ck-template.ck-template-sbb-slogan .slogan-image { position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: url("../images/the_culture_of_swimming_pools.png"); background-size: cover; background-repeat: no-repeat; background-position: center; } @media only screen and (max-width: 768px) { .ck-template.ck-template-layout .rteindent1 { padding-left: 0; } } @media only screen and (max-width: 640px) { .ck-template.ck-template-gallery .gallery-left, .ck-template.ck-template-gallery .gallery-right { max-width: 100%; width: 100%; height: auto; } .ck-template.ck-template-two-columns > .ck-template-layout { margin: 0 0; float: none; } .ck-template.ck-template-two-columns .ck-template-column-33, .ck-template.ck-template-two-columns .ck-template-column-50, .ck-template.ck-template-two-columns .ck-template-column-66 { width: 100%; } .ck-template.ck-template-highlights { margin: 0 0 -4em 0; } .ck-template.ck-template-sub-header .sub-title, .ck-template.ck-template-header .sub-title { padding: 0; } .ck-template.ck-template-sub-header .sub-title .second-line, .ck-template.ck-template-header .sub-title .second-line { padding-left: 0; } } @media only screen and (max-width: 480px) { .ck-template.ck-template-box-headline h3 { font-size: 24px; } .ck-template.ck-template-contact-v1 a.contact-link { font-size: 20px; } } @media only screen and (max-width: 1134px) { .breadcrumb { margin: 15px 0 0 0; } #content, #footer .region-inner-footer { margin: 0 10px; } } @media only screen and (max-width: 1050px) { #header-aside .region-header-aside { padding: 8px 10px; } } @media only screen and (max-width: 768px) { .view-header .view-header-wrapper .field-name-field-image { margin-right: 33.3333%; } .view-header .view-header-wrapper .field-name-field-block-reference { width: 33.3333%; } #main-content.first-sidebar, #main-content.second-sidebar { width: 66.6667%; } #main-content.first-sidebar.second-sidebar { width: 33.3333%; } aside.sidebar { width: 33.3333%; } } @media only screen and (max-width: 640px) { .view-header .view-header-wrapper .field-name-field-image { margin-right: 0; } .view-header .view-header-wrapper .field-name-field-block-reference { position: relative; width: 100%; padding: 5px 0 0 0; } #main-content.first-sidebar, #main-content.second-sidebar, #main-content.first-sidebar.second-sidebar { float: none; width: 100%; } #main-content #page-title .sub-title { padding: 0; } #main-content #page-title .sub-title .second-line { padding-left: 0; } #main { padding-top: 0 !important; } aside.sidebar { float: none; width: 100%; } aside.sidebar.first-sidebar .region { margin: 0; } aside.sidebar.second-sidebar .region { margin: 0; } #footer > .region-inner-footer > .block { width: 100%; border: none; padding: 0; text-align: center; } #footer .block.footer-content-contact > ul.contact-info > li > span:first-child { min-width: unset; display: inline; float: none; } } /*# sourceMappingURL=steuler-kch.css.map */ /* Cookie-notice styling */ #sliding-popup { padding: 20px 0px; } #sliding-popup .popup-content { text-align: center; } #sliding-popup .popup-content #popup-buttons { max-width: 100%; float: none; } #sliding-popup .eu-cookie-compliance-secondary-button { background: #d81b28; margin-top: 2.0625em; padding: 5px 10px; } #sliding-popup .popup-content #popup-text { float: none; max-width: 100%; } .decline-button { display: none; } /* .pane-block-3 a.contact-link { -moz-transition: color 0.2s; -webkit-transition: color 0.2s; -o-transition: color 0.2s; -ms-transition: color 0.2s; transition: color 0.2s; display: block; float: right; margin: 15px; color: gray; overflow: hidden; border: 0 none; background: transparent; float: right; position: static; display: none; } .pane-block-3 a.contact-link .contact-link-inner .icon-envelope { position: static; top: auto; left: auto; margin: 0; } */ a.social-button.linkedin { font-size: 100%; background-color: #0077b5; border-color: #0077b5; } a.social-button.linkedin:hover { border-color: white; } a.social-button.linkedin svg { background-color: white; } .social-buttons.sharing-feature a, .social-buttons.sharing-feature a:link, .social-buttons.sharing-feature a:visited, .social-buttons.sharing-feature a:focus, .social-buttons.sharing-feature a:hover, .social-buttons.sharing-feature a:active { color: white; } .social-buttons.sharing-feature i { position: relative; top: 2px; } .social-buttons.sharing-feature .facebook-sharing { padding-top: 8px; } .social-buttons.sharing-feature .facebook-sharing span { padding: 4px; } .social-buttons.sharing-feature .facebook-sharing span a { background-color: rgb(66, 103, 178); border-radius: 4px; padding: 2px 6px 2px 8px; } .social-buttons.sharing-feature .facebook-sharing span a, .social-buttons.sharing-feature .facebook-sharing span a:link, .social-buttons.sharing-feature .facebook-sharing span a:visited, .social-buttons.sharing-feature .facebook-sharing span a:focus .social-buttons.sharing-feature .facebook-sharing span a:hover, .social-buttons.sharing-feature .facebook-sharing span a:active { text-decoration: none; } #footer .block.footer-menu-logo .social-buttons.sharing-feature { display: none; } .icon-mail.dark { padding: 0 4px 0 0; transition: border 0.1s ease-in; } .social-buttons.sharing-feature .facebook-sharing span { padding: 1px; } .social-buttons.sharing-feature .facebook-sharing span i { padding: 0px 1px 0px 0px; } /*.icon-mail.dark:hover { border: 1.5px solid white; }*/ .mail-sharing a { text-decoration: none; background-color: rgba(0, 0, 0, 0.5); padding: 4px 6px; border-radius: 4px; }