@import url(https://api.fontshare.com/v2/css?f[]=oswald@400,700&display=swap);

@font-face {
    font-family: 'Artusi';
    src: url('fonts/Artusi-Grande-Heavy.woff2') format('woff2'),
        url('fonts/Artusi-Grande-Heavy.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

* {
padding: 0;
margin: 0;
}

.nav-list {
  height: 100%;
}

.nav-list a {
  color: #ffffff !important;
}

.uk-navbar-item, .uk-navbar-nav>li>a, .uk-navbar-toggle {
  justify-content: right !important;
  min-height: 60px !important;
  color: #ffffff !important;
}

.uk-offcanvas-bar {
  background:#E84200 !important;
  color: #ffffff !important;
}

.uk-offcanvas-bar .uk-nav-default>li>a {
  color: #ffffff !important;
}

@media screen and (min-width: 640px) {
  .uk-navbar-item, .uk-navbar-nav>li>a, .uk-navbar-toggle {
    justify-content: left !important;
    min-height: 60px !important;
    color: #ffffff !important;
  }

  .page .page-wrapper {
    padding-left: 10vw;
  }
}
/*TIMER*/

.bg {
/*  width: 800px;
  margin: 0 auto;
  text-align: center;*/
  color: white;
  font-weight: 100;
}

.text>div {

  line-height: 1;
  padding: 20px;
  font-size: 40px;
}

.text span {
  display: block;
  font-size: 20px;
  color: white;
}

#days {

  font-size: 100px;
  color: #fff;
  padding: 20px 0px;
}
#hours {

  font-size: 100px;
  color: #fff;
  padding: 20px 0px;
}
#minutes {

  font-size: 100px;
  color: #fff;
  padding: 20px 0px;
}
#seconds {

  font-size: 50px;
  color: #fff;
  padding: 20px 0px;
}

.text p {
  color: #fff !important;
}

#timer {
  text-align: center;
}

@media screen and (min-width: 640px) {
  #timer {
  text-align: left;
}

  #days {
  display: inline-block !important;
  padding: 0px 20px;
}
#hours {
  display: inline-block !important;
  padding: 0px 20px;
}
#minutes {
  display: inline-block !important;
  padding: 0px 20px;
}
#seconds {
  display: inline-block !important;
  padding: 0px 20px;
}
}
/*TIMER*/





body, html {
height: 100%;

color: #E84200 !important;
}

body.home {
  background:#ffffff;
}

body.page {
  background:#fff;
}


html, body {
	font-family: 'Oswald', sans-serif !important;
	font-size: 14px !important;
  font-weight: 400;
}
h1, h2, h3, h4, h5, h6 {
	font-family: 'Oswald', sans-serif !important;
  color: #E84200 !important;
  font-weight: 700;
}

a {
	color: #222;
	text-decoration: none;
}

li {
	list-style-type: none;
}

ul {
    margin:0
}

.expand-me {
  position: absolute;
  top:60px;
  right:0;
  background:#E84200;
  color: #ffffff;
  z-index: 1000;
}

.map-container {
		position: absolute;
		left: 0px;
		top: 0px;
		width: 100%;
		height: 100%;
	}

.main-nav {
    width:100vw;
    height:60px;
    position:fixed;
    background:#E84200;
    z-index: 1002;
}

.nav {
    margin:0 auto;
    height:100%;
}

ul.logo-list li {
    margin-right:20px;
    float:right;
    height:100%;
    line-height:60px;
}

ul.logo-list li.li-logo {
    margin-right:20px;
    float:left;
    height:100%;
    line-height:60px;
    color: #ffffff;
    font-family: 'Oswald', sans-serif !important;
}

ul.logo-list li.li-logo .datum{
    font-family: 'Oswald', sans-serif !important;
}

.nav li a {
    color:#ffffff;
    text-decoration: none !important;
}

.panel-toggle {
  background: #E84200;
  color: #ffffff !important;
/*  top: 1px !important;*/
}

