html {
font-family: 'Arial', 'Helvetica', sans-serif;
font-size: 16px;
font-weight: 400
}
.treeact
{
color:#00297c !important;
line-height:18px;
}
.center {
margin: auto;
width: 960px
}
.relative {
position: relative
}
.absolute {
position: absolute
}
.table {
display: table;
width: 100%
}
.table-cell {
display: table-cell;
table-layout: fixed
}
.sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0
}
.cl, .clearer, .clearfix:after, .cf:after {
clear: both
}
.clearfix:before, .clearfix:after, .cf:before, .cf:after {
content: " ";
display: table
}
.hidden {
display: none !important
}
/*! normalize.css v3.0.1 | MIT License | git.io/normalize */
html {
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%
}
body {
margin: 0
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
display: block
}
audio, canvas, progress, video {
display: inline-block;
vertical-align: baseline
}
audio:not([controls]) {
display: none;
height: 0
}
[hidden], template {
display: none
}
a {
background: transparent
}
a:active, a:hover {
outline: 0
}
abbr[title] {
border-bottom: 1px dotted
}
b, strong {
font-weight: bold
}
dfn {
font-style: italic
}
h1 {
font-size: 2em;
margin: 0.67em 0
}
mark {
background: #ff0;
color: #000
}
small {
font-size: 80%
}
sub, sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline
}
sup {
top: -0.5em
}
sub {
bottom: -0.25em
}
img {
border: 0
}
svg:not(:root) {
overflow: hidden
}
figure {
margin: 1em 40px
}
hr {
-moz-box-sizing: content-box;
box-sizing: content-box;
height: 0
}
pre {
overflow: auto
}
code, kbd, pre, samp {
font-family: monospace, monospace;
font-size: 1em
}
button, input, optgroup, select, textarea {
color: inherit;
font: inherit;
margin: 0
}
button {
overflow: visible
}
button, select {
text-transform: none
}
button, html input[type="button"], input[type="reset"], input[type="submit"] {
-webkit-appearance: button;
cursor: pointer
}
button[disabled], html input[disabled] {
cursor: default
}
button::-moz-focus-inner, input::-moz-focus-inner {
border: 0;
padding: 0
}
input {
line-height: normal
}
input[type="checkbox"], input[type="radio"] {
box-sizing: border-box;
padding: 0
}
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
height: auto
}
input[type="search"] {
-webkit-appearance: textfield;
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
box-sizing: content-box
}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none
}
fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em
}
legend {
border: 0;
padding: 0
}
textarea {
overflow: auto
}
optgroup {
font-weight: bold
}
table {
border-collapse: collapse;
border-spacing: 0
}
td, th {
padding: 0
}
.text-center {
text-align: center
}
.global-services-wrap h2 {
background-position: right 6px; color: rgb(128, 130, 130); text-transform: uppercase; padding-right: 50px; padding-left: 40px; font-size: 1.5rem; font-weight: 400; margin-bottom: 38px; border-left-color: rgb(185, 185, 185); border-left-width: 1px; border-left-style: solid; display: inline-block; cursor: pointer; background-image: url("../Images/icon-arrow-down-home.png"); background-repeat: no-repeat;
}
.global-services-wrap .global-services {
display: none;
}
.open.global-services-wrap h2 {
background-image: url("../Images/icon-arrow-up-home.png");
}
.open.global-services-wrap .global-services {
display: block;
}
.global-services-wrap {
margin-bottom: 60px;
}
.global-services-wrap .global-services-buttons {
margin-bottom: 15px;
}
.global-services-wrap .global-services-buttons a {
background: url("../Images/icon-whoiswho.png") no-repeat center 28px / 66px 66px rgb(0, 41, 124); width: 181px; height: 150px; text-align: center; color: rgb(255, 255, 255); font-size: 1.25rem; text-decoration: none; margin-right: 13px; float: left; display: block; box-sizing: border-box;
}
.global-services-wrap .global-services-buttons a:hover {
background-color: rgba(0, 41, 124, 0.8);
}
.global-services-wrap .global-services-buttons a:nth-child(2) {
background-image: url("../Images/icon-jobs.png");
}
.global-services-wrap .global-services-buttons a:nth-child(3) {
background-image: url("../Images/icon-mediaservices.png");
}
.global-services-wrap .global-services-buttons a:nth-child(4) {
background-image: url("../Images/icon-globalguidelines.png");
}
.global-services-wrap .global-services-buttons a:nth-child(5) {
width: 182px; margin-right: 0px;
}
.global-services-wrap .global-services-buttons a:nth-child(6) {
}
.global-services-wrap .global-services-buttons a:nth-child(7) {
}
.global-services-wrap .global-services-buttons a:nth-child(8) {
}
.global-services-wrap .global-services-buttons a:nth-child(9) {
}
.global-services-wrap .global-services-buttons a:nth-child(10) {
width: 182px; margin-right: 0px;
}
.global-services-wrap .global-services-buttons a:nth-child(11) {
width: 182px;
}
.global-services-wrap .global-services-buttons a .service-wrap {
width: 100%; height: 100%; display: block; position: relative; text-align:center;
}
.global-services-wrap .global-services-buttons a .service-wrap img {
left: 50%; top: 28px; margin-left: -33px; position: absolute;
}
.global-services-wrap .global-services-buttons a .service-wrap .title {
top: 46px; width: 100%; display: block; position: absolute;
}
.global-services-wrap .global-services-select {
position: relative;
}
.global-services-wrap .global-services-select select {
padding: 14px 39px; border-radius: 0px; border: 0px currentColor; border-image: none; width: 100%; height: 54px; color: rgb(255, 255, 255); font-size: 1.25rem; display: block; box-sizing: border-box; background-color: rgb(0, 41, 124);
}
.global-services-wrap .global-services-select select:hover {
background-color: rgb(46, 79, 146);
}
.global-services-wrap .global-services-select select option {
padding: 8px 39px;
}
.global-services-wrap .global-services-select::after {
background-position: left 18px; top: 0px; width: 64px; height: 54px; right: 0px; display: block; position: absolute; content: ""; pointer-events: none; background-image: url("../Images/icon-arrow-down-white.png"); background-repeat: no-repeat; background-color: rgb(0, 41, 124);
}
.global-services-wrap .global-services-select:hover::after {
background-color: rgb(46, 79, 146);
}
.content .main ul.pagination li {
padding: 0;
margin-bottom: 0;
text-indent: 0;
line-height: 14px;
line-height: .875rem
}
.content .main ul.pagination li:before {
content: "";
display: none
}
.content .main ul.pagination li:first-child, .content .main ul.pagination li:last-child {
text-indent: -9999px
}
.content .main .f3-widget-paginator {
text-align: center
}
.tx-fuin-images {
clear: both;
margin-top: 118px
}
.tx-fuin-images:after {
content: " ";
display: block;
clear: both;
height: 10px
}
header {
background-color: rgba(0,41,124,0.8);
height: 90px;
padding: 14px 0 0 0
}
header .logo {
float: right;
position: relative;
z-index: 100
}
header .local-branding {
display: none;
position: absolute;
top: 81px;
right: 226px;
float: right;
color: #00297c;
margin-right: 27px;
text-align: right;
margin-top: 3px
}
header .local-branding .brand-name {
text-transform: uppercase;
margin-bottom: 12px
}
header nav ul {
margin: 0;
padding: 0
}
header .main-nav {
margin-top: 10px;
position: relative;
z-index: 50
}
header .main-nav li li.active>a {
color: #00297c !important
}
header .main-nav ul {
list-style: none;
margin: 0px 0 0 38px
}
header .main-nav ul li {
border-bottom: 60px solid transparent;
display: inline
}
header .main-nav ul li a {
color: #fff;
font-size: 20px;
font-size: 1.25rem;
margin: 0 20px 0 0;
text-decoration: none;
text-transform: uppercase
}
header .main-nav ul li a:after {
color: #fff !important;
content: "|";
margin: -1px 0 0 8px;
position: absolute
}
header .main-nav ul li a:hover {
color: #b9b9b9
}
header .main-nav ul li:last-child a:after {
content: ""
}
header .main-nav ul li.open a {
color: #b9b9b9
}
header .main-nav ul li.open:after {
bottom: -14px;
border-left: 22px solid transparent;
border-right: 22px solid transparent;
border-top: 14px solid #00297c;
content: "";
margin-left: -94px;
opacity: 0.8;
position: absolute;
top: 46px;
z-index: 1
}
header .main-nav ul li.open li:after {
content: none
}
header .main-nav ul li:first-child.open:after {
margin-left: -89px
}
header .main-nav ul li:last-child.open:after {
margin-left: -70px
}
header .main-nav ul .trenner {
border: 0;
display: block;
height: 28px
}
header .main-nav ul li .sub-nav {
display: none
}
header .main-nav ul li.open .sub-nav {
display: block;
left: 0;
padding-right: 60px;
padding-top: 60px;
position: absolute
}
header .main-nav ul li.open ul {
background: #e4e8ec;
-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
margin: 0;
padding: 22px 0px 22px 38px;
top: 80px;
width: 282px
}
header .main-nav ul li.open ul li a {
background-image: url("../Images/icon-sprite-navi.png");
background-position: right 10px;
background-repeat: no-repeat;
border-bottom: 1px solid #dedfe0;
color: #808282;
display: block;
font-size: 15px;
font-size: .9375rem;
padding: 8px 0 8px 0
}
header .main-nav ul li.open ul li a:after {
content: none
}
header .main-nav ul li.open ul li a:hover {
background-position: right -76px;
color: #00297c
}
header .main-nav ul li.open ul li:last-child a {
border-bottom: none
}
header .main-nav ul li.open ul li.open {
background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%,
#e4e8ec), color-stop(50%,
#ffffff), color-stop(100%,
#ffffff));
background-image: -moz-linear-gradient(left,
#e4e8ec,
#ffffff,
#ffffff);
background-image: -webkit-linear-gradient(left,
#e4e8ec,
#ffffff,
#ffffff);
background-image: linear-gradient(to right,
#e4e8ec,
#ffffff,
#ffffff);
border-bottom: 1px solid #dedfe0;
display: block
}
header .main-nav ul li.open ul li.open a {
background-position: right -76px;
border-bottom: 0;
color: #00297c
}
header .main-nav ul li.open ul li ul {
display: none
}
header .level3 ul li.open ul {
border-right: 320px solid #fff
}
header .level3 ul li.open ul ul {
display: none
}
header .level3 ul li.open ul li.open ul {
background: #fff;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
display: block;
left: 320px;
border-right: 0px;
position: absolute;
top: 60px
}
header .level3 ul li.open ul li.open ul li a {
background-position: right 10px;
border-bottom: 1px solid #dedfe0;
color: #808282
}
header .level3 ul li.open ul li.open ul li a:hover {
background-position: right -76px;
color: #00297c
}
header .level3 ul li.open ul li.open ul li:last-child a {
border-bottom: none
}
.meta-icons ul {
list-style: none;
margin: 0 0 0 38px;
display: inline-block
}
.meta-icons ul li {
display: inline
}
.meta-icons ul li a {
background-image: url("../_grafiken/icon-sprite-meta.png");
display: inline-block;
height: 17px;
margin-right: 10px;
text-indent: -9999px;
width: 18px
}
.meta-icons ul li.icon-guidelines a {
background-position: -17px 0
}
.meta-icons ul li.icon-guidelines a:hover {
background-position: -17px 39px
}
.meta-icons ul li.icon-guidelines.active a {
background-position: 17px -21px
}
.meta-icons ul li.icon-lock a {
background-position: -50px 0
}
.meta-icons ul li.icon-lock a:hover {
background-position: -50px 39px
}
.meta-icons ul li.icon-lock.active a {
background-position: -50px -21px
}
.meta-icons ul li.icon-unlock a {
background-position: -81px 0
}
.meta-icons ul li.icon-unlock a:hover {
background-position: -81px 39px
}
.meta-icons ul li.icon-unlock.active a {
background-position: 81px -21px
}
.meta-icons ul li.icon-home a {
background-position: -112px 0
}
.meta-icons ul li.icon-home a:hover {
background-position: -112px 39px
}
.meta-icons ul li.icon-home.active a {
background-position: -112px -21px
}
.meta-icons ul li.icon-profile a {
background-position: -144px 0
}
.meta-icons ul li.icon-profile a:hover {
background-position: -144px 39px
}
.meta-icons ul li.icon-profile.active a {
background-position: -144px -21px
}
.meta-icons ul li.icon-media a {
background-position: -175px 0
}
.meta-icons ul li.icon-media a:hover {
background-position: -175px 39px
}
.meta-icons ul li.icon-media.active a {
background-position: -175px -21px
}
.meta-icons ul li.icon-search a {
background-position: -210px 0
}
.meta-icons ul li.icon-search a:hover {
background-position: -210px 39px
}
.meta-icons ul li.icon-search.active a {
background-position: -210px -21px
}
.meta-icons ul li.icon-female a {
background-position: -242px 0
}
.meta-icons ul li.icon-female a:hover {
background-position: -242px 39px
}
.meta-icons ul li.icon-female.active a {
background-position: -242px -21px
}
.meta-icons ul li.icon-male a {
background-position: -274px 0
}
.meta-icons ul li.icon-male a:hover {
background-position: -274px 39px
}
.meta-icons ul li.icon-male.active a {
background-position: -274px -21px
}
.meta-icons ul li.icon-mail a {
background-position: -304px 0
}
.meta-icons ul li.icon-mail a:hover {
background-position: -304px 39px
}
.meta-icons ul li.icon-mail.active a {
background-position: -304px -21px
}
.meta-icons ul li.icon-gallery a {
background-position: -336px 0
}
.meta-icons ul li.icon-gallery a:hover {
background-position: -336px 39px
}
.meta-icons ul li.icon-gallery.active a {
background-position: -336px -21px
}
.meta-icons ul li.icon-jobs a {
background-position: -369px 0
}
.meta-icons ul li.icon-jobs a:hover {
background-position: -369px 39px
}
.meta-icons ul li.icon-jobs.active a {
background-position: -369px -21px
}
.meta-icons ul li.icon-faq a {
background-position: -399px 0
}
.meta-icons ul li.icon-faq a:hover {
background-position: -399px 39px
}
.meta-icons ul li.icon-faq.active a {
background-position: -399px -21px
}
.meta-icons ul li.icon-flag a {
background-position: -128px 0
}
.meta-icons ul li.icon-flag a:hover {
background-position: -128px 39px
}
.meta-icons ul li.icon-flag.active a {
background-position: -128px -21px
}
.meta-icons .login {
background-image: url("../_grafiken/icon-meta-logout.png");
background-position: 0 0;
background-repeat: no-repeat;
color: #fff;
float: right;
font-size: 15px;
margin-right: 25px;
margin-top: 5px;
padding-left: 20px;
text-decoration: none
}
.meta-icons .login:hover {
text-decoration: underline
}
.meta-icons .account {
// background-image: url("../_grafiken/icon-meta-logout.png");
background-position: 0 0;
background-repeat: no-repeat;
color: #fff;
float: right;
font-size: 15px;
margin-right: 25px;
margin-top: 0px;
padding-left: 20px;
text-decoration: none
}
.meta-icons .account:hover {
text-decoration: underline
}
body.companies .meta-icons .login {
display: none
}
.meta-icons .login.companies {
display: none;
float: none;
margin-left: 12px;
padding-left: 33px;
background-position: 11px 0;
border-left: rgba(255,255,255,0.25) solid 1px
}
body.companies .meta-icons .login.companies {
display: inline-block
}
.meta-icons .local-branding {
color: #fff;
display: block;
position: static
}
.stage {
background-size: cover;
min-height: 162px
}
.burger {
display: none
}
.mobile-nav {
background: #e4e8ec;
overflow: hidden;
position: absolute;
top: 140px;
width: 100%;
z-index: 99
}
.mobile-nav .meta-icons {
background: #00297c;
padding: 20px 0 16px 0;
width: 100%
}
.mobile-nav .meta-icons ul {
margin: 0 0 0 -20px
}
.mobile-nav .main-nav {
background: #e4e8ec;
margin-top: 56px;
overflow: scroll
}
.mobile-nav-sub {
background: #e4e8ec;
left: 100%;
overflow-y: scroll;
position: absolute;
top: 200px;
width: 100%;
z-index: 100
}
.mobile-nav-subsub {
background: #e4e8ec;
left: 100%;
overflow-y: scroll;
position: absolute;
top: 200px;
width: 100%;
z-index: 101
}
.mobile-nav-back, .mobile-nav-back-placeholder {
background-color: #fff;
background-image: url(../Images/icon-mobile-nav-back.png);
background-position: 18px 14px;
background-repeat: no-repeat;
box-sizing: border-box;
color: #808282;
display: block;
height: 38px;
padding: 10px 0 0 42px;
text-decoration: none;
text-transform: uppercase;
width: 100%
}
.mobile-nav-back-placeholder {
background: #fff;
color: #fff;
cursor: default
}
.mobile-nav .main-nav h1, .mobile-nav-sub h1, .mobile-nav-subsub h1 {
color: #00297c;
font-size: 24px;
font-size: 1.5rem;
font-weight: 400;
margin: 20px 0 0 20px;
text-transform: uppercase
}
.mobile-nav .main-nav ul, .mobile-nav-sub ul, .mobile-nav-subsub ul {
list-style: none;
padding: 0px 20px 10px 20px
}
.mobile-nav .main-nav ul li a, .mobile-nav-sub ul li a, .mobile-nav-subsub ul li a {
background-image: url("../Images/icon-sprite-navi.png");
background-position: right 14px;
background-repeat: no-repeat;
border-bottom: 1px solid #dedfe0;
color: #808282;
display: block;
font-size: 18px;
font-size: 1.125rem;
padding: 6px 0 6px 0;
text-decoration: none;
text-transform: uppercase
}
.mobile-nav .main-nav ul li a:hover, .mobile-nav-sub ul li a:hover, .mobile-nav-subsub ul li a:hover {
background-position: right -21px;
color: #00297c
}
.mobile-nav .main-nav ul li:last-child a, .mobile-nav-sub ul li:last-child a, .mobile-nav-subsub ul li:last-child a {
border-bottom: none
}
.mobile-nav .main-nav ul li.active a, .mobile-nav .main-nav ul li.cur a, .mobile-nav-sub ul li.active a, .mobile-nav-sub ul li.cur a, .mobile-nav-subsub ul li.active a, .mobile-nav-subsub ul li.cur a {
background-position: right -21px;
color: #00297c
}
.mobile-nav .main-nav ul li ul, .mobile-nav-sub ul li ul, .mobile-nav-subsub ul li ul {
display: none
}
@-moz-document url-prefix() {
header .main-nav ul li.open: after {
top: 46px
}
}
.content {
padding: 5px 0
}
.greybg {
background: #e4e8ec
}
.main {
float: left;
margin-left: 0px;
margin-right: 5px;
width: 100%;
color: #808282
}
.main h1 {
color: #808282;
font-size: 24px;
font-size: 1.5rem;
font-weight: 400;
margin: 0 0 20px 0;
text-transform: uppercase
}
.main h2 {
color: #808282;
font-size: 20px;
font-size: 1.25rem;
font-weight: 400;
margin: 0 0 20px 0;
text-transform: uppercase
}
.side {
float: left;
width: 314px
}
.side p.bodytext {
color: #808282
}
.side .sub-side-nav {
background: #e4e8ec;
margin-bottom: 15px;
padding: 32px 58px 32px 38px
}
.side .sub-side-nav h1 {
color: #808282;
font-size: 20px;
font-size: 1.25rem;
font-weight: 400;
margin: 0 0 20px 0;
text-transform: uppercase
}
.side .sub-side-nav ul {
border-right: 0px;
list-style: none;
margin: -8px 0 0 0;
padding: 0;
width: 100%
}
.side .sub-side-nav ul li {
width: 100%
}
.side .sub-side-nav ul li a {
background-image: url("../Images/icon-sprite-navi.png");
background-position: right 10px;
background-repeat: no-repeat;
border-bottom: 1px solid #dedfe0;
color: #808282;
display: block;
font-size: 15px;
font-size: .9375rem;
padding: 8px 20px 8px 0px;
text-decoration: none;
text-transform: uppercase;
width: 100%
}
.side .sub-side-nav ul li a:hover {
background-position: right -76px;
color: #00297c
}
.side .sub-side-nav ul li.active a {
background-position: right -76px;
color: #00297c
}
.side .sub-side-nav ul li:last-child a {
border-bottom: 0px
}
.breadcrumb {
border-bottom: 1px solid #dedfe0;
margin-bottom: 20px;
padding-bottom: 8px;
width: 100%;
font-size: 15px;
font-size: .9375rem;
text-transform: uppercase
}
.breadcrumb .active {
color: #e2001a
}
.breadcrumb a {
color: #00297c;
text-decoration: none
}
.breadcrumb a.active {
color: #e2001a
}
.breadcrumb a:hover {
color: #808282
}
.breadcrumb a:hover:after {
color: #00297c
}
.breadcrumb a:after {
content: " | ";
margin: 0 4px 0 4px
}
.breadcrumb a:last-child {
display: none
}
.breadcrumb a:last-child:after {
content: ""
}
.breadcrumb a:nth-last-child(2):after {
content: ""
}
.breadcrumb a:nth-child(2) {
display: inline
}
.subbread {
border-bottom: 1px solid #dedfe0;
margin-bottom: 30px;
padding-bottom: 22px;
width: 100%;
font-size: 15px;
font-size: .9375rem;
text-transform: uppercase
}
.subbread .active {
color: #e2001a
}
.subbread a {
color: #808282;
line-height: 24px;
text-decoration: none
}
.subbread a.active {
color: #e2001a
}
.subbread a.active:after {
color: #808282
}
.subbread a:hover {
color: #00297c
}
.subbread a:hover:after {
color: #808282
}
.subbread a:after {
content: " | ";
margin: 0 4px 0 4px
}
.subbread a:last-child:after {
content: ""
}
.submenu
{
}
.subbread2 {
margin-bottom: 30px;
padding-bottom: 22px;
width: 100%;
font-size: 12px;
text-transform: uppercase
}
.subbread2 .active {
color: #e2001a
}
.subbread2 a {
color: #808282;
line-height: 24px;
text-decoration: none
}
.subbread2 a.active {
color: #e2001a
}
.subbread2 a.active:after {
color: #808282
}
.subbread2 a:hover {
color: #00297c
}
.subbread2 a:hover:after {
color: #808282
}
.subbread2 a:before {
content: " - ";
margin: 0 4px 0 4px
}
.subbread2 a:last-child:after {
content: ""
}
.grid-33-33-33>div {
box-sizing: border-box;
float: left;
min-height: 1px;
width: 33.33%
}
.grid-33-33-33>div:first-child {
padding: 0 6px 0 0
}
.grid-33-33-33>div:nth-child(2) {
padding: 0 6px 0 6px
}
.grid-33-33-33>div:last-child {
padding: 0 0 0 6px
}
.grid-33-66>div {
box-sizing: border-box;
float: left;
min-height: 1px
}
.grid-33-66>div:first-child {
padding: 0 6px 0 0;
width: 33.33%
}
.grid-33-66>div:last-child {
padding: 0 0 0 6px;
width: 66.66%
}
.grid-66-33>div {
box-sizing: border-box;
float: left;
min-height: 1px
}
.grid-66-33>div:first-child {
padding: 0 6px 0 0;
width: 66.66%
}
.grid-66-33>div:last-child {
padding: 0 0 0 6px;
width: 33.33%
}
.grid-50-50>div {
box-sizing: border-box;
float: left;
min-height: 1px
}
.grid-50-50>div:first-child {
padding: 0 6px 0 0;
width: 50%
}
.grid-50-50>div:last-child {
padding: 0 0 0 6px;
width: 50%
}
hr {
border: none;
border-top: 1px solid #dedfe0;
margin-bottom: 38px
}
hr.no-line {
border: none
}
hr.content-spacer {
border-top-width: 2px
}
.last-modified-date {
display: inline-block;
float: right;
margin-top: 21px;
font-size: 14px;
font-size: .875rem
}
.tooltipstered span:after {
content: 'i';
display: inline-block;
border: 1px solid #e2001a;
color: #e2001a;
margin: 0 3px;
text-decoration: none;
width: 14px;
height: 14px;
font-size: 10px;
font-size: .625rem;
line-height: 16px;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
border-radius: 7px;
text-align: center;
font-weight: bold;
margin-top: -1px;
vertical-align: top
}
.tooltipster-content a {
color: #e2001a;
text-decoration: none
}
footer {
background-color: #00297c;
background-size: 100%;
background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%,
#00529e), color-stop(100%,
#012350));
background-image: -moz-linear-gradient(left,
#00529e,
#012350);
background-image: -webkit-linear-gradient(left,
#00529e,
#012350);
background-image: linear-gradient(to right,
#00529e,
#012350);
color: #fff;
padding: 55px 0 0 0
}
footer .footer-list {
border-left: 1px solid #4d83bb;
box-sizing: border-box;
display: block;
float: left;
padding-left: 38px;
width: 325px
}
footer .footer-list:last-child {
width: 310px
}
footer .footer-list h1 {
font-size: 24px;
font-size: 1.5rem;
font-weight: 400;
margin: 0 0 10px 0;
text-transform: uppercase
}
footer .footer-list ul {
list-style: none;
padding: 0
}
footer .footer-list ul li a {
background-image: url("../Images/icon-arrow.png");
background-position: 0 5px;
background-repeat: no-repeat;
color: #fff;
display: block;
font-size: 19px;
font-size: 1.1875rem;
padding-left: 20px;
text-decoration: none
}
footer .footer-list ul li a:hover {
color: #b9b9b9
}
footer .footer-meta {
background: #fff;
font-size: 15px;
font-size: .9375rem;
margin: 60px 0 0 0;
padding: 50px 0 40px 0;
text-align: center;
width: 100%
}
footer .footer-meta ul {
list-style: none;
margin: 0;
padding: 0
}
footer .footer-meta ul li {
display: inline
}
footer .footer-meta ul li a {
color: #b9b9b9;
text-decoration: none
}
footer .footer-meta ul li a:after {
content: " | "
}
footer .footer-meta ul li a:hover {
color: #00297c
}
footer .footer-meta ul li a:hover:after {
color: #b9b9b9
}
footer .footer-meta ul li:last-child a:after {
content: ""
}
footer .footer-meta:after {
background: #014e9e;
content: "";
display: block;
float: right;
height: 20px;
margin-top: 20px;
width: 228px
}
.box {
box-sizing: border-box;
display: block;
margin-bottom: 15px;
padding: 32px 38px 32px 38px;
text-decoration: none;
width: 100%
}
.box h1 {
font-size: 24px;
font-size: 1.5rem;
font-weight: 400;
line-height: 24px;
line-height: 1.5rem;
margin: 0 0 15px 0;
text-transform: uppercase
}
.box ul {
list-style: none;
margin: 0;
padding: 0
}
.box ul li {
margin: 0 0 14px 0
}
.box ul li:last-child {
margin: 0
}
.box ul li a {
background-image: url("../Images/icon-arrow.png");
background-position: 0 4px;
background-repeat: no-repeat;
color: #fff;
display: block;
font-size: 19px;
font-size: 1.1875rem;
padding: 0 0 0 20px;
text-decoration: none;
width: 100%
}
.box ul li a:hover {
text-decoration: underline
}
.box ul li a img {
float: right;
margin-top: 5px
}
.box-grey {
background-color: #a5a9ab;
color: #fff
}
.box-lightgrey {
background-color: #f0f0f0;
color: #808282
}
.box-blue {
background-color: #00297c;
color: #fff
}
.imageteaser {
background-size: cover;
box-sizing: border-box;
color: #fff;
display: block;
margin-bottom: 15px;
padding: 170px 38px 32px 38px;
text-decoration: none;
width: 100%
}
.imageteaser>div {
background-color: rgba(0,41,124,0.8);
box-sizing: border-box;
height: 110px;
padding: 32px 38px
}
.imageteaser>div h1 {
font-size: 24px;
font-size: 1.5rem;
font-weight: 400;
line-height: 24px;
line-height: 1.5rem;
margin: 0;
text-transform: uppercase
}
.imageteaser>div h2 {
color: #e2001a;
font-size: 20px;
font-size: 1.25rem;
font-weight: 400;
line-height: 20px;
line-height: 1.25rem;
margin: 0
}
.imageteaser>div .teaser-icon {
float: right;
margin-top: 10px
}
body.companies .reference-from-global .imageteaser>div {
background: rgba(0,41,124,0.8) url(../Images/icon-global.png) no-repeat;
background-position: right 20px top 20px;
background-size: 30px 30px
}
.imageteaser:hover>div {
background-color: #00297c
}
.imageteaser.defaultbg {
background-image: url("../Images/teaser-bg.png");
background-repeat: repeat
}
.teaser:after {
background-image: url("../Images/icon-arrow.png");
background-position: 0 4px;
background-repeat: no-repeat;
content: "more";
font-size: 18px;
font-size: 1.125rem;
padding: 0 0 0 20px;
text-transform: uppercase
}
.teaser:hover:after {
text-decoration: underline
}
.teaser.box-lightgrey:after {
background-image: url("../Images/icon-arrow-grey.png")
}
.video {
box-sizing: border-box;
margin-bottom: 38px;
width: 100%
}
.video h1 {
color: #808282;
font-size: 24px;
font-size: 1.5rem;
font-weight: 400;
line-height: 24px;
line-height: 1.5rem;
margin: 0 0 20px 0;
text-transform: uppercase;
width: auto
}
.video video, .video .youtube {
margin: 0 40px 10px 0;
width: 100%
}
.video .youtube {
display: block;
height: 0;
overflow: hidden;
padding-bottom: 56.25%;
padding-top: 0px;
position: relative;
width: 100%
}
.video .youtube iframe {
height: 100%;
position: absolute;
width: 100%
}
.video p {
color: #808282;
font-family: 'FrutigerLTW01-56Italic';
font-size: 14px;
font-size: .875rem;
float: left;
margin: 0;
width: 100%
}
.home .video {
background: #e4e8ec;
padding: 30px 38px;
margin-bottom: 15px
}
.home .video h1 {
display: block;
float: left;
margin: 0 10px 0 0;
width: 190px
}
.home .video video, .home .video .youtube {
float: left;
margin: 0 40px 0 0;
width: 470px
}
.home .video p {
display: block;
float: left;
margin: 0;
width: 170px
}
.home .video .specialdouble {
float: left;
width: 49%
}
.home .video .specialdouble:first-child {
margin-right: 2%
}
.home .video .specialdouble video {
margin: 10px 0 10px 0;
width: 100%
}
.contenttable {
color: #808282;
width: 100%;
margin-bottom: 38px
}
.contenttable thead {
color: #00297c;
text-align: left
}
.contenttable thead th {
font-weight: 400;
padding: 10px 0;
vertical-align: top
}
.contenttable thead th:first-child {
padding-left: 30px
}
.contenttable tbody tr:nth-child(odd) {
background: #f0f0f0;
border-bottom: 1px solid #b9b9b9;
border-top: 1px solid #b9b9b9
}
.contenttable tbody tr td {
font-weight: 400;
padding: 10px 6px 10px 0;
vertical-align: top
}
.contenttable tbody tr td:first-child {
padding-left: 30px
}
p.bodytext {
margin: 0 0 38px 0
}
p.bodytext, .side p, .main li, table td {
font-family: 'FrutigerLTW01-55Roman', 'Arial', 'Helvetica', sans-serif;
font-size: 14px;
font-size: .875rem
}
.news-single-content p, .news-single-content ul, .news-single-content li {
font-family: 'FrutigerLTW01-57Condens', 'Arial', 'Helvetica', sans-serif;
font-size: 16px;
font-weight: 400
}
.text figure {
margin: 0
}
.text figure img {
width: 237px
}
.text figure figcaption {
font-family: 'FrutigerLTW01-56Italic';
font-size: 14px;
font-size: .875rem;
margin-top: 3px
}
.text figure.text-image-left {
float: left;
padding: 0 50px 20px 0
}
.text figure.text-image-right {
float: right;
padding: 0 0 20px 50px
}
.text a, .text a:visited, p.bodytext a, p.bodytext a:visited, .main ul a, .main ul a:visited, .main ol a, .main ol a:visited, .contenttable a, .contenttable a:visited {
color: #e2001a;
text-decoration: none
}
.text a:hover, .text a:visited:hover, p.bodytext a:hover, p.bodytext a:visited:hover, .main ul a:hover, .main ul a:visited:hover, .main ol a:hover, .main ol a:visited:hover, .contenttable a:hover, .contenttable a:visited:hover {
text-decoration: underline
}
.boximage figcaption {
color: #808282;
font-family: 'FrutigerLTW01-56Italic';
font-size: 14px;
font-size: .875rem;
margin-top: 3px
}
.full-image {
margin: 0 0 38px 0
}
.full-image figcaption {
font-family: 'FrutigerLTW01-56Italic';
font-size: 14px;
font-size: .875rem;
margin-top: 3px
}
.boximage {
margin: 0 0 15px 0;
padding: 0
}
.content .main ul {
list-style: none;
padding: 0;
margin: 0 0 0px 0
}
.content .main ul li {
margin-bottom: 8px;
padding-left: 2em;
text-indent: -.4em
}
.content .main ul li ul {
margin: 0
}
.content .main ul li:before {
content: "■";
color: #00297c;
font-size: 10px;
left: -20px;
position: relative;
top: -2px
}
.content .main ol {
counter-reset: ol-counter;
list-style: none;
padding: 0;
margin: 0 0 38px 0
}
.content .main ol li {
margin-bottom: 8px;
padding-left: 2em;
text-indent: -.7em
}
.content .main ol li:before {
content: counter(ol-counter) ".";
counter-increment: ol-counter;
color: #00297c;
left: -20px;
position: relative;
top: -2px
}
.content .main ol li ol {
border-left: 1px solid #dedfe0;
counter-reset: ol-counter-scnd;
margin: 0;
padding-left: 8px
}
.content .main ol li ol li:before {
content: counter(ol-counter) "." counter(ol-counter-scnd);
counter-increment: ol-counter-scnd
}
.content .top10 {
background: #f0f0f0;
padding: 20px 20px 0 20px;
margin-bottom: 20px;
height: 292px
}
.content .top10 h1 {
color: #808282;
font-size: 24px;
font-size: 1.5rem;
font-weight: 400;
margin: 0 0 20px 0;
text-transform: uppercase
}
.content .top10 a {
color: #e2001a;
text-decoration: none
}
.content .top10 ol {
list-style: none;
padding: 0;
margin: 0 0 0 0
}
.content .top10 ol li {
margin-bottom: 8px
}
.content .top10 ol li .top10-date {
float: right
}
.content .top10.top10-pages ol {
counter-reset: ol-counter
}
.content .top10.top10-pages ol li {
margin-left: 10px
}
.content .top10.top10-pages ol li:before {
content: counter(ol-counter) ".";
counter-increment: ol-counter;
color: #00297c;
left: -10px;
position: relative
}
.downloads {
color: #e2001a;
font-size: 18px;
font-size: 1.125rem;
margin-bottom: 38px
}
.downloads .downloads-list>div {
border-bottom: 1px solid #dedfe0;
margin: 0 0 18px 0;
padding: 0 0 18px 0;
width: 100%
}
.downloads .downloads-list>div .dl-title {
float: left
}
.downloads .downloads-list>div ul {
list-style: none;
float: right;
margin: 0;
padding: 0
}
.downloads .downloads-list>div ul li {
margin: 0 0 14px 0;
text-align: right
}
.downloads .downloads-list>div ul li:before {
content: none
}
.downloads .downloads-list>div ul li:last-child {
margin: 0
}
.downloads .downloads-list>div ul li a {
color: #808282;
font-size: 15px;
font-size: .9375rem;
text-decoration: none
}
.downloads .downloads-list>div ul li a:hover {
text-decoration: underline
}
.downloads .downloads-list>div ul li a img {
margin-left: 10px
}
.more-content-wrap .more-content {
display: none
}
.more-content-wrap>a {
background-image: url(" ../Images/icon-arrow-moredown.png ");
background-position: right 7px;
background-repeat: no-repeat;
color: #00297c;
float: right;
font-size: 20px;
font-size: 1.25rem;
margin: 20px 0 38px 0;
padding-right: 20px;
text-decoration: none;
text-transform: uppercase
}
.location {
background-image: url(" ../Images/location.jpg ");
background-position: right 25px;
background-repeat: no-repeat;
border-left: 1px solid #dedfe0;
box-sizing: border-box;
height: 510px;
padding-left: 40px;
width: 100%
}
.location h2 {
color: #808282;
font-size: 24px;
font-size: 1.5rem;
font-weight: 400;
margin-bottom: 38px;
text-transform: uppercase
}
.location .btn-default {
margin-top: 402px;
width: 265px
}
.widgets {
margin-bottom: 14px
}
.widgets>div>div {
background-color: #e4e8ec;
box-sizing: border-box;
height: 312px;
padding: 28px 34px 28px 34px
}
.widgets>div>div h1 {
color: #808282;
font-size: 24px;
font-size: 1.5rem;
font-weight: 400;
margin: 0;
text-transform: uppercase
}
.widgets>div>div .btn {
background-color: #00297c;
box-sizing: border-box;
width: 100%
}
.widgets .time-widget {
background-image: url(" ../Images/widget-time.png ");
background-size: cover
}
.widgets .time-widget h1 {
color: #fff
}
.widgets .time-widget select {
background-color: #e4e8ec;
color: #00297c;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
font-size: 20px;
font-size: 1.25rem
}
.widgets .time-widget #clock {
height: 100px;
padding-bottom: 34px;
padding-top: 56px;
width: 100%
}
.widgets .time-widget #time {
color: #fff;
font-size: 60px;
text-align: center
}
.widgets .time-widget #time span {
display: inline-block;
text-align: center;
width: 70px
}
.widgets .time-widget #time span:after {
content: ": "
}
.widgets .time-widget #time span:last-child:after {
content: none
}
.widgets .share-widget iframe {
height: 166px;
margin-top: 20px;
width: 100%
}
*:focus {
outline: none
}
fieldset {
border: none;
padding: 0;
margin: 0
}
form {
margin-bottom: 38px
}
form * {
box-sizing: border-box
}
.form-group {
margin-bottom: 24px
}
.form-group .email {
color: #e2001a
}
label {
color: #b9b9b9;
display: block
}
textarea, select, input {
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
background-color: #fff;
height: 39px;
border: 1px solid #b9b9b9;
color: #808282;
line-height: 39px;
padding: 0 10px;
width: 100%;
display: inline-block
}
textarea {
padding: 10px;
height: auto;
line-height: 150%
}
input[type=checkbox], input[type=radio] {
height: auto;
width: auto
}
input[type=checkbox]+label, input[type=radio]+label {
display: inline-block
}
textarea:focus, select:focus, input:focus {
border-color: #e2001a
}
.content input[type=checkbox], .content input[type=radio] {
display: none
}
input[type=checkbox]+label, input[type=radio]+label {
position: relative;
margin-left: 24px
}
input[type=checkbox]+label::before, input[type=radio]+label::before {
width: 16px;
height: 16px;
display: inline-block;
border: 1px solid #b9b9b9;
content: ' ';
position: absolute;
top: 0px
}
input[type=radio]+label::before {
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
left: -24px
}
input[type=radio]:checked+label::before {
border-color: #e2001a
}
input[type=radio]:checked+label::after {
position: absolute;
left: -20px;
top: 4px;
background: #e2001a;
display: inline-block;
width: 10px;
height: 10px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
content: ' '
}
input[type=checkbox]+label::before {
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
left: -24px
}
input[type=checkbox]:checked+label::before {
border-color: #e2001a;
background: #e2001a;
display: inline-block;
-moz-border-radius: 2;
-webkit-border-radius: 2;
border-radius: 2;
content: '\221A';
color: #fff;
line-height: 18px;
text-align: center
}
input[type=radio].f3-form-error+label {
background-color: #FF9F9F;
border: 1px #FF0000 solid;
color: black
}
input[type=submit], .btn {
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
font-size: 20px;
font-size: 1.25rem;
height: 39px;
line-height: 39px;
padding: 0 10px;
display: inline-block;
border: none;
color: #fff;
text-align: center;
text-decoration: none
}
input[type=submit], .btn-mail, .btn-success, .btn-default {
background-color: #00297c
}
.btn-danger {
background-color: #e2001a
}
.btn-mail {
width: 100%;
background-image: url("../Images/button-mailtool.png");
background-repeat: no-repeat;
background-position: center center
}
.btn-mail span {
margin-left: -1000em
}
.select-wrap {
position: relative;
display: inline-block;
width: 100%
}
.select-wrap::after {
position: absolute;
right: 1px;
top: 1px;
content: ' ';
display: block;
height: 37px;
width: 37px;
background-color: #fff;
background-image: url("../Images/icon-arrow-down.png");
background-repeat: no-repeat;
background-position: center center;
pointer-events: none
}
.select-wrap-multiple select {
height: 120px
}
.fileUpload {
position: relative;
overflow: hidden;
margin: 15px 0 0 0
}
.fileUpload .instructions {
margin: 5px 0 10px 0;
font-size: 14px;
font-size: .875rem
}
.fileUpload span.btn {
white-space: nowrap
}
.fileUpload input.upload {
position: absolute;
top: 0;
right: 0;
margin: 0;
padding: 0;
font-size: 20px;
cursor: pointer;
opacity: 0;
filter: alpha(opacity=0)
}
.tx-powermail>form>h3 {
display: none
}
.tx-powermail legend {
display: none
}
.content .main ul.parsley-errors-list {
margin-left: 0
}
.content .main ul.parsley-errors-list li {
padding: 0;
text-indent: 0;
color: #e2001a;
list-style-type: none
}
.content .main ul.parsley-errors-list li::before {
content: ''
}
.content .alert-danger {
border: 1px solid #e2001a;
padding: 5px
}
.content .alert-danger ul {
margin-bottom: 0px
}
.show-profile .left {
float: left;
width: 112px
}
.show-profile .left img {
height: auto;
max-width: 112px
}
.show-profile .right {
margin-left: 136px
}
.show-profile .row {
margin: 0 -4px
}
.show-profile .col-xs-4 {
width: 33.33333333%;
float: left;
padding: 0 4px
}
.show-profile label {
font-size: 15px;
font-size: .9375rem
}
.show-profile .form-group .value {
font-size: 20px;
font-size: 1.25rem
}
.show-profile .form-group .value a {
color: #00297c
}
.show-profile .form-group .value a:hover {
color: #2e4f92
}
.search-result .employee.contactUser {
background: #f0f0f0;
margin-bottom: 12px;
height: 124px;
padding: 24px 24px 0 34px;
position: relative
}
.search-result .employee.contactUser .left img {
height: auto;
max-width: 60px
}
.search-result .employee.contactUser .right {
margin-left: 95px
}
.search-result .employee.contactUser .margin {
position: absolute;
right: 24px;
top: 43px;
width: 39px;
height: 39px
}
.search-result .employee.contactUser .margin .add-to-cart {
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
background: #00297c url(../Images/button-plus.png) center center;
text-indent: -9999em;
display: block;
width: 39px;
height: 39px
}
.search-result .employee.contactUser .margin .remove-from-cart {
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
background: #e2001a url(../Images/button-minus.png) center center;
text-indent: -9999em;
display: block;
width: 39px;
height: 39px
}
.autocomplete-suggestions {
box-sizing: border-box;
padding: 0;
font-size: 15px;
font-size: .9375rem
}
.autocomplete-suggestions * {
box-sizing: border-box
}
.autocomplete-suggestions .autocomplete-suggestion {
padding: 0
}
.autocomplete-suggestions .contactUsers {
margin: 0
}
.autocomplete-suggestions .contactUsers .contactUser {
padding: 10px 0 10px 31px;
margin-bottom: 11px;
height: auto;
background: none;
cursor: pointer
}
.autocomplete-suggestions .contactUsers .contactUser:hover {
background: #f0f0f0
}
.autocomplete-selected {
background: none
}
.tx-cyz-fuin-pages * {
box-sizing: border-box
}
.contactUsers {
float: left;
margin: 0 -7px;
color: #808282;
margin-bottom: 58px;
width: 100%;
font-size: 15px;
font-size: .9375rem
}
.contactUsers h2 {
border-left: 1px solid #b9b9b9;
font-size: 24px;
font-size: 1.5rem;
font-weight: 400;
margin-bottom: 38px;
padding-left: 40px;
text-transform: uppercase;
margin-left: 7px
}
.contactUsers .contactUser-wrap {
float: left;
width: 50%;
padding: 0 7px;
margin-bottom: 14px
}
.contactUsers .contactUser {
padding: 47px 31px 0px 50px;
float: left;
background-color: #fff;
height: 175px;
width: 100%
}
.contactUsers .left {
float: left
}
.contactUsers .right {
margin-left: 100px
}
.contactUsers .name {
color: #00297c
}
.contactUsers .name a {
text-decoration: none;
font-size: 18px;
font-size: 1.125rem;
color: #00297c
}
.contactUsers .name::before {
content: '';
background-image: url("../Images/icon-sprite-navi.png");
background-position: left -35px;
background-repeat: no-repeat;
width: 8px;
height: 15px;
display: inline-block;
margin-right: 8px;
margin-left: -19px
}
.show-profile .email, .contactUser .email {
margin-top: 8px;
color: #e2001a
}
.show-profile .email a, .contactUser .email a {
color: #e2001a;
text-decoration: none
}
.show-profile .email a:hover, .contactUser .email a:hover {
color: #808282
}
.show-profile .email a:hover:after, .contactUser .email a:hover:after {
color: #00297c
}
.show-profile .email a:after, .contactUser .email a:after {
content: " | "
}
.show-profile .email a:last-child:after, .contactUser .email a:last-child:after {
content: none
}
.stage-wrap {
background-size: cover;
position: relative
}
.stage-background {
position: absolute;
width: 100%;
height: 100%;
background-size: cover;
z-index: 0
}
.stage {
position: relative;
z-index: 20
}
.stage>div.center {
clear: both;
position: relative;
z-index: 20
}
.stage>div.center:after {
content: " ";
display: block;
height: 54px;
clear: both
}
.stage .box-stage-background, .stage .csc-textpic-imagewrap {
background: #00297c;
position: absolute;
z-index: 1;
opacity: 0.6;
top: 0;
left: 0;
width: 100%;
height: 100%
}
.stage .box-stage-background figure, .stage .csc-textpic-imagewrap figure {
display: none
}
.stage div.csc-textpic .csc-textpic-imagewrap figure, .stage div.csc-textpic figure.csc-textpic-imagewrap {
display: none
}
.stage .csc-textpic-text {
position: absolute;
width: 100%;
top: 51px;
height: 261px;
z-index: 10
}
.stage .csc-textpic-text .center {
width: auto
}
.stage .csc-default {
color: #fff;
float: left;
width: 312px;
height: 312px;
margin-right: 12px;
position: relative;
overflow: hidden;
margin-top: 60px
}
.stage .csc-default:last-child, .stage .csc-default:nth-child(3) {
margin-right: 0
}
.stage .csc-default .csc-header {
position: relative;
z-index: 10;
padding: 0 37px 0 37px
}
.stage .csc-default h2 {
font-size: 24px;
font-size: 1.5rem;
font-weight: normal;
margin: 0;
line-height: 24px;
line-height: 1.5rem;
padding-top: 27px;
text-transform: uppercase
}
.stage .csc-default h2:after {
content: ".";
color: #e30613
}
.stage .csc-default h3 {
font-size: 15px;
font-size: .9375rem;
font-weight: normal;
margin: 0 37px 21px 37px
}
.stage .csc-default p {
display: none;
font-size: 15px;
font-size: .9375rem;
line-height: 24px;
line-height: 1.5rem;
margin: 0 37px 20px 37px
}
.stage .csc-default p:last-child a {
border-radius: 2px;
color: #004e9e;
display: block;
font-size: 20px;
font-size: 1.25rem;
background: #fff;
line-height: 39px;
line-height: 2.4375rem;
height: 39px;
text-align: center;
text-decoration: none;
position: absolute;
bottom: 33px;
left: 37px;
width: 75.64%
}
.stage .csc-default.active p {
display: block
}
.stage .csc-default:hover .csc-textpic-imagewrap {
opacity: 1.0;
background: #00519e;
background: -moz-linear-gradient(left,
#00519e 0%,
#002350 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%,
#00519e), color-stop(100%,
#002350));
background: -webkit-linear-gradient(left,
#00519e 0%,
#002350 100%);
background: -o-linear-gradient(left,
#00519e 0%,
#002350 100%);
background: -ms-linear-gradient(left,
#00519e 0%,
#002350 100%);
background: linear-gradient(to right,
#00519e 0%,
#002350 100%);
filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#00519e', endColorstr='#002350', GradientType=1)
}
.stage .news-latest-container {
display: none;
height: 427px;
position: relative
}
.stage .news-latest-container h2.news-headline {
color: #808282;
font-size: 30px;
font-size: 1.875rem;
line-height: 30px;
line-height: 1.875rem;
text-transform: uppercase;
font-weight: normal;
top: 0;
margin: 1px 0 0 0;
padding-top: 7px;
padding-left: 37px;
height: 55px;
position: relative
}
.stage .news-latest-container h2.news-headline:before {
content: " ";
border-left: 1px solid #b9b9b9;
display: block;
height: 16px;
width: 1px;
position: absolute;
left: 1px;
top: 16px
}
.stage.initialized .news-latest-container {
display: block
}
.stage .box-stage {
color: #fff;
float: left;
width: 312px;
height: 312px;
margin-right: 12px;
position: relative;
overflow: hidden
}
.stage .box-stage:last-child {
margin-right: 0
}
.stage .box-stage-foreground {
padding: 0 37px 0 37px;
position: relative;
height: 100%;
z-index: 10
}
.stage .box-stage-foreground h2 {
height: auto;
color: #fff;
font-size: 24px;
font-size: 1.5rem;
font-weight: normal;
margin: 0;
line-height: 24px;
line-height: 1.5rem;
padding-top: 27px;
text-transform: uppercase
}
.stage .box-stage-foreground h2:after {
content: ".";
color: #e30613
}
.stage .box-stage-foreground h3 {
color: #fff;
font-size: 15px;
font-size: .9375rem;
font-weight: normal
}
.companies .stage .box-stage .box-stage-background, .stage .box-stage:hover .box-stage-background {
opacity: 1.0;
background: #00519e;
background: -moz-linear-gradient(left,
#00519e 0%,
#002350 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%,
#00519e), color-stop(100%,
#002350));
background: -webkit-linear-gradient(left,
#00519e 0%,
#002350 100%);
background: -o-linear-gradient(left,
#00519e 0%,
#002350 100%);
background: -ms-linear-gradient(left,
#00519e 0%,
#002350 100%);
background: linear-gradient(to right,
#00519e 0%,
#002350 100%);
filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#00519e', endColorstr='#002350', GradientType=1)
}
.stage .box-news-archive .lokal-new-archive a {
cursor: pointer;
display: block;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
text-align: left;
text-indent: -9999px;
z-index: 100
}
.companies .stage .box-news-archive .lokal-new-archive a {
display: none
}
.stage .box-news-archive h3 a {
text-decoration: none;
color: white;
font-size: 20px;
font-size: 1.25rem
}
.stage .box-news-archive .global-news-archive {
display: none
}
.companies .stage .box-news-archive .global-news-archive {
display: inline-block;
position: absolute;
bottom: 25px
}
.companies .stage .box-news-archive .global-news-archive a {
line-height: 25px;
padding-right: 32px;
background: url(../Images/icon-global.png) right top no-repeat;
background-size: 25px 25px;
display: inline-block
}
.stage .news-latest-item {
color: #808282;
float: left;
font-size: 15px;
font-size: .9375rem;
width: 312px;
height: 312px;
line-height: 14px;
line-height: .875rem;
margin-right: 12px;
position: relative;
overflow: hidden
}
.stage .news-latest-item:last-child {
margin-right: 0
}
.stage .news-latest-item .news-background {
background: #fff;
position: absolute;
z-index: 1;
opacity: 0.85;
top: 0;
left: 0;
width: 100%;
height: 100%
}
.stage .news-latest-item .news-foreground {
position: relative;
z-index: 10;
padding: 28px 37px 0 37px
}
.stage .news-latest-item .news-content {
height: 202px;
overflow: hidden;
margin-bottom: 10px
}
.stage .news-latest-item .news-image {
display: block;
float: left;
width: 94px;
height: 110px;
padding-top: 3px
}
.stage .news-latest-item h3 {
clear: both;
color: #003a9e;
font-size: 24px;
font-size: 1.5rem;
line-height: 24px;
line-height: 1.5rem;
margin: 2px 0 0 0;
min-height: 72px
}
.stage .news-latest-item h3 a {
color: #003a9e;
text-decoration: none
}
.stage .news-latest-item p {
line-height: 20px;
line-height: 1.25rem;
margin-top: 0
}
.stage .news-latest-item p.news-latest-more {
margin: 0
}
.stage .news-latest-item p.news-latest-more a {
border-radius: 2px;
color: #fff;
display: block;
font-size: 20px;
font-size: 1.25rem;
background: #004e9e;
line-height: 39px;
line-height: 2.4375rem;
height: 39px;
text-align: center;
text-decoration: none
}
html {
height: 100%;
width: 100%
}
body.login {
background-image: url("../images/login-bg.jpg");
background-size: cover;
background-repeat: no-repeat;
height: 100%
}
body.login * {
box-sizing: border-box
}
body.login textarea, body.login input[type=password], body.login input[type=email], body.login input[type=text] {
background-color: transparent;
border-color: #00297c;
color: #00297c
}
body.login textarea:focus, body.login input[type=email]:focus, body.login input[type=password]:focus, body.login input[type=text]:focus {
border-color: #e2001a
}
body.login .tx-felogin-pi1>div, body.login .tx-felogin-pi1 h3 {
display: none
}
body.login .tx-powermail form, body.login .tx-felogin-pi1 form {
margin: 0
}
body.login .tx-powermail legend, body.login .tx-felogin-pi1 legend {
font-size: 24px;
font-size: 1.5rem;
color: #00297c;
margin-bottom: 20px;
text-transform: uppercase
}
body.login .tx-powermail label, body.login .tx-felogin-pi1 label {
font-size: 15px;
font-size: .9375rem;
color: rgba(0,41,124,0.6);
margin-bottom: 7px
}
body.login .tx-powermail .form-group, body.login .tx-felogin-pi1 .form-group {
margin-bottom: 25px
}
body.login .tx-powermail .form-group:nth-child(3), body.login .tx-felogin-pi1 .form-group:nth-child(3) {
margin-bottom: 31px
}
body.login .page-wrap {
display: table;
height: 100%;
text: center;
width: 312px;
margin: 0 auto
}
body.login .page-wrap .inner-wrap {
display: table-cell;
vertical-align: middle
}
body.login .page-wrap .inner-wrap>div.login-box {
background: rgba(255,255,255,0.8);
padding: 28px 18px 33px 18px;
position: relative
}
body.login .page-wrap .inner-wrap>div.login-box .logo {
position: absolute;
width: 312px;
height: 114px;
background-color: rgba(0,41,124,0.8);
left: 0px;
top: -188px
}
body.login .page-wrap .inner-wrap>div.login-box .logo img {
position: absolute;
right: 0;
top: 38px
}
body.login .page-wrap .inner-wrap>div.login-box .btn {
font-size: 20px;
font-size: 1.25rem
}
body.login .footer-wrap {
position: absolute;
bottom: 0;
background-color: white;
width: 312px;
margin: 0 auto;
left: 50%;
height: 65px;
color: #b9b9b9;
margin-left: -155px;
text-align: center;
line-height: 65px
}
body.login .footer-wrap .entry {
display: inline-block
}
body.login .footer-wrap .entry a {
text-decoration: none;
color: #898989
}
body.login a {
text-decoration: none;
color: #898989
}
body.login .footer-wrap .entry .page-title {
display: inline-block;
padding-left: 14px
}
body.login .footer-wrap .entry .page-title::after {
content: '|';
color: #b9b9b9;
padding-left: 14px
}
body.login .footer-wrap .entry:last-child .page-title::after {
content: ''
}
body.login .popup {
position: relative;
background: #FFF;
padding: 20px;
width: auto;
max-width: 500px;
margin: 20px auto
}
.udg-maps {
box-sizing: border-box
}
.udg-maps * {
box-sizing: border-box
}
.udg-maps button, .udg-maps input, .udg-maps optgroup, .udg-maps select, .udg-maps textarea {
color: inherit;
font: inherit;
margin: 0;
line-height: inherit
}
.udg-maps button {
overflow: visible
}
.udg-maps button, .udg-maps select {
text-transform: none
}
.udg-maps button, .udg-maps html input[type=button], .udg-maps input[type=reset], .udg-maps input[type=submit] {
-webkit-appearance: button;
cursor: pointer
}
.udg-maps .btn, .udg-maps .btn-danger.active, .udg-maps .btn-danger:active, .udg-maps .btn-default.active, .udg-maps .btn-default:active, .udg-maps .btn-info.active, .udg-maps .btn-info:active, .udg-maps .btn-primary.active, .udg-maps .btn-primary:active, .udg-maps .btn-warning.active, .udg-maps .btn-warning:active, .udg-maps .btn.active, .udg-maps .btn:active, .udg-maps .dropdown-menu>.disabled>a:focus, .udg-maps .dropdown-menu>.disabled>a:hover, .udg-maps .form-control, .udg-maps .navbar-toggle, .udg-maps .open>.dropdown-toggle.btn-danger, .udg-maps .open>.dropdown-toggle.btn-default, .udg-maps .open>.dropdown-toggle.btn-info, .udg-maps .open>.dropdown-toggle.btn-primary, .udg-maps .open>.dropdown-toggle.btn-warning {
background-image: none
}
.udg-maps .btn {
display: inline-block;
margin-bottom: 0;
font-weight: 400;
text-align: center;
vertical-align: middle;
-ms-touch-action: manipulation;
touch-action: manipulation;
cursor: pointer;
border: 1px solid transparent;
white-space: nowrap;
padding: 6px 12px;
font-size: 16px;
line-height: 1.5;
border-radius: 0;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.udg-maps .btn-default {
color: #333;
background-color: #fff;
border-color: #ccc
}
.udg-maps .body-bg .btn.btn-default {
-webkit-transition-duration: .3s;
transition-duration: .3s
}
.udg-maps .dropdown .btn-default.dropdown-toggle {
border: 1px solid #004e9e;
border-top: 0;
border-right: 0;
border-radius: 0;
outline-style: none;
width: 100%;
text-align: left
}
.udg-maps .dropdown {
position: relative
}
.udg-maps .dropdown.open ul.dropdown-menu {
display: block
}
.udg-maps .dropdown ul.dropdown-menu {
background-clip: padding-box;
background-color: #fff;
border-bottom-color: #1d282c;
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-style: none;
border-bottom-width: 0px;
border-image-outset: 0px;
border-image-repeat: stretch;
border-image-slice: 100%;
border-image-source: none;
border-image-width: 1;
border-left-color: #1d282c;
border-left-style: none;
border-left-width: 0px;
border-right-color: #1d282c;
border-right-style: none;
border-right-width: 0px;
border-top-color: #1d282c;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-style: none;
border-top-width: 0px;
box-shadow: rgba(0,0,0,0.17255) 0px 6px 12px 0px;
box-sizing: border-box;
color: #1d282c;
display: none;
float: none;
font-family: Roboto, Arial, sans-serif;
font-size: 16px;
font-weight: normal;
height: 130px;
left: 0px;
line-height: 24px;
list-style-image: none;
list-style-position: outside;
list-style-type: none;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 2px;
min-width: 160px;
padding-bottom: 5px;
padding-left: 0px;
padding-right: 0px;
padding-top: 5px;
position: absolute;
text-align: left;
top: 37px;
width: 260px;
z-index: 1000
}
.udg-maps .dropdown ul.dropdown-menu li {
box-sizing: border-box;
color: #1d282c;
display: list-item;
font-family: Roboto, Arial, sans-serif;
font-size: 16px;
font-weight: normal;
height: 30px;
line-height: 24px;
list-style-image: none;
list-style-position: outside;
list-style-type: none;
text-align: left;
width: 260px
}
.udg-maps .dropdown ul.dropdown-menu li a {
background-color: transparent;
box-sizing: border-box;
clear: both;
color: #2e2e2e;
display: block;
font-family: Roboto, Arial, sans-serif;
font-size: 16px;
font-weight: normal;
height: 30px;
line-height: 24px;
list-style-image: none;
list-style-position: outside;
list-style-type: none;
padding-bottom: 3px;
padding-left: 20px;
padding-right: 20px;
padding-top: 3px;
text-align: left;
text-decoration: none;
transition-duration: 0.3s;
white-space: nowrap;
width: 260px
}
.udg-maps .dropdown ul.dropdown-menu li a:hover {
background-color: #f5f5f5;
box-sizing: border-box;
clear: both;
color: #2e2e2e;
display: block;
font-family: Roboto, Arial, sans-serif;
font-size: 16px;
font-weight: normal;
height: 30px;
line-height: 24px;
list-style-image: none;
list-style-position: outside;
list-style-type: none;
outline-color: #2e2e2e;
outline-style: none;
outline-width: 0px;
padding-bottom: 3px;
padding-left: 20px;
padding-right: 20px;
padding-top: 3px;
text-align: left;
text-decoration: none;
transition-duration: 0.3s;
white-space: nowrap;
width: 260px
}
.udg-maps .container.region-layer.wrapper .region-layer.content .dropdown button.btn-default {
background-color: #FFF
}
.udg-maps .container.region-layer.wrapper {
position: relative !important;
padding-right: 0
}
.udg-maps .container.region-layer.wrapper .region-layer.content {
position: absolute;
margin-top: 40px;
background-color: #fff;
width: 300px;
min-height: 160px;
max-height: 200px;
right: 0;
padding: 20px;
margin-right: 40px
}
.udg-maps .container.region-layer.wrapper .region-layer.content h3 {
margin-bottom: 1em;
color: #00297c;
font-size: 21px;
margin-top: 0
}
.udg-maps .container.region-layer.wrapper .region-layer.content .svgicon {
float: right;
stroke: #00297c;
stroke-width: .1
}
.udg-maps .container.region-layer.wrapper .region-layer.content .svgicon-arrows_up_svg-15-15, .udg-maps .container.region-layer.wrapper .region-layer.content .svgicon-arrows_down_svg-15-15 {
width: 15px;
height: 15px
}
.udg-maps .container.region-layer.wrapper .region-layer.content .dropdown button.btn-default {
background-color: #fff
}
.udg-maps .container.region-layer.wrapper .region-layer.content .dropdown button.btn-default .svgicon {
stroke: #00297c;
stroke-width: .1;
float: right
}
.udg-maps .container.region-layer.wrapper .region-layer.content .dropdown button.btn-default .svgicon.up {
display: none
}
.udg-maps .container.region-layer.wrapper .region-layer.content .dropdown button.btn-default .title {
transition: opacity .3s
}
.udg-maps .container.region-layer.wrapper .region-layer.content .dropdown button.btn-default:hover .title, .udg-maps .container.region-layer.wrapper .region-layer.content .dropdown button.btn-default:focus .title {
transition: opacity .3;
opacity: 0.5
}
.udg-maps .container.region-layer.wrapper .region-layer.content .dropdown.open .svgicon.down {
display: none
}
.udg-maps .container.region-layer.wrapper .region-layer.content .dropdown.open .svgicon.up {
display: block !important
}
.udg-maps .container.region-layer.wrapper .region-layer.content .dropdown ul.dropdown-menu {
width: 100%;
border: none
}
.udg-maps .container.region-layer.wrapper .region-layer.content .dropdown ul.dropdown-menu a {
cursor: pointer
}
.udg-maps .container.region-layer.wrapper .marker-info-window {
position: absolute !important;
right: 0;
background-color: #fff;
padding: 0 20px 20px 20px;
top: 200px;
width: 300px;
max-height: 350px;
overflow-y: hidden;
margin-right: 40px
}
.udg-maps .container.region-layer.wrapper .marker-info-window .marker-window {
font-size: 16px;
padding-bottom: 30px
}
.udg-maps .container.region-layer.wrapper .marker-info-window .marker-window h4 {
border-top: 3px solid #00297c;
padding-top: 5px;
color: #00297c;
cursor: pointer;
user-select: none
}
.udg-maps .container.region-layer.wrapper .marker-info-window .marker-window p.address, .udg-maps .container.region-layer.wrapper .marker-info-window .marker-window p.country, .udg-maps .container.region-layer.wrapper .marker-info-window .marker-window p.phone, .udg-maps .container.region-layer.wrapper .marker-info-window .marker-window p.fax, .udg-maps .container.region-layer.wrapper .marker-info-window .marker-window p.mail {
line-height: 20px;
margin: 0
}
.udg-maps .container.region-layer.wrapper .marker-info-window .marker-window div.addressInfo {
margin-bottom: 12px
}
body:after {
content: '0';
display: none
}
@media screen and (max-width: 220px) {
.center {
box-sizing: border-box;
margin: auto;
padding: 0 12px;
width: 100%
}
header {
height: auto;
padding-bottom: 10px !important;
padding-right: 20px
}
header .logo {
float: right;
margin-right: -12px;
margin-top: 20px
}
header .meta-icons {
display: none;
clear: both;
float: none;
width: 100%
}
header .meta-icons ul {
margin: 0
}
header .main-nav {
display: none
}
header .local-branding {
display: block
}
body.companies .meta-icons .login {
display: block ;
}
body.companies .meta-icons .login.companies {
display: none
}
.meta-icons .local-branding {
display: none
}
.burger {
display: block;
padding: 20px 0 0 0
}
.burger #nav-icon {
width: 45px;
height: 42px;
position: relative;
margin: 0 0 0 0;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: .5s ease-in-out;
-moz-transition: .5s ease-in-out;
-o-transition: .5s ease-in-out;
transition: .5s ease-in-out;
cursor: pointer
}
.burger #nav-icon span {
display: block;
position: absolute;
height: 4px;
width: 100%;
background: #fff;
border-radius: 4px;
opacity: 1;
left: 0;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: .25s ease-in-out;
-moz-transition: .25s ease-in-out;
-o-transition: .25s ease-in-out;
transition: .25s ease-in-out
}
.burger #nav-icon span:nth-child(1) {
top: 0px
}
.burger #nav-icon span:nth-child(2), .burger #nav-icon span:nth-child(3) {
top: 15px
}
.burger #nav-icon span:nth-child(4) {
top: 30px
}
.burger #nav-icon.open span:nth-child(1) {
top: 15px;
width: 0%;
left: 50%
}
.burger #nav-icon.open span:nth-child(2) {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg)
}
.burger #nav-icon.open span:nth-child(3) {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg)
}
.burger #nav-icon.open span:nth-child(4) {
top: 15px;
width: 0%;
left: 50%
}
.content {
padding: 35px 0px
}
.main {
float: left;
margin-left: 0;
margin-right: 2%;
width: 60%
}
.side {
float: left;
width: 38%
}
.grid-33-33-33>div {
width: 50%
}
.grid-33-33-33>div:first-child {
padding: 0 6px 0 0
}
.grid-33-33-33>div:nth-child(2) {
padding: 0 0 0 6px
}
.grid-33-33-33>div:last-child {
padding: 0 0 0 0;
width: 100%
}
.grid-33-66>div:first-child, .grid-66-33>div:first-child {
padding: 0 6px 0 0;
width: 50%
}
.grid-33-66>div:last-child, .grid-66-33>div:last-child {
padding: 0 0 0 6px;
width: 50%
}
footer .footer-list {
padding-left: 18px;
width: 33%
}
footer .footer-list:last-child {
width: 33%
}
footer .footer-list h1 {
font-size: 18px;
font-size: 1.125rem
}
footer .footer-list ul li a {
font-size: 14px;
font-size: .875rem
}
.imageteaser {
padding: 160px 18px 18px 18px
}
.imageteaser>div {
height: 80px;
padding: 18px 18px
}
.grid-33-66>div:last-child .imageteaser, .grid-66-33>div:first-child .imageteaser {
padding: 80px 18px 18px 18px
}
.grid-33-66>div:last-child .imageteaser>div, .grid-66-33>div:first-child .imageteaser>div {
height: 160px;
padding: 18px 18px
}
body.companies .reference-from-global .imageteaser>div {
background-position: right 18px top 18px;
background-size: 24px 24px
}
.home .video, .video {
width: 100%
}
.home .video h1, .video h1 {
float: none;
margin: 0 0 20px 0;
width: auto
}
.home .video video, .home .video .youtube, .video video, .video .youtube {
float: none;
margin: 0 0px 10px 0;
width: 100% !important
}
.home .video p, .video p {
float: none;
margin: 0;
width: auto
}
.home .video {
padding: 20px 18px
}
.text figure {
width: 40%
}
.text figure img {
height: auto;
width: 100%
}
.text figure.text-image-left {
padding: 0 20px 10px 0
}
.text figure.text-image-right {
padding: 0 0 10px 20px
}
.full-image img {
height: auto;
width: 100%
}
.gallery-item-list {
margin-left: -6px;
margin-right: -6px
}
.gallery-image-inner {
position: relative
}
.gallery-image {
width: 50%;
height: auto;
padding-left: 6px;
padding-right: 6px;
margin-left: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
.gallery-image.visible-odd {
clear: both
}
.gallery-image .download-info {
display: block
}
.gallery-image .download-info .image-wrap {
display: none
}