@import url("../../../css/fontawesome.all.min.css");
@import url("loader.min.css");
@import url("../../../css/styleswitch.css");
@import url("../../../css/plyr.css");
@import url("hamburger.min.css");
@import url("../../../css/glightbox.min.css");
@import url("uikit-mods.min.css");
@font-face {
 font-display:fallback;
 font-family:"Source Sans Pro";
 font-style:normal;
 font-weight:400;
 src:local(""),
 url("../fonts/source-sans-pro-v18-latin-regular.woff2") format("woff2"),
 url("../fonts/source-sans-pro-v18-latin-regular.woff") format("woff")
}
@font-face {
 font-display:fallback;
 font-family:"Yanone Kaffeesatz";
 font-style:normal;
 font-weight:400;
 src:local(""),
 url("../fonts/yanone-kaffeesatz-v22-latin-regular.woff2") format("woff2"),
 url("../fonts/yanone-kaffeesatz-v22-latin-regular.woff") format("woff")
}
.glightbox-container .goverlay {
 background:rgba(0, 0, 0, 0.8)
}
.glightbox-clean .gprev,
.glightbox-clean .gnext,
.glightbox-clean .gclose {
 background-color:rgba(0, 0, 0, 0.6)
}
.glightbox-clean .gclose,
.gclose {
 opacity:1;
 z-index:9999999;
 min-width:40px;
 min-height:40px;
 right:30px
}
.glightbox-clean .gprev:hover,
.glightbox-clean .gnext:hover,
.glightbox-clean .gclose:hover {
 background-color:rgba(235, 170, 0, 0.8)
}
.glightbox-clean .gslide-description {
 background-color:#222;
 color:#ddd;
 text-align:center
}
.glightbox-mobile .glightbox-container .gslide-desc {
 color:#ddd
}
.gslide-external {
 max-height:calc(100vh - 80px)
}
* {
 scrollbar-width:thin;
 scrollbar-color:#222 #999
}
*::-webkit-scrollbar {
 width:8px;
 height:8px
}
*::-webkit-scrollbar-track {
 background:#999
}
*::-webkit-scrollbar-thumb {
 background-color:#222;
 border-radius:0px;
 border:1px solid #222
}
html * {
 -webkit-font-smoothing:antialiased;
 -moz-osx-font-smoothing:grayscale
}
body {
 font-family:"Source Sans Pro", "Arial Narrow", Arial, sans-serif;
 font-weight:400;
 font-size:19px;
 line-height:1.5em;
 background:#222;
 color:#333
}
.pagewrapper {
 display:block;
 opacity:0
}
nav {
 position:absolute;
 top:0;
 left:0;
 background-color:transparent;
 height:0px;
 width:100%;
 z-index:71;
 padding:0;
 margin:0
}
nav .pagelogo {
 position:fixed;
 top:0px;
 left:0px;
 z-index:70;
 opacity:0.8;
 width:250px
}
nav .pagelogo img {
 position:absolute;
 top:15px;
 left:25px;
 width:250px;
 cursor:pointer
}
nav .pagelogo:hover {
 opacity:1
}
nav.scroll-up,
nav:focus-within {
 top:0
}
nav.scroll-down {
 top:-100px
}
.mainnav {
 position:fixed;
 top:15px;
 right:15px;
 z-index:70;
 padding:0;
 margin:0;
 display:block
}
.mainnav li {
 list-style:none;
 float:left;
 margin-right:10px
}
.mainnav li a {
 font-size:0.9em;
 font-weight:bold;
 text-decoration:none;
 padding:5px 10px;
 margin:0;
 display:block;
 text-align:center;
 color:#484848;
 background:rgba(255, 255, 255, 0.6);
 /* text-shadow:1px 1px 1px rgba(0, 0, 0, 0.5) */
}
.mainnav li a:hover {
 color:#fff;
 background:rgba(204, 204, 204, 0.8);
 transition:all 0.3s ease-out
}
.mainnav li.active a {
 color:#fff;
 background:rgba(204, 204, 204, 0.8)
}
.mainnav li.active a:hover {
 color:#fff
}
.mainnav li.hide-mainnav {
 display:none
}
.mainnav li.mainnaventry-1 {
 display:none
}
.section {
 background-color:#444;
 background-position:center center;
 -webkit-background-size:cover;
 -moz-background-size:cover;
 -o-background-size:cover;
 background-size:cover
}
.section-odd {
 background-color:#444
}
.section-even {
 background-color:#222
}
.slide {
 background-position:center center;
 -webkit-background-size:cover;
 -moz-background-size:cover;
 -o-background-size:cover;
 background-size:cover
}
.section-1 {
 background-image:url("../img/bg01.webp")
}
.section-2.loaded {
 background-image:url("../img/bg02.webp");
 background-attachment:fixed
}
.section-3.loaded {
 background-image:url("../img/bg03.webp")
}
.section-4.loaded {
 background-image:url("../img/bg04.webp");
 background-attachment:fixed
}
.section-5.loaded {
 background-image:url("../img/bg05.webp")
}
.section-6.loaded {
 background-image:url("../img/bg06.webp");
 background-attachment:fixed
}
.section-13.loaded {
 background-image:url("../img/bg13.webp")
}
div.uk-container {
 margin-top:0;
 margin-bottom:0;
 position:relative;
 word-wrap:break-word
}
.uk-container>:last-child {
 margin-bottom:0 !important;
 padding-bottom:0 !important
}
.fp-auto-height div.uk-container {
 margin-top:120px;
 margin-bottom:120px
}
div.container {
 padding:0;
 margin:0;
 text-align:center
}
h1,
h2,
h3,
h4,
h5,
h6 {
 font-family:"Yanone Kaffeesatz", "Arial Narrow", Arial, sans-serif;
 font-weight:700;
 letter-spacing:1px;
 color:#fff;
 line-height:1em;
 margin:0 0 20px 0;
 text-align:center
}
h1 {
 font-size:3.2em
}
h2 {
 font-size:2.6em
}
h3 {
 font-size:2.2em
}
h4 {
 font-size:1.8em
}
h5 {
 font-size:1.4em
}
h6 {
 font-size:1em
}
.headline {
 text-shadow:1px 1px 1px rgba(0, 0, 0, 0.5)
}
h1 i {
 font-size:19px;
 padding-left:5px;
 vertical-align:top
}
div.uk-container a {
 color:#337777;
 text-decoration:none
}
div.uk-container a:hover {
 color:#245353;
 text-decoration:underline
}
a,
a:active,
a:focus,
a:focus-visible,
:focus,
:focus-visible,
:focus:not([tabindex^="-"]) {
 outline:0
}
div.uk-container i.fas {
 padding-left:5px;
 padding-right:5px
}
img.full {
 width:100%;
 max-width:960px;
 margin:0 auto;
 height:auto;
 box-sizing:border-box
}
img.content {
 display:block;
 width:100%;
 max-width:900px;
 margin-bottom:0;
 margin:0 auto
}
a.gallery {
 position:relative;
 overflow:hidden;
 display:block;
 width:100%;
 height:200px;
 background-color:#fa0;
 cursor:pointer
}
a.gallery img.thumbnail {
 min-height:300px;
 min-width:500px;
 position:absolute;
 left:50%;
 top:50%;
 transition:all 0.3s ease-out;
 -webkit-transform:translateY(-50%) translateX(-50%);
 transform:translateY(-50%) translateX(-50%)
}
a.gallery img.thumbnail:hover {
 opacity:0.5;
 transition:all 0.3s ease-out;
 -webkit-transform:translateY(-40%) translateX(-50%);
 transform:translateY(-40%) translateX(-50%);
 cursor:zoom-in
}
.gallery-wrap {
 background:rgba(255, 255, 255, 0.8)
}
.fullpage-bgvideo {
 position:absolute;
 bottom:0;
 top:0;
 width:100vw;
 height:100%;
 z-index:0;
 background-position:center;
 -webkit-background-size:cover;
 -moz-background-size:cover;
 -o-background-size:cover;
 background-size:cover;
 object-fit:cover;
 object-position:center
}
.fullpage-slidebackground {
 position:absolute;
 bottom:0;
 top:0;
 width:100vw;
 height:100%;
 z-index:0;
 background-position:center;
 -webkit-background-size:cover;
 -moz-background-size:cover;
 -o-background-size:cover;
 background-size:cover
}
div.plyr {
 margin:0 auto;
 width:100%;
 max-width:1200px;
 box-shadow:0 14px 25px rgba(0, 0, 0, 0.5)
}
#fp-nav {
 display:none
}
#fp-nav.right {
 right:0px
}
#fp-nav.left {
 left:0px
}
#fp-nav ul {
 padding-top:30px
}
#fp-nav ul li {
 width:22px;
 height:22px;
 margin:10px;
 padding:0
}
#fp-nav ul li a span {
 background:rgba(255, 170, 0, 0.6);
 height:8px;
 width:8px;
 margin:-4px 0 0 -4px;
 box-shadow:0px 0px 6px 0px rgba(0, 0, 0, 0.5)
}
#fp-nav ul li a span:hover,
#fp-nav ul li:hover a span {
 width:14px;
 height:14px;
 margin:-7px 0px 0px -7px;
 background:#fa0
}
#fp-nav ul li a.active span {
 height:16px;
 width:16px;
 margin:-8px 0 0 -8px;
 border-radius:100%;
 background:rgba(255, 170, 0, 0.8)
}
#fp-nav ul li a.active span:hover,
#fp-nav ul li:hover a.active span {
 height:16px;
 width:16px;
 margin:-8px 0 0 -8px;
 background:#fa0
}
#fp-nav ul li .fp-tooltip {
 max-width:250px;
 padding:5px 10px;
 background:#000;
 border-radius:2px;
 color:#fff;
 font-size:12px;
 line-height:1.5em;
 display:none;
 transition:all 0.3s ease-out
}
#fp-nav ul li:hover .fp-tooltip,
#fp-nav.fp-show-active a.active+.fp-tooltip {
 width:auto;
 opacity:1;
 display:block
}
#fp-nav ul li .fp-tooltip.right {
 right:25px
}
#fp-nav ul li .fp-tooltip.left {
 left:25px
}
.fp-slidesNav {
 position:absolute;
 text-align:center
}
.fp-slidesNav.bottom {
 bottom:40px
}
.fp-slidesNav.top {
 top:90px
}
.fp-slidesNav ul li {
 width:22px;
 height:22px;
 margin:10px;
 transition:all 2.3s ease-out;
 padding:0
}
.fp-slidesNav ul li {
 margin:5px
}
.fp-slidesNav ul li a span {
 background:rgba(255, 170, 0, 0.6);
 height:8px;
 width:8px;
 margin:-4px 0 0 -4px;
 box-shadow:0px 0px 6px 0px rgba(0, 0, 0, 0.5)
}
.fp-slidesNav ul li a span:hover,
.fp-slidesNav ul li:hover a span {
 width:14px;
 height:14px;
 margin:-7px 0px 0px -7px;
 background:#fa0
}
.fp-slidesNav ul li a.active span {
 height:16px;
 width:16px;
 margin:-8px 0 0 -8px;
 border-radius:100%;
 background:rgba(255, 170, 0, 0.8)
}
.fp-slidesNav ul li a.active span:hover,
.fp-slidesNav ul li:hover a.active span {
 height:16px;
 width:16px;
 margin:-8px 0 0 -8px;
 background:#fa0
}
.fp-controlArrow {
 border:0;
 display:inline-block;
 width:30px;
 height:30px;
 position:fixed;
 z-index:100;
 top:50%
}
.fp-controlArrow.fp-prev {
 left:54px
}
.fp-controlArrow.fp-prev::before {
 margin-top:20px;
 position:fixed;
 top:0;
 left:0;
 content:"";
 display:inline-block;
 width:30px;
 height:30px;
 border-left:6px solid rgba(255, 255, 255, 0.4);
 border-top:6px solid rgba(255, 255, 255, 0.4);
 transform:rotate(-45deg);
 -webkit-transform:rotate(-45deg);
 box-shadow:-3px -3px 3px -2px rgba(51, 51, 51, 0.5)
}
.fp-controlArrow.fp-prev:hover::before {
 border-color:rgba(255, 170, 0, 0.8)
}
.fp-controlArrow.fp-next {
 right:60px
}
.fp-controlArrow.fp-next::before {
 margin-top:20px;
 position:fixed;
 top:0;
 left:0;
 content:"";
 display:inline-block;
 width:30px;
 height:30px;
 border-right:6px solid rgba(255, 255, 255, 0.4);
 border-top:6px solid rgba(255, 255, 255, 0.4);
 transform:rotate(45deg);
 -webkit-transform:rotate(45deg);
 box-shadow:3px -3px 3px -2px rgba(51, 51, 51, 0.5)
}
.fp-controlArrow.fp-next:hover::before {
 border-color:rgba(255, 170, 0, 0.8)
}
a.arrowdown {
 position:relative;
 display:inline-block;
 color:#fff;
 text-decoration:none;
 transition:opacity 0.3s;
 width:40px;
 height:40px;
 margin:0 auto;
 margin-top:20px;
 line-height:1;
 opacity:0
}
a.arrowdown:hover {
 opacity:1
}
a.arrowdown span {
 position:absolute;
 top:0;
 left:50%;
 width:36px;
 height:36px;
 margin-left:-18px;
 border-left:6px solid rgba(255, 255, 255, 0.4);
 border-bottom:6px solid rgba(255, 255, 255, 0.4);
 -webkit-transform:rotate(-45deg);
 transform:rotate(-45deg);
 -webkit-animation:arrowdownanimation 3s infinite;
 animation:arrowdownanimation 3s infinite;
 box-sizing:border-box;
 box-shadow:-3px 3px 3px -2px rgba(51, 51, 51, 0.5);
 text-indent:-9999px
}
a.arrowdown:hover span {
 transition:all 0.3s ease;
 border-left:6px solid rgba(255, 170, 0, 0.8);
 border-bottom:6px solid rgba(255, 170, 0, 0.8)
}
@-webkit-keyframes arrowdownanimation {
 0% {
  -webkit-transform:rotate(-45deg) translate(0, 0)
 }
 20% {
  -webkit-transform:rotate(-45deg) translate(-10px, 10px)
 }
 40% {
  -webkit-transform:rotate(-45deg) translate(0, 0)
 }
}
@keyframes arrowdownanimation {
 0% {
  transform:rotate(-45deg) translate(0, 0)
 }
 20% {
  transform:rotate(-45deg) translate(-10px, 10px)
 }
 40% {
  transform:rotate(-45deg) translate(0, 0)
 }
}
a.arrowup {
 position:relative;
 display:inline-block;
 color:#fff;
 text-decoration:none;
 transition:opacity 0.3s;
 width:40px;
 height:40px;
 margin:0 auto;
 margin-bottom:20px;
 line-height:1;
 opacity:0
}
a.arrowup:hover {
 opacity:1
}
a.arrowup span {
 position:absolute;
 bottom:-6px;
 left:50%;
 width:36px;
 height:36px;
 margin-left:-18px;
 border-left:6px solid rgba(255, 255, 255, 0.4);
 border-bottom:6px solid rgba(255, 255, 255, 0.4);
 -webkit-transform:rotate(135deg);
 transform:rotate(135deg);
 -webkit-animation:arrowupanimation 3s infinite;
 animation:arrowupanimation 3s infinite;
 box-sizing:border-box;
 box-shadow:-3px 3px 3px -2px rgba(51, 51, 51, 0.5);
 text-indent:-9999px
}
a.arrowup:hover span {
 transition:all 0.3s ease;
 border-left:6px solid rgba(255, 170, 0, 0.8);
 border-bottom:6px solid rgba(255, 170, 0, 0.8)
}
@-webkit-keyframes arrowupanimation {
 0% {
  -webkit-transform:rotate(135deg) translate(0, 0)
 }
 20% {
  -webkit-transform:rotate(135deg) translate(-10px, 10px)
 }
 40% {
  -webkit-transform:rotate(135deg) translate(0, 0)
 }
}
@keyframes arrowupanimation {
 0% {
  transform:rotate(135deg) translate(0, 0)
 }
 20% {
  transform:rotate(135deg) translate(-10px, 10px)
 }
 40% {
  transform:rotate(135deg) translate(0, 0)
 }
}
.back-to-top {
 position:fixed;
 bottom:20px;
 right:20px;
 width:40px;
 height:40px;
 z-index:200;
 display:none;
 text-decoration:none;
 color:rgba(153, 153, 153, 0.5);
 transition:all 0.3s ease
}
.back-to-top:hover {
 color:#fa0
}
.back-to-top i {
 font-size:44px
}
.back-to-top span {
 display:none
}
.fp-responsive .hamburger {
 display:block
}
.fp-responsive nav {
 position:sticky;
 transition:top 300ms ease-in-out
}
.fp-responsive .pagelogo {
 position:absolute;
 top:0px;
 left:0px;
 z-index:70;
 background-color:#333;
 width:100%;
 height:100px
}
.fp-responsive .pagelogo {
 opacity:1
}
.fp-responsive .pagelogo img {
 position:absolute;
 top:10px;
 left:20px;
 width:200px
}
.fp-responsive .mainnav {
 top:50px;
 left:0px;
 display:block;
 width:100%
}
.fp-responsive .mainnav li {
 list-style:none;
 float:left;
 width:100%;
 height:auto
}
.fp-responsive .mainnav a {
 height:auto;
 line-height:50px;
 font-size:1.3em;
 margin:0;
 padding:0;
 text-align:center;
 color:#fff;
 background-color:#333;
 border-top:solid 1px #4d4d4d
}
.fp-responsive .mainnav a:hover {
 color:#fff;
 background-color:#fa0
}
.fp-responsive .mainnav li.active a {
 background:#e1aa00;
 color:#ddd
}
.fp-responsive .mainnav li.active a:hover {
 background:#fa0;
 color:#fff
}
.fp-responsive div.uk-container {
 margin-top:100px;
 margin-bottom:100px
}
.fp-responsive .fp-slidesNav.top {
 top:70px
}
.fp-responsive .fp-slidesNav.bottom {
 bottom:40px
}
.fp-responsive .fp-slidesNav.slidefixed {
 top:60px;
 bottom:initial
}
.fp-responsive .fp-auto-height-responsive {
 min-height:100vh
}
.fp-responsive .fp-auto-height-responsive .slide {
 min-height:100vh
}
.fp-responsive .fp-tableCell.slidefixed {
 vertical-align:top
}
.fp-responsive .fp-controlArrow.fp-prev {
 left:14px
}
.fp-responsive .fp-controlArrow.fp-next {
 right:20px
}
@media (max-width:1199px) {
 body {
  font-size:18px
 }
}
@media (max-width:960px) {
 body {
  font-size:17px
 }
}
@media (max-width:768px) {
 body {
  font-size:16px
 }
 .back-to-top {
  bottom:10px;
  right:10px
 }
}
@media (max-width:480px) {
 body {
  font-size:15px
 }
}
body.lightboxcontent {
 height:auto;
 width:100vw;
 max-width:100vw;
 overflow-x:hidden;
 background-color:#444
}
section.lightboxcontent {
 min-height:100vh;
 width:100vw;
 max-width:100vw;
 display:table
}
section.lightboxcontent div.lightboxcontent {
 padding-top:80px;
 padding-bottom:80px;
 display:table-cell;
 vertical-align:middle
}
@media (max-width:768px) {
 section.lightboxcontent {
  display:block
 }
 section.lightboxcontent div.lightboxcontent {
  padding-top:40px;
  padding-bottom:40px;
  display:block
 }
}


/* Impressum+Datenschutz */

ul.imprint {
    z-index: 300;
    position: fixed;
    bottom: 6px;
    right: 150px;
    margin: 0;
    padding: 0;
    transition: all 0.3s ease;
    display: none;
}

ul.imprint li {
    list-style: none;
    float: left;
}

ul.imprint li a {
    background-color:rgba(0, 0, 0, .6);
    padding: 2px 6px;
    color: #fff;
    margin-right: 10px;
    opacity: .6;
    transition: all 0.3s ease;
    font-size: .9em;
}

ul.imprint li a:hover {
    opacity: 1;
    background-color:rgba(0, 0, 0, .6);
    text-decoration: none;
}