.panel {
  position: absolute;
  top: 60px;
  left: 0;
  min-height: calc(100vh - 60px);
  width: 100vw;
  background: #fff;
  z-index: 1001;
  -webkit-transition: all 500ms ease;
-moz-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease;
}

.hidden-panel {
  left: -100%;
  -webkit-transition: all 500ms ease;
-moz-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease;
}

/*.clicked-panel {
  right: -50px !important;
}*/

.clicked-panel svg {
  transform: rotate(45deg) !important;
}

.clicked-panel svg, .hide-panel svg {
  -webkit-transition: all 1500ms ease;
  -moz-transition: all 1500ms ease;
  -ms-transition: all 1500ms ease;
  -o-transition: all 1500ms ease;
  transition: all 1500ms ease;
}
@media screen and (min-width: 768px) {
  .panel {
  min-height: 100vh;
  width: 33vw;
  background: #fff;
  z-index: 1001;
  -webkit-transition: all 500ms ease;
-moz-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease;
}

.visible-panel {
  position: absolute;
  top: 0;
  left: 60px;
  -webkit-transition: all 500ms ease;
-moz-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease;
}

.hidden-panel {
  position: absolute;
  top: 0;
  left: calc(-33vw + 10px);
  -webkit-transition: all 500ms ease;
-moz-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease;
}
}
@media screen and (min-width: 640px) {
  .expand-me {
  position: absolute;
  top:0;
  right:0;
  background:#E84200;
  color: #ffffff;
  z-index: 1000;
}

  .panel-toggle {
    right: -50px !important;
  }

  .main-nav {
    width:100vh;
    height:60px;
    position:fixed;
    background:#E84200;
    -webkit-transform-origin: left top;
    -webkit-transform:rotate(-90deg) translateX(-100%);
    z-index: 1002;
}
.nav {
    margin:0 auto;
    height:100%;
}

ul.logo-list li {
    margin-right:20px;
    float:left;
    height:100%;
    line-height:60px;
}

ul.logo-list li.li-logo {
    margin-right:20px;
    float:right;
    height:100%;
    line-height:60px;
    color: #ffffff;
}


.nav li a {
    color:#ffffff;
}
}




@media screen and (min-width: 640px) and (max-width:768px) {
  .panel-toggle {
    right: -50px !important;
  }

  .panel {
  min-height: 100vh;
  width: 50vw;
  background: #fff;
  z-index: 1001;
  -webkit-transition: all 500ms ease;
-moz-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease;
}

.visible-panel {
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transition: all 500ms ease;
-moz-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease;
}

.hidden-panel {
  position: absolute;
  top: 0;
  left: -50vw;
  -webkit-transition: all 500ms ease;
-moz-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease;
}

	.map-container {
		position: absolute;
		left: 60px;
		top: 0px;
		width: calc(100% - 60px);
		height: 100%;
	}


}


.light-blue {
	background: #ffffff;
}

.navi {
	float: left;
	width: 50px;
	height: 100vh;
	background: #E84200
}

/*.map-container {
	float: left;
}*/

.rotate {

	transform: rotate(-90deg);
	-moz-transform: rotate(-90.0deg);
  -o-transform: rotate(-90.0deg);
  -webkit-transform: rotate(-90.0deg);

}

.marker {
	color: #fff !important;
	background: #E84200 url(images/home_2024.svg);
	cursor: pointer;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 20px 20px;
  border: 1px solid #E84200;
}

.marker:hover {
  color: #fff !important;
  background: #E84200 url(images/home_2024.svg);
  cursor: pointer;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 20px 20px;
}


