/* CSS, only for first page! */
#lck_head {
	height: 100%;
	height: 100vh;
}
.lck_head_content {
	position: relative;
	margin: 7rem 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 0s;
	animation: movebox 0s;
}
.lck_logo .logobox:after {
	-webkit-animation: expandlogo 6s;
	animation: expandlogo 6s;
	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: #179ead;
	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 {
	background-color: #2a2a2a;
	background: url(images/bg_startpage.jpg) 50% 0 no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
}
.logocontent {
	-webkit-transform: scale(1.5);
	transform: scale(1.5);
}
.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%;
}
}