@charset "UTF-8";
/**
* Foundation for Sites by ZURB
* Version 6.3.0
* foundation.zurb.com
* Licensed under MIT Open Source
*/
/*! normalize-s | MIT/GPLv2 License | bit.ly/normalize-scss */
/* Document
========================================================================== */
/**
* 1. Change the default font family in all browsers (opinionated).
* 2. Correct the line height in all browsers.
* 3. Prevent adjustments of font size after orientation changes in
* IE on Windows Phone and in iOS.
*/
html {
font-family: sans-serif;
/* 1 */
line-height: 1.15;
/* 2 */
-ms-text-size-adjust: 100%;
/* 3 */
-webkit-text-size-adjust: 100%;
/* 3 */ }
/* Sections
========================================================================== */
/**
* Remove the margin in all browsers (opinionated).
*/
body {
margin: 0; }
/**
* 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-.
*/
figcaption,
figure {
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 {
box-sizing: content-box;
/* 1 */
height: 0;
/* 1 */
overflow: visible;
/* 2 */ }
/**
* Add the correct display in IE.
*/
main {
display: block; }
/**
* 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 */ }
/* Links
========================================================================== */
/**
* 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 */ }
/**
* Remove the outline on focused links when they are also active or hovered
* in all browsers (opinionated).
*/
a:active,
a:hover {
outline-width: 0; }
/* Text-level semantics
========================================================================== */
/**
* 1. Remove the bottom border in 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 */
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: "Roboto", sans-serif;
/* 1 */
font-size: 100%;
/* 1 */
line-height: 1.15;
/* 1 */
margin: 0;
/* 2 */ }
/**
* Show the overflow in IE.
*/
button {
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 */ }
button,
[type="button"],
[type="reset"],
[type="submit"] {
/**
* Remove the inner border and padding in Firefox.
*/
/**
* Restore the focus styles unset by the previous rule.
*/ }
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0; }
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText; }
/**
* Show the overflow in Edge.
*/
input {
overflow: visible; }
/**
* 1. Add the correct box sizing in IE 10-.
* 2. Remove the padding in IE 10-.
*/
[type="checkbox"],
[type="radio"] {
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 */ }
/**
* Change the border, margin, and padding in all browsers (opinionated).
*/
fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em; }
/**
* 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 {
box-sizing: border-box;
/* 1 */
display: table;
/* 1 */
max-width: 100%;
/* 1 */
padding: 0;
/* 3 */
color: inherit;
/* 2 */
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; }
/* Interactive
========================================================================== */
/*
* Add the correct display in Edge, IE, and Firefox.
*/
details {
display: block; }
/*
* Add the correct display in all browsers.
*/
summary {
display: list-item; }
/*
* Add the correct display in IE 9-.
*/
menu {
display: block; }
/* 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; }
.foundation-mq {
font-family: "small=0em&medium=41.75em&large=64em&xlarge=75em&xxlarge=90em"; }
html {
box-sizing: border-box;
font-size: 100%; }
input[type="radio"], input[type="checkbox"], input[type="range"], progress {
accent-color: #eedd42;
}
:root {
--scrollbarBG: #1f1f1f;
--thumbBG: #eedd42;
scroll-behavior: smooth;
/* ########## scrollbar for firefox ########## */
scrollbar-width: thin;
/*scrollbar-width: auto;*/
scrollbar-color: var(--thumbBG) var(--scrollbarBG);
}
/*bug sticky nav mobile*/ @media only screen and (orientation: landscape) {
/* ########## scrollbar for chrome / webkit ########## */
::-webkit-scrollbar {
width: auto;
/*width: 11px;*/
/*width: 17px;*/
}
::-webkit-scrollbar-track {
background: var(--scrollbarBG);
}
::-webkit-scrollbar-thumb {
background-color: var(--thumbBG) ;
border-radius: 6px;
border: 3px solid var(--scrollbarBG);
}
::-webkit-scrollbar-thumb:hover {
background: #c1b334;
}
}
@-moz-document url-prefix() { /* bugfix mobile only for firefox mozilla -> scrollbar|viewport bug when wipe */
:root {
/*overflow-x: hidden;*/
overflow-x: -moz-hidden-unscrollable;
}
}
*,
*::before,
*::after {
box-sizing: inherit; }
::selection {
color: #eedd42;
background: #000;
}
img::selection {
background: #eedd42;
}
/* roboto-100 - latin */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 100;
src: url('../fonts/roboto-v18-latin-100.eot'); /* IE9 Compat Modes */
src: local('Roboto Thin'), local('Roboto-Thin'),
url('../fonts/roboto-v18-latin-100.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../fonts/roboto-v18-latin-100.woff2') format('woff2'), /* Super Modern Browsers */
url('../fonts/roboto-v18-latin-100.woff') format('woff'), /* Modern Browsers */
url('../fonts/roboto-v18-latin-100.ttf') format('truetype'), /* Safari, Android, iOS */
url('../fonts/roboto-v18-latin-100.svg#Roboto') format('svg'); /* Legacy iOS */
font-display: swap;
}
/* roboto-300 - latin */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 300;
src: url('../fonts/roboto-v18-latin-300.eot'); /* IE9 Compat Modes */
src: local('Roboto Light'), local('Roboto-Light'),
url('../fonts/roboto-v18-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../fonts/roboto-v18-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
url('../fonts/roboto-v18-latin-300.woff') format('woff'), /* Modern Browsers */
url('../fonts/roboto-v18-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
url('../fonts/roboto-v18-latin-300.svg#Roboto') format('svg'); /* Legacy iOS */
font-display: swap;
}
/* roboto-regular - latin */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
src: url('../fonts/roboto-v18-latin-regular.eot'); /* IE9 Compat Modes */
src: local('Roboto'), local('Roboto-Regular'),
url('../fonts/roboto-v18-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../fonts/roboto-v18-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
url('../fonts/roboto-v18-latin-regular.woff') format('woff'), /* Modern Browsers */
url('../fonts/roboto-v18-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
url('../fonts/roboto-v18-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
font-display: swap;
}
/* roboto-500 - latin */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 500;
src: url('../fonts/roboto-v18-latin-500.eot'); /* IE9 Compat Modes */
src: local('Roboto Medium'), local('Roboto-Medium'),
url('../fonts/roboto-v18-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../fonts/roboto-v18-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
url('../fonts/roboto-v18-latin-500.woff') format('woff'), /* Modern Browsers */
url('../fonts/roboto-v18-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
url('../fonts/roboto-v18-latin-500.svg#Roboto') format('svg'); /* Legacy iOS */
font-display: swap;
}
/* roboto-700 - latin */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 700;
src: url('../fonts/roboto-v18-latin-700.eot'); /* IE9 Compat Modes */
src: local('Roboto Bold'), local('Roboto-Bold'),
url('../fonts/roboto-v18-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../fonts/roboto-v18-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
url('../fonts/roboto-v18-latin-700.woff') format('woff'), /* Modern Browsers */
url('../fonts/roboto-v18-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
url('../fonts/roboto-v18-latin-700.svg#Roboto') format('svg'); /* Legacy iOS */
font-display: swap;
}
/* roboto-900 - latin */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 900;
src: url('../fonts/roboto-v18-latin-900.eot'); /* IE9 Compat Modes */
src: local('Roboto Black'), local('Roboto-Black'),
url('../fonts/roboto-v18-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../fonts/roboto-v18-latin-900.woff2') format('woff2'), /* Super Modern Browsers */
url('../fonts/roboto-v18-latin-900.woff') format('woff'), /* Modern Browsers */
url('../fonts/roboto-v18-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
url('../fonts/roboto-v18-latin-900.svg#Roboto') format('svg'); /* Legacy iOS */
font-display: swap;
}
/* Copyright 2015 Google Inc. All Rights Reserved.
Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at
http://www.apache.org/licenses/LICENSE-2.0
Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License. */
body {
margin: 0;
padding: 0;
background: #ffffff;
font-family: "Roboto", sans-serif;
font-weight: normal;
line-height: 1.25rem;
color: #000;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; }
img {
display: inline-block;
vertical-align: middle;
max-width: 100%;
height: auto;
-ms-interpolation-mode: bicubic; }
textarea {
height: auto;
min-height: 50px;
border-radius: 0; }
select {
width: 100%;
border-radius: 0; }
.map_canvas img,
.map_canvas embed,
.map_canvas object,
.mqa-display img,
.mqa-display embed,
.mqa-display object {
max-width: none !important; }
button {
padding: 0;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: 0;
border-radius: 0;
background: transparent;
line-height: 1; }
[data-whatinput='mouse'] button {
outline: 0; }
.is-visible {
display: block !important; }
.is-hidden {
display: none !important; }
.row_white {
background-color: #fff;
}
.row {
max-width: 75rem;
margin-right: auto;
margin-left: auto; }
.row::before, .row::after {
display: table;
content: ' '; }
.row::after {
clear: both; }
.row.collapse > .column, .row.collapse > .columns {
margin-right: 0;
margin-left: 0; }
.row .row {
margin-right: -0.625rem;
margin-left: -0.625rem; }
@media print, screen and (min-width: 41.75em) {
.row .row {
margin-right: -0.78125rem;
margin-left: -0.78125rem; } }
@media print, screen and (min-width: 64em) {
.row .row {
margin-right: -0.78125rem;
margin-left: -0.78125rem; } }
@media screen and (min-width: 75em) {
.row .row {
margin-right: -0.78125rem;
margin-left: -0.78125rem; } }
@media screen and (min-width: 90em) {
.row .row {
margin-right: -0.78125rem;
margin-left: -0.78125rem; } }
.row .row.collapse {
margin-right: 0;
margin-left: 0; }
.row.expanded {
max-width: none; }
.row.expanded .row {
margin-right: auto;
margin-left: auto; }
.row.gutter-small > .column, .row.gutter-small > .columns {
margin-right: 0.625rem;
margin-left: 0.625rem; }
.row.gutter-medium > .column, .row.gutter-medium > .columns {
margin-right: 0.78125rem;
margin-left: 0.78125rem; }
.column, .columns {
width: 100%;
float: left;
padding-right: 0.625rem;
padding-left: 0.625rem; }
@media print, screen and (min-width: 41.75em) {
.column, .columns {
padding-right: 0.78125rem;
padding-left: 0.78125rem; } }
/*inc.salue-radio-player.php*/
.columnplayer, .columnsplayer {
width: 100%;
padding-right: 0.625rem;
padding-left: 0.625rem; }
@media print, screen and (min-width: 41.75em) {
.columnplayer, .columnsplayer {
padding-right: 0rem;
padding-left: 0rem; } }
/*Ende*/
/*Hauptslider auf Startseite Google Chrome Bug | Startslider*/
.columnslider, .columnsslider {
width: 100%;
float: left;
padding-right: 0rem;
padding-left: 0rem; }
@media print, screen and (min-width: 41.75em) {
.columnslider, .columnsslider {
padding-right: 0rem;
padding-left: 0rem; } }
/*Ende*/
.column:last-child:not(:first-child), .columns:last-child:not(:first-child) {
float: right; }
.column.end:last-child:last-child, .end.columns:last-child:last-child {
float: left; }
.column.row.row, .row.row.columns {
float: none; }
.row .column.row.row, .row .row.row.columns {
margin-right: 0;
margin-left: 0;
padding-right: 0;
padding-left: 0; }
.small-1 {
width: 8.33333%; }
.small-push-1 {
position: relative;
left: 8.33333%; }
.small-pull-1 {
position: relative;
left: -8.33333%; }
.small-offset-0 {
margin-left: 0%; }
.small-2 {
width: 16.66667%; }
.small-push-2 {
position: relative;
left: 16.66667%; }
.small-pull-2 {
position: relative;
left: -16.66667%; }
.small-offset-1 {
margin-left: 8.33333%; }
.small-3 {
width: 25%; }
.small-push-3 {
position: relative;
left: 25%; }
.small-pull-3 {
position: relative;
left: -25%; }
.small-offset-2 {
margin-left: 16.66667%; }
.small-4 {
width: 33.33333%; }
.small-push-4 {
position: relative;
left: 33.33333%; }
.small-pull-4 {
position: relative;
left: -33.33333%; }
.small-offset-3 {
margin-left: 25%; }
.small-5 {
width: 41.66667%; }
.small-push-5 {
position: relative;
left: 41.66667%; }
.small-pull-5 {
position: relative;
left: -41.66667%; }
.small-offset-4 {
margin-left: 33.33333%; }
.small-6 {
width: 50%; }
.small-push-6 {
position: relative;
left: 50%; }
.small-pull-6 {
position: relative;
left: -50%; }
.small-offset-5 {
margin-left: 41.66667%; }
.small-7 {
width: 58.33333%; }
.small-push-7 {
position: relative;
left: 58.33333%; }
.small-pull-7 {
position: relative;
left: -58.33333%; }
.small-offset-6 {
margin-left: 50%; }
.small-8 {
width: 66.66667%; }
.small-push-8 {
position: relative;
left: 66.66667%; }
.small-pull-8 {
position: relative;
left: -66.66667%; }
.small-offset-7 {
margin-left: 58.33333%; }
.small-9 {
width: 75%; }
.small-push-9 {
position: relative;
left: 75%; }
.small-pull-9 {
position: relative;
left: -75%; }
.small-offset-8 {
margin-left: 66.66667%; }
.small-10 {
width: 83.33333%; }
.small-push-10 {
position: relative;
left: 83.33333%; }
.small-pull-10 {
position: relative;
left: -83.33333%; }
.small-offset-9 {
margin-left: 75%; }
.small-11 {
width: 91.66667%; }
.small-push-11 {
position: relative;
left: 91.66667%; }
.small-pull-11 {
position: relative;
left: -91.66667%; }
.small-offset-10 {
margin-left: 83.33333%; }
.small-12 {
width: 100%; }
.small-offset-11 {
margin-left: 91.66667%; }
.small-up-1 > .column, .small-up-1 > .columns {
float: left;
width: 100%; }
.small-up-1 > .column:nth-of-type(1n), .small-up-1 > .columns:nth-of-type(1n) {
clear: none; }
.small-up-1 > .column:nth-of-type(1n+1), .small-up-1 > .columns:nth-of-type(1n+1) {
clear: both; }
.small-up-1 > .column:last-child, .small-up-1 > .columns:last-child {
float: left; }
.small-up-2 > .column, .small-up-2 > .columns {
float: left;
width: 50%; }
.small-up-2 > .column:nth-of-type(1n), .small-up-2 > .columns:nth-of-type(1n) {
clear: none; }
.small-up-2 > .column:nth-of-type(2n+1), .small-up-2 > .columns:nth-of-type(2n+1) {
clear: both; }
.small-up-2 > .column:last-child, .small-up-2 > .columns:last-child {
float: left; }
.small-up-3 > .column, .small-up-3 > .columns {
float: left;
width: 33.33333%; }
.small-up-3 > .column:nth-of-type(1n), .small-up-3 > .columns:nth-of-type(1n) {
clear: none; }
.small-up-3 > .column:nth-of-type(3n+1), .small-up-3 > .columns:nth-of-type(3n+1) {
clear: both; }
.small-up-3 > .column:last-child, .small-up-3 > .columns:last-child {
float: left; }
.small-up-4 > .column, .small-up-4 > .columns {
float: left;
width: 25%; }
.small-up-4 > .column:nth-of-type(1n), .small-up-4 > .columns:nth-of-type(1n) {
clear: none; }
.small-up-4 > .column:nth-of-type(4n+1), .small-up-4 > .columns:nth-of-type(4n+1) {
clear: both; }
.small-up-4 > .column:last-child, .small-up-4 > .columns:last-child {
float: left; }
.small-up-5 > .column, .small-up-5 > .columns {
float: left;
width: 20%; }
.small-up-5 > .column:nth-of-type(1n), .small-up-5 > .columns:nth-of-type(1n) {
clear: none; }
.small-up-5 > .column:nth-of-type(5n+1), .small-up-5 > .columns:nth-of-type(5n+1) {
clear: both; }
.small-up-5 > .column:last-child, .small-up-5 > .columns:last-child {
float: left; }
.small-up-6 > .column, .small-up-6 > .columns {
float: left;
width: 16.66667%; }
.small-up-6 > .column:nth-of-type(1n), .small-up-6 > .columns:nth-of-type(1n) {
clear: none; }
.small-up-6 > .column:nth-of-type(6n+1), .small-up-6 > .columns:nth-of-type(6n+1) {
clear: both; }
.small-up-6 > .column:last-child, .small-up-6 > .columns:last-child {
float: left; }
.small-up-7 > .column, .small-up-7 > .columns {
float: left;
width: 14.28571%; }
.small-up-7 > .column:nth-of-type(1n), .small-up-7 > .columns:nth-of-type(1n) {
clear: none; }
.small-up-7 > .column:nth-of-type(7n+1), .small-up-7 > .columns:nth-of-type(7n+1) {
clear: both; }
.small-up-7 > .column:last-child, .small-up-7 > .columns:last-child {
float: left; }
.small-up-8 > .column, .small-up-8 > .columns {
float: left;
width: 12.5%; }
.small-up-8 > .column:nth-of-type(1n), .small-up-8 > .columns:nth-of-type(1n) {
clear: none; }
.small-up-8 > .column:nth-of-type(8n+1), .small-up-8 > .columns:nth-of-type(8n+1) {
clear: both; }
.small-up-8 > .column:last-child, .small-up-8 > .columns:last-child {
float: left; }
.small-collapse > .column, .small-collapse > .columns {
padding-right: 0;
padding-left: 0; }
.small-collapse .row {
margin-right: 0;
margin-left: 0; }
.expanded.row .small-collapse.row {
margin-right: 0;
margin-left: 0; }
.small-uncollapse > .column, .small-uncollapse > .columns {
padding-right: 0.625rem;
padding-left: 0.625rem; }
.small-centered {
margin-right: auto;
margin-left: auto; }
.small-centered, .small-centered:last-child:not(:first-child) {
float: none;
clear: both; }
.small-uncentered,
.small-push-0,
.small-pull-0 {
position: static;
float: left;
margin-right: 0;
margin-left: 0; }
@media print, screen and (min-width: 41.75em) {
.medium-1 {
width: 8.33333%; }
.medium-push-1 {
position: relative;
left: 8.33333%; }
.medium-pull-1 {
position: relative;
left: -8.33333%; }
.medium-offset-0 {
margin-left: 0%; }
.medium-2 {
width: 16.66667%; }
.medium-push-2 {
position: relative;
left: 16.66667%; }
.medium-pull-2 {
position: relative;
left: -16.66667%; }
.medium-offset-1 {
margin-left: 8.33333%; }
.medium-3 {
width: 25%; }
.medium-push-3 {
position: relative;
left: 25%; }
.medium-pull-3 {
position: relative;
left: -25%; }
.medium-offset-2 {
margin-left: 16.66667%; }
.medium-4 {
width: 33.33333%; }
.medium-push-4 {
position: relative;
left: 33.33333%; }
.medium-pull-4 {
position: relative;
left: -33.33333%; }
.medium-offset-3 {
margin-left: 25%; }
.medium-5 {
width: 41.66667%; }
.medium-push-5 {
position: relative;
left: 41.66667%; }
.medium-pull-5 {
position: relative;
left: -41.66667%; }
.medium-offset-4 {
margin-left: 33.33333%; }
.medium-6 {
width: 50%; }
.medium-push-6 {
position: relative;
left: 50%; }
.medium-pull-6 {
position: relative;
left: -50%; }
.medium-offset-5 {
margin-left: 41.66667%; }
.medium-7 {
width: 58.33333%; }
.medium-push-7 {
position: relative;
left: 58.33333%; }
.medium-pull-7 {
position: relative;
left: -58.33333%; }
.medium-offset-6 {
margin-left: 50%; }
.medium-8 {
width: 66.66667%; }
.medium-push-8 {
position: relative;
left: 66.66667%; }
.medium-pull-8 {
position: relative;
left: -66.66667%; }
.medium-offset-7 {
margin-left: 58.33333%; }
.medium-9 {
width: 75%; }
.medium-push-9 {
position: relative;
left: 75%; }
.medium-pull-9 {
position: relative;
left: -75%; }
.medium-offset-8 {
margin-left: 66.66667%; }
.medium-10 {
width: 83.33333%; }
.medium-push-10 {
position: relative;
left: 83.33333%; }
.medium-pull-10 {
position: relative;
left: -83.33333%; }
.medium-offset-9 {
margin-left: 75%; }
.medium-11 {
width: 91.66667%; }
.medium-push-11 {
position: relative;
left: 91.66667%; }
.medium-pull-11 {
position: relative;
left: -91.66667%; }
.medium-offset-10 {
margin-left: 83.33333%; }
.medium-12 {
width: 100%; }
.medium-offset-11 {
margin-left: 91.66667%; }
.medium-up-1 > .column, .medium-up-1 > .columns {
float: left;
width: 100%; }
.medium-up-1 > .column:nth-of-type(1n), .medium-up-1 > .columns:nth-of-type(1n) {
clear: none; }
.medium-up-1 > .column:nth-of-type(1n+1), .medium-up-1 > .columns:nth-of-type(1n+1) {
clear: both; }
.medium-up-1 > .column:last-child, .medium-up-1 > .columns:last-child {
float: left; }
.medium-up-2 > .column, .medium-up-2 > .columns {
float: left;
width: 50%; }
.medium-up-2 > .column:nth-of-type(1n), .medium-up-2 > .columns:nth-of-type(1n) {
clear: none; }
.medium-up-2 > .column:nth-of-type(2n+1), .medium-up-2 > .columns:nth-of-type(2n+1) {
clear: both; }
.medium-up-2 > .column:last-child, .medium-up-2 > .columns:last-child {
float: left; }
.medium-up-3 > .column, .medium-up-3 > .columns {
float: left;
width: 33.33333%; }
.medium-up-3 > .column:nth-of-type(1n), .medium-up-3 > .columns:nth-of-type(1n) {
clear: none; }
.medium-up-3 > .column:nth-of-type(3n+1), .medium-up-3 > .columns:nth-of-type(3n+1) {
clear: both; }
.medium-up-3 > .column:last-child, .medium-up-3 > .columns:last-child {
float: left; }
.medium-up-4 > .column, .medium-up-4 > .columns {
float: left;
width: 25%; }
.medium-up-4 > .column:nth-of-type(1n), .medium-up-4 > .columns:nth-of-type(1n) {
clear: none; }
.medium-up-4 > .column:nth-of-type(4n+1), .medium-up-4 > .columns:nth-of-type(4n+1) {
clear: both; }
.medium-up-4 > .column:last-child, .medium-up-4 > .columns:last-child {
float: left; }
.medium-up-5 > .column, .medium-up-5 > .columns {
float: left;
width: 20%; }
.medium-up-5 > .column:nth-of-type(1n), .medium-up-5 > .columns:nth-of-type(1n) {
clear: none; }
.medium-up-5 > .column:nth-of-type(5n+1), .medium-up-5 > .columns:nth-of-type(5n+1) {
clear: both; }
.medium-up-5 > .column:last-child, .medium-up-5 > .columns:last-child {
float: left; }
.medium-up-6 > .column, .medium-up-6 > .columns {
float: left;
width: 16.66667%; }
.medium-up-6 > .column:nth-of-type(1n), .medium-up-6 > .columns:nth-of-type(1n) {
clear: none; }
.medium-up-6 > .column:nth-of-type(6n+1), .medium-up-6 > .columns:nth-of-type(6n+1) {
clear: both; }
.medium-up-6 > .column:last-child, .medium-up-6 > .columns:last-child {
float: left; }
.medium-up-7 > .column, .medium-up-7 > .columns {
float: left;
width: 14.28571%; }
.medium-up-7 > .column:nth-of-type(1n), .medium-up-7 > .columns:nth-of-type(1n) {
clear: none; }
.medium-up-7 > .column:nth-of-type(7n+1), .medium-up-7 > .columns:nth-of-type(7n+1) {
clear: both; }
.medium-up-7 > .column:last-child, .medium-up-7 > .columns:last-child {
float: left; }
.medium-up-8 > .column, .medium-up-8 > .columns {
float: left;
width: 12.5%; }
.medium-up-8 > .column:nth-of-type(1n), .medium-up-8 > .columns:nth-of-type(1n) {
clear: none; }
.medium-up-8 > .column:nth-of-type(8n+1), .medium-up-8 > .columns:nth-of-type(8n+1) {
clear: both; }
.medium-up-8 > .column:last-child, .medium-up-8 > .columns:last-child {
float: left; }
.medium-collapse > .column, .medium-collapse > .columns {
padding-right: 0;
padding-left: 0; }
.medium-collapse .row {
margin-right: 0;
margin-left: 0; }
.expanded.row .medium-collapse.row {
margin-right: 0;
margin-left: 0; }
.medium-uncollapse > .column, .medium-uncollapse > .columns {
padding-right: 0.78125rem;
padding-left: 0.78125rem; }
.medium-centered {
margin-right: auto;
margin-left: auto; }
.medium-ed, .medium-centered:last-child:not(:first-child) {
float: none;
clear: both; }
.medium-uncentered,
.medium-push-0,
.medium-pull-0 {
position: static;
float: left;
margin-right: 0;
margin-left: 0; } }
@media print, screen and (min-width: 64em) {
.large-1 {
width: 8.33333%; }
.large-push-1 {
position: relative;
left: 8.33333%; }
.large-pull-1 {
position: relative;
left: -8.33333%; }
.large-offset-0 {
margin-left: 0%; }
.large-2 {
width: 16.66667%; }
.large-push-2 {
position: relative;
left: 16.66667%; }
.large-pull-2 {
position: relative;
left: -16.66667%; }
.large-offset-1 {
margin-left: 8.33333%; }
.large-3 {
width: 25%; }
.large-push-3 {
position: relative;
left: 25%; }
.large-pull-3 {
position: relative;
left: -25%; }
.large-offset-2 {
margin-left: 16.66667%; }
.large-4 {
width: 33.33333%; }
.large-push-4 {
position: relative;
left: 33.33333%; }
.large-pull-4 {
position: relative;
left: -33.33333%; }
.large-offset-3 {
margin-left: 25%; }
.large-5 {
width: 41.66667%; }
.large-push-5 {
position: relative;
left: 41.66667%; }
.large-pull-5 {
position: relative;
left: -41.66667%; }
.large-offset-4 {
margin-left: 33.33333%; }
.large-6 {
width: 50%; }
.large-push-6 {
position: relative;
left: 50%; }
.large-pull-6 {
position: relative;
left: -50%; }
.large-offset-5 {
margin-left: 41.66667%; }
.large-7 {
width: 58.33333%; }
.large-push-7 {
position: relative;
left: 58.33333%; }
.large-pull-7 {
position: relative;
left: -58.33333%; }
.large-offset-6 {
margin-left: 50%; }
.large-8 {
width: 66.66667%; }
.large-push-8 {
position: relative;
left: 66.66667%; }
.large-pull-8 {
position: relative;
left: -66.66667%; }
.large-offset-7 {
margin-left: 58.33333%; }
.large-9 {
width: 75%; }
.large-push-9 {
position: relative;
left: 75%; }
.large-pull-9 {
position: relative;
left: -75%; }
.large-offset-8 {
margin-left: 66.66667%; }
.large-10 {
width: 83.33333%; }
.large-push-10 {
position: relative;
left: 83.33333%; }
.large-pull-10 {
position: relative;
left: -83.33333%; }
.large-offset-9 {
margin-left: 75%; }
.large-11 {
width: 91.66667%; }
.large-push-11 {
position: relative;
left: 91.66667%; }
.large-pull-11 {
position: relative;
left: -91.66667%; }
.large-offset-10 {
margin-left: 83.33333%; }
.large-12 {
width: 100%; }
.large-offset-11 {
margin-left: 91.66667%; }
.large-up-1 > .column, .large-up-1 > .columns {
float: left;
width: 100%; }
.large-up-1 > .column:nth-of-type(1n), .large-up-1 > .columns:nth-of-type(1n) {
clear: none; }
.large-up-1 > .column:nth-of-type(1n+1), .large-up-1 > .columns:nth-of-type(1n+1) {
clear: both; }
.large-up-1 > .column:last-child, .large-up-1 > .columns:last-child {
float: left; }
.large-up-2 > .column, .large-up-2 > .columns {
float: left;
width: 50%; }
.large-up-2 > .column:nth-of-type(1n), .large-up-2 > .columns:nth-of-type(1n) {
clear: none; }
.large-up-2 > .column:nth-of-type(2n+1), .large-up-2 > .columns:nth-of-type(2n+1) {
clear: both; }
.large-up-2 > .column:last-child, .large-up-2 > .columns:last-child {
float: left; }
.large-up-3 > .column, .large-up-3 > .columns {
float: left;
width: 33.33333%; }
.large-up-3 > .column:nth-of-type(1n), .large-up-3 > .columns:nth-of-type(1n) {
clear: none; }
.large-up-3 > .column:nth-of-type(3n+1), .large-up-3 > .columns:nth-of-type(3n+1) {
clear: both; }
.large-up-3 > .column:last-child, .large-up-3 > .columns:last-child {
float: left; }
.large-up-4 > .column, .large-up-4 > .columns {
float: left;
width: 25%; }
.large-up-4 > .column:nth-of-type(1n), .large-up-4 > .columns:nth-of-type(1n) {
clear: none; }
.large-up-4 > .column:nth-of-type(4n+1), .large-up-4 > .columns:nth-of-type(4n+1) {
clear: both; }
.large-up-4 > .column:last-child, .large-up-4 > .columns:last-child {
float: left; }
.large-up-5 > .column, .large-up-5 > .columns {
float: left;
width: 20%; }
.large-up-5 > .column:nth-of-type(1n), .large-up-5 > .columns:nth-of-type(1n) {
clear: none; }
.large-up-5 > .column:nth-of-type(5n+1), .large-up-5 > .columns:nth-of-type(5n+1) {
clear: both; }
.large-up-5 > .column:last-child, .large-up-5 > .columns:last-child {
float: left; }
.large-up-6 > .column, .large-up-6 > .columns {
float: left;
width: 16.66667%; }
.large-up-6 > .column:nth-of-type(1n), .large-up-6 > .columns:nth-of-type(1n) {
clear: none; }
.large-up-6 > .column:nth-of-type(6n+1), .large-up-6 > .columns:nth-of-type(6n+1) {
clear: both; }
.large-up-6 > .column:last-child, .large-up-6 > .columns:last-child {
float: left; }
.large-up-7 > .column, .large-up-7 > .columns {
float: left;
width: 14.28571%; }
.large-up-7 > .column:nth-of-type(1n), .large-up-7 > .columns:nth-of-type(1n) {
clear: none; }
.large-up-7 > .column:nth-of-type(7n+1), .large-up-7 > .columns:nth-of-type(7n+1) {
clear: both; }
.large-up-7 > .column:last-child, .large-up-7 > .columns:last-child {
float: left; }
.large-up-8 > .column, .large-up-8 > .columns {
float: left;
width: 12.5%; }
.large-up-8 > .column:nth-of-type(1n), .large-up-8 > .columns:nth-of-type(1n) {
clear: none; }
.large-up-8 > .column:nth-of-type(8n+1), .large-up-8 > .columns:nth-of-type(8n+1) {
clear: both; }
.large-up-8 > .column:last-child, .large-up-8 > .columns:last-child {
float: left; }
.large-collapse > .column, .large-collapse > .columns {
padding-right: 0;
padding-left: 0; }
.large-collapse .row {
margin-right: 0;
margin-left: 0; }
.expanded.row .large-collapse.row {
margin-right: 0;
margin-left: 0; }
.large-uncollapse > .column, .large-uncollapse > .columns {
padding-right: 0.78125rem;
padding-left: 0.78125rem; }
.large-centered {
margin-right: auto;
margin-left: auto; }
.large-centered, .large-centered:last-child:not(:first-child) {
float: none;
clear: both; }
.large-uncentered,
.large-push-0,
.large-pull-0 {
position: static;
float: left;
margin-right: 0;
margin-left: 0; } }
@media screen and (min-width: 75em) {
.xlarge-1 {
width: 8.33333%; }
.xlarge-push-1 {
position: relative;
left: 8.33333%; }
.xlarge-pull-1 {
position: relative;
left: -8.33333%; }
.xlarge-offset-0 {
margin-left: 0%; }
.xlarge-2 {
width: 16.66667%; }
.xlarge-push-2 {
position: relative;
left: 16.66667%; }
.xlarge-pull-2 {
position: relative;
left: -16.66667%; }
.xlarge-offset-1 {
margin-left: 8.33333%; }
.xlarge-3 {
width: 25%; }
.xlarge-push-3 {
position: relative;
left: 25%; }
.xlarge-pull-3 {
position: relative;
left: -25%; }
.xlarge-offset-2 {
margin-left: 16.66667%; }
.xlarge-4 {
width: 33.33333%; }
.xlarge-push-4 {
position: relative;
left: 33.33333%; }
.xlarge-pull-4 {
position: relative;
left: -33.33333%; }
.xlarge-offset-3 {
margin-left: 25%; }
.xlarge-5 {
width: 41.66667%; }
.xlarge-push-5 {
position: relative;
left: 41.66667%; }
.xlarge-pull-5 {
position: relative;
left: -41.66667%; }
.xlarge-offset-4 {
margin-left: 33.33333%; }
.xlarge-6 {
width: 50%; }
.xlarge-push-6 {
position: relative;
left: 50%; }
.xlarge-pull-6 {
position: relative;
left: -50%; }
.xlarge-offset-5 {
margin-left: 41.66667%; }
.xlarge-7 {
width: 58.33333%; }
.xlarge-push-7 {
position: relative;
left: 58.33333%; }
.xlarge-pull-7 {
position: relative;
left: -58.33333%; }
.xlarge-offset-6 {
margin-left: 50%; }
.xlarge-8 {
width: 66.66667%; }
.xlarge-push-8 {
position: relative;
left: 66.66667%; }
.xlarge-pull-8 {
position: relative;
left: -66.66667%; }
.xlarge-offset-7 {
margin-left: 58.33333%; }
.xlarge-9 {
width: 75%; }
.xlarge-push-9 {
position: relative;
left: 75%; }
.xlarge-pull-9 {
position: relative;
left: -75%; }
.xlarge-offset-8 {
margin-left: 66.66667%; }
.xlarge-10 {
width: 83.33333%; }
.xlarge-push-10 {
position: relative;
left: 83.33333%; }
.xlarge-pull-10 {
position: relative;
left: -83.33333%; }
.xlarge-offset-9 {
margin-left: 75%; }
.xlarge-11 {
width: 91.66667%; }
.xlarge-push-11 {
position: relative;
left: 91.66667%; }
.xlarge-pull-11 {
position: relative;
left: -91.66667%; }
.xlarge-offset-10 {
margin-left: 83.33333%; }
.xlarge-12 {
width: 100%; }
.xlarge-offset-11 {
margin-left: 91.66667%; }
.xlarge-up-1 > .column, .xlarge-up-1 > .columns {
float: left;
width: 100%; }
.xlarge-up-1 > .column:nth-of-type(1n), .xlarge-up-1 > .columns:nth-of-type(1n) {
clear: none; }
.xlarge-up-1 > .column:nth-of-type(1n+1), .xlarge-up-1 > .columns:nth-of-type(1n+1) {
clear: both; }
.xlarge-up-1 > .column:last-child, .xlarge-up-1 > .columns:last-child {
float: left; }
.xlarge-up-2 > .column, .xlarge-up-2 > .columns {
float: left;
width: 50%; }
.xlarge-up-2 > .column:nth-of-type(1n), .xlarge-up-2 > .columns:nth-of-type(1n) {
clear: none; }
.xlarge-up-2 > .column:nth-of-type(2n+1), .xlarge-up-2 > .columns:nth-of-type(2n+1) {
clear: both; }
.xlarge-up-2 > .column:last-child, .xlarge-up-2 > .columns:last-child {
float: left; }
.xlarge-up-3 > .column, .xlarge-up-3 > .columns {
float: left;
width: 33.33333%; }
.xlarge-up-3 > .column:nth-of-type(1n), .xlarge-up-3 > .columns:nth-of-type(1n) {
clear: none; }
.xlarge-up-3 > .column:nth-of-type(3n+1), .xlarge-up-3 > .columns:nth-of-type(3n+1) {
clear: both; }
.xlarge-up-3 > .column:last-child, .xlarge-up-3 > .columns:last-child {
float: left; }
.xlarge-up-4 > .column, .xlarge-up-4 > .columns {
float: left;
width: 25%; }
.xlarge-up-4 > .column:nth-of-type(1n), .xlarge-up-4 > .columns:nth-of-type(1n) {
clear: none; }
.xlarge-up-4 > .column:nth-of-type(4n+1), .xlarge-up-4 > .columns:nth-of-type(4n+1) {
clear: both; }
.xlarge-up-4 > .column:last-child, .xlarge-up-4 > .columns:last-child {
float: left; }
.xlarge-up-5 > .column, .xlarge-up-5 > .columns {
float: left;
width: 20%; }
.xlarge-up-5 > .column:nth-of-type(1n), .xlarge-up-5 > .columns:nth-of-type(1n) {
clear: none; }
.xlarge-up-5 > .column:nth-of-type(5n+1), .xlarge-up-5 > .columns:nth-of-type(5n+1) {
clear: both; }
.xlarge-up-5 > .column:last-child, .xlarge-up-5 > .columns:last-child {
float: left; }
.xlarge-up-6 > .column, .xlarge-up-6 > .columns {
float: left;
width: 16.66667%; }
.xlarge-up-6 > .column:nth-of-type(1n), .xlarge-up-6 > .columns:nth-of-type(1n) {
clear: none; }
.xlarge-up-6 > .column:nth-of-type(6n+1), .xlarge-up-6 > .columns:nth-of-type(6n+1) {
clear: both; }
.xlarge-up-6 > .column:last-child, .xlarge-up-6 > .columns:last-child {
float: left; }
.xlarge-up-7 > .column, .xlarge-up-7 > .columns {
float: left;
width: 14.28571%; }
.xlarge-up-7 > .column:nth-of-type(1n), .xlarge-up-7 > .columns:nth-of-type(1n) {
clear: none; }
.xlarge-up-7 > .column:nth-of-type(7n+1), .xlarge-up-7 > .columns:nth-of-type(7n+1) {
clear: both; }
.xlarge-up-7 > .column:last-child, .xlarge-up-7 > .columns:last-child {
float: left; }
.xlarge-up-8 > .column, .xlarge-up-8 > .columns {
float: left;
width: 12.5%; }
.xlarge-up-8 > .column:nth-of-type(1n), .xlarge-up-8 > .columns:nth-of-type(1n) {
clear: none; }
.xlarge-up-8 > .column:nth-of-type(8n+1), .xlarge-up-8 > .columns:nth-of-type(8n+1) {
clear: both; }
.xlarge-up-8 > .column:last-child, .xlarge-up-8 > .columns:last-child {
float: left; }
.xlarge-collapse > .column, .xlarge-collapse > .columns {
padding-right: 0;
padding-left: 0; }
.xlarge-collapse .row {
margin-right: 0;
margin-left: 0; }
.expanded.row .xlarge-collapse.row {
margin-right: 0;
margin-left: 0; }
.xlarge-uncollapse > .column, .xlarge-uncollapse > .columns {
padding-right: 0.78125rem;
padding-left: 0.78125rem; }
.xlarge-centered {
margin-right: auto;
margin-left: auto; }
.xlarge-centered, .xlarge-centered:last-child:not(:first-child) {
float: none;
clear: both; }
.xlarge-uncentered,
.xlarge-push-0,
.xlarge-pull-0 {
position: static;
float: left;
margin-right: 0;
margin-left: 0; } }
@media screen and (min-width: 90em) {
.xxlarge-1 {
width: 8.33333%; }
.xxlarge-push-1 {
position: relative;
left: 8.33333%; }
.xxlarge-pull-1 {
position: relative;
left: -8.33333%; }
.xxlarge-offset-0 {
margin-left: 0%; }
.xxlarge-2 {
width: 16.66667%; }
.xxlarge-push-2 {
position: relative;
left: 16.66667%; }
.xxlarge-pull-2 {
position: relative;
left: -16.66667%; }
.xxlarge-offset-1 {
margin-left: 8.33333%; }
.xxlarge-3 {
width: 25%; }
.xxlarge-push-3 {
position: relative;
left: 25%; }
.xxlarge-pull-3 {
position: relative;
left: -25%; }
.xxlarge-offset-2 {
margin-left: 16.66667%; }
.xxlarge-4 {
width: 33.33333%; }
.xxlarge-push-4 {
position: relative;
left: 33.33333%; }
.xxlarge-pull-4 {
position: relative;
left: -33.33333%; }
.xxlarge-offset-3 {
margin-left: 25%; }
.xxlarge-5 {
width: 41.66667%; }
.xxlarge-push-5 {
position: relative;
left: 41.66667%; }
.xxlarge-pull-5 {
position: relative;
left: -41.66667%; }
.xxlarge-offset-4 {
margin-left: 33.33333%; }
.xxlarge-6 {
width: 50%; }
.xxlarge-push-6 {
position: relative;
left: 50%; }
.xxlarge-pull-6 {
position: relative;
left: -50%; }
.xxlarge-offset-5 {
margin-left: 41.66667%; }
.xxlarge-7 {
width: 58.33333%; }
.xxlarge-push-7 {
position: relative;
left: 58.33333%; }
.xxlarge-pull-7 {
position: relative;
left: -58.33333%; }
.xxlarge-offset-6 {
margin-left: 50%; }
.xxlarge-8 {
width: 66.66667%; }
.xxlarge-push-8 {
position: relative;
left: 66.66667%; }
.xxlarge-pull-8 {
position: relative;
left: -66.66667%; }
.xxlarge-offset-7 {
margin-left: 58.33333%; }
.xxlarge-9 {
width: 75%; }
.xxlarge-push-9 {
position: relative;
left: 75%; }
.xxlarge-pull-9 {
position: relative;
left: -75%; }
.xxlarge-offset-8 {
margin-left: 66.66667%; }
.xxlarge-10 {
width: 83.33333%; }
.xxlarge-push-10 {
position: relative;
left: 83.33333%; }
.xxlarge-pull-10 {
position: relative;
left: -83.33333%; }
.xxlarge-offset-9 {
margin-left: 75%; }
.xxlarge-11 {
width: 91.66667%; }
.xxlarge-push-11 {
position: relative;
left: 91.66667%; }
.xxlarge-pull-11 {
position: relative;
left: -91.66667%; }
.xxlarge-offset-10 {
margin-left: 83.33333%; }
.xxlarge-12 {
width: 100%; }
.xxlarge-offset-11 {
margin-left: 91.66667%; }
.xxlarge-up-1 > .column, .xxlarge-up-1 > .columns {
float: left;
width: 100%; }
.xxlarge-up-1 > .column:nth-of-type(1n), .xxlarge-up-1 > .columns:nth-of-type(1n) {
clear: none; }
.xxlarge-up-1 > .column:nth-of-type(1n+1), .xxlarge-up-1 > .columns:nth-of-type(1n+1) {
clear: both; }
.xxlarge-up-1 > .column:last-child, .xxlarge-up-1 > .columns:last-child {
float: left; }
.xxlarge-up-2 > .column, .xxlarge-up-2 > .columns {
float: left;
width: 50%; }
.xxlarge-up-2 > .column:nth-of-type(1n), .xxlarge-up-2 > .columns:nth-of-type(1n) {
clear: none; }
.xxlarge-up-2 > .column:nth-of-type(2n+1), .xxlarge-up-2 > .columns:nth-of-type(2n+1) {
clear: both; }
.xxlarge-up-2 > .column:last-child, .xxlarge-up-2 > .columns:last-child {
float: left; }
.xxlarge-up-3 > .column, .xxlarge-up-3 > .columns {
float: left;
width: 33.33333%; }
.xxlarge-up-3 > .column:nth-of-type(1n), .xxlarge-up-3 > .columns:nth-of-type(1n) {
clear: none; }
.xxlarge-up-3 > .column:nth-of-type(3n+1), .xxlarge-up-3 > .columns:nth-of-type(3n+1) {
clear: both; }
.xxlarge-up-3 > .column:last-child, .xxlarge-up-3 > .columns:last-child {
float: left; }
.xxlarge-up-4 > .column, .xxlarge-up-4 > .columns {
float: left;
width: 25%; }
.xxlarge-up-4 > .column:nth-of-type(1n), .xxlarge-up-4 > .columns:nth-of-type(1n) {
clear: none; }
.xxlarge-up-4 > .column:nth-of-type(4n+1), .xxlarge-up-4 > .columns:nth-of-type(4n+1) {
clear: both; }
.xxlarge-up-4 > .column:last-child, .xxlarge-up-4 > .columns:last-child {
float: left; }
.xxlarge-up-5 > .column, .xxlarge-up-5 > .columns {
float: left;
width: 20%; }
.xxlarge-up-5 > .column:nth-of-type(1n), .xxlarge-up-5 > .columns:nth-of-type(1n) {
clear: none; }
.xxlarge-up-5 > .column:nth-of-type(5n+1), .xxlarge-up-5 > .columns:nth-of-type(5n+1) {
clear: both; }
.xxlarge-up-5 > .column:last-child, .xxlarge-up-5 > .columns:last-child {
float: left; }
.xxlarge-up-6 > .column, .xxlarge-up-6 > .columns {
float: left;
width: 16.66667%; }
.xxlarge-up-6 > .column:nth-of-type(1n), .xxlarge-up-6 > .columns:nth-of-type(1n) {
clear: none; }
.xxlarge-up-6 > .column:nth-of-type(6n+1), .xxlarge-up-6 > .columns:nth-of-type(6n+1) {
clear: both; }
.xxlarge-up-6 > .column:last-child, .xxlarge-up-6 > .columns:last-child {
float: left; }
.xxlarge-up-7 > .column, .xxlarge-up-7 > .columns {
float: left;
width: 14.28571%; }
.xxlarge-up-7 > .column:nth-of-type(1n), .xxlarge-up-7 > .columns:nth-of-type(1n) {
clear: none; }
.xxlarge-up-7 > .column:nth-of-type(7n+1), .xxlarge-up-7 > .columns:nth-of-type(7n+1) {
clear: both; }
.xxlarge-up-7 > .column:last-child, .xxlarge-up-7 > .columns:last-child {
float: left; }
.xxlarge-up-8 > .column, .xxlarge-up-8 > .columns {
float: left;
width: 12.5%; }
.xxlarge-up-8 > .column:nth-of-type(1n), .xxlarge-up-8 > .columns:nth-of-type(1n) {
clear: none; }
.xxlarge-up-8 > .column:nth-of-type(8n+1), .xxlarge-up-8 > .columns:nth-of-type(8n+1) {
clear: both; }
.xxlarge-up-8 > .column:last-child, .xxlarge-up-8 > .columns:last-child {
float: left; }
.xxlarge-collapse > .column, .xxlarge-collapse > .columns {
padding-right: 0;
padding-left: 0; }
.xxlarge-collapse .row {
margin-right: 0;
margin-left: 0; }
.expanded.row .xxlarge-collapse.row {
margin-right: 0;
margin-left: 0; }
.xxlarge-uncollapse > .column, .xxlarge-uncollapse > .columns {
padding-right: 0.78125rem;
padding-left: 0.78125rem; }
.xxlarge-centered {
margin-right: auto;
margin-left: auto; }
.xxlarge-centered, .xxlarge-centered:last-child:not(:first-child) {
float: none;
clear: both; }
.xxlarge-uncentered,
.xxlarge-push-0,
.xxlarge-pull-0 {
position: static;
float: left;
margin-right: 0;
margin-left: 0; } }
.column-block {
margin-bottom: 1.25rem; }
.column-block > :last-child {
margin-bottom: 0; }
@media print, screen and (min-width: 41.75em) {
.column-block {
margin-bottom: 1.5625rem; }
.column-block > :last-child {
margin-bottom: 0; } }
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
p,
blockquote,
th,
td {
margin: 0;
padding: 0; }
p {
margin-bottom: 1rem;
font-size: inherit;
line-height: 1.25rem;
text-rendering: optimizeLegibility; }
em,
i {
font-style: italic;
line-height: inherit; }
strong,
b {
font-weight: bold;
line-height: inherit; }
small {
font-size: 80%;
line-height: inherit; }
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: "Roboto", sans-serif;
font-style: normal;
font-weight: bold;
color: inherit;
text-rendering: optimizeLegibility; }
h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small {
line-height: 0;
color: #cacaca; }
h1 {
font-size: 1.75rem;
line-height: 1.1;
margin-top: 0;
margin-bottom: 0.5rem; }
h2 {
font-size: 1.5rem;
line-height: 1.1;
margin-top: 0;
margin-bottom: 0.5rem; }
h3 {
font-size: 1.25rem;
line-height: 1.1;
margin-top: 0;
margin-bottom: 0.5rem; }
h4 {
font-size: 1.125rem;
line-height: 1.1;
margin-top: 0;
margin-bottom: 0.5rem; }
h5 {
font-size: 1.0625rem;
line-height: 1.1;
margin-top: 0;
margin-bottom: 0.5rem; }
h6 {
font-size: 1rem;
line-height: 1.1;
margin-top: 0;
margin-bottom: 0.5rem; }
@media print, screen and (min-width: 41.75em) {
h1 {
font-size: 1.75rem; }
h2 {
font-size: 1.75rem; }
h3 {
font-size: 1.25rem; }
h4 {
font-size: 1.1875rem; }
h5 {
font-size: 1.125rem; }
h6 {
font-size: 1.0625rem; } }
a {
-webkit-backface-visibility: hidden; /* chrome flicker bug */
backface-visibility: hidden; /* chrome flicker bug */
line-height: inherit;
color: #c23319;
text-decoration: none;
cursor: pointer;
transition: color 0.25s ease-out; }
a:hover, a:focus {
color: #000; }
a img {
border: 0; }
hr {
clear: both;
max-width: 75rem;
height: 0;
margin: 1.25rem auto;
border-top: 0;
border-right: 0;
border-bottom: 1px solid #cacaca;
border-left: 0; }
ul,
ol,
dl {
margin-bottom: 1rem;
list-style-position: outside;
line-height: 1.25rem; }
li {
font-size: inherit; }
ul {
margin-left: 1.25rem;
list-style-type: disc; }
ol {
margin-left: 1.25rem; }
ul ul, ol ul, ul ol, ol ol {
margin-left: 1.25rem;
margin-bottom: 0; }
dl {
margin-bottom: 1rem; }
dl dt {
margin-bottom: 0.3rem;
font-weight: bold; }
blockquote {
margin: 0 0 1rem;
padding: 0.5625rem 3.75rem 0 3.75rem;
border-left: none; }
blockquote, blockquote p {
line-height: 1.25rem;
color: #8a8a8a; }
cite {
display: block;
font-size: 0.8125rem;
color: #8a8a8a; }
cite:before {
content: "— "; }
abbr {
border-bottom: 1px dotted #000;
color: #000;
cursor: help; }
figure {
margin: 0; }
code {
padding: 0.125rem 0.3125rem 0.0625rem;
border: 1px solid #cacaca;
background-color: #eeeeee;
font-family: Consolas, "Liberation Mono", Courier, monospace;
font-weight: normal;
color: #000; }
kbd {
margin: 0;
padding: 0.125rem 0.25rem 0;
background-color: #eeeeee;
font-family: Consolas, "Liberation Mono", Courier, monospace;
color: #000; }
.subheader {
margin-top: 0.2rem;
margin-bottom: 0.5rem;
font-weight: normal;
line-height: 1.4;
color: #8a8a8a; }
.lead {
font-size: 125%;
line-height: 1.6; }
.stat {
font-size: 2.5rem;
line-height: 1; }
p + .stat {
margin-top: -1rem; }
.no-bullet {
margin-left: 0;
list-style: none; }
.text-left {
text-align: left; }
.text-right {
text-align: right; }
.text-center {
text-align: center; }
.text-justify {
text-align: justify; }
@media print, screen and (min-width: 41.75em) {
.medium-text-left {
text-align: left; }
.medium-text-right {
text-align: right; }
.medium-text-center {
text-align: center; }
.medium-text-justify {
text-align: justify; } }
@media print, screen and (min-width: 64em) {
.large-text-left {
text-align: left; }
.large-text-right {
text-align: right; }
.large-text-center {
text-align: center; }
.large-text-justify {
text-align: justify; } }
@media screen and (min-width: 75em) {
.xlarge-text-left {
text-align: left; }
.xlarge-text-right {
text-align: right; }
.xlarge-text-center {
text-align: center; }
.xlarge-text-justify {
text-align: justify; } }
@media screen and (min-width: 90em) {
.xxlarge-text-left {
text-align: left; }
.xxlarge-text-right {
text-align: right; }
.xxlarge-text-center {
text-align: center; }
.xxlarge-text-justify {
text-align: justify; } }
.show-for-print {
display: none !important; }
@media print {
* {
background: transparent !important;
box-shadow: none !important;
color: black !important;
text-shadow: none !important; }
.show-for-print {
display: block !important; }
.hide-for-print {
display: none !important; }
table.show-for-print {
display: table !important; }
thead.show-for-print {
display: table-header-group !important; }
tbody.show-for-print {
display: table-row-group !important; }
tr.show-for-print {
display: table-row !important; }
td.show-for-print {
display: table-cell !important; }
th.show-for-print {
display: table-cell !important; }
a,
a:visited {
text-decoration: underline; }
a[href]:after {
content: " (" attr(href) ")"; }
.ir a:after,
a[href^='javascript:']:after,
a[href^='#']:after {
content: ''; }
abbr[title]:after {
content: " (" attr(title) ")"; }
pre,
blockquote {
border: 1px solid #8a8a8a;
page-break-inside: avoid; }
thead {
display: table-header-group; }
tr,
img {
page-break-inside: avoid; }
img {
max-width: 100% !important; }
@page {
margin: 0.5cm; }
p,
h2,
h3 {
orphans: 3;
widows: 3; }
h2,
h3 {
page-break-after: avoid; } }
.button {
display: inline-block;
vertical-align: middle;
margin: 0 0 1rem 0;
padding: 0.65em 1em;
-webkit-appearance: none;
border: 1px solid transparent;
border-radius: 0;
transition: background-color 0.25s ease-out, color 0.25s ease-out;
font-size: 0.9rem;
line-height: 1;
text-align: center;
cursor: pointer;
background-color: #eedd42;
color: #000; }
[data-whatinput='mouse'] .button {
outline: 0; }
.button:hover, .button:focus {
background-color: #ead518;
color: #000; }
.button.tiny {
font-size: 0.6rem; }
.button.small {
font-size: 0.75rem; }
.button.large {
font-size: 1.25rem; }
.button.expanded {
display: block;
width: 100%;
margin-right: 0;
margin-left: 0; }
.button.primary {
background-color: #000;
color: #000; }
.button.primary:hover, .button.primary:focus {
background-color: black;
color: #000; }
.button.secondary {
background-color: #eedd42;
color: #000; }
.button.secondary:hover, .button.secondary:focus {
background-color: #dfcb14;
color: #000; }
.button.success {
background-color: #4ca829;
color: #000; }
.button.success:hover, .button.success:focus {
background-color: #3d8621;
color: #000; }
.button.warning {
background-color: #ffae00;
color: #000; }
.button.warning:hover, .button.warning:focus {
background-color: #cc8b00;
color: #000; }
.button.alert {
background-color: #c23319;
color: #000; }
.button.alert:hover, .button.alert:focus {
background-color: #9b2914;
color: #000; }
.button.hollow {
border: 1px solid #000;
color: #000; }
.button.hollow, .button.hollow:hover, .button.hollow:focus {
background-color: transparent; }
.button.hollow:hover, .button.hollow:focus {
border-color: black;
color: black; }
.button.hollow.primary {
border: 1px solid #000;
color: #000; }
.button.hollow.primary:hover, .button.hollow.primary:focus {
border-color: black;
color: black; }
.button.hollow.secondary {
border: 1px solid #eedd42;
color: #eedd42; }
.button.hollow.secondary:hover, .button.hollow.secondary:focus {
border-color: #8b7f0d;
color: #8b7f0d; }
.button.hollow.success {
border: 1px solid #4ca829;
color: #4ca829; }
.button.hollow.success:hover, .button.hollow.success:focus {
border-color: #265415;
color: #265415; }
.button.hollow.warning {
border: 1px solid #ffae00;
color: #ffae00; }
.button.hollow.warning:hover, .button.hollow.warning:focus {
border-color: #805700;
color: #805700; }
.button.hollow.alert {
border: 1px solid #c23319;
color: #c23319; }
.button.hollow.alert:hover, .button.hollow.alert:focus {
border-color: #611a0d;
color: #611a0d; }
.button.disabled, .button[disabled] {
opacity: 0.25;
cursor: not-allowed; }
.button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus {
background-color: #000;
color: #000; }
.button.disabled.primary, .button[disabled].primary {
opacity: 0.25;
cursor: not-allowed; }
.button.disabled.primary:hover, .button.disabled.primary:focus, .button[disabled].primary:hover, .button[disabled].primary:focus {
background-color: #000;
color: #000; }
.button.disabled.secondary, .button[disabled].secondary {
opacity: 0.25;
cursor: not-allowed; }
.button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus {
background-color: #eedd42;
color: #000; }
.button.disabled.success, .button[disabled].success {
opacity: 0.25;
cursor: not-allowed; }
.button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus {
background-color: #4ca829;
color: #000; }
.button.disabled.warning, .button[disabled].warning {
opacity: 0.25;
cursor: not-allowed; }
.button.disabled.warning:hover, .button.disabled.warning:focus, .button[disabled].warning:hover, .button[disabled].warning:focus {
background-color: #ffae00;
color: #000; }
.button.disabled.alert, .button[disabled].alert {
opacity: 0.25;
cursor: not-allowed; }
.button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus {
background-color: #c23319;
color: #000; }
.button.dropdown::after {
display: block;
width: 0;
height: 0;
border: inset 0.4em;
content: '';
border-bottom-width: 0;
border-top-style: solid;
border-color: #ffffff transparent transparent;
position: relative;
top: 0.4em;
display: inline-block;
float: right;
margin-left: 1em; }
.button.arrow-only::after {
top: -0.1em;
float: none;
margin-left: 0; }
[type='text'], [type='password'], [type='date'], [type='datetime'], [type='datetime-local'], [type='month'], [type='week'], [type='email'], [type='number'], [type='search'], [type='tel'], [type='time'], [type='url'], [type='color'],
textarea {
display: block;
box-sizing: border-box;
width: 100%;
height: 2.4375rem;
margin: 0 0 1rem;
padding: 0.5rem;
border: 1px solid #cacaca;
border-radius: 0;
background-color: #ffffff;
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
font-family: inherit;
font-size: 1rem;
font-weight: normal;
color: #000;
transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none; }
[type='text']:focus, [type='password']:focus, [type='date']:focus, [type='datetime']:focus, [type='datetime-local']:focus, [type='month']:focus, [type='week']:focus, [type='email']:focus, [type='number']:focus, [type='search']:focus, [type='tel']:focus, [type='time']:focus, [type='url']:focus, [type='color']:focus,
textarea:focus {
outline: none;
border: 1px solid #8a8a8a;
background-color: #ffffff;
box-shadow: 0 0 5px #cacaca;
transition: box-shadow 0.5s, border-color 0.25s ease-in-out; }
textarea {
max-width: 100%;
scrollbar-width: thin; }
textarea[rows] {
height: auto; }
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
color: #cacaca; }
input::-moz-placeholder,
textarea::-moz-placeholder {
color: #cacaca; }
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
color: #cacaca; }
input::placeholder,
textarea::placeholder {
color: #cacaca; }
input:disabled, input[readonly],
textarea:disabled,
textarea[readonly] {
background-color: #eeeeee;
cursor: not-allowed; }
[type='submit'],
[type='button'] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border-radius: 0; }
input[type='search'] {
box-sizing: border-box; }
[type='file'],
[type='checkbox'],
[type='radio'] {
margin: 0 0 1rem; }
[type='checkbox'] + label,
[type='radio'] + label {
display: inline-block;
vertical-align: baseline;
margin-left: 0.5rem;
margin-right: 1rem;
margin-bottom: 0; }
[type='checkbox'] + label[for],
[type='radio'] + label[for] {
cursor: pointer; }
label > [type='checkbox'],
label > [type='radio'] {
margin-right: 0.5rem; }
[type='file'] {
width: 100%; }
label {
display: block;
margin: 0;
font-size: 0.875rem;
font-weight: normal;
line-height: 1.8;
color: #000; }
label.middle {
margin: 0 0 1rem;
padding: 0.5625rem 0; }
.help-text {
margin-top: -0.5rem;
font-size: 0.8125rem;
font-style: italic;
color: #000; }
.input-group {
display: table;
width: 100%;
margin-bottom: 1rem; }
.input-group > :first-child {
border-radius: 0 0 0 0; }
.input-group > :last-child > * {
border-radius: 0 0 0 0; }
.input-group-label, .input-group-field, .input-group-button, .input-group-button a,
.input-group-button input,
.input-group-button button,
.input-group-button label {
margin: 0;
white-space: nowrap;
display: table-cell;
vertical-align: middle; }
.input-group-label {
padding: 0 1rem;
border: 1px solid #cacaca;
background: #eeeeee;
color: #000;
text-align: center;
white-space: nowrap;
width: 1%;
height: 100%; }
.input-group-label:first-child {
border-right: 0; }
.input-group-label:last-child {
border-left: 0; }
.input-group-field {
border-radius: 0;
height: 2.5rem; }
.input-group-button {
padding-top: 0;
padding-bottom: 0;
text-align: center;
width: 1%;
height: 100%; }
.input-group-button a,
.input-group-button input,
.input-group-button button,
.input-group-button label {
height: 2.5rem;
padding-top: 0;
padding-bottom: 0;
font-size: 1rem; }
.input-group .input-group-button {
display: table-cell; }
fieldset {
margin: 0;
padding: 0;
border: 0; }
legend {
max-width: 100%;
margin-bottom: 0.5rem; }
.fieldset {
margin: 1.125rem 0;
padding: 1.25rem;
border: 1px solid #cacaca; }
.fieldset legend {
margin: 0;
margin-left: -0.1875rem;
padding: 0 0.1875rem;
background: #ffffff; }
select {
height: 2.4375rem;
margin: 0 0 1rem;
padding: 0.5rem;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: 1px solid #cacaca;
border-radius: 0;
background-color: #ffffff;
font-family: inherit;
font-size: 1rem;
line-height: normal;
color: #000;
background-image: url("data:image/svg+xml;utf8,<svg xmlns='https://www.w3.org/2000/svg' version='1.1' width='32' height='24' viewBox='0 0 32 24'><polygon points='0,0 32,0 16,24' style='fill: rgb%28138, 138, 138%29'></polygon></svg>");
background-origin: content-box;
background-position: right -1rem center;
background-repeat: no-repeat;
background-size: 9px 6px;
padding-right: 1.5rem;
transition: box-shadow 0.5s, border-color 0.25s ease-in-out; }
@media screen and (min-width: 0\0) {
select {
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAYCAYAAACbU/80AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIpJREFUeNrEkckNgDAMBBfRkEt0ObRBBdsGXUDgmQfK4XhH2m8czQAAy27R3tsw4Qfe2x8uOO6oYLb6GlOor3GF+swURAOmUJ+RwtEJs9WvTGEYxBXqI1MQAZhCfUQKRzDMVj+TwrAIV6jvSUEkYAr1LSkcyTBb/V+KYfX7xAeusq3sLDtGH3kEGACPWIflNZfhRQAAAABJRU5ErkJggg=="); } }
select:focus {
outline: none;
border: 1px solid #8a8a8a;
background-color: #ffffff;
box-shadow: 0 0 5px #cacaca;
transition: box-shadow 0.5s, border-color 0.25s ease-in-out; }
select:disabled {
background-color: #eeeeee;
cursor: not-allowed; }
select::-ms-expand {
display: none; }
select[multiple] {
height: auto;
background-image: none; }
.is-invalid-input:not(:focus) {
border-color: #c23319;
background-color: #f9ebe8; }
.is-invalid-input:not(:focus)::-webkit-input-placeholder {
color: #c23319; }
.is-invalid-input:not(:focus)::-moz-placeholder {
color: #c23319; }
.is-invalid-input:not(:focus):-ms-input-placeholder {
color: #c23319; }
.is-invalid-input:not(:focus)::placeholder {
color: #c23319; }
.is-invalid-label {
color: #c23319; }
.form-error {
display: none;
margin-top: -0.5rem;
margin-bottom: 1rem;
font-size: 0.75rem;
font-weight: bold;
color: #c23319; }
.form-error.is-visible {
display: block; }
.accordion {
margin-left: 0;
background: #ffffff;
list-style-type: none; }
.accordion-item:first-child > :first-child {
border-radius: 0 0 0 0; }
.accordion-item:last-child > :last-child {
border-radius: 0 0 0 0; }
.accordion-title {
position: relative;
display: block;
padding: 1.25rem 1rem;
border: 1px solid #eeeeee;
border-bottom: 0;
font-size: 0.75rem;
line-height: 1;
color: #000; }
:last-child:not(.is-active) > .accordion-title {
border-bottom: 1px solid #eeeeee;
border-radius: 0 0 0 0; }
.accordion-title:hover, .accordion-title:focus {
background-color: #eeeeee; }
.accordion-title::before {
position: absolute;
top: 50%;
right: 1rem;
margin-top: -0.5rem;
content: '+'; }
.is-active > .accordion-title::before {
content: '–'; }
.accordion-content {
display: none;
padding: 1rem;
border: 1px solid #eeeeee;
border-bottom: 0;
background-color: #ffffff;
color: #000; }
:last-child > .accordion-content:last-child {
border-bottom: 1px solid #eeeeee; }
.is-accordion-submenu-parent > a {
position: relative; }
.is-accordion-submenu-parent > a::after {
display: block;
width: 0;
height: 0;
border: inset 6px;
content: '';
border-bottom-width: 0;
border-top-style: solid;
border-color: #000 transparent transparent;
position: absolute;
top: 50%;
margin-top: -3px;
right: 1rem; }
.is-accordion-submenu-parent[aria-expanded='true'] > a::after {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
-webkit-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
transform-origin: 50% 50%; }
.badge {
display: inline-block;
min-width: 2.1em;
padding: 0.3em;
border-radius: 50%;
font-size: 0.6rem;
text-align: center;
background: #000;
color: #ffffff; }
.badge.primary {
background: #000;
color: #ffffff; }
.badge.secondary {
background: #eedd42;
color: #000; }
.badge.success {
background: #4ca829;
color: #000; }
.badge.warning {
background: #ffae00;
color: #000; }
.badge.alert {
background: #c23319;
color: #ffffff; }
.breadcrumbs {
margin: 0 0 1rem 0;
list-style: none; }
.breadcrumbs::before, .breadcrumbs::after {
display: table;
content: ' '; }
.breadcrumbs::after {
clear: both; }
.breadcrumbs li {
float: left;
font-size: 0.6875rem;
color: #000;
cursor: default;
text-transform: uppercase; }
.breadcrumbs li:not(:last-child)::after {
position: relative;
top: 1px;
margin: 0 0.75rem;
opacity: 1;
content: "/";
color: #cacaca; }
.breadcrumbs a {
color: #000; }
.breadcrumbs a:hover {
text-decoration: underline; }
.breadcrumbs .disabled {
color: #cacaca;
cursor: not-allowed; }
.button-group {
margin-bottom: 1rem;
font-size: 0; }
.button-group::before, .button-group::after {
display: table;
content: ' '; }
.button-group::after {
clear: both; }
.button-group .button {
margin: 0;
margin-right: 1px;
margin-bottom: 1px;
font-size: 0.9rem; }
.button-group .button:last-child {
margin-right: 0; }
.button-group.tiny .button {
font-size: 0.6rem; }
.button-group.small .button {
font-size: 0.75rem; }
.button-group.large .button {
font-size: 1.25rem; }
.button-group.expanded {
margin-right: -1px; }
.button-group.expanded::before, .button-group.expanded::after {
display: none; }
.button-group.expanded .button:first-child:nth-last-child(2), .button-group.expanded .button:first-child:nth-last-child(2):first-child:nth-last-child(2) ~ .button {
display: inline-block;
width: calc(50% - 1px);
margin-right: 1px; }
.button-group.expanded .button:first-child:nth-last-child(2):last-child, .button-group.expanded .button:first-child:nth-last-child(2):first-child:nth-last-child(2) ~ .button:last-child {
margin-right: -6px; }
.button-group.expanded .button:first-child:nth-last-child(3), .button-group.expanded .button:first-child:nth-last-child(3):first-child:nth-last-child(3) ~ .button {
display: inline-block;
width: calc(33.33333% - 1px);
margin-right: 1px; }
.button-group.expanded .button:first-child:nth-last-child(3):last-child, .button-group.expanded .button:first-child:nth-last-child(3):first-child:nth-last-child(3) ~ .button:last-child {
margin-right: -6px; }
.button-group.expanded .button:first-child:nth-last-child(4), .button-group.expanded .button:first-child:nth-last-child(4):first-child:nth-last-child(4) ~ .button {
display: inline-block;
width: calc(25% - 1px);
margin-right: 1px; }
.button-group.expanded .button:first-child:nth-last-child(4):last-child, .button-group.expanded .button:first-child:nth-last-child(4):first-child:nth-last-child(4) ~ .button:last-child {
margin-right: -6px; }
.button-group.expanded .button:first-child:nth-last-child(5), .button-group.expanded .button:first-child:nth-last-child(5):first-child:nth-last-child(5) ~ .button {
display: inline-block;
width: calc(20% - 1px);
margin-right: 1px; }
.button-group.expanded .button:first-child:nth-last-child(5):last-child, .button-group.expanded .button:first-child:nth-last-child(5):first-child:nth-last-child(5) ~ .button:last-child {
margin-right: -6px; }
.button-group.expanded .button:first-child:nth-last-child(6), .button-group.expanded .button:first-child:nth-last-child(6):first-child:nth-last-child(6) ~ .button {
display: inline-block;
width: calc(16.66667% - 1px);
margin-right: 1px; }
.button-group.expanded .button:first-child:nth-last-child(6):last-child, .button-group.expanded .button:first-child:nth-last-child(6):first-child:nth-last-child(6) ~ .button:last-child {
margin-right: -6px; }
.button-group.primary .button {
background-color: #000;
color: #000; }
.button-group.primary .button:hover, .button-group.primary .button:focus {
background-color: black;
color: #000; }
.button-group.secondary .button {
background-color: #eedd42;
color: #000; }
.button-group.secondary .button:hover, .button-group.secondary .button:focus {
background-color: #dfcb14;
color: #000; }
.button-group.success .button {
background-color: #4ca829;
color: #000; }
.button-group.success .button:hover, .button-group.success .button:focus {
background-color: #3d8621;
color: #000; }
.button-group.warning .button {
background-color: #ffae00;
color: #000; }
.button-group.warning .button:hover, .button-group.warning .button:focus {
background-color: #cc8b00;
color: #000; }
.button-group.alert .button {
background-color: #c23319;
color: #000; }
.button-group.alert .button:hover, .button-group.alert .button:focus {
background-color: #9b2914;
color: #000; }
.button-group.stacked .button, .button-group.stacked-for-small .button, .button-group.stacked-for-medium .button {
width: 100%; }
.button-group.stacked .button:last-child, .button-group.stacked-for-small .button:last-child, .button-group.stacked-for-medium .button:last-child {
margin-bottom: 0; }
@media print, screen and (min-width: 41.75em) {
.button-group.stacked-for-small .button {
width: auto;
margin-bottom: 0; } }
@media print, screen and (min-width: 64em) {
.button-group.stacked-for-medium .button {
width: auto;
margin-bottom: 0; } }
@media screen and (max-width: 41.6875em) {
.button-group.stacked-for-small.expanded {
display: block; }
.button-group.stacked-for-small.expanded .button {
display: block;
margin-right: 0; } }
.callout {
position: relative;
margin: 0 0 1rem 0;
padding: 1rem;
border: 1px solid rgba(0, 0, 0, 0.25);
border-radius: 0;
background-color: white;
color: #000; }
.callout > :first-child {
margin-top: 0; }
.callout > :last-child {
margin-bottom: 0; }
.callout.primary {
background-color: #d9d9d9;
color: #000; }
.callout.secondary {
background-color: #fcfae3;
color: #000; }
.callout.success {
background-color: #e2f6db;
color: #000; }
.callout.warning {
background-color: #fff3d9;
color: #000; }
.callout.alert {
background-color: #faded8;
color: #000; }
.callout.small {
padding-top: 0.5rem;
padding-right: 0.5rem;
padding-bottom: 0.5rem;
padding-left: 0.5rem; }
.callout.large {
padding-top: 3rem;
padding-right: 3rem;
padding-bottom: 3rem;
padding-left: 3rem; }
.card {
margin-bottom: 1rem;
border: 1px solid #eeeeee;
border-radius: 0;
background: #ffffff;
box-shadow: none;
overflow: hidden;
color: #000; }
.card > :last-child {
margin-bottom: 0; }
.card-divider {
padding: 1rem;
background: #eeeeee; }
.card-divider > :last-child {
margin-bottom: 0; }
.card-section {
padding: 1rem; }
.card-section > :last-child {
margin-bottom: 0; }
.close-button {
position: absolute;
color: #000;
cursor: pointer; }
[data-whatinput='mouse'] .close-button {
outline: 0; }
.close-button:hover, .close-button:focus {
color: #c23319; }
.close-button.small {
right: 0.66rem;
top: 0.33em;
font-size: 1.5em;
line-height: 1; }
.close-button, .close-button.medium {
right: 1rem;
top: 0.5rem;
font-size: 2em;
line-height: 1; }
.menu {
margin: 0;
list-style-type: none; }
.menu > li {
display: table-cell;
vertical-align: middle; }
[data-whatinput='mouse'] .menu > li {
outline: 0; }
.menu > li > a {
display: block;
padding: 0.8rem 1rem;
line-height: 1; }
.menu input,
.menu select,
.menu a,
.menu button {
margin-bottom: 0; }
.menu > li > a img,
.menu > li > a i,
.menu > li > a svg {
vertical-align: middle; }
.menu > li > a img + span,
.menu > li > a i + span,
.menu > li > a svg + span {
vertical-align: middle; }
.menu > li > a img,
.menu > li > a i,
.menu > li > a svg {
margin-right: 0.25rem;
display: inline-block;
border-radius: 0; }
/* Erstes und drittes Icon */
.menu.social li:nth-of-type(1) img,
.menu.social li:nth-of-type(2) img,
.menu.social li:nth-of-type(3) img,
.menu.social li:nth-of-type(4) img {
/* Spezielles Styling */
filter: invert(1); }
ul.menu.social li.social-icon img {
mix-blend-mode: luminosity; }
.menu > li, .menu.horizontal > li {
display: table-cell; }
.menu.expanded {
display: table;
width: 100%;
table-layout: fixed; }
.menu.expanded > li:first-child:last-child {
width: 100%; }
.menu.vertical > li {
display: block; }
@media print, screen and (min-width: 41.75em) {
.menu.medium-horizontal > li {
display: table-cell; }
.menu.medium-expanded {
display: table;
width: 100%;
table-layout: fixed; }
.menu.medium-expanded > li:first-child:last-child {
width: 100%; }
.menu.medium-vertical > li {
display: block; } }
@media print, screen and (min-width: 64em) {
.menu.large-horizontal > li {
display: table-cell; }
.menu.large-expanded {
display: table;
width: 100%;
table-layout: fixed; }
.menu.large-expanded > li:first-child:last-child {
width: 100%; }
.menu.large-vertical > li {
display: block; } }
@media screen and (min-width: 75em) {
.menu.xlarge-horizontal > li {
display: table-cell; }
.menu.xlarge-expanded {
display: table;
width: 100%;
table-layout: fixed; }
.menu.xlarge-expanded > li:first-child:last-child {
width: 100%; }
.menu.xlarge-vertical > li {
display: block; } }
@media screen and (min-width: 90em) {
.menu.xxlarge-horizontal > li {
display: table-cell; }
.menu.xxlarge-expanded {
display: table;
width: 100%;
table-layout: fixed; }
.menu.xxlarge-expanded > li:first-child:last-child {
width: 100%; }
.menu.xxlarge-vertical > li {
display: block; } }
.menu.simple li {
display: inline-block;
margin-right: 1rem;
line-height: 1; }
.menu.simple a {
padding: 0; }
.menu.align-right::before, .menu.align-right::after {
display: table;
content: ' '; }
.menu.align-right::after {
clear: both; }
.menu.align-right > li {
float: right; }
.menu.icon-top > li > a {
text-align: center; }
.menu.icon-top > li > a img,
.menu.icon-top > li > a i,
.menu.icon-top > li > a svg {
display: block;
margin: 0 auto 0.25rem; }
.menu.icon-top.vertical a > span {
margin: auto; }
.menu.nested {
margin-left: 1rem; }
.menu .active > a {
background: #000;
color: #ffffff; }
.menu.menu-bordered li {
border: 1px solid #eeeeee; }
.menu.menu-bordered li:not(:first-child) {
border-top: 0; }
.menu.menu-hover li:hover {
background-color: #eeeeee; }
.menu-text {
padding-top: 0;
padding-bottom: 0;
padding: 0.7rem 1rem;
font-weight: bold;
line-height: 1;
color: inherit; }
.menu-centered {
text-align: center; }
.menu-centered > .menu {
display: inline-block; }
.no-js [data-responsive-menu] ul {
display: none; }
.menu-icon {
position: relative;
display: inline-block;
vertical-align: middle;
width: 20px;
height: 16px;
cursor: pointer; }
.menu-icon::after {
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 2px;
background: #ffffff;
box-shadow: 0 7px 0 #ffffff, 0 14px 0 #ffffff;
content: ''; }
.menu-icon:hover::after {
background: #cacaca;
box-shadow: 0 7px 0 #cacaca, 0 14px 0 #cacaca; }
.menu-icon.dark {
position: relative;
display: inline-block;
vertical-align: middle;
width: 20px;
height: 16px;
cursor: pointer; }
.menu-icon.dark::after {
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 2px;
background: #000;
box-shadow: 0 7px 0 #000, 0 14px 0 #000;
content: ''; }
.menu-icon.dark:hover::after {
background: #8a8a8a;
box-shadow: 0 7px 0 #8a8a8a, 0 14px 0 #8a8a8a; }
.is-drilldown {
position: relative;
overflow: hidden; }
.is-drilldown li {
display: block; }
.is-drilldown.animate-height {
transition: height 0.5s; }
.is-drilldown-submenu {
position: absolute;
top: 0;
left: 100%;
z-index: -1;
width: 100%;
background: #ffffff;
transition: -webkit-transform 0.15s linear;
transition: transform 0.15s linear;
transition: transform 0.15s linear, -webkit-transform 0.15s linear; }
.is-drilldown-submenu.is-active {
z-index: 1;
display: block;
-webkit-transform: translateX(-100%);
-ms-transform: translateX(-100%);
transform: translateX(-100%); }
.is-drilldown-submenu.is-closing {
-webkit-transform: translateX(100%);
-ms-transform: translateX(100%);
transform: translateX(100%); }
.drilldown-submenu-cover-previous {
min-height: 100%; }
.is-drilldown-submenu-parent > a {
position: relative; }
.is-drilldown-submenu-parent > a::after {
display: block;
width: 0;
height: 0;
border: inset 6px;
content: '';
border-right-width: 0;
border-left-style: solid;
border-color: transparent transparent transparent #000;
position: absolute;
top: 50%;
margin-top: -6px;
right: 1rem; }
.js-drilldown-back > a::before {
display: block;
width: 0;
height: 0;
border: inset 6px;
content: '';
border-left-width: 0;
border-right-style: solid;
border-color: transparent #000 transparent transparent;
border-left-width: 0;
display: inline-block;
vertical-align: middle;
margin-right: 0.75rem;
border-left-width: 0; }
.dropdown-pane {
position: absolute;
z-index: 10;
display: block;
width: 300px;
padding: 1rem;
visibility: hidden;
border: 1px solid #cacaca;
border-radius: 0;
background-color: #ffffff;
font-size: 1rem; }
.dropdown-pane.is-open {
visibility: visible; }
.dropdown-pane.tiny {
width: 100px; }
.dropdown-pane.small {
width: 200px; }
.dropdown-pane.large {
width: 400px; }
.dropdown.menu > li.opens-left > .is-dropdown-submenu {
top: 100%;
right: 0;
left: auto; }
.dropdown.menu > li.opens-right > .is-dropdown-submenu {
top: 100%;
right: auto;
left: 0; }
.dropdown.menu > li.is-dropdown-submenu-parent > a {
position: relative;
padding-right: 1.5rem; }
.dropdown.menu > li.is-dropdown-submenu-parent > a::after {
display: block;
width: 0;
height: 0;
border: inset 6px;
content: '';
border-bottom-width: 0;
border-top-style: solid;
border-color: #c23319 transparent transparent;
right: 5px;
margin-top: -3px; }
[data-whatinput='mouse'] .dropdown.menu a {
outline: 0; }
.no-js .dropdown.menu ul {
display: none; }
.dropdown.menu.vertical > li .is-dropdown-submenu {
top: 0; }
.dropdown.menu.vertical > li.opens-left > .is-dropdown-submenu {
right: 100%;
left: auto; }
.dropdown.menu.vertical > li.opens-right > .is-dropdown-submenu {
right: auto;
left: 100%; }
.dropdown.menu.vertical > li > a::after {
right: 14px; }
.dropdown.menu.vertical > li.opens-left > a::after {
display: block;
width: 0;
height: 0;
border: inset 6px;
content: '';
border-left-width: 0;
border-right-style: solid;
border-color: transparent #c23319 transparent transparent; }
.dropdown.menu.vertical > li.opens-right > a::after {
display: block;
width: 0;
height: 0;
border: inset 6px;
content: '';
border-right-width: 0;
border-left-style: solid;
border-color: transparent transparent transparent #c23319; }
@media print, screen and (min-width: 41.75em) {
.dropdown.menu.medium-horizontal > li.opens-left > .is-dropdown-submenu {
top: 100%;
right: 0;
left: auto; }
.dropdown.menu.medium-horizontal > li.opens-right > .is-dropdown-submenu {
top: 100%;
right: auto;
left: 0; }
.dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a {
position: relative;
padding-right: 1.5rem; }
.dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a::after {
display: block;
width: 0;
height: 0;
border: inset 6px;
content: '';
border-bottom-width: 0;
border-top-style: solid;
border-color: #c23319 transparent transparent;
right: 5px;
margin-top: -3px; }
.dropdown.menu.medium-vertical > li .is-dropdown-submenu {
top: 0; }
.dropdown.menu.medium-vertical > li.opens-left > .is-dropdown-submenu {
right: 100%;
left: auto; }
.dropdown.menu.medium-vertical > li.opens-right > .is-dropdown-submenu {
right: auto;
left: 100%; }
.dropdown.menu.medium-vertical > li > a::after {
right: 14px; }
.dropdown.menu.medium-vertical > li.opens-left > a::after {
display: block;
width: 0;
height: 0;
border: inset 6px;
content: '';
border-left-width: 0;
border-right-style: solid;
border-color: transparent #c23319 transparent transparent; }
.dropdown.menu.medium-vertical > li.opens-right > a::after {
display: block;
width: 0;
height: 0;
border: inset 6px;
content: '';
border-right-width: 0;
border-left-style: solid;
border-color: transparent transparent transparent #c23319; } }
@media print, screen and (min-width: 64em) {
.dropdown.menu.large-horizontal > li.opens-left > .is-dropdown-submenu {
top: 100%;
right: 0;
left: auto; }
.dropdown.menu.large-horizontal > li.opens-right > .is-dropdown-submenu {
top: 100%;
right: auto;
left: 0; }
.dropdown.menu.large-horizontal > li.is-dropdown-submenu-parent > a {
position: relative;
padding-right: 1.5rem; }
.dropdown.menu.large-horizontal > li.is-dropdown-submenu-parent > a::after {
display: block;
width: 0;
height: 0;
border: inset 6px;
content: '';
border-bottom-width: 0;
border-top-style: solid;
border-color: #c23319 transparent transparent;
right: 5px;
margin-top: -3px; }
.dropdown.menu.large-vertical > li .is-dropdown-submenu {
top: 0; }
.dropdown.menu.large-vertical > li.opens-left > .is-dropdown-submenu {
right: 100%;
left: auto; }
.dropdown.menu.large-vertical > li.opens-right > .is-dropdown-submenu {
right: auto;
left: 100%; }
.dropdown.menu.large-vertical > li > a::after {
right: 14px; }
.dropdown.menu.large-vertical > li.opens-left > a::after {
display: block;
width: 0;
height: 0;
border: inset 6px;
content: '';
border-left-width: 0;
border-right-style: solid;
border-color: transparent #c23319 transparent transparent; }
.dropdown.menu.large-vertical > li.opens-right > a::after {
display: block;
width: 0;
height: 0;
border: inset 6px;
content: '';
border-right-width: 0;
border-left-style: solid;
border-color: transparent transparent transparent #c23319; } }
@media screen and (min-width: 75em) {
.dropdown.menu.xlarge-horizontal > li.opens-left > .is-dropdown-submenu {
top: 100%;
right: 0;
left: auto; }
.dropdown.menu.xlarge-horizontal > li.opens-right > .is-dropdown-submenu {
top: 100%;
right: auto;
left: 0; }
.dropdown.menu.xlarge-horizontal > li.is-dropdown-submenu-parent > a {
position: relative;
padding-right: 1.5rem; }
.dropdown.menu.xlarge-horizontal > li.is-dropdown-submenu-parent > a::after {
display: block;
width: 0;
height: 0;
border: inset 6px;
content: '';
border-bottom-width: 0;
border-top-style: solid;
border-color: #c23319 transparent transparent;
right: 5px;
margin-top: -3px; }
.dropdown.menu.xlarge-vertical > li .is-dropdown-submenu {
top: 0; }
.dropdown.menu.xlarge-vertical > li.opens-left > .is-dropdown-submenu {
right: 100%;
left: auto; }
.dropdown.menu.xlarge-vertical > li.opens-right > .is-dropdown-submenu {
right: auto;
left: 100%; }
.dropdown.menu.xlarge-vertical > li > a::after {
right: 14px; }
.dropdown.menu.xlarge-vertical > li.opens-left > a::after {
display: block;
width: 0;
height: 0;
border: inset 6px;
content: '';
border-left-width: 0;
border-right-style: solid;
border-color: transparent #c23319 transparent transparent; }
.dropdown.menu.xlarge-vertical > li.opens-right > a::after {
display: block;
width: 0;
height: 0;
border: inset 6px;
content: '';
border-right-width: 0;
border-left-style: solid;
border-color: transparent transparent transparent #c23319; } }
@media screen and (min-width: 90em) {
.dropdown.menu.xxlarge-horizontal > li.opens-left > .is-dropdown-submenu {
top: 100%;
right: 0;
left: auto; }
.dropdown.menu.xxlarge-horizontal > li.opens-right > .is-dropdown-submenu {
top: 100%;
right: auto;
left: 0; }
.dropdown.menu.xxlarge-horizontal > li.is-dropdown-submenu-parent > a {
position: relative;
padding-right: 1.5rem; }
.dropdown.menu.xxlarge-horizontal > li.is-dropdown-submenu-parent > a::after {
display: block;
width: 0;
height: 0;
border: inset 6px;
content: '';
border-bottom-width: 0;
border-top-style: solid;
border-color: #c23319 transparent transparent;
right: 5px;
margin-top: -3px; }
.dropdown.menu.xxlarge-vertical > li .is-dropdown-submenu {
top: 0; }
.dropdown.menu.xxlarge-vertical > li.opens-left > .is-dropdown-submenu {
right: 100%;
left: auto; }
.dropdown.menu.xxlarge-vertical > li.opens-right > .is-dropdown-submenu {
right: auto;
left: 100%; }
.dropdown.menu.xxlarge-vertical > li > a::after {
right: 14px; }
.dropdown.menu.xxlarge-vertical > li.opens-left > a::after {
display: block;
width: 0;
height: 0;
border: inset 6px;
content: '';
border-left-width: 0;
border-right-style: solid;
border-color: transparent #c23319 transparent transparent; }
.dropdown.menu.xxlarge-vertical > li.opens-right > a::after {
display: block;
width: 0;
height: 0;
border: inset 6px;
content: '';
border-right-width: 0;
border-left-style: solid;
border-color: transparent transparent transparent #c23319; } }
.dropdown.menu.align-right .is-dropdown-submenu.first-sub {
top: 100%;
right: 0;
left: auto; }
.is-dropdown-menu.vertical {
width: 100px; }
.is-dropdown-menu.vertical.align-right {
float: right; }
.is-dropdown-submenu-parent {
position: relative; }
.is-dropdown-submenu-parent a::after {
position: absolute;
top: 50%;
right: 5px;
margin-top: -6px; }
.is-dropdown-submenu-parent.opens-inner > .is-dropdown-submenu {
top: 100%;
left: auto; }
.is-dropdown-submenu-parent.opens-left > .is-dropdown-submenu {
right: 100%;
left: auto; }
.is-dropdown-submenu-parent.opens-right > .is-dropdown-submenu {
right: auto;
left: 100%; }
.is-dropdown-submenu {
position: absolute;
top: 0;
left: 100%;
z-index: 1;
display: none;
min-width: 200px;
border: 1px solid #cacaca;
background: #ffffff; }
.is-dropdown-submenu .is-dropdown-submenu-parent > a::after {
right: 14px; }
.is-dropdown-submenu .is-dropdown-submenu-parent.opens-left > a::after {
display: block;
width: 0;
height: 0;
border: inset 6px;
content: '';
border-left-width: 0;
border-right-style: solid;
border-color: transparent #c23319 transparent transparent; }
.is-dropdown-submenu .is-dropdown-submenu-parent.opens-right > a::after {
display: block;
width: 0;
height: 0;
border: inset 6px;
content: '';
border-right-width: 0;
border-left-style: solid;
border-color: transparent transparent transparent #c23319; }
.is-dropdown-submenu .is-dropdown-submenu {
margin-top: -1px; }
.is-dropdown-submenu > li {
width: 100%; }
.is-dropdown-submenu.js-dropdown-active {
display: block; }
.responsive-embed, .flex-video {
position: relative;
height: 0;
margin-bottom: 1rem;
padding-bottom: 75%;
overflow: hidden; }
.responsive-embed iframe,
.responsive-embed object,
.responsive-embed embed,
.responsive-embed video, .flex-video iframe,
.flex-video object,
.flex-video embed,
.flex-video video {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%; }
.responsive-embed.widescreen, .flex-video.widescreen {
padding-bottom: 56.25%; }
.label {
display: inline-block;
padding: 0.33333rem 0.5rem;
border-radius: 0;
font-size: 0.8rem;
line-height: 1;
white-space: nowrap;
cursor: default;
background: #000;
color: #ffffff; }
.label.primary {
background: #000;
color: #ffffff; }
.label.secondary {
background: #eedd42;
color: #000; }
.label.success {
background: #4ca829;
color: #000; }
.label.warning {
background: #ffae00;
color: #000; }
.label.alert {
background: #c23319;
color: #ffffff; }
.media-object {
display: block;
margin-bottom: 1rem; }
.media-object img {
max-width: none; }
@media screen and (max-width: 41.6875em) {
.media-object.stack-for-small .media-object-section {
padding: 0;
padding-bottom: 1rem;
display: block; }
.media-object.stack-for-small .media-object-section img {
width: 100%; } }
.media-object-section {
display: table-cell;
vertical-align: top; }
.media-object-section:first-child {
padding-right: 1rem; }
.media-object-section:last-child:not(:nth-child(2)) {
padding-left: 1rem; }
.media-object-section > :last-child {
margin-bottom: 0; }
.media-object-section.middle {
vertical-align: middle; }
.media-object-section.bottom {
vertical-align: bottom; }
.pagination {
margin-left: 0;
margin-bottom: 1rem; }
.pagination::before, .pagination::after {
display: table;
content: ' '; }
.pagination::after {
clear: both; }
.pagination li {
margin-right: 0.0625rem;
border-radius: 0;
font-size: 0.875rem;
display: none; }
.pagination li:last-child, .pagination li:first-child {
display: inline-block; }
@media print, screen and (min-width: 41.75em) {
.pagination li {
display: inline-block; } }
.pagination a,
.pagination button {
display: block;
padding: 0.1875rem 0.625rem;
border-radius: 0;
color: #000; }
.pagination a:hover,
.pagination button:hover {
background: #eeeeee; }
.pagination .current {
padding: 0.1875rem 0.625rem;
background: #000;
color: #ffffff;
cursor: default; }
.pagination .disabled {
padding: 0.1875rem 0.625rem;
color: #cacaca;
cursor: not-allowed; }
.pagination .disabled:hover {
background: transparent; }
.pagination .ellipsis::after {
padding: 0.1875rem 0.625rem;
content: '\2026';
color: #000; }
.pagination-previous a::before,
.pagination-previous.disabled::before {
display: inline-block;
margin-right: 0.5rem;
content: '\00ab'; }
.pagination-next a::after,
.pagination-next.disabled::after {
display: inline-block;
margin-left: 0.5rem;
content: '\00bb'; }
.progress {
height: 1rem;
margin-bottom: 1rem;
border-radius: 0;
background-color: #cacaca; }
.progress.primary .progress-meter {
background-color: #000; }
.progress.secondary .progress-meter {
background-color: #eedd42; }
.progress.success .progress-meter {
background-color: #4ca829; }
.progress.warning .progress-meter {
background-color: #ffae00; }
.progress.alert .progress-meter {
background-color: #c23319; }
.progress-meter {
position: relative;
display: block;
width: 0%;
height: 100%;
background-color: #000; }
.progress-meter-text {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
position: absolute;
margin: 0;
font-size: 0.75rem;
font-weight: bold;
color: #ffffff;
white-space: nowrap; }
.slider {
position: relative;
height: 0.5rem;
margin-top: 1.25rem;
margin-bottom: 2.25rem;
background-color: #eeeeee;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-ms-touch-action: none;
touch-action: none; }
.slider-fill {
position: absolute;
top: 0;
left: 0;
display: inline-block;
max-width: 100%;
height: 0.5rem;
background-color: #cacaca;
transition: all 0.2s ease-in-out; }
.slider-fill.is-dragging {
transition: all 0s linear; }
.slider-handle {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
position: absolute;
left: 0;
z-index: 1;
display: inline-block;
width: 1.4rem;
height: 1.4rem;
border-radius: 0;
background-color: #000;
transition: all 0.2s ease-in-out;
-ms-touch-action: manipulation;
touch-action: manipulation; }
[data-whatinput='mouse'] .slider-handle {
outline: 0; }
.slider-handle:hover {
background-color: black; }
.slider-handle.is-dragging {
transition: all 0s linear; }
.slider.disabled,
.slider[disabled] {
opacity: 0.25;
cursor: not-allowed; }
.slider.vertical {
display: inline-block;
width: 0.5rem;
height: 12.5rem;
margin: 0 1.25rem;
-webkit-transform: scale(1, -1);
-ms-transform: scale(1, -1);
transform: scale(1, -1); }
.slider.vertical .slider-fill {
top: 0;
width: 0.5rem;
max-height: 100%; }
.slider.vertical .slider-handle {
position: absolute;
top: 0;
left: 50%;
width: 1.4rem;
height: 1.4rem;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%); }
.sticky-container {
position: relative;
margin-top: 0.625rem; }
.sticky {
position: relative;
z-index: 0;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
.sticky.is-stuck {
position: fixed;
background-color:white;
z-index: 50000; }
.sticky.is-stuck.is-at-top {
top: 0; }
.sticky.is-stuck.is-at-bottom {
bottom: 0; }
@media screen and (max-width: 768px) {
.sticky.is-stuck {
z-index: 1999; }
}
.sticky.is-anchored {
position: relative;
right: auto;
left: auto; }
.sticky.is-anchored.is-at-bottom {
bottom: 0; }
body.is-reveal-open {
overflow: hidden; }
html.is-reveal-open,
html.is-reveal-open body {
min-height: 100%;
overflow: hidden;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }
.reveal-overlay {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1005;
z-index: 50001;
border-radius: 0;
display: none;
background-color: rgba(194, 51, 25, 0.85);
overflow-y: scroll;
scrollbar-width: thin; }
.reveal {
z-index: 1006;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
display: none;
padding: 2.5rem;
border: 1px solid #cacaca;
border-radius: 0;
background-color: #ffffff;
position: relative;
top: 100px;
margin-right: auto;
margin-left: auto;
overflow-y: auto; }
[data-whatinput='mouse'] .reveal {
outline: 0; }
@media print, screen and (min-width: 41.75em) {
.reveal {
min-height: 0; } }
.reveal .column, .reveal .columns,
.reveal .columns {
min-width: 0; }
.reveal > :last-child {
margin-bottom: 0; }
@media print, screen and (min-width: 41.75em) {
.reveal {
width: 800px;
max-width: 75rem; } }
@media print, screen and (min-width: 41.75em) {
.reveal .reveal {
right: auto;
left: auto;
margin: 0 auto; } }
.reveal.collapse {
padding: 0; }
@media print, screen and (min-width: 41.75em) {
.reveal.tiny {
width: 30%;
max-width: 75rem; } }
@media print, screen and (min-width: 41.75em) {
.reveal.small {
width: 50%;
max-width: 75rem; } }
@media print, screen and (min-width: 41.75em) {
.reveal.large {
width: 90%;
max-width: 75rem; } }
.reveal.full {
top: 0;
left: 0;
width: 100%;
max-width: none;
height: 100%;
height: 100vh;
min-height: 100vh;
margin-left: 0;
border: 0;
border-radius: 0; }
@media screen and (max-width: 41.6875em) {
.reveal {
top: 0;
left: 0;
width: 100%;
max-width: none;
height: 100%;
height: 100vh;
min-height: 100vh;
margin-left: 0;
border: 0;
border-radius: 0; } }
.reveal.without-overlay {
position: fixed; }
.switch {
height: 2rem;
position: relative;
margin-bottom: 1rem;
outline: 0;
font-size: 0.875rem;
font-weight: bold;
color: #ffffff;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }
.switch-input {
position: absolute;
margin-bottom: 0;
opacity: 0; }
.switch-paddle {
position: relative;
display: block;
width: 4rem;
height: 2rem;
border-radius: 0;
background: #cacaca;
transition: all 0.25s ease-out;
font-weight: inherit;
color: inherit;
cursor: pointer; }
input + .switch-paddle {
margin: 0; }
.switch-paddle::after {
position: absolute;
top: 0.25rem;
left: 0.25rem;
display: block;
width: 1.5rem;
height: 1.5rem;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
border-radius: 0;
background: #ffffff;
transition: all 0.25s ease-out;
content: ''; }
input:checked ~ .switch-paddle {
background: #000; }
input:checked ~ .switch-paddle::after {
left: 2.25rem; }
[data-whatinput='mouse'] input:focus ~ .switch-paddle {
outline: 0; }
.switch-active, .switch-inactive {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%); }
.switch-active {
left: 8%;
display: none; }
input:checked + label > .switch-active {
display: block; }
.switch-inactive {
right: 15%; }
input:checked + label > .switch-inactive {
display: none; }
.switch.tiny {
height: 1.5rem; }
.switch.tiny .switch-paddle {
width: 3rem;
height: 1.5rem;
font-size: 0.625rem; }
.switch.tiny .switch-paddle::after {
top: 0.25rem;
left: 0.25rem;
width: 1rem;
height: 1rem; }
.switch.tiny input:checked ~ .switch-paddle::after {
left: 1.75rem; }
.switch.small {
height: 1.75rem; }
.switch.small .switch-paddle {
width: 3.5rem;
height: 1.75rem;
font-size: 0.75rem; }
.switch.small .switch-paddle::after {
top: 0.25rem;
left: 0.25rem;
width: 1.25rem;
height: 1.25rem; }
.switch.small input:checked ~ .switch-paddle::after {
left: 2rem; }
.switch.large {
height: 2.5rem; }
.switch.large .switch-paddle {
width: 5rem;
height: 2.5rem;
font-size: 1rem; }
.switch.large .switch-paddle::after {
top: 0.25rem;
left: 0.25rem;
width: 2rem;
height: 2rem; }
.switch.large input:checked ~ .switch-paddle::after {
left: 2.75rem; }
table {
width: 100%;
margin-bottom: 1rem;
border-radius: 0; }
table thead,
table tbody,
table tfoot {
border: 1px solid #f2f2f2;
background-color: #ffffff; }
table caption {
padding: 0.5rem 0.625rem 0.625rem;
font-weight: bold; }
table thead {
background: #f9f9f9;
color: #000; }
table tfoot {
background: #f2f2f2;
color: #000; }
table thead tr,
table tfoot tr {
background: transparent; }
table thead th,
table thead td,
table tfoot th,
table tfoot td {
padding: 0.5rem 0.625rem 0.625rem;
font-weight: bold;
text-align: left; }
table tbody th,
table tbody td {
padding: 0.5rem 0.625rem 0.625rem; }
table tbody tr:nth-child(even) {
border-bottom: 0;
background-color: #f2f2f2; }
table.unstriped tbody {
background-color: #ffffff; }
table.unstriped tbody tr {
border-bottom: 0;
border-bottom: 1px solid #f2f2f2;
background-color: #ffffff; }
th {background-color: #eedd42;}
@media screen and (max-width: 63.9375em) {
table.stack thead {
display: none; }
table.stack tfoot {
display: none; }
table.stack tr,
table.stack th,
table.stack td {
display: block; }
table.stack td {
border-top: 0; } }
table.scroll {
display: block;
width: 100%;
overflow-x: auto; }
table.hover thead tr:hover {
background-color: #f4f4f4; }
table.hover tfoot tr:hover {
background-color: #ededed; }
table.hover tbody tr:hover {
background-color: #fafafa; }
table.hover:not(.unstriped) tr:nth-of-type(even):hover {
background-color: #ededed; }
.table-scroll {
overflow-x: auto; }
.table-scroll table {
width: auto; }
.tabs {
margin: 0;
border: 1px solid #eeeeee;
background: #ffffff;
list-style-type: none; }
.tabs::before, .tabs::after {
display: table;
content: ' '; }
.tabs::after {
clear: both; }
.tabs.vertical > li {
display: block;
float: none;
width: auto; }
.tabs.simple > li > a {
padding: 0; }
.tabs.simple > li > a:hover {
background: transparent; }
.tabs.primary {
background: #000; }
.tabs.primary > li > a {
color: #ffffff; }
.tabs.primary > li > a:hover, .tabs.primary > li > a:focus {
background: #0d0d0d; }
.tabs-title {
float: left; }
.tabs-title > a {
display: block;
padding: 1.25rem 1.5rem;
font-size: 0.75rem;
line-height: 1;
color: #000; }
.tabs-title > a:hover {
background: #ffffff;
color: black; }
.tabs-title > a:focus, .tabs-title > a[aria-selected='true'] {
background: #eeeeee;
color: #000; }
.tabs-content {
border: 1px solid #eeeeee;
border-top: 0;
background: #ffffff;
color: #000;
transition: all 0.5s ease; }
.tabs-content.vertical {
border: 1px solid #eeeeee;
border-left: 0; }
.tabs-panel {
display: none;
padding: 1rem; }
.tabs-panel[aria-hidden="false"] {
display: block; }
.title-bar {
padding: 0.5rem;
background: #000;
color: #ffffff; }
.title-bar::before, .title-bar::after {
display: table;
content: ' '; }
.title-bar::after {
clear: both; }
.title-bar .menu-icon {
margin-left: 0.25rem;
margin-right: 0.25rem; }
.title-bar-left {
float: left; }
.title-bar-right {
float: right;
text-align: right; }
.title-bar-title {
display: inline-block;
vertical-align: middle;
font-weight: bold; }
.top-bar {
padding: 0.5rem; }
.top-bar::before, .top-bar::after {
display: table;
content: ' '; }
.top-bar::after {
clear: both; }
.top-bar,
.top-bar ul {
background-color: #eeeeee; }
.top-bar input {
max-width: 200px;
margin-right: 1rem; }
.top-bar .input-group-field {
width: 100%;
margin-right: 0; }
.top-bar input.button {
width: auto; }
.top-bar .top-bar-left,
.top-bar .top-bar-right {
width: 100%; }
@media print, screen and (min-width: 41.75em) {
.top-bar .top-bar-left,
.top-bar .top-bar-right {
width: auto; } }
@media screen and (max-width: 63.9375em) {
.top-bar.stacked-for-medium .top-bar-left,
.top-bar.stacked-for-medium .top-bar-right {
width: 100%; } }
@media screen and (max-width: 74.9375em) {
.top-bar.stacked-for-large .top-bar-left,
.top-bar.stacked-for-large .top-bar-right {
width: 100%; } }
@media screen and (max-width: 89.9375em) {
.top-bar.stacked-for-xlarge .top-bar-left,
.top-bar.stacked-for-xlarge .top-bar-right {
width: 100%; } }
.top-bar.stacked-for-xxlarge .top-bar-left,
.top-bar.stacked-for-xxlarge .top-bar-right {
width: 100%; }
.top-bar-title {
display: inline-block;
float: left;
/* padding: 0.5rem 1rem 0.5rem 0; */
padding-top: 0.5rem }
.top-bar-title .menu-icon {
bottom: 2px; }
.top-bar-left {
float: left; }
.top-bar-right {
float: right; }
.hide {
display: none !important; }
.invisible {
visibility: hidden; }
@media screen and (max-width: 41.6875em) {
.hide-for-small-only {
display: none !important; } }
@media screen and (max-width: 0em), screen and (min-width: 41.75em) {
.show-for-small-only {
display: none !important; } }
@media print, screen and (min-width: 41.75em) {
.hide-for-medium {
display: none !important; } }
@media screen and (max-width: 41.6875em) {
.show-for-medium {
display: none !important; } }
@media screen and (min-width: 41.75em) and (max-width: 63.9375em) {
.hide-for-medium-only {
display: none !important; } }
@media screen and (max-width: 41.6875em), screen and (min-width: 64em) {
.show-for-medium-only {
display: none !important; } }
@media print, screen and (min-width: 64em) {
.hide-for-large {
display: none !important; } }
@media screen and (max-width: 63.9375em) {
.show-for-large {
display: none !important; } }
@media screen and (min-width: 64em) and (max-width: 74.9375em) {
.hide-for-large-only {
display: none !important; } }
@media screen and (max-width: 63.9375em), screen and (min-width: 75em) {
.show-for-large-only {
display: none !important; } }
@media screen and (min-width: 75em) {
.hide-for-xlarge {
display: none !important; } }
@media screen and (max-width: 74.9375em) {
.show-for-xlarge {
display: none !important; } }
@media screen and (min-width: 75em) and (max-width: 89.9375em) {
.hide-for-xlarge-only {
display: none !important; } }
@media screen and (max-width: 74.9375em), screen and (min-width: 90em) {
.show-for-xlarge-only {
display: none !important; } }
@media screen and (min-width: 90em) {
.hide-for-xxlarge {
display: none !important; } }
@media screen and (max-width: 89.9375em) {
.show-for-xxlarge {
display: none !important; } }
@media screen and (min-width: 90em) {
.hide-for-xxlarge-only {
display: none !important; } }
@media screen and (max-width: 89.9375em) {
.show-for-xxlarge-only {
display: none !important; } }
.show-for-sr,
.show-on-focus {
position: absolute !important;
width: 1px;
height: 1px;
overflow: hidden;
clip: rect(0, 0, 0, 0); }
.show-on-focus:active, .show-on-focus:focus {
position: static !important;
width: auto;
height: auto;
overflow: visible;
clip: auto; }
.show-for-landscape,
.hide-for-portrait {
display: block !important; }
@media screen and (orientation: landscape) {
.show-for-landscape,
.hide-for-portrait {
display: block !important; } }
@media screen and (orientation: portrait) {
.show-for-landscape,
.hide-for-portrait {
display: none !important; } }
.hide-for-landscape,
.show-for-portrait {
display: none !important; }
@media screen and (orientation: landscape) {
.hide-for-landscape,
.show-for-portrait {
display: none !important; } }
@media screen and (orientation: portrait) {
.hide-for-landscape,
.show-for-portrait {
display: block !important; } }
.float-left {
float: left !important; }
.float-right {
float: right !important; }
.float-center {
display: block;
margin-right: auto;
margin-left: auto; }
.clearfix::before, .clearfix::after {
display: table;
content: ' '; }
.clearfix::after {
clear: both; }
.slide-in-down.mui-enter {
transition-duration: 500ms;
transition-timing-function: linear;
-webkit-transform: translateY(-100%);
-ms-transform: translateY(-100%);
transform: translateY(-100%);
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
-webkit-backface-visibility: hidden;
backface-visibility: hidden; }
.slide-in-down.mui-enter.mui-enter-active {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0); }
.slide-in-left.mui-enter {
transition-duration: 500ms;
transition-timing-function: linear;
-webkit-transform: translateX(-100%);
-ms-transform: translateX(-100%);
transform: translateX(-100%);
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
-webkit-backface-visibility: hidden;
backface-visibility: hidden; }
.slide-in-left.mui-enter.mui-enter-active {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0); }
.slide-in-up.mui-enter {
transition-duration: 500ms;
transition-timing-function: linear;
-webkit-transform: translateY(100%);
-ms-transform: translateY(100%);
transform: translateY(100%);
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
-webkit-backface-visibility: hidden;
backface-visibility: hidden; }
.slide-in-up.mui-enter.mui-enter-active {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0); }
.slide-in-right.mui-enter {
transition-duration: 500ms;
transition-timing-function: linear;
-webkit-transform: translateX(100%);
-ms-transform: translateX(100%);
transform: translateX(100%);
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
-webkit-backface-visibility: hidden;
backface-visibility: hidden; }
.slide-in-right.mui-enter.mui-enter-active {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0); }
.slide-out-down.mui-leave {
transition-duration: 500ms;
transition-timing-function: linear;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
-webkit-backface-visibility: hidden;
backface-visibility: hidden; }
.slide-out-down.mui-leave.mui-leave-active {
-webkit-transform: translateY(100%);
-ms-transform: translateY(100%);
transform: translateY(100%); }
.slide-out-right.mui-leave {
transition-duration: 500ms;
transition-timing-function: linear;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
-webkit-backface-visibility: hidden;
backface-visibility: hidden; }
.slide-out-right.mui-leave.mui-leave-active {
-webkit-transform: translateX(100%);
-ms-transform: translateX(100%);
transform: translateX(100%); }
.slide-out-up.mui-leave {
transition-duration: 500ms;
transition-timing-function: linear;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
-webkit-backface-visibility: hidden;
backface-visibility: hidden; }
.slide-out-up.mui-leave.mui-leave-active {
-webkit-transform: translateY(-100%);
-ms-transform: translateY(-100%);
transform: translateY(-100%); }
.slide-out-left.mui-leave {
transition-duration: 500ms;
transition-timing-function: linear;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
-webkit-backface-visibility: hidden;
backface-visibility: hidden; }
.slide-out-left.mui-leave.mui-leave-active {
-webkit-transform: translateX(-100%);
-ms-transform: translateX(-100%);
transform: translateX(-100%); }
.fade-in.mui-enter {
transition-duration: 500ms;
transition-timing-function: linear;
opacity: 0;
transition-property: opacity; }
.fade-in.mui-enter.mui-enter-active {
opacity: 1; }
.fade-out.mui-leave {
transition-duration: 500ms;
transition-timing-function: linear;
opacity: 1;
transition-property: opacity; }
.fade-out.mui-leave.mui-leave-active {
opacity: 0; }
.hinge-in-from-top.mui-enter {
transition-duration: 500ms;
transition-timing-function: linear;
-webkit-transform: perspective(2000px) rotateX(-90deg);
transform: perspective(2000px) rotateX(-90deg);
-webkit-transform-origin: top;
-ms-transform-origin: top;
transform-origin: top;
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
opacity: 0; }
.hinge-in-from-top.mui-enter.mui-enter-active {
-webkit-transform: perspective(2000px) rotate(0deg);
transform: perspective(2000px) rotate(0deg);
opacity: 1; }
.hinge-in-from-right.mui-enter {
transition-duration: 500ms;
transition-timing-function: linear;
-webkit-transform: perspective(2000px) rotateY(-90deg);
transform: perspective(2000px) rotateY(-90deg);
-webkit-transform-origin: right;
-ms-transform-origin: right;
transform-origin: right;
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
opacity: 0; }
.hinge-in-from-right.mui-enter.mui-enter-active {
-webkit-transform: perspective(2000px) rotate(0deg);
transform: perspective(2000px) rotate(0deg);
opacity: 1; }
.hinge-in-from-bottom.mui-enter {
transition-duration: 500ms;
transition-timing-function: linear;
-webkit-transform: perspective(2000px) rotateX(90deg);
transform: perspective(2000px) rotateX(90deg);
-webkit-transform-origin: bottom;
-ms-transform-origin: bottom;
transform-origin: bottom;
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
opacity: 0; }
.hinge-in-from-bottom.mui-enter.mui-enter-active {
-webkit-transform: perspective(2000px) rotate(0deg);
transform: perspective(2000px) rotate(0deg);
opacity: 1; }
.hinge-in-from-left.mui-enter {
transition-duration: 500ms;
transition-timing-function: linear;
-webkit-transform: perspective(2000px) rotateY(90deg);
transform: perspective(2000px) rotateY(90deg);
-webkit-transform-origin: left;
-ms-transform-origin: left;
transform-origin: left;
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
opacity: 0; }
.hinge-in-from-left.mui-enter.mui-enter-active {
-webkit-transform: perspective(2000px) rotate(0deg);
transform: perspective(2000px) rotate(0deg);
opacity: 1; }
.hinge-in-from-middle-x.mui-enter {
transition-duration: 500ms;
transition-timing-function: linear;
-webkit-transform: perspective(2000px) rotateX(-90deg);
transform: perspective(2000px) rotateX(-90deg);
-webkit-transform-origin: center;
-ms-transform-origin: center;
transform-origin: center;
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
opacity: 0; }
.hinge-in-from-middle-x.mui-enter.mui-enter-active {
-webkit-transform: perspective(2000px) rotate(0deg);
transform: perspective(2000px) rotate(0deg);
opacity: 1; }
.hinge-in-from-middle-y.mui-enter {
transition-duration: 500ms;
transition-timing-function: linear;
-webkit-transform: perspective(2000px) rotateY(-90deg);
transform: perspective(2000px) rotateY(-90deg);
-webkit-transform-origin: center;
-ms-transform-origin: center;
transform-origin: center;
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
opacity: 0; }
.hinge-in-from-middle-y.mui-enter.mui-enter-active {
-webkit-transform: perspective(2000px) rotate(0deg);
transform: perspective(2000px) rotate(0deg);
opacity: 1; }
.hinge-out-from-top.mui-leave {
transition-duration: 500ms;
transition-timing-function: linear;
-webkit-transform: perspective(2000px) rotate(0deg);
transform: perspective(2000px) rotate(0deg);
-webkit-transform-origin: top;
-ms-transform-origin: top;
transform-origin: top;
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
opacity: 1; }
.hinge-out-from-top.mui-leave.mui-leave-active {
-webkit-transform: perspective(2000px) rotateX(-90deg);
transform: perspective(2000px) rotateX(-90deg);
opacity: 0; }
.hinge-out-from-right.mui-leave {
transition-duration: 500ms;
transition-timing-function: linear;
-webkit-transform: perspective(2000px) rotate(0deg);
transform: perspective(2000px) rotate(0deg);
-webkit-transform-origin: right;
-ms-transform-origin: right;
transform-origin: right;
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
opacity: 1; }
.hinge-out-from-right.mui-leave.mui-leave-active {
-webkit-transform: perspective(2000px) rotateY(-90deg);
transform: perspective(2000px) rotateY(-90deg);
opacity: 0; }
.hinge-out-from-bottom.mui-leave {
transition-duration: 500ms;
transition-timing-function: linear;
-webkit-transform: perspective(2000px) rotate(0deg);
transform: perspective(2000px) rotate(0deg);
-webkit-transform-origin: bottom;
-ms-transform-origin: bottom;
transform-origin: bottom;
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
opacity: 1; }
.hinge-out-from-bottom.mui-leave.mui-leave-active {
-webkit-transform: perspective(2000px) rotateX(90deg);
transform: perspective(2000px) rotateX(90deg);
opacity: 0; }
.hinge-out-from-left.mui-leave {
transition-duration: 500ms;
transition-timing-function: linear;
-webkit-transform: perspective(2000px) rotate(0deg);
transform: perspective(2000px) rotate(0deg);
-webkit-transform-origin: left;
-ms-transform-origin: left;
transform-origin: left;
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
opacity: 1; }
.hinge-out-from-left.mui-leave.mui-leave-active {
-webkit-transform: perspective(2000px) rotateY(90deg);
transform: perspective(2000px) rotateY(90deg);
opacity: 0; }
.hinge-out-from-middle-x.mui-leave {
transition-duration: 500ms;
transition-timing-function: linear;
-webkit-transform: perspective(2000px) rotate(0deg);
transform: perspective(2000px) rotate(0deg);
-webkit-transform-origin: center;
-ms-transform-origin: center;
transform-origin: center;
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
opacity: 1; }
.hinge-out-from-middle-x.mui-leave.mui-leave-active {
-webkit-transform: perspective(2000px) rotateX(-90deg);
transform: perspective(2000px) rotateX(-90deg);
opacity: 0; }
.hinge-out-from-middle-y.mui-leave {
transition-duration: 500ms;
transition-timing-function: linear;
-webkit-transform: perspective(2000px) rotate(0deg);
transform: perspective(2000px) rotate(0deg);
-webkit-transform-origin: center;
-ms-transform-origin: center;
transform-origin: center;
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
opacity: 1; }
.hinge-out-from-middle-y.mui-leave.mui-leave-active {
-webkit-transform: perspective(2000px) rotateY(-90deg);
transform: perspective(2000px) rotateY(-90deg);
opacity: 0; }
.scale-in-up.mui-enter {
transition-duration: 500ms;
transition-timing-function: linear;
-webkit-transform: scale(0.5);
-ms-transform: scale(0.5);
transform: scale(0.5);
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
opacity: 0; }
.scale-in-up.mui-enter.mui-enter-active {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
opacity: 1; }
.scale-in-down.mui-enter {
transition-duration: 500ms;
transition-timing-function: linear;
-webkit-transform: scale(1.5);
-ms-transform: scale(1.5);
transform: scale(1.5);
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
opacity: 0; }
.scale-in-down.mui-enter.mui-enter-active {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
opacity: 1; }
.scale-out-up.mui-leave {
transition-duration: 500ms;
transition-timing-function: linear;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
opacity: 1; }
.scale-out-up.mui-leave.mui-leave-active {
-webkit-transform: scale(1.5);
-ms-transform: scale(1.5);
transform: scale(1.5);
opacity: 0; }
.scale-out-down.mui-leave {
transition-duration: 500ms;
transition-timing-function: linear;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
opacity: 1; }
.scale-out-down.mui-leave.mui-leave-active {
-webkit-transform: scale(0.5);
-ms-transform: scale(0.5);
transform: scale(0.5);
opacity: 0; }
.spin-in.mui-enter {
transition-duration: 500ms;
transition-timing-function: linear;
-webkit-transform: rotate(-0.75turn);
-ms-transform: rotate(-0.75turn);
transform: rotate(-0.75turn);
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
opacity: 0; }
.spin-in.mui-enter.mui-enter-active {
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1; }
.spin-out.mui-leave {
transition-duration: 500ms;
transition-timing-function: linear;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
opacity: 1; }
.spin-out.mui-leave.mui-leave-active {
-webkit-transform: rotate(0.75turn);
-ms-transform: rotate(0.75turn);
transform: rotate(0.75turn);
opacity: 0; }
.spin-in-ccw.mui-enter {
transition-duration: 500ms;
transition-timing-function: linear;
-webkit-transform: rotate(0.75turn);
-ms-transform: rotate(0.75turn);
transform: rotate(0.75turn);
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
opacity: 0; }
.spin-in-ccw.mui-enter.mui-enter-active {
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1; }
.spin-out-ccw.mui-leave {
transition-duration: 500ms;
transition-timing-function: linear;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
opacity: 1; }
.spin-out-ccw.mui-leave.mui-leave-active {
-webkit-transform: rotate(-0.75turn);
-ms-transform: rotate(-0.75turn);
transform: rotate(-0.75turn);
opacity: 0; }
.slow {
transition-duration: 750ms !important; }
.fast {
transition-duration: 250ms !important; }
.linear {
transition-timing-function: linear !important; }
.ease {
transition-timing-function: ease !important; }
.ease-in {
transition-timing-function: ease-in !important; }
.ease-out {
transition-timing-function: ease-out !important; }
.ease-in-out {
transition-timing-function: ease-in-out !important; }
.bounce-in {
transition-timing-function: cubic-bezier(0.485, 0.155, 0.24, 1.245) !important; }
.bounce-out {
transition-timing-function: cubic-bezier(0.485, 0.155, 0.515, 0.845) !important; }
.bounce-in-out {
transition-timing-function: cubic-bezier(0.76, -0.245, 0.24, 1.245) !important; }
.short-delay {
transition-delay: 300ms !important; }
.long-delay {
transition-delay: 700ms !important; }
.shake {
-webkit-animation-name: shake-7;
animation-name: shake-7; }
@-webkit-keyframes shake-7 {
0%, 10%, 20%, 30%, 40%, 50%, 60%, 70%, 80%, 90% {
-webkit-transform: translateX(7%);
transform: translateX(7%); }
5%, 15%, 25%, 35%, 45%, 55%, 65%, 75%, 85%, 95% {
-webkit-transform: translateX(-7%);
transform: translateX(-7%); } }
@keyframes shake-7 {
0%, 10%, 20%, 30%, 40%, 50%, 60%, 70%, 80%, 90% {
-webkit-transform: translateX(7%);
transform: translateX(7%); }
5%, 15%, 25%, 35%, 45%, 55%, 65%, 75%, 85%, 95% {
-webkit-transform: translateX(-7%);
transform: translateX(-7%); } }
.spin-cw {
-webkit-animation-name: spin-cw-1turn;
animation-name: spin-cw-1turn; }
@-webkit-keyframes spin-cw-1turn {
0% {
-webkit-transform: rotate(-1turn);
transform: rotate(-1turn); }
100% {
-webkit-transform: rotate(0);
transform: rotate(0); } }
@keyframes spin-cw-1turn {
0% {
-webkit-transform: rotate(-1turn);
transform: rotate(-1turn); }
100% {
-webkit-transform: rotate(0);
transform: rotate(0); } }
.spin-ccw {
-webkit-animation-name: spin-cw-1turn;
animation-name: spin-cw-1turn; }
@keyframes spin-cw-1turn {
0% {
-webkit-transform: rotate(0);
transform: rotate(0); }
100% {
-webkit-transform: rotate(1turn);
transform: rotate(1turn); } }
.wiggle {
-webkit-animation-name: wiggle-7deg;
animation-name: wiggle-7deg; }
@-webkit-keyframes wiggle-7deg {
40%, 50%, 60% {
-webkit-transform: rotate(7deg);
transform: rotate(7deg); }
35%, 45%, 55%, 65% {
-webkit-transform: rotate(-7deg);
transform: rotate(-7deg); }
0%, 30%, 70%, 100% {
-webkit-transform: rotate(0);
transform: rotate(0); } }
@keyframes wiggle-7deg {
40%, 50%, 60% {
-webkit-transform: rotate(7deg);
transform: rotate(7deg); }
35%, 45%, 55%, 65% {
-webkit-transform: rotate(-7deg);
transform: rotate(-7deg); }
0%, 30%, 70%, 100% {
-webkit-transform: rotate(0);
transform: rotate(0); } }
.shake,
.spin-cw,
.spin-ccw,
.wiggle {
-webkit-animation-duration: 500ms;
animation-duration: 500ms; }
.infinite {
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite; }
.slow {
-webkit-animation-duration: 750ms !important;
animation-duration: 750ms !important; }
.fast {
-webkit-animation-duration: 250ms !important;
animation-duration: 250ms !important; }
.linear {
-webkit-animation-timing-function: linear !important;
animation-timing-function: linear !important; }
.ease {
-webkit-animation-timing-function: ease !important;
animation-timing-function: ease !important; }
.ease-in {
-webkit-animation-timing-function: ease-in !important;
animation-timing-function: ease-in !important; }
.ease-out {
-webkit-animation-timing-function: ease-out !important;
animation-timing-function: ease-out !important; }
.ease-in-out {
-webkit-animation-timing-function: ease-in-out !important;
animation-timing-function: ease-in-out !important; }
.bounce-in {
-webkit-animation-timing-function: cubic-bezier(0.485, 0.155, 0.24, 1.245) !important;
animation-timing-function: cubic-bezier(0.485, 0.155, 0.24, 1.245) !important; }
.bounce-out {
-webkit-animation-timing-function: cubic-bezier(0.485, 0.155, 0.515, 0.845) !important;
animation-timing-function: cubic-bezier(0.485, 0.155, 0.515, 0.845) !important; }
.bounce-in-out {
-webkit-animation-timing-function: cubic-bezier(0.76, -0.245, 0.24, 1.245) !important;
animation-timing-function: cubic-bezier(0.76, -0.245, 0.24, 1.245) !important; }
.short-delay {
-webkit-animation-delay: 300ms !important;
animation-delay: 300ms !important; }
.long-delay {
-webkit-animation-delay: 700ms !important;
animation-delay: 700ms !important; }
/* Slider */
.slick-slider {
position: relative;
display: block;
box-sizing: border-box;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent; }
.slick-list {
position: relative;
overflow: hidden;
display: block;
margin: 0;
padding: 0; }
.slick-list:focus {
outline: none; }
.slick-list.dragging {
cursor: pointer;
cursor: hand; }
.slick-slider .slick-track,
.slick-slider .slick-list {
-webkit-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
.slick-track {
position: relative;
left: 0;
top: 0;
display: block; }
.slick-track:before, .slick-track:after {
content: "";
display: table; }
.slick-track:after {
clear: both; }
.slick-loading .slick-track {
visibility: hidden; }
.slick-slide {
float: left;
height: 100%;
min-height: 1px;
display: none; }
[dir="rtl"] .slick-slide {
float: right; }
.slick-slide img {
display: block; }
.slick-slide.slick-loading img {
display: none; }
.slick-slide.dragging img {
pointer-events: none; }
.slick-initialized .slick-slide {
display: block; }
.slick-loading .slick-slide {
visibility: hidden; }
.slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent; }
.slick-arrow.slick-hidden {
display: none; }
.audioplayer {
height: 2.5em;
/* 40 */
color: #fff;
text-shadow: 1px 1px 0 #000;
border: 1px solid #c23319;
position: relative;
z-index: 1;
background: #333;
background: linear-gradient(to top, #c23319, #a82f19);
border-radius: 2px;
margin-bottom: 1.5625rem; }
.jobaudio {
margin-bottom: -1.5625rem;
padding-right: 0.5rem; }
.audioplayer-mini {
width: 2.5em;
/* 40 */
margin: 0 auto; }
.audioplayer > div {
position: absolute; }
.audioplayer-playpause {
width: 2.5em;
/* 40 */
height: 100%;
text-align: left;
text-indent: -9999px;
cursor: pointer;
z-index: 2;
top: 0;
left: 0; }
.audioplayer:not(.audioplayer-mini) .audioplayer-playpause {
border-right: 1px solid #555;
border-right-color: rgba(255, 255, 255, 0.1); }
.audioplayer-mini .audioplayer-playpause {
width: 100%; }
.audioplayer-playpause:hover,
.audioplayer-playpause:focus {
background-color: #222; }
.audioplayer-playpause a {
display: block; }
.audioplayer:not(.audioplayer-playing) .audioplayer-playpause a {
width: 0;
height: 0;
border: 0.5em solid transparent;
/* 8 */
border-right: none;
border-left-color: #fff;
content: '';
position: absolute;
top: 50%;
left: 50%;
margin: -0.5em 0 0 -0.25em;
/* 8 4 */ }
.audioplayer-playing .audioplayer-playpause a {
width: 0.75em;
/* 12 */
height: 0.75em;
/* 12 */
position: absolute;
top: 50%;
left: 50%;
margin: -0.375em 0 0 -0.375em;
/* 6 */ }
.audioplayer-playing .audioplayer-playpause a:before,
.audioplayer-playing .audioplayer-playpause a:after {
width: 40%;
height: 100%;
background-color: #fff;
content: '';
position: absolute;
top: 0; }
.audioplayer-playing .audioplayer-playpause a:before {
left: 0; }
.audioplayer-playing .audioplayer-playpause a:after {
right: 0; }
.audioplayer-time {
width: 4.375em;
/* 70 */
height: 100%;
line-height: 2.375em;
/* 38 */
text-align: center;
z-index: 2;
top: 0; }
.audioplayer-time-current {
border-left: 1px solid #111;
border-left-color: rgba(0, 0, 0, 0.25);
left: 2.5em;
/* 40 */ }
.audioplayer-time-duration {
border-right: 1px solid #555;
border-right-color: rgba(255, 255, 255, 0.1);
right: 2.5em;
/* 40 */ }
.audioplayer-novolume .audioplayer-time-duration {
border-right: 0;
right: 0; }
.audioplayer-bar {
height: 0.875em;
/* 14 */
background-color: #222;
cursor: pointer;
z-index: 1;
top: 50%;
right: 6.875em;
/* 110 */
left: 6.875em;
/* 110 */
margin-top: -0.438em;
/* 7 */ }
.audioplayer-novolume .audioplayer-bar {
right: 4.375em;
/* 70 */ }
.audioplayer-bar div {
width: 0;
height: 100%;
position: absolute;
left: 0;
top: 0; }
.audioplayer-bar-loaded {
background-color: #333;
z-index: 1; }
.audioplayer-bar-played {
background: #eedd42;
background: linear-gradient(to right, #ffffff, #eedd42);
z-index: 2; }
.audioplayer-volume {
width: 2.5em;
/* 40 */
height: 100%;
border-left: 1px solid #111;
border-left-color: rgba(0, 0, 0, 0.25);
text-align: left;
text-indent: -9999px;
cursor: pointer;
z-index: 5;
top: 0;
right: 0; }
.audioplayer-volume:hover,
.audioplayer-volume:focus {
background-color: #222; }
.audioplayer-volume-button {
width: 100%;
height: 100%; }
.audioplayer-volume-button a {
width: 0.313em;
/* 5 */
height: 0.375em;
/* 6 */
background-color: #fff;
display: block;
position: relative;
z-index: 1;
top: 40%;
left: 35%; }
.audioplayer-volume-button a:before,
.audioplayer-volume-button a:after {
content: '';
position: absolute; }
.audioplayer-volume-button a:before {
width: 0;
height: 0;
border: 0.5em solid transparent;
/* 8 */
border-left: none;
border-right-color: #fff;
z-index: 2;
top: 50%;
right: -0.25em;
margin-top: -0.5em;
/* 8 */ }
.audioplayer:not(.audioplayer-mute) .audioplayer-volume-button a:after {
/* "volume" icon by Nicolas Gallagher, http://nicolasgallagher.com/pure-css-gui-icons */
width: 0.313em;
/* 5 */
height: 0.313em;
/* 5 */
border: 0.25em double #fff;
/* 4 */
border-width: 0.25em 0.25em 0 0;
/* 4 */
left: 0.563em;
/* 9 */
top: -0.063em;
/* 1 */
border-radius: 0 0.938em 0 0;
/* 15 */
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg); }
.audioplayer-volume-adjust {
height: 6.25em;
/* 100 */
cursor: default;
position: absolute;
left: 0;
right: -1px;
top: -9999px;
background: #222;
background: linear-gradient(to top, #444, #222);
border-top-left-radius: 2px;
border-top-right-radius: 2px; }
.audioplayer-volume:not(:hover) .audioplayer-volume-adjust {
opacity: 0;
/* bugfix multiple audios volume adjuster */ visibility: hidden; }
.audioplayer-volume:hover .audioplayer-volume-adjust {
top: auto;
bottom: 100%; }
.audioplayer-volume-adjust > div {
width: 40%;
height: 80%;
background-color: #222;
cursor: pointer;
position: relative;
z-index: 1;
margin: 30% auto 0; }
.audioplayer-volume-adjust div div {
width: 100%;
height: 100%;
position: absolute;
bottom: 0;
left: 0;
background: #eedd42;
background: linear-gradient(to top, #ffffff, #eedd42); }
.audioplayer-novolume .audioplayer-volume {
display: none; }
.audioplayer-play,
.audioplayer-pause,
.audioplayer-volume a {
-webkit-filter: drop-shadow(1px 1px 0 #000);
filter: drop-shadow(1px 1px 0 #000); }
.audioplayer-bar,
.audioplayer-bar div,
.audioplayer-volume-adjust div {
border-radius: 4px; }
.audioplayer-volume-adjust div div,
.audioplayer-bar-played {
box-shadow: inset 0 0 5px rgba(255, 255, 255, 0.5); }
.audioplayer-volume-adjust {
box-shadow: -2px -2px 2px rgba(0, 0, 0, 0.15), 2px -2px 2px rgba(0, 0, 0, 0.15); }
.audioplayer *,
.audioplayer *:before,
.audioplayer *:after {
transition: color .25s ease, background-color .25s ease, opacity .5s ease; }
/**
* Lightcase - jQuery Plugin
* The smart and flexible Lightbox Plugin.
*
* @author Cornel Boppart <cornel@bopp-art.com>
* @copyright Author
*
* @version 2.5.0 (11/03/2018)
*/
/**
* Lightcase settings
*
* Note: Override default settings for your project without touching this source code by simply
* defining those variables within a SASS map called '$lightcase-custom'.
*
* // Example usage
* $lightcase-custom: (
* 'breakpoint': 768px
* );
*/
@font-face {
font-family: 'lightcase';
src: url("../fonts/lightcase.eot?55356177");
src: url("../fonts/lightcase.eot?55356177#iefix") format("embedded-opentype"), url("../fonts/lightcase.woff?55356177") format("woff"), url("../fonts/lightcase.ttf?55356177") format("truetype"), url("../fonts/lightcase.svg?55356177#lightcase") format("svg");
font-weight: normal;
font-style: normal;
font-display: swap;
}
/* line 12, ../scss/components/fonts/_font-lightcase.scss */
[class*='lightcase-icon-']:before {
font-family: 'lightcase', sans-serif;
font-style: normal;
font-weight: normal;
speak: none;
display: inline-block;
text-decoration: inherit;
width: 1em;
text-align: center;
/* For safety - reset parent styles, that can break glyph codes*/
font-variant: normal;
text-transform: none;
/* fix buttons height, for twitter bootstrap */
line-height: 1em;
/* Uncomment for 3D effect */
/* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}
/* Codes */
/* line 35, ../scss/components/fonts/_font-lightcase.scss */
.lightcase-icon-play:before {
content: '\e800';
}
/* line 36, ../scss/components/fonts/_font-lightcase.scss */
.lightcase-icon-pause:before {
content: '\e801';
}
/* line 37, ../scss/components/fonts/_font-lightcase.scss */
.lightcase-icon-close:before {
content: '\e802';
border-radius: 50%;
background-color: #808080;
}
/* line 38, ../scss/components/fonts/_font-lightcase.scss */
.lightcase-icon-prev:before {
content: '\e803';
}
/* line 39, ../scss/components/fonts/_font-lightcase.scss */
.lightcase-icon-next:before {
content: '\e804';
}
/* line 40, ../scss/components/fonts/_font-lightcase.scss */
.lightcase-icon-spin:before {
content: '\e805';
}
/**
* Mixin providing icon defaults to be used on top of font-lightcase.
*
* Example usage:
* @include icon(#e9e9e9)
*/
/**
* Mixin providing icon defaults including a hover status to be used
* on top of font-lightcase.
*
* Example usage:
* @include icon-hover(#e9e9e9, #fff)
*/
/**
* Provides natural content overflow behavior and scrolling support
* even so for touch devices.
*
* Example usage:
* @include overflow()
*/
/**
* Neutralizes/resets dimensions including width, height, position as well as margins,
* paddings and styles. Used to enforce a neutral and unstyled look and behavoir!
*
* Example usage:
* @include clear(true)
*
* @param boolean $important
*/
@-webkit-keyframes lightcase-spin {
0% {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(359deg);
-moz-transform: rotate(359deg);
-o-transform: rotate(359deg);
transform: rotate(359deg);
}
}
@-moz-keyframes lightcase-spin {
0% {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(359deg);
-moz-transform: rotate(359deg);
-o-transform: rotate(359deg);
transform: rotate(359deg);
}
}
@-o-keyframes lightcase-spin {
0% {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(359deg);
-moz-transform: rotate(359deg);
-o-transform: rotate(359deg);
transform: rotate(359deg);
}
}
@-ms-keyframes lightcase-spin {
0% {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(359deg);
-moz-transform: rotate(359deg);
-o-transform: rotate(359deg);
transform: rotate(359deg);
}
}
@keyframes lightcase-spin {
0% {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(359deg);
-moz-transform: rotate(359deg);
-o-transform: rotate(359deg);
transform: rotate(359deg);
}
}
/* line 1, ../scss/components/modules/_case.scss */
#lightcase-case {
display: none;
position: fixed;
z-index: 2002;
top: 50%;
left: 50%;
font-family: Roboto, sans-serif;
font-size: 13px;
line-height: 1.5;
text-align: left;
/* inline bug mobile text-shadow: 0 0 10px rgba(0, 0, 0, 0.5); */
}
@media screen and (max-width: 640px) {
/* line 16, ../scss/components/modules/_case.scss */
html[data-lc-type=inline] #lightcase-case, html[data-lc-type=ajax] #lightcase-case {
position: fixed !important;
top: 0 !important;
left: 0 !important;
right: 0 !important;
bottom: 0 !important;
margin: 0 !important;
padding: 55px 0 70px 0;
width: 100% !important;
height: 100% !important;
overflow: auto !important;
scrollbar-width: thin;
}
}
@media screen and (min-width: 641px) {
/* line 4, ../scss/components/modules/_content.scss */
html:not([data-lc-type=error]) #lightcase-content {
position: relative;
z-index: 1;
text-shadow: none;
background-color: transparent;
/* scale bug / line bug / fehler / linie
-webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0 0 30px rgba(0, 0, 0, 0.5);
-o-box-shadow: 0 0 30px rgba(0, 0, 0, 0.5);
box-shadow: 0 0 30px rgba(0, 0, 0, 0.5);
*/
-webkit-backface-visibility: hidden;
}
}
@media screen and (min-width: 641px) {
/* line 23, ../scss/components/modules/_content.scss */
html[data-lc-type=image] #lightcase-content, html[data-lc-type=video] #lightcase-content {
background-color: transparent;
}
}
/* line 31, ../scss/components/modules/_content.scss */
html[data-lc-type=inline] #lightcase-content, html[data-lc-type=ajax] #lightcase-content, html[data-lc-type=error] #lightcase-content {
-webkit-box-shadow: none;
-moz-box-shadow: none;
-o-box-shadow: none;
box-shadow: none;
}
@media screen and (max-width: 640px) {
/* line 31, ../scss/components/modules/_content.scss */
html[data-lc-type=inline] #lightcase-content, html[data-lc-type=ajax] #lightcase-content, html[data-lc-type=error] #lightcase-content {
position: relative !important;
top: auto !important;
left: auto !important;
width: auto !important;
height: auto !important;
margin: 0 !important;
padding: 0 !important;
border: none !important;
background: none !important;
}
}
/* line 43, ../scss/components/modules/_content.scss */
html[data-lc-type=inline] #lightcase-content .lightcase-contentInner, html[data-lc-type=ajax] #lightcase-content .lightcase-contentInner, html[data-lc-type=error] #lightcase-content .lightcase-contentInner {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
background-color: #fff;
font-size: 16px;
}
@media screen and (orientation: landscape) {
html[data-lc-type=inline] #lightcase-content .lightcase-contentInner, html[data-lc-type=ajax] #lightcase-content .lightcase-contentInner, html[data-lc-type=error] #lightcase-content .lightcase-contentInner {
width: 50vw !important; }
}
@media screen and (max-width: 640px) {
/* line 43, ../scss/components/modules/_content.scss */
html[data-lc-type=inline] #lightcase-content .lightcase-contentInner, html[data-lc-type=ajax] #lightcase-content .lightcase-contentInner, html[data-lc-type=error] #lightcase-content .lightcase-contentInner {
padding: 15px;
height: auto !important;
}
/* line 52, ../scss/components/modules/_content.scss */
html[data-lc-type=inline] #lightcase-content .lightcase-contentInner, html[data-lc-type=inline] #lightcase-content .lightcase-contentInner > *, html[data-lc-type=ajax] #lightcase-content .lightcase-contentInner, html[data-lc-type=ajax] #lightcase-content .lightcase-contentInner > *, html[data-lc-type=error] #lightcase-content .lightcase-contentInner, html[data-lc-type=error] #lightcase-content .lightcase-contentInner > * {
width: 100% !important;
max-width: none !important;
}
/* line 59, ../scss/components/modules/_content.scss */
html[data-lc-type=inline] #lightcase-content .lightcase-contentInner > *:not(iframe), html[data-lc-type=ajax] #lightcase-content .lightcase-contentInner > *:not(iframe), html[data-lc-type=error] #lightcase-content .lightcase-contentInner > *:not(iframe) {
height: auto !important;
max-height: none !important;
}
}
@media screen and (orientation: portrait) {
/* line 70, ../scss/components/modules/_content.scss */
html.lightcase-isMobileDevice[data-lc-type=iframe] #lightcase-content .lightcase-contentInner iframe {
overflow: auto;
/* iframe mobile big */ height: 75vh !important;
-webkit-overflow-scrolling: touch;
}
}
/* ########## fix mobile height ########## */
@media screen and (orientation: portrait) {
/* line 70, ../scss/components/modules/_content.scss */
html[data-lc-type=iframe] #lightcase-content .lightcase-contentInner iframe {
overflow: auto;
/* iframe mobile big */ height: 75vh !important;
-webkit-overflow-scrolling: touch;
}
}
@media screen and (max-width: 640px) and (min-width: 641px) {
/* line 74, ../scss/components/modules/_content.scss */
html[data-lc-type=image] #lightcase-content .lightcase-contentInner, html[data-lc-type=video] #lightcase-content .lightcase-contentInner {
line-height: 0.75;
}
}
/* line 82, ../scss/components/modules/_content.scss */
html[data-lc-type=image] #lightcase-content .lightcase-contentInner {
position: relative;
overflow: hidden !important;
}
@media screen and (max-width: 640px) {
/* line 91, ../scss/components/modules/_content.scss */
html[data-lc-type=inline] #lightcase-content .lightcase-contentInner .lightcase-inlineWrap, html[data-lc-type=ajax] #lightcase-content .lightcase-contentInner .lightcase-inlineWrap, html[data-lc-type=error] #lightcase-content .lightcase-contentInner .lightcase-inlineWrap {
position: relative !important;
top: auto !important;
left: auto !important;
width: auto !important;
height: auto !important;
margin: 0 !important;
padding: 0 !important;
border: none !important;
background: none !important;
}
}
@media screen and (min-width: 641px) {
/* line 100, ../scss/components/modules/_content.scss */
html:not([data-lc-type=error]) #lightcase-content .lightcase-contentInner .lightcase-inlineWrap {
padding: 30px;
overflow: auto;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
scrollbar-width: thin;
scroll-behavior: smooth;
}
}
@media screen and (max-width: 640px) {
/* line 117, ../scss/components/modules/_content.scss */
#lightcase-content h1, #lightcase-content h2, #lightcase-content h3, #lightcase-content h4, #lightcase-content h5, #lightcase-content h6, #lightcase-content p {
color: #333;
}
}
@media screen and (min-width: 641px) {
/* line 117, ../scss/components/modules/_content.scss */
#lightcase-content h1, #lightcase-content h2, #lightcase-content h3, #lightcase-content h4, #lightcase-content h5, #lightcase-content h6, #lightcase-content p {
color: #333;
}
}
/* line 3, ../scss/components/modules/_error.scss */
#lightcase-case p.lightcase-error {
margin: 0;
font-size: 17px;
text-align: center;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
color: #aaa;
}
@media screen and (max-width: 640px) {
/* line 3, ../scss/components/modules/_error.scss */
#lightcase-case p.lightcase-error {
padding: 30px 0;
}
}
@media screen and (min-width: 641px) {
/* line 3, ../scss/components/modules/_error.scss */
#lightcase-case p.lightcase-error {
padding: 0;
}
}
/* line 4, ../scss/components/modules/_global.scss */
.lightcase-open body {
/* overflow: hidden; */
overflow-x: hidden;
}
/* hide scrollbar for mobile */
@media screen and (max-width: 768px) {
.lightcase-open body {
overflow: hidden;}
}
/* line 8, ../scss/components/modules/_global.scss */
.lightcase-isMobileDevice .lightcase-open body {
max-width: 100%;
max-height: 100%;
}
/* line 1, ../scss/components/modules/_info.scss */
#lightcase-info {
position: absolute;
padding-top: 0px;
}
/* line 9, ../scss/components/modules/_info.scss */
#lightcase-info #lightcase-title,
#lightcase-info #lightcase-caption {
margin: 0;
padding: 0;
line-height: 1.5;
font-weight: normal;
text-overflow: ellipsis;
}
/* line 19, ../scss/components/modules/_info.scss */
#lightcase-info #lightcase-title {
font-size: 17px;
color: #fff;
}
@media screen and (max-width: 640px) {
/* line 19, ../scss/components/modules/_info.scss */
#lightcase-info #lightcase-title {
position: fixed;
top: 10px;
left: 0;
max-width: 87.5%;
padding: 5px 15px;
background: #333;
}
}
/* line 33, ../scss/components/modules/_info.scss */
#lightcase-info #lightcase-caption {
clear: both;
font-size: 13px;
color: #fff;
}
/* line 39, ../scss/components/modules/_info.scss */
#lightcase-info #lightcase-sequenceInfo {
font-size: 11px;
color: #aaa;
}
@media screen and (max-width: 640px) {
/* line 45, ../scss/components/modules/_info.scss */
.lightcase-fullScreenMode #lightcase-info {
padding-left: 15px;
padding-right: 15px;
}
/* line 51, ../scss/components/modules/_info.scss */
html:not([data-lc-type=image]):not([data-lc-type=video]):not([data-lc-type=flash]):not([data-lc-type=error]) #lightcase-info {
position: static;
}
}
/* line 1, ../scss/components/modules/_loading.scss */
#lightcase-loading {
position: fixed;
z-index: 9999;
width: 1.123em;
height: auto;
font-size: 38px;
line-height: 1;
text-align: center;
text-shadow: none;
position: fixed;
z-index: 2001;
top: 50%;
left: 50%;
margin-top: -0.5em;
margin-left: -0.5em;
opacity: 1;
font-size: 32px;
text-shadow: 0 0 15px #fff;
-moz-transform-origin: 50% 53%;
-webkit-animation: lightcase-spin 0.5s infinite linear;
-moz-animation: lightcase-spin 0.5s infinite linear;
-o-animation: lightcase-spin 0.5s infinite linear;
animation: lightcase-spin 0.5s infinite linear;
}
/* line 20, ../scss/components/mixins/_presets.scss */
#lightcase-loading, #lightcase-loading:focus {
text-decoration: none;
color: #fff;
-webkit-tap-highlight-color: transparent;
-webkit-transition: color, opacity, ease-in-out 0.25s;
-moz-transition: color, opacity, ease-in-out 0.25s;
-o-transition: color, opacity, ease-in-out 0.25s;
transition: color, opacity, ease-in-out 0.25s;
}
/* line 32, ../scss/components/mixins/_presets.scss */
#lightcase-loading > span {
display: inline-block;
text-indent: -9999px;
}
/* line 2, ../scss/components/modules/_navigation.scss */
a[class*='lightcase-icon-'] {
position: fixed;
z-index: 9999;
width: 1.123em;
height: auto;
font-size: 38px;
line-height: 1;
text-align: center;
text-shadow: none;
outline: none;
cursor: pointer;
}
/* line 20, ../scss/components/mixins/_presets.scss */
a[class*='lightcase-icon-'], a[class*='lightcase-icon-']:focus {
text-decoration: none;
color: rgba(255, 255, 255, 0.6);
-webkit-tap-highlight-color: transparent;
-webkit-transition: color, opacity, ease-in-out 0.25s;
-moz-transition: color, opacity, ease-in-out 0.25s;
-o-transition: color, opacity, ease-in-out 0.25s;
transition: color, opacity, ease-in-out 0.25s;
}
/* line 32, ../scss/components/mixins/_presets.scss */
a[class*='lightcase-icon-'] > span {
display: inline-block;
text-indent: -9999px;
}
/* line 49, ../scss/components/mixins/_presets.scss */
a[class*='lightcase-icon-']:hover {
color: white;
text-shadow: 0 0 15px white;
}
/* line 10, ../scss/components/modules/_navigation.scss */
.lightcase-isMobileDevice a[class*='lightcase-icon-']:hover {
color: #aaa;
text-shadow: none;
}
/* line 17, ../scss/components/modules/_navigation.scss */
a[class*='lightcase-icon-'].lightcase-icon-close {
position: fixed;
top: 15px;
right: 15px;
bottom: auto;
margin: 0;
opacity: 0;
outline: none;
}
/* line 28, ../scss/components/modules/_navigation.scss */
a[class*='lightcase-icon-'].lightcase-icon-prev {
left: 15px;
}
/* line 33, ../scss/components/modules/_navigation.scss */
a[class*='lightcase-icon-'].lightcase-icon-next {
right: 15px;
}
/* line 38, ../scss/components/modules/_navigation.scss */
a[class*='lightcase-icon-'].lightcase-icon-pause, a[class*='lightcase-icon-'].lightcase-icon-play {
left: 50%;
margin-left: -0.5em;
}
@media screen and (min-width: 641px) {
/* line 38, ../scss/components/modules/_navigation.scss */
a[class*='lightcase-icon-'].lightcase-icon-pause, a[class*='lightcase-icon-'].lightcase-icon-play {
opacity: 0;
}
}
@media screen and (max-width: 640px) {
/* line 2, ../scss/components/modules/_navigation.scss */
a[class*='lightcase-icon-'] {
bottom: 15px;
font-size: 24px;
}
}
@media screen and (min-width: 641px) {
/* line 2, ../scss/components/modules/_navigation.scss */
a[class*='lightcase-icon-'] {
bottom: 50%;
margin-bottom: -0.5em;
}
/* line 57, ../scss/components/modules/_navigation.scss */
a[class*='lightcase-icon-']:hover, #lightcase-case:hover ~ a[class*='lightcase-icon-'] {
opacity: 1;
}
}
/* line 1, ../scss/components/modules/_overlay.scss */
#lightcase-overlay {
display: none;
width: 100%;
min-height: 100%;
position: fixed;
z-index: 2000;
top: -9999px;
bottom: -9999px;
left: 0;
background: #c23319;
}
@media screen and (max-width: 640px) {
/* line 1, ../scss/components/modules/_overlay.scss */
#lightcase-overlay {
opacity: 1 !important;
}
}
/* Overall wrapper */
.monthly {
background: #F3F3F5;
color: #545454;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
position: relative;
margin-bottom: 1.5625rem; }
/* Top bar containing title, navigation, and buttons */
.monthly-header {
position: relative;
text-align: center;
padding: 0.5em;
background: #fff;
height: 3em;
box-sizing: border-box; }
/* Center area of top bar containing title and buttons */
.monthly-header-title {
text-transform: uppercase; }
/* Buttons for reverting to "today", and closing event list */
.monthly-header-title a:link,
.monthly-header-title a:visited {
display: inline-block;
color: #000;
text-decoration: none;
height: 1.75em;
line-height: 1.65em;
padding: 0 0.65em 0 0.65em;
box-sizing: border-box;
transition: background .1s; }
/* Add some roundy-ness */
.monthly-header-title a:first-of-type {
border-top-left-radius: 1em;
border-bottom-left-radius: 1em; }
.monthly-header-title a:last-of-type {
border-top-right-radius: 1em;
border-bottom-right-radius: 1em; }
/* current month/yr block */
.monthly-header-title-date,
.monthly-header-title-date:hover {
cursor: default;
font-size: 25px;
font-weight: 600;
text-transform: uppercase; }
/* Button to reset to current month */
.monthly-reset {
border-left: 0 !important; }
/* Button to return to month view */
.monthly-cal {
border-right: 0 !important; }
/* wrapper for left/right buttons to make the clickable area bigger */
.monthly-prev,
.monthly-next {
position: absolute;
top: 0;
width: 3em;
height: 100%;
opacity: .5; }
.monthly-prev {
left: 0; }
.monthly-next {
right: 0; }
.monthly-prev:hover,
.monthly-next:hover {
opacity: 1; }
/* Arrows */
.monthly-prev:after,
.monthly-next:after {
content: '';
position: absolute;
top: 50%;
left: 50%;
border-style: solid;
border-color: #222;
width: 0.6em;
height: 0.6em;
margin: -0.4em 0 0 -0.4em;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg); }
/* Left Arrow */
.monthly-prev:after {
border-width: 0 0 0.2em 0.2em; }
/* Right Arrow */
.monthly-next:after {
border-width: 0.2em 0.2em 0 0; }
/* Day of the week headings */
.monthly-day-title-wrap {
display: table;
table-layout: fixed;
width: 100%;
background: #fff; }
.monthly-day-title-wrap div {
width: 14.28% !important;
padding: 20px;
border: 10px solid white;
font-weight: 600;
background-color: #eeeeee;
display: table-cell;
box-sizing: border-box;
position: relative;
text-align: center;
text-transform: uppercase; }
@media screen and (max-width: 63.9375em) {
.monthly-day-title-wrap div {
padding: 10px;
border: 1px solid white; } }
/* Calendar days wrapper */
.monthly-day-wrap {
display: table;
table-layout: fixed;
width: 100%;
overflow: hidden; }
.monthly-week {
display: table-row;
width: 100%; }
/* Calendar Days */
.monthly-day, .monthly-day-blank {
width: 14.28% !important;
display: table-cell;
vertical-align: top;
box-sizing: border-box;
position: relative;
color: inherit;
background: #fff;
transition: .25s;
padding: 0;
text-decoration: none; }
/* Trick to make the days' width equal their height */
.monthly-day:before {
content: '';
display: block;
padding-top: 50%;
float: left; }
/* Hover effect for non event calendar days */
.monthly-day-wrap > a:hover {
background: #A1C2E3; }
/* Days that are part of previous or next month */
/* Event calendar day number styles */
.monthly-day-event > .monthly-day-number {
position: relative;
font-weight: 600;
font-size: 16px;
text-align: center;
line-height: 1em;
top: 0.2em;
left: 0.25em; }
/* Non-Event calendar day number styles */
.monthly-day-pick > .monthly-indicator-wrap {
margin: 0; }
.monthly-day-pick > .monthly-day-number:before,
.monthly-day-pick > .monthly-day-number:after {
content: '';
display: block;
padding-top: calc(50% - 0.8em);
width: 0;
height: 0; }
/* Days in the past in "picker" mode */
.monthly-past-day:after {
content: '';
width: 150%;
height: 2px;
-webkit-transform-origin: left top;
-ms-transform-origin: left top;
transform-origin: left top;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
background: rgba(0, 0, 0, 0.1);
position: absolute;
left: 0;
top: 0; }
.monthly-past-day:hover {
background: #fff !important; }
/* Current day style */
.monthly-today .monthly-day-number {
color: #FFF;
background: #c23319;
border-radius: 0.75em;
top: 0.08em;
left: 0;
line-height: 1.25em; }
.monthly-day-number a {
color:#545454;
text-decoration:underline;
}
.monthly-today a {
color:#fff;
}
.monthly-today a:hover {
color:#000;
}
.monthly-day-pick.monthly-today .monthly-day-number {
padding: 0.15em;
margin: calc(50% - 0.7em) auto auto auto;
font-size: 1em; }
/* Wrapper around events */
.monthly-indicator-wrap {
position: relative;
text-align: center;
line-height: 0;
max-width: 1.5em;
margin: 0 auto;
padding-top: 1.2em; }
/* Event indicator dots */
.monthly-day .monthly-event-indicator {
display: inline-block;
margin: 0.05em;
width: 0.5em;
height: 0.5em;
border-radius: 0.25em;
vertical-align: middle;
background: #7BA7CE; }
.monthly-day .monthly-event-indicator span {
color: transparent; }
.monthly-day .monthly-event-indicator:hover {
cursor: pointer; }
/* Listing of events under calendar */
.monthly-event-list {
background: rgba(233, 235, 236, 0.9);
overflow: auto;
position: absolute;
top: 2.5em;
width: 100%;
height: calc(100% - 2.5em);
display: none;
transition: .25s;
-webkit-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0); }
/* Days in Events List */
.monthly-list-item {
position: relative;
padding: 0.5em 0.7em 0.25em 4em;
display: none;
border-top: 1px solid #D6D6D6;
text-align: left; }
.monthly-list-item:after {
padding: 0.4em 1em;
display: block;
margin-bottom: 0.5em; }
.monthly-event-list .monthly-today .monthly-event-list-date {
color: #c23319; }
/* Events in Events List */
.monthly-event-list .listed-event {
display: block;
color: #fff;
padding: 0.4em 1em;
border-radius: 0.2em;
margin-bottom: 0.5em; }
.monthly-list-item a:link, .monthly-list-item a:visited {
text-decoration: none; }
.item-has-event {
display: block; }
.item-has-event:after {
display: none !important; }
.monthly-event-list-date {
width: 4em;
position: absolute;
left: 0;
top: 1.2em;
text-align: center;
font-weight: bold;
line-height: 1.2em; }
.monthly-list-time-start,
.monthly-list-time-end {
font-size: .8em;
display: inline-block; }
.monthly-list-time-end:not(:empty):before {
content: '\2013';
padding: 0 2px; }
/* Events List custom webkit scrollbar */
.monthly-event-list::-webkit-scrollbar {
width: 0.75em; }
/* Track */
.monthly-event-list::-webkit-scrollbar-track {
background: none; }
/* Handle */
.monthly-event-list::-webkit-scrollbar-thumb {
background: #ccc;
border: 1px solid #E9EBEC;
border-radius: 0.5em; }
.monthly-event-list::-webkit-scrollbar-thumb:hover {
background: #555; }
/* Language-specific. Default is English. */
.monthly-reset:after {
content: 'Heute'; }
.monthly-cal:after {
content: 'Monat'; }
.monthly-list-item:after {
content: 'keine Termine'; }
/*
Calendar shows event titles if the device width allows for at least 3em per day (rounded
up to 25em total). This assumes the calendar font is close to the baseline font size and
the calendar takes up close to the full media width as the window is made smaller or the
font is zoomed. If one or both of these is not true, this will need to be overridden by
a layout-specific width, or you will need to use a library like css-element-queries to
establish the rules based on the calendar element width rather than the device width.
*/
@media (min-width: 25em) {
.monthly-day-event {
padding-top: 1.3em; }
.monthly-day-event > .monthly-indicator-wrap {
width: auto;
max-width: none; }
.monthly-indicator-wrap {
padding: 0; }
.monthly-day:before {
padding-top: calc(50% - 1.2em); }
.monthly-day .monthly-event-indicator {
display: block;
margin: 0 0 1px 0;
width: auto;
height: 1.5em;
line-height: 1.2em;
padding: 0.125em 0 0.1em 0.125em;
border-radius: 0;
overflow: hidden;
background-color: #333;
color: #333;
text-decoration: none;
white-space: nowrap;
box-sizing: border-box; }
.monthly-day .monthly-event-indicator.monthly-event-continued {
box-shadow: -1px 0 0 0; }
.monthly-day .monthly-event-indicator span {
display: block;
width: auto;
margin: 0;
color: #fff;
padding: 0;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis; } }
.sidebar .monthly {
margin-bottom: 50px; }
.sidebar .monthly-header-title a:link, .sidebar .monthly-header-title a:visited {
line-height: 1em; }
.sidebar .monthly-day-title-wrap div {
padding: 20px 0;
border: 1px solid white; }
.sidebar .monthly-day-event {
padding-bottom: 0.2em; }
/* Slider */
.slick-loading .slick-list {
background: #fff url("./../img/ajax-loader.gif") center center no-repeat; }
/* Icons */
@font-face {
font-family: "slick";
src: url("./fonts/../../fonts/slick.eot");
src: url("./fonts/../../fonts/slick.eot?#iefix") format("embedded-opentype"), url("./fonts/../../fonts/slick.woff") format("woff"), url("./fonts/../../fonts/slick.ttf") format("truetype"), url("./fonts/../../fonts/slick.svg#slick") format("svg");
font-weight: normal;
font-style: normal;
font-display: swap; }
/* Arrows */
.slick-prev,
.slick-next {
position: absolute;
display: block;
height: 20px;
width: 20px;
line-height: 0px;
font-size: 0px;
cursor: pointer;
background: transparent;
color: transparent;
top: 50%;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
padding: 0;
border: none;
outline: none; }
.slick-prev:hover, .slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
outline: none;
background: transparent;
color: transparent; }
.slick-prev:hover:before, .slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
opacity: 1; }
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
opacity: 0.25; }
.slick-prev:before,
.slick-next:before {
font-family: "slick";
font-size: 20px;
line-height: 1;
color: white;
opacity: 0.75;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; }
.slick-prev {
left: -25px; }
[dir="rtl"] .slick-prev {
left: auto;
right: -25px; }
.slick-prev:before {
content: "←"; }
[dir="rtl"] .slick-prev:before {
content: "→"; }
.slick-next {
right: -25px; }
[dir="rtl"] .slick-next {
left: -25px;
right: auto; }
.slick-next:before {
content: "→"; }
[dir="rtl"] .slick-next:before {
content: "←"; }
/* Dots */
.slick-dotted.slick-slider {
margin-bottom: 15px; }
.slick-dots {
position: absolute;
top: 15px;
list-style: none;
display: block;
text-align: initial;
padding: 0;
margin: 0;
width: auto;
transform: translate(-50%);
left: 50%; }
/* ##### old center version -> bug in Opera Browser #####
position: absolute;
top: 15px;
list-style: none;
display: block;
text-align: center;
padding: 0;
margin: 0;
width: 100%; */
@media screen and (max-width: 41.6875em) {
.slick-dots {
top: 0; } }
.slick-dots li {
position: relative;
display: inline-block;
height: 20px;
width: 20px;
margin: 0;
padding: 0;
cursor: pointer; }
.slick-dots li button {
border: 0;
background: transparent;
display: block;
height: 20px;
width: 20px;
outline: none;
line-height: 0px;
font-size: 0px;
color: transparent;
padding: 5px;
cursor: pointer; }
.slick-dots li button:hover, .slick-dots li button:focus {
outline: none; }
.slick-dots li button:hover:before, .slick-dots li button:focus:before {
opacity: 1; }
.slick-dots li button:before {
position: absolute;
top: 0;
left: 0;
content: "•";
width: 20px;
height: 20px;
font-family: "slick";
font-size: 16px;
line-height: 20px;
text-align: center;
/* color: #3d3d3d; */
color: #000;
opacity: 0.75;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-shadow: 2px 1px 1px #ffffff; }
.slick-dots li.slick-active button:before {
/* color: #3d3d3d; */
color: #fff;
opacity: 0.75;
font-size: 16px;
text-shadow: 2px 1px 1px #000;
/* -webkit-transition: text-shadow 0.25s ease, color 0.25s ease, font-size 0.25s ease;
transition: text-shadow 0.25s ease, color 0.25s ease, font-size 0.25s ease; */
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease; }
.page .yellow-line hr {
border-bottom: 12px solid #eedd42;
margin: 0 0 2.1875rem 0; }
.auto_silbentrennung {
-webkit-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
}
.page .page-teaser {
position: relative;
margin-bottom: 1.4375rem; }
.page .page-teaser .img-caption {
bottom: 50px;
min-height: 80px;
left: 0;
position: absolute;
padding: 1.5625rem 0 0.3125rem 1.5625rem;
width: 100%;
max-width: 60%;
z-index: 1; }
@media screen and (min-width: 64em) {
.page .page-teaser .img-caption {
max-width: 50%;
padding-bottom: 1.5625rem; } }
@media screen and (max-width: 63.9375em) {
.page .page-teaser .img-caption {
bottom: 0;
position: relative;
padding: 1.5625rem 1.5625rem 0.3125rem 1.5625rem;
max-width: 100%;
background-color: #eedd42;
margin-bottom: 0; } }
.page .page-teaser {
position: relative;
margin-bottom: 1.4375rem; }
.page .page-teaser .img-caption-775 {
bottom: 0px;
min-height: 80px;
left: 0;
position: absolute;
padding: 1.5625rem 0 0.3125rem 1.5625rem;
width: 100%;
max-width: 70%;
z-index: 1; }
@media screen and (max-width: 63.9375em) {
.page .page-teaser .img-caption-775 {
bottom: 0;
position: relative;
padding: 1.5625rem 1.5625rem 0.3125rem 1.5625rem;
max-width: 100%;
background-color: #eedd42;
margin-bottom: 0; } }
.page .page-teaser {
position: relative;
margin-bottom: 1.4375rem; }
.page .page-teaser .img-caption-775-dates {
bottom: 50px;
min-height: 80px;
left: 0;
position: absolute;
padding: 1.5625rem 0 0.3125rem 1.5625rem;
width: 100%;
max-width: 70%;
z-index: 1; }
@media screen and (max-width: 63.9375em) {
.page .page-teaser .img-caption-775-dates {
bottom: 0;
position: relative;
padding: 1.5625rem 1.5625rem 0.3125rem 1.5625rem;
max-width: 100%;
background-color: #eedd42;
margin-bottom: 0; } }
.page .page-teaser h1 {
font-size: 3.125rem;
color: #ffffff;
letter-spacing: -1px;
font-style: italic;
line-height: 50px;
text-transform: uppercase;
# -webkit-hyphens: auto;
# -ms-hyphens: auto;
# hyphens: auto; }
@media screen and (max-width: 52em) {
.page .page-teaser h1 {
font-size: 2.0rem;
color: #ffffff;
letter-spacing: -1px;
font-style: italic;
line-height: 50px;
text-transform: uppercase;
# -webkit-hyphens: auto;
# -ms-hyphens: auto;
# hyphens: auto;} }
.page .page-teaser h2 {
font-size: 1.5625rem;
font-style: italic;
line-height: 25px;
font-weight: 400;
text-transform: uppercase; }
.page .page-teaser .dates {
padding: 0.9375rem;
width: 100%;
background-color: #000;
color: #cacaca;
font-weight: 600; }
.page .page-teaser .dates .week-days {
color: #ffffff;
padding-left: 0.9375rem; }
@media screen and (max-width: 63.9375em) {
.page .page-teaser .dates .week-days {
padding-left: 0; } }
.page .page-teaser .dates .time {
color: #ffffff;
padding-left: 0.9375rem; }
@media screen and (max-width: 63.9375em) {
.page .page-teaser .dates .time {
padding-left: 0; } }
.page .page-teaser .dates .location {
color: #eedd42;
padding-left: 0.9375rem; }
.page .page-teaser .dates .location img {
padding-right: 0.3125rem; }
@media screen and (max-width: 63.9375em) {
.page .page-teaser .dates .location {
padding-left: 0; } }
.page .page-teaser .dates span {
#white-space: nowrap;
}
@media screen and (max-width: 63.9375em) {
.page .page-teaser .dates span {
display: inline-block;
width: 100%; } }
.page .input-group-label {
padding-top: 5px; }
.page .large-input {
height: 3.125rem;
font-size: 1.375rem;
font-weight: 400;
padding-left: 1.5625rem; }
@media screen and (max-width: 41.6875em) {
.page .large-input {
font-size: 1rem;
padding-left: 0.9375rem; } }
video {
-webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,.3);
-moz-box-shadow: 0 0 10px 0 rgba(0,0,0,.3);
box-shadow: 0 0 10px 0 rgba(0,0,0,.3);
}
.video-wrapper {
position: relative;
padding-bottom: 56.25%;
/* 16:9 */
padding-top: 25px;
height: 0;
margin-bottom: 1.5625rem; }
.video-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%; }
video.afterglow {
--video-width: 1280;
--video-height: 720;
aspect-ratio: var(--video-width) / var(--video-height);
width: 100%;
height: auto;
object-fit: cover;
}
.top-navigation {
width: 100%;
# background: rgba(255, 255, 255, 0.95);
/* padding-top: 0.625rem;
padding-bottom: 0.625rem; */
z-index: 2; }
.top-navigation.is-stuck {
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
max-height: 100%; }
@media screen and (max-width: 74.9375em) {
.top-navigation.is-stuck {
overflow-x: hidden; } }
/* overflow-x: scroll; } } */
@media screen and (max-width: 63.9375em) {
.top-navigation.is-stuck {
padding: 0; } }
.top-navigation.is-stuck.is-open {
/* background: #eedd42; */}
.top-navigation.is-stuck.is-open li[role=menuitem].is-accordion-submenu-item a {
background-color: #fff; }
.top-navigation .responsive-menu {
clear: both; }
@media screen and (min-width: 75em) {
.top-navigation .responsive-menu {
display: none; } }
.top-navigation .social.responsive-menu {
text-align: -webkit-center; }
.top-navigation .desktop-menu {
display: none; }
@media screen and (min-width: 75em) {
.top-navigation .desktop-menu {
display: block; } }
.top-navigation .search {
position: relative;
width: 190px;
height: 2.6875rem;
padding: 0 0.9375rem 0 0.9375rem; }
.top-navigation .search .icon-magnifier {
position: absolute;
top: 20px;
right: 25px; }
.top-navigation .search input {
border-radius: 4px; }
.top-navigation li[role=menuitem] {
color: #000;
padding-top: 0.625rem; }
.top-navigation li[role=menuitem] a {
color: #000;
font-size: 1rem;
transition: all 0.3s ease; }
.top-navigation li[role=menuitem] a:active {
background-color: rgba(158, 158, 158, 0.4); }
.top-navigation li[role=menuitem] a:hover {
background-color: rgba(158, 158, 158, 0.2); }
.top-navigation li[role=menuitem] a:focus {
background-color: rgba(158, 158, 158, 0.3); }
.top-navigation li[role=menuitem] a.active {
background-color: rgba(158, 158, 158, 0.2); }
.top-navigation .is-dropdown-submenu-parent {
/* Mega Menu
position: initial;
ul{
width: 100%;
border: none;
}*/ }
.top-navigation .is-dropdown-submenu-parent ul.submenu {
margin-top: 10px;
min-width: 320px;
border: none;
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); }
.top-navigation .is-dropdown-submenu-parent ul.submenu li {
padding: 0; }
.top-navigation .is-dropdown-submenu-parent ul.submenu li:active {
background-color: rgba(158, 158, 158, 0.4); }
.top-navigation .is-dropdown-submenu-parent ul.submenu li:hover {
background-color: rgba(158, 158, 158, 0.2); }
.top-navigation .is-dropdown-submenu-parent ul.submenu li:focus {
background-color: rgba(158, 158, 158, 0.3); }
.top-navigation .is-dropdown-submenu-parent ul li:not(:last-child) {
border-bottom: 1px solid #eeeeee; }
.top-navigation .top-bar-title a:active {
background-color: transparent; }
.top-navigation .top-bar-title a:hover {
background-color: transparent; }
.top-navigation .top-bar-title a:focus {
background-color: transparent; }
.top-navigation .hamburger {
padding: 16px 16px;
display: inline-block;
cursor: pointer;
transition-property: opacity, -webkit-filter;
transition-property: opacity, filter;
transition-property: opacity, filter, -webkit-filter;
transition-duration: 0.15s;
transition-timing-function: linear;
font: inherit;
color: inherit;
text-transform: none;
background-color: transparent;
border: 0;
margin: 0;
overflow: visible; }
.top-navigation .hamburger:focus {
outline: 0;
background-color: transparent; }
.top-navigation .hamburger:active {
outline: 0;
background-color: transparent; }
.top-navigation .hamburger-box {
width: 40px;
height: 24px;
display: inline-block;
position: relative; }
.top-navigation .hamburger-inner {
display: block;
top: 50%;
margin-top: -2px; }
.top-navigation .hamburger-inner, .top-navigation .hamburger-inner::before, .top-navigation .hamburger-inner::after {
width: 40px;
height: 4px;
background-color: #000;
border-radius: 4px;
position: absolute;
transition-property: -webkit-transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
transition-duration: 0.15s;
transition-timing-function: ease; }
.top-navigation .hamburger-inner::before, .top-navigation .hamburger-inner::after {
content: "";
display: block; }
.top-navigation .hamburger-inner::before {
top: -10px; }
.top-navigation .hamburger-inner::after {
bottom: -10px; }
.top-navigation .hamburger--spin .hamburger-inner {
transition-duration: 0.3s;
transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
.top-navigation .hamburger--spin .hamburger-inner::before {
transition: top 0.1s 0.34s ease-in, opacity 0.1s ease-in; }
.top-navigation .hamburger--spin .hamburger-inner::after {
transition: bottom 0.1s 0.34s ease-in, -webkit-transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition: bottom 0.1s 0.34s ease-in, transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition: bottom 0.1s 0.34s ease-in, transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
.top-navigation .hamburger--spin.is-active .hamburger-inner {
-webkit-transform: rotate(225deg);
-ms-transform: rotate(225deg);
transform: rotate(225deg);
transition-delay: 0.14s;
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
.top-navigation .hamburger--spin.is-active .hamburger-inner::before {
top: 0;
opacity: 0;
transition: top 0.1s ease-out, opacity 0.1s 0.14s ease-out; }
.top-navigation .hamburger--spin.is-active .hamburger-inner::after {
bottom: 0;
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
transition: bottom 0.1s ease-out, -webkit-transform 0.3s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: bottom 0.1s ease-out, transform 0.3s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: bottom 0.1s ease-out, transform 0.3s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.3s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1); }
.is-accordion-submenu-parent > a::after {
border-color: #c23319 transparent transparent; }
.disable-scroll {
overflow: hidden; }
@font-face {
font-family: 'salue-wetter';
src: url("../fonts/salue-wetter.eot?cncxaa");
src: url("../fonts/salue-wetter.eot?cncxaa#iefix") format("embedded-opentype"), url("../fonts/salue-wetter.ttf?cncxaa") format("truetype"), url("../fonts/salue-wetter.woff?cncxaa") format("woff"), url("../fonts/salue-wetter.svg?cncxaa#salue-wetter") format("svg");
font-weight: normal;
font-style: normal;
font-display: swap; }
[class^="icon-"], [class*=" icon-"] {
/* use !important to prevent issues with browser extensions that change fonts */
font-family: 'salue-wetter' !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
font-size: 3.125rem;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; }
[class^="icon-"].today, [class*=" icon-"].today {
color: #eedd42; }
.icon-nacht-regen:before {
content: ""; }
.icon-nacht-regen-gewitter:before {
content: ""; }
.icon-nacht-schnee-regen:before {
content: ""; }
.icon-nacht-leicht-bewoelkt:before {
content: ""; }
.icon-nacht-schnee:before {
content: ""; }
.icon-hagel-gewitter:before {
content: ""; }
.icon-hagel:before {
content: ""; }
.icon-hagel-regen:before {
content: ""; }
.icon-gewitter:before {
content: ""; }
.icon-sonne-schneeregen-gewitter:before {
content: ""; }
.icon-sonne-regen-schnee:before {
content: ""; }
.icon-sonne-regen-gewitter:before {
content: ""; }
.icon-sonne-schnee:before {
content: ""; }
.icon-sonne-regen:before {
content: ""; }
.icon-sonne-gewitter:before {
content: ""; }
.icon-regen:before {
content: ""; }
.icon-schnee-regen:before {
content: ""; }
.icon-gewitter-regen:before {
content: ""; }
.icon-gewitter-schnee:before {
content: ""; }
.icon-wolken {
font-size: 1.875rem; }
.icon-wolken:before {
content: ""; }
.icon-bewoelkt:before {
content: ""; }
.icon-leicht-bewoelkt:before {
content: ""; }
.icon-sonne:before {
content: ""; }
.icon-schnee:before {
content: ""; }
.icon-sturm {
font-size: 1.875rem; }
.icon-sturm:before {
content: ""; }
.icon-wind:before {
content: ""; }
.icon-bewoelkt-nebel:before {
content: ""; }
.icon-nacht-bewoelkt:before {
content: ""; }
.icon-nacht-nebel:before {
content: ""; }
.icon-Mond-klar:before {
content: ""; }
.sidebar .menu.vertical {
padding-bottom: 2.1875rem; }
.sidebar .menu.vertical a {
color: #000;
opacity: 0.6;
padding-left: 0;
padding-bottom: 0;
font-size: 1rem;
transition: all 0.3s ease; }
.sidebar .menu.vertical a:hover {
color: #c23319;
text-decoration: underline; }
.sidebar .menu.vertical a.active {
color: #cacaca;
font-weight: 600; }
.sidebar h3 {
font-size: 1.1875rem; }
@media screen and (orientation: portrait) {
.sidebar h3 {
# -webkit-hyphens: auto;
# -ms-hyphens: auto;
# hyphens: auto; } }
.sidebar hr {
width: 50px;
border-bottom: 8px solid #000;
margin: 0 0 0.9375rem 0; }
.sidebar .app-store img {
margin: 3.4375rem 0 3.4375rem -1.5625rem; }
.top-navigation .social-icon a {
padding: 0.5rem;
margin: 0.6875rem 0 0.6875rem 0;
border-radius: 50%;
transition: all 0.3s ease; }
.top-navigation .social-icon a:active {
background-color: rgba(158, 158, 158, 0.4); }
.top-navigation .social-icon a:hover {
background-color: rgba(158, 158, 158, 0.2); }
.top-navigation .social-icon a:focus {
background-color: rgba(158, 158, 158, 0.3); }
.top-navigation .social-icon a img {
margin: 0; }
.social-buttons .button {
max-width:120px;
margin-top: 0.9375rem;
margin-bottom: 1.5625rem;
color: #ffffff;
font-size: 1rem; }
.social-buttons .button.facebook {
background-color: #3b5998; }
.social-buttons .button.facebook:before {
content: url("../img/facebook.svg");
margin-right: 0.3125rem; }
.social-buttons .button.twitter {
background-color: #4099FF; }
.social-buttons .button.twitter:before {
content: url("../img/twitter.svg");
margin-right: 0.3125rem; }
.social-buttons .button.mail {
background-color: #c23319; }
.social-buttons .button.mail:before {
content: url("../img/envelope-o.svg");
margin-right: 0.3125rem; }
.social-buttons .button.mailwhatsapp {
background-color: #25d366; }
.play-btn img {
padding-right: 5px; }
.play-btn-large {
position: relative;
display: inline-block;
background-color: rgba(255, 255, 255, 0.88);
width: 64px;
height: 64px;
border-radius: 50%; }
.play-btn-large:before {
content: url("../img/play.svg");
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-45%, -44%);
-ms-transform: translate(-45%, -44%);
transform: translate(-45%, -44%); }
button {
overflow: hidden;
position: relative;
box-sizing: border-box;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
.ripple {
position: absolute;
border-radius: 50%;
background-color: #c23319;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
pointer-events: none;
padding: 0;
margin: 0;
opacity: 0.6;
-webkit-transform: translate3d(-50%, -50%, 0);
transform: translate3d(-50%, -50%, 0); }
.albumwrapper .album-txt-column .album-txt a.more:hover, .albumwrapper .album-txt-column .album-txt a.more:focus, .albumwrapper .album-txt-column .album-txt a.more:active {
color: #000;
}
.more {
margin-top: 1.125rem;
margin-bottom: 1.125rem;
padding-bottom: 0.25rem;
text-transform: uppercase;
position: relative;
float: right;
font-weight: 600; }
@media screen and (max-width: 41.6875em) {
.more {
float: none;
display: block; } }
.more:after {
position: absolute;
display: block;
left: 0;
bottom: 0;
width: 0;
height: 2px;
content: "";
background-color: #c23319;
transition: width .3s ease; }
.more:hover {
text-decoration: none; }
.more:hover:after {
width: 100%; }
.more:focus:after {
width: 100%; }
.more:active:after {
width: 100%; }
.news-item .more {
display: inline-block;
text-transform: none;
float: none;
margin-top: 0; }
.button.primary {
color: #ffffff;
font-weight: 600; }
.button.primary:hover {
color: #eeeeee;
background-color: #c23319; }
.button.primary:focus {
color: #cacaca; }
.button.primary:active {
color: #cacaca; }
.slider-cmp button.large:hover {
background-color: #000; }
.rectangle_banner {padding-bottom:0px; }
@media screen and (max-width: 641px) {
.rectangle_banner {padding:5px; }
}
#omsv_sky_DhtmlLayer{
display: none; }
@media screen and (min-width: 50em) {
#omsv_sky_DhtmlLayer {
display: block;padding-bottom:5px; } }
.billboard_banner {
display: none;
text-align:center;
margin-right: auto;
margin-left: auto;}
@media screen and (min-width: 52em) {
.billboard_banner {
display: block;padding-bottom:5px; } }
#pos1 {padding-top:10px;margin-right: auto; margin-left: auto; text-align:center;position: relative; }
#pos2 {margin-right: auto; margin-left: auto; text-align:center;}
#pos3 {margin-right: auto; margin-left: auto; text-align:center;}
.MobileBanner {
display:none;}
@media screen and (max-width: 641px) {
.MobileBanner {
display:block;} }
.superbanner {
display: none; }
@media screen and (min-width: 50em) {
.superbanner {
display: block; } }
.banner {
position: relative;
height: 100px;
display: block; }
@media screen and (max-width: 641px) {
.banner {
display: block; height:10px !important; min-width:330px; } }
.banner #adCont_6386507745139163260 {
position: absolute;
right: 0;
z-index: 902; }
.banner #skyscraper {
position: absolute;
right: -70px;
top:63px;
z-index:4; }
.banner #skyscraper_2 {
position: relative;
left: 0px;
top: 140px; }
.banner #skyscraper div{
width: 120px;
height: auto;
margin: 0;
padding: 0;
}
.banner #adl_sb_table{
width:0px; position:relative; margin:0px;padding:0px; right:-5px!Important;
/*border:1px solid green;*/
}
#omsv_sky_DhtmlLayer table tbody td {
padding: 0; text-align:right; background-color:#000000; width:0px; }
.banner table tbody td {
padding: 0; text-align:right; background-color:#000000; width:0px; }
.banner table tbody tr {
padding: 0; border:0px; width:0px; margin:0; }
.slider-cmp {
overflow: hidden; }
.slider-cmp .slick-slide {
position: relative;
overflow: hidden; }
.slider-cmp .slide__caption {
bottom: 0;
min-height: 80px;
left: 0;
position: absolute;
padding: 1.5625rem 3.4375rem 0.3125rem 3.4375rem;
width: 100%;
max-width: 50%;
z-index: 1; }
.slider-cmp .slide__caption.background {
background-color: #eedd42;
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
max-width: 50%; }
.slider-cmp .slide__caption.background h2 {
text-transform: uppercase; }
@media screen and (max-width: 63.9375em) {
.slider-cmp .slide__caption.background {
background-color: #eedd42;
max-width: 50%;
padding: 0.9375rem 3.4375rem 0.3125rem 0.9375rem; } }
@media screen and (max-width: 41.6875em) {
.slider-cmp .slide__caption.background {
background-color: #eedd42;
max-width: 100%;
min-height:195px;
padding: 1.5625rem 3.4375rem 0.3125rem 3.4375rem; }
.slider-cmp .slide__caption {
background-color: #eedd42;
max-width: 100%;
min-height:195px;
padding: 1.5625rem 3.4375rem 0.3125rem 3.4375rem; }
.slider-cmp .slide__caption p.not_on_small_screen {
display:none; }}
.slider-cmp .slide__caption.right {
left: initial;
right: 0; }
.slider-cmp .slide__caption.full {
max-width: 100%; }
.slider-cmp .slide__caption button.slide-more {
position: absolute;
bottom: 0;
right: 0;
margin: 0;
width: 45px;
height: 45px;
background-image: url("../img/slider-more.svg");
background-position: center;
background-repeat: no-repeat;
transition: all 0.1s cubic-bezier(0.4, 0, 1, 1); }
.slider-cmp .slide__caption button.slide-more:hover {
width: 55px;
height: 55px;
background-color: #000; }
@media screen and (min-width: 64em) {
.slider-cmp .slide__caption {
max-width: 50%;
padding-bottom: 1.5625rem; } }
@media screen and (max-width: 41.6875em) {
.slider-cmp .slide__caption {
position: relative;
/* slider text box -> fixe H�he einstellen -> height: 300px; */ height: auto;
max-width: 100%;
background-color: #eedd42; }
.slider-cmp .slide__caption p {
color: #000; } }
.slider-cmp .slick-dots button .ripple {
background-color: transparent;
opacity: 0; }
.slider-cmp .button {
color: #ffffff;
background-color: #c23319; }
.text-teaser {
font-size: 1.5rem;
line-height: 30px;
color: #ffffff;
margin-bottom: 0;
padding-bottom: 0; }
@media screen and (min-width: 64em) {
.text-teaser {
font-size: 4.0625rem;
letter-spacing: -5px;
font-weight: 600;
line-height: 65px; } }
.text-teaser-xl {
font-size: 2.125rem;
font-weight: 600;
line-height: 30px;
color: #000; }
@media screen and (min-width: 64em) {
.text-teaser-xl {
font-size: 8.125rem;
line-height: 50px;
line-height: 130px; } }
/*
.text-teaser-black {
font-size: 1.5rem;
line-height: 30px;
font-weight: 600;
margin-bottom: 0;
padding-bottom: 0;
color: #000; }
@media screen and (min-width: 64em) {
.text-teaser-black {
font-size: 4.0625rem;
font-weight: 600;
line-height: 65px; } }
*/
.text-teaser-black {
font-size: 1.5rem;
line-height: 30px;
font-weight: 600;
margin-bottom: 0;
padding-bottom: 0;
color: #000;
margin-bottom: 10px; }
@media screen and (min-width: 64em) {
.text-teaser-black {
font-size: 2rem;
font-weight: 600;
line-height: 60px;
letter-spacing: -1px;
margin-bottom: 5px; } }
.text-teaser-white {
font-size: 1.5rem;
line-height: 30px;
font-weight: 600;
margin-bottom: 0;
padding-bottom: 0;
color: #fff;
margin-bottom: 10px; }
@media screen and (min-width: 64em) {
.text-teaser-white {
font-size: 2rem;
font-weight: 600;
line-height: 60px;
letter-spacing: -1px;
margin-bottom: 5px; } }
@media screen and (max-width: 41.6875em) {
.news-item {
border-bottom: 1px solid #eeeeee;
margin-bottom: 1.5625rem; }
.news-item .meta {
margin-bottom: 0.625rem; }
.news-item .button {
margin-bottom: 1.5625rem; } }
.news-item h3, .news-item h2 {
margin-bottom: 0;
padding-bottom: 0;
color: #000;
transition: color 0.25s ease-out; }
@media screen and (orientation: portrait) {
.news-item h3, .news-item h2 {
# -webkit-hyphens: auto;
# -ms-hyphens: auto;
# hyphens: auto;
} }
.news-item h3:hover, .news-item h2:hover {
color: #c23319;
text-decoration: underline; }
.content .news-item {
border-bottom: 1px solid #eeeeee;
margin-bottom: 1.5625rem; }
.content .news-item .meta {
margin-bottom: 0.625rem; }
.content .news-item .button {
margin-bottom: 1.5625rem; }
.content .news-item:last-of-type {
border-bottom: none; }
.content .teaser-news {
margin-bottom: 1.5625rem; }
.content .teaser-news .news-image img {
width: 100%;
margin-bottom: 0.9375rem; }
.page-head .meta {
margin-bottom: 0.625rem; }
.actions .action-item {
background-color: #eeeeee;
display: inline-block;
padding: 0; }
@media screen and (orientation: portrait) {
.actions .action-item h1, .actions .action-item h2, .actions .action-item h3, .actions .action-item p {
# -webkit-hyphens: auto;
# -ms-hyphens: auto;
# hyphens: auto;
} }
.thmb img {
transition: all 0.2s ease;
cursor: pointer;
margin-top: 0.9375rem;
margin-bottom: 0.9375rem; }
@media print, screen and (min-width: 41.75em) {
.thmb img {
max-width: 100%;
max-height: 240px; } }
.thmb img:hover {
-webkit-transform: scale(1.05) rotate(2deg);
-ms-transform: scale(1.05) rotate(2deg);
transform: scale(1.05) rotate(2deg);
box-shadow: 0 5px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 5px -2px rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.12);
background-position: 80% 40%;
z-index: 2; }
.thmb img:focus {
-webkit-transform: scale(1) rotate(0);
-ms-transform: scale(1) rotate(0);
transform: scale(1) rotate(0);
box-shadow: none; }
.thmb img:active {
-webkit-transform: scale(1) rotate(0);
-ms-transform: scale(1) rotate(0);
transform: scale(1) rotate(0);
box-shadow: none; }
/* bugfix - img dotted mark firefox */
.thumb a[data-rel], .zoom a[data-rel], .zoom-img a[data-rel] {
outline: 0;
}
.thumb img {
transition: all 0.2s ease;
cursor: pointer; }
@media print, screen and (min-width: 41.75em) {
.thumb img {
max-width: 100%;
max-height: 100%; } }
.thumb img:hover {
-webkit-transform: scale(1.05) rotate(2deg);
-ms-transform: scale(1.05) rotate(2deg);
transform: scale(1.05) rotate(2deg);
box-shadow: 0 5px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 5px -2px rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.12);
background-position: 80% 40%;
z-index: 2; }
.thumb.scale img:hover {
-webkit-transform: scale(1.05) rotate(0deg);
-ms-transform: scale(1.05) rotate(0deg);
transform: scale(1.05) rotate(0deg);
box-shadow: 0 5px 15px rgba(0,0,0,0.3);
/* box-shadow: 0 5px 25px 0 rgba(0, 0, 0, 0.14), 0 3px 5px -2px rgba(0, 0, 0, 0.2), 0 5px 25px 0 rgba(0, 0, 0, 0.12); */
background-position: 80% 40%;
z-index: 2; }
.thumb img:focus, .thumb.scale img:focus {
-webkit-transform: scale(1) rotate(0);
-ms-transform: scale(1) rotate(0);
transform: scale(1) rotate(0);
box-shadow: none; }
.thumb img:active, .thumb.scale img:active {
-webkit-transform: scale(1) rotate(0);
-ms-transform: scale(1) rotate(0);
transform: scale(1) rotate(0);
box-shadow: none; }
img.thumb {
transition: all 0.2s ease;
cursor: pointer; }
@media print, screen and (min-width: 41.75em) {
img.thumb {
max-width: 100%;
max-height: 100%; } }
img.thumb:hover {
-webkit-transform: scale(1.05) rotate(2deg);
-ms-transform: scale(1.05) rotate(2deg);
transform: scale(1.05) rotate(2deg);
box-shadow: 0 5px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 5px -2px rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.12);
background-position: 80% 40%;
z-index: 2; }
img.thumb.scale:hover {
-webkit-transform: scale(1.05) rotate(0deg);
-ms-transform: scale(1.05) rotate(0deg);
transform: scale(1.05) rotate(0deg);
box-shadow: 0 5px 15px rgba(0,0,0,0.3);
background-position: 80% 40%;
z-index: 2; }
img.thumb:focus, img.thumb.scale:focus {
-webkit-transform: scale(1) rotate(0);
-ms-transform: scale(1) rotate(0);
transform: scale(1) rotate(0);
box-shadow: none; }
img.thumb:active, img.thumb.scale:active {
-webkit-transform: scale(1) rotate(0);
-ms-transform: scale(1) rotate(0);
transform: scale(1) rotate(0);
box-shadow: none; }
form .column, form .columns { /* fix chrome link-flicker bug */
position: relative; }
form .column a, form .columns a { /* fix chrome link-flicker bug */
position: relative; }
.indexbild:has(a) {
position:relative;
z-index:1;
}
/* ########## START color overlay img .indexbild ########## */
.indexbild.thumb {
position:relative;
z-index:1;
/* fix chrome link-flicker bug */
-webkit-backface-visibility: hidden;
/*-webkit-transform: translate3d(0, 0, 0);
-webkit-transform-style: preserve-3d;
-webkit-transform: translateZ(0);
-webkit-perspective: 1000;*/
}
.indexbild.thumb a::after {
content:'';
position:absolute;
width:100%;
height:100%;
top:0;
left:0;
background:rgba(238, 221, 66, 0.33); /* adjust color here #eedd42 */
opacity:0;
-webkit-transition: all 0.2s;
transition: all 0.2s;
mix-blend-mode: multiply;
}
.indexbild.thumb a::after {
transform: scale(1.05) rotate(2deg);
}
.indexbild.thumb.scale a::after {
transform: scale(1.05) rotate(0deg);
}
.indexbild.thumb a:hover::after {
opacity:1;
}
.indexbild.thumb[style*="font-size"] a::after {
content:initial !important;
}
.indexbild.thumb a:has(img[width])::after, .indexbild.thumb a:has(img[height])::after {
content:initial !important;
}
.indexbild.thumb a:has(img[style*="width"])::after, .indexbild.thumb a:has(img[style*="height"])::after {
content:initial !important;
}
.indexbild.thumb a:active::after, .indexbild.thumb.scale a:active::after {
transform: scale(1) rotate(0);
}
.indexbild.thumb.scale a:hover>img {
-webkit-transform: scale(1.05) rotate(0deg);
-ms-transform: scale(1.05) rotate(0deg);
transform: scale(1.05) rotate(0deg);
box-shadow: 0 5px 15px rgba(0,0,0,0.3);
/* box-shadow: 0 5px 25px 0 rgba(0, 0, 0, 0.14), 0 3px 5px -2px rgba(0, 0, 0, 0.2), 0 5px 25px 0 rgba(0, 0, 0, 0.12); */
background-position: 80% 40%;
z-index: 2;
}
.indexbild.thumb a:hover>img {
-webkit-transform: scale(1.05) rotate(2deg);
-ms-transform: scale(1.05) rotate(2deg);
transform: scale(1.05) rotate(2deg);
box-shadow: 0 5px 15px rgba(0,0,0,0.3);
/* box-shadow: 0 5px 25px 0 rgba(0, 0, 0, 0.14), 0 3px 5px -2px rgba(0, 0, 0, 0.2), 0 5px 25px 0 rgba(0, 0, 0, 0.12); */
background-position: 80% 40%;
z-index: 2;
}
.indexbild.thumb a:active>img, .indexbild.thumb.scale a:active>img {
-webkit-transform: scale(1) rotate(0);
-ms-transform: scale(1) rotate(0);
transform: scale(1) rotate(0);
box-shadow: none; }
/* ########## END overlay img ########## */
.zoom {
transition: all 0.2s ease;
cursor: pointer; }
@media print, screen and (min-width: 41.75em) {
.zoom img {
max-width: 100%;
max-height: 100%; } }
.zoom:hover {
-webkit-transform: scale(1.1) rotate(0deg);
-ms-transform: scale(1.1) rotate(0deg);
transform: scale(1.1) rotate(0deg);
box-shadow: 0 5px 15px rgba(0,0,0,0.3);
background-position: 80% 40%;
z-index: 2; }
.zoom.rotate:hover {
-webkit-transform: scale(1.1) rotate(2deg);
-ms-transform: scale(1.1) rotate(2deg);
transform: scale(1.1) rotate(2deg);
box-shadow: 0 5px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 5px -2px rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.12);
background-position: 80% 40%;
z-index: 2; }
.zoom:focus, .zoom.rotate:focus {
-webkit-transform: scale(1) rotate(0);
-ms-transform: scale(1) rotate(0);
transform: scale(1) rotate(0);
box-shadow: none; }
.zoom:active, .zoom.rotate:active {
-webkit-transform: scale(1) rotate(0);
-ms-transform: scale(1) rotate(0);
transform: scale(1) rotate(0);
box-shadow: none; }
img.zoom {
transition: all 0.2s ease;
cursor: pointer; }
@media print, screen and (min-width: 41.75em) {
img.zoom {
max-width: 100%;
max-height: 100%; } }
img.zoom:hover {
-webkit-transform: scale(1.1) rotate(0deg);
-ms-transform: scale(1.1) rotate(0deg);
transform: scale(1.1) rotate(0deg);
box-shadow: 0 5px 15px rgba(0,0,0,0.3);
background-position: 80% 40%;
z-index: 2; }
img.zoom.rotate:hover {
-webkit-transform: scale(1.1) rotate(2deg);
-ms-transform: scale(1.1) rotate(2deg);
transform: scale(1.1) rotate(2deg);
box-shadow: 0 5px 25px 0 rgba(0, 0, 0, 0.14), 0 3px 5px -2px rgba(0, 0, 0, 0.2), 0 5px 25px 0 rgba(0, 0, 0, 0.12);
background-position: 80% 40%;
z-index: 2; }
img.zoom:focus, img.zoom.rotate:focus {
-webkit-transform: scale(1) rotate(0);
-ms-transform: scale(1) rotate(0);
transform: scale(1) rotate(0);
box-shadow: none; }
img.zoom:active, img.zoom.rotate:active {
-webkit-transform: scale(1) rotate(0);
-ms-transform: scale(1) rotate(0);
transform: scale(1) rotate(0);
box-shadow: none; }
.zoom-img img {
transition: all 0.2s ease;
cursor: pointer; }
@media print, screen and (min-width: 41.75em) {
.zoom-img img {
max-width: 100%;
max-height: 100%; } }
.zoom-img img:hover {
-webkit-transform: scale(1.1) rotate(0deg);
-ms-transform: scale(1.1) rotate(0deg);
transform: scale(1.1) rotate(0deg);
box-shadow: 0 5px 15px rgba(0,0,0,0.3);
background-position: 80% 40%;
z-index: 2; }
.zoom-img.rotate img:hover {
-webkit-transform: scale(1.1) rotate(2deg);
-ms-transform: scale(1.1) rotate(2deg);
transform: scale(1.1) rotate(2deg);
box-shadow: 0 5px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 5px -2px rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.12);
background-position: 80% 40%;
z-index: 2; }
.zoom-img img:focus, .zoom-img.rotate img:focus {
-webkit-transform: scale(1) rotate(0);
-ms-transform: scale(1) rotate(0);
transform: scale(1) rotate(0);
box-shadow: none; }
.zoom-img img:active, .zoom-img.rotate img:active {
-webkit-transform: scale(1) rotate(0);
-ms-transform: scale(1) rotate(0);
transform: scale(1) rotate(0);
box-shadow: none; }
img.zoom-img {
transition: all 0.2s ease;
cursor: pointer; }
@media print, screen and (min-width: 41.75em) {
img.zoom-img {
max-width: 100%;
max-height: 100%; } }
img.zoom-img:hover {
-webkit-transform: scale(1.1) rotate(0deg);
-ms-transform: scale(1.1) rotate(0deg);
transform: scale(1.1) rotate(0deg);
box-shadow: 0 5px 15px rgba(0,0,0,0.3);
background-position: 80% 40%;
z-index: 2; }
img.zoom-img.rotate:hover {
-webkit-transform: scale(1.1) rotate(2deg);
-ms-transform: scale(1.1) rotate(2deg);
transform: scale(1.1) rotate(2deg);
box-shadow: 0 5px 25px 0 rgba(0, 0, 0, 0.14), 0 3px 5px -2px rgba(0, 0, 0, 0.2), 0 5px 25px 0 rgba(0, 0, 0, 0.12);
background-position: 80% 40%;
z-index: 2; }
img.zoom-image:focus, img.zoom-img.rotate:focus {
-webkit-transform: scale(1) rotate(0);
-ms-transform: scale(1) rotate(0);
transform: scale(1) rotate(0);
box-shadow: none; }
img.zoom-image:active, img.zoom-img.rotate:active {
-webkit-transform: scale(1) rotate(0);
-ms-transform: scale(1) rotate(0);
transform: scale(1) rotate(0);
box-shadow: none; }
.clear-bottom {
margin-bottom: 1.5625rem;
}
@media only screen and (orientation: portrait) {
.clear-bottom {
margin-bottom: 1rem;
}
}
.grid-text {
padding: 0.9375rem 1.25rem 0.9375rem 0.78125rem; }
.more-themes .more-item {
border: 1px solid #eeeeee;
display: inline-block;
padding: 0; }
.more-themes .thmb img {
margin-top: 0.9375rem;
margin-bottom: 0.9375rem; }
@media print, screen and (min-width: 41.75em) {
.more-themes .thmb img {
max-width: 100%;
max-height: 240px; } }
@media screen and (orientation: portrait) {
.more-themes h1, .more-themes h2, .more-themes h3, .more-themes p {
#-webkit-hyphens: auto;
# -ms-hyphens: auto;
# hyphens: auto;
} }
.catalogs {
margin-top: 2rem;
margin-bottom: 1.5625rem; }
.catalogs .row {
padding: 0.625rem; }
.catalogs .catalog-item img {
max-height: 220px;
margin: 0 auto 1.25rem auto;
display: block;
transition: -webkit-transform 0.2s ease;
transition: transform 0.2s ease;
transition: transform 0.2s ease, -webkit-transform 0.2s ease; }
.catalogs .catalog-item img:hover {
-webkit-transform: scale(1.1) rotate(5deg);
-ms-transform: scale(1.1) rotate(5deg);
transform: scale(1.1) rotate(5deg); }
.catalogs .bg-catalogs {
padding-top: 1.25rem;
background-color: #eeeeee;
display: inline-block;
width: 100%; }
.album-of-the-week .row {
padding: 0.625rem;
margin-top: 5rem;
margin-bottom: 5rem; }
.album-of-the-week .albumwrapper {
display: inline-block;
width: 100%;
background: url("../img/yellow-gradient.png") bottom center;
background-color: #eeeeee;
background-repeat: no-repeat;
background-size: cover; }
.album-of-the-week .albumwrapper .album-cover {
transition: -webkit-transform 0.2s ease;
transition: transform 0.2s ease;
transition: transform 0.2s ease, -webkit-transform 0.2s ease;
-webkit-transform: scale(1.1) rotate(15deg);
-ms-transform: scale(1.1) rotate(15deg);
transform: scale(1.1) rotate(15deg);
width: 72%; }
.album-of-the-week .albumwrapper .album-cover img {
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
transition: -webkit-transform 0.2s ease;
transition: transform 0.2s ease;
transition: transform 0.2s ease, -webkit-transform 0.2s ease; }
.album-of-the-week .albumwrapper .album-cover:hover {
-webkit-transform: scale(1.1) rotate(0deg);
-ms-transform: scale(1.1) rotate(0deg);
transform: scale(1.1) rotate(0deg); }
.album-of-the-week .albumwrapper .album-cover:hover img {
box-shadow: none; }
.album-of-the-week .albumwrapper .album-txt-column {
padding-top: 1.5625rem;
padding-bottom: 1.5625rem; }
@media screen and (max-width: 41.6875em) {
.album-of-the-week .albumwrapper .album-txt-column {
padding-top: 3.125rem; } }
footer .row {
padding: 0.625rem 0.625rem 0 0.625rem; }
footer .footer-wrapper {
width: 100%;
background: url("../img/radiosalue.svg");
background-repeat: no-repeat;
/*background-position: top 1.25rem right 0.9375rem;
background-size: 80px;*/
background-position: top 1.25rem left 0.25rem;
background-size: 56px;
background-color: #eeeeee;
padding-top: 1.25rem;
display: inline-block; }
footer .menu.vertical {
padding-bottom: 2.1875rem; }
footer .menu.vertical a {
color: #000;
opacity: 0.6;
padding-left: 0;
padding-bottom: 0;
font-size: 0.875rem;
transition: all 0.3s ease; }
footer .menu.vertical a:hover {
color: #c23319;
text-decoration: underline; }
footer .menu.vertical a.active {
color: #c23319; }
footer h3 {
font-size: 1rem; }
footer hr {
width: 50px;
border-bottom: 5px solid #000;
margin: 0 0 0.9375rem 0; }
footer .columns {
padding-left: 5.3125rem; }
.weather {
color: #ffffff; }
.weather h3 {
font-size: 1rem; }
.weather .row {
padding: 0 0.625rem 0.625rem 0.625rem; }
.weather .weather-wrapper {
width: 100%;
background-color: #000;
padding: 1.25rem 1.25rem 1.25rem 1.25rem;
display: inline-block; }
.weather .weather-wrapper .column-block {
margin-bottom: 0; }
@media screen and (max-width: 41.6875em) {
.weather .weather-wrapper .column-block {
margin-bottom: 1.5625rem;
margin-bottom: 3.75rem; } }
.image-grid > .row {
padding-right: 0.46875rem;
padding-left: 0.46875rem; }
.image-grid img {
width: 100%; }
.image-grid svg {
margin: 0 auto;
display: block;
position: absolute;
top: 46%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%); }
.image-grid .columns {
padding: 5px; }
.image-grid .grid-item {
position: relative;
min-height: 150px;
background-color: #eedd42;
padding-top: 1.5625rem;
cursor: pointer;
transition: all 0.2s ease; }
.image-grid .grid-item:hover {
-webkit-transform: scale(1.05) rotate(2deg);
-ms-transform: scale(1.05) rotate(2deg);
transform: scale(1.05) rotate(2deg);
box-shadow: 0 5px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 5px -2px rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.12);
background-position: 80% 40%;
z-index: 2; }
.image-grid .grid-item:focus {
-webkit-transform: scale(1) rotate(0);
-ms-transform: scale(1) rotate(0);
transform: scale(1) rotate(0);
box-shadow: none; }
.image-grid .grid-item:active {
-webkit-transform: scale(1) rotate(0);
-ms-transform: scale(1) rotate(0);
transform: scale(1) rotate(0);
box-shadow: none; }
.image-grid .grid-item h3 {
position: absolute;
bottom: 10px;
left: 10%;
width: 80%;
color: #ffffff; }
.image-grid .grid-item h3.center-text {
color: #000; }
.image-grid .grid-item h3 img {
width: 14px; }
.image-grid .grid-item h3 span {
color: #eedd42; }
.image-grid .grid-item.small {
height: 200px; }
.image-grid .grid-item.small .center-text {
bottom: 30px; }
.image-grid .grid-item.big {
height: 270px; }
.image-grid .contact-board {
background: url("../img/grid-image-3.jpg");
background-repeat: no-repeat;
background-size: cover; }
.image-grid .job-market {
background: url("../img/grid-image-1.jpg");
background-repeat: no-repeat;
background-size: cover; }
.image-grid .image-gallery {
background: url("../img/grid-image-4.jpg");
background-repeat: no-repeat;
background-size: cover; }
.image-grid .events {
background: url("../img/grid-image-5.jpg");
background-repeat: no-repeat;
background-size: cover; }
.image-grid .community {
background: url("../img/grid-image-6.jpg");
background-repeat: no-repeat;
background-size: cover; }
.image-grid .star-rain {
background: url("../img/grid-image-7.jpg");
background-repeat: no-repeat;
background-size: cover; }
.gallery-grid {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
margin-bottom: 1.5625rem; }
.gallery-grid a {
width: calc(100% / 5);
transition: all 0.2s ease; }
.gallery-grid a:hover {
-webkit-transform: scale(2) rotate(2deg);
-ms-transform: scale(2) rotate(2deg);
transform: scale(2) rotate(2deg);
box-shadow: 0 5px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 5px -2px rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.12);
background-position: 80% 40%;
z-index: 2; }
.gallery-grid.horizontal a:hover {
-webkit-transform: scale(1.5) rotate(2deg);
-ms-transform: scale(1.5) rotate(2deg);
transform: scale(1.5) rotate(2deg);
box-shadow: 0 5px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 5px -2px rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.12);
background-position: 80% 40%;
z-index: 2; }
.gallery-grid.vertical a:hover {
-webkit-transform: scale(1.1) rotate(2deg);
-ms-transform: scale(1.1) rotate(2deg);
transform: scale(1.1) rotate(2deg);
box-shadow: 0 5px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 5px -2px rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.12);
background-position: 80% 40%;
z-index: 2; }
.gallery-grid.team img {
border-radius: 50%;
transition: all 0.2s ease; }
.gallery-grid.row-full {
margin-right: -0.78125rem;
margin-left: -0.78125rem; }
.gallery-grid.team a {
width: calc(100% / 7);
transition: all 0.2s ease;
padding-right: 0.78125rem; padding-left: 0.78125rem;
cursor: default; }
.gallery-grid.team a:hover {
transform: none;
box-shadow: none; }
.gallery-grid.team img:hover {
border-radius: 100%;
-webkit-transform: scale(2.5) rotate(0deg);
-ms-transform: scale(2.5) rotate(0deg);
transform: scale(2.5) rotate(0deg);
box-shadow: 0 5px 15px rgba(0,0,0,0.3);
background-position: 80% 40%;
z-index: 2;
cursor: pointer; }
@media (orientation: portrait) {
.gallery-grid.team {
margin: auto;
}
.gallery-grid.team a {
width: calc(100% / 3);
}
.gallery-grid.team img:hover {
-webkit-transform: scale(1.5) rotate(0deg);
-ms-transform: scale(1.5) rotate(0deg);
transform: scale(1.5) rotate(0deg);
}
}
.gallery-grid a:focus, .gallery-grid.team img:focus, .gallery-grid.horizontal a:focus, .gallery-grid.vertical a:focus, .gallery-grid.featured a:focus {
-webkit-transform: scale(1) rotate(0);
-ms-transform: scale(1) rotate(0);
transform: scale(1) rotate(0);
box-shadow: none; }
.gallery-grid a:active, .gallery-grid.team img:active, .gallery-grid.horizontal a:active, .gallery-grid.vertical a:active, .gallery-grid.featured a:active {
-webkit-transform: scale(1) rotate(0);
-ms-transform: scale(1) rotate(0);
transform: scale(1) rotate(0);
box-shadow: none; }
.gallery-grid.featured {
margin-bottom: 0; }
.gallery-grid.featured a {
/* bugfix white border space on img hover */ width: calc(99.9% / 3); }
.gallery-grid.featured a:hover {
-webkit-transform: scale(1.1) rotate(2deg);
-ms-transform: scale(1.1) rotate(2deg);
transform: scale(1.1) rotate(2deg); }
/* kev gallery-grid start */
.gallery-grid.featured.two a, .gallery-grid.featured.nowrap a, .gallery-grid.nowrap a {
width: calc(100% / 2); /* bei margin + nowrap wird calc() korrekt eingehalten */
margin: 0.78125rem; /* bei margin -> nowrap */
cursor: default; /* bei mix von Quer- / Hochformat cursor anpassen */
}
.gallery-grid.featured.two, .gallery-grid.featured.nowrap, .gallery-grid.nowrap {
display: flex;
flex-direction: row;
flex-wrap: nowrap; /* bei margin -> nowrap */
}
/* alternative -> mit a:hover oder img:hover m�glich
.gallery-grid.featured.two a:hover, .gallery-grid.featured.nowrap a:hover, .gallery-grid.nowrap a:hover {
box-shadow: 0 5px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 5px -2px rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.12);
-webkit-transform: scale(1.1) rotate(2deg);
-ms-transform: scale(1.1) rotate(2deg);
transform: scale(1.1) rotate(2deg); }
.gallery-grid.featured.two a:active, .gallery-grid.featured.nowrap a:active, .gallery-grid.nowrap a:active {
-webkit-transform: scale(1) rotate(0);
-ms-transform: scale(1) rotate(0);
transform: scale(1) rotate(0);
box-shadow: none; }
.gallery-grid.featured.two a:focus, .gallery-grid.featured.nowrap a:focus, .gallery-grid.nowrap a:focus {
-webkit-transform: scale(1) rotate(0);
-ms-transform: scale(1) rotate(0);
transform: scale(1) rotate(0);
box-shadow: none; }
*/
/* wenn mit img:hover -> hebt/l�scht .gallery-grid a:hover klasse weiter oberhalb im css auf */
.gallery-grid.featured.two a:hover, .gallery-grid.featured.nowrap a:hover, .gallery-grid.nowrap a:hover {
box-shadow: none;
transform: none;
}
.gallery-grid.featured.two img, .gallery-grid.featured.nowrap img, .gallery-grid.nowrap img {
cursor: pointer;
transition: all 0.2s ease;
}
.gallery-grid.featured.two img:hover, .gallery-grid.featured.nowrap img:hover, .gallery-grid.nowrap img:hover {
box-shadow: 0 5px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 5px -2px rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.12);
-webkit-transform: scale(1.1) rotate(2deg);
-ms-transform: scale(1.1) rotate(2deg);
transform: scale(1.1) rotate(2deg); }
.gallery-grid.featured.two img:active, .gallery-grid.featured.nowrap img:active, .gallery-grid.nowrap img:active {
-webkit-transform: scale(1) rotate(0);
-ms-transform: scale(1) rotate(0);
transform: scale(1) rotate(0);
box-shadow: none; }
.gallery-grid.featured.two img:focus, .gallery-grid.featured.nowrap img:focus, .gallery-grid.nowrap img:focus {
-webkit-transform: scale(1) rotate(0);
-ms-transform: scale(1) rotate(0);
transform: scale(1) rotate(0);
box-shadow: none; }
@media (orientation: portrait) {
.gallery-grid.featured.two, .gallery-grid.featured.nowrap, .gallery-grid.nowrap {
margin: auto;
flex-direction: column;
align-items: center;
}
.gallery-grid.featured.two a, .gallery-grid.featured.nowrap a, .gallery-grid.nowrap a {
width: calc(100% / 1.5); /* f�r mobile Ansicht */
}
}
/* START -> kevin gallery-grid responsive */
.gallery-grid.responsive a, .gallery-grid.responsive_height a, .gallery-grid.mobile a {
width: calc(100% / 2);
cursor: default;
padding-left: 1.5625rem;
padding-bottom: 1.5625rem;
}
.gallery-grid.responsive, .gallery-grid.responsive_height, .gallery-grid.mobile {
display: flex;
flex-direction: row;
flex-wrap: wrap;
margin-bottom: -0.5625rem; /* 1.5625rem (25px) - 0.5625rem (8px) = 1rem (16px) */
margin-left: -1.5625rem;
}
/*.gallery-grid.responsive a:first-of-type, .gallery-grid.responsive_height a:first-of-type, .gallery-grid.mobile a:first-of-type {
padding-left: 1rem;
}*/
@media (max-width: 63.9375em) {
/*.gallery-grid.responsive a:first-of-type, .gallery-grid.responsive_height a:first-of-type, .gallery-grid.mobile a:first-of-type {
padding-left: 0.78125rem;
}*/
.gallery-grid.responsive a, .gallery-grid.responsive_height a, .gallery-grid.mobile a {
padding-left: 0.78125rem;
padding-bottom: 0.78125rem;
}
.gallery-grid.responsive, .gallery-grid.responsive_height, .gallery-grid.mobile {
margin-bottom: 0.28125rem; /* 0.78125rem (12.5px) + 0.28125rem (4.5px) = 1rem (16px) */
margin-left: -0.78125rem;
}
}
.gallery-grid.responsive a:hover, .gallery-grid.responsive_height a:hover, .gallery-grid.mobile a:hover {
box-shadow: none;
transform: none;
}
.gallery-grid.responsive img, .gallery-grid.responsive img, .gallery-grid.responsive img {
cursor: pointer;
transition: all 0.2s ease;
}
.gallery-grid.responsive img:hover, .gallery-grid.responsive img:hover, .gallery-grid.responsive img:hover {
box-shadow: 0 5px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 5px -2px rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.12);
-webkit-transform: scale(1.1) rotate(2deg);
-ms-transform: scale(1.1) rotate(2deg);
transform: scale(1.1) rotate(2deg); }
.gallery-grid.responsive img:active, .gallery-grid.responsive img:active, .gallery-grid.responsive img:active {
-webkit-transform: scale(1) rotate(0);
-ms-transform: scale(1) rotate(0);
transform: scale(1) rotate(0);
box-shadow: none; }
.gallery-grid.responsive img:focus, .gallery-grid.responsive img:focus, .gallery-grid.responsive img:focus {
-webkit-transform: scale(1) rotate(0);
-ms-transform: scale(1) rotate(0);
transform: scale(1) rotate(0);
box-shadow: none; }
/* END -> kevin gallery-grid responsive */
.gallery-grid.featured.four a, .gallery-grid.featured.wrap a, .gallery-grid.wrap a {
width: calc(100% / 2); /* bei padding + wrap wird calc() korrekt eingehalten */
padding: 0.78125rem; /* bei padding -> wrap */
cursor: default; /* wegen padding cursor anpassen */
}
.gallery-grid.featured.four, .gallery-grid.featured.wrap, .gallery-grid.wrap {
display: flex;
flex-direction: row;
flex-wrap: wrap; /* bei padding -> wrap */
}
/* hebt/l�scht .gallery-grid a:hover klasse weiter oberhalb im css auf */
.gallery-grid.featured.four a:hover, .gallery-grid.featured.wrap a:hover, .gallery-grid.wrap a:hover {
box-shadow: none;
transform: none;
}
/* wegen padding cursor anpassen */
.gallery-grid.featured.four img, .gallery-grid.featured.wrap img, .gallery-grid.wrap img {
cursor: pointer;
transition: all 0.2s ease;
}
.gallery-grid.featured.four img:hover, .gallery-grid.featured.wrap img:hover, .gallery-grid.wrap img:hover {
box-shadow: 0 5px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 5px -2px rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.12);
-webkit-transform: scale(1.1) rotate(2deg);
-ms-transform: scale(1.1) rotate(2deg);
transform: scale(1.1) rotate(2deg);
}
.gallery-grid.featured.four img:active, .gallery-grid.featured.wrap img:active, .gallery-grid.wrap img:active {
-webkit-transform: scale(1) rotate(0);
-ms-transform: scale(1) rotate(0);
transform: scale(1) rotate(0);
box-shadow: none; }
.gallery-grid.featured.four img:focus, .gallery-grid.featured.wrap img:focus, .gallery-grid.wrap img:focus {
-webkit-transform: scale(1) rotate(0);
-ms-transform: scale(1) rotate(0);
transform: scale(1) rotate(0);
box-shadow: none; }
@media (orientation: portrait) {
.gallery-grid.featured.four, .gallery-grid.featured.wrap, .gallery-grid.wrap {
margin: auto;
}
}
/* kev gallery-grid end */
.programm-image-msh:after {
content: "";
position: absolute;
left: -10%;
-webkit-transform: skew(15deg);
-ms-transform: skew(15deg);
transform: skew(15deg);
background: url("../../programm/img/morgenshow.jpg");
background-repeat: no-repeat;
background-size: cover;
-webkit-transform-origin: center center;
-ms-transform-origin: center center;
transform-origin: center center;
width: 130%;
height: 130%;
transition: opacity 0.4s ease; }
.programm-image-martina:after {
content: "";
position: absolute;
left: -10%;
-webkit-transform: skew(15deg);
-ms-transform: skew(15deg);
transform: skew(15deg);
background: url("../../programm/img/martina.jpg");
background-repeat: no-repeat;
background-size: cover;
-webkit-transform-origin: center center;
-ms-transform-origin: center center;
transform-origin: center center;
width: 130%;
height: 130%;
transition: opacity 0.4s ease; }
.programm-image-hitstory:after {
content: "";
position: absolute;
left: -10%;
-webkit-transform: skew(15deg);
-ms-transform: skew(15deg);
transform: skew(15deg);
background: url("../../programm/img/hitstory.jpg");
background-repeat: no-repeat;
background-size: cover;
-webkit-transform-origin: center center;
-ms-transform-origin: center center;
transform-origin: center center;
width: 130%;
height: 130%;
transition: opacity 0.4s ease; }
.programm-image-martina:after {
content: "";
position: absolute;
left: -10%;
-webkit-transform: skew(15deg);
-ms-transform: skew(15deg);
transform: skew(15deg);
background: url("../../programm/img/martina.jpg");
background-repeat: no-repeat;
background-size: cover;
-webkit-transform-origin: center center;
-ms-transform-origin: center center;
transform-origin: center center;
width: 130%;
height: 130%;
transition: opacity 0.4s ease; }
.programm-image-megacharts:after {
content: "";
position: absolute;
left: -10%;
-webkit-transform: skew(15deg);
-ms-transform: skew(15deg);
transform: skew(15deg);
background: url("../../programm/img/megacharts.jpg");
background-repeat: no-repeat;
background-size: cover;
-webkit-transform-origin: center center;
-ms-transform-origin: center center;
transform-origin: center center;
width: 130%;
height: 130%;
transition: opacity 0.4s ease; }
.programm-image-kino:after {
content: "";
position: absolute;
left: -10%;
-webkit-transform: skew(15deg);
-ms-transform: skew(15deg);
transform: skew(15deg);
background: url("../../programm/img/kino.jpg");
background-repeat: no-repeat;
background-size: cover;
-webkit-transform-origin: center center;
-ms-transform-origin: center center;
transform-origin: center center;
width: 130%;
height: 130%;
transition: opacity 0.4s ease; }
.programm-image-fotogalerie:after {
content: "";
position: absolute;
left: -10%;
-webkit-transform: skew(15deg);
-ms-transform: skew(15deg);
transform: skew(15deg);
background: url("../../programm/img/fotogalerie.jpg");
background-repeat: no-repeat;
background-size: cover;
-webkit-transform-origin: center center;
-ms-transform-origin: center center;
transform-origin: center center;
width: 130%;
height: 130%;
transition: opacity 0.4s ease; }
.programm-image-webradio:after {
content: "";
position: absolute;
left: -10%;
-webkit-transform: skew(15deg);
-ms-transform: skew(15deg);
transform: skew(15deg);
background: url("../../programm/img/webradio.jpg");
background-repeat: no-repeat;
background-size: cover;
-webkit-transform-origin: center center;
-ms-transform-origin: center center;
transform-origin: center center;
width: 130%;
height: 130%;
transition: opacity 0.4s ease; }
.programm-image-podcast:after {
content: "";
position: absolute;
left: -10%;
-webkit-transform: skew(15deg);
-ms-transform: skew(15deg);
transform: skew(15deg);
background: url("../../programm/img/podcast.jpg");
background-repeat: no-repeat;
background-size: cover;
-webkit-transform-origin: center center;
-ms-transform-origin: center center;
transform-origin: center center;
width: 130%;
height: 130%;
transition: opacity 0.4s ease; }
.programm-image-themen:after {
content: "";
position: absolute;
left: -10%;
-webkit-transform: skew(15deg);
-ms-transform: skew(15deg);
transform: skew(15deg);
background: url("../../programm/img/beitraege_und_themen.jpg");
background-repeat: no-repeat;
background-size: cover;
-webkit-transform-origin: center center;
-ms-transform-origin: center center;
transform-origin: center center;
width: 130%;
height: 130%;
transition: opacity 0.4s ease; }
.programm-image-1:after {
content: "";
position: absolute;
left: -10%;
-webkit-transform: skew(15deg);
-ms-transform: skew(15deg);
transform: skew(15deg);
background: url("../img/programm-1.jpg");
background-repeat: no-repeat;
background-size: cover;
-webkit-transform-origin: center center;
-ms-transform-origin: center center;
transform-origin: center center;
width: 130%;
height: 130%;
transition: opacity 0.4s ease; }
.programm-image-2:after {
content: "";
position: absolute;
left: -10%;
-webkit-transform: skew(15deg);
-ms-transform: skew(15deg);
transform: skew(15deg);
background: url("../img/programm-2.jpg");
background-repeat: no-repeat;
background-size: cover;
-webkit-transform-origin: center center;
-ms-transform-origin: center center;
transform-origin: center center;
width: 130%;
height: 130%;
transition: opacity 0.4s ease; }
.programm-image-3:after {
content: "";
position: absolute;
left: -10%;
-webkit-transform: skew(15deg);
-ms-transform: skew(15deg);
transform: skew(15deg);
background: url("../img/programm-3.jpg");
background-repeat: no-repeat;
background-size: cover;
-webkit-transform-origin: center center;
-ms-transform-origin: center center;
transform-origin: center center;
width: 130%;
height: 130%;
transition: opacity 0.4s ease; }
.programm-image-4:after {
content: "";
position: absolute;
left: -10%;
-webkit-transform: skew(15deg);
-ms-transform: skew(15deg);
transform: skew(15deg);
background: url("../img/programm-4.jpg");
background-repeat: no-repeat;
background-size: cover;
-webkit-transform-origin: center center;
-ms-transform-origin: center center;
transform-origin: center center;
width: 130%;
height: 130%;
transition: opacity 0.4s ease; }
.programm-image-5:after {
content: "";
position: absolute;
left: -10%;
-webkit-transform: skew(15deg);
-ms-transform: skew(15deg);
transform: skew(15deg);
background: url("../img/programm-3.jpg");
background-repeat: no-repeat;
background-size: cover;
-webkit-transform-origin: center center;
-ms-transform-origin: center center;
transform-origin: center center;
width: 130%;
height: 130%;
transition: opacity 0.4s ease; }
.salue-slider .slick-slide {
margin-right: 8px; }
.salue-slider .slick-next {
right: 0;
height: 100%;
width: 90px;
z-index: 4;
background: url("../img/slider-next.png") top right;
background-repeat: no-repeat;
transition: opacity 0.2s ease; }
.salue-slider .slick-next:before {
content: ''; }
.salue-slider .slick-next:hover {
opacity: 0.85; }
.salue-slider .slick-next:active {
opacity: 0.95; }
.salue-slider .slick-next:focus {
opacity: 0.9; }
.salue-slider .slick-prev {
left: 0;
height: 100%;
width: 90px;
z-index: 4;
background-color: black;
background: url("../img/slider-prev.png") top left;
background-repeat: no-repeat;
transition: opacity 0.2s ease; }
.salue-slider .slick-prev:before {
content: ''; }
.salue-slider .slick-prev:hover {
opacity: 0.85; }
.salue-slider .slick-prev:active {
opacity: 0.95; }
.salue-slider .slick-prev:focus {
opacity: 0.9; }
.salue-slider .slide-image {
position: relative;
width: 100%;
height: 300px;
-webkit-transform: skew(-15deg);
-ms-transform: skew(-15deg);
transform: skew(-15deg);
background-color: #eedd42;
overflow: hidden;
transition: all 0.2s ease; }
.salue-slider .slide-image:hover:after {
opacity: 0.6; }
.salue-slider h3 span {
color: #000; }
.salue-radio-player {
display: block;
margin-top: 5px;
overflow:hidden;
}
@media screen and (max-width: 41.6875em) {
.salue-radio-player {
display: none; } }
.salue-radio-player > .row {
margin-bottom: -5px; }
.salue-radio-player .play-btn-player {
position: absolute;
top: 26.5%;
right: 16%;
z-index: 1;
cursor: pointer;
transition: all 0.2s ease; }
.salue-radio-player .play-btn-player:hover {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1); }
.salue-radio-player .play-btn-player:active {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1); }
.salue-radio-player .play-btn-player:focus {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1); }
@media screen and (max-width: 63.9375em) {
.salue-radio-player .play-btn-player {
right: 73.5%; } }
.salue-radio-player .player-wrapper {
position: relative;
background-color: #eedd42;
width: 100%;
display: inline-block;
margin-bottom: -5px; }
.salue-radio-player .top-line {
height: 40px; }
.salue-radio-player .top-line .columns {
height: 100%;
vertical-align: middle; }
.salue-radio-player .top-line > .small-12 {
text-align: right; }
.salue-radio-player .bottom-line {
height: 40px; }
.salue-radio-player .bottom-line .columns {
height: 100%;
vertical-align: middle; }
.salue-radio-player .bottom-line > .small-12 {
text-align: right; }
.salue-radio-player .bottom-line .small-12 {
display: flex;
margin-top: 5px;
width: 12%; }
.salue-radio-player .bottom-line img {
opacity: 1 !important;
filter: none;
max-height: 100% !important;
object-fit: contain !important; }
.salue-radio-player .bottom-line img:hover {
box-shadow: none !important;
filter: drop-shadow(2px 2px 4px rgba(0,0,0,0.7)) !important; }
.salue-radio-player .bottom-line a {
/* delete whitespace between flex items with <a> */ display: contents !important; }
.salue-radio-player .middle-line {
height: 75px;
background-color: #000;
color: #ffffff;
-webkit-transform: skew(10deg);
-ms-transform: skew(10deg);
transform: skew(10deg); }
.salue-radio-player .middle-line .columns {
height: 100%;
vertical-align: middle; }
@media screen and (max-width: 41.6875em) {
.salue-radio-player .middle-line {
min-height: 100px;
max-height: 150px; } }
.salue-radio-player .player-img {
position: relative;
width: 100%;
height: 165px;
display: inline-block;
overflow: hidden;
background: url(../img/player-start.svg) center center;
background-size: 135%;
/* start xmas player svg
background: url(../img/player-start-xmas.svg) 40% 60%;
background-size: 150%;
end xmas player svg */
background-repeat: no-repeat;
}
.salue-radio-player .on-air {
display: inline-block;
height: 100%;
text-align: right;
font-weight: 600;
vertical-align: middle;
padding-top: 0.5rem;
margin-right: 0.9375rem; }
@media screen and (max-width: 41.6875em) {
.salue-radio-player .on-air {
display: none; } }
.salue-radio-player .webradios {
color: #000;
display: inline-block;
height: 100%;
text-align: right;
font-weight: 600;
vertical-align: middle;
padding-top: 0.5rem;
margin-right: 0.9375rem; }
@media screen and (max-width: 63.9375em) {
.salue-radio-player .webradios {
display: none !important; } }
.salue-radio-player .more-links {
display: inline-block;
clear: right;
height: 100%;
padding: 0 4.6875rem 0 2.1875rem;
margin-right: 5%;
color: #c23319;
font-size: 0.875rem;
cursor: pointer;
transition: background-color 0.3s ease; }
.salue-radio-player .more-links:after {
content: url("../img/more.svg");
position: absolute;
top: 8px;
right: 35px;width:27px; }
.salue-radio-player .more-links:hover {
background-color: rgba(255, 255, 255, 0.3); }
@media screen and (max-width: 63.9375em) {
.salue-radio-player .more-links {
margin-right: 10%; } }
@media screen and (max-width: 41.6875em) {
.salue-radio-player .more-links {
display: none; } }
.salue-radio-player h3.artist {
text-align: right;
margin-top: 0.625rem;
padding-right: 17%;
font-style: italic; }
@media screen and (max-width: 63.9375em) {
.salue-radio-player h3.artist {
padding-right: 20%; } }
@media screen and (max-width: 41.6875em) {
.salue-radio-player h3.artist {
font-size: 16px;
text-align: left;
width: 60%;
padding-right: 0; } }
.salue-radio-player .song-title {
text-align: right;
padding-right: 17%;
font-style: italic; }
@media screen and (max-width: 63.9375em) {
.salue-radio-player .song-title {
padding-right: 20%; } }
@media screen and (max-width: 41.6875em) {
.salue-radio-player .song-title {
font-size: 12px;
text-align: left;
width: 55%;
padding-right: 0; } }
.salue-radio-player .album-cover {
position: absolute;
top: 0;
right: 0;
height: 100%; }
.salue-radio-player .album-cover img {
max-width: 165px;
height: 97%;
float: right;
display: none; }
@media screen and (min-width: 23.4375em) {
.salue-radio-player .album-cover img {
display: block; } }
.salue-radio-player .overlap {
margin-right: -10px; }
.play-btn.show-for-small-only {
margin-top: 25px; }
.media-grid .row {
padding: 0 0.46875rem 0 0.46875rem; }
.media-grid .columns {
padding: 5px;
margin-bottom: 0; }
.media-grid .media-item {
position: relative;
min-height: 250px;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
color: #ffffff;
text-align: center;
padding: 1.5625rem 0.9375rem 0.9375rem 0.9375rem;
display: inline-block;
width: 100%; }
.media-grid .media-item h3.title {
margin-bottom: 0; }
.media-grid .media-item .date {
margin-bottom: 1.5625rem; }
.media-grid .media-item .time {
margin: 2.5rem 0 0 0; }
.media-grid .media-item .audioplayer {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: transparent;
border: none; }
.media-grid .media-item .audioplayer .audioplayer-playpause {
border: none;
background: rgba(255, 255, 255, 0.9);
border-radius: 50%;
width: 4em;
height: 4em;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
top: 38%;
left: 50%;
transition: all 0.2s ease; }
.media-grid .media-item .audioplayer .audioplayer-playpause:hover {
-webkit-transform: scale(1.05) rotate(0.01deg) translateX(-50%);
-ms-transform: scale(1.05) rotate(0.01deg) translateX(-50%);
transform: scale(1.05) rotate(0.01deg) translateX(-50%); }
.media-grid .media-item .audioplayer .audioplayer-playpause a {
top: 38%;
left: 38%;
width: 1.7em;
height: 1.7em; }
.media-grid .media-item .audioplayer .audioplayer-playpause a:after {
background-color: #c23319; }
.media-grid .media-item .audioplayer .audioplayer-playpause a:before {
background-color: #c23319; }
.media-grid .media-item .audioplayer .audioplayer-time {
border: none;
height: auto;
top: 75%; }
.media-grid .media-item .audioplayer .audioplayer-bar {
height: 0.875em;
background-color: #222;
cursor: pointer;
z-index: 1;
top: initial;
bottom: 0;
left: 0;
right: 0;
margin-top: -0.438em;
opacity: 0.5;
transition: all 0.2s ease; }
.media-grid .media-item .audioplayer .audioplayer-bar:hover {
height: 5.5em; }
.media-grid .media-item .audioplayer .audioplayer-bar .audioplayer-bar-loaded {
border-radius: 0; }
.media-grid .media-item .audioplayer .audioplayer-bar .audioplayer-bar-played {
border-radius: 0; }
.media-grid .media-item .audioplayer .audioplayer-volume {
display: none; }
.media-grid .media-item .audioplayer:not(.audioplayer-playing) .audioplayer-playpause a {
top: 37%;
left: 50%;
border: 1em solid transparent;
border-right: none;
border-left-color: #c23319; }
.b-und-c .media-item {
background: url("../img/audiobg.jpg"); }
.job-search {
margin-top: 2.1875rem;
margin-bottom: 3.4375rem; }
.job-item {
border-bottom: 1px solid #eeeeee;
padding-bottom: 0.9375rem;
margin-bottom: 2.1875rem; }
.job-item:last-of-type {
border-bottom: none; }
.job-item .job-title {
font-size: 1.375rem;
font-weight: 900;
margin-bottom: 0.9375rem; }
@media screen and (max-width: 41.6875em) {
.job-item .job-title {
margin-bottom: 0; } }
.job-item .job-location {
text-align: right; }
@media screen and (max-width: 41.6875em) {
.job-item .job-location {
text-align: left;
color: #8a8a8a;
margin-bottom: 0.9375rem; } }
.job-item .company {
margin: 0 1.5625rem 0 0.9375rem; }
@media screen and (max-width: 41.6875em) {
.job-item .company {
margin-left: 0; } }
.job-item .job-desc {
margin: 0 0.9375rem 0 0.9375rem; }
@media screen and (max-width: 41.6875em) {
.job-item .job-desc {
margin-left: 0; } }
.event-item {
border-bottom: 1px solid #eeeeee;
padding-bottom: 0.9375rem;
margin-bottom: 2.1875rem; }
.event-item:last-of-type {
border-bottom: none; }
.event-item .event-title {
font-size: 1.375rem;
font-weight: 900;
margin-bottom: 0.9375rem; }
.event-item .event-date {
text-align: right; }
@media screen and (max-width: 41.6875em) {
.event-item .event-date {
text-align: left;
margin: 0 0 0.625rem 0.9375rem;
display: inline-block;
width: auto; } }
.event-item .event-location {
margin: 0 1.5625rem 0 0.9375rem; }
.event-item .event-desc {
margin: 0 0.9375rem 0 0.9375rem; }
.event-teaser-image {
position: relative;
transition: all 0.2s ease;
cursor: pointer; }
.event-teaser-image:hover {
-webkit-transform: scale(1.05) rotate(2deg);
-ms-transform: scale(1.05) rotate(2deg);
transform: scale(1.05) rotate(2deg);
box-shadow: 0 5px 25px 0 rgba(0, 0, 0, 0.14), 0 3px 5px -2px rgba(0, 0, 0, 0.2), 0 5px 25px 0 rgba(0, 0, 0, 0.12);
background-position: 80% 40%;
z-index: 2; }
.event-teaser-image:focus {
-webkit-transform: scale(1) rotate(0);
-ms-transform: scale(1) rotate(0);
transform: scale(1) rotate(0);
box-shadow: none; }
.event-teaser-image:active {
-webkit-transform: scale(1) rotate(0);
-ms-transform: scale(1) rotate(0);
transform: scale(1) rotate(0);
box-shadow: none; }
.event-teaser-image .event-date {
position: absolute;
bottom: 0;
left: 0;
width: 60px;
height: 60px;
padding-top: 0.75rem;
background-color: #000;
color: #ffffff;
text-align: center;
font-size: 0.625rem; }
.event-teaser-image .event-date span {
display: block;
width: 100%; }
.event-teaser-image .event-date .day {
font-size: 1.75rem;
font-weight: 800; }
.teaser-events {
margin-bottom: 3.4375rem; }
.teaser-events .event-title {
font-size: 1.375rem;
font-weight: 900;
margin-top: 0.9375rem; }
.teaser-events a {
color: #000; }
.teaser-events a:hover {
color: #c23319;
text-decoration: underline; }
.book-event {
background-color: #f0f0f0;
display: inline-block;
padding: 15px;
margin-bottom: 1.5625rem; }
.book-event .button {
float: right;
margin: 0; }
.preloader { display:none;
/* fix font reload blink bug */ font-family: Arial, Helvetica, Geneva, sans-serif;
position: fixed;
top: 0;
left: 0;
z-index: 999;
height: 100vh;
width: 100vw;
background-color: #ffffff;
/* svg as background image */
background-image: url('https://www.salue.de/assets/img/audio.svg');
background-repeat: no-repeat;
background-position: center;
border-radius: 0 !important; }
.preloader img {
display: block;
margin: 20% auto;
overflow: hidden; }
/* hide preloader img src embed */ .img-wrap {display: none; text-align: center;}
/* responsive for mobile */
@media screen and (max-width: 768px) {
.preloader img {
margin: 25vh auto; }
}
/*
@media only screen and (max-width: 600px) {
.preloader {
position: absolute; }
}
*/
.img-wrap { /* hide preloader img src embed */
display: none;
}
.indexbild {
margin-right: auto; margin-left: auto; text-align:center; margin-bottom:8px; width:90%; display: block; max-width:500px;
}
@media screen and (min-width: 52em) {
.indexbild {
float:right;
margin:2px;
margin-bottom:8px;
margin-left:8px;
margin-right:8px; width:300px;}
}
.indexbild.floating { max-width:500px; }
.floating300, .shine300 { max-width:300px;display:block;margin:auto; }
.contactboard-registration label.nick-free {
text-align: right;
color: #cacaca; }
.contactboard-registration .nickname {
position: relative; }
.contactboard-registration .nickname input {
height: 3.75rem;
font-size: 1.5625rem;
font-weight: 400;
padding-left: 1.5625rem; }
@media screen and (max-width: 41.6875em) {
.contactboard-registration .nickname input {
font-size: 1rem;
padding-left: 0.9375rem; } }
.contactboard-registration .nickname.free:after {
content: url("../img/hook.svg");
position: absolute;
top: 8px;
right: 10px;
width: 40px;
height: 40px; }
.contactboard-registration button.register {
margin-top: 1.5625rem; }
.contactboard-registration-success {
margin-bottom: 75px; }
.contactboard-registration-success p.success-text {
text-align: left;
margin-top: 20px; }
.contactboard-registration-success .success-img {
width: 180px;
float: right; }
.contactboard-profil .profil-head {
margin-bottom: 0.9375rem; }
.contactboard-profil .profil-head .profil-img {
position: relative; }
.contactboard-profil .profil-head .profil-img .icon-magnifier {
width: 60px;
opacity: 0.95;
position: absolute;
bottom: 0;
right: 0;
transition: all 0.3s ease; }
.contactboard-profil .profil-head .profil-img:hover .icon-magnifier {
width: 70px; }
@media screen and (max-width: 41.6875em) {
.contactboard-profil .profil-head .profil-info {
display: inline-block;
width: 100%;
padding-top: 1.5625rem;
padding-bottom: 1.5625rem; } }
.contactboard-profil .profil-head .profil-info .columns {
padding: 0.3125rem 0 0.9375rem 0; }
@media screen and (max-width: 41.6875em) {
.contactboard-profil .profil-head .profil-info .columns {
padding-top: 0; }
.contactboard-profil .profil-head .profil-info .columns:not(.text-right) {
padding-bottom: 0; } }
.contactboard-profil a.ignore {
padding-top: 0.9375rem;
float: right;
font-size: large; }
.contactboard-profil .profil-content {
margin-top: 2.1875rem;
margin-bottom: 2.1875rem; }
.contactboard-profil .profil-content .columns {
margin-bottom: 1.5625rem; }
@media screen and (max-width: 74.9375em) {
.contactboard-profil .profil-content .row .column:nth-child(odd), .contactboard-profil .profil-content .row .columns:nth-child(odd) {
margin-bottom: 0; } }
.contactboard-cards {
margin-bottom: 2.1875rem; }
.contactboard-cards .page-head {
margin-bottom: 1.5625rem; }
.contactboard-cards .card {
border: none;
overflow: visible; }
.contactboard-cards .card img {
cursor: pointer;
transition: all 0.2s ease; }
.contactboard-cards .card img:hover {
-webkit-transform: scale(1.05) rotate(2deg);
-ms-transform: scale(1.05) rotate(2deg);
transform: scale(1.05) rotate(2deg);
box-shadow: 0 5px 25px 0 rgba(0, 0, 0, 0.14), 0 3px 5px -2px rgba(0, 0, 0, 0.2), 0 5px 25px 0 rgba(0, 0, 0, 0.12);
background-position: 80% 40%;
z-index: 2; }
.contactboard-cards .card img:focus {
-webkit-transform: scale(1) rotate(0);
-ms-transform: scale(1) rotate(0);
transform: scale(1) rotate(0);
box-shadow: none; }
.contactboard-cards .card img:active {
-webkit-transform: scale(1) rotate(0);
-ms-transform: scale(1) rotate(0);
transform: scale(1) rotate(0);
box-shadow: none; }
.contactboard-cards .card .card-section {
position: relative;
margin-top: 0.9375rem;
padding: 0; }
.contactboard-cards .card .card-section h4 {
margin-bottom: 0; }
.contactboard-cards .card .card-section:after {
content: url("../img/card-icon.svg");
width: 50px;
position: absolute;
bottom: -5px;
right: -3px; }
.galerie-cards {
margin-bottom: 2.1875rem; }
.galerie-cards .page-head {
margin-bottom: 1.5625rem; }
.galerie-cards .card {
border: none;
overflow: visible; }
.galerie-cards .card img {
cursor: pointer;
transition: all 0.2s ease; }
. .card img:hover {
-webkit-transform: scale(1.05) rotate(2deg);
-ms-transform: scale(1.05) rotate(2deg);
transform: scale(1.05) rotate(2deg);
box-shadow: 0 5px 25px 0 rgba(0, 0, 0, 0.14), 0 3px 5px -2px rgba(0, 0, 0, 0.2), 0 5px 25px 0 rgba(0, 0, 0, 0.12);
background-position: 80% 40%;
z-index: 2; }
.galerie-cards .card img:focus {
-webkit-transform: scale(1) rotate(0);
-ms-transform: scale(1) rotate(0);
transform: scale(1) rotate(0);
box-shadow: none; }
.galerie-cards .card img:active {
-webkit-transform: scale(1) rotate(0);
-ms-transform: scale(1) rotate(0);
transform: scale(1) rotate(0);
box-shadow: none; }
.galerie-cards .card .card-section {
/*position: relative; -> comment out to fix blink bug on hover*/
margin-top: 0.9375rem;
padding: 0; }
.galerie-cards .card .card-section h4 {
margin-bottom: 0; }
.galerie-cards .card .card-section:after {
#content: url("../img/card-foto.jpg");
width: 50px;
position: absolute;
bottom: -5px;
right: -3px; }
.contactboard-search {
padding-bottom: 2.1875rem; }
.contactboard-search .page-head {
margin-bottom: 1.5625rem; }
.contactboard-search .search-form {
padding-top: 1.5625rem;
display: inline-block; }
.contactboard-checkbox {
font-size: 1.375rem;
font-weight: 400;
position: relative;
height: 50px;
margin-bottom: 1rem;
color: #000;
padding: 0.9375rem 0.5rem 0.5rem 1.5625rem;
cursor: pointer;
transition: all 0.3s ease;
background-color: rgba(158, 158, 158, 0.2); }
.contactboard-checkbox:active {
background-color: rgba(158, 158, 158, 0.4); }
.contactboard-checkbox:hover {
background-color: rgba(158, 158, 158, 0.1); }
.contactboard-checkbox:focus {
background-color: rgba(158, 158, 158, 0.3); }
.contactboard-checkbox input {
opacity: 0;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
cursor: pointer;
transition: all 0.3s ease; }
.contactboard-checkbox label {
transition: all 0.3s ease; }
.contactboard-checkbox input:checked ~ label:after {
transition: all 0.3s ease;
content: url("../img/hook.svg");
width: 35px;
height: 35px;
display: block;
position: absolute;
top: 3px;
right: 15px; }
@media screen and (max-width: 63.9375em) {
.contactboard-checkbox input:checked ~ label:after {
right: 2px; } }
@media screen and (max-width: 41.6875em) {
.contactboard-checkbox input:checked ~ label:after {
right: 15px; } }
.section-head {
margin-top: 35px; }
.section-head h2 {
margin-bottom: 0;
text-transform: uppercase; }
.section-head hr {
width: 100px;
border-bottom: 10px solid #000;
margin: 0 0 35px 0; }
.page-head {
margin-top: 0; }
.page-head h2 {
margin-bottom: 0;
text-transform: uppercase; }
.page-head hr {
width: 100px;
border-bottom: 10px solid #000;
margin: 0 0 15px 0; }
h3 {
text-transform: uppercase; }
.headline-intro {
color: #c23319;
font-weight: 900;
font-size: 1.125rem; }
.album-headline {
font-size: 2.5rem;
font-weight: 400; }
@media screen and (max-width: 63.9375em) {
.album-headline {
font-size: 1.5625rem; } }
.album-title {
font-size: 3.75rem;
font-weight: 400;
color: #c23319;
text-transform: uppercase; }
@media screen and (max-width: 63.9375em) {
.album-title {
font-size: 1.875rem; } }
.album-txt {
width: 90%; }
.meta {
#color: #cacaca;
color:#000000;
margin-bottom: 25px;
font-size: 0.875rem;
font-weight:normal; }
h2.sub-headline {
font-size: 1.5625rem;
line-height: 2rem;
font-weight: 400;
margin-bottom: 1.5625rem; }
h2.sub-headline {
font-size: 1.5625rem;
line-height: 2rem;
font-weight: 400;
margin-bottom: 1.5625rem; }
blockquote {
line-height: 2.1875rem;
font-size: 2.1875rem;
font-style: italic;
position: relative;
margin: 1.5625rem 0 3.4375rem 0;
font-family: 'Gochi Hand'; }
blockquote:before {
content: '„';
line-height: 0;
color: #cacaca;
font-size: 6.25rem;
display: block;
position: absolute;
top: 0;
left: 0; }
.em {
font-weight:bold;
}
.ul {
text-decoration:underline;
}
.thin {
font-weight: 300; }
.bold {
font-weight: bold; }
.center-text {
text-align: center; }
.uppercase {
text-transform: uppercase; }
.text-right {
text-align: right; }
@media screen and (max-width: 41.6875em) {
.text-right {
text-align: left; } }
.text-shadow {
text-shadow: 2px 2px 5px #000; }
.white-text {
color: #ffffff; }
@media screen and (orientation: portrait) {
.hyphenate {
#-webkit-hyphens: auto;
# -ms-hyphens: auto;
# hyphens: auto;
} }
.no-pad-left {
padding-left: 0;
margin-left: 0; }
.no-pad-right {
padding-right: 0;
margin-right: 0; }
.fullwidth {
width: 100% !important;
max-width: 100% !important; }
.spacer {
height: 1.5625rem; }
footer hr, .sidebar hr, .page-head hr, .section-head hr{
text-align: left;
}
.social-buttons .button{
font-size: 14px;
}
a.lightboxlink {color: lightgrey;text-decoration: underline;opacity: 0.8;transition: color 0.25s ease-out;}
a.lightboxlink:hover, a.lightboxlink:active {color: #fff;}
a.lightlink {color: lightgrey;text-decoration: underline;opacity: 0.8;transition: color 0.25s ease-out;}
a.lightlink:hover, a.lightboxlink:active {color: #fff;}
/*
.glow {
font-size: 1.5rem;
color: #fff;
font-weight: 600;
text-shadow: 0 5px 15px rgba(0,0,0,0.3);
}
@media screen and (min-width: 64em) {
.glow {
-webkit-animation: glow 1s ease-in-out infinite alternate;
-moz-animation: glow 1s ease-in-out infinite alternate;
animation: glow 1s ease-in-out infinite alternate;
font-size: 4.0625rem;
letter-spacing: -5px;
font-weight: 600;
line-height: 65px;
#text-shadow: none; } }
@-webkit-keyframes glow {
from {
text-shadow: 0 0 10px #c23319, 0 0 20px #c23319;
}
to {
text-shadow: 0 0 20px #fff, 0 0 30px #000;
}
}
.text_3D_1, .text_3D_2 {
font-size: 1.5rem;
color: #fff;
font-weight: 600;
text-shadow: 0 5px 15px rgba(0,0,0,0.3);
}
@media screen and (min-width: 64em) {
.text_3D_1 {
text-shadow: 0 1px 0 hsl(174,5%,80%),
0 2px 0 hsl(174,5%,75%),
0 3px 0 hsl(174,5%,70%),
0 4px 0 hsl(174,5%,66%),
0 5px 0 hsl(174,5%,64%),
0 6px 0 hsl(174,5%,62%),
0 7px 0 hsl(174,5%,61%),
0 8px 0 hsl(174,5%,60%),
0 0 5px rgba(0,0,0,.05),
0 1px 3px rgba(0,0,0,.2),
0 3px 5px rgba(0,0,0,.2),
0 5px 10px rgba(0,0,0,.2),
0 10px 10px rgba(0,0,0,.2),
0 20px 20px rgba(0,0,0,.3);
font-size: 4.0625rem;
letter-spacing: -5px;
font-weight: 600;
line-height: 65px; }
.text_3D_2 {
text-shadow: 1px 1px 1px #919191,
1px 2px 1px #919191,
1px 3px 1px #919191,
1px 4px 1px #919191,
1px 5px 1px #919191,
1px 6px 1px #919191,
1px 7px 1px #919191,
1px 8px 1px #919191,
1px 9px 1px #919191,
1px 10px 1px #919191,
1px 18px 6px rgba(16,16,16,0.4),
1px 22px 10px rgba(16,16,16,0.2),
1px 25px 35px rgba(16,16,16,0.2),
1px 30px 60px rgba(16,16,16,0.4);
font-size: 4.0625rem;
letter-spacing: -5px;
font-weight: 600;
line-height: 65px; }
}
*/
.glow {
font-size: 1.5rem;
color: #fff;
font-weight: 600;
text-shadow: 0 5px 15px rgba(0,0,0,0.3);
margin-bottom: 10px;
}
@media screen and (min-width: 64em) {
.glow {
-webkit-animation: glow 1s ease-in-out infinite alternate;
-moz-animation: glow 1s ease-in-out infinite alternate;
animation: glow 1s ease-in-out infinite alternate;
font-size: 2.5rem;
letter-spacing: -2px;
font-weight: 600;
line-height: 65px;
margin-bottom: 5px;
#text-shadow: none; } }
@-webkit-keyframes glow {
from {
text-shadow: 0 0 10px #c23319, 0 0 20px #c23319;
}
to {
text-shadow: 0 0 20px #fff, 0 0 30px #000;
}
}
.text_3D_1, .text_3D_2 {
font-size: 1.5rem;
color: #fff;
font-weight: 600;
text-shadow: 0 5px 15px rgba(0,0,0,0.3);
margin-bottom: 10px;
}
@media screen and (min-width: 64em) {
.text_3D_1 {
text-shadow: 0 1px 0 hsl(174,5%,80%),
0 2px 0 hsl(174,5%,75%),
0 3px 0 hsl(174,5%,70%),
0 4px 0 hsl(174,5%,66%),
0 5px 0 hsl(174,5%,64%),
0 6px 0 hsl(174,5%,62%),
0 7px 0 hsl(174,5%,61%),
0 8px 0 hsl(174,5%,60%),
0 0 5px rgba(0,0,0,.05),
0 1px 3px rgba(0,0,0,.2),
0 3px 5px rgba(0,0,0,.2),
0 5px 10px rgba(0,0,0,.2),
0 10px 10px rgba(0,0,0,.2),
0 20px 20px rgba(0,0,0,.3);
font-size: 2.5rem;
letter-spacing: -2px;
font-weight: 600;
line-height: 65px;
margin-bottom: 5px; }
.text_3D_2 {
text-shadow: 1px 1px 1px #919191,
1px 2px 1px #919191,
1px 3px 1px #919191,
1px 4px 1px #919191,
1px 5px 1px #919191,
1px 6px 1px #919191,
1px 7px 1px #919191,
1px 8px 1px #919191,
1px 9px 1px #919191,
1px 10px 1px #919191,
1px 18px 6px rgba(16,16,16,0.4),
1px 22px 10px rgba(16,16,16,0.2),
1px 25px 35px rgba(16,16,16,0.2),
1px 30px 60px rgba(16,16,16,0.4);
font-size: 2.5rem;
letter-spacing: -2px;
font-weight: 600;
line-height: 65px;
margin-bottom: 5px; }
}
.text_stroke {
font-size: 1.5rem;
color: #fff;
font-weight: 600;
text-shadow: 0 5px 15px rgba(0,0,0,0.3);
margin-bottom: 10px;
}
.text_stroke.black {
color: #000;
text-shadow: none;
}
@media screen and (min-width: 64em) {
.text_stroke, .text_stroke.white {
font-size: 4.0625rem;
letter-spacing: -5px;
font-weight: 600;
line-height: 65px;
margin-bottom: 5px;
-webkit-text-stroke: 3px #fff;
-webkit-text-fill-color: transparent; }
.text_stroke.black {
-webkit-text-stroke: 3px #000; }
.text_stroke.letter-spacing {
letter-spacing: -2px; }
}
.linkline {
position: relative;
white-space: nowrap;
-webkit-backface-visibility: hidden; /* chrome flicker bug when child elemnt uses position: relative and parent element uses transition+transform on hover */
backface-visibility: hidden; /* chrome flicker bug when child elemnt uses position: relative and parent element uses transition+transform on hover */
}
@media screen and (max-width: 41.6875em) {
.linkline {
float: ;
display: inline-block; } }
.linkline:after {
position: absolute;
display: block;
left: 0;
bottom: 0;
width: 0;
height: 2px;
content: "";
background-color: #c23319;
transition: width .3s ease; }
.linkline:hover {
text-decoration: none; }
.linkline:hover:after {
width: 100%; }
.linkline:focus:after {
width: 100%; }
.linkline:active:after {
width: 100%; }
/* handy breakpoint horizontal max-width:681px */
/* website breakpoint max-width:668px */
@media screen and (max-width: 1000px) {
.hide-mobile {
display: none; }
}
@media screen and (max-width: 900px) and (min-width: 668px) {
.hide-time .audioplayer-time-duration {
display: none;
border: none; }
.hide-time .audioplayer-volume {
border: none; }
}
@media screen and (max-width: 700px) and (min-width: 668px) {
div.medium-6 .audioplayer-time-duration {
display: none;
border: none; }
.responsive_height div.medium-6 .audioplayer-time-duration {
display: unset;
border-right: 1px solid #555; border-right-color: rgba(255, 255, 255, 0.1); }
div.medium-6 .audioplayer-volume {
border: none; }
.responsive_height div.medium-6 .audioplayer-volume {
border-left: 1px solid #111; border-left-color: rgba(0, 0, 0, 0.25); }
}
@media (max-width: 1200px) {
div.responsive_height > div {
width:100%;
}
}
/* OPTIONAL: center img elements in Fotogalerie (galerie.phtml) */
/*.row.small-up-2.medium-up-3.thumb .column-block.columns {
text-align: center;
}*/
.dunkel {
display:table-cell !important;
}
.hell {
display:none !important;
}
.shine {
position: relative;
overflow: hidden;
cursor: pointer;
}
.shine::before {
background: linear-gradient(
to right,
rgba(255, 255, 255, 0.13) 0%,
rgba(255, 255, 255, 0.13) 77%,
rgba(255, 255, 255, 0.5) 92%,
rgba(255, 255, 255, 0.0) 100%
);
content: "";
display: block;
height: 100%;
left: -100%;
position: absolute;
top: 0;
transform: skewX(-25deg);
width: 50%;
z-index: 2;
}
.shine::before {
animation: shine 5s ease-in-out 2s infinite;
}
@keyframes shine {
25%, 100% {
left: 150%;
}
}
.livestream {
animation: livestream 1s ease 0s infinite alternate;
cursor: pointer;
transition: all 0.2s ease;
box-shadow: 0 5px 15px rgba(0,0,0,0.3);
}
.channel {
transition: all 0.2s ease;
text-align: center;
}
.channel_gray {
filter: grayscale(1) !important;
}
.channel_gray:hover {
filter: grayscale(1) drop-shadow(0 5px 15px rgba(0,0,0,0.3)) !important;
}
.thumb .channel img:hover {
box-shadow: none;
}
.livestream:hover, .channel:hover {
animation: none;
filter: brightness(1.1) contrast(1.1) drop-shadow(0 5px 15px rgba(0,0,0,0.3));
}
.livestream:active {
transform: scale(0.9);
}
@keyframes livestream {
0% {transform: scale(1);}
100% {transform: scale(1.05);}
}
.thumb.drop-shadow img:hover {
box-shadow: none !important;
filter: drop-shadow(2px 2px 4px rgba(0,0,0,0.7)) !important;
}
.floating {
animation: floating 6s ease-in-out infinite;
}
@keyframes floating {
0% { transform: translateY(0);box-shadow: 0 5px 15px 0px rgba(105,105,105,0.9); }
50% { transform: translateY(-16px);box-shadow: 0 25px 15px 0px rgba(105,105,105,0.3); }
100% { transform: translateY(0);box-shadow: 0 5px 15px 0px rgba(105,105,105,0.9); }
}
.glowing {
animation: glowing 1s ease-in-out infinite alternate;
}
@keyframes glowing {
from {
filter: brightness(1) contrast(1);
}
to {
filter: brightness(1.2) contrast(1.2);
}
}
@media (min-width: 41.75em) {
.slider-cmp .slide__caption.background.mobile {
display:none;
}
}
a.butt {
background-color: #000;
}
div[data-app='dpa-datawrapper' i], div[data-customer='radio-salue-5000290' i] {
background-color:#fff;
}
/* START rounded design */
* {
border-radius: 8px;
}
.responsive_height .card, .impressum_symbole .card, .responsive_height .card img:hover, .impressum_symbole .card img:hover {
border-radius: 8px;
}
.responsive_height .card img, .impressum_symbole .card img,
div.fixed {
border-radius: 8px 8px 0 0;
}
.page .page-teaser .dates {
border-radius: 0 0 8px 8px;
}
.page-teaser img, .page-teaser div {
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
.page .page-teaser .img-caption-775-dates {
border-radius: 0;
}
.page .page-teaser:not(:has(span)) img, .page .page-teaser .dates:first-child, .audioplayer, .audioplayer-volume:hover .audioplayer-volume-adjust {
border-radius: 8px;
}
table th, table tr, table td,
.image-grid img {
border-radius: 0;
}
table th:first-child {
border-radius: 8px 0 0 0;
}
table th:last-child {
border-radius: 0 8px 0 0;
}
table tr:last-child td:last-child {
border-radius: 0 0 8px 0;
}
table tr:last-child td:first-child {
border-radius: 0 0 0 8px;
}
.audioplayer-playpause a {
border-radius: 0;
}
.salue-radio-player .player-wrapper {
border-bottom-right-radius: 24px;
border-top-right-radius: 24px;
border-bottom-left-radius: 16px;
}
.salue-radio-player .player-wrapper .album-cover img {
border-radius: 0 8px 8px 0;
}
.salue-slider .slick-next {
max-height: 300px !important;
top: 0 !important;
right: -.5px;
background: url(../img/slider-prev.png) top right;
transform: scale(-1, -1);
}
.salue-slider .slick-slide {
margin-right: 8px;
margin-left: 8px;
will-change: transform; /* fix skew() edges */
}
/*
.salue-slider .slick-slide { /* fix skew() edges -> alternative for will-change + better performance */
/* for desktop-Chromium */
/*filter: brightness(1);
/* for smartphone/tablet */
/*@media (min-resolution: 1.1dppx) {
outline: solid 1px transparent;
} /* CSS nesting works this way since Chromium 120 */
/*}
*/
.salue-slider .slick-prev {
margin-left: 4px;
margin-left: 0;
opacity:1;
border-radius: 0;
border-top-left-radius: 8px;
#clip-path: inset(0 0 70% 0);
}
.salue-slider .slick-next {
margin-right: 4px;
margin-right: 0;
opacity:1;
border-radius: 0;
border-top-left-radius: 8px;
#clip-path: inset(0 0 66% 0);
}
.salue-slider .slide-image {
-webkit-transform: skew(-4deg);
-ms-transform: skew(-4deg);
transform: skew(-4deg);
border-radius:16px;
clip-path: inset(0 0 .33px 0);
}
.salue-slider .slick-prev:hover, .salue-slider .slick-next:hover, .salue-slider .slick-prev:active, .salue-slider .slick-next:active {
filter:brightness(.5);
opacity:1;
}
.salue-programm-slider .slide-image::after {
-webkit-transform: skew(4deg);
-ms-transform: skew(4deg);
transform: skew(4deg);
}
.slider-cmp .slide__caption button.slide-more {
border-radius: 8px 0 8px 0 !important;
}
.slider-cmp .slide__caption.background.left button.slide-more {
border-radius: 8px 0 0 0 !important;
}
section.shortcuts .shortcuts-container > div {
border-radius: 8px 0 0 8px;
}
section.shortcuts button.slide-more {
border-radius: 0 8px 8px 0 !important;
}
textarea, input, button, .butt, .button {
border-radius: 8px !important;
}
.player * {
border-radius: 0 !important;
}
div.webstream_player {
border-radius: 8px 8px 0 0 !important;
}
.slider-cmp .slide__caption.background.left {
border-radius: 0 8px 0 8px;
}
.slider-cmp .slide__caption.background.right {
border-radius: 8px 0 8px 0;
}
.slider-cmp .slide__caption.background.full {
border-radius: 0 0 8px 8px;
}
.sticky-container.load, .sticky-container.load nav, .sticky-container.load nav > div {
border-radius: 0 0 8px 8px;
}
.event-teaser-image .event-date {
border-radius: 0 8px 0 8px;
}
@-moz-document url-prefix() {
.social-buttons .button {
padding-right: 2rem;
white-space: nowrap;
}
}
@media (max-width: 41.6875em) {
.page .page-teaser .img-caption, .slider-cmp .slick-slide img, .slider-cmp .slide__caption {
border-radius: 0;
}
.slider-cmp .slide__caption.background.left, .slider-cmp .slide__caption.background.right, .slider-cmp .slide__caption.background.full {
border-radius: 0 0 8px 8px;
}
section.shortcuts .shortcuts-container > div {
border-radius: 8px;
}
}
@media (max-width: 63.9375em) {
.page .page-teaser .img-caption, .page .page-teaser .img-caption-775 {
border-radius: 0;
}
.page .page-teaser:not(:has(span)) img {
border-radius: 8px 8px 0 0;
}
.page .page-teaser:not(:has(span)) .img-caption, .page .page-teaser:not(:has(span)) .img-caption-775 {
border-radius: 0 0 8px 8px;
}
}
/* END rounded design */
/* START color design #fdc300 */
div.webstream_player,
.multiple-shortcuts .shortcuts,
section.shortcuts .shortcuts-container > div,
.slider-cmp .slide__caption.background,
.box_content {
background: #fdc300 !important;
}
div.fixed {
border: 2px solid #fdc300 !important;
background: #fdc300 !important;
}
.mainpage.medium-12.column hr {
border-bottom: 0.5rem solid #fdc300 !important;
}
.page .yellow-line hr {
border-bottom: 12px solid #fdc300;
border-radius: 0 0 8px 8px;
}
.podcast-radius img {
filter: brightness(1) contrast(1) hue-rotate(-10deg) saturate(110%) drop-shadow(-5px 5px 1px lightgray) !important;
}
.podcast-radius img:hover {
filter: brightness(1.05) contrast(1.05) drop-shadow(2px 2px 2px lightgray) !important;
}
.album-of-the-week .albumwrapper {
background: linear-gradient(#fdc300, #fff);
}
.page .page-teaser .dates .location {
color: #fdc300;
}
.salue-programm-slider .slide-image {
filter: hue-rotate(-10deg) saturate(110%);
}
.salue-slider .slide-image {
background-color: #fdc300;
}
@media screen and (max-width: 41.6875em) {
.slider-cmp .slide__caption {
background: #fdc300;
}
}
::selection {
color: #fdc300;
}
img::selection {
background: #fdc300;
}
:root {
--thumbBG: #fdc300;
}
/* END color design #fdc300 */