/*! normalize.css v2.1.3 | MIT License | git.io/normalize */

body,
figure {
    margin: 0
}
img,
legend {
    border: 0
}
*,
textarea {
    overflow: auto
}
#sheet,
.slider-mask li,
div[lang],
footer,
header,
main,
nav,
section,
sub,
sup,
x.slider-labels {
    position: relative
}
address a,
header a,
nav li a {
    text-decoration: none
}
footer,
footer a,
header p.subline,
header p.subline a,
nav#lang,
nav#lang a,
nav#primary a {
    xcolor: #fff
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
    display: block
}
audio,
canvas,
video {
    display: inline-block
}
audio:not([controls]) {
    display: none;
    height: 0
}
[hidden],
template {
    display: none
}
body {
    display: table-row
}
a {
    background: 0 0
}
a:focus {
    outline: dotted thin
}
a:active,
a:hover {
    outline: 0
}
abbr[title] {
    border-bottom: 1px dotted
}
b,
strong {
    font-weight: 700
}
dfn {
    font-style: italic
}
hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0
}
mark {
    background: #ff0;
    color: #000
}
code,
kbd,
pre,
samp {
    font-family: monospace, serif;
    font-size: 1em
}
pre {
    white-space: pre-wrap
}
q {
    quotes: "\201C" "\201D" "\2018" "\2019"
}
small {
    font-size: 80%
}
sub,
sup {
    font-size: 75%;
    line-height: 0;
    vertical-align: baseline
}
sup {
    top: -.5em
}
sub {
    bottom: -.25em
}
svg:not(:root) {
    overflow: hidden
}
fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}
legend {
    padding: 0
}
button,
input,
select,
textarea {
    font-family: inherit;
    font-size: 100%;
    margin: 0
}
button,
input {
    line-height: normal
}
button,
select {
    text-transform: none
}
button,
html input[type=button],
input[type=reset],
input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer
}
button[disabled],
html input[disabled] {
    cursor: default
}
input[type=checkbox],
input[type=radio] {
    box-sizing: border-box;
    padding: 0
}
input[type=search] {
    -webkit-appearance: textfield;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}
