@charset "UTF-8";
/*!-----------------------------------------------------------------------------
Master Stylesheet.
Project: {{ description }} ({{ name }})
Version: 1.0
Author: visions.ch GmbH
URL: {{ homepage }}
-------------------------------------------------------------------------- */
/*
---
name: Meta
category: meta
sourcePath:
---
The meta folder/category holds files which only have functions, mixins,
variables and other definitions which do *not* compile to CSS.
*/
/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */
/* Document
========================================================================== */
/**
* 1. Correct the line height in all browsers.
* 2. Prevent adjustments of font size after orientation changes in
* IE on Windows Phone and in iOS.
*/
html {
line-height: 1.15; /* 1 */
-ms-text-size-adjust: 100%; /* 2 */
-webkit-text-size-adjust: 100%; /* 2 */
}
/* Sections
========================================================================== */
/**
* Remove the margin in all browsers (opinionated).
*/
body {
margin: 0;
overflow-x: hidden;
}
/**
* Add the correct display in IE 9-.
*/
article,
aside,
footer,
header,
nav,
section {
display: block;
}
/**
* Correct the font size and margin on `h1` elements within `section` and
* `article` contexts in Chrome, Firefox, and Safari.
*/
h1 {
font-size: 2em;
margin: 0.67em 0;
}
/* Grouping content
========================================================================== */
/**
* Add the correct display in IE 9-.
* 1. Add the correct display in IE.
*/
figcaption,
figure,
main { /* 1 */
display: block;
}
/**
* Add the correct margin in IE 8.
*/
figure {
margin: 1em 40px;
}
/**
* 1. Add the correct box sizing in Firefox.
* 2. Show the overflow in Edge and IE.
*/
hr {
-webkit-box-sizing: content-box;
box-sizing: content-box; /* 1 */
height: 0; /* 1 */
overflow: visible; /* 2 */
}
/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
pre {
font-family: monospace, monospace; /* 1 */
font-size: 1em; /* 2 */
}
/* Text-level semantics
========================================================================== */
/**
* 1. Remove the gray background on active links in IE 10.
* 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
*/
a {
background-color: transparent; /* 1 */
-webkit-text-decoration-skip: objects; /* 2 */
}
/**
* 1. Remove the bottom border in Chrome 57- and Firefox 39-.
* 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
*/
abbr[title] {
border-bottom: none; /* 1 */
text-decoration: underline; /* 2 */
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted; /* 2 */
}
/**
* Prevent the duplicate application of `bolder` by the next rule in Safari 6.
*/
b,
strong {
font-weight: inherit;
}
/**
* Add the correct font weight in Chrome, Edge, and Safari.
*/
b,
strong {
font-weight: bolder;
}
/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
code,
kbd,
samp {
font-family: monospace, monospace; /* 1 */
font-size: 1em; /* 2 */
}
/**
* Add the correct font style in Android 4.3-.
*/
dfn {
font-style: italic;
}
/**
* Add the correct background and color in IE 9-.
*/
mark {
background-color: #ff0;
color: #000;
}
/**
* Add the correct font size in all browsers.
*/
small {
font-size: 80%;
}
/**
* Prevent `sub` and `sup` elements from affecting the line height in
* all browsers.
*/
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
/* Embedded content
========================================================================== */
/**
* Add the correct display in IE 9-.
*/
audio,
video {
display: inline-block;
}
/**
* Add the correct display in iOS 4-7.
*/
audio:not([controls]) {
display: none;
height: 0;
}
/**
* Remove the border on images inside links in IE 10-.
*/
img {
border-style: none;
}
/**
* Hide the overflow in IE.
*/
svg:not(:root) {
overflow: hidden;
}
/* Forms
========================================================================== */
/**
* 1. Change the font styles in all browsers (opinionated).
* 2. Remove the margin in Firefox and Safari.
*/
button,
input,
optgroup,
select,
textarea {
font-family: sans-serif; /* 1 */
font-size: 100%; /* 1 */
line-height: 1.15; /* 1 */
margin: 0; /* 2 */
}
/**
* Show the overflow in IE.
* 1. Show the overflow in Edge.
*/
button,
input { /* 1 */
overflow: visible;
}
/**
* Remove the inheritance of text transform in Edge, Firefox, and IE.
* 1. Remove the inheritance of text transform in Firefox.
*/
button,
select { /* 1 */
text-transform: none;
}
/**
* 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
* controls in Android 4.
* 2. Correct the inability to style clickable types in iOS and Safari.
*/
button,
html [type=button],
[type=reset],
[type=submit] {
-webkit-appearance: button; /* 2 */
}
/**
* Remove the inner border and padding in Firefox.
*/
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
border-style: none;
padding: 0;
}
/**
* Restore the focus styles unset by the previous rule.
*/
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
outline: 1px dotted ButtonText;
}
/**
* Correct the padding in Firefox.
*/
fieldset {
padding: 0.35em 0.75em 0.625em;
}
/**
* 1. Correct the text wrapping in Edge and IE.
* 2. Correct the color inheritance from `fieldset` elements in IE.
* 3. Remove the padding so developers are not caught out when they zero out
* `fieldset` elements in all browsers.
*/
legend {
-webkit-box-sizing: border-box;
box-sizing: border-box; /* 1 */
color: inherit; /* 2 */
display: table; /* 1 */
max-width: 100%; /* 1 */
padding: 0; /* 3 */
white-space: normal; /* 1 */
}
/**
* 1. Add the correct display in IE 9-.
* 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
*/
progress {
display: inline-block; /* 1 */
vertical-align: baseline; /* 2 */
}
/**
* Remove the default vertical scrollbar in IE.
*/
textarea {
overflow: auto;
}
/**
* 1. Add the correct box sizing in IE 10-.
* 2. Remove the padding in IE 10-.
*/
[type=checkbox],
[type=radio] {
-webkit-box-sizing: border-box;
box-sizing: border-box; /* 1 */
padding: 0; /* 2 */
}
/**
* Correct the cursor style of increment and decrement buttons in Chrome.
*/
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
height: auto;
}
/**
* 1. Correct the odd appearance in Chrome and Safari.
* 2. Correct the outline style in Safari.
*/
[type=search] {
-webkit-appearance: textfield; /* 1 */
outline-offset: -2px; /* 2 */
}
/**
* Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
*/
[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
-webkit-appearance: none;
}
/**
* 1. Correct the inability to style clickable types in iOS and Safari.
* 2. Change font properties to `inherit` in Safari.
*/
::-webkit-file-upload-button {
-webkit-appearance: button; /* 1 */
font: inherit; /* 2 */
}
/* Interactive
========================================================================== */
/*
* Add the correct display in IE 9-.
* 1. Add the correct display in Edge, IE, and Firefox.
*/
details,
menu {
display: block;
}
/*
* Add the correct display in all browsers.
*/
summary {
display: list-item;
}
/* Scripting
========================================================================== */
/**
* Add the correct display in IE 9-.
*/
canvas {
display: inline-block;
}
/**
* Add the correct display in IE.
*/
template {
display: none;
}
/* Hidden
========================================================================== */
/**
* Add the correct display in IE 10-.
*/
[hidden] {
display: none;
}
ul {
list-style-type: none;
margin: 0;
padding: 0;
}
p {
font-size: 1.25em !important;
}
.richtext.-archive p {
margin-bottom: 0.5rem;
}
.richtext img {
width: 100%;
}
.richtext ul {
padding-left: 20px;
}
.richtext ul li {
list-style-type: circle;
}
.richtext.yellow a {
color: #009ce2 !important;
}
.richtext.white a {
color: #fff !important;
text-decoration: none;
}
.richtext.selfsize p {
font-size: 0 !important;
}
.richtext table tr:not(:last-of-type) {
border-bottom: 1px solid #333;
}
.richtext table tr td {
padding-right: 10px;
padding-left: 10px;
}
.richtext table tr td:not(:last-of-type) {
border-right: 1px solid #333;
}
@media screen and (max-width: 768px) {
.richtext img {
height: auto !important;
}
}
/*
---
name: Vendor
category: vendor
sourcePath:
---
All stylings for third-party plugins or internally developed components that
work independently.
*/
.navburger-container {
/* Fixed padding */
}
.navburger-container.-nbfixed {
padding-top: 54px;
}
.navburger-container .navburger {
/* Fixed */
/* First Level */
/* Open-Close Toggler */
}
.navburger-container .navburger {
position: fixed;
display: block;
z-index: 100;
height: 54px;
width: 100%;
top: 0;
background-color: #009ce2;
}
.navburger-container .navburger.-fixed {
position: fixed;
}
.navburger-container .navburger ul {
position: relative;
display: none;
top: 54px;
background-color: #0079af;
}
.navburger-container .navburger ul li {
/* Second Level */
}
.navburger-container .navburger ul li {
position: relative;
width: 100%;
border-bottom: 1px solid #009ce2;
}
.navburger-container .navburger ul li a {
display: block;
padding: 10px;
color: #fff;
text-decoration: none;
}
.navburger-container .navburger ul li .subtoggler {
position: absolute;
top: 0;
right: 0;
width: 44px;
height: 44px;
line-height: 44px;
color: #fff;
font-size: 36px;
font-weight: bold;
text-align: center;
cursor: pointer;
}
.navburger-container .navburger ul li .subtoggler img {
width: 20px;
height: 20px;
}
.navburger-container .navburger ul li ul {
top: 0;
}
.navburger-container .navburger ul li ul li {
/* Third Level */
}
.navburger-container .navburger ul li ul li {
border-bottom: 0;
border-top: 1px solid #009ce2;
}
.navburger-container .navburger ul li ul li a {
padding-left: 25px;
}
.navburger-container .navburger ul li ul li ul li {
border-bottom: 0;
border-top: 1px solid #009ce2;
}
.navburger-container .navburger ul li ul li ul li a {
padding-left: 40px;
}
.navburger-container .navburger .toggler, .navburger-container .navburger .carousel-vis .counter, .carousel-vis .navburger-container .navburger .counter, .navburger-container .navburger .carousel-vis .minipreview, .carousel-vis .navburger-container .navburger .minipreview {
position: absolute;
width: 35px;
height: 30px;
top: 12px;
right: 12px;
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: 0.5s ease-in-out;
transition: 0.5s ease-in-out;
cursor: pointer;
}
.navburger-container .navburger .toggler.open span:nth-child(1), .navburger-container .navburger .carousel-vis .open.counter span:nth-child(1), .carousel-vis .navburger-container .navburger .open.counter span:nth-child(1), .navburger-container .navburger .carousel-vis .open.minipreview span:nth-child(1), .carousel-vis .navburger-container .navburger .open.minipreview span:nth-child(1), .navburger-container .navburger .toggler.open span:nth-child(4), .navburger-container .navburger .carousel-vis .open.counter span:nth-child(4), .carousel-vis .navburger-container .navburger .open.counter span:nth-child(4), .navburger-container .navburger .carousel-vis .open.minipreview span:nth-child(4), .carousel-vis .navburger-container .navburger .open.minipreview span:nth-child(4) {
top: 12px;
width: 0;
left: 50%;
}
.navburger-container .navburger .toggler.open span:nth-child(2), .navburger-container .navburger .carousel-vis .open.counter span:nth-child(2), .carousel-vis .navburger-container .navburger .open.counter span:nth-child(2), .navburger-container .navburger .carousel-vis .open.minipreview span:nth-child(2), .carousel-vis .navburger-container .navburger .open.minipreview span:nth-child(2) {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.navburger-container .navburger .toggler.open span:nth-child(3), .navburger-container .navburger .carousel-vis .open.counter span:nth-child(3), .carousel-vis .navburger-container .navburger .open.counter span:nth-child(3), .navburger-container .navburger .carousel-vis .open.minipreview span:nth-child(3), .carousel-vis .navburger-container .navburger .open.minipreview span:nth-child(3) {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.navburger-container .navburger .toggler span, .navburger-container .navburger .carousel-vis .counter span, .carousel-vis .navburger-container .navburger .counter span, .navburger-container .navburger .carousel-vis .minipreview span, .carousel-vis .navburger-container .navburger .minipreview span {
position: absolute;
display: block;
height: 6px;
width: 100%;
background: #fff;
border-radius: 0;
opacity: 1;
left: 0;
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: 0.25s ease-in-out;
transition: 0.25s ease-in-out;
}
.navburger-container .navburger .toggler span:nth-child(1), .navburger-container .navburger .carousel-vis .counter span:nth-child(1), .carousel-vis .navburger-container .navburger .counter span:nth-child(1), .navburger-container .navburger .carousel-vis .minipreview span:nth-child(1), .carousel-vis .navburger-container .navburger .minipreview span:nth-child(1) {
top: 0;
}
.navburger-container .navburger .toggler span:nth-child(2), .navburger-container .navburger .carousel-vis .counter span:nth-child(2), .carousel-vis .navburger-container .navburger .counter span:nth-child(2), .navburger-container .navburger .carousel-vis .minipreview span:nth-child(2), .carousel-vis .navburger-container .navburger .minipreview span:nth-child(2), .navburger-container .navburger .toggler span:nth-child(3), .navburger-container .navburger .carousel-vis .counter span:nth-child(3), .carousel-vis .navburger-container .navburger .counter span:nth-child(3), .navburger-container .navburger .carousel-vis .minipreview span:nth-child(3), .carousel-vis .navburger-container .navburger .minipreview span:nth-child(3) {
top: 12px;
}
.navburger-container .navburger .toggler span:nth-child(4), .navburger-container .navburger .carousel-vis .counter span:nth-child(4), .carousel-vis .navburger-container .navburger .counter span:nth-child(4), .navburger-container .navburger .carousel-vis .minipreview span:nth-child(4), .carousel-vis .navburger-container .navburger .minipreview span:nth-child(4) {
top: 24px;
}
.navburger-container .navburger .logo {
position: absolute;
top: 0;
left: 0;
width: auto;
height: 100%;
padding: 10px;
}
/* Magnific Popup CSS */
.mfp-bg {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1042;
overflow: hidden;
position: fixed;
background: #0b0b0b;
opacity: 0.8;
}
.mfp-wrap {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1043;
position: fixed;
outline: none !important;
-webkit-backface-visibility: hidden;
}
.mfp-container {
text-align: center;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
padding: 0 8px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.mfp-container:before {
content: "";
display: inline-block;
height: 100%;
vertical-align: middle;
}
.mfp-align-top .mfp-container:before {
display: none;
}
.mfp-content {
position: relative;
display: inline-block;
vertical-align: middle;
margin: 0 auto;
text-align: left;
z-index: 1045;
}
.mfp-ajax-holder .mfp-content,
.mfp-inline-holder .mfp-content {
width: 100%;
cursor: auto;
}
.mfp-ajax-cur {
cursor: progress;
}
.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
cursor: -webkit-zoom-out;
cursor: zoom-out;
}
.mfp-zoom {
cursor: pointer;
cursor: -webkit-zoom-in;
cursor: zoom-in;
}
.mfp-auto-cursor .mfp-content {
cursor: auto;
}
.mfp-arrow,
.mfp-close,
.mfp-counter,
.mfp-preloader {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.mfp-loading.mfp-figure {
display: none;
}
.mfp-hide {
display: none !important;
}
.mfp-preloader {
color: #CCC;
position: absolute;
top: 50%;
width: auto;
text-align: center;
margin-top: -0.8em;
left: 8px;
right: 8px;
z-index: 1044;
}
.mfp-preloader a {
color: #CCC;
}
.mfp-preloader a:hover {
color: #FFF;
}
.mfp-s-ready .mfp-preloader {
display: none;
}
.mfp-s-error .mfp-content {
display: none;
}
button.mfp-arrow,
button.mfp-close {
overflow: visible;
cursor: pointer;
background: transparent;
border: 0;
-webkit-appearance: none;
display: block;
outline: none;
padding: 0;
z-index: 1046;
-webkit-box-shadow: none;
box-shadow: none;
-ms-touch-action: manipulation;
touch-action: manipulation;
}
button::-moz-focus-inner {
padding: 0;
border: 0;
}
.mfp-close {
width: 44px;
height: 44px;
line-height: 44px;
position: absolute;
right: 0;
top: 0;
text-decoration: none;
text-align: center;
opacity: 0.65;
padding: 0 0 18px 10px;
color: #FFF;
font-style: normal;
font-size: 28px;
font-family: Arial, Baskerville, monospace;
}
.mfp-close:focus,
.mfp-close:hover {
opacity: 1;
}
.mfp-close:active {
top: 1px;
}
.mfp-close-btn-in .mfp-close {
color: #333;
}
.mfp-iframe-holder .mfp-close,
.mfp-image-holder .mfp-close {
color: #FFF;
right: -6px;
text-align: right;
padding-right: 6px;
width: 100%;
}
.mfp-counter {
position: absolute;
top: 0;
right: 0;
color: #CCC;
font-size: 12px;
line-height: 18px;
white-space: nowrap;
}
.mfp-arrow {
position: absolute;
opacity: 0.65;
margin: 0;
top: 50%;
margin-top: -55px;
padding: 0;
width: 90px;
height: 110px;
-webkit-tap-highlight-color: transparent;
}
.mfp-arrow:active {
margin-top: -54px;
}
.mfp-arrow:focus,
.mfp-arrow:hover {
opacity: 1;
}
.mfp-arrow:after,
.mfp-arrow:before {
content: "";
display: block;
width: 0;
height: 0;
position: absolute;
left: 0;
top: 0;
margin-top: 35px;
margin-left: 35px;
border: medium inset transparent;
}
.mfp-arrow:after {
border-top-width: 13px;
border-bottom-width: 13px;
top: 8px;
}
.mfp-arrow:before {
border-top-width: 21px;
border-bottom-width: 21px;
opacity: 0.7;
}
.mfp-arrow-left {
left: 0;
}
.mfp-arrow-left:after {
border-right: 17px solid #FFF;
margin-left: 31px;
}
.mfp-arrow-left:before {
margin-left: 25px;
border-right: 27px solid #3F3F3F;
}
.mfp-arrow-right {
right: 0;
}
.mfp-arrow-right:after {
border-left: 17px solid #FFF;
margin-left: 39px;
}
.mfp-arrow-right:before {
border-left: 27px solid #3F3F3F;
}
.mfp-iframe-holder {
padding-top: 40px;
padding-bottom: 40px;
}
.mfp-iframe-holder .mfp-content {
line-height: 0;
width: 100%;
max-width: 900px;
}
.mfp-iframe-holder .mfp-close {
top: -40px;
}
.mfp-iframe-scaler {
width: 100%;
height: 0;
overflow: hidden;
padding-top: 56.25%;
}
.mfp-iframe-scaler iframe {
position: absolute;
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
-webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #000;
}
/* Main image in popup */
img.mfp-img {
width: auto;
max-width: 100%;
height: auto;
display: block;
line-height: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 40px 0;
margin: 0 auto;
}
/* The shadow behind the image */
.mfp-figure {
line-height: 0;
}
.mfp-figure:after {
content: "";
position: absolute;
left: 0;
top: 40px;
bottom: 40px;
display: block;
right: 0;
width: auto;
height: auto;
z-index: -1;
-webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #444;
}
.mfp-figure small {
color: #BDBDBD;
display: block;
font-size: 12px;
line-height: 14px;
}
.mfp-figure figure {
margin: 0;
}
.mfp-bottom-bar {
margin-top: -36px;
position: absolute;
top: 100%;
left: 0;
width: 100%;
cursor: auto;
}
.mfp-title {
text-align: left;
line-height: 18px;
color: #F3F3F3;
word-wrap: break-word;
padding-right: 36px;
}
.mfp-image-holder .mfp-content {
max-width: 100%;
}
.mfp-gallery .mfp-image-holder .mfp-figure {
cursor: pointer;
}
@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
/**
* Remove all paddings around the image on small screen
*/
.mfp-img-mobile .mfp-image-holder {
padding-left: 0;
padding-right: 0;
}
.mfp-img-mobile img.mfp-img {
padding: 0;
}
.mfp-img-mobile .mfp-figure:after {
top: 0;
bottom: 0;
}
.mfp-img-mobile .mfp-figure small {
display: inline;
margin-left: 5px;
}
.mfp-img-mobile .mfp-bottom-bar {
background: rgba(0, 0, 0, 0.6);
bottom: 0;
margin: 0;
top: auto;
padding: 3px 5px;
position: fixed;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.mfp-img-mobile .mfp-bottom-bar:empty {
padding: 0;
}
.mfp-img-mobile .mfp-counter {
right: 5px;
top: 3px;
}
.mfp-img-mobile .mfp-close {
top: 0;
right: 0;
width: 35px;
height: 35px;
line-height: 35px;
background: rgba(0, 0, 0, 0.6);
position: fixed;
text-align: center;
padding: 0;
}
}
@media all and (max-width: 900px) {
.mfp-arrow {
-webkit-transform: scale(0.75);
transform: scale(0.75);
}
.mfp-arrow-left {
-webkit-transform-origin: 0;
transform-origin: 0;
}
.mfp-arrow-right {
-webkit-transform-origin: 100%;
transform-origin: 100%;
}
.mfp-container {
padding-left: 6px;
padding-right: 6px;
}
}
.googlemap #gmap {
height: 500px;
}
.googlemap .marker {
display: none;
}
.grid .grid-item {
width: 25%;
}
.grid .grid-item-width2 {
width: 50%;
}
.grid .grid-item img,
.grid .grid-item-width2 img {
display: block;
max-width: 100%;
}
.grid.element-list .grid-item {
width: 100%;
background-color: white;
border-bottom: 1px solid black;
}
.carousel-vis {
position: relative;
height: 630px;
width: 100%;
max-width: 100%;
margin: 0 auto;
overflow: hidden;
}
.carousel-vis .item {
position: absolute;
overflow: hidden;
display: block;
z-index: 0;
right: 100%;
width: 100%;
height: 630px;
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
-webkit-transition: all ease 500ms;
transition: all ease 500ms;
}
.carousel-vis .item img {
max-width: none;
}
.carousel-vis .item .image {
position: absolute;
left: 50%;
top: -50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
position: absolute;
left: 50%;
top: 50%;
width: 100%;
height: auto;
}
.carousel-vis .item .overlay {
width: 100%;
height: 100%;
z-index: 15;
position: absolute;
}
.carousel-vis .item .caption {
position: absolute;
bottom: 150px;
right: -100%;
z-index: 15;
font-size: 30px;
color: white !important;
}
.carousel-vis .item.nextanimateIn {
-webkit-animation-name: nextanimateIn;
animation-name: nextanimateIn;
-webkit-animation-duration: 500ms;
animation-duration: 500ms;
}
.carousel-vis .item.nextanimateOut {
-webkit-animation-name: nextanimateOut;
animation-name: nextanimateOut;
-webkit-animation-duration: 500ms;
animation-duration: 500ms;
}
@-webkit-keyframes nextanimateIn {
from {
left: 100%;
right: initial;
}
to {
left: 0;
}
}
@keyframes nextanimateIn {
from {
left: 100%;
right: initial;
}
to {
left: 0;
}
}
@-webkit-keyframes nextanimateOut {
from {
left: 0;
}
to {
left: -100%;
}
}
@keyframes nextanimateOut {
from {
left: 0;
}
to {
left: -100%;
}
}
.carousel-vis .item.prevanimateIn {
-webkit-animation-name: prevanimateIn;
animation-name: prevanimateIn;
-webkit-animation-duration: 500ms;
animation-duration: 500ms;
}
.carousel-vis .item.prevanimateOut {
-webkit-animation-name: prevanimateOut;
animation-name: prevanimateOut;
-webkit-animation-duration: 500ms;
animation-duration: 500ms;
}
@-webkit-keyframes prevanimateIn {
from {
right: 100%;
left: initial;
}
to {
right: 0;
}
}
@keyframes prevanimateIn {
from {
right: 100%;
left: initial;
}
to {
right: 0;
}
}
@-webkit-keyframes prevanimateOut {
from {
right: 0;
left: initial;
}
to {
right: -100%;
}
}
@keyframes prevanimateOut {
from {
right: 0;
left: initial;
}
to {
right: -100%;
}
}
.carousel-vis .item.active {
z-index: 10;
right: 0;
}
.carousel-vis .item.active .caption {
right: 20px;
-webkit-transition: all 400ms ease;
transition: all 400ms ease;
}
.carousel-vis .toggler, .carousel-vis .counter, .carousel-vis .minipreview {
display: none;
padding: 0;
bottom: 120px;
position: absolute;
text-align: center;
left: 50%;
-webkit-transform: translate(-50%, 0);
transform: translate(-50%, 0);
z-index: 11;
}
.carousel-vis .toggler li, .carousel-vis .counter li, .carousel-vis .minipreview li {
border: none;
width: 16px;
height: 16px;
background-color: #333;
margin: 0;
border-radius: 16px;
margin-left: 11px;
display: inline-block;
cursor: pointer;
}
.carousel-vis .toggler li.active, .carousel-vis .counter li.active, .carousel-vis .minipreview li.active {
background-color: #ccc;
}
.carousel-vis .minipreview {
bottom: 40px;
width: 300px;
height: 70px;
list-style: none;
white-space: nowrap;
overflow-y: hidden;
margin: 0;
}
.carousel-vis .minipreview li {
width: 50px;
height: 50px;
border-radius: 0;
background-color: transparent;
background-size: cover;
background-position: center;
}
.carousel-vis .minipreview li.active {
background-color: transparent;
}
.carousel-vis .minipreview li:first-child {
margin: 0;
}
.carousel-vis .counter {
bottom: 0;
}
.carousel-vis .item-skip {
display: none;
position: absolute;
bottom: 120px;
font-size: 35px;
z-index: 11;
cursor: pointer;
}
.carousel-vis .item-skip.next {
right: 10px;
}
.carousel-vis .item-skip.prev {
left: 10px;
}
@media (max-width: 1375px) {
.carousel-vis {
height: 500px;
}
.carousel-vis .item {
height: 500px;
}
}
@media (max-width: 1200px) {
.carousel-vis {
height: 500px;
}
.carousel-vis .item {
height: 500px;
}
}
@media (max-width: 992px) {
.carousel-vis {
height: 300px;
}
.carousel-vis .item {
height: 300px;
}
}
.accordion .entry {
margin-bottom: 3px;
}
.accordion .entry .title {
border-top: 1px solid #000;
-webkit-transition: all ease 500ms;
transition: all ease 500ms;
padding: 5px;
cursor: pointer;
font-size: 1.25em !important;
font-weight: normal !important;
}
.accordion .entry .title:last-child {
border-bottom: 1px solid #000;
}
.accordion .entry .cb-accordion-inner {
margin-left: 50px;
}
.accordion .entry .cb-accordion-inner .entry:last-child {
border-bottom: none;
}
.accordion .entry .text {
display: none;
padding: 5px;
}
@media (max-width: 992px) {
.accordion .entry .title {
font-size: 1em !important;
}
.accordion .entry .cb-accordion-inner {
margin-left: 0;
}
.accordion .entry .cb-accordion-inner table td {
font-size: 1em !important;
display: table-cell;
}
.accordion .entry .cb-accordion-inner table td strong {
word-break: break-all;
}
.accordion .entry .cb-accordion-inner p {
font-size: 1em !important;
}
}
/* Responsive Table */
table.vis-table {
width: 100%;
}
@media screen and (max-width: 650px) {
table.vis-table tr {
padding-bottom: 5px;
margin-bottom: 5px;
display: block;
}
table.vis-table th {
display: none;
}
table.vis-table td {
display: block;
height: auto !important;
text-align: left !important;
}
table.vis-table td:before {
font-weight: bold;
width: 50%;
display: inline-block;
}
}
/*
---
name: Shared
category: shared
sourcePath:
---
Before creating components you most likely will have styles that are too
generic in order to fit into a component or possibly will even be used by all
of the components you create.
This for example could be generic typographic definitions, debugging styles or
basic print styles.
*/
body,
html {
font-family: "Overpass", sans-serif;
font-size: 1rem;
}
main {
min-height: 600px;
}
main a:not(.no-hover) {
color: #009ce2;
}
main a:not(.no-hover):focus, main a:not(.no-hover):hover {
color: #009ce2;
}
.heading > div {
display: inline-block;
}
a:focus, a:hover {
color: inherit;
}
img {
max-width: 100%;
}
img.seoimage {
display: none;
}
@media only screen and (max-width: 992px) {
.flex-container {
margin: 0 !important;
}
}
.infoboxcm {
position: fixed;
bottom: 0;
right: 0;
z-index: 9999;
}
.infoboxcm .inner {
background-color: yellow;
color: black;
padding: 20px;
position: relative;
}
.infoboxcm .inner a {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
.margin-top-minus {
margin-top: -150px;
}
.mobilspacer {
width: 100%;
height: 150px;
}
.containerOuter {
position: absolute;
width: 100%;
top: 115px;
z-index: 0;
}
@media screen and (max-width: 1300px) {
.containerOuter {
top: 50px;
}
}
@media screen and (max-width: 992px) {
.containerOuter {
top: 75px;
}
.mobilspacer {
height: 150px;
width: 100%;
}
}
@media screen and (max-width: 776px) {
.containerOuter {
top: auto;
position: relative;
margin-top: 150px;
margin-bottom: -50px;
}
.mobilspacer {
display: none;
}
}
.noMobil {
background-color: red;
}
@media screen and (max-width: 576px) {
.noMobil {
display: none;
}
}
.onlyMobil {
display: none;
}
@media screen and (max-width: 576px) {
.onlyMobil {
display: block;
}
}
/* overpass-regular - latin */
@font-face {
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
font-family: "Overpass";
font-style: normal;
font-weight: 400;
src: url("../fonts/overpass-v13-latin-regular.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* overpass-600 - latin */
@font-face {
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
font-family: "Overpass";
font-style: normal;
font-weight: 600;
src: url("../fonts/overpass-v13-latin-600.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* overpass-800 - latin */
@font-face {
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
font-family: "Overpass";
font-style: normal;
font-weight: 800;
src: url("../fonts/overpass-v13-latin-800.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
h1,
h2,
h3,
h4,
h5,
h6 {
word-break: break-word;
}
h1.heading._h1,
h2.heading._h1,
h3.heading._h1,
h4.heading._h1,
h5.heading._h1,
h6.heading._h1 {
font-size: 75px !important;
}
h1.heading._h2,
h2.heading._h2,
h3.heading._h2,
h4.heading._h2,
h5.heading._h2,
h6.heading._h2 {
font-size: 55px !important;
}
h1.heading._h3,
h2.heading._h3,
h3.heading._h3,
h4.heading._h3,
h5.heading._h3,
h6.heading._h3 {
font-size: 45px !important;
}
h1.heading._h4,
h2.heading._h4,
h3.heading._h4,
h4.heading._h4,
h5.heading._h4,
h6.heading._h4 {
font-size: 35px !important;
}
h1 {
font-weight: bold;
margin-top: 0;
}
h2 {
font-weight: bold;
display: inline;
}
h3 {
font-size: 3rem;
}
h4 {
font-size: 2.8rem;
}
@media only screen and (max-width: 1814.98px) {
h4 {
font-size: 2rem;
}
}
@media only screen and (max-width: 1199.98px) {
h4 {
font-size: 1.4rem;
}
}
@media only screen and (max-width: 991.98px) {
h4 {
font-size: 1.5rem;
}
}
@media only screen and (max-width: 767.98px) {
h4 {
font-size: 1.8rem;
}
}
@media only screen and (max-width: 575.98px) {
h4 {
font-size: 2.5rem;
}
}
._margin-top-0 {
margin-top: 0rem !important;
}
._margin-bottom-0 {
margin-bottom: 0rem !important;
}
._padding-top-0 {
padding-top: 0rem !important;
}
._padding-bottom-0 {
padding-bottom: 0rem !important;
}
._margin-top-0\.5 {
margin-top: 0.5rem !important;
}
._margin-bottom-0\.5 {
margin-bottom: 0.5rem !important;
}
._padding-top-0\.5 {
padding-top: 0.5rem !important;
}
._padding-bottom-0\.5 {
padding-bottom: 0.5rem !important;
}
._margin-top-1 {
margin-top: 1rem !important;
}
._margin-bottom-1 {
margin-bottom: 1rem !important;
}
._padding-top-1 {
padding-top: 1rem !important;
}
._padding-bottom-1 {
padding-bottom: 1rem !important;
}
._margin-top-1\.5 {
margin-top: 1.5rem !important;
}
._margin-bottom-1\.5 {
margin-bottom: 1.5rem !important;
}
._padding-top-1\.5 {
padding-top: 1.5rem !important;
}
._padding-bottom-1\.5 {
padding-bottom: 1.5rem !important;
}
._margin-top-2 {
margin-top: 2rem !important;
}
._margin-bottom-2 {
margin-bottom: 2rem !important;
}
._padding-top-2 {
padding-top: 2rem !important;
}
._padding-bottom-2 {
padding-bottom: 2rem !important;
}
._margin-top-2\.5 {
margin-top: 2.5rem !important;
}
._margin-bottom-2\.5 {
margin-bottom: 2.5rem !important;
}
._padding-top-2\.5 {
padding-top: 2.5rem !important;
}
._padding-bottom-2\.5 {
padding-bottom: 2.5rem !important;
}
._margin-top-3 {
margin-top: 3rem !important;
}
._margin-bottom-3 {
margin-bottom: 3rem !important;
}
._padding-top-3 {
padding-top: 3rem !important;
}
._padding-bottom-3 {
padding-bottom: 3rem !important;
}
._margin-top-4 {
margin-top: 4rem !important;
}
._margin-bottom-4 {
margin-bottom: 4rem !important;
}
._padding-top-4 {
padding-top: 4rem !important;
}
._padding-bottom-4 {
padding-bottom: 4rem !important;
}
._margin-top-5 {
margin-top: 5rem !important;
}
._margin-bottom-5 {
margin-bottom: 5rem !important;
}
._padding-top-5 {
padding-top: 5rem !important;
}
._padding-bottom-5 {
padding-bottom: 5rem !important;
}
._margin-top-6 {
margin-top: 6rem !important;
}
._margin-bottom-6 {
margin-bottom: 6rem !important;
}
._padding-top-6 {
padding-top: 6rem !important;
}
._padding-bottom-6 {
padding-bottom: 6rem !important;
}
._text-capitalize {
text-transform: capitalize !important;
}
._text-center {
text-align: center !important;
}
._text-right {
text-align: right !important;
}
._text-left {
text-align: left !important;
}
._text-larger {
font-size: 125% !important;
}
._text-preformatted {
white-space: pre !important;
}
._text-smaller {
font-size: 75% !important;
}
._text-600 {
font-weight: 600;
}
._text-700 {
font-weight: 700;
}
._text-strong {
font-weight: bold;
}
._text-italic {
font-style: italic;
}
._text-undecorated {
text-decoration: none !important;
}
._text-uppercase {
text-transform: uppercase !important;
}
._text-width {
max-width: 70ch !important;
}
._text-size-large {
font-size: 4.25vw !important;
}
._text-pointer {
cursor: pointer !important;
}
._float-right {
float: right;
}
._standard-size {
font-size: 1.25em !important;
}
._text-truncate {
overflow: hidden !important;
text-overflow: ellipsis !important;
white-space: nowrap !important;
}
._text-color-yellow {
color: #009ce2 !important;
}
._text-color-white {
color: #fff !important;
}
._text-color-black {
color: #000 !important;
}
._link-color-white a {
color: #fff !important;
}
._hover-color-yellow:hover {
color: #009ce2 !important;
}
._hover-color-white:hover {
color: #fff !important;
}
._hover-color-black:hover {
color: #000 !important;
}
._button-hover-yellow:hover {
color: #fff !important;
background-color: #009ce2 !important;
-webkit-transition: 500ms;
transition: 500ms;
text-decoration: none;
}
._speechonly {
display: block;
font-size: 0;
line-height: 0;
}
._overflow-hidden {
overflow: hidden !important;
}
._display-block {
display: block !important;
}
._display-flex {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
}
._flex-column {
-webkit-box-orient: vertical !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: column !important;
flex-direction: column !important;
}
._align-center {
-webkit-box-align: center !important;
-ms-flex-align: center !important;
align-items: center !important;
}
._hidden {
display: none;
}
._bg-color-yellow {
background-color: #009ce2 !important;
}
._bg-color-white {
background-color: #fff !important;
}
._bg-color-lightgrey {
background-color: #f2f3f4 !important;
}
._bg-color-lightergrey {
background-color: #ececee !important;
}
._margin {
margin: 0 100px !important;
}
._margin-site {
margin-top: 50px !important;
margin-bottom: 50px !important;
}
._margin-top-big {
margin-top: 75px !important;
}
._no-margin {
margin: 0 !important;
}
._margin-bottom-small {
margin-bottom: 15px !important;
}
._margin-top {
margin-top: 25px !important;
}
._margin-bottom {
margin-bottom: 25px !important;
}
._margin-bottom-big {
margin-bottom: 150px !important;
}
._margin-middle {
margin-top: 50% !important;
}
._padding-small {
padding: 5px !important;
}
._padding {
padding: 8px 20px !important;
}
._padding-big {
padding: 7% 11% !important;
}
._no-padding {
padding: 0 !important;
}
._padding-top-bottom {
padding-top: 125px !important;
}
._padding-top {
padding: 100px 0 !important;
}
._padding-left {
padding-left: 15px !important;
}
._padding-right {
padding-right: 15px !important;
}
._padding-sides {
padding: 0 5px !important;
}
._padding-bottom {
padding-bottom: 150px !important;
}
._padding-left-0 {
padding-left: 0 !important;
}
._pos-absolute {
position: absolute !important;
}
._bottom-0 {
bottom: 0 !important;
}
._left-0 {
left: 0 !important;
}
._right-0 {
right: 0 !important;
}
._high-z-index {
z-index: 20;
}
._abstand-block {
height: 75px !important;
}
._border-bottom {
border-bottom: 1px solid #000 !important;
}
._border-radius-100 {
border-radius: 100% !important;
}
._border-yellow {
border: 1px solid #009ce2 !important;
}
._button-hover:hover {
color: #009ce2;
}
._hover-none:hover {
text-decoration: none !important;
}
._no-hover-color:hover {
background-color: #fff !important;
}
._width {
width: 100% !important;
height: auto;
}
._height {
height: 100% !important;
width: 100%;
}
._min-height {
min-height: 300px !important;
}
._min-width {
min-width: 100px !important;
}
._minus-bottom {
bottom: -15px !important;
}
._justify-start {
-webkit-box-pack: start !important;
-ms-flex-pack: start !important;
justify-content: flex-start !important;
}
._justify-end {
-webkit-box-pack: end !important;
-ms-flex-pack: end !important;
justify-content: flex-end !important;
}
@media only screen and (max-width: 1024px) {
._margin {
margin: 0 50px !important;
}
._abstand-block {
display: none !important;
}
._padding-top-bottom {
padding-top: 30px !important;
padding-bottom: 30px !important;
}
._hide-mobile {
display: none !important;
}
}
@media only screen and (max-width: 767px) {
._margin-middle {
margin-top: inherit !important;
}
._justify-end {
-webkit-box-pack: start !important;
-ms-flex-pack: start !important;
justify-content: flex-start !important;
}
._text-size-large {
font-size: 33px !important;
}
}
/*
---
name: Components
category: components
sourcePath:
---
Components ideally are pieces of CSS that are independent, detached,
context unaware and as tiny as possible. A component may also be a composition
of other components.
*/
/*$sidebar-width: 60px;
$sidebar-toggle-height: 2.5lh;
$header-margin: 0.5lh;
$header-height: $sidebar-toggle-height;
$header-logo-height: $header-height - ($header-margin * 2);
$header-search-height: 1.25lh;*/
header a.logo {
position: absolute;
right: 50px;
z-index: 15;
}
header a.logo img {
padding: 5px;
background-color: #fff;
border-radius: 100%;
width: 185px;
height: auto;
}
.navburger-container .navburger {
height: 65px;
-webkit-box-shadow: 0 0 40px 0 rgba(69, 69, 69, 0.7);
box-shadow: 0 0 40px 0 rgba(69, 69, 69, 0.7);
background-color: #fff;
border-bottom: 2px solid #009ce2;
}
.navburger-container .navburger .logo img {
width: auto;
height: 100%;
}
.navburger-container .navburger .toggler, .navburger-container .navburger .carousel-vis .minipreview, .carousel-vis .navburger-container .navburger .minipreview, .navburger-container .navburger .carousel-vis .counter, .carousel-vis .navburger-container .navburger .counter {
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.navburger-container .navburger .toggler span, .navburger-container .navburger .carousel-vis .minipreview span, .carousel-vis .navburger-container .navburger .minipreview span, .navburger-container .navburger .carousel-vis .counter span, .carousel-vis .navburger-container .navburger .counter span {
height: 3px;
background-color: #009ce2;
}
.navburger-container .navburger ul {
top: 65px;
max-height: calc(var(--vh, 1vh) * 100);
overflow-y: scroll;
}
.navburger-container .navburger ul li .subtoggler {
line-height: 1.6;
font-weight: lighter;
}
footer {
padding: 25px;
position: absolute;
width: 100%;
}
footer .footer-left {
text-align: left;
}
footer .footer-center {
text-align: center;
}
footer .footer-right {
text-align: right;
}
footer ul li p {
margin: 0;
font-size: 0.9rem;
}
footer a {
font-size: 0.9rem;
padding-left: 15px;
color: white;
}
footer a:first-child {
padding-left: 0;
}
footer .to-top {
display: none;
position: fixed;
bottom: 15px;
right: 15px;
background-color: #009ce2;
border: none;
color: white;
padding: 10px;
text-align: center;
text-decoration: none;
font-size: 25px;
margin: 4px 2px;
border-radius: 50%;
width: 50px;
height: 50px;
cursor: pointer;
}
footer .to-top.-visible {
display: inline-block;
}
@media only screen and (max-width: 767px) {
footer .footer-center {
text-align: left;
}
footer .footer-right {
text-align: left;
}
}
.slider-title {
bottom: -73px;
padding: 65px 65px 0;
max-width: 60%;
left: -20px;
}
@media only screen and (max-width: 992px) {
.slider-title {
display: contents;
}
.slider-title h1 {
padding-left: 0 !important;
}
}
.page-error > ul li ul {
padding-left: 30px;
border-left: 1px solid #009ce2;
margin-left: 20px;
}
.cookie-warning {
z-index: 25;
display: none;
position: fixed;
bottom: 0;
left: 0;
width: 100%;
border-top: 2px solid #fff;
background-color: #248bcc;
}
.cookie-warning .cookie-warning-inner {
text-align: center;
padding: 0 15px 20px;
}
.cookie-warning .cookie-warning-inner .cookie-warning-text {
display: inline-block;
max-width: 95%;
width: auto;
color: #fff;
margin: 20px 15px 0 0;
}
.cookie-warning .cookie-warning-inner .cookie-warning-text a {
color: #fff;
text-decoration: underline;
}
.cookie-warning .cookie-warning-inner .cookie-warning-text a:hover {
text-decoration: none;
}
.cookie-warning .cookie-warning-inner .cookie-warning-close {
-moz-appearance: none;
appearance: none;
-webkit-appearance: none;
padding: 5px 15px;
border: 0;
background-color: #fff;
color: #000;
margin-top: 20px;
}
.cookie-warning .cookie-warning-inner .cookie-warning-close:hover {
cursor: pointer;
}
.top-nav {
padding: 5px;
}
.top-nav a {
text-decoration: none;
font-size: 0.9rem;
padding: 0 20px;
color: #000;
}
.top-nav a:first-child {
margin-left: 0;
}
nav.nav-main > ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
position: relative;
background-color: #009ce2;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
nav.nav-main > ul > li {
padding: 20px 0;
background-color: #009ce2;
}
nav.nav-main > ul > li a {
font-size: 1rem;
font-weight: 600;
color: #000;
letter-spacing: 0.5px;
}
nav.nav-main > ul > li.first {
text-align: left !important;
padding-left: 25px;
}
nav.nav-main > ul > li.last {
padding-right: 30px;
}
nav.nav-main > ul > li.li-active > a {
color: #fff !important;
font-weight: 600;
}
nav.nav-main > ul > li > ul {
left: -10px;
}
nav.nav-main > ul > li ul {
position: absolute;
background-color: #fff;
text-align: left;
padding: 0;
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
min-width: 100%;
left: 0;
top: 64px;
display: none;
z-index: 20;
}
nav.nav-main > ul > li ul li {
position: relative;
padding: 5px 15px;
text-decoration: none;
}
nav.nav-main > ul > li ul li:first-child {
padding-left: 25px;
}
nav.nav-main > ul > li ul li a {
padding: 5px 0;
-webkit-transition: 15px;
transition: 15px;
font-size: 0.8rem;
}
nav.nav-main > ul > li ul li ul {
left: 100%;
top: 0;
}
nav.nav-main > ul > li ul li:last-child a {
border-bottom: none;
}
nav.nav-main > ul > li ul li.active {
font-weight: 600;
}
nav.nav-main > ul > li ul li.active.active > a {
color: #009ce2;
}
nav.nav-main > ul > li:hover > ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
nav.nav-main > ul > li.active > ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
nav.nav-main > ul li:hover li a:hover {
color: #009ce2;
}
nav.nav-main a {
display: block;
color: #000;
text-decoration: none;
}
nav.nav-main a:active {
color: #009ce2;
}
@media only screen and (max-width: 1880px) {
nav.nav-main ul li ul {
width: 920px !important;
}
}
@media only screen and (max-width: 1400px) {
nav.nav-main ul li {
padding: 15px 5px !important;
}
nav.nav-main ul li ul {
width: 100% !important;
top: 54px !important;
}
}
@media only screen and (max-width: 1277px) {
nav.nav-main ul li {
min-width: intrinsic; /* Safari/WebKit uses a non-standard name */
min-width: -moz-max-content; /* Firefox/Gecko */
min-width: -webkit-max-content;
}
}
.carousel-vis .item .image {
height: 100%;
width: auto;
-o-object-fit: cover;
object-fit: cover;
position: relative;
top: auto;
-webkit-transform: none;
transform: none;
left: auto;
}
.carousel-vis .item .overlay {
display: none;
}
@media only screen and (max-width: 992px) {
.slider-title h1 {
margin-top: 25px !important;
padding-left: 30px;
font-size: 2.5rem !important;
}
}
.slider-table {
margin-bottom: 50px;
height: auto !important;
min-height: 550px;
}
.slider-table .item {
height: auto !important;
}
.slider-table.yellow .entry:hover {
color: #009ce2;
}
.slider-table.yellow .entry.active {
color: #009ce2;
}
.slider-table.yellow .entry.active .title {
border-color: #009ce2;
}
.slider-table.yellow .entry .title:hover {
border-color: #009ce2;
}
.slider-table.yellow .entry p {
color: #000;
}
.slider-table.white .entry:hover {
color: #fff;
}
.slider-table.white .entry.active {
color: #fff;
}
.slider-table.white .entry.active .title {
border-color: #fff;
}
.slider-table.white .entry .title:hover {
border-color: #fff;
}
.slider-table.white .entry p {
color: #000;
}
.slider-table .title {
font-size: 1.25rem !important;
}
.slider-table .toggler, .slider-table .carousel-vis .minipreview, .carousel-vis .slider-table .minipreview, .slider-table .carousel-vis .counter, .carousel-vis .slider-table .counter {
bottom: 0;
}
.slider-table .toggler .item-toggle, .slider-table .carousel-vis .minipreview .item-toggle, .carousel-vis .slider-table .minipreview .item-toggle, .slider-table .carousel-vis .counter .item-toggle, .carousel-vis .slider-table .counter .item-toggle {
width: 10px;
height: 10px;
border: 1px solid;
}
.slider-table .toggler.yellow .item-toggle, .slider-table .carousel-vis .yellow.minipreview .item-toggle, .carousel-vis .slider-table .yellow.minipreview .item-toggle, .slider-table .carousel-vis .yellow.counter .item-toggle, .carousel-vis .slider-table .yellow.counter .item-toggle {
border: 1px solid #009ce2;
background-color: transparent;
}
.slider-table .toggler.yellow .item-toggle.active, .slider-table .carousel-vis .yellow.minipreview .item-toggle.active, .carousel-vis .slider-table .yellow.minipreview .item-toggle.active, .slider-table .carousel-vis .yellow.counter .item-toggle.active, .carousel-vis .slider-table .yellow.counter .item-toggle.active {
background-color: #009ce2;
}
.slider-table .toggler.white .item-toggle, .slider-table .carousel-vis .white.minipreview .item-toggle, .carousel-vis .slider-table .white.minipreview .item-toggle, .slider-table .carousel-vis .white.counter .item-toggle, .carousel-vis .slider-table .white.counter .item-toggle {
border: 1px solid #fff;
background-color: transparent;
}
.slider-table .toggler.white .item-toggle.active, .slider-table .carousel-vis .white.minipreview .item-toggle.active, .carousel-vis .slider-table .white.minipreview .item-toggle.active, .slider-table .carousel-vis .white.counter .item-toggle.active, .carousel-vis .slider-table .white.counter .item-toggle.active {
background-color: #fff;
}
.item-border {
border: 1px solid;
}
@media only screen and (max-width: 400px) {
.mood-pic-outer {
height: 235px;
}
.mood-pic-outer .mood-pic-inner {
height: 275px;
}
}
@media only screen and (max-width: 1475px) {
.slider-table {
margin-bottom: 50px;
height: auto !important;
min-height: 75vh;
}
}
@media only screen and (max-width: 1125px) {
.slider-table {
min-height: 85vh;
}
}
@media only screen and (max-width: 992px) {
.slider-table {
min-height: 75vh;
}
}
@media only screen and (max-width: 768px) {
.carousel-vis {
padding-top: 50px;
border-top: 1px solid rgba(0, 0, 0, 0.4);
}
.slider-table {
min-height: 90vh;
}
.slider-table .toggler, .slider-table .carousel-vis .minipreview, .carousel-vis .slider-table .minipreview, .slider-table .carousel-vis .counter, .carousel-vis .slider-table .counter {
top: 15px;
}
}
@media only screen and (max-width: 576px) {
.slider-table {
min-height: 100vh;
}
}
.cb-cricle {
background-color: transparent;
border-radius: 100%;
position: absolute;
z-index: 20;
display: none;
}
.cb-cricle.left {
left: -19%;
}
.cb-cricle.right {
right: -13%;
}
.cb-cricle.right-heigh {
right: -6%;
}
.cb-cricle._circle-color-yellow {
border: 1px solid #009ce2;
}
.cb-cricle._circle-color-white {
border: 1px solid #fff;
}
.cb-cricle.cb-cricle-bigger {
width: 44vw;
height: 44vw;
}
.cb-cricle.cb-cricle-big {
width: 42vw;
height: 42vw;
}
.cb-cricle.top-10 {
margin-top: -10%;
}
.cb-cricle.top-20 {
margin-top: 14%;
}
.cb-cricle.top-30 {
margin-top: 26.1%;
}
.cb-cricle.top-40 {
margin-top: -22%;
}
@media only screen and (max-width: 992px) {
.cb-cricle {
display: none !important;
}
}
.newsouter .news-block {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
margin-bottom: 5rem;
}
.newsouter .news-block .news-img img {
height: 175px;
width: 175px;
}
.newsouter .news-block .news-title {
text-align: center;
}
.newsouter .news-block .news-content {
height: -webkit-max-content;
height: -moz-max-content;
height: max-content;
}
.newsouter .news-block a {
margin-top: auto;
}
.newsouter .news-block a p:hover {
text-decoration: underline;
}
@media only screen and (max-width: 992px) {
.newsouter .news-block .news-content {
min-height: auto !important;
}
}
@media screen and (max-width: 768px) {
.newsouter .news-block a {
margin-top: 15px;
}
}
.agenda-title {
border-bottom: 1px solid #dcdcdd;
}
.agenda-title p {
font-weight: bold;
margin: 0;
}
.agenda-shortener {
text-overflow: ellipsis;
word-break: break-word;
overflow: hidden;
white-space: nowrap;
}
.agenda-shortener:hover {
overflow: visible;
white-space: normal;
height: auto;
}
.agenda-table {
width: 100%;
cursor: pointer;
border-bottom: 1px solid #dcdcdd;
}
.agenda-table p {
margin: 0;
padding: 20px 0;
}
.agenda-table .onlyMobil {
background-color: red;
}
.agenda-table .onlyMobil .title {
font-weight: bold;
font-size: 1.25em !important;
}
.agenda-table .accordion-table {
display: none;
min-height: 300px;
}
.agenda-table .accordion-table p {
padding: 0;
min-height: 1.8rem;
}
.agenda-table .agenda-inslist {
position: absolute;
bottom: 0;
font-weight: bold;
font-size: 1.25rem;
}
.agenda-table .agenda-inslist.formanmeldung {
right: 20px !important;
}
.agenda-table:hover {
background-color: #ececee;
}
@media only screen and (max-width: 650px) {
.agendaouter .cb-agenda tr td:last-child {
text-align: left !important;
}
}
@media only screen and (max-width: 992px) {
.agenda-inslist {
position: relative !important;
}
.agenda-table .accordion-table {
min-height: auto !important;
}
.agenda-shortener {
text-overflow: unset;
word-break: unset;
overflow: unset;
white-space: unset;
}
}
.table-list tbody tr {
border-bottom: 1px solid #333;
}
.table-list tbody tr td {
height: 50px;
}
.table-list tbody tr td:first-child {
min-width: 100px;
}
.table-list tbody tr:last-child {
border: none;
}
.table-team {
width: 100%;
}
.table-team tbody tr {
border-bottom: 1px solid;
}
.table-team tbody tr td {
height: 65px;
font-size: 1.25rem;
}
.table-team tbody tr td p {
font-size: 1.25rem !important;
}
.table-sport {
width: 100%;
margin: 15px 0;
}
.table-sport tbody tr {
border-bottom: 1px solid;
}
.table-sport tbody tr:hover {
color: #009ce2;
}
.table-sport tbody tr td {
height: 25px;
}
.table-column {
width: 100%;
}
.table-column tbody tr {
border-bottom: 1px solid;
font-size: 1.25rem !important;
}
.table-column tbody tr td a {
text-decoration: none;
}
.table-column tbody tr td:first-child {
max-width: 150px;
}
.table-slider {
width: 100%;
}
.table-slider tr {
border-bottom: 1px solid;
}
.table-slider tr td {
height: 30px;
}
.table-slider-column-three {
width: 100%;
}
.table-slider-column-three tr {
border-bottom: 1px solid;
}
.table-slider-column-three tr td {
height: 30px;
}
.table-slider-column-three tr td:first-child {
max-width: 150px;
}
@media only screen and (max-width: 992px) {
.table-column td:first-child,
.table-slider-column-three td:first-child {
max-width: 240px !important;
}
}
.cb-accordion {
position: relative;
z-index: 25;
}
.cb-accordion .entry .close {
display: none;
font-size: 15px;
color: #000;
}
.cb-accordion .entry .open {
display: block;
font-size: 15px;
color: #000;
}
.cb-accordion .entry .title {
background-color: none !important;
}
.cb-accordion .entry.active .open {
display: none;
}
.cb-accordion .entry.active .close {
display: block;
}
.cb-accordion .entry:last-child {
border-bottom: 1px solid #000;
}
.cb-accordion-inner .entry .close-inner {
display: none;
font-size: 15px;
color: #000;
}
.cb-accordion-inner .entry .open-inner {
display: block;
font-size: 15px;
color: #000;
}
.cb-accordion-inner .entry.active .open-inner {
display: none;
}
.cb-accordion-inner .entry.active .close-inner {
display: block;
}
.cb-accordion-inner td {
font-size: 1.25rem !important;
}
.cb-accordion-link .title {
border-top: 0 !important;
border-bottom: 1px solid #000;
}
.cb-accordion-link a {
color: #000;
}
.table.-agenda tr th {
border-bottom: 1px solid #000;
border-top: none;
}
.table.-agenda tr td {
border-bottom: 1px solid #000;
}
.event-header p span {
color: #009ce2;
}
.cb-kontaktform label,
.loginFPForm label {
width: 100%;
}
.cb-kontaktform .form,
.loginFPForm .form {
display: -ms-grid;
display: grid;
}
.cb-kontaktform .form input,
.cb-kontaktform .form textarea,
.loginFPForm .form input,
.loginFPForm .form textarea {
padding: 13px 20px 10px;
width: 100%;
background-color: transparent;
border: 1px solid #000;
font-family: "Overpass", sans-serif;
}
.cb-kontaktform .form textarea,
.loginFPForm .form textarea {
margin: 10px 0;
}
.cb-kontaktform .form ::-webkit-input-placeholder, .loginFPForm .form ::-webkit-input-placeholder {
color: #000;
font-weight: 500;
letter-spacing: 1.25px;
}
.cb-kontaktform .form ::-moz-placeholder, .loginFPForm .form ::-moz-placeholder {
color: #000;
font-weight: 500;
letter-spacing: 1.25px;
}
.cb-kontaktform .form :-ms-input-placeholder, .loginFPForm .form :-ms-input-placeholder {
color: #000;
font-weight: 500;
letter-spacing: 1.25px;
}
.cb-kontaktform .form ::-ms-input-placeholder, .loginFPForm .form ::-ms-input-placeholder {
color: #000;
font-weight: 500;
letter-spacing: 1.25px;
}
.cb-kontaktform .form ::placeholder,
.loginFPForm .form ::placeholder {
color: #000;
font-weight: 500;
letter-spacing: 1.25px;
}
.cb-kontaktform .form .loginFPButton input,
.cb-kontaktform .form .form-buttons input,
.loginFPForm .form .loginFPButton input,
.loginFPForm .form .form-buttons input {
min-width: 200px;
padding: 15px;
border: 1px solid #009ce2;
}
.cb-kontaktform .loginFPButton input,
.cb-kontaktform .form-buttons input,
.loginFPForm .loginFPButton input,
.loginFPForm .form-buttons input {
min-width: 200px;
padding: 15px;
border: 1px solid #000;
cursor: pointer;
margin-top: 15px;
}
.cb-img {
overflow: hidden;
height: auto;
margin-bottom: 1rem;
}
.cb-img.unten img {
height: 860px;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: bottom center;
object-position: bottom center;
}
.cb-img.zoom-img {
max-height: 900px !important;
height: auto !important;
}
.cb-button div {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 310px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.cb-button div p {
text-align: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin: 0;
}
.cb-button.btn-primary {
background-color: #009ce2;
border-color: #009ce2;
color: white;
}
.simplesearch-search-form fieldset {
padding: 0;
margin-bottom: 50px;
}
.simplesearch-search-form label {
color: #009ce2;
font-size: 2.5rem;
width: 100%;
}
.simplesearch-search-form input[type=text] {
width: 80%;
padding: 10px;
border: 1px solid #000;
}
.simplesearch-search-form input[type=submit] {
padding: 10px;
background-color: #009ce2;
color: #fff;
border: 1px solid #009ce2;
width: 150px;
}
.simplesearch-search-form input[type=submit]:hover {
background-color: #fff;
color: #009ce2;
cursor: pointer;
-webkit-transition: 500ms;
transition: 500ms;
}
.simplesearch-paging {
margin: 15px 0;
}
.cb-mitglieder-list .mitglieder-link:hover {
text-decoration: none;
}
.cb-mitglieder-list .inner {
margin-top: 5px;
border-bottom: 1px solid #000;
}
.cb-mitglieder-list .inner:hover {
border-bottom: 1px solid #009ce2;
}
.cb-mitglieder-list .mitglieder-column p {
font-size: 0.9rem !important;
}
.cb-mitglieder-list .mitglieder-column:hover p {
color: #009ce2;
text-decoration: none;
}
.cb-mitglieder-list .mitglieder-category {
text-align: right;
}
.cb-mitglieder-list p {
margin: 0;
}
.mitglieder-list a,
.mitglieder-list h3 {
font-size: 1.25em;
}
.mitglieder-list .img img {
width: 100%;
height: auto;
}
.cb-gallery .item {
margin-bottom: 30px;
border: 1px solid grey;
position: relative;
max-height: 425px;
overflow: hidden;
}
.cb-gallery .item ._hover-link {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: white;
opacity: 0;
-webkit-transition: all 0.2s;
transition: all 0.2s;
}
.cb-gallery .item .title {
position: absolute;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
bottom: 0;
padding: 7px;
background: #009ce2;
color: white;
width: 100%;
text-align: center;
}
.cb-gallery .item:hover ._hover-link {
opacity: 0.4;
}
.cb-preisverleihung .item-inner {
padding: 30px;
margin-bottom: 15px;
background-color: #f6f6f6;
min-height: 300px;
}
.cb-files {
text-align: left;
}
.cb-files li a {
font-size: 1.25em;
text-decoration: underline;
}
.mood-pic-outer {
position: relative;
height: auto;
width: 100%;
max-width: 100%;
margin: 0 auto;
}
.mood-pic-outer .mood-pic-inner {
position: relative;
display: block;
z-index: 0;
width: 100%;
height: auto;
}
.mood-pic-outer .mood-pic-inner .mood-image img {
width: auto;
height: 100%;
}
.mood-pic-outer .mood-pic-inner .overlay {
width: 100%;
height: 100%;
position: absolute;
}
@media only screen and (max-width: 992px) {
.mood-pic-outer {
height: 420px;
}
.mood-pic-outer .mood-pic-inner {
height: 470px;
}
.mood-pic-outer .mood-pic-inner .mood-image {
background-size: cover !important;
}
}
@media only screen and (max-width: 600px) {
.mood-pic-outer {
height: 310px;
}
.mood-pic-outer .mood-pic-inner {
height: 350px;
}
}
@media only screen and (max-width: 400px) {
.mood-pic-outer {
height: 235px;
}
.mood-pic-outer .mood-pic-inner {
height: 275px;
}
}
.loginLogin fieldset {
padding: 0;
}
.loginLogin label {
width: 100%;
}
.loginLogin label input {
padding: 15px;
width: 100%;
border: 1px solid #000;
font-family: "Overpass", sans-serif;
}
.loginLogin .loginFPButton input,
.loginLogin .loginLoginButton input {
padding: 15px;
min-width: 175px;
margin-top: 25px;
cursor: pointer;
}
.loginLogin ::-webkit-input-placeholder {
color: #000;
}
.loginLogin ::-moz-placeholder {
color: #000;
}
.loginLogin :-ms-input-placeholder {
color: #000;
}
.loginLogin ::-ms-input-placeholder {
color: #000;
}
.loginLogin ::placeholder {
color: #000;
}
.loginFP .loginFPEmail,
.loginFP .loginFPUsername {
width: 100%;
border: 1px solid #000;
padding: 15px;
}
.loginFP .loginFPButton {
min-width: 150px;
margin: 15px 0;
}
.loginFP .loginFPButton.loginFPButtonInput {
padding: 15px;
}
.loginForm {
display: block;
margin-bottom: 15px;
}
.form-admin {
display: block;
margin-top: 0;
padding: 0 !important;
}
.form-admin .admin-teilnehmer {
font-weight: bolder;
}
.form-admin .admin-dropdown-menu {
width: 100%;
width: 100%;
border: 1px solid #000;
padding: 15px;
}
.form-admin .admin-anz-person {
font-weight: bolder;
margin-top: 10px;
}
.form-admin .input-anz-person {
width: 100%;
width: 100%;
border: 1px solid #000;
padding: 15px;
}
.form-admin .admin-comment {
display: inline-block;
margin-bottom: 0.5rem;
font-weight: bolder;
margin-top: 10px;
}
.form-admin .input-comment {
width: 100%;
border: 1px solid #000;
padding: 15px;
}
.form-admin .btn-admin-anmelden {
padding: 15px;
min-width: 150px;
margin: 15px 0;
}
.form-admin .btn-admin-abmelden {
padding: 15px;
min-width: 150px;
margin: 15px 0;
}
.export-link {
padding: 5px;
text-decoration: underline;
}
.export-link:hover {
text-decoration: none;
}
.form-user {
display: block;
margin-top: 0;
}
.form-user .user-teilnehmer {
font-weight: bolder;
}
.form-user .user-anz-person {
font-weight: bolder;
margin-top: 10px;
}
.form-user .input-user-teilnehmer {
width: 100%;
width: 100%;
border: 1px solid #000;
padding: 15px;
}
.form-user .input-anz-user {
width: 100%;
border: 1px solid #000;
padding: 15px;
}
.form-user .user-comment {
display: inline-block;
margin-bottom: 0.5rem;
font-weight: bolder;
margin-top: 10px;
}
.form-user .input-user-comment {
width: 100%;
border: 1px solid #000;
padding: 15px;
}
.form-user .btn-user-anmelden {
padding: 15px;
min-width: 150px;
margin: 15px 0;
}
.form-user .btn-user-abmelden {
padding: 15px;
min-width: 150px;
margin: 15px 0;
}
.form-user select {
width: 100%;
padding: 15px;
}
.bootstrap-new {
padding-left: 30px;
padding-right: 30px;
}
.bootstrap-new.-has-bgimage {
background-size: cover;
background-position: center;
}
.bootstrap-1-spalter {
padding-left: 30px;
padding-right: 30px;
}
@media (min-width: 1460px) {
.container {
max-width: 1400px;
}
}
@media screen and (max-width: 768px) {
.bootstrap-new.-has-bgimage {
min-height: 500px;
}
}
.fotogalerie .titel {
font-size: 1.25em;
}
.fotogalerie .inhalt .container {
padding: 0 !important;
margin: 0 !important;
background-color: red;
}
.fotogalerie .inhalt .container h1 {
display: none;
}
.fotogalerie .spacer {
width: 100%;
display: block;
height: 50px;
}
.fotogalerie .pagination {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
background: whitesmoke;
padding: 20px 0;
}
.fotogalerie .page-item.active .page-link {
background-color: #009ce2;
border-color: #009ce2;
}
.personlist .itemInner {
border-bottom: 1px solid black;
padding-top: 7px;
padding-bottom: 7px;
}
.event-form input[type=submit] {
background-color: #009ce2;
border-color: #009ce2;
}
/*
---
name: ⚠️ Views
category: views
sourcePath:
---
Everything that is *not* working in a component based approach will somewhen
end up as an *view*. For example if you need to adjust stylings of a
component, based on pages rather than on conditions, then put it here.
*/
/*# sourceMappingURL=main.css.map */
