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

/* Fonts */

body, input, textarea, button {
	font-size: 14px;
	line-height: 1.5;
	font-family: "Roboto", Arial, sans-serif;

	font-weight: 300;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
#footer,
#mainnav,
#header,
button,
input[type="submit"],
input[type="reset"],
.button,
.link-block {
	font-weight: 300;
	font-style: normal;
}
h3 {
	font-weight: 500;
	font-size: 100%;
	line-height: inherit;

}

.link-block {
	font-size: 15px;
	line-height: 19px;
	font-weight: 200;
}

b, strong {
	font-weight: 500;
}
/* /Fonts */







.section {
	margin-top: 3em;
	margin-bottom: 3em;
}
.section-header {
	color: #002440;
}
.section-headline {
	padding-top: 1.5em;
	padding-bottom: 1.5em;
	text-align: center;
}





html, a>*, a.label,
#header a, #footer a,
.linkarea {
	color: #222;
	text-decoration: none;
}
.banner a,
.with-pointer,
.teaser-inner-inner,
.button,
.tabnav a {
	text-decoration: none;
}


a {
	text-decoration: underline;
	/*color: #0075ac;*/
	color: #222;
}
a:hover, a.active, .active>a,
#header a:hover, #header .active>a, #footer a:hover,
.with-pointer,
a:hover>*,
.banner a {
	color: #0075ac;
}

a.active, .active>a, .banner-light a:hover, .page-active>a {
	font-weight: 500;
}

a[href].teaser-inner-inner:hover {
	text-decoration: underline;
}

img, a img {
	border: none;
}
















html {
	background: #fff;
	padding: 150px 0 100px;
	margin: 0;
	min-height: 100%;
	position: relative;
	box-sizing:border-box;
}
body {
	margin: 0;
	padding: 0;
	-webkit-text-size-adjust:100%;
	-moz-text-size-adjust:100%;
	-ms-text-size-adjust:100%;
}

/* no-chrome wird genutzt bei Darstellung innerhalb eines iframes - z.B. bei der Händlersuche */
.no-chrome {
	overflow: hidden;
	padding: 0;
}
.no-chrome body {
	padding: 0;
	min-height: 0;
}
.no-chrome #main {
	width: auto !important;
	padding: 0;
}
iframe {
	 -webkit-transition: height .5s;
	transition: height .5s;
}





/* Haupt-Container max-width + centered */
.c-mwc {
	max-width: 804px;
	margin: 0 auto;
}
.c-padded {
	padding: 0 46px;/*4px Innenabstand der Spalten von 50 gesamt abziehen*/
	box-sizing:border-box;
}
@media only screen and (max-width: 800px) {
	.c-padded {padding: 0 5%}
}
















.only-mobile {display: none}
/* Dead Simple Grid (c) 2012 Vladimir Agafonkin */
.col {
	padding: 0 8px;
}
.row .row {margin: 0 -8px;}
.row:before, .row:after {content: "";display: table;}
.row:after {clear: both;}
@media only screen {
	.col {
		float: left;
		width: 100%;

		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
				box-sizing: border-box;
	}
	.col50 {width:50%}
	.col50_50 {width:50%}
	.col66 {width:66.6666666666667%}
	.col33 {width:33.3333333333333%}
	.col60 {width:60%}
	.col40 {width:40%}
	.col25 {width:25%}
}
@media only screen and (max-width: 44em) {
	.col50, .col66, .col33, .col60, .col40 {width:100%}
	.col50 .col50 {width: 50%}
	.col50 .col60 {width: 60%}
	.col50 .col40 {width: 40%}
	.col25 {width:50%}

	.optionalrow:before, .optionalrow:after {content: "";display: table;}
	.optionalrow:after {clear: both;}

	.optionalrow-hide,
	.only-desktop {
		display: none;
	}
	.only-mobile {display: block}
}
/* /Dead Simple Grid */




@media only screen and (min-width: 44em) {
	.vertical-center .row {
		display: table;
	}
	.vertical-center .col {
		display: table-cell;
		float: none;
		vertical-align: middle;
	}
}











#header .allegion {
	position: absolute;
	top: 50%;
	right: 0;
	margin-top: -13px;
	display: block;
	width: 117px;
	height: 22px;
	background: url("../Images/allegion-h.png") top right no-repeat;
	background-image: url("../Images/allegion-h.svg"), none;
	background-size: 117px;
	text-indent: 120px;
	overflow: hidden;

	transition: all .75s ease-in-out;
}
.is-scrolled #header .allegion {
	width: 103px;
	margin-top: -12px;
	background-size: 103px;
}









