@charset "UTF-8";

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

/* --------------- Colors
BLUE #00548B
GREEN #81AC11
LIGHT GREY #F4F4F4
LINE GREY #CCCCBC;
MIDDLE GREY #9B9B8C
DARK GREY #464637
*/



html {
	height:100%;
}

body {
	height:100%;
	font-family: Lato, Arial, Helvetica, sans-serif;
	text-align:center;
	margin:0;
	padding:0;
	background-color:#00548B;
}


/* --------------- consent ------------ */

.cc_dialog.simple {
	max-width: 100%!important;
	background-color: #ffffff!important;
	-webkit-box-shadow: 0px -3px 5px 0px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    0px -3px 5px 0px rgba(50, 50, 50, 0.75);
	box-shadow:         0px -3px 5px 0px rgba(50, 50, 50, 0.75);
}


/* lato-300 - latin */
@font-face {
		font-display: swap;
  font-family: 'Lato';
  font-style: normal;
  font-weight: 300;
  src: url('/_font/lato-v23-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/_font/lato-v23-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/_font/lato-v23-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('/_font/lato-v23-latin-300.woff') format('woff'), /* Modern Browsers */
       url('/_font/lato-v23-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/_font/lato-v23-latin-300.svg#Lato') format('svg'); /* Legacy iOS */
}
/* lato-regular - latin */
@font-face {
		font-display: swap;
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: url('/_font/lato-v23-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/_font/lato-v23-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/_font/lato-v23-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('/_font/lato-v23-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('/_font/lato-v23-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/_font/lato-v23-latin-regular.svg#Lato') format('svg'); /* Legacy iOS */
}

/* lato-700 - latin */
@font-face {
		font-display: swap;
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  src: url('/_font/lato-v23-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/_font/lato-v23-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/_font/lato-v23-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('/_font/lato-v23-latin-700.woff') format('woff'), /* Modern Browsers */
       url('/_font/lato-v23-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/_font/lato-v23-latin-700.svg#Lato') format('svg'); /* Legacy iOS */
}


div#page-wrapper {
	display:none;
	width:100%;
	margin:auto;
	text-align:left;
	background-color:#FFFFFF;
}
* {
	outline:none;
}
.clear {
	clear:both;
}
div.bar {
	position:relative;
	width:100%;
	height:10px;
	background-color:#00548B;
	-webkit-transition:background-color 0.3s;
	transition:background-color 0.3s;
}
div.bar a.open-mobile-navigation {
	display:none;
}
div.content-wrapper {
	position:relative;
	width:940px;
	margin:auto;
}

/* ----------------------------------------------------------------------- HEADER */
div.bar.top {
	background-color:#FFFFFF;
}
body.loading-complete div.bar.top {
	background-color:#00548B;
}
div#page-header {
	position:relative;
}
div#page-header div.content-wrapper {
	padding-top:128px;
}
div#page-header div.header-image {
	position:relative;
	height:80px;
	width:100%;
	background-color:#F4F4F4;
	overflow:hidden;
}
div#page-header div.logo {
	position:absolute;
	left:-18px;
	top:40px;
	width:133px;
	height:73px;
	background:url(../_img/_layout/wlav-logo.png) no-repeat 0 0;
}
div#page-header div.logo a {
	display:block;
	height:100%;
	width:100%;
}
div#page-header div.title {
	position:absolute;
	color:#81AC11;
	font-size:14px;
	line-height:140%;
	font-weight:400;
	top:46px;
	left:140px;
	width:200px;
}
div.customer-navigation {
	position:absolute;
	right:0;
	top:42px;
}
div.customer-navigation ul {
	margin:0;
	padding:0;
	list-style-type:none;
}
div.customer-navigation ul li {
	float:left;
	margin-left:15px;
}
div.customer-navigation ul li a {
	display:block;
	position:relative;
	display:block;
	color:#00548B;
	text-decoration:none;
	font-size:14px;
}
div.customer-navigation ul li a.login,
div.customer-navigation ul li a.logout {
	padding-left:17px;
}
div.customer-navigation ul li a.login span.icon,
div.customer-navigation ul li a.logout span.icon {
	display:block;
	position:absolute;
	top:3px;
	left:0px;
	width:9px;
	height:12px;
	background:url(../_img/_layout/wlav-sprite.svg) no-repeat 0 -350px;
}

	.ticket-container {
			position: relative;
		}
		/* Versteckt den Hinweis standardmäßig und positioniert ihn absolut, um "Springen" zu verhindern */
		.ticket-hint {
			display: none;
			position: absolute;
			left: 0;
			top: 100%; /* Platziert den Hinweis direkt unter dem Link */
			white-space: nowrap; /* Verhindert einen unschönen Zeilenumbruch */
			font-size: x-small;
			color: #999999;
			padding-top: 2px;
			padding-left: 17px;
			z-index: 10; /* Sorgt dafür, dass der Text über anderen Elementen liegt */
		}
		/* Zeigt den Hinweis an, wenn man mit der Maus über das Listen-Element fährt */
		.ticket-container:hover .ticket-hint {
			display: block;
		}

