/* CSS, only for first page! */
#lck_head {
	height: 100%;
	height: 100vh;
}
.lck_head_content {
	position: relative;
	margin: 18rem 0 0;
}
.lck_logo {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	position: relative;
	left: 0;
	width: 100%;
}
.lck_logo .logobox {
	-webkit-animation: movebox 2s;
	animation: movebox 2s;
}
.lck_logo .logobox:after {
	-webkit-animation: expandlogo 2s;
	animation: expandlogo 2s;
	display: block;
}
.lck_logo .logotext {
	-webkit-animation: fadetext 2.5s;
	animation: fadetext 2.5s;
	display: table-cell;
	font-size: 3rem;
}
.nb_slogan {
	-webkit-animation: fadetext2 2.5s;
	animation: fadetext2 2.5s;
}
.lck_search {
	display: block;
}
.lck_langmenu {
	position: relative;
	bottom: initial;
	width: 100%
}
.languageselect {
	width: 9rem;
}
.languageselect > span + span {
	font-size: 1.4rem;
}
.languagemenu {
	margin: 0;
}
.lck_subnav {
	margin: -30px 0 0;
	opacity: 1 !important;
	position: absolute;
	bottom: initial;
	right: 3%;
	top: 95%;
	top: 95vh;
}
.lck_downarrow {
	display: block;
}

.nb_slogan {
	color: #E0E0E0;
	display: block;
	text-align: center;
}
.nb_headnav {
	background-color: transparent;
	margin-top: -80px;
	position: absolute;
}
.nb_headnav a {
	color: #fafafa;
}

/* ************************* Media Queries - RESPONSIVE STYLE ************************* */
@media only screen and (min-width: 1024px) {
.lck_search input.text {
	min-width: 600px;
	width: 40%;
}
}

@media only screen and (max-width: 1023px) {
.lck_search input.text {
	min-width: 400px;
	width: 60%;
}
}

@media only screen and (min-width: 801px) {
#lck_head {
	
}
.logocontent {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}
.lck_subnav {
	opacity: 0 !important;
	transition: all 0.2s cubic-bezier(0.86, 0, 0.07, 1) 0s;
	visibility: hidden;
}
body.is-scrolled-2 .lck_subnav {
	opacity: 1 !important;
	transition: all 0.5s cubic-bezier(0.86, 0, 0.07, 1) 0.2s;
	visibility: visible;
}
}

@media only screen and (max-width: 800px) {
#lck_head {
	background-image: url(images/bg_mobil.jpg);
	height: initial;
}
.lck_head_content {
	margin: 5rem 0 3rem;
}
.lck_logo .logobox:after {
	right: -15px;
}
.lck_logo .logotext {
	top: -5px;
}
.nb_slogan {
	font-size: 1rem;
}
.nb_slogan *:first-child {
	margin-top: 0;
}
.lck_search {
	margin: 0 0 1rem;
}
.lck_search input.text,
.lck_search input.submit {
	height: 3rem;
}
.lck_search input.text {
	font-size: 2rem;
}
.lck_langmenu {
	opacity: 1 !important;
}
.languageselect > span {
	font-size: 2em;
}
.lck_downarrow {
	display: none !important;
}
.lck_subnav {
	top: initial;
}
.lck_subnav {
	margin: -25px 0 0;
}
.nb_headnav {
	margin-top: -50px;
}
}

/* iPad (1024 x 768px) */
@media only screen and (max-device-height: 768px) and (orientation: landscape) {
.lck_search {
	margin: 3rem 0;
}
}
/* Google Nexus 7 (960 x 600px) */
@media only screen and (max-device-height: 600px) and (orientation: landscape) {
.logocontent {
	-webkit-transform: scale(1);
	transform: scale(1);
}
.lck_search, .lck_downarrow {
	margin: 1% 0;
}
.nb_headnav {
	margin-top: -50px;
}
}
/* Nokia 9 (854 x 480px) */
@media only screen and (max-device-height: 480px) and (orientation: landscape) {
.lck_downarrow {
	display: none;
}
}

@media only screen and (max-width: 499px) {
.lck_logo .logotext {
	font-size: 1.5rem;
}
.lck_search input.text {
	font-size: 1.3rem;
	min-width: 200px;
	width: 90%;
}
}

 button {cursor:pointer;}	
            #ui-datepicker-div {font-size:11px;}   
            #external-search-form-container { 
            height: 100%; width: 100%;
            background-repeat:no-repeat;
            border-radius: 20px;}
            form { margin:0px 20px; }
            fieldset { margin: 5px; border:0; } 
            select { padding:4px 3px; width:200px; } 
            #from { padding:3px 3px;  margin-bottom:2px;margin-left:-5px;width: 45%; text-align:center;} 
            #notti { width:60px; width: 45%; text-align:center;} 
            label { text-align: center;  width: 50%; display:inline-block; color:#1DA6E7; text-transform:uppercase; font-weight:bold; font-size: 13px; font-family: Arial, sans-serif; } 
            button { background: #1DA6E7; color:#fff; text-transform: uppercase; border:none; font-weight:bold;  padding:13px 18px 13px 18px; border-radius:15px; margin-left: 2px; margin-top:2px; width: 95%;}
            .last-fieldset { margin-bottom:0; } 
            #submit-button-container { text-align:center; margin-top: 10px; }
            #ui-datepicker-div .ui-widget-header { border:1px solid #1DA6E7; background-color:#1DA6E7; background-image:none; }
            #ui-datepicker-div .ui-state-default, #ui-datepicker-div .ui-widget-content .ui-state-default, #ui-datepicker-div .ui-widget-header .ui-state-default { color:#1DA6E7; } 
            .ui-datepicker-title { color:#FFFFFF; }
            
* {
  box-sizing: border-box;
}

.main {
  float: center;
  width: 90%;
  padding: 0 20px;
  overflow: hidden;
}

@media only screen and (max-width:800px) {
  /* For tablets: */
  .main {
    width: 80%;
    padding: 0;
  }

}
@media only screen and (max-width:500px) {
  /* For mobile phones: */
  .menu, .main, .right {
    width: 100%;
  }
}

.startbooking {
  text-shadow:
    0 0 10px #000,
    0 0 10px #000,
    0 0 20px #000,
    0 0 30px #000,
    0 0 60px #000,
    0 0 70px #000,
    0 0 90px #000,
    0 0 140px #000;
	color:#fff; 
	text-transform: uppercase; 
	border:none; 
	padding:10px 15px 10px 15px; 
	border-radius:5px; 
	margin: 0 auto; 
	margin-top:2px; 
	width: 30%;
	font-size:16px;
  }