#header {
	background: #fff;

	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	/*height: 100px;*/
	z-index: 50;

	/*transition: height .5s;*/
	padding: 0 0 16px;


	max-height: 100%;
	overflow: auto;
	box-sizing:border-box;

	/*transition: min-height 1s;*/
}
#header h1 {
	margin: 16px 8px;
	padding: 16px 0;
	position: relative;
	border-bottom: 1px solid #1A171B;

	transition: all .75s ease-in-out;
}
#header .logo {
	display: block;
	background: url("../Images/simons-voss-dark.png") center center no-repeat;
	background-image: url("../Images/simons-voss-dark.svg"), none;
	background-size: contain;
	width: 189px;
	height: 40px;
	text-indent: 120%;
	white-space: nowrap;
	overflow: hidden;
	margin: 0;

	transition: width .75s ease-in-out;
}
.is-scrolled #header h1 {
	margin: 5px 8px;
	padding: 0;
}

.is-scrolled #header .logo {
	width: 167px;
}







/*, screen and (max-width: 660px)*/
@media only screen and (max-height: 480px) {
	html {
		padding-top: 80px;
	}
	/*
	#header {
		position: absolute;
		max-height: none;
	}
	*/
	#header h1 {
		margin: 5px 8px;
		padding: 0;
	}
	#header .logo {
		width: 167px;
	}
	#header .allegion {
		width: 103px;
		margin-top: -12px;
		background-size: 103px;
	}
}
@media only screen and (max-width: 460px) {
	#header .allegion {
		width: 28px;
		height: 22px;
	}
	.is-scrolled #header .allegion {
		width: 25px;
	}
}














/* Listenaufzähler entfernen */
#header li:before {
	content: "";
}
#header li {
	margin: 0;
	padding: 0;
}
/*
#navbar .c-padded {
	position: relative;
}
*/
/* Hack-Element, um zu testen, ob MAIN-Menu ausgefahren ist */
.navbar-trigger {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	height: 1px;
	width: 1px;
	overflow: hidden;
}
#navbar {
	position: relative;
	/*transition: min-height .5s;
	/*overflow: hidden;*/
}

#mainnav, #langnav {
	margin: 0 8px;
}
#mainnav>ul, #langnav>ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#mainnav li {
	white-space: nowrap;
	position: static;
}
#langnav ul,
#mainnav ul {
	/*padding-bottom: .5em;*/
	cursor: default;
	box-sizing:border-box;
}
#langnav>ul>li:first-child,
#subnav>ul>li:first-child {
	padding-top: .5em;
}
#subnav ul {
	padding-bottom: .5em;
}

#header .has-submenu>a:after {
	content: "";

	background: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%228%22%20height%3D%2212%22%3E%3Cpath%20fill%3D%22%231A171B%22%20d%3D%22M2.486%202l3.618%205-3.618%205H4.39L8%207%204.39%202z%22%2F%3E%3C%2Fsvg%3E") 0 0 no-repeat;
	width: 8px;
	height: 12px;
	display: inline-block;
	margin-left: 8px;
}
#header .has-submenu>a:hover:after,
#header .has-submenu.active>a:after {
	background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%228%22%20height%3D%2212%22%3E%3Cpath%20fill%3D%22%230075AC%22%20d%3D%22M2.486%202l3.618%205-3.618%205H4.39L8%207%204.39%202z%22%2F%3E%3C%2Fsvg%3E");
}



#langnav {
	float: right;
	position: relative;
	cursor: pointer;
	text-align: right;
}
#langnav:before {
	content: attr(data-label);
	display: block;
	position: absolute;
	top: 0;
	right: 0;
}
#langnav:hover:before, #langnav.active:before {
	color: #0075ac;
}
#langnav.active:before {
	font-weight: 500;
}
#langnav ul {
	display: none;
	position: relative;
	margin-top: 1.5em;
	padding-bottom: 2em;
}
/*
#langnav li {
	position: relative;
	white-space: nowrap;
}
*/
#langnav.active ul {
	display: block;
	cursor: default;
}