div.customer-navigation ul li a span.ticket {
	display:block;
	position:absolute;
	top:3px;
	left:0px;
	width:12px;
	height:12px;
	background:url(../_img/_layout/question-circle-solid.svg ) no-repeat;
}
div.search {
	position:absolute;
	margin:0;
	padding:0;
	top:77px;
	right:0;
	width:306px;
	height:33px;
	background-color:#F4F4F4;
}
div.search span.icon {
	display:block;
	position:absolute;
	width:15px;
	height:15px;
	background:url(../_img/_layout/wlav-sprite.svg) no-repeat -300px -400px;
	left:10px;
	top:9px;
}
div.search input.text {
	display:block;
	position:absolute;
	width:240px;
	height:23px;
	left:33px;
	top:5px;
	background:none;
	border:none;
	color:#9B9B8C;
	font-family: Lato, Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:22px;
}
div.search input.submit {
	display:block;
	position:absolute;
	width:33px;
	height:33px;
	right:0;
	top:0px;
	background:transparent url(../_img/_layout/wlav-sprite.svg) no-repeat -35px -238px;
	border:none;
	cursor:pointer;
	-webkit-transition: background-color 0.3s;
	transition: background-color 0.3s;
}
div.search input.submit:hover {
	background:#00548B url(../_img/_layout/wlav-sprite.svg) no-repeat -35px -138px;
}	


/* ----------------------------------------------------------------------- Navigation */
div#main-navigation {
	position:relative;
	margin-top:8px;
	background-color:#F4F4F4;
	width:100%;
}
div#main-navigation h3 {
	display:none;
}
div#main-navigation ul {
	margin:0;
	padding:0;
	list-style-type:none;
}
div#main-navigation ul li {
	float:left;
	margin-right:1px;
}
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:8px solid #FFFFFF;
	-webkit-transition: background-color 0.3s, color 0.3s;
	transition: background-color 0.3s, color 0.3s;
}
div#main-navigation ul li a:hover {
	background-color:#00548B;
	color:#FFFFFF;
}
div#main-navigation ul li a.current {
	background-color:#00548B;
	color:#FFFFFF;
}
div#main-navigation ul li a span.icon {
	display:none;
}
div#main-navigation ul li a.login-needed {
	padding:0 33px 0 15px;
}
div#main-navigation ul li a.login-needed span.icon,
div#main-navigation ul li a.login-needed.current 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#main-navigation ul li a.login-needed:hover span.icon,
div#main-navigation ul li a.login-needed.current span.icon {
	background:url(../_img/_layout/wlav-sprite.svg) no-repeat 0px -300px;
}
div#main-navigation a.sitemap {
	position:absolute;
	right:15px;
	top:10px;
	color:#00548B;
	font-size:13px;
	text-decoration:none;
	padding-left:23px;
	font-weight:300;
}
div#main-navigation a.sitemap span.icon {
	position:absolute;
	top:4px;
	left:0;
	display:block;
	width:13px;
	height:9px;
	background:url(../_img/_layout/wlav-sprite.svg) no-repeat -50px -350px;
}

