@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; } } .tx-mmpdu { position: relative; } .tx-mmpdu .detail { text-decoration: none; background: url("/typo3conf/ext/mm_pdu/Resources/Public/Media/Images/link_arrows.png") no-repeat 0 -46px; padding-left: 15px; } .mmpdu-overview-switch-view { margin: 10px 0; overflow: hidden; } .mmpdu-overview-switch-view a { display: block; width: 18px; height: 18px; text-indent: -9999em; float: right; margin-left: 5px; } .mmpdu-overview-switch-view a.grid { background: url("/typo3conf/ext/mm_pdu/Resources/Public/Media/Images/icon_switch_view.png") no-repeat -50px -50px; } .mmpdu-overview-switch-view a.grid:hover, .mmpdu-overview-switch-view a.grid.active { background-position: 0 -50px; } .mmpdu-overview-switch-view a.list { background: url("/typo3conf/ext/mm_pdu/Resources/Public/Media/Images/icon_switch_view.png") no-repeat -50px 0; } .mmpdu-overview-switch-view a.list:hover, .mmpdu-overview-switch-view a.list.active { background-position: 0 0; } .mmpdu-overview-grid ul { list-style: none !important; margin: 0 !important; overflow: hidden; } .mmpdu-overview-grid ul li { float: left; width: 172px; margin: 0 10px 15px; padding: 0; } .mmpdu-overview-grid-image { margin-bottom: 3px; text-align: center; line-height: 1; } .mmpdu-overview-grid-image a { display: block; } .mmpdu-overview-grid h2 { font-weight: bold; font-size: 14px; margin: 0; } .mmpdu-overview-grid h3 { font-weight: normal; font-size: 12px; } .mmpdu-overview-grid h3 a { text-decoration: none; } .mmpdu-overview-grid-item-title { background: url("/typo3conf/ext/mm_pdu/Resources/Public/Media/Images/link_arrows.png") no-repeat 0 -45px; padding-left: 15px; white-space:nowrap; } .mmpdu-overview-model-number { padding-left: 1px; letter-spacing: 1px; } .mmpdu-overview-link-no-color-change { color: #555; line-height: 1.1; } .mmpdu-overview-360 { display: inline-block; width: 10px; height: 10px; margin-right: 1px; } .mmpdu-products-list th, .mmpdu-products-list td { border: 1px solid #e4e4e4; } .mmpdu-products-list th { background-color: #F0F0F0; color: #3F80D3; } .mmpdu-products-box-wrap { overflow: hidden; } .mmpdu-products-box { border: 1px solid #E4E4E4; float: left; overflow: hidden; width: 443px; height: 125px; margin: 0 0 10px 10px; padding: 10px; } .mmpdu-products-box-img { float: left; width: 100px; height: 125px; overflow: hidden; } .mmpdu-products-box-img a.fancy { display: block; width: 100px; height: 125px; background: url("/typo3conf/ext/mm_pdu/Resources/Public/Media/Images/icon_magnifier.png") no-repeat 0 105px; } .mmpdu-products-box-txt { float: left; width: 333px; margin-left: 10px; } .mmpdu-products-box-txt h3 { margin-bottom: 10px; } .mmpdu-products-box-txt p { margin: 0; } th.mmpdu-icon { font-size: 0; text-indent: -9999em; min-width: 16px; background-position: center; background-repeat: no-repeat; } th.mmpdu-icon-foot { background-image: url("/typo3conf/ext/mm_pdu/Resources/Public/Media/Images/Profiportal/Tiles/icon_foot.gif"); } th.mmpdu-icon-shoe { background-image: url("/typo3conf/ext/mm_pdu/Resources/Public/Media/Images/Profiportal/Tiles/icon_shoe.gif"); } .mmpdu-detail-select-form { margin-top: 20px; } .tx-mmpdu ul.mmpdu-detail-select-color, .tx-mmpdu ul.mmpdu-detail-select-format, .tx-mmpdu ul.mmpdu-detail-select-decor, .tx-mmpdu ul.mmpdu-detail-select-acc { list-style: none !important; margin: 0 !important; padding: 0; overflow: hidden; } .tx-mmpdu dl.mmpdu-detail-select-decor *, .tx-mmpdu dl.mmpdu-detail-select-acc * { border:none; } .tx-mmpdu dl.mmpdu-detail-select-decor, .tx-mmpdu dl.mmpdu-detail-select-acc { list-style: none !important; margin:0 !important; padding: 0; float:left; display:inline-block; background-color:#EEEFF1 } .tx-mmpdu ul.mmpdu-detail-select-color li, .tx-mmpdu ul.mmpdu-detail-select-decor li, .tx-mmpdu ul.mmpdu-detail-select-acc li { float: left; width: 172px; margin: 0 10px 10px; padding: 0; } .mmpdu-detail-select-color a, .mmpdu-detail-select-decor a, .mmpdu-detail-select-acc a { border: none !important; } .tx-mmpdu dl.mmpdu-detail-select-decor dt, .tx-mmpdu dl.mmpdu-detail-select-acc dt { display:block; clear:both;float:none;border-bottom:#fff solid 3px; } .tx-mmpdu dl.mmpdu-detail-select-decor dt h3, .tx-mmpdu dl.mmpdu-detail-select-acc dt h3 { padding:10px 0 15px 10px; } .tx-mmpdu dl.mmpdu-detail-select-decor dd, .tx-mmpdu dl.mmpdu-detail-select-acc dd { float:left; width: 75px; text-align:center; padding: 10px 0; } .tx-mmpdu ul.mmpdu-detail-select-color li a, .tx-mmpdu ul.mmpdu-detail-select-decor li a, .tx-mmpdu dl.mmpdu-detail-select-decor dd a, .tx-mmpdu ul.mmpdu-detail-select-acc li a, .tx-mmpdu dl.mmpdu-detail-select-acc dd a { display: block; height: 100%; text-decoration: none; font-weight: bold; } .tx-mmpdu ul.mmpdu-detail-select-color li span, .tx-mmpdu ul.mmpdu-detail-select-decor li a span, .tx-mmpdu ul.mmpdu-detail-select-acc li a span { display: block; background-position: 0 -43px; } .tx-mmpdu dl.mmpdu-detail-select-decor dd a span, .tx-mmpdu dl.mmpdu-detail-select-acc dd a span { padding:0; display: block; font-size: 10px; background: none; } .mmpdu-detail-select-slider-navigation-item { display: block; padding: 0 5px; } .mmpdu-detail-select-slider-navigation-item.first { padding-left: 0; } .mmpdu-detail-select-slider-navigation-item.last { padding-right: 0; } .tx-mmpdu ul.mmpdu-detail-select-format li { float: left; padding: 0; margin: 0 10px 10px 0; } .mmpdu-detail-view-container { overflow: hidden; } .mmpdu-detail-view-headline-container { z-index: 1; } .mmpdu-detail-view-headline { margin: 0 10px 20px; /* width: 90%; */ } .mmpdu-detail-view-container-image { float: left; width: 300px; margin: 0 20px 20px 0; text-align: center; } .mmpdu-detail-view-container-image-desc { display: block; font-size: 11px; margin: 10px 0; text-align: center; } .mmpdu-detail-view-container-description { float: left; width: 638px; } .mmpdu-detail-view-container-description h3 { color: #999999; margin-bottom: 20px; text-transform: uppercase; } .mmpdu-detail-view-container-description table { width: 100%; } .mmpdu-detail-view-container-description th { text-align: left; color: #3f80d3; background-color: #EAEAEA; padding: 2px 5px; } .mmpdu-detail-view-container-description tr { background-color: #fff; font-size: 12px; } .mmpdu-detail-view-container-description tr.even { background-color: #f9f9f9; } .mmpdu-detail-view-product-property-col1 { width: 25%; vertical-align: top; border: 1px solid #dadada; border-left: none; padding: 3px 5px; } .mmpdu-detail-view-product-property-col2 { width: 75%; vertical-align: top; border: 1px solid #dadada; border-right: none; padding: 3px 5px; } .mmpdu-detail-view-360-link { text-decoration: none; } .mmpdu-detail-view-360-item { display: inline-block; width: 15px; height: 15px; } .mmpdu-detail-view-360-item-10 { display: inline-block; width: 10px; height: 10px; } a.mmpdu-detail-view-360-item { line-height: 15px; vertical-align: middle; } .mmpdu-filter-360 { display: inline-block; width: 30px; height: 30px; } #availability-request .form-fields { float: left; padding: 4px 0; } #availability-request #availability-response { float: left; margin: 0 25px; height: 40px; } #availability-request #availability-legend { float: left; padding: 7px 0; } #availability-request #filter-buttons { padding: 10px 0; } .tx-mmpdu button, .mmpdu-overview-detail-popup-wrap span.button { background: url("/typo3conf/ext/mm_pdu/Resources/Public/Media/Images/button_bg.png") no-repeat left -50px; border: none; color: #3F80D3; font-size: 12px; font-weight: bold; line-height: 21px; padding-left: 11px; text-transform: uppercase; } .tx-mmpdu button span, .mmpdu-overview-detail-popup-wrap span.button span { background: url("/typo3conf/ext/mm_pdu/Resources/Public/Media/Images/button_bg.png") no-repeat right top; display: block; padding: 5px 15px 7px 2px; } .mmpdu-overview-detail-popup-wrap span.button, .mmpdu-overview-detail-popup-wrap span.button span { display: inline-block; } .availability-legend-item { display: none; } .availability-request-icon-wrap { display: none; } .availability-request-icon { width: 40px; height: 40px; } .availability-request-icon-red { background: url("/typo3conf/ext/mm_pdu/Resources/Public/Media/Images/availability_request_icons.png") no-repeat 0 0; } .availability-request-icon-yellow { background: url("/typo3conf/ext/mm_pdu/Resources/Public/Media/Images/availability_request_icons.png") no-repeat 0 -140px; } .availability-request-icon-green { background: url("/typo3conf/ext/mm_pdu/Resources/Public/Media/Images/availability_request_icons.png") no-repeat 0 -280px; } .availability-request-icon-grey-placeholder, .availability-request-icon-grey { background: url("/typo3conf/ext/mm_pdu/Resources/Public/Media/Images/availability_request_icons.png") no-repeat 0 -420px; } .mmpdu-detail-view-container-image #wrap { display: inline-block; } .tx-mmpdu-filter-buttons { text-align: right; } .tx-mmpdu-flash .typo3-message { font-size: 12px; padding: 5px 10px; border-width: 2px; border-style: solid; text-align:center; margin: 2px; } .tx-mmpdu-flash .typo3-message .message-header { font-weight: bold; } .tx-mmpdu-flash .typo3-message.message-error { border-color: #FF9494; background-color: #ffb8b8; } .tx-mmpdu-flash .typo3-message.message-warning { border-color: #ffbf76; background-color: #ffe4bc; } .tx-mmpdu-flash .typo3-message.message-ok { border-color: #3F80D3; background-color: rgba(63, 128, 211, 0.33); } a.mmpdu-button { text-decoration: none; } a.mmpdu-button span { } a.mmpdu-button span span { background: url("/typo3conf/ext/mm_pdu/Resources/Public/Media/Images/link_arrows.png") 0 -45px no-repeat; line-height:18px; padding-left:15px; } a.mmpdu-button:hover span span { color:#3f80d3; } .mmpdu-detail-others-wrap { float: left; width: 458px; margin: 0 5px 10px; padding: 5px; border: 1px solid #dadada; } .mmpdu-detail-others-head { margin-bottom: 5px; } .mmpdu-detail-others-image { float: left; width: 100px; height: 90px; padding-right: 10px; border-right: 1px solid #eaeaea; } .mmpdu-detail-others-title { float: left; height: 90px; width: 227px; padding: 0 10px; font-weight: bold; } .mmpdu-detail-others-360-wrap { float: right; height: 90px; } .mmpdu-product-info-table { width: 100%; border-collapse: collapse; } .mmpdu-product-info-table thead { background-color: #eaeaea; } .mmpdu-product-info-table thead { background-color: #eaeaea; } .mmpdu-product-info-table th { color: #3F80D3; text-align: left; font-size: 12px; padding: 2px 5px; } .mmpdu-product-info-table td { border: 1px solid #dadada; font-size: 12px; padding: 0 5px; vertical-align: top; } .mmpdu-product-info-table tr:last-child td { border-bottom: none; } .mmpdu-product-info-table .mmpdu-product-info-col1 { border-left: none; width: 180px; } .mmpdu-product-info-table .mmpdu-product-info-col2 { border-right: none; } .mmpdu-product-info-table-big td { padding: 2px 5px; } .mmpdu-detail-shortcut-table { margin-top: 10px; } .mmpdu-detail-acc-shortcut-container span { background: url("/typo3conf/ext/mm_pdu/Resources/Public/Media/Images/link_arrows.png") no-repeat 0 -145px; padding-left: 12px; margin-right: 5px; cursor: pointer; } .mmpdu-detail-acc-shortcut-container span:hover { color: #3F80D3; background-position: 0 -195px; } .mmpdu-button-container { z-index: 101; } .login-restricted-access { display: inline; font-size: 12px; margin-left: 25px; } .mmpdu-detail-restricted-access-contact, .mmpdu-detail-restricted-access-login { display: inline; font-size: 12px; margin-left: 25px; background: url("/typo3conf/ext/mm_pdu/Resources/Public/Media/Images/link_arrows.png") no-repeat 0 -195px; padding-left: 13px; } .tx-mmpdu-flash .button { margin: 5px; } .tx-mmpdu { color: #43474a; } .pdu-spinner-wrap { width: 100%; height: 100%; position: absolute; background: url("/typo3conf/ext/mm_pdu/Resources/Public/Media/Images/1x1_fff_70perc.png") repeat; z-index: 100; } .pdu-spinner * { max-width: none; } .pdu-select-replica-wrap { position: relative; } .pdu-select-replica-wrap.disabled { opacity: 0.3; } .pdu-select-replica-label { border: 1px solid #808588; padding: 5px 20px 5px 5px; width: 100%; height: 32px; cursor: pointer; overflow: hidden; } @media screen and (max-width:960px) { .pdu-select-replica-label { margin-bottom: 12px; } } .pdu-select-replica-wrap.disabled .pdu-select-replica-label { cursor: default; } .pdu-select-replica-label:before { content: ""; position: absolute; top: 0; right: 0; width: 22px; height: 32px; background-color: #808588; } .pdu-select-replica-label:after { content: ""; position: absolute; top: 13px; right: 6px; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #fff; } .pdu-select-replica-label.open { border-color: #43474A; } .pdu-select-replica-label.open:before { background-color: #43474A; } .pdu-select-replica-label.open:after { border-top: none; border-bottom: 5px solid #fff; } .pdu-select-replica-item-container { display: none; position: absolute; left: 0; top: 32px; width: 100%; background-color: #fff; z-index: 10; border: 1px solid #43474A; border-top: none; } .pdu-select-replica-item-wrap { width: 100%; max-height: 154px; overflow-y: auto; } .pdu-select-replica-item { padding: 5px 15px 5px 5px; border-top: 1px solid #ededed; cursor: pointer; } .pdu-select-replica-item:first-child { border-top: none; } .pdu-select-replica-item:hover { background-color: #f0f0f0; } .pdu-select-replica-item.selected { background-color: #5991dc; color: #fff; } .pdu-slider .slick-track { max-width: none; } #checklist { position: fixed; right: -354px; top: 185px; width: 420px; z-index: 999; height: 55%; /* background-color: lightblue; opacity: 0.6; */ } html { overflow-x: hidden !important; } .checklist_collection { font-family: VilleroyandBoch; font-size: 13pt; color: #43464B; padding: 10px; padding-left: 20px; display: inline-block; } .checklist_item_image { padding: 10px; } #checklist_amount { width: 67px; display: inline-block; cursor: pointer; padding-left: 8px; } #checklist_items { padding: 5px; width: 420px; height: 100%; } .tbl_checklist_items { float: right; width: 350px; z-index: -3; border: 1px solid #F3F3F3; border-top: none; background: #FFF; -webkit-box-shadow: 0px 2px 2px 2px rgba(234,234,234,0.2); -moz-box-shadow: 0px 2px 2px 2px rgba(234,234,234,0.2); box-shadow: 0px 2px 2px 2px rgba(234,234,234,0.2); max-height: 100%; overflow-y: auto; overflow-x: hidden; } i.checklist_delete { cursor: pointer; font-size: 18px; } #checklist .icon-download { font-size: 18px !important; } .checklist_items_headline { width: 420px; font-family: VilleroyandBoch; font-size: 13pt; color: #43464B; padding-top: 10px; padding-bottom: 10px; padding-left: 8px; padding-right: 8px; background: #FFF; margin-top: -5px; border: 1px solid #F3F3F3; border-left: none; -webkit-box-shadow: 2px 0px 5px 2px rgba(234,234,234,0.5); -moz-box-shadow: 2px 0px 5px 2px rgba(234,234,234,0.5); box-shadow: 2px 0px 5px 2px rgba(234,234,234,0.5); background-color: #e2ebf0; } .tiles-picker { border-bottom: 1px dotted #b9bcbd; margin-bottom: 40px; } /*Badplaner Filter*/ .bpfilter-sidebar{ background-color: #e5e5e5; width: 425px; position: fixed; right: 0; height: 100%; z-index: 1; } .bpfilter-headline{ font-size: 22px; color: #575757; text-transform: uppercase; margin-left: 15px; } .bpfilter-list{ list-style: none; line-height: 25px; font-size: 16px; margin-bottom: 25px; padding: 0; } .bpfilter-list li + li{ margin-top: 5px; } :not(li) > ul.bpfilter-list{ margin-left:40px; width: 85%; } :not(li) > ul.bpfilter-list > li:last-child{ margin-top: 15px; padding-top: 15px; border-top: 1px dashed #333; } :not(li) > ul.bpfilter-list > li:first-child{ margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px dashed #333; } li > ul.bpfilter-list > li:first-child{ margin-bottom: 15px; } .bpfilter-list ul li:last-child{ margin-top: 5px; } @media screen and (max-width: 1800px) { .bpfilter-sidebar{ position: relative; width: 100%; padding: 10px 0; margin-bottom: 15px; float: left; } .bpfilter-list li{ float: left; width: 100%; } .bpfilter-list ul li{ width: 250px; } .bpfilter-list ul li:first-child{ width: 100%; } } input[type=radio].bpfilter-radio, input[type=checkbox].bpfilter-checkbox { display:none; } label.bpfilter-radio-label, label.bpfilter-checkbox-label { cursor: pointer; } .bpfilter-checkbox-label img{ display: inline; margin: 0 0 -2px 5px; } input[type="checkbox"].bpfilter-checkbox:focus + label.bpfilter-checkbox-label:before, input[type="radio"].bpfilter-radio:focus + label.bpfilter-radio-label:before { border-color: #444; } input[type="checkbox"].bpfilter-checkbox + label.bpfilter-checkbox-label, input[type="radio"].bpfilter-radio + label.bpfilter-radio-label { position: relative; padding: 8px 10px 8px 2em; vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } input[type="checkbox"].bpfilter-checkbox + label.bpfilter-checkbox-label:before, input[type="radio"].bpfilter-radio + label.bpfilter-radio-label:before { content: ''; color: #333; position: absolute; top: 5px; left: 0; width: 20px; height: 20px; border: 2px solid grey; font-size: 18px; text-align: center; background-color: #fff; } input[type="checkbox"].bpfilter-checkbox + label.bpfilter-checkbox-label:after, input[type="radio"].bpfilter-radio + label.bpfilter-radio-label:after { content: ''; background-color: #333; position: absolute; top: 12px; left: 7px; width: 10px; height: 10px; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transition: -webkit-transform 200ms ease-out; transition: transform 200ms ease-out; } input[type="checkbox"].bpfilter-checkbox + label.bpfilter-checkbox-label:after { background-color: transparent; top: 50%; left: 6px; width: 8px; height: 3px; margin-top: -5px; border-style: solid; border-color: #333; border-width: 0 0 3px 3px; -webkit-border-image: none; -o-border-image: none; border-image: none; -webkit-transform: rotate(-45deg) scale(0); -ms-transform: rotate(-45deg) scale(0); transform: rotate(-45deg) scale(0); } input[type="checkbox"].bpfilter-checkbox:checked + label:after { content: ''; -webkit-transform: rotate(-45deg) scale(1); -ms-transform: rotate(-45deg) scale(1); transform: rotate(-45deg) scale(1); } input[type="radio"].bpfilter-radio:checked + label.bpfilter-radio-label:before { -webkit-animation: borderscale 300ms ease-in; animation: borderscale 300ms ease-in; } input[type="radio"].bpfilter-radio:checked + label.bpfilter-radio-label:after { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } input[type="radio"].bpfilter-radio + label.bpfilter-radio-label:before, input[type="radio"].bpfilter-radio + label.bpfilter-radio-label:after { border-radius: 50%; } input[type="checkbox"].bpfilter-checkbox:checked + label.bpfilter-checkbox-label:before { -webkit-animation: borderscale 300ms ease-in; animation: borderscale 300ms ease-in; } input[type="checkbox"].bpfilter-checkbox:checked + label.bpfilter-checkbox-label:after { -webkit-transform: rotate(-45deg) scale(1); -ms-transform: rotate(-45deg) scale(1); transform: rotate(-45deg) scale(1); } @-webkit-keyframes borderscale { 50% { box-shadow: 0 0 0 4px #023E84; } } @keyframes borderscale { 50% { box-shadow: 0 0 0 4px #023E84; } } /*NOT USED*/ /* input[type=radio].bpfilter-radio + label.bpfilter-radio-label { padding-left:23px; height:18px; display:inline-block; line-height:18px; background-repeat:no-repeat; background-position: 0 0; vertical-align:middle; cursor:pointer; } input[type=radio].bpfilter-radio:checked + label.bpfilter-radio-label { background-position: 0 -18px; } label.bpfilter-radio-label { background-image:url('../../../typo3conf/ext/mm_pdu/Resources/Public/Icons/csscheckbox_radio.png'); -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } label.bpfilter-checkbox-label { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } */ .tx-mmpdu-professionals-tiles-filter-block { float: left; width: 292px; padding: 0 10px; margin-bottom: 15px; } .tx-mmpdu-professionals-tiles-filter-label { width: 150px; display: inline-block; } .tx-mmpdu-professionals-tiles-filter-block-headline { margin-bottom: 15px; font-size: 15px; } .tx-mmpdu-professionals-tiles-filter-selection-item { padding: 3px 0; } .tx-mmpdu-professionals-tiles-filter-selection-item label { cursor: pointer; padding-left: 5px; } #tx-mmpdu-filter-buttons { text-align: right; padding: 10px; } .tx-mmpdu-professionals-tiles-filter-selection-select { width: 280px !important; } .tx-mmpdu-professionals-tiles-filter-input-text { width: 240px; } .tx-mmpdu-professionals-tiles-filter-block { float: left; width: 292px; padding: 0 10px; margin-bottom: 15px; } hr.tx-mmpdu-professionals-tiles-filter-spacer { height: 1px; color: #e4e4e4; border: 0; border-top: 1px solid #e4e4e4; margin: 0 10px 15px 10px; } .mmpdu-detail-view-container-image .cloud-zoom-big { margin-left: 68px; } #availability-request-sku { width: 200px; padding: 5px 2px 7px; } #availability-request-qty { width: 40px; padding: 5px 2px 7px; text-align: center;; } /* Fancy Emo Picture Gallery */ .fancybox-title-inside { text-align: right; } .product-emo-picture-container { height: 392px; width: 960px; overflow: hidden; } .product-emo-picture-container .product-emo-picture-item { position: absolute; } #product-emo-picture-navigator-container { position: absolute; right: 10px; top: 10px; } #product-emo-picture-navigator-container .product-emo-picture-navigator-item { background: url("/fileadmin/sites/evb/legacy/website-v2/gfx/blind.gif") repeat scroll 0 0 transparent; border: 1px solid #FFFFFF; cursor: pointer; float: left; font-size: 0; height: 10px; margin-right: 6px; width: 10px; } .mmpdu-tiles-color-matrix-inner-wrap { float: left; padding: 0 5px; } .mmpdu-tiles-color-matrix { padding: 10px; border: 1px solid #cdcdcd; } .mmpdu-tiles-color-matrix-item { width: 27px; height: 27px; float: left; } .mmpdu-tiles-color-matrix-item a { display: block; width: 100%; height: 100%; } .mmpdu-tiles-color-matrix-item.mmpdu-add-border { width: 25px; height: 25px; border: 1px solid #acacac; } .mmpdu-tiles-color-matrix-item.mmpdu-add-border-selected { width: 23px; height: 23px; border: 2px solid #3F80D3 !important; } .mmpdu-tiles-color-matrix-item-hidden { opacity: 0.5; } .mmpdu-tiles-color-matrix-item-not-available { opacity: 0.2; } div.mmpdu-detail-view-color-container { margin: 0 0 0 0; } div.mmpdu-detail-view-color-container h3 { margin: 10px 10px 10px 0px; } div.mmpdu-detail-view-color-container ul.mmpdu-detail-select-color li { width: 50px; } .mmpdu-tiles-detail-tab-head-wrap { border-collapse: collapse; width: 100%; } .mmpdu-tiles-detail-tab-head { background: #F2F2F2; background: -moz-linear-gradient(top, #ffffff 0%, #eeeeee 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #eeeeee)); background: -webkit-linear-gradient(top, #ffffff 0%, #eeeeee 100%); background: -o-linear-gradient(top, #ffffff 0%, #eeeeee 100%); background: -ms-linear-gradient(top, #ffffff 0%, #eeeeee 100%); background: linear-gradient(to bottom, #ffffff 0%, #eeeeee 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0); border: 1px solid #cdcdcd; padding: 10px; width: 25%; cursor: pointer; } .mmpdu-tiles-detail-tab-head:hover { background: #ffffff; background: -moz-linear-gradient(top, #ffffff 0%, #e0e0e0 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #e0e0e0)); background: -webkit-linear-gradient(top, #ffffff 0%, #e0e0e0 100%); background: -o-linear-gradient(top, #ffffff 0%, #e0e0e0 100%); background: -ms-linear-gradient(top, #ffffff 0%, #e0e0e0 100%); background: linear-gradient(to bottom, #ffffff 0%, #e0e0e0 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e0e0e0', GradientType=0); } .mmpdu-tiles-detail-tab-head.active { color: #3F80D3; background: #ffffff; background: -moz-linear-gradient(top, #ffffff 0%, #e0e0e0 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #e0e0e0)); background: -webkit-linear-gradient(top, #ffffff 0%, #e0e0e0 100%); background: -o-linear-gradient(top, #ffffff 0%, #e0e0e0 100%); background: -ms-linear-gradient(top, #ffffff 0%, #e0e0e0 100%); background: linear-gradient(to bottom, #ffffff 0%, #e0e0e0 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e0e0e0', GradientType=0); cursor: default; } .mmpdu-tiles-detail-tab-body { border: 1px solid #cdcdcd; border-top: none; } .mmpdu-tiles-detail-tab { display: none; } .mmpdu-tiles-detail-tab.active { display: block; } h3.mmpdu-detail-select-headline { padding: 0px 0 5px; border-bottom: 1px dotted #b9bcbd; } .mmpdu-tiles-detail-tab-padding { padding: 10px; } .mmpdu-detail-view-container-description { width: 618px; } .mmpdu-tiles-detail-small { display: inline !important; font-size: 12px; font-weight: normal; } etul.mmpdu-detail-select-color li, .tx-mmpdu ul.mmpdu-detail-select-decor li, .tx-mmpdu ul.mmpdu-detail-select-acc li { float: left; margin: 0 7px 10px; padding: 0; width: 120px; } .pro-acc-item-restricted .pro-acc-title span { background-position: 910px center; } .mmpdu-detail-tiles-serie { font-size: 27px; padding-left: 5px; } .mmpdu-detail-product-specification { margin: 0 !important; padding: 0 !important; } .mmpdu-detail-product-specification li { float: left; display: block; margin: 0; padding: 0; margin-right: 10px; } .tx-mmpdu-tiles-selected-color{ padding-left: 5px; } .tx-mmpdu-tiles-current-text { background: url("/typo3conf/ext/mm_pdu/Resources/Public/Media/Images/link_arrows.png") no-repeat 0 -33px; padding:10px 0 0 15px; text-decoration: none; } .tx-mmpdu-tiles-all-decors, .tx-mmpdu-tiles-all-accs, .tx-mmpdu-tiles-all-colors, .tx-mmpdu-tiles-all-formats { background: url("/typo3conf/ext/mm_pdu/Resources/Public/Media/Images/link_arrows.png") no-repeat 5px 11px; padding: 5px 10px 5px 20px; display: inline-block; font-size: 14px; font-weight: bold; line-height: 19px; cursor: pointer; margin-bottom: 10px; margin-top: 10px; } .tx-mmpdu-tiles-hidden-model-selection, .tx-mmpdu-tiles-hidden-model-color, .tx-mmpdu-tiles-hidden-model-format { margin-bottom: 20px; } .mmpdu-detail-tiles-serie { margin-bottom: 20px; margin-top: 10px; } .mmpdu-productselector-select-color{ list-style: none outside none !important; margin: 0 !important; overflow: hidden; padding: 0; text-align: justify } .mmpdu-productselector-select-color li{ display: inline-block; width: 100px; margin-bottom: 15px; vertical-align: top; padding: 0 5px; } ul.mmpdu-productselector-select-color li a { display: block; font-weight: bold; height: 100%; text-decoration: none; font-family: Arial,sans-serif; font-size: 14px; line-height: 20px; text-align: center; border: 0 none; } ul.mmpdu-productselector-select-color li a img, ul.mmpdu-productselector-select-color li img { display: block; margin: 0 auto; } .mmpdu-productselector-select-color-detail { background: url("/typo3conf/ext/mm_pdu/Resources/Public/Media/Images/link_arrows.png") no-repeat scroll 0 -46px rgba(0, 0, 0, 0); padding-left: 15px; text-decoration: none; white-space: nowrap; } /* This is the moving lens square underneath the mouse pointer. */ .cloud-zoom-lens { /*border: 1px solid #dadada; margin:-1px; Set this to minus the border thickness. */ background-color:#fff; cursor:move; background-repeat:no-repeat!important; } /* This is for the title text. */ .cloud-zoom-title { font-family:Arial, Helvetica, sans-serif; position:absolute !important; background-color:#000; color:#fff; padding:3px; width:100%; text-align:center; font-weight:bold; font-size:10px; top:0px; } /* This is the zoom window. */ .cloud-zoom-big { border:1px solid #ccc; overflow:hidden; background-color:#fff; background-repeat:no-repeat; margin-left:140px; } /* This is the loading message. */ .cloud-zoom-loading { color:white; background:#222; padding:3px; border:1px solid #000; } /* This is the div that has the zoom window in product detail view */ #fixed-zoom-window { width:320px!important; height:300px!important; background-color:transparent; } .cloud-zoom-content { z-index:10000; } .cloud-zoom-content .cloud-zoom-big { margin-left:10px; } .pdu-overview-show-more-wrap { text-align: center; margin: 20px 0 30px; cursor: pointer; } .pdu-overview-show-more { position: relative; display: inline-block; background-color: #808588; padding: 5px 40px; color: #fff; line-height: 20px; } .pdu-overview-show-more:hover { background-color: #43474A; } .pdu-overview-show-more-icon { position: absolute; top: 20px; left: 50%; margin-left: -12px; background-color: inherit; border: 1px solid transparent; border-radius: 24px; color: #fff; display: inline-block; font-size: 14px; height: 22px; line-height: 20px; text-align: center; width: 24px; } .pdu-overview-show-more-icon > i { position: relative; left: 1px; top: -1px; } .pdu-collection-filter-wrap { border-top: 1px dotted #43474A; border-bottom: 1px dotted #43474A; padding: 10px 0; overflow: auto; } .pdu-collection-filter { float: left; width: 75%; overflow: auto; } .pdu-collection-filter-item { float: left; padding: 5px 10px; margin-right: 10px; cursor: pointer; } .pdu-collection-filter-item:hover, .pdu-collection-filter-item.active { background-color: #5991dc; color: #fff; } .pdu-collection-filter-list-all, .pdu-collection-filter-show-all{ float: right; display: inline-block; padding: 5px 10px; text-align: right; cursor: pointer; } .pdu-collection-filter-list-all:hover, .pdu-collection-filter-show-all:hover, .pdu-collection-filter-list-all.active { background-color: #5991dc; color: #fff; } .pdu-collection-list-wrap { display: none; position: relative; } .pdu-collection-list-alpha-close { position: absolute; top: -15px; right: 0; color: #fff; background-color: #808588; padding: 3px 8px; display: inline-block; z-index: 1; cursor: pointer; font-size: 16px; line-height: 1; } .pdu-collection-list-alpha-close:hover { background-color: #43474a; } .pdu-collection-list-alpha-title { font-size: 25px; color: #315784; margin-bottom: 12px; font-family: "VilleroyAndBoch", serif; } .pdu-collection-list-alpha-item { font-family: Arial, sans-serif; font-size: 14px; margin-bottom: 6px; } .pdu-collection-list-alpha-item > a { text-decoration: none; border: none; display: block; } .pdu-collection-list-alpha-item-label { text-transform: uppercase; } .pdu-collection-list-alpha-item-label-sub { font-size: 12px; padding: 0 0 0 8px; } .pdu-collection-overview .grid-row.item-hide, .pdu-collection-overview .grid-cell.item-hide { display: none; } .pdu-collection-cell { border: 1px solid #d4d4d4; position: relative; max-width: 476px; margin-left: auto; margin-right: auto; display: block; } .pdu-collection-item-link { border: none; } .pdu-collection-overview-image { position: relative; } .pdu-collection-overview-image.vb-tiles { display: none; } @media (min-width:961px) { .pdu-collection-cell { max-width: 100%; } .pdu-collection-overview-image.vb-tiles { display: block; } .pdu-collection-overview-image-mobile.vb-tiles { display: none; } } .pdu-collection-overview-label-wrap { background-color: #E2EBF0; position: relative; height: 75px; text-align: center; } .pdu-collection-overview-label { font-family: "VilleroyAndBoch", serif; color: #43474a; border: none; font-size: 21px; font-weight: normal; padding: 25px 0 0; text-transform: uppercase; } .pdu-collection-overview-label-sub { font-family: "VilleroyAndBoch", serif; font-style: italic; color: #43474a; border: none; font-size: 17px; font-weight: normal; } .pdu-collection-overview-layer { display: none; border-left: 10px solid #fff; border-right: 10px solid #fff; border-top: 10px solid #fff; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 1; } .pdu-collection-cell:hover .pdu-collection-overview-label-wrap { background-color: #fff; } .pdu-collection-cell:hover .pdu-collection-overview-label { color: #5991dc; } .pdu-collection-cell:hover .pdu-collection-overview-label-sub { color: #5991dc; } .pdu-collection-cell:hover .pdu-collection-overview-layer { display: block; } /*Bathplanner Collectionfilter*/ .first-level{ font-weight: bold; } .filter-list{ list-style: none outside none; text-align: justify; width: 80%; margin-top: 0; } .filter-item-wrap{ display: inline-block; vertical-align: top; width: 230px; margin-bottom: 5px; } .pdu-collection-list-wrap .grid-column.last-grid-column { float: left; } .product-filter-color-item { width: 25px; height: 25px; line-height: 1; margin-right: 5px; margin-bottom: 5px; float: left; } .product-filter-color-item.selectable { border: 1px solid #ccc; cursor: pointer; } .product-filter-color-reset { border: 1px solid #808588; padding: 5px; height: 32px; background: #fff; color: #43474a; }