@media only screen and (max-width: 640px) {
	/*
	#header {
		max-height: 100%;
		overflow: scroll;
	}
	*/

	#mainnav {
		float: left;
	}
	#langnav ul,
	#mainnav ul {
		display: none;
	}
	#mainnav a {
		display: block;
	}
	#mainnav>ul {
		padding-left: 32px;
	}
	#mainnav.active>ul, #mainnav .active>ul {
		display: block;
	}
	#mainnav li,
	#langnav li {
		padding: .35em 0;
	}
	#mainnav {
		cursor: pointer;
	}
	#mainnav:before {
		content: attr(data-label);
		padding-left: 32px;
		display: block;
		background: url(../Images/layout/nav-bars.svg) no-repeat 0 1px;
		padding-bottom: .25em;
	}
	#mainnav:hover:before, #mainnav.active:before {
		color: #0075ac;
	}
	#mainnav.active:before {
		font-weight: 500;
	}
}
@media only screen and (min-width: 641px) {
	/* Pfeil der ersten Ebene nicht zeigen */
	#mainnav>ul>li.has-submenu>a:after {
		display: none;
	}
	/* trigger zeigen, damit JS, weiß das das Menu aufgeklappt ist */
	.navbar-trigger {
		display: block;
	}

	#mainnav>ul>li {
		display: inline;
		/*position: relative;*/
	}
	#mainnav>ul>li>a {
		padding-bottom: .5em;
	}
	#mainnav>ul>li:after {
		content: "  |  ";
	}
	#mainnav>ul>li:last-child:after {
		content: "";
	}





	#mainnav ul ul {
		position: absolute;
		top: 100%;
		left: 0;
		margin: 0;
		padding: 0 0 1.5em 1em;
		list-style: none;
		display: none;
		background: #fff;
		z-index: 50;
		width: 100%;
	}

	#subnav ul {
		display: none;
	}
	/*
	#mainnav li:hover>ul,
	#langnav li:hover>ul {
		display: block;
	}
	*/
	/*
	#mainnav ul ul ul {
		top: -8px;
		left: 100%;
		display: none;
	}
	*/
	#mainnav ul ul ul {
		position: static;
		display: none;
	}
}















#footernav {
	list-style: none;
	margin: 0 8px;
	padding: 1em 0;
	text-align: center;
	border-top: 1px solid #1A171B;
	font-size: 86%;
}
#footernav li {
	display: inline;
	margin: 0;
}
#footernav li:before {
	content: "";
}
#footernav li:after {
	content: "  |  ";
}
#footernav li:last-child:after {
	content: "";
}
#footernav a {
	text-decoration: none;
}






#main {
	overflow: auto;
}

.close-x {
	background-image: url('data:image/svg+xml;charset=UTF-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2268%22%20height%3D%2268%22%20fill%3D%22%23fff%22%3E%3Cpolygon%20points%3D%2250.713%2C19.055%2048.945%2C17.287%2034%2C32.232%2019.055%2C17.287%2017.287%2C19.055%2032.232%2C34%2017.287%2C48.945%2019.055%2C50.713%2034%2C35.768%2048.945%2C50.713%2050.713%2C48.945%2035.768%2C34%22%2F%3E%3C%2Fsvg%3E');
	width: 48px;
	height: 48px;
	display: block;
	text-indent: 100%;
	overflow: hidden;
	cursor: pointer;
	position: absolute;
	top: .35em;
	right: 31px;
}
@media only screen and (max-width: 800px) {
	.close-x {
		right: 2%;
	}
}


/* Abstand des ersten Elements, wenn es nicht ein Slider ist */
#content>.row:first-child {
	margin-top: 2em;
}

/* Tabnavigation */
.tabnav {
	list-style: none;
	margin: 2em 0 1.65em;
	padding: 0;
	border-bottom: 1px solid #222;
}
.tabnav li:before {
	content: "";
}
.tabnav li {
	display: inline-block;
	background: none;
	padding: 0;
	margin: 0;
	border-right: 1px solid #222;
	margin-bottom: -1px;
}
.tabnav li:last-child {
	border-right: none;
}
.tabnav li.active+li {
	border-left: 1px solid #222;
}
.tabnav a {
	color: #222;
	display: block;
	padding: 0 1em .5em;
	margin-bottom: -1px;
}
.tabnav li.active {
	border-left: 1em solid #fff;
	border-right: 1em solid #fff;
}
.tabnav li.active:first-child {
	border-left: none;
}
.tabnav li.active a {
	border-bottom: 1px solid #222;
	padding: 0 0 .5em;
}
/*
.tabnav li.active:last-child a {
	border-right: none;
}
*/
.tabnav a:hover {
	color: #0075ac;
}

.tabnav li:first-child a {
	padding-left: 0;
	border-left: none;
}
@media only screen and (max-width: 640px) {
	.tabnav {
		display: none;
	}
}










.zoom, .tease-play {
	position: relative;
	display: block;
}
.zoom img, .tease-play img {
	display: block;
}
.zoom:before, .tease-play:before {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	background: transparent url('data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2228%22%20height%3D%2224%22%20viewBox%3D%220%20-8%2028%2024%22%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%239C9E9F%22%20stroke-width%3D%222.25%22%20d%3D%22M12.408%209.906l6.058%203.31%22%2F%3E%3Ccircle%20fill%3D%22none%22%20stroke%3D%22%239C9E9F%22%20stroke-width%3D%222.25%22%20cx%3D%228%22%20cy%3D%227.5%22%20r%3D%225%22%2F%3E%3C%2Fsvg%3E') top right no-repeat;
	position: absolute;
	top: 0;
	right: 0;
	transition: background-color 1s;
}
.tease-play:before {
	background-image: none;
}