div#page-content div#main-navigation {
	width:306px;
	padding-bottom:40px;
}
div#page-content div#main-navigation ul {
	float:none;
	clear:left;
	padding:0;
}
div#page-content div#main-navigation ul li {
	float:none;
	clear:left;
	margin:0 0 0 0;
}
div#page-content div#main-navigation ul li a {
	border-right:none;
	border-bottom:8px solid #FFFFFF;
	font-weight:400;
}
div#page-content div#main-navigation a.sitemap {
	top:auto;
	bottom:12px;
}


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

div#mobile-navigation {
	display:none;
}

/* ----------------------------------------------------------------------- CONTENT */

div#page-content {
	position:relative;
	padding-top:72px;
}
div.content-block {
	position:relative;
}
div.content-block div.column {
	position:relative;
	float:left;
	margin:0 0 56px 0;
}
div.content-block div.column div.block {
	margin:0 0 56px 0;
}
div.content-block div.column-x2 {
	width:623px;
	margin-right:11px;
}
div.content-block div.column-x2 div.text {
	padding-right:33px;
}
div.content-block div.column-x1 {
	width:306px;
}
div.content-block div.column-x1 {
	width:306px;
}
div.content-block div.column-x2x033 {
	width:174px;
	margin-right:33px;
}

/* ----------------------------------------------------------------------- Typo */
div#page-content h1 {
	margin:0;
	padding:0;
	font-size:32px;
	color:#00548B;
	font-weight:300;
	margin:0 0 56px 0;
	max-width:70%;
}
div#page-content h1.login-needed {
	padding-right:30px;
	float:left;
	position:relative;
}
div#page-content h1.login-needed span.icon {
	display:block;
	position:absolute;
	right:0;
	top:7px;
	width:18px;
	height:24px;
	background:url(../_img/_layout/wlav-sprite.svg) no-repeat 0 -450px;
}
div#page-content h2 {
	margin:0;
	padding:0;
	font-size:20px;
	color:#00548B;
	font-weight:300;
	margin:0 0 28px 0;
}
div#page-content h2 {
	max-width:80%;
}
div#page-content h3 {
	margin:0;
	padding:0;
	font-size:16px;
	color:#81AC11;
	font-weight:400;
	margin:0 0 28px 0;
}
div#page-content div.text h3 {
	max-width:80%;
}
div#page-content h4 {
	margin:0;
	padding:0;
	font-size:15px;
	line-height:22px;
	color:#00548B;
	font-weight:400;
	margin:0 0 6px 0;
}
div#page-content div.text h4 {
	max-width:80%;
}
div#page-content p {
	margin:0;
	padding:0;
	font-size:14px;
	line-height:28px;
	font-weight:300;
	color:#464637;
	margin:0 0 28px 0;
}
div#page-content p.news-teaser {
	min-height:84px;
	-webkit-hyphens:auto;
	-moz-hyphens:auto;
	hyphens:auto;
	word-wrap:all;
}
div#page-content ul {
	margin:0;
	padding:0;
	font-size:14px;
	line-height:14px;
	font-weight:300;
	color:#464637;
	padding:14px 0 28px 18px;
}
div#page-content ol {
	margin:0;
	padding:0;
	font-size:14px;
	line-height:14px;
	font-weight:300;
	color:#464637;
	padding:14px 0 28px 18px;
}
div#page-content ul li,
div#page-content ol li {
	margin:0 0 14px 0;
}
div#page-content a {
	text-decoration:none;
	color:#00548B;
}
div.hr {
	height:1px;
	width:100%;
	background-color:#CCCCBC;
}
div.hr hr {
	display:none;
}
div.box {
	background-color:#F4F4F4;
	padding:18px;
}
div.more {
	padding-top:14px;
	font-size:14px;
}
div#page-content div.more ul {
	margin:0;
	padding:0;
	list-style-type:none;
}
div#page-content div.more ul li {
	float:left;
	margin-right:20px;
	font-weight:400;
}
div.more a {
	position:relative;
	padding-right:12px;
}
div.more a span.icon {
	position:absolute;
	width:4px;
	height:8px;
	top:6px;
	right:0px;
	background:url(../_img/_layout/wlav-sprite.svg) no-repeat -50px -200px;
}

