@charset "UTF-8";
@font-face {
font-family: "DINMedium";
src: url("https://apx.lvr.de/media/layout_apx/fonts_apx/dinmedium_eot.eot");
src: local("DINMedium"), url("https://apx.lvr.de/media/layout_apx/fonts_apx/dinmedium_woff.woff") format("woff"), url("https://apx.lvr.de/media/layout_apx/fonts_apx/dinmedium_ttf.ttf") format("truetype");
}
.Font_DIN_2014_Italic{
font-family: DINMedium, sans-serif;
font-weight: 400;
font-style: italic;
}
.Font_DIN_2014_Regular, html, body, *{
font-family: DINMedium, sans-serif;
font-weight: 400;
font-style: normal;
}
.Font_DIN_2014_Bold_Italic{
font-family: DINMedium, sans-serif;
font-weight: 700;
font-style: italic;
}
.Font_DIN_2014_Bold, #footer h4, .mod_blog_kachel_grid .col .image_item .caption, .mod_searchresults > .boxed-1 .searchresult > h3, .mod_searchresults > .boxed-2 .searchresult > h3, .mod_round_img_list .listwrapper .listitem h4, .mod_image_teaser .slider_wrapper .teaser .headline1, .mod_image_grid .col .image_item .caption {
font-family: DINMedium, sans-serif;
font-weight: 700;
font-style: normal;
}
.Font_DIN_2014_Narrow_Regular{
font-family: DINMedium, sans-serif;
font-weight: 400;
font-style: normal;
}
.Font_DIN_2014_Narrow_Bold{
font-family: DINMedium, sans-serif;
font-weight: 700;
font-style: normal;
}
.Font_Karma, h6, h5, h4, h3, h2, h1, .mod_blog_kachel_grid .headline, .mod_warning .headline, .mod_video h3, .layout_startseite .mod_slider .slick-list .slick-track .slick-slide .caption, .mod_searchresults > .boxed-1 > h1, .mod_searchresults > .boxed-2 > h1, .mod_press_list h3, .mod_location_map h3, .mod_image_teaser .slider_wrapper .teaser .headline2, .mod_highlight_list h3, .mod_follow_us h3, .mod_events .event h4, .mod_events h3, .mod_download_list h3, .mod_download_grid h3 {
font-family: "DINMedium", serif;
}
.Font_Noctis {
font-family: "DINMedium", serif;
}
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
========================================================================== */
/**
* 1. Correct the line height in all browsers.
* 2. Prevent adjustments of font size after orientation changes in iOS.
*/
html{
line-height: 1.15; /* 1 */
-webkit-text-size-adjust: 100%; /* 2 */
}
/* Sections
========================================================================== */
/**
* Render the `main` element consistently in IE.
*/
main{
display: block;
}
/* Grouping content
========================================================================== */
/**
* 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 */
}
/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
pre{
font-family: monospace, monospace; /* 1 */
font-size: 1em; /* 2 */
}
/* Text-level semantics
========================================================================== */
/**
* Remove the gray background on active links in IE 10.
*/
a{
background-color: transparent;
}
/**
* 1. Remove the bottom border in Chrome 57-
* 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 */
}
/**
* 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 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
========================================================================== */
/**
* Remove the border on images inside links in IE 10.
*/
img{
border-style: none;
}
/* Forms
========================================================================== */
/**
* 1. Change the font styles in all browsers.
* 2. Remove the margin in Firefox and Safari.
*/
button,
input,
optgroup,
select,
textarea{
font-family: inherit; /* 1 */
font-size: 100%; /* 1 */
line-height: 1.15; /* 1 */
margin: 0; /* 2 */
}
/**
* Show the overflow in IE.
* 1. Show the overflow in Edge.
*/
button,
input { /* 1 */
overflow: visible;
}
/**
* Remove the inheritance of text transform in Edge, Firefox, and IE.
* 1. Remove the inheritance of text transform in Firefox.
*/
button,
select { /* 1 */
text-transform: none;
}
/**
* Correct the inability to style clickable types in iOS and Safari.
*/
button,
[type=button],
[type=reset],
[type=submit] {
-webkit-appearance: button;
}
/**
* Remove the inner border and padding in Firefox.
*/
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
border-style: none;
padding: 0;
}
/**
* Restore the focus styles unset by the previous rule.
*/
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
outline: 1px dotted ButtonText;
}
/**
* Correct the padding in Firefox.
*/
fieldset{
padding: 0.35em 0.75em 0.625em;
}
/**
* 1. Correct the text wrapping in Edge and IE.
* 2. Correct the color inheritance from `fieldset` elements in IE.
* 3. Remove the padding so developers are not caught out when they zero out
* `fieldset` elements in all browsers.
*/
legend{
box-sizing: border-box; /* 1 */
color: inherit; /* 2 */
display: table; /* 1 */
max-width: 100%; /* 1 */
padding: 0; /* 3 */
white-space: normal; /* 1 */
}
/**
* Add the correct vertical alignment in Chrome, Firefox, and Opera.
*/
progress{
vertical-align: baseline;
}
/**
* Remove the default vertical scrollbar in IE 10+.
*/
textarea{
overflow: auto;
}
/**
* 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 in Chrome and Safari on macOS.
*/
[type=search]::-webkit-search-decoration {
-webkit-appearance: none;
}
/**
* 1. Correct the inability to style clickable types in iOS and Safari.
* 2. Change font properties to `inherit` in Safari.
*/
::-webkit-file-upload-button{
-webkit-appearance: button; /* 1 */
font: inherit; /* 2 */
}
/* Interactive
========================================================================== */
/*
* Add the correct display in Edge, IE 10+, and Firefox.
*/
details{
display: block;
}
/*
* Add the correct display in all browsers.
*/
summary{
display: list-item;
}
/* Misc
========================================================================== */
/**
* Add the correct display in IE 10+.
*/
template{
display: none;
}
/**
* Add the correct display in IE 10.
*/
[hidden]{
display: none;
}
body.compensate-for-scrollbar{
overflow: hidden;
}
.fancybox-active{
height: auto;
}
.fancybox-is-hidden{
left: -9999px;
margin: 0;
position: absolute !important;
top: -9999px;
visibility: hidden;
}
.fancybox-container{
-webkit-backface-visibility: hidden;
height: 100%;
left: 0;
outline: none;
position: fixed;
-webkit-tap-highlight-color: transparent;
top: 0;
-ms-touch-action: manipulation;
touch-action: manipulation;
transform: translateZ(0);
width: 100%;
z-index: 99992;
}
.fancybox-container *{
box-sizing: border-box;
}
.fancybox-bg, .fancybox-inner, .fancybox-outer, .fancybox-stage{
bottom: 0;
left: 0;
position: absolute;
right: 0;
top: 0;
}
.fancybox-outer{
-webkit-overflow-scrolling: touch;
overflow-y: auto;
}
.fancybox-bg{
background: #1e1e1e;
opacity: 0;
transition-duration: inherit;
transition-property: opacity;
transition-timing-function: cubic-bezier(0.47, 0, 0.74, 0.71);
}
.fancybox-is-open .fancybox-bg{
opacity: 0.9;
transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1);
}
.fancybox-caption, .fancybox-infobar, .fancybox-navigation .fancybox-button, .fancybox-toolbar{
direction: ltr;
opacity: 0;
position: absolute;
transition: opacity 0.25s ease, visibility 0s ease 0.25s;
visibility: hidden;
z-index: 99997;
}
.fancybox-show-caption .fancybox-caption, .fancybox-show-infobar .fancybox-infobar, .fancybox-show-nav .fancybox-navigation .fancybox-button, .fancybox-show-toolbar .fancybox-toolbar{
opacity: 1;
transition: opacity 0.25s ease 0s, visibility 0s ease 0s;
visibility: visible;
}
.fancybox-infobar{
color: #ccc;
font-size: 13px;
-webkit-font-smoothing: subpixel-antialiased;
height: 44px;
left: 0;
line-height: 44px;
min-width: 44px;
mix-blend-mode: difference;
padding: 0 10px;
pointer-events: none;
top: 0;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.fancybox-toolbar{
right: 0;
top: 0;
}
.fancybox-stage{
direction: ltr;
overflow: visible;
transform: translateZ(0);
z-index: 99994;
}
.fancybox-is-open .fancybox-stage{
overflow: hidden;
}
.fancybox-slide{
-webkit-backface-visibility: hidden;
display: none;
height: 100%;
left: 0;
outline: none;
overflow: auto;
-webkit-overflow-scrolling: touch;
padding: 44px;
position: absolute;
text-align: center;
top: 0;
transition-property: transform, opacity;
white-space: normal;
width: 100%;
z-index: 99994;
}
.fancybox-slide:before{
content: "";
display: inline-block;
font-size: 0;
height: 100%;
vertical-align: middle;
width: 0;
}
.fancybox-is-sliding .fancybox-slide, .fancybox-slide--current, .fancybox-slide--next, .fancybox-slide--previous{
display: block;
}
.fancybox-slide--image{
overflow: hidden;
padding: 44px 0;
}
.fancybox-slide--image:before{
display: none;
}
.fancybox-slide--html{
padding: 6px;
}
.fancybox-content{
background: #fff;
display: inline-block;
margin: 0;
max-width: 100%;
overflow: auto;
-webkit-overflow-scrolling: touch;
padding: 44px;
position: relative;
text-align: left;
vertical-align: middle;
}
.fancybox-slide--image .fancybox-content{
animation-timing-function: cubic-bezier(0.5, 0, 0.14, 1);
-webkit-backface-visibility: hidden;
background: transparent;
background-repeat: no-repeat;
background-size: 100% 100%;
left: 0;
max-width: none;
overflow: visible;
padding: 0;
position: absolute;
top: 0;
transform-origin: top left;
transition-property: transform, opacity;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
z-index: 99995;
}
.fancybox-can-zoomOut .fancybox-content{
cursor: zoom-out;
}
.fancybox-can-zoomIn .fancybox-content{
cursor: zoom-in;
}
.fancybox-can-pan .fancybox-content, .fancybox-can-swipe .fancybox-content{
cursor: grab;
}
.fancybox-is-grabbing .fancybox-content{
cursor: grabbing;
}
.fancybox-container [data-selectable=true]{
cursor: text;
}
.fancybox-image, .fancybox-spaceball{
background: transparent;
border: 0;
height: 100%;
left: 0;
margin: 0;
max-height: none;
max-width: none;
padding: 0;
position: absolute;
top: 0;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
width: 100%;
}
.fancybox-spaceball{
z-index: 1;
}
.fancybox-slide--iframe .fancybox-content, .fancybox-slide--map .fancybox-content, .fancybox-slide--pdf .fancybox-content, .fancybox-slide--video .fancybox-content{
height: 100%;
overflow: visible;
padding: 0;
width: 100%;
}
.fancybox-slide--video .fancybox-content{
background: #000;
}
.fancybox-slide--map .fancybox-content{
background: #e5e3df;
}
.fancybox-slide--iframe .fancybox-content{
background: #fff;
}
.fancybox-iframe, .fancybox-video{
background: transparent;
border: 0;
display: block;
height: 100%;
margin: 0;
overflow: hidden;
padding: 0;
width: 100%;
}
.fancybox-iframe{
left: 0;
position: absolute;
top: 0;
}
.fancybox-error{
background: #fff;
cursor: default;
max-width: 400px;
padding: 40px;
width: 100%;
}
.fancybox-error p{
color: #444;
font-size: 16px;
line-height: 20px;
margin: 0;
padding: 0;
}
.fancybox-button{
background: rgba(30, 30, 30, 0.6);
border: 0;
border-radius: 0;
box-shadow: none;
cursor: pointer;
display: inline-block;
height: 44px;
margin: 0;
padding: 10px;
position: relative;
transition: color 0.2s;
vertical-align: top;
visibility: inherit;
width: 44px;
}
.fancybox-button, .fancybox-button:link, .fancybox-button:visited{
color: #ccc;
}
.fancybox-button:hover{
color: #fff;
}
.fancybox-button:focus{
outline: none;
}
.fancybox-button.fancybox-focus{
outline: 1px dotted;
}
.fancybox-button[disabled], .fancybox-button[disabled]:hover{
color: #888;
cursor: default;
outline: none;
}
.fancybox-button div{
height: 100%;
}
.fancybox-button svg{
display: block;
height: 100%;
overflow: visible;
position: relative;
width: 100%;
}
.fancybox-button svg path{
fill: currentColor;
stroke-width: 0;
}
.fancybox-button--fsenter svg:nth-child(2), .fancybox-button--fsexit svg:first-child, .fancybox-button--pause svg:first-child, .fancybox-button--play svg:nth-child(2){
display: none;
}
.fancybox-progress{
background: #ff5268;
height: 2px;
left: 0;
position: absolute;
right: 0;
top: 0;
transform: scaleX(0);
transform-origin: 0;
transition-property: transform;
transition-timing-function: linear;
z-index: 99998;
}
.fancybox-close-small{
background: transparent;
border: 0;
border-radius: 0;
color: #ccc;
cursor: pointer;
opacity: 0.8;
padding: 8px;
position: absolute;
right: -12px;
top: -44px;
z-index: 401;
}
.fancybox-close-small:hover{
color: #fff;
opacity: 1;
}
.fancybox-slide--html .fancybox-close-small{
color: currentColor;
padding: 10px;
right: 0;
top: 0;
}
.fancybox-slide--image.fancybox-is-scaling .fancybox-content{
overflow: hidden;
}
.fancybox-is-scaling .fancybox-close-small, .fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small{
display: none;
}
.fancybox-navigation .fancybox-button{
background-clip: content-box;
height: 100px;
opacity: 0;
position: absolute;
top: calc(50% - 50px);
width: 70px;
}
.fancybox-navigation .fancybox-button div{
padding: 7px;
}
.fancybox-navigation .fancybox-button--arrow_left{
left: 0;
left: env(safe-area-inset-left);
padding: 31px 26px 31px 6px;
}
.fancybox-navigation .fancybox-button--arrow_right{
padding: 31px 6px 31px 26px;
right: 0;
right: env(safe-area-inset-right);
}
.fancybox-caption{
background: linear-gradient(0deg, rgba(0, 0, 0, 0.85) 0, rgba(0, 0, 0, 0.3) 50%, rgba(0, 0, 0, 0.15) 65%, rgba(0, 0, 0, 0.075) 75.5%, rgba(0, 0, 0, 0.037) 82.85%, rgba(0, 0, 0, 0.019) 88%, transparent);
bottom: 0;
color: #eee;
font-size: 14px;
font-weight: 400;
left: 0;
line-height: 1.5;
padding: 75px 44px 25px;
pointer-events: none;
right: 0;
text-align: center;
z-index: 99996;
}
@supports (padding: max(0px)){
.fancybox-caption{
padding: 75px max(44px, env(safe-area-inset-right)) max(25px, env(safe-area-inset-bottom)) max(44px, env(safe-area-inset-left));
}
}
.fancybox-caption--separate{
margin-top: -50px;
}
.fancybox-caption__body{
max-height: 50vh;
overflow: auto;
pointer-events: all;
}
.fancybox-caption a, .fancybox-caption a:link, .fancybox-caption a:visited{
color: #ccc;
text-decoration: none;
}
.fancybox-caption a:hover{
color: #fff;
text-decoration: underline;
}
.fancybox-loading{
animation: a 1s linear infinite;
background: transparent;
border: 4px solid #888;
border-bottom-color: #fff;
border-radius: 50%;
height: 50px;
left: 50%;
margin: -25px 0 0 -25px;
opacity: 0.7;
padding: 0;
position: absolute;
top: 50%;
width: 50px;
z-index: 99999;
}
@keyframes a{
to{
transform: rotate(1turn);
}
}
.fancybox-animated{
transition-timing-function: cubic-bezier(0, 0, 0.25, 1);
}
.fancybox-fx-slide.fancybox-slide--previous{
opacity: 0;
transform: translate3d(-100%, 0, 0);
}
.fancybox-fx-slide.fancybox-slide--next{
opacity: 0;
transform: translate3d(100%, 0, 0);
}
.fancybox-fx-slide.fancybox-slide--current{
opacity: 1;
transform: translateZ(0);
}
.fancybox-fx-fade.fancybox-slide--next, .fancybox-fx-fade.fancybox-slide--previous{
opacity: 0;
transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}
.fancybox-fx-fade.fancybox-slide--current{
opacity: 1;
}
.fancybox-fx-zoom-in-out.fancybox-slide--previous{
opacity: 0;
transform: scale3d(1.5, 1.5, 1.5);
}
.fancybox-fx-zoom-in-out.fancybox-slide--next{
opacity: 0;
transform: scale3d(0.5, 0.5, 0.5);
}
.fancybox-fx-zoom-in-out.fancybox-slide--current{
opacity: 1;
transform: scaleX(1);
}
.fancybox-fx-rotate.fancybox-slide--previous{
opacity: 0;
transform: rotate(-1turn);
}
.fancybox-fx-rotate.fancybox-slide--next{
opacity: 0;
transform: rotate(1turn);
}
.fancybox-fx-rotate.fancybox-slide--current{
opacity: 1;
transform: rotate(0deg);
}
.fancybox-fx-circular.fancybox-slide--previous{
opacity: 0;
transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
}
.fancybox-fx-circular.fancybox-slide--next{
opacity: 0;
transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
}
.fancybox-fx-circular.fancybox-slide--current{
opacity: 1;
transform: scaleX(1) translateZ(0);
}
.fancybox-fx-tube.fancybox-slide--previous{
transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg);
}
.fancybox-fx-tube.fancybox-slide--next{
transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg);
}
.fancybox-fx-tube.fancybox-slide--current{
transform: translateZ(0) scale(1);
}
@media (max-height: 576px){
.fancybox-slide{
padding-left: 6px;
padding-right: 6px;
}
.fancybox-slide--image{
padding: 6px 0;
}
.fancybox-close-small{
right: -6px;
}
.fancybox-slide--image .fancybox-close-small{
background: #4e4e4e;
color: #f2f4f6;
height: 36px;
opacity: 1;
padding: 6px;
right: 0;
top: 0;
width: 36px;
}
.fancybox-caption{
padding-left: 12px;
padding-right: 12px;
}
@supports (padding: max(0px)){
.fancybox-caption{
padding-left: max(12px, env(safe-area-inset-left));;
padding-right: max(12px, env(safe-area-inset-right));;
}
}
}
.fancybox-share{
background: #f4f4f4;
border-radius: 3px;
max-width: 90%;
padding: 30px;
text-align: center;
}
.fancybox-share h1{
color: #222;
font-size: 35px;
font-weight: 700;
margin: 0 0 20px;
}
.fancybox-share p{
margin: 0;
padding: 0;
}
.fancybox-share__button{
border: 0;
border-radius: 3px;
display: inline-block;
font-size: 14px;
font-weight: 700;
line-height: 40px;
margin: 0 5px 10px;
min-width: 130px;
padding: 0 15px;
text-decoration: none;
transition: all 0.2s;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
white-space: nowrap;
}
.fancybox-share__button:link, .fancybox-share__button:visited{
color: #fff;
}
.fancybox-share__button:hover{
text-decoration: none;
}
.fancybox-share__button--fb{
background: #3b5998;
}
.fancybox-share__button--fb:hover{
background: #344e86;
}
.fancybox-share__button--pt{
background: #bd081d;
}
.fancybox-share__button--pt:hover{
background: #aa0719;
}
.fancybox-share__button--tw{
background: #1da1f2;
}
.fancybox-share__button--tw:hover{
background: #0d95e8;
}
.fancybox-share__button svg{
height: 25px;
margin-right: 7px;
position: relative;
top: -1px;
vertical-align: middle;
width: 25px;
}
.fancybox-share__button svg path{
fill: #fff;
}
.fancybox-share__input{
background: transparent;
border: 0;
border-bottom: 1px solid #d7d7d7;
border-radius: 0;
color: #5d5b5b;
font-size: 14px;
margin: 10px 0 0;
outline: none;
padding: 10px 15px;
width: 100%;
}
.fancybox-thumbs{
background: #ddd;
bottom: 0;
display: none;
margin: 0;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar;
padding: 2px 2px 4px;
position: absolute;
right: 0;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
top: 0;
width: 212px;
z-index: 99995;
}
.fancybox-thumbs-x{
overflow-x: auto;
overflow-y: hidden;
}
.fancybox-show-thumbs .fancybox-thumbs{
display: block;
}
.fancybox-show-thumbs .fancybox-inner{
right: 212px;
}
.fancybox-thumbs__list{
font-size: 0;
height: 100%;
list-style: none;
margin: 0;
overflow-x: hidden;
overflow-y: auto;
padding: 0;
position: absolute;
position: relative;
white-space: nowrap;
width: 100%;
}
.fancybox-thumbs-x .fancybox-thumbs__list{
overflow: hidden;
}
.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar{
width: 7px;
}
.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track{
background: #fff;
border-radius: 10px;
box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}
.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb{
background: #2a2a2a;
border-radius: 10px;
}
.fancybox-thumbs__list a{
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
background-color: rgba(0, 0, 0, 0.1);
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
cursor: pointer;
float: left;
height: 75px;
margin: 2px;
max-height: calc(100% - 8px);
max-width: calc(50% - 4px);
outline: none;
overflow: hidden;
padding: 0;
position: relative;
-webkit-tap-highlight-color: transparent;
width: 100px;
}
.fancybox-thumbs__list a:before{
border: 6px solid #ff5268;
bottom: 0;
content: "";
left: 0;
opacity: 0;
position: absolute;
right: 0;
top: 0;
transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
z-index: 99991;
}
.fancybox-thumbs__list a:focus:before{
opacity: 0.5;
}
.fancybox-thumbs__list a.fancybox-thumbs-active:before{
opacity: 1;
}
@media (max-width: 576px){
.fancybox-thumbs{
width: 110px;
}
.fancybox-show-thumbs .fancybox-inner{
right: 110px;
}
.fancybox-thumbs__list a{
max-width: calc(100% - 10px);
}
}
/* SECTIONS */
.gridcontainer{
clear: both;
padding: 0px;
margin: 0px;
}
.gridcontainer:after{
display: block;
content: "";
clear: both;
}
/* COLUMN SETUP */
.col{
display: block;
float: left;
min-height: 1px;
}
.col:first-child{
margin-left: 0;
}
/* GROUPING */
.group:before,
.group:after{
content: "";
display: table;
}
.group:after{
clear: both;
}
.group{
zoom: 1; /* For IE 6/7 */
}
/* GRID OF TWELVE */
.span_12{
width: 100%;
}
.span_11{
width: 91.66%;
}
.span_10{
width: 83.33%;
}
.span_9{
width: 75%;
}
.span_8{
width: 66.66%;
}
.span_7{
width: 58.33%;
}
.span_6{
width: 50%;
}
.span_5{
width: 41.66%;
}
.span_4{
width: 33.33%;
}
.span_3{
width: 25%;
}
.span_2{
width: 16.66%;
}
.span_1{
width: 8.333%;
}
/* GO FULL WIDTH BELOW 480 PIXELS */
@media only screen and (max-width: 480px){
.col{
margin: 1% 0 1% 0%;
}
.span_1, .span_2, .span_3, .span_4, .span_5, .span_6, .span_7, .span_8, .span_9, .span_10, .span_11, .span_12{
width: 100%;
}
}
.mm-menu, .mm-panels, .mm-panels > .mm-panel{
margin: 0;
left: 0;
right: 0;
top: 0;
bottom: 0;
z-index: 0;
box-sizing: border-box;
}
.mm-btn, .mm-menu{
box-sizing: border-box;
}
.mm-listview a, .mm-listview a:hover, .mm-navbar a, .mm-navbar a:hover{
text-decoration: none;
}
.mm-hidden{
display: none !important;
}
.mm-wrapper{
overflow-x: hidden;
position: relative;
}
.mm-menu{
display: block;
padding: 0;
position: absolute;
}
.mm-panels, .mm-panels > .mm-panel{
background: inherit;
border-color: inherit;
position: absolute;
}
.mm-btn, .mm-panel.mm-highest{
z-index: 1;
}
.mm-panels{
overflow: hidden;
}
.mm-panel{
transition: -webkit-transform 0.4s ease;
transition: transform 0.4s ease;
transition: transform 0.4s ease, -webkit-transform 0.4s ease;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
.mm-panel.mm-opened{
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.mm-panel.mm-subopened{
-webkit-transform: translate3d(-30%, 0, 0);
transform: translate3d(-30%, 0, 0);
}
.mm-panels > .mm-panel{
-webkit-overflow-scrolling: touch;
overflow: scroll;
overflow-x: hidden;
overflow-y: auto;
padding: 0 20px;
}
.mm-listview .mm-divider, .mm-listview > li > a, .mm-listview > li > span, .mm-navbar .mm-title{
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.mm-panels > .mm-panel.mm-hasnavbar{
padding-top: 40px;
}
.mm-panels > .mm-panel:after, .mm-panels > .mm-panel:before{
content: "";
display: block;
height: 20px;
}
.mm-vertical .mm-panel{
-webkit-transform: none !important;
transform: none !important;
}
.mm-listview .mm-vertical .mm-panel, .mm-vertical .mm-listview .mm-panel{
display: none;
padding: 10px 0 10px 10px;
}
.mm-listview .mm-vertical .mm-panel .mm-listview > li:last-child:after, .mm-vertical .mm-listview .mm-panel .mm-listview > li:last-child:after{
border-color: transparent;
}
.mm-vertical li.mm-opened > .mm-panel, li.mm-vertical.mm-opened > .mm-panel{
display: block;
}
.mm-listview > li.mm-vertical > .mm-next, .mm-vertical .mm-listview > li > .mm-next{
height: 40px;
bottom: auto;
}
.mm-listview > li.mm-vertical > .mm-next:after, .mm-vertical .mm-listview > li > .mm-next:after{
top: 16px;
bottom: auto;
}
.mm-listview > li.mm-vertical.mm-opened > .mm-next:after, .mm-vertical .mm-listview > li.mm-opened > .mm-next:after{
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
right: 19px;
}
.mm-btn{
width: 40px;
height: 40px;
position: absolute;
top: 0;
}
.mm-clear:after, .mm-clear:before, .mm-close:after, .mm-close:before{
content: "";
border: 2px solid transparent;
display: block;
width: 5px;
height: 5px;
margin: auto;
position: absolute;
top: 0;
bottom: 0;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.mm-clear:before, .mm-close:before{
border-right: none;
border-bottom: none;
right: 18px;
}
.mm-clear:after, .mm-close:after{
border-left: none;
border-top: none;
right: 25px;
}
.mm-arrow:after, .mm-next:after, .mm-prev:before{
content: "";
border: 2px solid transparent;
display: block;
width: 8px;
height: 8px;
margin: auto;
position: absolute;
top: 0;
bottom: 0;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.mm-prev:before{
border-right: none;
border-bottom: none;
left: 23px;
}
.mm-arrow:after, .mm-next:after{
border-top: none;
border-left: none;
right: 23px;
}
.mm-navbar{
border-bottom: 1px solid;
border-color: inherit;
text-align: center;
line-height: 20px;
height: 40px;
padding: 0 40px;
margin: 0;
position: absolute;
top: 0;
left: 0;
right: 0;
}
.mm-navbar > *{
display: block;
padding: 10px 0;
}
.mm-navbar .mm-btn:first-child{
padding-left: 20px;
left: 0;
}
.mm-navbar .mm-btn:last-child{
text-align: right;
padding-right: 20px;
right: 0;
}
.mm-panel .mm-navbar{
display: none;
}
.mm-panel.mm-hasnavbar .mm-navbar{
display: block;
}
.mm-listview, .mm-listview > li{
list-style: none;
display: block;
padding: 0;
margin: 0;
}
.mm-listview{
font: inherit;
font-size: 14px;
line-height: 20px;
}
.mm-listview > li{
position: relative;
}
.mm-listview > li, .mm-listview > li .mm-next, .mm-listview > li .mm-next:before, .mm-listview > li:after{
border-color: inherit;
}
.mm-listview > li > a, .mm-listview > li > span{
color: inherit;
display: block;
padding: 10px 10px 10px 20px;
margin: 0;
}
.mm-listview > li > a.mm-arrow, .mm-listview > li > span.mm-arrow{
padding-right: 50px;
}
.mm-listview > li:not(.mm-divider):after{
content: "";
border-bottom-width: 1px;
border-bottom-style: solid;
display: block;
position: absolute;
right: 0;
bottom: 0;
left: 20px;
}
.mm-listview .mm-next{
background: rgba(3, 2, 1, 0);
width: 50px;
padding: 0;
position: absolute;
right: 0;
top: 0;
bottom: 0;
z-index: 2;
}
.mm-listview .mm-next:before{
content: "";
border-left-width: 1px;
border-left-style: solid;
display: block;
position: absolute;
top: 0;
bottom: 0;
left: 0;
}
.mm-listview .mm-next + a, .mm-listview .mm-next + span{
margin-right: 50px;
}
.mm-listview .mm-next.mm-fullsubopen{
width: 100%;
}
.mm-listview .mm-next.mm-fullsubopen:before{
border-left: none;
}
.mm-listview .mm-next.mm-fullsubopen + a, .mm-listview .mm-next.mm-fullsubopen + span{
padding-right: 50px;
margin-right: 0;
}
.mm-panels > .mm-panel > .mm-listview{
margin: 20px -20px;
}
.mm-panels > .mm-panel > .mm-listview:first-child, .mm-panels > .mm-panel > .mm-navbar + .mm-listview{
margin-top: -20px;
}
.mm-listview .mm-inset{
list-style: disc inside;
padding: 0 10px 15px 40px;
margin: 0;
}
.mm-listview .mm-inset > li{
padding: 5px 0;
}
.mm-listview .mm-divider{
font-size: 10px;
text-transform: uppercase;
text-indent: 20px;
line-height: 25px;
}
.mm-listview .mm-spacer{
padding-top: 40px;
}
.mm-listview .mm-spacer > .mm-next{
top: 40px;
}
.mm-listview .mm-spacer.mm-divider{
padding-top: 25px;
}
.mm-menu{
background: #f3f3f3;
border-color: rgba(0, 0, 0, 0.1);
color: rgba(0, 0, 0, 0.7);
}
.mm-menu .mm-navbar a, .mm-menu .mm-navbar > *{
color: rgba(0, 0, 0, 0.3);
}
.mm-menu .mm-btn:after, .mm-menu .mm-btn:before{
border-color: rgba(0, 0, 0, 0.3);
}
.mm-menu .mm-listview{
border-color: rgba(0, 0, 0, 0.1);
}
.mm-menu .mm-listview > li .mm-arrow:after, .mm-menu .mm-listview > li .mm-next:after{
border-color: rgba(0, 0, 0, 0.3);
}
.mm-menu .mm-listview > li a:not(.mm-next){
-webkit-tap-highlight-color: rgba(255, 255, 255, 0.5);
tap-highlight-color: rgba(255, 255, 255, 0.5);
}
.mm-menu .mm-listview > li.mm-selected > a:not(.mm-next), .mm-menu .mm-listview > li.mm-selected > span{
background: rgba(255, 255, 255, 0.5);
}
.mm-menu .mm-divider, .mm-menu .mm-listview > li.mm-opened.mm-vertical > .mm-panel, .mm-menu .mm-listview > li.mm-opened.mm-vertical > a.mm-next, .mm-menu.mm-vertical .mm-listview > li.mm-opened > .mm-panel, .mm-menu.mm-vertical .mm-listview > li.mm-opened > a.mm-next{
background: rgba(0, 0, 0, 0.05);
}
.mm-page{
box-sizing: border-box;
position: relative;
}
.mm-slideout{
transition: -webkit-transform 0.4s ease;
transition: transform 0.4s ease;
transition: transform 0.4s ease, -webkit-transform 0.4s ease;
z-index: 1;
}
html.mm-opened{
overflow-x: hidden;
position: relative;
}
html.mm-blocking, html.mm-blocking body{
overflow: hidden;
}
html.mm-background .mm-page{
background: inherit;
}
#mm-blocker{
background: rgba(3, 2, 1, 0);
display: none;
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
z-index: 2;
}
html.mm-blocking #mm-blocker{
display: block;
}
.mm-menu.mm-offcanvas{
z-index: 0;
display: none;
position: fixed;
}
.mm-menu.mm-offcanvas.mm-current{
display: block;
}
.mm-menu{
width: 80%;
min-width: 140px;
max-width: 440px;
}
html.mm-opening .mm-slideout{
-webkit-transform: translate3d(80%, 0, 0);
transform: translate3d(80%, 0, 0);
}
@media all and (max-width: 175px){
html.mm-opening .mm-slideout{
-webkit-transform: translate3d(140px, 0, 0);
transform: translate3d(140px, 0, 0);
}
}
@media all and (min-width: 550px){
html.mm-opening .mm-slideout{
-webkit-transform: translate3d(440px, 0, 0);
transform: translate3d(440px, 0, 0);
}
}
.mm-menu.mm-autoheight.mm-bottom, .mm-menu.mm-autoheight.mm-top{
max-height: 80%;
}
.mm-menu.mm-autoheight.mm-bottom.mm-fullscreen, .mm-menu.mm-autoheight.mm-top.mm-fullscreen{
max-height: 100%;
}
.mm-menu.mm-measureheight .mm-panel{
display: block !important;
}
.mm-menu.mm-measureheight > .mm-panels > .mm-panel{
bottom: auto !important;
height: auto !important;
}
.mm-menu.mm-columns{
transition-property: width,max-width,-webkit-transform;
transition-property: transform,width,max-width;
transition-property: transform,width,max-width,-webkit-transform;
}
.mm-menu.mm-columns .mm-panels > .mm-panel{
width: 100%;
right: auto;
display: none;
transition-property: width,-webkit-transform;
transition-property: transform,width;
transition-property: transform,width,-webkit-transform;
}
.mm-menu.mm-columns .mm-panels > .mm-panel.mm-opened{
border-right: 1px solid;
border-color: inherit;
display: block;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.mm-menu.mm-columns .mm-panels > .mm-panel.mm-subopened{
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
z-index: 2;
}
.mm-menu.mm-columns .mm-panels > .mm-panel.mm-columns-0{
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.mm-menu.mm-columns .mm-panels > .mm-panel.mm-opened:not([class*=mm-columns-]) ~ .mm-panel:not(.mm-opened).mm-columns-0{
display: block;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
.mm-menu.mm-columns-0{
width: 80%;
min-width: 140px;
max-width: 0;
}
html.mm-opening.mm-columns-0 .mm-slideout{
-webkit-transform: translate3d(80%, 0, 0);
transform: translate3d(80%, 0, 0);
}
@media all and (max-width: 175px){
html.mm-opening.mm-columns-0 .mm-slideout{
-webkit-transform: translate3d(140px, 0, 0);
transform: translate3d(140px, 0, 0);
}
}
@media all and (min-width: 0px){
html.mm-opening.mm-columns-0 .mm-slideout{
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.mm-menu.mm-columns .mm-panels > .mm-panel.mm-columns-1{
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
.mm-menu.mm-columns .mm-panels > .mm-panel.mm-opened:not([class*=mm-columns-]) ~ .mm-panel:not(.mm-opened).mm-columns-1{
display: block;
-webkit-transform: translate3d(200%, 0, 0);
transform: translate3d(200%, 0, 0);
}
.mm-menu.mm-columns-1{
width: 80%;
min-width: 140px;
max-width: 440px;
}
html.mm-opening.mm-columns-1 .mm-slideout{
-webkit-transform: translate3d(80%, 0, 0);
transform: translate3d(80%, 0, 0);
}
@media all and (max-width: 175px){
html.mm-opening.mm-columns-1 .mm-slideout{
-webkit-transform: translate3d(140px, 0, 0);
transform: translate3d(140px, 0, 0);
}
}
@media all and (min-width: 550px){
html.mm-opening.mm-columns-1 .mm-slideout{
-webkit-transform: translate3d(440px, 0, 0);
transform: translate3d(440px, 0, 0);
}
}
.mm-menu.mm-columns-1 .mm-panels > .mm-panel{
width: 100%;
}
.mm-menu.mm-columns .mm-panels > .mm-panel.mm-columns-2{
-webkit-transform: translate3d(200%, 0, 0);
transform: translate3d(200%, 0, 0);
}
.mm-menu.mm-columns .mm-panels > .mm-panel.mm-opened:not([class*=mm-columns-]) ~ .mm-panel:not(.mm-opened).mm-columns-2{
display: block;
-webkit-transform: translate3d(300%, 0, 0);
transform: translate3d(300%, 0, 0);
}
.mm-menu.mm-columns-2{
width: 80%;
min-width: 140px;
max-width: 880px;
}
html.mm-opening.mm-columns-2 .mm-slideout{
-webkit-transform: translate3d(80%, 0, 0);
transform: translate3d(80%, 0, 0);
}
@media all and (max-width: 175px){
html.mm-opening.mm-columns-2 .mm-slideout{
-webkit-transform: translate3d(140px, 0, 0);
transform: translate3d(140px, 0, 0);
}
}
@media all and (min-width: 1100px){
html.mm-opening.mm-columns-2 .mm-slideout{
-webkit-transform: translate3d(880px, 0, 0);
transform: translate3d(880px, 0, 0);
}
}
.mm-menu.mm-columns-2 .mm-panels > .mm-panel{
width: 50%;
}
.mm-menu.mm-columns .mm-panels > .mm-panel.mm-columns-3{
-webkit-transform: translate3d(300%, 0, 0);
transform: translate3d(300%, 0, 0);
}
.mm-menu.mm-columns .mm-panels > .mm-panel.mm-opened:not([class*=mm-columns-]) ~ .mm-panel:not(.mm-opened).mm-columns-3{
display: block;
-webkit-transform: translate3d(400%, 0, 0);
transform: translate3d(400%, 0, 0);
}
.mm-menu.mm-columns-3{
width: 80%;
min-width: 140px;
max-width: 1320px;
}
html.mm-opening.mm-columns-3 .mm-slideout{
-webkit-transform: translate3d(80%, 0, 0);
transform: translate3d(80%, 0, 0);
}
@media all and (max-width: 175px){
html.mm-opening.mm-columns-3 .mm-slideout{
-webkit-transform: translate3d(140px, 0, 0);
transform: translate3d(140px, 0, 0);
}
}
@media all and (min-width: 1650px){
html.mm-opening.mm-columns-3 .mm-slideout{
-webkit-transform: translate3d(1320px, 0, 0);
transform: translate3d(1320px, 0, 0);
}
}
.mm-menu.mm-columns-3 .mm-panels > .mm-panel{
width: 33.34%;
}
.mm-menu.mm-columns .mm-panels > .mm-panel.mm-columns-4{
-webkit-transform: translate3d(400%, 0, 0);
transform: translate3d(400%, 0, 0);
}
.mm-menu.mm-columns .mm-panels > .mm-panel.mm-opened:not([class*=mm-columns-]) ~ .mm-panel:not(.mm-opened).mm-columns-4{
display: block;
-webkit-transform: translate3d(500%, 0, 0);
transform: translate3d(500%, 0, 0);
}
.mm-menu.mm-columns-4{
width: 80%;
min-width: 140px;
max-width: 1760px;
}
html.mm-opening.mm-columns-4 .mm-slideout{
-webkit-transform: translate3d(80%, 0, 0);
transform: translate3d(80%, 0, 0);
}
@media all and (max-width: 175px){
html.mm-opening.mm-columns-4 .mm-slideout{
-webkit-transform: translate3d(140px, 0, 0);
transform: translate3d(140px, 0, 0);
}
}
@media all and (min-width: 2200px){
html.mm-opening.mm-columns-4 .mm-slideout{
-webkit-transform: translate3d(1760px, 0, 0);
transform: translate3d(1760px, 0, 0);
}
}
.mm-menu.mm-columns-4 .mm-panels > .mm-panel{
width: 25%;
}
.mm-menu.mm-columns .mm-panels > .mm-panel.mm-columns-5{
-webkit-transform: translate3d(500%, 0, 0);
transform: translate3d(500%, 0, 0);
}
.mm-menu.mm-columns .mm-panels > .mm-panel.mm-opened:not([class*=mm-columns-]) ~ .mm-panel:not(.mm-opened).mm-columns-5{
display: block;
-webkit-transform: translate3d(600%, 0, 0);
transform: translate3d(600%, 0, 0);
}
.mm-menu.mm-columns-5{
width: 80%;
min-width: 140px;
max-width: 2200px;
}
html.mm-opening.mm-columns-5 .mm-slideout{
-webkit-transform: translate3d(80%, 0, 0);
transform: translate3d(80%, 0, 0);
}
@media all and (max-width: 175px){
html.mm-opening.mm-columns-5 .mm-slideout{
-webkit-transform: translate3d(140px, 0, 0);
transform: translate3d(140px, 0, 0);
}
}
@media all and (min-width: 2750px){
html.mm-opening.mm-columns-5 .mm-slideout{
-webkit-transform: translate3d(2200px, 0, 0);
transform: translate3d(2200px, 0, 0);
}
}
.mm-menu.mm-columns-5 .mm-panels > .mm-panel{
width: 20%;
}
.mm-menu.mm-columns .mm-panels > .mm-panel.mm-columns-6{
-webkit-transform: translate3d(600%, 0, 0);
transform: translate3d(600%, 0, 0);
}
.mm-menu.mm-columns .mm-panels > .mm-panel.mm-opened:not([class*=mm-columns-]) ~ .mm-panel:not(.mm-opened).mm-columns-6{
display: block;
-webkit-transform: translate3d(700%, 0, 0);
transform: translate3d(700%, 0, 0);
}
.mm-menu.mm-columns-6{
width: 80%;
min-width: 140px;
max-width: 2640px;
}
html.mm-opening.mm-columns-6 .mm-slideout{
-webkit-transform: translate3d(80%, 0, 0);
transform: translate3d(80%, 0, 0);
}
@media all and (max-width: 175px){
html.mm-opening.mm-columns-6 .mm-slideout{
-webkit-transform: translate3d(140px, 0, 0);
transform: translate3d(140px, 0, 0);
}
}
@media all and (min-width: 3300px){
html.mm-opening.mm-columns-6 .mm-slideout{
-webkit-transform: translate3d(2640px, 0, 0);
transform: translate3d(2640px, 0, 0);
}
}
.mm-menu.mm-columns-6 .mm-panels > .mm-panel{
width: 16.67%;
}
em.mm-counter{
font: inherit;
font-size: 14px;
font-style: normal;
text-indent: 0;
line-height: 20px;
display: block;
margin-top: -10px;
position: absolute;
right: 45px;
top: 50%;
}
em.mm-counter + a.mm-next{
width: 90px;
}
em.mm-counter + a.mm-next + a, em.mm-counter + a.mm-next + span{
margin-right: 90px;
}
em.mm-counter + a.mm-fullsubopen{
padding-left: 0;
}
.mm-vertical > .mm-counter{
top: 12px;
margin-top: 0;
}
.mm-vertical.mm-spacer > .mm-counter{
margin-top: 40px;
}
.mm-nosubresults > .mm-counter{
display: none;
}
.mm-menu em.mm-counter{
color: rgba(0, 0, 0, 0.3);
}
.mm-divider > span{
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
padding: 0;
line-height: 25px;
}
.mm-divider.mm-opened a.mm-next:after{
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.mm-collapsed:not(.mm-uncollapsed){
display: none;
}
.mm-fixeddivider{
background: inherit;
display: none;
position: absolute;
top: 0;
left: 0;
right: 0;
z-index: 2;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.mm-fixeddivider:after{
content: none !important;
display: none !important;
}
.mm-hasdividers .mm-fixeddivider{
display: block;
}
.mm-menu .mm-fixeddivider span{
background: rgba(0, 0, 0, 0.05);
}
html.mm-opened.mm-dragging .mm-menu, html.mm-opened.mm-dragging .mm-slideout{
transition-duration: 0s;
}
.mm-menu.mm-dropdown{
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
height: 80%;
}
html.mm-dropdown .mm-slideout{
-webkit-transform: none !important;
transform: none !important;
z-index: 0;
}
html.mm-dropdown #mm-blocker{
transition-delay: 0s !important;
z-index: 1;
}
html.mm-dropdown .mm-menu{
z-index: 2;
}
html.mm-dropdown.mm-opened:not(.mm-opening) .mm-menu{
display: none;
}
.mm-menu.mm-tip:before{
content: "";
background: inherit;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
display: block;
width: 15px;
height: 15px;
position: absolute;
z-index: 0;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.mm-menu.mm-tipleft:before{
left: 22px;
}
.mm-menu.mm-tipright:before{
right: 22px;
}
.mm-menu.mm-tiptop:before{
top: -8px;
}
.mm-menu.mm-tipbottom:before{
bottom: -8px;
}
.mm-iconpanel .mm-panel{
transition-property: left,-webkit-transform;
transition-property: transform,left;
transition-property: transform,left,-webkit-transform;
}
.mm-iconpanel .mm-panel.mm-opened{
border-left: 1px solid;
border-color: inherit;
}
.mm-iconpanel .mm-panel.mm-subopened{
overflow-y: hidden;
left: -40px;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.mm-iconpanel .mm-panel.mm-iconpanel-0{
left: 0;
}
.mm-iconpanel .mm-panel.mm-iconpanel-1{
left: 40px;
}
.mm-iconpanel .mm-panel.mm-iconpanel-2{
left: 80px;
}
.mm-iconpanel .mm-panel.mm-iconpanel-3{
left: 120px;
}
.mm-iconpanel .mm-panel.mm-iconpanel-4{
left: 160px;
}
.mm-iconpanel .mm-panel.mm-iconpanel-5{
left: 200px;
}
.mm-iconpanel .mm-panel.mm-iconpanel-6{
left: 240px;
}
.mm-subblocker{
background: inherit;
opacity: 0;
display: block;
transition: opacity 0.4s ease;
}
.mm-subopened .mm-subblocker{
opacity: 0.6;
position: absolute;
top: 0;
right: 0;
bottom: -100000px;
left: 0;
z-index: 3;
}
.mm-navbar-bottom, .mm-navbar-top ~ .mm-navbar-top{
border-bottom: none;
}
.mm-menu > .mm-navbar{
background: inherit;
padding: 0;
z-index: 3;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.mm-navbar-bottom{
border-top-width: 1px;
border-top-style: solid;
top: auto;
bottom: 0;
}
.mm-navbar-bottom ~ .mm-navbar-bottom{
border-top: none;
}
.mm-navbar.mm-hasbtns{
padding: 0 40px;
}
.mm-navbar[class*=mm-navbar-content-] > *{
box-sizing: border-box;
display: block;
float: left;
}
.mm-navbar .mm-breadcrumbs{
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
-webkit-overflow-scrolling: touch;
overflow-x: auto;
text-align: left;
padding: 0 0 0 17px;
}
.mm-navbar .mm-breadcrumbs > *{
display: inline-block;
padding: 10px 3px;
}
.mm-navbar .mm-breadcrumbs > a{
text-decoration: underline;
}
.mm-navbar.mm-hasbtns .mm-breadcrumbs{
margin-left: -40px;
}
.mm-navbar.mm-hasbtns .mm-btn:not(.mm-hidden) + .mm-breadcrumbs{
margin-left: 0;
padding-left: 0;
}
.mm-navbar-top-1{
top: 0;
}
.mm-hasnavbar-top-1 .mm-panels, .mm-navbar-top-2{
top: 40px;
}
.mm-hasnavbar-top-2 .mm-panels, .mm-navbar-top-3{
top: 80px;
}
.mm-hasnavbar-top-3 .mm-panels, .mm-navbar-top-4{
top: 120px;
}
.mm-hasnavbar-top-4 .mm-panels{
top: 160px;
}
.mm-navbar-bottom-1{
bottom: 0;
}
.mm-hasnavbar-bottom-1 .mm-panels, .mm-navbar-bottom-2{
bottom: 40px;
}
.mm-hasnavbar-bottom-2 .mm-panels, .mm-navbar-bottom-3{
bottom: 80px;
}
.mm-hasnavbar-bottom-3 .mm-panels, .mm-navbar-bottom-4{
bottom: 120px;
}
.mm-hasnavbar-bottom-4 .mm-panels{
bottom: 160px;
}
.mm-navbar-size-2{
height: 80px;
}
.mm-navbar-size-3{
height: 120px;
}
.mm-navbar-size-4{
height: 160px;
}
.mm-navbar-content-2 > *{
width: 50%;
}
.mm-navbar-content-3 > *{
width: 33.33%;
}
.mm-navbar-content-4 > *{
width: 25%;
}
.mm-navbar-content-5 > *{
width: 20%;
}
.mm-navbar-content-6 > *{
width: 16.67%;
}
.mm-sronly{
text-indent: 10px;
overflow: hidden;
display: block;
width: 1px;
height: 1px;
position: absolute;
z-index: -1;
}
.mm-search, .mm-search input{
box-sizing: border-box;
}
.mm-search{
height: 40px;
padding: 7px 10px 0;
position: relative;
}
.mm-search input{
border: none !important;
outline: 0 !important;
box-shadow: none !important;
border-radius: 26px;
font: inherit;
font-size: 14px;
line-height: 26px;
display: block;
width: 100%;
height: 26px;
margin: 0;
padding: 0 10px;
}
.mm-search input::-ms-clear{
display: none;
}
.mm-search .mm-clear, .mm-search .mm-next{
right: 0;
}
.mm-panel > .mm-search{
width: 100%;
position: absolute;
top: 0;
left: 0;
}
.mm-panel.mm-hassearch{
padding-top: 40px;
}
.mm-panel.mm-hassearch.mm-hasnavbar{
padding-top: 80px;
}
.mm-panel.mm-hassearch.mm-hasnavbar .mm-search{
top: 40px;
}
.mm-noresultsmsg{
text-align: center;
font-size: 21px;
padding: 40px 0;
}
.mm-noresults .mm-indexer{
display: none !important;
}
li.mm-nosubresults > a.mm-next{
display: none;
}
li.mm-nosubresults > a.mm-next + a, li.mm-nosubresults > a.mm-next + span{
padding-right: 10px;
}
.mm-panels > .mm-resultspanel:not(.mm-opened){
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.mm-menu .mm-search input{
background: rgba(0, 0, 0, 0.05);
color: rgba(0, 0, 0, 0.7);
}
.mm-menu .mm-noresultsmsg{
color: rgba(0, 0, 0, 0.3);
}
.mm-indexer{
background: inherit;
text-align: center;
font-size: 12px;
box-sizing: border-box;
width: 20px;
position: absolute;
top: 0;
bottom: 0;
right: -100px;
z-index: 3;
transition: right 0.4s ease;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.mm-indexer a{
text-decoration: none;
display: block;
height: 3.85%;
}
.mm-indexer ~ .mm-panel.mm-hasindexer{
padding-right: 40px;
}
.mm-hasindexer .mm-indexer{
right: 0;
}
.mm-hasindexer .mm-fixeddivider{
right: 20px;
}
.mm-menu .mm-indexer a{
color: rgba(0, 0, 0, 0.3);
}
.mm-menu.mm-hoverselected .mm-listview > li > a.mm-fullsubopen + a, .mm-menu.mm-hoverselected .mm-listview > li > a.mm-fullsubopen + span, .mm-menu.mm-hoverselected .mm-listview > li > a:not(.mm-fullsubopen), .mm-menu.mm-parentselected .mm-listview > li > a.mm-fullsubopen + a, .mm-menu.mm-parentselected .mm-listview > li > a.mm-fullsubopen + span, .mm-menu.mm-parentselected .mm-listview > li > a:not(.mm-fullsubopen){
transition: background 0.4s ease;
}
.mm-menu.mm-hoverselected .mm-listview > li > a.mm-fullsubopen:hover + span, .mm-menu.mm-hoverselected .mm-listview > li > a:not(.mm-fullsubopen):hover, .mm-menu.mm-parentselected .mm-listview > li > a.mm-selected.mm-fullsubopen + a, .mm-menu.mm-parentselected .mm-listview > li > a.mm-selected.mm-fullsubopen + span, .mm-menu.mm-parentselected .mm-listview > li > a.mm-selected:not(.mm-fullsubopen){
background: rgba(255, 255, 255, 0.5);
}
input.mm-check, input.mm-toggle{
position: absolute;
left: -10000px;
}
label.mm-check, label.mm-toggle{
margin: 0;
position: absolute;
top: 50%;
z-index: 2;
right: 20px;
}
label.mm-check:before, label.mm-toggle:before{
content: "";
display: block;
}
label.mm-toggle{
border-radius: 30px;
width: 50px;
height: 30px;
margin-top: -15px;
}
label.mm-toggle:before{
border-radius: 30px;
width: 28px;
height: 28px;
margin: 1px;
}
input.mm-toggle:checked ~ label.mm-toggle:before{
float: right;
}
label.mm-check{
width: 30px;
height: 30px;
margin-top: -15px;
}
label.mm-check:before{
border-left: 3px solid;
border-bottom: 3px solid;
width: 40%;
height: 20%;
margin: 25% 0 0 20%;
opacity: 0.1;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
input.mm-check:checked ~ label.mm-check:before{
opacity: 1;
}
li.mm-vertical label.mm-check, li.mm-vertical label.mm-toggle{
bottom: auto;
margin-top: 0;
top: 5px;
}
label.mm-toggle + a, label.mm-toggle + span{
padding-right: 80px;
}
label.mm-check + a, label.mm-check + span{
padding-right: 60px;
}
a.mm-next + label.mm-check, a.mm-next + label.mm-toggle{
right: 60px;
}
a.mm-next + label.mm-check + a, a.mm-next + label.mm-check + span, a.mm-next + label.mm-toggle + a, a.mm-next + label.mm-toggle + span{
margin-right: 50px;
}
a.mm-next + label.mm-toggle + a, a.mm-next + label.mm-toggle + span{
padding-right: 70px;
}
a.mm-next + label.mm-check + a, a.mm-next + label.mm-check + span{
padding-right: 50px;
}
em.mm-counter + a.mm-next + label.mm-check, em.mm-counter + a.mm-next + label.mm-toggle{
right: 100px;
}
em.mm-counter + a.mm-next + label.mm-check + a, em.mm-counter + a.mm-next + label.mm-check + span, em.mm-counter + a.mm-next + label.mm-toggle + a, em.mm-counter + a.mm-next + label.mm-toggle + span{
margin-right: 90px;
}
.mm-menu label.mm-toggle{
background: rgba(0, 0, 0, 0.1);
}
.mm-menu label.mm-toggle:before{
background: #f3f3f3;
}
.mm-menu input.mm-toggle:checked ~ label.mm-toggle{
background: #4bd963;
}
.mm-menu label.mm-check:before{
border-color: rgba(0, 0, 0, 0.7);
}
.mm-listview.mm-border-none > li:after, .mm-menu.mm-border-none .mm-listview > li:after{
content: none;
}
.mm-listview.mm-border-full > li:after, .mm-menu.mm-border-full .mm-listview > li:after{
left: 0 !important;
}
.mm-listview.mm-border-offset > li:after, .mm-menu.mm-border-offset .mm-listview > li:after{
right: 20px;
}
.mm-menu.mm-effect-menu-zoom{
transition: -webkit-transform 0.4s ease;
transition: transform 0.4s ease;
transition: transform 0.4s ease, -webkit-transform 0.4s ease;
}
html.mm-opened .mm-menu.mm-effect-menu-zoom{
-webkit-transform: scale(0.7, 0.7) translate3d(-30%, 0, 0);
transform: scale(0.7, 0.7) translate3d(-30%, 0, 0);
-webkit-transform-origin: left center;
transform-origin: left center;
}
html.mm-opening .mm-menu.mm-effect-menu-zoom{
-webkit-transform: scale(1, 1) translate3d(0, 0, 0);
transform: scale(1, 1) translate3d(0, 0, 0);
}
html.mm-right.mm-opened .mm-menu.mm-effect-menu-zoom{
-webkit-transform: scale(0.7, 0.7) translate3d(30%, 0, 0);
transform: scale(0.7, 0.7) translate3d(30%, 0, 0);
-webkit-transform-origin: right center;
transform-origin: right center;
}
html.mm-right.mm-opening .mm-menu.mm-effect-menu-zoom{
-webkit-transform: scale(1, 1) translate3d(0, 0, 0);
transform: scale(1, 1) translate3d(0, 0, 0);
}
.mm-menu.mm-effect-menu-slide{
transition: -webkit-transform 0.4s ease;
transition: transform 0.4s ease;
transition: transform 0.4s ease, -webkit-transform 0.4s ease;
}
html.mm-opened .mm-menu.mm-effect-menu-slide{
-webkit-transform: translate3d(-30%, 0, 0);
transform: translate3d(-30%, 0, 0);
}
html.mm-opening .mm-menu.mm-effect-menu-slide{
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
html.mm-right.mm-opened .mm-menu.mm-effect-menu-slide{
-webkit-transform: translate3d(30%, 0, 0);
transform: translate3d(30%, 0, 0);
}
html.mm-right.mm-opening .mm-menu.mm-effect-menu-slide{
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.mm-menu.mm-effect-menu-fade{
opacity: 0;
transition: opacity 0.4s ease;
}
html.mm-opening .mm-menu.mm-effect-menu-fade{
opacity: 1;
}
.mm-menu.mm-effect-panels-zoom .mm-panel{
-webkit-transform: scale(1.5, 1.5) translate3d(100%, 0, 0);
transform: scale(1.5, 1.5) translate3d(100%, 0, 0);
-webkit-transform-origin: left center;
transform-origin: left center;
}
.mm-menu.mm-effect-panels-zoom .mm-panel.mm-opened{
-webkit-transform: scale(1, 1) translate3d(0, 0, 0);
transform: scale(1, 1) translate3d(0, 0, 0);
}
.mm-menu.mm-effect-panels-zoom .mm-panel.mm-opened.mm-subopened{
-webkit-transform: scale(0.7, 0.7) translate3d(-30%, 0, 0);
transform: scale(0.7, 0.7) translate3d(-30%, 0, 0);
}
.mm-menu.mm-effect-panels-slide-0 .mm-panel.mm-subopened{
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.mm-menu.mm-effect-panels-slide-100 .mm-panel.mm-subopened{
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
.mm-menu[class*=mm-effect-listitems-] .mm-listview > li{
transition: none 0.4s ease;
}
.mm-menu[class*=mm-effect-listitems-] .mm-listview > li:nth-child(1){
transition-delay: 50ms;
}
.mm-menu[class*=mm-effect-listitems-] .mm-listview > li:nth-child(2){
transition-delay: 0.1s;
}
.mm-menu[class*=mm-effect-listitems-] .mm-listview > li:nth-child(3){
transition-delay: 150ms;
}
.mm-menu[class*=mm-effect-listitems-] .mm-listview > li:nth-child(4){
transition-delay: 0.2s;
}
.mm-menu[class*=mm-effect-listitems-] .mm-listview > li:nth-child(5){
transition-delay: 250ms;
}
.mm-menu[class*=mm-effect-listitems-] .mm-listview > li:nth-child(6){
transition-delay: 0.3s;
}
.mm-menu[class*=mm-effect-listitems-] .mm-listview > li:nth-child(7){
transition-delay: 350ms;
}
.mm-menu[class*=mm-effect-listitems-] .mm-listview > li:nth-child(8){
transition-delay: 0.4s;
}
.mm-menu[class*=mm-effect-listitems-] .mm-listview > li:nth-child(9){
transition-delay: 450ms;
}
.mm-menu[class*=mm-effect-listitems-] .mm-listview > li:nth-child(10){
transition-delay: 0.5s;
}
.mm-menu[class*=mm-effect-listitems-] .mm-listview > li:nth-child(11){
transition-delay: 550ms;
}
.mm-menu[class*=mm-effect-listitems-] .mm-listview > li:nth-child(12){
transition-delay: 0.6s;
}
.mm-menu[class*=mm-effect-listitems-] .mm-listview > li:nth-child(13){
transition-delay: 650ms;
}
.mm-menu[class*=mm-effect-listitems-] .mm-listview > li:nth-child(14){
transition-delay: 0.7s;
}
.mm-menu[class*=mm-effect-listitems-] .mm-listview > li:nth-child(15){
transition-delay: 750ms;
}
.mm-menu.mm-effect-listitems-slide .mm-listview > li{
transition-property: opacity,-webkit-transform;
transition-property: transform,opacity;
transition-property: transform,opacity,-webkit-transform;
-webkit-transform: translate3d(50%, 0, 0);
transform: translate3d(50%, 0, 0);
opacity: 0;
}
html.mm-opening .mm-menu.mm-effect-listitems-slide .mm-panel.mm-opened .mm-listview > li{
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
.mm-menu.mm-effect-listitems-fade .mm-listview > li{
transition-property: opacity;
opacity: 0;
}
html.mm-opening .mm-menu.mm-effect-listitems-fade .mm-panel.mm-opened .mm-listview > li{
opacity: 1;
}
.mm-menu.mm-effect-listitems-drop .mm-listview > li{
transition-property: opacity,top;
opacity: 0;
top: -25%;
}
html.mm-opening .mm-menu.mm-effect-listitems-drop .mm-panel.mm-opened .mm-listview > li{
opacity: 1;
top: 0;
}
.mm-menu.mm-fullscreen{
width: 100%;
min-width: 140px;
max-width: 10000px;
}
html.mm-opening.mm-fullscreen .mm-slideout{
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
@media all and (max-width: 140px){
html.mm-opening.mm-fullscreen .mm-slideout{
-webkit-transform: translate3d(140px, 0, 0);
transform: translate3d(140px, 0, 0);
}
}
@media all and (min-width: 10000px){
html.mm-opening.mm-fullscreen .mm-slideout{
-webkit-transform: translate3d(10000px, 0, 0);
transform: translate3d(10000px, 0, 0);
}
}
html.mm-right.mm-opening.mm-fullscreen .mm-slideout{
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
@media all and (max-width: 140px){
html.mm-right.mm-opening.mm-fullscreen .mm-slideout{
-webkit-transform: translate3d(-140px, 0, 0);
transform: translate3d(-140px, 0, 0);
}
}
@media all and (min-width: 10000px){
html.mm-right.mm-opening.mm-fullscreen .mm-slideout{
-webkit-transform: translate3d(-10000px, 0, 0);
transform: translate3d(-10000px, 0, 0);
}
}
.mm-menu.mm-fullscreen.mm-bottom, .mm-menu.mm-fullscreen.mm-top{
height: 100%;
min-height: 140px;
max-height: 10000px;
}
html.mm-opened.mm-fullscreen .mm-page{
box-shadow: none !important;
}
.mm-listview.mm-multiline > li .mm-listview > li.mm-multiline > a, .mm-listview.mm-multiline > li .mm-listview > li.mm-multiline > span, .mm-menu.mm-multiline .mm-listview > li > a, .mm-menu.mm-multiline .mm-listview > li > span{
text-overflow: clip;
white-space: normal;
}
html.mm-pagedim #mm-blocker, html.mm-pagedim-black #mm-blocker, html.mm-pagedim-white #mm-blocker{
opacity: 0;
}
html.mm-pagedim-black.mm-opening #mm-blocker, html.mm-pagedim-white.mm-opening #mm-blocker, html.mm-pagedim.mm-opening #mm-blocker{
opacity: 0.3;
transition: opacity 0.4s ease 0.4s;
}
html.mm-pagedim #mm-blocker{
background: inherit;
}
html.mm-pagedim-white #mm-blocker{
background: #fff;
}
html.mm-pagedim-black #mm-blocker{
background: #000;
}
.mm-menu.mm-pageshadow:after{
content: "";
display: block;
width: 20px;
height: 120%;
position: absolute;
left: 100%;
top: -10%;
z-index: 99;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}
.mm-menu.mm-pageshadow.mm-right:after{
left: auto;
right: 100%;
}
.mm-menu.mm-pageshadow.mm-front:after, .mm-menu.mm-pageshadow.mm-next:after{
content: none;
display: none;
}
.mm-menu.mm-popup{
transition: opacity 0.4s ease;
opacity: 0;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
height: 80%;
min-height: 140px;
max-height: 880px;
top: 50%;
left: 50%;
bottom: auto;
right: auto;
-webkit-transform: translate3d(-50%, -50%, 0);
transform: translate3d(-50%, -50%, 0);
}
html.mm-popup.mm-opening .mm-menu.mm-popup{
opacity: 1;
}
html.mm-popup .mm-slideout{
-webkit-transform: none !important;
transform: none !important;
z-index: 0;
}
html.mm-popup #mm-blocker{
transition-delay: 0s !important;
z-index: 1;
}
html.mm-popup .mm-menu{
z-index: 2;
}
.mm-menu.mm-bottom, .mm-menu.mm-top{
width: 100%;
min-width: 100%;
max-width: 100%;
height: 80%;
min-height: 140px;
max-height: 880px;
}
.mm-menu.mm-right{
left: auto;
right: 0;
}
html.mm-right.mm-opening .mm-slideout{
-webkit-transform: translate3d(-80%, 0, 0);
transform: translate3d(-80%, 0, 0);
}
@media all and (max-width: 175px){
html.mm-right.mm-opening .mm-slideout{
-webkit-transform: translate3d(-140px, 0, 0);
transform: translate3d(-140px, 0, 0);
}
}
@media all and (min-width: 550px){
html.mm-right.mm-opening .mm-slideout{
-webkit-transform: translate3d(-440px, 0, 0);
transform: translate3d(-440px, 0, 0);
}
}
html.mm-front .mm-slideout{
-webkit-transform: none !important;
transform: none !important;
z-index: 0;
}
html.mm-front #mm-blocker{
z-index: 1;
}
html.mm-front .mm-menu{
z-index: 2;
}
.mm-menu.mm-front, .mm-menu.mm-next{
transition: -webkit-transform 0.4s ease;
transition: transform 0.4s ease;
transition: transform 0.4s ease, -webkit-transform 0.4s ease;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
.mm-menu.mm-front.mm-right, .mm-menu.mm-next.mm-right{
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
.mm-menu.mm-top{
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
.mm-menu.mm-bottom{
top: auto;
bottom: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
html.mm-opening .mm-menu.mm-front, html.mm-opening .mm-menu.mm-next{
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.mm-menu.mm-theme-dark{
background: #333;
border-color: rgba(0, 0, 0, 0.15);
color: rgba(255, 255, 255, 0.8);
}
.mm-menu.mm-theme-dark .mm-navbar a, .mm-menu.mm-theme-dark .mm-navbar > *, .mm-menu.mm-theme-dark em.mm-counter{
color: rgba(255, 255, 255, 0.4);
}
.mm-menu.mm-theme-dark .mm-btn:after, .mm-menu.mm-theme-dark .mm-btn:before{
border-color: rgba(255, 255, 255, 0.4);
}
.mm-menu.mm-theme-dark .mm-listview{
border-color: rgba(0, 0, 0, 0.15);
}
.mm-menu.mm-theme-dark .mm-listview > li .mm-arrow:after, .mm-menu.mm-theme-dark .mm-listview > li .mm-next:after{
border-color: rgba(255, 255, 255, 0.4);
}
.mm-menu.mm-theme-dark .mm-listview > li a:not(.mm-next){
-webkit-tap-highlight-color: rgba(0, 0, 0, 0.1);
tap-highlight-color: rgba(0, 0, 0, 0.1);
}
.mm-menu.mm-theme-dark .mm-listview > li.mm-selected > a:not(.mm-next), .mm-menu.mm-theme-dark .mm-listview > li.mm-selected > span{
background: rgba(0, 0, 0, 0.1);
}
.mm-menu.mm-theme-dark .mm-divider, .mm-menu.mm-theme-dark .mm-fixeddivider span, .mm-menu.mm-theme-dark .mm-listview > li.mm-opened.mm-vertical > .mm-panel, .mm-menu.mm-theme-dark .mm-listview > li.mm-opened.mm-vertical > a.mm-next, .mm-menu.mm-theme-dark.mm-vertical .mm-listview > li.mm-opened > .mm-panel, .mm-menu.mm-theme-dark.mm-vertical .mm-listview > li.mm-opened > a.mm-next{
background: rgba(255, 255, 255, 0.05);
}
.mm-menu.mm-theme-dark label.mm-check:before{
border-color: rgba(255, 255, 255, 0.8);
}
.mm-menu.mm-pageshadow.mm-theme-dark:after{
box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
}
.mm-menu.mm-theme-dark .mm-search input{
background: rgba(255, 255, 255, 0.3);
color: rgba(255, 255, 255, 0.8);
}
.mm-menu.mm-theme-dark .mm-indexer a, .mm-menu.mm-theme-dark .mm-noresultsmsg{
color: rgba(255, 255, 255, 0.4);
}
.mm-menu.mm-hoverselected.mm-theme-dark .mm-listview > li > a.mm-fullsubopen:hover + span, .mm-menu.mm-hoverselected.mm-theme-dark .mm-listview > li > a:not(.mm-fullsubopen):hover, .mm-menu.mm-parentselected.mm-theme-dark .mm-listview > li > a.mm-selected.mm-fullsubopen + a, .mm-menu.mm-parentselected.mm-theme-dark .mm-listview > li > a.mm-selected.mm-fullsubopen + span, .mm-menu.mm-parentselected.mm-theme-dark .mm-listview > li > a.mm-selected:not(.mm-fullsubopen){
background: rgba(0, 0, 0, 0.1);
}
.mm-menu.mm-theme-dark label.mm-toggle{
background: rgba(0, 0, 0, 0.15);
}
.mm-menu.mm-theme-dark label.mm-toggle:before{
background: #333;
}
.mm-menu.mm-theme-dark input.mm-toggle:checked ~ label.mm-toggle{
background: #4bd963;
}
.mm-menu.mm-theme-white{
background: #fff;
border-color: rgba(0, 0, 0, 0.1);
color: rgba(0, 0, 0, 0.6);
}
.mm-menu.mm-theme-white .mm-navbar a, .mm-menu.mm-theme-white .mm-navbar > *, .mm-menu.mm-theme-white em.mm-counter{
color: rgba(0, 0, 0, 0.3);
}
.mm-menu.mm-theme-white .mm-btn:after, .mm-menu.mm-theme-white .mm-btn:before{
border-color: rgba(0, 0, 0, 0.3);
}
.mm-menu.mm-theme-white .mm-listview{
border-color: rgba(0, 0, 0, 0.1);
}
.mm-menu.mm-theme-white .mm-listview > li .mm-arrow:after, .mm-menu.mm-theme-white .mm-listview > li .mm-next:after{
border-color: rgba(0, 0, 0, 0.3);
}
.mm-menu.mm-theme-white .mm-listview > li a:not(.mm-next){
-webkit-tap-highlight-color: rgba(0, 0, 0, 0.05);
tap-highlight-color: rgba(0, 0, 0, 0.05);
}
.mm-menu.mm-theme-white .mm-listview > li.mm-selected > a:not(.mm-next), .mm-menu.mm-theme-white .mm-listview > li.mm-selected > span{
background: rgba(0, 0, 0, 0.05);
}
.mm-menu.mm-theme-white .mm-divider, .mm-menu.mm-theme-white .mm-fixeddivider span, .mm-menu.mm-theme-white .mm-listview > li.mm-opened.mm-vertical > .mm-panel, .mm-menu.mm-theme-white .mm-listview > li.mm-opened.mm-vertical > a.mm-next, .mm-menu.mm-theme-white.mm-vertical .mm-listview > li.mm-opened > .mm-panel, .mm-menu.mm-theme-white.mm-vertical .mm-listview > li.mm-opened > a.mm-next{
background: rgba(0, 0, 0, 0.03);
}
.mm-menu.mm-theme-white label.mm-check:before{
border-color: rgba(0, 0, 0, 0.6);
}
.mm-menu.mm-pageshadow.mm-theme-white:after{
box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
.mm-menu.mm-theme-white .mm-search input{
background: rgba(0, 0, 0, 0.05);
color: rgba(0, 0, 0, 0.6);
}
.mm-menu.mm-theme-white .mm-indexer a, .mm-menu.mm-theme-white .mm-noresultsmsg{
color: rgba(0, 0, 0, 0.3);
}
.mm-menu.mm-hoverselected.mm-theme-white .mm-listview > li > a.mm-fullsubopen:hover + span, .mm-menu.mm-hoverselected.mm-theme-white .mm-listview > li > a:not(.mm-fullsubopen):hover, .mm-menu.mm-parentselected.mm-theme-white .mm-listview > li > a.mm-selected.mm-fullsubopen + a, .mm-menu.mm-parentselected.mm-theme-white .mm-listview > li > a.mm-selected.mm-fullsubopen + span, .mm-menu.mm-parentselected.mm-theme-white .mm-listview > li > a.mm-selected:not(.mm-fullsubopen){
background: rgba(0, 0, 0, 0.05);
}
.mm-menu.mm-theme-white label.mm-toggle{
background: rgba(0, 0, 0, 0.1);
}
.mm-menu.mm-theme-white label.mm-toggle:before{
background: #fff;
}
.mm-menu.mm-theme-white input.mm-toggle:checked ~ label.mm-toggle{
background: #4bd963;
}
.mm-menu.mm-theme-black{
background: #000;
border-color: rgba(255, 255, 255, 0.2);
color: rgba(255, 255, 255, 0.6);
}
.mm-menu.mm-theme-black .mm-navbar a, .mm-menu.mm-theme-black .mm-navbar > *, .mm-menu.mm-theme-black em.mm-counter{
color: rgba(255, 255, 255, 0.4);
}
.mm-menu.mm-theme-black .mm-btn:after, .mm-menu.mm-theme-black .mm-btn:before{
border-color: rgba(255, 255, 255, 0.4);
}
.mm-menu.mm-theme-black .mm-listview{
border-color: rgba(255, 255, 255, 0.2);
}
.mm-menu.mm-theme-black .mm-listview > li .mm-arrow:after, .mm-menu.mm-theme-black .mm-listview > li .mm-next:after{
border-color: rgba(255, 255, 255, 0.4);
}
.mm-menu.mm-theme-black .mm-listview > li a:not(.mm-next){
-webkit-tap-highlight-color: rgba(255, 255, 255, 0.3);
tap-highlight-color: rgba(255, 255, 255, 0.3);
}
.mm-menu.mm-theme-black .mm-listview > li.mm-selected > a:not(.mm-next), .mm-menu.mm-theme-black .mm-listview > li.mm-selected > span{
background: rgba(255, 255, 255, 0.3);
}
.mm-menu.mm-theme-black .mm-divider, .mm-menu.mm-theme-black .mm-fixeddivider span, .mm-menu.mm-theme-black .mm-listview > li.mm-opened.mm-vertical > .mm-panel, .mm-menu.mm-theme-black .mm-listview > li.mm-opened.mm-vertical > a.mm-next, .mm-menu.mm-theme-black.mm-vertical .mm-listview > li.mm-opened > .mm-panel, .mm-menu.mm-theme-black.mm-vertical .mm-listview > li.mm-opened > a.mm-next{
background: rgba(255, 255, 255, 0.2);
}
.mm-menu.mm-theme-black label.mm-check:before{
border-color: rgba(255, 255, 255, 0.6);
}
.mm-menu.mm-pageshadow.mm-theme-black:after{
content: none;
display: none;
}
.mm-menu.mm-theme-black .mm-search input{
background: rgba(255, 255, 255, 0.3);
color: rgba(255, 255, 255, 0.6);
}
.mm-menu.mm-theme-black .mm-indexer a, .mm-menu.mm-theme-black .mm-noresultsmsg{
color: rgba(255, 255, 255, 0.4);
}
.mm-menu.mm-hoverselected.mm-theme-black .mm-listview > li > a.mm-fullsubopen:hover + span, .mm-menu.mm-hoverselected.mm-theme-black .mm-listview > li > a:not(.mm-fullsubopen):hover, .mm-menu.mm-parentselected.mm-theme-black .mm-listview > li > a.mm-selected.mm-fullsubopen + a, .mm-menu.mm-parentselected.mm-theme-black .mm-listview > li > a.mm-selected.mm-fullsubopen + span, .mm-menu.mm-parentselected.mm-theme-black .mm-listview > li > a.mm-selected:not(.mm-fullsubopen){
background: rgba(255, 255, 255, 0.3);
}
.mm-menu.mm-theme-black label.mm-toggle{
background: rgba(255, 255, 255, 0.2);
}
.mm-menu.mm-theme-black label.mm-toggle:before{
background: #000;
}
.mm-menu.mm-theme-black input.mm-toggle:checked ~ label.mm-toggle{
background: #4bd963;
}
.mm-menu .mm-tileview.mm-listview:after, .mm-menu.mm-tileview .mm-listview:after{
content: "";
display: block;
clear: both;
}
.mm-menu .mm-tileview.mm-listview > li > .mm-next:after, .mm-menu .mm-tileview.mm-listview > li > .mm-next:before, .mm-menu.mm-tileview .mm-listview > li > .mm-next:after, .mm-menu.mm-tileview .mm-listview > li > .mm-next:before, .mm-menu.mm-tileview .mm-panel:after{
content: none;
display: none;
}
.mm-menu .mm-tileview.mm-listview > li, .mm-menu.mm-tileview .mm-listview > li{
width: 50%;
height: 0;
padding: 50% 0 0;
float: left;
position: relative;
}
.mm-menu .mm-tileview.mm-listview > li:after, .mm-menu.mm-tileview .mm-listview > li:after{
left: 0;
top: 0;
border-right-width: 1px;
border-right-style: solid;
z-index: -1;
}
.mm-menu .mm-tileview.mm-listview > li.mm-tile-xs, .mm-menu.mm-tileview .mm-listview > li.mm-tile-xs{
width: 12.5%;
padding-top: 12.5%;
}
.mm-menu .mm-tileview.mm-listview > li.mm-tile-s, .mm-menu.mm-tileview .mm-listview > li.mm-tile-s{
width: 25%;
padding-top: 25%;
}
.mm-menu .mm-tileview.mm-listview > li.mm-tile-l, .mm-menu.mm-tileview .mm-listview > li.mm-tile-l{
width: 75%;
padding-top: 75%;
}
.mm-menu .mm-tileview.mm-listview > li.mm-tile-xl, .mm-menu.mm-tileview .mm-listview > li.mm-tile-xl{
width: 100%;
padding-top: 100%;
}
.mm-menu .mm-tileview.mm-listview > li > a, .mm-menu .mm-tileview.mm-listview > li > span, .mm-menu.mm-tileview .mm-listview > li > a, .mm-menu.mm-tileview .mm-listview > li > span{
line-height: 1px;
text-align: center;
padding: 50% 10px 0;
margin: 0;
position: absolute;
top: 0;
right: 1px;
bottom: 1px;
left: 0;
}
.mm-menu .mm-tileview.mm-listview > li > .mm-next, .mm-menu.mm-tileview .mm-listview > li > .mm-next{
width: auto;
}
.mm-menu.mm-tileview .mm-panel{
padding-left: 0;
padding-right: 0;
}
.mm-menu.mm-tileview .mm-listview{
margin: 0;
}
.mm-navbar-bottom, .mm-navbar-top ~ .mm-navbar-top{
border-bottom: none;
}
.mm-menu > .mm-navbar{
background: inherit;
padding: 0;
z-index: 3;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.mm-navbar-bottom{
border-top-width: 1px;
border-top-style: solid;
top: auto;
bottom: 0;
}
.mm-navbar-bottom ~ .mm-navbar-bottom{
border-top: none;
}
.mm-navbar.mm-hasbtns{
padding: 0 40px;
}
.mm-navbar[class*=mm-navbar-content-] > *{
box-sizing: border-box;
display: block;
float: left;
}
.mm-navbar .mm-breadcrumbs{
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
-webkit-overflow-scrolling: touch;
overflow-x: auto;
text-align: left;
padding: 0 0 0 17px;
}
.mm-navbar .mm-breadcrumbs > *{
display: inline-block;
padding: 10px 3px;
}
.mm-navbar .mm-breadcrumbs > a{
text-decoration: underline;
}
.mm-navbar.mm-hasbtns .mm-breadcrumbs{
margin-left: -40px;
}
.mm-navbar.mm-hasbtns .mm-btn:not(.mm-hidden) + .mm-breadcrumbs{
margin-left: 0;
padding-left: 0;
}
.mm-navbar-top-1{
top: 0;
}
.mm-hasnavbar-top-1 .mm-panels, .mm-navbar-top-2{
top: 40px;
}
.mm-hasnavbar-top-2 .mm-panels, .mm-navbar-top-3{
top: 80px;
}
.mm-hasnavbar-top-3 .mm-panels, .mm-navbar-top-4{
top: 120px;
}
.mm-hasnavbar-top-4 .mm-panels{
top: 160px;
}
.mm-navbar-bottom-1{
bottom: 0;
}
.mm-hasnavbar-bottom-1 .mm-panels, .mm-navbar-bottom-2{
bottom: 40px;
}
.mm-hasnavbar-bottom-2 .mm-panels, .mm-navbar-bottom-3{
bottom: 80px;
}
.mm-hasnavbar-bottom-3 .mm-panels, .mm-navbar-bottom-4{
bottom: 120px;
}
.mm-hasnavbar-bottom-4 .mm-panels{
bottom: 160px;
}
.mm-navbar-size-2{
height: 80px;
}
.mm-navbar-size-3{
height: 120px;
}
.mm-navbar-size-4{
height: 160px;
}
.mm-navbar-content-2 > *{
width: 50%;
}
.mm-navbar-content-3 > *{
width: 33.33%;
}
.mm-navbar-content-4 > *{
width: 25%;
}
.mm-navbar-content-5 > *{
width: 20%;
}
.mm-navbar-content-6 > *{
width: 16.67%;
}
/* Accessibility: hide screen reader texts (and prefer "top" for RTL languages).
Reference: http://blog.rrwd.nl/2015/04/04/the-screen-reader-text-class-why-and-how/ */
.mejs__offscreen{
border: 0;
clip: rect(1px, 1px, 1px, 1px);
-webkit-clip-path: inset(50%);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
word-wrap: normal;
}
.mejs__container{
background: #000;
box-sizing: border-box;
font-family: "Helvetica", Arial, serif;
position: relative;
text-align: left;
text-indent: 0;
vertical-align: top;
}
.mejs__container *{
box-sizing: border-box;
}
/* Hide native play button and control bar from iOS to favor plugin button */
.mejs__container video::-webkit-media-controls,
.mejs__container video::-webkit-media-controls-panel,
.mejs__container video::-webkit-media-controls-panel-container,
.mejs__container video::-webkit-media-controls-start-playback-button{
-webkit-appearance: none;
display: none !important;
}
.mejs__fill-container,
.mejs__fill-container .mejs__container{
height: 100%;
width: 100%;
}
.mejs__fill-container{
background: transparent;
margin: 0 auto;
overflow: hidden;
position: relative;
}
.mejs__container:focus{
outline: none;
}
.mejs__iframe-overlay{
height: 100%;
position: absolute;
width: 100%;
}
.mejs__embed,
.mejs__embed body{
background: #000;
height: 100%;
margin: 0;
overflow: hidden;
padding: 0;
width: 100%;
}
.mejs__fullscreen{
overflow: hidden !important;
}
.mejs__container-fullscreen{
bottom: 0;
left: 0;
overflow: hidden;
position: fixed;
right: 0;
top: 0;
z-index: 1000;
}
.mejs__container-fullscreen .mejs__mediaelement,
.mejs__container-fullscreen video{
height: 100% !important;
width: 100% !important;
}
/* Start: LAYERS */
.mejs__background{
left: 0;
position: absolute;
top: 0;
}
.mejs__mediaelement{
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 0;
}
.mejs__poster{
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: cover;
left: 0;
position: absolute;
top: 0;
z-index: 1;
}
:root .mejs__poster-img{
display: none;
}
.mejs__poster-img{
border: 0;
padding: 0;
}
.mejs__overlay{
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
left: 0;
position: absolute;
top: 0;
}
.mejs__layer{
z-index: 1;
}
.mejs__overlay-play{
cursor: pointer;
}
.mejs__overlay-button{
background: url("https://apx.lvr.de/media/layout/img/mejs_controls.svg") no-repeat;
background-position: 0 -39px;
height: 80px;
width: 80px;
}
.mejs__overlay:hover > .mejs__overlay-button{
background-position: -80px -39px;
}
.mejs__overlay-loading{
height: 80px;
width: 80px;
}
.mejs__overlay-loading-bg-img{
-webkit-animation: mejs__loading-spinner 1s linear infinite;
animation: mejs__loading-spinner 1s linear infinite;
background: transparent url("https://apx.lvr.de/media/layout/img/mejs_controls.svg") -160px -40px no-repeat;
display: block;
height: 80px;
width: 80px;
z-index: 1;
}
@-webkit-keyframes mejs__loading-spinner{
100%{
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes mejs__loading-spinner{
100%{
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
/* End: LAYERS */
/* Start: CONTROL BAR */
.mejs__controls{
bottom: 0;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
height: 40px;
left: 0;
list-style-type: none;
margin: 0;
padding: 0 10px;
position: absolute;
width: 100%;
z-index: 3;
}
.mejs__controls:not([style*="display: none"]) {
background: rgba(255, 0, 0, 0.7);
background: -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.35));
background: linear-gradient(transparent, rgba(0, 0, 0, 0.35));
}
.mejs__button,
.mejs__time,
.mejs__time-rail{
font-size: 10px;
height: 40px;
line-height: 10px;
margin: 0;
width: 32px;
}
.mejs__button > button{
background: transparent url("https://apx.lvr.de/media/layout/img/mejs_controls.svg");
border: 0;
cursor: pointer;
display: block;
font-size: 0;
height: 20px;
line-height: 0;
margin: 10px 6px;
overflow: hidden;
padding: 0;
position: absolute;
text-decoration: none;
width: 20px;
}
/* :focus for accessibility */
.mejs__button > button:focus{
outline: dotted 1px #999;
}
.mejs__container-keyboard-inactive a,
.mejs__container-keyboard-inactive a:focus,
.mejs__container-keyboard-inactive button,
.mejs__container-keyboard-inactive button:focus,
.mejs__container-keyboard-inactive [role=slider],
.mejs__container-keyboard-inactive [role=slider]:focus{
outline: 0;
}
/* End: CONTROL BAR */
/* Start: Time (Current / Duration) */
.mejs__time{
box-sizing: content-box;
color: #fff;
font-size: 11px;
font-weight: bold;
height: 24px;
overflow: hidden;
padding: 16px 6px 0;
text-align: center;
width: auto;
}
/* End: Time (Current / Duration) */
/* Start: Play/Pause/Stop */
.mejs__play > button{
background-position: 0 0;
}
.mejs__pause > button{
background-position: -20px 0;
}
.mejs__replay > button{
background-position: -160px 0;
}
/* End: Play/Pause/Stop */
/* Start: Progress Bar */
.mejs__time-rail{
direction: ltr;
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
height: 40px;
margin: 0 10px;
padding-top: 10px;
position: relative;
}
.mejs__time-total,
.mejs__time-buffering,
.mejs__time-loaded,
.mejs__time-current,
.mejs__time-float,
.mejs__time-hovered,
.mejs__time-float-current,
.mejs__time-float-corner,
.mejs__time-marker{
border-radius: 2px;
cursor: pointer;
display: block;
height: 10px;
position: absolute;
}
.mejs__time-total{
background: rgba(255, 255, 255, 0.3);
margin: 5px 0 0;
width: 100%;
}
.mejs__time-buffering{
-webkit-animation: buffering-stripes 2s linear infinite;
animation: buffering-stripes 2s linear infinite;
background: -webkit-linear-gradient(135deg, rgba(255, 255, 255, 0.4) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.4) 75%, transparent 75%, transparent);
background: linear-gradient(-45deg, rgba(255, 255, 255, 0.4) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.4) 75%, transparent 75%, transparent);
background-size: 15px 15px;
width: 100%;
}
@-webkit-keyframes buffering-stripes{
from{
background-position: 0 0;
}
to{
background-position: 30px 0;
}
}
@keyframes buffering-stripes{
from{
background-position: 0 0;
}
to{
background-position: 30px 0;
}
}
.mejs__time-loaded{
background: rgba(255, 255, 255, 0.3);
}
.mejs__time-current,
.mejs__time-handle-content{
background: rgba(255, 255, 255, 0.9);
}
.mejs__time-hovered{
background: rgba(255, 255, 255, 0.5);
z-index: 10;
}
.mejs__time-hovered.negative{
background: rgba(0, 0, 0, 0.2);
}
.mejs__time-current,
.mejs__time-buffering,
.mejs__time-loaded,
.mejs__time-hovered{
left: 0;
-webkit-transform: scaleX(0);
-ms-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: 0 0;
-ms-transform-origin: 0 0;
transform-origin: 0 0;
-webkit-transition: 0.15s ease-in all;
transition: 0.15s ease-in all;
width: 100%;
}
.mejs__time-buffering{
-webkit-transform: scaleX(1);
-ms-transform: scaleX(1);
transform: scaleX(1);
}
.mejs__time-hovered{
-webkit-transition: height 0.1s cubic-bezier(0.44, 0, 1, 1);
transition: height 0.1s cubic-bezier(0.44, 0, 1, 1);
}
.mejs__time-hovered.no-hover{
-webkit-transform: scaleX(0) !important;
-ms-transform: scaleX(0) !important;
transform: scaleX(0) !important;
}
.mejs__time-handle,
.mejs__time-handle-content{
border: 4px solid transparent;
cursor: pointer;
left: 0;
position: absolute;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
z-index: 11;
}
.mejs__time-handle-content{
border: 4px solid rgba(255, 255, 255, 0.9);
border-radius: 50%;
height: 10px;
left: -7px;
top: -4px;
-webkit-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
width: 10px;
}
.mejs__time-rail:hover .mejs__time-handle-content,
.mejs__time-rail .mejs__time-handle-content:focus,
.mejs__time-rail .mejs__time-handle-content:active{
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.mejs__time-float{
background: #eee;
border: solid 1px #333;
bottom: 100%;
color: #111;
display: none;
height: 17px;
margin-bottom: 9px;
position: absolute;
text-align: center;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
width: 36px;
}
.mejs__time-float-current{
display: block;
left: 0;
margin: 2px;
text-align: center;
width: 30px;
}
.mejs__time-float-corner{
border: solid 5px #eee;
border-color: #eee transparent transparent;
border-radius: 0;
display: block;
height: 0;
left: 50%;
line-height: 0;
position: absolute;
top: 100%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
width: 0;
}
.mejs__long-video .mejs__time-float{
margin-left: -23px;
width: 64px;
}
.mejs__long-video .mejs__time-float-current{
width: 60px;
}
.mejs__broadcast{
color: #fff;
height: 10px;
position: absolute;
top: 15px;
width: 100%;
}
/* End: Progress Bar */
/* Start: Fullscreen */
.mejs__fullscreen-button > button{
background-position: -80px 0;
}
.mejs__unfullscreen > button{
background-position: -100px 0;
}
/* End: Fullscreen */
/* Start: Mute/Volume */
.mejs__mute > button{
background-position: -60px 0;
}
.mejs__unmute > button{
background-position: -40px 0;
}
.mejs__volume-button{
position: relative;
}
.mejs__volume-button > .mejs__volume-slider{
-webkit-backface-visibility: hidden;
background: rgba(50, 50, 50, 0.7);
border-radius: 0;
bottom: 100%;
display: none;
height: 115px;
left: 50%;
margin: 0;
position: absolute;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
width: 25px;
z-index: 1;
}
.mejs__volume-button:hover{
border-radius: 0 0 4px 4px;
}
.mejs__volume-total{
background: rgba(255, 255, 255, 0.5);
height: 100px;
left: 50%;
margin: 0;
position: absolute;
top: 8px;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
width: 2px;
}
.mejs__volume-current{
background: rgba(255, 255, 255, 0.9);
left: 0;
margin: 0;
position: absolute;
width: 100%;
}
.mejs__volume-handle{
background: rgba(255, 255, 255, 0.9);
border-radius: 1px;
cursor: ns-resize;
height: 6px;
left: 50%;
position: absolute;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
width: 16px;
}
.mejs__horizontal-volume-slider{
display: block;
height: 36px;
position: relative;
vertical-align: middle;
width: 56px;
}
.mejs__horizontal-volume-total{
background: rgba(50, 50, 50, 0.8);
border-radius: 2px;
font-size: 1px;
height: 8px;
left: 0;
margin: 0;
padding: 0;
position: absolute;
top: 16px;
width: 50px;
}
.mejs__horizontal-volume-current{
background: rgba(255, 255, 255, 0.8);
border-radius: 2px;
font-size: 1px;
height: 100%;
left: 0;
margin: 0;
padding: 0;
position: absolute;
top: 0;
width: 100%;
}
.mejs__horizontal-volume-handle{
display: none;
}
/* End: Mute/Volume */
/* Start: Track (Captions and Chapters) */
.mejs__captions-button,
.mejs__chapters-button{
position: relative;
}
.mejs__captions-button > button{
background-position: -140px 0;
}
.mejs__chapters-button > button{
background-position: -180px 0;
}
.mejs__captions-button > .mejs__captions-selector,
.mejs__chapters-button > .mejs__chapters-selector{
background: rgba(50, 50, 50, 0.7);
border: solid 1px transparent;
border-radius: 0;
bottom: 100%;
margin-right: -43px;
overflow: hidden;
padding: 0;
position: absolute;
right: 50%;
visibility: visible;
width: 86px;
}
.mejs__chapters-button > .mejs__chapters-selector{
margin-right: -55px;
width: 110px;
}
.mejs__captions-selector-list,
.mejs__chapters-selector-list{
list-style-type: none !important;
margin: 0;
overflow: hidden;
padding: 0;
}
.mejs__captions-selector-list-item,
.mejs__chapters-selector-list-item{
color: #fff;
cursor: pointer;
display: block;
list-style-type: none !important;
margin: 0 0 6px;
overflow: hidden;
padding: 0;
}
.mejs__captions-selector-list-item:hover,
.mejs__chapters-selector-list-item:hover{
background-color: rgb(200, 200, 200) !important;
background-color: rgba(255, 255, 255, 0.4) !important;
}
.mejs__captions-selector-input,
.mejs__chapters-selector-input{
clear: both;
float: left;
left: -1000px;
margin: 3px 3px 0 5px;
position: absolute;
}
.mejs__captions-selector-label,
.mejs__chapters-selector-label{
cursor: pointer;
float: left;
font-size: 10px;
line-height: 15px;
padding: 4px 10px 0;
width: 100%;
}
.mejs__captions-selected,
.mejs__chapters-selected{
color: rgb(33, 248, 248);
}
.mejs__captions-translations{
font-size: 10px;
margin: 0 0 5px;
}
.mejs__captions-layer{
bottom: 0;
color: #fff;
font-size: 16px;
left: 0;
line-height: 20px;
position: absolute;
text-align: center;
}
.mejs__captions-layer a{
color: #fff;
text-decoration: underline;
}
.mejs__captions-layer[lang=ar]{
font-size: 20px;
font-weight: normal;
}
.mejs__captions-position{
bottom: 15px;
left: 0;
position: absolute;
width: 100%;
}
.mejs__captions-position-hover{
bottom: 35px;
}
.mejs__captions-text,
.mejs__captions-text *{
background: rgba(20, 20, 20, 0.5);
box-shadow: 5px 0 0 rgba(20, 20, 20, 0.5), -5px 0 0 rgba(20, 20, 20, 0.5);
padding: 0;
white-space: pre-wrap;
}
.mejs__container.mejs__hide-cues video::-webkit-media-text-track-container{
display: none;
}
/* End: Track (Captions and Chapters) */
/* Start: Error */
.mejs__overlay-error{
position: relative;
}
.mejs__overlay-error > img{
left: 0;
max-width: 100%;
position: absolute;
top: 0;
z-index: -1;
}
.mejs__cannotplay,
.mejs__cannotplay a{
color: #fff;
font-size: 0.8em;
}
.mejs__cannotplay{
position: relative;
}
.mejs__cannotplay p,
.mejs__cannotplay a{
display: inline-block;
padding: 0 15px;
width: 100%;
}
/* End: Error */
.mejs-video-description-button > button,
.mejs__video-description-button > button,
.mejs-audio-description-button > button,
.mejs__audio-description-button > button{
background-repeat: no-repeat;
background-size: contain;
opacity: 0.7;
}
.mejs-video-description-button.video-description-on > button,
.mejs__video-description-button.video-description-on > button,
.mejs-audio-description-button.audio-description-on > button,
.mejs__audio-description-button.audio-description-on > button{
opacity: 1;
}
.mejs-video-description-button > button,
.mejs__video-description-button > button{
background-image: url("https://apx.lvr.de/media/layout/img/video_description_icon.svg");
}
.mejs-audio-description-button > button,
.mejs__audio-description-button > button{
background-image: url("https://apx.lvr.de/media/layout/img/video_description_icon.svg");
}
.mejs-volume-button.hidden,
.mejs__volume-button.hidden{
display: none;
}
.mejs-audio-description-player,
.mejs__audio-description-player{
display: none;
}
/* Slider */
.slick-slider{
position: relative;
display: block;
box-sizing: border-box;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-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);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track{
position: relative;
left: 0;
top: 0;
display: block;
margin-left: auto;
margin-right: auto;
}
.slick-track:before, .slick-track:after{
content: "";
display: table;
}
.slick-track:after{
clear: both;
}
.slick-loading .slick-track{
visibility: hidden;
}
.slick-slide{
float: left;
height: 100%;
min-height: 1px;
display: none;
}
[dir=rtl] .slick-slide {
float: right;
}
.slick-slide img{
display: block;
}
.slick-slide.slick-loading img{
display: none;
}
.slick-slide.dragging img{
pointer-events: none;
}
.slick-initialized .slick-slide{
display: block;
}
.slick-loading .slick-slide{
visibility: hidden;
}
.slick-vertical .slick-slide{
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden{
display: none;
}
/* Slider */
.slick-loading .slick-list {
background: #fff url("https://apx.lvr.de/media/layout/img/ajax_loader.gif") center center no-repeat;
}
/* Icons */
@font-face{
font-family: "slick";
src: url("https://apx.lvr.de/media/layout/fonts/slick_eot.eot");
src: url("https://apx.lvr.de/media/layout/fonts/slick_eot.eot?#iefix") format("embedded-opentype"), url("https://apx.lvr.de/media/layout/fonts/slick_woff.woff") format("woff"), url("https://apx.lvr.de/media/layout/fonts/slick_ttf.ttf") format("truetype"), url("https://apx.lvr.de/media/layout/fonts/slick_svg.svg#slick") format("svg");
font-weight: normal;
font-style: normal;
}
/* 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-dots {
position: absolute;
bottom: -25px;
list-style: none;
display: block;
text-align: center;
padding: 0;
margin: 0;
width: 100%;
}
.slick-dots li {
position: relative;
display: inline-block;
height: 20px;
width: 20px;
margin: 0 5px;
padding: 0;
cursor: pointer;
}
.slick-dots li button {
border: 0;
background: transparent;
display: block;
height: 20px;
width: 20px;
outline: 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: 6px;
line-height: 20px;
text-align: center;
color: black;
opacity: 0.25;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
color: black;
opacity: 0.75;
}
.mod_360pano iframe{
width: 100%;
height: 619px;
border: none;
outline: none;
}
@media (max-width: 1100px){
.mod_360pano iframe{
height: calc(180px + (619 - 180) * ((100vw - 320px) / (1100 - 320)));
}
}
.mod_accordion .accordion_wrapper .accordion{
position: relative;
}
.mod_accordion .accordion_wrapper .accordion .trigger{
display: block;
position: relative;
border-bottom: 1px solid #5f5e5e;
cursor: pointer;
z-index: 2;
background: #fff;
height: 80px;
color: #000;
outline: none !important;
}
.mod_accordion .accordion_wrapper .accordion .trigger h4{
margin: 0;
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
transition: all 0.3s ease;
color: #cc3300;
}
.mod_accordion .accordion_wrapper .accordion .trigger svg{
transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%) rotate(0deg);
}
.mod_accordion .accordion_wrapper .accordion .trigger svg line{
transition: all 0.3s ease;
stroke: #cc3300;
}
.mod_accordion .accordion_wrapper .accordion .trigger:focus h4, .mod_accordion .accordion_wrapper .accordion .trigger:hover h4 {
color: #000 !important;
text-decoration: underline;
}
.mod_accordion .accordion_wrapper .accordion .trigger:focus svg line, .mod_accordion .accordion_wrapper .accordion .trigger:hover svg line{
stroke: #000;
}
.mod_accordion .accordion_wrapper .accordion .content{
display: none;
opacity: 0;
visibility: hidden;
transition: all 0.3s ease;
margin-top: -25px;
transform: scale(0.99);
padding: 0 0;
border-bottom: 1px solid #5f5e5e;
}
.mod_accordion .accordion_wrapper .accordion .content.show{
display: block;
}
.mod_accordion .accordion_wrapper .accordion.open .trigger svg{
transform: translateY(-50%) rotate(135deg);
}
.mod_accordion .accordion_wrapper .accordion.open .trigger svg #line1{
stroke: #fff;
}
.mod_accordion .accordion_wrapper .accordion.open .content{
opacity: 1;
visibility: visible;
margin-top: 0;
transform: scale(1);
padding: 20px 0;
}
.mod_award a, .mod_award a:visited{
background: #cc3300;
color: #fff;
display: inline-block;
height: 60px;
line-height: 60px;
text-decoration: none;
padding: 0 20px;
position: relative;
transition: all 0.2s ease;
border: 1px solid #cc3300;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
max-width: 100%;
}
.mod_award a img, .mod_award a:visited img{
position: relative;
top: 8px;
margin-right: 10px;
max-height: 36px;
width: auto;
}
.mod_award a:focus, .mod_award a:hover, .mod_award a:visited:focus, .mod_award a:visited:hover{
background: #5f5e5e;
border-color: #5f5e5e;
color: #fff;
}
.mod_breadcrumb{
position: relative;
margin-bottom: 50px;
z-index: 1;
}
@media (max-width: 1919px){
.mod_breadcrumb{
margin-bottom: calc(15px + (50 - 15) * ((100vw - 320px) / (1920 - 320)));
}
}
.mod_breadcrumb ul{
position: relative;
padding: 0;
margin: 0;
list-style: none;
}
.mod_breadcrumb ul li{
display: inline-block;
padding: 0 25px 25px 0;
position: relative;
}
.mod_breadcrumb ul li:after{
content: "";
position: absolute;
height: 2px;
width: 6px;
background: #5f5e5e;
position: absolute;
right: 5px;
top: 50%;
margin-top: -13px;
}
.mod_breadcrumb ul li:last-child:after{
display: none;
}
.mod_breadcrumb ul li a{
display: inline-block;
font-size: 22px;
color: #5f5e5e;
text-decoration: none;
font-weight: bold;
transition: all 0.2s ease;
}
@media (max-width: 1919px){
.mod_breadcrumb ul li a{
font-size: calc(14px + (22 - 14) * ((100vw - 320px) / (1920 - 320)));
}
}
.mod_breadcrumb ul li a:hover{
color: #cc3300;
text-decoration: underline;
}
.mod_breadcrumb ul li span{
display: inline-block;
font-size: 22px;
color: #5f5e5e;
text-decoration: none;
font-weight: normal;
}
@media (max-width: 1919px){
.mod_breadcrumb ul li span{
font-size: calc(14px + (22 - 14) * ((100vw - 320px) / (1920 - 320)));
}
}
.mod_breadcrumb ul:after{
left: 0;
bottom: 10px;
content: "";
position: absolute;
height: 1px;
width: 160px;
background: #5f5e5e;
}
@media (max-width: 1919px){
.mod_breadcrumb ul:after{
width: calc(45px + (160 - 45) * ((100vw - 320px) / (1920 - 320)));
bottom: calc(20px + (10 - 20) * ((100vw - 320px) / (1920 - 320)));
}
}
.mod_btn{
text-decoration: none;
width: 100%;
max-width: 550px;
height: 190px;
border: 1px solid #cc3300;
color: #cc3300;
display: inline-block;
position: relative;
transition: all 0.2s ease;
text-align: left;
}
@media (max-width: 1919px){
.mod_btn{
height: calc(65px + (190 - 65) * ((100vw - 320px) / (1920 - 320)));
}
}
.mod_btn span{
font-size: 28px;
line-height: 36px;
position: absolute;
top: 50%;
transform: translateY(-50%);
}
@media (max-width: 1919px){
.mod_btn span{
font-size: calc(14px + (28 - 14) * ((100vw - 320px) / (1920 - 320)));
line-height: calc(18px + (36 - 18) * ((100vw - 320px) / (1920 - 320)));
}
}
.mod_btn svg{
position: absolute;
top: 50%;
transform: translateY(-50%);
max-height: 50px;
max-width: 50px;
object-fit: contain;
}
@media (max-width: 550px){
.mod_btn svg{
max-width: 35px;
max-height: 35px;
}
}
.mod_btn svg path{
fill: #cc3300;
transition: all 0.2s ease;
}
.mod_btn.icon-left svg{
left: 65px;
}
@media (max-width: 1919px){
.mod_btn.icon-left svg{
left: calc(15px + (65 - 15) * ((100vw - 320px) / (1920 - 320)));
}
}
.mod_btn.icon-left span{
right: 50px;
}
@media (max-width: 1919px){
.mod_btn.icon-left span{
right: calc(15px + (50 - 15) * ((100vw - 320px) / (1920 - 320)));
}
}
.mod_btn.icon-right svg{
right: 50px;
}
@media (max-width: 1919px){
.mod_btn.icon-right svg{
right: calc(15px + (50 - 15) * ((100vw - 320px) / (1920 - 320)));
}
}
.mod_btn.icon-right span{
left: 65px;
}
@media (max-width: 1919px){
.mod_btn.icon-right span{
left: calc(15px + (65 - 15) * ((100vw - 320px) / (1920 - 320)));
}
}
.mod_btn:hover{
color: #fff !important;
background: #cc3300;
}
.mod_btn:hover svg path{
fill: #fff;
}
@media (max-width: 550px){
.gridcontainer .col{
width: 100%;
padding-left: 0 !important;
padding-right: 0 !important;
}
}
.gridcontainer .span_12{
padding: 4px 0px;
}
.gridcontainer .span_6{
padding: 4px 8px;
}
.gridcontainer .span_6:first-child{
padding-left: 0;
}
.gridcontainer .span_6:last-child{
padding-right: 0;
}
.mod_btn_top {
text-align: right;
}
.mod_btn_top a {
display: inline-block;
height: 45px;
width: 45px;
margin: 10px 0;
background: #fff;
padding: 5px;
border-radius: 5px;
transition: all 0.2s ease;
}
.mod_btn_top a svg {
width: 100%;
height: auto;
}
.mod_btn_top a svg path {
fill: #cc3300;
transition: all 0.2s ease;
}
.mod_btn_top a:focus, .mod_btn_top a:hover {
background: #cc3300;
}
.mod_btn_top a:focus svg path, .mod_btn_top a:hover svg path {
fill: #fff;
}
.mod_contact_form select{
width: 260px;
height: 48px;
line-height: 48px;
padding: 0 15px;
outline: none;
border: 1px solid #6E6E6E;
}
@media (max-width: 550px){
.mod_contact_form select{
width: 100%;
}
}
.mod_contact_form .input{
display: inline-block;
width: 100%;
outline: none;
height: 48px;
line-height: 48px;
padding: 0 20px;
border: 1px solid #6E6E6E;
border-radius: 0;
}
.mod_contact_form textarea{
display: inline-block;
width: 100%;
outline: none;
height: 260px;
resize: vertical;
line-height: 48px;
padding: 0 20px;
border: 1px solid #6E6E6E;
border-radius: 0;
}
.mod_contact_form button{
cursor: pointer;
display: inline-block;
width: 15%;
border: none;
outline: none;
color: #fff;
background: #cc3300;
height: 48px;
line-height: 48px;
text-align: center;
transition: all 0.2s ease;
}
@media (max-width: 550px){
.mod_contact_form button{
width: 100%;
}
}
.mod_contact_form button:focus, .mod_contact_form button:hover{
background: #cc3300;
text-decoration: underline;
}
.mod_contact_form table{
width: 100%;
max-width: 900px;
}
.mod_contact_form table tr td{
padding: 5px 0;
vertical-align: top;
}
@media (max-width: 735px){
.mod_contact_form table tr td{
display: block;
width: 100%;
}
}
.mod_contact_form .error{
border-color: #E00000 !important;
outline-color: #E00000 !important;
color: red;
}
.mod_contact_form .error-msg{
color: #E00000;
font-size: 16px;
font-style: italic;
}
.mod_contact_person{
margin-bottom: 25px;
}
@media (max-width: 735px){
.mod_contact_person{
width: 50%;
}
}
@media (max-width: 550px){
.mod_contact_person{
width: 50% !important;
}
}
@media (max-width: 400px){
.mod_contact_person{
width: 100% !important;
}
}
.mod_contact_person .img{
height: 200px;
width: 160px;
}
@media (max-width: 1919px){
.mod_contact_person .img{
width: calc(100px + (160 - 100) * ((100vw - 320px) / (1920 - 320)));
height: auto;
}
}
@media (max-width: 550px){
.mod_contact_person .img{
width: 160px;
}
}
.mod_contact_person h4{
font-size: 22px;
line-height: 28px;
margin-bottom: 0;
}
@media (max-width: 1919px){
.mod_contact_person h4{
font-size: calc(18px + (22 - 18) * ((100vw - 320px) / (1920 - 320)));
line-height: calc(20px + (28 - 20) * ((100vw - 320px) / (1920 - 320)));
}
}
.mod_contact_person .service{
display: block;
font-size: 18px;
margin-bottom: 10px;
}
@media (max-width: 1919px){
.mod_contact_person .service{
font-size: calc(12px + (18 - 12) * ((100vw - 320px) / (1920 - 320)));
margin-bottom: calc(5px + (10 - 5) * ((100vw - 320px) / (1920 - 320)));
}
}
.mod_contact_person .link-icon{
display: inline-block;
color: #5f5e5e;
text-decoration: none;
transition: all 0.2s ease;
font-size: 16px;
}
.mod_contact_person .link-icon img{
margin-right: 6px;
margin-bottom: -7px;
width: 26px;
height: auto;
}
@media (max-width: 1919px){
.mod_contact_person .link-icon img{
width: calc(22px + (26 - 22) * ((100vw - 320px) / (1920 - 320)));
margin-right: calc(3px + (6 - 3) * ((100vw - 320px) / (1920 - 320)));
margin-bottom: calc(-3px + (-7 - -3) * ((100vw - 320px) / (1920 - 320)));
}
}
.mod_contact_person .link-icon:hover{
color: #cc3300;
text-decoration: underline;
}
.mod_contact_teaser .boxed-1, .mod_contact_teaser .boxed-2{
background: #f8f7f7;
padding: 50px;
}
@media (max-width: 1919px){
.mod_contact_teaser .boxed-1, .mod_contact_teaser .boxed-2{
padding: calc(15px + (50 - 15) * ((100vw - 320px) / (1920 - 320)));
}
}
.mod_contact_teaser .boxed-1 .logo, .mod_contact_teaser .boxed-2 .logo{
max-width: 45%;
margin-bottom: 10px;
}
.mod_contact_teaser .boxed-1 .headline, .mod_contact_teaser .boxed-2 .headline{
display: block;
font-weight: bold;
margin-bottom: 5px;
}
.mod_contact_teaser .boxed-1 .text, .mod_contact_teaser .boxed-2 .text{
display: block;
margin-bottom: 15px;
}
.mod_contact_teaser .boxed-1 .link-icon, .mod_contact_teaser .boxed-2 .link-icon{
margin-bottom: 2px;
display: inline-block;
}
.mod_contact_teaser .boxed-1 .link-icon img, .mod_contact_teaser .boxed-2 .link-icon img{
padding-right: 8px;
margin-bottom: -8px;
width: 36px;
}
@media (max-width: 1919px){
.mod_contact_teaser .boxed-1 .link-icon img, .mod_contact_teaser .boxed-2 .link-icon img{
width: calc(22px + (36 - 22) * ((100vw - 320px) / (1920 - 320)));
height: auto;
padding-right: calc(3px + (8 - 3) * ((100vw - 320px) / (1920 - 320)));
margin-bottom: calc(-3px + (-8 - -3) * ((100vw - 320px) / (1920 - 320)));
}
}
.mod_contact_teaser .boxed-1 a, .mod_contact_teaser .boxed-2 a{
text-decoration: none;
color: #5f5e5e;
transition: all 0.2s ease;
}
.mod_contact_teaser .boxed-1 a:hover, .mod_contact_teaser .boxed-2 a:hover{
color: #cc3300;
text-decoration: underline;
}
.mod_contact_teaser_2er .boxed-1, .mod_contact_teaser_2er .boxed-2{
background: #f8f7f7;
}
.mod_contact_teaser_2er .boxed-1 .col, .mod_contact_teaser_2er .boxed-2 .col{
padding: 50px;
}
@media (max-width: 1919px){
.mod_contact_teaser_2er .boxed-1 .col, .mod_contact_teaser_2er .boxed-2 .col{
padding: calc(15px + (50 - 15) * ((100vw - 320px) / (1920 - 320))) !important;
}
}
.mod_contact_teaser_2er .boxed-1:before, .mod_contact_teaser_2er .boxed-2:before{
position: absolute;
left: 50%;
width: 20px;
transform: translateX(-50%);
height: 100%;
background: #fff;
content: "";
display: block;
top: 0;
}
@media (max-width: 550px){
.mod_contact_teaser_2er .boxed-1:before, .mod_contact_teaser_2er .boxed-2:before{
display: none;
}
}
.mod_contact_teaser_2er .boxed-1 .logo, .mod_contact_teaser_2er .boxed-2 .logo{
width: 300px;
height: auto;
}
.mod_contact_teaser_2er .boxed-1 .headline, .mod_contact_teaser_2er .boxed-2 .headline{
display: block;
font-weight: bold;
margin-bottom: 5px;
}
.mod_contact_teaser_2er .boxed-1 .text, .mod_contact_teaser_2er .boxed-2 .text{
display: block;
margin-bottom: 15px;
}
.mod_contact_teaser_2er .boxed-1 .link-icon, .mod_contact_teaser_2er .boxed-2 .link-icon{
margin-bottom: 2px;
display: inline-block;
}
.mod_contact_teaser_2er .boxed-1 .link-icon img, .mod_contact_teaser_2er .boxed-2 .link-icon img{
padding-right: 8px;
margin-bottom: -8px;
width: 36px;
}
@media (max-width: 1919px){
.mod_contact_teaser_2er .boxed-1 .link-icon img, .mod_contact_teaser_2er .boxed-2 .link-icon img{
width: calc(22px + (36 - 22) * ((100vw - 320px) / (1920 - 320)));
height: auto;
padding-right: calc(3px + (8 - 3) * ((100vw - 320px) / (1920 - 320)));
margin-bottom: calc(-3px + (-8 - -3) * ((100vw - 320px) / (1920 - 320)));
}
}
.mod_contact_teaser_2er .boxed-1 a, .mod_contact_teaser_2er .boxed-2 a{
text-decoration: none;
color: #5f5e5e;
transition: all 0.2s ease;
}
.mod_contact_teaser_2er .boxed-1 a:hover, .mod_contact_teaser_2er .boxed-2 a:hover{
color: #cc3300;
text-decoration: underline;
}
.mod_contact_teaser_2er .boxed-1 .more, .mod_contact_teaser_2er .boxed-2 .more{
display: inline-block;
font-size: 18px;
height: 48px;
line-height: 48px;
padding: 0 25px;
background: #cc3300;
color: #fff;
text-align: center;
text-decoration: none;
transition: all 0.2s ease;
margin-top: 25px;
}
@media (max-width: 1919px){
.mod_contact_teaser_2er .boxed-1 .more, .mod_contact_teaser_2er .boxed-2 .more{
font-size: calc(14px + (18 - 14) * ((100vw - 320px) / (1920 - 320)));
height: calc(30px + (48 - 30) * ((100vw - 320px) / (1920 - 320)));
line-height: calc(30px + (48 - 30) * ((100vw - 320px) / (1920 - 320)));
padding: 0 calc(10px + (25 - 10) * ((100vw - 320px) / (1920 - 320)));
margin-top: calc(5px + (25 - 5) * ((100vw - 320px) / (1920 - 320)));
}
}
.mod_contact_teaser_2er .boxed-1 .more:hover, .mod_contact_teaser_2er .boxed-2 .more:hover{
background: #cc3300;
color: #fff;
text-decoration: underline;
}
.mod_contact_teaser_2er_border .boxed-1 hr, .mod_contact_teaser_2er_border .boxed-2 hr{
margin: 35px 0;
}
@media (max-width: 1919px){
.mod_contact_teaser_2er_border .boxed-1 hr, .mod_contact_teaser_2er_border .boxed-2 hr{
margin: calc(15px + (35 - 15) * ((100vw - 320px) / (1920 - 320))) 0;
}
}
.mod_contact_teaser_2er_border .boxed-1 .logo, .mod_contact_teaser_2er_border .boxed-2 .logo {
width: 300px;
height: auto;
}
.mod_contact_teaser_2er_border .boxed-1 .text, .mod_contact_teaser_2er_border .boxed-2 .text{
display: block;
margin-bottom: 15px;
}
.mod_contact_teaser_2er_border .boxed-1 .link-icon, .mod_contact_teaser_2er_border .boxed-2 .link-icon{
margin-bottom: 2px;
display: inline-block;
}
.mod_contact_teaser_2er_border .boxed-1 .link-icon img, .mod_contact_teaser_2er_border .boxed-2 .link-icon img{
padding-right: 8px;
margin-bottom: -8px;
width: 36px;
}
@media (max-width: 1919px){
.mod_contact_teaser_2er_border .boxed-1 .link-icon img, .mod_contact_teaser_2er_border .boxed-2 .link-icon img{
width: calc(22px + (36 - 22) * ((100vw - 320px) / (1920 - 320)));
height: auto;
padding-right: calc(3px + (8 - 3) * ((100vw - 320px) / (1920 - 320)));
margin-bottom: calc(-3px + (-8 - -3) * ((100vw - 320px) / (1920 - 320)));
}
}
.mod_contact_teaser_2er_border .boxed-1 a, .mod_contact_teaser_2er_border .boxed-2 a{
text-decoration: none;
color: #5f5e5e;
transition: all 0.2s ease;
}
.mod_contact_teaser_2er_border .boxed-1 a:hover, .mod_contact_teaser_2er_border .boxed-2 a:hover{
color: #cc3300;
text-decoration: underline;
}
.mod_contact_teaser_2er_border_color{
background: #f8f7f7;
}
.mod_contact_teaser_2er_border_color .boxed-1 hr, .mod_contact_teaser_2er_border_color .boxed-2 hr{
margin: 35px 0;
}
@media (max-width: 1919px){
.mod_contact_teaser_2er_border_color .boxed-1 hr, .mod_contact_teaser_2er_border_color .boxed-2 hr{
margin: calc(15px + (35 - 15) * ((100vw - 320px) / (1920 - 320))) 0;
}
}
.mod_contact_teaser_2er_border_color .boxed-1 .logo, .mod_contact_teaser_2er_border_color .boxed-2 .logo{
width: 300px;
height: auto;
}
.mod_contact_teaser_2er_border_color .boxed-1 .text, .mod_contact_teaser_2er_border_color .boxed-2 .text{
display: block;
margin-bottom: 15px;
}
.mod_contact_teaser_2er_border_color .boxed-1 .link-icon, .mod_contact_teaser_2er_border_color .boxed-2 .link-icon{
margin-bottom: 2px;
display: inline-block;
}
.mod_contact_teaser_2er_border_color .boxed-1 .link-icon img, .mod_contact_teaser_2er_border_color .boxed-2 .link-icon img{
padding-right: 8px;
margin-bottom: -8px;
width: 36px;
}
@media (max-width: 1919px){
.mod_contact_teaser_2er_border_color .boxed-1 .link-icon img, .mod_contact_teaser_2er_border_color .boxed-2 .link-icon img{
width: calc(22px + (36 - 22) * ((100vw - 320px) / (1920 - 320)));
height: auto;
padding-right: calc(3px + (8 - 3) * ((100vw - 320px) / (1920 - 320)));
margin-bottom: calc(-3px + (-8 - -3) * ((100vw - 320px) / (1920 - 320)));
}
}
.mod_contact_teaser_2er_border_color .boxed-1 a, .mod_contact_teaser_2er_border_color .boxed-2 a{
text-decoration: none;
color: #5f5e5e;
transition: all 0.2s ease;
}
.mod_contact_teaser_2er_border_color .boxed-1 a:hover, .mod_contact_teaser_2er_border_color .boxed-2 a:hover{
color: #cc3300;
text-decoration: underline;
}
.mod_content_slider *{
outline: none;
}
.mod_content_slider *:focus {
outline-color: #fff !important;
}
.mod_content_slider img{
margin: 0 auto;
width: 100%;
height: auto;
}
.mod_content_slider .caption {
text-align: center;
display: block;
height: 45px;
margin-top: 20px;
overflow: hidden;
}
.mod_content_slider .slider_wrapper .slick-prev{
filter: drop-shadow(0 0 10px #222);
left: 30px;
z-index: 2;
background: url("https://apx.lvr.de/media/layout/img/arrow_circle_left_neg.svg") no-repeat center;
height: 35px;
width: 35px;
background-size: contain;
}
.mod_content_slider .slider_wrapper .slick-prev:before{
display: none;
}
@media (max-width: 1919px){
.mod_content_slider .slider_wrapper .slick-prev{
left: calc(5px + (25 - 5) * ((100vw - 320px) / (1920 - 320)));
height: calc(15px + (45 - 15) * ((100vw - 320px) / (1920 - 320)));
width: calc(15px + (45 - 15) * ((100vw - 320px) / (1920 - 320)));
}
}
@media (max-width: 950px){
html.is-touch .mod_content_slider .slider_wrapper .slick-prev{
display: none !important;
}
}
.mod_content_slider .slider_wrapper .slick-next{
filter: drop-shadow(0 0 10px #222);
right: 30px;
z-index: 2;
background: url("https://apx.lvr.de/media/layout/img/arrow_circle_right_neg.svg") no-repeat center;
height: 35px;
width: 35px;
background-size: contain;
}
.mod_content_slider .slider_wrapper .slick-next:before{
display: none;
}
@media (max-width: 1919px){
.mod_content_slider .slider_wrapper .slick-next{
right: calc(5px + (25 - 5) * ((100vw - 320px) / (1920 - 320)));
height: calc(15px + (45 - 15) * ((100vw - 320px) / (1920 - 320)));
width: calc(15px + (45 - 15) * ((100vw - 320px) / (1920 - 320)));
}
}
@media (max-width: 950px){
html.is-touch .mod_content_slider .slider_wrapper .slick-next{
display: none !important;
}
}
.mod_content_slider .slider_wrapper .slick-dots{
position: absolute;
margin: 0;
bottom: -35px;
z-index: 2;
}
.mod_content_slider .slider_wrapper .slick-dots li{
width: initial;
}
.mod_content_slider .slider_wrapper .slick-dots li button{
background: transparent;
border-radius: 50%;
height: 16px;
width: 16px;
border: 2px solid #5f5e5e;
}
@media (max-width: 735px){
.mod_content_slider .slider_wrapper .slick-dots li button{
height: calc(2px + (12 - 2) * ((100vw - 320px) / (735 - 320)));
width: calc(2px + (12 - 2) * ((100vw - 320px) / (735 - 320)));
padding: calc(2px + (5 - 2) * ((100vw - 320px) / (735 - 320)));
}
}
.mod_content_slider .slider_wrapper .slick-dots li button:before{
display: none;
}
.mod_content_slider .slider_wrapper .slick-dots li.slick-active button{
background: #5f5e5e;
}
.mod_content_slider .slider_wrapper.has_caption .slickPause, .mod_content_slider .slider_wrapper.has_caption .slickPlay {
bottom: 70px;
}
.mod_download_grid h3{
font-size: 46px;
line-height: 56px;
margin-bottom: 45px;
font-weight: 600;
color: #5f5e5e;
text-align: center;
}
@media (max-width: 1919px){
.mod_download_grid h3{
font-size: calc(18px + (46 - 18) * ((100vw - 320px) / (1920 - 320)));
line-height: calc(30px + (56 - 30) * ((100vw - 320px) / (1920 - 320)));
margin-bottom: calc(15px + (25 - 15) * ((100vw - 320px) / (1920 - 320)));
}
}
.mod_download_grid .download{
background: #EBEBE9;
padding: 20px 25px;
}
.mod_download_grid .download .headline{
font-weight: bold;
display: block;
}
.mod_download_grid .downloads a:focus, .mod_download_grid .downloads a:hover{
text-decoration: underline;
color: #000;
}
.mod_download_grid .downloads a:focus svg path, .mod_download_grid .downloads a:hover svg path {
fill: #000 !important;
}
.mod_download_list .boxed-1, .mod_download_list .boxed-2{
padding: 50px;
background: #EBEBE9;
}
@media (max-width: 1919px){
.mod_download_list .boxed-1, .mod_download_list .boxed-2{
padding: calc(15px + (50 - 15) * ((100vw - 320px) / (1920 - 320)));
}
}
.mod_download_list h3{
font-size: 46px;
line-height: 56px;
margin-bottom: 45px;
font-weight: 600;
color: #5f5e5e;
}
@media (max-width: 1919px){
.mod_download_list h3{
font-size: calc(18px + (46 - 18) * ((100vw - 320px) / (1920 - 320)));
line-height: calc(30px + (56 - 30) * ((100vw - 320px) / (1920 - 320)));
margin-bottom: calc(15px + (25 - 15) * ((100vw - 320px) / (1920 - 320)));
}
}
.mod_download_list ul li a:focus, .mod_download_list ul li a:hover{
text-decoration: underline;
color: #000;
}
.mod_downloads .col{
margin-bottom: 25px;
}
@media (max-width: 950px){
.mod_downloads .col{
width: 50%;
}
}
@media (max-width: 550px){
.mod_downloads .col{
width: 100%;
}
}
.mod_downloads .content + ul li a:hover svg path{
fill: #5f5e5e;
}
.mod_downloads .content{
padding-right: 30px;
position: relative;
}
.mod_downloads .content.image .img:before{
content: "";
position: absolute;
display: block;
background: url("https://apx.lvr.de/media/layout/img/modules/downloads/img_circle.svg") no-repeat center;
background-size: contain;
height: 50px;
width: 50px;
bottom: 15px;
left: 15px;
}
.mod_downloads .content.pdf .img:before{
content: "";
position: absolute;
display: block;
background: url("https://apx.lvr.de/media/layout/img/modules/downloads/pdf.svg") no-repeat center;
background-size: contain;
height: 50px;
width: 50px;
bottom: 15px;
left: 15px;
}
.mod_downloads .content.video .img:before{
content: "";
position: absolute;
display: block;
background: url("https://apx.lvr.de/media/layout/img/modules/downloads/play_circle.svg") no-repeat center;
background-size: contain;
height: 50px;
width: 50px;
bottom: 15px;
left: 15px;
}
.mod_downloads .content .img{
position: relative;
margin-bottom: 15px;
}
@media (max-width: 1919px){
.mod_downloads .content .img{
margin-bottom: calc(5px + (15 - 5) * ((100vw - 320px) / (1920 - 320)));
}
}
.mod_downloads .content .img img{
height: 280px;
width: 356px;
display: block;
}
@media (max-width: 1919px){
.mod_downloads .content .img img{
height: auto;
}
}
.mod_downloads .content .text{
height: 110px;
display: block;
font-size: 18px;
line-height: 25px;
overflow: hidden;
}
@media (max-width: 950px){
.mod_downloads .content .text{
font-size: calc(14px + (18 - 14) * ((100vw - 320px) / (1920 - 320)));
line-height: calc(22px + (25 - 22) * ((100vw - 320px) / (1920 - 320)));
}
}
.mod_downloads ul{
list-style: none;
margin: 0;
}
.mod_downloads ul li{
display: inline-block;
margin-right: 10px;
}
.mod_downloads ul li a:hover {
border-bottom: 2px solid;
}
.mod_einstieg_4_farben{
position: relative;
}
@media (max-width: 550px){
.mod_einstieg_4_farben{
height: initial;
}
}
.mod_einstieg_4_farben .col{
height: 100%;
position: relative;
text-align: center;
line-height: 25px;
}
.mod_einstieg_4_farben .col a{
font-weight: bold;
font-size: 20px;
text-decoration: none;
color: #5f5e5e;
transition: all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
display: block;
border: 1px solid transparent;
border-radius: 5px;
transition: all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
@media (max-width: 1440px){
html.is-no-touch .mod_einstieg_4_farben .col a{
font-size: 16px;
}
}
.mod_einstieg_4_farben .col a .text {
font-weight: bold;
min-height: 50px;
display: inline-block;
}
.mod_einstieg_4_farben .col a .color{
height: 12px;
background: #ccc;
position: relative;
transition: all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
z-index: -1;
border-radius: 1px;
display: block;
width: 95%;
margin: 0 auto;
margin-top: 25px;
}
.mod_einstieg_4_farben .col a:focus .text, .mod_einstieg_4_farben .col a:hover .text {
color: #5f5e5e;
outline: none !important;
text-decoration: underline;
}
.mod_einstieg_4_farben .col a:focus .color, .mod_einstieg_4_farben .col a:hover .color{
margin-top: 5px;
height: 32px;
border-radius: 3px;
}
.mod_event_list .filter{
margin-bottom: 50px;
}
@media (max-width: 1919px){
.mod_event_list .filter{
margin-bottom: calc(15px + (50 - 15) * ((100vw - 320px) / (1920 - 320)));
}
}
.mod_event_list .filter select{
width: 100%;
height: 48px;
line-height: 48px;
padding: 0 15px;
outline: none;
border: 1px solid #6E6E6E;
}
@media (max-width: 550px){
.mod_event_list .filter select{
width: 100%;
}
}
.mod_event_list .eventlist{
margin-bottom: 80px;
}
@media (max-width: 1919px){
.mod_event_list .eventlist{
margin-bottom: calc(25px + (80 - 25) * ((100vw - 320px) / (1920 - 320)));
}
}
.mod_event_list .eventlist .event{
background: #EFEFEF;
height: 170px;
overflow: hidden;
padding: 10px 150px 10px 200px;
position: relative;
font-size: 17px;
line-height: 37px;
margin-bottom: 25px;
}
@media (max-width: 1919px){
.mod_event_list .eventlist .event{
font-size: calc(14px + (20 - 14) * ((100vw - 320px) / (1920 - 320)));
line-height: calc(20px + (37 - 20) * ((100vw - 320px) / (1920 - 320)));
margin-bottom: calc(10px + (25 - 10) * ((100vw - 320px) / (1920 - 320)));
}
}
@media (max-width: 750px){
.mod_event_list .eventlist .event{
padding: 15px;
height: auto;
}
}
.mod_event_list .eventlist .event .icon-euro{
position: absolute;
right: 77px;
top: 42px;
}
@media (max-width: 750px){
.mod_event_list .eventlist .event .icon-euro{
right: calc(57px + (77 - 57) * ((100vw - 320px) / (750 - 320)));
top: calc(45px + (60 - 45) * ((100vw - 320px) / (750 - 320)));
}
}
.mod_event_list .eventlist .event .icon-euro path{
fill: #5f5e5e;
}
.mod_event_list .eventlist .event .icon-phone{
position: absolute;
right: 37px;
top: 42px;
}
@media (max-width: 750px){
.mod_event_list .eventlist .event .icon-phone{
right: calc(17px + (37 - 17) * ((100vw - 320px) / (750 - 320)));
top: calc(45px + (60 - 45) * ((100vw - 320px) / (750 - 320)));
}
}
.mod_event_list .eventlist .event .icon-phone path{
fill: #5f5e5e;
}
.mod_event_list .eventlist .event.special{
background: #cc3300;
color: #fff;
}
@media (max-width: 750px){
.mod_event_list .eventlist .event.special{
height: auto;
}
}
.mod_event_list .eventlist .event.special .icon-euro path{
fill: #fff;
}
.mod_event_list .eventlist .event.special .icon-phone path{
fill: #fff;
}
@media (max-width: 750px){
.mod_event_list .eventlist .event.special .img{
border: 1px solid #fff;
}
}
.mod_event_list .eventlist .event.special .date{
color: #fff;
display: block;
}
.mod_event_list .eventlist .event.special .more{
color: #fff;
}
.mod_event_list .eventlist .event.special .more:after{
background: url("https://apx.lvr.de/media/layout/img/arrow_right.png") no-repeat center;
background-size: contain;
}
.mod_event_list .eventlist .event.special .more:hover{
text-decoration: underline;
}
.mod_event_list .eventlist .event .date{
color: #cc3300;
font-weight: bold;
}
.mod_event_list .eventlist .event h4{
font-size: 28px;
line-height: 30px;
margin-bottom: 5px;
width: 95%;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
@media (max-width: 1919px){
.mod_event_list .eventlist .event h4{
font-size: calc(16px + (28 - 16) * ((100vw - 320px) / (1920 - 320)));
line-height: calc(20px + (30 - 20) * ((100vw - 320px) / (1920 - 320)));
}
}
@media (max-width: 750px){
.mod_event_list .eventlist .event h4{
width: auto;
overflow: visible;
white-space: initial;
text-overflow: initial;
}
}
.mod_event_list .eventlist .event .img{
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 170px;
background-size: cover;
background-position: center;
}
@media (max-width: 750px){
.mod_event_list .eventlist .event .img{
position: initial;
left: initial;
width: calc(80px + (150 - 80) * ((100vw - 320px) / (1920 - 320)));
height: calc(80px + (150 - 80) * ((100vw - 320px) / (1920 - 320)));
margin: 0 auto;
border-radius: 50%;
border: 1px solid #5f5e5e;
margin-bottom: calc(15px + (0 - 15) * ((100vw - 320px) / (1920 - 320)));
}
}
.mod_event_list .eventlist .event .text {
line-height: 22px;
}
.mod_event_list .eventlist .event .more{
display: inline-block;
color: #cc3300;
text-decoration: none;
padding-right: 45px;
transition: all 0.2s ease;
position: absolute;
bottom: 18px;
right: 37px;
font-size: 19px;
font-weight: bold;
margin-top: 25px;
}
@media (max-width: 1919px){
.mod_event_list .eventlist .event .more{
font-size: calc(12px + (19 - 12) * ((100vw - 320px) / (1920 - 320)));
margin-top: calc(5px + (25 - 5) * ((100vw - 320px) / (1920 - 320)));
padding-right: calc(25px + (45 - 25) * ((100vw - 320px) / (1920 - 320)));
}
}
@media (max-width: 750px){
.mod_event_list .eventlist .event .more{
position: relative;
bottom: initial;
right: initial;
}
}
.mod_event_list .eventlist .event .more:after{
display: block;
content: "";
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
background: url("https://apx.lvr.de/media/layout_apx/img_apx/arrow_right_color6_apx.png") no-repeat center;
background-size: contain;
height: 12px;
width: 27px;
margin-top: 1px;
}
@media (max-width: 735px){
.mod_event_list .eventlist .event .more:after{
height: calc(6px + (12 - 6) * ((100vw - 320px) / (735 - 320)));
width: calc(15px + (27 - 15) * ((100vw - 320px) / (735 - 320)));
margin-top: 0;
}
}
.mod_event_list .eventlist .event .more:hover{
text-decoration: underline;
}
.mod_events{
position: relative;
}
.mod_events .gridcontainer{
margin-right: -10px;
margin-left: -10px;
}
@media (max-width: 550px){
.mod_events .gridcontainer{
margin-left: 0;
margin-right: 0;
}
}
@media (max-width: 550px){
.mod_events .gridcontainer{
max-width: 356px;
width: 100%;
margin: 0 auto;
}
}
@media (max-width: 550px){
.mod_events .gridcontainer .col{
width: 100%;
margin-bottom: 30px;
}
}
.mod_events h3{
font-size: 46px;
line-height: 56px;
text-align: center;
margin-bottom: 45px;
font-weight: 600;
color: #5f5e5e;
}
@media (max-width: 1919px){
.mod_events h3{
font-size: calc(18px + (46 - 18) * ((100vw - 320px) / (1920 - 320)));
line-height: calc(30px + (56 - 30) * ((100vw - 320px) / (1920 - 320)));
margin-bottom: calc(15px + (25 - 15) * ((100vw - 320px) / (1920 - 320)));
}
}
.mod_events .event{
padding: 0 10px;
}
@media (max-width: 550px){
.mod_events .event{
padding: 0;
}
}
.mod_events .event img{
width: 100%;
height: auto;
margin-bottom: 10px;
}
@media (max-width: 1919px){
.mod_events .event img{
margin-bottom: calc(2px + (10 - 2) * ((100vw - 320px) / (1920 - 320)));
}
}
.mod_events .event .date{
font-size: 18px;
line-height: 25px;
display: block;
margin-bottom: 10px;
}
@media (max-width: 1919px){
.mod_events .event .date{
font-size: calc(12px + (18 - 12) * ((100vw - 320px) / (1920 - 320)));
line-height: calc(18px + (25 - 18) * ((100vw - 320px) / (1920 - 320)));
margin-bottom: calc(5px + (10 - 5) * ((100vw - 320px) / (1920 - 320)));
}
}
.mod_events .event h4{
font-size: 28px;
line-height: 32px;
font-weight: bold;
color: #5f5e5e;
margin-bottom: 20px;
max-width: 90%;
}
@media (max-width: 1919px){
.mod_events .event h4{
font-size: calc(16px + (28 - 16) * ((100vw - 320px) / (1920 - 320)));
line-height: calc(20px + (32 - 20) * ((100vw - 320px) / (1920 - 320)));
margin-bottom: calc(5px + (20 - 5) * ((100vw - 320px) / (1920 - 320)));
}
}
.mod_events .event .text{
font-size: 18px;
line-height: 25px;
}
@media (max-width: 1919px){
.mod_events .event .text{
font-size: calc(14px + (18 - 14) * ((100vw - 320px) / (1920 - 320)));
line-height: calc(18px + (25 - 18) * ((100vw - 320px) / (1920 - 320)));
}
}
.mod_events .event > .more{
display: inline-block;
color: #cc3300;
text-decoration: none;
padding-right: 35px;
transition: all 0.2s ease;
position: relative;
font-size: 19px;
font-weight: bold;
margin-top: 25px;
}
@media (max-width: 1919px){
.mod_events .event > .more{
font-size: calc(14px + (19 - 14) * ((100vw - 320px) / (1920 - 320)));
padding-right: calc(25px + (35 - 25) * ((100vw - 320px) / (1920 - 320)));
}
}
.mod_events .event > .more:after{
display: block;
content: "";
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
background: url("https://apx.lvr.de/media/layout_apx/img_apx/arrow_right_color6_apx.png") no-repeat center;
background-size: contain;
height: 12px;
width: 27px;
margin-top: 1px;
}
@media (max-width: 735px){
.mod_events .event > .more:after{
height: calc(8px + (12 - 8) * ((100vw - 320px) / (735 - 320)));
width: calc(18px + (27 - 18) * ((100vw - 320px) / (735 - 320)));
margin-top: 0;
}
}
.mod_events .event > .more:focus, .mod_events .event > .more:hover{
color: #cc3300;
text-decoration: underline;
}
.mod_events .more_events{
text-align: center;
margin-top: 45px;
}
@media (max-width: 1919px){
.mod_events .more_events{
margin-top: calc(15px + (45 - 15) * ((100vw - 320px) / (1920 - 320)));
}
}
.mod_events .more_events .btn_more_events{
display: inline-block;
font-size: 18px;
height: 48px;
line-height: 48px;
padding: 0 25px;
background: transparent;
color: #cc3300;
border: 1px solid #cc3300;
text-align: center;
text-decoration: none;
transition: all 0.2s ease;
}
@media (max-width: 1919px){
.mod_events .more_events .btn_more_events{
font-size: calc(14px + (18 - 14) * ((100vw - 320px) / (1920 - 320)));
height: calc(30px + (48 - 30) * ((100vw - 320px) / (1920 - 320)));
line-height: calc(30px + (48 - 30) * ((100vw - 320px) / (1920 - 320)));
padding: 0 calc(10px + (25 - 10) * ((100vw - 320px) / (1920 - 320)));
}
}
.mod_events .more_events .btn_more_events:hover{
background: #cc3300;
color: #fff;
}
.mod_follow_us{
background: rgba(95, 94, 94, 0.2);
}
@media (max-width: 850px){
.mod_follow_us{
max-width: 850px;
width: 100%;
margin: 0;
}
}
.mod_follow_us h3{
font-size: 46px;
line-height: 56px;
text-align: center;
margin-bottom: 45px;
font-weight: 600;
color: #5f5e5e;
}
@media (max-width: 1919px){
.mod_follow_us h3{
font-size: calc(18px + (46 - 18) * ((100vw - 320px) / (1920 - 320)));
line-height: calc(30px + (56 - 30) * ((100vw - 320px) / (1920 - 320)));
margin-bottom: calc(15px + (25 - 15) * ((100vw - 320px) / (1920 - 320)));
}
}
.mod_follow_us .social > ul{
padding: 0;
list-style: none;
text-align: center;
margin: 35px 0;
}
.mod_follow_us .social > ul li{
display: inline-block;
margin: 0 8px;
}
.mod_follow_us .social > ul li a img{
transform: scale(1);
transition: all 0.3s ease-in-out;
}
.mod_follow_us .social > ul li a:focus, .mod_follow_us .social > ul li a:hover {
border-bottom: 4px solid;
}
.mod_follow_us .social > ul li a:focus img, .mod_follow_us .social > ul li a:hover img{
transform: scale(1.2);
}
.mod_follow_us .previewimages{
margin-right: -8px;
margin-left: -8px;
margin-bottom: 70px;
position: relative;
}
.mod_follow_us .previewimages .overlay{
display: block;
opacity: 0;
visibility: hidden;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.mod_follow_us .previewimages .overlay .text{
display: block;
line-height: 26px;
color: #fff;
padding: 20px;
font-size: 16px;
}
.mod_follow_us .previewimages .col{
position: relative;
padding: 0 8px;
}
.mod_follow_us .previewimages .col > a{
line-height: 0;
display: block;
}
.mod_follow_us .previewimages .col > a:focus img, .mod_follow_us .previewimages .col > a:hover img{
opacity: 0;
}
.mod_follow_us .previewimages .col > a:focus img.icon, .mod_follow_us .previewimages .col > a:hover img.icon{
opacity: 1;
transform: translate(-50%, -50%) scale(1.2);
}
.mod_follow_us .previewimages .col > a:focus .overlay, .mod_follow_us .previewimages .col > a:hover .overlay{
opacity: 1;
visibility: visible;
}
.mod_follow_us .previewimages .col > a.has_text:focus img.icon, .mod_follow_us .previewimages .col > a.has_text:hover img.icon{
opacity: 0;
}
.mod_follow_us .previewimages .col img{
width: 100%;
transition: all 0.3s ease;
}
.mod_follow_us .previewimages .col .icon{
height: 90px;
width: 90px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%) scale(1);
z-index: 10;
}
.mod_follow_us .blog{
position: relative;
line-height: 0;
}
.mod_follow_us .blog .caption{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
height: 145px;
line-height: 125px;
font-weight: bold;
padding: 0 45px;
text-transform: uppercase;
font-size: 40px;
color: #fff;
border: 10px solid #fff;
}
.mod_follow_us .blog .caption:after {
content: "";
display: block;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.2);
position: absolute;
backdrop-filter: blur(6px);
z-index: -1;
}
@media (max-width: 1919px){
.mod_follow_us .blog .caption{
border: calc(4px + (10 - 4) * ((100vw - 320px) / (1920 - 320))) solid #fff;
font-size: calc(20px + (40 - 20) * ((100vw - 320px) / (1920 - 320)));
height: calc(50px + (145 - 50) * ((100vw - 320px) / (1920 - 320)));
line-height: calc(42px + (125 - 42) * ((100vw - 320px) / (1920 - 320)));
padding: 0 calc(15px + (45 - 15) * ((100vw - 320px) / (1920 - 320)));
}
}
.mod_follow_us .blog img.desktop{
display: block;
}
@media (max-width: 850px){
.mod_follow_us .blog img.desktop{
display: none;
}
}
.mod_follow_us .blog img.responsive{
display: none;
}
@media (max-width: 850px){
.mod_follow_us .blog img.responsive{
display: block;
margin: 0 auto;
}
}
.mod_follow_us .blog:focus .overlay, .mod_follow_us .blog:hover .overlay{
opacity: 1;
visibility: visible;
transform: scale(1) rotate(0deg);
}
@media (max-width: 850px){
.mod_follow_us .blog:focus .overlay, .mod_follow_us .blog:hover .overlay{
display: block;
}
}
.mod_follow_us .blog .overlay{
opacity: 0;
visibility: hidden;
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
background: #fff;
overflow: hidden;
transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
transform: scale(0.9) rotate(-2deg);
}
@media (max-width: 850px){
.mod_follow_us .blog .overlay{
position: relative;
display: none;
}
}
.mod_follow_us .blog .overlay .post{
line-height: 30px;
color: #5f5e5e;
}
@media (max-width: 1919px){
.mod_follow_us .blog .overlay .post{
line-height: calc(22px + (30 - 22) * ((100vw - 320px) / (1920 - 320)));
}
}
.mod_follow_us .blog .overlay .post td{
vertical-align: top;
}
@media (max-width: 850px){
.mod_follow_us .blog .overlay .post td{
display: block;
}
}
.mod_follow_us .blog .overlay .post img{
max-width: initial;
margin: -2px;
}
@media (max-width: 1100px){
.mod_follow_us .blog .overlay .post img{
height: calc(50px + (356 - 50) * ((100vw - 320px) / (1100 - 320)));
width: calc(50px + (356 - 50) * ((100vw - 320px) / (1100 - 320)));
}
}
@media (max-width: 850px){
.mod_follow_us .blog .overlay .post img{
height: auto;
width: 100%;
margin: 0 auto;
display: block;
}
}
.mod_follow_us .blog .overlay .post .date{
font-size: 18px;
line-height: 23px;
margin-bottom: 20px;
display: block;
}
@media (max-width: 1919px){
.mod_follow_us .blog .overlay .post .date{
font-size: calc(12px + (18 - 12) * ((100vw - 320px) / (1920 - 320)));
margin-bottom: calc(2px + (20 - 2) * ((100vw - 320px) / (1920 - 320)));
}
}
.mod_follow_us .blog .overlay .post .text{
font-size: 19px;
line-height: 26px;
height: 105px;
overflow: hidden;
}
@media (max-width: 1919px){
.mod_follow_us .blog .overlay .post .text{
font-size: calc(10px + (19 - 10) * ((100vw - 320px) / (1920 - 320)));
line-height: calc(16px + (26 - 16) * ((100vw - 320px) / (1920 - 320)));
height: calc(75px + (105 - 75) * ((100vw - 320px) / (1920 - 320)));
}
}
@media (max-width: 850px){
.mod_follow_us .blog .overlay .post .text{
height: auto;
overflow: visible;
}
}
.mod_follow_us .blog .overlay .post .content{
padding: 25px;
}
@media (max-width: 1919px){
.mod_follow_us .blog .overlay .post .content{
padding: calc(10px + (25 - 10) * ((100vw - 320px) / (1920 - 320)));
}
}
.mod_follow_us .blog .overlay .post .content .category{
text-transform: uppercase;
font-size: 18px;
border-bottom: 1px solid #5f5e5e;
font-weight: bold;
display: block;
padding-bottom: 5px;
margin-bottom: 20px;
}
@media (max-width: 1919px){
.mod_follow_us .blog .overlay .post .content .category{
font-size: calc(9px + (18 - 9) * ((100vw - 320px) / (1920 - 320)));
margin-bottom: calc(0px + (20 - 0) * ((100vw - 320px) / (1920 - 320)));
padding-bottom: calc(0px + (5 - 0) * ((100vw - 320px) / (1920 - 320)));
}
}
.mod_follow_us .blog .overlay .post .content h4{
font-size: 28px;
line-height: 32px;
font-weight: bold;
color: #5f5e5e;
margin-bottom: 18px;
}
@media (max-width: 1919px){
.mod_follow_us .blog .overlay .post .content h4{
font-size: calc(14px + (28 - 14) * ((100vw - 320px) / (1920 - 320)));
line-height: calc(18px + (32 - 18) * ((100vw - 320px) / (1920 - 320)));
margin-bottom: calc(3px + (18 - 3) * ((100vw - 320px) / (1920 - 320)));
}
}
.mod_follow_us .more{
display: inline-block;
color: #cc3300;
text-decoration: none;
padding-right: 35px;
transition: all 0.2s ease;
position: relative;
font-size: 19px;
font-weight: bold;
margin-top: 25px;
}
@media (max-width: 1919px){
.mod_follow_us .more{
font-size: calc(12px + (19 - 12) * ((100vw - 320px) / (1920 - 320)));
margin-top: calc(5px + (25 - 5) * ((100vw - 320px) / (1920 - 320)));
padding-right: calc(25px + (35 - 25) * ((100vw - 320px) / (1920 - 320)));
}
}
.mod_follow_us .more:after{
display: block;
content: "";
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
background: url("https://apx.lvr.de/media/layout_apx/img_apx/arrow_right_color6_apx.png") no-repeat center;
background-size: contain;
height: 12px;
width: 27px;
margin-top: 1px;
}
@media (max-width: 735px){
.mod_follow_us .more:after{
height: calc(6px + (12 - 6) * ((100vw - 320px) / (735 - 320)));
width: calc(15px + (27 - 15) * ((100vw - 320px) / (735 - 320)));
margin-top: 0;
}
}
.mod_follow_us .more:focus, .mod_follow_us .more:hover{
color: #cc3300;
text-decoration: underline;
}
.mod_headerimage img{
width: 100%;
height: auto;
}
.mod_highlight_list .boxed-1, .mod_highlight_list .boxed-2{
padding: 50px;
background: #EBEBE9;
}
@media (max-width: 1919px){
.mod_highlight_list .boxed-1, .mod_highlight_list .boxed-2{
padding: calc(15px + (50 - 15) * ((100vw - 320px) / (1920 - 320)));
}
}
.mod_highlight_list h3{
font-size: 46px;
line-height: 56px;
margin-bottom: 45px;
font-weight: 600;
color: #5f5e5e;
}
@media (max-width: 1919px){
.mod_highlight_list h3{
font-size: calc(18px + (46 - 18) * ((100vw - 320px) / (1920 - 320)));
line-height: calc(30px + (56 - 30) * ((100vw - 320px) / (1920 - 320)));
margin-bottom: calc(15px + (25 - 15) * ((100vw - 320px) / (1920 - 320)));
}
}
.mod_highlight_list ul{
margin: 0;
padding: 0;
list-style: none;
margin-left: 35px;
margin-bottom: 5px;
}
.mod_highlight_list ul li{
position: relative;
margin-bottom: 5px;
}
.mod_highlight_list ul li:before{
left: -35px;
height: 18px;
width: 18px;
top: 18px;
transform: translateY(-50%);
display: block;
content: "";
position: absolute;
background: url("https://apx.lvr.de/media/layout/img/check.svg") no-repeat center;
background-size: contain;
}
.mod_highlight_list .downloads a:focus, .mod_highlight_list .downloads a:hover{
text-decoration: underline;
}
.mod_image_grid .col{
padding: 0 !important;
margin: 0 !important;
}
@media (max-width: 550px){
.mod_image_grid .col{
width: 100%;
}
.mod_image_grid .col > .image_item > img{
width: 100% !important;
height: auto !important;
}
}
.mod_image_grid .gridcontainer{
margin-right: -10px;
margin-left: -10px;
}
@media (max-width: 1100px){
.mod_image_grid .gridcontainer{
margin-right: calc(-1px + (-10 - -1) * ((100vw - 320px) / (1100 - 320)));
margin-left: calc(-1px + (-10 - -1) * ((100vw - 320px) / (1100 - 320)));
}
}
.mod_image_grid .col .image_item{
display: block;
position: relative;
overflow: hidden;
margin: 0 10px 10px 10px;
}
@media (max-width: 1100px){
.mod_image_grid .col .image_item{
margin: 0 calc(1px + (10 - 1) * ((100vw - 320px) / (1100 - 320)));
}
}
.mod_image_grid .col .image_item .overlay{
opacity: 0;
visibility: hidden;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 10px;
background: #373737;
color: #ffffff;
z-index: 2;
transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
transform: scale(0.9) rotate(-2deg);
backdrop-filter: blur(5px);
}
.mod_image_grid .col .image_item .overlay.bg-color-1{
background: #cc3300;
}
.mod_image_grid .col .image_item .overlay.bg-color-2{
background: #5f5e5e;
}
.mod_image_grid .col .image_item .overlay.bg-color-3{
background: #297F99;
}
.mod_image_grid .col .image_item .overlay.bg-color-4{
background: rgba(95, 94, 94, 0.2);
}
.mod_image_grid .col .image_item .overlay.bg-color-5{
background: #cc3300;
}
.mod_image_grid .col .image_item .overlay.bg-color-6{
background: #cc3300;
}
.mod_image_grid .col .image_item .overlay.bg-color-7{
background: #595959;
}
.mod_image_grid .col .image_item .overlay.bg-color-8{
background: #5f5e5e;
}
.mod_image_grid .col .image_item .overlay.bg-color-9{
background: #f8f7f7;
}
.mod_image_grid .col .image_item .overlay.bg-color-10 {
background: #dddddd;
}
.mod_image_grid .col .image_item .overlay.bg-color-11 {
background: #373737;
}
.mod_image_grid .col .image_item .overlay.bg-color-12 {
background: #373737;
}
.mod_image_grid .col .image_item .overlay.bg-color-13 {
background: #373737;
}
.mod_image_grid .col .image_item .overlay.bg-color-14 {
background: #D64224;
}
.mod_image_grid .col .image_item .overlay .icon{
display: block;
padding-bottom: 2px;
font-weight: bold;
}
.mod_image_grid .col .image_item .overlay .icon img{
width: 22px;
height: auto;
margin-right: 8px;
position: relative;
top: 2px;
}
.mod_image_grid .col .image_item .caption{
position: absolute;
color: #5f5e5e;
background: #fff;
left: 0;
bottom: 30px;
text-transform: uppercase;
max-width: 90%;
transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);
transform: rotate(0deg);
}
.mod_image_grid .col .image_item img{
width: 100%;
max-width: initial;
height: auto;
}
.mod_image_grid .col .image_item:focus .overlay, .mod_image_grid .col .image_item:hover .overlay{
visibility: visible;
opacity: 1;
transform: scale(1);
}
.mod_image_grid .col .image_item:focus .caption, .mod_image_grid .col .image_item:hover .caption{
opacity: 0;
left: -50px;
transform: rotate(-2deg);
}
.mod_image_grid .col.span_3 .image_item .caption{
font-size: 18px;
padding: 8px 16px 8px 8px;
}
@media (max-width: 1100px){
.mod_image_grid .col.span_3 .image_item .caption{
font-size: calc(10px + (18 - 10) * ((100vw - 320px) / (1100 - 320)));
line-height: calc(8px + (36 - 8) * ((100vw - 320px) / (1100 - 320)));
padding: calc(4px + (8 - 4) * ((100vw - 320px) / (1100 - 320))) calc(6px + (16 - 6) * ((100vw - 320px) / (1100 - 320))) calc(4px + (8 - 4) * ((100vw - 320px) / (1100 - 320))) calc(4px + (8 - 4) * ((100vw - 320px) / (1100 - 320)));
}
}
@media (max-width: 550px){
.mod_image_grid .col.span_3 .image_item .caption{
font-size: calc(18px + (30 - 18) * ((100vw - 320px) / (550 - 320)));
line-height: calc(22px + (36 - 22) * ((100vw - 320px) / (550 - 320)));
padding: calc(8px + (15 - 8) * ((100vw - 320px) / (550 - 320))) calc(8px + (25 - 8) * ((100vw - 320px) / (550 - 320))) calc(8px + (15 - 8) * ((100vw - 320px) / (550 - 320))) calc(8px + (15 - 8) * ((100vw - 320px) / (550 - 320)));
}
}
.mod_image_grid .col.span_3 .image_item .overlay{
font-size: 16px;
line-height: 25px;
padding: 18px 23px;
}
@media (max-width: 1100px){
.mod_image_grid .col.span_3 .image_item .overlay{
font-size: calc(9px + (16 - 9) * ((100vw - 320px) / (1100 - 320)));
line-height: calc(8px + (25 - 8) * ((100vw - 320px) / (1100 - 320)));
padding: calc(8px + (18 - 8) * ((100vw - 320px) / (1100 - 320))) calc(8px + (23 - 8) * ((100vw - 320px) / (1100 - 320)));
}
}
@media (max-width: 550px){
.mod_image_grid .col.span_3 .image_item .overlay{
font-size: calc(12px + (25 - 12) * ((100vw - 320px) / (550 - 320)));
line-height: calc(18px + (30 - 18) * ((100vw - 320px) / (550 - 320)));
padding: calc(8px + (30 - 8) * ((100vw - 320px) / (550 - 320))) calc(8px + (35 - 8) * ((100vw - 320px) / (550 - 320)));
}
}
.mod_image_grid .col.span_3 .image_item img{
height: 261px;
width: 260px;
}
@media (max-width: 1100px){
.mod_image_grid .col.span_3 .image_item img{
height: calc(100px + (261 - 100) * ((100vw - 320px) / (1100 - 320)));
width: calc(100px + (260 - 100) * ((100vw - 320px) / (1100 - 320)));
}
}
.mod_image_grid .col.span_4 .image_item .caption{
font-size: 24px;
padding: 10px 20px 10px 10px;
}
@media (max-width: 1100px){
.mod_image_grid .col.span_4 .image_item .caption{
font-size: calc(10px + (24 - 10) * ((100vw - 320px) / (1100 - 320)));
line-height: calc(8px + (36 - 8) * ((100vw - 320px) / (1100 - 320)));
padding: calc(4px + (10 - 4) * ((100vw - 320px) / (1100 - 320))) calc(6px + (20 - 6) * ((100vw - 320px) / (1100 - 320))) calc(4px + (10 - 4) * ((100vw - 320px) / (1100 - 320))) calc(4px + (10 - 4) * ((100vw - 320px) / (1100 - 320)));
}
}
@media (max-width: 550px){
.mod_image_grid .col.span_4 .image_item .caption{
font-size: calc(18px + (30 - 18) * ((100vw - 320px) / (550 - 320)));
line-height: calc(22px + (36 - 22) * ((100vw - 320px) / (550 - 320)));
padding: calc(8px + (15 - 8) * ((100vw - 320px) / (550 - 320))) calc(8px + (25 - 8) * ((100vw - 320px) / (550 - 320))) calc(8px + (15 - 8) * ((100vw - 320px) / (550 - 320))) calc(8px + (15 - 8) * ((100vw - 320px) / (550 - 320)));
}
}
.mod_image_grid .col.span_4 .image_item .overlay{
font-size: 22px;
line-height: 30px;
padding: 20px 25px;
}
@media (max-width: 1100px){
.mod_image_grid .col.span_4 .image_item .overlay{
font-size: calc(11px + (20 - 11) * ((100vw - 320px) / (1100 - 320)));
line-height: calc(12px + (30 - 12) * ((100vw - 320px) / (1100 - 320)));
padding: calc(8px + (20 - 8) * ((100vw - 320px) / (1100 - 320))) calc(8px + (25 - 8) * ((100vw - 320px) / (1100 - 320)));
}
}
@media (max-width: 550px){
.mod_image_grid .col.span_4 .image_item .overlay{
font-size: calc(12px + (25 - 12) * ((100vw - 320px) / (550 - 320)));
line-height: calc(18px + (30 - 18) * ((100vw - 320px) / (550 - 320)));
padding: calc(8px + (30 - 8) * ((100vw - 320px) / (550 - 320))) calc(8px + (35 - 8) * ((100vw - 320px) / (550 - 320)));
}
}
.mod_image_grid .col.span_4 .image_item img{
height: 355px;
width: 353px;
}
@media (max-width: 1100px){
.mod_image_grid .col.span_4 .image_item img{
height: calc(100px + (355 - 100) * ((100vw - 320px) / (1100 - 320)));
width: calc(100px + (353 - 100) * ((100vw - 320px) / (1100 - 320)));
}
}
.mod_image_grid .col.span_6 .image_item .caption{
font-size: 28px;
padding: 10px 20px 10px 10px;
}
@media (max-width: 1100px){
.mod_image_grid .col.span_6 .image_item .caption{
font-size: calc(10px + (28 - 10) * ((100vw - 320px) / (1100 - 320)));
line-height: calc(8px + (36 - 8) * ((100vw - 320px) / (1100 - 320)));
padding: calc(4px + (10 - 4) * ((100vw - 320px) / (1100 - 320))) calc(6px + (20 - 6) * ((100vw - 320px) / (1100 - 320))) calc(4px + (10 - 4) * ((100vw - 320px) / (1100 - 320))) calc(4px + (10 - 4) * ((100vw - 320px) / (1100 - 320)));
}
}
@media (max-width: 550px){
.mod_image_grid .col.span_6 .image_item .caption{
font-size: calc(18px + (30 - 18) * ((100vw - 320px) / (550 - 320)));
line-height: calc(22px + (36 - 22) * ((100vw - 320px) / (550 - 320)));
padding: calc(8px + (15 - 8) * ((100vw - 320px) / (550 - 320))) calc(8px + (25 - 8) * ((100vw - 320px) / (550 - 320))) calc(8px + (15 - 8) * ((100vw - 320px) / (550 - 320))) calc(8px + (15 - 8) * ((100vw - 320px) / (550 - 320)));
}
}
.mod_image_grid .col.span_6 .image_item .overlay{
font-size: 26px;
line-height: 38px;
padding: 25px 30px;
}
@media (max-width: 1100px){
.mod_image_grid .col.span_6 .image_item .overlay{
font-size: calc(11px + (26 - 11) * ((100vw - 320px) / (1100 - 320)));
line-height: calc(12px + (38 - 12) * ((100vw - 320px) / (1100 - 320)));
padding: calc(8px + (25 - 8) * ((100vw - 320px) / (1100 - 320))) calc(8px + (30 - 8) * ((100vw - 320px) / (1100 - 320)));
}
}
@media (max-width: 550px){
.mod_image_grid .col.span_6 .image_item .overlay{
font-size: calc(12px + (25 - 12) * ((100vw - 320px) / (550 - 320)));
line-height: calc(18px + (30 - 18) * ((100vw - 320px) / (550 - 320)));
padding: calc(8px + (30 - 8) * ((100vw - 320px) / (550 - 320))) calc(8px + (35 - 8) * ((100vw - 320px) / (550 - 320)));
}
}
.mod_image_grid .col.span_6 .image_item img{
height: 543px;
width: 540px;
}
@media (max-width: 1100px){
.mod_image_grid .col.span_6 .image_item img{
height: calc(200px + (543 - 200) * ((100vw - 320px) / (1100 - 320)));
width: calc(200px + (540 - 200) * ((100vw - 320px) / (1100 - 320)));
}
}
.mod_image_grid .col.span_8 .image_item .caption{
font-size: 32px;
padding: 12px 25px 12px 12px;
}
@media (max-width: 1100px){
.mod_image_grid .col.span_8 .image_item .caption{
font-size: calc(10px + (32 - 10) * ((100vw - 320px) / (1100 - 320)));
line-height: calc(8px + (36 - 8) * ((100vw - 320px) / (1100 - 320)));
padding: calc(4px + (12 - 4) * ((100vw - 320px) / (1100 - 320))) calc(6px + (25 - 6) * ((100vw - 320px) / (1100 - 320))) calc(4px + (12 - 4) * ((100vw - 320px) / (1100 - 320))) calc(4px + (12 - 4) * ((100vw - 320px) / (1100 - 320)));
}
}
@media (max-width: 550px){
.mod_image_grid .col.span_8 .image_item .caption{
font-size: calc(18px + (30 - 18) * ((100vw - 320px) / (550 - 320)));
line-height: calc(22px + (36 - 22) * ((100vw - 320px) / (550 - 320)));
padding: calc(8px + (15 - 8) * ((100vw - 320px) / (550 - 320))) calc(8px + (25 - 8) * ((100vw - 320px) / (550 - 320))) calc(8px + (15 - 8) * ((100vw - 320px) / (550 - 320))) calc(8px + (15 - 8) * ((100vw - 320px) / (550 - 320)));
}
}
.mod_image_grid .col.span_8 .image_item .overlay{
font-size: 28px;
line-height: 44px;
padding: 30px 35px;
}
@media (max-width: 1100px){
.mod_image_grid .col.span_8 .image_item .overlay{
font-size: calc(11px + (28 - 11) * ((100vw - 320px) / (1100 - 320)));
line-height: calc(12px + (44 - 12) * ((100vw - 320px) / (1100 - 320)));
padding: calc(8px + (30 - 8) * ((100vw - 320px) / (1100 - 320))) calc(8px + (35 - 8) * ((100vw - 320px) / (1100 - 320)));
}
}
@media (max-width: 550px){
.mod_image_grid .col.span_8 .image_item .overlay{
font-size: calc(12px + (25 - 12) * ((100vw - 320px) / (550 - 320)));
line-height: calc(18px + (30 - 18) * ((100vw - 320px) / (550 - 320)));
padding: calc(8px + (30 - 8) * ((100vw - 320px) / (550 - 320))) calc(8px + (35 - 8) * ((100vw - 320px) / (550 - 320)));
}
}
.mod_image_grid .col.span_8 .image_item.half_height img{
height: 355px;
width: 727px;
}
@media (max-width: 1100px){
.mod_image_grid .col.span_8 .image_item.half_height img{
height: calc(100px + (355 - 100) * ((100vw - 320px) / (1100 - 320)));
width: calc(200px + (727 - 200) * ((100vw - 320px) / (1100 - 320)));
}
}
.mod_image_grid .col.span_8 img{
height: 731px;
width: 727px;
}
@media (max-width: 1100px){
.mod_image_grid .col.span_8 img{
height: calc(200px + (731 - 200) * ((100vw - 320px) / (1100 - 320)));
width: calc(200px + (727 - 200) * ((100vw - 320px) / (1100 - 320)));
}
}
.mod_image_grid .col.span_9 .image_item .caption{
font-size: 32px;
padding: 12px 25px 12px 12px;
}
@media (max-width: 1100px){
.mod_image_grid .col.span_9 .image_item .caption{
font-size: calc(10px + (32 - 10) * ((100vw - 320px) / (1100 - 320)));
line-height: calc(8px + (36 - 8) * ((100vw - 320px) / (1100 - 320)));
padding: calc(4px + (12 - 4) * ((100vw - 320px) / (1100 - 320))) calc(6px + (25 - 6) * ((100vw - 320px) / (1100 - 320))) calc(4px + (12 - 4) * ((100vw - 320px) / (1100 - 320))) calc(4px + (12 - 4) * ((100vw - 320px) / (1100 - 320)));
}
}
@media (max-width: 550px){
.mod_image_grid .col.span_9 .image_item .caption{
font-size: calc(18px + (30 - 18) * ((100vw - 320px) / (550 - 320)));
line-height: calc(22px + (36 - 22) * ((100vw - 320px) / (550 - 320)));
padding: calc(8px + (15 - 8) * ((100vw - 320px) / (550 - 320))) calc(8px + (25 - 8) * ((100vw - 320px) / (550 - 320))) calc(8px + (15 - 8) * ((100vw - 320px) / (550 - 320))) calc(8px + (15 - 8) * ((100vw - 320px) / (550 - 320)));
}
}
.mod_image_grid .col.span_9 .image_item .overlay{
font-size: 28px;
line-height: 44px;
padding: 30px 35px;
}
@media (max-width: 1100px){
.mod_image_grid .col.span_9 .image_item .overlay{
font-size: calc(11px + (28 - 11) * ((100vw - 320px) / (1100 - 320)));
line-height: calc(12px + (44 - 12) * ((100vw - 320px) / (1100 - 320)));
padding: calc(8px + (30 - 8) * ((100vw - 320px) / (1100 - 320))) calc(8px + (35 - 8) * ((100vw - 320px) / (1100 - 320)));
}
}
@media (max-width: 550px){
.mod_image_grid .col.span_9 .image_item .overlay{
font-size: calc(12px + (25 - 12) * ((100vw - 320px) / (550 - 320)));
line-height: calc(18px + (30 - 18) * ((100vw - 320px) / (550 - 320)));
padding: calc(8px + (30 - 8) * ((100vw - 320px) / (550 - 320))) calc(8px + (35 - 8) * ((100vw - 320px) / (550 - 320)));
}
}
.mod_image_grid .col.span_9 .image_item.half_height img{
height: 261px;
width: 820px;
}
@media (max-width: 1100px){
.mod_image_grid .col.span_9 .image_item.half_height img{
height: calc(100px + (261 - 100) * ((100vw - 320px) / (1100 - 320)));
width: calc(300px + (820 - 300) * ((100vw - 320px) / (1100 - 320)));
}
}
.mod_image_grid .col.span_12 .image_item .caption{
font-size: 34px;
padding: 12px 25px 12px 12px;
}
@media (max-width: 1100px){
.mod_image_grid .col.span_12 .image_item .caption{
font-size: calc(10px + (34 - 10) * ((100vw - 320px) / (1100 - 320)));
line-height: calc(8px + (36 - 8) * ((100vw - 320px) / (1100 - 320)));
padding: calc(4px + (12 - 4) * ((100vw - 320px) / (1100 - 320))) calc(6px + (25 - 6) * ((100vw - 320px) / (1100 - 320))) calc(4px + (12 - 4) * ((100vw - 320px) / (1100 - 320))) calc(4px + (12 - 4) * ((100vw - 320px) / (1100 - 320)));
}
}
@media (max-width: 550px){
.mod_image_grid .col.span_12 .image_item .caption{
font-size: calc(18px + (30 - 18) * ((100vw - 320px) / (550 - 320)));
line-height: calc(22px + (36 - 22) * ((100vw - 320px) / (550 - 320)));
padding: calc(8px + (15 - 8) * ((100vw - 320px) / (550 - 320))) calc(8px + (25 - 8) * ((100vw - 320px) / (550 - 320))) calc(8px + (15 - 8) * ((100vw - 320px) / (550 - 320))) calc(8px + (15 - 8) * ((100vw - 320px) / (550 - 320)));
}
}
.mod_image_grid .col.span_12 .image_item .overlay{
font-size: 34px;
line-height: 52px;
padding: 45px 50px;
}
@media (max-width: 1100px){
.mod_image_grid .col.span_12 .image_item .overlay{
font-size: calc(11px + (28 - 11) * ((100vw - 320px) / (1100 - 320)));
line-height: calc(12px + (44 - 12) * ((100vw - 320px) / (1100 - 320)));
padding: calc(8px + (30 - 8) * ((100vw - 320px) / (1100 - 320))) calc(8px + (35 - 8) * ((100vw - 320px) / (1100 - 320)));
}
}
@media (max-width: 550px){
.mod_image_grid .col.span_12 .image_item .overlay{
font-size: calc(12px + (25 - 12) * ((100vw - 320px) / (550 - 320)));
line-height: calc(18px + (30 - 18) * ((100vw - 320px) / (550 - 320)));
padding: calc(8px + (30 - 8) * ((100vw - 320px) / (550 - 320))) calc(8px + (35 - 8) * ((100vw - 320px) / (550 - 320)));
}
}
.mod_image_teaser{
position: relative;
}
.mod_image_teaser .slider_wrapper .teaser{
position: relative;
}
.mod_image_teaser .slider_wrapper .teaser .headline1{
position: absolute;
display: block;
width: 100%;
top: 24px;
left: 50%;
transform: translateX(-50%);
text-align: center;
font-size: 22px;
line-height: 36px;
color: #fff;
text-shadow: rgba(0, 0, 0, 0.2) 2px 3px 4px;
}
@media (max-width: 1919px){
.mod_image_teaser .slider_wrapper .teaser .headline1{
top: calc(8px + (24 - 8) * ((100vw - 320px) / (1920 - 320)));
font-size: calc(14px + (22 - 14) * ((100vw - 320px) / (1920 - 320)));
line-height: calc(20px + (36 - 20) * ((100vw - 320px) / (1920 - 320)));
}
}
.mod_image_teaser .slider_wrapper .teaser .headline2{
position: absolute;
top: 45px;
left: 0;
display: block;
width: 100%;
right: 0;
text-align: center;
font-weight: 600;
font-size: 84px;
line-height: 130px;
color: #fff;
text-shadow: rgba(0, 0, 0, 0.2) 2px 6px 5px;
}
@media (max-width: 1919px){
.mod_image_teaser .slider_wrapper .teaser .headline2{
top: calc(35px + (45 - 35) * ((100vw - 320px) / (1920 - 320)));
font-size: calc(20px + (84 - 20) * ((100vw - 320px) / (1920 - 320)));
line-height: calc(28px + (130 - 28) * ((100vw - 320px) / (1920 - 320)));
}
}
.mod_image_teaser .slider_wrapper .teaser .caption{
position: absolute;
left: 0;
bottom: 70px;
background: #fff;
width: 478px;
font-size: 18px;
line-height: 25px;
}
@media (max-width: 1919px){
.mod_image_teaser .slider_wrapper .teaser .caption{
font-size: calc(14px + (18 - 14) * ((100vw - 320px) / (1920 - 320)));
line-height: calc(18px + (25 - 18) * ((100vw - 320px) / (1920 - 320)));
width: calc(250px + (478 - 250) * ((100vw - 320px) / (1920 - 320)));
bottom: calc(25px + (70 - 25) * ((100vw - 320px) / (1920 - 320)));
}
}
@media (max-width: 735px){
.mod_image_teaser .slider_wrapper .teaser .caption{
position: relative;
background: #f8f7f7;
left: initial;
bottom: initial;
width: 100%;
}
}
.mod_image_teaser .slider_wrapper .teaser .caption .inner{
position: relative;
padding: 25px 30px 55px 50px;
}
@media (max-width: 1919px){
.mod_image_teaser .slider_wrapper .teaser .caption .inner{
padding: calc(15px + (25 - 15) * ((100vw - 320px) / (1920 - 320))) calc(15px + (30 - 15) * ((100vw - 320px) / (1920 - 320))) calc(30px + (55 - 30) * ((100vw - 320px) / (1920 - 320))) calc(20px + (50 - 20) * ((100vw - 320px) / (1920 - 320)));
}
}
@media (max-width: 735px){
.mod_image_teaser .slider_wrapper .teaser .caption .inner{
padding: calc(15px + (25 - 15) * ((100vw - 320px) / (735 - 320))) calc(20px + (30 - 20) * ((100vw - 320px) / (735 - 320))) calc(30px + (60 - 30) * ((100vw - 320px) / (735 - 320))) calc(20px + (30 - 20) * ((100vw - 320px) / (735 - 320)));
}
}
.mod_image_teaser .slider_wrapper .teaser .caption .inner a{
position: absolute;
color: #cc3300;
text-decoration: none;
right: 30px;
bottom: 20px;
padding-right: 35px;
transition: all 0.2s ease;
font-weight: bold;
}
@media (max-width: 1919px){
.mod_image_teaser .slider_wrapper .teaser .caption .inner a{
right: calc(15px + (30 - 15) * ((100vw - 320px) / (1920 - 320)));
bottom: calc(8px + (20 - 8) * ((100vw - 320px) / (1920 - 320)));
}
}
@media (max-width: 735px){
.mod_image_teaser .slider_wrapper .teaser .caption .inner a{
right: initial;
left: calc(20px + (30 - 20) * ((100vw - 320px) / (735 - 320)));
padding-right: calc(20px + (35 - 20) * ((100vw - 320px) / (735 - 320)));
}
}
.mod_image_teaser .slider_wrapper .teaser .caption .inner a:after{
display: block;
content: "";
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
background: url("https://apx.lvr.de/media/layout_apx/img_apx/arrow_right_color6_apx.png") no-repeat center;
background-size: contain;
height: 12px;
width: 27px;
margin-top: 2px;
}
@media (max-width: 735px){
.mod_image_teaser .slider_wrapper .teaser .caption .inner a:after{
height: calc(8px + (12 - 8) * ((100vw - 320px) / (735 - 320)));
width: calc(18px + (27 - 18) * ((100vw - 320px) / (735 - 320)));
margin-top: 0;
}
}
.mod_image_teaser .slider_wrapper .teaser .caption .inner a:hover{
color: #000;
text-decoration: underline;
}
.mod_image_teaser .slider_wrapper .teaser img{
width: 100%;
max-width: initial;
height: auto;
position: relative;
z-index: -1;
}
.mod_image_teaser .slider_wrapper .teaser img.desktop{
display: block;
}
@media (max-width: 550px){
.mod_image_teaser .slider_wrapper .teaser img.desktop{
display: none;
}
}
.mod_image_teaser .slider_wrapper .teaser img.responsive{
display: none;
}
@media (max-width: 550px){
.mod_image_teaser .slider_wrapper .teaser img.responsive{
display: block;
}
}
.mod_image_teaser .slider_wrapper .slick-prev{
filter: drop-shadow(0 0 10px #222);
left: 45px;
z-index: 2;
background: url("https://apx.lvr.de/media/layout/img/arrow_circle_left_neg.svg") no-repeat center;
height: 45px;
width: 45px;
background-size: contain;
}
.mod_image_teaser .slider_wrapper .slick-prev:before{
display: none;
}
@media (max-width: 1919px){
.mod_image_teaser .slider_wrapper .slick-prev{
left: calc(10px + (45 - 10) * ((100vw - 320px) / (1920 - 320)));
height: calc(15px + (45 - 15) * ((100vw - 320px) / (1920 - 320)));
width: calc(15px + (45 - 15) * ((100vw - 320px) / (1920 - 320)));
}
}
@media (max-width: 950px){
html.is-touch .mod_image_teaser .slider_wrapper .slick-prev{
display: none !important;
}
}
.mod_image_teaser .slider_wrapper .slick-next{
filter: drop-shadow(0 0 10px #222);
right: 45px;
z-index: 2;
background: url("https://apx.lvr.de/media/layout/img/arrow_circle_right_neg.svg") no-repeat center;
height: 45px;
width: 45px;
background-size: contain;
}
.mod_image_teaser .slider_wrapper .slick-next:before{
display: none;
}
@media (max-width: 1919px){
.mod_image_teaser .slider_wrapper .slick-next{
right: calc(10px + (45 - 10) * ((100vw - 320px) / (1920 - 320)));
height: calc(15px + (45 - 15) * ((100vw - 320px) / (1920 - 320)));
width: calc(15px + (45 - 15) * ((100vw - 320px) / (1920 - 320)));
}
}
@media (max-width: 950px){
html.is-touch .mod_image_teaser .slider_wrapper .slick-next{
display: none !important;
}
}
.mod_image_teaser .slider_wrapper .slick-dots{
position: absolute;
bottom: 35px;
z-index: 2;
}
@media (max-width: 735px){
.mod_image_teaser .slider_wrapper .slick-dots{
bottom: calc(5px + (12 - 5) * ((100vw - 320px) / (735 - 320)));
}
}
.mod_image_teaser .slider_wrapper .slick-dots li{
width: initial;
}
@media (max-width: 1919px){
.mod_image_teaser .slider_wrapper .slick-dots li{
margin: 0 calc(1px + (5 - 1) * ((100vw - 320px) / (1920 - 320)));
}
}
.mod_image_teaser .slider_wrapper .slick-dots li button{
background: transparent;
border-radius: 50%;
height: 16px;
width: 16px;
border: 2px solid #fff;
}
@media (max-width: 735px){
.mod_image_teaser .slider_wrapper .slick-dots li button{
height: calc(1px + (12 - 1) * ((100vw - 320px) / (735 - 320)));
width: calc(1px + (12 - 1) * ((100vw - 320px) / (735 - 320)));
border-color: #929191;
padding: 2px;
}
}
.mod_image_teaser .slider_wrapper .slick-dots li button:before{
display: none;
}
.mod_image_teaser .slider_wrapper .slick-dots li.slick-active button{
background: #fff;
}
@media (max-width: 735px){
.mod_image_teaser .slider_wrapper .slick-dots li.slick-active button{
background: #929191;
}
}
.mod_location_map{
padding-left: 25px;
padding-right: 25px;
}
@media (max-width: 1919px){
.mod_location_map{
padding-left: calc(10px + (25 - 10) * ((100vw - 320px) / (1920 - 320)));
padding-right: calc(10px + (25 - 10) * ((100vw - 320px) / (1920 - 320)));
}
}
.mod_location_map h3{
font-size: 46px;
line-height: 56px;
text-align: center;
margin-bottom: 25px;
font-weight: 600;
color: #5f5e5e;
}
@media (max-width: 1919px){
.mod_location_map h3{
font-size: calc(18px + (46 - 18) * ((100vw - 320px) / (1920 - 320)));
line-height: calc(30px + (56 - 30) * ((100vw - 320px) / (1920 - 320)));
margin-bottom: calc(15px + (25 - 15) * ((100vw - 320px) / (1920 - 320)));
}
}
.mod_location_map ul{
margin: 0;
padding: 0;
text-align: center;
list-style: none;
}
.mod_location_map ul li{
display: inline-block;
margin: 0 5px;
}
@media (max-width: 1919px){
.mod_location_map ul li{
font-size: calc(16px + (36 - 16) * ((100vw - 320px) / (1920 - 320)));
line-height: calc(22px + (105 - 22) * ((100vw - 320px) / (1920 - 320)));
height: calc(22px + (105 - 22) * ((100vw - 320px) / (1920 - 320)));
margin: 0 calc(1px + (5 - 1) * ((100vw - 320px) / (1920 - 320)));
}
}
.mod_location_map ul li a{
display: inline-block;
color: #fff;
text-decoration: none;
height: 105px;
line-height: 105px;
padding: 0 35px;
font-size: 36px;
transition: all 0.2s ease;
border-radius: 2px;
}
@media (max-width: 1919px){
.mod_location_map ul li a{
font-size: calc(14px + (36 - 14) * ((100vw - 320px) / (1920 - 320)));
line-height: calc(25px + (105 - 25) * ((100vw - 320px) / (1920 - 320)));
height: calc(25px + (105 - 25) * ((100vw - 320px) / (1920 - 320)));
padding: 0 calc(6px + (35 - 6) * ((100vw - 320px) / (1920 - 320)));
}
}
.mod_location_map ul li a:hover{
background: #5f5e5e;
color: #fff;
}
.mod_projects .filter{
margin-bottom: 25px;
}
.mod_projects .filter .gridcontainer{
margin-right: -8px;
margin-left: -8px;
}
.mod_projects .filter .gridcontainer .col{
padding: 5px 8px;
}
.mod_projects .filter select{
width: 100%;
height: 48px;
line-height: 48px;
padding: 0 15px;
outline: none;
border: 1px solid #6E6E6E;
}
@media (max-width: 550px){
.mod_projects .filter select{
width: 100%;
}
}
.mod_projects .filter button{
cursor: pointer;
display: inline-block;
width: 100%;
border: none;
outline: none;
color: #fff;
background: #6E6E6E;
height: 48px;
line-height: 48px;
text-align: center;
transition: all 0.2s ease;
}
@media (max-width: 550px){
.mod_projects .filter button{
width: 100%;
}
}
.mod_projects .filter button:focus, .mod_projects .filter button:hover{
background: #cc3300;
text-decoration: underline;
}
.mod_press_list .col{
margin-bottom: 25px;
}
@media (max-width: 1919px){
.mod_press_list .col{
margin-bottom: calc(10px + (25 - 10) * ((100vw - 320px) / (1920 - 320)));
}
}
@media (max-width: 950px){
.mod_press_list .col{
width: 50%;
}
}
@media (max-width: 550px){
.mod_press_list .col{
width: 100%;
}
.mod_press_list .col .content{
height: auto;
margin-bottom: 15px;
}
}
@media (max-width: 950px){
.mod_press_list .filter .col{
width: 100%;
}
}
@media (max-width: 950px) and (max-width: 550px){
.mod_press_list .filter .col form input, .mod_press_list .filter .col form button{
width: 100%;
margin-bottom: 5px;
}
}
.mod_press_list h3{
font-size: 46px;
line-height: 56px;
margin-bottom: 45px;
font-weight: 600;
color: #5f5e5e;
}
@media (max-width: 1919px){
.mod_press_list h3{
font-size: calc(18px + (46 - 18) * ((100vw - 320px) / (1920 - 320)));
line-height: calc(30px + (56 - 30) * ((100vw - 320px) / (1920 - 320)));
margin-bottom: calc(15px + (25 - 15) * ((100vw - 320px) / (1920 - 320)));
}
}
.mod_press_list form{
margin-bottom: 35px;
}
@media (max-width: 1919px){
.mod_press_list form{
margin-bottom: calc(5px + (35 - 5) * ((100vw - 320px) / (1920 - 320)));
}
}
.mod_press_list form input{
outline: none;
height: 48px;
line-height: 48px;
border: 1px solid #6E6E6E;
width: 80%;
padding: 0 15px;
}
.mod_press_list form input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
color: #cc3300;
}
.mod_press_list form input::-moz-placeholder { /* Firefox 19+ */
color: #cc3300;
}
.mod_press_list form input:-ms-input-placeholder { /* IE 10+ */
color: #cc3300;
}
.mod_press_list form input:-moz-placeholder { /* Firefox 18- */
color: #cc3300;
}
.mod_press_list form button{
cursor: pointer;
background: #6E6E6E;
border: none;
outline: none;
width: 18%;
color: #fff;
height: 48px;
line-height: 48px;
}
.mod_press_list form button:focus, .mod_press_list form button:hover{
text-decoration: underline;
background: #cc3300;
}
.mod_press_list .date{
text-transform: uppercase;
font-weight: bold;
display: block;
font-size: 18px;
}
@media (max-width: 1919px){
.mod_press_list .date{
font-size: calc(12px + (18 - 12) * ((100vw - 320px) / (1920 - 320)));
}
}
.mod_press_list .content{
padding-right: 20px;
overflow: hidden;
}
.mod_press_list .content hr{
margin: 5px 0;
}
.mod_press_list .content .date2{
display: block;
font-size: 18px;
margin-bottom: 5px;
}
@media (max-width: 1919px){
.mod_press_list .content .date2{
font-size: calc(12px + (18 - 12) * ((100vw - 320px) / (1920 - 320)));
}
}
.mod_press_list .content h3{
font-weight: bold;
font-size: 28px;
line-height: 36px;
margin-bottom: 5px;
}
@media (max-width: 1919px){
.mod_press_list .content h3{
font-size: calc(16px + (28 - 16) * ((100vw - 320px) / (1920 - 320)));
line-height: calc(18px + (36 - 18) * ((100vw - 320px) / (1920 - 320)));
margin-bottom: calc(1px + (5 - 1) * ((100vw - 320px) / (1920 - 320)));
}
}
.mod_press_list .content .text{
display: block;
font-size: 18px;
line-height: 25px;
}
@media (max-width: 1919px){
.mod_press_list .content .text{
font-size: calc(16px + (18 - 16) * ((100vw - 320px) / (1920 - 320)));
line-height: calc(18px + (25 - 18) * ((100vw - 320px) / (1920 - 320)));
}
}
.mod_press_list .more{
display: inline-block;
color: #cc3300;
text-decoration: none;
padding-right: 35px;
transition: all 0.2s ease;
position: relative;
font-size: 19px;
font-weight: bold;
margin-top: 25px;
}
@media (max-width: 1919px){
.mod_press_list .more{
font-size: calc(12px + (19 - 12) * ((100vw - 320px) / (1920 - 320)));
margin-top: calc(5px + (25 - 5) * ((100vw - 320px) / (1920 - 320)));
padding-right: calc(25px + (35 - 25) * ((100vw - 320px) / (1920 - 320)));
}
}
@media (max-width: 750px){
.mod_press_list .more{
position: relative;
bottom: initial;
right: initial;
}
}
.mod_press_list .more:after{
display: block;
content: "";
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
background: url("https://apx.lvr.de/media/layout_apx/img_apx/arrow_right_color6_apx.png") no-repeat center;
background-size: contain;
height: 12px;
width: 27px;
margin-top: 1px;
}
@media (max-width: 735px){
.mod_press_list .more:after{
height: calc(6px + (12 - 6) * ((100vw - 320px) / (735 - 320)));
width: calc(15px + (27 - 15) * ((100vw - 320px) / (735 - 320)));
margin-top: 0;
}
}
.mod_press_list .more:focus, .mod_press_list .more:hover {
text-decoration: underline;
color: #000;
}
.mod_round_img_list{
padding: 50px 25px;
max-width: 1100px;
margin: 0 auto;
position: relative;
width: 100%;
background: #f8f7f7;
}
.mod_round_img_list h3{
text-align: center;
font-size: 46px;
line-height: 56px;
margin-bottom: 15px;
font-weight: 400;
color: #5f5e5e;
}
@media (max-width: 1919px){
.mod_round_img_list h3{
font-size: calc(18px + (46 - 18) * ((100vw - 320px) / (1920 - 320)));
line-height: calc(30px + (56 - 30) * ((100vw - 320px) / (1920 - 320)));
margin-bottom: calc(5px + (15 - 5) * ((100vw - 320px) / (1920 - 320)));
}
}
.mod_round_img_list .date{
display: block;
text-align: center;
font-weight: bold;
font-size: 18px;
line-height: 25px;
margin-bottom: 45px;
}
@media (max-width: 1919px){
.mod_round_img_list .date{
font-size: calc(14px + (18 - 14) * ((100vw - 320px) / (1920 - 320)));
line-height: calc(18px + (25 - 18) * ((100vw - 320px) / (1920 - 320)));
margin-bottom: calc(25px + (45 - 25) * ((100vw - 320px) / (1920 - 320)));
}
}
.mod_round_img_list .listwrapper{
padding: 25px 180px;
}
@media (max-width: 1919px){
.mod_round_img_list .listwrapper{
padding: calc(5px + (25 - 5) * ((100vw - 320px) / (1920 - 320))) calc(0px + (180 - 0) * ((100vw - 320px) / (1920 - 320)));
}
}
.mod_round_img_list .listwrapper .listitem{
border-bottom: 1px solid #5f5e5e;
position: relative;
margin-top: 15px;
padding-top: 5px;
}
.mod_round_img_list .listwrapper .listitem img{
height: 77px;
width: 77px;
float: left;
margin-right: 25px;
border: 1px solid #5f5e5e;
}
@media (max-width: 550px){
.mod_round_img_list .listwrapper .listitem img{
height: calc(50px + (77 - 50) * ((100vw - 320px) / (550 - 320)));
width: calc(50px + (77 - 50) * ((100vw - 320px) / (550 - 320)));
margin-right: calc(10px + (25 - 10) * ((100vw - 320px) / (550 - 320)));
margin-bottom: calc(60px + (5 - 60) * ((100vw - 320px) / (550 - 320)));
}
}
.mod_round_img_list .listwrapper .listitem span{
font-size: 18px;
line-height: 25px;
margin-bottom: 15px;
margin-top: 5px;
display: block;
}
@media (max-width: 1919px){
.mod_round_img_list .listwrapper .listitem span{
font-size: calc(12px + (18 - 12) * ((100vw - 320px) / (1920 - 320)));
line-height: calc(18px + (25 - 18) * ((100vw - 320px) / (1920 - 320)));
margin-top: 0;
}
}
.mod_round_img_list .listwrapper .listitem h4{
width: 350px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
font-size: 28px;
line-height: 32px;
font-weight: bold;
color: #5f5e5e;
margin-bottom: 18px;
}
@media (max-width: 1919px){
.mod_round_img_list .listwrapper .listitem h4{
font-size: calc(14px + (28 - 14) * ((100vw - 320px) / (1920 - 320)));
line-height: calc(18px + (32 - 18) * ((100vw - 320px) / (1920 - 320)));
margin-bottom: calc(30px + (18 - 30) * ((100vw - 320px) / (1920 - 320)));
width: 65%;
}
}
@media (max-width: 550px){
.mod_round_img_list .listwrapper .listitem h4{
margin-bottom: 10px;
width: auto;
overflow: visible;
white-space: initial;
text-overflow: initial;
}
}
.mod_round_img_list .listwrapper .listitem a{
position: absolute;
right: 0;
display: inline-block;
color: #cc3300;
text-decoration: none;
padding-right: 35px;
transition: all 0.2s ease;
font-size: 19px;
font-weight: bold;
bottom: 13px;
}
@media (max-width: 1919px){
.mod_round_img_list .listwrapper .listitem a{
font-size: calc(12px + (19 - 12) * ((100vw - 320px) / (1920 - 320)));
padding-right: calc(23px + (35 - 23) * ((100vw - 320px) / (1920 - 320)));
}
}
@media (max-width: 550px){
.mod_round_img_list .listwrapper .listitem a{
position: relative;
bottom: initial;
margin-bottom: 10px;
}
}
.mod_round_img_list .listwrapper .listitem a:after{
display: block;
content: "";
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
background: url("https://apx.lvr.de/media/layout_apx/img_apx/arrow_right_color6_apx.png") no-repeat center;
background-size: contain;
height: 12px;
width: 27px;
margin-top: 1px;
}
@media (max-width: 735px){
.mod_round_img_list .listwrapper .listitem a:after{
height: calc(8px + (12 - 8) * ((100vw - 320px) / (735 - 320)));
width: calc(18px + (27 - 18) * ((100vw - 320px) / (735 - 320)));
margin-top: 0;
}
}
.mod_round_img_list .listwrapper .listitem a:focus, .mod_round_img_list .listwrapper .listitem a:hover{
color: #5f5e5e;
text-decoration: underline;
}
.mod_round_img_list.ohne_bild .listwrapper .listitem h4 {
overflow: initial;
white-space: initial;
text-overflow: initial;
}
.mod_searchresults{
margin-bottom: 150px;
}
@media (max-width: 1919px){
.mod_searchresults{
margin-bottom: calc(25px + (150 - 25) * ((100vw - 320px) / (1920 - 320)));
}
}
.mod_searchresults > .boxed-1 > h1, .mod_searchresults > .boxed-2 > h1{
color: #cc3300;
font-size: 45px;
font-weight: 600;
}
@media (max-width: 1919px){
.mod_searchresults > .boxed-1 > h1, .mod_searchresults > .boxed-2 > h1{
font-size: calc(25px + (45 - 25) * ((100vw - 320px) / (1920 - 320)));
}
}
.mod_searchresults > .boxed-1 > form, .mod_searchresults > .boxed-2 > form{
margin: 65px 0;
}
@media (max-width: 1919px){
.mod_searchresults > .boxed-1 > form, .mod_searchresults > .boxed-2 > form{
margin: calc(25px + (65 - 25) * ((100vw - 320px) / (1920 - 320))) 0;
}
}
.mod_searchresults > .boxed-1 > form .formrow, .mod_searchresults > .boxed-2 > form .formrow{
margin: 0 auto;
}
.mod_searchresults > .boxed-1 > form .formrow.formrow1, .mod_searchresults > .boxed-2 > form .formrow.formrow1{
width: 90%;
}
@media (max-width: 550px){
.mod_searchresults > .boxed-1 > form .formrow.formrow1, .mod_searchresults > .boxed-2 > form .formrow.formrow1{
width: 100%;
}
}
.mod_searchresults > .boxed-1 > form .formrow.formrow1 input, .mod_searchresults > .boxed-2 > form .formrow.formrow1 input{
display: inline-block;
width: 83%;
outline: none;
height: 48px;
line-height: 48px;
padding: 0 20px;
border: 1px solid #6E6E6E;
border-radius: 0;
}
@media (max-width: 550px){
.mod_searchresults > .boxed-1 > form .formrow.formrow1 input, .mod_searchresults > .boxed-2 > form .formrow.formrow1 input{
width: 100%;
}
}
.mod_searchresults > .boxed-1 > form .formrow.formrow1 button, .mod_searchresults > .boxed-2 > form .formrow.formrow1 button{
cursor: pointer;
display: inline-block;
width: 15%;
border: none;
outline: none;
color: #fff;
background: #cc3300;
height: 48px;
line-height: 48px;
text-align: center;
transition: all 0.2s ease;
}
@media (max-width: 550px){
.mod_searchresults > .boxed-1 > form .formrow.formrow1 button, .mod_searchresults > .boxed-2 > form .formrow.formrow1 button{
width: 100%;
}
}
.mod_searchresults > .boxed-1 > form .formrow.formrow1 button:focus, .mod_searchresults > .boxed-2 > form .formrow.formrow1 button:focus, .mod_searchresults > .boxed-1 > form .formrow.formrow1 button:hover, .mod_searchresults > .boxed-2 > form .formrow.formrow1 button:hover{
background: #cc3300;
text-decoration: underline;
}
.mod_searchresults > .boxed-1 > form .formrow.formrow2, .mod_searchresults > .boxed-2 > form .formrow.formrow2{
margin-top: 15px;
width: 70%;
}
@media (max-width: 550px){
.mod_searchresults > .boxed-1 > form .formrow.formrow2, .mod_searchresults > .boxed-2 > form .formrow.formrow2{
width: 100%;
}
}
.mod_searchresults > .boxed-1 > form .formrow.formrow2 select, .mod_searchresults > .boxed-2 > form .formrow.formrow2 select{
width: 31%;
height: 48px;
line-height: 48px;
padding: 0 15px;
outline: none;
border: 1px solid #6E6E6E;
}
@media (max-width: 550px){
.mod_searchresults > .boxed-1 > form .formrow.formrow2 select, .mod_searchresults > .boxed-2 > form .formrow.formrow2 select{
width: 100%;
}
}
.mod_searchresults > .boxed-1 > form .formrow.formrow2 button, .mod_searchresults > .boxed-2 > form .formrow.formrow2 button{
cursor: pointer;
display: inline-block;
width: 31%;
border: none;
outline: none;
color: #fff;
background: #6E6E6E;
height: 48px;
line-height: 48px;
text-align: center;
transition: all 0.2s ease;
}
@media (max-width: 550px){
.mod_searchresults > .boxed-1 > form .formrow.formrow2 button, .mod_searchresults > .boxed-2 > form .formrow.formrow2 button{
width: 100%;
}
}
.mod_searchresults > .boxed-1 > form .formrow.formrow2 button:focus, .mod_searchresults > .boxed-2 > form .formrow.formrow2 button:focus, .mod_searchresults > .boxed-1 > form .formrow.formrow2 button:hover, .mod_searchresults > .boxed-2 > form .formrow.formrow2 button:hover{
background: #cc3300;
text-decoration: underline;
}
.mod_searchresults > .boxed-1 .searchresults_count, .mod_searchresults > .boxed-2 .searchresults_count{
font-weight: bold;
text-align: center;
margin-bottom: 50px;
display: block;
}
@media (max-width: 1919px){
.mod_searchresults > .boxed-1 .searchresults_count, .mod_searchresults > .boxed-2 .searchresults_count{
margin-bottom: calc(25px + (50 - 25) * ((100vw - 320px) / (1920 - 320)));
font-size: calc(16px + (22 - 16) * ((100vw - 320px) / (1920 - 320)));
}
}
.mod_searchresults > .boxed-1 .searchresults_config:after, .mod_searchresults > .boxed-2 .searchresults_config:after{
content: "";
display: block;
clear: both;
}
.mod_searchresults > .boxed-1 .searchresults_config .results, .mod_searchresults > .boxed-2 .searchresults_config .results{
float: left;
}
.mod_searchresults > .boxed-1 .searchresults_config .results ul, .mod_searchresults > .boxed-2 .searchresults_config .results ul{
margin: 0;
padding: 0 10px;
list-style: none;
display: inline-block;
}
.mod_searchresults > .boxed-1 .searchresults_config .results ul li, .mod_searchresults > .boxed-2 .searchresults_config .results ul li{
display: inline-block;
}
.mod_searchresults > .boxed-1 .searchresults_config .results ul li a, .mod_searchresults > .boxed-2 .searchresults_config .results ul li a{
color: #5f5e5e;
text-decoration: none;
transition: all 0.2s ease;
padding: 0 4px;
border-radius: 2px;
background: #fff;
border: 1px solid white;
}
.mod_searchresults > .boxed-1 .searchresults_config .results ul li a svg path, .mod_searchresults > .boxed-2 .searchresults_config .results ul li a svg path{
transition: all 0.2s ease;
fill: #5f5e5e;
}
.mod_searchresults > .boxed-1 .searchresults_config .results ul li a:focus, .mod_searchresults > .boxed-2 .searchresults_config .results ul li a:focus, .mod_searchresults > .boxed-1 .searchresults_config .results ul li a:hover, .mod_searchresults > .boxed-2 .searchresults_config .results ul li a:hover{
background: #cc3300;
color: #fff;
border: 1px solid #cc3300;
}
.mod_searchresults > .boxed-1 .searchresults_config .results ul li a:focus svg path, .mod_searchresults > .boxed-2 .searchresults_config .results ul li a:focus svg path, .mod_searchresults > .boxed-1 .searchresults_config .results ul li a:hover svg path, .mod_searchresults > .boxed-2 .searchresults_config .results ul li a:hover svg path{
fill: #fff;
}
.mod_searchresults > .boxed-1 .searchresults_config .results ul li span, .mod_searchresults > .boxed-2 .searchresults_config .results ul li span{
color: #cc3300;
font-weight: bold;
padding: 0 4px;
border-radius: 2px;
background: #fff;
border: 1px solid #cc3300;
}
.mod_searchresults > .boxed-1 .searchresults_config .sort, .mod_searchresults > .boxed-2 .searchresults_config .sort{
float: right;
}
.mod_searchresults > .boxed-1 .searchresults_config .sort ul, .mod_searchresults > .boxed-2 .searchresults_config .sort ul{
margin: 0 10px;
padding: 0;
list-style: none;
display: inline-block;
}
.mod_searchresults > .boxed-1 .searchresults_config .sort ul li, .mod_searchresults > .boxed-2 .searchresults_config .sort ul li{
display: inline-block;
position: relative;
padding-right: 20px;
}
.mod_searchresults > .boxed-1 .searchresults_config .sort ul li:after, .mod_searchresults > .boxed-2 .searchresults_config .sort ul li:after{
content: "";
display: block;
width: 1px;
height: 20px;
position: absolute;
background: #5f5e5e;
top: 8px;
right: 7px;
}
.mod_searchresults > .boxed-1 .searchresults_config .sort ul li:last-child:after, .mod_searchresults > .boxed-2 .searchresults_config .sort ul li:last-child:after{
display: none;
}
.mod_searchresults > .boxed-1 .searchresults_config .sort ul li a, .mod_searchresults > .boxed-2 .searchresults_config .sort ul li a{
color: #5f5e5e;
text-decoration: none;
transition: all 0.2s ease;
padding: 0 8px;
border-radius: 3px;
background: #fff;
}
.mod_searchresults > .boxed-1 .searchresults_config .sort ul li a:focus, .mod_searchresults > .boxed-2 .searchresults_config .sort ul li a:focus, .mod_searchresults > .boxed-1 .searchresults_config .sort ul li a:hover, .mod_searchresults > .boxed-2 .searchresults_config .sort ul li a:hover{
background: #cc3300;
color: #fff;
}
.mod_searchresults > .boxed-1 .searchresults_config .sort ul li span, .mod_searchresults > .boxed-2 .searchresults_config .sort ul li span{
padding: 0 8px;
border-radius: 3px;
border: 1px solid #cc3300;
color: #cc3300;
font-weight: bold;
}
.mod_searchresults > .boxed-1 hr, .mod_searchresults > .boxed-2 hr{
margin: 25px 0;
}
.mod_searchresults > .boxed-1 .searchresult > h3, .mod_searchresults > .boxed-2 .searchresult > h3{
font-size: 28px;
font-weight: bold;
line-height: 32px;
margin-bottom: 5px;
color: #5f5e5e;
}
@media (max-width: 1919px){
.mod_searchresults > .boxed-1 .searchresult > h3, .mod_searchresults > .boxed-2 .searchresult > h3{
font-size: calc(20px + (28 - 20) * ((100vw - 320px) / (1920 - 320)));
line-height: calc(28px + (32 - 28) * ((100vw - 320px) / (1920 - 320)));
}
}
.mod_searchresults > .boxed-1 .searchresult > .date, .mod_searchresults > .boxed-2 .searchresult > .date{
font-size: 18px;
line-height: 25px;
color: #5f5e5e;
display: block;
margin-bottom: 10px;
}
@media (max-width: 1919px){
.mod_searchresults > .boxed-1 .searchresult > .date, .mod_searchresults > .boxed-2 .searchresult > .date{
font-size: calc(14px + (18 - 14) * ((100vw - 320px) / (1920 - 320)));
line-height: calc(19px + (25 - 19) * ((100vw - 320px) / (1920 - 320)));
}
}
.mod_searchresults > .boxed-1 .searchresult > .text, .mod_searchresults > .boxed-2 .searchresult > .text{
color: #5f5e5e;
text-decoration: none;
margin-bottom: 15px;
}
.mod_searchresults > .boxed-1 .searchresult > .more, .mod_searchresults > .boxed-2 .searchresult > .more{
color: #cc3300;
text-decoration: none;
padding-right: 35px;
transition: all 0.2s ease;
position: relative;
font-size: 19px;
font-weight: bold;
}
@media (max-width: 1919px){
.mod_searchresults > .boxed-1 .searchresult > .more, .mod_searchresults > .boxed-2 .searchresult > .more{
font-size: calc(16px + (19 - 16) * ((100vw - 320px) / (1920 - 320)));
}
}
.mod_searchresults > .boxed-1 .searchresult > .more:after, .mod_searchresults > .boxed-2 .searchresult > .more:after{
display: block;
content: "";
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
background: url("https://apx.lvr.de/media/layout_apx/img_apx/arrow_right_color6_apx.png") no-repeat center;
height: 12px;
width: 27px;
margin-top: 2px;
}
.mod_searchresults > .boxed-1 .searchresult > .more:focus, .mod_searchresults > .boxed-2 .searchresult > .more:focus, .mod_searchresults > .boxed-1 .searchresult > .more:hover, .mod_searchresults > .boxed-2 .searchresult > .more:hover{
color: #000;
text-decoration: underline;
}
.layout_startseite .mod_slider{
height: 100vh;
overflow: hidden;
}
.layout_startseite .mod_slider .slick-arrow:focus, .layout_startseite .mod_slider .slickPause:focus, .layout_startseite .mod_slider .slickPplay:focus{
outline-color: #fff !important;
}
@media (max-width: 735px){
.layout_startseite .mod_slider{
height: 50vh;
}
}
@media (max-width: 500px){
.layout_startseite .mod_slider{
height: 30vh;
}
}
.layout_startseite .mod_slider .slick-list .slick-track .slick-slide{
width: 100vw;
height: 100vh;
background-size: cover !important;
background-position: center;
}
@media (max-width: 735px){
.layout_startseite .mod_slider .slick-list .slick-track .slick-slide{
height: 50vh;
}
}
@media (max-width: 500px){
.layout_startseite .mod_slider .slick-list .slick-track .slick-slide{
height: 30vh;
}
}
.layout_startseite .mod_slider .slick-list .slick-track .slick-slide img{
display: none;
}
.layout_startseite .mod_slider .slick-list .slick-track .slick-slide .caption{
font-size: 60px;
line-height: 65px;
color: #fff;
text-shadow: rgba(0, 0, 0, 0.2) 2px 2px 6px;
position: absolute;
bottom: 18vh;
left: 14vw;
font-weight: bold;
}
@media (max-width: 1919px){
.layout_startseite .mod_slider .slick-list .slick-track .slick-slide .caption{
font-size: calc(25px + (60 - 25) * ((100vw - 320px) / (1920 - 320)));
line-height: calc(28px + (65 - 28) * ((100vw - 320px) / (1920 - 320)));
}
}
@media (max-width: 735px){
.layout_startseite .mod_slider .slick-list .slick-track .slick-slide .caption{
bottom: calc(15px + (35 - 15) * ((100vw - 320px) / (735 - 320)));
left: calc(15px + (35 - 15) * ((100vw - 320px) / (735 - 320)));
}
}
.layout_startseite .mod_slider #besuch-planen{
position: absolute;
bottom: 0px;
left: 50%;
transform: translateX(-50%);
transition: all 0.2s ease;
background: rgba(95, 94, 94, 0.5);
z-index: 7;
padding: 20px 25px;
}
.layout_startseite .mod_slider #besuch-planen .text{
text-transform: uppercase;
color: #fff;
font-weight: bold;
text-align: center;
display: block;
}
.layout_startseite .mod_slider #besuch-planen img{
width: auto !important;
}
.layout_startseite .mod_slider #besuch-planen:focus, .layout_startseite .mod_slider #besuch-planen:hover{
background: #cc3300;
color: #fff;
}
@media (max-width: 735px){
.layout_startseite .mod_slider #besuch-planen{
display: none;
}
}
.layout_startseite .mod_slider #besuch-planen img{
display: block;
margin: 0 auto;
}
@media (max-width: 1919px){
.layout_startseite .mod_slider #besuch-planen img{
width: calc(100px + (263 - 100) * ((100vw - 320px) / (1920 - 320)));
}
}
.layout_startseite .mod_slider .slick-dots{
display: none !important;
}
.mod_slider{
position: relative;
}
.mod_slider .slick-prev{
filter: drop-shadow(0 0 10px #222);
left: 45px;
z-index: 2;
background: url("https://apx.lvr.de/media/layout/img/arrow_circle_left_neg.svg") no-repeat center;
height: 45px;
width: 45px;
background-size: contain;
}
.mod_slider .slick-prev:before{
display: none;
}
@media (max-width: 1919px){
.mod_slider .slick-prev{
left: calc(10px + (45 - 10) * ((100vw - 320px) / (1920 - 320)));
height: calc(15px + (45 - 15) * ((100vw - 320px) / (1920 - 320)));
width: calc(15px + (45 - 15) * ((100vw - 320px) / (1920 - 320)));
}
}
@media (max-width: 950px){
html.is-touch .mod_slider .slick-prev{
left: -9999px;
}
}
.mod_slider .slick-next{
filter: drop-shadow(0 0 10px #222);
right: 45px;
z-index: 2;
background: url("https://apx.lvr.de/media/layout/img/arrow_circle_right_neg.svg") no-repeat center;
height: 45px;
width: 45px;
background-size: contain;
}
.mod_slider .slick-next:before{
display: none;
}
@media (max-width: 1919px){
.mod_slider .slick-next{
right: calc(10px + (45 - 10) * ((100vw - 320px) / (1920 - 320)));
height: calc(15px + (45 - 15) * ((100vw - 320px) / (1920 - 320)));
width: calc(15px + (45 - 15) * ((100vw - 320px) / (1920 - 320)));
}
}
@media (max-width: 950px){
html.is-touch .mod_slider .slick-next{
right: -9999px;
}
}
.mod_slider .slick-dots{
display: none;
}
.mod_sponsors *{
outline: none;
}
.mod_sponsors *:focus {
outline: 1px solid #5f5e5e;
border-radius: 5px;
}
.mod_sponsors img{
margin: 0 auto;
}
.mod_sponsors .sponsor{
padding: 25px;
}
.mod_sponsors h3{
font-size: 36px;
text-align: center;
margin-bottom: 50px;
}
@media (max-width: 1919px){
.mod_sponsors h3{
font-size: calc(18px + (36 - 18) * ((100vw - 320px) / (1920 - 320)));
margin-bottom: calc(0px + (50 - 0) * ((100vw - 320px) / (1920 - 320)));
}
}
.mod_sponsors .slider_wrapper .slick-prev{
left: -65px;
z-index: 2;
background: url("https://apx.lvr.de/media/layout/img/arrow_circle_left.svg") no-repeat center;
height: 45px;
width: 45px;
background-size: contain;
}
.mod_sponsors .slider_wrapper .slick-prev:before{
display: none;
}
@media (max-width: 1919px){
.mod_sponsors .slider_wrapper .slick-prev{
left: calc(2px + (-30 - 2) * ((100vw - 320px) / (1920 - 320)));
height: calc(15px + (45 - 15) * ((100vw - 320px) / (1920 - 320)));
width: calc(15px + (45 - 15) * ((100vw - 320px) / (1920 - 320)));
}
}
@media (max-width: 950px){
html.is-touch .mod_sponsors .slider_wrapper .slick-prev{
display: none !important;
}
}
.mod_sponsors .slider_wrapper .slick-next{
right: -65px;
z-index: 2;
background: url("https://apx.lvr.de/media/layout/img/arrow_circle_right.svg") no-repeat center;
height: 45px;
width: 45px;
background-size: contain;
}
.mod_sponsors .slider_wrapper .slick-next:before{
display: none;
}
@media (max-width: 1919px){
.mod_sponsors .slider_wrapper .slick-next{
right: calc(2px + (-30 - 2) * ((100vw - 320px) / (1920 - 320)));
height: calc(15px + (45 - 15) * ((100vw - 320px) / (1920 - 320)));
width: calc(15px + (45 - 15) * ((100vw - 320px) / (1920 - 320)));
}
}
@media (max-width: 950px){
html.is-touch .mod_sponsors .slider_wrapper .slick-next{
display: none !important;
}
}
.mod_sponsors .slider_wrapper .slick-dots{
position: absolute;
bottom: -30px;
z-index: 2;
display: none !important;
}
@media (max-width: 950px){
.mod_sponsors .slider_wrapper .slick-dots{
bottom: calc(-5px + (-12 - -5) * ((100vw - 320px) / (735 - 320)));
display: block !important;
}
}
.mod_sponsors .slider_wrapper .slick-dots li{
width: initial;
}
@media (max-width: 1919px){
.mod_sponsors .slider_wrapper .slick-dots li{
margin: 0 calc(1px + (5 - 1) * ((100vw - 320px) / (1920 - 320)));
}
}
.mod_sponsors .slider_wrapper .slick-dots li button{
background: transparent;
border-radius: 50%;
height: 16px;
width: 16px;
border: 2px solid #818181;
}
@media (max-width: 735px){
.mod_sponsors .slider_wrapper .slick-dots li button{
height: calc(1px + (12 - 1) * ((100vw - 320px) / (735 - 320)));
width: calc(1px + (12 - 1) * ((100vw - 320px) / (735 - 320)));
padding: 2px;
}
}
.mod_sponsors .slider_wrapper .slick-dots li button:before{
display: none;
}
.mod_sponsors .slider_wrapper .slick-dots li.slick-active button{
background: #818181;
}
.mod_sponsors .slickPlay svg *, .mod_sponsors .slickPause svg *{
fill: #5f5e5e;
}
.mod_teaser_newsletter .wrapper{
border-top: 1px solid #5f5e5e;
border-bottom: 1px solid #5f5e5e;
padding: 25px 0;
}
.mod_teaser_newsletter .wrapper .btn_more{
display: inline-block;
font-size: 18px;
height: 48px;
line-height: 48px;
padding: 0 25px;
background: transparent;
color: #cc3300;
border: 1px solid #cc3300;
text-align: center;
text-decoration: none;
transition: all 0.2s ease;
margin-top: 15px;
}
@media (max-width: 1919px){
.mod_teaser_newsletter .wrapper .btn_more{
font-size: calc(14px + (18 - 14) * ((100vw - 320px) / (1920 - 320)));
height: calc(30px + (48 - 30) * ((100vw - 320px) / (1920 - 320)));
line-height: calc(30px + (48 - 30) * ((100vw - 320px) / (1920 - 320)));
padding: 0 calc(10px + (25 - 10) * ((100vw - 320px) / (1920 - 320)));
margin-top: calc(5px + (15 - 5) * ((100vw - 320px) / (1920 - 320)));
}
}
.mod_teaser_newsletter .wrapper .btn_more:hover{
background: #cc3300;
color: #fff;
}
.mod_teaser_post .boxed-1, .mod_teaser_post .boxed-2{
padding: 70px 50px 25px 50px;
background: #f8f7f7;
}
@media (max-width: 1919px){
.mod_teaser_post .boxed-1, .mod_teaser_post .boxed-2{
padding: calc(15px + (70 - 15) * ((100vw - 320px) / (1920 - 320))) calc(15px + (50 - 15) * ((100vw - 320px) / (1920 - 320))) calc(15px + (25 - 15) * ((100vw - 320px) / (1920 - 320))) calc(15px + (50 - 15) * ((100vw - 320px) / (1920 - 320)));
}
}
.mod_teaser_post .boxed-1 > div, .mod_teaser_post .boxed-2 > div{
margin-bottom: 35px;
}
.mod_teaser_post .boxed-1 .acc-text, .mod_teaser_post .boxed-2 .acc-text{
display: none;
}
.mod_teaser_post .boxed-1 .more-plus, .mod_teaser_post .boxed-2 .more-plus{
display: inline-block;
font-size: 22px;
height: 48px;
line-height: 48px;
padding: 0 25px;
background: transparent;
color: #cc3300;
text-align: center;
text-decoration: none;
transition: all 0.2s ease;
margin-top: 15px;
position: relative;
padding-right: 55px;
font-weight: bold;
}
.mod_teaser_post .boxed-1 .more-plus svg, .mod_teaser_post .boxed-2 .more-plus svg{
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 15px;
}
@media (max-width: 1919px){
.mod_teaser_post .boxed-1 .more-plus svg, .mod_teaser_post .boxed-2 .more-plus svg{
height: calc(16px + (25 - 16) * ((100vw - 320px) / (1920 - 320)));
width: calc(16px + (25 - 16) * ((100vw - 320px) / (1920 - 320)));
}
}
.mod_teaser_post .boxed-1 .more-plus svg line, .mod_teaser_post .boxed-2 .more-plus svg line{
stroke: #cc3300;
transition: all 0.2s ease;
}
@media (max-width: 1919px){
.mod_teaser_post .boxed-1 .more-plus, .mod_teaser_post .boxed-2 .more-plus{
font-size: calc(14px + (18 - 14) * ((100vw - 320px) / (1920 - 320)));
height: calc(30px + (48 - 30) * ((100vw - 320px) / (1920 - 320)));
line-height: calc(30px + (48 - 30) * ((100vw - 320px) / (1920 - 320)));
padding: 0 calc(10px + (25 - 10) * ((100vw - 320px) / (1920 - 320)));
padding-right: calc(40px + (55 - 40) * ((100vw - 320px) / (1920 - 320)));
margin-top: calc(5px + (15 - 5) * ((100vw - 320px) / (1920 - 320)));
}
}
.mod_teaser_post .boxed-1 .more-plus:hover, .mod_teaser_post .boxed-2 .more-plus:hover{
background: #cc3300;
color: #fff;
}
.mod_teaser_post .boxed-1 .more-plus:hover svg line, .mod_teaser_post .boxed-2 .more-plus:hover svg line{
stroke: #fff;
}
.mod_teaser_post .downloads a:focus, .mod_teaser_post .downloads a:hover {
text-decoration: underline;
color: #000;
}
.mod_text i{
font-style: italic;
}
.mod_text table{
width: 100%;
}
.mod_text table tr td{
padding-right: 10px;
}
.mod_text p{
margin-bottom: 15px;
color: #5f5e5e;
}
.mod_text ul, .mod_text ol{
margin-left: 26px;
}
.mod_text .gridcontainer .col{
padding: 10px;
}
.mod_text .gridcontainer .col:first-child{
padding-left: 0;
}
.mod_text .gridcontainer .col:last-child{
padding-right: 0;
}
.mod_text .gridcontainer.no-padding .col{
padding: 0;
}
.mod_video h3{
font-size: 46px;
line-height: 52px;
margin-bottom: 50px;
}
@media (max-width: 1919px){
.mod_video h3{
font-size: calc(18px + (46 - 18) * ((100vw - 320px) / (1920 - 320)));
line-height: calc(28px + (52 - 28) * ((100vw - 320px) / (1920 - 320)));
margin-bottom: calc(15px + (50 - 15) * ((100vw - 320px) / (1920 - 320)));
}
}
.mod_video .caption{
font-size: 18px;
line-height: 25px;
text-align: left;
margin-top: 5px;
}
@media (max-width: 1919px){
.mod_video .caption{
font-size: calc(12px + (18 - 12) * ((100vw - 320px) / (1920 - 320)));
line-height: calc(18px + (25 - 18) * ((100vw - 320px) / (1920 - 320)));
margin-top: calc(2px + (5 - 2) * ((100vw - 320px) / (1920 - 320)));
}
}
.mod_video .trigger{
position: relative;
display: block;
}
.mod_video .trigger:before{
content: "";
display: block;
position: absolute;
background: url("https://apx.lvr.de/media/layout/img/mejs_controls.svg") no-repeat;
background-position: 0 -39px;
height: 80px;
width: 80px;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.mod_video .trigger .preview{
height: 717px;
width: 1100px;
}
@media (max-width: 1100px){
.mod_video .trigger .preview{
height: calc(209px + (717 - 209) * ((100vw - 320px) / (1100 - 320)));
width: calc(320px + (1100 - 320) * ((100vw - 320px) / (1100 - 320)));
}
}
.mod_warning_overlay{
position: fixed;
bottom: 0;
right: 0;
left: 0;
top: 0;
backdrop-filter: blur(3px);
background: rgba(0, 0, 0, 0.4);
z-index: 9998;
opacity: 1;
visibility: visible;
transition: all 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.mod_warning_overlay.hide{
opacity: 0;
visibility: hidden;
}
.mod_warning{
background: #cc3300;
color: #fff;
padding: 60px 80px;
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%) scale(1);
max-width: 915px;
width: 98%;
transition: all 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
text-align: center;
box-shadow: 1px 1px 16px 2px rgba(0, 0, 0, 0.6);
z-index: 9999;
}
@media (max-width: 1919px){
.mod_warning{
padding: calc(20px + (60 - 20) * ((100vw - 320px) / (1920 - 320))) calc(25px + (80 - 25) * ((100vw - 320px) / (1920 - 320)));
}
}
.mod_warning *:focus{
outline-color: #fff !important;
}
.mod_warning.hide{
opacity: 0;
visibility: hidden;
transform: translate(-50%, -50%) scale(0.7);
}
.mod_warning .headline{
font-size: 46px;
font-weight: 600;
display: block;
margin-bottom: 60px;
}
@media (max-width: 1919px){
.mod_warning .headline{
margin-bottom: calc(10px + (60 - 10) * ((100vw - 320px) / (1920 - 320)));
font-size: calc(18px + (46 - 18) * ((100vw - 320px) / (1920 - 320)));
}
}
.mod_warning .text{
font-size: 22px;
line-height: 36px;
display: block;
margin-bottom: 50px;
}
@media (max-width: 1919px){
.mod_warning .text{
font-size: calc(12px + (22 - 12) * ((100vw - 320px) / (1920 - 320)));
line-height: calc(22px + (36 - 22) * ((100vw - 320px) / (1920 - 320)));
margin-bottom: calc(10px + (50 - 10) * ((100vw - 320px) / (1920 - 320)));
}
}
.mod_warning .close{
display: block;
height: 35px;
width: 35px;
position: absolute;
background: url("https://apx.lvr.de/media/layout/img/modules/warning/close.svg") no-repeat center;
background-size: 75%;
text-indent: -9999px;
right: 25px;
top: 25px;
border: 2px solid transparent;
border-radius: 3px;
transition: all 0.2s cubic-bezier(1, 0, 0, 1);
}
@media (max-width: 1919px){
.mod_warning .close{
height: calc(20px + (35 - 20) * ((100vw - 320px) / (1920 - 320)));
width: calc(20px + (35 - 20) * ((100vw - 320px) / (1920 - 320)));
right: calc(5px + (25 - 5) * ((100vw - 320px) / (1920 - 320)));
top: calc(5px + (25 - 5) * ((100vw - 320px) / (1920 - 320)));
}
}
.mod_warning .close:hover{
border: 2px solid #fff;
}
.mod_warning .btn_close{
height: 48px;
line-height: 48px;
border: 1px solid #fff;
width: 100%;
max-width: 263px;
text-align: center;
display: inline-block;
color: #fff;
text-decoration: none;
font-size: 18px;
transition: all 0.2s cubic-bezier(1, 0, 0, 1);
position: relative;
}
.mod_warning .btn_close:after{
content: "";
display: block;
background: #fff;
position: absolute;
bottom: 0;
left: 0;
right: 0;
transition: all 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
height: 0;
opacity: 0;
z-index: -1;
}
.mod_warning .btn_close:before{
content: "";
display: block;
background: #fff;
position: absolute;
top: 0;
left: 0;
right: 0;
transition: all 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
height: 0;
opacity: 0;
z-index: -1;
}
@media (max-width: 1919px){
.mod_warning .btn_close{
height: calc(28px + (48 - 28) * ((100vw - 320px) / (1920 - 320)));
line-height: calc(28px + (48 - 28) * ((100vw - 320px) / (1920 - 320)));
font-size: calc(14px + (18 - 14) * ((100vw - 320px) / (1920 - 320)));
}
}
.mod_warning .btn_close:focus, .mod_warning .btn_close:hover{
color: #cc3300;
}
.mod_warning .btn_close:focus:before, .mod_warning .btn_close:hover:before{
height: 100%;
opacity: 1;
}
.mod_warning .btn_close:focus:after, .mod_warning .btn_close:hover:after{
height: 100%;
opacity: 1;
}
.mod_blog_kachel_grid {
overflow: hidden;
}
.mod_blog_kachel_grid .col {
padding: 0 !important;
margin: 0 !important;
}
.mod_blog_kachel_grid .gridcontainer {
margin-right: -10px;
margin-left: -10px;
}
@media (max-width: 1100px) {
.mod_blog_kachel_grid .gridcontainer {
margin-right: calc(-1px + (-10 - -1) * ((100vw - 320px) / (1300 - 320)));
margin-left: calc(-1px + (-10 - -1) * ((100vw - 320px) / (1300 - 320)));
}
}
.mod_blog_kachel_grid .headline {
display: block;
font-weight: 600;
font-size: 40px;
line-height: 48px;
margin-bottom: 20px;
}
@media (max-width: 1919px) {
.mod_blog_kachel_grid .headline {
font-size: calc(20px + (40 - 20) * ((100vw - 320px) / (1920 - 320)));
line-height: calc(22px + (48 - 22) * ((100vw - 320px) / (1920 - 320)));
margin-bottom: calc(10px + (20 - 10) * ((100vw - 320px) / (1920 - 320)));
}
}
@media (max-width: 1300px) {
.mod_blog_kachel_grid .headline {
font-size: calc(2px + (40 - 2) * ((100vw - 320px) / (1300 - 320)));
line-height: calc(2px + (48 - 2) * ((100vw - 320px) / (1300 - 320)));
}
}
@media (max-width: 750px) {
.mod_blog_kachel_grid .headline {
font-size: 18px;
line-height: 20px;
}
}
.mod_blog_kachel_grid .col .image_item {
display: block;
position: relative;
overflow: hidden;
margin: 0 10px 10px 10px;
}
@media (max-width: 1100px) {
.mod_blog_kachel_grid .col .image_item {
margin: 0 calc(1px + (10 - 1) * ((100vw - 320px) / (1300 - 320)));
}
}
.mod_blog_kachel_grid .col .image_item .overlay {
opacity: 0;
visibility: hidden;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 10px;
background: #373737;
color: #ffffff;
z-index: 2;
transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
transform: scale(0.9) rotate(-2deg);
backdrop-filter: blur(5px);
}
.mod_blog_kachel_grid .col .image_item .overlay.bg-color-1 {
background: #cc3300;
}
.mod_blog_kachel_grid .col .image_item .overlay.bg-color-2 {
background: #5f5e5e;
}
.mod_blog_kachel_grid .col .image_item .overlay.bg-color-3 {
background: #297F99;
}
.mod_blog_kachel_grid .col .image_item .overlay.bg-color-4 {
background: rgba(95, 94, 94, 0.2);
}
.mod_blog_kachel_grid .col .image_item .overlay.bg-color-5 {
background: #cc3300;
}
.mod_blog_kachel_grid .col .image_item .overlay.bg-color-6 {
background: #cc3300;
}
.mod_blog_kachel_grid .col .image_item .overlay.bg-color-7 {
background: #595959;
}
.mod_blog_kachel_grid .col .image_item .overlay.bg-color-8 {
background: #5f5e5e;
}
.mod_blog_kachel_grid .col .image_item .overlay.bg-color-9 {
background: #f8f7f7;
}
.mod_blog_kachel_grid .col .image_item .overlay .icon {
display: block;
padding-bottom: 2px;
font-weight: bold;
}
.mod_blog_kachel_grid .col .image_item .overlay .icon img {
width: 22px;
height: auto;
margin-right: 8px;
position: relative;
top: 2px;
}
.mod_blog_kachel_grid .col .image_item .caption {
position: absolute;
color: #5f5e5e;
background: #fff;
left: 0;
bottom: 30px;
text-transform: uppercase;
max-width: 90%;
transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);
transform: rotate(0deg);
}
.mod_blog_kachel_grid .col .image_item img {
width: 100%;
max-width: initial;
height: auto;
}
.mod_blog_kachel_grid .col .image_item:focus .overlay, .mod_blog_kachel_grid .col .image_item:hover .overlay {
visibility: visible;
opacity: 1;
transform: scale(1);
}
.mod_blog_kachel_grid .col .image_item:focus .caption, .mod_blog_kachel_grid .col .image_item:hover .caption {
opacity: 0;
left: -50px;
transform: rotate(-2deg);
}
.mod_blog_kachel_grid .col.span_6 .image_item .caption {
font-size: 28px;
padding: 10px 20px 10px 10px;
}
@media (max-width: 1300px) {
.mod_blog_kachel_grid .col.span_6 .image_item .caption {
font-size: calc(10px + (28 - 10) * ((100vw - 320px) / (1300 - 320)));
line-height: calc(8px + (36 - 8) * ((100vw - 320px) / (1300 - 320)));
padding: calc(4px + (10 - 4) * ((100vw - 320px) / (1300 - 320))) calc(6px + (20 - 6) * ((100vw - 320px) / (1300 - 320))) calc(4px + (10 - 4) * ((100vw - 320px) / (1300 - 320))) calc(4px + (10 - 4) * ((100vw - 320px) / (1300 - 320)));
}
}
.mod_blog_kachel_grid .col.span_6 .image_item .overlay {
font-size: 26px;
line-height: 38px;
padding: 25px 30px;
}
.mod_blog_kachel_grid .col.span_6 .image_item .overlay span {
display: block;
}
@media (max-width: 1300px) {
.mod_blog_kachel_grid .col.span_6 .image_item .overlay {
font-size: calc(2px + (26 - 2) * ((100vw - 320px) / (1300 - 320)));
line-height: calc(2px + (38 - 2) * ((100vw - 320px) / (1300 - 320)));
padding: calc(8px + (25 - 8) * ((100vw - 320px) / (1300 - 320))) calc(8px + (30 - 8) * ((100vw - 320px) / (1300 - 320)));
}
}
@media (max-width: 750px) {
.mod_blog_kachel_grid .col.span_6 .image_item .overlay {
padding: 25px;
}
.mod_blog_kachel_grid .col.span_6 .image_item .overlay .text > .text {
display: none;
}
}
:focus {
outline: 1px solid #000 !important;
}
html, body{
font-size: 22px;
line-height: 36px;
color: #5f5e5e;
}
@media (max-width: 1919px){
html, body{
font-size: calc(14px + (22 - 14) * ((100vw - 320px) / (1920 - 320)));
line-height: calc(22px + (36 - 22) * ((100vw - 320px) / (1920 - 320)));
}
}
html, body, *{
margin: 0;
padding: 0;
box-sizing: border-box;
}
em{
font-style: italic !important;
}
strong{
font-weight: bold !important;
}
table caption{
text-align: left;
}
hr{
display: block;
height: 1px;
width: 100%;
background: #5f5e5e;
border: none;
outline: none;
margin: 15px 0;
}
a, a:visited{
color: #cc3300;
transition: color 0.2s ease;
text-decoration: none;
}
a:focus, a:hover, a:visited:focus, a:visited:hover{
color: #000;
text-decoration: underline;
}
img{
max-width: 100%;
height: auto;
}
h1, h2, h3, h4, h5, h6, p{
margin: 0;
padding: 0;
}
h1{
font-size: 52px;
line-height: 64px;
margin-bottom: 35px;
}
@media (max-width: 1919px){
h1{
font-size: calc(26px + (52 - 26) * ((100vw - 320px) / (1920 - 320)));
line-height: calc(30px + (64 - 30) * ((100vw - 320px) / (1920 - 320)));
margin-bottom: calc(15px + (35 - 15) * ((100vw - 320px) / (1920 - 320)));
}
}
h2{
font-size: 46px;
line-height: 58px;
margin-bottom: 25px;
}
@media (max-width: 1919px){
h2{
font-size: calc(22px + (46 - 22) * ((100vw - 320px) / (1920 - 320)));
line-height: calc(28px + (58 - 28) * ((100vw - 320px) / (1920 - 320)));
margin-bottom: calc(10px + (25 - 10) * ((100vw - 320px) / (1920 - 320)));
}
}
h3{
font-size: 40px;
line-height: 48px;
margin-bottom: 20px;
}
@media (max-width: 1919px){
h3{
font-size: calc(20px + (40 - 20) * ((100vw - 320px) / (1920 - 320)));
line-height: calc(22px + (48 - 22) * ((100vw - 320px) / (1920 - 320)));
margin-bottom: calc(10px + (20 - 10) * ((100vw - 320px) / (1920 - 320)));
}
}
h4{
font-size: 35px;
line-height: 42px;
margin-bottom: 15px;
}
@media (max-width: 1919px){
h4{
font-size: calc(18px + (35 - 18) * ((100vw - 320px) / (1920 - 320)));
line-height: calc(20px + (42 - 20) * ((100vw - 320px) / (1920 - 320)));
margin-bottom: calc(10px + (15 - 10) * ((100vw - 320px) / (1920 - 320)));
}
}
h5{
font-size: 30px;
line-height: 36px;
margin-bottom: 15px;
}
@media (max-width: 1919px){
h5{
font-size: calc(16px + (30 - 16) * ((100vw - 320px) / (1920 - 320)));
line-height: calc(20px + (36 - 20) * ((100vw - 320px) / (1920 - 320)));
margin-bottom: calc(10px + (15 - 10) * ((100vw - 320px) / (1920 - 320)));
}
}
h6{
font-size: 26px;
line-height: 30px;
margin-bottom: 15px;
}
@media (max-width: 1919px){
h6{
font-size: calc(14px + (26 - 14) * ((100vw - 320px) / (1920 - 320)));
line-height: calc(20px + (30 - 20) * ((100vw - 320px) / (1920 - 320)));
margin-bottom: calc(10px + (15 - 10) * ((100vw - 320px) / (1920 - 320)));
}
}
.bg-color-1{
background-color: #cc3300;
color: #fff;
}
.bg-color-2{
background-color: #5f5e5e;
color: #fff;
}
.bg-color-3{
background-color: #297F99;
color: #fff;
}
.bg-color-4{
background-color: rgba(95, 94, 94, 0.2);
}
.bg-color-5{
background-color: #8F1114;
}
.bg-color-6{
background-color: #cc3300;
}
.bg-color-7{
background-color: #595959;
}
.bg-color-8{
background-color: #5f5e5e;
}
.bg-color-9{
background-color: #f8f7f7;
}
.bg-color-10{
background-color: #dddddd;
}
.color-1{
color: #cc3300;
}
.color-2{
color: #5f5e5e;
}
.color-3{
color: #297F99;
}
.color-4{
color: rgba(95, 94, 94, 0.2);
}
.color-5{
color: #8F1114;
}
.color-6{
color: #cc3300;
}
.color-7{
color: #595959;
}
.color-8{
color: #5f5e5e;
}
.color-9{
color: #f8f7f7;
}
.color-10{
color: #dddddd;
}
.mod_space_top1{
padding-top: 15px;
}
@media (max-width: 1919px){
.mod_space_top1{
padding-top: calc(10px + (15 - 10) * ((100vw - 320px) / (1920 - 320)));
}
}
.mod_space_top2{
padding-top: 25px;
}
@media (max-width: 1919px){
.mod_space_top2{
padding-top: calc(10px + (25 - 10) * ((100vw - 320px) / (1920 - 320)));
}
}
.mod_space_top3{
padding-top: 45px;
}
@media (max-width: 1919px){
.mod_space_top3{
padding-top: calc(10px + (45 - 10) * ((100vw - 320px) / (1920 - 320)));
}
}
.mod_space_top4{
padding-top: 65px;
}
@media (max-width: 1919px){
.mod_space_top4{
padding-top: calc(10px + (65 - 10) * ((100vw - 320px) / (1920 - 320)));
}
}
.mod_space_top5{
padding-top: 100px;
}
@media (max-width: 1919px){
.mod_space_top5{
padding-top: calc(10px + (100 - 10) * ((100vw - 320px) / (1920 - 320)));
}
}
.mod_space_top6{
padding-top: 130px;
}
@media (max-width: 1919px){
.mod_space_top6{
padding-top: calc(10px + (130 - 10) * ((100vw - 320px) / (1920 - 320)));
}
}
.mod_space_bottom1{
padding-bottom: 15px;
}
@media (max-width: 1919px){
.mod_space_bottom1{
padding-bottom: calc(10px + (15 - 10) * ((100vw - 320px) / (1920 - 320)));
}
}
.mod_space_bottom2{
padding-bottom: 25px;
}
@media (max-width: 1919px){
.mod_space_bottom2{
padding-bottom: calc(10px + (25 - 10) * ((100vw - 320px) / (1920 - 320)));
}
}
.mod_space_bottom3{
padding-bottom: 45px;
}
@media (max-width: 1919px){
.mod_space_bottom3{
padding-bottom: calc(10px + (45 - 10) * ((100vw - 320px) / (1920 - 320)));
}
}
.mod_space_bottom4{
padding-bottom: 65px;
}
@media (max-width: 1919px){
.mod_space_bottom4{
padding-bottom: calc(10px + (65 - 10) * ((100vw - 320px) / (1920 - 320)));
}
}
.mod_space_bottom5{
padding-bottom: 100px;
}
@media (max-width: 1919px){
.mod_space_bottom5{
padding-bottom: calc(10px + (100 - 10) * ((100vw - 320px) / (1920 - 320)));
}
}
.mod_space_bottom6{
padding-bottom: 130px;
}
@media (max-width: 1919px){
.mod_space_bottom6{
padding-bottom: calc(10px + (130 - 10) * ((100vw - 320px) / (1920 - 320)));
}
}
.text-center{
text-align: center;
}
.text-center ul, .text-center ol{
text-align: left;
}
#content{
position: relative;
z-index: 1;
}
.boxed-1, .boxed-2{
max-width: 1100px;
width: 90%;
margin: 0 auto;
position: relative;
}
.boxed-2{
max-width: 1600px;
width: 95%;
}
.more-border{
display: inline-block;
font-size: 18px;
height: 48px;
line-height: 48px;
padding: 0 25px;
background: transparent;
color: #cc3300;
border: 1px solid #cc3300;
text-align: center;
text-decoration: none;
transition: all 0.2s ease;
margin-top: 25px;
margin-bottom: 15px;
}
@media (max-width: 1919px){
.more-border{
font-size: calc(14px + (18 - 14) * ((100vw - 320px) / (1920 - 320)));
height: calc(30px + (48 - 30) * ((100vw - 320px) / (1920 - 320)));
line-height: calc(30px + (48 - 30) * ((100vw - 320px) / (1920 - 320)));
padding: 0 calc(10px + (25 - 10) * ((100vw - 320px) / (1920 - 320)));
margin-top: calc(5px + (25 - 5) * ((100vw - 320px) / (1920 - 320)));
}
}
.more-border:hover{
background: #cc3300;
color: #fff !important;
}
#header{
position: absolute;
top: 0;
left: 0;
right: 0;
z-index: 10;
height: 110px;
background: #fff;
}
@media (max-width: 735px){
#header{
position: relative;
}
}
@media (max-width: 500px){
#header{
height: 54px;
}
}
#header .iconwrapper{
position: relative;
max-width: 600px;
width: 100%;
margin: 0 auto;
}
@media (max-width: 1100px){
#header .iconwrapper{
max-width: 550px;
}
}
@media (max-width: 900px){
#header .iconwrapper{
width: 50%;
}
}
#header #icon-burger-mobile{
display: none;
position: absolute;
top: 38px;
right: 0;
}
@media (max-width: 950px){
#header #icon-burger-mobile{
display: block;
}
}
#header #icon-burger-mobile svg{
height: auto;
width: 38px;
}
#header #icon-burger-mobile svg path{
transition: all 0.2s ease;
fill: #5f5e5e;
}
@media (max-width: 900px){
#header #icon-burger-mobile{
right: 15px;
}
#header #icon-burger-mobile svg{
width: 30px;
height: auto;
}
}
@media (max-width: 735px){
#header #icon-burger-mobile{
right: initial;
left: 50%;
transform: translateX(-50%);
}
}
@media (max-width: 500px){
#header #icon-burger-mobile{
top: 12px;
}
#header #icon-burger-mobile svg{
width: 22px;
}
}
#header #icon-burger-mobile:focus, #header #icon-burger-mobile:hover{
outline: none !important;
}
#header #icon-burger-mobile:focus:before, #header #icon-burger-mobile:hover:before{
border-color: #5f5e5e;
}
#header #icon-burger-mobile:focus svg path, #header #icon-burger-mobile:hover svg path{
fill: #cc3300;
}
#header #icon-burger{
position: absolute;
top: 38px;
right: 0;
}
@media (max-width: 950px){
#header #icon-burger{
display: none;
}
}
#header #icon-burger svg{
height: auto;
width: 38px;
}
#header #icon-burger svg path{
transition: all 0.2s ease;
fill: #5f5e5e;
}
#header #icon-burger _:-ms-lang(x),
#header #icon-burger svg{
height: 55px;
}
#header #icon-burger:before{
border: 2px solid transparent;
content: "";
display: block;
position: absolute;
height: 44px;
width: 45px;
top: -8px;
left: -6px;
border-radius: 5px;
transition: all 0.2s ease;
}
#header #icon-burger:focus, #header #icon-burger:hover{
outline: none !important;
}
#header #icon-burger:focus:before, #header #icon-burger:hover:before{
border-color: #5f5e5e;
}
#header #icon-burger:focus svg path, #header #icon-burger:hover svg path{
fill: #cc3300;
}
@media (max-width: 900px){
#header #icon-burger{
right: 15px;
}
#header #icon-burger svg{
width: 30px;
height: auto;
}
}
@media (max-width: 735px){
#header #icon-burger{
right: initial;
left: 50%;
transform: translateX(-50%);
}
}
@media (max-width: 500px){
#header #icon-burger{
top: 12px;
}
#header #icon-burger svg{
width: 22px;
}
}
#header #icon-search{
position: absolute;
top: 38px;
left: 14px;
}
#header #icon-search:before{
border: 2px solid transparent;
content: "";
display: block;
position: absolute;
height: 42px;
width: 42px;
top: -6px;
left: -6px;
border-radius: 5px;
transition: all 0.2s ease;
}
#header #icon-search:focus, #header #icon-search:hover{
outline: none !important;
}
#header #icon-search:focus:before, #header #icon-search:hover:before{
border-color: #5f5e5e;
}
#header #icon-search:focus svg path, #header #icon-search:hover svg path{
transition: all 0.2s ease;
fill: #cc3300;
}
@media (max-width: 900px){
#header #icon-search{
top: 35px;
}
#header #icon-search img{
width: 22px;
height: auto;
}
}
@media (max-width: 735px){
#header #icon-search{
display: none;
}
}
#header #icon-ticket{
position: absolute;
top: 35px;
left: 97px;
}
#header #icon-ticket svg{
width: 55px;
height: auto;
}
#header #icon-ticket svg path{
transition: all 0.2s ease;
}
#header #icon-ticket _:-ms-lang(x),
#header #icon-ticket svg{
height: 55px;
}
#header #icon-ticket:before{
border: 2px solid transparent;
content: "";
display: block;
position: absolute;
height: 45px;
width: 63px;
top: -6px;
left: -6px;
border-radius: 5px;
transition: all 0.2s ease;
}
#header #icon-ticket:focus, #header #icon-ticket:hover{
outline: none !important;
}
#header #icon-ticket:focus:before, #header #icon-ticket:hover:before{
border-color: #5f5e5e;
}
#header #icon-ticket:focus svg > path, #header #icon-ticket:hover svg > path{
fill: #cc3300 !important;
}
@media (max-width: 900px){
#header #icon-ticket{
left: 75px;
}
#header #icon-ticket svg{
width: 40px;
}
}
@media (max-width: 735px){
#header #icon-ticket{
display: none;
}
}
#header #icon-sign-lang{
position: absolute;
right: 80px;
top: 32px;
}
#header #icon-sign-lang svg{
width: 40px;
height: auto;
}
#header #icon-sign-lang svg path{
transition: all 0.2s ease;
}
#header #icon-sign-lang _:-ms-lang(x),
#header #icon-sign-lang svg{
height: 55px;
}
#header #icon-sign-lang:before{
border: 2px solid transparent;
content: "";
display: block;
position: absolute;
height: 45px;
width: 45px;
top: -6px;
left: -1px;
border-radius: 5px;
transition: all 0.2s ease;
}
#header #icon-sign-lang:focus, #header #icon-sign-lang:hover{
outline: none !important;
}
#header #icon-sign-lang:focus:before, #header #icon-sign-lang:hover:before{
border-color: #5f5e5e;
}
#header #icon-sign-lang:focus svg path.hands, #header #icon-sign-lang:hover svg path.hands{
fill: #cc3300 !important;
}
@media (max-width: 900px){
#header #icon-sign-lang svg{
width: 35px;
height: auto;
}
}
@media (max-width: 735px){
#header #icon-sign-lang{
display: none;
}
}
#header #icon-simple-lang{
position: absolute;
top: 32px;
right: 140px;
}
#header #icon-simple-lang svg{
width: 40px;
height: auto;
}
#header #icon-simple-lang svg path{
transition: all 0.2s ease;
}
#header #icon-simple-lang _:-ms-lang(x),
#header #icon-simple-lang svg{
height: 55px;
}
#header #icon-simple-lang:before{
border: 2px solid transparent;
content: "";
display: block;
position: absolute;
height: 45px;
width: 49px;
top: -6px;
left: -6px;
border-radius: 5px;
transition: all 0.2s ease;
}
#header #icon-simple-lang:focus, #header #icon-simple-lang:hover{
outline: none !important;
}
#header #icon-simple-lang:focus:before, #header #icon-simple-lang:hover:before{
border-color: #5f5e5e;
}
#header #icon-simple-lang:focus svg path, #header #icon-simple-lang:hover svg path{
fill: #cc3300 !important;
}
@media (max-width: 900px){
#header #icon-simple-lang svg{
width: 35px;
height: auto;
}
}
@media (max-width: 735px){
#header #icon-simple-lang{
display: none;
}
}
#header #langswitcher{
position: absolute;
left: 50%;
transform: translateX(-50%);
top: 44px;
margin: 0;
padding: 0;
list-style: none;
}
@media (max-width: 900px){
#header #langswitcher{
left: 40%;
top: 38px;
}
}
@media (max-width: 735px){
#header #langswitcher{
left: initial;
right: 0;
top: 38px;
}
}
@media (max-width: 500px){
#header #langswitcher{
top: 10px;
}
}
#header #langswitcher li{
display: inline-block;
margin-right: 16px;
}
@media (max-width: 900px){
#header #langswitcher li{
margin-right: 6px;
}
}
#header #langswitcher li:last-child{
margin-right: 0;
}
#header #langswitcher li a{
text-transform: uppercase;
text-decoration: none;
font-size: 22px;
font-weight: bold;
color: #595959;
}
@media (max-width: 1919px){
#header #langswitcher li a{
font-size: calc(16px + (22 - 16) * ((100vw - 320px) / (1920 - 320)));
}
}
#header #langswitcher li:hover a{
border-bottom: 3px solid #cc3300;
}
#header #langswitcher li:hover a, #header #langswitcher li.current a{
color: #cc3300;
}
@media (max-width: 900px){
#header #langswitcher li{
display: none;
background: #fff;
width: 33px;
padding: 3px 0;
text-align: center;
}
#header #langswitcher li.current{
display: block;
}
#header #langswitcher li.current:after{
content: "";
display: block;
cursor: pointer;
background: url("https://apx.lvr.de/media/layout/img/langswitcher_arr_down.svg");
height: 5px;
width: 8px;
position: absolute;
top: 50%;
margin-top: -2.5px;
right: 0;
}
}
@media (max-width: 900px){
#header #langswitcher.open li{
position: relative;
display: block;
}
#header #langswitcher.open li.current{
background: #cc3300;
}
#header #langswitcher.open li.current:after{
transform: rotate(180deg);
right: -12px;
}
#header #langswitcher.open li.current a{
color: #fff;
}
}
#header #logo1{
position: absolute;
left: 0;
top: 28px;
}
#header #logo1 img{
height: 50px;
width: auto;
}
#header #logo1 _:-ms-lang(x),
#header #logo1 img{
max-width: none;
}
@media (max-width: 1260px) {
#header #logo1 img {
height: 40px;
}
}
@media (max-width: 1140px) {
#header #logo1 img{
height: 28px;
}
}
@media (max-width: 1100px) {
#header #logo1 {
top: 35px;
}
}
@media (max-width: 500px){
#header #logo1{
top: 9px;
}
#header #logo1 img{
width: 110px;
}
}
#header #logo2{
position: absolute;
right: 0;
top: 25px;
}
#header #logo2 img{
height: 65px;
width: auto;
}
#header #logo2 _:-ms-lang(x),
#header #logo2 img{
max-width: none;
}
@media (max-width: 1100px){
#header #logo2{
top: 35px;
}
#header #logo2 img{
width: 120px;
height: auto;
}
}
@media (max-width: 500px){
#header #logo2{
top: 9px;
}
#header #logo2 img{
width: 80px;
}
}
#search_overlay{
position: absolute;
left: 0;
right: 0;
background: #cc3300;
z-index: 8;
top: -80px;
opacity: 0;
visibility: hidden;
transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
height: 80px;
box-shadow: 0 5px 10px 1px rgba(0, 0, 0, 0.3);
}
@media (max-width: 735px){
#search_overlay{
display: none;
}
}
#search_overlay.show{
top: 110px;
opacity: 1;
visibility: visible;
}
#search_overlay form{
padding: 16px 0;
}
#search_overlay form input{
outline: none;
height: 48px;
line-height: 48px;
border: 1px solid rgba(55, 55, 55, 0.55);
width: 100%;
padding: 0 15px;
}
#search_overlay form input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
color: #cc3300;
}
#search_overlay form input::-moz-placeholder { /* Firefox 19+ */
color: #cc3300;
}
#search_overlay form input:-ms-input-placeholder { /* IE 10+ */
color: #cc3300;
}
#search_overlay form input:-moz-placeholder { /* Firefox 18- */
color: #cc3300;
}
#search_overlay form button{
cursor: pointer;
position: absolute;
background: transparent;
border: none;
outline: none;
right: 2px;
top: 17px;
padding: 4px 6px;
border-radius: 3px;
}
#search_overlay form button svg path{
fill: #cc3300;
}
#search_overlay form button:hover {
background: #cc3300;
}
#search_overlay form button:hover svg path{
fill: #fff;
}
#navigation_overlay{
padding: 60px 0;
position: absolute;
background: rgba(0, 0, 0, 0.1);
left: 0;
right: 0;
backdrop-filter: blur(0px);
opacity: 0;
visibility: hidden;
top: -100%;
z-index: 8;
transition: all 0.3s cubic-bezier(0.6, 0.04, 0.98, 0.335);
width: 90vw;
}
@media (max-width: 950px){
#navigation_overlay{
display: none !important;
}
}
#navigation_overlay *:focus{
border-color: #fff !important;
outline-color: #fff !important;
}
#navigation_overlay.show{
width: auto;
opacity: 1;
visibility: visible;
top: 110px;
background: rgba(0, 0, 0, 0.8);
backdrop-filter: blur(2px);
transition: all 0.3s cubic-bezier(0.075, 0.82, 0.165, 1);
}
#navigation_overlay #close_navigation_overlay{
display: block;
height: 35px;
width: 35px;
z-index: 99;
position: absolute;
background: url("https://apx.lvr.de/media/layout/img/modules/warning/close.svg") no-repeat center;
background-size: 75%;
text-indent: -9999px;
right: 25px;
top: 10px;
transition: all 0.2s cubic-bezier(1, 0, 0, 1);
border: 2px solid transparent;
border-radius: 5px;
}
@media (max-width: 1919px){
#navigation_overlay #close_navigation_overlay{
height: calc(20px + (35 - 20) * ((100vw - 320px) / (1920 - 320)));
width: calc(20px + (35 - 20) * ((100vw - 320px) / (1920 - 320)));
right: calc(5px + (25 - 5) * ((100vw - 320px) / (1920 - 320)));
top: calc(5px + (10 - 5) * ((100vw - 320px) / (1920 - 320)));
}
}
#navigation_overlay #close_navigation_overlay:focus, #navigation_overlay #close_navigation_overlay:hover{
border: 2px solid #fff;
}
#navigation_overlay .navi_a_hover, #navigation_overlay nav > ul.level-1 > li > ul.level-2 > li:focus > a, #navigation_overlay nav > ul.level-1 > li > ul.level-2 > li:hover > a, #navigation_overlay nav ul li > a:focus, #navigation_overlay nav ul li > a:hover {
background: rgba(255, 255, 255, 0.2);
background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.2) 100%);
background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.2) 100%);
background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.2) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00ffffff", endColorstr="#1affffff", GradientType=1);
padding-left: 15px;
}
#navigation_overlay nav ul{
list-style: none;
margin: 0;
padding: 0;
}
#navigation_overlay nav ul li{
margin: 0;
padding: 0;
cursor: pointer;
}
#navigation_overlay nav ul li.has_children{
background: url("https://apx.lvr.de/media/layout/img/nav_angle_right.svg") no-repeat 90% center;
}
#navigation_overlay nav ul li a{
transition: all 0.3s cubic-bezier(1, 0, 0, 1);
color: #fff;
text-decoration: none;
font-size: 24px;
line-height: 50px;
display: block;
padding-left: 0;
}
#navigation_overlay nav ul li a:focus, #navigation_overlay nav ul li a:hover{
text-decoration: underline;
}
@media (max-width: 1919px){
#navigation_overlay nav ul li a{
font-size: calc(16px + (24 - 16) * ((100vw - 320px) / (1920 - 320)));
line-height: calc(25px + (50 - 25) * ((100vw - 320px) / (1920 - 320)));
}
}
#navigation_overlay nav > ul.level-1{
width: 33%;
height: 100%;
}
#navigation_overlay nav > ul.level-1 > li > ul.level-2{
opacity: 0;
visibility: hidden;
margin-left: 25px;
padding: 10px 0px;
transition: all 0.1s cubic-bezier(0.755, 0.05, 0.855, 0.06);
width: 33%;
height: 100%;
left: 33%;
position: absolute;
top: 0;
}
#navigation_overlay nav > ul.level-1 > li > ul.level-2.show{
opacity: 1;
visibility: visible;
margin-left: 0;
transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
}
#navigation_overlay nav > ul.level-1 > li > ul.level-2 > li > a{
padding-left: 15px;
font-size: 20px;
line-height: 33px;
}
@media (max-width: 1919px){
#navigation_overlay nav > ul.level-1 > li > ul.level-2 > li > a{
font-size: calc(14px + (20 - 14) * ((100vw - 320px) / (1920 - 320)));
line-height: calc(22px + (33 - 22) * ((100vw - 320px) / (1920 - 320)));
}
}
#navigation_overlay nav > ul.level-1 > li > ul.level-2 > li > a:focus, #navigation_overlay nav > ul.level-1 > li > ul.level-2 > li > a:hover{
padding-left: 30px;
}
#navigation_overlay nav > ul.level-1 > li > ul.level-2 > li > ul.level-3{
opacity: 0;
padding: 10px 0px;
margin-left: 25px;
visibility: hidden;
transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
width: 100%;
left: 100%;
height: 100%;
position: absolute;
top: 0;
}
#navigation_overlay nav > ul.level-1 > li > ul.level-2 > li > ul.level-3.show{
opacity: 1;
visibility: visible;
margin-left: 0;
transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
}
#navigation_overlay nav > ul.level-1 > li > ul.level-2 > li > ul.level-3 > li > a{
padding-left: 15px;
font-size: 20px;
line-height: 33px;
}
@media (max-width: 1919px){
#navigation_overlay nav > ul.level-1 > li > ul.level-2 > li > ul.level-3 > li > a{
font-size: calc(14px + (20 - 14) * ((100vw - 320px) / (1920 - 320)));
line-height: calc(22px + (33 - 22) * ((100vw - 320px) / (1920 - 320)));
}
}
#navigation_overlay nav > ul.level-1 > li > ul.level-2 > li > ul.level-3 > li > a:focus, #navigation_overlay nav > ul.level-1 > li > ul.level-2 > li > ul.level-3 > li > a:hover{
padding-left: 30px;
}
#footer{
color: #fff;
background: #5f5e5e;
font-size: 19px;
padding-bottom: 200px;
}
@media (max-width: 1919px){
#footer{
font-size: calc(12px + (19 - 12) * ((100vw - 320px) / (1920 - 320)));
line-height: calc(18px + (36 - 18) * ((100vw - 320px) / (1920 - 320)));
padding-bottom: calc(0px + (200 - 0) * ((100vw - 320px) / (1920 - 320)));
}
}
#footer a:focus {
text-decoration: underline !important;
outline: 1px solid #fff !important;
}
@media (max-width: 1919px) {
#footer .gridcontainer .col{
padding: calc(10px + (0 - 10) * ((100vw - 320px) / (1920 - 320)));
}
}
@media (max-width: 950px){
#footer .gridcontainer .col{
width: 50%;
}
}
@media (max-width: 480px){
#footer .gridcontainer .col{
width: 100%;
}
}
#footer h4{
font-weight: bold;
font-size: 24px;
text-transform: uppercase;
margin-bottom: 25px;
}
@media (max-width: 1919px){
#footer h4{
font-size: calc(16px + (24 - 16) * ((100vw - 320px) / (1920 - 320)));
margin-bottom: calc(15px + (25 - 15) * ((100vw - 320px) / (1920 - 320)));
}
}
#footer .link-icon{
margin-bottom: 2px;
display: inline-block;
}
#footer .link-icon img{
padding-right: 8px;
margin-bottom: -8px;
}
@media (max-width: 1919px){
#footer .link-icon img{
width: calc(22px + (33 - 22) * ((100vw - 320px) / (1920 - 320)));
height: auto;
padding-right: calc(3px + (8 - 3) * ((100vw - 320px) / (1920 - 320)));
margin-bottom: calc(-3px + (-8 - -3) * ((100vw - 320px) / (1920 - 320)));
}
}
#footer a{
text-decoration: none;
color: #fff;
transition: all 0.2s ease;
}
#footer a:hover{
text-decoration: underline;
}
#footer hr{
display: block;
height: 1px;
width: 100%;
background: #F3EEEE;
border: none;
outline: none;
margin: 60px 0;
}
@media (max-width: 1919px){
#footer hr{
margin: calc(15px + (60 - 15) * ((100vw - 320px) / (1920 - 320))) 0;
}
}
@media (max-width: 550px){
#footer hr.last{
display: none;
}
}
#footer .social{
padding: 100px 0 10px 0;
}
@media (max-width: 1919px){
#footer .social{
padding: calc(15px + (100 - 15) * ((100vw - 320px) / (1920 - 320))) 0 10px 0;
}
}
#footer .social span{
font-size: 36px;
text-align: center;
line-height: 46px;
display: block;
margin-bottom: 50px;
}
@media (max-width: 1919px){
#footer .social span{
font-size: calc(16px + (36 - 16) * ((100vw - 320px) / (1920 - 320)));
line-height: calc(22px + (46 - 22) * ((100vw - 320px) / (1920 - 320)));
margin-bottom: calc(10px + (50 - 10) * ((100vw - 320px) / (1920 - 320)));
}
}
#footer .social ul{
margin: 0;
padding: 0;
list-style: none;
text-align: center;
}
#footer .social ul li{
display: inline-block;
margin: 0 25px;
}
@media (max-width: 1919px){
#footer .social ul li{
margin: 0 calc(15px + (25 - 15) * ((100vw - 320px) / (1920 - 320)));
}
}
@media (max-width: 400px){
#footer .social ul li{
display: block;
width: 100%;
margin: 0;
}
}
#footer .social ul li a{
width: 50px;
height: 50px;
display: inline-block;
position: relative;
border-bottom: 3px solid transparent;
padding-bottom: 10px;
transition: all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
@media (max-width: 1919px){
#footer .social ul li a{
width: calc(25px + (50 - 25) * ((100vw - 320px) / (1920 - 320)));
height: calc(25px + (50 - 25) * ((100vw - 320px) / (1920 - 320)));
}
}
@media (max-width: 400px){
#footer .social ul li a{
width: initial;
height: initial;
padding: 10px;
}
}
#footer .social ul li a img{
transition: all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
transform: scale(1);
object-fit: contain;
height: 100%;
width: 100%;
}
@media (max-width: 400px){
#footer .social ul li a img{
display: block;
margin: 0 auto;
}
}
#footer .social ul li a:focus, #footer .social ul li a:hover {
border-bottom: 3px solid #fff;
}
#footer .social ul li a:focus img, #footer .social ul li a:hover img {
transform: scale(1.2);
}
#footer .social ul li _:-ms-lang(x) img,
#footer .social ul li a img{
width: auto;
height: auto;
}
@media (max-width: 550px){
#footer .footernavigation{
display: none;
}
}
#footer .footernavigation h4 a{
font-weight: bold;
}
#footer .footernavigation ul{
margin: 0;
padding: 0;
list-style: none;
}
#footer .footernavigation .col{
margin-bottom: 80px;
}
@media (max-width: 1919px){
#footer .footernavigation .col{
margin-bottom: calc(25px + (80 - 25) * ((100vw - 320px) / (1920 - 320)));
}
}
/**
*
* Allgemein
*
*/
.downloads{
margin: 0;
padding: 0;
list-style: none;
margin-left: 40px;
}
@media (max-width: 1919px){
.downloads{
margin-left: calc(20px + (40 - 20) * ((100vw - 320px) / (1920 - 320)));
}
}
.downloads li{
position: relative;
margin-bottom: 15px;
}
.downloads li a{
color: #cc3300;
text-decoration: none;
transition: all 0.2s ease;
}
.downloads li a svg{
position: absolute;
top: 2px;
left: -40px;
}
@media (max-width: 1919px){
.downloads li a svg{
width: calc(15px + (30 - 15) * ((100vw - 320px) / (1920 - 320)));
height: auto;
top: calc(3px + (2 - 3) * ((100vw - 320px) / (1920 - 320)));
left: calc(-20px + (-40 - -20) * ((100vw - 320px) / (1920 - 320)));
}
}
.downloads li a svg path{
fill: #cc3300;
transition: all 0.2s ease;
}
.downloads li a span{
font-weight: bold;
}
.downloads li a:hover{
color: #cc3300;
}
.downloads li a:hover svg path{
fill: #cc3300;
}
table th{
text-align: left;
}
@media (max-width: 22px){
.hide_on_responsive{
display: none !important;
}
}
html .mm-navbar-size-2{
height: 40px;
}
@media (max-width: 768px){
html .mm-navbar-size-2{
height: 80px;
}
}
html .mm-navbar-top a{
text-indent: -9999px;
background-size: auto 75%;
background-position: center;
background-repeat: no-repeat;
width: 33%;
}
html .mm-navbar-top a:hover {
border-bottom: 1px solid #fff;
}
html .mm-navbar-top a.icon1, html .mm-navbar-top a.icon2, html .mm-navbar-top a.icon3{
display: none;
}
@media (max-width: 768px){
html .mm-navbar-top a.icon1, html .mm-navbar-top a.icon2, html .mm-navbar-top a.icon3{
display: block;
}
}
html .mm-navbar-top a.icon1{
background-image: url("https://apx.lvr.de/media/layout/img/ticket_kommern_icon_n.svg");
}
html .mm-navbar-top a.icon2{
background-image: url("https://apx.lvr.de/media/layout/img/leichte_sprache_icon_n.svg");
}
html .mm-navbar-top a.icon3{
background-image: url("https://apx.lvr.de/media/layout/img/deutsche_gebaerdensprache_icon_n.svg");
}
html .mm-navbar-top form{
width: 90%;
margin: 0 auto;
position: relative;
float: none !important;
padding: 2px 0;
}
html .mm-navbar-top form input{
width: 100%;
padding: 5px;
}
html .mm-listview li a {
color: #fff;
}
html .mm-navbar {
border-color: #fff !important;
}
html .mm-navbar a, html .mm-navbar > *, html em.mm-counter {
color: #fff !important;
}
html .mm-listview > li, html .mm-listview > li .mm-next, html .mm-listview > li .mm-next:before, html .mm-listview > li:after {
border-color: #fff;
}
html .mm-btn:after, html .mm-btn:before,
html .mm-listview .mm-next:after {
border-color: #fff !important;
}
#skip{
list-style: none;
position: fixed;
z-index: 99999;
}
#skip ul li a{
display: block;
position: absolute;
overflow: hidden;
left: -9999px;
color: #fff;
}
#skip ul li a:active,
#skip ul li a:focus{
outline: none !important;
position: fixed;
z-index: 999;
left: 0;
overflow: visible;
padding: 0 25px;
height: 110px;
line-height: 110px;
width: 100%;
font-size: 1.5em;
outline: none;
top: 0;
background: #000;
color: #fff;
text-decoration: none;
}
.slickPlay, .slickPause{
position: absolute;
bottom: 5px;
right: 5px;
height: 45px;
width: 45px;
background: no-repeat;
border: none;
outline: none;
cursor: pointer;
border-radius: 50%;
opacity: 0.8;
background: transparent;
border: 5px solid transparent;
transition: all 0.2s ease;
}
.slickPlay svg, .slickPause svg{
height: 35px;
width: 35px;
}
.slickPlay svg *, .slickPause svg *{
fill: #fff;
transition: all 0.2s ease;
}
.slickPlay:focus, .slickPlay:hover, .slickPause:focus, .slickPause:hover{
opacity: 1;
}
.slickPlay{
display: none;
}
ul.mm-listview .nav-item a:focus, ul.mm-listview .nav-item a:hover{
background: #fff;
color: #000;
}
ul.mm-listview .nav-item a:focus:after, ul.mm-listview .nav-item a:hover:after{
border-color: #000 !important;
}
.mm-btn.mm-prev:focus, .mm-btn.mm-prev:hover{
background: #fff;
color: #000;
}
.mm-btn.mm-prev:focus:before, .mm-btn.mm-prev:hover:before{
border-color: #000 !important;
}
.slickPlay svg, .slickPause svg{
filter: drop-shadow(0 0 10px #222);
}
.mod_sponsors .slickPlay svg, .mod_sponsors .slickPause svg{
filter: drop-shadow(0 0 10px #fff);
}
.mod_downloads .content .img:before{
filter: drop-shadow(0 0 10px #222);
}
.slick-dots{
overflow: hidden;
height: 35px;
}
.slick-dots li{
cursor: default !important;
}
.slick-dots li button{
cursor: default !important;
}
.mod_text .slick-dots{
overflow: hidden;
height: 35px;
}
html .slickPlay,
html .slickPause,
html .slick-arrow {
border-radius: 50%;
}
html .slickPlay:focus, html .slickPlay:hover,
html .slickPause:focus,
html .slickPause:hover,
html .slick-arrow:focus,
html .slick-arrow:hover {
outline: 5px solid #000 !important;
outline-color: #000 !important;
border-color: #000 !important;
}
.layout_startseite .mod_slider .slick-arrow:focus:focus, .layout_startseite .mod_slider .slick-arrow:focus:hover, .layout_startseite .mod_slider .slickPause:focus:focus, .layout_startseite .mod_slider .slickPause:focus:hover, .layout_startseite .mod_slider .slickPplay:focus:focus, .layout_startseite .mod_slider .slickPplay:focus:hover {
outline: 5px solid #000 !important;
outline-color: #000 !important;
border-color: #000 !important;
}
.ff,
.hide_warning,
.hideelement,
.hidelinks a{
display:none;
}
.mod_text .gridcontainer.no-padding-left .col,
.mod_text .gridcontainer .col.no-padding-left{
padding-left: 0px;
}
.mod_image_grid .col.span_12 .image_item.half_height img,
.mod_image_grid .col.span_6 .image_item.half_height img{
height: 355px;
}
.video_spacer{
max-height:717px;
min-height:360px;
height:717px;
}
@media (max-width: 735px){
.video_spacer{
height: 550px;
}
}
@media (max-width: 576px){
.video_spacer{
height: 320px;
}
}
.mod_event_list .filter input{
width: 100%;
height: 48px;
line-height: 48px;
padding: 0 15px;
outline: none;
border: 1px solid #868585;
}
.mod_event_list .filter button{
cursor: pointer;
display: inline-block;
width: 100%;
border: none;
outline: none;
color: #fff;
background: #868585;
height: 48px;
line-height: 48px;
text-align: center;
transition: all .2s ease;
}
.gridcontainer .span_8{
padding: 4px 8px;
}
hr{
overflow: auto;
}
.mod_event_list .filter button:focus, .mod_event_list .filter button:hover{
background: #cc3300;
text-decoration: underline;
}
#toTopButton{
display: none;
position: fixed;
bottom: 20px;
right: 20px;
z-index: 2;
}
.mod_press_list .content{
height: 200px;
}
@media (max-width: 950px){
.mod_press_list .col .content{
height: 200px;
}
}
ul.parsley-errors-list li{
list-style:none;
color: #E00000;
font-size: 16px;
font-style: italic !important;
}
.parsley-error{
border-color: #E00000 !important;
outline-color: #E00000 !important;
}
select, input[type='checkbox']{
cursor: pointer;
}
.inlineCookieOptoutCheckbox{
max-width: 1100px;
width: 90%;
margin: 0 auto;
position: relative;
}
.inlineCookieOverlay{
max-width:640px;
}
#cookiebanner.container-fluid .container{
font-size: 16px;
}
#cookiebanner.container-fluid .container h3{
font-size: 20px;
}
#cookiebanner.container-fluid .container .pb-3{
padding-bottom: 0.6rem !important;
}
.slick-slide img{
cursor: pointer;
}
.searchresults_abstand{
padding-top: 2em;
}
.default-table{
border-spacing: 0px;
}
.mod_searchresults > .boxed-1 .searchresult > .more:hover{
text-decoration: underline;
}
.mod_follow_us .social > ul li a:focus, .mod_follow_us .social > ul li a:hover {
border-bottom: 4px solid;
}
a.mod_btn:hover {
color: #fff;
}
.mod_follow_us .previewimages .col > a:focus .overlay,
.mod_follow_us .previewimages .col > a:hover .overlay {
overflow: hidden;
}
.mod_teaser_newsletter.bg-color-infobox .btn_more {
display: inline-block;
font-size: 18px;
height: 48px;
line-height: 48px;
padding: 0 25px;
background: transparent;
color: #373737;
border: 1px solid #373737;
text-align: center;
text-decoration: none;
transition: all 0.2s ease;
margin-top: 15px;
}
.mod_teaser_newsletter.bg-color-infobox .btn_more:hover {
background: #373737;
color: #fff;
}
.mod_teaser_newsletter.bg-color-infobox {
background: #EBEBE9;
}
.mod_teaser_newsletter.bg-color-infobox p {
color: #000;
}
.mod_blog_kachel_grid {
overflow: hidden;
}
.mod_blog_kachel_grid .col {
padding: 0 !important;
margin: 0 !important;
}
.mod_blog_kachel_grid .gridcontainer {
margin-right: -10px;
margin-left: -10px;
}
@media (max-width: 1100px) {
.mod_blog_kachel_grid .gridcontainer {
margin-right: calc(-1px + (-10 - -1) * ((100vw - 320px) / (1300 - 320)));
margin-left: calc(-1px + (-10 - -1) * ((100vw - 320px) / (1300 - 320)));
}
}
.mod_blog_kachel_grid .headline {
font-weight: 600;
font-size: 40px;
line-height: 48px;
margin-bottom: 20px;
}
@media (max-width: 1919px) {
.mod_blog_kachel_grid .headline {
font-size: calc(20px + (40 - 20) * ((100vw - 320px) / (1920 - 320)));
line-height: calc(22px + (48 - 22) * ((100vw - 320px) / (1920 - 320)));
margin-bottom: calc(10px + (20 - 10) * ((100vw - 320px) / (1920 - 320)));
}
}
@media (max-width: 1300px) {
.mod_blog_kachel_grid .headline {
font-size: calc(2px + (40 - 2) * ((100vw - 320px) / (1300 - 320)));
line-height: calc(2px + (48 - 2) * ((100vw - 320px) / (1300 - 320)));
}
}
@media (max-width: 750px) {
.mod_blog_kachel_grid .headline {
font-size: 18px;
line-height: 20px;
}
}
.mod_blog_kachel_grid .col .image_item {
display: block;
position: relative;
overflow: hidden;
margin: 0 10px 10px 10px;
}
@media (max-width: 1100px) {
.mod_blog_kachel_grid .col .image_item {
margin: 0 calc(1px + (10 - 1) * ((100vw - 320px) / (1300 - 320)));
}
}
.mod_blog_kachel_grid .col .image_item .overlay {
opacity: 0;
visibility: hidden;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 10px;
color: #ffffff;
z-index: 2;
transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
transform: scale(0.9) rotate(-2deg);
backdrop-filter: blur(5px);
}
.mod_blog_kachel_grid .col .image_item .overlay .icon {
display: block;
padding-bottom: 2px;
font-weight: bold;
}
.mod_blog_kachel_grid .col .image_item .overlay .icon img {
width: 22px;
height: auto;
margin-right: 8px;
position: relative;
top: 2px;
}
.mod_blog_kachel_grid .col .image_item .caption {
position: absolute;
color: #373737;
background: #fff;
left: 0;
bottom: 30px;
text-transform: uppercase;
max-width: 90%;
transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);
transform: rotate(0deg);
}
.mod_blog_kachel_grid .col .image_item img {
width: 100%;
max-width: initial;
height: auto;
}
.mod_blog_kachel_grid .col .image_item:focus .overlay, .mod_blog_kachel_grid .col .image_item:hover .overlay {
visibility: visible;
opacity: 1;
transform: scale(1);
}
.mod_blog_kachel_grid .col .image_item:focus .caption, .mod_blog_kachel_grid .col .image_item:hover .caption {
opacity: 0;
left: -50px;
transform: rotate(-2deg);
}
.mod_blog_kachel_grid .col.span_6 .image_item .caption {
font-size: 28px;
padding: 10px 20px 10px 10px;
}
@media (max-width: 1300px) {
.mod_blog_kachel_grid .col.span_6 .image_item .caption {
font-size: calc(10px + (28 - 10) * ((100vw - 320px) / (1300 - 320)));
line-height: calc(8px + (36 - 8) * ((100vw - 320px) / (1300 - 320)));
padding: calc(4px + (10 - 4) * ((100vw - 320px) / (1300 - 320))) calc(6px + (20 - 6) * ((100vw - 320px) / (1300 - 320))) calc(4px + (10 - 4) * ((100vw - 320px) / (1300 - 320))) calc(4px + (10 - 4) * ((100vw - 320px) / (1300 - 320)));
}
}
.mod_blog_kachel_grid .col.span_6 .image_item .overlay {
font-size: 26px;
line-height: 38px;
padding: 25px 30px;
}
.mod_blog_kachel_grid .col.span_6 .image_item .overlay span {
display: block;
}
@media (max-width: 1300px) {
.mod_blog_kachel_grid .col.span_6 .image_item .overlay {
font-size: calc(2px + (26 - 2) * ((100vw - 320px) / (1300 - 320)));
line-height: calc(2px + (38 - 2) * ((100vw - 320px) / (1300 - 320)));
padding: calc(8px + (25 - 8) * ((100vw - 320px) / (1300 - 320))) calc(8px + (30 - 8) * ((100vw - 320px) / (1300 - 320)));
}
}
@media (max-width: 750px) {
.mod_blog_kachel_grid .col.span_6 .image_item .overlay {
padding: 25px;
}
.mod_blog_kachel_grid .col.span_6 .image_item .overlay .text > .text {
display: none;
}
}
html .mm-navbar-top a:hover {
border-bottom: 1px solid #fff;
}
.layout_startseite .mod_slider #besuch-planen:focus, .layout_startseite .mod_slider #besuch-planen:hover {
color: #fff;
}
.mod_einstieg_4_farben .col a .text {
font-weight: bold;
}
@media (max-width: 1100px) {
.mod_image_grid .col .image_item:focus .overlay,
.mod_image_grid .col .image_item:hover .overlay,
.mod_blog_kachel_grid .col.span_6 .image_item:hover .overlay {
transform: scale(1.005,1.005);
}
}
@media (max-width: 750px){
.mod_image_grid .col .image_item:focus .overlay,
.mod_image_grid .col .image_item:hover .overlay,
.mod_blog_kachel_grid .col.span_6 .image_item:hover .overlay {
transform: scale(1,1.02);
}
}
@media (max-width: 550px){
.mod_image_grid .col .image_item:focus .overlay,
.mod_image_grid .col .image_item:hover .overlay,
.mod_blog_kachel_grid .col.span_6 .image_item:hover .overlay {
transform: scale(1,1.01);
}
}
.mod_teaser_post .downloads a:focus,
.mod_teaser_post .downloads a:hover {
text-decoration: underline;
}
/* Design Anpassung abgelehnt (18.07.2022) */
.mod_follow_us .blog .caption {
background-color: #373737;
}
.mod_downloads .content.image .img:before,
.mod_downloads .content.pdf .img:before,
.mod_downloads .content.video .img:before{
background-color: #373737;
border: 3px solid #373737;
border-radius: 5px;
}
.layout_startseite .mod_slider #besuch-planen {
background: #373737;
}
.bg-color-gray {
background-color: #373737!important;
}
.bg-color-red {
background-color: #cc3300!important;
}
.bg-color-yellow {
background-color: #eeaf45!important;
}
.bg-color-green {
background-color: #7f9735!important;
}
.bg-color-blue {
background-color: #297F99!important;
}
.mod_teaser_post .boxed-1 ul {
margin-left: 26px;
}
.mod_teaser_post .boxed-1 {
background-color: #EBEBE9;
}
.mod_teaser_post .boxed-1.dark {
background-color: rgba(163, 164, 99, 0.2);
}
.mod_text ul, .mod_text ol {
clear:both;
}
html .slickPlay,
html .slickPause,
html .slick-arrow {
border-radius: 10%
}
.mod_sponsors .sponsor:focus {
outline: 2px solid #fff !important;
border-radius: 0.15em;
}
.mod_sponsors .sponsor:focus img {
outline: 2px solid #000 !important;
border-radius: 0.15em;
}
.slick-prev,
.slick-next,
.slickPause,
.mod_slider .slick-prev,
.mod_slider .slick-next,
.mod_content_slider .slider_wrapper .slick-prev,
.mod_content_slider .slider_wrapper .slick-next {
height: 45px!important;
width: 45px!important;
}
.slick-prev:hover,
.slick-next:hover,
.slickPause:hover,
.mod_slider .slick-arrow:hover,
.mod_slider .slickPause:hover,
.mod_slider .slickPplay:hover,
.mod_content_slider .slider_wrapper .slick-prev:hover,
.mod_content_slider .slider_wrapper .slick-next:hover,
.mod_content_slider .slider_wrapper .slickPause:hover {
outline: 2px solid #fff !important;
}
.mod_sponsors .slider_wrapper .slick-prev:hover,
.mod_sponsors .slider_wrapper .slick-next:hover,
.mod_sponsors .slickPause:hover {
outline: 2px solid #000 !important;
}
.sponsor:hover img {
outline: 2px solid #000 !important;
border-radius: 0.15em;
}
.mod_content_slider .slider_wrapper.has_caption .slickPause,
.mod_content_slider .slider_wrapper.has_caption .slickPlay {
bottom: 80px;
}
.mod_content_slider .caption {
text-align: center;
display: block;
height: 65px;
margin-top: 10px;
overflow: hidden;
}
@media (max-width: 550px){
.mod_content_slider.mod_space_bottom5 {
padding-bottom: 30px;
}
}
h2 {
color: #cc3300;
}
.pagination a:focus, .pagination a:hover, .pagination a:visited:focus, .pagination a:visited:hover {
text-decoration: none;
}
.mod_follow_us,
.bg-color-lightgray,
.mod_round_img_list,
.mod_download_grid .download,
.mod_teaser_post .boxed-1,
.mod_teaser_post .boxed-2,
.mod_download_list .boxed-1,
.mod_download_list .boxed-2,
.mod_highlight_list .boxed-1,
.mod_highlight_list .boxed-2 {
background: #F8F7F7;
}
button.filter_reset {
background: #5f5e5e;
}
button.filter_reset:hover {
background: #cc3300;
}
#header #icon-burger-mobile:before {
border: 2px solid transparent;
content: "";
display: block;
position: absolute;
height: 45px;
width: 45px;
top: -8px;
left: -6px;
border-radius: 5px;
transition: all 0.2s ease;
}
@media (max-width: 900px){
#header #icon-burger-mobile:before {
height: 40px;
width: 40px;
}
}
@media (max-width: 500px){
#header #icon-burger-mobile:before {
height: 30px;
width: 30px;
}
}