.panel img {
	max-width: 100%;
}
.search-form {
	display: none;
	background: rgba(20, 20, 20, 0.8);
position: absolute;
z-index: 20005;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.search-form #inputfield {
background: none;
border: none;
margin: 0;
width: 90%;
position: absolute;
top: 50%;
right: 5%;
left: 5%;
margin-top: -30px;
font-family: 'Roboto', sans-serif;
font-size: 4.5em;
font-weight: 300;
color: #fff;
-webkit-font-smoothing: antialiased;
outline: none;
}

.search-form #search-submit {
display: none;
}

.wrapper {
	overflow: auto;
}

.vorschlag-wrapper {
	padding: 150px;
}
.infobox {
	height: 100%;
	width: 30%;
	z-index: 20000;
	position: absolute;
	top: 0px;
	left: 0;
	background: #fff;
	border-right:  1px solid #111;
	box-shadow: 0px 1px 5px #000;
}

.infobox img {
	width: 100%;
}



.big-map-container {
	position: absolute;
	left: 0;
	top: 0px;
	width: 100%;
	height: 100%;
}

#map {
	height: 100%;
	width: 100%;
  position: fixed !important;
}

.filter {
	width: 100%;
	position: absolute;
	top: 0;
	left: -100%;
	z-index: 20001;
	background: #fff;
	box-shadow: 0px 3px 5px #000;
	opacity: 0.9;
	overflow: auto;
	-webkit-transition: all 500ms ease; /* Firefox */
	-moz-transition: all 500ms ease; /* WebKit */
	-o-transition: all 500ms ease; /* Opera */
	transition: all 500ms ease; /* Standard */
}

.filter.active {
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 20001;
	background: #fff;
	box-shadow: 0px 3px 5px #000;
	opacity: 0.9;
	overflow: auto;
	-webkit-transition: all 500ms ease; /* Firefox */
	-moz-transition: all 500ms ease; /* WebKit */
	-o-transition: all 500ms ease; /* Opera */
	transition: all 500ms ease; /* Standard */
}

.filter ul {
	float: left;
	padding: 20px;
}

.filter ul li span {
	padding-left: 10px;
}

.text-box {
/*	color: #fff !important;*/
	padding: 20px;
}

.text-box h2 {
/*	color: #fff !important;*/
}

.header {
/*	height: 50px;*/
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: #222;
	border-right:  1px solid #111;
	z-index: 20002;
	box-shadow: 0px 1px 5px #000;
}

/*
#sb-search {
	float: right;
}*/
/*
.brand {
	height: 180px;
}
*/

.header-inner {
	overflow: auto;
	padding: 20px;
}

.brand {
/*	position: absolute;
	top: 20px;
	right: 20px;
	width: 25vw;*/
	z-index: 1002;
}

.brand a {
/*	font-size: 1.4em;
	text-align: right;*/
}

.brand h1 a {
	font-weight: 700 !important;
	letter-spacing: 0.1em;
	display: block;
	text-transform: uppercase;
}

.filter-trigger {
	float: right;
	width: 25px;
	height: 25px;
	background: url(images/menu.png);
	background-repeat: no-repeat;
	background-position: center;
}

.vorschlag {
	float: right;
}


.title ul li a {
	display: block;
	width: 100px;
	height: 100px;
	text-indent: -9999px;
	background-position: center;
}

li.logo a {
	background: #222 url(images/logo.png);
}

li.map a {
	background: #222 url(images/map.png);
}

li.journal a {
	background: #222 url(images/journal.png);
}

li.search a {
	background: #222 url(images/search.png);
}

.title ul li a:hover {
	background-color: #333;
}

.header a {
	text-decoration: none;
	color: #fff;
}

.header span {
	text-decoration: none;
	color: #E84200;
	font-weight: 400;
}
@media screen and (max-width: 640px) {
.detail .big-map-container {
	position: inherit;
	height: auto;
}

.infobox {
	width: 100%;
	z-index: 20000;
	position: inherit;
	background: #fff;
	border-right:  1px solid #111;
	box-shadow: 0px 1px 5px #000;
}

.detail #map {
	height: 500px;
}

}

/* TEXT ANIMATION */