div#page-content a.back {
	font-size:14px;
	padding-left:12px;
}
div#page-content a.back span.icon {
	position:absolute;
	width:4px;
	height:8px;
	top:6px;
	left:0px;
	background:url(../_img/_layout/wlav-sprite.svg) no-repeat -150px -200px;
}


/* ----------------------------------------------------------------------- Home */

div#page-content.home div#main-navigation h3 {
	display:block;
	background-color:#FFFFFF;
	margin-bottom:0;
	padding-bottom:28px;
	max-width:100%;
}

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

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


div#page-content.home div#page-content.home div.load-more-content {
	margin-left:33px;
}

div.load-more-content {
	text-align:center;
	padding:22px 0 76px 0;
}
div.load-more-content a {
	position:relative;
	display:block;
	width:200px;
	margin:auto;
	font-size:12px;
	font-weight:400;
	text-align:center;
}
div.load-more-content a span.icon {
	display:block;
	width:32px;
	height:32px;
	border:1px solid #00548B;
	margin:0 auto 10px auto;
	border-radius:16px;
	background:#FFFFFF url(../_img/_layout/wlav-sprite.svg) no-repeat -189px -340px;
	-webkit-transition:background-color 0.3s;
	transition:background-color 0.3s;
}
div.load-more-content a:hover span.icon {
	background:#00548B url(../_img/_layout/wlav-sprite.svg) no-repeat -189px -290px;
}	


div.loading-more-content {
	text-align:center;
	padding:22px 0 76px 0;
}
div.loading-more-content span.text {
	position:relative;
	display:block;
	width:200px;
	margin:auto;
	font-size:12px;
	font-weight:400;
	text-align:center;
	color:#00548B;
}
div.loading-more-content span.text span.icon {
	display:block;
	width:32px;
	height:32px;
	border:1px solid #00548B;
	margin:0 auto 10px auto;
	border-radius:16px;
	background:#FFFFFF url(../_img/_layout/lazy-loading.gif) no-repeat 0 0;
}

.infinite-scroll-news,
.infinite-scroll-posts {
	max-height:150px;
	-webkit-transition:max-height 8s;
	transition:max-height 8s;
}
.infinite-scroll-news.loaded,
.infinite-scroll-posts.loaded {
	max-height:30000px;
}

div#page-content div.lv-posts h4 {
	margin-bottom:20px;
}
div.lv-posts div.teaser-image {
	width:120px;
	height:120px;
	float:left;
	padding-top:10px;
	padding-bottom:40px;
}
div.lv-posts div.teaser-text {
	float:left;
	width:450px;
	padding-left:20px;
}
div.lv-posts div.more {
	margin-bottom:30px;
}


div#page-content div.partner-links {
	padding-top:90px;
}
div#page-content div.partner-links ul {
	margin:0;
	padding:0;
	list-style-type:none;
}
div#page-content div.partner-links ul li {
	clear:left;
	margin-bottom:20px;
}
div#page-content div.partner-links ul li a {
	color:#ACAC9D;
	font-size:12px;
	font-weight:400;
}
div#page-content div.partner-links ul li a:hover {
	color:#00548B;
}
div#page-content div.partner-links ul li a span.partner-link-image {
	display:block;
	width:65px;
	float:left;
	padding-bottom:10px;
}
div#page-content div.partner-links ul li a span.partner-link-text {
	display:block;
	width:130px;
	float:left;
	padding-left:10px;
	padding-bottom:10px;
}

/* ----------------------------------------------------------------------- Slider */