.zoom:hover:before, .tease-play:hover:before {
	background-color: rgba(0,46,87,.8);
}
.zoom:after, .tease-play:after {
	display: block;
	width: 100%;
	text-align: center;
	font-size: 150%;
	content: attr(title);
	color: #fff;
	background: url('data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2240%22%20height%3D%2228%22%20viewBox%3D%220%200%2040%2028%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23FFF%22%20stroke-width%3D%222.349%22%3E%3Cpath%20d%3D%22M8.463%2023.722c5.627%203.38%2012.93%201.56%2016.31-4.065%203.38-5.63%201.562-12.93-4.067-16.31C15.082-.034%207.778%201.788%204.398%207.415c-3.38%205.625-1.56%2012.928%204.065%2016.308zM24.33%2019.162l13.187%207.198%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E') center center no-repeat;
	position: absolute;
	top: 50%;
	padding-top: 80px;
	margin-top: -80px;
	left: 0;
	opacity: 0;
	transition: opacity 1s;
}
.tease-play:after {
	background-image: url('data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%3E%3Ccircle%20fill%3D%22none%22%20stroke%3D%22%23FFF%22%20stroke-width%3D%221.5%22%20cx%3D%2216%22%20cy%3D%2216%22%20r%3D%2215%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23FFF%22%20stroke-width%3D%221.5%22%20d%3D%22M12.185%208.334L24.143%2016l-11.958%207.666z%22%2F%3E%3C%2Fsvg%3E');
}
.zoom:hover:after, .tease-play:hover:after {
	opacity: 1;
}
















hr {
	border: none;
	color: #222;
	background-color: #222;
	height: 1px;
	margin: 0;
	padding: 0;
}
























.slider {
	max-width: 1080px;
	margin: 0 auto;
}
.slider img {
	width: 100%;
}






















.bordered, .unfoldable > li, .bordered-light {
	border-top: 1px solid #222;
}
.unfoldable .bordered,
.bordered-light {
	border-color: #ccc;
}
.unfoldable {
	/*margin-top: 1em;*/
	padding: 0;
}
.unfoldable .unfoldable {
	margin-top: 0;
}
.unfoldable > li:before {
	content: "";
	display: none;
}
.unfoldable > li {
	background: url("../Images/layout/fold-open.png") right .65em no-repeat;
	background-image: url("../Images/layout/fold-open.svg"), none;
}
.unfoldable > .open {
	background-image: url("../Images/layout/fold-close.png");
	background-image: url("../Images/layout/fold-close.svg"), none;
}
.has-js .unfoldable .unfoldable {
	display: none;
}
.has-js .open > .unfoldable {
	display: block;
}

.unfoldable .label {
	display: block;
}
.unfoldable .label {
	display: block;
	cursor: pointer;
	text-decoration: none;
}
.unfoldable {
	border-bottom: 1px solid #222;
}
.unfoldable .unfoldable {
	border-bottom: none;
}

.unfoldable .label {
	display: block;
	margin: .5em 0;
}
.open > .label {
	font-weight: 500;
}
.unfoldable, .unfoldable ul {
	list-style: none;
	padding: 0;
}
.unfoldable ul .label {padding-left: 40px;}
.unfoldable ul ul .label {padding-left: 80px;}
.unfoldable ul ul ul .label {padding-left: 120px;}
.unfoldable ul ul ul ul .label {padding-left: 160px;}
.unfoldable ul ul ul ul ul .label {padding-left: 200px;}
.unfoldable ul ul ul ul ul ul .label {padding-left: 240px;}




h2+.row .dropdown-container {
	margin-bottom: 2em;
}



h2 {
	font-weight: 200;
	font-size: 200%;
	line-height: 1.3;

	margin: .5em 0;
}

h1 {
	font-size: 100%;
	font-weight: normal;
	margin-top: -1em;
	margin-bottom: 1em;
	text-transform: uppercase;
}

#content img {
	max-width: 100%;
	height: auto;
}

.teaser {
	font-size: 120%;
	line-height: 1.4;
	max-width: 28em;
	margin-left: auto;
	margin-right: auto;
}
/*
.col50 .teaser {
	font-size: 120%;
}
*/
.col25 .teaser {
	font-size: 100%;
	line-height: 1.5;
}





.full-width {
	width: 100%;
	display: block;
}
.with-pointer {
	font-weight: 500;
	display: inline-block;
	padding-left: 29px;
	background: url("../Images/layout/pointer-link.png") -2px -1px no-repeat;
	background-image: url("../Images/layout/pointer-link.svg"), none;
	transition: background-position .25s;
}

.with-pointer:hover,
a:hover .with-pointer {
	background-position: 1px -1px;
	font-weight: 500;
}





