/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */html {
line-height: 1.15;
-webkit-text-size-adjust: 100%
}
body {
margin: 0
}
h1 {
font-size: 2em;
margin: .67em 0
}
hr {
-webkit-box-sizing: content-box;
box-sizing: content-box;
height: 0;
overflow: visible
}
pre {
font-family: monospace,monospace;
font-size: 1em
}
a {
background-color: transparent
}
abbr[title] {
border-bottom: 0;
text-decoration: underline;
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted
}
b,strong {
font-weight: bolder
}
code,kbd,samp {
font-family: monospace,monospace;
font-size: 1em
}
small {
font-size: 80%
}
sub,sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline
}
sub {
bottom: -0.25em
}
sup {
top: -0.5em
}
img {
border-style: none
}
button,input,optgroup,select,textarea {
font-family: inherit;
font-size: 100%;
line-height: 1.15;
margin: 0
}
button,input {
overflow: visible
}
button,select {
text-transform: none
}
button,[type="button"],[type="reset"],[type="submit"] {
-webkit-appearance: button
}
button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0
}
button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText
}
fieldset {
padding: .35em .75em .625em
}
legend {
-webkit-box-sizing: border-box;
box-sizing: border-box;
color: inherit;
display: table;
max-width: 100%;
padding: 0;
white-space: normal
}
progress {
vertical-align: baseline
}
textarea {
overflow: auto
}
[type="checkbox"],[type="radio"] {
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 0
}
[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button {
height: auto
}
[type="search"] {
-webkit-appearance: textfield;
outline-offset: -2px
}
[type="search"]::-webkit-search-decoration {
-webkit-appearance: none
}
::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit
}
details {
display: block
}
summary {
display: list-item
}
template {
display: none
}
[hidden] {
display: none
}
.slick-loading .slick-list {
background: #fff url("./ajax-loader.gif") center center no-repeat
}
@font-face {
font-family: "slick";
src: url("./fonts/slick.eot");
src: url("./fonts/slick.eot?#iefix") format("embedded-opentype"),url("./fonts/slick.woff") format("woff"),url("./fonts/slick.ttf") format("truetype"),url("./fonts/slick.svg#slick") format("svg");
font-weight: normal;
font-style: normal
}
.slick-prev,.slick-next {
position: absolute;
display: block;
height: 20px;
width: 20px;
line-height: 0;
font-size: 0;
cursor: pointer;
background: transparent;
color: transparent;
top: 50%;
-webkit-transform: translate(0,-50%);
-ms-transform: translate(0,-50%);
transform: translate(0,-50%);
padding: 0;
border: 0;
outline: 0
}
.slick-prev:hover,.slick-prev:focus,.slick-next:hover,.slick-next:focus {
outline: 0;
background: transparent;
color: transparent
}
.slick-prev:hover:before,.slick-prev:focus:before,.slick-next:hover:before,.slick-next:focus:before {
opacity: 1
}
.slick-prev.slick-disabled:before,.slick-next.slick-disabled:before {
opacity: .25
}
.slick-prev:before,.slick-next:before {
font-family: "slick";
font-size: 20px;
line-height: 1;
color: #fff;
opacity: .75;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
.slick-prev {
left: -25px
}
[dir="rtl"] .slick-prev {
left: auto;
right: -25px
}
.slick-prev:before {
content: "←"
}
[dir="rtl"] .slick-prev:before {
content: "→"
}
.slick-next {
right: -25px
}
[dir="rtl"] .slick-next {
left: -25px;
right: auto
}
.slick-next:before {
content: "→"
}
[dir="rtl"] .slick-next:before {
content: "←"
}
.slick-dotted.slick-slider {
margin-bottom: 30px
}
.slick-dots {
position: absolute;
bottom: -25px;
list-style: none;
display: block;
text-align: center;
padding: 0;
margin: 0;
width: 100%
}
.slick-dots li {
position: relative;
display: inline-block;
height: 20px;
width: 20px;
margin: 0 5px;
padding: 0;
cursor: pointer
}
.slick-dots li button {
border: 0;
background: transparent;
display: block;
height: 20px;
width: 20px;
outline: 0;
line-height: 0;
font-size: 0;
color: transparent;
padding: 5px;
cursor: pointer
}
.slick-dots li button:hover,.slick-dots li button:focus {
outline: 0
}
.slick-dots li button:hover:before,.slick-dots li button:focus:before {
opacity: 1
}
.slick-dots li button:before {
position: absolute;
top: 0;
left: 0;
content: "•";
width: 20px;
height: 20px;
font-family: "slick";
font-size: 6px;
line-height: 20px;
text-align: center;
color: #000;
opacity: .25;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
.slick-dots li.slick-active button:before {
color: #000;
opacity: .75
}
.slick-slider {
position: relative;
display: block;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent
}
.slick-list {
position: relative;
overflow: hidden;
display: block;
margin: 0;
padding: 0
}
.slick-list:focus {
outline: 0
}
.slick-list.dragging {
cursor: pointer;
cursor: hand
}
.slick-slider .slick-track,.slick-slider .slick-list {
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0)
}
.slick-track {
position: relative;
left: 0;
top: 0;
display: block;
margin-left: auto;
margin-right: auto
}
.slick-track:before,.slick-track:after {
content: "";
display: table
}
.slick-track:after {
clear: both
}
.slick-loading .slick-track {
visibility: hidden
}
.slick-slide {
float: left;
height: 100%;
min-height: 1px;
display: none
}
[dir="rtl"] .slick-slide {
float: right
}
.slick-slide img {
display: block
}
.slick-slide.slick-loading img {
display: none
}
.slick-slide.dragging img {
pointer-events: none
}
.slick-initialized .slick-slide {
display: block
}
.slick-loading .slick-slide {
visibility: hidden
}
.slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent
}
.slick-arrow.slick-hidden {
display: none
}
.slick-next {
right: 25px
}
.slick-prev {
left: 25px;
z-index: 1
}
.hero .container {
position: relative
}
.hero .container .slick-prev-custom {
cursor: pointer;
position: absolute;
z-index: 1;
top: 15vw;
top: calc(25vw - 60px);
right: 20px;
margin-top: 20px
}
.hero .container .slick-next-custom {
cursor: pointer;
position: absolute;
z-index: 1;
top: 25vw;
right: 20px
}
.intro__slider img {
height: auto
}
.intro .slick-prev-custom-intro {
cursor: pointer;
position: absolute;
z-index: 1;
left: calc(50% - 30px);
bottom: 10px
}
.intro .slick-next-custom-intro {
cursor: pointer;
position: absolute;
z-index: 1;
bottom: 50px;
left: calc(50% - 30px)
}
.intro__image {
position: relative
}
.teaserbig__slider {
max-width: 325px
}
.teaserbig__slider img {
width: 100%;
height: auto
}
.teaserbig__slidernav {
position: absolute;
left: 0;
right: 0;
bottom: 0;
z-index: 1;
max-width: 325px
}
.teaserbig .slick-prev-custom-teaser {
cursor: pointer;
position: absolute;
z-index: 1;
right: 15px;
bottom: 10px
}
.teaserbig .slick-next-custom-teaser {
cursor: pointer;
position: absolute;
z-index: 1;
bottom: 50px;
right: 15px
}
.slick-prev-gallery {
cursor: pointer;
position: absolute;
left: 20px;
z-index: 1;
top: calc(50% - 10px)
}
.slick-next-gallery {
cursor: pointer;
position: absolute;
right: 20px;
z-index: 1;
top: calc(50% - 10px)
}
body.fancybox-active {
overflow: hidden
}
body.fancybox-iosfix {
position: fixed;
left: 0;
right: 0
}
.fancybox-is-hidden {
position: absolute;
top: -9999px;
left: -9999px;
visibility: hidden
}
.fancybox-container {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 99992;
-webkit-tap-highlight-color: transparent;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform: translateZ(0);
transform: translateZ(0);
font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"
}
.fancybox-outer,.fancybox-inner,.fancybox-bg,.fancybox-stage {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0
}
.fancybox-outer {
overflow-y: auto;
-webkit-overflow-scrolling: touch
}
.fancybox-bg {
background: #1e1e1e;
opacity: 0;
-webkit-transition-duration: inherit;
-o-transition-duration: inherit;
transition-duration: inherit;
-webkit-transition-property: opacity;
-o-transition-property: opacity;
transition-property: opacity;
-webkit-transition-timing-function: cubic-bezier(0.47,0,0.74,0.71);
-o-transition-timing-function: cubic-bezier(0.47,0,0.74,0.71);
transition-timing-function: cubic-bezier(0.47,0,0.74,0.71)
}
.fancybox-is-open .fancybox-bg {
opacity: .87;
-webkit-transition-timing-function: cubic-bezier(0.22,0.61,0.36,1);
-o-transition-timing-function: cubic-bezier(0.22,0.61,0.36,1);
transition-timing-function: cubic-bezier(0.22,0.61,0.36,1)
}
.fancybox-infobar,.fancybox-toolbar,.fancybox-caption-wrap {
position: absolute;
direction: ltr;
z-index: 99997;
opacity: 0;
visibility: hidden;
-webkit-transition: opacity .25s,visibility 0s linear .25s;
-o-transition: opacity .25s,visibility 0s linear .25s;
transition: opacity .25s,visibility 0s linear .25s;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.fancybox-show-infobar .fancybox-infobar,.fancybox-show-toolbar .fancybox-toolbar,.fancybox-show-caption .fancybox-caption-wrap {
opacity: 1;
visibility: visible;
-webkit-transition: opacity .25s,visibility 0s;
-o-transition: opacity .25s,visibility 0s;
transition: opacity .25s,visibility 0s
}
.fancybox-infobar {
top: 0;
left: 0;
font-size: 13px;
padding: 0 10px;
height: 44px;
min-width: 44px;
line-height: 44px;
color: #ccc;
text-align: center;
pointer-events: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-webkit-tap-highlight-color: transparent;
-webkit-font-smoothing: subpixel-antialiased;
mix-blend-mode: exclusion
}
.fancybox-toolbar {
top: 0;
right: 0;
margin: 0;
padding: 0
}
.fancybox-stage {
overflow: hidden;
direction: ltr;
z-index: 99994;
-webkit-transform: translate3d(0,0,0)
}
.fancybox-is-closing .fancybox-stage {
overflow: visible
}
.fancybox-slide {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
margin: 0;
padding: 0;
overflow: auto;
outline: 0;
white-space: normal;
-webkit-box-sizing: border-box;
box-sizing: border-box;
text-align: center;
z-index: 99994;
-webkit-overflow-scrolling: touch;
display: none;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transition-property: opacity,-webkit-transform;
transition-property: opacity,-webkit-transform;
-o-transition-property: transform,opacity;
transition-property: transform,opacity;
transition-property: transform,opacity,-webkit-transform
}
.fancybox-slide::before {
content: '';
display: inline-block;
vertical-align: middle;
height: 100%;
width: 0
}
.fancybox-is-sliding .fancybox-slide,.fancybox-slide--previous,.fancybox-slide--current,.fancybox-slide--next {
display: block
}
.fancybox-slide--image {
overflow: visible
}
.fancybox-slide--image::before {
display: none
}
.fancybox-slide--video .fancybox-content,.fancybox-slide--video iframe {
background: #000
}
.fancybox-slide--map .fancybox-content,.fancybox-slide--map iframe {
background: #e5e3df
}
.fancybox-slide--next {
z-index: 99995
}
.fancybox-slide>* {
display: inline-block;
position: relative;
padding: 24px;
margin: 44px 0 44px;
border-width: 0;
vertical-align: middle;
text-align: left;
background-color: #fff;
overflow: auto;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.fancybox-slide>title,.fancybox-slide>style,.fancybox-slide>meta,.fancybox-slide>link,.fancybox-slide>script,.fancybox-slide>base {
display: none
}
.fancybox-slide .fancybox-image-wrap {
position: absolute;
top: 0;
left: 0;
margin: 0;
padding: 0;
border: 0;
z-index: 99995;
background: transparent;
cursor: default;
overflow: visible;
-webkit-transform-origin: top left;
-ms-transform-origin: top left;
transform-origin: top left;
background-size: 100% 100%;
background-repeat: no-repeat;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-transition-property: opacity,-webkit-transform;
transition-property: opacity,-webkit-transform;
-o-transition-property: transform,opacity;
transition-property: transform,opacity;
transition-property: transform,opacity,-webkit-transform
}
.fancybox-can-zoomOut .fancybox-image-wrap {
cursor: -webkit-zoom-out;
cursor: zoom-out
}
.fancybox-can-zoomIn .fancybox-image-wrap {
cursor: -webkit-zoom-in;
cursor: zoom-in
}
.fancybox-can-drag .fancybox-image-wrap {
cursor: -webkit-grab;
cursor: grab
}
.fancybox-is-dragging .fancybox-image-wrap {
cursor: -webkit-grabbing;
cursor: grabbing
}
.fancybox-image,.fancybox-spaceball {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
margin: 0;
padding: 0;
border: 0;
max-width: none;
max-height: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.fancybox-spaceball {
z-index: 1
}
.fancybox-slide--iframe .fancybox-content {
padding: 0;
width: 80%;
height: 80%;
max-width: calc(100% - 100px);
max-height: calc(100% - 88px);
overflow: visible;
background: #fff
}
.fancybox-iframe {
display: block;
margin: 0;
padding: 0;
border: 0;
width: 100%;
height: 100%;
background: #fff
}
.fancybox-error {
margin: 0;
padding: 40px;
width: 100%;
max-width: 380px;
background: #fff;
cursor: default
}
.fancybox-error p {
margin: 0;
padding: 0;
color: #444;
font-size: 16px;
line-height: 20px
}
.fancybox-button {
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: inline-block;
vertical-align: top;
width: 44px;
height: 44px;
margin: 0;
padding: 10px;
border: 0;
border-radius: 0;
background: rgba(30,30,30,0.6);
-webkit-transition: color .3s ease;
-o-transition: color .3s ease;
transition: color .3s ease;
cursor: pointer;
outline: 0
}
.fancybox-button,.fancybox-button:visited,.fancybox-button:link {
color: #ccc
}
.fancybox-button:focus,.fancybox-button:hover {
color: #fff
}
.fancybox-button[disabled] {
color: #ccc;
cursor: default;
opacity: .6
}
.fancybox-button svg {
display: block;
position: relative;
overflow: visible;
shape-rendering: geometricPrecision
}
.fancybox-button svg path {
fill: currentColor;
stroke: currentColor;
stroke-linejoin: round;
stroke-width: 3
}
.fancybox-button--share svg path {
stroke-width: 1
}
.fancybox-button--play svg path:nth-child(2) {
display: none
}
.fancybox-button--pause svg path:nth-child(1) {
display: none
}
.fancybox-button--zoom svg path {
fill: transparent
}
.fancybox-navigation {
display: none
}
.fancybox-show-nav .fancybox-navigation {
display: block
}
.fancybox-navigation button {
position: absolute;
top: 50%;
margin: -50px 0 0 0;
z-index: 99997;
background: transparent;
width: 60px;
height: 100px;
padding: 17px
}
.fancybox-navigation button:before {
content: "";
position: absolute;
top: 30px;
right: 10px;
width: 40px;
height: 40px;
background: rgba(30,30,30,0.6)
}
.fancybox-navigation .fancybox-button--arrow_left {
left: 0
}
.fancybox-navigation .fancybox-button--arrow_right {
right: 0
}
.fancybox-close-small {
position: absolute;
top: 0;
right: 0;
width: 40px;
height: 40px;
padding: 0;
margin: 0;
border: 0;
border-radius: 0;
background: transparent;
z-index: 10;
cursor: pointer
}
.fancybox-close-small:after {
content: '×';
position: absolute;
top: 5px;
right: 5px;
width: 30px;
height: 30px;
font: 22px/30px Arial,"Helvetica Neue",Helvetica,sans-serif;
color: #888;
font-weight: 300;
text-align: center;
border-radius: 50%;
border-width: 0;
background-color: transparent;
-webkit-transition: background-color .25s;
-o-transition: background-color .25s;
transition: background-color .25s;
-webkit-box-sizing: border-box;
box-sizing: border-box;
z-index: 2
}
.fancybox-close-small:focus {
outline: 0
}
.fancybox-close-small:focus:after {
outline: 1px dotted #888
}
.fancybox-close-small:hover:after {
color: #555;
background: #eee
}
.fancybox-slide--image .fancybox-close-small,.fancybox-slide--iframe .fancybox-close-small {
top: 0;
right: -40px
}
.fancybox-slide--image .fancybox-close-small:after,.fancybox-slide--iframe .fancybox-close-small:after {
font-size: 35px;
color: #aaa
}
.fancybox-slide--image .fancybox-close-small:hover:after,.fancybox-slide--iframe .fancybox-close-small:hover:after {
color: #fff;
background: transparent
}
.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-drag .fancybox-close-small {
display: none
}
.fancybox-caption-wrap {
bottom: 0;
left: 0;
right: 0;
padding: 60px 2vw 0 2vw;
background: -webkit-gradient(linear,left top,left bottom,from(transparent),color-stop(20%,rgba(0,0,0,0.1)),color-stop(40%,rgba(0,0,0,0.2)),color-stop(80%,rgba(0,0,0,0.6)),to(rgba(0,0,0,0.8)));
background: -o-linear-gradient(top,transparent 0,rgba(0,0,0,0.1) 20%,rgba(0,0,0,0.2) 40%,rgba(0,0,0,0.6) 80%,rgba(0,0,0,0.8) 100%);
background: linear-gradient(to bottom,transparent 0,rgba(0,0,0,0.1) 20%,rgba(0,0,0,0.2) 40%,rgba(0,0,0,0.6) 80%,rgba(0,0,0,0.8) 100%);
pointer-events: none
}
.fancybox-caption {
padding: 30px 0;
border-top: 1px solid rgba(255,255,255,0.4);
font-size: 14px;
color: #fff;
line-height: 20px;
-webkit-text-size-adjust: none
}
.fancybox-caption a,.fancybox-caption button,.fancybox-caption select {
pointer-events: all;
position: relative
}
.fancybox-caption a {
color: #fff;
text-decoration: underline
}
.fancybox-slide>.fancybox-loading {
border: 6px solid rgba(100,100,100,0.4);
border-top: 6px solid rgba(255,255,255,0.6);
border-radius: 100%;
height: 50px;
width: 50px;
-webkit-animation: fancybox-rotate .8s infinite linear;
animation: fancybox-rotate .8s infinite linear;
background: transparent;
position: absolute;
top: 50%;
left: 50%;
margin-top: -30px;
margin-left: -30px;
z-index: 99999
}
@-webkit-keyframes fancybox-rotate {from {
-webkit-transform: rotate(0);
transform: rotate(0)
}
to {
-webkit-transform: rotate(359deg);
transform: rotate(359deg)
}

}
@keyframes fancybox-rotate {from {
-webkit-transform: rotate(0);
transform: rotate(0)
}
to {
-webkit-transform: rotate(359deg);
transform: rotate(359deg)
}

}
.fancybox-animated {
-webkit-transition-timing-function: cubic-bezier(0,0,0.25,1);
-o-transition-timing-function: cubic-bezier(0,0,0.25,1);
transition-timing-function: cubic-bezier(0,0,0.25,1)
}
.fancybox-fx-slide.fancybox-slide--previous {
-webkit-transform: translate3d(-100%,0,0);
transform: translate3d(-100%,0,0);
opacity: 0
}
.fancybox-fx-slide.fancybox-slide--next {
-webkit-transform: translate3d(100%,0,0);
transform: translate3d(100%,0,0);
opacity: 0
}
.fancybox-fx-slide.fancybox-slide--current {
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
opacity: 1
}
.fancybox-fx-fade.fancybox-slide--previous,.fancybox-fx-fade.fancybox-slide--next {
opacity: 0;
-webkit-transition-timing-function: cubic-bezier(0.19,1,0.22,1);
-o-transition-timing-function: cubic-bezier(0.19,1,0.22,1);
transition-timing-function: cubic-bezier(0.19,1,0.22,1)
}
.fancybox-fx-fade.fancybox-slide--current {
opacity: 1
}
.fancybox-fx-zoom-in-out.fancybox-slide--previous {
-webkit-transform: scale3d(1.5,1.5,1.5);
transform: scale3d(1.5,1.5,1.5);
opacity: 0
}
.fancybox-fx-zoom-in-out.fancybox-slide--next {
-webkit-transform: scale3d(0.5,0.5,0.5);
transform: scale3d(0.5,0.5,0.5);
opacity: 0
}
.fancybox-fx-zoom-in-out.fancybox-slide--current {
-webkit-transform: scale3d(1,1,1);
transform: scale3d(1,1,1);
opacity: 1
}
.fancybox-fx-rotate.fancybox-slide--previous {
-webkit-transform: rotate(-360deg);
-ms-transform: rotate(-360deg);
transform: rotate(-360deg);
opacity: 0
}
.fancybox-fx-rotate.fancybox-slide--next {
-webkit-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
opacity: 0
}
.fancybox-fx-rotate.fancybox-slide--current {
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1
}
.fancybox-fx-circular.fancybox-slide--previous {
-webkit-transform: scale3d(0,0,0) translate3d(-100%,0,0);
transform: scale3d(0,0,0) translate3d(-100%,0,0);
opacity: 0
}
.fancybox-fx-circular.fancybox-slide--next {
-webkit-transform: scale3d(0,0,0) translate3d(100%,0,0);
transform: scale3d(0,0,0) translate3d(100%,0,0);
opacity: 0
}
.fancybox-fx-circular.fancybox-slide--current {
-webkit-transform: scale3d(1,1,1) translate3d(0,0,0);
transform: scale3d(1,1,1) translate3d(0,0,0);
opacity: 1
}
.fancybox-fx-tube.fancybox-slide--previous {
-webkit-transform: translate3d(-100%,0,0) scale(0.1) skew(-10deg);
transform: translate3d(-100%,0,0) scale(0.1) skew(-10deg)
}
.fancybox-fx-tube.fancybox-slide--next {
-webkit-transform: translate3d(100%,0,0) scale(0.1) skew(10deg);
transform: translate3d(100%,0,0) scale(0.1) skew(10deg)
}
.fancybox-fx-tube.fancybox-slide--current {
-webkit-transform: translate3d(0,0,0) scale(1);
transform: translate3d(0,0,0) scale(1)
}
.fancybox-share {
padding: 30px;
border-radius: 3px;
background: #f4f4f4;
max-width: 90%;
text-align: center
}
.fancybox-share h1 {
color: #222;
margin: 0 0 20px 0;
font-size: 35px;
font-weight: 700
}
.fancybox-share p {
margin: 0;
padding: 0
}
p.fancybox-share__links {
margin-right: -10px
}
.fancybox-share__button {
display: inline-block;
text-decoration: none;
margin: 0 10px 10px 0;
padding: 0 15px;
min-width: 130px;
border: 0;
border-radius: 3px;
background: #fff;
white-space: nowrap;
font-size: 14px;
font-weight: 700;
line-height: 40px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
color: #fff;
-webkit-transition: all .2s;
-o-transition: all .2s;
transition: all .2s
}
.fancybox-share__button:hover {
text-decoration: none
}
.fancybox-share__button--fb {
background: #3b5998
}
.fancybox-share__button--fb:hover {
background: #344e86
}
.fancybox-share__button--pt {
background: #bd081d
}
.fancybox-share__button--pt:hover {
background: #aa0719
}
.fancybox-share__button--tw {
background: #1da1f2
}
.fancybox-share__button--tw:hover {
background: #0d95e8
}
.fancybox-share__button svg {
position: relative;
top: -1px;
width: 25px;
height: 25px;
margin-right: 7px;
vertical-align: middle
}
.fancybox-share__button svg path {
fill: #fff
}
.fancybox-share__input {
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
margin: 10px 0 0 0;
padding: 10px 15px;
background: transparent;
color: #5d5b5b;
font-size: 14px;
outline: 0;
border: 0;
border-bottom: 2px solid #d7d7d7
}
.fancybox-thumbs {
display: none;
position: absolute;
top: 0;
bottom: 0;
right: 0;
width: 212px;
margin: 0;
padding: 2px 2px 4px 2px;
background: #fff;
-webkit-tap-highlight-color: transparent;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar;
-webkit-box-sizing: border-box;
box-sizing: border-box;
z-index: 99995
}
.fancybox-thumbs-x {
overflow-y: hidden;
overflow-x: auto
}
.fancybox-show-thumbs .fancybox-thumbs {
display: block
}
.fancybox-show-thumbs .fancybox-inner {
right: 212px
}
.fancybox-thumbs>ul {
list-style: none;
position: absolute;
position: relative;
width: 100%;
height: 100%;
margin: 0;
padding: 0;
overflow-x: hidden;
overflow-y: auto;
font-size: 0;
white-space: nowrap
}
.fancybox-thumbs-x>ul {
overflow: hidden
}
.fancybox-thumbs-y>ul::-webkit-scrollbar {
width: 7px
}
.fancybox-thumbs-y>ul::-webkit-scrollbar-track {
background: #fff;
border-radius: 10px;
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
box-shadow: inset 0 0 6px rgba(0,0,0,0.3)
}
.fancybox-thumbs-y>ul::-webkit-scrollbar-thumb {
background: #2a2a2a;
border-radius: 10px
}
.fancybox-thumbs>ul>li {
float: left;
overflow: hidden;
padding: 0;
margin: 2px;
width: 100px;
height: 75px;
max-width: calc(50% - 4px);
max-height: calc(100% - 8px);
position: relative;
cursor: pointer;
outline: 0;
-webkit-tap-highlight-color: transparent;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
li.fancybox-thumbs-loading {
background: rgba(0,0,0,0.1)
}
.fancybox-thumbs>ul>li>img {
position: absolute;
top: 0;
left: 0;
max-width: none;
max-height: none;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.fancybox-thumbs>ul>li:before {
content: '';
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
border: 4px solid #4ea7f9;
z-index: 99991;
opacity: 0;
-webkit-transition: all .2s cubic-bezier(0.25,0.46,0.45,0.94);
-o-transition: all .2s cubic-bezier(0.25,0.46,0.45,0.94);
transition: all .2s cubic-bezier(0.25,0.46,0.45,0.94)
}
.fancybox-thumbs>ul>li.fancybox-thumbs-active:before {
opacity: 1
}
@font-face {
font-family: 'AutoradiographicLt-Regular';
src: url("../fonts/AutoradiographicLt-Regular.woff2") format("woff2"),url("../fonts/AutoradiographicLt-Regular.woff") format("woff"),url("../fonts/AutoradiographicLt-Regular.ttf") format("truetype"),url("../fonts/AutoradiographicLt-Regular.svg#AutoradiographicLt-Regular") format("svg"),url("../fonts/AutoradiographicLt-Regular.eot?#iefix") format("embedded-opentype");
font-weight: normal;
font-style: normal
}
@font-face {
font-family: 'AutoradiographicRg-Regular';
src: url("../fonts/AutoradiographicRg-Regular.woff2") format("woff2"),url("../fonts/AutoradiographicRg-Regular.woff") format("woff"),url("../fonts/AutoradiographicRg-Regular.ttf") format("truetype"),url("../fonts/AutoradiographicRg-Regular.svg#AutoradiographicRg-Regular") format("svg"),url("../fonts/AutoradiographicRg-Regular.eot?#iefix") format("embedded-opentype");
font-weight: normal;
font-style: normal
}
html {
-webkit-box-sizing: border-box;
box-sizing: border-box
}
*,*::before,*::after {
-webkit-box-sizing: inherit;
box-sizing: inherit
}
:root {
font-family: "AutoradiographicLt-Regular",sans-serif;
font-size: 16px;
color: #6c6c6c;
letter-spacing: .1em;
line-height: 1.6
}
body {
min-height: 100vh;
color: #6c6c6c;
background: #fff;
-webkit-font-smoothing: antialiased;
-webkit-text-size-adjust: 100%
}
h1,h2,h3,h4,h5 {
margin: 0;
padding: 0;
font-weight: normal;
font-style: normal;
font-family: "AutoradiographicRg-Regular",sans-serif
}
h1,.h1 {
color: #6c6c6c;
font-size: 2.1875rem;
line-height: 2.625rem;
letter-spacing: .15em;
font-family: "AutoradiographicRg-Regular",sans-serif;
text-transform: uppercase;
padding-bottom: 2.625rem
}
h2,.h2 {
color: #6c6c6c;
font-size: 1.125rem;
line-height: 1.6875rem;
letter-spacing: .1em;
font-family: "AutoradiographicRg-Regular",sans-serif;
text-transform: uppercase
}
h3,.h3 {
color: #333;
font-size: 2rem
}
p {
font-size: 1.125rem;
margin: 0 0 1em 0;
padding: 0;
letter-spacing: .1em;
line-height: 1.6875rem
}
p:last-of-type {
margin-bottom: 0
}
a {
text-decoration: underline;
-webkit-transition: all .4s;
-o-transition: all .4s;
transition: all .4s;
color: inherit
}
a:hover {
color: #a58056
}
ul,ol {
margin: 0 0 1em 0;
padding: 0 0 0 1em;
font-size: 1.125rem
}
ul {
list-style: disc
}
ol {
list-style: lower-alpha
}
img {
display: block
}
strong {
font-weight: bold
}
figure {
margin: 0
}
.nospace {
padding: 0;
margin: 0
}
.clearfix::after {
clear: both;
content: '';
display: table
}
html.freeze,body.freeze {
overflow: hidden;
height: 100vh
}
.container {
max-width: 1920px;
margin-left: auto;
margin-right: auto;
padding-left: 20px;
padding-right: 20px;
width: 100%
}
.hide-text {
overflow: hidden;
padding: 0;
text-indent: 101%;
white-space: nowrap
}
.visually-hidden {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px
}
.brandmain {
color: #333
}
.brandsub {
color: #a58056
}
.spanblock {
display: inline-block;
width: 40px
}
.img-resp {
width: 100%;
height: auto
}
.aside {
display: none;
position: fixed;
z-index: 9000;
background-color: white;
top: 0;
width: 100%;
height: 100vh;
padding: 2rem 20px 3rem 20px
}
.aside__logo img {
width: 125px;
margin: 0 auto 2rem
}
.aside__close {
position: absolute;
right: 35px;
width: 25px;
top: 48px
}
.aside nav {
text-align: center;
padding-top: 20%
}
.aside nav ul {
list-style: none;
margin: 0;
padding: 0
}
.aside nav ul a {
text-decoration: none;
text-transform: uppercase;
font-size: 1.125rem;
line-height: 2.375rem;
letter-spacing: .15em;
font-family: "AutoradiographicRg-Regular",sans-serif
}
.scrolltotop {
width: 56px;
height: 56px;
border-radius: 50%;
position: fixed;
bottom: 20px;
right: 20px;
display: none;
text-indent: -9999px;
background-color: #a58056;
z-index: 100;
cursor: pointer
}
.scrolltotop img {
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
position: absolute;
right: 19px;
top: 13px
}
.hero {
position: relative
}
.hero__slide {
position: relative
}
.hero__slide img {
width: 100%
}
.hero__headline {
position: absolute;
bottom: 5vw;
margin: 0 auto;
padding-bottom: 0
}
.hero__scrolldownsvg {
margin: 10px auto;
display: block;
width: 30px;
height: 30px;
fill: #333
}
.headline__inner {
max-width: 900px;
margin: 0 auto
}
.headline__inner h1 {
padding: 0;
text-align: center
}
.intro {
background-color: #f5f5f5
}
.intro .container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end
}
.intro__content {
width: 50%;
padding-left: 10%;
padding-right: 80px;
position: relative
}
.intro__content ul {
margin-top: 20px;
list-style: none;
margin-left: 20px;
margin-bottom: 0;
padding-left: 0
}
.intro__content ul li {
position: relative
}
.intro__content ul li:before {
content: "— ";
padding-right: 5px;
text-decoration: none;
display: inline-block;
font-family: "AutoradiographicRg-Regular",sans-serif
}
.intro__content li {
padding-left: 0;
text-indent: -9px;
padding-bottom: 3px
}
.intro__content a {
word-break: break-word
}
.intro__contentmore {
position: absolute;
right: 0;
bottom: 0;
-webkit-transition: .4s;
-o-transition: .4s;
transition: .4s
}
.intro__contentmore:hover {
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg)
}
.intro__image {
width: 50%
}
.intro__slider {
padding-top: 2rem;
width: 50%
}
.intro__imageheadline {
-ms-writing-mode: tb-rl;
-webkit-writing-mode: tb-rl;
writing-mode: tb-rl;
-webkit-transform: rotate(-180deg);
-ms-transform: rotate(-180deg);
transform: rotate(-180deg);
display: inline-block
}
.socialmedia__list {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.socialmedia__item svg {
display: block;
width: 30px;
height: 30px;
fill: #000;
margin: 5px
}
.teaser {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
background-color: #6c6c6c;
color: #fff
}
.teaser__left {
background-image: url(../img/teaser-dummy-left.jpg);
background-repeat: no-repeat;
background-size: cover;
width: 50%;
color: #fff
}
.teaser__right {
width: 50%
}
.teaser__leftinner {
max-width: 960px;
padding: 0 10% 0 20px
}
.teaser__rightinner {
max-width: 960px;
padding: 0
}
.teaser__leftinner {
margin-left: auto
}
.teaser__leftcontent {
margin-top: 10vw;
padding-left: 10%;
border-left: 1px solid white
}
.teaser__leftcontent p {
position: relative;
top: -5px
}
.teaser__rightcontent {
margin-left: 20%;
margin-top: 10vw;
padding-left: 10%;
padding-right: 80px;
border-left: 1px solid white
}
.teaser__rightcontent p {
position: relative;
top: -5px
}
.teaser__righthead {
padding-left: 20%
}
.teaser h2 {
color: white
}
.teaserbig {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
background-color: #f5f5f5;
overflow: hidden
}
.teaserbig .container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end
}
.teaserbig__left {
background-color: #f5f5f5;
width: 30%
}
.teaserbig__left img {
width: 100%;
height: auto
}
.teaserbig__right {
width: 40%
}
.teaserbig__imageheadline {
-ms-writing-mode: tb-rl;
-webkit-writing-mode: tb-rl;
writing-mode: tb-rl;
-webkit-transform: rotate(-180deg);
-ms-transform: rotate(-180deg);
transform: rotate(-180deg);
position: absolute;
left: 0;
bottom: 10px
}
.teaserbig__image {
width: 70%;
position: relative;
margin-left: 10%;
padding-right: 5%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end
}
.teaserbig__image::after {
position: absolute;
content: " ";
left: 100%;
width: 50vw;
background-color: white;
height: 100%;
top: 0;
bottom: 0;
z-index: -1
}
.teaserbig__image>img {
padding-top: 2rem;
width: 40%
}
.teaserbig__imagetext {
padding-left: 20px
}
.teaserbig__imagetext ul {
margin-top: 20px;
list-style: none;
margin-left: 20px;
padding-left: 0
}
.teaserbig__imagetext ul li {
position: relative
}
.teaserbig__imagetext ul li:before {
content: "— ";
padding-right: 5px;
text-decoration: none;
display: inline-block;
font-family: "AutoradiographicRg-Regular",sans-serif
}
.teaserbig__imagetext li {
padding-left: 0;
text-indent: -9px;
padding-bottom: 3px
}
.teaserbig__imagetext a {
word-break: break-word
}
.teaserbig__sliderouter {
position: relative;
padding-top: 2rem;
width: 40%
}
.teaserbig__imagetextmore {
width: 55px;
height: 55px;
position: absolute;
right: 0;
bottom: 5rem;
margin-top: 2rem;
-webkit-transition: .4s;
-o-transition: .4s;
transition: .4s
}
.teaserbig__imagetextmore:hover {
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg)
}
.gallery__item {
position: relative
}
.gallery__item img {
width: 100%;
height: auto;
position: relative;
z-index: 1;
-webkit-transition: .4s;
-o-transition: .4s;
transition: .4s
}
.gallery__item::after {
content: " ";
width: 100%;
height: 100%;
position: absolute;
top: 0;
right: 0;
left: 0;
bottom: 0;
background-color: rgba(0,0,0,0.5);
-webkit-transition: .4s;
-o-transition: .4s;
transition: .4s;
z-index: 5
}
.gallery__item:hover img {
z-index: 5
}
.gallery__item:hover::after {
background-color: rgba(0,0,0,0);
z-index: 1
}
.kontakt__content {
padding: 3rem 0 3rem
}
.kontakt__content input.input,.kontakt__content textarea {
width: 100%;
border: 0;
border-bottom: 1px solid #333;
padding-bottom: .5rem;
border-radius: 0;
color: #333;
-webkit-transition: .4s;
-o-transition: .4s;
transition: .4s;
background-color: #fff
}
.kontakt__content input.input:focus,.kontakt__content textarea:focus {
outline: 0;
border-bottom-color: #a58056
}
.kontakt__content textarea {
height: 150px
}
.kontakt__content .submit,.kontakt__content .reset {
font-family: "AutoradiographicRg-Regular",sans-serif;
font-size: 1.125rem;
letter-spacing: .01em;
padding: 10px 15px 5px;
border: 1px solid #6c6c6c;
border-radius: 0;
width: 160px;
-webkit-transition: .4s;
-o-transition: .4s;
transition: .4s;
background-color: #fff;
color: #6c6c6c;
text-transform: uppercase;
cursor: pointer
}
.kontakt__content .submit:hover,.kontakt__content .reset:hover {
color: #a58056;
border-color: #a58056
}
.kontakt__text h1 {
font-family: "AutoradiographicLt-Regular",sans-serif
}
.kontakt .error {
color: red;
margin-top: 1rem;
margin-bottom: 1rem;
display: block
}
.testimonials {
background-color: #f5f5f5;
text-align: center
}
.testimonials .container {
position: relative
}
.testimonials .container .slick-slider {
position: unset
}
.testimonials__inner {
max-width: 800px;
margin: 0 auto
}
.testimonials__items {
padding: 0 40px
}
.testimonials__items .slick-prev-gallery {
left: 20px
}
.testimonials__items .slick-next-gallery {
right: 20px
}
.cta__inner {
text-align: center;
max-width: 900px;
margin: 0 auto
}
.cta__inner .h1 {
padding-bottom: 0;
text-align: center
}
.cta__inner a {
text-decoration: none;
border-bottom: 1px solid #6c6c6c
}
.map {
padding: 3rem 0
}
.map__inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.map__googlemap {
height: 300px;
width: 100%;
position: relative
}
.map__area {
width: 100%;
height: 100%
}
.grid {
margin: -20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.grid>* {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
-ms-flex-preferred-size: calc(33.3333% - 40px);
flex-basis: calc(33.3333% - 40px);
margin: 20px
}
.grid .col-1-3 {
-ms-flex-preferred-size: calc(33.33% - 40px);
flex-basis: calc(33.33% - 40px)
}
.grid .col-2-3 {
-ms-flex-preferred-size: calc(66.66% - 40px);
flex-basis: calc(66.66% - 40px)
}
.grid .col-1-2 {
-ms-flex-preferred-size: calc(50% - 40px);
flex-basis: calc(50% - 40px)
}
.grid .col-2-2 {
-ms-flex-preferred-size: calc(100% - 40px);
flex-basis: calc(100% - 40px)
}
.padding-top-1 {
padding-top: 1rem
}
.padding-top-2 {
padding-top: 2rem
}
.padding-top-3 {
padding-top: 3rem
}
.padding-top-4 {
padding-top: 4rem
}
.padding-top-5 {
padding-top: 5rem
}
.padding-top-7 {
padding-top: 7rem
}
.padding-top-10 {
padding-top: 10rem
}
.padding-bottom-1 {
padding-bottom: 1rem
}
.padding-bottom-2 {
padding-bottom: 2rem
}
.padding-bottom-3 {
padding-bottom: 3rem
}
.padding-bottom-4 {
padding-bottom: 4rem
}
.padding-bottom-5 {
padding-bottom: 5rem
}
.padding-bottom-7 {
padding-bottom: 7rem
}
.padding-bottom-10 {
padding-bottom: 10rem
}
.header {
position: fixed;
width: 100%;
top: 0;
padding-top: 63px;
z-index: 1000
}
.header .container {
position: relative
}
.header .nav {
-webkit-transition: .4s;
-o-transition: .4s;
transition: .4s;
-webkit-transform: translate(0,0);
-ms-transform: translate(0,0);
transform: translate(0,0);
position: absolute
}
.header .nav ul {
z-index: 2000;
position: relative;
list-style: none;
margin: 0;
padding: 20px
}
.header .nav ul li {
line-height: 1em;
margin-bottom: 20px
}
.header .nav ul li:last-child {
margin-bottom: 0
}
.header .nav ul li a {
text-decoration: none;
text-transform: uppercase;
font-size: 1.125rem;
letter-spacing: .15em;
font-family: "AutoradiographicRg-Regular",sans-serif
}
.header .nav.hidden {
-webkit-transform: translate(-300px,0);
-ms-transform: translate(-300px,0);
transform: translate(-300px,0)
}
.header .nav.scroll ul {
background: #fff
}
.header__buttons {
position: absolute;
z-index: 1000;
right: 20px;
top: 0;
margin-top: 20px;
-webkit-transition: .4s;
-o-transition: .4s;
transition: .4s
}
.header__buttons.scroll {
margin-top: 20px
}
.header__buttons img {
cursor: pointer
}
.header__menu {
margin-left: auto;
position: relative;
z-index: 3000;
-webkit-transition: .4s;
-o-transition: .4s;
transition: .4s
}
.header__menu:hover {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1)
}
.header__mail {
margin-left: auto;
position: relative;
top: 15px;
z-index: 3000;
-webkit-transition: .4s;
-o-transition: .4s;
transition: .4s
}
.header__mail:hover {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1)
}
.header__phone {
margin-left: auto;
position: relative;
top: 30px;
z-index: 3000;
-webkit-transition: .4s;
-o-transition: .4s;
transition: .4s
}
.header__phone:hover {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1)
}
.header__logo {
top: 83px;
position: relative;
width: 100%;
text-align: center
}
.header__logo a {
display: inline-block;
position: relative;
z-index: 1000
}
.mainnav {
padding: 20px 0;
background: #fff
}
.mainnav ul {
list-style: none;
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.mainnav ul li {
margin-right: 20px
}
.mainnav ul a {
text-decoration: none
}
.footer {
background-color: #6c6c6c;
color: white;
font-size: 1.125rem;
line-height: 1.6875rem;
letter-spacing: .1em
}
.footer__top {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.footer__name {
width: 30%;
margin-right: 30%
}
.footer__glossar ul {
list-style: none;
padding: 0;
margin: 0
}
.footer__bottom {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
padding-top: 5rem
}
.footer__headline {
font-size: 1.125rem;
line-height: 1.6875rem;
letter-spacing: .1em;
font-family: "AutoradiographicRg-Regular",sans-serif;
text-transform: uppercase;
padding-bottom: 1.6875rem
}
.footer__adress {
width: 60%;
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.footer__adress>div {
padding-right: 100px
}
.footer__adress span {
width: 40px;
display: inline-block;
font-family: "AutoradiographicRg-Regular",sans-serif
}
.footer a {
text-decoration: none
}
.standard {
overflow: hidden
}
.standard__head {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
position: relative
}
.standard__head img {
width: 30%
}
.standard__head h1 {
padding: 0;
font-size: 1.1875rem;
line-height: 1.625rem;
letter-spacing: .05em;
text-transform: uppercase;
position: relative;
bottom: -8px;
font-family: "AutoradiographicLt-Regular",sans-serif
}
.standard__headline {
width: 20%;
padding-left: 5%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
padding-right: 30px
}
.standard__quote {
width: 30%;
text-align: right;
position: absolute;
top: calc(100% + 100px);
font-size: 2.5rem;
line-height: 2.6875rem;
letter-spacing: .05em
}
.standard__quoteauthor {
padding-top: .5em;
font-size: 1.125rem;
line-height: 1.6875rem;
letter-spacing: .1em;
display: block
}
.standard__text {
width: 50%;
margin: 0 0 0 auto;
border-top: 1px solid #6c6c6c;
padding-right: 10%;
padding-top: 100px;
padding-bottom: 150px
}
.standard__text ul {
margin-top: 20px;
list-style: none;
margin-left: 20px;
padding-left: 0
}
.standard__text ul li {
position: relative
}
.standard__text ul li:before {
content: "— ";
padding-right: 5px;
text-decoration: none;
display: inline-block;
font-family: "AutoradiographicRg-Regular",sans-serif
}
.standard__text ol li {
text-indent: 0
}
.standard__text li {
padding-left: 0;
text-indent: -9px;
padding-bottom: 3px
}
.standard__text a {
word-break: break-word
}
.standard__imgbottom .container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
.standard__imgbottom .container img {
height: 425px;
width: auto
}
.standard__imgrandom {
position: absolute;
top: 100%;
left: 0;
width: 30%
}
.standard__imgrandom img {
width: 100%;
margin-top: 120px
}
.standard .container>div:nth-child(4n+3) {
width: 10%;
padding-right: 30px
}
.standard .container>div:nth-child(4n+4) {
width: 40%;
margin-left: 10%;
padding-right: 0
}
.standard .container>div:nth-child(4n+5) {
width: 50%;
padding-right: 30px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end
}
.standard__subheadline h2 {
display: inline;
font-size: 1.1875rem;
line-height: 1.625rem;
letter-spacing: .05em;
bottom: -8px;
position: relative;
font-family: "AutoradiographicLt-Regular",sans-serif
}
.textImage__item {
display: -ms-grid;
display: grid;
-ms-grid-columns: 4fr 40px 4fr;
grid-template-columns: 4fr 4fr;
grid-template-areas: "headline empty" "text image";
-moz-column-gap: 40px;
-webkit-column-gap: 40px;
column-gap: 40px;
padding: 40px 0
}
.textImage__headline {
-ms-grid-row: 1;
-ms-grid-column: 1;
position: relative;
grid-area: headline;
margin: 20px 0 40px 0
}
.textImage__item:nth-child(even)>.textImage__headline {
-ms-grid-row: 1;
-ms-grid-column: 2
}
.textImage__headline:after {
content: "";
position: absolute;
left: 0;
bottom: 0;
z-index: -1;
width: 100%;
height: 1px;
background: #6c6c6c
}
.textImage__headline h2 {
font-size: 1.1875rem;
line-height: 1.625rem;
letter-spacing: .05em;
bottom: -8px;
position: relative;
font-family: "AutoradiographicLt-Regular",sans-serif;
background: #fff;
padding-right: 20px;
width: 180px
}
.textImage__empty {
-ms-grid-row: 1;
-ms-grid-column: 3;
grid-area: empty
}
.textImage__item:nth-child(even)>.textImage__empty {
-ms-grid-row: 1;
-ms-grid-column: 1
}
.textImage__text {
-ms-grid-row: 2;
-ms-grid-column: 1;
grid-area: text;
padding: 0 60px 0 180px
}

.textImage__text ul {
margin-top: 20px;
list-style: none;
/*margin-left: 20px;*/
padding-left: 0
}
.textImage__text ul li {
padding-left: 25px;
position: relative
}
.textImage__text ul li:before {
content: "—";
text-decoration: none;
display: inline-block;
font-family: "AutoradiographicRg-Regular",sans-serif;
left: 0;
position: absolute;
top: 0;
}

.textImage__item:nth-child(even)>.textImage__text {
-ms-grid-row: 2;
-ms-grid-column: 2
}
.textImage__image {
-ms-grid-row: 2;
-ms-grid-column: 3;
grid-area: image;
max-width: 810px;
margin-left: auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end
}
.textImage__item:nth-child(even)>.textImage__image {
-ms-grid-row: 2;
-ms-grid-column: 1
}
.textImage__image img {
margin-top: -44px;
width: 100%
}
.textImage__item:nth-child(even) {
grid-template-areas: "empty headline" "image text"
}
.textImage__item:nth-child(even) .textImage__headline h2 {
margin-left: -180px
}
.textImage__item:nth-child(even) .textImage__text {
padding: 0 200px 0 0
}
.textImage__item:nth-child(even) .textImage__image {
max-width: 600px;
margin-left: 0
}
.textImage__item:nth-child(even) .textImage__image img {
width: 100%
}
@media(max-width:1640px) {.textImage__image img {
margin-top: 0
}

}
@media(max-width:1500px) {.standard__imgbottom .container img {
height: 275px;
width: auto
}

}
@media(max-width:1240px) {.teaser__righthead {
padding-left: 20px
}
.teaser__rightcontent {
margin-left: 20px
}
.footer__name {
width: 50%;
margin-right: 10%
}
.footer__adress>div {
padding-right: 50px
}

}
@media(max-width:1100px) {.intro__content {
width: 70%;
padding-left: 20px
}
.intro__image {
width: 30%
}
.intro__slider {
width: 100%
}
.teaserbig__left {
display: none
}
.teaserbig__image {
width: auto;
display: block;
margin-left: 0;
padding-right: 0
}
.teaserbig__image>img {
width: 50%
}
.teaserbig__image::after {
left: 60%
}
.teaserbig__content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse
}
.teaserbig__imageheadline {
position: relative;
-ms-writing-mode: inherit;
-webkit-writing-mode: inherit;
writing-mode: inherit;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
margin-top: 6rem
}
.teaserbig__imagetext {
position: relative;
left: auto;
bottom: auto;
width: auto;
padding-right: 60px;
padding-left: 0;
padding-top: 20px
}
.teaserbig__imagetextmore {
bottom: 0
}
.footer__bottom {
display: block
}
.footer__adress {
width: 100%
}
.footer__adress>div {
margin: 25px 0
}
.standard__head {
display: block;
padding-top: 7rem
}
.standard__head img {
width: 50%
}
.standard__headline {
padding: 3rem 0 0;
display: block
}
.standard__quote {
width: 50%;
bottom: auto;
top: 7rem;
left: 50%;
padding-left: 20px;
padding-right: 70px
}
.standard__text {
width: 70%
}
.standard__imgbottom .container img {
height: 200px;
width: auto
}
.standard__imgrandom {
display: none
}
.standard .container>div:nth-child(4n+4) {
width: 70%;
margin-left: 30%
}
.standard .container>div:nth-child(4n+3) {
width: 30%
}
.standard .container>div:nth-child(4n+5) {
width: 30%;
display: block
}
.textImage__text {
padding: 0
}
.textImage__item:nth-child(even) .textImage__text {
padding: 0 60px 0 0
}

}
@media(max-width:1023px) {.headline__inner {
max-width: none;
padding-right: 60px
}
.cta__inner {
max-width: none;
padding-right: 60px
}
.footer__adress {
display: block;
width: auto
}
.footer__adress>div {
padding-right: 0
}
.footer__bottom {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
.footer__bottom>div {
padding-bottom: 1rem
}

}
@media only screen and (max-width:1023px) {.grid>* {
-ms-flex-preferred-size: calc(50% - 40px);
flex-basis: calc(50% - 40px)
}
.grid .col-2-3 {
-ms-flex-preferred-size: calc(100% - 40px);
flex-basis: calc(100% - 40px)
}

}
@media all and (max-width:800px) {.fancybox-thumbs {
width: 110px
}
.fancybox-show-thumbs .fancybox-inner {
right: 110px
}
.fancybox-thumbs>ul>li {
max-width: calc(100% - 10px)
}

}
@media only screen and (max-width:768px) {.kontakt__text {
width: auto
}
.kontakt .intro .container {
display: block
}
.kontakt .intro__image {
display: none
}

}
@media(max-width:767px) {.hero .container .slick-prev-custom {
top: 0
}
.hero .container .slick-next-custom {
top: 50px
}
.hero .container .slick-arrow {
display: none !important
}
h1,.h1 {
font-size: 1.25rem;
line-height: 1.5rem
}
.intro .container {
display: block
}
.intro__content {
width: auto;
padding: 0 60px 0 0
}
.intro__imageheadline {
-ms-writing-mode: initial;
-webkit-writing-mode: initial;
writing-mode: initial;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0)
}
.intro__image {
width: 100%
}
.intro .slick-prev-custom-intro,.intro .slick-next-custom-intro {
left: 20px
}
.teaser {
display: block
}
.teaser__left {
width: auto
}
.teaser__leftcontent {
padding-right: 60px
}
.teaser__leftinner {
padding-right: 20px
}
.teaser__right {
width: auto
}
.teaser__righthead {
padding-left: 20px
}
.teaser__rightcontent {
margin-left: 20px
}
.header {
padding-top: 32px
}
.header__buttons {
margin-top: 0
}
.header__menu {
min-width: auto
}
.header__menu img {
display: block
}
.header .nav {
min-width: auto
}
.header .nav ul {
display: none
}
.header__logo {
top: 32px
}
.header__logo img {
width: 125px
}
.footer__top {
display: block
}
.footer__bottom {
display: block;
padding-top: 0
}
.footer__name {
width: auto
}
.footer__glossar {
width: auto;
padding-top: 2rem
}
.footer__headline {
padding-bottom: 1rem
}
.footer__adresscol>div {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.standard__head {
padding-top: 0;
padding-bottom: 3rem
}
.standard__head img {
width: 100%
}
.standard__headline {
position: absolute;
bottom: 0;
width: 50%;
padding-right: 5px
}
.standard__quote {
position: relative;
top: auto;
left: auto;
width: 100%;
font-size: 1.5rem;
line-height: 1.2;
padding-top: 1rem;
padding-bottom: 3rem
}
.standard__text {
padding-right: 60px;
width: 100%;
border-top: 0;
position: relative;
padding-bottom: 4rem
}
.standard__text::after {
content: "";
width: 50%;
border-top: 1px solid #6c6c6c;
position: absolute;
top: 0;
right: 0
}
.standard__imgbottom .container {
display: block
}
.standard__imgbottom .container img {
width: 100%;
height: auto;
margin-top: 20px
}
.standard .container>div:nth-child(4n+4) {
width: 100%;
margin: 0
}
.textImage__item {
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
grid-template-areas: "headline" "text" "image" "empty"
}
.textImage__text {
padding: 0 60px 20px 0
}
.textImage__headline {
-ms-grid-row: 1;
-ms-grid-column: 1
}
.textImage__empty {
-ms-grid-row: 4;
-ms-grid-column: 1
}
.textImage__text {
-ms-grid-row: 2;
-ms-grid-column: 1
}
.textImage__image {
-ms-grid-row: 3;
-ms-grid-column: 1
}
.textImage__item:nth-child(even) {
grid-template-areas: "headline" "text" "image" "empty"
}
.textImage__item:nth-child(even) .textImage__headline h2 {
margin-left: 0
}
.textImage__item:nth-child(even) .textImage__text {
padding: 0 60px 20px 0
}
.textImage__item:nth-child(even)>.textImage__headline {
-ms-grid-row: 1;
-ms-grid-column: 1
}
.textImage__item:nth-child(even)>.textImage__empty {
-ms-grid-row: 4;
-ms-grid-column: 1
}
.textImage__item:nth-child(even)>.textImage__text {
-ms-grid-row: 2;
-ms-grid-column: 1
}
.textImage__item:nth-child(even)>.textImage__image {
-ms-grid-row: 3;
-ms-grid-column: 1
}

}
@media only screen and (max-width:767px) {.kontakt__content .submit {
margin-bottom: 20px
}
.grid>* {
-ms-flex-preferred-size: calc(100% - 40px);
flex-basis: calc(100% - 40px)
}
.grid .col-1-2,.grid .col-1-3,.grid .col-2-3 {
-ms-flex-preferred-size: calc(100% - 40px);
flex-basis: calc(100% - 40px)
}

}
@media(max-width:600px) {.padding-top-10 {
padding-top: 7rem
}
.padding-top-7 {
padding-top: 5rem
}
.padding-top-5 {
padding-top: 3rem
}
.padding-top-4 {
padding-top: 2.5rem
}
.padding-top-3 {
padding-top: 2rem
}
.padding-top-2 {
padding-top: 1rem
}
.padding-bottom-10 {
padding-bottom: 7rem
}
.padding-bottom-7 {
padding-bottom: 5rem
}
.padding-bottom-5 {
padding-bottom: 3rem
}
.padding-bottom-4 {
padding-bottom: 2.5rem
}
.padding-bottom-3 {
padding-bottom: 2rem
}
.padding-bottom-2 {
padding-bottom: 1rem
}

}
@media(max-width:400px) {.padding-top-10 {
padding-top: 5rem
}
.padding-top-7 {
padding-top: 3rem
}
.padding-top-5 {
padding-top: 2rem
}
.padding-top-4 {
padding-top: 2rem
}
.padding-top-3 {
padding-top: 1.5rem
}
.padding-top-2 {
padding-top: 1rem
}
.padding-bottom-10 {
padding-bottom: 5rem
}
.padding-bottom-7 {
padding-bottom: 3rem
}
.padding-bottom-5 {
padding-bottom: 2rem
}
.padding-bottom-4 {
padding-bottom: 2rem
}
.padding-bottom-3 {padding-bottom: