@charset "UTF-8";

/* ----------------------------------------------------------------------- GENERAL */

div.content-wrapper {
	width:100%;
	}
	
div.bar {
	position:fixed;
	z-index:700;
	height:33px;
	border-bottom:2px solid #FFFFFF;
	}
div.bar a.open-mobile-navigation {
	display:block;
	width:100%;
	height:100%;
	color:#FFFFFF;
	text-decoration:none;
	font-size:14px;
	line-height:33px;
	}
div.bar a.open-mobile-navigation span {
	position:absolute;
	top:0;
	height:33px;
	}
div.bar a.open-mobile-navigation span.icon.burger {
	left:15px;
	width:16px;
	height:10px;
	top:50%;
	margin-top:-5px;
	background:url(../_img/_layout/wlav-sprite.svg) no-repeat -100px -450px;
	}
div.bar a.open-mobile-navigation span.text {
	left:40px;
	}
div.bar a.open-mobile-navigation span.icon.arrow {
	right:15px;
	width:8px;
	height:4px;
	top:50%;
	margin-top:-2px;
	background:url(../_img/_layout/wlav-sprite.svg) no-repeat -100px -150px;
	}
	
/* ----------------------------------------------------------------------- HEADER */

div#page-header div.content-wrapper {
	padding-top:123px;
	}
div#page-header div.logo {
	left:15px;
	top:53px;
	width:93px;
	height:51px;
	background-size:93px auto;
	}
div#page-header div.title {
	line-height:140%;
	top:48px;
	left:130px;
	}
div.customer-navigation {
	display:none;
	}
div.search {
	display:none;
	}

	
/* ----------------------------------------------------------------------- Navigation */

div#main-navigation {
	display:none;
	}
	
/* ----------------------------------------------------------------------- Mobile Navigation */

div#mobile-navigation {
	text-align:center;
	display:block;
	position:fixed;
	top:-100%;
	left:0;
	height:100%;
	width:100%;
	z-index:3000;
	-webkit-transition:top 0.3s;
	transition:top 0.3s;
	background-color:#FFFFFF;
}
div#mobile-navigation.visible {
	top:0;
}
div#mobile-navigation a.close-mobile-navigation {
	position:absolute;
	left:0;
	bottom:0;
	display:block;
	width:100%;
	height:33px;
	color:#FFFFFF;
	text-decoration:none;
	font-size:14px;
	line-height:33px;
	background-color:#00548B;
	}
div#mobile-navigation a.close-mobile-navigation span {
	position:absolute;
	top:0;
	height:33px;
	}
div#mobile-navigation a.close-mobile-navigation span.icon.x {
	left:15px;
	width:7px;
	height:8px;
	top:50%;
	margin-top:-4px;
	background:url(../_img/_layout/wlav-sprite.svg) no-repeat -250px -300px;
	}
div#mobile-navigation a.close-mobile-navigation span.text {
	left:30px;
	}
div#mobile-navigation a.close-mobile-navigation span.icon.arrow {
	right:15px;
	width:8px;
	height:4px;
	top:50%;
	margin-top:-2px;
	background:url(../_img/_layout/wlav-sprite.svg) no-repeat 0 -150px;
	}
	
div#mobile-navigation div.wrapper {
	text-align:left;
	padding:0 30px 30px 0;
	overflow-y:auto;
	-webkit-overflow-scrolling: touch;
	height:80%;
	width:306px;
	margin:auto;
	}
div#mobile-navigation div.wrapper div.search {
	margin:15px 0 15px 0;
	position:relative;
	display:block;
	top:auto;
	left:auto;
	right:auto;
	}
div#mobile-navigation div.wrapper div.customer-navigation {
	position:relative;
	display:block;
	top:auto;
	left:auto;
	right:auto;
	}
div#mobile-navigation div.wrapper div.customer-navigation ul li {
margin-bottom: 1.2rem;
}
div#mobile-navigation div.main-navigation {
	padding-top:22px;
	width:306px;
	padding-bottom:40px;
	}	
div#mobile-navigation div.main-navigation h3 {
	margin:0;
	padding:0;
	font-size:16px;
	color:#81AC11;
	font-weight:400;
	margin:8px 0 12px 0;
	}
div#mobile-navigation div.main-navigation ul {
	margin:0;
	padding:0;
	list-style-type:none;
	}
div#mobile-navigation div.main-navigation ul li {
	float:none;
	clear:left;
	margin-right:1px;
	}
div#mobile-navigation div.main-navigation ul li ul {
	padding-bottom:10px;
	}
div#mobile-navigation div.main-navigation ul li a {
	position:relative;
	display:block;
	text-decoration:none;
	padding:0 15px 0 15px;
	height:40px;
	line-height:40px;
	background-color:#F4F4F4;
	color:#00548B;
	font-size:14px;
	border-right:none;
	border-bottom:none;
	margin-bottom:8px;
	font-weight:400;
	-webkit-transition: background-color 0.3s, color 0.3s;
    transition: background-color 0.3s, color 0.3s;
	}
	
div#mobile-navigation div.main-navigation ul li ul li a {
	position:relative;
	display:block;
	text-decoration:none;
	padding:0 15px 0 15px;
	height:auto;
	line-height:20px;
	background-color:transparent;
	color:#00548B;
	font-size:14px;
	border-right:none;
	}
	
div#mobile-navigation div.main-navigation ul li a:hover {
	background-color:#00548B;
	color:#FFFFFF;
	}
