@charset "UTF-8"; /* moved by compressor */ /* default styles for extension "tx_cssstyledcontent" */ /* Headers */ .csc-header-alignment-center { text-align: center; } .csc-header-alignment-right { text-align: right; } .csc-header-alignment-left { text-align: left; } div.csc-textpic-responsive, div.csc-textpic-responsive * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } /* Clear floats after csc-textpic and after csc-textpic-imagerow */ div.csc-textpic, div.csc-textpic div.csc-textpic-imagerow, ul.csc-uploads li { overflow: hidden; } /* Set padding for tables */ div.csc-textpic .csc-textpic-imagewrap table { border-collapse: collapse; border-spacing: 0; } div.csc-textpic .csc-textpic-imagewrap table tr td { padding: 0; vertical-align: top; } /* Settings for figure and figcaption (HTML5) */ div.csc-textpic .csc-textpic-imagewrap figure, div.csc-textpic figure.csc-textpic-imagewrap { margin: 0; display: table; } /* Captions */ figcaption.csc-textpic-caption { display: table-caption; } .csc-textpic-caption { text-align: left; caption-side: bottom; } div.csc-textpic-caption-c .csc-textpic-caption, .csc-textpic-imagewrap .csc-textpic-caption-c { text-align: center; } div.csc-textpic-caption-r .csc-textpic-caption, .csc-textpic-imagewrap .csc-textpic-caption-r { text-align: right; } div.csc-textpic-caption-l .csc-textpic-caption, .csc-textpic-imagewrap .csc-textpic-caption-l { text-align: left; } /* Float the columns */ div.csc-textpic div.csc-textpic-imagecolumn { float: left; } /* Border just around the image */ div.csc-textpic-border div.csc-textpic-imagewrap img { border: 0px solid #000000; padding: 0px 0px; } div.csc-textpic .csc-textpic-imagewrap img { border: none; display: block; } /* Space below each image (also in-between rows) */ div.csc-textpic .csc-textpic-imagewrap .csc-textpic-image { margin-bottom: 0px; } div.csc-textpic .csc-textpic-imagewrap .csc-textpic-imagerow-last .csc-textpic-image { margin-bottom: 0; } /* colSpace around image columns, except for last column */ div.csc-textpic-imagecolumn, td.csc-textpic-imagecolumn .csc-textpic-image { margin-right: 0px; } div.csc-textpic-imagecolumn.csc-textpic-lastcol, td.csc-textpic-imagecolumn.csc-textpic-lastcol .csc-textpic-image { margin-right: 0; } /* Add margin from image-block to text (in case of "Text & Images") */ div.csc-textpic-intext-left .csc-textpic-imagewrap, div.csc-textpic-intext-left-nowrap .csc-textpic-imagewrap { margin-right: 0px; } div.csc-textpic-intext-right .csc-textpic-imagewrap, div.csc-textpic-intext-right-nowrap .csc-textpic-imagewrap { margin-left: 0px; } /* Positioning of images: */ /* Center (above or below) */ div.csc-textpic-center .csc-textpic-imagewrap, div.csc-textpic-center figure.csc-textpic-imagewrap { overflow: hidden; } div.csc-textpic-center .csc-textpic-center-outer { position: relative; float: right; right: 50%; } div.csc-textpic-center .csc-textpic-center-inner { position: relative; float: right; right: -50%; } /* Right (above or below) */ div.csc-textpic-right .csc-textpic-imagewrap { float: right; } div.csc-textpic-right div.csc-textpic-text { clear: right; } /* Left (above or below) */ div.csc-textpic-left .csc-textpic-imagewrap { float: left; } div.csc-textpic-left div.csc-textpic-text { clear: left; } /* Left (in text) */ div.csc-textpic-intext-left .csc-textpic-imagewrap { float: left; } /* Right (in text) */ div.csc-textpic-intext-right .csc-textpic-imagewrap { float: right; } /* Right (in text, no wrap around) */ div.csc-textpic-intext-right-nowrap .csc-textpic-imagewrap { float: right; } /* Left (in text, no wrap around) */ div.csc-textpic-intext-left-nowrap .csc-textpic-imagewrap { float: left; } div.csc-textpic div.csc-textpic-imagerow-last, div.csc-textpic div.csc-textpic-imagerow-none div.csc-textpic-last { margin-bottom: 0; } /* Browser fixes: */ /* Fix for unordered and ordered list with image "In text, left" */ .csc-textpic-intext-left ol, .csc-textpic-intext-left ul { padding-left: 40px; overflow: auto; } /* Textmedia */ .csc-textmedia, .csc-textmedia-gallery { overflow: hidden; } .csc-textmedia-gallery-column { float: left; } .csc-textmedia-gallery-column { margin-right: 10px; } .csc-textmedia-gallery-column:last-child { margin-right: 0; } .csc-textmedia-gallery-row { overflow: hidden; margin-bottom: 10px; } .csc-textmedia-gallery-row:last-child { margin-bottom: 0; } .csc-textmedia-above .csc-textmedia-gallery { margin-bottom: 10px; } .csc-textmedia-above-right .csc-textmedia-gallery { float: right; } .csc-textmedia-above-left .csc-textmedia-gallery { float: left; } .csc-textmedia-above .csc-textmedia-text { clear: both; } .csc-textmedia-above-center .csc-textmedia-gallery-outer, .csc-textmedia-below-center .csc-textmedia-gallery-outer { position: relative; float: right; right: 50%; } .csc-textmedia-above-center .csc-textmedia-gallery-inner, .csc-textmedia-below-center .csc-textmedia-gallery-inner { position: relative; float: right; right: -50%; } .csc-textmedia-below .csc-textmedia-gallery { margin-top: 10px; } .csc-textmedia-below-right .csc-textmedia-gallery { float: right; } .csc-textmedia-below-left .csc-textmedia-gallery { float: left; } .csc-textmedia-inside-right .csc-textmedia-gallery { float: right; margin-left: 10px; } .csc-textmedia-inside-left .csc-textmedia-gallery { float: left; margin-right: 10px; } .csc-textmedia-beside-right .csc-textmedia-gallery { float: right; margin-left: 10px; } .csc-textmedia-beside-right .csc-textmedia-text { overflow: hidden; } .csc-textmedia-beside-left .csc-textmedia-gallery { float: left; margin-right: 10px; } .csc-textmedia-beside-left .csc-textmedia-text { overflow: hidden; } /* Uploads */ .ce-uploads { margin: 0; padding: 0; } .ce-uploads li { list-style: none outside none; margin: 1em 0; } .ce-uploads img { float: left; margin-right: 1em; vertical-align: top; } .ce-uploads span { display: block; } /* Table */ .contenttable { width: 100%; max-width: 100%; } .contenttable th, .contenttable td { padding: 0.5em 0.75em; vertical-align: top; } .contenttable thead th { font-weight: bold; border-bottom: 2px solid #dadada; } .contenttable th, .contenttable td { border-top: 1px solid #dadada; } .contenttable-striped tbody tr:nth-of-type(odd) { background-color: rgba(0,0,0,.05); } .contenttable-bordered th, .contenttable-bordered td { border: 1px solid #dadada; } /* Space */ .csc-space-before-extra-small { margin-top: 1em; } .csc-space-before-small { margin-top: 2em; } .csc-space-before-medium { margin-top: 3em; } .csc-space-before-large { margin-top: 4em; } .csc-space-before-extra-large { margin-top: 5em; } .csc-space-after-extra-small { margin-bottom: 1em; } .csc-space-after-small { margin-bottom: 2em; } .csc-space-after-medium { margin-bottom: 3em; } .csc-space-after-large { margin-bottom: 4em; } .csc-space-after-extra-large { margin-bottom: 5em; } /* Frame */ .csc-frame-ruler-before:before { content: ''; display: block; border-top: 1px solid rgba(0,0,0,0.25); margin-bottom: 2em; } .csc-frame-ruler-after:after { content: ''; display: block; border-bottom: 1px solid rgba(0,0,0,0.25); margin-top: 2em; } .csc-frame-indent { margin-left: 15%; margin-right: 15%; } .csc-frame-indent-left { margin-left: 33%; } .csc-frame-indent-right { margin-right: 33%; } /* default styles for extension "tx_vbformgenerator" */ textarea.f3-form-error { background-color:#FF9F9F; border: 1px #FF0000 solid; } input.f3-form-error { background-color:red; border: 1px #FF0000 solid; } .tx-vb-formgenerator table { border-collapse:separate; border-spacing:10px; } .tx-vb-formgenerator table th { font-weight:bold; } .tx-vb-formgenerator table td { vertical-align:top; background-color:red; } .typo3-messages .message-error { color:red; } .typo3-messages .message-ok { color:green; } /* ========================================================================== Normalize.scss settings ========================================================================== */ /** Includes legacy browser support IE6/7 Set to false if you want to drop support for IE6 and IE7 */ /* Base ========================================================================== */ /** 1. Set default font family to sans-serif. 2. Prevent iOS and IE text size adjust after device orientation change, without disabling user zoom. 3. Corrects text resizing oddly in IE 6/7 when body `font-size` is set using `em` units. */ html { font-family: sans-serif; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ } /** Remove default margin. */ body { margin: 0; } /* HTML5 display definitions ========================================================================== */ /** Correct `block` display not defined for any HTML5 element in IE 8/9. Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox. Correct `block` display not defined for `main` in IE 11. */ article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; } /** 1. Correct `inline-block` display not defined in IE 6/7/8/9 and Firefox 3. 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. */ audio, canvas, progress, video { display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */ } /** Prevents modern browsers from displaying `audio` without controls. Remove excess height in iOS 5 devices. */ audio:not([controls]) { display: none; height: 0; } /** Address `[hidden]` styling not present in IE 8/9/10. Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22. */ [hidden], template { display: none; } /* Links ========================================================================== */ /** Remove the gray background color from active links in IE 10. */ a { background-color: transparent; } /** Improve readability of focused elements when they are also in an active/hover state. */ a:active, a:hover { outline: 0; } /* Text-level semantics ========================================================================== */ /** Address styling not present in IE 8/9/10/11, Safari, and Chrome. */ abbr[title] { border-bottom: 1px dotted; } /** Address style set to `bolder` in Firefox 4+, Safari, and Chrome. */ b, strong { font-weight: bold; } /** Address styling not present in Safari and Chrome. */ dfn { font-style: italic; } /** Address variable `h1` font-size and margin within `section` and `article` contexts in Firefox 4+, Safari, and Chrome. */ h1 { font-size: 2em; margin: 0.67em 0; } /** Addresses styling not present in IE 8/9. */ mark { background: #ff0; color: #000; } /** Address inconsistent and variable font size in all browsers. */ small { font-size: 80%; } /** Prevent `sub` and `sup` affecting `line-height` in all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } /* Embedded content ========================================================================== */ /** 1. Remove border when inside `a` element in IE 8/9/10. 2. Improves image quality when scaled in IE 7. */ img { border: 0; } /** Correct overflow not hidden in IE 9/10/11. */ svg:not(:root) { overflow: hidden; } /* Grouping content ========================================================================== */ /** Address margin not present in IE 8/9 and Safari. */ figure { margin: 1em 40px; } /** Address differences between Firefox and other browsers. */ hr { box-sizing: content-box; height: 0; } /** Contain overflow in all browsers. */ pre { overflow: auto; } /** Address odd `em`-unit font size rendering in all browsers. Correct font family set oddly in IE 6, Safari 4/5, and Chrome. */ code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; } /* Forms ========================================================================== */ /** Known limitation: by default, Chrome and Safari on OS X allow very limited styling of `select`, unless a `border` property is set. */ /** 1. Correct color not being inherited. Known issue: affects color of disabled elements. 2. Correct font properties not being inherited. 3. Address margins set differently in Firefox 4+, Safari, and Chrome. 4. Improves appearance and consistency in all browsers. */ button, input, optgroup, select, textarea { color: inherit; /* 1 */ font: inherit; /* 2 */ margin: 0; /* 3 */ } /** Address `overflow` set to `hidden` in IE 8/9/10/11. */ button { overflow: visible; } /** Address inconsistent `text-transform` inheritance for `button` and `select`. All other form control elements do not inherit `text-transform` values. Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera. Correct `select` style inheritance in Firefox. */ button, select { text-transform: none; } /** 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` and `video` controls. 2. Correct inability to style clickable `input` types in iOS. 3. Improve usability and consistency of cursor style between image-type `input` and others. 4. Removes 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 */ } /** Re-set default cursor for disabled elements. */ button[disabled], html input[disabled] { cursor: default; } /** Remove inner padding and border in Firefox 4+. */ button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } /** Address Firefox 4+ setting `line-height` on `input` using `!important` in the UA stylesheet. */ input { line-height: normal; } /** 1. Address box sizing set to `content-box` in IE 8/9/10. 2. Remove excess padding in IE 8/9/10. Known issue: excess padding remains in IE 6. */ input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** Fix the cursor style for Chrome's increment/decrement buttons. For certain `font-size` values of the `input`, it causes the cursor style of the decrement button to change from `default` to `text`. */ input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; } /** 1. Address `appearance` set to `searchfield` in Safari and Chrome. 2. Address `box-sizing` set to `border-box` in Safari and Chrome. */ input[type="search"] { -webkit-appearance: textfield; /* 1 */ box-sizing: content-box; /* 2 */ } /** Remove inner padding and search cancel button in Safari and Chrome on OS X. Safari (but not Chrome) clips the cancel button when the search input has padding (and `textfield` appearance). */ input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /** Define consistent border, margin, and padding. */ fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } /** 1. Correct `color` not being inherited in IE 8/9/10/11. 2. Remove padding so people aren't caught out if they zero out fieldsets. 3. Corrects text not wrapping in Firefox 3. 4. Corrects alignment displayed oddly in IE 6/7. */ legend { border: 0; /* 1 */ padding: 0; /* 2 */ } /** Remove default vertical scrollbar in IE 8/9/10/11. */ textarea { overflow: auto; } /** Don't inherit the `font-weight` (applied by a rule above). NOTE: the default cannot safely be changed in Chrome and Safari on OS X. */ optgroup { font-weight: bold; } /* Tables ========================================================================== */ /** Remove most spacing between table cells. */ table { border-collapse: collapse; border-spacing: 0; } td, th { padding: 0; } h1, .headline-layout-h1_25_blue, .headline-layout-h2_25_blue, .headline-layout-h2_25_dark_italic_stroke, .headline-layout-h2_25_dark_italic, .headline-layout-h1_25_dark_stroke, .headline-layout-h2_25_dark_stroke, .headline-layout-div_25_dark_stroke, .headline-layout-h1_25_dark, .headline-layout-h2_25_dark, .headline-layout-div_25_dark, .headline-layout-h1_25_dark_up_stroke, .headline-layout-div_25_dark_up_stroke, .headline-layout-h1_25_dark_up, .headline-layout-div_25_dark_up, .headline-layout-h1_25_blue_up, .headline-layout-h2_25_grey_stroke, .headline-layout-h3_25_grey_stroke, .headline-layout-h4_25_grey_stroke, .headline-layout-h2_25_grey_up_stroke, .headline-layout-h3_25_grey_up_stroke, .headline-layout-h4_25_grey_up_stroke, .headline-layout-h2_25_grey_up, .headline-layout-h3_25_grey_up, .headline-layout-h4_25_grey_up, .headline-layout-h2_25_grey_italic_stroke, .headline-layout-h3_25_grey_italic_stroke, .headline-layout-h4_25_grey_italic_stroke, .headline-layout-h2_25_grey_italic, .headline-layout-h3_25_grey_italic, .headline-layout-h4_25_grey_italic, .headline-layout-h2_25_grey, .headline-layout-h3_25_grey, .headline-layout-h4_25_grey, .headline-layout-h2_21_dark_italic_stroke, .headline-layout-h3_21_dark_italic_stroke, .headline-layout-h4_21_dark_italic_stroke, .headline-layout-div_21_dark_italic_stroke, .headline-layout-h2_21_dark_italic, .headline-layout-h3_21_dark_italic, .headline-layout-h4_21_dark_italic, .headline-layout-div_21_dark_italic, .headline-layout-h2_21_blue_italic, .headline-layout-h3_21_blue_italic, .headline-layout-h4_21_blue_italic, h2, h3, h4, h5, h6, .headline-layout-h2_21_blue, .headline-layout-h3_21_blue, .headline-layout-h4_21_blue, .headline-layout-h1_21_dark_stroke, .headline-layout-h2_21_dark_stroke, .headline-layout-h3_21_dark_stroke, .headline-layout-h4_21_dark_stroke, .headline-layout-div_21_dark_stroke, .headline-layout-h1_21_dark, .headline-layout-h2_21_dark, .headline-layout-h3_21_dark, .headline-layout-h4_21_dark, .headline-layout-div_21_dark, .headline-layout-h2_21_dark_up_stroke, .headline-layout-h3_21_dark_up_stroke, .headline-layout-h4_21_dark_up_stroke, .headline-layout-div_21_dark_up_stroke, .headline-layout-h2_21_dark_up, .headline-layout-h3_21_dark_up, .headline-layout-h4_21_dark_up, .headline-layout-div_21_dark_up, .headline-layout-h2_21_grey_stroke, .headline-layout-h3_21_grey_stroke, .headline-layout-h4_21_grey_stroke, .headline-layout-h2_21_grey_up_stroke, .headline-layout-h3_21_grey_up_stroke, .headline-layout-h4_21_grey_up_stroke, .headline-layout-h2_21_grey_up, .headline-layout-h3_21_grey_up, .headline-layout-h4_21_grey_up, .headline-layout-h2_21_grey_italic_stroke, .headline-layout-h3_21_grey_italic_stroke, .headline-layout-h4_21_grey_italic_stroke, .headline-layout-h2_21_grey_italic, .headline-layout-h3_21_grey_italic, .headline-layout-h4_21_grey_italic, .headline-layout-h2_21_grey, .headline-layout-h3_21_grey, .headline-layout-h4_21_grey { font-family: VilleroyAndBoch, Times, serif; font-weight: normal; line-height: 1.3; } h1, .headline-layout-h1_25_blue, .headline-layout-h2_25_blue, .headline-layout-h2_25_dark_italic_stroke, .headline-layout-h2_25_dark_italic, .headline-layout-h1_25_dark_stroke, .headline-layout-h2_25_dark_stroke, .headline-layout-div_25_dark_stroke, .headline-layout-h1_25_dark, .headline-layout-h2_25_dark, .headline-layout-div_25_dark, .headline-layout-h1_25_dark_up_stroke, .headline-layout-div_25_dark_up_stroke, .headline-layout-h1_25_dark_up, .headline-layout-div_25_dark_up, .headline-layout-h1_25_blue_up, .headline-layout-h2_25_grey_stroke, .headline-layout-h3_25_grey_stroke, .headline-layout-h4_25_grey_stroke, .headline-layout-h2_25_grey_up_stroke, .headline-layout-h3_25_grey_up_stroke, .headline-layout-h4_25_grey_up_stroke, .headline-layout-h2_25_grey_up, .headline-layout-h3_25_grey_up, .headline-layout-h4_25_grey_up, .headline-layout-h2_25_grey_italic_stroke, .headline-layout-h3_25_grey_italic_stroke, .headline-layout-h4_25_grey_italic_stroke, .headline-layout-h2_25_grey_italic, .headline-layout-h3_25_grey_italic, .headline-layout-h4_25_grey_italic, .headline-layout-h2_25_grey, .headline-layout-h3_25_grey, .headline-layout-h4_25_grey { font-size: 25px; } .headline-layout-h2_21_dark_italic_stroke, .headline-layout-h3_21_dark_italic_stroke, .headline-layout-h4_21_dark_italic_stroke, .headline-layout-div_21_dark_italic_stroke, .headline-layout-h2_21_dark_italic, .headline-layout-h3_21_dark_italic, .headline-layout-h4_21_dark_italic, .headline-layout-div_21_dark_italic, .headline-layout-h2_21_blue_italic, .headline-layout-h3_21_blue_italic, .headline-layout-h4_21_blue_italic, h2, h3, h4, h5, h6, .headline-layout-h2_21_blue, .headline-layout-h3_21_blue, .headline-layout-h4_21_blue, .headline-layout-h1_21_dark_stroke, .headline-layout-h2_21_dark_stroke, .headline-layout-h3_21_dark_stroke, .headline-layout-h4_21_dark_stroke, .headline-layout-div_21_dark_stroke, .headline-layout-h1_21_dark, .headline-layout-h2_21_dark, .headline-layout-h3_21_dark, .headline-layout-h4_21_dark, .headline-layout-div_21_dark, .headline-layout-h2_21_dark_up_stroke, .headline-layout-h3_21_dark_up_stroke, .headline-layout-h4_21_dark_up_stroke, .headline-layout-div_21_dark_up_stroke, .headline-layout-h2_21_dark_up, .headline-layout-h3_21_dark_up, .headline-layout-h4_21_dark_up, .headline-layout-div_21_dark_up, .headline-layout-h2_21_grey_stroke, .headline-layout-h3_21_grey_stroke, .headline-layout-h4_21_grey_stroke, .headline-layout-h2_21_grey_up_stroke, .headline-layout-h3_21_grey_up_stroke, .headline-layout-h4_21_grey_up_stroke, .headline-layout-h2_21_grey_up, .headline-layout-h3_21_grey_up, .headline-layout-h4_21_grey_up, .headline-layout-h2_21_grey_italic_stroke, .headline-layout-h3_21_grey_italic_stroke, .headline-layout-h4_21_grey_italic_stroke, .headline-layout-h2_21_grey_italic, .headline-layout-h3_21_grey_italic, .headline-layout-h4_21_grey_italic, .headline-layout-h2_21_grey, .headline-layout-h3_21_grey, .headline-layout-h4_21_grey { font-size: 21px; margin: 1em 0; } .headline-layout-h1_25_dark_stroke, .headline-layout-h2_25_dark_stroke, .headline-layout-div_25_dark_stroke, .headline-layout-h2_25_dark_italic_stroke, .headline-layout-h1_25_dark_up_stroke, .headline-layout-div_25_dark_up_stroke, .headline-layout-h2_21_dark_italic_stroke, .headline-layout-h3_21_dark_italic_stroke, .headline-layout-h4_21_dark_italic_stroke, .headline-layout-div_21_dark_italic_stroke, .headline-layout-h1_21_dark_stroke, .headline-layout-h2_21_dark_stroke, .headline-layout-h3_21_dark_stroke, .headline-layout-h4_21_dark_stroke, .headline-layout-div_21_dark_stroke, .headline-layout-h2_21_dark_up_stroke, .headline-layout-h3_21_dark_up_stroke, .headline-layout-h4_21_dark_up_stroke, .headline-layout-div_21_dark_up_stroke, .headline-layout-h2_25_grey_stroke, .headline-layout-h3_25_grey_stroke, .headline-layout-h4_25_grey_stroke, .headline-layout-h2_25_grey_up_stroke, .headline-layout-h3_25_grey_up_stroke, .headline-layout-h4_25_grey_up_stroke, .headline-layout-h2_25_grey_italic_stroke, .headline-layout-h3_25_grey_italic_stroke, .headline-layout-h4_25_grey_italic_stroke, .headline-layout-h2_21_grey_stroke, .headline-layout-h3_21_grey_stroke, .headline-layout-h4_21_grey_stroke, .headline-layout-h2_21_grey_up_stroke, .headline-layout-h3_21_grey_up_stroke, .headline-layout-h4_21_grey_up_stroke, .headline-layout-h2_21_grey_italic_stroke, .headline-layout-h3_21_grey_italic_stroke, .headline-layout-h4_21_grey_italic_stroke { position: relative; padding: 0 15% 0 10%; } .headline-position-left.headline-layout-h1_25_dark_stroke, .headline-position-left.headline-layout-h2_25_dark_stroke, .headline-position-left.headline-layout-div_25_dark_stroke, .headline-position-left.headline-layout-h2_25_dark_italic_stroke, .headline-position-left.headline-layout-h1_25_dark_up_stroke, .headline-position-left.headline-layout-div_25_dark_up_stroke, .headline-position-left.headline-layout-h2_21_dark_italic_stroke, .headline-position-left.headline-layout-h3_21_dark_italic_stroke, .headline-position-left.headline-layout-h4_21_dark_italic_stroke, .headline-position-left.headline-layout-div_21_dark_italic_stroke, .headline-position-left.headline-layout-h1_21_dark_stroke, .headline-position-left.headline-layout-h2_21_dark_stroke, .headline-position-left.headline-layout-h3_21_dark_stroke, .headline-position-left.headline-layout-h4_21_dark_stroke, .headline-position-left.headline-layout-div_21_dark_stroke, .headline-position-left.headline-layout-h2_21_dark_up_stroke, .headline-position-left.headline-layout-h3_21_dark_up_stroke, .headline-position-left.headline-layout-h4_21_dark_up_stroke, .headline-position-left.headline-layout-div_21_dark_up_stroke, .headline-position-left.headline-layout-h2_25_grey_stroke, .headline-position-left.headline-layout-h3_25_grey_stroke, .headline-position-left.headline-layout-h4_25_grey_stroke, .headline-position-left.headline-layout-h2_25_grey_up_stroke, .headline-position-left.headline-layout-h3_25_grey_up_stroke, .headline-position-left.headline-layout-h4_25_grey_up_stroke, .headline-position-left.headline-layout-h2_25_grey_italic_stroke, .headline-position-left.headline-layout-h3_25_grey_italic_stroke, .headline-position-left.headline-layout-h4_25_grey_italic_stroke, .headline-position-left.headline-layout-h2_21_grey_stroke, .headline-position-left.headline-layout-h3_21_grey_stroke, .headline-position-left.headline-layout-h4_21_grey_stroke, .headline-position-left.headline-layout-h2_21_grey_up_stroke, .headline-position-left.headline-layout-h3_21_grey_up_stroke, .headline-position-left.headline-layout-h4_21_grey_up_stroke, .headline-position-left.headline-layout-h2_21_grey_italic_stroke, .headline-position-left.headline-layout-h3_21_grey_italic_stroke, .headline-position-left.headline-layout-h4_21_grey_italic_stroke { padding: 0 15% 0 10%; } .headline-position-center.headline-layout-h1_25_dark_stroke, .headline-position-center.headline-layout-h2_25_dark_stroke, .headline-position-center.headline-layout-div_25_dark_stroke, .headline-position-center.headline-layout-h2_25_dark_italic_stroke, .headline-position-center.headline-layout-h1_25_dark_up_stroke, .headline-position-center.headline-layout-div_25_dark_up_stroke, .headline-position-center.headline-layout-h2_21_dark_italic_stroke, .headline-position-center.headline-layout-h3_21_dark_italic_stroke, .headline-position-center.headline-layout-h4_21_dark_italic_stroke, .headline-position-center.headline-layout-div_21_dark_italic_stroke, .headline-position-center.headline-layout-h1_21_dark_stroke, .headline-position-center.headline-layout-h2_21_dark_stroke, .headline-position-center.headline-layout-h3_21_dark_stroke, .headline-position-center.headline-layout-h4_21_dark_stroke, .headline-position-center.headline-layout-div_21_dark_stroke, .headline-position-center.headline-layout-h2_21_dark_up_stroke, .headline-position-center.headline-layout-h3_21_dark_up_stroke, .headline-position-center.headline-layout-h4_21_dark_up_stroke, .headline-position-center.headline-layout-div_21_dark_up_stroke, .headline-position-center.headline-layout-h2_25_grey_stroke, .headline-position-center.headline-layout-h3_25_grey_stroke, .headline-position-center.headline-layout-h4_25_grey_stroke, .headline-position-center.headline-layout-h2_25_grey_up_stroke, .headline-position-center.headline-layout-h3_25_grey_up_stroke, .headline-position-center.headline-layout-h4_25_grey_up_stroke, .headline-position-center.headline-layout-h2_25_grey_italic_stroke, .headline-position-center.headline-layout-h3_25_grey_italic_stroke, .headline-position-center.headline-layout-h4_25_grey_italic_stroke, .headline-position-center.headline-layout-h2_21_grey_stroke, .headline-position-center.headline-layout-h3_21_grey_stroke, .headline-position-center.headline-layout-h4_21_grey_stroke, .headline-position-center.headline-layout-h2_21_grey_up_stroke, .headline-position-center.headline-layout-h3_21_grey_up_stroke, .headline-position-center.headline-layout-h4_21_grey_up_stroke, .headline-position-center.headline-layout-h2_21_grey_italic_stroke, .headline-position-center.headline-layout-h3_21_grey_italic_stroke, .headline-position-center.headline-layout-h4_21_grey_italic_stroke { padding: 0 15%; } .headline-position-right.headline-layout-h1_25_dark_stroke, .headline-position-right.headline-layout-h2_25_dark_stroke, .headline-position-right.headline-layout-div_25_dark_stroke, .headline-position-right.headline-layout-h2_25_dark_italic_stroke, .headline-position-right.headline-layout-h1_25_dark_up_stroke, .headline-position-right.headline-layout-div_25_dark_up_stroke, .headline-position-right.headline-layout-h2_21_dark_italic_stroke, .headline-position-right.headline-layout-h3_21_dark_italic_stroke, .headline-position-right.headline-layout-h4_21_dark_italic_stroke, .headline-position-right.headline-layout-div_21_dark_italic_stroke, .headline-position-right.headline-layout-h1_21_dark_stroke, .headline-position-right.headline-layout-h2_21_dark_stroke, .headline-position-right.headline-layout-h3_21_dark_stroke, .headline-position-right.headline-layout-h4_21_dark_stroke, .headline-position-right.headline-layout-div_21_dark_stroke, .headline-position-right.headline-layout-h2_21_dark_up_stroke, .headline-position-right.headline-layout-h3_21_dark_up_stroke, .headline-position-right.headline-layout-h4_21_dark_up_stroke, .headline-position-right.headline-layout-div_21_dark_up_stroke, .headline-position-right.headline-layout-h2_25_grey_stroke, .headline-position-right.headline-layout-h3_25_grey_stroke, .headline-position-right.headline-layout-h4_25_grey_stroke, .headline-position-right.headline-layout-h2_25_grey_up_stroke, .headline-position-right.headline-layout-h3_25_grey_up_stroke, .headline-position-right.headline-layout-h4_25_grey_up_stroke, .headline-position-right.headline-layout-h2_25_grey_italic_stroke, .headline-position-right.headline-layout-h3_25_grey_italic_stroke, .headline-position-right.headline-layout-h4_25_grey_italic_stroke, .headline-position-right.headline-layout-h2_21_grey_stroke, .headline-position-right.headline-layout-h3_21_grey_stroke, .headline-position-right.headline-layout-h4_21_grey_stroke, .headline-position-right.headline-layout-h2_21_grey_up_stroke, .headline-position-right.headline-layout-h3_21_grey_up_stroke, .headline-position-right.headline-layout-h4_21_grey_up_stroke, .headline-position-right.headline-layout-h2_21_grey_italic_stroke, .headline-position-right.headline-layout-h3_21_grey_italic_stroke, .headline-position-right.headline-layout-h4_21_grey_italic_stroke { padding: 0 10% 0 15%; } .headline-layout-h1_25_dark_stroke > .headline-stroke-container, .headline-layout-h2_25_dark_stroke > .headline-stroke-container, .headline-layout-div_25_dark_stroke > .headline-stroke-container, .headline-layout-h2_25_dark_italic_stroke > .headline-stroke-container, .headline-layout-h1_25_dark_up_stroke > .headline-stroke-container, .headline-layout-div_25_dark_up_stroke > .headline-stroke-container, .headline-layout-h2_21_dark_italic_stroke > .headline-stroke-container, .headline-layout-h3_21_dark_italic_stroke > .headline-stroke-container, .headline-layout-h4_21_dark_italic_stroke > .headline-stroke-container, .headline-layout-div_21_dark_italic_stroke > .headline-stroke-container, .headline-layout-h1_21_dark_stroke > .headline-stroke-container, .headline-layout-h2_21_dark_stroke > .headline-stroke-container, .headline-layout-h3_21_dark_stroke > .headline-stroke-container, .headline-layout-h4_21_dark_stroke > .headline-stroke-container, .headline-layout-div_21_dark_stroke > .headline-stroke-container, .headline-layout-h2_21_dark_up_stroke > .headline-stroke-container, .headline-layout-h3_21_dark_up_stroke > .headline-stroke-container, .headline-layout-h4_21_dark_up_stroke > .headline-stroke-container, .headline-layout-div_21_dark_up_stroke > .headline-stroke-container, .headline-layout-h2_25_grey_stroke > .headline-stroke-container, .headline-layout-h3_25_grey_stroke > .headline-stroke-container, .headline-layout-h4_25_grey_stroke > .headline-stroke-container, .headline-layout-h2_25_grey_up_stroke > .headline-stroke-container, .headline-layout-h3_25_grey_up_stroke > .headline-stroke-container, .headline-layout-h4_25_grey_up_stroke > .headline-stroke-container, .headline-layout-h2_25_grey_italic_stroke > .headline-stroke-container, .headline-layout-h3_25_grey_italic_stroke > .headline-stroke-container, .headline-layout-h4_25_grey_italic_stroke > .headline-stroke-container, .headline-layout-h2_21_grey_stroke > .headline-stroke-container, .headline-layout-h3_21_grey_stroke > .headline-stroke-container, .headline-layout-h4_21_grey_stroke > .headline-stroke-container, .headline-layout-h2_21_grey_up_stroke > .headline-stroke-container, .headline-layout-h3_21_grey_up_stroke > .headline-stroke-container, .headline-layout-h4_21_grey_up_stroke > .headline-stroke-container, .headline-layout-h2_21_grey_italic_stroke > .headline-stroke-container, .headline-layout-h3_21_grey_italic_stroke > .headline-stroke-container, .headline-layout-h4_21_grey_italic_stroke > .headline-stroke-container { position: absolute; top: 0; bottom: 0; height: 1px; margin: auto 0; background-color: #cdcdcd; } .headline-layout-h1_25_dark_stroke > .headline-stroke-container.headline-stroke-container-left, .headline-layout-h2_25_dark_stroke > .headline-stroke-container.headline-stroke-container-left, .headline-layout-div_25_dark_stroke > .headline-stroke-container.headline-stroke-container-left, .headline-layout-h2_25_dark_italic_stroke > .headline-stroke-container.headline-stroke-container-left, .headline-layout-h1_25_dark_up_stroke > .headline-stroke-container.headline-stroke-container-left, .headline-layout-div_25_dark_up_stroke > .headline-stroke-container.headline-stroke-container-left, .headline-layout-h2_21_dark_italic_stroke > .headline-stroke-container.headline-stroke-container-left, .headline-layout-h3_21_dark_italic_stroke > .headline-stroke-container.headline-stroke-container-left, .headline-layout-h4_21_dark_italic_stroke > .headline-stroke-container.headline-stroke-container-left, .headline-layout-div_21_dark_italic_stroke > .headline-stroke-container.headline-stroke-container-left, .headline-layout-h1_21_dark_stroke > .headline-stroke-container.headline-stroke-container-left, .headline-layout-h2_21_dark_stroke > .headline-stroke-container.headline-stroke-container-left, .headline-layout-h3_21_dark_stroke > .headline-stroke-container.headline-stroke-container-left, .headline-layout-h4_21_dark_stroke > .headline-stroke-container.headline-stroke-container-left, .headline-layout-div_21_dark_stroke > .headline-stroke-container.headline-stroke-container-left, .headline-layout-h2_21_dark_up_stroke > .headline-stroke-container.headline-stroke-container-left, .headline-layout-h3_21_dark_up_stroke > .headline-stroke-container.headline-stroke-container-left, .headline-layout-h4_21_dark_up_stroke > .headline-stroke-container.headline-stroke-container-left, .headline-layout-div_21_dark_up_stroke > .headline-stroke-container.headline-stroke-container-left, .headline-layout-h2_25_grey_stroke > .headline-stroke-container.headline-stroke-container-left, .headline-layout-h3_25_grey_stroke > .headline-stroke-container.headline-stroke-container-left, .headline-layout-h4_25_grey_stroke > .headline-stroke-container.headline-stroke-container-left, .headline-layout-h2_25_grey_up_stroke > .headline-stroke-container.headline-stroke-container-left, .headline-layout-h3_25_grey_up_stroke > .headline-stroke-container.headline-stroke-container-left, .headline-layout-h4_25_grey_up_stroke > .headline-stroke-container.headline-stroke-container-left, .headline-layout-h2_25_grey_italic_stroke > .headline-stroke-container.headline-stroke-container-left, .headline-layout-h3_25_grey_italic_stroke > .headline-stroke-container.headline-stroke-container-left, .headline-layout-h4_25_grey_italic_stroke > .headline-stroke-container.headline-stroke-container-left, .headline-layout-h2_21_grey_stroke > .headline-stroke-container.headline-stroke-container-left, .headline-layout-h3_21_grey_stroke > .headline-stroke-container.headline-stroke-container-left, .headline-layout-h4_21_grey_stroke > .headline-stroke-container.headline-stroke-container-left, .headline-layout-h2_21_grey_up_stroke > .headline-stroke-container.headline-stroke-container-left, .headline-layout-h3_21_grey_up_stroke > .headline-stroke-container.headline-stroke-container-left, .headline-layout-h4_21_grey_up_stroke > .headline-stroke-container.headline-stroke-container-left, .headline-layout-h2_21_grey_italic_stroke > .headline-stroke-container.headline-stroke-container-left, .headline-layout-h3_21_grey_italic_stroke > .headline-stroke-container.headline-stroke-container-left, .headline-layout-h4_21_grey_italic_stroke > .headline-stroke-container.headline-stroke-container-left { left: 2.5%; } .headline-layout-h1_25_dark_stroke > .headline-stroke-container.headline-stroke-container-right, .headline-layout-h2_25_dark_stroke > .headline-stroke-container.headline-stroke-container-right, .headline-layout-div_25_dark_stroke > .headline-stroke-container.headline-stroke-container-right, .headline-layout-h2_25_dark_italic_stroke > .headline-stroke-container.headline-stroke-container-right, .headline-layout-h1_25_dark_up_stroke > .headline-stroke-container.headline-stroke-container-right, .headline-layout-div_25_dark_up_stroke > .headline-stroke-container.headline-stroke-container-right, .headline-layout-h2_21_dark_italic_stroke > .headline-stroke-container.headline-stroke-container-right, .headline-layout-h3_21_dark_italic_stroke > .headline-stroke-container.headline-stroke-container-right, .headline-layout-h4_21_dark_italic_stroke > .headline-stroke-container.headline-stroke-container-right, .headline-layout-div_21_dark_italic_stroke > .headline-stroke-container.headline-stroke-container-right, .headline-layout-h1_21_dark_stroke > .headline-stroke-container.headline-stroke-container-right, .headline-layout-h2_21_dark_stroke > .headline-stroke-container.headline-stroke-container-right, .headline-layout-h3_21_dark_stroke > .headline-stroke-container.headline-stroke-container-right, .headline-layout-h4_21_dark_stroke > .headline-stroke-container.headline-stroke-container-right, .headline-layout-div_21_dark_stroke > .headline-stroke-container.headline-stroke-container-right, .headline-layout-h2_21_dark_up_stroke > .headline-stroke-container.headline-stroke-container-right, .headline-layout-h3_21_dark_up_stroke > .headline-stroke-container.headline-stroke-container-right, .headline-layout-h4_21_dark_up_stroke > .headline-stroke-container.headline-stroke-container-right, .headline-layout-div_21_dark_up_stroke > .headline-stroke-container.headline-stroke-container-right, .headline-layout-h2_25_grey_stroke > .headline-stroke-container.headline-stroke-container-right, .headline-layout-h3_25_grey_stroke > .headline-stroke-container.headline-stroke-container-right, .headline-layout-h4_25_grey_stroke > .headline-stroke-container.headline-stroke-container-right, .headline-layout-h2_25_grey_up_stroke > .headline-stroke-container.headline-stroke-container-right, .headline-layout-h3_25_grey_up_stroke > .headline-stroke-container.headline-stroke-container-right, .headline-layout-h4_25_grey_up_stroke > .headline-stroke-container.headline-stroke-container-right, .headline-layout-h2_25_grey_italic_stroke > .headline-stroke-container.headline-stroke-container-right, .headline-layout-h3_25_grey_italic_stroke > .headline-stroke-container.headline-stroke-container-right, .headline-layout-h4_25_grey_italic_stroke > .headline-stroke-container.headline-stroke-container-right, .headline-layout-h2_21_grey_stroke > .headline-stroke-container.headline-stroke-container-right, .headline-layout-h3_21_grey_stroke > .headline-stroke-container.headline-stroke-container-right, .headline-layout-h4_21_grey_stroke > .headline-stroke-container.headline-stroke-container-right, .headline-layout-h2_21_grey_up_stroke > .headline-stroke-container.headline-stroke-container-right, .headline-layout-h3_21_grey_up_stroke > .headline-stroke-container.headline-stroke-container-right, .headline-layout-h4_21_grey_up_stroke > .headline-stroke-container.headline-stroke-container-right, .headline-layout-h2_21_grey_italic_stroke > .headline-stroke-container.headline-stroke-container-right, .headline-layout-h3_21_grey_italic_stroke > .headline-stroke-container.headline-stroke-container-right, .headline-layout-h4_21_grey_italic_stroke > .headline-stroke-container.headline-stroke-container-right { right: 2.5%; } .headline-layout-h1_25_dark_stroke > span, .headline-layout-h2_25_dark_stroke > span, .headline-layout-div_25_dark_stroke > span, .headline-layout-h2_25_dark_italic_stroke > span, .headline-layout-h1_25_dark_up_stroke > span, .headline-layout-div_25_dark_up_stroke > span, .headline-layout-h2_21_dark_italic_stroke > span, .headline-layout-h3_21_dark_italic_stroke > span, .headline-layout-h4_21_dark_italic_stroke > span, .headline-layout-div_21_dark_italic_stroke > span, .headline-layout-h1_21_dark_stroke > span, .headline-layout-h2_21_dark_stroke > span, .headline-layout-h3_21_dark_stroke > span, .headline-layout-h4_21_dark_stroke > span, .headline-layout-div_21_dark_stroke > span, .headline-layout-h2_21_dark_up_stroke > span, .headline-layout-h3_21_dark_up_stroke > span, .headline-layout-h4_21_dark_up_stroke > span, .headline-layout-div_21_dark_up_stroke > span, .headline-layout-h2_25_grey_stroke > span, .headline-layout-h3_25_grey_stroke > span, .headline-layout-h4_25_grey_stroke > span, .headline-layout-h2_25_grey_up_stroke > span, .headline-layout-h3_25_grey_up_stroke > span, .headline-layout-h4_25_grey_up_stroke > span, .headline-layout-h2_25_grey_italic_stroke > span, .headline-layout-h3_25_grey_italic_stroke > span, .headline-layout-h4_25_grey_italic_stroke > span, .headline-layout-h2_21_grey_stroke > span, .headline-layout-h3_21_grey_stroke > span, .headline-layout-h4_21_grey_stroke > span, .headline-layout-h2_21_grey_up_stroke > span, .headline-layout-h3_21_grey_up_stroke > span, .headline-layout-h4_21_grey_up_stroke > span, .headline-layout-h2_21_grey_italic_stroke > span, .headline-layout-h3_21_grey_italic_stroke > span, .headline-layout-h4_21_grey_italic_stroke > span { display: inline; } h1, .headline-layout-h1_25_blue, .headline-layout-h2_25_blue { color: #43474a; } .grid-row-background-color-dark-grey h1, .grid-row-background-color-dark-grey .headline-layout-h1_25_blue, .grid-row-background-color-dark-grey .headline-layout-h2_25_blue { color: #ffffff; } .headline-layout-h2_25_dark_italic_stroke, .headline-layout-h2_25_dark_italic, .headline-layout-h1_25_dark_stroke, .headline-layout-h2_25_dark_stroke, .headline-layout-div_25_dark_stroke, .headline-layout-h1_25_dark, .headline-layout-h2_25_dark, .headline-layout-div_25_dark { color: #43474a; } .grid-row-background-color-dark-grey .headline-layout-h2_25_dark_italic_stroke, .grid-row-background-color-dark-grey .headline-layout-h2_25_dark_italic, .grid-row-background-color-dark-grey .headline-layout-h1_25_dark_stroke, .grid-row-background-color-dark-grey .headline-layout-h2_25_dark_stroke, .grid-row-background-color-dark-grey .headline-layout-div_25_dark_stroke, .grid-row-background-color-dark-grey .headline-layout-h1_25_dark, .grid-row-background-color-dark-grey .headline-layout-h2_25_dark, .grid-row-background-color-dark-grey .headline-layout-div_25_dark { color: #ffffff; } .headline-layout-h2_25_dark_italic_stroke, .headline-layout-h2_25_dark_italic { font-style: italic; } .headline-layout-h1_25_dark_up_stroke, .headline-layout-div_25_dark_up_stroke, .headline-layout-h1_25_dark_up, .headline-layout-div_25_dark_up { text-transform: uppercase; color: #43474a; } .grid-row-background-color-dark-grey .headline-layout-h1_25_dark_up_stroke, .grid-row-background-color-dark-grey .headline-layout-div_25_dark_up_stroke, .grid-row-background-color-dark-grey .headline-layout-h1_25_dark_up, .grid-row-background-color-dark-grey .headline-layout-div_25_dark_up { color: #ffffff; } .headline-layout-h1_25_blue_up { text-transform: uppercase; color: #43474a; } .grid-row-background-color-dark-grey .headline-layout-h1_25_blue_up { color: #ffffff; } .headline-layout-h2_21_dark_italic_stroke, .headline-layout-h3_21_dark_italic_stroke, .headline-layout-h4_21_dark_italic_stroke, .headline-layout-div_21_dark_italic_stroke, .headline-layout-h2_21_dark_italic, .headline-layout-h3_21_dark_italic, .headline-layout-h4_21_dark_italic, .headline-layout-div_21_dark_italic { font-style: italic; color: #43474a; } .grid-row-background-color-dark-grey .headline-layout-h2_21_dark_italic_stroke, .grid-row-background-color-dark-grey .headline-layout-h3_21_dark_italic_stroke, .grid-row-background-color-dark-grey .headline-layout-h4_21_dark_italic_stroke, .grid-row-background-color-dark-grey .headline-layout-div_21_dark_italic_stroke, .grid-row-background-color-dark-grey .headline-layout-h2_21_dark_italic, .grid-row-background-color-dark-grey .headline-layout-h3_21_dark_italic, .grid-row-background-color-dark-grey .headline-layout-h4_21_dark_italic, .grid-row-background-color-dark-grey .headline-layout-div_21_dark_italic { color: #ffffff; } .headline-layout-h2_21_blue_italic, .headline-layout-h3_21_blue_italic, .headline-layout-h4_21_blue_italic { font-style: italic; color: #43474a; } .grid-row-background-color-dark-grey .headline-layout-h2_21_blue_italic, .grid-row-background-color-dark-grey .headline-layout-h3_21_blue_italic, .grid-row-background-color-dark-grey .headline-layout-h4_21_blue_italic { color: #ffffff; } h2, h3, h4, h5, h6, .headline-layout-h2_21_blue, .headline-layout-h3_21_blue, .headline-layout-h4_21_blue { color: #43474a; } .grid-row-background-color-dark-grey h2, .grid-row-background-color-dark-grey h3, .grid-row-background-color-dark-grey h4, .grid-row-background-color-dark-grey h5, .grid-row-background-color-dark-grey h6, .grid-row-background-color-dark-grey .headline-layout-h2_21_blue, .grid-row-background-color-dark-grey .headline-layout-h3_21_blue, .grid-row-background-color-dark-grey .headline-layout-h4_21_blue { color: #ffffff; } .headline-layout-h1_21_dark_stroke, .headline-layout-h2_21_dark_stroke, .headline-layout-h3_21_dark_stroke, .headline-layout-h4_21_dark_stroke, .headline-layout-div_21_dark_stroke, .headline-layout-h1_21_dark, .headline-layout-h2_21_dark, .headline-layout-h3_21_dark, .headline-layout-h4_21_dark, .headline-layout-div_21_dark { color: #43474a; } .grid-row-background-color-dark-grey .headline-layout-h1_21_dark_stroke, .grid-row-background-color-dark-grey .headline-layout-h2_21_dark_stroke, .grid-row-background-color-dark-grey .headline-layout-h3_21_dark_stroke, .grid-row-background-color-dark-grey .headline-layout-h4_21_dark_stroke, .grid-row-background-color-dark-grey .headline-layout-div_21_dark_stroke, .grid-row-background-color-dark-grey .headline-layout-h1_21_dark, .grid-row-background-color-dark-grey .headline-layout-h2_21_dark, .grid-row-background-color-dark-grey .headline-layout-h3_21_dark, .grid-row-background-color-dark-grey .headline-layout-h4_21_dark, .grid-row-background-color-dark-grey .headline-layout-div_21_dark { color: #ffffff; } .headline-layout-h2_21_dark_up_stroke, .headline-layout-h3_21_dark_up_stroke, .headline-layout-h4_21_dark_up_stroke, .headline-layout-div_21_dark_up_stroke, .headline-layout-h2_21_dark_up, .headline-layout-h3_21_dark_up, .headline-layout-h4_21_dark_up, .headline-layout-div_21_dark_up { text-transform: uppercase; color: #43474a; } .grid-row-background-color-dark-grey .headline-layout-h2_21_dark_up_stroke, .grid-row-background-color-dark-grey .headline-layout-h3_21_dark_up_stroke, .grid-row-background-color-dark-grey .headline-layout-h4_21_dark_up_stroke, .grid-row-background-color-dark-grey .headline-layout-div_21_dark_up_stroke, .grid-row-background-color-dark-grey .headline-layout-h2_21_dark_up, .grid-row-background-color-dark-grey .headline-layout-h3_21_dark_up, .grid-row-background-color-dark-grey .headline-layout-h4_21_dark_up, .grid-row-background-color-dark-grey .headline-layout-div_21_dark_up { color: #ffffff; } .headline-layout-h2_25_grey_stroke, .headline-layout-h3_25_grey_stroke, .headline-layout-h4_25_grey_stroke, .headline-layout-h2_25_grey_up_stroke, .headline-layout-h3_25_grey_up_stroke, .headline-layout-h4_25_grey_up_stroke, .headline-layout-h2_25_grey_up, .headline-layout-h3_25_grey_up, .headline-layout-h4_25_grey_up, .headline-layout-h2_25_grey_italic_stroke, .headline-layout-h3_25_grey_italic_stroke, .headline-layout-h4_25_grey_italic_stroke, .headline-layout-h2_25_grey_italic, .headline-layout-h3_25_grey_italic, .headline-layout-h4_25_grey_italic, .headline-layout-h2_25_grey, .headline-layout-h3_25_grey, .headline-layout-h4_25_grey { color: #8d8d8d; } .grid-row-background-color-headline-grey .headline-layout-h2_25_grey_stroke, .grid-row-background-color-headline-grey .headline-layout-h3_25_grey_stroke, .grid-row-background-color-headline-grey .headline-layout-h4_25_grey_stroke, .grid-row-background-color-headline-grey .headline-layout-h2_25_grey_up_stroke, .grid-row-background-color-headline-grey .headline-layout-h3_25_grey_up_stroke, .grid-row-background-color-headline-grey .headline-layout-h4_25_grey_up_stroke, .grid-row-background-color-headline-grey .headline-layout-h2_25_grey_up, .grid-row-background-color-headline-grey .headline-layout-h3_25_grey_up, .grid-row-background-color-headline-grey .headline-layout-h4_25_grey_up, .grid-row-background-color-headline-grey .headline-layout-h2_25_grey_italic_stroke, .grid-row-background-color-headline-grey .headline-layout-h3_25_grey_italic_stroke, .grid-row-background-color-headline-grey .headline-layout-h4_25_grey_italic_stroke, .grid-row-background-color-headline-grey .headline-layout-h2_25_grey_italic, .grid-row-background-color-headline-grey .headline-layout-h3_25_grey_italic, .grid-row-background-color-headline-grey .headline-layout-h4_25_grey_italic, .grid-row-background-color-headline-grey .headline-layout-h2_25_grey, .grid-row-background-color-headline-grey .headline-layout-h3_25_grey, .grid-row-background-color-headline-grey .headline-layout-h4_25_grey { color: #ffffff; } .headline-layout-h2_25_grey_up_stroke, .headline-layout-h3_25_grey_up_stroke, .headline-layout-h4_25_grey_up_stroke, .headline-layout-h2_25_grey_up, .headline-layout-h3_25_grey_up, .headline-layout-h4_25_grey_up { text-transform: uppercase; } .headline-layout-h2_25_grey_italic_stroke, .headline-layout-h3_25_grey_italic_stroke, .headline-layout-h4_25_grey_italic_stroke, .headline-layout-h2_25_grey_italic, .headline-layout-h3_25_grey_italic, .headline-layout-h4_25_grey_italic { font-style: italic; } .headline-layout-h2_21_grey_stroke, .headline-layout-h3_21_grey_stroke, .headline-layout-h4_21_grey_stroke, .headline-layout-h2_21_grey_up_stroke, .headline-layout-h3_21_grey_up_stroke, .headline-layout-h4_21_grey_up_stroke, .headline-layout-h2_21_grey_up, .headline-layout-h3_21_grey_up, .headline-layout-h4_21_grey_up, .headline-layout-h2_21_grey_italic_stroke, .headline-layout-h3_21_grey_italic_stroke, .headline-layout-h4_21_grey_italic_stroke, .headline-layout-h2_21_grey_italic, .headline-layout-h3_21_grey_italic, .headline-layout-h4_21_grey_italic, .headline-layout-h2_21_grey, .headline-layout-h3_21_grey, .headline-layout-h4_21_grey { color: #8d8d8d; } .grid-row-background-color-headline-grey .headline-layout-h2_21_grey_stroke, .grid-row-background-color-headline-grey .headline-layout-h3_21_grey_stroke, .grid-row-background-color-headline-grey .headline-layout-h4_21_grey_stroke, .grid-row-background-color-headline-grey .headline-layout-h2_21_grey_up_stroke, .grid-row-background-color-headline-grey .headline-layout-h3_21_grey_up_stroke, .grid-row-background-color-headline-grey .headline-layout-h4_21_grey_up_stroke, .grid-row-background-color-headline-grey .headline-layout-h2_21_grey_up, .grid-row-background-color-headline-grey .headline-layout-h3_21_grey_up, .grid-row-background-color-headline-grey .headline-layout-h4_21_grey_up, .grid-row-background-color-headline-grey .headline-layout-h2_21_grey_italic_stroke, .grid-row-background-color-headline-grey .headline-layout-h3_21_grey_italic_stroke, .grid-row-background-color-headline-grey .headline-layout-h4_21_grey_italic_stroke, .grid-row-background-color-headline-grey .headline-layout-h2_21_grey_italic, .grid-row-background-color-headline-grey .headline-layout-h3_21_grey_italic, .grid-row-background-color-headline-grey .headline-layout-h4_21_grey_italic, .grid-row-background-color-headline-grey .headline-layout-h2_21_grey, .grid-row-background-color-headline-grey .headline-layout-h3_21_grey, .grid-row-background-color-headline-grey .headline-layout-h4_21_grey { color: #ffffff; } .headline-layout-h2_21_grey_up_stroke, .headline-layout-h3_21_grey_up_stroke, .headline-layout-h4_21_grey_up_stroke, .headline-layout-h2_21_grey_up, .headline-layout-h3_21_grey_up, .headline-layout-h4_21_grey_up { text-transform: uppercase; } .headline-layout-h2_21_grey_italic_stroke, .headline-layout-h3_21_grey_italic_stroke, .headline-layout-h4_21_grey_italic_stroke, .headline-layout-h2_21_grey_italic, .headline-layout-h3_21_grey_italic, .headline-layout-h4_21_grey_italic { font-style: italic; } html, .grid-cell { font-family: Arial, sans-serif; font-size: 14px; line-height: 20px; } a { color: #43474a; text-decoration: none; border-bottom-width: 1px; border-bottom-color: #43474a; border-bottom-style: dotted; cursor: pointer; outline: none; } a:hover { color: #5991dc; border-bottom-color: #5991dc; } .grid-row-background-color-dark-grey a:not(.cta-button-filled) { color: #ffffff; border-bottom-color: #ffffff; } .grid-row-background-color-dark-grey a:not(.cta-button-filled):hover { color: #5991dc; border-bottom-color: #5991dc; } .slider .csc-textpic-imagewrap a, .slider .headline a, .gallery-images > a, .imagetextbox-image-wrap a, .imagetextbox-header-wrap a, .imagetextbox.imagetextbox-bordered .imagetextbox-header-wrap a { color: inherit !important; text-decoration: inherit !important; border: inherit !important; } .slider .csc-textpic-imagewrap a:hover, .slider .headline a:hover, .gallery-images > a:hover, .imagetextbox-image-wrap a:hover, .imagetextbox-header-wrap a:hover, .imagetextbox.imagetextbox-bordered .imagetextbox-header-wrap a:hover { color: inherit !important; border: inherit !important; } .cta-button-framed, .lazy-content--button-load-more, .cta-button-filled { text-decoration: none; cursor: pointer; outline: none; padding: 5px 10px; position: relative; max-width: 100%; text-align: center; border-width: 1px; border-style: solid; } .cta-button-framed { color: #43474a; border-color: #43474a; } .cta-button-framed * { color: inherit; font-size: inherit; line-height: inherit; } .cta-button-framed:hover { color: #5991dc; border-color: #5991dc; } .grid-row-background-color-dark-grey .cta-button-framed { color: #ffffff; border-color: #ffffff; } .grid-row-background-color-dark-grey .cta-button-framed:hover { color: #5991dc; border-color: #5991dc; } .lazy-content--button-load-more, .cta-button-filled { color: #fff !important; border-color: #023e84; background-color: #023e84; } .lazy-content--button-load-more *, .cta-button-filled * { color: inherit; font-size: inherit; line-height: inherit; } .lazy-content--button-load-more:hover, .cta-button-filled:hover { background-color: #5991dc; border-color: #5991dc; } hr { display: block; width: 100%; height: 0; border: 0; border-top-color: #cdcdcd; border-top-style: solid; border-top-width: 1px; margin: 0; margin-bottom: 12px; } /* FancyBox - jQuery Plugin Simple and fancy lightbox alternative Examples and documentation at: http://fancybox.net Copyright (c) 2008 - 2010 Janis Skarnelis That said, it is hardly a one-person project. Many people have submitted bugs, code, and offered their advice freely. Their support is greatly appreciated. Version: 1.3.4 (11/11/2010) Requires: jQuery v1.3+ Dual licensed under the MIT and GPL licenses: http://www.opensource.org/licenses/mit-license.php http://www.gnu.org/licenses/gpl.html */ #fancybox-loading { position: fixed; top: 50%; left: 50%; width: 40px; height: 40px; margin-top: -20px; margin-left: -20px; cursor: pointer; overflow: hidden; z-index: 1104; display: none; } #fancybox-loading div { position: absolute; top: 0; left: 0; width: 40px; height: 480px; background-image: url('../../../typo3conf/ext/vb_sites_evb/Resources/Public/Frontend/Images/Fancybox/fancybox.png?1605703631'); } #fancybox-overlay { position: absolute; top: 0; left: 0; width: 100%; z-index: 1100; display: none; } #fancybox-tmp { padding: 0; margin: 0; border: 0; overflow: auto; display: none; } #fancybox-wrap { position: absolute; top: 0; left: 0; padding: 20px; z-index: 1101; outline: none; display: none; } #fancybox-outer { position: relative; width: 100%; height: 100%; background: #fff; } #fancybox-content { width: 0; height: 0; padding: 0; outline: none; position: relative; overflow: hidden; z-index: 1102; border: 0px solid #fff; } #fancybox-hide-sel-frame { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: transparent; z-index: 1101; } #fancybox-close { position: absolute; top: -15px; right: -15px; width: 30px; height: 30px; background: transparent url('../../../typo3conf/ext/vb_sites_evb/Resources/Public/Frontend/Images/Fancybox/fancybox.png?1605703631') -40px 0px; cursor: pointer; z-index: 1103; display: none; border: 0; } #fancybox-error { color: #444; font: normal 12px/20px Arial; padding: 14px; margin: 0; } #fancybox-img { width: 100%; height: 100%; padding: 0; margin: 0; border: none; outline: none; line-height: 0; vertical-align: top; } #fancybox-frame { width: 100%; height: 100%; border: none; display: block; } #fancybox-left, #fancybox-right { position: absolute; bottom: 0px; height: 100%; width: 35%; cursor: pointer; outline: none; background: transparent url('../../../typo3conf/ext/vb_sites_evb/Resources/Public/Frontend/Images/Fancybox/blank.gif?1605703631'); z-index: 1102; display: none; } #fancybox-left { left: 0px; } #fancybox-right { right: 0px; } #fancybox-left-ico, #fancybox-right-ico { position: absolute; top: 50%; left: -9999px; width: 30px; height: 30px; margin-top: -15px; cursor: pointer; z-index: 1102; display: block; } #fancybox-left-ico { background-image: url('../../../typo3conf/ext/vb_sites_evb/Resources/Public/Frontend/Images/Fancybox/fancybox.png?1605703631'); background-position: -40px -30px; } #fancybox-right-ico { background-image: url('../../../typo3conf/ext/vb_sites_evb/Resources/Public/Frontend/Images/Fancybox/fancybox.png?1605703631'); background-position: -40px -60px; } #fancybox-left:hover, #fancybox-right:hover { visibility: visible; /* IE6 */ } #fancybox-left:hover span { left: 20px; } #fancybox-right:hover span { left: auto; right: 20px; } .fancybox-bg { position: absolute; padding: 0; margin: 0; border: 0; width: 20px; height: 20px; z-index: 1001; } #fancybox-bg-n { top: -20px; left: 0; width: 100%; background-image: url('../../../typo3conf/ext/vb_sites_evb/Resources/Public/Frontend/Images/Fancybox/fancybox-x.png?1605703631'); } #fancybox-bg-ne { top: -20px; right: -20px; background-image: url('../../../typo3conf/ext/vb_sites_evb/Resources/Public/Frontend/Images/Fancybox/fancybox.png?1605703631'); background-position: -40px -162px; } #fancybox-bg-e { top: 0; right: -20px; height: 100%; background-image: url('../../../typo3conf/ext/vb_sites_evb/Resources/Public/Frontend/Images/Fancybox/fancybox-y.png?1605703631'); background-position: -20px 0px; } #fancybox-bg-se { bottom: -20px; right: -20px; background-image: url('../../../typo3conf/ext/vb_sites_evb/Resources/Public/Frontend/Images/Fancybox/fancybox.png?1605703631'); background-position: -40px -182px; } #fancybox-bg-s { bottom: -20px; left: 0; width: 100%; background-image: url('../../../typo3conf/ext/vb_sites_evb/Resources/Public/Frontend/Images/Fancybox/fancybox-x.png?1605703631'); background-position: 0px -20px; } #fancybox-bg-sw { bottom: -20px; left: -20px; background-image: url('../../../typo3conf/ext/vb_sites_evb/Resources/Public/Frontend/Images/Fancybox/fancybox.png?1605703631'); background-position: -40px -142px; } #fancybox-bg-w { top: 0; left: -20px; height: 100%; background-image: url('../../../typo3conf/ext/vb_sites_evb/Resources/Public/Frontend/Images/Fancybox/fancybox-y.png?1605703631'); } #fancybox-bg-nw { top: -20px; left: -20px; background-image: url('../../../typo3conf/ext/vb_sites_evb/Resources/Public/Frontend/Images/Fancybox/fancybox.png?1605703631'); background-position: -40px -122px; } #fancybox-title { font-family: Helvetica; font-size: 12px; z-index: 1102; } .fancybox-title-inside { padding-bottom: 10px; text-align: center; color: #333; background: #fff; position: relative; } .fancybox-title-outside { padding-top: 10px; color: #fff; } .fancybox-title-over { position: absolute; bottom: 0; left: 0; color: #FFF; text-align: left; } #fancybox-title-over { padding: 10px; background-image: url('../../../typo3conf/ext/vb_sites_evb/Resources/Public/Frontend/Images/Fancybox/fancy_title_over.png?1605703631'); display: block; } .fancybox-title-float { position: absolute; left: 0; bottom: -20px; height: 32px; } #fancybox-title-float-wrap { border: none; border-collapse: collapse; width: auto; } #fancybox-title-float-wrap td { border: none; white-space: nowrap; } #fancybox-title-float-left { padding: 0 0 0 15px; background: url('../../../typo3conf/ext/vb_sites_evb/Resources/Public/Frontend/Images/Fancybox/fancybox.png?1605703631') -40px -90px no-repeat; } #fancybox-title-float-main { color: #FFF; line-height: 29px; font-weight: bold; padding: 0 0 3px 0; background: url('../../../typo3conf/ext/vb_sites_evb/Resources/Public/Frontend/Images/Fancybox/fancybox-x.png?1605703631') 0px -40px; } #fancybox-title-float-right { padding: 0 0 0 15px; background: url('../../../typo3conf/ext/vb_sites_evb/Resources/Public/Frontend/Images/Fancybox/fancybox.png?1605703631') -55px -90px no-repeat; } #fancybox-wrap, #fancybox-wrap *, #fancybox-loading, #fancybox-loading * { box-sizing: content-box; } a { color: #43474a; text-decoration: none; border-bottom-width: 1px; border-bottom-color: #43474a; border-bottom-style: dotted; cursor: pointer; outline: none; } a:hover { color: #5991dc; border-bottom-color: #5991dc; } .grid-row-background-color-dark-grey a:not(.cta-button-filled) { color: #ffffff; border-bottom-color: #ffffff; } .grid-row-background-color-dark-grey a:not(.cta-button-filled):hover { color: #5991dc; border-bottom-color: #5991dc; } .slider .csc-textpic-imagewrap a, .slider .headline a, .gallery-images > a, .imagetextbox-image-wrap a, .imagetextbox-header-wrap a, .imagetextbox.imagetextbox-bordered .imagetextbox-header-wrap a { color: inherit !important; text-decoration: inherit !important; border: inherit !important; } .slider .csc-textpic-imagewrap a:hover, .slider .headline a:hover, .gallery-images > a:hover, .imagetextbox-image-wrap a:hover, .imagetextbox-header-wrap a:hover, .imagetextbox.imagetextbox-bordered .imagetextbox-header-wrap a:hover { color: inherit !important; border: inherit !important; } .cta-button-framed, .lazy-content--button-load-more, .cta-button-filled { text-decoration: none; cursor: pointer; outline: none; padding: 5px 10px; position: relative; max-width: 100%; text-align: center; border-width: 1px; border-style: solid; } .cta-button-framed { color: #43474a; border-color: #43474a; } .cta-button-framed * { color: inherit; font-size: inherit; line-height: inherit; } .cta-button-framed:hover { color: #5991dc; border-color: #5991dc; } .grid-row-background-color-dark-grey .cta-button-framed { color: #ffffff; border-color: #ffffff; } .grid-row-background-color-dark-grey .cta-button-framed:hover { color: #5991dc; border-color: #5991dc; } .lazy-content--button-load-more, .cta-button-filled { color: #fff !important; border-color: #023e84; background-color: #023e84; } .lazy-content--button-load-more *, .cta-button-filled * { color: inherit; font-size: inherit; line-height: inherit; } .lazy-content--button-load-more:hover, .cta-button-filled:hover { background-color: #5991dc; border-color: #5991dc; } .lazy-content--button-load-more { line-height: 20px; display: inline-block; padding: 3px 40px 5px 40px; margin-bottom: 15px; } .lazy-content--button-load-more:after { font-family: evb-icon; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .lazy-content--button-load-more:after { content: "" !important; } .lazy-content--button-load-more:after { content: " "; position: absolute; top: 18px; left: 50%; margin-left: -11px; background-color: inherit; border: 1px solid transparent; border-radius: 24px; color: #fff; display: inline-block; font-size: 14px; height: 22px; line-height: 21px; text-align: center; width: 22px; padding-top: 1px; padding-left: 2px; } .lazy-content--content-container > h1, .lazy-content--content-container > h2, .lazy-content--content-container > h3, .lazy-content--content-container > h4, .lazy-content--content-container > h5, .lazy-content--content-container > h6, .lazy-content--content-container > div.grid-row { display: none; } .lazy-content--button-container { text-align: center; } .tab-content--content-container > div.grid-row { display: none; } .tab-content--content-container > div.grid-row.tab-content--navigation { margin-bottom: 0; /* .imagetextbox.imagetextbox-bordered .imagetextbox-headertext-wrap, .imagetextbox.imagetextbox-bordered .imagetextbox-headertext-wrap .imagetextbox-headertext { background-color: rgb(240, 240, 240); &:hover { background-color: #ffffff; { background-color : #ffffff; } } } */ position: relative; z-index: 2; } .tab-content--content-container > div.grid-row.tab-content--navigation > .grid-column { overflow: hidden; } .tab-content--content-container > div.grid-row.tab-content--navigation > .grid-column.active .grid-cell { background-color: #e2ebf0; margin-bottom: 0; } .tab-content--content-container > div.grid-row.tab-content--navigation > .grid-column.active .grid-cell .imagetextbox.imagetextbox-bordered { border-bottom: none; padding-bottom: 13px; } .tab-content--content-container > div.grid-row.tab-content--navigation > .grid-column.active .grid-cell .imagetextbox.imagetextbox-bordered .imagetextbox-headertext-wrap, .tab-content--content-container > div.grid-row.tab-content--navigation > .grid-column.active .grid-cell .imagetextbox.imagetextbox-bordered .imagetextbox-headertext-wrap .imagetextbox-headertext { background-color: #e2ebf0; } .tab-content--content-container > div.grid-row.tab-content--navigation > .grid-column.active .grid-cell .imagetextbox.imagetextbox-bordered:hover .imagetextbox-image-overlay { border: none; } .tab-content--content-container > div.grid-row.tab-content--navigation > .grid-column.active .grid-cell .imagetextbox.imagetextbox-bordered:hover .imagetextbox-headertext-wrap, .tab-content--content-container > div.grid-row.tab-content--navigation > .grid-column.active .grid-cell .imagetextbox.imagetextbox-bordered:hover .imagetextbox-headertext-wrap .imagetextbox-headertext { background-color: #e2ebf0; } .tab-content--content-container > div.grid-row.tab-content--navigation .imagetextbox.imagetextbox-bordered .imagetextbox-headertext-wrap { background-color: #f0f0f0; } .tab-content--content-container > div.grid-row.tab-content--navigation .imagetextbox.imagetextbox-bordered .imagetextbox-headertext-wrap > * { background-color: inherit; } .tab-content--content-container > div.grid-row.tab-content--navigation .imagetextbox.imagetextbox-bordered:hover .imagetextbox-headertext-wrap { background-color: #ffffff; } .tab-content--content-container > div.grid-row.tab-content--navigation, .tab-content--content-container > div.grid-row.tab-content--navigation + div.grid-row.tab-content--content { display: block; } .tab-content--content-container div.grid-row.tab-content--content { background-color: #e2ebf0; border: 1px solid #d4d4d4; padding: 0 16px; position: relative; top: -1px; z-index: 1; } @media screen and (max-width: 960px) { .tab-content--navigation .grid-column { float: none !important; width: auto; margin: 0 !important; } .tab-content--navigation .grid-column .grid-cell .imagetextbox.imagetextbox-bordered { padding: 0 !important; border-bottom: none !important; } .tab-content--navigation .imagetextbox { margin: 0 !important; } .tab-content--navigation div.csc-textpic .csc-textpic-imagewrap img { display: none; } .tab-content--content-container div.grid-row.tab-content--content { top: 0; } } html { overflow-y: scroll; } *::-moz-selection { color: #fff; background-color: #023e84; } *::selection { color: #fff; background-color: #023e84; } .clearfix:after { content: ""; display: table; clear: both; } @font-face { font-family: VilleroyAndBoch; src: url('../../../typo3conf/ext/vb_sites_evb/Resources/Public/Frontend/Fonts/villeroyboch/villeroyboch_regular-webfont.eot?1605703631'); src: url('../../../typo3conf/ext/vb_sites_evb/Resources/Public/Frontend/Fonts/villeroyboch/villeroyboch_regular-webfont.eot?&1605703631#iefix') format("embedded-opentype"), url('../../../typo3conf/ext/vb_sites_evb/Resources/Public/Frontend/Fonts/villeroyboch/villeroyboch_regular-webfont.woff?1605703631') format("woff"), url('../../../typo3conf/ext/vb_sites_evb/Resources/Public/Frontend/Fonts/villeroyboch/villeroyboch_regular-webfont.svg?1605703631#villeroybochregular') format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: VilleroyAndBoch; src: url('../../../typo3conf/ext/vb_sites_evb/Resources/Public/Frontend/Fonts/villeroyboch/villeroyboch_italic-webfont.eot?1605703631'); src: url('../../../typo3conf/ext/vb_sites_evb/Resources/Public/Frontend/Fonts/villeroyboch/villeroyboch_italic-webfont.eot?&1605703631#iefix') format("embedded-opentype"), url('../../../typo3conf/ext/vb_sites_evb/Resources/Public/Frontend/Fonts/villeroyboch/villeroyboch_italic-webfont.woff?1605703631') format("woff"), url('../../../typo3conf/ext/vb_sites_evb/Resources/Public/Frontend/Fonts/villeroyboch/villeroyboch_italic-webfont.svg?1605703631#villeroybochitalic') format("svg"); font-weight: normal; font-style: italic; } @font-face { font-family: VilleroyAndBoch; src: url('../../../typo3conf/ext/vb_sites_evb/Resources/Public/Frontend/Fonts/villeroyboch/villeroyboch_bold-webfont.eot?1605703631'); src: url('../../../typo3conf/ext/vb_sites_evb/Resources/Public/Frontend/Fonts/villeroyboch/villeroyboch_bold-webfont.eot?&1605703631#iefix') format("embedded-opentype"), url('../../../typo3conf/ext/vb_sites_evb/Resources/Public/Frontend/Fonts/villeroyboch/villeroyboch_bold-webfont.woff?1605703631') format("woff"), url('../../../typo3conf/ext/vb_sites_evb/Resources/Public/Frontend/Fonts/villeroyboch/villeroyboch_bold-webfont.svg?1605703631#villeroybochbold') format("svg"); font-weight: bold; font-style: normal; } @font-face { font-family: evb-icon; src: url('../../../typo3conf/ext/vb_sites_evb/Resources/Public/Frontend/Fonts/evb-iconfont/evb-icons.eot?4tcyzw&1605703631'); src: url('../../../typo3conf/ext/vb_sites_evb/Resources/Public/Frontend/Fonts/evb-iconfont/evb-icons.eot?4tcyzw&1605703631#iefix') format("embedded-opentype"), url('../../../typo3conf/ext/vb_sites_evb/Resources/Public/Frontend/Fonts/evb-iconfont/evb-icons.svg?4tcyzw&1605703631#evb-icons') format("svg"), url('../../../typo3conf/ext/vb_sites_evb/Resources/Public/Frontend/Fonts/evb-iconfont/evb-icons.ttf?4tcyzw&1605703631') format("truetype"); font-weight: normal; font-style: normal; } @font-face { font-family: Roboto; src: url('../../../typo3conf/ext/vb_sites_evb/Resources/Public/Frontend/Fonts/roboto/roboto-light-webfont.eot?1605703631') format("embedded-opentype"); src: url('../../../typo3conf/ext/vb_sites_evb/Resources/Public/Frontend/Fonts/roboto/roboto-light-webfont.eot?1605703631') format("embedded-opentype"), url('../../../typo3conf/ext/vb_sites_evb/Resources/Public/Frontend/Fonts/roboto/roboto-light-webfont.woff?1605703631') format("woff"), url('../../../typo3conf/ext/vb_sites_evb/Resources/Public/Frontend/Fonts/roboto/roboto-light-webfont.ttf?1605703631') format("truetype"); font-weight: 300; font-style: normal; } @font-face { font-family: Roboto; src: url('../../../typo3conf/ext/vb_sites_evb/Resources/Public/Frontend/Fonts/roboto/roboto-regular-webfont.eot?1605703631') format("embedded-opentype"); src: url('../../../typo3conf/ext/vb_sites_evb/Resources/Public/Frontend/Fonts/roboto/roboto-regular-webfont.eot?1605703631') format("embedded-opentype"), url('../../../typo3conf/ext/vb_sites_evb/Resources/Public/Frontend/Fonts/roboto/roboto-regular-webfont.woff?1605703631') format("woff"), url('../../../typo3conf/ext/vb_sites_evb/Resources/Public/Frontend/Fonts/roboto/roboto-regular-webfont.ttf?1605703631') format("truetype"); font-weight: 400; font-style: normal; } @font-face { font-family: Roboto; src: url('../../../typo3conf/ext/vb_sites_evb/Resources/Public/Frontend/Fonts/roboto/roboto-medium-webfont.eot?1605703631') format("embedded-opentype"); src: url('../../../typo3conf/ext/vb_sites_evb/Resources/Public/Frontend/Fonts/roboto/roboto-medium-webfont.eot?1605703631') format("embedded-opentype"), url('../../../typo3conf/ext/vb_sites_evb/Resources/Public/Frontend/Fonts/roboto/roboto-medium-webfont.woff?1605703631') format("woff"), url('../../../typo3conf/ext/vb_sites_evb/Resources/Public/Frontend/Fonts/roboto/roboto-medium-webfont.ttf?1605703631') format("truetype"); font-weight: 500; font-style: normal; } @font-face { font-family: Roboto; src: url('../../../typo3conf/ext/vb_sites_evb/Resources/Public/Frontend/Fonts/roboto/roboto-bold-webfont.eot?1605703631') format("embedded-opentype"); src: url('../../../typo3conf/ext/vb_sites_evb/Resources/Public/Frontend/Fonts/roboto/roboto-bold-webfont.eot?1605703631') format("embedded-opentype"), url('../../../typo3conf/ext/vb_sites_evb/Resources/Public/Frontend/Fonts/roboto/roboto-bold-webfont.woff?1605703631') format("woff"), url('../../../typo3conf/ext/vb_sites_evb/Resources/Public/Frontend/Fonts/roboto/roboto-bold-webfont.ttf?1605703631') format("truetype"); font-weight: 700; font-style: normal; } [class^="icon-"], [class*=" icon-"] { font-family: evb-icon; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-pinterest:before { content: "" !important; } .icon-pinterest-after:after { content: "" !important; } .icon-fb:before { content: "" !important; } .icon-fb-after:after { content: "" !important; } .icon-instagram:before { content: "" !important; } .icon-instagram-after:after { content: "" !important; } .icon-youtube:before { content: "" !important; } .icon-youtube-after:after { content: "" !important; } .icon-twitter:before { content: "" !important; } .icon-twitter-after:after { content: "" !important; } .icon-newsletter:before { content: "" !important; } .icon-newsletter-after:after { content: "" !important; } .icon-print:before { content: "" !important; } .icon-print-after:after { content: "" !important; } .icon-arrow-left:before { content: "" !important; } .icon-arrow-left-after:after { content: "" !important; } .icon-arrow:before { content: "" !important; } .icon-arrow-after:after { content: "" !important; } .icon-bulb:before { content: "" !important; } .icon-bulb-after:after { content: "" !important; } .icon-cart:before { content: "" !important; } .icon-cart-after:after { content: "" !important; } .icon-spot:before { content: "" !important; } .icon-spot-after:after { content: "" !important; } .icon-tools:before { content: "" !important; } .icon-tools-after:after { content: "" !important; } .icon-windows:before { content: "" !important; } .icon-windows-after:after { content: "" !important; } .icon-search:before { content: "" !important; } .icon-search-after:after { content: "" !important; } .icon-check:before { content: "" !important; } .icon-check-after:after { content: "" !important; } .icon-refresh:before { content: "" !important; } .icon-refresh-after:after { content: "" !important; } .icon-question-circle:before { content: "" !important; } .icon-question-circle-after:after { content: "" !important; } .icon-plus:before { content: "" !important; } .icon-plus-after:after { content: "" !important; } .icon-minus:before { content: "" !important; } .icon-minus-after:after { content: "" !important; } .icon-list:before { content: "" !important; } .icon-list-after:after { content: "" !important; } .icon-caret-down:before { content: "" !important; } .icon-caret-down-after:after { content: "" !important; } .icon-caret-up:before { content: "" !important; } .icon-caret-up-after:after { content: "" !important; } .icon-caret-left:before { content: "" !important; } .icon-caret-left-after:after { content: "" !important; } .icon-caret-right:before { content: "" !important; } .icon-caret-right-after:after { content: "" !important; } .icon-angle-left:before { content: "" !important; } .icon-angle-left-after:after { content: "" !important; } .icon-angle-right:before { content: "" !important; } .icon-angle-right-after:after { content: "" !important; } .icon-angle-up:before { content: "" !important; } .icon-angle-up-after:after { content: "" !important; } .icon-angle-down:before { content: "" !important; } .icon-angle-down-after:after { content: "" !important; } .icon-mobile:before { content: "" !important; } .icon-mobile-after:after { content: "" !important; } .icon-pdf:before { content: "" !important; } .icon-pdf-after:after { content: "" !important; } .icon-circle:before { content: "" !important; } .icon-circle-after:after { content: "" !important; } .icon-left:before { content: "" !important; } .icon-left-after:after { content: "" !important; } .icon-right:before { content: "" !important; } .icon-right-after:after { content: "" !important; } .icon-download:before { content: "" !important; } .icon-download-after:after { content: "" !important; } .icon-news:before { content: "" !important; } .icon-news-after:after { content: "" !important; } .icon-interactive:before { content: "" !important; } .icon-interactive-after:after { content: "" !important; } .icon-phone:before { content: "" !important; } .icon-phone-after:after { content: "" !important; } .icon-app:before { content: "" !important; } .icon-app-after:after { content: "" !important; } .icon-play:before { content: "" !important; } .icon-play-after:after { content: "" !important; } .icon-close:before { content: "" !important; } .icon-close-after:after { content: "" !important; } .icon-textfile:before { content: "" !important; } .icon-textfile-after:after { content: "" !important; } .icon-trash:before { content: "" !important; } .icon-trash-after:after { content: "" !important; } .icon-wellness:before { content: "" !important; } .icon-wellness-after:after { content: "" !important; } .icon-friends:before { content: "" !important; } .icon-friends-after:after { content: "" !important; } .icon-heart:before { content: "" !important; } .icon-heart-after:after { content: "" !important; } .icon-heart-o:before { content: "" !important; } .icon-heart-o-after:after { content: "" !important; } .icon-heart_plus_inspirator:before { content: "" !important; } .icon-heart_plus_inspirator-after:after { content: "" !important; } .icon-trash_2:before { content: "" !important; } .icon-trash_2-after:after { content: "" !important; } .icon-auge:before { content: "" !important; } .icon-auge-after:after { content: "" !important; } .icon-close_button:before { content: "" !important; } .icon-close_button-after:after { content: "" !important; } .icon-heart_plus:before { content: "" !important; } .icon-heart_plus-after:after { content: "" !important; } .icon-login:before { content: "" !important; } .icon-login-after:after { content: "" !important; } .icon-logout:before { content: "" !important; } .icon-logout-after:after { content: "" !important; } .icon-profil:before { content: "" !important; } .icon-profil-after:after { content: "" !important; } .icon-profil_check:before { content: "" !important; } .icon-profil_check-after:after { content: "" !important; } .icon-registrieren:before { content: "" !important; } .icon-registrieren-after:after { content: "" !important; } .icon-send:before { content: "" !important; } .icon-send-after:after { content: "" !important; } .icon-stift:before { content: "" !important; } .icon-stift-after:after { content: "" !important; } .icon-exclamation-circle:before { content: "" !important; } .icon-exclamation-circle-after:after { content: "" !important; } .icon-calendar:before { content: "" !important; } .icon-calendar-after:after { content: "" !important; } .icon-call:before { content: "" !important; } .icon-call-after:after { content: "" !important; } html { box-sizing: border-box; } html * { box-sizing: inherit; } img { max-width: 100%; width: auto; height: auto; display: block; } ul.list-mb-5 li { margin-bottom: 5px; } table.content-table, table.content-table-fixed { width: 100%; } table.content-table tr.bg-super-light-blue, table.content-table-fixed tr.bg-super-light-blue { background-color: #e2ebf0; } table.content-table tr.bg-light-grey, table.content-table-fixed tr.bg-light-grey { background-color: #f0f0f0; } table.content-table th, table.content-table-fixed th { font-family: VilleroyAndBoch, Times, serif; font-weight: normal; font-size: 19px; text-align: center; vertical-align: middle; } table.content-table th header, table.content-table-fixed th header { text-transform: uppercase; font-size: 14px; } table.content-table td, table.content-table-fixed td { text-align: left; vertical-align: top; } table.content-table th, table.content-table td, table.content-table-fixed th, table.content-table-fixed td { padding: 15px 25px; border: 1px solid #cdcdcd; } table.content-table th.bg-super-light-blue, table.content-table td.bg-super-light-blue, table.content-table-fixed th.bg-super-light-blue, table.content-table-fixed td.bg-super-light-blue { background-color: #e2ebf0; } table.content-table th.bg-light-grey, table.content-table td.bg-light-grey, table.content-table-fixed th.bg-light-grey, table.content-table-fixed td.bg-light-grey { background-color: #f0f0f0; } table.content-table-fixed { table-layout: fixed; } p.text-left, h1.text-left, h2.text-left, h3.text-left, h4.text-left, h5.text-left { text-align: left; } p.text-right, h1.text-right, h2.text-right, h3.text-right, h4.text-right, h5.text-right { text-align: right; } p.text-center, h1.text-center, h2.text-center, h3.text-center, h4.text-center, h5.text-center { text-align: center; } @media screen and (max-width: 960px) { table.content-table, table.content-table-fixed { display: none; } } .headline-position-left { text-align: left; } .headline-position-center { text-align: center; } .headline-position-right { text-align: right; } html.js img { min-height: 250px; min-width: 1px; } html.js .slider-sliderItem img, html.js img[src] { height: auto; width: auto; min-height: 0; min-width: 0; } html.js #map-canvas { max-width: none; } html.js #map-canvas * { max-width: inherit; } html.js [class*="velocity_"] { position: relative; visibility: hidden; } .grid-row-background-color-dark-grey p { color: #ffffff; } html.mobile-nav-open { height: 100%; max-height: 100%; overflow-y: hidden; } html.mobile-nav-open body { height: 100%; max-height: 100%; overflow-y: hidden; } body { color: #43474a; } @media screen and (max-width: 1024px) { body { margin-top: 76px; } } [class*="velocity_"] { position: relative; visibility: hidden; } #content-wrap { margin-top: 35px; } .loader-circle, .loader-circle:after { border-radius: 50%; width: 35px !important; height: 35px !important; position: relative !important; } .loader-circle { font-size: 10px; position: relative; text-indent: -9999em; border-top: 5px solid #ffffff; border-right: 5px solid #ffffff; border-bottom: 5px solid #ffffff; border-left: 5px solid #5991dc; transform: translateZ(0); animation: loader-circle 0.8s infinite linear; } @keyframes loader-circle { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes navigation_flyout { 0% { top: -80px; opacity: 0; } 100% { top: 0; opacity: 1; } } @keyframes container_show_hide { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes desktop_search_animation { 0% { opacity: 0; transform: translateX(50px); } 100% { opacity: 1; transform: translateX(0); } } @keyframes arrow_rotate { 0% { transform: rotate(0deg); } 100% { transform: rotate(180deg); } } @keyframes mobile_nav_fade { 0% { top: -76px; } 100% { top: 0; } } .header { max-width: 1170px; margin: 0 auto; position: relative; } @media screen and (max-width: 1024px) { .header { overflow: hidden; position: fixed; left: 0; top: 0; width: 100%; z-index: 100; transition: 250ms height ease-in-out; height: 76px; } .header.nav-hide { height: 0; } } .header .row-header::after { content: ""; display: table; } .header .row-header::after { clear: both; } .header .row-header { zoom: 1; } .header nav ul, .header nav ol { list-style: none; } .header a { text-decoration: none; border-bottom: none; } .header * { box-sizing: border-box; padding: 0; margin: 0; } .header-nav ul, .header-nav li { list-style: none; padding: 0; margin: 0; } .header-nav.topnav, .header-nav.externalnav { position: absolute; } .header-nav.topnav ul li, .header-nav.externalnav ul li { display: inline-block; padding: 13px 22px 12px 22px; font-size: 15px; color: #43474a; font-family: VilleroyAndBoch, Times, serif; font-style: italic; border-left: 1px solid transparent; border-right: 1px solid transparent; } .header-nav.topnav ul li a, .header-nav.externalnav ul li a { color: #43474a; } .header-nav.topnav ul li:hover a, .header-nav.externalnav ul li:hover a { color: #5991dc; } .header-nav.topnav ul li.active, .header-nav.externalnav ul li.active { background: #ffffff; border-left: 1px solid #ccc; border-right: 1px solid #ccc; } .header-nav.topnav ul li.active a, .header-nav.externalnav ul li.active a { color: #5991dc; } .header-nav.topnav { top: 0; left: 140px; margin-left: 14px; z-index: 24; } .header-nav.externalnav { top: 0; right: 0; } .header-nav.externalnav ul li { padding: 13px 0 11px 25px; } .header-nav.externalnav ul li a > * { vertical-align: top; } .header-nav.externalnav ul li a i { margin-right: 5px; line-height: 1.3; } .header .bignav--logo { position: absolute; top: 44px; left: 0; display: block; width: 140px; height: 80px; z-index: 24; background: url("/typo3conf/ext/vb_sites_evb/Resources/Public/Frontend/Images/vb_logo_white.svg") no-repeat center center #023e84; background-size: 80% auto; } @media screen and (max-width: 1024px) { .header .bignav--logo { top: 0; width: 120px; height: 76px; } } @media screen and (max-width: 480px) { .header .bignav--logo.is-open-search { display: none; } } .header .header-nav-wrap { padding: 44px 0 0 140px; margin-bottom: 10px; box-shadow: 0 30px 20px -40px rgba(0, 0, 0, 0.85); } @media screen and (max-width: 1024px) { .header .header-nav-wrap { display: none; } } .header .header-nav-wrap .bignav { position: relative; z-index: 23; border: 1px solid #ccc; } .header .header-nav-wrap .bignav-nav { background: #ffffff; height: 78px; width: auto; padding-left: 0; line-height: 78px; } .header .header-nav-wrap .bignav-nav--topics { padding-left: 36px; } .header .header-nav-wrap .bignav-nav--topics li { text-transform: uppercase; display: inline-block; font-size: 18px; margin-right: 36px; color: #43474a; font-family: VilleroyAndBoch, Times, serif; } .header .header-nav-wrap .bignav-nav--topics li a { color: #43474a; } .header .header-nav-wrap .bignav-nav--topics li a.active { color: #5991dc; } .header .header-nav-wrap .bignav-nav--topics li:last-child { margin-right: 0; } .header .header-nav-wrap .bignav-nav--topics.inuse li:hover a, .header .header-nav-wrap .bignav-nav--topics.inuse li.active a { color: #5991dc; } .header .header-nav-wrap .subnav { position: relative; z-index: 22; font-family: Roboto, Arial, sans-serif; } .header .bignav-nav--service { position: absolute; right: 0; top: 50%; margin-top: -22px; height: 44px; } .header .bignav-nav--service .service-nav-tile { display: block; height: 44px; width: 80px; position: relative; float: left; cursor: pointer; } .header .bignav-nav--service .service-nav-tile > a { display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; } .header .bignav-nav--service .service-nav-tile:first-child::after { content: ""; display: block; height: 44px; width: 1px; background: #ccc; position: absolute; right: 0; top: 0; } .header .bignav-nav--service .service-nav-tile i { display: block; height: 22px; width: 14px; position: relative; top: 50%; left: 50%; margin-top: -11px; margin-left: -7px; font-size: 21px; color: #43474a; } .header .bignav-nav--service .service-nav-tile i.icon-spot { left: 0; float: left; margin-right: 10px; } @media screen and (max-width: 1100px) { .header .bignav-nav--service .service-nav-tile i.icon-spot { left: 50%; float: none; margin-right: 0; } } .header .bignav-nav--service .service-nav-tile:hover { color: #5991dc; } .header .bignav-nav--service .service-nav-tile:hover i { color: #5991dc; } .header .bignav-nav--service .service-nav-tile.service-nav-tile-spot { width: 105px; line-height: 45px; font-family: VilleroyAndBoch, Times, serif; font-size: 15px; font-style: italic; } @media screen and (max-width: 1100px) { .header .bignav-nav--service .service-nav-tile.service-nav-tile-spot { width: 90px; } } .header .bignav-nav--service .service-nav-tile.service-nav-tile-spot span { white-space: nowrap; } @media screen and (max-width: 1100px) { .header .bignav-nav--service .service-nav-tile.service-nav-tile-spot span { display: none; } } .header .subnav-tile { width: 100%; position: absolute; min-height: 100px; height: auto; background: #ffffff; display: none; top: -80px; opacity: 0; padding: 30px 30px 0 30px; border: 1px solid #ccc; border-top: none; } .header .subnav-tile.animate-show { animation-name: navigation_flyout; animation-duration: 600ms; animation-fill-mode: forwards; } .header .subnav-tile.animate-hide { animation-name: navigation_flyout; animation-duration: 300ms; animation-fill-mode: forwards; animation-direction: reverse; } .header .subnav-tile.min-height { min-height: 100px; } .header .subnav-tile .sub-menu-row { display: inline-block; width: 100%; } .header .subnav-tile .sub-menu-row .sub-menu-column { float: left; font-size: 13px; font-weight: 500; height: auto; margin-bottom: 0; width: 23%; } .header .subnav-tile .sub-menu-row .sub-menu-column ul { margin-bottom: 30px; } .header .subnav-tile .sub-sub-menu-column .subnav-tile-cat { margin-bottom: 0; } .header .subnav-tile ul { margin-bottom: 0; display: block; } .header .subnav-tile ul li { font-size: 14px; line-height: 15px; display: block; color: #43474a; margin-bottom: 14px; } .header .subnav-tile ul li.nav-lvl-3-more { margin-top: 25px; } .header .subnav-tile ul li.nav-lvl-3-more a { color: #43474a; font-family: Roboto, Arial, sans-serif; font-weight: 500; display: inline-block; } .header .subnav-tile ul li a { color: #43474a; font-family: Roboto, Arial, sans-serif; font-weight: 300; display: block; } .header .subnav-tile ul li a.subnav-tile-cat { font-weight: 500; margin-bottom: 20px; font-family: Roboto, Arial, sans-serif; } .header .subnav-tile ul li a:hover, .header .subnav-tile ul li a.active { color: #5991dc; } .header .menuteaser-big { background: #1c347d; width: 470px; height: 240px; display: inline-block; position: absolute; top: 30px; right: 30px; overflow: hidden; } .header .menuteaser-big-img { position: relative; line-height: 0; } .header .menuteaser-big-img img { max-width: 100%; height: auto; transition: all 0.5s; } .header .menuteaser-big:hover img { transform: scale(1.1); } .header .menuteaser-big .bg-overlay { position: absolute; width: 100%; height: 100%; background: rgba(5, 36, 75, 0.75); display: block; top: 0; left: 0; z-index: 22; } .header .menuteaser-big a { color: #ffffff; cursor: pointer; position: relative; width: 100%; height: 100%; display: block; } .header .menuteaser-big a:hover .menuteaser-big--button { color: #ffffff; border-color: #a5784f; background: #a5784f; } .header .menuteaser-big-inner { text-align: center; position: absolute; top: 50%; transform: translateY(-50%); z-index: 23; width: 100%; } .header .menuteaser-big--topic { color: #a5784f; font-size: 11px; text-transform: uppercase; } .header .menuteaser-big--headline { font-family: VilleroyAndBoch, Times, serif; font-size: 22px; line-height: 24px; margin: 10px auto; } .header .menuteaser-big--divider { width: 45px; height: 2px; background: #a5784f; display: block; margin: 17px auto 27px; } .header .menuteaser-big--button { display: inline; color: #ffffff; border: 1px solid #ffffff; padding: 10px 24px; font-size: 12px; text-transform: uppercase; font-weight: 500; transition: all 0.5s; } .header .menuteaser-big--button:hover { border-color: #a5784f; background-color: #a5784f; } .header .subnav-meta { background: #ffffff; padding: 30px 35px; position: absolute; right: 0; top: 0; opacity: 0; display: none; border: 1px solid #ccc; border-top: none; } .header .subnav-meta.animate-show { animation-name: navigation_flyout; animation-duration: 600ms; animation-fill-mode: forwards; } .header .subnav-meta.animate-hide { animation-name: navigation_flyout; animation-duration: 300ms; animation-fill-mode: forwards; animation-direction: reverse; } .header .subnav-meta span, .header .subnav-meta li { font-size: 14px; } .header .subnav-meta span { font-weight: 500; } .header .subnav-meta ul li { font-weight: 300; margin-top: 14px; line-height: 15px; } .header .subnav-meta ul li a { color: #43474a; } .header .subnav-meta ul li:hover a { color: #5991dc; } .header .subnav-search { position: absolute; top: 0; right: 0; width: 100%; height: 78px; background: #ffffff; z-index: 10; display: none; } .header .subnav-search form { width: 90%; max-width: 500px; display: block; margin: 0 auto; position: relative; opacity: 0; } .header .subnav-search form [type="search"] { width: 100%; box-shadow: none; border: 0; border-bottom: solid 1px #1c347d; background-color: transparent; outline: none; text-align: left; margin: 0; line-height: 20px; font-size: 18px; padding: 0 0 5px 0; font-family: VilleroyAndBoch, Times, serif; border-radius: 0; -webkit-appearance: none; } .header .subnav-search form [type="search"]::-ms-clear { display: none; } .header .subnav-search form [type="submit"] { width: 20px; height: 20px; box-shadow: none; border: 0; outline: 0; display: block; position: absolute; right: 0; top: 50%; transform: translateY(-13px); background: none; border-radius: 0; -webkit-appearance: none; } .header .subnav-search form [type="submit"] i { display: block; width: 20px; font-size: 18px; line-height: 20px; text-align: center; } .header .subnav-search .subnav-search-close { position: absolute; top: 17px; right: 0; border-left: 1px solid #ccc; } .header .subnav-search .subnav-search-close i { display: block; font-size: 21px; cursor: pointer; width: 80px; height: 44px; line-height: 44px; text-align: center; } .header .subnav-search .subnav-search-close i:hover { color: #5991dc; } .header .bignav-nav.search-show .subnav-search { animation-name: container_show_hide; animation-duration: 600ms; animation-fill-mode: forwards; } .header .bignav-nav.search-show .subnav-search form { animation-name: desktop_search_animation; animation-duration: 600ms; animation-delay: 300ms; animation-fill-mode: forwards; } .header .bignav-nav.search-hide .subnav-search { animation-name: container_show_hide; animation-duration: 300ms; animation-fill-mode: forwards; animation-direction: reverse; } .header .mobile-nav { display: none; position: relative; top: 0; } @media screen and (max-width: 1024px) { .header .mobile-nav { display: block; } } .header .mobile-nav-topbar { width: 100%; background: #ffffff; top: 0; height: 76px; z-index: 23; position: relative; } .header .mobile-nav-navbar { padding-left: 120px; overflow-y: scroll; display: none; } @media screen and (max-width: 600px) { .header .mobile-nav-navbar { padding-left: 0; } } .header .mobile-nav-navbar .mobile-nav-navbar-first-bar { background: #ffffff; } .header .mobile-nav-navbar .mobile-nav-navbar-first-bar .mobile-nav-navbar-first-bar-cat { padding-left: 0; position: relative; text-transform: uppercase; } .header .mobile-nav-navbar .mobile-nav-navbar-first-bar .mobile-nav-navbar-first-bar-cat::before { position: absolute; width: 100%; top: 0; left: 0; height: 1px; background: #f5f5f5; content: ""; display: block; } .header .mobile-nav-navbar .mobile-nav-navbar-first-bar .mobile-nav-navbar-first-bar-cat .cat-name { display: block; position: relative; line-height: 50px; font-size: 18px; width: 100%; font-family: VilleroyAndBoch, Times, serif; color: #43474a; } .header .mobile-nav-navbar .mobile-nav-navbar-first-bar .mobile-nav-navbar-first-bar-cat .cat-name.small { font-family: Roboto, Arial, sans-serif; text-transform: initial; font-size: 14px; } .header .mobile-nav-navbar .mobile-nav-navbar-first-bar .mobile-nav-navbar-first-bar-cat .cat-name.before-icon { padding-left: 50px; } @media screen and (max-width: 480px) { .header .mobile-nav-navbar .mobile-nav-navbar-first-bar .mobile-nav-navbar-first-bar-cat .cat-name.before-icon { padding-left: 40px; } } .header .mobile-nav-navbar .mobile-nav-navbar-first-bar .mobile-nav-navbar-first-bar-cat .cat-name.before-icon .before-icon { display: inline-block; font-size: 18px; margin-right: 10px; width: 20px; text-align: center; } .header .mobile-nav-navbar .mobile-nav-navbar-first-bar .mobile-nav-navbar-first-bar-cat .cat-name.active { color: #5991dc; } .header .mobile-nav-navbar .mobile-nav-navbar-first-bar .mobile-nav-navbar-first-bar-cat .cat-name.active > a { color: #5991dc; } .header .mobile-nav-navbar .mobile-nav-navbar-first-bar .mobile-nav-navbar-first-bar-cat .cat-name > a, .header .mobile-nav-navbar .mobile-nav-navbar-first-bar .mobile-nav-navbar-first-bar-cat .cat-name > span { display: block; padding-left: 30px; } @media screen and (max-width: 480px) { .header .mobile-nav-navbar .mobile-nav-navbar-first-bar .mobile-nav-navbar-first-bar-cat .cat-name > a, .header .mobile-nav-navbar .mobile-nav-navbar-first-bar .mobile-nav-navbar-first-bar-cat .cat-name > span { padding-left: 20px; } } .header .mobile-nav-navbar .mobile-nav-navbar-first-bar .mobile-nav-navbar-first-bar-cat .cat-name .big-arrow-acc { display: none; } .header .mobile-nav-navbar .mobile-nav-navbar-first-bar .mobile-nav-navbar-first-bar-cat .cat-name.sub .big-arrow-acc { display: block; } .header .mobile-nav-navbar .mobile-nav-navbar-first-bar .mobile-nav-navbar-first-bar-cat .big-arrow-acc { display: block; width: 100px; height: 100%; position: absolute; right: 0; top: 0; z-index: 1; text-align: center; border-left: 1px solid #f5f5f5; } @media screen and (max-width: 480px) { .header .mobile-nav-navbar .mobile-nav-navbar-first-bar .mobile-nav-navbar-first-bar-cat .big-arrow-acc { width: 70px; } } .header .mobile-nav-navbar .mobile-nav-navbar-first-bar .mobile-nav-navbar-first-bar-cat .big-arrow-acc i { display: inline-block; width: 12px; font-size: 20px; transform: rotate(0deg); } .header .mobile-nav-navbar .mobile-nav-navbar-first-bar .mobile-nav-navbar-first-bar-cat .big-arrow-acc i.animate-rotate-360 { animation-name: arrow_rotate; animation-duration: 300ms; animation-fill-mode: forwards; } .header .mobile-nav-navbar .mobile-nav-navbar-first-bar .mobile-nav-navbar-first-bar-cat .big-arrow-acc i.animate-rotate-180 { animation-name: arrow_rotate; animation-duration: 300ms; animation-fill-mode: forwards; animation-direction: reverse; } .header .mobile-nav-navbar .navbar-list li, .header .mobile-nav-navbar .navbar-list span { text-transform: initial; font-size: 14px; line-height: 15px; } .header .mobile-nav-navbar .navbar-list li a { padding: 10px 0 10px 50px; text-decoration: none; display: block; } @media screen and (max-width: 480px) { .header .mobile-nav-navbar .navbar-list li a { padding: 10px 0 10px 40px; } } .header .mobile-nav-navbar .navbar-list li a.active { color: #5991dc; } .header .mobile-nav-navbar .navbar-list li.nav-lvl-3-more { margin-top: 15px; } .header .mobile-nav-navbar .navbar-list li.nav-lvl-3-more a { color: #43474a; font-family: Roboto, Arial, sans-serif; display: inline-block; font-weight: 500; } .header .mobile-nav-navbar .mobile-nav-navbar-second-bar { font-family: Roboto, Arial, sans-serif; overflow: hidden; display: none; background: #f5f5f5; position: relative; } .header .mobile-nav-navbar .mobile-nav-navbar-second-bar::before { position: absolute; width: 100%; top: 0; left: 0; height: 1px; background: #ffffff; content: ""; display: block; } .header .mobile-nav-navbar .mobile-nav-navbar-second-bar .second-bar-topic { font-weight: 500; font-size: 14px; display: block; position: relative; } .header .mobile-nav-navbar .mobile-nav-navbar-second-bar .second-bar-topic.active { color: #5991dc; } .header .mobile-nav-navbar .mobile-nav-navbar-second-bar .second-bar-topic.active > a { color: #5991dc; } .header .mobile-nav-navbar .mobile-nav-navbar-second-bar .second-bar-topic > a { display: block; padding: 25px 0 20px 50px; } @media screen and (max-width: 480px) { .header .mobile-nav-navbar .mobile-nav-navbar-second-bar .second-bar-topic > a { padding: 25px 0 20px 40px; } } .header .mobile-nav-navbar .mobile-nav-navbar-second-bar .second-bar-topic .big-arrow-acc { display: none; border-left: 1px solid #ffffff; } .header .mobile-nav-navbar .mobile-nav-navbar-second-bar .second-bar-topic .big-arrow-acc i { height: 65px; line-height: 65px; } .header .mobile-nav-navbar .mobile-nav-navbar-second-bar .second-bar-topic.sub .big-arrow-acc { display: block; } .header .mobile-nav-navbar .mobile-nav-navbar-second-bar ul { display: none; overflow: hidden; padding-bottom: 20px; } .header .mobile-nav .mobile-nav-searchicon { width: 100px; height: 50px; position: absolute; right: 101px; top: 50%; margin-top: -25px; cursor: pointer; user-select: none; text-align: center; } @media screen and (max-width: 480px) { .header .mobile-nav .mobile-nav-searchicon { width: 70px; right: 71px; } } .header .mobile-nav .mobile-nav-searchicon i { font-size: 25px; line-height: 50px; color: #1c347d; } .header .mobile-nav-searchbar { display: none; width: 100%; height: 76px; padding: 0 101px 0 120px; background: #ffffff; position: absolute; top: 0; left: 0; } @media screen and (max-width: 480px) { .header .mobile-nav-searchbar { padding: 0 71px 0 0; } } .header .mobile-nav-searchbar.is-open { display: block; } .header .mobile-nav-searchbar * { box-sizing: border-box; } .header .mobile-nav-searchbar form { position: relative; width: 100%; height: 76px; } .header .mobile-nav-searchbar .search-input { position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 100%; padding: 0 10%; } .header .mobile-nav-searchbar .search-input span { display: inline-block; width: 100%; padding-left: 35px; } .header .mobile-nav-searchbar [type="search"] { width: 100%; box-shadow: none; border: 0; border-bottom: solid 1px #1c347d; background-color: transparent; outline: none; text-align: left; line-height: 25px; font-size: 18px; margin: 0; padding: 0 0 4px 0; font-family: VilleroyAndBoch, Times, serif; border-radius: 0; -webkit-appearance: none; } .header .mobile-nav-searchbar [type="submit"] { width: 25px; height: 30px; box-shadow: none; border: 0; outline: 0; display: block; position: absolute; left: 10%; top: 1px; background: none; border-radius: 0; -webkit-appearance: none; } .header .mobile-nav-searchbar [type="submit"]::before { content: '\f002'; font-family: evb-icon; font-size: 25px; line-height: 30px; color: #1c347d; } .header .mobile-nav-closesearch { width: 100px; height: 50px; position: absolute; right: 0; top: 50%; margin-top: -25px; border-left: 1px solid #f5f5f5; cursor: pointer; user-select: none; text-align: center; } @media screen and (max-width: 480px) { .header .mobile-nav-closesearch { width: 70px; } } .header .mobile-nav-closesearch i { font-size: 25px; line-height: 50px; color: #1c347d; } .header .mobile-nav .mobile-nav-menuicon { width: 100px; height: 50px; position: absolute; right: 0; top: 50%; margin-top: -25px; border-left: 1px solid #f5f5f5; cursor: pointer; user-select: none; } @media screen and (max-width: 480px) { .header .mobile-nav .mobile-nav-menuicon { width: 70px; } } .header .mobile-nav .mobile-nav-menuicon .header-nav-burger { width: 24px; height: 24px; position: absolute; left: 50%; top: 50%; margin-top: -12px; margin-left: -12px; } .header .mobile-nav .mobile-nav-menuicon .header-nav--icon-line { width: 24px; height: 2px; border-radius: 1px; margin: 5px 0 5px -12px; background-color: #1c347d; position: absolute; left: 50%; } .header .mobile-nav .mobile-nav-menuicon .header-nav--icon-line.top { top: 0; } @keyframes burgerlinetopanimation { 0% { transform: rotate(0deg); top: 0; } 100% { transform: rotate(135deg); top: 6px; } } .header .mobile-nav .mobile-nav-menuicon .header-nav--icon-line.top.animate-rotate-0 { animation-name: burgerlinetopanimation; animation-duration: 300ms; animation-fill-mode: forwards; } .header .mobile-nav .mobile-nav-menuicon .header-nav--icon-line.top.animate-rotate-135 { animation-name: burgerlinetopanimation; animation-duration: 300ms; animation-fill-mode: forwards; animation-direction: reverse; } .header .mobile-nav .mobile-nav-menuicon .header-nav--icon-line.middle { top: 6px; } @keyframes burgerlinemiddleanimation { 0% { opacity: 1; } 100% { opacity: 0; } } .header .mobile-nav .mobile-nav-menuicon .header-nav--icon-line.middle.animate-opacity-0 { animation-name: burgerlinemiddleanimation; animation-duration: 300ms; animation-fill-mode: forwards; } .header .mobile-nav .mobile-nav-menuicon .header-nav--icon-line.middle.animate-opacity-1 { animation-name: burgerlinemiddleanimation; animation-duration: 300ms; animation-fill-mode: forwards; animation-direction: reverse; } .header .mobile-nav .mobile-nav-menuicon .header-nav--icon-line.bottom { top: 12px; } @keyframes burgerlinebottomanimation { 0% { transform: rotate(0deg); top: 12px; } 100% { transform: rotate(-135deg); top: 6px; } } .header .mobile-nav .mobile-nav-menuicon .header-nav--icon-line.bottom.animate-rotate-0 { animation-name: burgerlinebottomanimation; animation-duration: 300ms; animation-fill-mode: forwards; } .header .mobile-nav .mobile-nav-menuicon .header-nav--icon-line.bottom.animate-rotate--135 { animation-name: burgerlinebottomanimation; animation-duration: 300ms; animation-fill-mode: forwards; animation-direction: reverse; } .breadcrumb { margin: 0 auto; max-width: 1170px; position: relative; z-index: 21; overflow: hidden; padding: 0 15px; margin-bottom: 10px; } @media screen and (min-width: 1170px) { .breadcrumb { padding: 0; } } .breadcrumb .grid-column { position: relative; left: 0; top: 0; line-height: 1; float: none; margin-right: 0; width: 1170px; } .breadcrumb .grid-column::before, .breadcrumb .grid-column::after { content: ''; display: table; clear: both; } .breadcrumb ul, .breadcrumb ol { margin: 0; padding: 0; list-style: none; } .breadcrumb li { position: relative; display: inline-block; margin: 0 0 0 10px; padding: 5px 0; font-size: 13px; color: #808588; } .breadcrumb li::before { font-family: evb-icon; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: ""; margin-right: 8px; } .breadcrumb li:nth-child(1), .breadcrumb li:nth-child(2) { display: none; } .breadcrumb li:nth-child(3) { margin-left: 0; } .breadcrumb li:nth-child(3)::before { display: none; } .breadcrumb a { color: #808588; text-decoration: none; border: none; display: inline-block; } .breadcrumb a:hover { color: #5991dc; } .breadcrumb.epoq-category-overview li:nth-child(2) { display: initial; margin-left: 0; } .breadcrumb.epoq-category-overview li:nth-child(2)::before { display: none; } .breadcrumb.epoq-category-overview li:nth-child(3) { margin-left: 10px; } .breadcrumb.epoq-category-overview li:nth-child(3)::before { display: inline; } .open_checklist { display: none; background-color: #023e84; color: #fff; padding: 10px 10px 8px; text-align: center; position: fixed; top: 138px; right: 0; font-size: 32px; box-sizing: border-box; width: 52px; z-index: 100; } @media screen and (max-width: 768px) { .open_checklist { top: unset; bottom: 0; right: 10px; } } .open_checklist:hover { text-decoration: none; color: #fff; } .open_checklist > .open_checklist_count { position: absolute; top: 16px; left: 0; right: 0; color: #fff; font-size: 12px; text-align: center; } .navigation-teaser-wrap { display: inline-block; width: calc(100% - 20px); margin-bottom: 20px; } .navigation-teaser-wrap.navigation-teaser-wrap-tableware { position: absolute; right: 30px; top: 30px; width: 300px; height: 235px; margin-bottom: 0; overflow: hidden; } .navigation-teaser-wrap.navigation-teaser-wrap-tableware .navigation-teaser-image { max-width: none; } .navigation-teaser-wrap > a { position: relative; display: none; cursor: pointer; text-decoration: none; } .navigation-teaser-wrap > a:hover img { transform: scale(1.1); } .navigation-teaser-wrap > a:first-child { display: block; } .navigation-teaser-wrap .navigation-teaser-title { font-family: Roboto, Arial, sans-serif; font-size: 13px; font-weight: 500; line-height: 1; margin-bottom: 20px; } .navigation-teaser-wrap .navigation-teaser-image { max-width: 200px; overflow: hidden; } .navigation-teaser-wrap .navigation-teaser-image > img { transition: all 0.5s; } .navigation-teaser-wrap .navigation-teaser-image-caption { position: absolute; bottom: 0; left: 0; background-color: #fff; padding: 5px 10px; font-family: Roboto, Arial, sans-serif; font-size: 12px; } .play-button { position: relative; display: block; border: 0; } .play-button:before { font-family: evb-icon; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "" !important; width: 74px; height: 74px; display: block; text-align: center; line-height: 74px; position: absolute; top: 50%; left: 50%; margin: -37px 0 0 -37px; font-size: 105px; background-color: #fff; color: #808588; border-radius: 50%; pointer-events: none; } .play-button:hover:before { color: #43474a; border-color: #43474a; } [class^="action-bar-"], [class*=" action-bar-"] { text-align: center; } [class^="action-bar-"]:before, [class*=" action-bar-"]:before { display: block; font-size: 30px; margin-bottom: 21px; color: #43474a; } [class^="footer-bar-"], [class*=" footer-bar-"] { padding: 24px 24px 12px 60px; position: relative; } [class^="footer-bar-"]:before, [class*=" footer-bar-"]:before { position: absolute; top: 22px; left: 24px; display: block; font-size: 24px; color: #43474a; } [class^="action-bar-"]:before, [class*=" action-bar-"]:before, [class^="footer-bar-"]:before, [class*=" footer-bar-"]:before { font-family: evb-icon; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } [class^="action-bar-"] h1 a, [class^="action-bar-"] h2 a, [class^="action-bar-"] h3 a, [class^="action-bar-"] h4 a, [class^="action-bar-"] h5 a, [class*=" action-bar-"] h1 a, [class*=" action-bar-"] h2 a, [class*=" action-bar-"] h3 a, [class*=" action-bar-"] h4 a, [class*=" action-bar-"] h5 a, [class^="footer-bar-"] h1 a, [class^="footer-bar-"] h2 a, [class^="footer-bar-"] h3 a, [class^="footer-bar-"] h4 a, [class^="footer-bar-"] h5 a, [class*=" footer-bar-"] h1 a, [class*=" footer-bar-"] h2 a, [class*=" footer-bar-"] h3 a, [class*=" footer-bar-"] h4 a, [class*=" footer-bar-"] h5 a { border: none; } [class^="footer-bar-"]:before, [class*=" footer-bar-"]:before { line-height: 1.3; } .action-bar-badplaner:before, .footer-bar-badplaner:before { content: ""; } .action-bar-badinspirator:before, .footer-bar-badinspirator:before { content: ""; } .action-bar-haendlersuche:before, .footer-bar-haendlersuche:before { content: ""; } .action-bar-newsletter:before, .footer-bar-newsletter:before { content: ""; } .action-bar-interactive:before, .footer-bar-interactive:before { content: ""; } .action-bar-download:before, .footer-bar-download:before { content: ""; } .action-bar-ar:before, .footer-bar-ar:before { content: ""; } .action-bar-kiosk:before, .footer-bar-kiosk:before { content: ""; } .action-bar-pdf:before, .footer-bar-pdf:before { content: ""; } .action-bar-fragen:before, .footer-bar-fragen:before { content: ""; } .action-bar-uebersicht:before, .footer-bar-uebersicht:before { content: ""; } .action-bar-shop:before, .footer-bar-shop:before { content: ""; } .action-bar-friends:before, .footer-bar-friends:before { content: ""; } hr.hr-20perc-1px { margin: 30px auto; width: 20%; border-top-color: #43474a; border-top-width: 1px; } .shadow-after { padding-bottom: 40px; background: url('../../../typo3conf/ext/vb_sites_evb/Resources/Public/Frontend/Images/footer-shadow.png?1605703631') no-repeat scroll center bottom transparent; } .grid-container { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; max-width: 960px; margin-left: auto; margin-right: auto; width: 100%; } .grid-container:after { content: " "; display: block; clear: both; } .grid-border .grid-column { padding: 10px 0; } .grid-border .grid-column:first-child .grid-cell { border: 0 none; } .grid-border .grid-cell { border-left: 1px dotted #43474a; } .grid-row { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; clear: both; margin-left: 0; margin-right: 0; width: 100%; margin-bottom: 12px; } .grid-row:before, .grid-row:after { content: ""; display: table; } .grid-row:after { clear: both; } .grid-row-background-color-blue { background-color: #315784; } .grid-row-background-color-dark-blue { background-color: #023e84; } .grid-row-background-color-deep-blue { background-color: #0B1921; } .grid-row-background-color-light-blue { background-color: #5991dc; } .grid-row-background-color-super-light-blue { background-color: #e2ebf0; } .grid-row-background-color-grey { background-color: #808588; } .grid-row-background-color-dark-grey { background-color: #43474a; } .grid-row-background-color-light-grey { background-color: #f0f0f0; } .grid-row-background-color-medium-light-grey { background-color: #cdcdcd; } .grid-row-background-color-headline-grey { background-color: #8d8d8d; } .grid-row-background-color-dark-anthracite { background-color: #1a1b1b; } .grid-row-background-color-deep-blue, .grid-row-background-color-deep-blue a, .grid-row-background-color-deep-blue .headline, .grid-row-background-color-deep-blue .tx-vb-formgenerator, .grid-row-background-color-deep-blue .vb-fg-field-label { color: #fff; border-color: #fff; } .grid-row-background-color-dark-anthracite, .grid-row-background-color-dark-anthracite a, .grid-row-background-color-dark-anthracite .headline, .grid-row-background-color-dark-anthracite .tx-vb-formgenerator, .grid-row-background-color-dark-anthracite .vb-fg-field-label { color: #fff; border-color: #fff; } .grid-row-background-color-deep-blue .vb-fg-field-error { color: #B69A59; } .grid-row-background-color-deep-blue .vb-fg-field-type-text.vb-fg-field-has-error input, .grid-row-background-color-deep-blue .vb-fg-field-type-textarea.vb-fg-field-has-error textarea { border-color: #B69A59; } .grid-row-background-color-dark-anthracite .vb-fg-field-error { color: #B69A59; } .grid-row-background-color-dark-anthracite .vb-fg-field-type-text.vb-fg-field-has-error input, .grid-row-background-color-dark-anthracite .vb-fg-field-type-textarea.vb-fg-field-has-error textarea { border-color: #B69A59; } .grid-column { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; float: left; margin-right: 1.25%; line-height: 0; } [class^="grid-row-background-color-"], [class*=" grid-row-background-color-"] { margin-bottom: 12px; } [class^="grid-row-background-color-"] .grid-column > *:last-child, [class*=" grid-row-background-color-"] .grid-column > *:last-child { margin-bottom: 0; } .grid-column.last-grid-column { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; float: right; margin-right: 0; } [class^="column"], [class*=" column"] { width: 100%; } @media (min-width: 760px) { .tx-mmpdu .column1 { width: 48.5%; } } @media (min-width: 960px) { .tx-mmpdu .column1 { width: 7.1875%; } } @media (min-width: 760px) { .column1 { width: 100%; } } @media (min-width: 960px) { .column1 { width: 7.1875%; } } @media (min-width: 760px) { .tx-mmpdu .column2 { width: 48.5%; } } @media (min-width: 960px) { .tx-mmpdu .column2 { width: 15.625%; } } @media (min-width: 760px) { .column2 { width: 100%; } } @media (min-width: 960px) { .column2 { width: 15.625%; } } @media (min-width: 760px) { .tx-mmpdu .column3 { width: 48.5%; } } @media (min-width: 960px) { .tx-mmpdu .column3 { width: 24.0625%; } } @media (min-width: 760px) { .column3 { width: 100%; } } @media (min-width: 960px) { .column3 { width: 24.0625%; } } @media (min-width: 760px) { .tx-mmpdu .column4 { width: 48.5%; } } @media (min-width: 960px) { .tx-mmpdu .column4 { width: 32.5%; } } @media (min-width: 760px) { .column4 { width: 100%; } } @media (min-width: 960px) { .column4 { width: 32.5%; } } @media (min-width: 760px) { .tx-mmpdu .column5 { width: 48.5%; } } @media (min-width: 960px) { .tx-mmpdu .column5 { width: 40.9375%; } } @media (min-width: 760px) { .column5 { width: 100%; } } @media (min-width: 960px) { .column5 { width: 40.9375%; } } @media (min-width: 760px) { .tx-mmpdu .column6 { width: 48.5%; } } @media (min-width: 960px) { .tx-mmpdu .column6 { width: 49.375%; } } @media (min-width: 760px) { .column6 { width: 100%; } } @media (min-width: 960px) { .column6 { width: 49.375%; } } @media (min-width: 760px) { .tx-mmpdu .column7 { width: 48.5%; } } @media (min-width: 960px) { .tx-mmpdu .column7 { width: 57.8125%; } } @media (min-width: 760px) { .column7 { width: 100%; } } @media (min-width: 960px) { .column7 { width: 57.8125%; } } @media (min-width: 760px) { .tx-mmpdu .column8 { width: 48.5%; } } @media (min-width: 960px) { .tx-mmpdu .column8 { width: 66.25%; } } @media (min-width: 760px) { .column8 { width: 100%; } } @media (min-width: 960px) { .column8 { width: 66.25%; } } @media (min-width: 760px) { .tx-mmpdu .column9 { width: 48.5%; } } @media (min-width: 960px) { .tx-mmpdu .column9 { width: 74.6875%; } } @media (min-width: 760px) { .column9 { width: 100%; } } @media (min-width: 960px) { .column9 { width: 74.6875%; } } @media (min-width: 760px) { .tx-mmpdu .column10 { width: 48.5%; } } @media (min-width: 960px) { .tx-mmpdu .column10 { width: 83.125%; } } @media (min-width: 760px) { .column10 { width: 100%; } } @media (min-width: 960px) { .column10 { width: 83.125%; } } @media (min-width: 760px) { .tx-mmpdu .column11 { width: 48.5%; } } @media (min-width: 960px) { .tx-mmpdu .column11 { width: 91.5625%; } } @media (min-width: 760px) { .column11 { width: 100%; } } @media (min-width: 960px) { .column11 { width: 91.5625%; } } @media (min-width: 760px) { .tx-mmpdu .column12 { width: 100%; } } @media (min-width: 960px) { .tx-mmpdu .column12 { width: 100%; } } @media (min-width: 760px) { .column12 { width: 100%; } } @media (min-width: 960px) { .column12 { width: 100%; } } .column5x { width: 19%; margin-right: 1.25%; } .column6x { width: 15.5%; margin-right: 1.4%; } .column7x { width: 13%; margin-right: 1.5%; } .column1of5 { width: 17.275%; margin-right: 3%; } .column2of5 { width: 37.55%; margin-right: 3%; } .column3of5 { width: 59.45%; margin-right: 3%; } .column4of5 { width: 79.725%; margin-right: 3%; } .column1of6 { width: 15.4%; margin-right: 2.53%; } .column3of6 { width: 48.735%; margin-right: 2.53%; } .column5of6 { width: 82.07%; margin-right: 2.53%; } .column1of7 { width: 13.71%; margin-right: 2.16%; } .column3of7 { width: 42.85%; margin-right: 2.16%; } .column4of7 { width: 54.98%; margin-right: 2.16%; } .column6of7 { width: 83.55%; margin-right: 2.16%; } .grid-cell { display: inline-block; width: 100%; height: auto; margin-bottom: 12px; } .grid-cell > *:last-child { margin-bottom: 0; } .grid-cell > *:last-child > *:last-child { margin-bottom: 0; } .grid-cell > *:first-child { margin-top: 0; } .grid-cell > *:first-child > *:first-child { margin-top: 0; } .grid-cell * { max-width: 100%; } @media (min-width: 300px) { #content-wrap .grid-container { width: 360px; } #content-wrap.layout-21 .grid-container { width: 100%; max-width: none; } } @media (min-width: 760px) { #content-wrap .grid-container { width: 568px; } #content-wrap.layout-21 .grid-container { width: 100%; max-width: none; } } @media (min-width: 960px) { #content-wrap .grid-container { width: 960px; } #content-wrap.layout-21 .grid-container { max-width: 1170px; } } /* Slider */ .slick-slider { position: relative; display: block; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-touch-callout: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; -moz-user-select: -moz-none; -ms-user-select: none; -webkit-user-select: none; user-select: none; } .slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-loading .slick-list { background: #fff slick-image-url('../../../typo3conf/ext/vb_sites_evb/Resources/Public/Frontend/Styles/ajax-loader.gif') center center no-repeat; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-list, .slick-track, .slick-slide, .slick-slide img { -moz-transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; left: 0; top: 0; display: block; zoom: 1; max-width: none; } .slick-track:before, .slick-track:after { content: ""; display: table; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { position: relative; float: left; height: 100%; min-height: 1px; margin-top: 0; margin-bottom: 0; display: none; } .slick-slide * { max-width: 100%; } [dir="rtl"] .slick-slide { float: right; } .slick-slide img { display: block; pointer-events: none; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } /* Arrows */ .slick-prev, .slick-next { font-family: evb-icon; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: absolute; display: table; height: 60px; width: 30px; top: 50%; margin-top: -30px; cursor: pointer; background-color: white; color: #808588; font-size: 30px; line-height: 30px; padding: 5px; border: none; outline: none; z-index: 1; } .slick-prev *, .slick-next * { color: inherit; font-size: inherit; line-height: inherit; } .slick-prev:before, .slick-next:before { display: table-cell; vertical-align: middle; opacity: 1; } .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { outline: none; color: white; background-color: #808588; } .slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before { opacity: 1; } .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: 1; } .slick-prev { left: 0px; } [dir="rtl"] .slick-prev { left: auto; right: 0px; } .slick-prev:before { content: "" !important; } .slick-prev:before { text-align: left; } [dir="rtl"] .slick-prev:before { content: "" !important; } [dir="rtl"] .slick-prev:before { text-align: right; } .slick-next { right: 0px; } [dir="rtl"] .slick-next { left: 0px; right: auto; } .slick-next:before { content: "" !important; } .slick-next:before { text-align: right; } [dir="rtl"] .slick-next:before { content: "" !important; } [dir="rtl"] .slick-next:before { text-align: left; } /* Dots */ .slick-slider { margin-bottom: 40px; } .slick-dots { position: absolute; bottom: -40px; list-style: none; display: inline-block; text-align: center; margin: 0; padding: 25px 0 0; width: 100%; } .slick-dots li { position: relative; display: inline-block; font-size: 15px; margin: 0 5px; padding: 0; cursor: pointer; color: #e2ebf0; opacity: 1; } .slick-dots li:hover, .slick-dots li:focus { outline: none; opacity: 1; } .slick-dots li.slick-active { color: #43474a; opacity: 1; } .slick-slide div { -moz-transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slider .csc-textpic-imagewrap a { display: block; width: 100%; height: 100%; } .slick-track .grid-row.slick-slide { clear: none; } .slick-track .grid-cell { display: block; } .slider-sliderItem-textOverlayInner { position: relative; background-color: transparent; background-color: rgba(255, 255, 255, 0.8); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#CCFFFFFF,endColorstr=#CCFFFFFF); zoom: 1; padding: 20px 30px; } .slider-sliderItem-textOverlayInner * { margin: 0; } .slider-sliderItem-textOverlayInner .headline { margin-bottom: 10px; } .slider-sliderItem { display: none; } .slick-track .slider-sliderItem { display: inline-block; } .grid-container .slider-sliderItem-textOverlay { position: absolute; bottom: 10px; left: 20px; display: block; margin: 0; width: 50%; max-height: 50%; overflow: hidden; min-width: 155px; } .grid-container .slider-sliderItem-textOverlay, .grid-container .slider-sliderItem-textOverlay * { -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .fullScreenContainer.layout-20 .grid-row.b_grid-GridElement_Slider_100 { margin-bottom: 0; } .fullScreenContainer .slider { max-width: 1240px; margin: 0 auto 70px; } .fullScreenContainer .slider .slick-list { overflow: visible; } .fullScreenContainer .slider .slick-prev, .fullScreenContainer .slider .slick-next { height: 80px; font-size: 20px; } .fullScreenContainer .slider .slick-prev:before, .fullScreenContainer .slider .slick-next:before { text-align: center; } .fullScreenContainer .slider .slider-sliderItem-textOverlayInner { background: #fff; padding: 20px 50px; } .fullScreenContainer .slider .slider-sliderItem-textOverlayInner .slider-sliderItem-subheader { font-family: Roboto, Arial, sans-serif; font-size: 10px; font-weight: 300; line-height: 11px; letter-spacing: 1.67px; margin-bottom: 15px; text-transform: uppercase; } .fullScreenContainer .slider .slider-sliderItem-textOverlayInner .headline { font-size: 24px; line-height: 31px; } .fullScreenContainer .slider .slider-sliderItem-textOverlayInner .slider-sliderItem-text { font-family: Roboto, Arial, sans-serif; font-size: 14px; line-height: 16px; font-weight: 300; } .fullScreenContainer .slider .slider-sliderItem-textOverlayInner .slider-sliderItem-text .cta-button-filled { display: inline-block; margin-top: 8px; } @media (min-width: 768px) { .fullScreenContainer .slider { margin: 0 auto 90px; } .fullScreenContainer .slider .slick-prev { left: 20px; margin-top: -65px; } .fullScreenContainer .slider .slick-next { right: 20px; margin-top: -65px; } .fullScreenContainer .slider .slider-sliderItem { margin: 0 20px; } .fullScreenContainer .slider .slider-sliderItem .csc-textpic-imagewrap { overflow: hidden; } .fullScreenContainer .slider .slider-sliderItem .csc-textpic-imagewrap img { transition: transform 0.3s ease; } .fullScreenContainer .slider .slider-sliderItem .csc-textpic-imagewrap:hover img { transform: scale(1.05); } .fullScreenContainer .slider .slider-sliderItem-textOverlay { position: relative; display: inline-block; left: 100px; margin-top: -50px; max-height: none; overflow: visible; opacity: 0; width: 58.3333%; } .fullScreenContainer .slider .slider-sliderItem-textOverlay.animate { animation: fullScreenContainer-slider-item-text 800ms ease-in-out forwards; animation-delay: 400ms; } .fullScreenContainer .slider .slider-sliderItem-textOverlayInner { padding: 20px 25px; } .fullScreenContainer .slider .slider-sliderItem-textOverlayInner .headline { font-size: 26px; line-height: 34px; } } @media (min-width: 1025px) { .fullScreenContainer .slider { margin: 0 auto 120px; } .fullScreenContainer .slider .slick-prev { left: 35px; margin-top: -75px; } .fullScreenContainer .slider .slick-next { right: 35px; margin-top: -75px; } .fullScreenContainer .slider .slider-sliderItem { margin: 0 35px; } .fullScreenContainer .slider .slider-sliderItem-textOverlay { left: 150px; margin-top: -90px; width: 41.6666%; } } @keyframes fullScreenContainer-slider-item-text { 100% { left: 0; opacity: 1; } } .gallery { display: block; width: 100%; overflow: hidden; } .gallery-images { display: inline-block; position: relative; width: auto; height: auto; float: none; } .gallery-images > img, .gallery-images > a { margin-left: 12px; display: inline-block; } .gallery-images > img:first-child, .gallery-images > a:first-child { margin-left: 0; } .gallery-vertical-alignment-top > .gallery-images, .gallery-vertical-alignment-bottom > .gallery-images { max-width: 100%; } [class^="gallery-alignment-"] > .gallery-images, [class*=" gallery-alignment-"] > .gallery-images { display: block; } .gallery-alignment-left > .gallery-images { text-align: left; } .gallery-alignment-center > .gallery-images { text-align: center; } .gallery-alignment-right > .gallery-images { text-align: right; } .padding-top { padding-top: 24px; } .padding-bottom { padding-bottom: 24px; } .padding-left { padding-left: 24px; } .padding-right { padding-right: 24px; } .imagetextbox { position: relative; } .imagetextbox-image-wrap a { position: relative; display: block; width: 100%; height: 100%; } .imagetextbox-image-wrap .csc-textpic-image { line-height: 1; font-size: 0; } .imagetextbox-headertext-wrap { background-color: #E2EBF0; position: relative; height: 75px; } .imagetextbox-headertext { background-color: #E2EBF0; position: absolute; width: 100%; bottom: 0; left: 0; z-index: 1; } .imagetextbox-header-wrap { text-align: center; overflow: hidden; height: 75px; } .imagetextbox-header-wrap > * { height: 21px; margin: 27px 0; padding: 0 15px; font-size: 21px; font-weight: normal; color: #43474a; } .imagetextbox-text-wrap { display: none; margin: 0; padding: 0 15px 15px; text-align: center; } .imagetextbox-text-wrap p { margin-bottom: 0; } .imagetextbox.imagetextbox-bordered { border: 1px solid #d4d4d4; } .imagetextbox.imagetextbox-bordered .imagetextbox-image-wrap { position: relative; } .imagetextbox.imagetextbox-bordered .imagetextbox-image-overlay { display: none; position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; border-top: 10px solid #fff; border-left: 10px solid #fff; border-right: 10px solid #fff; } html.no-touchevents .imagetextbox.imagetextbox-bordered:hover .imagetextbox-image-overlay { display: block; } html.no-touchevents .imagetextbox.imagetextbox-bordered:hover .imagetextbox-headertext-wrap { background-color: #fff; } html.no-touchevents .imagetextbox.imagetextbox-bordered:hover .imagetextbox-headertext-wrap > * { background-color: inherit; } .imagetextbox.imagetextbox-bordered .imagetextbox-headertext-wrap { background-color: #E2EBF0; position: relative; height: auto; } .imagetextbox.imagetextbox-bordered .imagetextbox-headertext { padding: 9px 0; position: relative; } .imagetextbox.imagetextbox-bordered .imagetextbox-header-wrap { overflow: visible; height: auto; } .imagetextbox.imagetextbox-bordered .imagetextbox-header-wrap > * { margin: 0; padding: 3px 10px; height: auto; } .imagetextbox.imagetextbox-bordered .imagetextbox-header-wrap a { color: #315784; } .imagetextbox.imagetextbox-bordered .imagetextbox-text-wrap { display: block; margin: 0; padding: 3px 10px; font-size: 14px; color: #43474a; } .imagetextbox.imagetextbox-bordered.imagetextbox-bordered--white .imagetextbox-headertext-wrap { background-color: #fff; } .imagetextbox.imagetextbox-bordered.imagetextbox-bordered--white .imagetextbox-headertext-wrap .imagetextbox-headertext { background-color: #fff; padding-bottom: 20px; } .imagetextbox.imagetextbox-bordered.imagetextbox-bordered--blue { border: 0 none; } .imagetextbox.imagetextbox-bordered.imagetextbox-bordered--blue .imagetextbox-image-overlay { display: none !important; } .imagetextbox.imagetextbox-bordered.imagetextbox-bordered--blue .imagetextbox-headertext-wrap { background-color: #fff; border: 1px solid #023e84; } .imagetextbox.imagetextbox-bordered.imagetextbox-bordered--blue .imagetextbox-headertext-wrap .imagetextbox-headertext { background-color: #fff; padding: 10px; padding-bottom: 40px; } .imagetextbox.imagetextbox-bordered.imagetextbox-bordered--blue .imagetextbox-headertext-wrap .imagetextbox-headertext h1, .imagetextbox.imagetextbox-bordered.imagetextbox-bordered--blue .imagetextbox-headertext-wrap .imagetextbox-headertext h2, .imagetextbox.imagetextbox-bordered.imagetextbox-bordered--blue .imagetextbox-headertext-wrap .imagetextbox-headertext h3, .imagetextbox.imagetextbox-bordered.imagetextbox-bordered--blue .imagetextbox-headertext-wrap .imagetextbox-headertext h4 { font-size: 24px; position: relative; margin-bottom: 60px; } .imagetextbox.imagetextbox-bordered.imagetextbox-bordered--blue .imagetextbox-headertext-wrap .imagetextbox-headertext h1:after, .imagetextbox.imagetextbox-bordered.imagetextbox-bordered--blue .imagetextbox-headertext-wrap .imagetextbox-headertext h2:after, .imagetextbox.imagetextbox-bordered.imagetextbox-bordered--blue .imagetextbox-headertext-wrap .imagetextbox-headertext h3:after, .imagetextbox.imagetextbox-bordered.imagetextbox-bordered--blue .imagetextbox-headertext-wrap .imagetextbox-headertext h4:after { content: ' '; position: absolute; left: 0; right: 0; bottom: -30px; background: #ebebeb; height: 2px; width: 50px; max-width: 100%; margin: auto; } .imagetextbox.imagetextbox-bordered.imagetextbox-bordered--blue .imagetextbox-headertext-wrap .imagetextbox-headertext h1 .imagetextbox-text-wrap, .imagetextbox.imagetextbox-bordered.imagetextbox-bordered--blue .imagetextbox-headertext-wrap .imagetextbox-headertext h2 .imagetextbox-text-wrap, .imagetextbox.imagetextbox-bordered.imagetextbox-bordered--blue .imagetextbox-headertext-wrap .imagetextbox-headertext h3 .imagetextbox-text-wrap, .imagetextbox.imagetextbox-bordered.imagetextbox-bordered--blue .imagetextbox-headertext-wrap .imagetextbox-headertext h4 .imagetextbox-text-wrap { padding: 0; } .imagetextbox.imagetextbox-bordered.imagetextbox-bordered--dashed { border: 5px dashed #d6dcdf; padding: 40px 20px; } .imagetextbox.imagetextbox-bordered.imagetextbox-bordered--dashed .imagetextbox-image-overlay { display: none !important; } .imagetextbox.imagetextbox-bordered.imagetextbox-bordered--dashed .imagetextbox-headertext-wrap { background-color: #fff; } .imagetextbox.imagetextbox-bordered.imagetextbox-bordered--dashed .imagetextbox-headertext-wrap .imagetextbox-headertext { background-color: #fff; } .imagetextbox.imagetextbox-bordered.imagetextbox-secondary-links .imagetextbox-headertext-wrap { z-index: 20; } .imagetextbox.imagetextbox-bordered.imagetextbox-secondary-links .imagetextbox-text-wrap p { margin-top: 10px; } .imagetextbox.imagetextbox-bordered.imagetextbox-secondary-links .cta-button-filled, .imagetextbox.imagetextbox-bordered.imagetextbox-secondary-links .cta-button-framed { display: inline-block; margin: 0 5px; } .imagetextbox.imagetextbox-bordered.imagetextbox-secondary-links .cta-button-filled:first-child, .imagetextbox.imagetextbox-bordered.imagetextbox-secondary-links .cta-button-framed:first-child { margin-left: 0; } .imagetextbox.imagetextbox-bordered.imagetextbox-secondary-links .cta-button-filled:last-child, .imagetextbox.imagetextbox-bordered.imagetextbox-secondary-links .cta-button-framed:last-child { margin-right: 0; } .imagetextbox-link { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; z-index: 10; text-indent: -9999em; border: 0; } .subpages-overview-sitemap-item { width: 48%; margin: 0 1% 20px; float: left; border: 1px solid #D4D4D4; overflow: hidden; position: relative; } @media screen and (max-width: 960px) { .subpages-overview-sitemap-item { width: 100%; margin: 0 0 20px; } } .subpages-overview-sitemap-item-image { font-size: 0; overflow: hidden; position: relative; } .subpages-overview-sitemap-item-text { height: 70px; overflow: hidden; background-color: #E2EBF0; padding: 0 10px; text-align: center; } .subpages-overview-sitemap-item-title { font-family: VilleroyAndBoch, Times, serif; font-size: 21px; padding: 10px 0; font-style: normal; font-weight: normal; } @media screen and (max-width: 400px) { .subpages-overview-sitemap-item-title { font-size: 13px; } } .subpages-overview-sitemap-item-link { font-size: 12px; } .subpages-overview-sitemap-item-link a { border-bottom: 1px dotted #383030; color: #383030; font-family: Arial, sans-serif; text-decoration: none; } .subpages-overview-sitemap-item-link a:hover { color: #5991dc; border-color: #5991dc; } .subpages-overview-sitemap-item-border-overlay { display: none; position: absolute; left: 0; top: 0; border: 10px solid #FFFFFF; border-bottom: none; width: 100%; height: 100%; } .subpages-overview-sitemap-item:hover .subpages-overview-sitemap-item-border-overlay { display: block; } .subpages-overview-sitemap-item:hover .subpages-overview-sitemap-item-text { background-color: #fff; } .imagetextbox-button-wrap { text-align: center; margin: 5px 0; } .imagetextbox-button-wrap .cta-button-framed, .imagetextbox-button-wrap .cta-button-filled { display: inline-block; } .jspContainer { overflow: hidden; position: relative; } .jspPane { position: absolute; } .jspVerticalBar { position: absolute; top: 0; right: 0; width: 20px; height: 100%; background: transparent; } .jspVerticalBar .jspArrow { height: 20px; } .jspVerticalBar .jspArrow:focus { outline: none; } .jspHorizontalBar { position: absolute; bottom: 0; left: 0; width: 100%; height: 10px; background: transparent; } .jspHorizontalBar .jspCap { float: left; } .jspHorizontalBar .jspArrow { width: 20px; float: left; height: 100%; } .jspVerticalBar *, .jspHorizontalBar * { margin: 0; padding: 0; } .jspCap { display: none; } .jspTrack { background: #eaeaea; position: relative; } .jspDrag { background: #808588; position: relative; top: 0; left: 0; cursor: pointer; } .jspHorizontalBar .jspTrack, .jspHorizontalBar .jspDrag { float: left; height: 100%; } .jspArrow { background: #eaeaea; text-indent: -20000px; display: block; cursor: pointer; border: none; position: relative; } .jspArrow.jspDisabled { cursor: default; background: #eaeaea; } .jspArrow.jspArrowUp:before { content: ""; border-bottom: 5px solid #666; border-left: 5px solid transparent; border-right: 5px solid transparent; width: 0; height: 0; position: absolute; top: 7px; left: 5px; } .jspArrow.jspArrowDown:before { content: ""; border-top: 5px solid #666; border-left: 5px solid transparent; border-right: 5px solid transparent; width: 0; height: 0; position: absolute; top: 7px; left: 5px; } .jspCorner { background: #eeeef4; float: left; height: 100%; } /* Yuk! CSS Hack for IE6 3 pixel bug :( */ * html .jspCorner { margin: 0 -3px 0 0; } .global-footer { margin-top: 45px; background: #f5f5f5; } .global-footer-image { width: 95px; margin: 0 auto; } .global-footer-image svg { display: block; width: 95px; height: 95px; transform: translateY(-50%); } .global-footer-services { background: #fff; padding: 0 20px 40px; margin: 0 24px; } .global-footer-services-headline { font-family: VilleroyAndBoch, Times, serif; font-size: 21px; line-height: 27px; margin-bottom: 10px; } .global-footer-services-text { font-family: Roboto, Arial, sans-serif; font-size: 14px; font-weight: 300; line-height: 21px; margin-bottom: 10px; } .global-footer-services-newsletter { position: relative; margin-bottom: 30px; } .global-footer-services-newsletter-form [name="email_1"] { position: absolute; border: none; padding: 0; height: 0; } .global-footer-services-newsletter-form-response { font-size: 16px; max-height: 0; overflow: hidden; } .global-footer-services-newsletter-form-response.show { animation: global-footer-services-newsletter-form-response-show 0.4s ease-in-out forwards; } .global-footer-services-newsletter-form-response.hide { animation: global-footer-services-newsletter-form-response-hide 0.2s ease-in-out forwards; } .global-footer-services-newsletter-form-response .newsletter-subscribe-message { display: none; margin-top: 10px; } .global-footer-services-newsletter-form-response i { font-size: 27px; vertical-align: middle; } .global-footer-services-newsletter-form-response span { vertical-align: middle; } .global-footer-services-newsletter-form-response [data-subscribe="ok"] i { color: #2ecc40; } .global-footer-services-newsletter-form-response [data-subscribe="invalid"] i { color: #ff851b; } .global-footer-services-newsletter-form-response [data-subscribe="error"] i { color: #ff4136; } .global-footer-services-newsletter-form .loader-circle-wrap { position: absolute; top: 0; left: 0; display: none; width: 100%; height: 100%; justify-content: center; align-items: center; background: rgba(255, 255, 255, 0.75); } .global-footer-services-newsletter-form .loader-circle-wrap.show { display: flex; } .global-footer-services-newsletter-input-wrap { display: flex; } .global-footer-services-newsletter-input-email { flex-grow: 2; padding: 5px 12px; border: 1px solid #ccc; font-family: Roboto, Arial, sans-serif; font-size: 14px; font-weight: 300; background: #fff; } .global-footer-services-newsletter-input-email.invalid { border-color: #ff851b; } .global-footer-services-newsletter-submit { padding: 5px 12px; font-family: Roboto, Arial, sans-serif; font-size: 14px; font-weight: 300; color: #fff; background: #43474A; border: 1px solid #43474A; } .global-footer-services-newsletter-submit:hover { color: #fff; background: #5991dc; border-color: #5991dc; } .global-footer-services-newsletter-gp { color: #adadad; font-family: Roboto, Arial, sans-serif; font-size: 12px; font-weight: 300; line-height: 14px; margin-top: 10px; } .global-footer-services-newsletter-gp a { color: #CFCFCF; border: none; text-decoration: underline; } .global-footer-services-dealer-locator { margin-bottom: 60px; } .global-footer-services-dealer-locator-cta { display: inline-block; padding: 5px 27px; font-family: Roboto, Arial, sans-serif; font-size: 14px; font-weight: 300; color: #fff; background: #43474A; border: none; text-decoration: none; } .global-footer-services-dealer-locator-cta:hover { color: #fff; background: #5991dc; } .global-footer-services-social-share { display: flex; justify-content: space-between; width: 140px; margin: 0 auto; } .global-footer-services-social-share a { display: block; border: none; } .global-footer-services-social-share a i { font-size: 18px; color: #000; } .global-footer-sitemap { margin: 20px 24px; } .global-footer-sitemap-block { padding: 10px 0; border-bottom: 1px solid #ccc; } .global-footer-sitemap-block:last-child { border: none; } .global-footer-sitemap-block.show .global-footer-sitemap-block-content { animation: global-footer-sitemap-block-show 0.6s ease-in-out forwards; } .global-footer-sitemap-block.show .global-footer-sitemap-block-minus { display: block; } .global-footer-sitemap-block.show .global-footer-sitemap-block-plus { display: none; } .global-footer-sitemap-block.hide .global-footer-sitemap-block-content { animation: global-footer-sitemap-block-hide 0.3s ease-in-out forwards; } .global-footer-sitemap-block a { border: none; } .global-footer-sitemap-block-headline { position: relative; font-family: VilleroyAndBoch, Times, serif; font-size: 21px; line-height: 27px; } .global-footer-sitemap-block-headline a { display: block; width: calc(100% - 35px); } .global-footer-sitemap-block-content { max-height: 0; overflow: hidden; } .global-footer-sitemap-block-item { margin-bottom: 6px; font-family: Roboto, Arial, sans-serif; font-size: 14px; font-weight: 300; line-height: 22px; } .global-footer-sitemap-block-item:first-child { padding: 15px 0 0; } .global-footer-sitemap-block-minus, .global-footer-sitemap-block-plus { position: absolute; top: 50%; right: 0; transform: translateY(-50%); width: 35px; height: 35px; padding: 5px; cursor: pointer; } .global-footer-sitemap-block-minus svg, .global-footer-sitemap-block-plus svg { width: 25px; height: 25px; } .global-footer-sitemap-block-minus { display: none; } .global-footer-meta { background: #023E84; font-family: Roboto, Arial, sans-serif; font-size: 14px; font-weight: 300; line-height: 16px; } .global-footer-meta a { color: #fff; border: none; } .global-footer-meta a:hover { border: none; text-decoration: none; } .global-footer-meta-language-selection { padding: 10px; text-align: center; } .global-footer-meta-language-selection-flag { display: inline-block; vertical-align: middle; margin-right: 3px; line-height: 0; } .global-footer-meta-language-selection-flag svg { width: 25px; height: 16px; } .global-footer-meta-language-selection-label { display: inline-block; vertical-align: middle; } .global-footer-meta-nav { display: flex; justify-content: space-between; padding: 10px; } .global-footer-meta-nav:before, .global-footer-meta-nav:after { content: ''; display: block; } @media (min-width: 768px) { .global-footer-services { max-width: 66%; margin: 0 auto; } .global-footer-sitemap { max-width: 66%; margin: 24px auto; } .global-footer-meta { display: flex; justify-content: space-between; padding: 0 24px; } .global-footer-meta-nav { justify-content: normal; } .global-footer-meta-nav:before, .global-footer-meta-nav:after { display: none; } .global-footer-meta-nav-item { margin: 0 24px; } .global-footer-meta-nav-item:last-child { margin: 0 0 0 24px; } } @media (min-width: 1024px) { .global-footer { display: flex; flex-wrap: wrap; } .global-footer-image { margin: 0 0 0 calc(100% - 95px); } .global-footer-services { width: calc(41% - 48px); max-width: none; padding: 0 20px 20px; margin: 0 24px; order: 2; } .global-footer-services-social-share { margin: 0 0 0 calc(100% - 140px); } .global-footer-sitemap { display: flex; flex-wrap: wrap; width: calc(59% - 24px); max-width: none; margin: 72px 0 24px 24px; order: 1; } .global-footer-sitemap-block { width: 33.3333%; padding: 0 12px; border: none; } .global-footer-sitemap-block:nth-child(3n + 1) { padding-left: 0; } .global-footer-sitemap-block:nth-child(3n + 3) { padding-right: 0; } .global-footer-sitemap-block-headline { font-size: 17px; line-height: 22px; } .global-footer-sitemap-block-headline a { width: auto; } .global-footer-sitemap-block-content { max-height: none; } .global-footer-sitemap-block-item { margin-bottom: 3px; } .global-footer-sitemap-block-minus, .global-footer-sitemap-block-plus { display: none; } .global-footer-meta { width: 100%; order: 3; } } @media (min-width: 1280px) { .global-footer { justify-content: center; margin-top: 90px; } .global-footer-image { width: 125px; margin: 0 0 0 calc(100% - 125px); } .global-footer-image svg { width: 125px; height: 125px; } .global-footer-services { max-width: 470px; padding: 0 30px 30px; } .global-footer-services-newsletter { margin-top: -30px; margin-bottom: 60px; } .global-footer-services-newsletter-submit { padding: 5px 36px; } .global-footer-sitemap { max-width: 676px; } .global-footer-meta { justify-content: center; padding: 0; } .global-footer-meta-language-selection { width: 585px; padding: 10px 0; text-align: left; } .global-footer-meta-nav { justify-content: flex-end; width: 585px; padding: 10px 0; } .global-footer-meta-nav-item:last-child { margin: 0 24px; } } @keyframes global-footer-services-newsletter-form-response-show { 0% { max-height: 0; } 100% { max-height: 50px; } } @keyframes global-footer-services-newsletter-form-response-hide { 0% { max-height: 50px; } 100% { max-height: 0; } } @keyframes global-footer-sitemap-block-show { 0% { max-height: 0; } 100% { max-height: 300px; } } @keyframes global-footer-sitemap-block-hide { 0% { max-height: 300px; } 100% { max-height: 0; } } #content .tx-solr { margin: 5px 0; } #content .tx-solr form { width: 80%; display: block; margin: 25px auto 0; position: relative; } @media screen and (max-width: 380px) { #content .tx-solr form { width: 50%; margin: 0px auto 0; } } #content .tx-solr form [type="search"] { width: 100%; box-shadow: none; border: 0; border-bottom: solid 1px #1c347d; background-color: transparent; outline: none; text-align: left; margin: 0; line-height: 20px; font-size: 18px; padding: 0 35px 5px 0; font-family: VilleroyAndBoch, Times, serif; border-radius: 0; -webkit-appearance: none; } #content .tx-solr form [type="submit"] { width: 20px; height: 20px; box-shadow: none; border: 0; outline: 0; display: block; position: absolute; right: -25px; top: -1px; background: none; border-radius: 0; -webkit-appearance: none; } #content .tx-solr form [type="submit"]::before { content: '\f002'; font-family: evb-icon; font-size: 18px; } .faq-list-view { display: none; } .brochures-list-view .article > div { display: table; width: 100%; margin-bottom: 10px; } .brochures-list-view .article div.clear { display: none; } .faq-brochures-left { display: table-cell; text-align: center; vertical-align: top; width: 15%; } .faq-brochures-left a { border: 0; } .faq-brochures-left img { display: inline-block !important; } .faq-brochures-right { display: table-cell; text-align: left; vertical-align: top; width: 85%; background-color: #DAE1E7; } .brochures-category .headline-layout-h2_21_dark:hover { color: #5991dc; } .brochures-subcategory-headline .headline-layout-h2_21_dark:hover { color: #5991dc; } .brochures-subcategory-headline .headline-layout-h2_21_dark.active { color: #5991dc; } .brochures-category .headline-layout-h2_21_dark.active { color: #5991dc; } .brochures-category { border-bottom: 1px dotted #e4e4e4; margin-bottom: 5px; cursor: pointer; } .brochures-subcategory-headline { border-bottom: 1px dotted #e4e4e4; margin-bottom: 5px; cursor: pointer; color: #315784; font-family: VilleroyAndBoch, Times, serif; font-size: 16px; } .brochures-subcategories-questions { display: none; padding-left: 25px; } .brochures-preview { line-height: 0; } .brochures-information { padding: 10px 10px 20px 30px; } .faq-list-view { display: none; } .faq-detail { padding-top: 10px; } .toggleFAQ.active { color: #5991dc; } .faq-answer { display: none; background-color: #DAE1E7; padding: 5px; overflow: auto; } .faq-brochures-icon-angle-down { float: right; } .faq-brochures-icon-angle-up { float: right; } .faq-close { padding-top: 5px; float: right; cursor: pointer; } .clear { clear: both; } .faq-feedback-pos { display: none; color: #5991dc; padding-top: 5px; } .faq-feedback-neg { display: none; color: #5991dc; padding-top: 5px; } .sticky-nav .sticky-nav-h { z-index: 100; } .sticky-nav .sticky-nav-h.isStuck { margin-top: 0 !important; max-width: 960px; } .sticky-nav .sticky-nav-h .sticky-menu-item { cursor: pointer; padding: 10px 0; } .sticky-nav .sticky-nav-h .sticky-menu-item:hover a, .sticky-nav .sticky-nav-h .sticky-menu-item.active a { color: #5991dc; border-bottom-color: #5991dc; } .sticky-nav .sticky-nav-h .sticky-menu-item + .grid-column .grid-cell { text-align: center; border-left: 1px dotted #43474a; } .sticky-nav .sticky-nav-h .sticky-menu-item .grid-cell { text-align: center; border-left: 1px dotted #43474a; } .sticky-nav .sticky-nav-h .sticky-menu-item:first-child .grid-cell { border-left: none; } .sticky-nav .sticky-nav-v { z-index: 100; } .sticky-nav .sticky-nav-v.isStuck { margin-top: 10px !important; } .sticky-nav .sticky-nav-v .grid-column { padding: 10px 0 15px; } .sticky-nav .sticky-nav-v .grid-cell { cursor: pointer; padding: 0 15px; } .sticky-nav .sticky-nav-v .grid-cell:hover a, .sticky-nav .sticky-nav-v .grid-cell.active a { color: #5991dc; border-bottom-color: #5991dc; } @media screen and (max-width: 960px) { .sticky-nav { display: none; } } .mmlc-preview_hidden_element { background: darkslategray; opacity: .5; position: relative; border: 1px solid lightcoral; } .mmlc-preview_hidden_element:after { content: "Hidden Element!"; position: absolute; top: 0; left: 0; z-index: 7583; width: 100%; height: 20px; line-height: 20px; background: lightcoral; color: white; } body { min-width: 0; } .b_grid-GridElement_Slider_100 { overflow: hidden; } @media screen and (max-width: 360px) { #content-wrap .grid-container { width: 100%; } .pdu-slider { margin-top: 17px; } .pdu-slider .pdu-slider-item-image { height: 235px; width: 280px; max-width: 100%; margin-left: auto; margin-right: auto; } #full-site-slider #fss-inner { width: 100% !important; max-width: 360px; } .container_4 { width: 100%; } .container_4 .grid-item:hover .grid-item-bottom { background-color: #E2EBF0; } .container_4 .grid-item-top-border-overlay { border: none; } .container_4 .grid-item.grid_2 { width: auto; } .grid-item.grid_2 { height: auto; width: 100%; max-width: 360px; float: none; display: block; margin-left: auto; margin-right: auto; } .grid-item.grid_2 .grid-item-top { height: auto; } .grid-item.grid_2 .grid-item-top .csc-textpic .csc-textpic-single-image img { margin-bottom: 0; } .grid-item.grid_2 .grid-item-top .csc-textpic .csc-textpic-imagewrap { width: auto !important; } .tx-mmpdu .pdu-collection-list-alpha { margin: 0 10px; } .tx-mmpdu .pdu-collection-filter-wrap { padding-right: 10px; padding-left: 10px; } } @media screen and (max-width: 380px) { .grid-column p, .grid-column h2, .grid-column h3, .grid-column .headline { padding-left: 10px; padding-right: 10px; } } .grid-row-background-color-blue .b_grid-GridElement_50-50 img { padding: 15px 0 15px 15px; } .grid-row-background-color-dark-blue .b_grid-GridElement_50-50 img { padding: 15px 0 15px 15px; } .grid-row-background-color-deep-blue .b_grid-GridElement_50-50 img { padding: 15px 0 15px 15px; } .grid-row-background-color-light-blue .b_grid-GridElement_50-50 img { padding: 15px 0 15px 15px; } .grid-row-background-color-super-light-blue .b_grid-GridElement_50-50 img { padding: 15px 0 15px 15px; } .grid-row-background-color-grey .b_grid-GridElement_50-50 img { padding: 15px 0 15px 15px; } .grid-row-background-color-dark-grey .b_grid-GridElement_50-50 img { padding: 15px 0 15px 15px; } .grid-row-background-color-light-grey .b_grid-GridElement_50-50 img { padding: 15px 0 15px 15px; } .grid-row-background-color-medium-light-grey .b_grid-GridElement_50-50 img { padding: 15px 0 15px 15px; } .grid-row-background-color-headline-grey .b_grid-GridElement_50-50 img { padding: 15px 0 15px 15px; } .grid-row-background-color-dark-anthracite .b_grid-GridElement_50-50 img { padding: 15px 0 15px 15px; } @media screen and (max-width: 1024px) { #content > .grid-cell:first-child, #content > .b_grid-GridElement_100:first-child, #content > [class*='grid-row-background-color-']:first-child { padding-top: 20px; } } @media screen and (max-width: 960px) { h1[class*='headline-layout-'] { margin-top: 30px; } [class*='b_grid'] { width: 100%; max-width: 360px; margin-left: auto; margin-right: auto; margin-top: 0 !important; margin-bottom: 0 !important; } [class*='b_grid'] .grid-column { margin-bottom: 30px; margin-right: auto; } [class*='b_grid'].b_grid-GridElement_50-50 .grid-cell:not(.slick-slide) + .grid-cell:not(.slick-slide) { margin-top: 30px; } [class*='b_grid'] .grid-cell, [class*='b_grid'] .grid-row { margin-bottom: 0; } [class*='csc-space-before'] { margin-top: 0 !important; } [class*='csc-space-before'] > p { margin-top: 10px !important; } [class*='csc-space-after'] { margin-bottom: 0 !important; } [class*='csc-textpic-intext-'] .csc-textpic-imagewrap { clear: both; float: none; } [class*='csc-textpic-intext-'] .csc-textpic-imagewrap img { margin-left: auto; margin-right: auto; } [class*='csc-textpic-intext-'] .csc-textpic-text { margin-left: 0; margin-right: 0; } #full-site-slider #fss-inner { width: 568px; margin-left: auto; margin-right: auto; left: 0 !important; } #full-site-slider #fss-inner .fss-item-overlay { position: relative; margin-left: 0; bottom: 0; } #full-site-slider #fss-inner .fss-item-overlay .fss-item-overlay-bg { background: #f0f0f0; opacity: 1; } #full-site-slider #fss-inner .fss-nav-dots { background: none; width: 100%; } .container_4 { width: 100%; margin-left: auto; margin-right: auto; } .container_4 .grid-item { margin-bottom: 30px; } .container_4 .grid_2 .grid-item-top-border-overlay { height: 250px; width: 358px; } .container_4 .grid_1 .grid-item-top-border-overlay { height: 250px; width: 221px; } .grid-item.grid_2 { width: 100%; max-width: 360px; float: none; display: block; margin-left: auto; margin-right: auto; } .csc-frame .csc-textpic .csc-textpic-imagewrap { padding-left: 20px; padding-right: 20px; width: auto !important; } #seo-text-multi-column .csc-textpic-imagewrap, #seo-text-multi-column .csc-textpic-imagewrap ~ div > .csc-textpic-text p { margin-left: auto; margin-right: auto; float: none; width: 100%; } #seo-text-multi-column .csc-textpic .csc-textpic-imagewrap ~ div { margin-right: 0 !important; } #seo-text-multi-column { width: 100%; padding-left: 20px; padding-right: 20px; } .grid-item.grid_1 { max-width: 223px; height: auto; width: 100%; float: none; display: block; margin-left: auto; margin-right: auto; } .grid-container .b_grid-GridElement_Slider_100 .slider .slider-sliderItem-textOverlayInner { padding: 30px; background: #f0f0f0; } .grid-container .b_grid-GridElement_Slider_100 .slider .slider-sliderItem-textOverlayInner, .grid-container .b_grid-GridElement_Slider_100 .slider .slider-sliderItem-textOverlay { position: static; max-width: 100%; width: 100%; } .grid-container .b_grid-GridElement_Slider_100 .slick-arrow { display: none !important; } .b_grid-GridElement_Slider_100 .pdu-slider .slick-arrow { display: table !important; } .lazy-content--button-load-more:hover, .cta-button-filled:hover { border-color: #315784; background-color: #315784; } .grid-row.grid-row-background-color-blue .b_grid-GridElement_50-50 img { padding: 0; } .grid-row.grid-row-background-color-dark-blue .b_grid-GridElement_50-50 img { padding: 0; } .grid-row.grid-row-background-color-deep-blue .b_grid-GridElement_50-50 img { padding: 0; } .grid-row.grid-row-background-color-light-blue .b_grid-GridElement_50-50 img { padding: 0; } .grid-row.grid-row-background-color-super-light-blue .b_grid-GridElement_50-50 img { padding: 0; } .grid-row.grid-row-background-color-grey .b_grid-GridElement_50-50 img { padding: 0; } .grid-row.grid-row-background-color-dark-grey .b_grid-GridElement_50-50 img { padding: 0; } .grid-row.grid-row-background-color-light-grey .b_grid-GridElement_50-50 img { padding: 0; } .grid-row.grid-row-background-color-medium-light-grey .b_grid-GridElement_50-50 img { padding: 0; } .grid-row.grid-row-background-color-headline-grey .b_grid-GridElement_50-50 img { padding: 0; } .grid-row.grid-row-background-color-dark-anthracite .b_grid-GridElement_50-50 img { padding: 0; } .grid-row-background-color-light-grey.b_grid-GridElement_50-50.slick-slide .headline:first-child { margin: 1rem 0 !important; } .b_grid-GridElement_Slider_100 { max-width: 100%; } .b_grid-GridElement_Slider_100 .grid-column { margin-bottom: 35px !important; } .b_grid-GridElement_Slider_100 .grid-column .grid-column { margin-bottom: 0 !important; } .b_grid-GridElement_Slider_100 ul.slick-dots { display: block !important; } .grid-column.column12.last-grid-column.slider.slick-initialized.slick-slider.slick-dotted { height: auto !important; } .grid-column.column12.last-grid-column.slider.slick-initialized.slick-slider.slick-dotted .padding-right, .grid-column.column12.last-grid-column.slider.slick-initialized.slick-slider.slick-dotted .padding-left { padding: 0; } .b_grid-GridElement_66-33 .csc-textpic img[src], .b_grid-GridElement_33-66 .csc-textpic img[src], .b_grid-GridElement_50-50 .csc-textpic img[src], .b_grid-GridElement_33-33-33 .csc-textpic img[src] { min-width: 100%; height: auto; } .b_grid-GridElement_66-33 div.csc-textpic-center .csc-textpic-center-outer, .b_grid-GridElement_66-33 div.csc-textpic-center .csc-textpic-center-inner, .b_grid-GridElement_33-66 div.csc-textpic-center .csc-textpic-center-outer, .b_grid-GridElement_33-66 div.csc-textpic-center .csc-textpic-center-inner, .b_grid-GridElement_50-50 div.csc-textpic-center .csc-textpic-center-outer, .b_grid-GridElement_50-50 div.csc-textpic-center .csc-textpic-center-inner, .b_grid-GridElement_33-33-33 div.csc-textpic-center .csc-textpic-center-outer, .b_grid-GridElement_33-33-33 div.csc-textpic-center .csc-textpic-center-inner { position: static; float: none; right: auto; } .b_grid-GridElement_66-33 .imagetextbox-text-wrap, .b_grid-GridElement_33-66 .imagetextbox-text-wrap, .b_grid-GridElement_50-50 .imagetextbox-text-wrap, .b_grid-GridElement_33-33-33 .imagetextbox-text-wrap { overflow: hidden !important; padding: 0 !important; height: auto !important; margin: 0 !important; } .b_grid-GridElement_66-33 .imagetextbox-text-wrap > div, .b_grid-GridElement_33-66 .imagetextbox-text-wrap > div, .b_grid-GridElement_50-50 .imagetextbox-text-wrap > div, .b_grid-GridElement_33-33-33 .imagetextbox-text-wrap > div { height: auto !important; } .b_grid-GridElement_100 .b_grid-GridElement_50-50 { padding: 0; } .b_grid-GridElement_100 .b_grid-GridElement_50-50 .grid-column { margin-bottom: 0; margin-top: 20px; } .b_grid-GridElement_Slider_100 .b_grid-GridElement_50-50 { padding: 15px; } .b_grid-GridElement_Slider_100 .b_grid-GridElement_50-50.slick-slide { max-width: 100%; } [class*='grid-row-background-color-'] .padding-top { padding-top: 0; } [class*='grid-row-background-color-'] .padding-right { padding-right: 0; } [class*='grid-row-background-color-'] .padding-left { padding-left: 0; } [class*='grid-row-background-color-'] .padding-bottom { padding-bottom: 0; } [class*='grid-row-background-color-']:not(.b_grid-GridElement_100) { padding: 15px; margin-bottom: 50px !important; } [class*='grid-row-background-color-'].b_grid-GridElement_100 .b_grid-GridElement_50-50 .grid-column { margin-top: 0; } [class*='grid-row-background-color-'] form { padding: 0 15px 15px 15px; } .tx-vb-formgenerator .tx-srfreecap-image { margin-top: 5px; } .tx-vb-formgenerator .tx-srfreecap-cant-read { display: block; margin-top: 5px; } .tx-vb-formgenerator .vbformgenerator_cta-button-filled { margin-top: 15px; } #content > .grid-row.b_grid-GridElement_Slider_100 { margin-bottom: 50px !important; } #content > .b_grid-GridElement_100 { padding: 15px; } #content > [class*='grid-row-background-color-'] { padding: 15px; } #content > [class*='grid-row-background-color-'].grid-row { margin-bottom: 50px !important; } #content .b_grid-GridElement_Slider_100 .slick-next, #content .b_grid-GridElement_Slider_100 .slick-prev { display: none !important; } [class*='action-bar'] { border-top: 1px solid #cdcdcd; padding: 15px 0; } .b_grid-GridElement_25-25-25-25 .grid-cell a[class*='cta-button'] { display: inline-block; } .b_grid-GridElement_25-25-25-25 .grid-column.column3 .imagetextbox-bordered .imagetextbox-headertext-wrap { min-height: 80px; } .b_grid-GridElement_100 .grid-cell + .grid-cell .csc-textpic, .b_grid-GridElement_100 .grid-cell + .grid-cell .pdu-slider-milieu, .b_grid-GridElement_100 .grid-cell + .grid-cell .imagetextbox { margin-top: 50px; } .b_grid-GridElement_100 .grid-cell + .grid-cell .csc-textpic .csc-textpic, .b_grid-GridElement_100 .grid-cell + .grid-cell .pdu-slider-milieu .csc-textpic, .b_grid-GridElement_100 .grid-cell + .grid-cell .imagetextbox .csc-textpic { margin-top: 0; } .b_grid-GridElement_100 .b_grid-GridElement_Slider_100 .grid-cell + .grid-cell .csc-textpic { margin-top: 0; } .b_grid-GridElement_100 .grid-cell + .b_grid-GridElement_Slider_100 { margin-top: 50px !important; } .pdu-slider-milieu .slick-arrow { display: none !important; } .gallery .gallery-images { margin-left: -10px; margin-right: -10px; max-width: initial; width: auto; clear: both; } .gallery .gallery-images > a { max-width: 50%; display: inline-block; padding-left: 5px; padding-right: 6px; margin: 5px 0; float: left; } #product_detail_product_image_link { display: none; } div.product_detail_image_frame { height: auto; width: auto; padding: 0; } .product_detail_variation_column { width: 100% !important; margin-top: 20px !important; } .grid-cell .padding-left { padding-left: 0; } .grid-cell .padding-right { padding-right: 0; } .b_grid-GridElement_33-33-33 .grid-column { width: 50%; } .b_grid-GridElement_33-33-33 .grid-column:nth-child(odd) { padding-right: 5px; } .b_grid-GridElement_33-33-33 .grid-column:nth-child(even) { padding-left: 5px; } .b_grid-GridElement_33-33-33 .grid-column:last-child { width: 100%; padding-left: 0; padding-right: 0; } .b_grid-GridElement_33-33-33 .grid-column:last-child .csc-textpic-imagewrap { text-align: center; width: 100%; } .tx-mmpdu .pdu-filter-list { width: 100%; } .tx-mmpdu .pdu-product-filter-block.column3 { width: 100%; margin-bottom: 10px; } .tx-mmpdu .pdu-product-filter-block.column9 { width: 100%; margin-bottom: 10px; } .tx-mmpdu .pdu-product-filter-block-headline { margin-bottom: 10px; } .tx-mmpdu .column3 { width: 50%; } .tx-mmpdu .pdu-product-row { margin-left: -10px; margin-right: -10px; max-width: none; width: auto; } .tx-mmpdu .pdu-product-row .grid-column.column3 { margin-bottom: 0; padding-left: 10px; padding-right: 10px; } .tx-mmpdu .pdu-product-row .grid-column.column3:nth-of-type(2n+1) { clear: both; } .tx-mmpdu .pdu-product-overview .pdu-product-cell { margin-top: 10px; margin-bottom: 10px; } .tx-mmpdu .pdu-product-overview-image { height: 180px; } .tx-mmpdu .pdu-product-overview-image > img { padding: 10px; } .tx-mmpdu .pdu-product-overview-label-wrap { text-align: left; } .tx-mmpdu .pdu-product-overview-label { width: 100%; padding: 0; min-height: 100px; font-size: 13px; } .tx-mmpdu .pdu-product-overview .pdu-overview-show-more-wrap { margin-top: 25px; margin-bottom: 0; } .grid-column [class*="footer-bar-"] { padding: 25px 9px 25px 45px; } .grid-column [class*="footer-bar-"]:before { left: 9px; } .grid-column [class*="footer-bar-"]:after { content: ""; display: block; position: absolute; height: 25px; bottom: -25px; left: -15px; right: -15px; background: #fff; } .grid-column [class*="footer-bar-"].last-grid-column:after { display: none; } .grid-column [class*="footer-bar-"] .headline, .grid-column [class*="footer-bar-"] p { padding-left: 0; padding-right: 0; } .grid-column.last-grid-column [class*="footer-bar-"]:after { display: none; } .grid-row-background-color-blue .tx-mmcontentpool { margin-top: -15px; margin-bottom: -90px !important; padding-bottom: 0 !important; } .grid-row-background-color-blue .tx-mmcontentpool [class*="footer-bar-"] { background: #315784; } .grid-row-background-color-blue .tx-mmcontentpool .grid-column { margin-bottom: 25px; } .grid-row-background-color-dark-blue .tx-mmcontentpool { margin-top: -15px; margin-bottom: -90px !important; padding-bottom: 0 !important; } .grid-row-background-color-dark-blue .tx-mmcontentpool [class*="footer-bar-"] { background: #023e84; } .grid-row-background-color-dark-blue .tx-mmcontentpool .grid-column { margin-bottom: 25px; } .grid-row-background-color-deep-blue .tx-mmcontentpool { margin-top: -15px; margin-bottom: -90px !important; padding-bottom: 0 !important; } .grid-row-background-color-deep-blue .tx-mmcontentpool [class*="footer-bar-"] { background: #0B1921; } .grid-row-background-color-deep-blue .tx-mmcontentpool .grid-column { margin-bottom: 25px; } .grid-row-background-color-light-blue .tx-mmcontentpool { margin-top: -15px; margin-bottom: -90px !important; padding-bottom: 0 !important; } .grid-row-background-color-light-blue .tx-mmcontentpool [class*="footer-bar-"] { background: #5991dc; } .grid-row-background-color-light-blue .tx-mmcontentpool .grid-column { margin-bottom: 25px; } .grid-row-background-color-super-light-blue .tx-mmcontentpool { margin-top: -15px; margin-bottom: -90px !important; padding-bottom: 0 !important; } .grid-row-background-color-super-light-blue .tx-mmcontentpool [class*="footer-bar-"] { background: #e2ebf0; } .grid-row-background-color-super-light-blue .tx-mmcontentpool .grid-column { margin-bottom: 25px; } .grid-row-background-color-grey .tx-mmcontentpool { margin-top: -15px; margin-bottom: -90px !important; padding-bottom: 0 !important; } .grid-row-background-color-grey .tx-mmcontentpool [class*="footer-bar-"] { background: #808588; } .grid-row-background-color-grey .tx-mmcontentpool .grid-column { margin-bottom: 25px; } .grid-row-background-color-dark-grey .tx-mmcontentpool { margin-top: -15px; margin-bottom: -90px !important; padding-bottom: 0 !important; } .grid-row-background-color-dark-grey .tx-mmcontentpool [class*="footer-bar-"] { background: #43474a; } .grid-row-background-color-dark-grey .tx-mmcontentpool .grid-column { margin-bottom: 25px; } .grid-row-background-color-light-grey .tx-mmcontentpool { margin-top: -15px; margin-bottom: -90px !important; padding-bottom: 0 !important; } .grid-row-background-color-light-grey .tx-mmcontentpool [class*="footer-bar-"] { background: #f0f0f0; } .grid-row-background-color-light-grey .tx-mmcontentpool .grid-column { margin-bottom: 25px; } .grid-row-background-color-medium-light-grey .tx-mmcontentpool { margin-top: -15px; margin-bottom: -90px !important; padding-bottom: 0 !important; } .grid-row-background-color-medium-light-grey .tx-mmcontentpool [class*="footer-bar-"] { background: #cdcdcd; } .grid-row-background-color-medium-light-grey .tx-mmcontentpool .grid-column { margin-bottom: 25px; } .grid-row-background-color-headline-grey .tx-mmcontentpool { margin-top: -15px; margin-bottom: -90px !important; padding-bottom: 0 !important; } .grid-row-background-color-headline-grey .tx-mmcontentpool [class*="footer-bar-"] { background: #8d8d8d; } .grid-row-background-color-headline-grey .tx-mmcontentpool .grid-column { margin-bottom: 25px; } .grid-row-background-color-dark-anthracite .tx-mmcontentpool { margin-top: -15px; margin-bottom: -90px !important; padding-bottom: 0 !important; } .grid-row-background-color-dark-anthracite .tx-mmcontentpool [class*="footer-bar-"] { background: #1a1b1b; } .grid-row-background-color-dark-anthracite .tx-mmcontentpool .grid-column { margin-bottom: 25px; } .tx-mmpdu .pdu-collection-filter-wrap { margin-top: 35px; } .tx-mmpdu .pdu-collection-filter { width: 100%; text-align: center; } .tx-mmpdu .pdu-collection-filter-item { float: none; display: inline-block; } .tx-mmpdu .pdu-collection-filter-list-all { text-align: center; width: 100%; margin-top: 12px; } .tx-mmpdu .pdu-collection-cell:hover .pdu-collection-overview-layer { display: none; } .tx-mmpdu .pdu-collection-cell:hover .pdu-collection-overview-label-wrap { background-color: #E2EBF0; } .tx-mmpdu .pdu-collection-list-wrap .grid-cell { margin-bottom: 30px; } .b_grid-GridElement_25-25-25-25 .grid-column { width: 100%; float: none; } .b_grid-GridElement_25-25-25-25 .grid-column [class*='action-bar'] { padding: 30px 0 0; } .b_brochures .b_cover, .b_brochures .flex-row > .grid-column, .b_brochures .flex-row > .grid-column > .grid-cell { display: block !important; width: 100%; } .b_brochures .grid-column:last-child { margin-bottom: 0 !important; } .b_brochures .brochures-subcategories-questions { padding-top: 15px; } .b_brochures .grid-column { margin-bottom: 15px; margin-right: 0; } .imagetextbox { margin-bottom: 10px !important; } .tx-mmpdu .pdu-collection-overview .pdu-collection-row .grid-column { width: 100%; margin: 0 0 50px 0; float: left; } .tx-mmpdu .pdu-collection-overview .pdu-collection-row .grid-column:last-child { margin-bottom: 50px; } .tx-mmpdu .pdu-collection-filter-wrap { margin-bottom: 15px; } .fss-nav-dots { height: 27px; } a.cta-button-framed, a.cta-button-filled { display: inline-block; margin-top: 15px; } } @media screen and (min-width: 960px) { .container_4 .grid_2 .grid-item-top-border-overlay { height: 250px; width: 466px; } .container_4 .grid_1 .grid-item-top-border-overlay { height: 250px; width: 221px; } .fss-nav-dots { height: 27px; } } @media screen and (max-width: 759px) { #full-site-slider #fss-inner { width: 360px; margin-left: auto; margin-right: auto; } #content { width: 320px; } #header.grid-container { width: auto; } } @media (min-width: 760px) { #content { width: 760px; } } @media (max-width: 760px) { .tx-mmpdu .pdu-product-overview-label { font-size: 12px; } } @media screen and (max-width: 360px) { .hidden-xs { display: none !important; } } @media screen and (min-width: 361px) and (max-width: 960px) { .hidden-md { display: none !important; } } @media screen and (min-width: 960px) { .hidden-lg { display: none !important; } } @media (max-width: 380px) { .product_detail_product_attributes { padding-left: 10px; padding-right: 10px; } .grid-cell .indent { padding: 0 10px; } .grid-cell .indent > .indent { padding: 0; } } @media (max-width: 960px) { .column12 .grid-cell .csc-default .grid-row-background-color-super-light-blue.b_grid-GridElement_33-33-33 .column4 { width: 100%; } .column12 .grid-cell .csc-default .grid-row-background-color-super-light-blue.b_grid-GridElement_33-33-33 .column4 .footer-bar-fragen::after { right: -20px; } .column12 .grid-cell .csc-default .grid-row-background-color-super-light-blue.b_grid-GridElement_33-33-33 .column4 .footer-bar-badinspirator::after { left: -20px; } } .csc-space-before-40 > h3, .csc-space-before-15 > p { padding: 16px 16px 0 16px; } @media (min-width: 960px) { #userlike-tab { right: 8% !important; } } @media (min-width: 1060px) { #userlike-tab { right: 2% !important; } } .b_grid-GridElement_Slider_Info_Points { width: 100%; margin: 0; } .b_grid-GridElement_Slider_Info_Points .slick-prev, .b_grid-GridElement_Slider_Info_Points .slick-next { background: none; } .b_grid-GridElement_Slider_Info_Points .slick-prev::before, .b_grid-GridElement_Slider_Info_Points .slick-next::before { color: #fff; font-size: 24px; font-weight: bold; } .b_grid-GridElement_Slider_Info_Points .slick-prev:hover, .b_grid-GridElement_Slider_Info_Points .slick-next:hover { background: none; } .b_grid-GridElement_Slider_Info_Points .slick-prev:hover::before, .b_grid-GridElement_Slider_Info_Points .slick-next:hover::before { color: #5991dc; } .b_grid-GridElement_Slider_Info_Points .slick-prev.image-info-point-says-hide, .b_grid-GridElement_Slider_Info_Points .slick-next.image-info-point-says-hide { visibility: hidden; } .b_grid-GridElement_Slider_Info_Points .slick-dots { display: none; visibility: hidden; height: 0; width: 0; overflow: hidden; } .b_grid-GridElement_100_image-infopoint-container { width: 100%; margin: 0; } .image-info-point--main-image > .grid-cell { margin: 0; } .image-info-point--main-image--overlay { display: none; } .image-info-point--main-image--info-point { position: absolute; cursor: pointer; } .image-info-point--main-image--info-point > span { vertical-align: middle; color: #fff; font-size: 20px; font-family: VilleroyAndBoch, Times, serif; font-style: italic; } .image-info-point--main-image--info-point::before { content: 'i'; display: inline-block; vertical-align: middle; width: 20px; height: 20px; border: 2px solid #fff; border-radius: 50%; background-color: #023e84; text-align: center; line-height: 20px; font-size: 16px; font-family: Arial, sans-serif; font-weight: bold; color: #fff; margin-right: 5px; animation: animation--image-info-point--info-point 2s infinite; } .image-info-point--items { display: none; position: absolute; top: 0; left: 0; width: 100%; z-index: 3; } .image-info-point--items > .grid-cell { margin: 0; } .image-info-point--item { position: absolute; display: none; opacity: 0; background-color: rgba(255, 255, 255, 0.9); } .image-info-point--item--close { display: inline-block; width: 30px; height: 30px; text-align: center; background-color: #fff; border-radius: 50%; position: absolute; top: 10px; right: 10px; cursor: pointer; z-index: 2; } .image-info-point--item--close > i { line-height: 30px; font-size: 24px; color: #023e84; } .image-info-point--item--animation-show { animation: image-info-point--item--animation-show 300ms ease-in forwards; position: relative; display: block; } .image-info-point--item--text { padding: 10px 5px; box-sizing: border-box; } .image-info-point--item--text .cta-button-filled, .image-info-point--item--text .cta-button-framed { display: inline-block; margin-bottom: 5px; } .image-info-point--item--image { position: relative; box-sizing: border-box; } .image-info-point--item--image > img { opacity: 0; } .image-info-point--item--image--animation-show { animation: image-info-point--item--image--animation-show 300ms ease-in forwards; } .image-info-point--item--image--animation-hide { animation: image-info-point--item--image--animation-hide 300ms ease-in forwards; position: absolute; top: 0; left: 0; } .image-info-point--item--images { padding: 0 5px; } .image-info-point--item--images.show-desktop { display: none; } .image-info-point--item--images--item { float: left; width: 22%; margin-right: 4%; border: 1px solid #cdcdcd; box-sizing: border-box; cursor: pointer; } .image-info-point--item--images--item:nth-child(4n) { margin-right: 0; } .image-info-point--item--images--item.current { border-color: #023e84; } @keyframes image-info-point--item--animation-show { from { opacity: 0; } to { opacity: 1; } } @keyframes image-info-point--item--image--animation-show { from { opacity: 0; } to { opacity: 1; } } @keyframes image-info-point--item--image--animation-hide { from { opacity: 1; } to { opacity: 0; } } @media (min-width: 760px) { .b_grid-GridElement_Slider_Info_Points { max-width: none; } .b_grid-GridElement_Slider_Info_Points .slick-prev::before, .b_grid-GridElement_Slider_Info_Points .slick-next::before { font-size: 35px; } .b_grid-GridElement_Slider_Info_Points .slick-prev { left: 15px; } .b_grid-GridElement_Slider_Info_Points .slick-next { right: 15px; } .b_grid-GridElement_100_image-infopoint-container { max-width: none; } .image-info-point--main-image--info-point > span { font-size: 30px; } .image-info-point--main-image--info-point::before { width: 30px; height: 30px; line-height: 30px; font-size: 26px; } .image-info-point--item--images { padding: 0 10px; } .image-info-point--item--images--item { width: 14.5%; margin-right: 2%; } } @media (min-width: 960px) { .b_grid-GridElement_Slider_Info_Points .slick-prev::before, .b_grid-GridElement_Slider_Info_Points .slick-next::before { font-size: 45px; } .b_grid-GridElement_Slider_Info_Points .slick-prev { left: 20px; } .b_grid-GridElement_Slider_Info_Points .slick-next { right: 20px; } .image-info-point--main-image--overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.65); z-index: 1; } .image-info-point--main-image--overlay--animation-show { display: block; opacity: 0; animation: image-info-point--main-image--overlay--animation-show 300ms forwards; } .image-info-point--main-image--info-point > span { font-size: 45px; } .image-info-point--main-image--info-point::before { width: 55px; height: 55px; border: 3px solid #fff; line-height: 55px; font-size: 40px; margin-right: 15px; } .image-info-point--items { width: 920px; height: 398px; margin: 47px 20px; z-index: 2; } .image-info-point--item--close { width: 40px; height: 40px; } .image-info-point--item--close > i { line-height: 40px; font-size: 28px; } .image-info-point--item--text { float: left; width: 35%; padding: 25px; } .image-info-point--item--text--headline .headline { margin-top: 0; font-size: 30px; } .image-info-point--item--images { padding: 0; margin-top: 25px; } .image-info-point--item--images.show-desktop { display: block; } .image-info-point--item--images.hide-desktop { display: none; } .image-info-point--item--images--item { width: 22%; margin-right: 4%; } .image-info-point--item--image { float: right; width: 65%; } } @keyframes image-info-point--main-image--overlay--animation-show { from { opacity: 0; } to { opacity: 1; } } @keyframes animation--image-info-point--info-point { 0% { transform: scale(0.8); } 40% { transform: scale(1); } 80% { transform: scale(0.8); } 100% { transform: scale(0.8); } } @media (min-width: 1170px) { .b_grid-GridElement_Slider_Info_Points { width: 1170px; margin: 0 -105px; } .image-info-point--items { width: 1040px; height: 450px; margin: 75px 65px; } } .perspective-image-gallery--container { position: relative; overflow-x: hidden; } .perspective-image-gallery--item--image { position: relative; width: 260px; margin: 0 auto; outline: 1px solid transparent; } .perspective-image-gallery--item--caption { position: absolute; bottom: 0; left: 0; width: 100%; color: #fff; display: none; } .perspective-image-gallery--item--caption--headline { float: left; width: 78%; font-family: VilleroyAndBoch, Times, serif; font-size: 20px; box-sizing: border-box; padding: 10px; } .perspective-image-gallery--item--caption--button-wrap { float: left; width: 22%; text-align: right; box-sizing: border-box; padding: 0 5px 0 0; } .perspective-image-gallery--item--caption--button { display: inline-block; vertical-align: middle; padding: 0 3px; margin: 0 3px; font-size: 38px; cursor: pointer; } .perspective-image-gallery--item--text { width: 100%; margin: 20px 0; padding: 10px 15px; box-sizing: border-box; display: none; } .perspective-image-gallery--item--text.get-height { display: block; visibility: hidden; } .perspective-image-gallery--item--text--headline .headline { margin-top: 0; } .perspective-image-gallery--item { position: absolute; top: 0; opacity: 0; perspective: 600px; } .perspective-image-gallery--item.current { left: 0; width: 100%; opacity: 1; z-index: 3; } .perspective-image-gallery--item.current .perspective-image-gallery--item--text { display: block; animation: perspective-image-gallery--item--text-show 500ms forwards; } .perspective-image-gallery--item.current .perspective-image-gallery--item--caption { display: block; animation: perspective-image-gallery--item--text-show 500ms forwards; } .perspective-image-gallery--item.position-right-1, .perspective-image-gallery--item.position-right-2, .perspective-image-gallery--item.position-left-1, .perspective-image-gallery--item.position-left-2 { opacity: 1; } .perspective-image-gallery--item.position-right-1 { left: 34%; z-index: 2; } .perspective-image-gallery--item.position-right-1 .perspective-image-gallery--item--image { transform: rotateY(-30deg) scale(0.86); } .perspective-image-gallery--item.position-right-2 { left: 49%; z-index: 1; } .perspective-image-gallery--item.position-right-2 .perspective-image-gallery--item--image { transform: rotateY(-60deg) scale(0.79); } .perspective-image-gallery--item.position-left-1 { left: -6.8%; z-index: 2; } .perspective-image-gallery--item.position-left-1 .perspective-image-gallery--item--image { transform: rotateY(30deg) scale(0.86); } .perspective-image-gallery--item.position-left-2 { left: -21.5%; z-index: 1; } .perspective-image-gallery--item.position-left-2 .perspective-image-gallery--item--image { transform: rotateY(60deg) scale(0.79); } .perspective-image-gallery--item.animate-from-right-1-to-current { opacity: 1; left: 34%; z-index: 3; animation: perspective-image-gallery--item--from-right-1-to-current 500ms forwards; } .perspective-image-gallery--item.animate-from-right-1-to-current .perspective-image-gallery--item--image { animation: perspective-image-gallery--item--image--from-right-1-to-current 500ms forwards; } .perspective-image-gallery--item.animate-from-current-to-right-1 { opacity: 1; left: 30.75%; z-index: 3; animation: perspective-image-gallery--item--from-right-1-to-current 500ms reverse backwards ease-in-out; } .perspective-image-gallery--item.animate-from-current-to-right-1 .perspective-image-gallery--item--image { animation: perspective-image-gallery--item--image--from-right-1-to-current 500ms reverse backwards ease-in-out; } .perspective-image-gallery--item.animate-from-right-2-to-right-1 { opacity: 1; left: 49%; z-index: 2; animation: perspective-image-gallery--item--from-right-2-to-right-1 500ms forwards; } .perspective-image-gallery--item.animate-from-right-2-to-right-1 .perspective-image-gallery--item--image { animation: perspective-image-gallery--item--image--from-right-2-right-1 500ms forwards; } .perspective-image-gallery--item.animate-from-right-1-to-right-2 { opacity: 1; left: 34%; z-index: 2; animation: perspective-image-gallery--item--from-right-2-to-right-1 500ms reverse backwards ease-in-out; } .perspective-image-gallery--item.animate-from-right-1-to-right-2 .perspective-image-gallery--item--image { animation: perspective-image-gallery--item--image--from-right-2-right-1 500ms reverse backwards ease-in-out; } .perspective-image-gallery--item.animate-from-right-hidden-to-right-2 { opacity: 1; left: 55%; z-index: 1; animation: perspective-image-gallery--item--from-right-hidden-to-right-2 500ms forwards; } .perspective-image-gallery--item.animate-from-right-hidden-to-right-2 .perspective-image-gallery--item--image { animation: perspective-image-gallery--item--image--from-right-hidden-to-right-2 500ms forwards; } .perspective-image-gallery--item.animate-from-right-2-to-hidden { opacity: 1; left: 49%; z-index: 1; animation: perspective-image-gallery--item--from-right-hidden-to-right-2 500ms reverse backwards ease-in-out; } .perspective-image-gallery--item.animate-from-right-2-to-hidden .perspective-image-gallery--item--image { animation: perspective-image-gallery--item--image--from-right-hidden-to-right-2 500ms reverse backwards ease-in-out; } .perspective-image-gallery--item.animate-from-current-to-left-1 { opacity: 1; left: 30.75%; z-index: 3; animation: perspective-image-gallery--item--from-current-to-left-1 500ms forwards; } .perspective-image-gallery--item.animate-from-current-to-left-1 .perspective-image-gallery--item--image { animation: perspective-image-gallery--item--image--from-current-to-left-1 500ms forwards; } .perspective-image-gallery--item.animate-from-left-1-to-current { opacity: 1; left: -6.8%; z-index: 3; animation: perspective-image-gallery--item--from-current-to-left-1 500ms reverse backwards ease-in-out; } .perspective-image-gallery--item.animate-from-left-1-to-current .perspective-image-gallery--item--image { animation: perspective-image-gallery--item--image--from-current-to-left-1 500ms reverse backwards ease-in-out; } .perspective-image-gallery--item.animate-from-left-1-to-left-2 { opacity: 1; left: -6.8%; z-index: 2; animation: perspective-image-gallery--item--from-left-1-to-left-2 500ms forwards; } .perspective-image-gallery--item.animate-from-left-1-to-left-2 .perspective-image-gallery--item--image { animation: perspective-image-gallery--item--image--from-left-1-to-left-2 500ms forwards; } .perspective-image-gallery--item.animate-from-left-2-to-left-1 { opacity: 1; left: -21.5%; z-index: 2; animation: perspective-image-gallery--item--from-left-1-to-left-2 500ms reverse backwards ease-in-out; } .perspective-image-gallery--item.animate-from-left-2-to-left-1 .perspective-image-gallery--item--image { animation: perspective-image-gallery--item--image--from-left-1-to-left-2 500ms reverse backwards ease-in-out; } .perspective-image-gallery--item.animate-from-left-2-to-hidden { opacity: 1; left: -21.5%; z-index: 1; animation: perspective-image-gallery--item--from-left-2-to-hidden 500ms forwards; } .perspective-image-gallery--item.animate-from-left-2-to-hidden .perspective-image-gallery--item--image { animation: perspective-image-gallery--item--image--from-left-2-to-hidden 500ms forwards; } .perspective-image-gallery--item.animate-from-left-hidden-to-left-2 { opacity: 1; left: -27.5%; z-index: 1; animation: perspective-image-gallery--item--from-left-2-to-hidden 500ms reverse backwards ease-in-out; } .perspective-image-gallery--item.animate-from-left-hidden-to-left-2 .perspective-image-gallery--item--image { animation: perspective-image-gallery--item--image--from-left-2-to-hidden 500ms reverse backwards ease-in-out; } @keyframes perspective-image-gallery--item--from-right-2-to-right-1 { from { left: 49%; } to { left: 34%; } } @keyframes perspective-image-gallery--item--image--from-right-2-right-1 { from { transform: rotateY(-60deg) scale(0.79); } to { transform: rotateY(-30deg) scale(0.86); } } @keyframes perspective-image-gallery--item--from-right-hidden-to-right-2 { from { left: 55%; } to { left: 49%; } } @keyframes perspective-image-gallery--item--image--from-right-hidden-to-right-2 { from { transform: rotateY(-90deg) scale(0.71); } to { transform: rotateY(-60deg) scale(0.79); } } @keyframes perspective-image-gallery--item--from-right-1-to-current { from { left: 34%; } to { left: 14%; } } @keyframes perspective-image-gallery--item--image--from-right-1-to-current { from { transform: rotateY(-30deg) scale(0.86); } to { transform: rotateY(0deg) scale(1); } } @keyframes perspective-image-gallery--item--from-current-to-left-1 { from { left: 14%; } to { left: -6.8%; } } @keyframes perspective-image-gallery--item--image--from-current-to-left-1 { from { transform: rotateY(0deg) scale(1); } to { transform: rotateY(30deg) scale(0.86); } } @keyframes perspective-image-gallery--item--from-left-1-to-left-2 { from { left: -6.8%; } to { left: -21.5%; } } @keyframes perspective-image-gallery--item--image--from-left-1-to-left-2 { from { transform: rotateY(30deg) scale(0.86); } to { transform: rotateY(60deg) scale(0.79); } } @keyframes perspective-image-gallery--item--from-left-2-to-hidden { from { left: -21.5%; } to { left: -27.5%; } } @keyframes perspective-image-gallery--item--image--from-left-2-to-hidden { from { transform: rotateY(60deg) scale(0.79); } to { transform: rotateY(90deg) scale(0.71); } } @keyframes perspective-image-gallery--item--text-show { from { opacity: 0; } to { opacity: 1; } } @media (min-width: 760px) { .b_grid-GridElement_100_perspective-image-gallery-container { max-width: none; margin: 0 -96px; width: 760px; } .perspective-image-gallery--item--image { width: 370px; } .perspective-image-gallery--item--caption--headline { width: 80%; font-size: 20px; padding: 10px 15px; } .perspective-image-gallery--item--caption--button-wrap { width: 20%; padding-right: 10px; } .perspective-image-gallery--item--text { width: 80%; margin: 50px 10% 0; padding: 10px 20px; } .perspective-image-gallery--item.position-right-1 { left: 44%; } .perspective-image-gallery--item.position-right-2 { left: 63.5%; } .perspective-image-gallery--item.position-left-1 { left: 7.5%; } .perspective-image-gallery--item.position-left-2 { left: -12%; } .perspective-image-gallery--item.animate-from-right-1-to-current { left: 44%; animation: perspective-image-gallery--item--from-right-1-to-current--bp-ipad 500ms forwards; } .perspective-image-gallery--item.animate-from-current-to-right-1 { left: 25.7%; animation: perspective-image-gallery--item--from-right-1-to-current--bp-ipad 500ms reverse backwards ease-in-out; } .perspective-image-gallery--item.animate-from-right-2-to-right-1 { left: 63.5%; animation: perspective-image-gallery--item--from-right-2-to-right-1--bp-ipad 500ms forwards; } .perspective-image-gallery--item.animate-from-right-1-to-right-2 { left: 44%; animation: perspective-image-gallery--item--from-right-2-to-right-1--bp-ipad 500ms reverse backwards ease-in-out; } .perspective-image-gallery--item.animate-from-right-hidden-to-right-2 { left: 78%; animation: perspective-image-gallery--item--from-right-hidden-to-right-2--bp-ipad 500ms forwards; } .perspective-image-gallery--item.animate-from-right-2-to-hidden { left: 63.5%; animation: perspective-image-gallery--item--from-right-hidden-to-right-2--bp-ipad 500ms reverse backwards ease-in-out; } .perspective-image-gallery--item.animate-from-current-to-left-1 { left: 25.7%; animation: perspective-image-gallery--item--from-current-to-left-1--bp-ipad 500ms forwards; } .perspective-image-gallery--item.animate-from-left-1-to-current { left: 7.5%; animation: perspective-image-gallery--item--from-current-to-left-1--bp-ipad 500ms reverse backwards ease-in-out; } .perspective-image-gallery--item.animate-from-left-1-to-left-2 { left: 7.5%; animation: perspective-image-gallery--item--from-left-1-to-left-2--bp-ipad 500ms forwards; } .perspective-image-gallery--item.animate-from-left-2-to-left-1 { left: -12%; animation: perspective-image-gallery--item--from-left-1-to-left-2--bp-ipad 500ms reverse backwards ease-in-out; } .perspective-image-gallery--item.animate-from-left-2-to-hidden { left: -12%; animation: perspective-image-gallery--item--from-left-2-to-hidden--bp-ipad 500ms forwards; } .perspective-image-gallery--item.animate-from-left-hidden-to-left-2 { left: -21.5%; animation: perspective-image-gallery--item--from-left-2-to-hidden--bp-ipad 500ms reverse backwards ease-in-out; } } @keyframes perspective-image-gallery--item--from-right-2-to-right-1--bp-ipad { from { left: 63.5%; } to { left: 44%; } } @keyframes perspective-image-gallery--item--from-right-hidden-to-right-2--bp-ipad { from { left: 78%; } to { left: 63.5%; } } @keyframes perspective-image-gallery--item--from-right-1-to-current--bp-ipad { from { left: 44%; } to { left: 25.7%; } } @keyframes perspective-image-gallery--item--from-current-to-left-1--bp-ipad { from { left: 25.7%; } to { left: 7.5%; } } @keyframes perspective-image-gallery--item--from-left-1-to-left-2--bp-ipad { from { left: 7.5%; } to { left: -12%; } } @keyframes perspective-image-gallery--item--from-left-2-to-hidden--bp-ipad { from { left: -12%; } to { left: -21.5%; } } @media (min-width: 960px) { .b_grid-GridElement_100_perspective-image-gallery-container { max-width: 100%; margin: 0; width: 100%; } .perspective-image-gallery--item.position-right-1 { left: 51.5%; } .perspective-image-gallery--item.position-right-2 { left: 71%; } .perspective-image-gallery--item.position-left-1 { left: 10%; } .perspective-image-gallery--item.position-left-2 { left: -9.5%; } .perspective-image-gallery--item.animate-from-right-1-to-current { left: 51.5%; animation: perspective-image-gallery--item--from-right-1-to-current--bp-desktop 500ms forwards; } .perspective-image-gallery--item.animate-from-current-to-right-1 { left: 30.75%; animation: perspective-image-gallery--item--from-right-1-to-current--bp-desktop 500ms reverse backwards ease-in-out; } .perspective-image-gallery--item.animate-from-right-2-to-right-1 { left: 71%; animation: perspective-image-gallery--item--from-right-2-to-right-1--bp-desktop 500ms forwards; } .perspective-image-gallery--item.animate-from-right-1-to-right-2 { left: 51.5%; animation: perspective-image-gallery--item--from-right-2-to-right-1--bp-desktop 500ms reverse backwards ease-in-out; } .perspective-image-gallery--item.animate-from-right-hidden-to-right-2 { left: 80.5%; animation: perspective-image-gallery--item--from-right-hidden-to-right-2--bp-desktop 500ms forwards; } .perspective-image-gallery--item.animate-from-right-2-to-hidden { left: 71%; animation: perspective-image-gallery--item--from-right-hidden-to-right-2--bp-desktop 500ms reverse backwards ease-in-out; } .perspective-image-gallery--item.animate-from-current-to-left-1 { left: 30.75%; animation: perspective-image-gallery--item--from-current-to-left-1--bp-desktop 500ms forwards; } .perspective-image-gallery--item.animate-from-left-1-to-current { left: 10%; animation: perspective-image-gallery--item--from-current-to-left-1--bp-desktop 500ms reverse backwards ease-in-out; } .perspective-image-gallery--item.animate-from-left-1-to-left-2 { left: 10%; animation: perspective-image-gallery--item--from-left-1-to-left-2--bp-desktop 500ms forwards; } .perspective-image-gallery--item.animate-from-left-2-to-left-1 { left: -9.5%; animation: perspective-image-gallery--item--from-left-1-to-left-2--bp-desktop 500ms reverse backwards ease-in-out; } .perspective-image-gallery--item.animate-from-left-2-to-hidden { left: -9.5%; animation: perspective-image-gallery--item--from-left-2-to-hidden--bp-desktop 500ms forwards; } .perspective-image-gallery--item.animate-from-left-hidden-to-left-2 { left: -19%; animation: perspective-image-gallery--item--from-left-2-to-hidden--bp-desktop 500ms reverse backwards ease-in-out; } } @keyframes perspective-image-gallery--item--from-right-2-to-right-1--bp-desktop { from { left: 71%; } to { left: 51.5%; } } @keyframes perspective-image-gallery--item--from-right-hidden-to-right-2--bp-desktop { from { left: 80.5%; } to { left: 71%; } } @keyframes perspective-image-gallery--item--from-right-1-to-current--bp-desktop { from { left: 51.5%; } to { left: 30.75%; } } @keyframes perspective-image-gallery--item--from-current-to-left-1--bp-desktop { from { left: 30.75%; } to { left: 10%; } } @keyframes perspective-image-gallery--item--from-left-1-to-left-2--bp-desktop { from { left: 10%; } to { left: -9.5%; } } @keyframes perspective-image-gallery--item--from-left-2-to-hidden--bp-desktop { from { left: -9.5%; } to { left: -19%; } } .b_grid-GridElement_100_image-link-strip-container { display: none; } .b_grid-GridElement_100_image-link-strip-container .image-link-strip { position: relative; font-size: 0; line-height: 1; margin-bottom: 12px; } .b_grid-GridElement_100_image-link-strip-container .image-link-strip .grid-cell { margin-bottom: 0; } .b_grid-GridElement_100_image-link-strip-container .image-link-strip--content { height: 100%; min-width: 320px; padding: 70px 35px 35px; box-sizing: border-box; background: rgba(255, 255, 255, 0.8); } .b_grid-GridElement_100_image-link-strip-container .image-link-strip--content.isStuck { left: 0; right: 0; margin: 0 auto; width: 100%; height: auto; padding: 0; max-width: 1170px; background: #f0f8ff; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.75); z-index: 100; } .b_grid-GridElement_100_image-link-strip-container .image-link-strip--content.isStuck .image-link-strip--content--headline { display: none; } .b_grid-GridElement_100_image-link-strip-container .image-link-strip--content.isStuck .image-link-strip--content--text ul { list-style: none; text-align: center; } .b_grid-GridElement_100_image-link-strip-container .image-link-strip--content.isStuck .image-link-strip--content--text li { display: inline-block; margin: 0; padding: 10px 35px; border-right: 1px dotted #43474a; } .b_grid-GridElement_100_image-link-strip-container .image-link-strip--content.isStuck .image-link-strip--content--text li:last-child { border: none; } .b_grid-GridElement_100_image-link-strip-container .image-link-strip--content.isStuck .image-link-strip--content--text .cta-button-filled, .b_grid-GridElement_100_image-link-strip-container .image-link-strip--content.isStuck .image-link-strip--content--text .ct-button-framed { display: none; } .b_grid-GridElement_100_image-link-strip-container .image-link-strip--content--wrap { position: absolute; right: 70px; top: 0; height: 100%; } .b_grid-GridElement_100_image-link-strip-container .image-link-strip--content--headline { margin-bottom: 15px; } .b_grid-GridElement_100_image-link-strip-container .image-link-strip--content--headline h1, .b_grid-GridElement_100_image-link-strip-container .image-link-strip--content--headline h2, .b_grid-GridElement_100_image-link-strip-container .image-link-strip--content--headline h3, .b_grid-GridElement_100_image-link-strip-container .image-link-strip--content--headline h4, .b_grid-GridElement_100_image-link-strip-container .image-link-strip--content--headline h5 { display: inline-block; margin-top: 0; } .b_grid-GridElement_100_image-link-strip-container .image-link-strip--content--text ul { padding: 0; list-style-position: inside; } .b_grid-GridElement_100_image-link-strip-container .image-link-strip--content--text ul li { margin: 15px 0; } .b_grid-GridElement_100_image-link-strip-container .image-link-strip--content--text .cta-button-filled, .b_grid-GridElement_100_image-link-strip-container .image-link-strip--content--text .ct-button-framed { display: inline-block; margin-top: 35px; width: 100%; text-align: center; } @media (min-width: 960px) { .b_grid-GridElement_100_image-link-strip-container { display: block; } } @media (min-width: 1170px) { .b_grid-GridElement_100_image-link-strip-container { width: 1170px; margin: 0 -105px; } } .b_grid-GridElement_100_special-tile-container .special-tile--image { background: #f0f8ff; } .b_grid-GridElement_100_special-tile-container .special-tile--image img { margin: 0 auto; } .b_grid-GridElement_100_special-tile-container .special-tile--content { background: #f0f8ff; padding: 25px 20px; } .b_grid-GridElement_100_special-tile-container .special-tile--content--headline { margin-bottom: 25px; } .b_grid-GridElement_100_special-tile-container .special-tile--content--headline h1, .b_grid-GridElement_100_special-tile-container .special-tile--content--headline h2, .b_grid-GridElement_100_special-tile-container .special-tile--content--headline h3, .b_grid-GridElement_100_special-tile-container .special-tile--content--headline h4, .b_grid-GridElement_100_special-tile-container .special-tile--content--headline h5, .b_grid-GridElement_100_special-tile-container .special-tile--content--headline div { display: inline-block; margin: 0; color: #a5784f; text-transform: uppercase; font-family: Roboto, Arial, sans-serif; font-size: 11px; font-weight: 500; } .b_grid-GridElement_100_special-tile-container .special-tile--content--headline h1::after, .b_grid-GridElement_100_special-tile-container .special-tile--content--headline h2::after, .b_grid-GridElement_100_special-tile-container .special-tile--content--headline h3::after, .b_grid-GridElement_100_special-tile-container .special-tile--content--headline h4::after, .b_grid-GridElement_100_special-tile-container .special-tile--content--headline h5::after, .b_grid-GridElement_100_special-tile-container .special-tile--content--headline div::after { content: ''; display: block; width: 25px; height: 1px; margin-top: 5px; background-color: #a5784f; } .b_grid-GridElement_100_special-tile-container .special-tile--content--text ul { padding: 0; list-style-position: inside; } .b_grid-GridElement_100_special-tile-container .special-tile--content--text ul li { display: block; position: relative; margin: 0; padding-left: 15px; } .b_grid-GridElement_100_special-tile-container .special-tile--content--text ul li:before { content: ''; display: block; position: absolute; top: 8px; left: 0; width: 5px; height: 5px; border-radius: 50%; background: #43474a; } .b_grid-GridElement_100_special-tile-container .special-tile--content--text a { text-decoration: none; border: none; color: #0a3886; } @media (min-width: 960px) { .b_grid-GridElement_100_special-tile-container .special-tile .grid-cell { float: left; } .b_grid-GridElement_100_special-tile-container .special-tile .grid-cell:nth-child(1) { width: 28.125%; margin-right: 3.875%; } .b_grid-GridElement_100_special-tile-container .special-tile .grid-cell:nth-child(1) .special-tile--image { height: 295px; overflow: hidden; } .b_grid-GridElement_100_special-tile-container .special-tile .grid-cell:nth-child(2) { width: 68%; height: 295px; overflow: hidden; margin-bottom: 3.875%; } .b_grid-GridElement_100_special-tile-container .special-tile .grid-cell:nth-child(2) .special-tile--image { float: left; width: 59.7%; } .b_grid-GridElement_100_special-tile-container .special-tile .grid-cell:nth-child(2) .special-tile--content { float: left; width: 40.3%; height: 295px; } .b_grid-GridElement_100_special-tile-container .special-tile .grid-cell:nth-child(2):after { content: ''; clear: both; } .b_grid-GridElement_100_special-tile-container .special-tile .grid-cell:nth-child(3) { width: 28.125%; margin-right: 3.875%; } .b_grid-GridElement_100_special-tile-container .special-tile .grid-cell:nth-child(4) { width: 36%; } } .accordion .headline { position: relative; padding-bottom: 15px; border-bottom: 1px solid #cdcdcd; margin-bottom: 15px; padding-right: 25px; cursor: pointer; } .accordion .headline:after { content: '\f107'; font-family: evb-icon, 'sans-serif'; font-size: 30px; position: absolute; right: 0; top: 0; line-height: 1; } .accordion.open { padding-bottom: 25px; } .accordion.open .headline:after { color: #5991dc; content: '\f106'; } .accordion > p:last-child { padding-bottom: 15px; } @media (min-width: 960px) { .accordion.open { padding-bottom: 0; } } .svg { height: 25px; min-height: 25px; max-height: 25px; max-width: 25px; width: 25px; } .svg--small { height: 18px; min-height: 18px; max-height: 18px; max-width: 18px; margin-right: 5px; } .svg--tiny { height: 14px; min-height: 14px; max-height: 14px; max-width: 14px; margin-right: 5px; } .svg--inline { min-height: 0; position: relative; top: 8px; margin-right: 5px; } .svg--service { height: 45px; width: 45px; max-height: 45px; max-width: 45px; } .svg--play { position: absolute; z-index: 5; width: 50%; height: 50%; left: 25%; top: 25%; min-height: 50%; max-height: 50%; min-width: 50%; max-width: 50%; } .svg--special { height: 70px; width: 70px; max-height: 70px; max-width: 70px; fill: #e2ebf0 !important; background-color: #a5784f; border-radius: 50%; border-color: transparent; } .svg--grey { fill: #43474a; } .svg--grey--light { fill: #cdcdcd; } .svg--gold { fill: #a5784f; } .svg--white { fill: #ffffff; } .svg--blue { fill: #023e84; } .svg--blue--rollover { fill: #5991dc; } .svg--green { fill: #a7ab57; } .svg--half { transform: scale(0.5); } .epoq-noresult-content { display: none; } @media screen and (max-width: 1024px) { .epoq-evb-search { margin-top: 111px !important; } } /* Space */ .grid-cell > .csc-space-before-extra-small:first-child, .csc-space-before-extra-small { margin-top: 6px; } .grid-cell > .csc-space-before-small:first-child, .csc-space-before-small { margin-top: 12px; } .grid-cell > .csc-space-before-medium:first-child, .csc-space-before-medium { margin-top: 24px; } .grid-cell > .csc-space-before-large:first-child, .csc-space-before-large { margin-top: 36px; } .grid-cell > .csc-space-before-extra-large:first-child, .csc-space-before-extra-large { margin-top: 48px; } .grid-cell > .csc-space-after-extra-small:last-child, .csc-space-after-extra-small { margin-bottom: 6px; } .grid-cell > .csc-space-after-small:last-child, .csc-space-after-small { margin-bottom: 12px; } .grid-cell > .csc-space-after-medium:last-child, .csc-space-after-medium { margin-bottom: 24px; } .grid-cell > .csc-space-after-large:last-child, .csc-space-after-large { margin-bottom: 36px; } .grid-cell > .csc-space-after-extra-large:last-child, .csc-space-after-extra-large { margin-bottom: 48px; } .b_grid-GridElement_100_image-collage-container::after { content: ''; display: block; height: 24px; } .image-collage--item { position: relative; background: #f0f0f0; padding: 14px; } .image-collage--item.show-text .image-collage--item--image::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(240, 240, 240, 0.9); z-index: 1; } .image-collage--item.show-text .image-collage--item--show-text-cta { display: none; } .image-collage--item.show-text .image-collage--item--hide-text-cta { display: block; } .image-collage--item--image { height: 311px; } .image-collage--item--image img { position: relative; max-height: 100%; margin: 0 auto; top: 50%; transform: translateY(-50%); } .image-collage--item--show-text-cta, .image-collage--item--hide-text-cta { padding-top: 14px; text-align: center; } .image-collage--item--show-text-cta span, .image-collage--item--hide-text-cta span { border-bottom: 1px dotted #43474a; display: inline-block; } .image-collage--item--hide-text-cta { display: none; } .image-collage--item--text { display: inline-block; text-align: center; width: 100%; padding: 14px; position: absolute; top: 50%; left: 0; transform: translateY(-50%); } .image-collage--item--text--headline h1, .image-collage--item--text--headline h2, .image-collage--item--text--headline h3, .image-collage--item--text--headline h4, .image-collage--item--text--headline h5 { margin: 15px 0; } @media (min-width: 961px) { .image-collage--container .grid-column > .image-collage--item:last-child { margin-bottom: 14px; } .image-collage--item { background: none; padding: 0; margin-bottom: 14px; } .image-collage--item--image { height: auto; overflow: hidden; } .image-collage--item--image img { max-height: none; margin: 0; top: auto; transform: none; transition: transform .3s ease; cursor: pointer; } .image-collage--item--image img:hover { transform: scale(1.03); } .image-collage--item--show-text-cta, .image-collage--item--hide-text-cta { display: none; } .image-collage--item--text { display: none; } #fancybox-content .image-collage--item { max-width: 960px; max-height: 720px; padding: 20px 60px; margin-bottom: 0; } #fancybox-content .image-collage--item--portrait { position: relative; } #fancybox-content .image-collage--item--portrait .image-collage--item--image { width: 500px; } #fancybox-content .image-collage--item--portrait .image-collage--item--text { position: absolute; width: 300px; top: 50%; right: 60px; left: auto; transform: translateY(-50%); padding: 0; } #fancybox-content .image-collage--item--image.image-only { margin: 0 auto; } #fancybox-content .image-collage--item--image img { max-width: 840px; max-height: 673px; transition: none; cursor: default; } #fancybox-content .image-collage--item--image img:hover { transform: none; } #fancybox-content .image-collage--item--text { display: block; padding: 16px 20px 0; text-align: left; position: relative; top: auto; transform: none; width: 800px; } #fancybox-content .image-collage--item--text--headline h1, #fancybox-content .image-collage--item--text--headline h2, #fancybox-content .image-collage--item--text--headline h3, #fancybox-content .image-collage--item--text--headline h4, #fancybox-content .image-collage--item--text--headline h5 { margin: 0; } #fancybox-content .image-collage--item--text p { margin: 12px 0; } } div {position: relative;} .clear-fix::before {content: '';display: table;border-spacing: 0;} .clear-fix::after {content: '';display: table;clear: both;border-spacing: 0;} .tx-mm-address {position: relative; padding: 0 15px; font-family: Arial, sans-serif; color: #43474a;} .tx-mm-address * {max-width: none;box-sizing: border-box;} .tx-mm-address .grid-cell * {max-width: 100%;} .tx-mm-address img {max-width: 100%;} .mm-address--show-large {display: none !important;} .mm-address--show-medium {display: none !important;} .mm-address-mb {margin-bottom: 0.5em;} [class*="mm-address--width"] {float: left;box-sizing: border-box;} .mm-address--width1 {width: 8.33333333%;} .mm-address--width2 {width: 16.66666666%;} .mm-address--width3 {width: 24.99999999%;} .mm-address--width4 {width: 33.33333333%;} .mm-address--width5 {width: 41.66666666%;} .mm-address--width6 {width: 50%;} .mm-address--width7 {width: 58.33333333%;} .mm-address--width8 {width: 66.66666666%;} .mm-address--width9 {width: 74.99999999%;} .mm-address--width10 {width: 83.33333333%;} .mm-address--width11 {width: 91.66666666%;} .mm-address--width12 {width: 100%;} .mm-address--left1 {left: 8.33333333%;} .mm-address--left2 {left: 16.66666666%;} .mm-address--left3 {left: 24.99999999%;} .mm-address--left4 {left: 33.33333333%;} .mm-address--left5 {left: 41.66666666%;} .mm-address--left6 {left: 50%;} .mm-address--left7 {left: 58.33333333%;} .mm-address--left8 {left: 66.66666666%;} .mm-address--left9 {left: 74.99999999%;} .mm-address--left10 {left: 83.33333333%;} .mm-address--left11 {left: 91.66666666%;} .mm-address--left12 {left: 100%;} .mm-address--loading-container {position: absolute;top: 0;left: 0;right: 0;bottom: 0;width: 100%;height: 100%;background-color: rgba(255, 255, 255, 0.8);z-index: 10;} .mm-address--loading-container.mm-address--animation--loading-stop {animation: mm-address--animation--loading-stop 200ms forwards;} .mm-address--loading-container::before {content: '';width: 30px;height: 30px;font-size: 10px;position: absolute;top: 0;bottom: 0;left: 0;right: 0;margin: auto;text-indent: -9999em;border: 5px solid transparent;border-left-color: #3f80d3;border-right-color: #3f80d3;border-radius: 50%;animation: mm-address-loader-circle 1s infinite linear;background: transparent;} @keyframes mm-address-loader-circle {from {-webkit-transform: rotate(0deg);transform: rotate(0deg);}to {-webkit-transform: rotate(360deg);transform: rotate(360deg);}} @keyframes mm-address--animation--loading-stop {from {opacity: 1;}to {opacity: 0;}} .tx-mm-address .cta-button-filled, .tx-mm-address .cta-button-framed {display: inline-block;min-height: 31px;padding: 4px 10px;font-size: 14px;border: 1px solid #43474a;text-decoration: none;font-weight: 500;} .tx-mm-address .cta-button-filled {background: #1c347d;border: 1px solid #1c347d;color: #ffffff;} .tx-mm-address .cta-button-filled:hover, .tx-mm-address .cta-button-filled.active {background: #3f80d3;border: 1px solid #3f80d3;color: #fff !important;} .tx-mm-address .cta-button-framed:hover {border-color: #3f80d3;} #mm-address--id--map-tooltip-height-calc-container {display: none; position: absolute; top: 0; left: 0; max-width: 300px; visibility: hidden;} #mm-address--id--map-tooltip-height-calc-container.show {display: block;} #mm-address--id--contact-wrap { display: none; } .mm-address--contact-container { position: relative; padding-top: 15px; margin-top: 15px; } .mm-address--contact-container-close { position: absolute; top: 0; right: 0; z-index: 1; color: #43474a; font-size: 22px; cursor: pointer; } .mm-address--contact-container-close:hover { color: #3f80d3; } .mm-address--contact-form { margin-bottom: 15px; } .mm-address--contact-form--headline { font-family: VilleroyandBoch, serif; font-size: 22px; margin-bottom: 10px; color: #43474a; padding-right: 15px; } .mm-address--contact-form table { width: 100%; } .mm-address--contact-form td { padding: 5px 0; font-size: 14px; border: none; } .mm-address--contact-form input[type=text], .mm-address--contact-form select { width: 100%; } .mm-address--contact-form input[type=text] { padding: 6px 10px; border: 1px solid #ccc; width: 100%; box-sizing: border-box; } .mm-address--contact-form .mm-address--contact-form--select-wrap--salutation { width: 150px; } .mm-address--contact-form--userdata-wrap table.userdata-table { display: block; } .mm-address--contact-form--userdata-wrap table.userdata-table tbody { display: block; } .mm-address--contact-form--userdata-wrap table.userdata-table tbody tr { display: block; padding: 5px 0; } .mm-address--contact-form--userdata-wrap table.userdata-table tbody tr td { display: block; padding: 0; } .mm-address--contact-form--userdata-wrap table.userdata-table textarea { width: 100%; height: 60px; border: 1px solid #d4d4d4; padding: 5px 10px; } .mm-address--contact-form--required-fields-hint { padding: 15px 0; } .mm-address--contact-form--agreement-table td { vertical-align: top; } .mm-address--contact-form--agreement-table td:first-child { width: 10%; } .mm-address--contact-form--agreement-table td:last-child { width: 90%; } .mm-address--contact-form--userdata-wrap table.userdata-table tbody tr.mm-address--contact-form--phone-field-wrap { display: none; } .mm-address--contact-form--radio-wrap { float: left; display: inline-block; margin-right: 25px; } .mm-address--contact-form--radio-wrap > input { margin-right: 3px; } .mm-address--contact-form--date--wrap::before { content: '\e915'; font-family: evb-icon, 'sans-serif'; position: absolute; top: 5px; right: 10px; font-size: 24px; line-height: 1; } .mm-address--contact-form-submit { margin: 15px 10px; } .mm-address--contact-form .f3-form-error { background-color: #ffb8b8 !important; } #mm-address--contact-form-submit { margin-top: 10px; } #mm-address--id--contact-form--validation-success-wrap { box-sizing: border-box; padding: 25px 10px; text-align: center; } #mm-address--id--contact-form--validation-success-wrap button { margin: 25px 0 15px; } .mm-address--contact-form--select-wrap::before { content: '\f107'; font-family: 'evb-icon', sans-serif; position: absolute; top: 0; right: 0; display: inline-block; box-sizing: border-box; width: 25px; height: 100%; border: 1px solid #ccc; border-left: none; color: #a5784f; background: #fff; text-align: center; font-size: 20px; line-height: 1.5; cursor: pointer; z-index: 1; pointer-events: none; } .mm-address--contact-form--select-wrap > select { box-sizing: border-box; width: 100%; height: 34px; padding: 5px 8px 5px 5px; border: 1px solid #ccc; background: #fff; cursor: pointer; } .mm-address--contact-form--agreement-contact { display: none; } .mm-address--filter--item--tooltip { display: inline-block; vertical-align: top; } .mm-address--detail--categories .mm-address--filter--item--tooltip { top: -6px; } .mm-address--filter--item--tooltip-info { width: 20px; height: 20px; background-color: #0a3886; border-radius: 50%; text-align: center; color: #fff; font-size: 13px; line-height: 21px; font-weight: bold; margin: 6px 5px; } .mm-address--filter--item--tooltip-content { display: none; background-color: #fff; border: 1px solid #0a3886; position: absolute; bottom: 37px; right: 0; width: 258px; text-align: left; padding: 5px; font-size: 12px; z-index: 2; } .mm-address--detail--categories .mm-address--filter--item--tooltip-content { bottom: auto; top: 37px; } .mm-address--filter--item--tooltip-content::after { content: '\f0d7'; font-family: evb-icon, 'sans-serif'; font-size: 23px; color: #0a3886; position: absolute; bottom: -13px; right: 6px; } .mm-address--detail--categories .mm-address--filter--item--tooltip-content::after { content: '\f0d8'; bottom: auto; top: -15px; } .mm-address--filter--item--tooltip.show .mm-address--filter--item--tooltip-content { display: block; } .mm-address--filter--item--tooltip-content > span { vertical-align: bottom; } .mm-address--tooltip--cer, .mm-address--tooltip--frn, .mm-address--tooltip--wel { display: inline-block; background: url('../../../typo3conf/ext/mm_address/Resources/Public/Media/Images/Icons/icon_sprite_cer_frn_wel.png') no-repeat 0 0; background-size: 60px auto; padding: 10px 0 0 65px; font-weight: bold; vertical-align: bottom; } .mm-address--tooltip--cer { background-position: 0 0; } .mm-address--tooltip--frn { background-position: 0 -30px; } .mm-address--tooltip--wel { background-position: 0 -60px; } .tx-mm-address.country-ca-us .mm-address--tooltip--cer, .tx-mm-address.country-ca-us .mm-address--tooltip--frn, .tx-mm-address.country-ca-us .mm-address--tooltip--wel { background-image: url('../../../typo3conf/ext/mm_address/Resources/Public/Media/Images/Icons/icon_sprite_cer_frn_wel_ca_us.png'); } .tx-mm-address a[href^="tel:"] { color: #0a3886; text-decoration: underline; border: none; } @media screen and (min-width: 768px), print { .mm-address--hide-medium {display: none !important;} .mm-address--show-medium {display: block !important;} .mm-address--medium-padding-right {box-sizing: border-box;padding-right: 1.5%;} [class*="mm-address--medium-width"] {float: left;box-sizing: border-box;} .mm-address--medium-width1 {width: 8.33333333%;} .mm-address--medium-width2 {width: 16.66666666%;} .mm-address--medium-width3 {width: 24.99999999%;} .mm-address--medium-width4 {width: 33.33333333%;} .mm-address--medium-width5 {width: 41.66666666%;} .mm-address--medium-width6 {width: 50%;} .mm-address--medium-width7 {width: 58.33333333%;} .mm-address--medium-width8 {width: 66.66666666%;} .mm-address--medium-width9 {width: 74.99999999%;} .mm-address--medium-width10 {width: 83.33333333%;} .mm-address--medium-width11 {width: 91.66666666%;} .mm-address--medium-width12 {width: 100%;} .mm-address--medium-left0 {left: 0;} .mm-address--medium-left1 {left: 8.33333333%;} .mm-address--medium-left2 {left: 16.66666666%;} .mm-address--medium-left3 {left: 24.99999999%;} .mm-address--medium-left4 {left: 33.33333333%;} .mm-address--medium-left5 {left: 41.66666666%;} .mm-address--medium-left6 {left: 50%;} .mm-address--medium-left7 {left: 58.33333333%;} .mm-address--medium-left8 {left: 66.66666666%;} .mm-address--medium-left9 {left: 74.99999999%;} .mm-address--medium-left10 {left: 83.33333333%;} .mm-address--medium-left11 {left: 91.66666666%;} .mm-address--medium-left12 {left: 100%;} .mm-address--contact-form--headline { margin-bottom: 15px; } .mm-address--contact-form--userdata-wrap table.userdata-table { display: table; } .mm-address--contact-form--userdata-wrap table.userdata-table tbody { display: table-row-group; } .mm-address--contact-form--userdata-wrap table.userdata-table tbody tr { display: table-row; } .mm-address--contact-form--userdata-wrap table.userdata-table tbody tr td { display: table-cell; padding: 5px 0; } } @media screen and (min-width: 1170px) { .tx-mm-address {padding: 0;} .mm-address--hide-large {display: none !important;} .mm-address--show-large {display: block !important;} .mm-address--large-padding-right {box-sizing: border-box;padding-right: 1.5%;} [class*="mm-address--large-width"] {float: left;box-sizing: border-box;} .mm-address--large-width1 {width: 8.33333333%;} .mm-address--large-width2 {width: 16.66666666%;} .mm-address--large-width3 {width: 24.99999999%;} .mm-address--large-width4 {width: 33.33333333%;} .mm-address--large-width5 {width: 41.66666666%;} .mm-address--large-width6 {width: 50%;} .mm-address--large-width7 {width: 58.33333333%;} .mm-address--large-width8 {width: 66.66666666%;} .mm-address--large-width9 {width: 74.99999999%;} .mm-address--large-width10 {width: 83.33333333%;} .mm-address--large-width11 {width: 91.66666666%;} .mm-address--large-width12 {width: 100%;} .mm-address--large-left0 {left: 0;} .mm-address--large-left1 {left: 8.33333333%;} .mm-address--large-left2 {left: 16.66666666%;} .mm-address--large-left3 {left: 24.99999999%;} .mm-address--large-left4 {left: 33.33333333%;} .mm-address--large-left5 {left: 41.66666666%;} .mm-address--large-left6 {left: 50%;} .mm-address--large-left7 {left: 58.33333333%;} .mm-address--large-left8 {left: 66.66666666%;} .mm-address--large-left9 {left: 74.99999999%;} .mm-address--large-left10 {left: 83.33333333%;} .mm-address--large-left11 {left: 91.66666666%;} .mm-address--large-left12 {left: 100%;} .mm-address--contact-form--userdata-1 { padding-right: 20px; } .mm-address--contact-form--userdata-2 { padding-left: 20px; } .mm-address--contact-form--userdata-wrap table.userdata-table tbody tr td:first-child { width: 25%; vertical-align: top; } .mm-address--contact-form--userdata-wrap table.userdata-table tbody tr td:last-child { width: 75%; } .mm-address--contact-form--userdata-wrap table.userdata-table textarea { height: 190px; } .mm-address--contact-form--required-fields-hint { padding: 0 5px; } .mm-address--contact-form--agreement-table td:first-child { width: 5%; } .mm-address--contact-form--agreement-table td:last-child { width: 95%; } .tx-mm-address a[href^="tel:"] { color: #43474a; text-decoration: none; border: none; cursor: default; } .tx-mm-address a[href^="tel:"]:hover { color: #43474a; } } .pika-single { z-index: 9999; display: block; position: relative; color: #333; background: #fff; border: 1px solid #ccc; border-bottom-color: #bbb; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; } .pika-single:before, .pika-single:after { content: " "; display: table; } .pika-single:after { clear: both } .pika-single { *zoom: 1 } .pika-single.is-hidden { display: none; } .pika-single.is-bound { position: absolute; box-shadow: 0 5px 15px -5px rgba(0,0,0,.5); } .pika-lendar { float: left; width: 240px; margin: 8px; } .pika-title { position: relative; text-align: center; } .pika-label { display: inline-block; *display: inline; position: relative; z-index: 9999; overflow: hidden; margin: 0; padding: 5px 3px; font-size: 14px; line-height: 20px; font-weight: bold; background-color: #fff; } .pika-title select { cursor: pointer; position: absolute; z-index: 9998; margin: 0; left: 0; top: 5px; filter: alpha(opacity=0); opacity: 0; } .pika-prev, .pika-next { display: block; cursor: pointer; position: relative; outline: none; border: 0; padding: 0; width: 20px; height: 30px; text-indent: 20px; white-space: nowrap; overflow: hidden; background-color: transparent; background-position: center center; background-repeat: no-repeat; background-size: 75% 75%; opacity: .5; *position: absolute; *top: 0; } .pika-prev:hover, .pika-next:hover { opacity: 1; } .pika-prev, .is-rtl .pika-next { float: left; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAUklEQVR42u3VMQoAIBADQf8Pgj+OD9hG2CtONJB2ymQkKe0HbwAP0xucDiQWARITIDEBEnMgMQ8S8+AqBIl6kKgHiXqQqAeJepBo/z38J/U0uAHlaBkBl9I4GwAAAABJRU5ErkJggg=='); *left: 0; } .pika-next, .is-rtl .pika-prev { float: right; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAU0lEQVR42u3VOwoAMAgE0dwfAnNjU26bYkBCFGwfiL9VVWoO+BJ4Gf3gtsEKKoFBNTCoCAYVwaAiGNQGMUHMkjGbgjk2mIONuXo0nC8XnCf1JXgArVIZAQh5TKYAAAAASUVORK5CYII='); *right: 0; } .pika-prev.is-disabled, .pika-next.is-disabled { cursor: default; opacity: .2; } .pika-select { display: inline-block; *display: inline; } .pika-table { width: 100%; border-collapse: collapse; border-spacing: 0; border: 0; } .pika-table th, .pika-table td { width: 14.285714285714286%; padding: 0; } .pika-table th { color: #666; font-size: 12px; line-height: 25px; font-weight: bold; text-align: center; } .pika-button { cursor: pointer; display: block; box-sizing: border-box; -moz-box-sizing: border-box; outline: none; border: 0; margin: 0; width: 100%; padding: 5px; color: #43474a; font-size: 12px; line-height: 15px; text-align: right; background: #f5f5f5; } .pika-week { font-size: 11px; color: #666; } .is-today .pika-button { color: #0a3886; font-weight: bold; } .is-selected .pika-button, .has-event .pika-button { color: #fff; font-weight: bold; background: #0a3886; box-shadow: inset 0 1px 3px #0a57f3; border-radius: 3px; } .has-event .pika-button { background: #3f80d3; box-shadow: inset 0 1px 3px #4294ea; } .is-disabled .pika-button, .is-inrange .pika-button { background: #e2ebf0; } .is-startrange .pika-button { color: #fff; background: #6CB31D; box-shadow: none; border-radius: 3px; } .is-endrange .pika-button { color: #fff; background: #33aaff; box-shadow: none; border-radius: 3px; } .is-disabled .pika-button, .is-outside-current-month .pika-button { pointer-events: none; cursor: default; color: #666; opacity: .3; } .pika-button:hover, .pika-row.pick-whole-week:hover .pika-button { color: #fff; background: #a5784f; box-shadow: none; border-radius: 3px; } .pika-table abbr { border-bottom: none; cursor: help; } .mm-address--map--search--wrap { position: relative; } #mm-address--id--map-canvas { height: 325px; } .mm-address--search--primary-fields-wrap { padding: 15px; background-color: #fff; } .mm-address--search--primary-headline { display: none; font-size: 28px; font-family: VilleroyandBoch, "Times New Roman", serif; margin-bottom: 25px; line-height: 1.1; } .mm-address--search--primary-field { position: relative; } .mm-address--search--primary-field--clear { display: none; position: absolute; top: 0; right: 0; box-sizing: border-box; width: 30px; height: 33px; text-align: center; line-height: 34px; font-size: 20px; border-left: none; cursor: pointer; } .mm-address--search--primary-field.has-value .mm-address--search--primary-field--clear { display: inline-block; } #mm-address--id--input--zip-city, #mm-address--id--input--dealer { padding: 8px 30px 8px 15px; border: 1px solid #ccc; width: 100%; box-sizing: border-box; font-size: 12px; margin-bottom: 10px; -webkit-appearance: none; -webkit-border-radius: 0; } #mm-address--id--submit--search { width: 100%; padding-left: 5px; padding-right: 5px; } #mm-address--id--submit--search > i { margin-left: 5px; } .mm-address--search--filter-wrap { padding: 0 15px; background-color: #f0f0f0; margin-top: 10px; } .mm-address--filter-headline { padding: 10px 0; text-align: center; text-transform: uppercase; cursor: pointer; } .mm-address--filter-headline > i { color: #a5784f; font-size: 16px; } .mm-address--filter-headline > i.icon-angle-up { display: none; } .mm-address--search--filter-wrap.open .mm-address--filter-headline > i.icon-angle-up { display: inline; } .mm-address--search--filter-wrap.open .mm-address--filter-headline > i.icon-angle-down { display: none; } #mm-address--id--filter-content { display: none; margin-top: 10px; } .mm-address--search--filter-wrap.open #mm-address--id--filter-content { display: block; } .mm-address--filter--item-wrap { position: relative; margin: 10px 0; } .mm-address--filter--item { position: relative; display: inline-block; width: calc(100% - 30px); vertical-align: top; } .mm-address--filter--item > select > option::before, .mm-address--filter--item > .mm-address--filter--item--input--checkbox-wrap::before, .mm-address--filter--item--input--checkbox-wrap > .mm-address--filter--item--replica-option--category--input-wrap::before { content: '\00a0'; display: inline-block; height: 15px; width: 14px; vertical-align: top; border: 1px solid #ccc; margin: 1px 5px 0 0; background: #fff; font-family: evb-icon, 'sans-serif'; color: #fff; font-size: 11px; line-height: 14px; text-align: center; box-sizing: border-box; } .mm-address--filter--item > select > option::before { margin: 3px 3px 0 0; } .mm-address--filter--item > select > option.selected::before, .mm-address--filter--item > .mm-address--filter--item--input--checkbox-wrap.checked::before, .mm-address--filter--item--input--checkbox-wrap.checked > .mm-address--filter--item--replica-option--category--input-wrap::before { content: '\f00c'; background: #3a3e41; border: none; } .mm-address--filter--item > select > option:first-child::before { visibility: hidden; } .mm-address--filter--item--input--checkbox-wrap input { opacity: 0; position: absolute; top: 0; left: 0; width: 100%; height: 100%; cursor: pointer; z-index: 1; } .mm-address--filter--item[data-type="select"]::before, .mm-address--filter--item--replica-select-label::before, .mm-address--contact-form--select-wrap::before { content: '\f107'; font-family: 'evb-icon', sans-serif; position: absolute; top: 0; right: 0; display: inline-block; box-sizing: border-box; width: 28px; height: 100%; border: 1px solid #ccc; border-left: none; color: #a5784f; background: #fff; text-align: center; font-size: 20px; line-height: 1.5; cursor: pointer; z-index: 1; pointer-events: none; } .mm-address--filter--item--replica-select-label::before { border: none; } .mm-address--filter--item > select, .mm-address--filter--item--replica-select-label, .mm-address--contact-form--select-wrap > select { box-sizing: border-box; width: 100%; min-width: 100px; height: 34px; padding: 5px 8px 5px 5px; border: 1px solid #ccc; background: #fff; -webkit-appearance: none; -webkit-border-radius: 0; cursor: pointer; } .mm-address--filter--item > select { padding-right: 28px; } .mm-address--filter--item--replica-select-label { padding: 5px 20px 5px 10px; } .mm-address--filter--item--replica-options-wrap { display: none; position: absolute; top: 34px; left: 0; z-index: 9; width: 100%; max-height: 250px; box-sizing: border-box; border: 1px solid #ccc; background: #fff; } .mm-address--filter--item--replica-select.show .mm-address--filter--item--replica-options-wrap { display: block; } .mm-address--filter--item--replica-option { display: table; width: 100%; padding: 5px; } .mm-address--filter--item--replica-option:hover { background: #ededed; } .mm-address--filter--item--replica-option .mm-address--filter--item--input--checkbox-wrap { display: table-row; } .mm-address--filter--item--replica-option--category--input-wrap { position: initial; display: table-cell; width: 20px; margin: 0; text-align: left; vertical-align: middle; cursor: pointer; } .mm-address--filter--item--replica-option .mm-address--filter--item--input--checkbox-wrap > label { display: table-cell; width: calc(100% - 90px); text-align: left; vertical-align: middle; cursor: pointer; } .mm-address--filter--item--replica-option--category--Serie_VuB_Keramik, .mm-address--filter--item--replica-option--category--Serie_VuB_Moebel, .mm-address--filter--item--replica-option--category--Serie_VuB_Wellness { display: table-cell; width: 70px; height: 35px; background: url('../../../typo3conf/ext/mm_address/Resources/Public/Media/Images/Icons/icon_sprite_cer_frn_wel.png') no-repeat 0 0; background-size: 70px auto; cursor: pointer; } .mm-address--filter--item--replica-option--category--Serie_VuB_Keramik { background-position: 0 0; } .mm-address--filter--item--replica-option--category--Serie_VuB_Moebel { background-position: 0 -35px; } .mm-address--filter--item--replica-option--category--Serie_VuB_Wellness { background-position: 0 -70px; } .tx-mm-address.country-ca-us .mm-address--filter--item--replica-option--category--Serie_VuB_Keramik, .tx-mm-address.country-ca-us .mm-address--filter--item--replica-option--category--Serie_VuB_Moebel, .tx-mm-address.country-ca-us .mm-address--filter--item--replica-option--category--Serie_VuB_Wellness { background-image: url('../../../typo3conf/ext/mm_address/Resources/Public/Media/Images/Icons/icon_sprite_cer_frn_wel_ca_us.png'); } .mm-address--sorting--preferred-partner { padding: 2px 0; } .mm-address--sorting--preferred-partner .mm-address--filter--item--input--checkbox-wrap::before { margin: 7px 5px 0 0; } .mm-address--sorting--preferred-partner .mm-address--filter--item--input--checkbox--label { display: inline-block; background: url('../../../typo3conf/ext/mm_address/Resources/Public/Media/Images/Icons/Attributes/new/marker_pp.png') no-repeat 0 0; background-size: 27px; padding: 5px 0 5px 35px; width: calc(100% - 20px); } .mm-address--filter-selected--item--remove-all { display: inline-block; padding: 3px 10px 4px; margin: 10px 0; line-height: 1; cursor: pointer; color: #0a3886; text-decoration: underline; font-size: 12px; } .mm-address--filter-selected--item { border: 1px solid #3a3e41; border-radius: 8px; padding: 3px 10px 4px; color: #3a3e41; display: inline-block; margin: 10px 10px 10px 0; line-height: 1; cursor: pointer; } .mm-address--filter-selected--item:last-child { margin-right: 0; } .mm-address--filter-selected--item::before { content: '\e610'; font-family: evb-icon, 'sans-serif'; display: inline-block; margin-right: 5px; font-size: 14px; vertical-align: middle; line-height: 1; } .mm-address--filter-selected--item > span { vertical-align: middle; line-height: 1; font-size: 12px; } #mm-address--id--collection-message { margin-bottom: 15px; } #mm-address--id--collection-message > h2 { margin-top: 0; } #mm-address--id--results-wrap { position: relative; min-height: 100px; } .mm-address--result-count { margin-top: 15px; color: #0a3886; } .mm-address--result-count > span { display: inline-block; font-size: 17px; font-weight: bold; margin-right: 5px; } .mm-address--result-items { margin-top: 15px; } .mm-address--result-items-wrap:nth-child(n+5) { display: none; } .mm-address--result-items-wrap:last-child .mm-address--result-item:last-child { margin-bottom: 0; } .mm-address--result-item { padding: 15px; border: 1px solid #ccc; margin-bottom: 15px; } .mm-address--result-item.open { background-color: #f0f0f0; } .mm-address--result-item.preferred-partner { background-color: #e2ebf0 ; } .mm-address--result-item--distance { color: #a5784f; font-size: 12px; } .mm-address--result-item--telephone { margin-top: 15px; } .mm-address--result-item--telephone.empty { display: none; } .mm-address--result-item--telephone [class^="icon-"] { color: #0a3886; } .mm-address--result-item--address { margin-top: 15px; } .mm-address--result-item--buttons { margin-top: 15px; } .mm-address--result-item--buttons > a { float: left; margin: 0 10px 5px 0; } .mm-address--result-item--buttons > a:last-child { margin-bottom: 0; } .mm-address--result-item--map-link, .mm-address--result-item--route-link { color: #0a3886; font-size: 11px; text-decoration: underline; border: none; cursor: pointer; } .mm-address--result-item--route-link { font-size: 14px; } .mm-address--result-item--map-link:hover, .mm-address--result-item--route-link:hover { color: #3f80d3; } .mm-address--results--button-more { margin: 25px 0; display: inline-block; padding: 5px 15px; background-color: #b7b9ba; color: #fff; cursor: pointer; left: 50%; transform: translateX(-50%); } .mm-address--results--button-more::after { content: '\f021'; font-family: evb-icon, 'sans-serif'; display: inline-block; width: 30px; height: 30px; position: absolute; bottom: -15px; left: 50%; transform: translateX(-50%); z-index: 1; color: #fff; border-radius: 50%; background: linear-gradient(to bottom, transparent 0%, transparent 50%, #b7b9ba 51%, #b7b9ba 100%); text-align: center; line-height: 30px; } .tx-mm-address fieldset { border: none; margin: 5px 0; padding: 0; } .tx-mm-address input[type=text]::-ms-clear { display: none; width: 0; height: 0; } .tx-mm-address input[type=text]::-ms-reveal { display: none; width: 0; height: 0; } .tx-mm-address fieldset.buttons { margin-top: 10px; } .mm-address-noresult-wrap { display: none; margin-top: 10px; } .mm-address-filterinteraction h2 { margin-top: 0; } .mm-address-search-form-headline { margin: 0; line-height: 1; font-size: 17px; } .mm-address-search-form-headline.headline-only { font-size: 19px; margin: 6px 0; } .mm-address--padding-right { box-sizing: border-box; padding-right: 1.5%; } .mm-address-searchresult-print { margin: 15px 20px; } .mm-address-searchresult-print * { vertical-align: middle; color: #43474a; font-size: 16px; } #mm-address--id--detail { border: 1px solid #d4d4d4; font-family: Arial, sans-serif; } #mm-address--id--detail h1 { font-size: 21px; } #mm-address--id--detail h2 { font-size: 16px; margin: 12px 0; } #mm-address-detail-contact-button-wrap { text-align: right; } #mm-address--id--search-form-wrap ::-webkit-input-placeholder { opacity: 0.5; } #mm-address--id--search-form-wrap ::-moz-placeholder { opacity: 0.5; } #mm-address--id--search-form-wrap :-ms-input-placeholder { opacity: 0.5; } #mm-address--id--search-form-wrap :-moz-placeholder { opacity: 0.5; } .mm-address--result-items-wrap.show { display: block; } @media screen and (min-width: 768px), print { #mm-address--id--map-container-wrap { margin: 0 -15px; } #mm-address--id--map-canvas { height: 450px; } .mm-address--search--primary-fields-wrap { position: absolute; top: 50%; left: 0; width: 255px; padding: 25px; transform: translateY(-50%); background: rgba(255,255,255,0.85); } .mm-address--search--primary-headline { display: block; } .mm-address--filter-headline { display: none; } #mm-address--id--filter-content { display: flex; align-items: center; flex-wrap: wrap; margin-top: 0; } .mm-address--filter--item-wrap { margin-right: 10px; } .mm-address--filter--item { width: auto; } .mm-address--filter--item--replica-select { min-width: 200px; } .mm-address--sorting--preferred-partner .mm-address--filter--item--input--checkbox--label { width: auto; } #mm-address--id--results-wrap { margin: 0 -15px; } #mm-address--id--results-wrap > div { margin-left: 15px; margin-right: 15px; } #mm-address--id--results-wrap > div.mm-address--result-items { margin: 0; } .mm-address--result-items { display: table; table-layout: fixed; width: 100%; border-collapse: separate; border-spacing: 15px; } .mm-address--result-items-wrap { display: table-row; } .mm-address--result-items-wrap.show { display: table-row; } .mm-address--result-item { display: table-cell; } .mm-address--result-item--headline { min-height: 60px; } .mm-address--result-item--telephone.empty { display: block; } .userdata-table td:first-child { width: 45%; } .userdata-table td:last-child { width: 55%; } } @media screen and (min-width: 1170px) { #mm-address--id--map-container-wrap { margin: 0; } .mm-address--search--primary-fields-wrap { left: 15px; } #mm-address--id--results-wrap { margin: 0; } #mm-address--id--results-wrap > div { margin-left: 0; margin-right: 0; } #mm-address--id--results-wrap > div.mm-address--result-items { margin: 15px 0 0; display: block; } .mm-address--result-items-wrap { display: block; } .mm-address--result-items-wrap.show { display: block; } .mm-address--result-item { display: block; width: 100%; margin: 0 0 -1px 0; } .mm-address--result-item--telephone { margin-top: 0; } .mm-address--result-item--address { margin-top: 0; } .mm-address--result-item--buttons { margin-top: 0; } .mm-address--result-item--buttons > a { margin: 0 5px 5px; } .mm-address--result-item--route-link { display: none; } }