* {
margin: 0;
padding: 0;
}
option {
padding-left: 0.4em;
}
select {
padding: 1px;
}
* html body * {
overflow: visible;
}
body {
font-size: 100%;
background: #fff;
color: #000;
text-align: left;
}
div:target,
h1:target,
h2:target,
h3:target,
h4:target,
h5:target,
h6:target {
outline: 0 none;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section,
summary {
display: block;
}
audio,
canvas,
video {
display: inline-block;
}
audio:not([controls]) {
display: none;
}
[hidden] {
display: none;
}
html {
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
}
input[type="checkbox"],
input[type="radio"] {
box-sizing: border-box;
padding: 0;
}
input[type="search"] {
-webkit-appearance: textfield;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
svg:not(:root) {
overflow: hidden;
}
figure {
margin: 0;
}
fieldset,
img {
border: 0 solid;
}
ul,
ol,
dl {
margin: 0 0 1em 1em;
}
li {
line-height: 1.5em;
margin-left: 0.8em;
}
dt {
font-weight: bold;
}
dd {
margin: 0 0 1em 0.8em;
}
blockquote {
margin: 0 0 1em 0.8em;
}
q {
quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
.ym-clearfix:before {
content: "";
display: table;
}
.ym-clearfix:after {
clear: both;
content: ".";
display: block;
font-size: 0;
height: 0;
visibility: hidden;
}
.ym-contain-dt {
display: table;
table-layout: fixed;
width: 100%;
}
.ym-contain-oh {
display: block;
overflow: hidden;
width: 100%;
}
.ym-contain-fl {
float: left;
width: 100%;
}
.ym-column {
display: table;
table-layout: fixed;
width: 100%;
}
.ym-col1 {
float: left;
width: 20%;
}
.ym-col2 {
float: right;
width: 20%;
}
.ym-col3 {
width: auto;
margin: 0 20%;
}
.ym-cbox {
padding: 0 10px;
}
.ym-cbox-left {
padding: 0 10px 0 0;
}
.ym-cbox-right {
padding: 0 0 0 10px;
}
.ym-ie-clearing {
display: none;
}
.ym-grid {
display: table;
table-layout: fixed;
width: 100%;
list-style-type: none;
padding-left: 0;
padding-right: 0;
margin-left: 0;
margin-right: 0;
}
.ym-gl {
float: left;
margin: 0;
}
.ym-gr {
float: right;
margin: 0 0 0 -5px;
}
.ym-g20 {
width: 20%;
}
.ym-g40 {
width: 40%;
}
.ym-g60 {
width: 60%;
}
.ym-g80 {
width: 80%;
}
.ym-g25 {
width: 25%;
}
.ym-g33 {
width: 33.333%;
}
.ym-g50 {
width: 50%;
}
.ym-g66 {
width: 66.666%;
}
.ym-g75 {
width: 75%;
}
.ym-g38 {
width: 38.2%;
}
.ym-g62 {
width: 61.8%;
}
.ym-gbox {
padding: 0 10px;
}
.ym-gbox-left {
padding: 0 10px 0 0;
}
.ym-gbox-right {
padding: 0 0 0 10px;
}
.ym-equalize {
overflow: hidden;
}
.ym-equalize > [class*="ym-g"] {
display: table-cell;
float: none;
margin: 0;
vertical-align: top;
}
.ym-equalize > [class*="ym-g"] > [class*="ym-gbox"] {
padding-bottom: 10000px;
margin-bottom: -10000px;
}
.ym-form,
.ym-form fieldset {
overflow: hidden;
}
.ym-form div {
position: relative;
}
.ym-form label,
.ym-form .ym-label,
.ym-form .ym-message {
position: relative;
line-height: 1.5;
display: block;
}
.ym-form .ym-message {
clear: both;
}
.ym-form .ym-fbox-check label {
display: inline;
}
.ym-form input,
.ym-form textarea {
cursor: text;
}
.ym-form .ym-fbox-check input,
.ym-form input[type="image"],
.ym-form input[type="radio"],
.ym-form input[type="checkbox"],
.ym-form select,
.ym-form label {
cursor: pointer;
}
.ym-form textarea {
overflow: auto;
}
.ym-form input.hidden,
.ym-form input[type=hidden] {
display: none !important;
}
.ym-form .ym-fbox:before,
.ym-form .ym-fbox-text:before,
.ym-form .ym-fbox-select:before,
.ym-form .ym-fbox-check:before,
.ym-form .ym-fbox-button:before {
content: "";
display: table;
}
.ym-form .ym-fbox:after,
.ym-form .ym-fbox-text:after,
.ym-form .ym-fbox-select:after,
.ym-form .ym-fbox-check:after,
.ym-form .ym-fbox-button:after {
clear: both;
content: ".";
display: block;
font-size: 0;
height: 0;
visibility: hidden;
}
.ym-form .ym-fbox-check input:focus,
.ym-form .ym-fbox-check input:hover,
.ym-form .ym-fbox-check input:active,
.ym-form input[type="radio"]:focus,
.ym-form input[type="radio"]:hover,
.ym-form input[type="radio"]:active,
.ym-form input[type="checkbox"]:focus,
.ym-form input[type="checkbox"]:hover,
.ym-form input[type="checkbox"]:active {
border: 0 none;
}
.ym-form input,
.ym-form textarea,
.ym-form select {
display: block;
position: relative;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 70%;
}
.ym-form .ym-fbox-check input,
.ym-form input[type="radio"],
.ym-form input[type="checkbox"] {
display: inline;
margin-left: 0;
margin-right: 0.5ex;
width: auto;
height: auto;
}
.ym-form input[type="image"] {
border: 0;
display: inline;
height: auto;
margin: 0;
padding: 0;
width: auto;
}
.ym-form label,
.ym-form .ym-label {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.ym-form .ym-fbox-button input {
display: inline;
overflow: visible;
width: auto;
}
.ym-form .ym-inline {
display: inline-block;
float: none;
margin-right: 0;
width: auto;
vertical-align: baseline;
}
.ym-fbox-wrap {
display: table;
table-layout: fixed;
width: 70%;
}
.ym-fbox-wrap input,
.ym-fbox-wrap textarea,
.ym-fbox-wrap select {
width: 100%;
}
.ym-fbox-wrap input[type="image"] {
width: auto;
}
.ym-fbox-wrap input[type="radio"],
.ym-fbox-wrap input[type="checkbox"] {
display: inline;
width: auto;
margin-left: 0;
margin-right: 0.5ex;
}
.ym-fbox-wrap label,
.ym-fbox-wrap .ym-label {
display: inline;
}
.ym-full input,
.ym-full textarea,
.ym-full select {
width: 100%;
}
.ym-full .ym-fbox-wrap {
width: 100%;
}
.ym-columnar input,
.ym-columnar textarea,
.ym-columnar select {
float: left;
margin-right: -3px;
}
.ym-columnar label,
.ym-columnar .ym-label {
display: inline;
float: left;
width: 30%;
z-index: 1;
}
.ym-columnar .ym-fbox-check input,
.ym-columnar .ym-message {
margin-left: 30%;
}
.ym-columnar .ym-fbox-wrap {
margin-left: 30%;
margin-right: -3px;
}
.ym-columnar .ym-fbox-wrap .ym-message {
margin-left: 0%;
}
.ym-columnar .ym-fbox-wrap label {
float: none;
width: auto;
z-index: 1;
margin-left: 0;
}
.ym-columnar .ym-fbox-wrap input {
margin-left: 0;
position: relative;
}
.ym-columnar .ym-fbox-check {
position: relative;
}
.ym-columnar .ym-fbox-check label,
.ym-columnar .ym-fbox-check .ym-label {
padding-top: 0;
}
.ym-columnar .ym-fbox-check input {
top: 3px;
}
.ym-columnar .ym-fbox-button input {
float: none;
margin-right: 1em;
}
.ym-fbox-wrap + .ym-fbox-wrap {
margin-top: 0.5em;
}
.ym-columnar fieldset .ym-fbox-button,
fieldset.ym-columnar .ym-fbox-button {
padding-left: 30%;
}
.ym-skip,
.ym-hideme,
.ym-print {
position: absolute;
top: -32768px;
left: -32768px;
}
.ym-skip:focus,
.ym-skip:active {
position: static;
top: 0;
left: 0;
}
.ym-skiplinks {
position: absolute;
top: 0px;
left: -32768px;
z-index: 1000;
width: 100%;
margin: 0;
padding: 0;
list-style-type: none;
}
.ym-skiplinks .ym-skip:focus,
.ym-skiplinks .ym-skip:active {
left: 32768px;
outline: 0 none;
position: absolute;
width: 100%;
}
@media print {
/**
* @section print adjustments for core modules
*
* (en) float containment for grids. Uses display:table to avoid bugs in FF & IE
* (de) Floats in Grids einschließen. Verwendet display:table, um Darstellungsprobleme im FF & IE zu vermeiden
*
* @bugfix
* @since     3.0
* @affected  FF2.0, FF3.0, IE7
* @css-for   all browsers
* @valid     yes
*/
.ym-grid > .ym-gl,
.ym-grid > .ym-gr {
overflow: visible;
display: table;
table-layout: fixed;
}
/* (en) make .ym-print class visible */
/* (de) .ym-print-Klasse sichtbar schalten */
.ym-print {
position: static;
left: 0;
}
/* (en) generic class to hide elements for print */
/* (de) Allgemeine CSS Klasse, um beliebige Elemente in der Druckausgabe auszublenden */
.ym-noprint {
display: none !important;
}
}
@font-face {
font-family: 'AvenirLTStd-Roman';
src: url('../../default/font/359AD8_0_0.eot');
src: url('../../default/font/359AD8_0_0.eot?#iefix') format('embedded-opentype'), url('../../default/font/359AD8_0_0.woff2') format('woff2'), url('../../default/font/359AD8_0_0.woff') format('woff'), url('../../default/font/359AD8_0_0.ttf') format('truetype');
}
@font-face {
font-family: 'AvenirLTStd-Black';
src: url('../../default/font/359AD8_1_0.eot');
src: url('../../default/font/359AD8_1_0.eot?#iefix') format('embedded-opentype'), url('../../default/font/359AD8_1_0.woff2') format('woff2'), url('../../default/font/359AD8_1_0.woff') format('woff'), url('../../default/font/359AD8_1_0.ttf') format('truetype');
}
.theme-normalize {
font-size: 16px;
}
.theme-h1 {
font-family: "AvenirLTStd-Roman", Arial, Helvetica, sans-serif;
font-family: "AvenirLTStd-Black";
font-style: normal;
font-weight: normal;
font-size: 4.375em;
line-height: 1.08571429em;
position: relative;
padding-bottom: 49px;
margin-bottom: 48px;
}
.theme-h1:after {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 70px;
height: 8px;
background-color: #000000;
}
.theme-h2 {
font-family: "AvenirLTStd-Roman", Arial, Helvetica, sans-serif;
font-family: "AvenirLTStd-Black";
font-style: normal;
font-weight: normal;
font-size: 2.875em;
line-height: 1.10869565em;
position: relative;
padding-bottom: 35px;
margin-bottom: 25px;
}
.theme-h2:after {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 46px;
height: 5px;
background-color: #000000;
}
.theme-h3 {
font-family: "AvenirLTStd-Roman", Arial, Helvetica, sans-serif;
font-family: "AvenirLTStd-Black";
font-style: normal;
font-weight: normal;
font-size: 1.875em;
line-height: 1.2em;
}
.theme-h4 {
font-family: "AvenirLTStd-Roman", Arial, Helvetica, sans-serif;
font-family: "AvenirLTStd-Black";
font-style: normal;
font-weight: normal;
font-size: 1.125em;
line-height: 1.55555556em;
}
.theme-main {
font-family: "AvenirLTStd-Roman", Arial, Helvetica, sans-serif;
font-style: normal;
font-weight: 400;
font-size: 1.125em;
line-height: 1.55555556em;
}
.theme-small {
font-family: "AvenirLTStd-Roman", Arial, Helvetica, sans-serif;
font-style: normal;
font-weight: 400;
font-size: 0.875em;
line-height: 1.35714286em;
}
.theme-testimonial {
font-family: "AvenirLTStd-Roman", Arial, Helvetica, sans-serif;
font-style: normal;
font-weight: 400;
font-size: 1.875em;
line-height: 1.3em;
}
.theme-nav {
font-family: "AvenirLTStd-Roman", Arial, Helvetica, sans-serif;
font-style: normal;
font-weight: 400;
font-size: 0.875em;
line-height: 1.35714286em;
}
.theme-subnav {
font-family: "AvenirLTStd-Roman", Arial, Helvetica, sans-serif;
font-style: normal;
font-weight: 400;
font-size: 1em;
line-height: 1.25em;
}
.theme-breadcrumbs {
font-family: "AvenirLTStd-Roman", Arial, Helvetica, sans-serif;
font-family: "AvenirLTStd-Black";
font-style: normal;
font-weight: normal;
font-size: 1em;
line-height: 1.375em;
}
.theme-author {
font-family: "AvenirLTStd-Roman", Arial, Helvetica, sans-serif;
font-style: normal;
font-weight: 400;
font-size: 1em;
line-height: 1.25em;
}
.theme-infos,
.theme-project-filter,
.theme-map-tooltip {
font-family: "AvenirLTStd-Roman", Arial, Helvetica, sans-serif;
font-style: normal;
font-weight: 400;
font-size: 1em;
line-height: 1.375em;
}
.theme-ol {
font-family: "AvenirLTStd-Roman", Arial, Helvetica, sans-serif;
font-family: "AvenirLTStd-Black";
font-style: normal;
font-weight: normal;
font-size: 2.875em;
line-height: 1.10869565em;
}
.theme-project-info {
font-family: "AvenirLTStd-Roman", Arial, Helvetica, sans-serif;
font-style: normal;
font-weight: 400;
font-size: 1.11111111em;
line-height: 1.35em;
}
.theme-project-info-p {
font-family: "AvenirLTStd-Roman", Arial, Helvetica, sans-serif;
font-style: normal;
font-weight: 400;
font-size: 1em;
line-height: 1.35em;
}
.theme-project-donate,
.theme-navigationsibling,
.theme-filter-title {
font-family: "AvenirLTStd-Roman", Arial, Helvetica, sans-serif;
font-style: normal;
font-weight: 400;
font-size: 1.25em;
line-height: 1.35em;
}
.theme-ldj-h1 {
font-family: "AvenirLTStd-Roman", Arial, Helvetica, sans-serif;
font-family: "AvenirLTStd-Black";
font-style: normal;
font-weight: normal;
font-size: 4.375em;
line-height: 1.08571429em;
}
.theme-ldj-title {
font-family: "AvenirLTStd-Roman", Arial, Helvetica, sans-serif;
font-style: normal;
font-weight: 400;
font-size: 2.375em;
line-height: 1.18421053em;
}
.theme-ldj-year {
font-family: "AvenirLTStd-Roman", Arial, Helvetica, sans-serif;
font-style: normal;
font-weight: 400;
font-size: 5.9375em;
line-height: 1em;
}
.theme-ldj-lead {
font-family: "AvenirLTStd-Roman", Arial, Helvetica, sans-serif;
font-style: normal;
font-weight: 400;
font-size: 2.8125em;
line-height: 1.2em;
}
.theme-ldj-main {
font-family: "AvenirLTStd-Roman", Arial, Helvetica, sans-serif;
font-style: normal;
font-weight: 400;
font-size: 1.875em;
line-height: 1.3em;
}
.theme-ldj-overline {
font-family: "AvenirLTStd-Roman", Arial, Helvetica, sans-serif;
font-style: normal;
font-weight: 400;
font-size: 1.125em;
line-height: 1.55555556em;
}
.theme-ldj-imagedesc {
font-family: "AvenirLTStd-Roman", Arial, Helvetica, sans-serif;
font-style: normal;
font-weight: 400;
font-size: 1.125em;
line-height: 1.55555556em;
}
.theme-ldj-number {
font-family: "AvenirLTStd-Roman", Arial, Helvetica, sans-serif;
font-style: normal;
font-weight: 400;
font-size: 1.25em;
line-height: 1em;
}
.theme-h1-underline {
position: relative;
padding-bottom: 49px;
margin-bottom: 48px;
}
.theme-h1-underline:after {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 70px;
height: 8px;
background-color: #000000;
}
.theme-h2-underline {
position: relative;
padding-bottom: 35px;
margin-bottom: 25px;
}
.theme-h2-underline:after {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 46px;
height: 5px;
background-color: #000000;
}
.theme-h3-underline {
position: relative;
padding-bottom: 12px;
}
.theme-h3-underline:after {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 22px;
height: 3px;
background-color: #ffffff;
}
.theme-h4-underline {
position: relative;
padding-bottom: 12px;
}
.theme-h4-underline:after {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 22px;
height: 3px;
background-color: #ffffff;
}
.image-shadow {
position: relative;
}
.image-shadow:after {
content: '';
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.2);
transition: 150ms background-color ease-in-out;
}
.theme-button {
font-family: "AvenirLTStd-Roman", Arial, Helvetica, sans-serif;
font-style: normal;
font-weight: 400;
font-size: 1em;
line-height: 1em;
display: inline-block;
padding: 21px 36px;
background-color: #456984;
color: #ffffff;
transition: 150ms all ease-in-out;
}
.theme-button:hover,
.theme-button:focus {
color: #ffffff;
background-color: #39566d;
}
.theme-button--transparent {
background: none;
border: 1px solid #ffffff;
min-width: 170px;
text-align: center;
box-sizing: border-box;
}
.theme-button--transparent:hover,
.theme-button--transparent:focus {
border-color: rgba(255, 255, 255, 0.4);
background-color: transparent;
}
.theme-button--transparent-grey {
color: #808080;
border-color: #a1a1a1;
}
.theme-button--transparent-grey:hover,
.theme-button--transparent-grey:focus {
color: #808080;
border-color: #cccccc;
background-color: transparent;
}
.theme-content dt,
.theme-content dd,
.theme-content p,
.theme-content li,
.theme-content h3,
.theme-content h1,
.theme-content td {
font-family: "AvenirLTStd-Roman", Arial, Helvetica, sans-serif;
font-style: normal;
font-weight: 400;
font-size: 1.125em;
line-height: 1.55555556em;
}
.theme-content dt a,
.theme-content dd a,
.theme-content p a,
.theme-content li a,
.theme-content h3 a,
.theme-content h1 a,
.theme-content td a {
font-size: 1em;
font-weight: inherit;
font-style: inherit;
}
.theme-content dt a:hover,
.theme-content dd a:hover,
.theme-content p a:hover,
.theme-content li a:hover,
.theme-content h3 a:hover,
.theme-content h1 a:hover,
.theme-content td a:hover,
.theme-content dt a:focus,
.theme-content dd a:focus,
.theme-content p a:focus,
.theme-content li a:focus,
.theme-content h3 a:focus,
.theme-content h1 a:focus,
.theme-content td a:focus {
text-decoration: underline;
}
.theme-content dt {
font-family: "AvenirLTStd-Roman", Arial, Helvetica, sans-serif;
font-family: "AvenirLTStd-Black";
font-style: normal;
font-weight: normal;
}
.theme-content dd {
margin: 0 0 1.1em 0;
}
.theme-content dl {
margin: 0;
}
.theme-content li {
margin: 0;
padding: 30px 0;
border-bottom: 1px solid #cccccc;
}
.theme-content li:last-child {
padding-bottom: 0;
border: 0;
}
.theme-content p,
.theme-content ul,
.theme-content ol,
.theme-content dl {
margin-bottom: 1.1em;
}
.theme-content p:last-child,
.theme-content ul:last-child,
.theme-content ol:last-child,
.theme-content dl:last-child {
margin-bottom: 0;
}
.theme-content ul.assets {
list-style-type: none;
margin-left: 0;
}
.theme-content ul.assets li {
padding: 0;
}
.theme-content ul {
margin-left: 0;
}
.theme-content ol {
counter-reset: foo;
list-style: decimal;
list-style-position: inside;
display: table;
margin: 0;
list-style: none;
width: 100%;
}
.theme-content ol li {
position: relative;
counter-increment: foo;
padding: 43px 0 43px 120px;
width: 100%;
box-sizing: border-box;
}
.theme-content ol li:before {
content: counter(foo) "";
position: absolute;
left: 0;
top: 50%;
font-family: "AvenirLTStd-Roman", Arial, Helvetica, sans-serif;
font-family: "AvenirLTStd-Black";
font-style: normal;
font-weight: normal;
font-size: 2.875em;
line-height: 1.10869565em;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}
.theme-content ol li:last-child {
padding-bottom: 43px;
}
.theme-content .editorial_t_highlight {
font-family: "AvenirLTStd-Roman", Arial, Helvetica, sans-serif;
font-family: "AvenirLTStd-Black";
font-style: normal;
font-weight: normal;
}
.theme-content .editorial_t_special {
color: #808080;
}
ul,
ol {
list-style: none;
}
@media all {
html,
body {
width: 100%;
min-height: 100%;
height: 100%;
font-size: 16px;
font-family: "AvenirLTStd-Roman", Arial, Helvetica, sans-serif;
font-style: normal;
font-weight: 400;
color: #000000;
}
img {
display: block;
}
.ym-g29 {
width: 29.5%;
}
.ym-g70 {
width: 70.5%;
}
.sl-960 {
max-width: 960px;
width: 100%;
}
.sl-1020 {
max-width: 1020px;
width: 100%;
}
.sl-1140 {
max-width: 1140px;
width: 100%;
}
.sl-1300 {
max-width: 1300px;
width: 100%;
}
.sl-box-left {
padding-left: 0;
}
.sl-box-right {
padding-right: 0;
}
.sl-logo {
float: left;
margin-top: 26px;
margin-left: -53px;
position: relative;
z-index: 99;
}
.sl-logo a {
position: relative;
display: block;
width: 153px;
height: 60px;
-webkit-tap-highlight-color: transparent;
}
.sl-logo a img {
position: absolute;
}
.sl-logo a .sl-logo-black {
visibility: visible;
opacity: 1;
transition: 150ms opacity ease-in-out;
}
.sl-logo a .sl-logo-white {
visibility: hidden;
opacity: 0;
transition: 150ms opacity ease-in-out;
}
.sl-logo a .sl-logo-black-mobile {
display: none;
}
html[lang="it"] .sl-logo a {
width: 159px;
height: 66px;
}
.sl-address {
color: #a2b4c1;
font-family: "AvenirLTStd-Roman", Arial, Helvetica, sans-serif;
font-style: normal;
font-weight: 400;
font-size: 0.875em;
line-height: 1.35714286em;
}
.sl-address a {
color: #a2b4c1;
}
.sl-address a:hover,
.sl-address a:focus {
color: #ffffff;
}
.testimonial-text {
margin-bottom: 35px;
}
.testimonial-text p {
quotes: '\00AB' '\00BB';
}
.testimonial-text p:before {
content: open-quote;
}
.testimonial-text p:after {
content: close-quote;
}
.search-results {
padding-top: 30px;
}
.search-result__item {
border-bottom: 1px solid #cccccc;
padding-bottom: 50px;
margin-bottom: 50px;
}
.search-result__item .search-result__more-wrap {
padding-top: 20px;
}
.search-result__item .search-result__link {
color: #000000;
}
.search-result__item .search-result__link:hover,
.search-result__item .search-result__link:focus {
color: #808080;
}
.search-result__item:last-child {
border-bottom: 0;
margin-bottom: 0;
}
}
@media screen {
body {
overflow-y: scroll;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-flex-direction: column;
flex-direction: column;
}
a {
color: #808080;
text-decoration: none;
}
a:hover,
a:focus {
color: #000000;
}
.ym-wrapper {
max-width: 1380px;
margin: 0 auto;
}
.ym-wbox {
padding: 0 30px;
}
.header-wrapper {
position: fixed;
top: 0;
width: 100%;
height: 112px;
background: #ffffff;
transition: 500ms top ease-in-out;
z-index: 90;
}
.header-wrapper.hidden {
top: -400px;
}
.header-wrapper.visible {
top: 0;
visibility: visible;
opacity: 1;
}
.main-wrapper {
-webkit-flex: 1 0 auto;
-moz-flex: 1 0 auto;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
padding-top: 112px;
}
.header-wrapper,
.theme-footer {
-webkit-flex: none;
-moz-flex: none;
-ms-flex: none;
flex: none;
}
.section-wrapper:nth-child(even),
.section-wrapper--grey {
background-color: #eceff2;
}
.section-wrapper {
clear: both;
}
.section-wrapper__inner {
width: 100%;
float: right;
}
.sl-link {
font-family: "AvenirLTStd-Roman", Arial, Helvetica, sans-serif;
font-style: normal;
font-weight: 400;
font-size: 0.875em;
line-height: 1.35714286em;
color: #808080;
position: relative;
padding-left: 25px;
transition: 150ms padding-left ease-in-out;
}
.sl-link:before {
content: '';
position: absolute;
left: 0;
top: 1px;
width: 20px;
height: 15px;
transition: 150ms left ease-in-out;
background: url('../img/link.svg') no-repeat;
}
.sl-link:after {
content: '';
position: absolute;
left: 0;
top: 8px;
width: 16px;
height: 1px;
background-color: #a1a1a1;
}
.sl-link:hover {
padding-left: 33px;
}
.sl-link:hover:before {
background-image: url("data:image/svg+xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%0A%3Csvg%20width%3D%2219px%22%20height%3D%2215px%22%20viewBox%3D%220%200%2019%2015%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%0A%20%20%20%20%3C%21--%20Generator%3A%20Sketch%2048.1%20%2847250%29%20-%20http%3A%2F%2Fwww.bohemiancoding.com%2Fsketch%20--%3E%0A%20%20%20%20%3Ctitle%3EIcon%2FArrow%2Flink%3C%2Ftitle%3E%0A%20%20%20%20%3Cdesc%3ECreated%20with%20Sketch.%3C%2Fdesc%3E%0A%20%20%20%20%3Cdefs%3E%3C%2Fdefs%3E%0A%20%20%20%20%3Cg%20id%3D%22Symbols%22%20stroke%3D%22%23808080%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%20%20%20%20%3Cg%20id%3D%22Icon%2FArrow%2Flink%22%20stroke%3D%22%23808080%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%20id%3D%22Group-2%22%20transform%3D%22translate%281.000000%2C%201.000000%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%20id%3D%22Group%22%20transform%3D%22translate%288.000000%2C%206.500000%29%20rotate%28-90.000000%29%20translate%28-8.000000%2C%20-6.500000%29%20translate%281.500000%2C%20-1.500000%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M6.5%2C15.5%20L6.5%2C0.5%22%20id%3D%22Line-Copy%22%20stroke-linecap%3D%22square%22%3E%3C%2Fpath%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpolyline%20id%3D%22Path-3-Copy%22%20points%3D%220%2010%206.46295731%2016%2013%2010%22%3E%3C%2Fpolyline%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E");
left: 10px;
}
.sl-link:hover:after {
background-color: #808080;
}
.mobile-menu {
display: none;
}
.nav-container {
position: relative;
z-index: 99;
float: right;
}
.main-nav a,
.lang-nav a,
.top-nav a {
display: block;
padding-top: 38px;
padding-bottom: 34px;
color: #000000;
font-family: "AvenirLTStd-Roman", Arial, Helvetica, sans-serif;
font-style: normal;
font-weight: 400;
font-size: 0.875em;
line-height: 1.35714286em;
transition: 150ms color ease-in-out;
}
.main-nav ul,
.lang-nav ul,
.top-nav ul {
margin: 0;
}
.main-nav li,
.lang-nav li,
.top-nav li {
margin: 0;
}
.lang-nav li,
.top-nav li {
margin: 0 0 0 22px;
}
.main-nav {
opacity: 0;
visibility: hidden;
transition: 150ms opacity ease-in-out;
display: none;
float: left;
margin-right: 10px;
}
.main-nav li {
float: left;
}
.main-nav li a {
padding-right: 31px;
}
.main-nav li.active a,
.main-nav li.desc_active a {
font-family: "AvenirLTStd-Roman", Arial, Helvetica, sans-serif;
font-family: "AvenirLTStd-Black";
font-style: normal;
font-weight: normal;
}
.main-nav li.children {
position: relative;
}
.main-nav li.children ul {
position: absolute;
left: 0;
top: 93px;
padding-top: 29px;
width: 350px;
opacity: 0;
visibility: hidden;
transition: 150ms opacity ease-in-out, 150ms visibility ease-in-out;
}
.main-nav li.children ul li {
float: none;
margin-left: 0;
margin-bottom: 15px;
line-height: 20px;
}
.main-nav li.children ul li a {
display: inline;
padding: 0;
font-family: "AvenirLTStd-Roman", Arial, Helvetica, sans-serif;
font-style: normal;
font-weight: 400;
font-size: 1em;
line-height: 1.25em;
}
.main-nav li.children ul li.active a,
.main-nav li.children ul li.desc_active a {
font-family: "AvenirLTStd-Roman", Arial, Helvetica, sans-serif;
font-family: "AvenirLTStd-Black";
font-style: normal;
font-weight: normal;
}
.main-nav li:first-child {
margin-left: 0;
}
.nav-right {
float: right;
}
.main-search {
float: left;
margin-right: 17px;
margin-top: 35px;
padding-top: 4px;
}
.main-search .search-trigger {
transition: 150ms color ease-in-out;
cursor: pointer;
display: block;
width: 19px;
height: 18px;
background: url('../img/search-black.svg') no-repeat;
}
.nav-container .sl-component-search {
position: absolute;
left: 0;
top: 125px;
visibility: hidden;
opacity: 0;
transition: 150ms opacity ease-in-out, 150ms visibility ease-in-out;
}
.search-form-mobile .sl-component-search {
display: none;
}
.lang-nav {
float: left;
}
.lang-nav li {
float: left;
margin: 0;
}
.lang-nav li a {
text-transform: uppercase;
padding-left: 8px;
}
.lang-nav li.active a {
font-family: "AvenirLTStd-Roman", Arial, Helvetica, sans-serif;
font-family: "AvenirLTStd-Black";
font-style: normal;
font-weight: normal;
}
.top-nav {
float: left;
margin-right: 37px;
}
.top-nav li {
float: left;
margin: 0;
}
.top-nav li a {
padding-left: 22px;
}
.top-nav li.active a {
font-family: "AvenirLTStd-Roman", Arial, Helvetica, sans-serif;
font-family: "AvenirLTStd-Black";
font-style: normal;
font-weight: normal;
}
.meta-nav {
float: left;
}
.burger {
position: relative;
float: left;
height: 18px;
width: 25px;
margin-top: 35px;
cursor: pointer;
-webkit-tap-highlight-color: transparent;
}
.burger a.navbar-toggle__link {
height: 100%;
width: 100%;
display: block;
top: 9px;
-webkit-transition: height 0.3s ease-out 0.1s;
-moz-transition: height 0.3s ease-out 0.1s;
-o-transition: height 0.3s ease-out 0.1s;
transition: height 0.3s ease-out 0.1s;
}
.burger a.navbar-toggle__link,
.burger a.navbar-toggle__link:after,
.burger a.navbar-toggle__link:before {
display: block;
height: 1px;
background-color: #000000;
position: absolute;
}
.burger a.navbar-toggle__link:after,
.burger a.navbar-toggle__link:before {
width: 100%;
left: 0;
content: '';
-webkit-transition: top 0.2s ease-out 0.2s, transform 0.2s ease-out 0s;
-moz-transition: top 0.2s ease-out 0.2s, transform 0.2s ease-out 0s;
-o-transition: top 0.2s ease-out 0.2s, transform 0.2s ease-out 0s;
transition: top 0.2s ease-out 0.2s, transform 0.2s ease-out 0s;
}
.burger a.navbar-toggle__link:before {
top: -8px;
}
.burger a.navbar-toggle__link:after {
top: 8px;
}
.nav-overlay {
position: absolute;
width: 100%;
height: 100vh;
background-color: #456984;
visibility: hidden;
opacity: 0;
left: 0;
top: 0;
transition: 150ms opacity ease-in-out, 150ms visibility ease-in-out;
z-index: 98;
}
.nav-overlay .nav-overlay-inner,
.nav-overlay .nav-overlay-row {
height: 100%;
position: relative;
}
.menu-address-wrap {
position: absolute;
bottom: 74px;
left: 30px;
}
.menu-address-wrap .menu-address-title {
font-weight: 400;
font-size: 0.875em;
line-height: 1.35714286em;
font-family: "AvenirLTStd-Roman", Arial, Helvetica, sans-serif;
font-family: "AvenirLTStd-Black";
font-style: normal;
font-weight: normal;
color: #ffffff;
display: inline-block;
padding-bottom: 5px;
}
.menu-address-wrap .newsletter-link {
padding-top: 20px;
}
.menu-address-wrap .newsletter-link a {
font-family: "AvenirLTStd-Roman", Arial, Helvetica, sans-serif;
font-style: normal;
font-weight: 400;
font-size: 0.875em;
line-height: 1.35714286em;
color: #a2b4c1;
}
.menu-address-wrap .newsletter-link a:hover,
.menu-address-wrap .newsletter-link a:focus {
color: #ffffff;
}
.menu-address-wrap--mobile,
.sl-logo--mobile {
display: none;
}
.mobile-nav {
visibility: hidden;
opacity: 0;
}
.nav-visible {
overflow: hidden;
}
.nav-visible .header-wrapper {
z-index: 99;
background-color: transparent;
}
.nav-visible .header-wrapper.hidden {
top: 0;
}
.nav-visible .burger a.navbar-toggle__link {
height: 0;
}
.nav-visible .burger a.navbar-toggle__link,
.nav-visible .burger a.navbar-toggle__link:after,
.nav-visible .burger a.navbar-toggle__link:before {
background-color: #ffffff;
}
.nav-visible .burger a.navbar-toggle__link:after,
.nav-visible .burger a.navbar-toggle__link:before {
top: 0;
-webkit-transition: top 0.2s ease-out 0s, transform 0.2s ease-out 0.2s;
-moz-transition: top 0.2s ease-out 0s, transform 0.2s ease-out 0.2s;
-o-transition: top 0.2s ease-out 0s, transform 0.2s ease-out 0.2s;
transition: top 0.2s ease-out 0s, transform 0.2s ease-out 0.2s;
}
.nav-visible .burger a.navbar-toggle__link:before {
-webkit-transform: rotateZ(45deg);
-moz-transform: rotateZ(45deg);
-ms-transform: rotateZ(45deg);
-o-transform: rotateZ(45deg);
transform: rotateZ(45deg);
}
.nav-visible .burger a.navbar-toggle__link:after {
-webkit-transform: rotateZ(-45deg);
-moz-transform: rotateZ(-45deg);
-ms-transform: rotateZ(-45deg);
-o-transform: rotateZ(-45deg);
transform: rotateZ(-45deg);
}
.nav-visible .nav-container {
border-bottom: 2px solid rgba(255, 255, 255, 0.1);
}
.nav-visible .main-nav a,
.nav-visible .lang-nav a,
.nav-visible .top-nav a {
color: #ffffff;
}
.nav-visible .search-trigger {
color: #ffffff;
background: url('../img/search-white.svg') no-repeat;
-webkit-tap-highlight-color: transparent;
}
.nav-visible .sl-component-search.expanded {
opacity: 1;
visibility: visible;
}
.nav-visible .sl-logo .sl-logo-black {
opacity: 0;
visibility: hidden;
}
.nav-visible .sl-logo .sl-logo-white {
opacity: 1;
visibility: visible;
}
.nav-visible .main-nav {
opacity: 1;
visibility: visible;
display: block;
}
.nav-visible .main-nav .children:hover ul,
.nav-visible .main-nav .children.desc_active:not(.hide):not(.search-open) ul,
.nav-visible .main-nav .children.active:not(.hide):not(.search-open) ul,
.nav-visible .main-nav .children.show:not(.search-open) ul {
visibility: visible;
opacity: 1;
}
.nav-visible .main-nav .children:hover:before,
.nav-visible .main-nav .children.desc_active:not(.hide):not(.search-open):before,
.nav-visible .main-nav .children.active:not(.hide):not(.search-open):before,
.nav-visible .main-nav .children.show:not(.search-open):before {
background-color: #ffffff;
}
.nav-visible .main-nav li {
position: relative;
}
.nav-visible .main-nav li:before {
content: "";
position: absolute;
top: 91px;
width: calc(100% - 31px);
height: 2px;
background-color: transparent;
transition: 150ms background-color ease-in-out;
pointer-events: none;
}
.nav-visible .main-nav li.children li:before {
content: none;
}
.nav-visible .main-nav li.children li:hover:before {
content: none;
}
.nav-visible .nav-overlay {
visibility: visible;
opacity: 1;
}
.theme-footer {
padding-top: 65px;
background-color: #456984;
}
.theme-footer .sl-logo {
position: static;
margin-top: 0;
}
.theme-footer .sl-logo a {
position: static;
}
.theme-footer .sl-logo a .sl-logo-white {
visibility: visible;
opacity: 1;
position: static;
}
.theme-footer .sl-logo a .sl-logo-no-text {
display: none;
}
.theme-footer .footer-container {
padding-top: 34px;
padding-bottom: 35px;
}
.theme-footer .footer-item--address {
width: 240px;
}
.theme-footer .footer-item--donate {
width: 300px;
}
.theme-footer .footer-item--social {
width: 186px;
}
.theme-footer .footer-item__title {
font-weight: 400;
font-size: 0.875em;
line-height: 1.35714286em;
font-family: "AvenirLTStd-Roman", Arial, Helvetica, sans-serif;
font-family: "AvenirLTStd-Black";
font-style: normal;
font-weight: normal;
color: #ffffff;
display: block;
margin-bottom: 17px;
}
.theme-footer .footer-donate {
padding-right: 30px;
font-family: "AvenirLTStd-Roman", Arial, Helvetica, sans-serif;
font-style: normal;
font-weight: 400;
font-size: 0.875em;
line-height: 1.35714286em;
color: #a2b4c1;
}
.theme-footer .sl-address {
padding-right: 30px;
}
.theme-footer .donate-account {
display: block;
}
.theme-footer .footer-bottom {
clear: both;
width: 100%;
padding-top: 107px;
}
.theme-footer .footer-zewo {
display: block;
width: 58px;
}
.theme-footer .service-nav {
margin: 0;
padding-top: 28px;
}
.theme-footer .service-nav ul {
margin: 0;
}
.theme-footer .service-nav li {
margin: 0;
}
.theme-footer .service-nav li a {
font-family: "AvenirLTStd-Roman", Arial, Helvetica, sans-serif;
font-style: normal;
font-weight: 400;
font-size: 0.875em;
line-height: 1.35714286em;
color: #a2b4c1;
}
.theme-footer .service-nav li a:hover,
.theme-footer .service-nav li a:focus {
color: #ffffff;
}
.socialmedia .social-icon {
position: relative;
float: left;
margin-right: 15px;
background-color: #7d96a9;
color: #456984;
border-radius: 50%;
width: 27px;
height: 27px;
transition: 150ms background-color ease-in-out;
}
.socialmedia .social-icon:before {
position: absolute;
top: 0;
z-index: 1;
margin: 0 !important;
line-height: 27px;
}
.socialmedia .social-icon:hover,
.socialmedia .social-icon:focus {
background-color: #a2b4c1;
color: #456984;
}
.socialmedia .social-icon--facebook:before {
left: 5px;
}
.socialmedia .social-icon--twitter:before {
left: 6px;
}
.socialmedia .social-icon--youtube:before {
left: 6px;
}
.lead-image-wrap {
position: relative;
}
.lead-image-wrap img {
display: block;
width: 100%;
}
.lead-image-wrap .lead-title {
position: absolute;
right: 0;
bottom: 7px;
width: calc(100% - 35px);
}
.lead-image-wrap .lead-title h1 {
color: #ffffff;
}
.lead-image-wrap .lead-title h1:after {
background-color: #ffffff;
}
.lead-text-wrap {
padding-top: 70px;
padding-bottom: 113px;
}
.lead-text-wrap .lead-text.lead-text-no-image {
padding-bottom: 0;
}
.lead-text-wrap .theme-button--lead {
margin-top: 70px;
}
.lead-text-wrap .page-title-normal {
margin-top: 68px;
}
.lead-text-wrap--image {
width: calc(100% - 35px);
}
.lead-text-wrap--caption .page-title-normal {
margin-top: 12px;
}
.lead-text-wrap--caption .lead-caption {
display: block;
margin-top: 47px;
font-family: "AvenirLTStd-Roman", Arial, Helvetica, sans-serif;
font-style: normal;
font-weight: 400;
font-size: 1.125em;
line-height: 1.55555556em;
color: #7f7f7f;
}
.lead-text-wrap--caption .theme-h1 {
max-width: 670px;
}
.lead-text-wrap--back-link {
position: relative;
}
.lead-text-wrap--back-link .lead-back {
position: absolute;
right: 63px;
top: 106px;
}
.page-news .lead-text-wrap {
padding-bottom: 30px;
}
.page-news .lead-text.lead-text-no-image {
padding-bottom: 50px;
}
.lead-title h1 {
max-width: 60%;
}
.lead-left {
float: left;
width: 52.9%;
}
.lead-left--wide {
width: 70.59%;
}
.lead-right {
float: right;
width: 35.3%;
}
.section-element {
padding: 113px 0 112px;
}
.section-element .section-element__inner {
max-width: 720px;
}
.section-element .section-element__inner--news,
.section-element .section-element__inner--780 {
max-width: 780px;
}
.section-element--news {
padding-top: 0;
}
.text-extended {
max-height: 0;
overflow: hidden;
transition: 250ms max-height ease-in-out;
}
.text-extended .text-extended__inner {
padding-bottom: 30px;
}
.arrow-read-more {
display: inline-block;
position: relative;
padding-left: 74px;
text-transform: lowercase;
color: #a1a1a1;
transition: 150ms color ease-in-out;
}
.arrow-read-more .arrow-read-more__less:before,
.arrow-read-more .arrow-read-more__more:before {
content: '';
position: absolute;
left: 0;
top: 2px;
height: 13px;
width: 65px;
background: url('../img/Arrow-Weiterlesen.svg') no-repeat;
background-size: 65px 13px;
transition: 150ms left ease-in-out;
}
.arrow-read-more .arrow-read-more__less:after,
.arrow-read-more .arrow-read-more__more:after {
content: '';
position: absolute;
left: 0;
top: 8px;
width: 16px;
height: 1px;
background-color: #a1a1a1;
}
.arrow-read-more:hover .arrow-read-more__less:before,
.arrow-read-more:hover .arrow-read-more__more:before {
left: 5px;
}
.arrow-read-more:active,
.arrow-read-more:focus {
color: #a1a1a1;
}
.arrow-read-more:active:hover,
.arrow-read-more:focus:hover {
color: #000000;
}
.arrow-read-more .arrow-read-more__less {
display: none;
}
.arrow-read-more.expanded:not(.collapsed) .arrow-read-more__less {
display: block;
}
.arrow-read-more.expanded:not(.collapsed) .arrow-read-more__less:before {
background: url('../img/Arrow-Weiterlesen-left.svg') no-repeat;
left: 5px;
}
.arrow-read-more.expanded:not(.collapsed) .arrow-read-more__less:after {
left: 52px;
}
.arrow-read-more.expanded:not(.collapsed) .arrow-read-more__more {
display: none;
}
.arrow-read-more.expanded:not(.collapsed):hover .arrow-read-more__less:before {
left: 0;
}
.slide-item {
position: relative;
}
.slide-item img {
width: 100%;
}
.slide-item .slide-inner {
position: absolute;
right: 50%;
top: 50%;
width: 100%;
-webkit-transform: translate(50%, -50%);
-moz-transform: translate(50%, -50%);
-ms-transform: translate(50%, -50%);
-o-transform: translate(50%, -50%);
transform: translate(50%, -50%);
color: #ffffff;
}
.slide-item .slide-inner .theme-h2:after {
background-color: #ffffff;
}
.slide-item .slide-inner .slide-text-wrap {
max-width: 1200px;
padding-left: 120px;
}
.slide-item .slide-inner .slide-text {
max-width: 760px;
padding-right: 40px;
}
.slide-item .slide-inner .slide-text a {
color: #ffffff;
}
.slide-item .slide-inner .slide-text a:hover,
.slide-item .slide-inner .slide-text a:focus {
color: #cccccc;
}
.slide-item .slide-inner .link-wrap {
padding-top: 49px;
}
.slide-item .slide-inner .link-wrap a {
display: inline-block;
margin-right: 33px;
}
.slide-item .slide-inner .link-wrap--single {
position: absolute;
right: 28px;
bottom: -50px;
}
.slide-item .slide-title {
position: absolute;
left: 23px;
top: 50%;
color: #ffffff;
-webkit-transform: translateY(-50%) rotate(-180deg);
-moz-transform: translateY(-50%) rotate(-180deg);
-ms-transform: translateY(-50%) rotate(-180deg);
-o-transform: translateY(-50%) rotate(-180deg);
transform: translateY(-50%) rotate(-180deg);
writing-mode: tb-rl;
-webkit-writing-mode: tb-rl;
white-space: nowrap;
}
.slide-item .slide-title--mobile {
display: none;
}
.slide-item .theme-button {
min-width: 195px;
}
.js-section-slide .sl-flickity-slide {
width: 100%;
}
.js-section-slide .js-slide-counter {
font-family: "AvenirLTStd-Roman", Arial, Helvetica, sans-serif;
font-family: "AvenirLTStd-Black";
font-style: normal;
font-weight: normal;
padding-bottom: 25px;
}
.flickity-prev-next-button {
transform: none;
}
.flickity-prev-next-button.previous,
.flickity-prev-next-button.next {
width: 19px;
height: 44px;
bottom: 53px;
background: url('../img/Slider-BackForward.svg') 0 50% no-repeat;
}
.flickity-prev-next-button.previous {
left: auto;
right: 120px;
top: auto;
}
.flickity-prev-next-button.next {
right: 60px;
top: auto;
background-position: -65px 50%;
}
.asset-element .sl-asset .sl-asset__title {
font-family: "AvenirLTStd-Roman", Arial, Helvetica, sans-serif;
font-family: "AvenirLTStd-Black";
font-style: normal;
font-weight: normal;
}
.teaser-slide-section-heading {
float: right;
width: 91%;
padding-bottom: 50px;
}
.teaser-slider-outer {
clear: both;
max-width: 2400px;
margin: 0 auto;
overflow: hidden;
}
.teaser-slider-wrap {
margin-left: -953px;
}
.teaser-slider {
padding-bottom: 120px;
}
.teaser-slider .teaser-slider__item {
width: 1200px;
}
.teaser-slider .teaser-slider__item .theme-h3 {
z-index: -1;
}
.teaser-slider .teaser-slider__item .teaser-slider__image-wrap {
position: relative;
right: 0;
width: 45%;
transition: 550ms all ease-in-out;
z-index: 5;
}
.teaser-slider .teaser-slider__item .teaser-slider__image-wrap .image-shadow {
float: left;
}
.teaser-slider .teaser-slider__item .teaser-slider__image-wrap img {
float: left;
width: 100%;
}
.teaser-slider .teaser-slider__item.is-selected .teaser-slider__image-wrap {
left: auto;
right: -50%;
}
.teaser-slider .teaser-slider__item.is-selected .teaser-slider__content {
position: relative;
z-index: 1;
}
.teaser-slider .teaser-slider__content {
float: left;
width: 40%;
padding-left: 60px;
transition: 450ms transform ease-in-out;
}
.teaser-slider .teaser-slider__overline {
display: block;
margin-bottom: 10px;
color: #808080;
}
.teaser-slider .teaser-slider__title {
position: relative;
padding-bottom: 12px;
margin-bottom: 29px;
}
.teaser-slider .teaser-slider__title:after {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 22px;
height: 3px;
background-color: #ffffff;
}
.teaser-slider .teaser-slider__title:after {
background-color: #000000;
}
.teaser-slider .teaser-slider__button {
margin-top: 63px;
}
.teaser-slider .flickity-prev-next-button.previous,
.teaser-slider .flickity-prev-next-button.next {
background-image: url("data:image/svg+xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%0A%3Csvg%20width%3D%2284px%22%20height%3D%2232px%22%20viewBox%3D%220%200%2084%2032%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%0A%20%20%20%20%3C%21--%20Generator%3A%20Sketch%2049.1%20%2851147%29%20-%20http%3A%2F%2Fwww.bohemiancoding.com%2Fsketch%20--%3E%0A%20%20%20%20%3Ctitle%3EIcon%2FArrow%2FSlider-BackForward-White%3C%2Ftitle%3E%0A%20%20%20%20%3Cdesc%3ECreated%20with%20Sketch.%3C%2Fdesc%3E%0A%20%20%20%20%3Cdefs%3E%3C%2Fdefs%3E%0A%20%20%20%20%3Cg%20id%3D%22Icon%2FArrow%2FSlider-BackForward-White%22%20stroke%3D%22%23000000%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%20%20%20%20%3Cpolyline%20id%3D%22Path-2%22%20stroke%3D%22%23000000%22%20stroke-width%3D%222%22%20points%3D%2216%201%202%2015.9215301%2016%2031%22%3E%3C%2Fpolyline%3E%0A%20%20%20%20%20%20%20%20%3Cpolyline%20id%3D%22Path-2-Copy%22%20stroke%3D%22%23000000%22%20stroke-width%3D%222%22%20transform%3D%22translate%2875.000000%2C%2016.000000%29%20rotate%28-180.000000%29%20translate%28-75.000000%2C%20-16.000000%29%20%22%20points%3D%2282%201%2068%2015.9215301%2082%2031%22%3E%3C%2Fpolyline%3E%0A%20%20%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E");
}
.video-element {
position: relative;
}
.video-element .video-title {
position: absolute;
left: 23px;
top: 50%;
-webkit-transform: translateY(-50%) rotate(-180deg);
-moz-transform: translateY(-50%) rotate(-180deg);
-ms-transform: translateY(-50%) rotate(-180deg);
-o-transform: translateY(-50%) rotate(-180deg);
transform: translateY(-50%) rotate(-180deg);
writing-mode: tb-rl;
-webkit-writing-mode: tb-rl;
white-space: nowrap;
color: #ffffff;
}
.video-element .video-title--mobile {
display: none;
}
.lightbox-open {
overflow: hidden;
}
.image-comparison .image-comparison__item {
position: relative;
}
.image-comparison .image-comparison__item--after {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
overflow: hidden;
max-height: 400px;
border-top: 1px solid #ffffff;
}
.image-comparison .image-comparison__inner {
position: relative;
top: -392px;
}
.image-comparison .image-comparison__title {
padding-bottom: 13px;
}
.image-comparison .image-comparison__lead {
padding-bottom: 43px;
}
.image-comparison .image-comparison__trigger {
position: absolute;
bottom: 363px;
right: 63px !important;
left: auto !important;
z-index: 80;
display: block;
width: 76px;
height: 76px;
border: 1px solid #ffffff;
border-radius: 50%;
cursor: pointer;
-webkit-tap-highlight-color: transparent;
}
.image-comparison .image-comparison__trigger:before,
.image-comparison .image-comparison__trigger:after {
content: '';
position: absolute;
left: 50%;
bottom: 10px;
width: 14px;
height: 21px;
-webkit-transform: translateX(-50%) rotate(90deg);
-moz-transform: translateX(-50%) rotate(90deg);
-ms-transform: translateX(-50%) rotate(90deg);
-o-transform: translateX(-50%) rotate(90deg);
transform: translateX(-50%) rotate(90deg);
background: url('../img/breadcrumb-white.svg') 0 0 no-repeat;
background-size: 15px;
}
.image-comparison .image-comparison__trigger:after {
bottom: auto;
top: 10px;
margin-left: -2px;
-webkit-transform: translateX(-50%) rotate(-90deg);
-moz-transform: translateX(-50%) rotate(-90deg);
-ms-transform: translateX(-50%) rotate(-90deg);
-o-transform: translateX(-50%) rotate(-90deg);
transform: translateX(-50%) rotate(-90deg);
}
.image-comparison-touch {
overflow: hidden;
}
.ldj-overview__image {
width: 100%;
}
.ldj-overview__year {
color: #808080;
}
.ldj-overview__text-wrap {
padding-right: 180px;
max-width: 1080px;
width: 100%;
box-sizing: border-box;
}
.ldj-overview__left {
float: left;
width: 53.4%;
padding-top: 45px;
}
.ldj-overview__right {
float: right;
width: 46.6%;
padding-top: 90px;
}
.ldj-overview__year {
display: inline-block;
padding-bottom: 13px;
}
.ldj-overview__title {
padding-right: 100px;
}
.ldj-overview__button {
margin-top: 45px;
}
.ldj-lead,
.ldj-intro {
position: relative;
height: 100vh;
width: 100%;
background-repeat: no-repeat;
background-size: cover;
}
.ldj-lead:before,
.ldj-intro:before {
content: '';
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
transition: 250ms all ease-in-out;
background-color: rgba(0, 0, 0, 0.2);
}
.ldj-intro:before {
background-color: rgba(0, 0, 0, 0.7);
}
.ldj-intro.active:before {
background-color: rgba(0, 0, 0, 0.2);
}
.ldj-intro .ldj-intro__text {
position: absolute;
right: 50%;
top: 50%;
-webkit-transform: translate(50%, -50%);
-moz-transform: translate(50%, -50%);
-ms-transform: translate(50%, -50%);
-o-transform: translate(50%, -50%);
transform: translate(50%, -50%);
padding: 0 16px 20px 16px;
border: 3px solid #ffffff;
width: 309px;
height: 309px;
box-sizing: border-box;
visibility: visible;
opacity: 1;
transition: 450ms opacity ease-in-out, 450ms visibility;
}
.ldj-intro .ldj-intro__text.hidden {
visibility: hidden;
opacity: 0;
}
.ldj-intro .ldj-intro__title {
margin-top: 20px;
color: #ffffff;
text-transform: uppercase;
}
.ldj-intro .ldj-intro__year {
position: absolute;
left: 16px;
bottom: 20px;
font-family: "AvenirLTStd-Roman", Arial, Helvetica, sans-serif;
color: #ffffff;
}
.ldj-intro .ldj-intro__frame-title {
position: absolute;
top: 50%;
right: 50%;
-webkit-transform: translate(50%, -50%);
-moz-transform: translate(50%, -50%);
-ms-transform: translate(50%, -50%);
-o-transform: translate(50%, -50%);
transform: translate(50%, -50%);
text-align: center;
color: #ffffff;
visibility: hidden;
opacity: 0;
transition: 850ms opacity ease-in-out, 850ms visibility ease-in-out;
}
.ldj-intro .ldj-intro__frame-title.visible {
visibility: visible;
opacity: 1;
}
.theme-ldj-more {
position: absolute;
bottom: 60px;
left: 50%;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
display: block;
width: 55px;
height: 55px;
border: 1px solid #ffffff;
border-radius: 50%;
transition: 850ms all ease-in-out;
visibility: hidden;
opacity: 0;
-webkit-tap-highlight-color: transparent;
}
.theme-ldj-more:hover,
.theme-ldj-more:focus {
border-color: rgba(255, 255, 255, 0.4);
}
.theme-ldj-more:before {
content: '';
position: absolute;
left: 50%;
top: 50%;
width: 14px;
height: 21px;
-webkit-transform: translate(-50%, -50%) rotate(90deg);
-moz-transform: translate(-50%, -50%) rotate(90deg);
-ms-transform: translate(-50%, -50%) rotate(90deg);
-o-transform: translate(-50%, -50%) rotate(90deg);
transform: translate(-50%, -50%) rotate(90deg);
background: url('../img/breadcrumb-white.svg') 0 0 no-repeat;
background-size: 15px;
}
.theme-ldj-more.visible {
visibility: visible;
opacity: 1;
}
.image-element {
position: relative;
}
.image-element .image-element__image {
width: 100%;
}
.image-element .image-element__content-wrap {
position: absolute;
right: 50%;
top: 50%;
width: 100%;
-webkit-transform: translate(50%, -50%);
-moz-transform: translate(50%, -50%);
-ms-transform: translate(50%, -50%);
-o-transform: translate(50%, -50%);
transform: translate(50%, -50%);
}
.image-element .image-element__content {
max-width: 1200px;
padding-left: 120px;
}
.image-element .image-element__text {
max-width: 760px;
color: #ffffff;
}
.image-element .theme-h2:after {
background-color: #ffffff;
}
.page-landscape .header-wrapper {
visibility: hidden;
opacity: 0;
transition: 150ms opacity ease-in-out;
background: none;
}
.page-landscape .header-wrapper .sl-logo {
visibility: hidden;
opacity: 0;
}
.page-landscape .header-wrapper.header-wrapper--white:not(.header-wrapper--black) .top-nav a,
.page-landscape .header-wrapper.header-wrapper--white:not(.header-wrapper--black) .lang-nav a {
color: #ffffff;
}
.page-landscape .header-wrapper.header-wrapper--white:not(.header-wrapper--black) .search-trigger {
background-image: url('../img/search-white.svg');
}
.page-landscape .header-wrapper.header-wrapper--white:not(.header-wrapper--black) .burger a.navbar-toggle__link,
.page-landscape .header-wrapper.header-wrapper--white:not(.header-wrapper--black) .burger a.navbar-toggle__link:after,
.page-landscape .header-wrapper.header-wrapper--white:not(.header-wrapper--black) .burger a.navbar-toggle__link:before {
background-color: #ffffff;
}
.page-landscape .header-wrapper.landscape-nav-visible {
visibility: visible;
opacity: 1;
transition: 150ms opacity ease-in-out, 500ms top ease-in-out;
}
.page-landscape .header-wrapper.hidden {
visibility: visible;
opacity: 1;
}
.page-landscape .header-wrapper.visible {
transition: 500ms top ease-in-out;
visibility: visible;
opacity: 1;
}
.page-landscape.nav-visible .header-wrapper .sl-logo {
visibility: visible;
opacity: 1;
}
.page-landscape .main-wrapper {
padding-top: 0;
}
.page-landscape .image-shadow:after {
background-color: rgba(0, 0, 0, 0.2);
}
.page-landscape .main-wrapper .sl-logo .sl-logo-landscape-mobile {
display: none;
}
.page-landscape .theme-h2 {
margin-bottom: 0;
font-family: "AvenirLTStd-Roman", Arial, Helvetica, sans-serif;
font-family: "AvenirLTStd-Black";
font-style: normal;
font-weight: normal;
font-size: 4.375em;
line-height: 1.08571429em;
}
.page-landscape .theme-h2:after {
content: none;
}
.page-landscape .theme-content p,
.page-landscape .theme-content li {
font-family: "AvenirLTStd-Roman", Arial, Helvetica, sans-serif;
font-style: normal;
font-weight: 400;
font-size: 1.875em;
line-height: 1.3em;
}
.page-landscape .theme-content ol {
float: right;
max-width: 840px;
padding-right: 60px;
padding-left: 120px;
margin-bottom: 20px;
}
.page-landscape .theme-content ol li {
padding-top: 33px;
padding-bottom: 33px;
}
.page-landscape .theme-content ol li:before {
font-family: "AvenirLTStd-Roman", Arial, Helvetica, sans-serif;
font-family: "AvenirLTStd-Black";
font-style: normal;
font-weight: normal;
font-size: 47px;
line-height: 47px;
}
.page-landscape .testimonial-text {
font-family: "AvenirLTStd-Roman", Arial, Helvetica, sans-serif;
font-style: normal;
font-weight: 400;
font-size: 1.875em;
line-height: 1.3em;
}
.page-landscape .text-element-wrap,
.page-landscape .asset-element-wrap,
.page-landscape .asset-section-element-wrap {
position: relative;
}
.page-landscape .text-element-wrap .text-element,
.page-landscape .asset-element-wrap .text-element,
.page-landscape .asset-section-element-wrap .text-element,
.page-landscape .text-element-wrap .asset-element,
.page-landscape .asset-element-wrap .asset-element,
.page-landscape .asset-section-element-wrap .asset-element {
padding-top: 229px;
padding-bottom: 127px;
max-width: 1200px;
float: right;
}
.page-landscape .text-element-wrap .text-element .section-element__inner,
.page-landscape .asset-element-wrap .text-element .section-element__inner,
.page-landscape .asset-section-element-wrap .text-element .section-element__inner,
.page-landscape .text-element-wrap .asset-element .section-element__inner,
.page-landscape .asset-element-wrap .asset-element .section-element__inner,
.page-landscape .asset-section-element-wrap .asset-element .section-element__inner {
max-width: 1020px;
}
.page-landscape .text-element-wrap .text-element .sl-asset,
.page-landscape .asset-element-wrap .text-element .sl-asset,
.page-landscape .asset-section-element-wrap .text-element .sl-asset,
.page-landscape .text-element-wrap .asset-element .sl-asset,
.page-landscape .asset-element-wrap .asset-element .sl-asset,
.page-landscape .asset-section-element-wrap .asset-element .sl-asset {
max-width: 720px;
}
.page-landscape.nav-slided-down .ldj-section-top--first {
z-index: 6;
}
.page-landscape .ldj-section-top {
position: absolute;
width: 100%;
top: 43px;
right: 50%;
-webkit-transform: translateX(50%);
-moz-transform: translateX(50%);
-ms-transform: translateX(50%);
-o-transform: translateX(50%);
transform: translateX(50%);
z-index: 5;
transition: 350ms top ease-in-out;
}
.page-landscape .ldj-section-top--first {
position: fixed;
z-index: 91;
pointer-events: none;
top: 26px;
}
.page-landscape .ldj-section-top--first .sl-logo {
pointer-events: auto;
}
.page-landscape .ldj-section-top.fixed {
position: fixed;
}
.page-landscape .ldj-section-top.fixed.ldj-nav-visible {
top: 88px;
}
.page-landscape .ldj-section-top .sl-logo {
margin-top: 0;
}
.page-landscape .ldj-section-top .sl-logo--black {
display: none;
}
.page-landscape .ldj-section-top--black .ldj-count svg .outer,
.page-landscape .ldj-section-top--black .ldj-count svg .inner {
stroke: #000000;
}
.page-landscape .ldj-section-top--black .ldj-count .ldj-count__inner {
color: #000000;
}
.page-landscape .ldj-section-top--black .ldj-count .ldj-count__current:after {
background-color: #000000;
}
.page-landscape .ldj-section-top--black .ldj-download .ldj-download__link {
background: url('../img/download-black.svg') 0 0 no-repeat;
}
.page-landscape .ldj-section-top--black .ldj-download .ldj-download__link .ldj-download__info {
color: #000000;
}
.page-landscape .ldj-section-top--black .ldj-download .ldj-download__link:hover .ldj-download__info,
.page-landscape .ldj-section-top--black .ldj-download .ldj-download__link:focus .ldj-download__info {
color: #000000;
}
.page-landscape .ldj-section-top--black .ldj-social .ldj-social__trigger {
background-image: url("data:image/svg+xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3C%21--%20Generator%3A%20Adobe%20Illustrator%2022.0.1%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200%29%20%20--%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22Ebene_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%2016.7%2016.8%22%20style%3D%22enable-background%3Anew%200%200%2016.7%2016.8%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.st0%7Bfill%3Anone%3Bstroke-linecap%3Around%3Bstroke-linejoin%3Around%3B%7D%0A%3C%2Fstyle%3E%0A%3Ctitle%3EIcon%2FShare%3C%2Ftitle%3E%0A%3Cdesc%3ECreated%20with%20Sketch.%3C%2Fdesc%3E%0A%3Cg%20id%3D%22Icons-f%C3%BCr-Export-ohne-Transparenzen%22%3E%0A%09%3Cg%20id%3D%22Icon_x2F_Share%22%3E%0A%09%09%3Cpath%20id%3D%22Stroke-1%22%20stroke%3D%22%23000000%22%20class%3D%22st0%22%20d%3D%22M6.4%2C8.4c0%2C1.6-1.3%2C3-3%2C3c-1.6%2C0-3-1.3-3-3s1.3-3%2C3-3C5.1%2C5.4%2C6.4%2C6.7%2C6.4%2C8.4z%22%2F%3E%0A%09%09%3Cpath%20id%3D%22Stroke-3%22%20stroke%3D%22%23000000%22%20class%3D%22st0%22%20d%3D%22M16.2%2C3c0%2C1.4-1.1%2C2.5-2.5%2C2.5c-1.4%2C0-2.5-1.1-2.5-2.5s1.1-2.5%2C2.5-2.5%0A%09%09%09C15.1%2C0.5%2C16.2%2C1.6%2C16.2%2C3z%22%2F%3E%0A%09%09%3Cpath%20id%3D%22Stroke-5%22%20stroke%3D%22%23000000%22%20class%3D%22st0%22%20d%3D%22M16.2%2C13.8c0%2C1.4-1.1%2C2.5-2.5%2C2.5c-1.4%2C0-2.5-1.1-2.5-2.5s1.1-2.5%2C2.5-2.5%0A%09%09%09C15.1%2C11.4%2C16.2%2C12.4%2C16.2%2C13.8z%22%2F%3E%0A%09%09%3Cpath%20id%3D%22Stroke-7%22%20stroke%3D%22%23000000%22%20class%3D%22st0%22%20d%3D%22M6%2C7l5.5-3%22%2F%3E%0A%09%09%3Cpath%20id%3D%22Stroke-9%22%20stroke%3D%22%23000000%22%20class%3D%22st0%22%20d%3D%22M6%2C9.8l5.5%2C3%22%2F%3E%0A%09%3C%2Fg%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A");
}
.page-landscape .ldj-section-top--black .sl-logo--white {
display: none;
}
.page-landscape .ldj-section-top--black .sl-logo--black {
display: block;
}
.ldj-section-meta {
float: right;
}
.ldj-section-meta .ldj-count {
float: left;
margin-left: 71px;
position: relative;
}
.ldj-section-meta .ldj-count .ldj-count__inner {
position: absolute;
top: 14px;
left: 28px;
color: #ffffff;
font-family: "AvenirLTStd-Roman", Arial, Helvetica, sans-serif;
font-style: normal;
font-weight: 400;
font-size: 1.25em;
line-height: 1em;
}
.ldj-section-meta .ldj-count .ldj-count__current {
display: block;
position: relative;
padding-bottom: 7px;
margin-left: -3px;
}
.ldj-section-meta .ldj-count .ldj-count__current:after {
content: '';
position: absolute;
bottom: 4px;
left: -7px;
width: 36px;
height: 2px;
background-color: #ffffff;
-webkit-transform: rotate(-44deg);
-moz-transform: rotate(-44deg);
-ms-transform: rotate(-44deg);
-o-transform: rotate(-44deg);
transform: rotate(-44deg);
}
.ldj-section-meta .ldj-count .ldj-count__total {
display: block;
width: 25px;
text-align: left;
margin-left: 7px;
}
.ldj-section-meta .ldj-count .ldj-count__line {
position: relative;
width: 74px;
height: 74px;
border-radius: 100px;
line-height: 50px;
margin-left: 2px;
}
.ldj-section-meta .ldj-count svg .outer {
stroke: #ffffff;
}
.ldj-section-meta .ldj-count svg {
position: absolute;
top: 0;
left: 0;
}
.ldj-section-meta .ldj-count .outer {
fill: transparent;
stroke: #333;
stroke-width: 3;
stroke-dasharray: 233;
stroke-dashoffset: 233;
transition: stroke-dashoffset 450ms;
-moz-transform: rotate(-89deg) translateX(-190px);
}
.ldj-section-meta .ldj-count .inner {
fill: transparent;
stroke: rgba(255, 255, 255, 0.4);
stroke-width: 1;
}
.ldj-section-meta .ldj-count .circle-mobile {
display: none;
}
.ldj-section-meta .ldj-count .circle-mobile .outer {
stroke-dasharray: 168;
stroke-dashoffset: 168;
}
.ldj-section-meta .ldj-count--double-digit .ldj-count__current {
margin-left: -9px;
}
.ldj-section-meta .ldj-count--double-digit .ldj-count__current:after {
left: 3px;
}
.ldj-section-meta .ldj-download {
float: left;
padding-top: 26px;
padding-left: 39px;
}
.ldj-section-meta .ldj-download .ldj-download__link {
position: relative;
display: block;
width: 14px;
height: 20px;
background: url('../img/download-white.svg') 0 0 no-repeat;
}
.ldj-section-meta .ldj-download .ldj-download__link .ldj-download__info {
width: 205px;
display: block;
position: absolute;
left: -93px;
bottom: -83px;
text-align: center;
font-family: "AvenirLTStd-Roman", Arial, Helvetica, sans-serif;
font-style: normal;
font-weight: 400;
font-size: 0.875em;
line-height: 1.35714286em;
visibility: hidden;
opacity: 0;
transition: 150ms all ease-in-out;
color: #ffffff;
}
.ldj-section-meta .ldj-download .ldj-download__link:hover .ldj-download__info,
.ldj-section-meta .ldj-download .ldj-download__link:focus .ldj-download__info {
color: #ffffff;
visibility: visible;
opacity: 1;
}
.ldj-section-meta .ldj-social {
float: left;
padding-top: 26px;
}
.ldj-section-meta .ldj-social .ldj-social__inner {
position: relative;
}
.ldj-section-meta .ldj-social .ldj-social__list {
position: absolute;
bottom: -50px;
left: -21px;
margin: 0;
width: 90px;
visibility: hidden;
opacity: 0;
}
.ldj-section-meta .ldj-social .ldj-social__list li {
display: inline-block;
margin: 0;
}
.ldj-section-meta .ldj-social .ldj-social__list li .social-icon {
color: #ffffff;
}
.ldj-section-meta .ldj-social .ldj-social__list li .social-icon:before {
left: 5px;
}
.ldj-section-meta .ldj-social .ldj-social__trigger {
display: block;
background: url('../img/Share.svg') 0 0 no-repeat;
width: 19px;
height: 19px;
background-size: 19px 19px;
}
.ldj-section-meta .ldj-social .ldj-social__inner:hover:after,
.ldj-section-meta .ldj-social .ldj-social__inner:focus:after {
content: '';
position: absolute;
bottom: -23px;
left: -24px;
width: 75px;
height: 23px;
background: transparent;
}
.ldj-section-meta .ldj-social .ldj-social__inner:hover .ldj-social__list,
.ldj-section-meta .ldj-social .ldj-social__inner:focus .ldj-social__list {
visibility: visible;
opacity: 1;
}
.project-filter {
background: #ecf0f2;
}
.project-filter .project-filter__inner {
max-width: 1200px;
margin: 0 auto;
}
.project-filter .project-filter__nav {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-justify-content: flex-end;
-moz-justify-content: flex-end;
-ms-justify-content: flex-end;
justify-content: flex-end;
padding: 27px 0 15px;
border-bottom: 1px solid #cccccc;
}
.project-filter .project-filter__form-inner {
margin-top: 52px;
padding-bottom: 26px;
}
.project-filter .project-filter__view-link {
display: inline-block;
font-family: "AvenirLTStd-Roman", Arial, Helvetica, sans-serif;
font-style: normal;
font-weight: 400;
font-size: 1em;
line-height: 1.375em;
background-repeat: no-repeat;
-webkit-tap-highlight-color: transparent;
}
.project-filter .project-filter__view-link--map {
width: 22px;
height: 21px;
background-image: url('../img/sl-map-grey.svg');
background-size: 22px 21px;
}
.project-filter .project-filter__view-link--list {
margin: -1px 0 0 18px;
width: 26px;
height: 22px;
background-image: url('../img/sl-box-grey.svg');
background-size: 26px 22px;
}
.project-filter .project-filter__view-link.project-filter__view-link--map.active {
background-image: url('../img/sl-map.svg');
}
.project-filter .project-filter__view-link.project-filter__view-link--list.active {
background-image: url('../img/sl-box.svg');
}
.project-filter .project-filter__switch {
display: none;
position: relative;
margin-left: 25px;
width: 16px;
height: 16px;
text-indent: -9999px;
-webkit-tap-highlight-color: transparent;
}
.project-filter .project-filter__switch:before,
.project-filter .project-filter__switch:after {
content: '';
position: absolute;
left: 0;
top: 50%;
width: 100%;
height: 1px;
background: #a5a7a9;
}
.project-filter .project-filter__switch:before {
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}
.project-filter .project-filter__switch:after {
width: 1px;
height: 100%;
left: 50%;
top: 0;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
}
.project-filter .project-filter__switch.expanded:after {
content: none;
}
.project-filter .project-filter__view-label {
display: inline-block;
padding-right: 28px;
font-family: "AvenirLTStd-Roman", Arial, Helvetica, sans-serif;
font-style: normal;
font-weight: 400;
font-size: 1em;
line-height: 1.375em;
}
.project-filter .project-filter__mobile-title {
display: none;
margin-top: -4px;
font-weight: 400;
font-size: 1.25em;
line-height: 1.35em;
font-family: "AvenirLTStd-Roman", Arial, Helvetica, sans-serif;
font-family: "AvenirLTStd-Black";
font-style: normal;
font-weight: normal;
-webkit-flex: 1 0 auto;
-moz-flex: 1 0 auto;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
}
.project-filter .project-filter__controls {
float: left;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
width: 100%;
max-width: 900px;
margin-top: -3px;
}
.project-filter .project-filter__control {
padding-right: 15px;
-webkit-flex-basis: 33.33%;
-moz-flex-basis: 33.33%;
-ms-flex-basis: 33.33%;
flex-basis: 33.33%;
}
.project-filter .project-filter__control:last-child {
-webkit-flex-basis: 50%;
-moz-flex-basis: 50%;
-ms-flex-basis: 50%;
flex-basis: 50%;
}
.project-filter .project-filter__control label {
display: block;
padding-bottom: 5px;
color: #000000;
font-family: "AvenirLTStd-Roman", Arial, Helvetica, sans-serif;
font-style: normal;
font-weight: 400;
font-size: 1em;
line-height: 1.375em;
}
.project-filter .project-filter__control input[type="text"] {
padding: 5px 32px 7px 0;
font-family: "AvenirLTStd-Roman", Arial, Helvetica, sans-serif;
font-style: normal;
font-weight: 400;
font-size: 1em;
line-height: 1.375em;
border-bottom: 1px solid #cccccc;
}
.project-filter .project-filter__control--query:hover {
background: url('../img/Edit.svg') 96% 33px no-repeat;
}
.project-filter .project-filter__buttons {
float: right;
width: 100%;
max-width: 180px;
}
.project-filter .project-filter__submit {
margin-bottom: 22px;
width: 100%;
border: 0;
cursor: pointer;
}
.project-filter .project-filter__clear {
float: right;
}
.sl-dropdown {
float: left;
position: relative;
width: 100%;
max-width: 200px;
margin: 0 20px 20px 0;
}
.sl-dropdown .sl-dropdown__box {
position: relative;
display: block;
padding: 0;
background: none;
color: #000000;
border-bottom: 1px solid #cccccc;
-webkit-tap-highlight-color: transparent;
}
.sl-dropdown .sl-dropdown__box .sl-dropdown__title,
.sl-dropdown .sl-dropdown__box .sl-dropdown__value {
display: block;
}
.sl-dropdown .sl-dropdown__box .sl-dropdown__title {
padding-bottom: 11px;
font-family: "AvenirLTStd-Roman", Arial, Helvetica, sans-serif;
font-style: normal;
font-weight: 400;
font-size: 1em;
line-height: 1.375em;
}
.sl-dropdown .sl-dropdown__box .sl-dropdown__value {
font-family: "AvenirLTStd-Roman", Arial, Helvetica, sans-serif;
font-style: normal;
font-weight: 400;
font-size: 1em;
line-height: 1.375em;
max-width: calc(100% - 15px);
padding-bottom: 6px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.sl-dropdown .sl-dropdown__box .sl-dropdown__value-default {
color: #808080;
}
.sl-dropdown .sl-dropdown__box:after {
content: '';
position: absolute;
right: 8px;
bottom: 12px;
width: 12px;
height: 7px;
background: url('../img/filter.svg') no-repeat;
background-size: 12px 7px;
}
.sl-dropdown .sl-dropdown__box.expanded:after {
background-image: url('../img/filter-up.svg');
}
.sl-dropdown .sl-dropdown__dropdown {
position: absolute;
top: 90px;
left: -10px;
width: calc(100% + 10px);
padding: 16px 17px;
background: #456984;
box-sizing: border-box;
opacity: 0;
visibility: hidden;
transition: 150ms opacity ease-in-out;
z-index: 10;
}
.sl-dropdown .sl-dropdown__dropdown:before {
content: '';
position: absolute;
width: 100%;
height: 14px;
top: -14px;
left: 0;
background: transparent;
}
.sl-dropdown .sl-dropdown__dropdown:after {
content: '';
position: absolute;
left: 50%;
top: -7px;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
width: 0;
height: 0;
border-left: 7px solid transparent;
border-right: 7px solid transparent;
border-bottom: 7px solid #456984;
}
.sl-dropdown .sl-dropdown__dropdown.expanded {
opacity: 1;
visibility: visible;
}
.sl-dropdown .sl-dropdown__options {
margin: 0;
}
.sl-dropdown .sl-dropdown__options li {
margin: 0;
}
.sl-dropdown .sl-dropdown__options a {
display: block;
padding: 6px 0;
color: #ffffff;
font-family: "AvenirLTStd-Roman", Arial, Helvetica, sans-serif;
font-style: normal;
font-weight: 400;
font-size: 1em;
line-height: 1.375em;
-webkit-tap-highlight-color: transparent;
}
.sl-dropdown .sl-dropdown__options a:hover {
font-family: "AvenirLTStd-Roman", Arial, Helvetica, sans-serif;
font-family: "AvenirLTStd-Black";
font-style: normal;
font-weight: normal;
}
.project-list .project-list__count {
display: inline-block;
margin-bottom: 6px;
color: rgba(0, 0, 0, 0.5);
font-family: "AvenirLTStd-Roman", Arial, Helvetica, sans-serif;
font-style: normal;
font-weight: 400;
font-size: 1.125em;
line-height: 1.55555556em;
}
.project-list.hidden {
display: none;
}
.project-map {
position: relative;
}
.project-map .project-map__count {
position: absolute;
left: 57px;
top: 50%;
-webkit-transform: translateY(-50%) rotate(-180deg);
-moz-transform: translateY(-50%) rotate(-180deg);
-ms-transform: translateY(-50%) rotate(-180deg);
-o-transform: translateY(-50%) rotate(-180deg);
transform: translateY(-50%) rotate(-180deg);
transform-origin: 50%  51%;
z-index: 1;
color: #000000;
writing-mode: tb-rl;
}
.project-map.hidden {
visibility: hidden;
opacity: 0;
height: 0;
overflow: hidden;
}
#project-map {
height: 780px;
width: 100%;
}
.map-tooltip {
position: relative;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-justify-content: space-between;
-moz-justify-content: space-between;
-ms-justify-content: space-between;
justify-content: space-between;
width: 570px;
min-height: 162px;
padding: 10px;
background: #ffffff;
box-sizing: border-box;
}
.map-tooltip:after {
content: '';
position: absolute;
left: 50%;
bottom: -9px;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
width: 0;
height: 0;
border-left: 9px solid transparent;
border-right: 9px solid transparent;
border-top: 9px solid #ffffff;
}
.map-tooltip .image {
display: block;
-webkit-align-self: center;
-moz-align-self: center;
-ms-align-self: center;
align-self: center;
}
.map-tooltip .place {
padding-top: 5px;
color: rgba(0, 0, 0, 0.5);
font-family: "AvenirLTStd-Roman", Arial, Helvetica, sans-serif;
font-style: normal;
font-weight: 400;
font-size: 1.125em;
line-height: 1.55555556em;
}
.map-tooltip .title {
margin: -7px 0 7px;
font-family: "AvenirLTStd-Roman", Arial, Helvetica, sans-serif;
font-style: normal;
font-weight: 400;
font-size: 1.125em;
line-height: 1.55555556em;
}
.map-tooltip .categories {
margin-bottom: 15px;
font-family: "AvenirLTStd-Roman", Arial, Helvetica, sans-serif;
font-style: normal;
font-weight: 400;
font-size: 1em;
line-height: 1.375em;
}
.map-tooltip .map-tooltip-right {
width: calc(100% - 142px - 28px);
}
.map-tooltip .more-link {
color: #000000;
display: inline-block;
background: url('../img/arrow-right-grey100.svg') no-repeat;
background-size: 19px 15px;
background-position: right 50%;
padding-right: 27px;
line-height: 1;
}
.map-tooltip .more-link.hidden {
display: none;
}
.map-tooltip--no-image {
width: 400px;
}
.map-tooltip--no-image .map-tooltip-right {
width: 100%;
}
.project-info-title {
display: block;
margin-bottom: 12px;
color: #7f7f7f;
font-family: "AvenirLTStd-Roman", Arial, Helvetica, sans-serif;
font-style: normal;
font-weight: 400;
font-size: 1.125em;
line-height: 1.55555556em;
}
.project-info .project-info__list li {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
}
.project-info .project-info__left {
display: inline-block;
width: 100%;
max-width: 298px;
font-weight: 400;
font-size: 1.11111111em;
line-height: 1.35em;
font-family: "AvenirLTStd-Roman", Arial, Helvetica, sans-serif;
font-family: "AvenirLTStd-Black";
font-style: normal;
font-weight: normal;
}
.project-info .project-info__right {
display: inline-block;
width: calc(100% - 298px);
font-family: "AvenirLTStd-Roman", Arial, Helvetica, sans-serif;
font-style: normal;
font-weight: 400;
font-size: 1.11111111em;
line-height: 1.35em;
}
.project-info .project-info__right p {
font-family: "AvenirLTStd-Roman", Arial, Helvetica, sans-serif;
font-style: normal;
font-weight: 400;
font-size: 1em;
line-height: 1.35em;
}
.project-donate .project-donate__text {
float: left;
width: 100%;
max-width: 720px;
padding-top: 10px;
font-family: "AvenirLTStd-Roman", Arial, Helvetica, sans-serif;
font-style: normal;
font-weight: 400;
font-size: 1.25em;
line-height: 1.35em;
}
.project-donate .project-donate__button {
float: right;
margin: 15px 40px 0 0;
}
.sl-project-sponsor.sl-partner .sl-patner__list .sl-partner__item {
width: 50%;
}
.sl-project-sponsor.sl-partner .sl-patner__list .sl-partner__image {
max-width: 60%;
left: 0;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}
.sl-project-sponsor.sl-partner .sl-patner__list .sl-partner__link {
height: 180px;
}
#project-map .ol-full-screen button:not([ie8andbelow]),
#project-map .ol-rotate button:not([ie8andbelow]),
#project-map .ol-zoom button:not([ie8andbelow]),
#project-map .ol-zoom-extent button:not([ie8andbelow]) {
background-color: #ecf0f2;
color: #000000;
}
#project-map .ol-full-screen button:not([ie8andbelow]):hover,
#project-map .ol-rotate button:not([ie8andbelow]):hover,
#project-map .ol-zoom button:not([ie8andbelow]):hover,
#project-map .ol-zoom-extent button:not([ie8andbelow]):hover,
#project-map .ol-full-screen button:not([ie8andbelow]):focus,
#project-map .ol-rotate button:not([ie8andbelow]):focus,
#project-map .ol-zoom button:not([ie8andbelow]):focus,
#project-map .ol-zoom-extent button:not([ie8andbelow]):focus {
background-color: #ffffff;
}
#project-map .ol-control:hover,
#project-map .ol-control:focus {
background-color: rgba(0, 0, 0, 0.4);
}
#project-map .ol-zoom {
left: auto;
right: 20px;
top: auto;
bottom: 20px;
}
#project-map .ol-scale-line {
left: auto;
right: 64px;
bottom: 22px;
}
#project-map .ol-attribution.ol-uncollapsible {
right: auto;
left: 0;
}
}
.sl-component-search {
width: 100%;
}
.sl-component-search input[type="text"] {
float: left;
width: 57%;
margin-right: 57px;
font-family: "AvenirLTStd-Roman", Arial, Helvetica, sans-serif;
font-family: "AvenirLTStd-Black";
font-style: normal;
font-weight: normal;
font-size: 2.875em;
line-height: 1.10869565em;
position: relative;
padding-bottom: 35px;
margin-bottom: 25px;
line-height: 58px;
height: 70px;
padding: 0;
border: 0;
background: transparent;
border-bottom: 2px solid rgba(255, 255, 255, 0.4);
color: #6a879c;
}
.sl-component-search input[type="text"]:after {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 46px;
height: 5px;
background-color: #000000;
}
.sl-component-search *::-webkit-input-placeholder {
/* WebKit browsers */
color: #6a879c;
}
.sl-component-search *:-moz-placeholder {
/* Mozilla Firefox 4 to 18 */
color: #6a879c;
opacity: 1;
}
.sl-component-search *::-moz-placeholder {
/* Mozilla Firefox 19+ */
color: #6a879c;
opacity: 1;
}
.sl-component-search *:-ms-input-placeholder {
/* Internet Explorer 10+ */
color: #6a879c;
}
.sl-component-search *::-ms-input-placeholder {
/* Edge */
color: #6a879c;
}
.sl-component-search *::placeholder {
/* MODERN BROWSER */
color: #6a879c;
opacity: 1;
}
.sl-component-search button[type="submit"] {
padding: 0 59px;
margin-top: 13px;
background: #ffffff;
border: 0;
height: 57px;
font-family: "AvenirLTStd-Roman", Arial, Helvetica, sans-serif;
font-style: normal;
font-weight: 400;
font-size: 0.875em;
line-height: 1.35714286em;
color: #456984;
cursor: pointer;
transition: 150ms background ease-in-out;
}
.sl-component-search button[type="submit"]:hover,
.sl-component-search button[type="submit"]:focus {
background: #f2f2f2;
}
.search-page-form {
max-width: 720px;
}
.search-page-form .sl-component-search input[type="text"] {
border: solid #cccccc;
border-width: 0 0 1px;
padding: 20px 0;
background: none;
margin-right: 20px;
width: calc(100% - 170px);
box-sizing: border-box;
font-family: "AvenirLTStd-Roman", Arial, Helvetica, sans-serif;
font-style: normal;
font-weight: 400;
font-size: 1.125em;
line-height: 1.55555556em;
color: #000000;
}
.search-page-form .sl-component-search *::-webkit-input-placeholder {
/* WebKit browsers */
color: #808080;
}
.search-page-form .sl-component-search *:-moz-placeholder {
/* Mozilla Firefox 4 to 18 */
color: #808080;
opacity: 1;
}
.search-page-form .sl-component-search *::-moz-placeholder {
/* Mozilla Firefox 19+ */
color: #808080;
opacity: 1;
}
.search-page-form .sl-component-search *:-ms-input-placeholder {
/* Internet Explorer 10+ */
color: #808080;
}
.search-page-form .sl-component-search *::-ms-input-placeholder {
/* Edge */
color: #808080;
}
.search-page-form .sl-component-search *::placeholder {
/* MODERN BROWSER */
color: #808080;
opacity: 1;
}
.search-page-form button[type="submit"] {
font-family: "AvenirLTStd-Roman", Arial, Helvetica, sans-serif;
font-style: normal;
font-weight: 400;
font-size: 1em;
line-height: 1em;
display: inline-block;
padding: 21px 36px;
background-color: #456984;
color: #ffffff;
transition: 150ms all ease-in-out;
border-radius: 0;
width: 150px;
margin-top: 11px;
padding: 18px 0;
}
.search-page-form button[type="submit"]:hover,
.search-page-form button[type="submit"]:focus {
color: #ffffff;
background-color: #39566d;
}
.search-page-form button[type="submit"]--transparent {
background: none;
border: 1px solid #ffffff;
min-width: 170px;
text-align: center;
box-sizing: border-box;
}
.search-page-form button[type="submit"]--transparent:hover,
.search-page-form button[type="submit"]--transparent:focus {
border-color: rgba(255, 255, 255, 0.4);
background-color: transparent;
}
.search-page-form button[type="submit"]--transparent-grey {
color: #808080;
border-color: #a1a1a1;
}
.search-page-form button[type="submit"]--transparent-grey:hover,
.search-page-form button[type="submit"]--transparent-grey:focus {
color: #808080;
border-color: #cccccc;
background-color: transparent;
}
.sl-breadcrumb {
margin: 0;
padding-bottom: 24px;
}
.sl-breadcrumb .sl-breadcrumb__item {
position: relative;
margin-left: 0;
margin-right: 16px;
display: inline-block;
}
.sl-breadcrumb .sl-breadcrumb__item:after {
content: '';
position: absolute;
right: -13px;
top: 5px;
width: 9px;
height: 15px;
background: url('../img/breadcrumb-white.svg') no-repeat;
}
.sl-breadcrumb .sl-breadcrumb__item:last-child:after {
content: none;
}
.sl-breadcrumb .sl-breadcrumb__link {
font-family: "AvenirLTStd-Roman", Arial, Helvetica, sans-serif;
font-family: "AvenirLTStd-Black";
font-style: normal;
font-weight: normal;
font-size: 1em;
line-height: 1.375em;
color: #ffffff;
transition: 150ms color ease-in-out;
}
.sl-breadcrumb .sl-breadcrumb__link:hover,
.sl-breadcrumb .sl-breadcrumb__link:focus {
color: #eceff2;
}
.module-text {
margin-bottom: 50px;
}
.section-text {
margin-bottom: 30px;
}
.sl-news .sl-news__item {
border-bottom: 1px solid #cccccc;
padding-bottom: 50px;
margin-bottom: 50px;
}
.sl-news .sl-news__item:last-child {
border: 0;
margin-bottom: 0;
}
.sl-news .sl-news__category {
display: block;
margin-bottom: 5px;
}
.sl-news .sl-news__date {
font-family: "AvenirLTStd-Roman", Arial, Helvetica, sans-serif;
font-style: normal;
font-weight: 400;
font-size: 0.875em;
line-height: 1.35714286em;
color: #808080;
}
.sl-news .sl-news__link {
padding-top: 15px;
}
.sl-news .image-shadow {
margin-bottom: 20px;
}
.sl-news .sl-news__image {
width: 100%;
}
.sl-news-more {
float: right;
}
.sl-asset {
padding-top: 5px;
}
.sl-asset .sl-asset__item {
display: block;
position: relative;
padding: 25px 30px 25px 0;
border-bottom: 1px solid #cccccc;
}
.sl-asset .sl-asset__item:last-child {
border: 0;
}
.sl-asset .sl-asset__item:after {
content: '';
position: absolute;
right: 0;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
width: 15px;
height: 20px;
background: url('../img/download-sprite.svg') 0 0 no-repeat;
background-size: 30px 20px;
}
.sl-asset .sl-asset__item:hover .sl-asset__title {
color: #808080;
}
.sl-asset .sl-asset__item:hover:after {
background-position-x: -15px;
}
.sl-asset .sl-asset__item--link:after {
width: 18px;
height: 16px;
background: url('../img/link.svg') 0 0 no-repeat;
}
.sl-asset .sl-asset__item--link:hover:after,
.sl-asset .sl-asset__item--link:focus:after {
background-position-x: 0;
background-image: url("data:image/svg+xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%0A%3Csvg%20width%3D%2219px%22%20height%3D%2215px%22%20viewBox%3D%220%200%2019%2015%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%0A%20%20%20%20%3C%21--%20Generator%3A%20Sketch%2048.1%20%2847250%29%20-%20http%3A%2F%2Fwww.bohemiancoding.com%2Fsketch%20--%3E%0A%20%20%20%20%3Ctitle%3EIcon%2FArrow%2Flink%3C%2Ftitle%3E%0A%20%20%20%20%3Cdesc%3ECreated%20with%20Sketch.%3C%2Fdesc%3E%0A%20%20%20%20%3Cdefs%3E%3C%2Fdefs%3E%0A%20%20%20%20%3Cg%20id%3D%22Symbols%22%20stroke%3D%22%23808080%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%20%20%20%20%3Cg%20id%3D%22Icon%2FArrow%2Flink%22%20stroke%3D%22%23808080%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%20id%3D%22Group-2%22%20transform%3D%22translate%281.000000%2C%201.000000%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%20id%3D%22Group%22%20transform%3D%22translate%288.000000%2C%206.500000%29%20rotate%28-90.000000%29%20translate%28-8.000000%2C%20-6.500000%29%20translate%281.500000%2C%20-1.500000%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M6.5%2C15.5%20L6.5%2C0.5%22%20id%3D%22Line-Copy%22%20stroke-linecap%3D%22square%22%3E%3C%2Fpath%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpolyline%20id%3D%22Path-3-Copy%22%20points%3D%220%2010%206.46295731%2016%2013%2010%22%3E%3C%2Fpolyline%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E");
}
.sl-asset .sl-asset__title {
display: inline-block;
margin-bottom: 3px;
font-family: "AvenirLTStd-Roman", Arial, Helvetica, sans-serif;
font-style: normal;
font-weight: 400;
font-size: 1em;
line-height: 1.375em;
color: #000000;
}
.sl-asset .sl-asset__meta {
font-family: "AvenirLTStd-Roman", Arial, Helvetica, sans-serif;
font-style: normal;
font-weight: 400;
font-size: 0.875em;
line-height: 1.35714286em;
color: #808080;
}
.sl-asset .sl-asset__fileinfo {
text-transform: uppercase;
}
.sl-asset-section .sl-asset-section__item {
border-bottom: 1px solid #cccccc;
}
.sl-asset-section .sl-asset-section__item .sl-asset {
padding-top: 0;
}
.sl-asset-section .sl-asset-section__item .sl-asset .sl-asset__item:first-child {
padding-top: 0;
}
.sl-asset-section .sl-asset-section__title {
padding: 50px 0;
cursor: pointer;
position: relative;
}
.sl-asset-section .sl-asset-section__title:after {
content: '';
position: absolute;
right: 0;
top: 50%;
width: 16px;
height: 16px;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
background: url('../img/Plus.svg') no-repeat;
}
.sl-asset-section .sl-asset-section__title.expanded:after {
content: '';
background: #cccccc;
height: 2px;
width: 16px;
}
.sl-asset-section .sl-asset-section__content {
max-height: 0;
overflow: hidden;
transition: 250ms all ease-in-out;
}
.sl-asset-section .sl-asset-section__content .sl-asset {
padding-left: 50px;
padding-bottom: 26px;
}
.sl-asset-section .sl-asset-section__content .sl-asset .sl-asset__title {
font-family: "AvenirLTStd-Roman", Arial, Helvetica, sans-serif;
font-style: normal;
font-weight: 400;
}
.sl-asset-section .sl-asset-section__text {
width: 84%;
padding-bottom: 30px;
}
.sl-jumplinks .sl-jumplinks__list {
margin: 0;
}
.sl-jumplinks .sl-jumplinks__item {
margin: 0;
background-color: #ffffff;
overflow-x: hidden;
}
.sl-jumplinks .sl-jumplinks__link {
position: relative;
display: inline-block;
padding-left: 30px;
background-color: #ffffff;
font-family: "AvenirLTStd-Roman", Arial, Helvetica, sans-serif;
font-style: normal;
font-weight: 400;
font-size: 0.875em;
line-height: 1.35714286em;
color: #000000;
transition: 150ms all ease-in-out;
}
.sl-jumplinks .sl-jumplinks__link:before,
.sl-jumplinks .sl-jumplinks__link:after {
content: '';
position: absolute;
left: 0;
top: 9px;
width: 16px;
height: 1px;
background-color: #000000;
}
.sl-jumplinks .sl-jumplinks__link:after {
content: '';
left: -17px;
top: 2px;
width: 34px;
height: 14px;
background: url('../img/Arrow-JumpLink.svg') no-repeat;
visibility: hidden;
opacity: 0;
transition: left 150ms ease-in-out, opacity 150ms ease-in-out, visibility 80ms ease-in-out;
}
.sl-jumplinks .sl-jumplinks__link:hover,
.sl-jumplinks .sl-jumplinks__link:focus {
padding-left: 45px;
font-family: "AvenirLTStd-Roman", Arial, Helvetica, sans-serif;
font-family: "AvenirLTStd-Black";
font-style: normal;
font-weight: normal;
}
.sl-jumplinks .sl-jumplinks__link:hover:after,
.sl-jumplinks .sl-jumplinks__link:focus:after {
visibility: visible;
opacity: 1;
left: 0;
}
.sl-preview-section {
float: left;
width: 100%;
}
.sl-preview-section .sl-preview-section__section {
padding-right: 120px;
padding-top: 45px;
display: flex;
justify-content: space-around;
flex-flow: wrap;
box-sizing: border-box;
}
.sl-preview-section .sl-preview-section__item {
display: block;
position: relative;
margin-left: 60px;
margin-bottom: 60px;
width: calc(50% - 30px);
}
.sl-preview-section .sl-preview-section__item:nth-child(2n+1) {
margin-left: 0;
}
.sl-preview-section .sl-preview-section__item:hover .image-shadow:after,
.sl-preview-section .sl-preview-section__item:focus .image-shadow:after {
background-color: rgba(0, 0, 0, 0.42);
}
.sl-preview-section .sl-preview-section__item--no-image {
position: relative;
max-width: 480px;
max-height: 292px;
background: #456984;
}
.sl-preview-section .sl-preview-section__item--no-image:before {
content: '';
display: block;
padding-top: 61%;
}
.sl-preview-section .sl-preview-section__item--no-image:after {
content: '';
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
transition: 150ms all ease-in-out;
background: rgba(0, 0, 0, 0.1);
visibility: hidden;
opacity: 0;
}
.sl-preview-section .sl-preview-section__item--no-image:hover:after,
.sl-preview-section .sl-preview-section__item--no-image:focus:after {
visibility: visible;
opacity: 1;
}
.sl-preview-section .sl-preview-section__item--no-link:hover .image-shadow:after,
.sl-preview-section .sl-preview-section__item--no-link:focus .image-shadow:after {
background-color: rgba(0, 0, 0, 0.2);
}
.sl-preview-section .sl-preview-section__item--no-link:hover:after,
.sl-preview-section .sl-preview-section__item--no-link:focus:after {
opacity: 0;
}
.sl-preview-section .sl-preview-section__image {
width: 100%;
}
.sl-preview-section .sl-preview-section__title,
.sl-preview-section .sl-preview-section__title-wrap {
position: relative;
padding-bottom: 12px;
position: absolute;
left: 62px;
bottom: 32px;
z-index: 1;
color: #ffffff;
}
.sl-preview-section .sl-preview-section__title:after,
.sl-preview-section .sl-preview-section__title-wrap:after {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 22px;
height: 3px;
background-color: #ffffff;
}
.sl-preview-section .sl-preview-section__title-wrap:after {
bottom: 12px;
}
.sl-preview-section .sl-preview-section__title-wrap .sl-preview-section__title {
position: static;
}
.sl-preview-section .sl-preview-section__title-wrap .sl-preview-section__title:after {
content: none;
}
.sl-preview-section .sl-preview-section__title-wrap .sl-preview-section__caption {
display: inline-block;
padding-bottom: 5px;
color: #cbcbcb;
}
.sl-preview-section .sl-preview-section__title-wrap--more {
padding-bottom: 0;
}
.sl-preview-section .sl-preview-section__title-wrap--more:after {
content: none;
}
.sl-preview-section .sl-preview-section__title-wrap--more .sl-preview-section__title {
position: relative;
padding-bottom: 12px;
left: 0;
bottom: 0;
margin-bottom: 16px;
}
.sl-preview-section .sl-preview-section__title-wrap--more .sl-preview-section__title:after {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 22px;
height: 3px;
background-color: #ffffff;
}
.sl-preview-section .sl-preview-section__title-wrap--more .sl-preview-section__caption {
display: block;
}
.sl-preview-section .sl-preview-section__title-wrap--more .sl-preview-section__more-link {
display: inline-block;
color: #cbcbcb;
background: url('../img/arrow-right-grey100.svg') no-repeat;
background-size: 19px 15px;
background-position: right 50%;
padding-right: 28px;
line-height: 1;
}
.sl-team .sl-preview-section__item:hover .image-shadow:after,
.sl-team .sl-preview-section__item:focus .image-shadow:after {
background-color: rgba(0, 0, 0, 0.2);
}
.sl-team .sl-team-text {
padding-bottom: 110px;
}
.sl-partner .sl-partner__wrap {
clear: both;
max-width: 1080px;
margin: 0 auto;
padding-top: 53px;
padding-bottom: 140px;
}
.sl-partner .sl-patner__list {
margin: 0;
padding: 0;
}
.sl-partner .sl-patner__list .sl-partner__item {
margin: 0;
float: left;
width: 33.3%;
}
.sl-partner .sl-patner__list .sl-partner__link {
display: block;
position: relative;
height: 250px;
}
.sl-partner .sl-patner__list .sl-partner__image {
display: block;
position: absolute;
left: 50%;
top: 50%;
max-width: 85%;
max-height: 85%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.sl-lightbox .sl-lightbox__link {
position: absolute;
left: 50%;
bottom: 50px;
display: block;
width: 75px;
height: 75px;
border: 1px solid #ffffff;
border-radius: 50%;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
transition: 150ms all ease-in-out;
}
.sl-lightbox .sl-lightbox__link:after {
content: '';
position: absolute;
left: 32px;
top: 50%;
width: 17px;
height: 20px;
background: url('../img/PlayButtonTriangle.svg') no-repeat;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}
.sl-lightbox .sl-lightbox__link:hover,
.sl-lightbox .sl-lightbox__link:focus {
border-color: rgba(255, 255, 255, 0.4);
}
.sl-lightbox .sl-lightbox__content {
display: none;
}
.glightbox-container .gcounter {
display: none;
}
.glightbox-container .ginlined-content {
height: auto !important;
}
.glightbox-container .gslide-inline {
height: auto !important;
max-height: none !important;
background: none;
}
.app_core_inputtype_embed {
text-align: center;
}
.sl-pagination {
width: 100%;
padding-top: 54px;
text-align: center;
}
.sl-pagination .sl-pagination__prev,
.sl-pagination .sl-pagination__next {
position: relative;
display: inline-block;
width: 28px;
height: 28px;
background: url('../img/arrow-back.svg') no-repeat;
background-size: 22px 22px;
background-position: 50%;
border: 0;
text-indent: -9999px;
cursor: pointer;
font-family: "AvenirLTStd-Roman", Arial, Helvetica, sans-serif;
font-style: normal;
font-weight: 400;
font-size: 1.125em;
line-height: 1.55555556em;
}
.sl-pagination .sl-pagination__prev.deactivated,
.sl-pagination .sl-pagination__next.deactivated {
cursor: default;
}
.sl-pagination .sl-pagination__prev.deactivated:before,
.sl-pagination .sl-pagination__next.deactivated:before {
content: '';
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: #ffffff;
opacity: .7;
}
.sl-pagination .sl-pagination__next {
background-image: url('../img/arrow-right.svg');
}
.sl-pagination .sl-pagination__info {
display: inline-block;
padding: 0 20px;
font-family: "AvenirLTStd-Roman", Arial, Helvetica, sans-serif;
font-style: normal;
font-weight: 400;
font-size: 1.125em;
line-height: 1.55555556em;
}
.sl-pagination .sl-pagination__title {
display: block;
}
.sl-projectteaser .sl-projectteaser__button-container {
width: 100%;
padding-top: 10px;
}
.sl-projectteaser .sl-projectteaser__button-container .sl-projectteaser__button {
float: right;
}
.sl-navigationsibling .sl-navigationsibling__list {
margin: 0;
padding: 23px 0 0;
}
.sl-navigationsibling .sl-navigationsibling__item {
margin: 0 0 15px 0;
font-family: "AvenirLTStd-Roman", Arial, Helvetica, sans-serif;
font-style: normal;
font-weight: 400;
font-size: 1.25em;
line-height: 1.35em;
}
.sl-navigationsibling .sl-navigationsibling__link {
position: relative;
padding: 0 34px 2px 0;
}
.sl-navigationsibling .sl-navigationsibling__link:after {
content: '';
position: absolute;
right: 0;
top: 4px;
width: 19px;
height: 15px;
background: url('../img/arrow-right-grey100.svg') no-repeat;
background-size: 19px 15px;
}
.sl-navigationsibling .sl-navigationsibling__link:hover .sl-navigationsibling__label,
.sl-navigationsibling .sl-navigationsibling__link:focus .sl-navigationsibling__label {
border-bottom: 1px solid #000000;
}
.sl-navigationsibling .sl-navigationsibling__link:hover:after,
.sl-navigationsibling .sl-navigationsibling__link:focus:after {
background-image: url('../img/arrow-right-black100.svg');
}
legend {
display: none;
}
input[type="text"],
input[type="tel"],
input[type="email"],
textarea {
border: solid #cccccc;
border-width: 0 0 1px;
padding: 20px 0;
background: none;
width: 100%;
box-sizing: border-box;
border-radius: 0;
font-family: "AvenirLTStd-Roman", Arial, Helvetica, sans-serif;
font-style: normal;
font-weight: 400;
font-size: 1.125em;
line-height: 1.55555556em;
}
input[type="text"]:focus-visible,
input[type="tel"]:focus-visible,
input[type="email"]:focus-visible,
textarea:focus-visible {
outline: 0;
}
textarea {
height: 150px;
padding: 0;
margin: 20px 0;
}
input[type="radio"] {
display: inline-block;
margin-right: 15px;
}
label {
color: #808080;
font-family: "AvenirLTStd-Roman", Arial, Helvetica, sans-serif;
font-style: normal;
font-weight: 400;
font-size: 1.125em;
line-height: 1.55555556em;
}
.fm--form__inputtype-core-textfield,
.inputtype_app_core_form_datetime,
.fm--form__inputtype-core-email,
.fm--form__inputtype-core-textarea {
position: relative;
margin-bottom: 35px;
}
.fm--form__inputtype-core-textfield .fm--form__label,
.inputtype_app_core_form_datetime .fm--form__label,
.fm--form__inputtype-core-email .fm--form__label,
.fm--form__inputtype-core-textarea .fm--form__label {
position: absolute;
left: 0;
top: 21px;
pointer-events: none;
transition: 150ms all ease-in-out;
}
.fm--form__inputtype-core-textfield.has-focus .fm--form__label,
.inputtype_app_core_form_datetime.has-focus .fm--form__label,
.fm--form__inputtype-core-email.has-focus .fm--form__label,
.fm--form__inputtype-core-textarea.has-focus .fm--form__label,
.fm--form__inputtype-core-textfield.sl-field-active .fm--form__label,
.inputtype_app_core_form_datetime.sl-field-active .fm--form__label,
.fm--form__inputtype-core-email.sl-field-active .fm--form__label,
.fm--form__inputtype-core-textarea.sl-field-active .fm--form__label {
-webkit-transform: scale(0.7);
-moz-transform: scale(0.7);
-ms-transform: scale(0.7);
-o-transform: scale(0.7);
transform: scale(0.7);
transform-origin: top left;
top: 0;
}
.fm--form__inputtype-core-textfield.is-required label:after,
.inputtype_app_core_form_datetime.is-required label:after,
.fm--form__inputtype-core-email.is-required label:after,
.fm--form__inputtype-core-textarea.is-required label:after {
content: '*';
}
.fm--form__inputtype-core-textfield.has-error,
.inputtype_app_core_form_datetime.has-error,
.fm--form__inputtype-core-email.has-error,
.fm--form__inputtype-core-textarea.has-error {
margin-bottom: 15px;
}
.fm--form__inputtype-core-textfield.has-error textarea,
.inputtype_app_core_form_datetime.has-error textarea,
.fm--form__inputtype-core-email.has-error textarea,
.fm--form__inputtype-core-textarea.has-error textarea {
margin-bottom: 0;
}
.fm--form__inputtype-core-textfield:hover,
.inputtype_app_core_form_datetime:hover,
.fm--form__inputtype-core-email:hover,
.fm--form__inputtype-core-textarea:hover {
background: url('../img/Edit.svg') 100% 27px no-repeat;
}
.fm--form__inputtype-core-textarea .fm--form__label {
top: 28px;
}
.fm--form__inputtype-core-textarea.has-focus .fm--form__label,
.fm--form__inputtype-core-textarea.sl-field-active .fm--form__label {
top: -1px;
}
.bx--btn {
font-family: "AvenirLTStd-Roman", Arial, Helvetica, sans-serif;
font-style: normal;
font-weight: 400;
font-size: 1em;
line-height: 1em;
display: inline-block;
padding: 21px 36px;
background-color: #456984;
color: #ffffff;
transition: 150ms all ease-in-out;
border: 0;
padding: 17px 54px;
cursor: pointer;
}
.bx--btn:hover,
.bx--btn:focus {
color: #ffffff;
background-color: #39566d;
}
.bx--btn--transparent {
background: none;
border: 1px solid #ffffff;
min-width: 170px;
text-align: center;
box-sizing: border-box;
}
.bx--btn--transparent:hover,
.bx--btn--transparent:focus {
border-color: rgba(255, 255, 255, 0.4);
background-color: transparent;
}
.bx--btn--transparent-grey {
color: #808080;
border-color: #a1a1a1;
}
.bx--btn--transparent-grey:hover,
.bx--btn--transparent-grey:focus {
color: #808080;
border-color: #cccccc;
background-color: transparent;
}
.fm--form-buttons {
text-align: right;
}
.fm--form__inputtype-core-checkbox {
margin-bottom: 40px;
}
.fm--form__inputtype-core-checkbox .bx--checkbox-label {
width: calc(100% - 35px);
}
.fm--form__inputtype-core-checkbox .bx--checkbox {
margin-top: 6px;
}
.fm--form__inputtype-core-checkbox .fm--form__canvas {
display: flex;
justify-content: space-between;
align-items: flex-start;
}
.fm--form__inputtype-core-checkbox label {
transition: 150ms color ease-in-out;
}
.fm--form__inputtype-core-checkbox.sl-field-active label {
color: #000000;
}
.fm--form-radiogroup__item {
display: inline-block;
margin-right: 50px;
}
.fm--form-radiogroup__item label {
transition: 150ms color ease-in-out;
}
.fm--form-radiogroup__item.sl-field-active label {
color: #000000;
}
.fm--form {
padding-top: 33px;
}
.fm--form .fm--form-radiogroup {
padding-top: 46px;
padding-bottom: 35px;
}
.fm--form .error_messages {
position: absolute;
left: -9999px;
top: -9999px;
}
.fm--form .message_box .text_message {
color: #d6394c;
padding-bottom: 40px;
font-family: "AvenirLTStd-Roman", Arial, Helvetica, sans-serif;
font-style: normal;
font-weight: 400;
font-size: 1.125em;
line-height: 1.55555556em;
}
.fm--form .fm--form__inputtype-core-select {
position: relative;
margin-bottom: 35px;
}
.fm--form .fm--form__inputtype-core-select .fm--form__label {
position: absolute;
left: 0;
top: 0;
pointer-events: none;
-webkit-transform: scale(0.7);
-moz-transform: scale(0.7);
-ms-transform: scale(0.7);
-o-transform: scale(0.7);
transform: scale(0.7);
transform-origin: top left;
}
.fm--form .fm--form__inputtype-core-select select {
width: 100%;
height: 63px;
padding: 4px 5px 0;
box-sizing: border-box;
border: 0;
border-radius: 0;
font-size: 18px;
line-height: 18px;
background-color: transparent;
background-image: url('../img/arrow-form-select.svg');
background-repeat: no-repeat;
background-position: 100% 50%;
background-size: 12px 7px;
border: solid #cccccc;
border-width: 0 0 1px;
color: #000000;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
outline: 0;
}
.fm--form .fm--form__inputtype-core-select select::-ms-expand {
display: none;
}
.fm--form .fm--form__inputtype-core-select select:-moz-focusring {
color: transparent;
text-shadow: 0 0 0 #000;
}
.fm--form .fm--form__inputtype-core-select select:focus-visible {
outline: 0;
}
.fm--form .fm--form__inputtype-core-select select option {
margin-bottom: 50px;
}
.fm--form .fm--form__inputtype-core-select .fm--com-svg {
display: none;
}
.fm--form__error {
color: #d6394c;
padding-top: 5px;
font-family: "AvenirLTStd-Roman", Arial, Helvetica, sans-serif;
font-style: normal;
font-weight: 400;
font-size: 0.875em;
line-height: 1.35714286em;
}
.fm--form__error ul,
.fm--form__error li {
margin: 0;
}
.form-success {
display: inline-block;
padding-top: 30px;
}
@media screen and (max-width: 1470px) {
.sl-logo {
margin-left: 0;
}
}
@media screen and (max-width: 1400px) {
.teaser-slider .teaser-slider__button {
margin-top: 33px;
}
.teaser-slider .teaser-slider__text {
font-family: "AvenirLTStd-Roman", Arial, Helvetica, sans-serif;
font-style: normal;
font-weight: 400;
font-size: 0.875em;
line-height: 1.35714286em;
}
}
@media screen and (min-width: 1350px) and (max-width: 1400px) {
.main-nav {
margin-right: 30px;
}
.main-nav li a {
padding-right: 20px;
}
}
@media screen and (max-width: 1380px) {
.teaser-slider .teaser-slider__item {
width: 950px;
}
}
@media screen and (max-width: 1350px) {
.main-nav {
position: absolute;
left: -9999px;
top: -9999px;
}
.nav-visible .main-nav {
position: static;
left: 0;
top: 0;
}
.nav-visible .header-wrapper .sl-logo {
float: none;
}
.nav-visible .nav-container {
width: 100%;
}
.nav-visible .nav-right {
position: absolute;
right: 0;
top: -88px;
}
}
@media screen and (max-width: 1280px) {
.theme-footer .sl-logo {
float: left;
margin-right: 50px;
}
.theme-footer .footer-container {
float: left;
width: auto;
}
}
@media screen and (max-width: 1215px) {
.slide-item .slide-inner .link-wrap--single {
position: static;
}
.slide-item .image-shadow,
.image-element .image-shadow {
overflow: hidden;
}
.slide-item .image-shadow img,
.image-element .image-shadow img {
width: 150%;
-webkit-transform: translateX(-25%);
-moz-transform: translateX(-25%);
-ms-transform: translateX(-25%);
-o-transform: translateX(-25%);
transform: translateX(-25%);
}
.slide-item .slide-inner .slide-text-wrap {
max-width: 1020px;
float: right;
width: 100%;
padding-left: 0;
}
.slide-item .slide-title {
left: auto;
right: 18px;
top: 52px;
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
}
.slide-item .slide-title--mobile {
display: block;
}
.slide-item .slide-title--desktop {
display: none;
}
.video-element .video-title {
left: auto;
right: 18px;
top: 52px;
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
}
.video-element .video-title--mobile {
display: block;
}
.video-element .video-title--desktop {
display: none;
}
.image-element .image-element__content {
float: right;
max-width: 1020px;
width: 100%;
}
.page-landscape .slide-item .slide-title {
top: 145px;
right: 57px;
}
.page-landscape .video-element .video-title {
top: 145px;
right: 57px;
}
}
@media screen and (max-width: 1190px) {
.theme-footer .footer-item--social {
clear: both;
width: 240px;
}
.theme-footer .footer-item--social,
.theme-footer .footer-item--service {
margin-top: 40px;
}
}
@media screen and (max-width: 1157px) {
.project-filter .project-filter__controls {
max-width: none;
}
.project-filter .project-filter__controls .project-filter__control:last-child {
padding: 0;
flex-basis: calc(100% - 400px);
}
}
@media screen and (max-width: 1144px) {
.teaser-slider .teaser-slider__button {
margin-top: 33px;
}
.teaser-slider .teaser-slider__text {
display: none;
}
.teaser-slider .teaser-slider__title {
font-size: 1em;
line-height: 1.4375em;
}
.teaser-slider .teaser-slider__item {
width: 700px;
}
.nav-container .main-nav,
.nav-container .top-nav,
.nav-container .lang-nav {
display: none;
}
.nav-overlay .menu-address-wrap {
display: none;
}
.search-visible .search-form-mobile {
padding-top: 9px;
padding-bottom: 30px;
}
.search-visible .search-form-mobile .sl-component-search {
padding-top: 26px;
border-top: 2px solid rgba(255, 255, 255, 0.1);
}
.main-search {
margin-top: 31px;
}
.main-nav {
display: none;
}
.nav-visible .mobile-menu {
display: block;
}
.nav-visible .nav-right {
position: static;
width: 100%;
}
.nav-visible .nav-container .top-nav,
.nav-visible .nav-container .lang-nav {
display: block;
}
.nav-visible .nav-container {
width: 100%;
padding-top: 0;
position: relative;
box-sizing: border-box;
border-bottom: 0;
}
.nav-visible .header-wrapper .sl-logo {
display: none;
}
.nav-visible .header-wrapper .sl-logo--mobile {
display: block;
}
.nav-visible .header-wrapper .ym-wbox {
padding: 0;
}
.nav-visible .mobile-menu {
float: left;
padding-top: 22px;
padding-left: 35px;
padding-bottom: 23px;
margin-right: 0;
width: 100%;
border-bottom: 2px solid rgba(255, 255, 255, 0.1);
box-sizing: border-box;
transition: 150ms padding-top ease-in-out;
}
.nav-visible .mobile-menu ul {
margin: 0;
}
.nav-visible .mobile-menu li {
float: none;
margin-left: 0;
width: 100%;
border-bottom: 2px solid rgba(255, 255, 255, 0.1);
position: relative;
}
.nav-visible .mobile-menu li:last-child {
border: 0;
}
.nav-visible .mobile-menu li.active a,
.nav-visible .mobile-menu li.desc_active a {
font-family: "AvenirLTStd-Roman", Arial, Helvetica, sans-serif;
font-family: "AvenirLTStd-Black";
font-style: normal;
font-weight: normal;
}
.nav-visible .mobile-menu li.active li a,
.nav-visible .mobile-menu li.desc_active li a {
font-family: "AvenirLTStd-Roman", Arial, Helvetica, sans-serif;
font-style: normal;
font-weight: 400;
}
.nav-visible .mobile-menu li .subnav-toggle {
position: absolute;
right: 38px;
top: 0;
width: 50px;
height: 45px;
display: block;
background: url('../img/Menu.svg') no-repeat;
background-size: 16px 17px;
background-position: 50%;
cursor: pointer;
-webkit-tap-highlight-color: transparent;
}
.nav-visible .mobile-menu li .subnav-toggle.expanded {
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
background-position-y: 8px;
}
.nav-visible .mobile-menu li a {
display: block;
padding: 13px 0;
width: calc(100% - 95px);
color: #ffffff;
font-family: "AvenirLTStd-Roman", Arial, Helvetica, sans-serif;
font-style: normal;
font-weight: 400;
font-size: 0.875em;
line-height: 1.35714286em;
transition: 150ms color ease-in-out;
}
.nav-visible .mobile-menu li.children ul {
position: static;
display: none;
}
.nav-visible .mobile-menu li.children li {
border: 0;
}
.nav-visible .mobile-menu li.children li a {
padding: 8px 0;
}
.nav-visible .mobile-menu li.children.expanded ul,
.nav-visible .mobile-menu li.children.active:not(.collapsed) ul,
.nav-visible .mobile-menu li.children.desc_active:not(.collapsed) ul {
display: block;
margin-bottom: 22px;
}
.nav-visible .nav-container .sl-component-search {
display: none;
}
.nav-visible .burger,
.nav-visible .main-search {
position: absolute;
top: 34px;
right: 28px;
margin-top: 0;
}
.nav-visible .main-search {
right: 53px;
top: 30px;
}
.nav-visible .meta-nav {
width: 100%;
margin-top: 99px;
padding-top: 8px;
padding-bottom: 10px;
border: solid rgba(255, 255, 255, 0.1);
border-width: 2px 0;
}
.nav-visible .meta-nav .lang-nav {
margin-left: 25px;
}
.nav-visible .meta-nav .top-nav {
margin-right: 0;
}
.nav-visible .meta-nav .lang-nav a,
.nav-visible .meta-nav .top-nav a {
padding-top: 10px;
padding-bottom: 10px;
}
.nav-visible .menu-address-wrap--mobile,
.nav-visible .sl-logo--mobile {
display: block;
}
.nav-visible .menu-address-wrap--mobile {
position: static;
clear: both;
padding: 36px 0 35px;
margin-left: 35px;
border-bottom: 2px solid rgba(255, 255, 255, 0.1);
}
.nav-visible .sl-logo--mobile {
padding-top: 13px;
padding-left: 35px;
padding-bottom: 30px;
}
.nav-visible .sl-logo--mobile a {
height: 64px;
}
.nav-visible .nav-overlay {
display: none;
}
.nav-visible .header-wrapper {
width: 100%;
height: 100vh;
background-color: #456984;
position: fixed;
overflow-y: scroll;
}
.nav-visible.page-landscape .header-wrapper.landscape-nav-visible {
background-color: #456984;
}
.nav-visible .search-form-mobile {
clear: both;
transition: 150ms padding-top ease-in-out;
}
.nav-visible .search-form-mobile .sl-component-search {
position: static;
display: block;
max-height: 0;
overflow: hidden;
transition: 150ms max-height ease-in-out, 150ms padding-top ease-in-out;
}
.nav-visible .search-form-mobile .sl-component-search.expanded {
max-height: 300px;
}
.nav-visible .search-form-mobile .sl-component-search form {
padding-bottom: 5px;
margin-left: 35px;
border-bottom: 2px solid rgba(255, 255, 255, 0.1);
}
.nav-visible .search-form-mobile .sl-component-search input[type="text"] {
width: calc(100% - 128px);
font-size: 1.5625em;
line-height: 31px;
height: auto;
border: 0;
margin-bottom: 0;
}
.nav-visible .search-form-mobile .sl-component-search button {
padding: 0;
margin-bottom: 5px;
margin-top: 10px;
background-color: transparent;
background-image: url("data:image/svg+xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%0A%3Csvg%20width%3D%2219px%22%20height%3D%2215px%22%20viewBox%3D%220%200%2019%2015%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%0A%20%20%20%20%3C%21--%20Generator%3A%20Sketch%2048.1%20%2847250%29%20-%20http%3A%2F%2Fwww.bohemiancoding.com%2Fsketch%20--%3E%0A%20%20%20%20%3Ctitle%3EIcon%2FArrow%2Flink%3C%2Ftitle%3E%0A%20%20%20%20%3Cdesc%3ECreated%20with%20Sketch.%3C%2Fdesc%3E%0A%20%20%20%20%3Cdefs%3E%3C%2Fdefs%3E%0A%20%20%20%20%3Cg%20id%3D%22Symbols%22%20stroke%3D%22%23ffffff%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%20%20%20%20%3Cg%20id%3D%22Icon%2FArrow%2Flink%22%20stroke%3D%22%23ffffff%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%20id%3D%22Group-2%22%20transform%3D%22translate%281.000000%2C%201.000000%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%20id%3D%22Group%22%20transform%3D%22translate%288.000000%2C%206.500000%29%20rotate%28-90.000000%29%20translate%28-8.000000%2C%20-6.500000%29%20translate%281.500000%2C%20-1.500000%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M6.5%2C15.5%20L6.5%2C0.5%22%20id%3D%22Line-Copy%22%20stroke-linecap%3D%22square%22%3E%3C%2Fpath%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpolyline%20id%3D%22Path-3-Copy%22%20points%3D%220%2010%206.46295731%2016%2013%2010%22%3E%3C%2Fpolyline%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E");
text-indent: -9999px;
width: 20px;
height: 14px;
}
.sl-preview-section .sl-preview-section__section {
padding-right: 0;
}
.sl-preview-section .sl-preview-section__title {
left: 35px;
padding-right: 20px;
}
.page-landscape.nav-visible .header-wrapper.visible {
background-color: #456984;
}
.page-landscape .section-wrapper__inner {
width: 100%;
}
.page-landscape .slide-item .slide-inner .slide-text-wrap {
width: 100%;
}
.section-wrapper__inner,
.section-element.teaser-slide-section-heading {
width: calc(100% - 35px);
}
.slide-item .slide-inner .slide-text-wrap {
width: calc(100% - 35px);
}
}
@media screen and (max-width: 991px) {
.theme-h1 {
font-size: 2.8125em;
line-height: 1.17777778em;
padding-bottom: 30px;
}
.theme-h1:after {
width: 45px;
height: 5px;
}
.theme-h2 {
font-size: 1.5625em;
line-height: 1.16em;
padding-bottom: 19px;
}
.theme-h2:after {
width: 25px;
height: 3px;
}
.theme-h3 {
font-size: 1em;
line-height: 1.4375em;
}
.theme-main {
font-size: 1em;
line-height: 1.4375em;
}
.theme-testimonial {
font-size: 1.5625em;
line-height: 1.12em;
}
.theme-subnav {
font-size: 0.875em;
line-height: 2.14285714em;
}
.theme-button {
font-size: 0.875em;
line-height: 1em;
padding: 13px 14px;
}
.theme-button--transparent {
min-width: 100px;
}
.theme-infos {
font-size: 1em;
line-height: 1.4375em;
}
.theme-ldj-h1 {
font-size: 1.5625em;
line-height: 1.12em;
}
.theme-ldj-title {
font-size: 1.5625em;
line-height: 1.16em;
}
.theme-ldj-year {
font-family: "AvenirLTStd-Roman", Arial, Helvetica, sans-serif;
font-style: normal;
font-weight: 400;
font-size: 4.5em;
line-height: 1em;
}
.theme-ldj-lead {
font-size: 1.5625em;
line-height: 1.12em;
}
.theme-ldj-main {
font-size: 1em;
line-height: 1.4375em;
}
.theme-content dt,
.theme-content dd,
.theme-content p,
.theme-content li,
.theme-content h3,
.theme-content h1,
.theme-content td {
font-size: 1em;
line-height: 1.4375em;
}
.theme-content ol li {
padding: 25px 0 25px 57px;
}
.theme-content ol li:before {
font-size: 28px;
line-height: 28px;
}
.theme-content ol li:last-child {
padding-bottom: 25px;
}
.theme-content ul li {
padding: 25px 0;
}
label,
input[type="text"],
input[type="tel"],
input[type="email"],
textarea,
.fm--form .message_box .text_message {
font-size: 1em;
line-height: 1.4375em;
}
.page-landscape .theme-content p,
.page-landscape .theme-content li {
font-size: 1em;
line-height: 1.4375em;
}
.page-landscape .theme-h2 {
font-size: 1.5625em;
line-height: 1.12em;
}
.page-landscape .testimonial-text {
font-size: 1.5625em;
line-height: 1.12em;
}
.ldj-lead .theme-ldj-main {
font-size: 1.5625em;
line-height: 1.12em;
}
.ldj-intro .ldj-intro__text {
width: 234px;
height: 234px;
padding: 16px 13px;
}
.ldj-intro .ldj-intro__title {
margin-top: 0;
}
.ldj-intro .ldj-intro__frame-title {
font-size: 7vw;
}
.theme-footer {
padding-top: 30px;
}
.theme-footer .sl-logo a {
width: 36px;
height: 34px;
}
.theme-footer .sl-logo a .sl-logo-white {
display: none;
}
.theme-footer .sl-logo a .sl-logo-no-text {
display: block;
}
.theme-footer .footer-container {
padding-top: 15px;
}
.lead-image-wrap .lead-title h1 {
margin-bottom: 21px;
max-width: 95%;
}
.lead-text-wrap .page-title-normal {
margin-top: 46px;
margin-bottom: 20px;
}
.lead-text-wrap--back-link .lead-back {
position: relative;
top: auto;
right: auto;
margin: 47px 0 0;
}
.lead-text-wrap--back-link .lead-caption {
margin-top: 30px;
}
.ldj-overview__text-wrap {
padding-right: 0;
}
.ldj-overview__left,
.ldj-overview__right {
width: 50%;
}
.sl-partner .sl-patner__list .sl-partner__image {
max-width: 70%;
max-height: 70%;
}
.sl-partner .sl-partner__wrap {
padding-bottom: 40px;
}
input[type="text"],
input[type="tel"],
input[type="email"],
textarea {
padding-bottom: 5px;
}
textarea {
height: 120px;
}
.fm--form-radiogroup__item {
margin-right: 12px;
}
.fm--form__inputtype-core-textfield,
.inputtype_app_core_form_datetime,
.inputtype_app_core_form_html5,
.fm--form__inputtype-core-textarea {
margin-bottom: 15px;
}
.fm--form__inputtype-core-textfield:hover,
.inputtype_app_core_form_datetime:hover,
.inputtype_app_core_form_html5:hover,
.fm--form__inputtype-core-textarea:hover {
background-position-y: 19px;
}
.fm--form .inputtype_app_core_form_select {
margin-bottom: 15px;
}
.fm--form .inputtype_app_core_form_select select {
padding-top: 18px;
height: 50px;
}
.page-landscape .slide-item .slide-inner .slide-text-wrap {
padding-right: 70px;
box-sizing: border-box;
}
.page-landscape .theme-content ol {
padding-right: 0;
}
.page-landscape .theme-content ol li:before {
font-size: 30px;
}
.slide-item .theme-button {
min-width: 160px;
}
.sl-navigationsibling .sl-navigationsibling__item {
font-size: 1em;
line-height: 1.4375em;
}
.sl-navigationsibling .sl-navigationsibling__item .sl-navigationsibling__link:after {
top: 4px;
}
.project-map .project-map__count {
right: 15px;
left: auto;
top: 55px;
}
.lead-text-wrap.lead-text-wrap--caption .page-title-normal {
margin-top: 8px;
}
.project-info .project-info__left,
.project-info .project-info__right {
font-size: 1em;
line-height: 1.4375em;
}
.project-donate .project-donate__text {
font-size: 1em;
line-height: 1.4375em;
}
#project-map {
height: 60vh;
}
}
@media screen and (max-width: 767px) {
.theme-h1 {
font-size: 1.5625em;
line-height: 1.16em;
padding-bottom: 19px;
}
.theme-h1:after {
width: 25px;
height: 3px;
}
.ym-wbox {
padding: 0 18px;
}
.section-wrapper--teaser-slider .ym-wbox {
padding: 0 38px;
}
.lead-wrapper .ym-wbox,
.theme-footer .ym-wbox,
.ldj-overview-wrap .ym-wbox,
.header-wrapper .ym-wbox {
padding: 0 18px;
}
.section-wrapper__inner {
width: 100%;
}
.main-search {
margin-top: 0;
}
.burger {
margin-top: 4px;
}
.nav-visible .meta-nav {
margin-top: 55px;
}
.nav-visible .burger,
.nav-visible .main-search {
position: absolute;
top: 18px;
right: 18px;
}
.nav-visible .main-search {
right: 41px;
top: 15px;
}
.teaser-slider {
padding-bottom: 80px;
}
.teaser-slider .teaser-slider__item {
width: 300px;
padding: 0 9px;
box-sizing: border-box;
}
.teaser-slider .teaser-slider__item .teaser-slider__image-wrap {
width: 100%;
}
.teaser-slider .teaser-slider__item .teaser-slider__content {
width: 100%;
padding: 14px 0 0;
}
.teaser-slider .teaser-slider__item.is-selected .teaser-slider__image-wrap {
right: 0;
}
.teaser-slider .teaser-slider__title {
margin-bottom: 16px;
}
.teaser-slider .teaser-slider__button {
margin-top: 0;
}
.teaser-slider .flickity-prev-next-button {
display: none;
}
.section-element.teaser-slide-section-heading {
float: none;
padding-bottom: 0;
width: 100%;
}
.sl-logo {
margin-top: 12px;
}
.sl-logo a {
width: 130px;
height: 32px;
}
.sl-logo a .sl-logo-black {
display: none;
}
.sl-logo a .sl-logo-black-mobile {
display: block;
}
html[lang="it"] .sl-logo a {
width: 86px;
height: 32px;
}
html[lang="fr"] .sl-logo a {
width: 120px;
}
.header-wrapper {
height: 56px;
}
.main-wrapper {
padding-top: 56px;
}
.nav-container {
padding-top: 16px;
}
.lead-left {
width: auto;
padding: 0;
}
.lead-right {
display: none;
}
.lead-text-wrap {
width: 100%;
padding-top: 30px;
padding-bottom: 60px;
}
.lead-text-wrap .lead-text {
padding-bottom: 20px;
}
.lead-text-wrap--back-link .lead-back {
margin-left: 18px;
}
.section-element {
padding: 60px 0;
}
.section-element--news {
padding-top: 0;
}
.slide-item .slide-inner .link-wrap {
padding-top: 20px;
}
.slide-item .slide-inner .link-wrap--single {
float: none;
}
.slide-item .slide-inner .link-wrap a {
margin-right: 15px;
margin-bottom: 15px;
}
.slide-item .slide-inner .link-wrap a:last-child {
margin-right: 0;
}
.sl-news .sl-news__item {
padding-bottom: 15px;
margin-bottom: 35px;
}
.sl-news .sl-news__item .ym-g29,
.sl-news .sl-news__item .ym-g70 {
width: 100%;
}
.sl-news .sl-news__item .ym-g29 {
margin-bottom: 12px;
}
.sl-news .sl-news__item .ym-gbox {
padding: 0;
}
.sl-asset-section .sl-asset-section__title {
padding: 17px 0;
}
.sl-asset-section .sl-asset-section__text {
padding-bottom: 5px;
width: auto;
}
.sl-asset-section .sl-asset-section__content .sl-asset {
padding-left: 18px;
}
.sl-asset-section .sl-asset-section__content .sl-asset .sl-asset__meta {
padding-top: 5px;
}
.sl-asset-section .sl-asset-section__content .sl-asset .sl-asset__item {
padding: 20px 0;
}
.sl-asset-section .sl-asset-section__content .sl-asset .sl-asset__item:after {
top: auto;
bottom: 6px;
}
.lead-text-wrap .page-title-normal,
.lead-text-wrap--caption .lead-caption {
margin-left: 18px;
}
.sl-asset .sl-asset__item:after {
top: auto;
bottom: 14px;
}
.ldj-overview__text-wrap {
padding: 0 18px;
}
.ldj-overview__text-wrap .ldj-overview__left,
.ldj-overview__text-wrap .ldj-overview__right {
width: auto;
}
.ldj-overview__text-wrap .ldj-overview__left {
padding-top: 23px;
}
.ldj-overview__text-wrap .ldj-overview__right {
padding-top: 0;
width: 100%;
}
.ldj-overview__text-wrap .ldj-overview__title {
padding-right: 0;
margin-bottom: 15px;
}
.ldj-overview__text-wrap .ldj-overview__button {
margin-top: 20px;
}
.sl-preview-section .sl-preview-section__section {
display: block;
}
.sl-preview-section .sl-preview-section__item {
margin-left: 0;
margin-bottom: 36px;
width: 100%;
}
.sl-preview-section .sl-preview-section__item--no-image {
max-width: none;
}
.image-element .image-shadow,
.slide-item .image-shadow {
overflow: hidden;
}
.image-element .image-shadow img,
.slide-item .image-shadow img {
width: 200%;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
}
.flickity-prev-next-button.next {
right: 18px;
}
.flickity-prev-next-button.previous {
right: 80px;
}
.flickity-prev-next-button.previous,
.flickity-prev-next-button.next {
bottom: 25px;
}
.sl-partner .sl-patner__list .sl-partner__image {
max-width: 85%;
max-height: 85%;
}
.sl-partner .sl-patner__list .sl-partner__item {
width: 50%;
}
.sl-partner .sl-patner__list .sl-partner__link {
height: 200px;
}
.sl-partner .sl-partner__wrap {
padding: 0;
}
.sl-team .sl-team-text {
padding: 0;
}
.search-page-form {
margin: 0 18px;
}
.slide-item .slide-inner .slide-text-wrap {
width: 100%;
}
.page-landscape .main-wrapper .sl-logo .sl-logo-landscape {
display: none;
}
.page-landscape .main-wrapper .sl-logo .sl-logo-landscape-mobile {
display: block;
}
.page-landscape .ldj-section-top {
top: 1px;
}
.page-landscape .ldj-section-top .ym-wbox {
padding: 0 18px;
}
.page-landscape .ldj-section-top .sl-logo {
margin-top: 12px;
}
.page-landscape .ldj-section-top.fixed.ldj-nav-visible {
top: 50px;
}
.page-landscape .ldj-section-meta .ldj-count {
margin-right: -14px;
margin-left: 40px;
margin-top: 2px;
}
.page-landscape .ldj-section-meta .ldj-count .ldj-count__total,
.page-landscape .ldj-section-meta .ldj-count .ldj-count__current {
font-size: 16px;
line-height: 16px;
}
.page-landscape .ldj-section-meta .ldj-count .circle-desktop {
display: none;
}
.page-landscape .ldj-section-meta .ldj-count .circle-mobile {
display: block;
}
.page-landscape .ldj-section-meta .ldj-count .ldj-count__inner {
left: 24px;
}
.page-landscape .ldj-section-meta .ldj-count--double-digit .ldj-count__current {
padding-left: 2px;
}
.page-landscape .ldj-section-meta .ldj-count--double-digit .ldj-count__current:after {
left: -1px;
}
.page-landscape .ldj-section-meta .ldj-download {
padding-left: 22px;
padding-top: 21px;
}
.page-landscape .ldj-section-meta .ldj-social {
padding-top: 21px;
}
.page-landscape .slide-item .slide-title {
top: 94px;
right: 38px;
}
.page-landscape .video-element .video-title {
top: 94px;
right: 38px;
}
.page-landscape .text-element-wrap .text-element {
padding-top: 120px;
padding-bottom: 65px;
}
.project-filter .ym-wbox {
padding: 0;
}
.project-filter .project-filter__nav,
.project-filter .project-filter__form {
padding-left: 18px;
padding-right: 18px;
}
.project-filter .project-filter__controls {
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.project-filter .project-filter__controls .project-filter__control {
flex-basis: calc(50% - 18px);
}
.project-filter .project-filter__controls .project-filter__control:nth-child(2) {
padding: 0;
margin-right: 0;
}
.project-filter .project-filter__controls .project-filter__control:last-child {
flex-basis: 100%;
margin-bottom: 20px;
}
.project-filter .project-filter__switch,
.project-filter .project-filter__mobile-title {
display: inline-block;
}
.project-filter__form {
max-height: 0;
overflow: hidden;
transition: 150ms max-height ease-in-out;
}
.project-filter__form.transitionend {
overflow: visible;
}
.sl-dropdown {
max-width: none;
}
.map-tooltip {
width: 478px;
}
.map-tooltip .categories,
.map-tooltip .place,
.map-tooltip .title,
.map-tooltip .more-link {
font-size: 1em;
line-height: 1.4375em;
}
.map-tooltip .more-link {
line-height: 1;
}
}
@media screen and (max-width: 740px) {
.theme-footer .footer-container {
width: calc(100% - 51px);
}
.theme-footer .footer-item {
float: none;
width: auto;
}
.theme-footer .footer-item--donate,
.theme-footer .footer-item--social {
padding-top: 23px;
}
.theme-footer .footer-item--social {
margin-top: 0;
}
.theme-footer .footer-item--service {
float: left;
clear: both;
margin-top: 23px;
}
.theme-footer .footer-item--service .service-nav {
padding-top: 0;
}
.theme-footer .footer-item .footer-item__title {
margin-bottom: 5px;
}
.theme-footer .sl-logo {
margin-right: 20px;
}
.theme-footer .footer-bottom {
padding-top: 60px;
}
.theme-footer .footer-donate,
.theme-footer .sl-address {
padding-right: 0;
}
}
@media screen and (max-width: 580px) {
.page-landscape .testimonial-text {
font-family: "AvenirLTStd-Roman", Arial, Helvetica, sans-serif;
font-style: normal;
font-weight: 400;
font-size: 1.125em;
line-height: 1.55555556em;
line-height: 24px;
}
.page-landscape .slide-item .slide-inner .slide-text-wrap {
padding-right: 30px;
}
.ldj-section-meta .ldj-download .ldj-download__link .ldj-download__info {
left: -100px;
}
.theme-author {
font-family: "AvenirLTStd-Roman", Arial, Helvetica, sans-serif;
font-style: normal;
font-weight: 400;
font-size: 0.875em;
line-height: 1.35714286em;
}
}
@media screen and (max-width: 520px) {
.map-tooltip {
width: 320px;
}
.map-tooltip .image {
display: none;
}
.map-tooltip .map-tooltip-right {
width: 100%;
}
.project-info .project-info__list li {
flex-direction: column;
}
.project-info .project-info__left {
margin-bottom: 8px;
}
.project-info .project-info__right {
width: 100%;
}
}
@media screen and (max-width: 480px) {
.lead-image-wrap .image-shadow,
.ldj-overview .image-shadow,
.sl-preview-section__item .image-shadow,
.sl-news__item .image-shadow {
overflow: hidden;
}
.lead-image-wrap .image-shadow img,
.ldj-overview .image-shadow img,
.sl-preview-section__item .image-shadow img,
.sl-news__item .image-shadow img {
width: 180%;
-webkit-transform: translateX(-20%);
-moz-transform: translateX(-20%);
-ms-transform: translateX(-20%);
-o-transform: translateX(-20%);
transform: translateX(-20%);
}
.theme-content ol li {
padding-left: 0;
padding-top: 70px;
}
.theme-content ol li:before {
top: 37px;
}
.page-landscape .theme-content ol li {
padding-top: 70px;
}
.slide-item .image-shadow,
.image-element .image-shadow {
overflow: hidden;
}
.slide-item .image-shadow img,
.image-element .image-shadow img {
width: 380%;
-webkit-transform: translateX(-25%);
-moz-transform: translateX(-25%);
-ms-transform: translateX(-25%);
-o-transform: translateX(-25%);
transform: translateX(-25%);
}
.image-comparison__item .image-shadow img {
width: 350%;
-webkit-transform: translateX(-25%);
-moz-transform: translateX(-25%);
-ms-transform: translateX(-25%);
-o-transform: translateX(-25%);
transform: translateX(-25%);
}
.image-element .image-element__content {
width: 100%;
}
.sl-partner .sl-patner__list .sl-partner__item {
width: 100%;
}
.sl-project-sponsor.sl-partner .sl-patner__list .sl-partner__item {
width: 100%;
}
.sl-project-sponsor.sl-partner .sl-patner__list .sl-partner__item .sl-partner__image {
left: 50%;
-webkit-transform: translate(-50%);
-moz-transform: translate(-50%);
-ms-transform: translate(-50%);
-o-transform: translate(-50%);
transform: translate(-50%);
}
.fm--form__inputtype-core-checkbox .fm--form__label {
width: calc(100% - 25px);
}
input[type="radio"] {
margin-right: 6px;
}
.fm--form-radiogroup__item {
margin-bottom: 12px;
}
.fm--form .fm--form-radiogroup {
padding-top: 20px;
}
.search-page-form .sl-component-search input[type="text"] {
width: 100%;
}
.search-page-form .sl-component-search button[type="submit"] {
float: right;
}
.teaser-slider__item .teaser-slider__content {
transition: 150ms all ease-in-out;
}
.teaser-slider__item.act + .teaser-slider__item .teaser-slider__content {
visibility: hidden;
opacity: 0;
}
.teaser-slider__item:first-child:not(.act) .teaser-slider__content,
.teaser-slider__item.is-selected .teaser-slider__content {
visibility: hidden;
opacity: 0;
}
.meta-nav .top-nav .first a {
padding-left: 33px;
}
.project-filter .project-filter__controls .project-filter__control {
flex-basis: 100%;
margin-right: 0;
padding-right: 0;
}
}
@media screen and (max-width: 380px) {
.theme-h2 {
font-size: 1.25em;
}
.theme-testimonial {
font-size: 1.125em;
}
.page-landscape .ldj-section-meta .ldj-count {
margin-left: 15px;
}
}
@media screen and (max-width: 340px) {
.top-nav li a {
padding-left: 15px;
}
.theme-footer .sl-logo {
float: none;
margin-bottom: 20px;
}
.theme-footer .footer-container {
width: 100%;
}
.sl-asset-section .sl-asset-section__content .sl-asset {
padding-left: 0;
}
}
@media print {
.nav-container,
.nav-overlay,
.theme-button,
.lead-right,
.sl-breadcrumb,
.slide-title,
.footer-item--social,
.arrow-read-more,
.flickity-prev-next-button.previous,
.flickity-prev-next-button.next,
.sl-preview-section__item--no-image,
.sl-component-search,
.form-element,
.ldj-section-top {
display: none !important;
}
.image-shadow {
margin-bottom: 30px;
}
.image-shadow:after {
content: none;
}
.sl-logo {
float: none;
margin-left: 0;
margin-bottom: 30px;
}
.lead-image-wrap .lead-title {
width: 100% !important;
margin-top: 30px;
}
.lead-image-wrap {
float: none !important;
}
.sl-1020 {
max-width: none !important;
}
.theme-h1 {
margin-bottom: 0 !important;
}
.lead-wrapper {
margin-bottom: 70px;
}
.section-element {
padding: 60px 0;
}
.sl-address,
.sl-address a {
color: #000000;
}
.footer-item {
float: none !important;
margin-bottom: 30px;
}
.footer-item__title {
font-family: "AvenirLTStd-Roman", Arial, Helvetica, sans-serif;
font-family: "AvenirLTStd-Black";
font-style: normal;
font-weight: normal;
}
.theme-footer .donate-account {
display: block;
}
.flickity-enabled {
height: auto !important;
}
.flickity-slider {
position: static !important;
transform: none !important;
}
.sl-flickity-slide {
position: static !important;
left: 0 !important;
margin-bottom: 30px;
}
.flickity-viewport {
height: auto !important;
}
.teaser-slider-wrap {
margin-left: 0 !important;
}
.teaser-slider-outer {
overflow: visible !important;
}
.teaser-slider__item {
position: static !important;
left: 0 !important;
margin-bottom: 40px;
}
.lead-text-wrap .page-title-normal {
margin-top: 70px;
}
.sl-preview-section .sl-preview-section__section {
display: block;
}
.sl-preview-section .sl-preview-section__section .sl-preview-section__title {
position: static;
color: #000000;
}
.sl-preview-section .sl-preview-section__item {
text-decoration: none;
width: auto;
margin-left: 0;
}
.sl-asset-section .sl-asset-section__content {
max-height: none;
overflow: visible;
}
.ldj-intro__text {
margin-top: 80px;
margin-bottom: 60px;
}
.ldj-intro__frame-title {
margin-bottom: 60px;
}
.ldj-lead {
margin-bottom: 30px;
}
.image-comparison__item {
max-height: none !important;
}
.image-comparison {
margin-bottom: 60px;
}
}
@font-face {
font-family: 'fontello';
src: url('../font/fontello/font/fontello.eot?20648932');
src: url('../font/fontello/font/fontello.eot?20648932#iefix') format('embedded-opentype'), url('../font/fontello/font/fontello.woff2?20648932') format('woff2'), url('../font/fontello/font/fontello.woff?20648932') format('woff'), url('../font/fontello/font/fontello.ttf?20648932') format('truetype'), url('../font/fontello/font/fontello.svg?20648932#fontello') format('svg');
font-weight: normal;
font-style: normal;
}
[class^="icon-"]:before,
[class*=" icon-"]:before {
font-family: "fontello";
font-style: normal;
font-weight: normal;
speak: none;
display: inline-block;
text-decoration: inherit;
width: 1em;
margin-right: .2em;
text-align: center;
/* opacity: .8; */
/* For safety - reset parent styles, that can break glyph codes*/
font-variant: normal;
text-transform: none;
/* fix buttons height, for twitter bootstrap */
line-height: 1em;
/* Animation center compensation - margins should be symmetric */
/* remove if not needed */
margin-left: .2em;
/* you can be more comfortable with increased icons size */
/* font-size: 120%; */
/* Font smoothing. That was taken from TWBS */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
/* Uncomment for 3D effect */
/* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}
.icon-search:before {
content: '\e800';
}
.icon-youtube:before {
content: '\f167';
}
.icon-xing:before {
content: '\f168';
}
.icon-youtube-play:before {
content: '\f16a';
}
.icon-vimeo:before {
content: '\f306';
}
.icon-twitter:before {
content: '\f309';
}
.icon-facebook:before {
content: '\f30c';
}
.icon-gplus:before {
content: '\f30f';
}
.icon-pinterest:before {
content: '\f312';
}
.icon-tumblr:before {
content: '\f315';
}
.icon-linkedin:before {
content: '\f318';
}
.icon-instagram:before {
content: '\f32d';
}
.fm_hide_accessible,
.hide-accessible,
.fm--hide-accessible {
position: absolute;
top: -32768px;
left: -32768px;
display: inline;
overflow: hidden;
width: 0;
height: 0;
}
.display-accessible {
display: inherit;
position: inherit;
overflow: visible;
top: auto;
left: auto;
width: auto;
height: auto;
}
input[type=submit],
button {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}