@-webkit-keyframes fadein {
0% {
opacity:0
}
to {
opacity:1
}
}
@keyframes fadein {
0% {
opacity:0
}
to {
opacity:1
}
}
@-webkit-keyframes fadeout {
to {
opacity:0
}
0% {
opacity:1
}
}
@keyframes fadeout {
to {
opacity:0
}
0% {
opacity:1
}
}
@-webkit-keyframes fadeinto40 {
0% {
opacity:0
}
to {
opacity:.4
}
}
@keyframes fadeinto40 {
0% {
opacity:0
}
to {
opacity:.4
}
}
@-webkit-keyframes slideIn {
0% {
transform:translateY(-100%)
}
to {
transform:translateY(0)
}
}
@keyframes slideIn {
0% {
transform:translateY(-100%)
}
to {
transform:translateY(0)
}
}
@-webkit-keyframes slideOut {
0% {
transform:translateY(0)
}
to {
transform:translateY(-100%)
}
}
@keyframes slideOut {
0% {
transform:translateY(0)
}
to {
transform:translateY(-100%)
}
}
@-webkit-keyframes shimmer {
0% {
background-position:-100rem 0
}
to {
background-position:100rem 0
}
}
@keyframes shimmer {
0% {
background-position:-100rem 0
}
to {
background-position:100rem 0
}
}
@-webkit-keyframes rotateOut {
0% {
transform:rotate(180deg)
}
to {
transform:rotate(1turn)
}
}
@keyframes rotateOut {
0% {
transform:rotate(180deg)
}
to {
transform:rotate(1turn)
}
}
@-webkit-keyframes rotateIn {
0% {
transform:rotate(0deg)
}
to {
transform:rotate(180deg)
}
}
@keyframes rotateIn {
0% {
transform:rotate(0deg)
}
to {
transform:rotate(180deg)
}
}
.sprite {
pointer-events:none;
display:inline-block;
fill:currentColor;
width:100%
}
.breadcrumb {
font-size:1.4rem;
line-height:1.5;
position:relative;
line-height:2.8rem;
width:100%
}
html:not(.webfonts--agpn-condensed-loading) .breadcrumb {
font-family:AGPNCondensed,Arial,sans-serif
}
@media (min-width:600px) {
.breadcrumb {
font-size:1.5rem;
line-height:3rem
}
}
.js .breadcrumb {
height:2.8rem;
overflow:hidden
}
@media (min-width:600px) {
.js .breadcrumb {
height:3rem
}
}
@media (min-width:992px) {
.js .breadcrumb {
overflow:visible;
height:auto
}
}
@media print {
.breadcrumb {
display:none;
visibility:hidden
}
}
.breadcrumb .sprite,
.breadcrumb svg,
.breadcrumb use {
pointer-events:none
}
.breadcrumb--empty {
display:none;
visibility:hidden
}
.js .navigation__breadcrumb .breadcrumb--empty {
display:block;
visibility:visible
}
.breadcrumb__title {
position:absolute;
border:0;
clip:rect(0 0 0 0);
width:1px;
height:1px;
margin:-1px;
padding:0;
overflow:hidden
}
.breadcrumb__title.focusable:active,
.breadcrumb__title.focusable:focus {
position:static;
clip:auto;
width:auto;
height:auto;
margin:0;
overflow:visible
}
.breadcrumb__container {
list-style-type:none;
margin:0;
padding:0
}
.js .breadcrumb__container {
height:calc(100% + 5.6rem);
padding:0 0 5.6rem;
white-space:nowrap;
overflow-y:hidden;
overflow-x:auto;
-webkit-overflow-scrolling:touch;
-ms-overflow-style:-ms-autohiding-scrollbar
}
@media (min-width:600px) {
.js .breadcrumb__container {
height:calc(100% + 6rem);
padding:0 0 6rem
}
}
.js .breadcrumb__container::-webkit-scrollbar {
display:none
}
@media (min-width:992px) {
.js .breadcrumb__container {
height:auto;
padding:0;
white-space:normal;
overflow:visible;
-webkit-overflow-scrolling:touch;
-ms-overflow-style:auto
}
.js .breadcrumb__container::-webkit-scrollbar {
display:block
}
}
.breadcrumb__item {
position:relative;
display:inline;
vertical-align:top;
padding-right:.7rem;
line-height:2
}
.js .breadcrumb__item {
display:inline-block
}
@media (min-width:992px) {
.breadcrumb__item {
display:inline-block
}
}
.navigation__breadcrumb .breadcrumb__item {
color:#fff;
fill:#fff
}
.breadcrumb__item--current,
.breadcrumb__item:last-child {
color:#767676
}
.navigation__breadcrumb .breadcrumb__item--current,
.navigation__breadcrumb .breadcrumb__item:last-child {
color:#fff;
font-weight:600
}
.breadcrumb__item:last-child {
padding-right:0
}
.breadcrumb__item--home .breadcrumb__link {
position:relative;
display:block
}
.breadcrumb__item--home .breadcrumb__link:after {
z-index:10;
top:0;
right:0;
bottom:0;
left:0;
position:absolute;
display:block;
content:"";
background:transparent
}
.breadcrumb__item--home .breadcrumb__divider {
display:none;
visibility:hidden
}
.breadcrumb__item--home .sprite {
position:relative;
top:1px;
width:1.3rem;
height:1.3rem
}
.breadcrumb__divider {
position:relative;
top:0;
left:-.1rem;
margin-right:7px;
width:9px;
height:9px;
color:#767676;
fill:#767676
}
.navigation__breadcrumb .breadcrumb__divider {
color:#fff;
fill:#fff;
opacity:.5
}
.breadcrumb__link {
color:#262626;
text-decoration:none;
transition:color .1s ease-out 0s,background .1s ease-out;
display:inline-block
}
.breadcrumb__link:link {
color:#262626
}
.breadcrumb__link:visited {
color:#262626;
text-decoration:none
}
@media print {
.breadcrumb__link {
text-decoration:underline
}
}
.breadcrumb__link:before {
display:inline-block
}
.breadcrumb__link:after,
.breadcrumb__link:before {
text-decoration:underline
}
.breadcrumb__link:after {
text-decoration:none
}
.breadcrumb__link:active,
.breadcrumb__link:hover {
color:#007ab8;
text-decoration:underline
}
.breadcrumb__link:active:before,
.breadcrumb__link:before,
.breadcrumb__link:hover:before {
text-decoration:none
}
.navigation__breadcrumb .breadcrumb__item .breadcrumb__link {
color:#fff;
text-decoration:none;
transition:color .1s ease-out 0s,background .1s ease-out
}
.navigation__breadcrumb .breadcrumb__item .breadcrumb__link:link {
color:#fff
}
.navigation__breadcrumb .breadcrumb__item .breadcrumb__link:visited {
color:#fff;
text-decoration:none
}
@media print {
.navigation__breadcrumb .breadcrumb__item .breadcrumb__link {
text-decoration:underline
}
}
.navigation__breadcrumb .breadcrumb__item .breadcrumb__link:before {
display:inline-block;
text-decoration:underline
}
.navigation__breadcrumb .breadcrumb__item .breadcrumb__link:after {
text-decoration:underline;
text-decoration:none
}
.navigation__breadcrumb .breadcrumb__item .breadcrumb__link:active,
.navigation__breadcrumb .breadcrumb__item .breadcrumb__link:hover {
color:#fff;
text-decoration:underline
}
.navigation__breadcrumb .breadcrumb__item .breadcrumb__link:active:before,
.navigation__breadcrumb .breadcrumb__item .breadcrumb__link:before,
.navigation__breadcrumb .breadcrumb__item .breadcrumb__link:hover:before {
text-decoration:none
}
.breadcrumb__scrollbutton {
z-index:-1;
position:absolute;
display:block;
top:0;
width:5rem;
height:2.8rem;
padding:0;
border:0;
outline:0;
background-color:transparent;
transition:opacity .4s ease-in-out;
opacity:0;
cursor:pointer
}
.no-js .breadcrumb__scrollbutton {
display:none;
visibility:hidden
}
@media (min-width:600px) {
.breadcrumb__scrollbutton {
height:3rem
}
}
@media (min-width:992px) {
.breadcrumb__scrollbutton {
display:none;
visibility:hidden
}
}
.breadcrumb__scrollbutton:focus .breadcrumb__scrollbutton__sprite,
.breadcrumb__scrollbutton:hover .breadcrumb__scrollbutton__sprite {
fill:#007ab8
}
.navigation__breadcrumb .breadcrumb__scrollbutton:focus .breadcrumb__scrollbutton__sprite,
.navigation__breadcrumb .breadcrumb__scrollbutton:hover .breadcrumb__scrollbutton__sprite {
fill:#fff
}
.breadcrumb__scrollbutton--visible {
z-index:20;
opacity:1
}
.breadcrumb__scrollbutton--left {
left:0;
text-align:left;
background-image:linear-gradient(90deg,#fff 75%,hsla(0,0%,100%,.001))
}
.navigation__breadcrumb .breadcrumb__scrollbutton--left {
background-image:linear-gradient(90deg,#007ab8 75%,rgba(0,122,184,.001))
}
.breadcrumb__scrollbutton--right {
right:0;
text-align:right;
background-image:linear-gradient(270deg,#fff 75%,hsla(0,0%,100%,.001))
}
.navigation__breadcrumb .breadcrumb__scrollbutton--right {
background-image:linear-gradient(270deg,#007ab8 75%,rgba(0,122,184,.001))
}
.breadcrumb__scrollbutton__sprite {
position:absolute;
top:.5em;
width:.9em;
height:.9em;
color:#767676
}
.navigation__breadcrumb .breadcrumb__scrollbutton__sprite {
color:#fff
}
.breadcrumb__scrollbutton--left__sprite {
left:0
}
.breadcrumb__scrollbutton--left__sprite svg {
transform:rotate(180deg)
}
.breadcrumb__scrollbutton--right__sprite {
right:0
}
.contentcol {
position:relative;
background:#fff;
margin:0 -1.2rem;
padding:1.2rem
}
@media (min-width:600px) {
.contentcol {
margin:0 -1.8rem;
padding:1.8rem 3.6rem
}
}
@media (min-width:992px) {
.contentcol {
margin:0;
padding:2.4rem 9.6rem
}
}
@media print {
.contentcol {
padding:0;
margin:0;
display:block;
overflow:hidden
}
}
.pagesection--pushunder+.pagesection .contentcol {
margin-top:0
}
.pagesection--pushunder .contentcol {
margin-bottom:4.8rem
}
.contentcol>:last-child:not(.contentfooter) {
margin-bottom:2.4rem
}
.contentcol__aside {
padding-top:2.4rem
}
@media (min-width:600px) {
.contentcol__aside {
font-size:1.4rem;
margin-left:1.8rem;
padding-top:3.6rem;
position:relative;
left:3.5%
}
}
@media print and (min-width:600px) {
.contentcol__aside {
font-size:1.2rem
}
}
@media (min-width:992px) {
.contentcol__aside {
margin-left:2.4rem;
padding-top:4.8rem
}
}
@media print {
.contentcol__aside {
padding-left:3rem
}
}
.contentcol__aside .box:not(:first-child),
.contentcol__aside .teaser:not(:first-child),
.contentcol__aside .teasercollection:not(:first-child),
.contentcol__aside .teaserslider:not(:first-child) {
margin-top:4.8rem
}
.contentcol__aside .contactinfo__heading,
.contentcol__aside .socialmedia__header,
.contentcol__aside .teasercollection__title {
font-size:115%;
font-weight:600;
margin:1.45em 0 0;
page-break-after:avoid
}
@media (min-width:600px) {
.contentcol__aside .contactinfo__heading,
.contentcol__aside .socialmedia__header,
.contentcol__aside .teasercollection__title {
font-size:120%
}
}
.contentcol__aside .teasercollection__further .teasercollection__more {
margin-bottom:.1em
}
.contentcol__aside .box>.h2,
.contentcol__aside .box>.h3,
.contentcol__aside .contactinfo__heading,
.contentcol__aside .socialmedia__header,
.contentcol__aside .teasercollection__title {
position:relative
}
.contentcol__aside .box>.h2:before,
.contentcol__aside .box>.h3:before,
.contentcol__aside .contactinfo__heading:before,
.contentcol__aside .socialmedia__header:before,
.contentcol__aside .teasercollection__title:before {
position:absolute;
display:block;
content:"";
height:.1rem;
width:3rem;
left:0;
top:-.45em;
background-color:#dbdbdb
}
.contentcol__aside .box--highlight>.h2:before,
.contentcol__aside .box--highlight>.h3:before,
.contentcol__aside .box--information>.h2:before,
.contentcol__aside .box--information>.h3:before,
.contentcol__aside .box--negative>.h2:before,
.contentcol__aside .box--negative>.h3:before,
.contentcol__aside .box--positive>.h2:before,
.contentcol__aside .box--positive>.h3:before {
display:none
}
.notice {
z-index:1000;
transition:height .5s cubic-bezier(.7,.3,0,1)
}
.notice__item {
z-index:1;
display:block;
position:relative;
color:#fff;
background-color:#262626
}
@media print {
.notice__item {
border:.1rem solid #262626;
background-color:transparent;
color:#262626
}
}
.notice__item+.notice__item {
border-top:.1rem solid #fff
}
.notice__item:first-child {
z-index:5
}
.notice__item:nth-child(2) {
z-index:4
}
.notice__item:nth-child(3) {
z-index:3
}
.notice__item:nth-child(4) {
z-index:2
}
.notice__item:nth-child(5) {
z-index:1
}
.notice__item h1,
.notice__item h2,
.notice__item h3 {
display:inline-block;
margin-top:0;
width:calc(100% - 8rem)
}
.notice__item--warning {
background-color:#b80d22
}
@media print {
.notice__item--warning {
background-color:transparent;
border-color:#b80d22
}
}
.notice__item--no-javascript,
.notice__item--visible {
-webkit-animation:slideIn .5s cubic-bezier(.7,.3,0,1) forwards;
animation:slideIn .5s cubic-bezier(.7,.3,0,1) forwards
}
.notice__item--dismissed {
-webkit-animation:slideOut .5s cubic-bezier(.7,.3,0,1) forwards;
animation:slideOut .5s cubic-bezier(.7,.3,0,1) forwards
}
.notice__inner {
min-width:calc(320px - 2.4rem);
max-width:1130px;
width:calc(100% - 2.4rem);
margin-right:auto;
margin-left:auto;
position:relative;
padding:2.4rem 0
}
@media (min-width:600px) {
.notice__inner {
width:calc(100% - 3.6rem)
}
}
@media (min-width:992px) {
.notice__inner {
width:calc(100% - 4.8rem)
}
}
@media print {
.notice__inner {
width:100%;
min-width:0;
margin-right:0;
margin-left:0
}
}
.notice__icon {
display:inline-block;
float:left;
position:relative;
width:3.6rem;
height:3.6rem;
margin-right:1em;
border-radius:.4rem;
background-color:#fff
}
.notice__icon .sprite {
display:block;
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
width:2.16rem;
height:2.16rem;
fill:#262626
}
.notice__item--warning .notice__icon .sprite {
fill:#b80d22
}
.notice__close {
height:auto;
border:0;
padding:0;
line-height:normal;
background:transparent;
z-index:40;
cursor:pointer;
position:absolute;
display:block;
top:1.8rem;
right:0;
color:#fff
}
.layout--is-keypressed .notice__close:focus,
.no-js .notice__close:focus {
outline:.2rem solid #fff;
outline-offset:.3rem
}
@media (min-width:992px) {
.notice__close {
top:s(box-bezel--desktop)
}
}
.notice__close .sprite {
width:1em;
height:1em
}
.notice__header {
font-size:135%;
font-weight:600;
margin:2em 0 0;
page-break-after:avoid;
color:#fff
}
@media (min-width:600px) {
.notice__header {
font-size:145%
}
}
@media print {
.notice__header {
color:#262626
}
}
.notice__content {
padding:2.4rem 0 0
}
.notice__content p {
margin:2.4rem 0 0
}
.notice__content p:first-child {
margin-top:0
}
.notice__link {
color:#fff;
text-decoration:none;
transition:color .1s ease-out 0s,background .1s ease-out;
display:inline-block;
margin:2.4rem 0 0
}
.notice__link:link {
color:#fff
}
.notice__link:visited {
color:#fff;
text-decoration:none
}
.notice__link:before {
display:inline-block
}
.notice__link:after,
.notice__link:before {
text-decoration:underline
}
.notice__link:after {
text-decoration:none
}
.notice__link:active,
.notice__link:hover {
color:#fff;
text-decoration:underline
}
.notice__link:active:before,
.notice__link:before,
.notice__link:hover:before {
text-decoration:none
}
.layout--is-keypressed .notice__link:focus,
.no-js .notice__link:focus {
outline:.2rem solid #fff;
outline-offset:.3rem
}
.notice__link .sprite {
width:.8em;
top:.3em;
margin-right:.4em
}
.notice__link .sprite svg {
width:.8em;
height:.8em
}
@media print {
.notice__link {
color:#007ab8;
text-decoration:none;
transition:color .1s ease-out 0s,background .1s ease-out
}
.notice__link:link {
color:#007ab8
}
.notice__link:visited {
color:#007ab8;
text-decoration:none
}
}
@media print {
.notice__link,
.notice__link:before {
text-decoration:underline
}
.notice__link:before {
display:inline-block
}
.notice__link:after {
text-decoration:underline;
text-decoration:none
}
.notice__link:active,
.notice__link:hover {
color:#004774;
text-decoration:underline
}
.notice__link:active:before,
.notice__link:before,
.notice__link:hover:before {
text-decoration:none
}
}
.pagetitle {
font-size:190%;
font-weight:400;
page-break-after:avoid;
line-height:1.15;
margin:1.5em 0 0
}
@media (min-width:600px) {
.pagetitle {
font-size:200%
}
}
@media (min-width:992px) {
.pagetitle {
font-size:210%
}
}
@media print {
.pagetitle {
margin-top:3rem
}
}
.backlink+.pagetitle {
margin-top:.4em
}
.pagetitle .sprite {
position:absolute;
top:0;
left:0
}
.pagetitle .sprite--usergroup {
width:1.32em;
height:1.32em;
top:-.02em
}
.pagetitle .sprite--user {
width:1em;
height:1em;
top:.12em
}
.pagetitle--user {
position:relative;
padding-left:1.25em
}
.pagetitle--usergroup {
position:relative;
padding-left:1.6em
}
.pagetitle--visuallyhidden {
position:absolute;
border:0;
clip:rect(0 0 0 0);
width:1px;
height:1px;
margin:-1px;
padding:0;
overflow:hidden
}
.pagetitle--visuallyhidden.focusable:active,
.pagetitle--visuallyhidden.focusable:focus {
position:static;
clip:auto;
width:auto;
height:auto;
margin:0;
overflow:visible
}
.pagetitle__delimiter {
position:absolute;
border:0;
clip:rect(0 0 0 0);
width:1px;
height:1px;
margin:-1px;
padding:0;
overflow:hidden
}
.pagetitle__delimiter.focusable:active,
.pagetitle__delimiter.focusable:focus {
position:static;
clip:auto;
width:auto;
height:auto;
margin:0;
overflow:visible
}
.pagetitle__subtitle {
display:block;
font-size:.7em;
margin-top:.25em
}
@media (min-width:600px) {
.pagetitle__subtitle {
font-size:.6em
}
}
.contentfooter {
margin:3em 0 0;
height:1.6em
}
@media print {
.contentfooter {
display:none;
visibility:hidden
}
}
.contentfooter__list {
margin:0;
padding-left:0;
list-style:none;
font-size:0
}
.contentfooter__item {
display:inline-block;
margin:0 1.2rem 0 0;
padding:0
}
@media (min-width:600px) {
.contentfooter__item {
margin-right:1.8rem;
margin-right:2.4rem
}
}
.contentfooter__item:last-child {
margin-right:0
}
.contentfooter__share__links {
display:inline-block;
width:1px;
height:1px;
clip:rect(0 0 0 0);
color:transparent;
overflow:hidden
}
.contentfooter__print {
display:none;
visibility:hidden
}
@media (min-width:992px) {
.contentfooter__print {
display:inline-block;
visibility:visible
}
}
.no-js .contentfooter__print {
display:none;
visibility:hidden
}
.contentfooter__link {
font-size:1.3rem;
position:relative;
font-weight:600!important;
padding:0 0 0 2em;
cursor:pointer
}
@media (min-width:992px) {
.contentfooter__link {
font-size:1.4rem
}
}
.contentfooter__link.contentfooter__link {
color:#262626;
text-decoration:none;
transition:color .1s ease-out 0s,background .1s ease-out
}
.contentfooter__link.contentfooter__link:link {
color:#262626
}
.contentfooter__link.contentfooter__link:visited {
color:#262626;
text-decoration:none
}
@media print {
.contentfooter__link.contentfooter__link {
text-decoration:underline
}
}
.contentfooter__link.contentfooter__link:before {
display:inline-block;
text-decoration:underline
}
.contentfooter__link.contentfooter__link:after {
text-decoration:underline;
text-decoration:none
}
.contentfooter__link.contentfooter__link:active,
.contentfooter__link.contentfooter__link:hover {
color:#007ab8;
text-decoration:underline
}
.contentfooter__link.contentfooter__link:active:before,
.contentfooter__link.contentfooter__link:before,
.contentfooter__link.contentfooter__link:hover:before {
text-decoration:none
}
.contentfooter__link .sprite {
height:1.4em;
width:1.4em;
position:absolute;
left:0;
top:0;
overflow:hidden;
color:#262626
}
.contentfooter__link:focus .sprite,
.contentfooter__link:hover .sprite {
color:#007ab8
}
.contentfooter__link-share {
position:relative;
border:0;
border-radius:0;
background:transparent;
padding:0 0 0 1.8em
}
.contentfooter__link-share .sprite {
top:-.15em
}
.contentfooter__link-print {
padding-left:1.9em
}
.contentfooter__link-print .sprite {
top:-.1em
}
.footer {
font-size:1.5rem;
color:#fff;
background-color:#007ab8;
position:relative;
z-index:1
}
.footer .up {
position:absolute;
top:2.4rem;
right:0
}
@media (min-width:600px) {
.footer .up {
top:3.6rem
}
}
@media (min-width:992px) {
.footer .up {
top:4.8rem
}
}
.footer__inner {
min-width:calc(320px - 2.4rem);
max-width:1130px;
width:calc(100% - 2.4rem);
margin-right:auto;
margin-left:auto;
position:relative;
padding-top:2.4rem;
padding-bottom:2.4rem
}
@media (min-width:600px) {
.footer__inner {
width:calc(100% - 3.6rem)
}
}
@media (min-width:992px) {
.footer__inner {
width:calc(100% - 4.8rem)
}
}
@media print {
.footer__inner {
width:100%;
min-width:0;
margin-right:0;
margin-left:0
}
}
@media (min-width:600px) {
.footer__inner {
padding:1.8rem 0
}
}
@media (min-width:992px) {
.footer__inner {
padding:4.8rem 0
}
}
@media print {
.footer__inner {
display:none;
visibility:hidden
}
}
.footer__logo {
text-decoration:none;
transition:color .1s ease-out 0s,background .1s ease-out;
display:inline-block;
width:128px;
height:69px;
color:#fff;
fill:#fff;
margin-bottom:0
}
.footer__logo:link {
color:#fff
}
.footer__logo:visited {
color:#fff;
text-decoration:none
}
@media print {
.footer__logo {
text-decoration:underline
}
}
.footer__logo:before {
display:inline-block
}
.footer__logo:after,
.footer__logo:before {
text-decoration:underline
}
.footer__logo:after {
text-decoration:none
}
.footer__logo:active,
.footer__logo:hover {
color:#fff;
text-decoration:underline
}
.footer__logo:active:before,
.footer__logo:before,
.footer__logo:hover:before {
text-decoration:none
}
.footer__logo:focus,
.footer__logo:hover {
color:#e5f4fc
}
@media (min-width:600px) {
.footer__logo {
display:block;
margin-bottom:0
}
}
.footer__logo-sprite {
display:block;
width:128px;
height:69px
}
.footer__row {
margin-top:2.4rem
}
@media (min-width:600px) {
.footer__row {
display:flex;
flex-wrap:wrap;
flex-direction:row
}
}
@media (min-width:992px) {
.footer__row {
flex-wrap:nowrap
}
}
.footer__section {
margin-top:1.8rem
}
@media (min-width:600px) {
.footer__section {
width:50%;
order:0;
padding-right:2.4rem
}
}
@media (min-width:992px) {
.footer__section {
width:auto
}
.footer__section:last-child {
padding-right:0
}
}
@media (min-width:992px) {
.footer__section--half {
flex:0 1 50%
}
}
@media (min-width:600px) {
.footer__section--third:nth-child(2) {
padding-right:0
}
}
@media (min-width:992px) {
.footer__section--third:nth-child(2) {
padding-right:2.4rem
}
}
@media (min-width:992px) {
.footer__section--third {
flex:0 1 33.33333%
}
}
@media (min-width:768px) {
.footer__section--quarter {
flex:0 1 50%;
flex-wrap:wrap
}
}
@media (min-width:992px) {
.footer__section--quarter {
flex:0 1 25%
}
}
@media (min-width:768px) {
.footer__section--main {
width:32%
}
}
@media (min-width:600px) {
.footer__section--frequently {
padding-right:0;
order:3
}
}
@media (min-width:768px) {
.footer__section--frequently {
padding-right:2.4rem;
order:2;
width:28%
}
}
@media (min-width:600px) {
.footer__section--departments {
padding-right:0;
order:1
}
}
@media (min-width:768px) {
.footer__section--departments {
order:3;
width:40%
}
}
@media (min-width:600px) {
.footer__section--departments {
padding-right:2.4rem
}
}
@media (min-width:600px) {
.footer__section--info {
order:2
}
}
@media (min-width:768px) {
.footer__section--info {
width:25%;
order:5
}
}
.footer__heading {
font-size:1.5rem;
font-weight:700;
border-bottom:1px solid;
margin-top:0;
padding-bottom:.4em;
display:flex;
height:3em;
align-items:flex-end
}
@media (min-width:992px) {
.footer__heading {
font-size:1.6rem
}
}
.footer__navigation {
list-style:none;
padding:0;
margin:0
}
.footer__navigation-item {
padding:.9rem 0;
border-bottom:1px solid hsla(0,0%,100%,.5);
line-height:1.35
}
.footer__navigation-item:last-child,
.footer__section--info .footer__navigation-item {
border:0
}
.footer__navigation-link {
color:#fff;
text-decoration:none;
transition:color .1s ease-out 0s,background .1s ease-out
}
.footer__navigation-link:link {
color:#fff
}
.footer__navigation-link:visited {
color:#fff;
text-decoration:none
}
@media print {
.footer__navigation-link {
text-decoration:underline
}
}
.footer__navigation-link:before {
display:inline-block;
text-decoration:underline
}
.footer__navigation-link:after {
text-decoration:underline;
text-decoration:none
}
.footer__navigation-link:active,
.footer__navigation-link:hover {
color:#fff;
text-decoration:underline
}
.footer__navigation-link:active:before,
.footer__navigation-link:before,
.footer__navigation-link:hover:before {
text-decoration:none
}
.footer__navigation-link:focus,
.footer__navigation-link:hover {
color:#e5f4fc
}
.footer__intro {
margin-top:1.2rem;
line-height:1.3
}
.footer__richtext p {
margin:.5em 0 0
}
.footer__richtext p:first-child {
margin-top:0
}
.footer__richtext .link {
color:#fff;
text-decoration:none;
transition:color .1s ease-out 0s,background .1s ease-out
}
.footer__richtext .link:link {
color:#fff
}
.footer__richtext .link:visited {
color:#fff;
text-decoration:none
}
@media print {
.footer__richtext .link {
text-decoration:underline
}
}
.footer__richtext .link:before {
display:inline-block;
text-decoration:underline
}
.footer__richtext .link:after {
text-decoration:underline;
text-decoration:none
}
.footer__richtext .link:active,
.footer__richtext .link:hover {
color:#fff;
text-decoration:underline
}
.footer__richtext .link:active:before,
.footer__richtext .link:before,
.footer__richtext .link:hover:before {
text-decoration:none
}
.footer__socialmedia {
margin:3.6rem auto 0;
padding:0
}
@media (min-width:600px) {
.footer__socialmedia {
margin-left:0;
margin-right:0
}
}
.footer__socialmedia-header,
.footer__socialmedia-linklabel {
position:absolute;
border:0;
clip:rect(0 0 0 0);
width:1px;
height:1px;
margin:-1px;
padding:0;
overflow:hidden
}
.footer__socialmedia-header.focusable:active,
.footer__socialmedia-header.focusable:focus,
.footer__socialmedia-linklabel.focusable:active,
.footer__socialmedia-linklabel.focusable:focus {
position:static;
clip:auto;
width:auto;
height:auto;
margin:0;
overflow:visible
}
.footer__socialmedia-list {
min-width:18.8rem;
margin:0;
padding:0;
list-style:none;
width:100%;
display:flex;
flex-wrap:wrap
}
.footer__socialmedia-item {
margin-right:1.2rem;
margin-bottom:1.2rem
}
@media (min-width:600px) {
.footer__socialmedia-item:last-child {
margin-right:0
}
}
.footer__socialmedia-link {
color:#fff;
text-decoration:none;
transition:color .1s ease-out 0s,background .1s ease-out;
display:inline-block;
position:relative;
width:3.92rem;
height:3.92rem;
padding-top:10%;
border-radius:20%;
color:#007ab8;
background:#fff;
transition:background .1s ease-out;
text-align:center;
vertical-align:middle
}
.footer__socialmedia-link:link {
color:#fff
}
.footer__socialmedia-link:visited {
color:#fff;
text-decoration:none
}
@media print {
.footer__socialmedia-link {
text-decoration:underline
}
}
.footer__socialmedia-link:before {
display:inline-block;
text-decoration:underline
}
.footer__socialmedia-link:after {
text-decoration:underline;
text-decoration:none
}
.footer__socialmedia-link:active,
.footer__socialmedia-link:hover {
color:#fff;
text-decoration:underline
}
.footer__socialmedia-link:active:before,
.footer__socialmedia-link:before,
.footer__socialmedia-link:hover:before {
text-decoration:none
}
@media (min-width:600px) {
.footer__socialmedia-link {
width:2.8rem;
height:2.8rem
}
}
.footer__socialmedia-link:focus,
.footer__socialmedia-link:hover {
background:#e5f4fc
}
.footer__socialmedia-link .sprite {
width:80%;
height:80%;
position:absolute;
top:10%;
right:10%;
bottom:10%;
left:10%;
overflow:hidden;
fill:#007ab8
}
.footer__socialmedia-link .sprite--facebook {
top:20%;
right:0;
bottom:0;
left:20%
}
.footer__socialmedia-link .sprite--linkedin,
.footer__socialmedia-link .sprite--twitter {
width:60%;
height:60%;
top:20%;
right:20%;
bottom:20%;
left:20%
}
.footer__socialmedia-link .sprite--xing {
width:90%;
height:90%;
top:5%;
right:5%;
bottom:5%;
left:5%
}
.footer__partners {
margin-top:3em
}
.footer__partners-heading {
font-size:1.5rem;
font-weight:600
}
@media (min-width:992px) {
.footer__partners-heading {
font-size:1.6rem
}
}
.footer__partners-list {
display:flex;
flex-direction:row;
margin:0;
padding:0
}
.footer__partners-item {
display:block;
list-style-type:none;
margin:1.2rem 0 0;
height:2em
}
.footer__partners-logo {
margin-right:2.4rem;
fill:#fff;
height:100%
}
.footer__imprint {
font-size:1.2rem;
padding:1.8rem 0;
letter-spacing:.03em;
text-align:center;
background-color:#004774;
color:#fff
}
@media (min-width:992px) {
.footer__imprint {
font-size:1.3rem
}
}
@media (min-width:600px) {
.footer__imprint {
text-align:left
}
}
@media print {
.footer__imprint {
background:none;
color:#767676
}
}
.footer__imprint-inner {
min-width:calc(320px - 2.4rem);
max-width:1130px;
width:calc(100% - 2.4rem);
margin-right:auto;
margin-left:auto
}
@media (min-width:600px) {
.footer__imprint-inner {
width:calc(100% - 3.6rem)
}
}
@media (min-width:992px) {
.footer__imprint-inner {
width:calc(100% - 4.8rem)
}
}
@media print {
.footer__imprint-inner {
width:100%;
min-width:0;
margin-right:0;
margin-left:0
}
}
@media (min-width:600px) {
.footer__imprint-inner {
display:flex;
flex-direction:row-reverse;
align-content:space-between;
padding:0
}
}
@media (min-width:992px) {
.footer__imprint-inner {
padding:0
}
}
.footer__imprint-navigation {
padding:0;
margin:0;
list-style-type:none
}
@media print {
.footer__imprint-navigation {
display:none
}
}
.footer__imprint-navigation-item {
display:inline-block;
margin-left:1.2rem
}
.footer__imprint-navigation-item:first-child {
margin-left:0
}
.footer__imprint-navigation-link {
color:#fff;
text-decoration:none;
transition:color .1s ease-out 0s,background .1s ease-out
}
.footer__imprint-navigation-link:link {
color:#fff
}
.footer__imprint-navigation-link:visited {
color:#fff;
text-decoration:none
}
@media print {
.footer__imprint-navigation-link {
text-decoration:underline
}
}
.footer__imprint-navigation-link:before {
display:inline-block;
text-decoration:underline
}
.footer__imprint-navigation-link:after {
text-decoration:underline;
text-decoration:none
}
.footer__imprint-navigation-link:active,
.footer__imprint-navigation-link:hover {
color:#fff;
text-decoration:underline
}
.footer__imprint-navigation-link:active:before,
.footer__imprint-navigation-link:before,
.footer__imprint-navigation-link:hover:before {
text-decoration:none
}
.layout--is-keypressed .footer__imprint-navigation-link:focus,
.no-js .footer__imprint-navigation-link:focus {
outline:.2rem solid #fff;
outline-offset:.3rem
}
.footer__copyright {
display:block;
color:#fff
}
.footer__imprint-navigation+.footer__copyright {
margin-top:1.8rem
}
@media (min-width:600px) {
.footer__imprint-navigation+.footer__copyright {
margin-top:0
}
}
@media (min-width:600px) {
.footer__copyright {
flex:1 0 1%;
margin-top:0
}
}
@media print {
.footer__copyright {
color:#262626;
margin-top:2rem
}
}
@-webkit-keyframes header-rollup {
0% {
transform:translateY(40%)
}
to {
transform:translateY(0)
}
}
@keyframes header-rollup {
0% {
transform:translateY(40%)
}
to {
transform:translateY(0)
}
}
.header {
z-index:50;
display:block;
position:absolute;
top:0;
right:0;
bottom:0;
left:0;
position:fixed;
bottom:auto;
height:6.5543rem;
background:#fff;
transition:height .5s cubic-bezier(0,0,.35,1);
box-shadow:0 0 2.4rem 0 rgba(38,38,38,.5);
will-change:height
}
@media (min-width:600px) {
.header {
height:9.06982rem
}
}
@media (min-width:992px) {
.header {
height:11.58533rem
}
}
@media print {
.header {
position:relative;
height:11.58533rem;
background:#fff;
box-shadow:none;
transform:none
}
}
.layout--is-menu-open .header {
box-shadow:none
}
.header--with-navigation {
height:9.8543rem
}
@media (min-width:600px) {
.header--with-navigation {
height:12.36982rem
}
}
@media (min-width:992px) {
.header--with-navigation {
height:16.38533rem
}
}
.layout--is-menu-open .header--with-navigation {
height:6.5543rem
}
@media (min-width:600px) {
.layout--is-menu-open .header--with-navigation {
height:9.06982rem
}
}
@media (min-width:992px) {
.layout--is-menu-open .header--with-navigation {
height:11.58533rem
}
}
.header--condensed,
.layout--is-menu-open .header--condensed {
overflow:hidden;
height:4.98363rem
}
@media (min-width:600px) {
.header--condensed,
.layout--is-menu-open .header--condensed {
height:5.72181rem
}
}
@media (min-width:992px) {
.header--condensed,
.layout--is-menu-open .header--condensed {
height:6.45999rem
}
}
@media print {
.header--condensed,
.layout--is-menu-open .header--condensed {
height:11.58533rem
}
}
.header__inner {
min-width:calc(320px - 2.4rem);
max-width:1130px;
width:calc(100% - 2.4rem);
margin-right:auto;
margin-left:auto;
position:relative;
padding:0;
display:flex;
justify-content:flex-end;
align-content:flex-end;
align-items:center;
height:100%;
overflow:hidden
}
@media (min-width:600px) {
.header__inner {
width:calc(100% - 3.6rem)
}
}
@media (min-width:992px) {
.header__inner {
width:calc(100% - 4.8rem)
}
}
@media print {
.header__inner {
width:100%;
min-width:0;
margin-right:0;
margin-left:0
}
}
.header--with-navigation .header__inner {
height:calc(100% - 3.3rem)
}
@media (min-width:992px) {
.header--with-navigation .header__inner {
height:calc(100% - 4.8rem)
}
}
.header--with-navigation.header--condensed .header__inner,
.layout--is-menu-open .header__inner {
height:100%
}
@media (min-width:992px) {
.header--with-navigation.header--condensed .header__inner,
.layout--is-menu-open .header__inner {
height:100%
}
}
@media (min-width:992px) {
.header__inner {
background:#fff
}
}
@media print {
.header__inner {
background:none;
box-shadow:none;
padding:2rem 0
}
}
.header__title {
position:absolute;
border:0;
clip:rect(0 0 0 0);
width:1px;
height:1px;
margin:-1px;
padding:0;
overflow:hidden
}
.header__title.focusable:active,
.header__title.focusable:focus {
position:static;
clip:auto;
width:auto;
height:auto;
margin:0;
overflow:visible
}
.header__sitenav {
position:absolute;
top:1.5rem;
left:0;
display:flex;
flex:1 1 1%;
padding:0;
list-style-type:none;
max-height:5.58533rem;
transition:top .5s cubic-bezier(0,0,.35,1)
}
@media (min-width:600px) {
.header__sitenav {
top:2.25rem
}
}
@media (min-width:992px) {
.header__sitenav {
top:3rem
}
}
@media print {
.header__sitenav {
max-height:none
}
}
.header--condensed .header__sitenav {
top:1.2rem
}
.header__logo {
position:relative;
top:-1px;
flex-grow:0;
flex-shrink:0;
margin:auto 0;
color:#262626;
fill:currentColor;
width:7rem;
height:3.5543rem;
transition:height .5s cubic-bezier(0,0,.35,1);
will-change:height
}
@media (min-width:600px) {
.header__logo {
width:9rem;
height:4.56982rem
}
}
@media (min-width:992px) {
.header__logo {
width:11rem;
height:5.58533rem
}
}
@media print {
.header__logo {
width:11rem;
height:5.58533rem
}
}
.header__logo:link,
.header__logo:visited {
color:#262626;
fill:currentColor
}
.header__logo:active,
.header__logo:hover {
color:#007ab8;
fill:currentColor
}
.header--condensed .header__logo {
overflow:hidden;
width:7rem;
height:2.58363rem
}
@media (min-width:600px) {
.header--condensed .header__logo {
width:9rem;
height:3.32181rem
}
}
@media (min-width:992px) {
.header--condensed .header__logo {
width:11rem;
height:4.05999rem
}
}
@media print {
.header--condensed .header__logo {
overflow:visible;
width:11rem;
height:5.58533rem
}
}
.header__department {
display:none;
visibility:hidden;
color:#262626;
text-decoration:none;
transition:color .1s ease-out 0s,background .1s ease-out;
position:relative;
bottom:-.15em;
font-size:.84rem;
vertical-align:bottom;
align-self:flex-end;
white-space:nowrap;
line-height:1.3;
transition:bottom .5s cubic-bezier(0,0,.35,1);
margin-left:.6rem
}
.header__department:link {
color:#262626
}
.header__department:visited {
color:#262626;
text-decoration:none
}
@media print {
.header__department {
text-decoration:underline
}
}
.header__department:before {
display:inline-block;
text-decoration:underline
}
.header__department:after {
text-decoration:underline;
text-decoration:none
}
.header__department:active,
.header__department:hover {
color:#007ab8;
text-decoration:underline
}
.header__department:active:before,
.header__department:before,
.header__department:hover:before {
text-decoration:none
}
@media (min-width:480px) {
.header__department {
display:initial;
visibility:visible
}
}
@media (min-width:600px) {
.header__department {
font-size:1.08rem;
margin-left:.9rem
}
}
@media (min-width:992px) {
.header__department {
font-size:1.32rem;
letter-spacing:0;
margin-left:1.2rem
}
}
@media print {
.header__department {
display:initial;
visibility:visible;
font-size:1.32rem;
letter-spacing:0;
margin-left:1.2rem;
text-decoration:none
}
}
.header__department:active,
.header__department:link,
.header__department:visited {
color:#262626
}
.header__department:hover {
text-decoration:none;
color:#007ab8
}
.header--condensed .header__department {
bottom:-.15em
}
.header__department-prefix {
display:block
}
.header__controls {
position:absolute;
display:flex;
top:1.17715rem;
right:-.9rem;
list-style-type:none;
justify-content:flex-end;
flex:2 1 1%;
margin:0;
padding:0;
height:4.2rem;
min-width:1%;
will-change:top;
transition:top .5s cubic-bezier(0,0,.35,1)
}
@media (min-width:480px) {
.header__controls {
max-width:calc(100% - 26rem)
}
}
@media (min-width:768px) {
.header__controls {
max-width:calc(100% - 34rem)
}
}
@media (min-width:600px) {
.header__controls {
top:2.43491rem
}
}
@media (min-width:992px) {
.header__controls {
top:5.67491rem;
max-width:calc(100% - 38rem)
}
}
@media print {
.header__controls {
display:none;
visibility:hidden
}
}
.header--condensed .header__controls {
top:.6rem
}
@media (min-width:600px) {
.header--condensed .header__controls {
top:.6rem
}
}
@media (min-width:992px) {
.header--condensed .header__controls {
top:1.2rem
}
}
.header__control {
display:inline-block;
position:relative;
margin:0;
padding:0;
height:4.2rem;
align-self:flex-end
}
.header__control:before {
position:absolute;
display:block;
content:"";
right:.9rem;
bottom:-1.2rem;
width:2.3rem;
height:2.3rem;
opacity:0;
border-top:1px solid #007ab8;
border-left:1px solid #007ab8;
background:linear-gradient(to top left,transparent 0,transparent 50%,#0074af 0,#0074af);
will-change:opacity,bottom;
transition:bottom .2s ease-out;
transform:rotate(45deg) translate(1.9rem,1.9rem)
}
@media (min-width:600px) {
.header__control:before {
transform:rotate(45deg) translate(2.8rem,2.8rem)
}
}
@media (min-width:992px) {
.header__control:before {
transform:rotate(45deg) translate(2.3rem,2.3rem)
}
}
.header--condensed .header__control:before {
transform:rotate(45deg) translate(1.4rem,1.4rem)
}
@media (min-width:600px) {
.header--condensed .header__control:before {
transform:rotate(45deg) translate(1.7rem,1.7rem)
}
}
@media (min-width:992px) {
.header--condensed .header__control:before {
transform:rotate(45deg) translate(1.9rem,1.9rem)
}
}
.header__control--active:before {
visibility:visible;
opacity:0;
bottom:0;
-webkit-animation:fadein .2s .375s forwards;
animation:fadein .2s .375s forwards
}
.header__control-link {
color:#262626;
text-decoration:none;
transition:color .1s ease-out 0s,background .1s ease-out;
display:flex;
width:100%;
position:relative;
padding:0 3.05rem 0 1.8rem;
border:0;
min-width:4.2rem;
min-height:4.2rem;
font-size:1.6rem;
font-weight:400;
line-height:3.8rem;
background-color:transparent;
cursor:pointer;
white-space:nowrap
}
.header__control-link:link {
color:#262626
}
.header__control-link:visited {
color:#262626;
text-decoration:none
}
@media print {
.header__control-link {
text-decoration:underline
}
}
.header__control-link:before {
display:inline-block;
text-decoration:underline
}
.header__control-link:after {
text-decoration:underline;
text-decoration:none
}
.header__control-link:active,
.header__control-link:hover {
color:#007ab8;
text-decoration:underline
}
.header__control-link:active:before,
.header__control-link:before,
.header__control-link:hover:before {
text-decoration:none
}
.layout--is-keypressed .header__control-link:focus,
.no-js .header__control-link:focus {
outline:.2rem solid #262626;
outline-offset:.3rem
}
.header__control-link:focus,
.header__control-link:hover {
text-decoration:none;
outline:none
}
.header__control-link:hover .menu__icon-line-bottom,
.header__control-link:hover .menu__icon-line-top {
background-color:#007ab8
}
.header__control-link:hover .header__icon-sprite path {
fill:#007ab8
}
@media (min-width:768px) {
.header__control-link {
font-size:1.8rem
}
}
@media (min-width:992px) {
.header__control-link {
font-size:1.9rem
}
}
.header__control-label {
display:block;
margin-right:.6rem;
transform:translateY(.1rem)
}
@media (min-width:768px) {
.header__control-label {
transform:none
}
}
@media not all and (min-resolution:0.001dpcm) {
@supports (-webkit-appearance:none) {
.header__control-label {
transform:translateY(-.15rem)
}
}
}
.header__control-screenreader {
position:absolute;
border:0;
clip:rect(0 0 0 0);
width:1px;
height:1px;
margin:-1px;
padding:0;
overflow:hidden
}
.header__control-screenreader.focusable:active,
.header__control-screenreader.focusable:focus {
position:static;
clip:auto;
width:auto;
height:auto;
margin:0;
overflow:visible
}
.header__icon {
position:absolute;
top:50%;
transform:translateY(-50%);
display:block;
width:2rem;
height:2rem
}
.header__icon .header__icon-sprite {
position:absolute;
top:0;
bottom:0;
left:0
}
.header__icon .header__icon-sprite svg {
position:absolute;
left:0;
top:0
}
.header__icon .header__icon--close {
position:absolute;
left:0;
height:100%;
width:100%
}
.header__icon .menu__icon-line-bottom,
.header__icon .menu__icon-line-top {
display:block;
width:100%;
height:2px;
background-color:#262626;
opacity:0
}
.header__icon--nav-open .header__icon {
transform-origin:center center
}
.header__icon--nav-open .header__icon .header__icon--close {
-webkit-animation:fadein .3s,rotateIn .3s;
animation:fadein .3s,rotateIn .3s
}
.header__icon--nav-open .header__icon .header__icon-sprite {
-webkit-animation:fadeout .3s,rotateIn .3s;
animation:fadeout .3s,rotateIn .3s;
opacity:0
}
.header__icon--nav-open .header__icon .menu__icon-line-bottom,
.header__icon--nav-open .header__icon .menu__icon-line-top {
opacity:1
}
.header__icon--nav-open .header__icon .menu__icon-line-top {
transform:rotate(45deg) translate(6.5px,6px)
}
.header__icon--nav-open .header__icon .menu__icon-line-bottom {
transform:rotate(-45deg) translate(-4.5px,5px)
}
.header__icon--nav-closed .header__icon {
transform-origin:center center
}
.header__icon--nav-closed .header__icon .header__icon--close {
-webkit-animation:fadeout .3s,rotateOut .3s;
animation:fadeout .3s,rotateOut .3s
}
.header__icon--nav-closed .header__icon .header__icon-sprite {
-webkit-animation:fadein .3s,rotateOut .3s;
animation:fadein .3s,rotateOut .3s
}
.header__qrcode {
display:none;
visibility:hidden;
position:absolute;
top:0;
right:0;
width:25%
}
@media print {
.header__qrcode {
display:block;
visibility:visible;
top:1.5rem
}
}
.header__navigation {
min-width:calc(320px - 2.4rem);
max-width:1130px;
width:calc(100% - 2.4rem);
margin-right:auto;
margin-left:auto;
position:relative;
height:3.3rem;
bottom:0;
overflow:hidden;
opacity:0;
-webkit-animation:fadein .25s ease-out .375s forwards;
animation:fadein .25s ease-out .375s forwards
}
@media (min-width:600px) {
.header__navigation {
width:calc(100% - 3.6rem)
}
}
@media (min-width:992px) {
.header__navigation {
width:calc(100% - 4.8rem)
}
}
@media print {
.header__navigation {
width:100%;
min-width:0;
margin-right:0;
margin-left:0
}
}
@media (min-width:992px) {
.header__navigation {
height:4.8rem
}
}
@media print {
.header__navigation {
display:none;
visibility:hidden
}
}
.header--condensed .header__navigation,
.layout--is-menu-open .header__navigation {
-webkit-animation:none;
animation:none;
bottom:-3.3rem;
height:0
}
@media print {
.header--condensed .header__navigation,
.layout--is-menu-open .header__navigation {
display:none;
visibility:hidden
}
}
@media not all and (min-resolution:0.001dpcm) {
@supports (-webkit-appearance:none) {
.header__navigation {
top:1px
}
}
}
.header__navigation-list {
display:block;
list-style:none;
border-top:1px solid hsla(0,0%,56.9%,.2);
margin:0;
height:calc(100% + 6.6rem);
padding:0 0 6.6rem;
white-space:nowrap;
overflow-y:hidden;
overflow-x:auto;
-webkit-overflow-scrolling:touch;
-ms-overflow-style:-ms-autohiding-scrollbar
}
@media (min-width:992px) {
.header__navigation-list {
height:calc(100% + 9.6rem);
padding:0 0 9.6rem
}
}
.header__navigation-list::-webkit-scrollbar {
display:none
}
.header__navigation-item {
display:inline-block;
padding-left:1.5rem
}
@media (min-width:600px) {
.header__navigation-item {
padding-left:2rem
}
}
@media (min-width:992px) {
.header__navigation-item {
padding-left:2.6rem
}
}
.header__navigation-item:first-child {
padding-left:0
}
.header__navigation-link {
position:relative;
display:block;
padding:0;
height:3.3rem;
line-height:2.97rem;
font-size:1.5rem;
color:#262626
}
html:not(.webfonts--agpn-condensed-loading) .header__navigation-link {
font-family:AGPNCondensed,Arial,sans-serif
}
.header__navigation-link[aria-current=page] {
color:#007ab8
}
.header__navigation-link[aria-current=page]:after {
position:absolute;
display:block;
content:"";
bottom:0;
left:0;
right:0;
height:.3rem;
background:#007ab8
}
.header__navigation-link:focus,
.header__navigation-link:hover {
color:#007ab8
}
@media (min-width:992px) {
.header__navigation-link {
height:4.8rem;
line-height:4.464rem;
font-size:1.6rem
}
}
.header__navigation-scrollbutton {
z-index:-1;
display:flex;
position:absolute;
align-content:flex-start;
align-items:center;
opacity:0;
top:.1rem;
border:0;
padding:0;
margin:0;
width:5rem;
height:calc(100% - .1rem);
background-color:transparent;
transition:opacity .4s ease-in-out;
cursor:pointer
}
.header__navigation-scrollbutton:focus,
.header__navigation-scrollbutton:hover {
color:#007ab8
}
.header__navigation-scrollbutton:focus .header__navigation-scrollbutton-icon,
.header__navigation-scrollbutton:hover .header__navigation-scrollbutton-icon {
fill:#007ab8
}
.header__navigation-scrollbutton--visible {
z-index:20;
opacity:1
}
.header__navigation-scrollbutton--left {
justify-content:flex-start;
left:0;
background-image:linear-gradient(90deg,#fff 75%,hsla(0,0%,100%,.001))
}
.navigation__breadcrumb .header__navigation-scrollbutton--left {
background-image:linear-gradient(90deg,#007ab8 75%,rgba(0,122,184,.001))
}
.header__navigation-scrollbutton--right {
justify-content:flex-end;
right:0;
background-image:linear-gradient(270deg,#fff 75%,hsla(0,0%,100%,.001))
}
.navigation__breadcrumb .header__navigation-scrollbutton--right {
background-image:linear-gradient(270deg,#007ab8 75%,rgba(0,122,184,.001))
}
.header__navigation-scrollbutton-icon {
display:inline-block;
width:.9em;
height:.9em;
fill:#767676
}
.header__navigation-scrollbutton-icon svg {
display:block
}
.header__navigation-scrollbutton--left .header__navigation-scrollbutton-icon {
transform:rotate(180deg)
}
.header__control--userinfo {
min-width:1%;
position:relative
}
.header__control-link--userinfo {
padding-right:3.1rem
}
.header__control-label--userinfo {
overflow:hidden;
text-overflow:ellipsis
}
@media (max-width:767px) {
.header__control-label--userinfo {
position:absolute;
border:0;
clip:rect(0 0 0 0);
width:1px;
height:1px;
margin:-1px;
padding:0;
overflow:hidden
}
.header__control-label--userinfo.focusable:active,
.header__control-label--userinfo.focusable:focus {
position:static;
clip:auto;
width:auto;
height:auto;
margin:0;
overflow:visible
}
}
.layout--is-just-logged-in .header__control-label--userinfo {
position:relative;
opacity:0;
-webkit-animation:header-rollup .5s ease-out 1s forwards,fadein 1s ease-out 1s forwards;
animation:header-rollup .5s ease-out 1s forwards,fadein 1s ease-out 1s forwards
}
.layout--is-just-logged-in .header__control-label--userinfo :before {
opacity:0;
-webkit-animation:fadein .5s ease-out .5s forwards;
animation:fadein .5s ease-out .5s forwards
}
@media (max-width:599px) {
.header__control-label--search {
position:absolute;
border:0;
clip:rect(0 0 0 0);
width:1px;
height:1px;
margin:-1px;
padding:0;
overflow:hidden
}
.header__control-label--search.focusable:active,
.header__control-label--search.focusable:focus {
position:static;
clip:auto;
width:auto;
height:auto;
margin:0;
overflow:visible
}
}
.header__icon .header__icon-menu,
.header__icon .header__icon-search {
top:-1px
}
.no-js .header__control--menu:before {
visibility:visible;
opacity:0;
bottom:0;
-webkit-animation:fadein .2s .375s forwards;
animation:fadein .2s .375s forwards
}
.no-js .header__control-link--menu {
cursor:auto
}
.header__control-label--menu {
font-weight:600
}
.headerminimal__inner {
padding-top:2.4rem;
padding-bottom:2.4rem
}
@media (min-width:600px) {
.headerminimal__inner {
padding-top:3.6rem;
padding-bottom:3.6rem
}
}
@media (min-width:992px) {
.headerminimal__inner {
padding-top:6rem;
padding-bottom:4.8rem
}
}
.headerminimal__title {
position:absolute;
border:0;
clip:rect(0 0 0 0);
width:1px;
height:1px;
margin:-1px;
padding:0;
overflow:hidden
}
.headerminimal__title.focusable:active,
.headerminimal__title.focusable:focus {
position:static;
clip:auto;
width:auto;
height:auto;
margin:0;
overflow:visible
}
.headerminimal__logo {
display:block;
margin:0 auto;
width:7.4rem;
height:3.7574rem;
color:#262626;
transition:color .1s ease-out,opacity .1s ease-out;
fill:currentColor
}
@media (min-width:480px) {
.headerminimal__logo {
width:7.4rem;
height:3.7574rem
}
}
@media (min-width:600px) {
.headerminimal__logo {
width:10rem;
height:5.07757rem
}
}
@media (min-width:992px) {
.headerminimal__logo {
width:12.4rem;
height:6.29619rem
}
}
@media print {
.headerminimal__logo {
width:12.4rem;
height:6.29619rem
}
}
.headerminimal__logo:link,
.headerminimal__logo:visited {
color:#262626;
fill:currentColor
}
@media screen and (-ms-high-contrast:black-on-white) {
.headerminimal__logo:link,
.headerminimal__logo:visited {
color:#262626
}
}
@media screen and (-ms-high-contrast:white-on-black) {
.headerminimal__logo:link,
.headerminimal__logo:visited {
color:#fff
}
}
.headerminimal__logo:active,
.headerminimal__logo:hover {
color:#007ab8;
fill:currentColor
}
@media screen and (-ms-high-contrast:black-on-white) {
.headerminimal__logo:active,
.headerminimal__logo:hover {
color:#262626
}
}
@media screen and (-ms-high-contrast:white-on-black) {
.headerminimal__logo:active,
.headerminimal__logo:hover {
color:#fff
}
}
@media print {
.labels {
display:none;
visibility:hidden
}
}
.breadcrumb+.labels {
margin-top:.75em
}
.labels:first-child {
margin-top:0
}
.labels__title {
position:absolute;
border:0;
clip:rect(0 0 0 0);
width:1px;
height:1px;
margin:-1px;
padding:0;
overflow:hidden
}
.labels__title.focusable:active,
.labels__title.focusable:focus {
position:static;
clip:auto;
width:auto;
height:auto;
margin:0;
overflow:visible
}
.labels__list {
margin:-.6rem 0 0;
padding:0;
list-style-type:none;
font-size:0
}
.labels__item {
font-size:1.3rem;
font-weight:600;
display:inline-block;
margin:.6rem .8rem 0 0
}
@media (min-width:992px) {
.labels__item {
font-size:1.4rem
}
}
.labels__item:last-child {
margin-left:0
}
.labels__label,
.labels__labellink {
display:inline-block;
background-color:#007ab8;
border-radius:.2rem
}
.labels__labellink {
transition:background-color .1s ease-out
}
.labels__labellink:active,
.labels__labellink:hover {
background-color:#0496df
}
.labels__labeltext {
display:inline-block;
padding:.26em .4em .2em;
color:#fff
}
.languagenav {
margin-top:.3rem;
font-size:0;
color:#767676
}
.languagenav__title {
font-size:1.2rem;
display:inline;
font-weight:400
}
@media (min-width:992px) {
.languagenav__title {
font-size:1.3rem
}
}
.languagenav__items {
font-size:1.2rem;
padding:0;
margin:0 0 0 .3em;
display:inline
}
@media (min-width:992px) {
.languagenav__items {
font-size:1.3rem
}
}
.languagenav__item {
display:inline
}
.languagenav__item:after {
display:inline;
content:", "
}
.languagenav__item:last-child:after {
content:""
}
.languagenav__link {
color:#007ab8;
text-decoration:none;
transition:color .1s ease-out 0s,background .1s ease-out
}
.languagenav__link:link {
color:#007ab8
}
.languagenav__link:visited {
color:#007ab8;
text-decoration:none
}
@media print {
.languagenav__link {
text-decoration:underline
}
}
.languagenav__link:before {
display:inline-block;
text-decoration:underline
}
.languagenav__link:after {
text-decoration:underline;
text-decoration:none
}
.languagenav__link:active,
.languagenav__link:hover {
color:#004774;
text-decoration:underline
}
.languagenav__link:active:before,
.languagenav__link:before,
.languagenav__link:hover:before {
text-decoration:none
}
.menu {
z-index:40;
display:block;
position:absolute;
top:0;
right:0;
bottom:0;
left:0;
background:#007ab8;
position:fixed;
width:100vw;
overflow:hidden;
pointer-events:none;
visibility:hidden;
will-change:opacity;
transition:opacity .2s linear;
opacity:0
}
.no-js .menu {
display:block;
position:relative;
margin:-2rem auto 0;
min-height:10rem;
visibility:visible;
opacity:1;
pointer-events:auto
}
@media (min-width:992px) {
.menu:after,
.menu:before {
position:absolute;
display:block;
content:"";
width:calc(50% - 565px);
top:0;
bottom:0;
z-index:-1
}
.menu:before {
left:0;
background:linear-gradient(270deg,rgba(0,122,184,.001) 0,#008bd2)
}
.menu:after {
right:0;
background:linear-gradient(90deg,rgba(0,122,184,.001) 0,#008bd2)
}
}
@media only screen and (min-width:992px) and (min-width:1360px) {
.menu:after,
.menu:before {
width:calc(50% - 680px)
}
}
@media print {
.menu {
display:none;
visibility:hidden
}
}
.menu--open {
pointer-events:auto;
opacity:1
}
.menu--open,
.menu--transitioning {
visibility:visible
}
.menu__screenreader,
.menu__title {
position:absolute;
border:0;
clip:rect(0 0 0 0);
width:1px;
height:1px;
margin:-1px;
padding:0;
overflow:hidden
}
.menu__screenreader.focusable:active,
.menu__screenreader.focusable:focus,
.menu__title.focusable:active,
.menu__title.focusable:focus {
position:static;
clip:auto;
width:auto;
height:auto;
margin:0;
overflow:visible
}
.menu__navigation {
transform:translate3d(0,5rem,0);
transition:transform .5s cubic-bezier(.08,.4,.5,1),opacity .5s cubic-bezier(.5,0,.85,.75);
opacity:0;
visibility:hidden;
height:0
}
.menu--menu-navigation-enabled .menu__navigation {
transform:none;
visibility:visible;
overflow-y:auto;
overflow-x:hidden;
-webkit-overflow-scrolling:touch;
-ms-overflow-style:auto;
height:calc(100vh - 95px)
}
.menu--menu-navigation-enabled .menu__navigation.menu__wrapper-parent--compensated-width {
opacity:1
}
@media (min-width:600px) {
.menu--menu-navigation-enabled .menu__navigation {
height:calc(100vh - 115px)
}
}
@media (min-width:768px) {
.menu--menu-navigation-enabled .menu__navigation {
height:calc(100vh - 130px)
}
}
@media (min-width:992px) {
.menu--menu-navigation-enabled .menu__navigation {
height:calc(100vh - 165px)
}
}
.menu__search {
transform:translate3d(0,5rem,0);
transition:transform .5s cubic-bezier(.08,.4,.5,1),opacity .5s cubic-bezier(.5,0,.85,.75);
opacity:0;
visibility:hidden;
height:0
}
.menu--menu-search-enabled .menu__search {
transform:none;
visibility:visible;
overflow-y:auto;
overflow-x:hidden;
-webkit-overflow-scrolling:touch;
-ms-overflow-style:auto;
height:calc(100vh - 95px)
}
.menu--menu-search-enabled .menu__search.menu__wrapper-parent--compensated-width {
opacity:1
}
@media (min-width:600px) {
.menu--menu-search-enabled .menu__search {
height:calc(100vh - 115px)
}
}
@media (min-width:768px) {
.menu--menu-search-enabled .menu__search {
height:calc(100vh - 130px)
}
}
@media (min-width:992px) {
.menu--menu-search-enabled .menu__search {
height:calc(100vh - 165px)
}
}
.menu__userinfo {
transform:translate3d(0,5rem,0);
transition:transform .5s cubic-bezier(.08,.4,.5,1),opacity .5s cubic-bezier(.5,0,.85,.75);
opacity:0;
visibility:hidden;
height:0
}
.menu--menu-userinfo-enabled .menu__userinfo {
transform:none;
visibility:visible;
overflow-y:auto;
overflow-x:hidden;
-webkit-overflow-scrolling:touch;
-ms-overflow-style:auto;
height:calc(100vh - 95px)
}
.menu--menu-userinfo-enabled .menu__userinfo.menu__wrapper-parent--compensated-width {
opacity:1
}
@media (min-width:600px) {
.menu--menu-userinfo-enabled .menu__userinfo {
height:calc(100vh - 115px)
}
}
@media (min-width:768px) {
.menu--menu-userinfo-enabled .menu__userinfo {
height:calc(100vh - 130px)
}
}
@media (min-width:992px) {
.menu--menu-userinfo-enabled .menu__userinfo {
height:calc(100vh - 165px)
}
}
.menu__wrapper {
min-width:calc(320px - 2.4rem);
max-width:1130px;
width:calc(100% - 2.4rem);
margin-right:auto;
margin-left:auto;
color:#fff;
padding:3rem 0 0
}
@media (min-width:600px) {
.menu__wrapper {
width:calc(100% - 3.6rem)
}
}
@media (min-width:992px) {
.menu__wrapper {
width:calc(100% - 4.8rem)
}
}
@media print {
.menu__wrapper {
width:100%;
min-width:0;
margin-right:0;
margin-left:0
}
}
.menu__wrapper--search,
.menu__wrapper--userinfo {
padding-top:5rem
}
@media (min-width:600px) {
.menu__wrapper--search,
.menu__wrapper--userinfo {
padding-top:6rem;
padding-left:1.8rem;
padding-right:1.8rem
}
}
@media (min-width:768px) {
.menu__wrapper--search,
.menu__wrapper--userinfo {
padding-top:6rem;
padding-left:2.4rem;
padding-right:2.4rem
}
}
@media (min-width:992px) {
.menu__wrapper--search,
.menu__wrapper--userinfo {
padding-top:8rem;
padding-left:9.6rem;
padding-right:9.6rem
}
}
.menu__button.menu__button {
font-weight:700;
height:3.6rem;
line-height:3.6rem;
padding:0 2.7rem;
width:auto;
margin:1.2rem 0;
color:#007ab8;
background:#fff;
border:1px solid #fff
}
@media (min-width:600px) {
.menu__button.menu__button {
padding:0 3.6rem;
height:4.8rem;
line-height:4.8rem
}
}
.menu__button.menu__button:focus,
.menu__button.menu__button:hover {
color:#fff;
border:1px solid #fff;
background:#007ab8
}
@media (max-width:599px) {
.menu__button.menu__button .sprite {
margin-right:0
}
}
.menu__button--inverted,
.menu__button--inverted.button,
.menu__button--inverted.form__fileinput__labeltext {
color:#fff;
border:1px solid #fff;
background:#007ab8
}
.menu__button--inverted.button:focus,
.menu__button--inverted.button:hover,
.menu__button--inverted.form__fileinput__labeltext:focus,
.menu__button--inverted.form__fileinput__labeltext:hover,
.menu__button--inverted:focus,
.menu__button--inverted:hover {
color:#007ab8;
background:#fff;
border:1px solid #fff
}
.menu__search-form {
width:100%;
display:flex;
justify-content:center;
align-items:center;
text-align:center;
margin:0 auto
}
.menu__search-input {
width:100%;
background-color:#fff;
border:1px solid #fff;
border-radius:0;
height:3.6rem;
margin-right:.6rem;
line-height:3.6rem;
padding:0 1.2rem;
box-shadow:none;
page-break-inside:avoid
}
.menu__search-input:focus {
box-shadow:0 0 .4rem 0 rgba(38,38,38,.3)
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
.menu__search-input {
font-size:1.6rem
}
}
@media (min-width:600px) {
.menu__search-input {
height:4.8rem;
line-height:4.8rem
}
}
.menu__search-button-label,
.menu__search-button-label.button__label {
display:none;
visibility:hidden
}
@media (min-width:600px) {
.menu__search-button-label,
.menu__search-button-label.button__label {
display:inline-block;
visibility:visible
}
}
.menu__userinfo-overview {
padding-bottom:2.4rem;
text-align:center;
margin-top:-3rem
}
.menu__userinfo-intro {
display:block;
margin-left:auto;
margin-right:auto;
padding-bottom:2.4rem
}
@media (min-width:480px) {
.menu__userinfo-intro {
max-width:80%
}
}
@media (min-width:600px) {
.menu__userinfo-intro {
max-width:60%
}
}
@media (min-width:992px) {
.menu__userinfo-intro {
max-width:50%
}
}
.menu__userinfo-intro .button,
.menu__userinfo-intro .form__fileinput__labeltext {
width:100%
}
.menu__userinfo-introtext {
margin:2em 0
}
.menu__userinfo-user {
font-size:135%;
font-weight:600;
page-break-after:avoid;
line-height:1.2;
margin:0
}
@media (min-width:600px) {
.menu__userinfo-user {
font-size:145%
}
}
@media (min-width:992px) {
.menu__userinfo-user {
font-size:190%;
font-weight:400;
page-break-after:avoid;
line-height:1.15
}
}
@media (min-width:992px) and (min-width:600px) {
.menu__userinfo-user {
font-size:200%
}
}
@media (min-width:992px) and (min-width:992px) {
.menu__userinfo-user {
font-size:210%
}
}
.menu__userinfo-headline {
font-size:1.3rem;
line-height:1.5;
display:block;
margin-bottom:1.2rem
}
html:not(.webfonts--agpn-condensed-loading) .menu__userinfo-headline {
font-family:AGPNCondensed,Arial,sans-serif
}
@media (min-width:600px) {
.menu__userinfo-headline {
font-size:1.4rem
}
}
@media (min-width:992px) {
.menu__userinfo-headline {
font-size:1.5rem
}
}
.menu__userinfo-headline:after {
content:":"
}
@media (min-width:992px) {
.menu__userinfo-headline {
font-size:1.5rem;
font-family:Arial,sans-serif;
font-weight:400;
font-style:normal;
line-height:1.5
}
html:not(.webfonts--agpn-loading) .menu__userinfo-headline {
font-family:AGPN,Arial,sans-serif
}
}
@media (min-width:992px) and (min-width:600px) {
.menu__userinfo-headline {
font-size:1.6rem
}
}
@media (min-width:992px) and (min-width:992px) {
.menu__userinfo-headline {
font-size:1.8rem
}
}
.menu__userinfo-register {
font-size:1.3rem;
line-height:1.5;
margin-top:0;
color:#fff
}
html:not(.webfonts--agpn-condensed-loading) .menu__userinfo-register {
font-family:AGPNCondensed,Arial,sans-serif
}
@media (min-width:600px) {
.menu__userinfo-register {
font-size:1.4rem
}
}
@media (min-width:992px) {
.menu__userinfo-register {
font-size:1.5rem
}
}
.menu__userinfo-register-link {
color:#fff;
text-decoration:none;
transition:color .1s ease-out 0s,background .1s ease-out;
text-decoration:underline
}
.menu__userinfo-register-link:link {
color:#fff
}
.menu__userinfo-register-link:visited {
color:#fff;
text-decoration:none
}
@media print {
.menu__userinfo-register-link {
text-decoration:underline
}
}
.menu__userinfo-register-link:before {
display:inline-block;
text-decoration:underline
}
.menu__userinfo-register-link:after {
text-decoration:underline;
text-decoration:none
}
.menu__userinfo-register-link:active,
.menu__userinfo-register-link:hover {
color:#fff;
text-decoration:underline
}
.menu__userinfo-register-link:active:before,
.menu__userinfo-register-link:before,
.menu__userinfo-register-link:focus,
.menu__userinfo-register-link:hover,
.menu__userinfo-register-link:hover:before {
text-decoration:none
}
.menu__userinfo-navigation {
margin:2.4rem 0
}
@media (min-width:992px) {
.menu__userinfo-navigation {
margin:4.8rem 0
}
}
.menu__userinfo-navigation-entry {
margin:0 auto .6rem;
width:240px
}
@media (min-width:768px) {
.menu__userinfo-navigation-entry {
width:360px
}
}
.menu__userinfo-button,
.menu__userinfo-button.button,
.menu__userinfo-button.form__fileinput__labeltext {
margin:0;
width:100%
}
.menu__userinfo-links {
text-align:left;
list-style:none;
padding:0
}
.menu__userinfo-links--loggedin {
width:240px;
margin-left:auto;
margin-right:auto
}
@media (min-width:768px) {
.menu__userinfo-links--loggedin {
width:360px
}
}
.menu__userinfo-link {
color:#fff;
transition:color .1s ease-out 0s,background .1s ease-out;
text-decoration:none
}
.menu__userinfo-link:link {
color:#fff
}
.menu__userinfo-link:visited {
color:#fff;
text-decoration:none
}
@media print {
.menu__userinfo-link {
text-decoration:underline
}
}
.menu__userinfo-link:before {
display:inline-block;
text-decoration:underline
}
.menu__userinfo-link:after {
text-decoration:underline;
text-decoration:none
}
.menu__userinfo-link:active,
.menu__userinfo-link:hover {
color:#fff;
text-decoration:underline
}
.menu__userinfo-link:active:before,
.menu__userinfo-link:before,
.menu__userinfo-link:hover:before {
text-decoration:none
}
.menu__userinfo-link:focus .menu__userinfo-linklabel,
.menu__userinfo-link:hover .menu__userinfo-linklabel {
text-decoration:underline
}
.menu__userinfo-linkicon {
position:relative;
top:.2em;
margin-right:.2em;
width:1em;
height:1em;
color:inherit;
fill:currentColor
}
.no-js .menu__navigation {
opacity:1;
visibility:visible;
height:auto
}
.menu__wrapper--navigation {
height:100%;
padding-top:1rem
}
@media (min-width:768px) {
.menu__wrapper--navigation {
width:calc(100% - 2.7rem)
}
}
@media (min-width:992px) {
.menu__wrapper--navigation {
width:calc(100% - 4.8rem)
}
}
.navigation {
position:relative;
height:100%
}
@media only screen and (min-width:1360px) {
.navigation {
left:-9.6rem;
width:calc(100% + 19.2rem)
}
}
@media print {
.navigation {
display:none;
visibility:hidden
}
}
.navigation .loading {
display:block;
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%)
}
.navigation .loading__circle:after {
background:#fff
}
.no-js .navigation--empty {
display:none;
visibility:hidden;
opacity:0
}
.navigation__screenreader {
position:absolute;
border:0;
clip:rect(0 0 0 0);
width:1px;
height:1px;
margin:-1px;
padding:0;
overflow:hidden
}
.navigation__screenreader.focusable:active,
.navigation__screenreader.focusable:focus {
position:static;
clip:auto;
width:auto;
height:auto;
margin:0;
overflow:visible
}
.navigation__levels {
transition:transform .4s cubic-bezier(.08,.4,.5,1),opacity .4s cubic-bezier(.5,0,.85,.75) .01s;
will-change:opacity,transform;
opacity:1;
display:flex;
width:auto;
flex-wrap:nowrap
}
.navigation__levels[data-navigation-current-level] {
position:relative;
display:block;
overflow:hidden
}
.navigation__levels[aria-hidden=true] {
opacity:0;
transform:translate3d(-100%,0,0)
}
.no-js .navigation__levels {
overflow-x:scroll
}
.navigation__overlay-next,
.navigation__overlay-prev {
z-index:1000;
display:none;
visibility:hidden;
opacity:0;
position:absolute;
width:0;
height:100%;
top:0;
bottom:0;
margin:0;
padding:0;
border:0;
outline:0;
background:transparent;
cursor:pointer;
transform:translateZ(1px)
}
@media (min-width:768px) {
.navigation__overlay-next,
.navigation__overlay-prev {
display:block;
visibility:visible;
opacity:1;
width:2.4rem
}
.no-js .navigation__overlay-next,
.no-js .navigation__overlay-prev {
display:none;
visibility:hidden;
opacity:0
}
}
@media (min-width:992px) {
.navigation__overlay-next,
.navigation__overlay-prev {
width:9.6rem
}
}
.navigation__overlay-prev {
left:0;
background-image:linear-gradient(90deg,#007ab8 0,rgba(0,122,184,.001))
}
@media (min-width:768px) {
[data-navigation-current-level="1"] .navigation__overlay-prev,
[data-navigation-current-level="2"] .navigation__overlay-prev {
display:none;
visibility:hidden;
opacity:0
}
}
@media (min-width:992px) {
[data-navigation-current-level="3"] .navigation__overlay-prev {
display:none;
visibility:hidden;
opacity:0
}
}
.no-js .navigation__overlay-prev {
display:none;
visibility:hidden;
opacity:0
}
.navigation__overlay-next {
right:0;
background-image:linear-gradient(270deg,#007ab8 0,rgba(0,122,184,.001))
}
.navigation__overlay-next--hidden {
display:none;
visibility:hidden;
opacity:0
}
.navigation__level {
transition:transform .4s cubic-bezier(.08,.4,.5,1),opacity .4s cubic-bezier(.5,0,.85,.75) .01s;
will-change:opacity,transform;
opacity:1;
position:relative;
width:100%;
background:#007ab8
}
.js .navigation__level {
opacity:0;
transform:translate3d(100%,0,0)
}
.navigation__level[data-navigation-level] {
position:absolute;
left:0;
top:6.16rem
}
.no-js .navigation__level[data-navigation-level] {
position:relative;
left:auto;
top:auto
}
@media (min-width:600px) {
.navigation__level[data-navigation-level] {
padding-right:1.8rem;
padding-left:1.8rem
}
}
@media (min-width:768px) {
.navigation__level[data-navigation-level] {
width:calc(49.5% - 1.2rem);
left:calc(-1% + 2.4rem);
padding-right:1%;
padding-left:1%
}
.no-js .navigation__level[data-navigation-level] {
min-width:calc(49.5% - 1.2rem)
}
}
@media (min-width:992px) {
.navigation__level[data-navigation-level] {
width:calc(32.3333% - 4.5rem);
left:calc(-1% + 9.6rem)
}
.no-js .navigation__level[data-navigation-level] {
min-width:calc(32.3333% - 4.5rem)
}
}
@media only screen and (min-width:1360px) {
.navigation__level[data-navigation-level] {
width:calc(32.3333% - 4.2rem);
left:calc(-1% + 9.6rem)
}
}
[data-navigation-current-level="1"]>[data-navigation-level="1"] {
z-index:19;
transform:translateZ(0);
opacity:1;
content:normal
}
[data-navigation-current-level="1"]>[data-navigation-level="1"].navigation__level--next {
transform:translate3d(100%,0,0)
}
@media (min-width:768px) {
[data-navigation-current-level="1"]>[data-navigation-level="1"] {
transform:translate3d(100%,0,0);
transform:translateZ(0);
content:normal
}
[data-navigation-current-level="1"]>[data-navigation-level="1"].navigation__level--next {
transform:translate3d(200%,0,0)
}
}
@media (min-width:992px) {
[data-navigation-current-level="1"]>[data-navigation-level="1"] {
transform:translate3d(200%,0,0);
transform:translateZ(0);
content:normal
}
[data-navigation-current-level="1"]>[data-navigation-level="1"].navigation__level--next {
transform:translate3d(300%,0,0)
}
}
[data-navigation-current-level="1"]>[data-navigation-level="2"] {
z-index:18;
transform:translate3d(100%,0,0);
opacity:1;
z-index:1;
content:"no-focus"
}
[data-navigation-current-level="1"]>[data-navigation-level="2"].navigation__level--next {
transform:translate3d(200%,0,0)
}
@media (min-width:768px) {
[data-navigation-current-level="1"]>[data-navigation-level="2"] {
transform:translate3d(200%,0,0);
z-index:1;
content:"no-focus"
}
[data-navigation-current-level="1"]>[data-navigation-level="2"].navigation__level--next {
transform:translate3d(300%,0,0)
}
}
@media (min-width:992px) {
[data-navigation-current-level="1"]>[data-navigation-level="2"] {
transform:translate3d(300%,0,0);
z-index:1;
content:"no-focus"
}
[data-navigation-current-level="1"]>[data-navigation-level="2"].navigation__level--next {
transform:translate3d(400%,0,0)
}
}
[data-navigation-current-level="1"]>[data-navigation-level="3"] {
z-index:17;
transform:translate3d(200%,0,0);
opacity:1;
z-index:1;
content:"no-focus"
}
[data-navigation-current-level="1"]>[data-navigation-level="3"].navigation__level--next {
transform:translate3d(300%,0,0)
}
@media (min-width:768px) {
[data-navigation-current-level="1"]>[data-navigation-level="3"] {
transform:translate3d(300%,0,0);
z-index:1;
content:"no-focus"
}
[data-navigation-current-level="1"]>[data-navigation-level="3"].navigation__level--next {
transform:translate3d(400%,0,0)
}
}
@media (min-width:992px) {
[data-navigation-current-level="1"]>[data-navigation-level="3"] {
transform:translate3d(400%,0,0);
z-index:1;
content:"no-focus"
}
[data-navigation-current-level="1"]>[data-navigation-level="3"].navigation__level--next {
transform:translate3d(500%,0,0)
}
}
[data-navigation-current-level="1"]>[data-navigation-level="4"] {
z-index:16;
transform:translate3d(300%,0,0);
opacity:1;
z-index:1;
content:"no-focus"
}
[data-navigation-current-level="1"]>[data-navigation-level="4"].navigation__level--next {
transform:translate3d(400%,0,0)
}
@media (min-width:768px) {
[data-navigation-current-level="1"]>[data-navigation-level="4"] {
transform:translate3d(400%,0,0);
z-index:1;
content:"no-focus"
}
[data-navigation-current-level="1"]>[data-navigation-level="4"].navigation__level--next {
transform:translate3d(500%,0,0)
}
}
@media (min-width:992px) {
[data-navigation-current-level="1"]>[data-navigation-level="4"] {
transform:translate3d(500%,0,0);
z-index:1;
content:"no-focus"
}
[data-navigation-current-level="1"]>[data-navigation-level="4"].navigation__level--next {
transform:translate3d(600%,0,0)
}
}
[data-navigation-current-level="1"]>[data-navigation-level="5"] {
z-index:15;
transform:translate3d(400%,0,0);
opacity:1;
z-index:1;
content:"no-focus"
}
[data-navigation-current-level="1"]>[data-navigation-level="5"].navigation__level--next {
transform:translate3d(500%,0,0)
}
@media (min-width:768px) {
[data-navigation-current-level="1"]>[data-navigation-level="5"] {
transform:translate3d(500%,0,0);
z-index:1;
content:"no-focus"
}
[data-navigation-current-level="1"]>[data-navigation-level="5"].navigation__level--next {
transform:translate3d(600%,0,0)
}
}
@media (min-width:992px) {
[data-navigation-current-level="1"]>[data-navigation-level="5"] {
transform:translate3d(600%,0,0);
z-index:1;
content:"no-focus"
}
[data-navigation-current-level="1"]>[data-navigation-level="5"].navigation__level--next {
transform:translate3d(700%,0,0)
}
}
[data-navigation-current-level="1"]>[data-navigation-level="6"] {
z-index:14;
transform:translate3d(500%,0,0);
opacity:1;
z-index:1;
content:"no-focus"
}
[data-navigation-current-level="1"]>[data-navigation-level="6"].navigation__level--next {
transform:translate3d(600%,0,0)
}
@media (min-width:768px) {
[data-navigation-current-level="1"]>[data-navigation-level="6"] {
transform:translate3d(600%,0,0);
z-index:1;
content:"no-focus"
}
[data-navigation-current-level="1"]>[data-navigation-level="6"].navigation__level--next {
transform:translate3d(700%,0,0)
}
}
@media (min-width:992px) {
[data-navigation-current-level="1"]>[data-navigation-level="6"] {
transform:translate3d(700%,0,0);
z-index:1;
content:"no-focus"
}
[data-navigation-current-level="1"]>[data-navigation-level="6"].navigation__level--next {
transform:translate3d(800%,0,0)
}
}
[data-navigation-current-level="1"]>[data-navigation-level="7"] {
z-index:13;
transform:translate3d(600%,0,0);
opacity:1;
z-index:1;
content:"no-focus"
}
[data-navigation-current-level="1"]>[data-navigation-level="7"].navigation__level--next {
transform:translate3d(700%,0,0)
}
@media (min-width:768px) {
[data-navigation-current-level="1"]>[data-navigation-level="7"] {
transform:translate3d(700%,0,0);
z-index:1;
content:"no-focus"
}
[data-navigation-current-level="1"]>[data-navigation-level="7"].navigation__level--next {
transform:translate3d(800%,0,0)
}
}
@media (min-width:992px) {
[data-navigation-current-level="1"]>[data-navigation-level="7"] {
transform:translate3d(800%,0,0);
z-index:1;
content:"no-focus"
}
[data-navigation-current-level="1"]>[data-navigation-level="7"].navigation__level--next {
transform:translate3d(900%,0,0)
}
}
[data-navigation-current-level="1"]>[data-navigation-level="8"] {
z-index:12;
transform:translate3d(700%,0,0);
opacity:1;
z-index:1;
content:"no-focus"
}
[data-navigation-current-level="1"]>[data-navigation-level="8"].navigation__level--next {
transform:translate3d(800%,0,0)
}
@media (min-width:768px) {
[data-navigation-current-level="1"]>[data-navigation-level="8"] {
transform:translate3d(800%,0,0);
z-index:1;
content:"no-focus"
}
[data-navigation-current-level="1"]>[data-navigation-level="8"].navigation__level--next {
transform:translate3d(900%,0,0)
}
}
@media (min-width:992px) {
[data-navigation-current-level="1"]>[data-navigation-level="8"] {
transform:translate3d(900%,0,0);
z-index:1;
content:"no-focus"
}
[data-navigation-current-level="1"]>[data-navigation-level="8"].navigation__level--next {
transform:translate3d(1000%,0,0)
}
}
[data-navigation-current-level="2"]>[data-navigation-level="1"] {
z-index:19;
transform:translate3d(-100%,0,0);
opacity:1;
z-index:1;
content:"no-focus"
}
[data-navigation-current-level="2"]>[data-navigation-level="1"].navigation__level--next {
transform:translateZ(0)
}
@media (min-width:768px) {
[data-navigation-current-level="2"]>[data-navigation-level="1"] {
transform:translateZ(0);
content:normal
}
[data-navigation-current-level="2"]>[data-navigation-level="1"].navigation__level--next {
transform:translate3d(100%,0,0)
}
}
@media (min-width:992px) {
[data-navigation-current-level="2"]>[data-navigation-level="1"] {
transform:translate3d(100%,0,0);
transform:translateZ(0);
content:normal
}
[data-navigation-current-level="2"]>[data-navigation-level="1"].navigation__level--next {
transform:translate3d(200%,0,0)
}
}
[data-navigation-current-level="2"]>[data-navigation-level="2"] {
z-index:18;
transform:translateZ(0);
opacity:1;
content:normal
}
[data-navigation-current-level="2"]>[data-navigation-level="2"].navigation__level--next {
transform:translate3d(100%,0,0)
}
@media (min-width:768px) {
[data-navigation-current-level="2"]>[data-navigation-level="2"] {
transform:translate3d(100%,0,0);
content:normal
}
[data-navigation-current-level="2"]>[data-navigation-level="2"].navigation__level--next {
transform:translate3d(200%,0,0)
}
}
@media (min-width:992px) {
[data-navigation-current-level="2"]>[data-navigation-level="2"] {
transform:translate3d(200%,0,0);
transform:translate3d(100%,0,0);
content:normal
}
[data-navigation-current-level="2"]>[data-navigation-level="2"].navigation__level--next {
transform:translate3d(300%,0,0)
}
}
[data-navigation-current-level="2"]>[data-navigation-level="3"] {
z-index:17;
transform:translate3d(100%,0,0);
opacity:1;
z-index:1;
content:"no-focus"
}
[data-navigation-current-level="2"]>[data-navigation-level="3"].navigation__level--next {
transform:translate3d(200%,0,0)
}
@media (min-width:768px) {
[data-navigation-current-level="2"]>[data-navigation-level="3"] {
transform:translate3d(200%,0,0);
z-index:1;
content:"no-focus"
}
[data-navigation-current-level="2"]>[data-navigation-level="3"].navigation__level--next {
transform:translate3d(300%,0,0)
}
}
@media (min-width:992px) {
[data-navigation-current-level="2"]>[data-navigation-level="3"] {
transform:translate3d(300%,0,0);
transform:translate3d(200%,0,0);
z-index:1;
content:"no-focus"
}
[data-navigation-current-level="2"]>[data-navigation-level="3"].navigation__level--next {
transform:translate3d(400%,0,0)
}
}
[data-navigation-current-level="2"]>[data-navigation-level="4"] {
z-index:16;
transform:translate3d(200%,0,0);
opacity:1;
z-index:1;
content:"no-focus"
}
[data-navigation-current-level="2"]>[data-navigation-level="4"].navigation__level--next {
transform:translate3d(300%,0,0)
}
@media (min-width:768px) {
[data-navigation-current-level="2"]>[data-navigation-level="4"] {
transform:translate3d(300%,0,0);
z-index:1;
content:"no-focus"
}
[data-navigation-current-level="2"]>[data-navigation-level="4"].navigation__level--next {
transform:translate3d(400%,0,0)
}
}
@media (min-width:992px) {
[data-navigation-current-level="2"]>[data-navigation-level="4"] {
transform:translate3d(400%,0,0);
z-index:1;
content:"no-focus"
}
[data-navigation-current-level="2"]>[data-navigation-level="4"].navigation__level--next {
transform:translate3d(500%,0,0)
}
}
[data-navigation-current-level="2"]>[data-navigation-level="5"] {
z-index:15;
transform:translate3d(300%,0,0);
opacity:1;
z-index:1;
content:"no-focus"
}
[data-navigation-current-level="2"]>[data-navigation-level="5"].navigation__level--next {
transform:translate3d(400%,0,0)
}
@media (min-width:768px) {
[data-navigation-current-level="2"]>[data-navigation-level="5"] {
transform:translate3d(400%,0,0);
z-index:1;
content:"no-focus"
}
[data-navigation-current-level="2"]>[data-navigation-level="5"].navigation__level--next {
transform:translate3d(500%,0,0)
}
}
@media (min-width:992px) {
[data-navigation-current-level="2"]>[data-navigation-level="5"] {
transform:translate3d(500%,0,0);
z-index:1;
content:"no-focus"
}
[data-navigation-current-level="2"]>[data-navigation-level="5"].navigation__level--next {
transform:translate3d(600%,0,0)
}
}
[data-navigation-current-level="2"]>[data-navigation-level="6"] {
z-index:14;
transform:translate3d(400%,0,0);
opacity:1;
z-index:1;
content:"no-focus"
}
[data-navigation-current-level="2"]>[data-navigation-level="6"].navigation__level--next {
transform:translate3d(500%,0,0)
}
@media (min-width:768px) {
[data-navigation-current-level="2"]>[data-navigation-level="6"] {
transform:translate3d(500%,0,0);
z-index:1;
content:"no-focus"
}
[data-navigation-current-level="2"]>[data-navigation-level="6"].navigation__level--next {
transform:translate3d(600%,0,0)
}
}
@media (min-width:992px) {
[data-navigation-current-level="2"]>[data-navigation-level="6"] {
transform:translate3d(600%,0,0);
z-index:1;
content:"no-focus"
}
[data-navigation-current-level="2"]>[data-navigation-level="6"].navigation__level--next {
transform:translate3d(700%,0,0)
}
}
[data-navigation-current-level="2"]>[data-navigation-level="7"] {
z-index:13;
transform:translate3d(500%,0,0);
opacity:1;
z-index:1;
content:"no-focus"
}
[data-navigation-current-level="2"]>[data-navigation-level="7"].navigation__level--next {
transform:translate3d(600%,0,0)
}
@media (min-width:768px) {
[data-navigation-current-level="2"]>[data-navigation-level="7"] {
transform:translate3d(600%,0,0);
z-index:1;
content:"no-focus"
}
[data-navigation-current-level="2"]>[data-navigation-level="7"].navigation__level--next {
transform:translate3d(700%,0,0)
}
}
@media (min-width:992px) {
[data-navigation-current-level="2"]>[data-navigation-level="7"] {
transform:translate3d(700%,0,0);
z-index:1;
content:"no-focus"
}
[data-navigation-current-level="2"]>[data-navigation-level="7"].navigation__level--next {
transform:translate3d(800%,0,0)
}
}
[data-navigation-current-level="2"]>[data-navigation-level="8"] {
z-index:12;
transform:translate3d(600%,0,0);
opacity:1;
z-index:1;
content:"no-focus"
}
[data-navigation-current-level="2"]>[data-navigation-level="8"].navigation__level--next {
transform:translate3d(700%,0,0)
}
@media (min-width:768px) {
[data-navigation-current-level="2"]>[data-navigation-level="8"] {
transform:translate3d(700%,0,0);
z-index:1;
content:"no-focus"
}
[data-navigation-current-level="2"]>[data-navigation-level="8"].navigation__level--next {
transform:translate3d(800%,0,0)
}
}
@media (min-width:992px) {
[data-navigation-current-level="2"]>[data-navigation-level="8"] {
transform:translate3d(800%,0,0);
z-index:1;
content:"no-focus"
}
[data-navigation-current-level="2"]>[data-navigation-level="8"].navigation__level--next {
transform:translate3d(900%,0,0)
}
}
[data-navigation-current-level="3"]>[data-navigation-level="1"] {
z-index:19;
transform:translate3d(-200%,0,0);
opacity:1;
z-index:1;
content:"no-focus"
}
[data-navigation-current-level="3"]>[data-navigation-level="1"].navigation__level--next {
transform:translate3d(-100%,0,0)
}
@media (min-width:768px) {
[data-navigation-current-level="3"]>[data-navigation-level="1"] {
transform:translate3d(-100%,0,0);
z-index:1;
content:"no-focus"
}
[data-navigation-current-level="3"]>[data-navigation-level="1"].navigation__level--next {
transform:translateZ(0)
}
}
@media (min-width:992px) {
[data-navigation-current-level="3"]>[data-navigation-level="1"] {
transform:translateZ(0);
content:normal
}
[data-navigation-current-level="3"]>[data-navigation-level="1"].navigation__level--next {
transform:translate3d(100%,0,0)
}
}
[data-navigation-current-level="3"]>[data-navigation-level="2"] {
z-index:18;
transform:translate3d(-100%,0,0);
opacity:1;
z-index:1;
content:"no-focus"
}
[data-navigation-current-level="3"]>[data-navigation-level="2"].navigation__level--next {
transform:translateZ(0)
}
@media (min-width:768px) {
[data-navigation-current-level="3"]>[data-navigation-level="2"] {
transform:translateZ(0);
content:normal
}
[data-navigation-current-level="3"]>[data-navigation-level="2"].navigation__level--next {
transform:translate3d(100%,0,0)
}
}
@media (min-width:992px) {
[data-navigation-current-level="3"]>[data-navigation-level="2"] {
transform:translate3d(100%,0,0);
content:normal
}
[data-navigation-current-level="3"]>[data-navigation-level="2"].navigation__level--next {
transform:translate3d(200%,0,0)
}
}
[data-navigation-current-level="3"]>[data-navigation-level="3"] {
z-index:17;
transform:translateZ(0);
opacity:1;
content:normal
}
[data-navigation-current-level="3"]>[data-navigation-level="3"].navigation__level--next {
transform:translate3d(100%,0,0)
}
@media (min-width:768px) {
[data-navigation-current-level="3"]>[data-navigation-level="3"] {
transform:translate3d(100%,0,0);
content:normal
}
[data-navigation-current-level="3"]>[data-navigation-level="3"].navigation__level--next {
transform:translate3d(200%,0,0)
}
}
@media (min-width:992px) {
[data-navigation-current-level="3"]>[data-navigation-level="3"] {
transform:translate3d(200%,0,0);
content:normal
}
[data-navigation-current-level="3"]>[data-navigation-level="3"].navigation__level--next {
transform:translate3d(300%,0,0)
}
}
[data-navigation-current-level="3"]>[data-navigation-level="4"] {
z-index:16;
transform:translate3d(100%,0,0);
opacity:1;
z-index:1;
content:"no-focus"
}
[data-navigation-current-level="3"]>[data-navigation-level="4"].navigation__level--next {
transform:translate3d(200%,0,0)
}
@media (min-width:768px) {
[data-navigation-current-level="3"]>[data-navigation-level="4"] {
transform:translate3d(200%,0,0);
z-index:1;
content:"no-focus"
}
[data-navigation-current-level="3"]>[data-navigation-level="4"].navigation__level--next {
transform:translate3d(300%,0,0)
}
}
@media (min-width:992px) {
[data-navigation-current-level="3"]>[data-navigation-level="4"] {
transform:translate3d(300%,0,0);
z-index:1;
content:"no-focus"
}
[data-navigation-current-level="3"]>[data-navigation-level="4"].navigation__level--next {
transform:translate3d(400%,0,0)
}
}
[data-navigation-current-level="3"]>[data-navigation-level="5"] {
z-index:15;
transform:translate3d(200%,0,0);
opacity:1;
z-index:1;
content:"no-focus"
}
[data-navigation-current-level="3"]>[data-navigation-level="5"].navigation__level--next {
transform:translate3d(300%,0,0)
}
@media (min-width:768px) {
[data-navigation-current-level="3"]>[data-navigation-level="5"] {
transform:translate3d(300%,0,0);
z-index:1;
content:"no-focus"
}
[data-navigation-current-level="3"]>[data-navigation-level="5"].navigation__level--next {
transform:translate3d(400%,0,0)
}
}
@media (min-width:992px) {
[data-navigation-current-level="3"]>[data-navigation-level="5"] {
transform:translate3d(400%,0,0);
z-index:1;
content:"no-focus"
}
[data-navigation-current-level="3"]>[data-navigation-level="5"].navigation__level--next {
transform:translate3d(500%,0,0)
}
}
[data-navigation-current-level="3"]>[data-navigation-level="6"] {
z-index:14;
transform:translate3d(300%,0,0);
opacity:1;
z-index:1;
content:"no-focus"
}
[data-navigation-current-level="3"]>[data-navigation-level="6"].navigation__level--next {
transform:translate3d(400%,0,0)
}
@media (min-width:768px) {
[data-navigation-current-level="3"]>[data-navigation-level="6"] {
transform:translate3d(400%,0,0);
z-index:1;
content:"no-focus"
}
[data-navigation-current-level="3"]>[data-navigation-level="6"].navigation__level--next {
transform:translate3d(500%,0,0)
}
}
@media (min-width:992px) {
[data-navigation-current-level="3"]>[data-navigation-level="6"] {
transform:translate3d(500%,0,0);
z-index:1;
content:"no-focus"
}
[data-navigation-current-level="3"]>[data-navigation-level="6"].navigation__level--next {
transform:translate3d(600%,0,0)
}
}
[data-navigation-current-level="3"]>[data-navigation-level="7"] {
z-index:13;
transform:translate3d(400%,0,0);
opacity:1;
z-index:1;
content:"no-focus"
}
[data-navigation-current-level="3"]>[data-navigation-level="7"].navigation__level--next {
transform:translate3d(500%,0,0)
}
@media (min-width:768px) {
[data-navigation-current-level="3"]>[data-navigation-level="7"] {
transform:translate3d(500%,0,0);
z-index:1;
content:"no-focus"
}
[data-navigation-current-level="3"]>[data-navigation-level="7"].navigation__level--next {
transform:translate3d(600%,0,0)
}
}
@media (min-width:992px) {
[data-navigation-current-level="3"]>[data-navigation-level="7"] {
transform:translate3d(600%,0,0);
z-index:1;
content:"no-focus"
}
[data-navigation-current-level="3"]>[data-navigation-level="7"].navigation__level--next {
transform:translate3d(700%,0,0)
}
}
[data-navigation-current-level="3"]>[data-navigation-level="8"] {
z-index:12;
transform:translate3d(500%,0,0);
opacity:1;
z-index:1;
content:"no-focus"
}
[data-navigation-current-level="3"]>[data-navigation-level="8"].navigation__level--next {
transform:translate3d(600%,0,0)
}
@media (min-width:768px) {
[data-navigation-current-level="3"]>[data-navigation-level="8"] {
transform:translate3d(600%,0,0);
z-index:1;
content:"no-focus"
}
[data-navigation-current-level="3"]>[data-navigation-level="8"].navigation__level--next {
transform:translate3d(700%,0,0)
}
}
@media (min-width:992px) {
[data-navigation-current-level="3"]>[data-navigation-level="8"] {
transform:translate3d(700%,0,0);
z-index:1;
content:"no-focus"
}
[data-navigation-current-level="3"]>[data-navigation-level="8"].navigation__level--next {
transform:translate3d(800%,0,0)
}
}
[data-navigation-current-level="4"]>[data-navigation-level="1"] {
z-index:19;
transform:translate3d(-300%,0,0);
opacity:1;
z-index:1;
content:"no-focus"
}
[data-navigation-current-level="4"]>[data-navigation-level="1"].navigation__level--next {
transform:translate3d(-200%,0,0)
}
@media (min-width:768px) {
[data-navigation-current-level="4"]>[data-navigation-level="1"] {
transform:translate3d(-200%,0,0);
z-index:1;
content:"no-focus"
}
[data-navigation-current-level="4"]>[data-navigation-level="1"].navigation__level--next {
transform:translate3d(-100%,0,0)
}
}
@media (min-width:992px) {
[data-navigation-current-level="4"]>[data-navigation-level="1"] {
transform:translate3d(-100%,0,0);
z-index:1;
content:"no-focus"
}
[data-navigation-current-level="4"]>[data-navigation-level="1"].navigation__level--next {
transform:translateZ(0)
}
}
[data-navigation-current-level="4"]>[data-navigation-level="2"] {
z-index:18;
transform:translate3d(-200%,0,0);
opacity:1;
z-index:1;
content:"no-focus"
}
[data-navigation-current-level="4"]>[data-navigation-level="2"].navigation__level--next {
transform:translate3d(-100%,0,0)
}
@media (min-width:768px) {
[data-navigation-current-level="4"]>[data-navigation-level="2"] {
transform:translate3d(-100%,0,0);
z-index:1;
content:"no-focus"
}
[data-navigation-current-level="4"]>[data-navigation-level="2"].navigation__level--next {
transform:translateZ(0)
}
}
@media (min-width:992px) {
[data-navigation-current-level="4"]>[data-navigation-level="2"] {
transform:translateZ(0);
content:normal
}
[data-navigation-current-level="4"]>[data-navigation-level="2"].navigation__level--next {
transform:translate3d(100%,0,0)
}
}
[data-navigation-current-level="4"]>[data-navigation-level="3"] {
z-index:17;
transform:translate3d(-100%,0,0);
opacity:1;
z-index:1;
content:"no-focus"
}
[data-navigation-current-level="4"]>[data-navigation-level="3"].navigation__level--next {
transform:translateZ(0)
}
@media (min-width:768px) {
[data-navigation-current-level="4"]>[data-navigation-level="3"] {
transform:translateZ(0);
content:normal
}
[data-navigation-current-level="4"]>[data-navigation-level="3"].navigation__level--next {
transform:translate3d(100%,0,0)
}
}
@media (min-width:992px) {
[data-navigation-current-level="4"]>[data-navigation-level="3"] {
transform:translate3d(100%,0,0);
content:normal
}
[data-navigation-current-level="4"]>[data-navigation-level="3"].navigation__level--next {
transform:translate3d(200%,0,0)
}
}
[data-navigation-current-level="4"]>[data-navigation-level="4"] {
z-index:16;
transform:translateZ(0);
opacity:1;
content:normal
}
[data-navigation-current-level="4"]>[data-navigation-level="4"].navigation__level--next {
transform:translate3d(100%,0,0)
}
@media (min-width:768px) {
[data-navigation-current-level="4"]>[data-navigation-level="4"] {
transform:translate3d(100%,0,0);
content:normal
}
[data-navigation-current-level="4"]>[data-navigation-level="4"].navigation__level--next {
transform:translate3d(200%,0,0)
}
}
@media (min-width:992px) {
[data-navigation-current-level="4"]>[data-navigation-level="4"] {
transform:translate3d(200%,0,0);
content:normal
}
[data-navigation-current-level="4"]>[data-navigation-level="4"].navigation__level--next {
transform:translate3d(300%,0,0)
}
}
[data-navigation-current-level="4"]>[data-navigation-level="5"] {
z-index:15;
transform:translate3d(100%,0,0);
opacity:1;
z-index:1;
content:"no-focus"
}
[data-navigation-current-level="4"]>[data-navigation-level="5"].navigation__level--next {
transform:translate3d(200%,0,0)
}
@media (min-width:768px) {
[data-navigation-current-level="4"]>[data-navigation-level="5"] {
transform:translate3d(200%,0,0);
z-index:1;
content:"no-focus"
}
[data-navigation-current-level="4"]>[data-navigation-level="5"].navigation__level--next {
transform:translate3d(300%,0,0)
}
}
@media (min-width:992px) {
[data-navigation-current-level="4"]>[data-navigation-level="5"] {
transform:translate3d(300%,0,0);
z-index:1;
content:"no-focus"
}
[data-navigation-current-level="4"]>[data-navigation-level="5"].navigation__level--next {
transform:translate3d(400%,0,0)
}
}
[data-navigation-current-level="4"]>[data-navigation-level="6"] {
z-index:14;
transform:translate3d(200%,0,0);
opacity:1;
z-index:1;
content:"no-focus"
}
[data-navigation-current-level="4"]>[data-navigation-level="6"].navigation__level--next {
transform:translate3d(300%,0,0)
}
@media (min-width:768px) {
[data-navigation-current-level="4"]>[data-navigation-level="6"] {
transform:translate3d(300%,0,0);
z-index:1;
content:"no-focus"
}
[data-navigation-current-level="4"]>[data-navigation-level="6"].navigation__level--next {
transform:translate3d(400%,0,0)
}
}
@media (min-width:992px) {
[data-navigation-current-level="4"]>[data-navigation-level="6"] {
transform:translate3d(400%,0,0);
z-index:1;
content:"no-focus"
}
[data-navigation-current-level="4"]>[data-navigation-level="6"].navigation__level--next {
transform:translate3d(500%,0,0)
}
}
[data-navigation-current-level="4"]>[data-navigation-level="7"] {
z-index:13;
transform:translate3d(300%,0,0);
opacity:1;
z-index:1;
content:"no-focus"
}
[data-navigation-current-level="4"]>[data-navigation-level="7"].navigation__level--next {
transform:translate3d(400%,0,0)
}
@media (min-width:768px) {
[data-navigation-current-level="4"]>[data-navigation-level="7"] {
transform:translate3d(400%,0,0);
z-index:1;
content:"no-focus"
}
[data-navigation-current-level="4"]>[data-navigation-level="7"].navigation__level--next {
transform:translate3d(500%,0,0)
}
}
@media (min-width:992px) {
[data-navigation-current-level="4"]>[data-navigation-level="7"] {
transform:translate3d(500%,0,0);
z-index:1;
content:"no-focus"
}
[data-navigation-current-level="4"]>[data-navigation-level="7"].navigation__level--next {
transform:translate3d(600%,0,0)
}
}
[data-navigation-current-level="4"]>[data-navigation-level="8"] {
z-index:12;
transform:translate3d(400%,0,0);
opacity:1;
z-index:1;
content:"no-focus"
}
[data-navigation-current-level="4"]>[data-navigation-level="8"].navigation__level--next {
transform:translate3d(500%,0,0)
}
@media (min-width:768px) {
[data-navigation-current-level="4"]>[data-navigation-level="8"] {
transform:translate3d(500%,0,0);
z-index:1;
content:"no-focus"
}
[data-navigation-current-level="4"]>[data-navigation-level="8"].navigation__level--next {
transform:translate3d(600%,0,0)
}
}
@media (min-width:992px) {
[data-navigation-current-level="4"]>[data-navigation-level="8"] {
transform:translate3d(600%,0,0);
z-index:1;
content:"no-focus"
}
[data-navigation-current-level="4"]>[data-navigation-level="8"].navigation__level--next {
transform:translate3d(700%,0,0)
}
}
[data-navigation-current-level="5"]>[data-navigation-level="1"] {
z-index:19;
transform:translate3d(-400%,0,0);
opacity:1;
z-index:1;
content:"no-focus"
}
[data-navigation-current-level="5"]>[data-navigation-level="1"].navigation__level--next {
transform:translate3d(-300%,0,0)
}
@media (min-width:768px) {
[data-navigation-current-level="5"]>[data-navigation-level="1"] {
transform:translate3d(-300%,0,0);
z-index:1;
content:"no-focus"
}
[data-navigation-current-level="5"]>[data-navigation-level="1"].navigation__level--next {
transform:translate3d(-200%,0,0)
}
}
@media (min-width:992px) {
[data-navigation-current-level="5"]>[data-navigation-level="1"] {
transform:translate3d(-200%,0,0);
z-index:1;
content:"no-focus"
}
[data-navigation-current-level="5"]>[data-navigation-level="1"].navigation__level--next {
transform:translate3d(-100%,0,0)
}
}
[data-navigation-current-level="5"]>[data-navigation-level="2"] {
z-index:18;
transform:translate3d(-300%,0,0);
opacity:1;
z-index:1;
content:"no-focus"
}
[data-navigation-current-level="5"]>[data-navigation-level="2"].navigation__level--next {
transform:translate3d(-200%,0,0)
}
@media (min-width:768px) {
[data-navigation-current-level="5"]>[data-navigation-level="2"] {
transform:translate3d(-200%,0,0);
z-index:1;
content:"no-focus"
}
[data-navigation-current-level="5"]>[data-navigation-level="2"].navigation__level--next {
transform:translate3d(-100%,0,0)
}
}
@media (min-width:992px) {
[data-navigation-current-level="5"]>[data-navigation-level="2"] {
transform:translate3d(-100%,0,0);
z-index:1;
content:"no-focus"
}
[data-navigation-current-level="5"]>[data-navigation-level="2"].navigation__level--next {
transform:translateZ(0)
}
}
[data-navigation-current-level="5"]>[data-navigation-level="3"] {
z-index:17;
transform:translate3d(-200%,0,0);
opacity:1;
z-index:1;
content:"no-focus"
}
[data-navigation-current-level="5"]>[data-navigation-level="3"].navigation__level--next {
transform:translate3d(-100%,0,0)
}
@media (min-width:768px) {
[data-navigation-current-level="5"]>[data-navigation-level="3"] {
transform:translate3d(-100%,0,0);
z-index:1;
content:"no-focus"
}
[data-navigation-current-level="5"]>[data-navigation-level="3"].navigation__level--next {
transform:translateZ(0)
}
}
@media (min-width:992px) {
[data-navigation-current-level="5"]>[data-navigation-level="3"] {
transform:translateZ(0);
content:normal
}
[data-navigation-current-level="5"]>[data-navigation-level="3"].navigation__level--next {
transform:translate3d(100%,0,0)
}
}
[data-navigation-current-level="5"]>[data-navigation-level="4"] {
z-index:16;
transform:translate3d(-100%,0,0);
opacity:1;
z-index:1;
content:"no-focus"
}
[data-navigation-current-level="5"]>[data-navigation-level="4"].navigation__level--next {
transform:translateZ(0)
}
@media (min-width:768px) {
[data-navigation-current-level="5"]>[data-navigation-level="4"] {
transform:translateZ(0);
content:normal
}
[data-navigation-current-level="5"]>[data-navigation-level="4"].navigation__level--next {
transform:translate3d(100%,0,0)
}
}
@media (min-width:992px) {
[data-navigation-current-level="5"]>[data-navigation-level="4"] {
transform:translate3d(100%,0,0);
content:normal
}
[data-navigation-current-level="5"]>[data-navigation-level="4"].navigation__level--next {
transform:translate3d(200%,0,0)
}
}
[data-navigation-current-level="5"]>[data-navigation-level="5"] {
z-index:15;
transform:translateZ(0);
opacity:1;
content:normal
}
[data-navigation-current-level="5"]>[data-navigation-level="5"].navigation__level--next {
transform:translate3d(100%,0,0)
}
@media (min-width:768px) {
[data-navigation-current-level="5"]>[data-navigation-level="5"] {
transform:translate3d(100%,0,0);
content:normal
}
[data-navigation-current-level="5"]>[data-navigation-level="5"].navigation__level--next {
transform:translate3d(200%,0,0)
}
}
@media (min-width:992px) {
[data-navigation-current-level="5"]>[data-navigation-level="5"] {
transform:translate3d(200%,0,0);
content:normal
}
[data-navigation-current-level="5"]>[data-navigation-level="5"].navigation__level--next {
transform:translate3d(300%,0,0)
}
}
[data-navigation-current-level="5"]>[data-navigation-level="6"] {
z-index:14;
transform:translate3d(100%,0,0);
opacity:1;
z-index:1;
content:"no-focus"
}
[data-navigation-current-level="5"]>[data-navigation-level="6"].navigation__level--next {
transform:translate3d(200%,0,0)
}
@media (min-width:768px) {
[data-navigation-current-level="5"]>[data-navigation-level="6"] {
transform:translate3d(200%,0,0);
z-index:1;
content:"no-focus"
}
[data-navigation-current-level="5"]>[data-navigation-level="6"].navigation__level--next {
transform:translate3d(300%,0,0)
}
}
@media (min-width:992px) {
[data-navigation-current-level="5"]>[data-navigation-level="6"] {
transform:translate3d(300%,0,0);
z-index:1;
content:"no-focus"
}
[data-navigation-current-level="5"]>[data-navigation-level="6"].navigation__level--next {
transform:translate3d(400%,0,0)
}
}
[data-navigation-current-level="5"]>[data-navigation-level="7"] {
z-index:13;
transform:translate3d(200%,0,0);
opacity:1;
z-index:1;
content:"no-focus"
}
[data-navigation-current-level="5"]>[data-navigation-level="7"].navigation__level--next {
transform:translate3d(300%,0,0)
}
@media (min-width:768px) {
[data-navigation-current-level="5"]>[data-navigation-level="7"] {
transform:translate3d(300%,0,0);
z-index:1;
content:"no-focus"
}
[data-navigation-current-level="5"]>[data-navigation-level="7"].navigation__level--next {
transform:translate3d(400%,0,0)
}
}
@media (min-width:992px) {
[data-navigation-current-level="5"]>[data-navigation-level="7"] {
transform:translate3d(400%,0,0);
z-index:1;
content:"no-focus"
}
[data-navigation-current-level="5"]>[data-navigation-level="7"].navigation__level--next {
transform:translate3d(500%,0,0)
}
}
[data-navigation-current-level="5"]>[data-navigation-level="8"] {
z-index:12;
transform:translate3d(300%,0,0);
opacity:1;
z-index:1;
content:"no-focus"
}
[data-navigation-current-level="5"]>[data-navigation-level="8"].navigation__level--next {
transform:translate3d(400%,0,0)
}
@media (min-width:768px) {
[data-navigation-current-level="5"]>[data-navigation-level="8"] {
transform:translate3d(400%,0,0);
z-index:1;
content:"no-focus"
}
[data-navigation-current-level="5"]>[data-navigation-level="8"].navigation__level--next {
transform:translate3d(500%,0,0)
}
}
@media (min-width:992px) {
[data-navigation-current-level="5"]>[data-navigation-level="8"] {
transform:translate3d(500%,0,0);
z-index:1;
content:"no-focus"
}
[data-navigation-current-level="5"]>[data-navigation-level="8"].navigation__level--next {
transform:translate3d(600%,0,0)
}
}
[data-navigation-current-level="6"]>[data-navigation-level="1"] {
z-index:19;
transform:translate3d(-500%,0,0);
opacity:1;
z-index:1;
content:"no-focus"
}
[data-navigation-current-level="6"]>[data-navigation-level="1"].navigation__level--next {
transform:translate3d(-400%,0,0)
}
@media (min-width:768px) {
[data-navigation-current-level="6"]>[data-navigation-level="1"] {
transform:translate3d(-400%,0,0);
z-index:1;
content:"no-focus"
}
[data-navigation-current-level="6"]>[data-navigation-level="1"].navigation__level--next {
transform:translate3d(-300%,0,0)
}
}
@media (min-width:992px) {
[data-navigation-current-level="6"]>[data-navigation-level="1"] {
transform:translate3d(-300%,0,0);
z-index:1;
content:"no-focus"
}
[data-navigation-current-level="6"]>[data-navigation-level="1"].navigation__level--next {
transform:translate3d(-200%,0,0)
}
}
[data-navigation-current-level="6"]>[data-navigation-level="2"] {
z-index:18;
transform:translate3d(-400%,0,0);
opacity:1;
z-index:1;
content:"no-focus"
}
[data-navigation-current-level="6"]>[data-navigation-level="2"].navigation__level--next {
transform:translate3d(-300%,0,0)
}
@media (min-width:768px) {
[data-navigation-current-level="6"]>[data-navigation-level="2"] {
transform:translate3d(-300%,0,0);
z-index:1;
content:"no-focus"
}
[data-navigation-current-level="6"]>[data-navigation-level="2"].navigation__level--next {
transform:translate3d(-200%,0,0)
}
}
@media (min-width:992px) {
[data-navigation-current-level="6"]>[data-navigation-level="2"] {
transform:translate3d(-200%,0,0);
z-index:1;
content:"no-focus"
}
[data-navigation-current-level="6"]>[data-navigation-level="2"].navigation__level--next {
transform:translate3d(-100%,0,0)
}
}
[data-navigation-current-level="6"]>[data-navigation-level="3"] {
z-index:17;
transform:translate3d(-300%,0,0);
opacity:1;
z-index:1;
content:"no-focus"
}
[data-navigation-current-level="6"]>[data-navigation-level="3"].navigation__level--next {
transform:translate3d(-200%,0,0)
}
@media (min-width:768px) {
[data-navigation-current-level="6"]>[data-navigation-level="3"] {
transform:translate3d(-200%,0,0);
z-index:1;
content:"no-focus"
}
[data-navigation-current-level="6"]>[data-navigation-level="3"].navigation__level--next {
transform:translate3d(-100%,0,0)
}
}
@media (min-width:992px) {
[data-navigation-current-level="6"]>[data-navigation-level="3"] {
transform:translate3d(-100%,0,0);
z-index:1;
content:"no-focus"
}
[data-navigation-current-level="6"]>[data-navigation-level="3"].navigation__level--next {
transform:translateZ(0)
}
}
[data-navigation-current-level="6"]>[data-navigation-level="4"] {
z-index:16;
transform:translate3d(-200%,0,0);
opacity:1;
z-index:1;
content:"no-focus"
}
[data-navigation-current-level="6"]>[data-navigation-level="4"].navigation__level--next {
transform:translate3d(-100%,0,0)
}
@media (min-width:768px) {
[data-navigation-current-level="6"]>[data-navigation-level="4"] {
transform:translate3d(-100%,0,0);
z-index:1;
content:"no-focus"
}
[data-navigation-current-level="6"]>[data-navigation-level="4"].navigation__level--next {
transform:translateZ(0)
}
}
@media (min-width:992px) {
[data-navigation-current-level="6"]>[data-navigation-level="4"] {
transform:translateZ(0);
content:normal
}
[data-navigation-current-level="6"]>[data-navigation-level="4"].navigation__level--next {
transform:translate3d(100%,0,0)
}
}
[data-navigation-current-level="6"]>[data-navigation-level="5"] {
z-index:15;
transform:translate3d(-100%,0,0);
opacity:1;
z-index:1;
content:"no-focus"
}
[data-navigation-current-level="6"]>[data-navigation-level="5"].navigation__level--next {
transform:translateZ(0)
}
@media (min-width:768px) {
[data-navigation-current-level="6"]>[data-navigation-level="5"] {
transform:translateZ(0);
content:normal
}
[data-navigation-current-level="6"]>[data-navigation-level="5"].navigation__level--next {
transform:translate3d(100%,0,0)
}
}
@media (min-width:992px) {
[data-navigation-current-level="6"]>[data-navigation-level="5"] {
transform:translate3d(100%,0,0);
content:normal
}
[data-navigation-current-level="6"]>[data-navigation-level="5"].navigation__level--next {
transform:translate3d(200%,0,0)
}
}
[data-navigation-current-level="6"]>[data-navigation-level="6"] {
z-index:14;
transform:translateZ(0);
opacity:1;
content:normal
}
[data-navigation-current-level="6"]>[data-navigation-level="6"].navigation__level--next {
transform:translate3d(100%,0,0)
}
@media (min-width:768px) {
[data-navigation-current-level="6"]>[data-navigation-level="6"] {
transform:translate3d(100%,0,0);
content:normal
}
[data-navigation-current-level="6"]>[data-navigation-level="6"].navigation__level--next {
transform:translate3d(200%,0,0)
}
}
@media (min-width:992px) {
[data-navigation-current-level="6"]>[data-navigation-level="6"] {
transform:translate3d(200%,0,0);
content:normal
}
[data-navigation-current-level="6"]>[data-navigation-level="6"].navigation__level--next {
transform:translate3d(300%,0,0)
}
}
[data-navigation-current-level="6"]>[data-navigation-level="7"] {
z-index:13;
transform:translate3d(100%,0,0);
opacity:1;
z-index:1;
content:"no-focus"
}
[data-navigation-current-level="6"]>[data-navigation-level="7"].navigation__level--next {
transform:translate3d(200%,0,0)
}
@media (min-width:768px) {
[data-navigation-current-level="6"]>[data-navigation-level="7"] {
transform:translate3d(200%,0,0);
z-index:1;
content:"no-focus"
}
[data-navigation-current-level="6"]>[data-navigation-level="7"].navigation__level--next {
transform:translate3d(300%,0,0)
}
}
@media (min-width:992px) {
[data-navigation-current-level="6"]>[data-navigation-level="7"] {
transform:translate3d(300%,0,0);
z-index:1;
content:"no-focus"
}
[data-navigation-current-level="6"]>[data-navigation-level="7"].navigation__level--next {
transform:translate3d(400%,0,0)
}
}
[data-navigation-current-level="6"]>[data-navigation-level="8"] {
z-index:12;
transform:translate3d(200%,0,0);
opacity:1;
z-index:1;
content:"no-focus"
}
[data-navigation-current-level="6"]>[data-navigation-level="8"].navigation__level--next {
transform:translate3d(300%,0,0)
}
@media (min-width:768px) {
[data-navigation-current-level="6"]>[data-navigation-level="8"] {
transform:translate3d(300%,0,0);
z-index:1;
content:"no-focus"
}
[data-navigation-current-level="6"]>[data-navigation-level="8"].navigation__level--next {
transform:translate3d(400%,0,0)
}
}
@media (min-width:992px) {
[data-navigation-current-level="6"]>[data-navigation-level="8"] {
transform:translate3d(400%,0,0);
z-index:1;
content:"no-focus"
}
[data-navigation-current-level="6"]>[data-navigation-level="8"].navigation__level--next {
transform:translate3d(500%,0,0)
}
}
[data-navigation-current-level="7"]>[data-navigation-level="1"] {
z-index:19;
transform:translate3d(-600%,0,0);
opacity:1;
z-index:1;
content:"no-focus"
}
[data-navigation-current-level="7"]>[data-navigation-level="1"].navigation__level--next {
transform:translate3d(-500%,0,0)
}
@media (min-width:768px) {
[data-navigation-current-level="7"]>[data-navigation-level="1"] {
transform:translate3d(-500%,0,0);
z-index:1;
content:"no-focus"
}
[data-navigation-current-level="7"]>[data-navigation-level="1"].navigation__level--next {
transform:translate3d(-400%,0,0)
}
}
@media (min-width:992px) {
[data-navigation-current-level="7"]>[data-navigation-level="1"] {
transform:translate3d(-400%,0,0);
z-index:1;
content:"no-focus"
}
[data-navigation-current-level="7"]>[data-navigation-level="1"].navigation__level--next {
transform:translate3d(-300%,0,0)
}
}
[data-navigation-current-level="7"]>[data-navigation-level="2"] {
z-index:18;
transform:translate3d(-500%,0,0);
opacity:1;
z-index:1;
content:"no-focus"
}
[data-navigation-current-level="7"]>[data-navigation-level="2"].navigation__level--next {
transform:translate3d(-400%,0,0)
}
@media (min-width:768px) {
[data-navigation-current-level="7"]>[data-navigation-level="2"] {
transform:translate3d(-400%,0,0);
z-index:1;
content:"no-focus"
}
[data-navigation-current-level="7"]>[data-navigation-level="2"].navigation__level--next {
transform:translate3d(-300%,0,0)
}
}
@media (min-width:992px) {
[data-navigation-current-level="7"]>[data-navigation-level="2"] {
transform:translate3d(-300%,0,0);
z-index:1;
content:"no-focus"
}
[data-navigation-current-level="7"]>[data-navigation-level="2"].navigation__level--next {
transform:translate3d(-200%,0,0)
}
}
[data-navigation-current-level="7"]>[data-navigation-level="3"] {
z-index:17;
transform:translate3d(-400%,0,0);
opacity:1;
z-index:1;
content:"no-focus"
}
[data-navigation-current-level="7"]>[data-navigation-level="3"].navigation__level--next {
transform:translate3d(-300%,0,0)
}
@media (min-width:768px) {
[data-navigation-current-level="7"]>[data-navigation-level="3"] {
transform:translate3d(-300%,0,0);
z-index:1;
content:"no-focus"
}
[data-navigation-current-level="7"]>[data-navigation-level="3"].navigation__level--next {
transform:translate3d(-200%,0,0)
}
}
@media (min-width:992px) {
[data-navigation-current-level="7"]>[data-navigation-level="3"] {
transform:translate3d(-200%,0,0);
z-index:1;
content:"no-focus"
}
[data-navigation-current-level="7"]>[data-navigation-level="3"].navigation__level--next {
transform:translate3d(-100%,0,0)
}
}
[data-navigation-current-level="7"]>[data-navigation-level="4"] {
z-index:16;
transform:translate3d(-300%,0,0);
opacity:1;
z-index:1;
content:"no-focus"
}
[data-navigation-current-level="7"]>[data-navigation-level="4"].navigation__level--next {
transform:translate3d(-200%,0,0)
}
@media (min-width:768px) {
[data-navigation-current-level="7"]>[data-navigation-level="4"] {
transform:translate3d(-200%,0,0);
z-index:1;
content:"no-focus"
}
[data-navigation-current-level="7"]>[data-navigation-level="4"].navigation__level--next {
transform:translate3d(-100%,0,0)
}
}
@media (min-width:992px) {
[data-navigation-current-level="7"]>[data-navigation-level="4"] {
transform:translate3d(-100%,0,0);
z-index:1;
content:"no-focus"
}
[data-navigation-current-level="7"]>[data-navigation-level="4"].navigation__level--next {
transform:translateZ(0)
}
}
[data-navigation-current-level="7"]>[data-navigation-level="5"] {
z-index:15;
transform:translate3d(-200%,0,0);
opacity:1;
z-index:1;
content:"no-focus"
}
[data-navigation-current-level="7"]>[data-navigation-level="5"].navigation__level--next {
transform:translate3d(-100%,0,0)
}
@media (min-width:768px) {
[data-navigation-current-level="7"]>[data-navigation-level="5"] {
transform:translate3d(-100%,0,0);
z-index:1;
content:"no-focus"
}
[data-navigation-current-level="7"]>[data-navigation-level="5"].navigation__level--next {
transform:translateZ(0)
}
}
@media (min-width:992px) {
[data-navigation-current-level="7"]>[data-navigation-level="5"] {
transform:translateZ(0);
content:normal
}
[data-navigation-current-level="7"]>[data-navigation-level="5"].navigation__level--next {
transform:translate3d(100%,0,0)
}
}
[data-navigation-current-level="7"]>[data-navigation-level="6"] {
z-index:14;
transform:translate3d(-100%,0,0);
opacity:1;
z-index:1;
content:"no-focus"
}
[data-navigation-current-level="7"]>[data-navigation-level="6"].navigation__level--next {
transform:translateZ(0)
}
@media (min-width:768px) {
[data-navigation-current-level="7"]>[data-navigation-level="6"] {
transform:translateZ(0);
content:normal
}
[data-navigation-current-level="7"]>[data-navigation-level="6"].navigation__level--next {
transform:translate3d(100%,0,0)
}
}
@media (min-width:992px) {
[data-navigation-current-level="7"]>[data-navigation-level="6"] {
transform:translate3d(100%,0,0);
content:normal
}
[data-navigation-current-level="7"]>[data-navigation-level="6"].navigation__level--next {
transform:translate3d(200%,0,0)
}
}
[data-navigation-current-level="7"]>[data-navigation-level="7"] {
z-index:13;
transform:translateZ(0);
opacity:1;
content:normal
}
[data-navigation-current-level="7"]>[data-navigation-level="7"].navigation__level--next {
transform:translate3d(100%,0,0)
}
@media (min-width:768px) {
[data-navigation-current-level="7"]>[data-navigation-level="7"] {
transform:translate3d(100%,0,0);
content:normal
}
[data-navigation-current-level="7"]>[data-navigation-level="7"].navigation__level--next {
transform:translate3d(200%,0,0)
}
}
@media (min-width:992px) {
[data-navigation-current-level="7"]>[data-navigation-level="7"] {
transform:translate3d(200%,0,0);
content:normal
}
[data-navigation-current-level="7"]>[data-navigation-level="7"].navigation__level--next {
transform:translate3d(300%,0,0)
}
}
[data-navigation-current-level="7"]>[data-navigation-level="8"] {
z-index:12;
transform:translate3d(100%,0,0);
opacity:1;
z-index:1;
content:"no-focus"
}
[data-navigation-current-level="7"]>[data-navigation-level="8"].navigation__level--next {
transform:translate3d(200%,0,0)
}
@media (min-width:768px) {
[data-navigation-current-level="7"]>[data-navigation-level="8"] {
transform:translate3d(200%,0,0);
z-index:1;
content:"no-focus"
}
[data-navigation-current-level="7"]>[data-navigation-level="8"].navigation__level--next {
transform:translate3d(300%,0,0)
}
}
@media (min-width:992px) {
[data-navigation-current-level="7"]>[data-navigation-level="8"] {
transform:translate3d(300%,0,0);
z-index:1;
content:"no-focus"
}
[data-navigation-current-level="7"]>[data-navigation-level="8"].navigation__level--next {
transform:translate3d(400%,0,0)
}
}
[data-navigation-current-level="8"]>[data-navigation-level="1"] {
z-index:19;
transform:translate3d(-700%,0,0);
opacity:1;
z-index:1;
content:"no-focus"
}
[data-navigation-current-level="8"]>[data-navigation-level="1"].navigation__level--next {
transform:translate3d(-600%,0,0)
}
@media (min-width:768px) {
[data-navigation-current-level="8"]>[data-navigation-level="1"] {
transform:translate3d(-600%,0,0);
z-index:1;
content:"no-focus"
}
[data-navigation-current-level="8"]>[data-navigation-level="1"].navigation__level--next {
transform:translate3d(-500%,0,0)
}
}
@media (min-width:992px) {
[data-navigation-current-level="8"]>[data-navigation-level="1"] {
transform:translate3d(-500%,0,0);
z-index:1;
content:"no-focus"
}
[data-navigation-current-level="8"]>[data-navigation-level="1"].navigation__level--next {
transform:translate3d(-400%,0,0)
}
}
[data-navigation-current-level="8"]>[data-navigation-level="2"] {
z-index:18;
transform:translate3d(-600%,0,0);
opacity:1;
z-index:1;
content:"no-focus"
}
[data-navigation-current-level="8"]>[data-navigation-level="2"].navigation__level--next {
transform:translate3d(-500%,0,0)
}
@media (min-width:768px) {
[data-navigation-current-level="8"]>[data-navigation-level="2"] {
transform:translate3d(-500%,0,0);
z-index:1;
content:"no-focus"
}
[data-navigation-current-level="8"]>[data-navigation-level="2"].navigation__level--next {
transform:translate3d(-400%,0,0)
}
}
@media (min-width:992px) {
[data-navigation-current-level="8"]>[data-navigation-level="2"] {
transform:translate3d(-400%,0,0);
z-index:1;
content:"no-focus"
}
[data-navigation-current-level="8"]>[data-navigation-level="2"].navigation__level--next {
transform:translate3d(-300%,0,0)
}
}
[data-navigation-current-level="8"]>[data-navigation-level="3"] {
z-index:17;
transform:translate3d(-500%,0,0);
opacity:1;
z-index:1;
content:"no-focus"
}
[data-navigation-current-level="8"]>[data-navigation-level="3"].navigation__level--next {
transform:translate3d(-400%,0,0)
}
@media (min-width:768px) {
[data-navigation-current-level="8"]>[data-navigation-level="3"] {
transform:translate3d(-400%,0,0);
z-index:1;
content:"no-focus"
}
[data-navigation-current-level="8"]>[data-navigation-level="3"].navigation__level--next {
transform:translate3d(-300%,0,0)
}
}
@media (min-width:992px) {
[data-navigation-current-level="8"]>[data-navigation-level="3"] {
transform:translate3d(-300%,0,0);
z-index:1;
content:"no-focus"
}
[data-navigation-current-level="8"]>[data-navigation-level="3"].navigation__level--next {
transform:translate3d(-200%,0,0)
}
}
[data-navigation-current-level="8"]>[data-navigation-level="4"] {
z-index:16;
transform:translate3d(-400%,0,0);
opacity:1;
z-index:1;
content:"no-focus"
}
[data-navigation-current-level="8"]>[data-navigation-level="4"].navigation__level--next {
transform:translate3d(-300%,0,0)
}
@media (min-width:768px) {
[data-navigation-current-level="8"]>[data-navigation-level="4"] {
transform:translate3d(-300%,0,0);
z-index:1;
content:"no-focus"
}
[data-navigation-current-level="8"]>[data-navigation-level="4"].navigation__level--next {
transform:translate3d(-200%,0,0)
}
}
@media (min-width:992px) {
[data-navigation-current-level="8"]>[data-navigation-level="4"] {
transform:translate3d(-200%,0,0);
z-index:1;
content:"no-focus"
}
[data-navigation-current-level="8"]>[data-navigation-level="4"].navigation__level--next {
transform:translate3d(-100%,0,0)
}
}
[data-navigation-current-level="8"]>[data-navigation-level="5"] {
z-index:15;
transform:translate3d(-300%,0,0);
opacity:1;
z-index:1;
content:"no-focus"
}
[data-navigation-current-level="8"]>[data-navigation-level="5"].navigation__level--next {
transform:translate3d(-200%,0,0)
}
@media (min-width:768px) {
[data-navigation-current-level="8"]>[data-navigation-level="5"] {
transform:translate3d(-200%,0,0);
z-index:1;
content:"no-focus"
}
[data-navigation-current-level="8"]>[data-navigation-level="5"].navigation__level--next {
transform:translate3d(-100%,0,0)
}
}
@media (min-width:992px) {
[data-navigation-current-level="8"]>[data-navigation-level="5"] {
transform:translate3d(-100%,0,0);
z-index:1;
content:"no-focus"
}
[data-navigation-current-level="8"]>[data-navigation-level="5"].navigation__level--next {
transform:translateZ(0)
}
}
[data-navigation-current-level="8"]>[data-navigation-level="6"] {
z-index:14;
transform:translate3d(-200%,0,0);
opacity:1;
z-index:1;
content:"no-focus"
}
[data-navigation-current-level="8"]>[data-navigation-level="6"].navigation__level--next {
transform:translate3d(-100%,0,0)
}
@media (min-width:768px) {
[data-navigation-current-level="8"]>[data-navigation-level="6"] {
transform:translate3d(-100%,0,0);
z-index:1;
content:"no-focus"
}
[data-navigation-current-level="8"]>[data-navigation-level="6"].navigation__level--next {
transform:translateZ(0)
}
}
@media (min-width:992px) {
[data-navigation-current-level="8"]>[data-navigation-level="6"] {
transform:translateZ(0);
content:normal
}
[data-navigation-current-level="8"]>[data-navigation-level="6"].navigation__level--next {
transform:translate3d(100%,0,0)
}
}
[data-navigation-current-level="8"]>[data-navigation-level="7"] {
z-index:13;
transform:translate3d(-100%,0,0);
opacity:1;
z-index:1;
content:"no-focus"
}
[data-navigation-current-level="8"]>[data-navigation-level="7"].navigation__level--next {
transform:translateZ(0)
}
@media (min-width:768px) {
[data-navigation-current-level="8"]>[data-navigation-level="7"] {
transform:translateZ(0);
content:normal
}
[data-navigation-current-level="8"]>[data-navigation-level="7"].navigation__level--next {
transform:translate3d(100%,0,0)
}
}
@media (min-width:992px) {
[data-navigation-current-level="8"]>[data-navigation-level="7"] {
transform:translate3d(100%,0,0);
content:normal
}
[data-navigation-current-level="8"]>[data-navigation-level="7"].navigation__level--next {
transform:translate3d(200%,0,0)
}
}
[data-navigation-current-level="8"]>[data-navigation-level="8"] {
z-index:12;
transform:translateZ(0);
opacity:1;
content:normal
}
[data-navigation-current-level="8"]>[data-navigation-level="8"].navigation__level--next {
transform:translate3d(100%,0,0)
}
@media (min-width:768px) {
[data-navigation-current-level="8"]>[data-navigation-level="8"] {
transform:translate3d(100%,0,0);
content:normal
}
[data-navigation-current-level="8"]>[data-navigation-level="8"].navigation__level--next {
transform:translate3d(200%,0,0)
}
}
@media (min-width:992px) {
[data-navigation-current-level="8"]>[data-navigation-level="8"] {
transform:translate3d(200%,0,0);
content:normal
}
[data-navigation-current-level="8"]>[data-navigation-level="8"].navigation__level--next {
transform:translate3d(300%,0,0)
}
}
.navigation__title {
margin:0;
padding:1.66667rem 0;
border-top:1px solid #fff;
font-size:1.8rem;
font-weight:400;
line-height:1.15
}
.navigation__title-link {
color:#fff;
text-decoration:none;
transition:color .1s ease-out 0s,background .1s ease-out;
display:block;
padding-right:1.8rem;
outline:0;
white-space:nowrap
}
.navigation__title-link:link {
color:#fff
}
.navigation__title-link:visited {
color:#fff;
text-decoration:none
}
@media print {
.navigation__title-link {
text-decoration:underline
}
}
.navigation__title-link:before {
display:inline-block;
text-decoration:underline
}
.navigation__title-link:after {
text-decoration:underline;
text-decoration:none
}
.navigation__title-link:active,
.navigation__title-link:hover {
color:#fff;
text-decoration:underline
}
.navigation__title-link:active:before,
.navigation__title-link:before,
.navigation__title-link:hover:before {
text-decoration:none
}
.layout--is-keypressed .navigation__title-link:focus,
.no-js .navigation__title-link:focus {
outline:0;
outline-offset:0
}
.layout--is-keypressed .navigation__title-link:focus .navigation__title-text,
.no-js .navigation__title-link:focus .navigation__title-text {
outline:.2rem solid #262626;
outline-offset:.3rem
}
.navigation__title-text {
white-space:normal
}
.navigation__title-text:after {
display:inline;
content:"";
white-space:nowrap
}
.navigation__title-icon {
position:relative;
top:0;
margin-left:.9rem;
width:.85rem;
height:.85rem;
white-space:nowrap
}
.no-js .navigation__title-icon {
display:none;
visibility:hidden;
opacity:0
}
.navigation__list {
width:100%;
padding:0 0 5rem;
margin:0
}
.navigation__item {
display:block;
position:relative;
list-style-type:none;
margin:0;
border-top:1px solid hsla(0,0%,100%,.5)
}
.navigation__item--is-current,
.navigation__item--is-open {
font-weight:600;
letter-spacing:-.02em
}
.navigation__item--is-current:after,
.navigation__item--is-open:after {
z-index:1;
content:"";
display:block;
position:absolute;
top:0;
right:0;
bottom:0;
left:0;
opacity:.15;
background-image:linear-gradient(90deg,#000 0,hsla(0,0%,100%,.001));
background-color:#007ab8;
background-repeat:no-repeat
}
.navigation__entry {
font-size:1.5rem;
font-family:Arial,sans-serif;
font-weight:400;
font-style:normal;
color:#fff;
text-decoration:none;
transition:color .1s ease-out 0s,background .1s ease-out;
display:block;
position:relative;
width:100%;
padding:1.25rem 0;
cursor:pointer;
text-align:left;
font-weight:inherit;
background:transparent;
border:0;
outline:0;
line-height:1.5;
transition:transform .2s cubic-bezier(.08,.4,.5,1)!important;
white-space:nowrap
}
html:not(.webfonts--agpn-loading) .navigation__entry {
font-family:AGPN,Arial,sans-serif
}
@media (min-width:600px) {
.navigation__entry {
font-size:1.6rem
}
}
@media (min-width:992px) {
.navigation__entry {
font-size:1.8rem
}
}
.navigation__entry:link {
color:#fff
}
.navigation__entry:visited {
color:#fff;
text-decoration:none
}
@media print {
.navigation__entry {
text-decoration:underline
}
}
.navigation__entry:before {
display:inline-block;
text-decoration:underline
}
.navigation__entry:after {
text-decoration:underline;
text-decoration:none
}
.navigation__entry:active,
.navigation__entry:hover {
color:#fff;
text-decoration:underline
}
.navigation__entry:active:before,
.navigation__entry:before,
.navigation__entry:hover:before {
text-decoration:none
}
.navigation__entry:after {
z-index:10;
top:0;
right:0;
bottom:0;
left:0;
position:absolute;
display:block;
content:"";
background:transparent
}
.navigation__entry:focus,
.navigation__entry:hover {
text-decoration:none
}
.navigation__entry:focus .navigation__entry-label,
.navigation__entry:hover .navigation__entry-label {
text-decoration:underline
}
.navigation__item--is-current>.navigation__entry,
.navigation__item--is-open>.navigation__entry {
z-index:10;
position:relative;
transform:translate3d(1.2rem,0,0)
}
.navigation__entry>* {
pointer-events:none
}
.navigation__entry-label {
display:inline-block;
white-space:normal
}
.navigation__entry-label:after {
display:inline;
content:"";
white-space:nowrap
}
.navigation__link .navigation__entry-label {
display:inline;
padding-right:1.2rem
}
.navigation__button .navigation__entry-label {
padding-right:3.6rem
}
.navigation__link:focus,
.navigation__link:hover {
text-decoration:none
}
.navigation__link-icon {
position:relative;
top:0;
left:0;
width:.8rem;
height:.8rem;
white-space:nowrap
}
.no-js .navigation__link-icon {
display:none;
visibility:hidden;
opacity:0
}
.navigation__link-icon.sprite--external {
top:-.05rem;
width:1.1rem;
height:1.1rem
}
.navigation__button-icon {
display:block;
position:absolute;
top:50%;
transform:translateY(-50%);
right:0;
width:1.5rem;
height:2.4rem;
transition:transform .2s cubic-bezier(.08,.4,.5,1)
}
.navigation__item--is-current .navigation__button-icon,
.navigation__item--is-open .navigation__button-icon {
transform:translate3d(-1.2rem,-50%,0)
}
.no-js .navigation__button-icon {
display:none;
visibility:hidden;
opacity:0
}
.navigation__breadcrumb {
z-index:50;
position:absolute;
width:100%;
top:0;
left:0;
right:0;
padding:1.25rem 0;
border-top:0;
background:transparent;
background-image:linear-gradient(180deg,#007ab8 0,#007ab8 80%,rgba(0,122,184,.001))
}
@media (min-width:600px) {
.navigation__breadcrumb {
padding-left:1.8rem;
padding-right:1.8rem
}
}
@media (min-width:768px) {
.navigation__breadcrumb {
padding-left:2.4rem;
padding-right:2.4rem
}
}
@media (min-width:992px) {
.navigation__breadcrumb {
padding-left:9.6rem;
padding-right:9.6rem
}
}
.no-js .navigation__breadcrumb {
display:none;
visibility:hidden;
opacity:0
}
.navigation__intro {
display:none;
visibility:hidden;
opacity:0;
transition:transform .4s cubic-bezier(.08,.4,.5,1),opacity .4s cubic-bezier(.5,0,.85,.75) .01s;
will-change:opacity,transform;
opacity:1;
position:absolute;
left:0;
top:5rem
}
@media (min-width:768px) {
.navigation__intro {
width:calc(49.5% - 1.2rem);
padding-left:1%;
padding-right:1%;
left:calc(-1% + 2.4rem)
}
[data-navigation-current-level="1"] .navigation__intro {
display:block;
visibility:visible;
opacity:1;
transform:translate3d(100%,0,0)
}
}
@media (min-width:992px) {
.navigation__intro {
width:calc(64.6666% - 9rem);
left:calc(-1% + 9.6rem)
}
[data-navigation-current-level="1"] .navigation__intro {
transform:translate3d(50%,0,0)
}
[data-navigation-current-level="2"] .navigation__intro {
display:block;
visibility:visible;
opacity:1;
width:calc(32.3333% - 4.5rem);
transform:translate3d(200%,0,0)
}
}
.no-js .navigation__intro {
display:none;
visibility:hidden;
opacity:0
}
.navigation__intro-content {
font-size:1.5rem;
font-family:Arial,sans-serif;
font-weight:400;
font-style:normal;
line-height:1.5;
border-top:1px solid #fff;
color:#fff
}
html:not(.webfonts--agpn-loading) .navigation__intro-content {
font-family:AGPN,Arial,sans-serif
}
@media (min-width:600px) {
.navigation__intro-content {
font-size:1.6rem
}
}
@media (min-width:992px) {
.navigation__intro-content {
font-size:1.8rem
}
}
.navigation__intro-content .image__container {
margin-left:0;
margin-right:0;
padding:0
}
.navigation__intro-content .image__container>img {
max-width:100%
}
.navigation__topics {
z-index:40;
color:#fff;
position:absolute;
top:0;
left:0;
right:0;
overflow:hidden
}
@media (min-width:600px) {
.navigation__topics {
right:1.8rem;
left:1.8rem
}
}
@media (min-width:992px) {
.navigation__topics {
right:9.6rem;
left:9.6rem
}
}
.navigation__topics[aria-hidden=true] {
display:none;
visibility:hidden;
opacity:0;
transform:translate3d(100%,0,0)
}
.navigation__topics[aria-hidden=false] {
transform:translateZ(0)
}
.navigation__topics-az {
transition:transform .4s cubic-bezier(.08,.4,.5,1),opacity .4s cubic-bezier(.5,0,.85,.75) .01s;
will-change:opacity,transform;
opacity:1
}
[data-navigation-current-level=subtopics] .navigation__topics-az {
transform:translate3d(-100%,0,0)
}
@media (min-width:768px) {
[data-navigation-current-level=subtopics] .navigation__topics-az {
transform:translateZ(0)
}
}
.navigation__topics[aria-hidden=false] .navigation__topics-az {
opacity:1;
transform:translateZ(0)
}
@media (min-width:768px) {
.navigation__topics[aria-hidden=false] .navigation__topics-az {
top:0;
width:49%
}
}
@media (min-width:992px) {
.navigation__topics[aria-hidden=false] .navigation__topics-az {
width:32.3333%
}
}
.navigation__topics-header {
transition:transform .4s cubic-bezier(.08,.4,.5,1),opacity .4s cubic-bezier(.5,0,.85,.75) .01s;
will-change:opacity,transform;
opacity:1;
display:flex;
flex-direction:column-reverse;
margin-top:5rem
}
[data-navigation-current-level=subtopics] .navigation__topics-header {
transform:translate3d(-100%,0,0)
}
@media (min-width:768px) {
[data-navigation-current-level=subtopics] .navigation__topics-header {
transform:translateZ(0)
}
}
.navigation__topics-letter-list {
font-size:1.2rem;
list-style:none;
display:flex;
flex-wrap:wrap;
justify-content:space-between;
margin:0;
padding:0;
border-top:1px solid #fff
}
@media (min-width:992px) {
.navigation__topics-letter-list {
font-size:1.3rem
}
}
.navigation__topics-letter {
cursor:pointer;
padding:1.8rem 0;
outline:0;
text-align:center;
line-height:1;
font-size:1.4rem;
width:16.66667%
}
@media (min-width:480px) {
.navigation__topics-letter {
width:12.5%
}
}
@media (min-width:600px) {
.navigation__topics-letter {
width:8.33333%
}
}
@media (min-width:992px) {
.navigation__topics-letter {
font-size:1.8rem;
width:4.16667%
}
}
.navigation__topics-letter:focus,
.navigation__topics-letter:hover {
background:#fff;
color:#007ab8
}
.navigation__topics-letter[aria-selected=true] {
background:#fff;
color:#007ab8;
font-weight:600
}
.navigation__topics-letter--disabled {
opacity:.5;
cursor:default
}
.navigation__topics-letter--disabled:focus,
.navigation__topics-letter--disabled:hover {
text-decoration:none
}
.navigation__topics-level {
transition:transform .4s cubic-bezier(.08,.4,.5,1),opacity .4s cubic-bezier(.5,0,.85,.75) .01s;
will-change:opacity,transform;
opacity:1
}
[data-navigation-current-level=subtopics] .navigation__topics-level {
transform:translate3d(-100%,0,0)
}
@media (min-width:768px) {
[data-navigation-current-level=subtopics] .navigation__topics-level {
transform:translateZ(0)
}
}
.navigation__topics-level[aria-hidden=true] {
display:none;
visibility:hidden;
opacity:0
}
.navigation__level--topics-sublevel {
z-index:1;
position:absolute;
left:0;
top:5rem;
transform:translate3d(100%,0,0);
opacity:0
}
[data-navigation-current-level=subtopics] .navigation__level--topics-sublevel {
transform:translateZ(0);
opacity:1
}
@media (min-width:768px) {
[data-navigation-current-level=subtopics] .navigation__level--topics-sublevel,
[data-navigation-current-level=topics] .navigation__level--topics-sublevel {
top:calc(15rem + 2px);
left:2%;
width:49%;
transform:translate3d(100%,0,0)
}
}
@media (min-width:992px) {
[data-navigation-current-level=subtopics] .navigation__level--topics-sublevel,
[data-navigation-current-level=topics] .navigation__level--topics-sublevel {
top:calc(10.4rem + 2px);
width:65.6666%;
left:2%;
transform:translate3d(50%,0,0)
}
}
.navigation__level--topics-sublevel .navigation__title {
border:0
}
.searchitem .searchresult__title b {
font-weight:700
}
.video__controls button.focusable:active,
.video__controls button.focusable:focus,
.video__controls input.focusable:active,
.video__controls input.focusable:focus {
position:static;
clip:auto;
width:auto;
height:auto;
margin:0;
overflow:visible
}
.layout--is-keypressed .video__controls button:focus,
.layout--is-keypressed .video__controls input:focus,
.no-js .video__controls button:focus,
.no-js .video__controls input:focus {
outline:0;
outline-offset:0
}
.video__controls button:active,
.video__controls button:focus,
.video__controls input:active,
.video__controls input:focus {
display:block;
position:static;
clip:auto;
width:auto;
height:auto;
margin:0;
overflow:visible
}
.video__controls button:focus,
.video__controls input:focus {
background:#004774
}
.video__controls button:active,
.video__controls input:active {
background:#99b5c7
}
.video__controls__description {
position:absolute;
border:0;
clip:rect(0 0 0 0);
width:1px;
height:1px;
margin:-1px;
padding:0;
overflow:hidden
}
.video__controls__description.focusable:active,
.video__controls__description.focusable:focus {
position:static;
clip:auto;
width:auto;
height:auto;
margin:0;
overflow:visible
}
.video__iframe {
position:absolute;
top:0;
left:0;
width:100%;
height:100%
}
.author {
font-size:1.3rem;
padding:1.2rem 0 0;
color:#767676
}
@media (min-width:992px) {
.author {
font-size:1.4rem
}
}
.author:before {
position:absolute;
display:block;
content:"";
position:static;
width:2.4em;
height:0;
margin:1em 0
}
.author__list {
margin:0;
padding:0
}
.author__item,
.author__list {
list-style:none
}
.backlink {
font-size:1.3rem;
color:#007ab8;
text-decoration:none;
transition:color .1s ease-out 0s,background .1s ease-out;
display:inline-block
}
@media (min-width:992px) {
.backlink {
font-size:1.4rem
}
}
.backlink:link {
color:#007ab8
}
.backlink:visited {
color:#007ab8;
text-decoration:none
}
@media print {
.backlink {
text-decoration:underline
}
}
.backlink:before {
display:inline-block
}
.backlink:after,
.backlink:before {
text-decoration:underline
}
.backlink:after {
text-decoration:none
}
.backlink:active,
.backlink:hover {
color:#004774;
text-decoration:underline
}
.backlink:active:before,
.backlink:before,
.backlink:hover:before {
text-decoration:none
}
.backlink:before {
-moz-osx-font-smoothing:grayscale;
-webkit-font-smoothing:antialiased;
content:"";
font-family:icons;
font-style:normal;
font-variant:normal;
font-weight:400;
line-height:1;
speak:none;
text-transform:none;
font-size:.75em;
margin-right:.3em;
position:relative;
top:.1em
}
.backlink:first-child,
.breadcrumb+.backlink {
margin-top:2.75em
}
@media print {
.backlink {
display:none;
visibility:hidden
}
}
.button--add:before,
.button--arrow-down:before,
.button--arrow-left:before,
.button--close:before,
.button--delete:before,
.button--edit:before,
.button--login:before,
.button--logout:before,
.button--remove:before,
.button--shoppingcart:before,
.button--start:before,
.button--switch:before,
.button--upload:before,
.form__fileinput__labeltext:before {
position:relative;
color:inherit;
margin-right:.6rem;
top:.2rem
}
.button,
.form__fileinput__labeltext {
font-size:1.3rem;
line-height:3.3rem;
height:3.6rem;
text-decoration:none;
text-align:center;
display:inline-block;
position:relative;
padding:0 1.8rem;
white-space:nowrap;
cursor:pointer;
background:transparent;
border:.1rem solid;
border-radius:0;
transition:background-color .1s ease-out,border-color .1s ease-out,color .1s ease-out
}
@media (min-width:600px) {
.button,
.form__fileinput__labeltext {
font-size:1.5rem;
height:4.2rem;
line-height:3.9rem
}
}
@media (min-width:992px) {
.button,
.form__fileinput__labeltext {
font-size:1.6rem
}
}
.button,
.button:link,
.button:visited,
.form__fileinput__labeltext,
.form__fileinput__labeltext:link,
.form__fileinput__labeltext:visited {
border-color:#007ab8;
color:#007ab8
}
.button:focus,
.button:hover,
.form__fileinput__labeltext:focus,
.form__fileinput__labeltext:hover {
border-color:#004774;
color:#004774
}
.button:active,
.form__fileinput__labeltext:active {
border-color:#99b5c7;
color:#99b5c7
}
.button[disabled],
.form__fileinput__labeltext[disabled] {
border-color:#767676;
color:#767676;
cursor:not-allowed
}
.button[data-button-processing=true][data-button-processing=true].button[data-button-processing=true][data-button-processing=true],
.button[data-button-processing=true][data-button-processing=true].button[data-button-processing=true][data-button-processing=true]:active,
.button[data-button-processing=true][data-button-processing=true].button[data-button-processing=true][data-button-processing=true]:hover,
.form__fileinput__labeltext[data-button-processing=true][data-button-processing=true][data-button-processing=true][data-button-processing=true],
.form__fileinput__labeltext[data-button-processing=true][data-button-processing=true][data-button-processing=true][data-button-processing=true]:active,
.form__fileinput__labeltext[data-button-processing=true][data-button-processing=true][data-button-processing=true][data-button-processing=true]:hover {
border-color:#007ab8;
color:#007ab8;
cursor:progress
}
.button[data-button-processing=true][data-button-processing=true].button[data-button-processing=true][data-button-processing=true] .button__icon,
.button[data-button-processing=true][data-button-processing=true].button[data-button-processing=true][data-button-processing=true] .sprite,
.button[data-button-processing=true][data-button-processing=true].button[data-button-processing=true][data-button-processing=true]:active .button__icon,
.button[data-button-processing=true][data-button-processing=true].button[data-button-processing=true][data-button-processing=true]:active .sprite,
.button[data-button-processing=true][data-button-processing=true].button[data-button-processing=true][data-button-processing=true]:hover .button__icon,
.button[data-button-processing=true][data-button-processing=true].button[data-button-processing=true][data-button-processing=true]:hover .sprite,
.form__fileinput__labeltext[data-button-processing=true][data-button-processing=true][data-button-processing=true][data-button-processing=true] .button__icon,
.form__fileinput__labeltext[data-button-processing=true][data-button-processing=true][data-button-processing=true][data-button-processing=true] .sprite,
.form__fileinput__labeltext[data-button-processing=true][data-button-processing=true][data-button-processing=true][data-button-processing=true]:active .button__icon,
.form__fileinput__labeltext[data-button-processing=true][data-button-processing=true][data-button-processing=true][data-button-processing=true]:active .sprite,
.form__fileinput__labeltext[data-button-processing=true][data-button-processing=true][data-button-processing=true][data-button-processing=true]:hover .button__icon,
.form__fileinput__labeltext[data-button-processing=true][data-button-processing=true][data-button-processing=true][data-button-processing=true]:hover .sprite {
-webkit-animation:fadeout .1s ease-out forwards;
animation:fadeout .1s ease-out forwards
}
.button[data-button-processing=true][data-button-processing=true].button[data-button-processing=true][data-button-processing=true] .button__label,
.button[data-button-processing=true][data-button-processing=true].button[data-button-processing=true][data-button-processing=true]:active .button__label,
.button[data-button-processing=true][data-button-processing=true].button[data-button-processing=true][data-button-processing=true]:hover .button__label,
.form__fileinput__labeltext[data-button-processing=true][data-button-processing=true][data-button-processing=true][data-button-processing=true] .button__label,
.form__fileinput__labeltext[data-button-processing=true][data-button-processing=true][data-button-processing=true][data-button-processing=true]:active .button__label,
.form__fileinput__labeltext[data-button-processing=true][data-button-processing=true][data-button-processing=true][data-button-processing=true]:hover .button__label {
opacity:0;
transform:scale(2)
}
.button[data-button-processing=true][data-button-processing=true].button[data-button-processing=true][data-button-processing=true] .loading,
.button[data-button-processing=true][data-button-processing=true].button[data-button-processing=true][data-button-processing=true]:active .loading,
.button[data-button-processing=true][data-button-processing=true].button[data-button-processing=true][data-button-processing=true]:hover .loading,
.form__fileinput__labeltext[data-button-processing=true][data-button-processing=true][data-button-processing=true][data-button-processing=true] .loading,
.form__fileinput__labeltext[data-button-processing=true][data-button-processing=true][data-button-processing=true][data-button-processing=true]:active .loading,
.form__fileinput__labeltext[data-button-processing=true][data-button-processing=true][data-button-processing=true][data-button-processing=true]:hover .loading {
-webkit-animation:button-zoomin .2s ease-out .2s forwards;
animation:button-zoomin .2s ease-out .2s forwards
}
.button:active,
.button:hover,
.form__fileinput__labeltext:active,
.form__fileinput__labeltext:hover {
text-decoration:none
}
.contentcol .button+.button,
.contentcol .button+.form__fileinput__labeltext,
.contentcol .form__fileinput__labeltext+.button,
.contentcol .form__fileinput__labeltext+.form__fileinput__labeltext,
.richtext .button+.button,
.richtext .button+.form__fileinput__labeltext,
.richtext .form__fileinput__labeltext+.button,
.richtext .form__fileinput__labeltext+.form__fileinput__labeltext {
margin-top:1.2rem
}
.button .sprite--location,
.button .sprite--pencil,
.button .sprite--phone,
.form__fileinput__labeltext .sprite--location,
.form__fileinput__labeltext .sprite--pencil,
.form__fileinput__labeltext .sprite--phone {
top:.175em
}
.button .sprite--pencil,
.form__fileinput__labeltext .sprite--pencil {
height:1.15em;
width:1.15em
}
.button .loading,
.form__fileinput__labeltext .loading {
display:block;
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
opacity:0;
transform:translate(-50%,-47%) scale(.1)
}
.button .loading__circle:after,
.form__fileinput__labeltext .loading__circle:after {
background:#99b5c7
}
.button--primary,
.button--primary:link,
.button--primary:visited {
background-color:#007ab8;
border-color:#007ab8;
color:#fff
}
.button--primary:focus,
.button--primary:hover {
background-color:#004774;
border-color:#004774;
color:#fff
}
.button--primary:active {
background-color:#99b5c7;
border-color:#99b5c7;
color:#fff
}
.button--primary[disabled] {
background-color:#dbdbdb;
border-color:#dbdbdb;
color:#767676;
cursor:not-allowed
}
.button--primary[data-button-processing=true][data-button-processing=true].button--primary[data-button-processing=true][data-button-processing=true],
.button--primary[data-button-processing=true][data-button-processing=true].button--primary[data-button-processing=true][data-button-processing=true]:active,
.button--primary[data-button-processing=true][data-button-processing=true].button--primary[data-button-processing=true][data-button-processing=true]:hover {
background-color:#007ab8;
color:#fff;
cursor:progress
}
@media print {
.button--primary {
border-width:.2rem;
line-height:2.8rem
}
}
.button--primary .loading__circle:after {
background:#fff
}
.button--danger,
.button--danger:link,
.button--danger:visited {
border-color:#b80d22;
color:#b80d22
}
.button--danger:focus,
.button--danger:hover {
border-color:#8c0011;
color:#8c0011
}
.button--danger:active {
border-color:#d199a0;
color:#d199a0
}
.button--danger[disabled] {
border-color:#767676;
color:#767676;
cursor:not-allowed
}
.button--danger[data-button-processing=true][data-button-processing=true].button--danger[data-button-processing=true][data-button-processing=true],
.button--danger[data-button-processing=true][data-button-processing=true].button--danger[data-button-processing=true][data-button-processing=true]:active,
.button--danger[data-button-processing=true][data-button-processing=true].button--danger[data-button-processing=true][data-button-processing=true]:hover {
border-color:#b80d22;
color:#b80d22
}
.button--danger .loading__circle:after {
background:#d199a0
}
.button--primary.button--danger,
.button--primary.button--danger:link,
.button--primary.button--danger:visited {
background-color:#b80d22;
border-color:#b80d22;
color:#fff
}
.button--primary.button--danger:focus,
.button--primary.button--danger:hover {
background-color:#8c0011;
border-color:#8c0011;
color:#fff
}
.button--primary.button--danger:active {
background-color:#d199a0;
border-color:#d199a0;
color:#fff
}
.button--primary.button--danger[disabled] {
background-color:#dbdbdb;
border-color:#dbdbdb;
color:#767676;
cursor:not-allowed
}
.button--primary.button--danger[data-button-processing=true][data-button-processing=true].button--primary.button--danger[data-button-processing=true][data-button-processing=true],
.button--primary.button--danger[data-button-processing=true][data-button-processing=true].button--primary.button--danger[data-button-processing=true][data-button-processing=true]:active,
.button--primary.button--danger[data-button-processing=true][data-button-processing=true].button--primary.button--danger[data-button-processing=true][data-button-processing=true]:hover {
background-color:#b80d22;
color:#fff
}
@media print {
.button--primary.button--danger {
border-width:.2rem;
line-height:2.8rem
}
}
.button--primary.button--danger .loading__circle:after {
background:#fff
}
.button--inverted,
.button--inverted:link,
.button--inverted:visited {
background-color:transparent;
border-color:#fff;
color:#fff
}
.button--inverted:active,
.button--inverted:focus,
.button--inverted:hover,
.button--inverted:link:active,
.button--inverted:link:focus,
.button--inverted:link:hover,
.button--inverted:visited:active,
.button--inverted:visited:focus,
.button--inverted:visited:hover {
background-color:rgba(38,38,38,.2);
border-color:#e5f4fc;
color:#e5f4fc
}
.button--inverted:link[disabled],
.button--inverted:visited[disabled],
.button--inverted[disabled] {
background-color:transparent;
border-color:#767676;
color:#767676;
cursor:not-allowed
}
.button--inverted:link[data-button-processing=true][data-button-processing=true] .button--inverted:link[data-button-processing=true][data-button-processing=true],
.button--inverted:link[data-button-processing=true][data-button-processing=true] .button--inverted:visited[data-button-processing=true][data-button-processing=true],
.button--inverted:link[data-button-processing=true][data-button-processing=true] .button--inverted:visited[data-button-processing=true][data-button-processing=true]:active,
.button--inverted:link[data-button-processing=true][data-button-processing=true] .button--inverted:visited[data-button-processing=true][data-button-processing=true]:hover,
.button--inverted:link[data-button-processing=true][data-button-processing=true].button--inverted[data-button-processing=true][data-button-processing=true],
.button--inverted:visited[data-button-processing=true][data-button-processing=true] .button--inverted:link[data-button-processing=true][data-button-processing=true],
.button--inverted:visited[data-button-processing=true][data-button-processing=true] .button--inverted:visited[data-button-processing=true][data-button-processing=true],
.button--inverted:visited[data-button-processing=true][data-button-processing=true] .button--inverted:visited[data-button-processing=true][data-button-processing=true]:active,
.button--inverted:visited[data-button-processing=true][data-button-processing=true] .button--inverted:visited[data-button-processing=true][data-button-processing=true]:hover,
.button--inverted:visited[data-button-processing=true][data-button-processing=true].button--inverted[data-button-processing=true][data-button-processing=true],
.button--inverted[data-button-processing=true][data-button-processing=true] .button--inverted:link[data-button-processing=true][data-button-processing=true],
.button--inverted[data-button-processing=true][data-button-processing=true] .button--inverted:visited[data-button-processing=true][data-button-processing=true],
.button--inverted[data-button-processing=true][data-button-processing=true] .button--inverted:visited[data-button-processing=true][data-button-processing=true]:active,
.button--inverted[data-button-processing=true][data-button-processing=true] .button--inverted:visited[data-button-processing=true][data-button-processing=true]:hover,
.button--inverted[data-button-processing=true][data-button-processing=true].button--inverted[data-button-processing=true][data-button-processing=true] {
background-color:transparent;
border-color:#767676;
color:#fff;
cursor:progress
}
.button--inverted .loading__circle:after,
.button--inverted:link .loading__circle:after,
.button--inverted:visited .loading__circle:after {
background:#767676
}
.button--inverted.button--primary,
.button--inverted.button--primary:link,
.button--inverted.button--primary:visited {
background-color:#fff;
border-color:#007ab8;
color:#007ab8
}
.button--inverted.button--primary:focus,
.button--inverted.button--primary:hover,
.button--inverted.button--primary:link:focus,
.button--inverted.button--primary:link:hover,
.button--inverted.button--primary:visited:focus,
.button--inverted.button--primary:visited:hover {
background-color:rgba(38,38,38,.2);
border-color:#e5f4fc;
color:#e5f4fc
}
.button--inverted.button--primary:active,
.button--inverted.button--primary:link:active,
.button--inverted.button--primary:visited:active {
border-color:#e5f4fc;
color:#e5f4fc
}
.button--inverted.button--primary:link[disabled],
.button--inverted.button--primary:visited[disabled],
.button--inverted.button--primary[disabled] {
background-color:#767676;
border-color:#fff;
color:#fff;
cursor:not-allowed
}
.button--inverted.button--primary:link[data-button-processing=true][data-button-processing=true] .button--inverted.button--primary:link[data-button-processing=true][data-button-processing=true],
.button--inverted.button--primary:link[data-button-processing=true][data-button-processing=true] .button--inverted.button--primary:visited[data-button-processing=true][data-button-processing=true],
.button--inverted.button--primary:link[data-button-processing=true][data-button-processing=true] .button--inverted.button--primary:visited[data-button-processing=true][data-button-processing=true]:active,
.button--inverted.button--primary:link[data-button-processing=true][data-button-processing=true] .button--inverted.button--primary:visited[data-button-processing=true][data-button-processing=true]:hover,
.button--inverted.button--primary:link[data-button-processing=true][data-button-processing=true].button--inverted.button--primary[data-button-processing=true][data-button-processing=true],
.button--inverted.button--primary:visited[data-button-processing=true][data-button-processing=true] .button--inverted.button--primary:link[data-button-processing=true][data-button-processing=true],
.button--inverted.button--primary:visited[data-button-processing=true][data-button-processing=true] .button--inverted.button--primary:visited[data-button-processing=true][data-button-processing=true],
.button--inverted.button--primary:visited[data-button-processing=true][data-button-processing=true] .button--inverted.button--primary:visited[data-button-processing=true][data-button-processing=true]:active,
.button--inverted.button--primary:visited[data-button-processing=true][data-button-processing=true] .button--inverted.button--primary:visited[data-button-processing=true][data-button-processing=true]:hover,
.button--inverted.button--primary:visited[data-button-processing=true][data-button-processing=true].button--inverted.button--primary[data-button-processing=true][data-button-processing=true],
.button--inverted.button--primary[data-button-processing=true][data-button-processing=true] .button--inverted.button--primary:link[data-button-processing=true][data-button-processing=true],
.button--inverted.button--primary[data-button-processing=true][data-button-processing=true] .button--inverted.button--primary:visited[data-button-processing=true][data-button-processing=true],
.button--inverted.button--primary[data-button-processing=true][data-button-processing=true] .button--inverted.button--primary:visited[data-button-processing=true][data-button-processing=true]:active,
.button--inverted.button--primary[data-button-processing=true][data-button-processing=true] .button--inverted.button--primary:visited[data-button-processing=true][data-button-processing=true]:hover,
.button--inverted.button--primary[data-button-processing=true][data-button-processing=true].button--inverted.button--primary[data-button-processing=true][data-button-processing=true] {
background-color:transparent;
border-color:#767676;
color:#fff;
cursor:progress
}
.button--inverted.button--primary .loading__circle:after,
.button--inverted.button--primary:link .loading__circle:after,
.button--inverted.button--primary:visited .loading__circle:after {
background:#767676
}
.button--full {
width:100%;
display:block
}
.button--align-right {
float:right
}
.contentcol .button--actioninlist,
.contentcol .button--actioninlist+.button--actioninlist,
.richtext .button--actioninlist,
.richtext .button--actioninlist+.button--actioninlist {
position:relative;
width:3.2rem;
height:3.2rem;
margin:0;
line-height:2.9rem;
padding:0;
text-align:center
}
.button .contentcol .button--actioninlist+.button--actioninlist .sprite,
.button .contentcol .button--actioninlist .sprite,
.button .richtext .button--actioninlist+.button--actioninlist .sprite,
.button .richtext .button--actioninlist .sprite,
.contentcol .button--actioninlist+.button--actioninlist .button .sprite,
.contentcol .button--actioninlist+.button--actioninlist .button__icon,
.contentcol .button--actioninlist+.button--actioninlist .form__fileinput__labeltext .sprite,
.contentcol .button--actioninlist .button .sprite,
.contentcol .button--actioninlist .button__icon,
.contentcol .button--actioninlist .form__fileinput__labeltext .sprite,
.form__fileinput__labeltext .contentcol .button--actioninlist+.button--actioninlist .sprite,
.form__fileinput__labeltext .contentcol .button--actioninlist .sprite,
.form__fileinput__labeltext .richtext .button--actioninlist+.button--actioninlist .sprite,
.form__fileinput__labeltext .richtext .button--actioninlist .sprite,
.richtext .button--actioninlist+.button--actioninlist .button .sprite,
.richtext .button--actioninlist+.button--actioninlist .button__icon,
.richtext .button--actioninlist+.button--actioninlist .form__fileinput__labeltext .sprite,
.richtext .button--actioninlist .button .sprite,
.richtext .button--actioninlist .button__icon,
.richtext .button--actioninlist .form__fileinput__labeltext .sprite {
display:block;
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
height:1.6rem;
width:1.6rem;
font-size:0
}
.button .sprite,
.button__icon,
.form__fileinput__labeltext .sprite {
pointer-events:none;
display:inline-block;
fill:currentColor;
width:100%;
height:1.2em;
width:1.2em;
position:relative;
top:.225em;
margin:0;
padding:0;
background:transparent;
line-height:1;
border:0;
cursor:pointer;
overflow:hidden
}
.button__label {
display:inline-block;
position:relative;
transition:transform .3s ease-in,opacity .3s ease-in
}
.sprite+.button__label {
margin-left:.6rem
}
.button__label--visuallyhidden {
position:absolute;
border:0;
clip:rect(0 0 0 0);
width:1px;
height:1px;
padding:0;
overflow:hidden;
margin:0
}
.button__label--visuallyhidden.focusable:active,
.button__label--visuallyhidden.focusable:focus {
position:static;
clip:auto;
width:auto;
height:auto;
margin:0;
overflow:visible
}
.button__loadingindicator {
position:absolute;
border:0;
clip:rect(0 0 0 0);
width:1px;
height:1px;
margin:-1px;
padding:0;
overflow:hidden
}
.button__loadingindicator.focusable:active,
.button__loadingindicator.focusable:focus {
position:static;
clip:auto;
width:auto;
height:auto;
margin:0;
overflow:visible
}
@-webkit-keyframes button-zoomin {
0% {
opacity:0;
transform:translate(-50%,-47%) scale(0)
}
to {
opacity:1;
transform:translate(-50%,-47%) scale(1)
}
}
@keyframes button-zoomin {
0% {
opacity:0;
transform:translate(-50%,-47%) scale(0)
}
to {
opacity:1;
transform:translate(-50%,-47%) scale(1)
}
}
.button--start {
position:relative;
padding:0 .6rem;
height:3.2rem;
line-height:2.9rem;
margin:0
}
.button--start:before {
-moz-osx-font-smoothing:grayscale;
-webkit-font-smoothing:antialiased;
content:"";
font-family:icons;
font-style:normal;
font-variant:normal;
font-weight:400;
line-height:1;
speak:none;
text-transform:none
}
@media (min-width:600px) {
.button--start {
width:3.2rem;
text-align:center;
margin:0
}
}
@media (min-width:600px) {
.button--start:before {
display:block;
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
margin:0;
padding:0
}
}
@media (min-width:600px) {
.button--start .button__label {
position:absolute;
border:0;
clip:rect(0 0 0 0);
width:1px;
height:1px;
margin:-1px;
padding:0;
overflow:hidden
}
.button--start .button__label.focusable:active,
.button--start .button__label.focusable:focus {
position:static;
clip:auto;
width:auto;
height:auto;
margin:0;
overflow:visible
}
}
.contactinfo {
line-height:1.5;
font-style:normal
}
.contactinfo .email {
display:inline-block;
max-width:100%;
white-space:normal;
word-break:break-all;
-webkit-hyphens:auto;
-ms-hyphens:auto;
hyphens:auto
}
.contactinfo .email.email {
padding:0
}
.contactinfo .email:before {
display:none
}
.contactinfo__heading {
font-size:135%;
font-weight:600;
page-break-after:avoid;
margin:0
}
@media (min-width:600px) {
.contactinfo__heading {
font-size:145%
}
}
.contactinfo__organisation {
display:block;
margin-top:.7em;
font-weight:600
}
.contactinfo__organisation+br {
display:none
}
.contactinfo__role,
.contactinfo__title {
display:inline-block
}
.contactinfo__role {
margin-bottom:1.5
}
.contactinfo__address {
margin-top:0
}
.contactinfo__locationtitle {
font-size:100%;
font-weight:600;
page-break-after:avoid;
margin:1.5em 0 0
}
.contactinfo__locationimagecontainer.contactinfo__locationimagecontainer {
margin-top:0
}
.contextinfo {
font-size:1.3rem;
margin-left:-1.2rem;
margin-right:-1.2rem;
background:#262626;
padding:.4em 1.2rem .7em;
color:#fff;
line-height:1.5
}
@media (min-width:992px) {
.contextinfo {
font-size:1.4rem
}
}
@media (min-width:600px) {
.contextinfo {
margin-left:-1.8rem;
margin-right:-1.8rem;
padding-left:1.8rem;
padding-right:1.8rem
}
}
@media (min-width:992px) {
.contextinfo {
margin:2.4rem 0 0;
padding-left:2.4rem;
padding-right:2.4rem
}
}
.contextinfo__inner {
padding:0;
margin:0;
text-align:center
}
.contextinfo__info {
display:inline-block;
font-size:1em;
margin:.4em 0 0
}
.contextinfo__identity {
font-weight:700
}
.contextinfo__link {
display:inline-block;
white-space:nowrap;
color:#fff;
border:1px solid #fff;
background-color:transparent;
margin-top:.4em;
margin-left:.5em;
text-decoration:none;
padding:.45em .7em .42em;
transition:color .3s ease-out,background-color .3s ease-out;
cursor:pointer
}
.contextinfo__link:hover {
background-color:#fff;
color:#262626
}
.contextinfo+.contentcol {
margin-top:0
}
.dropdownlist {
position:relative;
display:inline-block;
text-align:right;
list-style:none
}
.dropdownlist--in-table {
margin-top:-1rem;
margin-bottom:-1.2rem;
text-align:left
}
@media (min-width:600px) {
.dropdownlist--in-table {
text-align:right
}
}
.dropdownlist__button {
height:auto;
border:0;
line-height:normal;
background:transparent;
z-index:20;
height:3.6rem;
line-height:3.6rem;
position:relative;
padding:0 3rem 0 0;
color:#007ab8;
cursor:pointer
}
.dropdownlist__button:before {
-moz-osx-font-smoothing:grayscale;
-webkit-font-smoothing:antialiased;
content:"";
font-family:icons;
font-style:normal;
font-variant:normal;
font-weight:400;
line-height:1;
speak:none;
text-transform:none;
position:absolute;
color:#007ab8;
top:1.1rem;
right:1.2rem
}
@media (min-width:600px) {
.dropdownlist__button {
padding-right:3.6rem
}
}
.dropdownlist__button:hover .dropdownlist__button__text {
text-decoration:underline
}
.dropdownlist__button--active {
z-index:50
}
.dropdownlist__items {
z-index:40;
display:none;
visibility:hidden;
position:absolute;
top:3.6rem;
padding:0;
margin:0;
background:#fff;
box-shadow:.1rem .1rem .3rem 0 rgba(0,0,0,.25);
list-style:none
}
.dropdownlist--in-table .dropdownlist__items {
left:-.6rem;
right:auto
}
@media (min-width:600px) {
.dropdownlist--in-table .dropdownlist__items {
right:0;
left:auto
}
}
.dropdownlist__items[aria-hidden=false] {
display:block;
visibility:visible
}
@media print {
.dropdownlist__items[aria-hidden=false] {
display:none;
visibility:hidden
}
}
.dropdownlist__item {
display:block
}
.dropdownlist__link {
display:block;
height:3.6rem;
line-height:3.6rem;
border-top:.1rem solid #dbdbdb;
border-right:.2rem solid #fff;
float:none;
padding:0 1.2rem;
cursor:pointer;
overflow:hidden;
white-space:nowrap
}
.dropdownlist__link>.link__text {
white-space:nowrap
}
.dropdownlist--in-table .dropdownlist__link {
border-right:0;
border-left:.1rem solid #fff
}
@media (min-width:600px) {
.dropdownlist--in-table .dropdownlist__link {
border-right:.2rem solid #fff;
border-left:0
}
}
.dropdownlist__link:focus,
.dropdownlist__link:hover {
border-left-color:#007ab8;
border-right-color:#007ab8
}
.contentcol>.imagedetail:first-child,
.form__entry .g-recaptcha {
margin-top:0
}
.imagedetail__image {
position:relative;
background:#f7f7f7;
margin-top:.75em
}
.imagedetail__image .contactinfo__locationimagecontainer,
.imagedetail__image .image,
.imagedetail__image .image__container {
margin:0
}
.imagedetail--tall .imagedetail__image {
position:relative
}
.imagedetail--tall .imagedetail__image:before {
display:block;
width:100%;
content:"";
padding-top:100%
}
.imagedetail--tall .imagedetail__image>:first-child {
position:absolute;
top:0;
left:0;
right:0;
bottom:0
}
.imagedetail--tall .imagedetail__image .contactinfo__locationimagecontainer,
.imagedetail--tall .imagedetail__image .image,
.imagedetail--tall .imagedetail__image .image__container {
position:absolute;
top:0;
left:0;
width:100%;
height:100%
}
.imagedetail--tall .imagedetail__image .contactinfo__locationimagecontainer img,
.imagedetail--tall .imagedetail__image .image__container img,
.imagedetail--tall .imagedetail__image .image img {
display:block;
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
height:100%;
width:auto
}
.imagedetail>.paging:first-child {
margin-top:0
}
.imagegallery {
font-size:1.3rem
}
@media (min-width:992px) {
.imagegallery {
font-size:1.4rem
}
}
.paging+.imagegallery {
margin-top:1.2rem
}
@media (min-width:768px) {
.paging+.imagegallery {
margin-top:1.8rem
}
}
@media (min-width:992px) {
.paging+.imagegallery {
margin-top:2.4rem
}
}
.imagegallery__items {
overflow:visible;
position:relative
}
.imagegallery__items:after {
z-index:1;
position:absolute;
display:block;
content:"";
height:1px;
bottom:0;
left:1.2rem;
right:0;
background:#dbdbdb
}
@media (min-width:600px) {
.imagegallery__items:after {
left:1.8rem
}
}
@media (min-width:992px) {
.imagegallery__items:after {
left:2.4rem
}
}
.imagegallery__item {
position:relative;
padding-top:1.2rem;
padding-bottom:1.2rem;
background-color:#fff
}
.imagegallery__item:after {
z-index:1;
position:absolute;
display:block;
content:"";
height:1px;
bottom:0;
left:0;
right:0;
background:#dbdbdb
}
.imagegallery__item:nth-child(2n-1):after {
left:1.2rem
}
@media (min-width:600px) {
.imagegallery__item {
padding-top:1.8rem;
padding-bottom:1.8rem
}
.imagegallery__item:nth-child(2n-1):after {
left:0
}
.imagegallery__item:nth-child(3n-2):after {
left:1.8rem
}
}
@media (min-width:768px) {
.imagegallery__item:nth-child(3n-2):after {
left:0
}
.imagegallery__item:nth-child(4n-3):after {
left:1.8rem
}
}
@media (min-width:992px) {
.imagegallery__item {
padding-top:2.4rem;
padding-bottom:2.4rem
}
.imagegallery__item:nth-child(4n-3):after {
left:2.4rem
}
}
@media print {
.imagegallery__item {
float:left;
width:25%;
page-break-inside:avoid
}
}
@media (min-width:600px) {
.c66l .imagegallery__item:nth-child(3n-2):after,
.c66r .imagegallery__item:nth-child(3n-2):after {
left:0
}
.c66l .imagegallery__item:nth-child(2n-1):after,
.c66r .imagegallery__item:nth-child(2n-1):after {
left:1.8rem
}
}
@media (min-width:768px) {
.c66l .imagegallery__item:nth-child(2n-1):after,
.c66l .imagegallery__item:nth-child(4n-3):after,
.c66r .imagegallery__item:nth-child(2n-1):after,
.c66r .imagegallery__item:nth-child(4n-3):after {
left:0
}
.c66l .imagegallery__item:nth-child(3n-2):after,
.c66r .imagegallery__item:nth-child(3n-2):after {
left:1.8rem
}
}
@media (min-width:992px) {
.c66l .imagegallery__item,
.c66r .imagegallery__item {
padding-top:2.4rem;
padding-bottom:2.4rem
}
.c66l .imagegallery__item:nth-child(4n-3):after,
.c66r .imagegallery__item:nth-child(4n-3):after {
left:0
}
.c66l .imagegallery__item:nth-child(3n-2):after,
.c66r .imagegallery__item:nth-child(3n-2):after {
left:2.4rem
}
}
@media print {
.c66l .imagegallery__item,
.c66r .imagegallery__item {
float:left;
width:33%
}
}
.imagegallery .contactinfo__locationimagecontainer,
.imagegallery .image,
.imagegallery .image__container {
position:relative;
margin-top:0;
background:#f7f7f7;
transition:background-color .2s ease-out
}
.imagegallery .contactinfo__locationimagecontainer:before,
.imagegallery .image:before,
.imagegallery .image__container:before {
display:block;
width:100%;
content:"";
padding-top:100%
}
.imagegallery .contactinfo__locationimagecontainer img,
.imagegallery .image__container img,
.imagegallery .image img {
display:block;
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%)
}
.imagegallery__entry {
width:100%
}
.imagegallery__entry--tall .contactinfo__locationimagecontainer img,
.imagegallery__entry--tall .image__container img,
.imagegallery__entry--tall .image img {
height:100%;
width:auto
}
.imagegallery__entry:focus,
.imagegallery__entry:hover {
z-index:1
}
.imagegallery__link {
display:block;
height:100%;
transition:background-color .2s ease-out,border-color .2s ease-out
}
.imagegallery__link:active,
.imagegallery__link:focus,
.imagegallery__link:hover {
outline:0;
outline-offset:0;
height:calc(100% + 1.2rem);
margin:-.6rem;
padding:.6rem;
background:#fcfcfc
}
@media (min-width:600px) {
.imagegallery__link:active,
.imagegallery__link:focus,
.imagegallery__link:hover {
height:calc(100% + 1.8rem);
margin:-.9rem;
padding:.9rem
}
}
@media (min-width:992px) {
.imagegallery__link:active,
.imagegallery__link:focus,
.imagegallery__link:hover {
height:calc(100% + 2.4rem);
margin:-1.2rem;
padding:1.2rem
}
}
.imagegallery__link:active .contactinfo__locationimagecontainer,
.imagegallery__link:active .image,
.imagegallery__link:active .image__container,
.imagegallery__link:focus .contactinfo__locationimagecontainer,
.imagegallery__link:focus .image,
.imagegallery__link:focus .image__container,
.imagegallery__link:hover .contactinfo__locationimagecontainer,
.imagegallery__link:hover .image,
.imagegallery__link:hover .image__container {
background:#fcfcfc
}
.imagegallery__label {
display:inline-block;
padding-top:1.2rem
}
.imagegallery__lightbox .contentcol {
margin-top:4rem
}
[data-simplebar] {
position:relative;
flex-direction:column;
flex-wrap:wrap;
justify-content:flex-start;
align-content:flex-start;
align-items:flex-start
}
.simplebar-wrapper {
overflow:hidden;
width:inherit;
height:inherit;
max-width:inherit;
max-height:inherit
}
.simplebar-mask {
direction:inherit;
overflow:hidden;
width:auto!important;
height:auto!important;
z-index:0
}
.simplebar-mask,
.simplebar-offset {
position:absolute;
padding:0;
margin:0;
left:0;
top:0;
bottom:0;
right:0
}
.simplebar-offset {
direction:inherit!important;
box-sizing:inherit!important;
resize:none!important;
-webkit-overflow-scrolling:touch
}
.simplebar-content-wrapper {
direction:inherit;
box-sizing:border-box!important;
position:relative;
display:block;
height:100%;
width:auto;
max-width:100%;
max-height:100%;
scrollbar-width:none;
-ms-overflow-style:none
}
.simplebar-content-wrapper::-webkit-scrollbar,
.simplebar-hide-scrollbar::-webkit-scrollbar {
width:0;
height:0
}
.simplebar-content:after,
.simplebar-content:before {
content:" ";
display:table
}
.simplebar-placeholder {
max-height:100%;
max-width:100%;
width:100%;
pointer-events:none
}
.simplebar-height-auto-observer-wrapper {
box-sizing:inherit!important;
height:100%;
width:100%;
max-width:1px;
position:relative;
float:left;
max-height:1px;
overflow:hidden;
z-index:-1;
padding:0;
margin:0;
pointer-events:none;
flex-grow:inherit;
flex-shrink:0;
flex-basis:0
}
.simplebar-height-auto-observer {
box-sizing:inherit;
display:block;
opacity:0;
top:0;
left:0;
height:1000%;
width:1000%;
min-height:1px;
min-width:1px;
z-index:-1
}
.simplebar-height-auto-observer,
.simplebar-track {
position:absolute;
overflow:hidden;
pointer-events:none
}
.simplebar-track {
z-index:1;
right:0;
bottom:0
}
[data-simplebar].simplebar-dragging .simplebar-content {
pointer-events:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
-webkit-user-select:none
}
[data-simplebar].simplebar-dragging .simplebar-track {
pointer-events:all
}
.simplebar-scrollbar {
position:absolute;
left:0;
right:0;
min-height:10px
}
.simplebar-scrollbar:before {
position:absolute;
content:"";
background:#000;
border-radius:7px;
left:2px;
right:2px;
opacity:0;
transition:opacity .2s linear
}
.simplebar-scrollbar.simplebar-visible:before {
opacity:.5;
transition:opacity 0s linear
}
.simplebar-track.simplebar-vertical {
top:0;
width:11px
}
.simplebar-track.simplebar-vertical .simplebar-scrollbar:before {
top:2px;
bottom:2px
}
.simplebar-track.simplebar-horizontal {
left:0;
height:11px
}
.simplebar-track.simplebar-horizontal .simplebar-scrollbar:before {
height:100%;
left:2px;
right:2px
}
.simplebar-track.simplebar-horizontal .simplebar-scrollbar {
right:auto;
left:0;
top:2px;
height:7px;
min-height:0;
min-width:10px;
width:auto
}
[data-simplebar-direction=rtl] .simplebar-track.simplebar-vertical {
right:auto;
left:0
}
.hs-dummy-scrollbar-size {
direction:rtl;
position:fixed;
opacity:0;
visibility:hidden;
height:500px;
width:500px;
overflow-y:hidden;
overflow-x:scroll
}
.simplebar-hide-scrollbar {
position:fixed;
left:0;
visibility:hidden;
overflow-y:scroll;
scrollbar-width:none;
-ms-overflow-style:none
}
.interactivegraphic {
margin-top:3rem;
position:relative;
background-color:#fff
}
.stage .interactivegraphic {
padding:4.8rem 3.4rem
}
.no-js .interactivegraphic {
min-height:14rem;
border:.1rem solid #dbdbdb;
background-color:#f7f7f7
}
.interactivegraphic__jserror {
display:block;
margin:0;
position:absolute;
top:0;
right:0;
bottom:0;
left:0
}
.js .interactivegraphic__jserror {
display:none
}
.interactivegraphic__jserrorinner {
position:absolute;
width:80%;
top:50%;
left:50%;
transform:translate(-50%,-50%);
text-align:center;
-webkit-animation:fadein 1s ease-out forwards;
animation:fadein 1s ease-out forwards
}
.interactivegraphic__content {
width:calc(33.33% + 1.2rem);
position:absolute;
top:.5rem;
bottom:.5rem;
right:0;
background-color:#fff
}
.interactivegraphic__content:after {
content:"";
position:absolute;
bottom:0;
left:1.2rem;
right:1.2rem;
height:1rem;
background-image:linear-gradient(0deg,#fff,hsla(0,0%,100%,.001))
}
.stage .interactivegraphic__content {
width:calc(33.33% - 1.4rem);
top:5.3rem;
bottom:5.3rem;
right:3.8rem
}
.interactivegraphic--collapsed .interactivegraphic__map {
width:100%
}
.interactivegraphic--collapsed .interactivegraphic__content {
position:relative;
margin:-1.7rem 1.2rem 0;
width:calc(100% - 2.4rem)
}
.stage .interactivegraphic--collapsed .interactivegraphic__content {
width:calc(100% - 1.2rem);
top:1.2rem;
bottom:0;
left:0
}
.interactivegraphic--collapsed .interactivegraphic__fullscreen {
right:.5rem
}
.interactivegraphic--collapsed .interactivegraphic__content-inner {
padding:1.2rem
}
.interactivegraphic__content-wrapper {
position:relative;
width:100%;
height:100%;
margin:0;
background-color:#fff;
box-shadow:.1rem .1rem 1.2rem 0 #dbdbdb;
opacity:1;
transition:opacity .5s
}
.interactivegraphic__content-inner {
padding:1.2rem 1.2rem 2rem
}
.interactivegraphic__content-description {
font-size:1.5rem;
font-family:Arial,sans-serif;
font-weight:400;
font-style:normal;
line-height:1.5;
color:#767676;
margin:0
}
html:not(.webfonts--agpn-loading) .interactivegraphic__content-description {
font-family:AGPN,Arial,sans-serif
}
@media (min-width:600px) {
.interactivegraphic__content-description {
font-size:1.6rem
}
}
@media (min-width:992px) {
.interactivegraphic__content-description {
font-size:1.8rem
}
}
.interactivegraphic__content-header~.interactivegraphic__content-description,
.interactivegraphic__content-image~.interactivegraphic__content-description {
margin:1.2rem 0 0
}
.interactivegraphic__content-description ol,
.interactivegraphic__content-description p,
.interactivegraphic__content-description ul {
font-size:1.4rem
}
.interactivegraphic__content-description .h2 {
line-height:1.2
}
.interactivegraphic__content-description :first-child {
margin-top:0
}
.interactivegraphic__content-directory {
margin:0 0 1.2rem;
padding:0;
list-style-type:none
}
.interactivegraphic__content-description~.interactivegraphic__content-directory,
.interactivegraphic__content-image~.interactivegraphic__content-directory {
margin-top:1.2rem
}
.interactivegraphic__content-directory-entry {
display:block
}
.interactivegraphic__content-directory-link {
display:flex;
align-items:flex-start;
text-align:left;
border:0;
width:100%;
background-color:transparent;
padding:.5rem 1rem;
transition:color .3s ease-out,background-color .3s ease-out;
cursor:pointer
}
.interactivegraphic__content-directory-link:hover {
background-color:#e5f4fc
}
.interactivegraphic__content-directory-link:hover .interactivegraphic__content-directory-label {
color:#004774
}
.interactivegraphic__content-directory-link:hover .interactivegraphic__content-directory-marker {
background-color:#004774
}
.interactivegraphic__content-directory-link:focus {
background-color:rgba(229,244,252,.5)
}
.interactivegraphic__content-directory-link:focus .interactivegraphic__content-directory-label {
font-weight:600
}
.interactivegraphic__content-directory-link:active {
background-color:rgba(229,244,252,.5)
}
.interactivegraphic__content-directory-link:active .interactivegraphic__content-directory-label {
color:#99b5c7;
font-weight:400
}
.interactivegraphic__content-directory-link:active .interactivegraphic__content-directory-marker {
background-color:#99b5c7
}
.interactivegraphic__content-directory-marker {
font-size:1.2rem;
line-height:1.2;
font-weight:600;
position:relative;
top:1px;
width:1.8rem;
height:1.8rem;
min-width:1.8rem;
background-color:#007ab8;
border-radius:100%;
color:#fff;
display:flex;
align-items:center;
justify-content:center;
transition:background-color .3s ease-out
}
.interactivegraphic__content-directory-marker-icon {
height:1rem;
width:1rem
}
.interactivegraphic__content-directory-marker-icon svg {
display:block;
position:relative;
top:50%;
transform:translate(2%,-50%)
}
.interactivegraphic__content-directory-marker-label {
line-height:17px;
height:100%;
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%)
}
.interactivegraphic__content-directory-label {
font-size:1.5rem;
color:#007ab8;
padding-left:1rem;
line-height:1.35
}
.interactivegraphic__map {
position:relative;
outline:.1rem solid #dbdbdb;
width:66.66%;
display:inline-block;
transition:outline .05s ease-out
}
.interactivegraphic__map-image {
margin-top:0;
opacity:1;
transition:opacity .5s
}
.interactivegraphic__map--appear .interactivegraphic__map-image {
opacity:0
}
.interactivegraphic__map--appear-active .interactivegraphic__map-image {
opacity:1
}
.interactivegraphic__map--enter .interactivegraphic__map-image {
opacity:0
}
.interactivegraphic__map--enter-active .interactivegraphic__map-image,
.interactivegraphic__map--enter-done .interactivegraphic__map-image,
.interactivegraphic__map--exit .interactivegraphic__map-image {
opacity:1
}
.interactivegraphic__map--exit-active .interactivegraphic__map-image,
.interactivegraphic__map--exit-done .interactivegraphic__map-image {
opacity:0
}
.interactivegraphic__map-list {
position:absolute;
top:0;
left:0;
height:100%;
width:100%;
padding:0;
margin:0;
list-style-type:none
}
.interactivegraphic__map-list-marker {
position:absolute;
padding:.3em;
transition:transform .5s,opacity .5s;
-webkit-backface-visibility:hidden;
backface-visibility:hidden;
will-change:transform,opacity
}
.interactivegraphic__map--appear .interactivegraphic__map-list-marker,
.interactivegraphic__map-list-marker {
opacity:0;
transform:scale(0) translateZ(0) perspective(1px)
}
.interactivegraphic__map--appear-active .interactivegraphic__map-list-marker {
opacity:1;
transform:scale(1) translateZ(0) perspective(1px)
}
.interactivegraphic__map--enter .interactivegraphic__map-list-marker {
opacity:0;
transform:scale(0) translateZ(0) perspective(1px)
}
.interactivegraphic__map--enter-active .interactivegraphic__map-list-marker,
.interactivegraphic__map--enter-done .interactivegraphic__map-list-marker,
.interactivegraphic__map--exit .interactivegraphic__map-list-marker {
opacity:1;
transform:scale(1) translateZ(0) perspective(1px)
}
.interactivegraphic__map--exit-active .interactivegraphic__map-list-marker,
.interactivegraphic__map--exit-done .interactivegraphic__map-list-marker {
opacity:0;
transform:scale(0) translateZ(0) perspective(1px)
}
.interactivegraphic__map-list-marker-button {
width:2.5rem;
height:2.5rem;
background-color:#007ab8;
border-radius:100%;
color:#fff;
border:0;
padding:0;
outline:0;
line-height:1;
position:relative;
font-weight:600;
z-index:1;
transition:background-color .3s ease-out,box-shadow .15s ease-out;
-webkit-animation:scaleout .3s;
animation:scaleout .3s;
cursor:pointer
}
.interactivegraphic__map-list-marker-button:before {
position:absolute;
content:"";
left:-.3rem;
top:-.3rem;
bottom:-.3rem;
right:-.3rem;
border-radius:100%;
border:.1rem solid #007ab8;
transition:border .3s ease-out;
z-index:-1;
-webkit-animation:scaleout .5s forwards;
animation:scaleout .5s forwards
}
.interactivegraphic__map-list-marker-button:hover {
background-color:#004774
}
.interactivegraphic__map-list-marker-button:hover:before {
border-color:#004774;
-webkit-animation:scalein .1s;
animation:scalein .1s
}
.interactivegraphic__map-list-marker-button:active {
background-color:#99b5c7
}
.interactivegraphic__map-list-marker-button:active:before {
border-color:#99b5c7;
display:none
}
.interactivegraphic__map-list-marker-button--active {
box-shadow:0 0 0 3px hsla(0,0%,100%,.6)
}
.interactivegraphic__map-list-marker-button--active:before {
left:-.4rem;
top:-.4rem;
bottom:-.4rem;
right:-.4rem;
-webkit-animation:scalein .1s;
animation:scalein .1s;
border:.2rem solid #007ab8
}
.interactivegraphic__map-list-marker-label {
display:inline-block;
height:1em;
line-height:1em;
vertical-align:top;
position:absolute;
top:50%;
left:50%;
transform:translate(-53%,-55%)
}
.interactivegraphic__map-list-marker-icon {
height:1.4rem;
width:1.4rem
}
.interactivegraphic__map-list-marker-icon svg {
display:block
}
.interactivegraphic__map-list-area {
position:absolute;
pointer-events:none;
border:0;
width:100%;
padding:0;
background-color:transparent;
top:0;
left:0;
bottom:0
}
.interactivegraphic__map-list-area svg {
height:100%;
width:100%
}
.interactivegraphic__map-list-area svg path {
cursor:pointer;
fill:none
}
.interactivegraphic__backlink {
position:absolute;
top:.5rem;
left:.5rem;
z-index:5;
padding:.5rem;
line-height:1.3rem;
font-size:1.3rem;
border:0;
display:flex;
align-items:center;
color:#007ab8;
background-color:hsla(0,0%,100%,.9);
transition:color .3s ease-out,background-color .3s ease-out;
cursor:pointer
}
.interactivegraphic__backlink:hover {
color:#004774;
background-color:#fff
}
.interactivegraphic__backlink-icon {
height:.9rem;
width:.9rem;
transform:rotate(180deg);
position:relative;
top:1px
}
.interactivegraphic__backlink-icon svg {
display:block
}
.interactivegraphic__backlink-label {
padding-left:.5rem
}
.interactivegraphic__fullscreen {
position:absolute;
top:.5rem;
right:1.77rem;
padding:.55rem;
border:0;
display:flex;
align-items:center;
z-index:5;
background-color:hsla(0,0%,100%,.9);
color:#007ab8;
transition:color .3s ease-out,background-color .3s ease-out;
cursor:pointer
}
.interactivegraphic__fullscreen:hover {
color:#004774;
background-color:#fff
}
.interactivegraphic__fullscreen-icon {
height:1.25rem;
width:1.25rem
}
.interactivegraphic__fullscreen-icon svg {
display:block
}
.interactivegraphic__promise {
position:relative;
background-color:#fff;
padding-top:56.25%
}
@media (min-width:992px) {
.interactivegraphic__promise {
padding-top:33.25%
}
}
.interactivegraphic__promise-error,
.interactivegraphic__promise-nocontent {
display:block;
margin:0;
position:absolute;
top:0;
right:0;
bottom:0;
left:0
}
.interactivegraphic__promise .interactivegraphic__promise-error,
.interactivegraphic__promise .interactivegraphic__promise-nocontent {
border:.1rem solid #dbdbdb;
background-color:#f7f7f7
}
.interactivegraphic__promise-error-message,
.interactivegraphic__promise-nocontent-message {
position:absolute;
width:80%;
top:50%;
left:50%;
transform:translate(-50%,-50%);
text-align:center;
-webkit-animation:fadein 1s ease-out forwards;
animation:fadein 1s ease-out forwards
}
.interactivegraphic__promise-loading-message {
position:absolute;
border:0;
clip:rect(0 0 0 0);
width:1px;
height:1px;
margin:-1px;
padding:0;
overflow:hidden
}
.interactivegraphic__promise-loading-message.focusable:active,
.interactivegraphic__promise-loading-message.focusable:focus {
position:static;
clip:auto;
width:auto;
height:auto;
margin:0;
overflow:visible
}
.interactivegraphic__promise-loading {
position:absolute;
top:0;
left:0;
bottom:0;
right:0
}
.interactivegraphic__promise-loading-placeholder {
height:100%
}
.interactivegraphic__promise-loading-wrapper {
height:100%;
width:100%;
margin-top:2rem
}
.interactivegraphic__promise-loading-wrapper:after {
display:block;
content:"";
clear:both
}
.stage .interactivegraphic__promise-loading-wrapper {
padding:4.8rem 3.4rem;
margin:0
}
.interactivegraphic__promise-loading-placeholdercontent {
background-color:#f7f7f7;
background:linear-gradient(110deg,#f7f7f7 16%,#f0f0f0 26%,#f7f7f7 34%);
background-size:100rem 50rem;
-webkit-animation-name:shimmer;
animation-name:shimmer;
-webkit-animation-duration:2.5s;
animation-duration:2.5s;
-webkit-animation-fill-mode:forwards;
animation-fill-mode:forwards;
-webkit-animation-iteration-count:infinite;
animation-iteration-count:infinite;
-webkit-animation-timing-function:linear;
animation-timing-function:linear;
box-shadow:0 0 .2rem 0 #f7f7f7;
height:100%
}
@-webkit-keyframes scalein {
0% {
transform:scale(0);
opacity:0
}
to {
transform:scale(1);
opacity:1
}
}
@keyframes scalein {
0% {
transform:scale(0);
opacity:0
}
to {
transform:scale(1);
opacity:1
}
}
@-webkit-keyframes scaleout {
0% {
transform:scale(1);
opacity:1
}
to {
transform:scale(0);
opacity:0
}
}
@keyframes scaleout {
0% {
transform:scale(1);
opacity:1
}
to {
transform:scale(0);
opacity:0
}
}
.jumptarget {
position:absolute;
border:0;
clip:rect(0 0 0 0);
width:1px;
height:1px;
padding:0;
overflow:hidden;
margin:-5rem -1px -1px;
height:5rem
}
.jumptarget.focusable:active,
.jumptarget.focusable:focus {
position:static;
clip:auto;
width:auto;
height:auto;
margin:0;
overflow:visible
}
@media (min-width:992px) {
.jumptarget {
margin-top:0;
height:1px
}
}
@media print {
.jumptarget {
margin-top:0;
height:1px
}
}
.login {
padding:1.8em;
background:#fff;
box-shadow:.1rem .1rem 1rem rgba(0,0,0,.15)
}
.login .leadtext {
text-align:center;
font-size:90%;
font-weight:400
}
@media (min-width:600px) {
.login .leadtext {
padding-left:2em;
padding-right:2em
}
}
.login .leadtext+.form,
.login .leadtext+.loginproviderselection {
margin-top:3.2rem
}
.login .form__legend {
text-align:center;
width:100%
}
.login .form__fieldset:first-child {
padding-top:0
}
.login .form__entry {
margin-top:0
}
.login .form__label {
padding-top:0
}
@media (min-width:600px) {
.login .loginproviderselection__item {
max-width:calc(100% - 1.8em);
margin-left:auto;
margin-right:auto
}
}
.login__heading {
font-size:135%;
font-weight:600;
page-break-after:avoid;
text-align:center;
margin:2.4rem 0 0
}
@media (min-width:600px) {
.login__heading {
font-size:145%
}
}
.login__heading:first-child {
margin-top:0
}
.login__heading-delimiter {
position:absolute;
border:0;
clip:rect(0 0 0 0);
width:1px;
height:1px;
margin:-1px;
padding:0;
overflow:hidden
}
.login__heading-delimiter.focusable:active,
.login__heading-delimiter.focusable:focus {
position:static;
clip:auto;
width:auto;
height:auto;
margin:0;
overflow:visible
}
.login__context {
display:block;
font-size:65%;
font-weight:600
}
.login__username {
display:block;
margin-top:1.25em;
text-align:center;
word-wrap:break-word;
overflow-wrap:break-word
}
.login__separator {
position:relative;
margin:2em 0;
display:flex;
align-items:center
}
.login__separator:after,
.login__separator:before {
display:block;
content:" ";
background:#dbdbdb;
height:1px;
width:50%
}
.login__separator-label {
font-size:1.3rem;
line-height:1.5;
color:#767676;
display:block;
padding:0 1em
}
html:not(.webfonts--agpn-condensed-loading) .login__separator-label {
font-family:AGPNCondensed,Arial,sans-serif
}
@media (min-width:600px) {
.login__separator-label {
font-size:1.4rem
}
}
@media (min-width:992px) {
.login__separator-label {
font-size:1.5rem
}
}
.loginproviderselection__list {
display:flex;
flex-wrap:wrap;
justify-content:space-between;
padding:0;
-webkit-padding-start:0;
padding-inline-start:0
}
.loginproviderselection__item {
list-style:none;
margin-bottom:1.2rem;
width:100%
}
@media (min-width:600px) {
.loginproviderselection__item {
max-width:calc(50% - .9rem)
}
}
@media (min-width:992px) {
.loginproviderselection__item {
max-width:calc(50% - 1.2rem)
}
}
.loginproviderselection__brand {
background-color:transparent;
color:#262626;
transition:.1s;
display:flex;
border:1px solid #262626;
align-items:stretch;
width:100%;
padding:0;
cursor:pointer
}
.loginproviderselection__brand .loginproviderselection__brand-image-container,
.loginproviderselection__brand .loginproviderselection__login-icon-container {
background-color:#262626
}
.loginproviderselection__brand:active,
.loginproviderselection__brand:focus,
.loginproviderselection__brand:hover {
background-color:#262626;
color:#fff
}
.loginproviderselection__brand--aargau {
background-color:transparent;
border-color:#004774;
color:#262626;
transition:.1s
}
.loginproviderselection__brand--aargau .loginproviderselection__brand-image-container,
.loginproviderselection__brand--aargau .loginproviderselection__login-icon-container {
background-color:#004774
}
.loginproviderselection__brand--aargau:active,
.loginproviderselection__brand--aargau:focus,
.loginproviderselection__brand--aargau:hover {
background-color:#004774;
color:#fff
}
.loginproviderselection__brand--swissid {
background-color:transparent;
border-color:red;
color:#262626;
transition:.1s
}
.loginproviderselection__brand--swissid .loginproviderselection__brand-image-container,
.loginproviderselection__brand--swissid .loginproviderselection__login-icon-container {
background-color:red
}
.loginproviderselection__brand--swissid:active,
.loginproviderselection__brand--swissid:focus,
.loginproviderselection__brand--swissid:hover {
background-color:red;
color:#fff
}
.loginproviderselection__brand-image-container {
display:flex;
flex-direction:column;
justify-content:center
}
.loginproviderselection__brand--general>.loginproviderselection__brand-image-container {
padding:5px
}
.loginproviderselection__login-icon-container {
display:flex;
flex-direction:column;
justify-content:center
}
.loginproviderselection__login-icon {
width:4rem;
height:4rem;
color:#fff;
padding:.9rem
}
.loginproviderselection__brand-image {
width:4rem;
height:4rem;
padding:3px
}
.loginproviderselection__label {
padding:1rem 1.2rem;
border-left:1px solid #fff;
line-height:1.1;
text-align:left;
font-weight:600
}
.loginproviderselection__extra-info {
font-size:1.3rem;
line-height:1.5;
display:block;
margin-top:.4rem;
color:#767676
}
html:not(.webfonts--agpn-condensed-loading) .loginproviderselection__extra-info {
font-family:AGPNCondensed,Arial,sans-serif
}
@media (min-width:600px) {
.loginproviderselection__extra-info {
font-size:1.4rem
}
}
@media (min-width:992px) {
.loginproviderselection__extra-info {
font-size:1.5rem
}
}
.migration--in-debug-mode {
position:relative
}
.migration--in-debug-mode:after {
z-index:50;
outline-width:1px;
outline-style:solid;
outline-color:red;
outline-offset:-1px;
position:absolute;
display:block;
content:" ";
top:0;
bottom:0;
left:0;
right:0;
pointer-events:none;
-webkit-animation:fadeout 1s ease-out 10s 1 forwards;
animation:fadeout 1s ease-out 10s 1 forwards
}
.migration--in-debug-mode .migration--is-deprecated {
outline:3px solid red
}
.migration--in-debug-mode .migration--is-live-patched {
outline:3px solid #f80
}
.pagesection {
position:relative
}
.pagesection--pullover,
.pagesection--pushover {
z-index:1
}
.pagesection--pullunder,
.pagesection--pushunder {
z-index:-1
}
@media (min-width:992px) {
.pagesection__inner {
padding:2.4rem 0
}
}
.pagesection:not(.pagesection--fullwidth):not(.pagesection--wide):not(.pagesection--narrow) .pagesection__inner {
min-width:calc(320px - 2.4rem);
max-width:1130px;
width:calc(100% - 2.4rem);
margin-right:auto;
margin-left:auto
}
@media (min-width:600px) {
.pagesection:not(.pagesection--fullwidth):not(.pagesection--wide):not(.pagesection--narrow) .pagesection__inner {
width:calc(100% - 3.6rem)
}
}
@media (min-width:992px) {
.pagesection:not(.pagesection--fullwidth):not(.pagesection--wide):not(.pagesection--narrow) .pagesection__inner {
width:calc(100% - 4.8rem)
}
}
@media print {
.pagesection:not(.pagesection--fullwidth):not(.pagesection--wide):not(.pagesection--narrow) .pagesection__inner {
width:100%;
min-width:0;
margin-right:0;
margin-left:0
}
}
.pagesection--narrow .pagesection__inner {
min-width:calc(320px - 2.4rem);
max-width:480px;
width:calc(100% - 2.4rem);
margin-right:auto;
margin-left:auto
}
@media (min-width:600px) {
.pagesection--narrow .pagesection__inner {
width:calc(100% - 3.6rem)
}
}
@media (min-width:992px) {
.pagesection--narrow .pagesection__inner {
width:calc(100% - 4.8rem)
}
}
@media print {
.pagesection--narrow .pagesection__inner {
width:100%;
min-width:0;
margin-right:0;
margin-left:0
}
}
.pagesection--wide .pagesection__inner {
min-width:calc(320px - 2.4rem);
max-width:unset;
width:calc(100% - 2.4rem);
margin-right:auto;
margin-left:auto
}
@media (min-width:600px) {
.pagesection--wide .pagesection__inner {
width:calc(100% - 3.6rem)
}
}
@media (min-width:992px) {
.pagesection--wide .pagesection__inner {
width:calc(100% - 4.8rem)
}
}
@media print {
.pagesection--wide .pagesection__inner {
width:100%;
min-width:0;
margin-right:0;
margin-left:0
}
}
@media (min-width:992px) {
.pagesection--pullover .pagesection__inner,
.pagesection--pullunder .pagesection__inner {
margin-top:-2.4rem;
padding-top:0
}
}
@media (min-width:992px) {
.pagesection--pushover .pagesection__inner,
.pagesection--pushunder .pagesection__inner {
margin-bottom:-2.4rem;
padding-bottom:0
}
}
.pagesection--pushover+.pagesection .pagesection__inner {
padding-top:4.8rem
}
.pagesection--pushunder+.pagesection .pagesection__inner {
padding-top:0
}
.pagesection--nospacing .pagesection__inner {
padding:0
}
.pagesection__inner :target:before {
display:block;
content:"";
margin-top:-7.2rem;
height:7.2rem;
visibility:hidden
}
.progress {
padding-bottom:0;
overflow:hidden
}
@media (min-width:600px) {
.progress {
margin-top:3.6rem;
padding-bottom:3rem
}
}
@media print {
.progress {
margin-top:3.6rem;
padding-bottom:3rem
}
}
.progress__info {
margin-top:.75em
}
@media (min-width:600px) {
.progress__info {
display:none;
visibility:hidden
}
}
@media print {
.progress__info {
display:block;
visibility:visible
}
}
.progress__list {
display:flex;
flex-direction:row;
align-items:flex-start;
flex-wrap:nowrap;
justify-content:space-between;
list-style:none;
margin:0;
padding-left:0;
overflow:visible
}
.progress__list--small {
justify-content:flex-start
}
.progress__list .progress__item {
margin-top:0;
list-style:none
}
.progress__step {
z-index:10;
font-size:1.3rem;
position:relative;
display:inline-block;
width:3.6rem;
height:3.6rem;
line-height:3.2rem;
border-radius:50%;
font-weight:700;
text-align:center;
background-color:#fff;
color:#767676;
border:.2rem solid #dbdbdb
}
@media (min-width:992px) {
.progress__step {
font-size:1.4rem
}
}
.progress__step--done {
color:#007ab8;
border-color:#007ab8
}
.progress__step--active {
color:#fff;
border-color:#007ab8;
background-color:#007ab8
}
@media print {
.progress__step--active {
border-width:.4rem;
color:#262626;
line-height:3rem
}
}
.progress__step--combined {
font-size:120%;
color:#dbdbdb;
border:0;
width:2.6rem;
border-radius:0;
background-color:#fff;
line-height:1.6
}
@media (min-width:600px) {
.progress__step--combined {
line-height:1.45
}
}
@media (min-width:992px) {
.progress__step--combined {
line-height:1.3
}
}
.progress__step--combined.progress__step--done {
color:#007ab8
}
@media (max-width:599px) {
.progress__list--long .progress__step {
width:2.4rem;
height:2.4rem;
border-width:.1rem;
line-height:2.2rem;
border-radius:2.4rem
}
.progress__list--long .progress__step--combined {
line-height:1.6rem
}
}
.progress__item {
z-index:1;
position:relative;
flex-grow:2;
text-align:center
}
.progress__list--small .progress__item {
flex-grow:0;
min-width:6rem
}
@media (min-width:600px) {
.progress__list--small .progress__item {
min-width:9.6rem
}
}
.progress__item:focus,
.progress__item:hover {
z-index:10
}
.progress__item:after,
.progress__item:before {
z-index:1;
position:absolute;
display:block;
top:1.7rem;
width:calc(51% - 1.8rem);
height:.2rem;
content:"";
background-color:#dbdbdb
}
@media (max-width:599px) {
.progress__list--long .progress__item:after,
.progress__list--long .progress__item:before {
top:1.2rem;
height:.1rem
}
}
@media print {
.progress__item:after,
.progress__item:before {
background-color:transparent;
border-bottom:.2rem solid #dbdbdb
}
}
.progress__item:after {
left:calc(50% + 1.8rem);
right:0
}
.progress__item:before {
left:0
}
.progress__item:first-of-type:after {
left:3.6rem
}
.progress__item__link,
.progress__item__no-link {
display:block
}
@media (min-width:600px) {
.progress__item__link:focus .progress__item__label,
.progress__item__link:hover .progress__item__label,
.progress__item__no-link:focus .progress__item__label,
.progress__item__no-link:hover .progress__item__label {
z-index:10;
opacity:1
}
}
.progress__item__link:focus,
.progress__item__link:hover {
cursor:pointer
}
.progress__item__link:focus .progress__step,
.progress__item__link:hover .progress__step {
color:#004774;
border-color:#004774;
background-color:#fff
}
.layout--is-keypressed .progress__item__link:focus,
.no-js .progress__item__link:focus {
outline:0;
outline-offset:0
}
.layout--is-keypressed .progress__item__link:focus .progress__step,
.no-js .progress__item__link:focus .progress__step {
outline:.2rem solid #262626;
outline-offset:-2px
}
.progress__item__label {
z-index:1;
font-size:1.3rem;
transition:opacity .2s ease-in-out;
position:absolute;
display:block;
top:100%;
left:50%;
transform:translateX(-50%);
padding:1rem 1.8rem 0;
color:#262626;
white-space:nowrap;
text-align:center;
line-height:1;
opacity:0;
background:linear-gradient(90deg,hsla(0,0%,100%,.001),#fff 5%,#fff 95%,hsla(0,0%,100%,.001))
}
@media (min-width:992px) {
.progress__item__label {
font-size:1.4rem
}
}
@media (min-width:600px) {
.progress__item--active .progress__item__label {
z-index:10;
opacity:1
}
}
.progress__item__status {
position:absolute;
border:0;
clip:rect(0 0 0 0);
width:1px;
height:1px;
margin:-1px;
padding:0;
overflow:hidden
}
.progress__item__status.focusable:active,
.progress__item__status.focusable:focus {
position:static;
clip:auto;
width:auto;
height:auto;
margin:0;
overflow:visible
}
.progress__item:first-child {
text-align:left
}
.progress__list--long .progress__item:first-child,
.progress__list--normal .progress__item:first-child {
flex-grow:1
}
.progress__item:first-child .progress__item__label {
padding-left:0;
text-align:left;
left:0;
transform:none
}
.progress__item:first-child:after {
left:3.6rem;
width:calc(100% - 3.6rem)
}
.progress__item:first-child:before {
display:none
}
.progress__item:last-child {
text-align:right
}
.progress__list--long .progress__item:last-child,
.progress__list--normal .progress__item:last-child {
flex-grow:1
}
.progress__item:last-child .progress__item__label {
padding-right:0;
text-align:right;
left:auto;
right:0;
transform:none
}
.progress__item:last-child:after {
display:none
}
.progress__item:last-child:before {
left:0;
width:calc(100% - 3.6rem)
}
.progress__item--done:after {
background-color:#007ab8
}
@media print {
.progress__item--done:after {
background-color:transparent;
border-bottom-color:#007ab8
}
}
.progress__item--active:before,
.progress__item--done:before {
background-color:#007ab8
}
@media print {
.progress__item--active:before,
.progress__item--done:before {
background-color:transparent;
border-bottom-color:#007ab8
}
}
.progress__item--head:after {
background-color:#dbdbdb
}
@media print {
.progress__item--head:after {
background-color:transparent;
border-bottom-color:#dbdbdb
}
}
.qrcode {
display:block
}
.qrcode:after {
display:block;
content:"";
clear:both
}
.qrcode.qrcode:hover {
text-decoration:none
}
.qrcode:hover .qrcode:active,
.qrcode:link,
.qrcode:visited {
color:#262626;
text-decoration:none
}
.qrcode__code {
float:right;
margin-left:.8em;
width:10%;
min-width:8rem
}
.qrcode__code img {
width:100%
}
.qrcode__label {
font-size:1.2rem;
display:block;
text-align:right
}
.qrcode__label,
.qrcode__label:active,
.qrcode__label:hover,
.qrcode__label:link,
.qrcode__label:visited {
color:#262626;
text-decoration:none
}
@media (min-width:992px) {
.qrcode__label {
font-size:1.3rem
}
}
@media print {
.qrcode__label {
text-align:right;
font-weight:700;
font-size:1rem;
color:#767676
}
}
@media print {
.qrcode__delimiter {
display:none;
visibility:hidden
}
}
.qrcode__url {
text-decoration:none;
transition:color .1s ease-out 0s,background .1s ease-out;
display:block;
margin-top:.5em;
font-weight:700;
word-break:break-all
}
.qrcode__url,
.qrcode__url:link {
color:#007ab8
}
.qrcode__url:visited {
color:#007ab8;
text-decoration:none
}
@media print {
.qrcode__url {
text-decoration:underline
}
}
.qrcode__url:before {
display:inline-block
}
.qrcode__url:after,
.qrcode__url:before {
text-decoration:underline
}
.qrcode__url:after {
text-decoration:none
}
.qrcode__url:active,
.qrcode__url:hover {
color:#004774;
text-decoration:underline
}
.qrcode__url:active:before,
.qrcode__url:before,
.qrcode__url:hover:before {
text-decoration:none
}
@media print {
.qrcode__url {
display:none;
visibility:hidden
}
}
.quote {
padding:0 1.4em;
margin:1.5em 0 0;
line-height:1.5
}
@media (min-width:600px) {
.quote {
padding:0 2em
}
}
@media (min-width:600px) {
.contentcol__aside .quote {
padding:0
}
}
.quote__citation {
font-family:Georgia,serif;
font-style:italic;
font-size:110%;
margin:0
}
.quote__citation:after,
.quote__citation:before {
content:"\0022"
}
.quote__author {
font-weight:700;
font-style:normal;
overflow:hidden
}
.quote__author:before {
position:absolute;
display:block;
content:"";
position:static;
width:2.4em;
height:0;
border-top:.2rem solid #262626;
margin:1.125em 0
}
.quote__authortitle {
display:block;
font-weight:400
}
.searchresult {
line-height:1.5
}
.searchresult__path {
font-size:1.3rem;
line-height:1.5;
margin-top:.4rem;
color:#767676
}
html:not(.webfonts--agpn-condensed-loading) .searchresult__path {
font-family:AGPNCondensed,Arial,sans-serif
}
@media (min-width:600px) {
.searchresult__path {
font-size:1.4rem
}
}
@media (min-width:992px) {
.searchresult__path {
font-size:1.5rem
}
}
.searchresult__title {
font-size:100%;
font-weight:600;
page-break-after:avoid;
margin:0;
line-height:1.15
}
.searchresult__excerpt,
.searchresult__order {
margin-top:1.2rem;
margin-bottom:0
}
.services .accordion .table:first-child {
margin-top:-2rem
}
.js .services__jsnotice {
display:none
}
.socialmedia__header {
font-size:135%;
font-weight:600;
page-break-after:avoid;
margin:0
}
@media (min-width:600px) {
.socialmedia__header {
font-size:145%
}
}
.contentfooter .socialmedia__header {
position:absolute;
border:0;
clip:rect(0 0 0 0);
width:1px;
height:1px;
margin:-1px;
padding:0;
overflow:hidden
}
.contentfooter .socialmedia__header.focusable:active,
.contentfooter .socialmedia__header.focusable:focus {
position:static;
clip:auto;
width:auto;
height:auto;
margin:0;
overflow:visible
}
.socialmedia__list {
margin:0 0 0 -1.2rem;
padding:0;
font-size:0
}
.socialmedia__item {
margin:1.2rem 0 0 1.2rem;
display:inline-block;
list-style-type:none
}
.contentfooter .socialmedia__item {
margin-top:0
}
.socialmedia__link {
color:#e5f4fc;
text-decoration:none;
transition:color .1s ease-out 0s,background .1s ease-out;
display:inline-block;
position:relative;
height:3rem;
width:3rem;
padding-top:.3rem;
border-radius:20%;
color:#fff;
background:#007ab8;
transition:background .1s ease-out;
text-align:center;
vertical-align:middle
}
.socialmedia__link:link {
color:#e5f4fc
}
.socialmedia__link:visited {
color:#e5f4fc;
text-decoration:none
}
@media print {
.socialmedia__link {
text-decoration:underline
}
}
.socialmedia__link:before {
display:inline-block;
text-decoration:underline
}
.socialmedia__link:after {
text-decoration:underline;
text-decoration:none
}
.socialmedia__link:active,
.socialmedia__link:hover {
color:#007ab8;
text-decoration:underline
}
.socialmedia__link:active:before,
.socialmedia__link:before,
.socialmedia__link:hover:before {
text-decoration:none
}
.socialmedia__link:focus,
.socialmedia__link:hover {
background:#004774
}
.socialmedia__link:active {
background:#99b5c7
}
.socialmedia__link .sprite {
width:80%;
height:80%;
position:absolute;
top:10%;
right:10%;
bottom:10%;
left:10%;
overflow:hidden;
fill:#fff
}
.socialmedia__link .sprite--facebook {
top:20%;
right:0;
bottom:0;
left:20%
}
.socialmedia__link .sprite--linkedin,
.socialmedia__link .sprite--twitter {
width:60%;
height:60%;
top:20%;
right:20%;
bottom:20%;
left:20%
}
.socialmedia__link .sprite--xing {
width:90%;
height:90%;
top:5%;
right:5%;
bottom:5%;
left:5%
}
.socialmedia__linklabel {
position:absolute;
border:0;
clip:rect(0 0 0 0);
width:1px;
height:1px;
margin:-1px;
padding:0;
overflow:hidden
}
.socialmedia__linklabel.focusable:active,
.socialmedia__linklabel.focusable:focus {
position:static;
clip:auto;
width:auto;
height:auto;
margin:0;
overflow:visible
}
.up {
padding:0;
display:flex;
margin:0;
justify-content:flex-end
}
@media print {
.up {
display:none
}
}
.up__link {
text-decoration:none;
transition:color .1s ease-out 0s,background .1s ease-out;
padding:.5em 1em .5em .7em;
background:#429dca;
box-shadow:0 0 1rem 0 rgba(0,0,0,.25);
height:2.6em
}
.up__link,
.up__link:link {
color:#007ab8
}
.up__link:visited {
color:#007ab8;
text-decoration:none
}
@media print {
.up__link {
text-decoration:underline
}
}
.up__link:before {
display:inline-block
}
.up__link:after,
.up__link:before {
text-decoration:underline
}
.up__link:after {
text-decoration:none
}
.up__link:active,
.up__link:hover {
color:#004774;
text-decoration:underline
}
.up__link:active:before,
.up__link:before,
.up__link:hover:before {
text-decoration:none
}
.up__link .sprite {
height:1.3em;
width:1.3em;
position:absolute;
overflow:hidden;
fill:#fff;
top:.7em;
right:1.2em;
transform:rotate(-90deg);
stroke:currentColor;
stroke-linecap:square;
stroke-width:2
}
.up__link .up__label {
color:#fff;
transition:max-width .66s ease-out;
margin-right:2em;
overflow:hidden;
display:inline-block;
max-width:0
}
.up__link:hover .up__label {
max-width:10em
}
@media (hover:none) {
.up__link:hover .up__label {
max-width:0
}
}