.li-logo span {
  color: transparent;
  animation: blur 10s ease-out infinite;
  -webkit-animation: blur 10s ease-out infinite;
}

.li-logo span:nth-child(1) {
  animation-delay: 0.1s;
  -webkit-animation-delay: 0.1s;
}
.li-logo span:nth-child(2) {
  animation-delay: 0.2s;
  -webkit-animation-delay: 0.2s;
}
.li-logo span:nth-child(7) {
  animation-delay: 0.3s;
  -webkit-animation-delay: 0.3s;
}
.li-logo span:nth-child(4) {
  animation-delay: 0.4s;
  -webkit-animation-delay: 0.4s;
}
.li-logo span:nth-child(5) {
  animation-delay: 0.5s;
  -webkit-animation-delay: 0.5s;
}
.li-logo span:nth-child(6) {
  animation-delay: 0.6s;
  -webkit-animation-delay: 0.6s;
}
.li-logo span:nth-child(3) {
  animation-delay: 0.7s;
  -webkit-animation-delay: 0.7s;
}



.li-logo span:nth-child(8) {
  animation-delay: 0.1s;
  -webkit-animation-delay: 0.1s;
}
.li-logo span:nth-child(9) {
  animation-delay: 0.2s;
  -webkit-animation-delay: 0.2s;
}
.li-logo span:nth-child(14) {
  animation-delay: 0.3s;
  -webkit-animation-delay: 0.3s;
}
.li-logo span:nth-child(11) {
  animation-delay: 0.4s;
  -webkit-animation-delay: 0.4s;
}
.li-logo span:nth-child(12) {
  animation-delay: 0.5s;
  -webkit-animation-delay: 0.5s;
}
.li-logo span:nth-child(13) {
  animation-delay: 0.6s;
  -webkit-animation-delay: 0.6s;
}
.li-logo span:nth-child(10) {
  animation-delay: 0.7s;
  -webkit-animation-delay: 0.7s;
}


.li-logo span:nth-child(19) {
  animation-delay: 0.1s;
  -webkit-animation-delay: 0.1s;
}
.li-logo span:nth-child(16) {
  animation-delay: 0.2s;
  -webkit-animation-delay: 0.2s;
}
.li-logo span:nth-child(17) {
  animation-delay: 0.3s;
  -webkit-animation-delay: 0.3s;
}
.li-logo span:nth-child(18) {
  animation-delay: 0.4s;
  -webkit-animation-delay: 0.4s;
}
.li-logo span:nth-child(15) {
  animation-delay: 0.5s;
  -webkit-animation-delay: 0.5s;
}
.li-logo span:nth-child(20) {
  animation-delay: 0.6s;
  -webkit-animation-delay: 0.6s;
}
.li-logo span:nth-child(21) {
  animation-delay: 0.7s;
  -webkit-animation-delay: 0.7s;
}

@keyframes blur {
  0%    {text-shadow:  0 0 100px #ffffff; opacity:0;}
  5%    {text-shadow:  0 0 90px #ffffff;}
  15%   {opacity: 1;}
  20%   {text-shadow:  0 0 0px #ffffff;}
  80%   {text-shadow:  0 0 0px #ffffff;}
  85%   {opacity: 1;}
  95%   {text-shadow:  0 0 90px #ffffff;}
  100%  {text-shadow:  0 0 100px #ffffff; opacity:0;}
}

@-webkit-keyframes blur {
  0%    {text-shadow:  0 0 100px #ffffff; opacity:0;}
  5%    {text-shadow:  0 0 90px #ffffff;}
  15%   {opacity: 1;}
  20%   {text-shadow:  0 0 0px #ffffff;}
  80%   {text-shadow:  0 0 0px #ffffff;}
  85%   {opacity: 1;}
  95%   {text-shadow:  0 0 90px #ffffff;}
  100%  {text-shadow:  0 0 100px #ffffff; opacity:0;}
}