@media only screen and (min-width: 1441px) body:not(.has-toolbar):not(.has-sidebar):not(.has-toolbar-collapsed):not(.has-sidebar-collapsed) .header-wrapper .ui.container { width: unset!important; margin-right: auto!important; margin-left: auto!important; } /* Selects the root element of the document: in the case of HTML */ :root { --layout-container-width: 1440px; --default-container-width: 940px; --narrow-container-width: 620px; } body { margin: 0; padding: 0; overflow-x: hidden; min-width: 320px; background: #fff; font-family: Arial; font-size: 18px; line-height: 1.4285em; color: #666; } body, html { height: 100%; } body.view { display: flex; } html { line-height: 1.15; box-sizing: border-box; font-size: 18px; } #footer { margin-top: 20px; } *, ::after, ::before { box-sizing: inherit; } div { display: block; } #main { display: flex; flex: 1 1; flex-direction: column; max-width: 100%; margin-left: auto; margin-right: auto; } .skiplinks-wrapper { position: absolute; top: -100%; } ui.basic.segment { background: none transparent; box-shadow: none; border: none; border-radius: 0; } .ui.basic.segment.header-wrapper { font-family: Arial, sans-serif; padding-top: 0; padding-bottom: 0; background: #fff; margin-top: 0; margin-bottom: 0; } .ui.basic.segment.header-wrapper ul.links li { display: inline-flex; } .ui.basic.segment.header-wrapper .header > * { width: 100%; } .ui.basic.segment.header-wrapper .header-top li { padding-left: 0; text-transform: initial; } .ui.basic.segment.header-wrapper .header-top ul.links { margin-top: 10px; margin-left: 80px; } .ui.basic.segment.header-wrapper .header-top ul { list-style: none; } .ui.basic.segment.header-wrapper .header-top { display: flex; justify-content: flex-end; } .ui.basic.segment.content-area { flex: 1 0 auto; padding-right: 0; padding-left: 0; } .ui.form, .ui.segment, .ui.segments { position: static!important; } .ui.segment, .ui.segments .segment { font-size: 1rem; } .ui.segment { position: relative; background: #fff; box-shadow: 0 0px 0px 0 #c7d5d8; margin: 1rem 0; padding: 1em 1em; border-radius: 0; border: 0px solid #c7d5d8; } .ui.container { width: unset !important; max-width: var(--layout-container-width) !important; margin-right: auto!important; margin-left: auto!important; } .ui.container { display: block; transition: width .3s cubic-bezier(.6,-.28,.735,.045),margin-left .3s cubic-bezier(.6,-.28,.735,.045),margin-right .3s cubic-bezier(.6,-.28,.735,.045); } .ui.basic.segment.header-wrapper .header { flex-direction: column; } .dropdown-popup .ui.popup .menu > .header, .ui.basic.segment .header { display: flex; flex-wrap: wrap; justify-content: space-between; } .logo-nav-wrapper { box-sizing: border-box; display: flex; float: none; line-height: 25.7167px; position: relative; z-index: auto; } .logo { box-sizing: border-box; display: block; float: none; line-height: 25.7167px; position: static; z-index: auto; } .navigation { height: 70px; } article, aside, footer, header, nav, section { display: block; } .navigation ul.desktop-menu { display: flex; min-height: initial; padding: 0; margin: 0; font-size: 20px; list-style: none; } .navigation .ui.secondary.pointing.menu .item { margin-right: 2rem; color: #000; font-family: var(--custom-headers-font,var(--custom-main-font, 'Frutiger LT Pro',)); font-size: 1.11111111rem; font-weight: 700; } .navigation .ui.secondary.pointing.menu .item { padding-top: 25px; padding-bottom: 15px; color: #000; font-family: var(--custom-headers-font); font-size: 24px; text-transform: initial; } .ui.secondary.pointing.menu .item { border-bottom-color: transparent; border-bottom-style: solid; border-radius: 0; align-self: flex-end; margin: 0 0 -4px; padding: .83333333em .77777778em; border-bottom-width: 4px; transition: color .1s ease; } .ui.secondary.menu .item { align-self: center; box-shadow: none; border: none; border-bottom-color: currentcolor; border-bottom-style: none; border-bottom-width: medium; padding: .77777778em .94444444em; margin: 0 .27777778em; background: 0 0; transition: color .1s ease; border-radius: .22222222rem; } .navigation .ui.secondary.pointing.menu { display: flex; justify-content: center; } .navigation .ui.secondary.pointing.menu { margin: 0; } .navigation .ui.secondary.pointing.menu, .tools .ui.secondary.pointing.menu { border: 0; margin: 0 0 0 40px; } .ui.secondary.pointing.menu { margin-left: 0; margin-right: 0; border-bottom: 4px solid #c7d5d8; } .ui.grid { margin-top: -1rem; margin-bottom: -1rem; margin-left: -.5rem; margin-right: -.5rem; } .ui.grid { display: flex; flex-direction: row; flex-wrap: wrap; align-items: stretch; padding: 0; } .ui.large.menu { font-size: .83333333rem; } .ui.secondary.menu { background: 0 0; margin-left: -.27777778em; margin-right: -.27777778em; border-radius: 0; border: none; box-shadow: none; } .ui.menu:last-child { margin-bottom: 0; } .ui.menu:first-child { margin-top: 0; } .ui.menu { font-size: 1rem; } .ui.menu { display: flex; margin: 1rem 0; font-family: var(--custom-main-font, 'Frutiger LT Pro',); background: #fff; font-weight: 400; border: 1px solid #c7d5d8; box-shadow: 0 1px 2px 0 #c7d5d8; border-radius: .22222222rem; min-height: 2.88888889em; } img.ui.image { position: relative; display: inline-block; vertical-align: middle; max-width: 100%; background-color: transparent; } h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child { margin-top: 0; } .documentFirstHeading { margin-bottom: 75px; font-size: 3.33333333rem; font-style: normal; font-weight: 700; line-height: 72px; -webkit-hyphens: auto; hyphens: auto; overflow-wrap: break-word; word-break: break-word; word-wrap: break-word; } .documentFirstHeading, .documentFirstHeading::before { border-bottom: none; } .documentFirstHeading { position: relative; border-bottom: 0px solid #b8c6c8; } h1 { font-family: Arial; } h1, h2, h3 { color: #000; } #footer .doormat { max-width: var(--layout-container-width); margin-right: auto; margin-left: auto; } footer .doormat { min-height: 400px; padding-top: 33px; background: #ececec; } footer .portal-footer .ui.container .icon-wrapper.top.logo.en { margin-top: -11px; } footer .portal-footer .ui.container .icon-wrapper.top.logo { margin-top: 8px; margin-bottom: 38px; margin-left: -10px; } .ui.basic.segment.header-wrapper .logo-nav-wrapper .logo a, footer .portal-footer .ui.container .icon-wrapper.top.logo { display: flex; align-items: flex-end; color: #000; } footer .portal-footer .ui.container .icon-wrapper.top { margin-bottom: 36px; } footer .portal-footer .ui.container .ui.grid .column { padding: 1rem; } footer .portal-footer .ui.container .ui.grid .column.center .details { display: flex; flex-direction: column; } footer .portal-footer .ui.container .ui.grid .column.center, footer .portal-footer .ui.container .ui.grid .column.right { border: none; margin-top: 50px; color: #000; font-weight: 300; } footer .doormat .text { color: #000; font-size: 1rem; } footer .doormat ul li, footer .doormat ul li { color: #000; font-size: .88888889rem; font-weight: 700; } footer .doormat ul li { padding-bottom: 15px; line-height: 15px; } footer .doormat ul { margin: 0; } footer .doormat ul { padding: 0; list-style: none; } footer .portal-footer .ui.container p, footer .portal-footer .ui.container span { color: #000; font-size: 1rem; font-weight: 300; } footer .portal-footer .ui.container p, footer .portal-footer .ui.container span { color: #000; font-size: 18px; font-weight: 400; line-height: 24px; } p:last-child { margin-bottom: 0; } p:last-child { margin-bottom: 0; } p:first-child { margin-top: 0; } .ui[class*="three column"].grid > .column:not(.row), .ui[class*="three column"].grid > .row > .column { width: 33.33333333%; } .ui.grid > .column:not(.row) { padding-top: 1rem; padding-bottom: 1rem; } .ui.grid > .column:not(.row), .ui.grid > .row > .column { position: relative; display: inline-block; width: 8.33333333%; padding-left: .5rem; padding-right: .5rem; vertical-align: top; } @media only screen and (max-width: 1600px) { .ui.container { width: 940px !important; margin-right: auto !important; margin-left: auto !important; } } a.skiplink { display: inline-block; color: #007eb1; } li.links { padding-top: 25px; padding-bottom: 15px; padding-left: 25px; padding-right: 25px; }