button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0
}
textarea {
    vertical-align: top
}
table {
    border-collapse: collapse;
    border-spacing: 0
}
html {
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    xdisplay: table;
    height: 100%;
    width: 100%;
    font-size: 16px
}
#body-cell {
    display: table-cell
}
.picture-mark {
    display: inline-block;
    background: url(img/logo.gif) center center no-repeat;
    background-image: url(img/logo.svg), none;
    background-size: contain
}
#sheet>hr,
.lang-input,
.menu-input,
.slider-selector,
.sub-input,
input[name=menu-selector],
input[name=page-selector],
label[for=language],
label[for=menu] {
    display: none
}
header .site-name:after {
    content: " |"
}
nav ul {
    margin-top: 0;
    margin-bottom: 0;
    padding: 0
}
nav li {
    display: inline-block
}
header a:hover,
nav li a:hover {
    text-decoration: underline
}
nav#lang label,
nav#lang li,
nav#primary label,
nav#primary li {
    cursor: pointer
}
nav li.bar {
    display: none
}
nav.breadcrumbs li:after {
    content: " »\0000a0"
}
nav.breadcrumbs li:last-child:after {
    content: none
}
footer address {
    font-style: normal
}
footer .copy-block {
    float: left
}
footer .contact-block p {
    display: inline-block;
    margin-left: 3rem
}
footer p {
    margin: 0
}
footer .address-block {
    clear: both;
    font-weight: 700
}
footer .address-block .org:after,
footer .address-block .street-address:after {
    content: ","
}
footer .address-block .land:before {
    content: ", "
}
label a {
    cursor: pointer
}
.slider-mask {
    margin: 0;
    padding: 0
}
* {
    box-sizing: border-box
}
li {
    overflow: initial
}
.slider-mask,
html.multi-page .frame,
html.multi-page main {
    overflow-x: hidden
}
.slider-mask li,
html.multi-page .frame>div[lang],
html.multi-page main>section {
    xposition: relative;
    float: left;
    width: 100%;
    max-height: 0;
    overflow: hidden;
    margin-right: -100%;
    transition: 1s transform, 1s opacity, 2s max-height
}
.frame>div[lang] {
    overflow: hidden
}
.slider-mask li {
    height: 100%;
    background-position: center;
    max-height: none;
    font-size: 10rem;
    text-align: center
}
.slider-mask h2 {
    display: none
}
x.slider-labels {
    text-align: right;
    padding-right: 10rem;
    z-index: 200;
    margin-bottom: 0
}
.slider-mask li:nth-child(2),
html.multi-page .frame>div[lang]:nth-child(2),
html.multi-page main>section:nth-child(2) {
    left: 100%
}
.slider-mask li:nth-child(3),
html.multi-page .frame>div[lang]:nth-child(3),
html.multi-page main>section:nth-child(3) {
    left: 200%
}
.slider-mask li:nth-child(4),
html.multi-page .frame>div[lang]:nth-child(4),
html.multi-page main>section:nth-child(4) {
    left: 300%
}
.slider-mask li:nth-child(5),
html.multi-page .frame>div[lang]:nth-child(5),
html.multi-page main>section:nth-child(5) {
    left: 400%
}
html.multi-page .frame>div[lang]:nth-child(6),
html.multi-page main>section:nth-child(6) {
    left: 500%
}
html.multi-page .frame>div[lang]:nth-child(7),
html.multi-page main>section:nth-child(7) {
    left: 600%
}
html.multi-page .frame>div[lang]:nth-child(8),
html.multi-page main>section:nth-child(8) {
    left: 700%
}
html.multi-page .frame>div[lang]:nth-child(9),
html.multi-page main>section:nth-child(9) {
    left: 800%
}
html.multi-page .frame>div[lang]:nth-child(10),
html.multi-page main>section:nth-child(10) {
    left: 900%
}
html.multi-page .frame>div[lang]:nth-child(11),
html.multi-page main>section:nth-child(11) {
    left: 1000%
}
html.multi-page .frame>div[lang]:nth-child(12),
html.multi-page main>section:nth-child(12) {
    left: 1100%
}
html.multi-page .frame>div[lang]:nth-child(13),
html.multi-page main>section:nth-child(13) {
    left: 1200%
}
html.multi-page .frame>div[lang]:nth-child(14),
html.multi-page main>section:nth-child(14) {
    left: 1300%
}
html.multi-page .frame>div[lang]:nth-child(15),
html.multi-page main>section:nth-child(15) {
    left: 1400%
}
html.multi-page .frame>div[lang]:nth-child(16),
html.multi-page main>section:nth-child(16) {
    left: 1500%
}
html.multi-page .frame>div[lang]:nth-child(17),
html.multi-page main>section:nth-child(17) {
    left: 1600%
}
html.multi-page .frame>div[lang]:nth-child(18),
html.multi-page main>section:nth-child(18) {
    left: 1700%
}
html.multi-page .frame>div[lang]:nth-child(19),
html.multi-page main>section:nth-child(19) {
    left: 1800%
}
html.multi-page .frame>div[lang]:nth-child(20),
html.multi-page main>section:nth-child(20) {
    left: 1900%
}
html.multi-page .frame>div[lang]:nth-child(21),
html.multi-page main>section:nth-child(21) {
    left: 2000%
}
html.multi-page .frame>div[lang]:nth-child(22),
html.multi-page main>section:nth-child(22) {
    left: 2100%
}
html.multi-page .frame>div[lang]:nth-child(23),
html.multi-page main>section:nth-child(23) {
    left: 2200%
}
html.multi-page .frame>div[lang]:nth-child(24),
html.multi-page main>section:nth-child(24) {
    left: 2300%
}
html.multi-page #lang-2:checked~* .frame>div[lang],
html.multi-page input[name=page-selector]:nth-child(2):checked~* main>section,
input.slider-selector:nth-child(2):checked~.slider-mask li {
    transform: translate3d(-100%, 0, 0);
    -ms-transform: translate(-100%, 0)
}
html.multi-page #lang-3:checked~* .frame>div[lang],
html.multi-page input[name=page-selector]:nth-child(3):checked~* main>section,
input.slider-selector:nth-child(3):checked~.slider-mask li {
    transform: translate3d(-200%, 0, 0);
    -ms-transform: translate(-200%, 0)
}
html.multi-page #lang-4:checked~* .frame>div[lang],
html.multi-page input[name=page-selector]:nth-child(4):checked~* main>section,
input.slider-selector:nth-child(4):checked~.slider-mask li {
    transform: translate3d(-300%, 0, 0);
    -ms-transform: translate(-300%, 0)
}
html.multi-page #lang-5:checked~* .frame>div[lang],
html.multi-page input[name=page-selector]:nth-child(5):checked~* main>section,
input.slider-selector:nth-child(5):checked~.slider-mask li {
    transform: translate3d(-400%, 0, 0);
    -ms-transform: translate(-400%, 0)
}
html.multi-page #lang-6:checked~* .frame>div[lang],
html.multi-page input[name=page-selector]:nth-child(6):checked~* main>section {
    transform: translate3d(-500%, 0, 0);
    -ms-transform: translate(-500%, 0)
}
html.multi-page #lang-7:checked~* .frame>div[lang],
html.multi-page input[name=page-selector]:nth-child(7):checked~* main>section {
    transform: translate3d(-600%, 0, 0);
    -ms-transform: translate(-600%, 0)
}
html.multi-page #lang-8:checked~* .frame>div[lang],
html.multi-page input[name=page-selector]:nth-child(8):checked~* main>section {
    transform: translate3d(-700%, 0, 0);
    -ms-transform: translate(-700%, 0)
}
html.multi-page #lang-9:checked~* .frame>div[lang],
html.multi-page input[name=page-selector]:nth-child(9):checked~* main>section {
    transform: translate3d(-800%, 0, 0);
    -ms-transform: translate(-800%, 0)
}
html.multi-page #lang-10:checked~* .frame>div[lang],
html.multi-page input[name=page-selector]:nth-child(10):checked~* main>section {
    transform: translate3d(-900%, 0, 0);
    -ms-transform: translate(-900%, 0)
}
html.multi-page #lang-11:checked~* .frame>div[lang],
html.multi-page input[name=page-selector]:nth-child(11):checked~* main>section {
    transform: translate3d(-1000%, 0, 0);
    -ms-transform: translate(-1000%, 0)
}
html.multi-page #lang-12:checked~* .frame>div[lang],
html.multi-page input[name=page-selector]:nth-child(12):checked~* main>section {
    transform: translate3d(-1100%, 0, 0);
    -ms-transform: translate(-1100%, 0)
}
html.multi-page #lang-13:checked~* .frame>div[lang],
html.multi-page input[name=page-selector]:nth-child(13):checked~* main>section {
    transform: translate3d(-1200%, 0, 0);
    -ms-transform: translate(-1200%, 0)
}
html.multi-page #lang-14:checked~* .frame>div[lang],
html.multi-page input[name=page-selector]:nth-child(14):checked~* main>section {
    transform: translate3d(-1300%, 0, 0);
    -ms-transform: translate(-1300%, 0)
}
html.multi-page #lang-15:checked~* .frame>div[lang],
html.multi-page input[name=page-selector]:nth-child(15):checked~* main>section {
    transform: translate3d(-1400%, 0, 0);
    -ms-transform: translate(-1400%, 0)
}
html.multi-page #lang-16:checked~* .frame>div[lang],
html.multi-page input[name=page-selector]:nth-child(16):checked~* main>section {
    transform: translate3d(-1500%, 0, 0);
    -ms-transform: translate(-1500%, 0)
}
html.multi-page #lang-17:checked~* .frame>div[lang],
html.multi-page input[name=page-selector]:nth-child(17):checked~* main>section {
    transform: translate3d(-1600%, 0, 0);
    -ms-transform: translate(-1600%, 0)
}
html.multi-page #lang-18:checked~* .frame>div[lang],
html.multi-page input[name=page-selector]:nth-child(18):checked~* main>section {
    transform: translate3d(-1700%, 0, 0);
    -ms-transform: translate(-1700%, 0)
}
html.multi-page #lang-19:checked~* .frame>div[lang],
html.multi-page input[name=page-selector]:nth-child(19):checked~* main>section {
    transform: translate3d(-1800%, 0, 0);
    -ms-transform: translate(-1800%, 0)
}
html.multi-page #lang-1:checked~* .frame>div[lang]:nth-child(1),
html.multi-page #lang-2:checked~* .frame>div[lang]:nth-child(2),
html.multi-page #lang-3:checked~* .frame>div[lang]:nth-child(3),
html.multi-page input[name=page-selector]:nth-child(1):checked~* main>section:nth-child(1),
html.multi-page input[name=page-selector]:nth-child(10):checked~* main>section:nth-child(10),
html.multi-page input[name=page-selector]:nth-child(11):checked~* main>section:nth-child(11),
html.multi-page input[name=page-selector]:nth-child(12):checked~* main>section:nth-child(12),
html.multi-page input[name=page-selector]:nth-child(13):checked~* main>section:nth-child(13),
html.multi-page input[name=page-selector]:nth-child(14):checked~* main>section:nth-child(14),
html.multi-page input[name=page-selector]:nth-child(15):checked~* main>section:nth-child(15),
html.multi-page input[name=page-selector]:nth-child(16):checked~* main>section:nth-child(16),
html.multi-page input[name=page-selector]:nth-child(17):checked~* main>section:nth-child(17),
html.multi-page input[name=page-selector]:nth-child(18):checked~* main>section:nth-child(18),
html.multi-page input[name=page-selector]:nth-child(19):checked~* main>section:nth-child(19),
html.multi-page input[name=page-selector]:nth-child(2):checked~* main>section:nth-child(2),
html.multi-page input[name=page-selector]:nth-child(20):checked~* main>section:nth-child(20),
html.multi-page input[name=page-selector]:nth-child(3):checked~* main>section:nth-child(3),
html.multi-page input[name=page-selector]:nth-child(4):checked~* main>section:nth-child(4),
html.multi-page input[name=page-selector]:nth-child(5):checked~* main>section:nth-child(5),
html.multi-page input[name=page-selector]:nth-child(6):checked~* main>section:nth-child(6),
html.multi-page input[name=page-selector]:nth-child(7):checked~* main>section:nth-child(7),
html.multi-page input[name=page-selector]:nth-child(8):checked~* main>section:nth-child(8),
html.multi-page input[name=page-selector]:nth-child(9):checked~* main>section:nth-child(9),
xinput.slider-selector:nth-child(1):checked~.slider-mask li:nth-child(1) {
    max-height: 200rem
}
@media only screen and (min-width: 435px) {
    x.page-slider>section {
        transition: 1s transform, 1s opacity, 2s max-height
    }
}
#section-0 .slider-labels {
    position: absolute;
    top: 0;
    right: 5%;
    height: 100%;
    width: 16rem;
    margin-top: 0;
    padding-left: 0;
    xbackground: red;
    overflow: visible
}
#section-0 .slider-labels li {
    display: block;
    xfloat: left;
    position: absolute;
    max-width: 100%;
    text-align: center;
    top: 80%;
    width: 8rem;
    xmargin-right: -5rem;
    transform: translate3d(8rem, 0, 0);
    transition: top 1s, width 1s, transform 1s
}
#section-0 .slider-labels li:hover {
    top: 75%
}
#section-0 .slider-labels li>label {
    display: block;
    height: 20rem;
    background: url(img/hexagon2-white.svg) center top no-repeat;
    background-size: contain;
    xmargin-top: 4rem
}
.slider-labels div>p:first-child {
    margin: 2.8rem 0 0
}
.slider-labels div>p:first-child>img {
    xwidth: 100%;
    xheight: 100%;
    xmax-width: 5.5rem;
    xmax-height: 4.5rem;
    height: 4rem;
    xtransition: max-width 1s, max-height 1s;
    width: 5.5rem
}
.slider-labels h2,
.slider-labels p {
    width: auto;
    margin: 0 2rem
}
#section-0 .slider-labels h2,
#section-0 .slider-labels h2~p {
    max-height: 0
}
#section-0 .slider-labels h2 {
    xmax-height: 5rem;
    line-height: normal;
    border-top: 1px solid gray;
    border-bottom: 1px solid gray;
    margin-top: 0;
    display: none
}
#section-0 .slider-labels h2+p {
    xmax-height: 8rem;
    font-size: .9rem;
    line-height: normal;
    padding-top: .5rem;
    overflow: hidden
}
#section-0 .slider-labels h2+p+p {
    position: absolute;
    top: 16rem;
    width: 100%;
    margin: 0
}
#section-0 input.slider-selector:nth-child(1):checked~.slider-labels li:nth-child(4),
#section-0 input.slider-selector:nth-child(2):checked~.slider-labels li:nth-child(5),
#section-0 input.slider-selector:nth-child(3):checked~.slider-labels li:nth-child(1),
#section-0 input.slider-selector:nth-child(4):checked~.slider-labels li:nth-child(2),
#section-0 input.slider-selector:nth-child(5):checked~.slider-labels li:nth-child(3) {
    transform: translate3d(-.2rem, 0, 0)
}
#section-0 input.slider-selector:nth-child(1):checked~.slider-labels li:nth-child(3),
#section-0 input.slider-selector:nth-child(2):checked~.slider-labels li:nth-child(4),
#section-0 input.slider-selector:nth-child(3):checked~.slider-labels li:nth-child(5),
#section-0 input.slider-selector:nth-child(4):checked~.slider-labels li:nth-child(1),
#section-0 input.slider-selector:nth-child(5):checked~.slider-labels li:nth-child(2) {
    transform: translate3d(-8.4rem, 0, 0)
}
#section-0 input.slider-selector:nth-child(1):checked~.slider-labels li:nth-child(2),
#section-0 input.slider-selector:nth-child(2):checked~.slider-labels li:nth-child(3),
#section-0 input.slider-selector:nth-child(3):checked~.slider-labels li:nth-child(4),
#section-0 input.slider-selector:nth-child(4):checked~.slider-labels li:nth-child(5),
#section-0 input.slider-selector:nth-child(5):checked~.slider-labels li:nth-child(1) {
    transform: translate3d(-16.6rem, 0, 0)
}
#section-0 input.slider-selector:nth-child(1):checked~.slider-labels li:nth-child(1),
#section-0 input.slider-selector:nth-child(2):checked~.slider-labels li:nth-child(2),
#section-0 input.slider-selector:nth-child(3):checked~.slider-labels li:nth-child(3),
#section-0 input.slider-selector:nth-child(4):checked~.slider-labels li:nth-child(4),
#section-0 input.slider-selector:nth-child(5):checked~.slider-labels li:nth-child(5) {
    transform: translate3d(0, 0, 0);
    top: -3rem;
    width: 16rem
}
#section-0 input.slider-selector:nth-child(1):checked~.slider-labels li:nth-child(1) div>p:first-child,
#section-0 input.slider-selector:nth-child(2):checked~.slider-labels li:nth-child(2) div>p:first-child,
#section-0 input.slider-selector:nth-child(3):checked~.slider-labels li:nth-child(3) div>p:first-child,
#section-0 input.slider-selector:nth-child(4):checked~.slider-labels li:nth-child(4) div>p:first-child,
#section-0 input.slider-selector:nth-child(5):checked~.slider-labels li:nth-child(5) div>p:first-child {
    margin-top: 4rem
}
#section-0 input.slider-selector:nth-child(1):checked~.slider-labels li:nth-child(1) div>p:first-child>img,
#section-0 input.slider-selector:nth-child(2):checked~.slider-labels li:nth-child(2) div>p:first-child>img,
#section-0 input.slider-selector:nth-child(3):checked~.slider-labels li:nth-child(3) div>p:first-child>img,
#section-0 input.slider-selector:nth-child(4):checked~.slider-labels li:nth-child(4) div>p:first-child>img,
#section-0 input.slider-selector:nth-child(5):checked~.slider-labels li:nth-child(5) div>p:first-child>img {
    width: 12rem
}
#section-0 input.slider-selector:nth-child(1):checked~.slider-labels li:nth-child(1) h2,
#section-0 input.slider-selector:nth-child(2):checked~.slider-labels li:nth-child(2) h2,
#section-0 input.slider-selector:nth-child(3):checked~.slider-labels li:nth-child(3) h2,
#section-0 input.slider-selector:nth-child(4):checked~.slider-labels li:nth-child(4) h2,
#section-0 input.slider-selector:nth-child(5):checked~.slider-labels li:nth-child(5) h2 {
    display: block
}
#section-0 input.slider-selector:nth-child(1):checked~.slider-labels li:nth-child(1) h2,
#section-0 input.slider-selector:nth-child(1):checked~.slider-labels li:nth-child(1) h2~p,
#section-0 input.slider-selector:nth-child(2):checked~.slider-labels li:nth-child(2) h2,
#section-0 input.slider-selector:nth-child(2):checked~.slider-labels li:nth-child(2) h2~p,
#section-0 input.slider-selector:nth-child(3):checked~.slider-labels li:nth-child(3) h2,
#section-0 input.slider-selector:nth-child(3):checked~.slider-labels li:nth-child(3) h2~p,
#section-0 input.slider-selector:nth-child(4):checked~.slider-labels li:nth-child(4) h2,
#section-0 input.slider-selector:nth-child(4):checked~.slider-labels li:nth-child(4) h2~p,
#section-0 input.slider-selector:nth-child(5):checked~.slider-labels li:nth-child(5) h2,
#section-0 input.slider-selector:nth-child(5):checked~.slider-labels li:nth-child(5) h2~p {
    max-height: none
}
xul.slider-labels {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width: 9.7rem;
    height: 100%;
    xheight: 0;
    overflow: visible;
    xpadding-right: 8rem;
    margin-top: 0;
    xoverflow: hidden
}
xx.slider-labels li {
    xdisplay: inline-block;
    display: block
}
x.slider-labels li>label>div>div * {
    display: none
}
xul.slider-labels>li {
    display: block;
    xmargin-right: -7.1rem;
    position: relative;
    top: 80%;
    xbottom: 90%;
    xheight: 100%;
    float: left;
    xtransform: translate3d(-400%, 0, 0);
    transition: top 1s, transform 1s, margin-right 1s, width 1s;
    width: 8.2rem;
    margin-right: -8.2rem
}
@media only screen and (max-height: 650px) {
    xul.slider-labels>li {
        top: 70%
    }
}
@media only screen and (max-height: 550px) {
    xul.slider-labels>li {
        top: 60%
    }
}
x.slider-labels li>label {
    display: block;
    xwidth: 10rem;
    width: 100%;
    height: 20rem;
    xbackground: #fff;
    background: url(img/hexagon2-white.svg) center no-repeat;
    background-size: contain;
    xmargin-left: 1rem;
    xmargin-right: 1rem;
    overflow: hidden;
    text-align: center;
    cursor: pointer;
    max-width: 8rem
}
x.slider-labels li {
    overflow: visible
}
x.slider-labels p {
    width: 100%
}
xx.slider-labels li:hover label,
xxinput.slider-selector:nth-child(1):checked~.slider-labels li:nth-child(1) label,
xxinput.slider-selector:nth-child(2):checked~.slider-labels li:nth-child(2) label,
xxinput.slider-selector:nth-child(3):checked~.slider-labels li:nth-child(3) label {
    xbackground-image: url(img/hexagon2-orange.svg);
    cursor: pointer
}
xul.slider-labels>li label {
    transition: width 1s, height 1s, margin-top .5s
}
xinput.slider-selector:nth-child(1):checked~ul.slider-labels>li:nth-child(1),
xinput.slider-selector:nth-child(2):checked~ul.slider-labels>li:nth-child(2),
xinput.slider-selector:nth-child(3):checked~ul.slider-labels>li:nth-child(3),
xinput.slider-selector:nth-child(4):checked~ul.slider-labels>li:nth-child(4),
xinput.slider-selector:nth-child(5):checked~ul.slider-labels>li:nth-child(5) {
    xleft: -200%;
    transform: translate3d(-100%, 0, 0);
    -ms-transform: translate(-100%, 0);
    top: -4rem;
    width: 16rem;
    margin-right: -16rem
}
xinput.slider-selector:nth-child(1):checked~ul.slider-labels.length-5>li:nth-child(2),
xinput.slider-selector:nth-child(2):checked~ul.slider-labels.length-5>li:nth-child(3),
xinput.slider-selector:nth-child(3):checked~ul.slider-labels.length-5>li:nth-child(4),
xinput.slider-selector:nth-child(4):checked~ul.slider-labels.length-5>li:nth-child(5),
xinput.slider-selector:nth-child(5):checked~ul.slider-labels.length-5>li:nth-child(1) {
    xleft: -300%;
    transform: translate3d(-400%, 0, 0);
    -ms-transform: translate(-280%, 0)
}
xinput.slider-selector:nth-child(1):checked~ul.slider-labels.length-4>li:nth-child(2),
xinput.slider-selector:nth-child(1):checked~ul.slider-labels.length-5>li:nth-child(3),
xinput.slider-selector:nth-child(2):checked~ul.slider-labels.length-4>li:nth-child(3),
xinput.slider-selector:nth-child(2):checked~ul.slider-labels.length-5>li:nth-child(4),
xinput.slider-selector:nth-child(3):checked~ul.slider-labels.length-4>li:nth-child(4),
xinput.slider-selector:nth-child(3):checked~ul.slider-labels.length-5>li:nth-child(5),
xinput.slider-selector:nth-child(4):checked~ul.slider-labels.length-4>li:nth-child(1),
xinput.slider-selector:nth-child(4):checked~ul.slider-labels.length-5>li:nth-child(1),
xinput.slider-selector:nth-child(5):checked~ul.slider-labels.length-5>li:nth-child(2) {
    xleft: -300%;
    transform: translate3d(-300%, 0, 0);
    -ms-transform: translate(-210%, 0)
}
xinput.slider-selector:nth-child(1):checked~ul.slider-labels.length-4>li:nth-child(3),
xinput.slider-selector:nth-child(1):checked~ul.slider-labels.length-5>li:nth-child(4),
xinput.slider-selector:nth-child(2):checked~ul.slider-labels.length-4>li:nth-child(4),
xinput.slider-selector:nth-child(2):checked~ul.slider-labels.length-5>li:nth-child(5),
xinput.slider-selector:nth-child(3):checked~ul.slider-labels.length-4>li:nth-child(1),
xinput.slider-selector:nth-child(3):checked~ul.slider-labels.length-5>li:nth-child(1),
xinput.slider-selector:nth-child(4):checked~ul.slider-labels.length-4>li:nth-child(2),
xinput.slider-selector:nth-child(4):checked~ul.slider-labels.length-5>li:nth-child(2),
xinput.slider-selector:nth-child(5):checked~ul.slider-labels.length-5>li:nth-child(3) {
    xleft: -200%;
    transform: translate3d(-200%, 0, 0);
    -ms-transform: translate(-140%, 0)
}
xinput.slider-selector:nth-child(1):checked~ul.slider-labels.length-4>li:nth-child(4),
xinput.slider-selector:nth-child(1):checked~ul.slider-labels.length-5>li:nth-child(5),
xinput.slider-selector:nth-child(2):checked~ul.slider-labels.length-4>li:nth-child(1),
xinput.slider-selector:nth-child(2):checked~ul.slider-labels.length-5>li:nth-child(1),
xinput.slider-selector:nth-child(3):checked~ul.slider-labels.length-4>li:nth-child(2),
xinput.slider-selector:nth-child(3):checked~ul.slider-labels.length-5>li:nth-child(2),
xinput.slider-selector:nth-child(4):checked~ul.slider-labels.length-4>li:nth-child(3),
xinput.slider-selector:nth-child(4):checked~ul.slider-labels.length-5>li:nth-child(3),
xinput.slider-selector:nth-child(5):checked~ul.slider-labels.length-5>li:nth-child(4) {
    xleft: -100%;
    transform: translate3d(-100%, 0, 0);
    -ms-transform: translate(-70%, 0)
}
xxinput.slider-selector:nth-child(1):checked~.slider-labels.length-4>li:nth-child(1),
xxinput.slider-selector:nth-child(2):checked~.slider-labels.length-4>li:nth-child(2),
xxinput.slider-selector:nth-child(3):checked~.slider-labels.length-4>li:nth-child(3),
xxinput.slider-selector:nth-child(4):checked~.slider-labels.length-4>li:nth-child(4) {
    top: -4rem
}
xinput.slider-selector:nth-child(1):checked~ul.slider-labels>li:nth-child(1) label,
xinput.slider-selector:nth-child(2):checked~ul.slider-labels>li:nth-child(2) label,
xinput.slider-selector:nth-child(3):checked~ul.slider-labels>li:nth-child(3) label,
xinput.slider-selector:nth-child(4):checked~ul.slider-labels>li:nth-child(4) label,
xinput.slider-selector:nth-child(5):checked~ul.slider-labels>li:nth-child(5) label {
    width: 16rem;
    height: 20rem
}
xul.slider-labels label h2,
xul.slider-labels label h2~* {
    xdisplay: none
}
xxul.slider-labels label {
    display: table;
    overflow: hidden
}
xxul.slider-labels label ul {
    display: table-row
}
xxul.slider-labels label ul li {
    display: table-cell;
    vertical-align: middle
}
xul.slider-labels label {
    display: table
}
xul.slider-labels li:hover label {
    margin-top: -1rem
}
xinput.slider-selector:nth-child(1):checked~ul.slider-labels>li:nth-child(1):hover label,
xinput.slider-selector:nth-child(2):checked~ul.slider-labels>li:nth-child(2):hover label,
xinput.slider-selector:nth-child(3):checked~ul.slider-labels>li:nth-child(3):hover label,
xinput.slider-selector:nth-child(4):checked~ul.slider-labels>li:nth-child(4):hover label,
xinput.slider-selector:nth-child(5):checked~ul.slider-labels>li:nth-child(5):hover label {
    margin-top: 0
}
xul.slider-labels label>div {
    display: table-row
}
xul.slider-labels label>div>div {
    display: table-cell;
    vertical-align: middle
}
xul.slider-labels h2,
xul.slider-labels label h2+p {
    max-height: 0;
    xoverflow: hidden;
    width: 75%
}
xul.slider-labels h2,
xul.slider-labels p {
    margin: 0;
    xtransition: max-height 1s;
    overflow: hidden
}
xul.slider-labels img {
    width: 100%;
    height: 100%;
    max-width: 5.5rem;
    max-height: 4.5rem;
    transition: max-width 1s, max-height 1s
}
xxinput.slider-selector:nth-child(1):checked~ul.slider-labels>li:nth-child(1) img,
xxinput.slider-selector:nth-child(2):checked~ul.slider-labels>li:nth-child(2) img,
xxinput.slider-selector:nth-child(3):checked~ul.slider-labels>li:nth-child(3) img,
xxinput.slider-selector:nth-child(4):checked~ul.slider-labels>li:nth-child(4) img,
xxinput.slider-selector:nth-child(5):checked~ul.slider-labels>li:nth-child(5) img {
    max-width: 8rem
}
xinput.slider-selector:nth-child(1):checked~ul.slider-labels>li:nth-child(1) h2,
xinput.slider-selector:nth-child(2):checked~ul.slider-labels>li:nth-child(2) h2,
xinput.slider-selector:nth-child(3):checked~ul.slider-labels>li:nth-child(3) h2,
xinput.slider-selector:nth-child(4):checked~ul.slider-labels>li:nth-child(4) h2,
xinput.slider-selector:nth-child(5):checked~ul.slider-labels>li:nth-child(5) h2 {
    max-height: 5rem;
    line-height: normal;
    margin-left: 2rem;
    margin-right: 2rem;
    border-top: 1px solid gray;
    border-bottom: 1px solid gray
}
blockquote,
footer #partner,
footer address,
footer nav.sitemap {
    border-top: 1px solid #f39200
}
xinput.slider-selector:nth-child(1):checked~ul.slider-labels>li:nth-child(1) h2+p,
xinput.slider-selector:nth-child(2):checked~ul.slider-labels>li:nth-child(2) h2+p,
xinput.slider-selector:nth-child(3):checked~ul.slider-labels>li:nth-child(3) h2+p,
xinput.slider-selector:nth-child(4):checked~ul.slider-labels>li:nth-child(4) h2+p,
xinput.slider-selector:nth-child(5):checked~ul.slider-labels>li:nth-child(5) h2+p {
    max-height: 8rem;
    font-size: .9rem;
    line-height: normal;
    width: 100%;
    padding-left: 2rem;
    padding-right: 2rem;
    padding-top: .5rem
}
x.slider-mask li {
    display: block
}
#section-0 .slider-labels~.section-content,
nav#lang,
x#section-0 .slider-labels li label,
x.slider-mask li h2 {
    display: none
}
x.slider-labels label p:nth-child(1) {
    xmin-width: 10rem
}
x.slider-labels label p:nth-child(4) {
    position: absolute;
    bottom: 2rem;
    max-height: 0;
    xheight: 1.5rem;
    width: 100%;
    xoverflow: hidden;
    transition: max-height 1s
}
xinput.slider-selector:nth-child(1):checked~ul.slider-labels>li:nth-child(1) label p:nth-child(4),
xinput.slider-selector:nth-child(2):checked~ul.slider-labels>li:nth-child(2) label p:nth-child(4),
xinput.slider-selector:nth-child(3):checked~ul.slider-labels>li:nth-child(3) label p:nth-child(4),
xinput.slider-selector:nth-child(4):checked~ul.slider-labels>li:nth-child(4) label p:nth-child(4),
xinput.slider-selector:nth-child(5):checked~ul.slider-labels>li:nth-child(5) label p:nth-child(4) {
    max-height: 1.5rem
}
x.slider-labels label h2~p img {
    width: 0;
    height: 0
}
xinput.slider-selector:nth-child(1):checked~ul.slider-labels>li:nth-child(1) h2~p img,
xinput.slider-selector:nth-child(2):checked~ul.slider-labels>li:nth-child(2) h2~p img,
xinput.slider-selector:nth-child(3):checked~ul.slider-labels>li:nth-child(3) h2~p img,
xinput.slider-selector:nth-child(4):checked~ul.slider-labels>li:nth-child(4) h2~p img,
xinput.slider-selector:nth-child(5):checked~ul.slider-labels>li:nth-child(5) h2~p img {
    height: 1.5rem;
    width: 8rem
}
y#section-0 .slider-labels {
    position: absolute;
    top: 0;
    left: 5%;
    right: 5%;
    bottom: 2%;
    margin: 0;
    background: red;
    overflow: hidden
}
nav#lang ul:after,
nav#lang ul:before {
    right: 0;
    width: 2.5rem;
    height: 2.5rem;
    position: absolute;
    top: 0
}
#section-0 .slider-labels * {
    overflow: hidden
}
@font-face {
    font-family: Satura;
    src: url(fonts/SaturaTextPro-Regular.eot);
    src: url(fonts/SaturaTextPro-Regular.eot?#iefix) format('embedded-opentype'), url(fonts/SaturaTextPro-Regular.woff) format('woff'), url(fonts/SaturaTextPro-Regular.ttf) format('truetype'), url(fonts/SaturaTextPro-Regular.svg#805afe7f2954c5869c29fd9b16cea116) format('svg');
    font-style: normal;
    font-weight: 400
}
@media only screen and (max-width: 930px),
(max-height: 755px) {
    html {
        font-size: 15.9px
    }
}
@media only screen and (max-width: 925px),
(max-height: 750px) {
    html {
        font-size: 15.8px
    }
}
@media only screen and (max-width: 920px),
(max-height: 745px) {
    html {
        font-size: 15.7px
    }
}
@media only screen and (max-width: 915px),
(max-height: 740px) {
    html {
        font-size: 15.6px
    }
}
@media only screen and (max-width: 910px),
(max-height: 735px) {
    html {
        font-size: 15.5px
    }
}
@media only screen and (max-width: 905px),
(max-height: 730px) {
    html {
        font-size: 15.4px
    }
}
@media only screen and (max-width: 900px),
(max-height: 725px) {
    html {
        font-size: 15.3px
    }
}
@media only screen and (max-width: 895px),
(max-height: 720px) {
    html {
        font-size: 15.2px
    }
}
@media only screen and (max-width: 890px),
(max-height: 715px) {
    html {
        font-size: 15.1px
    }
}
@media only screen and (max-width: 885px),
(max-height: 710px) {
    html {
        font-size: 15px
    }
}
@media only screen and (max-width: 880px),
(max-height: 705px) {
    html {
        font-size: 14.9px
    }
}
@media only screen and (max-width: 875px),
(max-height: 700px) {
    html {
        font-size: 14.8px
    }
}
@media only screen and (max-width: 870px),
(max-height: 695px) {
    html {
        font-size: 14.7px
    }
}
@media only screen and (max-width: 865px),
(max-height: 690px) {
    html {
        font-size: 14.6px
    }
}
@media only screen and (max-width: 860px),
(max-height: 685px) {
    html {
        font-size: 14.5px
    }
}
@media only screen and (max-width: 855px),
(max-height: 680px) {
    html {
        font-size: 14.4px
    }
}
@media only screen and (max-width: 850px),
(max-height: 675px) {
    html {
        font-size: 14.3px
    }
}
@media only screen and (max-width: 845px),
(max-height: 670px) {
    html {
        font-size: 14.2px
    }
}
@media only screen and (max-width: 840px),
(max-height: 665px) {
    html {
        font-size: 14.1px
    }
}
@media only screen and (max-width: 835px),
(max-height: 660px) {
    html {
        font-size: 14px
    }
}
@media only screen and (max-width: 830px),
(max-height: 655px) {
    html {
        font-size: 13.9px
    }
}
@media only screen and (max-width: 825px),
(max-height: 650px) {
    html {
        font-size: 13.8px
    }
}
@media only screen and (max-width: 820px),
(max-height: 645px) {
    html {
        font-size: 13.7px
    }
}
@media only screen and (max-width: 815px),
(max-height: 640px) {
    html {
        font-size: 13.6px
    }
}
@media only screen and (max-width: 810px),
(max-height: 635px) {
    html {
        font-size: 13.5px
    }
}
@media only screen and (max-width: 805px),
(max-height: 630px) {
    html {
        font-size: 13.4px
    }
}
@media only screen and (max-width: 800px),
(max-height: 625px) {
    html {
        font-size: 13.3px
    }
}
@media only screen and (max-width: 795px),
(max-height: 620px) {
    html {
        font-size: 13.2px
    }
}
@media only screen and (max-width: 790px),
(max-height: 615px) {
    html {
        font-size: 13.1px
    }
}
@media only screen and (max-width: 785px),
(max-height: 610px) {
    html {
        font-size: 13px
    }
}
@media only screen and (max-width: 780px),
(max-height: 605px) {
    html {
        font-size: 12.9px
    }
}
@media only screen and (max-width: 775px),
(max-height: 600px) {
    html {
        font-size: 12.8px
    }
}
@media only screen and (max-width: 770px),
(max-height: 595px) {
    html {
        font-size: 12.7px
    }
}
@media only screen and (max-width: 765px),
(max-height: 590px) {
    html {
        font-size: 12.6px
    }
}
@media only screen and (max-width: 760px),
(max-height: 585px) {
    html {
        font-size: 12.5px
    }
}
@media only screen and (max-width: 755px),
(max-height: 580px) {
    html {
        font-size: 12.4px
    }
}
@media only screen and (max-width: 750px),
(max-height: 575px) {
    html {
        font-size: 12.3px
    }
}
@media only screen and (max-width: 745px),
(max-height: 570px) {
    html {
        font-size: 12.2px
    }
}
@media only screen and (max-width: 740px),
(max-height: 565px) {
    html {
        font-size: 12.1px
    }
}
@media only screen and (max-width: 735px),
(max-height: 560px) {
    html {
        font-size: 12px
    }
}
label[for=menu] {
    position: fixed;
    z-index: 100;
    xdisplay: block;
    font-size: 0;
    top: -.7rem;
    xleft: 2.5rem;
    right: 2.5rem;
    cursor: pointer
}
label[for=menu]:after {
    content: '\2261';
    color: #fff;
    font-size: 4rem;
    font-family: Verdana
}
footer,
footer .imprint a,
footer nav ul ul a,
main {
    color: #868b8f
}
nav#lang {
    xtext-align: left;
    left: 18.9rem;
    top: .5rem
}
nav#lang ul {
    xwidth: 30rem;
    padding-right: 1.5rem
}
nav#lang ul:before {
    content: "";
    background: url(img/hexagon2-gray.svg) no-repeat;
    background-size: contain;
    z-index: -2
}
nav#lang ul:after {
    content: "";
    background: url(img/hexagon2-orange.svg) no-repeat;
    background-size: contain;
    z-index: -1;
    opacity: 0;
    transition: opacity 1s
}
input[name=page-selector]:first-child:checked~* nav#lang ul:after {
    opacity: 1
}
nav#lang li {
    position: relative;
    overflow: hidden;
    z-index: 2;
    xposition: relative;
    xdisplay: none;
    padding: .5rem 0 .5rem 2.5rem
}
nav#lang li:before {
    content: "";
    position: absolute;
    left: .5rem;
    top: .7rem;
    width: 1rem;
    height: 1rem;
    background: url(img/austria.svg) no-repeat;
    background-size: contain;
    z-index: 200
}
nav div[lang]>ul>li>a,
nav div[lang]>ul>li>label,
nav div[lang]>ul>li>ul>li>a,
nav div[lang]>ul>li>ul>li>label {
    display: block;
    width: 14rem;
    border-bottom: 1px solid #fff;
    font-size: 1rem;
    text-transform: uppercase
}
nav#lang li:nth-child(2):before {
    background: #00f;
    z-index: 200
}
nav#lang a,
nav#lang label {
    xz-index: 20
}
#lang-1:checked~* nav#lang li:nth-child(1),
#lang-2:checked~* nav#lang li:nth-child(2) {
    xdisplay: inline-block
}
nav div[lang]>ul>li>a,
nav div[lang]>ul>li>label {
    margin-bottom: 2rem
}
nav div[lang]>ul>li>ul>li {
    margin-bottom: 2rem;
    user-select: none;
    overflow: visible
}
blockquote,
input#selector-0-4:checked~* nav#primary label[for=selector-0-4] {
    border-bottom: 1px solid #f39200
}
nav div[lang]>ul>li>ul>li>ul>li {
    font-size: 1.4rem
}
nav div[lang]>ul>li>ul>li>ul {
    max-height: 0;
    overflow: hidden;
    transition: max-height .5s
}
#partner li,
div#partner ul,
footer .contact-block,
footer nav.sitemap>ul,
h1,
xnav#primary div[lang],
xnav#primary ul {
    overflow: visible
}
@media only screen and (max-width: 690px) {
    label[for=menu] {
        display: block
    }
    nav div[lang]>ul>li>a,
    nav div[lang]>ul>li>label,
    nav div[lang]>ul>li>ul>li>label {
        width: 100%
    }
    nav#primary div[lang]>ul>li>ul>li>ul>li {
        width: 15rem;
        display: inline-block
    }
}
nav#lang li,
nav#primary li.bar {
    display: none
}
input#selector-0-0:checked~* nav div[lang]>ul>li>ul>li:nth-child(1)>ul,
input#selector-0-1:checked~* nav div[lang]>ul>li>ul>li:nth-child(2)>ul,
input#selector-0-2:checked~* nav div[lang]>ul>li>ul>li:nth-child(3)>ul,
input#selector-0-3:checked~* nav div[lang]>ul>li>ul>li:nth-child(4)>ul,
input#selector-0-4:checked~* nav div[lang]>ul>li>ul>li:nth-child(5)>ul {
    max-height: 300px
}
input[name=page-selector]:nth-child(1):checked~* nav#primary ul ul li .page-num-1,
input[name=page-selector]:nth-child(10):checked~* nav#primary ul ul li .page-num-10,
input[name=page-selector]:nth-child(11):checked~* nav#primary ul ul li .page-num-11,
input[name=page-selector]:nth-child(12):checked~* nav#primary ul ul li .page-num-12,
input[name=page-selector]:nth-child(13):checked~* nav#primary ul ul li .page-num-13,
input[name=page-selector]:nth-child(14):checked~* nav#primary ul ul li .page-num-14,
input[name=page-selector]:nth-child(15):checked~* nav#primary ul ul li .page-num-15,
input[name=page-selector]:nth-child(16):checked~* nav#primary ul ul li .page-num-16,
input[name=page-selector]:nth-child(17):checked~* nav#primary ul ul li .page-num-17,
input[name=page-selector]:nth-child(18):checked~* nav#primary ul ul li .page-num-18,
input[name=page-selector]:nth-child(19):checked~* nav#primary ul ul li .page-num-19,
input[name=page-selector]:nth-child(2):checked~* nav#primary ul ul li .page-num-2,
input[name=page-selector]:nth-child(20):checked~* nav#primary ul ul li .page-num-20,
input[name=page-selector]:nth-child(3):checked~* nav#primary ul ul li .page-num-3,
input[name=page-selector]:nth-child(4):checked~* nav#primary ul ul li .page-num-4,
input[name=page-selector]:nth-child(5):checked~* nav#primary ul ul li .page-num-5,
input[name=page-selector]:nth-child(6):checked~* nav#primary ul ul li .page-num-6,
input[name=page-selector]:nth-child(7):checked~* nav#primary ul ul li .page-num-7,
input[name=page-selector]:nth-child(8):checked~* nav#primary ul ul li .page-num-8,
input[name=page-selector]:nth-child(9):checked~* nav#primary ul ul li .page-num-9 {
    cursor: default;
    text-decoration: none
}
nav#primary .content-area {
    padding-right: 0
}
nav#primary ul {
    xwidth: 13rem
}
nav#primary div[lang]>ul>li,
nav#primary div[lang]>ul>li>ul>li {
    position: relative
}
nav#primary div[lang]:first-child>ul>li:before,
nav#primary div[lang]:first-child>ul>li>ul>li:before {
    content: "";
    position: absolute;
    top: 0;
    right: .1rem;
    width: 2.5rem;
    height: 2.5rem;
    background: url(img/hexagon2-gray.svg) no-repeat;
    background-size: contain;
    transition: transform 1s;
    transform: translate3d(0, 0, 0);
    -ms-transform: translate(0, 0)
}
nav#primary div[lang]:first-child>ul>li:after,
nav#primary div[lang]:first-child>ul>li>ul>li:after {
    content: "";
    position: absolute;
    top: 0;
    right: .1rem;
    width: 2.5rem;
    height: 2.5rem;
    background: url(img/hexagon2-orange.svg) no-repeat;
    background-size: contain;
    opacity: 0;
    transition: transform 1s, opacity 1s;
    transform: translate3d(0, 0, 0);
    -ms-transform: translate(0, 0)
}
input[name=page-selector]:first-child:checked~* nav#primary div[lang]>ul>li:after,
input[name=page-selector]:first-child:checked~* nav#primary div[lang]>ul>li>ul>li:after,
section div.image.imageLoaded {
    opacity: 1
}
@media only screen and (max-width: 690px) {
    nav#primary .content-area {
        padding-right: 3rem
    }
    nav#primary div[lang]:first-child>ul>li:after,
    nav#primary div[lang]:first-child>ul>li:before,
    nav#primary div[lang]:first-child>ul>li>ul>li:after,
    nav#primary div[lang]:first-child>ul>li>ul>li:before {
        display: none;
        xbackground: none
    }
}
input#lang-2:checked~* nav#primary div[lang]:nth-child(1)>ul>li:after,
input#lang-2:checked~* nav#primary div[lang]:nth-child(1)>ul>li:before,
input#lang-2:checked~* nav#primary div[lang]:nth-child(1)>ul>li>ul>li:after,
input#lang-2:checked~* nav#primary div[lang]:nth-child(1)>ul>li>ul>li:before,
xinput#lang-1:checked~* nav#primary div[lang]:nth-child(1)>ul>li:after,
xinput#lang-1:checked~* nav#primary div[lang]:nth-child(1)>ul>li:before,
xinput#lang-1:checked~* nav#primary div[lang]:nth-child(1)>ul>li>ul>li:after,
xinput#lang-1:checked~* nav#primary div[lang]:nth-child(1)>ul>li>ul>li:before {
    xright: .1rem;
    transform: translate3d(21.5rem, 0, 0);
    -ms-transform: translate(21.5rem, 0)
}
nav#lang li {
    max-width: 0
}
input#lang-1:checked~* nav#lang li:nth-child(1),
input#lang-2:checked~* nav#lang li:nth-child(2),
nav#lang:hover li {
    display: inline-block
}
nav#lang:hover li {
    max-width: 100rem
}
main {
    font-size: 1.2rem
}
section div.image {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    z-index: -2;
    xdisplay: none;
    transition: opacity .5s;
    xopacity: 0
}
html.multi-page input[name=page-selector]:nth-child(1):checked~* main>section:nth-child(1) div.lazy,
html.multi-page input[name=page-selector]:nth-child(10):checked~* main>section:nth-child(10) div.lazy,
html.multi-page input[name=page-selector]:nth-child(11):checked~* main>section:nth-child(11) div.lazy,
html.multi-page input[name=page-selector]:nth-child(12):checked~* main>section:nth-child(12) div.lazy,
html.multi-page input[name=page-selector]:nth-child(13):checked~* main>section:nth-child(13) div.lazy,
html.multi-page input[name=page-selector]:nth-child(14):checked~* main>section:nth-child(14) div.lazy,
html.multi-page input[name=page-selector]:nth-child(15):checked~* main>section:nth-child(15) div.lazy,
html.multi-page input[name=page-selector]:nth-child(16):checked~* main>section:nth-child(16) div.lazy,
html.multi-page input[name=page-selector]:nth-child(17):checked~* main>section:nth-child(17) div.lazy,
html.multi-page input[name=page-selector]:nth-child(18):checked~* main>section:nth-child(18) div.lazy,
html.multi-page input[name=page-selector]:nth-child(19):checked~* main>section:nth-child(19) div.lazy,
html.multi-page input[name=page-selector]:nth-child(2):checked~* main>section:nth-child(2) div.lazy,
html.multi-page input[name=page-selector]:nth-child(20):checked~* main>section:nth-child(20) div.lazy,
html.multi-page input[name=page-selector]:nth-child(21):checked~* main>section:nth-child(21) div.lazy,
html.multi-page input[name=page-selector]:nth-child(22):checked~* main>section:nth-child(22) div.lazy,
html.multi-page input[name=page-selector]:nth-child(23):checked~* main>section:nth-child(23) div.lazy,
html.multi-page input[name=page-selector]:nth-child(24):checked~* main>section:nth-child(24) div.lazy,
html.multi-page input[name=page-selector]:nth-child(25):checked~* main>section:nth-child(25) div.lazy,
html.multi-page input[name=page-selector]:nth-child(3):checked~* main>section:nth-child(3) div.lazy,
html.multi-page input[name=page-selector]:nth-child(4):checked~* main>section:nth-child(4) div.lazy,
html.multi-page input[name=page-selector]:nth-child(5):checked~* main>section:nth-child(5) div.lazy,
html.multi-page input[name=page-selector]:nth-child(6):checked~* main>section:nth-child(6) div.lazy,
html.multi-page input[name=page-selector]:nth-child(7):checked~* main>section:nth-child(7) div.lazy,
html.multi-page input[name=page-selector]:nth-child(8):checked~* main>section:nth-child(8) div.lazy,
html.multi-page input[name=page-selector]:nth-child(9):checked~* main>section:nth-child(9) div.lazy {
    display: block
}
#section-0 div.lazy,
#section-0-3-1 div.lazy,
#section-0-3-2 div.lazy {
    display: none
}
section div.lazy {
    background: #DDD;
    height: 20rem;
    transition: height 1s;
    xdisplay: none
}
@media only screen and (max-height: 550px) {
    section div.lazy {
        height: 15rem
    }
}
@media only screen and (max-height: 450px) {
    section div.lazy {
        height: 10rem
    }
}
h1 {
    position: relative;
    display: inline-block;
    text-transform: uppercase;
    font-size: 4.4rem;
    line-height: normal;
    z-index: 2;
    margin: 0 0 0 -2rem;
    padding-top: 1rem;
    padding-left: 2rem;
    padding-right: 2rem;
    transition: font-size 1s
}
@media only screen and (max-width: 1000px) {
    main h1 {
        font-size: 3rem
    }
}
h1:after,
h1:before {
    position: absolute;
    top: 0;
    z-index: -1;
    content: '';
    display: block;
    width: 7rem;
    height: 6rem;
    xbackground-color: #000;
    background: url(img/hexagon-white.svg);
    background-size: cover
}
#section-0 div.image,
#section-0 h1,
#selector-0:checked~* footer {
    display: none
}
h1:before {
    left: -1.8rem
}
h1:after {
    right: -1.8rem
}
h2 {
    font-size: 1.6rem
}
h3 {
    text-transform: uppercase;
    font-size: 1rem;
    xmargin-bottom: 0;
    xmargin-top: 4rem
}
h3+p {
    margin-top: 0
}
h2,
h3,
main blockquote {
    margin-bottom: 0;
    margin-top: 4rem
}
main h2,
main h3,
main p,
xmain h1 {
    width: 50%;
    xclear: both
}
.wpcf7-form input[type=email],
.wpcf7-form input[type=text],
.wpcf7-form p,
.wpcf7-form textarea,
blockquote img,
blockquote p {
    width: 100%
}
main blockquote {
    float: right;
    width: 35%;
    xmargin: 0;
    xmargin-top: -1.2rem;
    xmargin-left: xpadding-top: 2rem;
    padding-bottom: .5rem;
    margin-left: 0;
    margin-right: 0
}
@media only screen and (max-width: 1000px) {
    main h2,
    main h3,
    main p,
    xmain h1 {
        width: 100%
    }
    main blockquote {
        float: none;
        width: 100%
    }
}
blockquote h3 {
    margin: .5rem 0 0
}
main blockquote ul {
    padding-left: 1.5rem;
    margin: 0
}
#selector-0:checked~#sheet,
#selector-0:checked~#sheet #section-0,
#selector-0:checked~#sheet main,
.slider-mask {
    height: 100%
}
.slider-mask li {
    background-size: cover
}
#section-0 div.frame {
    height: 100%;
    margin-top: 0
}
#section-0 div.frame div[lang] {
    height: 100%;
    padding: 0
}
footer,
main {
    background: #fff
}
#ie8-message,
header,
nav#lang li {
    background: #868b8f;
    transition: background-color 1s
}
input[name=page-selector]:first-child:checked~* header,
input[name=page-selector]:first-child:checked~* nav#lang li {
    background: #f39200
}
@media only screen and (max-width: 690px) {
    nav#primary {
        background: #868b8f
    }
    input[name=page-selector]:first-child:checked~* nav#primary {
        background: #f39200
    }
    #body-cell footer {
        margin: 0
    }
}
address a,
footer nav>ul>li,
footer nav>ul>li>a,
h1,
h3,
h4,
input#menu:checked~* label[for=menu]:after,
input#selector-0-4:checked~* nav#primary label[for=selector-0-4] a,
input[name=page-selector]:nth-child(1):checked~* nav#primary ul ul .page-num-1,
input[name=page-selector]:nth-child(10):checked~* nav#primary ul ul .page-num-10,
input[name=page-selector]:nth-child(11):checked~* nav#primary ul ul .page-num-11,
input[name=page-selector]:nth-child(12):checked~* nav#primary ul ul .page-num-12,
input[name=page-selector]:nth-child(13):checked~* nav#primary ul ul .page-num-13,
input[name=page-selector]:nth-child(14):checked~* nav#primary ul ul .page-num-14,
input[name=page-selector]:nth-child(15):checked~* nav#primary ul ul .page-num-15,
input[name=page-selector]:nth-child(16):checked~* nav#primary ul ul .page-num-16,
input[name=page-selector]:nth-child(17):checked~* nav#primary ul ul .page-num-17,
input[name=page-selector]:nth-child(18):checked~* nav#primary ul ul .page-num-18,
input[name=page-selector]:nth-child(19):checked~* nav#primary ul ul .page-num-19,
input[name=page-selector]:nth-child(2):checked~* nav#primary ul ul .page-num-2,
input[name=page-selector]:nth-child(20):checked~* nav#primary ul ul .page-num-20,
input[name=page-selector]:nth-child(3):checked~* nav#primary ul ul .page-num-3,
input[name=page-selector]:nth-child(4):checked~* nav#primary ul ul .page-num-4,
input[name=page-selector]:nth-child(5):checked~* nav#primary ul ul .page-num-5,
input[name=page-selector]:nth-child(6):checked~* nav#primary ul ul .page-num-6,
input[name=page-selector]:nth-child(7):checked~* nav#primary ul ul .page-num-7,
input[name=page-selector]:nth-child(8):checked~* nav#primary ul ul .page-num-8,
input[name=page-selector]:nth-child(9):checked~* nav#primary ul ul .page-num-9,
nav#breadcrumbs a,
nav#breadcrumbs li {
    color: #f39200
}
#ie8-message,
input[name=page-selector]:nth-child(1):checked~input#menu:checked~* label[for=menu]:after,
nav#lang,
nav#lang a,
nav#primary,
nav#primary a {
    color: #fff
}
h1 {
    background: #fff
}
#body-cell footer {
    line-height: 1.2;
    padding-top: 6rem
}
footer nav.sitemap {
    padding-top: .5rem;
    padding-left: 23rem;
    padding-bottom: .5rem
}
@media only screen and (max-width: 1240px) {
    footer nav.sitemap {
        padding-left: 0;
        margin-top: 2rem
    }
}
footer nav.sitemap>ul {
    margin-left: -1rem
}
footer nav.sitemap li {
    display: inline-block;
    width: 9rem;
    margin-left: 1rem;
    margin-right: 1rem;
    margin-bottom: 1rem;
    vertical-align: top
}
footer nav.sitemap li li {
    display: block;
    margin: 0
}
#partner li,
.logo-footer {
    display: inline-block
}
footer nav li {
    text-transform: uppercase
}
footer nav.sitemap li ul li {
    text-transform: none
}
nav#breadcrumbs a,
nav#breadcrumbs li {
    font-size: 1rem;
    text-transform: uppercase
}
footer nav.breadcrumbs {
    position: absolute;
    left: 6.1rem;
    top: .5rem;
    xz-index: 100
}
header,
nav#lang,
nav#primary {
    position: fixed
}
input#menu:checked~* footer nav.breadcrumbs {
    xz-index: auto
}
html.multi-page footer nav.breadcrumbs {
    opacity: 0;
    transition: opacity 1s
}
html.multi-page input[name=page-selector]:nth-child(1):checked~* footer nav.breadcrumbs:nth-child(1),
html.multi-page input[name=page-selector]:nth-child(10):checked~* footer nav.breadcrumbs:nth-child(10),
html.multi-page input[name=page-selector]:nth-child(11):checked~* footer nav.breadcrumbs:nth-child(11),
html.multi-page input[name=page-selector]:nth-child(12):checked~* footer nav.breadcrumbs:nth-child(12),
html.multi-page input[name=page-selector]:nth-child(13):checked~* footer nav.breadcrumbs:nth-child(13),
html.multi-page input[name=page-selector]:nth-child(14):checked~* footer nav.breadcrumbs:nth-child(14),
html.multi-page input[name=page-selector]:nth-child(15):checked~* footer nav.breadcrumbs:nth-child(15),
html.multi-page input[name=page-selector]:nth-child(16):checked~* footer nav.breadcrumbs:nth-child(16),
html.multi-page input[name=page-selector]:nth-child(17):checked~* footer nav.breadcrumbs:nth-child(17),
html.multi-page input[name=page-selector]:nth-child(18):checked~* footer nav.breadcrumbs:nth-child(18),
html.multi-page input[name=page-selector]:nth-child(19):checked~* footer nav.breadcrumbs:nth-child(19),
html.multi-page input[name=page-selector]:nth-child(2):checked~* footer nav.breadcrumbs:nth-child(2),
html.multi-page input[name=page-selector]:nth-child(20):checked~* footer nav.breadcrumbs:nth-child(20),
html.multi-page input[name=page-selector]:nth-child(3):checked~* footer nav.breadcrumbs:nth-child(3),
html.multi-page input[name=page-selector]:nth-child(4):checked~* footer nav.breadcrumbs:nth-child(4),
html.multi-page input[name=page-selector]:nth-child(5):checked~* footer nav.breadcrumbs:nth-child(5),
html.multi-page input[name=page-selector]:nth-child(6):checked~* footer nav.breadcrumbs:nth-child(6),
html.multi-page input[name=page-selector]:nth-child(7):checked~* footer nav.breadcrumbs:nth-child(7),
html.multi-page input[name=page-selector]:nth-child(8):checked~* footer nav.breadcrumbs:nth-child(8),
html.multi-page input[name=page-selector]:nth-child(9):checked~* footer nav.breadcrumbs:nth-child(9) {
    opacity: 1;
    z-index: 2
}
@media only screen and (max-width: 690px) {
    footer nav.breadcrumbs {
        left: 2.5rem
    }
}
xnav.breadcrumbs li:after {
    content: " »\00a0"
}
#partner {
    position: relative;
    top: -1rem
}
#partner h4 {
    position: absolute;
    left: .1rem;
    top: .5rem;
    z-index: 100;
    font-weight: 400;
    text-transform: uppercase;
    margin: 0
}
#partner ul {
    margin-top: .5rem;
    margin-bottom: .5rem;
    padding: 0 0 0 22rem;
    text-align: left
}
#partner li {
    vertical-align: middle;
    text-align: center;
    margin-left: 1rem;
    margin-right: 1rem;
    width: 5rem;
    height: 4.5rem
}
#partner li img {
    xfilter: grayscale(100%);
    x-webkit-filter: grayscale(100%);
    xopacity: .5;
    width: 100%;
    height: 100%
}
x#partner li a:hover img {
    -webkit-filter: none;
    filter: none;
    opacity: 1
}
x#partner li:first-child {
    margin: 0
}
address {
    padding-top: .5rem;
    text-align: right;
    padding-right: .5rem
}
address a:hover {
    text-decoration: underline
}
footer p.copy-block {
    width: 23rem;
    text-align: left
}
@media only screen and (max-width: 1240px) {
    #partner h4 {
        position: static;
        margin-top: .5rem
    }
    #partner ul {
        padding-left: 0
    }
    footer p.copy-block {
        width: auto;
        xfloat: right
    }
}
footer .contact-block {
    line-height: .9;
    text-align: left;
    padding-top: .2rem;
    width: 8rem;
    xdisplay: inline-block;
    float: left
}
@media only screen and (max-width: 1240px) {
    footer .contact-block {
        float: right
    }
    .logo-footer {
        xmargin-top: -1rem;
        display: block;
        clear: both;
        text-align: left
    }
}
@media only screen and (max-width: 1000px) {
    footer .contact-block {
        float: left;
        width: auto;
        margin-bottom: 2rem
    }
    span.tel:before {
        content: 'Tel.:'
    }
    span.email:before {
        content: ', '
    }
    span.email a:before {
        content: 'E-Mail:'
    }
}
footer .contact-block p {
    text-align: left;
    margin: 0;
    overflow: visible
}
.logo-footer img {
    height: 2.2rem;
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    opacity: .7;
    margin-left: .5rem
}
.logo-footer a:first-child img,
.logo-footer a:hover img {
    filter: none;
    -webkit-filter: none;
    opacity: 1
}
.address-block,
.imprint {
    text-align: left
}
footer .address-block {
    margin-top: 3rem
}
.copy-block {
    padding-left: .1rem
}
#ie8-message {
    height: 100%;
    font-size: 1em;
    padding-left: 5em;
    padding-right: 5em
}
html {
    font-family: Satura, "Trebuchet MS", sans-serif;
    line-height: 1.5
}
#body-cell {
    xpadding: 3rem;
    height: 100%;
    xvertical-align: middle;
    xbackground: gray;
    xfont-size: 1rem
}
.content-area {
    padding-left: 3rem;
    padding-right: 3rem
}
footer .content-area,
main .content-area {
    padding-left: 6rem;
    padding-right: 5rem
}
header {
    width: 20rem;
    height: 100%;
    z-index: 100;
    xtop: -2rem
}
@media only screen and (max-width: 690px) {
    footer .content-area,
    main .content-area {
        padding-left: 2.5rem;
        padding-right: 2.5rem
    }
    header {
        width: 100%;
        height: auto;
        z-index: 100
    }
}
nav#primary {
    top: 15rem;
    width: 21.5rem;
    z-index: 100;
    transition: background-color 1s;
    xbackground: #000
}
nav#primary li {
    display: block
}
footer,
main {
    xmax-width: 60rem;
    x???min-height: 100%;
    xmargin-left: 20rem;
    padding-left: 20rem;
    overflow: hidden
}
@media only screen and (max-width: 690px) {
    main {
        margin: 5rem 0 0;
        padding-left: 0
    }
    #body-cell footer {
        padding-left: 0;
        padding-top: 0
    }
}
main .frame {
    margin-top: -3rem
}
main #section-0-3-1 .frame,
main #section-0-3-2 .frame {
    margin-top: 4rem
}
footer {
    padding-top: 2rem;
    padding-bottom: 4rem;
    xbackground: #000
}
#sheet {
    min-height: 100%;
    xmax-width: 70rem;
    xmin-width: 32rem;
    xmargin: auto;
    xbackground: #fff
}
header .frame {
    xmargin-bottom: -2rem
}
header div[lang] .picture-mark {
    xmargin-top: 3rem;
    margin-top: 3rem;
    margin-left: -1.5rem;
    width: 110%;
    height: 8rem;
    transition: width .5s, height .5s, margin-top .5s, margin-left .5s
}
@media only screen and (max-width: 690px) {
    header div[lang] .picture-mark {
        height: 3rem;
        margin-top: 1rem;
        margin-bottom: 1rem;
        width: 10rem
    }
}
header div[lang] .picture-mark:hover {
    margin-top: 2.5rem;
    margin-left: -2rem;
    height: 9rem;
    width: 120%
}
header p.subline {
    display: none;
    xposition: absolute;
    xtop: 0;
    xleft: 0;
    xmargin: 0
}
nav li {
    xpadding-left: 1rem;
    xpadding-right: 1rem
}
nav ul {
    xmargin-left: -1rem;
    xmargin-right: -1rem
}
nav#lang {
    xwidth: 20rem;
    z-index: 100;
    xposition: absolute;
    xtop: -2rem;
    xright: 0
}
@media only screen and (max-width: 690px) {
    header div[lang] .picture-mark:hover {
        height: 3rem;
        margin-top: 1rem;
        margin-bottom: 1rem;
        width: 10rem;
        margin-left: -1.5rem
    }
    nav#primary {
        xbackground: gray;
        width: 100%;
        height: 100%;
        overflow: auto;
        position: absolute;
        position: fixed;
        z-index: 10;
        xtop: -100%;
        top: 0;
        transform: translate3d(0, -100%, 0);
        transition: top 1s, background-color 1s, transform 1s;
        padding-top: 5rem;
        padding-bottom: 3rem
    }
    input#menu:checked~* nav#primary {
        top: 0;
        transform: translate3d(0, 0, 0)
    }
}