.with-lcaret {
	text-decoration: none;
	position: relative;
	padding-left: 1.25em;
}
.with-lcaret:first-line {
	font-weight: 500;
}
.with-lcaret:before {
	content: "> ";
	position: absolute;
	left:0;
	transition: left .25s;
	font-weight: 500;
}
/*
.with-lcaret:hover:before {
	left: 3px;
}
*/


.uc {
	text-transform: uppercase;
}
.no-space-after {
	margin-bottom: 0;
}
.no-space-before {
	margin-top: 0;
}
.text-right {
	text-align: right;
}
.text-center {
	text-align: center;
}
.small {
	font-size: 11px;
}
.less-space {
	margin: .5em 0;
}


.table-with-border {
	border: 1px solid #222;
	border-width: 1px 0;
}
.table-plain {
	width: 100%;
	border-spacing: 0;
	border-collapse: collapse;
}
.table-plain th,
.table-plain td {
	text-align: left;
	padding: 0;
}
.table-plain tr:first-child th,
.table-plain tr:first-child td {
	padding-top: 1em;
}

.table-plain tr:last-child th,
.table-plain tr:last-child td {
	padding-bottom: 1em;
}





/*
.tabular-same-height {
	transition: min-height .5s;
}
*/
.tabular-same-height img {
	display: block;
}
.label-min-height-3 {
	min-height: 4.25em;
}




.dashed-list, ul {
	list-style-type: none;
	padding: 0 0 0 1.25em;
	margin-top: 0;
}
p+ul {
	margin-top: -.5em;
}

.dashed-list li, li {position: relative; margin-bottom: .5em;}
.dashed-list li:before, li:before { content:"–"; position:absolute; left:-1.25em;}
.link-list {
	list-style: none;
	padding: 0;
	margin: 1em 0;
}
.link-list li {
	margin: 1em 0;
}
.link-list li:before {
	content: "";
	display: none;
}

.link-download,
.link-play {
	padding: 4px 0 4px 32px;
	color: #222;
	background-position: center left;
	background-repeat: no-repeat;
}
.link-download {
	background-image: url("../Images/layout/pointer-download.svg");
}
.link-play {
	background-image: url("../Images/layout/pointer-play.svg");
}




.media-gallery {
	list-style: none;
	padding: 0;
	margin-left: -4px;
	margin-right: -4px;
	margin: 4px -4px;
}
.media-gallery li:before {
	content: "";
	display: none;
}
.media-gallery li {
	width: 33.333333%;
	margin: 0;
	padding: 4px;
	box-sizing:border-box;
	float: left;
}
.media-gallery a {
	display: block;
	overflow:hidden;
}
.media-gallery img {
	display: block;
	max-height: 151px;
	min-height: 151px;
	width: auto !important;
	max-width: none !important;
}
@media all and (max-width: 480px) {
	.media-gallery li {
		width: 50%;
	}
}







.blueimp-gallery>.slides>.slide>.slide-content {
	max-width: 90%;
}
/*@media all and (min-height: 480px) {*/
	.blueimp-gallery>.slides>.slide>.slide-content {
		max-height: 75% !important;
		top: 20px;
		bottom: 100px;
	}
/*}*/
.blueimp-gallery>.title {
	top: auto;
	left: 50%;
	margin-left: -50%;
	bottom: 0;
	width: 100%;

	padding: 0 0 8px;

	/*
	border-width: 1px 0;
	border-style: solid;
	*/
	box-sizing:border-box;


	font-family: inherit;
	font-size: inherit;
	line-height: inherit;

	opacity: 1;
	transition: max-width .5s, margin-left .5s;
	/*background: rgba(255,255,255,.9);*/
}
.blueimp-gallery .title .row {
	border-width: 1px 0;
	border-style: solid;
}
.blueimp-gallery .title .col {
	padding: 0;
}

.blueimp-gallery>.slides>.slide>.video-content>video {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%;
}


.blueimp-gallery>.prev,.blueimp-gallery>.next {
	text-indent: 120%;
	overflow: hidden;
	background: url("../Images/layout/pointer-down.png") center center no-repeat;
	background-image: url("../Images/layout/pointer-down.svg"), none;
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
	background-size: 80%;
}
.blueimp-gallery>.next {
	-moz-transform: rotate(270deg);
	-ms-transform: rotate(270deg);
	-o-transform: rotate(270deg);
	-webkit-transform: rotate(270deg);
	transform: rotate(270deg);
}

.blueimp-gallery>.close {
	font-size: 48px;
	font-weight: 200;
}



#teaser {
	box-shadow: none;
	margin: 0 auto;
	padding-bottom: 0;
	max-width: 1080px;
	height: 516px;
}
#teaser .templates {
	display: none;
}
#teaser .slide-content {
	width: 1080px !important;
	max-width: 1080px !important;
	position: absolute;
	left: 50%;
	right: auto;
	margin-left: -540px;

	max-height: none !important;
	top: auto;
	bottom: auto;

}
#teaser .slide {
	text-align: left;
	overflow: hidden;
}