div.slider {
	width:940px;
	height:356px;
	overflow:hidden;
	position:relative;
	margin-bottom:11px;
	background-color:#F4F4F4;
}
div.slider a.prev,
div.slider a.next {
	display:block;
	z-index:100;
	position:absolute;
	top:50%;
	height:36px;
	width:16px;
	padding:30px;
	margin-top:-48px;
}
div.slider a.next {
	right:0;
}
div.slider a.prev span.text,
div.slider a.next span.text {
	display:none;
}
div.slider a.prev span.icon,
div.slider a.next span.icon {
	display:block;
	height:36px;
	width:16px;
	background:url(../_img/_layout/wlav-sprite.svg) no-repeat -150px 0;
}
div.slider a.next span.icon {
	background:url(../_img/_layout/wlav-sprite.svg) no-repeat -50px 0;
}
div.slider div.scroll-wrapper {
	width:4700px;
	height:357px;
}
div.slider div.scroll-wrapper div.item {
	position:relative;
	width:940px;
	height:357px;
	float:left;
}
div.slider div.scroll-wrapper div.item div.text {
	position:absolute;
	left:0;
	bottom:-200px;
	padding:30px;
	-webkit-transition:bottom 0.3s;
	transition:bottom 0.3s;
}
div.slider div.scroll-wrapper div.item div.text.visible {
	bottom:0;
}
div.slider div.scroll-wrapper div.item div.text h1 {
	color:#FFFFFF;
	font-weight:400;
	font-size:32px;
	margin:0;
}

div.slider-boxes {
	position:relative;
	width:940px;
	height:142px;
	overflow:hidden;
	margin-bottom:11px;
}
div.slider-boxes div.scroll-wrapper {
	width:1574px;
}	
div.slider-boxes div.item {
	position:relative;
	width:306px;
	height:142px;
	float:left;
	border-right:11px solid #FFFFFF;
	overflow:hidden;
}
div.slider-boxes div.item span.icon {
	display:block;
	position:absolute;
	top:16px;
	left:50%;
	width:8px;
	height:4px;
	margin-left:-4px;
	background:url(../_img/_layout/wlav-sprite.svg) no-repeat 0 -250px;
	z-index:10;
}
div.slider-boxes div.item.current span.icon {
	background:url(../_img/_layout/wlav-sprite.svg) no-repeat 0 -150px;
}
div.slider-boxes div.item.current.current-and-ready span.icon {
	background:url(../_img/_layout/wlav-sprite.svg) no-repeat -100px -150px;
}	
div.slider-boxes div.item:last-child {
	border-right:none;
}
div.slider-boxes div.item a {
	font-size:14px;
	line-height:140%;
	position:absolute;
	left:0;
	color:#464637;
	background-color:#F4F4F4;
	text-decoration:none;
	display:block;
	height:142px;
	width:306px;
	-webkit-transition:color 0.3s, background-color 0.3s, top 0.3s;
	transition:color 0.3s, background-color 0.3s, top 0.3s;
}
div.slider-boxes div.item a span.text {
	display:block;
	padding:30px;
}
div.slider-boxes div.item a span.icon {
	display:none;
}
div.slider-boxes div.item.current a:last-child span.icon {
	position:absolute;
	top:auto;
	left:auto;
	right:16px;
	bottom:16px;
	display:block;
	float:left;
	width:4px;
	height:8px;
	margin-top:-4px;
	background:url(../_img/_layout/wlav-sprite.svg) no-repeat -50px -150px;
}	
div.slider-boxes div.item a:first-child {
	top:0;
}
div.slider-boxes div.item a:last-child {
	top:142px;
}
div.slider-boxes div.item.current-and-ready a:first-child {
	top:-142px;
}
div.slider-boxes div.item.current-and-ready a:last-child {
	top:0;
}
div.slider-boxes div.item a:hover {
	background-color:#E3E3E3;
}
div.slider-boxes div.item.current a {
	color:#FFFFFF;
	background-color:#00548B;
}

div.slider-bullets {
	width:940px;
	height:12px;
}
div.slider-bullets a {
	display:block;
	height:12px;
	width:26px;
	float:left;
	margin-right:6px;
	background-color:#F4F4F4;
	-webkit-transition:background-color 0.3s;
	transition:background-color 0.3s;
}
div.slider-bullets a.current,
div.slider-bullets a:hover {
	background-color:#00548B;
}

.copyright {
position: absolute;
    color: #ffffff;
    bottom: 0px;
    right: 0px;
    font-size: 0.6em;
    background: #0000002e;
    padding: 2px;
}