div#mobile-navigation div.main-navigation ul li a.current {
	background-color:#00548B;
	color:#FFFFFF;
	}
	
div#mobile-navigation div.main-navigation ul li ul li a:hover {
	background-color:transparent;
	color:#00548B;
	font-weight:bold;
	}
div#mobile-navigation div.main-navigation ul li ul li a.current {
	background-color:transparent;
	color:#00548B;
	font-weight:bold;
	}
	
div#mobile-navigation div.main-navigation ul li a span.icon {
	display:none;
	}
div#mobile-navigation div.main-navigation ul li a.login-needed {
	padding:0 33px 0 15px;
	}
div#mobile-navigation div.main-navigation ul li a.login-needed span.icon {
	display:block;
	position:absolute;
	top:13px;
	right:15px;
	width:9px;
	height:12px;
	background:url(../_img/_layout/wlav-sprite.svg) no-repeat 0px -350px;
	}
div#mobile-navigation div.main-navigation ul li a.login-needed:hover span.icon,
div#mobile-navigation div.main-navigation ul li a.login-needed.current span.icon {
	background:url(../_img/_layout/wlav-sprite.svg) no-repeat 0px -300px;
	}
div#mobile-navigation div.main-navigation a.sitemap {
	display:none;
	}
	
	
/* ----------------------------------------------------------------------- CONTENT */

div.content-block {
	padding:0 30px 0 30px;
	}
div.content-block div.column-x2 {
	width:100%;
	margin-right:0;
	}
div.content-block div.column-x2 div.text {
	padding-right:0;
	}
div.content-block div.column-x1 {
	width:100%;
	}
div.content-block div.column-x1 {
	width:100%;
	}
div.content-block div.column-x2x033 {
	width:100%;
	margin-right:0;
	}
	
	
/* ----------------------------------------------------------------------- Slider */

div.slider {
	width:100%;
	height:273px;
	}
div.slider div.scroll-wrapper {
	width:500%;
	height:273px;
	}
div.slider div.scroll-wrapper div.item {
	width:20%;
	height:273px;
	}
body.tube div.slider div.scroll-wrapper div.item div.text h1 {
	font-size:26px;
	}
div.slider a.prev,
div.slider a.next {
	top:30px;
	margin-top:0px;
	}
div.slider-boxes {
	width:100%;
	}
div.slider-boxes div.scroll-wrapper {
	width:500%;
	}	
div.slider-boxes div.item {
	width:20%;
	border-right:none;
	}
div.slider-boxes div.item a {
	width:100%;
	}
div.slider-bullets {
	width:auto;
	float:left;
	padding-left:30px;
	}
	
/* ----------------------------------------------------------------------- Overview */
div.overview {
	width:100%;
	}	
div.overview div.box {
	width:50%;
	float:left;
	margin:0;
	padding:0;
	}
div.overview div.box:nth-child(odd) {
	clear:left;
	}
div.overview div.box div.wrapper {
	padding:18px;
	border-bottom:11px solid #FFFFFF;
	}	
div.overview div.box:nth-child(odd) div.wrapper {
	border-right:6px solid #FFFFFF;
	}	
div.overview div.box:nth-child(even) div.wrapper {
	border-left:5px solid #FFFFFF;
	}
body.tube div.overview div.box:nth-child(odd) div.wrapper {
	border-right:none;
	}	
body.tube div.overview div.box:nth-child(even) div.wrapper {
	border-left:none;
	}
div.overview div.box div.image {
	max-width:100%;
	height:125px;
	overflow:hidden;
	}
div.overview div.box div.image img {
	min-width:100%;
	height:auto;
	}
body.tube div.overview div.box {
	width:100%;
	}
	

/* ----------------------------------------------------------------------- Download */

div#page-content div.download {
	margin:0;
}

/* ----------------------------------------------------------------------- Form */

form.mailform input.text {
	width:85%;
	padding:0 10px 0 10px;
}
form.mailform textarea.textarea {
	width:85%;
	padding:10px;
}

div.error p {
	padding:10px !important;
	width:85%;
}
	
	
/* ----------------------------------------------------------------------- Home */

div#page-content.home div.content-block div.column-x1 {
	margin-right:0;
	}
div#page-content.home div.content-block div.column-x2 div.text {
	padding-left:0;
	}
div#page-content.home div.content-block div.column-x2x033 {
	margin-left:0;
	}	
div#page-content.home div.column-x2 h3, div#page-content.home div.column-x2 .teaser {
	margin-left:0;
	}	

div#page-content.home div.column-x2 .teaser img {
	    max-width: 100%;
    height: auto;
}	

div#page-content.home div.load-more-content {
	margin-left:0;
	}
	
div#page-content p.news-teaser {
	min-height:1px;
}
div.breadcrump-navigation {
	padding:15px 30px 56px 30px;
	font-size:14px;
	}

a.button.to-page-top {
	right:30px;
	}

div#page-content div.partner-links {
	display:none;
}

div.lv-posts div.teaser-image {
	padding-bottom:20px;
}
div.lv-posts div.teaser-text {
	width:100%;
	padding-left:0;
}
	
	

/* ----------------------------------------------------------------------- FOOTER */

div#page-footer div.content-wrapper {
	height:auto;
	padding:30px 0 30px 0;
	}
div#page-footer div.address-column {
	padding-top:10px;
	position:relative;
	bottom:auto;
	left:30px !important;
	width:200px !important;
	}
div#page-footer div.meta-navigation {
	right:30px;
	bottom:30px;
	}
	
	
/* ----------------------------------------------------------------------- Page Loading */