#teaser>.prev,#teaser>.next {
	background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20version%3D%271.1%27%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%2716px%27%20height%3D%2716px%27%3E%3Cpolyline%20fill%3D%27none%27%20stroke%3D%27%23ffffff%27%20stroke-width%3D%270.25%27%20stroke-miterlimit%3D%2710%27%20points%3D%2713.592%2C5.542%207.986%2C11.119%202.409%2C5.542%27%2F%3E%3C%2Fsvg%3E");
	background-size: 48px;
}
#teaser>.prev {
	left: -6px;
}
#teaser>.next {
	right: -6px;
}


#teaser .c-mwc {
	position: relative;
	height: 100%;
}
.teaser-container {
	position: relative;
	margin: 0 16px;
	height: 100%;
}
.teaser-content {
	position:absolute;
	bottom: 40px;
	left: -8px;
	background-color: rgba(0,46,87,.9);
	width: 50%;
	color: #fff;
	font-size: 200%;
	line-height: 1.2;
}
.teaser-inner {
	display: table;
	height: 100%;
	min-height:11em;
}
.teaser-inner-inner {
	color: #fff;
	display: table-cell;
	vertical-align: bottom;
	padding: 60px 20px 20px;
	text-align: left;
	background: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%2760px%27%20height%3D%2730px%27%20viewBox%3D%270.5%20600.5%2060%2030%27%3E%3Cpath%20fill%3D%27%23FFFFFF%27%20d%3D%27M30.5%2C600.5c-16.542%2C0-30%2C13.449-30%2C29.981c0%2C0.006%2C0%2C0.013%2C0%2C0.019h5.098c0-0.006%2C0-0.013%2C0-0.019%20c0-13.723%2C11.171-24.887%2C24.902-24.887c13.732%2C0%2C24.903%2C11.164%2C24.903%2C24.887c0%2C0.006%2C0%2C0.013%2C0%2C0.019H60.5c0-0.006%2C0-0.013%2C0-0.019%20C60.5%2C613.949%2C47.042%2C600.5%2C30.5%2C600.5%27%2F%3E%3Cpath%20fill%3D%27%23FFFFFF%27%20d%3D%27M30.5%2C611.906c-10.248%2C0-18.585%2C8.332-18.585%2C18.574c0%2C0.007%2C0%2C0.013%2C0%2C0.02h9.01%20c0-0.007-0.001-0.013-0.001-0.02c0-5.275%2C4.296-9.57%2C9.576-9.57c5.28%2C0%2C9.577%2C4.295%2C9.577%2C9.57c0%2C0.007-0.001%2C0.013-0.001%2C0.02h9.01%20c0-0.007%2C0.001-0.013%2C0.001-0.02C49.086%2C620.238%2C40.749%2C611.906%2C30.5%2C611.906%27%2F%3E%3C%2Fsvg%3E") 20px 32px no-repeat;
	background-size: 1.5em;
}
.teaser-inner-inner:hover {
	color: #fff;
}


@media only screen and (max-width: 768px) {
	#teaser {
		/*max-width: 800px;*/
		height: 328px;
		height: 387px;
	}
	#teaser .slide-content {
		width: 810px !important;
		max-width: 810px !important;
		margin-left: -405px;
	}
}
@media only screen and (max-width: 44em) {
	.teaser-content {
		min-width: 11.5em;
		min-height: 11.5em;
	}
}
@media only screen and (max-width: 32em) {
	.teaser-content {
		font-size: 160%;
	}
}









.link-block {
	display: block;
	width: 100%;
	text-transform: uppercase;
	text-decoration: none;
	text-align: center;
	padding: 26px 0 1em;
	margin: 34px 0 11px;
	color: #222;/*787878*/
	font-size: 15px;
	line-height: 19px;
	border: none;
	border-top: 1px solid #222;/*787878*/

	background-color: transparent;
	background-repeat: no-repeat;
	background-position: center 35px;

	/*opacity: .65;*/
}
.link-block:hover {
	border-top-width: 3px;
	margin-top: 33px;
	padding-top: 25px;
	padding-bottom: 1em;
	background-position: center 34px;
	background-color: transparent;
	/*color: #787878;*/

	/*opacity: 1;*/
	text-decoration: none;
}

.link-block-fwd,
.link-block-cancel,
.link-block-back {
	background-size: 34px;
	padding-top: 86px;
}
.link-block-fwd:hover,
.link-block-cancel:hover,
.link-block-back:hover {
	padding-top: 85px;
}

.link-block-fwd {background-image: url("../Images/layout/icon-fwd.svg");}
.link-block-cancel {background-image: url("../Images/layout/icon-cancel.svg");}
.link-block-back {background-image: url("../Images/layout/icon-back.svg");}






