/* latin-ext */ @font-face { font-family: "Lato"; font-style: normal; font-weight: 100; font-display: swap; src: url(/css/fonts/lato/v24/S6u8w4BMUTPHh30AUi-qJCY.woff2) format("woff2"); unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: "Lato"; font-style: normal; font-weight: 100; font-display: swap; src: url(/css/fonts/lato/v24/S6u8w4BMUTPHh30AXC-q.woff2) format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* latin-ext */ @font-face { font-family: "Lato"; font-style: normal; font-weight: 400; font-display: swap; src: url(/css/fonts/lato/v24/S6uyw4BMUTPHjxAwXjeu.woff2) format("woff2"); unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: "Lato"; font-style: normal; font-weight: 400; font-display: swap; src: url(/css/fonts/lato/v24/S6uyw4BMUTPHjx4wXg.woff2) format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* latin-ext */ @font-face { font-family: "Lato"; font-style: normal; font-weight: 700; font-display: swap; src: url(/css/fonts/lato/v24/S6u9w4BMUTPHh6UVSwaPGR_p.woff2) format("woff2"); unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: "Lato"; font-style: normal; font-weight: 700; font-display: swap; src: url(/css/fonts/lato/v24/S6u9w4BMUTPHh6UVSwiPGQ.woff2) format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: "Montserrat"; font-style: normal; font-weight: 700; font-display: swap; src: url(/css/fonts/montserrat/v26/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCuM73w0aXpsog.woff2) format("woff2"); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: "Montserrat"; font-style: normal; font-weight: 700; font-display: swap; src: url(/css/fonts/montserrat/v26/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCuM73w9aXpsog.woff2) format("woff2"); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* latin-ext */ @font-face { font-family: "Montserrat"; font-style: normal; font-weight: 700; font-display: swap; src: url(/css/fonts/montserrat/v26/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCuM73w3aXpsog.woff2) format("woff2"); unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: "Montserrat"; font-style: normal; font-weight: 700; font-display: swap; src: url(/css/fonts/montserrat/v26/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCuM73w5aXo.woff2) format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* font awesome */ @font-face { font-family: "Font Awesome 6 Free"; font-style: normal; font-weight: 900; font-display: block; src: url(/css/fonts/fontawesome/6.0.0/webfonts/fa-solid-900.woff2) format("woff2"), url(/css/fonts/fontawesome/6.0.0/webfonts/fa-solid-900.ttf) format("truetype"); } /* ------------------------------------------------------------- Sass CSS3 Mixins! The Cross-Browser CSS3 Sass Library By: Matthieu Aussaguel, http://www.mynameismatthieu.com, @matthieu_tweets List of CSS3 Sass Mixins File to be @imported and @included as you need The purpose of this library is to facilitate the use of CSS3 on different browsers avoiding HARD TO READ and NEVER ENDING css files note: All CSS3 Properties are being supported by Safari 5 more info: http://www.findmebyip.com/litmus/#css3-properties Mixins available: - css3-prefix - arguments: Property, Value - background-gradient - arguments: Start Color: #3C3C3C, End Color: #999999 - background-horizontal - arguments: Start Color: #3C3C3C, End Color: #999999 - background-radial - arguments: Start Color: #FFFFFF, Start position: 0%, End Color: #000000, End position: 100% - background-size - arguments: Width: 100%, Height: 100% - background-opacity - arguments: Color: #000, Opacity: .85 - border-radius - arguments: Radius: 5px - border-radius-separate - arguments: Top Left: 5px, Top Right: 5px, Bottom Left: 5px, Bottom Right: 5px - box - arguments: Orientation: horizontal, Pack: center, Align: center - box-rgba - arguments: R: 60, G: 3, B: 12, Opacity: 0.23, Color: #3C3C3C - box-shadow - arguments: X: 2px, Y: 2px, Blur: 5px, Color: rgba(0,0,0,.4) - box-sizing - arguments: Type: border-box - columns - arguments: Count: 3, Gap: 10 - double-borders - arguments: Color One: #3C3C3C, Color Two: #999999, Radius: 0 - flex - arguments: Value: 1 - flip - arguments: ScaleX: -1 - font-face - arguments: Font Family: myFont, Eot File Src: myFont.eot, Woff File Src: myFont.woff, Ttf File Src: myFont.ttf - opacity - arguments: Opacity: 0.5 - outline radius - arguments: Radius: 5px - resize - arguments: Direction: both - rotate - arguments: Degree: 0, M11: 0, M12: 0, M21: 0, M22: 0 CSS Matrix Rotation Calculator http://www.boogdesign.com/examples/transforms/matrix-calculator.html - text-shadow - arguments: X: 2px, Y: 2px, Blur: 5px, Color: rgba(0,0,0,.4) - transform - arguments: Parameters: null - transform-style - arguments: Style: preserve-3d - transition - Default arguments: What: all, Length: 1s, Easing: ease-in-out - - Examples: @include transition (all 2s ease-in-out); - @include transition (opacity 1s ease-in 2s, width 2s ease-out); - triple-borders - arguments: Color One: #3C3C3C, Color Two: #999999, Color Three: #000000, Radius: 0 - keyframes - arguments: Animation name - content: Animation css - animation - arguments: name duration timing-function delay iteration-count direction fill-mode play-state (http://www.w3schools.com/cssref/css3_pr_animation.asp) ------------------------------------------------------------- */ /* Slangen Reizen 2022; Based on Eric Meyer's Reset CSS v2.0 - http://cssreset.com */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { border: 0; font-size: inherit; font: normal normal normal 16px/24px Lato, sans-serif, Helvetica, Arial, "Font Awesome 6 Free", "Font Awesome 6 Brands"; letter-spacing: 0px; vertical-align: baseline; margin: 0; padding: 0; background-repeat: no-repeat; background-position: center; background-size: 100% auto; } h1 a, h1 span, h2 a, h2 span, h3 a, h3 span, h4 a, h4 span, h5 a, h5 span, h6 a, h6 span { font: inherit; letter-spacing: inherit; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: none; } table { border-collapse: collapse; border-spacing: 0; } a, a:hover, a:active { color: inherit; text-decoration: none; } select, input { border: none; height: 40px; font: normal normal normal 16px/32px Lato, sans-serif, Helvetica, Arial, "Font Awesome 6 Free", "Font Awesome 6 Brands"; letter-spacing: 0px; background-repeat: no-repeat; } /* (use dart-sass to enable directive @use 'colors';) */ /* Ivengi 2022 */ h1, h2, h3, h4, h5 { font: normal normal bold 32px/32px Montserrat, sans-serif, Helvetica, Arial, "Font Awesome 6 Free", "Font Awesome 6 Brands"; color: #212121; margin: 0; padding: 0; vertical-align: baseline; background-repeat: no-repeat; background-position: center; } h1 { letter-spacing: -0.48px; line-height: 39px; } h1 > .last_header_word { color: #5e062f; } h2 { font-size: 26px; letter-spacing: -0.48px; } h3 { font-size: 20px; letter-spacing: 0.3px; } h4 { font-size: 16px; letter-spacing: -0.24px; } h5 { font-size: 20px; letter-spacing: -0.3px; color: #0293ab; } p { line-height: 32px; } hr { border: none; border-top: 1px solid #d6d6d6; margin: 10px 0; } select, input, textarea { background: white 0% 0% no-repeat padding-box; border: 1px solid #a6a6a6; -webkit-appearance: none; -khtml-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; -webkit-border-radius: 7px; -khtml-border-radius: 7px; -moz-border-radius: 7px; -ms-border-radius: 7px; -o-border-radius: 7px; border-radius: 7px; padding: 0 15px; width: 85%; width: calc(100% - 30px); } select.loading, input.loading, textarea.loading { color: #a6a6a6; } select, input[type=number] { background-position: right center; background-size: 25px auto; padding-right: 26px; min-width: 60px; } select { width: 100%; background-image: url(/images/icons/black/icon_selectboxarrow.svg); background-size: 20px; text-indent: 0.01px; text-overflow: ""; text-overflow: hidden; } select > optgroup { color: #0293ab; } select > optgroup > option { color: #707070; } input[type=text] { line-height: normal; } input[type=text].icon { padding-right: 50px; background-size: auto 50%; background-position: right center; width: 75%; width: calc(100% - 50px - 15px); height: 38px; } input[type=text].calendar { background-image: url(/images/icons/black/icon_calendar.svg); background-size: 20px auto; background-position: 92% center; background-position: right 15px center; width: 84%; width: calc(100% - 35px); } input[type=radio] { padding: 0; width: 20px; height: 20px; cursor: pointer; -webkit-border-radius: 50%; -khtml-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; } input[type=radio]:checked { background-color: #5e062f; } input[type=checkbox] { padding: 0; margin: 0; width: 20px; height: 20px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; } input[type=checkbox]:checked { background-color: #5e062f; border-color: #5e062f; background-image: url(/images/icons/white/icon_checkmark.svg); background-size: 10px auto; background-position: center center; } ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ color: #a6a6a6; opacity: 1; /* Firefox */ } :-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #a6a6a6; } ::-ms-input-placeholder { /* Microsoft Edge */ color: #a6a6a6; } textarea { padding-top: 15px; padding-bottom: 15px; font: normal normal normal 16px/32px Lato, sans-serif, Helvetica, Arial; } .clear_floats { clear: both; } .responsive_background { background-position: center; background-repeat: no-repeat; background-image: var(--background-image-minwidth); } .pane_standout_on_white { background-color: #9ad4dd; padding: 20px; position: relative; -webkit-border-radius: 15px; -khtml-border-radius: 15px; -moz-border-radius: 15px; -ms-border-radius: 15px; -o-border-radius: 15px; border-radius: 15px; overflow: hidden; } .pane_standout_on_white input[type=text], .pane_standout_on_white select { background-color: white; } .info_block { margin: 30px 0 0 0; padding: 0 15px 15px 15px; } .info_block > h3 { padding: 30px 0 20px 0; } .validation_hint { display: none; } .validation_error input, .validation_error select, .validation_error textarea { outline: 2px solid #c50b0b; } .validation_error .validation_hint { display: block; color: #c50b0b; font-size: 12px; line-height: 12px; margin-top: 7px; letter-spacing: 0; } .ui-helper-hidden-accessible { display: block; width: 0; height: 0; overflow: hidden; } .no_text_select { -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; } /* (use dart-sass to enable directive @use 'colors';) */ /* Ivengi 2022 */ body { margin: 0px auto; padding: 0px; letter-spacing: 0px; color: #707070; background-color: white; background-repeat: no-repeat; width: 100%; min-height: 100%; position: relative; padding: 0 0 1180px 0; z-index: 0; font-size: 0; } body.with_slider_container .slideshow .slides .slide.shown { left: 0; } body.scroll_suppressed { overflow: hidden; } /* (use dart-sass to enable directive @use 'colors';) */ /* Ivengi 2022 */ .cms_btn_primary, .cms_btn_secundary, .cms_btn_tertiary { display: inline-block; min-width: 50px; padding: 15px 30px; border: none; color: white; letter-spacing: 0.4px; text-align: center; font-weight: bold; font-size: 16px; line-height: 20px; height: initial; font-family: Lato, sans-serif, Helvetica, Arial, "Font Awesome 6 Free"; text-decoration: none; border-bottom-color: transparent; cursor: pointer; -webkit-border-radius: 10px; -khtml-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; -webkit-transition: 200ms background-color ease-in; -khtml-transition: 200ms background-color ease-in; -moz-transition: 200ms background-color ease-in; -ms-transition: 200ms background-color ease-in; -o-transition: 200ms background-color ease-in; transition: 200ms background-color ease-in; } .cms_btn_primary:hover, .cms_btn_primary:active, .cms_btn_secundary:hover, .cms_btn_secundary:active, .cms_btn_tertiary:hover, .cms_btn_tertiary:active { color: white; } .cms_btn_primary:active, .cms_btn_secundary:active, .cms_btn_tertiary:active { -webkit-outline: transparent solid 2px; -khtml-outline: transparent solid 2px; -moz-outline: transparent solid 2px; -ms-outline: transparent solid 2px; -o-outline: transparent solid 2px; outline: transparent solid 2px; } .cms_btn_primary.disabled, .cms_btn_secundary.disabled, .cms_btn_tertiary.disabled { background-color: #a6a6a6; border-color: transparent; cursor: initial; } .cms_btn_primary { background-color: #212121; } .cms_btn_primary:active { -webkit-outline-color: #212121; -khtml-outline-color: #212121; -moz-outline-color: #212121; -ms-outline-color: #212121; -o-outline-color: #212121; outline-color: #212121; } .cms_btn_primary .progressbar_indicator, .cms_btn_primary .progressbar_container { display: none; } .cms_btn_secundary { background-color: #b7619a; } .cms_btn_secundary:active { -webkit-outline-color: #5e062f; -khtml-outline-color: #5e062f; -moz-outline-color: #5e062f; -ms-outline-color: #5e062f; -o-outline-color: #5e062f; outline-color: #5e062f; } .cms_btn_tertiary { background-color: #0293ab; } .cms_btn_tertiary:active { -webkit-outline-color: #006171; -khtml-outline-color: #006171; -moz-outline-color: #006171; -ms-outline-color: #006171; -o-outline-color: #006171; outline-color: #006171; } /* hyperlink */ a { color: #212121; font-weight: bold; border-bottom: 1px solid #b7619a; margin-bottom: -1px; text-decoration: none; } a:hover { color: #b7619a; } a:active, a:visited { color: #5e062f; } /* (use dart-sass to enable directive @use 'colors';) */ /* Ivengi 2022 */ form#frmContact { margin: 40px auto 0 auto; width: 90%; max-width: 600px; } form#frmContact .contact_zipcode_city { font-size: 0; } form#frmContact .contact_zipcode_city > span:nth-child(1) { width: 25%; width: calc(200px - 100px); } form#frmContact .contact_zipcode_city > span:nth-child(2) { margin: 0 0 0 5%; width: 70%; width: calc(100% - 100px - 5%); } form#frmContact .contact_name { font-size: 0; } form#frmContact .contact_name [name=gender] { display: inline-block; width: 25%; width: calc(180px - 90px); } form#frmContact .contact_name [name=contact_name] { display: inline-block; width: 72%; width: calc(100% - 90px - 32px - 3%); margin: 0 0 0 3%; } form#frmContact .all_day_bus > .button_radio_container { width: 48%; margin: 0 0 0 4%; } form#frmContact .all_day_bus > .button_radio_container:first-of-type { margin: 0; } form#frmContact .copymail input[name=copymail] { position: relative; top: 5px; margin: 0 10px 0 0; } form#frmContact .copymail > label:not(:first-child) { margin: 0; cursor: pointer; color: #212121; } form#frmContact .submit { text-align: center; margin: 25px 0 0 0; max-width: 200px; } .page_jobapplication form#frmContact .form_block { margin: 40px auto 0 auto; } .page_jobapplication form#frmContact .form_block > div { font-size: 0; } .page_jobapplication form#frmContact .form_block > div > label { display: block; margin: 15px auto 0 0; } .page_jobapplication form#frmContact .form_block > div .button_radio_container { width: 48%; margin: 0 0 0 4%; } .page_jobapplication form#frmContact .form_block > div .button_radio_container:first-of-type { margin: 0; } .page_jobapplication form#frmContact .checkbox_container > div { margin: 10px 0 0 0; } .page_jobapplication form#frmContact .checkbox_container > div input[type=checkbox] { display: inline-block; vertical-align: top; margin: 2px 2px 2px 2px; } .page_jobapplication form#frmContact .checkbox_container > div input[type=checkbox] + label { display: inline-block; vertical-align: top; margin: 0 0 0 10px; max-width: 80%; } .page_jobapplication form#frmContact .button_container { margin: 60px auto 100px auto; max-width: 300px; } /* (use dart-sass to enable directive @use 'colors';) */ /* Ivengi 2022 */ #ui-datepicker-div.ui-datepicker { border: none; display: inline-block; width: auto; display: none; padding: 15px; font-family: Lato, "Comfortaa", cursive; background-color: white; -webkit-box-shadow: 0px 3px 20px 2px #0000001a; -khtml-box-shadow: 0px 3px 20px 2px #0000001a; -moz-box-shadow: 0px 3px 20px 2px #0000001a; -ms-box-shadow: 0px 3px 20px 2px #0000001a; -o-box-shadow: 0px 3px 20px 2px #0000001a; box-shadow: 0px 3px 20px 2px #0000001a; } #ui-datepicker-div.ui-datepicker span { background-size: initial; } #ui-datepicker-div.ui-datepicker .ui-datepicker-title { text-align: center; margin: 0 20px 0 20px; } #ui-datepicker-div.ui-datepicker .ui-datepicker-title span { font-family: Montserrat; font-weight: bold; font-size: 16px; letter-spacing: -0.24px; color: #5e062f; text-transform: capitalize; } #ui-datepicker-div.ui-datepicker .ui-datepicker-header { border: none; position: relative; } #ui-datepicker-div.ui-datepicker .ui-datepicker-header a { border-bottom-color: transparent; } #ui-datepicker-div.ui-datepicker .ui-datepicker-header .ui-datepicker-prev, #ui-datepicker-div.ui-datepicker .ui-datepicker-header .ui-datepicker-next { position: absolute; top: 2px; right: 0; display: inline-block; cursor: pointer; } #ui-datepicker-div.ui-datepicker .ui-datepicker-header .ui-datepicker-prev, #ui-datepicker-div.ui-datepicker .ui-datepicker-header .ui-datepicker-prev:hover, #ui-datepicker-div.ui-datepicker .ui-datepicker-header .ui-datepicker-prev:active, #ui-datepicker-div.ui-datepicker .ui-datepicker-header .ui-datepicker-next, #ui-datepicker-div.ui-datepicker .ui-datepicker-header .ui-datepicker-next:hover, #ui-datepicker-div.ui-datepicker .ui-datepicker-header .ui-datepicker-next:active { text-decoration: none; background-color: transparent; } #ui-datepicker-div.ui-datepicker .ui-datepicker-header .ui-datepicker-prev.ui-state-disabled, #ui-datepicker-div.ui-datepicker .ui-datepicker-header .ui-datepicker-next.ui-state-disabled { display: none; } #ui-datepicker-div.ui-datepicker .ui-datepicker-header .ui-datepicker-prev span, #ui-datepicker-div.ui-datepicker .ui-datepicker-header .ui-datepicker-next span { color: transparent; background-size: auto 13px; background-position: center; display: inline-block; width: 30px; height: 25px; } #ui-datepicker-div.ui-datepicker .ui-datepicker-header .ui-datepicker-prev span.ui-icon-circle-triangle-w, #ui-datepicker-div.ui-datepicker .ui-datepicker-header .ui-datepicker-next span.ui-icon-circle-triangle-w { background-image: url(/images/icons/black/icon_chevron.svg); -webkit-transform: rotate(180deg); -khtml-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); background-position: 19px 9px; } #ui-datepicker-div.ui-datepicker .ui-datepicker-header .ui-datepicker-prev span.ui-icon-circle-triangle-e, #ui-datepicker-div.ui-datepicker .ui-datepicker-header .ui-datepicker-next span.ui-icon-circle-triangle-e { background-image: url(/images/icons/black/icon_chevron.svg); background-position: 3px 4px; } #ui-datepicker-div.ui-datepicker .ui-datepicker-header .ui-datepicker-prev { right: 30px; } #ui-datepicker-div.ui-datepicker table.ui-datepicker-calendar { width: 100%; min-width: 210px; font-size: 14px; border-collapse: collapse; margin: 15px 0 0 0; border: none; background-color: white; } #ui-datepicker-div.ui-datepicker table.ui-datepicker-calendar th { line-height: 15px; } #ui-datepicker-div.ui-datepicker table.ui-datepicker-calendar th.ui-datepicker-week-col { visibility: hidden; } #ui-datepicker-div.ui-datepicker table.ui-datepicker-calendar th > span { font-family: Montserrat, sans-serif; font-size: 12px; letter-spacing: -0.18px; text-align: center; font-weight: bold; border: 0; padding: 0; text-transform: capitalize; } #ui-datepicker-div.ui-datepicker table.ui-datepicker-calendar td { border: 0; } #ui-datepicker-div.ui-datepicker table.ui-datepicker-calendar td span, #ui-datepicker-div.ui-datepicker table.ui-datepicker-calendar td a { display: block; text-align: center; font-size: 14px; letter-spacing: 0; } #ui-datepicker-div.ui-datepicker table.ui-datepicker-calendar td a { text-decoration: none; border-bottom-color: transparent; } #ui-datepicker-div.ui-datepicker table.ui-datepicker-calendar td.ui-datepicker-week-col { font-family: Montserrat, sans-serif; font-weight: bold; font-size: 12px; letter-spacing: -0.18px; color: #a6a6a6; border-right: 0.5px solid #d6d6d6; } #ui-datepicker-div.ui-datepicker table.ui-datepicker-calendar td .ui-state-default { color: #a6a6a6; padding: 0 5px; } #ui-datepicker-div.ui-datepicker table.ui-datepicker-calendar td .ui-state-default.ui-state-active { color: white; background-color: #5e062f; display: block; line-height: 14px; width: 30px; height: 14px; padding: 8px 0; -webkit-border-radius: 50%; -khtml-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; } #ui-datepicker-div.ui-datepicker table.ui-datepicker-calendar td .ui-state-default.ui-state-hover:not(.ui-state-active) { background: transparent; color: #5e062f; } #ui-datepicker-div.ui-datepicker table.ui-datepicker-calendar td.ui-datepicker-unselectable span { color: #d6d6d6; } #ui-datepicker-div.ui-datepicker table.ui-datepicker-calendar .ui-state-disabled { cursor: default; } /* (use dart-sass to enable directive @use 'colors';) */ /* Ivengi 2022 */ .default_contentpage ul.teasers { margin: 150px auto -65px auto; } .default_contentpage .minor_content { margin: 40px 0 0 0; } .default_contentpage .breadcrumps + .contentblock { max-width: 930px; } /* (use dart-sass to enable directive @use 'colors';) */ /* Ivengi 2022 */ footer { position: absolute; background-color: #e2c0d7; clear: both; bottom: 0; margin: 0; padding: 0; width: 100%; height: 1180px; overflow: hidden; z-index: 0; -webkit-box-shadow: white 0 0 20px 0; -khtml-box-shadow: white 0 0 20px 0; -moz-box-shadow: white 0 0 20px 0; -ms-box-shadow: white 0 0 20px 0; -o-box-shadow: white 0 0 20px 0; box-shadow: white 0 0 20px 0; } footer .footer_container { width: 100%; max-width: 1410px; margin: 0 auto; font-size: 0; } footer .footer_content { display: block; width: 94%; margin: 0 auto; text-align: center; padding: 30px 0; } footer .footer_content > img { margin: 20px auto 0 auto; display: block; } footer .footer_content > img.kiwa_certification { width: 60px; } footer .footer_content > img.logo_touringcars { width: 200px; } footer .footer_lower { position: absolute; bottom: 0; width: 100%; color: white; background-color: #5e062f; } footer .footer_lower h3 { color: white; margin: 30px auto 0 5%; } footer .footer_lower .footer_links_container { width: 270px; margin: 0 auto; } footer .footer_lower .footer_links_container a { color: #e2c0d7; display: block; margin: 15px auto 0 5%; font-weight: normal; } footer .footer_lower .footer_links_container a, footer .footer_lower .footer_links_container a:hover, footer .footer_lower .footer_links_container a:active { text-decoration: none; border-bottom: none; } footer .footer_lower .contactdata_container { position: relative; display: block; width: 270px; margin: 0 auto; } footer .footer_lower .contactdata_container > ul { margin: 15px auto 0 auto; width: 95%; display: block; } footer .footer_lower .contactdata_container > ul span { display: inline-block; vertical-align: top; font-weight: normal; line-height: 32px; } footer .footer_lower .contactdata_container > ul span.icon { width: 40px; height: 100%; margin: 0; } footer .footer_lower .contactdata_container > ul span > a, footer .footer_lower .contactdata_container > ul span > a:hover, footer .footer_lower .contactdata_container > ul span > a:active, footer .footer_lower .contactdata_container > ul span > a:visited { color: white; text-decoration: none; border-bottom: none; display: inline; font-weight: normal; } footer .footer_lower .sole_of_footer { width: 75%; display: block; margin: 35px auto 0 auto; padding: 0 0 10px 0; border-top: 1px solid #e2c0d7; } footer .footer_lower .sole_of_footer .social_media_container { margin: 35px 0 auto 0; text-align: center; } footer .footer_lower .sole_of_footer .social_media_container > a { background-color: #b7619a; } footer .footer_lower .sole_of_footer .social_media_container > a, footer .footer_lower .sole_of_footer .social_media_container > a:hover, footer .footer_lower .sole_of_footer .social_media_container > a:active, footer .footer_lower .sole_of_footer .social_media_container > a:visited { text-decoration: none; border-bottom: none; display: inline-block; width: 35px; height: 35px; margin: 0 3px; background-size: 80%; -webkit-border-radius: 50%; -khtml-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; } footer .footer_lower .sole_of_footer .social_media_container > a.icon_facebook { background-image: url(/images/social/icon_facebook.png); } footer .footer_lower .sole_of_footer .social_media_container > a.icon_instagram { background-image: url(/images/social/icon_instagram.png); } footer .footer_lower .sole_of_footer .social_media_container > a.icon_xcorp { background-image: url(/images/social/icon_xcorp.png); } footer .footer_lower .sole_of_footer .social_media_container > a.icon_linkedin { background-image: url(/images/social/icon_linkedin.png); } footer .footer_lower .sole_of_footer > a { display: block; font-weight: normal; font-size: 14px; margin: 15px auto; text-align: center; } footer .footer_lower .sole_of_footer > a, footer .footer_lower .sole_of_footer > a:hover, footer .footer_lower .sole_of_footer > a:active, footer .footer_lower .sole_of_footer > a:visited { color: #e2c0d7; text-decoration: none; border-bottom: none; } /* (use dart-sass to enable directive @use 'colors';) */ /* Ivengi 2022 */ form > div { font-size: 0; } form > div > label, form > div > span > label { font-weight: bold; display: inline-block; margin: 10px 0 0 0; } form > div > span, form > div.form_block > div > span { display: inline-block; vertical-align: top; } form > div > span > label, form > div.form_block > div > span > label { display: block; } form .date_time_container .hasDatepicker { width: 90px; margin: 0 20px 0 0; } form .date_time_container select { width: 65px; } form .button_radio_container { position: relative; width: 100px; display: inline-block; } form .button_radio_container > input[type=radio] { margin: 0; width: 13px; height: 13px; border: 1px solid #a6a6a6; position: absolute; top: 17px; left: 15px; } form .button_radio_container > input[type=radio]:checked { border: 2px solid transparent; outline: 2px solid #5e062f; } form .button_radio_container > input[type=radio]:checked + label { border-color: #5e062f; color: #212121; font-weight: bold; } form .button_radio_container > input[type=radio] + label { display: block; width: 58%; width: calc(100% - 42px); border: 1px solid #a6a6a6; color: #a6a6a6; -webkit-border-radius: 7px; -khtml-border-radius: 7px; -moz-border-radius: 7px; -ms-border-radius: 7px; -o-border-radius: 7px; border-radius: 7px; margin: 0; padding: 10px 0 12px 40px; cursor: pointer; } form .validation_error > .button_radio_container > input[type=radio]:not(:checked) { outline: none; } form .validation_error > .button_radio_container > input[type=radio]:not(:checked) + label { background-color: #e2c0d7; } form .checkbox_container.validation_error > label { color: #c50b0b; } form .checkbox_container.validation_error > div > input[type=checkbox] { outline: none; } /* (use dart-sass to enable directive @use 'colors';) */ /* Ivengi 2022 */ header { z-index: 1; position: relative; width: 100%; max-width: 1410px; margin: 0 auto; height: 90px; } body.header_suppressed > header { z-index: 0; } header .header_logo { display: inline-block; height: 90px; min-width: 210px; width: 80%; position: relative; } header .header_logo, header .header_logo:hover, header .header_logo:active, header .header_logo:visited { text-decoration: none; border-bottom-color: transparent; background-color: transparent; } header .header_logo > img { position: absolute; top: 30px; left: 6%; width: 210px; } header .header_logo.covered { background-color: #fafafa; -webkit-box-shadow: 0 10px 20px 0 white; -khtml-box-shadow: 0 10px 20px 0 white; -moz-box-shadow: 0 10px 20px 0 white; -ms-box-shadow: 0 10px 20px 0 white; -o-box-shadow: 0 10px 20px 0 white; box-shadow: 0 10px 20px 0 white; } header .header_logo.covered > img { display: none; } header .hamburger_menu_container { display: inline-block; width: 10%; height: 90px; text-align: center; position: relative; } header .hamburger_menu { position: absolute; top: 22px; left: 30%; left: calc(50% - 30px); width: 60px; height: 45px; cursor: pointer; -webkit-transform: scale(0.4); -khtml-transform: scale(0.4); -moz-transform: scale(0.4); -ms-transform: scale(0.4); -o-transform: scale(0.4); transform: scale(0.4); } header .hamburger_menu > span { display: block; position: absolute; height: 5px; width: 50%; opacity: 1; background-color: #212121; -webkit-transition: all 100ms ease-out; -khtml-transition: all 100ms ease-out; -moz-transition: all 100ms ease-out; -ms-transition: all 100ms ease-out; -o-transition: all 100ms ease-out; transition: all 100ms ease-out; } header .hamburger_menu > span:nth-child(1), header .hamburger_menu > span:nth-child(2) { top: 0; } header .hamburger_menu > span:nth-child(2), header .hamburger_menu > span:nth-child(3) { top: 20px; } header .hamburger_menu > span:nth-child(5), header .hamburger_menu > span:nth-child(6) { top: 40px; } header .hamburger_menu > span:nth-child(odd) { left: 0; } header .hamburger_menu > span:nth-child(even) { left: 50%; } header .hamburger_menu.menu_as_cross > span:nth-child(1) { left: 5px; top: 7px; } header .hamburger_menu.menu_as_cross > span:nth-child(1), header .hamburger_menu.menu_as_cross > span:nth-child(6) { -webkit-transform: rotate(45deg); -khtml-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } header .hamburger_menu.menu_as_cross > span:nth-child(2) { left: calc(50% - 5px); top: 7px; } header .hamburger_menu.menu_as_cross > span:nth-child(2), header .hamburger_menu.menu_as_cross > span:nth-child(5) { -webkit-transform: rotate(-45deg); -khtml-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } header .hamburger_menu.menu_as_cross > span:nth-child(3) { left: -50%; opacity: 0; } header .hamburger_menu.menu_as_cross > span:nth-child(4) { left: 100%; opacity: 0; } header .hamburger_menu.menu_as_cross > span:nth-child(5) { left: 5px; top: 29px; } header .hamburger_menu.menu_as_cross > span:nth-child(6) { left: calc(50% - 5px); top: 29px; } header .hamburger_menu.menu_as_cross > span:nth-child(odd) { -webkit-border-radius: 25% 0 0 25%; -khtml-border-radius: 25% 0 0 25%; -moz-border-radius: 25% 0 0 25%; -ms-border-radius: 25% 0 0 25%; -o-border-radius: 25% 0 0 25%; border-radius: 25% 0 0 25%; } header .hamburger_menu.menu_as_cross > span:nth-child(even) { -webkit-border-radius: 0 25% 25% 0; -khtml-border-radius: 0 25% 25% 0; -moz-border-radius: 0 25% 25% 0; -ms-border-radius: 0 25% 25% 0; -o-border-radius: 0 25% 25% 0; border-radius: 0 25% 25% 0; } header .navigation_menu { display: block; width: 100%; max-height: 0; background-color: white; position: absolute; left: 0; top: 0; z-index: -1; padding: 60px 0 0 0; overflow: hidden; -webkit-transition: all 300ms ease-out; -khtml-transition: all 300ms ease-out; -moz-transition: all 300ms ease-out; -ms-transition: all 300ms ease-out; -o-transition: all 300ms ease-out; transition: all 300ms ease-out; } header .navigation_menu.expanded { padding: 0 0 70px 0; margin: 90px 0 0 0; max-height: 800px; max-height: calc(100lvh - 160px); height: 100vh; position: fixed; overflow-y: auto; } header .navigation_menu.expanded > li { opacity: 1; } header .navigation_menu > li { width: 90%; margin: 0 auto; opacity: 0; } header .navigation_menu > li a { display: inline-block; border-bottom: none; margin: 7px auto 7px 5%; padding: 5px 0; width: 95%; } header .navigation_menu > li a:visited { color: #212121; } header .navigation_menu > li a:hover { color: #b7619a; } header .navigation_menu > li a.btn_contact, header .navigation_menu > li a.btn_quotation { display: none; } header .navigation_menu > li a.icon { display: inline-block; width: 20px; height: 20px; } header .navigation_menu > li.menu_item_with_submenus > a { width: 73%; } header .navigation_menu > li.menu_item_with_submenus > .btn_expand { display: inline-block; position: relative; top: 5px; width: 15%; height: 20px; padding: 5px; cursor: pointer; text-align: center; background-image: url(/images/icons/black/icon_plus.svg); background-size: 20px auto; } header .navigation_menu > li.menu_item_with_submenus > .navigation_submenu { width: 80%; margin: 0 auto 0 10%; max-height: 0; overflow: hidden; -webkit-transition: all 300ms ease-out; -khtml-transition: all 300ms ease-out; -moz-transition: all 300ms ease-out; -ms-transition: all 300ms ease-out; -o-transition: all 300ms ease-out; transition: all 300ms ease-out; } header .navigation_menu > li.menu_item_with_submenus.expanded { background-color: #f4f3f3; -webkit-border-radius: 15px; -khtml-border-radius: 15px; -moz-border-radius: 15px; -ms-border-radius: 15px; -o-border-radius: 15px; border-radius: 15px; } header .navigation_menu > li.menu_item_with_submenus.expanded > .btn_expand { background-image: url(/images/icons/black/icon_minus.svg); } header .navigation_menu > li.menu_item_with_submenus.expanded > .navigation_submenu { display: inline-block; max-height: 500px; } header .navigation_menu > li.button_container { margin: 15px auto 0 auto; } /* (use dart-sass to enable directive @use 'colors';) */ /* Ivengi 2022 */ .icon { display: inline-block; width: 15px; height: 15px; background-position: center; background-repeat: no-repeat; } .icon.icon_220v-sockets.white { background-image: url(/images/icons/white/icon_220v-sockets.svg); } .icon.icon_airco.white { background-image: url(/images/icons/white/icon_airco.svg); } .icon.icon_bar.white { background-image: url(/images/icons/white/icon_bar.svg); } .icon.icon_cd.white { background-image: url(/images/icons/white/icon_cd.svg); } .icon.icon_chevron.black { background-image: url(/images/icons/black/icon_chevron.svg); } .icon.icon_dvd.white { background-image: url(/images/icons/white/icon_dvd.svg); } .icon.icon_home.black { background-image: url(/images/icons/black/icon_home.svg); } .icon.icon_luxurious-movable-seats.white { background-image: url(/images/icons/white/icon_luxurious-movable-seats.svg); } .icon.icon_microphone.white { background-image: url(/images/icons/white/icon_microphone.svg); } .icon.icon_navigation.white { background-image: url(/images/icons/white/icon_navigation.svg); } .icon.icon_quotation.white { background-image: url(/images/icons/white/icon_quotation.svg); } .icon.icon_quotation_de.white { background-image: url(/images/icons/white/icon_quotation_de.svg); } .icon.icon_radio.white { background-image: url(/images/icons/white/icon_radio.svg); } .icon.icon_refrigerator.white { background-image: url(/images/icons/white/icon_refrigerator.svg); } .icon.icon_search.black { background-image: url(/images/icons/black/icon_search.svg); } .icon.icon_security-belts.white { background-image: url(/images/icons/white/icon_security-belts.svg); } .icon.icon_sufficient-luggage-space.white { background-image: url(/images/icons/white/icon_sufficient-luggage-space.svg); } .icon.icon_toilet.white { background-image: url(/images/icons/white/icon_toilet.svg); } .icon.icon_usb-at-each-seat.white { background-image: url(/images/icons/white/icon_usb-at-each-seat.svg); } .icon.icon_video.white { background-image: url(/images/icons/white/icon_video.svg); } /* (use dart-sass to enable directive @use 'colors';) */ /* Ivengi 2022 */ .logos_social_media { width: 100%; text-align: center; display: block; } .logos_social_media a { display: inline-block; text-align: center; -webkit-border-radius: 50%; -khtml-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; -webkit-transition: color 200ms ease; -khtml-transition: color 200ms ease; -moz-transition: color 200ms ease; -ms-transition: color 200ms ease; -o-transition: color 200ms ease; transition: color 200ms ease; background-color: #e2c0d7; border: 2px solid #e2c0d7; width: 40px; height: 40px; font-size: 20px; line-height: 40px; margin: 0 5px; } .logos_social_media a, .logos_social_media a:hover, .logos_social_media a:active, .logos_social_media a:visited { text-decoration: none; border-bottom-color: transparent; } .logos_social_media a:hover { font-weight: bold; } /* (use dart-sass to enable directive @use 'colors';) */ /* Ivengi 2022 */ #main_content { width: 100%; margin: 0 auto; padding: 0 0 40px 0; z-index: 0; position: relative; font-size: 0; } #main_content .dominant_content .breadcrumps { padding: 10px 0 10px 60px; margin: 40px auto 0 auto; width: 75%; width: calc(90% - 60px); max-width: 1410px; max-width: calc(1410px - 60px); background-color: #e2c0d7; } #main_content .dominant_content .breadcrumps a, #main_content .dominant_content .breadcrumps a:hover, #main_content .dominant_content .breadcrumps a:active, #main_content .dominant_content .breadcrumps a:visited { color: #212121; text-decoration: none; border-bottom-color: transparent; } #main_content .dominant_content .breadcrumps .icon { margin: 0 0 0 20px; position: relative; display: inline-block; top: 2px; } #main_content .dominant_content .breadcrumps .icon:first-child { margin: 0 0 0 -45px; } #main_content .dominant_content .breadcrumps .icon.icon_chevron { background-size: 70%; margin: 0 5px; } #main_content .dominant_content .breadcrumps + .intro_block { max-width: 1410px; margin: 0 auto; } #main_content .dominant_content .button_container { width: 90%; margin: 10px auto 0 auto; } #main_content .dominant_content .button_container > a { margin: 10px 0 0 0; } #main_content .contentblock { overflow: hidden; width: 90%; margin: 40px auto 0 auto; } #main_content .contentblock > div > p:first-child { margin-top: 20px; } #main_content .contentblock .fp-item-image { width: 100%; height: 0; padding: 0 0 40% 0; } #main_content .contentblock video { margin: 15px 0 0 0; width: 100%; height: 220px; } #main_content .contentblock + .button_container > a { display: block; } #main_content .contentblock strong { font-weight: bold; color: #212121; } #main_content .contentblock > h2, #main_content .contentblock h3, #main_content .contentblock h4 { margin-top: 25px; } #main_content .button_container > a, #main_content .touringcar_type > a, #main_content .contentblock + a, #main_content .teasers > li > a, #main_content .news_container > a { display: inline-block; text-decoration: none; border-bottom: none; } #main_content .pane_standout_on_white.rent_touringcar, #main_content .pane_standout_on_white.job_application { margin: 40px auto 0 auto; padding: 0 0 0 0; width: 90%; } #main_content .pane_standout_on_white.rent_touringcar > .contentblock, #main_content .pane_standout_on_white.job_application > .contentblock { width: 100%; margin: 0; font-size: 0; } #main_content .pane_standout_on_white.rent_touringcar > .contentblock > h1, #main_content .pane_standout_on_white.rent_touringcar > .contentblock > div, #main_content .pane_standout_on_white.job_application > .contentblock > h1, #main_content .pane_standout_on_white.job_application > .contentblock > div { margin: 25px 0 0 25px; width: 90%; width: calc(100% - 50px); } #main_content .pane_standout_on_white.rent_touringcar > .contentblock > .fp-item-image, #main_content .pane_standout_on_white.job_application > .contentblock > .fp-item-image { position: relative; margin: 120px 0 0 0; width: 100%; padding: 0 0 200px 0; height: 0; -webkit-border-radius: 0; -khtml-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; background-size: cover; } #main_content .pane_standout_on_white.rent_touringcar > a, #main_content .pane_standout_on_white.job_application > a { position: absolute; bottom: 235px; left: 20px; } #main_content .pane_standout_on_white.pane_help_needed { -webkit-border-radius: 0; -khtml-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; background-color: #f4f3f3; width: 70%; max-width: 265px; margin: 0 auto; padding: 40px 10%; } #main_content .pane_standout_on_white.pane_help_needed .contentblock { margin: 0 auto; width: 100%; } #main_content .pane_standout_on_white.pane_help_needed .contentblock li { margin: 15px 0 0 0; } #main_content .pane_standout_on_white.pane_help_needed .contentblock li .icon { display: none; vertical-align: middle; } #main_content .pane_standout_on_white.pane_help_needed .contentblock li .icon + span, #main_content .pane_standout_on_white.pane_help_needed .contentblock li .icon + a { margin: 0 auto 0 0; color: #212121; font-weight: bold; display: inline-block; border-bottom-color: transparent; vertical-align: middle; } #main_content .pane_standout_on_white.pane_help_needed > a { max-width: 300px; margin: 25px auto 5px auto; } #main_content .supporting_background_container { position: relative; background-color: #f4f3f3; width: 100%; padding: 0 0 25px 0; } #main_content .supporting_background_container > .no_background { background-color: white; position: absolute; top: 0; width: 100%; height: 160px; } #main_content .supporting_background_container .supporting_background_content_container { width: 90%; max-width: 1410px; margin: 0 auto; font-size: 0; } #main_content .supporting_background_container .supporting_background_content_container > .content { position: relative; margin: 25px auto 0 auto; background-color: white; -webkit-box-shadow: 0px 3px 20px 2px #0000001a; -khtml-box-shadow: 0px 3px 20px 2px #0000001a; -moz-box-shadow: 0px 3px 20px 2px #0000001a; -ms-box-shadow: 0px 3px 20px 2px #0000001a; -o-box-shadow: 0px 3px 20px 2px #0000001a; box-shadow: 0px 3px 20px 2px #0000001a; } #main_content .supporting_background_container .supporting_background_content_container > .content:first-child { margin-top: 0; } #main_content .fibonacci_display { max-width: 400px; position: relative; } #main_content .fibonacci_display > span { display: inline-block; overflow: hidden; background-size: cover; height: 0; } #main_content .fibonacci_display > span:nth-child(1) { width: 100%; padding: 0 0 66% 0; } #main_content .fibonacci_display > span:nth-child(2) { width: 49%; padding: 0 0 66% 0; } #main_content .fibonacci_display > span:nth-child(3), #main_content .fibonacci_display > span:nth-child(4) { width: 49%; padding: 0 0 32% 0; position: absolute; right: 0; bottom: 26%; } #main_content .fibonacci_display > span:nth-child(4) { bottom: 1%; } #main_content.page_not_foundpage .breadcrumps + .contentblock { padding: 6% 10% 9% 10%; width: 70%; background-color: #f4f3f3; } #main_content.page_not_foundpage .breadcrumps + .contentblock > div { margin: 40px 0 0 0; } #main_content.search_page .dominant_content .search_container, #main_content.search_page .dominant_content .results_container { width: 90%; margin: 40px auto 0 auto; } #main_content.search_page .dominant_content .search_container button, #main_content.search_page .dominant_content .results_container button { margin: 15px auto 0 0; } #main_content.search_page .dominant_content .search_container { max-width: 500px; } #main_content.search_page .dominant_content .results_container { min-height: 400px; max-width: 930px; } #main_content.search_page .dominant_content .results_container .result_item { padding: 20px; background-color: #f4f3f3; -webkit-border-radius: 15px; -khtml-border-radius: 15px; -moz-border-radius: 15px; -ms-border-radius: 15px; -o-border-radius: 15px; border-radius: 15px; margin: 25px auto 0 auto; } #main_content.search_page .dominant_content .results_container .result_item > div { margin: 10px 0 0 0; } #main_content .btn_quotation { display: inline-block; width: 90px; height: 90px; -webkit-border-radius: 50%; -khtml-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; -webkit-box-shadow: 0px 3px 20px 2px #0000001a; -khtml-box-shadow: 0px 3px 20px 2px #0000001a; -moz-box-shadow: 0px 3px 20px 2px #0000001a; -ms-box-shadow: 0px 3px 20px 2px #0000001a; -o-box-shadow: 0px 3px 20px 2px #0000001a; box-shadow: 0px 3px 20px 2px #0000001a; background-color: #0293ab; background-size: 65%; position: fixed; bottom: 40px; right: 40px; } #main_content .btn_quotation, #main_content .btn_quotation:active, #main_content .btn_quotation:hover, #main_content .btn_quotation:visited { border-bottom: none; } #main_content .btn_quotation:active { -webkit-box-shadow: inset 0px 3px 20px 2px #0000001a; -khtml-box-shadow: inset 0px 3px 20px 2px #0000001a; -moz-box-shadow: inset 0px 3px 20px 2px #0000001a; -ms-box-shadow: inset 0px 3px 20px 2px #0000001a; -o-box-shadow: inset 0px 3px 20px 2px #0000001a; box-shadow: inset 0px 3px 20px 2px #0000001a; } #main_content.contentpagetype_offerform .btn_quotation { display: none; } .heading_image_container > .contentblock { margin: 0 auto; width: 90%; } .heading_image_container > .contentblock > .fp-item-image { width: 100%; height: 0; padding: 0 0 40% 0; -webkit-border-radius: 15px; -khtml-border-radius: 15px; -moz-border-radius: 15px; -ms-border-radius: 15px; -o-border-radius: 15px; border-radius: 15px; background-size: cover; overflow: hidden; } /* (use dart-sass to enable directive @use 'colors';) */ /* Ivengi 2022 */ #main_content.main-content-frontpage .intro_block, #main_content.main-content-frontpage .opportunities_container { font-size: 0; width: 90%; min-height: 420px; margin: 40px auto 0 auto; } #main_content.main-content-frontpage .intro_block .contentblock, #main_content.main-content-frontpage .opportunities_container .contentblock { width: 100%; } #main_content.main-content-frontpage .intro_block .contentblock:first-child, #main_content.main-content-frontpage .opportunities_container .contentblock:first-child { margin: 0; } #main_content.main-content-frontpage .intro_block .contentblock:last-child, #main_content.main-content-frontpage .opportunities_container .contentblock:last-child { max-width: 420px; } #main_content.main-content-frontpage .intro_block .contentblock:last-child .fp-item-image, #main_content.main-content-frontpage .opportunities_container .contentblock:last-child .fp-item-image { width: 100%; height: 0; padding: 0 0 100% 0; background-size: cover; } #main_content.main-content-frontpage .intro_block .button_container, #main_content.main-content-frontpage .opportunities_container .button_container { width: 100%; } #main_content.main-content-frontpage .opportunitylist { margin: 40px auto 0 auto; background-color: #5e062f; -webkit-border-radius: 15px; -khtml-border-radius: 15px; -moz-border-radius: 15px; -ms-border-radius: 15px; -o-border-radius: 15px; border-radius: 15px; padding: 15px 0; } #main_content.main-content-frontpage .opportunitylist li > a { padding: 15px 7%; width: 86%; display: block; } #main_content.main-content-frontpage .opportunitylist li > a > h3 { width: 90%; color: white; display: inline-block; font-size: 15px; } #main_content.main-content-frontpage .opportunitylist li > a > span { color: white; } #main_content.main-content-frontpage .opportunitylist li > a, #main_content.main-content-frontpage .opportunitylist li > a:hover, #main_content.main-content-frontpage .opportunitylist li > a:active, #main_content.main-content-frontpage .opportunitylist li > a:visited { border-bottom: none; } #main_content.main-content-frontpage .news_container { margin: 40px 0 0 0; } #main_content.main-content-frontpage .news_container > h1 { width: 90%; margin: 0 auto; } #main_content.main-content-frontpage .news_container > a { display: block; position: absolute; bottom: 60px; width: 226px; left: 2.5%; left: calc(50% - 113px); } /* (use dart-sass to enable directive @use 'colors';) */ /* Ivengi 2022 */ ul.teasers { background-color: #f4f3f3; padding: 0 5%; position: relative; margin: 120px 0 0 0; font-size: 0; } ul.teasers > li { background-color: white; padding: 0 0 25px 0; margin: 20px 0 0 0; position: relative; bottom: 100px; -webkit-box-shadow: 0px 3px 20px 2px #0000001a; -khtml-box-shadow: 0px 3px 20px 2px #0000001a; -moz-box-shadow: 0px 3px 20px 2px #0000001a; -ms-box-shadow: 0px 3px 20px 2px #0000001a; -o-box-shadow: 0px 3px 20px 2px #0000001a; box-shadow: 0px 3px 20px 2px #0000001a; } ul.teasers > li > .fp-item-image { width: 100%; height: 0; padding: 0 0 55% 0; overflow: hidden; background-size: cover; } ul.teasers > li > p, ul.teasers > li > h3 { width: 95%; width: calc(100% - 30px); } ul.teasers > li > h3 { margin: 15px auto 0 15px; } ul.teasers > li > p { margin: 10px auto 0 15px; } ul.teasers > li > a { margin: 25px auto 0 15px; } /* (use dart-sass to enable directive @use 'colors';) */ /* Ivengi 2022 */ .touringcar_fleet_container { background-color: #f4f3f3; width: 100%; text-align: center; margin: 40px 0 0 0; padding: 35px 0; } .touringcar_fleet_container .touringcar_types_container { width: 90%; max-width: 1410px; margin: 0 auto; } .touringcar_fleet_container .touringcar_type { margin: 40px auto 0 auto; } .touringcar_fleet_container .touringcar_type > img { width: 225px; } .touringcar_fleet_container .touringcar_type > p { margin: 20px 45px 0 45px; } .touringcar_fleet_container .touringcar_type > a { margin: 20px auto 0 auto; } .touringcar_fleet_container + .contentblock { max-width: 930px; } #main_content.touringcar_page .touringcar_type { width: 100%; max-width: 350px; height: 300px; margin: 10px auto 0 auto; background-size: contain; } #main_content.touringcar_page .supporting_background_container { margin: 40px 0 0 0; } #main_content.touringcar_page .supporting_background_container .content { padding: 15px 0; } #main_content.touringcar_page .supporting_background_container .content > h2, #main_content.touringcar_page .supporting_background_container .content > p { display: inline-block; width: 90%; margin: 15px auto 0 5%; } #main_content.touringcar_page .supporting_background_container .content > h2:first-child, #main_content.touringcar_page .supporting_background_container .content > p:first-child { margin-top: 0; } #main_content.touringcar_page ul.facilities_container { padding: 0; font-size: 0; display: inline-block; width: 90%; margin: 15px auto 0 5%; } #main_content.touringcar_page ul.facilities_container > li { display: block; list-style: none; width: 100%; padding: 3px 0; } #main_content.touringcar_page ul.facilities_container > li > .icon.facility { margin: 0 0 0 2%; color: white; background-color: #5e062f; display: inline-block; width: 35px; height: 35px; background-size: 68%; padding: 0; vertical-align: middle; -webkit-border-radius: 50%; -khtml-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; } #main_content.touringcar_page ul.facilities_container > li > .icon.facility + span { margin: 0 0 0 4%; display: inline-block; line-height: 16px; padding: 0; width: 70%; vertical-align: middle; } #main_content.touringcar_page .fibonacci_display { width: 90%; margin: 25px auto 0 auto; } #main_content.touringcar_page .fibonacci_display > span { margin: 2px 0; } #main_content.touringcar_page .pane_standout_on_white .contentblock li { margin: 15px 0 0 0; } #main_content.touringcar_page .pane_standout_on_white .contentblock li .icon { display: none; } #main_content.touringcar_page .pane_standout_on_white .contentblock li .icon + span, #main_content.touringcar_page .pane_standout_on_white .contentblock li .icon + a { margin: 0 auto 0 15px; color: #212121; font-weight: bold; display: inline-block; border-bottom-color: transparent; } /* (use dart-sass to enable directive @use 'colors';) */ /* Ivengi 2022 */ .vacancies_container ul.vacancies { margin: 10px 0 0 0; background-color: #5e062f; -webkit-border-radius: 15px; -khtml-border-radius: 15px; -moz-border-radius: 15px; -ms-border-radius: 15px; -o-border-radius: 15px; border-radius: 15px; padding: 15px 0; } .vacancies_container ul.vacancies li > a { padding: 15px 7%; width: 86%; display: block; } .vacancies_container ul.vacancies li > a > h3 { width: 90%; color: white; display: inline-block; font-size: 15px; } .vacancies_container ul.vacancies li > a > span { color: white; } .vacancies_container ul.vacancies li > a, .vacancies_container ul.vacancies li > a:hover, .vacancies_container ul.vacancies li > a:active, .vacancies_container ul.vacancies li > a:visited { border-bottom: none; } #main_content.vacancies_contentpage .dominant_content .contentblock { font-size: 0; } #main_content.vacancies_contentpage .dominant_content .contentblock .fp-item-image, #main_content.vacancies_contentpage .dominant_content .contentblock video { max-width: 600px; margin: 0 auto; } #main_content.vacancies_contentpage .dominant_content .contentblock .fp-item-image { padding: 0 0 50% 0; } #main_content.vacancies_contentpage .dominant_content .contentblock video { height: auto; margin: 25px auto 0 auto; display: block; } #main_content.vacancies_contentpage .minor_content { width: 90%; margin: 0 auto; max-width: 1410px; } #main_content.vacancies_contentpage .minor_content > div { width: 100%; margin: 40px 0 0 0; } /* ------------------------------------------------------------- Breakpoints */ @media (min-width: 350px) { header .header_logo { min-width: 275px; } header .header_logo > img { width: 262px; } header .hamburger_menu_container { width: 16%; } #main_content .pane_standout_on_white.pane_help_needed { margin: 25px auto 0 auto; } #main_content .pane_standout_on_white.pane_help_needed .contentblock li .icon { display: inline-block; width: 30px; height: 30px; line-height: 30px; text-align: center; color: white; background-color: #5e062f; -webkit-border-radius: 50%; -khtml-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; } #main_content .pane_standout_on_white.pane_help_needed .contentblock li .icon + span, #main_content .pane_standout_on_white.pane_help_needed .contentblock li .icon + a { margin: 0 auto 0 3%; } #main_content.main-content-frontpage .opportunitylist li > a h3 { font-size: 20px; } #main_content.touringcar_page .pane_standout_on_white .contentblock li .icon { display: inline-block; width: 30px; height: 30px; line-height: 30px; text-align: center; -webkit-border-radius: 50%; -khtml-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; color: white; background-color: #5e062f; } } @media (min-width: 400px) { #main_content.touringcar_page ul.facilities_container { width: 90%; } #main_content.touringcar_page ul.facilities_container > li { display: inline-block; width: 50%; padding: 5px 0; } #main_content.touringcar_page ul.facilities_container > li > .icon.facility + span { width: 59%; font-size: 14px; } #main_content.touringcar_page .pane_standout_on_white .contentblock li .icon { width: 50px; height: 50px; line-height: 50px; font-size: 25px; } .vacancies_container ul.vacancies li > a > h3 { font-size: 20px; } } @media (min-width: 450px) { #main_content .pane_standout_on_white.pane_help_needed .contentblock li .icon { width: 50px; height: 50px; line-height: 50px; font-size: 25px; } } @media (min-width: 500px) { #main_content.touringcar_page ul.facilities_container { width: 90%; margin: 15px auto 0 5%; } #main_content.touringcar_page ul.facilities_container > li { padding: 10px 0; } #main_content.touringcar_page ul.facilities_container > li > .icon.facility { width: 50px; height: 50px; background-size: 58%; } #main_content.touringcar_page ul.facilities_container > li > .icon.facility + span { margin: 0 0 0 6%; width: 59%; font-size: 16px; } } @media (min-width: 600px) { body { padding: 0 0 1020px 0; } footer { height: 1020px; } footer .footer_lower .footer_links_container { width: 75%; font-size: 0; } footer .footer_lower .footer_links_container > div { display: inline-block; vertical-align: top; width: 50%; } #main_content .pane_standout_on_white.rent_touringcar > .contentblock > h1, #main_content .pane_standout_on_white.rent_touringcar > .contentblock > div, #main_content .pane_standout_on_white.job_application > .contentblock > h1, #main_content .pane_standout_on_white.job_application > .contentblock > div { margin: 30px 0 0 30px; } #main_content .pane_standout_on_white.rent_touringcar > .contentblock .fp-item-image, #main_content .pane_standout_on_white.job_application > .contentblock .fp-item-image { padding: 0 0 300px 0; } #main_content .pane_standout_on_white.rent_touringcar > a, #main_content .pane_standout_on_white.job_application > a { bottom: 335px; } #main_content .pane_standout_on_white.pane_help_needed .contentblock li .icon + span, #main_content .pane_standout_on_white.pane_help_needed .contentblock li .icon + a { margin: 0 auto 0 15px; } #main_content.main-content-frontpage .intro_block .button_container > a { display: inline-block; } #main_content.main-content-frontpage .intro_block .button_container > a:not(:first-child) { margin-left: 20px; } #main_content.main-content-frontpage .news_container ul.teasers > li { position: relative; display: inline-block; vertical-align: top; width: 48%; min-height: 475px; padding: 0 0 110px 0; bottom: 120px; } #main_content.main-content-frontpage .news_container ul.teasers > li > h3 { margin: 30px 30px 0 30px; width: auto; } #main_content.main-content-frontpage .news_container ul.teasers > li > p { margin: 15px 30px 0 30px; width: auto; } #main_content.main-content-frontpage .news_container ul.teasers > li:nth-child(odd) { margin: 20px 0 0 0; } #main_content.main-content-frontpage .news_container ul.teasers > li:nth-child(even) { margin: 20px 0 0 4%; } #main_content.main-content-frontpage .news_container ul.teasers > li > a { margin: 0; position: absolute; bottom: 30px; left: 30px; } #main_content.main-content-frontpage .news_container > a { bottom: 75px; } } @media (min-width: 675px) { #main_content.main-content-frontpage .opportunitylist { font-size: 0; } #main_content.main-content-frontpage .opportunitylist li { display: inline-block; width: 50%; } .touringcar_fleet_container > .touringcar_types_container { font-size: 0; } .touringcar_fleet_container > .touringcar_types_container > .touringcar_type { display: inline-block; width: 50%; vertical-align: top; position: relative; padding: 0 0 25px 0; } } @media (min-width: 800px) { body { padding: 0 0 665px 0; } .page_jobapplication form#frmContact .button_container { display: inline-block; margin: 60px auto 100px 0; } .default_contentpage ul.teasers { margin: 160px 0 -135px 0; } .default_contentpage ul.teasers > li { display: inline-block; width: 49%; bottom: 140px; vertical-align: top; min-height: 360px; } .default_contentpage ul.teasers > li:nth-child(odd) { margin: 20px 0 0 0; } .default_contentpage ul.teasers > li:nth-child(even) { margin: 20px 0 0 2%; } .default_contentpage ul.teasers > li .fp-item-image { height: 0; padding: 0 0 56% 0; } footer { height: 665px; } footer .footer_lower { font-size: 0; } footer .footer_lower .footer_links_container, footer .footer_lower .contactdata_container { display: inline-block; vertical-align: top; } footer .footer_lower .footer_links_container { margin: 0 0 0 2.5%; width: 63.1%; } footer .footer_lower .footer_links_container h3 { margin: 30px auto 0 0; } footer .footer_lower .footer_links_container a { margin: 15px auto 0 0; } footer .footer_lower .contactdata_container { margin: 0 2.5% 0 0; width: 31.8%; } footer .footer_lower .sole_of_footer { width: 90%; position: relative; padding: 0; } footer .footer_lower .sole_of_footer .social_media_container { margin: 0; position: absolute; right: 0; bottom: 10px; } footer .footer_lower .sole_of_footer > a { display: inline-block; position: relative; width: initial; margin: 20px 0 20px 2.5%; } footer .footer_lower .sole_of_footer > a:first-of-type { margin-left: 0; } #main_content .pane_standout_on_white.rent_touringcar, #main_content .pane_standout_on_white.job_application { max-width: 1410px; padding: 0; } #main_content .pane_standout_on_white.rent_touringcar > .contentblock, #main_content .pane_standout_on_white.job_application > .contentblock { font-size: 0; position: relative; margin: 0; height: 300px; } #main_content .pane_standout_on_white.rent_touringcar > .contentblock > h1, #main_content .pane_standout_on_white.job_application > .contentblock > h1 { width: 44%; margin: 20px 0 0 53%; } #main_content .pane_standout_on_white.rent_touringcar > .contentblock > div, #main_content .pane_standout_on_white.job_application > .contentblock > div { width: 44%; margin: 20px 0 0 53%; } #main_content .pane_standout_on_white.rent_touringcar > .contentblock > div.fp-item-image, #main_content .pane_standout_on_white.job_application > .contentblock > div.fp-item-image { position: absolute; width: 50%; height: 0; top: 0; left: 0; padding: 0 0 300px 0; margin: 0; background-size: cover; } #main_content .pane_standout_on_white.rent_touringcar > a, #main_content .pane_standout_on_white.job_application > a { bottom: 20px; left: 53%; } #main_content.search_page .dominant_content .search_container { max-width: 585px; } #main_content.search_page .dominant_content .search_container > .cms_form_widget_container { display: inline-block; width: 450px; vertical-align: middle; } #main_content.search_page .dominant_content .search_container button { margin: 0 0 0 15px; vertical-align: middle; } #main_content.main-content-frontpage .intro_block, #main_content.main-content-frontpage .opportunities_container { position: relative; } #main_content.main-content-frontpage .intro_block .contentblock, #main_content.main-content-frontpage .opportunities_container .contentblock { display: inline-block; width: 48%; margin: 0; } #main_content.main-content-frontpage .intro_block .contentblock:last-child, #main_content.main-content-frontpage .opportunities_container .contentblock:last-child { position: absolute; top: 0; right: 0; } #main_content.main-content-frontpage .intro_block .button_container > a, #main_content.main-content-frontpage .opportunities_container .button_container > a { display: block; } #main_content.main-content-frontpage .intro_block .button_container > a:not(:first-child), #main_content.main-content-frontpage .opportunities_container .button_container > a:not(:first-child) { margin-left: 0; } #main_content.main-content-frontpage .opportunities_container { min-height: 440px; } #main_content.main-content-frontpage .opportunities_container .contentblock > h1 + div { margin: 40px 0 0 0; } #main_content.main-content-frontpage .opportunities_container .button_container { margin: 40px auto 0 auto; } #main_content.main-content-frontpage .opportunities_container .opportunitylist { display: inline-block; width: 48%; position: absolute; top: 0; right: 0; margin: 0; } #main_content.main-content-frontpage .opportunities_container .opportunitylist li { display: block; width: 100%; } #main_content.main-content-frontpage .opportunities_container .opportunitylist li > a { padding: 5px 7%; } #main_content.main-content-frontpage .news_container ul.teasers > li { min-height: 450px; } ul.teasers > li > p { min-height: 130px; } ul.teasers > li > p { min-height: 100px; } #main_content.touringcar_page .dominant_content .breadcrumps + .intro_block { font-size: 0; width: 90%; max-width: 1140px; margin: 0 auto; } #main_content.touringcar_page .touringcar_type { margin: 0; display: inline-block; vertical-align: middle; width: 40%; } #main_content.touringcar_page .touringcar_type + .contentblock { width: 55%; margin: 0 0 0 5%; display: inline-block; vertical-align: middle; } #main_content.touringcar_page .pane_standout_on_white.rent_touringcar > .contentblock { height: 400px; } #main_content.touringcar_page .pane_standout_on_white.rent_touringcar > .contentblock > div.fp-item-image { padding: 0 0 400px 0; } #main_content.vacancies_contentpage .dominant_content .contentblock .fp-item-image { padding: 0 0 300px 0; } } @media (min-width: 1000px) { #main_content.contentpagetype_newsoverview .breadcrumps + .contentblock { max-width: 1410px; } #main_content.touringcar_page .touringcar_facilities .content { display: inline-block; vertical-align: top; width: 49%; } #main_content.touringcar_page .touringcar_facilities .content:nth-child(1) { margin: 0; } #main_content.touringcar_page .touringcar_facilities .content:nth-child(2) { margin: 0 auto 0 2%; } } @media (min-width: 1100px) { body { padding: 0 0 400px 0; } #main_content.contentpagetype_offerform .dominant_content .contentblock, #main_content.contentpagetype_offerform .dominant_content form#frmContact { width: 50%; margin: 40px auto 0 10%; } #main_content.contentpagetype_offerform .dominant_content form#frmContact { padding: 0 0 90px 0; } #main_content.contentpagetype_offerform .minor_content { width: 30%; position: absolute; margin: 0 5% 0 0; right: 0; top: 85px; } #main_content.contentpagetype_offerform .minor_content .pane_standout_on_white.pane_help_needed { margin: 0; padding: 35px 10%; width: 80%; max-width: 300px; } #main_content.contentpagetype_offerform .minor_content .pane_standout_on_white.pane_help_needed .contentblock li { margin: 25px 0 0 0; } #main_content.contentpagetype_offerform .minor_content .pane_standout_on_white.pane_help_needed > a { margin: 35px auto 10px auto; } .page_jobapplication .breadcrumps + .contentblock > h1 { text-align: center; } footer { height: 400px; background-color: white; background-image: linear-gradient(to right, white, white, #5e062f, #5e062f); } footer .footer_container { width: 90%; margin: 0 auto; } footer .footer_upper, footer .footer_lower { position: relative; display: inline-block; height: 400px; vertical-align: top; } footer .footer_upper { width: 20%; } footer .footer_upper .footer_content { width: 100%; margin: 0; padding: 0; } footer .footer_upper .footer_content h3 { text-align: left; margin: 30px 0 0 0; } footer .footer_upper .footer_content > img { margin: 35px auto 0 0; } footer .footer_upper .footer_content > img.kiwa_certification { width: 80px; } footer .footer_upper .footer_content > img.logo_touringcars { margin: 100px auto 0 0; } footer .footer_lower { width: 80%; } footer .footer_lower .contactdata_container { width: auto; margin: 0; } footer .footer_lower .contactdata_container h3, footer .footer_lower .contactdata_container > ul { width: 100%; margin-left: 0; } footer .footer_lower .sole_of_footer { width: 97.5%; margin-right: 0; } .heading_image_container > .contentblock { width: 97%; max-width: 1820px; } .heading_image_container > .contentblock > .fp-item-image { padding: 0 0 30% 0; } h1 { font-size: 40px; } #main_content.main-content-frontpage .intro_block { height: 420px; max-width: 1170px; margin: 90px auto 0 auto; } #main_content.main-content-frontpage .intro_block .contentblock > h1 + div { margin: 40px 0 0 0; } #main_content.main-content-frontpage .intro_block .button_container { position: absolute; bottom: 0; left: 0; } #main_content.main-content-frontpage .intro_block .button_container > a { display: inline-block; } #main_content.main-content-frontpage .intro_block .button_container > a:not(:first-child) { margin-left: 20px; } #main_content.main-content-frontpage .opportunities_container { max-width: 1410px; min-height: 300px; margin: 90px auto 0 auto; } #main_content.main-content-frontpage .opportunities_container .contentblock { width: 33%; } #main_content.main-content-frontpage .opportunities_container .button_container { width: 100%; } #main_content.main-content-frontpage .opportunities_container .opportunitylist { width: 65%; font-size: 0; } #main_content.main-content-frontpage .opportunities_container .opportunitylist > li { display: inline-block; width: 50%; } #main_content.main-content-frontpage .opportunities_container .opportunitylist > li > a { padding: 10px 7%; } #main_content.main-content-frontpage .opportunities_container .opportunitylist > li > a > h3 { width: auto; } #main_content.main-content-frontpage .opportunities_container .opportunitylist > li > a > span { margin: 0 0 0 20px; } #main_content.main-content-frontpage .news_container { margin: 90px 0 0 0; } #main_content.main-content-frontpage .news_container ul.teasers { margin: 120px 0 0 0; } #main_content.main-content-frontpage .news_container ul.teasers > li { width: 32%; bottom: 115px; } #main_content.main-content-frontpage .news_container ul.teasers > li, #main_content.main-content-frontpage .news_container ul.teasers > li:nth-child(odd), #main_content.main-content-frontpage .news_container ul.teasers > li:nth-child(even) { margin: 20px 0 0 2%; } #main_content.main-content-frontpage .news_container ul.teasers > li:first-child, #main_content.main-content-frontpage .news_container ul.teasers > li:nth-child(4n) { margin: 20px 0 0 0; } #main_content.main-content-frontpage .news_container ul.teasers > li { display: none; } #main_content.main-content-frontpage .news_container ul.teasers > li:nth-child(1), #main_content.main-content-frontpage .news_container ul.teasers > li:nth-child(2), #main_content.main-content-frontpage .news_container ul.teasers > li:nth-child(3) { display: inline-block; } #main_content.main-content-frontpage .news_container > a { bottom: 70px; } #main_content.touringcar_page .touringcar_type { width: 50%; max-width: none; } #main_content.touringcar_page .touringcar_type + .contentblock { width: 50%; margin: 0; } #main_content.touringcar_page .touringcar_type + .contentblock h1 { font-size: 40px; } .touringcar_fleet_container { margin: 90px 0 0 0; } .touringcar_fleet_container > .touringcar_types_container .touringcar_type { width: 24%; } .touringcar_fleet_container > .touringcar_types_container .touringcar_type > h2 { min-height: 65px; } .touringcar_fleet_container > .touringcar_types_container .touringcar_type > p { min-height: 195px; } #main_content.vacancies_contentpage .minor_content > div { margin: 90px 0 0 0; } #main_content.vacancies_contentpage .minor_content > div .vacancies { margin: 40px auto 0 0; width: 600px; } } @media (min-width: 1200px) { header { font-size: 0; } header .header_logo, header .header_logo.covered { background-color: transparent; width: 275px; margin: 0 0 0 2.5%; -webkit-box-shadow: 0 0 0 0 transparent; -khtml-box-shadow: 0 0 0 0 transparent; -moz-box-shadow: 0 0 0 0 transparent; -ms-box-shadow: 0 0 0 0 transparent; -o-box-shadow: 0 0 0 0 transparent; box-shadow: 0 0 0 0 transparent; } header .header_logo > img, header .header_logo.covered > img { left: 0; display: block; } header .hamburger_menu_container { display: none; } header .navigation_menu, header .navigation_menu.expanded { z-index: 0; padding: 0; margin: 28px 0 0 0; height: auto; max-height: 90px; width: auto; width: calc(100% - 5% - 275px); min-width: 700px; display: inline-block; position: relative; vertical-align: top; overflow: visible; } header .navigation_menu > li, header .navigation_menu.expanded > li { opacity: 1; display: inline-block; width: initial; vertical-align: top; margin: 0 0 0 20px; position: relative; } header .navigation_menu > li.menu_item_contact, header .navigation_menu.expanded > li.menu_item_contact { display: none; } header .navigation_menu > li.menu_item_with_submenus, header .navigation_menu.expanded > li.menu_item_with_submenus { position: relative; } header .navigation_menu > li.menu_item_with_submenus > a, header .navigation_menu.expanded > li.menu_item_with_submenus > a { width: initial; } header .navigation_menu > li.menu_item_with_submenus > a + .btn_expand, header .navigation_menu.expanded > li.menu_item_with_submenus > a + .btn_expand { margin: 4px 0 0 5px; background-image: url(/images/icons/black/icon_selectboxarrow.svg); vertical-align: top; top: 0; width: 25px; } header .navigation_menu > li.menu_item_with_submenus > .navigation_submenu, header .navigation_menu.expanded > li.menu_item_with_submenus > .navigation_submenu { margin: 0; width: 260px; position: absolute; left: 0; top: 33px; background-color: #f4f3f3; -webkit-border-radius: 0 10px 10px 10px; -khtml-border-radius: 0 10px 10px 10px; -moz-border-radius: 0 10px 10px 10px; -ms-border-radius: 0 10px 10px 10px; -o-border-radius: 0 10px 10px 10px; border-radius: 0 10px 10px 10px; } header .navigation_menu > li.menu_item_with_submenus > .navigation_submenu > li > a, header .navigation_menu.expanded > li.menu_item_with_submenus > .navigation_submenu > li > a { width: 90%; margin: 5px auto 5px 7%; } header .navigation_menu > li.menu_item_with_submenus.expanded, header .navigation_menu.expanded > li.menu_item_with_submenus.expanded { -webkit-border-radius: 10px 10px 0 0; -khtml-border-radius: 10px 10px 0 0; -moz-border-radius: 10px 10px 0 0; -ms-border-radius: 10px 10px 0 0; -o-border-radius: 10px 10px 0 0; border-radius: 10px 10px 0 0; } header .navigation_menu > li.menu_item_with_submenus.expanded > .btn_expand, header .navigation_menu.expanded > li.menu_item_with_submenus.expanded > .btn_expand { background-image: url(/images/icons/black/icon_selectboxarrow.svg); opacity: 0.5; } header .navigation_menu > li.button_container, header .navigation_menu.expanded > li.button_container { margin: 0; position: absolute; right: 0; top: -15px; } header .navigation_menu > li.button_container > a.icon, header .navigation_menu.expanded > li.button_container > a.icon { margin: 20px 0 0 0; } header .navigation_menu > li > a, header .navigation_menu.expanded > li > a { margin: 0; vertical-align: top; width: initial; } header .navigation_menu > li > a.btn_contact, header .navigation_menu.expanded > li > a.btn_contact { display: inline-block; margin: 0 0 0 25px; } header .navigation_menu > li > a.btn_request_quote, header .navigation_menu.expanded > li > a.btn_request_quote { display: none; } header .navigation_menu > li > a.icon, header .navigation_menu.expanded > li > a.icon { width: 20px; } header .navigation_menu > li:not(.button_container), header .navigation_menu.expanded > li:not(.button_container) { padding: 0; } header .navigation_menu > li:not(.button_container) > a, header .navigation_menu > li:not(.button_container) > a + .btn_expand, header .navigation_menu.expanded > li:not(.button_container) > a, header .navigation_menu.expanded > li:not(.button_container) > a + .btn_expand { padding: 5px 7px; } #main_content { padding: 0 0 90px 0; } #main_content .pane_standout_on_white.rent_touringcar, #main_content .pane_standout_on_white.job_application { margin: 90px auto 0 auto; } #main_content .pane_standout_on_white.rent_touringcar > .contentblock, #main_content .pane_standout_on_white.job_application > .contentblock { height: 400px; } #main_content .pane_standout_on_white.rent_touringcar > .contentblock > h1, #main_content .pane_standout_on_white.job_application > .contentblock > h1 { width: 38%; margin: 50px 0 0 58%; font-size: 40px; } #main_content .pane_standout_on_white.rent_touringcar > .contentblock > div, #main_content .pane_standout_on_white.job_application > .contentblock > div { width: 31%; margin: 55px 0 0 58%; } #main_content .pane_standout_on_white.rent_touringcar > .contentblock > div.fp-item-image, #main_content .pane_standout_on_white.job_application > .contentblock > div.fp-item-image { padding: 0 0 400px 0; } #main_content .pane_standout_on_white.rent_touringcar > a, #main_content .pane_standout_on_white.job_application > a { bottom: 40px; left: 58%; } #main_content.main-content-frontpage .news_container > a { bottom: 120px; } #main_content.touringcar_page .pane_standout_on_white.rent_touringcar > .contentblock { height: 450px; } #main_content.touringcar_page .pane_standout_on_white.rent_touringcar > .contentblock > div.fp-item-image { padding: 0 0 450px 0; } #main_content.touringcar_page .pane_standout_on_white.rent_touringcar > .contentblock > h1 { margin-top: 40px; } #main_content.touringcar_page .pane_standout_on_white.rent_touringcar > .contentblock > h1 + div { margin-top: 5px; } #main_content.touringcar_page .fibonacci_display { max-width: 1160px; font-size: 0; margin: 90px auto 0 auto; } #main_content.touringcar_page .fibonacci_display > span { padding: 0 0 35% 0; margin: 0; } #main_content.touringcar_page .fibonacci_display > span:nth-child(1) { width: 48%; width: calc(50% - 20px); } #main_content.touringcar_page .fibonacci_display > span:nth-child(2) { width: 25%; margin: 0 0 0 10px; } #main_content.touringcar_page .fibonacci_display > span:nth-child(3) { width: 25%; padding: 0 0 17.1% 0; margin: 0 0 0 10px; bottom: initial; top: initial; position: relative; vertical-align: top; } #main_content.touringcar_page .fibonacci_display > span:nth-child(4) { width: 25%; padding: 0 0 17.1% 0; bottom: initial; top: 49.9%; } } @media (min-width: 1300px) { #main_content.contentpagetype_default .dominant_content form#frmContact { padding: 0 330px 0 0; } header .navigation_menu > li, header .navigation_menu.expanded > li { margin: 0 0 0 10px; } header .navigation_menu > li.button_container a.btn_quotation, header .navigation_menu.expanded > li.button_container a.btn_quotation { display: inline-block; margin: 0 0 0 25px; } #main_content.main-content-frontpage .news_container ul.teasers { margin: 130px 0 0 0; } #main_content.main-content-frontpage .news_container ul.teasers > li { bottom: 130px; } ul.teasers > li > p { min-height: 65px; } .touringcar_fleet_container > .touringcar_types_container .touringcar_type > h2, .touringcar_fleet_container > .touringcar_types_container .touringcar_type > p { min-height: auto; } #main_content.vacancies_contentpage .dominant_content .contentblock:nth-child(3) { max-width: 1410px; margin: 90px auto 0 auto; } #main_content.vacancies_contentpage .dominant_content .contentblock:nth-child(3) .fp-item-image, #main_content.vacancies_contentpage .dominant_content .contentblock:nth-child(3) video { width: 40%; max-width: none; display: inline-block; vertical-align: middle; } #main_content.vacancies_contentpage .dominant_content .contentblock:nth-child(3) .fp-item-image { padding: 0 0 21% 0; margin: 0 0 0 9%; } #main_content.vacancies_contentpage .dominant_content .contentblock:nth-child(3) video { margin: 0 auto 0 40px; } } @media (min-width: 1400px) { #main_content.contentpage_contact .dominant_content .breadcrumps + .contentblock { width: 60%; margin: 40px auto 0 5%; } #main_content.contentpage_contact .minor_content { width: 28%; display: inline-block; margin: 0; position: absolute; top: 0; right: 5%; } #main_content.contentpage_contact .minor_content .pane_standout_on_white.rent_touringcar { -webkit-border-radius: 0; -khtml-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; background-color: #0293ab; margin: 90px 0 0 0; width: 100%; } #main_content.contentpage_contact .minor_content .pane_standout_on_white.rent_touringcar > .contentblock { height: 400px; } #main_content.contentpage_contact .minor_content .pane_standout_on_white.rent_touringcar > .contentblock > h1, #main_content.contentpage_contact .minor_content .pane_standout_on_white.rent_touringcar > .contentblock p { color: white; } #main_content.contentpage_contact .minor_content .pane_standout_on_white.rent_touringcar > .contentblock > h1 { margin: 50px auto 0 40px; width: 85%; } #main_content.contentpage_contact .minor_content .pane_standout_on_white.rent_touringcar > .contentblock > div { margin: 25px auto 0 40px; width: 85%; max-width: 315px; } #main_content.contentpage_contact .minor_content .pane_standout_on_white.rent_touringcar > .contentblock .fp-item-image { display: none; } #main_content.contentpage_contact .minor_content .pane_standout_on_white.rent_touringcar > a { left: 40px; } .default_contentpage ul.teasers > li { width: 32%; } .default_contentpage ul.teasers > li:nth-child(3n+1) { margin: 25px 0 0 0; } .default_contentpage ul.teasers > li:nth-child(3n+2), .default_contentpage ul.teasers > li:nth-child(3n+3) { margin: 25px 0 0 2%; } header .navigation_menu > li.button_container a.btn_quotation, header .navigation_menu.expanded > li.button_container a.btn_quotation { display: none; } header .navigation_menu > li.button_container a.btn_request_quote, header .navigation_menu.expanded > li.button_container a.btn_request_quote { display: inline-block; margin: 0 0 0 25px; } ul.teasers > li > p { min-height: 130px; } ul.teasers > li > p { min-height: 100px; } #main_content.vacancies_contentpage .dominant_content .contentblock { margin: 40px auto 0 5%; width: 60%; } #main_content.vacancies_contentpage .minor_content { width: 28%; display: inline-block; margin: 0; position: absolute; top: 0; right: 5%; } #main_content.vacancies_contentpage .minor_content > div .vacancies { width: 100%; margin: 25px 0 0 0; } #main_content.vacancies_contentpage .minor_content .pane_standout_on_white.job_application { -webkit-border-radius: 0; -khtml-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; background-color: #0293ab; } #main_content.vacancies_contentpage .minor_content .pane_standout_on_white.job_application > .contentblock { height: 360px; } #main_content.vacancies_contentpage .minor_content .pane_standout_on_white.job_application > .contentblock > h1, #main_content.vacancies_contentpage .minor_content .pane_standout_on_white.job_application > .contentblock p { color: white; } #main_content.vacancies_contentpage .minor_content .pane_standout_on_white.job_application > .contentblock > h1 { margin: 50px auto 0 40px; width: auto; } #main_content.vacancies_contentpage .minor_content .pane_standout_on_white.job_application > .contentblock > div { margin: 25px auto 0 40px; width: 85%; } #main_content.vacancies_contentpage .minor_content .pane_standout_on_white.job_application > .contentblock .fp-item-image { display: none; } #main_content.vacancies_contentpage .minor_content .pane_standout_on_white.job_application > a { left: 40px; } } @media (min-width: 1500px) { .default_contentpage ul.teasers { padding: 0 6%; padding: 0 calc(0.5 * (100% - 1410px)); margin: 230px 0 0 0; } .default_contentpage ul.teasers > li { width: 32%; width: calc(0.33333 * (1410px - 50px)); } .default_contentpage ul.teasers > li:nth-child(3n+2), .default_contentpage ul.teasers > li:nth-child(3n+3) { margin: 25px 0 0 25px; } .default_contentpage .minor_content { margin: 0; } .default_contentpage.contentpagetype_newsoverview ul.teasers { margin: 140px 0 0 0; } .default_contentpage.contentpagetype_newsoverview .minor_content { margin: -180px 0 0 0; } header .navigation_menu > li, header .navigation_menu.expanded > li { margin: 0 0 0 15px; } #main_content.main-content-frontpage .opportunities_container { width: 100%; } #main_content.main-content-frontpage .opportunities_container .opportunitylist > li > a > h3 { margin: 0 0 0 12%; } #main_content.main-content-frontpage .news_container > h1 { width: 1410px; } #main_content.main-content-frontpage .news_container > ul.teasers { padding: 0 6%; padding: 0 calc(0.5 * (100% - 1410px)); padding: 0 calc(0.5 * (100% - 1410px)); margin: 155px 0 0 0; } #main_content.main-content-frontpage .news_container > ul.teasers > li { bottom: 155px; } #main_content.contentpagetype_default ul.teasers { margin: 180px 0 0 0; } #main_content.touringcar_page .pane_standout_on_white.rent_touringcar > .contentblock { height: 400px; } #main_content.touringcar_page .pane_standout_on_white.rent_touringcar > .contentblock > h1 + div { width: 38%; } #main_content.touringcar_page .pane_standout_on_white.rent_touringcar > .contentblock > div.fp-item-image { padding: 0 0 400px 0; } } @media (min-width: 1600px) { #main_content.contentpage_contact .dominant_content .breadcrumps + .contentblock { margin: 40px auto 0 10%; margin: 40px auto 0 calc(0.5 * (100% - 1410px)); } #main_content.contentpage_contact .minor_content { right: 10%; right: calc(0.5 * (100% - 1410px)); max-width: 450px; } #main_content.vacancies_contentpage .dominant_content .breadcrumps + .contentblock { width: 40%; max-width: 800px; margin: 40px auto 0 10%; margin: 40px auto 0 calc(0.5 * (100% - 1410px)); margin: 40px auto 0 calc(0.5 * (100% - 1410px)); } #main_content.vacancies_contentpage .minor_content { right: 10%; right: calc(0.5 * (100% - 1410px)); right: calc(0.5 * (100% - 1410px)); max-width: 450px; } } @media (min-width: 1700px) { #main_content.contentpagetype_offerform .dominant_content .contentblock, #main_content.contentpagetype_offerform .dominant_content form#frmContact { margin: 40px auto 0 14%; } #main_content.contentpagetype_offerform .minor_content { margin: 0 5% 0 0; } footer { z-index: -1; } } @media (min-width: 1900px) { #main_content.contentpagetype_offerform .dominant_content .contentblock, #main_content.contentpagetype_offerform .dominant_content form#frmContact { margin: 90px auto 0 16%; margin: 90px auto 0 calc(0.5 * (100% - 1410px)); } #main_content.contentpagetype_offerform .minor_content { margin: 0 16% 0 0; margin: 0 calc(0.5 * (100% - 1410px)) 0 0; width: 350px; top: 135px; } }