html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
display: block; }
body {
line-height: 1; }
ol, ul {
list-style: none; }
blockquote, q {
quotes: none; }
blockquote:before, blockquote:after {
content: '';
content: none; }
q:before, q:after {
content: '';
content: none; }
table {
border-collapse: collapse;
border-spacing: 0; }
/* COLOR DEFINITIONS*/
/* FONT DEFINITIONS */
/* CONTAINER DEFINITIONS */
header {
font-family: "Oswald", sans-serif; }
footer {
font-family: "Oswald", sans-serif; }
h2 {
font-family: "Oswald", sans-serif;
font-size: 2.9rem;
line-height: 3.3rem;
color: #bb1f27;
text-transform: uppercase;
margin-top: 10px;
margin-bottom: 10px; }
@media (max-width: 1023px) {
h2 {
font-size: 2rem;
line-height: 2.4rem; } }
h3 {
font-family: "Oswald", sans-serif;
font-weight: 400;
font-size: 1.3rem;
color: #bb1f27;
text-transform: uppercase;
margin-top: 1rem;
margin-bottom: 10px; }
a {
color: #bb1f27;
text-decoration: none; }
p {
font-family: "Oswald", sans-serif;
font-size: 16px;
line-height: 24px;
font-weight: 300;
margin-bottom: 0.5rem; }
.ce_text ul li {
font-family: "Oswald", sans-serif;
font-size: 16px;
line-height: 24px;
font-weight: 300;
margin-bottom: 0.5rem; }
strong {
font-weight: 700; }
.layout_simple {
border-bottom: 1px solid #f7f7f7; }
.layout_simple time {
font-weight: 700;
display: inline-block;
width: 120px; }
.event.layout_list h2 {
font-size: 1.1rem;
line-height: 1.3rem; }
.event.layout_list p.time {
display: none; }
.mod_newsarchive {
position: relative;
margin-left: -15px;
margin-right: -15px;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-direction: normal;
-webkit-box-orient: horizontal;
-webkit-flex-direction: row;
-moz-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
-webkit-align-items: stretch;
-moz-align-items: stretch;
align-items: stretch; }
@media (max-width: 1023px) {
.mod_newsarchive {
margin-left: 0px;
margin-right: 0px; } }
.mod_newsarchive .layout_short {
position: relative;
overflow: hidden;
box-sizing: border-box;
width: 30%;
margin-right: 3%;
height: 380px;
margin-bottom: 4em;
padding: 15px;
background: #ffffff;
-moz-transition: all ease 0.3s;
-o-transition: all ease 0.3s;
-webkit-transition: all ease 0.3s;
transition: all ease 0.3s;
-moz-transform: scale3d(1, 1, 1);
-o-transform: scale3d(1, 1, 1);
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1); }
@media (max-width: 1023px) {
.mod_newsarchive .layout_short {
width: 100%; } }
.mod_newsarchive .layout_short h2 {
font-size: 2rem;
line-height: 2.2rem; }
.mod_newsarchive .layout_short figure {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0; }
.mod_newsarchive .layout_short figure img {
width: 100%;
height: auto;
object-fit: cover; }
.mod_newsarchive .layout_short .more {
position: absolute;
right: 0;
bottom: 0;
margin-bottom: 0;
height: 40px;
line-height: 40px;
z-index: 100; }
.mod_newsarchive .layout_short .more:after {
content: '';
position: absolute;
right: 0;
top: 0;
bottom: 0;
width: 40px;
height: 40px;
background: #ffffff url("../img/arrow_right_red.svg") center center no-repeat;
background-size: 10px auto;
pointer-events: none; }
.mod_newsarchive .layout_short .more a {
display: block;
padding-right: 50px; }
.mod_newsarchive .layout_short figure + .more {
width: auto;
height: auto;
left: 0;
top: 0;
right: 0;
bottom: 0; }
.mod_newsarchive .layout_short figure + .more:after {
top: auto; }
.mod_newsarchive .layout_short figure + .more a {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
color: transparent; }
@media (min-width: 1024px) {
.mod_newsarchive .layout_short.hasMore:hover {
z-index: 100;
-moz-transform: scale3d(1.1, 1.1, 1.1);
-o-transform: scale3d(1.1, 1.1, 1.1);
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
box-shadow: 0px 2px 30px rgba(0, 0, 0, 0.1); }
.mod_newsarchive .layout_short.hasMore:hover .more:after {
background: #bb1f27 url("../img/arrow_right_white.svg") center center no-repeat;
background-size: 10px auto; } }
.mod_newsarchive .layout_short.featured {
background: #bb1f27; }
.mod_newsarchive .layout_short.featured h2, .mod_newsarchive .layout_short.featured h3, .mod_newsarchive .layout_short.featured a, .mod_newsarchive .layout_short.featured p {
color: #ffffff; }
.mod_newsarchive .layout_short.featured .more:after {
background: #bb1f27 url("../img/arrow_right_white.svg") center center no-repeat;
background-size: 10px auto; }
.pagination{
margin-top: 120px;
height: auto;
width: 100%;}
.mod_newsarchive .pagination p {
position: absolute;
bottom: 60px;
left: 50%;
width: 100px;
margin-left: -50px;
font-size: 0.8rem;
text-align: center;
color: #bdbdbd; }
.mod_newsarchive .pagination li {
display: none; }
.mod_newsarchive .pagination li.next {
display: block;
position: absolute;
right: -20px;
bottom: 60px;
width: 40px;
height: 40px;
background: #575757;
-moz-transition: all ease 0.3s;
-o-transition: all ease 0.3s;
-webkit-transition: all ease 0.3s;
transition: all ease 0.3s; }
@media (max-width: 1023px) {
.mod_newsarchive .pagination li.next {
display: block;
position: relative;
width: 160px;
bottom: 0;
margin-top: 30px; } }
.mod_newsarchive .pagination li.next a {
-moz-transition: all ease 0.3s;
-o-transition: all ease 0.3s;
-webkit-transition: all ease 0.3s;
transition: all ease 0.3s;
opacity: 0;
position: absolute;
right: 0;
top: 0;
bottom: 0;
left: 0;
line-height: 40px;
padding-left: 10px;
color: #ffffff;
display: block; }
@media (max-width: 1023px) {
.mod_newsarchive .pagination li.next a {
opacity: 1; } }
.mod_newsarchive .pagination li.next:after {
content: '';
position: absolute;
right: 0;
top: 0;
bottom: 0;
width: 40px;
height: 40px;
background: #bb1f27 url("../img/arrow_right_white.svg") center center no-repeat;
background-size: 10px auto;
pointer-events: none; }
@media (min-width: 1024px) {
.mod_newsarchive .pagination li.next:hover {
width: 160px; }
.mod_newsarchive .pagination li.next:hover a {
opacity: 1; } }
.mod_newsarchive .pagination li.previous {
display: block;
position: absolute;
left: -20px;
bottom: 60px;
width: 40px;
height: 40px;
background: #575757;
-moz-transition: all ease 0.3s;
-o-transition: all ease 0.3s;
-webkit-transition: all ease 0.3s;
transition: all ease 0.3s; }
@media (max-width: 1023px) {
.mod_newsarchive .pagination li.previous {
display: block;
position: relative;
width: 160px;
bottom: 0;
margin-top: 30px; } }
.mod_newsarchive .pagination li.previous a {
opacity: 0;
text-align: right;
position: absolute;
right: 0;
top: 0;
bottom: 0;
left: 0;
line-height: 40px;
padding-right: 10px;
color: #ffffff;
display: block; }
@media (max-width: 1023px) {
.mod_newsarchive .pagination li.previous a {
opacity: 1; } }
.mod_newsarchive .pagination li.previous:after {
content: '';
position: absolute;
left: 0;
top: 0;
bottom: 0;
width: 40px;
height: 40px;
background: #bb1f27 url("../img/arrow_left_white.svg") center center no-repeat;
background-size: 10px auto;
pointer-events: none; }
@media (min-width: 1024px) {
.mod_newsarchive .pagination li.previous:hover {
width: 160px; }
.mod_newsarchive .pagination li.previous:hover a {
opacity: 1; } }
.mod_newsreader p.back {
display: block;
position: absolute;
left: -20px;
bottom: 60px;
width: 60px;
height: 40px;
background: #575757;
-moz-transition: all ease 0.3s;
-o-transition: all ease 0.3s;
-webkit-transition: all ease 0.3s;
transition: all ease 0.3s; }
@media (max-width: 1023px) {
.mod_newsreader p.back {
display: block;
position: relative;
width: 160px;
bottom: 0;
margin-top: 30px; } }
.mod_newsreader p.back a {
text-align: right;
position: absolute;
right: 0;
top: 0;
bottom: 0;
left: 0;
line-height: 40px;
padding-right: 10px;
color: #ffffff;
display: block; }
.mod_newsreader p.back:after {
content: '';
position: absolute;
left: 0;
top: 0;
bottom: 0;
width: 60px;
height: 40px;
background: #bb1f27 url("../img/arrow_left_white.svg") center center no-repeat;
background-size: 10px auto;
pointer-events: none; }
@media (min-width: 1024px) {
.mod_newsreader p.back:hover {
width: 160px; } }
#logo_section #Logo {
cursor: pointer;
display: block;
position: fixed;
bottom: calc(100vh - 160px);
left: 50%;
margin-left: -100px;
width: 200px;
height: 130px;
z-index: 2000;
-moz-transform-origin: top center;
-o-transform-origin: top center;
-webkit-transform-origin: top center;
transform-origin: top center;
-moz-transform: scale3d(1, 1, 1);
-o-transform: scale3d(1, 1, 1);
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
-moz-transition: all ease 0.4s;
-o-transition: all ease 0.4s;
-webkit-transition: all ease 0.4s;
transition: all ease 0.4s; }
@media (max-width: 1023px) {
#logo_section #Logo {
opacity: 0;
position: absolute;
bottom: calc(100vh - 145px);
pointer-events: none; } }
#logo_section #Logo svg #Schriftzug {
opacity: 0; }
#logo_section #Logo:before {
content: '';
position: absolute;
z-index: 10000;
left: 50%;
top: 170px;
height: 0vh;
opacity: 0;
background: #ffffff;
width: 2px;
display: block;
-moz-transition: all ease 0.4s 0.2s;
-o-transition: all ease 0.4s 0.2s;
-webkit-transition: all ease 0.4s 0.2s;
transition: all ease 0.4s 0.2s; }
@media (max-width: 1023px) {
#logo_section #Logo:before {
display: none; } }
#logo_section #Logo.disappear {
-moz-transform: scale3d(0.8, 0.8, 0.8);
-o-transform: scale3d(0.8, 0.8, 0.8);
-webkit-transform: scale3d(0.8, 0.8, 0.8);
transform: scale3d(0.8, 0.8, 0.8);
opacity: 0;
pointer-events: none; }
#logo_section #Logo.small {
-moz-transform: scale3d(0.4, 0.4, 0.4);
-o-transform: scale3d(0.4, 0.4, 0.4);
-webkit-transform: scale3d(0.4, 0.4, 0.4);
transform: scale3d(0.4, 0.4, 0.4); }
#logo_section #Logo.home {
left: 50%;
bottom: calc(53vh + 160px);
-moz-transition: all ease 0.4s 0.3s;
-o-transition: all ease 0.4s 0.3s;
-webkit-transition: all ease 0.4s 0.3s;
transition: all ease 0.4s 0.3s;
-moz-transform: scale3d(1.2, 1.2, 1.2);
-o-transform: scale3d(1.2, 1.2, 1.2);
-webkit-transform: scale3d(1.2, 1.2, 1.2);
transform: scale3d(1.2, 1.2, 1.2); }
@media (max-width: 1023px) {
#logo_section #Logo.home {
bottom: calc(53vh + 60px); } }
@media (max-width: 1023px) {
#logo_section #Logo.home {
opacity: 1;
pointer-events: all; } }
#logo_section #Logo.home #Schriftzug {
opacity: 1; }
#logo_section #Logo.home:before {
height: 8vh;
opacity: 1; }
#logo_section .info {
display: none; }
#logo_section #Logo.home + .info {
position: fixed;
bottom: 50px;
right: 50px;
background: rgba(255, 255, 255, 0.8);
width: 100%;
display: block;
text-align: center;
width: 200px;
font-size: 14px;
padding: 20px;
color: #575757; }
@media (max-width: 1023px) {
#logo_section #Logo.home + .info {
opacity: 1;
pointer-events: all;
left: 50px;
width: auto; } }
#logo_section #Logo.home + .info a {
color: #575757; }
#loader {
opacity: 0;
pointer-events: none;
position: fixed;
left: 50%;
top: 50%;
height: 100px;
width: 30px;
margin-left: -15px; }
#loader div {
position: absolute;
top: 10px;
left: 5px;
width: 20px;
height: 20px;
border-radius: 50%;
background: #fff;
-moz-transform: translateZ(0);
-o-transform: translateZ(0);
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-animation: loader 1s infinite;
-moz-animation: loader 1s infinite;
-ms-animation: loader 1s infinite;
-o-animation: loader 1s infinite;
animation: loader 1s infinite; }
#loader.active {
opacity: 1; }
@-webkit-keyframes loader {
0% {
top: 6px; }
5% {
top: 8px; }
10% {
top: 12px; }
15% {
top: 20px; }
20% {
top: 38px; }
25% {
top: 72px; }
30% {
top: 100px; }
35% {
top: 152px; }
40% {
top: 154px; }
50% {
top: 176px; }
55% {
top: 162px; }
60% {
top: 138px; }
65% {
top: 110px; }
70% {
top: 72px; }
75% {
top: 38px; }
80% {
top: 20px; }
85% {
top: 12px; }
90% {
top: 8px; }
95% {
top: 5px; }
100% {
top: 5px; } }
@-moz-keyframes loader {
0% {
top: 6px; }
5% {
top: 8px; }
10% {
top: 12px; }
15% {
top: 20px; }
20% {
top: 38px; }
25% {
top: 72px; }
30% {
top: 100px; }
35% {
top: 152px; }
40% {
top: 154px; }
50% {
top: 176px; }
55% {
top: 162px; }
60% {
top: 138px; }
65% {
top: 110px; }
70% {
top: 72px; }
75% {
top: 38px; }
80% {
top: 20px; }
85% {
top: 12px; }
90% {
top: 8px; }
95% {
top: 5px; }
100% {
top: 5px; } }
@-ms-keyframes loader {
0% {
top: 6px; }
5% {
top: 8px; }
10% {
top: 12px; }
15% {
top: 20px; }
20% {
top: 38px; }
25% {
top: 72px; }
30% {
top: 100px; }
35% {
top: 152px; }
40% {
top: 154px; }
50% {
top: 176px; }
55% {
top: 162px; }
60% {
top: 138px; }
65% {
top: 110px; }
70% {
top: 72px; }
75% {
top: 38px; }
80% {
top: 20px; }
85% {
top: 12px; }
90% {
top: 8px; }
95% {
top: 5px; }
100% {
top: 5px; } }
@keyframes loader {
0% {
top: 6px; }
5% {
top: 8px; }
10% {
top: 12px; }
15% {
top: 20px; }
20% {
top: 38px; }
25% {
top: 72px; }
30% {
top: 100px; }
35% {
top: 152px; }
40% {
top: 154px; }
50% {
top: 176px; }
55% {
top: 162px; }
60% {
top: 138px; }
65% {
top: 110px; }
70% {
top: 72px; }
75% {
top: 38px; }
80% {
top: 20px; }
85% {
top: 12px; }
90% {
top: 8px; }
95% {
top: 5px; }
100% {
top: 5px; } }
@font-face {
font-family: 'weather';
src: url("../fonts/artill_clean_icons-webfont.woff") format("woff");
src: url("../fonts/artill_clean_icons-webfont.ttf") format("truetype"); }
#weather {
display: block;
color: #575757;
text-decoration: none;
color: #575757;
font-size: 22px;
line-height: 26px; }
#weather i {
font-family: 'weather';
font-size: 34px; }
.icon-0:before {
content: ":"; }
.icon-1:before {
content: "p"; }
.icon-2:before {
content: "S"; }
.icon-3:before {
content: "Q"; }
.icon-4:before {
content: "S"; }
.icon-5:before {
content: "W"; }
.icon-6:before {
content: "W"; }
.icon-7:before {
content: "W"; }
.icon-8:before {
content: "W"; }
.icon-9:before {
content: "I"; }
.icon-10:before {
content: "W"; }
.icon-11:before {
content: "I"; }
.icon-12:before {
content: "I"; }
.icon-13:before {
content: "I"; }
.icon-14:before {
content: "I"; }
.icon-15:before {
content: "W"; }
.icon-16:before {
content: "I"; }
.icon-17:before {
content: "W"; }
.icon-18:before {
content: "U"; }
.icon-19:before {
content: "Z"; }
.icon-20:before {
content: "Z"; }
.icon-21:before {
content: "Z"; }
.icon-22:before {
content: "Z"; }
.icon-23:before {
content: "Z"; }
.icon-24:before {
content: "E"; }
.icon-25:before {
content: "E"; }
.icon-26:before {
content: "3"; }
.icon-27:before {
content: "a"; }
.icon-28:before {
content: "A"; }
.icon-29:before {
content: "a"; }
.icon-30:before {
content: "A"; }
.icon-31:before {
content: "6"; }
.icon-32:before {
content: "1"; }
.icon-33:before {
content: "6"; }
.icon-34:before {
content: "1"; }
.icon-35:before {
content: "W"; }
.icon-36:before {
content: "1"; }
.icon-37:before {
content: "S"; }
.icon-38:before {
content: "S"; }
.icon-39:before {
content: "S"; }
.icon-40:before {
content: "M"; }
.icon-41:before {
content: "W"; }
.icon-42:before {
content: "I"; }
.icon-43:before {
content: "W"; }
.icon-44:before {
content: "a"; }
.icon-45:before {
content: "S"; }
.icon-46:before {
content: "U"; }
.icon-47:before {
content: "S"; }
.invisible {
display: none; }
@media (max-width: 1023px) {
.hidden-xs {
display: none; } }
html {
width: 100%;
height: 100%; }
html body {
-ms-overflow-style: scrollbar;
border-left: 1px solid transparent;
border-right: 1px solid transparent;
margin-left: -1px;
margin-right: -1px;
overflow: auto;
height: 100%;
box-sizing: border-box;
width: 100%;
min-height: 100%;
font-family: "Oswald", sans-serif;
font-weight: 300;
font-size: 13px;
color: #575757;
padding-top: 100px;
padding-bottom: 100px; }
html body.win {
overflow-y: scroll; }
@media (max-width: 1023px) {
html body {
padding-top: 0px;
padding-bottom: 0px; } }
html body #navigation {
position: fixed;
left: 0;
right: 0;
bottom: 0;
top: 0;
pointer-events: none; }
html body #navigation nav {
box-sizing: border-box;
width: 100%;
height: 100%;
border-left: 0px solid #ffffff;
border-top: 0px solid #ffffff;
border-right: 0px solid #ffffff;
border-bottom: 0px solid #ffffff;
border-style: solid; }
html body #navigation nav .navigation {
position: absolute;
left: 10%;
top: 45%;
width: auto;
height: auto;
z-index: 1000;
-moz-transform: translate3d(0, -50%, 0);
-o-transform: translate3d(0, -50%, 0);
-webkit-transform: translate3d(0, -50%, 0);
transform: translate3d(0, -50%, 0); }
@media (max-width: 1023px) {
html body #navigation nav .navigation {
top: 60%;
right: 0;
left: 0; } }
html body #navigation nav .navigation > ul {
position: relative; }
html body #navigation nav .navigation > ul > li {
box-sizing: border-box;
text-align: left;
font-family: "Oswald", sans-serif;
font-size: 16px;
line-height: 30px;
font-weight: 400;
letter-spacing: 0px;
padding-left: 90px;
width: 40vw;
-moz-transition: all ease 0.2s 0s;
-o-transition: all ease 0.2s 0s;
-webkit-transition: all ease 0.2s 0s;
transition: all ease 0.2s 0s;
-moz-transform: translate3d(0, 50px, 0);
-o-transform: translate3d(0, 50px, 0);
-webkit-transform: translate3d(0, 50px, 0);
transform: translate3d(0, 50px, 0);
opacity: 0;
background-size: 12px auto;
background-position: center right 30px;
background-repeat: no-repeat; }
@media (max-width: 1023px) {
html body #navigation nav .navigation > ul > li {
line-height: 35px;
width: 100%;
font-size: 16px;
padding-left: 30px;
padding-right: 0px; } }
html body #navigation nav .navigation > ul > li a {
text-decoration: none;
text-transform: uppercase;
color: #575757;
display: block; }
@media (max-width: 1023px) {
html body #navigation nav .navigation > ul > li a {
margin-right: 60px; } }
html body #navigation nav .navigation > ul > li a strong {
font-weight: 400; }
html body #navigation nav .navigation > ul > li a sub {
font-size: 30px; }
html body #navigation nav .navigation > ul > li > ul {
height: auto;
opacity: 0;
position: absolute;
top: auto;
bottom: -3em;
left: 100%;
display: block;
pointer-events: none;
list-style: none;
margin-top: -3em;
padding-top: 3em;
padding-bottom: 3em; }
html body #navigation nav .navigation > ul > li > ul li {
padding-left: 90px;
font-size: 16px;
line-height: 20px;
font-weight: 400;
width: 300px;
padding-right: 0;
opacity: 0;
display: inline-block;
-moz-transition: all ease 0.4s 0s;
-o-transition: all ease 0.4s 0s;
-webkit-transition: all ease 0.4s 0s;
transition: all ease 0.4s 0s;
-moz-transform: translate3d(30px, 0, 0);
-o-transform: translate3d(30px, 0, 0);
-webkit-transform: translate3d(30px, 0, 0);
transform: translate3d(30px, 0, 0); }
@media (max-width: 1023px) {
html body #navigation nav .navigation > ul > li > ul li {
padding-left: 30px;
line-height: 45px; } }
html body #navigation nav .navigation > ul > li > ul li a {
text-transform: none;
color: #575757; }
html body #navigation nav .navigation > ul > li.highlight {
font-size: 38px;
line-height: 46px;
font-weight: 200; }
@media (max-width: 1023px) {
html body #navigation nav .navigation > ul > li.highlight {
font-size: 24px;
line-height: 35px; } }
html body #navigation nav .navigation > ul > li.highlight > ul {
top: 0;
bottom: auto; }
html body #navigation nav .navigation > ul > li.favorite {
margin-top: 1rem;
margin-bottom: 1rem;
letter-spacing: 0px;
font-size: 24px;
line-height: 30px;
font-weight: 400;
padding-left: 60px; }
@media (max-width: 1023px) {
html body #navigation nav .navigation > ul > li.favorite {
padding-left: 30px; } }
html body #navigation nav .navigation > ul > li.favorite > ul {
top: 0;
bottom: auto; }
@media (min-width: 1024px) {
html body #navigation nav .navigation > ul > li:hover ul {
pointer-events: all;
opacity: 1; }
html body #navigation nav .navigation > ul > li:hover ul li a:hover {
color: #bb1f27; } }
html body #navigation nav .item {
display: none;
position: fixed;
left: 50vw;
bottom: 30vh;
width: auto;
line-height: 1.8em;
color: #ffffff;
font-family: "Open Sans", sans-serif;
opacity: 0;
padding: 30px;
font-weight: 600;
font-size: 20px;
text-transform: uppercase;
-webkit-backdrop-filter: blur(30px); }
html body #navigation nav .item div {
border: 1px solid #ffffff;
padding: 60px; }
html body #navigation nav.open .event {
opacity: 1;
pointer-events: all;
-moz-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
-moz-transition: all ease 0.4s 0.4s;
-o-transition: all ease 0.4s 0.4s;
-webkit-transition: all ease 0.4s 0.4s;
transition: all ease 0.4s 0.4s; }
html body #navigation nav.open .navigation > ul > li {
-moz-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1; }
html body #navigation nav.open .navigation > ul > li:nth-child(1) {
-moz-transition: all ease 0.4s 0.35s;
-o-transition: all ease 0.4s 0.35s;
-webkit-transition: all ease 0.4s 0.35s;
transition: all ease 0.4s 0.35s; }
html body #navigation nav.open .navigation > ul > li:nth-child(2) {
-moz-transition: all ease 0.4s 0.4s;
-o-transition: all ease 0.4s 0.4s;
-webkit-transition: all ease 0.4s 0.4s;
transition: all ease 0.4s 0.4s; }
html body #navigation nav.open .navigation > ul > li:nth-child(3) {
-moz-transition: all ease 0.4s 0.45s;
-o-transition: all ease 0.4s 0.45s;
-webkit-transition: all ease 0.4s 0.45s;
transition: all ease 0.4s 0.45s; }
html body #navigation nav.open .navigation > ul > li:nth-child(4) {
-moz-transition: all ease 0.4s 0.5s;
-o-transition: all ease 0.4s 0.5s;
-webkit-transition: all ease 0.4s 0.5s;
transition: all ease 0.4s 0.5s; }
html body #navigation nav.open .navigation > ul > li:nth-child(5) {
-moz-transition: all ease 0.4s 0.55s;
-o-transition: all ease 0.4s 0.55s;
-webkit-transition: all ease 0.4s 0.55s;
transition: all ease 0.4s 0.55s; }
html body #navigation nav.open .navigation > ul > li:nth-child(6) {
-moz-transition: all ease 0.4s 0.6s;
-o-transition: all ease 0.4s 0.6s;
-webkit-transition: all ease 0.4s 0.6s;
transition: all ease 0.4s 0.6s; }
html body #navigation nav.open .navigation > ul > li:nth-child(7) {
-moz-transition: all ease 0.4s 0.65s;
-o-transition: all ease 0.4s 0.65s;
-webkit-transition: all ease 0.4s 0.65s;
transition: all ease 0.4s 0.65s; }
html body #navigation nav.open .navigation > ul > li:nth-child(8) {
-moz-transition: all ease 0.4s 0.7s;
-o-transition: all ease 0.4s 0.7s;
-webkit-transition: all ease 0.4s 0.7s;
transition: all ease 0.4s 0.7s; }
html body #navigation nav.open .navigation > ul > li:nth-child(9) {
-moz-transition: all ease 0.4s 0.75s;
-o-transition: all ease 0.4s 0.75s;
-webkit-transition: all ease 0.4s 0.75s;
transition: all ease 0.4s 0.75s; }
html body #navigation nav.open .navigation > ul > li:nth-child(10) {
-moz-transition: all ease 0.4s 0.8s;
-o-transition: all ease 0.4s 0.8s;
-webkit-transition: all ease 0.4s 0.8s;
transition: all ease 0.4s 0.8s; }
html body #navigation nav.open .navigation > ul > li:nth-child(11) {
-moz-transition: all ease 0.4s 0.85s;
-o-transition: all ease 0.4s 0.85s;
-webkit-transition: all ease 0.4s 0.85s;
transition: all ease 0.4s 0.85s; }
html body #navigation nav.open .navigation > ul > li:nth-child(12) {
-moz-transition: all ease 0.4s 0.9s;
-o-transition: all ease 0.4s 0.9s;
-webkit-transition: all ease 0.4s 0.9s;
transition: all ease 0.4s 0.9s; }
html body #navigation nav.open .navigation > ul > li:nth-child(13) {
-moz-transition: all ease 0.4s 0.95s;
-o-transition: all ease 0.4s 0.95s;
-webkit-transition: all ease 0.4s 0.95s;
transition: all ease 0.4s 0.95s; }
html body #navigation nav.open .navigation > ul > li:nth-child(14) {
-moz-transition: all ease 0.4s 1s;
-o-transition: all ease 0.4s 1s;
-webkit-transition: all ease 0.4s 1s;
transition: all ease 0.4s 1s; }
html body #navigation nav.open .navigation > ul > li:nth-child(15) {
-moz-transition: all ease 0.4s 1.05s;
-o-transition: all ease 0.4s 1.05s;
-webkit-transition: all ease 0.4s 1.05s;
transition: all ease 0.4s 1.05s; }
html body #navigation nav.open .navigation > ul > li:nth-child(16) {
-moz-transition: all ease 0.4s 1.1s;
-o-transition: all ease 0.4s 1.1s;
-webkit-transition: all ease 0.4s 1.1s;
transition: all ease 0.4s 1.1s; }
html body #navigation nav.open .navigation > ul > li.active, html body #navigation nav.open .navigation > ul > li.trail {
padding-left: 60px; }
@media (max-width: 1023px) {
html body #navigation nav.open .navigation > ul > li.active, html body #navigation nav.open .navigation > ul > li.trail {
padding-left: 30px; } }
html body #navigation nav.open .navigation > ul > li.active a, html body #navigation nav.open .navigation > ul > li.trail a {
color: #bb1f27; }
@media (min-width: 1024px) {
html body #navigation nav.open .navigation > ul > li:hover {
background-image: url("../img/arrow_right.svg"); }
html body #navigation nav.open .navigation > ul > li:hover a {
color: #bb1f27; }
html body #navigation nav.open .navigation > ul > li:hover ul li {
-moz-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1; }
html body #navigation nav.open .navigation > ul > li:hover ul li:nth-child(1) {
-moz-transition: all ease 0.4s 0.15s;
-o-transition: all ease 0.4s 0.15s;
-webkit-transition: all ease 0.4s 0.15s;
transition: all ease 0.4s 0.15s; }
html body #navigation nav.open .navigation > ul > li:hover ul li:nth-child(2) {
-moz-transition: all ease 0.4s 0.2s;
-o-transition: all ease 0.4s 0.2s;
-webkit-transition: all ease 0.4s 0.2s;
transition: all ease 0.4s 0.2s; }
html body #navigation nav.open .navigation > ul > li:hover ul li:nth-child(3) {
-moz-transition: all ease 0.4s 0.25s;
-o-transition: all ease 0.4s 0.25s;
-webkit-transition: all ease 0.4s 0.25s;
transition: all ease 0.4s 0.25s; }
html body #navigation nav.open .navigation > ul > li:hover ul li:nth-child(4) {
-moz-transition: all ease 0.4s 0.3s;
-o-transition: all ease 0.4s 0.3s;
-webkit-transition: all ease 0.4s 0.3s;
transition: all ease 0.4s 0.3s; }
html body #navigation nav.open .navigation > ul > li:hover ul li:nth-child(5) {
-moz-transition: all ease 0.4s 0.35s;
-o-transition: all ease 0.4s 0.35s;
-webkit-transition: all ease 0.4s 0.35s;
transition: all ease 0.4s 0.35s; }
html body #navigation nav.open .navigation > ul > li:hover ul li:nth-child(6) {
-moz-transition: all ease 0.4s 0.4s;
-o-transition: all ease 0.4s 0.4s;
-webkit-transition: all ease 0.4s 0.4s;
transition: all ease 0.4s 0.4s; }
html body #navigation nav.open .navigation > ul > li:hover ul li:nth-child(7) {
-moz-transition: all ease 0.4s 0.45s;
-o-transition: all ease 0.4s 0.45s;
-webkit-transition: all ease 0.4s 0.45s;
transition: all ease 0.4s 0.45s; }
html body #navigation nav.open .navigation > ul > li:hover ul li:nth-child(8) {
-moz-transition: all ease 0.4s 0.5s;
-o-transition: all ease 0.4s 0.5s;
-webkit-transition: all ease 0.4s 0.5s;
transition: all ease 0.4s 0.5s; }
html body #navigation nav.open .navigation > ul > li:hover ul li:nth-child(9) {
-moz-transition: all ease 0.4s 0.55s;
-o-transition: all ease 0.4s 0.55s;
-webkit-transition: all ease 0.4s 0.55s;
transition: all ease 0.4s 0.55s; }
html body #navigation nav.open .navigation > ul > li:hover ul li:nth-child(10) {
-moz-transition: all ease 0.4s 0.6s;
-o-transition: all ease 0.4s 0.6s;
-webkit-transition: all ease 0.4s 0.6s;
transition: all ease 0.4s 0.6s; }
html body #navigation nav.open .navigation > ul > li:hover ul li:nth-child(11) {
-moz-transition: all ease 0.4s 0.65s;
-o-transition: all ease 0.4s 0.65s;
-webkit-transition: all ease 0.4s 0.65s;
transition: all ease 0.4s 0.65s; }
html body #navigation nav.open .navigation > ul > li:hover ul li:nth-child(12) {
-moz-transition: all ease 0.4s 0.7s;
-o-transition: all ease 0.4s 0.7s;
-webkit-transition: all ease 0.4s 0.7s;
transition: all ease 0.4s 0.7s; }
html body #navigation nav.open .navigation > ul > li:hover ul li:nth-child(13) {
-moz-transition: all ease 0.4s 0.75s;
-o-transition: all ease 0.4s 0.75s;
-webkit-transition: all ease 0.4s 0.75s;
transition: all ease 0.4s 0.75s; }
html body #navigation nav.open .navigation > ul > li:hover ul li:nth-child(14) {
-moz-transition: all ease 0.4s 0.8s;
-o-transition: all ease 0.4s 0.8s;
-webkit-transition: all ease 0.4s 0.8s;
transition: all ease 0.4s 0.8s; }
html body #navigation nav.open .navigation > ul > li:hover ul li:nth-child(15) {
-moz-transition: all ease 0.4s 0.85s;
-o-transition: all ease 0.4s 0.85s;
-webkit-transition: all ease 0.4s 0.85s;
transition: all ease 0.4s 0.85s; }
html body #navigation nav.open .navigation > ul > li:hover ul li:nth-child(16) {
-moz-transition: all ease 0.4s 0.9s;
-o-transition: all ease 0.4s 0.9s;
-webkit-transition: all ease 0.4s 0.9s;
transition: all ease 0.4s 0.9s; }
html body #navigation nav.open .navigation > ul > li:hover ul li a {
color: #575757; }
html body #navigation nav.open .navigation > ul > li:hover ul li a:hover {
color: #bb1f27; } }
@media (max-width: 1023px) {
html body #navigation nav.open .navigation > ul > li.submenu {
background-image: url("../img/arrow_right.svg");
background-size: 8px auto;
background-position: center right 30px;
background-repeat: no-repeat; } }
html body #navigation nav.open .item, html body #navigation nav.open .item2 {
opacity: 1;
-moz-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
@media (max-width: 1023px) {
html body #navigation nav.showingsubmenu .navigation > ul > li.submenu {
background: none; }
html body #navigation nav.showingsubmenu .navigation > ul > li.showsubmenu {
background-image: url("../img/arrow_right.svg");
background-size: 8px auto;
background-position: center right 0px;
background-repeat: no-repeat; }
html body #navigation nav.showingsubmenu .navigation > ul > li.showsubmenu ul {
opacity: 1;
pointer-events: all; }
html body #navigation nav.showingsubmenu .navigation > ul > li.showsubmenu ul li {
-moz-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1; }
html body #navigation nav.showingsubmenu .navigation > ul > li.showsubmenu ul li:nth-child(1) {
-moz-transition: all ease 0.4s 0.15s;
-o-transition: all ease 0.4s 0.15s;
-webkit-transition: all ease 0.4s 0.15s;
transition: all ease 0.4s 0.15s; }
html body #navigation nav.showingsubmenu .navigation > ul > li.showsubmenu ul li:nth-child(2) {
-moz-transition: all ease 0.4s 0.2s;
-o-transition: all ease 0.4s 0.2s;
-webkit-transition: all ease 0.4s 0.2s;
transition: all ease 0.4s 0.2s; }
html body #navigation nav.showingsubmenu .navigation > ul > li.showsubmenu ul li:nth-child(3) {
-moz-transition: all ease 0.4s 0.25s;
-o-transition: all ease 0.4s 0.25s;
-webkit-transition: all ease 0.4s 0.25s;
transition: all ease 0.4s 0.25s; }
html body #navigation nav.showingsubmenu .navigation > ul > li.showsubmenu ul li:nth-child(4) {
-moz-transition: all ease 0.4s 0.3s;
-o-transition: all ease 0.4s 0.3s;
-webkit-transition: all ease 0.4s 0.3s;
transition: all ease 0.4s 0.3s; }
html body #navigation nav.showingsubmenu .navigation > ul > li.showsubmenu ul li:nth-child(5) {
-moz-transition: all ease 0.4s 0.35s;
-o-transition: all ease 0.4s 0.35s;
-webkit-transition: all ease 0.4s 0.35s;
transition: all ease 0.4s 0.35s; }
html body #navigation nav.showingsubmenu .navigation > ul > li.showsubmenu ul li:nth-child(6) {
-moz-transition: all ease 0.4s 0.4s;
-o-transition: all ease 0.4s 0.4s;
-webkit-transition: all ease 0.4s 0.4s;
transition: all ease 0.4s 0.4s; }
html body #navigation nav.showingsubmenu .navigation > ul > li.showsubmenu ul li:nth-child(7) {
-moz-transition: all ease 0.4s 0.45s;
-o-transition: all ease 0.4s 0.45s;
-webkit-transition: all ease 0.4s 0.45s;
transition: all ease 0.4s 0.45s; }
html body #navigation nav.showingsubmenu .navigation > ul > li.showsubmenu ul li:nth-child(8) {
-moz-transition: all ease 0.4s 0.5s;
-o-transition: all ease 0.4s 0.5s;
-webkit-transition: all ease 0.4s 0.5s;
transition: all ease 0.4s 0.5s; }
html body #navigation nav.showingsubmenu .navigation > ul > li.showsubmenu ul li:nth-child(9) {
-moz-transition: all ease 0.4s 0.55s;
-o-transition: all ease 0.4s 0.55s;
-webkit-transition: all ease 0.4s 0.55s;
transition: all ease 0.4s 0.55s; }
html body #navigation nav.showingsubmenu .navigation > ul > li.showsubmenu ul li:nth-child(10) {
-moz-transition: all ease 0.4s 0.6s;
-o-transition: all ease 0.4s 0.6s;
-webkit-transition: all ease 0.4s 0.6s;
transition: all ease 0.4s 0.6s; }
html body #navigation nav.showingsubmenu .navigation > ul > li.showsubmenu ul li:nth-child(11) {
-moz-transition: all ease 0.4s 0.65s;
-o-transition: all ease 0.4s 0.65s;
-webkit-transition: all ease 0.4s 0.65s;
transition: all ease 0.4s 0.65s; }
html body #navigation nav.showingsubmenu .navigation > ul > li.showsubmenu ul li:nth-child(12) {
-moz-transition: all ease 0.4s 0.7s;
-o-transition: all ease 0.4s 0.7s;
-webkit-transition: all ease 0.4s 0.7s;
transition: all ease 0.4s 0.7s; }
html body #navigation nav.showingsubmenu .navigation > ul > li.showsubmenu ul li:nth-child(13) {
-moz-transition: all ease 0.4s 0.75s;
-o-transition: all ease 0.4s 0.75s;
-webkit-transition: all ease 0.4s 0.75s;
transition: all ease 0.4s 0.75s; }
html body #navigation nav.showingsubmenu .navigation > ul > li.showsubmenu ul li:nth-child(14) {
-moz-transition: all ease 0.4s 0.8s;
-o-transition: all ease 0.4s 0.8s;
-webkit-transition: all ease 0.4s 0.8s;
transition: all ease 0.4s 0.8s; }
html body #navigation nav.showingsubmenu .navigation > ul > li.showsubmenu ul li:nth-child(15) {
-moz-transition: all ease 0.4s 0.85s;
-o-transition: all ease 0.4s 0.85s;
-webkit-transition: all ease 0.4s 0.85s;
transition: all ease 0.4s 0.85s; }
html body #navigation nav.showingsubmenu .navigation > ul > li.showsubmenu ul li:nth-child(16) {
-moz-transition: all ease 0.4s 0.9s;
-o-transition: all ease 0.4s 0.9s;
-webkit-transition: all ease 0.4s 0.9s;
transition: all ease 0.4s 0.9s; }
html body #navigation nav.showingsubmenu .navigation > ul > li.showsubmenu ul li a {
color: #575757;
pointer-events: all; } }
html body #navigation .metanav {
opacity: 0;
position: fixed;
left: 10%;
padding-left: 70px;
padding-right: 70px;
right: 10%;
bottom: 16vh;
text-align: center;
pointer-events: none;
-moz-transform: translate3d(0, 50px, 0);
-o-transform: translate3d(0, 50px, 0);
-webkit-transform: translate3d(0, 50px, 0);
transform: translate3d(0, 50px, 0);
-moz-transition: all ease 0.4s 0s;
-o-transition: all ease 0.4s 0s;
-webkit-transition: all ease 0.4s 0s;
transition: all ease 0.4s 0s; }
@media (max-width: 1023px) {
html body #navigation .metanav {
display: none; } }
html body #navigation .metanav a {
box-sizing: border-box;
width: 32%;
padding: 8px 20px;
padding-left: 50px;
display: inline-block;
text-align: left;
color: #999;
vertical-align: middle;
line-height: 1.3em;
position: relative;
cursor: pointer; }
html body #navigation .metanav a svg {
position: absolute;
left: 0;
top: 50%;
height: 1.5em;
margin-top: -8px;
margin-right: 30px;
margin-bottom: 1.2em;
float: left;
vertical-align: middle; }
html body #navigation .metanav a:hover {
color: #bb1f27; }
html body #navigation .metanav a:hover svg path {
fill: #bb1f27; }
html body #navigation.active {
pointer-events: all; }
html body #navigation.active .metanav {
pointer-events: all;
-moz-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
-moz-transition: all ease 0.4s 0.4s;
-o-transition: all ease 0.4s 0.4s;
-webkit-transition: all ease 0.4s 0.4s;
transition: all ease 0.4s 0.4s;
opacity: 1; }
html body #navigation .overlay {
box-sizing: border-box;
opacity: 0;
pointer-events: none;
position: fixed;
background: #ffffff;
font-size: 13px;
line-height: 30px;
padding: 5px;
font-weight: 400;
text-align: left;
z-index: 1000;
-moz-transition: all ease 0.4s;
-o-transition: all ease 0.4s;
-webkit-transition: all ease 0.4s;
transition: all ease 0.4s; }
@media (max-width: 1023px) {
html body #navigation .overlay {
display: none; } }
html body #navigation .overlay > div {
box-sizing: border-box;
height: 100%;
border: 5px solid;
border-image: url("../img/background.jpg") 100 round stretch;
padding: 15px; }
html body #navigation .overlay > div #webcamImage {
width: calc(100% + 30px);
height: calc(100% + 30px);
margin-left: -15px;
margin-top: -15px; }
html body #navigation .overlay.show {
pointer-events: all;
opacity: 1; }
html body #backdrop {
position: fixed;
left: 0;
top: 0;
bottom: 0;
right: 0;
z-index: -1;
transform: scale(1.2);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
background: url("../img/background.jpg") center center no-repeat;
background-size: cover; }
@media (max-width: 1023px) {
html body #backdrop {
bottom: auto;
transform: none;
height: 120%;
background-size: auto 100%; } }
html body #wrapper #content {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
max-width: 960px;
margin-left: auto;
margin-right: auto;
-moz-transform-origin: center top;
-o-transform-origin: center top;
-webkit-transform-origin: center top;
transform-origin: center top; }
html body #wrapper #content.inactive {
pointer-events: none; }
html body #wrapper #content header {
position: -webkit-sticky;
position: sticky;
z-index: 1000;
top: 0;
padding: 40px 80px 0px 80px;
-webkit-user-select: none;
-moz-user-select: none;
-khtml-user-select: none;
-ms-user-select: none; }
@media (max-width: 1023px) {
html body #wrapper #content header {
padding: 0px;
left: 0;
top: 0;
right: 0;
z-index: 100; } }
@media (max-width: 1023px) {
html body #wrapper #content header .mod_breadcrumb {
padding-left: 10px; } }
html body #wrapper #content header .mod_breadcrumb ul li {
display: inline;
font-size: 12px; }
html body #wrapper #content header .mod_breadcrumb ul li a {
text-decoration: none;
color: #575757; }
html body #wrapper #content header .mod_breadcrumb ul li:before {
margin: 8px 8px 0px 4px;
content: "";
display: inline-block;
width: 5px;
height: 6px;
background: url("../img/arrow_right.svg") center center no-repeat;
background-size: 100% auto; }
html body #wrapper #content header .mod_breadcrumb ul li.first {
font-weight: 700; }
@media (max-width: 1023px) {
html body #wrapper #content header .mod_breadcrumb ul li.first {
background: url("../img/wappen.svg") left center no-repeat;
background-size: auto 40px;
background-position: left -10px top 19px; }
html body #wrapper #content header .mod_breadcrumb ul li.first a {
display: block;
padding: 30px 40px; } }
html body #wrapper #content header .mod_breadcrumb ul li.first:before {
display: none; }
html body #wrapper #content header .mod_breadcrumb ul li.active {
color: #bb1f27; }
@media (max-width: 1023px) {
html body #wrapper #content header .mod_breadcrumb ul li {
display: none; }
html body #wrapper #content header .mod_breadcrumb ul li.first {
display: block; } }
html body #wrapper #content header #Hamburger {
position: absolute;
right: 80px;
top: 20px;
width: 50px;
height: 50px;
margin-left: -25px; }
@media (max-width: 1023px) {
html body #wrapper #content header #Hamburger {
right: 25px;
top: 12px; } }
html body #wrapper #content header #Hamburger line {
stroke: #bb1f27;
-moz-transform-origin: center center;
-o-transform-origin: center center;
-webkit-transform-origin: center center;
transform-origin: center center;
-moz-transition: all ease 0.3s;
-o-transition: all ease 0.3s;
-webkit-transition: all ease 0.3s;
transition: all ease 0.3s; }
html body #wrapper #content header #Hamburger line:first-child {
-moz-transform: translate(0, 0px) rotate(0deg);
-o-transform: translate(0, 0px) rotate(0deg);
-webkit-transform: translate(0, 0px) rotate(0deg);
transform: translate(0, 0px) rotate(0deg); }
html body #wrapper #content header #Hamburger line:nth-child(2) {
display: block; }
html body #wrapper #content header #Hamburger line:last-child {
-moz-transform: translate(0, 0px) rotate(0deg);
-o-transform: translate(0, 0px) rotate(0deg);
-webkit-transform: translate(0, 0px) rotate(0deg);
transform: translate(0, 0px) rotate(0deg); }
html body #wrapper #content header #Hamburger:hover {
cursor: pointer; }
html body #wrapper #content header .mod_navigation {
height: 0;
overflow: hidden; }
html body #wrapper #content header .mod_navigation.open {
height: auto; }
html body #wrapper #content header .mod_navigation .navigation {
padding-top: 45px; }
@media (max-width: 1023px) {
html body #wrapper #content header .mod_navigation .navigation {
padding-left: 10px;
padding-right: 10px; } }
html body #wrapper #content header .mod_navigation .navigation > ul {
-webkit-column-count: 4;
-moz-column-count: 4;
column-count: 4;
column-gap: 10px; }
@media (max-width: 1023px) {
html body #wrapper #content header .mod_navigation .navigation > ul {
-webkit-column-count: 2;
column-count: 2; } }
html body #wrapper #content header .mod_navigation .navigation > ul > li {
-moz-break-inside: avoid;
break-inside: avoid;
padding-bottom: 1em; }
@media (max-width: 1023px) {
html body #wrapper #content header .mod_navigation .navigation > ul > li {
padding: 14px;
background: #ececec;
margin-bottom: 1em; } }
html body #wrapper #content header .mod_navigation .navigation > ul > li > a {
font-weight: 700; }
html body #wrapper #content header .mod_navigation .navigation ul li a {
display: block;
color: #575757;
padding: 4px 0px; }
@media (max-width: 1023px) {
html body #wrapper #content header .mod_navigation .navigation ul li a {
padding: 14px 0px;
font-size: 14px; } }
html body #wrapper #content header .mod_navigation .navigation ul li a.active {
color: #bb1f27;
font-weight: 700; }
html body #wrapper #content header .mod_navigation .navigation ul li a:hover {
color: #bb1f27; }
html body #wrapper #content header:after {
content: '';
display: block;
margin-top: 30px;
height: 1px;
background: #f7f7f7; }
@media (max-width: 1023px) {
html body #wrapper #content header:after {
margin-top: 0; } }
html body #wrapper #content header .back_button {
display: block;
position: absolute;
top: 25px;
left: -20px;
bottom: 60px;
width: 40px;
height: 40px;
background: #575757;
-moz-transition: all ease 0.3s;
-o-transition: all ease 0.3s;
-webkit-transition: all ease 0.3s;
transition: all ease 0.3s; }
@media (max-width: 1023px) {
html body #wrapper #content header .back_button {
display: none; } }
html body #wrapper #content header .back_button a {
opacity: 0;
text-align: right;
position: absolute;
right: 0;
top: 0;
bottom: 0;
left: 0;
line-height: 40px;
padding-right: 10px;
color: #ffffff;
display: block; }
@media (max-width: 1023px) {
html body #wrapper #content header .back_button a {
opacity: 1; } }
html body #wrapper #content header .back_button:after {
content: '';
position: absolute;
left: 0;
top: 0;
bottom: 0;
width: 40px;
height: 40px;
background: #bb1f27 url("../img/arrow_left_white.svg") center center no-repeat;
background-size: 10px auto;
pointer-events: none; }
@media (min-width: 1024px) {
html body #wrapper #content header .back_button:hover {
width: 90px; }
html body #wrapper #content header .back_button:hover a {
opacity: 1; } }
html body #wrapper #content #container {
background: #ffffff;
position: relative; }
html body #wrapper #content #container main {
display: block;
padding: 30px 80px;
-webkit-backface-visibility: hidden;
backface-visibility: hidden; }
@media (max-width: 1023px) {
html body #wrapper #content #container main {
padding: 30px; } }
html body #wrapper #content #container main.hasAside {
padding-right: 360px; }
@media (max-width: 1023px) {
html body #wrapper #content #container main.hasAside {
padding-right: 30px; } }
html body #wrapper #content #container main .membership_container {
width: 100%;
margin-top: 30px; }
html body #wrapper #content #container main .membership_container .title {
padding-top: 10px;
padding-bottom: 10px;
position: relative;
color: #575757; }
html body #wrapper #content #container main .membership_container .info {
display: none;
position: absolute;
bottom: 100%;
margin-bottom: 6px;
left: -5;
right: -5px;
font-weight: normal;
line-height: 1.4em;
padding: 10px;
color: #ffffff;
background: #bb1f27;
text-align: left; }
html body #wrapper #content #container main .membership_container .info:after {
content: '';
position: absolute;
bottom: -9px;
right: 25px;
width: 0;
height: 0;
border-left: 9px solid transparent;
border-right: 9px solid transparent;
border-top: 9px solid #bb1f27; }
html body #wrapper #content #container main .membership_container .infoicon {
position: absolute;
width: 18px;
height: 18px;
top: 5px;
right: 18px;
line-height: 18px;
text-align: center;
color: #bb1f27;
border: 2px solid #bb1f27;
border-radius: 50%;
cursor: pointer; }
html body #wrapper #content #container main .membership_container .infoicon:hover + .info, html body #wrapper #content #container main .membership_container .infoicon.show + .info {
display: inline-block; }
html body #wrapper #content #container main .membership_container .membership {
border-bottom: 1px solid #ececec; }
html body #wrapper #content #container main .membership_container .membership .title sub {
display: none;
color: #aaa;
font-size: 11px;
vertical-align: baseline; }
html body #wrapper #content #container main .membership_container .price_year, html body #wrapper #content #container main .membership_container .price_entry {
text-align: center;
position: relative;
padding-top: 10px;
padding-bottom: 10px;
width: 150px;
color: #bb1f27; }
html body #wrapper #content #container main .membership_container .price_year {
background: rgba(187, 31, 39, 0.2);
border-bottom: 1px solid rgba(187, 31, 39, 0.2); }
html body #wrapper #content #container main .membership_container .membership:hover .title, html body #wrapper #content #container main .membership_container .membership:hover .price_entry {
cursor: pointer;
color: #bb1f27;
background: #fdf5f6; }
html body #wrapper #content #container main .membership_container .head, html body #wrapper #content #container main .membership_container .head .price_year {
font-weight: bold;
color: #bb1f27;
border-bottom: 1px solid #bb1f27; }
html body #wrapper #content #container main .membership_container .head .title {
font-weight: bold;
color: #bb1f27; }
html body #wrapper #content #container main .membership_container .membership_container.hide_price_entry_desktop .price_entry {
display: none; }
@media (max-width: 1023px) {
html body #wrapper #content #container main .membership_container td {
vertical-align: middle; }
html body #wrapper #content #container main .membership_container .title {
padding-right: 40px; }
html body #wrapper #content #container main .membership_container hide_price_entry_desktop:not(.hide_price_entry) .price_entry {
display: table-cell; }
html body #wrapper #content #container main .membership_container hide_price_entry .price_entry {
display: none; }
html body #wrapper #content #container main .membership_container .price_year {
width: 140px; }
html body #wrapper #content #container main .membership_container .infoicon {
top: auto;
margin-top: -5px;
right: 5px; }
html body #wrapper #content #container main .membership_container .info:after {
right: 12px; } }
html body #wrapper #content #container main .hole {
padding-top: 60px;
clear: both; }
html body #wrapper #content #container main .hole h2 {
margin-top: 60px; }
html body #wrapper #content #container main .hole img {
float: right;
margin-right: -80px;
margin-left: 30px; }
@media (max-width: 1023px) {
html body #wrapper #content #container main .hole img {
float: none;
margin-right: -30px;
margin-left: -30px;
width: calc(100% + 60px);
height: auto; } }
html body #wrapper #content #container main .ce_gallery h2 {
margin-bottom: 30px; }
html body #wrapper #content #container main .ce_gallery ul {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-direction: normal;
-webkit-box-orient: horizontal;
-webkit-flex-direction: row;
-moz-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row; }
html body #wrapper #content #container main .ce_gallery ul li {
width: 50%;
box-sizing: border-box;
padding-bottom: 10px; }
html body #wrapper #content #container main .ce_gallery ul li:nth-child(even) {
padding-left: 5px; }
html body #wrapper #content #container main .ce_gallery ul li:nth-child(odd) {
padding-right: 5px; }
@media (max-width: 1023px) {
html body #wrapper #content #container main .ce_gallery ul li {
width: 100%; }
html body #wrapper #content #container main .ce_gallery ul li:nth-child(even), html body #wrapper #content #container main .ce_gallery ul li:nth-child(odd) {
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px; } }
html body #wrapper #content #container main .ce_gallery ul li figure img {
width: 100%;
height: auto;
display: block; }
html body #wrapper #content #container main .mod_eventlist h1 {
display: none; }
html body #wrapper #content #container main .mod_eventlist .eventlist .month {
background: none;
border-bottom: 1px solid #bb1f27;
font-size: 1em;
font-weight: normal;
padding: 10px 0px 10px 0px;
margin-top: 5px;
margin-bottom: 15px;
color: #bb1f27; }
html body #wrapper #content #container main .mod_eventlist .eventlist .month:hover {
color: rgba(187, 31, 39, 0.2);
border-bottom: 1px solid rgba(187, 31, 39, 0.2);
cursor: pointer; }
html body #wrapper #content #container main .mod_eventlist .eventlist .month:focus {
border-bottom: 1px solid #bb1f27; }
html body #wrapper #content #container main .mod_eventlist .eventlist .events {
height: 0;
overflow: hidden; }
html body #wrapper #content #container main .mod_eventlist .eventlist.visible .month {
color: #575757;
border-bottom: 1px solid #575757;
cursor: pointer; }
html body #wrapper #content #container main .mod_eventlist .eventlist.visible .events {
height: auto;
overflow: hidden; }
html body #wrapper #content #container main .mod_eventlist .eventlist.visible .events table {
width: 100%; }
html body #wrapper #content #container main .mod_eventlist .eventlist.visible .events table tr {
border-bottom: 1px solid #f7f7f7; }
html body #wrapper #content #container main .mod_eventlist .eventlist.visible .events table tr td {
font-size: 0.9rem;
padding-top: 10px;
padding-bottom: 10px; }
html body #wrapper #content #container main .mod_eventlist .eventlist.visible .events table tr td.date {
width: 180px;
color: #bb1f27;
padding-left: 0px; }
html body #wrapper #content #container main .mod_eventlist .eventlist.visible .events table tr td.title {
box-sizing: border-box;
width: 300px;
padding-right: 20px; }
html body #wrapper #content #container main .mod_eventlist .eventlist.visible .events table tr td.location {
width: auto;
color: #aaa; }
html body #wrapper #content #container main .mod_eventlist .eventlist.visible .events table tr td.registration {
width: 180px; }
html body #wrapper #content #container main .mod_eventlist .eventlist.visible .events table.tableheader tr td.date, html body #wrapper #content #container main .mod_eventlist .eventlist.visible .events table.tableheader tr td.title, html body #wrapper #content #container main .mod_eventlist .eventlist.visible .events table.tableheader tr td.location, html body #wrapper #content #container main .mod_eventlist .eventlist.visible .events table.tableheader tr td.registration {
font-weight: 700; }
html body #wrapper #content #container main .mod_eventlist .eventlist.visible .events table:last-child tr {
border-bottom: none; }
html body #wrapper #content #container main .mod_course .courses {
margin-left: -15px;
margin-right: -15px;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-direction: normal;
-webkit-box-orient: horizontal;
-webkit-flex-direction: row;
-moz-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
-webkit-align-items: stretch;
-moz-align-items: stretch;
align-items: stretch; }
@media (max-width: 1023px) {
html body #wrapper #content #container main .mod_course .courses {
margin-left: 0px;
margin-right: 0px; } }
html body #wrapper #content #container main .mod_course .courses .course {
position: relative;
overflow: hidden;
box-sizing: border-box;
width: 270px;
height: 270px;
padding: 15px;
background: #ffffff;
color: #bb1f27;
-moz-transition: all ease 0.3s;
-o-transition: all ease 0.3s;
-webkit-transition: all ease 0.3s;
transition: all ease 0.3s;
-moz-transform: scale3d(1, 1, 1);
-o-transform: scale3d(1, 1, 1);
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1); }
@media (max-width: 1023px) {
html body #wrapper #content #container main .mod_course .courses .course {
width: 100%; } }
html body #wrapper #content #container main .mod_course .courses .course .name {
font-size: 2rem;
line-height: 2rem;
text-transform: uppercase; }
html body #wrapper #content #container main .mod_course .courses .course .subline {
display: block;
font-size: 1.3rem;
line-height: 1.8rem; }
html body #wrapper #content #container main .mod_course .courses .course .category {
margin-top: 1em;
display: block; }
html body #wrapper #content #container main .mod_course .courses .course .more {
position: absolute;
right: 0;
bottom: 0;
margin-bottom: 0;
height: 40px;
line-height: 40px;
z-index: 100; }
html body #wrapper #content #container main .mod_course .courses .course .more:after {
content: '';
position: absolute;
right: 0;
top: 0;
bottom: 0;
width: 40px;
height: 40px;
background: #ffffff url("../img/arrow_right_red.svg") center center no-repeat;
background-size: 10px auto;
pointer-events: none; }
html body #wrapper #content #container main .mod_course .courses .course .more a {
display: block;
padding-right: 50px; }
html body #wrapper #content #container main .mod_course .courses .course figure + .more {
width: auto;
height: auto;
left: 0;
top: 0;
right: 0;
bottom: 0; }
html body #wrapper #content #container main .mod_course .courses .course figure + .more:after {
top: auto; }
html body #wrapper #content #container main .mod_course .courses .course figure + .more a {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
color: transparent; }
@media (min-width: 1024px) {
html body #wrapper #content #container main .mod_course .courses .course:hover {
z-index: 100;
-moz-transform: scale3d(1.1, 1.1, 1.1);
-o-transform: scale3d(1.1, 1.1, 1.1);
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
box-shadow: 0px 2px 30px rgba(0, 0, 0, 0.1); }
html body #wrapper #content #container main .mod_course .courses .course:hover .more:after {
background: #bb1f27 url("../img/arrow_right_white.svg") center center no-repeat;
background-size: 10px auto; } }
html body #wrapper #content #container main .mod_course .courses .course.featured {
background: #bb1f27; }
html body #wrapper #content #container main .mod_course .courses .course.featured h2, html body #wrapper #content #container main .mod_course .courses .course.featured h3, html body #wrapper #content #container main .mod_course .courses .course.featured a, html body #wrapper #content #container main .mod_course .courses .course.featured p, html body #wrapper #content #container main .mod_course .courses .course.featured .name, html body #wrapper #content #container main .mod_course .courses .course.featured .subline, html body #wrapper #content #container main .mod_course .courses .course.featured .category {
color: #ffffff; }
html body #wrapper #content #container main .mod_course .courses .course.featured .more:after {
background: #bb1f27 url("../img/arrow_right_white.svg") center center no-repeat;
background-size: 10px auto; }
html body #wrapper #content #container main .mod_course .coursedetail .back {
display: block;
position: absolute;
left: -20px;
bottom: 60px;
width: 40px;
height: 40px;
background: #575757;
-moz-transition: all ease 0.3s;
-o-transition: all ease 0.3s;
-webkit-transition: all ease 0.3s;
transition: all ease 0.3s; }
@media (max-width: 1023px) {
html body #wrapper #content #container main .mod_course .coursedetail .back {
display: block;
position: relative;
width: 160px;
bottom: 0;
margin-top: 30px; } }
html body #wrapper #content #container main .mod_course .coursedetail .back a {
opacity: 0;
text-align: right;
position: absolute;
right: 0;
top: 0;
bottom: 0;
left: 0;
line-height: 40px;
padding-right: 10px;
color: #ffffff;
display: block; }
@media (max-width: 1023px) {
html body #wrapper #content #container main .mod_course .coursedetail .back a {
opacity: 1; } }
html body #wrapper #content #container main .mod_course .coursedetail .back:after {
content: '';
position: absolute;
left: 0;
top: 0;
bottom: 0;
width: 40px;
height: 40px;
background: #bb1f27 url("../img/arrow_left_white.svg") center center no-repeat;
background-size: 10px auto;
pointer-events: none; }
@media (min-width: 1024px) {
html body #wrapper #content #container main .mod_course .coursedetail .back:hover {
width: 160px; }
html body #wrapper #content #container main .mod_course .coursedetail .back:hover a {
opacity: 1; } }
html body #wrapper #content #container main .mod_galleries {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-direction: normal;
-webkit-box-orient: horizontal;
-webkit-flex-direction: row;
-moz-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
-webkit-align-items: stretch;
-moz-align-items: stretch;
align-items: stretch; }
@media (max-width: 1023px) {
html body #wrapper #content #container main .mod_galleries {
margin-left: 0px;
margin-right: 0px; } }
@media (max-width: 1023px) {
html body #wrapper #content #container main .mod_galleries .collection {
width: 100%; } }
html body #wrapper #content #container main .mod_galleries .collection.spaced {
margin-bottom: 3em; }
html body #wrapper #content #container main .mod_galleries .collection .gallery {
display: inline-block;
position: relative;
overflow: hidden;
box-sizing: border-box;
width: 157px;
height: 157px;
background-size: cover;
background-position: center center;
color: #bb1f27;
-moz-transition: all ease 0.3s;
-o-transition: all ease 0.3s;
-webkit-transition: all ease 0.3s;
transition: all ease 0.3s;
-moz-transform: scale3d(1, 1, 1);
-o-transform: scale3d(1, 1, 1);
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1); }
@media (max-width: 1023px) {
html body #wrapper #content #container main .mod_galleries .collection .gallery {
width: 100%;
padding-bottom: 100%; } }
html body #wrapper #content #container main .mod_galleries .collection .gallery span {
display: block;
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
padding: 15px;
opacity: 0;
background: rgba(187, 31, 39, 0.85);
font-size: 18px;
line-height: 22px;
color: #ffffff; }
html body #wrapper #content #container main .mod_galleries .collection .gallery:after {
content: '';
position: absolute;
right: 0;
bottom: 0;
width: 40px;
height: 40px;
background: #bb1f27 url("../img/arrow_right_white.svg") center center no-repeat;
background-size: 10px auto;
pointer-events: none; }
html body #wrapper #content #container main .mod_galleries .collection .gallery:hover span {
opacity: 1; }
@media (max-width: 1023px) {
html body #wrapper #content #container main .mod_galleries .gallerydetail {
width: 100%; }
html body #wrapper #content #container main .mod_galleries .gallerydetail .images {
width: 100%; } }
html body #wrapper #content #container main .mod_galleries .gallerydetail .image {
display: inline-block;
position: relative;
overflow: hidden;
box-sizing: border-box;
width: 264px;
height: 264px;
background-size: cover;
background-position: center center;
color: #bb1f27;
-moz-transition: all ease 0.3s;
-o-transition: all ease 0.3s;
-webkit-transition: all ease 0.3s;
transition: all ease 0.3s;
-moz-transform: scale3d(1, 1, 1);
-o-transform: scale3d(1, 1, 1);
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1); }
@media (max-width: 1023px) {
html body #wrapper #content #container main .mod_galleries .gallerydetail .image {
width: 100%; } }
html body #wrapper #content #container main .mod_galleries .back {
display: block;
position: absolute;
left: -20px;
bottom: 60px;
width: 60px;
height: 40px;
background: #575757;
-moz-transition: all ease 0.3s;
-o-transition: all ease 0.3s;
-webkit-transition: all ease 0.3s;
transition: all ease 0.3s; }
@media (max-width: 1023px) {
html body #wrapper #content #container main .mod_galleries .back {
display: block;
position: relative;
width: 160px;
bottom: 0;
margin-top: 30px; } }
html body #wrapper #content #container main .mod_galleries .back a {
text-align: right;
position: absolute;
right: 0;
top: 0;
bottom: 0;
left: 0;
line-height: 40px;
padding-right: 10px;
color: #ffffff;
display: block; }
html body #wrapper #content #container main .mod_galleries .back:after {
content: '';
position: absolute;
left: 0;
top: 0;
bottom: 0;
width: 60px;
height: 40px;
background: #bb1f27 url("../img/arrow_left_white.svg") center center no-repeat;
background-size: 10px auto;
pointer-events: none; }
@media (min-width: 1024px) {
html body #wrapper #content #container main .mod_galleries .back:hover {
width: 160px; } }
html body #wrapper #content #container main .ce_form {
background: #f7f7f7;
padding: 15px; }
html body #wrapper #content #container main .ce_form .widget label {
width: 50%;
line-height: 1.4rem; }
html body #wrapper #content #container main .ce_form .widget.widget-text label, html body #wrapper #content #container main .ce_form .widget.widget-radio label {
display: none; }
html body #wrapper #content #container main .ce_form .widget.widget-select {
margin-top: 1rem;
margin-bottom: 1rem; }
html body #wrapper #content #container main .ce_form .widget.widget-radio {
margin-top: 1rem;
margin-bottom: 1rem; }
html body #wrapper #content #container main .ce_form .widget.widget-radio legend {
float: left;
-webkit-appearance: none;
font-weight: 300;
line-height: 36px; }
html body #wrapper #content #container main .ce_form .widget.widget-radio.error legend {
padding-left: 24px;
color: #bb1f27; }
html body #wrapper #content #container main .ce_form .widget.widget-radio .radio_container span {
display: inline-block;
position: relative;
min-width: 130px; }
html body #wrapper #content #container main .ce_form .widget.widget-radio .radio_container span.invisible {
display: none; }
html body #wrapper #content #container main .ce_form .widget.widget-radio .radio_container span.mandatory {
display: inline; }
html body #wrapper #content #container main .ce_form .widget.widget-radio .radio_container span input {
position: absolute;
opacity: 0; }
html body #wrapper #content #container main .ce_form .widget.widget-radio .radio_container span label {
display: inline-block;
width: 100%;
height: 100%;
line-height: 36px;
padding-left: 24px;
cursor: pointer; }
html body #wrapper #content #container main .ce_form .widget.widget-radio .radio_container span label:after {
content: '';
display: block;
position: absolute;
left: 0;
top: 10px;
background: #ffffff;
width: 12px;
height: 12px;
border: 2px solid #ffffff;
pointer-events: none; }
html body #wrapper #content #container main .ce_form .widget.widget-radio .radio_container span input:checked + label:after {
background: #bb1f27; }
html body #wrapper #content #container main .ce_form .widget.widget-radio .radio_container span input:focus + label:after {
border: 2px solid #575757; }
html body #wrapper #content #container main .ce_form .widget.widget-radio.dropdown {
height: auto;
padding-top: 0;
border-bottom: 1px solid #575757; }
html body #wrapper #content #container main .ce_form .widget.widget-radio.dropdown p.error {
left: auto;
right: 40px; }
html body #wrapper #content #container main .ce_form .widget.widget-radio.dropdown .radio_container {
height: 36px;
position: relative; }
html body #wrapper #content #container main .ce_form .widget.widget-radio.dropdown .radio_container legend {
box-sizing: border-box;
display: inline-block;
width: 100%;
padding-left: 0px;
height: 36px;
line-height: 36px;
color: #575757;
text-transform: none;
background: url("../img/arrow_down.svg") right center no-repeat;
background-size: 18px auto;
background-position: right 10px center; }
html body #wrapper #content #container main .ce_form .widget.widget-radio.dropdown .radio_container legend .invisible {
display: none; }
html body #wrapper #content #container main .ce_form .widget.widget-radio.dropdown .radio_container legend .mandatory {
display: inline; }
html body #wrapper #content #container main .ce_form .widget.widget-radio.dropdown .radio_container .fields {
display: none;
position: absolute;
z-index: 1000;
top: 36px;
left: 0px;
right: 0px;
height: auto;
width: 100%;
background: #ffffff;
max-height: 360px; }
html body #wrapper #content #container main .ce_form .widget.widget-radio.dropdown .radio_container .fields .livesearch {
display: none;
position: absolute;
top: -36px;
left: 0;
right: 0; }
html body #wrapper #content #container main .ce_form .widget.widget-radio.dropdown .radio_container .fields .livesearch input {
width: 100%;
border: none;
border-bottom: 2px solid #bb1f27;
color: #bb1f27;
height: 36px;
outline: 0; }
html body #wrapper #content #container main .ce_form .widget.widget-radio.dropdown .radio_container .fields .inner {
overflow-y: scroll;
display: block;
height: 100%;
max-height: 360px;
padding-bottom: 10px; }
html body #wrapper #content #container main .ce_form .widget.widget-radio.dropdown .radio_container .fields .inner span.hidden {
display: none; }
html body #wrapper #content #container main .ce_form .widget.widget-radio.dropdown .radio_container .fields .shadow {
display: block;
position: absolute;
left: 0;
top: -36px;
bottom: 0;
right: 0;
pointer-events: none;
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3); }
html body #wrapper #content #container main .ce_form .widget.widget-radio.dropdown .radio_container span {
display: inline-block;
position: relative;
width: 100%;
margin-top: 0px;
margin-left: 10px;
margin-bottom: 0;
height: 26px; }
html body #wrapper #content #container main .ce_form .widget.widget-radio.dropdown .radio_container span.invisible {
display: none; }
html body #wrapper #content #container main .ce_form .widget.widget-radio.dropdown .radio_container span.mandatory {
display: inline;
margin-left: 0px; }
html body #wrapper #content #container main .ce_form .widget.widget-radio.dropdown .radio_container span label:after {
background: #f7f7f7; }
html body #wrapper #content #container main .ce_form .widget.widget-radio.dropdown .radio_container:hover {
background: #ffffff; }
html body #wrapper #content #container main .ce_form .widget.widget-radio.dropdown .radio_container:hover legend {
padding-left: 10px;
border-bottom: 1px solid #f7f7f7; }
html body #wrapper #content #container main .ce_form .widget.widget-radio.dropdown .radio_container:hover .fields {
display: inline-block; }
html body #wrapper #content #container main .ce_form .widget input[type=text], html body #wrapper #content #container main .ce_form .widget input[type=email], html body #wrapper #content #container main .ce_form .widget input[type=tel], html body #wrapper #content #container main .ce_form .widget textarea {
box-sizing: border-box;
width: 100%;
line-height: 1.4rem;
margin-bottom: 0.5rem;
-webkit-appearance: none;
background: none;
border: none;
border-bottom: 1px solid #575757;
color: #575757;
padding: 10px 0px;
outline: none;
border-radius: 0; }
html body #wrapper #content #container main .ce_form .widget textarea {
border: none;
background: #ffffff;
margin-bottom: 1em; }
html body #wrapper #content #container main .ce_form .widget button[type=submit] {
-webkit-appearance: none;
padding: 10px;
font-size: 16px;
font-family: "Oswald", sans-serif;
background: #bb1f27;
border: none;
color: #ffffff; }
html body #wrapper #content #container main .hotel {
margin-bottom: 5em;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-direction: normal;
-webkit-box-orient: horizontal;
-webkit-flex-direction: row;
-moz-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
-webkit-align-items: stretch;
-moz-align-items: stretch;
align-items: stretch;
-webkit-box-pack: stretch;
-ms-flex-pack: stretch;
-webkit-justify-content: stretch;
-moz-justify-content: stretch;
justify-content: stretch; }
html body #wrapper #content #container main .hotel .content {
width: 100%; }
html body #wrapper #content #container main .hotel .logo {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
-moz-align-items: center;
align-items: center;
float: right;
width: 160px;
height: 100%;
margin-left: 100px; }
html body #wrapper #content #container main .hotel .logo img {
width: 100%; }
html body #wrapper #content #container main #map {
width: auto;
height: 600px;
margin-left: -80px;
margin-right: -80px;
margin-top: -30px;
margin-bottom: -30px; }
@media (max-width: 1023px) {
html body #wrapper #content #container main #map {
height: 300px; } }
html body #wrapper #content #container main #map .marker {
color: transparent;
display: block;
overflow: hidden;
width: 30px;
height: 30px;
border-radius: 50%;
border: 5px solid #bb1f27; }
@media (max-width: 1023px) {
html body #wrapper #content #container main #map {
margin: -100px -30px 0px -30px; } }
html body #wrapper #content #container main #hud {
position: absolute;
top: 40px;
left: 40px;
background: #bb1f27;
padding: 40px;
color: #ffffff; }
@media (max-width: 1023px) {
html body #wrapper #content #container main #hud {
margin: 0px -30px -30px -30px; } }
html body #wrapper #content #container main #hud h3 {
color: #ffffff; }
html body #wrapper #content #container main #hud a {
color: #ffffff; }
@media (max-width: 1023px) {
html body #wrapper #content #container main #hud {
position: static; } }
html body #wrapper #content #container main .float_right {
float: right; }
html body #wrapper #content #container main .ce_text ul li {
padding-left: 20px;
position: relative; }
html body #wrapper #content #container main .ce_text ul li:after {
content: '';
background: #bb1f27;
width: 5px;
height: 5px;
position: absolute;
left: 0;
top: 10px; }
html body #wrapper #content #container main .image_container {
max-width: 100%; }
html body #wrapper #content #container main .image_container img {
max-width: 100%;
height: auto; }
html body #wrapper #content #container main img#webcamImage {
width: 100%;
height: auto; }
html body #wrapper #content #container main .halloffame {
margin-bottom: 4em;
margin-top: 1em;
-webkit-column-count: 3;
-moz-column-count: 3;
column-count: 3; }
html body #wrapper #content #container main .halloffame p {
break-inside: avoid-column; }
html body #wrapper #content #container main .halloffame p strong {
margin-bottom: 0.5em; }
@media (max-width: 1023px) {
html body #wrapper #content #container main .halloffame {
-webkit-column-count: 1;
-moz-column-count: 1;
column-count: 1; } }
html body #wrapper #content #container .profile {
background: #f7f7f7;
overflow: hidden;
margin-bottom: 20px;
box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
perspective: 600px;
transform-style: preserve-3d;
-moz-transition: all ease 0.2s;
-o-transition: all ease 0.2s;
-webkit-transition: all ease 0.2s;
transition: all ease 0.2s;
-moz-transform-origin: left center;
-o-transform-origin: left center;
-webkit-transform-origin: left center;
transform-origin: left center;
-moz-transform: scale(1, 1);
-o-transform: scale(1, 1);
-webkit-transform: scale(1, 1);
transform: scale(1, 1); }
html body #wrapper #content #container .profile .image {
width: 100%;
background-size: cover;
background-position: center center;
padding-bottom: 60%; }
html body #wrapper #content #container .profile p {
padding: 4px 15px; }
html body #wrapper #content #container .profile.shrink {
-moz-transform: scale(0.9, 0.9);
-o-transform: scale(0.9, 0.9);
-webkit-transform: scale(0.9, 0.9);
transform: scale(0.9, 0.9); }
html body #wrapper #content #container aside#right {
width: 300px;
position: absolute;
right: -20px;
top: 30px; }
@media (max-width: 1023px) {
html body #wrapper #content #container aside#right {
display: block;
position: static;
width: 100%;
padding: 30px;
box-sizing: border-box; } }
html body #wrapper #content #container aside#right .mod_login {
background: #ffffff;
box-sizing: border-box;
width: 100%;
padding: 15px;
box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2); }
html body #wrapper #content #container aside#right .mod_login .error, html body #wrapper #content #container aside#right .mod_login .login_info {
color: #bb1f27; }
html body #wrapper #content #container aside#right .mod_login .login_info {
margin-bottom: 0; }
html body #wrapper #content #container aside#right .mod_login form label {
display: none; }
html body #wrapper #content #container aside#right .mod_login form input[type=text], html body #wrapper #content #container aside#right .mod_login form input[type=password] {
box-sizing: border-box;
width: 100%;
line-height: 1.4rem;
margin-bottom: 0.5rem;
-webkit-appearance: none;
background: none;
border: none;
border-bottom: 1px solid #bb1f27;
color: #bb1f27;
padding: 10px;
outline: none;
border-radius: 0; }
html body #wrapper #content #container aside#right .mod_login form button {
position: absolute;
right: -10px;
padding: 10px;
-webkit-appearance: none;
background: #bb1f27;
color: #ffffff;
border: none;
border-radius: 0;
font-weight: 700;
text-transform: uppercase;
box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2); }
html body #wrapper #content #container aside#right .ce_text {
background: #bb1f27;
color: #ffffff;
box-sizing: border-box;
width: 100%;
padding: 15px;
box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
margin-bottom: 20px;
-moz-transition: all ease 0.2s;
-o-transition: all ease 0.2s;
-webkit-transition: all ease 0.2s;
transition: all ease 0.2s;
-moz-transform-origin: left center;
-o-transform-origin: left center;
-webkit-transform-origin: left center;
transform-origin: left center;
-moz-transform: scale(1, 1);
-o-transform: scale(1, 1);
-webkit-transform: scale(1, 1);
transform: scale(1, 1); }
html body #wrapper #content #container aside#right .ce_text a {
color: #ffffff;
font-weight: 700; }
html body #wrapper #content #container aside#right .ce_text ul li {
padding-left: 20px;
position: relative; }
html body #wrapper #content #container aside#right .ce_text ul li:after {
content: '';
background: #ffffff;
width: 5px;
height: 5px;
position: absolute;
left: 0;
top: 10px; }
html body #wrapper #content #container aside#right .ce_text.shrink {
-moz-transform: scale(0.8, 0.8);
-o-transform: scale(0.8, 0.8);
-webkit-transform: scale(0.8, 0.8);
transform: scale(0.8, 0.8); }
html body #wrapper #content #container aside#right .ce_image {
margin-bottom: 20px;
box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
perspective: 600px;
transform-style: preserve-3d;
-moz-transition: all ease 0.2s;
-o-transition: all ease 0.2s;
-webkit-transition: all ease 0.2s;
transition: all ease 0.2s;
-moz-transform-origin: left center;
-o-transform-origin: left center;
-webkit-transform-origin: left center;
transform-origin: left center;
-moz-transform: scale(1, 1);
-o-transform: scale(1, 1);
-webkit-transform: scale(1, 1);
transform: scale(1, 1); }
html body #wrapper #content #container aside#right .ce_image figure {
-moz-transition: all ease 0.2s;
-o-transition: all ease 0.2s;
-webkit-transition: all ease 0.2s;
transition: all ease 0.2s;
-moz-transform-origin: left center;
-o-transform-origin: left center;
-webkit-transform-origin: left center;
transform-origin: left center; }
html body #wrapper #content #container aside#right .ce_image figure img {
display: block;
width: 100%;
height: 100%; }
html body #wrapper #content #container aside#right .ce_image.shrink {
-moz-transform: scale(0.8, 0.8);
-o-transform: scale(0.8, 0.8);
-webkit-transform: scale(0.8, 0.8);
transform: scale(0.8, 0.8); }
@media (min-width: 1024px) {
html body #wrapper #content #container aside#right .ce_image:hover figure {
/* @include transform(translate3d(5px, 5px, 100px) rotateY(-10deg)); */ } }
@media (max-width: 1023px) {
html body #wrapper #content #container {
padding-top: 70px; } }
html body #wrapper #content footer {
text-align: center;
font-size: 11px;
line-height: 16px;
padding: 40px 80px; }
html body #cookiebar {
background-color: #2c2c2c; }
html body #cookiebar button {
background-color: #bb1f27; }
html body header, html body footer {
background: #ffffff; }