.dropdown-container {
	border: 1px solid #222;
	border-width: 1px 0;
	margin-right: 35px;
	position: relative;
}
.dropdown {
	display: block;
	border: none;
	width: 100%;
	background: none;
	position: static;
}

.dropdown div {
	padding-right: 34px;
	width: 100%;
}

.dropdown ul {
	padding: 0;
	margin: 0;
}
.dropdown .selected {
	padding: 10px 8px 9px 0;
	color: inherit;
}
.dropdown .carat {
	width: 30px;
	height: 100%;
	border: 1px solid #222;
	position: absolute;
	top: -1px;
	right: -35px;
	margin: 0;

	background: url("../Images/layout/pointer-down.png") center center no-repeat;
	background-image: url("../Images/layout/pointer-down.svg"), none;
}











button, a.button {
	display: inline-block;
	background: transparent;
	padding: .35em 2em .25em;
	margin: 0;
	font-size: 13px;
	outline: none;


	-webkit-appearance: none;
	-webkit-border-radius:0;
	border-radius:0;

	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;

	position: relative;

	border: 1px solid;
	cursor: pointer;

	padding: 4px 22px 3px;

	color: #222;
}
button:hover, a.button:hover {
	border-width: 2px;
	padding: 3px 21px 2px;
}











.tabular {
	list-style: none;

	padding: 0;
	/*border-bottom: 1px solid #444;*/
	width: 100%;
}
.tabular-label-col {
	padding: .65em 0 .5em;
}
.tabular .button,
.tabular input[type="text"],
.tabular input[type="password"],
.tabular input[type="submit"],
.tabular input[type="reset"],
.tabular button,
.tabular textarea {
	display: block;

	width: 100%;
	background: transparent;
	padding: .65em 0 .25em;
	margin: 0;
	font-size: 13px;
	outline: none;


	-webkit-appearance: none;
	-webkit-border-radius:0;
	border-radius:0;

	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;

	/*color: #fff;*/
	position: relative;

	border: none;
}
.tabular-label-col,
.tabular-input-col {
	width: 100%;
	border: 1px solid #222;
	border-width: 1px 0 0;
}
li:last-child .tabular-input-col,
.tabular-empty:last-child .tabular-label-col {
	border-bottom: 1px solid #222;
}

.tabular-input-col {
	border-color: #ccc;
}
/*
.tabular-empty {
	padding: .65em 0 .5em;
}
.tabular-empty:last-child {
	border-bottom-width: 1px;
}
*/
/* hide-col nur interessant bei tabular-empty*/
.tabular-hide-col {
	display: none;
}
/* muss li. sein, da es sonst nicht li:last-child überschreibt */
li.tabular-dropdown .tabular-input-col {
	border: none;
}
.tabular-dropdown-after .tabular-label-col {
	border-top: none;
}



.tabular-inbetween {
	margin:-.35em 0 -.5em;
}


.validation-summary-errors,
.has-validation-error label {
	color: #e80019;
}
.validation-summary-errors ul {
	list-style: none;
	padding: 0;
}
.validation-summary-errors li:before {
	display: none;
	content: "";
}









.material-list .input {
	margin: 1em 0;
}

.material-list input {
	width:2em;
	margin-right:.5em;
}
.material-list label {
	display:inline-block;
	vertical-align:top;
}









.icheckbox_square {
	float: left;
	display: block;
	margin-right: 1em;
}
.checkbox {
	display: block;
	line-height: 22px;
	text-transform: none;
	letter-spacing: 0;
}
.checkbox.multiline {
	white-space: normal;
	width: auto;
	line-height: 19px;
	display: block;
	margin-left: 2.5em;
}
.radios {
	display: block;
	padding: .5em 0 0;
}
.icheckbox_square,
.iradio_square {
	background: url("../Images/layout/radio-passive-w.png") no-repeat;
	background-image: url("../Images/layout/radio-passive-w.svg"), none;
	/*opacity: .4;*/
	margin-right: .25em;
}
.icheckbox_square {
	margin-right: .5em;
}
.icheckbox_square.hover,
.iradio_square.hover {
	opacity: .8;
}
.icheckbox_square.checked,
.iradio_square.checked {
	background: url("../Images/layout/radio-active-w.png") no-repeat;
	background-image: url("../Images/layout/radio-active-w.svg"), none;
	/*opacity: .8;*/
}
.icheckbox_square.disabled,
.iradio_square.disabled {
	opacity: .2;
}

.checkboxes-small .icheckbox_square, .checkboxes-small .iradio_square {
	width: 12px;
	background-position: center left;
	background-size: 12px;
}








