/* open-sans-300 - latin */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 300; src: url('fonts/open-sans-v34-latin-300.eot'); /* IE9 Compat Modes */ src: local(''), url('fonts/open-sans-v34-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/open-sans-v34-latin-300.woff2') format('woff2'), /* Super Modern Browsers */ url('fonts/open-sans-v34-latin-300.woff') format('woff'), /* Modern Browsers */ url('fonts/open-sans-v34-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/open-sans-v34-latin-300.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* open-sans-regular - latin */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: url('fonts/open-sans-v34-latin-regular.eot'); /* IE9 Compat Modes */ src: local(''), url('fonts/open-sans-v34-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/open-sans-v34-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('fonts/open-sans-v34-latin-regular.woff') format('woff'), /* Modern Browsers */ url('fonts/open-sans-v34-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/open-sans-v34-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* open-sans-600 - latin */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 600; src: url('fonts/open-sans-v34-latin-600.eot'); /* IE9 Compat Modes */ src: local(''), url('fonts/open-sans-v34-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/open-sans-v34-latin-600.woff2') format('woff2'), /* Super Modern Browsers */ url('fonts/open-sans-v34-latin-600.woff') format('woff'), /* Modern Browsers */ url('fonts/open-sans-v34-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/open-sans-v34-latin-600.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* open-sans-700 - latin */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 700; src: url('fonts/open-sans-v34-latin-700.eot'); /* IE9 Compat Modes */ src: local(''), url('fonts/open-sans-v34-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/open-sans-v34-latin-700.woff2') format('woff2'), /* Super Modern Browsers */ url('fonts/open-sans-v34-latin-700.woff') format('woff'), /* Modern Browsers */ url('fonts/open-sans-v34-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/open-sans-v34-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* open-sans-300italic - latin */ @font-face { font-family: 'Open Sans'; font-style: italic; font-weight: 300; src: url('fonts/open-sans-v34-latin-300italic.eot'); /* IE9 Compat Modes */ src: local(''), url('fonts/open-sans-v34-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/open-sans-v34-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */ url('fonts/open-sans-v34-latin-300italic.woff') format('woff'), /* Modern Browsers */ url('fonts/open-sans-v34-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/open-sans-v34-latin-300italic.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* ------------------- reset ------------------- */ 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 { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } input, textarea { outline: none; } /* ------------------- reset - end ------------------- */ /* @import url(http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,300italic); */ /* ------------------- layout ------------------- */ body, textarea { font-family: 'Open Sans', Arial, sans-serif; font-weight: 400; line-height: 23px; font-size: 13px; color: #e1eafa; } h1, h2, h3, h4, h5 { /* font-weight: bold; */ } h1 { font-family: 'Open Sans', Arial, sans-serif; font-weight: 300; font-size: 175%; line-height: 1.63em; } h2, h3 { font-family: 'Open Sans', Arial, sans-serif; font-weight: 300; font-size: 150%; line-height: 1.3em; } /* h3 { font-size: 125%; line-height: 0.8571em; } */ h4 { font-size: 100%; line-height: 0.8571em; } h5 { font-size: 75%; line-height: 0.8571em; } p { font-size: 13px; line-height: 23px; } h1, h2, h3, h4, p { margin-top: 0.5em; margin-bottom: 0.5em; } h1 { margin-top: 0.2em; margin-bottom: 1.45em; } a { color: #eb6909; text-decoration: none; } a:hover { text-decoration: underline; } .clearfix:after { clear: both; content: "."; display: block; font-size: 0; height: 0; visibility: hidden; } .clearfix:before { content: ""; display: table; } .default-color { color: #e1eafa; } noscript { position: absolute; top: 0; left: 50%; width: 660px; margin-left: -330px; padding: 0 10px; z-index: 1100; } noscript label.closelabel { display: block; text-align: center; } noscript label.closelabel:hover { cursor: pointer; } noscript input.close + div { padding: 10px; background: #ff0; color: #f00; text-align: center; font-family: Arial, sans-serif; font-size: 16px; line-height: 20px; border: 1px solid #000; } noscript input.close:checked + div { display: none; } noscript div h4 { font-weight: bold; margin-bottom: 10px; } noscript div a { color: #f00; font-weight: bold; } noscript div a:hover { color: #d00; } body { height: 100%; background-color: #162235; background-image: url(images/background_lines.png); } .page { height: 100%; width: 100%; background-image: url(images/glow_1920px.png); bachground-size: percentage; background-repeat: no-repeat; background-position: center top; position: relative; } header, footer p, .subnav ul, #intro .intro, #content .content-group, #content .description-list .headline, #content .description-list .callout, #content .description-list .description p, #content .case-box-field, #banner { width: 94%; max-width: 980px; margin: 0 auto; padding: 0 0; } #content .description-list .headline, #content .description-list .callout, #banner { max-width: 1075px; } header { position: relative; padding: 50px 0 50px; } header .logo { width: 271px; height: auto; border: 0; } header .mobile-btns { position: absolute; top: 0; right: 3%; display: none; } .lang-switch { position: absolute; top: 14px; right: 60px; } .lang-switch a { color: #e1eafa; text-decoration: none; } .lang-switch .active { color: #eb6909; } .c-hamburger { display: block; position: absolute; top: 9px; right: 0; overflow: hidden; margin: 0; padding: 0; width:32px; height: 32px; font-size: 0; text-indent: -9999px; -webkit-appearance: none; -moz-appearance: none; appearance: none; box-shadow: none; border-radius: none; border: none; cursor: pointer; -webkit-transition: background 0.3s; transition: background 0.3s; } .c-hamburger:focus { outline: none; } .c-hamburger span { display: block; position: absolute; top: 15px; left: 4px; right: 4px; height: 3px; background: white; } .c-hamburger span::before, .c-hamburger span::after { position: absolute; display: block; left: 0; width: 100%; height: 3px; background-color: #fff; content: ""; } .c-hamburger span::before { top: -8px; } .c-hamburger span::after { bottom: -8px; } .c-hamburger--htx { background-color: transparent; } .c-hamburger--htx span { -webkit-transition: background 0s 0.3s; transition: background 0s 0.3s; } .c-hamburger--htx span::before, .c-hamburger--htx span::after { -webkit-transition-duration: 0.3s, 0.3s; transition-duration: 0.3s, 0.3s; -webkit-transition-delay: 0.3s, 0s; transition-delay: 0.3s, 0s; } .c-hamburger--htx span::before { -webkit-transition-property: top, -webkit-transform; transition-property: top, transform; } .c-hamburger--htx span::after { -webkit-transition-property: bottom, -webkit-transform; transition-property: bottom, transform; } /* active state, i.e. menu open */ .c-hamburger--htx.is-active { background-color: transparent; } .c-hamburger--htx.is-active span { background: none; } .c-hamburger--htx.is-active span::before { top: 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .c-hamburger--htx.is-active span::after { bottom: 0; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .c-hamburger--htx.is-active span::before, .c-hamburger--htx.is-active span::after { -webkit-transition-delay: 0s, 0.3s; transition-delay: 0s, 0.3s; background: #eb6909; } nav { position: absolute; bottom: 8px; right: 0; height: 35px; /* background-color: #0f0; */ z-index: 10100; } nav > ul > li { list-style: none; float: left; display: inline-block; position: relative; z-index: 10300; } nav > ul > li > a, nav > ul > li > span { display: block; background-color: #0f1b33; padding: 10px 10px; border-right: 1px solid #3f4c5f; margin-right: 1px; cursor: pointer; } nav > ul > li > span.active, nav > ul > li > a > span.active { color: #eb6909; } nav > ul > li:hover > a, nav > ul > li:hover > span { color: #eb6909; } nav > ul > li > ul { position: absolute; left: 0; top: 44px; width: 450px; /* padding-top: 8px; */ list-style: none; display: none; z-index: 10200; /* z-index: 220; */ /* background-color: #FF00FF; */ } nav > ul > li > ul > li { float: left; display: inline-block; } nav > ul > li > ul > li > a, nav > ul > li > ul > li > span { display: block; background-color: #0f1b33; padding: 10px 10px; font-size: 13px; } nav > ul > li > ul > li > span.active { background-color: #eb6909; color: #000; } nav > ul > li > ul > li:hover > a, nav > ul > li> ul > li:hover > span { background-color: #eb6909; color: #000; } nav a { color: #e1eafa; } nav a:hover { text-decoration: none; } .nojQuery nav > ul > li:hover > ul { display: block; } nav .naviline { position: absolute; bottom: -9px; left: 0; width: 100%; height: 1px; background-image: url(images/line_navi_orange.png); background-size: 100% 100%; background-position: center; background-repeat: no-repeat; } .subnav { position: relative; border-top: 1px solid #727f90; margin: 20px 0 60px; } .subnav ul { padding-left: 4.5%; /* background-color: #FFFF00; */ } .subnav ul li { float: left; } .subnav > ul > li > a { background-color: #0f1b33; color: #e1eafa; border-right: 1px solid #3f4c5f; display: block; margin-right: 1px; margin-bottom: 2px; padding: 10px; } .subnav > ul > li > a:hover { text-decoration: none; color: #eb6909; } #intro { position: relative; border-top: 1px solid #727f90;} #intro .intro { padding-top: 50px; padding-bottom: 30px; } #intro .intro .inner { padding-left: 4.5%; padding-right: 15%; } #intro .naviline { position: absolute; top: -1px; left: 0; width: 100%; height: 1px; border-top: 1px solid #eb6909; display: none; } .intro h2 { margin-top: 1em; } .intro ul li { list-style-type: disc; margin-bottom: 0.5em; margin-left: 30px; line-height: 1.35em; } #banner a { display: flex;} #banner img { width: 100%;} #content { position: relative; } .nojQuery #content { display: none; } #content-slider-1.show, .content-group.show { display: block; } #content-slider-1.hide, .content-group.hide { display: none; } .bx-wrapper .bx-viewport { background: transparent; left: 0; } .bx-wrapper .bx-controls-direction a { height: 45px; width: 19px; margin-top: -22px; top: 50%; } .bx-wrapper .bx-prev { background: url("images/arrow_mobile-left.png") no-repeat; } .bx-wrapper .bx-next { background: url("images/arrow_mobile-right.png") no-repeat; } .bx-wrapper img { margin: 0 auto; /* cursor: pointer; */ } .personas { position: relative; width: 100%; height: 100%; } .content-group { position: relative; margin-top: 50px; } .content-group img { width: 100%; height: auto; } .content-group img.active { position: absolute; top: 0; left: 0; display: none; } .content-group .persona { position: absolute; top: 0; height: 100%; z-index: 100; cursor: pointer; opacity: 0.1; /* opacity: 0.15; background-color: #FF00FF; */ } .content-group .persona.active { cursor: default; } .content-group #p1-1 { left: 2%; width: 23.3%; } .content-group #p1-2 { left: 23.5%; width: 15.8%; } .content-group #p1-3 { left: 39%; width: 11.5%; } .content-group #p1-4 { left: 50.5%; width: 16%; } .content-group #p1-5 { left: 65%; width: 14%; } .content-group #p1-6 { left: 77%; width: 23%; } .content-group #p2-1 { left: 15%; width: 17%; } .content-group #p2-2 { left: 32%; width: 19%; } .content-group #p2-3 { left: 52%; width: 10.5%; } .content-group #p2-4 { left: 62%; width: 19%;} /* .group2 .persona:hover { background-color: rgba(0,250,250,0.9); } */ #content .description-list .headline, #content .locations .headline, #content .text-box .headline { padding: 0; background-color: #fff; background-image: url(images/lines_grey.png); background-repeat: repeat-x; background-position: left bottom; } #content .description-list .headline #content-slider-11, #content .description-list .headline #content-slider-21 { margin-top: -6px; } #content .description-list .headline h2, #content .locations .headline h2, #content .text-box .headline h2 { padding: 8px 45px; color: #000; font-weight: normal; } #content .locations .headline h2, #content .text-box .headline h2 { padding: 12px 45px 18px; margin: 0; } #content .description-list .callout { /* padding: 0 0 20px; */ padding: 0 0 50px; } #content .description-list .callout h3 { padding: 15px 45px; color: #fff; font-size: 200%; font-style: italic; font-weight: 100; } #content .description-list .callout .callout-row-2 { display: inline-block; width: 480px; text-align: right; } #content .description-list .description { position: relative; background-color: #223b53; padding: 30px 45px; } #content .case-box-field { padding: 40px 0 20px; } .case-box { float: left; position: relative; display: inline-block; width: 23.5%; margin-right: 2%; background-color: #0c182e; margin-bottom: 20px; cursor: pointer; z-index: 150; } .case-box.open { z-index: 200; } .case-box:nth-child(4n+0) { margin-right: 0; } .case-box .overview { height: 270px; width: 92%; padding: 0px 0px 10px; padding-left: 4%; padding-right: 4%; border: 1px solid #5ed4fb; overflow: hidden; } .case-box h2 { font-size: 130%; color: #eb6909; } .case-box h2 span { font-size: 80%; color: #e1eafa; } .case-box .solution { position: absolute; top: 0; left: 0; width: 92%; height: 240px; color: #eb6909; padding-left: 4%; padding-right: 4%; background-color: #0c182e; border: 1px solid #eb6909; overflow: hidden; height: 0; padding-bottom: 0; border: 0; } .case-box .open-close-btn { position: absolute; top: 10px; right: 15px; width: 15px; height: 15px; z-index: 200; cursor: pointer; } .case-box .open-close-btn.arrow-down { background-image: url(images/open-close.png); background-repeat: no-repeat; background-position: 0 0; } .case-box .open-close-btn.x-close { background-image: url(images/open-close.png); background-repeat: no-repeat; background-position: 0 -15px; } .prlx-image { position: relative; height: 190px; background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover; } .corp-fin .prlx-image.img-1 { background-image: url(../images/build_and_buy.jpg); } .corp-fin .prlx-image.img-2 { background-image: url(../images/coinvest.jpg); } .corp-fin .prlx-image.img-3 { background-image: url(../images/contract.jpg); } .corp-fin .prlx-image.img-4 { background-image: url(../images/eigenundfremd.jpg); } .corp-fin .prlx-image.img-5 { background-image: url(../images/immobilien.jpg); } .corp-fin .prlx-image.img-1.nopara { background-image: url(../images/build_and_buy_1030x190.jpg); } .corp-fin .prlx-image.img-2.nopara { background-image: url(../images/coinvest_1030x190.jpg); } .corp-fin .prlx-image.img-3.nopara { background-image: url(../images/contract_1030x190.jpg); } .corp-fin .prlx-image.img-4.nopara { background-image: url(../images/eigenundfremd_1030x190.jpg); } .corp-fin .prlx-image.img-5.nopara { background-image: url(../images/immobilien_1030x190.jpg); } .m-and-a .prlx-image.img-1 { background-image: url(../images/m_and_a.jpg); } .m-and-a .prlx-image.img-2 { background-image: url(../images/nachfolge.jpg); } .m-and-a .prlx-image.img-3 { background-image: url(../images/mbimbo.jpg); } .m-and-a .prlx-image.img-4 { background-image: url(../images/kapitalmarkt.jpg); } .m-and-a .prlx-image.img-5 { background-image: url(../images/businessmood.jpg); } .m-and-a .prlx-image.img-1.nopara { background-image: url(../images/m_and_a_1030x190.jpg); } .m-and-a .prlx-image.img-2.nopara { background-image: url(../images/nachfolge_1030x190.jpg); } .m-and-a .prlx-image.img-3.nopara { background-image: url(../images/mbimbo_1030x190.jpg); } .m-and-a .prlx-image.img-4.nopara { background-image: url(../images/kapitalmarkt_1030x190.jpg); } .m-and-a .prlx-image.img-5.nopara { background-image: url(../images/businessmood_1030x190.jpg); } .history .prlx-image.img-1 { background-image: url(../images/historie.jpg); } .history .prlx-image.img-1.nopara { background-image: url(../images/historie_1030x190.jpg); } .services .prlx-image.img-1 { background-image: url(../images/controlling.jpg); } .services .prlx-image.img-1.nopara { background-image: url(../images/controlling_1030x190.jpg); } .jobs .prlx-image.img-1 { background-image: url(../images/jobs.jpg); } .jobs .prlx-image.img-1.nopara { background-image: url(../images/jobs_1030x190.jpg); } .loc .prlx-image.img-1 { background-image: url(../images/kontakt.jpg); } .loc .prlx-image.img-1.nopara { background-image: url(../images/kontakt_1030x190.jpg); } #content .locations, #content .text-box { /* min-height: 250px; */ position: relative; padding-bottom: 90px; background: #0f1622; /* background: #0f1923; */ } #content .locations { /* min-height: 100px; */ } .team #content .text-box { background-color: #223b53; } #content .locations.first, #content .text-box.first { background: rgb(34,59,83); background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzIyM2I1MyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwZjE2MjIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgba(34,59,83,1) 0%, rgba(15,22,34,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(34,59,83,1)), color-stop(100%,rgba(15,22,34,1))); background: -webkit-linear-gradient(top, rgba(34,59,83,1) 0%,rgba(15,22,34,1) 100%); background: -o-linear-gradient(top, rgba(34,59,83,1) 0%,rgba(15,22,34,1) 100%); background: -ms-linear-gradient(top, rgba(34,59,83,1) 0%,rgba(15,22,34,1) 100%); background: linear-gradient(to bottom, rgba(34,59,83,1) 0%,rgba(15,22,34,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#223b53', endColorstr='#0f1622',GradientType=0 ); } #content .text-box .headline, #content .text-box .inner { max-width: 1075px; margin: 0 auto; } #content .text-box .headline { background-color: #fff; } #content .text-box .inner { background-color: #223b53; margin-top: -16px; padding-top: 50px; padding-bottom: 20px; } #content .text-box h3 { margin: 40px 45px 30px; font-size: 125%; line-height: 1.25em; } #content .text-box .inline-block h3 { margin: 40px 0 30px; } #content .text-box.enumeration .inline-block h3 { margin-top: 20px; margin-bottom: 10px; } #content .text-box p, #content .text-box ul { margin: 20px 45px; } #content .text-box .inline-block { margin: 0 45px; } #content .text-box ul { margin: 20px 0; color: #eb6909; } #content .text-box li { /* font-size: 88%; */ list-style-type: disc; margin-bottom: 0.5em; margin-left: 25px; line-height: 1.35em; padding-left: 5px; } #content .text-box a { text-decoration: underline; } #content .locations .inner { overflow: hidden; } .locations .headline, .address-map { /* max-width: 980px; */ max-width: 1075px; margin: 0 auto; } .address-map { background-color: #223b53; margin-top: -16px; padding-top: 26px; padding-right: 10px; max-width: 1065px; } .locations .address { width: 32%; float: left; font-size: 12px; line-height: 13px; } .locations .address .inner { padding: 67px 40px; height: 142px; } .locations .location-image { float: right; width: 34%; height: 265px; background-size: cover; background-position: center; background-repeat: no-repeat; } .locations .location-image.img-1 { background-image: url(../images/locations/location-1.jpg); } .locations .location-image.img-2 { background-image: url(../images/locations/location-2.jpg); } .locations .location-image.img-3 { background-image: url(../images/locations/location-3.jpg); } .locations .location-image.img-4 { background-image: url(../images/locations/location-4.jpg); } .locations .location-image.img-5 { background-image: url(../images/locations/location-5.jpg); } .locations .map { float: right; width: 34%; height: 265px; overflow: hidden; color: #000; } .google-maps-link { display: none; } .cover { -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .small { font-size: 90%; } .italic { font-style: italic; } .strong { font-weight: bold; } .nowrap {white-space: nowrap;} .inline-block { display: inline-block; } .show-on-mobile { display: none; } .hide-on-mobile { display: inline-block; } .halfcol { width: 50%; } .col-50 { float: left; width: 47%; } .col-50.left { margin-right: 6%; } .timeline { position: absolute; width: 100%; left: 0; top: -25px; height: 36px; background-image: url(images/line_1st.png); background-repeat: no-repeat; background-position: center; } .timeline.top { background-image: url(images/line_top.png); } .timeline.bottom { background-image: url(images/line_buttom.png); } .orange-line { height: 16px; border-top: 3px solid #eb6909; background-image: url(images/arrow_orange_down.png); background-repeat: no-repeat; background-position: center top; } #content .text-box .orange-line, #content .locations .orange-line { position: relative; z-index: 20; } .white-line { height: 16px; border-bottom: 10px solid #fff; background-color: #223b53; background-image: url(images/arrow_white_up.png); background-repeat: no-repeat; background-position: center bottom; } .white-line-2 { height: 1px; border-bottom: 10px solid #fff; } .nojQuery .white-line { display: none; } footer { width: 100%; height: 50px; padding-top: 20px; } /* ------------------- layout - end ------------------- */ /* ------------------- responsive ------------------- */ @media only screen and (max-width: 1120px) { nav { right: 60px; } } @media only screen and (max-width: 1020px) { .case-box { width: 32%; margin-right: 2%; } .case-box:nth-child(4n+0) { margin-right: 2%; } .case-box:nth-child(3n+0) { margin-right: 0; } } @media only screen and (max-width: 760px) { .case-box { width: 49%; margin-right: 2%; } .case-box:nth-child(4n+0) { margin-right: 2%; } .case-box:nth-child(3n+0) { margin-right: 2%; } .case-box:nth-child(2n+0) { margin-right: 0; } .col-50 { float: none; width: 100%; } .col-50.left { margin-right: 0; } } @media only screen and (max-width: 950px) { header { padding: 15px 0 70px; } .address .mail { display: block; } } @media only screen and (max-width: 860px) { #content .locations { padding-bottom: 0; } #content .locations .inner { height: auto; } } @media only screen and (max-width: 800px) { h1 { font-size: 150%; } h2 { font-size: 130%; } h3 { font-size: 110%; } } @media only screen and (min-width: 650px) { .multicol2 { -moz-column-count: 2; -webkit-column-count: 2; column-count: 2; -moz-column-width: 300px; -webkit-column-width: 300px; column-width: 300px; -moz-column-gap: 30px; -webkit-column-gap: 30px; column-gap: 30px; } .multicol3 { -moz-column-count: 3; -webkit-column-count: 3; column-count: 3; -moz-column-width: 300px; -webkit-column-width: 300px; column-width: 300px; -moz-column-gap: 30px; -webkit-column-gap: 30px; column-gap: 30px; } .multicol2 .colspan-all, .multicol3 .colspan-all { -moz-column-span: all; -webkit-column-span: all; column-span: all; } } @media only screen and (max-width: 650px) { #banner { width: 100%; } #content .description-list .headline #content-slider-11, #content .description-list .headline #content-slider-21 { margin-top: 0; } #content .description-list .callout .callout-row-2 { width: 100%; } #content .description-list.list-2 { display: none; } #content .text-box { padding-bottom: 0; } #content .text-box h3, #content .text-box p, #content .text-box .inline-block { width: 94%; margin-left: 3%; margin-right: 3%; } #content .description-list .headline { width: 100%; } #content .text-box .headline h2 { padding-left: 3%; padding-right: 3%; } .address-map { margin-top: 0; padding-top: 0; padding-right: 0; } .halfcol { width: auto; } .orange-line { display: none; } #content .text-box .orange-line { display: block; } .locations .location-image { width: 100%; float: none; } .locations .address { width: 100%; float: none; font-size: 15px; line-height: 23px; } .locations .map { display: none; } .locations .location-image.img-1 { background-image: url(../images/locations/location-1-650.jpg); } .locations .location-image.img-2 { background-image: url(../images/locations/location-2-650.jpg); } .locations .location-image.img-3 { background-image: url(../images/locations/location-3-650.jpg); } .locations .location-image.img-4 { background-image: url(../images/locations/location-4-650.jpg); } .google-maps-link { display: inline-block; } .corp-fin .prlx-image.img-1.nopara { background-image: url(../images/build_and_buy_320x190.jpg); } .corp-fin .prlx-image.img-2.nopara { background-image: url(../images/coinvest_320x190.jpg); } .corp-fin .prlx-image.img-3.nopara { background-image: url(../images/contract_320x190.jpg); } .corp-fin .prlx-image.img-4.nopara { background-image: url(../images/eigenundfremd_320x190.jpg); } .corp-fin .prlx-image.img-5.nopara { background-image: url(../images/immobilien_320x190.jpg); } .m-and-a .prlx-image.img-1.nopara { background-image: url(../images/m_and_a_320x190.jpg); } .m-and-a .prlx-image.img-2.nopara { background-image: url(../images/nachfolge_320x190.jpg); } .m-and-a .prlx-image.img-3.nopara { background-image: url(../images/mbimbo_320x190.jpg); } .m-and-a .prlx-image.img-4.nopara { background-image: url(../images/kapitalmarkt_320x190.jpg); } .m-and-a .prlx-image.img-5.nopara { background-image: url(../images/businessmood_320x190.jpg); } .history .prlx-image.img-1.nopara { background-image: url(../images/historie_320x190.jpg); } .jobs .prlx-image.img-1.nopara { background-image: url(../images/jobs_320x190.jpg); } .services .prlx-image.img-1.nopara { background-image: url(../images/controlling_320x190.jpg); } .loc .prlx-image.img-1 { background-image: url(../images/kontakt_320x190.jpg); } header { padding: 15px 0 13px; width: 100%; } header .logo { width: 180px; margin-left: 3%; } header .mobile-btns { display: block; } nav { width: 100%; bottom: -38px; right: 0; /* display: none; */ } nav .naviline, nav > ul > li.lang { display: none; } nav > ul { padding: 15px 0 15px 0; /* background-color: #0f1b33; */ display: none; } nav > ul > li { float: none; /* padding-left: 30px; */ display: block; } nav > ul > li > a, nav > ul > li > span { padding: 18px 0 18px 30px; border-right: 0; margin-right: 0; } nav > ul > li > a, nav > ul > li:hover > span { color: #fff; } nav > ul, nav > ul > li > a, nav > ul > li > span, nav > ul > li > ul > li > a, nav > ul > li > ul > li > span { background-color: #152c3f; } nav > ul > li > ul { display: block !important; position: relative; left: 0; top: 0; width: 100%; height: auto !important; } nav > ul > li > ul li { float: none; display: block; width: 100%; } nav > ul > li > a, nav > ul > li > span { font-size: 17px; } nav > ul > li > ul > li > a, nav > ul > li > ul > li > span { font-size: 15px; } nav > ul > li > ul > li > a, nav > ul > li > ul > li > span { padding: 18px 20px 18px 45px; } nav > ul > li, nav > ul > li > ul li { border-bottom: 1px solid #223b53; } nav > ul > li:first-child, nav > ul > li > ul li:first-child { border-top: 1px solid #223b53; } nav > ul > li:nth-child(4), nav > ul > li > ul li:last-child { border-bottom: 0; } nav > ul > li:first-child { border-top : 0; } nav > ul > li:hover > a, nav > ul > li > ul > li:hover a, nav > ul > li > span.active, nav > ul > li > ul > li > span.active { color: #fff; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ViNjkwOSIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlYjY5MDkiIHN0b3Atb3BhY2l0eT0iMC42NSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(left, rgba(235,105,9,0) 0%, rgba(235,105,9,0.65) 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(235,105,9,0)), color-stop(100%,rgba(235,105,9,0.65))); background: -webkit-linear-gradient(left, rgba(235,105,9,0) 0%,rgba(235,105,9,0.65) 100%); background: -o-linear-gradient(left, rgba(235,105,9,0) 0%,rgba(235,105,9,0.65) 100%); background: -ms-linear-gradient(left, rgba(235,105,9,0) 0%,rgba(235,105,9,0.65) 100%); background: linear-gradient(to right, rgba(235,105,9,0) 0%,rgba(235,105,9,0.65) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00eb6909', endColorstr='#a6eb6909',GradientType=1 ); } .subnav ul { width: 100%; padding-left: 0; } .subnav ul li { float: none; border-bottom: 1px solid #223b53; } .subnav > ul > li > a { /* font-size: 17px; */ border-right: 0; margin-right: 0; padding: 18px 0 18px 30px; margin-bottom: 0; padding-left: 7.1%; } #intro .naviline { display: block; width: 100%; left: 0; margin-left: 0; } #content .text-box .inline-block h3 { margin-top: 40px !important; } @media only screen and (max-width: 520px) { .case-box { float: none; width: 100%; margin-right: 0; } .case-box .overview { height: auto; } .case-box .overview .vol { display: none; } } @media only screen and (max-width: 400px) { .show-on-mobile { display: inline-block; } .hide-on-mobile { display: none; } } /* ------------------- responsive - end ------------------- */ footer a {padding-right: 5px;}