/* ----------------------------------------------------------------------- Overview */
div.overview {
	width:634px;
}
div.overview div.box {
	width:270px;
	float:left;
	margin:0 11px 11px 0;
}
div.overview div.box div.image {
	margin-bottom:18px;
	height:125px;
}
div.overview div.box div.image div.contact-image {
	width:60px;
	height:60px;
	overflow:hidden;
	border-radius:30px;
	float:left;
	margin:0 10px 10px 0;
}
div.overview div.box div.image div.contact-image img {
	width:100%;
	height:auto;
}


div#page-content div.overview div.box p {
	margin-bottom:14px;
	height:56px;
}
div.overview div.more {
	text-align:right;
	border-top:1px solid #CCCCBC;
}

/* ----------------------------------------------------------------------- Contact-Persons */

div#page-content div.contact-persons {
	width:100%;
}
div#page-content div.contact-person {
	text-align:center;
	margin-bottom:28px !important;
}
div#page-content div.contact-person:nth-child(4),
div#page-content div.contact-person:nth-child(7),
div#page-content div.contact-person:nth-child(10), 
div#page-content div.contact-person:nth-child(13) {
	clear:left;
}
div#page-content div.contact-person div.image {
	width:150px;
	height:150px;
	overflow:hidden;
	border-radius:75px;
	margin:0 auto 14px auto;
}
div#page-content div.contact-person p {
	line-height:22px;
	margin-bottom:14px !important;
}

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

div#page-content div.download {
	position:relative;
	border-bottom:1px solid #CCCCCC;
	min-height:40px;
	padding:0 150px 10px 45px;
	margin:0 40px 0 0;
}
div#page-content div.download div.icon {
	position:absolute;
	left:0;
	top:0;
	width:30px;
	height:40px;
	background:url(/_img/_layout/wlav-sprite.svg) no-repeat -50px -450px;
}
div#page-content div.download div.download-link {
	position:relative;
}
div#page-content div.download div.download-info {
	font-size:14px;
	color:#464637;
	font-weight:700;
	line-height:20px;
}

div#page-content div.download div.download-link a.download.with-title {
	font-weight:700;
	font-size:14px;
	line-height:20px;
}
div#page-content div.download div.download-link span.download-link-info {
	font-size:13px;
	color:#464637;
	font-weight:300;
	line-height:20px;
}
div#page-content div.download div.download-links div.download-file {
	position:absolute;
	right:-150px;
	top:0;
	width:100px;
	font-size:13px;
	color:#464637;
	text-align:right;
	font-weight:300;
	line-height:20px;
}

/* ----------------------------------------------------------------------- Table */
table.table {
}
table.table th {
}
table.table td {
}

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

form.mailform div.input-set {
	padding:0 0 20px 0;
}

form.mailform label.label {
	font-size:15px;
	color:#00548B;
	display:block;
	clear:left;
	margin-bottom:10px;
}	
form.mailform label.label.checkbox {
	clear:none;
	float:left;
	padding-left:5px;
		line-height: 20px;
    display: contents;
}	
form.mailform input.text {
	font-size:15px;
	font-weight:300;
	background:#F4F4F4;
	border:none;
	height:38px;
	line-height:38px;
	width:460px;
	padding:0 10px 0 10px;
	display:block;
	clear:left;
	color:#464637;
}
form.mailform input.checkbox {
	float:left;
}
form.mailform span.radio {
	display:block;
font-size:14px;
color:#464637
}
form.mailform span.radio input.radio {
	margin-right:5px;
}
form.mailform select.select {
	font-size:15px;
	font-weight:300;
	background:#F4F4F4;
	border:none;
	height:38px;
	line-height:38px;
	width:auto;
	display:block;
	clear:left;
	color:#464637;
}
form.mailform textarea.textarea {
	font-size:15px;
	font-weight:300;
	background:#F4F4F4;
	border:none;
	height:180px;
	line-height:22px;
	width:460px;
	padding:10px;
	display:block;
	clear:left;
	color:#464637;
}
form.mailform input.submit {
	font-size:15px;
	font-weight:400;
	cursor:pointer;
	height:38px;
	line-height:38px;
	width:auto;
	padding:0 20px 0 20px;
	border:none;
	display:block;
	clear:left;
	color:#FFFFFF;
	background-color:#00548B;
}