@media all and (min-width: 494px) {
	.tabular {
		display: table;
		width: 100%;
		border-collapse:collapse;
	}
	.tabular > li {
		display: table-row;
	}
	.tabular-label-col,
	.tabular-input-col,
	.tabular-hide-col {
		display: table-cell;
		vertical-align: top;
		border-width: 1px 0;
		border-color: #222;
	}
	.tabular-label-col {
		width: 1px;
		padding-right: 2em;
		white-space: nowrap;
	}

	.tabular-dropdown .tabular-label-col {
		border-bottom: 1px solid #222;
	}
	.tabular-dropdown .dropdown-container {
		margin-bottom: -1px;

		/* obere Linie bei Dropdowns in Firefox und IE ausrichten */
		margin-top: -1px;
		padding-top: 1px;
	}
	/* obere Linie bei Dropdowns in Firefox ausrichten
	@-moz-document url-prefix() {
		.tabular-dropdown .dropdown-container {
			margin-top: -1px;
			padding-top: 1px;
		}
	}
	/* obere Linie bei Dropdowns in Firefox ausrichten */

	@media screen and (-webkit-min-device-pixel-ratio:0) {
		/* obere Linie bei Dropdowns in Webkit (Safari, Chrome) ausrichten */
		.tabular-dropdown .dropdown-container {
			margin-top: 0;
			padding-top: 0;
		}
	}


	.tabular-dropdown-before .tabular-input-col {
		border-bottom: none;
	}
	.tabular-dropdown-after .tabular-label-col,
	.tabular-dropdown-after .tabular-input-col,
	.tabular-dropdown + li > .tabular-input-col {
		border-top: none;
	}
}





.tabular-always {
	display: table;
	width: 100%;
	border-collapse:collapse;
}
.tabular-always > li {
	display: table-row;
}
.tabular-always .tabular-label-col,
.tabular-always .tabular-input-col,
.tabular-always .tabular-hide-col {
	display: table-cell;
	vertical-align: top;
	border-width: 1px 0;
	border-color: #222;
}
.tabular-always .tabular-label-col {
	width: 1px;
	padding-right: 2em;
	white-space: nowrap;
}

.tabular-always .tabular-dropdown .tabular-label-col {
	border-bottom: 1px solid #222;
}
.tabular-always .tabular-dropdown .dropdown-container {
	margin-bottom: -1px;

	/* obere Linie bei Dropdowns in Firefox und IE ausrichten */
	margin-top: -1px;
	padding-top: 1px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	/* obere Linie bei Dropdowns in Webkit (Safari, Chrome) ausrichten */
	.tabular-always .tabular-dropdown .dropdown-container {
		margin-top: 0;
		padding-top: 0;
	}
}


.tabular-always .tabular-dropdown-before .tabular-input-col {
	border-bottom: none;
}
.tabular-always .tabular-dropdown-after .tabular-label-col,
.tabular-always .tabular-dropdown-after .tabular-input-col,
.tabular-always .tabular-dropdown + li > .tabular-input-col {
	border-top: none;
}





























#map {
	margin: 1em 0;
	width: 100%;
	height: 580px;
	position: relative;
	overflow: hidden;

	background: rgb(229, 227, 223) url("../Images/layout/ajaxindicator.gif") center center no-repeat;
	background-size: 33px;

	-webkit-transform: translateZ(0px);
}
/* max-height geht leider nicht, da das im skalierten iframe steckt. Deswegen alles über max-width abgreifen. */
@media all and (max-width: 600px) {
	#map {
		width: 86%;
		height: 240px;
	}
}








.logo-technologie-partner,
.logo-system-partner {
	display: inline-block;
	background: url("../Images/sv-technologie-partner.svg") 0 0 no-repeat;
	background-size: 100%;
}
.logo-system-partner {
	background-image: url("../Images/sv-system-partner.svg");
}
.logo-technologie-partner img,
.logo-system-partner img {
	visibility: hidden;
	width: 100%;
	max-width: 192px;
	height: auto;
}





.gallery-images {
	list-style: none;
	padding: 0;
	margin: 0;
	margin: .5em -.25em;
}
.gallery-images li {
	width: 25%;
	box-sizing: border-box;
	float: left;
	padding: 0 .25em;
}
.gallery-main-image img,
.gallery-images img {
	width: 100%;
	height: auto;
	border: none;
	display: block;
}
.gallery-main-image {
	margin-bottom: 0;
}



.duplicateable-trigger {
	cursor: pointer;
	display: inline-block;
	background: url("../Images/layout/icon-duplicate-trigger.png") 0 0 no-repeat;
	background-image: url("../Images/layout/icon-duplicate-trigger.svg"), none;
	width: 19px;
	height: 19px;
}













.banner {
	text-align: center;
	padding: 2.3em 0;
}
.banner-light {
}
.banner-dark {
	background: #002440;
	color: #fff;
	margin: .75em 0;
}
#content .banner-dark .button {
	color: #fff;
}
.banner h2 {
	font-size: 135%;
}

a.teaser-inner-inner sup {
	color: #fff;
}