@font-face {
font-family: iconfont;
src: url(//fluessigboden-owl.de/wp-content/themes/studio-r/dist/iconfont.32475679.ttf) format("truetype"), url(//fluessigboden-owl.de/wp-content/themes/studio-r/dist/iconfont.583b8496.woff) format("woff"), url(//fluessigboden-owl.de/wp-content/themes/studio-r/dist/iconfont.1c3684f4.svg#iconfont) format("svg");
font-weight: normal;
font-style: normal;
font-display: block;
}
[class^="icon-"], [class*=" icon-"] {
speak: never;
font-variant: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-style: normal;
font-weight: normal;
line-height: 1;
font-family: iconfont !important;
}
.icon-activity:before {
content: "";
}
.icon-airplay:before {
content: "";
}
.icon-alert-circle:before {
content: "";
}
.icon-alert-octagon:before {
content: "";
}
.icon-alert-triangle:before {
content: "";
}
.icon-align-center:before {
content: "";
}
.icon-align-justify:before {
content: "";
}
.icon-align-left:before {
content: "";
}
.icon-align-right:before {
content: "";
}
.icon-anchor:before {
content: "";
}
.icon-aperture:before {
content: "";
}
.icon-archive:before {
content: "";
}
.icon-arrow-down:before {
content: "";
}
.icon-arrow-down-circle:before {
content: "";
}
.icon-arrow-down-left:before {
content: "";
}
.icon-arrow-down-right:before {
content: "";
}
.icon-arrow-left:before {
content: "";
}
.icon-arrow-left-circle:before {
content: "";
}
.icon-arrow-right:before {
content: "";
}
.icon-arrow-right-circle:before {
content: "";
}
.icon-arrow-up:before {
content: "";
}
.icon-arrow-up-circle:before {
content: "";
}
.icon-arrow-up-left:before {
content: "";
}
.icon-arrow-up-right:before {
content: "";
}
.icon-at-sign:before {
content: "";
}
.icon-award:before {
content: "";
}
.icon-bar-chart:before {
content: "";
}
.icon-bar-chart-2:before {
content: "";
}
.icon-battery:before {
content: "";
}
.icon-battery-charging:before {
content: "";
}
.icon-bell:before {
content: "";
}
.icon-bell-off:before {
content: "";
}
.icon-bluetooth:before {
content: "";
}
.icon-bold:before {
content: "";
}
.icon-book:before {
content: "";
}
.icon-book-open:before {
content: "";
}
.icon-bookmark:before {
content: "";
}
.icon-box:before {
content: "";
}
.icon-briefcase:before {
content: "";
}
.icon-calendar:before {
content: "";
}
.icon-camera:before {
content: "";
}
.icon-camera-off:before {
content: "";
}
.icon-cast:before {
content: "";
}
.icon-check:before {
content: "";
}
.icon-check-circle:before {
content: "";
}
.icon-check-square:before {
content: "";
}
.icon-chevron-down:before {
content: "";
}
.icon-chevron-left:before {
content: "";
}
.icon-chevron-right:before {
content: "";
}
.icon-chevron-up:before {
content: "";
}
.icon-chevrons-down:before {
content: "";
}
.icon-chevrons-left:before {
content: "";
}
.icon-chevrons-right:before {
content: "";
}
.icon-chevrons-up:before {
content: "";
}
.icon-chrome:before {
content: "";
}
.icon-circle:before {
content: "";
}
.icon-clipboard:before {
content: "";
}
.icon-clock:before {
content: "";
}
.icon-cloud:before {
content: "";
}
.icon-cloud-drizzle:before {
content: "";
}
.icon-cloud-lightning:before {
content: "";
}
.icon-cloud-off:before {
content: "";
}
.icon-cloud-rain:before {
content: "";
}
.icon-cloud-snow:before {
content: "";
}
.icon-code:before {
content: "";
}
.icon-codepen:before {
content: "";
}
.icon-codesandbox:before {
content: "";
}
.icon-coffee:before {
content: "";
}
.icon-columns:before {
content: "";
}
.icon-command:before {
content: "";
}
.icon-compass:before {
content: "";
}
.icon-copy:before {
content: "";
}
.icon-corner-down-left:before {
content: "";
}
.icon-corner-down-right:before {
content: "";
}
.icon-corner-left-down:before {
content: "";
}
.icon-corner-left-up:before {
content: "";
}
.icon-corner-right-down:before {
content: "";
}
.icon-corner-right-up:before {
content: "";
}
.icon-corner-up-left:before {
content: "";
}
.icon-corner-up-right:before {
content: "";
}
.icon-cpu:before {
content: "";
}
.icon-credit-card:before {
content: "";
}
.icon-crop:before {
content: "";
}
.icon-crosshair:before {
content: "";
}
.icon-database:before {
content: "";
}
.icon-delete:before {
content: "";
}
.icon-disc:before {
content: "";
}
.icon-dollar-sign:before {
content: "";
}
.icon-download:before {
content: "";
}
.icon-download-cloud:before {
content: "";
}
.icon-droplet:before {
content: "";
}
.icon-edit:before {
content: "";
}
.icon-edit-2:before {
content: "";
}
.icon-edit-3:before {
content: "";
}
.icon-external-link:before {
content: "";
}
.icon-eye:before {
content: "";
}
.icon-eye-off:before {
content: "";
}
.icon-facebook:before {
content: "";
}
.icon-fast-forward:before {
content: "";
}
.icon-feather:before {
content: "";
}
.icon-figma:before {
content: "";
}
.icon-file:before {
content: "";
}
.icon-file-minus:before {
content: "";
}
.icon-file-plus:before {
content: "";
}
.icon-file-text:before {
content: "";
}
.icon-film:before {
content: "";
}
.icon-filter:before {
content: "";
}
.icon-flag:before {
content: "";
}
.icon-folder:before {
content: "";
}
.icon-folder-minus:before {
content: "";
}
.icon-folder-plus:before {
content: "";
}
.icon-framer:before {
content: "";
}
.icon-frown:before {
content: "";
}
.icon-gift:before {
content: "";
}
.icon-git-branch:before {
content: "";
}
.icon-git-commit:before {
content: "";
}
.icon-git-merge:before {
content: "";
}
.icon-git-pull-request:before {
content: "";
}
.icon-github:before {
content: "";
}
.icon-gitlab:before {
content: "";
}
.icon-globe:before {
content: "";
}
.icon-grid:before {
content: "";
}
.icon-hard-drive:before {
content: "";
}
.icon-hash:before {
content: "";
}
.icon-headphones:before {
content: "";
}
.icon-heart:before {
content: "";
}
.icon-help-circle:before {
content: "";
}
.icon-hexagon:before {
content: "";
}
.icon-home:before {
content: "";
}
.icon-image:before {
content: "";
}
.icon-inbox:before {
content: "";
}
.icon-info:before {
content: "";
}
.icon-instagram:before {
content: "";
}
.icon-italic:before {
content: "";
}
.icon-key:before {
content: "";
}
.icon-layers:before {
content: "";
}
.icon-layout:before {
content: "";
}
.icon-life-buoy:before {
content: "";
}
.icon-link:before {
content: "";
}
.icon-link-2:before {
content: "";
}
.icon-linkedin:before {
content: "";
}
.icon-list:before {
content: "";
}
.icon-loader:before {
content: "";
}
.icon-lock:before {
content: "";
}
.icon-log-in:before {
content: "";
}
.icon-log-out:before {
content: "";
}
.icon-mail:before {
content: "";
}
.icon-map:before {
content: "";
}
.icon-map-pin:before {
content: "";
}
.icon-maximize:before {
content: "";
}
.icon-maximize-2:before {
content: "";
}
.icon-meh:before {
content: "";
}
.icon-menu:before {
content: "";
}
.icon-message-circle:before {
content: "";
}
.icon-message-square:before {
content: "";
}
.icon-mic:before {
content: "";
}
.icon-mic-off:before {
content: "";
}
.icon-minimize:before {
content: "";
}
.icon-minimize-2:before {
content: "";
}
.icon-minus:before {
content: "";
}
.icon-minus-circle:before {
content: "";
}
.icon-minus-square:before {
content: "";
}
.icon-monitor:before {
content: "";
}
.icon-moon:before {
content: "";
}
.icon-more-horizontal:before {
content: "";
}
.icon-more-vertical:before {
content: "";
}
.icon-mouse-pointer:before {
content: "";
}
.icon-move:before {
content: "";
}
.icon-music:before {
content: "";
}
.icon-navigation:before {
content: "";
}
.icon-navigation-2:before {
content: "";
}
.icon-octagon:before {
content: "";
}
.icon-package:before {
content: "";
}
.icon-paperclip:before {
content: "";
}
.icon-pause:before {
content: "";
}
.icon-pause-circle:before {
content: "";
}
.icon-pen-tool:before {
content: "";
}
.icon-percent:before {
content: "";
}
.icon-phone:before {
content: "";
}
.icon-phone-call:before {
content: "";
}
.icon-phone-forwarded:before {
content: "";
}
.icon-phone-incoming:before {
content: "";
}
.icon-phone-missed:before {
content: "";
}
.icon-phone-off:before {
content: "";
}
.icon-phone-outgoing:before {
content: "";
}
.icon-pie-chart:before {
content: "";
}
.icon-play:before {
content: "";
}
.icon-play-circle:before {
content: "";
}
.icon-plus:before {
content: "";
}
.icon-plus-circle:before {
content: "";
}
.icon-plus-square:before {
content: "";
}
.icon-pocket:before {
content: "";
}
.icon-power:before {
content: "";
}
.icon-printer:before {
content: "";
}
.icon-radio:before {
content: "";
}
.icon-refresh-ccw:before {
content: "";
}
.icon-refresh-cw:before {
content: "";
}
.icon-repeat:before {
content: "";
}
.icon-rewind:before {
content: "";
}
.icon-rotate-ccw:before {
content: "";
}
.icon-rotate-cw:before {
content: "";
}
.icon-rss:before {
content: "";
}
.icon-save:before {
content: "";
}
.icon-scissors:before {
content: "";
}
.icon-search:before {
content: "";
}
.icon-send:before {
content: "";
}
.icon-server:before {
content: "";
}
.icon-settings:before {
content: "";
}
.icon-share:before {
content: "";
}
.icon-share-2:before {
content: "";
}
.icon-shield:before {
content: "";
}
.icon-shield-off:before {
content: "";
}
.icon-shopping-bag:before {
content: "";
}
.icon-shopping-cart:before {
content: "";
}
.icon-shuffle:before {
content: "";
}
.icon-sidebar:before {
content: "";
}
.icon-skip-back:before {
content: "";
}
.icon-skip-forward:before {
content: "";
}
.icon-slack:before {
content: "";
}
.icon-slash:before {
content: "";
}
.icon-sliders:before {
content: "";
}
.icon-smartphone:before {
content: "";
}
.icon-smile:before {
content: "";
}
.icon-speaker:before {
content: "";
}
.icon-square:before {
content: "";
}
.icon-star:before {
content: "";
}
.icon-stop-circle:before {
content: "";
}
.icon-sun:before {
content: "";
}
.icon-sunrise:before {
content: "";
}
.icon-sunset:before {
content: "";
}
.icon-tablet:before {
content: "";
}
.icon-tag:before {
content: "";
}
.icon-target:before {
content: "";
}
.icon-terminal:before {
content: "";
}
.icon-thermometer:before {
content: "";
}
.icon-thumbs-down:before {
content: "";
}
.icon-thumbs-up:before {
content: "";
}
.icon-toggle-left:before {
content: "";
}
.icon-toggle-right:before {
content: "";
}
.icon-tool:before {
content: "";
}
.icon-trash:before {
content: "";
}
.icon-trash-2:before {
content: "";
}
.icon-trello:before {
content: "";
}
.icon-trending-down:before {
content: "";
}
.icon-trending-up:before {
content: "";
}
.icon-triangle:before {
content: "";
}
.icon-truck:before {
content: "";
}
.icon-tv:before {
content: "";
}
.icon-twitch:before {
content: "";
}
.icon-twitter:before {
content: "";
}
.icon-type:before {
content: "";
}
.icon-umbrella:before {
content: "";
}
.icon-underline:before {
content: "";
}
.icon-unlock:before {
content: "";
}
.icon-upload:before {
content: "";
}
.icon-upload-cloud:before {
content: "";
}
.icon-user:before {
content: "";
}
.icon-user-check:before {
content: "";
}
.icon-user-minus:before {
content: "";
}
.icon-user-plus:before {
content: "";
}
.icon-user-x:before {
content: "";
}
.icon-users:before {
content: "";
}
.icon-video:before {
content: "";
}
.icon-video-off:before {
content: "";
}
.icon-voicemail:before {
content: "";
}
.icon-volume:before {
content: "";
}
.icon-volume-1:before {
content: "";
}
.icon-volume-2:before {
content: "";
}
.icon-volume-x:before {
content: "";
}
.icon-watch:before {
content: "";
}
.icon-wifi:before {
content: "";
}
.icon-wifi-off:before {
content: "";
}
.icon-wind:before {
content: "";
}
.icon-x:before {
content: "";
}
.icon-x-circle:before {
content: "";
}
.icon-x-octagon:before {
content: "";
}
.icon-x-square:before {
content: "";
}
.icon-youtube:before {
content: "";
}
.icon-zap:before {
content: "";
}
.icon-zap-off:before {
content: "";
}
.icon-zoom-in:before {
content: "";
}
.icon-zoom-out:before {
content: "";
}
html {
-webkit-text-size-adjust: 100%;
line-height: 1.15;
}
body {
margin: 0;
}
main {
display: block;
}
h1 {
margin: .67em 0;
font-size: 2em;
}
hr {
box-sizing: content-box;
height: 0;
overflow: visible;
}
pre {
font-family: monospace;
font-size: 1em;
}
a {
background-color: #0000;
}
abbr[title] {
border-bottom: none;
text-decoration: underline dotted;
}
b, strong {
font-weight: bold;
}
code, kbd, samp {
font-family: monospace;
font-size: 1em;
}
small {
font-size: 80%;
}
sub, sup {
vertical-align: baseline;
font-size: 75%;
line-height: 0;
position: relative;
}
sub {
bottom: -.25em;
}
sup {
top: -.5em;
}
img {
border-style: none;
}
button, input, optgroup, select, textarea {
margin: 0;
font-family: inherit;
font-size: 100%;
line-height: 1.15;
}
button, input {
overflow: visible;
}
button, select {
text-transform: none;
}
button, [type="button"], [type="reset"], [type="submit"] {
-webkit-appearance: button;
}
button::-moz-focus-inner {
border-style: none;
padding: 0;
}
[type="button"]::-moz-focus-inner {
border-style: none;
padding: 0;
}
[type="reset"]::-moz-focus-inner {
border-style: none;
padding: 0;
}
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0;
}
button:-moz-focusring {
outline: 1px dotted buttontext;
}
[type="button"]:-moz-focusring {
outline: 1px dotted buttontext;
}
[type="reset"]:-moz-focusring {
outline: 1px dotted buttontext;
}
[type="submit"]:-moz-focusring {
outline: 1px dotted buttontext;
}
fieldset {
padding: .35em .75em .625em;
}
legend {
box-sizing: border-box;
color: inherit;
white-space: normal;
max-width: 100%;
padding: 0;
display: table;
}
progress {
vertical-align: baseline;
}
textarea {
overflow: auto;
}
[type="checkbox"], [type="radio"] {
box-sizing: border-box;
padding: 0;
}
[type="number"]::-webkit-inner-spin-button {
height: auto;
}
[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, [hidden] {
display: none;
}
@font-face {
font-family: swiper-icons;
src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");
font-weight: 400;
font-style: normal;
}
:root {
--swiper-theme-color: #007aff;
}
:host {
z-index: 1;
margin-left: auto;
margin-right: auto;
display: block;
position: relative;
}
.swiper {
z-index: 1;
margin-left: auto;
margin-right: auto;
padding: 0;
list-style: none;
display: block;
position: relative;
overflow: hidden;
}
.swiper-vertical > .swiper-wrapper {
flex-direction: column;
}
.swiper-wrapper {
z-index: 1;
width: 100%;
height: 100%;
transition-property: transform;
transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
box-sizing: content-box;
display: flex;
position: relative;
}
.swiper-android .swiper-slide, .swiper-ios .swiper-slide, .swiper-wrapper {
transform: translate3d(0, 0, 0);
}
.swiper-horizontal {
touch-action: pan-y;
}
.swiper-vertical {
touch-action: pan-x;
}
.swiper-slide {
flex-shrink: 0;
width: 100%;
height: 100%;
transition-property: transform;
display: block;
position: relative;
}
.swiper-slide-invisible-blank {
visibility: hidden;
}
.swiper-autoheight, .swiper-autoheight .swiper-slide {
height: auto;
}
.swiper-autoheight .swiper-wrapper {
align-items: flex-start;
transition-property: transform, height;
}
.swiper-backface-hidden .swiper-slide {
backface-visibility: hidden;
transform: translateZ(0);
}
.swiper-3d.swiper-css-mode .swiper-wrapper {
perspective: 1200px;
}
.swiper-3d .swiper-wrapper {
transform-style: preserve-3d;
}
.swiper-3d {
perspective: 1200px;
}
.swiper-3d .swiper-cube-shadow, .swiper-3d .swiper-slide {
transform-style: preserve-3d;
}
.swiper-css-mode > .swiper-wrapper {
scrollbar-width: none;
-ms-overflow-style: none;
overflow: auto;
}
.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
display: none;
}
.swiper-css-mode > .swiper-wrapper > .swiper-slide {
scroll-snap-align: start start;
}
.swiper-css-mode.swiper-horizontal > .swiper-wrapper {
scroll-snap-type: x mandatory;
}
.swiper-css-mode.swiper-vertical > .swiper-wrapper {
scroll-snap-type: y mandatory;
}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper {
scroll-snap-type: none;
}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {
scroll-snap-align: none;
}
.swiper-css-mode.swiper-centered > .swiper-wrapper:before {
content: "";
flex-shrink: 0;
order: 9999;
}
.swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide {
scroll-snap-align: center center;
scroll-snap-stop: always;
}
.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
margin-inline-start: var(--swiper-centered-offset-before);
}
.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper:before {
height: 100%;
min-height: 1px;
width: var(--swiper-centered-offset-after);
}
.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
margin-block-start: var(--swiper-centered-offset-before);
}
.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper:before {
width: 100%;
min-width: 1px;
height: var(--swiper-centered-offset-after);
}
.swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top {
pointer-events: none;
z-index: 10;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
.swiper-3d .swiper-slide-shadow {
background: #00000026;
}
.swiper-3d .swiper-slide-shadow-left {
background-image: linear-gradient(to left, #00000080, #0000);
}
.swiper-3d .swiper-slide-shadow-right {
background-image: linear-gradient(to right, #00000080, #0000);
}
.swiper-3d .swiper-slide-shadow-top {
background-image: linear-gradient(to top, #00000080, #0000);
}
.swiper-3d .swiper-slide-shadow-bottom {
background-image: linear-gradient(#00000080, #0000);
}
.swiper-lazy-preloader {
z-index: 10;
transform-origin: 50%;
box-sizing: border-box;
border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
border-top-color: #0000;
border-radius: 50%;
width: 42px;
height: 42px;
margin-top: -21px;
margin-left: -21px;
position: absolute;
top: 50%;
left: 50%;
}
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader, .swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
animation: 1s linear infinite swiper-preloader-spin;
}
.swiper-lazy-preloader-white {
--swiper-preloader-color: #fff;
}
.swiper-lazy-preloader-black {
--swiper-preloader-color: #000;
}
@keyframes swiper-preloader-spin {
0% {
transform: rotate(0);
}
100% {
transform: rotate(360deg);
}
}
.swiper-virtual .swiper-slide {
-webkit-backface-visibility: hidden;
transform: translateZ(0);
}
.swiper-virtual.swiper-css-mode .swiper-wrapper:after {
content: "";
pointer-events: none;
position: absolute;
top: 0;
left: 0;
}
.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper:after {
height: 1px;
width: var(--swiper-virtual-size);
}
.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper:after {
width: 1px;
height: var(--swiper-virtual-size);
}
:root {
--swiper-navigation-size: 44px;
}
.swiper-button-next, .swiper-button-prev {
top: var(--swiper-navigation-top-offset, 50%);
width: calc(var(--swiper-navigation-size) / 44 * 27);
height: var(--swiper-navigation-size);
margin-top: calc(0px - var(--swiper-navigation-size) / 2);
z-index: 10;
cursor: pointer;
color: var(--swiper-navigation-color, var(--swiper-theme-color));
justify-content: center;
align-items: center;
display: flex;
position: absolute;
}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
opacity: .35;
cursor: auto;
pointer-events: none;
}
.swiper-button-next.swiper-button-hidden, .swiper-button-prev.swiper-button-hidden {
opacity: 0;
cursor: auto;
pointer-events: none;
}
.swiper-navigation-disabled .swiper-button-next, .swiper-navigation-disabled .swiper-button-prev {
display: none !important;
}
.swiper-button-next svg, .swiper-button-prev svg {
object-fit: contain;
transform-origin: center;
width: 100%;
height: 100%;
}
.swiper-rtl .swiper-button-next svg, .swiper-rtl .swiper-button-prev svg {
transform: rotate(180deg);
}
.swiper-button-prev, .swiper-rtl .swiper-button-next {
left: var(--swiper-navigation-sides-offset, 10px);
right: auto;
}
.swiper-button-lock {
display: none;
}
.swiper-button-next:after, .swiper-button-prev:after {
font-family: swiper-icons;
font-size: var(--swiper-navigation-size);
letter-spacing: 0;
font-variant: initial;
line-height: 1;
text-transform: none !important;
}
.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {
content: "prev";
}
.swiper-button-next, .swiper-rtl .swiper-button-prev {
right: var(--swiper-navigation-sides-offset, 10px);
left: auto;
}
.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {
content: "next";
}
.swiper-pagination {
text-align: center;
z-index: 10;
transition: opacity .3s;
position: absolute;
transform: translate3d(0, 0, 0);
}
.swiper-pagination.swiper-pagination-hidden {
opacity: 0;
}
.swiper-pagination-disabled > .swiper-pagination, .swiper-pagination.swiper-pagination-disabled {
display: none !important;
}
.swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
bottom: var(--swiper-pagination-bottom, 8px);
top: var(--swiper-pagination-top, auto);
width: 100%;
left: 0;
}
.swiper-pagination-bullets-dynamic {
font-size: 0;
overflow: hidden;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
position: relative;
transform: scale(.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active, .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
transform: scale(.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
transform: scale(.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
transform: scale(.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
transform: scale(.33);
}
.swiper-pagination-bullet {
width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
background: var(--swiper-pagination-bullet-inactive-color, #000);
opacity: var(--swiper-pagination-bullet-inactive-opacity, .2);
display: inline-block;
}
button.swiper-pagination-bullet {
box-shadow: none;
appearance: none;
border: none;
margin: 0;
padding: 0;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
cursor: pointer;
}
.swiper-pagination-bullet:only-child {
display: none !important;
}
.swiper-pagination-bullet-active {
opacity: var(--swiper-pagination-bullet-opacity, 1);
background: var(--swiper-pagination-color, var(--swiper-theme-color));
}
.swiper-pagination-vertical.swiper-pagination-bullets, .swiper-vertical > .swiper-pagination-bullets {
right: var(--swiper-pagination-right, 8px);
left: var(--swiper-pagination-left, auto);
top: 50%;
transform: translate3d(0, -50%, 0);
}
.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
display: block;
}
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
width: 8px;
top: 50%;
transform: translateY(-50%);
}
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
transition: transform .2s, top .2s;
display: inline-block;
}
.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
}
.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
white-space: nowrap;
left: 50%;
transform: translateX(-50%);
}
.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
transition: transform .2s, left .2s;
}
.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
transition: transform .2s, right .2s;
}
.swiper-pagination-fraction {
color: var(--swiper-pagination-fraction-color, inherit);
}
.swiper-pagination-progressbar {
background: var(--swiper-pagination-progressbar-bg-color, #00000040);
position: absolute;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
background: var(--swiper-pagination-color, var(--swiper-theme-color));
transform-origin: 0 0;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
transform: scale(0);
}
.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
transform-origin: 100% 0;
}
.swiper-horizontal > .swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-horizontal, .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite, .swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
width: 100%;
height: var(--swiper-pagination-progressbar-size, 4px);
top: 0;
left: 0;
}
.swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-vertical, .swiper-vertical > .swiper-pagination-progressbar {
width: var(--swiper-pagination-progressbar-size, 4px);
height: 100%;
top: 0;
left: 0;
}
.swiper-pagination-lock {
display: none;
}
.swiper-scrollbar {
border-radius: var(--swiper-scrollbar-border-radius, 10px);
touch-action: none;
background: var(--swiper-scrollbar-bg-color, #0000001a);
position: relative;
}
.swiper-scrollbar-disabled > .swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-disabled {
display: none !important;
}
.swiper-horizontal > .swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-horizontal {
left: var(--swiper-scrollbar-sides-offset, 1%);
bottom: var(--swiper-scrollbar-bottom, 4px);
top: var(--swiper-scrollbar-top, auto);
z-index: 50;
height: var(--swiper-scrollbar-size, 4px);
width: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));
position: absolute;
}
.swiper-scrollbar.swiper-scrollbar-vertical, .swiper-vertical > .swiper-scrollbar {
left: var(--swiper-scrollbar-left, auto);
right: var(--swiper-scrollbar-right, 4px);
top: var(--swiper-scrollbar-sides-offset, 1%);
z-index: 50;
width: var(--swiper-scrollbar-size, 4px);
height: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));
position: absolute;
}
.swiper-scrollbar-drag {
background: var(--swiper-scrollbar-drag-bg-color, #00000080);
border-radius: var(--swiper-scrollbar-border-radius, 10px);
width: 100%;
height: 100%;
position: relative;
top: 0;
left: 0;
}
.swiper-scrollbar-cursor-drag {
cursor: move;
}
.swiper-scrollbar-lock {
display: none;
}
.swiper-zoom-container {
text-align: center;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
display: flex;
}
.swiper-zoom-container > canvas, .swiper-zoom-container > img, .swiper-zoom-container > svg {
object-fit: contain;
max-width: 100%;
max-height: 100%;
}
.swiper-slide-zoomed {
cursor: move;
touch-action: none;
}
.swiper .swiper-notification {
pointer-events: none;
opacity: 0;
z-index: -1000;
position: absolute;
top: 0;
left: 0;
}
.swiper-free-mode > .swiper-wrapper {
margin: 0 auto;
transition-timing-function: ease-out;
}
.swiper-grid > .swiper-wrapper {
flex-wrap: wrap;
}
.swiper-grid-column > .swiper-wrapper {
flex-flow: column wrap;
}
.swiper-fade.swiper-free-mode .swiper-slide {
transition-timing-function: ease-out;
}
.swiper-fade .swiper-slide {
pointer-events: none;
transition-property: opacity;
}
.swiper-fade .swiper-slide .swiper-slide {
pointer-events: none;
}
.swiper-fade .swiper-slide-active, .swiper-fade .swiper-slide-active .swiper-slide-active {
pointer-events: auto;
}
.swiper.swiper-cube {
overflow: visible;
}
.swiper-cube .swiper-slide {
pointer-events: none;
backface-visibility: hidden;
z-index: 1;
visibility: hidden;
transform-origin: 0 0;
width: 100%;
height: 100%;
}
.swiper-cube .swiper-slide .swiper-slide {
pointer-events: none;
}
.swiper-cube.swiper-rtl .swiper-slide {
transform-origin: 100% 0;
}
.swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-active .swiper-slide-active {
pointer-events: auto;
}
.swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-next, .swiper-cube .swiper-slide-prev {
pointer-events: auto;
visibility: visible;
}
.swiper-cube .swiper-cube-shadow {
opacity: .6;
z-index: 0;
width: 100%;
height: 100%;
position: absolute;
bottom: 0;
left: 0;
}
.swiper-cube .swiper-cube-shadow:before {
content: "";
filter: blur(50px);
background: #000;
position: absolute;
inset: 0;
}
.swiper-cube .swiper-slide-next + .swiper-slide {
pointer-events: auto;
visibility: visible;
}
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom, .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left, .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right, .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top {
z-index: 0;
backface-visibility: hidden;
}
.swiper.swiper-flip {
overflow: visible;
}
.swiper-flip .swiper-slide {
pointer-events: none;
backface-visibility: hidden;
z-index: 1;
}
.swiper-flip .swiper-slide .swiper-slide {
pointer-events: none;
}
.swiper-flip .swiper-slide-active, .swiper-flip .swiper-slide-active .swiper-slide-active {
pointer-events: auto;
}
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom, .swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left, .swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right, .swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top {
z-index: 0;
backface-visibility: hidden;
}
.swiper-creative .swiper-slide {
backface-visibility: hidden;
transition-property: transform, opacity, height;
overflow: hidden;
}
.swiper.swiper-cards {
overflow: visible;
}
.swiper-cards .swiper-slide {
transform-origin: bottom;
backface-visibility: hidden;
overflow: hidden;
}
@font-face {
font-display: swap;
font-family: Outfit;
font-style: normal;
font-weight: 100;
src: url(//fluessigboden-owl.de/wp-content/themes/studio-r/dist/outfit-v15-latin-100.baf6171a.woff2) format("woff2");
}
@font-face {
font-display: swap;
font-family: Outfit;
font-style: normal;
font-weight: 200;
src: url(//fluessigboden-owl.de/wp-content/themes/studio-r/dist/outfit-v15-latin-200.8818bfe2.woff2) format("woff2");
}
@font-face {
font-display: swap;
font-family: Outfit;
font-style: normal;
font-weight: 400;
src: url(//fluessigboden-owl.de/wp-content/themes/studio-r/dist/outfit-v15-latin-regular.80098d3b.woff2) format("woff2");
}
@font-face {
font-display: swap;
font-family: Outfit;
font-style: normal;
font-weight: 600;
src: url(//fluessigboden-owl.de/wp-content/themes/studio-r/dist/outfit-v15-latin-600.6f9503f9.woff2) format("woff2");
}
@font-face {
font-display: swap;
font-family: Outfit;
font-style: normal;
font-weight: 800;
src: url(//fluessigboden-owl.de/wp-content/themes/studio-r/dist/outfit-v15-latin-800.c6c52514.woff2) format("woff2");
}
* {
box-sizing: border-box;
scroll-behavior: smooth;
}
html {
font-family: Outfit;
font-size: 16px;
font-weight: 400;
}
body {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
box-sizing: border-box;
font-size: 1rem;
line-height: 1.7;
}
body :focus {
background: none;
outline: none;
}
.container {
max-width: 1280px;
margin: 0 auto;
padding: 0 1rem;
}
.container--small {
max-width: 769px;
}
.container-fluid {
padding: 0 5vw;
}
.row {
margin: -1rem;
}
.col {
padding: 1rem;
}
p {
margin-top: 0;
}
img {
width: 100%;
height: auto;
display: block;
}
a {
color: #222;
text-decoration: none;
}
.btn > a {
color: inherit;
}
ul {
padding-left: 10px;
}
h1, .h1, h2, .h2, h3, .h3, h4, .h4 {
margin-top: 0;
font-family: Outfit;
font-weight: 400;
line-height: 1.2;
display: block;
position: relative;
}
h1 strong, .h1 strong, h2 strong, .h2 strong, h3 strong, .h3 strong, h4 strong, .h4 strong {
color: #92a800;
}
h1 p, .h1 p, h2 p, .h2 p, h3 p, .h3 p, h4 p, .h4 p {
margin: 0;
}
h1, .h1 {
margin-bottom: 1rem;
font-size: clamp(2rem, 4vw, 4.3rem);
}
@media (width >= 769px) {
h1, .h1 {
margin-bottom: 2rem;
}
}
h1 strong, .h1 strong {
color: #222;
}
h2, .h2 {
margin-bottom: 2rem;
font-size: clamp(2rem, 3vw, 2.5rem);
}
h2 strong, .h2 strong {
font-weight: inherit;
}
h3, .h3 {
margin-bottom: .8rem;
font-size: 1.5rem;
font-weight: 700;
position: relative;
}
h4, .h4 {
margin-bottom: .25rem;
font-size: 1rem;
font-weight: 700;
}
.animate-observe {
clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%);
}
.animate {
position: relative;
}
.animate--reveal {
clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%);
animation: 1s forwards reveal;
}
.animate--delay-1 {
animation-delay: .1s;
}
.animate--delay-2 {
animation-delay: .2s;
}
.animate--delay-3 {
animation-delay: .3s;
}
@keyframes reveal {
to {
clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
}
}
@view-transition {
navigation: auto;
}
.transition-image--job img {
view-transition-name: transition-image--job;
}
.logo {
width: 220px;
display: block;
}
.image {
width: 100%;
display: block;
}
.image--16-9 {
aspect-ratio: 16 / 9;
}
.image--1-1 {
aspect-ratio: 1;
}
.image img {
object-fit: cover;
object-position: center;
width: 100%;
height: 100%;
}
.btn, button, a .btn {
color: #fff;
cursor: pointer;
background: #222;
border: 2px solid #222;
align-items: center;
gap: .25rem;
padding: .5rem 1.2rem;
transition: all .3s ease-in-out;
display: inline-flex;
}
.btn:hover, a:hover .btn, button:hover, a:hover button, a .btn:hover, a:hover a .btn {
background: #6f6f6f;
}
.btn--secondary, button--secondary, a .btn--secondary {
color: #fff;
background: #92a800;
border: 2px solid #92a800;
}
.btn--secondary:hover, a:hover .btn--secondary, button--secondary:hover, a:hover button--secondary, a .btn--secondary:hover, a:hover a .btn--secondary {
background: #222;
border-color: #222;
}
.btn--ghost, button--ghost, a .btn--ghost {
color: #222;
background: none;
}
.btn--ghost:hover, a:hover .btn--ghost, button--ghost:hover, a:hover button--ghost, a .btn--ghost:hover, a:hover a .btn--ghost {
color: #fff;
background: #222;
}
.btn--white, button--white, a .btn--white {
color: #222;
background: #fff;
border-color: #fff;
}
.btn--white:hover, a:hover .btn--white, button--white:hover, a:hover button--white, a .btn--white:hover, a:hover a .btn--white {
color: #fff;
background: #222;
border-color: #222;
}
.btn--yellow, button--yellow, a .btn--yellow {
color: #222;
background: #fd0;
border-color: #fd0;
}
.btn--yellow:hover, a:hover .btn--yellow, button--yellow:hover, a:hover button--yellow, a .btn--yellow:hover, a:hover a .btn--yellow {
color: #fff;
background: #222;
border-color: #222;
}
.btn--green, button--green, a .btn--green {
color: #fff;
background: #92a800;
border-color: #92a800;
}
.btn--green:hover, a:hover .btn--green, button--green:hover, a:hover button--green, a .btn--green:hover, a:hover a .btn--green {
color: #fff;
background: #222;
border-color: #222;
}
.btn--icon, button--icon, a .btn--icon {
border-radius: 50%;
width: 50px;
height: 50px;
font-size: 1.5rem;
position: relative;
}
.btn--icon > *, button--icon > *, a .btn--icon > * {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.btn--arrow:after, button--arrow:after, a .btn--arrow:after {
content: "";
font-family: iconfont;
font-size: 1.5rem;
}
.btn--small, button--small, a .btn--small {
padding: .25rem .8rem;
}
.btn--text, button--text, a .btn--text {
color: currentColor;
background: none;
border: none;
border-bottom: 2px solid;
padding: 0;
font-weight: 700;
display: inline-block;
}
.btn--text:hover, button--text:hover, a .btn--text:hover {
background: none;
}
form br {
display: none;
}
form h3 {
color: #acabab;
}
input, textarea, select {
color: #5a5959;
background: none;
border: none;
border-bottom: 2px solid #92a800;
outline: none;
width: 100%;
margin-bottom: .5rem;
padding: 1rem;
display: block;
}
input:focus, textarea:focus, select:focus {
border-color: #acabab;
outline: none;
}
input::placeholder, textarea::placeholder, select::placeholder {
color: #5a5959;
}
select {
appearance: none;
background: #fff url(//fluessigboden-owl.de/wp-content/themes/studio-r/dist/arrow-down.bbc5a43b.svg) calc(100% - 20px) / 25px 25px no-repeat;
width: 100%;
position: relative;
}
input[type="submit"] {
color: #fff;
cursor: pointer;
background-color: #222;
border: none;
width: auto;
margin-top: .8rem;
margin-bottom: .5rem;
padding: 1rem 1.5rem;
display: inline-block;
}
input[type="range"] {
appearance: none;
cursor: pointer;
background: none;
border: none;
width: 100%;
margin: 1rem 0;
padding: 1rem 0;
}
input[type="range"]::-webkit-slider-runnable-track {
background: #222;
border-radius: 3px;
height: 4px;
}
input[type="range"]::-moz-range-track {
background: #222;
border-radius: 3px;
height: 4px;
}
input[type="range"]::-webkit-slider-thumb {
appearance: none;
cursor: pointer;
background: #92a800;
border: none;
border-radius: 50%;
width: 30px;
height: 30px;
transition: background .2s;
}
input[type="range"]::-moz-range-thumb {
appearance: none;
cursor: pointer;
background: #92a800;
border: none;
border-radius: 50%;
width: 30px;
height: 30px;
transition: background .2s;
}
input[type="range"]::-webkit-slider-thumb {
margin-top: -13px;
}
input[type="range"]:hover::-webkit-slider-thumb {
background: #acabab;
}
input[type="range"]:hover::-moz-range-thumb {
background: #acabab;
}
input[type="range"]:focus {
outline: none;
}
.range-input__label {
color: #acabab;
font-weight: 200;
}
.range-input__label + input {
margin-top: 0;
}
.input-group {
margin: 1.5rem 0;
}
.input-group h4 {
margin-bottom: 1rem;
}
input[type="checkbox"] {
flex: 0 0 20px;
width: 20px;
height: 20px;
margin-right: 1rem;
}
input[type="radio"] {
flex: 0 0 20px;
width: 20px;
height: 20px;
margin-right: .2rem;
display: block;
}
input[type="radio"]:checked {
background-color: #ff0;
}
.header {
background: none;
padding: 1rem 0;
position: relative;
}
.header.nav-open {
background: #fff;
}
.header__inner {
justify-content: space-between;
align-items: center;
display: flex;
}
@media (width >= 769px) {
.header__logo, .header__meta {
flex: 0 0 25%;
}
.header__nav {
flex: 0 0 50%;
justify-content: center;
display: flex;
}
}
.header__meta {
display: none;
}
@media (width >= 769px) {
.header__meta {
justify-content: flex-end;
display: flex;
}
}
.header__meta-phone-text {
display: none;
}
@media (width >= 1024px) {
.header__meta-phone-text {
display: block;
}
}
.header__social {
color: #fff;
background: #92a800;
border-radius: 50%;
width: 2rem;
height: 2rem;
position: relative;
}
.header__social svg {
fill: #fff;
width: 20px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.footer-container {
position: relative;
}
.wave {
line-height: 0;
transform: translateY(2px);
}
.footer {
color: #fff;
background: #0a2342;
}
.footer a {
color: #fff;
}
.footer__inner {
flex-wrap: wrap;
gap: 3rem;
display: flex;
}
@media (width >= 769px) {
.footer__inner {
gap: 3rem;
}
}
.footer__link {
color: #fff;
display: block;
}
.footer__list {
flex-direction: column;
gap: .8rem;
display: flex;
}
.footer__headline {
color: #92a800;
}
.footer__image {
background: #0a2342;
position: absolute;
inset: 0;
}
.footer__image img {
opacity: .5;
object-fit: cover;
width: 100%;
height: 100%;
}
.footer-info__inner {
color: #fff;
text-align: center;
flex-direction: column;
gap: .8rem;
width: 100%;
max-width: 300px;
margin: 0 auto;
padding: 1.2rem;
display: flex;
}
.footer-info__inner h2 {
margin: 0;
}
.footer-info__wave svg {
stroke: #92a800;
}
.footer__contact {
align-items: center;
gap: .8rem;
display: flex;
}
.footer__logo {
width: 250px;
}
.footer__social {
font-size: 1.5rem;
}
@media (width <= 768px) {
header.nav-open {
z-index: 100;
width: 100vw;
position: fixed;
top: 0;
left: 0;
}
.nav__toggle {
cursor: pointer;
width: 2rem;
}
.nav__toggle span {
background: #222;
width: 100%;
height: 1px;
transition: all .3s ease-in-out;
display: block;
}
.nav__toggle span:nth-child(2) {
margin: .25rem 0;
}
.nav__toggle--active span:first-child {
transform: rotate(45deg);
}
.nav__toggle--active span:nth-child(2) {
display: none;
}
.nav__toggle--active span:nth-child(3) {
transform: rotate(-45deg);
}
.nav__inner {
display: none;
}
.nav__inner--open {
-webkit-overflow-scrolling: touch;
z-index: 100;
background: #fff;
width: 100vw;
padding: 1rem;
display: block;
position: fixed;
inset: 65px 0 0;
overflow: scroll;
}
.nav__list .header__meta {
justify-content: center;
align-items: center;
flex-direction: column !important;
display: flex !important;
}
.nav__item {
text-align: center;
margin: 2rem 0;
}
.nav__link {
color: #000;
font-size: 1.2rem;
text-decoration: none;
}
.nav__link--has-submenu {
justify-content: center;
align-items: center;
display: flex;
}
.nav__link--has-submenu:after {
content: "";
font-family: iconfont;
}
.nav__submenu {
display: none;
}
.nav__submenu--open {
background: #f9f9f9;
display: block;
position: absolute;
inset: 0;
}
.nav__submenu-headline {
color: #000;
font-size: 1.2rem;
font-weight: 700;
text-decoration: none;
}
.nav__submenu-close {
margin-bottom: 2rem;
font-size: .8rem;
}
.nav__submenu-close:before {
content: "";
font-family: iconfont;
}
}
@media (width >= 769px) {
.nav__toggle {
display: none;
}
.nav__list {
display: flex;
}
.nav__list--root > .nav__item > .nav__submenu {
display: none;
}
.nav__list--root > .nav__item > .nav__submenu--open {
display: block;
}
.nav__list--level-2 {
align-items: flex-start;
width: 100%;
max-width: 1280px;
margin: 0 auto;
padding: 2vh 1rem 5vh;
display: flex;
}
.nav__list--level-3 {
display: block;
}
.nav__list .header__meta {
display: none;
}
.nav__item--active {
font-weight: 700;
color: #92a800 !important;
}
.nav__item--level-1 {
text-transform: uppercase;
}
.nav__list--root .nav__item {
cursor: pointer;
margin: 0 1rem;
}
.nav__list--level-2 .nav__item {
width: 20%;
margin: 0 .25rem;
font-weight: 700;
}
.nav__list--level-3 .nav__item {
width: 100%;
margin: .25rem 0;
font-weight: 400;
}
.nav__link {
color: #000;
text-decoration: none;
}
.nav__submenu--open {
z-index: 100;
background: #fff;
border-bottom: 1px solid #000;
width: 100%;
position: absolute;
top: 100%;
left: 0;
right: 0;
}
.nav__submenu-headline {
color: #000;
width: 100%;
max-width: 1280px;
margin: 0 auto;
padding: 1vh 1rem;
font-size: 1.5rem;
font-weight: 700;
text-decoration: none;
display: block;
}
.nav-link--direct-level-2 {
padding: 0;
font-size: 1rem;
}
.nav__submenu-close, .nav__link--sublink-level-2 {
display: none;
}
}
.modal {
z-index: 200;
justify-content: center;
align-items: center;
padding: 1rem;
display: none;
position: fixed;
inset: 0;
}
.modal.active {
display: flex;
}
.modal__background {
background: #000c;
position: fixed;
inset: 0;
}
.modal__window {
background: #fff;
width: 100%;
max-width: 769px;
height: 100%;
max-height: 80vh;
padding: 2rem;
position: relative;
overflow: scroll;
}
.modal__close {
cursor: pointer;
padding: .8rem;
position: absolute;
top: 0;
right: 0;
}
.slider__container {
scroll-behavior: smooth;
scroll-snap-type: x mandatory;
-ms-overflow-style: none;
scrollbar-width: none;
gap: 1rem;
margin: 0 1.5rem;
display: flex;
overflow: auto;
}
.slider--aligned .slider__container {
margin-right: 0;
}
.slider__nav {
justify-content: flex-end;
margin-top: 3rem;
display: flex;
}
.slider__nav svg {
stroke: #92a800;
width: 3rem;
height: 2rem;
}
.slider__item {
scroll-snap-align: start;
}
.slider__item--placeholder {
display: none;
}
@media (width >= 1280px) {
.slider__item--placeholder {
margin-left: -24px;
display: block;
}
}
.slider__next, .slider__prev {
opacity: .4;
cursor: pointer;
padding: 1rem;
font-size: 1.5rem;
}
.slider__next.active, .slider__prev.active {
cursor: pointer;
opacity: 1;
}
section, .section {
padding: clamp(2rem, 10vw, 6.5rem) 0;
position: relative;
}
section--gray, .section--gray {
background: #f9f9f9;
}
section--white, .section--white {
background: #fff;
}
.hero {
overflow: hidden;
}
.hero__content {
flex-direction: column;
align-items: center;
gap: 3rem;
margin-bottom: 1.5rem;
display: flex;
}
@media (width >= 769px) {
.hero__content {
flex-direction: row;
justify-content: space-between;
gap: 1rem;
}
.hero__headline {
width: 50%;
}
}
.hero__headline a {
border-color: #92a800;
}
@media (width >= 769px) {
.hero__intro {
width: 40%;
}
}
.hero__wave {
margin-bottom: 1rem;
}
.hero__infoboxes {
flex-direction: column;
gap: 1.2rem;
display: flex;
}
@media (width >= 769px) {
.hero__infoboxes {
flex-direction: row;
justify-content: flex-end;
gap: 1.5rem;
}
}
.hero__infobox {
color: #f0f8ea;
z-index: 1;
width: 100%;
padding: 1rem;
position: relative;
}
.hero__infobox--green {
background: #92a800;
}
.hero__infobox--blue {
background: #0a2342;
}
@media (width >= 769px) {
.hero__infobox {
flex: 0 0 30%;
padding: 2rem;
}
}
.hero__imagesection {
z-index: 0;
gap: 1.2rem;
margin-top: -100px;
display: flex;
position: relative;
}
.hero__image {
flex: 0 0 60%;
height: 550px;
}
.hero__image:first-child {
flex: 0 0 100%;
width: 100%;
}
@media (width >= 769px) {
.hero__image:first-child {
flex: 0 0 40%;
max-width: 40%;
}
}
.hero__image img {
object-fit: cover;
width: 100%;
height: 100%;
}
.mobile-hero {
margin-bottom: -100px;
}
.stage__head {
flex-direction: column;
justify-content: space-between;
gap: 1.5rem;
display: flex;
}
@media (width >= 769px) {
.stage__head {
flex-direction: row;
align-items: flex-end;
}
.stage__headline {
flex: 0 0 50%;
}
}
.stage__headline h1 {
margin: 0;
}
.stage__intro {
color: #acabab;
}
@media (width >= 769px) {
.stage__intro {
flex: 0 0 30%;
}
}
.stage__images {
gap: 1.5rem;
height: 60vh;
display: flex;
}
.stage__image {
flex: 1 0 0;
margin-top: 2rem;
}
@media (width >= 769px) {
.stage__image {
margin-top: 5rem;
}
}
.stage__image img {
object-fit: cover;
width: 100%;
height: 100%;
}
@media (width >= 769px) {
.text-image__inner {
display: flex;
}
.text-image__inner--reverse {
flex-direction: row-reverse;
}
.text-image__image {
flex: 0 0 50%;
}
.text-image__image--small-image {
flex: 0 0 30%;
}
}
.text-image__image img {
border-radius: 0;
}
@media (width >= 769px) {
.text-image__content {
flex: auto;
}
}
.text-image__text {
color: #acabab;
}
.text-on-image {
align-items: flex-end;
min-height: 70dvh;
padding-bottom: 0;
display: flex;
position: relative;
}
.text-on-image__image {
position: absolute;
inset: 0;
}
.text-on-image__image .image {
object-fit: cover;
width: 100%;
height: 100%;
}
.text-on-image__inner {
width: 100%;
position: relative;
}
.text-on-image__content {
justify-content: flex-end;
display: flex;
}
.text-on-image__content-inner {
color: #fff;
background: #92a800;
border-radius: 0;
padding: 1rem;
}
.text-on-image__content-inner .text-image__text {
color: currentColor;
}
@media (width >= 769px) {
.text-on-image__content-inner {
width: 33%;
padding: 2rem;
}
.text__inner {
justify-content: space-between;
gap: 5rem;
display: flex;
}
.text__inner--full, .text__inner--large {
display: block;
}
.text__headline {
flex: 0 0 50%;
}
.text__inner--full .text__headline {
flex: 0 0 100%;
}
}
.text__content {
color: #5a5959;
}
@media (width >= 769px) {
.text__content {
flex: 0 0 40%;
}
.text__inner--full .text__content {
flex: 0 0 100%;
}
}
.text__inner--large .text__content {
font-size: clamp(1.5rem, 2.5vw, 2rem);
}
.text__inner--large .text__content strong {
color: #92a800;
}
.textteaser__list {
flex-wrap: wrap;
justify-content: center;
display: flex;
}
@media (width >= 769px) {
.textteaser__item {
width: 33.33%;
position: relative;
}
.textteaser__item:nth-child(2):last-child, .textteaser__item:first-child:last-child {
width: 50%;
}
}
.textteaser__item-inner {
flex-direction: column;
padding: 1rem;
display: flex;
}
@media (width >= 769px) {
.textteaser__item-inner {
padding: 0 1.5rem;
}
}
.textteaser__content {
margin-bottom: 1.2rem;
}
.iconlist {
background: #f9f9f9;
padding-top: 0;
position: relative;
}
.iconlist__image {
display: none;
}
@media (width >= 769px) {
.iconlist__image {
display: block;
position: absolute;
inset: 13rem 0 0;
}
}
.iconlist__image img {
object-fit: cover;
width: 100%;
height: 100%;
}
.iconlist__content {
position: relative;
}
.iconlist__content-inner {
background: #fff;
border-radius: 0;
padding: 1rem;
}
@media (width >= 769px) {
.iconlist__content-inner {
flex-wrap: wrap;
gap: 2rem;
width: 75%;
padding: 3rem;
display: flex;
}
}
.iconlist__item {
margin-bottom: 3rem;
}
@media (width >= 769px) {
.iconlist__item {
width: calc(50% - 1rem);
margin-bottom: 0;
}
.iconlist__item-inner {
gap: 1rem;
display: flex;
}
}
.iconlist__icon {
background: #f9f9f9;
border-radius: 50%;
flex: 0 0 100px;
width: 100px;
height: 100px;
margin-bottom: 1rem;
padding: 1rem;
position: relative;
}
@media (width >= 769px) {
.iconlist__icon {
margin-bottom: 0;
}
}
.iconlist__icon img {
object-fit: contain;
width: 70px;
height: 70px;
position: absolute;
top: 15px;
left: 15px;
}
.iconlist__headline {
color: #92a800;
}
.gallery__headline {
margin-bottom: 5rem;
}
.gallery__list {
scroll-snap-type: x mandatory;
-ms-overflow-style: none;
scrollbar-width: none;
gap: 1rem;
margin: 0 1.5rem;
display: flex;
overflow: auto;
}
@media (width >= 769px) {
.gallery__list {
gap: 2rem;
}
}
.gallery__list::-webkit-scrollbar {
display: none;
}
.gallery__item {
scroll-snap-align: start;
align-items: center;
max-width: 90vw;
height: 40vw;
display: flex;
}
@media (width >= 769px) {
.gallery__item {
width: auto;
height: 500px;
aspect-ratio: default;
}
}
.gallery__item img, .gallery__item video {
width: auto;
height: 100%;
}
.gallery__video {
position: relative;
}
.gallery__play {
background: #92a800;
border-radius: 50%;
width: 10rem;
height: 10rem;
position: absolute;
top: 50%;
left: 50%;
transform: translate3d(-50%, -50%, 0);
}
.gallery__play-icon {
fill: #fff;
cursor: pointer;
width: 4rem;
position: absolute;
top: 50%;
left: 50%;
transform: translate3d(-35%, -45%, 0);
}
@media (width >= 769px) {
.infocards__list {
flex-wrap: wrap;
justify-content: center;
display: flex;
}
.infocards__item {
flex: 0 0 33.33%;
width: 33.33%;
position: relative;
}
.infocards__item:nth-child(2):last-child, .infocards__item:first-child:last-child {
flex: 0 0 50%;
width: 50%;
}
}
.infocards__item-inner {
border-radius: 0;
padding: 1.2rem;
}
@media (width >= 769px) {
.infocards__item-inner {
padding: 3rem;
}
}
.infocards__link {
margin-top: 1rem;
}
.quote__inner {
flex-direction: column;
align-items: center;
display: flex;
}
.quote__icon {
width: 70px;
margin-bottom: 1rem;
}
.quote__icon img {
height: auto;
}
@media (width >= 769px) {
.form__inner {
display: flex;
}
}
.form__content {
margin-bottom: 2rem;
}
@media (width >= 769px) {
.form__content {
flex: 0 0 60%;
margin-bottom: 0;
}
.form__form {
flex: 0 0 40%;
}
}
.wpcf7-list-item {
margin: 0 !important;
}
.wpcf7-list-item label {
display: flex;
}
.wpcf7-form-control-wrap {
display: block;
}
.wpcf7-response-output {
background: #f9f9f9;
border-radius: 0;
border: none !important;
padding: 1rem 1.5rem !important;
}
.wpcf7-radio {
margin-bottom: .8rem;
display: block;
}
.wpcf7-radio .wpcf7-list-item {
display: block;
margin-top: .5rem !important;
}
.wpcf7-radio .wpcf7-list-item input {
display: none;
}
.wpcf7-radio .wpcf7-list-item input:checked + .wpcf7-list-item-label:before {
background-color: #92a800;
}
.wpcf7-radio .wpcf7-list-item .wpcf7-list-item-label {
gap: .25rem;
display: flex;
}
.wpcf7-radio .wpcf7-list-item .wpcf7-list-item-label:before {
content: "";
background-color: #fff;
border: 2px solid #222;
border-radius: 50%;
width: 20px;
height: 20px;
margin-right: .5rem;
display: inline-block;
}
.wpcf7-acceptance .wpcf7-list-item-label {
font-size: 10px;
}
.teasercards p {
margin: 0;
}
.teasercards__title {
margin-bottom: 3rem;
}
@media (width >= 769px) {
.teasercards__list {
flex-wrap: wrap;
justify-content: center;
display: flex;
}
}
.teasercards__item {
display: block;
}
@media (width >= 769px) {
.teasercards__item {
flex: 0 0 33.33%;
width: 33.33%;
position: relative;
}
.teasercards__item:nth-child(2):last-child, .teasercards__item:first-child:nth-last-child(2) {
flex: 0 0 50%;
width: 50%;
}
}
.teasercards__item-inner {
height: 100%;
}
.teasercards__item-bottom {
border-radius: 0;
padding: 1.2rem;
}
@media (width >= 769px) {
.teasercards__item-bottom {
padding: 2rem;
}
}
.teasercards__image {
aspect-ratio: 16 / 9;
}
.teasercards__image img {
object-fit: cover;
width: 100%;
height: 100%;
}
.teasercards__content {
justify-content: space-between;
width: 100%;
display: flex;
}
.teasercards__content-left {
width: 70%;
}
.serviceteaser__content {
margin-bottom: 2rem;
}
.serviceteaser__item {
background: #f9f9f9;
border-radius: 0;
flex: 0 0 90%;
width: 90%;
position: relative;
}
@media (width >= 540px) {
.serviceteaser__item {
flex: 0 0 70%;
width: 70%;
}
}
@media (width >= 769px) {
.serviceteaser__item {
flex: 0 0 400px;
max-width: 400px;
}
}
.serviceteaser__item-inner {
flex-direction: column;
gap: 1rem;
padding: 3rem 2rem calc(3.5rem + 50px);
display: flex;
}
.serviceteaser__icon {
width: auto;
height: 100px;
}
.serviceteaser__icon svg {
fill: #92a800;
width: auto;
transition: all .3s ease-in-out;
}
.serviceteaser__item:hover .serviceteaser__icon svg {
fill: #222;
transform: scale(1.1);
}
.serviceteaser__headline h3 {
margin-bottom: 0;
}
.serviceteaser__link {
position: absolute;
bottom: 2rem;
left: 2rem;
}
.service__nav {
margin-bottom: 3rem;
}
.service__nav-inner {
scroll-behavior: smooth;
scroll-snap-type: x mandatory;
-ms-overflow-style: none;
scrollbar-width: none;
align-items: flex-start;
gap: 2rem;
width: 100%;
display: flex;
overflow: auto;
}
@media (width >= 769px) {
.service__nav-inner {
gap: 5rem;
}
}
.servicenav__item {
flex-direction: column;
flex-grow: 0;
flex-basis: 0;
justify-content: center;
gap: .5rem;
display: flex;
}
@media (width >= 769px) {
.servicenav__item {
gap: 1rem;
}
}
.servicenav__icon {
justify-content: center;
display: flex;
}
.servicenav__icon svg {
fill: #acabab;
width: auto;
height: 50px;
}
@media (width >= 769px) {
.servicenav__icon svg {
height: 80px;
}
}
.servicenav__item--active .servicenav__icon svg, .servicenav__icon:hover svg {
fill: #92a800;
}
.servicenav__title {
text-align: center;
color: #acabab;
font-size: 10px;
}
.servicenav__item--active .servicenav__title {
color: #92a800;
font-weight: 700;
}
.infoimage__nav-inner {
justify-content: center;
gap: 1rem;
display: flex;
}
.infoimage__main {
position: relative;
}
@keyframes heartbeat {
from {
transform-origin: center;
animation-timing-function: ease-out;
transform: translate3d(-50%, -50%, 0)scale(1);
}
10% {
animation-timing-function: ease-in;
transform: translate3d(-50%, -50%, 0)scale(.91);
}
17% {
animation-timing-function: ease-out;
transform: translate3d(-50%, -50%, 0)scale(.98);
}
33% {
animation-timing-function: ease-in;
transform: translate3d(-50%, -50%, 0)scale(.87);
}
45% {
animation-timing-function: ease-out;
transform: translate3d(-50%, -50%, 0)scale(1);
}
}
.infoimage-service__item {
color: #fff;
cursor: pointer;
background: #92a800;
border-radius: 50%;
min-width: 30px;
min-height: 30px;
padding: 1rem;
animation: 2.5s ease-in-out infinite both heartbeat;
position: absolute;
transform: translate3d(-50%, -50%, 0);
}
@media (width >= 769px) {
.infoimage-service__item {
min-width: 60px;
max-width: 400px;
min-height: 60px;
animation: none;
transform: translate3d(-50%, calc(-50% - 110px), 0);
}
}
@media (width >= 1024px) {
.infoimage-service__item {
min-width: 80px;
min-height: 80px;
transform: translate3d(-50%, calc(-50% - 120px), 0);
}
}
.infoimage-service__item--active {
z-index: 100;
border-radius: 20px;
width: 100%;
animation: none;
}
@media (width <= 769px) {
.infoimage-service__item--active {
width: 100%;
transform: translate3d(-50%, -50%, 0);
top: 50% !important;
left: 50% !important;
}
}
@media (width >= 769px) {
.infoimage-service__item--active {
transform: translate3d(-46px, -156px, 0);
}
}
@media (width >= 1024px) {
.infoimage-service__item--active {
transform: translate3d(-56px, -176px, 0);
}
}
@media (width >= 769px) {
.infoimage-service__item--active.infoimage-service__item--left {
transform-origin: 100% 0;
transform: translate3d(calc(46px - 100%), -156px, 0);
}
}
@media (width >= 1024px) {
.infoimage-service__item--active.infoimage-service__item--left {
transform: translate3d(calc(56px - 100%), -176px, 0);
}
}
.infoimage-service__item--inactive:not(.infoimage-service__item--active) {
opacity: .8;
}
.infoimage-service__item-inner {
position: relative;
}
@media (width >= 769px) {
.infoimage-service__item--active.infoimage-service__item--left .infoimage-service__item-inner {
flex-direction: column;
align-items: flex-end;
display: flex;
}
}
.infoimage-service__item-inner:after {
content: none;
background: #92a800;
width: 4px;
height: 80px;
position: absolute;
top: 100%;
left: 50%;
transform: translate(-50%);
}
@media (width >= 769px) {
.infoimage-service__item-inner:after {
content: "";
}
}
.infoimage-service__item--active .infoimage-service__item-inner:after {
display: none;
}
.infoimage-service__icon {
width: 60px;
height: 60px;
margin-bottom: 1rem;
display: none;
position: relative;
}
@media (width >= 769px) {
.infoimage-service__icon {
margin-bottom: 0;
display: block;
}
}
@media (width >= 1024px) {
.infoimage-service__icon {
width: 80px;
height: 80px;
}
}
.infoimage-service__item--active .infoimage-service__icon {
display: block;
}
.infoimage-service__icon svg {
fill: #fff;
height: 50px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.infoimage-service__content {
display: none;
}
.infoimage-service__item--active .infoimage-service__content {
flex-direction: column;
align-items: flex-start;
gap: 1rem;
display: flex;
}
@media (width >= 769px) {
.infoimage-service__item--active.infoimage-service__item--left .infoimage-service__content {
text-align: right;
align-items: flex-end;
}
}
.infoimage-service__headline {
margin-bottom: 0;
}
.roomsteaser__item {
flex-direction: column;
justify-content: center;
align-items: center;
gap: 1rem;
width: 80%;
padding: 0 1rem;
display: flex;
}
@media (width >= 769px) {
.roomsteaser__item {
width: 45%;
padding: 0 2rem;
}
}
.roomteaser__intro {
text-align: center;
opacity: 0;
max-width: 500px;
transition: all .5s ease-in-out;
transform: translate3d(0, 50px, 0);
}
.swiper-slide-active .roomteaser__intro {
opacity: 1;
transform: translate3d(0, 0, 0);
}
.roomteaser__excerpt {
margin-bottom: 1rem;
}
.roomteaser__image {
max-width: 600px;
transition: all .5s ease-in-out;
transform: translate3d(0, -100px, 0);
}
.swiper-slide-active .roomteaser__image {
transform: translate3d(0, 0, 0);
}
.logos__list {
flex-wrap: wrap;
justify-content: center;
align-items: center;
gap: 2rem;
display: flex;
}
@media (width >= 769px) {
.logos__list {
gap: 3rem;
}
}
.logos__img {
width: auto;
max-width: 100%;
height: 60px;
}
.logos__img img, .logos__img svg {
object-fit: contain;
width: auto;
max-width: 100%;
height: 100%;
}
.testimonials__item {
background: #f6f6f6;
border-radius: 0;
flex: 1 0 100%;
width: 100%;
max-width: 350px;
padding: 1rem;
}
.testimonials__item-inner {
flex-direction: column;
gap: 1rem;
height: 100%;
padding-bottom: 46px;
display: flex;
position: relative;
}
.testimonial__name {
font-size: 1rem;
font-weight: 700;
}
.testimonial__company {
color: #acabab;
}
.testimonials__img {
width: auto;
height: 30px;
position: absolute;
bottom: 0;
left: 0;
}
.testimonials__img img, .testimonials__img svg {
object-fit: contain;
width: auto;
height: 100%;
}
.media {
position: relative;
}
.media__item video, .media__item img {
border-radius: 20px;
width: 100%;
height: auto;
}
.media__video {
border-radius: 20px;
position: relative;
}
.media__video .is-playing + .media__poster {
opacity: 0;
z-index: -100;
display: none;
}
.media__poster {
background: #222;
border-radius: 20px;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
.media__poster img {
object-fit: cover;
object-position: center;
opacity: .5;
border-radius: 20px;
width: 100%;
height: 100%;
}
.media__play {
z-index: 100;
background: #fff;
border-radius: 50%;
width: 5rem;
height: 5rem;
position: absolute;
top: 50%;
left: 50%;
transform: translate3d(-50%, -50%, 0);
}
@media (width >= 769px) {
.media__play {
width: 10rem;
height: 10rem;
}
}
.media__play-icon {
fill: #92a800;
cursor: pointer;
width: 2rem;
position: absolute;
top: 50%;
left: 50%;
transform: translate3d(-35%, -45%, 0);
}
@media (width >= 769px) {
.media__play-icon {
width: 4rem;
}
}
.media__caption {
color: #acabab;
margin-top: 1rem;
font-size: .8rem;
}
@media (width >= 769px) {
.media__caption {
font-size: 1rem;
}
.cards__headline {
text-align: center;
justify-content: center;
display: flex;
}
.cards__headline .headline {
width: 50%;
}
}
.cards__list:not(.slider__container) {
flex-direction: column;
gap: 2rem;
display: flex;
}
@media (width >= 769px) {
.cards__list:not(.slider__container) {
flex-flow: wrap;
justify-content: center;
gap: 0;
margin: 0 -.5rem;
}
.cards__item {
width: 25%;
position: relative;
}
.cards__item:nth-child(2):last-child, .cards__item:first-child:last-child {
width: 50%;
}
.cards__item + .cards__item {
border-left: 2px solid #92a800;
}
}
.slider__container .cards__item {
flex: 0 0 300px;
border-left: none !important;
}
@media (width >= 769px) {
.slider__container .cards__item {
flex: 0 0 500px;
}
}
.cards__item-inner {
flex-direction: column;
gap: .8rem;
height: 100%;
display: flex;
}
@media (width >= 769px) {
.cards__item-inner {
padding: 0 1.5rem;
}
}
.slider__container .cards__item-inner {
background: #f9f9f9;
padding: 1.5rem;
}
.cards__title h3 {
color: #92a800;
margin: 0;
}
.cards__content p {
margin: 0;
}
.cards__content p + p {
margin-top: .8rem;
}
.slider__container .cards__content {
font-size: .8rem;
}
@media (width >= 769px) {
.slider__container .cards__content {
font-size: 1rem;
}
}
.cards__image {
width: 100px;
height: 100px;
}
.cards__image img, .cards__image svg {
object-fit: contain;
object-position: left bottom;
width: 100%;
height: 100%;
}
.cards__cta {
justify-content: center;
align-items: center;
margin-top: 1.5rem;
display: flex;
}
@media (width >= 769px) {
.cards__cta {
margin-top: 3rem;
}
}
.contact-card {
flex: 0 0 100%;
width: 100%;
max-width: 100%;
}
@media (width >= 480px) {
.contact-card {
flex: 0 220px;
max-width: 220px;
}
}
@media (width >= 769px) {
.contact-card {
flex: 0 300px;
max-width: 300px;
}
}
.contact-card__image {
aspect-ratio: 1;
background: url(//fluessigboden-owl.de/wp-content/themes/studio-r/dist/Profile-Background.2da1c0b5.jpg) top / cover no-repeat;
}
.contact-card__image img {
object-fit: contain;
object-position: center bottom;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
width: 100%;
height: 100%;
}
.contact-card__content {
background: #fff;
border-bottom-right-radius: 20px;
border-bottom-left-radius: 20px;
padding: 1.2rem;
}
.section--white .contact-card__content {
background: #f9f9f9;
}
.contact-card__headline h3 {
color: #acabab;
margin: 0;
}
.contact-card__content {
flex-direction: column;
gap: 3px;
display: flex;
}
.contact-card__item--job {
color: #acabab;
margin-bottom: 8px;
}
.contact-card__download {
justify-content: center;
width: 100%;
margin-top: .8rem;
}
@media (width >= 769px) {
.contact-component__inner {
gap: 2rem;
display: flex;
}
.contact-component__form-area {
flex: 0 0 40%;
}
.contact-component__direct-contact {
flex: 0 0 60%;
}
.contact-component__direct-contact:not(.contact-component__direct-contact--with-headline) {
flex: 0 0 100%;
}
}
.contact-component__form {
margin-top: 2rem;
}
.contact-component__persons {
flex-wrap: wrap;
gap: 1rem;
margin-top: 1.5rem;
display: flex;
}
@media (width >= 769px) {
.contact-component__persons {
margin-top: 0;
}
}
@media (width >= 480px) {
.contact-component__persons .contact-card {
flex: 0 0 calc(50% - .5rem);
max-width: calc(50% - .5rem);
}
}
@media (width >= 769px) {
.contact-component__persons:not(.contact-component__persons--with-headline) .contact-card {
flex: 0 0 calc(33.333% - .7rem);
}
}
.funnel__step {
display: none;
}
.funnel__step.active {
display: block;
}
.funnel__buttons {
flex-wrap: wrap;
justify-content: center;
align-items: center;
gap: 2rem;
padding: 3rem 0;
display: flex;
}
.funnel__btn {
cursor: pointer;
}
.funnel__btn--image {
flex: 0 0 150px;
min-width: 100px;
}
@media (width >= 769px) {
.funnel__btn--image {
flex: 0 0 300px;
}
}
.funnel__btn-image {
aspect-ratio: 1;
}
.funnel__btn-image img {
object-fit: cover;
border-top-left-radius: 0;
border-top-right-radius: 0;
width: 100%;
height: 100%;
}
.funnel__btn-text {
color: #fff;
background: #92a800;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
padding: .8rem .5rem;
}
.history__timeline {
margin-bottom: 1.5rem;
}
.history__timeline-list {
flex-wrap: wrap;
align-items: center;
display: flex;
}
.history__timeline-item {
cursor: pointer;
color: #acabab;
text-align: center;
align-items: center;
font-size: 1.5rem;
font-weight: 700;
transition: all .2s ease-in-out;
display: flex;
}
.history__timeline-item:hover, .history__timeline-item--active {
color: #000;
}
.history__timeline-item + .history__timeline-item:before {
content: "";
border-top: 1px dashed #000;
width: 32px;
height: 1px;
margin: 0 .8rem;
display: block;
}
.history__item {
display: none;
}
.history__item--active {
display: block;
}
.history__item-inner {
flex-direction: column;
gap: 2rem;
display: flex;
}
@media (width >= 769px) {
.history__item-inner {
flex-direction: row;
gap: 5rem;
}
}
.history__item-headline {
color: #acabab;
font-size: 1.5rem;
font-weight: 700;
}
.history__item-year {
color: #92a800;
font-size: 2.5rem;
font-weight: 700;
}
@media (width >= 769px) {
.history__item-year {
font-size: 4.3rem;
}
}
.history__item-image {
flex: 0 0 100%;
max-width: 100%;
height: auto;
}
@media (width >= 769px) {
.history__item-image {
flex: 0 0 40%;
max-width: 40%;
}
}
.history__item-picture {
position: relative;
}
.history__item-picture:before {
content: "";
background-color: #92a800;
width: 100%;
height: 100%;
position: absolute;
top: 1rem;
left: -1rem;
}
.history__item-picture img {
z-index: 1;
width: 100%;
position: relative;
}
.history__nav {
cursor: pointer;
gap: 1rem;
margin-top: 1.5rem;
font-size: 2rem;
display: flex;
}
.job-section {
margin-top: 1rem;
}
.job__title div {
color: #92a800;
}
@media (width >= 769px) {
.job__hero {
justify-content: space-between;
gap: 2rem;
display: flex;
}
.job__title, .job__intro {
flex: 0 0 40%;
}
}
.job__image {
aspect-ratio: 1;
width: 100%;
margin-bottom: 3rem;
}
@media (width >= 769px) {
.job__image {
aspect-ratio: 5 / 2;
}
}
.job__image img {
object-fit: cover;
border-radius: 0;
width: 100%;
height: 100%;
}
.job__container {
flex-direction: column;
align-items: flex-start;
gap: 1.5rem;
display: flex;
}
@media (width >= 769px) {
.job__container {
flex-direction: row;
}
.job__content, .job__form {
flex: 0 0 50%;
}
.job__form-inner {
position: sticky;
top: 0;
}
}
.job__section {
margin-bottom: 2rem;
}
.job__facts {
color: #fff;
background: #92a800;
border-radius: 0;
flex-direction: column;
gap: .8rem;
padding: 2rem 1.5rem;
display: flex;
}
@media (width >= 769px) {
.job__facts {
flex: 0 0 30%;
}
}
.job__facts h4 {
margin: 0;
}
.joblisting__list {
flex-flow: wrap;
justify-content: center;
display: flex;
}
.joblisting__item {
flex: 0 0 100%;
padding: 1rem;
}
@media (width >= 769px) {
.joblisting__item {
flex: 0 0 33%;
}
}
.joblisting__item-inner {
background: #fff;
}
.section--white .joblisting__item-inner {
background: #f9f9f9;
}
.joblisting__jobname {
margin-bottom: .5rem;
font-size: 1.2rem;
font-weight: 700;
}
.joblisting__location {
color: #92a800;
align-items: center;
gap: 4px;
display: flex;
}
.joblisting__content {
padding: 1rem;
}
.joblisting__item-arrow {
background: #fff;
border-radius: 50%;
flex: 0 0 30px;
width: 30px;
height: 30px;
position: relative;
}
.joblisting__item-arrow .icon-arrow-right {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.jobs__link {
position: relative;
}
.jobs__count {
color: #fff;
background: #92a800;
padding: 2px 6px;
font-size: 8px;
position: absolute;
top: -10px;
right: -17px;
}
.contact-page__form {
flex-direction: column;
display: flex;
}
@media (width >= 769px) {
.contact-page__form {
flex-direction: row;
}
.contact-page__form-content {
flex: 0 0 30%;
}
.contact-page__form-form {
flex: 0 0 70%;
}
}
.contact-page__form-form-inner {
background: #f9f9f9;
padding: 1.5rem;
}
@media (width >= 769px) {
.contact-page__form-form-inner {
padding: 3rem;
}
}
.contact-page__cards {
flex-direction: column;
gap: 1.5rem;
width: 100%;
display: flex;
}
@media (width >= 1024px) {
.contact-page__cards {
flex-direction: row;
}
}
.contact-page__cards-item {
color: #92a800;
background: #f9f9f9;
gap: 1rem;
padding: 1.5rem;
font-weight: 700;
display: flex;
}
.contact-page__cards-item span {
color: #222;
font-weight: 400;
display: block;
}
.contact-page__cards-item a {
color: #92a800;
}
@media (width >= 769px) {
.contact-page__cards-item {
flex: 1 1 0;
padding: 3rem;
}
}
.contact-page__cards-icon {
color: #222;
flex: 0 0 2rem;
font-size: 2rem;
}
.error-404__topline {
color: #92a800;
font-size: clamp(1rem, 3vw, 20px);
font-weight: 700;
}
.error-404__headline {
-webkit-text-fill-color: transparent;
text-align: center;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
-webkit-background-clip: text;
font-size: clamp(8rem, 45vw, 690px);
font-weight: 900;
line-height: 1;
overflow: hidden;
}
.error-404__content {
text-align: center;
}
.termsfeed-com---palette-dark.termsfeed-com---nb {
color: #222 !important;
background-color: #92a800 !important;
border-top-left-radius: 0 !important;
}
.termsfeed-com---palette-dark .cc-nb-title, .termsfeed-com---palette-dark .cc-nb-text {
color: #222 !important;
}
.termsfeed-com---palette-dark .cc-nb-okagree, .termsfeed-com---palette-dark .cc-nb-reject {
color: #fff !important;
background-color: #222 !important;
border-radius: 0 !important;
}
.cc-nb-changep {
border-radius: 0 !important;
}
table {
border-collapse: collapse;
color: #222;
width: 100%;
display: block;
overflow: scroll;
}
thead {
color: #fff;
background: #92a800;
font-weight: 700;
}
thead th {
text-align: left;
padding: 1rem .8rem;
}
tr td:first-child {
font-weight: 700;
}
tr:nth-child(2n) {
background: #f9f9f9;
}
td {
padding: .8rem;
}
.team-hero {
position: relative;
}
.team-hero__inner {
z-index: 1;
flex-direction: column;
justify-content: flex-end;
align-items: center;
min-height: 20vh;
display: flex;
position: relative;
overflow: hidden;
}
.team-hero__background {
position: absolute;
inset: 0;
}
.team-hero__background img {
object-fit: cover;
width: 100%;
height: 100%;
}
.team-hero__list {
z-index: 1;
position: relative;
}
.team-hero__list-inner {
display: flex;
}
.team-hero__left, .team-hero__right {
flex: 0 0 50%;
align-items: flex-end;
display: flex;
}
.team-hero__left {
flex-direction: row-reverse;
transform: translateX(3.5vw);
}
.team-hero__right {
transform: translateX(-3.5vw);
}
.team-hero__img {
--width: calc(50vw / var(--length) * 3.7);
transform: scale(calc(1 / (30 / var(--i))));
transform-origin: bottom;
width: var(--width);
z-index: var(--i);
}
.team-hero__img img {
filter: drop-shadow(-5px 10px 14px #444);
}
.team-hero__img--left {
margin-left: calc(var(--width) * -.75);
}
.team-hero__img--right {
margin-right: calc(var(--width) * -.75);
}
.team-hero__headline {
z-index: 1;
flex-direction: column;
flex: 1;
justify-content: center;
align-items: center;
gap: 2rem;
padding: clamp(30px, 10vw, 80px) 20px 20px;
display: flex;
position: relative;
}
.team-hero__headline h1 {
margin-bottom: 0;
font-size: clamp(3rem, 8vw, 6rem);
line-height: 1.1;
display: block;
}
.team-hero__headline h1 b {
color: #92a800;
}
.faq__inner {
flex-direction: column;
gap: 2rem;
display: flex;
}
.faq__items {
flex-direction: column;
gap: 1rem;
display: flex;
}
.faq__item {
border: 1px solid #acabab;
border-radius: 0;
flex-direction: column;
padding: 1rem;
display: flex;
}
.faq__item-headline {
cursor: pointer;
justify-content: space-between;
align-items: center;
gap: 1rem;
display: flex;
}
.faq__item-headline h3 {
margin: 0;
}
@media (width <= 769px) {
.faq__item-headline h3 {
font-size: 1rem;
}
}
.faq__item-checkbox:checked ~ .faq__item-headline .faq__icon {
transform: rotate(180deg);
}
.faq__icon {
flex: 0 0 20px;
transition: all .3s;
}
.faq__item-content {
interpolate-size: allow-keywords;
opacity: 0;
height: 0;
transition: all .3s;
overflow: hidden;
}
.faq__item-checkbox:checked ~ .faq__item-content {
opacity: 1;
height: auto;
margin-top: 1rem;
}
.faq__item-content p {
margin: 0;
}
.faq__item-checkbox {
visibility: hidden;
z-index: -10;
opacity: 0;
position: absolute;
}
.screen-reader-text {
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
position: absolute !important;
}
.screen-reader-text:focus {
clip: auto;
white-space: normal;
z-index: 100000;
width: auto;
height: auto;
margin: 0;
padding: .5rem 1rem;
overflow: visible;
}
.no-margin {
margin: 0;
}
.no-padding {
padding: 0;
}
.mb-base {
margin-bottom: 1rem;
}
.flex {
display: flex;
}
[class^="flex-row-"], [class*=" flex-row-"] {
flex-direction: row;
display: flex;
}
[class^="flex-col-"], [class*=" flex-col-"] {
flex-direction: column;
display: flex;
}
.flex-row-xs, .flex-col-xs {
gap: .5rem;
}
.flex-row-sm, .flex-col-sm {
gap: .8rem;
}
.flex-row-base, .flex-col-base {
gap: 1rem;
}
.flex-row-lg, .flex-col-lg {
gap: 1.5rem;
}
.items-start {
align-items: flex-start;
}
.items-end {
align-items: flex-end;
}
.items-center {
align-items: center;
}
.justify-between {
justify-content: space-between;
}
.justify-center {
justify-content: center;
}
.flex-wrap {
flex-wrap: wrap;
}
.npt {
padding-top: 0;
}
.npb {
padding-bottom: 0;
}
.text-center {
text-align: center;
}
.bg--gray {
background: #f9f9f9;
}
.bg--white {
background: #fff;
}
@media (width <= 769px) {
.desktop-only {
opacity: 0 !important;
visibility: hidden !important;
width: 0 !important;
height: 0 !important;
margin: 0 !important;
padding: 0 !important;
display: none !important;
}
}
@media (width >= 769px) {
.mobile-only {
opacity: 0 !important;
visibility: hidden !important;
width: 0 !important;
height: 0 !important;
margin: 0 !important;
padding: 0 !important;
display: none !important;
}
}
.mt-1 {
margin-top: .25rem;
}
.mt-2 {
margin-top: .5rem;
}
.mt-4 {
margin-top: 1rem;
}
.mt-8 {
margin-top: 1.5rem;
}
.mt-12 {
margin-top: 2rem;
}
.mt-16 {
margin-top: 3rem;
}
.mb-1 {
margin-bottom: .25rem;
}
.mb-2 {
margin-bottom: .5rem;
}
.mb-4 {
margin-bottom: 1rem;
}
.mb-8 {
margin-bottom: 1.5rem;
}
.mb-12 {
margin-bottom: 2rem;
}
.mb-16 {
margin-bottom: 3rem;
}
.hide-scrollbar {
scrollbar-width: none;
-ms-overflow-style: none;
-webkit-overflow-scrolling: touch;
}
.info-bar {
background: #92a800;
color: #ffffff;
font-size: .8rem;
line-height: 1.4;
padding: .8rem 0;
}
.info-bar__inner {
display: flex;
flex-direction: column;
gap: .5rem;
}
@media (min-width: 769px) {
.info-bar__inner {
align-items: center;
flex-direction: row;
gap: 1rem;
}
}
.info-bar__title {
flex: 0 0 auto;
}
.info-bar__text {
flex: 1 1 auto;
}
.info-bar__link {
align-self: flex-start;
color: inherit;
flex: 0 0 auto;
font-weight: 700;
text-decoration: underline;
text-underline-offset: .2em;
}
@media (min-width: 769px) {
.info-bar__link {
align-self: center;
margin-left: auto;
}
}
.info-bar__link:after {
content: "\2192";
display: inline-block;
margin-left: .25rem;
transition: transform .2s ease-in-out;
}
.info-bar__link:hover:after, .info-bar__link:focus-visible:after {
transform: translateX(.2rem);
}