div.recipient {
	padding-bottom:50px;
}
div.recipient h4 {
	margin-bottom:20px;
}
div.recipient div.recipient-image {
	float:left;
	width:70px;
	height:70px;
	margin-right:15px;
}
div.recipient div.recipient-image img {
	-webkit-border-radius:35px;
	-moz-border-radius:35px;
	border-radius:35px;
}
div.recipient div.recipient-name {
	float:left;
	width:300px;
	font-size:15px;
}
div.recipient div.other-recipient {
	padding-top:10px;
	font-weight:300;
	font-size:14px;
	width:150px;
}


form.mailform input.text.error,
form.mailform select.select.error,
form.mailform textarea.textarea.error {
	background:#FFFCD1;
}

span.error-help {
	padding:10px 0 0 0;
	display:block;
	color:#C8C344;
	font-size:14px;
	font-weight:400;
}


div.error p {
	padding:10px !important;
	width:460px;
	display:block;
	color:#C8C344;
	font-size:14px;
	font-weight:700 !important;
	background:#FFFCD1;
	color:#C8C344 !important;
}

/* ----------------------------------------------------------------------- Breadcrump */

div.breadcrump-navigation {
	padding:15px 0 15px 0;
	font-size:14px;
}
div.breadcrump-navigation span.label {
	display:block;
	float:left;
	padding:15px 0 15px 0;
	font-size:16px;
	color:#81AC11;
	font-weight:400;
	padding:0 10px 0 0;
}
div.breadcrump-navigation a {
	display:block;
	float:left;
	margin:2px 0 0 0;
}
div.breadcrump-navigation span.spacer {
	display:block;
	float:left;
	margin:7px 10px 0 10px;
	width:4px;
	height:8px;
	background:url(../_img/_layout/wlav-sprite.svg) no-repeat -50px -250px;
	opacity:0.5;
	padding-bottom:5px;
}
div.breadcrump-navigation span.spacer span.text {
	display:none;
}


/* ----------------------------------------------------------------------- Button to Top */

a.button.to-page-top {
	display:block;
	position:absolute;
	right:0;
	bottom:16px;
	width:36px;
	height:13px;
	background:url(../_img/_layout/wlav-sprite.svg) no-repeat 0px -50px;
}
a.button.to-page-top span.text {
	display:none;
}


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

div#page-footer {
	position:relative;
	width:100%;
	background-color:#F4F4F4;
}
div#page-footer div.content-wrapper {
	height:190px;
}
div#page-footer div.address-column {
	position:absolute;
	bottom:28px;
	font-size:13px;
	line-height:20px;
	color:#464637;
	font-weight:300;
}
div#page-footer div.address-column a {
	color:#00548B;
	text-decoration:none;
}


div#page-footer div.address-column.column-01 {
	width:190px;
	left:0;
	font-weight:700;
}
div#page-footer div.address-column.column-01 div.logo {
	width:50px;
	height:28px;
	background:url(../_img/_layout/wlav-logo.png) no-repeat 0 0;
	background-size:50px auto;
	margin:0 0 14px -6px;
}
div#page-footer div.address-column.column-02 {
	width:190px;
	left:213px;
}
div#page-footer div.address-column.column-03 {
	width:190px;
	left:371px;
}

div#page-footer div.meta-navigation {
	position:absolute;
	bottom:22px;
	right:0;
}
div#page-footer div.meta-navigation ul {
	margin:0;
	padding:0;
	list-style-type:none;
	font-size:13px;
}
div#page-footer div.meta-navigation ul li {
	float:none;
	margin-left:12px;
}
div#page-footer div.meta-navigation ul li a {
	position:relative;
	display:block;
	color:#00548B;
	text-decoration:none;
}
div#page-footer div.meta-navigation ul li a.imprint {
	padding-left:14px;
}
div#page-footer div.meta-navigation ul li a.imprint span.icon {
	display:block;
	position:absolute;
	width:6px;
	height:12px;
	top:3px;
	left:0;
	background:url(../_img/_layout/wlav-sprite.svg) no-repeat -100px -350px;
}


/* ----------------------------------------------------------------------- Sitemap Overlay */
div.sitemap {
	position:fixed;
	top:-50%;
	left:50%;
	width:612px;
	height:400px;
	background-color:#F4F4F4;
	margin:-200px 0 0 -306px;
	text-align:left;
	font-size:14px;
	-webkit-transition: top 0.3s;
	transition: top 0.5s ease-in-out;
	z-index:3010;
}
div.sitemap.visible {
	top:35%;
}
div.sitemap a.close {
	position:absolute;
	top:18px;
	right:18px;
}
div.sitemap a.close span.text {
	display:none;
}
div.sitemap a.close span.icon {
	display:block;
	width:7px;
	height:8px;
	background:url(../_img/_layout/wlav-sprite.svg) no-repeat -250px -350px;
}
div.sitemap div.wrapper {
	padding:36px;
}	
div.sitemap h3 {
	margin:0;
	padding:0;
	font-size:16px;
	color:#81AC11;
	font-weight:400;
	margin:0 0 28px 0;
}
div.sitemap ul {
	margin:0px;
	padding:0px;
	list-style-type:none;
	line-height:180%;
}
div.sitemap ul li {
	font-weight:700;
	float:left;
	width:auto;
	margin-right:40px;
	padding-bottom:30px;
}
div.sitemap ul li:nth-child(4) {
	clear:left;
}
div.sitemap ul li ul li {
	font-weight:300;
	padding:0px;
	float:none;
	margin-right:0;
}
div.sitemap a {
	text-decoration:none;
	color:#00548B;
}

/* ----------------------------------------------------------------------- Login Overlay */
div.customer-login {
	position:fixed;
	top:-50%;
	left:50%;
	width:306px;
	height:306px;
	background-color:#F4F4F4;
	margin:-153px 0 0 -153px;
	text-align:left;
	font-size:14px;
	-webkit-transition: top 0.3s;
	transition: top 0.5s ease-in-out;
	z-index:3010;
}
div.customer-login.visible {
	top:35%;
}
div.customer-login a.close {
	position:absolute;
	top:18px;
	right:18px;
}
div.customer-login a.close span.text {
	display:none;
}
div.customer-login a.close span.icon {
	display:block;
	width:7px;
	height:8px;
	background:url(../_img/_layout/wlav-sprite.svg) no-repeat -250px -350px;
}
div.customer-login form,
div.customer-login div.text {
	padding:56px 18px 18px 18px;
}
div.customer-login h4 {
	margin:0;
	padding:0;
	font-size:15px;
	line-height:22px;
	color:#00548B;
	font-weight:400;
	margin:0 0 6px 0;
}
div.customer-login form input.text {
	display:block;
	width:250px;
	padding:0 10px 0 10px;
	height:33px;
	background:#FFFFFF;
	border:none;
	color:#9B9B8C;
	font-family: Lato, Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:33px;
	margin-bottom:10px;
}
div.customer-login form input.submit {
	display:block;
	width:33px;
	height:33px;
	background:#00548B url(../_img/_layout/wlav-sprite.svg) no-repeat -35px -138px;
	border:none;
	cursor:pointer;
	-webkit-transition: background-color 0.3s;
	transition: background-color 0.3s;
}
div.customer-login form a {
	text-decoration:none;
	color:#00548B;
}


/* ----------------------------------------------------------------------- Page Overlay */
div#page-overlay {
	display:none;
	background-color:#464637;
	background-color:rgba(70,70,55,0.85);
	width:100%;
	height:100%;
	position:fixed;
	top:0;
	left:0;
	z-index:3000;
}
.customer-login-failed div#page-overlay {
	display:block;
}

/* ----------------------------------------------------------------------- Page Loading */
.pace {
	-webkit-pointer-events: none;
	pointer-events: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
}
.pace-inactive {
	display: none;
}
.pace .pace-progress {
	background: #00548B;
	position: fixed;
	z-index: 2000;
	top: 0;
	right: 100%;
	width: 100%;
	height: 4px;
}